
body {
    font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", 微软雅黑, Arial, sans-serif;
    font-size: 17px;
    color: #161c2d;
    line-height: 30px
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    font-family: '';
    font-weight: 700
}

h1 {
    font-size: 65px;
    line-height: 80px
}

h2 {
    font-size: 42px;
    line-height: 50px
}

h3 {
    font-size: 30px;
    line-height: 38px
}

h4 {
    font-size: 24px;
    line-height: 32px
}

h5 {
    font-size: 20px;
    line-height: 28px
}

h6 {
    font-size: 16px;
    line-height: 24px
}

p {
    margin: 0;
    padding: 0
}

img {
    max-width: 100%;
    height: auto
}

ul,
ol {
    list-style: none;
    padding: 0;
    margin: 0
}

a {
    color: inherit;
    text-decoration: none;
    -webkit-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s
}

a:hover,
a:focus {
    text-decoration: none
}

a:focus,
input:focus,
textarea:focus,
button:focus,
.form-control:focus {
    text-decoration: none;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

i,
span,
a {
    display: inline-block
}

button {
    border: 0
}

.bg-ocean-blue {
    background-color: #0040e5
}

.bg-clear-blue {
    background-color: #37F
}

.bg-royal-blue {
    background-color: #473BF0
}

.bg-burning-orange {
    background-color: #F4732A
}

.bg-magnolia {
    background-color: #F2F5FE
}

.bg-light-magnolia {
    background-color: #F1F5FF
}

.bg-water {
    background-color: #EDF2FD
}

.bg-tuna {
    background-color: #36234B
}

.bg-alice-blue {
    background-color: #F0F6FF
}

.bg-solid-dark {
    background-color: #1B202F
}

.bg-dark-black {
    background-color: #161C2D
}

.bg-dark-blue {
    background-color: #2B354F
}

.bg-dark-black-v2 {
    background-color: #1B202F
}

.bg-white-lilac {
    background-color: #F4F7FA
}

.bg-contain {
    background-size: contain;
    background-position: top center;
    background-attachment: scroll;
    background-repeat: no-repeat
}

.bg-cover {
    background-size: cover;
    background-attachment: scroll;
    background-position: center center;
    background-repeat: no-repeat
}

.border-top {
    border-top: 1px solid #EDF2FD
}

.border-top-blue {
    border-top: 1px solid rgb(71 59 240 / 10%)
}

.border-bottom-purple {
    border-bottom: 1px solid rgb(130 8 254 / 12%)
}

.section-gradient-1 {
    background-image: -moz-linear-gradient(-38deg, #0040e5 0, #028ceb 59%, #04d7f1 100%);
    background-image: -webkit-linear-gradient(-38deg, #0040e5 0, #028ceb 59%, #04d7f1 100%);
    background-image: -ms-linear-gradient(-38deg, #0040e5 0, #028ceb 59%, #04d7f1 100%)
}

.position-relative {
    position: relative;
    z-index: 1
}

.content-left-spacer {
    padding-left: 70px
}

.content-right-spacer {
    padding-right: 70px
}

.section-padding-top {
    padding-top: 130px
}

.section-padding-bottom {
    padding-bottom: 130px
}

.section-padding-bottom-2 {
    padding-bottom: 80px
}

.section-padding-2 {
    padding: 85px 0
}

.section-padding {
    padding: 130px 0
}

.filled-btn,
.filled-btn.btn-bordered {
    display: inline-block;
    background: #473BF0;
    color: #fff;
    padding: 6px 30px;
    font-size: 14px;
    border-radius: 50px;
    font-family: 'CircularStdBold';
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.filled-btn i,
.filled-btn.btn-bordered i {
    margin-left: 8px;
    font-size: 15px
}

.filled-btn,
.filled-btn.btn-bordered {
    position: relative;
    z-index: 1;
    overflow: hidden;
    -webkit-box-shadow: 0 10px 30px 0 rgba(71, 59, 240, 0.36);
    box-shadow: 0 10px 30px 0 rgba(71, 59, 240, 0.36);
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    text-transform: capitalize;
    vertical-align: middle
}

.filled-btn.button-radius,
.filled-btn.button-radius:after,
.filled-btn.btn-bordered.button-radius,
.filled-btn.btn-bordered.button-radius:after {
    border-radius: 7px
}

.filled-btn:after,
.filled-btn.btn-bordered:after {
    position: absolute;
    content: "";
    height: 100%;
    width: 0;
    top: 0;
    left: 0;
    background-color: #215cff;
    z-index: -1;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    border-radius: 50px
}

.filled-btn.btn-bordered {
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #161c2d;
    border: 2px solid #D1D1F8;
    padding: 6px 40px;
    -webkit-transition-delay: .1s;
    -o-transition-delay: .1s;
    transition-delay: .1s
}

.filled-btn.btn-bordered {
    background: transparent;
    border: 2px solid #0040E5;
    color: #0040E5
}

.filled-btn:hover:after,
.filled-btn.btn-bordered:hover:after {
    width: 100%
}

.filled-btn:hover {
    -webkit-box-shadow: 0 0 30px 0 rgb(0 0 0 / 30%);
    box-shadow: 0 0 30px 0 rgb(0 0 0 / 30%);
    color: #fff
}

.filled-btn.btn-bordered:hover {
    color: #fff;
    background: #161c2d
}

.filled-btn.btn-bordered:hover {
    border: 2px solid #161c2d
}

.filled-btn.filled-bg-white {
    background-color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #161c2d
}

.filled-btn.filled-bg-white:hover {
    background-color: #161c2d;
    -webkit-transition-delay: .1s;
    -o-transition-delay: .1s;
    transition-delay: .1s
}

.filled-btn.filled-bg-white:hover {
    color: #fff
}

.filled-btn.bg-rose-bud {
    background-color: #F6B9A7;
    -webkit-box-shadow: 0 10px 30px 0 rgba(246, 185, 167, 0.61);
    box-shadow: 0 10px 30px 0 rgba(246, 185, 167, 0.61);
    color: #36234b
}

.filled-btn.bg-rose-bud:hover {
    background: #161c2d;
    -webkit-transition-delay: .1s;
    -o-transition-delay: .1s;
    transition-delay: .1s;
    color: #fff
}

.filled-btn.bg-mandy {
    background-color: #E25C6A;
    -webkit-box-shadow: 0 10px 30px 0 rgba(226, 92, 106, 0.36);
    box-shadow: 0 10px 30px 0 rgba(226, 92, 106, 0.36);
    color: #fff
}

.filled-btn.bg-purple {
    background-color: #8208FE;
    -webkit-box-shadow: 0 10px 30px 0 rgba(130, 8, 254, 0.36);
    box-shadow: 0 10px 30px 0 rgba(130, 8, 254, 0.36);
    color: #fff
}

.filled-btn.bg-mandy:after,
.filled-btn.bg-purple:after,
.filled-btn.bg-blue-chalk.button-radius:after {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #161c2d;
    content: "";
    border-radius: 7px;
    -webkit-transform: perspective(200px) scaleX(0.1) rotateX(90deg) translateZ(-10px);
    transform: perspective(200px) scaleX(0.1) rotateX(90deg) translateZ(-10px);
    -webkit-transform-origin: bottom center;
    -ms-transform-origin: bottom center;
    transform-origin: bottom center;
    -webkit-transition: -webkit-transform .4s linear, -webkit-transform .4s linear;
    transition: -webkit-transform .4s linear, -webkit-transform .4s linear;
    -o-transition: transform .4s linear, transform .4s linear;
    transition: transform .4s linear, transform .4s linear;
    transition: transform .4s linear, transform .4s linear, -webkit-transform .4s linear, -webkit-transform .4s linear;
    z-index: -1
}

.filled-btn.bg-mandy:hover:after,
.filled-btn.bg-purple:hover:after,
.filled-btn.bg-blue-chalk.button-radius:hover:after {
    -webkit-transform: perspective(200px) scaleX(1.05) rotateX(0deg) translateZ(0);
    transform: perspective(200px) scaleX(1.05) rotateX(0deg) translateZ(0);
    -webkit-transition: -webkit-transform .4s linear, -webkit-transform .4s linear;
    transition: -webkit-transform .4s linear, -webkit-transform .4s linear;
    -o-transition: transform .4s linear, transform .4s linear;
    transition: transform .4s linear, transform .4s linear;
    transition: transform .4s linear, transform .4s linear, -webkit-transform .4s linear, -webkit-transform .4s linear
}

.filled-btn.bg-tuna {
    background-color: #36234B;
    color: #fff;
    -webkit-box-shadow: 0 10px 30px 0 rgba(54, 35, 75, 0.36);
    box-shadow: 0 10px 30px 0 rgba(54, 35, 75, 0.36)
}

.filled-btn.bg-ocean-blue {
    background-color: #0040e5;
    -webkit-box-shadow: 0 10px 30px 0 rgba(0, 64, 229, 0.36);
    box-shadow: 0 10px 30px 0 rgba(0, 64, 229, 0.36)
}

.filled-btn.bg-ocean-blue:hover {
    -webkit-box-shadow: 0 0 30px 0 rgb(0 0 0 / 30%);
    box-shadow: 0 0 30px 0 rgb(0 0 0 / 30%)
}

.filled-btn.bg-magenta {
    background-color: #ED00CE;
    -webkit-box-shadow: 0 10px 30px 0 rgba(237, 0, 206, 0.36);
    box-shadow: 0 10px 30px 0 rgba(237, 0, 206, 0.36)
}

.filled-btn.bg-magenta:hover,
.filled-btn.bg-burning-orange:hover,
.filled-btn.bg-rose-bud:hover,
.filled-btn.bg-mandy:hover,
.filled-btn.bg-purple:hover {
    -webkit-box-shadow: 0 10px 30px 0 rgb(22 28 45 / 30%);
    box-shadow: 0 10px 30px 0 rgb(22 28 45 / 30%)
}

.filled-btn.bg-ocean-blue-gradient {
    background-image: -moz-linear-gradient(-38deg, #0040e5 0, #028ceb 59%, #04d7f1 100%);
    background-image: -webkit-linear-gradient(-38deg, #0040e5 0, #028ceb 59%, #04d7f1 100%);
    background-image: -ms-linear-gradient(-38deg, #0040e5 0, #028ceb 59%, #04d7f1 100%);
    -webkit-box-shadow: 0 7px 25px 0 rgba(0, 64, 229, 0.4);
    box-shadow: 0 7px 25px 0 rgba(0, 64, 229, 0.4)
}

.filled-btn.bg-ocean-blue-gradient:after {
    background-color: transparent;
    background-image: -moz-linear-gradient(-38deg, #04d7f1 0, #028ceb 59%, #0040e5 100%);
    background-image: -webkit-linear-gradient(-38deg, #04d7f1 0, #028ceb 59%, #0040e5 100%);
    background-image: -ms-linear-gradient(-38deg, #04d7f1 0, #028ceb 59%, #0040e5 100%);
    box-shadow: 0 7px 25px 0 rgb(0 64 229 / 40%)
}

.filled-btn.bg-ocean-blue-gradient:hover {
    background: #fff;
    -webkit-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s
}

.filled-btn.bg-burning-orange {
    background-color: #F4732A;
    -webkit-box-shadow: 0 10px 30px 0 rgba(244, 115, 42, 0.36);
    box-shadow: 0 10px 30px 0 rgba(244, 115, 42, 0.36)
}

.filled-btn.bg-blue-chalk {
    background-color: #E5ECFC;
    color: #1a1b1e;
    -webkit-box-shadow: 0 10px 30px 0 rgba(236, 235, 253, 0.36);
    box-shadow: 0 10px 30px 0 rgba(236, 235, 253, 0.36)
}

.filled-btn.bg-blue-chalk:hover {
    color: #fff
}

.filled-btn.btn-bordered.bg-royal-blue {
    border-color: rgb(71 59 240 / 10%);
    color: #161c2d
}

.filled-btn.btn-bordered.bg-royal-blue:hover,
.filled-btn.btn-bordered.bg-clear-blue:hover {
    color: #fff;
    -webkit-transition-delay: .1s;
    -o-transition-delay: .1s;
    transition-delay: .1s
}

.filled-btn.btn-bordered.bg-clear-blue {
    background-color: transparent;
    border-color: rgb(51 119 255 / 10%);
    color: #161c2d;
    box-shadow: none
}

.filled-btn.btn-bordered.bg-clear-blue:hover {
    border: 2px solid #161c2d;
    background-color: #161c2d
}

.filled-btn.btn-bordered.btn-off-white {
    border: 2px solid #FFF;
    color: #fff
}

.filled-btn.btn-bordered.btn-off-white:hover {
    box-shadow: none;
    background-color: #fff;
    border-color: #fff;
    -webkit-transition-delay: .1s;
    -o-transition-delay: .1s;
    transition-delay: .1s;
    color: #473bf0
}

.filled-btn.btn-bordered.btn-off-white:after {
    background-color: #fff
}

.filled-btn.bg-clear-blue {
    background-color: #37F;
    -webkit-box-shadow: 0 10px 30px 0 rgb(51 119 255 / 30%);
    box-shadow: 0 10px 30px 0 rgb(51 119 255 / 30%)
}

.filled-btn.bg-clear-blue:hover {
    -webkit-box-shadow: 0 10px 30px 0 rgb(22 28 45 / 30%);
    box-shadow: 0 10px 30px 0 rgb(22 28 45 / 30%)
}

.play-btn {
    height: 54px;
    width: 54px;
    background-color: #FFF;
    color: #f4732a;
    font-size: 14px;
    text-align: center;
    line-height: 54px;
    border-radius: 50px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.play-btn:hover {
    color: #0040e5
}

.pulse-animated {
    position: relative;
    z-index: 1
}

.pulse-animated:after {
    content: "";
    position: absolute;
    left: 6px;
    top: 8px;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 56px;
    height: 56px;
    background: rgb(255 255 255 / .5);
    border-radius: 50%;
    -webkit-animation: pulse-border 1500ms ease-out infinite;
    animation: pulse-border 1500ms ease-out infinite;
    z-index: -1
}

@-webkit-keyframes pulse-border {
    0% {
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1
    }

    100% {
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0
    }
}

@keyframes pulse-border {
    0% {
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1
    }

    100% {
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0
    }
}

.section-title h2 {
    margin-bottom: 25px;
    font-size: 42px;
    line-height: 50px;
    font-weight: 200;
}

.section-title h2 span {
    position: relative;
    z-index: 1
}

.section-title .section-title-quote {
    font-family: 'CircularStdMedium';
    padding-left: 30px;
    margin-bottom: 35px
}

.section-title .section-title-quote {
    position: relative
}

.section-title .section-title-quote:after {
    position: absolute;
    content: "";
    left: 0;
    top: 3px;
    background-color: #F4732A;
    height: 90%;
    width: 4px
}

.section-title .section-title-description {
    margin-bottom: 30px;
    color: #606060
}

.section-title .section-title-description p {
    font-size: 17px;
    color: #6e727d;
    line-height: 30px
}

.section-title .section-heading-tag {
    margin-bottom: 26px
}

.section-title .section-heading-tag .single-heading-tag {
    display: inline-block
}

.section-title .section-heading-tag .single-heading-tag {
    background: #D3D4F8;
    color: #473bf0;
    font-size: 14px;
    height: 32px;
    padding: 0 20px;
    border-radius: 50px;
    line-height: 32px;
}

.section-title .section-heading-tag .single-heading-tag.bordered-tag {
    background: transparent
}

.section-title .section-heading-tag .single-heading-tag.bg-burning-orange {
    background-color: #F4732A
}

.section-title .section-heading-tag .single-heading-tag.bg-transparent-ocean-blue {
    background-color: #1A53E8
}

.section-title .section-heading-tag .single-heading-tag.bg-royal-blue {
    background: #473BF0;
    color: #fff
}

.section-title .section-heading-tag .single-heading-tag.text-white {
    color: #fff
}

.section-title .section-heading-tag .single-heading-tag.text-old-lavender {
    color: #6f667b
}

.section-title.section-title-ocean-blue .section-heading-tag .single-heading-tag {
    background-color: #E5ECFC;
    color: #0040E5
}

.section-title.section-title-ocean-blue .section-heading-tag {
    margin-bottom: 27px
}

.section-title.section-title-ocean-blue h2 span {
    color: #0040e5
}

.section-title h2 span:after {
    position: absolute;
    content: "";
    height: 30px;
    width: 100%;
    left: 0;
    bottom: -30px;
    z-index: -1;
    background-attachment: scroll;
    background-position: bottom;
    background-repeat: no-repeat;
    padding-bottom: 8px;
    background-size: contain
}

.section-title.section-title-white.section-title-white-v2 h2 span:after {
    bottom: -30px
}

.section-title.section-title-tuna h2 span:after,
.section-title.section-title-mirage h2 span:after,
.section-title.section-title-white.section-title-white-v2 h2 span:after {
    background-image: url(../image/section-title-v3-line-burning-orange.png)
}

.section-title.section-title-white h2 span:after {
    background-image: url(../image/section-title-v2-line-white.png);
    background-size: contain;
    bottom: -10px
}

.section-title.section-title-ocean-blue h2 span:after {
    background-image: url(../image/section-title-v2-line-blue-2.png);
    bottom: -24px;
    background-size: contain
}

.section-title.section-title-tuna h2,
.section-title.section-title-mirage h2 {
    margin-bottom: 70px
}

.section-title.section-title-tuna .section-heading-tag {
    margin-bottom: 15px
}

.section-title.section-title-ocean-blue h2 {
    margin-bottom: 48px
}

.section-title.section-title-tuna .section-title-description p {
    color: #6f667b
}

.section-title.section-title-ocean-blue .section-button-wrapper .filled-btn {
    background: #0040E5
}

.section-title.section-title-white,
.section-title.section-title-white .section-title-description p {
    color: #fff
}

.section-title.section-title-white .section-title-quote:after {
    background-color: #fff
}

.section-title.section-title-tuna {
    color: #36234b
}

.section-title.section-title-mirage {
    color: #161c2d
}

.section-title.section-title-mirage .section-heading-tag,
.section-title.section-title-white .section-heading-tag {
    margin-bottom: 15px
}

.section-title.section-title-mirage .section-heading-tag .single-heading-tag {
    color: #6e727d;
    background: transparent;
    padding: 0
}

.section-title.section-title-white .filled-btn.btn-bordered {
    border: 2px solid #356CFB;
    color: #fff
}

.section-title.section-title-white .filled-btn.btn-bordered:hover:after,
.section-title.section-title-white .filled-btn.btn-bordered:after {
    background-color: #fff
}

.section-title.section-title-white .filled-btn.btn-bordered:hover {
    border-color: #fff;
    color: #0040e5
}

.section-title.section-title-white .filled-btn.btn-bordered:hover {
    background-color: #fff;
    -webkit-transition-delay: .1s;
    -o-transition-delay: .1s;
    transition-delay: .1s
}

.section-title .section-button-wrapper.section-dual-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 11px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.section-title.section-title-clear-blue .single-heading-tag {
    padding: 0;
    background: transparent;
    color: #37f;
    font-family: 'CircularStdBold'
}

.section-title.section-title-clear-blue .section-heading-tag {
    margin-bottom: 15px
}

#search-modal {
    background: rgba(23, 26, 33, 0.85)
}

#search-modal .modal-dialog {
    border: 0;
    outline: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

#search-modal form {
    max-width: 555px;
    position: relative
}

#search-modal .modal-content {
    background: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0
}

#search-modal .modal-content:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

#search-modal .form_control {
    padding-left: 0;
    background: transparent;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
    color: #fff;
    margin-bottom: 0;
    height: 50px;
    width: 100%;
    padding-right: 40px
}

#search-modal .form_control:focus {
    border-color: #fff
}

#search-modal .form_control::-webkit-input-placeholder {
    color: #fff
}

#search-modal .form_control::-moz-placeholder {
    color: #fff
}

#search-modal .form_control:-ms-input-placeholder {
    color: #fff
}

#search-modal .form_control::-ms-input-placeholder {
    color: #fff
}

#search-modal .form_control::placeholder {
    color: #fff
}

#search-modal .search_btn {
    position: absolute;
    background: transparent;
    top: 10px;
    right: 0;
    color: #fff
}

.animate-square-zoom {
    position: relative;
    overflow: hidden
}

.animate-square-zoom:before {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    display: block;
    content: "";
    width: 0;
    height: 0;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 7px
}

.animate-square-zoom:hover:before {
    -webkit-animation-duration: .95s;
    animation-duration: .95s;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-direction: normal;
    animation-direction: normal;
    -webkit-animation-fill-mode: none;
    animation-fill-mode: none;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    -webkit-animation-name: circle;
    animation-name: circle
}

@-webkit-keyframes circle {
    0% {
        opacity: 1
    }

    40% {
        opacity: 1
    }

    100% {
        width: 200%;
        height: 200%;
        opacity: 0
    }
}

@keyframes circle {
    0% {
        opacity: 1
    }

    40% {
        opacity: 1
    }

    100% {
        width: 200%;
        height: 200%;
        opacity: 0
    }
}

.animate-zoominout {
    animation-name: zoomInOut;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: zoomInOut;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-name: zoomInOut;
    -moz-animation-duration: 3s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: ease-in-out;
    -ms-animation-name: zoomInOut;
    -ms-animation-duration: 3s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: ease-in-out;
    -o-animation-name: zoomInOut;
    -o-animation-duration: 3s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: ease-in-out
}

@-webkit-keyframes zoomInOut {
    0% {
        -webkit-transform: rotate(0deg) scale(0.7);
        transform: rotate(0deg) scale(0.7);
        opacity: 0
    }

    50% {
        -webkit-transform: rotate(180deg) scale(1);
        transform: rotate(180deg) scale(1);
        opacity: 1
    }

    100% {
        -webkit-transform: rotate(360deg) scale(0.7);
        transform: rotate(360deg) scale(0.7);
        opacity: 0
    }
}

@keyframes zoomInOut {
    0% {
        -webkit-transform: rotate(0deg) scale(0.7);
        transform: rotate(0deg) scale(0.7);
        opacity: 0
    }

    50% {
        -webkit-transform: rotate(180deg) scale(1);
        transform: rotate(180deg) scale(1);
        opacity: 1
    }

    100% {
        -webkit-transform: rotate(360deg) scale(0.7);
        transform: rotate(360deg) scale(0.7);
        opacity: 0
    }
}

.animate-zoom-fade {
    animation-name: zoom-fade;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -webkit-animation-name: zoom-fade;
    -webkit-animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: zoom-fade;
    -moz-animation-duration: 5s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: zoom-fade;
    -ms-animation-duration: 5s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: zoom-fade;
    -o-animation-duration: 5s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear
}

@-webkit-keyframes zoom-fade {
    0% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9)
    }

    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    100% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9)
    }
}

@keyframes zoom-fade {
    0% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9)
    }

    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    100% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9)
    }
}

.animate-float-bob {
    animation-name: float-bob;
    animation-duration: 7s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -webkit-animation-name: float-bob;
    -webkit-animation-duration: 7s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: float-bob;
    -moz-animation-duration: 7s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: float-bob;
    -ms-animation-duration: 7s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: float-bob;
    -o-animation-duration: 7s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear
}

@-webkit-keyframes float-bob {
    0% {
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px)
    }

    50% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }

    100% {
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px)
    }
}

@keyframes float-bob {
    0% {
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px)
    }

    50% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }

    100% {
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px)
    }
}

.animate-float-bob-x {
    -webkit-animation-name: float-bob-x;
    animation-name: float-bob-x;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

@-webkit-keyframes float-bob-x {
    0% {
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }

    50% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }

    100% {
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }
}

@keyframes float-bob-x {
    0% {
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }

    50% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }

    100% {
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }
}

.animate-float-bob-y {
    -webkit-animation-name: float-bob-y;
    animation-name: float-bob-y;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

@-webkit-keyframes float-bob-y {
    0% {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }

    50% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }

    100% {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }
}

@keyframes float-bob-y {
    0% {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }

    50% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }

    100% {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }
}

.animate-rotate-me {
    animation-name: rotateme;
    animation-duration: 24s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -webkit-animation-name: rotateme;
    -webkit-animation-duration: 24s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: rotateme;
    -moz-animation-duration: 24s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: rotateme;
    -ms-animation-duration: 24s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: rotateme;
    -o-animation-duration: 24s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear
}

@-webkit-keyframes rotateme {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes rotateme {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.preloader {
    position: fixed;
    background-color: #161c2d;
    background-position: center center;
    background-repeat: no-repeat;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999999999999999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.preloader-image {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: flipInY;
    animation-name: flipInY;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    background-blend-mode: multiply
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.scroll-to-top {
    display: inline-block;
    width: 45px;
    height: 45px;
    background-color: #473BF0;
    position: fixed;
    bottom: 60px;
    right: 10px;
    z-index: 99;
    text-align: center;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    display: none;
    border-radius: 50%;
    transition: all .4s ease;
    -webkit-animation-name: float-bob-y;
    animation-name: float-bob-y;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

.scroll-to-top i {
    color: #fff;
    font-size: 18px;
    line-height: 45px
}

.scroll-to-top:hover {
    background-color: #161c2d
}

.scroll-to-top:hover i {
    color: #fff
}

.scroll-to-top.bg-burning-orange {
    background-color: #f4732a
}

.scroll-to-top.bg-burning-orange:hover {
    background-color: #161c2d
}

.scroll-to-top.bg-red {
    background-color: #E25C6A
}

.scroll-to-top.bg-clear-blue {
    background-color: #37F
}

.scroll-to-top.bg-red:hover,
.scroll-to-top.bg-clear-blue:hover {
    background-color: #161c2d
}

.section-list-style ul li {
    font-size: 18px;
    color: #6e727d;
    position: relative;
    z-index: 1;
    padding-left: 30px;
    margin-bottom: 10px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.section-list-style ul li:after {
    position: absolute;
    content: "\f00c";
    left: 0;
    top: 2px;
    font-family: "Font Awesome 5 Pro";
    font-size: 16px;
    color: #473bf0;
    font-weight: 800
}

.section-list-style ul li:last-of-type {
    margin: 0
}

.section-list-style ul li:hover {
    color: #473bf0
}

.section-list-style.list-style-v2 {
    margin-bottom: 46px
}

.section-list-style.list-style-v2 ul li:after {
    background-color: #E25C6A;
    color: #fff;
    height: 25px;
    width: 25px;
    text-align: center;
    line-height: 25px;
    border-radius: 50%;
    font-size: 13px
}

.section-list-style.list-style-v2 ul li {
    padding-left: 40px;
    color: #161c2d;
    margin-bottom: 13px
}

.section-list-style.list-style-v2 ul li:hover {
    color: #161c2d
}

.section-list-style.list-style-v3 ul li:after {
    content: "";
    font-family: inherit;
    height: 7px;
    width: 7px;
    background-color: #37f;
    border-radius: 50%;
    top: 15px;
    margin-top: -3.5px
}

.section-list-style.list-style-v3 ul li:hover {
    color: #37f
}

.header-navigation .brand-logo a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    color: #161c2d
}
.header-navigation .brand-logo a  img{
    max-width:180px
}

.header-navigation .brand-logo.text-logo i {
    font-size: 35px
}

.header-navigation .brand-logo.text-logo a span {
    font-size: 40px;
}

.header-navigation .brand-logo.text-logo a:hover {
    color: #161c2d
}

.header-navigation .main-menu ul li {
    display: inline-block;
    position: relative;
    margin-left: 10px;
}

.header-navigation .main-menu ul li>a {
    display: block;
    font-size: 14px;
    color: #161c2d;
    font-weight: 500;
    text-transform: capitalize;
    padding: 40px 18px;
    line-height: 1;
    font-family: 'CircularStdMedium'
}

.header-navigation .main-menu ul li>a.nav-link:hover,
.header-navigation .main-menu ul li>a.nav-link.active {
    color: #473BF0
}

.header-navigation .main-menu ul li .sub-menu {
    position: absolute;
    left: 0;
    top: 120%;
    width: 200px;
    background-color: #fff;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    z-index: 99;
    height: auto;
    text-align: left;
    -webkit-box-shadow: 0 8px 20px rgb(55 125 255 / 8%);
    box-shadow: 0 8px 20px rgb(55 125 255 / 8%)
}

.header-navigation .main-menu ul li .sub-menu li {
    display: block;
    margin: 0
}

.header-navigation .main-menu ul li .sub-menu li:last-child>a {
    border-bottom: 0
}

.header-navigation .main-menu ul li .sub-menu li a {
    display: block;
    padding: 8px 15px;
    font-size: 16px;
    position: relative;
    -webkit-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
    border-radius: 0;
    line-height: 2;
    margin: 0;
    border-bottom: 1px solid #ececec;
    color: #1b3255
}

.header-navigation .main-menu ul li .sub-menu li a:hover {
    background-color: #473BF0;
    color: #fff;
    border-color: transparent
}

.header-navigation .main-menu ul li .sub-menu li .sub-menu {
    left: 100%;
    top: 50%
}

.header-navigation .main-menu ul li .sub-menu li:hover .sub-menu {
    top: 0
}

.header-navigation .main-menu ul li:hover.menu-item-has-children>a:after {
    color: #473BF0
}

.header-navigation .main-menu ul li:hover>.sub-menu {
    opacity: 1;
    visibility: visible;
    top: 100%
}

.header-navigation .main-menu ul li .dd-trigger {
    display: none
}

.header-navigation.breakpoint-on .nav-menu {
    text-align: left;
    background-color: #fff;
    position: fixed;
    top: 0;
    left: -300px;
    z-index: 9999;
    width: 300px;
    height: 100%;
    -webkit-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms;
    padding: 0;
    -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    display: block;
    overflow-x: hidden;
    overflow-y: scroll;
    padding-top: 70px
}

.header-navigation.breakpoint-on .nav-menu.menu-on {
    left: 0
}

.header-navigation.breakpoint-on .nav-menu .main-menu ul li:first-of-type {
    border-top: 1px solid #ececec
}

.header-navigation.breakpoint-on .nav-menu .main-menu ul li {
    display: block;
    margin: 0;
    border-bottom: 1px solid #ececec
}

.header-navigation.breakpoint-on .nav-menu .main-menu ul li a {
    display: block;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    color: #161c2d;
    padding: 13px 20px
}

.header-navigation.breakpoint-on .nav-menu .main-menu ul li .sub-menu li a:hover,
.header-navigation.breakpoint-on .main-menu>ul>li>a:hover {
    color: #473BF0
}

.header-navigation.breakpoint-on .nav-menu .main-menu ul li .sub-menu {
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: transparent;
    visibility: visible;
    opacity: 1;
    display: none;
    -webkit-transition: none;
    -o-transition: none;
    transition: none
}

.header-navigation.breakpoint-on .nav-menu .main-menu ul li .sub-menu li a {
    color: #000;
    padding: 0 20px 0 30px;
    line-height: 45px !important
}

.header-navigation.breakpoint-on .nav-menu .main-menu ul li .sub-menu li .sub-menu li a {
    padding-left: 45px
}

.header-navigation.breakpoint-on .main-menu ul li a.nav-link.active,
.header-navigation.breakpoint-on .nav-menu .main-menu ul li .sub-menu li a.nav-link.active {
    color: #473BF0
}

.header-navigation.breakpoint-on .nav-menu .main-menu ul li .sub-menu li a:hover {
    border-color: rgba(255, 255, 255, 0.5)
}

.header-navigation.breakpoint-on .nav-menu .main-menu ul li .sub-menu li a:hover {
    background-color: transparent
}

.header-navigation.breakpoint-on .nav-menu .main-menu ul li .dd-trigger {
    display: block;
    position: absolute;
    right: 0;
    height: 45px;
    width: 45px;
    top: 0;
    z-index: 2;
    background: transparent;
    text-align: center;
    line-height: 45px;
    cursor: pointer;
    color: #000;
    font-size: 20px
}

.header-navigation.breakpoint-on .nav-menu .main-menu .sub-menu li:last-of-type {
    border: 0
}

.header-navigation.breakpoint-on .nav-menu .main-menu.menu-on {
    left: 0
}

.header-navigation.breakpoint-on .nav-pushed-item {
    display: none
}

.header-navigation.breakpoint-on .navbar-close,
.header-navigation.breakpoint-on .navbar-toggler {
    display: block
}

.header-navigation .navbar-toggler {
    padding: 0;
    border: 0;
    background-color: transparent;
    cursor: pointer;
    display: none
}

.header-navigation .navbar-toggler span {
    position: relative;
    background-color: #000;
    border-radius: 3px;
    display: block;
    height: 3px;
    margin-top: 5px;
    padding: 0;
    -webkit-transition-duration: 300ms;
    -o-transition-duration: 300ms;
    transition-duration: 300ms;
    width: 30px;
    cursor: pointer;
    display: block
}

.header-navigation .navbar-toggler span:first-of-type {
    margin-top: -2px
}

.header-navigation .navbar-toggler.active span:nth-of-type(1) {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 9px
}

.header-navigation .navbar-toggler.active span:nth-of-type(2) {
    opacity: 0
}

.header-navigation .navbar-toggler.active span:nth-of-type(3) {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: -7px
}

.header-navigation .navbar-close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 12;
    display: none;
    background: #473BF0;
    padding: 5px
}

.header-navigation .navbar-close .cross-wrap {
    width: 34px;
    height: 34px;
    cursor: pointer;
    position: relative
}

.header-navigation .navbar-close .cross-wrap span {
    position: absolute;
    display: block;
    width: 100%;
    height: 2px;
    border-radius: 6px;
    background: #fff
}

.header-navigation .navbar-close .cross-wrap span.top {
    top: 17px;
    left: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.header-navigation .navbar-close .cross-wrap span.bottom {
    bottom: 15px;
    left: 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.header-navigation .header-right ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.header-navigation .header-right li {
    display: inline-block
}

.header-navigation .header-right li a.search-btn {
    padding-right: 30px;
    border-right: 2px solid #dcdde0
}

.header-navigation .header-right li a.search-btn i {
    font-weight: 600
}

.header-navigation .header-right li.get-started-wrapper {
    margin-left: 30px
}

.header-navigation .site-branding-and-language-selection {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header-navigation .menu-overlay {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #111;
    cursor: pointer;
    z-index: 999;
    -webkit-transition: all .5s ease-out 0s;
    -o-transition: all .5s ease-out 0s;
    transition: all .5s ease-out 0s;
    opacity: 0;
    visibility: hidden
}

.header-navigation.breakpoint-on .menu-toggle.active .menu-overlay {
    opacity: .5;
    visibility: visible
}

.offcanvas-panel .menu-overlay {
    z-index: -1
}

.offcanvas-panel.panel-on .menu-overlay {
    z-index: -1;
    opacity: .3;
    visibility: visible
}

.header-navigation .nav-tools .icon {
    margin-left: 5px;
    width: 50px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 50%
}

.header-navigation .nav-tools .icon.off-menu span {
    width: 30px;
    height: 3px;
    background-color: #473BF0;
    display: block;
    margin: 3px 0;
    -webkit-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
    margin-left: auto
}

.offcanvas-panel {
    position: fixed;
    right: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 9999;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
    opacity: 0;
    visibility: hidden
}

.offcanvas-panel.panel-on {
    visibility: visible;
    opacity: 1
}

.offcanvas-panel.panel-on .offcanvas-panel-inner {
    visibility: visible;
    opacity: 1;
    margin-right: 0
}

.offcanvas-panel .offcanvas-panel-inner {
    max-width: 400px;
    height: 100%;
    background-color: #fff;
    padding: 40px;
    position: relative;
    overflow-y: scroll;
    overflow-x: hidden;
    margin-right: -400px;
    -webkit-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
    opacity: 0;
    visibility: hidden
}

.offcanvas-panel .offcanvas-panel-inner .panel-logo,
.offcanvas-panel .offcanvas-panel-inner .offcanvas-panel,
.offcanvas-panel .offcanvas-panel-inner .about-us-widget {
    margin-bottom: 40px
}

.offcanvas-panel.panel-on .offcanvas-panel-inner .about-us-widget {
    -webkit-animation: slide-in .4s .1s backwards;
    animation: slide-in .4s .1s backwards
}

.offcanvas-panel .panel-widget-title {
    font-size: 20px;
    margin-bottom: 20px;
    padding-bottom: 15px;
    position: relative;
    border-bottom: 1px solid #E8E9EC;
    font-weight: 600;
    color: #1b2336
}

.offcanvas-panel .contact-us ul li {
    position: relative;
    padding-left: 60px;
    margin-bottom: 30px
}

.offcanvas-panel .contact-us ul li:last-child {
    margin-bottom: 0
}

.offcanvas-panel .contact-us ul li i {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    line-height: 40px;
    background-color: #1b0e60;
    border-radius: 50%;
    font-size: 14px;
    border-radius: 50%;
    text-align: center;
    color: #fff
}

.offcanvas-panel .panel-close {
    position: absolute;
    top: 20px;
    right: 30px;
    font-size: 25px;
    line-height: 1;
    color: #000;
    z-index: 2
}

.offcanvas-panel .panel-close:hover span {
    background: #E25C6A
}

.offcanvas-panel .panel-close span {
    width: 25px;
    height: 3px;
    background: #1E2845;
    display: block;
    margin-bottom: 5px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.offcanvas-panel.panel-on .panel-close span:nth-child(1) {
    -webkit-transform: rotate(45deg) translate(10px, 10px);
    -ms-transform: rotate(45deg) translate(10px, 10px);
    transform: rotate(45deg) translate(10px, 10px)
}

.offcanvas-panel.panel-on .panel-close span:nth-child(3) {
    -webkit-transform: rotate(-45deg) translate(2px, -1px);
    -ms-transform: rotate(-45deg) translate(2px, -1px);
    transform: rotate(-45deg) translate(2px, -1px)
}

.offcanvas-panel.panel-on .panel-close span:nth-child(2) {
    width: 0
}

.offcanvas-panel .contact-us ul,
.offcanvas-panel .contact-us ul li:last-of-type {
    display: block
}

.offcanvas-panel .contact-us ul li {
    position: relative;
    padding-left: 60px;
    margin-bottom: 25px
}

.offcanvas-panel .contact-us ul li span {
    display: block
}

.offcanvas-panel.panel-on .contact-us ul li a:hover {
    color: #1b2336
}

.offcanvas-panel.panel-on .contact-us ul li {
    -webkit-animation: slide-in .4s .2s backwards;
    animation: slide-in .4s .2s backwards
}

.offcanvas-panel.panel-on .contact-us ul li:nth-of-type(2) {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

.offcanvas-panel.panel-on .contact-us ul li:nth-of-type(3) {
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}

@-webkit-keyframes slide-in {
    0% {
        opacity: 0;
        -webkit-transform: translateX(80px);
        transform: translateX(80px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes slide-in {
    0% {
        opacity: 0;
        -webkit-transform: translateX(80px);
        transform: translateX(80px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.offcanvas-panel .contact-us ul li i {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    line-height: 40px;
    background-color: #4A83FB;
    border-radius: 50%;
    font-size: 14px;
    border-radius: 50%;
    text-align: center;
    color: #fff
}

.offcanvas-panel .contact-us ul li:nth-child(1) i {
    background-image: -moz-linear-gradient(-38deg, #f33946 0, #c81d9a 59%, #9c00ed 100%);
    background-image: -webkit-linear-gradient(-38deg, #f33946 0, #c81d9a 59%, #9c00ed 100%);
    background-image: -ms-linear-gradient(-38deg, #f33946 0, #c81d9a 59%, #9c00ed 100%);
    box-shadow: 0 10px 60px 0 rgba(218, 9, 212, 0.28)
}

.offcanvas-panel .contact-us ul li:nth-child(2) i {
    background-image: -moz-linear-gradient(-38deg, #4639f3 0, #711df0 59%, #9c00ed 100%);
    background-image: -webkit-linear-gradient(-38deg, #4639f3 0, #711df0 59%, #9c00ed 100%);
    background-image: -ms-linear-gradient(-38deg, #4639f3 0, #711df0 59%, #9c00ed 100%);
    box-shadow: 0 10px 60px 0 rgba(84, 54, 240, 0.28)
}

.offcanvas-panel .contact-us ul li:nth-child(3) i {
    background-image: -moz-linear-gradient(-38deg, #fdba1a 0, #f55d64 59%, #ed00ad 100%);
    background-image: -webkit-linear-gradient(-38deg, #fdba1a 0, #f55d64 59%, #ed00ad 100%);
    background-image: -ms-linear-gradient(-38deg, #fdba1a 0, #f55d64 59%, #ed00ad 100%);
    box-shadow: 0 10px 60px 0 rgba(218, 9, 212, 0.28)
}

.offcanvas-panel .about-us-widget p {
    color: #6e727d
}

.offcanvas-panel.panel-on .contact-us ul li {
    color: #6e727d
}

.header-area.header-v1 .header-navigation {
    position: relative;
    z-index: 2;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
}

.header-area .header-navigation.sticky {
    background-color: #1C1E22
}

.header-area .header-navigation.sticky {
    background-color: #fff;
    -webkit-box-shadow: 0 8px 20px rgb(55 125 255 / 8%);
    box-shadow: 0 8px 20px rgb(55 125 255 / 8%)
}

.header-area .header-navigation.sticky {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    /* -webkit-animation: sticky 1.2s; */
    /* animation: sticky 1.2s */
}

@-webkit-keyframes sticky {
    0% {
        top: -200px
    }

    100% {
        top: 0
    }
}

@keyframes sticky {
    0% {
        top: -200px
    }

    100% {
        top: 0
    }
}

.header-navigation .site-branding-and-language-selection .language-selection {
    width: 50%
}

.header-navigation .site-branding-and-language-selection .language-selection .nice-select {
    margin-left: 50px;
    background-color: #F4F7FA;
    border: 0;
    width: 160px;
    height: 50px;
    padding: 0;
    font-size: 18px;
    color: #161c2d;
    font-family: 'CircularStdMedium';
    font-weight: 500;
    float: none;
    border-radius: 50px;
    z-index: 1
}

.nice-select:after,
.header-navigation .site-branding-and-language-selection .language-selection .nice-select:after {
    border: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    height: auto;
    width: auto;
    top: 10px;
    right: 32px;
    content: "\f107";
    font-family: "Font Awesome 5 Pro";
    font-size: 15px;
    font-weight: 800
}

.nice-select:after,
.header-navigation .site-branding-and-language-selection .language-selection .nice-select.open:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    top: -2px
}

.header-navigation .site-branding-and-language-selection .language-selection .nice-select span {
    width: 100%;
    text-align: center;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.header-navigation .site-branding-and-language-selection .language-selection .nice-select ul.list {
    width: 100%;
    border-radius: 0;
    -webkit-box-shadow: 0 8px 20px rgb(55 125 255 / 8%);
    box-shadow: 0 8px 20px rgb(55 125 255 / 8%);
    margin: 0
}

.header-navigation .site-branding-and-language-selection .language-selection .nice-select ul.list li {
    padding: 3px 20px;
    font-size: 16px;
    color: #1b3255;
    border-bottom: 1px solid #ececec
}

.header-navigation .site-branding-and-language-selection .language-selection .nice-select ul.list li.selected {
    color: #473BF0;
    font-weight: 500;
    background: transparent
}

.header-navigation .site-branding-and-language-selection .language-selection .nice-select span.current {
    position: relative
}

.header-navigation .site-branding-and-language-selection .language-selection .nice-select span.current:after {
    content: "\f0ac";
    font-family: "Font Awesome 5 Pro";
    position: absolute;
    left: 25px;
    font-size: 18px;
    color: #473bf0
}

.header-navigation .site-branding-and-language-selection .language-selection .nice-select ul.list li:hover {
    background-color: #f4f7fa;
    border-color: transparent
}

.header-navigation .site-branding-and-language-selection .language-selection .nice-select ul.list li {
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.header-area.header-v2,
.header-area.header-v4 {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 999
}

.header-area.header-v2 .header-navigation .main-menu ul li>a,
.header-area.header-v2 .header-navigation .main-menu ul li .sub-menu li a:hover {
    color: #fff
}

.header-area.header-v2 .header-navigation.sticky .main-menu ul li>a,
.header-area.header-v2 .header-navigation .main-menu ul li .sub-menu li a,
.header-area.header-v2 .header-navigation.breakpoint-on .main-menu ul li>a {
    color: #161c2d
}

.header-area.header-v2 .header-navigation .navbar-toggler span {
    background-color: #fff
}

.header-area.header-v2 .header-navigation .main-menu ul li .sub-menu li a:hover {
    background-color: #f4732a
}

.header-area.header-v2 .header-navigation .brand-logo a {
    color: #fff
}

.header-area.header-v2 .header-navigation .brand-logo .logo-v2 {
    display: none
}

.header-area.header-v2 .header-navigation.sticky .brand-logo .logo-v2 {
    display: block
}

.header-area.header-v2 .header-navigation.sticky .brand-logo .logo-v1 {
    display: none
}

.header-area.header-v2 .header-navigation .brand-logo .logo-v1 {
    display: block
}

.header-area.header-v2 .header-navigation.sticky .brand-logo a {
    color: #1b3255
}

.header-area.header-v2 .header-navigation.sticky .navbar-toggler span {
    background-color: #1b3255
}

.header-area.header-v2 .header-navigation .main-menu>ul>li>a:after {
    background-color: #fff;
    top: auto;
    bottom: 15px
}

.header-area.header-v2 .header-navigation.sticky .main-menu>ul>li>a.active:after {
    bottom: auto;
    top: 0;
    background: #f4732a
}

.header-area.header-v2 .header-navigation .main-menu>ul>li>a:after {
    opacity: 0
}

.header-area.header-v2 .header-navigation .main-menu>ul>li>a.active:after {
    width: 100%;
    opacity: 1
}

.header-area.header-v2 .header-navigation .main-menu ul li a.active:hover:after {
    width: 0
}

.header-area.header-v2 .header-navigation.sticky .main-menu>ul>li>a:hover:after {
    width: 100%
}

.header-area.header-v2 .header-navigation .main-menu ul li:hover>.sub-menu {
    top: 78%
}

.header-area.header-v2 .header-navigation.sticky .main-menu ul li:hover>.sub-menu {
    top: 100%
}

.header-area.header-v2 .header-navigation .main-menu ul li .sub-menu li a.nav-link.active,
.header-area.header-v2 .header-navigation.sticky .main-menu ul li>a.nav-link.active {
    color: #F4732A
}

.header-area.header-v2 .header-navigation .main-menu ul li .sub-menu li a.nav-link.active:hover {
    color: #fff
}

.header-area.header-v2 .header-navigation .main-menu>ul>li>a:hover {
    color: #f4732a
}

.header-area.header-v2 .header-navigation .main-menu>ul>li.menu-item-has-children>a {
    padding-right: 15px;
    padding-left: 0
}

.header-area.header-v2 .header-navigation .main-menu ul>li>a {
    padding-left: 0;
    padding-right: 0
}

.header-area.header-v2 .header-navigation .main-menu>ul>li {
    margin-right: 30px
}

.header-area.header-v2 .header-navigation .main-menu ul li.menu-item-has-children>a:before {
    right: 0
}

.header-area.header-v2 .header-navigation .main-menu>ul>li:last-of-type {
    margin-right: 0
}

.header-area.header-v2 .header-navigation .main-menu ul li .sub-menu li a {
    padding: 8px 15px
}

.header-area.header-v2 .header-navigation .navbar-close {
    background-color: #0040E5
}

.header-area.header-v2 .header-navigation.breakpoint-on .nav-menu .main-menu ul li a {
    padding: 13px 20px
}

.header-area.header-v2 .header-navigation.breakpoint-on .main-menu>ul>li {
    margin-right: 0
}

.header-area.header-v2 .header-navigation.breakpoint-on .nav-menu .main-menu ul li ul.sub-menu a {
    padding: 0 20px 0 30px
}

.header-area.header-v2 .header-navigation.breakpoint-on .nav-menu .main-menu ul li .sub-menu li .sub-menu li a {
    padding-left: 45px
}

.header-area.header-v2 .header-navigation.breakpoint-on .nav-menu .main-menu ul li .sub-menu li a:hover {
    background-color: transparent
}

.header-area.header-v2 .header-navigation.breakpoint-on .main-menu>ul>li>a:hover,
.header-area.header-v2 .header-navigation.breakpoint-on .main-menu ul li a.nav-link.active,
.header-area.header-v2 .header-navigation.breakpoint-on .nav-menu .main-menu ul li .sub-menu li a.nav-link.active,
.header-area.header-v2 .header-navigation.breakpoint-on .nav-menu .main-menu ul li .sub-menu li a:hover {
    color: #0040E5
}

.header-area.header-v2 .header-navigation .header-right li a.search-btn {
    color: #fff
}

.header-area.header-v2 .header-navigation .nav-tools .icon.off-menu span {
    background-color: #fff
}

.header-area.header-v2 .header-navigation.sticky .header-right li a.search-btn {
    color: #161c2d
}

.header-area.header-v2 .header-navigation.sticky .nav-tools .icon.off-menu span {
    background-color: #0040E5
}

.header-area.header-v3 {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 999
}

.header-area.header-v3 .header-navigation .main-menu ul li>a,
.header-area.header-v3 .header-navigation .main-menu ul li .sub-menu li a:hover {
    color: #fff
}

.header-area.header-v3 .header-navigation.sticky .main-menu ul li>a,
.header-area.header-v3 .header-navigation .main-menu ul li .sub-menu li a,
.header-area.header-v3 .header-navigation.breakpoint-on .main-menu ul li>a {
    color: #161c2d
}

.header-area.header-v3 .header-navigation.sticky .main-menu>ul>li>a:hover {
    color: #473BF0
}

.header-area.header-v3 .header-navigation .navbar-toggler span {
    background-color: #fff
}

.header-area.header-v3 .header-navigation .main-menu ul li .sub-menu li a:hover {
    background-color: #473BF0
}

.header-area.header-v3 .header-navigation .brand-logo a {
    color: #fff
}

.header-area.header-v3 .header-navigation .brand-logo .logo-v2 {
    display: none
}

.header-area.header-v3 .header-navigation.sticky .brand-logo .logo-v2 {
    display: block
}

.header-area.header-v3 .header-navigation.sticky .brand-logo .logo-v1 {
    display: none
}

.header-area.header-v3 .header-navigation .brand-logo .logo-v1 {
    display: block
}

.header-area.header-v3 .header-navigation.sticky .brand-logo a {
    color: #1b3255
}

.header-area.header-v3 .header-navigation.sticky .navbar-toggler span {
    background-color: #1b3255
}

.header-area.header-v3 .header-navigation .main-menu>ul>li>a:after {
    background-color: #fff;
    top: auto;
    bottom: 15px
}

.header-area.header-v3 .header-navigation.sticky .main-menu>ul>li>a.active:after {
    bottom: auto;
    top: 0;
    background: #473BF0
}

.header-area.header-v3 .header-navigation .main-menu>ul>li>a:after {
    opacity: 0
}

.header-area.header-v3 .header-navigation .main-menu>ul>li>a.active:after {
    width: 100%;
    opacity: 1
}

.header-area.header-v2 .header-navigation .main-menu ul li a.active:hover:after {
    width: 0
}

.header-area.header-v2 .header-navigation.sticky .main-menu>ul>li>a:hover:after {
    width: 100%
}

.header-area.header-v3 .header-navigation .main-menu ul li:hover>.sub-menu {
    top: 78%
}

.header-area.header-v3 .header-navigation.sticky .main-menu ul li:hover>.sub-menu {
    top: 100%
}

.header-area.header-v3 .header-navigation .main-menu ul li .sub-menu li a.nav-link.active,
.header-area.header-v3 .header-navigation.sticky .main-menu ul li>a.nav-link.active {
    color: #473BF0
}

.header-area.header-v3 .header-navigation .main-menu ul li .sub-menu li a.nav-link.active:hover {
    color: #fff
}

.header-area.header-v3 .header-navigation .main-menu>ul>li>a:hover {
    color: #fff
}

.header-area.header-v3 .header-navigation .main-menu>ul>li.menu-item-has-children>a {
    padding-right: 15px;
    padding-left: 0
}

.header-area.header-v3 .header-navigation .main-menu ul>li>a {
    padding-left: 0;
    padding-right: 0
}

.header-area.header-v3 .header-navigation .main-menu>ul>li {
    margin-right: 30px
}

.header-area.header-v3 .header-navigation .main-menu ul li.menu-item-has-children>a:before {
    right: 0
}

.header-area.header-v3 .header-navigation .main-menu>ul>li:last-of-type {
    margin-right: 0
}

.header-area.header-v3 .header-navigation .main-menu ul li .sub-menu li a {
    padding: 8px 15px
}

.header-area.header-v3 .header-navigation .navbar-close {
    background-color: #0040E5
}

.header-area.header-v3 .header-navigation.breakpoint-on .nav-menu .main-menu ul li a {
    padding: 13px 20px
}

.header-area.header-v3 .header-navigation.breakpoint-on .main-menu>ul>li {
    margin-right: 0
}

.header-area.header-v3 .header-navigation.breakpoint-on .nav-menu .main-menu ul li ul.sub-menu a {
    padding: 0 20px 0 30px
}

.header-area.header-v3 .header-navigation.breakpoint-on .nav-menu .main-menu ul li .sub-menu li .sub-menu li a {
    padding-left: 45px
}

.header-area.header-v3 .header-navigation.breakpoint-on .nav-menu .main-menu ul li .sub-menu li a:hover {
    background-color: transparent
}

.header-area.header-v3 .header-navigation.breakpoint-on .main-menu>ul>li>a:hover,
.header-area.header-v3 .header-navigation.breakpoint-on .main-menu ul li a.nav-link.active,
.header-area.header-v3 .header-navigation.breakpoint-on .nav-menu .main-menu ul li .sub-menu li a.nav-link.active,
.header-area.header-v3 .header-navigation.breakpoint-on .nav-menu .main-menu ul li .sub-menu li a:hover {
    color: #0040E5
}

.header-area.header-v3 .header-navigation .header-right li a.search-btn {
    color: #fff;
    padding-right: 0;
    border: 0;
    padding: 0
}

.header-area.header-v3 .header-navigation .header-right li.nav-tools .icon.off-menu span {
    background-color: #fff
}

.header-area.header-v3 .header-navigation .nav-tools .icon {
    margin-left: 0
}

.header-area.header-v3 .header-navigation .nav-tools .icon span:nth-child(2) {
    width: 50px
}

.header-area.header-v3 .header-navigation .nav-tools .icon span:nth-child(1) {
    width: 42px;
    margin-left: auto
}

.header-area.header-v3 .header-navigation .nav-tools .icon span:nth-child(3) {
    width: 40px;
    margin-right: auto
}

.header-area.header-v3 .header-navigation .nav-tools .icon span {
    margin: 5px 0
}

.header-area.header-v3 .header-navigation .header-right li {
    margin-left: 30px
}

.header-area.header-v3 .header-navigation .header-right li:first-child {
    margin-left: 0
}

.header-area.header-v3 .header-navigation .header-right li:last-child {
    display: none
}

.header-area.header-v3 .header-navigation .offcanvas-panel .offcanvas-panel-inner ul li {
    display: inline-block
}

.header-area.header-v3 .header-navigation.sticky .header-right li.nav-tools .icon.off-menu span {
    background-color: #1b202f
}

.header-area.header-v3 .header-navigation .offcanvas-panel .offcanvas-panel-inner ul li {
    margin-left: 0
}

.header-area.header-v3 .header-navigation.breakpoint-on .navbar-toggler {
    margin-left: 0
}

.header-area.header-v3 .header-navigation .header-right li.language-selection .nice-select {
    background-color: transparent;
    border: 0;
    border: 0;
    width: 100px;
    height: 50px;
    padding: 0;
    font-size: 18px;
    color: #fff;
    font-family: 'CircularStdMedium';
    font-weight: 500;
    float: none;
    border-radius: 50px;
    z-index: 1
}

.header-area.header-v3 .header-navigation .header-right li.language-selection .nice-select .current:after {
    content: "\f0ac";
    font-family: "Font Awesome 5 Pro";
    position: absolute;
    left: -5px;
    font-size: 18px;
    color: #fff
}

.header-area.header-v3 .header-navigation .header-right li.language-selection .nice-select .current {
    position: relative;
    width: 100%;
    text-align: center;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.header-area.header-v3 .header-navigation .header-right li.language-selection .nice-select:after {
    border: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    height: auto;
    width: auto;
    top: 10px;
    right: 0;
    content: "\f107";
    font-family: "Font Awesome 5 Pro";
    font-size: 15px;
    font-weight: 800
}

.header-area.header-v3 .header-navigation .header-right li.language-selection .nice-select.open:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    top: -2px
}

.header-area.header-v3 .header-navigation .header-right li.language-selection .nice-select ul.list {
    width: 125px;
    border-radius: 0;
    -webkit-box-shadow: 0 8px 20px rgb(55 125 255 / 8%);
    box-shadow: 0 8px 20px rgb(55 125 255 / 8%);
    margin: 0;
    display: block;
    height: auto
}

.header-area.header-v3 .header-navigation .header-right li.language-selection .nice-select ul.list li.selected {
    color: #473BF0;
    font-weight: 500;
    background: #fff
}

.header-area.header-v3 .header-navigation .header-right li.language-selection .nice-select ul.list li {
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    padding: 3px 20px;
    font-size: 16px;
    color: #1b202f;
    border-bottom: 1px solid #ececec;
    margin: 0;
    display: block
}

.header-area.header-v3 .header-navigation.sticky .header-right li.language-selection .nice-select,
.header-area.header-v3 .header-navigation.sticky .header-right li.language-selection .nice-select .current:after,
.header-area.header-v3 .header-navigation.sticky .header-right li a.search-btn {
    color: #161c2d
}

.header-area.header-v4 .header-navigation .site-branding-and-language-selection .language-selection .nice-select {
    background-color: #fff;
    -webkit-box-shadow: 0 10px 30px 0 rgba(212, 212, 212, 0.36);
    box-shadow: 0 10px 30px 0 rgba(212, 212, 212, 0.36)
}

.header-area.header-v4 .header-navigation .site-branding-and-language-selection .language-selection .nice-select span.current:after,
.header-area.header-v4 .header-navigation .site-branding-and-language-selection .language-selection .nice-select ul.list li.selected,
.header-area.header-v4 .header-navigation .main-menu ul li>a.nav-link:hover,
.header-area.header-v4 .header-navigation .main-menu ul li>a.nav-link.active,
.header-area.header-v4 .header-navigation .main-menu ul li:hover>a,
.header-area.header-v4 .header-navigation.breakpoint-on .main-menu>ul>li>a:hover,
.header-area.header-v4 .header-navigation.breakpoint-on .main-menu ul li a.nav-link.active,
.header-area.header-v4 .header-navigation.breakpoint-on .main-menu ul li a.nav-link.active,
.header-area.header-v4 .header-navigation.breakpoint-on .nav-menu .main-menu ul li .sub-menu li a.nav-link.active,
.header-area.header-v4 .header-navigation.breakpoint-on .nav-menu .main-menu ul li .sub-menu li a:hover {
    color: #e25c6a
}

.header-area.header-v4 .header-navigation.breakpoint-on .nav-menu .main-menu ul li .sub-menu li a:hover {
    background-color: transparent
}

.header-area.header-v4 .header-navigation .main-menu>ul>li>a:after,
.header-area.header-v4 .header-navigation .main-menu ul li .sub-menu li a:hover,
.header-area.header-v4 .header-navigation .navbar-close {
    background-color: #e25c6a
}

.header-area.header-v4 .header-navigation .main-menu ul li .sub-menu li a:hover {
    color: #fff
}

.header-area.header-v5 .header-navigation {
    padding: 10px 0;
    border-bottom: 2px solid rgb(220 221 224 / 50%);
    background-color: #F4F7FA;
    -webkit-box-shadow: 0 8px 20px rgb(55 125 255 / 8%);
    box-shadow: 0 8px 20px rgb(55 125 255 / 8%)
}

.header-area.header-v2,
.header-area.header-v4 {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 999
}

.header-area.header-v2 .header-navigation .main-menu ul li>a,
.header-area.header-v2 .header-navigation .main-menu ul li .sub-menu li a:hover {
    color: #fff
}

.header-area.header-v2 .header-navigation.sticky .main-menu ul li>a,
.header-area.header-v2 .header-navigation .main-menu ul li .sub-menu li a,
.header-area.header-v2 .header-navigation.breakpoint-on .main-menu ul li>a {
    color: #161c2d
}

.header-area.header-v2 .header-navigation .navbar-toggler span {
    background-color: #fff
}

.header-area.header-v2 .header-navigation .main-menu ul li .sub-menu li a:hover {
    background-color: #f4732a
}

.header-area.header-v2 .header-navigation .brand-logo a {
    color: #fff
}

.header-area.header-v2 .header-navigation .brand-logo .logo-v2 {
    display: none
}

.header-area.header-v2 .header-navigation.sticky .brand-logo .logo-v2 {
    display: block
}

.header-area.header-v2 .header-navigation.sticky .brand-logo .logo-v1 {
    display: none
}

.header-area.header-v2 .header-navigation .brand-logo .logo-v1 {
    display: block
}

.header-area.header-v2 .header-navigation.sticky .brand-logo a {
    color: #1b3255
}

.header-area.header-v2 .header-navigation.sticky .navbar-toggler span {
    background-color: #1b3255
}

.header-area.header-v2 .header-navigation .main-menu>ul>li>a:after {
    background-color: #fff;
    top: auto;
    bottom: 15px
}

.header-area.header-v2 .header-navigation.sticky .main-menu>ul>li>a.active:after {
    bottom: auto;
    top: 0;
    background: #f4732a
}

.header-area.header-v2 .header-navigation .main-menu>ul>li>a:after {
    opacity: 0
}

.header-area.header-v2 .header-navigation .main-menu>ul>li>a.active:after {
    width: 100%;
    opacity: 1
}

.header-area.header-v2 .header-navigation .main-menu ul li a.active:hover:after {
    width: 0
}

.header-area.header-v2 .header-navigation.sticky .main-menu>ul>li>a:hover:after {
    width: 100%
}

.header-area.header-v2 .header-navigation .main-menu ul li:hover>.sub-menu {
    top: 78%
}

.header-area.header-v2 .header-navigation.sticky .main-menu ul li:hover>.sub-menu {
    top: 100%
}

.header-area.header-v2 .header-navigation .main-menu ul li .sub-menu li a.nav-link.active,
.header-area.header-v2 .header-navigation.sticky .main-menu ul li>a.nav-link.active {
    color: #F4732A
}

.header-area.header-v2 .header-navigation .main-menu ul li .sub-menu li a.nav-link.active:hover {
    color: #fff
}

.header-area.header-v2 .header-navigation .main-menu>ul>li>a:hover {
    color: #f4732a
}

.header-area.header-v2 .header-navigation .main-menu>ul>li.menu-item-has-children>a {
    padding-right: 15px;
    padding-left: 0
}

.header-area.header-v2 .header-navigation .main-menu ul>li>a {
    padding-left: 0;
    padding-right: 0
}

.header-area.header-v2 .header-navigation .main-menu>ul>li {
    margin-right: 30px
}

.header-area.header-v2 .header-navigation .main-menu ul li.menu-item-has-children>a:before {
    right: 0
}

.header-area.header-v2 .header-navigation .main-menu>ul>li:last-of-type {
    margin-right: 0
}

.header-area.header-v2 .header-navigation .main-menu ul li .sub-menu li a {
    padding: 8px 15px
}

.header-area.header-v2 .header-navigation .navbar-close {
    background-color: #0040E5
}

.header-area.header-v2 .header-navigation.breakpoint-on .nav-menu .main-menu ul li a {
    padding: 13px 20px
}

.header-area.header-v2 .header-navigation.breakpoint-on .main-menu>ul>li {
    margin-right: 0
}

.header-area.header-v2 .header-navigation.breakpoint-on .nav-menu .main-menu ul li ul.sub-menu a {
    padding: 0 20px 0 30px
}

.header-area.header-v2 .header-navigation.breakpoint-on .nav-menu .main-menu ul li .sub-menu li .sub-menu li a {
    padding-left: 45px
}

.header-area.header-v2 .header-navigation.breakpoint-on .nav-menu .main-menu ul li .sub-menu li a:hover {
    background-color: transparent
}

.header-area.header-v2 .header-navigation.breakpoint-on .main-menu>ul>li>a:hover,
.header-area.header-v2 .header-navigation.breakpoint-on .main-menu ul li a.nav-link.active,
.header-area.header-v2 .header-navigation.breakpoint-on .nav-menu .main-menu ul li .sub-menu li a.nav-link.active,
.header-area.header-v2 .header-navigation.breakpoint-on .nav-menu .main-menu ul li .sub-menu li a:hover {
    color: #0040E5
}

.header-area.header-v2 .header-navigation .header-right li a.search-btn {
    color: #fff
}

.header-area.header-v2 .header-navigation .nav-tools .icon.off-menu span {
    background-color: #fff
}

.header-area.header-v2 .header-navigation.sticky .header-right li a.search-btn {
    color: #161c2d
}

.header-area.header-v2 .header-navigation.sticky .nav-tools .icon.off-menu span {
    background-color: #0040E5
}

.header-area.header-v6 {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 999
}

.header-area.header-v6 .header-navigation .main-menu ul li>a,
.header-area.header-v6 .header-navigation .main-menu ul li .sub-menu li a:hover {
    color: #fff
}

.header-area.header-v6 .header-navigation.sticky .main-menu ul li>a,
.header-area.header-v6 .header-navigation .main-menu ul li .sub-menu li a,
.header-area.header-v6 .header-navigation.breakpoint-on .main-menu ul li>a {
    color: #161c2d
}

.header-area.header-v6 .header-navigation.sticky .main-menu>ul>li>a:hover {
    color: #37F
}

.header-area.header-v6 .header-navigation .navbar-toggler span {
    background-color: #fff
}

.header-area.header-v6 .header-navigation .main-menu ul li .sub-menu li a:hover {
    background-color: #37F
}

.header-area.header-v6 .header-navigation .brand-logo a {
    color: #fff
}

.header-area.header-v6 .header-navigation .brand-logo .logo-v2 {
    display: none
}

.header-area.header-v6 .header-navigation.sticky .brand-logo .logo-v2 {
    display: block
}

.header-area.header-v6 .header-navigation.sticky .brand-logo .logo-v1 {
    display: none
}

.header-area.header-v6 .header-navigation .brand-logo .logo-v1 {
    display: block
}

.header-area.header-v6 .header-navigation.sticky .brand-logo a {
    color: #1b3255
}

.header-area.header-v6 .header-navigation.sticky .navbar-toggler span {
    background-color: #1b3255
}

.header-area.header-v6 .header-navigation .main-menu>ul>li>a:after {
    background-color: #fff;
    top: auto;
    bottom: 15px
}

.header-area.header-v6 .header-navigation.sticky .main-menu>ul>li>a.active:after {
    bottom: auto;
    top: 0;
    background: #37F
}

.header-area.header-v6 .header-navigation .main-menu>ul>li>a:after {
    opacity: 0
}

.header-area.header-v6 .header-navigation .main-menu>ul>li>a.active:after {
    width: 100%;
    opacity: 1
}

.header-area.header-v6 .header-navigation .main-menu ul li a.active:hover:after {
    width: 0
}

.header-area.header-v6 .header-navigation .main-menu ul li a.active:after {
    background-color: #37F
}

.header-area.header-v6 .header-navigation.sticky .main-menu>ul>li>a:hover:after {
    width: 100%
}

.header-area.header-v6 .header-navigation .main-menu ul li:hover>.sub-menu {
    top: 78%
}

.header-area.header-v6 .header-navigation.sticky .main-menu ul li:hover>.sub-menu {
    top: 100%
}

.header-area.header-v6 .header-navigation .main-menu ul li .sub-menu li a.nav-link.active,
.header-area.header-v6 .header-navigation.sticky .main-menu ul li>a.nav-link.active {
    color: #37F
}

.header-area.header-v6 .header-navigation .main-menu ul li .sub-menu li a.nav-link.active:hover {
    color: #fff
}

.header-area.header-v6 .header-navigation .main-menu>ul>li>a:hover {
    color: #fff
}

.header-area.header-v6 .header-navigation .main-menu>ul>li.menu-item-has-children>a {
    padding-right: 15px;
    padding-left: 0
}

.header-area.header-v6 .header-navigation .main-menu ul>li>a {
    padding-left: 0;
    padding-right: 0
}

.header-area.header-v6 .header-navigation .main-menu>ul>li {
    margin-right: 30px
}

.header-area.header-v6 .header-navigation .main-menu ul li.menu-item-has-children>a:before {
    right: 0
}

.header-area.header-v6 .header-navigation .main-menu>ul>li:last-of-type {
    margin-right: 0
}

.header-area.header-v6 .header-navigation .main-menu ul li .sub-menu li a {
    padding: 8px 15px
}

.header-area.header-v6 .header-navigation .navbar-close {
    background-color: #37F
}

.header-area.header-v6 .header-navigation.breakpoint-on .nav-menu .main-menu ul li a {
    padding: 13px 20px
}

.header-area.header-v6 .header-navigation.breakpoint-on .main-menu>ul>li {
    margin-right: 0
}

.header-area.header-v6 .header-navigation.breakpoint-on .nav-menu .main-menu ul li ul.sub-menu a {
    padding: 0 20px 0 30px
}

.header-area.header-v6 .header-navigation.breakpoint-on .nav-menu .main-menu ul li .sub-menu li .sub-menu li a {
    padding-left: 45px
}

.header-area.header-v6 .header-navigation.breakpoint-on .nav-menu .main-menu ul li .sub-menu li a:hover {
    background-color: transparent
}

.header-area.header-v6 .header-navigation.breakpoint-on .main-menu>ul>li>a:hover,
.header-area.header-v6 .header-navigation.breakpoint-on .main-menu ul li a.nav-link.active,
.header-area.header-v6 .header-navigation.breakpoint-on .nav-menu .main-menu ul li .sub-menu li a.nav-link.active,
.header-area.header-v6 .header-navigation.breakpoint-on .nav-menu .main-menu ul li .sub-menu li a:hover {
    color: #37F
}

.header-area.header-v6 .header-navigation .header-right li a.search-btn {
    color: #fff;
    padding-right: 0;
    border: 0;
    padding: 0
}

.header-area.header-v6 .header-navigation .header-right li.nav-tools .icon.off-menu span {
    background-color: #fff
}

.header-area.header-v6 .header-navigation .nav-tools .icon {
    margin-left: 0
}

.header-area.header-v6 .header-navigation .nav-tools .icon span:nth-child(2) {
    width: 50px
}

.header-area.header-v6 .header-navigation .nav-tools .icon span:nth-child(1) {
    width: 42px;
    margin-left: auto
}

.header-area.header-v6 .header-navigation .nav-tools .icon span:nth-child(3) {
    width: 40px;
    margin-right: auto
}

.header-area.header-v6 .header-navigation .nav-tools .icon span {
    margin: 5px 0
}

.header-area.header-v6 .header-navigation .header-right li {
    margin-left: 30px
}

.header-area.header-v6 .header-navigation .header-right li:first-child {
    margin-left: 0
}

.header-area.header-v6 .header-navigation .header-right li:last-child {
    display: none
}

.header-area.header-v6 .header-navigation .offcanvas-panel .offcanvas-panel-inner ul li {
    display: inline-block
}

.header-area.header-v6 .header-navigation.sticky .header-right li.nav-tools .icon.off-menu span {
    background-color: #1b202f
}

.header-area.header-v6 .header-navigation .offcanvas-panel .offcanvas-panel-inner ul li {
    margin-left: 0
}

.header-area.header-v6 .header-navigation.breakpoint-on .navbar-toggler {
    margin-left: 0
}

.header-area.header-v3 .header-navigation .get-started-wrapper .filled-btn,
.header-area.header-v6 .header-navigation .filled-btn.bg-clear-blue {
    box-shadow: none
}

.header-area.header-v2 .header-navigation .get-started-wrapper .filled-btn:hover,
.header-area.header-v2 .header-navigation .get-started-wrapper .filled-btn:after,
.header-area.header-v3 .header-navigation .get-started-wrapper .filled-btn:hover,
.header-area.header-v3 .header-navigation .get-started-wrapper .filled-btn:after,
.header-area.header-v6 .header-navigation .filled-btn.bg-clear-blue:hover,
.header-area.header-v6 .header-navigation .filled-btn.bg-clear-blue:after {
    background-color: #fff
}

.header-area.header-v2 .header-navigation .get-started-wrapper .filled-btn:hover,
.header-area.header-v2 .header-navigation.sticky .get-started-wrapper .filled-btn:hover,
.header-area.header-v3 .header-navigation .get-started-wrapper .filled-btn:hover,
.header-area.header-v3 .header-navigation.sticky .get-started-wrapper .filled-btn:hover,
.header-area.header-v6 .header-navigation .filled-btn.bg-clear-blue:hover,
.header-area.header-v6 .header-navigation.sticky .filled-btn.bg-clear-blue:hover {
    -webkit-transition-delay: .1s;
    -o-transition-delay: .1s;
    transition-delay: .1s;
    color: #161c2d
}

.header-area.header-v2 .header-navigation.sticky .get-started-wrapper .filled-btn:after,
.header-area.header-v3 .header-navigation.sticky .get-started-wrapper .filled-btn:after,
.header-area.header-v6 .header-navigation.sticky .filled-btn.bg-clear-blue:after {
    background-color: #161c2d
}

.header-area.header-v2 .header-navigation.sticky .get-started-wrapper .filled-btn:hover,
.header-area.header-v3 .header-navigation.sticky .get-started-wrapper .filled-btn:hover,
.header-area.header-v6 .header-navigation.sticky .filled-btn.bg-clear-blue:hover {
    color: #fff
}

.breadcrumb-area {
    background-color: #F4F7FA;
    overflow: hidden;
    padding: 120px 0 60px
}

.breadcrumb-area .section-internal {
    position: relative;
    z-index: 1
}

.breadcrumb-area .breadcrumb-content .page-title h1 {
    font-size: 45px;
    line-height: 45px;
    font-weight: 200;
}

.breadcrumb-area .breadcrumb-content .page-title {
    margin-bottom: 15px
}

.breadcrumb-area .breadcrumb-content .page-breadcrumb .breadcrumb {
    background-color: transparent;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0;
    padding: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.breadcrumb-area .breadcrumb-content p{
    font-size: 14px;
    color: #999;
}

.breadcrumb-area .breadcrumb-content .page-breadcrumb ul li {
    color: #473bf0;
    font-size: 24px;
    font-family: 'CircularStdMedium';
    font-weight: 500
}

.breadcrumb-area .breadcrumb-content .page-breadcrumb ul li a:hover {
    color: #473bf0
}

.breadcrumb-area .breadcrumb-content .page-breadcrumb ul li:after {
    display: inline-block;
    content: "\f105";
    padding-left: 12px;
    padding-right: 12px;
    font-family: "Font Awesome 5 Pro";
    font-size: 24px;
    color: #161c2d
}

.breadcrumb-area .breadcrumb-content .page-breadcrumb ul li:last-child:after {
    display: none
}

.breadcrumb-area .breadcrumb-content .page-breadcrumb ul li.active {
    color: #161c2d
}

.section-particle-effect {
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.section-particle-effect .particle-1 {
    position: absolute;
    top: -40px;
    left: 0
}

.section-particle-effect .particle-2 {
    position: absolute;
    left: 70px;
    top: 20px
}

.section-particle-effect .particle-3 {
    position: absolute;
    right: 20px;
    top: -60px
}

.section-particle-effect .particle-4 {
    position: absolute;
    top: 28%;
    left: 100px
}

.section-particle-effect .particle-5 {
    top: 30%;
    right: 100px;
    position: absolute
}

.section-particle-effect .particle-6 {
    position: absolute;
    position: absolute;
    bottom: 44px;
    right: -44px;
    max-width: 180px;
    max-width: 180px
}

.section-particle-effect.section-particle-effect-v2 .particle-1,
.section-particle-effect.section-particle-effect-v2 .particle-2 {
    top: 15px;
    left: -190px
}

.section-particle-effect.section-particle-effect-v2 .particle-2 {
    top: 70px;
    left: -125px
}

.section-particle-effect.section-particle-effect-v2 .particle-3 {
    top: 50px;
    right: -75px
}

.section-particle-effect.section-particle-effect-v2 .particle-5 {
    top: auto;
    bottom: 100px;
    right: -80px
}

.section-particle-effect.section-particle-effect-v2 .particle-7 {
    position: absolute;
    top: auto;
    bottom: 0;
    left: -250px
}

.section-particle-effect.section-particle-effect-v2 .particle-4 {
    left: -110px;
    top: 50%;
    margin-top: -15px
}

.section-particle-effect.section-particle-effect-v3 .particle-1 {
    top: -25px;
    left: -88px
}

.section-particle-effect.section-particle-effect-v3 .particle-2 {
    left: -25px;
    top: 35px
}

.section-particle-effect.section-particle-effect-v3 .particle-3 {
    right: 142px;
    top: -65px
}

.section-particle-effect.section-particle-effect-v3 .particle-4 {
    bottom: -60px;
    top: auto;
    left: -10px
}

.section-particle-effect.section-particle-effect-v3 .particle-5 {
    top: auto;
    bottom: 0;
    right: -90px
}

.section-particle-effect.section-particle-effect-v4 .particle-1 {
    left: -170px;
    top: -50px
}

.section-particle-effect.section-particle-effect-v4 .particle-2 {
    left: 35px;
    top: 0
}

.section-particle-effect.section-particle-effect-v4 .particle-3 {
    left: -135px;
    bottom: 15px;
    top: auto
}

.section-particle-effect.section-particle-effect-v4 .particle-4 {
    bottom: -45px;
    top: auto;
    left: 125px
}

.app-features-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px
}

.single-service-box {
    background: #fff;
    -webkit-box-shadow: 0 10px 30px 0 rgba(225, 223, 255, 0.4);
    box-shadow: 0 10px 30px 0 rgba(225, 223, 255, 0.4);
    padding: 50px 50px;
    text-align: center;
    position: relative;
    margin-bottom: 30px
}

.single-service-box .service-thumbnail {
    margin-bottom: 28px
}

.single-service-box .service-box-title {
    margin-bottom: 24px;
    font-size: 24px;
    line-height: 32px;
    font-weight: 700
}

.single-service-box:after {
    position: absolute;
    content: "";
    height: 3px;
    width: 0;
    top: 0;
    left: 0;
    background: #473bf0;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.single-service-box:hover:after {
    width: 100%
}

.single-service-box.active:after {
    width: 100%
}

.single-service-box .service-box-btn a {
    height: 55px;
    width: 55px;
    background: #fff;
    border-radius: 50px;
    line-height: 50px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    position: relative;
    z-index: 1;
    display: inline-block;
    color: #473bf0;
    border: 2px solid #ECEBFD
}

.single-service-box .service-box-btn a:hover {
    border-color: #473bf0
}

.single-service-box:hover .service-box-btn a {
    border-color: #473bf0
}

.single-service-box.single-service-box-v2 {
    border-radius: 7px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    z-index: 1;
    height: 100%;
    padding: 43px 45px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 30px
}

.single-service-box.single-service-box-v2:hover,
.single-service-box.active.single-service-box-v2 {
    -webkit-box-shadow: 0 10px 60px 0 rgba(184, 179, 252, 0.6);
    box-shadow: 0 10px 60px 0 rgba(184, 179, 252, 0.6);
    -webkit-transform: translate(0px, -10px);
    -ms-transform: translate(0px, -10px);
    transform: translate(0px, -10px)
}

.single-service-box.single-service-box-v2:after {
    height: 5px;
    border-radius: 7px 7px 0 0
}

.single-service-box.single-service-box-v2 .service-box-title {
    font-size: 22px
}

.single-service-box.single-service-box-v2 .service-thumbnail {
    background-color: #F2F5FE;
    height: 180px;
    width: 180px;
    margin: 0 auto;
    line-height: 180px;
    border-radius: 50%;
    margin-bottom: 30px
}

.single-service-box.single-service-box-v2 .service-thumbnail {
    margin: 0 auto;
    margin-bottom: 25px
}

.single-service-box.single-service-box-v3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: left;
    border-radius: 15px;
    padding: 40px 50px;
    z-index: 2;
    position: relative
}

.single-service-box.single-service-box-v3:hover {
    -webkit-box-shadow: 0 10px 45px 0 rgba(71, 59, 240, 0.1);
    box-shadow: 0 10px 45px 0 rgba(71, 59, 240, 0.1)
}

.single-service-box.single-service-box-v3:before {
    content: "";
    height: 100%;
    width: 100%;
    background-color: #fff;
    left: 0;
    top: 0;
    z-index: -1;
    position: absolute;
    border-radius: 10px;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    -webkit-box-shadow: 0 10px 60px 0 rgb(189 189 189 / 30%);
    box-shadow: 0 10px 60px 0 rgb(189 189 189 / 30%);
    visibility: hidden;
    opacity: 0;
    -webkit-transform: rotateY(-70deg);
    -ms-transform: rotateY(-70deg);
    transform: rotateY(-70deg);
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left
}

.single-service-box.single-service-box-v3:after {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    z-index: -2;
    background-color: #3275FF;
    top: 0;
    left: 0;
    border-radius: 15px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    opacity: 0;
    -webkit-transform: rotateY(-70deg);
    -ms-transform: rotateY(-70deg);
    transform: rotateY(-70deg);
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left
}

.single-service-box.single-service-box-v3:hover:before {
    opacity: 1;
    right: -5px;
    left: auto;
    top: 5px;
    visibility: visible;
    -webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg)
}

.single-service-box.single-service-box-v3:hover:after {
    opacity: 1;
    top: -5px;
    left: -5px;
    visibility: visible;
    -webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg)
}

.single-service-box.single-service-box-v3 .service-thumbnail {
    min-width: 130px;
    max-width: 130px;
    margin-bottom: 0;
    margin-right: 34px
}

.single-service-box.single-service-box-v3 .service-thumbnail img {
    border-radius: 50%
}

.single-service-box.single-service-box-v3 .service-box-title {
    margin-bottom: 3px
}

.single-service-box.single-service-box-v3 .service-box-content p {
    color: #7a7a7a;
    font-size: 17px;
    line-height: 30px;
    margin-bottom: 11px
}

.single-service-box.single-service-box-v3 .service-box-content .service-box-btn a {
    width: auto;
    border: 0;
    border-radius: 0;
    height: auto;
    line-height: 1;
    color: #7a7a7a;
    font-size: 15px;
    font-family: 'CircularStdBold';
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    background-color: transparent
}

.single-service-box.single-service-box-v3 .service-box-content .service-box-btn a:hover {
    color: #3275FF
}

.single-service-box.single-service-box-v3 .service-box-content .service-box-btn a i {
    margin-left: 9px
}

.data-analysis-feature-area .data-analysis-content .section-title .section-title-description {
    margin-bottom: 23px
}

.data-analysis-feature-area .data-analysis-preview-wrapper {
    position: relative;
    height: 645px
}

.data-analysis-feature-area .data-analysis-preview-wrapper .data-analysis-preview {
    border-radius: 10px;
    -webkit-box-shadow: 0 10px 30px 0 rgb(185 182 235 / 40%);
    box-shadow: 0 10px 30px 0 rgb(185 182 235 / 40%)
}

.data-analysis-feature-area .data-analysis-preview-1 {
    position: relative;
    z-index: 1
}

.data-analysis-feature-area .data-analysis-preview-2 {
    position: absolute;
    left: 26%;
    z-index: 2;
    top: 75px
}

.data-analysis-feature-area .data-analysis-preview-3 {
    position: absolute;
    right: 80px;
    z-index: 3;
    top: 25px
}

.data-analysis-feature-area .data-analysis-preview-4 {
    position: absolute;
    left: 30px;
    z-index: 1;
    bottom: 0
}

.data-analysis-feature-area .data-analysis-preview-5 {
    position: absolute;
    right: 20%;
    z-index: 4;
    bottom: 78px
}

.data-analysis-feature-area .data-analysis-preview-6 {
    position: absolute;
    right: 65px;
    bottom: 40%;
    z-index: 1
}

.our-services.our-services-v1 {
    background-size: contain;
    background-position: top center;
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-color: #F2F5FE
}

.our-services .service-area-internal {
    position: relative;
    z-index: 1
}

.our-services .service-area-internal .section-particle-effect .particle-1 {
    top: 30%
}

.our-services .service-area-internal .section-particle-effect .particle-3 {
    top: -10%
}

.single-feature-box {
    border: 2px solid #262C3C;
    padding: 42px 44px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 30px
}

.single-feature-box .feature-box-content h4 {
    color: #fff;
    margin-bottom: 11px;
    font-size: 24px;
    text-transform: capitalize
}

.single-feature-box .feature-box-icon {
    max-width: 70px;
    margin-right: 40px;
    min-width: 70px;
    line-height: 0
}

.single-feature-box .feature-box-icon img,
.single-feature-box .feature-box-icon i {
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease
}

.single-feature-box:hover .feature-box-icon img,
.single-feature-box:hover .feature-box-icon i {
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg)
}

.single-feature-box .feature-box-icon i {
    font-size: 75px;
    color: #473BF0;
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}

.single-feature-box .feature-box-content p {
    color: #a8acb7;
    font-size: 17px;
    line-height: 30px
}

.single-feature-box {
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.single-feature-box:hover {
    border: 2px solid #473BF0
}

.single-feature-box.single-feature-box-v2 {
    -webkit-box-shadow: 0 10px 30px 0 rgba(219, 219, 219, 0.41);
    box-shadow: 0 10px 30px 0 rgba(219, 219, 219, 0.41);
    border: 0;
    border-radius: 7px;
    position: relative
}

.single-feature-box.single-feature-box-v2 .feature-box-content h4 {
    color: #161c2d
}

.single-feature-box.single-feature-box-v2 .feature-box-content p {
    color: #6e727d
}

.single-feature-box.single-feature-box-v2 .feature-box-icon i {
    color: #FF0101
}

.single-feature-box.single-feature-box-v2.single-feature-box-v2-color-1 .feature-box-icon i {
    color: #FF0101
}

.single-feature-box.single-feature-box-v2.single-feature-box-v2-color-2 .feature-box-icon i {
    color: #dc64ff
}

.single-feature-box.single-feature-box-v2.single-feature-box-v2-color-3 .feature-box-icon i {
    color: #2f84fb
}

.single-feature-box.single-feature-box-v2.single-feature-box-v2-color-4 .feature-box-icon i {
    color: #ff6c02
}

.single-feature-box.single-feature-box-v2:before,
.single-feature-box.single-feature-box-v2:after {
    position: absolute;
    content: "";
    height: 5px;
    width: 5px;
    top: 0;
    left: 0;
    background-color: #FF0101;
    border-radius: 50px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    opacity: 0
}

.single-feature-box.single-feature-box-v2:after {
    top: auto;
    bottom: 0;
    -webkit-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s
}

.single-feature-box.single-feature-box-v2:before {
    -webkit-transition-delay: .1s;
    -o-transition-delay: .1s;
    transition-delay: .1s
}

.single-feature-box.single-feature-box-v2:hover:before {
    border-radius: 2.5px 2.5px 0 0
}

.single-feature-box.single-feature-box-v2:hover:after {
    border-radius: 0 0 2.5px 2.5px
}

.single-feature-box.single-feature-box-v2:hover:before,
.single-feature-box.single-feature-box-v2:hover:after {
    opacity: 1;
    height: 50%
}

.single-feature-box.single-feature-box-v2.single-feature-box-v2-color-1:before,
.single-feature-box.single-feature-box-v2.single-feature-box-v2-color-1:after {
    background-color: #FF0101
}

.single-feature-box.single-feature-box-v2.single-feature-box-v2-color-2:before,
.single-feature-box.single-feature-box-v2.single-feature-box-v2-color-2:after {
    background-color: #dc64ff
}

.single-feature-box.single-feature-box-v2.single-feature-box-v2-color-3:before,
.single-feature-box.single-feature-box-v2.single-feature-box-v2-color-3:after {
    background-color: #2f84fb
}

.single-feature-box.single-feature-box-v2.single-feature-box-v2-color-4:before,
.single-feature-box.single-feature-box-v2.single-feature-box-v2-color-4:after {
    background-color: #ff6c02
}

.single-feature-box.single-feature-box-v3 {
    border-radius: 7px;
    border: 2px solid rgb(71 59 240 / 7%);
    position: relative;
    z-index: 1;
    overflow: hidden;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.single-feature-box.single-feature-box-v3:hover {
    border-color: #473BF0;
    background-color: #473BF0;
    -webkit-box-shadow: 0 10px 30px 0 rgba(71, 59, 240, 0.36);
    box-shadow: 0 10px 30px 0 rgba(71, 59, 240, 0.36)
}

.single-feature-box.single-feature-box-v3:hover .feature-box-content h4,
.single-feature-box.single-feature-box-v3:hover .feature-box-content p {
    color: #fff
}

.single-feature-box.single-feature-box-v3 .feature-box-content h4 {
    color: #161c2d
}

.single-feature-box.single-feature-box-v3 .feature-box-content p {
    color: #6e727d
}

.single-feature-box.single-feature-box-v3:after {
    position: absolute;
    content: "";
    background: #473BF0;
    height: 100px;
    width: 100px;
    border-radius: 50px;
    left: 50%;
    top: 34%;
    z-index: -1;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
    margin-left: -50px;
    margin-top: -30px;
    background-image: url(../image/single-service-bg.png);
    background-size: contain;
    background-position: left bottom;
    background-repeat: no-repeat;
    opacity: 0
}

.single-feature-box.single-feature-box-v3:hover:after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    height: 100%;
    width: 100%;
    border-radius: 5px;
    margin: 0;
    left: 0;
    top: 0;
    opacity: 1
}

.single-feature-box.single-feature-box-v3:hover .feature-box-icon i {
    color: #fff
}

.app-statistic-area .statistic-preveiw-thumbnail {
    position: relative;
    z-index: 2
}

.app-statistic-area .statistic-preveiw-thumbnail:after {
    position: absolute;
    content: "";
    height: 100%;
    width: 80%;
    right: 0;
    background: #F2F1FE;
    top: 0;
    z-index: -2;
    opacity: .7
}

.app-statistic-area .statistic-preveiw-thumbnail:before {
    position: absolute;
    content: '';
    height: 100%;
    width: 70%;
    z-index: -1;
    right: 0;
    top: 0;
    background-image: url(../image/statistic-pattern.png);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.app-statistic-area .statistic-preveiw-thumbnail .statistic-thumbnail-4 {
    margin-top: 25px;
    margin-left: -30px
}

.app-statistic-area .statistic-preveiw-thumbnail .statistic-thumbnail-3 {
    margin-top: -25px
}

.app-statistic-area .statistic-preveiw-thumbnail {
    padding-top: 80px;
    padding-bottom: 50px
}

.app-statistic-area .statistic-preveiw-thumbnail .statistic-thumbnail-2 {
    margin-left: -30px
}

.app-statistic-area .simple-icon-box-wrapper {
    gap: 40px
}

.our-statistics-images {
    position: relative
}

.our-statistics-images .our-statistics-image-main img {
    width: 100%;
    -webkit-box-shadow: 0 10px 60px 0 rgb(51 119 255 / 15%);
    box-shadow: 0 10px 60px 0 rgb(51 119 255 / 15%);
    border-radius: 10px
}

.our-statistics-images .our-statistics-image-main {
    margin-top: 63px;
    margin-bottom: 63px;
    margin-left: 30px;
    margin-right: 30px
}

.our-statistics-images .our-statistics-image-relative,
.our-statistics-images .our-statistics-image-absolute {
    -webkit-box-shadow: 0 10px 60px 0 rgb(51 119 255 / 15%);
    box-shadow: 0 10px 60px 0 rgb(51 119 255 / 15%)
}

.our-statistics-images .our-statistics-image-relative,
.our-statistics-images .our-statistics-image-absolute {
    position: absolute;
    z-index: 1
}

.our-statistics-images .our-statistics-image-relative {
    right: 0;
    top: -63px
}

.our-statistics-images .our-statistics-image-absolute {
    bottom: -62px;
    left: 0
}

.testimonial-area {
    border-top: 1px solid rgb(71 59 240 / 10%)
}

.testimonial-area .section-internal {
    position: relative;
    z-index: 1
}

.testimonial-area .section-particle-effect.section-particle-effect-v2 .particle-5 {
    right: -250px;
    bottom: 0
}

.testimonial-area .section-particle-effect.section-particle-effect-v2 .particle-1 {
    top: 90px
}

.testimonial-area .section-particle-effect.section-particle-effect-v2 .particle-3 {
    top: 90px;
    right: -220px
}

.single-testimonial {
    text-align: center
}

.single-testimonial .testimonial-author {
    text-align: center
}

.single-testimonial .testimonial-author img {
    margin: 0 auto;
    border-radius: 50%
}

.single-testimonial .testimonial-author {
    margin-top: 30px
}

.single-testimonial .testimonial-author h6 span {
    display: block;
    color: #6e727d;
    font-size: 15px;
    font-family: 'CircularStdMedium';
    font-weight: 400;
    text-transform: capitalize
}

.single-testimonial .testimonial-author h6 {
    font-size: 18px;
    color: #161c2d;
    margin-top: 19px;
    line-height: 25px
}

.single-testimonial .quote-thumbnail {
    text-align: center;
    margin-bottom: 2px
}

.single-testimonial .quote-thumbnail img {
    margin: 0 auto;
    margin-bottom: 30px
}

.single-testimonial .quote-thumbnail i {
    color: #473BF0;
    font-size: 88px
}

.single-testimonial p {
    font-size: 20px;
    color: #161c2d;
    line-height: 35px;
    font-family: 'CircularStdMedium'
}

.testimonial-slider .slick-slide {
    margin: 0 30px
}

.testimonial-slider .slick-list {
    margin: 0 -15px
}

.testimonial-area.bg-tuna.testimonial-area-overflow {
    padding-top: 379px;
    margin-top: -255px
}

.single-testimonial.single-testimonial-v2 {
    background-color: #fff;
    border-radius: 12px;
    padding: 45px 45px 51px 45px;
    margin: 10px
}

.single-testimonial.single-testimonial-v2 p {
    font-size: 18px
}

.single-testimonial.single-testimonial-v2 .quote-thumbnail {
    margin-bottom: 2px
}

.single-testimonial.single-testimonial-v2 .quote-thumbnail i {
    color: #f4732a
}

.single-testimonial.single-testimonial-v2.slick-slide.slick-current {
    -webkit-box-shadow: -5px -5px 0 0 #F4732A;
    box-shadow: -5px -5px 0 0 #F4732A
}

.single-testimonial.single-testimonial-v2 .testimonial-author {
    margin-top: 27px
}

.single-testimonial.single-testimonial-v3 {
    background-color: #fff;
    margin-bottom: 30px;
    text-align: left;
    padding: 45px;
    border-radius: 7px
}

.single-testimonial.single-testimonial-v3 .testimonial-author {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: left;
    margin-top: 20px
}

.single-testimonial.single-testimonial-v3 .testimonial-author img {
    max-width: 55px;
    min-width: 55px;
    height: 55px;
    margin-left: 0;
    margin-right: 19px
}

.single-testimonial.single-testimonial-v3 .testimonial-author h6 {
    margin-top: 0
}

.single-testimonial.single-testimonial-v3 .single-testimonial-body p {
    color: #6e727d;
    line-height: 30px;
    font-size: 17px
}

.single-testimonial.single-testimonial-v3 .single-testimonial-body {
    position: relative
}

.single-testimonial.single-testimonial-v3 .single-testimonial-body .author-rating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 17px
}

.testimonial-slider.testimonial-slider-v4 .slick-list {
    margin: 0
}

.testimonial-slider.testimonial-slider-v4 .slick-dots {
    margin-top: 35px
}

.testimonial-slider.testimonial-slider-v4 .slick-dots {
    text-align: left
}

.testimonial-slider.testimonial-slider-v4 .slick-dots li:after {
    display: none
}

.testimonial-slider.testimonial-slider-v4 .slick-dots li {
    height: 12px;
    width: 12px;
    margin: 0;
    margin-right: 10px;
    background-color: #393E4C
}

.testimonial-slider.testimonial-slider-v4 .slick-dots li.slick-active {
    background-color: #473bf0
}

.single-testimonial.single-testimonial-v4 {
    text-align: left;
    margin: 0
}

.single-testimonial.single-testimonial-v4 p {
    color: #fff;
    font-size: 18px;
    line-height: 30px;
    font-family: 'CircularStdBook'
}

.single-testimonial.single-testimonial-v4 .testimonial-author {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 25px
}

.single-testimonial.single-testimonial-v4 .testimonial-author h6 {
    margin-top: 0;
    color: #fff;
    text-align: left;
    font-size: 18px
}

.single-testimonial.single-testimonial-v4 .testimonial-author img {
    margin: 0;
    max-width: 50px;
    min-width: 50px;
    margin-right: 15px
}

.single-testimonial.single-testimonial-v4 .testimonial-author h6 span {
    color: #a5abbc;
    font-size: 15px;
    text-transform: capitalize
}

#testimonial-slider-v4 {
    margin-left: -65px
}

#testimonial-slider-v4 .slick-arrow {
    left: -13px
}

#testimonial-slider-v4 .next.slick-arrow {
    left: auto;
    right: -13px
}

#testimonial-slider-v4 .slick-dots {
    margin-top: 30px;
    margin-bottom: 0
}

.single-testimonial.single-testimonial-v5 {
    padding: 44px 53px 54px 53px;
    background-color: #fff;
    -webkit-box-shadow: 0 10px 30px 0 rgb(71 59 240 / 8%);
    box-shadow: 0 10px 30px 0 rgb(71 59 240 / 8%);
    margin: 0;
    border-radius: 12px;
    margin: 30px 100px;
    position: relative
}

.single-testimonial.single-testimonial-v5:after {
    position: absolute;
    content: "";
    height: 50%;
    width: 110%;
    background: #fff;
    top: 25%;
    left: -5%;
    z-index: -1;
    border-radius: 12px
}

.single-testimonial.single-testimonial-v6 {
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 12px;
    background-color: #fff;
    padding: 40px 50px;
    margin-top: 30px;
    margin-bottom: 30px;
    position: relative;
    z-index: 2;
    -webkit-box-shadow: 0 5px 15px 0 rgb(71 59 240 / 10%);
    box-shadow: 0 5px 15px 0 rgb(71 59 240 / 10%);
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear
}

.single-testimonial.single-testimonial-v6.slick-current,
.single-testimonial.single-testimonial-v6:hover {
    box-shadow: none
}

.single-testimonial.single-testimonial-v6 .single-testimonial-body .testimonial-author {
    text-align: left
}

.single-testimonial.single-testimonial-v6 .testimonial-author-quote img {
    border-radius: 50%
}

.single-testimonial.single-testimonial-v6 .testimonial-author-quote {
    min-width: 80px;
    max-width: 80px;
    text-align: center;
    margin-right: 30px
}

.single-testimonial.single-testimonial-v6 .testimonial-author-quote i {
    font-size: 56px;
    color: #37F;
    margin-top: -20px
}

.single-testimonial.single-testimonial-v6 .single-testimonial-body .testimonial-message {
    color: #7a7a7a;
    font-family: 'CircularStdBook';
    font-weight: 400
}

.single-testimonial.single-testimonial-v6 .single-testimonial-body .testimonial-author,
.single-testimonial.single-testimonial-v6 .single-testimonial-body .testimonial-author h6 {
    margin-top: 0
}

.single-testimonial.single-testimonial-v6 .single-testimonial-body .testimonial-author {
    margin-top: 10px
}

.single-testimonial.single-testimonial-v6 .single-testimonial-body .testimonial-author h6 {
    color: #1f1f1f;
    font-size: 20px
}

.single-testimonial.single-testimonial-v6 .single-testimonial-body .testimonial-author h6 span {
    color: #37f;
    font-family: 'CircularStdMedium'
}

.single-testimonial.single-testimonial-v6:before {
    content: "";
    height: 100%;
    width: 100%;
    background-color: #fff;
    left: 0;
    top: 0;
    z-index: -1;
    position: absolute;
    border-radius: 12px;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    -webkit-transform: rotateY(-70deg);
    -ms-transform: rotateY(-70deg);
    transform: rotateY(-70deg);
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
    -webkit-box-shadow: 0 5px 15px 0 rgb(71 59 240 / 10%);
    box-shadow: 0 5px 15px 0 rgb(71 59 240 / 10%);
    opacity: 0;
    visibility: hidden
}

.single-testimonial.single-testimonial-v6:after {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    z-index: -2;
    background-color: #37F;
    top: 0;
    left: 0;
    border-radius: 12px;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    -webkit-transform: rotateY(-70deg);
    -ms-transform: rotateY(-70deg);
    transform: rotateY(-70deg);
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
    visibility: hidden;
    opacity: 0;
    -webkit-box-shadow: 0 5px 15px 0 rgb(71 59 240 / 10%);
    box-shadow: 0 5px 15px 0 rgb(71 59 240 / 10%)
}

.single-testimonial.single-testimonial-v6:hover:before,
.single-testimonial.single-testimonial-v6:hover:after,
.single-testimonial.single-testimonial-v6.slick-current:before,
.single-testimonial.single-testimonial-v6.slick-current:after {
    opacity: 1;
    visibility: visible;
    -webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg)
}

.single-testimonial.single-testimonial-v6.slick-current:after,
.single-testimonial.single-testimonial-v6:hover:after {
    top: -10px;
    left: -10px
}

#testimonial-slider-v5 .slick-slide {
    margin: 30px 15px
}

#testimonial-slider-v5 .slick-dots {
    margin-top: 59px
}

#testimonial-slider-v5 .slick-dots li {
    background-color: rgb(51 119 255 / 20%)
}

#testimonial-slider-v5 .slick-dots li.slick-active {
    background-color: #37F
}

#testimonial-slider-v5 .slick-dots li:after {
    border-color: rgb(51 119 255 / 20%)
}

#testimonial-slider-v5 .slick-dots li.slick-active:after {
    border-color: #37F
}

#testimonial-slider-v5 .slick-list {
    margin: 0 -15px
}

.square-and-oval-image-wrapper {
    position: relative
}

.square-and-oval-image-wrapper .image-square {
    position: relative;
    overflow: hidden
}

.square-and-oval-image-wrapper .image-square:before {
    position: absolute;
    top: 0;
    left: -100%;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, .7)), to(rgba(255, 255, 255, .3)));
    background: -o-linear-gradient(left, rgba(255, 255, 255, .7) 0, rgba(255, 255, 255, .3) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, .7) 0, rgba(255, 255, 255, .3) 100%);
    -webkit-transform: skewX(25deg);
    -ms-transform: skewX(25deg);
    transform: skewX(25deg);
    z-index: 2
}

.square-and-oval-image-wrapper:hover .image-square:before {
    -webkit-animation: shine 1.5s;
    animation: shine 1.5s
}

.square-and-oval-image-wrapper .image-oval {
    position: absolute;
    right: -41px;
    bottom: 80px;
    width: 215px;
    height: 215px;
    border-radius: 50%;
    z-index: 3;
    -webkit-box-shadow: 0 10px 45px 0 rgba(71, 59, 240, 0.3);
    box-shadow: 0 10px 45px 0 rgba(71, 59, 240, 0.3);
    overflow: hidden
}

.square-and-oval-image-wrapper .image-oval:before {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    display: block;
    content: "";
    width: 0;
    height: 0;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 50%
}

.square-and-oval-image-wrapper:hover .image-oval:before {
    -webkit-animation-duration: .95s;
    animation-duration: .95s;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-direction: normal;
    animation-direction: normal;
    -webkit-animation-fill-mode: none;
    animation-fill-mode: none;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    -webkit-animation-name: circle;
    animation-name: circle
}

.square-and-oval-image-wrapper .image-oval img {
    border-radius: 50%;
    height: 215px;
    width: 215px;
    border: 10px solid #fff
}

.square-and-oval-image-wrapper .image-square img {
    width: 100%
}

.square-and-oval-image-wrapper .project-count {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-shadow: 0 10px 45px 0 rgba(71, 59, 240, 0.3);
    box-shadow: 0 10px 45px 0 rgba(71, 59, 240, 0.3);
    border-radius: 12px;
    position: absolute;
    top: 65px;
    left: -30px;
    z-index: 5;
    background-color: #fff;
    padding: 15px 30px
}

.square-and-oval-image-wrapper .project-count .count-icon {
    min-width: 50px;
    max-width: 50px;
    margin-right: 15px
}

.square-and-oval-image-wrapper .project-count .count-icon i {
    background-color: #473bf0;
    height: 50px;
    width: 50px;
    text-align: center;
    line-height: 50px;
    font-size: 20px;
    border-radius: 50%;
    color: #fff;
    transition: .3s
}

.square-and-oval-image-wrapper .project-count .count-details p {
    color: #7a7a7a;
    font-size: 17px;
    font-family: 'CircularStdMedium'
}

.square-and-oval-image-wrapper .project-count .count-details h4 {
    font-size: 24px;
    line-height: 30px
}

.square-and-oval-image-wrapper:hover .project-count .count-icon i {
    transform: rotate(360deg)
}

.single-testimonial .rating-review li {
    display: inline-block
}

.single-testimonial .rating-review li {
    color: #FFA800
}

.single-testimonial .rating-review li:last-child a {
    color: #96a6a7;
    padding-left: 5px
}

.single-testimonial .rating-review .all-rating {
    height: 25px;
    overflow: hidden;
    position: relative;
    width: 100%
}

.single-testimonial .rating-review .all-rating .blank-rating {
    bottom: 0;
    color: #f19e1f;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.single-testimonial .rating-review .all-rating.star-5 .main-rating {
    width: 100%
}

.single-testimonial .rating-review .all-rating.star-5 .blank-rating {
    left: 100%
}

.single-testimonial .rating-review .all-rating.star-4 .main-rating {
    width: 81%
}

.single-testimonial .rating-review .all-rating.star-4 .blank-rating {
    left: 81%
}

.single-testimonial .rating-review .all-rating.star-3 .main-rating {
    width: 60%
}

.single-testimonial .rating-review .all-rating.star-3 .blank-rating {
    left: 60%
}

.single-testimonial .rating-review .all-rating.star-2 .main-rating {
    width: 38%
}

.single-testimonial .rating-review .all-rating.star-2 .blank-rating {
    left: 41%
}

.single-testimonial .rating-review .all-rating.star-1 .main-rating {
    width: 12%
}

.single-testimonial .rating-review .all-rating.star-1 .blank-rating {
    left: 20%
}

.testimonial-slider .slick-arrow {
    height: 50px;
    width: 50px;
    background-color: #473bf0;
    text-align: center;
    line-height: 50px;
    font-size: 15px;
    color: #fff;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -25px;
    z-index: 1;
    cursor: pointer;
    border: 2px solid #473bf0
}

.testimonial-slider .next.slick-arrow {
    left: auto;
    right: 0
}

.testimonial-slider .slick-arrow.slick-disabled {
    background-color: #f4f7fa;
    border-color: rgb(22 28 45 / 10%);
    color: #473bf0
}

.testimonial-slider .slick-dots {
    text-align: center;
    margin-top: 79px
}

.testimonial-slider .slick-dots li {
    display: inline-block;
    height: auto
}

.testimonial-slider .slick-dots li {
    height: 12px;
    width: 12px;
    background: #DAD8FC;
    border-radius: 50px;
    margin: 0 10px
}

.testimonial-slider .slick-dots li {
    position: relative
}

.testimonial-slider .slick-dots li:after {
    position: absolute;
    content: "";
    height: 30px;
    width: 30px;
    background: transparent;
    z-index: -1;
    border-radius: 50px;
    left: -9px;
    top: -9px;
    border: 2px solid #473bf0;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    z-index: 1
}

.testimonial-slider .slick-dots li {
    margin: 0 15px
}

.testimonial-slider .slick-dots li.slick-active:after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.testimonial-slider .slick-dots li.slick-active {
    background: #473bf0
}

.testimonial-slider.testimonial-slider-v2 .slick-dots li {
    background-color: #544466
}

.testimonial-slider.testimonial-slider-v2 .slick-dots li:after {
    border-color: #F4732A
}

.testimonial-slider.testimonial-slider-v2 .slick-dots li.slick-active {
    background: #F4732A
}

.counter-up-area {
    background-image: url(../image/count-down-bg.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top center
}

.counter-up-area .counter-up-thumbnails {
    position: relative;
    z-index: 1;
    text-align: center
}

.counter-up-area .counter-up-thumbnails::after {
    position: absolute;
    content: "";
    background-image: url(../image/count-down-main-thumbnail-border.png);
    background-repeat: no-repeat;
    background-size: 90% 100%;
    top: -95px;
    right: 0;
    height: 150%;
    width: 100%;
    z-index: -1
}

.counter-up-area .counter-up-thumbnails .counterup-main-thumbnail-top {
    position: absolute;
    top: -60px;
    right: 70px;
    z-index: 1
}

.counter-up-area .counter-up-thumbnails .counterup-main-thumbnail-bottom {
    position: absolute;
    bottom: -40px;
    left: 30px;
    z-index: 1
}

.single-counter-up .counterup-icon i {
    font-size: 30px;
    width: 80px;
    height: 80px;
    background: rgb(255 255 255 / 7%);
    text-align: center;
    line-height: 80px;
    color: #fff;
    border-radius: 50px
}

.single-counter-up .counterup-icon {
    margin-bottom: 24px
}

.single-counter-up .counterup-info h2 {
    font-size: 42px;
    color: #fff;
    font-family: 'CircularStdBook';
    font-weight: 400
}

.single-counter-up .counterup-info p {
    font-size: 17px;
    color: #fff
}

.single-counter-up {
    margin-bottom: 80px
}

.single-counter-up .counterup-icon i {
    position: relative;
    z-index: 1
}

.single-counter-up .counterup-icon i:after {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    background-color: #fff;
    left: 0;
    z-index: -1;
    border-radius: 50%;
    top: 0;
    transform: scale(0.2);
    transition: .3s;
    opacity: 0
}

.single-counter-up:hover .counterup-icon i:after {
    transform: scale(1);
    opacity: 1
}

.single-counter-up:hover .counterup-icon i {
    color: #473bf0
}

.single-counter-up.single-counter-up-v2 .counterup-icon i:after {
    display: none
}

.single-counter-up.single-counter-up-v2:hover .counterup-icon i {
    color: #fff
}

.single-counter-up.single-counter-up-v2 {
    margin-bottom: 30px
}

.counter-up-area .counterup-internal {
    padding: 63px 75px 33px 75px;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 0 20px rgb(244 115 42 / 7%);
    box-shadow: 0 0 0 20px rgb(244 115 42 / 7%);
    background-position: bottom center;
    background-size: contain;
    background-attachment: scroll;
    background-repeat: no-repeat;
    position: relative
}

.counterup-internal.bg-royal-blue {
    -webkit-box-shadow: 0 0 0 20px rgb(71 59 240 / 7%);
    box-shadow: 0 0 0 20px rgb(71 59 240 / 7%)
}

.single-counter-up.single-counter-up-v2 .counterup-info h2 {
    min-width: 80px;
    max-width: 80px;
    margin-right: 30px;
    position: relative;
    margin-bottom: 0;
    line-height: 1
}

.single-counter-up.single-counter-up-v2 .counterup-info h2 .sign {
    font-size: 24px;
    top: -10px;
    position: absolute;
    right: -30px
}

.single-counter-up.single-counter-up-v2 .counterup-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.single-counter-up.single-counter-up-v2 p {
    font-size: 18px;
    line-height: 25px;
    text-align: left
}

.single-counter-up.single-counter-up-v2 .counterup-info h2 .counter {
    font-size: 85px
}

.statistic-count-boxes .single-counter-up.single-counter-up-v2 {
    margin-bottom: 55px
}

.statistic-count-boxes .single-counter-up.single-counter-up-v2 .counterup-info .counter {
    color: #161c2d;
    font-size: 80px
}

.statistic-count-boxes .single-counter-up.single-counter-up-v2 .counterup-info .sign {
    color: #473bf0
}

.statistic-count-boxes .single-counter-up.single-counter-up-v2 .counterup-info p {
    color: #7a7a7a
}

.fact-and-cta-area .single-counter-up.single-counter-up-v2 .counterup-info h2 .sign {
    color: #ffa800
}

.simple-counter-up .single-counter-up.single-counter-up-v2 .counterup-info h2 .counter {
    color: #36234b
}

.simple-counter-up .single-counter-up.single-counter-up-v2 .counterup-info h2 .sign {
    color: #f4732a
}

.simple-counter-up .single-counter-up.single-counter-up-v2 .counterup-info {
    display: block
}

.simple-counter-up .single-counter-up.single-counter-up-v2 p {
    color: #36234b;
    font-family: 'CircularStdMedium'
}

.cta-area {
    padding-top: 100px;
    padding-bottom: 100px
}

.cta-area .section-title .section-button-wrapper.section-dual-button {
    gap: 10px
}

.cta-area .cta-section-particle .cta-particle-left {
    position: absolute;
    left: 0;
    top: 30px;
    max-width: 180px
}

.cta-area .cta-section-particle .cta-particle-right {
    position: absolute;
    right: 0;
    top: 30px;
    max-width: 160px
}

.cta-area .cta-content-internal {
    position: relative
}

.cta-area .cta-content .section-title .section-heading-tag {
    margin-bottom: 26px
}

.cta-area .cta-content .section-title h2 {
    margin-bottom: 38px;
    line-height: 50px;
    f
}

.cta-area.bg-ocean-blue .cta-content .section-title h2 {
    margin-bottom: 28px
}

.cta-area.cta-area-v2 {
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    position: relative;
    z-index: 1;
    padding-top: 120px;
    padding-bottom: 130px
}

.cta-area.cta-area-v2:after {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    z-index: -1;
    background-color: #0B1224;
    opacity: .75
}

.cta-area.cta-area-v2 .cta-content .filled-btn {
    box-shadow: none
}

.cta-area.cta-area-v2 .cta-content .filled-btn:hover {
    background-color: #fff;
    color: #161C2D;
    -webkit-transition-delay: .1s;
    -o-transition-delay: .1s;
    transition-delay: .1s
}

.cta-area.cta-area-v2 .cta-content .filled-btn:after {
    background-color: #fff
}

.cta-area.cta-area-v2 .cta-content .filled-btn.btn-bordered {
    border-color: #8991A7
}

.cta-area.cta-area-v2 .cta-content .filled-btn.btn-bordered:hover {
    border-color: #fff;
    color: #161c2d
}

.cta-area.cta-area-v2 .cta-content .section-title .section-heading-tag {
    margin-bottom: 15px
}

.cta-area.cta-area-v2 .cta-content .section-title .section-heading-tag .single-heading-tag {
    padding: 0;
    height: auto;
    color: #fff;
    background-color: transparent
}

.simple-cta-area .simple-cta-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    padding: 30px 0 32px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: scroll
}

.simple-cta-area .simple-cta-content h4 {
    color: #fff;
    font-size: 24px;
    font-family: 'CircularStdBook';
    font-weight: 400
}

.app-cta-area .section-title h2 {
    margin-bottom: 56px
}

.app-cta-area .section-title .section-title-description {
    margin-bottom: 33px
}

.fact-and-cta-area {
    position: relative;
    z-index: 2;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top center;
    background-attachment: fixed
}

.fact-and-cta-area:after {
    position: absolute;
    content: "";
    height: 75px;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: -1;
    background-color: #fff
}

.video-cta-area .featured-video-area .featured-video-content,
.video-cta-area .cta-area-2 {
    height: 350px;
    border-radius: 7px;
    margin-bottom: 30px
}

.video-cta-area .featured-video-area .featured-video-content.video-overlay:after {
    background-color: #2B354F;
    border: 7px;
    opacity: .40
}

.video-cta-area .featured-video-area .featured-video-content .play-video-btn i {
    background-color: #37F;
    height: 75px;
    width: 75px;
    line-height: 75px
}

.video-cta-area .featured-video-area .featured-video-content .play-video-btn i.pulse-animated:after {
    background-color: rgb(255 255 255 / 36%)
}

.video-cta-area .cta-area-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 50px
}

.video-cta-area .cta-area-2 .section-title h2 {
    font-size: 36px;
    margin-bottom: 10px;
    line-height: 42px
}

.video-cta-area .cta-area-2 .section-title.section-title-white .filled-btn.btn-bordered {
    border-color: #fff;
    box-shadow: none
}

.video-cta-area .cta-area-2 .section-title.section-title-white .filled-btn.btn-bordered:hover {
    color: #161c2d
}

.video-cta-area .cta-area-2 .section-title .section-title-description {
    margin-bottom: 22px
}

.hero-area.hero-v1 {
    background-size: 100% 100%;
    background-attachment: scroll;
    background-position: center center;
    background-repeat: no-repeat;
    overflow: hidden;
}

.hero-area.hero-v1 .hero-internal {
    position: relative;
    z-index: 1;
    padding-top: 120px;
    padding-bottom: 30px
}

.hero-area.hero-v1 .hero-content {
    padding-bottom:60px;
    text-align: center
}

.hero-area.hero-v1 .section-title .section-heading-tag {
    margin-bottom: 26px
}

.hero-area.hero-v1 .section-title h1 {
    font-size: 40px;
    line-height: 95px;
    margin-bottom: 44px;
    font-weight: lighter;
}

.hero-area.hero-v1 .section-title h1 span {
    color: #473bf0
}

.hero-area.hero-v1 .section-title h1 span {
    padding: 5px 20px;
    position: relative;
    z-index: 1
}

.hero-area.hero-v1 .app-dashboard-preview img {
    border-radius: 20px;
    -webkit-box-shadow: 0 10px 30px 0 rgb(225 223 255 / 36%);
    box-shadow: 0 10px 30px 0 rgb(225 223 255 / 36%)
}

.hero-area.hero-v1 .section-title h1 span:after {
    position: absolute;
    content: "";
    width: 100%;
    left: 0;
    background-image: url(../image/heading-line.png);
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: -1;
    background-attachment: scroll;
    background-position: bottom;
    padding-bottom: 8px;
    top: auto;
    bottom: 0;
    height: 100%
}

.hero-area.hero-v1 .hero-internal:after {
    position: absolute;
    content: "";
    z-index: -1;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: url(../image/app-overview-shadow.png) no-repeat scroll;
    background-size: 100% 100%;
    background-position: 0 -200px;
    z-index: -1
}

.hero-area.hero-v1 .section-particle-effect .particle-1,
.hero-area.hero-v1 .section-particle-effect .particle-3 {
    top: 100px
}

.hero-area.hero-v1 .section-particle-effect .particle-2 {
    top: 155px;
    left: -30px
}

.hero-area.hero-v1 .section-particle-effect .particle-3 {
    right: 140px;
    top: 85px
}

.hero-area.hero-v1 .section-particle-effect .particle-4 {
    top: 33%;
    left: -30px
}

.hero-area.hero-v1 .section-particle-effect .particle-1 {
    left: -100px
}

.hero-area.hero-v1 .section-particle-effect .particle-5 {
    top: 33%;
    right: 0
}

.hero-area.hero-v2 {
    padding-top: 155px;
    padding-bottom: 40px
}

.hero-area.hero-v2 .section-title .section-heading-tag {
    margin-bottom: 27px
}

.hero-area.hero-v2 .section-title h1,
.hero-area.hero-v3 .section-title h1 {
    font-size: 95px;
    line-height: 105px;
    margin-bottom: 63px
}

.hero-area .section-title.section-title-white h1 span {
    position: relative;
    z-index: 1
}

.hero-area .section-title.section-title-white h1 span:after {
    position: absolute;
    content: "";
    width: 100%;
    left: 0;
    z-index: -1;
    background-attachment: scroll;
    background-position: bottom;
    background-repeat: no-repeat;
    padding-bottom: 8px;
    bottom: -15px;
    height: 39px;
    background-image: url(../image/section-title-v2-line-white.png);
    background-size: contain
}

.hero-area .section-title h1 {
    margin-bottom: 50px
}

.blob-image-wrapper {
    position: relative;
    z-index: 1
}

.blob-image-wrapper .blob-main-image {
    position: relative;
    z-index: 3
}

.blob-image-wrapper .blob-shape-wrapper .blob-shape {
    left: 0;
    top: 0;
    position: absolute;
    max-width: 50px
}

.blob-image-wrapper .blob-shape-wrapper .blob-shape.blob-shape-2 {
    left: auto;
    right: 0
}

.blob-image-wrapper .blob-shape-wrapper .blob-shape.blob-shape-3 {
    top: auto;
    bottom: -50px;
    left: 120px
}

.hero-area.hero-v2 .blob-image-wrapper .blob-shape-wrapper .blob-shape.blob-shape-1 {
    left: 9%;
    top: 5%
}

.hero-area.hero-v2 .blob-image-wrapper .blob-shape-wrapper .blob-shape.blob-shape-2 {
    right: 2%;
    top: 17%
}

.hero-area.hero-v2 .blob-image-wrapper .blob-shape-wrapper .blob-shape.blob-shape-3 {
    left: 25%;
    bottom: -6%
}

.hero-infobox-area .hero-infobox-internal {
    background-color: #0146F6;
    padding: 80px 80px 71px 80px;
    margin-top: 103px;
    border-radius: 15px;
    border-top: 4px solid #DCE5FB
}

.hero-infobox-area .hero-infobox-internal {
    position: relative
}

.hero-infobox-area .hero-infobox-internal:after {
    position: absolute;
    content: "";
    height: 70%;
    width: 2px;
    background-color: #215FFB;
    top: 15%;
    right: 50%
}

.infobox-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.infobox-item .infobox-icon {
    max-width: 80px;
    min-width: 80px;
    margin-right: 39px
}

.infobox-item .infobox-content .infobox-title {
    font-size: 24px;
    line-height: 34px;
    color: #fff;
    margin-bottom: 9px;
    font-family: 'CircularStdMedium';
    font-weight: 500
}

.infobox-item .infobox-content p {
    color: #fff
}

.hero-area.hero-v3 .section-title h1 {
    margin-bottom: 57px
}

.hero-area.hero-v3 .section-title.section-title-white h1 span:after {
    background-image: url(../image/section-title-v3-line-white.png)
}

.hero-area.hero-v3 .section-title.section-title-white .filled-btn.bg-rose-bud {
    -webkit-box-shadow: none;
    box-shadow: none
}

.hero-area.hero-v3 {
    background-position: bottom right;
    position: relative;
    z-index: 1;
    overflow: hidden
}

.hero-area.hero-v3:after {
    position: absolute;
    content: "";
    height: 340px;
    width: 270px;
    left: 0;
    top: 0;
    z-index: -1;
    background-image: url(../image/hero-line.png);
    background-size: contain;
    background-attachment: scroll;
    background-position: top left;
    background-repeat: no-repeat
}

.hero-area.hero-v3 .hero-content {
    padding: 164px 0
}

.hero-area.hero-v3 .section-title.section-title-white .filled-btn.btn-bordered {
    border-color: rgb(255 255 255 / 15%)
}

.hero-area.hero-v3 .filled-btn.bg-rose-bud:hover {
    background-color: #fff;
    color: #161c2d
}

.hero-area.hero-v3 .filled-btn.bg-rose-bud::after {
    background-color: #fff
}

.hero-area.hero-v3 .filled-btn.bg-rose-bud:hover::after {
    background-color: #fff;
    color: #161c2d
}

.hero-area.hero-v3 .hero-content {
    position: relative;
    z-index: 1
}

.hero-area.hero-v3 .section-particle-effect .particle-1 {
    top: 200px;
    left: -100px
}

.hero-area.hero-v3 .section-particle-effect .particle-3 {
    bottom: 120px;
    left: -80px;
    top: auto
}

.hero-area.hero-v4 .section-title h1 {
    font-size: 90px;
    line-height: 90px
}

.hero-area.hero-v4 .section-title h1 span {
    display: inline;
    position: relative;
    z-index: 1
}

.hero-area.hero-v4 .section-title .filled-btn.bg-purple {
    -webkit-box-shadow: none;
    box-shadow: none
}

.hero-area.hero-v4 .section-title h1 span:after {
    position: absolute;
    content: "";
    left: 0;
    z-index: -1;
    background-image: url(../image/heading-line-mandy.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-attachment: scroll;
    background-position: bottom;
    padding-bottom: 8px;
    top: auto;
    bottom: 0;
    height: 100%;
    width: 100%
}

.hero-area.hero-v4 .chartboard-image-wrapper {
    position: relative;
    z-index: 1;
    height: 700px;
    width: 100%;
    margin-top: 88px
}

.hero-area.hero-v4 .chartboard-image-wrapper .chartboard-app-preview {
    position: absolute;
    height: 100%;
    width: 100%
}

.hero-area.hero-v4 .chartboard-image-wrapper .chartboard-image-secondary {
    position: absolute;
    right: 0
}

.hero-area.hero-v4 .chartboard-image-wrapper .chartboard-image-main,
.hero-area.hero-v4 .chartboard-image-wrapper .chartboard-image-secondary {
    position: absolute;
    top: 0;
    left: 0
}

.hero-area.hero-v4 .chartboard-image-wrapper .chartboard-image-secondary {
    left: auto;
    right: -250px;
    top: auto;
    bottom: 10px
}

.hero-area.hero-v4 .chartboard-image-wrapper .chartboard-app-preview .chartboard-image {
    position: absolute;
    border-radius: 15px
}

.hero-area.hero-v4 .chartboard-image-wrapper .chartboard-app-preview .chartboard-app-preview-3 {
    right: 180px;
    bottom: 105px;
    -webkit-box-shadow: 0 10px 30px 0 rgb(89 89 89 / 10%);
    box-shadow: 0 10px 30px 0 rgb(89 89 89 / 10%)
}

.hero-area.hero-v4 .chartboard-image-wrapper .chartboard-app-preview .chartboard-app-preview-2 {
    right: 38px;
    bottom: 160px;
    z-index: 2;
    -webkit-box-shadow: 0 10px 30px 0 rgb(89 89 89 / 18%);
    box-shadow: 0 10px 30px 0 rgb(89 89 89 / 18%)
}

.hero-area.hero-v4 .chartboard-image-wrapper .chartboard-app-preview .chartboard-app-preview-1 {
    right: 20px;
    top: 94px;
    z-index: 2
}

.hero-area.hero-v4 .hero-content .user-profile-card ul li {
    display: inline-block;
    margin-right: -18px
}

.hero-area.hero-v4 .hero-content .user-profile-card {
    margin-top: 40px
}

.hero-area.hero-v4 .hero-content .user-profile-card ul li a {
    display: block;
    border-radius: 50%;
    height: 56px;
    width: 56px;
    line-height: 56px;
    background-color: #F0F6FF;
    color: #fff;
    font-size: 15px;
    text-align: center
}

.hero-area.hero-v4 .hero-content .user-profile-card ul li.sign-up a {
    background: #ffc001
}

.hero-area.hero-v4 .hero-content .user-profile-card ul li a img {
    border-radius: 50%;
    border: 3px solid #fff
}

.hero-area.hero-v4 {
    background-position: top right;
    background-size: 65% 65%;
    overflow: hidden;
    background-color: #F0F6FF;
    background-attachment: scroll;
    background-repeat: no-repeat;
    overflow: hidden
}

.hero-area.hero-v4 .hero-content {
    padding: 229px 0 168px;
    position: relative;
    z-index: 1
}

.hero-area.hero-v4 .section-particle-effect .particle-1 {
    top: 220px;
    left: -80px
}

.hero-area.hero-v4 .section-particle-effect .particle-2 {
    right: 150px;
    left: auto;
    top: 130px
}

.hero-area.hero-v4 .section-particle-effect .particle-3 {
    bottom: 260px;
    left: -60px;
    top: auto
}

.hero-area.hero-v4 .section-particle-effect .particle-4 {
    top: auto;
    bottom: 128px;
    right: 0;
    left: auto
}

.hero-area.hero-v5 {
    padding: 298px 0 242px;
    background-size: contain;
    background-attachment: scroll;
    background-position: center center;
    background-repeat: no-repeat;
    overflow: hidden
}

.hero-area.hero-v5 .hero-internal,
.hero-area.hero-v5 .hero-internal .hero-content {
    position: relative;
    z-index: 1
}

.hero-area.hero-v5 .hero-right-thumbnail {
    height: 685px;
    width: 740px;
    position: absolute;
    right: -100px;
    top: -148px;
    border-radius: 50% 50% 50% 50% / 0 50% 50% 50%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}

.hero-area.hero-v5 .hero-right-thumbnail .hero-right-bg-shape {
    background-color: #473BF0;
    height: 100%;
    z-index: -1;
    width: 100%;
    position: absolute;
    border-radius: 50% 50% 50% 50% / 0 50% 50% 50%;
    top: 10px;
    right: -10px
}

.hero-area.hero-v5 .section-title h1 {
    margin-bottom: 35px;
    font-size: 85px;
    line-height: 95px
}

.hero-area.hero-v5 .section-title .filled-btn {
    box-shadow: none
}

.hero-area.hero-v5 .section-title .section-title-quote:after {
    background-color: #473bf0
}

.hero-area.hero-v5 .section-title .section-title-quote {
    margin-bottom: 50px
}

.hero-area.hero-v5 .play-btn {
    color: #473bf0
}

.hero-area.hero-v5 .section-title .filled-btn:hover {
    background-color: #fff;
    color: #1B202F;
    -webkit-transition-delay: .1s;
    -o-transition-delay: .1s;
    transition-delay: .1s
}

.hero-area.hero-v5 .section-title .filled-btn:after {
    background-color: #fff
}

.hero-area.hero-v5 .hero-right-thumbnail:after {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    background-color: #1b202f;
    opacity: .5;
    border-radius: 50% 50% 50% 50% / 0 50% 50% 50%
}

.hero-slide-single {
    padding-top: 266px;
    padding-bottom: 199px;
    position: relative;
    z-index: 1;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center
}

.hero-slide-single:after {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background-image: -moz-linear-gradient(135deg, rgba(9, 16, 35, 0.2902) 0, rgba(6, 14, 34, 0.58) 61%, rgba(4, 13, 34, 0.87843) 100%);
    background-image: -webkit-linear-gradient(135deg, rgba(9, 16, 35, 0.2902) 0, rgba(6, 14, 34, 0.58) 61%, rgba(4, 13, 34, 0.87843) 100%);
    background-image: -ms-linear-gradient(135deg, rgba(9, 16, 35, 0.2902) 0, rgba(6, 14, 34, 0.58) 61%, rgba(4, 13, 34, 0.87843) 100%)
}

.hero-slider .slick-arrow {
    background-color: #37F;
    position: absolute;
    bottom: 0;
    right: 70px;
    height: 50px;
    width: 50px;
    text-align: center;
    line-height: 50px;
    color: #fff;
    font-size: 18px;
    cursor: pointer;
    z-index: 5
}

.hero-slider .slick-arrow.slick-disabled {
    background-color: #FFF;
    color: #2b354f
}

.hero-slider .next.slick-arrow {
    right: 15px;
    left: auto
}

.hero-slider .slick-dots {
    position: absolute;
    top: 0;
    left: auto;
    right: 0;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: auto
}

.hero-slider .slick-dots li {
    display: block;
    height: 12px;
    width: 12px;
    background: #FFF;
    border-radius: 50px;
    margin: 15px 0;
    position: relative;
    margin-left: auto;
    margin-right: 9px
}

.hero-slider .slick-dots li.slick-active {
    background-color: #37f
}

.hero-slider .slick-dots li:after {
    position: absolute;
    content: "";
    height: 30px;
    width: 30px;
    background: transparent;
    z-index: -1;
    border-radius: 50px;
    right: -9px;
    top: -9px;
    border: 2px solid #37f;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    z-index: 1
}

.hero-slider .slick-dots li.slick-active:after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.hero-area.hero-v6 .section-title h1 {
    margin-bottom: 30px;
    font-size: 80px;
    line-height: 85px
}

.hero-area.hero-v6 .section-title .section-title-quote {
    margin-bottom: 41px
}

.hero-area.hero-v6 .filled-btn {
    box-shadow: none
}

.hero-area.hero-v6 .filled-btn.bg-clear-blue:hover {
    -webkit-transition-delay: .1s;
    -o-transition-delay: .1s;
    transition-delay: .1s;
    color: #161c2d
}

.hero-area.hero-v6 .filled-btn.bg-clear-blue:hover,
.hero-area.hero-v6 .filled-btn.bg-clear-blue:after {
    background-color: #fff
}

.hero-area .hero-btn {
    font-size: 15px;
    font-family: 'CircularStdBold';
    position: relative
}

.hero-area .hero-btn:hover {
    color: #fff
}

.hero-area.hero-v6 .section-title .section-button-wrapper.section-dual-button {
    gap: 27px
}

.hero-area .hero-btn:after {
    position: absolute;
    content: "";
    height: 3px;
    width: 100%;
    background-color: #fff;
    bottom: -2px;
    left: 0
}

.brands-section-title h3 {
    font-family: 'CircularStdMedium';
    font-size: 30px;
    line-height: 35px
}

.brands-section-title h3 span {
    color: #f4732a
}

.brands-slider .brands-item.slick-slide {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: auto
}

.brands-slider .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.brands-slider .brands-item.slick-slide {
    opacity: 1;
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%)
}

.brands-slider .brands-item.slick-slide img {
    opacity: .40;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    cursor: pointer
}

.brands-slider .brands-item.slick-slide:hover img {
    opacity: 1;
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%)
}

.brands-slider .brands-item.slick-slide.slick-current img {
    opacity: 1
}

#brands-slider-v2 .brands-item.slick-slide img {
    opacity: 1
}

.single-team-member {
    position: relative;
    margin-bottom: 30px
}

.single-team-member.fadeInUp {
    z-index: 5
}

.single-team-member .team-member-thumb {
    overflow: hidden;
    position: relative;
    z-index: 3
}

.single-team-member .team-member-thumb:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #f4732a;
    opacity: 0;
    border-radius: 3px;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    -webkit-transform: perspective(400px) rotateX(-90deg);
    transform: perspective(400px) rotateX(-90deg);
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    border-radius: 6px;
    z-index: 2
}

.single-team-member:hover .team-member-thumb:before {
    opacity: .6;
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg)
}

.single-team-member .team-member-thumb img {
    border-radius: 7px;
    width: 100%
}

.single-team-member .team-member-bio {
    background-color: #fff;
    border-radius: 7px;
    padding: 30px 20px;
    -webkit-box-shadow: 0 10px 60px 0 rgba(215, 212, 255, 0.6);
    box-shadow: 0 10px 60px 0 rgba(215, 212, 255, 0.6);
    text-align: center;
    position: absolute;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    opacity: 0;
    visibility: hidden;
    bottom: -180px;
    width: 90%;
    left: 13px;
    z-index: 4
}

.single-team-member .team-member-bio .team-member-name {
    font-size: 20px;
    color: #1a1b1e;
    line-height: 30px
}

.single-team-member .team-member-bio .team-member-role {
    font-size: 15px;
    font-family: 'CircularStdMedium';
    color: #f4732a;
    line-height: 25px
}

.single-team-member .social-links {
    margin-top: 13px
}

.social-links ul li {
    margin-right: 8px;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    display: inline-block;
    margin-right: 8px
}

.social-links ul li:last-of-type {
    margin: 0
}

.social-links ul li a i {
    background-color: #E5EEFF;
    height: 35px;
    width: 35px;
    text-align: center;
    line-height: 35px;
    color: #0057ff;
    border-radius: 50px;
    font-size: 13px
}

.social-links ul li a i.fa-facebook-f {
    background-color: #0040E5;
    color: #fff
}

.social-links ul li a i.fa-twitter {
    background-color: #DDEFFB;
    color: #55aded
}

.social-links ul li a i.fa-youtube {
    background-color: #FFE5E5;
    color: #ff0303
}

.social-links ul li a i.fa-behance {
    background-color: #E5EEFF;
    color: #0057ff
}

.single-team-member .social-links ul li {
    visibility: hidden;
    opacity: 0;
    -webkit-transform: rotateY(-70deg);
    -ms-transform: rotateY(-70deg);
    transform: rotateY(-70deg);
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
    position: relative;
    left: 3px
}

.single-team-member:hover .social-links li {
    visibility: visible;
    opacity: 1;
    -webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg)
}

.single-team-member:hover .social-links li:nth-child(2) {
    -webkit-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s
}

.single-team-member:hover .social-links li:nth-child(3) {
    -webkit-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s
}

.single-team-member:hover .social-links li:nth-child(4) {
    -webkit-transition-delay: .4s;
    -o-transition-delay: .4s;
    transition-delay: .4s
}

.single-team-member:hover .team-member-bio {
    opacity: 1;
    visibility: visible;
    bottom: -100px
}

.our-team-area.our-team-area-v2 {
    background-size: contain;
    background-position: top center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-color: #F2F5FE;
    position: relative;
    z-index: 1
}

.our-team-area.our-team-area-v2:after {
    position: absolute;
    content: "";
    height: 50%;
    width: 100%;
    background-color: #fff;
    left: 0;
    bottom: 0;
    z-index: -1
}

.single-team-member.single-team-member-v2:hover .team-member-bio {
    bottom: 13px
}

.single-team-member.single-team-member-v2 {
    margin-bottom: 30px
}

.single-team-member.single-team-member-v2 .team-member-bio {
    bottom: -30px;
    -webkit-box-shadow: 0 10px 60px 0 rgba(215, 212, 255, 0.6);
    box-shadow: 0 10px 60px 0 rgba(215, 212, 255, 0.6)
}

.single-team-member.single-team-member-v2 .team-member-thumb:before {
    background-color: #0040e5
}

.newsletter-search-area {
    overflow: hidden;
    position: relative;
    z-index: 1
}

.newsletter-search-area .newsletter-search-internal {
    border-radius: 12px;
    position: relative;
    overflow: hidden
}

.newsletter-search-area .section-bg-overflow {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 50%;
    width: 100%;
    z-index: -1
}

.newsletter-search-area .newsletter-search-section-images {
    position: absolute;
    height: 70%;
    width: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 20px 0, bottom right;
    bottom: 0;
    width: 100%
}

.newsletter-search-area .section-title h2 {
    font-size: 50px;
    margin-bottom: 15px
}

.newsletter-search-area .section-title p {
    font-size: 18px
}

.newsletter-search-area .section-title {
    margin-bottom: 35px
}

.newsletter-search-area .newsletter-search-form .form-group {
    position: relative;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.newsletter-search-area .newsletter-search-form .form-group:after {
    position: absolute;
    content: "";
    height: 40px;
    width: 3px;
    background-color: #E5ECFC;
    left: 45%
}

.newsletter-search-area .newsletter-search-form .form-group input {
    height: 80px;
    padding: 0 20px;
    border: 0
}

.newsletter-search-area .newsletter-search-form .form-group input::-webkit-input-placeholder {
    font-size: 18px;
    color: #1a1b1e
}

.newsletter-search-area .newsletter-search-form .form-group input::-moz-placeholder {
    font-size: 18px;
    color: #1a1b1e
}

.newsletter-search-area .newsletter-search-form .form-group input:-ms-input-placeholder {
    font-size: 18px;
    color: #1a1b1e
}

.newsletter-search-area .newsletter-search-form .form-group input::-ms-input-placeholder {
    font-size: 18px;
    color: #1a1b1e
}

.newsletter-search-area .newsletter-search-form .form-group input,
.newsletter-search-area .newsletter-search-form .form-group input::placeholder {
    font-size: 18px;
    color: #1a1b1e
}

.newsletter-search-area .newsletter-search-form .form-group button {
    position: absolute;
    right: 15px
}

.newsletter-search-area .newsletter-search-form .form-group input:first-of-type {
    border-radius: 50px 0 0 50px;
    padding-left: 45px;
    width: 45%
}

.newsletter-search-area .newsletter-search-form .form-group input:last-of-type {
    border-radius: 0 50px 50px 0;
    padding-right: 213px;
    width: 55%;
    padding-left: 25px
}

.subscribe-newsletter-area {
    background-color: #F0F6FF;
    background-size: cover;
    background-position: center center;
    background-attachment: scroll;
    background-repeat: no-repeat;
    overflow: hidden
}

.subscribe-newsletter-area .section-internal {
    position: relative;
    z-index: 1
}

.subscribe-newsletter-area.bg-white-lilac {
    background-color: #F4F7FA
}

.newsletter-form .form-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.newsletter-form .form-group .filled-btn {
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 65px
}

.newsletter-form .form-group input[type="email"] {
    width: 65%;
    height: 65px;
    padding: 0 30px;
    border: 0;
    border-radius: 7px
}

.newsletter-form .newsletter-notice {
    padding-top: 10px;
    color: #777
}

.newsletter-form.newsletter-form-v2 input[type="email"] {
    height: 90px;
    border-radius: 50px;
    width: 100%;
    padding: 0 45px;
    padding-right: 250px
}

.newsletter-form.newsletter-form-v2 .form-group {
    display: block;
    position: relative
}

.newsletter-form.newsletter-form-v2 input[type="email"]::-webkit-input-placeholder {
    font-size: 17px;
    color: #777
}

.newsletter-form.newsletter-form-v2 input[type="email"]::-moz-placeholder {
    font-size: 17px;
    color: #777
}

.newsletter-form.newsletter-form-v2 input[type="email"]:-ms-input-placeholder {
    font-size: 17px;
    color: #777
}

.newsletter-form.newsletter-form-v2 input[type="email"]::-ms-input-placeholder {
    font-size: 17px;
    color: #777
}

.newsletter-form.newsletter-form-v2 input[type="email"]::placeholder {
    font-size: 17px;
    color: #777
}

.newsletter-form.newsletter-form-v2 .form-group button {
    position: absolute;
    top: 13px;
    right: 15px
}

.newsletter-form.newsletter-form-v2 .form-group .filled-btn {
    padding: 15px 40px
}

.newsletter-search-area.newsletter-search-v2 .newsletter-search-section-images {
    height: 100%;
    background-position: 2% 100%, top right;
    background-size: inherit
}

.newsletter-search-area.newsletter-search-v2 .section-title h2 {
    font-size: 42px
}

.newsletter-search-area.newsletter-search-v2 .newsletter-search-form .form-group input,
.newsletter-search-area.newsletter-search-v2 .newsletter-search-form .form-group input::placeholder {
    font-family: 'CircularStdMedium'
}

.newsletter-search-area.newsletter-search-v2 .newsletter-search-form .form-group input:first-of-type {
    width: 40%
}

.newsletter-search-area.newsletter-search-v2 .newsletter-search-form .form-group input:last-of-type {
    width: 60%;
    padding-right: 240px
}

.newsletter-search-area.newsletter-search-v2 .newsletter-search-form .form-group:after {
    left: 40%
}

.subscribe-newsletter .subscribe-newsletter-content h3 {
    font-size: 35px;
    color: #fff;
    line-height: 50px
}

.subscribe-newsletter .subscribe-newsletter-content p {
    color: #fff;
    font-size: 18px
}

.subscribe-newsletter .subscribe-newsletter-form .form-group {
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.subscribe-newsletter .subscribe-newsletter-form .form-group input[type="email"] {
    height: 65px;
    border-radius: 50px;
    border: 0;
    color: #1f1f1f;
    font-size: 17px;
    font-family: 'CircularStdMedium';
    padding: 0 40px;
    width: 70%;
    justify-content: space-between
}

.subscribe-newsletter .subscribe-newsletter-form .form-group button.filled-btn {
    width: 245px;
    padding: 10px 38px;
    color: #fff;
    border-color: #fff;
    box-shadow: none
}

.subscribe-newsletter .subscribe-newsletter-form .form-group button.filled-btn:hover {
    border-color: #fff;
    background-color: #fff;
    color: #161c2d
}

.subscribe-newsletter .subscribe-newsletter-form .form-group button.filled-btn:after {
    background-color: #fff
}

.faq-area {
    overflow: hidden
}

.faq-area .faq-content .section-title.section-title-ocean-blue h2 {
    margin-bottom: 56px
}

.faq-area .section-internal {
    position: relative;
    z-index: 1
}

.faq-area.bg-white-lilac {
    background-color: #F4F7FA
}

.section-right-image.faq-right-image img {
    border-radius: 7px
}

.section-right-image.faq-right-image {
    position: relative;
    z-index: 1;
    margin: 60px 60px 60px 0
}

.section-right-image.faq-right-image:after {
    position: absolute;
    content: "";
    height: 120%;
    width: 120%;
    left: -20px;
    top: -45px;
    z-index: -1;
    background-image: url(../image/faq-blob.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center
}

.section-accordion .accordion-item {
    margin-bottom: 15px
}

.section-accordion .accordion-item:last-child {
    margin-bottom: 0
}

.section-accordion .accordion-item .accordion-header .accordion-button {
    padding: 15px 30px;
    width: 100%;
    text-align: left
}

.section-accordion .accordion-item .accordion-header .accordion-button,
.section-accordion .accordion-item .accordion-body {
    background-color: #fff;
    font-family: 'CircularStdBold';
    font-size: 18px;
    border-radius: 30px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    line-height: 28px
}

.section-accordion .accordion-item .accordion-body {
    padding: 0 30px 25px 30px;
    font-size: 17px;
    color: #606060;
    font-family: 'CircularStdBook';
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.section-accordion .accordion-item .accordion-header .accordion-button[aria-expanded="true"] {
    margin-bottom: 0;
    border-radius: 30px 30px 0 0;
    padding: 15px 30px 7px 30px
}

.section-accordion .accordion-item .accordion-body {
    border-radius: 0 0 30px 30px
}

.section-accordion .accordion-item .accordion-header .accordion-button:after {
    font-family: 'Font Awesome 5 Pro';
    background-image: none;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    content: "\f105";
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: auto;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    font-size: 16px;
    margin-top: 2px;
    color: #1a1b1e;
    font-weight: 600
}

.section-accordion .accordion-item .accordion-header .accordion-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, border-radius .15s ease, -webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, border-radius .15s ease, -webkit-box-shadow .15s ease-in-out;
    -o-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, border-radius .15s ease;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, border-radius .15s ease;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, border-radius .15s ease, -webkit-box-shadow .15s ease-in-out
}

.section-accordion .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.section-accordion.section-accordion-v2 .accordion-item .accordion-header .accordion-button {
    padding: 13px 30px
}

.section-accordion.section-accordion-v2 .accordion-item .accordion-header .accordion-button[aria-expanded="true"] {
    padding: 13px 30px 5px 30px
}

.section-accordion.section-accordion-v2 .accordion-item .accordion-header .accordion-button {
    border: 2px solid #EDF2FD;
    border-radius: 7px
}

.section-accordion.section-accordion-v2 .accordion-item .accordion-body {
    border-radius: 0 0 7px 7px
}

.section-accordion.section-accordion-v2 .accordion-item .accordion-header .accordion-button[aria-expanded="true"] {
    border-radius: 7px 7px 0 0;
    border-color: #fff
}

.section-accordion.section-accordion-v2 .accordion-item {
    -webkit-box-shadow: 0 10px 60px 0 rgb(184 179 252 / 30%);
    box-shadow: 0 10px 60px 0 rgb(184 179 252 / 30%);
    border-radius: 7px
}

.pricing-table {
    padding: 29px 37px 47px 37px;
    border: 2px solid #E5ECFC;
    border-radius: 12px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    margin-bottom: 30px
}

.pricing-table .pricing-plan-title {
    padding-top: 17px
}

.pricing-table .pricing-plan-title .pricing-table-icon {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top right
}

.pricing-table .pricing-plan-title .pricing-table-icon img {
    display: block;
    margin: 0 auto
}

.pricing-table .pricing-plan-title .pricing-table-icon .plan-title {
    margin-bottom: 23px;
    color: #fff;
    padding: 10px 25px;
    background: #F4732A;
    display: inline-block;
    border-radius: 50px;
    font-size: 17px;
    font-family: 'CircularStdBold';
    -webkit-box-shadow: 0 7px 25px 0 rgb(255 78 0 / 40%);
    box-shadow: 0 7px 25px 0 rgb(255 78 0 / 40%);
    line-height: 1
}

.pricing-table .pricing-plan-title .pricing-table-icon .plan-title.bg-burning-orange-gradient {
    background-image: -ms-linear-gradient(-38deg, #ff4e00 0, #ff7200 59%, #fe9500 100%);
    -webkit-box-shadow: 0 7px 25px 0 rgba(255, 78, 0, 0.4);
    box-shadow: 0 7px 25px 0 rgba(255, 78, 0, 0.4)
}

.pricing-table .pricing-plan-title .pricing-table-icon .plan-title.bg-ocean-blue-gradient {
    background-image: -moz-linear-gradient(-38deg, #0040e5 0, #028ceb 59%, #04d7f1 100%);
    background-image: -webkit-linear-gradient(-38deg, #0040e5 0, #028ceb 59%, #04d7f1 100%);
    background-image: -ms-linear-gradient(-38deg, #0040e5 0, #028ceb 59%, #04d7f1 100%);
    -webkit-box-shadow: 0 7px 25px 0 rgba(0, 64, 229, 0.4);
    box-shadow: 0 7px 25px 0 rgba(0, 64, 229, 0.4)
}

.pricing-table .pricing-plan-title .pricing-table-icon .plan-title.bg-magenta-gradient {
    background-image: -ms-linear-gradient(-38deg, #7839f3 0, #b31de1 59%, #ed00ce 100%);
    -webkit-box-shadow: 0 7px 25px 0 rgba(237, 0, 206, 0.4);
    box-shadow: 0 7px 25px 0 rgba(237, 0, 206, 0.4)
}

.pricing-table .pricing-plan-cost {
    margin-top: 42px;
    margin-bottom: 25px
}

.pricing-table .pricing-plan-cost .plan-price {
    font-size: 65px;
    margin-right: 10px;
    line-height: 1
}

.pricing-table .pricing-plan-cost .plan-type {
    color: #606060;
    font-size: 17px
}

.pricing-table .pricing-plan-cost .payment-currency {
    color: #ff4e00;
    font-size: 24px;
    top: -25px;
    position: relative
}

.pricing-table .pricing-plan-features ul li {
    color: #606060;
    font-size: 17px;
    position: relative;
    margin-bottom: 9px
}

.pricing-table .pricing-plan-features ul li:after {
    position: absolute;
    content: "\f00c";
    font-family: "Font Awesome 5 Pro";
    font-size: 9px;
    background-color: #ff4e00;
    color: #fff;
    border-radius: 50%;
    height: 15px;
    width: 15px;
    top: 7.5px;
    line-height: 15px;
    right: 0;
    text-align: center
}

.pricing-table .pricing-plan-features ul li.plan-feature.plan-feature-disabled:after {
    background-color: #B2C5F7
}

.pricing-table .pricing-plan-features {
    margin-bottom: 37px
}

.pricing-table.professional-plan .pricing-plan-cost .payment-currency {
    color: #0040e5
}

.pricing-table.professional-plan {
    position: relative;
    border-color: transparent;
    z-index: 1
}

.pricing-table.professional-plan::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 12px;
    padding: 2px;
    background: -o-linear-gradient(128deg, #04d7f1 0, #028ceb 59%, #0040e5 100%);
    background: linear-gradient(-38deg, #04d7f1 0, #028ceb 59%, #0040e5 100%);
    -webkit-mask: linear-gradient(-38deg, #04d7f1 0, #028ceb 59%, #0040e5 100%) content-box, linear-gradient(-38deg, #04d7f1 0, #028ceb 59%, #0040e5 100%);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
    z-index: -1;
    transition: .3s
}

.pricing-table.premium-plan .pricing-plan-cost .payment-currency {
    color: #ff4e00
}

.pricing-table.professional-plan .pricing-plan-features ul li:after {
    background-color: #0040e5
}

.pricing-table.premium-plan .pricing-plan-features ul li:after {
    background: #ed00ce
}

.pricing-table.starter-plan:hover {
    border-color: #f4732a;
    -webkit-box-shadow: 0 10px 30px 0 rgb(244 115 42 / 18%);
    box-shadow: 0 10px 30px 0 rgb(244 115 42 / 18%)
}

.pricing-table.professional-plan:hover {
    -webkit-box-shadow: 0 7px 25px 0 rgb(0 64 229 / 18%);
    box-shadow: 0 7px 25px 0 rgb(0 64 229 / 18%);
    border-color: #0040e5
}

.pricing-table.professional-plan:hover:before {
    opacity: 0
}

.pricing-table.premium-plan:hover {
    border-color: #ed00ce;
    -webkit-box-shadow: 0 10px 30px 0 rgb(237 0 206 / 18%);
    box-shadow: 0 10px 30px 0 rgb(237 0 206 / 18%)
}

.pricing-area .pricing-area-content .section-title h2 {
    margin-bottom: 60px
}

.pricing-area .pricing-area-content .section-title .section-title-description {
    margin-bottom: 46px
}

.pricing-table.pricing-table-v2:hover {
    border-color: #fff;
    -webkit-box-shadow: 0 10px 30px 0 rgba(206, 189, 224, 0.36);
    box-shadow: 0 10px 30px 0 rgba(206, 189, 224, 0.36)
}

.pricing-table.pricing-table-v2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 30px
}

.pricing-table.pricing-table-v2 .pricing-plan-cost .plan-price {
    font-size: 60px
}

.pricing-table.pricing-table-v2 .pricing-plan-title {
    width: 50%
}

.pricing-table.pricing-table-v2 .pricing-table-foot {
    width: 50%
}

.pricing-table.pricing-table-v2 .pricing-plan-title {
    padding-top: 0
}

.pricing-table.pricing-table-v2 .pricing-plan-cost {
    margin-top: 0;
    margin-bottom: 23px
}

.pricing-table.pricing-table-v2 .pricing-plan-features {
    margin-bottom: 0
}

.pricing-table.pricing-table-v2 {
    padding: 42px 49px 31px 49px;
    margin-bottom: 20px
}

.pricing-table.pricing-table-v2 .plan-price {
    color: #36234b
}

.pricing-table.pricing-table-v2 .pricing-plan-title .pricing-table-icon .plan-title {
    margin-bottom: 30px
}

.blog-and-news-area {
    background-size: contain;
    background-position: top center;
    background-attachment: scroll;
    background-repeat: no-repeat;
    overflow: hidden
}

.blog-and-news-area .section-internal {
    position: relative;
    z-index: 1
}

.blog-post-item {
    border-radius: 10px
}

.blog-post-item {
    background: #fff;
    padding: 20px 20px 40px 20px;
    margin-bottom: 30px
}

.blog-post-item .post-thumbnail img {
    width: 100%;
    border-radius: 12px
}

.blog-post-item .post-thumbnail a {
    display: block;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.blog-post-item .post-thumbnail {
    position: relative
}

.blog-post-item .post-thumbnail .post-tag {
    background-color: #F94D1B;
    display: inline-block;
    height: 30px;
    color: #fff;
    padding: 0 15px;
    border-radius: 7px;
    font-family: 'CircularStdBold';
    font-size: 15px;
    position: absolute;
    bottom: -15px;
    left: 15px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.blog-post-item:hover .post-thumbnail .post-tag.bg-purple {
    background-color: #F94D1B
}

.blog-post-item .post-thumbnail .post-tag.bg-purple,
.blog-post-item:hover .post-thumbnail .post-tag {
    background-color: #8400FF
}

.blog-post-item .post-thumbnail .post-tag.bg-magenta {
    background-color: #F0F
}

.blog-post-item:hover .post-thumbnail .post-tag.bg-magenta {
    background-color: #F94D1B
}

.blog-post-item .post-meta-wrapper ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 14px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.blog-post-item .post-thumbnail a:hover {
    color: #fff
}

.blog-post-item .post-meta-wrapper {
    margin-bottom: 8px
}

.blog-post-item .post-meta-wrapper ul li a {
    font-size: 15px;
    color: #606060;
    font-family: 'CircularStdMedium';
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.blog-post-item .post-meta-wrapper ul li a:hover {
    color: #0040e5
}

.blog-post-item .post-meta-wrapper ul li a i {
    margin-right: 7px
}

.blog-post-item .post-title {
    font-size: 22px;
    line-height: 32px;
    margin-bottom: 26px
}

.blog-post-item .post-title a {
    transition: .3s
}

.blog-post-item .post-title a:hover {
    color: #0040E5
}

.blog-post-item .blog-post-entry-content {
    padding: 34px 15px 0 15px
}

.blog-and-news-area.blog-news-v2 .section-title h2 {
    margin-bottom: 22px
}

.blog-and-news-area.blog-news-v2 .section-title .section-title-description p {
    color: #fff
}

.blog-and-news-area.blog-news-v2 .section-button-wrapper .filled-btn {
    border: 2px solid rgb(255 255 255 / 15%);
    color: #fff;
    box-shadow: none;
    background-color: transparent;
    padding: 11px 40px
}

.blog-and-news-area.blog-news-v2 .section-button-wrapper .filled-btn:after {
    background-color: #473bf0
}

.blog-and-news-area.blog-news-v2 .section-button-wrapper .filled-btn:hover {
    border-color: #473bf0;
    background-color: #473bf0;
    -webkit-transition-delay: .1s;
    -o-transition-delay: .1s;
    transition-delay: .1s
}

.blog-and-news-area.blog-news-v2 .section-button-wrapper,
.blog-and-news-area.blog-news-v3 .section-button-wrapper {
    position: absolute;
    top: 10px;
    right: 0
}

.blog-post-item.blog-post-item-v2 {
    padding: 0;
    height: 100%;
    border-radius: 0
}

.blog-post-item.blog-post-item-v2 .blog-post-entry-content {
    -webkit-box-shadow: 0 10px 30px 0 rgba(219, 219, 219, 0.41);
    box-shadow: 0 10px 30px 0 rgba(219, 219, 219, 0.41);
    margin-left: 20px;
    padding: 20px 34px 28px 34px;
    margin-top: -40px;
    position: relative;
    background-color: #fff;
    z-index: 1;
    border-radius: 7px 0 7px 7px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.blog-post-item.blog-post-item-v2 .post-thumbnail a {
    display: block
}

.blog-post-item.blog-post-item-v2 .post-thumbnail a img {
    width: 100%;
    border-radius: 7px
}

.blog-post-item.blog-post-item-v2 .blog-post-entry-content .post-title {
    font-size: 21px;
    margin-bottom: 15px
}

.blog-post-item.blog-post-item-v2 .blog-post-entry-content .post-title a:hover,
.blog-post-item.blog-post-item-v2 .blog-post-entry-content .post-meta-wrapper ul li a:hover {
    color: #e25c6a
}

.blog-post-item.blog-post-item-v2 .blog-post-entry-content .post-meta-wrapper {
    margin-bottom: 8px
}

.blog-post-item.blog-post-item-v2 .blog-post-entry-content .post-author a {
    display: inline-block
}

.blog-post-item.blog-post-item-v2 .blog-post-entry-content .post-author .post-author-thumb {
    margin-right: 12px;
    max-width: 40px;
    min-width: 40px;
    height: 40px;
    border-radius: 50%
}

.blog-post-item.blog-post-item-v2 .blog-post-entry-content .post-author .post-author-name {
    font-size: 18px;
    color: #87888b;
    font-family: 'CircularStdMedium'
}

.blog-post-item.blog-post-item-v2 .blog-post-entry-content .post-author .post-author-thumb img {
    border-radius: 50%
}

.blog-post-item.blog-post-item-v2 .blog-post-entry-content .post-meta-wrapper ul li a {
    text-transform: uppercase
}

.blog-post-item.blog-post-item-v2 .blog-post-entry-content .post-meta-wrapper ul li a i {
    color: #e24c6a;
    margin-right: 12px;
    font-size: 14px
}

.blog-post-item.blog-post-item-v2:hover .blog-post-entry-content {
    margin-left: 0;
    border-radius: 0 0 7px 7px
}

.blog-post-item.blog-post-item-v2:hover .post-thumbnail img {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}

.blog-post-item.blog-post-item-v2 .post-thumbnail {
    overflow: hidden;
    position: relative
}

.blog-post-item.blog-post-item-v2 .post-thumbnail:before {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    content: '';
    width: 0;
    height: 0;
    background: rgba(255, 255, 255, .2);
    border-radius: 7px;
    transform: translate(-50%, -50%);
    opacity: 0;
    z-index: 10
}

.blog-post-item.blog-post-item-v2:hover .post-thumbnail:before {
    -webkit-animation: circle .75s;
    animation: circle .75s
}

.blog-post-item.blog-post-item-v2 .post-thumbnail img {
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.blog-post-item.blog-post-item-v4 .post-thumbnail .post-tag {
    border-radius: 15px;
    font-size: 17px
}

.blog-post-item.blog-post-item-v4 .post-meta-wrapper ul li a {
    color: #7a7a7a
}

.blog-post-item.blog-post-item-v4:hover .filled-btn:after {
    background-color: #473BF0;
    width: 100%
}

.blog-post-item.blog-post-item-v4:hover .filled-btn {
    color: #fff
}

.blog-post-item.color-reddish-orange .post-thumbnail .post-tag,
.blog-post-item.color-reddish-orange:hover .filled-btn:after {
    background-color: #F94D1B
}

.blog-post-item.color-reddish-orange .post-title a:hover,
.blog-post-item.color-reddish-orange .post-meta-wrapper ul li a:hover {
    color: #f94d1b
}

.blog-post-item.color-purple .post-thumbnail .post-tag,
.blog-post-item.color-purple:hover .filled-btn:after {
    background-color: #8400FF
}

.blog-post-item.color-purple .post-title a:hover,
.blog-post-item.color-purple .post-meta-wrapper ul li a:hover {
    color: #8400FF
}

.blog-post-item.color-magenta .post-thumbnail .post-tag,
.blog-post-item.color-magenta:hover .filled-btn:after {
    background-color: #F0F
}

.blog-post-item.color-magenta .post-title a:hover,
.blog-post-item.color-magenta .post-meta-wrapper ul li a:hover {
    color: #F0F
}

.blog-post-item.blog-post-item-v5 {
    padding: 0;
    border-radius: 7px
}

.blog-post-item.blog-post-item-v5 .post-meta-wrapper ul li a {
    font-size: 17px;
    color: #37f;
    font-family: 'CircularStdBook'
}

.blog-post-item.blog-post-item-v5 .post-thumbnail img {
    border-radius: 7px 7px 0 0;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.blog-post-item.blog-post-item-v5:hover .post-thumbnail img {
    transform: scale(1.1)
}

.blog-post-item.blog-post-item-v5 .post-thumbnail {
    position: relative;
    overflow: hidden
}

.blog-post-item.blog-post-item-v5 .post-thumbnail:before {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    display: block;
    content: "";
    width: 0;
    height: 0;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 0
}

.blog-post-item.blog-post-item-v5:hover .post-thumbnail:before {
    -webkit-animation-duration: .95s;
    animation-duration: .95s;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-direction: normal;
    animation-direction: normal;
    -webkit-animation-fill-mode: none;
    animation-fill-mode: none;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    -webkit-animation-name: circle;
    animation-name: circle
}

.blog-post-item.blog-post-item-v5:hover {
    -webkit-box-shadow: 0 10px 45px 0 rgba(71, 59, 240, 0.1);
    box-shadow: 0 10px 45px 0 rgba(71, 59, 240, 0.1)
}

.blog-post-item.blog-post-item-v5 .blog-post-entry-content {
    border: 2px solid rgb(51 119 255 / 10%);
    border-radius: 0 0 7px 7px;
    border-top: 0;
    padding: 30px 39px 38px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.blog-post-item.blog-post-item-v5:hover .blog-post-entry-content {
    border-color: #fff
}

.blog-post-item.blog-post-item-v5 .post-title {
    line-height: 30px
}

.blog-post-item.blog-post-item-v5 .post-title a:hover {
    color: #37f
}

.blog-post-item.blog-post-item-v5 .post-meta-wrapper {
    margin-bottom: 4px
}

.blog-post-item.blog-post-item-v5:hover .filled-btn {
    color: #fff
}

.blog-post-item.blog-post-item-v5:hover .filled-btn:after {
    background-color: #37F;
    width: 100%
}

.single-iconic-box {
    margin-bottom: 40px
}

.single-iconic-box .iconic-box-icon {
    height: 60px;
    width: 60px;
    text-align: center;
    line-height: 60px;
    background-image: -moz-linear-gradient(-38deg, #7839f3 0, #b31de1 59%, #ed00ce 100%);
    background-image: -webkit-linear-gradient(-38deg, #7839f3 0, #b31de1 59%, #ed00ce 100%);
    background-image: -ms-linear-gradient(-38deg, #7839f3 0, #b31de1 59%, #ed00ce 100%);
    -webkit-box-shadow: 0 10px 60px 0 rgba(218, 9, 212, 0.28);
    box-shadow: 0 10px 60px 0 rgba(218, 9, 212, 0.28);
    border-radius: 50%;
    font-size: 30px;
    color: #fff;
    margin-bottom: 27px
}

.single-iconic-box .iconic-box-icon.iconic-box-gradient-2 {
    background-image: -moz-linear-gradient(-38deg, #ff9200 0, #f64967 59%, #ed00ce 100%);
    background-image: -webkit-linear-gradient(-38deg, #ff9200 0, #f64967 59%, #ed00ce 100%);
    background-image: -ms-linear-gradient(-38deg, #ff9200 0, #f64967 59%, #ed00ce 100%);
    -webkit-box-shadow: 0 10px 60px 0 rgba(253, 132, 19, 0.28);
    box-shadow: 0 10px 60px 0 rgba(253, 132, 19, 0.28)
}

.single-iconic-box .iconic-box-icon.iconic-box-gradient-3 {
    background-image: -moz-linear-gradient(-38deg, #f33946 0, #c81d9a 59%, #9c00ed 100%);
    background-image: -webkit-linear-gradient(-38deg, #f33946 0, #c81d9a 59%, #9c00ed 100%);
    background-image: -ms-linear-gradient(-38deg, #f33946 0, #c81d9a 59%, #9c00ed 100%);
    -webkit-box-shadow: 0 10px 60px 0 rgba(218, 9, 212, 0.28);
    box-shadow: 0 10px 60px 0 rgba(218, 9, 212, 0.28)
}

.single-iconic-box .iconic-box-icon.iconic-box-gradient-4 {
    background-image: -moz-linear-gradient(-38deg, #4639f3 0, #711df0 59%, #9c00ed 100%);
    background-image: -webkit-linear-gradient(-38deg, #4639f3 0, #711df0 59%, #9c00ed 100%);
    background-image: -ms-linear-gradient(-38deg, #4639f3 0, #711df0 59%, #9c00ed 100%);
    -webkit-box-shadow: 0 10px 60px 0 rgba(84, 54, 240, 0.28);
    box-shadow: 0 10px 60px 0 rgba(84, 54, 240, 0.28)
}

.single-iconic-box .iconic-box-icon.iconic-box-gradient-5 {
    background-image: -moz-linear-gradient(-38deg, #1f5dfb 0, #10a5cf 59%, #00eda2 100%);
    background-image: -webkit-linear-gradient(-38deg, #1f5dfb 0, #10a5cf 59%, #00eda2 100%);
    background-image: -ms-linear-gradient(-38deg, #1f5dfb 0, #10a5cf 59%, #00eda2 100%);
    -webkit-box-shadow: 0 10px 60px 0 rgba(33, 113, 238, 0.28);
    box-shadow: 0 10px 60px 0 rgba(33, 113, 238, 0.28)
}

.single-iconic-box .iconic-box-icon.iconic-box-gradient-6 {
    background-image: -moz-linear-gradient(-38deg, #fdba1a 0, #f55d64 59%, #ed00ad 100%);
    background-image: -webkit-linear-gradient(-38deg, #fdba1a 0, #f55d64 59%, #ed00ad 100%);
    background-image: -ms-linear-gradient(-38deg, #fdba1a 0, #f55d64 59%, #ed00ad 100%);
    -webkit-box-shadow: 0 10px 60px 0 rgba(218, 9, 212, 0.28);
    box-shadow: 0 10px 60px 0 rgba(218, 9, 212, 0.28)
}

.single-iconic-box .iconic-box-body .iconic-box-title {
    color: #36234b;
    font-size: 22px;
    margin-bottom: 7px;
    line-height: 30px
}

.single-iconic-box .iconic-box-body .iconic-box-content {
    font-size: 17px;
    line-height: 30px;
    color: #6f667b;
    margin-bottom: 16px
}

.single-iconic-box .iconic-box-body .iconic-box-btn a {
    color: #6f667b;
    font-family: 'CircularStdBold';
    text-transform: capitalize;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    position: relative;
    z-index: 1;
    display: inline-block
}

.single-iconic-box .iconic-box-body .iconic-box-btn a i {
    padding-left: 8px
}

.single-iconic-box .iconic-box-body .iconic-box-btn a:after {
    position: absolute;
    content: "";
    height: 2px;
    width: 100%;
    background-color: #9C92A9;
    left: 0;
    bottom: -3px;
    z-index: -1;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.single-iconic-box .iconic-box-body .iconic-box-btn a:hover,
.single-iconic-box:hover .iconic-box-body .iconic-box-btn a {
    color: #36234b
}

.single-iconic-box .iconic-box-body .iconic-box-btn a:hover:after,
.single-iconic-box:hover .iconic-box-body .iconic-box-btn a:after {
    background-color: #36234b
}

.icon-boxes-wrapper.icon-boxes-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.icon-boxes-wrapper.icon-boxes-grid .single-iconic-box.iconic-box-v2 {
    width: 50%;
    border: 1px solid #ddd
}

.icon-boxes-wrapper.icon-boxes-grid .single-iconic-box.iconic-box-v2:nth-child(1),
.icon-boxes-wrapper.icon-boxes-grid .single-iconic-box.iconic-box-v2:nth-child(3) {
    border-right: 0
}

.icon-boxes-wrapper.icon-boxes-grid .single-iconic-box.iconic-box-v2:nth-child(1),
.icon-boxes-wrapper.icon-boxes-grid .single-iconic-box.iconic-box-v2:nth-child(2) {
    border-bottom: 0
}

.single-iconic-box.iconic-box-v2 {
    padding: 38px 35px;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear
}

.single-iconic-box.iconic-box-v2 .iconic-box-content {
    margin-bottom: 0
}

.single-iconic-box.iconic-box-v2:hover {
    background: #fff;
    -webkit-box-shadow: 0 10px 60px 0 rgba(189, 189, 189, 0.3);
    box-shadow: 0 10px 60px 0 rgba(189, 189, 189, 0.3)
}

.icon-boxes-wrapper.icon-boxes-grid .single-iconic-box.iconic-box-v2 {
    position: relative;
    z-index: 2;
    margin-bottom: 0
}

.icon-boxes-wrapper.icon-boxes-grid .single-iconic-box.iconic-box-v2:before {
    content: "";
    height: 100%;
    width: 100%;
    background-color: #fff;
    left: 0;
    top: 0;
    z-index: -1;
    position: absolute;
    border-radius: 10px;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    -webkit-box-shadow: 0 10px 60px 0 rgb(189 189 189 / 30%);
    box-shadow: 0 10px 60px 0 rgb(189 189 189 / 30%);
    visibility: hidden;
    opacity: 0;
    -webkit-transform: rotateY(-70deg);
    -ms-transform: rotateY(-70deg);
    transform: rotateY(-70deg);
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left
}

.icon-boxes-wrapper.icon-boxes-grid .single-iconic-box.iconic-box-v2:after {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    z-index: -2;
    background-color: #EF7A38;
    top: 0;
    left: 0;
    border-radius: 10px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    opacity: 0;
    -webkit-transform: rotateY(-70deg);
    -ms-transform: rotateY(-70deg);
    transform: rotateY(-70deg);
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left
}

.icon-boxes-wrapper.icon-boxes-grid .single-iconic-box.iconic-box-v2:hover:before {
    opacity: 1;
    right: -5px;
    left: auto;
    top: 5px;
    visibility: visible;
    -webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg)
}

.icon-boxes-wrapper.icon-boxes-grid .single-iconic-box.iconic-box-v2:hover:after {
    opacity: 1;
    top: -5px;
    left: -5px;
    visibility: visible;
    -webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg)
}

.icon-boxes-wrapper.icon-boxes-grid .single-iconic-box.iconic-box-v2:hover {
    border-color: transparent
}

.icon-boxes-wrapper.icon-boxes-grid .single-iconic-box:hover+.single-iconic-box.iconic-box-v2:nth-child(2) {
    border-left-color: transparent
}

.icon-boxes-wrapper.icon-boxes-grid .single-iconic-box:hover~.single-iconic-box.iconic-box-v2:nth-child(3) {
    border-top-color: transparent
}

.icon-boxes-wrapper.icon-boxes-grid .single-iconic-box:nth-child(2):hover~.single-iconic-box.iconic-box-v2:nth-child(3) {
    border-top-color: #E2DDE4
}

.icon-boxes-wrapper.icon-boxes-grid .single-iconic-box:nth-child(2):hover~.single-iconic-box.iconic-box-v2:nth-child(4) {
    border-top-color: transparent
}

.icon-boxes-wrapper.icon-boxes-grid .single-iconic-box:nth-child(3):hover~.single-iconic-box.iconic-box-v2:nth-child(4) {
    border-left-color: transparent
}

.single-iconic-box.iconic-box-v3 .iconic-box-icon {
    height: auto;
    width: auto;
    background-image: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-align: left;
    max-width: 60px;
    margin-bottom: 33px
}

.single-iconic-box.iconic-box-v3 .iconic-box-body .iconic-box-title {
    color: #161c2d
}

.single-iconic-box.iconic-box-v3 .iconic-box-body .iconic-box-content {
    color: #6e727d;
    margin-bottom: 25px
}

.single-iconic-box.iconic-box-v3 .iconic-box-body .iconic-box-btn a:after {
    height: 15px;
    width: 15px;
    border-radius: 50px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    background-color: #1D79FB;
    z-index: -1;
    bottom: 0;
    left: 50%;
    margin-left: -7.5px;
    top: 50%;
    margin-top: -7.5px;
    opacity: 0
}

.single-iconic-box.iconic-box-v3 .iconic-box-body .iconic-box-btn a i {
    padding: 0
}

.single-iconic-box.iconic-box-v3 .iconic-box-body .iconic-box-btn a {
    height: 50px;
    width: 50px;
    text-align: center;
    line-height: 50px;
    border: 1px solid #1D79FB;
    border-radius: 50px;
    color: #1D79FB
}

.single-iconic-box.iconic-box-v3 .iconic-box-body .iconic-box-btn a {
    overflow: hidden;
    z-index: 1
}

.single-iconic-box.iconic-box-v3 .iconic-box-body .iconic-box-btn a:hover:after,
.single-iconic-box.iconic-box-v3:hover .iconic-box-body .iconic-box-btn a:after {
    height: 50px;
    width: 50px;
    top: 0;
    left: 0;
    margin: 0;
    opacity: 1
}

.single-iconic-box.iconic-box-v3 .iconic-box-body .iconic-box-btn a:hover,
.single-iconic-box.iconic-box-v3:hover .iconic-box-body .iconic-box-btn a {
    color: #fff
}

.single-iconic-box.iconic-box-v3.exclusive-iconic-box-1 .iconic-box-body .iconic-box-btn a {
    color: #19CB55;
    border: 1px solid rgb(25 203 85 / 25%)
}

.single-iconic-box.iconic-box-v3.exclusive-iconic-box-1:hover .iconic-box-body .iconic-box-btn a {
    color: #fff;
    border: 1px solid #19CB55
}

.single-iconic-box.iconic-box-v3.exclusive-iconic-box-1 .iconic-box-body .iconic-box-btn a:hover {
    border: 1px solid #19CB55;
    color: #fff
}

.single-iconic-box.iconic-box-v3.exclusive-iconic-box-1 .iconic-box-body .iconic-box-btn a:hover:after,
.single-iconic-box.iconic-box-v3.exclusive-iconic-box-1:hover .iconic-box-body .iconic-box-btn a:after {
    background-color: #19CB55
}

.single-iconic-box.iconic-box-v3.exclusive-iconic-box-3 .iconic-box-body .iconic-box-btn a {
    border: 1px solid rgb(249 95 117 / 25%);
    color: #f95f75
}

.single-iconic-box.iconic-box-v3.exclusive-iconic-box-3 .iconic-box-body .iconic-box-btn a:after {
    background-color: #f95f75
}

.single-iconic-box.iconic-box-v3.exclusive-iconic-box-3 .iconic-box-body .iconic-box-btn a:hover,
.single-iconic-box.iconic-box-v3.exclusive-iconic-box-3:hover .iconic-box-body .iconic-box-btn a {
    color: #fff;
    border: 1px solid #f95f75
}

.single-iconic-box.iconic-box-v3.exclusive-iconic-box-4 .iconic-box-body .iconic-box-btn a {
    color: #ff8500;
    border: 1px solid rgb(255 133 0 / 25%)
}

.single-iconic-box.iconic-box-v3.exclusive-iconic-box-4 .iconic-box-body .iconic-box-btn a:after {
    background-color: #ff8500
}

.single-iconic-box.iconic-box-v3.exclusive-iconic-box-4 .iconic-box-body .iconic-box-btn a:hover,
.single-iconic-box.iconic-box-v3.exclusive-iconic-box-4:hover .iconic-box-body .iconic-box-btn a {
    color: #fff;
    border: 1px solid #ff8500
}

.single-iconic-box.iconic-box-v4 {
    -webkit-box-shadow: 0 10px 60px 0 rgba(189, 189, 189, 0.3);
    box-shadow: 0 10px 60px 0 rgba(189, 189, 189, 0.3);
    border-radius: 10px;
    padding: 35px 28px
}

.single-iconic-box.iconic-box-v4 .iconic-box-body .iconic-box-title {
    color: #161c2d
}

.single-iconic-box.iconic-box-v4 .iconic-box-body .iconic-box-content {
    color: #6e727d
}

.single-iconic-box.iconic-box-v4 .iconic-box-content {
    margin-bottom: 0
}

.single-iconic-box.iconic-box-v5 {
    margin-bottom: 60px
}

.single-iconic-box.iconic-box-v5 .iconic-box-icon {
    background-image: none;
    box-shadow: none;
    background-color: transparent;
    height: auto;
    width: auto;
    text-align: left;
    margin-bottom: 25px
}

.single-iconic-box.iconic-box-v5 .iconic-box-title {
    font-size: 20px;
    color: #1f1f1f
}

.single-iconic-box.iconic-box-v5 .iconic-box-content {
    color: #7a7a7a;
    margin-bottom: 0
}

.simple-icon-box-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.simple-single-icon-box h4 {
    font-size: 22px;
    line-height: 24px;
    margin-bottom: 6px
}

.simple-single-icon-box p {
    color: #6e727d
}

.simple-single-icon-box i {
    margin-bottom: 22px;
    font-size: 40px;
    color: #473bf0
}

.simple-single-icon-box.simple-single-icon-box-v2 i {
    margin-bottom: 13px
}

.simple-single-icon-box.simple-single-icon-box-v2 h4 {
    font-size: 20px;
    line-height: 24px
}

.single-iconic-list.iconic-list-bg {
    background-color: #fff;
    border-radius: 15px;
    -webkit-box-shadow: 0 10px 60px 0 rgb(189 189 189 / 30%);
    box-shadow: 0 10px 60px 0 rgb(189 189 189 / 30%)
}

.single-iconic-list.iconic-list-padding {
    padding: 35px
}

.single-iconic-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.single-iconic-list .iconic-list-icon {
    max-width: 30px;
    min-width: 30px;
    margin-right: 20px
}

.single-iconic-list .iconic-list-icon i {
    background-color: #F4752D;
    font-size: 15px;
    height: 30px;
    width: 30px;
    text-align: center;
    line-height: 30px;
    border-radius: 50px;
    color: #fff
}

.single-iconic-list .iconic-list-body .iconic-list-title {
    font-size: 22px;
    color: #36234b;
    line-height: 30px;
    margin-bottom: 7px;
    text-transform: capitalize
}

.single-iconic-list .iconic-list-body .iconic-list-content {
    font-size: 17px;
    color: #6f667b;
    line-height: 30px
}

.iconic-list-wrapper .single-iconic-list:last-child {
    margin-bottom: 0;
    margin-top: 5px
}

.single-iconic-list.iconic-list-v2 {
    background-color: #FFF;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-bottom: 15px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px 35px;
    border-radius: 10px;
    -webkit-box-shadow: 0 10px 60px 0 rgba(189, 189, 189, 0.28);
    box-shadow: 0 10px 60px 0 rgba(189, 189, 189, 0.28)
}

.single-iconic-list.iconic-list-v2 .iconic-list-body .iconic-list-title {
    margin: 0;
    font-size: 20px
}

.iconic-list-wrapper.iconic-list-wrapper-v2 .single-iconic-list.iconic-list-v2:nth-child(1),
.iconic-list-wrapper.iconic-list-wrapper-v2 .single-iconic-list.iconic-list-v2:nth-child(4) {
    margin-left: 14px
}

.iconic-list-wrapper.iconic-list-wrapper-v2 .single-iconic-list.iconic-list-v2:nth-child(2),
.iconic-list-wrapper.iconic-list-wrapper-v2 .single-iconic-list.iconic-list-v2:nth-child(5) {
    margin-left: 30px
}

.iconic-list-wrapper.iconic-list-wrapper-v2 .single-iconic-list.iconic-list-v2:nth-child(3),
.iconic-list-wrapper.iconic-list-wrapper-v2 .single-iconic-list.iconic-list-v2:nth-child(6) {
    margin-left: 0
}

.iconic-list-wrapper.iconic-list-wrapper-v2 .single-iconic-list.iconic-list-v2 {
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.iconic-list-wrapper.iconic-list-wrapper-v2 .single-iconic-list.iconic-list-v2:hover {
    margin-left: 0
}

.why-choose-us-area .single-iconic-list.iconic-list-v2 {
    -webkit-box-shadow: 0 10px 45px 0 rgba(71, 59, 240, 0.1);
    box-shadow: 0 10px 45px 0 rgba(71, 59, 240, 0.1)
}

.why-choose-us-area .single-iconic-list.iconic-list-v2 .iconic-list-icon i {
    background-color: #473BF0
}

.why-choose-us-area .single-iconic-list.iconic-list-v2 .iconic-list-body .iconic-list-title {
    color: #161c2d
}

.collaboration-area .collaboration-content {
    padding-left: 100px;
    padding-right: 100px
}

.collaboration-area .collaboration-content .section-title h2 {
    margin-bottom: 60px
}

.collaboration-area .collaboration-content .section-title .section-title-description {
    margin-bottom: 31px
}

.collaboration-area .section-right-image {
    position: absolute;
    right: 30px;
    height: 100%;
    width: 35%;
    top: 0;
    z-index: 5
}

.collaboration-area .section-right-image img {
    -webkit-box-shadow: 0 10px 80px rgb(54 35 75 / 27%);
    box-shadow: 0 10px 80px rgb(54 35 75 / 27%);
    border-radius: 35px
}

.section-right-image.section-image-circle-shape:after {
    position: absolute;
    content: "";
    height: 275px;
    width: 275px;
    background-color: #fff;
    top: -75px;
    right: -100px;
    z-index: -1;
    border-radius: 50%
}

.collaboration-area.collaboration-area-v1 .app-feature-preview-main img {
    width: 100%
}

.collaboration-area.collaboration-area-v1 .app-feature-preview-main {
    padding: 0 70px
}

.collaboration-area .app-preview-image {
    position: relative
}

.collaboration-area.collaboration-area-v1 .app-preview-image .app-feature-preview-relative {
    position: absolute;
    top: -78px;
    left: 0;
    z-index: 1
}

.collaboration-area.collaboration-area-v1 .app-preview-image .app-feature-preview-relative img,
.collaboration-area.collaboration-area-v1 .app-preview-image .app-feature-preview-absolute img {
    border-radius: 12px;
    -webkit-box-shadow: 0 10px 30px 0 rgb(89 89 89 / 18%);
    box-shadow: 0 10px 30px 0 rgb(89 89 89 / 18%)
}

.collaboration-area.collaboration-area-v1 .app-preview-image .app-feature-preview-absolute {
    position: absolute;
    right: 20px;
    bottom: -47px;
    z-index: 1
}

.collaboration-area.collaboration-area-v1 .app-preview-image .app-feature-preview-absolute img {
    border-radius: 15px
}

.collaboration-area.collaboration-area-v1 .app-preview-image .app-feature-preview-backward {
    position: absolute;
    height: 100%;
    top: -78px;
    width: 100%;
    text-align: center;
    z-index: -1
}

.app-preview-image.oval-gradient {
    position: relative;
    z-index: 2
}

.app-preview-image.oval-gradient:after {
    background-image: url(../image/oval-gradient.png);
    content: "";
    height: 700px;
    width: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    background-attachment: scroll;
    background-position: center center;
    top: -220px;
    left: 0;
    z-index: -2;
    position: absolute
}

.collaboration-area.collaboration-area-v1 .section-title .section-title-description {
    margin-bottom: 32px
}

.collaboration-area.collaboration-area-v2 {
    overflow: hidden
}

.collaboration-area.collaboration-area-v2 .app-preview-image.oval-gradient:after {
    top: -100px;
    width: 115%;
    left: -55px
}

.collaboration-area.collaboration-area-v2 .section-title .section-title-description p:last-of-type {
    color: #161c2d
}

.collaboration-area.collaboration-area-v2 .section-title .section-title-description {
    margin-bottom: 36px
}

.design-feature-area .app-preview-image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.design-feature-area .app-preview-image.oval-gradient:after {
    top: -100px;
    background-size: 100% 100%;
    height: 760px;
    background-image: url(../image/ui-design-feature-oval-gradient.png)
}

.design-feature-area .app-preview-image .app-feature-preview-main img {
    border-radius: 18px;
    -webkit-box-shadow: 0 10px 30px 0 rgb(193 193 193 / 40%);
    box-shadow: 0 10px 30px 0 rgb(193 193 193 / 40%)
}

.design-feature-area .app-preview-image .app-feature-preview-absolute {
    margin-left: -100px
}

.design-feature-area .app-preview-image .app-feature-preview-absolute img {
    border-radius: 21px;
    -webkit-box-shadow: 0 10px 30px 0 rgb(193 193 193 / 40%);
    box-shadow: 0 10px 30px 0 rgb(193 193 193 / 40%)
}

.manage-data-area .section-title h2 {
    margin-bottom: 63px
}

.manage-data-area .manage-data-image {
    position: relative;
    z-index: 1
}

.manage-data-area .manage-data-image:after {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    z-index: -1;
    top: 0;
    left: 0;
    background-size: contain;
    background-attachment: scroll;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(../image/oval-gradient-2.png)
}

.featured-video-content {
    position: relative;
    z-index: 1;
    text-align: center;
    height: 650px;
    border-radius: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll;
    background-position: top center
}

.featured-video-content.video-overlay:after {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    background: #36234B;
    z-index: -1;
    border-radius: 10px;
    opacity: .3
}

.play-video-btn {
    z-index: 1;
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.play-video-btn i {
    height: 80px;
    width: 80px;
    background-color: #36234B;
    color: #fff;
    line-height: 80px;
    border-radius: 50px
}

.play-video-btn i.pulse-animated {
    position: relative;
    z-index: -1
}

.play-video-btn i.pulse-animated:after {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 110px;
    height: 110px;
    background-color: rgb(54 35 75 / 30%);
    border-radius: 50%;
    -webkit-animation: pulse-border 1500ms ease-out infinite;
    animation: pulse-border 1500ms ease-out infinite;
    z-index: -1
}

@-webkit-keyframes pulse-border {
    0% {
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1
    }

    100% {
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0
    }
}

@keyframes pulse-border {
    0% {
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1
    }

    100% {
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0
    }
}

.about-us-area .section-title.section-title-ocean-blue h2 span:after {
    bottom: -5px
}

.about-us-area .blob-image-wrapper .blob-shape-wrapper .blob-shape.blob-shape-2 {
    right: 0
}

.about-us-area .blob-main-image img {
    max-width: 100%
}

.about-images .about-thumbnail {
    width: 100%;
    margin-bottom: 30px;
    border-radius: 12px
}

.about-images .about-thumbnail.about-thumbnail-1 {
    margin-top: 60px
}

.about-us-area .blob-image-wrapper .blob-shape-wrapper .blob-shape.blob-shape-1 {
    left: 9%;
    top: 5%
}

.about-us-area .blob-image-wrapper .blob-shape-wrapper .blob-shape.blob-shape-2 {
    right: 13%;
    top: 17%
}

.about-us-area .blob-image-wrapper .blob-shape-wrapper .blob-shape.blob-shape-3 {
    left: 25%;
    bottom: -6%
}

.about-us-area .about-us-content .section-title h2 {
    margin-bottom: 20px
}

.about-us-area .section-title .section-title-description {
    margin-bottom: 36px
}

.why-choose-us-area .section-title h2 {
    margin-bottom: 20px
}

.team-skills-area .team-details-images {
    position: relative;
    padding-right: 130px
}

.team-skills-area .team-details-images img {
    border-radius: 20px;
    width: 100%
}

.team-skills-area .team-details-images .team-details-thumbnail.team-details-thumbnail-secondary {
    position: absolute;
    right: 50px;
    bottom: -94px;
    width: 50%
}

.team-skills-area .team-details-thumbnail.team-details-thumbnail-main {
    position: relative;
    overflow: hidden
}

.team-skills-area .team-details-thumbnail.team-details-thumbnail-main:before {
    position: absolute;
    top: 0;
    left: -100%;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, .7)), to(rgba(255, 255, 255, .3)));
    background: -o-linear-gradient(left, rgba(255, 255, 255, .7) 0, rgba(255, 255, 255, .3) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, .7) 0, rgba(255, 255, 255, .3) 100%);
    -webkit-transform: skewX(25deg);
    -ms-transform: skewX(25deg);
    transform: skewX(25deg);
    z-index: 2
}

.team-skills-area .team-details-thumbnail.team-details-thumbnail-main:hover:before {
    -webkit-animation: shine 1.5s;
    animation: shine 1.5s
}

@-webkit-keyframes shine {
    100% {
        left: 125%
    }
}

@keyframes shine {
    100% {
        left: 125%
    }
}

.skill-list .single-bar {
    margin-bottom: 32px
}

.skill-list .single-bar .progress-title h5 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #161c2d;
    font-size: 18px;
    text-transform: capitalize;
    line-height: 30px;
    margin-bottom: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.skill-list .single-bar .progress .progress-bar {
    height: 3px;
    border-radius: 0;
    background-color: #4B83FC
}

.skill-list .single-bar .progress {
    height: auto;
    background: transparent
}

.skill-list .single-bar:last-of-type {
    margin-bottom: 0
}

.skill-list .single-bar .progress .progress-bar.bg-royal-blue {
    background-color: #473BF0
}

.skill-list .single-bar .progress .progress-bar.bg-burning-orange {
    background-color: #F4732A
}

.skill-list .single-bar .progress .progress-bar.bg-magenta {
    background-color: #FF00FC
}

.skill-list .single-bar .progress .progress-bar.bg-blue {
    background-color: #00B9EE
}

.info-iconic-box {
    -webkit-box-shadow: 0 0 30px 0 rgba(234, 234, 234, 0.5);
    box-shadow: 0 0 30px 0 rgba(234, 234, 234, 0.5);
    margin-bottom: 75px;
    padding: 30px 35px;
    text-align: center;
    border-radius: 5px
}

.info-iconic-boxes .info-iconic-box:last-child {
    margin-bottom: 0
}

.info-iconic-box .info-icon i {
    font-size: 40px;
    line-height: 90px;
    color: #fff
}

.info-iconic-box .info-icon {
    height: 90px;
    width: 90px;
    text-align: center;
    margin: 0 auto;
    border-radius: 50px;
    background-image: -moz-linear-gradient(-38deg, #f33946 0, #c81d9a 59%, #9c00ed 100%);
    background-image: -webkit-linear-gradient(-38deg, #f33946 0, #c81d9a 59%, #9c00ed 100%);
    background-image: -ms-linear-gradient(-38deg, #f33946 0, #c81d9a 59%, #9c00ed 100%);
    -webkit-box-shadow: 0 10px 60px 0 rgba(218, 9, 212, 0.28);
    box-shadow: 0 10px 60px 0 rgba(218, 9, 212, 0.28);
    margin-bottom: 35px;
    margin-top: -75px
}

.info-iconic-box .info-body h5 {
    font-size: 24px;
    margin-bottom: 10px;
    text-transform: capitalize
}

.info-iconic-box .info-body p {
    color: #6e727d;
    font-family: 'CircularStdMedium'
}

.info-iconic-box .info-body a {
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.info-iconic-box .info-body a:hover {
    color: #161c2d
}

.info-iconic-box .info-icon.info-icon-gradient-1 {
    background-image: -moz-linear-gradient(-38deg, #f33946 0, #c81d9a 59%, #9c00ed 100%);
    background-image: -webkit-linear-gradient(-38deg, #f33946 0, #c81d9a 59%, #9c00ed 100%);
    background-image: -ms-linear-gradient(-38deg, #f33946 0, #c81d9a 59%, #9c00ed 100%);
    box-shadow: 0 10px 60px 0 rgba(218, 9, 212, 0.28)
}

.info-iconic-box .info-icon.info-icon-gradient-2 {
    background-image: -moz-linear-gradient(-38deg, #4639f3 0, #711df0 59%, #9c00ed 100%);
    background-image: -webkit-linear-gradient(-38deg, #4639f3 0, #711df0 59%, #9c00ed 100%);
    background-image: -ms-linear-gradient(-38deg, #4639f3 0, #711df0 59%, #9c00ed 100%);
    box-shadow: 0 10px 60px 0 rgba(84, 54, 240, 0.28)
}

.info-iconic-box .info-icon.info-icon-gradient-3 {
    background-image: -moz-linear-gradient(-38deg, #fdba1a 0, #f55d64 59%, #ed00ad 100%);
    background-image: -webkit-linear-gradient(-38deg, #fdba1a 0, #f55d64 59%, #ed00ad 100%);
    background-image: -ms-linear-gradient(-38deg, #fdba1a 0, #f55d64 59%, #ed00ad 100%);
    box-shadow: 0 10px 60px 0 rgba(218, 9, 212, 0.28)
}

.single-contact-box h4 {
    font-size: 24px;
    color: #161c2d;
    line-height: 32px;
    margin-bottom: 15px
}

.single-contact-box {
    background-color: #fff;
    -webkit-box-shadow: 0 10px 45px 0 rgba(71, 59, 240, 0.1);
    box-shadow: 0 10px 45px 0 rgba(71, 59, 240, 0.1);
    padding: 40px 56px 43px 56px;
    border-radius: 7px;
    margin-bottom: 25px
}

.single-contact-box h4 span {
    color: #473bf0
}

.single-contact-box:hover .filled-btn:after,
.single-contact-box.single-contact-box-active .filled-btn:after {
    width: 100%
}

.single-contact-box:hover .filled-btn,
.single-contact-box.single-contact-box-active .filled-btn {
    color: #fff;
    border-color: #161c2d;
    background-color: #161c2d;
    -webkit-transition-delay: .1s;
    -o-transition-delay: .1s;
    transition-delay: .1s;
    box-shadow: none
}

.single-contact-box.single-contact-box-active .filled-btn:hover {
    background-color: #473BF0;
    border-color: #473BF0;
    -webkit-transition-delay: .1s;
    -o-transition-delay: .1s;
    transition-delay: .1s
}

.single-contact-box.single-contact-box-active:hover .filled-btn {
    background-color: transparent;
    border-color: rgb(71 59 240 / 10%);
    color: #161c2d
}

.single-contact-box.single-contact-box-active:hover .filled-btn:after {
    width: 0
}

.our-services.our-services-v2 .section-title h2,
.company-statistic-area .section-title h2 {
    margin-bottom: 22px
}

.single-info-box {
    margin-bottom: 30px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.single-info-box:hover {
    -webkit-box-shadow: 0 10px 45px 0 rgba(71, 59, 240, 0.1);
    box-shadow: 0 10px 45px 0 rgba(71, 59, 240, 0.1)
}

.single-info-box .infobox-thumbnail a {
    display: block
}

.single-info-box .infobox-thumbnail img {
    border-radius: 7px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    width: 100%
}

.single-info-box .infobox-body {
    background-color: #fff;
    padding: 21px 26px 28px
}

.single-info-box .infobox-body .infobox-title {
    font-size: 18px;
    color: #161c2d;
    margin-bottom: 4px
}

.single-info-box .infobox-body .infobox-title a:hover {
    color: #473bf0
}

.single-info-box .infobox-body .infobox-title a {
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.single-info-box .infobox-body .infobox-excerpt {
    color: #7a7a7a;
    font-size: 17px;
    margin-bottom: 4px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.single-info-box .infobox-body .infobox-btn a {
    color: #7a7a7a;
    font-size: 15px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    display: inline-block
}

.single-info-box .infobox-body .infobox-btn a i {
    margin-left: 10px
}

.single-info-box .infobox-body .infobox-btn a {
    position: relative
}

.single-info-box .infobox-body .infobox-btn a:after {
    position: absolute;
    content: "";
    height: 2px;
    width: 0;
    background-color: #7a7a7a;
    left: 0;
    bottom: 0;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.single-info-box:hover .infobox-body .infobox-btn a:after {
    width: 100%;
    background-color: #473BF0
}

.single-info-box:hover .infobox-body .infobox-btn a {
    color: #473BF0
}

.single-info-box:hover .infobox-body .infobox-excerpt {
    height: auto
}

.single-info-box .infobox-thumbnail {
    position: relative;
    overflow: hidden
}

.single-info-box .infobox-thumbnail:before {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    display: block;
    content: "";
    width: 0;
    height: 0;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 0
}

.single-info-box:hover .infobox-thumbnail:before {
    -webkit-animation-duration: .95s;
    animation-duration: .95s;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-direction: normal;
    animation-direction: normal;
    -webkit-animation-fill-mode: none;
    animation-fill-mode: none;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    -webkit-animation-name: circle;
    animation-name: circle
}

.single-info-box:hover .infobox-thumbnail img {
    transform: scale(1.2)
}

.our-services.our-services-v3 .section-title h2 {
    margin-bottom: 11px
}

.our-services.our-services-v3 .section-title .section-title-description p {
    color: #7a7a7a
}

.services-law-images {
    position: relative
}

.services-law-images .services-law-image-main {
    margin-top: 50px;
    margin-bottom: 50px
}

.services-law-images .services-law-image-main img {
    border-radius: 7px;
    width: 100%
}

.services-law-images .services-law-image-relative,
.services-law-images .services-law-image-absolute {
    position: absolute
}

.services-law-images .services-law-image-relative {
    right: 0;
    top: -50px
}

.services-law-images .services-law-image-absolute {
    left: 0;
    bottom: -50px;
    -webkit-box-shadow: 0 10px 60px 0 rgb(51 119 255 / 15%);
    box-shadow: 0 10px 60px 0 rgb(51 119 255 / 15%)
}

.contact-respond .form-control:focus {
    outline: 0;
    border-color: #EFF0F2;
    -webkit-box-shadow: none;
    box-shadow: none
}

.contact-respond .form-control {
    border: 1px solid #EFF0F2;
    height: 60px;
    padding: 0 30px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    font-size: 18px;
    color: #1b2336;
    background-color: #F2F1FE;
    border-radius: 7px;
    border: 2px solid #F2F1FE
}

.contact-respond .input-group {
    margin-bottom: 30px
}

.contact-respond .input-group:last-child {
    margin-bottom: 0
}

.contact-respond textarea.form-control {
    padding: 15px 30px;
    height: 250px
}

.contact-respond .input-group label {
    position: absolute;
    z-index: 1;
    height: 100%;
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 30px;
    font-size: 18px;
    color: #161c2d;
    font-weight: 500
}

.contact-respond input::-webkit-input-placeholder,
.contact-respond textarea::-webkit-input-placeholder {
    font-size: 16px
}

.contact-respond input::-moz-placeholder,
.contact-respond textarea::-moz-placeholder {
    font-size: 16px
}

.contact-respond input:-ms-input-placeholder,
.contact-respond textarea:-ms-input-placeholder {
    font-size: 16px
}

.contact-respond input::-ms-input-placeholder,
.contact-respond textarea::-ms-input-placeholder {
    font-size: 16px
}

.contact-respond input::placeholder,
.contact-respond textarea::placeholder {
    font-size: 16px
}

.contact-respond input::-webkit-input-placeholder,
.contact-respond textarea::-webkit-input-placeholder {
    font-weight: 400;
    color: #6e727d
}

.contact-respond input::-moz-placeholder,
.contact-respond textarea::-moz-placeholder {
    font-weight: 400;
    color: #6e727d
}

.contact-respond input:-ms-input-placeholder,
.contact-respond textarea:-ms-input-placeholder {
    font-weight: 400;
    color: #6e727d
}

.contact-respond input::-ms-input-placeholder,
.contact-respond textarea::-ms-input-placeholder {
    font-weight: 400;
    color: #6e727d
}

.contact-respond input::placeholder,
.contact-respond textarea::placeholder {
    font-weight: 400;
    color: #6e727d
}

.contact-respond .input-group .form-control:focus {
    padding-left: 115px;
    border-color: #473BF0;
    background-color: transparent
}

.contact-respond .form-control:focus+label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 5
}

.contact-respond textarea.form-control:focus+label {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-top: 15px
}

.contact-respond input:focus::-webkit-input-placeholder {
    color: transparent
}

.contact-respond input:focus::-moz-placeholder {
    color: transparent
}

.contact-respond input:focus:-ms-input-placeholder {
    color: transparent
}

.contact-respond input:focus::-ms-input-placeholder {
    color: transparent
}

.contact-respond input:focus::placeholder {
    color: transparent
}

.contact-respond .input-group.form-textarea label {
    display: none
}

.contact-respond .input-group.form-textarea .form-control:focus {
    padding-left: 30px
}

.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),
.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) {
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px
}

.contact-respond .subject-dropdown {
    width: 100%
}

.contact-respond .subject-dropdown .nice-select.open:after {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    top: 13px;
    content: "\f106"
}

.contact-respond .subject-dropdown .nice-select:after {
    color: #473BF0
}

.contact-respond .nice-select {
    width: 100%;
    height: 60px;
    padding: 0 30px;
    float: none;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 30px;
    background-color: #F4F7FA;
    border: 0;
    font-weight: 400;
    color: #6e727d;
    font-size: 16px
}

.contact-respond .nice-select ul.list {
    width: 100%;
    border-radius: 7px;
    margin-top: 5px;
    box-shadow: 0 0 0 1px #f4f7fa
}

.contact-respond .nice-select ul.list li {
    font-size: 16px;
    color: #1b2336;
    font-weight: 500
}

.contact-respond .nice-select ul.list li.selected.focus,
.contact-respond .nice-select ul.list li:hover {
    background: #f4f7fa
}

.contact-respond .nice-select ul.list li {
    padding: 5px 30px
}

.contact-form-area.contact-form-area-v2 .contact-respond .input-group {
    margin-bottom: 15px
}

.contact-form-area.contact-form-area-v2 .contact-respond .input-group:last-child {
    margin: 0
}

.contact-form-area.contact-form-area-v2 .contact-respond .form-control {
    background-color: #F4F7FA;
    border-color: #F4F7FA
}

.contact-form-area.contact-form-area-v2 .contact-respond textarea.form-control {
    height: 165px
}

.contact-form-area.contact-form-area-v2 .contact-respond {
    padding: 58px 45px;
    border: 2px solid #EFEFF0;
    border-radius: 7px
}

.map-box iframe {
    height: 670px;
    width: 100%;
    border: 0
}

.error-page-content {
    margin-top: 80px
}

.error-page-content h2 {
    margin-bottom: 20px;
    font-size: 85px;
    line-height: 1
}

.error-page-content p {
    margin-bottom: 33px;
    font-size: 30px;
    font-family: 'CircularStdMedium';
    line-height: 40px;
    color: #161c2d
}

.coming-soon-content .newsletter-form .form-group {
    display: block;
    position: relative
}

.coming-soon-content .newsletter-form .form-group button {
    height: 45px;
    width: 45px;
    line-height: 45px;
    text-align: center;
    padding: 0;
    position: absolute;
    right: 0;
    top: 10px;
    right: 10px
}

.coming-soon-content .newsletter-form .form-group button i {
    margin-left: 0
}

.coming-soon-content .newsletter-form .form-group input[type="email"] {
    -webkit-box-shadow: 0 10px 30px 0 rgba(188, 183, 255, 0.36);
    box-shadow: 0 10px 30px 0 rgba(188, 183, 255, 0.36);
    border-radius: 33px;
    width: 100%;
    font-size: 17px;
    padding: 0 35px;
    height: 65px;
    padding-right: 70px
}

.coming-soon-content .newsletter-form .form-group input[type="email"]::-webkit-input-placeholder {
    font-size: 17px;
    color: #777
}

.coming-soon-content .newsletter-form .form-group input[type="email"]::-moz-placeholder {
    font-size: 17px;
    color: #777
}

.coming-soon-content .newsletter-form .form-group input[type="email"]:-ms-input-placeholder {
    font-size: 17px;
    color: #777
}

.coming-soon-content .newsletter-form .form-group input[type="email"]::-ms-input-placeholder {
    font-size: 17px;
    color: #777
}

.coming-soon-content .newsletter-form .form-group input[type="email"]::placeholder {
    font-size: 17px;
    color: #777
}

.coming-soon-content h2 {
    margin-bottom: 24px;
    font-size: 92px;
    line-height: 95px
}

.coming-soon-area {
    padding-top: 69px;
    padding-bottom: 140px;
    background-color: #F4F7FA
}

.coming-soon-content .newsletter-form .newsletter-notice {
    color: #161c2d;
    font-size: 20px;
    font-family: 'CircularStdMedium';
    padding-top: 15px
}

.service-details-content h1,
.service-details-content h2 {
    margin-bottom: 25px
}

.service-details-content h3,
.service-details-content h4,
.service-details-content h5,
.service-details-content h6 {
    margin-bottom: 12px
}

.service-details-content h2 {
    font-size: 42px
}

.service-details-content p {
    color: #6e727d;
    line-height: 32px
}

.service-details-content .image-block {
    margin-bottom: 35px
}

.service-details-content h3 {
    font-size: 30px;
    line-height: 32px
}

.service-details-content .customer-faq {
    margin-bottom: 60px
}

.service-details-content p {
    margin-bottom: 28px
}

.service-details-content .icon-boxes-wrapper {
    margin-top: 44px;
    margin-bottom: 30px
}

.service-details-content h5.accordion-header {
    margin-bottom: 0
}

.service-details-content .accordion-body p {
    margin-bottom: 0
}

.service-details-content blockquote {
    font-family: 'CircularStdMedium';
    font-style: italic;
    margin-bottom: 30px
}

.section-accordion.section-accordion-v2 .faq-accordion-title {
    margin-bottom: 28px
}

.blog-list-wrapper .blog-list-content,
.blog-details-wrapper .blog-details-content {
    padding-right: 35px
}

.blog-details-wrapper .blog-details-content .blog-post-item .post-thumbnail img {
    border-radius: 0
}

.blog-post-item.blog-post-item-v3 {
    padding: 0;
    margin-bottom: 60px
}

.blog-post-item.blog-post-item-v3 .post-thumbnail {
    overflow: hidden
}

.blog-post-item.blog-post-item-v3 .post-thumbnail img {
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    border-radius: 0
}

.blog-post-item.blog-post-item-v3:hover .post-thumbnail img {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}

.blog-post-item.blog-post-item-v3 .post-meta-wrapper {
    margin-bottom: 14px
}

.blog-post-item.blog-post-item-v3 .blog-post-entry-content {
    padding: 32px 0 0 0
}

.blog-post-item.blog-post-item-v3 .blog-post-entry-content .post-title {
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 13px
}

.blog-post-item.blog-post-item-v3 .blog-post-entry-content .post-excerpt {
    color: #6e727d;
    margin-bottom: 30px
}

.blog-post-item.blog-post-item-v3 .post-meta-wrapper ul li a {
    font-size: 17px;
    color: #6e727d
}

.blog-post-item.blog-post-item-v3 .post-meta-wrapper ul li a i {
    margin-right: 10px
}

.blog-post-item.blog-post-item-v3 .post-meta-wrapper ul li {
    margin-right: 10px
}

.blog-post-item.blog-post-item-v3 .post-meta-wrapper ul li:last-child {
    margin-right: 0
}

.blog-post-item.blog-post-item-v3 .blog-post-entry-content .post-title a:hover,
.blog-post-item.blog-post-item-v3 .post-meta-wrapper ul li a:hover {
    color: #473bf0
}

.blog-post-item.blog-post-item-v3 .blog-post-entry-content .post-title a,
.blog-post-item.blog-post-item-v3 .post-meta-wrapper ul li a {
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.blog-post-item.blog-post-item-v3.post-offwhite {
    background-color: #F3F3F4
}

.blog-post-item.blog-post-item-v3.post-offwhite .blog-post-entry-content {
    padding-top: 0;
    padding-bottom: 0
}

.blog-post-item.blog-post-item-v3.post-type-featured-absolute {
    position: relative;
    z-index: 1
}

.blog-post-item.blog-post-item-v3.post-type-featured-absolute {
    overflow: hidden
}

.blog-post-item.blog-post-item-v3.post-type-featured-absolute .post-thumbnail .post-thumbnail-bg {
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.blog-post-item.blog-post-item-v3.post-type-featured-absolute:hover .post-thumbnail .post-thumbnail-bg {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}

.blog-post-item.blog-post-item-v3.post-type-featured-absolute {
    position: relative;
    z-index: 1
}

.blog-post-item.blog-post-item-v3.post-type-featured-absolute .post-thumbnail .post-thumbnail-bg {
    background-size: cover;
    background-position: center center;
    background-attachment: scroll;
    background-repeat: no-repeat;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: -1
}

.blog-post-item.blog-post-item-v3.post-offwhite,
.blog-post-item.blog-post-item-v3.post-type-featured-absolute .blog-post-entry-content {
    padding: 35px 50px 39px 50px
}

.blog-post-item.blog-post-item-v3.post-offwhite .blog-post-entry-content .post-excerpt {
    margin-bottom: 25px
}

.blog-post-item.blog-post-item-v3.post-type-featured-absolute .post-meta-wrapper ul li a {
    color: #fefeff
}

.blog-post-item.blog-post-item-v3.post-type-featured-absolute .post-title {
    color: #fefeff;
    margin-bottom: 28px
}

.blog-post-item.blog-post-item-v3.post-type-featured-absolute .post-title a:hover {
    color: #fff
}

.blog-post-item.blog-post-item-v3.post-type-featured-absolute:after {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    background: #161C2D;
    top: 0;
    left: 0;
    opacity: .9;
    z-index: -1
}

.blog-post-item.blog-post-item-v3.post-type-featured-absolute .post-thumbnail {
    position: static
}

.blog-post-item.blog-post-item-v3.post-type-featured-absolute .filled-btn {
    -webkit-box-shadow: none;
    box-shadow: none
}

.blog-post-item.blog-post-item-v3.post-type-featured-absolute .filled-btn:hover {
    background-color: #FFF;
    -webkit-transition-delay: .1s;
    -o-transition-delay: .1s;
    transition-delay: .1s;
    color: #161C2D
}

.blog-post-item.blog-post-item-v3.post-type-featured-absolute .filled-btn:hover:after,
.blog-post-item.blog-post-item-v3.post-type-featured-absolute .filled-btn:after {
    background-color: #FFF
}

.blog-post-item.blog-post-item-v3.post-offwhite .filled-btn:after {
    background-color: #473BF0
}

.blog-post-item.blog-post-item-v3.post-offwhite .filled-btn {
    background-color: #FFF;
    color: #161c2d;
    -webkit-box-shadow: none;
    box-shadow: none
}

.blog-post-item.blog-post-item-v3.post-offwhite .filled-btn:hover {
    color: #fff
}

.blog-list-wrapper .blog-list-content .blog-post-item:last-child {
    margin-bottom: 0
}

.blog-details-wrapper .blog-details-content .blog-post-item {
    padding: 0;
    margin-bottom: 70px
}

.blog-details-wrapper .blog-post-item .entry-content h3,
.blog-details-wrapper .blog-post-item .entry-content h4 {
    margin-bottom: 13px
}

.blog-details-wrapper .blog-post-item .entry-content h3 {
    font-size: 30px;
    line-height: 40px
}

.blog-details-wrapper .blog-details-content .entry-content {
    padding-top: 33px
}

.blog-details-wrapper .blog-details-content .entry-content .post-meta-wrapper {
    margin-bottom: 13px
}

.blog-details-wrapper .blog-details-content .blog-post-item .post-meta-wrapper ul li a {
    font-size: 17px
}

.blog-details-wrapper .blog-post-item .entry-content h4 {
    font-size: 30px;
    line-height: 40px
}

.blog-details-wrapper .blog-post-item .entry-content p {
    margin-bottom: 39px;
    color: #6e727d;
    font-size: 17px;
    line-height: 32px
}

.blog-details-wrapper .blog-post-item .entry-content blockquote {
    margin-bottom: 40px;
    background-color: #F3F3F4;
    padding: 44px 50px 45px 50px
}

.blog-details-wrapper .blog-post-item .entry-content blockquote h4 {
    margin-bottom: 10px;
    color: #161c2d;
    font-weight: 700
}

.blog-details-wrapper .blog-post-item .entry-content blockquote h4 {
    font-size: 24px;
    line-height: 35px
}

.blog-details-wrapper .blog-post-item .entry-content blockquote h5 {
    font-weight: 700;
    font-size: 18px;
    position: relative;
    padding-left: 60px;
    margin-bottom: 0
}

.blog-details-wrapper .blog-post-item .entry-content blockquote h5:after {
    position: absolute;
    content: "";
    height: 3px;
    width: 40px;
    background: #473BF0;
    top: 13px;
    left: 0
}

.blog-details-wrapper .post-author-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.blog-details-wrapper .post-author-box .author-box-content h4 {
    font-size: 22px;
    line-height: 1
}

.blog-details-wrapper .post-author-box .author-box-content p {
    color: #6e727d;
    font-size: 17px;
    line-height: 32px
}

.blog-details-wrapper .post-author-box .author-box-content h4 {
    margin-bottom: 12px
}

.blog-details-wrapper .post-author-box .author-box-content p {
    margin-bottom: 5px
}

.blog-details-wrapper .post-author-box {
    background-color: #F3F3F4;
    padding: 37px 50px 30px 50px;
    margin-bottom: 70px
}

.blog-details-wrapper .post-author-box .post-author-thumbnail {
    max-width: 160px;
    min-width: 160px;
    border-radius: 50%;
    margin-right: 35px
}

.blog-details-wrapper .post-author-box .post-author-thumbnail img {
    border-radius: 50%
}

.blog-details-wrapper .posts-pagination {
    margin-bottom: 50px
}

.social-links li {
    display: inline-block
}

.social-links li a {
    display: block;
    color: #415674;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.social-links li {
    margin-right: 10px
}

.social-links ul li:last-of-type {
    margin: 0
}

.social-links li a:hover {
    color: #4b83fc
}

.blog-details-wrapper .post-share .post-tag-cloud {
    margin-bottom: 10px
}

.blog-details-wrapper .post-share .post-tag-cloud ul li {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px
}

.blog-details-wrapper .post-share .post-tag-cloud ul li a {
    font-size: 15px;
    color: #161c2d;
    display: inline-block;
    background-color: #F3F3F4;
    padding: 0 11px;
    border-radius: 5px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    font-family: 'CircularStdMedium'
}

.blog-details-wrapper .post-share .post-tag-cloud ul li a:hover {
    background-color: #473BF0;
    color: #fff
}

.blog-details-wrapper .social-links {
    padding-top: 0
}

.blog-details-wrapper .post-share .item-heading {
    color: #161c2d;
    font-size: 18px;
    font-family: 'CircularStdBold'
}

.blog-details-wrapper .post-share ul li.item-heading,
.blog-details-wrapper .social-links ul li.item-heading {
    width: 130px
}

.blog-details-wrapper .blog-details-content .social-links ul li a i {
    height: auto;
    width: auto;
    background: transparent;
    color: #6e727d;
    font-size: 16px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.blog-details-wrapper .blog-details-content .social-links ul li a:hover i {
    color: #473bf0
}

.blog-details-wrapper .blog-details-content .social-links ul li {
    margin-right: 15px
}

.blog-details-wrapper .blog-details-content .comments-area ul.comments-list .comment {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 42px
}

.blog-details-wrapper .blog-details-content .comments-area ul.comments-list .comment .comment-avatar {
    min-width: 100px;
    max-width: 100px;
    height: 100px
}

.blog-details-wrapper .blog-details-content .comments-area ul.comments-list .comment .comment-wrap {
    margin-left: 30px
}

.blog-details-wrapper .blog-details-content .comments-area ul.comments-list .comment .comment-avatar img {
    width: 100%;
    height: 100%;
    border-radius: 50%
}

.blog-details-wrapper .blog-details-content .comments-area ul.comments-list .comment .comment-wrap .comment-author-content .author-name {
    color: #161c2d;
    font-size: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 5px;
    font-weight: 700;
    font-family: 'CircularStdBold'
}

.blog-details-wrapper .blog-details-content .comments-area ul.comments-list .comment .comment-wrap .comment-author-content .author-name .date {
    font-size: 17px;
    color: #161c2d;
    font-family: 'CircularStdMedium';
    font-weight: 500
}

.blog-details-wrapper .blog-details-content .comments-area ul.comments-list .comment .comment-wrap .comment-author-content p {
    margin-bottom: 5px;
    font-size: 17px;
    color: #6e727d
}

.blog-details-wrapper .blog-details-content .comments-area ul.comments-list .comment .comment-wrap .comment-author-content .reply {
    color: #415674;
    font-size: 17px;
    text-transform: uppercase;
    font-family: 'CircularStdBold';
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.blog-details-wrapper .blog-details-content .comments-area ul.comments-list .comment .comment-wrap .comment-author-content .reply:hover {
    color: #473bf0
}

.blog-details-wrapper .blog-details-content .comments-area ul.comments-list .comment .comment-wrap .comment-author-content .reply:after {
    content: "\f178";
    display: inline-block;
    font-family: "Font Awesome 5 Pro";
    padding-left: 10px
}

.blog-details-wrapper .blog-details-content .comments-area ul.comments-list .comment:nth-child(even) {
    padding-left: 60px
}

.blog-details-wrapper .blog-details-content .comments-area .comments-title {
    margin-bottom: 40px;
    font-size: 24px;
    line-height: 32px
}

.blog-details-wrapper .blog-details-content .comments-respond {
    margin-top: 70px;
    padding-top: 75px;
    border-top: 1px solid #E7E8EA
}

.blog-details-wrapper .blog-details-content .comments-respond .comments-heading {
    font-size: 24px;
    margin-bottom: 32px
}

.blog-details-wrapper .blog-details-content .comments-respond .form-control,
.blog-details-wrapper .blog-details-content .comments-respond textarea {
    background-color: #fff;
    border: 2px solid #E7E8EA;
    border-radius: 5px;
    height: 65px;
    padding: 20px 30px;
    font-size: 17px;
    font-weight: 600;
    color: #161c2d;
    padding-right: 45px;
    font-weight: 700
}

.blog-details-wrapper .blog-details-content .comments-respond .form-control:focus,
.blog-details-wrapper .blog-details-content .comments-respond textarea:focus {
    border-color: #473bf0
}

.blog-details-wrapper .blog-details-content .comments-respond .form-control::-webkit-input-placeholder,
.blog-details-wrapper .blog-details-content .comments-respond textarea::-webkit-input-placeholder {
    font-size: 17px;
    color: #6e727d;
    font-weight: 400
}

.blog-details-wrapper .blog-details-content .comments-respond .form-control::-moz-placeholder,
.blog-details-wrapper .blog-details-content .comments-respond textarea::-moz-placeholder {
    font-size: 17px;
    color: #6e727d;
    font-weight: 400
}

.blog-details-wrapper .blog-details-content .comments-respond .form-control:-ms-input-placeholder,
.blog-details-wrapper .blog-details-content .comments-respond textarea:-ms-input-placeholder {
    font-size: 17px;
    color: #6e727d;
    font-weight: 400
}

.blog-details-wrapper .blog-details-content .comments-respond .form-control::-ms-input-placeholder,
.blog-details-wrapper .blog-details-content .comments-respond textarea::-ms-input-placeholder {
    font-size: 17px;
    color: #6e727d;
    font-weight: 400
}

.blog-details-wrapper .blog-details-content .comments-respond .form-control::placeholder,
.blog-details-wrapper .blog-details-content .comments-respond textarea::placeholder {
    font-size: 17px;
    color: #6e727d;
    font-weight: 400
}

.blog-details-wrapper .blog-details-content .comments-respond textarea {
    min-height: 140px;
    padding: 15px 30px
}

.blog-details-wrapper .blog-details-content .comments-respond .form-group {
    position: relative;
    margin-bottom: 20px
}

.blog-details-wrapper .blog-details-content .comments-respond .form-group i {
    color: #473bf0;
    font-size: 17px;
    position: absolute;
    right: 20px;
    top: 25px
}

.blog-details-wrapper .blog-details-content .comments-respond button.filled-btn {
    margin-top: 10px
}

.posts-sidebar .widget {
    margin-bottom: 55px
}

.posts-sidebar .widget:last-child {
    margin-bottom: 0
}

.posts-sidebar .widget .sidebar-widget-title {
    border-bottom: 1px solid #E6E6E6;
    padding-bottom: 15px;
    font-size: 24px;
    line-height: 32px;
    position: relative;
    margin-bottom: 25px
}

.posts-sidebar .widget .sidebar-widget-title:after {
    position: absolute;
    content: "";
    height: 2px;
    width: 60px;
    background-color: #473bf0;
    left: 0;
    bottom: -2px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.posts-sidebar .widget .sidebar-widget-title:hover:after {
    -webkit-transform: translate(15px, 0px);
    -ms-transform: translate(15px, 0px);
    transform: translate(15px, 0px)
}

.posts-sidebar .widget.search-widget {
    background-color: #473BF0;
    padding: 23px 30px 13px 30px
}

.posts-sidebar .widget.search-widget h4 {
    color: #fff;
    margin-bottom: 15px;
    text-transform: capitalize
}

.posts-sidebar .widget.search-widget input {
    height: 60px;
    border-radius: 30px;
    border: 0;
    background-color: #F4F4F5;
    font-size: 18px;
    padding: 0 30px;
    line-height: 1;
    padding-right: 65px;
    color: #161c2d
}

.posts-sidebar .widget.search-widget button {
    height: 45px;
    width: 45px;
    border-radius: 50px;
    position: absolute;
    top: 8px;
    right: 8px;
    background: #473bf0;
    color: #fff
}

.posts-sidebar .widget.search-widget form {
    position: relative
}

.posts-sidebar .widget.category-widget {
    background-color: #F4F7FA;
    padding: 32px 35px 30px 35px
}

.posts-sidebar .widget.category-widget .category-link li {
    margin-bottom: 10px
}

.posts-sidebar .widget.category-widget .category-link li a {
    color: #161c2d;
    font-size: 17px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    text-transform: capitalize;
    display: block;
    position: relative
}

.posts-sidebar .widget.category-widget .category-link li a:after {
    display: inline-block;
    position: absolute;
    right: 0;
    content: "\f105";
    font-family: "Font Awesome 5 Pro";
    font-weight: 400
}

.posts-sidebar .widget.category-widget .category-link li:last-child {
    margin-bottom: 0
}

.posts-sidebar .widget.latest-post-widget .popular-posts-item {
    margin-bottom: 13px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.posts-sidebar .widget.latest-post-widget .popular-posts-item .popular-posts-thumbnail {
    min-width: 75px;
    max-width: 75px;
    margin-right: 20px
}

.posts-sidebar .widget.latest-post-widget .popular-posts-item .popular-posts-thumbnail img {
    border-radius: 7px
}

.posts-sidebar .widget.latest-post-widget .popular-posts-item .popular-posts-item-content .popular-posts-title {
    font-size: 17px;
    line-height: 25px
}

.posts-sidebar .widget.latest-post-widget .popular-posts-item .popular-posts-item-content .popular-posts-title a:hover {
    color: #473bf0
}

.posts-sidebar .widget.latest-post-widget .popular-posts-item .popular-posts-item-content .posts-date {
    color: #6e727d;
    font-size: 16px
}

.posts-sidebar .widget.latest-post-widget .popular-posts-item .popular-posts-item-content .posts-date i {
    padding-right: 7px
}

.posts-sidebar .widget.latest-post-widget .popular-posts-item:last-child {
    margin-bottom: 0
}

.posts-sidebar .widget.widget-tag-cloud a {
    display: inline-block;
    padding: 3px 20px;
    background-color: #E7E8EA;
    border-radius: 50px;
    font-size: 17px;
    color: #6e727d;
    margin: 0 5px 10px 0;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.posts-sidebar .widget.widget-tag-cloud a:hover {
    background-color: #473bf0;
    color: #fff
}

.posts-sidebar .widget.category-widget .category-link li a:hover {
    color: #473bf0
}

.posts-sidebar .widget.widget-testimonial {
    padding: 36px 34px 26px 34px;
    background-color: #161C2D
}

.posts-sidebar .widget.widget-testimonial .single-testimonial.single-testimonial-v4 .testimonial-author {
    margin-top: 23px
}

.posts-sidebar .widget.widget-testimonial .testimonial-slider.testimonial-slider-v4 .slick-dots {
    margin-top: 39px
}

.posts-navigation {
    margin-top: 80px
}

.posts-navigation ul li a {
    border: 2px solid #E8E9EC;
    border-radius: 5px;
    margin: 0;
    font-weight: 700;
    font-size: 18px;
    color: #161c2d;
    padding: 0;
    height: 50px;
    width: 50px;
    text-align: center;
    line-height: 46px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    font-family: 'CircularStdBold'
}

.posts-navigation ul li {
    margin-right: 10px
}

.posts-navigation ul li:last-of-type {
    margin-right: 0
}

.posts-navigation .page-item:not(:first-child) .page-link {
    margin: 0
}

.posts-navigation ul li.active a {
    background: #473BF0;
    color: #fff;
    border: 2px solid #473BF0;
    -webkit-box-shadow: 0 10px 30px 0 rgba(71, 59, 240, 0.5);
    box-shadow: 0 10px 30px 0 rgba(71, 59, 240, 0.5);
    -o-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s
}

.posts-navigation ul li a:hover {
    color: #473BF0
}

.posts-navigation ul li.active a:hover {
    color: #fff
}

.footer-area {
    border-top: 1px solid rgb(71 59 240 / 10%);
    border-bottom: 5px solid #473BF0
}

.footer-area.bg-white-lilac {
    background-color: #F4F7FA
}

.footer-area .footer-area-internal {
    padding-top: 76px;
    padding-bottom: 40px
}

.footer-area .widget-title {
    margin-bottom: 22px;
    font-size:16px;
    font-weight: 200;
}

.single-footer-widget {
    margin-bottom: 30px
}

.single-footer-widget.footer-text-widget img {
    margin-bottom: 15px
}

.single-footer-widget.footer-text-widget p {
    color: #6e727d;
    font-size: 17px;
    line-height: 32px;
    margin-bottom: 20px
}

.footer-area .single-footer-widget.contact-us-widget .footer-widget-menu ul li a:after {
    display: none
}

.footer-widget-menu ul li:last-child a {
    margin-bottom: 0
}

.footer-area .single-footer-widget.contact-us-widget .footer-widget-menu ul li a {
    padding-left: 33px
}

.footer-area .single-footer-widget.contact-us-widget .footer-widget-menu ul li a i {
    position: absolute;
    left: 0;
    top: 7px
}

.footer-contact-link {
    font-size: 18px;
    color: #161c2d;
    font-family: 'CircularStdMedium'
}

.footer-contact-link:hover {
    color: #473bf0
}

.footer-widget-menu ul li a {
    margin-bottom: 10px;
    color: #6e727d;
    font-size: 14px;
    position: relative
}

.footer-widget-menu ul li a:after {
    content: "\f054";
    position: absolute;
    left: 0;
    font-family: 'Font Awesome 5 Pro';
    font-weight: 800;
    font-size: 14px;
    top: 0
}

.footer-widget-menu ul li a {
    padding-left: 20px
}

.footer-widget-menu ul li a {
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.footer-widget-menu ul li a:hover {
    color: #473bf0
}

.footer-social-links ul li {
    display: inline-block
}

.footer-social-links ul li a {
    display: block;
    height: 35px;
    width: 35px;
    background: #ECEBFD;
    border-radius: 50px;
    text-align: center;
    line-height: 36px;
    font-size: 14px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    margin-right: 8px
}

.footer-social-links ul li a:hover {
    background: #473bf0;
    color: #fff;
    -webkit-box-shadow: 0 10px 30px 0 rgba(71, 59, 240, 0.36);
    box-shadow: 0 10px 30px 0 rgba(71, 59, 240, 0.36)
}

.footer-social-links {
    margin-bottom: 30px
}

.footer-copyright p {
    font-size: 14px;
    color: #6e727d;
    line-height: 32px
}

.footer-copyright a {
    color: #473BF0
}

.footer-social-links ul li:last-of-type a {
    margin-right: 0
}

.footer-contact-link i {
    margin-right: 5px;
    color: #473BF0
}

.footer-copyright-area {
    border-top: 1px solid #1A53E8;
    padding-top: 30px;
    padding-bottom: 30px
}

.footer-copyright-area .footer-copyright {
    text-align: right
}

.footer-area.footer-area-v1 {
    background-repeat: no-repeat;
    background-size: 100%;
    background-attachment: scroll;
    background-position: bottom
}

.footer-area.footer-area-v1 .footer-area-internal {
    padding-top: 80px;
    padding-bottom: 40px
}

.footer-area.footer-area-v1 .footer-social-links {
    margin-bottom: 20px
}

.footer-area.footer-area-v1 .single-footer-widget.footer-text-widget p {
    margin-bottom: 10px
}

.single-footer-widget .footer-app-download .filled-btn {
    margin-bottom: 10px
}

.footer-area.footer-area-v2 {
    border-top: 0;
    border-bottom: 0
}

.footer-area.footer-area-v2 .footer-area-internal {
    border-top: 1px solid #1A53E8
}

.footer-area.footer-area-v2 .widget-title {
    color: #fff
}

.footer-area.footer-area-v2 .footer-widget-menu ul li a {
    color: #fff
}

.footer-area.footer-area-v2 .single-footer-widget.footer-text-widget p {
    color: #fff
}

.footer-area.footer-area-v2 .footer-contact-link {
    color: #fff;
    margin-bottom: 10px;
    font-family: 'CircularStdBook'
}

.footer-area.footer-area-v2 .footer-contact-link i {
    color: #fff
}

.footer-area.footer-area-v2 .footer-copyright p {
    color: #fff
}

.footer-area.footer-area-v2 .footer-copyright a {
    color: #fff
}

.footer-area.footer-area-v2 .footer-copyright a:hover {
    color: #F4732A
}

.footer-area.footer-area-v2 .footer-social-links ul li a {
    background: transparent;
    border: 2px solid rgb(255 255 255 / 15%);
    color: #fff
}

.footer-area.footer-area-v2 .footer-social-links ul li a:hover {
    background-color: #F4732A;
    border-color: #F4732A
}

.footer-area.footer-area-v2 .footer-widget-menu ul li a:hover {
    color: #F4732A
}

.footer-area.footer-area-v2.bg-tuna .footer-copyright-area {
    border-color: rgb(255 255 255 / 15%)
}

.footer-area.footer-area-v2 .footer-copyright-area {
    padding: 35px 0
}

.footer-area.footer-area-v3,
.footer-area.footer-area-v3 .footer-copyright-area {
    border: 0
}

.footer-area.footer-area-v3 .footer-widget-menu ul li a:hover {
    color: #8208fe
}

.footer-area.footer-area-v3 .footer-social-links ul li a {
    color: #6e727d
}

.footer-area.footer-area-v3 .footer-social-links ul li a:hover {
    background: #E25C6A;
    -webkit-box-shadow: 0 10px 30px 0 rgba(226, 92, 106, 0.36);
    box-shadow: 0 10px 30px 0 rgba(226, 92, 106, 0.36);
    color: #fff
}

.footer-area.footer-area-v3 .footer-copyright a {
    color: #6e727d
}

.footer-area.footer-area-v3 .footer-copyright a:hover {
    color: #8208FE
}

.footer-area.footer-area-v3 .footer-app-download .filled-btn {
    -webkit-box-shadow: none;
    box-shadow: none
}

.footer-area.footer-area-v3 .footer-copyright-area {
    padding: 30px 0
}

.footer-area.footer-area-v4,
.footer-area.footer-area-v4 .footer-copyright-area {
    border: 0
}

.footer-area.footer-area-v4 .footer-area-internal {
    border-bottom: 1px solid #394565
}

.footer-area.footer-area-v4 .widget-title {
    color: #fff;
    margin-bottom: 23px
}

.footer-area.footer-area-v4 .footer-widget-menu ul li a {
    color: #8496c6
}

.footer-area.footer-area-v4 .single-footer-widget.footer-text-widget p {
    color: #8496c6
}

.footer-area.footer-area-v4 .footer-contact-link {
    color: #8496c6;
    margin-bottom: 10px;
    font-family: 'CircularStdBook'
}

.footer-area.footer-area-v4 .footer-contact-link i {
    color: #8496c6
}

.footer-area.footer-area-v4 .footer-copyright p {
    color: #8496c6
}

.footer-area.footer-area-v4 .footer-copyright a {
    color: #8496c6
}

.footer-area.footer-area-v4 .footer-copyright a:hover {
    color: #fff
}

.footer-area.footer-area-v4 .footer-social-links ul li a {
    background: #3C4869;
    border: 2px solid #3C4869;
    color: #7285b7
}

.footer-area.footer-area-v4 .footer-widget-menu ul li a i {
    color: #37F;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.footer-area.footer-area-v4 .footer-social-links ul li a:hover {
    background-color: #37F;
    border-color: #37F;
    color: #fff;
    -webkit-box-shadow: 0 10px 30px 0 rgb(51 119 255 / 36%);
    box-shadow: 0 10px 30px 0 rgb(51 119 255 / 36%)
}

.footer-area.footer-area-v4 .footer-widget-menu ul li a:hover,
.footer-area.footer-area-v4 .footer-widget-menu ul li a:hover i {
    color: #fff
}

.footer-area.footer-area-v4 .footer-copyright-area {
    padding: 26px 0 26px
}

.footer-area.footer-area-v4 .footer-area-internal {
    padding-top: 75px;
    padding-bottom: 43px
}

.single-footer-widget.gallery-widget .gallery-list {
    padding-top: 8px;
    position: relative;
    overflow: hidden;
    margin-left: -10px;
    margin-right: -10px
}

.single-footer-widget.gallery-widget .gallery-list li {
    float: left;
    padding: 0 5px 0
}

.single-footer-widget.gallery-widget .gallery-list li .gallery-inner .gallery-img-box img {
    border-radius: 7px
}

.single-footer-widget.gallery-widget .gallery-list li .gallery-inner {
    position: relative;
    display: inline-block
}

.single-footer-widget.gallery-widget .gallery-list li .gallery-inner .gallery-inner-overlay {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    background: #37F;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transform: skew(0deg, 0deg) scale(1.2, 1.2);
    -ms-transform: skew(0deg, 0deg) scale(1.2, 1.2);
    transform: skew(0deg, 0deg) scale(1.2, 1.2);
    -webkit-transition: all .4s linear;
    -o-transition: all .4s linear;
    transition: all .4s linear;
    height: 100%;
    width: 100%
}

.single-footer-widget.gallery-widget .gallery-list li:hover .gallery-inner .gallery-inner-overlay {
    opacity: .75;
    -webkit-transform: translate(0px);
    -ms-transform: translate(0px);
    transform: translate(0px)
}

.single-footer-widget.gallery-widget .gallery-list li .gallery-inner .gallery-inner-overlay a {
    color: #fff;
    position: relative;
    display: inline-block;
    font-size: 24px;
    line-height: 24px;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 500ms ease 100ms;
    -o-transition: all 500ms ease 100ms;
    transition: all 500ms ease 100ms
}

.single-footer-widget.gallery-widget .gallery-list li:hover .gallery-inner .gallery-inner-overlay a {
    -webkit-transform: scale(1.0);
    -ms-transform: scale(1.0);
    transform: scale(1.0);
    -webkit-transition: all 700ms ease 600ms;
    -o-transition: all 700ms ease 600ms;
    transition: all 700ms ease 600ms
}

.single-footer-widget.gallery-widget .gallery-list li .gallery-inner .gallery-img-box {
    overflow: hidden;
    position: relative;
    border-radius: 7px
}





/*======================================
	Footer	CSS
========================================*/

.side-fixed {
    width: 80px;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.08);
    position: fixed;
    right: 0;
    bottom: 200px;
    z-index: 99999;
    border-radius: 6px 0 0 6px;
    /* overflow: hidden; */
}

.side-fixed .side-item {
    width: 80px;
    height: 80px;
    text-align: center;
    cursor: pointer;
    transition: 0.3s;
    position: relative;
    background-color: #fff;
}

.side-fixed .side-item:hover {
    background-color: #3860f4;
    transition: 0.3s;
}

.side-fixed .side-item:hover .content {
    display: block;
    transition: 0.3s;
}

.side-fixed .side-item .icon svg {
    width: 32px;
    height: 32px;
    margin: auto;
    margin-top: 10px;
    transition: 0.3s;
    fill: #3860f4;
}

.side-fixed .side-item:hover .icon svg {
    fill: #fff;
    transition: 0.3s;
}

.side-fixed .side-item .name {
    font-size: 14px;
}

.side-fixed .side-item:hover .name {
    color: #fff;
}

.side-fixed .side-item .content {
    position: absolute;
    top: 0;
    right: 85px;
    background-color: #fff;
    transition: 0.3s;
    border-radius: 6px;
    border-top: 3px solid #3860f4;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.08);
    display: none;
    transition: 0.6s;
}

.side-fixed .side-item .content .tips {
    font-size: 14px;
    color: #333;
}

.side-fixed .side-item.wechat {
    border-radius: 6px 0 0 0;
    text-align: center;
}

.side-fixed .side-item.wechat .content {
    width: 160px;
    height: 180px;
}

.side-fixed .side-item.wechat .qrcode {
    width: 130px;
    margin: auto;
    margin-top: 10px;
}

.side-fixed .side-item.wechat .qrcode img {
    width: 130px;
    height: 130px;
}

.side-fixed .side-item.tel .content {
    width: 240px;
    height: 100px;
    text-align: left;
}

.side-fixed .side-item.tel .content .title svg {
    width: 16px;
    height: 16px;
    fill: #3860f4;
}

.side-fixed .side-item.tel .content .title {
    margin-top: 15px;
    margin-bottom: 10px;
    margin-left: 20px;
}

.side-fixed .side-item.tel .content .num {
    font-size: 28px;
    margin-left: 10px;
    color: #3860f4;
    margin-left: 20px;
}

.side-fixed .side-item.gift {
    border-radius: 0 0 0 6px;
}

.side-fixed .side-item.follow .content {
    width: 160px;
    height: 180px;
}

.side-fixed .side-item.follow .qrcode {
    width: 130px;
    margin: auto;
    margin-top: 10px;
}

.side-fixed .side-item.follow .qrcode img {
    width: 130px;
    height: 130px;
}


/* 实现抖动 */

@keyframes myfirst {
    0% {
        transform: scale(1);
        transform: scale(1)
    }
    70%,
    73% {
        transform: scale(0.9) rotate(-3deg);
        transform: scale(0.9) rotate(-3deg)
    }
    77%,
    83%,
    90%,
    97% {
        transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg)
    }
    80%,
    87%,
    93% {
        transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg)
    }
    100% {
        transform: scale(1) rotate(0);
        transform: scale(1) rotate(0)
    }
}

.side-fixed .side-item.gift .icon {
    -webkit-animation: myfirst 2s both infinite;
    -moz-animation: myfirst 2s both infinite;
    -ms-animation: myfirst 2s both infinite;
    animation: myfirst 2s both infinite;
}


/*======================================
	End Footer	CSS
========================================*/



/*======================================
	Popup	CSS
========================================*/

.popup {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 99999;
    background-color: rgba(0, 0, 0, 0.08);
}

.popup .window {
    width: 740px;
    height: 235px;
    margin-top: -140px;
    margin-left: -370px;
    background-image: url("../image/popup.png");
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 99999;
    border-radius: 9px;
}

.popup .window img {
    position: absolute;
    right: 30px;
    top: 20px;
    width: 150px;
}

.popup .window .btn {
    position: absolute;
    background-color: #3860f4;
    color: #fff;
    border-radius: 100px;
    bottom: -40px;
    left: 50%;
    margin-left: -52px;
    cursor: pointer;
    padding: .375rem 1.25rem;
}

.popup .window .btn:hover {
    opacity: 0.9;
}


/*======================================
	End Popup	CSS
========================================*/