@use "sass:math";
:root
{
    --theme-color: #004aad;
    --title-color: #141d38;
    --body-color: #737887;
    --smoke-color: #f5f5f5;
    --smoke-color2: #e2e8fa;
    --black-color: #000;
    --black-color2: #080e1c;
    --gray-color: #bdbdbd;
    --white-color: #fff;
    --light-color: #72849b;
    --yellow-color: #ffb539;
    --success-color: #28a745;
    --error-color: #dc3545;
    --th-border-color: #e0e0e0;
    --title-font: 'Barlow',sans-serif;
    --body-font: 'Roboto',sans-serif;
    --icon-font: "Font Awesome 6 Pro";
    --main-container: 1220px;
    --container-gutters: 24px;
    --section-space: 120px;
    --section-space-mobile: 80px;
    --section-title-space: 60px;
    --ripple-ani-duration: 5s;
}
html, body
{
    scroll-behavior: auto!important;
}
body
{
    font-family: var(--title-font);
    font-size: 16px;
    font-weight: 400;
    color: var(--body-color);
    line-height: 26px;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
}
iframe
{
    border: none;
    width: 100%;
}
.slick-slide:focus, button:focus, a:focus, a:active, input, input:hover, input:focus, input:active, textarea, textarea:hover, textarea:focus, textarea:active
{
    outline: none;
}
input:focus
{
    outline: none;
    box-shadow: none;
}
img:not([draggable]), embed, object, video
{
    max-width: 100%;
    height: auto;
}
ul
{
    list-style-type: disc;
}
ol
{
    list-style-type: decimal;
}
table
{
    margin: 0 0 1.5em;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: 1px solid var(--th-border-color);
}
th
{
    font-weight: 700;
    color: var(--title-color);
}
td, th
{
    border: 1px solid var(--th-border-color);
    padding: 9px 12px;
}
a
{
    color: var(--theme-color);
    text-decoration: none;
    outline: 0;
    -webkit-transition: all ease .4s;
    transition: all ease .4s;
}
a:hover
{
    color: var(--title-color);
}
a:active, a:focus, a:hover, a:visited
{
    text-decoration: none;
    outline: 0;
}
button
{
    -webkit-transition: all ease .4s;
    transition: all ease .4s;
}
img
{
    border: none;
    max-width: 100%;
}
ins
{
    text-decoration: none;
}
pre
{
    font-family: var(--body-font);
    background: #f5f5f5;
    color: #666;
    font-size: 14px;
    margin: 20px 0;
    overflow: auto;
    padding: 20px;
    white-space: pre-wrap;
    word-wrap: break-word;
}
span.ajax-loader:empty, p:empty
{
    display: none;
}
p
{
    font-family: var(--body-font);
    margin: 0 0 18px 0;
    color: var(--body-color);
    line-height: 1.75;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, p a, span a
{
    font-size: inherit;
    font-family: inherit;
    font-weight: inherit;
    line-height: inherit;
}
.h1, h1, .h2, h2, .h3, h3, .h4, h4, .h5, h5, .h6, h6
{
    font-family: var(--title-font);
    color: var(--title-color);
    text-transform: none;
    font-weight: 700;
    line-height: 1.4;
    margin: 0 0 15px 0;
}
.h1, h1
{
    font-size: 48px;
    line-height: 1.208;
}
.h2, h2
{
    font-size: 40px;
    line-height: 1.25;
}
.h3, h3
{
    font-size: 36px;
    line-height: 1.278;
}
.h4, h4
{
    font-size: 30px;
    line-height: 1.333;
}
.h5, h5
{
    font-size: 24px;
    line-height: 1.417;
}
.h6, h6
{
    font-size: 20px;
    line-height: 1.5;
}
@media(max-width: 1199px)
{
    .h1, h1
    {
        font-size: 44px;
        line-height: 1.3;
    }
    .h2, h2
    {
        font-size: 36px;
        line-height: 1.3;
    }
    .h3, h3
    {
        font-size: 30px;
    }
    .h4, h4
    {
        font-size: 24px;
    }
    .h5, h5
    {
        font-size: 20px;
    }
    .h6, h6
    {
        font-size: 16px;
    }
}
@media(max-width: 767px)
{
    .h1, h1
    {
        font-size: 40px;
    }
    .h2, h2
    {
        font-size: 34px;
        line-height: 1.3;
    }
    .h3, h3
    {
        font-size: 26px;
    }
    .h4, h4
    {
        font-size: 22px;
    }
    .h5, h5
    {
        font-size: 18px;
    }
    .h6, h6
    {
        font-size: 16px;
    }
}
@media(max-width: 575px)
{
    .h1, h1
    {
        font-size: 34px;
        line-height: 1.35;
    }
    .h2, h2
    {
        font-size: 28px;
    }
}
@media(max-width: 375px)
{
    .h1, h1
    {
        font-size: 32px;
    }
}
@media(max-width: 1399px)
{
    :root
    {
        --main-container: 1250px;
    }
}
@media(min-width: 1370px)
{
    .th-container2
    {
        --main-container: 1470px;
    }
    .th-container2 .container
    {
        --main-container: 1220px;
    }
}
@media(min-width: 1922px)
{
    .th-container2
    {
        margin-left: auto;
        margin-right: auto;
    }
}
@media only screen and (min-width: 1300px)
{
    .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container
    {
        max-width: calc(var(--main-container) + var(--container-gutters));
        padding-left: calc(var(--container-gutters) / 2);
        padding-right: calc(var(--container-gutters) / 2);
    }
    .container-xxl.px-0, .container-xl.px-0, .container-lg.px-0, .container-md.px-0, .container-sm.px-0, .container.px-0
    {
        max-width: var(--main-container);
    }
    .th-container4
    {
        --main-container: 1380px;
    }
    .th-container5
    {
        --main-container: 1320px;
    }
}
@media only screen and (min-width: 1300px)
{
    .th-container
    {
        --main-container: 1720px;
    }
}
@media only screen and (max-width: 1600px)
{
    .container-fluid.px-0
    {
        padding-left: 15px!important;
        padding-right: 15px!important;
    }
    .container-fluid.px-0 .row
    {
        margin-left: 0!important;
        margin-right: 0!important;
    }
}
.th-container3
{
    max-width: 1520px;
}
.round-container
{
    max-width: 1620px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 20px;
    position: relative;
    z-index: 2;
    overflow: hidden;
}
@media(max-width: 1199px)
{
    .round-container
    {
        border-radius: 0;
    }
}
.slick-track>[class*=col]
{
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) / 2);
    padding-left: calc(var(--bs-gutter-x) / 2);
    margin-top: var(--bs-gutter-y);
}
.gy-30
{
    --bs-gutter-y: 30px;
}
.gy-40
{
    --bs-gutter-y: 40px;
}
.gy-50
{
    --bs-gutter-y: 50px;
}
.gx-10
{
    --bs-gutter-x: 10px;
}
@media(min-width: 1299px)
{
    .gx-60
    {
        --bs-gutter-x: 60px;
    }
}
@media(min-width: 1399px)
{
    .gx-30
    {
        --bs-gutter-x: 30px;
    }
    .gx-25
    {
        --bs-gutter-x: 25px;
    }
    .gx-40
    {
        --bs-gutter-x: 40px;
    }
}
@media(max-width: 991px)
{
    .gy-50
    {
        --bs-gutter-y: 40px;
    }
}
select, .form-control, .form-select, textarea, input
{
    height: 38px;
    padding: 0 25px 0 25px;
    padding-right: 45px;
    border: 1px solid transparent;
    color: var(--body-color);
    background-color: var(--smoke-color);
    border-radius: 4px;
    font-size: 16px;
    width: 100%;
    font-family: var(--body-font);
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}
select:focus, .form-control:focus, .form-select:focus, textarea:focus, input:focus
{
    outline: 0;
    box-shadow: none;
    border-color: var(--theme-color);
    background-color: var(--smoke-color);
}
select::-moz-placeholder, .form-control::-moz-placeholder, .form-select::-moz-placeholder, textarea::-moz-placeholder, input::-moz-placeholder
{
    color: var(--body-color);
}
select::-webkit-input-placeholder, .form-control::-webkit-input-placeholder, .form-select::-webkit-input-placeholder, textarea::-webkit-input-placeholder, input::-webkit-input-placeholder
{
    color: var(--body-color);
}
select:-ms-input-placeholder, .form-control:-ms-input-placeholder, .form-select:-ms-input-placeholder, textarea:-ms-input-placeholder, input:-ms-input-placeholder
{
    color: var(--body-color);
}
select::-webkit-input-placeholder, .form-control::-webkit-input-placeholder, .form-select::-webkit-input-placeholder, textarea::-webkit-input-placeholder, input::-webkit-input-placeholder
{
    color: var(--body-color);
}
select::-moz-placeholder, .form-control::-moz-placeholder, .form-select::-moz-placeholder, textarea::-moz-placeholder, input::-moz-placeholder
{
    color: var(--body-color);
}
select:-ms-input-placeholder, .form-control:-ms-input-placeholder, .form-select:-ms-input-placeholder, textarea:-ms-input-placeholder, input:-ms-input-placeholder
{
    color: var(--body-color);
}
select::-ms-input-placeholder, .form-control::-ms-input-placeholder, .form-select::-ms-input-placeholder, textarea::-ms-input-placeholder, input::-ms-input-placeholder
{
    color: var(--body-color);
}
select::placeholder, .form-control::placeholder, .form-select::placeholder, textarea::placeholder, input::placeholder
{
    color: var(--body-color);
}
.form-select, select
{
    display: block;
    width: 100%;
    line-height: 1.5;
    vertical-align: middle;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E");
    background-position: right 26px center;
    background-repeat: no-repeat;
    background-size: 16px 12px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
}
.form-select.style2, select.style2
{
    background-image: url("data:image/svg+xml,%3Csvg width='11' height='6' viewBox='0 0 11 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.87109 1.71094L5.71484 5.62109C5.56901 5.7487 5.41406 5.8125 5.25 5.8125C5.08594 5.8125 4.9401 5.7487 4.8125 5.62109L0.65625 1.71094C0.382812 1.40104 0.373698 1.09115 0.628906 0.78125C0.920573 0.507812 1.23047 0.498698 1.55859 0.753906L5.25 4.25391L8.96875 0.753906C9.27865 0.498698 9.57943 0.498698 9.87109 0.753906C10.1263 1.08203 10.1263 1.40104 9.87109 1.71094Z' fill='%238B929C'/%3E%3C/svg%3E");
}
textarea.form-control, textarea
{
    min-height: 154px;
    padding-top: 16px;
    padding-bottom: 17px;
}
textarea.form-control.style2, textarea.style2
{
    min-height: 100px;
}
.form-group
{
    margin-bottom: var(--bs-gutter-x);
    position: relative;
}
.form-group>i
{
    display: inline-block;
    position: absolute;
    right: 25px;
    top: 19px;
    font-size: 16px;
    color: var(--body-color);
}
.form-group>i.fa-envelope
{
    padding-top: 1px;
}
.form-group>i.fa-comment
{
    margin-top: -2px;
}
.form-group>i.fa-chevron-down
{
    width: 17px;
    background-color: var(--smoke-color);
}
.form-group.has-label>i
{
    top: 50px;
}
[class*="col-"].form-group>i
{
    right: calc((var(--bs-gutter-x) / 2) + 25px);
}
option:checked, option:focus, option:hover
{
    background-color: var(--theme-color);
    color: var(--white-color);
}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button
{
    -webkit-appearance: none;
    margin: 0;
}
input[type="number"]
{
    -moz-appearance: textfield;
}
input[type="checkbox"]
{
    visibility: hidden;
    opacity: 0;
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 0;
    display: none;
}
input[type="checkbox"]:checked~label:before
{
    content: "";
    color: var(--white-color);
    background-color: var(--theme-color);
    border-color: var(--theme-color);
}
input[type="checkbox"]~label
{
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    display: block;
}
input[type="checkbox"]~label:before
{
    content: "";
    font-family: var(--icon-font);
    font-weight: 700;
    position: absolute;
    left: 0;
    top: 3.5px;
    background-color: var(--white-color);
    border: 1px solid var(--th-border-color);
    height: 18px;
    width: 18px;
    line-height: 18px;
    text-align: center;
    font-size: 12px;
}
input[type="checkbox"].style2~label
{
    color: #8b929c;
    padding-left: 23px;
    margin-bottom: -.5em;
}
input[type="checkbox"].style2~label:before
{
    background-color: rgba(255,255,255,.1);
    border: 1px solid #8b929c;
    height: 14px;
    width: 14px;
    line-height: 14px;
    border-radius: 3px;
    top: 6px;
}
input[type="checkbox"].style2:checked~label:before
{
    color: var(--theme-color);
}
input[type="radio"]
{
    visibility: hidden;
    opacity: 0;
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 0;
    display: none;
}
input[type="radio"]~label
{
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    line-height: 1;
    display: inline-block;
    font-weight: 600;
    margin-bottom: 0;
}
input[type="radio"]~label::before
{
    content: "";
    position: absolute;
    font-family: var(--icon-font);
    left: 0;
    top: -2px;
    width: 20px;
    height: 20px;
    padding-left: 0;
    font-size: .6em;
    line-height: 19px;
    text-align: center;
    border: 1px solid var(--theme-color);
    border-radius: 100%;
    font-weight: 700;
    background: var(--white-color);
    color: transparent;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}
input[type="radio"]:checked~label::before
{
    border-color: var(--theme-color);
    background-color: var(--theme-color);
    color: var(--white-color);
}
label
{
    margin-bottom: .5em;
    margin-top: -.3em;
    display: block;
    color: var(--title-color);
    font-family: var(--body-font);
    font-size: 16px;
}
textarea.is-invalid, select.is-invalid, input.is-invalid, .was-validated input:invalid
{
    border: 1px solid var(--error-color)!important;
    background-position: right calc(.375em + .8875rem) center;
    background-image: none;
}
textarea.is-invalid:focus, select.is-invalid:focus, input.is-invalid:focus, .was-validated input:invalid:focus
{
    outline: 0;
    box-shadow: none;
}
textarea.is-invalid
{
    background-position: top calc(.375em + .5875rem) right calc(.375em + .8875rem);
}
.row.no-gutters>.form-group
{
    margin-bottom: 0;
}
.form-messages
{
    display: none;
}
.form-messages.mb-0 *
{
    margin-bottom: 0;
}
.form-messages.success
{
    color: var(--success-color);
    display: block;
}
.form-messages.error
{
    color: var(--error-color);
    display: block;
}
.form-messages pre
{
    padding: 0;
    background-color: transparent;
    color: inherit;
}
.swiper-wrapper.row
{
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}
.th-slider.has-shadow
{
    padding-left: 12px;
    padding-right: 12px;
    margin: -25px -12px;
}
.th-slider.has-shadow .swiper-wrapper
{
    padding: 25px 0;
}
.swiper-fade .swiper-slide
{
    -webkit-transition: .6s ease-in-out;
    transition: .6s ease-in-out;
}
.swiper-fade .swiper-slide-prev
{
    opacity: 0;
}
.swiper-pagination-bullets
{
    position: relative;
    z-index: 3;
    margin: 50px 0 10px 0;
    line-height: 12px;
    height: 12px;
}
.swiper-pagination-bullets .swiper-pagination-bullet
{
    display: inline-block;
    --swiper-pagination-bullet-size: 12px;
    --swiper-pagination-bullet-horizontal-gap: 8px;
    margin: 5px 7px;
    opacity: 1;
    background-color: var(--th-border-color);
    position: relative;
    cursor: pointer;
}
.swiper-pagination-bullets .swiper-pagination-bullet:first-child
{
    margin-left: 0;
}
.swiper-pagination-bullets .swiper-pagination-bullet:last-child
{
    margin-right: 0;
}
.swiper-pagination-bullets .swiper-pagination-bullet:before
{
    content: '';
    position: absolute;
    inset: -5px;
    border: 1px solid var(--theme-color);
    background: var(--theme-color);
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    border-radius: inherit;
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}
.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active:before
{
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
}
.slider-area
{
    position: relative;
}
.slider-arrow
{
    display: inline-block;
    padding: 0;
    background-color: var(--white-color);
    border: 1px solid #ebedf1;
    -webkit-filter: drop-shadow(0 26px 65px rgba(232,234,238,.55));
    filter: drop-shadow(0 26px 65px rgba(232,234,238,.55));
    color: var(--theme-color);
    position: absolute;
    top: 50%;
    left: var(--pos-x,-120px);
    width: var(--icon-size,55px);
    height: var(--icon-size,55px);
    line-height: var(--icon-size,55px);
    font-size: var(--icon-font-size,18px);
    margin-top: calc(var(--icon-size,55px) / -2);
    z-index: 3;
    border-radius: 50%;
}
.slider-arrow.style2:hover
{
    background-color: var(--title-color);
    color: var(--white-color);
    border-color: var(--title-color);
}
.slider-arrow.style3
{
    background-color: var(--theme-color);
    color: var(--white-color);
    border-color: var(--theme-color);
}
.slider-arrow.style3:hover
{
    background-color: var(--title-color);
    border-color: var(--title-color);
}
.slider-arrow.default
{
    position: relative;
    --pos-x: 0;
    margin-top: 0;
}
.slider-arrow.slider-next
{
    right: var(--pos-x,-120px);
    left: auto;
}
.slider-arrow:hover
{
    background-color: var(--theme-color);
    color: var(--white-color);
    border-color: var(--theme-color);
}
.arrow-margin .slider-arrow
{
    top: calc(50% - 30px);
}
.arrow-wrap
{
    position: relative;
}
.arrow-wrap .slider-arrow
{
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(.4);
    -ms-transform: scale(.4);
    transform: scale(.4);
}
@media(max-width: 1299px)
{
    .arrow-wrap .slider-arrow
    {
        display: none;
    }
}
.arrow-wrap:hover .slider-arrow
{
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
@media(max-width: 1500px)
{
    .slider-arrow
    {
        --arrow-horizontal: -20px;
        --pos-x: -70px;
    }
}
@media(max-width: 1399px)
{
    .slider-arrow
    {
        --arrow-horizontal: 40px;
        --pos-x: -17px;
    }
}
.icon-box .slider-arrow
{
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    visibility: visible;
}
.icon-box .slider-arrow:not(:last-child)
{
    margin-right: 8px;
}
@media(max-width: 991px)
{
    .slider-arrow
    {
        --icon-size: 40px;
        line-height: 38px;
        margin-right: 40px;
        font-size: 14px;
    }
    .slider-arrow.slider-next
    {
        margin-right: 0;
        margin-left: 40px;
    }
    .slick-dots
    {
        margin: 40px 0 0 0;
    }
    .icon-box .slider-arrow
    {
        margin-right: 0;
    }
}
.slick-3d-active
{
    margin-left: -12%;
    margin-right: -12%;
}
.slick-3d-active .slick-list
{
    padding-left: 30%!important;
    padding-right: 30%!important;
}
.slick-3d-active .slick-track
{
    max-width: 100%!important;
    -webkit-transform: translate3d(0,0,0)!important;
    transform: translate3d(0,0,0)!important;
    -webkit-perspective: 100px;
    perspective: 100px;
}
.slick-3d-active .slick-slide
{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    opacity: 0;
    width: 100%!important;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-transition: opacity 1s,-webkit-transform 1s;
    transition: opacity 1s,-webkit-transform 1s;
    transition: transform 1s,opacity 1s;
    transition: transform 1s,opacity 1s,-webkit-transform 1s;
}
.slick-3d-active .slick-3d-next, .slick-3d-active .slick-3d-prev, .slick-3d-active .slick-3d-next2, .slick-3d-active .slick-3d-prev2
{
    display: block;
}
.slick-3d-active .slick-current
{
    opacity: 1;
    position: relative;
    display: block;
    z-index: 2;
}
.slick-3d-active .slick-3d-next
{
    opacity: 1;
    -webkit-transform: translate3d(50%,0,-21px);
    transform: translate3d(50%,0,-21px);
    z-index: 1;
    -webkit-perspective: 1000px;
    perspective: 1000px;
}
.slick-3d-active .slick-3d-next2
{
    opacity: 1;
    -webkit-transform: translate3d(40%,0,-23px);
    transform: translate3d(40%,0,-23px);
    z-index: 0;
    -webkit-perspective: 1000px;
    perspective: 1000px;
}
.slick-3d-active .slick-3d-prev
{
    opacity: 1;
    -webkit-transform: translate3d(-50%,0,-21px);
    transform: translate3d(-50%,0,-21px);
}
.slick-3d-active .slick-3d-prev .testi-card
{
    box-shadow: none;
}
.slick-3d-active .slick-3d-prev2
{
    opacity: 1;
    -webkit-transform: translate3d(-40%,0,-23px);
    transform: translate3d(-40%,0,-23px);
}
.th-menu-wrapper
{
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.6);
    z-index: 999999;
    width: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all ease .8s;
    transition: all ease .8s;
    opacity: 0;
    visibility: hidden;
}
.th-menu-wrapper .mobile-logo
{
    padding-bottom: 30px;
    padding-top: 40px;
    display: block;
    text-align: center;
    background-color: var(--smoke-color2);
}
.th-menu-wrapper .mobile-logo svg
{
    max-width: 185px;
}
.th-menu-wrapper .th-menu-toggle
{
    border: none;
    font-size: 22px;
    position: absolute;
    right: -16.5px;
    top: 25px;
    padding: 0;
    line-height: 1;
    width: 33px;
    height: 33px;
    line-height: 35px;
    font-size: 18px;
    z-index: 1;
    color: var(--white-color);
    background-color: var(--theme-color);
    border-radius: 50%;
}
.th-menu-wrapper .th-menu-toggle:hover
{
    background-color: var(--title-color);
    color: var(--white-color);
}
.th-menu-wrapper .th-menu-area
{
    width: 100%;
    max-width: 310px;
    background-color: #fff;
    border-right: 3px solid var(--theme-color);
    height: 100%;
    position: relative;
    left: -110%;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all ease 1s;
    transition: all ease 1s;
    z-index: 1;
}
.th-menu-wrapper.th-body-visible
{
    opacity: 1;
    visibility: visible;
}
.th-menu-wrapper.th-body-visible .th-menu-area
{
    left: 0;
    opacity: 1;
    visibility: visible;
}
.th-mobile-menu
{
    overflow-y: scroll;
    max-height: calc(100vh - 200px);
    padding-bottom: 40px;
    margin-top: 33px;
    text-align: left;
}
.th-mobile-menu ul
{
    margin: 0;
    padding: 0 0;
}
.th-mobile-menu ul li
{
    border-bottom: 1px solid #fdedf1;
    list-style-type: none;
}
.th-mobile-menu ul li li:first-child
{
    border-top: 1px solid #fdedf1;
}
.th-mobile-menu ul li a
{
    display: block;
    position: relative;
    padding: 12px 0;
    line-height: 1.4;
    font-size: 16px;
    text-transform: capitalize;
    color: var(--title-color);
    padding-left: 18px;
}
.th-mobile-menu ul li a:before
{
    
    font-family: var(--icon-font);
    position: absolute;
    left: 0;
    top: 12px;
    margin-right: 10px;
    display: inline-block;
}
.th-mobile-menu ul li.th-active>a
{
    color: var(--theme-color);
}
.th-mobile-menu ul li.th-active>a:before
{
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.th-mobile-menu ul li ul li
{
    padding-left: 20px;
}
.th-mobile-menu ul li ul li:last-child
{
    border-bottom: none;
}
.th-mobile-menu ul .th-item-has-children>a .th-mean-expand
{
    position: absolute;
    right: 0;
    top: 50%;
    font-weight: 400;
    font-size: 12px;
    width: 25px;
    height: 25px;
    line-height: 25px;
    margin-top: -12.5px;
    display: inline-block;
    text-align: center;
    background-color: var(--smoke-color);
    color: var(--title-color);
    box-shadow: 0 0 20px -8px rgba(173,136,88,.5);
    border-radius: 50%;
}
.th-mobile-menu ul .th-item-has-children>a .th-mean-expand:before
{
    content: '';
    font-family: var(--icon-font);
}
.th-mobile-menu ul .th-item-has-children>a:after
{
    content: "";
    font-family: var(--icon-font);
    width: 22px;
    height: 22px;
    line-height: 22px;
    display: inline-block;
    text-align: center;
    font-size: 12px;
    border-radius: 50px;
    background-color: var(--smoke-color);
    float: right;
    margin-top: 1px;
}
.th-mobile-menu ul .th-item-has-children.th-active>a .th-mean-expand:before
{
    content: '';
}
.th-mobile-menu ul .th-item-has-children.th-active>a:after
{
    content: "";
}
.th-mobile-menu>ul
{
    padding: 0 40px;
}
.th-mobile-menu>ul>li:last-child
{
    border-bottom: none;
}
.th-menu-toggle
{
    width: 56px;
    height: 56px;
    padding: 0;
    font-size: 20px;
    border: none;
    background-color: var(--theme-color);
    color: var(--white-color);
    display: inline-block;
    border-radius: 4px;
}
.th-menu-toggle:hover
{
    background-color: var(--title-color);
}
.th-menu-toggle.style-text, .th-menu-toggle.style-text-white
{
    width: auto;
    height: auto;
    background-color: transparent;
    color: var(--title-color);
    font-size: 20px;
}
.th-menu-toggle.style-text i, .th-menu-toggle.style-text-white i
{
    margin-right: 10px;
}
.th-menu-toggle.style-text-white
{
    color: var(--white-color);
}
@media(max-width: 400px)
{
    .th-menu-wrapper .th-menu-area
    {
        width: 100%;
        max-width: 270px;
    }
    .th-mobile-menu>ul
    {
        padding: 0 20px;
    }
}
.preloader
{
    position: fixed;
    inset: 0;
    z-index: 999;
    background-color: var(--white-color);
}
.th-preloader
{
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
}
.th-preloader .animation-preloader
{
    position: absolute;
    z-index: 100;
}
.th-preloader .animation-preloader .txt-loading
{
    font-family: var(--title-font);
    font-size: 72px;
    line-height: 82px;
    font-weight: 700;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.th-preloader .animation-preloader .txt-loading .characters
{
    color: rgba(0,0,0,.2);
    position: relative;
}
.th-preloader .animation-preloader .txt-loading .characters:before
{
    -webkit-animation: characters 4s infinite;
    animation: characters 4s infinite;
    color: var(--theme-color);
    content: attr(preloader-text);
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transform: rotateY(-90deg);
    transform: rotateY(-90deg);
}
.th-preloader .animation-preloader .txt-loading .characters:nth-child(2):before
{
    -webkit-animation-delay: .2s;
    animation-delay: .2s;
}
.th-preloader .animation-preloader .txt-loading .characters:nth-child(3):before
{
    -webkit-animation-delay: .4s;
    animation-delay: .4s;
}
.th-preloader .animation-preloader .txt-loading .characters:nth-child(4):before
{
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
}
.th-preloader .animation-preloader .txt-loading .characters:nth-child(5):before
{
    -webkit-animation-delay: .8s;
    animation-delay: .8s;
}
.th-preloader .animation-preloader .txt-loading .characters:nth-child(6):before
{
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}
@media(max-width: 575px)
{
    .th-preloader .animation-preloader .txt-loading
    {
        font-size: 30px;
        line-height: 30px;
    }
}
@-webkit-keyframes characters
{
    0%, 75%, 100%
    {
        opacity: 0;
        -webkit-transform: rotateY(-90deg);
        transform: rotateY(-90deg);
    }
    25%, 50%
    {
        opacity: 1;
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }
}
@keyframes characters
{
    0%, 75%, 100%
    {
        opacity: 0;
        -webkit-transform: rotateY(-90deg);
        transform: rotateY(-90deg);
    }
    25%, 50%
    {
        opacity: 1;
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }
}
.th-btn
{
    position: relative;
    z-index: 2;
    overflow: hidden;
    vertical-align: middle;
    display: inline-block;
    border: none;
    text-transform: uppercase;
    text-align: center;
    background-color: var(--theme-color);
    color: var(--white-color);
    font-family: var(--body-font);
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    padding: 16.5px 14px;
    min-width: 144px;
    border-radius: 4px;
}
.th-btn:before, .th-btn:after
{
    content: "";
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    width: 100%;
    background-color: var(--title-color);
    z-index: -1;
    -webkit-transition: all .4s ease-out;
    transition: all .4s ease-out;
    border-radius: 99px;
    -webkit-transform: scaleY(1.1);
    -ms-transform: scaleY(1.1);
    transform: scaleY(1.1);
}
.th-btn:before
{
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
}
.th-btn:after
{
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
}
.th-btn:hover, .th-btn.active
{
    color: var(--white-color);
    box-shadow: none;
}
.th-btn:hover::before, .th-btn:hover:after, .th-btn.active::before, .th-btn.active:after
{
    border-radius: 0;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.th-btn.style2
{
    background-color: transparent;
    color: var(--white-color);
    border: 1px solid var(--white-color);
    padding: 20px 40px;
    box-shadow: none;
}
.th-btn.style2:hover
{
    color: var(--title-color);
    border-color: var(--white-color);
}
.th-btn.style2:hover:before, .th-btn.style2:hover:after
{
    background-color: var(--white-color);
}
.th-btn.style3:hover
{
    color: var(--title-color);
}
.th-btn.style3:hover:before, .th-btn.style3:hover:after
{
    background-color: var(--white-color);
}
.th-btn.style4
{
    background-color: var(--title-color);
    color: var(--white-color);
}
.th-btn.style4:hover
{
    color: var(--title-color);
}
.th-btn.style4:hover:before, .th-btn.style4:hover:after
{
    background-color: var(--white-color);
}
.th-btn.style5
{
    background-color: var(--white-color);
    color: var(--title-color);
    box-shadow: none;
}
.th-btn.style5:hover
{
    color: var(--white-color);
}
.th-btn.style5:hover:before, .th-btn.style5:hover:after
{
    background-color: var(--title-color);
}
.th-btn.style6
{
    background-color: var(--white-color);
    color: var(--title-color);
    box-shadow: none;
}
.th-btn.style6:hover
{
    color: var(--white-color);
}
.th-btn.style6:hover:before, .th-btn.style6:hover:after
{
    background-color: var(--theme-color);
}
.th-btn.style-radius
{
    border-radius: 100px;
    padding: 18px 40px;
}
.th-btn.btn-fw
{
    width: 100%;
}
.th-btn.btn-fw:before, .th-btn.btn-fw:after
{
    display: none;
}
.th-btn.btn-fw:hover
{
    background-color: var(--title-color);
}
.th-btn.style-border
{
    background-color: transparent;
    color: var(--theme-color);
    border: 1px solid var(--theme-color);
    box-shadow: none;
}
.th-btn.style-border:hover
{
    color: var(--white-color);
    border-color: var(--theme-color);
}
.th-btn.style-border:hover:before, .th-btn.style-border:hover:after
{
    background-color: var(--theme-color);
}
.th-btn.th-border
{
    border: 1px solid rgba(255,255,255,.25);
    background: rgba(255,255,255,.06);
    -webkit-backdrop-filter: blur(12.5px);
    backdrop-filter: blur(12.5px);
    padding: 16px 39.4px;
}
.th-btn.th-border:hover
{
    background: var(--title-color);
    border: 1px solid var(--title-color);
}
.icon-btn
{
    display: inline-block;
    width: var(--btn-size,56px);
    height: var(--btn-size,56px);
    line-height: var(--btn-size,56px);
    font-size: var(--btn-font-size,16px);
    background-color: var(--icon-bg,transparent);
    color: var(--title-color);
    text-align: center;
    border-radius: 4px;
    border: 1px solid #232c47;
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}
.icon-btn:hover
{
    background-color: var(--white-color);
    color: var(--theme-color);
    border-color: var(--white-color);
}
.play-btn
{
    display: inline-block;
    position: relative;
    z-index: 1;
}
.play-btn>i
{
    display: inline-block;
    width: var(--icon-size,60px);
    height: var(--icon-size,60px);
    line-height: var(--icon-size,60px);
    text-align: center;
    background-color: var(--white-color);
    color: var(--theme-color);
    font-size: var(--icon-font-size,1.1em);
    border-radius: 50%;
    z-index: 1;
    -webkit-transition: all ease .4s;
    transition: all ease .4s;
}
.play-btn:after, .play-btn:before
{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: var(--white-color);
    z-index: -1;
    border-radius: 50%;
    -webkit-transition: all ease .4s;
    transition: all ease .4s;
}
.play-btn:after
{
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}
.play-btn:hover:after, .play-btn:hover::before, .play-btn:hover i
{
    background-color: var(--theme-color);
    color: var(--white-color);
}
.play-btn.style2:before, .play-btn.style2:after
{
    background-color: transparent;
    border: 1px solid var(--white-color);
}
.play-btn.style3>i
{
    background-color: var(--theme-color);
    color: var(--white-color);
    font-size: 20px;
}
.play-btn.style3:before, .play-btn.style3:after
{
    background-color: var(--theme-color);
}
.play-btn.style3:hover>i
{
    background-color: var(--white-color);
    color: var(--theme-color);
}
.play-btn.style3:hover:before, .play-btn.style3:hover:after
{
    background-color: var(--white-color);
}
.link-btn
{
    font-weight: 600;
    font-size: 14px;
    display: inline-block;
    line-height: .8;
    position: relative;
    padding-bottom: 2px;
    margin-bottom: -2px;
    text-transform: uppercase;
    color: var(--theme-color);
}
.link-btn i
{
    margin-left: 5px;
    font-size: .9rem;
}
.link-btn:before
{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 2px;
    background-color: var(--theme-color);
    -webkit-transition: all ease .4s;
    transition: all ease .4s;
}
.link-btn:hover
{
    color: var(--theme-color);
}
.link-btn:hover::before
{
    width: 100%;
}
.line-btn
{
    font-size: 14px;
    font-weight: 600;
    display: inline-block;
    line-height: .8;
    position: relative;
    padding-bottom: 4px;
    margin-bottom: -1px;
    text-transform: uppercase;
    color: var(--theme-color);
}
.line-btn i
{
    margin-left: 5px;
    font-size: .9rem;
}
.line-btn:before
{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: var(--theme-color);
    -webkit-transition: all ease .4s;
    transition: all ease .4s;
}
.line-btn:hover
{
    color: var(--title-color);
}
.line-btn:hover::before
{
    background-color: var(--title-color);
    width: 45px;
}
.scroll-top
{
    position: fixed;
    bottom: 30px;
    height: 50px;
    width: 50px;
    cursor: pointer;
    display: block;
    border-radius: 50px;
    z-index: 10000;
    opacity: 1;
    visibility: hidden;
    -webkit-transform: translateY(45px);
    -ms-transform: translateY(45px);
    transform: translateY(45px);
    -webkit-transition: all 300ms linear;
    transition: all 300ms linear;
    left: 10px;
}
.scroll-top:after
{
    content: "↑";
    font-family: var(--icon-font);
    position: absolute;
    text-align: center;
    line-height: 50px;
    font-size: 20px;
    color: var(--theme-color);
    left: 0;
    top: 0;
    height: 50px;
    width: 50px;
    cursor: pointer;
    display: block;
    z-index: 1;
    border: 2px solid var(--theme-color);
    box-shadow: none;
    border-radius: 50%;
}
.scroll-top svg
{
    color: var(--theme-color);
    border-radius: 50%;
    background: var(--white-color);
}
.scroll-top svg path
{
    fill: none;
}
.scroll-top .progress-circle path
{
    stroke: var(--theme-color);
    stroke-width: 20px;
    box-sizing: border-box;
    -webkit-transition: all 400ms linear;
    transition: all 400ms linear;
}
.scroll-top.show
{
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
.sec-title
{
    margin-bottom: calc(var(--section-title-space) - 10px);
    margin-top: -.32em;
    text-transform: capitalize;
}
.sub-title
{
    display: block;
    font-size: 16px;
    font-weight: 600;
    color: var(--theme-color);
    margin-bottom: 30px;
    text-transform: uppercase;
    line-height: 24px;
    margin-top: -.34em;
}
.sub-title:has(img)
{
    margin-top: 0;
}
.box-title
{
    font-size: 24px;
    line-height: 1.417;
    font-weight: 700;
    margin-top: -.32em;
}
.box-title a
{
    color: inherit;
}
.box-title a:hover
{
    color: var(--theme-color);
}
.sec-text
{
    max-width: 720px;
}
.title-area
{
    margin-bottom: calc(var(--section-title-space) - 10px);
    position: relative;
    z-index: 2;
}
.title-area .sec-title
{
    margin-bottom: 15px;
}
.title-area.mb-0 .sec-title
{
    margin-bottom: -.41em;
}
.title-area .th-btn
{
    margin-top: 20px;
    margin-bottom: 10px;
}
hr.title-line
{
    margin-top: 0;
    background-color: var(--th-border-color);
    opacity: 1;
}
.sec-btn, .title-line
{
    margin-bottom: var(--section-title-space);
}
.shadow-title
{
    font-family: var(--title-font);
    font-size: 74px;
    font-weight: 900;
    line-height: 1;
    background-image: -webkit-linear-gradient(top,rgba(226,232,250,.7) 0%,rgba(226,232,250,0) 88.54%);
    background-image: linear-gradient(180deg,rgba(226,232,250,.7) 0%,rgba(226,232,250,0) 88.54%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    margin: -.55em 0 -.45em -.25em;
}
.shadow-title.color2
{
    background-image: -webkit-linear-gradient(top,#232c47 0%,rgba(20,29,56,0) 91.15%);
    background-image: linear-gradient(180deg,#232c47 0%,rgba(20,29,56,0) 91.15%);
}
.shadow-title.color3
{
    background-image: -webkit-linear-gradient(top,#e0e0e0 0%,rgba(220,214,214,0) 93.75%);
    background-image: linear-gradient(180deg,#e0e0e0 0%,rgba(220,214,214,0) 93.75%);
}
@media(max-width: 1199px)
{
    .sub-title
    {
        margin-bottom: 20px;
    }
    .shadow-title
    {
        font-size: 64px;
    }
    .title-area, .sec-title
    {
        --section-title-space: 60px;
    }
    .title-area.mb-45, .sec-title.mb-45
    {
        margin-bottom: 36px;
    }
    .title-area.mb-50, .sec-title.mb-50
    {
        margin-bottom: 40px;
    }
    .sec-btn, .title-line
    {
        --section-title-space: 55px;
    }
}
@media(max-width: 991px)
{
    .shadow-title
    {
        font-size: 60px;
    }
    .title-area, .sec-title
    {
        --section-title-space: 50px;
    }
    .title-area.mb-45, .sec-title.mb-45
    {
        margin-bottom: 35px;
    }
    .sec-btn, .title-line
    {
        --section-title-space: 50px;
    }
}
@media(max-width: 575px)
{
    .shadow-title
    {
        font-size: 52px;
    }
}
@media(max-width: 375px)
{
    .shadow-title
    {
        font-size: 40px;
    }
}
.shape-mockup-wrap
{
    z-index: 2;
    position: relative;
}
.shape-mockup
{
    position: absolute;
    z-index: -1;
}
.shape-mockup.z-index-3
{
    z-index: 3;
}
.z-index-step1
{
    position: relative;
    z-index: 4!important;
}
.z-index-common
{
    position: relative;
    z-index: 3;
}
.z-index-3
{
    z-index: 3;
}
.z-index-n1
{
    z-index: -1;
}
.th-radius3
{
    border-radius: 30px;
}
.media-body
{
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.badge
{
    position: absolute;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: inline-block;
    text-align: center;
    background-color: var(--theme-color);
    color: var(--white-color);
    padding: .25em .45em;
    font-size: .7em;
    border-radius: 50%;
    top: 8px;
    right: 8px;
    font-weight: 400;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
.th-social a
{
    display: inline-block;
    width: var(--icon-size,46px);
    height: var(--icon-size,46px);
    line-height: var(--icon-size,46px);
    background-color: var(--white-color);
    color: var(--body-color);
    font-size: 16px;
    text-align: center;
    margin-right: 5px;
    border-radius: 50%;
}
.th-social a:last-child
{
    margin-right: 0;
}
.th-social a:hover
{
    background-color: var(--theme-color);
    color: var(--white-color);
}
.th-social.style2 a
{
    --icon-size: 40px;
    font-size: 14px;
    background-color: transparent;
    color: var(--white-color);
    border: 1px solid;
}
.th-social.style2 a:hover
{
    border-color: var(--theme-color);
    color: var(--white-color);
    background-color: var(--theme-color);
}
.th-social.color-theme a
{
    color: var(--body-color);
    border-color: var(--theme-color);
}
.slider-shadow .slick-list
{
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom: -30px;
    margin-top: -30px;
}
.btn-group
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
}
.btn-group.style2
{
    gap: 20px 70px;
}
@media(max-width: 767px)
{
    .btn-group.style2
    {
        gap: 20px 30px;
    }
}
.th-bg-img
{
    position: absolute;
    inset: 0;
}
.th-bg-img img
{
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.icon-masking
{
    position: relative;
    display: inline-block;
    height: auto;
    width: auto;
}
.icon-masking .mask-icon
{
    position: absolute;
    height: 100%;
    width: 100%;
    mix-blend-mode: hue;
    background: var(--theme-color);
    top: 0;
}
.icon-masking2
{
    position: relative;
    display: inline-block;
    height: auto;
    width: auto;
}
.icon-masking2 .mask-icon
{
    position: absolute;
    height: 100%;
    width: 100%;
    mix-blend-mode: color;
    background: var(--theme-color);
    top: 0;
}
.mfp-zoom-in .mfp-content
{
    opacity: 0;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    -webkit-transform: scale(.7);
    -ms-transform: scale(.7);
    transform: scale(.7);
}
.mfp-zoom-in.mfp-bg
{
    opacity: 0;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
}
.mfp-zoom-in.mfp-ready .mfp-content
{
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.mfp-zoom-in.mfp-ready.mfp-bg
{
    opacity: .7;
}
.mfp-zoom-in.mfp-removing .mfp-content
{
    -webkit-transform: scale(.7);
    -ms-transform: scale(.7);
    transform: scale(.7);
    opacity: 0;
}
.mfp-zoom-in.mfp-removing.mfp-bg
{
    opacity: 0;
}
.font-icon
{
    font-family: var(--icon-font);
}
.font-title
{
    font-family: var(--title-font);
}
.font-body
{
    font-family: var(--body-font);
}
.fw-extralight
{
    font-weight: 100;
}
.fw-light
{
    font-weight: 300;
}
.fw-normal
{
    font-weight: 400;
}
.fw-medium
{
    font-weight: 500;
}
.fw-semibold
{
    font-weight: 600;
}
.fw-bold
{
    font-weight: 700;
}
.fw-extrabold
{
    font-weight: 800;
}
.fs-md
{
    font-size: 18px;
}
.fs-xs
{
    font-size: 14px;
}
.bg-theme
{
    background-color: var(--theme-color)!important;
}
.bg-smoke
{
    background-color: #fff!important;
}
.bg-smoke2
{
    background-color: var(--smoke-color2)!important;
}
.bg-white
{
    background-color: var(--white-color)!important;
}
.bg-black
{
    background-color: var(--black-color)!important;
}
.bg-black2
{
    background-color: var(--black-color2)!important;
}
.bg-title
{
    background-color: var(--title-color)!important;
}
.gradient-body
{
    background-image: -webkit-linear-gradient(349.38deg,rgba(249,215,175,.3) 0%,rgba(214,202,245,.3) 24.03%,rgba(198,241,255,.3) 45.73%,rgba(248,242,222,.3) 69.05%,rgba(212,179,253,.3) 100.44%);
    background-image: linear-gradient(100.62deg,rgba(249,215,175,.3) 0%,rgba(214,202,245,.3) 24.03%,rgba(198,241,255,.3) 45.73%,rgba(248,242,222,.3) 69.05%,rgba(212,179,253,.3) 100.44%);
}
.gr-bg1
{
    background-image: -webkit-linear-gradient(10deg,rgba(249,215,175,.3) 0%,rgba(214,202,245,.3) 23.81%,rgba(198,241,255,.3) 45.3%,rgba(248,242,222,.3) 68.4%,rgba(212,179,253,.3) 99.5%);
    background-image: linear-gradient(80deg,rgba(249,215,175,.3) 0%,rgba(214,202,245,.3) 23.81%,rgba(198,241,255,.3) 45.3%,rgba(248,242,222,.3) 68.4%,rgba(212,179,253,.3) 99.5%);
}
.gr-bg2
{
    background-image: -webkit-linear-gradient(349.38deg,rgba(249,215,175,.3) 0%,rgba(214,202,245,.3) 24.03%,rgba(198,241,255,.3) 45.73%,rgba(248,242,222,.3) 69.05%,rgba(212,179,253,.3) 100.44%);
    background-image: linear-gradient(100.62deg,rgba(249,215,175,.3) 0%,rgba(214,202,245,.3) 24.03%,rgba(198,241,255,.3) 45.73%,rgba(248,242,222,.3) 69.05%,rgba(212,179,253,.3) 100.44%);
}
.gr-bg3
{
    background-image: -webkit-linear-gradient(339.41deg,rgba(236,207,254,.4) 0%,rgba(255,221,221,.5) 46.79%,rgba(247,255,229,.7) 100%);
    background-image: linear-gradient(110.59deg,rgba(236,207,254,.4) 0%,rgba(255,221,221,.5) 46.79%,rgba(247,255,229,.7) 100%);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}
.gr-bg4
{
    background-image: -webkit-linear-gradient(344.56deg,rgba(255,229,133,.4) 0%,rgba(189,255,199,.4) 48.48%,rgba(223,109,223,.4) 100%);
    background-image: linear-gradient(105.44deg,rgba(255,229,133,.4) 0%,rgba(189,255,199,.4) 48.48%,rgba(223,109,223,.4) 100%);
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
}
.gr-bg5
{
    background: -webkit-linear-gradient(top,rgba(237,240,244,0) 0%,rgba(237,240,244,.85) 100%);
    background: linear-gradient(180deg,rgba(237,240,244,0) 0%,rgba(237,240,244,.85) 100%);
}
.gray-body
{
    background-color: #f8faff;
}
.background-image, [data-bg-src]
{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.bg-fluid
{
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center center;
}
.bg-auto
{
    background-size: auto auto;
}
.bg-top-center
{
    background-size: auto;
    background-position: top center;
}
.bg-repeat
{
    background-size: auto;
    background-repeat: repeat;
}
.bg-bottom-right
{
    background-size: auto;
    background-position: bottom right;
}
.bg-top-right
{
    background-size: auto;
    background-position: top right;
}
.text-theme
{
    color: var(--theme-color)!important;
}
.text-title
{
    color: var(--title-color)!important;
}
.text-body
{
    color: var(--body-color)!important;
}
.text-white
{
    color: var(--white-color)!important;
}
.text-light
{
    color: var(--light-color)!important;
}
.text-yellow
{
    color: var(--yellow-color)!important;
}
.text-success
{
    color: var(--success-color)!important;
}
.text-error
{
    color: var(--error-color)!important;
}
.text-inherit
{
    color: inherit;
}
.text-inherit:hover
{
    color: var(--theme-color);
}
a.text-theme:hover, .text-reset:hover
{
    text-decoration: underline;
}
.overlay
{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
.position-center
{
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
[data-overlay]
{
    position: relative;
    z-index: 2;
}
[data-overlay] [class^="col-"], [data-overlay] [class*="col-"]
{
    z-index: 1;
}
[data-overlay]:before
{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}
[data-overlay="theme"]:before
{
    background-color: var(--theme-color);
}
[data-overlay="title"]:before
{
    background-color: var(--title-color);
}
[data-overlay="white"]:before
{
    background-color: var(--white-color);
}
[data-overlay="black"]:before
{
    background-color: var(--black-color);
}
[data-overlay="overlay1"]:before
{
    background-color: #080e1c;
}
[data-opacity="1"]:before
{
    opacity: .1;
}
[data-opacity="2"]:before
{
    opacity: .2;
}
[data-opacity="3"]:before
{
    opacity: .3;
}
[data-opacity="4"]:before
{
    opacity: .4;
}
[data-opacity="5"]:before
{
    opacity: .5;
}
[data-opacity="6"]:before
{
    opacity: .6;
}
[data-opacity="7"]:before
{
    opacity: .7;
}
[data-opacity="8"]:before
{
    opacity: .8;
}
[data-opacity="9"]:before
{
    opacity: .9;
}
[data-opacity="10"]:before
{
    opacity: 1;
}
.ripple-animation, .play-btn:after, .play-btn:before, .testi-box_quote:after, .testi-box_quote:before, .testi-grid_quote:after, .testi-grid_quote:before, .faq-img4 .faq-shape:after, .faq-img4 .faq-shape:before, .service-grid_icon:after, .service-grid_icon:before, .process-card_number:after, .process-card_number:before, .process-card .pulse:after, .process-card .pulse:before
{
    -webkit-animation-duration: var(--ripple-ani-duration);
    animation-duration: var(--ripple-ani-duration);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: ripple;
    animation-name: ripple;
}
@-webkit-keyframes ripple
{
    0%
    {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0;
    }
    30%
    {
        opacity: .4;
    }
    100%
    {
        -webkit-transform: scale(1.8);
        transform: scale(1.8);
        opacity: 0;
    }
}
@keyframes ripple
{
    0%
    {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0;
    }
    30%
    {
        opacity: .4;
    }
    100%
    {
        -webkit-transform: scale(1.8);
        transform: scale(1.8);
        opacity: 0;
    }
}
@-webkit-keyframes ripple2
{
    0%
    {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0;
    }
    30%
    {
        opacity: .4;
    }
    100%
    {
        -webkit-transform: scale(2.8);
        transform: scale(2.8);
        opacity: 0;
    }
}
@keyframes ripple2
{
    0%
    {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0;
    }
    30%
    {
        opacity: .4;
    }
    100%
    {
        -webkit-transform: scale(2.8);
        transform: scale(2.8);
        opacity: 0;
    }
}
.fancy-animation
{
    -webkit-animation: morph 8s ease-in-out infinite;
    animation: morph 8s ease-in-out infinite;
}
@-webkit-keyframes morph
{
    0%
    {
        border-radius: 60% 40% 30% 70%/60% 30% 70% 40%;
    }
    50%
    {
        border-radius: 30% 60% 70% 40%/50% 60% 30% 60%;
    }
    100%
    {
        border-radius: 60% 40% 30% 70%/60% 30% 70% 40%;
    }
}
@keyframes morph
{
    0%
    {
        border-radius: 60% 40% 30% 70%/60% 30% 70% 40%;
    }
    50%
    {
        border-radius: 30% 60% 70% 40%/50% 60% 30% 60%;
    }
    100%
    {
        border-radius: 60% 40% 30% 70%/60% 30% 70% 40%;
    }
}
.movingX
{
    -webkit-animation: movingX 8s linear infinite;
    animation: movingX 8s linear infinite;
}
@-webkit-keyframes movingX
{
    0%
    {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    50%
    {
        -webkit-transform: translateX(50px);
        transform: translateX(50px);
    }
    100%
    {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes movingX
{
    0%
    {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    50%
    {
        -webkit-transform: translateX(50px);
        transform: translateX(50px);
    }
    100%
    {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
.moving
{
    -webkit-animation: moving 8s linear infinite;
    animation: moving 8s linear infinite;
}
@-webkit-keyframes moving
{
    0%
    {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    50%
    {
        -webkit-transform: translateX(-50px);
        transform: translateX(-50px);
    }
    100%
    {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes moving
{
    0%
    {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    50%
    {
        -webkit-transform: translateX(-50px);
        transform: translateX(-50px);
    }
    100%
    {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
.jump
{
    -webkit-animation: jumpAni 7s linear infinite;
    animation: jumpAni 7s linear infinite;
}
@-webkit-keyframes jumpAni
{
    0%
    {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    40%
    {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }
    100%
    {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes jumpAni
{
    0%
    {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    40%
    {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }
    100%
    {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
.jump-reverse
{
    -webkit-animation: jumpReverseAni 7s linear infinite;
    animation: jumpReverseAni 7s linear infinite;
}
@-webkit-keyframes jumpReverseAni
{
    0%
    {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    50%
    {
        -webkit-transform: translateY(30px);
        transform: translateY(30px);
    }
    100%
    {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes jumpReverseAni
{
    0%
    {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    50%
    {
        -webkit-transform: translateY(30px);
        transform: translateY(30px);
    }
    100%
    {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
.spin
{
    -webkit-animation: spin 15s linear infinite;
    animation: spin 15s linear infinite;
}
@-webkit-keyframes spin
{
    0%
    {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100%
    {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes spin
{
    0%
    {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100%
    {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.bg-color-ani, .color-animate
{
    -webkit-animation: bgColor 6s linear infinite;
    animation: bgColor 6s linear infinite;
}
@-webkit-keyframes bgColor
{
    0%
    {
        background-color: #f2ba4c;
    }
    25%
    {
        background-color: #81f24c;
    }
    50%
    {
        background-color: #41f27d;
    }
    75%
    {
        background-color: #0500ff;
    }
    100%
    {
        background-color: #f2ba4c;
    }
}
@keyframes bgColor
{
    0%
    {
        background-color: #f2ba4c;
    }
    25%
    {
        background-color: #81f24c;
    }
    50%
    {
        background-color: #41f27d;
    }
    75%
    {
        background-color: #0500ff;
    }
    100%
    {
        background-color: #f2ba4c;
    }
}
@-webkit-keyframes animate-positive
{
    0%
    {
        width: 0;
    }
}
@keyframes animate-positive
{
    0%
    {
        width: 0;
    }
}
.fadein, .scalein, .slidetopleft, .slidebottomright, .slideinleft, .slideinright, .slideindown, .slideinup, .rollinleft, .rollinright
{
    opacity: 0;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
    -webkit-animation-name: var(--animation-name);
    animation-name: var(--animation-name);
}
.th-ani
{
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}
.th-ani:hover
{
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
}
.swiper-slide-active .fadein
{
    --animation-name: fadein;
}
.swiper-slide-active .scalein
{
    --animation-name: scalein;
}
.swiper-slide-active .slidetopleft
{
    --animation-name: slidetopleft;
}
.swiper-slide-active .slidebottomright
{
    --animation-name: slidebottomright;
}
.swiper-slide-active .slideinleft
{
    --animation-name: slideinleft;
}
.swiper-slide-active .slideinright
{
    --animation-name: slideinright;
}
.swiper-slide-active .slideinup
{
    --animation-name: slideinup;
}
.swiper-slide-active .slideindown
{
    --animation-name: slideindown;
}
.swiper-slide-active .rollinleft
{
    --animation-name: rollinleft;
}
.swiper-slide-active .rollinright
{
    --animation-name: rollinright;
}
@-webkit-keyframes fadein
{
    0%
    {
        opacity: 0;
    }
    100%
    {
        opacity: 1;
    }
}
@keyframes fadein
{
    0%
    {
        opacity: 0;
    }
    100%
    {
        opacity: 1;
    }
}
@-webkit-keyframes slideinup
{
    0%
    {
        opacity: 0;
        -webkit-transform: translateY(100px);
        transform: translateY(100px);
    }
    100%
    {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes slideinup
{
    0%
    {
        opacity: 0;
        -webkit-transform: translateY(100px);
        transform: translateY(100px);
    }
    100%
    {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@-webkit-keyframes scroll
{
    0%
    {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100%
    {
        -webkit-transform: translateX(calc(-100% - var(--gap)));
        transform: translateX(calc(-100% - var(--gap)));
    }
}
@keyframes scroll
{
    0%
    {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100%
    {
        -webkit-transform: translateX(calc(-100% - var(--gap)));
        transform: translateX(calc(-100% - var(--gap)));
    }
}
@-webkit-keyframes slideinright
{
    0%
    {
        opacity: 0;
        -webkit-transform: translateX(180px);
        transform: translateX(180px);
    }
    100%
    {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes slideinright
{
    0%
    {
        opacity: 0;
        -webkit-transform: translateX(180px);
        transform: translateX(180px);
    }
    100%
    {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@-webkit-keyframes slideindown
{
    0%
    {
        opacity: 0;
        -webkit-transform: translateY(-100px);
        transform: translateY(-100px);
    }
    100%
    {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes slideindown
{
    0%
    {
        opacity: 0;
        -webkit-transform: translateY(-100px);
        transform: translateY(-100px);
    }
    100%
    {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@-webkit-keyframes slideinleft
{
    0%
    {
        opacity: 0;
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px);
    }
    100%
    {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes slideinleft
{
    0%
    {
        opacity: 0;
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px);
    }
    100%
    {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@-webkit-keyframes slidebottomright
{
    0%
    {
        opacity: 0;
        -webkit-transform: translateX(120px) translateY(120px);
        transform: translateX(120px) translateY(120px);
    }
    100%
    {
        opacity: 1;
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0);
    }
}
@keyframes slidebottomright
{
    0%
    {
        opacity: 0;
        -webkit-transform: translateX(120px) translateY(120px);
        transform: translateX(120px) translateY(120px);
    }
    100%
    {
        opacity: 1;
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0);
    }
}
@-webkit-keyframes slidetopleft
{
    0%
    {
        opacity: 0;
        -webkit-transform: translateX(-100px) translateY(-100px);
        transform: translateX(-100px) translateY(-100px);
    }
    100%
    {
        opacity: 1;
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0);
    }
}
@keyframes slidetopleft
{
    0%
    {
        opacity: 0;
        -webkit-transform: translateX(-100px) translateY(-100px);
        transform: translateX(-100px) translateY(-100px);
    }
    100%
    {
        opacity: 1;
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0);
    }
}
@-webkit-keyframes fadeInLeft
{
    0%
    {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px);
    }
    100%
    {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes fadeInLeft
{
    0%
    {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px);
    }
    100%
    {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}
.fadeInLeft
{
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInRight
{
    0%
    {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px);
    }
    100%
    {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes fadeInRight
{
    0%
    {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px);
    }
    100%
    {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}
.fadeInRight
{
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}
@-webkit-keyframes fadeInUp
{
    0%
    {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
    }
    100%
    {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes fadeInUp
{
    0%
    {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
    }
    100%
    {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}
.fadeInUp
{
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
@-webkit-keyframes fadeInDown
{
    0%
    {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px);
    }
    100%
    {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes fadeInDown
{
    0%
    {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px);
    }
    100%
    {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}
.fadeInDown
{
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}
.zoomIn
{
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}
@-webkit-keyframes zoomIn
{
    0%
    {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3);
    }
    50%
    {
        opacity: 1;
    }
}
@keyframes zoomIn
{
    0%
    {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3);
    }
    50%
    {
        opacity: 1;
    }
}
@keyframes fadeInLeft
{
    0%
    {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px);
    }
    100%
    {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}
.fadeInLeft
{
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}
@keyframes fadeInRight
{
    0%
    {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px);
    }
    100%
    {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}
.fadeInRight
{
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}
@keyframes fadeInUp
{
    0%
    {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
    }
    100%
    {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}
.fadeInUp
{
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
@keyframes fadeInDown
{
    0%
    {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px);
    }
    100%
    {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}
.fadeInDown
{
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}
.dance
{
    -webkit-animation: dance 2s alternate infinite;
    animation: dance 2s alternate infinite;
}
@-webkit-keyframes dance
{
    0%
    {
        -webkit-transform: scale(.8);
        transform: scale(.8);
    }
    100%
    {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@keyframes dance
{
    0%
    {
        -webkit-transform: scale(.8);
        transform: scale(.8);
    }
    100%
    {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
.dance2
{
    -webkit-animation: dance2 4s alternate infinite;
    animation: dance2 4s alternate infinite;
}
@-webkit-keyframes dance2
{
    0%
    {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
    50%
    {
        -webkit-transform: translate3d(15px,-15px,0);
        transform: translate3d(15px,-15px,0);
    }
    100%
    {
        -webkit-transform: translate3d(0,-15px,15px);
        transform: translate3d(0,-15px,15px);
    }
}
@keyframes dance2
{
    0%
    {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
    50%
    {
        -webkit-transform: translate3d(15px,-15px,0);
        transform: translate3d(15px,-15px,0);
    }
    100%
    {
        -webkit-transform: translate3d(0,-15px,15px);
        transform: translate3d(0,-15px,15px);
    }
}
.widget_nav_menu ul, .widget_meta ul, .widget_pages ul, .widget_archive ul, .widget_categories ul
{
    list-style: none;
    padding: 0;
    margin: 0 0 0 0;
}
.widget_nav_menu>ul, .widget_nav_menu .menu, .widget_meta>ul, .widget_meta .menu, .widget_pages>ul, .widget_pages .menu, .widget_archive>ul, .widget_archive .menu, .widget_categories>ul, .widget_categories .menu
{
    margin: 0 0 -10px 0;
}
.widget_nav_menu a, .widget_meta a, .widget_pages a, .widget_archive a, .widget_categories a
{
    display: block;
    background-color: var(--white-color);
    margin: 0 0 10px 0;
    padding: 16px 45px 19px 25px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.313;
    color: var(--body-color);
    border-radius: 4px;
}
.widget_nav_menu a::before, .widget_meta a::before, .widget_pages a::before, .widget_archive a::before, .widget_categories a::before
{
     
    position: absolute;
    right: 25px;
    top: 17px;
    font-family: var(--icon-font);
    font-weight: 600;
    color: var(--theme-color);
    -webkit-transition: all ease .4s;
    transition: all ease .4s;
}
.widget_nav_menu li, .widget_meta li, .widget_pages li, .widget_archive li, .widget_categories li
{
    display: block;
    position: relative;
}
.widget_nav_menu li:last-child a, .widget_meta li:last-child a, .widget_pages li:last-child a, .widget_archive li:last-child a, .widget_categories li:last-child a
{
    border-bottom: none;
}
.widget_nav_menu li>span, .widget_meta li>span, .widget_pages li>span, .widget_archive li>span, .widget_categories li>span
{
    color: var(--white-color);
    background-color: #272a34;
    font-weight: 600;
    text-align: center;
    position: absolute;
    right: 24px;
    top: 15px;
    -webkit-transition: all ease .4s;
    transition: all ease .4s;
    pointer-events: none;
    min-width: 20px;
    text-align: right;
}
.widget_nav_menu a:hover, .widget_meta a:hover, .widget_pages a:hover, .widget_archive a:hover, .widget_categories a:hover
{
    color: var(--white-color);
    background-color: var(--theme-color);
}
.widget_nav_menu a:hover:before, .widget_meta a:hover:before, .widget_pages a:hover:before, .widget_archive a:hover:before, .widget_categories a:hover:before
{
    color: var(--white-color);
}
.widget_nav_menu a:hover~span, .widget_meta a:hover~span, .widget_pages a:hover~span, .widget_archive a:hover~span, .widget_categories a:hover~span
{
    color: var(--white-color);
    background-color: var(--theme-color);
}
.widget_nav_menu .children, .widget_meta .children, .widget_pages .children, .widget_archive .children, .widget_categories .children
{
    margin-left: 10px;
}
.widget_nav_menu a, .widget_meta a, .widget_pages a
{
    padding-right: 20px;
}
.widget_nav_menu .sub-menu
{
    margin-left: 10px;
}
.wp-block-archives
{
    list-style: none;
    margin: 0;
    padding: 0;
    margin-bottom: 20px;
}
.wp-block-archives a:not(:hover)
{
    color: inherit;
}
.th-blog ul.wp-block-archives li
{
    margin: 5px 0;
}
.widget
{
    padding: var(--widget-padding-y,40px) var(--widget-padding-x,40px);
    background-color: var(--smoke-color);
    margin-bottom: 40px;
    position: relative;
    border-radius: 5px;
}
.widget[data-overlay]:before
{
    z-index: -1;
}
.widget .th-social a
{
    box-shadow: 0 2px 14px rgba(4,6,66,.1);
}
.widget_title
{
    position: relative;
    font-size: 24px;
    font-weight: 700;
    font-family: var(--title-font);
    line-height: 1em;
    margin: -.12em 0 28px 0;
}
.widget .search-form
{
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.widget .search-form input
{
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-radius: 4px 0 0 4px;
    padding-right: 25px;
}
.widget .search-form button
{
    border: none;
    font-size: 16px;
    background-color: var(--theme-color);
    color: var(--white-color);
    display: inline-block;
    padding: 0;
    width: 56px;
    text-align: center;
    border-radius: 0 4px 4px 0;
}
.widget .search-form button:hover
{
    background-color: var(--title-color);
}
.wp-block-tag-cloud a, .tagcloud a
{
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    font-family: var(--body-font);
    text-transform: capitalize;
    line-height: 1;
    padding: 13px 19px;
    margin-right: 5px;
    margin-bottom: 10px;
    color: var(--body-color);
    background-color: var(--white-color);
    border-radius: 4px;
}
.wp-block-tag-cloud a:hover, .tagcloud a:hover
{
    background-color: var(--theme-color);
    color: var(--white-color)!important;
    border-color: var(--theme-color);
}
.wp-block-tag-cloud, .tagcloud
{
    margin-right: -10px;
    margin-bottom: -10px;
}
.sidebar-gallery
{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 20px;
    max-width: 320px;
}
.sidebar-gallery .gallery-btn
{
    position: absolute;
    top: 50%;
    left: 50%;
    color: var(--white-color);
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translate(-50%,20px);
    -ms-transform: translate(-50%,20px);
    transform: translate(-50%,20px);
}
.sidebar-gallery .gallery-btn:hover
{
    color: var(--theme-color);
}
.sidebar-gallery .gallery-thumb
{
    overflow: hidden;
    position: relative;
    border-radius: 5px;
}
.sidebar-gallery .gallery-thumb:before
{
    content: '';
    height: calc(100% - 14px);
    width: calc(100% - 14px);
    background-color: var(--title-color);
    opacity: .8;
    position: absolute;
    top: 7px;
    left: 7px;
    border: 1px solid var(--white-color);
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    border-radius: inherit;
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}
.sidebar-gallery .gallery-thumb img
{
    width: 100%;
}
.sidebar-gallery .gallery-thumb:hover:before
{
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
}
.sidebar-gallery .gallery-thumb:hover .gallery-btn
{
    visibility: visible;
    opacity: 1;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.recent-post
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px;
}
.recent-post:last-child
{
    margin-bottom: 0;
}
.recent-post .media-img
{
    margin-right: 15px;
    width: 80px;
    overflow: hidden;
    border-radius: 5px;
}
.recent-post .media-img img
{
    width: 100%;
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}
.recent-post .post-title
{
    font-weight: 600;
    font-size: 18px;
    line-height: 26px;
    margin: 0 0 8px 0;
    font-family: var(--title-font);
    text-transform: capitalize;
}
.recent-post .recent-post-meta a
{
    text-transform: capitalize;
    font-size: 14px;
    color: var(--body-color);
    font-family: var(--body-font);
}
.recent-post .recent-post-meta a i
{
    margin-right: 6px;
    color: var(--theme-color);
}
.recent-post .recent-post-meta a:hover
{
    color: var(--theme-color);
}
.recent-post:hover .media-img img
{
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.sidebar-area
{
    margin-bottom: -10px;
}
.sidebar-area ul.wp-block-latest-posts
{
    margin-bottom: 0;
}
.sidebar-area ul.wp-block-latest-posts li:last-child
{
    margin-bottom: 0;
}
.sidebar-area select, .sidebar-area input
{
    background-color: var(--white-color);
}
.sidebar-area .widget .wp-block-search
{
    margin-bottom: 0;
}
.sidebar-area .wp-block-group__inner-container h2
{
    font-size: 20px;
    line-height: 1em;
    margin-bottom: 20px;
    margin-top: -.07em;
}
.sidebar-area ol.wp-block-latest-comments
{
    padding: 0;
    margin: 0;
}
.sidebar-area ol.wp-block-latest-comments li
{
    line-height: 1.5;
    margin: 0 0 20px 0;
    border-bottom: 1px solid rgba(0,0,0,.1);
    padding-bottom: 20px;
}
.sidebar-area ol.wp-block-latest-comments li:last-child
{
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}
.download-widget-wrap .th-btn
{
    width: 100%;
}
.download-widget-wrap .th-btn:first-child
{
    margin-bottom: 20px;
}
.download-widget-wrap .th-btn.style2
{
    color: var(--body-color);
}
.download-widget-wrap .th-btn.style2:before, .download-widget-wrap .th-btn.style2:after
{
    background-color: var(--theme-color);
}
.download-widget-wrap .th-btn.style2:hover
{
    color: var(--white-color);
    border-color: var(--theme-color);
}
.widget_banner
{
    background-color: var(--title-color);
    position: relative;
}
.widget_banner .shape1
{
    position: absolute;
    bottom: 0;
    right: 0;
}
.widget_banner .widget_title
{
    color: var(--white-color);
}
.widget_banner:has(.widget-map)
{
    padding: 0;
    line-height: 0;
}
.widget-map iframe
{
    min-height: 280px;
}
.widget-banner
{
    height: 360px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
}
@media(max-width: 360px)
{
    .widget-banner
    {
        height: 280px;
    }
}
.widget-banner .text
{
    display: block;
    margin-top: -.4em;
    margin-bottom: 15px;
    color: var(--white-color);
    text-transform: uppercase;
    font-weight: 500;
}
.widget-banner .title
{
    color: var(--white-color);
    margin-bottom: 35px;
}
@media(max-width: 1299px)
{
    .widget-banner .title
    {
        font-size: 34px;
    }
}
.project-info-list .contact-feature
{
    padding: 17px;
}
.project-info-list .contact-feature:not(:last-of-type)
{
    margin-bottom: 10px;
}
.price_slider_wrapper
{
    margin-top: -.5em;
}
.price_slider_wrapper .price_label span
{
    display: inline-block;
    color: var(--body-color);
}
.price_slider_wrapper .ui-slider
{
    height: 6px;
    position: relative;
    width: 100%;
    background-color: var(--theme-color);
    border: none;
    margin-top: 15px;
    margin-bottom: 25px;
    cursor: pointer;
    border-radius: 0;
}
.price_slider_wrapper .ui-slider-range
{
    border: none;
    cursor: pointer;
    position: absolute;
    top: 0;
    height: 100%;
    z-index: 1;
    display: block;
    background-color: var(--title-color);
}
.price_slider_wrapper .ui-slider-handle
{
    width: 16px;
    height: 16px;
    line-height: 16px;
    border-radius: 50%;
    text-align: center;
    padding: 0;
    cursor: pointer;
    position: absolute;
    margin-top: -5px;
    z-index: 2;
    background-color: var(--white-color);
    border: 3px solid var(--title-color);
    -webkit-transform: translateX(-1px);
    -ms-transform: translateX(-1px);
    transform: translateX(-1px);
}
.price_slider_wrapper .ui-slider-handle:focus
{
    outline: none;
    box-shadow: 1.5px 2.598px 10px 0 rgba(0,0,0,.15);
}
.price_slider_wrapper .ui-slider-handle:last-child
{
    -webkit-transform: translateX(-9px);
    -ms-transform: translateX(-9px);
    transform: translateX(-9px);
}
.price_slider_wrapper button, .price_slider_wrapper .button
{
    background-color: var(--theme-color);
    color: var(--white-color);
    font-weight: 500;
    line-height: 1.6;
    text-transform: capitalize;
    text-align: center;
    border: none;
    display: inline-block;
    overflow: hidden;
    position: relative;
    z-index: 2;
    padding: 7px 20px;
    min-width: 100px;
    font-size: 14px;
    border-radius: 5px;
    -webkit-transition: .4s ease-in;
    transition: .4s ease-in;
}
.price_slider_wrapper button:hover, .price_slider_wrapper .button:hover
{
    background-color: var(--title-color);
}
.widget_shopping_cart .widget_title
{
    margin-bottom: 30px;
    border-bottom: none;
}
.widget_shopping_cart ul
{
    margin: 0;
    padding: 0;
}
.widget_shopping_cart ul li
{
    list-style-type: none;
}
.widget_shopping_cart .mini_cart_item
{
    position: relative;
    padding: 30px 30px 30px 90px;
    border-bottom: 1px solid rgba(0,0,0,.1);
    margin-bottom: 0;
    text-align: left;
}
.widget_shopping_cart .mini_cart_item:first-child
{
    border-top: 1px solid rgba(0,0,0,.1);
}
.widget_shopping_cart .cart_list a:not(.remove)
{
    display: block;
    color: var(--body-color);
    font-size: 16px;
    font-weight: 500;
    font-family: var(--title-font);
    font-weight: 600;
    color: var(--title-color);
}
.widget_shopping_cart .cart_list a:not(.remove):hover
{
    color: var(--theme-color);
}
.widget_shopping_cart .cart_list a.remove
{
    position: absolute;
    top: 50%;
    left: 95%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: var(--body-color);
}
.widget_shopping_cart .cart_list a.remove:hover
{
    color: var(--theme-color);
}
.widget_shopping_cart .cart_list img
{
    width: 75px;
    height: 75px;
    position: absolute;
    left: 0;
    top: 18px;
}
.widget_shopping_cart .quantity
{
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    white-space: nowrap;
    vertical-align: top;
    margin-right: 20px;
    font-size: 14px;
    font-weight: 500;
}
.widget_shopping_cart .total
{
    margin-top: 20px;
    font-size: 18px;
    color: var(--title-color);
    font-family: var(--body-font);
}
.widget_shopping_cart .total strong
{
    font-family: var(--title-font);
}
.widget_shopping_cart .amount
{
    padding-left: 5px;
}
.widget_shopping_cart .th-btn
{
    margin-right: 15px;
}
.widget_shopping_cart .th-btn:last-child
{
    margin-right: 0;
}
.sidebar-area .widget_shopping_cart .th-btn
{
    margin-right: 10px;
    padding: 8px 22px;
    font-size: 14px;
}
@media(min-width: 1200px)
{
    .sidebar-shop .widget
    {
        padding: 30px;
    }
}
@media(min-width: 992px)
{
    .sidebar-shop .widget
    {
        margin-bottom: 24px;
    }
}
@media(max-width: 1199px)
{
    .widget
    {
        --widget-padding-y: 30px;
        --widget-padding-x: 30px;
    }
    .widget_title
    {
        font-size: 22px;
        margin: -.12em 0 24px 0;
    }
    .author-widget-wrap .name
    {
        font-size: 22px;
    }
}
@media(max-width: 991px)
{
    .sidebar-area
    {
        padding-top: 30px;
    }
    .widget
    {
        --widget-padding-y: 40px;
        --widget-padding-x: 40px;
    }
    .wp-block-tag-cloud a, .tagcloud a
    {
        padding: 10.5px 18px;
    }
}
@media(max-width: 767px)
{
    .widget
    {
        padding: 35px 20px;
    }
}
@media(max-width: 330px)
{
    .recent-post .post-title
    {
        font-size: 14px;
        line-height: 24px;
    }
    .recent-post .recent-post-meta a
    {
        font-size: 12px;
    }
}
.footer-widget
{
    margin-bottom: 50px;
}
.footer-widget, .footer-widget .widget
{
    padding: 0;
    border: none;
    padding-bottom: 0;
    background-color: transparent;
    box-shadow: none;
}
.footer-widget .form-group>i
{
    color: var(--theme-color);
    top: 18px;
}
.footer-widget .sidebar-gallery
{
    max-width: 287px;
}
.footer-widget .widget_title
{
    max-width: 270px;
    color: var(--white-color);
    font-weight: 600;
    text-transform: uppercase;
    margin: -.12em 0 35px 0;
    padding: 0 0 17px 0;
}
.footer-widget .widget_title:before
{
    content: '';
    height: 2px;
    width: 100px;
    background-color: var(--theme-color);
    position: absolute;
    left: 0;
    bottom: 0;
}
.footer-widget .widget_title:after
{
    content: '';
    height: 10px;
    width: 10px;
    background-color: var(--white-color);
    position: absolute;
    bottom: -4px;
    left: 96px;
    border-radius: 99px;
    border: 2px solid var(--theme-color);
}
.footer-widget.widget_meta ul, .footer-widget.widget_pages ul, .footer-widget.widget_archive ul, .footer-widget.widget_categories ul, .footer-widget.widget_nav_menu ul
{
    margin-top: -5px;
}
.footer-widget.widget_meta .menu, .footer-widget.widget_meta>ul, .footer-widget.widget_pages .menu, .footer-widget.widget_pages>ul, .footer-widget.widget_archive .menu, .footer-widget.widget_archive>ul, .footer-widget.widget_categories .menu, .footer-widget.widget_categories>ul, .footer-widget.widget_nav_menu .menu, .footer-widget.widget_nav_menu>ul
{
    margin-bottom: -5px;
}
.footer-widget.widget_meta a, .footer-widget.widget_pages a, .footer-widget.widget_archive a, .footer-widget.widget_categories a, .footer-widget.widget_nav_menu a
{
    font-size: 16px;
    font-weight: 400;
    padding: 0 0 0 20px;
    margin-bottom: 21px;
    font-family: var(--body-font);
    display: block;
    max-width: 100%;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    padding-right: 0;
    background-color: transparent;
    border-bottom: none;
    position: relative;
}
.footer-widget.widget_meta a:before, .footer-widget.widget_pages a:before, .footer-widget.widget_archive a:before, .footer-widget.widget_categories a:before, .footer-widget.widget_nav_menu a:before
{
 
    font-weight: 600;
    left: 0;
    top: 2px;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    font-size: .9em;
    background-color: transparent;
    border: none;
    color: inherit;
}
.footer-widget.widget_meta a:hover, .footer-widget.widget_pages a:hover, .footer-widget.widget_archive a:hover, .footer-widget.widget_categories a:hover, .footer-widget.widget_nav_menu a:hover
{
    background-color: transparent;
    color: var(--theme-color);
}
.footer-widget.widget_meta a:hover:before, .footer-widget.widget_pages a:hover:before, .footer-widget.widget_archive a:hover:before, .footer-widget.widget_categories a:hover:before, .footer-widget.widget_nav_menu a:hover:before
{
    color: var(--theme-color);
}
.footer-widget.widget_meta li>span, .footer-widget.widget_pages li>span, .footer-widget.widget_archive li>span, .footer-widget.widget_categories li>span, .footer-widget.widget_nav_menu li>span
{
    width: auto;
    height: auto;
    position: relative;
    background-color: transparent;
    color: var(--body-color);
    line-height: 1;
}
.footer-widget.widget_meta li:last-child a, .footer-widget.widget_pages li:last-child a, .footer-widget.widget_archive li:last-child a, .footer-widget.widget_categories li:last-child a, .footer-widget.widget_nav_menu li:last-child a
{
    margin-bottom: 0;
}
.footer-widget .recent-post
{
    max-width: 315px;
    margin-top: -.3em;
    margin-bottom: 28px;
}
.footer-widget .recent-post .post-title
{
    color: var(--white-color);
    font-weight: 500;
}
.footer-widget .recent-post:last-child
{
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}
.footer-widget .recent-post .recent-post-meta a
{
    font-weight: 400;
    line-height: 1.2;
}
.footer-widget .recent-post .recent-post-meta i
{
    color: var(--theme-color);
}
.footer-widget .recent-post .recent-post-meta a:hover i
{
    color: var(--theme-color);
}
.th-widget-about .about-logo
{
    margin-bottom: 35px;
    margin-top: -8px;
}
.th-widget-about .about-text
{
    margin-bottom: 25px;
    margin-top: -.5em;
}
.footer-text
{
    margin-top: -.46em;
    margin-bottom: 25px;
}
.social-box
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.social-box .social-title
{
    font-size: 20px;
    color: var(--white-color);
    font-weight: 600;
    margin-right: 20px;
    margin-bottom: 0;
}
.icon-group a
{
    color: var(--white-color);
    font-size: 18px;
    margin-right: 17px;
}
.icon-group a:last-child
{
    margin-right: 0;
}
.newsletter-widget
{
    max-width: 290px;
}
.newsletter-widget .form-control
{
    background-color: var(--white-color)!important;
    border: 1px solid var(--th-border-color);
}
.newsletter-form
{
    position: relative;
    max-width: 465px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
}
.newsletter-form .th-btn
{
    min-width: 145px;
    padding: 21px 20px;
}
@media(max-width: 1199px)
{
    .footer-widget.widget_meta a, .footer-widget.widget_pages a, .footer-widget.widget_archive a, .footer-widget.widget_categories a, .footer-widget.widget_nav_menu a
    {
        margin-bottom: 16px;
    }
}
@media(max-width: 767px)
{
    .footer-widget .widget_title
    {
        margin-bottom: 35px;
    }
    .th-widget-about .about-text
    {
        margin-bottom: 20px;
    }
    .social-box.mb-30
    {
        margin-bottom: 25px;
    }
}
.th-header
{
    position: relative;
    z-index: 41;
}
.sticky-wrapper
{
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}
.sticky-wrapper.sticky
{
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    background-color: var(--white-color);
    box-shadow: 0 0 10px 0 rgba(0,0,0,.07);
    -webkit-animation: stickyAni .4s ease-in-out;
    animation: stickyAni .4s ease-in-out;
}
@-webkit-keyframes stickyAni
{
    0%
    {
        -webkit-transform: translate3d(0,-40px,0) scaleY(.8);
        transform: translate3d(0,-40px,0) scaleY(.8);
        opacity: .7;
    }
    100%
    {
        -webkit-transform: translate3d(0,0,0) scaleY(1);
        transform: translate3d(0,0,0) scaleY(1);
        opacity: 1;
    }
}
@keyframes stickyAni
{
    0%
    {
        -webkit-transform: translate3d(0,-40px,0) scaleY(.8);
        transform: translate3d(0,-40px,0) scaleY(.8);
        opacity: .7;
    }
    100%
    {
        -webkit-transform: translate3d(0,0,0) scaleY(1);
        transform: translate3d(0,0,0) scaleY(1);
        opacity: 1;
    }
}
.main-menu a
{
    display: block;
    position: relative;
    font-weight: 500;
    font-size: 14px;
    color: var(--title-color);
    font-family: var(--title-font);
    text-transform: uppercase;
}
.main-menu a:hover
{
    color: var(--theme-color);
}
.main-menu>ul>li
{
    margin: 0 14px;
}
.main-menu>ul>li>a:hover
{
    color: var(--theme-color);
}
.main-menu ul
{
    margin: 0;
    padding: 0;
}
.main-menu ul li
{
    list-style-type: none;
    display: inline-block;
    position: relative;
}
.main-menu ul li.menu-item-has-children>a:after
{
    content: "";
    position: relative;
    font-family: var(--icon-font);
    margin-left: 4px;
    font-weight: 600;
    top: 0;
    font-size: 1em;
}
.main-menu ul li:last-child
{
    margin-right: 0!important;
}
.main-menu ul li:first-child
{
    margin-left: 0!important;
}
.main-menu ul li:hover>ul.sub-menu
{
    visibility: visible;
    opacity: 1;
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    z-index: 9;
}
.main-menu ul.sub-menu
{
    position: absolute;
    text-align: left;
    top: 100%;
    left: 0;
    background-color: var(--white-color);
    visibility: hidden;
    min-width: 190px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    padding: 7px;
    left: -14px;
    opacity: 0;
    z-index: -1;
    border: 0;
    box-shadow: 0 4px 15px rgba(1,15,28,.06);
    border-radius: 0;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-transition: all .4s ease 0s;
    transition: all .4s ease 0s;
}
.main-menu ul.sub-menu a
{
    font-size: 16px;
    line-height: 30px;
}
.main-menu ul.sub-menu
{
    padding: 18px 20px 18px 18px;
    left: -27px;
}
.main-menu ul.sub-menu li
{
    display: block;
    margin: 0 0;
    padding: 0 9px;
}
.main-menu ul.sub-menu li.menu-item-has-children>a:after
{
    content: "";
    float: right;
    top: 1px;
}
.main-menu ul.sub-menu li a
{
    position: relative;
    padding-left: 23px;
    text-transform: capitalize;
}
.main-menu ul.sub-menu li ul.sub-menu
{
    left: 100%;
    right: auto;
    top: 0;
    margin: 0 0;
    margin-left: 20px;
}
.main-menu ul.sub-menu li ul.sub-menu li ul
{
    left: 100%;
    right: auto;
}
.main-menu.style2>ul>li
{
    margin: 0 6px;
}
.main-menu.style2>ul>li>a
{
    padding: 2px 16px;
    border-radius: 100px;
    background-color: transparent;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.main-menu.style2>ul>li>a:hover
{
    background-color: rgba(64,102,242,.1);
}
.main-menu.style2 ul.sub-menu
{
    padding: 18px 20px 18px 18px;
    left: -27px;
    margin-top: 15px;
}
.header-button
{
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
}
.header-button .icon-btn
{
    position: relative;
}
.header-button .icon-btn:hover
{
    color: var(--white-color);
    background-color: var(--theme-color);
    border-color: var(--theme-color);
}
.header-button .icon-btn:hover .badge
{
    background-color: var(--white-color);
    color: var(--theme-color);
}
.header-links ul
{
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.header-links li
{
    display: inline-block;
    position: relative;
    font-size: 16px;
    font-weight: 400;
}
.header-links li:not(:last-child)
{
    margin: 0 26px 0 0;
}
.header-links li>i
{
    margin-right: 6px;
}
.header-links li, .header-links span, .header-links p, .header-links a
{
    color: var(--body-color);
}
.header-links a:hover
{
    color: var(--theme-color);
}
.header-links i
{
    color: var(--body-color);
}
.header-links b, .header-links strong
{
    font-weight: 600;
}
.header-social .social-title
{
    font-weight: 500;
    font-size: 16px;
    display: inline-block;
    margin: 0 15px 0 0;
    color: var(--body-color);
}
.header-social a
{
    font-size: 16px;
    display: inline-block;
    color: var(--body-color);
    margin: 0 15px 0 0;
}
.header-social a:last-child
{
    margin-right: 0;
}
.header-social a:hover
{
    color: var(--theme-color);
}
.header-logo
{
    padding-top: 15px;
    padding-bottom: 15px;
}
@media(max-width: 1199px)
{
    .main-menu>ul>li>a
    {
     }
}
.header-layout1
{
    position: relative;
}
.header-layout1 .header-top
{
    padding: 17px 0;
    background-color: var(--theme-color);
    --body-color: #fff;
}
.header-layout1 .header-top a:hover
{
    color: var(--title-color);
}
.header-layout1 .menu-area
{
    position: relative;
    z-index: 2;
    background-color: #080e1c;
}
.header-layout1 .main-menu
{
    margin-left: 60px;
}
.header-layout1 .main-menu>ul>li>a:not(:hover)
{
    color: var(--white-color);
}
.header-layout1 .menu-area
{
    position: relative;
}
.header-layout1 .header-logo
{
    position: relative;
    z-index: 2;
}
.header-layout1 .header-button .icon-btn
{
    color: var(--white-color);
}
.header-layout1 .logo-bg
{
    position: absolute;
    top: 0;
    left: 0;
    width: 32.5%;
    height: 100%;
}
.header-layout1 .logo-bg:before, .header-layout1 .logo-bg:after
{
    content: '';
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--theme-color);
    -webkit-clip-path: polygon(0 0,calc(100% - 80px) 0%,100% 100%,0% 100%);
    clip-path: polygon(0 0,calc(100% - 80px) 0%,100% 100%,0% 100%);
    z-index: -2;
}
.header-layout1 .logo-bg:after
{
    background-image: url("/assets/img/theme-img/logo_bg.svg");
    background-color: var(--white-color);
    background-repeat: repeat;
    width: calc(100% - 20px);
    -webkit-clip-path: polygon(0 0,calc(100% - 60px) 0%,100% 100%,0% 100%);
    clip-path: polygon(0 0,calc(100% - 60px) 0%,100% 100%,0% 100%);
    z-index: -1;
}
@media(min-width: 1922px)
{
    .header-layout1 .logo-bg
    {
        width: 37%;
    }
}
@media(max-width: 1500px)
{
    .header-layout1 .logo-bg
    {
        width: 27%;
    }
}
@media(max-width: 1399px)
{
    .header-layout1 .header-button .th-btn
    {
        display: none;
    }
}
@media(max-width: 1199px)
{
    .header-layout1 .logo-bg:before
    {
        -webkit-clip-path: polygon(0 0,calc(100% - 50px) 0%,100% 100%,0% 100%);
        clip-path: polygon(0 0,calc(100% - 50px) 0%,100% 100%,0% 100%);
    }
    .header-layout1 .logo-bg:after
    {
        -webkit-clip-path: polygon(0 0,calc(100% - 30px) 0%,100% 100%,0% 100%);
        clip-path: polygon(0 0,calc(100% - 30px) 0%,100% 100%,0% 100%);
    }
    .header-layout1 .main-menu
    {
        margin-left: 30px;
    }
    .header-layout1 .header-top
    {
        padding: 12px 0;
    }
}
@media(max-width: 991px)
{
    .header-layout1 .logo-bg
    {
        width: 56%;
    }
    .header-layout1 .header-logo img
    {
        max-height: 80px;
    }
}
@media(max-width: 375px)
{
    .header-layout1 .logo-bg
    {
        width: 70%;
    }
}
@media(max-width: 320px)
{
    .header-layout1 .logo-bg
    {
        width: 80%;
    }
}
.header-layout2 .icon-btn
{
    background-color: var(--white-color);
    color: var(--title-color);
    border: 1px solid #ddd;
    border-radius: 50%;
    line-height: 54px;
}
.header-layout2 .icon-btn:hover
{
    background-color: var(--theme-color);
    color: var(--white-color);
}
.header-layout2 .main-menu>ul>li>a
{
    color: var(--title-color);
    font-weight: 600;
}
.header-layout2 .main-menu>ul>li>a:hover
{
    color: var(--theme-color);
}
.header-layout2 ul.sub-menu
{
    background-color: #e1eaff;
}
.header-layout2 .header-top
{
    padding: 9px 0;
    background-color: var(--theme-color);
    --body-color: #fff;
}
.header-layout2 .header-top a:hover
{
    color: var(--title-color);
}
.header-layout2 .menu-area
{
    background-color: #e1eaff;
}
@media(max-width: 1199px)
{
    .header-layout2 .header-button .th-btn
    {
        display: none;
    }
    .header-layout2 .header-top
    {
        padding: 12px 0;
    }
}
.header-layout3
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    --main-container: 1700px;
}
.header-layout3 .header-button .icon-btn:not(:hover)
{
    border-color: #bdbdbd;
}
.header-layout3 .main-menu>ul>li>a
{
    font-weight: 600;
}
@media(max-width: 1399px)
{
    .header-layout3 .header-button .th-btn
    {
        display: none;
    }
}
.header-layout4
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.header-layout4 .sticky-wrapper.sticky .menu-area
{
    background-color: var(--title-color);
}
.header-layout4 .menu-area
{
    background: rgba(0,0,0,.29);
    -webkit-backdrop-filter: blur(7.5px);
    backdrop-filter: blur(7.5px);
    border-bottom: 1px solid rgba(0,0,0,.36);
    padding: 15px 0;
}
.header-layout4 .main-menu>ul>li>a
{
    color: var(--white-color)!important;
    font-size: 16px;
    font-weight: 600;
}
.header-layout4 .main-menu>ul>li>a:after
{
    color: var(--white-color)!important;
}
.header-layout4 .main-menu>ul>li>a:hover
{
    background-color: rgba(255,255,255,.1);
    color: var(--white-color)!important;
}
.header-layout4 .main-menu>ul>li>a:hover:after
{
    color: var(--white-color)!important;
}
.header-layout4 .main-menu ul li.menu-item-has-children>a:after
{
    content: "+";
    font-size: 12px;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}
.header-layout4 .main-menu ul li.menu-item-has-children>a:hover:after
{
    content: "";
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.header-layout4 .header-button .th-btn
{
    padding: 17px 42.5px;
    font-weight: 700;
}
@media(max-width: 1199px)
{
    .header-layout4 .header-button .th-btn
    {
        display: none;
    }
}
.header-layout5
{
    position: relative;
}
.header-layout5 .social-links .social-title
{
    font-weight: 600;
    font-size: 16px;
    display: inline-block;
    margin: 0 10px 0 0;
    letter-spacing: -.32px;
    font-family: var(--title-font);
    color: var(--title-color);
}
@media(max-width: 1599px)
{
    .header-layout5 .social-links .social-title
    {
        display: none;
    }
}
.header-layout5 .social-links a
{
    font-size: 14px;
    display: inline-block;
    color: var(--title-color);
    margin: 0 15px 0 0;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
}
.header-layout5 .social-links a:last-child
{
    margin-right: 0!important;
}
.header-layout5 .social-links a:hover
{
    color: var(--theme-color);
}
.header-layout5 .social-links a:hover i
{
    -webkit-animation: slideTop .5s;
    animation: slideTop .5s;
}
.header-layout5 .header-top
{
    background-color: transparent;
    border-bottom: 1px solid #d9d9d9;
    padding: 12px 0;
}
.header-layout5 .header-top .header-links ul
{
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.header-layout5 .header-top .header-links li
{
    display: inline-block;
    position: relative;
    font-family: var(--title-font);
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -.32px;
}
.header-layout5 .header-top .header-links li:not(:last-child)
{
    margin: 0 40px 0 0;
}
@media(max-width: 1699px)
{
    .header-layout5 .header-top .header-links li:not(:last-child)
    {
        margin: 0 14px 0 0;
    }
}
.header-layout5 .header-top .header-links li:not(:last-child):after
{
    content: '';
    height: 15px;
    width: 1px;
    background-color: #cad4f1;
    position: absolute;
    top: 5px;
    right: -20px;
}
.header-layout5 .header-top .header-links li>i
{
    color: var(--theme-color);
    margin-right: 8px;
}
.header-layout5 .main-menu ul li.menu-item-has-children>a:after
{
    content: "+";
    font-size: 12px;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}
.header-layout5 .main-menu ul li.menu-item-has-children>a:hover:after
{
    content: "";
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.header-layout5 .menu-area
{
    padding: 18px 0;
}
.header-layout5 .main-menu
{
    margin-right: 150px;
}
@media(max-width: 1399px)
{
    .header-layout5 .main-menu
    {
        margin-right: 0;
    }
}
.header-layout5 .header-button .th-btn
{
    padding: 18px 38px;
}
.footer-wrapper
{
    --border-color: rgba(255,255,255,.3);
    position: relative;
    z-index: 2;
}
.footer-wrapper .th-social a
{
    background-color: transparent;
    color: var(--white-color);
    border: 1px solid var(--white-color);
}
.footer-wrapper .th-social a:hover
{
    background-color: var(--theme-color);
    border-color: var(--theme-color);
}
.widget-area
{
    padding-top: var(--section-space);
    padding-bottom: 66px;
}
.footer-links ul
{
    padding: 0;
    margin: 0;
}
.footer-links li
{
    font-family: var(--body-font);
    display: inline-block;
    padding-right: 15px;
    margin-right: 10px;
    position: relative;
}
.footer-links li:after
{
    content: "";
    height: 20px;
    width: 1px;
    background-color: var(--body-color);
    position: absolute;
    top: 50%;
    right: 0;
    margin: -10px 0;
}
.footer-links li:last-child
{
    margin-right: 0;
    padding-right: 0;
}
.footer-links li:last-child:after
{
    display: none;
}
.footer-links a
{
    font-family: inherit;
    color: var(--body-color);
}
.footer-links a:hover
{
    color: var(--theme-color);
}
.copyright-wrap
{
    padding: 22px 0;
    background-size: 100% auto;
}
.copyright-text
{
    margin: 0;
}
.copyright-text a
{
    color: var(--theme-color);
}
.copyright-text a:hover
{
    color: var(--white-color);
}
.th-widget-contact
{
    max-width: 265px;
}
.footer-contact
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
}
.footer-contact-wrap
{
    display: grid;
    grid-template-columns: auto auto auto;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.footer-contact_icon
{
    width: 70px;
    height: 70px;
    line-height: 70px;
    min-width: 70px;
    font-size: 30px;
    background-color: var(--white-color);
    color: var(--theme-color);
    border-radius: 5px;
    text-align: center;
    position: relative;
}
.footer-contact_icon:before
{
    content: "";
    height: 100%;
    width: 100%;
    background-color: var(--title-color);
    border-radius: inherit;
    position: absolute;
    top: -10px;
    left: -10px;
    z-index: -1;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
.footer-contact_icon:hover:before
{
    top: 0;
    left: 0;
}
.footer-contact_text
{
    display: block;
    color: var(--body-color);
    margin-bottom: 5px;
}
.footer-contact_link
{
    display: inline-block;
    color: var(--body-color);
    font-size: 20px;
    font-weight: 600;
}
.footer-contact_link:hover
{
    color: var(--title-color);
}
.info-box
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 21px;
}
.info-box:last-child
{
    margin-bottom: -5px;
}
.info-box_icon
{
    width: 30px;
    height: 30px;
    min-width: 30px;
    line-height: 29px;
    font-size: 14px;
    background-color: transparent;
    color: var(--theme-color);
    border: 1px solid var(--theme-color);
    border-radius: 999px;
    text-align: center;
    margin-right: 10px;
}
.info-box_text
{
    display: block;
    color: var(--body-color);
    margin-top: -.45em;
    margin-bottom: 0;
}
.info-box_link
{
    display: inline-block;
    color: var(--body-color);
}
.info-box_link:hover
{
    color: var(--theme-color);
}
.footer-newsletter
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 25px;
    padding-left: 60px;
}
.footer-newsletter .newsletter-title
{
    max-width: 425px;
    margin-bottom: 0;
}
.footer-layout1
{
    background-color: #080e1c;
    --body-color: #fff;
    overflow: hidden;
}
.footer-layout1 .footer-top
{
    background-color: var(--theme-color);
    position: relative;
    z-index: 2;
}
.footer-layout1 .footer-logo
{
    padding: 45px 45px 45px 0;
}
.footer-layout1 .shape-left, .footer-layout1 .shape-right
{
    position: absolute;
    z-index: -1;
}
.footer-layout1 .shape-left
{
    top: 0;
    left: 0;
}
.footer-layout1 .shape-right
{
    bottom: 65px;
    right: 0;
}
.footer-layout1 .logo-bg
{
    position: absolute;
    left: 0;
    top: 0;
    background-color: var(--white-color);
    height: 101%;
    width: 33%;
    z-index: -1;
    -webkit-clip-path: polygon(100% 0,calc(100% - 60px) 50%,100% 100%,0 100%,0 0);
    clip-path: polygon(100% 0,calc(100% - 60px) 50%,100% 100%,0 100%,0 0);
}
.footer-layout1 .logo-bg:before
{
    content: "";
    height: 100%;
    width: calc(100% - 10px);
    background-color: var(--title-color);
    position: absolute;
    top: 0;
    left: 0;
    -webkit-clip-path: polygon(100% 0,calc(100% - 60px) 50%,100% 100%,0 100%,0 0);
    clip-path: polygon(100% 0,calc(100% - 60px) 50%,100% 100%,0 100%,0 0);
}
@media(min-width: 1922px)
{
    .footer-layout1 .logo-bg
    {
        width: 37%;
    }
}
@media(max-width: 1500px)
{
    .footer-layout1 .logo-bg
    {
        width: 27%;
    }
    .footer-layout1 .shape-right
    {
        bottom: -20px;
        right: -70px;
    }
}
@media(max-width: 1299px)
{
    .footer-layout1 .shape-left
    {
        max-width: 65%;
    }
}
@media(max-width: 1199px)
{
    .footer-layout1 .logo-bg
    {
        width: 100%;
        height: 170px;
        -webkit-clip-path: polygon(100% 0,100% 100%,50% calc(100% - 40px),0 100%,0 0);
        clip-path: polygon(100% 0,100% 100%,50% calc(100% - 40px),0 100%,0 0);
    }
    .footer-layout1 .logo-bg:before
    {
        width: 100%;
        height: calc(100% - 10px);
        -webkit-clip-path: polygon(100% 0,100% 100%,50% calc(100% - 40px),0 100%,0 0);
        clip-path: polygon(100% 0,100% 100%,50% calc(100% - 40px),0 100%,0 0);
    }
    .footer-layout1 .footer-logo
    {
        padding: 40px 15px 60px 15px;
        text-align: center;
    }
    .footer-contact-wrap
    {
        padding: 40px 0 30px 0;
    }
}
@media(max-width: 991px)
{
    .footer-wrapper .widget-area
    {
        padding-top: var(--section-space-mobile);
        padding-bottom: 30px;
    }
    .footer-contact-wrap
    {
        grid-template-columns: auto auto;
        gap: 30px;
    }
    .copyright-text
    {
        text-align: center;
    }
}
@media(max-width: 575px)
{
    .copyright-wrap
    {
        background-size: cover;
    }
    .footer-contact
    {
        margin-left: 10px;
    }
    .footer-contact-wrap
    {
        grid-template-columns: auto;
    }
}
.footer-layout2
{
    background-color: var(--smoke-color2);
}
.footer-layout2.bg-transparent
{
    background-color: transparent;
    border-top: 1px solid #d9e0f3;
}
.footer-layout2 .footer-widget .widget_title, .footer-layout2 .footer-widget .recent-post .post-title
{
    color: var(--title-color);
    font-weight: 700;
}
.footer-layout2 .copyright-wrap
{
    --body-color: #fff;
    background-color: var(--theme-color);
}
.footer-layout2 .copyright-wrap a
{
    color: var(--white-color);
}
.footer-layout2 .copyright-wrap a:hover
{
    color: var(--title-color);
}
.footer-layout2 .th-social a
{
    color: var(--body-color);
    box-shadow: none;
    border: 1px solid var(--body-color);
}
.footer-layout2 .th-social a:hover
{
    color: var(--white-color);
}
.footer-widget .contact-feature
{
    padding: 0!important;
    background-color: transparent;
    box-shadow: none;
    gap: 15px;
}
.footer-widget .contact-feature:not(:last-child)
{
    margin-bottom: 28px;
}
.footer-widget .contact-feature .icon-btn
{
    --btn-size: 44px;
    font-size: 16px;
}
.footer-widget .contact-feature_label
{
    margin-top: -.4em;
    font-size: 14px;
    text-transform: uppercase;
    line-height: 1.5;
}
.footer-widget .contact-feature_link
{
    font-size: 18px;
    margin-bottom: -.4em;
    display: block;
}
.newsletter-widget .newsletter-form
{
    gap: 0;
}
.newsletter-widget .form-group
{
    margin-bottom: 0;
}
.newsletter-widget input
{
    border-radius: 5px 0 0 5px;
}
.newsletter-widget .icon-btn
{
    border: none;
    background-color: var(--theme-color);
    color: var(--white-color);
    border-radius: 0 5px 5px 0;
    min-width: 56px;
    padding: 0;
}
.newsletter-widget .icon-btn:hover
{
    background-color: var(--title-color);
}
.newsletter-widget .footer-text
{
    margin-bottom: 30px;
}
.footer-layout3
{
    background-color: var(--black-color2);
    background-size: cover;
    --body-color: #fff;
}
.footer-layout3 .widget-area
{
    padding-top: 40px;
    padding-bottom: 60px;
}
.footer-layout3 .th-btn
{
    box-shadow: none;
}
.footer-layout3 .footer-top
{
    border-bottom: 1px solid rgba(255,255,255,.15);
    background-color: transparent;
}
.footer-layout3 .copyright-wrap
{
    --body-color: #fff;
    background-color: var(--theme-color);
}
.footer-layout3 .copyright-wrap a
{
    color: var(--white-color);
}
.footer-layout3 .copyright-wrap a:hover
{
    color: var(--title-color);
}
.newsletter-wrap
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-left: 2px solid var(--theme-color);
    padding-left: 25px;
}
.newsletter-wrap .newsletter-title
{
    margin-top: -.3em;
    margin-bottom: 5px;
    max-width: 400px;
    color: var(--white-color);
}
.newsletter-wrap .newsletter-text
{
    margin-bottom: -.5em;
    max-width: 400px;
}
.newsletter-form
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: 465px;
    gap: 15px;
}
.newsletter-form .form-group
{
    margin-bottom: 0;
    width: 100%;
}
.newsletter-form .form-group>i
{
    color: var(--theme-color);
}
.newsletter-form input
{
    background-color: transparent;
    border: 1px solid #323232;
    width: 100%;
}
.newsletter-form input:focus
{
    background-color: transparent;
    color: var(--body-color);
}
.newsletter-form .th-btn
{
    min-width: 150px;
}
.newsletter-form .newsletter-btn
{
    display: inline-block;
    border: none;
    background-color: var(--theme-color);
    color: var(--title-color);
    width: 55px;
    height: 55px;
    line-height: 55px;
    min-width: 55px;
}
@media(max-width: 1199px)
{
    .footer-top .footer-logo
    {
        text-align: center;
        margin: 0 auto 35px auto;
    }
}
@media(max-width: 991px)
{
    .footer-layout3 .widget-area
    {
        padding-top: 80px;
        padding-bottom: 40px;
    }
    .footer-layout3 .footer-top
    {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .footer-wrapper .newsletter-form
    {
        max-width: 400px;
    }
    .newsletter-wrap .newsletter-title
    {
        font-size: 24px;
    }
    .newsletter-wrap .newsletter-text
    {
        font-size: 14px;
    }
}
@media(max-width: 767px)
{
    .newsletter-wrap
    {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-left: 0;
        border-left: none;
        gap: 20px;
    }
    .newsletter-wrap .newsletter-title
    {
        text-align: center;
    }
    .footer-wrapper .newsletter-form
    {
        max-width: 550px;
        gap: 15px;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
@media(max-width: 575px)
{
    .footer-wrapper .newsletter-form
    {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
.footer-layout5
{
    background-color: #f7f8fb;
}
.footer-layout5 .footer-newsletter
{
    padding-left: 0;
}
.footer-layout5 .footer-newsletter .newsletter-title
{
    color: var(--title-color);
    max-width: 500px;
}
.footer-layout5 .footer-newsletter .newsletter-form
{
    position: relative;
    overflow: hidden;
    max-width: 560px;
}
.footer-layout5 .footer-newsletter .newsletter-form i
{
    position: absolute;
    top: 22px;
    left: 30px;
    color: var(--theme-color);
}
.footer-layout5 .footer-newsletter .newsletter-form .form-control
{
    border-radius: 100px;
    min-height: 60px;
    padding-left: 55px;
    padding-right: 200px;
    background-color: var(--white-color);
    border: 1px solid transparent;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
@media(max-width: 575px)
{
    .footer-layout5 .footer-newsletter .newsletter-form .form-control
    {
        min-width: 100%;
    }
}
.footer-layout5 .footer-newsletter .newsletter-form .form-control:hover
{
    border: 1px solid var(--theme-color);
}
.footer-layout5 .footer-newsletter .newsletter-form .th-btn
{
    min-width: 188px;
    padding: 22px 40px;
    text-transform: capitalize;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 100px;
}
@media(max-width: 575px)
{
    .footer-layout5 .footer-newsletter .newsletter-form .th-btn
    {
        max-width: 100%;
        padding: 16px 20px;
        position: relative;
        margin-top: 10px;
        display: block;
        width: 100%;
    }
}
.footer-layout5 .footer-top
{
    padding: 105px 0 75px 0;
    border-bottom: 1px solid #e4e7ee;
}
.footer-layout5 .widget-area
{
    padding-top: 80px;
    padding-bottom: 30px;
}
.footer-layout5 .widget_title
{
    font-weight: 600;
    color: var(--title-color);
}
.footer-layout5 .footer-widget .recent-post .post-title
{
    color: var(--title-color);
}
.footer-layout5 .th-social a
{
    --icon-size: 40px;
}
.footer-layout5 .th-social a:not(:hover)
{
    background: var(--white-color);
    color: var(--title-color);
    box-shadow: 0 9px 20px 0 rgba(0,0,0,.06);
}
.footer-layout5 .copyright-wrap
{
    padding: 18px 0;
    background-size: 100% auto;
    background-color: transparent;
    border-top: 1px solid rgba(121,129,150,.35);
}
.footer-layout5 .copyright-wrap .copyright-text
{
    color: var(--title-color);
}
.footer-layout5 .copyright-wrap .copyright-text a
{
    color: var(--theme-color);
}
@media(max-width: 1199px)
{
    .footer-newsletter
    {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .footer-layout5 .footer-newsletter .newsletter-title
    {
        margin-top: -.3em;
    }
}
.breadcumb-menu
{
    max-width: 100%;
    padding: 0;
    margin: 30px 0 -.5em 0;
    list-style-type: none;
    position: relative;
}
.breadcumb-menu li
{
    display: inline-block;
    margin-right: 3px;
    padding-right: 5px;
    list-style: none;
    position: relative;
}
.breadcumb-menu li:after
{
    content: "";
    position: relative;
    margin-left: 10px;
    font-weight: 500;
    font-size: 15px;
    color: var(--white-color);
    font-family: var(--icon-font);
}
.breadcumb-menu li:last-child
{
    padding-right: 0;
    margin-right: 0;
}
.breadcumb-menu li:last-child:after
{
    display: none;
}
.breadcumb-menu li, .breadcumb-menu a, .breadcumb-menu span
{
    white-space: normal;
    color: inherit;
    word-break: break-word;
    font-weight: 400;
    font-size: 18px;
    color: var(--white-color);
}
.breadcumb-title
{
    color: var(--white-color);
    margin: -.22em 0 -.14em 0;
    line-height: 1.1;
}
.breadcumb-wrapper
{
    background-color: var(--title-color);
    padding: 160px 0;
    overflow: hidden;
    text-align: center;
}
@media(max-width: 1199px)
{
    .breadcumb-wrapper
    {
        padding: 140px 0;
    }
    .breadcumb-menu
    {
        margin: 20px 0 -.5em 0;
    }
    .breadcumb-menu li, .breadcumb-menu a, .breadcumb-menu span
    {
        font-size: 16px;
    }
}
@media(max-width: 991px)
{
    .breadcumb-wrapper
    {
        padding: 120px 0;
    }
}
@media(max-width: 767px)
{
    .breadcumb-wrapper
    {
        padding: 100px 0;
    }
}
@media(max-width: 575px)
{
    .breadcumb-title
    {
        font-size: 34px;
    }
}
.th-pagination
{
    margin-bottom: 30px;
}
.th-pagination ul
{
    margin: 0;
    padding: 0;
}
.th-pagination li
{
    display: inline-block;
    margin: 0 3px;
    list-style-type: none;
}
.th-pagination li:last-child
{
    margin-right: 0;
}
.th-pagination li:first-child
{
    margin-left: 0;
}
.th-pagination span, .th-pagination a
{
    display: inline-block;
    text-align: center;
    position: relative;
    border: none;
    color: var(--theme-color);
    background-color: var(--smoke-color2);
    width: 56px;
    height: 56px;
    line-height: 56px;
    z-index: 1;
    font-size: 18px;
    font-weight: 500;
    border-radius: 4px;
}
.th-pagination span.active, .th-pagination span:hover, .th-pagination a.active, .th-pagination a:hover
{
    color: var(--white-color);
    background-color: var(--theme-color);
    box-shadow: 0 6px 20px rgba(0,96,255,.6);
}
@media(max-width: 767px)
{
    .th-pagination span, .th-pagination a
    {
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 14px;
    }
}
blockquote, .wp-block-quote
{
    display: block;
    position: relative;
    overflow: hidden;
    font-size: 16px;
    line-height: 30px;
    font-weight: 600;
    font-family: var(--body-font);
    color: var(--title-color);
    background-color: var(--quote-bg,#f5f5f5);
    padding: 50px 40px 38px 165px;
    margin: 35px 0;
    line-height: 1.667;
    border: none!important;
    border-radius: 5px;
}
blockquote p, blockquote pre, .wp-block-quote p, .wp-block-quote pre
{
    font-family: inherit;
    color: inherit;
    font-weight: inherit;
    width: 100%;
    position: relative;
    z-index: 3;
    margin-top: -.5em;
    margin-bottom: 0;
}
blockquote p a, blockquote pre a, .wp-block-quote p a, .wp-block-quote pre a
{
    color: inherit;
}
blockquote:before, .wp-block-quote:before
{
    content: "";
    font-family: var(--icon-font);
    position: absolute;
    left: 0;
    top: 0;
    font-size: 60px;
    font-weight: 900;
    line-height: 1;
    color: var(--white-color);
    background-color: var(--theme-color);
    width: 125px;
    height: 100%;
    text-align: center;
    display: grid;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
blockquote cite, .wp-block-quote cite
{
    display: inline-block;
    font-size: 18px!important;
    font-family: var(--title-font);
    position: relative;
    padding-left: 45px;
    line-height: 1;
    font-weight: 600;
    margin-top: 17px;
    font-style: normal;
    color: var(--theme-color);
    white-space: nowrap;
}
blockquote cite:before, .wp-block-quote cite:before
{
    content: "";
    position: absolute;
    left: 0;
    bottom: 7px;
    width: 30px;
    height: 2px;
    border-top: 2px solid var(--theme-color);
}
blockquote.style-left-icon, blockquote.is-large:not(.is-style-plain), blockquote.is-style-large:not(.is-style-plain), blockquote.has-text-align-right, .wp-block-quote.style-left-icon, .wp-block-quote.is-large:not(.is-style-plain), .wp-block-quote.is-style-large:not(.is-style-plain), .wp-block-quote.has-text-align-right
{
    padding: 50px 40px 38px 165px;
}
blockquote.style-left-icon, .wp-block-quote.style-left-icon
{
    font-size: 18px;
    color: var(--body-color);
    font-weight: 400;
    line-height: 1.556;
    background-color: var(--smoke-color);
    padding-left: 160px;
}
blockquote.style-left-icon cite, .wp-block-quote.style-left-icon cite
{
    color: var(--title-color);
}
blockquote.style-left-icon cite:before, .wp-block-quote.style-left-icon cite:before
{
    background-color: var(--title-color);
    top: 8px;
}
blockquote.is-large p, blockquote.is-style-large p, .wp-block-quote.is-large p, .wp-block-quote.is-style-large p
{
    margin-bottom: -.4em;
}
blockquote.is-large cite:before, blockquote.is-style-large cite:before, .wp-block-quote.is-large cite:before, .wp-block-quote.is-style-large cite:before
{
    top: unset;
    bottom: 10px;
}
blockquote.has-text-align-right:before, .wp-block-quote.has-text-align-right:before
{
    content: "";
    right: unset;
    left: 0;
}
.wp-block-pullquote
{
    color: var(--body-color);
    padding: 0;
}
blockquote.has-very-dark-gray-color
{
    color: var(--body-color)!important;
}
.wp-block-column blockquote, .wp-block-column .wp-block-quote
{
    padding: 100px 15px 30px 15px;
}
.wp-block-column blockquote:before, .wp-block-column .wp-block-quote:before
{
    width: 100%;
    height: 60px;
    font-size: 30px;
}
.wp-block-column blockquote.style-left-icon, .wp-block-column blockquote.is-large:not(.is-style-plain), .wp-block-column blockquote.is-style-large:not(.is-style-plain), .wp-block-column blockquote.has-text-align-right, .wp-block-column .wp-block-quote.style-left-icon, .wp-block-column .wp-block-quote.is-large:not(.is-style-plain), .wp-block-column .wp-block-quote.is-style-large:not(.is-style-plain), .wp-block-column .wp-block-quote.has-text-align-right
{
    padding: 100px 15px 30px 15px;
}
@media(max-width: 1199px)
{
    blockquote, .wp-block-quote
    {
        font-size: 16px;
        padding: 40px 20px 30px 120px;
    }
    blockquote:before, .wp-block-quote:before
    {
        width: 100px;
        font-size: 52px;
    }
    blockquote cite, .wp-block-quote cite
    {
        margin-top: 23px;
    }
    blockquote.style-left-icon, blockquote.is-large:not(.is-style-plain), blockquote.is-style-large:not(.is-style-plain), blockquote.has-text-align-right, .wp-block-quote.style-left-icon, .wp-block-quote.is-large:not(.is-style-plain), .wp-block-quote.is-style-large:not(.is-style-plain), .wp-block-quote.has-text-align-right
    {
        padding: 40px 20px 30px 120px;
    }
}
@media(max-width: 767px)
{
    blockquote, .wp-block-quote
    {
        padding: 100px 20px 30px 20px;
    }
    blockquote:before, .wp-block-quote:before
    {
        height: 60px;
        width: 100%;
        font-size: 2.5rem;
    }
    blockquote.style-left-icon, blockquote.is-large:not(.is-style-plain), blockquote.is-style-large:not(.is-style-plain), blockquote.has-text-align-right, .wp-block-quote.style-left-icon, .wp-block-quote.is-large:not(.is-style-plain), .wp-block-quote.is-style-large:not(.is-style-plain), .wp-block-quote.has-text-align-right
    {
        padding: 100px 20px 30px 20px;
    }
    .wp-block-pullquote.is-style-solid-color blockquote
    {
        max-width: 90%;
    }
}
.blog-meta
{
    display: block;
}
.blog-meta span, .blog-meta a
{
    display: inline-block;
    font-size: 14px;
    color: var(--body-color);
    font-family: var(--body-font);
    position: relative;
    margin-right: 20px;
}
.blog-meta span i, .blog-meta a i
{
    margin-right: 6px;
    color: var(--theme-color);
}
.blog-meta span:last-child, .blog-meta a:last-child
{
    margin-right: 0;
}
.blog-meta .author img
{
    border-radius: 50%;
    width: 30px;
    height: 30px;
    margin-right: 6px;
}
.blog-meta a:hover
{
    color: var(--theme-color);
}
@media(max-width: 1199px)
{
    .blog-meta span, .blog-meta a
    {
        margin-right: 6px;
        padding-right: 15px;
    }
}
.blog-audio img, .blog-img img, .blog-video img
{
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}
.blog-title a
{
    color: inherit;
}
.blog-title a:hover
{
    color: var(--theme-color);
}
.th-blog
{
    margin-bottom: 30px;
}
.blog-inner-title
{
    margin-top: -.25em;
    margin-bottom: 25px;
}
.blog-inner-title i
{
    color: var(--theme-color);
    margin-right: 4px;
}
@media(min-width: 1300px)
{
    .page-single, .blog-single, .as-comments-wrap, .as-comment-form
    {
        margin-right: 16px;
    }
}
.blog-single
{
    position: relative;
    margin-bottom: var(--blog-space-y,40px);
    box-shadow: 0 10px 30px rgba(8,14,28,.06);
    border-radius: 5px;
    overflow: hidden;
}
.blog-single .blog-title
{
    margin-bottom: 15px;
    font-size: 36px;
    line-height: 1.4;
    font-weight: 600;
}
.blog-single .blog-text
{
    margin-bottom: 27px;
}
.blog-single .social-links
{
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: inline-block;
}
.blog-single .social-links li
{
    display: inline-block;
    margin-right: 3px;
}
.blog-single .social-links li:last-child
{
    margin-right: 0;
}
.blog-single .social-links a
{
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    background-color: var(--smoke-color);
    font-size: 14px;
    color: var(--title-color);
    text-align: center;
    border-radius: 5px;
}
.blog-single .social-links a:hover
{
    color: var(--white-color);
    background-color: var(--theme-color);
}
.blog-single .wp-block-tag-cloud a, .blog-single .tagcloud a
{
    background-color: var(--smoke-color);
    color: var(--title-color);
}
.blog-single .wp-block-tag-cloud a:hover, .blog-single .tagcloud a:hover
{
    background-color: var(--theme-color);
}
.blog-single .blog-meta
{
    margin: -.35em 0 10px 0;
}
.blog-single .blog-content
{
    margin: 0 0 0 0;
    padding: 40px;
    position: relative;
}
.blog-single .blog-audio
{
    line-height: 1;
}
.blog-single .blog-audio, .blog-single .blog-img, .blog-single .blog-video
{
    position: relative;
    overflow: hidden;
    background-color: var(--smoke-color);
}
.blog-single .blog-img .slick-arrow
{
    --pos-x: 30px;
    --icon-size: 45px;
    border: none;
    background-color: var(--white-color);
    color: var(--theme-color);
    border-radius: 5px;
    box-shadow: none;
}
.blog-single .blog-img .slick-arrow:hover
{
    background-color: var(--theme-color);
    color: var(--white-color);
}
.blog-single .blog-img .play-btn
{
    --icon-size: 60px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: calc(var(--icon-size) / -2) 0 0 calc(var(--icon-size) / -2);
}
.blog-single .line-btn
{
    display: block;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    margin-bottom: -1px;
}
.blog-single:hover .blog-img .slick-arrow
{
    opacity: 1;
    visibility: visible;
}
.share-links-title
{
    font-size: 20px;
    color: var(--title-color);
    font-family: var(--title-font);
    font-weight: 700;
    margin: 0 15px 0 0;
    display: inline-block;
}
.share-links
{
    margin: 0 var(--blog-space-x,40px) var(--blog-space-y,40px) var(--blog-space-x,40px);
    border-top: 1px solid var(--th-border-color);
    padding: 30px 0 0 0;
}
.share-links>.row
{
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    --bs-gutter-y: 20px;
}
.share-links .wp-block-tag-cloud, .share-links .tagcloud
{
    display: inline-block;
}
.blog-details .blog-single
{
    background-color: transparent;
}
@media(max-width: 1399px)
{
    .blog-single .blog-content
    {
        padding: 40px 20px;
    }
    .blog-single .blog-title
    {
        font-size: 28px;
    }
    .share-links
    {
        --blog-space-x: 20px;
    }
}
@media(max-width: 991px)
{
    .blog-single .blog-content
    {
        padding: 40px;
    }
    .blog-details .blog-single
    {
        --blog-space-x: 20px;
        --blog-space-y: 40px;
    }
    .share-links
    {
        --blog-space-x: 40px;
    }
}
@media(max-width: 767px)
{
    .share-links
    {
        --blog-space-x: 20px;
    }
    .blog-details .blog-single
    {
        --blog-space-x: 20px;
        --blog-space-y: 20px;
    }
    .blog-single .blog-content
    {
        padding: 30px 20px;
    }
    .blog-single .blog-title
    {
        font-size: 24px;
        line-height: 1.3;
    }
    .blog-single .blog-text
    {
        margin-bottom: 22px;
    }
    .blog-single .blog-bottom
    {
        padding-top: 15px;
    }
    .blog-single .share-links-title
    {
        font-size: 18px;
        display: block;
        margin: 0 0 10px 0;
    }
}
.th-comment-form
{
    margin-top: var(--blog-space-y,40px);
    margin-bottom: 30px;
    padding: var(--blog-space-y,40px) var(--blog-space-x,40px);
    position: relative;
}
.th-comment-form .row
{
    --bs-gutter-x: 20px;
}
.th-comment-form .blog-inner-title
{
    margin-bottom: 0;
}
.th-comment-form .form-title
{
    margin-top: -.35em;
}
.th-comment-form .form-title a#cancel-comment-reply-link
{
    font-size: .7em;
    text-decoration: underline;
}
.th-comment-form .form-text
{
    margin-bottom: 25px;
}
.th-comment-form .form-group>i
{
    color: var(--theme-color);
}
.blog-comment-area
{
    margin-bottom: 25px;
}
.th-comment-form, .th-comments-wrap
{
    padding: 40px;
    box-shadow: 0 6px 30px rgba(7,36,95,.07);
}
.th-comments-wrap
{
    --border-color: #e2e8fa;
    margin-top: var(--blog-space-y,40px);
    margin-bottom: 30px;
}
.th-comments-wrap .description p:last-child
{
    margin-bottom: -.5em;
}
.th-comments-wrap .comment-respond
{
    margin: 30px 0;
}
.th-comments-wrap pre
{
    background: #ededed;
    color: #666;
    font-size: 14px;
    margin: 20px 0;
    overflow: auto;
    padding: 20px;
    white-space: pre-wrap;
    word-wrap: break-word;
}
.th-comments-wrap li
{
    margin: 0;
}
.th-comments-wrap .th-post-comment
{
    padding: 0;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 30px;
    padding-bottom: 30px;
    position: relative;
    border-bottom: 1px solid var(--th-border-color);
}
.th-comments-wrap .th-post-comment ol, .th-comments-wrap .th-post-comment ul, .th-comments-wrap .th-post-comment dl
{
    margin-bottom: 1rem;
}
.th-comments-wrap .th-post-comment ol ol, .th-comments-wrap .th-post-comment ol ul, .th-comments-wrap .th-post-comment ul ol, .th-comments-wrap .th-post-comment ul ul
{
    margin-bottom: 0;
}
.th-comments-wrap ul.comment-list
{
    list-style: none;
    margin: 0;
    padding: 0;
    margin-bottom: -30px;
}
.th-comments-wrap ul.comment-list ul ul, .th-comments-wrap ul.comment-list ul ol, .th-comments-wrap ul.comment-list ol ul, .th-comments-wrap ul.comment-list ol ol
{
    margin-bottom: 0;
}
.th-comments-wrap .comment-avater
{
    width: 80px;
    height: 80px;
    margin-right: 20px;
    overflow: hidden;
    border-radius: 5px;
}
.th-comments-wrap .comment-avater img
{
    width: 100%;
}
.th-comments-wrap .comment-content
{
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-top: -6px;
    position: relative;
}
.th-comments-wrap .commented-on
{
    font-size: 14px;
    display: inline-block;
    margin-bottom: 2px;
    font-weight: 400;
    color: var(--body-color);
}
.th-comments-wrap .commented-on i
{
    margin-right: 7px;
    font-size: .9rem;
}
.th-comments-wrap .name
{
    margin-bottom: 12px;
    font-size: 20px;
}
.th-comments-wrap .comment-top
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.th-comments-wrap .text
{
    margin-bottom: 10px;
}
.th-comments-wrap .children
{
    margin: 0;
    padding: 0;
    list-style-type: none;
    margin-left: 80px;
}
.th-comments-wrap .reply_and_edit
{
    margin-top: 12px;
    margin-bottom: -.46em;
}
.th-comments-wrap .reply_and_edit a
{
    margin-right: 10px;
}
.th-comments-wrap .reply_and_edit a:last-child
{
    margin-right: 0;
}
.th-comments-wrap .reply-btn
{
    font-weight: 600;
    font-size: 16px;
    color: var(--theme-color);
    display: inline-block;
}
.th-comments-wrap .reply-btn i
{
    margin-right: 7px;
}
.th-comments-wrap .reply-btn:hover
{
    color: var(--title-color);
}
.th-comments-wrap .star-rating
{
    font-size: 12px;
    margin-bottom: 10px;
    position: absolute;
    top: 5px;
    right: 0;
    width: 80px;
}
ul.comment-list .th-comment-item:last-child>.th-post-comment
{
    border-bottom: none;
    padding-bottom: 0;
}
ul.comment-list .th-comment-item:first-child>.th-post-comment
{
    padding-bottom: 30px;
    border-bottom: 1px solid var(--th-border-color);
}
.th-comments-wrap.th-comment-form
{
    margin: 0;
}
@media(max-width: 1399px)
{
    .th-comment-form, .th-comments-wrap
    {
        padding: 40px 20px;
    }
}
@media(max-width: 1199px)
{
    .th-comments-wrap .children
    {
        margin-left: 40px;
    }
}
@media(max-width: 991px)
{
    .th-comment-form, .th-comments-wrap
    {
        padding: 40px;
    }
}
@media(max-width: 767px)
{
    .th-comment-form, .th-comments-wrap
    {
        padding: 40px 20px;
    }
    .th-comments-wrap .th-post-comment
    {
        display: block;
    }
    .th-comments-wrap .star-rating
    {
        position: relative;
        top: 0;
        right: 0;
    }
    .th-comments-wrap .comment-top
    {
        display: block;
    }
    .th-comments-wrap .comment-avater
    {
        margin-right: 0;
        margin-bottom: 25px;
    }
    .th-comments-wrap .children
    {
        margin-left: 40px;
    }
    .th-comments-wrap .children
    {
        margin-left: 30px;
    }
}
@media(max-width: 767px)
{
    .th-comment-form
    {
        --blog-space-x: 20px;
    }
}
.th-hero-wrapper
{
    position: relative;
    z-index: 2;
    overflow: hidden;
}
.th-hero-wrapper .slider-arrow
{
    --pos-x: 100px;
    background-color: var(--white-color);
    box-shadow: none;
    color: var(--theme-color);
    border-color: var(--white-color);
}
.th-hero-wrapper .slider-arrow:hover
{
    background-color: var(--theme-color);
    color: var(--white-color);
    border-color: var(--theme-color);
}
.th-hero-wrapper .slick-dots
{
    position: absolute;
    top: 50%;
    left: 80px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
@media(max-width: 1500px)
{
    .th-hero-wrapper .slider-arrow
    {
        --pos-x: 40px;
    }
}
@media(max-width: 1399px)
{
    .th-hero-wrapper .slider-arrow
    {
        left: auto;
        top: calc(50% - 35px);
        right: var(--pos-x,-120px);
        margin: 0;
    }
    .th-hero-wrapper .slider-arrow.slider-next
    {
        top: calc(50% + 35px);
    }
}
@media(max-width: 991px)
{
    .th-hero-wrapper .slider-arrow
    {
        left: auto;
        top: calc(50% - 30px);
        right: var(--pos-x,-120px);
        margin: 0;
    }
    .th-hero-wrapper .slider-arrow.slider-next
    {
        top: calc(50% + 30px);
    }
}
@media(max-width: 767px)
{
    .th-hero-wrapper .slider-arrow
    {
        display: none;
    }
}
.th-hero-bg
{
    position: absolute;
    inset: 0;
}
.th-hero-bg img
{
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.hero-subtitle
{
    font-family: var(--title-font);
    color: var(--theme-color);
    display: block;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 17px;
    margin-top: -.24em;
}
.hero-title
{
    font-size: 74px;
    font-weight: bold;
    line-height: 1.135;
    margin-bottom: 0;
}
.hero-title:last-of-type
{
    margin-bottom: 21px;
}
.hero-text
{
    margin-bottom: 43px;
}
.hero-1
{
    overflow: hidden;
}
.hero-1 .hero-shape1, .hero-1 .hero-shape2, .hero-1 .hero-shape3
{
    position: absolute;
    z-index: 2;
}
.hero-1 .hero-shape1, .hero-1 .hero-shape2
{
    top: 10%;
    right: 0;
    -webkit-animation: jumpAni 7s linear infinite;
    animation: jumpAni 7s linear infinite;
}
.hero-1 .hero-shape2
{
    -webkit-animation: jumpReverseAni 7s linear infinite;
    animation: jumpReverseAni 7s linear infinite;
}
.hero-1 .hero-shape3
{
    bottom: -80px;
    left: -60px;
    -webkit-animation: jumpAni 7s linear infinite;
    animation: jumpAni 7s linear infinite;
}
.hero-1 .hero-img
{
    position: absolute;
    top: 60px;
    right: 10%;
    z-index: 3;
}
.hero-1 .hero-img:before
{
    content: '';
    width: 500px;
    height: 500px;
    background-color: #f2ba4c;
    opacity: .3;
    -webkit-filter: blur(300px);
    filter: blur(300px);
    border-radius: 50%;
    position: absolute;
    right: -40px;
    top: -180px;
    z-index: -1;
    -webkit-animation: bgColor 8s ease-in-out infinite;
    animation: bgColor 8s ease-in-out infinite;
}
.hero-style1
{
    position: relative;
    z-index: 6;
    padding: 219px 0 219px 0;
    max-width: 710px;
}
@media(min-width: 1922px)
{
    .hero-1 .hero-img
    {
        right: 18%;
    }
}
@media(max-width: 1700px)
{
    .hero-1 .hero-img
    {
        right: 1%;
    }
}
@media(max-width: 1400px)
{
    .hero-1 .hero-img
    {
        top: 20px;
    }
    .hero-style1
    {
        padding: 180px 0;
    }
    .hero-title
    {
        font-size: 68px;
    }
}
@media(max-width: 1299px)
{
    .hero-1 .hero-img
    {
        max-width: 485px;
    }
    .hero-style1
    {
        padding: 150px 0;
    }
}
@media(max-width: 1199px)
{
    .hero-title
    {
        font-size: 60px;
    }
    .hero-1 .hero-img
    {
        right: -10%;
    }
    .hero-1 .hero-shape1, .hero-1 .hero-shape2
    {
        max-width: 600px;
    }
    .hero-1 .hero-shape3
    {
        max-width: 600px;
    }
}
@media(max-width: 991px)
{
    .hero-title
    {
        font-size: 54px;
        line-height: 1.2;
    }
    .hero-style1
    {
        padding: 110px 0;
        text-align: center;
    }
    .hero-style1 .btn-group
    {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .hero-style1 .hero-text
    {
        margin-left: auto;
        margin-right: auto;
    }
    .hero-1 .hero-img
    {
        position: relative;
        margin-top: 30px;
        margin-bottom: -60px;
        text-align: center;
        right: 0;
        top: 0;
        max-width: 100%;
        padding-left: 12px;
        padding-right: 12px;
    }
}
@media(max-width: 767px)
{
    .hero-subtitle
    {
        font-size: 18px;
    }
    .hero-title
    {
        font-size: 48px;
    }
}
@media(max-width: 575px)
{
    .hero-subtitle
    {
        font-size: 16px;
        margin-bottom: 12px;
    }
    .hero-title
    {
        font-size: 38px;
        line-height: 1.24;
    }
    .hero-title:last-of-type
    {
        margin-bottom: 16px;
    }
    .hero-text
    {
        margin-bottom: 28px;
    }
}
@media(max-width: 390px)
{
    .hero-title
    {
        font-size: 34px;
        line-height: 1.3;
    }
}
@media(max-width: 330px)
{
    .hero-title
    {
        font-size: 30px;
    }
}
.hero-2
{
    overflow-x: hidden;
}
.hero-2 .th-hero-bg
{
    z-index: -1;
}
.hero-2 .th-hero-bg:before
{
    content: '';
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: -webkit-linear-gradient(left,var(--theme-color),transparent);
    background: linear-gradient(to right,var(--theme-color),transparent);
    z-index: 2;
    opacity: .9;
}
.hero-2 .hero-shape1, .hero-2 .hero-shape2, .hero-2 .hero-shape3
{
    position: absolute;
    right: 0;
    z-index: 1;
}
.hero-2 .hero-shape1
{
    bottom: 0;
    height: 430px;
    width: 215px;
    background: var(--theme-color);
    -webkit-transform: skewX(-45deg);
    -ms-transform: skewX(-45deg);
    transform: skewX(-45deg);
    opacity: .65;
}
@media(max-width: 767px)
{
    .hero-2 .hero-shape1
    {
        display: none;
    }
}
.hero-2 .hero-shape2, .hero-2 .hero-shape3
{
    top: 0;
}
.hero-2 .ripple-shape
{
    position: absolute;
    top: -50px;
    left: -50px;
    z-index: 1;
    height: 100px;
    width: 100px;
}
@media(max-width: 767px)
{
    .hero-2 .th-hero-bg:before
    {
        background: -webkit-linear-gradient(left,var(--theme-color),var(--theme-color));
        background: linear-gradient(to right,var(--theme-color),var(--theme-color));
        opacity: .6;
    }
}
.ripple-1, .ripple-2, .ripple-3, .ripple-4, .ripple-5, .ripple-6
{
    height: 100px;
    width: 100px;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: transparent;
    border: 1px solid var(--white-color);
    border-radius: 50%;
    -webkit-animation: heroripple 8s linear infinite;
    animation: heroripple 8s linear infinite;
}
.ripple-1
{
    -webkit-animation-delay: 0;
    animation-delay: 0;
}
.ripple-2
{
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}
.ripple-3
{
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}
.ripple-4
{
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
}
.ripple-4
{
    -webkit-animation-delay: 4s;
    animation-delay: 4s;
}
.ripple-5
{
    -webkit-animation-delay: 5s;
    animation-delay: 5s;
}
.ripple-6
{
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}
@-webkit-keyframes heroripple
{
    0%
    {
        -webkit-transform: scale(.6);
        transform: scale(.6);
        opacity: .2;
    }
    100%
    {
        opacity: 0;
        -webkit-transform: scale(4);
        transform: scale(4);
    }
}
@keyframes heroripple
{
    0%
    {
        -webkit-transform: scale(.6);
        transform: scale(.6);
        opacity: .2;
    }
    100%
    {
        opacity: 0;
        -webkit-transform: scale(4);
        transform: scale(4);
    }
}
.hero-style2
{
    position: relative;
    z-index: 6;
    margin: 240px 0;
    max-width: 620px;
}
.hero-style2 .hero-text
{
    color: var(--white-color);
}
.hero-style2 .hero-title
{
    color: var(--white-color);
}
.hero-style2 .hero-subtitle
{
    color: var(--white-color);
}
@media(max-width: 1399px)
{
    .hero-style2
    {
        margin: 200px 0;
    }
}
@media(max-width: 1199px)
{
    .hero-style2
    {
        margin: 150px 0;
    }
}
@media(max-width: 991px)
{
    .hero-2 .hero-shape1
    {
        max-width: 180px;
    }
    .hero-2 .hero-shape2
    {
        max-width: 110px;
    }
    .hero-2 .hero-shape3
    {
        max-width: 150px;
    }
    .hero-style2
    {
        margin: 130px 0;
    }
}
@media(max-width: 767px)
{
    .hero-style2
    {
        margin: 100px 0;
        text-align: center;
    }
    .hero-style2 .btn-group
    {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
.hero-social
{
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr;
}
.hero-social a
{
    display: inline-block;
    color: var(--title-color);
    font-family: var(--title-font);
    text-transform: uppercase;
    font-weight: 600;
    position: relative;
}
.hero-social a:not(:last-child):after
{
    content: '';
    height: 6px;
    width: 6px;
    display: inline-block;
    background-color: var(--theme-color);
    position: relative;
    margin: 35px 0 30px 0;
    position: relative;
    top: -2px;
}
.hero-social a:hover
{
    color: var(--theme-color);
}
.hero-3
{
    background-color: #f7f8fd;
    overflow-x: hidden;
}
.hero-3 .hero-img
{
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
}
.hero-3 .hero-img:after
{
    content: '';
    position: absolute;
    height: 611px;
    width: 611px;
    background: var(--theme-color);
    border-radius: 50%;
    bottom: -65px;
    left: -65px;
    z-index: -1;
}
.hero-3 .hero-img-phone
{
    display: none;
}
.hero-3 .shape-blur
{
    position: absolute;
    bottom: 80px;
    left: 100px;
    width: 534px;
    height: 534px;
    background: var(--theme-color);
    opacity: .5;
    -webkit-filter: blur(250px);
    filter: blur(250px);
    z-index: -1;
}
.hero-3 .hero-shape1
{
    position: absolute;
    top: 15%;
    left: 4%;
    -webkit-animation: jumpAni 7s linear infinite;
    animation: jumpAni 7s linear infinite;
}
.hero-3 .hero-social
{
    position: absolute;
    bottom: 150px;
    left: 50px;
    z-index: 3;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.hero-style3
{
    padding: 340px 0 245px 0;
    max-width: 620px;
    position: relative;
    z-index: 5;
}
@media(max-width: 1700px)
{
    .hero-3 .hero-img
    {
        right: -7%;
    }
}
@media(max-width: 1500px)
{
    .hero-3 .hero-img
    {
        right: -12%;
    }
    .hero-3 .hero-social
    {
        left: 20px;
    }
}
@media(max-width: 1400px)
{
    .hero-3 .hero-img
    {
        right: -14%;
    }
    .hero-3 .hero-social
    {
        display: none;
    }
    .hero-3 .hero-img:after
    {
        height: 561px;
        width: 561px;
        bottom: -45px;
        left: -45px;
    }
}
@media(max-width: 1299px)
{
    .hero-3 .hero-img
    {
        right: -27%;
    }
    .hero-style3
    {
        padding: 300px 0 205px 0;
        max-width: 620px;
    }
}
@media(max-width: 1199px)
{
    .hero-3 .hero-img
    {
        right: -13%;
        max-width: 550px;
    }
    .hero-3 .hero-img:after
    {
        height: 411px;
        width: 411px;
        bottom: -45px;
        left: -45px;
    }
    .hero-3 .hero-shape1
    {
        max-width: 500px;
        top: unset;
        left: unset;
        bottom: 0;
        right: 0;
    }
    .hero-style3
    {
        padding: 210px 0 145px 0;
    }
    .hero-style3 .hero-text
    {
        max-width: 500px;
    }
}
@media(max-width: 991px)
{
    .hero-3 .hero-img
    {
        display: none;
    }
    .hero-3 .hero-img-phone
    {
        display: block;
        text-align: center;
        margin: 100px 15px 40px 15px;
        position: relative;
    }
    .hero-style3
    {
        padding: 0 0 100px 0;
        margin: 0 auto;
        text-align: center;
    }
    .hero-style3 .btn-group
    {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: left;
    }
}
@media(max-width: 767px)
{
    .hero-3 .hero-shape1
    {
        display: none;
    }
}
.hero-4
{
    background-color: #f0f4ff;
}
.hero-4 .hero-img
{
    position: absolute;
    top: 50px;
    right: 7%;
    z-index: 2;
}
.hero-4 .body-particle
{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.hero-4 .triangle-1, .hero-4 .triangle-2
{
    position: absolute;
    bottom: 0;
    right: 0;
    width: 70%;
    height: 82%;
    background-color: #e1e7f9;
    opacity: .3;
    -webkit-clip-path: polygon(100% 0,0% 100%,100% 100%);
    clip-path: polygon(100% 0,0% 100%,100% 100%);
    z-index: -1;
}
.hero-4 .triangle-2
{
    width: calc(70% - 140px);
    height: calc(82% - 90px);
    background-color: #e0e6f8;
    opacity: .5;
}
.hero-4 .hero-shape2, .hero-4 .hero-shape3
{
    position: absolute;
    right: 0;
    top: 0;
}
.hero-style4
{
    position: relative;
    z-index: 6;
    margin: 110px 0 111px 0;
    max-width: 620px;
}
.hero-style4 .ripple-shape
{
    position: absolute;
    top: -50px;
    left: -50px;
    z-index: 1;
    height: 100px;
    width: 100px;
}
.hero-style4 .ripple-1, .hero-style4 .ripple-2, .hero-style4 .ripple-3, .hero-style4 .ripple-4, .hero-style4 .ripple-5, .hero-style4 .ripple-6
{
    border-color: rgba(20,29,56,.3);
}
@media(min-width: 1922px)
{
    .hero-4 .hero-img
    {
        right: 18%;
    }
}
@media(max-width: 1700px)
{
    .hero-4 .hero-img
    {
        right: 1%;
    }
}
@media(max-width: 1400px)
{
    .hero-4 .hero-img
    {
        top: 20px;
    }
    .hero-style4
    {
        margin: 180px 0;
    }
}
@media(max-width: 1299px)
{
    .hero-4 .hero-img
    {
        max-width: 520px;
        top: 80px;
    }
    .hero-style4
    {
        margin: 150px 0;
    }
}
@media(max-width: 1199px)
{
    .hero-4 .hero-img
    {
        right: -5%;
    }
    .hero-style4
    {
        max-width: 500px;
    }
}
@media(max-width: 991px)
{
    .hero-style4
    {
        margin: 110px auto;
        text-align: center;
    }
    .hero-style4 .btn-group
    {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: left;
    }
    .hero-style4 .hero-text
    {
        margin-left: auto;
        margin-right: auto;
    }
    .hero-4 .hero-img
    {
        position: relative;
        margin-top: 50px;
        margin-bottom: -70px;
        text-align: center;
        right: 0;
        top: 0;
        max-width: 100%;
        padding-left: 12px;
        padding-right: 12px;
    }
}
@media(max-width: 767px)
{
    .hero-subtitle
    {
        font-size: 18px;
    }
    .hero-title
    {
        font-size: 48px;
    }
}
@media(max-width: 575px)
{
    .hero-subtitle
    {
        font-size: 16px;
        margin-bottom: 12px;
    }
    .hero-title
    {
        font-size: 38px;
        line-height: 1.24;
    }
    .hero-title:last-of-type
    {
        margin-bottom: 16px;
    }
    .hero-text
    {
        margin-bottom: 28px;
    }
}
.hero-5 .hero-inner
{
    background: -webkit-linear-gradient(left,#6d8eff 9.29%,rgba(62,102,243,0) 66.11%),var(--theme-color);
    background: linear-gradient(90deg,#6d8eff 9.29%,rgba(62,102,243,0) 66.11%),var(--theme-color);
    -webkit-clip-path: path("M1920 0H0V634H0.327779V798.568C-0.10435 798.269 -0.114115 798.27 0.327779 798.605V798.568C0.532816 798.71 0.83295 798.919 1.22505 799.193C18.1153 810.983 205.659 941.897 313.899 915.501C389.861 896.976 437.729 855.824 481.717 818.007C530.331 776.214 574.207 738.494 646.031 739.895C718.95 741.318 761.644 779.396 814.255 826.319C856.921 864.372 906.109 908.242 983.229 943.098C1226.21 1052.92 1364.04 951.411 1415.94 902.969C1424.5 894.981 1432.69 887.305 1440.54 879.94C1605.3 725.417 1623.91 707.962 1887.01 815.029C1898.49 819.704 1909.48 823.995 1920 827.922V634V633V0Z");
    clip-path: path("M1920 0H0V634H0.327779V798.568C-0.10435 798.269 -0.114115 798.27 0.327779 798.605V798.568C0.532816 798.71 0.83295 798.919 1.22505 799.193C18.1153 810.983 205.659 941.897 313.899 915.501C389.861 896.976 437.729 855.824 481.717 818.007C530.331 776.214 574.207 738.494 646.031 739.895C718.95 741.318 761.644 779.396 814.255 826.319C856.921 864.372 906.109 908.242 983.229 943.098C1226.21 1052.92 1364.04 951.411 1415.94 902.969C1424.5 894.981 1432.69 887.305 1440.54 879.94C1605.3 725.417 1623.91 707.962 1887.01 815.029C1898.49 819.704 1909.48 823.995 1920 827.922V634V633V0Z");
}
@media(min-width: 1930px)
{
    .hero-5 .hero-inner
    {
        -webkit-clip-path: path("M1920 0H0V634H0.327779V798.568C-0.10435 798.269 -0.114115 798.27 0.327779 798.605V798.568C0.532816 798.71 0.83295 798.919 1.22505 799.193C18.1153 810.983 205.659 941.897 313.899 915.501C389.861 896.976 437.729 855.824 481.717 818.007C530.331 776.214 574.207 738.494 646.031 739.895C718.95 741.318 761.644 779.396 814.255 826.319C856.921 864.372 906.109 908.242 983.229 943.098C1226.21 1052.92 1364.04 951.411 1415.94 902.969C1424.5 894.981 1432.69 887.305 1440.54 879.94C1605.3 725.417 1623.91 707.962 1887.01 815.029C1898.49 819.704 1909.48 823.995 7520 827.922V634V633V0Z");
        clip-path: path("M1920 0H0V634H0.327779V798.568C-0.10435 798.269 -0.114115 798.27 0.327779 798.605V798.568C0.532816 798.71 0.83295 798.919 1.22505 799.193C18.1153 810.983 205.659 941.897 313.899 915.501C389.861 896.976 437.729 855.824 481.717 818.007C530.331 776.214 574.207 738.494 646.031 739.895C718.95 741.318 761.644 779.396 814.255 826.319C856.921 864.372 906.109 908.242 983.229 943.098C1226.21 1052.92 1364.04 951.411 1415.94 902.969C1424.5 894.981 1432.69 887.305 1440.54 879.94C1605.3 725.417 1623.91 707.962 1887.01 815.029C1898.49 819.704 1909.48 823.995 7520 827.922V634V633V0Z");
    }
}
.hero-5 .th-hero-bg
{
    right: 0;
    bottom: 0;
}
.hero-5 .th-hero-bg .hero-shape
{
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
    mix-blend-mode: soft-light;
}
.hero-5 .th-hero-bg img
{
    width: 100%;
    height: 100%;
    mix-blend-mode: multiply;
}
.hero-5 .hero-shape-2
{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
}
@media(max-width: 575px)
{
    .hero-5 .hero-inner
    {
        -webkit-clip-path: none;
        clip-path: none;
    }
}
.hero-style5
{
    position: relative;
    max-width: 650px;
    padding: 275px 0 348px 0;
    z-index: 9;
}
@media(max-width: 991px)
{
    .hero-style5
    {
        padding: 275px 0 295px 0;
    }
}
@media(max-width: 767px)
{
    .hero-style5
    {
        padding: 275px 0 315px 0;
    }
}
@media(max-width: 575px)
{
    .hero-style5
    {
        padding: 240px 0 140px 0;
    }
}
.hero-style5 .sub-title
{
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    display: block;
    letter-spacing: -.4px;
    margin-bottom: 20px;
}
@media(max-width: 575px)
{
    .hero-style5 .sub-title
    {
        font-size: 16px;
    }
}
.hero-style5 .hero-title
{
    font-size: 64px;
    line-height: 74px;
    letter-spacing: -1.28px;
    margin-bottom: 25px;
}
@media(max-width: 991px)
{
    .hero-style5 .hero-title
    {
        font-size: 54px;
        line-height: 64px;
    }
}
@media(max-width: 767px)
{
    .hero-style5 .hero-title
    {
        font-size: 44px;
        line-height: 54px;
    }
}
.hero-style5 .hero-text
{
    font-size: 18px;
}
.hero-style5 .th-btn
{
    padding: 19.5px 48.7px;
}
.hero-6
{
    position: relative;
    overflow: hidden;
}
.hero-6 .th-hero-bg
{
    z-index: 2;
    overflow: hidden;
}
.hero-6 .th-hero-bg img
{
    position: relative;
    z-index: 8;
    background-position: bottom center;
}
.hero-6 .slider-arrow
{
    --icon-size: 70px;
    background-color: var(--white-color);
    color: var(--theme-color);
    border: none;
    left: var(--pos-x,120px);
    top: 44.5%;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(.4);
    -ms-transform: scale(.4);
    transform: scale(.4);
}
@media(max-width: 1399px)
{
    .hero-6 .slider-arrow
    {
        display: none;
    }
}
.hero-6 .slider-arrow.slider-next
{
    right: var(--pos-x,120px);
    left: auto;
}
.hero-6 .slider-arrow:hover
{
    background-color: var(--theme-color);
    color: var(--white-color);
}
.hero-6:hover .slider-arrow
{
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.hero-6 .hero-big
{
    top: unset;
    bottom: 23.5%;
    -webkit-transform: translate(-50%,50%);
    -ms-transform: translate(-50%,50%);
    transform: translate(-50%,50%);
    position: absolute;
    left: 50%;
    z-index: -1;
    opacity: .7;
}
@media(max-width: 767px)
{
    .hero-6 .hero-big
    {
        bottom: 21%;
    }
}
@media(max-width: 575px)
{
    .hero-6 .hero-big
    {
        bottom: 12%;
    }
}
.hero-6 .hero-big_text
{
    font-size: 230px;
    font-weight: 900;
    text-transform: uppercase;
    color: rgba(255,255,255,.24);
    -webkit-text-fill-color: rgba(255,255,255,.05);
    -webkit-text-stroke-width: 1.2px;
    -webkit-text-stroke-color: rgba(255,255,255,.24);
}
@media(max-width: 1199px)
{
    .hero-6 .hero-big_text
    {
        font-size: 150px;
    }
}
@media(max-width: 767px)
{
    .hero-6 .hero-big_text
    {
        font-size: 120px;
    }
}
@media(max-width: 575px)
{
    .hero-6 .hero-big_text
    {
        font-size: 80px;
    }
}
@media(max-width: 375px)
{
    .hero-6 .hero-big_text
    {
        font-size: 70px;
    }
}
@media(max-width: 320px)
{
    .hero-6 .hero-big_text
    {
        font-size: 60px;
        -webkit-text-stroke-width: 1px;
        font-weight: 500;
        letter-spacing: 2px;
    }
}
.hero-style6
{
    position: relative;
    z-index: 9;
    max-width: 950px;
    padding: 260px 0 350px 0;
    display: block;
    margin: auto;
    text-align: center;
}
.hero-style6 .sub-title
{
    font-size: 16px;
    letter-spacing: 1.6px;
    color: var(--white-color);
    margin-bottom: 17px;
    display: block;
}
.hero-style6 .hero-title
{
    color: var(--white-color);
    font-weight: 800;
    line-height: 82px;
    margin-bottom: 55px;
}
.hero-style6 .th-btn
{
    padding: 20px 39.8px;
}
.hero-style6 .btn-group .play-btn>i
{
    --icon-size: 55px;
    line-height: 55px;
    background: var(--white-color);
    border: 1px solid var(--white-color);
    color: var(--theme-color);
    font-size: var(--icon-font-size,1.2em);
}
.hero-style6 .btn-group .play-btn:before, .hero-style6 .btn-group .play-btn:after
{
    background-color: var(--white-color);
}
.hero-style6 .btn-group .play-btn:hover i
{
    background: var(--theme-color);
    border: 1px solid var(--theme-color);
    color: var(--white-color);
}
.hero-style6 .btn-group .play-btn:hover:before, .hero-style6 .btn-group .play-btn:hover:after
{
    background-color: var(--theme-color);
}
.hero-style6 .call-btn .btn-title
{
    color: var(--white-color);
}
@media(max-width: 1299px)
{
    .hero-style6
    {
        padding: 180px 0 350px 0;
    }
    .hero-style6 .hero-title
    {
        font-size: 74px;
        line-height: 84px;
    }
}
@media(max-width: 991px)
{
    .hero-6 .hero-img
    {
        position: static;
        max-width: 100%;
        text-align: center;
        margin: 0 auto 50px auto;
    }
    .hero-6 .hero-shape2
    {
        display: none;
    }
    .hero-style6
    {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }
    .hero-style6 .hero-title
    {
        font-size: 60px;
        line-height: 1.2;
    }
    .hero-style6 .title1, .hero-style6 .title2
    {
        margin-left: auto;
        margin-right: auto;
    }
    .hero-style6 .title-img
    {
        max-width: 40px;
        right: 5%;
    }
}
@media(max-width: 767px)
{
    .hero-style6
    {
        padding: 150px 0 230px 0;
    }
    .hero-style6 .hero-title
    {
        font-size: 40px;
        line-height: 50px;
    }
}
@media(max-width: 575px)
{
    .hero-style6
    {
        padding: 150px 0;
    }
    .hero-style6 .hero-title
    {
        font-size: 42px;
        line-height: 1.24;
        margin-bottom: 35px;
    }
}
@media(max-width: 390px)
{
    .hero-style6
    {
        padding: 130px 0;
    }
    .hero-style6 .hero-title
    {
        font-size: 36px;
        line-height: 1.3;
    }
}
@media(max-width: 330px)
{
    .hero-style6 .hero-title
    {
        font-size: 32px;
    }
}
.error-content
{
    text-align: center;
}
.error-img
{
    text-align: center;
    margin-bottom: 45px;
}
.error-title
{
    margin-bottom: 20px;
}
.error-text
{
    margin-bottom: 35px;
    max-width: 650px;
    margin-left: auto;
    margin-right: auto;
}
@media(max-width: 991px)
{
    .error-title
    {
        margin-bottom: 15px;
    }
    .error-img
    {
        margin-bottom: 30px;
    }
    .error-text
    {
        margin-bottom: 25px;
    }
}
@media(max-width: 767px)
{
    .error-title
    {
        margin-bottom: 10px;
    }
}
.popup-search-box
{
    position: fixed;
    top: 0;
    left: 50%;
    background-color: rgba(0,0,0,.95);
    height: 0;
    width: 0;
    overflow: hidden;
    z-index: 99999;
    opacity: 0;
    visibility: hidden;
    border-radius: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all ease .4s;
    transition: all ease .4s;
}
.popup-search-box button.searchClose
{
    width: 60px;
    height: 60px;
    position: absolute;
    top: 40px;
    right: 40px;
    border-width: 1px;
    border-style: solid;
    border-color: var(--theme-color);
    background-color: transparent;
    font-size: 22px;
    border-radius: 50%;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: all ease .4s;
    transition: all ease .4s;
    color: var(--theme-color);
}
.popup-search-box button.searchClose:hover
{
    color: var(--body-color);
    background-color: #fff;
    border-color: transparent;
    border-color: transparent;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.popup-search-box form
{
    position: absolute;
    top: 50%;
    left: 50%;
    display: inline-block;
    padding-bottom: 40px;
    cursor: auto;
    width: 100%;
    max-width: 700px;
    -webkit-transform: translate(-50%,-50%) scale(0);
    -ms-transform: translate(-50%,-50%) scale(0);
    transform: translate(-50%,-50%) scale(0);
    -webkit-transition: -webkit-transform ease .4s;
    transition: -webkit-transform ease .4s;
    transition: transform ease .4s;
    transition: transform ease .4s,-webkit-transform ease .4s;
}
@media(max-width: 1199px)
{
    .popup-search-box form
    {
        max-width: 600px;
    }
}
.popup-search-box form input
{
    font-size: 18px;
    height: 70px;
    width: 100%;
    border: 2px solid var(--theme-color);
    background-color: transparent;
    padding-left: 30px;
    color: #fff;
    border-radius: 50px;
}
.popup-search-box form input::-moz-placeholder
{
    color: #fff;
}
.popup-search-box form input::-webkit-input-placeholder
{
    color: #fff;
}
.popup-search-box form input:-ms-input-placeholder
{
    color: #fff;
}
.popup-search-box form input::-ms-input-placeholder
{
    color: #fff;
}
.popup-search-box form input::placeholder
{
    color: #fff;
}
.popup-search-box form button
{
    position: absolute;
    top: 0;
    background-color: transparent;
    border: none;
    color: #fff;
    font-size: 24px;
    right: 12px;
    color: var(--white-color);
    cursor: pointer;
    width: 70px;
    height: 70px;
    -webkit-transition: all ease .4s;
    transition: all ease .4s;
    -webkit-transform: scale(1.001);
    -ms-transform: scale(1.001);
    transform: scale(1.001);
}
.popup-search-box form button:hover
{
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.popup-search-box.show
{
    opacity: 1;
    visibility: visible;
    width: 100.1%;
    height: 100%;
    -webkit-transition: all ease .4s;
    transition: all ease .4s;
    border-radius: 0;
}
.popup-search-box.show form
{
    -webkit-transition-delay: .5s;
    transition-delay: .5s;
    -webkit-transform: translate(-50%,-50%) scale(1);
    -ms-transform: translate(-50%,-50%) scale(1);
    transform: translate(-50%,-50%) scale(1);
}
.sidemenu-wrapper
{
    position: fixed;
    z-index: 99999;
    right: 0;
    top: 0;
    height: 100%;
    width: 0;
    background-color: rgba(0,0,0,.75);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all ease .8s;
    transition: all ease .8s;
}
.sidemenu-wrapper .th-social a
{
    background-color: transparent;
    border: 1px solid;
}
.sidemenu-wrapper .th-social a:hover
{
    background-color: var(--theme-color);
    border-color: var(--theme-color);
}
.sidemenu-wrapper .closeButton
{
    display: inline-block;
    border: 2px solid;
    width: 50px;
    height: 50px;
    line-height: 48px;
    font-size: 24px;
    padding: 0;
    position: absolute;
    top: 20px;
    right: 20px;
    background-color: var(--white-color);
    border-radius: 50%;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: all ease .4s;
    transition: all ease .4s;
}
.sidemenu-wrapper .closeButton:hover
{
    color: var(--theme-color);
    border-color: var(--theme-color);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.sidemenu-wrapper .sidemenu-content
{
    background-color: var(--white-color);
    width: 450px;
    margin-left: auto;
    padding: 80px 30px;
    height: 100%;
    overflow: scroll;
    position: relative;
    right: -500px;
    cursor: auto;
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
    -webkit-transition: right ease 1s;
    transition: right ease 1s;
}
.sidemenu-wrapper .sidemenu-content::-webkit-scrollbar-track
{
    box-shadow: inset 0 0 1px rgba(0,0,0,.1);
    background-color: #f5f5f5;
}
.sidemenu-wrapper .sidemenu-content::-webkit-scrollbar
{
    width: 2px;
    background-color: #f5f5f5;
}
.sidemenu-wrapper .widget
{
    padding: 0;
    border: none;
    background-color: transparent;
}
.sidemenu-wrapper.show
{
    opacity: 1;
    visibility: visible;
    width: 100%;
    -webkit-transition: all ease .8s;
    transition: all ease .8s;
}
.sidemenu-wrapper.show .sidemenu-content
{
    right: 0;
    opacity: 1;
    visibility: visible;
}
.woocommerce-message, .woocommerce-info
{
    position: relative;
    padding: 11px 20px 11px 50px;
    background-color: var(--theme-color);
    color: var(--white-color);
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 15px;
    border-radius: 5px;
}
.woocommerce-message a, .woocommerce-info a
{
    color: var(--white-color);
    text-decoration: underline;
}
.woocommerce-message a:hover, .woocommerce-info a:hover
{
    color: var(--title-color);
}
.woocommerce-message:before, .woocommerce-info:before
{
    content: '';
    font-family: var(--icon-font);
    font-weight: 400;
    margin-right: 10px;
    font-size: 18px;
    position: absolute;
    left: 20px;
    top: 11px;
}
.woocommerce-notices-wrapper .woocommerce-message
{
    background-color: var(--theme-color);
    color: var(--white-color);
}
.woocommerce-notices-wrapper .woocommerce-message:before
{
    content: '';
    font-weight: 300;
}
.woocommerce-form-login-toggle .woocommerce-info
{
    background-color: var(--theme-color);
    color: var(--white-color);
}
.woocommerce-form-login-toggle .woocommerce-info a
{
    color: inherit;
}
.woocommerce-form-login-toggle .woocommerce-info a:hover
{
    color: var(--title-color);
}
.woocommerce-form-register, .woocommerce-form-coupon, .woocommerce-form-login
{
    padding: 35px 40px 35px 40px;
    background-color: var(--white-color);
    box-shadow: 0 6px 30px rgba(1,15,28,.1);
    margin-bottom: 0;
    border-radius: 10px;
}
@media(max-width: 575px)
{
    .woocommerce-form-register, .woocommerce-form-coupon, .woocommerce-form-login
    {
        padding: 40px 20px;
    }
}
.woocommerce-form-register .form-group, .woocommerce-form-coupon .form-group, .woocommerce-form-login .form-group
{
    margin-bottom: 20px;
}
.woocommerce-form-register .form-group:last-child, .woocommerce-form-coupon .form-group:last-child, .woocommerce-form-login .form-group:last-child
{
    margin-bottom: 0;
}
.woocommerce-form-login
{
    margin-bottom: 30px;
}
.woocommerce-error
{
    background-color: var(--error-color);
    color: #fff;
    list-style: none;
    padding: 10px 26px;
    margin: 0 0 30px 0;
    border-radius: 5px;
    font-weight: 700;
    font-size: 14px;
}
nav.woocommerce-MyAccount-navigation li
{
    border: 1px solid #ddd;
    margin: 0;
    border-top: none;
}
nav.woocommerce-MyAccount-navigation li:first-child
{
    border-top: 1px solid #ddd;
}
nav.woocommerce-MyAccount-navigation li a
{
    color: var(--title-color);
    font-weight: 700;
    padding: 7px 17px;
    display: block;
}
nav.woocommerce-MyAccount-navigation li.is-active a, nav.woocommerce-MyAccount-navigation li a:hover
{
    color: var(--white-color);
    background-color: var(--theme-color);
}
.woocommerce-MyAccount-content h3
{
    margin-top: -.3em;
}
.woocommerce-MyAccount-content .btn
{
    background-color: var(--theme-color);
    color: var(--white-color);
    font-size: 14px;
    padding: 10px 25px;
    font-weight: 700;
}
.woocommerce-MyAccount-content .btn:hover
{
    background-color: var(--title-color);
    color: var(--white-color);
}
table.variations, .woocommerce-grouped-product-list-item
{
    border-collapse: separate;
    border-spacing: 0 15px;
    margin-bottom: 5px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: none;
}
table.variations td, .woocommerce-grouped-product-list-item td
{
    border: none;
    vertical-align: middle;
    padding: 0 5px;
}
table.variations td:first-child, .woocommerce-grouped-product-list-item td:first-child
{
    padding: 0;
}
table.variations label, .woocommerce-grouped-product-list-item label
{
    margin: 0;
    font-size: 14px;
    text-transform: capitalize;
}
table.variations label a, .woocommerce-grouped-product-list-item label a
{
    color: var(--title-color);
}
table.variations label a:hover, .woocommerce-grouped-product-list-item label a:hover
{
    color: var(--theme-color);
}
table.variations .label, .woocommerce-grouped-product-list-item .label
{
    border: none;
}
table.variations__label, .woocommerce-grouped-product-list-item__label
{
    border: none!important;
    font-weight: 600;
}
table.variations__price, .woocommerce-grouped-product-list-item__price
{
    border: none!important;
}
table.variations__price .price, table.variations__price .amount, .woocommerce-grouped-product-list-item__price .price, .woocommerce-grouped-product-list-item__price .amount
{
    font-size: 18px!important;
}
table.variations del, .woocommerce-grouped-product-list-item del
{
    margin-left: 12px;
}
.woocommerce-product-attributes th, .woocommerce-product-attributes td
{
    border: 1px solid var(--border-color);
}
.woocommerce-product-attributes th p:last-child, .woocommerce-product-attributes td p:last-child
{
    margin-bottom: 0;
}
.woocommerce-grouped-product-list.group_table
{
    border-collapse: collapse;
    margin-bottom: 15px;
}
.woocommerce-grouped-product-list.group_table .woocommerce-Price-amount.amount
{
    font-size: 16px;
    color: var(--title-color);
}
.woocommerce-grouped-product-list.group_table label
{
    margin: 0 0 0 10px;
    margin: 0 0 0 10px;
    font-family: var(--title-font);
    font-size: 18px;
}
.woocommerce-grouped-product-list.group_table .qty-input
{
    border-color: #e3e6e9;
}
.woocommerce-grouped-product-list.group_table tr
{
    border-bottom: 1px solid #e3e6e9;
}
.woocommerce-grouped-product-list.group_table tr:last-child
{
    border-bottom: none;
}
.woocommerce-grouped-product-list.group_table td
{
    padding: 30px 5px;
}
table.variations
{
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    position: relative;
}
table.variations td
{
    padding: 0;
}
table.variations td.label
{
    padding-right: 10px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
}
table.variations select
{
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    font-weight: 400;
    line-height: 1.5;
    vertical-align: middle;
    margin: 0;
    padding-right: 54px;
    padding-left: 20px;
    height: 50px;
}
table.variations .reset_variations
{
    margin-left: 16px;
    display: inline-block;
    position: absolute;
    left: 100%;
    bottom: 25px;
}
.woosq-product .product .woocommerce-grouped-product-list-item__quantity, .woosq-product .product .woocommerce-grouped-product-list-item__label, .woosq-product .product .woocommerce-grouped-product-list-item__price
{
    width: auto!important;
}
.woocommerce-variation.single_variation
{
    margin-bottom: 30px;
}
.woocommerce-variation.single_variation .price
{
    color: var(--title-color);
    font-weight: 700;
}
.wooscp-table-items td.woocommerce-product-attributes-item__value
{
    padding-left: 15px!important;
}
.wooscp-table-items a.added_to_cart.wc-forward
{
    margin-left: 15px;
    text-decoration: underline;
}
.tinvwl_added_to_wishlist.tinv-modal.tinv-modal-open
{
    z-index: 1111;
}
table.woocommerce-product-attributes
{
    margin-bottom: 30px;
}
#woosq-popup .product_meta
{
    margin-top: 20px;
}
#woosq-popup .product_title
{
    font-size: 24px;
    margin-bottom: 5px;
}
#woosq-popup .single-product .product .actions
{
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
}
#woosq-popup .single-product .product .actions>div
{
    height: auto;
    overflow: visible;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
}
#woosq-popup .single-product .product .actions>div .quantity.style2.woocommerce-grouped-product-list-item__quantity
{
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
}
.login-tab
{
    margin-bottom: 30px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.login-tab button.nav-link
{
    background-color: var(--smoke-color);
    color: var(--title-color);
    padding: 11px 39px;
    font-size: 18px;
    font-weight: 500;
    border-radius: 15px ​15px 0;
}
.login-tab button.nav-link.active
{
    background-color: var(--theme-color);
    color: var(--white-color);
}
.star-rating
{
    overflow: hidden;
    position: relative;
    width: 100px;
    height: 1.2em;
    line-height: 1.2em;
    display: block;
    font-family: var(--icon-font);
    font-weight: 700;
    font-size: 14px;
}
.star-rating:before
{
    content: "";
    color: #e1e1e1;
    float: left;
    top: 0;
    left: 0;
    position: absolute;
    letter-spacing: 3px;
}
.star-rating span
{
    overflow: hidden;
    float: left;
    top: 0;
    left: 0;
    position: absolute;
    padding-top: 1.5em;
}
.star-rating span:before
{
    content: "";
    top: 0;
    position: absolute;
    left: 0;
    color: var(--theme-color);
    letter-spacing: 3px;
}
.rating-select label
{
    margin: 0;
    margin-right: 10px;
}
.rating-select p.stars
{
    margin-bottom: 0;
    line-height: 1;
}
.rating-select p.stars a
{
    position: relative;
    height: 14px;
    width: 18px;
    text-indent: -999em;
    display: inline-block;
    text-decoration: none;
}
.rating-select p.stars a::before
{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 14px;
    line-height: 1;
    font-family: var(--icon-font);
    content: "";
    font-weight: 400;
    text-indent: 0;
    color: var(--yellow-color);
}
.rating-select p.stars a:hover~a::before
{
    content: "";
    font-weight: 400;
}
.rating-select p.stars:hover a::before
{
    content: "";
    font-weight: 700;
}
.rating-select p.stars.selected a.active::before
{
    content: "";
    font-weight: 700;
}
.rating-select p.stars.selected a.active~a::before
{
    content: "";
    font-weight: 400;
}
.rating-select p.stars.selected a:not(.active)::before
{
    content: "";
    font-weight: 700;
}
@media(max-width: 767px)
{
    .woocommerce-message, .woocommerce-info
    {
        font-size: 14px;
        line-height: 22px;
        padding: 10px 15px 10px 37px;
    }
    .woocommerce-message:before, .woocommerce-info:before
    {
        font-size: 16px;
        top: 10px;
        left: 15px;
    }
}
.th-product
{
    text-align: center;
    -webkit-transition: all ease .4s;
    transition: all ease .4s;
}
.th-product .product-title
{
    font-size: 20px;
    margin: 10px 0 10px 0;
}
.th-product .product-title a
{
    color: inherit;
}
.th-product .product-title a:hover
{
    color: var(--theme-color);
}
.th-product .price
{
    display: block;
    color: var(--body-color);
    font-weight: 500;
    margin-bottom: -.4em;
    font-family: var(--body-font);
}
.th-product .price del
{
    margin-left: 10px;
    color: #a9a9a9;
}
.th-product .product-img
{
    --space: 20px;
    background-color: var(--smoke-color);
    overflow: hidden;
    position: relative;
    margin: 0 0 25px 0;
    text-align: center;
    background-color: var(--smoke-color);
    z-index: 2;
    border-radius: 5px;
}
.th-product .product-img:before
{
    --space: 20px;
    content: '';
    height: calc(100% - var(--space) * 2);
    width: calc(100% - var(--space) * 2);
    border-radius: inherit;
    position: absolute;
    top: var(--space);
    left: var(--space);
    background-color: var(--title-color);
    z-index: 1;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}
.th-product .product-img img
{
    width: 100%;
    -webkit-transition: all ease .4s;
    transition: all ease .4s;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.th-product .star-rating
{
    margin: 0 auto 5px auto;
    width: 93px;
}
.th-product .actions
{
    height: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    right: 0;
    text-align: center;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 3;
    margin-top: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.th-product .actions .icon-btn
{
    --btn-size: 40px;
    font-size: 14px;
    border-color: var(--white-color);
    box-shadow: 0 4px 20px rgba(0,0,0,.05);
    color: var(--white-color);
}
.th-product .actions .icon-btn:hover
{
    color: var(--title-color);
    border-color: var(--white-color);
}
.th-product .actions>*
{
    margin: 0 var(--icon-gap-x,5px);
}
.th-product .actions>*>a
{
    margin: 0;
}
.th-product .icon-btn
{
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}
.th-product .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt, .th-product .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt
{
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
}
.th-product .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt::before, .th-product .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt::before
{
    position: relative;
    top: 0;
    left: 0;
    line-height: inherit;
    margin: 0;
    font-size: 24px;
}
.th-product .tinv-wishlist a
{
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    background-color: var(--white-color);
    color: var(--title-color);
    border-radius: 50%;
}
.th-product .tinv-wishlist a:hover
{
    background-color: var(--theme-color);
    color: var(--white-color);
}
.th-product .add_to_cart_button.added
{
    display: none;
}
.th-product .added_to_cart
{
    width: 40px;
    height: 40px;
    line-height: 40px;
    background-color: var(--white-color);
    color: var(--white-color);
    font-size: 0;
    text-align: center;
    border-radius: 50%;
}
.th-product .added_to_cart:after
{
    content: "";
    position: relative;
    font-family: var(--icon-font);
    font-size: 16px;
    font-weight: 700;
}
.th-product .added_to_cart:hover
{
    background-color: var(--title-color);
    color: var(--white-color);
}
.th-product .action-btn
{
    background-color: var(--white-color);
    font-size: 14px;
    font-family: var(--title-font);
    text-transform: uppercase;
    font-weight: bold;
    display: inline-block;
    padding: 13px 25px;
}
.th-product:hover .product-img img
{
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.th-product:hover .product-img:before
{
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    visibility: visible;
    opacity: .7;
}
.th-product:hover .actions
{
    margin-top: 0;
    opacity: 1;
    visibility: visible;
}
.th-product:hover .icon-btn
{
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
.th-product.list-view
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    text-align: left;
    height: 100%;
}
.th-product.list-view .product-img
{
    width: 100%;
    max-width: 200px;
    margin: 0;
}
.th-product.list-view .star-rating
{
    margin: 0 auto 10px 0;
    width: 93px;
}
.th-product.list-view .product-content
{
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border: 1px solid var(--th-border-color);
    border-left: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 0 25px;
}
.th-product.list-view .actions
{
    --btn-size: 35px;
    --btn-font-size: 13px;
    --icon-gap-x: 2px;
}
.th-product.list-view .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt, .th-product.list-view .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt
{
    width: 35px;
    height: 35px;
    line-height: 35px;
}
.th-product.list-view .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt::before, .th-product.list-view .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt::before
{
    font-size: 20px;
}
.th-product.list-view .tinv-wishlist a
{
    width: 35px;
    height: 35px;
    line-height: 35px;
}
.th-product.list-view .added_to_cart
{
    width: 35px;
    height: 35px;
    line-height: 35px;
}
.th-product.list-view .added_to_cart:after
{
    font-size: 16px;
}
.th-product.list-view .action-btn
{
    padding: 8px 15px;
}
.th-product.list-view .tag
{
    top: 8px;
    right: 8px;
    padding: 0 15px;
}
.th-product.list-view .product-title
{
    font-size: 18px;
    margin: 0 0 5px 0;
}
.th-product.list-view .product-price
{
    font-size: 14px;
}
#productCarousel .slick-arrow
{
    top: 37.5%;
}
.mfp-content
{
    margin: 1.5rem auto;
}
.mfp-content .product-details-img
{
    padding-top: 15px;
}
.mfp-content .product-about
{
    padding-top: 20px;
    padding-bottom: 20px;
}
.mfp-content .container
{
    position: relative;
}
.mfp-content .product-big-img
{
    margin-top: 20px;
    margin-bottom: 20px;
}
.mfp-fade.mfp-bg
{
    opacity: 0;
    -webkit-transition: all .15s ease-out;
    transition: all .15s ease-out;
}
.mfp-fade.mfp-bg.mfp-ready
{
    opacity: .8;
}
.mfp-fade.mfp-bg.mfp-removing
{
    opacity: 0;
}
.mfp-fade.mfp-wrap .mfp-content
{
    opacity: 0;
    -webkit-transition: all .4s ease-out;
    transition: all .4s ease-out;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content
{
    opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content
{
    opacity: 0;
}
.woosq-popup
{
    max-height: 600px;
    max-width: 1220px;
}
.woosq-popup .product_meta>span>a:after, .woosq-popup .product_meta>span>span:after
{
    display: none;
}
.woosq-product>.product>div
{
    max-height: 600px;
    min-height: 460px;
    height: auto;
}
.th-sort-bar
{
    padding: 10px;
    margin: 0 0 24px 0;
    background-color: var(--smoke-color);
    border-radius: 5px;
}
.th-sort-bar .row
{
    --bs-gutter-x: 0;
    --bs-gutter-y: 15px;
}
.th-sort-bar select
{
    height: 50px;
    border: 1px solid var(--th-border-color);
    background-color: var(--white-color);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 250px;
    font-size: 16px;
    margin: 0;
    color: var(--body-color);
}
.th-sort-bar .woocommerce-result-count
{
    padding-left: 15px;
    margin-bottom: 0;
    color: var(--body-color);
}
.th-sort-bar .nav a
{
    display: inline-block;
    height: 50px;
    width: 50px;
    line-height: 50px;
    border: 1px solid var(--th-border-color);
    background-color: var(--white-color);
    text-align: center;
    position: relative;
    font-family: var(--title-font);
    font-weight: 600;
    font-size: 16px;
    text-transform: capitalize;
    color: var(--body-color);
    margin: 0 0 0 10px;
}
.th-sort-bar .nav a.active, .th-sort-bar .nav a:hover
{
    color: var(--theme-color);
}
.product-thumb-area
{
    position: relative;
    margin-right: 10px;
}
.product-thumb-area .product-thumb-tab
{
    position: absolute;
    top: 0;
    left: 0;
}
.product-thumb-tab
{
    --thumb: 120px;
    --gap: 10px;
    max-width: var(--thumb);
    margin-left: calc(0px - var(--thumb) / 2);
    position: relative;
    z-index: 3;
    display: grid;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    height: 100%;
}
.product-thumb-tab .tab-btn
{
    background-color: var(--white-color);
    cursor: pointer;
    height: var(--thumb);
    width: var(--thumb);
    padding: var(--gap);
    border-radius: 10px;
}
.product-thumb-tab .tab-btn img
{
    max-width: 100%;
    border-radius: inherit;
}
.product-thumb-tab .tab-btn:not(:last-of-type)
{
    margin-bottom: 20px;
}
.product-thumb-tab .indicator
{
    position: absolute;
    top: calc(var(--pos-y) + var(--gap));
    left: calc(var(--pos-x) + var(--gap));
    width: calc(var(--width-set) - var(--gap) * 2);
    height: calc(var(--height-set) - var(--gap) * 2);
    border: 2px solid var(--theme-color);
    border-radius: 10px;
    pointer-events: none;
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}
.product-big-img
{
    background-color: var(--smoke-color2);
    text-align: center;
    border-radius: 10px;
    overflow: hidden;
}
.product-big-img .img
{
    width: 100%;
}
.product-big-img .img img
{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.quantity
{
    position: relative;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle;
}
.quantity>.screen-reader-text
{
    display: inline-block;
    font-weight: 600;
    color: var(--title-color);
    font-family: var(--title-font);
    margin: 0;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    margin-right: 10px;
}
.quantity .qty-btn, .quantity .qty-input
{
    display: inline-block;
    width: 50px;
    height: 50px;
    border: none;
    border-right: none;
    background-color: transparent;
    padding: 0;
    border-radius: 0;
    text-align: center;
    color: var(--body-color);
    font-size: 18px;
    font-weight: 600;
}
.quantity .qty-btn:last-child, .quantity .qty-input:last-child
{
    border-right: none;
}
.quantity .qty-btn
{
    font-size: 16px;
}
.product_meta
{
    font-weight: 700;
    font-size: 16px;
    font-family: var(--body-font);
    margin: 35px 0 0 0;
}
.product_meta>span
{
    display: block;
    margin-bottom: 5px;
    color: var(--title-color);
    font-weight: bold;
}
.product_meta>span:last-child
{
    margin-bottom: 0;
}
.product_meta>span a
{
    color: inherit;
}
.product_meta>span a:hover
{
    color: var(--theme-color);
}
.product_meta>span>a, .product_meta>span>span
{
    position: relative;
    color: var(--body-color);
    font-weight: 400;
}
.product_meta>span>a:after, .product_meta>span>span:after
{
    content: ",";
    margin-right: 5px;
}
.product_meta>span>a:last-child:after, .product_meta>span>span:last-child:after
{
    display: none;
}
.product_meta>span>a:first-child, .product_meta>span>span:first-child
{
    margin-left: 7px;
}
.product-tab-style1
{
    border-bottom: 1px solid var(--smoke-color2);
    margin: 95px auto 40px auto;
    padding-bottom: 40px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 24px;
}
.woocommerce-Reviews .th-post-comment .text
{
    margin-bottom: -.5em;
}
.woocommerce-Reviews .th-comments-wrap
{
    padding: 0;
    box-shadow: none;
    margin-right: 0;
}
.woocommerce-Reviews .th-comment-form
{
    padding: 60px;
    background-color: var(--smoke-color);
    box-shadow: none;
    border-radius: 10px;
    margin-right: 0;
}
.woocommerce-Reviews .th-comment-form input, .woocommerce-Reviews .th-comment-form .form-control
{
    background-color: var(--white-color);
}
.woocommerce-Reviews .th-comment-form .blog-inner-title
{
    margin-bottom: 10px;
}
.woocommerce-Reviews .comment-list
{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 0 24px;
    margin-bottom: 40px;
}
.woocommerce-Reviews .th-post-comment
{
    border: 1px solid var(--th-border-color)!important;
    padding: 40px!important;
    box-shadow: 0 4px 30px rgba(1,15,28,.06);
    margin-bottom: 24px;
    border-radius: 8px;
}
.woocommerce-Reviews .th-post-comment .name
{
    margin-bottom: 3px;
}
.woocommerce-Reviews .th-post-comment .commented-on
{
    margin-bottom: 12px;
}
@media(max-width: 1199px)
{
    .woocommerce-Reviews .th-post-comment
    {
        padding: 30px!important;
    }
}
@media(max-width: 991px)
{
    .woocommerce-Reviews .comment-list
    {
        grid-template-columns: repeat(1,1fr);
    }
    .woocommerce-Reviews .th-comment-form
    {
        padding: 40px;
    }
}
@media(max-width: 575px)
{
    .woocommerce-Reviews .th-comment-form
    {
        padding: 40px 20px;
    }
}
#productTabContent
{
    margin-bottom: -10px;
}
#additional_information
{
    margin-bottom: 40px;
}
.product-inner-list>ul
{
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.product-inner-list li
{
    position: relative;
    padding-left: 15px;
}
.product-inner-list li:before
{
    content: "-";
    position: absolute;
    left: 0;
}
.share-title
{
    font-size: 16px;
    font-weight: 600;
    color: var(--title-color);
    margin-bottom: 8px;
}
.share-title i
{
    color: var(--theme-color);
}
.summary-content .product-title, .product-about .product-title
{
    margin: 0 0 12px 0;
}
.summary-content>.price, .product-about>.price
{
    font-family: var(--title-font);
    font-size: 20px;
    font-weight: 800;
    color: var(--title-color);
    display: inline-block;
    margin-bottom: 14px;
}
.summary-content>.price del, .product-about>.price del
{
    color: var(--gray-color);
    font-weight: 500;
    margin-left: 15px;
}
.summary-content .product-rating, .product-about .product-rating
{
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    gap: 5px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    top: 2px;
    font-size: 16px;
    line-height: 20px;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    margin-bottom: 14px;
}
.summary-content .product-rating .star-rating, .product-about .product-rating .star-rating
{
    width: 80px;
    font-size: 12px;
    margin-right: 8px;
}
.summary-content .woocommerce-review-link, .product-about .woocommerce-review-link
{
    color: var(--body-color);
}
.summary-content .checklist, .product-about .checklist
{
    margin: 30px 0 40px 0;
}
.summary-content .actions, .product-about .actions
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 15px;
    margin: 33px 0 27px 0;
}
.summary-content .actions .th-btn .btn-icon, .product-about .actions .th-btn .btn-icon
{
    padding: 10.5px 15px 10.5px 15px;
}
.summary-content .actions .icon-btn, .product-about .actions .icon-btn
{
    border-color: var(--th-border-color);
}
.summary-content .actions .icon-btn:hover, .product-about .actions .icon-btn:hover
{
    background-color: var(--theme-color);
    color: var(--white-color);
    border-color: var(--theme-color);
}
.summary-content .share, .product-about .share
{
    margin-top: 25px;
}
.summary-content .th-social a, .product-about .th-social a
{
    --icon-size: 40px;
    line-height: 38px;
    font-size: 14px;
    border: 1px solid var(--th-border-color);
    border-radius: 0;
}
.summary-content .th-social a:hover, .product-about .th-social a:hover
{
    border-color: var(--theme-color);
}
.summary-content .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt, .summary-content .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt, .product-about .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt, .product-about .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt
{
    width: 60px;
    height: 60px;
    line-height: 60px;
    display: inline-block;
    border-radius: 0;
}
.summary-content .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt::before, .summary-content .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt::before, .product-about .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt::before, .product-about .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt::before
{
    position: relative;
    top: 0;
    left: 0;
    line-height: inherit;
    margin: 0;
    font-size: 24px;
}
.summary-content .tinv-wishlist a, .product-about .tinv-wishlist a
{
    display: inline-block;
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 0;
}
.summary-content .tinv-wishlist a:hover, .product-about .tinv-wishlist a:hover
{
    background-color: var(--theme-color);
    color: var(--white-color);
}
.summary-content .quantity, .product-about .quantity
{
    position: relative;
}
.summary-content .quantity:after, .product-about .quantity:after
{
    content: '';
    height: 100%;
    width: 1px;
    background-color: var(--th-border-color);
    position: absolute;
    top: 0;
    left: 55px;
}
.summary-content .quantity .qty-input, .product-about .quantity .qty-input
{
    width: 112px;
    height: 56px;
    border: 1px solid var(--th-border-color);
    background-color: transparent;
    color: var(--title-color);
    padding: 0 21px;
    text-align: left;
    font-weight: 500;
    border-radius: 5px;
}
.summary-content .quantity .qty-btn, .product-about .quantity .qty-btn
{
    color: var(--title-color);
    background-color: transparent;
    position: absolute;
    right: 21px;
    height: auto;
    width: auto;
    border: none;
}
.summary-content .quantity .quantity-minus, .product-about .quantity .quantity-minus
{
    bottom: 8px;
}
.summary-content .quantity .quantity-plus, .product-about .quantity .quantity-plus
{
    top: 8px;
}
.woocommerce-Reviews .th-post-comment
{
    border-radius: 20px;
}
.woocommerce-Reviews .th-post-comment .text
{
    margin-bottom: -.5em;
}
.woocommerce-Reviews .th-comments-wrap
{
    padding: 0;
    margin-right: 0!important;
    box-shadow: none;
    margin: 0;
}
.woocommerce-Reviews .th-comment-form
{
    padding: 60px;
    background-color: var(--smoke-color);
    box-shadow: none;
    margin-right: 0!important;
    margin-top: 28px;
    margin-bottom: 40px;
}
.woocommerce-Reviews .th-comment-form input, .woocommerce-Reviews .th-comment-form .form-control
{
    background-color: var(--white-color);
}
.woocommerce-Reviews .th-comment-form .blog-inner-title
{
    margin-bottom: 10px;
}
.woocommerce-Reviews .comment-list
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 0 24px;
    margin: -12px!important;
    margin-bottom: 28px!important;
}
.woocommerce-Reviews .comment-list li
{
    width: 50%;
}
@media(max-width: 991px)
{
    .woocommerce-Reviews .comment-list li
    {
        width: 100%;
    }
}
.woocommerce-Reviews .th-post-comment
{
    border: 0!important;
    padding: 40px!important;
    margin: 12px;
    background: var(--smoke-color);
    border-radius: 0;
    box-shadow: none;
}
.woocommerce-Reviews .th-post-comment .name
{
    margin-bottom: 3px;
}
.woocommerce-Reviews .th-post-comment .commented-on
{
    margin-bottom: 12px;
}
@media(max-width: 1199px)
{
    .woocommerce-Reviews .th-post-comment
    {
        padding: 30px!important;
    }
}
@media(max-width: 991px)
{
    .woocommerce-Reviews .comment-list
    {
        grid-template-columns: repeat(1,1fr);
    }
    .woocommerce-Reviews .th-comment-form
    {
        padding: 40px;
    }
}
@media(max-width: 575px)
{
    .woocommerce-Reviews .th-comment-form
    {
        padding: 40px 20px;
    }
}
#description
{
    margin-bottom: 30px;
}
.product-details .th-comments-wrap
{
    margin-top: 0;
}
.product-details .border-title
{
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 40px;
}
.product-details .border-title:before
{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
    width: 80px;
    background-color: var(--theme-color);
}
.product-inner-title
{
    font-size: 32px;
    border-bottom: 1px solid var(--th-border-color);
    padding: 0 0 7px 0;
    margin: 0 0 30px 0;
}
.related-product-wrapper
{
    padding-top: 115px;
}
@media(max-width: 1399px)
{
    .th-product.list-view .product-img
    {
        max-width: 150px;
    }
}
@media(max-width: 1299px)
{
    .product-thumb-tab
    {
        --thumb: 100px;
        margin-left: -40px;
    }
    .product-thumb-area
    {
        margin-right: 0;
    }
}
@media(max-width: 1199px)
{
    .th-sort-bar select
    {
        min-width: auto;
    }
    .product-tab-style1
    {
        margin: 55px 0 40px 0;
    }
    .summary-content, .product-about
    {
        padding-left: 0;
    }
}
@media(max-width: 991px)
{
    .product-big-img
    {
        margin-bottom: 40px;
    }
    .product-thumb-tab
    {
        margin-left: -10px;
    }
    .th-product-box.list-view .product-img
    {
        max-width: 150px;
    }
    .th-sort-bar .row
    {
        --bs-gutter-x: 20px;
    }
    .th-sort-bar .nav a:last-child
    {
        margin-right: 0;
        padding-right: 0;
    }
    .th-sort-bar .nav a:last-child:before
    {
        display: none;
    }
    .woosq-product>.product .thumbnails
    {
        max-height: 400px;
        min-height: 200px;
        padding: 10px;
    }
}
@media(max-width: 767px)
{
    .th-sort-bar
    {
        text-align: center;
        padding: 10px 15px 15px 15px;
    }
    .th-sort-bar .nav
    {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .th-sort-bar select
    {
        margin: 0 auto;
    }
    .th-sort-bar .woocommerce-result-count
    {
        padding-left: 0;
    }
    .th-product-box.list-view .product-img
    {
        max-width: 130px;
    }
    .th-product-box.list-view .actions
    {
        --btn-size: 30px;
        --btn-font-size: 10px;
        --icon-gap-x: 2px;
    }
}
@media(max-width: 575px)
{
    .product-about .actions
    {
        gap: 15px 15px;
    }
    .product-thumb-tab
    {
        --thumb: 74px;
        --gap: 6px;
    }
    .product-thumb-tab .tab-btn
    {
        border-radius: 6px;
    }
    .product-thumb-tab .tab-btn:not(:last-of-type)
    {
        margin-bottom: 10px;
    }
    .product-thumb-tab .indicator
    {
        border-radius: 6px;
    }
    .product-grid
    {
        max-width: 340px;
        margin-left: auto;
        margin-right: auto;
    }
}
@media(max-width: 375px)
{
    .th-product.list-view .product-img
    {
        max-width: 130px;
    }
}
.woocommerce-cart-form
{
    text-align: center;
}
.cart_table
{
    border: 1px solid #eaf0f2;
    margin-bottom: 45px;
}
.cart_table thead
{
    background-color: #ecf0f1;
}
.cart_table thead th
{
    border: none!important;
}
.cart_table td:before, .cart_table th
{
    font-family: var(--title-font);
    color: var(--title-color);
    font-weight: 800;
    border: none;
    padding: 27px 15px;
}
.cart_table td:before
{
    content: attr(data-title);
    position: absolute;
    left: 15px;
    top: 50%;
    vertical-align: top;
    padding: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: none;
}
.cart_table td
{
    border: none;
    border-bottom: 1px solid #f3f3f3;
    color: #8b8b8b;
    padding: 20px 10px;
    position: relative;
    vertical-align: middle;
}
.cart_table .product-quantity
{
    color: var(--title-color);
}
.cart_table .product-quantity input
{
    position: relative;
    top: -2px;
}
.cart_table .cart-productname
{
    font-weight: 400;
    font-family: var(--body-font);
    color: var(--body-color);
}
.cart_table .cart-productimage
{
    display: inline-block;
    border: 2px solid var(--smoke-color);
}
.cart_table .remove
{
    color: var(--theme-color);
    font-size: 18px;
}
.cart_table .quantity
{
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.cart_table .qty-btn
{
    border: 2px solid var(--smoke-color)!important;
    background-color: transparent;
    color: #b8c6d0;
    padding: 0;
    width: 30px;
    height: 30px;
    line-height: 28px;
    font-size: 16px;
    border-radius: 4px;
}
.cart_table .qty-btn:hover
{
    background-color: var(--theme-color);
    color: var(--white-color);
}
.cart_table .qty-input
{
    vertical-align: middle;
    border: 2px solid var(--smoke-color);
    width: 70px;
    height: 30px;
    font-size: 14px;
    text-align: center;
    color: var(--title-color);
    font-weight: 700;
    margin: 0 10px;
    border-radius: 4px;
    padding: 0;
}
.cart_table .qty-input::-moz-placeholder
{
    color: var(--title-color);
}
.cart_table .qty-input::-webkit-input-placeholder
{
    color: var(--title-color);
}
.cart_table .qty-input:-ms-input-placeholder
{
    color: var(--title-color);
}
.cart_table .qty-input::-ms-input-placeholder
{
    color: var(--title-color);
}
.cart_table .qty-input::placeholder
{
    color: var(--title-color);
}
.cart_table .qty-input::-webkit-outer-spin-button, .cart_table .qty-input::-webkit-inner-spin-button
{
    -webkit-appearance: none;
    margin: 0;
}
.cart_table .qty-input[type="number"]
{
    -moz-appearance: textfield;
}
.cart_table .actions
{
    text-align: right;
    vertical-align: middle;
}
.cart_table .actions>.th-btn
{
    font-size: 16px;
    padding: 20px 28px;
    margin-right: 15px;
}
.cart_table .actions>.th-btn:last-child
{
    margin-right: 0;
}
.cart_table .th-cart-coupon
{
    float: left;
    margin: 0;
    width: 455px;
    max-width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.cart_table .th-cart-coupon input
{
    width: calc(100% - 200px);
    margin-right: 10px;
}
.cart_table .th-cart-coupon .th-btn
{
    font-size: 16px;
    padding: 20px 25px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
}
.cart_totals
{
    border: 1px solid #ecf0f1;
}
.cart_totals th, .cart_totals td
{
    vertical-align: top;
    padding: 20px 20px;
    border: none;
    border-bottom: 1px solid #ecf0f1;
    font-size: 14px;
    color: var(--title-color);
    width: 55%;
}
.cart_totals th:first-child, .cart_totals td:first-child
{
    width: 45%;
    background-color: #f9fbfb;
    font-weight: 700;
    font-size: 14px;
    color: #333;
}
.cart_totals .shipping-calculator-button
{
    display: inline-block;
    border-bottom: 1px solid;
    color: var(--title-color);
    font-weight: 700;
}
.cart_totals .shipping-calculator-button:hover
{
    color: var(--theme-color);
}
.cart_totals .woocommerce-shipping-destination
{
    margin-bottom: 10px;
}
.cart_totals .woocommerce-shipping-methods
{
    margin-bottom: 0;
}
.cart_totals .shipping-calculator-form
{
    display: none;
}
.cart_totals .shipping-calculator-form p:first-child
{
    margin-top: 20px;
}
.cart_totals .shipping-calculator-form p:last-child
{
    margin-bottom: 0;
}
.cart_totals .shipping-calculator-form .th-btn
{
    padding: 5px 30px;
}
.cart_totals .amount
{
    font-weight: 700;
}
.cart_totals .order-total .amount
{
    color: var(--theme-color);
}
@media(max-width: 991px)
{
    .cart_table th
    {
        padding: 23px 8px;
        font-size: 14px;
    }
    .cart_table .cart-productname
    {
        font-size: 14px;
    }
    .cart_table .th-cart-coupon
    {
        width: 100%;
        margin-bottom: 20px;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .cart_table .actions
    {
        text-align: center;
    }
}
@media(max-width: 767px)
{
    .cart_table
    {
        text-align: left;
        min-width: auto;
        border-collapse: separate;
        border-spacing: 0 20px;
        border: none;
    }
    .cart_table thead
    {
        display: none;
    }
    .cart_table td
    {
        padding: 15px;
        display: block;
        width: 100%;
        padding-left: 25%;
        text-align: right;
        border: 1px solid #f3f3f3;
        border-bottom: none;
    }
    .cart_table td::before
    {
        display: block;
    }
    .cart_table td:last-child
    {
        border-bottom: 1px solid #f3f3f3;
    }
    .cart_table td.actions
    {
        padding-left: 15px;
        text-align: center;
    }
    .cart_table td.actions>.th-btn
    {
        margin-top: 10px;
        margin-right: 0;
        display: block;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        margin-left: auto;
        margin-right: auto;
    }
    .cart_table td.actions>.th-btn:last-child
    {
        margin-right: auto;
    }
    .cart_table .th-cart-coupon
    {
        width: 100%;
        text-align: center;
        float: none;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        display: block;
        padding-bottom: 10px;
    }
    .cart_table .th-cart-coupon input
    {
        width: 100%;
        margin-bottom: 10px;
    }
    .cart_totals th, .cart_totals td
    {
        padding: 15px 10px;
    }
    .cart_totals th:first-child, .cart_totals td:first-child
    {
        width: 17%;
        line-height: 1.4;
    }
}
.woocommerce-checkout .form-group, .woocommerce-checkout .form-row
{
    margin-bottom: 0;
}
.woocommerce-checkout .form-select, .woocommerce-checkout .select2-container, .woocommerce-checkout .form-control
{
    margin-bottom: 0;
}
.woocommerce-checkout .select2-container--open .select2-dropdown--below
{
    margin-top: -35px;
}
.woocommerce-checkout .select2-container--open .select2-dropdown--above
{
    position: relative;
    bottom: -30px;
}
.woocommerce-checkout .select2-dropdown
{
    border: 1px solid #e3e6e9;
    border-top: none;
}
.woocommerce-checkout .select2-container--default .select2-selection--single
{
    border-radius: 0;
}
.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered, .woocommerce-checkout .select2-container--default .select2-selection--single .form-control:focus
{
    color: var(--body-color);
}
.select2-container--default .select2-search--dropdown .select2-search__field
{
    border: 1px solid #eee;
    padding: 0;
}
.woocommerce-form-login select, .woocommerce-form-login .form-select, .woocommerce-form-login .form-control, .woocommerce-form-login .select2, .woocommerce-form-login .select2-container, .woocommerce-form-coupon select, .woocommerce-form-coupon .form-select, .woocommerce-form-coupon .form-control, .woocommerce-form-coupon .select2, .woocommerce-form-coupon .select2-container, .woocommerce-checkout select, .woocommerce-checkout .form-select, .woocommerce-checkout .form-control, .woocommerce-checkout .select2, .woocommerce-checkout .select2-container
{
    margin-bottom: var(--bs-gutter-x);
}
#ship-to-different-address
{
    margin-top: 15px;
}
.select2-container--default .select2-selection--single
{
    height: 60px;
    border: 1px solid #e3e6e9;
}
.select2-container--default .select2-selection--single .select2-selection__rendered
{
    line-height: 60px;
    padding-left: 30px;
    padding-right: 25px;
}
.woocommerce-billing-fields .form-row
{
    margin-bottom: 0;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b:before
{
    content: "";
    font-family: var(--icon-font);
}
.select2-container--default .select2-selection--single .select2-selection__arrow b
{
    margin: 0;
    border: none;
    top: 0;
}
.select2-container--default .select2-selection--single .select2-selection__arrow
{
    height: 60px;
    line-height: 60px;
    margin-right: 30px;
}
span.select2-selection.select2-selection--single:focus
{
    outline: none;
}
.shipping-calculator-form .form-select, .shipping-calculator-form .form-control
{
    height: 40px;
    padding-left: 15px;
    font-size: 16px;
    background-position: right 13px center;
}
.shipping-calculator-form .th-btn
{
    font-size: 14px;
    padding: 0 20px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    height: 40px;
}
.checkout-ordertable th, .checkout-ordertable td
{
    border: 1px solid #ededed;
    text-align: right;
    padding: 5px 20px;
    vertical-align: top;
    font-size: 14px;
    font-weight: 600;
    color: #2c3e50;
}
.checkout-ordertable th
{
    font-weight: 800;
    text-align: left;
}
.checkout-ordertable ul
{
    margin: 0;
    padding: 0;
}
.checkout-ordertable .order-total .amount
{
    color: var(--theme-color);
}
.checkout-ordertable input[type="hidden"]~label
{
    color: var(--theme-color);
}
.woocommerce-checkout .form-group input:not(:last-child)
{
    margin-bottom: var(--bs-gutter-x);
}
.woocommerce-checkout-payment
{
    text-align: left;
}
.woocommerce-checkout-payment ul
{
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.woocommerce-checkout-payment ul li
{
    padding-top: 12px;
    border-bottom: 1px solid #d8d8d8;
    border-radius: 4px;
    font-size: 16px;
}
.woocommerce-checkout-payment ul input[type="radio"]~label
{
    margin-bottom: 17px;
    color: var(--body-color);
}
.woocommerce-checkout-payment ul input[type="radio"]~label img
{
    margin-bottom: -2px;
    margin-left: 10px;
}
.woocommerce-checkout-payment .place-order
{
    padding-top: 30px;
}
.woocommerce-checkout-payment .payment_box
{
    color: #a1b1bc;
    background-color: #ecf0f1;
    border: 1px solid #d8d8d8;
    border-bottom: none;
    font-size: 14px;
    padding: 10px 20px;
    border-radius: 4px;
    display: none;
}
.woocommerce-checkout-payment .payment_box p
{
    margin: 0;
}
.th-checkout-wrapper form.woocommerce-form
{
    margin-bottom: 25px;
}
@media(max-width: 767px)
{
    tfoot.checkout-ordertable th
    {
        display: none;
    }
    .woocommerce-checkout-payment ul input[type="radio"]~label img
    {
        max-width: 150px;
    }
    .checkout-ordertable th, .checkout-ordertable td
    {
        padding: 5px 20px 5px 60px;
    }
}
.tinv-wishlist input[type=checkbox]
{
    display: inline-block;
    opacity: 1;
    visibility: visible;
    vertical-align: middle;
    width: auto;
    height: auto;
}
.tinv-wishlist .tinv-header
{
    margin-top: -.8rem;
}
.tinv-wishlist .cart-empty
{
    padding: 12px 25px;
    background-color: #eee;
    border-radius: 5px;
    font-weight: 700;
    font-size: 14px;
}
.tinv-wishlist p.return-to-shop .button
{
    display: inline-block;
    background-color: var(--theme-color);
    color: #fff;
    font-size: 14px;
    padding: 10px 25px;
    margin-top: 10px;
    font-weight: 700;
}
.tinv-wishlist p.return-to-shop .button:Hover
{
    background-color: var(--title-color);
    color: var(--white-color);
}
.tinv-wishlist table
{
    border: none;
}
.tinv-wishlist table th
{
    color: var(--title-color);
}
.tinv-wishlist table td, .tinv-wishlist table th
{
    padding: 15.3px 10px;
    border-bottom: 1px solid var(--th-border-color);
    text-align: center;
}
.tinv-wishlist table thead
{
    background-color: var(--smoke-color);
}
.tinv-wishlist .product-cb, .tinv-wishlist .product-remove
{
    width: 40px;
    text-align: center;
}
.tinv-wishlist .product-thumbnail
{
    width: 110px;
}
.tinv-wishlist .stock.in-stock
{
    margin-bottom: 0;
}
.tinv-wishlist ins
{
    text-decoration: none;
}
.tinv-wishlist .product-remove button
{
    border: none;
    height: 22px;
    width: 22px;
    text-align: center;
    font-size: 12px;
    line-height: 22px;
    border-radius: 0;
    padding-top: 0;
}
.tinv-wishlist .product-remove button i
{
    line-height: 22px;
    font-size: 16px;
}
.tinv-wishlist .tinvwl-mobile
{
    display: none;
}
.tinv-wishlist .social-buttons
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 295px;
    margin-left: auto;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.tinv-wishlist .social-buttons ul
{
    padding-left: 0;
    margin-bottom: 0;
    margin-left: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 6px;
}
.tinv-wishlist table.tinvwl-table-manage-list
{
    font-size: 16px;
}
.tinv-wishlist .product-stock .stock
{
    display: block;
}
.tinv-wishlist .product-stock span
{
    display: inline;
}
.tinv-wishlist .product-stock i
{
    margin-right: 5px;
}
.tinv-wishlist .tinv-modal .icon_big_times
{
    margin-bottom: 5px;
    color: var(--theme-color);
}
.tinv-wishlist button.button
{
    border: none;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    font-weight: 600;
    background-color: var(--theme-color);
    color: #fff;
    padding: 1px 15px;
    min-width: 140px;
}
.tinv-wishlist button.button.mask-btn
{
    padding: 0;
}
.tinv-wishlist button.button .btn-text-mask
{
    padding: .5px 21px;
}
.tinv-wishlist button.button:hover
{
    background-color: var(--title-color);
    color: #fff;
}
.tinv-wishlist button.button i
{
    font-size: 14px!important;
    margin-right: 3px!important;
}
.tinv-wishlist th, .tinv-wishlist td.product-name
{
    font-size: 16px;
    font-weight: 700;
    font-family: var(--title-font);
}
.tinv-wishlist td.product-name a
{
    color: var(--body-color);
}
.tinv-wishlist td.product-name a:hover
{
    color: var(--theme-color);
}
.tinv-wishlist td.product-price del
{
    margin-left: 8px;
    font-size: .9em;
}
.tinv-wishlist .social-buttons>span
{
    font-weight: 700;
    margin-right: 10px;
    font-family: var(--title-font);
    color: var(--title-color);
}
.tinv-wishlist .social-buttons li
{
    display: inline-block;
    margin-right: 0;
}
.tinv-wishlist .social-buttons li a.social
{
    background-color: var(--theme-color);
    color: #fff;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    display: inline-block;
    text-align: center;
    border-radius: 50px;
    margin-left: 3px;
}
.tinv-wishlist .social-buttons li a.social:first-child
{
    margin-left: 0;
}
.tinv-wishlist .social-buttons li a.social i
{
    line-height: inherit;
}
.tinv-wishlist .social-buttons li a.social:hover
{
    background-color: var(--title-color);
    color: var(--white-color);
}
@media(max-width: 991px)
{
    .tinvwl-full
    {
        display: none;
    }
    .tinv-wishlist .tinvwl-mobile
    {
        display: block;
    }
    .tinvwl-txt
    {
        display: none!important;
    }
    .product-stock
    {
        width: 40px;
        text-align: center;
    }
}
@media(max-width: 767px)
{
    .tinv-wishlist table
    {
        table-layout: fixed;
        border-bottom: 1px solid var(--th-border-color);
    }
    .tinv-wishlist table.tinvwl-table-manage-list tbody td.product-remove, .tinv-wishlist table.tinvwl-table-manage-list thead th:not(.product-name)
    {
        display: none;
    }
    .tinv-wishlist table td, .tinv-wishlist table th
    {
        border: 1px solid var(--th-border-color);
    }
    .tinv-wishlist table.tinvwl-table-manage-list tbody td
    {
        display: block;
        width: 100%!important;
        text-align: center;
    }
    .product-name
    {
        text-align: center;
    }
    .tinv-wishlist table td, .tinv-wishlist table th
    {
        border-bottom: none;
    }
    .tinv-wishlist table tfoot
    {
        border-bottom: 1px solid var(--th-border-color);
    }
    .tinv-wishlist .social-buttons
    {
        max-width: 100%;
        margin-left: unset;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .tinv-wishlist .social-buttons ul
    {
        margin-left: unset;
        margin-top: 5px;
    }
    .tinvwl-txt
    {
        display: inline-block!important;
    }
}
.appoitment-form select, .appoitment-form .form-control, .appoitment-form .form-select, .appoitment-form textarea, .appoitment-form input
{
    background-color: var(--white-color);
    border: 1px solid var(--th-border-color);
}
.contact-feature
{
    padding: 22px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
    background: var(--white-color);
    box-shadow: 0 10px 30px rgba(8,14,28,.06);
    border-radius: 5px;
}
.contact-feature-wrap
{
    display: grid;
    grid-template-columns: auto auto;
    gap: 24px;
    border-top: 1px solid var(--th-border-color);
    padding-top: 40px;
    max-width: 650px;
    margin-left: auto;
    margin-right: auto;
}
.contact-feature .icon-btn
{
    background-color: var(--theme-color);
    color: var(--white-color);
    font-size: 24px;
    box-shadow: 0 6px 20px rgba(0,96,255,.6);
    border-radius: 5px;
    border: none;
}
.contact-feature_label
{
    margin-bottom: 0;
}
.contact-feature_link
{
    font-size: 20px;
    font-weight: 600;
    color: var(--title-color);
}
.contact-feature_link:hover
{
    color: var(--theme-color);
}
@media(max-width: 1299px)
{
    .contact-feature
    {
        padding: 20px;
    }
}
@media(max-width: 767px)
{
    .contact-feature
    {
        gap: 15px;
        padding: 15px;
    }
    .contact-feature-wrap
    {
        gap: 15px;
    }
}
@media(max-width: 575px)
{
    .contact-feature
    {
        padding: 22px;
    }
    .contact-feature-wrap
    {
        grid-template-columns: auto;
    }
}
.quote-form
{
    background: var(--white-color);
    box-shadow: 0 10px 30px rgba(8,14,28,.06);
    border-radius: 5px;
    padding: 50px;
}
@media(max-width: 575px)
{
    .quote-form
    {
        padding: 40px 20px;
    }
}
.quote-form select, .quote-form .form-control, .quote-form .form-select, .quote-form textarea, .quote-form input
{
    background-color: var(--smoke-color2);
}
.quote-form .form-group>i
{
    background-color: var(--smoke-color2);
    width: 18px;
    text-align: right;
}
.contact-info
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 25px;
    box-shadow: 0 4px 30px rgba(8,14,28,.08);
    border-radius: 5px;
    background-color: var(--white-color);
    padding: 40px;
}
.contact-info .box-title
{
    margin-bottom: 10px;
}
.contact-info_icon
{
    display: inline-block;
    width: 80px;
    min-width: 80px;
    height: 80px;
    line-height: 80px;
    background-color: var(--theme-color);
    color: var(--white-color);
    text-align: center;
    font-size: 40px;
    position: relative;
    box-shadow: 0 6px 20px rgba(0,96,255,.6);
    border-radius: 5px;
}
.contact-info_text
{
    min-width: 180px;
    display: block;
    margin-bottom: -.5em;
    font-family: var(--body-font);
}
.contact-info_text span, .contact-info_text a
{
    display: block;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
}
.contact-info_text a
{
    color: var(--body-color);
}
.contact-info_text a:hover
{
    color: var(--theme-color);
}
.contact-form select, .contact-form .form-control, .contact-form .form-select, .contact-form textarea, .contact-form input
{
    background-color: var(--white-color);
    box-shadow: rgba(100,100,111,.2) 0 7px 29px 0;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.contact-form .form-group>i
{
    background-color: var(--white-color);
    color: var(--theme-color);
    width: 18px;
    text-align: right;
}
.map-sec
{
    line-height: 0;
}
.map-sec iframe
{
    -webkit-filter: grayscale(100);
    filter: grayscale(100);
    height: 600px;
}
@media(max-width: 1299px)
{
    .map-sec iframe
    {
        height: 450px;
    }
}
@media(max-width: 575px)
{
    .map-sec iframe
    {
        height: 300px;
    }
}
@media(max-width: 575px)
{
    .contact-info
    {
        padding: 30px;
    }
}
@media(max-width: 375px)
{
    .contact-info
    {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.appointment-area-wrapp
{
    background-color: var(--white-color);
    border-radius: 30px;
    border: 1px solid rgba(255,255,255,.05);
    margin-left: 50px;
}
@media(max-width: 1199px)
{
    .appointment-area-wrapp
    {
        margin: 0;
    }
}
.appointment-area-wrapp .title
{
    border-bottom: 1px solid #e4e6ea;
    padding: 40px 50px 20px 50px;
    margin-bottom: 0;
}
.appointment-form3
{
    position: relative;
    padding: 35px 50px 50px;
    border-radius: 30px;
    background-color: var(--white-color);
}
@media(max-width: 767px)
{
    .appointment-form3
    {
        padding: 40px;
    }
}
@media(max-width: 575px)
{
    .appointment-form3
    {
        padding: 30px;
    }
}
.appointment-form3 .form-group label
{
    color: var(--body-color);
    font-size: 14px;
}
.appointment-form3 select, .appointment-form3 .form-control, .appointment-form3 .form-select, .appointment-form3 textarea, .appointment-form3 input
{
    border: 1px solid #e4e6ea;
    background-color: var(--white-color);
    height: 50px;
    border-radius: 5px;
}
.appointment-form3 textarea.form-control, .appointment-form3 textarea
{
    min-height: 120px;
}
.appointment-form3 .th-btn
{
    border-radius: 5px;
}
.img-box1
{
    position: relative;
    z-index: 2;
    margin-right: 18px;
    margin-left: 50px;
}
.img-box1 .img1 img
{
    width: 100%;
    max-width: 650px;
}
.img-box1 .shape1
{
    position: absolute;
    bottom: 0;
    right: 80px;
    z-index: -1;
}
.img-box1 .shape1 img
{
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
}
.img-box1 .year-counter
{
    position: absolute;
    bottom: 30px;
    right: 0;
}
.year-counter
{
    height: 184px;
    width: 184px;
    background-color: var(--theme-color);
    border: 12px solid var(--white-color);
    box-shadow: 0 10px 30px rgba(8,14,28,.1);
    border-radius: 50%;
    text-align: center;
    padding: 25px 0;
}
.year-counter_number
{
    color: var(--white-color);
    font-size: 64px;
    margin-bottom: 0;
    line-height: 1.1;
}
.year-counter_text
{
    color: var(--white-color);
    margin-bottom: 0;
    font-weight: 400;
}
.about-feature
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.about-feature-wrap
{
    display: grid;
    grid-template-columns: auto auto;
    gap: 20px;
    padding-bottom: 35px;
    border-bottom: 1px solid var(--th-border-color);
    margin-bottom: 40px;
}
.about-feature_title
{
    font-size: 20px;
    margin-bottom: 7px;
}
.about-feature_text
{
    margin-bottom: 0;
}
.call-btn
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
}
.call-btn .play-btn>i
{
    --icon-size: 56px;
    background-color: var(--theme-color);
    color: var(--white-color);
}
.call-btn .play-btn:before, .call-btn .play-btn:after
{
    background-color: var(--theme-color);
}
.call-btn .play-btn:hover>i
{
    background-color: var(--title-color);
}
.call-btn .play-btn:hover:before, .call-btn .play-btn:hover:after
{
    background-color: var(--title-color);
}
.call-btn .btn-text
{
    font-size: 14px;
    font-weight: 500;
    display: block;
}
.call-btn .btn-title
{
    font-size: 20px;
    color: var(--title-color);
    font-weight: 600;
}
.call-btn a:hover
{
    color: var(--theme-color);
}
.btn-group:has(.call-btn)
{
    gap: 50px;
}
@media(max-width: 767px)
{
    .img-box1
    {
        margin-right: 0;
        margin-left: 0;
    }
    .img-box1 .year-counter
    {
        bottom: 0;
    }
}
@media(max-width: 575px)
{
    .btn-group:has(.call-btn)
    {
        gap: 30px;
    }
    .about-feature-wrap
    {
        grid-template-columns: auto;
        padding-bottom: 25px;
        margin-bottom: 35px;
    }
}
@media(min-width: 1300px)
{
    .img-box3
    {
        margin-right: 56px;
    }
}
.img-box3
{
    position: relative;
    z-index: 2;
    line-height: 1px;
}
.img-box3 .img1
{
    display: inline-block;
    border-radius: 10px;
    overflow: hidden;
    margin-left: 15px;
}
.img-box3 .img2
{
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: var(--white-color);
    padding: 10px 0 0 10px;
    border-radius: 10px;
    -webkit-animation: jumpAni 7s linear infinite;
    animation: jumpAni 7s linear infinite;
}
.img-box3 .img2 img
{
    border-radius: inherit;
}
.img-box3 .img3
{
    position: absolute;
    left: -90px;
    top: 80px;
    -webkit-animation: jumpReverseAni 7s linear infinite;
    animation: jumpReverseAni 7s linear infinite;
}
.img-box3 .img3 img
{
    border-radius: 10px;
}
.img-box3 .shape1
{
    position: absolute;
    top: 80px;
    left: -195px;
    z-index: -1;
    -webkit-animation: movingX 8s linear infinite;
    animation: movingX 8s linear infinite;
}
@media(max-width: 1299px)
{
    .img-box3 .img3
    {
        left: -40px;
    }
}
@media(max-width: 1199px)
{
    .img-box3
    {
        margin-left: 150px;
    }
}
@media(max-width: 767px)
{
    .img-box3
    {
        margin-left: 0;
    }
}
@media(max-width: 575px)
{
    .img-box3 .img3
    {
        left: -28px;
        max-width: 35%;
    }
    .img-box3 .img2
    {
        max-width: 70%;
    }
    .img-box3 .shape1
    {
        max-width: 50%;
        left: -30px;
        top: 40%;
    }
}
.achivement-tab
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background-color: var(--title-color);
    position: relative;
}
.achivement-tab button
{
    color: var(--white-color);
    border: none;
    padding: 0 5px;
    line-height: 56px;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    -webkit-box-flex: 50%;
    -webkit-flex: 50%;
    -ms-flex: 50%;
    flex: 50%;
    position: relative;
    z-index: 2;
    background-color: transparent;
}
.achivement-tab button:after
{
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: var(--theme-color) transparent transparent transparent;
    z-index: 1;
    opacity: 0;
    -webkit-transition: .4s;
    transition: .4s;
}
.achivement-tab button.active
{
    background: var(--theme-color);
}
.achivement-tab button.active:after
{
    opacity: 1;
}
.achivement-tab .indicator
{
    position: absolute;
    top: var(--pos-y);
    left: var(--pos-x);
    height: var(--height-set);
    width: var(--width-set);
    background-color: var(--theme-color);
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}
.achivement-tab .indicator:after
{
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: var(--theme-color) transparent transparent transparent;
    z-index: 1;
}
.achivement-box
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 30px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 100%;
    margin: 30px;
}
.achivement-box-area
{
    background-color: var(--white-color);
    box-shadow: 0 4px 50px rgba(8,14,28,.1);
}
.achivement-box_img
{
    border-radius: 5px;
    overflow: hidden;
    min-width: 218px;
}
.achivement-box_img img
{
    width: 100%;
}
.achivement-box .box-title
{
    margin-bottom: 12px;
}
.achivement-box_text
{
    font-size: 14px;
    margin-bottom: 14px;
}
@media(min-width: 1300px)
{
    .img-box4
    {
        margin-left: -90px;
        margin-right: 56px;
    }
}
.img-box4
{
    position: relative;
    text-align: center;
}
.img-box4 img
{
    width: 100%;
    max-width: 750px;
}
.img-box4 .img-shape
{
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}
.img-box4 .play-btn
{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
@media(max-width: 767px)
{
    .achivement-box
    {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .achivement-box_img
    {
        min-width: 100%;
    }
}
@media(max-width: 375px)
{
    .achivement-tab button
    {
        font-size: 14px;
        text-transform: capitalize;
    }
}
.about-sec-v4
{
    padding-top: 67px;
}
.img-box6
{
    position: relative;
}
.img-box6 .shape1
{
    position: absolute;
    top: 0;
    right: 0;
    -webkit-animation: jumpReverseAni 7s linear infinite;
    animation: jumpReverseAni 7s linear infinite;
}
.img-box6 .shape2
{
    position: absolute;
    top: 0;
    left: -40px;
    -webkit-animation: moving 8s linear infinite;
    animation: moving 8s linear infinite;
}
.color-animate
{
    width: 100%;
    max-width: 500px;
    aspect-ratio: 16/16;
    background-color: #f2ba4c;
    opacity: .45;
    -webkit-filter: blur(300px);
    filter: blur(300px);
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    -webkit-animation: bgColor 8s ease-in-out infinite;
    animation: bgColor 8s ease-in-out infinite;
}
@media(max-width: 991px)
{
    .img-box6
    {
        text-align: center;
    }
    .img-box6 .shape2
    {
        left: 0;
    }
    .list-center
    {
        max-width: 480px;
        margin-left: auto;
        margin-right: auto;
    }
    .list-center.two-column
    {
        max-width: 500px;
    }
}
@media(max-width: 575px)
{
    .img-box6 .shape1, .img-box6 .shape2
    {
        max-width: 130px;
    }
}
.about-sec4
{
    position: relative;
    min-height: 770px;
    border-radius: 30px;
    z-index: 2;
    background-attachment: fixed;
}
@media(max-width: 991px)
{
    .about-sec4
    {
        height: 472px;
    }
}
.about-sec4 .about-shape4
{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 512px;
    border-radius: 30px;
    background-color: var(--theme-color);
    z-index: -1;
    overflow: hidden;
}
.marquee-wrapper
{
    position: relative;
    overflow: hidden;
    z-index: 9;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin-right: -75%;
}
@media(max-width: 1199px)
{
    .marquee-wrapper
    {
        margin-right: -90%;
    }
}
@media(max-width: 991px)
{
    .marquee-wrapper
    {
        margin-right: -100%;
    }
}
@media(max-width: 767px)
{
    .marquee-wrapper
    {
        margin-right: -140%;
        margin-top: 20%;
    }
}
@media(max-width: 530px)
{
    .marquee-wrapper
    {
        margin-right: -190%;
        margin-top: 20%;
    }
}
@media(max-width: 330px)
{
    .marquee-wrapper
    {
        margin-right: -210%;
        margin-top: 50%;
    }
}
.marquee-wrapper .marquee
{
    position: relative;
    --duration: 120s;
    --gap: 0px;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    gap: var(--gap);
}
.marquee-wrapper .marquee:first-child
{
    --duration: 100s;
}
.marquee-wrapper .marquee:last-child
{
    --duration: 80s;
}
.marquee-wrapper .marquee.marquee--reverse .marquee-group
{
    animation-direction: reverse;
}
.marquee-wrapper .marquee .marquee-group
{
    -ms-flex-negative: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-flex-pack: distribute;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    gap: var(--gap);
    min-width: 100%;
    -webkit-animation: scroll var(--duration) linear infinite;
    animation: scroll var(--duration) linear infinite;
}
.marquee-wrapper .marquee .marquee-group .text
{
    font-family: var(--title-font);
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -.32px;
    border-radius: 100px;
    color: var(--white-color);
    padding: 6px 30px;
    margin: 8px 5px;
    display: inline-block;
    cursor: pointer;
    border: 1px solid rgba(92,127,255,.62);
    background: rgba(255,255,255,.01);
    box-shadow: 0 3px 15px 0 rgba(0,0,0,.2);
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.marquee-wrapper .marquee .marquee-group .text:hover
{
    background-color: var(--white-color);
    color: var(--theme-color);
}
@media(prefers-reduced-motion: reduce)
{
    .marquee-wrapper .marquee .marquee-group
    {
        -webkit-animation-play-state: play;
        animation-play-state: play;
    }
}
.about-area5
{
    border: 1px solid #e3e7f0;
    padding: 80px;
    border-radius: 30px;
}
@media(max-width: 991px)
{
    .about-area5
    {
        padding: 80px 40px;
    }
}
@media(max-width: 767px)
{
    .about-area5
    {
        padding: 80px 20px;
    }
}
.th-experience
{
    position: absolute;
    bottom: 80px;
    left: 0;
    z-index: 2;
    padding: 30px 30px 30px 40px;
    background: var(--theme-color);
    border-radius: 25px 0 0 25px;
    width: 340px;
    color: var(--white-color);
}
@media(max-width: 1299px)
{
    .th-experience
    {
        left: -30px;
    }
}
@media(max-width: 375px)
{
    .th-experience
    {
        bottom: 0;
        padding: 20px;
    }
}
.th-experience_content
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
}
.th-experience .experience-year
{
    font-size: 54px;
    font-weight: 700;
    letter-spacing: -1.08px;
    color: var(--white-color);
    margin-bottom: 0;
}
.th-experience .experience-text
{
    font-family: var(--title-font);
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
    color: var(--white-color);
    margin-bottom: 0;
}
.th-experience.style2
{
    position: relative;
    width: 120px;
    bottom: 0;
    background-color: var(--white-color);
    border-radius: 15px;
    padding: 25px 18px;
    border: 1px solid #f2f2f2;
    box-shadow: 0 13px 25px 0 rgba(0,0,0,.05);
}
@media(max-width: 1299px)
{
    .th-experience.style2
    {
        left: 0;
    }
}
.th-experience.style2 .th-experience_content
{
    display: block;
    text-align: center;
}
.th-experience.style2 .experience-year
{
    font-size: 36px;
    color: var(--theme-color);
    margin-bottom: 0;
}
.th-experience.style2 .experience-text
{
    font-size: 16px;
    font-weight: 400;
    color: var(--title-color);
    margin-bottom: 0;
}
.img-box6
{
    position: relative;
    z-index: 2;
    text-align: right;
}
.img-box6 .img1
{
    position: relative;
    text-align: right;
    z-index: 2;
    border-radius: 30px;
}
@media(max-width: 575px)
{
    .img-box6 .img1
    {
        text-align: center;
    }
}
.img-box6 .img1 img
{
    border-radius: 30px;
}
@media(max-width: 1199px)
{
    .img-box6 .img1
    {
        margin-top: 50px;
    }
}
.img-box6 .th-experience
{
    text-align: left;
}
.down-option-area
{
    position: relative;
    border-radius: 30px;
    border: 1px solid #e3e7f0;
    background: #f8faff;
    padding: 0 30px;
    margin-top: 30px;
}
@media(max-width: 991px)
{
    .down-option-area
    {
        padding: 30px;
    }
}
.down-option-area_wrapper
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
@media(max-width: 991px)
{
    .down-option-area_wrapper
    {
        display: grid;
        grid-template-columns: repeat(2,1fr);
        gap: 0 30px;
    }
}
@media(max-width: 767px)
{
    .down-option-area_wrapper
    {
        grid-template-columns: repeat(1,1fr);
    }
}
.down-option-area_wrapper .about-counter
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 17px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 30px 0;
    margin-right: 50px;
}
@media(max-width: 1299px)
{
    .down-option-area_wrapper .about-counter
    {
        margin-right: 0;
    }
}
@media(max-width: 1199px)
{
    .down-option-area_wrapper .about-counter
    {
        display: block;
    }
}
@media(max-width: 991px)
{
    .down-option-area_wrapper .about-counter
    {
        padding: 0;
    }
}
@media(max-width: 767px)
{
    .down-option-area_wrapper .about-counter
    {
        margin: 20px 0;
    }
}
.down-option-area_wrapper .about-counter:before
{
    content: "";
    position: absolute;
    top: -2px;
    width: 1px;
    height: 124px;
    right: 25%;
    background: #e2e4ea;
    -webkit-transform: matrix(-.97,-.26,-.26,.97,0,0);
    -ms-transform: matrix(-.97,-.26,-.26,.97,0,0);
    transform: matrix(-.97,-.26,-.26,.97,0,0);
}
@media(max-width: 1199px)
{
    .down-option-area_wrapper .about-counter:before
    {
        display: none;
    }
}
.down-option-area_wrapper .about-counter .cilent-box_title
{
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    display: block;
    color: var(--title-color);
}
.down-option-area_wrapper .about_review
{
    display: block;
    margin-bottom: 3px;
}
.down-option-area_wrapper .about_review i
{
    color: #ffbe11;
    font-size: 14px;
    margin-right: 3px;
}
.down-option-area_wrapper .cilent-box_counter
{
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0;
}
.down-option-area_wrapper .cilent-box .counter-number
{
    font-size: 14px;
    font-weight: 700;
}
.about-client-box
{
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 30px 0;
}
@media(max-width: 991px)
{
    .about-client-box
    {
        padding: 0;
    }
}
@media(max-width: 375px)
{
    .about-client-box
    {
        display: block;
    }
}
.about-client-box:before
{
    content: "";
    position: absolute;
    right: -35%;
    top: -2px;
    width: 1px;
    height: 124px;
    -webkit-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    transform: rotate(-15deg);
    background: #e2e4ea;
}
@media(max-width: 1199px)
{
    .about-client-box:before
    {
        display: none;
    }
}
.about-client-box .cilent-box_title
{
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    color: var(--title-color);
}
.client-thumb-group
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
@media(max-width: 375px)
{
    .client-thumb-group
    {
        margin-bottom: 20px;
    }
}
.client-thumb-group .thumb
{
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
}
.client-thumb-group .thumb:not(:first-child)
{
    margin-left: -30px;
}
.client-thumb-group .thumb img
{
    border-radius: 50%;
    height: 60px;
}
.th-team
{
    position: relative;
}
.th-team .team-img
{
    position: relative;
    overflow: hidden;
}
.th-team .team-img img
{
    width: 100%;
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}
.th-team .team-desig
{
    font-size: 14px;
    display: block;
    margin-bottom: -.5em;
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
    color: var(--theme-color);
}
.th-team .team-social
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    gap: 20px;
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
    z-index: 4;
}
.th-team .team-social a
{
    color: var(--white-color);
}
.th-team .team-social a:hover
{
    color: var(--theme-color);
}
.th-team .th-social a
{
    --icon-size: 36px;
    background-color: var(--white-color);
    color: var(--theme-color);
}
.th-team .th-social a:hover
{
    background-color: var(--theme-color);
    color: var(--white-color);
}
.th-team .box-title
{
    margin-bottom: 3px;
}
.th-team:hover .team-img img
{
    -webkit-transform: scale(1.08);
    -ms-transform: scale(1.08);
    transform: scale(1.08);
}
.th-team:hover .team-social
{
    visibility: visible;
    opacity: 1;
}
.team-card
{
    text-align: center;
}
.team-card .team-content
{
    box-shadow: 0 10px 30px rgba(8,14,28,.06);
    border-radius: 10px;
    background-color: var(--white-color);
    padding: 26px 10px;
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
    position: relative;
    z-index: 2;
    max-width: 248px;
    margin: -50px auto 0 auto;
}
.team-card .team-img
{
    border-radius: 10px;
}
.team-card .team-social
{
    position: absolute;
    top: unset;
    bottom: 100%;
    left: 18px;
    height: 0;
    padding-top: 15px;
    max-width: calc(100% - 36px);
    background-color: var(--white-color);
    -webkit-clip-path: path("M105.5 0C58.2259 0 17.7021 28.902 0.634674 70H210.365C193.298 28.902 152.774 0 105.5 0Z");
    clip-path: path("M105.5 0C58.2259 0 17.7021 28.902 0.634674 70H210.365C193.298 28.902 152.774 0 105.5 0Z");
    z-index: -1;
}
.team-card .team-social a
{
    color: var(--title-color);
}
.team-card:hover .team-content
{
    background-color: var(--theme-color);
    box-shadow: 0 6px 20px rgba(0,96,255,.6);
}
.team-card:hover .box-title
{
    color: var(--white-color);
}
.team-card:hover .box-title a:hover
{
    color: var(--white-color);
}
.team-card:hover .team-desig
{
    color: var(--white-color);
}
.team-card:hover .team-social
{
    height: 70px;
}
.team-sec
{
    position: relative;
    background-color: var(--smoke-color);
    background-size: auto;
    background-position: bottom left;
    overflow: hidden;
}
@media(max-width: 575px)
{
    .team-card
    {
        max-width: 320px;
        margin-left: auto;
        margin-right: auto;
    }
}
.team-box
{
    position: relative;
    background-color: var(--white-color);
    border-radius: 10px;
    text-align: center;
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}
.team-box .team-img
{
    border-radius: 10px 10px 0 0;
}
.team-box .th-social
{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}
.team-box .th-social a
{
    --icon-size: 36px;
    color: var(--theme-color);
    background-color: var(--white-color);
    border: none;
}
.team-box .th-social a:hover
{
    background-color: var(--theme-color);
    color: var(--white-color);
}
.team-box .th-social a:nth-child(2)
{
    margin-right: 30px;
}
.team-box .th-social a:nth-child(3)
{
    margin-left: 30px;
}
.team-box .team-content
{
    padding: 26px 10px;
    position: relative;
    z-index: 2;
}
.team-box .team-social
{
    display: block;
    top: unset;
    bottom: 25px;
    text-align: center;
    width: 100%;
    visibility: visible;
    opacity: 1;
}
.team-box .team-social .play-btn
{
    cursor: pointer;
}
.team-box .team-social .play-btn>i
{
    --icon-size: 36px;
    background-color: var(--theme-color);
    color: var(--white-color);
    font-size: 20px;
}
.team-box .team-social .play-btn:before, .team-box .team-social .play-btn:after
{
    background-color: var(--theme-color);
}
.team-box .team-social .play-btn:hover>i
{
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.team-box .team-social:hover .th-social
{
    visibility: visible;
    opacity: 1;
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
}
.team-box:hover
{
    background-color: var(--theme-color);
}
.team-box:hover .box-title
{
    color: var(--white-color);
}
.team-box:hover .box-title a:hover
{
    color: var(--white-color);
}
.team-box:hover .team-desig
{
    color: var(--white-color);
}
@media(max-width: 575px)
{
    .team-box
    {
        max-width: 340px;
        margin-left: auto;
        margin-right: auto;
    }
}
.team-grid
{
    position: relative;
    z-index: 2;
    background-color: var(--white-color);
    box-shadow: 0 4px 15px rgba(8,14,28,.1);
    border-radius: 10px;
    text-align: center;
    padding: 20px;
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}
.team-grid .team-img
{
    border-radius: 10px;
    margin-bottom: 25px;
}
.team-grid .th-social
{
    position: absolute;
    bottom: 42px;
    right: 0;
    max-width: 36px;
    opacity: 0;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}
.team-grid .th-social a
{
    margin-bottom: 6px;
}
.team-grid .team-social
{
    display: block;
    top: unset;
    bottom: 82px;
    right: 48px;
    left: unset;
    visibility: visible;
    opacity: 1;
    width: 36px;
}
.team-grid .team-social .play-btn
{
    cursor: pointer;
}
.team-grid .team-social .play-btn>i
{
    --icon-size: 36px;
    background-color: var(--theme-color);
    color: var(--white-color);
    font-size: 20px;
}
.team-grid .team-social .play-btn:before, .team-grid .team-social .play-btn:after
{
    background-color: var(--theme-color);
}
.team-grid .team-social .play-btn:hover>i
{
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.team-grid .team-social:hover .th-social
{
    visibility: visible;
    opacity: 1;
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
}
.team-grid .team-desig
{
    margin-bottom: 0;
}
.team-grid:hover
{
    background-color: var(--theme-color);
}
.team-grid:hover .box-title
{
    color: var(--white-color);
}
.team-grid:hover .box-title a:hover
{
    color: var(--white-color);
}
.team-grid:hover .team-desig
{
    color: var(--white-color);
}
.team-grid:hover .play-btn>i
{
    background-color: var(--white-color);
    color: var(--theme-color);
}
.team-grid:hover .play-btn:before, .team-grid:hover .play-btn:after
{
    background-color: var(--white-color);
}
.team-featured
{
    padding-left: 36px;
}
.team-featured-img
{
    border-radius: 10px;
    overflow: hidden;
}
.team-featured-img img
{
    width: 100%;
}
.team-featured .team-title
{
    margin-bottom: 5px;
    margin-top: -.32em;
}
.team-featured .team-desig
{
    color: var(--theme-color);
    margin-bottom: 20px;
}
.team-featured .team-bio
{
    margin-bottom: 23px;
}
.team-contact
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px;
    padding: 15px;
    background-color: var(--smoke-color);
    border-radius: 5px;
}
.team-contact-wrap
{
    display: grid;
    grid-template-columns: auto auto auto;
    gap: 10px;
    padding: 30px 0;
    margin-bottom: 30px;
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-color: var(--smoke-color2);
}
.team-contact .icon-btn
{
    --btn-size: 50px;
    border-color: var(--theme-color);
    background-color: var(--theme-color);
    color: var(--white-color);
}
.team-contact_label
{
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0;
}
.team-contact_link
{
    color: var(--body-color);
    font-family: var(--body-font);
    font-size: 14px;
    display: inline-block;
}
.team-contact a:hover
{
    color: var(--theme-color);
}
@media(max-width: 1299px)
{
    .team-featured
    {
        padding-left: 0;
    }
}
@media(max-width: 767px)
{
    .team-contact-wrap
    {
        grid-template-columns: auto auto;
    }
}
@media(max-width: 575px)
{
    .team-contact-wrap
    {
        grid-template-columns: auto;
    }
}
.about-card
{
    background-color: var(--white-color);
    box-shadow: 0 0 50px rgba(8,14,28,.1);
    border-radius: 10px;
    padding: 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 40px;
}
.about-card_img
{
    border-radius: 10px;
    overflow: hidden;
    -webkit-box-flex: 490px;
    -webkit-flex: 490px;
    -ms-flex: 490px;
    flex: 490px;
}
.about-card_img img
{
    width: 100%;
    border-radius: inherit;
}
.about-card_box
{
    -webkit-box-flex: 610px;
    -webkit-flex: 610px;
    -ms-flex: 610px;
    flex: 610px;
}
.about-card_title
{
    margin-top: -.32em;
    margin-bottom: 7px;
}
.about-card_desig
{
    color: var(--theme-color);
    margin-bottom: 0;
}
.about-card_top
{
    margin-bottom: 22px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.about-card_text
{
    margin-bottom: 30px;
}
.team-info-wrap
{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 20px;
    margin-bottom: 40px;
}
.team-info-wrap .contact-feature
{
    background-color: transparent;
    padding: 0;
    box-shadow: none;
}
.border-title
{
    border-bottom: 1px solid var(--smoke-color2);
    margin-bottom: 30px;
    padding-bottom: 20px;
}
.experience-box
{
    padding: 30px 30px 30px 65px;
    border: 1px solid #f1f1f1;
    overflow: hidden;
    position: relative;
    margin-bottom: -1px;
    margin-right: -1px;
}
.experience-box-wrap
{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    box-shadow: 0 13px 21px rgba(0,0,0,.03);
}
.experience-box_num
{
    font-size: 12px;
    width: 60px;
    height: 60px;
    line-height: 65px;
    background-color: var(--theme-color);
    color: var(--white-color);
    border-radius: 50%;
    text-align: center;
    position: absolute;
    top: -13px;
    left: -13px;
}
.experience-box_num::first-letter 
{
    font-size: 18px;
    font-weight: 600;
}
.experience-box_title
{
    font-family: var(--title-font);
    font-size: 18px;
    margin-bottom: 4px;
    margin-top: -.2em;
}
.experience-box_text
{
    font-size: 14px;
    margin-bottom: -.2em;
}
@media(max-width: 1199px)
{
    .border-title
    {
        margin-bottom: 24px;
        padding-bottom: 15px;
    }
    .about-card
    {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }
    .about-card_img
    {
        -webkit-box-flex: 100%;
        -webkit-flex: 100%;
        -ms-flex: 100%;
        flex: 100%;
    }
    .about-card_img img
    {
        width: 100%;
    }
    .about-card_box
    {
        -webkit-box-flex: 100%;
        -webkit-flex: 100%;
        -ms-flex: 100%;
        flex: 100%;
    }
}
@media(max-width: 767px)
{
    .experience-box
    {
        padding: 30px 30px 30px 50px;
    }
    .about-card
    {
        padding: 20px;
    }
}
@media(max-width: 575px)
{
    .experience-box
    {
        padding: 30px 30px 30px 65px;
    }
    .experience-box-wrap
    {
        grid-template-columns: repeat(1,1fr);
    }
    .team-info-wrap
    {
        grid-template-columns: auto;
    }
}
.team-card2
{
    position: relative;
    text-align: center;
    --space: 74px;
}
@media(max-width: 1299px)
{
    .team-card2
    {
        --space: 50px;
    }
}
@media(max-width: 1199px)
{
    .team-card2
    {
        --space: 30px;
    }
}
.team-card2 .team-img
{
    position: relative;
    border-radius: 15px;
    margin-bottom: 15px;
}
.team-card2 .team-img img
{
    border-radius: 15px;
    -webkit-transition: 1.3s all ease;
    transition: 1.3s all ease;
}
.team-card2 .team-desig
{
    color: var(--body-color);
    font-size: 16px;
    font-weight: 400;
    margin-bottom: -.3rem;
}
.team-card2 .box-title
{
    margin-bottom: 6px;
    margin-bottom: -.3rem;
}
.team-card2 .box-content
{
    background-color: var(--white-color);
    border-radius: 15px;
    padding: 28px;
}
.team-card2 .social-links
{
    position: absolute;
    left: var(--space);
    bottom: -30px;
    width: auto;
    z-index: 3;
    opacity: 0;
    overflow: hidden;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    background-color: var(--white-color);
    padding: 9px 25px;
    border-radius: 100px;
}
.team-card2 .social-links a
{
    color: var(--body-color);
    margin: 0 18px 0 0;
}
.team-card2 .social-links a:hover
{
    color: var(--theme-color);
}
.team-card2:hover .team-img img
{
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
}
.team-card2:hover .team-img:before
{
    opacity: 1;
    visibility: visible;
}
.team-card2:hover .social-links
{
    bottom: 30px;
    opacity: 1;
    visibility: visible;
}
.testi-card
{
    background-color: var(--white-color);
    border-radius: 10px;
    padding: 40px;
    position: relative;
}
.testi-card-area
{
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 40px;
    margin-left: auto;
    margin-right: auto;
}
.testi-card-slide
{
    background-color: var(--white-color);
    border-radius: 10px;
    padding: 40px;
    position: relative;
}
.testi-card-tab
{
    position: relative;
    z-index: 2;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 5px 0;
    width: 56px;
}
.testi-card-tab:after
{
    content: '';
    height: 100%;
    width: 3px;
    position: absolute;
    top: 0;
    left: 26.5px;
    background-color: var(--theme-color);
    z-index: -1;
}
.testi-card-tab .tab-btn
{
    cursor: pointer;
    width: 56px;
    border-radius: 99px;
}
.testi-card-tab .tab-btn img
{
    border-radius: inherit;
}
.testi-card-tab .indicator
{
    position: absolute;
    top: calc(var(--pos-y) - 5px);
    left: calc(var(--pos-x) - 5px);
    width: calc(var(--width-set) + 10px);
    height: calc(var(--height-set) + 10px);
    border: 3px solid var(--theme-color);
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
    border-radius: 50%;
}
.testi-card_quote
{
    position: absolute;
    right: 40px;
    bottom: 40px;
}
.testi-card_profile
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
}
.testi-card_avater
{
    border-radius: 99px;
    overflow: hidden;
}
.testi-card_name
{
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 5px;
}
.testi-card_desig
{
    margin-bottom: 0;
    display: block;
    color: var(--theme-color);
}
.testi-card_text
{
    margin-bottom: 22px;
}
.testi-card_review
{
    color: var(--theme-color);
    font-size: 14px;
    margin-top: -.4em;
    margin-bottom: 17px;
}
.testi-card_review i
{
    margin-right: 3px;
}
@media(max-width: 1199px)
{
    .testi-card-area
    {
        max-width: 700px;
    }
}
@media(max-width: 767px)
{
    .testi-card-area
    {
        display: block;
    }
    .testi-card-tab
    {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        width: 100%;
        max-width: 300px;
        margin: 30px auto 0 auto;
    }
    .testi-card-tab:after
    {
        height: 3px;
        top: 26.5px;
        left: 0;
        width: 100%;
    }
    .testi-card-tab .tab-btn
    {
        -webkit-box-flex: 56px;
        -webkit-flex: 56px;
        -ms-flex: 56px;
        flex: 56px;
        width: auto;
        max-width: 56px;
    }
}
@media(max-width: 375px)
{
    .testi-card
    {
        padding: 40px 20px;
    }
    .testi-card_name
    {
        font-size: 20px;
    }
    .testi-card_avater
    {
        max-width: 60px;
    }
}
.testi-box
{
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background-color: var(--white-color);
    box-shadow: 0 6px 15px rgba(8,14,28,.06);
    border-radius: 10px;
    gap: 30px;
    padding: 40px;
}
.testi-box_img
{
    min-width: 180px;
    text-align: center;
}
.testi-box_img>img
{
    border-radius: 10px;
    width: 100%;
}
.testi-box_quote
{
    height: 56px;
    width: 56px;
    line-height: 52px;
    background-color: var(--theme-color);
    border-radius: 50%;
    text-align: center;
    position: relative;
    z-index: 2;
    margin: -28px auto 0 auto;
}
.testi-box_quote img
{
    position: relative;
    z-index: 1;
}
.testi-box_quote:after, .testi-box_quote:before
{
    content: "";
    position: absolute;
    inset: 0;
    background-color: var(--theme-color);
    z-index: -1;
    border-radius: 50%;
    -webkit-transition: all ease .4s;
    transition: all ease .4s;
}
.testi-box_quote:after
{
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}
.testi-box_avater
{
    margin-bottom: 12px;
}
.testi-box_avater img
{
    border-radius: 999px;
}
.testi-box .box-title
{
    margin-bottom: 4px;
}
.testi-box_desig
{
    font-size: 14px;
    display: block;
    margin-bottom: -.5em;
}
.testi-box_text
{
    margin-top: -.45em;
    padding-bottom: 23px;
    margin-bottom: 30px;
    border-bottom: 1px solid var(--smoke-color2);
}
.testi-box_review
{
    color: var(--theme-color);
    font-size: 14px;
    position: absolute;
    bottom: 55px;
    right: 40px;
}
.testi-box_review i
{
    margin-right: 3px;
}
@media(max-width: 1199px)
{
    .testi-box
    {
        max-width: 760px;
        margin-left: auto;
        margin-right: auto;
    }
    .testi-box_review
    {
        bottom: 75px;
    }
}
@media(max-width: 767px)
{
    .testi-box
    {
        padding: 20px;
        gap: 20px;
    }
    .testi-box_img
    {
        min-width: 140px;
    }
    .testi-box_review
    {
        bottom: 30px;
    }
    .testi-box_text
    {
        padding-bottom: 15px;
        margin-bottom: 25px;
    }
}
@media(max-width: 575px)
{
    .testi-box
    {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        margin-top: 60px;
        text-align: center;
        padding-bottom: 30px;
    }
    .testi-box_img
    {
        min-width: 120px;
        max-width: 120px;
        margin-top: -60px;
    }
    .testi-box_img>img
    {
        border-radius: 50%;
    }
    .testi-box_review
    {
        position: static;
        margin-bottom: 10px;
        margin-top: -.4em;
    }
}
.testi-grid
{
    position: relative;
    background-color: var(--white-color);
    box-shadow: 0 6px 15px rgba(8,14,28,.06);
    border-radius: 10px;
    padding: 120px 40px 40px 40px;
    margin-top: 50px;
}
.testi-grid_img
{
    background-color: #fff;
    width: 120px;
    text-align: center;
    border-radius: 10px;
    border: 10px solid var(--black-color2);
    position: absolute;
    top: -50px;
    left: 40px;
}
.testi-grid_img>img
{
    border-radius: 10px;
    width: 100%;
}
.testi-grid_quote
{
    height: 36px;
    width: 36px;
    line-height: 36px;
    background-color: var(--theme-color);
    border-radius: 50%;
    text-align: center;
    position: absolute;
    bottom: -18px;
    left: calc(50% - 18px);
    z-index: 2;
    margin: -28px auto 0 auto;
}
.testi-grid_quote img
{
    position: relative;
    z-index: 1;
}
.testi-grid_quote:after, .testi-grid_quote:before
{
    content: "";
    position: absolute;
    inset: 0;
    background-color: var(--theme-color);
    z-index: -1;
    border-radius: 50%;
    -webkit-transition: all ease .4s;
    transition: all ease .4s;
}
.testi-grid_quote:after
{
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}
.testi-grid .box-title
{
    margin-bottom: 4px;
}
.testi-grid_desig
{
    font-size: 14px;
    display: block;
    margin-bottom: -.5em;
}
.testi-grid_text
{
    margin-top: -.45em;
    margin-bottom: 25px;
}
.testi-grid_review
{
    color: var(--theme-color);
    font-size: 14px;
    position: absolute;
    top: 35px;
    right: 40px;
}
.testi-grid_review i
{
    margin-right: 3px;
}
.testi-block-area
{
    background-color: var(--white-color);
    padding: 100px 95px 100px 100px;
    max-width: 660px;
    border-radius: 20px;
    position: relative;
    margin-top: 100px;
    margin-bottom: 100px;
}
.testi-block-quote
{
    position: absolute;
    bottom: 70px;
    right: 100px;
    -webkit-animation: jumpAni 7s linear infinite;
    animation: jumpAni 7s linear infinite;
}
.testi-block-slide .slick-dots
{
    text-align: left;
}
.testi-block_profile
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
}
.testi-block_avater
{
    border-radius: 99px;
    overflow: hidden;
}
.testi-block .box-title
{
    margin-top: 0;
    margin-bottom: 5px;
}
.testi-block_desig
{
    margin-bottom: 0;
    display: block;
    color: var(--theme-color);
}
.testi-block_text
{
    font-size: 20px;
    margin-top: -.5em;
    margin-bottom: 35px;
}
@media(min-width: 1500px)
{
    .testi-block-area
    {
        margin-left: -100px;
    }
}
@media(max-width: 1299px)
{
    .testi-block-area
    {
        margin-top: 50px;
        margin-bottom: 50px;
        padding: 50px;
    }
    .testi-block-quote
    {
        right: 50px;
        bottom: 30px;
    }
}
@media(max-width: 767px)
{
    .testi-block_text
    {
        font-size: 18px;
        margin-top: -.45em;
        margin-bottom: 30px;
    }
}
@media(max-width: 575px)
{
    .testi-block-area
    {
        margin-top: 80px;
        margin-bottom: 80px;
        padding: 50px 20px;
        border-radius: 10px;
    }
    .testi-block-slide .slick-dots
    {
        margin-top: 25px;
    }
    .testi-block-quote
    {
        right: 10px;
    }
    .testi-block_text
    {
        font-size: 16px;
        margin-bottom: 25px;
    }
    .testi-block .box-title
    {
        font-size: 22px;
    }
    .testi-block_profile
    {
        gap: 15px;
    }
    .testi-block_avater
    {
        max-width: 70px;
    }
}
@media(max-width: 375px)
{
    .testi-block-quote
    {
        display: none;
    }
}
.testi-box5
{
    position: relative;
    padding: 40px;
    background-color: var(--white-color);
    border-radius: 15px;
    box-shadow: 0 14px 16px 0 rgba(0,0,0,.04);
}
@media(max-width: 1299px)
{
    .testi-box5
    {
        padding: 30px;
    }
}
.testi-box5_wrapper
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
    margin-bottom: 0;
}
@media(max-width: 1299px)
{
    .testi-box5_wrapper
    {
        gap: 15px;
    }
}
@media(max-width: 991px)
{
    .testi-box5_wrapper
    {
        display: block;
    }
}
@media(max-width: 375px)
{
    .testi-box5_wrapper
    {
        display: block;
    }
}
.testi-box5_author
{
    margin-bottom: 15px;
}
.testi-box5_image
{
    margin-bottom: 20px;
}
.testi-box5 .testi-box5_img
{
    min-width: 60px;
}
.testi-box5 .testi-box5_img img
{
    width: 60px;
    height: 60px;
    border-radius: 50%;
}
.testi-box5 .testi-box5_name
{
    margin-bottom: 0;
}
.testi-box5 .testi-box5_text
{
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 30px;
    margin-bottom: 40px;
}
@media(max-width: 991px)
{
    .testi-box5 .testi-box5_text
    {
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
}
.testi-box5 .testi-box5_desig
{
    font-size: 14px;
    color: var(--theme-color);
}
@media(max-width: 375px)
{
    .testi-box5 .testi-box5_desig
    {
        margin-bottom: 40px;
    }
}
.testi-box5 .testi-box5_info
{
    margin-bottom: -.3rem;
}
@media(max-width: 991px)
{
    .testi-box5 .testi-quote
    {
        position: absolute;
        right: 30px;
        bottom: 30px;
    }
}
.testi-box5 .box-title
{
    font-size: 20px;
    letter-spacing: -.4px;
    font-weight: 500;
    margin-bottom: -.3rem;
}
@media(max-width: 1299px)
{
    .testi-box5 .box-title
    {
        font-size: 20px;
    }
}
@media(max-width: 767px)
{
    .testi-box5_quote
    {
        display: none;
    }
}
.counter-card
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 30px;
}
.counter-card_icon
{
    width: 112px;
    height: 100px;
    line-height: 100px;
    text-align: center;
    position: relative;
    padding-left: 15px;
    margin-bottom: 2px;
    z-index: 2;
}
.counter-card_icon:before, .counter-card_icon:after
{
    content: '';
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--black-color2);
    -webkit-clip-path: path("M13.3648 23.689C12.3113 18.0885 13.5019 11.7494 18.6938 9.40012C35.1267 1.96429 68.7714 -9.44147 82.3112 14.0815C100.548 45.7649 138.846 59.5402 82.3112 87.5508C66.122 95.5719 56.2138 98.9992 50.3168 99.8059C42.2525 100.909 34.515 87.5508 26.3756 87.5508H13.8433C10.9933 87.5508 8.2154 86.3499 6.50037 84.0737C-12.7867 58.4757 17.3824 45.0461 13.3648 23.689Z");
    clip-path: path("M13.3648 23.689C12.3113 18.0885 13.5019 11.7494 18.6938 9.40012C35.1267 1.96429 68.7714 -9.44147 82.3112 14.0815C100.548 45.7649 138.846 59.5402 82.3112 87.5508C66.122 95.5719 56.2138 98.9992 50.3168 99.8059C42.2525 100.909 34.515 87.5508 26.3756 87.5508H13.8433C10.9933 87.5508 8.2154 86.3499 6.50037 84.0737C-12.7867 58.4757 17.3824 45.0461 13.3648 23.689Z");
    z-index: -2;
}
.counter-card_icon:after
{
    background-color: var(--white-color);
    top: 2px;
    left: 10px;
    z-index: -1;
}
.counter-card_icon img
{
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}
.counter-card_number
{
    font-size: 40px;
    color: var(--white-color);
    font-weight: 900;
    margin-bottom: 8px;
    margin-top: -.3em;
}
.counter-card_text
{
    font-weight: 500;
    color: var(--white-color);
    display: block;
    margin-bottom: -.5em;
}
.counter-card .icon
{
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}
.counter-card:hover .counter-card_icon img
{
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.counter-card:hover .icon
{
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
@media(max-width: 1299px)
{
    .counter-card
    {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center;
    }
    .counter-card_number
    {
        margin-bottom: 4px;
    }
}
@media(max-width: 375px)
{
    .counter-card_number
    {
        font-size: 36px;
    }
    .counter-card_text
    {
        font-size: 14px;
    }
}
.counter-card-wrap
{
    background-color: var(--black-color2);
    border-radius: 10px;
    padding: 65px 40px;
}
.counter-card-wrap .counter-card_icon:before
{
    background-color: var(--theme-color);
    opacity: .6;
}
.counter-card-wrap .counter-card_number
{
    font-weight: 700;
}
@media(max-width: 575px)
{
    .counter-card-wrap
    {
        padding: 65px 10px;
    }
}
.counter-area-4
{
    padding-top: 80px;
}
@media(max-width: 1199px)
{
    .counter-area-4
    {
        padding-top: 0;
    }
}
@media(max-width: 575px)
{
    .counter-area-4
    {
        padding-top: 80px;
    }
}
.counter-card4_icon
{
    width: 80px;
    height: 80px;
    line-height: 80px;
    border-radius: 50%;
    text-align: center;
    background-color: var(--white-color);
    border: 1px solid #ebedf1;
    -webkit-filter: drop-shadow(2.5px 2.5px 15px rgba(232,234,238,.55));
    filter: drop-shadow(2.5px 2.5px 15px rgba(232,234,238,.55));
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
    margin-bottom: 35px;
}
@media(max-width: 767px)
{
    .counter-card4_icon
    {
        display: block;
        margin: auto auto 35px auto;
    }
}
.counter-card4_icon:before
{
    content: "";
    position: absolute;
    inset: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    border-radius: 50%;
    background-color: var(--theme-color);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: all .5s cubic-bezier(.62,.21,.45,1.52);
    transition: all .5s cubic-bezier(.62,.21,.45,1.52);
    z-index: -1;
}
.counter-card4_icon img
{
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}
.counter-card4-wrap
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 40px;
}
.counter-card4-wrap .divider
{
    background: #d4dae7;
    width: 1px;
    height: 245px;
}
.counter-card4-wrap .divider:last-of-type
{
    display: none;
}
@media(max-width: 991px)
{
    .counter-card4-wrap .divider
    {
        display: none;
    }
}
.counter-card4-wrap.style2
{
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-right: 1px solid #5770ff;
}
@media(max-width: 1199px)
{
    .counter-card4-wrap.style2:nth-child(1), .counter-card4-wrap.style2:nth-child(2)
    {
        border-bottom: 1px solid #5770ff;
    }
    .counter-card4-wrap.style2:nth-child(2)
    {
        border-right: 0;
    }
    .counter-card4-wrap.style2:nth-child(3)
    {
        border-bottom: 1px solid #5770ff;
    }
}
.counter-card4-wrap.style2:last-child
{
    border-right: 0;
}
.counter-card4-wrap.style2 .divider
{
    background: #5770ff;
}
.counter-card4 .box-number
{
    font-size: 40px;
    color: var(--title-color);
    font-weight: 700;
    margin-bottom: 8px;
    margin-top: -.2em;
}
.counter-card4 .counter-title
{
    margin-bottom: 10px;
    font-size: 20px;
}
@media(max-width: 991px)
{
    .counter-card4 .counter-title
    {
        font-size: 18px;
    }
}
@media(max-width: 767px)
{
    .counter-card4 .counter-title
    {
        font-size: 20px;
    }
}
@media(max-width: 991px)
{
    .counter-card4 .counter-text
    {
        font-size: 16px;
    }
}
.counter-card4 .media-body
{
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: 312px;
}
.counter-card4:hover .counter-card4_icon:before
{
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
}
.counter-card4:hover .counter-card4_icon img
{
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}
.counter-card4.style2
{
    padding: 70px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
}
@media(max-width: 767px)
{
    .counter-card4.style2
    {
        padding: 35px 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.title-area-wrapper
{
    position: absolute;
    bottom: 0;
    max-width: 600px;
    padding: 120px 0 120px 120px;
}
@media(max-width: 991px)
{
    .title-area-wrapper
    {
        padding: 80px 0 80px 0;
        max-width: 400px;
    }
}
@media(max-width: 767px)
{
    .title-area-wrapper
    {
        padding: 0 0 180px 0;
    }
}
@media(max-width: 767px)
{
    .title-area-wrapper .title-area .sec-title
    {
        font-size: 28px;
    }
}
@media(max-width: 375px)
{
    .title-area-wrapper .title-area .sec-title
    {
        font-size: 25px;
    }
}
.title-area-wrapper .sub-title
{
    font-weight: 600;
}
@media(max-width: 600px)
{
    .title-area-wrapper
    {
        max-width: 300px;
    }
}
@media(max-width: 480px)
{
    .title-area-wrapper
    {
        padding-bottom: 180px;
    }
}
.title-area-wrapper .th-btn
{
    padding: 17px 46.5px;
}
@media(max-width: 991px)
{
    .counter-area-4
    {
        margin-top: 60px;
    }
    .counter-card4 .box-number
    {
        font-size: 46px;
    }
    .counter-card4 .box-text
    {
        font-size: 18px;
    }
}
@media(max-width: 767px)
{
    .counter-card4
    {
        -webkit-box-flex: 50%;
        -webkit-flex: 50%;
        -ms-flex: 50%;
        flex: 50%;
        padding-left: 10px;
        padding-right: 10px;
        text-align: center;
    }
    .counter-card4-wrap
    {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        position: relative;
        display: block;
    }
    .counter-card4-wrap .divider
    {
        display: none;
    }
    .counter-card4:nth-child(1), .counter-card4:nth-child(3)
    {
        padding-bottom: 30px;
        margin-bottom: 30px;
    }
    .counter-card4 .media-body
    {
        max-width: 100%;
    }
}
@media(max-width: 575px)
{
    .counter-area-4
    {
        margin-top: 0;
    }
}
.blog-card
{
    box-shadow: 0 10px 15px rgba(8,14,28,.06);
    border-radius: 10px;
    background-color: var(--white-color);
}
.blog-card .box-title
{
    margin-bottom: 22px;
}
.blog-card .box-title a
{
    background-image: -webkit-linear-gradient(right,var(--theme-color),var(--theme-color));
    background-image: linear-gradient(to left,var(--theme-color),var(--theme-color));
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: 0 2px;
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}
.blog-card .box-title a:hover
{
    background-size: 100% 2px;
}
.blog-card .blog-img
{
    overflow: hidden;
    box-shadow: 0 10px 15px rgba(23,27,42,.06);
    border-radius: 10px 10px 0 0;
}
.blog-card .blog-img img
{
    width: 100%;
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}
.blog-card .blog-meta
{
    margin-bottom: 20px;
}
.blog-card .blog-meta span>i, .blog-card .blog-meta a>i
{
    color: inherit;
}
.blog-card .blog-content
{
    padding: 30px 40px;
}
.blog-card .blog-bottom
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-top: 1px solid var(--th-border-color);
    padding-top: 25px;
}
.blog-card .author
{
    color: var(--body-color);
}
.blog-card .author img
{
    margin-right: 5px;
}
.blog-card .author:hover
{
    color: var(--theme-color);
}
.blog-card .blog-text
{
    margin-top: -.5em;
    margin-bottom: 22px;
}
.blog-card .line-btn
{
    margin-bottom: 0;
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    color: var(--body-color);
}
.blog-card .line-btn:before
{
    background-color: var(--body-color);
}
.blog-card .line-btn:hover
{
    color: var(--theme-color);
}
.blog-card .line-btn:hover:before
{
    background-color: var(--theme-color);
}
.blog-card:hover .blog-img img
{
    -webkit-transform: scale(1.08);
    -ms-transform: scale(1.08);
    transform: scale(1.08);
}
@media(max-width: 1299px)
{
    .blog-card .blog-content
    {
        padding: 30px 35px;
    }
}
@media(max-width: 991px)
{
    .blog-card .blog-content
    {
        padding: 30px 30px;
    }
    .blog-card .box-title
    {
        font-size: 22px;
    }
}
@media(max-width: 767px)
{
    .blog-card .blog-content
    {
        padding: 30px 40px;
    }
    .blog-card .box-title
    {
        font-size: 24px;
    }
}
@media(max-width: 410px)
{
    .blog-card .blog-content
    {
        padding: 30px 30px;
    }
    .blog-card .box-title
    {
        font-size: 22px;
    }
}
@media(max-width: 350px)
{
    .blog-card .blog-content
    {
        padding: 30px 20px;
    }
    .blog-card .box-title
    {
        font-size: 20px;
    }
}
.brand-sec1
{
    position: relative;
    z-index: 4;
    border-radius: 10px;
    max-width: 1420px;
    margin-left: auto;
    margin-right: auto;
}
.brand-sec1:after
{
    content: '';
    position: absolute;
    inset: 0;
    background-color: var(--title-color);
    border-radius: inherit;
    -webkit-clip-path: polygon(0 0,100% 0,100% 11px,calc(100% - 70px) 50%,100% calc(100% - 11px),100% 100%,0 100%,0 calc(100% - 11px),70px 50%,0 11px);
    clip-path: polygon(0 0,100% 0,100% 11px,calc(100% - 70px) 50%,100% calc(100% - 11px),100% 100%,0 100%,0 calc(100% - 11px),70px 50%,0 11px);
    z-index: -1;
}
@media(max-width: 1500px)
{
    .brand-sec1:after
    {
        -webkit-clip-path: polygon(0 0,100% 0,100% 11px,calc(100% - 40px) 50%,100% calc(100% - 11px),100% 100%,0 100%,0 calc(100% - 11px),40px 50%,0 11px);
        clip-path: polygon(0 0,100% 0,100% 11px,calc(100% - 40px) 50%,100% calc(100% - 11px),100% 100%,0 100%,0 calc(100% - 11px),40px 50%,0 11px);
    }
}
@media(max-width: 1299px)
{
    .brand-sec1:after
    {
        -webkit-clip-path: polygon(0 0,100% 0,100% 11px,calc(100% - 30px) 50%,100% calc(100% - 11px),100% 100%,0 100%,0 calc(100% - 11px),30px 50%,0 11px);
        clip-path: polygon(0 0,100% 0,100% 11px,calc(100% - 30px) 50%,100% calc(100% - 11px),100% 100%,0 100%,0 calc(100% - 11px),30px 50%,0 11px);
    }
}
@media(max-width: 767px)
{
    .brand-sec1
    {
        margin-left: 12px;
        margin-right: 12px;
    }
    .brand-sec1:after
    {
        -webkit-clip-path: none;
        clip-path: none;
    }
}
.brand-sec1 .slick-arrow
{
    visibility: visible;
    opacity: 1;
}
@media(max-width: 767px)
{
    .brand-box.py-20
    {
        padding-top: 0;
        padding-bottom: 0;
    }
}
.brand-box1-1
{
    border-radius: 20px;
    border: 1px solid #edf0f4;
    background: -webkit-linear-gradient(top,#edf0f4 0%,rgba(237,240,244,0) 100%);
    background: linear-gradient(180deg,#edf0f4 0%,rgba(237,240,244,0) 100%);
    display: grid;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    text-align: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 90px;
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}
.brand-box1-1 img
{
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
}
.brand-box1-1:hover
{
    -webkit-filter: none;
    filter: none;
}
.brand-box1-1:hover img
{
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.brand-title
{
    letter-spacing: -.4px;
    font-weight: 600;
}
.checklist ul
{
    padding-left: 0;
    list-style: none;
    text-align: left;
    margin-bottom: 0;
}
.checklist li
{
    color: var(--title-color);
    font-weight: 500;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
}
.checklist li>i
{
    color: var(--theme-color);
}
.checklist li:not(:last-child)
{
    margin-bottom: 10px;
}
.checklist.style2 li
{
    font-size: 18px;
    font-weight: 700;
    color: var(--title-color);
    font-family: var(--title-font);
    gap: 15px;
}
.checklist.style2 li:not(:last-child)
{
    margin-bottom: 26px;
}
.checklist.style2 li>i
{
    font-size: 20px;
    border-radius: 50%;
    border: 1px dashed var(--theme-color);
    padding: 9px;
}
.checklist.style3 li:not(:last-child)
{
    margin-bottom: 20px;
}
.checklist.style3 li>i
{
    font-size: 25px;
}
.checklist.style4 li
{
    color: #141d38;
}
.checklist.style4 li:not(:last-child)
{
    margin-bottom: 20px;
}
.checklist.style4 li>i
{
    font-size: 25px;
}
.checklist.style4 li img
{
    max-width: 26px;
}
.checklist.style5 li
{
    color: var(--body-color);
    font-family: var(--body-font);
    font-weight: 400;
}
.checklist.style5 li:not(:last-child)
{
    margin-bottom: 13px;
}
.checklist.style5 li>i
{
    font-size: 22px;
}
@media(max-width: 1199px)
{
    .checklist.mb-40
    {
        margin-bottom: 32px;
    }
}
@media(max-width: 1199px)
{
    .checklist.mb-45
    {
        margin-bottom: 35px;
    }
}
.bg-img
{
    position: absolute;
    inset: 0;
    height: 100%;
    width: 100%;
}
.bg-img img
{
    width: 100%;
    height: 100%;
}
.th-video
{
    position: relative;
    border-radius: 5px;
}
.th-video img
{
    border-radius: inherit;
}
.th-video .play-btn
{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.th-video .play-btn>i
{
    background-color: var(--theme-color);
    color: var(--white-color);
}
.icon-box
{
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    gap: 10px;
}
.btn-wrap
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px 30px;
}
.video-btn
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--body-color);
    text-transform: uppercase;
    line-height: 1.6;
}
.video-btn .play-btn
{
    --icon-size: 50px;
    margin-right: 15px;
}
.video-btn .play-btn>i
{
    background-color: var(--theme-color);
    color: var(--white-color);
    padding-right: .1em;
}
.video-btn .play-btn:before
{
    background-color: var(--theme-color);
}
.video-btn .small-text
{
    font-size: 10px;
    text-decoration: underline;
    display: block;
}
.video-btn .big-text
{
    font-size: 14px;
    font-weight: 500;
}
@media(max-width: 1199px)
{
    p.mb-40
    {
        margin-bottom: 35px;
    }
    p.mb-45
    {
        margin-bottom: 38px;
    }
}
.cursor2
{
    width: 25px;
    height: 25px;
    border-radius: 100%;
    border: 1px solid var(--theme-color);
    -webkit-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
    position: fixed;
    pointer-events: none;
    left: 0;
    top: 0;
    z-index: 999999;
    -webkit-transform: translate(calc(-50% + 15px),-50%);
    -ms-transform: translate(calc(-50% + 15px),-50%);
    transform: translate(calc(-50% + 15px),-50%);
}
.cursor2.hover
{
    display: none;
}
.cursor
{
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background-color: var(--theme-color);
    opacity: .3;
    position: fixed;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    pointer-events: none;
    z-index: 999999;
    -webkit-transition: .2s cubic-bezier(.75,-.27,.3,1.33) opacity,.4s cubic-bezier(.75,-1.27,.3,2.33) -webkit-transform;
    transition: .2s cubic-bezier(.75,-.27,.3,1.33) opacity,.4s cubic-bezier(.75,-1.27,.3,2.33) -webkit-transform;
    transition: .4s cubic-bezier(.75,-1.27,.3,2.33) transform,.2s cubic-bezier(.75,-.27,.3,1.33) opacity;
    transition: .4s cubic-bezier(.75,-1.27,.3,2.33) transform,.2s cubic-bezier(.75,-.27,.3,1.33) opacity,.4s cubic-bezier(.75,-1.27,.3,2.33) -webkit-transform;
}
.cursor.hover
{
    display: none;
}
.img-box2
{
    text-align: center;
    margin-left: 85px;
    position: relative;
    z-index: 2;
}
.img-box2:before, .img-box2:after
{
    content: '';
    position: absolute;
    background-color: var(--theme-color);
    width: 100%;
    height: 100%;
    -webkit-animation: morph 10s ease-in-out infinite;
    animation: morph 10s ease-in-out infinite;
    z-index: -1;
}
.img-box2:before
{
    top: -20px;
    left: -40px;
    opacity: .5;
    -webkit-animation-delay: .2;
    animation-delay: .2;
}
.img-box2:after
{
    right: -20px;
    bottom: -40px;
    background-color: var(--smoke-color2);
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
    z-index: -2;
}
.img-box2 .img1 img
{
    -webkit-animation: morph 10s ease-in-out infinite;
    animation: morph 10s ease-in-out infinite;
    width: 100%;
    max-width: 760px;
}
.two-column
{
    display: grid;
    grid-template-columns: auto auto;
    max-width: 700px;
}
@media(max-width: 1299px)
{
    .img-box2
    {
        margin-left: 0;
    }
    .img-box2:before
    {
        left: -20px;
    }
    .img-box2:after
    {
        right: -12px;
    }
}
@media(max-width: 450px)
{
    .two-column
    {
        grid-template-columns: auto;
        gap: 18px;
    }
    .two-column.list-center
    {
        max-width: 230px;
    }
    .checklist.style2 li:not(:last-child)
    {
        margin-bottom: 18px;
    }
}
.feature-circle
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 14px;
    max-width: 310px;
}
.feature-circle-wrap
{
    display: grid;
    grid-template-columns: auto auto;
    margin-bottom: 34px;
}
.feature-circle_title
{
    font-size: 20px;
    margin-bottom: 7px;
}
.feature-circle_text
{
    margin-bottom: 0;
    font-size: 14px;
}
.feature-circle .progressbar
{
    position: relative;
}
.feature-circle .circle-num
{
    font-size: 24px;
    font-weight: 700;
    color: var(--title-color);
    font-family: var(--title-font);
    position: absolute;
    top: 0;
    left: 0;
    width: 70px;
    height: 70px;
    line-height: 70px;
    margin: 15px;
    background-color: var(--white-color);
    border-radius: 999px;
    text-align: center;
}
@media(min-width: 1300px)
{
    .img-box5
    {
        margin-left: 56px;
        margin-right: -77px;
    }
}
.img-box5
{
    position: relative;
    z-index: 2;
    margin-bottom: -46px;
    margin-top: -60px;
}
.img-box5 .year-counter
{
    position: absolute;
    top: 20px;
    left: 40%;
    border-color: var(--smoke-color2);
    box-shadow: none;
    height: 155px;
    width: 155px;
    padding: 32px 0;
}
.img-box5 .year-counter_number
{
    font-size: 36px;
}
.animate-shape1
{
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
}
.animate-shape1 svg
{
    width: 100%;
    height: 100%;
}
.why-sec-v2
{
    overflow-x: hidden;
    margin-top: -440px;
    padding-top: 420px;
}
@media(max-width: 1199px)
{
    .img-box5
    {
        max-width: 760px;
        margin-bottom: -20px;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }
    .img-box5 .animate-shape1
    {
        max-width: 610px;
    }
}
@media(max-width: 575px)
{
    .feature-circle-wrap
    {
        grid-template-columns: auto;
        gap: 20px;
    }
}
.img-box7, .img-box8
{
    position: relative;
    margin-left: 56px;
}
.img-box7 .shape1, .img-box8 .shape1
{
    position: absolute;
    top: 0;
    left: 40px;
    -webkit-animation: jumpReverseAni 7s linear infinite;
    animation: jumpReverseAni 7s linear infinite;
}
.img-box7 .shape2, .img-box8 .shape2
{
    position: absolute;
    top: 0;
    right: 0;
    -webkit-animation: moving 8s linear infinite;
    animation: moving 8s linear infinite;
}
.img-box8 .shape1
{
    left: 0;
}
.img-box8 .shape2
{
    -webkit-animation: spin 10s linear infinite;
    animation: spin 10s linear infinite;
}
.img-box8 .color-animate
{
    top: -200px;
    max-width: 400px;
}
@media(max-width: 1299px)
{
    .img-box7, .img-box8
    {
        margin-left: 0;
    }
}
@media(max-width: 991px)
{
    .img-box7, .img-box8
    {
        text-align: center;
    }
}
@media(max-width: 575px)
{
    .img-box7 .shape1
    {
        max-width: 50px;
    }
    .img-box7 .shape2
    {
        max-width: 70px;
    }
    .img-box8 .shape1
    {
        max-width: 100px;
    }
    .img-box8 .shape2
    {
        max-width: 100px;
    }
}
.choose-tabs-wrapper
{
    border-radius: 30px;
    border: 1px solid rgba(255,255,255,.1);
    background: #1e2127;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    box-shadow: 0 16px 48px 0 rgba(18,20,26,.64);
}
@media(max-width: 1199px)
{
    .choose-tabs-wrapper
    {
        gap: 30px;
    }
}
@media(max-width: 991px)
{
    .choose-tabs-wrapper
    {
        display: block;
    }
}
.choose-tabs-tabs.nav-tabs
{
    border-bottom: none;
    padding: 60px;
    display: block;
}
@media(max-width: 1199px)
{
    .choose-tabs-tabs.nav-tabs
    {
        padding: 60px 40px;
    }
}
@media(max-width: 991px)
{
    .choose-tabs-tabs.nav-tabs
    {
        padding: 60px 40px 40px 40px;
        margin-bottom: 0;
    }
}
@media(max-width: 375px)
{
    .choose-tabs-tabs.nav-tabs
    {
        max-width: 100%;
        padding: 60px 20px 20px 20px;
    }
}
.choose-tabs-tabs.nav-tabs .nav-link:focus, .choose-tabs-tabs.nav-tabs .nav-link:hover
{
    color: var(--white-color);
    background-color: var(--theme-color);
    border-color: var(--theme-color);
}
.choose-tabs-tabs.nav-tabs .nav-item.show .nav-link, .choose-tabs-tabs.nav-tabs .nav-link.active
{
    color: var(--white-color);
    background-color: var(--theme-color);
    border-color: var(--theme-color);
}
.choose-tabs-tabs .nav-link
{
    position: relative;
    border-radius: 100px;
    border: 1px solid rgba(255,255,255,.1);
    background: #1d2128;
    padding: 18px 40px;
    font-family: var(--title-font);
    font-size: 20px;
    line-height: 20px;
    font-weight: 600;
    min-width: 330px;
    color: var(--white-color);
    text-align: left;
    display: block;
    box-shadow: none;
}
@media(max-width: 991px)
{
    .choose-tabs-tabs .nav-link
    {
        min-width: 100%;
    }
}
@media(max-width: 575px)
{
    .choose-tabs-tabs .nav-link
    {
        padding: 14px 20px;
    }
}
@media(max-width: 375px)
{
    .choose-tabs-tabs .nav-link
    {
        font-size: 16px;
    }
}
.choose-tabs-tabs .nav-link:not(:last-child)
{
    margin-bottom: 20px;
}
@media(max-width: 991px)
{
    .choose-tabs-tabs
    {
        margin-bottom: 30px;
    }
}
.choose-wrapper
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 30px;
    border-left: 1px solid rgba(255,255,255,.1);
    padding: 60px;
}
@media(max-width: 1199px)
{
    .choose-wrapper
    {
        display: block;
        padding: 60px 40px 40px 0;
        margin: 0;
        border: none;
    }
}
@media(max-width: 991px)
{
    .choose-wrapper
    {
        padding: 30px 40px 60px 40px;
    }
}
@media(max-width: 375px)
{
    .choose-wrapper
    {
        padding: 30px 20px 60px 20px;
    }
}
.choose-wrapper .choose-image
{
    min-width: 276px;
    height: 300px;
    border-radius: 30px;
}
.choose-wrapper .choose-image img
{
    width: 100%;
    border-radius: 30px;
}
@media(max-width: 1199px)
{
    .choose-wrapper .choose-image
    {
        margin-top: 30px;
        min-width: 100%;
        width: 100%;
        height: 100%;
    }
}
.choose-content .sec-title
{
    font-weight: 500;
    letter-spacing: normal;
}
.choose-content .box-text
{
    font-size: 14px;
}
.choose-content .checklist
{
    margin-bottom: 35px;
}
.choose-content .checklist li
{
    color: var(--body-color);
    font-size: 14px;
    line-height: 16px;
}
.choose-content .checklist li:after
{
    color: var(--body-color);
}
.feature-wrapper.style3
{
    margin-bottom: 60px;
}
.feature-wrapper.style3 .feature-icon
{
    width: 75px;
    height: 75px;
    line-height: 75px;
    background-color: #1e2127;
    border: 1px solid rgba(255,255,255,.1);
}
.feature-wrapper.style3 .feature-icon:hover
{
    background-color: var(--theme-color);
}
.feature-wrapper.style3 .header-info_label
{
    font-size: 16px;
    font-family: var(--body-font);
    color: var(--body-color);
    font-weight: 500;
    letter-spacing: -.32px;
}
.feature-wrapper.style3 .header-info_link
{
    font-family: var(--body-font);
    font-size: 24px;
    font-weight: 600;
    line-height: 30px;
    letter-spacing: -.48px;
}
.work-area
{
    margin-bottom: 40px;
}
.work-item
{
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
}
.work-item:first-child
{
    max-width: 290px;
}
@media(max-width: 1299px)
{
    .work-item:first-child
    {
        max-width: 250px;
    }
}
@media(max-width: 767px)
{
    .work-item:first-child
    {
        max-width: 100%;
    }
}
.work-item:first-child:before
{
    right: -15px;
}
@media(max-width: 1199px)
{
    .work-item:first-child:before
    {
        right: -10px;
    }
}
@media(max-width: 767px)
{
    .work-item
    {
        margin-bottom: 20px;
    }
}
.work-item:before
{
    content: url("data:image/svg+xml,%3Csvg width='20' height='37' viewBox='0 0 20 37' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 18.5L0 0L10.6446 18.5L0 37L20 18.5Z' fill='%233E66F3'/%3E%3C/svg%3E%0A");
    position: absolute;
    top: 0;
    right: -40px;
    font-family: var(--icon-font);
    width: 20px;
    height: 37px;
    text-align: center;
    border-radius: 50%;
    display: inline-block;
    font-size: 1em;
    line-height: 1;
    color: var(--theme-color);
    font-weight: 900;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
@media(max-width: 1199px)
{
    .work-item:before
    {
        display: none;
    }
}
.work-item:last-child:before
{
    display: none;
}
.work-item_wrapper
{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 20px;
}
@media(max-width: 767px)
{
    .work-item_wrapper
    {
        display: block;
    }
}
.work-item_number
{
    min-width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 50%;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -.32px;
    display: block;
    background-color: #1e2127;
    color: var(--white-color);
    border: 1px solid rgba(255,255,255,.1);
}
.work-item .work-text
{
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #c7c7c7;
}
.accordion-card
{
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
    box-shadow: 0 5px 15px rgba(42,77,113,.04);
    border-radius: 5px;
    overflow: hidden;
}
.accordion-card:not(:last-child)
{
    margin-bottom: 24px;
}
.accordion-card .accordion-button
{
    font-size: 18px;
    font-weight: 700;
    font-family: var(--title-font);
    border: 0;
    color: var(--title-color);
    background-color: var(--white-color);
    border-radius: 0;
    padding: 12px 45px 12px 30px;
    min-height: 56px;
    gap: 10px;
    margin-bottom: 0;
    text-align: left;
    -webkit-transition: .3s;
    transition: .3s;
    position: relative;
}
.accordion-card .accordion-button:after
{
    content: "+";
    height: 100%;
    width: auto;
    line-height: 1;
    background-color: transparent;
    font-family: var(--icon-font);
    color: var(--title-color);
    font-weight: 700;
    font-size: 1em;
    display: grid;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    position: absolute;
    top: 0;
    right: 30px;
    -webkit-clip-path: polygon(20px 0%,100% 0,100% 100%,0% 100%);
    clip-path: polygon(20px 0%,100% 0,100% 100%,0% 100%);
    padding-left: 10px;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
.accordion-card .accordion-button:focus
{
    outline: none;
    box-shadow: none;
}
.accordion-card .accordion-button:not(.collapsed)
{
    color: var(--white-color);
    background-color: var(--theme-color);
    box-shadow: none;
    border-radius: 0;
}
.accordion-card .accordion-button:not(.collapsed):after
{
    content: '';
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    color: var(--white-color);
}
.accordion-card .accordion-collapse
{
    border: none;
}
.accordion-card .accordion-body
{
    border-radius: 0;
    background-color: var(--white-color);
    border: none;
    padding: 23px 30px 30px 30px;
}
.accordion-card .faq-text
{
    margin-bottom: -.48em;
}
.accordion-card .faq-img
{
    height: 100%;
}
.accordion-card .faq-img img
{
    height: 100%;
    object-fit: cover;
}
.accordion-card.style2
{
    box-shadow: none;
    border: 1px solid var(--smoke-color2);
    box-shadow: 0 10px 30px rgba(8,14,28,.06);
}
.accordion-card.style2:not(:last-child)
{
    margin-bottom: 24px;
}
.accordion-card.style2 .accordion-button
{
    background-color: var(--white-color);
    box-shadow: none;
}
.accordion-card.style2 .accordion-button:not(.collapsed)
{
    color: var(--white-color);
    border-bottom: none;
    background-color: var(--theme-color);
}
.accordion-card.style3
{
    border-radius: 20px;
    box-shadow: 0 5px 15px rgba(42,77,113,.04);
}
.accordion-card.style3:not(:last-child)
{
    margin-bottom: 30px;
}
.accordion-card.style3 .accordion-button
{
    background-color: var(--white-color);
    box-shadow: none;
}
.accordion-card.style3 .accordion-button:not(.collapsed)
{
    color: var(--title-color);
    background-color: var(--white-color);
    box-shadow: none;
}
.accordion-card.style3 .accordion-button:not(.collapsed):after
{
    color: var(--theme-color);
}
.accordion-card.style3 .accordion-body
{
    padding: 0 30px 30px 30px;
}
.accordion-area.grid
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 0 24px;
}
.accordion-area.grid .accordion-card
{
    width: calc(50% - 12px);
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
}
@media(min-width: 1300px)
{
    .faq-img
    {
        margin-left: 56px;
        margin-right: -48px;
    }
}
.faq-img
{
    text-align: center;
    position: relative;
    display: inline-block;
}
.faq-img .img-shape
{
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
    top: 0;
}
.faq-img .img-shape img
{
    height: 100%;
    width: 100%;
    max-width: n;
}
.faq-img .img-shape .mask-icon
{
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}
.faq-img img
{
    width: 100%;
    max-width: 700px;
}
@media(max-width: 575px)
{
    .accordion-card .accordion-button
    {
        font-size: 16px;
    }
}
.faq-widget
{
    background-color: var(--smoke-color);
    padding: 40px;
    margin-bottom: 40px;
    border-radius: 5px;
    text-align: center;
}
.faq-widget .title
{
    margin-top: -.23em;
}
.faq-form-wrap
{
    margin-top: 70px;
}
.faq-form-wrap .form-text
{
    max-width: 500px;
    margin-bottom: 25px;
}
@media(max-width: 991px)
{
    .faq-form-wrap
    {
        margin-top: 45px;
    }
}
@media(max-width: 375px)
{
    .faq-widget
    {
        padding: 40px 20px;
    }
}
.faq-img4
{
    position: relative;
    z-index: 2;
    width: 634px;
    height: 724.57px;
}
@media(max-width: 991px)
{
    .faq-img4
    {
        margin-bottom: 50px;
    }
}
.faq-img4 .img1
{
    position: absolute;
    top: 0;
    right: 0;
    width: 317px;
    height: 362.286px;
    border-radius: 1000px 1000px 0 0;
}
@media(max-width: 1299px)
{
    .faq-img4 .img1
    {
        right: 30px;
    }
}
@media(max-width: 767px)
{
    .faq-img4 .img1
    {
        right: 60px;
    }
}
@media(max-width: 575px)
{
    .faq-img4 .img1
    {
        right: unset;
        left: 0;
    }
}
.faq-img4 .img1 img
{
    border-radius: 1000px 1000px 0 0;
}
.faq-img4 .img2
{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 317px;
    height: 362.286px;
    border-radius: 0 0 1000px 1000px;
}
.faq-img4 .img2 img
{
    border-radius: 0 0 1000px 1000px;
}
.faq-img4 .faq-client-box
{
    position: absolute;
    left: 20%;
    top: 40%;
    padding: 20px 30px;
    border-radius: 100px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 14px;
    background-color: var(--white-color);
    text-decoration: underline;
    box-shadow: 0 15px 38px 0 rgba(0,0,0,.06);
    z-index: 3;
    -webkit-transform: translate(-50% -50%);
    -ms-transform: translate(-50% -50%);
    transform: translate(-50% -50%);
}
@media(max-width: 575px)
{
    .faq-img4 .faq-client-box
    {
        left: 0;
    }
}
@media(max-width: 375px)
{
    .faq-img4 .faq-client-box
    {
        display: block;
        text-align: center;
        padding: 10px 40px;
    }
}
.faq-img4 .faq-client-box .cilent-box_title
{
    min-width: 170px;
    font-size: 18px;
    font-weight: 600;
    color: var(--title-color);
}
.faq-img4 .faq-client-box .client-thumb-group
{
    min-width: 112px;
}
@media(max-width: 375px)
{
    .faq-img4 .faq-client-box .client-thumb-group
    {
        margin-bottom: 10px;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
.faq-img4 .faq-client-box .client-thumb-group .thumb:not(:first-child)
{
    margin-left: -35px;
}
.faq-img4 .faq-shape
{
    position: absolute;
    left: 20%;
    top: 20%;
    width: 372px;
    height: 372px;
    background-color: rgba(50,86,217,.07);
    border-radius: 50%;
    z-index: 2;
    -webkit-transform: translate(-50% -50%);
    -ms-transform: translate(-50% -50%);
    transform: translate(-50% -50%);
}
.faq-img4 .faq-shape:after, .faq-img4 .faq-shape:before
{
    content: "";
    position: absolute;
    inset: 0;
    background-color: rgba(50,86,217,.15);
    z-index: -2;
    border-radius: 50%;
    -webkit-transition: all ease .4s;
    transition: all ease .4s;
}
.faq-img4 .faq-shape:after
{
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}
.img-half
{
    position: absolute;
    top: 0;
    width: 50%;
    height: 100%;
}
.img-half img
{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.img-half .img-left
{
    left: 0;
}
.th-video2:after
{
    content: "";
    height: 140px;
    width: 140px;
    background-color: #080e1c;
    border-radius: 50%;
    position: absolute;
    top: calc(50% - 70px);
    right: -70px;
}
.th-video2 .play-btn
{
    position: absolute;
    right: -40px;
    top: calc(50% - 40px);
}
.th-video2 .play-btn>i
{
    --icon-size: 80px;
}
.th-video2 .play-btn:before, .th-video2 .play-btn:after
{
    background-color: var(--theme-color);
}
@media(max-width: 1199px)
{
    .img-half
    {
        position: relative;
        width: 100%;
        height: auto;
    }
    .th-video2:after
    {
        right: calc(50% - 70px);
        top: calc(100% - 70px);
    }
    .th-video2 .play-btn
    {
        position: absolute;
        top: calc(100% - 40px);
        right: calc(50% - 40px);
    }
}
.cta-box
{
    border-radius: 10px;
    overflow: hidden;
    background-color: var(--smoke-color);
}
.cta-box_img
{
    height: 100%;
}
.cta-box_img img
{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.cta-box_content
{
    padding: 70px 70px 70px 55px;
    position: relative;
}
.cta-box_icon
{
    position: absolute;
    right: 70px;
    bottom: 70px;
}
@media(max-width: 991px)
{
    .cta-box
    {
        text-align: center;
    }
}
@media(max-width: 575px)
{
    .cta-box_content
    {
        padding: 70px 20px;
    }
    .cta-box_icon
    {
        bottom: 20px;
        right: 20px;
    }
}
.cta-area4
{
    padding: 0 20px 91px 20px;
    border-radius: 30px;
}
.cta-area4 .cta-title
{
    border-radius: 100px;
    border: 1px solid #3e66f3;
    background: var(--white-color);
    padding: 6px 49px;
    margin: 0 0 49px 0;
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    transform: translate(0,-50%);
    display: inline-block;
}
.cta-area4 .cta-title.sub-title:before
{
    top: 8px;
    left: 25px;
}
.cta-area4 .cta-title.sub-title:after
{
    top: 8px;
    right: 25px;
}
.cta-area4 .cta-text
{
    font-size: 18px;
    font-weight: 500;
    max-width: 460px;
    display: block;
    margin: auto;
}
.cta-area4 .counter-title
{
    font-size: 48px;
    font-weight: 500;
    letter-spacing: -.96px;
    margin-bottom: 0;
}
@media(max-width: 575px)
{
    .cta-area4 .counter-title
    {
        font-size: 25px;
    }
}
.cta-area4 .title-area .sec-title
{
    margin-bottom: 26px;
}
.cta-area4 .cta-desc
{
    font-size: 14px;
    line-height: 18px;
    letter-spacing: .7px;
}
.cta-area4 .th-btn
{
    padding: 17px 46.5px;
}
.cta-area5
{
    padding: 173.5px 0;
    background-attachment: fixed;
    background-position: right;
    position: relative;
}
.cta-area5:after
{
    content: '';
    position: absolute;
    background: -webkit-linear-gradient(315deg,rgba(104,77,244,0) -24.45%,var(--theme-color) 165.8%);
    background: linear-gradient(135deg,rgba(104,77,244,0) -24.45%,var(--theme-color) 165.8%);
    -webkit-backdrop-filter: blur(10.5px);
    backdrop-filter: blur(10.5px);
    left: 0;
    top: 0;
    width: 60%;
    height: 100%;
    -webkit-clip-path: polygon(0 0,100% 0,70% 100%,0% 100%);
    clip-path: polygon(0 0,100% 0,70% 100%,0% 100%);
}
@media(max-width: 1199px)
{
    .cta-area5:after
    {
        width: 100%;
        -webkit-clip-path: none;
        clip-path: none;
    }
}
@media(max-width: 991px)
{
    .cta-area5
    {
        padding: 120px 0;
    }
}
.cta-title-area .sec-title
{
    font-size: 60px;
    line-height: 64px;
    letter-spacing: -1.2px;
    margin-bottom: 30px;
}
@media(max-width: 1299px)
{
    .cta-title-area .sec-title
    {
        font-size: 50px;
    }
}
@media(max-width: 991px)
{
    .cta-title-area .sec-title
    {
        font-size: 40px;
        line-height: 50px;
    }
}
@media(max-width: 575px)
{
    .cta-title-area .sec-title
    {
        font-size: 30px;
        line-height: 40px;
    }
}
.cta-title-area .sec-text
{
    font-size: 18px;
    color: var(--white-color);
    font-weight: 600;
    margin-bottom: 0;
}
.cta-sec6
{
    padding: 80px 100px;
    border-radius: 30px;
}
@media(max-width: 1199px)
{
    .cta-sec6
    {
        padding: 80px 50px;
    }
}
.cta-content
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
@media(max-width: 991px)
{
    .cta-content
    {
        display: block;
    }
}
.cta-content .cta-wrapper
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 25px;
    border-right: 1px solid rgba(255,255,255,.15);
    padding-right: 80px;
    margin-right: 80px;
    min-width: 440px;
}
@media(max-width: 1299px)
{
    .cta-content .cta-wrapper
    {
        padding-right: 40px;
        margin-right: 40px;
        min-width: 360px;
    }
}
@media(max-width: 991px)
{
    .cta-content .cta-wrapper
    {
        border: none;
        padding: 0;
        margin: 0;
    }
}
@media(max-width: 375px)
{
    .cta-content .cta-wrapper
    {
        display: block;
    }
}
.cta-content .cta-wrapper .cta-icon
{
    width: 90px;
    height: 90px;
    line-height: 90px;
    border-radius: 90px;
    text-align: center;
    border: 1px solid rgba(255,255,255,.22);
    background: rgba(255,255,255,.05);
    -webkit-backdrop-filter: blur(11px);
    backdrop-filter: blur(11px);
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.cta-content .cta-wrapper .cta-icon:hover
{
    background-color: var(--title-color);
}
@media(max-width: 375px)
{
    .cta-content .cta-wrapper .cta-icon
    {
        margin-bottom: 20px;
    }
}
.cta-content .cta-wrapper .header-info_link
{
    font-size: 30px;
    font-weight: 600;
    color: var(--white-color);
    letter-spacing: -.3px;
    margin-bottom: 0;
}
@media(max-width: 1299px)
{
    .cta-content .cta-wrapper .header-info_link
    {
        font-size: 24px;
    }
}
.cta-content .cta-wrapper .header-info_link a
{
    color: inherit;
}
.cta-content .title-area
{
    margin-right: 64px;
}
@media(max-width: 1299px)
{
    .cta-content .title-area
    {
        margin-right: 20px;
    }
}
@media(max-width: 991px)
{
    .cta-content .title-area
    {
        margin: 30px 0 30px 0!important;
    }
}
.cta-content .cta-group
{
    min-width: 160px;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-left: auto;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
}
@media(max-width: 991px)
{
    .cta-content .cta-group
    {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin: 0;
    }
}
.shape-icon
{
    position: relative;
    z-index: 2;
    width: 90px;
    height: 85px;
    line-height: 85px;
    text-align: center;
}
.shape-icon:before
{
    content: '';
    position: absolute;
    inset: 0;
    background-color: var(--smoke-color2);
    -webkit-clip-path: path("M4.76563 19.2144C-2.32686 32.07 -1.20075 48.6639 6.14105 61.3767C16.4024 79.1459 38.9816 89.016 58.6174 83.4451C78.2532 77.8741 92.5688 56.7417 89.6127 36.3982C84.2306 -0.647078 23.3991 -14.559 4.76563 19.2144Z");
    clip-path: path("M4.76563 19.2144C-2.32686 32.07 -1.20075 48.6639 6.14105 61.3767C16.4024 79.1459 38.9816 89.016 58.6174 83.4451C78.2532 77.8741 92.5688 56.7417 89.6127 36.3982C84.2306 -0.647078 23.3991 -14.559 4.76563 19.2144Z");
    z-index: -1;
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}
.shape-icon .dots:before, .shape-icon .dots:after
{
    content: '';
    position: absolute;
    background-color: var(--theme-color);
    height: 24px;
    width: 23px;
    border-radius: 50%;
}
.shape-icon .dots:before
{
    top: 0;
    right: 9px;
}
.shape-icon .dots:after
{
    height: 12px;
    width: 11px;
    bottom: 0;
    left: 27px;
}
.service-featured
{
    text-align: center;
    position: relative;
    z-index: 2;
}
.service-featured:before
{
    content: '';
    height: 180px;
    width: 100%;
    background-color: var(--smoke-color);
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 10px;
    z-index: -1;
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}
.service-featured .shape-icon
{
    margin: 0 auto 30px auto;
}
.service-featured .icon-btn
{
    border-radius: 99px;
    background-color: var(--theme-color);
    box-shadow: 0 6px 20px rgba(0,96,255,.5);
    border: none;
    color: var(--white-color);
    position: absolute;
    bottom: -28px;
    left: calc(50% - 28px);
}
.service-featured .icon-btn:hover
{
    background-color: var(--white-color);
    color: var(--theme-color);
}
.service-featured_content
{
    background-color: var(--white-color);
    max-width: 312px;
    box-shadow: 0 10px 30px rgba(8,14,28,.06);
    border-radius: 10px;
    margin-left: auto;
    margin-right: auto;
    padding: 40px 15px 28px 15px;
    margin-bottom: 28px;
}
.service-featured_text
{
    max-width: 255px;
    margin: 0 auto 31px auto;
}
.service-card
{
    padding: 40px;
    position: relative;
    z-index: 2;
    box-shadow: 0 10px 30px rgba(8,14,28,.06);
    background-color: var(--white-color);
    border-radius: 10px;
    overflow: hidden;
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}
.service-card:before, .service-card:after
{
    content: '';
    position: absolute;
    height: 110px;
    width: 110px;
    background-color: var(--theme-color);
    opacity: .6;
    border-radius: 50%;
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
    z-index: -1;
}
.service-card:before
{
    bottom: -73px;
    right: -28px;
}
.service-card:after
{
    right: -73px;
    bottom: -28px;
}
.service-card .shape-icon
{
    margin-bottom: 30px;
}
.service-card .box-title a:hover
{
    color: var(--smoke-color2);
}
.service-card .bg-shape
{
    position: absolute;
    bottom: -200px;
    left: 0;
    width: 100%;
    opacity: 0;
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
    pointer-events: none;
}
.service-card .bg-shape img
{
    width: 100%;
}
.service-card_number
{
    position: absolute;
    top: 25px;
    right: 40px;
    font-size: 100px;
    line-height: 1;
    font-weight: bold;
    color: var(--smoke-color2);
    opacity: .3;
}
.service-card_text
{
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
    margin-bottom: 22px;
}
.service-card .th-btn
{
    background-color: var(--smoke-color2);
    color: var(--title-color);
    padding: 12.5px 20px;
    box-shadow: none;
}
.service-card .th-btn:before, .service-card .th-btn:after
{
    background-color: var(--smoke-color2);
}
.service-card:hover
{
    width: 100%;
}
.service-card:hover:before, .service-card:hover:after
{
    opacity: 1;
    height: 120%;
    width: 120%;
    border-radius: 0;
}
.service-card:hover .shape-icon:before
{
    background-color: var(--white-color);
}
.service-card:hover .bg-shape
{
    bottom: 0;
    opacity: 1;
}
.service-card:hover .box-title
{
    color: var(--white-color);
}
.service-card:hover .th-btn
{
    background-color: var(--white-color);
}
.service-card:hover .service-card_text
{
    color: var(--white-color);
}
.service-sec
{
    background-size: auto;
    background-position: top center;
    background-color: var(--smoke-color);
}
@media(max-width: 375px)
{
    .service-card
    {
        padding: 40px 30px;
    }
}
.service-box
{
    position: relative;
    box-shadow: 0 10px 15px rgba(8,14,28,.06);
    background-color: var(--white-color);
    border-radius: 10px;
    text-align: center;
    overflow: hidden;
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}
.service-box .bg-shape
{
    position: absolute;
    bottom: -200px;
    left: 0;
    width: 100%;
    opacity: 0;
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
    pointer-events: none;
}
.service-box .bg-shape img
{
    width: 100%;
}
.service-box_img
{
    border-radius: 10px 10px 0 0;
    overflow: hidden;
}
.service-box_img img
{
    width: 100%;
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}
.service-box .box-title
{
    margin-bottom: 12px;
}
.service-box .box-title a:hover
{
    color: var(--smoke-color2);
}
.service-box_text
{
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
    max-width: 230px;
    margin: 0 auto 10px auto;
}
.service-box_icon
{
    width: 80px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    background-color: var(--white-color);
    margin: -40px auto 0 auto;
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
    border-radius: 50%;
}
.service-box_icon img
{
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}
.service-box_content
{
    position: relative;
    padding: 0 10px 25px 10px;
}
.service-box:hover
{
    background-color: var(--theme-color);
}
.service-box:hover .bg-shape
{
    bottom: 0;
    opacity: 1;
}
.service-box:hover .box-title
{
    color: var(--white-color);
}
.service-box:hover .link-btn
{
    color: var(--white-color);
}
.service-box:hover .link-btn:before
{
    background-color: var(--white-color);
    width: 100%;
}
.service-box:hover .link-btn:hover:before
{
    width: 70px;
}
.service-box:hover .service-box_img img
{
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.service-box:hover .service-box_icon
{
    background-color: var(--theme-color);
}
.service-box:hover .service-box_icon img
{
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}
.service-box:hover .service-box_text
{
    color: var(--white-color);
}
.service-grid
{
    position: relative;
    margin-top: -40px;
}
.service-grid .bg-shape
{
    position: absolute;
    bottom: -200px;
    left: 0;
    width: 100%;
    opacity: 0;
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
    pointer-events: none;
}
.service-grid .bg-shape img
{
    width: 100%;
}
.service-grid_content
{
    box-shadow: 0 10px 15px rgba(8,14,28,.06);
    background-color: var(--white-color);
    border-radius: 10px;
    text-align: center;
    padding: 70px 15px 40px 15px;
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
    overflow: hidden;
}
.service-grid_icon
{
    height: 80px;
    width: 80px;
    line-height: 80px;
    background-color: var(--theme-color);
    border-radius: 50%;
    text-align: center;
    position: relative;
    z-index: 2;
    margin: 0 auto 0 auto;
    -webkit-transform: translateY(40px);
    -ms-transform: translateY(40px);
    transform: translateY(40px);
}
.service-grid_icon img
{
    position: relative;
    z-index: 2;
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}
.service-grid_icon:after, .service-grid_icon:before
{
    content: "";
    position: absolute;
    inset: 0;
    background-color: var(--theme-color);
    z-index: -2;
    border-radius: 50%;
    -webkit-transition: all ease .4s;
    transition: all ease .4s;
}
.service-grid_icon:after
{
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}
.service-grid .box-title
{
    margin-bottom: 15px;
}
.service-grid .box-title a:hover
{
    color: var(--smoke-color2);
}
.service-grid_text
{
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
    max-width: 230px;
    margin: 0 auto 22px auto;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 3;
}
.service-grid .th-btn
{
    padding: 15.5px 18px;
}
.service-grid:hover .bg-shape
{
    bottom: 0;
    opacity: 1;
}
.service-grid:hover .box-title
{
    color: var(--white-color);
}
.service-grid:hover .th-btn
{
    background-color: var(--white-color);
    color: var(--theme-color);
}
.service-grid:hover .th-btn:hover
{
    color: var(--white-color);
}
.service-grid:hover .service-grid_content
{
    background-color: var(--theme-color);
}
.service-grid:hover .service-grid_icon
{
    background-color: var(--white-color);
}
.service-grid:hover .service-grid_icon img
{
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    -webkit-filter: none;
    filter: none;
}
.service-grid:hover .service-grid_icon:before, .service-grid:hover .service-grid_icon:after
{
    background-color: var(--white-color);
}
.service-grid:hover .service-grid_text
{
    color: var(--white-color);
}
.service-3d
{
    text-align: center;
    background: var(--white-color);
    border-radius: 10px;
    padding: 40px 12px;
}
.service-3d_text
{
    max-width: 315px;
    margin: 0 auto 22px auto;
}
.service-3d_icon
{
    margin-bottom: 30px;
}
.service-3d_icon img
{
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}
.service-3d .th-btn
{
    padding: 15.5px 18px;
    background-color: var(--smoke-color2);
    color: var(--title-color);
    box-shadow: none;
}
.service-3d .th-btn:before, .service-3d .th-btn:after
{
    background-color: var(--smoke-color2);
}
.service-3d .th-btn:hover
{
    color: var(--white-color);
}
.service-3d .th-btn:hover:before, .service-3d .th-btn:hover:after
{
    background-color: var(--theme-color);
}
.service-3d:hover .service-3d_icon img
{
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.service-area6
{
    background: -webkit-linear-gradient(top,rgba(237,240,244,0) 0%,rgba(237,240,244,.85) 100%);
    background: linear-gradient(180deg,rgba(237,240,244,0) 0%,rgba(237,240,244,.85) 100%);
    overflow: hidden;
}
.service-item
{
    border-radius: 30px;
    border: 1px solid var(--white-color);
    padding: 40px 30px;
    background: -webkit-linear-gradient(top,#fff 77.78%,rgba(255,255,255,0) 100%);
    background: linear-gradient(180deg,#fff 77.78%,rgba(255,255,255,0) 100%);
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.service-item_icon
{
    width: 80px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    display: block;
    margin-bottom: 28px;
    background-color: #f3f5fc;
    border-radius: 50%;
}
.service-item_text
{
    font-size: 16px;
    margin-bottom: 15px;
}
.service-item .box-title
{
    letter-spacing: -.48px;
    margin-bottom: 10px;
}
@media(max-width: 1299px)
{
    .service-item .box-title
    {
        font-size: 20px;
    }
}
.service-item img
{
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.service-item:hover .service-item_icon img
{
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
}
.service-area7
{
    position: relative;
    background-color: #eff1f9;
    border-radius: 30px;
    overflow: hidden;
}
@media(max-width: 1500px)
{
    .service-area7
    {
        border-radius: 0;
    }
}
.service-grid7
{
    position: relative;
    background: var(--white-color);
    padding: 40px;
    border-radius: 20px;
    border: 1px solid #e3e7f0;
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}
@media(max-width: 1299px)
{
    .service-grid7
    {
        padding: 25px;
    }
}
.service-grid7_icon
{
    width: 100px;
    height: 100px;
    line-height: 100px;
    text-align: center;
    border: 1px solid #e3e7f0;
    background-color: var(--white-color);
    box-shadow: drop-shadow(0 26px 65px rgba(232,234,238,.55));
    border-radius: 50%;
    z-index: 9;
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}
.service-grid7_icon img
{
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}
.service-grid7_text
{
    margin-bottom: 15px;
}
.service-grid7 .box-title
{
    font-weight: 600;
    margin: 25px 0 5px 0;
}
.service-grid7 .icon-btn
{
    border-radius: 99px;
    background-color: var(--white-color);
    border: 1px solid var(--th-border-color);
    color: var(--title-color);
    position: relative;
    z-index: 3;
    display: block;
    text-align: center;
    margin: auto;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.service-grid7 .icon-btn:hover
{
    background-color: var(--theme-color);
    border-color: var(--theme-color);
    color: var(--white-color);
}
.service-grid7 .line-btn
{
    font-family: var(--body-font);
}
.service-grid7:hover .service-grid7_img img
{
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.service-grid7:hover .service-grid7_icon
{
    border: 1px solid var(--theme-color);
}
.service-grid7:hover .service-grid7_icon:before
{
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
}
.service-grid7:hover .service-grid7_icon img
{
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.page-title
{
    margin-top: -.22em;
    font-size: 40px;
    margin-bottom: 20px;
}
.page-img
{
    margin-bottom: 40px;
    border-radius: 5px;
    overflow: hidden;
}
.page-single
{
    margin-bottom: 30px;
}
.service-feature
{
    background-color: var(--white-color);
    padding: 30px 25px 30px 30px;
    border: 1px solid var(--th-border-color);
    box-shadow: 0 10px 30px rgba(8,14,28,.06);
    border-radius: 5px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px;
}
.service-feature-wrap
{
    display: grid;
    grid-template-columns: auto auto;
    gap: 25px;
}
.service-feature_icon
{
    background: var(--theme-color);
    box-shadow: 0 6px 20px rgba(0,96,255,.6);
    border-radius: 5px;
    width: 90px;
    height: 90px;
    line-height: 90px;
    text-align: center;
}
.service-feature_title
{
    font-size: 20px;
    margin-bottom: 12px;
}
.service-feature_text
{
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 0;
}
@media(max-width: 1299px)
{
    .page-title
    {
        font-size: 38px;
    }
}
@media(max-width: 1299px)
{
    .service-feature
    {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center;
        gap: 20px;
        padding: 30px 10px;
    }
    .service-feature_text
    {
        margin-bottom: -.5em;
        max-width: 260px;
        margin-left: auto;
        margin-right: auto;
    }
}
@media(max-width: 1199px)
{
    .page-title
    {
        font-size: 32px;
    }
}
@media(max-width: 767px)
{
    .page-title
    {
        font-size: 28px;
    }
}
@media(max-width: 575px)
{
    .page-title
    {
        font-size: 24px;
    }
    .service-feature-wrap
    {
        grid-template-columns: auto;
    }
}
.checklist li.unavailable>i
{
    color: var(--body-color);
}
.price-card
{
    --space-x: 40px;
    --space-y: 40px;
    background-color: var(--smoke-color);
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    z-index: 2;
}
.price-card_top
{
    background-color: var(--title-color);
    position: relative;
    z-index: 2;
    padding: var(--space-y) 0;
    overflow: hidden;
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}
.price-card_top:before, .price-card_top:after
{
    content: '';
    position: absolute;
    height: 110px;
    width: 110px;
    background-color: var(--theme-color);
    opacity: .6;
    border-radius: 50%;
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
    z-index: -1;
}
.price-card_top:before
{
    top: -73px;
    left: -28px;
}
.price-card_top:after
{
    left: -73px;
    top: -28px;
}
.price-card_title
{
    font-size: 30px;
    margin-top: -.3em;
    margin-bottom: 4px;
    color: var(--white-color);
    padding: 0 var(--space-x);
    position: relative;
    z-index: 3;
}
.price-card_text
{
    color: var(--white-color);
    padding: 0 var(--space-x) 28px var(--space-x);
    margin-bottom: 35px;
    border-bottom: 2px solid;
    -webkit-border-image: -webkit-linear-gradient(right,var(--title-color) 27%,var(--theme-color) 100%);
    border-image: linear-gradient(to left,var(--title-color) 27%,var(--theme-color) 100%);
    border-image-slice: 1;
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}
.price-card_price
{
    font-size: 30px;
    font-weight: bold;
    line-height: 1;
    margin: -.09em 0;
    color: var(--white-color);
    padding: 0 var(--space-x);
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}
.price-card_price .duration
{
    font-size: 16px;
    font-weight: 400;
    color: var(--white-color);
    margin-bottom: 0;
    position: relative;
    top: -1px;
    left: -4px;
}
.price-card .particle
{
    position: absolute;
    bottom: 0;
    right: 0;
    max-width: 190px;
    height: 165px;
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
    -webkit-clip-path: path("M182 165L0.5 164L11 111L51 55.5L110 13L182 0V165Z");
    clip-path: path("M182 165L0.5 164L11 111L51 55.5L110 13L182 0V165Z");
}
.price-card_content
{
    padding: var(--space-y) var(--space-x);
}
.price-card .checklist
{
    margin: -5px 0 32px 0;
}
.price-card .th-btn
{
    background-color: var(--title-color);
    box-shadow: none;
}
.price-card .th-btn:before, .price-card .th-btn:after
{
    background-color: var(--theme-color);
}
.price-card:hover .particle
{
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}
.price-card:hover .price-card_top:before, .price-card:hover .price-card_top:after
{
    opacity: 1;
    height: 120%;
    width: 120%;
    border-radius: 0;
    background-color: var(--theme-color);
}
.price-card:hover .price-card_text
{
    -webkit-border-image: -webkit-linear-gradient(right,var(--theme-color) 27%,var(--white-color) 100%);
    border-image: linear-gradient(to left,var(--theme-color) 27%,var(--white-color) 100%);
    border-image-slice: 1;
}
@media(max-width: 375px)
{
    .price-card
    {
        --space-x: 30px;
        --space-y: 30px;
    }
    .price-card_text
    {
        font-size: 14px;
    }
    .price-card_title, .price-card_price
    {
        font-size: 26px;
    }
}
@media(max-width: 350px)
{
    .price-card
    {
        --space-x: 20px;
        --space-y: 40px;
    }
}
.available-list
{
    padding-left: 30px;
}
@media(max-width: 575px)
{
    .available-list
    {
        padding: 0;
    }
}
.available-list ul
{
    padding: 0;
    margin: 0;
    list-style: none;
}
.available-list li
{
    position: relative;
    font-family: var(--body-font);
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    padding-left: 30px;
    margin-bottom: 10px;
    text-transform: capitalize;
    color: var(--body-color);
}
.available-list li:after
{
    content: "";
    font-family: var(--icon-font);
    font-weight: 600;
    color: var(--theme-color);
    font-size: 1.1em;
    position: absolute;
    top: 1px;
    left: 0;
}
.available-list li.unavailable:after
{
    content: "";
    right: 4px;
    color: var(--body-color);
    font-weight: 400;
}
.available-list li img
{
    max-width: 18px;
    margin-right: 10px;
}
.available-list li:last-child
{
    margin-bottom: 0;
}
.available-list li.unavailable
{
    font-weight: 400;
    color: var(--body-color);
}
.available-list li.unavailable img
{
    opacity: .2;
}
.price-box
{
    position: relative;
    border-radius: 15px;
    border: 1px solid #e3eefe;
    background: var(--white-color);
    padding: 50px;
    margin-top: 30px;
    -webkit-transition: .4s;
    transition: .4s;
}
@media(max-width: 991px)
{
    .price-box
    {
        padding: 40px;
    }
}
@media(max-width: 575px)
{
    .price-box
    {
        padding: 30px;
    }
}
.price-box .box-title
{
    font-weight: 600;
    letter-spacing: -.48px;
}
.price-box_text
{
    font-family: var(--title-font);
    color: var(--title-color);
    font-weight: 600;
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #d9d9d9;
}
@media(max-width: 991px)
{
    .price-box_text
    {
        font-size: 16px;
    }
}
@media(max-width: 575px)
{
    .price-box_text
    {
        font-size: 14px;
    }
}
.price-box_price
{
    font-family: var(--title-font);
    color: var(--title-color);
    font-size: 48px;
    font-weight: 700;
    letter-spacing: -.96px;
    margin-bottom: -.2rem;
}
.price-box .available-list
{
    padding: 0;
    margin-bottom: 35px;
}
.price-box .available-list li:after
{
    content: "";
    color: var(--body-color);
}
.price-box .offer-tag
{
    position: absolute;
    top: 30px;
    right: 30px;
    background-color: var(--theme-color);
    padding: 2px 15px;
    font-family: var(--title-font);
    font-weight: 600;
    font-size: 12px;
    color: var(--white-color);
    border-radius: 15px;
    text-transform: uppercase;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .4s;
    transition: .4s;
}
@media(max-width: 375px)
{
    .price-box .offer-tag
    {
        right: 10px;
    }
}
.price-box.active
{
    border: 1px solid var(--theme-color);
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
}
.price-box.active .offer-tag
{
    opacity: 1;
    visibility: visible;
}
.price-box:hover .price-box_icon img
{
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.gallery-card .gallery-img
{
    position: relative;
    z-index: 2;
    border-radius: 10px;
    overflow: hidden;
}
.gallery-card .gallery-img:before
{
    content: '';
    position: absolute;
    inset: 0;
    background-color: var(--black-color2);
    opacity: .8;
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    z-index: 1;
}
.gallery-card .gallery-img img
{
    width: 100%;
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}
.gallery-card .gallery-img .play-btn
{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%) scale(0);
    -ms-transform: translate(-50%,-50%) scale(0);
    transform: translate(-50%,-50%) scale(0);
}
.gallery-card .gallery-img .play-btn>i
{
    font-size: 24px;
}
.gallery-card:hover .gallery-img:before
{
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
}
.gallery-card:hover .gallery-img img
{
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.gallery-card:hover .gallery-img .play-btn
{
    -webkit-transform: translate(-50%,-50%) scale(1);
    -ms-transform: translate(-50%,-50%) scale(1);
    transform: translate(-50%,-50%) scale(1);
}
.project-card
{
    --space: 30px;
    position: relative;
    overflow: hidden;
    box-shadow: rgba(100,100,111,.2) 0 7px 29px 0;
}
.project-card .project-img
{
    overflow: hidden;
    border-radius: 10px;
    z-index: 2;
}
.project-card .project-img img
{
    width: 100%;
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}
.project-card .project-img:before
{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 0;
    width: 100%;
    background: -webkit-linear-gradient(top,rgba(0,0,40,0) 0%,rgba(0,0,40,.140476) 43.1%,#000028 100%);
    background: linear-gradient(to bottom,rgba(0,0,40,0) 0%,rgba(0,0,40,.140476) 43.1%,#000028 100%);
    opacity: 0;
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
    z-index: 1;
    border-radius: inherit;
}
.project-card .project-content-wrap
{
    position: absolute;
    left: var(--space);
    bottom: -30px;
    width: 100%;
    max-width: calc(100% - var(--space) * 2 - 28px);
    z-index: 3;
    opacity: 0;
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}
.project-card .project-content
{
    background-color: var(--theme-color);
    background-size: auto;
    background-position: right center;
    border-radius: 10px;
    position: relative;
    z-index: 2;
    padding: 26px 30px;
}
.project-card .box-title
{
    color: var(--white-color);
    margin-bottom: 2px;
}
.project-card .box-title a:hover
{
    color: var(--smoke-color2);
}
.project-card .project-subtitle
{
    margin-bottom: -.5em;
    color: var(--white-color);
}
.project-card .icon-btn
{
    position: absolute;
    right: -28px;
    top: calc(50% - 28px);
    background-color: var(--white-color);
    border: none;
    color: var(--theme-color);
    font-size: 24px;
}
.project-card .icon-btn:hover
{
    background-color: var(--title-color);
}
.project-card:hover .project-img img
{
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.project-card:hover .project-img:before
{
    height: 100%;
    opacity: 1;
}
.project-card:hover .project-content-wrap
{
    bottom: var(--space);
    opacity: 1;
}
@media(max-width: 375px)
{
    .project-card
    {
        --space: 15px;
    }
}
@media(max-width: 360px)
{
    .project-card .box-title
    {
        font-size: 22px;
    }
    .project-card .project-content
    {
        padding: 26px 20px;
    }
}
.project-grid
{
    background-color: var(--white-color);
    box-shadow: 0 10px 15px rgba(8,14,28,.06);
    border-radius: 10px;
}
.project-grid_img
{
    position: relative;
    z-index: 2;
    border-radius: 10px 10px 0 0;
    overflow: hidden;
}
.project-grid_img:before
{
    content: '';
    position: absolute;
    inset: 0;
    background-color: var(--black-color2);
    opacity: .8;
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    z-index: 1;
}
.project-grid_img img
{
    width: 100%;
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}
.project-grid_img .play-btn
{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%) scale(0);
    -ms-transform: translate(-50%,-50%) scale(0);
    transform: translate(-50%,-50%) scale(0);
}
.project-grid_img .play-btn>i
{
    font-size: 24px;
}
.project-grid_text
{
    margin-bottom: -.5em;
}
.project-grid_content
{
    padding: 40px;
}
.project-grid:hover .project-grid_img:before
{
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
}
.project-grid:hover .project-grid_img img
{
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.project-grid:hover .project-grid_img .play-btn
{
    -webkit-transform: translate(-50%,-50%) scale(1);
    -ms-transform: translate(-50%,-50%) scale(1);
    transform: translate(-50%,-50%) scale(1);
}
.project-box
{
    position: relative;
    overflow: hidden;
    border-radius: 10px;
}
.project-box .project-img
{
    overflow: hidden;
    border-radius: 10px 10px 0 0;
}
.project-box .project-img img
{
    width: 100%;
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}
.project-box .project-content
{
    background-color: var(--white-color);
    padding: 22px 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
}
.project-box .box-title
{
    margin-bottom: 3px;
}
.project-box .project-subtitle
{
    margin-bottom: -.5em;
    color: var(--theme-color);
}
.project-box .icon-btn
{
    background-color: var(--theme-color);
    border: none;
    color: var(--white-color);
    font-size: 24px;
    border-radius: 8px;
}
.project-box .icon-btn:hover
{
    background-color: var(--title-color);
}
.project-box:hover .project-img img
{
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
@media(max-width: 360px)
{
    .project-box .box-title
    {
        font-size: 22px;
    }
    .project-box .project-content
    {
        padding: 26px 20px;
    }
}
.project-box4
{
    position: relative;
    --space: 40px;
    border-radius: 35px;
    margin-bottom: 0;
    overflow: hidden;
}
.project-box4 .project-content
{
    position: absolute;
    left: var(--space);
    bottom: -30px;
    width: calc(100% - var(--space) * 2);
    z-index: 3;
    opacity: 0;
    overflow: hidden;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.project-box4 .box-title
{
    color: var(--white-color);
    border-bottom: 1px solid rgba(255,255,255,.2);
    margin-bottom: 15px;
    padding-bottom: 15px;
}
.project-box4 .box-title a
{
    color: inherit;
}
.project-box4 .box-title:hover
{
    color: var(--white-color);
}
.project-box4 .project-tags
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 5px;
}
.project-box4 .project-tags a
{
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -.28px;
    background-color: var(--white-color);
    color: var(--title-color);
    border-radius: 100px;
    padding: 4px 20px;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.project-box4 .project-tags a:hover
{
    background-color: var(--theme-color);
    color: var(--white-color);
}
.project-box4 .project-img
{
    overflow: hidden;
    position: relative;
    z-index: 2;
    border-radius: 30px;
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}
.project-box4 .project-img:before, .project-box4 .project-img:after
{
    content: '';
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 30px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}
.project-box4 .project-img:before
{
    background: var(--theme-color);
    mix-blend-mode: multiply;
    z-index: 4;
}
.project-box4 .project-img:after
{
    background: rgba(64,102,242,.92);
    z-index: 3;
}
.project-box4 .project-img img
{
    width: 100%;
    border-radius: 20px;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
}
.project-box4:hover .project-img img
{
    -webkit-filter: grayscale(50%);
    filter: grayscale(50%);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.project-box4:hover .project-img:before
{
    opacity: 1;
    visibility: visible;
}
.project-box4:hover .project-content
{
    bottom: var(--space);
    opacity: 1;
    visibility: visible;
}
.project-slider4
{
    margin-left: 40px;
}
@media(max-width: 1199px)
{
    .project-slider4
    {
        margin: 50px 0 0 0;
    }
}
@media(max-width: 767px)
{
    .project-btn
    {
        text-align: center;
    }
}
.project-area-5
{
    background: #1c1c25;
}
.project-card5
{
    position: relative;
    border-radius: 20px;
    border: 1px solid #2e3039;
    background-color: #1c1c25;
    padding: 20px;
    overflow: hidden;
}
.project-card5 .project-img
{
    overflow: hidden;
    border-radius: 20px;
    z-index: 2;
}
.project-card5 .project-img img
{
    width: 100%;
    border-radius: 20px;
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}
.project-card5 .project-content
{
    padding: 30px 20px 20px;
}
@media(max-width: 1299px)
{
    .project-card5 .project-content
    {
        padding: 30px 0 20px;
    }
}
.project-card5 .box-title
{
    font-size: 22px;
    color: var(--white-color);
    margin-bottom: 14px;
    letter-spacing: -.22px;
}
.project-card5_desc
{
    margin-bottom: 22px;
}
.project-card5 .line-btn
{
    font-family: var(--body-font);
}
.project-card5 .line-btn:hover
{
    color: var(--white-color);
}
.project-card5 .line-btn:hover:before
{
    background-color: var(--white-color);
}
.project-card5:hover .project-img img
{
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
@media(max-width: 360px)
{
    .project-card5 .box-title
    {
        font-size: 22px;
    }
    .project-card5 .project-content
    {
        padding: 26px 20px;
    }
}
.project-inner-box
{
    background-color: var(--smoke-color);
    border-radius: 5px;
    padding: 30px;
}
@media(max-width: 375px)
{
    .project-inner-box
    {
        padding: 20px;
    }
}
.skill-feature:not(:last-child)
{
    margin-bottom: 25px;
}
.skill-feature_title, .skill-feature .progress-value
{
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
    margin-top: -.2em;
    font-family: var(--title-font);
    color: var(--title-color);
}
.skill-feature .progress
{
    position: relative;
    height: 10px;
    background-color: var(--white-color);
    overflow: visible;
    border-radius: 100px;
}
.skill-feature .progress-bar
{
    background-color: var(--theme-color);
    height: 4px;
    margin: 3px;
    border-radius: inherit;
    position: relative;
    overflow: visible;
}
.skill-feature .progress-value
{
    position: absolute;
    top: -34px;
    right: 0;
}
.skill-feature.style2:not(:last-child)
{
    margin-bottom: 32px;
}
.skill-feature.style2 .progress
{
    background-color: var(--smoke-color2);
}
@media(min-width: 1430px)
{
    .video-box1
    {
        margin-right: -105px;
    }
}
@media(min-width: 1300px)
{
    .video-box1
    {
        margin-left: 30px;
    }
}
.video-box1
{
    position: relative;
    text-align: center;
}
.video-box1 img
{
    width: 100%;
    max-width: 650px;
}
.video-box1 .play-btn
{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.process-card
{
    position: relative;
    box-shadow: 0 10px 15px rgba(8,14,28,.06);
    border-radius: 10px;
    background-color: var(--white-color);
    text-align: center;
    padding: 30px 20px;
    max-width: 282px;
    margin-left: auto;
    margin-right: auto;
}
.process-card-area
{
    position: relative;
}
.process-card-area .process-line
{
    position: absolute;
    left: 0;
    bottom: 20px;
    width: 100%;
    text-align: center;
}
.process-card-area .position-top
{
    top: 42px;
    bottom: unset;
}
.process-card-wrap
{
    padding: 60px 0 30px 30px;
}
.process-card-wrap:has(.pulse)
{
    padding: 0 12px;
}
.process-card-wrap:has(.pulse):nth-child(even)
{
    padding-top: 60px;
}
.process-card:has(.pulse)
{
    margin-top: 52px;
}
.process-card .box-title
{
    font-weight: 600;
    margin-bottom: 14px;
}
.process-card_number, .process-card .pulse
{
    height: 60px;
    width: 60px;
    line-height: 60px;
    background-color: var(--theme-color);
    border-radius: 50%;
    text-align: center;
    position: absolute;
    top: -30px;
    left: -30px;
    z-index: 2;
    font-size: 36px;
    font-weight: 700;
    color: var(--white-color);
}
.process-card_number:after, .process-card_number:before, .process-card .pulse:after, .process-card .pulse:before
{
    content: "";
    position: absolute;
    inset: 0;
    background-color: var(--theme-color);
    z-index: -1;
    border-radius: 50%;
    -webkit-transition: all ease .4s;
    transition: all ease .4s;
}
.process-card_number:after, .process-card .pulse:after
{
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}
.process-card .pulse
{
    width: 16px;
    height: 16px;
    position: absolute;
    top: -52px;
    left: calc(50% - 8px);
}
.process-card .pulse:before, .process-card .pulse:after
{
    -webkit-animation-name: ripple2;
    animation-name: ripple2;
}
.process-card_icon
{
    margin-bottom: 24px;
}
.process-card_text
{
    margin-bottom: -.53em;
    font-size: 14px;
}
@media(max-width: 1199px)
{
    .process-card-area .process-line
    {
        display: none;
    }
    .process-card-wrap:has(.pulse):nth-child(even)
    {
        padding-top: 30px;
    }
    .process-card:has(.pulse)
    {
        margin-top: 8px;
    }
    .process-card .pulse
    {
        top: -8px;
    }
}
@media(max-width: 575px)
{
    .process-card-wrap:has(.pulse):nth-child(even)
    {
        padding-top: 0;
    }
}
.particle-1
{
    max-width: 440px;
    height: 390px;
}
.particle-2
{
    max-width: 800px;
    height: 790px;
    aspect-ratio: 16/14;
}
.particle-2.small
{
    max-width: 515px;
    height: 490px;
}
.particle-3
{
    max-width: 600px;
    height: 470px;
}
.box-particle
{
    position: absolute;
    bottom: 0;
    right: 0;
    max-width: 180px;
    height: 100px;
    z-index: -1;
}
.price-particle
{
    max-width: 190px;
    height: 165px;
}
.body-particle
{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: -1;
}
.feature-card
{
    text-align: center;
    border: 2px solid #d9e0f3;
    border-radius: 10px;
    padding: 40px 12px;
}
.feature-card .shape-icon
{
    width: 120px;
    height: 115px;
    line-height: 115px;
    margin: 0 auto 30px auto;
    -webkit-filter: drop-shadow(0 10px 30px rgba(8,14,28,.06));
    filter: drop-shadow(0 10px 30px rgba(8,14,28,.06));
}
.feature-card .shape-icon:before
{
    background-color: var(--white-color);
    -webkit-clip-path: path("M6.35418 25.7699C-3.10248 43.0115 -1.601 65.2669 8.18807 82.317C21.8699 106.149 51.9755 119.386 78.1565 111.915C104.338 104.443 123.425 76.1006 119.484 48.8163C112.307 -0.867846 31.1988 -19.5262 6.35418 25.7699Z");
    clip-path: path("M6.35418 25.7699C-3.10248 43.0115 -1.601 65.2669 8.18807 82.317C21.8699 106.149 51.9755 119.386 78.1565 111.915C104.338 104.443 123.425 76.1006 119.484 48.8163C112.307 -0.867846 31.1988 -19.5262 6.35418 25.7699Z");
}
.feature-card_text
{
    max-width: 315px;
    margin: 0 auto -.5em auto;
}
.feature-wrapper
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 25px;
}
@media(max-width: 1199px)
{
    .feature-wrapper
    {
        margin-bottom: 30px;
    }
}
.feature-wrapper.style4
{
    gap: 15px;
}
.feature-wrapper .feature-icon
{
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 50%;
    color: var(--white-color);
    font-size: 14px;
    text-align: center;
    background-color: transparent;
    border: 1px solid var(--white-color);
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}
.feature-wrapper .feature-icon:hover
{
    background-color: var(--white-color);
}
.feature-wrapper .feature-icon:hover i
{
    color: var(--theme-color);
}
.feature-wrapper .feature-icon i
{
    color: var(--white-color);
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}
.feature-wrapper .header-info_link
{
    font-family: var(--title-font);
    font-size: 18px;
    font-weight: 600;
    color: var(--white-color);
    margin-bottom: -.3rem;
}
.feature-wrapper .header-info_link a
{
    color: inherit;
}
.feature-wrapper .header-info_label
{
    font-family: var(--title-font);
    font-size: 16px;
    font-weight: 500;
    color: var(--white-color);
    margin-bottom: 0;
}
.feature-wrapper.style3
{
    margin-bottom: 60px;
}
.feature-wrapper.style3 .feature-icon
{
    width: 75px;
    height: 75px;
    line-height: 75px;
    background-color: #1e2127;
    border: 1px solid rgba(255,255,255,.1);
}
.feature-wrapper.style3 .feature-icon:hover
{
    background-color: var(--theme-color);
}
.feature-wrapper.style3 .header-info_label
{
    font-size: 16px;
    font-family: var(--body-font);
    color: var(--body-color);
    font-weight: 500;
    letter-spacing: -.32px;
}
.feature-wrapper.style3 .header-info_link
{
    font-family: var(--body-font);
    font-size: 24px;
    font-weight: 600;
    line-height: 30px;
    letter-spacing: -.48px;
}
.choose-feature
{
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 35px;
    max-width: 410px;
}
@media(max-width: 1199px)
{
    .choose-feature
    {
        gap: 25px;
    }
}
@media(max-width: 767px)
{
    .choose-feature
    {
        display: block;
        max-width: 100%;
        margin: auto;
    }
}
.choose-feature .box-icon
{
    position: relative;
    z-index: 2;
    min-width: 50px;
}
.choose-feature .box-icon:before
{
    content: "";
    position: absolute;
    top: 5px;
    left: 0;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background-color: #e8ecf6;
    border-radius: 999px;
    z-index: -1;
}
@media(max-width: 767px)
{
    .choose-feature .box-icon:before
    {
        top: 15px;
        left: 50%;
    }
}
.choose-feature .box-icon img
{
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    margin-left: 10px;
}
.choose-feature .box-title
{
    margin-bottom: 7px;
    font-size: 20px;
    font-weight: 700;
}
.choose-feature_text
{
    margin-bottom: -.3rem;
}
.choose-feature:hover .box-icon img
{
    -webkit-transform: scale(-1) rotate(180deg);
    -ms-transform: scale(-1) rotate(180deg);
    transform: scale(-1) rotate(180deg);
}
@media(max-width: 767px)
{
    .choose-feature
    {
        text-align: center;
        padding: 0 20px;
    }
    .choose-feature .box-icon
    {
        position: static;
        margin: 0 auto 20px auto;
        padding-top: 0;
        padding-left: 0;
    }
}
@media(max-width: 575px)
{
    .choose-feature
    {
        max-width: 100%;
        width: 100%;
    }
    .choose-feature .box-text
    {
        max-width: 250px;
        margin-left: auto;
        margin-right: auto;
    }
}
.color-scheme-wrap
{
    position: fixed;
    right: 0;
    top: 50%;
    z-index: 99;
    background: var(--white-color);
    border-radius: 10px 0 0 10px;
    display: inline-block;
    text-align: center;
    -webkit-transition: .4s;
    transition: .4s;
    box-shadow: 0 0 4px 0 rgba(51,51,51,.2);
}
.color-scheme-wrap .switchIcon
{
    position: absolute;
    left: 0;
    top: 10px;
    border: 0;
    background: #25d366;
    color: var(--white-color);
    height: 45px;
    width: 45px;
    border-radius: 5px 0 0 5px;
    -webkit-transform: translate(-100%,0);
    -ms-transform: translate(-100%,0);
    transform: translate(-100%,0);
    font-size: 20px;
}
.color-scheme-wrap1
{
    position: fixed;
    right: 0;
    top: 58%;
    z-index: 99;
    background: var(--white-color);
    border-radius: 10px 0 0 10px;
    display: inline-block;
    text-align: center;
    -webkit-transition: .4s;
    transition: .4s;
    box-shadow: 0 0 4px 0 rgba(51,51,51,.2);
}
.color-scheme-wrap1 .switchIcon
{
    position: absolute;
    left: 0;
    top: 10px;
    border: 0;
    background: var(--theme-color);
    color: var(--white-color);
    height: 45px;
    width: 45px;
    border-radius: 5px 0 0 5px;
    -webkit-transform: translate(-100%,0);
    -ms-transform: translate(-100%,0);
    transform: translate(-100%,0);
    font-size: 20px;
}
.color-scheme-wrap .switchIcon
{
    position: absolute;
    left: 0;
    top: 10px;
    border: 0;
    background: var(--theme-color);
    color: var(--white-color);
    height: 45px;
    width: 45px;
    border-radius: 5px 0 0 5px;
    -webkit-transform: translate(-100%,0);
    -ms-transform: translate(-100%,0);
    transform: translate(-100%,0);
    font-size: 26px;
}
.color-scheme-wrap .color-scheme-wrap-title
{
    font-size: 22px;
    border-bottom: 1px solid var(--th-border-color);
    padding-bottom: 6px;
    color: var(--title-color);
    margin-bottom: 30px;
}
.color-scheme-wrap .color-scheme-wrap-title i
{
    font-size: 18px;
    margin-right: 3px;
}
.color-scheme-wrap .color-switch-btns
{
    display: grid;
    grid-template-columns: repeat(5,1fr);
    gap: 18px;
    margin-bottom: 25px;
}
.color-scheme-wrap .color-switch-btns button
{
    padding: 0;
    border: 0;
    background: transparent;
    font-size: 34px;
    color: var(--theme-color);
    text-align: left;
}
.color-scheme-wrap.active
{
    -webkit-transform: translate(100%,0);
    -ms-transform: translate(100%,0);
    transform: translate(100%,0);
}
.px-5
{
    padding-right: 5px;
    padding-left: 5px;
}
.px-10
{
    padding-right: 10px;
    padding-left: 10px;
}
.px-15
{
    padding-right: 15px;
    padding-left: 15px;
}
.px-20
{
    padding-right: 20px;
    padding-left: 20px;
}
.px-25
{
    padding-right: 25px;
    padding-left: 25px;
}
.px-30
{
    padding-right: 30px;
    padding-left: 30px;
}
.px-35
{
    padding-right: 35px;
    padding-left: 35px;
}
.px-40
{
    padding-right: 40px;
    padding-left: 40px;
}
.px-45
{
    padding-right: 45px;
    padding-left: 45px;
}
.px-50
{
    padding-right: 50px;
    padding-left: 50px;
}
.py-5
{
    padding-top: 5px;
    padding-bottom: 5px;
}
.py-10
{
    padding-top: 10px;
    padding-bottom: 10px;
}
.py-15
{
    padding-top: 15px;
    padding-bottom: 15px;
}
.py-20
{
    padding-top: 20px;
    padding-bottom: 20px;
}
.py-25
{
    padding-top: 25px;
    padding-bottom: 25px;
}
.py-30
{
    padding-top: 30px;
    padding-bottom: 30px;
}
.py-35
{
    padding-top: 35px;
    padding-bottom: 35px;
}
.py-40
{
    padding-top: 40px;
    padding-bottom: 40px;
}
.py-45
{
    padding-top: 45px;
    padding-bottom: 45px;
}
.py-50
{
    padding-top: 50px;
    padding-bottom: 50px;
}
.pt-5
{
    padding-top: 5px;
}
.pt-10
{
    padding-top: 10px;
}
.pt-15
{
    padding-top: 15px;
}
.pt-20
{
    padding-top: 20px;
}
.pt-25
{
    padding-top: 25px;
}
.pt-30
{
    padding-top: 30px;
}
.pt-35
{
    padding-top: 35px;
}
.pt-40
{
    padding-top: 40px;
}
.pt-45
{
    padding-top: 45px;
}
.pt-50
{
    padding-top: 50px;
}
.pb-5
{
    padding-bottom: 5px;
}
.pb-10
{
    padding-bottom: 10px;
}
.pb-15
{
    padding-bottom: 15px;
}
.pb-20
{
    padding-bottom: 20px;
}
.pb-25
{
    padding-bottom: 25px;
}
.pb-30
{
    padding-bottom: 30px;
}
.pb-35
{
    padding-bottom: 35px;
}
.pb-40
{
    padding-bottom: 40px;
}
.pb-45
{
    padding-bottom: 45px;
}
.pb-50
{
    padding-bottom: 50px;
}
.pl-5
{
    padding-left: 5px;
}
.pl-10
{
    padding-left: 10px;
}
.pl-15
{
    padding-left: 15px;
}
.pl-20
{
    padding-left: 20px;
}
.pl-25
{
    padding-left: 25px;
}
.pl-30
{
    padding-left: 30px;
}
.pl-35
{
    padding-left: 35px;
}
.pl-40
{
    padding-left: 40px;
}
.pl-45
{
    padding-left: 45px;
}
.pl-50
{
    padding-left: 50px;
}
.pr-5
{
    padding-right: 5px;
}
.pr-10
{
    padding-right: 10px;
}
.pr-15
{
    padding-right: 15px;
}
.pr-20
{
    padding-right: 20px;
}
.pr-25
{
    padding-right: 25px;
}
.pr-30
{
    padding-right: 30px;
}
.pr-35
{
    padding-right: 35px;
}
.pr-40
{
    padding-right: 40px;
}
.pr-45
{
    padding-right: 45px;
}
.pr-50
{
    padding-right: 50px;
}
.pb-60
{
    padding-bottom: 60px;
}
.mx-5
{
    margin-right: 5px;
    margin-left: 5px;
}
.mx-10
{
    margin-right: 10px;
    margin-left: 10px;
}
.mx-15
{
    margin-right: 15px;
    margin-left: 15px;
}
.mx-20
{
    margin-right: 20px;
    margin-left: 20px;
}
.mx-25
{
    margin-right: 25px;
    margin-left: 25px;
}
.mx-30
{
    margin-right: 30px;
    margin-left: 30px;
}
.mx-35
{
    margin-right: 35px;
    margin-left: 35px;
}
.mx-40
{
    margin-right: 40px;
    margin-left: 40px;
}
.mx-45
{
    margin-right: 45px;
    margin-left: 45px;
}
.mx-50
{
    margin-right: 50px;
    margin-left: 50px;
}
.my-5
{
    margin-top: 5px;
    margin-bottom: 5px;
}
.my-10
{
    margin-top: 10px;
    margin-bottom: 10px;
}
.my-15
{
    margin-top: 15px;
    margin-bottom: 15px;
}
.my-20
{
    margin-top: 20px;
    margin-bottom: 20px;
}
.my-25
{
    margin-top: 25px;
    margin-bottom: 25px;
}
.my-30
{
    margin-top: 30px;
    margin-bottom: 30px;
}
.my-35
{
    margin-top: 35px;
    margin-bottom: 35px;
}
.my-40
{
    margin-top: 40px;
    margin-bottom: 40px;
}
.my-45
{
    margin-top: 45px;
    margin-bottom: 45px;
}
.my-50
{
    margin-top: 50px;
    margin-bottom: 50px;
}
.mt-5
{
    margin-top: 5px;
}
.mt-10
{
    margin-top: 10px;
}
.mt-15
{
    margin-top: 15px;
}
.mt-20
{
    margin-top: 20px;
}
.mt-25
{
    margin-top: 25px;
}
.mt-30
{
    margin-top: 30px;
}
.mt-35
{
    margin-top: 35px;
}
.mt-40
{
    margin-top: 40px;
}
.mt-45
{
    margin-top: 45px;
}
.mt-50
{
    margin-top: 50px;
}
.mb-5
{
    margin-bottom: 5px;
}
.mb-10
{
    margin-bottom: 10px;
}
.mb-15
{
    margin-bottom: 15px;
}
.mb-20
{
    margin-bottom: 20px;
}
.mb-25
{
    margin-bottom: 25px;
}
.mb-30
{
    margin-bottom: 30px;
}
.mb-35
{
    margin-bottom: 35px;
}
.mb-40
{
    margin-bottom: 40px;
}
.mb-45
{
    margin-bottom: 45px;
}
.mb-50
{
    margin-bottom: 50px;
}
.ml-5
{
    margin-left: 5px;
}
.ml-10
{
    margin-left: 10px;
}
.ml-15
{
    margin-left: 15px;
}
.ml-20
{
    margin-left: 20px;
}
.ml-25
{
    margin-left: 25px;
}
.ml-30
{
    margin-left: 30px;
}
.ml-35
{
    margin-left: 35px;
}
.ml-40
{
    margin-left: 40px;
}
.ml-45
{
    margin-left: 45px;
}
.ml-50
{
    margin-left: 50px;
}
.mr-5
{
    margin-right: 5px;
}
.mr-10
{
    margin-right: 10px;
}
.mr-15
{
    margin-right: 15px;
}
.mr-20
{
    margin-right: 20px;
}
.mr-25
{
    margin-right: 25px;
}
.mr-30
{
    margin-right: 30px;
}
.mr-35
{
    margin-right: 35px;
}
.mr-40
{
    margin-right: 40px;
}
.mr-45
{
    margin-right: 45px;
}
.mr-50
{
    margin-right: 50px;
}
.mb-60
{
    margin-bottom: 60px;
}
.mt-n1
{
    margin-top: -.25rem;
}
.mt-n2
{
    margin-top: -.6rem;
}
.mt-n3
{
    margin-top: -.8rem;
}
.mt-n4
{
    margin-top: -1.5rem;
}
.mt-n5
{
    margin-top: -3rem;
}
.mb-n1
{
    margin-bottom: -.25rem;
}
.mb-n2
{
    margin-bottom: -.6rem;
}
.mb-n3
{
    margin-bottom: -.8rem;
}
.mb-n4
{
    margin-bottom: -1.5rem;
}
.mb-n5
{
    margin-bottom: -3rem;
}
.space, .space-top
{
    padding-top: 40px;
}
.space, .space-bottom
{
    padding-bottom: 40px;
}
.space-extra, .space-extra-top
{
    padding-top: calc(var(--section-space) - 30px);
}
.space-extra, .space-extra-bottom
{
    padding-bottom: calc(var(--section-space) - 30px);
}
.space-extra2, .space-extra2-top
{
    padding-top: calc(var(--section-space) - 40px);
}
.space-extra2, .space-extra2-bottom
{
    padding-bottom: calc(var(--section-space) - 40px);
}
@media(max-width: 991px)
{
    .space, .space-top
    {
     }
    .space, .space-bottom
    {
     }
    .space-extra, .space-extra-top
    {
        padding-top: calc(var(--section-space-mobile) - 30px);
    }
    .space-extra, .space-extra-bottom
    {
        padding-bottom: calc(var(--section-space-mobile) - 30px);
    }
    .space-top-md-none
    {
        padding-top: 0;
    }
    .space-extra2, .space-extra2-top
    {
        padding-top: 70px;
    }
    .space-extra2, .space-extra2-bottom
    {
        padding-bottom: 70px;
    }
}
.brand-box img
{
    background-color: #fff;
    border-radius: 10px;
    padding: 10px;
    height: 115px;
    object-fit: contain;
    width: 100%;
}
#chat-widget-container
{
    bottom: 0!important;
}
.timeline
{
    list-style: none;
    padding: 20px 0 20px;
    position: relative;
}
.timeline:before
{
    top: 0;
    bottom: 0;
    position: absolute;
    content: "";
    width: 3px;
    background-color: #d9d9d9;
    margin-left: -1.5px;
    left: 20px;
}
@media(min-width: 576px)
{
    .timeline:before
    {
        left: 50%;
    }
}
.timeline>li
{
    margin-bottom: 20px;
    position: relative;
    padding-left: 55px;
}
.timeline>li:after, .timeline>li:after
{
    content: "";
    display: table;
    clear: both;
}
.timeline>li .panel
{
    width: 100%;
    float: left;
    border-radius: 3px;
    overflow: hidden;
    position: relative;
    background: #fff;
    box-shadow: 1px 2px 80px 0 rgba(0,0,0,.1);
}
.timeline>li .panel summary
{
    display: block;
    user-select: none;
    outline: none;
    padding: 20px;
    margin-bottom: 0;
    transition: all 600ms cubic-bezier(.23,1,.32,1);
    transition-property: margin,background;
    font-weight: 600;
}
.timeline>li .panel summary::-webkit-details-marker
{
    display: none;
}
.timeline>li .panel summary:hover
{
    background: rgba(0,0,0,.1);
}
.timeline>li .panel p
{
    padding: 0 20px 10px;
}
.timeline>li .panel[open] summary
{
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(0,0,0,.1);
}
@media(min-width: 576px)
{
    .timeline>li
    {
        padding-left: 0;
    }
    .timeline>li .panel
    {
        width: 50%;
    }
    .timeline>li:not(:nth-child(even))
    {
        padding-right: 90px;
    }
    .timeline>li:nth-child(even)
    {
        padding-left: 90px;
    }
    .timeline>li:nth-child(even)>:nth-child(even)
    {
        float: right;
    }
}
.timeline>li>.icon
{
    color: #d9d9d9;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 2.5em;
    text-align: center;
    position: absolute;
    left: 20px;
    margin-left: -25px;
    background-color: #fafafa;
    border-radius: 50%;
    font-family: Font Awesome\5 Free;
}
@media(min-width: 576px)
{
    .timeline>li>.icon
    {
        left: 50%;
    }
}
.timeline>li>.icon.done
{
    color: #004aad;
}
.timeline>li>.icon.working
{
    color: #eeba4c;
}
.timeline>li>.icon.done
{
    color: #004aad;
}
@media(min-width: 576px)
{
    .timeline>li>.icon
    {
        left: 50%;
    }
}
.who-we-are img
{
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    box-shadow: rgba(100,100,111,.2) 0 7px 29px 0;
}
.career-left
{
    box-shadow: rgba(100,100,111,.2) 0 7px 29px 0;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.career-left img
{
    width: 120px;
    height: 120px;
    object-fit: contain;
    border-radius: 10px 10px 10px 10px;
}
.dark-light svg
{
    margin-right: 8px;
    width: 22px;
    cursor: pointer;
    fill: transparent;
    transition: .5s;
}
.dark-mode .dark-light svg
{
    fill: #ffce45;
    stroke: #ffce45;
}
.dark-mode .job-card svg
{
    box-shadow: none;
}
.dark-mode .search.item
{
    color: var(--body-color);
    border-color: var(--body-color);
}
.dark-mode .search-location svg, .dark-mode .search-job svg, .dark-mode .search-salary svg
{
    color: var(--body-color);
}
.dark-mode .detail-button
{
    background-color: var(--inactive-color);
    color: var(--subtitle-color);
}
.job
{
    display: flex;
    flex-direction: column;
    max-width: 1400px;
    height: 100vh;
    margin: 0 auto;
    overflow: hidden;
    background-color: var(--theme-bg-color);
}
.logo
{
    display: flex;
    align-items: center;
    font-weight: 600;
    font-size: 18px;
    cursor: pointer;
}
.logo svg
{
    width: 24px;
    margin-right: 12px;
}
.header
{
    display: flex;
    align-items: center;
    transition: box-shadow .3s;
    flex-shrink: 0;
    padding: 0 40px;
    white-space: nowrap;
    background-color: var(--header-bg-color);
    height: 60px;
    width: 100%;
    font-size: 14px;
    justify-content: space-between;
}
.header-menu a
{
    text-decoration: none;
    color: var(--body-color);
    font-weight: 500;
}
.header-menu a:hover
{
    color: var(--active-color);
}
.header-menu a:not(:first-child)
{
    margin-left: 30px;
}
.header-menu a.active
{
    color: var(--active-color);
}
.user-settings
{
    display: flex;
    align-items: center;
    font-weight: 500;
}
.user-settings svg
{
    width: 20px;
    color: #94949f;
}
.user-menu
{
    position: relative;
    margin-right: 8px;
    padding-right: 8px;
    border-right: 2px solid #d6d6db;
}
.user-menu:before
{
    position: absolute;
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 50%;
    border: 2px solid var(--header-bg-color);
    right: 6px;
    top: -1px;
    background-color: var(--active-color);
}
.user-profile
{
    width: 32px;
    height: 32px;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    margin-right: 10px;
}
.wrapper
{
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    scroll-behavior: smooth;
    padding: 30px 40px;
    overflow: auto;
}
.search-menu
{
    height: 56px;
    white-space: nowrap;
    display: flex;
    flex-shrink: 0;
    align-items: center;
    background-color: var(--header-bg-color);
    border-radius: 8px;
    width: 100%;
    padding-left: 20px;
}
.search-menu div:not(:last-of-type)
{
    border-right: 1px solid var(--search-border-color);
}
.search-bar
{
    height: 55px;
    width: 100%;
    position: relative;
}
.search-bar input
{
    width: 100%;
    height: 100%;
    display: block;
    background-color: transparent;
    border: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56.966 56.966' fill='%230162ff'%3e%3cpath d='M55.146 51.887L41.588 37.786A22.926 22.926 0 0046.984 23c0-12.682-10.318-23-23-23s-23 10.318-23 23 10.318 23 23 23c4.761 0 9.298-1.436 13.177-4.162l13.661 14.208c.571.593 1.339.92 2.162.92.779 0 1.518-.297 2.079-.837a3.004 3.004 0 00.083-4.242zM23.984 6c9.374 0 17 7.626 17 17s-7.626 17-17 17-17-7.626-17-17 7.626-17 17-17z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: 14px;
    background-position: 0 50%;
    padding: 0 25px 0 305px;
}
.search-location, .search-job, .search-salary
{
    display: flex;
    align-items: center;
    width: 50%;
    font-size: 14px;
    font-weight: 500;
    padding: 0 25px;
    height: 100%;
}
.search-location input, .search-job input, .search-salary input
{
    width: 100%;
    height: 100%;
    display: block;
    background-color: transparent;
    border: none;
}
.search-location svg, .search-job svg, .search-salary svg
{
    margin-right: 8px;
    width: 18px;
    color: var(--active-color);
    flex-shrink: 0;
}
.search-button
{
    background-color: var(--active-color);
    height: 55px;
    border: none;
    font-weight: 600;
    font-size: 14px;
    padding: 0 15px;
    border-radius: 0 8px 8px 0;
    color: var(--button-color);
    cursor: pointer;
    margin-left: auto;
}
.search.item
{
    position: absolute;
    top: 10px;
    left: 25px;
    font-size: 13px;
    color: var(--active-color);
    border: 1px solid var(--search-border-color);
    padding: 8px 10px;
    border-radius: 8px;
    display: flex;
    align-items: center;
}
.search.item svg
{
    width: 12px;
    margin-left: 5px;
}
.search.item:last-child
{
    left: 185px;
}
.main-container
{
    display: flex;
    flex-grow: 1;
    padding-top: 30px;
}
.search-type
{
    width: 270px;
    display: flex;
    flex-direction: column;
    height: 100%;
    flex-shrink: 0;
}
.alert
{
    background-color: var(--alert-bg-color);
    padding: 24px 18px;
    border-radius: 8px;
}
.alert-title
{
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 8px;
}
.alert-subtitle
{
    font-size: 13px;
    color: var(--subtitle-color);
    line-height: 1.6em;
    margin-bottom: 20px;
}
.alert input
{
    width: 100%;
    padding: 10px;
    display: block;
    border-radius: 6px;
    background-color: var(--header-bg-color);
    border: none;
    font-size: 13px;
}
.search-buttons
{
    border: none;
    color: var(--button-color);
    background-color: var(--active-color);
    padding: 8px 10px;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 600;
    margin-top: 14px;
}
.job-wrapper
{
    padding-top: 20px;
}
.job-time
{
    padding-top: 20px;
}
.job-time-title
{
    font-size: 14px;
    font-weight: 500;
}
.type-container
{
    display: flex;
    align-items: center;
    color: var(--subtitle-color);
    font-size: 13px;
}
.type-container label
{
    margin-left: 2px;
    display: flex;
    align-items: center;
    cursor: pointer;
}
.type-container+.type-container
{
    margin-top: 10px;
}
.job-number
{
    margin-left: auto;
    background-color: var(--inactive-color);
    color: var(--subtitle-color);
    font-size: 10px;
    font-weight: 500;
    padding: 5px;
    border-radius: 4px;
}
.job-style
{
    display: none;
}
.job-style+label:before
{
    content: "";
    margin-right: 10px;
    width: 16px;
    height: 16px;
    border: 1px solid var(--subtitle-color);
    border-radius: 4px;
    cursor: pointer;
}
.job-style:checked+label:before
{
    background-color: var(--active-color);
    border-color: var(--active-color);
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' class='feather feather-check'%3e%3cpath d='M20 6L9 17l-5-5'/%3e%3c/svg%3e");
    background-position: 50%;
    background-size: 14px;
    background-repeat: no-repeat;
}
.job-style:checked+label+span
{
    background-color: var(--active-light-color);
    color: var(--active-color);
}
.searched-jobs
{
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    padding-left: 40px;
}
@-webkit-keyframes slideY
{
    0%
    {
        opacity: 0;
        transform: translateY(200px);
    }
}
@keyframes slideY
{
    0%
    {
        opacity: 0;
        transform: translateY(200px);
    }
}
.searched-bar
{
    display: flex;
    align-items: center;
    justify-content: space-between;
    -webkit-animation: slideY .6s both;
    animation: slideY .6s both;
}
.searched-show
{
    font-size: 19px;
    font-weight: 600;
}
.searched-sort
{
    font-size: 14px;
    color: var(--subtitle-color);
}
.searched-sort .post-time
{
    font-weight: 600;
    color: var(--subtitle-color);
}
.searched-sort .menu-icon
{
    font-size: 9px;
    color: var(--placeholder-color);
    margin-left: 6px;
}
.job-cards
{
    padding-top: 20px;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    -webkit-animation: slideY .6s both;
    animation: slideY .6s both;
}
@media screen and (max-width: 1212px)
{
    .job-cards
    {
        grid-template-columns: repeat(2,1fr);
    }
}
@media screen and (max-width: 930px)
{
    .job-cards
    {
        grid-template-columns: repeat(1,1fr);
    }
}
.job-card
{
    padding: 20px 16px;
    background-color: var(--header-bg-color);
    border-radius: 8px;
    cursor: pointer;
    transition: .2s;
    box-shadow: rgba(50,50,93,.25) 0 50px 100px -20px,rgba(0,0,0,.3) 0 30px 60px -30px;
}
.job-card:hover
{
    transform: scale(1.02);
}
.job-card svg
{
    width: 46px;
    padding: 10px;
    border-radius: 8px;
}
.job-card-title
{
    font-weight: 600;
    margin-top: 16px;
    font-size: 14px;
}
.job-card-subtitle
{
    color: var(--subtitle-color);
    font-size: 13px;
    margin-top: 14px;
    line-height: 1.6em;
}
.job-card-header
{
    display: flex;
    align-items: flex-start;
}
.overview-card:hover
{
    background: #2b2ecf;
    transition: none;
    transform: scale(1);
}
.overview-card:hover svg
{
    box-shadow: none;
}
.overview-card:hover .job-overview-buttons .search-buttons.time-button, .overview-card:hover .job-overview-buttons .search-buttons.level-button
{
    background-color: #575ad8;
    color: #fff;
}
.overview-card:hover .job-card-title, .overview-card:hover .job-stat
{
    color: #fff;
}
.overview-card:hover .job-card-subtitle, .overview-card:hover .job-day
{
    color: #dedede;
}
.overview-card:hover .overview-wrapper .heart
{
    color: #fff;
    border-color: #fff;
}
.overview-card:hover .overview-wrapper .heart:hover
{
    fill: red;
    stroke: red;
    transform: scale(1.1);
}
.detail-button
{
    background-color: var(--active-light-color);
    color: var(--active-color);
    font-size: 11px;
    font-weight: 500;
    padding: 6px 8px;
    border-radius: 4px;
}
.detail-button+.detail-button
{
    margin-left: 4px;
}
.job-card-buttons
{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-top: 4px;
}
.card-buttons, .card-buttons-msg
{
    padding: 10px;
    width: 100%;
    font-size: 12px;
    cursor: pointer;
}
.card-buttons
{
    margin-right: 12px;
}
.card-buttons-msg
{
    background-color: var(--inactive-color);
    color: var(--subtitle-color);
}
.menu-dot
{
    background-color: var(--placeholder-color);
    box-shadow: -6px 0 0 0 var(--placeholder-color),6px 0 0 0 var(--placeholder-color);
    width: 4px;
    height: 4px;
    border: 0;
    padding: 0;
    border-radius: 50%;
    margin-left: auto;
    margin-right: 8px;
}
.header-shadow
{
    box-shadow: 0 4px 20px rgba(88,99,148,.17);
    z-index: 1;
}
@-webkit-keyframes slide
{
    0%
    {
        opacity: 0;
        transform: translateX(300px);
    }
}
@keyframes slide
{
    0%
    {
        opacity: 0;
        transform: translateX(300px);
    }
}
.job-overview
{
    display: flex;
    flex-grow: 1;
    display: none;
    -webkit-animation: slide .6s both;
    animation: slide .6s both;
}
.job-overview-cards
{
    display: flex;
    flex-direction: column;
    width: 330px;
    height: 100%;
    flex-shrink: 0;
}
.job-overview-card+.job-overview-card
{
    margin-top: 20px;
}
.job-overview-buttons
{
    display: flex;
    align-items: center;
    margin-top: 12px;
}
.job-overview-buttons .search-buttons
{
    background-color: var(--inactive-color);
    font-size: 11px;
    padding: 6px 8px;
    margin-top: 0;
    font-weight: 500;
}
.job-overview-buttons .search-buttons.time-button
{
    color: var(--time-button);
    margin-right: 8px;
}
.job-overview-buttons .search-buttons.level-button
{
    color: var(--level-button);
}
.job-overview-buttons .job-stat
{
    color: var(--active-color);
    font-size: 12px;
    font-weight: 500;
    margin-left: auto;
}
.job-overview-buttons .job-day
{
    color: var(--subtitle-color);
    font-size: 12px;
    margin-left: 8px;
    font-weight: 500;
}
.job-overview .overview-wrapper
{
    display: flex;
    align-items: center;
}
.job-overview .overview-wrapper svg:first-child
{
    width: 42px;
    margin-right: 10px;
}
.job-overview .overview-wrapper .heart
{
    background: none;
    box-shadow: none;
    width: 24px;
    padding: 4px;
    color: var(--subtitle-color);
    border: 1px solid var(--border-color);
    margin-left: auto;
    margin-bottom: auto;
}
.overview-detail .job-card-title, .overview-detail .job-card-subtitle
{
    margin-top: 4px;
}
.overview-detail .job-card-subtitle
{
    font-size: 12px;
    font-weight: 500;
}
.job-explain
{
    background-color: var(--header-bg-color);
    margin-left: 40px;
    border-radius: 0 0 8px 8px;
}
.job-bg
{
    border-radius: 8px 8px 0 0;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 180px;
    transition: .3s;
    position: relative;
}
.job-logos
{
    margin-top: -30px;
    position: relative;
    margin-bottom: -36px;
    padding: 0 20px;
}
.job-logos svg
{
    width: 66px;
    padding: 12px;
    background-color: #fff;
    border-radius: 10px;
    border: 4px solid var(--header-bg-color);
}
.job-title-wrapper
{
    display: flex;
    align-items: center;
}
.job-title-wrapper .job-card-title
{
    font-size: 20px;
    margin-top: 0;
    font-weight: 600;
}
.job-action
{
    display: flex;
    align-items: center;
    margin-left: auto;
}
.job-action svg
{
    width: 32px;
    border: 1px solid var(--border-color);
    color: var(--subtitle-color);
    border-radius: 8px;
    padding: 6px;
}
.job-action svg+svg
{
    margin-left: 12px;
}
.job-explain-content
{
    padding: 50px 25px 30px;
}
.job-subtitle-wrapper
{
    display: flex;
    align-items: center;
    margin-top: 20px;
}
.job-subtitle-wrapper .posted
{
    margin-left: auto;
}
.job-subtitle-wrapper .company-name
{
    color: var(--active-color);
    font-weight: 600;
    font-size: 14px;
}
.job-subtitle-wrapper .comp-location, .job-subtitle-wrapper .posted
{
    color: var(--subtitle-color);
    font-size: 12px;
    font-weight: 500;
}
.job-subtitle-wrapper .comp-location
{
    position: relative;
    margin-left: 10px;
}
.job-subtitle-wrapper .comp-location:before
{
    content: "";
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: var(--placeholder-color);
    top: 49%;
    left: -8px;
    position: absolute;
}
.job-subtitle-wrapper .app-number
{
    color: var(--body-color);
    position: relative;
    margin-left: 12px;
}
.job-subtitle-wrapper .app-number:before
{
    content: "";
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: var(--placeholder-color);
    top: 50%;
    left: -7px;
    position: absolute;
}
.explain-bar
{
    margin-top: 20px;
    border: 1px solid var(--border-color);
    border-radius: 8px;
    display: flex;
    height: 66px;
    padding: 0 16px;
    align-items: center;
    justify-content: space-between;
}
.explain-title
{
    color: var(--subtitle-color);
    font-size: 12px;
    line-height: 40px;
    white-space: nowrap;
}
.explain-subtitle
{
    font-size: 13px;
    font-weight: 500;
    margin-top: -2px;
    white-space: nowrap;
}
.explain-contents
{
    height: 66px;
}
.explain-contents+.explain-contents
{
    border-left: 1px solid var(--border-color);
    padding-left: 16px;
}
.overview-text
{
    margin-top: 30px;
}
.overview-text-header
{
    font-weight: 600;
    margin-bottom: 25px;
}
.overview-text-subheader
{
    font-size: 13px;
    line-height: 2em;
}
.overview-text-item
{
    font-size: 13px;
    position: relative;
    display: flex;
}
.overview-text-item+.overview-text-item
{
    margin-top: 20px;
}
.overview-text-item:before
{
    content: "";
    border: 2px solid #61bcff;
    border-radius: 50%;
    height: 8px;
    width: 8px;
    margin-right: 8px;
    flex-shrink: 0;
}
.detail-page .job-overview
{
    display: flex;
}
.detail-page .job-cards, .detail-page .searched-bar
{
    display: none;
}
@media screen and (max-width: 1300px)
{
    .detail-page .search-type
    {
        display: none;
    }
    .detail-page .searched-jobs
    {
        padding-left: 0;
    }
}
@media screen and (max-width: 990px)
{
    .explain-contents, .explain-bar
    {
        height: auto;
    }
    .explain-bar
    {
        flex-wrap: wrap;
        padding-bottom: 14px;
    }
    .explain-contents
    {
        width: 50%;
    }
    .explain-contents+.explain-contents
    {
        padding: 0;
        border: 0;
    }
    .explain-contents:nth-child(2)~.explain-contents
    {
        margin-top: 16px;
        border-top: 1px solid var(--border-color);
    }
    .job-subtitle-wrapper
    {
        flex-direction: column;
        align-items: flex-start;
    }
    .job-subtitle-wrapper .posted
    {
        margin-left: 0;
        margin-top: 6px;
    }
}
@media screen and (max-width: 930px)
{
    .search-job, .search-salary
    {
        display: none;
    }
    .search-bar
    {
        width: auto;
    }
}
@media screen and (max-width: 760px)
{
    .detail-page .job-overview-cards
    {
        display: none;
    }
    .user-name
    {
        display: none;
    }
    .user-profile
    {
        margin-right: 0;
    }
    .job-explain
    {
        margin-left: 0;
    }
}
@media screen and (max-width: 730px)
{
    .search-type
    {
        display: none;
    }
    .searched-jobs
    {
        padding-left: 0;
    }
    .search-menu div:not(:last-of-type)
    {
        border: 0;
    }
    .job-cards
    {
        grid-template-columns: repeat(2,1fr);
    }
    .search-location
    {
        display: none;
    }
}
@media screen and (max-width: 620px)
{
    .job-cards
    {
        grid-template-columns: repeat(1,1fr);
    }
    .header-menu a:not(:first-child)
    {
        margin-left: 10px;
    }
}
@media screen and (max-width: 590px)
{
    .header-menu
    {
        display: none;
    }
}
@media screen and (max-width: 520px)
{
    .search.item
    {
        display: none;
    }
    .search-bar
    {
        flex-grow: 1;
    }
    .search-bar input
    {
        padding: 0 0 0 30px;
    }
    .search-button
    {
        margin-left: 16px;
    }
    .searched-bar
    {
        flex-direction: column;
        align-items: flex-start;
    }
    .searched-sort
    {
        margin-top: 5px;
    }
    .main-container
    {
        padding-top: 20px;
    }
}
@media screen and (max-width: 380px)
{
    .explain-contents
    {
        width: 100%;
        margin: 0;
    }
    .explain-contents:nth-child(2)~.explain-contents
    {
        margin: 0;
        border: 0;
    }
    .wrapper
    {
        padding: 20px;
    }
    .header
    {
        padding: 0 20px;
    }
}
.search-buttons
{
    background-color: #004aad;
    color: #fff;
}
.card1
{
    box-shadow: rgba(100,100,111,.2) 0 7px 29px 0;
    border-radius: 10px;
}
.heading
{
    display: flex;
    width: 200px;
    height: 30px;
    margin: 17px 2px;
    border-radius: 8px;
    position: relative;
    left: -14px;
    background-color: #004aad;
    justify-content: space-evenly;
    border-bottom-left-radius: 0;
    top: 20px;
}
.heading::before
{
    content: "";
    position: absolute;
    width: 13px;
    height: 14px;
    background-color: #000;
    top: 30px;
    left: 0;
    border-radius: 20px;
    border-top-left-radius: 70px;
    border-top-right-radius: 0;
    border-bottom-left-radius: 70px;
    z-index: 2;
}
.heading::after
{
    content: "";
    position: absolute;
    width: 7px;
    height: 8px;
    background-color: #004aad;
    top: 30px;
    left: 0;
}
.heading h3
{
    color: #fff;
    text-transform: capitalize;
    text-align: center;
    position: relative;
}
.text
{
    color: #000;
    padding: 15px;
    margin: 10px;
    text-indent: 40px;
}
.inside-contct ul li
{
    display: flex;
    align-items: center;
    margin-bottom: 4px;
}
.inside-contct ul .icon
{
    width: 30px;
    height: 30px;
    background-color: #004aad;
    border-radius: 50%;
    margin: 20px;
    margin-bottom: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}
.data
{
    color: #000;
    font-size: 15px;
}
.skills .inside-skills .data
{
    width: 50%;
    margin: 15px;
}
.skills .inside-skills p
{
    color: #000;
    text-transform: uppercase;
}
.skills .inside-skills .star
{
    flex-grow: 1;
}
.skills .inside-skills i, .passions .icons i
{
    font-size: 15px;
    color: #fff;
}
.inside-heading
{
    margin-top: -7px;
}
.inside-heading h3
{
    font-size: 30px;
}
.job-card-header i
{
    font-size: 40px;
    color: #000;
}
.application-form
{
    background-color: #fff;
    padding: 30px;
    box-shadow: rgba(100,100,111,.2) 0 7px 29px 0;
}
.application-form h3
{
    margin-top: 0;
    margin-bottom: 20px;
}
.application-form .form-group
{
    margin-bottom: 38px;
}
.application-form .form-control
{
    box-shadow: rgba(99,99,99,.2) 0 2px 8px 0;
}
.cont-form
{
    height: 51px;
}
.section-services
{
    font-family: "Poppins",sans-serif;
    color: #202020;
    padding-top: 115px;
    padding-bottom: 120px;
}
.section-services .header-section
{
    margin-bottom: 34px;
}
.section-services .header-section .title
{
    position: relative;
    padding-bottom: 14px;
    margin-bottom: 25px;
    font-weight: 700;
    font-size: 32px;
}
.section-services .header-section .title:before
{
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 50px;
    height: 3px;
    background-color: #004aad;
    border-radius: 3px;
}
.section-services .header-section .title:after
{
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(30px);
    width: 10px;
    height: 3px;
    background-color: #504f93;
    border-radius: 3px;
}
.section-services .header-section .description
{
    font-size: 14px;
    color: #282828;
}
.section-services .single-service
{
    position: relative;
    margin-top: 30px;
    background-color: #fff;
    border-radius: 10px;
    padding: 40px 30px;
    overflow: hidden;
    box-shadow: rgba(0,0,0,.1) 0 20px 25px -5px,rgba(0,0,0,.04) 0 10px 10px -5px;
}
.section-services .single-service .content
{
    position: relative;
    z-index: 20;
}
.section-services .single-service .circle-before
{
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(40%,-40%);
    width: 150px;
    height: 150px;
    background-color: #004aad;
    border: 6px solid #504f93;
    border-radius: 50%;
    opacity: .5;
    z-index: 10;
    transition: all .6s;
}
.section-services .single-service:hover .circle-before
{
    width: 100%;
    height: 100%;
    transform: none;
    border: 0;
    border-radius: 0;
    opacity: 1;
}
.section-services .single-service .icon
{
    display: inline-block;
    margin-bottom: 26px;
    width: 70px;
    height: 70px;
    background-color: #004aad;
    border-radius: 5px;
    line-height: 70px;
    text-align: center;
    color: #fff;
    font-size: 30px;
    transition: all .3s;
}
.section-services .single-service:hover .icon
{
    background-color: #fff;
    color: #004aad;
}
.section-services .single-service .title
{
    margin-bottom: 18px;
    font-weight: 700;
    font-size: 23px;
    transition: color .3s;
}
.section-services .single-service:hover .title
{
    color: #fff;
}
.section-services .single-service .description
{
    margin-bottom: 20px;
    font-size: 14px;
    transition: color .3s;
}
.section-services .single-service:hover .description
{
    color: #fff;
}
.section-services .single-service a
{
    position: relative;
    font-size: 18px;
    color: #202020;
    text-decoration: none;
    font-weight: 500;
    transition: color .3s;
}
.section-services .single-service:hover a
{
    color: #fff;
}
.section-services .single-service a:after
{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #004aad;
    transition: background-color .3s;
}
.section-services .single-service:hover a:after
{
    background-color: #fff;
}
.page-img
{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}
.page-img img
{
    max-width: 100%;
    max-height: 100%;
}
.sub-menu1
{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-column-gap: 10px;
}
.sub-menu1 li
{
    list-style: none;
    margin-bottom: 10px;
}
.sub-menu1 li a
{
    display: flex;
    align-items: center;
    text-decoration: none;
    color: inherit;
}
.sub-menu1 li a i
{
    margin-right: 10px;
}
.sub-menu1 li a .item-text
{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.main-menu ul.sub-menu1
{
    left: -153px!important;
}
.sub-menu1 i
{
    color: #004aad;
}
.page-img img
{
    border: 1px solid;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    padding: 10px;
}