.insuba-btn,
.page-wrapper {
    position: relative;
    overflow: hidden
}

.insuba-btn,
body {
    font-family: var(--insuba-font, "Roboto", sans-serif)
}

.insuba-btn::after,
.insuba-btn__icon-box,
.insuba-btn__icon-box::before {
    height: 100%;
    top: 0;
    position: absolute
}

.insuba-btn,
.insuba-btn:hover .insuba-btn__icon-box {
    background-color: var(--insuba-black3, #19232b)
}

.insuba-btn__icon svg,
.insuba-ratings__icon svg,
.video-btn svg {
    width: 1em;
    height: 1em;
    fill: currentColor
}

.post-pagination a,
.sec-title__tagline {
    text-transform: capitalize;
    font-weight: 500
}

.preloader,
.preloader__image {
    background-repeat: no-repeat;
    background-position: center center
}

.blog-card-three__title a:hover,
.blog-card-two__title a:hover,
.blog-card__title a:hover,
.blog-three__card__title a:hover,
.demo-one__title a:hover,
.sidebar__posts__title a:hover,
.team-card-three__name a:hover,
.team-card-two__name a:hover,
.team-card__name a:hover,
.topbar__info li a:hover {
    background-size: 100% 1px
}

.contact__form__control--full,
.form-one__control--full {
    grid-column-start: 1;
    grid-column-end: -1
}

:root {
    --main: #BC0B0B;
    --main-secondary: #0D44A1;
    --main-light: #BC0B0B;
    --main-white: #fff;
    --main-black: #000;
    --footer-black: #000;
    --footer-white: #fff;
    --insuba-font: "Roboto", sans-serif;
    --insuba-font2: "Rubik", sans-serif;
    --insuba-heading-font: "Poppins", sans-serif;
    --insuba-special-font: "Homemade Apple", cursive;
    --insuba-text: #636363;
    --insuba-text-rgb: 99, 99, 99;
    --insuba-text-gray: #767676;
    --insuba-text-gray-rgb: 118, 118, 118;
    --insuba-base: #BC0B0B;
    --insuba-base-rgb: 3, 101, 211;
    --insuba-gray: #e0e0e0;
    --insuba-gray-rgb: 224, 224, 224;
    --insuba-gray2: #b4b5ba;
    --insuba-gray2-rgb: 180, 181, 186;
    --insuba-gray3: #eeeeee;
    --insuba-gray3-rgb: 238, 238, 238;
    --insuba-gray4: #dbdbdb;
    --insuba-gray4-rgb: 219, 219, 219;
    --insuba-gray5: #cacaca;
    --insuba-gray5-rgb: 202, 202, 202;
    --insuba-gray6: #0D44A1;
    --insuba-gray6-rgb: 60, 92, 131;
    --insuba-gray7: #e8e7e7;
    --insuba-gray7-rgb: 232, 231, 231;
    --insuba-white: #ffffff;
    --insuba-white-rgb: 255, 255, 255;
    --insuba-white2: #ecf2f2;
    --insuba-white2-rgb: 236, 242, 242;
    --insuba-white3: #f1f6f7;
    --insuba-white3-rgb: 241, 246, 247;
    --insuba-white4: #d7d7d7;
    --insuba-white4-rgb: 215, 215, 215;
    --insuba-white5: #f0f5f5;
    --insuba-white5-rgb: 240, 245, 245;
    --insuba-white6: #e4e8eb;
    --insuba-white6-rgb: 228, 232, 235;
    --insuba-white7: #fffcf6;
    --insuba-white7-rgb: 255, 252, 246;
    --insuba-white8: #edf0f2;
    --insuba-white8-rgb: 237, 240, 242;
    --insuba-white9: #F1F5F6;
    --insuba-white9-rgb: 241, 245, 246;
    --insuba-black: #122f2a;
    --insuba-black-rgb: 18, 47, 42;
    --insuba-black2: #333333;
    --insuba-black2-rgb: 51, 51, 51;
    --insuba-black3: var(--main-secondary);
    --insuba-black3-rgb: 25, 35, 43;
    --insuba-black4: #0f3564;
    --insuba-black4-rgb: 15, 53, 100;
    --insuba-black5: #0f3667;
    --insuba-black5-rgb: 15, 54, 103;
    --insuba-black6: #232323;
    --insuba-black6-rgb: 35, 35, 35;
    --insuba-black7: #051d1f;
    --insuba-black7-rgb: 5, 29, 31;
    --insuba-black8: #202221;
    --insuba-black8-rgb: 32, 34, 33;
    --insuba-black9: #0f3260;
    --insuba-black9-rgb: 15, 50, 96;
    --insuba-black10: #000000;
    --insuba-black10-rgb: 0, 0, 0;
    --insuba-black11: #0e0e0e;
    --insuba-black11-rgb: 14, 14, 14;
    --insuba-black12: #264772;
    --insuba-black12-rgb: 38, 71, 114;
    --insuba-black13: #123866;
    --insuba-black13-rgb: 18, 56, 102;
    --insuba-black14: #070707;
    --insuba-black14-rgb: 7, 7, 7;
    --insuba-yellow: #ffa415;
    --insuba-yellow-rgb: 255, 164, 21;
    --insuba-blue: #7bb9ff;
    --insuba-blue-rgb: 123, 185, 255;
    --insuba-blue2: #0759b4;
    --insuba-blue2-rgb: 7, 89, 180;
    --insuba-border-color: #dddddd;
    --insuba-border-color-rgb: 221, 221, 221;
    --insuba-letter-space: 0.1em;
    --insuba-letter-space-xl: 0.2em;
    --section-space: 120px;
    --section-space2: 116px
}

.blog-page--list .post-pagination,
.blog-page--sidebar .post-pagination,
.mt-20 {
    margin-top: 20px
}

.blog-three__blog+.blog-three__blog,
.mt-30 {
    margin-top: 30px
}

.mt-40,
.video-one__container {
    margin-top: 40px
}

.mt-50 {
    margin-top: 50px
}

.insuba-owl__carousel--basic-nav.owl-carousel .owl-nav.disabled+.owl-dots,
.mt-60 {
    margin-top: 60px
}

.mt-80,
.portfolio-one__info-wrapper,
.work-planning-two__info {
    margin-top: 80px
}

.mt-120 {
    margin-top: 120px
}

.mt--60 {
    margin-top: -60px
}

.mt--120 {
    margin-top: -120px
}

.mb-20 {
    margin-bottom: 20px
}

.mb-30 {
    margin-bottom: 30px
}

.mb-40,
.service-details__description,
.sidebar-one__item:not(:last-child) {
    margin-bottom: 40px
}

.footer-widget--gallery .footer-widget__title,
.mb-50 {
    margin-bottom: 50px
}

.mb-60 {
    margin-bottom: 60px
}

.mb-80 {
    margin-bottom: 80px
}

.mb-120 {
    margin-bottom: 120px
}

.mb--60 {
    margin-bottom: -60px
}

.mb--120 {
    margin-bottom: -120px
}

.pt-20 {
    padding-top: 20px
}

.pt-30 {
    padding-top: 30px
}

.pt-40 {
    padding-top: 40px
}

.pt-50 {
    padding-top: 50px
}

.pt-60 {
    padding-top: 60px
}

.pt-80 {
    padding-top: 80px
}

.pt-100 {
    padding-top: 100px
}

.pt-110 {
    padding-top: 110px
}

.pt-115 {
    padding-top: 115px
}

.pt-120 {
    padding-top: 120px
}

.pt-142 {
    padding-top: 142px
}

.pb-20 {
    padding-bottom: 20px
}

.pb-30 {
    padding-bottom: 30px
}

.pb-40 {
    padding-bottom: 40px
}

.pb-50 {
    padding-bottom: 50px
}

.pb-60 {
    padding-bottom: 60px
}

.pb-80 {
    padding-bottom: 80px
}

.pb-90 {
    padding-bottom: 90px
}

.pb-100 {
    padding-bottom: 100px
}

.pb-110 {
    padding-bottom: 110px
}

.pb-115 {
    padding-bottom: 115px
}

.pb-120 {
    padding-bottom: 120px
}

.pl-5 {
    padding-left: 5px
}

.pl-10 {
    padding-left: 10px
}

.pl-15 {
    padding-left: 15px
}

.pl-20 {
    padding-left: 20px
}

.pl-30 {
    padding-left: 30px
}

.pr-5 {
    padding-right: 5px
}

.pr-10 {
    padding-right: 10px
}

.pr-15 {
    padding-right: 15px
}

.pr-20 {
    padding-right: 20px
}

.pr-30 {
    padding-right: 30px
}

body {
    font-size: 16px;
    color: var(--insuba-text, #636363);
    line-height: 1.75;
    font-weight: 400
}

.main-slider-one__top,
body.locked,
body.megamenu-popup-active {
    overflow: hidden
}

a {
    color: var(--insuba-base, #0365d3);
    transition: .4s
}

.service-link:hover,
a,
a:focus,
a:hover,
a:visited {
    text-decoration: none
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--insuba-heading-font, "Poppins", serif);
    color: var(--insuba-black, #122f2a)
}

::placeholder {
    color: inherit;
    opacity: 1
}

.insuba-btn,
.insuba-btn__icon {
    color: var(--insuba-white, #fff)
}

.page-wrapper {
    margin: 0 auto;
    width: 100%;
    min-width: 300px
}

.section-space {
    padding-top: var(--section-space, 120px);
    padding-bottom: var(--section-space, 120px)
}

@media (max-width:767px) {
    .section-space {
        padding-top: 100px;
        padding-bottom: 100px
    }
}

.section-space2 {
    padding-top: var(--section-space2, 118px);
    padding-bottom: var(--section-space, 120px)
}

@media (max-width:767px) {
    .section-space2 {
        padding-top: 96px;
        padding-bottom: 100px
    }

    .section-space-top {
        padding-top: 100px
    }
}

.section-space-top2 {
    padding-top: var(--section-space2, 118px)
}

@media (max-width:767px) {
    .section-space-top2 {
        padding-top: 96px
    }
}

.section-space-bottom {
    padding-bottom: var(--section-space, 120px)
}

@media (max-width:767px) {
    .section-space-bottom {
        padding-bottom: 100px
    }
}

@media (max-width:991px) {
    .section-space-bottom2 {
        padding-bottom: var(--section-space, 120px)
    }
}

@media (max-width:767px) {
    .section-space-bottom2 {
        padding-bottom: 100px
    }
}

.container,
.container-fluid,
.mobile-nav__content .demo-one .container {
    padding-left: 15px;
    padding-right: 15px
}

.row {
    --bs-gutter-x: 30px
}

.gutter-y-10 {
    --bs-gutter-y: 10px
}

.gutter-y-15 {
    --bs-gutter-y: 15px
}

.gutter-y-20 {
    --bs-gutter-y: 20px
}

.demo-one .row,
.gutter-y-30 {
    --bs-gutter-y: 30px
}

.gutter-y-40 {
    --bs-gutter-y: 40px
}

.gutter-y-50 {
    --bs-gutter-y: 50px
}

.gutter-y-60 {
    --bs-gutter-y: 60px
}

.gutter-y-70 {
    --bs-gutter-y: 70px
}

.gutter-y-80 {
    --bs-gutter-y: 80px
}

.logo-retina img {
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -ms-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.insuba-btn {
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    -webkit-appearance: none;
    border: none;
    outline: 0 !important;
    padding: 10.5px 77px 10.5px 35px;
    font-size: 17px;
    font-weight: 500;
    border-radius: 100px;
    z-index: 1;
    transition: .5s
}

.blog-card__date__day,
.sec-title__tagline {
    font-family: var(--insuba-font2, "Rubik", sans-serif)
}

.insuba-btn::after {
    content: "";
    width: 0%;
    right: 0;
    border-radius: inherit;
    background-color: var(--main-light);
    color: var(--main-black);
    z-index: -1;
    transition: .5s
}

.insuba-btn:hover::after {
    width: 100%;
    left: 0
}

.insuba-btn__icon-box {
    width: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    right: 0;
    background-color: var(--insuba-base, #0365d3);
    border-radius: 0 100px 100px 0;
    overflow: hidden;
    transition: .5s
}

.insuba-btn__icon-box::before {
    content: "";
    width: 1px;
    background-color: var(--insuba-white, #fff);
    left: 0
}

.insuba-btn--base,
.insuba-btn--base:hover .insuba-btn__icon-box,
.scl-btn--call,
.service-link:hover .icon-box {
    background-color: var(--main)
}

.insuba-btn__icon {
    display: inline-flex;
    font-size: 13px;
    transition: .4s
}

.insuba-btn:hover .insuba-btn__icon {
    animation: .4s slideLeft
}

.insuba-btn--base .insuba-btn__icon-box,
.insuba-btn--base::after {
    background-color: var(--main-secondary)
}

.insuba-btn--white,
.main-slider-three__btn-1,
.video-one__btn {
    color: var(--insuba-black3, #19232b);
    background-color: var(--insuba-white, #fff)
}

.insuba-btn--white:hover,
.sec-title__tagline {
    color: var(--insuba-white, #fff)
}

.insuba-btn--white .insuba-btn__icon-box,
.insuba-btn--white::after {
    background-color: var(--insuba-black3, #19232b)
}

.bootstrap-select .dropdown-item.active,
.bootstrap-select .dropdown-item:active,
.insuba-btn--white:hover .insuba-btn__icon-box,
.sec-title--two .sec-title__box,
.sec-title__top,
.social-links a:hover {
    background-color: var(--insuba-base, #0365d3)
}

.portfolio-one__top,
.portfolio-two--section .portfolio-two__top,
.sec-title,
.services-page__top {
    margin-bottom: 49px
}

.sec-title--two .sec-title__top {
    padding: 0;
    background-color: transparent;
    border-radius: 0
}

.sec-title--two .sec-title__box::after {
    border-color: transparent transparent transparent var(--insuba-base, #0365d3)
}

.sec-title--two .sec-title__box--right::after {
    left: -6px;
    border-width: 4.5px 7.8px 4.5px 0;
    border-color: transparent var(--insuba-base, #0365d3) transparent transparent
}

.sec-title--two .sec-title__box__inner {
    width: 10px;
    height: 10px;
    background-color: var(--insuba-white, #fff)
}

.sec-title--two .sec-title__box__inner::after {
    content: "";
    width: 6px;
    height: 6px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: var(--insuba-black5, #0f3667)
}

.sec-title--two .sec-title__tagline {
    color: var(--insuba-base, #0365d3)
}

.sec-title--center {
    text-align: center
}

.sec-title__top {
    margin-bottom: 22px;
    padding: 7px 25px 5px;
    display: inline-flex;
    gap: 15px;
    border-radius: 30px
}

.sec-title__box {
    position: relative;
    top: 3px;
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    background-color: var(--insuba-white, #fff)
}

.sec-title__box::after {
    content: "";
    position: absolute;
    top: 50%;
    right: -6px;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4.5px 0 4.5px 7.8px;
    border-color: transparent transparent transparent var(--insuba-white, #fff)
}

.sec-title__box__inner {
    width: 8px;
    height: 8px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: var(--insuba-black5, #0f3667)
}

.sec-title__tagline {
    margin: 0;
    font-size: 18px;
    line-height: 1.3
}

.sec-title__title,
.sec-title__title2 {
    font-size: 35px;
    font-weight: 700;
    line-height: 1.314;
    margin: 0
}

.sec-title__title {
    color: var(--main-white)
}

.sec-title__title2 {
    color: var(--main-black)
}

.progress-box__number,
.progress-box__title {
    line-height: 1.625;
    font-weight: 700;
    font-family: var(--insuba-font, "Roboto", sans-serif)
}

@media (max-width:575px) {

    h1 br,
    h2 br,
    h3 br,
    h4 br,
    h5 br,
    h6 br,
    p br {
        display: none
    }

    .section-space {
        padding-top: 80px;
        padding-bottom: 80px
    }

    .section-space2 {
        padding-top: 76px;
        padding-bottom: 76px
    }

    .section-space-top,
    .section-space-top2 {
        padding-top: 40px
    }

    .section-space-bottom,
    .section-space-bottom2 {
        padding-bottom: 80px
    }

    .sec-title__title {
        font-size: 33px;
        margin-bottom: -40px
    }
}

.sec-title__title__highlight {
    color: var(--insuba-base, #0365d3);
    border-bottom: 2px solid var(--insuba-base, #0365d3)
}

.insuba-ratings {
    display: flex;
    align-items: center;
    gap: 9px
}

.insuba-ratings__icon {
    display: inline-flex;
    align-items: baseline;
    font-size: 16px;
    color: var(--insuba-base, #0365d3);
    transition: .5s
}

.video-btn {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    flex-shrink: 0;
    width: 55px;
    height: 55px;
    background-color: var(--insuba-white, #fff);
    font-size: 33px;
    color: var(--insuba-black5, #0f3667);
    border-radius: 50%;
    z-index: 1;
    transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s
}

.video-btn__ripple::after,
.video-btn__ripple::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    box-shadow: 0 0 0 0 RGBA(var(--insuba-white-rgb, 255, 255, 255), .22);
    -webkit-animation: 3s infinite videoRipple;
    animation: 3s infinite videoRipple
}

.video-btn__ropple::before {
    position: absolute;
    -webkit-animation-delay: .9s;
    animation-delay: .9s
}

.video-btn__ripple::after {
    position: absolute;
    -webkit-animation-delay: .6s;
    animation-delay: .6s
}

@keyframes videoRipple {
    70% {
        box-shadow: 0 0 0 40px RGBA(var(--insuba-white-rgb, 255, 255, 255), 0)
    }

    100% {
        box-shadow: 0 0 0 0 RGBA(var(--insuba-white-rgb, 255, 255, 255), 0)
    }
}

.social-links {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px
}

.social-links a {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    background-color: RGBA(var(--insuba-white-rgb, 255, 255, 255), .17);
    border-radius: 50%;
    overflow: hidden;
    transition: .5s
}

.social-links__icon {
    display: inline-flex;
    font-size: 14px;
    color: var(--insuba-white, #fff);
    transition: .5s
}

.post-pagination a,
.progress-box__number,
.progress-box__title {
    color: var(--insuba-text, #636363)
}

.social-links__icon svg {
    width: 1em;
    height: 1em;
    fill: currentColor
}

.social-links a:hover .social-links__icon {
    color: var(--insuba-white, #fff);
    animation: .4s slideTop
}

.progress-box+.progress-box {
    margin-top: 28px
}

.progress-box__title {
    margin-bottom: 13px;
    font-size: 16px
}

.progress-box__bar {
    margin-left: 4px;
    position: relative;
    width: 100%;
    height: 4px;
    background-color: var(--insuba-gray4, #dbdbdb);
    border-radius: 2px
}

.progress-box__bar::after {
    content: "";
    width: calc(100% + 8px);
    height: calc(100% + 8px);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 1px solid var(--insuba-base, #0365d3);
    border-radius: 10px
}

.progress-box__bar__inner {
    position: absolute;
    height: 100%;
    width: 0;
    top: 0;
    left: 0;
    background-color: var(--insuba-base, #0365d3);
    border-radius: inherit;
    transition: .8s linear
}

.progress-box__number {
    position: absolute;
    bottom: calc(100% + 13px);
    right: 0;
    font-size: 16px
}

.post-pagination {
    list-style: none;
    padding: 0;
    margin: 30px 0 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px
}

.post-pagination a,
.scroll-to-top {
    align-items: center;
    text-align: center
}

.post-pagination a {
    display: inline-flex;
    justify-content: center;
    flex-shrink: 0;
    width: 44px;
    height: 44px;
    background-color: var(--insuba-white3, #f1f6f7);
    font-size: 16px;
    border-radius: 5px;
    line-height: 43px;
    overflow: hidden;
    transition: .4s
}

.insuba-datepicker-arrow svg,
.insuba-owl__carousel--basic-nav.owl-carousel .owl-nav button svg,
.post-pagination a .post-pagination__icon svg {
    width: 1em;
    height: 1em;
    fill: currentColor
}

.post-pagination a .post-pagination__icon {
    display: inline-flex;
    font-size: 13px;
    color: var(--insuba-text, #636363);
    transition: .4s
}

.post-pagination a:hover,
.post-pagination li.active a {
    color: var(--insuba-white, #fff);
    background-color: var(--insuba-base, #0365d3)
}

.post-pagination a:hover .post-pagination__icon {
    color: var(--insuba-white, #fff);
    animation: .4s slideLeft
}

.post-pagination li.active a .post-pagination__icon,
.video-one .sec-title__tagline,
.video-one .sec-title__title {
    color: var(--insuba-white, #fff)
}

.tabs-box .tabs-content .tab:not(.active-tab) {
    display: none
}

.bootstrap-select .dropdown-menu {
    padding-top: 0;
    padding-bottom: 0;
    border-radius: 0
}

.tns-outer .tns-controls {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 40px
}

.tns-outer .tns-controls button {
    width: 45px;
    height: 45px;
    border: 2px solid #f4f4f4;
    outline: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--insuba-text, #636363);
    border-radius: 50%;
    margin-left: 5px;
    margin-right: 5px
}

.about-four__list,
.ul-list-one,
.work-planning-two .sec-title {
    margin-bottom: 0
}

.ul-list-one li {
    position: relative;
    padding-left: 45px;
    font-size: 16px;
    font-weight: 500;
    color: var(--insuba-black, #122f2a)
}

@media (min-width:481px) {
    .ul-list-one li {
        font-size: 35px
    }
}

.ul-list-one li::before {
    content: "\e907";
    color: var(--insuba-base, #0365d3);
    font-size: 26px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    font-family: azino-icon
}

.preloader {
    position: fixed;
    background-color: var(--insuba-black5, #0f3667);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99991;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    text-align: center
}

.preloader__image {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: flipInY;
    animation-name: flipInY;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    background-size: 60px auto;
    width: 100%;
    height: 100%
}

.pricing-card:hover .pricing-card__icon>*,
.team-card-three:hover .team-card-three__image img {
    -webkit-animation-name: wobble-horizontal-hover;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1
}

.scroll-to-top {
    display: flex;
    width: auto;
    height: 35px;
    background: 0 0;
    position: fixed;
    bottom: 60px;
    right: -12px;
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    transform: rotate(0);
    cursor: pointer;
    transition: .2s
}

.insuba-owl__carousel--basic-nav.owl-carousel .owl-dots .owl-dot.active,
.insuba-owl__carousel--basic-nav.owl-carousel .owl-dots .owl-dot:hover,
.scroll-to-top__wrapper {
    background-color: var(--insuba-base, #0365d3)
}

.scroll-to-top__text {
    display: inline;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .1em;
    font-weight: 700;
    margin-right: 8px
}

.scroll-to-top__wrapper {
    display: inline-block;
    width: 30px;
    height: 4px;
    position: relative;
    overflow: hidden
}

.scroll-to-top__inner {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: var(--insuba-black, #122f2a)
}

.scroll-to-top.show {
    opacity: 1;
    visibility: visible;
    bottom: 121px;
    right: 20px
}

.insuba-owl__carousel--with-shadow .owl-stage-outer {
    overflow: visible
}

.insuba-owl__carousel--with-shadow .owl-item {
    opacity: 0;
    visibility: hidden;
    transition: opacity .5s, visibility .5s
}

.insuba-owl__carousel--with-shadow .owl-item.active {
    opacity: 1;
    visibility: visible
}

.insuba-owl__carousel--basic-nav.owl-carousel .owl-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    margin-top: 60px
}

.insuba-owl__carousel--basic-nav.owl-carousel .owl-nav button {
    border: none;
    outline: 0;
    margin: 0;
    padding: 0;
    width: 56px;
    height: 56px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    font-size: 17px;
    color: var(--insuba-black, #122f2a);
    background-color: var(--insuba-white2, #ecf2f2);
    border-radius: 50%;
    transition: .4s
}

.insuba-owl__carousel--basic-nav.owl-carousel .owl-nav button:hover,
.ui-datepicker-calendar .ui-state-default:hover,
.ui-datepicker-calendar .ui-state-highlight,
.ui-datepicker-calendar .ui-widget-content .ui-state-default:hover,
.ui-datepicker-calendar .ui-widget-content .ui-state-highlight,
.ui-datepicker-calendar .ui-widget-header .ui-state-default:hover,
.ui-datepicker-calendar .ui-widget-header .ui-state-highlight {
    color: var(--insuba-white, #fff);
    background-color: var(--insuba-base, #0365d3)
}

.ui-datepicker-calendar td,
.ui-datepicker.ui-widget-content {
    background-color: var(--insuba-white, #fff)
}

.insuba-owl__carousel--basic-nav.owl-carousel .owl-dots .owl-dot span,
.insuba-owl__carousel--basic-nav.owl-carousel .owl-dots .owl-dot.active span,
.insuba-owl__carousel--basic-nav.owl-carousel .owl-dots .owl-dot:hover span,
.team-card .social-links a {
    background-color: transparent
}

.insuba-owl__carousel--basic-nav.owl-carousel .owl-nav button span {
    border: none;
    outline: 0;
    color: inherit
}

.insuba-owl__carousel--basic-nav.owl-carousel .owl-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px
}

.blog-card--four .blog-card__image::after,
.insuba-owl__carousel--basic-nav.owl-carousel .owl-dots.disabled,
.insuba-owl__carousel--basic-nav.owl-carousel .owl-nav.disabled,
.main-header--three .main-header__inner::before,
.main-header--two .main-header__inner::before,
.team-details .progress-box__bar::after {
    display: none
}

.insuba-owl__carousel--basic-nav.owl-carousel .owl-dots .owl-dot {
    outline: 0;
    border: 0;
    flex-shrink: 0;
    position: relative;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: transparent;
    border: 1px solid var(--insuba-base, #0365d3);
    transition: .4s
}

.ui-datepicker.ui-widget-content {
    border: 1px solid var(--insuba-border-color, #ddd);
    font-family: var(--insuba-font, "Roboto", sans-serif);
    color: var(--insuba-gray, #e0e0e0);
    font-weight: 500;
    font-size: 16px;
    border-radius: 5px;
    width: 307px;
    padding: 5px 8px 3px
}

.ui-datepicker .ui-datepicker-header,
.ui-datepicker-calendar td {
    font-family: var(--insuba-font, "Roboto", sans-serif);
    color: var(--insuba-white, #fff);
    background-image: none
}

.ui-datepicker .ui-datepicker-header {
    padding: 6px 0;
    border-radius: 6px;
    background-color: var(--insuba-base, #0365d3)
}

.ui-datepicker-calendar th span {
    font-family: var(--insuba-font, "Roboto", sans-serif);
    color: var(--insuba-base, #0365d3)
}

.team-card-three__name a,
.team-card-two__name a,
.team-card__name a {
    color: inherit;
    background: linear-gradient(to right, currentcolor 0, currentcolor 100%) 0 95%/0 1px no-repeat
}

.ui-datepicker-calendar td a {
    border-color: var(--insuba-base, #0365d3);
    background-color: var(--insuba-gray, #e0e0e0);
    background-image: none
}

.ui-datepicker-calendar .ui-state-default,
.ui-datepicker-calendar .ui-widget-content .ui-state-default,
.ui-datepicker-calendar .ui-widget-header .ui-state-default {
    border-color: transparent;
    background-color: var(--insuba-white2, #ecf2f2);
    background-image: none;
    color: var(--insuba-black, #122f2a);
    padding: 10px 5px;
    text-align: center;
    line-height: 1em;
    border-radius: 5px
}

.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev {
    background-image: none;
    background-color: var(--insuba-white, #fff);
    color: var(--insuba-black, #122f2a)
}

.ui-datepicker .ui-datepicker-next:hover,
.ui-datepicker .ui-datepicker-prev:hover {
    background-color: var(--insuba-gray, #e0e0e0);
    color: var(--insuba-white, #fff)
}

.ui-datepicker .ui-datepicker-prev {
    cursor: pointer;
    left: 6px;
    top: 50%;
    transform: translateY(-50%)
}

.ui-datepicker .ui-datepicker-prev:hover {
    left: 6px
}

.ui-datepicker .ui-datepicker-next {
    cursor: pointer;
    top: 50%;
    right: 6px;
    transform: translateY(-50%)
}

.ui-datepicker .ui-datepicker-next:hover {
    right: 6px
}

.insuba-datepicker-arrow {
    display: inline-flex;
    font-size: 16px;
    color: var(--insuba-text, #636363);
    position: absolute;
    top: 50%;
    right: 30px;
    transform: translateY(-50%)
}

.video-one {
    padding-bottom: 272px;
    position: relative;
    background-color: var(--insuba-black12, #264772);
    overflow: hidden
}

.video-one::after,
.video-one__bg {
    position: absolute;
    top: 0;
    right: 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

@media (max-width:991px) {
    .video-one {
        padding-bottom: 265px
    }
}

@media (max-width:767px) {
    .video-one {
        padding-bottom: 245px
    }
}

.video-one::after {
    content: "";
    left: 0;
    bottom: 0;
    background-image: url(../images/shapes/video-bg-overlay-1-1.png);
    z-index: 1
}

.video-one__bg {
    width: 100%;
    max-width: 1494px;
    height: 100%
}

.video-one .container {
    position: relative;
    z-index: 3
}

.consultations-one .sec-title,
.video-one .sec-title {
    margin-bottom: 14px
}

.video-one .sec-title__box {
    background-color: var(--insuba-white, #fff)
}

.video-one .sec-title__box__inner,
.video-one__btn .insuba-btn__icon-box,
.video-one__btn::after,
.video-two .sec-title__box {
    background-color: var(--insuba-base, #0365d3)
}

.video-one .sec-title__box::after {
    border-color: transparent transparent transparent var(--insuba-white, #fff)
}

.video-one .sec-title__box--right::after {
    border-color: transparent var(--insuba-white, #fff) transparent transparent
}

.video-one__description {
    margin-bottom: 34px;
    padding-right: 51px
}

.portfolio-one__text,
.portfolio-two--section .portfolio-two__text,
.service-card-two__text,
.video-one__text {
    margin: 0;
    color: var(--insuba-white, #fff)
}

.video-one__btn:hover .insuba-btn__icon-box,
.video-one__video-button,
.video-two .sec-title__top {
    background-color: var(--insuba-white, #fff)
}

.team-card .social-links a:hover .social-links__icon,
.team-card-two .social-links a:hover .social-links__icon,
.video-one__btn:hover,
.video-two .sec-title__title {
    color: var(--insuba-white, #fff)
}

.team-card__name:hover,
.video-one__btn:hover .insuba-btn__icon,
.video-two .sec-title__tagline {
    color: var(--insuba-base, #0365d3)
}

@media (min-width:992px) {
    .video-one__container {
        margin: 0;
        display: flex;
        justify-content: flex-end;
        max-width: 100%;
        position: absolute !important;
        right: -57px;
        bottom: 250px;
        z-index: 3
    }

    .blog-card-two--grid {
        display: flex;
        flex-direction: row-reverse;
        align-items: center
    }
}

.video-one__video-button {
    width: 226px;
    height: 290px;
    position: relative;
    -webkit-mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 678.000000 873.000000"><g transform="translate(0.000000,873.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M5939 8235 c-51 -59 -104 -121 -118 -139 -43 -55 -145 -181 -151 -186 -3 -3 -41 -50 -85 -105 -44 -55 -85 -104 -91 -110 -6 -5 -26 -30 -44 -55 -19 -25 -63 -79 -98 -120 -35 -41 -75 -88 -89 -105 -255 -300 -503 -556 -713 -734 -47 -40 -96 -83 -110 -95 -14 -12 -47 -38 -74 -57 -27 -19 -65 -46 -85 -60 -70 -50 -166 -115 -181 -122 -8 -4 -42 -23 -75 -42 -122 -71 -282 -142 -400 -178 -185 -56 -267 -68 -515 -77 -206 -7 -324 -18 -455 -42 -33 -6 -78 -14 -100 -18 -121 -22 -448 -120 -470 -141 -5 -5 -15 -9 -22 -9 -26 0 -301 -134 -421 -205 -85 -50 -287 -193 -338 -240 -6 -5 -40 -35 -75 -65 -214 -182 -448 -460 -584 -692 -67 -115 -205 -395 -205 -417 0 -5 -6 -22 -14 -38 -19 -38 -40 -95 -61 -168 -10 -33 -24 -78 -31 -100 -8 -23 -14 -49 -14 -59 0 -11 -6 -42 -14 -70 -18 -62 -40 -181 -57 -296 -17 -128 -23 -489 -9 -595 6 -49 15 -124 20 -165 4 -41 12 -95 18 -120 5 -25 18 -81 27 -125 9 -44 21 -91 27 -104 5 -14 13 -43 18 -65 4 -23 14 -57 20 -76 37 -102 66 -179 85 -225 27 -62 147 -301 165 -330 11 -16 24 -39 30 -50 51 -97 175 -265 301 -410 223 -257 478 -463 794 -641 82 -47 291 -144 308 -144 7 0 22 -7 33 -15 10 -8 27 -15 36 -15 10 0 32 -6 50 -14 68 -28 180 -63 243 -75 22 -4 58 -13 80 -19 62 -16 194 -41 255 -47 30 -3 89 -9 130 -15 98 -12 478 -12 600 0 52 6 131 12 175 15 91 6 262 29 380 51 155 29 244 49 390 89 28 8 59 16 70 19 11 2 65 21 120 41 55 20 112 40 126 44 14 5 34 13 45 18 10 6 35 17 54 26 66 29 245 119 275 138 17 10 39 23 50 29 32 16 52 30 194 135 171 126 334 286 491 481 30 37 123 177 140 209 6 11 19 34 30 50 37 58 162 318 195 405 9 25 22 59 29 75 18 41 36 94 46 130 5 17 13 44 18 60 6 17 18 57 27 90 9 33 23 80 31 105 8 25 14 54 14 64 0 11 6 42 14 70 18 63 36 154 46 226 4 30 12 87 18 125 68 425 90 1019 57 1545 -19 302 -41 559 -60 710 -8 63 -15 133 -15 154 0 22 -6 81 -14 130 -18 114 -35 239 -46 336 -4 41 -13 109 -20 150 -6 41 -18 118 -26 170 -8 52 -21 132 -29 176 -8 45 -15 94 -15 110 0 16 -6 62 -14 104 -14 71 -26 145 -61 363 -28 179 -47 293 -61 372 -8 44 -14 93 -14 109 0 15 -7 65 -15 110 -18 102 -43 289 -50 381 -3 39 -10 104 -15 145 -5 41 -9 132 -10 202 0 70 -4 129 -9 133 -6 3 -52 -42 -102 -100z"/> </g> </svg>');
    mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 678.000000 873.000000"><g transform="translate(0.000000,873.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M5939 8235 c-51 -59 -104 -121 -118 -139 -43 -55 -145 -181 -151 -186 -3 -3 -41 -50 -85 -105 -44 -55 -85 -104 -91 -110 -6 -5 -26 -30 -44 -55 -19 -25 -63 -79 -98 -120 -35 -41 -75 -88 -89 -105 -255 -300 -503 -556 -713 -734 -47 -40 -96 -83 -110 -95 -14 -12 -47 -38 -74 -57 -27 -19 -65 -46 -85 -60 -70 -50 -166 -115 -181 -122 -8 -4 -42 -23 -75 -42 -122 -71 -282 -142 -400 -178 -185 -56 -267 -68 -515 -77 -206 -7 -324 -18 -455 -42 -33 -6 -78 -14 -100 -18 -121 -22 -448 -120 -470 -141 -5 -5 -15 -9 -22 -9 -26 0 -301 -134 -421 -205 -85 -50 -287 -193 -338 -240 -6 -5 -40 -35 -75 -65 -214 -182 -448 -460 -584 -692 -67 -115 -205 -395 -205 -417 0 -5 -6 -22 -14 -38 -19 -38 -40 -95 -61 -168 -10 -33 -24 -78 -31 -100 -8 -23 -14 -49 -14 -59 0 -11 -6 -42 -14 -70 -18 -62 -40 -181 -57 -296 -17 -128 -23 -489 -9 -595 6 -49 15 -124 20 -165 4 -41 12 -95 18 -120 5 -25 18 -81 27 -125 9 -44 21 -91 27 -104 5 -14 13 -43 18 -65 4 -23 14 -57 20 -76 37 -102 66 -179 85 -225 27 -62 147 -301 165 -330 11 -16 24 -39 30 -50 51 -97 175 -265 301 -410 223 -257 478 -463 794 -641 82 -47 291 -144 308 -144 7 0 22 -7 33 -15 10 -8 27 -15 36 -15 10 0 32 -6 50 -14 68 -28 180 -63 243 -75 22 -4 58 -13 80 -19 62 -16 194 -41 255 -47 30 -3 89 -9 130 -15 98 -12 478 -12 600 0 52 6 131 12 175 15 91 6 262 29 380 51 155 29 244 49 390 89 28 8 59 16 70 19 11 2 65 21 120 41 55 20 112 40 126 44 14 5 34 13 45 18 10 6 35 17 54 26 66 29 245 119 275 138 17 10 39 23 50 29 32 16 52 30 194 135 171 126 334 286 491 481 30 37 123 177 140 209 6 11 19 34 30 50 37 58 162 318 195 405 9 25 22 59 29 75 18 41 36 94 46 130 5 17 13 44 18 60 6 17 18 57 27 90 9 33 23 80 31 105 8 25 14 54 14 64 0 11 6 42 14 70 18 63 36 154 46 226 4 30 12 87 18 125 68 425 90 1019 57 1545 -19 302 -41 559 -60 710 -8 63 -15 133 -15 154 0 22 -6 81 -14 130 -18 114 -35 239 -46 336 -4 41 -13 109 -20 150 -6 41 -18 118 -26 170 -8 52 -21 132 -29 176 -8 45 -15 94 -15 110 0 16 -6 62 -14 104 -14 71 -26 145 -61 363 -28 179 -47 293 -61 372 -8 44 -14 93 -14 109 0 15 -7 65 -15 110 -18 102 -43 289 -50 381 -3 39 -10 104 -15 145 -5 41 -9 132 -10 202 0 70 -4 129 -9 133 -6 3 -52 -42 -102 -100z"/> </g> </svg>');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-size: auto;
    mask-size: auto
}

.video-one__video-button::after {
    content: "";
    width: calc(100% - 16px);
    height: calc(100% - 16px);
    position: absolute;
    top: 51%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 678.000000 873.000000"><g transform="translate(0.000000,873.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M5939 8235 c-51 -59 -104 -121 -118 -139 -43 -55 -145 -181 -151 -186 -3 -3 -41 -50 -85 -105 -44 -55 -85 -104 -91 -110 -6 -5 -26 -30 -44 -55 -19 -25 -63 -79 -98 -120 -35 -41 -75 -88 -89 -105 -255 -300 -503 -556 -713 -734 -47 -40 -96 -83 -110 -95 -14 -12 -47 -38 -74 -57 -27 -19 -65 -46 -85 -60 -70 -50 -166 -115 -181 -122 -8 -4 -42 -23 -75 -42 -122 -71 -282 -142 -400 -178 -185 -56 -267 -68 -515 -77 -206 -7 -324 -18 -455 -42 -33 -6 -78 -14 -100 -18 -121 -22 -448 -120 -470 -141 -5 -5 -15 -9 -22 -9 -26 0 -301 -134 -421 -205 -85 -50 -287 -193 -338 -240 -6 -5 -40 -35 -75 -65 -214 -182 -448 -460 -584 -692 -67 -115 -205 -395 -205 -417 0 -5 -6 -22 -14 -38 -19 -38 -40 -95 -61 -168 -10 -33 -24 -78 -31 -100 -8 -23 -14 -49 -14 -59 0 -11 -6 -42 -14 -70 -18 -62 -40 -181 -57 -296 -17 -128 -23 -489 -9 -595 6 -49 15 -124 20 -165 4 -41 12 -95 18 -120 5 -25 18 -81 27 -125 9 -44 21 -91 27 -104 5 -14 13 -43 18 -65 4 -23 14 -57 20 -76 37 -102 66 -179 85 -225 27 -62 147 -301 165 -330 11 -16 24 -39 30 -50 51 -97 175 -265 301 -410 223 -257 478 -463 794 -641 82 -47 291 -144 308 -144 7 0 22 -7 33 -15 10 -8 27 -15 36 -15 10 0 32 -6 50 -14 68 -28 180 -63 243 -75 22 -4 58 -13 80 -19 62 -16 194 -41 255 -47 30 -3 89 -9 130 -15 98 -12 478 -12 600 0 52 6 131 12 175 15 91 6 262 29 380 51 155 29 244 49 390 89 28 8 59 16 70 19 11 2 65 21 120 41 55 20 112 40 126 44 14 5 34 13 45 18 10 6 35 17 54 26 66 29 245 119 275 138 17 10 39 23 50 29 32 16 52 30 194 135 171 126 334 286 491 481 30 37 123 177 140 209 6 11 19 34 30 50 37 58 162 318 195 405 9 25 22 59 29 75 18 41 36 94 46 130 5 17 13 44 18 60 6 17 18 57 27 90 9 33 23 80 31 105 8 25 14 54 14 64 0 11 6 42 14 70 18 63 36 154 46 226 4 30 12 87 18 125 68 425 90 1019 57 1545 -19 302 -41 559 -60 710 -8 63 -15 133 -15 154 0 22 -6 81 -14 130 -18 114 -35 239 -46 336 -4 41 -13 109 -20 150 -6 41 -18 118 -26 170 -8 52 -21 132 -29 176 -8 45 -15 94 -15 110 0 16 -6 62 -14 104 -14 71 -26 145 -61 363 -28 179 -47 293 -61 372 -8 44 -14 93 -14 109 0 15 -7 65 -15 110 -18 102 -43 289 -50 381 -3 39 -10 104 -15 145 -5 41 -9 132 -10 202 0 70 -4 129 -9 133 -6 3 -52 -42 -102 -100z"/> </g> </svg>');
    mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 678.000000 873.000000"><g transform="translate(0.000000,873.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M5939 8235 c-51 -59 -104 -121 -118 -139 -43 -55 -145 -181 -151 -186 -3 -3 -41 -50 -85 -105 -44 -55 -85 -104 -91 -110 -6 -5 -26 -30 -44 -55 -19 -25 -63 -79 -98 -120 -35 -41 -75 -88 -89 -105 -255 -300 -503 -556 -713 -734 -47 -40 -96 -83 -110 -95 -14 -12 -47 -38 -74 -57 -27 -19 -65 -46 -85 -60 -70 -50 -166 -115 -181 -122 -8 -4 -42 -23 -75 -42 -122 -71 -282 -142 -400 -178 -185 -56 -267 -68 -515 -77 -206 -7 -324 -18 -455 -42 -33 -6 -78 -14 -100 -18 -121 -22 -448 -120 -470 -141 -5 -5 -15 -9 -22 -9 -26 0 -301 -134 -421 -205 -85 -50 -287 -193 -338 -240 -6 -5 -40 -35 -75 -65 -214 -182 -448 -460 -584 -692 -67 -115 -205 -395 -205 -417 0 -5 -6 -22 -14 -38 -19 -38 -40 -95 -61 -168 -10 -33 -24 -78 -31 -100 -8 -23 -14 -49 -14 -59 0 -11 -6 -42 -14 -70 -18 -62 -40 -181 -57 -296 -17 -128 -23 -489 -9 -595 6 -49 15 -124 20 -165 4 -41 12 -95 18 -120 5 -25 18 -81 27 -125 9 -44 21 -91 27 -104 5 -14 13 -43 18 -65 4 -23 14 -57 20 -76 37 -102 66 -179 85 -225 27 -62 147 -301 165 -330 11 -16 24 -39 30 -50 51 -97 175 -265 301 -410 223 -257 478 -463 794 -641 82 -47 291 -144 308 -144 7 0 22 -7 33 -15 10 -8 27 -15 36 -15 10 0 32 -6 50 -14 68 -28 180 -63 243 -75 22 -4 58 -13 80 -19 62 -16 194 -41 255 -47 30 -3 89 -9 130 -15 98 -12 478 -12 600 0 52 6 131 12 175 15 91 6 262 29 380 51 155 29 244 49 390 89 28 8 59 16 70 19 11 2 65 21 120 41 55 20 112 40 126 44 14 5 34 13 45 18 10 6 35 17 54 26 66 29 245 119 275 138 17 10 39 23 50 29 32 16 52 30 194 135 171 126 334 286 491 481 30 37 123 177 140 209 6 11 19 34 30 50 37 58 162 318 195 405 9 25 22 59 29 75 18 41 36 94 46 130 5 17 13 44 18 60 6 17 18 57 27 90 9 33 23 80 31 105 8 25 14 54 14 64 0 11 6 42 14 70 18 63 36 154 46 226 4 30 12 87 18 125 68 425 90 1019 57 1545 -19 302 -41 559 -60 710 -8 63 -15 133 -15 154 0 22 -6 81 -14 130 -18 114 -35 239 -46 336 -4 41 -13 109 -20 150 -6 41 -18 118 -26 170 -8 52 -21 132 -29 176 -8 45 -15 94 -15 110 0 16 -6 62 -14 104 -14 71 -26 145 -61 363 -28 179 -47 293 -61 372 -8 44 -14 93 -14 109 0 15 -7 65 -15 110 -18 102 -43 289 -50 381 -3 39 -10 104 -15 145 -5 41 -9 132 -10 202 0 70 -4 129 -9 133 -6 3 -52 -42 -102 -100z"/> </g> </svg>');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-size: auto;
    mask-size: auto;
    background-color: var(--insuba-base, #0365d3)
}

.video-one__video-button__inner {
    padding: 40px;
    text-align: center;
    position: absolute;
    left: 20px;
    bottom: 19px;
    z-index: 1
}

.video-one__video-button .video-btn {
    margin: 0 auto 19px
}

.video-one__video-button__text {
    margin: 0;
    font-size: 17px;
    font-weight: 500;
    color: var(--insuba-white, #fff)
}

.video-one__shape-one {
    max-width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    left: 79px;
    z-index: 2;
    animation: 2s linear infinite moveHorizontal
}

.video-one__shape-two {
    max-width: 100%;
    height: auto;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    animation: 2s linear infinite moveHorizontal2
}

.video-one__shape-three {
    max-width: 100%;
    height: auto;
    position: absolute;
    left: 14.5%;
    bottom: -462px;
    z-index: 2;
    animation: 2s linear infinite moveHorizontal
}

.video-two {
    position: relative;
    padding-bottom: 265px;
    background-color: var(--insuba-black10, #000);
    overflow: hidden
}

@media (max-width:767px) {
    .video-one::after {
        background-image: none;
        background-color: RGBA(var(--insuba-black4-rgb, 15, 53, 100), .9)
    }

    .video-one__shape-one,
    .video-one__shape-two {
        display: none
    }

    .video-two {
        padding-bottom: 246px
    }
}

.video-two__bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    mix-blend-mode: luminosity
}

.video-two__overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1
}

.video-two__overlay::before {
    content: "";
    width: 60%;
    height: 100%;
    background: linear-gradient(90deg, RGBA(var(--insuba-base-rgb, 3, 101, 211), .9), transparent);
    position: absolute;
    top: 0;
    left: 0
}

.video-two__overlay::after {
    content: "";
    width: 50%;
    height: 100%;
    background: linear-gradient(90deg, transparent, RGBA(var(--insuba-base-rgb, 3, 101, 211), .5));
    position: absolute;
    top: 0;
    right: 0
}

.team-card__content::after,
.video-two .sec-title__box__inner {
    background-color: var(--insuba-white, #fff)
}

.video-two__shape {
    width: 193px;
    height: 260px;
    position: absolute;
    top: 0;
    right: 315px;
    background: linear-gradient(180deg, RGBA(var(--insuba-base-rgb, 3, 101, 211), .8), transparent);
    transform: skewX(19deg);
    z-index: 3
}

.video-two .container {
    position: relative;
    z-index: 2
}

.video-two .sec-title {
    margin: 0
}

.video-two .sec-title__box::after {
    border-color: transparent transparent transparent var(--insuba-base, #0365d3)
}

.video-two__video-button {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

.video-two__video-button::after {
    content: "";
    width: 585px;
    height: 742px;
    background-image: url(../images/shapes/video-shape-2-1.png);
    background-repeat: no-repeat;
    background-position: 100% 100%;
    background-size: cover;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.client-carousel__content,
.pricing-card__button,
.video-two__video-button__inner {
    text-align: center
}

.video-two__video-button .video-btn {
    margin: 0 auto 12px
}

.video-two__video-button__text {
    position: relative;
    z-index: 1;
    margin: 0;
    font-size: 17px;
    color: var(--insuba-white, #fff);
    font-weight: 500;
    text-transform: capitalize
}

.team-card {
    display: flex;
    align-items: center;
    gap: 41px
}

.team-card__image {
    position: relative;
    z-index: 1;
    flex-shrink: 0;
    overflow: hidden;
    border-radius: 15px
}

.team-card__image img {
    max-width: 100%;
    height: auto;
    border-radius: 15px
}

.team-card__image__shape {
    max-width: 100%;
    height: auto;
    position: absolute;
    left: -12px;
    bottom: -12px;
    transform: translate(-70px, 70px);
    opacity: 0;
    transition: .5s
}

.team-card:hover .team-card__image__shape {
    opacity: 1;
    transform: translate(0, 0)
}

.team-card__content {
    position: relative;
    padding: 23px 30px 28px 0
}

.team-card__content::after {
    content: "";
    width: calc(100% + 70px);
    height: 100%;
    position: absolute;
    top: 0;
    left: -70px;
    filter: drop-shadow(0 0 23px RGBA(var(--insuba-black10-rgb, 0, 0, 0), .06));
    border-radius: 15px;
    transition: .5s
}

.team-card-three__identity,
.team-card-two__content,
.team-card__content__inner,
.team-three .container {
    position: relative;
    z-index: 2
}

.team-card__content__shape {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    z-index: 1;
    border-radius: 15px
}

.team-card__content__shape__one,
.team-card__content__shape__two {
    width: 70px;
    height: 118px;
    position: absolute;
    transform: rotate(45deg);
    opacity: 0;
    transition: .5s
}

.team-card__content__shape__one {
    background-color: var(--insuba-base, #0365d3);
    right: -83px;
    bottom: 22px
}

.team-card__content__shape__two {
    background-color: var(--insuba-black5, #0f3667);
    right: -32px;
    bottom: -65px
}

.team-card:hover .team-card__content::after {
    filter: drop-shadow(0 0 23px rgba(0, 0, 0, .15))
}

.team-card:hover .team-card__content__shape__one,
.team-card:hover .team-card__content__shape__two {
    opacity: 1
}

.team-card-three__name,
.team-card__name {
    margin-bottom: 8px;
    font-size: 22px;
    font-weight: 700;
    text-transform: capitalize;
    line-height: 1.318
}

.team-card__name a {
    transition: .5s
}

.team-card__designation {
    margin-bottom: 8px;
    font-weight: 500;
    text-transform: capitalize;
    line-height: 1.625
}

.team-card__text {
    margin-bottom: 13px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.642
}

.team-card .social-links {
    gap: 13px
}

.team-card .social-links a {
    width: 26px;
    height: 26px;
    border: 1px solid RGBA(var(--insuba-black10-rgb, 0, 0, 0), .17)
}

.team-card .social-links__icon {
    font-size: 12px;
    color: var(--insuba-gray5, #cacaca)
}

.product-details .social-links a:hover,
.team-card .social-links a:hover,
.team-card-three .social-links a:hover,
.team-card-two .social-links a:hover,
.team-details .social-links a:hover {
    background-color: var(--insuba-base, #0365d3);
    border-color: var(--insuba-base, #0365d3)
}

.team-card-two {
    padding: 330px 40px 22px;
    position: relative;
    overflow: hidden
}

.team-card-two::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--insuba-black4, #0f3564);
    border-radius: 20px 20px 101px
}

.team-card-two__image {
    width: 100%;
    height: 306px;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 20px 20px 0 101px;
    overflow: hidden;
    transition: .5s;
    z-index: 1
}

.team-card-two__image::after {
    content: "";
    width: 100%;
    height: 0;
    position: absolute;
    left: 0;
    bottom: 0;
    background: linear-gradient(180deg, transparent 60%, RGBA(var(--insuba-base-rgb, 3, 101, 211), 1)) 40%;
    border-radius: inherit;
    transition: .4s
}

.team-card-two__image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: top;
    border-radius: inherit
}

.team-card-two:hover .team-card-two__image {
    height: 100%;
    border-radius: 20px 20px 101px
}

.team-card-two:hover .team-card-two__image::after {
    height: 100%;
    top: 0
}

.service-card-two__title,
.team-card-two__name {
    margin-bottom: 8px;
    font-size: 22px;
    font-weight: 700;
    color: var(--insuba-white, #fff);
    text-transform: capitalize;
    line-height: 1.318
}

.team-card-two__name a {
    transition: .5s
}

.team-card-two__designation {
    margin: 0;
    font-weight: 500;
    color: var(--insuba-white, #fff);
    text-transform: capitalize;
    line-height: 1.625
}

.team-card-two__btn {
    position: absolute;
    right: 0;
    bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 62px;
    height: 62px;
    font-size: 25px;
    color: var(--insuba-white, #fff);
    background-color: var(--insuba-base, #0365d3);
    border-radius: 50%;
    border: 5px solid var(--insuba-white, #fff);
    z-index: 3;
    transition: .5s
}

.team-card-two__btn svg {
    width: 1em;
    height: 1em;
    fill: currentColor
}

.team-card-two__btn:hover {
    transform: rotate(45deg);
    background-color: var(--insuba-black4, #0f3564)
}

.team-card-three:hover .team-card-three__btn::after,
.team-card-three:hover .team-card-three__btn::before,
.team-card-three__content::after {
    background-color: var(--insuba-base, #0365d3)
}

.team-card-two .social-links {
    margin: 0;
    position: absolute;
    right: 17px;
    bottom: 91px;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    z-index: 2
}

.team-card-three .social-links li,
.team-card-two .social-links li {
    position: relative;
    right: -60px;
    opacity: 0;
    transition: .5s
}

.team-card-three .social-links li:first-child,
.team-card-two .social-links li:first-child {
    transition-delay: 0s
}

.team-card-three .social-links li:nth-child(2),
.team-card-two .social-links li:nth-child(2) {
    transition-delay: 0.1s
}

.team-card-three .social-links li:nth-child(3),
.team-card-two .social-links li:nth-child(3) {
    transition-delay: 0.2s
}

.team-card-three .social-links li:nth-child(4),
.team-card-two .social-links li:nth-child(4) {
    transition-delay: 0.3s
}

.team-card-three .social-links a,
.team-card-two .social-links a {
    width: 37px;
    height: 37px;
    background-color: var(--insuba-white, #fff);
    border: 1px solid var(--insuba-black9, #0f3260)
}

.team-card-three .social-links__icon,
.team-card-two .social-links__icon {
    color: var(--insuba-black9, #0f3260)
}

.blog-card__date__day,
.team-card-three .social-links a:hover .social-links__icon,
.team-card-three:hover .team-card-three__designation,
.team-card-three:hover .team-card-three__name,
.team-details .social-links a:hover .social-links__icon,
.team-one__btn__icon,
.team-three .sec-title__title {
    color: var(--insuba-white, #fff)
}

.team-card-three:hover .social-links li,
.team-card-two:hover .social-links li {
    opacity: 1;
    right: 0
}

.demo-one__image,
.service-card-four,
.team-card-three {
    position: relative;
    overflow: hidden
}

.team-card-three__content {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    padding: 24px 41px 137px;
    border: 1px solid var(--insuba-border-color, #ddd);
    border-radius: 25px 25px 101px;
    background-color: var(--insuba-white, #fff);
    transition: .5s
}

@media (max-width:425px) {
    .team-card-three__content {
        padding-left: 35px;
        padding-right: 35px
    }
}

@media (max-width:412px) {
    .team-card-three__content {
        padding-left: 30px;
        padding-right: 30px;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start
    }

    .topbar {
        display: none
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .team-card {
        flex-direction: column;
        gap: 20px
    }

    .team-card__content {
        padding-left: 30px;
        text-align: center
    }

    .team-card__content::after {
        width: 100%;
        left: 0
    }

    .team-card .social-links {
        justify-content: center
    }

    .team-card-three__content {
        padding-left: 35px;
        padding-right: 35px;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start
    }
}

.team-card-three__btn,
.team-one__btn {
    display: flex;
    align-items: center;
    transition: .5s
}

.team-card-three__content::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transform: scale(.85);
    opacity: 0;
    border-radius: inherit;
    transition: .5s
}

.team-card-three:hover .team-card-three__content {
    border-color: var(--insuba-base, #0365d3)
}

.team-card-three:hover .team-card-three__content::after {
    transform: scale(1);
    opacity: 1
}

.team-card-three__name a {
    transition: .5s
}

.team-card-three__designation {
    margin: 0;
    font-weight: 500;
    text-transform: capitalize;
    line-height: 1.625;
    transition: .5s
}

.team-card-three__btn {
    position: relative;
    top: -6px;
    z-index: 2;
    width: 50px;
    height: 50px;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 50%;
    background-color: var(--insuba-black4, #0f3564)
}

.team-card-three__btn::after,
.team-card-three__btn::before {
    content: "";
    width: 2px;
    height: 17px;
    background-color: var(--insuba-white, #fff);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: .5s
}

.team-card-three__btn::after {
    transform: translate(-50%, -50%) rotate(90deg)
}

.team-one__area::after,
.team-one__border-col::after {
    transform: translateY(-50%);
    background-color: var(--insuba-border-color, #ddd);
    top: 50%;
    content: ""
}

.team-card-three__btn:hover::before {
    opacity: 0
}

.blog-one,
.blog-page,
.blog-three,
.blog-two,
.team-card-three:hover .team-card-three__btn,
.team-one,
.team-page,
.team-three,
.team-two {
    background-color: var(--insuba-white, #fff)
}

.team-one__btn,
.team-three__bg {
    background-color: var(--insuba-black5, #0f3667)
}

.team-card-three__image {
    position: relative;
    margin-top: -122px;
    text-align: center;
    z-index: 2
}

.team-card-three__image img {
    margin: 0 auto;
    width: auto !important;
    max-width: 100%;
    height: auto;
    border-radius: 101px 0 25px 25px
}

.team-card-three:hover .team-card-three__image img {
    animation-name: wobble-horizontal-hover;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: 1
}

.team-card-three .social-links {
    margin: 0;
    position: absolute;
    right: 17px;
    bottom: 51px;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    z-index: 2
}

.team-one__area {
    position: relative;
    padding: 40px;
    border: 1px solid var(--insuba-border-color, #ddd);
    border-radius: 30px;
    overflow: hidden
}

@media (max-width:425px) {
    .team-one__area {
        padding: 30px
    }
}

.team-one__area::after {
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0
}

.team-one__row {
    --bs-gutter-x: 110px;
    --bs-gutter-y: 82px
}

.team-one__border-col {
    position: relative
}

.team-one__border-col::after {
    width: 1px;
    height: calc(100% + 200px);
    position: absolute;
    right: 1px
}

.team-one__btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    justify-content: center;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    border: 5px solid var(--insuba-white, #fff);
    filter: drop-shadow(0 0 55.5px rgba(160, 163, 189, .37));
    z-index: 3
}

.team-one__btn:hover {
    background-color: var(--insuba-base, #0365d3)
}

.team-one__btn__icon {
    display: inline-flex;
    font-size: 25px;
    transition: .5s
}

.team-details__about__title,
.team-details__name {
    font-size: 22px;
    font-weight: 700;
    text-transform: capitalize;
    line-height: 1.318
}

.team-one__btn__icon svg {
    width: 1em;
    height: 1em;
    fill: currentColor
}

.team-one__btn:hover .team-one__btn__icon {
    transform: rotate(45deg)
}

.team-three {
    position: relative;
    padding-top: 652px;
    overflow: hidden
}

@media (max-width:767px) {
    .team-card {
        flex-direction: column;
        gap: 20px
    }

    .team-card__content {
        padding-left: 30px;
        text-align: center
    }

    .team-card__content::after {
        width: 100%;
        left: 0
    }

    .team-card .social-links {
        justify-content: center
    }

    .team-three {
        padding-top: 632px
    }
}

.team-three__bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900.000000 654.000000"><g transform="translate(0.000000,654.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M0 3256 l0 -3256 4500 0 4500 0 0 1930 c0 1649 -2 1930 -14 1930 -8 0 -19 12 -25 28 -6 15 -20 41 -31 57 -11 17 -23 37 -27 45 -4 8 -25 41 -47 75 -23 33 -45 68 -51 77 -52 88 -205 291 -327 433 -56 65 -271 281 -328 331 -46 39 -238 184 -244 184 -3 0 -25 13 -49 30 -48 32 -202 113 -233 123 -10 3 -44 15 -74 26 -94 36 -209 59 -375 75 -88 9 -203 21 -255 27 -52 6 -131 15 -175 19 -44 4 -114 13 -155 19 -205 32 -270 43 -325 53 -33 6 -82 14 -110 18 -27 4 -75 13 -105 19 -30 7 -89 19 -130 28 -72 14 -128 27 -235 53 -27 7 -68 16 -90 20 -22 4 -53 13 -70 19 -26 11 -31 10 -47 -11 -10 -13 -21 -34 -24 -48 -3 -14 -12 -40 -20 -58 -8 -18 -14 -39 -14 -46 0 -21 -38 -102 -54 -115 -11 -9 -29 -9 -78 3 -34 8 -99 22 -143 31 -44 9 -105 23 -135 30 -30 7 -91 21 -135 30 -44 9 -105 23 -135 30 -30 7 -91 21 -135 30 -44 9 -100 22 -125 27 -25 6 -67 14 -95 18 -27 4 -75 13 -105 19 -172 33 -490 71 -596 71 -53 0 -64 -3 -76 -22 -21 -34 -65 -150 -75 -198 -3 -14 -15 -37 -25 -52 -18 -27 -23 -28 -101 -28 -75 0 -190 14 -342 41 -33 6 -80 14 -105 19 -25 4 -67 13 -95 20 -27 6 -75 18 -105 25 -79 19 -177 44 -235 60 -100 26 -141 36 -180 44 -22 4 -58 13 -80 19 -163 44 -365 72 -516 72 -198 0 -466 47 -607 106 -18 8 -39 14 -47 14 -7 0 -26 6 -42 14 -15 7 -44 20 -63 28 -57 25 -243 118 -275 138 -16 11 -39 24 -50 30 -144 76 -378 262 -557 443 l-108 109 0 -3256z"/> </g> </svg>');
    mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900.000000 654.000000"><g transform="translate(0.000000,654.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M0 3256 l0 -3256 4500 0 4500 0 0 1930 c0 1649 -2 1930 -14 1930 -8 0 -19 12 -25 28 -6 15 -20 41 -31 57 -11 17 -23 37 -27 45 -4 8 -25 41 -47 75 -23 33 -45 68 -51 77 -52 88 -205 291 -327 433 -56 65 -271 281 -328 331 -46 39 -238 184 -244 184 -3 0 -25 13 -49 30 -48 32 -202 113 -233 123 -10 3 -44 15 -74 26 -94 36 -209 59 -375 75 -88 9 -203 21 -255 27 -52 6 -131 15 -175 19 -44 4 -114 13 -155 19 -205 32 -270 43 -325 53 -33 6 -82 14 -110 18 -27 4 -75 13 -105 19 -30 7 -89 19 -130 28 -72 14 -128 27 -235 53 -27 7 -68 16 -90 20 -22 4 -53 13 -70 19 -26 11 -31 10 -47 -11 -10 -13 -21 -34 -24 -48 -3 -14 -12 -40 -20 -58 -8 -18 -14 -39 -14 -46 0 -21 -38 -102 -54 -115 -11 -9 -29 -9 -78 3 -34 8 -99 22 -143 31 -44 9 -105 23 -135 30 -30 7 -91 21 -135 30 -44 9 -105 23 -135 30 -30 7 -91 21 -135 30 -44 9 -100 22 -125 27 -25 6 -67 14 -95 18 -27 4 -75 13 -105 19 -172 33 -490 71 -596 71 -53 0 -64 -3 -76 -22 -21 -34 -65 -150 -75 -198 -3 -14 -15 -37 -25 -52 -18 -27 -23 -28 -101 -28 -75 0 -190 14 -342 41 -33 6 -80 14 -105 19 -25 4 -67 13 -95 20 -27 6 -75 18 -105 25 -79 19 -177 44 -235 60 -100 26 -141 36 -180 44 -22 4 -58 13 -80 19 -163 44 -365 72 -516 72 -198 0 -466 47 -607 106 -18 8 -39 14 -47 14 -7 0 -26 6 -42 14 -15 7 -44 20 -63 28 -57 25 -243 118 -275 138 -16 11 -39 24 -50 30 -144 76 -378 262 -557 443 l-108 109 0 -3256z"/> </g> </svg>');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-size: cover;
    mask-size: cover
}

.team-three__image-left {
    max-width: 100%;
    height: auto;
    position: absolute;
    left: 0;
    bottom: 0;
    opacity: .05;
    z-index: 1
}

.team-three__shape {
    max-width: 100%;
    height: auto;
    position: absolute;
    right: 0;
    bottom: -185px;
    opacity: .06;
    z-index: 1;
    animation: 2s linear infinite zump
}

.blog-card-two__shape,
.page-header__image {
    animation: 2s linear infinite moveHorizontal
}

.team-page .team-card__image img,
.team-page .team-card__image__shape {
    display: inline-block !important;
    width: auto !important
}

.team-details__image img {
    max-width: 100%;
    height: auto;
    border-radius: 10px
}

.team-details__about {
    max-width: 637px
}

.team-details__about__title {
    margin-bottom: 20px
}

.team-details__about__text {
    margin-bottom: 18px
}

.team-details__skill {
    max-width: 572px;
    margin-bottom: 25px
}

.team-details .progress-box+.progress-box {
    margin-top: 24px
}

.team-details .progress-box__title {
    margin-bottom: 11px;
    font-weight: 500
}

.team-details .progress-box__bar {
    margin-left: 0
}

.team-details .progress-box__number {
    bottom: calc(100% + 11px);
    font-weight: 500
}

.about-two__list,
.team-details__identity {
    margin-bottom: 16px
}

.team-details__name {
    margin-bottom: 5px
}

.team-details__designation {
    margin: 0;
    font-weight: 500
}

.team-details .social-links {
    gap: 15px
}

.team-details .social-links a {
    width: 35px;
    height: 35px;
    background-color: transparent;
    border: 1px solid var(--insuba-gray5, #cacaca)
}

.blog-card__image::after,
li:hover .team-details__info__icon-box {
    background-color: var(--insuba-base, #0365d3)
}

.team-details .social-links__icon {
    color: var(--insuba-gray5, #cacaca)
}

.team-details__bottom {
    margin-top: 44px;
    padding-bottom: 50px;
    border-bottom: 1px solid var(--insuba-border-color, #ddd)
}

.blog-three__list,
.team-details__bottom__text {
    margin: 0
}

.team-details__info {
    margin: 47px 0 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 25px 69px
}

.team-details__info li {
    display: flex;
    align-items: center;
    gap: 20px
}

.team-details__info__icon-box {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border: 1px solid var(--insuba-base, #0365d3);
    border-radius: 50%;
    overflow: hidden;
    transition: .5s
}

.team-details__info__icon {
    display: inline-flex;
    font-size: 14px;
    color: var(--insuba-base, #0365d3)
}

.team-details__info__icon svg {
    width: 1em;
    height: 1em;
    fill: currentColor
}

li:hover .team-details__info__icon {
    color: var(--insuba-white, #fff);
    animation: .4s slideTop
}

.blog-card-two__title:hover,
.blog-card__title:hover,
.team-details__info a:hover {
    color: var(--insuba-base, #0365d3)
}

.team-details__info a {
    font-size: 16px;
    color: var(--insuba-text, #636363);
    font-weight: 400;
    line-height: 1.625
}

.blog-card-three__admin__name a,
.blog-card-three__title a,
.blog-card-two__title a,
.blog-card__title a,
.blog-three__card__title a {
    color: inherit;
    background: linear-gradient(to right, currentcolor 0, currentcolor 100%) 0 95%/0 1px no-repeat
}

.blog-card__image {
    margin-bottom: -103px;
    position: relative;
    z-index: 2
}

.blog-card__image::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    border-radius: 0 100px;
    transition: .5s
}

.blog-card__image__inner {
    position: relative;
    border-radius: 0 100px;
    overflow: hidden;
    z-index: 1
}

.blog-card__image__inner img {
    width: 100%;
    display: block;
    border-radius: inherit;
    transition: .5s
}

.blog-card__image__link {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background-color: rgba(var(--insuba-black3-rgb, 25, 35, 43), .7);
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transform: translateY(-20%);
    z-index: 1;
    border-radius: inherit;
    transition: opacity .5s, transform .5s
}

.blog-card__image__link::after,
.blog-card__image__link::before {
    content: "";
    width: 25px;
    height: 2px;
    background-color: var(--insuba-white, #fff);
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.blog-card__image__link::after {
    transform: translate(-50%, -50%) rotate(90deg)
}

.blog-card:hover .blog-card__image::after {
    top: -4px;
    opacity: 1
}

.blog-card:hover .blog-card__image__link {
    opacity: 1;
    transform: translateY(0)
}

.blog-card:hover .blog-card__image img {
    transform: scale(1.1)
}

.blog-card__date {
    width: 90px;
    height: 95px;
    position: absolute;
    left: 34px;
    bottom: -26px;
    transform: rotate(-27deg);
    z-index: 2;
    background-color: var(--insuba-black5, #0f3667);
    border-radius: 0 30px;
    overflow: hidden;
    transition: .5s
}

.blog-card:hover .blog-card__date,
.blog-card__date__day {
    background-color: var(--insuba-base, #0365d3)
}

.blog-card__date::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 5px solid var(--insuba-white, #fff);
    border-radius: inherit
}

.blog-card__date__day {
    display: block;
    width: 45px;
    height: 45px;
    position: absolute;
    top: 0;
    right: 0;
    transform: rotate(27deg);
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    line-height: 54px;
    border-radius: 23px;
    transition: .5s
}

.blog-card__date__month,
.blog-card__date__year {
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    position: relative;
    z-index: 1;
    font-family: var(--insuba-font2, "Rubik", sans-serif);
    display: block;
    color: var(--insuba-white, #fff)
}

.blog-card__date__month {
    margin-left: 11px;
    margin-top: 50px;
    text-transform: uppercase;
    transform: rotate(27deg)
}

.blog-card__date__year {
    margin-left: 25px
}

.blog-card:hover .blog-card__date__day,
.blog-card__link__front {
    background-color: var(--insuba-black3, #19232b)
}

.blog-card__content {
    position: relative;
    padding: 153px 30px 40px;
    border: 1px solid var(--insuba-gray2, #b4b5ba);
    border-radius: 100px 0;
    z-index: 1;
    transition: .5s
}

.blog-card:hover .blog-card__content {
    border-color: var(--insuba-base, #0365d3)
}

.blog-card-two__title,
.blog-card__title {
    margin-bottom: 10px;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.318;
    text-transform: capitalize
}

.blog-card__title a {
    transition: .5s
}

.about-four .sec-title,
.about-two .sec-title,
.app-store__description,
.blog-card__text,
.skill-selling__text {
    margin-bottom: 26px
}

.blog-card__link {
    display: block;
    width: 203px;
    position: relative
}

.blog-card__link__front {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    color: var(--insuba-white, #fff);
    perspective: 300px;
    transform-origin: top center;
    transform: translateY(0) translateZ(0) scaleY(1) rotateX(0);
    transition: transform .5s
}

.blog-card__link__front svg {
    width: 1em;
    height: 1em;
    fill: currentColor
}

.blog-card__link:hover .blog-card__link__front {
    transform-origin: bottom center;
    transform: translateY(-100%) translateZ(150px) scaleY(0) rotateX(90deg)
}

.blog-card__link__back {
    padding: 10.5px 82px 10.5px 38px;
    position: absolute;
    top: 0;
    left: 0;
    transition: transform .7s, top .7s;
    transform: translateY(0) translateZ(150px) scaleY(0) rotateX(90deg);
    perspective: 300px;
    transform-origin: bottom center
}

.blog-card__link:hover .blog-card__link__back {
    transition: transform .5s, top .5s;
    transform: translateY(0) translateZ(0) scaleY(1) rotateX(0)
}

.blog-card__shape {
    position: absolute;
    width: 38px;
    height: 34px;
    background-color: var(--insuba-gray3, #eee);
    clip-path: polygon(7% 0, 0% 100%, 100% 100%);
    transition: .6s
}

.blog-card__shape--1 {
    right: 74px;
    bottom: 29px
}

.blog-card__shape--2 {
    right: 51px;
    bottom: 49px
}

.blog-card__shape--3 {
    right: 23px;
    bottom: 66px
}

.blog-card:hover .blog-card__shape {
    transform: rotate(180deg)
}

.blog-card:hover .blog-card__shape--2 {
    background-color: var(--insuba-base, #0365d3)
}

.blog-card--four .blog-card__content {
    border-color: var(--insuba-gray, #e0e0e0);
    border-radius: 0 0 100px
}

.blog-card-two {
    position: relative;
    padding: 9px;
    border: 1px solid var(--insuba-border-color, #ddd);
    border-radius: 20px;
    overflow: hidden
}

.blog-card-two__image {
    position: relative;
    z-index: 1
}

.blog-card-two__image__inner {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    z-index: 1
}

.blog-card-two__image__inner img {
    width: 100%;
    display: block;
    border-radius: inherit;
    transition: .5s
}

.blog-card-two__image__link {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background-color: rgba(var(--insuba-black3-rgb, 25, 35, 43), .7);
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transform: translateY(-20%);
    z-index: 1;
    border-radius: inherit;
    transition: opacity .5s, transform .5s
}

.blog-card-two__image__link::after,
.blog-card-two__image__link::before {
    content: "";
    width: 25px;
    height: 2px;
    background-color: var(--insuba-white, #fff);
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.blog-card-two__image__link::after {
    transform: translate(-50%, -50%) rotate(90deg)
}

.blog-card-two:hover .blog-card-two__image__link {
    opacity: 1;
    transform: translateY(0)
}

.blog-card-two:hover .blog-card-two__image img,
.blog-three__blog:hover .blog-three__blog__image {
    transform: scale(1.1)
}

.blog-card-two__date {
    min-width: 69px;
    position: absolute;
    top: -10px;
    right: -10px;
    z-index: 2;
    font-family: var(--insuba-font2, "Rubik", sans-serif);
    font-size: 16px;
    text-align: center;
    font-weight: 500;
    color: var(--insuba-white, #fff);
    line-height: 1;
    border-radius: 0 22px;
    background-color: var(--insuba-black5, #0f3667);
    overflow: hidden;
    transition: .5s
}

.blog-card-two__date__day {
    padding: 8px 8px 5px
}

.blog-card-two__date__month {
    padding: 0 8px 7px
}

.blog-card-two__date__year {
    position: relative;
    padding: 11px 8px 9px;
    z-index: 1
}

.blog-card-two__date__year::after {
    content: "";
    width: 95px;
    height: 45px;
    background-color: var(--insuba-base, #0365d3);
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
    -webkit-mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 95.000000 45.000000"><g transform="translate(0.000000,45.000000) scale(0.050000,-0.050000)" stroke="none"> <path d="M617 869 c-827 -150 -817 -694 17 -839 718 -125 1440 195 1227 544 -152 249 -735 387 -1244 295z"/> </g> </svg>');
    mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 95.000000 45.000000"><g transform="translate(0.000000,45.000000) scale(0.050000,-0.050000)" stroke="none"> <path d="M617 869 c-827 -150 -817 -694 17 -839 718 -125 1440 195 1227 544 -152 249 -735 387 -1244 295z"/> </g> </svg>');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-size: auto;
    mask-size: auto
}

.blog-card-two__content {
    position: relative;
    padding: 35px 42px 32px;
    z-index: 1
}

@media (max-width:1199px) {

    .team-three__image-left,
    .video-one__shape-three,
    .video-two__video-button::after {
        display: none
    }

    .team-details__about,
    .team-details__skill {
        max-width: 100%
    }

    .team-details__info {
        gap: 25px 40px
    }

    .blog-card-two__content {
        padding-left: 30px;
        padding-right: 30px
    }
}

@media (max-width:991px) {
    .video-one__description {
        padding-right: 0
    }

    .video-two__overlay::before {
        width: 100%;
        background: RGBA(var(--insuba-base-rgb, 3, 101, 211), .7)
    }

    .team-one__area::after,
    .team-one__btn,
    .video-two__overlay::after {
        display: none
    }

    .video-two .sec-title {
        text-align: center
    }

    .team-one__row {
        --bs-gutter-y: 40px
    }

    .blog-card-two__content {
        padding-left: 25px;
        padding-right: 25px
    }

    .blog-page .post-pagination {
        margin-top: 20px
    }
}

.blog-card-two__title a {
    transition: .5s
}

.blog-card-two__text,
.services-four__top {
    margin-bottom: 23px
}

.blog-card-two__link {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--insuba-black3, #19232b);
    overflow: hidden;
    transition: .5s
}

.blog-card-three__category,
.blog-card-two__link:hover {
    background-color: var(--insuba-base, #0365d3)
}

.blog-card-two__link__icon {
    display: inline-flex;
    font-size: 13px;
    color: var(--insuba-white, #fff)
}

.blog-card-two__link__icon svg {
    width: 1em;
    height: 1em;
    fill: currentColor
}

.blog-card-two__link:hover .blog-card-two__link__icon {
    animation: .4s slideLeft
}

.blog-card-two__shape {
    max-width: 100%;
    height: auto;
    position: absolute;
    right: -65px;
    bottom: -7px
}

.blog-card-three__image,
.insurance-details__list {
    margin-bottom: 42px
}

.blog-card-three__image img {
    width: 100%;
    display: block
}

.blog-card-three__comment__icon svg,
.blog-card-three__date__icon svg,
.blog-three__card__btn__icon svg,
.main-header__search__icon svg,
.main-header__user__icon svg,
.topbar__info__icon svg {
    width: 1em;
    height: 1em;
    fill: currentColor
}

.blog-card-three__meta {
    margin-bottom: 24px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px 30px
}

.blog-card-three__category {
    padding: 7px 31.5px;
    font-size: 17px;
    font-weight: 500;
    line-height: 1.4;
    color: var(--insuba-white, #fff);
    text-transform: uppercase;
    border-radius: 20px;
    transition: .5s
}

.blog-card-three__admin__name,
.blog-card-three__comment__text,
.blog-card-three__date__text {
    text-transform: capitalize;
    line-height: 1.75;
    font-weight: 400
}

.blog-card-three__category:hover {
    background-color: var(--insuba-black, #122f2a)
}

.blog-card-three__admin {
    display: flex;
    align-items: center;
    gap: 11px
}

.blog-card-three__admin__image {
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 2px solid var(--insuba-base, #0365d3)
}

.blog-card-three__admin__name {
    margin: 0;
    font-family: var(--insuba-font, "Roboto", sans-serif);
    font-size: 16px;
    color: var(--insuba-text, #636363)
}

.blog-card-three__admin__name a {
    transition: .5s
}

.blog-card-three__admin__name a:hover,
.insuba-breadcrumb li a:hover {
    background-size: 100% 1px;
    color: var(--insuba-base, #0365d3)
}

.blog-card-three__comment,
.blog-card-three__date {
    display: flex;
    align-items: center;
    gap: 10px
}

.blog-card-three__comment__icon {
    display: inline-flex;
    flex-shrink: 0;
    font-size: 18px;
    color: var(--insuba-base, #0365d3)
}

.blog-card-three__comment__text {
    font-family: var(--insuba-font, "Roboto", sans-serif);
    font-size: 16px;
    color: var(--insuba-text, #636363);
    transition: .5s
}

.blog-card-three__date__icon,
.blog-card-three__title:hover {
    color: var(--insuba-base, #0365d3)
}

.blog-card-three__comment__text:hover {
    color: var(--insuba-base, #0365d3);
    text-shadow: 0 0 .5px currentColor
}

.blog-card-three__date__icon {
    position: relative;
    top: -1px;
    display: inline-flex;
    flex-shrink: 0;
    font-size: 18px
}

.blog-card-three__date__text {
    margin: 0;
    font-size: 16px;
    color: var(--insuba-text, #636363);
    transition: .5s
}

.blog-card-three__title {
    margin-bottom: 11px;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.363
}

.blog-card-three__title a {
    transition: .5s
}

.blog-card-three__text {
    margin-bottom: 27px;
    line-height: 1.625
}

.blog-card-three__btn {
    padding: 10.5px 82px 10.5px 38px
}

.blog-three__blog {
    position: relative;
    margin-right: 30px;
    display: block;
    border-radius: 15px;
    overflow: hidden
}

.blog-three__blog::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(180deg, transparent 60%, var(--insuba-base, #0365d3));
    border-radius: inherit
}

.blog-three__card__btn:hover,
.blog-three__card__date__year::after {
    background-color: var(--insuba-base, #0365d3)
}

.blog-three__blog__image {
    display: block;
    width: 100%;
    border-radius: inherit;
    transition: .5s
}

.blog-three__blog__author {
    padding-left: 30px;
    padding-right: 30px;
    width: 100%;
    position: absolute;
    left: 50%;
    bottom: 31px;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px 22px;
    z-index: 1
}

.blog-three__blog__author__image {
    flex-shrink: 0;
    width: 67px;
    height: 67px;
    border-radius: 50%;
    border: 2px solid var(--insuba-white, #fff)
}

.blog-three__blog__author__text {
    margin: 0;
    font-size: 17px;
    color: var(--insuba-white, #fff)
}

.blog-three__blog__author__name {
    margin: 0;
    font-size: 22px;
    color: var(--insuba-white, #fff);
    font-weight: 700;
    line-height: 1.318
}

.blog-three__list li+li,
.insurance-sidebar__single+.insurance-sidebar__single,
.testimonials-two__carousel.owl-carousel .owl-nav.disabled+.owl-dots {
    margin-top: 50px
}

.blog-three__card {
    position: relative;
    padding-bottom: 26px;
    display: flex;
    align-items: flex-start;
    gap: 30px;
    border-bottom: 1px solid var(--insuba-border-color, #ddd);
    transition: .5s
}

.blog-three__card:hover {
    border-color: var(--insuba-base, #0365d3)
}

.blog-three__card__date {
    min-width: 69px;
    display: inline-block;
    flex-shrink: 0;
    position: relative;
    z-index: 2;
    font-family: var(--insuba-font2, "Rubik", sans-serif);
    font-size: 16px;
    text-align: center;
    font-weight: 500;
    color: var(--insuba-white, #fff);
    line-height: 1;
    border-radius: 0 22px;
    background-color: var(--insuba-black5, #0f3667);
    overflow: hidden;
    transition: .5s
}

.blog-three__card__btn__icon,
.blog-three__card__title:hover,
.topbar--two .topbar__text span,
.topbar__info li:hover,
.topbar__info__icon {
    color: var(--insuba-base, #0365d3)
}

.blog-three__card__date__day {
    padding: 8px 8px 5px
}

.blog-three__card__date__month {
    padding: 0 8px 7px
}

.blog-three__card__date__year {
    position: relative;
    padding: 11px 8px 9px;
    z-index: 1
}

.blog-three__card__date__year::after {
    content: "";
    width: 95px;
    height: 45px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
    -webkit-mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 95.000000 45.000000"><g transform="translate(0.000000,45.000000) scale(0.050000,-0.050000)" stroke="none"> <path d="M617 869 c-827 -150 -817 -694 17 -839 718 -125 1440 195 1227 544 -152 249 -735 387 -1244 295z"/> </g> </svg>');
    mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 95.000000 45.000000"><g transform="translate(0.000000,45.000000) scale(0.050000,-0.050000)" stroke="none"> <path d="M617 869 c-827 -150 -817 -694 17 -839 718 -125 1440 195 1227 544 -152 249 -735 387 -1244 295z"/> </g> </svg>');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-size: auto;
    mask-size: auto
}

.blog-three__card__content {
    margin-top: -4px;
    padding-right: 172px
}

@media (min-width:992px) and (max-width:1199px) {
    .blog-card__content {
        padding-left: 25px;
        padding-right: 25px
    }

    .blog-card__title {
        font-size: 21px
    }

    .blog-card__link {
        width: 173px
    }

    .blog-card__link__back {
        padding-left: 25px;
        padding-right: 65px
    }

    .blog-three__card {
        gap: 25px
    }

    .blog-three__card__content {
        padding-right: 125px
    }
}

@media (max-width:767px) {
    .blog-three__card__content {
        padding-right: 130px
    }

    .main-header__btn {
        display: none
    }
}

.blog-three__card__title {
    margin-bottom: 12px;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.318
}

.demo-one__title,
.main-menu .main-menu__list li ul li>a {
    font-weight: 600;
    font-family: var(--insuba-font, "Roboto", sans-serif)
}

.blog-three__card__title a {
    transition: .5s
}

.about-three__text,
.about-two__text,
.blog-three__card__text,
.footer-widget__info,
.footer-widget__links,
.insurance-sidebar__nav,
.sidebar__categories,
.sidebar__posts {
    margin: 0
}

.blog-three__card__btn {
    position: absolute;
    top: 0;
    right: 0;
    width: 100px;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    background-color: var(--insuba-white5, #f0f5f5);
    transition: .5s
}

.blog-three__card__btn__icon-box {
    width: 76px;
    height: 96px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--insuba-white, #fff)
}

.blog-three__card__btn__icon {
    position: relative;
    display: inline-flex;
    border-radius: 16px;
    font-size: 26px;
    z-index: 1;
    transition: .5s
}

.blog-three__card__btn__icon::after {
    content: "";
    width: 16px;
    height: 16px;
    background-color: RGBA(var(--insuba-black5-rgb, 15, 54, 103), .22);
    position: absolute;
    left: 13px;
    bottom: -3px;
    border-radius: 50%;
    z-index: -1
}

.blog-three__card__btn:hover .blog-three__card__btn__icon {
    transform: rotate(90deg)
}

.blog-page .post-pagination,
.funfact--home-1 .funfact__count,
.product-page .post-pagination {
    justify-content: center
}

.blog-page--sidebar .post-pagination {
    justify-content: flex-start
}

@media (max-width:991px) {

    .blog-page--list .post-pagination,
    .blog-page--sidebar .post-pagination {
        margin-top: 10px
    }

    .blog-page--sidebar .post-pagination {
        justify-content: center
    }
}

.blog-page--grid .post-pagination,
.faq-accordion .accordion+.accordion,
.product__sidebar__item+.product__sidebar__item {
    margin-top: 30px
}

.main-header,
.topbar {
    position: relative;
    z-index: 999
}

.topbar__bg,
.topbar__bg::after {
    height: 100%;
    position: absolute;
    top: 0;
    right: 0
}

.topbar__info,
.topbar__inner {
    display: flex;
    align-items: center
}

.topbar__bg {
    background-color: var(--main-secondary);
    clip-path: polygon(0 0, 100% 0%, 100% 100%, 2% 100%)
}

@media (min-width:1860px) {
    .topbar__bg {
        width: calc(100% - 478px)
    }

    body.boxed-wrapper .header::before {
        width: 317px
    }
}

@media (max-width:1859px) {
    .topbar__bg {
        width: 100%;
        max-width: 1428px
    }
}

.topbar__bg::after {
    content: "";
    width: 152px;
    background-color: var(--insuba-base, #0365d3);
    clip-path: polygon(0 0, 100% 0%, 100% 100%, 27% 100%)
}

.main-header .container-fluid,
.topbar .container-fluid {
    position: relative;
    z-index: 1;
    max-width: 1487px
}

.topbar--one,
.topbar--one .container-fluid,
.topbar--two {
    z-index: auto
}

.topbar__inner {
    position: relative;
    max-width: 1124px;
    margin-left: auto;
    justify-content: space-between;
    padding-top: 12.5px;
    padding-bottom: 12.5px
}

.topbar__info {
    margin: 0;
    gap: 35px
}

.topbar__info li {
    display: flex;
    align-items: center;
    gap: 13px;
    font-size: 16px;
    font-weight: 400;
    color: var(--insuba-white, #fff);
    line-height: 1.2
}

.topbar__info li a {
    color: inherit;
    background: linear-gradient(to right, currentcolor 0, currentcolor 100%) 0 95%/0 1px no-repeat;
    transition: .5s
}

.topbar__info__icon-box {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    background-color: var(--insuba-white, #fff);
    border-radius: 50%;
    overflow: hidden;
    transition: .5s
}

.topbar__info__icon {
    display: inline-flex;
    font-size: 14px;
    transition: .5s
}

.main-header__search:hover,
.main-header__user:hover,
.topbar__info li:hover .topbar__info__icon-box {
    background-color: var(--insuba-base, #0365d3)
}

.main-header__search:hover .main-header__search__icon,
.main-header__search:hover .main-header__user__icon,
.main-header__user:hover .main-header__search__icon,
.main-header__user:hover .main-header__user__icon,
.topbar__info li:hover .topbar__info__icon {
    color: var(--insuba-white, #fff);
    animation: .4s slideTop
}

.main-slider-four__button,
.main-slider-two__button,
.topbar__right {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 30px
}

.topbar__language .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    font-family: var(--insuba-font, "Roboto", sans-serif);
    position: relative;
    display: block;
    width: 100%;
    min-width: 0 !important;
    background-color: transparent
}

.topbar__language .bootstrap-select .dropdown-menu {
    border: none;
    box-shadow: 0 3px 18px RGBA(var(--insuba-black-rgb, 18, 47, 42), .07)
}

.topbar__language .bootstrap-select>.dropdown-toggle {
    position: relative;
    height: 35px;
    outline: 0 !important;
    border-radius: 0;
    border: 0;
    background-color: transparent !important;
    margin: 0;
    padding: 0 20px 0 0;
    font-family: var(--insuba-font, "Roboto", sans-serif);
    color: var(--insuba-white, #fff) !important;
    text-transform: uppercase;
    font-size: 15px;
    line-height: 35px;
    font-weight: 500;
    box-shadow: none !important;
    background-repeat: no-repeat;
    background-size: 14px 12px;
    background-position: right 25.75px center
}

.topbar--two .topbar__inner::after,
.topbar--two .topbar__inner::before,
.topbar--two .topbar__text::before {
    position: absolute;
    background-color: var(--insuba-border-color, #ddd);
    content: ""
}

.topbar__language .bootstrap-select>.dropdown-toggle::after {
    content: "";
    border: solid var(--insuba-white, #fff);
    border-width: 0 1px 1px 0;
    padding: 4px;
    position: absolute;
    top: calc(50% - 3px);
    right: 1px;
    transform: translateY(-50%) rotate(45deg);
    -webkit-transform: translateY(-50%) rotate(45deg)
}

.topbar__language .bootstrap-select .dropdown-menu>li+li>a {
    border-top: 1px solid RGBA(var(--insuba-border-color-rgb, 221, 221, 221), .8)
}

.topbar__language .bootstrap-select .dropdown-menu>li>a {
    font-family: var(--insuba-font, "Roboto", sans-serif);
    font-size: 14px;
    font-weight: 500;
    padding: 5px 10px;
    color: var(--insuba-black, #122f2a);
    background-color: var(--insuba-white, #fff);
    text-transform: capitalize;
    -webkit-transition: .4s;
    transition: .4s
}

.topbar__language .bootstrap-select .dropdown-menu>li.selected>a,
.topbar__language .bootstrap-select .dropdown-menu>li:hover>a {
    color: var(--insuba-white, #fff);
    background-color: var(--insuba-base, #0365d3);
    border-color: RGBA(var(--insuba-border-color-rgb, 221, 221, 221), .2)
}

.topbar--two {
    background-color: transparent
}

.topbar--two .topbar__inner {
    padding: 0;
    position: relative;
    max-width: 100%
}

.topbar--two .topbar__inner::before {
    width: 1px;
    height: 100%;
    top: 0;
    left: 0
}

.topbar--two .topbar__inner::after {
    width: calc(100% + 10000px);
    height: 1px;
    left: 0;
    bottom: 0
}

.topbar--two .topbar__text {
    position: relative;
    margin: 0;
    padding-left: 30px;
    padding-right: 30px
}

@media (max-width:991px) {
    .blog-page--grid .post-pagination {
        margin-top: 20px
    }

    .topbar__inner,
    .topbar__right {
        justify-content: center
    }

    .topbar--two .topbar__inner::before,
    .topbar--two .topbar__text,
    .topbar__info {
        display: none
    }

    .topbar--two .topbar__inner::after {
        width: 100%
    }
}

.topbar--two .topbar__text::before {
    width: 1px;
    height: calc(100% + 23px);
    top: 50%;
    right: 0;
    transform: translateY(-50%)
}

.topbar--two .topbar__text span {
    font-weight: 500;
    text-transform: uppercase
}

.topbar--two .social-links,
.topbar--two .topbar__right {
    gap: 1px
}

.topbar--two .social-links a {
    width: 50px;
    height: 51px;
    background-color: var(--insuba-base, #0365d3);
    border-radius: 0
}

.topbar--two .social-links a:hover {
    background-color: var(--insuba-black5, #0f3667)
}

.main-header--three .mobile-nav__btn:hover span,
.mobile-nav__btn span {
    background-color: var(--insuba-black, #122f2a)
}

.topbar--two .topbar__language .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    padding: 8px 26px;
    background-color: var(--insuba-base, #0365d3)
}

.topbar--two .topbar__language .bootstrap-select>.dropdown-toggle::after {
    top: calc(50% - 4px)
}

.topbar--two .topbar__language .bootstrap-select .dropdown-menu {
    left: -26px !important
}

.topbar--three {
    background-color: var(--insuba-black4, #0f3564);
    z-index: auto
}

.portfolio-two .container-fluid,
.topbar--three .container-fluid {
    max-width: 1487px
}

.topbar--three .topbar__inner {
    max-width: 100%
}

.header {
    position: relative;
    background-color: var(--insuba-white, #fff);
    z-index: 999;
    box-shadow: 0 10px 60px 0 rgba(0, 0, 0, .07)
}

.header::before {
    content: "";
    top: -90px;
    left: 0;
    width: 507px;
    height: calc(100% + 90px);
    position: absolute;
    background-color: var(--insuba-base, #0365d3);
    clip-path: polygon(0 0, 100% 0%, 73% 100%, 0 100%)
}

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

.main-header__inner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: var(--insuba-white, #fff)
}

.main-header__inner::before {
    content: "";
    position: absolute;
    top: 0;
    left: -71px;
    width: calc(100% + 71px);
    height: 100%;
    border-radius: 100px 0 0 100px;
    background-color: var(--insuba-white, #fff)
}

.main-header__logo img {
    width: 100%;
    max-width: 305px;
    height: auto
}

.main-header__right {
    position: relative;
    display: flex;
    align-items: center;
    z-index: 1
}

.main-header__nav {
    margin-right: 42px
}

.main-header__search,
.main-header__user {
    position: relative;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 50%;
    background-color: var(--insuba-gray, #e0e0e0);
    overflow: hidden;
    transition: .5s
}

.main-header__search__icon,
.main-header__user__icon {
    display: inline-flex;
    position: relative;
    font-size: 16px;
    color: var(--insuba-text-gray, #767676);
    transition: .5s
}

@media (max-width:1199px) {

    .blog-three__blog,
    .main-header__nav {
        margin-right: 0
    }

    .topbar__bg {
        clip-path: none
    }

    .topbar__bg::after {
        display: none
    }

    .main-header {
        background-color: var(--insuba-white, #fff)
    }

    .main-header__inner {
        padding: 8px 0
    }

    .main-header--two .main-header__logo::after,
    .main-header__inner::before {
        display: none
    }

    .main-header__search {
        margin-left: 25px
    }
}

.main-header__user {
    margin-left: 20px
}

.main-header__btn {
    margin-left: 30px
}

.main-header--one {
    z-index: auto
}

.main-header--two {
    background-color: var(--insuba-white, #fff)
}

.main-header--three,
.main-header--two .main-header__inner {
    background-color: transparent
}

.main-header--two .main-header__shape {
    position: absolute;
    top: -51px;
    left: 0;
    animation: 2s linear infinite moveHorizontal2
}

.sidebar-one__info__list li:hover .sidebar-one__info__icon>*,
.sidebar-one__newsletter__btn:hover>* {
    animation: .4s slideTop
}

@media (max-width:1890px) {
    .main-header--two .main-header__shape {
        display: none
    }
}

.main-header--two .main-header__logo {
    position: relative
}

.main-header--two .main-header__logo::after {
    content: "";
    width: calc(100% + 142px);
    height: calc(100% + 47px);
    background-color: var(--insuba-white, #fff);
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 51px 0 0 51px;
    box-shadow: rgba(var(--insuba-black-rgb, 18, 47, 42), .1) 0 16px 10px -10px
}

@media (max-width:1399px) {
    .main-header--two .main-header__logo::after {
        width: calc(100% + 120px)
    }
}

.main-header--two .main-header__logo img {
    position: relative;
    z-index: 1
}

.main-header--two .main-header__nav {
    margin-right: 50px
}

@media (max-width:1199px) {
    .main-header--two .main-header__nav {
        margin-right: 0
    }
}

.main-header--two .main-menu .main-menu__list>li {
    padding-top: 42.5px;
    padding-bottom: 42.5px
}

.main-header--three {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.main-header--three .container-fluid {
    max-width: 1691px;
    padding-left: 37px;
    padding-right: 40px;
    margin-left: auto;
    margin-right: 0;
    background-color: var(--insuba-base, #0365d3);
    border-bottom: 1px solid RGBA(var(--insuba-white-rgb, 255, 255, 255), .24)
}

@media (min-width:1930px) {
    .main-header--three .container-fluid {
        margin-right: auto
    }
}

@media (max-width:1599px) {
    .video-two__shape {
        display: none
    }

    .topbar__bg {
        max-width: 1230px
    }

    .topbar__bg::after {
        width: 130px
    }

    .header::before {
        width: 450px
    }

    .main-header--three .container-fluid {
        padding-right: 20px
    }
}

@media (max-width:767px) {
    .main-header--three .container-fluid {
        padding-left: 30px
    }
}

@media (max-width:575px) {

    .progress-box__number,
    .progress-box__title {
        font-size: 15px
    }

    .video-one {
        padding-bottom: 225px
    }

    .video-two {
        padding-bottom: 226px
    }

    .team-three {
        padding-top: 612px
    }

    .blog-three__card {
        flex-direction: column
    }

    .blog-three__card__content {
        padding-right: 0
    }

    .blog-three__card__btn {
        position: static
    }

    .header::before,
    .topbar--two {
        display: none
    }

    .main-header--three .container-fluid {
        padding-right: 15px
    }
}

.main-header--three .main-header__inner,
.main-header--three .main-header__search:hover,
.main-header--three .main-header__user:hover {
    background-color: transparent
}

.main-header--three .main-header__logo {
    position: relative
}

@media (max-width:450px) {
    .main-header--three .main-header__logo {
        margin-right: 60px
    }
}

.main-header--three .main-header__logo::before {
    content: "";
    width: calc(100% + 72px);
    height: calc(100% + 74px);
    background-color: var(--insuba-white, #fff);
    position: absolute;
    top: 50%;
    left: calc(50% - 1px);
    transform: translate(-50%, -50%)
}

@media (max-width:1199px) {
    .main-header--three .main-header__inner {
        padding: 22.5px 0
    }

    .main-header--three .main-header__logo::before {
        height: calc(100% + 46px)
    }
}

@media (max-width:767px) {
    .main-header--three .main-header__logo::before {
        width: calc(100% + 60px)
    }
}

.main-header--three .main-header__logo::after {
    content: "";
    width: calc(100% + 54px);
    height: calc(100% + 52px);
    border: 1px dashed var(--insuba-base, #0365d3);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1
}

@media (max-width:767px) {
    .main-header--three .main-header__logo::after {
        width: calc(100% + 38px)
    }
}

.main-footer .container,
.main-header--three .main-header__logo img,
.main-slider-one .container,
.main-slider-one__content,
.main-slider-two .container,
.main-slider-two__content,
.page-header .container {
    position: relative;
    z-index: 2
}

.main-header--three .main-header__right,
.work-planning__item {
    z-index: 2
}

.main-header--three .main-header__nav {
    margin-right: 33px
}

@media (min-width:1400px) and (max-width:1499px) {
    .main-header--three .main-menu .main-menu__list>li+li {
        margin-left: 32px
    }
}

@media (min-width:1200px) and (max-width:1299px) {
    .main-header__btn {
        margin-left: 20px;
        padding-left: 25px;
        padding-right: 67px
    }

    .main-header--three .main-menu .main-menu__list>li+li {
        margin-left: 35px
    }
}

.main-header--three .main-menu .main-menu__list>li {
    padding-top: 53px;
    padding-bottom: 53px
}

.main-header--three .main-menu .main-menu__list>li.dropdown>a::after,
.main-header--three .main-menu .main-menu__list>li.megamenu>a::after,
.main-header--three .main-menu .main-menu__list>li>a {
    color: var(--insuba-white, #fff)
}

.main-header--three .main-menu .main-menu__list>li.current>a,
.main-header--three .main-menu .main-menu__list>li.current>a::after,
.main-header--three .main-menu .main-menu__list>li.dropdown:hover>a::after,
.main-header--three .main-menu .main-menu__list>li.megamenu:hover>a::after,
.main-header--three .main-menu .main-menu__list>li:hover>a {
    color: var(--insuba-black, #122f2a)
}

.main-header--three .main-menu .main-menu__list__square,
.main-header--three .mobile-nav__btn span {
    background-color: var(--insuba-white, #fff)
}

.main-header--three .main-header__search,
.main-header--three .main-header__user {
    width: auto;
    height: auto;
    display: inline-flex;
    align-items: center;
    overflow: visible;
    background-color: transparent
}

.main-menu .main-menu__list li ul li>ul ul,
.sticky-header--cloned.main-header--two .main-header__shape {
    display: none
}

.main-header--three .main-header__btn,
.main-header--three .main-header__btn:hover .insuba-btn__icon-box,
.sidebar-one .social-links a:hover,
.sticky-header--cloned {
    background-color: var(--insuba-white, #fff)
}

.main-header--three .main-header__search__icon,
.main-header--three .main-header__user__icon {
    font-size: 25px;
    color: var(--insuba-white, #fff)
}

.main-header--three .main-header__search:hover .main-header__search__icon,
.main-header--three .main-header__search:hover .main-header__user__icon,
.main-header--three .main-header__user:hover .main-header__search__icon,
.main-header--three .main-header__user:hover .main-header__user__icon {
    color: var(--insuba-black, #122f2a);
    animation-play-state: paused
}

@media (max-width:1199px) {
    .main-header--three .main-header__logo::after {
        height: calc(100% + 28px)
    }

    .main-header--three .main-header__nav {
        margin-right: 0
    }

    .main-header--three .main-header__search {
        margin-left: 30px
    }
}

@media (max-width:575px) {
    .main-header--three .main-header__search {
        margin-left: 25px
    }
}

.main-header--three .main-header__user {
    margin-left: 29px
}

@media (max-width:575px) {
    .main-header--three .main-header__user {
        margin-left: 20px
    }
}

.main-header--three .main-header__btn {
    margin-left: 33px;
    color: var(--insuba-black3, #19232b)
}

.main-menu .main-menu__list__square,
.mobile-nav__btn:hover span,
.sidebar-btn__toggler--nav:hover span {
    background-color: var(--insuba-base, #0365d3)
}

.main-header--three .main-header__btn .insuba-btn__icon-box,
.main-header--three .main-header__btn::after {
    background-color: var(--insuba-black3, #19232b)
}

.main-header--three .main-header__btn:hover {
    color: var(--insuba-white, #fff)
}

.main-header--three .main-header__btn:hover .insuba-btn__icon {
    color: var(--insuba-black3, #19232b)
}

.main-header--three .sidebar-btn__toggler--nav {
    margin-left: 141px
}

@media (max-width:1599px) {

    .main-header--three .main-header__search__icon,
    .main-header--three .main-header__user__icon {
        font-size: 20px
    }

    .main-header--three .sidebar-btn__toggler--nav {
        margin-left: 80px
    }
}

@media (max-width:1499px) {
    .main-header--three .sidebar-btn__toggler--nav {
        margin-left: 70px
    }
}

@media (min-width:1200px) and (max-width:1399px) {
    .main-header--three .main-header__btn {
        display: none
    }

    .main-header--three .sidebar-btn__toggler--nav {
        margin-left: 80px
    }
}

.main-header--three .sidebar-btn__toggler--nav::after {
    content: "";
    position: absolute;
    top: 50%;
    left: calc(50% + 2px);
    transform: translate(-50%, -50%);
    width: 128px;
    height: calc(100% + 78px);
    background-color: var(--insuba-black4, #0f3564);
    z-index: -1
}

@media (min-width:1400px) and (max-width:1499px) {
    .main-header--three .sidebar-btn__toggler--nav::after {
        width: 102px;
        left: calc(50% - 5px)
    }
}

@media (max-width:1199px) {
    .main-header--three .sidebar-btn__toggler--nav {
        margin-left: 60px
    }

    .main-header--three .sidebar-btn__toggler--nav::after {
        width: 102px;
        height: 100px;
        left: calc(50% - 5px)
    }
}

@media (max-width:575px) {
    .main-header--three .sidebar-btn__toggler--nav {
        display: none;
        margin-left: 25px
    }

    .main-header--four .sidebar-btn__toggler--nav,
    .main-header--three .sidebar-btn__toggler--nav::after {
        display: none
    }
}

.main-header--four,
.main-header--four .container-fluid {
    z-index: auto
}

.main-header--four .main-header__inner::before {
    width: calc(100% + 80px);
    left: 50%;
    transform: translateX(-50%);
    border-radius: 0
}

.main-header--four .main-header__inner::after {
    content: "";
    width: calc(100% + 1000px);
    height: 100%;
    position: absolute;
    top: 0;
    right: -2400px;
    background-color: var(--insuba-black4, #0f3564);
    z-index: -1
}

.main-header--four .main-menu .main-menu__list>li {
    padding-top: 41.5px;
    padding-bottom: 41.5px
}

.mobile-nav__content .main-menu__list li:not(:last-child),
.mobile-nav__wrapper .home-showcase {
    border-bottom: 1px solid RGBA(var(--insuba-white-rgb, 255, 255, 255), .1)
}

.sticky-header--cloned {
    position: fixed;
    left: 0;
    right: 0;
    z-index: 999;
    top: 0;
    transform: translateY(-100%);
    box-shadow: 0 3px 18px rgba(var(--insuba-black-rgb, 18, 47, 42), .07);
    transition: .6s cubic-bezier(.24, .74, .58, 1);
    visibility: hidden;
    transition: transform .5s, visibility .5s
}

.sticky-header--cloned.active {
    transform: translateY(0);
    visibility: visible
}

.sticky-header--cloned.sticky-header--one-page .main-menu .main-menu__list>li>a::after {
    display: none !important
}

.mobile-nav__btn {
    width: 26px;
    display: flex;
    align-items: center;
    flex-direction: column;
    flex-wrap: wrap;
    cursor: pointer;
    z-index: 3
}

.mobile-nav__btn span {
    width: 100%;
    height: 2px;
    transition: .5s
}

.demo-one__card,
.main-menu .main-menu__list li ul,
.sidebar-btn__toggler--nav span {
    background-color: var(--insuba-white, #fff)
}

.mobile-nav__btn span:nth-child(2) {
    margin-top: 5px;
    margin-bottom: 5px
}

.sidebar-btn__toggler--nav {
    position: relative;
    width: 52px;
    height: 52px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border: 1px solid var(--insuba-white, #fff)
}

.sidebar-btn__toggler--nav__bar {
    flex-shrink: 0;
    position: relative;
    z-index: 1
}

.sidebar-btn__toggler--nav span {
    display: block;
    width: 33px;
    height: 3px;
    transition: .5s
}

.mobile-nav__close svg,
.mobile-nav__content .main-menu__list li a button svg {
    width: 1em;
    height: 1em;
    fill: currentColor
}

.sidebar-btn__toggler--nav span:nth-child(2) {
    width: 27px;
    margin: 7px 0
}

.sidebar-btn__toggler--nav span:nth-child(3) {
    width: 23px
}

.sidebar-btn__toggler--nav:hover span {
    width: 33px
}

.main-menu .main-menu__list,
.main-menu .main-menu__list ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    align-items: center;
    display: none
}

.main-menu .main-menu__list>li {
    position: relative;
    padding-top: 38px;
    padding-bottom: 38px
}

.about-one--about .about-one__image,
.about-one__bottom,
.client-carousel__carousel,
.google-map,
.main-menu .main-menu__list>li.dropdown>a,
.main-slider-four__carousel,
.main-slider-three__carousel,
.megamenu-popup,
.search-popup__form,
.sidebar__search {
    position: relative
}

.main-menu .main-menu__list>li+li {
    margin-left: 41px
}

.main-menu .main-menu__list>li>a {
    position: relative;
    font-size: 17px;
    display: flex;
    align-items: center;
    color: var(--insuba-black2, #333);
    line-height: 1.25;
    font-weight: 500;
    text-transform: capitalize;
    transition: .5s
}

.main-menu .main-menu__list>li.current>a,
.main-menu .main-menu__list>li:hover>a {
    color: var(--insuba-base, #0365d3);
    text-shadow: 0 0 .5px currentColor
}

.main-menu .main-menu__list>li.dropdown>a,
.main-menu .main-menu__list>li.megamenu>a {
    padding-right: 13px
}

.main-menu .main-menu__list>li.dropdown>a::after,
.main-menu .main-menu__list>li.megamenu>a::after {
    content: "\f067";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    font-family: "Font Awesome 5 Free";
    font-size: 10px;
    font-weight: 700;
    color: var(--insuba-black2, #333);
    transition: .5s
}

.main-menu .main-menu__list>li.current>a::after,
.main-menu .main-menu__list>li.dropdown:hover>a::after,
.main-menu .main-menu__list>li.megamenu:hover>a::after {
    color: var(--insuba-base, #0365d3)
}

.main-menu .main-menu__list__square {
    display: inline-block;
    position: absolute;
    left: 0;
    top: -20px;
    width: 5px;
    height: 5px;
    opacity: 0;
    transition: .4s
}

.main-menu .main-menu__list__square:first-child {
    left: 0
}

.main-menu .main-menu__list__square:nth-child(2) {
    left: 8px;
    background-color: var(--insuba-black4, #0f3564)
}

.main-menu .main-menu__list__square:nth-child(3) {
    left: 16px
}

.main-menu .main-menu__list>li.current>a .main-menu__list__square,
.main-menu .main-menu__list>li.dropdown:hover>a .main-menu__list__square,
.main-menu .main-menu__list>li.megamenu:hover>a .main-menu__list__square {
    top: -10px;
    opacity: 1
}

.main-menu .main-menu__list li ul {
    position: absolute;
    top: 100%;
    left: -25px;
    min-width: 270px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    opacity: 0;
    visibility: hidden;
    transform-origin: top center;
    transform: scaleY(0) translateZ(100px);
    transition: opacity .5s, visibility .5s, transform .7s;
    z-index: 99;
    box-shadow: 0 10px 60px 0 RGBA(var(--insuba-white-rgb, 255, 255, 255), .07);
    padding: 15px 20px 11px;
    box-shadow: 0 10px 60px 0 rgba(0, 0, 0, .07)
}

.main-menu .main-menu__list li:hover>ul {
    opacity: 1;
    visibility: visible;
    transform: scaleY(1) translateZ(0)
}

.main-menu .main-menu__list>.megamenu {
    position: static
}

.main-menu .main-menu__list>.megamenu>ul {
    top: 100% !important;
    left: 0 !important;
    right: 0 !important;
    background-color: transparent;
    box-shadow: none;
    padding: 0
}

.main-menu .main-menu__list li ul li {
    flex: 1 1 100%;
    width: 100%;
    position: relative
}

.main-menu .main-menu__list li ul li>a {
    font-size: 15px;
    line-height: 26px;
    color: var(--insuba-black, #122f2a);
    display: flex;
    text-transform: capitalize;
    padding: 8px 15px;
    transition: .4s;
    margin-bottom: 4px
}

.main-menu .main-menu__list li ul li>a::after {
    position: absolute;
    right: 15px;
    top: 8px;
    border-radius: 0;
    font-size: 6px;
    font-weight: 700;
    font-family: "Font Awesome 5 Free";
    content: "\f45c";
    color: var(--insuba-white, #fff);
    visibility: hidden;
    opacity: 0;
    transition: .5s;
    transform: scale(0)
}

.main-menu .main-menu__list li ul li.current>a,
.main-menu .main-menu__list li ul li:hover>a {
    background-color: var(--insuba-base, #0365d3);
    color: var(--insuba-white, #fff)
}

.main-menu .main-menu__list li ul li.current>a::after,
.main-menu .main-menu__list li ul li:hover>a::after {
    visibility: visible;
    opacity: 1;
    transform: scale(1)
}

.main-menu .main-menu__list li ul li>ul {
    top: 0;
    left: calc(100% + 20px)
}

.main-menu .main-menu__list li ul li>ul.right-align {
    top: 0;
    left: auto;
    right: 100%
}

@media (min-width:1200px) and (max-width:1400px) {

    .main-menu__list li:last-child ul li>ul,
    .main-menu__list li:nth-last-child(2) ul li>ul {
        left: auto;
        right: calc(100% + 20px)
    }
}

.main-menu .main-menu__list>.megamenu.megamenu-clickable>ul,
.mobile-nav__container .main-menu__list>.megamenu.megamenu-clickable>ul,
.stricky-header .main-menu__list>.megamenu.megamenu-clickable>ul {
    position: fixed;
    top: 0 !important;
    left: 0 !important;
    width: 100vw;
    height: 100vh;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center;
    transition: transform .7s, opacity .7s, visibility .7s;
    z-index: 999999;
    -ms-overflow-style: none;
    scrollbar-width: none;
    overflow-y: scroll;
    padding: 0;
    background-color: var(--insuba-white, #fff);
    display: block !important;
    margin: 0
}

.main-menu__list>li.megamenu-clickable>ul::-webkit-scrollbar {
    display: none
}

.main-menu .main-menu__list>.megamenu.megamenu-clickable>ul.megamenu-clickable--active,
.mobile-nav__container .main-menu__list>.megamenu.megamenu-clickable>ul.megamenu-clickable--active,
.stricky-header .main-menu__list>.megamenu.megamenu-clickable>ul.megamenu-clickable--active {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 1;
    visibility: visible;
    transition: transform .7s, opacity .7s, visibility .7s
}

body.megamenu-popup-active .stricky-header {
    bottom: 0
}

body.megamenu-popup-active .mobile-nav__content {
    overflow: unset
}

.megamenu-popup .megamenu-clickable--close {
    position: absolute;
    top: 18px;
    right: 20px;
    display: block;
    color: var(--insuba-black, #122f2a)
}

.demo-one__title:hover,
.megamenu-popup .megamenu-clickable--close:hover {
    color: var(--insuba-base, #0365d3)
}

.megamenu-popup .megamenu-clickable--close .icon-close {
    width: 24px;
    height: 24px;
    display: block;
    position: relative;
    color: currentColor;
    transition: .5s
}

.megamenu-popup .megamenu-clickable--close .icon-close::after,
.megamenu-popup .megamenu-clickable--close .icon-close::before {
    content: "";
    width: 100%;
    height: 2px;
    background-color: currentColor;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-45deg)
}

.megamenu-popup .megamenu-clickable--close .icon-close::after {
    transform: translate(-50%, -50%) rotate(45deg)
}

.demo-one {
    padding-top: 120px;
    padding-bottom: 120px
}

.demo-one__card {
    box-shadow: 0 10px 60px 0 rgba(var(--insuba-black-rgb, 18, 47, 42), .1);
    text-align: center;
    transition: .5s;
    transform: translateY(0)
}

.demo-one__card:hover,
.flip_box:hover {
    transform: translateY(-10px)
}

.demo-one__title {
    margin: 0;
    text-transform: capitalize;
    font-size: 17px;
    color: var(--insuba-black, #122f2a);
    padding-top: 20.5px;
    padding-bottom: 20.5px
}

.demo-one__btn,
.mobile-nav__content .main-menu__list>li>ul>li>a {
    font-size: 15px
}

.demo-one__title a,
.insuba-breadcrumb li a {
    color: inherit;
    background: linear-gradient(to right, currentcolor 0, currentcolor 100%) 0 95%/0 1px no-repeat;
    transition: .5s
}

.demo-one__image img {
    max-width: 100%;
    transition: filter .5s;
    filter: blur(0px)
}

.demo-one__card:hover .demo-one__image img {
    filter: blur(2px)
}

.demo-one__btns {
    background-color: rgba(var(--insuba-black-rgb, 18, 47, 42), .7);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    transform: scale(1, 0);
    transform-origin: bottom center;
    opacity: 0;
    transition: transform .5s, opacity .6s linear
}

.demo-one__card:hover .demo-one__btns {
    transform: scale(1, 1);
    opacity: 1;
    transform-origin: top center
}

.demo-one__btn {
    padding-left: 25px;
    padding-right: 65px
}

.home-showcase {
    margin-bottom: -20px
}

.home-showcase .row {
    --bs-gutter-x: 42px;
    --bs-gutter-y: 20px
}

.about-one__list-box .row,
.insurance-policy__list-box .row {
    --bs-gutter-y: 15px
}

.home-showcase__inner {
    padding: 40px 40px 21px;
    background-color: var(--insuba-white, #fff);
    box-shadow: 0 10px 60px 0 rgba(var(--insuba-black-rgb, 18, 47, 42), .07)
}

.home-showcase .demo-one__card {
    box-shadow: none
}

.home-showcase .demo-one__btns {
    flex-direction: column
}

.home-showcase .demo-one__btn {
    min-width: 165px;
    text-align: center;
    justify-content: center
}

.home-showcase .demo-one__title {
    padding: 0 0 15px;
    font-size: 17px;
    margin-top: 15px
}

.mobile-nav__wrapper {
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 999;
    transform: translateX(-100%);
    transform-origin: left center;
    transition: transform .5s .5s, visibility .5s .5s;
    visibility: hidden;
    position: fixed
}

.contact-map .container-fluid,
.mobile-nav__wrapper .container {
    padding-left: 0;
    padding-right: 0
}

.mobile-nav__wrapper .home-showcase .row [class*=col-] {
    flex: 0 0 100%
}

.mobile-nav__wrapper .home-showcase {
    margin-bottom: -1px;
    margin-top: 0
}

.mobile-nav__wrapper .home-showcase__inner {
    padding: 15px 0;
    background-color: transparent;
    box-shadow: none
}

.mobile-nav__wrapper .home-showcase__title {
    color: var(--insuba-white, #fff)
}

.mobile-nav__wrapper.expanded {
    opacity: 1;
    transform: translateX(0);
    visibility: visible;
    transition: transform .5s, visibility .5s
}

.mobile-nav__wrapper.expanded .mobile-nav__content {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
    transition: opacity .5s .5s, visibility .5s .5s, transform .5s .5s
}

.mobile-nav__overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--insuba-black10, #000);
    opacity: .6;
    cursor: url(../images/close.png), auto
}

.mobile-nav__content {
    width: 300px;
    background-color: var(--main-white);
    z-index: 10;
    position: relative;
    height: 100%;
    overflow-y: auto;
    padding: 70px 15px 30px;
    opacity: 0;
    visibility: hidden;
    transform: translateX(-100%);
    transition: opacity .5s, visibility .5s, transform .5s
}

.mobile-nav__content .main-menu__nav {
    display: block;
    padding: 0
}

.mobile-nav__content .logo-box {
    margin-bottom: 5px;
    display: flex
}

.mobile-nav__close {
    display: inline-flex;
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 20px;
    color: #fff !important;
    background: var(--main);
    cursor: pointer;
    padding: 10px;
    border-radius: 23px;
    transition: .5s
}

.page-header__bg,
.sidebar__call {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

.mobile-nav__contact__icon,
.mobile-nav__social a {
    width: 32px;
    height: 32px;
    background-color: var(--insuba-base, #0365d3)
}

.mobile-nav__close:hover,
.mobile-nav__content .main-menu__list li a.expanded {
    color: var(--insuba-base, #0365d3)
}

.mobile-nav__content .main-menu__list,
.mobile-nav__content .main-menu__list ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.mobile-nav__content .main-menu__list ul {
    display: none;
    border-top: 1px solid RGBA(var(--insuba-white-rgb, 255, 255, 255), .1)
}

.mobile-nav__content .main-menu__list ul li>a {
    padding-left: 1em
}

.mobile-nav__content .main-menu__list li>a {
    display: flex;
    justify-content: space-between;
    font-family: var(--insuba-font, "Roboto", sans-serif);
    line-height: 30px;
    color: var(--main-black);
    font-size: 17px;
    text-transform: capitalize;
    font-weight: 500;
    height: 46px;
    align-items: center;
    transition: .5s
}

.mobile-nav__content .main-menu__list li a button {
    width: 30px;
    height: 30px;
    background-color: var(--insuba-base, #0365d3);
    border: none;
    outline: 0;
    color: var(--insuba-white, #fff);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    transform: rotate(-90deg);
    transition: transform .5s
}

.mobile-nav__content .main-menu__list li a button.expanded {
    transform: rotate(0);
    background-color: var(--insuba-white, #fff);
    color: var(--insuba-black, #122f2a)
}

.mobile-nav__social,
.product-details .social-links {
    gap: 10px
}

.mobile-nav__social a {
    border: 0;
    border-radius: 50%
}

.mobile-nav__social a:hover {
    background-color: var(--insuba-base, #0365d3)
}

.mobile-nav__social .social-links__icon {
    font-size: 13px;
    color: var(--insuba-white, #fff)
}

.insuba-breadcrumb li:not(:first-child) span,
.mobile-nav__contact li a:hover,
.sidebar-one .social-links a:hover .social-links__icon,
.sidebar-one__close:hover,
.sidebar-one__info__list li a:hover {
    color: var(--insuba-base, #0365d3)
}

.mobile-nav__contact {
    margin-top: 30px;
    margin-bottom: 30px
}

.mobile-nav__contact li {
    color: var(--insuba-white, #fff);
    font-size: 14px;
    font-weight: 500;
    position: relative;
    display: flex;
    align-items: center
}

.about-three__list+.about-three__list,
.mobile-nav__contact li+li {
    margin-top: 15px
}

.mobile-nav__contact li a {
    color: var(--main-black);
    transition: .5s
}

.mobile-nav__contact__icon {
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 12px;
    margin-right: 10px;
    color: var(--insuba-white, #fff)
}

.mobile-nav__contact__icon svg {
    width: 1em;
    height: 1em;
    fill: currentColor
}

.form-one .bootstrap-select>.dropdown-toggle::after,
.mobile-nav__container .main-menu__logo,
.mobile-nav__container .main-menu__right {
    display: none
}

.form-one__group {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 30px;
    margin: 0
}

@media (min-width:991px) {
    .form-one__group {
        grid-template-columns: repeat(2, 1fr)
    }
}

.contact__form__control,
.form-one__control {
    border: none;
    width: auto;
    height: auto;
    border-radius: 0;
    padding: 0;
    position: relative
}

.checkout-page__control .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn),
.contact__form .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn),
.form-one .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    position: relative;
    display: block;
    width: 100% !important;
    font-family: var(--insuba-font, "Roboto", sans-serif)
}

.form-one .bootstrap-select>.dropdown-toggle {
    position: relative;
    height: 67px;
    outline: 0 !important;
    border-radius: 5px;
    border: 0;
    background-color: var(--insuba-white3, #f1f6f7) !important;
    margin: 0;
    padding: 0 30px;
    font-family: var(--insuba-font, "Roboto", sans-serif);
    color: var(--insuba-text, #636363) !important;
    text-transform: capitalize;
    font-size: 16px;
    line-height: 67px;
    font-weight: 400;
    box-shadow: none !important;
    background-repeat: no-repeat;
    background-size: 14px 12px;
    background-position: right 25.75px center
}

.form-one .bootstrap-select>.dropdown-toggle::before {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 30px;
    font-family: "Font Awesome 5 Free";
    content: "\f107";
    font-weight: 900;
    font-size: 16px;
    color: var(--insuba-text, #636363)
}

.form-one .bootstrap-select .dropdown-menu>li+li>a {
    border-top: 1px solid var(--insuba-border-color, #ddd)
}

.form-one .bootstrap-select .dropdown-menu {
    border: none
}

.form-one .bootstrap-select .dropdown-menu>li>a {
    font-family: var(--insuba-font, "Roboto", sans-serif);
    font-size: 15px;
    font-weight: 400;
    padding: 10px 22px;
    color: var(--insuba-black, #122f2a);
    background-color: var(--insuba-white3, #f1f6f7);
    text-transform: capitalize;
    -webkit-transition: .4s;
    transition: .4s
}

.form-one .bootstrap-select .dropdown-menu>li.selected>a,
.form-one .bootstrap-select .dropdown-menu>li:hover>a {
    background-color: var(--insuba-base, #0365d3);
    color: var(--insuba-white, #fff);
    border-color: var(--insuba-base, #0365d3)
}

.form-one .bootstrap-select>.dropdown-toggle,
.form-one .bootstrap-select>.dropdown-toggle .filter-option {
    display: flex;
    align-items: center
}

.form-one input[type=email],
.form-one input[type=password],
.form-one input[type=tel],
.form-one input[type=text],
.form-one textarea {
    display: block;
    width: 100%;
    font-family: var(--insuba-font, "Roboto", sans-serif);
    color: var(--insuba-text, #636363);
    font-size: 16px;
    font-weight: 400;
    border: 1px solid transparent;
    outline: 0;
    padding: 0 26px;
    height: 67px;
    background-color: var(--insuba-white3, #f1f6f7);
    border-radius: 5px;
    transition: .4s
}

.sidebar__categories li a,
.sidebar__tags a {
    font-family: var(--insuba-font2, "Rubik", sans-serif);
    text-transform: capitalize
}

.form-one input[type=email]:focus,
.form-one input[type=password]:focus,
.form-one input[type=tel]:focus,
.form-one input[type=text]:focus,
.form-one textarea:focus {
    color: var(--insuba-black, #122f2a);
    border-color: var(--insuba-base, #0365d3)
}

@media (max-width:375px) {

    .form-one .bootstrap-select>.dropdown-toggle::before,
    .insuba-datepicker-arrow {
        right: 23px
    }

    .team-one__area {
        padding: 20px
    }

    .blog-card__content {
        padding-left: 25px;
        padding-right: 25px
    }

    .blog-card__title {
        font-size: 21px
    }

    .blog-card__link {
        width: 173px
    }

    .blog-card__shape {
        width: 30px;
        height: 26px
    }

    .blog-three__blog__author {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start
    }

    .blog-three__blog__author__text {
        margin-bottom: 5px
    }

    .form-one .bootstrap-select>.dropdown-toggle {
        padding-left: 23px;
        padding-right: 23px
    }

    .form-one input[type=email],
    .form-one input[type=password],
    .form-one input[type=tel],
    .form-one input[type=text],
    .form-one textarea {
        padding-left: 20px;
        padding-right: 20px
    }
}

.form-one textarea {
    height: 143px;
    padding: 26px 26px 0
}

.search-popup {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -2;
    -webkit-transition: 1s;
    -khtml-transition: all 1s ease;
    -moz-transition: 1s;
    -ms-transition: 1s;
    -o-transition: 1s;
    transition: 1s
}

.search-popup__overlay {
    position: fixed;
    width: 224vw;
    height: 224vw;
    top: calc(90px - 112vw);
    right: calc(50% - 112vw);
    z-index: 3;
    display: block;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-transform: scale(0);
    -khtml-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transition: transform .8s ease-in-out 0.3s;
    -khtml-transition: transform 0.8s ease-in-out;
    -moz-transition: transform .8s ease-in-out;
    -ms-transition: transform .8s ease-in-out;
    -o-transition: transform .8s ease-in-out;
    transition: transform .8s ease-in-out 0.3s;
    background-color: #000;
    opacity: .6;
    cursor: url(../images/close.png), auto
}

.search-popup__content {
    position: fixed;
    width: 0;
    max-width: 560px;
    padding: 30px 15px;
    left: 50%;
    top: 50%;
    opacity: 0;
    z-index: 3;
    -webkit-transform: translate(-50%, -50%);
    -khtml-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: opacity .5s, width .8s cubic-bezier(.225, .01, .475, 1.01) .8s, transform .2s;
    -khtml-transition: opacity 0.5s 0s, width 0.8s 0.8s cubic-bezier(0.225, 0.01, 0.475, 1.01), transform 0.2s 0s;
    -moz-transition: opacity .5s, width .8s cubic-bezier(.225, .01, .475, 1.01) .8s, transform .2s;
    -ms-transition: opacity .5s, width .8s cubic-bezier(.225, .01, .475, 1.01) .8s, transform .2s;
    -o-transition: opacity .5s, width .8s cubic-bezier(.225, .01, .475, 1.01) .8s, transform .2s;
    transition: opacity .5s, width .8s cubic-bezier(.225, .01, .475, 1.01) .8s, transform .2s;
    transition-delay: 0.2s;
    -webkit-transition-delay: 0.2s
}

.search-popup__form input[type=search],
.search-popup__form input[type=text] {
    width: 100%;
    background-color: var(--insuba-white, #fff);
    font-size: 15px;
    font-weight: 400;
    color: var(--insuba-text, #636363);
    border: none;
    outline: 0;
    height: 66px;
    padding-left: 30px;
    border-radius: 60px;
    transition: .5s
}

.search-popup__form .insuba-btn svg,
.sidebar-one__close svg,
.sidebar-one__info__list li .sidebar-one__info__icon svg,
.sidebar-one__newsletter__btn svg {
    width: 1em;
    height: 1em;
    fill: currentColor
}

.search-popup__form input[type=search]:focus,
.search-popup__form input[type=text]:focus {
    color: var(--insuba-black, #122f2a)
}

.search-popup__form .insuba-btn {
    padding: 0;
    width: 66px;
    height: 66px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    text-align: center;
    position: absolute;
    top: 0;
    right: -1px;
    border-radius: 0 60px 60px 0
}

.search-popup.active {
    z-index: 9999
}

.search-popup.active .search-popup__overlay {
    top: auto;
    bottom: calc(90px - 112vw);
    -webkit-transform: scale(1);
    -khtml-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    transition-delay: 0s;
    -webkit-transition-delay: 0s;
    opacity: .6;
    -webkit-transition: transform 1.6s cubic-bezier(.4, 0, 0, 1);
    -khtml-transition: transform 1.6s cubic-bezier(0.4, 0, 0, 1);
    -moz-transition: transform 1.6s cubic-bezier(.4, 0, 0, 1);
    -ms-transition: transform 1.6s cubic-bezier(.4, 0, 0, 1);
    -o-transition: transform 1.6s cubic-bezier(.4, 0, 0, 1);
    transition: transform 1.6s cubic-bezier(.4, 0, 0, 1)
}

.search-popup.active .search-popup__content {
    width: 100%;
    opacity: 1;
    transition-delay: 0.7s;
    -webkit-transition-delay: 0.7s
}

.main-slider-one .active .main-slider-one__title__inner::after,
.main-slider-one .active .main-slider-one__title__inner::before,
.main-slider-two .active .main-slider-two__title__inner::after,
.main-slider-two .active .main-slider-two__title__inner::before {
    transition-delay: 2.5s
}

.page-header {
    background-color: var(--insuba-white2, #ecf2f2);
    position: relative;
    padding-top: 100px;
    padding-bottom: 100px;
    overflow: hidden
}

.page-header__bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: .3
}

.page-header__title {
    margin-bottom: 11px;
    font-size: 50px;
    color: var(--main);
    font-weight: 700;
    text-transform: capitalize;
    line-height: 1.25
}

@media (max-width:1199px) {
    .page-header__title {
        font-size: 50px
    }

    .page-header__image {
        display: none
    }
}

@media (max-width:767px) {
    .search-popup__overlay {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        transform: none;
        width: 100%;
        height: 100%;
        border-radius: 0;
        transform: translateY(-110%)
    }

    .search-popup.active .search-popup__overlay {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        transform: none;
        width: 100%;
        height: 100%;
        border-radius: 0;
        transform: translateY(0)
    }

    .page-header {
        padding-bottom: 70px
    }

    .page-header__title {
        font-size: 40px
    }
}

@media (max-width:575px) {
    .page-header {
        padding-top: 70px
    }

    .page-header__title {
        font-size: 35px
    }

    .page-header__shape-two {
        display: none
    }
}

.page-header__image {
    max-width: 100%;
    height: auto;
    position: absolute;
    right: 217px;
    bottom: -90px;
    z-index: 1
}

@media (max-width:1799px) {
    .video-one__video-button__inner {
        bottom: 8px
    }

    .video-two__shape {
        right: 150px
    }

    .main-header--four .sidebar-btn__toggler--nav {
        margin-left: 30px;
        width: 52px;
        height: 52px;
        border: 1px solid var(--insuba-base, #0365d3)
    }

    .main-header--four .sidebar-btn__toggler--nav span {
        background-color: var(--insuba-base, #0365d3)
    }

    .page-header__image {
        right: 100px
    }
}

@media (max-width:1599px) {
    .page-header__image {
        max-width: 650px;
        right: 80px;
        bottom: -10px
    }

    .main-footer__shape-one {
        max-width: 500px
    }
}

.page-header__shape-one {
    max-width: 100%;
    height: auto;
    position: absolute;
    left: 73px;
    bottom: 0;
    animation: 6s infinite treeMove
}

.page-header__shape-two {
    position: absolute;
    top: 82px;
    left: 50%;
    transform: translateX(-50%);
    width: 50px;
    height: 50px;
    border: 8px solid var(--insuba-base, #0365d3);
    border-radius: 50%;
    animation: 2s linear infinite moveHorizontal
}

.page-header__shape-two::before {
    content: "";
    position: absolute;
    top: -23px;
    left: -33px;
    width: 45px;
    height: 45px;
    border: 3px solid RGBA(var(--insuba-base-rgb, 3, 101, 211), .3);
    border-radius: 50%
}

.insuba-breadcrumb,
.insuba-breadcrumb li a,
.insuba-breadcrumb li span {
    display: inline-flex
}

.page-header__shape-three {
    width: 320px;
    height: 345px;
    position: absolute;
    right: -50px;
    bottom: -148px;
    background-color: RGBA(var(--insuba-base-rgb, 3, 101, 211), .3);
    -webkit-mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 579.000000 900.000000"><g transform="translate(0.000000,900.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M5629 8945 c-3 -2 -68 -12 -145 -20 -270 -31 -295 -34 -347 -44 -29 -6 -113 -20 -187 -31 -74 -12 -153 -26 -175 -32 -22 -6 -62 -14 -90 -19 -58 -9 -147 -31 -222 -53 -29 -9 -74 -22 -100 -30 -27 -8 -100 -31 -163 -51 -63 -20 -124 -39 -135 -42 -11 -3 -34 -11 -52 -19 -17 -8 -36 -14 -42 -14 -6 0 -19 -4 -29 -10 -9 -5 -44 -21 -77 -36 -292 -130 -544 -279 -667 -393 -29 -27 -67 -61 -85 -75 -17 -15 -67 -70 -110 -124 -43 -53 -80 -99 -84 -102 -23 -21 -92 -162 -149 -305 -13 -32 -38 -125 -52 -190 -26 -123 -14 -442 22 -575 28 -106 56 -197 92 -300 71 -208 97 -284 108 -330 49 -190 61 -402 32 -570 -24 -138 -40 -202 -53 -215 -5 -5 -9 -18 -9 -28 0 -10 -6 -33 -14 -50 -7 -18 -27 -63 -42 -102 -30 -72 -130 -247 -145 -253 -5 -2 -9 -8 -9 -13 0 -14 -101 -150 -160 -214 -104 -114 -275 -277 -360 -343 -47 -37 -87 -69 -90 -72 -3 -3 -27 -21 -53 -40 -26 -19 -64 -48 -84 -63 -20 -15 -64 -44 -97 -64 -34 -20 -97 -60 -141 -89 -44 -28 -116 -71 -160 -95 -44 -23 -102 -55 -130 -71 -72 -41 -240 -125 -310 -155 -33 -14 -98 -43 -145 -65 -102 -48 -110 -51 -180 -79 -30 -12 -69 -28 -87 -35 -17 -8 -35 -14 -41 -14 -5 0 -23 -7 -38 -15 -16 -8 -36 -15 -45 -15 -8 0 -19 -4 -25 -8 -12 -11 -238 -94 -334 -122 -41 -12 -92 -28 -113 -36 -20 -8 -49 -14 -63 -14 -14 0 -24 -4 -22 -10 1 -5 60 -69 129 -142 69 -73 147 -158 174 -188 26 -30 82 -91 124 -135 87 -91 364 -386 460 -490 36 -39 126 -135 201 -215 75 -80 161 -172 191 -204 29 -33 68 -73 84 -91 48 -49 285 -304 340 -365 28 -30 84 -91 126 -135 41 -44 115 -123 165 -176 49 -52 127 -136 174 -186 47 -50 132 -141 190 -204 58 -62 179 -192 270 -288 91 -97 186 -198 210 -225 39 -43 168 -181 208 -222 7 -8 15 -14 17 -14 4 0 79 76 483 490 379 389 648 664 772 791 52 53 232 238 400 410 168 173 341 350 385 395 44 44 206 210 359 367 153 158 285 287 292 287 12 0 14 497 14 3095 l0 3095 -78 0 c-43 0 -81 -2 -83 -5z"/> </g> </svg>');
    mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 579.000000 900.000000"><g transform="translate(0.000000,900.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M5629 8945 c-3 -2 -68 -12 -145 -20 -270 -31 -295 -34 -347 -44 -29 -6 -113 -20 -187 -31 -74 -12 -153 -26 -175 -32 -22 -6 -62 -14 -90 -19 -58 -9 -147 -31 -222 -53 -29 -9 -74 -22 -100 -30 -27 -8 -100 -31 -163 -51 -63 -20 -124 -39 -135 -42 -11 -3 -34 -11 -52 -19 -17 -8 -36 -14 -42 -14 -6 0 -19 -4 -29 -10 -9 -5 -44 -21 -77 -36 -292 -130 -544 -279 -667 -393 -29 -27 -67 -61 -85 -75 -17 -15 -67 -70 -110 -124 -43 -53 -80 -99 -84 -102 -23 -21 -92 -162 -149 -305 -13 -32 -38 -125 -52 -190 -26 -123 -14 -442 22 -575 28 -106 56 -197 92 -300 71 -208 97 -284 108 -330 49 -190 61 -402 32 -570 -24 -138 -40 -202 -53 -215 -5 -5 -9 -18 -9 -28 0 -10 -6 -33 -14 -50 -7 -18 -27 -63 -42 -102 -30 -72 -130 -247 -145 -253 -5 -2 -9 -8 -9 -13 0 -14 -101 -150 -160 -214 -104 -114 -275 -277 -360 -343 -47 -37 -87 -69 -90 -72 -3 -3 -27 -21 -53 -40 -26 -19 -64 -48 -84 -63 -20 -15 -64 -44 -97 -64 -34 -20 -97 -60 -141 -89 -44 -28 -116 -71 -160 -95 -44 -23 -102 -55 -130 -71 -72 -41 -240 -125 -310 -155 -33 -14 -98 -43 -145 -65 -102 -48 -110 -51 -180 -79 -30 -12 -69 -28 -87 -35 -17 -8 -35 -14 -41 -14 -5 0 -23 -7 -38 -15 -16 -8 -36 -15 -45 -15 -8 0 -19 -4 -25 -8 -12 -11 -238 -94 -334 -122 -41 -12 -92 -28 -113 -36 -20 -8 -49 -14 -63 -14 -14 0 -24 -4 -22 -10 1 -5 60 -69 129 -142 69 -73 147 -158 174 -188 26 -30 82 -91 124 -135 87 -91 364 -386 460 -490 36 -39 126 -135 201 -215 75 -80 161 -172 191 -204 29 -33 68 -73 84 -91 48 -49 285 -304 340 -365 28 -30 84 -91 126 -135 41 -44 115 -123 165 -176 49 -52 127 -136 174 -186 47 -50 132 -141 190 -204 58 -62 179 -192 270 -288 91 -97 186 -198 210 -225 39 -43 168 -181 208 -222 7 -8 15 -14 17 -14 4 0 79 76 483 490 379 389 648 664 772 791 52 53 232 238 400 410 168 173 341 350 385 395 44 44 206 210 359 367 153 158 285 287 292 287 12 0 14 497 14 3095 l0 3095 -78 0 c-43 0 -81 -2 -83 -5z"/> </g> </svg>');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-size: auto;
    mask-size: auto
}

.page-header__shape-four {
    width: 331px;
    height: 333px;
    position: absolute;
    right: -65px;
    bottom: -137px;
    background-color: var(--insuba-base, #0365d3);
    -webkit-mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 546.000000 900.000000"><g transform="translate(0.000000,900.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M5400 8985 c0 -8 -1 -15 -2 -16 -2 -1 -64 -7 -138 -15 -249 -25 -490 -71 -790 -148 -192 -50 -251 -67 -293 -84 -16 -7 -34 -12 -42 -12 -7 0 -26 -6 -42 -14 -15 -8 -44 -21 -63 -29 -151 -61 -403 -188 -495 -249 -343 -228 -556 -496 -649 -813 -10 -33 -22 -73 -27 -90 -32 -111 -42 -350 -22 -528 19 -158 98 -475 149 -594 8 -17 14 -37 14 -45 0 -8 4 -18 9 -23 10 -12 65 -171 81 -235 70 -283 63 -523 -21 -783 -11 -32 -23 -65 -28 -75 -132 -271 -146 -294 -229 -398 -149 -186 -307 -335 -507 -477 -44 -31 -84 -60 -90 -65 -49 -38 -200 -130 -316 -192 -144 -76 -182 -96 -259 -135 -92 -46 -286 -128 -455 -192 -22 -9 -49 -19 -60 -24 -26 -10 -124 -49 -150 -58 -49 -19 -217 -71 -290 -91 -44 -12 -97 -28 -118 -36 -20 -8 -48 -14 -62 -14 -13 0 -26 -4 -30 -9 -3 -6 -27 -13 -53 -17 -26 -3 -55 -11 -64 -16 -10 -5 -37 -13 -60 -18 -24 -5 -72 -17 -108 -25 -36 -9 -85 -21 -109 -26 -24 -5 -46 -11 -49 -14 -5 -4 138 -159 349 -380 58 -60 181 -191 274 -290 93 -99 212 -225 264 -280 126 -132 350 -371 426 -454 33 -36 85 -90 115 -121 30 -31 82 -85 114 -121 33 -35 105 -112 160 -170 212 -221 394 -416 427 -453 19 -22 72 -78 119 -126 47 -47 105 -108 129 -136 24 -27 87 -94 140 -149 88 -93 222 -233 520 -549 63 -67 127 -134 142 -150 l28 -30 148 151 c357 364 806 823 1018 1041 127 130 281 288 343 352 63 63 242 247 400 408 157 160 292 292 299 292 11 0 13 582 13 3370 l0 3370 -30 0 c-20 0 -30 -5 -30 -15z"/> </g> </svg>');
    mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 546.000000 900.000000"><g transform="translate(0.000000,900.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M5400 8985 c0 -8 -1 -15 -2 -16 -2 -1 -64 -7 -138 -15 -249 -25 -490 -71 -790 -148 -192 -50 -251 -67 -293 -84 -16 -7 -34 -12 -42 -12 -7 0 -26 -6 -42 -14 -15 -8 -44 -21 -63 -29 -151 -61 -403 -188 -495 -249 -343 -228 -556 -496 -649 -813 -10 -33 -22 -73 -27 -90 -32 -111 -42 -350 -22 -528 19 -158 98 -475 149 -594 8 -17 14 -37 14 -45 0 -8 4 -18 9 -23 10 -12 65 -171 81 -235 70 -283 63 -523 -21 -783 -11 -32 -23 -65 -28 -75 -132 -271 -146 -294 -229 -398 -149 -186 -307 -335 -507 -477 -44 -31 -84 -60 -90 -65 -49 -38 -200 -130 -316 -192 -144 -76 -182 -96 -259 -135 -92 -46 -286 -128 -455 -192 -22 -9 -49 -19 -60 -24 -26 -10 -124 -49 -150 -58 -49 -19 -217 -71 -290 -91 -44 -12 -97 -28 -118 -36 -20 -8 -48 -14 -62 -14 -13 0 -26 -4 -30 -9 -3 -6 -27 -13 -53 -17 -26 -3 -55 -11 -64 -16 -10 -5 -37 -13 -60 -18 -24 -5 -72 -17 -108 -25 -36 -9 -85 -21 -109 -26 -24 -5 -46 -11 -49 -14 -5 -4 138 -159 349 -380 58 -60 181 -191 274 -290 93 -99 212 -225 264 -280 126 -132 350 -371 426 -454 33 -36 85 -90 115 -121 30 -31 82 -85 114 -121 33 -35 105 -112 160 -170 212 -221 394 -416 427 -453 19 -22 72 -78 119 -126 47 -47 105 -108 129 -136 24 -27 87 -94 140 -149 88 -93 222 -233 520 -549 63 -67 127 -134 142 -150 l28 -30 148 151 c357 364 806 823 1018 1041 127 130 281 288 343 352 63 63 242 247 400 408 157 160 292 292 299 292 11 0 13 582 13 3370 l0 3370 -30 0 c-20 0 -30 -5 -30 -15z"/> </g> </svg>');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-size: auto;
    mask-size: auto
}

.insuba-breadcrumb {
    margin: 0;
    justify-content: center;
    align-items: center;
    gap: 8px 0;
    flex-wrap: wrap
}

.insuba-breadcrumb li {
    display: flex;
    align-items: center;
    font-size: 17px;
    color: var(--insuba-text, #636363);
    line-height: 1.25;
    font-weight: 400;
    text-transform: capitalize
}

.insuba-breadcrumb li:not(:last-of-type)::after {
    content: "/";
    margin-left: 5px;
    margin-right: 5px
}

.sidebar-one {
    position: fixed;
    top: 0;
    right: 0;
    width: 100vw;
    height: 100vh;
    z-index: 9999;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transform-origin: right center;
    transform-origin: right center;
    -webkit-transition: visibility .5s .5s, -webkit-transform .5s .5s;
    transition: transform .5s .5s, visibility .5s .5s, -webkit-transform .5s .5s
}

.sidebar-one__content,
.sidebar-one__overlay {
    height: 100%;
    position: absolute;
    top: 0;
    right: 0
}

.sidebar-one.active {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    visibility: visible;
    -webkit-transition: visibility .5s, -webkit-transform .5s;
    transition: transform .5s, visibility .5s, -webkit-transform .5s
}

.sidebar-one__overlay {
    width: 100%;
    left: 0;
    bottom: 0;
    background-color: var(--insuba-black10, #000);
    opacity: .6;
    cursor: url(../images/close.png), auto
}

.sidebar-one__content {
    width: 310px;
    background-color: var(--insuba-black4, #0f3564);
    z-index: 10;
    overflow-y: auto;
    padding: 70px 24px 30px;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: opacity .5s, visibility .5s, -webkit-transform .5s;
    transition: opacity .5s, visibility .5s, transform .5s, -webkit-transform .5s;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.sidebar-one__content::-webkit-scrollbar {
    display: none
}

.sidebar-one.active .sidebar-one__content {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: opacity .5s .5s, visibility .5s .5s, -webkit-transform .5s .5s;
    transition: opacity .5s .5s, visibility .5s .5s, transform .5s .5s, -webkit-transform .5s .5s
}

.sidebar-one__close {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 22px;
    color: var(--insuba-white, #fff);
    cursor: pointer;
    transition: .4s
}

.sidebar-one__title {
    position: relative;
    font-size: 25px;
    color: var(--insuba-white, #fff);
    font-weight: 700;
    line-height: normal;
    text-transform: capitalize;
    margin-bottom: 30px
}

.sidebar-one__title::after,
.sidebar-one__title::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -5px;
    background-color: var(--insuba-base, #0365d3);
    width: 20px;
    height: 2px
}

.sidebar-one__title::after {
    width: 50px;
    left: 25px
}

.sidebar-one__about__text {
    margin-bottom: 0;
    font-weight: 500;
    color: var(--insuba-white2, #ecf2f2)
}

.sidebar-one__info__list {
    margin: 0;
    padding: 0;
    list-style: none
}

.sidebar-one__info__list li {
    display: flex;
    align-items: center;
    font-size: 15px;
    color: var(--insuba-white2, #ecf2f2);
    font-weight: 500;
    line-height: 1.75
}

.sidebar__search input[type=search]:focus,
.sidebar__search input[type=text]:focus,
.sidebar__tags a {
    color: var(--insuba-black, #122f2a)
}

.sidebar-one__info__list li+li {
    margin-top: 20px
}

.sidebar-one__info__list li .sidebar-one__info__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 34px;
    height: 34px;
    position: relative;
    font-size: 14px;
    color: var(--insuba-white, #fff);
    margin-right: 12px;
    background-color: var(--insuba-base, #0365d3);
    border-radius: 50%;
    overflow: hidden
}

.insurance-sidebar__btn::before,
.insurance-sidebar__nav li a::before {
    height: 100%;
    border-radius: inherit;
    background-color: var(--insuba-base, #0365d3)
}

.sidebar-one__info__list li address {
    margin: 0;
    color: inherit;
    text-transform: capitalize
}

.sidebar-one__info__list li a {
    position: relative;
    top: 1px;
    color: inherit
}

.sidebar-one .social-links {
    gap: 4px
}

.sidebar-one .social-links a {
    width: 45px;
    height: 45px;
    background-color: var(--insuba-base, #0365d3);
    border-radius: 0
}

.sidebar-one__newsletter__btn,
.sidebar-one__newsletter__input {
    border: 0;
    color: var(--insuba-white, #fff);
    height: 50px;
    transition: .4s;
    outline: 0
}

.sidebar-one .social-links__icon {
    font-size: 16px
}

.sidebar-one__newsletter__inner {
    display: flex;
    align-items: center;
    justify-content: center
}

.sidebar-one__newsletter__input {
    padding-left: 20px;
    font-family: var(--insuba-font, "Roboto", sans-serif);
    font-size: 14px;
    width: calc(100% - 50px);
    background-color: rgba(var(--insuba-white-rgb, 255, 255, 255), .09)
}

.sidebar-one__newsletter__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    font-size: 18px;
    width: 50px;
    background-color: var(--insuba-base, #0365d3);
    overflow: hidden
}

.sidebar-one__newsletter__btn:hover {
    color: var(--insuba-base, #0365d3);
    background-color: var(--insuba-white, #fff)
}

.insurance-sidebar__single {
    padding: 43px 36px 51px;
    background-color: var(--insuba-white2, #ecf2f2);
    border-radius: 10px
}

@media (max-width:425px) {
    .insurance-sidebar__single {
        padding: 33px 30px 40px
    }
}

.insurance-sidebar__title {
    margin-bottom: 21px;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.454
}

.insurance-sidebar__btn,
.insurance-sidebar__nav li a {
    display: flex;
    border-radius: 25px;
    font-weight: 600;
    color: var(--insuba-black2, #333);
    font-size: 16px;
    background-color: var(--insuba-white, #fff);
    overflow: hidden;
    z-index: 1
}

.insurance-sidebar__btn,
.insurance-sidebar__nav li a,
.sidebar__categories li a {
    line-height: 1.5;
    position: relative;
    transition: .5s
}

.insurance-sidebar__btn+.insurance-sidebar__btn,
.insurance-sidebar__nav li+li {
    margin-top: 20px
}

.insurance-sidebar__nav li a {
    padding: 12px 35px 12px 15px;
    align-items: center
}

.insurance-sidebar__nav li a::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0%;
    z-index: -1;
    transition: .5s
}

.insurance-sidebar__btn::after,
.insurance-sidebar__nav li a::after,
.sidebar__search button[type=submit] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.insurance-sidebar__nav li a::after {
    content: "\f054";
    right: 20px;
    font-family: "Font Awesome 5 Free";
    font-size: 11px;
    color: var(--insuba-black2, #333);
    font-weight: 900;
    transition: .5s
}

.insurance-sidebar__nav li a .insurance-sidebar__nav__icon {
    margin-right: 11px;
    width: 26px;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 50%;
    font-size: 14px;
    color: var(--insuba-white, #fff);
    background-color: var(--insuba-black8, #202221);
    transition: .5s
}

.insurance-sidebar__nav li a .insurance-sidebar__nav__icon svg {
    width: 1em;
    height: 1em;
    fill: currentColor
}

.insurance-sidebar__nav li.current a,
.insurance-sidebar__nav li.current a::after,
.insurance-sidebar__nav li:hover a,
.insurance-sidebar__nav li:hover a::after {
    color: var(--insuba-white, #fff)
}

.insurance-sidebar__nav li.current a::before,
.insurance-sidebar__nav li:hover a::before {
    width: 100%;
    left: 0
}

.consultations-two .tabs-box .tab-buttons .tab-btn.active-btn .tab-btn__icon,
.consultations-two .tabs-box .tab-buttons .tab-btn:hover .tab-btn__icon,
.insurance-sidebar__nav li.current a .insurance-sidebar__nav__icon,
.insurance-sidebar__nav li:hover a .insurance-sidebar__nav__icon,
.online-banking .tabs-box .tab-buttons .tab-btn.active-btn .tab-btn__icon,
.online-banking .tabs-box .tab-buttons .tab-btn:hover .tab-btn__icon {
    color: var(--insuba-base, #0365d3);
    background-color: var(--insuba-white, #fff)
}

.insurance-sidebar__btn {
    padding: 12px 50px 12px 20px;
    align-items: center;
    gap: 20px
}

.insurance-sidebar__btn::after {
    content: "\e921";
    font-family: icomoon !important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    right: 20px;
    font-size: 15px;
    color: inherit
}

.insurance-sidebar__btn:hover,
.insurance-sidebar__btn:hover .insurance-sidebar__btn__icon {
    color: var(--insuba-white, #fff)
}

.insurance-sidebar__btn::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0%;
    z-index: -1;
    transition: .5s
}

.insurance-sidebar__btn__icon,
.sidebar__categories li a:hover,
.sidebar__posts__title:hover {
    color: var(--insuba-base, #0365d3)
}

.consultations-two .tabs-box .tab-buttons .tab-btn:hover::before,
.insurance-sidebar__btn:hover::before,
.online-banking .tabs-box .tab-buttons .tab-btn:hover .tab-btn__shape-box::after {
    width: 100%;
    left: 0
}

.insurance-sidebar__btn__icon {
    display: inline-flex;
    font-size: 26px;
    transition: .5s
}

.sidebar__categories li a,
.sidebar__posts__meta {
    color: var(--insuba-text, #636363);
    font-weight: 400
}

.insurance-sidebar__btn__icon svg {
    width: 1em;
    height: 1em;
    fill: currentColor
}

.sidebar__single {
    padding: 34px 32px;
    background-color: var(--insuba-white3, #f1f6f7);
    border-radius: 20px
}

.sidebar__single+.sidebar__single {
    margin-top: 60px
}

.sidebar__title {
    position: relative;
    margin-bottom: 34px;
    font-size: 22px;
    font-weight: 700;
    text-transform: capitalize;
    line-height: 1.363
}

.sidebar__title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -4px;
    width: 39px;
    height: 3px;
    background-color: var(--insuba-base, #0365d3)
}

.sidebar__form {
    padding: 0
}

.sidebar__search input[type=search],
.sidebar__search input[type=text] {
    padding-left: 23px;
    outline: 0;
    border: 0;
    width: 100%;
    height: 40px;
    font-size: 16px;
    color: var(--insuba-text, #636363);
    font-weight: 400;
    background-color: var(--insuba-white3, #f1f6f7);
    border-radius: 100px;
    transition: .4s
}

.sidebar__search button[type=submit],
.sidebar__tags a:hover {
    background-color: var(--insuba-base, #0365d3);
    color: var(--insuba-white, #fff)
}

.sidebar__search button[type=submit] {
    padding: 0;
    border: none;
    outline: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    right: 4px;
    font-size: 17px;
    border-radius: 50%;
    transition: .4s
}

.main-slider-two__carousel.owl-carousel .owl-nav button:hover,
.sidebar__tags a:hover {
    border-color: var(--insuba-base, #0365d3)
}

.sidebar__search button[type=submit] svg {
    width: 1em;
    height: 1em;
    fill: currentColor
}

.sidebar__search button[type=submit]:hover {
    color: var(--insuba-white, #fff);
    background-color: var(--insuba-black, #122f2a)
}

.sidebar__categories-wrapper {
    margin-top: 50px !important;
    padding-bottom: 37px
}

.sidebar__categories-title {
    margin-bottom: 28px
}

.sidebar__categories-title::after {
    width: 67px
}

.sidebar__categories li:not(:last-child) {
    margin-bottom: 9.41px
}

.sidebar__categories li a {
    font-size: 17px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.sidebar__categories li a span {
    color: inherit
}

.sidebar__categories__text {
    display: flex;
    align-items: center;
    gap: 11px
}

.sidebar__categories__icon {
    display: inline-flex;
    font-size: 15px;
    overflow: hidden
}

.sidebar__categories__icon svg {
    width: 1em;
    height: 1em;
    fill: currentColor
}

.sidebar__categories a:hover .sidebar__categories__icon>* {
    animation: .4s slideLeft
}

.sidebar__posts-wrapper,
.sidebar__tags-wrapper {
    padding-bottom: 43px
}

.sidebar__tags {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px
}

.sidebar__tags a {
    padding: 2.52px 21px;
    font-size: 16px;
    line-height: 1.437;
    font-weight: 400;
    background-color: var(--insuba-white, #fff);
    border: 1px solid var(--insuba-white4, #d7d7d7);
    transition: .5s
}

.sidebar__posts-title::after {
    width: 77px
}

.sidebar__posts__item {
    display: flex;
    gap: 20px 15px
}

.sidebar__posts__item:not(:last-of-type),
.why-choose-one__list {
    margin-bottom: 30px
}

.sidebar__posts__image {
    width: 94px;
    flex-shrink: 0
}

.sidebar__posts__image img {
    width: 100%;
    display: block
}

.sidebar__posts__content {
    margin-top: 7px;
    width: calc(100% - 94px)
}

.sidebar__posts__meta {
    display: flex;
    gap: 11px;
    margin-bottom: 7px;
    font-family: var(--insuba-font, "Roboto", sans-serif);
    font-size: 14px;
    line-height: 1
}

.main-footer__copyright,
.sidebar__call__icon,
.sidebar__call__number,
.sidebar__call__title {
    color: var(--insuba-white, #fff)
}

.sidebar__posts__meta__icon {
    display: inline-flex;
    font-size: 12px
}

.sidebar__posts__meta__icon svg {
    width: 1em;
    height: 1em;
    fill: currentColor
}

.sidebar__posts__title {
    margin: 0;
    font-size: 17px;
    font-weight: 700;
    text-transform: capitalize;
    line-height: 1.352
}

.sidebar__posts__title a {
    color: inherit;
    background: linear-gradient(to right, currentcolor 0, currentcolor 100%) 0 95%/0 1px no-repeat;
    transition: .5s
}

.sidebar__call {
    position: relative;
    padding: 328px 17px 22px
}

.sidebar__call::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(180deg, transparent 30%, RGBA(var(--insuba-base-rgb, 3, 101, 211), .77)) 70%;
    border-radius: inherit
}

.footer-widget__links li a:hover,
.sidebar__call__number:hover {
    background-size: 100% 1px;
    color: var(--insuba-base, #0365d3)
}

.sidebar__call__logo {
    max-width: 100%;
    height: auto;
    position: absolute;
    top: 23px;
    left: 18px;
    z-index: 1
}

.sidebar__call__inner {
    position: relative;
    display: flex;
    align-items: center;
    gap: 26px;
    background-color: var(--insuba-black5, #0f3667);
    border-radius: 43px;
    z-index: 1
}

.sidebar__call__inner::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 6px solid var(--insuba-white, #fff);
    border-radius: inherit
}

.sidebar__call__icon {
    width: 87px;
    height: 87px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 42px;
    background-color: var(--insuba-base, #0365d3);
    border: 6px solid var(--insuba-white, #fff);
    border-radius: 43px
}

.footer-widget__links li a,
.sidebar__call__number {
    background: linear-gradient(to right, currentcolor 0, currentcolor 100%) 0 95%/0 1px no-repeat
}

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

.sidebar__call__title {
    margin-bottom: 5px;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.4
}

.sidebar__call__number {
    position: relative;
    z-index: 1;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    transition: .5s
}

.client-carousel,
.google-map__contact {
    background-color: var(--insuba-white, #fff)
}

.google-map iframe {
    position: relative;
    display: block;
    border: none;
    height: 433px;
    width: 100%
}

.google-map__contact {
    overflow: hidden;
    mix-blend-mode: luminosity
}

.about-four,
.about-one,
.cart-page,
.contact,
.contact-map,
.funfact--home-2,
.login-page,
.portfolio-two {
    position: relative;
    background-color: var(--insuba-white, #fff)
}

.contact-map--home .google-map iframe {
    height: 443px
}

.client-carousel {
    position: relative;
    padding-top: 85px;
    padding-bottom: 85px
}

.client-carousel--about::after {
    display: block !important
}

.client-carousel--border-full::after,
.client-carousel--border-full::before {
    width: 100% !important
}

@media (max-width:991px) {
    .header::before {
        width: 380px
    }

    .main-header--three .main-header__btn {
        display: none
    }

    .sidebar__single+.sidebar__single {
        margin-top: 50px
    }

    .client-carousel {
        padding-top: 60px;
        padding-bottom: 60px
    }
}

.client-carousel::after,
.client-carousel::before {
    content: "";
    width: calc(100% - 28px);
    height: 1px;
    background-color: var(--insuba-border-color, #ddd);
    position: absolute;
    right: 0
}

.client-carousel::before {
    top: 0
}

.client-carousel::after {
    bottom: 0;
    display: none
}

.client-carousel__carousel .owl-stage {
    display: flex;
    align-items: center
}

.client-carousel__item,
.work-planning-two__card {
    position: relative;
    text-align: center
}

.client-carousel__item img {
    max-width: 100%;
    width: auto !important
}

.client-carousel__image {
    margin: auto
}

.client-carousel__hover {
    padding: 26px 40px;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--insuba-black5, #0f3667);
    border-radius: 38px;
    transition: opacity .3s
}

.main-footer,
.main-footer__top {
    position: relative;
    overflow: hidden
}

.about-four .tabs-box .tab-buttons .tab-btn.active-btn::before,
.client-carousel__item:hover .client-carousel__hover {
    opacity: 1
}

.main-footer {
    background: url('../images/footer_backgrounds/bg-1.png') bottom/contain no-repeat
}

.main-footer--home-2 .main-footer__top {
    padding-top: 90px
}

.main-footer--home-2 .main-footer__shape-one {
    top: -165px
}

.main-footer__top {
    padding-top: 46px;
    padding-bottom: 400px
}

@media (max-width:1024px) {
    .main-footer__top {
        padding-bottom: 300px
    }
}

@media (max-width:768px) {
    .main-header__logo img {
        max-width: 350px
    }

    .main-footer__top {
        padding-bottom: 250px
    }
}

@media (max-width:480px) {
    .main-header__logo img {
        max-width: 350px
    }

    .main-footer__top {
        padding-bottom: 200px
    }
}

.main-footer__bg,
.need-contact__bg,
.portfolio-card__bg,
.services-two__bg,
.slide-one__bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

.main-footer__bg::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.main-footer__bottom {
    text-align: center;
    background-color: var(--insuba-base, #0365d3)
}

.main-footer__bottom__inner {
    padding: 13.5px 0;
    text-align: center
}

.main-footer__copyright {
    margin: 0;
    font-family: var(--insuba-font2, "Rubik", sans-serif)
}

.main-footer__shape-one {
    height: 59px;
    width: 104px;
    position: absolute;
    left: 0;
    bottom: 69px;
    z-index: 1;
    animation: 22s linear infinite cycle
}

@media (max-width:1024px) {
    .main-footer__shape-one {
        height: 50px;
        width: 83px;
        bottom: 41px
    }
}

@media (max-width:768px) {
    .main-footer__shape-one {
        height: 37px;
        width: 67px;
        bottom: 24px
    }
}

@keyframes cycle {
    from {
        transform: translateX(-640px)
    }

    to {
        transform: translatex(1500px)
    }
}

@media(max-width:768px) {
    .sec-title__title {
        color: var(--main-black) !important
    }

    .sec-title__title2 {
        font-size: 25px
    }

    .main-footer__bottom {
        margin-bottom: 63px
    }

    .main-footer__copyright {
        font-size: 15px
    }

    @keyframes cycle {
        from {
            transform: translateX(-200px)
        }

        to {
            transform: translatex(900px)
        }
    }
}

.main-footer__shape-two {
    max-width: 100%;
    height: auto;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
    animation: 22s linear infinite micro
}

@media (max-width:1024px) {
    .main-footer__shape-two {
        height: 50px;
        width: 83px;
        bottom: 0
    }
}

@media (max-width:320px) {
    .main-footer__top {
        padding-bottom: 150px
    }

    .main-footer__shape-one {
        height: 37px;
        width: 67px;
        bottom: 0
    }

    .main-footer__shape-two {
        height: 37px;
        width: 67px;
        bottom: 8px
    }
}

@keyframes micro {
    from {
        transform: translateX(620px)
    }

    to {
        transform: translateX(-1500px)
    }
}

.footer-widget__title {
    position: relative;
    font-size: 22px;
    color: var(--footer-black);
    font-weight: 700;
    line-height: 1.409;
    text-transform: capitalize;
    margin-bottom: 42px
}

.footer-widget__title::after {
    content: "";
    width: 35px;
    height: 2px;
    background-color: var(--insuba-base, #0365d3);
    position: absolute;
    left: 0;
    bottom: -8px
}

.footer-widget__logo {
    display: inline-flex;
    margin-bottom: 37px
}

.footer-widget__about {
    margin-bottom: 24px;
    padding-right: 52px;
    color: var(--footer-black);
    font-weight: 400;
    line-height: 1.8125
}

@media (min-width:992px) and (max-width:1199px) {
    .blog-three__card__title {
        font-size: 20px
    }

    .footer-widget--gallery .footer-widget__title {
        margin-bottom: 47px
    }

    .footer-widget__about {
        padding-right: 30px
    }
}

.footer-widget .social-links a {
    width: 40px;
    height: 40px
}

.footer-widget__links li+li {
    margin-top: 13px
}

.footer-widget__links li {
    font-size: 16px;
    color: var(--footer-black);
    font-weight: 400;
    line-height: 1.2;
    text-transform: capitalize
}

.footer-widget__links li a {
    color: inherit;
    transition: .5s
}

.contact__form button[type=submit],
.footer-widget__info li+li {
    margin-top: 16px
}

.footer-widget__info li {
    display: flex;
    gap: 10px;
    font-size: 16px;
    color: var(--footer-black, #fff);
    font-weight: 400;
    line-height: 1.2;
}

.footer-widget__info li a {
    display: inline-block;
    color: inherit
}

.footer-widget__info li a:hover {
    color: var(--insuba-base, #0365d3)
}

.footer-widget__info__icon {
    position: relative;
    top: 5px;
    display: inline-flex;
    font-size: 16px;
    color: var(--footer-black, #fff)
}

.footer-widget__info__icon svg {
    width: 1em;
    height: 1em;
    fill: currentColor
}

.footer-widget__gallery {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 15px
}

.footer-widget__gallery__link {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 7px
}

.footer-widget__gallery__link img {
    max-width: 100%;
    border-radius: inherit
}

.footer-widget__gallery__overlay svg,
.main-slider-two__call__icon svg,
.main-slider-two__rating__list li svg {
    width: 1em;
    height: 1em;
    fill: currentColor
}

.footer-widget__gallery__overlay {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 0%;
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: 0;
    font-size: 23px;
    color: var(--insuba-white, #fff);
    border-radius: inherit;
    background-color: rgba(var(--insuba-base-rgb, 3, 101, 211), .8);
    transition: .5s
}

.custom-cursor__cursor,
.custom-cursor__cursor-two {
    position: fixed;
    z-index: 999991;
    pointer-events: none
}

.footer-widget__gallery__link:hover .footer-widget__gallery__overlay {
    height: 100%;
    top: 0;
    opacity: 1
}

.custom-cursor__cursor {
    width: 25px;
    height: 25px;
    border-radius: 100%;
    border: 1px solid var(--insuba-base, #0365d3);
    -webkit-transition: .2s ease-out;
    transition: .2s ease-out;
    left: 0;
    top: 0;
    -webkit-transform: translate(calc(-50% + 5px), -50%);
    transform: translate(calc(-50% + 5px), -50%)
}

.custom-cursor__cursor-two {
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background-color: var(--insuba-base, #0365d3);
    opacity: .3;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: width .3s, height .3s, opacity .3s;
    transition: width .3s, height .3s, opacity .3s
}

.custom-cursor__hover {
    background-color: var(--insuba-base, #0365d3);
    opacity: .4
}

.custom-cursor__innerhover {
    width: 25px;
    height: 25px;
    opacity: .4
}

@keyframes bubbleMover {
    0% {
        -webkit-transform: translateY(0) translateX(0) rotate(0);
        transform: translateY(0) translateX(0) rotate(0)
    }

    30% {
        -webkit-transform: translateY(30px) translateX(50px) rotate(15deg);
        transform: translateY(30px) translateX(50px) rotate(15deg);
        -webkit-transform-origin: center center;
        transform-origin: center center
    }

    50% {
        -webkit-transform: translateY(50px) translateX(100px) rotate(45deg);
        transform: translateY(50px) translateX(100px) rotate(45deg);
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom
    }

    80% {
        -webkit-transform: translateY(30px) translateX(50px) rotate(15deg);
        transform: translateY(30px) translateX(50px) rotate(15deg);
        -webkit-transform-origin: left top;
        transform-origin: left top
    }

    100% {
        -webkit-transform: translateY(0) translateX(0) rotate(0);
        transform: translateY(0) translateX(0) rotate(0);
        -webkit-transform-origin: center center;
        transform-origin: center center
    }
}

@keyframes shapeMover {

    0%,
    100% {
        transform: perspective(400px) translateY(0) rotate(0) translateZ(0) translateX(0)
    }

    50% {
        transform: perspective(400px) rotate(-45deg) translateZ(20px) translateY(20px) translateX(20px)
    }
}

@keyframes banner3Shake {

    0%,
    100% {
        -webkit-transform: rotate3d(0, 1, 0, 0deg);
        transform: rotate3d(0, 1, 0, 0deg)
    }

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

    60% {
        -webkit-transform: rotate3d(1, 0, 0, 0deg);
        transform: rotate3d(1, 0, 0, 0deg)
    }
}

@keyframes squareMover {

    0%,
    100% {
        -webkit-transform: translate(0, 0) rotate(0);
        transform: translate(0, 0) rotate(0)
    }

    20%,
    60% {
        -webkit-transform: translate(20px, 40px) rotate(180deg);
        transform: translate(20px, 40px) rotate(180deg)
    }

    30%,
    80% {
        -webkit-transform: translate(40px, 60px) rotate(0);
        transform: translate(40px, 60px) rotate(0)
    }
}

@keyframes treeMove {

    0%,
    100% {
        -webkit-transform: rotate(0) translateX(0);
        transform: rotate(0) translateX(0)
    }

    25%,
    75% {
        -webkit-transform: rotate(5deg) translateX(15px);
        transform: rotate(5deg) translateX(15px)
    }

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

@keyframes leafMove {

    0%,
    100% {
        -webkit-transform: rotate(0) translateX(0);
        transform: rotate(0) translateX(0)
    }

    25%,
    75% {
        transform: rotate(-2deg) translateX(5px)
    }

    50% {
        transform: rotate(-4deg) translateX(10px)
    }
}

@keyframes messageMove {

    0%,
    100% {
        transform: translateX(0)
    }

    25%,
    75% {
        transform: translateX(5px)
    }

    50% {
        transform: translateX(10px)
    }
}

@keyframes textRotate {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

@keyframes shapeRotate {

    0%,
    100% {
        transform: rotate(0)
    }

    50% {
        transform: rotate(90deg)
    }
}

@keyframes flowerRotate {

    0%,
    100% {
        transform: rotate(0)
    }

    25%,
    75% {
        transform: rotate(5deg)
    }

    50% {
        transform: rotate(10deg)
    }
}

@keyframes zump {

    0%,
    100% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    50% {
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }
}

@keyframes zumpBottom {

    0%,
    100% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    50% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
}

@keyframes zoomIn {

    0%,
    100% {
        transform: scale(1.15)
    }

    50% {
        transform: scale(1)
    }
}

@keyframes zoomOut {

    0%,
    100% {
        transform: scale(.8)
    }

    50% {
        transform: scale(1)
    }
}

@keyframes moveHorizontal {

    0%,
    100% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    50% {
        -webkit-transform: translate3d(15px, 0, 0);
        transform: translate3d(15px, 0, 0)
    }
}

@keyframes moveHorizontal2 {

    0%,
    100% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    50% {
        -webkit-transform: translate3d(-15px, 0, 0);
        transform: translate3d(-15px, 0, 0)
    }
}

@keyframes rotate {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(359deg)
    }
}

@keyframes wobble-horizontal-hover {
    16.65% {
        transform: translateX(5px)
    }

    33.3% {
        transform: translateX(-3px)
    }

    49.95% {
        transform: translateX(4px)
    }

    66.6% {
        transform: translateX(-2px)
    }

    83.25% {
        transform: translateX(1px)
    }

    100% {
        transform: translateX(0)
    }
}

@keyframes smartMove {
    0% {
        width: 0
    }

    15% {
        width: 100%
    }

    85% {
        opacity: 1
    }

    90% {
        width: 100%;
        opacity: 0
    }

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

@keyframes smartMove2 {
    0% {
        width: 0
    }

    15% {
        width: 126px
    }

    85% {
        opacity: 1
    }

    90% {
        width: 126px;
        opacity: 0
    }

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

@keyframes smartMove3 {
    0% {
        width: 0
    }

    15% {
        width: 173px
    }

    85% {
        opacity: 1
    }

    90% {
        width: 173px;
        opacity: 0
    }

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

@keyframes float-bob-y {

    0%,
    100% {
        -webkit-transform: translateY(0) translateX(0) rotate(0);
        transform: translateY(0) translateX(0) rotate(0)
    }

    50% {
        -webkit-transform: translateY(10px) translateX(10px) rotate(5deg);
        transform: translateY(10px) translateX(10px) rotate(5deg)
    }
}

@keyframes rectMove {

    0%,
    100%,
    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    25%,
    75% {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
}

@keyframes moveBackground {
    0% {
        background-position: -1920px 100%
    }

    100% {
        background-position: 0 100%
    }
}

@keyframes moveBackgroundY {
    0% {
        background-position: 100% 1920px
    }

    100% {
        background-position: 100% 0
    }
}

@keyframes slideTop {
    49% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }

    50% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    51% {
        opacity: 1
    }
}

@keyframes slideLeft {
    49% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

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

    51% {
        opacity: 1
    }
}

.main-slider-four__carousel.owl-carousel .owl-dots .owl-dot.active::after,
.main-slider-four__carousel.owl-carousel .owl-dots .owl-dot:hover::after,
.main-slider-three__carousel.owl-carousel .owl-dots .owl-dot.active::after,
.main-slider-three__carousel.owl-carousel .owl-dots .owl-dot:hover::after {
    transform: translate(-50%, -50%) scale(1)
}

@keyframes animatedCircle {

    0%,
    100% {
        transform: translate(0, 0) rotate(0) scale(1)
    }

    20% {
        transform: translate(73px, -1px) rotate(36deg) scale(.9)
    }

    40% {
        transform: translate(141px, 72px) rotate(72deg) scale(1)
    }

    60% {
        transform: translate(83px, 122px) rotate(108deg) scale(1.2)
    }

    80% {
        transform: translate(-40px, 72px) rotate(144deg) scale(1.1)
    }
}

.slider-image {
    width: auto !important;
    display: inline-block !important;
    max-width: 100%;
    height: auto
}

.main-slider-one {
    position: relative;
    background-color: var(--insuba-white, #fff);
    overflow: hidden;
    z-index: 1
}

.main-slider-one__carousel.owl-carousel .owl-dots {
    margin: 0 !important;
    position: absolute;
    left: 50%;
    bottom: 100px;
    transform: translateX(-50%)
}

@media (min-width:1200px) {
    .container {
        max-width: 1200px
    }

    .mobile-nav__btn {
        display: none
    }

    .main-menu .main-menu__list,
    .main-menu .main-menu__list ul {
        display: flex
    }

    .main-slider-one__carousel.owl-carousel .owl-dots {
        top: 50%;
        left: 34px;
        transform: translateY(-50%) translateX(0);
        flex-direction: column
    }

    .main-slider-one .container {
        max-width: 1559px;
        padding-left: 50px;
        padding-right: 50px
    }
}

@media (min-width:1600px) {
    .main-slider-one__carousel.owl-carousel .owl-dots {
        left: 38px
    }
}

.main-slider-one__item {
    position: relative;
    padding-top: 100px;
    padding-bottom: 100px;
    background-color: var(--insuba-white2, #ecf2f2)
}

.main-slider-one__image-left {
    width: 665px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    opacity: .1
}

.main-slider-one__image-right {
    width: 1016px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0
}

@media (max-width:1799px) {
    .page-header__shape-one {
        max-width: 150px;
        left: 30px
    }

    .main-slider-one__image-right {
        width: 830px
    }
}

@media (max-width:1599px) {
    .main-footer__shape-two {
        max-width: 250px
    }

    .main-slider-one__image-right {
        width: 720px
    }
}

@media (max-width:1399px) {
    .page-header__image {
        max-width: 600px;
        right: 60px
    }

    .insurance-sidebar__single+.insurance-sidebar__single {
        margin-top: 30px
    }

    .main-footer__shape-one {
        max-width: 400px
    }

    .main-slider-one__item {
        padding-bottom: 200px
    }

    .main-slider-one__image-right {
        width: 600px
    }
}

@media (max-width:1199px) {
    .footer-widget__gallery__link img {
        width: 100%;
        display: block
    }

    .main-slider-one__item {
        padding-bottom: 250px
    }

    .main-slider-one__image-right {
        display: none
    }
}

.main-slider-one__image-right::before {
    content: "";
    width: 11px;
    height: 107px;
    position: absolute;
    top: -1px;
    left: 1px;
    background-color: var(--insuba-base, #0365d3);
    transform: rotate(-13deg) skewY(13deg)
}

@media (max-width:1799px) {
    .main-slider-one__image-right::before {
        left: -1px;
        transform: rotate(-11deg) skewY(13deg)
    }
}

@media (max-width:1599px) {
    .main-slider-one__image-right::before {
        left: -2px;
        transform: rotate(-10deg) skewY(13deg)
    }
}

.main-slider-one__image-right__inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    clip-path: polygon(0 0, 100% 0%, 100% 100%, 17% 100%);
    overflow: hidden;
    z-index: 1
}

.main-slider-one__image-right__bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    transform: scale(1);
    clip-path: polygon(0 0, 100% 0%, 100% 100%, 17% 100%);
    transition: transform 7s
}

.main-slider-one__image-right__image {
    position: absolute;
    top: 90px;
    left: -50px;
    display: inline-block !important;
    width: 164px !important;
    height: 164px;
    border-radius: 50%;
    border: 10px solid var(--insuba-white, #fff);
    z-index: 2;
    opacity: 0;
    transform: translateY(100px)
}

.main-slider-one__experience {
    padding: 15px 57px 18px;
    position: absolute;
    left: -185px;
    bottom: 59px;
    background-color: var(--insuba-base, #0365d3);
    border-radius: 44px 0 0 44px;
    clip-path: polygon(0 0, 94% 0, 100% 100%, 0% 100%);
    opacity: 0;
    visibility: hidden;
    transform: translateX(100%)
}

@media (max-width:1799px) {
    .main-slider-one__experience {
        left: -222px;
        padding-right: 70px
    }
}

@media (max-width:1599px) {
    .main-slider-one__experience {
        left: -239px
    }
}

.main-slider-one__experience::after {
    content: "";
    width: calc(100% - 30px);
    height: calc(100% - 20px);
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    border-radius: inherit;
    background-image: url(../images/shapes/main-slider-shape-1-3.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center center
}

.main-slider-one__experience__title {
    margin: 0;
    font-size: 36px;
    font-weight: 700;
    color: var(--insuba-white, #fff);
    line-height: 1.5
}

.main-slider-one__experience__title span {
    font-size: 29px
}

.main-slider-one__content__shape-one {
    position: absolute;
    top: -39px;
    left: 218px;
    z-index: -1;
    opacity: 0;
    transition: 1.2s;
    animation: 6s infinite treeMove
}

.main-slider-one__top__inner {
    margin-bottom: 17px;
    padding: 7px 25px 5px;
    display: inline-flex;
    gap: 15px;
    background-color: var(--insuba-white, #fff);
    border-radius: 30px;
    opacity: 0;
    transform: translateY(150px);
    transition: transform 1.4s, opacity 1.4s
}

.main-slider-one__top__box {
    position: relative;
    top: 3px;
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    background-color: var(--insuba-base, #0365d3)
}

.main-slider-one__top__box::after {
    content: "";
    position: absolute;
    top: 50%;
    right: -6px;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4.5px 0 4.5px 7.8px;
    border-color: transparent transparent transparent var(--insuba-base, #0365d3)
}

.main-slider-one__top__box__inner {
    width: 10px;
    height: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: var(--insuba-white, #fff)
}

.main-slider-one__top__box__inner::after {
    content: "";
    width: 6px;
    height: 6px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: var(--insuba-black5, #0f3667)
}

.main-slider-one__tagline,
.main-slider-three__tagline {
    margin: 0;
    font-family: var(--insuba-font2, "Rubik", sans-serif);
    font-size: 18px;
    color: var(--insuba-base, #0365d3);
    font-weight: 500;
    text-transform: capitalize;
    line-height: 1.3
}

.main-slider-one__title {
    overflow: hidden;
    position: relative;
    margin-bottom: 26px;
    font-weight: 700;
    font-size: 60px;
    line-height: 1.25
}

@media (max-width:1599px) {
    .main-slider-one__title {
        font-size: 51px
    }
}

@media (max-width:1399px) {
    .main-slider-one__image-right::before {
        left: -3px;
        transform: rotate(-8deg) skewY(13deg)
    }

    .main-slider-one__experience {
        left: -258px
    }

    .main-slider-one__title {
        font-size: 45px
    }
}

@media (min-width:1099px) and (max-width:1299px) {
    .main-slider-one__title {
        font-size: 43px
    }
}

@media (max-width:767px) {
    .sidebar__single+.sidebar__single {
        margin-top: 40px
    }

    .sidebar__categories-wrapper {
        margin-top: 40px !important
    }

    .client-carousel__hover,
    .client-carousel__item {
        padding: 25px
    }

    .footer-widget--gallery .footer-widget__title {
        margin-bottom: 47px
    }

    .footer-widget__about {
        padding-right: 0
    }

    .main-slider-one__title {
        font-size: 43px
    }
}

@media (max-width:575px) {
    .insuba-breadcrumb li {
        font-size: 15px
    }

    .client-carousel__item {
        margin-left: auto;
        margin-right: auto;
        display: table
    }

    .main-slider-one__item {
        padding-top: 200px;
        padding-bottom: 270px
    }

    .main-slider-one__title {
        font-size: 40px
    }
}

.main-slider-one__title__text {
    display: inline-block;
    position: relative;
    color: var(--insuba-base, #0365d3);
    font-weight: 400
}

.main-slider-one__title__text::after {
    content: "";
    width: 128px;
    height: 4px;
    background-color: var(--insuba-base, #0365d3);
    position: absolute;
    top: 94%;
    right: 33px
}

@media (max-width:1599px) {
    .main-slider-one__title__text::after {
        width: 115px;
        right: 30px
    }
}

@media (max-width:1399px) {
    .main-slider-one__title__text::after {
        width: 95px;
        height: 3px;
        right: 25px
    }

    .main-slider-two__carousel.owl-carousel .owl-nav {
        margin-top: 0;
        position: absolute;
        left: 50%;
        bottom: 220px;
        transform: translateX(-50%)
    }
}

@media (max-width:575px) {
    .main-slider-one__title__text::after {
        width: 85px;
        right: 22px
    }
}

.main-slider-one__title__inner {
    overflow: hidden;
    position: relative;
    display: table;
    opacity: 0;
    transform: translateY(200px);
    transition: transform 1.6s, opacity 1.6s
}

.main-slider-one__btn-1,
.main-slider-one__btn-2,
.main-slider-one__text {
    transform: translateY(150px);
    transition: transform 1.4s, opacity 1.4s;
    opacity: 0
}

.main-slider-one__title__inner::after,
.main-slider-one__title__inner::before {
    content: "";
    position: absolute;
    width: calc(50% + 2px);
    height: 100%;
    background-color: var(--insuba-base, #0365d3);
    z-index: 2;
    transition: 1s
}

.main-slider-one__title__inner::before {
    top: 0;
    right: 0
}

.main-slider-one__title__inner::after {
    top: 0;
    left: 0
}

.main-slider-one__description {
    margin-bottom: 31px;
    padding-right: 115px;
    overflow: hidden
}

.main-slider-one__text {
    margin-bottom: 0;
    font-size: 17px
}

.main-slider-one__button,
.main-slider-three__button {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 31px
}

.main-slider-one__button__inner {
    overflow: hidden
}

.main-slider-one .video-btn,
.main-slider-three .video-btn {
    width: 58px;
    height: 58px;
    font-size: 25px;
    color: var(--insuba-black6, #232323);
    background-color: RGBA(var(--insuba-white-rgb, 255, 255, 255), .47)
}

.main-slider-one .video-btn::after,
.main-slider-three .video-btn::after {
    content: "";
    width: 47px;
    height: 47px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background-color: var(--insuba-white, #fff);
    z-index: -1
}

.main-slider-one .video-btn__ripple::after,
.main-slider-one .video-btn__ripple::before,
.main-slider-three .video-btn__ripple::after,
.main-slider-three .video-btn__ripple::before {
    animation: none
}

.main-slider-one__shape-box {
    width: 58px;
    height: 58px;
    position: absolute;
    left: 49px;
    bottom: 71px;
    border-radius: 50%;
    border: 9px solid var(--insuba-base, #0365d3);
    opacity: 0;
    transition: 1.2s;
    animation: 2s linear infinite zump
}

.main-slider-one__shape-box::after {
    content: "";
    width: calc(100% + 13px);
    height: calc(100% + 13px);
    position: absolute;
    top: 25px;
    right: -27px;
    border: 3px solid RGBA(var(--insuba-base-rgb, 3, 101, 211), .2);
    border-radius: inherit
}

.main-slider-one__shape-one {
    position: absolute;
    top: 57px;
    left: 36%;
    opacity: 0;
    transition: 1.2s;
    animation: 5s linear infinite textRotate
}

.main-slider-one .active .main-slider-one__btn-1,
.main-slider-one .active .main-slider-one__btn-2,
.main-slider-one .active .main-slider-one__image-right__image,
.main-slider-one .active .main-slider-one__text,
.main-slider-one .active .main-slider-one__title__inner,
.main-slider-one .active .main-slider-one__top__inner {
    opacity: 1;
    transform: translateY(0)
}

.main-slider-one .active .main-slider-one__title__inner {
    transition-delay: 0.5s
}

.main-slider-one .active .main-slider-one__title__inner::before {
    top: 0;
    right: 105%
}

.main-slider-one .active .main-slider-one__title__inner::after {
    top: 0;
    left: 105%
}

.main-slider-one .active .main-slider-one__text {
    transition-delay: 0.8s
}

.main-slider-one .active .main-slider-one__btn-1 {
    transition-delay: 1.1s
}

.main-slider-one .active .main-slider-one__btn-2 {
    transition-delay: 1.3s
}

.main-slider-one .active .main-slider-one__image-right__bg {
    transform: scale(1.15)
}

.main-slider-one .active .main-slider-one__image-right__image {
    transition: transform 1s, opacity 1s
}

.main-slider-one .active .main-slider-one__experience {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
    transition: transform 1s, opacity 1s
}

.main-slider-one .active .main-slider-one__content__shape-one,
.main-slider-one .active .main-slider-one__shape-box,
.main-slider-one .active .main-slider-one__shape-one {
    opacity: 1;
    transition-delay: 0.7s
}

.home-insurance__content,
.main-slider-four,
.main-slider-two {
    position: relative;
    overflow: hidden;
    z-index: 1
}

.main-slider-two__carousel.owl-carousel .owl-nav button {
    color: var(--insuba-white, #fff);
    background-color: transparent;
    border: 1px solid var(--insuba-white, #fff)
}

.main-slider-two__carousel.owl-carousel .owl-nav button.owl-prev {
    left: 25px
}

.main-slider-two__carousel.owl-carousel .owl-nav button.owl-next {
    right: 25px
}

.main-slider-two__item {
    position: relative;
    padding-top: 192px;
    padding-bottom: 263px;
    overflow: hidden
}

.main-slider-two__bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--insuba-black5, #0f3667);
    -webkit-mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900.000000 390.000000"><g transform="translate(0.000000,390.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M0 2024 c0 -1776 1 -1878 18 -1890 34 -27 143 -72 222 -94 92 -25 171 -32 400 -37 228 -5 356 3 495 29 33 6 83 14 110 18 28 4 73 13 100 20 28 6 76 18 108 26 84 20 176 44 227 59 41 12 71 20 200 56 25 7 63 15 85 19 22 4 60 12 85 18 127 31 317 59 457 69 95 6 285 -15 368 -41 22 -7 67 -21 100 -31 33 -9 76 -23 95 -30 45 -16 121 -35 190 -48 36 -7 1041 -11 2898 -14 l2842 -3 0 1875 0 1875 -4500 0 -4500 0 0 -1876z"/> </g> </svg>');
    mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900.000000 390.000000"><g transform="translate(0.000000,390.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M0 2024 c0 -1776 1 -1878 18 -1890 34 -27 143 -72 222 -94 92 -25 171 -32 400 -37 228 -5 356 3 495 29 33 6 83 14 110 18 28 4 73 13 100 20 28 6 76 18 108 26 84 20 176 44 227 59 41 12 71 20 200 56 25 7 63 15 85 19 22 4 60 12 85 18 127 31 317 59 457 69 95 6 285 -15 368 -41 22 -7 67 -21 100 -31 33 -9 76 -23 95 -30 45 -16 121 -35 190 -48 36 -7 1041 -11 2898 -14 l2842 -3 0 1875 0 1875 -4500 0 -4500 0 0 -1876z"/> </g> </svg>');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-size: cover;
    mask-size: cover
}

.main-slider-two__btn,
.main-slider-two__call__icon,
.main-slider-two__image::after {
    background-color: var(--insuba-white, #fff)
}

.main-slider-two__image {
    width: 1162px;
    height: calc(100% - 33px);
    position: absolute;
    top: 0;
    right: 0
}

@media (max-width:1799px) {
    .main-slider-one__experience::after {
        width: calc(100% - 35px)
    }

    .main-slider-two__image {
        width: 750px
    }

    .main-slider-two__shape-two {
        max-width: 180px !important
    }
}

@media (max-width:1599px) {
    .main-slider-one__description {
        padding-right: 0
    }

    .main-slider-two__image {
        width: 700px
    }

    .main-slider-two__content {
        padding-right: 30px
    }
}

.main-slider-two__image::after,
.main-slider-two__image__bg,
.main-slider-two__image__bg__inner {
    width: 100%;
    height: 100%;
    top: 0;
    position: absolute
}

.main-slider-two__image::after {
    content: "";
    left: -10px;
    -webkit-mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300.000000 206.000000"><g transform="translate(0.000000,206.000000) scale(0.050000,-0.050000)" stroke="none"> <path d="M649 4047 c-245 -267 -203 -480 175 -882 270 -287 430 -513 509 -717 207 -536 -152 -1295 -1018 -2153 l-298 -295 2992 0 2991 0 0 2060 0 2060 -2642 0 -2643 0 -66 -73z"/> </g> </svg>');
    mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300.000000 206.000000"><g transform="translate(0.000000,206.000000) scale(0.050000,-0.050000)" stroke="none"> <path d="M649 4047 c-245 -267 -203 -480 175 -882 270 -287 430 -513 509 -717 207 -536 -152 -1295 -1018 -2153 l-298 -295 2992 0 2991 0 0 2060 0 2060 -2642 0 -2643 0 -66 -73z"/> </g> </svg>');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-size: cover;
    mask-size: cover
}

.main-slider-two__image__bg {
    right: 0;
    overflow: hidden;
    z-index: 1;
    -webkit-mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300.000000 206.000000"><g transform="translate(0.000000,206.000000) scale(0.050000,-0.050000)" stroke="none"> <path d="M649 4047 c-245 -267 -203 -480 175 -882 270 -287 430 -513 509 -717 207 -536 -152 -1295 -1018 -2153 l-298 -295 2992 0 2991 0 0 2060 0 2060 -2642 0 -2643 0 -66 -73z"/> </g> </svg>');
    mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300.000000 206.000000"><g transform="translate(0.000000,206.000000) scale(0.050000,-0.050000)" stroke="none"> <path d="M649 4047 c-245 -267 -203 -480 175 -882 270 -287 430 -513 509 -717 207 -536 -152 -1295 -1018 -2153 l-298 -295 2992 0 2991 0 0 2060 0 2060 -2642 0 -2643 0 -66 -73z"/> </g> </svg>');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-size: cover;
    mask-size: cover
}

.main-slider-two__image__bg__inner {
    right: 0;
    transform: scale(1);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    transition: transform 7s
}

.main-slider-two__image__shape {
    position: absolute;
    right: -100%;
    bottom: -145px;
    opacity: 0;
    z-index: 1;
    animation: 2s linear infinite moveHorizontal
}

.main-slider-two__top {
    position: relative;
    display: table
}

.main-slider-two__top__inner {
    overflow: hidden
}

.main-slider-two__top__star {
    position: absolute;
    top: -61px;
    right: -80px;
    font-family: var(--insuba-heading-font, "Poppins", serif);
    font-size: 126px;
    color: var(--insuba-white, #fff);
    font-weight: 500;
    line-height: 1;
    opacity: 0;
    transition: 1.4s;
    animation: 1.5s infinite animatedStar
}

.main-slider-two__btn,
.main-slider-two__call,
.main-slider-two__rating-box {
    opacity: 0;
    transform: translateY(-150px);
    transition: transform 1.4s, opacity 1.4s
}

.main-slider-two__rating {
    margin-bottom: 23px;
    padding-bottom: 4px;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 14px;
    border-bottom: 1px solid var(--insuba-border-color, #ddd)
}

.main-slider-two__rating__list {
    position: relative;
    top: 2px;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 7px
}

.main-slider-two__rating__list li {
    display: inline-flex;
    font-size: 18px;
    color: var(--insuba-base, #0365d3)
}

.main-slider-two__rating__text {
    margin: 0;
    color: var(--insuba-white, #fff);
    font-weight: 500;
    font-style: italic
}

.main-slider-two__title {
    overflow: hidden;
    position: relative;
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 60px;
    color: var(--insuba-white, #fff);
    line-height: 1.25
}

@media (max-width:1599px) {
    .main-slider-two__title {
        font-size: 54px
    }
}

@media (max-width:991px) {
    .main-slider-two__title {
        font-size: 50px
    }

    .main-slider-three__bg-2__image.slider-image {
        display: none !important
    }
}

@media (max-width:575px) {
    .main-slider-one__shape-box {
        width: 50px;
        height: 50px;
        left: 30px;
        bottom: 150px
    }

    .main-slider-one__shape-box::after {
        top: 15px;
        right: -20px
    }

    .main-slider-two__title {
        font-size: 45px
    }

    .main-slider-two__title__text::after {
        display: none
    }
}

.main-slider-two__title__text {
    display: inline-block;
    position: relative;
    color: var(--insuba-black5, #0f3667);
    font-weight: 500;
    text-shadow: 2px 2px 0 var(--insuba-base, #0365d3), -2px -2px 0 var(--insuba-base, #0365d3), 2px -2px 0 var(--insuba-base, #0365d3), -2px 2px 0 var(--insuba-base, #0365d3), 2px 2px 0 var(--insuba-base, #0365d3);
    z-index: 1
}

.main-slider-two__btn:hover,
.main-slider-two__text {
    color: var(--insuba-white, #fff)
}

.main-slider-two__title__text::after {
    content: "";
    width: 194px;
    height: 13px;
    position: absolute;
    right: 0;
    bottom: -3px;
    background-image: url(../images/shapes/main-slider-title-shape-2-1.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    z-index: -1
}

.main-slider-two__title__inner {
    padding-bottom: 2px;
    overflow: hidden;
    position: relative;
    display: table;
    opacity: 0;
    transform: translateY(-200px);
    transition: transform 1.6s, opacity 1.6s
}

.main-slider-two__title__inner::after,
.main-slider-two__title__inner::before {
    content: "";
    position: absolute;
    width: calc(50% + 2px);
    height: 100%;
    background-color: var(--insuba-white, #fff);
    z-index: 2;
    transition: 1s
}

.main-slider-two__title__inner::before {
    top: 0;
    right: 0
}

.main-slider-two__title__inner::after {
    top: 0;
    left: 0
}

.main-slider-two__description {
    margin-bottom: 31px;
    padding-right: 60px;
    overflow: hidden
}

.main-slider-two__text {
    margin-bottom: 0;
    font-size: 17px;
    opacity: 0;
    transform: translateY(-150px);
    transition: transform 1.4s, opacity 1.4s
}

.main-slider-three__top,
.main-slider-two__button__inner {
    overflow: hidden
}

.main-slider-two__btn {
    color: var(--insuba-black4, #0f3564)
}

.main-slider-two__btn .insuba-btn__icon-box,
.main-slider-two__btn::after {
    background-color: var(--insuba-base, #0365d3)
}

.main-slider-two__btn:hover .insuba-btn__icon-box {
    background-color: var(--insuba-black3, #19232b)
}

.main-slider-two__call {
    display: flex;
    align-items: center;
    gap: 19px
}

.main-slider-two__call__icon {
    width: 52px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 50%;
    font-size: 20px;
    color: var(--insuba-base, #0365d3);
    transition: .5s
}

.about-one__founder__name a,
.about-three__founder__name a,
.main-slider-two__call__number {
    background: linear-gradient(to right, currentcolor 0, currentcolor 100%) 0 95%/0 1px no-repeat
}

.main-slider-two__call:hover .main-slider-two__call__icon {
    color: var(--insuba-white, #fff);
    background-color: var(--insuba-base, #0365d3)
}

.main-slider-two__call__title {
    margin: 0;
    font-size: 17px;
    color: var(--insuba-white, #fff)
}

.main-slider-two__call__number {
    font-size: 17px;
    color: var(--insuba-white, #fff);
    transition: .5s
}

.main-slider-two__call__number:hover {
    background-size: 100% 1px;
    color: var(--insuba-base, #0365d3)
}

.main-slider-two__shape-one {
    position: absolute;
    left: -100%;
    bottom: 104px;
    opacity: 0;
    animation: 2s linear infinite moveHorizontal2
}

.main-slider-two__shape-two {
    position: absolute;
    left: -100%;
    bottom: 194px;
    opacity: 0;
    animation: 2s linear infinite zump
}

@media (max-width:1599px) {
    .main-slider-two__description {
        padding-right: 0
    }

    .main-slider-two__shape-two {
        bottom: 100px
    }

    .main-slider-three__bg-3 {
        display: none
    }
}

.main-slider-two .active .main-slider-two__image__bg__inner {
    transform: scale(1.15)
}

.main-slider-two .active .main-slider-two__btn,
.main-slider-two .active .main-slider-two__call,
.main-slider-two .active .main-slider-two__rating-box,
.main-slider-two .active .main-slider-two__text,
.main-slider-two .active .main-slider-two__title__inner {
    opacity: 1;
    transform: translateY(0)
}

.main-slider-two .active .main-slider-two__top__star {
    opacity: 1;
    transition-delay: 1s
}

.main-slider-two .active .main-slider-two__title__inner {
    transition-delay: 0.5s
}

.main-slider-two .active .main-slider-two__title__inner::before {
    top: 0;
    right: 105%
}

.main-slider-two .active .main-slider-two__title__inner::after {
    top: 0;
    left: 105%
}

.main-slider-two .active .main-slider-two__text {
    transition-delay: 0.8s
}

.main-slider-two .active .main-slider-two__btn {
    transition-delay: 1.1s
}

.main-slider-two .active .main-slider-two__call {
    transition-delay: 1.3s
}

.main-slider-two .active .main-slider-two__image__shape {
    right: 0;
    opacity: 1;
    transition: 1.5s
}

.main-slider-two .active .main-slider-two__shape-one,
.main-slider-two .active .main-slider-two__shape-two {
    left: 0;
    opacity: 1;
    transition: 1.5s
}

.main-slider-two .active .main-slider-two__shape-two {
    transition-delay: 0.3s
}

.main-slider-three {
    position: relative;
    background-color: var(--insuba-white, #fff);
    z-index: 1
}

.main-slider-three__carousel.owl-carousel .owl-dots {
    margin: 0 !important;
    position: absolute;
    left: 50%;
    bottom: 100px;
    transform: translateX(-50%)
}

@media (min-width:1350px) {
    .main-slider-three__carousel.owl-carousel .owl-dots {
        top: calc(50% + 20px);
        left: auto;
        right: 34px;
        transform: translateY(-50%) translateX(0);
        flex-direction: column
    }
}

.main-slider-three__carousel.owl-carousel .owl-dots .owl-dot {
    border-color: var(--insuba-white, #fff)
}

.main-slider-three__carousel.owl-carousel .owl-dots .owl-dot::after {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
    background-color: var(--insuba-base, #0365d3);
    transition: .5s
}

.main-slider-three__carousel.owl-carousel .owl-dots .owl-dot.active,
.main-slider-three__carousel.owl-carousel .owl-dots .owl-dot:hover {
    border-color: var(--insuba-white, #fff);
    background-color: var(--insuba-white, #fff)
}

@media (max-width:1349px) {
    .main-slider-three__carousel.owl-carousel .owl-dots .owl-dot {
        border-color: var(--insuba-base, #0365d3)
    }

    .main-slider-three__carousel.owl-carousel .owl-dots .owl-dot::after {
        background-color: var(--insuba-white, #fff)
    }

    .main-slider-three__carousel.owl-carousel .owl-dots .owl-dot.active,
    .main-slider-three__carousel.owl-carousel .owl-dots .owl-dot:hover {
        border-color: var(--insuba-base, #0365d3);
        background-color: var(--insuba-base, #0365d3)
    }
}

.main-slider-three__item {
    position: relative;
    padding-top: 288px;
    padding-bottom: 248px;
    background-color: var(--insuba-white, #fff)
}

.main-slider-three__bg-1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100% - 31px);
    background-color: var(--insuba-blue2, #0759b4);
    -webkit-mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900.000000 414.000000"><g transform="translate(0.000000,414.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M0 2070 c0 -1139 2 -2070 4 -2070 2 0 39 17 82 39 110 54 208 99 321 148 21 9 47 20 57 26 11 5 31 13 45 17 14 5 51 18 81 30 30 12 66 25 80 30 14 5 50 18 80 30 30 12 69 25 85 30 17 5 46 14 65 21 19 6 51 17 70 24 19 7 62 20 95 30 33 10 80 23 105 31 25 7 72 19 105 28 33 8 80 20 105 27 25 7 63 15 85 19 22 4 60 12 85 18 110 27 342 65 535 88 200 24 710 23 890 -1 170 -22 356 -58 475 -91 141 -39 208 -56 458 -118 31 -8 84 -21 117 -30 98 -24 175 -42 260 -61 44 -9 103 -23 131 -31 28 -8 61 -14 74 -14 13 0 46 -6 74 -14 57 -16 145 -34 221 -46 28 -4 77 -13 110 -20 369 -73 837 -138 1255 -174 530 -46 1112 -48 1515 -5 55 6 136 14 180 19 104 10 320 46 425 72 25 6 63 14 85 18 22 3 56 11 75 17 19 6 62 19 95 28 33 9 74 21 90 27 17 5 44 14 60 18 36 10 109 37 133 49 19 9 63 29 140 63 l52 23 0 1887 0 1888 -4500 0 -4500 0 0 -2070z"/> </g> </svg>');
    mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900.000000 414.000000"><g transform="translate(0.000000,414.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M0 2070 c0 -1139 2 -2070 4 -2070 2 0 39 17 82 39 110 54 208 99 321 148 21 9 47 20 57 26 11 5 31 13 45 17 14 5 51 18 81 30 30 12 66 25 80 30 14 5 50 18 80 30 30 12 69 25 85 30 17 5 46 14 65 21 19 6 51 17 70 24 19 7 62 20 95 30 33 10 80 23 105 31 25 7 72 19 105 28 33 8 80 20 105 27 25 7 63 15 85 19 22 4 60 12 85 18 110 27 342 65 535 88 200 24 710 23 890 -1 170 -22 356 -58 475 -91 141 -39 208 -56 458 -118 31 -8 84 -21 117 -30 98 -24 175 -42 260 -61 44 -9 103 -23 131 -31 28 -8 61 -14 74 -14 13 0 46 -6 74 -14 57 -16 145 -34 221 -46 28 -4 77 -13 110 -20 369 -73 837 -138 1255 -174 530 -46 1112 -48 1515 -5 55 6 136 14 180 19 104 10 320 46 425 72 25 6 63 14 85 18 22 3 56 11 75 17 19 6 62 19 95 28 33 9 74 21 90 27 17 5 44 14 60 18 36 10 109 37 133 49 19 9 63 29 140 63 l52 23 0 1887 0 1888 -4500 0 -4500 0 0 -2070z"/> </g> </svg>');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-size: cover;
    mask-size: cover;
    z-index: 1
}

.main-slider-three__bg-2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100% - 31px);
    background: linear-gradient(0deg, var(--insuba-black3, #19232b) 0, var(--insuba-base, #0365d3) 100%);
    -webkit-mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900.000000 414.000000"><g transform="translate(0.000000,414.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M0 2069 c0 -1139 3 -2069 8 -2067 4 1 63 30 132 64 114 56 165 79 258 119 18 8 47 21 65 28 17 8 52 22 77 32 25 9 56 22 70 27 14 6 36 14 50 18 14 5 50 18 80 30 30 12 69 25 85 30 17 5 46 14 65 21 19 6 51 17 70 24 33 12 103 33 200 60 25 7 68 20 96 29 29 9 58 16 67 16 8 0 37 6 63 14 117 34 387 84 619 116 225 30 841 36 963 9 24 -5 80 -14 125 -19 112 -13 152 -21 372 -77 80 -20 160 -42 215 -59 25 -8 55 -14 68 -14 13 0 32 -5 43 -11 11 -6 41 -14 67 -19 51 -10 143 -31 207 -48 99 -26 577 -123 670 -136 17 -2 59 -9 95 -16 60 -10 103 -17 320 -51 41 -6 111 -15 155 -19 44 -4 123 -13 175 -19 357 -41 445 -45 930 -45 393 0 514 3 640 17 346 39 512 65 770 123 114 26 337 89 423 120 118 44 194 72 232 89 53 22 299 146 330 165 17 11 37 23 45 27 8 3 41 26 72 50 31 24 61 43 67 43 8 0 11 493 11 1700 l0 1700 -4500 0 -4500 0 0 -2071z"/> </g> </svg>');
    mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900.000000 414.000000"><g transform="translate(0.000000,414.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M0 2069 c0 -1139 3 -2069 8 -2067 4 1 63 30 132 64 114 56 165 79 258 119 18 8 47 21 65 28 17 8 52 22 77 32 25 9 56 22 70 27 14 6 36 14 50 18 14 5 50 18 80 30 30 12 69 25 85 30 17 5 46 14 65 21 19 6 51 17 70 24 33 12 103 33 200 60 25 7 68 20 96 29 29 9 58 16 67 16 8 0 37 6 63 14 117 34 387 84 619 116 225 30 841 36 963 9 24 -5 80 -14 125 -19 112 -13 152 -21 372 -77 80 -20 160 -42 215 -59 25 -8 55 -14 68 -14 13 0 32 -5 43 -11 11 -6 41 -14 67 -19 51 -10 143 -31 207 -48 99 -26 577 -123 670 -136 17 -2 59 -9 95 -16 60 -10 103 -17 320 -51 41 -6 111 -15 155 -19 44 -4 123 -13 175 -19 357 -41 445 -45 930 -45 393 0 514 3 640 17 346 39 512 65 770 123 114 26 337 89 423 120 118 44 194 72 232 89 53 22 299 146 330 165 17 11 37 23 45 27 8 3 41 26 72 50 31 24 61 43 67 43 8 0 11 493 11 1700 l0 1700 -4500 0 -4500 0 0 -2071z"/> </g> </svg>');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-size: cover;
    mask-size: cover;
    z-index: 2
}

.main-slider-three__bg-2__image {
    position: absolute;
    right: 108px;
    bottom: -15px;
    visibility: hidden;
    opacity: 0;
    transform: translateX(100%)
}

.main-slider-three__bg-3 {
    width: 1178px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background-color: RGBA(var(--insuba-blue2-rgb, 7, 89, 180), .53);
    -webkit-mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900.000000 696.000000"><g transform="translate(0.000000,696.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M8965 6940 c-3 -11 -11 -20 -16 -20 -5 0 -22 -9 -37 -19 -44 -31 -326 -216 -336 -220 -4 -2 -37 -23 -72 -47 -35 -24 -66 -44 -69 -44 -3 0 -34 -20 -71 -45 -36 -25 -67 -45 -69 -45 -1 0 -53 -34 -115 -75 -62 -41 -114 -75 -115 -75 -2 0 -33 -20 -69 -45 -37 -25 -68 -45 -70 -45 -3 0 -33 -20 -68 -43 -35 -24 -68 -46 -73 -48 -10 -4 -235 -151 -383 -250 -40 -27 -75 -49 -77 -49 -3 0 -34 -20 -71 -45 -36 -25 -67 -45 -69 -45 -1 0 -53 -34 -115 -75 -62 -41 -114 -75 -115 -75 -2 0 -33 -20 -69 -45 -37 -25 -68 -45 -70 -45 -3 0 -34 -20 -70 -45 -37 -25 -68 -45 -70 -45 -2 0 -54 -34 -115 -75 -62 -41 -113 -75 -115 -75 -2 0 -54 -34 -116 -75 -62 -41 -114 -75 -116 -75 -2 0 -33 -20 -70 -45 -36 -25 -67 -45 -69 -45 -1 0 -53 -34 -115 -75 -62 -41 -114 -75 -115 -75 -2 0 -32 -20 -67 -43 -35 -24 -68 -46 -73 -48 -6 -2 -50 -31 -100 -63 -49 -33 -139 -92 -200 -131 -60 -40 -150 -99 -200 -131 -49 -32 -94 -61 -100 -63 -5 -2 -38 -24 -73 -48 -35 -23 -65 -43 -67 -43 -1 0 -53 -34 -115 -75 -62 -41 -114 -75 -115 -75 -2 0 -33 -20 -69 -45 -37 -25 -68 -45 -70 -45 -3 0 -34 -20 -70 -45 -37 -25 -68 -45 -70 -45 -2 0 -54 -34 -115 -75 -62 -41 -113 -75 -115 -75 -2 0 -54 -34 -116 -75 -62 -41 -114 -75 -116 -75 -2 0 -33 -20 -70 -45 -36 -25 -67 -45 -69 -45 -1 0 -53 -34 -115 -75 -62 -41 -114 -75 -115 -75 -2 0 -33 -20 -69 -45 -37 -25 -68 -45 -70 -45 -4 0 -141 -89 -294 -191 -40 -27 -74 -49 -76 -49 -2 0 -54 -34 -116 -75 -62 -41 -114 -75 -116 -75 -2 0 -33 -20 -70 -45 -36 -25 -67 -45 -69 -45 -1 0 -53 -34 -115 -75 -62 -41 -114 -75 -115 -75 -2 0 -33 -20 -69 -45 -37 -25 -68 -45 -71 -45 -3 0 -34 -20 -71 -45 -36 -25 -67 -45 -69 -45 -1 0 -53 -34 -114 -75 -62 -41 -113 -75 -115 -75 -2 0 -54 -34 -116 -75 -62 -41 -114 -75 -116 -75 -2 0 -33 -20 -70 -45 -36 -25 -67 -45 -69 -45 -1 0 -53 -34 -115 -75 -62 -41 -114 -75 -115 -75 -2 0 -33 -20 -69 -45 -37 -25 -68 -45 -70 -45 -3 0 -34 -20 -70 -45 -37 -25 -68 -45 -70 -45 -2 0 -54 -34 -116 -75 -62 -41 -113 -75 -115 -75 -2 0 -53 -34 -115 -75 -62 -41 -114 -75 -116 -75 -2 0 -33 -20 -70 -45 -36 -25 -67 -45 -69 -45 -1 0 -53 -34 -115 -75 -62 -41 -114 -75 -115 -75 -2 0 -33 -20 -69 -45 -37 -25 -68 -45 -70 -45 -8 0 -124 -81 -136 -95 -10 -12 -10 -16 1 -19 15 -4 109 -29 199 -53 124 -33 167 -45 211 -59 26 -8 54 -14 64 -14 10 0 38 -7 64 -15 25 -8 74 -21 109 -30 153 -37 190 -47 232 -61 25 -8 54 -14 65 -14 11 0 40 -6 65 -14 45 -14 113 -31 180 -46 34 -7 71 -16 190 -45 30 -8 87 -21 125 -30 39 -9 95 -22 125 -30 30 -7 91 -21 135 -30 44 -9 105 -23 135 -30 30 -7 91 -21 135 -30 143 -30 209 -44 260 -56 28 -7 70 -15 95 -19 25 -4 65 -12 90 -18 51 -12 154 -33 280 -57 47 -9 117 -22 155 -30 39 -8 106 -21 150 -29 44 -8 109 -20 145 -27 36 -7 88 -15 115 -19 55 -7 142 -23 250 -46 39 -8 81 -14 95 -14 14 0 61 -6 105 -14 44 -8 119 -22 166 -30 48 -9 100 -16 115 -16 16 0 65 -6 109 -15 44 -8 133 -21 198 -30 64 -8 168 -22 230 -30 340 -45 795 -92 1017 -106 85 -5 162 -12 169 -15 67 -24 1522 -41 1881 -21 304 16 746 70 927 113 34 7 71 14 84 14 21 0 84 16 179 45 25 8 64 17 88 21 l42 7 0 3373 c0 2922 -2 3374 -14 3374 -8 0 -18 -9 -21 -20z"/> </g> </svg>');
    mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900.000000 696.000000"><g transform="translate(0.000000,696.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M8965 6940 c-3 -11 -11 -20 -16 -20 -5 0 -22 -9 -37 -19 -44 -31 -326 -216 -336 -220 -4 -2 -37 -23 -72 -47 -35 -24 -66 -44 -69 -44 -3 0 -34 -20 -71 -45 -36 -25 -67 -45 -69 -45 -1 0 -53 -34 -115 -75 -62 -41 -114 -75 -115 -75 -2 0 -33 -20 -69 -45 -37 -25 -68 -45 -70 -45 -3 0 -33 -20 -68 -43 -35 -24 -68 -46 -73 -48 -10 -4 -235 -151 -383 -250 -40 -27 -75 -49 -77 -49 -3 0 -34 -20 -71 -45 -36 -25 -67 -45 -69 -45 -1 0 -53 -34 -115 -75 -62 -41 -114 -75 -115 -75 -2 0 -33 -20 -69 -45 -37 -25 -68 -45 -70 -45 -3 0 -34 -20 -70 -45 -37 -25 -68 -45 -70 -45 -2 0 -54 -34 -115 -75 -62 -41 -113 -75 -115 -75 -2 0 -54 -34 -116 -75 -62 -41 -114 -75 -116 -75 -2 0 -33 -20 -70 -45 -36 -25 -67 -45 -69 -45 -1 0 -53 -34 -115 -75 -62 -41 -114 -75 -115 -75 -2 0 -32 -20 -67 -43 -35 -24 -68 -46 -73 -48 -6 -2 -50 -31 -100 -63 -49 -33 -139 -92 -200 -131 -60 -40 -150 -99 -200 -131 -49 -32 -94 -61 -100 -63 -5 -2 -38 -24 -73 -48 -35 -23 -65 -43 -67 -43 -1 0 -53 -34 -115 -75 -62 -41 -114 -75 -115 -75 -2 0 -33 -20 -69 -45 -37 -25 -68 -45 -70 -45 -3 0 -34 -20 -70 -45 -37 -25 -68 -45 -70 -45 -2 0 -54 -34 -115 -75 -62 -41 -113 -75 -115 -75 -2 0 -54 -34 -116 -75 -62 -41 -114 -75 -116 -75 -2 0 -33 -20 -70 -45 -36 -25 -67 -45 -69 -45 -1 0 -53 -34 -115 -75 -62 -41 -114 -75 -115 -75 -2 0 -33 -20 -69 -45 -37 -25 -68 -45 -70 -45 -4 0 -141 -89 -294 -191 -40 -27 -74 -49 -76 -49 -2 0 -54 -34 -116 -75 -62 -41 -114 -75 -116 -75 -2 0 -33 -20 -70 -45 -36 -25 -67 -45 -69 -45 -1 0 -53 -34 -115 -75 -62 -41 -114 -75 -115 -75 -2 0 -33 -20 -69 -45 -37 -25 -68 -45 -71 -45 -3 0 -34 -20 -71 -45 -36 -25 -67 -45 -69 -45 -1 0 -53 -34 -114 -75 -62 -41 -113 -75 -115 -75 -2 0 -54 -34 -116 -75 -62 -41 -114 -75 -116 -75 -2 0 -33 -20 -70 -45 -36 -25 -67 -45 -69 -45 -1 0 -53 -34 -115 -75 -62 -41 -114 -75 -115 -75 -2 0 -33 -20 -69 -45 -37 -25 -68 -45 -70 -45 -3 0 -34 -20 -70 -45 -37 -25 -68 -45 -70 -45 -2 0 -54 -34 -116 -75 -62 -41 -113 -75 -115 -75 -2 0 -53 -34 -115 -75 -62 -41 -114 -75 -116 -75 -2 0 -33 -20 -70 -45 -36 -25 -67 -45 -69 -45 -1 0 -53 -34 -115 -75 -62 -41 -114 -75 -115 -75 -2 0 -33 -20 -69 -45 -37 -25 -68 -45 -70 -45 -8 0 -124 -81 -136 -95 -10 -12 -10 -16 1 -19 15 -4 109 -29 199 -53 124 -33 167 -45 211 -59 26 -8 54 -14 64 -14 10 0 38 -7 64 -15 25 -8 74 -21 109 -30 153 -37 190 -47 232 -61 25 -8 54 -14 65 -14 11 0 40 -6 65 -14 45 -14 113 -31 180 -46 34 -7 71 -16 190 -45 30 -8 87 -21 125 -30 39 -9 95 -22 125 -30 30 -7 91 -21 135 -30 44 -9 105 -23 135 -30 30 -7 91 -21 135 -30 143 -30 209 -44 260 -56 28 -7 70 -15 95 -19 25 -4 65 -12 90 -18 51 -12 154 -33 280 -57 47 -9 117 -22 155 -30 39 -8 106 -21 150 -29 44 -8 109 -20 145 -27 36 -7 88 -15 115 -19 55 -7 142 -23 250 -46 39 -8 81 -14 95 -14 14 0 61 -6 105 -14 44 -8 119 -22 166 -30 48 -9 100 -16 115 -16 16 0 65 -6 109 -15 44 -8 133 -21 198 -30 64 -8 168 -22 230 -30 340 -45 795 -92 1017 -106 85 -5 162 -12 169 -15 67 -24 1522 -41 1881 -21 304 16 746 70 927 113 34 7 71 14 84 14 21 0 84 16 179 45 25 8 64 17 88 21 l42 7 0 3373 c0 2922 -2 3374 -14 3374 -8 0 -18 -9 -21 -20z"/> </g> </svg>');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-size: auto;
    mask-size: auto;
    z-index: 1
}

.main-slider-three .container {
    position: relative;
    z-index: 4
}

.main-slider-three__image {
    position: absolute;
    left: -48px;
    bottom: -200px;
    visibility: hidden;
    opacity: 0;
    transform: translateX(-100%);
    z-index: 1
}

@media (max-width:1599px) {
    .main-slider-three__image {
        left: -30px
    }

    .about-one__shape {
        display: none
    }
}

@media (max-width:1399px) {
    .main-slider-two__item {
        padding-bottom: 420px
    }

    .main-slider-two__image {
        width: 670px
    }

    .main-slider-three__item {
        padding-bottom: 350px
    }

    .main-slider-three__image {
        left: 40px
    }
}

@media (min-width:1200px) and (max-width:1299px) {
    .main-header--four .sidebar-btn__toggler--nav {
        display: none
    }

    .main-menu .main-menu__list>li+li {
        margin-left: 30px
    }

    .main-slider-three__image {
        left: 75px
    }
}

@media (max-width:1199px) {
    .main-slider-two__content {
        padding-right: 0
    }

    .main-slider-two__shape-two {
        bottom: 150px
    }

    .main-slider-three__item {
        padding-bottom: 300px
    }

    .main-slider-three__row {
        flex-direction: column-reverse
    }

    .main-slider-three__image {
        margin-left: 66px;
        display: table;
        position: relative;
        left: 0;
        bottom: 0
    }
}

@media (max-width:767px) {

    .main-slider-one__text,
    .main-slider-two__text {
        font-size: 16px
    }

    .main-slider-two__carousel.owl-carousel .owl-nav {
        bottom: 100px
    }

    .main-slider-two__item {
        padding-bottom: 350px
    }

    .main-slider-two__shape-two {
        bottom: 170px
    }

    .main-slider-three__image {
        margin-left: 25px
    }
}

.main-slider-three__image::before {
    content: "";
    width: 536px;
    height: 539px;
    background-image: url(../images/shapes/main-slider-shape-3-5.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    position: absolute;
    left: 44%;
    bottom: 19px;
    transform: translateX(-50%);
    z-index: 1
}

.about-one__founder__name a:hover,
.about-three__founder__name a:hover,
.cart-page__table__meta__title a:hover,
.company-info__customers a:hover,
.features-one__card__title a:hover,
.features-two__card__title a:hover,
.insurance-card__title a:hover,
.login-page__info__text a:hover,
.portfolio-card-two__title a:hover,
.portfolio-card__title a:hover,
.product-details__review a:hover,
.product__item__title a:hover,
.service-card-four__title a:hover,
.service-card-three__title a:hover,
.service-card-two__title a:hover,
.work-planning-two__card__title a:hover {
    background-size: 100% 1px
}

.main-slider-three__image::after {
    content: "";
    width: 551px;
    height: 553px;
    position: absolute;
    left: 44%;
    bottom: 14px;
    transform: translateX(-50%);
    background-color: var(--insuba-white, #fff);
    z-index: 2;
    -webkit-mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900.000000 903.000000"><g transform="translate(0.000000,903.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M4165 9015 c-7 -9 -35 -16 -80 -20 -106 -9 -317 -51 -470 -96 -38 -11 -83 -24 -100 -29 -29 -8 -64 -20 -135 -45 -169 -61 -487 -214 -633 -303 -37 -23 -69 -42 -72 -42 -5 0 -187 -123 -305 -206 -538 -380 -1234 -1112 -1657 -1744 -113 -168 -165 -250 -179 -280 -4 -8 -17 -31 -29 -50 -74 -120 -196 -365 -254 -510 -23 -56 -36 -86 -65 -153 -9 -21 -16 -44 -16 -52 0 -8 -6 -29 -14 -47 -18 -45 -49 -149 -90 -313 -17 -68 -40 -202 -56 -320 -13 -104 -13 -565 1 -674 16 -134 49 -295 93 -451 25 -93 66 -207 131 -365 38 -92 135 -292 173 -355 12 -19 28 -48 37 -65 35 -69 215 -338 300 -449 196 -257 333 -412 600 -680 208 -209 437 -418 601 -550 28 -23 95 -77 150 -121 154 -125 285 -222 457 -339 136 -91 370 -237 417 -259 8 -4 42 -22 75 -40 89 -50 192 -102 260 -132 33 -15 78 -35 100 -45 22 -10 76 -32 120 -50 44 -17 95 -38 113 -46 18 -8 39 -14 47 -14 8 0 29 -6 47 -14 31 -13 54 -20 193 -59 28 -8 86 -22 130 -32 44 -9 100 -22 125 -27 91 -21 202 -29 470 -35 279 -5 387 1 555 33 163 31 255 55 390 101 39 14 79 27 90 30 11 2 34 11 50 18 17 7 50 21 75 31 43 16 343 162 385 187 11 7 43 25 70 41 197 115 520 351 724 531 156 138 585 578 697 715 16 19 31 37 34 40 4 3 37 43 75 90 38 47 72 87 76 90 27 24 340 458 406 566 7 10 30 48 53 84 57 90 56 89 89 146 149 263 245 463 331 694 18 47 38 101 45 120 70 187 154 549 171 743 4 45 11 70 20 74 21 8 21 591 -1 607 -10 7 -18 43 -24 106 -10 104 -25 187 -47 266 -8 28 -14 59 -14 70 0 10 -6 36 -14 59 -7 22 -21 67 -31 100 -24 81 -50 159 -75 225 -12 30 -25 67 -30 81 -4 14 -12 34 -18 45 -6 10 -23 46 -37 79 -35 78 -126 260 -154 305 -11 19 -24 42 -28 50 -3 8 -18 33 -32 55 -38 59 -49 78 -58 95 -7 16 -53 83 -153 225 -312 445 -842 973 -1387 1383 -125 94 -291 212 -298 212 -2 0 -32 19 -67 43 -231 158 -597 346 -883 454 -93 36 -115 43 -210 71 -243 72 -441 114 -598 128 -45 4 -70 10 -74 20 -8 21 -574 21 -588 -1z"/> </g> </svg>');
    mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900.000000 903.000000"><g transform="translate(0.000000,903.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M4165 9015 c-7 -9 -35 -16 -80 -20 -106 -9 -317 -51 -470 -96 -38 -11 -83 -24 -100 -29 -29 -8 -64 -20 -135 -45 -169 -61 -487 -214 -633 -303 -37 -23 -69 -42 -72 -42 -5 0 -187 -123 -305 -206 -538 -380 -1234 -1112 -1657 -1744 -113 -168 -165 -250 -179 -280 -4 -8 -17 -31 -29 -50 -74 -120 -196 -365 -254 -510 -23 -56 -36 -86 -65 -153 -9 -21 -16 -44 -16 -52 0 -8 -6 -29 -14 -47 -18 -45 -49 -149 -90 -313 -17 -68 -40 -202 -56 -320 -13 -104 -13 -565 1 -674 16 -134 49 -295 93 -451 25 -93 66 -207 131 -365 38 -92 135 -292 173 -355 12 -19 28 -48 37 -65 35 -69 215 -338 300 -449 196 -257 333 -412 600 -680 208 -209 437 -418 601 -550 28 -23 95 -77 150 -121 154 -125 285 -222 457 -339 136 -91 370 -237 417 -259 8 -4 42 -22 75 -40 89 -50 192 -102 260 -132 33 -15 78 -35 100 -45 22 -10 76 -32 120 -50 44 -17 95 -38 113 -46 18 -8 39 -14 47 -14 8 0 29 -6 47 -14 31 -13 54 -20 193 -59 28 -8 86 -22 130 -32 44 -9 100 -22 125 -27 91 -21 202 -29 470 -35 279 -5 387 1 555 33 163 31 255 55 390 101 39 14 79 27 90 30 11 2 34 11 50 18 17 7 50 21 75 31 43 16 343 162 385 187 11 7 43 25 70 41 197 115 520 351 724 531 156 138 585 578 697 715 16 19 31 37 34 40 4 3 37 43 75 90 38 47 72 87 76 90 27 24 340 458 406 566 7 10 30 48 53 84 57 90 56 89 89 146 149 263 245 463 331 694 18 47 38 101 45 120 70 187 154 549 171 743 4 45 11 70 20 74 21 8 21 591 -1 607 -10 7 -18 43 -24 106 -10 104 -25 187 -47 266 -8 28 -14 59 -14 70 0 10 -6 36 -14 59 -7 22 -21 67 -31 100 -24 81 -50 159 -75 225 -12 30 -25 67 -30 81 -4 14 -12 34 -18 45 -6 10 -23 46 -37 79 -35 78 -126 260 -154 305 -11 19 -24 42 -28 50 -3 8 -18 33 -32 55 -38 59 -49 78 -58 95 -7 16 -53 83 -153 225 -312 445 -842 973 -1387 1383 -125 94 -291 212 -298 212 -2 0 -32 19 -67 43 -231 158 -597 346 -883 454 -93 36 -115 43 -210 71 -243 72 -441 114 -598 128 -45 4 -70 10 -74 20 -8 21 -574 21 -588 -1z"/> </g> </svg>');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-size: auto;
    mask-size: auto
}

.main-slider-four .container,
.main-slider-three__image__one {
    position: relative;
    z-index: 3
}

.main-slider-three__image__shape {
    position: absolute;
    top: 53px;
    right: -50px;
    animation: 2s linear infinite zump
}

@media (max-width:767px) {
    .main-slider-three__image::before {
        width: 500px;
        height: 500px;
        left: 48%
    }

    .main-slider-three__image::after {
        width: 510px;
        height: 515px;
        left: 48%
    }

    .main-slider-three__image__shape {
        right: -30px
    }
}

.main-slider-three__client {
    position: relative;
    margin-top: -35px;
    display: table;
    z-index: 4
}

.main-slider-three__client__inner {
    padding: 25px;
    display: flex;
    align-items: center;
    background-color: var(--insuba-base, #0365d3);
    border-radius: 54px
}

.main-slider-three__client__images {
    display: flex;
    align-items: center
}

.main-slider-three__client__images img {
    width: 58px !important;
    height: 58px;
    border-radius: 50%;
    border: 2px solid var(--insuba-white, #fff)
}

.about-one__list__icon svg,
.main-slider-four__insurance__icon svg,
.main-slider-three__client__btn__icon svg,
.main-slider-three__client__ratings__icon svg {
    width: 1em;
    height: 1em;
    fill: currentColor
}

.main-slider-three__client__images img:not(:first-child) {
    margin-left: -21px
}

.main-slider-three__client__content {
    margin-left: 24px;
    margin-right: 29px
}

.main-slider-three__client__ratings {
    margin-bottom: 7px;
    display: flex;
    align-items: center;
    gap: 9px
}

.main-slider-three__client__ratings__icon {
    position: relative;
    display: inline-flex;
    font-size: 16px;
    color: var(--insuba-white, #fff);
    transition: .5s
}

.main-slider-three__client__text {
    margin: 0;
    color: var(--insuba-white, #fff);
    font-weight: 500;
    font-style: italic
}

.main-slider-three__client__btn {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 50%;
    background-color: var(--insuba-white, #fff)
}

.main-slider-three__client__btn__icon {
    display: inline-flex;
    font-size: 16px;
    color: var(--insuba-base, #0365d3)
}

.main-slider-four__text,
.main-slider-four__title,
.main-slider-three__btn-1:hover,
.main-slider-three__text,
.main-slider-three__title {
    color: var(--insuba-white, #fff)
}

.main-slider-three__content {
    padding-left: 39px;
    position: relative;
    z-index: 2
}

.main-slider-three__content__shape-box {
    width: 58px;
    height: 58px;
    position: absolute;
    left: -13px;
    bottom: -162px;
    border-radius: 50%;
    border: 9px solid var(--insuba-base, #0365d3);
    opacity: 0;
    transition: 1.2s;
    animation: 2s linear infinite moveHorizontal
}

.main-slider-three__content__shape-box::after {
    content: "";
    width: calc(100% + 11px);
    height: calc(100% + 11px);
    position: absolute;
    top: 13px;
    right: -40px;
    border: 2px solid RGBA(var(--insuba-base-rgb, 3, 101, 211), .2);
    border-radius: inherit
}

.main-slider-three__content__shape-one {
    position: absolute;
    top: -32px;
    left: 299px;
    z-index: -1;
    opacity: 0;
    transition: 1.2s;
    animation: 6s infinite treeMove
}

@media (max-width:1399px) {
    .main-slider-three__content {
        padding-left: 125px
    }

    .main-slider-three__content__shape-box {
        left: 50px;
        bottom: -180px
    }

    .main-slider-three__content__shape-one {
        left: 380px
    }
}

@media (max-width:1199px) {
    .main-slider-three__content {
        padding-left: 0
    }

    .main-slider-three__content__shape-box {
        left: 0;
        bottom: -100px
    }

    .main-slider-three__content__shape-one {
        left: 255px
    }

    .main-slider-three__shape-one.slider-image {
        display: none !important
    }
}

.main-slider-three__top__inner {
    margin-bottom: 21px;
    padding: 7px 25px 5px;
    display: inline-flex;
    gap: 15px;
    background-color: var(--insuba-white, #fff);
    border-radius: 30px;
    opacity: 0;
    transform: translateY(150px);
    transition: transform 1.4s, opacity 1.4s
}

.main-slider-three__top__box {
    position: relative;
    top: 3px;
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    background-color: var(--insuba-base, #0365d3)
}

.main-slider-three__top__box::after {
    content: "";
    position: absolute;
    top: 50%;
    right: -6px;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4.5px 0 4.5px 7.8px;
    border-color: transparent transparent transparent var(--insuba-base, #0365d3)
}

.main-slider-three__top__box__inner {
    width: 10px;
    height: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: var(--insuba-white, #fff)
}

.main-slider-three__top__box__inner::after {
    content: "";
    width: 6px;
    height: 6px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: var(--insuba-black5, #0f3667)
}

.main-slider-three__btn-1:hover .insuba-btn__icon-box,
.main-slider-three__title__text::after {
    background-color: var(--insuba-white, #fff)
}

.main-slider-three__title {
    overflow: hidden;
    position: relative;
    margin-bottom: 21px;
    font-size: 60px;
    font-weight: 700;
    line-height: 1.25
}

@media (max-width:1399px) {
    .main-slider-three__title {
        font-size: 50px
    }
}

@media (max-width:767px) {
    .main-slider-three__title {
        font-size: 45px
    }
}

@media (max-width:575px) {
    .main-slider-two__title__inner {
        padding-bottom: 0
    }

    .main-slider-three__image {
        margin-left: 0
    }

    .main-slider-three__image::after,
    .main-slider-three__image::before {
        display: none
    }

    .main-slider-three__image__shape {
        right: 0
    }

    .main-slider-three__client {
        display: block
    }

    .main-slider-three__client__inner {
        flex-direction: column;
        align-items: flex-start
    }

    .main-slider-three__client__content {
        margin: 25px 0
    }

    .main-slider-three__content__shape-box {
        width: 50px;
        height: 50px;
        bottom: -90px
    }

    .main-slider-three__content__shape-box::after {
        top: 15px;
        right: -20px
    }

    .main-slider-three__title {
        font-size: 40px
    }
}

.main-slider-three__title__text {
    position: relative;
    display: inline-block;
    font-weight: 400
}

.main-slider-three__title__text::after {
    content: "";
    width: 100%;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: 7px
}

.main-slider-four__btn-1::after,
.main-slider-three__btn-1 .insuba-btn__icon-box,
.main-slider-three__btn-1::after,
.main-slider-three__circle {
    background-color: var(--insuba-base, #0365d3)
}

.main-slider-three__title__inner {
    overflow: hidden;
    position: relative;
    display: table;
    opacity: 0;
    transform: translateY(200px);
    transition: transform 1.6s, opacity 1.6s
}

.main-slider-three__btn-1,
.main-slider-three__btn-2,
.main-slider-three__text {
    transform: translateY(150px);
    transition: transform 1.4s, opacity 1.4s;
    opacity: 0
}

.main-slider-three__description {
    margin-bottom: 31px;
    padding-right: 70px;
    overflow: hidden
}

.main-slider-three__text {
    margin-bottom: 0;
    font-size: 17px
}

.main-slider-three__button__inner {
    overflow: hidden
}

.main-slider-three__btn-1:hover .insuba-btn__icon {
    color: var(--insuba-black3, #19232b)
}

.main-slider-three__circle {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    opacity: 0;
    z-index: 3;
    transition: 1s
}

.main-slider-four__btn-1,
.main-slider-three__circle--3 {
    background-color: var(--insuba-white, #fff)
}

.main-slider-three__circle--1 {
    position: absolute;
    right: 331px;
    bottom: 390px;
    animation: 18s linear infinite animatedCircle
}

.main-slider-three__circle--2 {
    position: absolute;
    right: 35px;
    bottom: 268px;
    animation: 10s linear infinite bubbleMover
}

.main-slider-three__circle--3 {
    position: absolute;
    right: 513px;
    bottom: 113px;
    animation: 10s linear infinite squareMover
}

.main-slider-three__shape-one {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    animation: 2s linear infinite moveHorizontal2
}

.main-slider-three__shape-two {
    position: absolute;
    top: 199px;
    right: 71px;
    opacity: 0;
    z-index: 3;
    animation: 5s linear infinite textRotate
}

@media (max-width:767px) {
    .main-slider-three__text {
        font-size: 16px
    }

    .main-slider-three__shape-two {
        top: 160px;
        right: 50px
    }
}

.main-slider-three .active .main-slider-three__image {
    opacity: 1;
    transform: translateX(0);
    visibility: visible;
    transition: transform 1.2s, opacity 1.2s
}

.main-slider-three .active .main-slider-three__btn-1,
.main-slider-three .active .main-slider-three__btn-2,
.main-slider-three .active .main-slider-three__text,
.main-slider-three .active .main-slider-three__title__inner,
.main-slider-three .active .main-slider-three__top__inner {
    opacity: 1;
    transform: translateY(0)
}

.main-slider-three .active .main-slider-three__title__inner {
    transition-delay: 0.5s
}

.main-slider-three .active .main-slider-three__text {
    transition-delay: 0.8s
}

.main-slider-three .active .main-slider-three__btn-1 {
    transition-delay: 1.1s
}

.main-slider-three .active .main-slider-three__btn-2 {
    transition-delay: 1.3s
}

.main-slider-three .active .main-slider-three__bg-2__image {
    opacity: .24;
    transform: translateX(0);
    visibility: visible;
    transition: transform 1.2s, opacity 1.2s
}

.main-slider-three .active .main-slider-three__circle,
.main-slider-three .active .main-slider-three__content__shape-box,
.main-slider-three .active .main-slider-three__content__shape-one,
.main-slider-three .active .main-slider-three__shape-two {
    opacity: 1;
    transition-delay: 0.8s
}

.main-slider-four__carousel.owl-carousel .owl-dots {
    margin: 0 !important;
    position: absolute;
    left: 50%;
    bottom: 100px;
    transform: translateX(-50%)
}

@media (min-width:1300px) {
    .megamenu-popup .megamenu-clickable--close {
        top: 38px;
        right: 40px
    }

    .main-slider-four__carousel.owl-carousel .owl-dots {
        top: calc(50% + 82px);
        left: 34px;
        transform: translateY(-50%) translateX(0);
        flex-direction: column
    }
}

@media (min-width:1600px) {
    .main-slider-two__carousel.owl-carousel .owl-nav button.owl-prev {
        left: 100px
    }

    .main-slider-two__carousel.owl-carousel .owl-nav button.owl-next {
        right: 100px
    }

    .main-slider-three__carousel.owl-carousel .owl-dots {
        right: 60px
    }

    .main-slider-four__carousel.owl-carousel .owl-dots {
        left: 30px
    }
}

@media (min-width:1700px) {
    .main-slider-four__carousel.owl-carousel .owl-dots {
        top: 50%;
        left: 60px
    }
}

@media (min-width:1800px) {
    .video-one__container {
        bottom: -41px
    }

    .main-header--four .sidebar-btn__toggler--nav {
        position: absolute;
        top: 0;
        right: -163px
    }

    .main-slider-one__carousel.owl-carousel .owl-dots {
        left: 73px
    }

    .main-slider-four__carousel.owl-carousel .owl-dots {
        left: 105px
    }
}

.main-slider-four__carousel.owl-carousel .owl-dots .owl-dot {
    border-color: var(--insuba-white, #fff)
}

.main-slider-four__carousel.owl-carousel .owl-dots .owl-dot::after {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
    background-color: var(--insuba-white, #fff);
    transition: .5s
}

.main-slider-four__carousel.owl-carousel .owl-dots .owl-dot.active,
.main-slider-four__carousel.owl-carousel .owl-dots .owl-dot:hover {
    border-color: var(--insuba-base, #0365d3)
}

.main-slider-four__item {
    position: relative;
    padding-bottom: 60px;
    overflow: hidden
}

.main-slider-four__bg {
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    transform: scale(1);
    transition: transform 7s
}

.about-one__image__one,
.about-one__image__two {
    max-width: 100%;
    height: auto
}

.main-slider-four__content {
    padding-top: 10px;
    position: relative;
    z-index: 2;
    overflow: hidden
}

.main-slider-four__title {
    position: relative;
    margin-bottom: 22px;
    font-weight: 700;
    font-size: 60px;
    text-shadow: 2px 4px 6px rgba(0, 0, 0, .3);
    line-height: 1.25;
    opacity: 0;
    transform: translateY(-300px);
    transition: transform 1.8s, opacity 1.8s
}

.main-slider-four .insuba-btn,
.main-slider-four__text {
    transition: transform 1.3s, opacity 1.3s;
    transform: translateY(-150px);
    opacity: 0
}

@media (max-width:991px) {
    .main-slider-four__title {
        font-size: 50px
    }

    .about-one__image {
        margin-top: 50px
    }
}

@media (max-width:767px) {
    .main-slider-four__title {
        font-size: 45px
    }

    .main-slider-four__title__text::after {
        width: 200px;
        height: 65px;
        left: 50%
    }
}

.main-slider-four__title__text {
    display: inline-block;
    position: relative
}

.main-slider-four__description {
    margin-bottom: 34px;
    padding-right: 237px;
    overflow: hidden
}

.main-slider-four__text {
    margin-bottom: 0;
    font-size: 17px
}

.main-slider-four__btn-1,
.main-slider-four__btn-1:hover .insuba-btn__icon {
    color: var(--insuba-black2, #333)
}

.main-slider-four__button__inner {
    overflow: hidden
}

.insurance-policy .insuba-btn::after,
.main-slider-four__btn-1 .insuba-btn__icon-box {
    background-color: var(--insuba-black3, #19232b)
}

.company-info,
.faq-two,
.features-two__carousel.owl-carousel .owl-nav button,
.main-slider-four__btn-1:hover .insuba-btn__icon-box,
.main-slider-four__insurance__inner,
.pricing-one,
.testimonials-one__carousel.owl-carousel .owl-nav button,
.testimonials-two {
    background-color: var(--insuba-white, #fff)
}

.about-four .tabs-box .tab-buttons .tab-btn:hover,
.main-slider-four__btn-1:hover {
    color: var(--insuba-white, #fff)
}

.main-slider-four__insurance {
    margin-top: 40px;
    position: relative;
    display: table;
    overflow: hidden;
    z-index: 2
}

.main-slider-four__insurance__inner {
    padding: 10px 29px 10px 10px;
    display: flex;
    align-items: center;
    gap: 26px;
    border-radius: 20px;
    transform: translateY(-150px);
    opacity: 0;
    transition: transform 1.5s, opacity 1.5s
}

.main-slider-four__insurance__icon {
    position: relative;
    z-index: 1;
    width: 82px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 46px;
    color: var(--insuba-white, #fff);
    background-color: var(--insuba-base, #0365d3);
    border-radius: inherit;
    transition: .5s
}

.about-one .container,
.faq-accordion,
.main-slider-four__insurance__content,
.need-contact .container,
.online-banking .tabs-box .tab-buttons .tab-btn__content,
.pricing-card__content,
.testimonials-one .container,
.testimonials-three .container,
.testimonials-two__content {
    position: relative;
    z-index: 1
}

.main-slider-four__insurance__title,
.online-banking .tabs-box .tab-buttons .tab-btn__title {
    margin-bottom: 7px;
    font-family: var(--insuba-heading-font, "Poppins", serif);
    font-size: 22px;
    font-weight: 700;
    color: var(--insuba-black, #122f2a);
    line-height: 1.318;
    transition: .5s
}

.main-slider-four__insurance__text {
    margin: 0;
    transition: .5s
}

.main-slider-four__shape-one {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    animation: 2s linear infinite moveHorizontal2
}

.main-slider-four__shape-two {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}

.main-slider-four__shape-three {
    position: absolute;
    top: 0;
    left: 35.5%;
    z-index: 1
}

.main-slider-four__shape-four {
    position: absolute;
    top: 0;
    left: 52%;
    z-index: 1
}

.main-slider-four .active .main-slider-four__bg {
    transform: scale(1.15)
}

.main-slider-four .active .insuba-btn,
.main-slider-four .active .main-slider-four__text,
.main-slider-four .active .main-slider-four__title {
    opacity: 1;
    transform: translateY(0)
}

.main-slider-four .active .main-slider-four__text {
    transition-delay: 0.4s
}

.main-slider-four .active .main-slider-four__btn-1 {
    transition-delay: 0.7s
}

.main-slider-four .active .main-slider-four__btn-2 {
    transition-delay: 0.9s
}

.main-slider-four .active .main-slider-four__insurance__inner {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.5s
}

@keyframes animatedStar {

    0%,
    100% {
        color: var(--insuba-white, #fff)
    }

    50% {
        color: var(--insuba-base, #0365d3)
    }
}

.about-one--about .about-one__image__inner {
    position: relative;
    max-width: 100%;
    height: auto;
    z-index: 1
}

.about-one--about .about-one__image__shape {
    max-width: 100%;
    height: auto;
    position: absolute;
    top: 50%;
    left: -97px;
    transform: translateY(-50%);
    animation: 2s linear infinite aboutShapeZump
}

@media (max-width:575px) {
    .main-slider-three__shape-two {
        top: 150px;
        right: 30px
    }

    .about-one--about .about-one__image__shape,
    .main-slider-four__title__text::after {
        display: none
    }
}

.about-one--about .about-one__list {
    gap: 9px
}

.about-one--about .about-one__list__icon {
    position: relative;
    top: 4px;
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    background-color: var(--insuba-black4, #0f3564);
    font-size: 14px;
    color: var(--insuba-white, #fff)
}

.about-one__founder__name:hover,
.about-one__list:hover .about-one__list__icon {
    color: var(--insuba-base, #0365d3)
}

.about-one--about .about-one__list:hover .about-one__list__icon {
    color: var(--insuba-white, #fff);
    background-color: var(--insuba-base, #0365d3)
}

.about-one__image {
    position: relative;
    display: table
}

.about-one__image__two {
    position: absolute;
    right: 0;
    bottom: 0;
    border-top: 12px solid var(--insuba-white, #fff);
    border-left: 12px solid var(--insuba-white, #fff)
}

.about-one .sec-title {
    margin-bottom: 26px;
    margin-top: 20px
}

.about-one__text {
    margin-top: 40px;
    margin-bottom: 20px
}

.about-one__list-box {
    margin-bottom: 24px;
    max-width: 360px
}

.about-one__list {
    display: flex;
    gap: 9px
}

.about-one__list__icon {
    position: relative;
    top: 1px;
    font-size: 16px;
    color: var(--insuba-black4, #0f3564);
    transition: .5s
}

.about-one__founder__image img,
.about-one__shape,
.about-two__image img {
    max-width: 100%;
    height: auto
}

.about-one__list__link {
    color: var(--insuba-black2, #333);
    font-weight: 500;
    transition: .5s
}

.about-one__list:hover .about-one__list__link {
    color: var(--insuba-base, #0365d3);
    text-decoration: underline
}

.about-one__founder {
    position: relative;
    margin-bottom: 40px;
    display: inline-flex;
    align-items: center;
    gap: 20px;
    z-index: 2
}

.about-one__founder__image {
    flex-shrink: 0;
    padding: 5px 0 0 5px;
    display: inline-block;
    background-color: var(--insuba-base, #0365d3)
}

.about-one__founder__name {
    margin-bottom: 6px;
    font-size: 22px;
    font-weight: 700;
    text-transform: capitalize;
    line-height: 1.318
}

.about-one__founder__name a {
    color: inherit;
    transition: .5s
}

.about-one__founder__designation {
    margin: 0;
    font-size: 17px
}

.about-one__video {
    padding: 37px 37px 28px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
    position: absolute;
    top: 0;
    right: 0;
    background-color: var(--insuba-black5, #0f3667);
    text-align: center;
    z-index: 1
}

.about-three,
.about-two,
.about-two__video-button {
    background-color: var(--insuba-white, #fff)
}

@media (min-width:992px) and (max-width:1199px) {
    .about-one__image__two {
        max-width: 150px
    }

    .about-one__video {
        padding-left: 30px;
        padding-right: 30px
    }
}

.about-one__video::after {
    content: "";
    width: 100%;
    height: 4px;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: var(--insuba-base, #0365d3)
}

.about-one__video__title {
    margin: 0;
    font-size: 17px;
    font-weight: 500;
    color: var(--insuba-white, #fff);
    text-transform: capitalize;
    line-height: 1.47
}

.about-four .tabs-box .tabs-content .tab.active-tab,
.about-one__video__title span {
    display: block
}

.about-one__shape {
    position: absolute;
    top: 300px;
    right: 116px;
    animation: 3s linear infinite zoomOut
}

.about-two {
    padding-top: 168px;
    padding-bottom: 213px
}

@media (max-width:1599px) {
    .about-two {
        padding-top: 199px;
        padding-bottom: 182px
    }
}

@media (max-width:1399px) {
    .main-slider-three__description {
        padding-right: 0;
        max-width: 700px
    }

    .main-slider-four__description {
        padding-right: 0
    }

    .about-two {
        padding-top: 224px;
        padding-bottom: 157px
    }
}

@media (max-width:1199px) {
    .main-slider-four .active .main-slider-four__insurance__inner {
        transition-delay: 1.5s
    }

    .about-one__list-box {
        max-width: 100%
    }

    .about-two {
        padding-top: 141px;
        padding-bottom: 124px
    }
}

@media (max-width:767px) {
    .main-slider-four__text {
        font-size: 16px
    }

    .about-two {
        padding-top: 120px;
        padding-bottom: 104px
    }
}

.about-two__image {
    position: relative;
    margin-left: 100px;
    width: 100%;
    height: 100%
}

.about-three__list__icon svg,
.about-two__list li .about-two__list__icon svg {
    width: 1em;
    height: 1em;
    fill: currentColor
}

.about-two__image__inner {
    width: 700px;
    height: 545px;
    position: absolute;
    top: 0;
    right: 33px;
    z-index: 1
}

@media (max-width:1599px) {
    .about-two__image__inner {
        width: 625px;
        height: 484px;
        right: 20px
    }
}

@media (max-width:1399px) {
    .about-two__image {
        margin-left: 30px
    }

    .about-two__image__inner {
        width: 560px;
        height: 434px
    }
}

@media (max-width:767px) {
    .about-two__image__inner {
        width: 481px;
        height: 373px
    }
}

.about-two__image__one {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900.000000 690.000000"><g transform="translate(0.000000,690.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M4325 6885 c-6 -10 -37 -19 -85 -25 -101 -12 -201 -28 -285 -46 -38 -8 -81 -14 -95 -14 -14 0 -61 -7 -105 -15 -44 -8 -124 -21 -177 -30 -111 -17 -253 -40 -378 -60 -47 -8 -130 -21 -185 -30 -143 -23 -255 -41 -370 -60 -55 -9 -143 -23 -195 -31 -52 -8 -133 -21 -180 -29 -47 -7 -128 -20 -180 -29 -249 -39 -296 -47 -570 -91 -102 -17 -244 -40 -377 -61 -54 -8 -123 -20 -153 -25 -30 -6 -84 -14 -120 -19 -36 -4 -92 -13 -125 -18 -33 -6 -105 -19 -160 -27 -55 -9 -140 -23 -190 -31 -49 -8 -127 -21 -171 -29 -45 -8 -94 -15 -108 -15 -15 0 -47 -5 -72 -11 l-44 -11 0 -2939 0 -2939 2194 0 c1982 0 2196 2 2210 16 15 14 16 327 16 3300 l0 3284 -43 0 c-27 0 -46 -6 -52 -15z"/> <path d="M4576 6564 c-15 -14 -16 -326 -16 -3290 l0 -3274 37 0 c35 0 68 5 216 31 34 6 91 15 127 19 36 5 90 13 120 19 30 5 99 17 153 26 234 37 385 61 560 89 53 9 140 23 192 31 52 8 139 22 192 31 54 9 136 22 183 29 47 8 130 21 185 30 55 9 125 20 155 26 30 6 84 14 120 19 36 4 92 13 125 18 33 6 105 18 160 27 55 9 143 23 195 31 52 9 133 22 180 29 47 8 129 21 183 29 53 9 141 23 195 32 178 29 352 57 555 89 133 21 363 58 535 86 l72 12 0 2939 0 2938 -2204 0 c-1991 0 -2206 -2 -2220 -16z"/> </g> </svg>');
    mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900.000000 690.000000"><g transform="translate(0.000000,690.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M4325 6885 c-6 -10 -37 -19 -85 -25 -101 -12 -201 -28 -285 -46 -38 -8 -81 -14 -95 -14 -14 0 -61 -7 -105 -15 -44 -8 -124 -21 -177 -30 -111 -17 -253 -40 -378 -60 -47 -8 -130 -21 -185 -30 -143 -23 -255 -41 -370 -60 -55 -9 -143 -23 -195 -31 -52 -8 -133 -21 -180 -29 -47 -7 -128 -20 -180 -29 -249 -39 -296 -47 -570 -91 -102 -17 -244 -40 -377 -61 -54 -8 -123 -20 -153 -25 -30 -6 -84 -14 -120 -19 -36 -4 -92 -13 -125 -18 -33 -6 -105 -19 -160 -27 -55 -9 -140 -23 -190 -31 -49 -8 -127 -21 -171 -29 -45 -8 -94 -15 -108 -15 -15 0 -47 -5 -72 -11 l-44 -11 0 -2939 0 -2939 2194 0 c1982 0 2196 2 2210 16 15 14 16 327 16 3300 l0 3284 -43 0 c-27 0 -46 -6 -52 -15z"/> <path d="M4576 6564 c-15 -14 -16 -326 -16 -3290 l0 -3274 37 0 c35 0 68 5 216 31 34 6 91 15 127 19 36 5 90 13 120 19 30 5 99 17 153 26 234 37 385 61 560 89 53 9 140 23 192 31 52 8 139 22 192 31 54 9 136 22 183 29 47 8 130 21 185 30 55 9 125 20 155 26 30 6 84 14 120 19 36 4 92 13 125 18 33 6 105 18 160 27 55 9 143 23 195 31 52 9 133 22 180 29 47 8 129 21 183 29 53 9 141 23 195 32 178 29 352 57 555 89 133 21 363 58 535 86 l72 12 0 2939 0 2938 -2204 0 c-1991 0 -2206 -2 -2220 -16z"/> </g> </svg>');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-size: auto;
    mask-size: auto;
    z-index: 1
}

.about-two__image__shape-one {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2
}

@media (max-width:1199px) {
    .about-two__image {
        margin-left: 0;
        padding-left: 28px
    }

    .about-two__image__inner {
        position: relative;
        top: auto;
        right: auto
    }

    .about-two__image__shape-one {
        max-width: 57px !important
    }
}

.about-two__image__shape-two {
    position: absolute;
    top: 35px;
    left: -24px;
    animation: 2s linear infinite zump
}

.about-two__image__shape-three {
    position: absolute;
    left: -26px;
    bottom: 3px;
    animation: 2s linear infinite zump
}

.about-two__video-button {
    min-width: 242px;
    padding: 15px;
    position: absolute;
    left: 50%;
    bottom: 51px;
    transform: translateX(-50%);
    z-index: 3;
    display: flex;
    align-items: center;
    gap: 26px;
    border-radius: 48px
}

@media (max-width:575px) {
    .about-one__founder {
        margin-bottom: 50px;
        display: flex
    }

    .about-one__video {
        margin-top: 35px;
        padding-left: 40px;
        padding-right: 40px;
        display: inline-flex;
        position: relative;
        top: auto;
        right: auto
    }

    .about-two {
        padding-top: 105px;
        padding-bottom: 84px
    }

    .about-two__image {
        padding-left: 0
    }

    .about-two__image__inner {
        width: auto;
        height: auto;
        position: relative;
        right: auto
    }

    .about-two__image__one {
        position: static;
        mask: unset;
        -webkit-mask: unset
    }

    .about-two__image__shape-one,
    .about-two__image__shape-three,
    .about-two__image__shape-two {
        display: none
    }

    .about-two__video-button {
        padding: 10px;
        gap: 20px;
        bottom: 40px
    }

    .about-two__video-button .video-btn {
        width: 45px;
        height: 45px;
        font-size: 23px
    }
}

.about-two__video-button .video-btn {
    color: var(--insuba-white, #fff);
    background-color: var(--insuba-black5, #0f3667)
}

.about-two__video-button .video-btn__ripple::after,
.about-two__video-button .video-btn__ripple::before {
    box-shadow: 0 0 0 0 RGBA(var(--insuba-black5-rgb, 15, 54, 103), .22);
    -webkit-animation: 3s infinite videoRippleAbout;
    animation: 3s infinite videoRippleAbout
}

.about-two__video-button__text {
    font-size: 17px;
    font-weight: 500;
    color: var(--insuba-black5, #0f3667);
    text-decoration: underline
}

.about-two__content {
    padding-left: 100px;
    padding-right: 8px
}

@media (max-width:1399px) {
    .about-two__content {
        padding-left: 30px
    }
}

.about-two__text-box-1 {
    margin-bottom: 19px
}

.about-two__text-box-2 {
    margin-bottom: 17px
}

.about-two__text__highlight {
    font-weight: 500;
    color: var(--insuba-base, #0365d3)
}

.about-two__list li {
    display: flex;
    gap: 10px;
    font-weight: 700;
    color: var(--insuba-black2, #333)
}

.about-two__list li .about-two__list__icon {
    position: relative;
    top: 4px;
    display: inline-flex;
    font-size: 18px;
    color: var(--insuba-base, #0365d3)
}

.about-three {
    padding-bottom: 172px
}

@media (max-width:1199px) {
    .about-two__content {
        padding-left: 0;
        max-width: 700px
    }

    .about-three {
        padding-bottom: 120px
    }
}

@media (max-width:991px) {
    .about-three {
        padding-bottom: 172px
    }
}

@media (max-width:767px) {
    .about-two__image__shape-one {
        max-width: 50px !important
    }

    .about-three {
        padding-bottom: 155px
    }
}

.about-three__content {
    position: relative;
    top: 51px;
    padding-right: 50px
}

.about-three .sec-title {
    margin-bottom: 9px
}

.about-three .sec-title__title__highlight,
.testimonials-three .testimonial-card-two {
    border: 0
}

.about-three__description {
    margin-bottom: 26px;
    padding-right: 67px
}

.about-three__inner {
    max-width: 400px;
    margin-bottom: 22px;
    display: flex;
    align-items: center;
    gap: 29px;
    border: 1px solid var(--insuba-border-color, #ddd)
}

@media (max-width:575px) {
    .about-three {
        padding-bottom: 107px
    }

    .about-three__inner {
        padding: 30px;
        flex-direction: column;
        align-items: flex-start
    }
}

.about-three__experience {
    position: relative;
    padding: 20px 17px 27px;
    text-align: center;
    background-color: var(--insuba-base, #0365d3)
}

.about-three__experience::after {
    content: "";
    position: absolute;
    top: -1px;
    left: 0;
    width: 100%;
    height: calc(100% - 1px);
    background-color: var(--insuba-black4, #0f3564)
}

.about-four .container,
.about-four__tab,
.about-three__experience__content,
.app-store__content,
.contact-one .row,
.service-card-three__image,
.service-card-two__content,
.work-planning-two .container {
    position: relative;
    z-index: 2
}

.about-three__experience__year {
    margin-bottom: 0;
    font-size: 40px;
    color: var(--insuba-black4, #0f3564);
    font-weight: 700;
    text-shadow: 2px 2px 0 var(--insuba-white, #fff), -2px -2px 0 var(--insuba-white, #fff), 2px -2px 0 var(--insuba-white, #fff), -2px 2px 0 var(--insuba-white, #fff), 2px 2px 0 var(--insuba-white, #fff);
    line-height: 1
}

.about-three__experience__text {
    margin: 0;
    font-family: var(--insuba-heading-font, "Poppins", serif);
    font-size: 15px;
    font-weight: 700;
    color: var(--insuba-white, #fff)
}

.about-three__experience__shape {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    overflow: hidden
}

.about-three__experience__shape__one,
.about-three__experience__shape__two,
.portfolio-one__shape-one,
.portfolio-one__shape-three,
.portfolio-one__shape-two {
    max-width: 100%;
    height: auto;
    position: absolute
}

.about-three__experience__shape__one {
    left: -70px;
    bottom: -40px
}

.about-three__experience__shape__two {
    top: -34px;
    right: -70px
}

.about-three__list-box {
    padding: 20px 20px 20px 0
}

.about-three__list {
    display: flex;
    gap: 9px
}

.about-three__list__icon {
    position: relative;
    top: 4px;
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    background-color: var(--insuba-black4, #0f3564);
    font-size: 14px;
    color: var(--insuba-white, #fff);
    transition: .5s
}

.about-four .tabs-box .tab-buttons .tab-btn.active-btn,
.about-three__list:hover .about-three__list__icon {
    color: var(--insuba-white, #fff);
    background-color: var(--insuba-base, #0365d3)
}

.about-three__list__link {
    color: var(--insuba-black2, #333);
    font-weight: 500;
    transition: .5s
}

.about-three__list:hover .about-three__list__link {
    color: var(--insuba-base, #0365d3);
    text-decoration: underline
}

.about-three__list-two,
.faq-one .sec-title,
.service-details__cta__text,
.why-choose-one__text {
    margin-bottom: 24px
}

.about-three__list-two li {
    display: flex;
    gap: 10px;
    font-weight: 500
}

.about-three__list-two li+li {
    margin-top: 4px
}

.about-three__list-two li .about-three__list-two__icon {
    position: relative;
    top: 8px;
    display: inline-flex;
    font-size: 12px;
    color: var(--insuba-base, #0365d3)
}

.about-three__bottom {
    display: table;
    padding-top: 30px;
    border-top: 1px solid var(--insuba-border-color, #ddd)
}

.about-three__bottom__inner {
    display: flex;
    gap: 78px
}

@media (min-width:992px) and (max-width:1199px) {
    .about-three__description {
        padding-right: 20px
    }

    .about-three__bottom__inner {
        gap: 50px
    }
}

@media (max-width:767px) {
    .about-three__description {
        padding-right: 0
    }

    .about-three__bottom__inner {
        gap: 50px
    }
}

.about-three__founder-sign {
    margin: 9px 0 0;
    font-family: var(--insuba-special-font, "Homemade Apple", cursive);
    font-weight: 400;
    font-size: 32px;
    line-height: 1.25
}

@media (max-width:767px) {
    .about-three__founder-sign {
        margin-top: 15px;
        font-size: 22px
    }
}

.about-three__founder {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 20px;
    z-index: 2
}

.about-three__founder::before {
    content: "";
    width: 1px;
    height: calc(100% + 30px);
    position: absolute;
    top: -30px;
    left: -36px;
    background-color: var(--insuba-border-color, #ddd)
}

.about-three__founder__image {
    flex-shrink: 0;
    padding: 5px 0 0 5px;
    display: inline-block;
    background-color: var(--insuba-base, #0365d3)
}

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

.about-three__founder__name,
.testimonials-two__name {
    margin-bottom: 6px;
    font-size: 22px;
    font-weight: 700;
    text-transform: capitalize;
    line-height: 1.318
}

.about-three__founder__name:hover {
    color: var(--insuba-base, #0365d3)
}

.about-three__founder__name a {
    color: inherit;
    transition: .5s
}

.about-four__list li,
.why-choose-one__list li {
    color: var(--insuba-black2, #333);
    font-weight: 500
}

.about-three__founder__designation {
    margin: 0;
    font-size: 17px
}

.about-three__image {
    padding-left: 35px
}

.about-three__image__inner,
.consultations-two__image {
    position: relative;
    display: table
}

.about-three__image__inner::before {
    content: "";
    width: calc(100% - 105px);
    height: 336px;
    position: absolute;
    left: -27px;
    bottom: -27px;
    border-radius: 30px;
    background-color: var(--insuba-base, #0365d3)
}

.about-three__image__inner::after {
    content: "";
    width: calc(100% + 3px);
    height: calc(100% + 3px);
    position: absolute;
    left: -13px;
    bottom: -13px;
    border-radius: 30px;
    background-color: var(--insuba-white, #fff);
    z-index: 1
}

.about-three__image__one {
    position: relative;
    max-width: 100%;
    height: auto;
    border-radius: 30px;
    z-index: 2
}

.about-three__image__three,
.about-three__image__two {
    padding: 10px;
    position: absolute;
    z-index: 3;
    background-color: var(--insuba-white, #fff)
}

.about-three__image__two {
    top: 150px;
    left: -135px;
    -webkit-mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 777.000000 723.000000"><g transform="translate(0.000000,723.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M3160 6904 c-63 -8 -142 -19 -175 -26 -33 -6 -80 -14 -105 -18 -58 -9 -153 -33 -305 -76 -59 -16 -91 -27 -177 -60 -24 -9 -61 -23 -83 -31 -22 -8 -55 -21 -72 -29 -81 -35 -109 -48 -123 -56 -8 -4 -22 -11 -30 -14 -136 -56 -379 -208 -580 -362 -148 -114 -377 -336 -485 -471 -94 -116 -165 -210 -165 -217 0 -3 -13 -23 -28 -43 -16 -20 -32 -43 -35 -51 -4 -8 -16 -28 -27 -45 -11 -16 -24 -39 -30 -50 -6 -11 -19 -33 -29 -50 -37 -58 -181 -356 -181 -374 0 -5 -6 -22 -14 -38 -27 -53 -79 -206 -106 -313 -5 -19 -14 -55 -20 -80 -42 -164 -62 -274 -86 -492 -26 -231 -12 -572 32 -813 27 -145 45 -229 60 -275 8 -25 14 -53 14 -62 0 -10 6 -32 14 -50 7 -18 21 -58 30 -88 9 -30 23 -72 31 -92 8 -21 22 -57 31 -80 65 -169 189 -409 302 -583 56 -85 203 -282 263 -350 57 -65 259 -267 324 -324 83 -73 364 -281 380 -281 2 0 21 -12 42 -26 21 -14 47 -30 58 -35 11 -5 34 -18 50 -28 31 -20 214 -112 273 -137 64 -28 98 -42 140 -58 131 -50 237 -85 322 -106 19 -4 49 -13 65 -18 17 -6 57 -18 90 -28 33 -9 78 -23 100 -29 22 -7 67 -20 100 -29 33 -10 74 -22 90 -28 17 -5 46 -14 65 -18 19 -5 67 -18 105 -30 39 -12 86 -25 105 -30 19 -5 55 -14 80 -20 159 -41 263 -60 470 -85 230 -28 596 -16 825 27 33 6 80 14 105 18 59 9 138 29 307 77 58 16 92 27 171 57 23 9 61 23 85 32 23 9 57 22 75 30 80 35 108 48 122 56 8 4 22 11 30 14 162 66 473 270 685 447 139 116 365 357 470 500 17 23 40 53 53 67 12 13 22 29 22 33 0 5 13 26 28 46 16 20 32 43 35 51 4 8 16 29 27 45 11 17 24 39 30 50 6 11 19 34 29 50 37 58 181 356 181 374 0 5 6 22 14 38 27 53 79 206 106 313 5 19 14 55 20 80 43 168 62 274 86 492 26 232 12 572 -32 813 -27 145 -45 229 -60 275 -8 25 -14 53 -14 62 0 10 -6 32 -14 50 -7 18 -21 58 -30 88 -9 30 -23 72 -31 93 -8 20 -22 56 -31 80 -65 168 -189 408 -302 582 -59 90 -214 297 -266 355 -53 57 -259 263 -316 316 -70 63 -369 284 -385 284 -2 0 -21 12 -42 26 -21 14 -47 30 -58 35 -11 5 -33 18 -50 28 -30 20 -211 110 -275 138 -148 66 -342 134 -460 163 -19 4 -48 13 -65 18 -16 6 -57 18 -90 28 -33 9 -78 23 -100 29 -22 7 -67 20 -100 29 -33 10 -73 22 -90 28 -16 5 -46 14 -65 18 -19 5 -66 18 -105 30 -38 12 -86 25 -105 30 -19 5 -55 14 -80 20 -159 41 -263 60 -470 85 -155 19 -490 18 -650 -1z"/> </g> </svg>');
    mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 777.000000 723.000000"><g transform="translate(0.000000,723.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M3160 6904 c-63 -8 -142 -19 -175 -26 -33 -6 -80 -14 -105 -18 -58 -9 -153 -33 -305 -76 -59 -16 -91 -27 -177 -60 -24 -9 -61 -23 -83 -31 -22 -8 -55 -21 -72 -29 -81 -35 -109 -48 -123 -56 -8 -4 -22 -11 -30 -14 -136 -56 -379 -208 -580 -362 -148 -114 -377 -336 -485 -471 -94 -116 -165 -210 -165 -217 0 -3 -13 -23 -28 -43 -16 -20 -32 -43 -35 -51 -4 -8 -16 -28 -27 -45 -11 -16 -24 -39 -30 -50 -6 -11 -19 -33 -29 -50 -37 -58 -181 -356 -181 -374 0 -5 -6 -22 -14 -38 -27 -53 -79 -206 -106 -313 -5 -19 -14 -55 -20 -80 -42 -164 -62 -274 -86 -492 -26 -231 -12 -572 32 -813 27 -145 45 -229 60 -275 8 -25 14 -53 14 -62 0 -10 6 -32 14 -50 7 -18 21 -58 30 -88 9 -30 23 -72 31 -92 8 -21 22 -57 31 -80 65 -169 189 -409 302 -583 56 -85 203 -282 263 -350 57 -65 259 -267 324 -324 83 -73 364 -281 380 -281 2 0 21 -12 42 -26 21 -14 47 -30 58 -35 11 -5 34 -18 50 -28 31 -20 214 -112 273 -137 64 -28 98 -42 140 -58 131 -50 237 -85 322 -106 19 -4 49 -13 65 -18 17 -6 57 -18 90 -28 33 -9 78 -23 100 -29 22 -7 67 -20 100 -29 33 -10 74 -22 90 -28 17 -5 46 -14 65 -18 19 -5 67 -18 105 -30 39 -12 86 -25 105 -30 19 -5 55 -14 80 -20 159 -41 263 -60 470 -85 230 -28 596 -16 825 27 33 6 80 14 105 18 59 9 138 29 307 77 58 16 92 27 171 57 23 9 61 23 85 32 23 9 57 22 75 30 80 35 108 48 122 56 8 4 22 11 30 14 162 66 473 270 685 447 139 116 365 357 470 500 17 23 40 53 53 67 12 13 22 29 22 33 0 5 13 26 28 46 16 20 32 43 35 51 4 8 16 29 27 45 11 17 24 39 30 50 6 11 19 34 29 50 37 58 181 356 181 374 0 5 6 22 14 38 27 53 79 206 106 313 5 19 14 55 20 80 43 168 62 274 86 492 26 232 12 572 -32 813 -27 145 -45 229 -60 275 -8 25 -14 53 -14 62 0 10 -6 32 -14 50 -7 18 -21 58 -30 88 -9 30 -23 72 -31 93 -8 20 -22 56 -31 80 -65 168 -189 408 -302 582 -59 90 -214 297 -266 355 -53 57 -259 263 -316 316 -70 63 -369 284 -385 284 -2 0 -21 12 -42 26 -21 14 -47 30 -58 35 -11 5 -33 18 -50 28 -30 20 -211 110 -275 138 -148 66 -342 134 -460 163 -19 4 -48 13 -65 18 -16 6 -57 18 -90 28 -33 9 -78 23 -100 29 -22 7 -67 20 -100 29 -33 10 -73 22 -90 28 -16 5 -46 14 -65 18 -19 5 -66 18 -105 30 -38 12 -86 25 -105 30 -19 5 -55 14 -80 20 -159 41 -263 60 -470 85 -155 19 -490 18 -650 -1z"/> </g> </svg>');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-size: auto;
    mask-size: auto
}

@media (min-width:992px) and (max-width:1199px) {
    .about-three__founder-sign {
        margin-top: 15px;
        font-size: 22px
    }

    .about-three__founder::before {
        left: -25px
    }

    .about-three__founder__name {
        font-size: 18px
    }

    .about-three__image__two {
        left: -60px
    }
}

@media (max-width:991px) {
    .about-three__image__two {
        left: -75px
    }
}

.about-three__image__two__inner {
    text-align: center;
    -webkit-mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 777.000000 723.000000"><g transform="translate(0.000000,723.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M3160 6904 c-63 -8 -142 -19 -175 -26 -33 -6 -80 -14 -105 -18 -58 -9 -153 -33 -305 -76 -59 -16 -91 -27 -177 -60 -24 -9 -61 -23 -83 -31 -22 -8 -55 -21 -72 -29 -81 -35 -109 -48 -123 -56 -8 -4 -22 -11 -30 -14 -136 -56 -379 -208 -580 -362 -148 -114 -377 -336 -485 -471 -94 -116 -165 -210 -165 -217 0 -3 -13 -23 -28 -43 -16 -20 -32 -43 -35 -51 -4 -8 -16 -28 -27 -45 -11 -16 -24 -39 -30 -50 -6 -11 -19 -33 -29 -50 -37 -58 -181 -356 -181 -374 0 -5 -6 -22 -14 -38 -27 -53 -79 -206 -106 -313 -5 -19 -14 -55 -20 -80 -42 -164 -62 -274 -86 -492 -26 -231 -12 -572 32 -813 27 -145 45 -229 60 -275 8 -25 14 -53 14 -62 0 -10 6 -32 14 -50 7 -18 21 -58 30 -88 9 -30 23 -72 31 -92 8 -21 22 -57 31 -80 65 -169 189 -409 302 -583 56 -85 203 -282 263 -350 57 -65 259 -267 324 -324 83 -73 364 -281 380 -281 2 0 21 -12 42 -26 21 -14 47 -30 58 -35 11 -5 34 -18 50 -28 31 -20 214 -112 273 -137 64 -28 98 -42 140 -58 131 -50 237 -85 322 -106 19 -4 49 -13 65 -18 17 -6 57 -18 90 -28 33 -9 78 -23 100 -29 22 -7 67 -20 100 -29 33 -10 74 -22 90 -28 17 -5 46 -14 65 -18 19 -5 67 -18 105 -30 39 -12 86 -25 105 -30 19 -5 55 -14 80 -20 159 -41 263 -60 470 -85 230 -28 596 -16 825 27 33 6 80 14 105 18 59 9 138 29 307 77 58 16 92 27 171 57 23 9 61 23 85 32 23 9 57 22 75 30 80 35 108 48 122 56 8 4 22 11 30 14 162 66 473 270 685 447 139 116 365 357 470 500 17 23 40 53 53 67 12 13 22 29 22 33 0 5 13 26 28 46 16 20 32 43 35 51 4 8 16 29 27 45 11 17 24 39 30 50 6 11 19 34 29 50 37 58 181 356 181 374 0 5 6 22 14 38 27 53 79 206 106 313 5 19 14 55 20 80 43 168 62 274 86 492 26 232 12 572 -32 813 -27 145 -45 229 -60 275 -8 25 -14 53 -14 62 0 10 -6 32 -14 50 -7 18 -21 58 -30 88 -9 30 -23 72 -31 93 -8 20 -22 56 -31 80 -65 168 -189 408 -302 582 -59 90 -214 297 -266 355 -53 57 -259 263 -316 316 -70 63 -369 284 -385 284 -2 0 -21 12 -42 26 -21 14 -47 30 -58 35 -11 5 -33 18 -50 28 -30 20 -211 110 -275 138 -148 66 -342 134 -460 163 -19 4 -48 13 -65 18 -16 6 -57 18 -90 28 -33 9 -78 23 -100 29 -22 7 -67 20 -100 29 -33 10 -73 22 -90 28 -16 5 -46 14 -65 18 -19 5 -66 18 -105 30 -38 12 -86 25 -105 30 -19 5 -55 14 -80 20 -159 41 -263 60 -470 85 -155 19 -490 18 -650 -1z"/> </g> </svg>');
    mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 777.000000 723.000000"><g transform="translate(0.000000,723.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M3160 6904 c-63 -8 -142 -19 -175 -26 -33 -6 -80 -14 -105 -18 -58 -9 -153 -33 -305 -76 -59 -16 -91 -27 -177 -60 -24 -9 -61 -23 -83 -31 -22 -8 -55 -21 -72 -29 -81 -35 -109 -48 -123 -56 -8 -4 -22 -11 -30 -14 -136 -56 -379 -208 -580 -362 -148 -114 -377 -336 -485 -471 -94 -116 -165 -210 -165 -217 0 -3 -13 -23 -28 -43 -16 -20 -32 -43 -35 -51 -4 -8 -16 -28 -27 -45 -11 -16 -24 -39 -30 -50 -6 -11 -19 -33 -29 -50 -37 -58 -181 -356 -181 -374 0 -5 -6 -22 -14 -38 -27 -53 -79 -206 -106 -313 -5 -19 -14 -55 -20 -80 -42 -164 -62 -274 -86 -492 -26 -231 -12 -572 32 -813 27 -145 45 -229 60 -275 8 -25 14 -53 14 -62 0 -10 6 -32 14 -50 7 -18 21 -58 30 -88 9 -30 23 -72 31 -92 8 -21 22 -57 31 -80 65 -169 189 -409 302 -583 56 -85 203 -282 263 -350 57 -65 259 -267 324 -324 83 -73 364 -281 380 -281 2 0 21 -12 42 -26 21 -14 47 -30 58 -35 11 -5 34 -18 50 -28 31 -20 214 -112 273 -137 64 -28 98 -42 140 -58 131 -50 237 -85 322 -106 19 -4 49 -13 65 -18 17 -6 57 -18 90 -28 33 -9 78 -23 100 -29 22 -7 67 -20 100 -29 33 -10 74 -22 90 -28 17 -5 46 -14 65 -18 19 -5 67 -18 105 -30 39 -12 86 -25 105 -30 19 -5 55 -14 80 -20 159 -41 263 -60 470 -85 230 -28 596 -16 825 27 33 6 80 14 105 18 59 9 138 29 307 77 58 16 92 27 171 57 23 9 61 23 85 32 23 9 57 22 75 30 80 35 108 48 122 56 8 4 22 11 30 14 162 66 473 270 685 447 139 116 365 357 470 500 17 23 40 53 53 67 12 13 22 29 22 33 0 5 13 26 28 46 16 20 32 43 35 51 4 8 16 29 27 45 11 17 24 39 30 50 6 11 19 34 29 50 37 58 181 356 181 374 0 5 6 22 14 38 27 53 79 206 106 313 5 19 14 55 20 80 43 168 62 274 86 492 26 232 12 572 -32 813 -27 145 -45 229 -60 275 -8 25 -14 53 -14 62 0 10 -6 32 -14 50 -7 18 -21 58 -30 88 -9 30 -23 72 -31 93 -8 20 -22 56 -31 80 -65 168 -189 408 -302 582 -59 90 -214 297 -266 355 -53 57 -259 263 -316 316 -70 63 -369 284 -385 284 -2 0 -21 12 -42 26 -21 14 -47 30 -58 35 -11 5 -33 18 -50 28 -30 20 -211 110 -275 138 -148 66 -342 134 -460 163 -19 4 -48 13 -65 18 -16 6 -57 18 -90 28 -33 9 -78 23 -100 29 -22 7 -67 20 -100 29 -33 10 -73 22 -90 28 -16 5 -46 14 -65 18 -19 5 -66 18 -105 30 -38 12 -86 25 -105 30 -19 5 -55 14 -80 20 -159 41 -263 60 -470 85 -155 19 -490 18 -650 -1z"/> </g> </svg>');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-size: auto;
    mask-size: auto
}

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

.about-three__image__three {
    right: -57px;
    bottom: -63px;
    -webkit-mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 765.000000 747.000000"><g transform="translate(0.000000,747.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M3275 7155 c-5 -2 -57 -8 -115 -14 -233 -26 -540 -93 -668 -147 -18 -8 -39 -14 -47 -14 -8 0 -31 -7 -52 -16 -75 -32 -99 -42 -143 -59 -101 -39 -353 -170 -438 -226 -24 -16 -46 -29 -49 -29 -3 0 -22 -13 -43 -30 -21 -16 -41 -30 -45 -30 -23 0 -318 -243 -430 -355 -130 -130 -385 -435 -385 -460 0 -4 -13 -24 -30 -45 -16 -21 -30 -40 -30 -43 0 -3 -13 -25 -29 -49 -69 -104 -201 -365 -256 -508 -39 -101 -45 -117 -61 -170 -9 -30 -23 -70 -30 -88 -8 -18 -14 -41 -14 -51 0 -9 -6 -37 -14 -62 -34 -108 -72 -323 -91 -509 -46 -464 26 -990 195 -1430 12 -30 25 -67 30 -81 4 -14 12 -34 18 -45 6 -10 24 -48 40 -84 46 -101 71 -152 94 -190 11 -19 32 -57 47 -83 139 -255 400 -573 646 -786 84 -73 320 -255 430 -331 42 -29 178 -128 190 -138 6 -5 24 -17 40 -28 26 -16 142 -99 170 -122 6 -4 33 -23 60 -42 189 -128 193 -130 230 -149 11 -6 47 -26 80 -45 98 -56 253 -131 365 -176 30 -12 70 -28 88 -36 18 -8 39 -14 47 -14 8 0 29 -6 47 -14 39 -16 107 -37 198 -61 36 -9 88 -23 116 -31 28 -8 62 -14 75 -14 13 0 56 -6 94 -14 159 -33 363 -49 585 -44 118 3 251 11 295 17 208 30 379 63 455 87 25 8 53 14 62 14 10 0 32 6 50 14 18 7 58 21 88 31 55 17 84 27 170 60 140 54 406 188 508 256 24 16 46 29 49 29 3 0 22 13 43 30 21 16 41 30 45 30 23 0 334 258 445 369 75 76 225 248 291 336 50 65 139 194 139 200 0 2 13 23 29 47 69 104 202 368 255 506 9 23 23 59 31 80 8 20 22 62 31 92 9 30 23 70 30 88 8 18 14 41 14 51 0 9 6 37 14 62 34 108 72 323 91 509 46 465 -25 989 -195 1430 -12 30 -25 67 -30 81 -4 14 -12 34 -18 45 -6 10 -25 51 -42 89 -17 39 -36 77 -41 85 -5 8 -11 20 -13 25 -2 6 -7 17 -10 25 -3 8 -16 31 -27 50 -12 19 -33 57 -48 83 -40 74 -53 94 -153 238 -183 267 -427 512 -743 747 -82 61 -155 115 -160 120 -6 5 -24 17 -40 28 -28 17 -147 103 -170 122 -6 5 -24 17 -40 27 -17 11 -64 44 -105 75 -41 31 -97 71 -125 90 -27 18 -77 52 -110 74 -66 45 -90 60 -120 75 -11 6 -47 26 -80 45 -169 97 -441 215 -590 256 -16 5 -43 13 -60 18 -125 43 -382 94 -590 117 -121 13 -507 21 -540 10z"/> </g> </svg>');
    mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 765.000000 747.000000"><g transform="translate(0.000000,747.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M3275 7155 c-5 -2 -57 -8 -115 -14 -233 -26 -540 -93 -668 -147 -18 -8 -39 -14 -47 -14 -8 0 -31 -7 -52 -16 -75 -32 -99 -42 -143 -59 -101 -39 -353 -170 -438 -226 -24 -16 -46 -29 -49 -29 -3 0 -22 -13 -43 -30 -21 -16 -41 -30 -45 -30 -23 0 -318 -243 -430 -355 -130 -130 -385 -435 -385 -460 0 -4 -13 -24 -30 -45 -16 -21 -30 -40 -30 -43 0 -3 -13 -25 -29 -49 -69 -104 -201 -365 -256 -508 -39 -101 -45 -117 -61 -170 -9 -30 -23 -70 -30 -88 -8 -18 -14 -41 -14 -51 0 -9 -6 -37 -14 -62 -34 -108 -72 -323 -91 -509 -46 -464 26 -990 195 -1430 12 -30 25 -67 30 -81 4 -14 12 -34 18 -45 6 -10 24 -48 40 -84 46 -101 71 -152 94 -190 11 -19 32 -57 47 -83 139 -255 400 -573 646 -786 84 -73 320 -255 430 -331 42 -29 178 -128 190 -138 6 -5 24 -17 40 -28 26 -16 142 -99 170 -122 6 -4 33 -23 60 -42 189 -128 193 -130 230 -149 11 -6 47 -26 80 -45 98 -56 253 -131 365 -176 30 -12 70 -28 88 -36 18 -8 39 -14 47 -14 8 0 29 -6 47 -14 39 -16 107 -37 198 -61 36 -9 88 -23 116 -31 28 -8 62 -14 75 -14 13 0 56 -6 94 -14 159 -33 363 -49 585 -44 118 3 251 11 295 17 208 30 379 63 455 87 25 8 53 14 62 14 10 0 32 6 50 14 18 7 58 21 88 31 55 17 84 27 170 60 140 54 406 188 508 256 24 16 46 29 49 29 3 0 22 13 43 30 21 16 41 30 45 30 23 0 334 258 445 369 75 76 225 248 291 336 50 65 139 194 139 200 0 2 13 23 29 47 69 104 202 368 255 506 9 23 23 59 31 80 8 20 22 62 31 92 9 30 23 70 30 88 8 18 14 41 14 51 0 9 6 37 14 62 34 108 72 323 91 509 46 465 -25 989 -195 1430 -12 30 -25 67 -30 81 -4 14 -12 34 -18 45 -6 10 -25 51 -42 89 -17 39 -36 77 -41 85 -5 8 -11 20 -13 25 -2 6 -7 17 -10 25 -3 8 -16 31 -27 50 -12 19 -33 57 -48 83 -40 74 -53 94 -153 238 -183 267 -427 512 -743 747 -82 61 -155 115 -160 120 -6 5 -24 17 -40 28 -28 17 -147 103 -170 122 -6 5 -24 17 -40 27 -17 11 -64 44 -105 75 -41 31 -97 71 -125 90 -27 18 -77 52 -110 74 -66 45 -90 60 -120 75 -11 6 -47 26 -80 45 -169 97 -441 215 -590 256 -16 5 -43 13 -60 18 -125 43 -382 94 -590 117 -121 13 -507 21 -540 10z"/> </g> </svg>');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-size: auto;
    mask-size: auto
}

@media (min-width:1200px) and (max-width:1299px) {
    .about-three__image__three {
        right: -25px
    }
}

.about-three__image__three__inner {
    text-align: center;
    position: relative;
    -webkit-mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 765.000000 747.000000"><g transform="translate(0.000000,747.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M3275 7155 c-5 -2 -57 -8 -115 -14 -233 -26 -540 -93 -668 -147 -18 -8 -39 -14 -47 -14 -8 0 -31 -7 -52 -16 -75 -32 -99 -42 -143 -59 -101 -39 -353 -170 -438 -226 -24 -16 -46 -29 -49 -29 -3 0 -22 -13 -43 -30 -21 -16 -41 -30 -45 -30 -23 0 -318 -243 -430 -355 -130 -130 -385 -435 -385 -460 0 -4 -13 -24 -30 -45 -16 -21 -30 -40 -30 -43 0 -3 -13 -25 -29 -49 -69 -104 -201 -365 -256 -508 -39 -101 -45 -117 -61 -170 -9 -30 -23 -70 -30 -88 -8 -18 -14 -41 -14 -51 0 -9 -6 -37 -14 -62 -34 -108 -72 -323 -91 -509 -46 -464 26 -990 195 -1430 12 -30 25 -67 30 -81 4 -14 12 -34 18 -45 6 -10 24 -48 40 -84 46 -101 71 -152 94 -190 11 -19 32 -57 47 -83 139 -255 400 -573 646 -786 84 -73 320 -255 430 -331 42 -29 178 -128 190 -138 6 -5 24 -17 40 -28 26 -16 142 -99 170 -122 6 -4 33 -23 60 -42 189 -128 193 -130 230 -149 11 -6 47 -26 80 -45 98 -56 253 -131 365 -176 30 -12 70 -28 88 -36 18 -8 39 -14 47 -14 8 0 29 -6 47 -14 39 -16 107 -37 198 -61 36 -9 88 -23 116 -31 28 -8 62 -14 75 -14 13 0 56 -6 94 -14 159 -33 363 -49 585 -44 118 3 251 11 295 17 208 30 379 63 455 87 25 8 53 14 62 14 10 0 32 6 50 14 18 7 58 21 88 31 55 17 84 27 170 60 140 54 406 188 508 256 24 16 46 29 49 29 3 0 22 13 43 30 21 16 41 30 45 30 23 0 334 258 445 369 75 76 225 248 291 336 50 65 139 194 139 200 0 2 13 23 29 47 69 104 202 368 255 506 9 23 23 59 31 80 8 20 22 62 31 92 9 30 23 70 30 88 8 18 14 41 14 51 0 9 6 37 14 62 34 108 72 323 91 509 46 465 -25 989 -195 1430 -12 30 -25 67 -30 81 -4 14 -12 34 -18 45 -6 10 -25 51 -42 89 -17 39 -36 77 -41 85 -5 8 -11 20 -13 25 -2 6 -7 17 -10 25 -3 8 -16 31 -27 50 -12 19 -33 57 -48 83 -40 74 -53 94 -153 238 -183 267 -427 512 -743 747 -82 61 -155 115 -160 120 -6 5 -24 17 -40 28 -28 17 -147 103 -170 122 -6 5 -24 17 -40 27 -17 11 -64 44 -105 75 -41 31 -97 71 -125 90 -27 18 -77 52 -110 74 -66 45 -90 60 -120 75 -11 6 -47 26 -80 45 -169 97 -441 215 -590 256 -16 5 -43 13 -60 18 -125 43 -382 94 -590 117 -121 13 -507 21 -540 10z"/> </g> </svg>');
    mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 765.000000 747.000000"><g transform="translate(0.000000,747.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M3275 7155 c-5 -2 -57 -8 -115 -14 -233 -26 -540 -93 -668 -147 -18 -8 -39 -14 -47 -14 -8 0 -31 -7 -52 -16 -75 -32 -99 -42 -143 -59 -101 -39 -353 -170 -438 -226 -24 -16 -46 -29 -49 -29 -3 0 -22 -13 -43 -30 -21 -16 -41 -30 -45 -30 -23 0 -318 -243 -430 -355 -130 -130 -385 -435 -385 -460 0 -4 -13 -24 -30 -45 -16 -21 -30 -40 -30 -43 0 -3 -13 -25 -29 -49 -69 -104 -201 -365 -256 -508 -39 -101 -45 -117 -61 -170 -9 -30 -23 -70 -30 -88 -8 -18 -14 -41 -14 -51 0 -9 -6 -37 -14 -62 -34 -108 -72 -323 -91 -509 -46 -464 26 -990 195 -1430 12 -30 25 -67 30 -81 4 -14 12 -34 18 -45 6 -10 24 -48 40 -84 46 -101 71 -152 94 -190 11 -19 32 -57 47 -83 139 -255 400 -573 646 -786 84 -73 320 -255 430 -331 42 -29 178 -128 190 -138 6 -5 24 -17 40 -28 26 -16 142 -99 170 -122 6 -4 33 -23 60 -42 189 -128 193 -130 230 -149 11 -6 47 -26 80 -45 98 -56 253 -131 365 -176 30 -12 70 -28 88 -36 18 -8 39 -14 47 -14 8 0 29 -6 47 -14 39 -16 107 -37 198 -61 36 -9 88 -23 116 -31 28 -8 62 -14 75 -14 13 0 56 -6 94 -14 159 -33 363 -49 585 -44 118 3 251 11 295 17 208 30 379 63 455 87 25 8 53 14 62 14 10 0 32 6 50 14 18 7 58 21 88 31 55 17 84 27 170 60 140 54 406 188 508 256 24 16 46 29 49 29 3 0 22 13 43 30 21 16 41 30 45 30 23 0 334 258 445 369 75 76 225 248 291 336 50 65 139 194 139 200 0 2 13 23 29 47 69 104 202 368 255 506 9 23 23 59 31 80 8 20 22 62 31 92 9 30 23 70 30 88 8 18 14 41 14 51 0 9 6 37 14 62 34 108 72 323 91 509 46 465 -25 989 -195 1430 -12 30 -25 67 -30 81 -4 14 -12 34 -18 45 -6 10 -25 51 -42 89 -17 39 -36 77 -41 85 -5 8 -11 20 -13 25 -2 6 -7 17 -10 25 -3 8 -16 31 -27 50 -12 19 -33 57 -48 83 -40 74 -53 94 -153 238 -183 267 -427 512 -743 747 -82 61 -155 115 -160 120 -6 5 -24 17 -40 28 -28 17 -147 103 -170 122 -6 5 -24 17 -40 27 -17 11 -64 44 -105 75 -41 31 -97 71 -125 90 -27 18 -77 52 -110 74 -66 45 -90 60 -120 75 -11 6 -47 26 -80 45 -169 97 -441 215 -590 256 -16 5 -43 13 -60 18 -125 43 -382 94 -590 117 -121 13 -507 21 -540 10z"/> </g> </svg>');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-size: auto;
    mask-size: auto
}

.about-three__image__three .video-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: var(--insuba-base, #0365d3)
}

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

@media (min-width:992px) and (max-width:1199px) {
    .about-three__image__two img {
        max-width: 200px
    }

    .about-three__image__three {
        right: -40px
    }

    .about-three__image__three img {
        max-width: 200px
    }
}

@media (max-width:767px) {
    .about-three__founder::before {
        left: -25px
    }

    .about-three__founder__name {
        font-size: 18px
    }

    .about-three__image__two {
        left: -65px
    }

    .about-three__image__two img {
        max-width: 200px
    }

    .about-three__image__three {
        right: -40px
    }

    .about-three__image__three img {
        max-width: 200px
    }
}

@media (max-width:430px) {
    .sec-title__title {
        font-size: 30px
    }

    .blog-three__blog__author__name {
        font-size: 20px
    }

    .main-header__logo {
        margin-right: 30px
    }

    .main-slider-one__title,
    .main-slider-three__title {
        font-size: 35px
    }

    .main-slider-one__title__text::after {
        width: 74px;
        right: 20px
    }

    .main-slider-two__item {
        padding-top: 150px
    }

    .main-slider-two__top__star {
        top: -90px;
        right: 0
    }

    .main-slider-four__title,
    .main-slider-two__title {
        font-size: 40px
    }

    .main-slider-three__item {
        padding-top: 250px
    }

    .main-slider-three__shape-two.slider-image {
        display: none !important
    }

    .about-two__video-button {
        bottom: 20px
    }

    .about-three__image__inner::before {
        width: calc(100% - 50px)
    }

    .about-three__image__three img {
        max-width: 180px
    }
}

@media (max-width:390px) {
    .team-card-two {
        padding-left: 30px;
        padding-right: 30px
    }

    .blog-card--four .insuba-btn,
    .blog-card__link__back {
        padding-left: 25px;
        padding-right: 65px
    }

    .blog-card-two__content {
        padding-left: 20px;
        padding-right: 20px
    }

    .blog-card-two__title {
        font-size: 21px
    }

    .page-header__title {
        font-size: 30px
    }

    .page-header__shape-one {
        max-width: 130px;
        left: 10px
    }

    .page-header__shape-three {
        right: -70px;
        bottom: -178px
    }

    .page-header__shape-four {
        right: -85px;
        bottom: -167px
    }

    .insurance-sidebar__single {
        padding-left: 25px;
        padding-right: 25px
    }

    .sidebar__call__inner {
        padding: 30px;
        flex-direction: column;
        align-items: flex-start;
        border-radius: 10px
    }

    .main-slider-three__item {
        padding-top: 230px
    }

    .about-three__image__three img {
        max-width: 150px
    }
}

.about-three__image__shape-box {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    border-radius: 30px;
    z-index: 2
}

.about-three__image__shape-one {
    max-width: 100%;
    height: auto;
    position: absolute;
    top: -365px;
    right: -260px;
    animation: 2s linear infinite moveHorizontal
}

.about-three__image__shape-two {
    max-width: 100%;
    height: auto;
    position: absolute;
    right: -75px;
    top: 151px;
    animation: 2s linear infinite zump
}

.about-four__overlay {
    width: 666px;
    height: 503px;
    background-color: var(--insuba-white5, #f0f5f5);
    position: absolute;
    top: -1px;
    left: 0
}

@media (max-width:1599px) {
    .about-four__overlay {
        width: 600px
    }

    .about-four__image__shape {
        display: none
    }
}

.about-four__image {
    position: relative;
    display: table;
    padding-left: 24px
}

@media (max-width:1199px) {
    .about-three__content {
        top: 0;
        padding-right: 0
    }

    .about-four__image {
        padding-left: 100px
    }
}

@media (max-width:575px) {
    .about-three__list-box {
        padding: 0
    }

    .about-three__bottom__inner {
        flex-direction: column-reverse;
        gap: 30px
    }

    .about-three__founder-sign {
        margin: 0
    }

    .about-three__founder {
        display: flex
    }

    .about-four__overlay,
    .about-three__founder::before,
    .about-three__image__shape-one,
    .about-three__image__shape-two,
    .about-three__image__two {
        display: none
    }

    .about-three__image__three {
        left: 50%;
        bottom: 10px;
        transform: translateX(-50%)
    }

    .about-four__image {
        padding-left: 30px
    }
}

.about-four .tabs-box,
.about-four__image__inner,
.about-four__image__one,
.testimonials-two__inner {
    position: relative
}

.about-four__image__inner::before {
    content: "";
    width: 340px;
    height: 356px;
    border: 2px solid #e0d5d5;
    position: absolute;
    top: -26px;
    left: -28px;
    border-radius: 40px;
    animation: 2s linear infinite zumpBottom
}

.about-four__image__one img {
    position: relative;
    max-width: 100%;
    border-radius: 40px 40px 40px 0;
    z-index: 1;
    height: 400px
}

.about-four__image__two {
    display: table;
    position: absolute;
    right: 0;
    bottom: 0;
    border-radius: 40px 0;
    border-top: 6px solid var(--insuba-white, #fff);
    border-left: 6px solid var(--insuba-white, #fff);
    z-index: 2
}

.about-four__image__two img {
    max-width: 100%;
    height: auto;
    border-radius: 37px 0 40px
}

.testimonial-card__quote-icon svg,
.testimonial-card__ratings__icon svg {
    width: 1em;
    height: 1em;
    fill: currentColor
}

.about-four__image__two .video-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: var(--insuba-base, #0365d3);
    z-index: 1
}

.about-four__image__shape {
    max-width: 100%;
    height: auto;
    position: absolute;
    top: 127px;
    left: -100px;
    animation: 2s linear infinite zump
}

.about-four__experience {
    padding: 10px;
    position: absolute;
    left: -256px;
    bottom: 34px;
    background-color: var(--insuba-white, #fff);
    border-radius: 16px;
    z-index: 2
}

@media (max-width:1799px) {
    .about-one__shape {
        max-width: 150px;
        right: 40px
    }

    .about-four__experience {
        left: -200px
    }
}

@media (max-width:1599px) {
    .about-four__experience {
        left: -80px
    }
}

.about-four__experience__inner {
    padding: 9px 20px 12px 32px;
    border-radius: inherit;
    border: 1px dashed var(--insuba-base, #0365d3)
}

.about-four__experience__title {
    position: relative;
    margin: 0;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.318
}

.about-four__experience__title::before {
    content: "";
    width: 2px;
    height: 100%;
    background-color: var(--insuba-base, #0365d3);
    position: absolute;
    top: 50%;
    left: -11px;
    transform: translateY(-50%)
}

.about-four__text {
    margin-bottom: 24px;
    color: var(--main-white) !important
}

.about-four .tabs-box .tab-buttons {
    margin: 0 0 34px;
    padding: 0;
    list-style: none;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    z-index: 1
}

.about-four .tabs-box .tab-buttons .tab-btn {
    position: relative;
    cursor: pointer;
    padding: 10px 31px;
    font-family: var(--insuba-heading-font, "Poppins", serif);
    font-size: 18px;
    text-align: center;
    font-weight: 700;
    color: var(--insuba-black, #122f2a);
    text-transform: uppercase;
    background-color: var(--insuba-white5, #f0f5f5);
    overflow: visible;
    border-radius: 0;
    z-index: 1;
    transition: .5s
}

.about-four .tabs-box .tab-buttons .tab-btn::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -18px;
    transform: translateX(-50%);
    opacity: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 18px 18px 0;
    border-color: var(--insuba-base, #0365d3) transparent transparent transparent;
    transition: .5s
}

.about-four .tabs-box .tabs-content {
    margin-bottom: 34px;
    position: relative;
    width: 100%;
    display: block
}

.about-four .tabs-box .tabs-content .tab {
    position: relative;
    display: none;
    -webkit-transition: .6s;
    -moz-transition: .6s;
    -ms-transition: .6s;
    -o-transition: .6s;
    transition: .6s;
    z-index: 10
}

.about-four__list li {
    display: flex;
    gap: 10px
}

.about-four__list li+li {
    margin-top: 8px
}

.about-four__list li .about-four__list__icon {
    position: relative;
    top: 8px;
    display: inline-flex;
    font-size: 12px;
    color: var(--insuba-base, #0365d3)
}

.about-four__shape-one {
    max-width: 100%;
    height: auto;
    position: absolute;
    top: 43px;
    left: 40px;
    animation: 2s linear infinite zumpBottom;
    z-index: 1
}

.about-four__shape-two {
    max-width: 100%;
    height: auto;
    position: absolute;
    right: 135px;
    bottom: 138px;
    animation: 4s linear infinite zoomOut;
    z-index: 1
}

@media (max-width:1799px) {
    .about-four__shape-two {
        right: 50px
    }
}

@media (max-width:1299px) {

    .about-four__shape-two,
    .main-slider-two__image {
        display: none
    }

    .about-four__experience {
        left: -30px
    }
}

@keyframes videoRippleAbout {
    70% {
        box-shadow: 0 0 0 40px RGBA(var(--insuba-black5-rgb, 15, 54, 103), 0)
    }

    100% {
        box-shadow: 0 0 0 0 RGBA(var(--insuba-black5-rgb, 15, 54, 103), 0)
    }
}

@keyframes aboutShapeZump {

    0%,
    100% {
        -webkit-transform: translateZ(0) translateY(-50%);
        transform: translateZ(0) translateY(-50%)
    }

    50% {
        -webkit-transform: translate3d(0, -15px, 0) translateY(-50%);
        transform: translate3d(0, -15px, 0) translateY(-50%)
    }
}

.testimonial-card__content {
    position: relative;
    margin: 0 auto;
    width: 370px;
    height: 352px;
    border-radius: 50%;
    transition: .5s
}

.testimonial-card:hover .testimonial-card__content,
.testimonial-card__content__shape {
    background-color: var(--insuba-base, #0365d3)
}

.testimonial-card__content__shape {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900.000000 858.000000"><g transform="translate(0.000000,858.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M2193 8568 c1 -9 -19 -16 -58 -21 -372 -49 -687 -210 -981 -502 -284 -282 -517 -649 -707 -1120 -132 -326 -222 -629 -316 -1070 -15 -71 -57 -334 -70 -435 -108 -873 -78 -1474 110 -2155 39 -143 118 -372 159 -460 5 -11 21 -49 35 -84 101 -246 304 -601 492 -862 227 -313 563 -662 858 -889 39 -30 72 -57 75 -60 21 -22 370 -252 455 -300 33 -18 76 -42 95 -53 123 -70 338 -170 517 -240 318 -124 662 -216 958 -256 44 -6 134 -18 200 -28 172 -23 742 -23 905 0 214 31 438 73 515 97 17 5 98 30 180 56 442 136 882 365 1289 671 146 110 321 262 502 438 120 116 348 377 479 550 234 307 509 774 640 1085 15 36 35 83 45 105 30 65 106 268 155 410 44 128 135 477 163 625 36 190 69 431 77 565 7 118 14 153 26 133 5 -7 9 108 9 265 0 161 -4 276 -9 273 -13 -8 -19 27 -26 139 -9 134 -40 355 -71 493 -126 564 -409 909 -854 1041 -252 74 -355 84 -804 78 -198 -3 -471 -13 -606 -22 -406 -26 -707 -30 -915 -11 -220 21 -266 28 -495 76 -40 8 -186 58 -279 94 -163 65 -370 195 -518 325 -75 66 -215 186 -279 240 -98 83 -356 269 -495 357 -88 56 -135 82 -314 179 -70 37 -254 115 -359 151 -145 50 -289 83 -446 102 -43 5 -64 12 -63 20 2 9 -31 12 -137 12 -106 0 -139 -3 -137 -12z"/> </g> </svg>');
    mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900.000000 858.000000"><g transform="translate(0.000000,858.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M2193 8568 c1 -9 -19 -16 -58 -21 -372 -49 -687 -210 -981 -502 -284 -282 -517 -649 -707 -1120 -132 -326 -222 -629 -316 -1070 -15 -71 -57 -334 -70 -435 -108 -873 -78 -1474 110 -2155 39 -143 118 -372 159 -460 5 -11 21 -49 35 -84 101 -246 304 -601 492 -862 227 -313 563 -662 858 -889 39 -30 72 -57 75 -60 21 -22 370 -252 455 -300 33 -18 76 -42 95 -53 123 -70 338 -170 517 -240 318 -124 662 -216 958 -256 44 -6 134 -18 200 -28 172 -23 742 -23 905 0 214 31 438 73 515 97 17 5 98 30 180 56 442 136 882 365 1289 671 146 110 321 262 502 438 120 116 348 377 479 550 234 307 509 774 640 1085 15 36 35 83 45 105 30 65 106 268 155 410 44 128 135 477 163 625 36 190 69 431 77 565 7 118 14 153 26 133 5 -7 9 108 9 265 0 161 -4 276 -9 273 -13 -8 -19 27 -26 139 -9 134 -40 355 -71 493 -126 564 -409 909 -854 1041 -252 74 -355 84 -804 78 -198 -3 -471 -13 -606 -22 -406 -26 -707 -30 -915 -11 -220 21 -266 28 -495 76 -40 8 -186 58 -279 94 -163 65 -370 195 -518 325 -75 66 -215 186 -279 240 -98 83 -356 269 -495 357 -88 56 -135 82 -314 179 -70 37 -254 115 -359 151 -145 50 -289 83 -446 102 -43 5 -64 12 -63 20 2 9 -31 12 -137 12 -106 0 -139 -3 -137 -12z"/> </g> </svg>');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-size: cover;
    mask-size: cover;
    transition: .5s
}

.testimonial-card__content__shape::after {
    content: "";
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900.000000 858.000000"><g transform="translate(0.000000,858.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M2193 8568 c1 -9 -19 -16 -58 -21 -372 -49 -687 -210 -981 -502 -284 -282 -517 -649 -707 -1120 -132 -326 -222 -629 -316 -1070 -15 -71 -57 -334 -70 -435 -108 -873 -78 -1474 110 -2155 39 -143 118 -372 159 -460 5 -11 21 -49 35 -84 101 -246 304 -601 492 -862 227 -313 563 -662 858 -889 39 -30 72 -57 75 -60 21 -22 370 -252 455 -300 33 -18 76 -42 95 -53 123 -70 338 -170 517 -240 318 -124 662 -216 958 -256 44 -6 134 -18 200 -28 172 -23 742 -23 905 0 214 31 438 73 515 97 17 5 98 30 180 56 442 136 882 365 1289 671 146 110 321 262 502 438 120 116 348 377 479 550 234 307 509 774 640 1085 15 36 35 83 45 105 30 65 106 268 155 410 44 128 135 477 163 625 36 190 69 431 77 565 7 118 14 153 26 133 5 -7 9 108 9 265 0 161 -4 276 -9 273 -13 -8 -19 27 -26 139 -9 134 -40 355 -71 493 -126 564 -409 909 -854 1041 -252 74 -355 84 -804 78 -198 -3 -471 -13 -606 -22 -406 -26 -707 -30 -915 -11 -220 21 -266 28 -495 76 -40 8 -186 58 -279 94 -163 65 -370 195 -518 325 -75 66 -215 186 -279 240 -98 83 -356 269 -495 357 -88 56 -135 82 -314 179 -70 37 -254 115 -359 151 -145 50 -289 83 -446 102 -43 5 -64 12 -63 20 2 9 -31 12 -137 12 -106 0 -139 -3 -137 -12z"/> </g> </svg>');
    mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900.000000 858.000000"><g transform="translate(0.000000,858.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M2193 8568 c1 -9 -19 -16 -58 -21 -372 -49 -687 -210 -981 -502 -284 -282 -517 -649 -707 -1120 -132 -326 -222 -629 -316 -1070 -15 -71 -57 -334 -70 -435 -108 -873 -78 -1474 110 -2155 39 -143 118 -372 159 -460 5 -11 21 -49 35 -84 101 -246 304 -601 492 -862 227 -313 563 -662 858 -889 39 -30 72 -57 75 -60 21 -22 370 -252 455 -300 33 -18 76 -42 95 -53 123 -70 338 -170 517 -240 318 -124 662 -216 958 -256 44 -6 134 -18 200 -28 172 -23 742 -23 905 0 214 31 438 73 515 97 17 5 98 30 180 56 442 136 882 365 1289 671 146 110 321 262 502 438 120 116 348 377 479 550 234 307 509 774 640 1085 15 36 35 83 45 105 30 65 106 268 155 410 44 128 135 477 163 625 36 190 69 431 77 565 7 118 14 153 26 133 5 -7 9 108 9 265 0 161 -4 276 -9 273 -13 -8 -19 27 -26 139 -9 134 -40 355 -71 493 -126 564 -409 909 -854 1041 -252 74 -355 84 -804 78 -198 -3 -471 -13 -606 -22 -406 -26 -707 -30 -915 -11 -220 21 -266 28 -495 76 -40 8 -186 58 -279 94 -163 65 -370 195 -518 325 -75 66 -215 186 -279 240 -98 83 -356 269 -495 357 -88 56 -135 82 -314 179 -70 37 -254 115 -359 151 -145 50 -289 83 -446 102 -43 5 -64 12 -63 20 2 9 -31 12 -137 12 -106 0 -139 -3 -137 -12z"/> </g> </svg>');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-size: cover;
    mask-size: cover;
    background-color: var(--insuba-white, #fff)
}

.testimonial-card__content__inner {
    padding: 109px 41px 60px;
    position: relative;
    z-index: 1
}

.testimonial-card:hover .testimonial-card__content__shape {
    visibility: hidden;
    opacity: 0
}

.testimonial-card__quote-icon {
    position: absolute;
    top: 36px;
    left: 63px;
    display: inline-flex;
    font-size: 48px;
    color: var(--insuba-black4, #0f3564);
    transition: .5s
}

.testimonial-card:hover .testimonial-card__quote-icon {
    color: var(--insuba-white, #fff);
    top: 28px;
    left: 50%;
    transform: translateX(-50%)
}

.testimonial-card__ratings {
    position: absolute;
    top: 85px;
    right: 41px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    transition: .5s
}

.testimonial-card__ratings__icon {
    display: inline-flex;
    font-size: 16px;
    color: var(--insuba-yellow, #ffa415);
    transition: .5s
}

.testimonial-card__ratings__icon:last-child {
    color: var(--insuba-border-color, #ddd)
}

.testimonial-card:hover .testimonial-card__ratings {
    right: 50%;
    transform: translateX(50%)
}

.testimonial-card__quote {
    margin: 0;
    font-style: italic;
    font-weight: 500;
    text-align: center;
    line-height: 1.6;
    transition: .5s
}

.testimonial-card:hover .testimonial-card__quote {
    color: var(--insuba-white, #fff)
}

.testimonial-card__identity {
    position: relative;
    margin-top: -41px;
    text-align: center;
    z-index: 2
}

.testimonial-card__image {
    margin: 0 auto 21px;
    width: 72px !important;
    height: 72px !important;
    border-radius: 50%;
    border: 2px solid var(--insuba-base, #0365d3)
}

.testimonial-card__name {
    margin-bottom: 9px;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.318;
    text-transform: capitalize
}

.testimonial-card__designation {
    margin: 0;
    font-size: 17px;
    line-height: 1.4
}

.testimonial-card-two {
    position: relative;
    padding: 48px 41px 51px;
    border: 1px solid var(--insuba-border-color, #ddd);
    display: grid;
    grid-template-columns: 150px auto;
    grid-gap: 21px;
    background-color: var(--insuba-white, #fff);
    overflow: hidden;
    transition: .5s
}

@media (min-width:992px) and (max-width:1199px) {
    .about-three__image__shape-one {
        top: -280px;
        right: -200px
    }

    .testimonial-card-two {
        grid-template-columns: auto
    }
}

.testimonial-card-two:hover {
    background-color: var(--insuba-black5, #0f3667);
    border-color: var(--insuba-black5, #0f3667)
}

.testimonial-card-two::after {
    content: "";
    position: absolute;
    right: -1px;
    bottom: -1px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 45px 45px;
    border-color: transparent transparent var(--insuba-base, #0365d3) transparent
}

.testimonial-card-two__shape {
    width: 117px;
    height: calc(100% + 2px);
    position: absolute;
    top: -1px;
    left: -1px;
    clip-path: polygon(0 0, 100% 0%, 100% 58%, 0% 100%);
    background-color: var(--insuba-base, #0365d3)
}

.testimonial-card-two__shape__bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover
}

.testimonial-card-two__image {
    position: relative;
    padding: 5px;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    z-index: 1
}

.testimonial-card-two__image img {
    width: 150px !important;
    height: 150px;
    border-radius: 50%;
    border: 5px solid var(--insuba-white, #fff)
}

.testimonial-card-two__image__quote svg,
.testimonial-card-two__quote-icon svg,
.testimonial-card-two__ratings__icon svg {
    width: 1em;
    height: 1em;
    fill: currentColor
}

.testimonial-card-two__image__quote {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 4px;
    right: 1px;
    font-size: 14px;
    color: var(--insuba-white, #fff);
    border-radius: 50%;
    background-color: var(--insuba-base, #0365d3);
    border: 5px solid var(--insuba-white, #fff)
}

.testimonial-card-two__content {
    margin-top: 8px;
    position: relative;
    z-index: 1
}

.testimonial-card-two__ratings {
    margin-bottom: 11px;
    display: flex;
    align-items: center;
    gap: 8px
}

.testimonial-card-two__ratings__icon {
    display: inline-flex;
    font-size: 16px;
    color: var(--insuba-yellow, #ffa415)
}

.testimonial-card-two__quote {
    margin-bottom: 10px;
    font-style: italic;
    transition: .5s
}

.testimonial-card-two__name {
    margin-bottom: 9px;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.318;
    text-transform: capitalize;
    transition: .5s
}

.testimonial-card-two__designation {
    margin: 0;
    font-size: 17px;
    line-height: 1.4;
    transition: .5s
}

.testimonial-card-two__quote-icon {
    position: absolute;
    right: 35px;
    bottom: 31px;
    display: inline-flex;
    font-size: 57px;
    color: var(--insuba-black5, #0f3667);
    z-index: 1;
    transition: .5s
}

.faq-accordion .active .accordion-title h4,
.faq-one .faq-accordion .active .accordion-title h4,
.testimonial-card-two:hover .testimonial-card-two__designation,
.testimonial-card-two:hover .testimonial-card-two__name,
.testimonial-card-two:hover .testimonial-card-two__quote,
.testimonial-card-two:hover .testimonial-card-two__quote-icon,
.testimonials-three .sec-title__title,
.testimonials-two__icon,
.why-choose-one__tab-box .tab-buttons .tab-btn:hover {
    color: var(--insuba-white, #fff)
}

@media (min-width:576px) and (max-width:767px) {

    .team-card-two,
    .testimonial-card-two {
        padding-left: 30px;
        padding-right: 30px
    }

    .testimonial-card-two__quote-icon {
        bottom: 25px
    }
}

@media (max-width:425px) {
    .testimonial-card__content {
        width: 360px
    }

    .testimonial-card-two {
        padding-left: 30px;
        padding-right: 30px;
        padding-bottom: 70px
    }

    .testimonial-card-two__quote-icon {
        bottom: 25px
    }
}

.testimonials-one {
    position: relative;
    background-color: var(--insuba-white8, #edf0f2)
}

.testimonials-one__shape-one,
.testimonials-one__shape-two {
    max-width: 100%;
    height: auto;
    position: absolute;
    bottom: 168px
}

.testimonials-one__shape-one {
    left: 0
}

.testimonials-one__shape-two {
    right: 0
}

.testimonials-two .sec-title {
    margin-bottom: 117px
}

.testimonials-two__item {
    position: relative;
    max-width: 892px;
    padding: 0 30px 34px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    border: 1px solid var(--insuba-white4, #d7d7d7);
    border-radius: 182px
}

.testimonials-two__image {
    position: relative;
    margin: -73px auto 28px;
    width: 156px;
    height: 156px;
    border-radius: 50%;
    background-color: var(--insuba-base, #0365d3)
}

.testimonials-two__image img {
    position: relative;
    top: -5px;
    width: 156px !important;
    height: 156px;
    border-radius: 50%;
    transition: .3s
}

.testimonials-two__icon svg,
.testimonials-two__ratings__icon svg {
    width: 1em;
    height: 1em;
    fill: currentColor
}

.testimonials-two__item:hover .testimonials-two__image img {
    top: 0
}

.testimonials-two__icon-box {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    right: 2px;
    padding: 3px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: var(--insuba-white, #fff)
}

.insurance-policy .insuba-btn .insuba-btn__icon-box,
.testimonials-two__icon,
.testimonials-two__thumb__item.owl-dot.active,
.testimonials-two__thumb__item:hover {
    background-color: var(--insuba-base, #0365d3)
}

.testimonials-two__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: inherit;
    font-size: 14px
}

.testimonials-two__ratings {
    margin-bottom: 17px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px
}

.testimonials-two__ratings__icon {
    position: relative;
    display: inline-flex;
    font-size: 16px;
    color: var(--insuba-yellow, #ffa415);
    transition: .5s
}

.testimonials-two__ratings__icon:first-child {
    top: -19px
}

.testimonials-two__ratings__icon:nth-child(2),
.testimonials-two__ratings__icon:nth-child(4) {
    top: -10px
}

.testimonials-two__ratings__icon:nth-child(5) {
    top: -19px;
    color: var(--insuba-border-color, #ddd)
}

.testimonials-two__quote {
    max-width: 502px;
    margin: 0 auto 20px;
    font-style: italic
}

.testimonials-two__designation {
    margin: 0;
    font-size: 17px;
    text-transform: capitalize
}

.online-banking .tabs-box .tab-buttons .tab-btn__shape-box,
.testimonials-two__shape {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: inherit;
    overflow: hidden
}

.testimonials-two__shape__one {
    display: inline-block !important;
    width: auto !important;
    height: auto;
    position: absolute;
    top: -205px;
    left: -205px
}

.testimonials-two__shape__two {
    display: inline-block !important;
    width: auto !important;
    height: auto;
    position: absolute;
    right: -345px;
    bottom: -10px
}

.testimonials-two__thumb {
    width: 100%;
    height: calc(100% + 77px);
    position: absolute;
    left: 0;
    bottom: 0
}

.testimonials-two__thumb__item {
    cursor: pointer;
    width: 102px;
    height: 102px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: transparent;
    z-index: 2;
    transition: .5s
}

.testimonials-two__thumb__item--1 {
    position: absolute;
    top: 0;
    left: 49px
}

.testimonials-two__thumb__item--2 {
    position: absolute;
    top: 50%;
    left: -63px;
    transform: translateY(-50%)
}

@media (min-width:1200px) and (max-width:1299px) {
    .testimonials-two__thumb__item--2 {
        left: -7px
    }
}

@media (max-width:1199px) {
    .about-four__experience {
        left: -100px
    }

    .testimonial-card-two__shape,
    .testimonials-one__shape-two {
        display: none
    }

    .testimonials-one__shape-one {
        left: 50%;
        transform: translateX(-50%)
    }

    .testimonials-two__item {
        max-width: 700px
    }

    .testimonials-two__thumb__item--2 {
        left: -25px
    }
}

.testimonials-two__thumb__item--3 {
    position: absolute;
    left: 49px;
    bottom: 0
}

.testimonials-two__thumb__item--4 {
    position: absolute;
    top: 0;
    right: 49px
}

.testimonials-two__thumb__item--5 {
    position: absolute;
    top: 50%;
    right: -63px;
    transform: translateY(-50%)
}

@media (min-width:1200px) and (max-width:1299px) {
    .testimonials-two__thumb__item--5 {
        right: -7px
    }
}

@media (max-width:1199px) {
    .testimonials-two__thumb__item--5 {
        right: -25px
    }
}

.testimonials-two__thumb__item--6 {
    position: absolute;
    right: 49px;
    bottom: 0
}

.testimonials-two__thumb__item img {
    cursor: pointer;
    width: 98px;
    height: 98px;
    border-radius: 50%
}

.faq-one__image__one img,
.testimonials-three__shape-two,
.why-choose-one__image img,
.why-choose-one__insurance__image img {
    height: auto;
    max-width: 100%
}

.testimonials-two__thumb__shape-left {
    position: absolute;
    top: 50%;
    left: -72px;
    transform: translateY(-50%);
    z-index: 1
}

.testimonials-two__thumb__shape-right {
    position: absolute;
    top: 50%;
    right: -60px;
    transform: translateY(-50%);
    z-index: 1
}

@media (min-width:1200px) and (max-width:1299px) {
    .testimonials-two__thumb__shape-left {
        width: 170px;
        left: -25px
    }

    .testimonials-two__thumb__shape-right {
        width: 170px;
        right: -25px
    }
}

.testimonials-three {
    position: relative;
    background-color: var(--insuba-black14, #070707);
    overflow: hidden
}

.testimonials-three__shape-one {
    max-width: 100%;
    height: auto;
    position: absolute;
    left: 0;
    bottom: -170px;
    animation: 2s linear infinite moveHorizontal2
}

.testimonials-three__shape-two {
    position: absolute;
    right: 0;
    bottom: -170px;
    animation: 2s linear infinite moveHorizontal
}

.why-choose-one {
    padding-bottom: 151px
}

@media (max-width:767px) {
    .about-three__image__shape-one {
        top: -311px;
        right: -228px
    }

    .about-four .tabs-box .tab-buttons {
        gap: 15px
    }

    .about-four .tabs-box .tab-buttons .tab-btn {
        font-size: 16px
    }

    .about-four .tabs-box .tab-buttons .tab-btn::before {
        display: none
    }

    .testimonials-two__item {
        border-radius: 30px
    }

    .why-choose-one {
        padding-bottom: 131px
    }
}

@media (max-width:575px) {
    .about-four__image__two {
        margin-top: 20px;
        position: relative
    }

    .about-four__experience {
        width: calc(100% - 40px);
        left: 50%;
        transform: translateX(-50%)
    }

    .testimonial-card-two {
        grid-template-columns: auto
    }

    .testimonials-two__shape__one {
        display: none !important
    }

    .testimonials-two__shape__two {
        max-width: 100% !important;
        right: 0;
        bottom: 0
    }

    .why-choose-one {
        padding-bottom: 111px
    }
}

.why-choose-one__tab-box {
    position: relative;
    display: block
}

.why-choose-one__tab-box .tab-buttons {
    margin: 0 0 60px;
    padding: 0;
    list-style: none;
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    z-index: 1
}

.why-choose-one__tab-box .tab-buttons .tab-btn {
    flex: 0 0 auto;
    width: 20%;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    cursor: pointer;
    padding: 7.5px 20px;
    font-weight: 700;
    color: var(--insuba-black, #122f2a);
    text-transform: capitalize;
    background-color: transparent;
    border-radius: 0;
    border-top: 1px solid var(--insuba-border-color, #ddd);
    border-right: 1px solid var(--insuba-border-color, #ddd);
    border-bottom: 1px solid var(--insuba-border-color, #ddd);
    overflow: visible;
    z-index: 1;
    transition: .5s
}

.why-choose-one__tab-box .tab-buttons .tab-btn:first-child {
    border-left: 1px solid var(--insuba-border-color, #ddd)
}

@media (max-width:991px) {
    .testimonial-card__content {
        width: 100%;
        height: 100%;
        background-color: var(--insuba-white, #fff);
        border-radius: 30px
    }

    .testimonial-card__content__shape,
    .testimonials-two__thumb {
        display: none
    }

    .testimonial-card__content__inner {
        padding: 130px 30px 80px
    }

    .testimonial-card__quote-icon {
        left: 30px
    }

    .testimonials-page--two .testimonial-card__content {
        background-color: var(--insuba-white3, #f1f6f7)
    }

    .why-choose-one__tab-box .tab-buttons .tab-btn {
        width: 25%
    }

    .why-choose-one__tab-box .tab-buttons .tab-btn:last-child {
        border-top: 0;
        border-left: 1px solid var(--insuba-border-color, #ddd)
    }

    .why-choose-one__tab-box .tab-buttons .tab-btn::before {
        display: none
    }
}

@media (max-width:767px) {
    .why-choose-one__tab-box .tab-buttons .tab-btn {
        width: 33.333%
    }

    .why-choose-one__tab-box .tab-buttons .tab-btn:nth-child(4) {
        border-top: 0;
        border-left: 1px solid var(--insuba-border-color, #ddd)
    }

    .why-choose-one__tab-box .tab-buttons .tab-btn:last-child {
        border-left: 0
    }

    .faq-one__image__two {
        display: none
    }
}

@media (max-width:575px) {
    .why-choose-one__tab-box .tab-buttons .tab-btn {
        width: 50%
    }

    .why-choose-one__tab-box .tab-buttons .tab-btn:nth-child(3) {
        border-top: 0;
        border-left: 1px solid var(--insuba-border-color, #ddd)
    }

    .why-choose-one__tab-box .tab-buttons .tab-btn:nth-child(4) {
        border-left: 0
    }

    .why-choose-one__tab-box .tab-buttons .tab-btn:last-child {
        border-left: 1px solid var(--insuba-border-color, #ddd)
    }
}

.why-choose-one__tab-box .tab-buttons .tab-btn::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -23px;
    transform: translateX(-50%);
    opacity: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 23px 22.5px 0;
    border-color: var(--insuba-base, #0365d3) transparent transparent transparent;
    transition: .5s
}

.consultations-two .tabs-box .tab-buttons .tab-btn.active-btn::after,
.excellent-service .tabs-box .tab-buttons .tab-btn.active-btn::before,
.faq-accordion .active .accordion-title::before,
.features-one__card:hover .features-one__card__content::after,
.online-banking .tabs-box .tab-buttons .tab-btn.active-btn::before,
.why-choose-one__tab-box .tab-buttons .tab-btn.active-btn::before {
    opacity: 1
}

.why-choose-one__tab-box .tab-buttons .tab-btn__icon {
    font-size: 20px
}

.why-choose-one__tab-box .tab-buttons .tab-btn.active-btn {
    color: var(--insuba-white, #fff);
    background-color: var(--insuba-base, #0365d3)
}

.contact__tab-box,
.login-page__form,
.why-choose-one__tab-box .tabs-content {
    position: relative;
    display: block
}

.consultations-two .tabs-box .tabs-content .tab,
.excellent-service .tabs-box .tabs-content .tab,
.online-banking .tabs-box .tabs-content .tab,
.why-choose-one__tab-box .tabs-content .tab {
    position: relative;
    display: none;
    -webkit-transition: .6s;
    -moz-transition: .6s;
    -ms-transition: .6s;
    -o-transition: .6s;
    transition: .6s;
    z-index: 10
}

.consultations-two .tabs-box .tabs-content .tab.active-tab,
.excellent-service .tabs-box .tabs-content .tab.active-tab,
.online-banking .tabs-box .tabs-content .tab.active-tab,
.why-choose-one__tab-box .tabs-content .tab.active-tab {
    display: block
}

.why-choose-one__content {
    padding-right: 72px
}

.why-choose-one__title {
    margin-bottom: 26px;
    font-size: 35px;
    font-weight: 700;
    line-height: 1.314
}

.why-choose-one__insurance {
    position: relative;
    padding-bottom: 24px;
    margin-bottom: 22px;
    border-bottom: 1px solid var(--insuba-border-color, #ddd)
}

.pricing-card--standard .pricing-card__list li,
.pricing-card:hover .pricing-card__list li {
    border-color: var(--insuba-gray6, #3c5c83);
    background-color: var(--insuba-black5, #0f3667)
}

.why-choose-one__insurance__inner {
    display: flex;
    align-items: center;
    gap: 40px
}

.why-choose-one__insurance__icon {
    display: inline-flex;
    flex-shrink: 0;
    font-size: 49px;
    color: var(--insuba-black10, #000)
}

.faq-two .container,
.why-choose-one__insurance__content {
    position: relative
}

.why-choose-one__insurance__content::before {
    content: "";
    width: 2px;
    height: calc(100% - 14px);
    position: absolute;
    top: 50%;
    left: -20px;
    transform: translateY(-50%);
    background-color: var(--insuba-base, #0365d3)
}

.why-choose-one__insurance__title {
    margin-bottom: 3px;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5
}

.why-choose-one__insurance__text {
    margin: 0
}

.why-choose-one__insurance__image {
    position: absolute;
    display: table;
    right: 0;
    bottom: -1px
}

.why-choose-one__insurance__image::after {
    content: "";
    width: 90px;
    height: 54px;
    position: absolute;
    right: -5px;
    bottom: -5px;
    background-color: var(--insuba-base, #0365d3);
    z-index: -1
}

.why-choose-one__list li {
    display: flex;
    gap: 10px;
    font-size: 16px;
    line-height: 1.75
}

.faq-one .faq-accordion .accordion-title h4,
.faq-one__common-question li {
    color: var(--insuba-black6, #232323)
}

.why-choose-one__list li+li {
    margin-top: 5px
}

.why-choose-one__list li .why-choose-one__list__icon {
    flex-shrink: 0;
    font-size: 17px;
    color: var(--insuba-base, #0365d3)
}

.why-choose-one__image {
    position: relative;
    margin-left: auto;
    display: table
}

@media (max-width:1199px) {
    .testimonials-two__thumb__shape-left {
        width: 170px;
        left: -37px
    }

    .testimonials-two__thumb__shape-right {
        width: 170px;
        right: -37px
    }

    .why-choose-one__tab-box .tab-buttons .tab-btn {
        padding-left: 15px;
        padding-right: 15px;
        font-size: 15px
    }

    .why-choose-one__content {
        padding-right: 200px
    }

    .why-choose-one__image {
        margin-top: 60px;
        margin-left: 110px
    }
}

@media (max-width:575px) {
    .why-choose-one__title {
        font-size: 33px
    }

    .why-choose-one__insurance__image {
        margin-top: 30px;
        position: relative;
        right: auto;
        bottom: 0
    }

    .why-choose-one__image {
        margin-left: 55px
    }

    .why-choose-one__image__star-text {
        display: none
    }
}

.why-choose-one__image img {
    position: relative;
    z-index: 1;
    border-radius: 15px
}

.why-choose-one__image__star-text {
    position: absolute;
    top: 47px;
    left: -120px;
    font-family: var(--insuba-heading-font, "Poppins", serif);
    font-weight: 700;
    font-size: 148px;
    color: var(--insuba-white, #fff);
    line-height: 1;
    text-shadow: 2px 2px 0 var(--insuba-black10, #000), -2px -2px 0 var(--insuba-black10, #000), 2px -2px 0 var(--insuba-black10, #000), -2px 2px 0 var(--insuba-black10, #000), 2px 2px 0 var(--insuba-black10, #000);
    animation: 2s linear infinite zoomIn
}

.why-choose-one__image__shape {
    width: 190px;
    height: 291px;
    position: absolute;
    left: -33px;
    bottom: -31px;
    background-color: var(--insuba-white6, #e4e8eb);
    border-radius: 15px
}

.why-choose-one__image__shape::after {
    content: "";
    width: 100%;
    height: calc(100% - 37px);
    position: absolute;
    top: -41px;
    left: -24px;
    border-radius: inherit;
    border: 1px solid var(--insuba-base, #0365d3);
    animation: 2s linear infinite zumpBottom
}

@media (max-width:425px) {
    .why-choose-one__image {
        margin-left: 33px
    }

    .why-choose-one__image__shape {
        animation: 2s linear infinite zumpBottom
    }

    .why-choose-one__image__shape::after {
        display: none
    }
}

.faq-accordion .accordion {
    background-color: var(--insuba-white, #fff);
    border-radius: 30px;
    border: 1px solid var(--insuba-border-color, #ddd)
}

.faq-accordion .accordion-title {
    position: relative;
    padding: 7.5px 50px 7.5px 10px;
    display: flex;
    align-items: center;
    gap: 12px;
    cursor: pointer;
    overflow: hidden;
    border-radius: 30px
}

.faq-accordion .accordion-title::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: inherit;
    background-color: var(--insuba-black5, #0f3667);
    opacity: 0;
    transition: .5s
}

.faq-accordion .accordion-title::after {
    content: "\f078";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 16px;
    color: var(--insuba-black5, #0f3667);
    position: absolute;
    top: 50%;
    right: 23px;
    transform: translateY(-50%);
    z-index: 1;
    transition: .5s
}

.faq-accordion .accordion-title__icon {
    position: relative;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    background-color: var(--insuba-base, #0365d3);
    font-size: 12px;
    color: var(--insuba-white, #fff);
    border-radius: 50%;
    z-index: 1;
    transition: .5s
}

.faq-accordion .accordion-title h4 {
    margin: 0;
    position: relative;
    font-size: 16px;
    color: var(--insuba-black5, #0f3667);
    font-weight: 600;
    line-height: 1.625;
    transition: .5s
}

.faq-accordion .active .accordion-title::after {
    color: var(--insuba-white, #fff);
    transform: translateY(-50%) rotate(180deg)
}

.faq-accordion .active .accordion-title__icon {
    color: var(--insuba-base, #0365d3);
    background-color: var(--insuba-white, #fff);
    transform: rotate(45deg)
}

.pricing-card__button .insuba-btn::after,
.pricing-card__button .insuba-btn:hover .insuba-btn__icon-box::before,
.pricing-card__list li {
    background-color: var(--insuba-white5, #f0f5f5)
}

.faq-accordion .accordion-content .inner {
    padding: 18px 37px 20px
}

.cart-page__cart-total,
.faq-accordion .accordion-content p {
    position: relative;
    margin: 0
}

.faq-accordion .accordion-content p::before {
    content: "";
    width: 2px;
    height: calc(100% - 14px);
    position: absolute;
    top: 50%;
    left: -11px;
    transform: translateY(-50%);
    background-color: var(--insuba-base, #0365d3)
}

.faq-one {
    background: linear-gradient(180deg, var(--insuba-white, #fff) 60%, var(--insuba-white5, #f0f5f5))
}

.faq-one__image,
.faq-one__image__overlay::after,
.faq-one__image__two::after {
    background-color: var(--insuba-base, #0365d3)
}

.faq-one__image {
    position: relative;
    margin-left: auto;
    display: table;
    padding: 68px 45px 58px;
    border-radius: 1000px 1000px 0 0
}

.faq-one__image__one,
.faq-one__image__overlay,
.faq-one__image__question {
    background-color: var(--insuba-white, #fff)
}

@media (min-width:992px) and (max-width:1199px) {
    .faq-one__image {
        padding-left: 30px;
        padding-right: 30px;
        padding-bottom: 100px
    }
}

@media (max-width:575px) {
    .faq-one__image {
        padding-left: 30px;
        padding-right: 30px;
        padding-bottom: 180px
    }

    .faq-one__image__overlay::after {
        display: none
    }
}

.faq-one__image__overlay {
    width: calc(100% - 2px);
    height: 355px;
    position: absolute;
    top: 1px;
    left: 50%;
    transform: translateX(-50%);
    overflow: hidden;
    border-radius: inherit;
    z-index: 1
}

.faq-one__image__overlay::after {
    content: "";
    width: 76px;
    height: 76px;
    position: absolute;
    top: -18px;
    right: 62px
}

.faq-one__image__one {
    margin: 0 auto;
    position: relative;
    width: 404px;
    height: 404px;
    text-align: center;
    border-radius: 50%;
    z-index: 2
}

@media (min-width:992px) and (max-width:1199px) {
    .faq-one__image__one {
        width: 380px;
        height: 380px
    }
}

@media (max-width:575px) {
    .faq-one__image__one {
        width: 340px;
        height: 340px;
        bottom: -60px
    }
}

@media (max-width:430px) {
    .about-four__image {
        padding-left: 0
    }

    .about-four__image__inner::before {
        display: none
    }

    .faq-one__image {
        padding-bottom: 180px
    }

    .faq-one__image__one {
        width: 300px;
        height: 300px;
        bottom: -80px
    }
}

@media (max-width:390px) {
    .why-choose-one {
        padding-bottom: 105px
    }

    .why-choose-one__tab-box .tab-buttons .tab-btn {
        width: 100%;
        border: 0;
        border-bottom: 1px solid var(--insuba-border-color, #ddd) !important;
        border-left: 1px solid var(--insuba-border-color, #ddd) !important;
        border-right: 1px solid var(--insuba-border-color, #ddd) !important
    }

    .why-choose-one__tab-box .tab-buttons .tab-btn:first-child {
        border-top: 1px solid var(--insuba-border-color, #ddd)
    }

    .why-choose-one__image {
        margin-left: 25px
    }

    .why-choose-one__image__shape {
        height: 250px;
        left: -25px;
        bottom: -25px
    }

    .faq-one__image__one {
        width: 270px;
        height: 270px
    }
}

.faq-two__image__question svg,
.features-one__card__btn__icon svg,
.features-one__card__icon svg,
.features-two__card__btn__icon svg,
.features-two__card__icon svg {
    width: 1em;
    height: 1em;
    fill: currentColor
}

.faq-one__image__one__image {
    position: relative;
    top: -23px;
    animation: 2s linear infinite moveHorizontal2
}

@media (min-width:992px) and (max-width:1199px) {
    .faq-one__image__one__image {
        top: -30px
    }
}

@media (max-width:575px) {
    .faq-one__image__one__image {
        top: -75px
    }
}

.faq-one__image__umbrella {
    position: absolute;
    left: 50%;
    bottom: -36px;
    transform: translateX(-50%)
}

.faq-one__image__title,
.features-one__card__btn:hover .features-one__card__btn__icon {
    transform: rotate(90deg)
}

.faq-one__image__two {
    width: 348px;
    height: 348px;
    border-radius: 50%;
    position: absolute;
    top: 2px;
    right: -218px;
    z-index: -1
}

@media (max-width:1699px) {
    .faq-one__image__two {
        right: -180px
    }
}

@media (max-width:1599px) {
    .about-four__shape-one {
        animation-name: zump
    }

    .about-four__shape-two {
        max-width: 90px;
        right: 20px
    }

    .faq-one__image__two {
        right: -100px
    }
}

@media (min-width:992px) and (max-width:1340px) {
    .faq-one__image__two {
        display: none
    }
}

.faq-one__image__two::after {
    content: "";
    width: inherit;
    height: inherit;
    border-radius: inherit;
    position: absolute;
    top: 0;
    right: -9px
}

.faq-one__image__two__image {
    position: relative;
    z-index: 1;
    width: inherit;
    height: inherit;
    border-radius: inherit
}

.faq-one__image__shape {
    position: absolute;
    right: 67px;
    bottom: -143px;
    z-index: 2;
    animation: 2s linear infinite zumpBottom
}

@media (max-width:1699px) {
    .faq-one__image__shape {
        right: 30px
    }
}

@media (max-width:1399px) {
    .about-four__overlay {
        width: 500px
    }

    .about-four__shape-one {
        left: 25px
    }

    .faq-one__image__two {
        right: -70px
    }

    .faq-one__image__shape {
        right: 8px
    }
}

.faq-one__image__title {
    margin: 0;
    position: absolute;
    top: 179px;
    right: -7px;
    font-size: 63px;
    font-weight: 700;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: RGBA(var(--insuba-black-rgb, 18, 47, 42), 0.1);
    color: transparent;
    text-transform: uppercase;
    line-height: 1;
    z-index: 3
}

@media (min-width:992px) and (max-width:1199px) {
    .faq-one__image__title {
        top: 190px;
        right: -35px
    }
}

@media (max-width:575px) {
    .faq-one__image__umbrella {
        bottom: -40px
    }

    .faq-one__image__title {
        top: 150px;
        right: -20px;
        font-size: 60px
    }
}

@media (max-width:380px) {
    .faq-one__image__title {
        right: -30px
    }
}

.faq-one__image__text {
    margin: 0;
    display: inline-block;
    padding: 2px 12.5px;
    position: absolute;
    right: 15px;
    bottom: 15px;
    font-family: var(--insuba-heading-font, "Poppins", serif);
    font-size: 18px;
    font-weight: 500;
    color: var(--insuba-white, #fff);
    line-height: 1.555;
    border: 1px solid var(--insuba-white, #fff);
    border-radius: 5px;
    z-index: 2
}

.faq-one__common-question li,
.faq-one__image__question {
    display: flex;
    font-family: var(--insuba-heading-font, "Poppins", serif)
}

.faq-one__image__question {
    position: absolute;
    top: 19px;
    left: 12px;
    width: 119px;
    height: 119px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 6px solid var(--insuba-black5, #0f3667);
    font-size: 63px;
    font-weight: 700;
    color: var(--insuba-black5, #0f3667);
    z-index: 2;
    animation: 1.5s infinite animatedColor
}

.faq-one__image__shape-box {
    width: calc(100% - 2px);
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    border-radius: inherit;
    overflow: hidden;
    background-color: transparent
}

.faq-one__image__shape-one,
.faq-one__image__shape-two {
    position: absolute;
    bottom: 100px;
    width: 320px;
    height: 320px;
    border-radius: 50%;
    background-color: var(--insuba-black5, #0f3667);
    border: 5px solid var(--insuba-white, #fff)
}

.faq-one__image__shape-one {
    left: -90px
}

.faq-one__image__shape-two {
    right: -90px
}

.faq-one__common-question {
    margin: 47px 0 0
}

.faq-one__common-question li {
    justify-content: center;
    gap: 11px;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.75
}

.consultations-two .sec-title,
.excellent-service__list,
.faq-one__common-question li p,
.need-contact__list {
    margin: 0
}

.faq-one__common-question li a {
    color: inherit;
    text-decoration: underline
}

.faq-one__common-question li a:hover {
    color: var(--insuba-base, #0365d3)
}

.faq-one__common-question li .faq-one__common-question__icon {
    display: inline-flex;
    position: relative;
    top: 4px;
    flex-shrink: 0;
    font-size: 18px;
    color: var(--insuba-base, #0365d3)
}

.faq-two__image {
    display: table;
    position: absolute;
    left: 8px;
    bottom: -120px
}

.consultations-two .tabs-box,
.faq-two__image__inner,
.home-insurance,
.online-banking .tabs-box {
    position: relative
}

.faq-two__image__img {
    position: relative;
    z-index: 1;
    max-width: 100%;
    height: auto
}

.faq-two__image__question {
    display: inline-flex;
    font-size: 119px;
    color: var(--insuba-black5, #0f3667);
    position: absolute;
    top: 115px;
    right: 58px;
    z-index: 2;
    animation: 1.5s infinite animatedColor
}

.pricing-card--standard .pricing-card__limit,
.pricing-card--standard .pricing-card__list li,
.pricing-card--standard .pricing-card__list__icon--close,
.pricing-card--standard .pricing-card__price,
.pricing-card:hover .pricing-card__limit,
.pricing-card:hover .pricing-card__list li,
.pricing-card:hover .pricing-card__list__icon--close,
.pricing-card:hover .pricing-card__price,
.pricing-card__category {
    color: var(--insuba-white, #fff)
}

.faq-two__image__shape {
    width: calc(100% - 76px);
    height: 427px;
    background-color: var(--insuba-base, #0365d3);
    position: absolute;
    left: calc(50% - 53px);
    bottom: 0;
    transform: translateX(-50%);
    clip-path: polygon(0 0, 100% 68%, 100% 100%, 0% 100%)
}

@media (max-width:500px) {
    .faq-two__image__question {
        font-size: 100px;
        top: 0;
        right: 20px
    }

    .faq-two__image__shape {
        height: 370px
    }
}

@media (max-width:430px) {
    .faq-one__image__one__image {
        top: -100px
    }

    .faq-one__image__umbrella {
        display: none
    }

    .faq-one__image__title {
        font-size: 52px
    }

    .faq-one__image__text {
        right: 25px;
        bottom: 25px
    }

    .faq-two__image__shape {
        height: 300px
    }
}

@media (max-width:390px) {
    .faq-one__image__question {
        width: 100px;
        height: 100px;
        font-size: 60px
    }

    .faq-two__image__question {
        font-size: 80px
    }

    .faq-two__image__shape {
        height: 280px
    }
}

.faq-two__image__shape::after {
    content: "";
    width: calc(100% - 86px);
    height: 100%;
    position: absolute;
    left: 50%;
    bottom: 43px;
    transform: translateX(-50%);
    background-color: var(--insuba-white, #fff)
}

@keyframes animatedColor {

    0%,
    100% {
        color: var(--insuba-black5, #0f3667);
        border-color: var(--insuba-black5, #0f3667)
    }

    50% {
        color: var(--insuba-base, #0365d3);
        border-color: var(--insuba-base, #0365d3)
    }
}

.pricing-card {
    position: relative;
    padding: 90px 40px 49px;
    border: 1px solid var(--insuba-border-color, #ddd);
    background-color: var(--insuba-white, #fff);
    border-radius: 20px;
    overflow: hidden;
    transition: .5s
}

.pricing-card--standard,
.pricing-card:hover,
.services-one .service-card {
    border-color: transparent
}

.pricing-card__bg,
.pricing-card__bg__inner {
    left: 0;
    bottom: 0;
    border-radius: inherit;
    position: absolute
}

@media (min-width:992px) and (max-width:1199px) {
    .pricing-card {
        padding-top: 110px;
        padding-left: 20px;
        padding-right: 20px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .team-card-three__content {
        padding-left: 30px;
        padding-right: 30px
    }

    .pricing-card {
        padding-left: 25px;
        padding-right: 25px
    }
}

@media (max-width:991px) {
    .why-choose-one__content {
        padding-right: 0
    }

    .faq-one__image {
        margin-left: 0
    }

    .faq-one__image__two {
        right: -200px
    }

    .pricing-card {
        padding-top: 140px
    }
}

@media (max-width:425px) {
    .pricing-card {
        padding-left: 30px;
        padding-right: 30px
    }
}

@media (max-width:390px) {
    .pricing-card {
        padding-left: 25px;
        padding-right: 25px
    }
}

.pricing-card__bg {
    width: 100%;
    height: 0%;
    background-color: var(--insuba-black5, #0f3667);
    transition: .5s
}

.pricing-card__bg__inner {
    top: 0;
    right: 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    opacity: .09;
    mix-blend-mode: luminosity
}

.pricing-card:hover .pricing-card__bg {
    height: 100%;
    top: 0
}

.pricing-card__category {
    width: 400px;
    margin: 0;
    padding: 20px;
    position: absolute;
    top: 30px;
    left: -135px;
    transform: rotate(-45deg);
    font-size: 22px;
    font-weight: 700;
    text-align: center;
    text-transform: capitalize;
    line-height: 1.318;
    background-color: var(--insuba-base, #0365d3);
    z-index: 1
}

.pricing-card__icon {
    position: absolute;
    top: -77px;
    right: -79px;
    padding-left: 40px;
    padding-bottom: 35px;
    width: 191px;
    height: 191px;
    display: flex;
    align-items: flex-end;
    flex-shrink: 0;
    font-size: 57px;
    background-color: var(--insuba-white, #fff);
    filter: drop-shadow(0 0 16px rgba(26, 61, 100, .08));
    border-radius: 50%;
    z-index: 1
}

.pricing-card:hover .pricing-card__icon>* {
    animation-name: wobble-horizontal-hover;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: 1
}

.consultations-one__item:hover .consultations-one__item__icon,
.features-two__card:hover .features-two__card__icon {
    -webkit-animation-name: wobble-horizontal-hover;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1
}

.pricing-card__price {
    margin-bottom: 3px;
    font-size: 40px;
    text-align: center;
    font-weight: 700;
    line-height: 1.25;
    transition: .5s
}

.pricing-card__limit {
    margin-bottom: 26px;
    text-align: center;
    transition: .5s
}

.pricing-card__list {
    margin-bottom: 31px
}

.pricing-card__list li {
    padding: 9.5px 20px;
    display: flex;
    gap: 12px;
    font-size: 16px;
    color: var(--insuba-text, #636363);
    line-height: 1.625;
    border: 1px solid transparent;
    border-radius: 24px;
    transition: .5s
}

.company-info__customers a,
.features-one__card__title a,
.features-two__card__title a {
    background: linear-gradient(to right, currentcolor 0, currentcolor 100%) 0 95%/0 1px no-repeat
}

.pricing-card__list li+li {
    margin-top: 20px
}

@media (min-width:992px) and (max-width:1199px) {
    .pricing-card__icon {
        padding-left: 35px;
        padding-bottom: 30px;
        width: 175px;
        height: 175px;
        font-size: 47px
    }

    .pricing-card__list li {
        padding-left: 13px;
        padding-right: 13px
    }
}

@media (max-width:425px) {
    .pricing-card__list li {
        padding-left: 15px;
        padding-right: 15px
    }
}

.pricing-card__list__icon {
    position: relative;
    top: 2px;
    display: inline-flex;
    flex-shrink: 0;
    font-size: 19px;
    color: var(--insuba-base, #0365d3);
    transition: .5s
}

.pricing-card__list__icon--close {
    color: var(--insuba-text, #636363)
}

.insurance-policy .insuba-btn:hover .insuba-btn__icon,
.pricing-card__button .insuba-btn:hover {
    color: var(--insuba-black3, #19232b)
}

.pricing-card__shape {
    width: calc(100% + 200px);
    display: block;
    position: absolute;
    left: 50%;
    bottom: -78px;
    transform: translateX(-50%)
}

.pricing-card--standard {
    padding-top: 141px;
    padding-bottom: 81px
}

.pricing-card--standard .pricing-card__bg {
    height: 100%;
    top: 0
}

.pricing-card--standard:hover .pricing-card__icon>* {
    animation-play-state: paused
}

.pricing-card--standard .pricing-card__category {
    top: 55px;
    left: -118px
}

.features-two,
.pricing-one--home {
    background: linear-gradient(180deg, transparent, var(--insuba-white5, #f0f5f5))
}

.pricing-one--home .pricing-card {
    border: 0
}

.pricing-one__grid {
    display: grid;
    grid-template-columns: auto 34.189% auto;
    align-items: center
}

.features-one {
    position: relative;
    z-index: 2;
    background-color: transparent
}

.features-one .row {
    --bs-gutter-x: 20px;
    justify-content: flex-end
}

.features-one__column {
    flex: 0 0 auto;
    width: 33.33%
}

@media (max-width:1199px) {
    .faq-two__image {
        margin-bottom: 50px;
        position: relative;
        left: 0;
        bottom: 0
    }

    .features-one .row {
        justify-content: center
    }

    .features-one__column {
        width: 21%
    }

    .company-info__clients::after {
        display: none
    }
}

@media (max-width:991px) {
    .pricing-card--standard {
        padding-top: 140px;
        padding-bottom: 49px
    }

    .pricing-one__grid {
        grid-template-columns: auto auto;
        grid-gap: 30px
    }

    .features-one__column {
        width: 29%
    }

    .company-info__inner {
        padding: 40px 40px 31px
    }
}

@media (max-width:767px) {
    .pricing-card__shape {
        display: none
    }

    .pricing-one__grid {
        grid-template-columns: auto
    }

    .features-one {
        margin-top: 0;
        padding-top: 80px;
        margin-bottom: -200px
    }

    .features-one__column {
        width: 100%
    }
}

.features-one__card {
    border-radius: 10px;
    background-color: var(--insuba-white, #fff);
    transition: .5s linear
}

.features-one__card:hover {
    transform: translateY(-30px)
}

.features-one__card__content {
    position: relative;
    padding: 5px 47px 2px;
    background-color: #e0e0e0;
    border-radius: inherit;
    overflow: hidden
}

.features-one__card__content::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    right: -100%;
    bottom: -100%;
    border-radius: inherit;
    transition: .5s
}

.features-one__card:hover .features-one__card__content::before {
    right: 0;
    bottom: 0
}

.features-one__card__icon {
    position: relative;
    margin-bottom: 13px;
    display: inline-block;
    font-size: 41px;
    color: var(--insuba-black);
    z-index: 2
}

.features-one__card__title {
    position: relative;
    margin-bottom: 4px;
    font-size: 22px;
    font-weight: 700;
    color: var(--insuba-black);
    line-height: 1.318;
    z-index: 2;
    display: inline
}

.features-one__card__title a {
    color: inherit;
    transition: .5s
}

.features-one__card__text {
    position: relative;
    margin: 0;
    z-index: 2
}

.features-one__card__btn {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 33px;
    height: 33px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--insuba-white, #fff);
    border-radius: 50%;
    transition: .5s;
    z-index: 2
}

.features-one__card__btn__icon {
    display: inline-flex;
    font-size: 14px;
    color: var(--insuba-black4, #0f3564);
    transition: .5s
}

.features-one--service-details {
    padding: 0;
    margin: 0
}

.features-one--service-details .features-one__column {
    width: 50%
}

.features-one--service-details .features-one__card:hover {
    transform: translateY(0)
}

.features-two__carousel.owl-carousel .owl-dots,
.features-two__carousel.owl-carousel .owl-nav,
.features-two__carousel.owl-carousel .owl-nav.disabled+.owl-dots {
    margin-top: 74px
}

.features-two__card {
    position: relative;
    padding: 27px 36px 46px;
    background-color: var(--insuba-white, #fff);
    border-radius: 30px
}

.features-two__card__bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: inherit;
    overflow: hidden
}

.features-two__card__bg::before {
    content: "";
    width: 200px;
    height: 100px;
    position: absolute;
    top: -58px;
    left: -113px;
    transform: rotate(-45deg);
    background-color: var(--insuba-base, #0365d3)
}

.features-two__card__bg__inner {
    width: 100%;
    height: 100%;
    position: absolute;
    right: -100%;
    bottom: -100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    border-radius: inherit;
    z-index: 1;
    transition: .5s
}

.features-two__card__bg__inner::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: RGBA(var(--insuba-base-rgb, 3, 101, 211), .89);
    border-radius: inherit
}

.features-two__card:hover .features-two__card__bg__inner {
    right: 0;
    bottom: 0
}

.features-two__card__content {
    position: relative;
    text-align: center;
    z-index: 2
}

.features-two__card__icon-box {
    margin: 0 auto 15px;
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    background-color: var(--insuba-white5, #f0f5f5);
    background: linear-gradient(180deg, transparent 50%, RGBA(var(--insuba-base-rgb, 3, 101, 211), .09)) 50%;
    border-radius: 50%;
    transition: .5s
}

.features-two__card:hover .features-two__card__icon-box {
    background: linear-gradient(180deg, transparent 50%, RGBA(var(--insuba-white-rgb, 255, 255, 255), .09)) 50%
}

.checkout-page__control .bootstrap-select>.dropdown-toggle,
.product__showing-sort .bootstrap-select>.dropdown-toggle {
    background-size: 14px 12px;
    background-position: right 25.75px center;
    text-transform: capitalize;
    outline: 0 !important;
    box-shadow: none !important
}

.features-two__card__icon {
    display: inline-flex;
    font-size: 50px;
    color: var(--insuba-black4, #0f3564);
    transition: .5s
}

.company-info__clients__link,
.consultations-two .tabs-box .tab-buttons .tab-btn.active-btn .tab-btn__text,
.consultations-two .tabs-box .tab-buttons .tab-btn.active-btn .tab-btn__title,
.consultations-two .tabs-box .tab-buttons .tab-btn:hover .tab-btn__text,
.consultations-two .tabs-box .tab-buttons .tab-btn:hover .tab-btn__title,
.excellent-service .tabs-box .tab-buttons .tab-btn:hover,
.features-two__card:hover .features-two__card__text,
.features-two__card:hover .features-two__card__title,
.features-two__card__btn__icon,
.insurance-policy .insuba-btn:hover,
.online-banking .tabs-box .tab-buttons .tab-btn.active-btn .tab-btn__text,
.online-banking .tabs-box .tab-buttons .tab-btn.active-btn .tab-btn__title,
.online-banking .tabs-box .tab-buttons .tab-btn:hover .tab-btn__text,
.online-banking .tabs-box .tab-buttons .tab-btn:hover .tab-btn__title {
    color: var(--insuba-white, #fff)
}

.features-two__card:hover .features-two__card__icon {
    color: var(--insuba-white, #fff);
    animation-name: wobble-horizontal-hover;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: 1
}

.features-two__card__title {
    margin-bottom: 8px;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.318;
    text-transform: capitalize
}

.features-two__card__title a {
    color: inherit;
    transition: .5s
}

.consultations-two .tabs-box .tab-buttons .tab-btn__text,
.features-two__card__text,
.online-banking .tabs-box .tab-buttons .tab-btn__text,
.service-card__text {
    margin: 0;
    transition: .5s
}

.features-two__card__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 47px;
    height: 47px;
    position: absolute;
    left: 50%;
    bottom: -23px;
    transform: translateX(-50%);
    background-color: var(--insuba-base, #0365d3);
    border-radius: 50%;
    overflow: hidden;
    z-index: 2;
    transition: .5s
}

.company-info__inner,
.features-two__card:hover .features-two__card__btn {
    background-color: var(--insuba-black4, #0f3564)
}

.features-two__card__btn__icon {
    display: inline-flex;
    font-size: 20px;
    transition: .5s
}

.features-two__card__btn:hover .features-two__card__btn__icon {
    transform: rotate(90deg)
}

.company-info__inner {
    border-radius: 0 0 29px 29px;
    overflow: hidden
}

.company-info__clients::after,
.insurance-policy__bg::before,
.skill-selling__info::before,
.skill-selling__inner {
    background-color: var(--insuba-base, #0365d3)
}

.company-info__image img {
    max-width: 100%;
    height: auto;
    border-radius: 0 0 0 29px;
    border-right: 4px solid var(--insuba-white, #fff)
}

.company-info__clients {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 30px
}

.company-info__clients::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 48px;
    transform: translateY(-50%) rotate(-23deg) skewY(13deg);
    width: 8px;
    height: calc(100% + 200px)
}

.company-info__clients__image {
    display: flex;
    align-items: center;
    flex-shrink: 0
}

.company-info__clients__image img {
    flex-shrink: 0;
    width: 59px;
    height: 59px;
    border-radius: 50%;
    border: 3px solid var(--insuba-white, #fff);
    transition: .5s
}

.company-info__clients__link__icon svg,
.skill-selling__info__icon svg {
    width: 1em;
    height: 1em;
    fill: currentColor
}

.company-info__clients__image img:hover {
    border-color: var(--insuba-base, #0365d3)
}

.company-info__clients__image img:not(:first-child) {
    margin-left: -20px
}

.company-info__clients__link {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: 16px;
    font-weight: 500
}

.company-info__clients__link:hover {
    color: var(--insuba-base, #0365d3)
}

.company-info__clients__link__icon {
    font-size: 14px;
    color: inherit
}

.company-info__customers {
    padding-right: 30px;
    color: var(--insuba-white, #fff)
}

.company-info__customers a {
    color: inherit;
    transition: .5s
}

.company-info__customers a:hover {
    color: var(--insuba-base, #0365d3)
}

.skill-selling {
    position: relative;
    z-index: 1;
    padding-top: 145px;
    margin-bottom: -532px
}

@media (max-width:1199px) {
    .skill-selling {
        padding-top: var(--section-space, 120px)
    }
}

@media (max-width:767px) {
    .company-info__inner {
        padding-left: 30px;
        padding-right: 30px
    }

    .skill-selling {
        padding-top: 100px
    }
}

.skill-selling__inner {
    position: relative;
    padding: 60px 70px 72px;
    overflow: hidden
}

@media (max-width:767px) {
    .skill-selling__inner {
        padding: 40px 40px 54px
    }
}

@media (max-width:575px) {
    .faq-one__image__question {
        top: 10px;
        left: 0
    }

    .faq-two__image__shape {
        width: 100%;
        left: 50%
    }

    .features-one--service-details .features-one__column {
        width: 100%
    }

    .company-info__image {
        text-align: center
    }

    .company-info__clients {
        justify-content: center
    }

    .skill-selling {
        padding-top: 80px
    }

    .skill-selling__inner {
        padding-left: 30px;
        padding-right: 30px
    }
}

.skill-selling__bg {
    width: 100%;
    max-width: 977px;
    height: 100%;
    background-color: var(--insuba-white5, #f0f5f5);
    position: absolute;
    top: 0;
    left: 0;
    clip-path: polygon(0 0, 72.5% 0, 100% 100%, 0% 100%)
}

.skill-selling__bg__inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    opacity: .05
}

.skill-selling__content {
    position: relative;
    max-width: 515px;
    z-index: 2
}

.skill-selling__title {
    margin-bottom: 15px;
    font-size: 35px;
    font-weight: 700;
    line-height: 1.314
}

.skill-selling__info {
    display: table;
    margin-bottom: 28px;
    position: relative;
    padding: 19.5px 25px 14.5px;
    border-radius: 10px;
    background-color: var(--insuba-white, #fff)
}

.skill-selling__info::before {
    content: "";
    width: 4px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 10px 0 0 10px
}

.skill-selling__info__inner {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: flex-start;
    gap: 16px;
    font-family: var(--insuba-heading-font, "Poppins", serif);
    color: var(--insuba-base, #0365d3);
    font-weight: 600
}

.insurance-policy__list__link,
.insurance-policy__title,
.need-contact__list li {
    font-weight: 500;
    color: var(--insuba-white, #fff)
}

.skill-selling__info__icon {
    position: relative;
    top: -3px;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 50%;
    background-color: var(--insuba-black4, #0f3564);
    font-size: 14px;
    color: var(--insuba-white, #fff);
    transition: .5s
}

.excellent-service .tabs-box .tab-buttons .tab-btn.active-btn,
.skill-selling__info__inner:hover .skill-selling__info__icon {
    color: var(--insuba-white, #fff);
    background-color: var(--insuba-base, #0365d3)
}

.skill-selling__skill {
    max-width: 465px
}

.skill-selling__image {
    position: absolute;
    right: 137px;
    bottom: 8px;
    z-index: 1
}

.skill-selling__image__one {
    max-width: 100%;
    height: auto
}

.insurance-policy__image img,
.skill-selling__shape-one,
.skill-selling__shape-two {
    max-width: 100%;
    height: auto
}

.skill-selling__image__shape {
    max-width: 100%;
    height: auto;
    position: absolute;
    top: 46%;
    left: -100px;
    animation: 2.5s linear infinite float-bob-y
}

.skill-selling__shape-one {
    position: absolute;
    top: -115px;
    right: -122px;
    animation: 2s linear infinite moveHorizontal;
    z-index: 1
}

.skill-selling__shape-two {
    position: absolute;
    right: 49px;
    bottom: 44px;
    animation: 2s linear infinite zump;
    z-index: 1
}

.insurance-policy__wrapper {
    position: relative;
    padding: 40px 69px 34px
}

@media (max-width:1199px) {
    .skill-selling__bg {
        max-width: 850px;
        clip-path: polygon(0 0, 68.5% 0, 100% 100%, 0% 100%)
    }

    .skill-selling__image {
        right: 82px;
        bottom: 101px
    }

    .skill-selling__image__one {
        max-width: 270px
    }

    .skill-selling__image__shape {
        top: 35%;
        left: -40px
    }

    .skill-selling__shape-two {
        right: 25px
    }

    .insurance-policy__wrapper {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media (max-width:575px) {
    .insurance-policy__wrapper {
        padding-left: 35px;
        padding-right: 35px
    }
}

.insurance-policy__bg {
    width: calc(100% - 90px);
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    overflow: hidden
}

.insurance-policy__bg::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.insurance-policy__bg::after {
    content: "";
    width: 316px;
    height: 316px;
    background-color: var(--insuba-black4, #0f3564);
    position: absolute;
    top: 50%;
    right: -178px;
    transform: translateY(-50%) rotate(45deg)
}

.excellent-service,
.funfact,
.insurance-policy .insuba-btn,
.insurance-policy .insuba-btn:hover .insuba-btn__icon-box,
.insurance-policy__image,
.online-banking {
    background-color: var(--insuba-white, #fff)
}

.insurance-policy__image {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 233px;
    height: 233px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 2px solid var(--insuba-base, #0365d3);
    z-index: 1
}

.excellent-service__list li .excellent-service__list__icon svg,
.insurance-policy__list__icon svg,
.online-banking .tabs-box .tab-buttons .tab-btn__icon svg {
    width: 1em;
    height: 1em;
    fill: currentColor
}

.insurance-policy__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px
}

.insurance-policy__content {
    padding-left: 213px;
    position: relative;
    z-index: 1
}

.insurance-policy__title {
    margin-bottom: 11px;
    font-family: var(--insuba-font, "Roboto", sans-serif);
    font-size: 22px;
    line-height: 1.318
}

.cart-page__table thead tr th,
.consultations-one__item__number::before,
.consultations-two .tabs-box .tab-buttons .tab-btn__title,
.excellent-service .tabs-box .tab-buttons .tab-btn,
.portfolio-three__list li,
.slide-one__text,
.work-planning__item__serial-number::after {
    font-family: var(--insuba-heading-font, "Poppins", serif)
}

.insurance-policy__list-box {
    max-width: 360px
}

.insurance-policy__list {
    display: flex;
    gap: 9px
}

.insurance-policy__list__icon {
    position: relative;
    top: 1px;
    font-size: 16px;
    color: var(--insuba-white, #fff);
    transition: .5s
}

.insurance-policy__list__link {
    transition: .5s
}

.insurance-policy__list:hover .insurance-policy__list__link {
    text-decoration: underline
}

.insurance-policy__button {
    flex-shrink: 0
}

.insurance-policy .insuba-btn {
    padding-left: 27px;
    padding-right: 67px;
    color: var(--insuba-black3, #19232b)
}

.online-banking .tabs-box .tab-buttons {
    margin: 0;
    padding: 40px 0 40px 30px;
    position: relative;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    flex-wrap: wrap;
    gap: 30px;
    z-index: 1
}

@media (min-width:992px) and (max-width:1199px) {
    .online-banking .tabs-box .tab-buttons {
        padding: 30px 0 30px 25px
    }
}

.online-banking .tabs-box .tab-buttons::before {
    content: "";
    width: 261px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--insuba-black5, #0f3667);
    border-radius: 10px
}

.online-banking .tabs-box .tab-buttons .tab-btn {
    width: calc(100% - 52px);
    position: relative;
    cursor: pointer;
    padding: 5px;
    display: flex;
    align-items: center;
    gap: 26px;
    background-color: var(--insuba-white, #fff);
    border-radius: 10px;
    filter: drop-shadow(0 0 9px RGBA(var(--insuba-black10-rgb, 0, 0, 0), .06));
    z-index: 1;
    overflow: visible;
    transition: .5s
}

@media (max-width:450px) {
    .pricing-card--standard .pricing-card__category {
        top: 30px;
        left: -135px
    }

    .online-banking .tabs-box .tab-buttons {
        padding: 0
    }

    .online-banking .tabs-box .tab-buttons::before {
        display: none
    }

    .online-banking .tabs-box .tab-buttons .tab-btn {
        padding: 30px;
        flex-direction: column;
        align-items: flex-start
    }
}

.online-banking .tabs-box .tab-buttons .tab-btn::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -19px;
    transform: translateY(-50%);
    opacity: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 19px 19px 19px 0;
    border-color: transparent var(--insuba-base, #0365d3) transparent transparent;
    z-index: 2;
    transition: .5s
}

.online-banking .tabs-box .tab-buttons .tab-btn.active-btn {
    background-color: var(--insuba-base, #0365d3);
    transform: translateX(52px)
}

.consultations-two .tabs-box .tab-buttons .tab-btn.active-btn .tab-btn__shape,
.consultations-two .tabs-box .tab-buttons .tab-btn:hover .tab-btn__shape,
.online-banking .tabs-box .tab-buttons .tab-btn.active-btn .tab-btn__shape,
.online-banking .tabs-box .tab-buttons .tab-btn:hover .tab-btn__shape {
    opacity: 1;
    visibility: visible;
    transform: translateX(0)
}

.consultations-two .tabs-box .tab-buttons .tab-btn::before,
.online-banking .tabs-box .tab-buttons .tab-btn__shape-box::after {
    content: "";
    width: 0%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background-color: var(--insuba-base, #0365d3);
    border-radius: inherit;
    z-index: -1;
    transition: .5s
}

.online-banking .tabs-box .tab-buttons .tab-btn__shape {
    max-width: 100%;
    height: auto;
    position: absolute;
    right: -55px;
    bottom: -60px;
    transform: translateX(100%);
    opacity: 0;
    visibility: hidden;
    transition: .5s
}

.online-banking .tabs-box .tab-buttons .tab-btn__icon {
    position: relative;
    z-index: 1;
    width: 103px;
    height: 89px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 52px;
    color: var(--insuba-white, #fff);
    background-color: var(--insuba-base, #0365d3);
    border-radius: inherit;
    transition: .5s
}

.consultations-two .tabs-box .tabs-content,
.excellent-service .tabs-box .tabs-content,
.online-banking .tabs-box .tabs-content {
    position: relative;
    width: 100%;
    display: block
}

.online-banking__chart-box {
    padding: 40px;
    background-color: var(--insuba-white3, #f1f6f7);
    border-radius: 10px
}

@media (max-width:767px) {
    .online-banking__chart-box {
        padding: 30px
    }
}

.online-banking .insuba-chart {
    background-color: inherit;
    border-radius: inherit
}

.need-contact {
    position: relative;
    padding: 99px 0 106px
}

.need-contact__bg::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: RGBA(var(--insuba-black5-rgb, 15, 54, 103), .96)
}

.need-contact__left {
    padding-right: 120px
}

.need-contact__title {
    position: relative;
    padding-left: 25px;
    margin-bottom: 18px;
    font-size: 30px;
    font-weight: 700;
    color: var(--insuba-white, #fff);
    line-height: 1.333
}

.need-contact__title::before {
    content: "";
    width: 5px;
    height: calc(100% - 4px);
    border-radius: 20px;
    background-color: var(--insuba-base, #0365d3);
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%)
}

.need-contact__list li {
    display: flex;
    gap: 10px
}

.need-contact__list li+li {
    margin-top: 4px
}

.need-contact__list li .need-contact__list__icon {
    position: relative;
    top: 8px;
    display: inline-flex;
    font-size: 12px;
    color: var(--insuba-white, #fff)
}

.need-contact__right {
    position: relative;
    padding-left: 120px
}

.need-contact__right::before {
    content: "";
    width: 1px;
    height: 100%;
    position: absolute;
    top: 50%;
    left: -15px;
    transform: translateY(-50%);
    background-color: RGBA(var(--insuba-border-color-rgb, 221, 221, 221), .27)
}

.need-contact__text {
    margin-bottom: 26px;
    color: var(--insuba-white, #fff)
}

.need-contact__call {
    display: table
}

.need-contact__call__inner {
    padding-right: 52px;
    position: relative;
    display: flex;
    align-items: center;
    gap: 26px;
    background-color: var(--insuba-black5, #0f3667);
    border-radius: 43px;
    z-index: 1
}

.need-contact__call__inner::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid var(--insuba-white, #fff);
    border-radius: inherit
}

.need-contact__call__icon {
    width: 87px;
    height: 87px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 42px;
    color: var(--insuba-white, #fff);
    background-color: var(--insuba-base, #0365d3);
    border: 1px solid var(--insuba-white, #fff);
    border-radius: 43px
}

.need-contact__call__number,
.service-card-four__title a,
.service-card-three__title a,
.service-card-two__title a,
.service-card__title a,
.work-planning-two__card__title a {
    background: linear-gradient(to right, currentcolor 0, currentcolor 100%) 0 95%/0 1px no-repeat
}

.consultations-two .tabs-box .tab-buttons .tab-btn__content,
.excellent-service__tab,
.need-contact__call__content {
    position: relative;
    z-index: 1
}

.need-contact__call__title {
    margin-bottom: 5px;
    font-size: 18px;
    font-weight: 700;
    color: var(--insuba-white, #fff);
    line-height: 1.4
}

.need-contact__call__number {
    position: relative;
    z-index: 1;
    font-size: 16px;
    font-weight: 400;
    color: var(--insuba-white, #fff);
    line-height: 1;
    transition: .5s
}

.need-contact__call__number:hover {
    background-size: 100% 1px;
    color: var(--insuba-base, #0365d3)
}

.excellent-service__inner {
    position: relative;
    padding: 50px 48px;
    max-width: 1536px;
    margin-left: auto;
    background-color: var(--insuba-black5, #0f3667);
    overflow: hidden
}

@media (max-width:1599px) {
    .faq-one__image__shape {
        right: 8px
    }

    .excellent-service__inner {
        max-width: 1305px
    }
}

.excellent-service__inner::before {
    content: "";
    width: 162px;
    height: 100%;
    background-color: var(--insuba-base, #0365d3);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}

.excellent-service .tabs-box {
    position: relative;
    display: flex;
    align-items: center;
    gap: 65px
}

.excellent-service .tabs-box .tab-buttons {
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    flex-wrap: wrap;
    gap: 30px;
    z-index: 1
}

.excellent-service .tabs-box .tab-buttons .tab-btn {
    position: relative;
    cursor: pointer;
    padding: 11px 32px 8px;
    font-size: 22px;
    text-align: center;
    font-weight: 700;
    color: var(--insuba-black, #122f2a);
    text-transform: uppercase;
    background-color: var(--insuba-white, #fff);
    border: 5px solid var(--insuba-white, #fff);
    border-radius: 0;
    overflow: visible;
    z-index: 1;
    transition: .5s
}

.excellent-service .tabs-box .tab-buttons .tab-btn::before {
    content: "";
    position: absolute;
    top: 50%;
    right: -25px;
    transform: translateY(-50%);
    opacity: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 19.5px 0 19.5px 20px;
    border-color: transparent transparent transparent var(--insuba-base, #0365d3);
    transition: .5s
}

.excellent-service__row {
    --bs-gutter-x: 38px
}

.excellent-service__image-col {
    flex: 0 0 auto;
    width: 25.2%
}

.excellent-service__content-col {
    flex: 0 0 auto;
    width: 74.8%
}

@media (max-width:1399px) {
    .excellent-service__inner {
        max-width: 1259px
    }

    .excellent-service__image-col {
        width: 30%
    }

    .excellent-service__content-col {
        width: 70%
    }
}

.excellent-service__image {
    padding: 36px;
    text-align: center;
    border-radius: 10px;
    border: 1px solid var(--insuba-border-color, #ddd)
}

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

.excellent-service__title {
    margin-bottom: 20px;
    font-size: 22px;
    color: var(--insuba-white, #fff);
    font-weight: 700;
    line-height: 1.318
}

.excellent-service__list li+li {
    margin-top: 20px
}

.excellent-service__list li {
    display: flex;
    gap: 12px;
    color: var(--insuba-white, #fff)
}

.excellent-service__list li .excellent-service__list__icon {
    position: relative;
    top: -3px;
    width: 31px;
    height: 31px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 50%;
    font-size: 16px;
    color: var(--insuba-base, #0365d3);
    background-color: var(--insuba-white, #fff);
    transition: .5s
}

.blog-details__categories__btn:hover,
.blog-details__tags__btn:hover,
.excellent-service__list li:hover .excellent-service__list__icon {
    color: var(--insuba-white, #fff);
    background-color: var(--insuba-base, #0365d3)
}

.excellent-service__shape {
    position: absolute;
    top: -309px;
    right: 0
}

.consultations-one {
    background-color: var(--insuba-white, #fff);
    counter-reset: consultationsOneNumber
}

@media (min-width:992px) and (max-width:1199px) {
    .online-banking .tabs-box .tab-buttons .tab-btn {
        width: calc(100% - 20px);
        gap: 20px
    }

    .online-banking .tabs-box .tab-buttons .tab-btn.active-btn {
        transform: translateX(20px)
    }

    .online-banking__chart-box {
        padding: 30px
    }

    .consultations-one__content {
        max-width: 700px
    }

    .service-card__content {
        padding-left: 30px;
        padding-right: 30px
    }
}

.consultations-one__text-box {
    margin-bottom: 24px;
    padding-right: 50px
}

@media (max-width:1199px) {
    .insurance-policy__bg {
        width: 100%
    }

    .insurance-policy__bg::after {
        display: none
    }

    .insurance-policy__image {
        position: static;
        transform: translateY(0);
        margin-bottom: 30px
    }

    .insurance-policy__content {
        padding-left: 0
    }

    .insurance-policy__title {
        margin-bottom: 25px
    }

    .insurance-policy .insuba-btn .insuba-btn__icon-box {
        background-color: var(--insuba-black3, #19232b)
    }

    .online-banking .tabs-box .tab-buttons .tab-btn__icon {
        width: 80px;
        height: 80px;
        font-size: 40px
    }

    .online-banking .tabs-box .tab-buttons .tab-btn__title {
        font-size: 20px
    }

    .need-contact__left {
        padding-right: 30px
    }

    .need-contact__title {
        font-size: 27px
    }

    .need-contact__right {
        padding-left: 30px
    }

    .excellent-service__inner {
        padding-left: 30px;
        padding-right: 30px
    }

    .excellent-service .tabs-box .tab-buttons .tab-btn::before,
    .excellent-service__inner::before {
        display: none
    }

    .excellent-service .tabs-box {
        display: block
    }

    .excellent-service .tabs-box .tab-buttons {
        flex-direction: row;
        align-items: center;
        justify-content: center;
        gap: 20px
    }

    .excellent-service .tabs-box .tab-buttons .tab-btn {
        padding-left: 25px;
        padding-right: 25px;
        font-size: 18px;
        border-width: 3px
    }

    .excellent-service .tabs-box .tabs-content {
        margin-top: 60px
    }

    .consultations-one__text-box {
        padding-right: 0
    }
}

.consultations-one__inner {
    position: relative;
    margin-bottom: 50px;
    padding-right: 52px
}

.consultations-one__inner__image {
    display: table;
    position: absolute;
    top: 50%;
    right: 52px;
    transform: translateY(-50%)
}

@media (max-width:991px) {
    .company-info__image img {
        border-radius: 20px;
        border: 4px solid var(--insuba-white, #fff)
    }

    .company-info__customers {
        padding: 0;
        text-align: center
    }

    .skill-selling__bg {
        max-width: 100%;
        clip-path: none
    }

    .skill-selling__content,
    .skill-selling__skill {
        max-width: 100%
    }

    .skill-selling__image,
    .skill-selling__shape-one,
    .skill-selling__shape-two {
        display: none
    }

    .insurance-policy__inner {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start
    }

    .online-banking .tabs-box .tab-buttons {
        flex-direction: row;
        align-items: center;
        gap: 25px
    }

    .consultations-one__inner,
    .need-contact__left {
        padding-right: 0
    }

    .need-contact__right {
        padding-left: 0
    }

    .excellent-service__shape,
    .need-contact__right::before {
        display: none
    }

    .excellent-service__content-col,
    .excellent-service__image-col {
        width: 100%
    }

    .excellent-service__image {
        margin-bottom: 40px;
        display: table
    }

    .consultations-one__inner__image {
        right: 0
    }
}

.consultations-one__inner__image::before {
    content: "";
    width: calc(50% + 13px);
    height: calc(100% + 26px);
    position: absolute;
    top: 50%;
    left: -15px;
    transform: translateY(-50%);
    background-color: var(--insuba-black5, #0f3667)
}

.consultations-one__item:hover .consultations-one__item__icon-box,
.consultations-one__item__number::after {
    background-color: var(--insuba-base, #0365d3)
}

.consultations-one__inner__image img {
    position: relative;
    z-index: 1;
    max-width: 100%;
    height: auto;
    border: 4px solid var(--insuba-white, #fff)
}

.consultations-one__item__icon svg,
.consultations-two .tabs-box .tab-buttons .tab-btn__icon svg {
    width: 1em;
    height: 1em;
    fill: currentColor
}

.consultations-one__item+.consultations-one__item {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid var(--insuba-border-color, #ddd)
}

.consultations-one__item {
    display: flex;
    align-items: center;
    gap: 22px
}

.consultations-one__item__icon-box {
    position: relative;
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    background-color: var(--insuba-black5, #0f3667);
    border-radius: 50%;
    transition: .5s
}

.consultations-one__item__icon {
    display: inline-flex;
    font-size: 34px;
    color: var(--insuba-white, #fff)
}

.consultations-one__item:hover .consultations-one__item__icon {
    animation-name: wobble-horizontal-hover;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: 1
}

.work-planning-two__card:hover .work-planning-two__card__icon>*,
.work-planning__item:hover .work-planning__item__icon {
    -webkit-animation-name: wobble-horizontal-hover;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1
}

.consultations-one__item__number,
.consultations-two .tabs-box .tab-buttons .tab-btn__number {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: var(--insuba-white, #fff);
    position: absolute;
    top: 6px;
    right: -7px;
    z-index: 1
}

.consultations-one__item__number::before {
    content: "0" counter(consultationsOneNumber);
    counter-increment: consultationsOneNumber;
    font-size: 10px;
    color: var(--insuba-white, #fff);
    font-weight: 700;
    line-height: 1;
    z-index: 1;
    transition: .5s
}

.consultations-one__item__number::after {
    content: "";
    width: 21px;
    height: 21px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: .5s
}

.consultations-one__item:hover .consultations-one__item__number::after {
    background-color: var(--insuba-black5, #0f3667)
}

.consultations-one__item__content {
    padding-right: 190px
}

@media (max-width:1199px) {
    .consultations-one__item__content {
        padding-right: 260px
    }
}

@media (max-width:767px) {
    .excellent-service .tabs-box .tab-buttons .tab-btn {
        font-size: 16px
    }

    .consultations-one__item__content {
        padding-right: 185px
    }
}

.consultations-one__item__title {
    margin-bottom: 0;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.318
}

.consultations-one__image {
    width: 603px;
    height: 603px;
    border-radius: 50%;
    display: table;
    position: relative;
    right: -50px
}

@media (max-width:1399px) {
    .consultations-one__image {
        right: 0
    }

    .work-planning__border-shape {
        max-width: 100%;
        height: auto
    }
}

@media (max-width:1199px) {
    .consultations-one__image {
        right: -28px
    }

    .consultations-two .sec-title {
        text-align: center
    }
}

@media (max-width:767px) {
    .consultations-one__image {
        width: 480px;
        height: 480px;
        right: auto
    }
}

@media (max-width:575px) {
    .insurance-policy__list-box {
        max-width: 100%
    }

    .online-banking .tabs-box .tab-buttons .tab-btn {
        width: calc(100% - 30px);
        gap: 20px
    }

    .online-banking .tabs-box .tab-buttons .tab-btn.active-btn {
        transform: translateX(30px)
    }

    .need-contact {
        padding: 72px 0 80px
    }

    .consultations-one__inner__image {
        margin-top: 60px;
        margin-left: 15px;
        position: relative;
        top: 0;
        right: auto;
        transform: translateY(0)
    }

    .consultations-one__item__content {
        padding-right: 0
    }

    .consultations-one__image {
        width: 380px;
        height: 380px
    }
}

.consultations-one__image__inner {
    width: 603px;
    height: 603px;
    border-radius: 50%;
    position: relative;
    overflow: hidden
}

@media (max-width:767px) {
    .consultations-one__image__inner {
        width: 480px;
        height: 480px
    }
}

@media (max-width:575px) {
    .consultations-one__image__inner {
        width: 380px;
        height: 380px
    }
}

.consultations-one__image__one {
    width: 603px;
    height: 603px;
    border-radius: 50%
}

@media (max-width:767px) {
    .consultations-one__image__one {
        width: 480px;
        height: 480px
    }
}

@media (max-width:575px) {
    .consultations-one__image__one {
        width: 380px;
        height: 380px
    }
}

.consultations-one__image__two {
    width: 225px;
    height: 225px;
    position: absolute;
    top: 32px;
    right: -45px;
    border-radius: 50%;
    border: 12px solid var(--insuba-white, #fff);
    z-index: 3;
    animation: 2s linear infinite zump
}

@media (max-width:767px) {
    .consultations-one__image__two {
        width: 200px;
        height: 200px;
        right: -30px
    }

    .consultations-one__image__shape-two {
        display: none
    }
}

@media (max-width:575px) {
    .consultations-one__image__two {
        width: 150px;
        height: 150px;
        right: -10px;
        border: 6px solid var(--insuba-white, #fff)
    }
}

.consultations-one__image__shape-one {
    max-width: 100%;
    height: auto;
    position: absolute;
    right: 0;
    bottom: -15px;
    z-index: 1;
    animation: 2s linear infinite moveHorizontal
}

.consultations-one__image__shape-two {
    position: absolute;
    top: 22px;
    left: -28px;
    z-index: 2
}

.consultations-one__image__shape-three {
    position: absolute;
    left: -28px;
    bottom: -63px;
    z-index: 2
}

.consultations-two {
    background-color: var(--insuba-white, #fff);
    counter-reset: consultationsTwoNumber
}

.consultations-two__top {
    margin-bottom: 61px
}

.consultations-two__row {
    --bs-gutter-x: 50px
}

.consultations-two .tabs-box .tab-buttons {
    margin: 0;
    position: relative;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    flex-wrap: wrap;
    gap: 30px;
    z-index: 11
}

.consultations-two .tabs-box .tab-buttons .tab-btn {
    position: relative;
    cursor: pointer;
    padding: 30px;
    display: flex;
    align-items: center;
    gap: 27px;
    background-color: var(--insuba-white5, #f0f5f5);
    z-index: 1;
    transition: .5s
}

.consultations-two .tabs-box .tab-buttons .tab-btn::after {
    content: "";
    position: absolute;
    top: 50%;
    right: -27px;
    transform: translateY(-50%);
    opacity: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 27px 0 27px 27px;
    border-color: transparent transparent transparent var(--insuba-base, #0365d3);
    transition: .5s
}

.consultations-two .tabs-box .tab-buttons .tab-btn.active-btn {
    background-color: var(--insuba-base, #0365d3);
    transform: translateX(50px)
}

.consultations-two .tabs-box .tab-buttons .tab-btn__icon {
    position: relative;
    z-index: 1;
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 35px;
    color: var(--insuba-white, #fff);
    background-color: var(--insuba-black5, #0f3667);
    border-radius: 50%;
    transition: .5s
}

.checkout-page__control .bootstrap-select>.dropdown-toggle::after,
.product__price-ranger .price-ranger .ui-slider .ui-slider-handle:nth-child(2),
.product__showing-sort .bootstrap-select>.dropdown-toggle::after {
    display: none
}

.consultations-two .tabs-box .tab-buttons .tab-btn__number::before {
    content: "0" counter(consultationsTwoNumber);
    counter-increment: consultationsTwoNumber;
    font-family: var(--insuba-heading-font, "Poppins", serif);
    font-size: 10px;
    color: var(--insuba-white, #fff);
    font-weight: 700;
    line-height: 1;
    z-index: 1;
    transition: .5s
}

.consultations-two .tabs-box .tab-buttons .tab-btn__number::after {
    content: "";
    width: 21px;
    height: 21px;
    border-radius: 50%;
    background-color: var(--insuba-black5, #0f3667);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.consultations-two .tabs-box .tab-buttons .tab-btn__title {
    margin-bottom: 4px;
    font-size: 22px;
    font-weight: 700;
    color: var(--insuba-black, #122f2a);
    line-height: 1.318;
    transition: .5s
}

.consultations-two .tabs-box .tab-buttons .tab-btn__border {
    width: 5px;
    height: 40px;
    position: absolute;
    top: 0;
    right: 0;
    background-color: var(--insuba-base, #0365d3);
    transition: .5s
}

.consultations-two__image__one {
    position: relative;
    z-index: 1;
    max-width: 100%;
    height: auto
}

.consultations-two__image__shape {
    max-width: 100%;
    height: auto;
    position: absolute;
    top: -88px;
    right: -82px;
    animation: 2s linear infinite zumpBottom
}

.work-planning {
    background-color: var(--insuba-white2, #ecf2f2);
    counter-reset: workPlanningSerialNumber
}

.work-planning__container {
    z-index: 1
}

.work-planning__container::before {
    content: "";
    width: 9px;
    height: 9px;
    border-radius: 50%;
    position: absolute;
    top: -124.5px;
    left: 50%;
    transform: translateX(-50%);
    background-color: var(--insuba-base, #0365d3);
    z-index: 1
}

.work-planning__container::after {
    content: "";
    width: calc(100% - 30px);
    height: 1px;
    position: absolute;
    top: -120px;
    left: 50%;
    transform: translateX(-50%);
    background-color: var(--insuba-border-color, #ddd)
}

.contact-two .sec-title,
.error-404__text,
.insurance-details__details,
.portfolio-three .sec-title,
.portfolio-three__list,
.work-planning__item__serial-number {
    margin-bottom: 21px
}

.work-planning__item__serial-number::after {
    content: "0" counter(workPlanningSerialNumber);
    counter-increment: workPlanningSerialNumber;
    font-size: 58px;
    font-weight: 700;
    color: #d3d3d3;
    line-height: 1;
    transition: .5s
}

.work-planning__item:hover .work-planning__item__serial-number::after {
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: var(--insuba-base, #0365d3)
}

.work-planning__item__image {
    margin: 0 auto 24px;
    width: 191px;
    height: 191px;
    display: flex;
    align-items: center;
    justify-content: center
}

.work-planning__item__image__bg {
    right: 0;
    bottom: 0;
    transition: .5s
}

.work-planning__item__image__inner {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 167px;
    height: 167px;
    -webkit-mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 501.000000 501.000000"><g transform="translate(0.000000,501.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M2080 4996 c0 -14 -48 -26 -104 -26 -16 0 -52 -6 -80 -14 -28 -8 -80 -22 -116 -31 -36 -10 -81 -23 -100 -30 -114 -42 -183 -70 -210 -86 -8 -5 -22 -12 -30 -15 -21 -8 -79 -39 -120 -63 -19 -11 -42 -24 -50 -28 -8 -3 -31 -19 -51 -35 -20 -15 -41 -28 -47 -28 -6 0 -12 -4 -14 -8 -1 -5 -25 -23 -53 -42 -27 -19 -108 -93 -180 -165 -153 -154 -169 -172 -221 -248 -95 -142 -133 -207 -216 -377 -178 -365 -306 -631 -335 -700 -9 -19 -22 -48 -29 -63 -8 -16 -14 -35 -14 -42 0 -8 -6 -29 -14 -47 -30 -71 -59 -185 -78 -303 -5 -33 -12 -161 -15 -285 -5 -218 3 -333 29 -440 6 -25 14 -61 18 -80 17 -79 50 -183 78 -250 8 -19 20 -48 27 -65 23 -53 86 -179 106 -210 10 -16 22 -37 26 -45 3 -8 19 -31 35 -51 15 -20 28 -41 28 -47 0 -6 4 -12 8 -14 5 -1 23 -24 41 -51 18 -26 92 -107 164 -180 148 -148 171 -169 242 -217 149 -101 195 -127 360 -209 305 -150 648 -315 725 -348 19 -9 48 -22 63 -29 16 -8 35 -14 42 -14 8 0 29 -6 47 -14 62 -27 227 -68 328 -83 87 -12 535 -9 625 4 103 16 234 49 320 80 22 9 58 22 80 30 51 19 106 43 125 54 8 5 22 12 30 15 21 8 79 39 120 63 19 11 42 24 50 28 8 3 31 19 51 35 20 15 41 28 47 28 6 0 12 4 14 8 2 5 26 23 53 42 46 31 280 258 332 322 93 113 177 252 272 443 150 305 315 648 348 725 9 19 22 48 29 63 8 16 14 35 14 42 0 8 6 29 14 47 29 69 72 241 80 328 3 32 12 60 21 66 13 9 15 47 15 243 0 179 -3 230 -12 228 -9 -1 -16 19 -21 58 -4 33 -13 80 -19 105 -6 25 -14 63 -19 85 -13 65 -46 171 -76 243 -41 101 -104 231 -134 277 -10 17 -22 37 -26 45 -3 8 -19 31 -35 51 -15 20 -28 41 -28 47 0 6 -4 12 -8 14 -5 2 -23 24 -41 51 -35 52 -275 298 -331 340 -85 63 -160 117 -164 117 -2 0 -28 16 -58 35 -29 20 -129 73 -223 119 -327 161 -642 312 -715 343 -19 9 -48 22 -63 29 -16 8 -35 14 -42 14 -8 0 -29 6 -47 14 -69 29 -241 72 -328 80 -32 3 -60 12 -66 21 -16 21 -474 23 -474 1z"/> </g> </svg>');
    mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 501.000000 501.000000"><g transform="translate(0.000000,501.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M2080 4996 c0 -14 -48 -26 -104 -26 -16 0 -52 -6 -80 -14 -28 -8 -80 -22 -116 -31 -36 -10 -81 -23 -100 -30 -114 -42 -183 -70 -210 -86 -8 -5 -22 -12 -30 -15 -21 -8 -79 -39 -120 -63 -19 -11 -42 -24 -50 -28 -8 -3 -31 -19 -51 -35 -20 -15 -41 -28 -47 -28 -6 0 -12 -4 -14 -8 -1 -5 -25 -23 -53 -42 -27 -19 -108 -93 -180 -165 -153 -154 -169 -172 -221 -248 -95 -142 -133 -207 -216 -377 -178 -365 -306 -631 -335 -700 -9 -19 -22 -48 -29 -63 -8 -16 -14 -35 -14 -42 0 -8 -6 -29 -14 -47 -30 -71 -59 -185 -78 -303 -5 -33 -12 -161 -15 -285 -5 -218 3 -333 29 -440 6 -25 14 -61 18 -80 17 -79 50 -183 78 -250 8 -19 20 -48 27 -65 23 -53 86 -179 106 -210 10 -16 22 -37 26 -45 3 -8 19 -31 35 -51 15 -20 28 -41 28 -47 0 -6 4 -12 8 -14 5 -1 23 -24 41 -51 18 -26 92 -107 164 -180 148 -148 171 -169 242 -217 149 -101 195 -127 360 -209 305 -150 648 -315 725 -348 19 -9 48 -22 63 -29 16 -8 35 -14 42 -14 8 0 29 -6 47 -14 62 -27 227 -68 328 -83 87 -12 535 -9 625 4 103 16 234 49 320 80 22 9 58 22 80 30 51 19 106 43 125 54 8 5 22 12 30 15 21 8 79 39 120 63 19 11 42 24 50 28 8 3 31 19 51 35 20 15 41 28 47 28 6 0 12 4 14 8 2 5 26 23 53 42 46 31 280 258 332 322 93 113 177 252 272 443 150 305 315 648 348 725 9 19 22 48 29 63 8 16 14 35 14 42 0 8 6 29 14 47 29 69 72 241 80 328 3 32 12 60 21 66 13 9 15 47 15 243 0 179 -3 230 -12 228 -9 -1 -16 19 -21 58 -4 33 -13 80 -19 105 -6 25 -14 63 -19 85 -13 65 -46 171 -76 243 -41 101 -104 231 -134 277 -10 17 -22 37 -26 45 -3 8 -19 31 -35 51 -15 20 -28 41 -28 47 0 6 -4 12 -8 14 -5 2 -23 24 -41 51 -35 52 -275 298 -331 340 -85 63 -160 117 -164 117 -2 0 -28 16 -58 35 -29 20 -129 73 -223 119 -327 161 -642 312 -715 343 -19 9 -48 22 -63 29 -16 8 -35 14 -42 14 -8 0 -29 6 -47 14 -69 29 -241 72 -328 80 -32 3 -60 12 -66 21 -16 21 -474 23 -474 1z"/> </g> </svg>');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-size: auto;
    mask-size: auto
}

.work-planning__item__image__inner img {
    display: block;
    width: 100%;
    object-fit: cover
}

.work-planning-two__card__icon svg,
.work-planning-two__card__link__icon svg,
.work-planning__item__icon svg {
    width: 1em;
    height: 1em;
    fill: currentColor
}

.btn-submit.loading span,
.work-planning__item:hover .work-planning__item__image__bg {
    opacity: 0
}

.work-planning__item__icon-box {
    display: flex;
    bottom: 36px;
    align-items: center;
    justify-content: center;
    background-color: var(--main, #0f3667);
    border: 5px solid var(--insuba-white, #fff);
    transition: .5s
}

.work-planning__item:hover .work-planning__item__icon-box {
    background-color: var(--insuba-black5, #0365d3)
}

.work-planning__item__icon {
    display: inline-flex;
    color: var(--insuba-white, #fff)
}

.work-planning__item:hover .work-planning__item__icon {
    animation-name: wobble-horizontal-hover;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: 1
}

.work-planning__item__title {
    line-height: 1.318
}

.work-planning__item__text {
    margin: 0;
    font-weight: 500
}

.work-planning__border-shape {
    position: absolute;
    top: calc(50% + 10px);
    left: 50%;
    transform: translate(-50%, -50%)
}

.work-planning-two__bg,
.work-planning-two__overlay {
    height: calc(100% - 156px);
    bottom: 0;
    width: 100%;
    left: 0
}

.work-planning__appointment {
    padding: 35px 32px;
    border: 1px solid var(--insuba-border-color, #ddd);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px 50px
}

.work-planning__appointment__text {
    position: relative;
    margin: 0 0 0 13px;
    line-height: 1.47
}

.work-planning__appointment__text::before {
    content: "";
    width: 2px;
    height: 100px;
    position: absolute;
    top: 76%;
    left: -13px;
    transform: translateY(-50%);
    background-color: var(--insuba-base, #0365d3)
}

.work-planning__appointment .insuba-btn {
    flex-shrink: 0
}

.work-planning-two {
    position: relative;
    padding-bottom: 80px;
    background-color: transparent
}

.work-planning-two__overlay {
    position: absolute;
    background-color: var(--insuba-white5, #f0f5f5)
}

.work-planning-two__bg {
    position: absolute;
    z-index: 1;
    overflow: hidden
}

.work-planning-two__bg__inner {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: -190px;
    background-position: center center;
    background-size: auto;
    background-repeat: repeat-x;
    animation: 40s linear infinite moveBackground
}

.home-insurance__carousel__bg,
.service-card-two__bg,
.service-card__bg,
.service-card__image__inner {
    background-size: cover;
    background-repeat: no-repeat
}

.work-planning-two__inner {
    margin-top: -156px;
    padding: 110px 0 164px;
    position: relative;
    z-index: 2;
    background-color: var(--insuba-white, #fff);
    border-radius: 40px;
    overflow: hidden
}

@media (max-width:991px) {
    .consultations-two__image__shape {
        right: -60px
    }

    .work-planning__appointment {
        flex-direction: column;
        justify-content: center
    }

    .work-planning__appointment__text {
        margin: 0;
        text-align: center
    }

    .work-planning__appointment__text::before {
        display: none
    }

    .work-planning-two__inner {
        padding: 110px 40px 101px
    }
}

@media (max-width:767px) {

    .consultations-one__image__shape-three,
    .consultations-two__image__shape {
        display: none
    }

    .work-planning__container::before {
        top: -104.5px
    }

    .work-planning__container::after {
        top: -100px
    }

    .work-planning-two__inner {
        padding-top: 100px;
        padding-bottom: 91px
    }

    .work-planning-two__info__image {
        text-align: center
    }
}

.work-planning-two__top {
    margin-bottom: 110px;
    padding-left: 60px;
    padding-right: 60px
}

.work-planning-two__card--1 .work-planning-two__card__hover::after {
    width: calc(100% + 15px)
}

.work-planning-two__card--2::after,
.work-planning-two__card--2::before {
    content: "";
    width: 1px;
    height: 206px;
    background-color: var(--insuba-border-color, #ddd);
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.work-planning-two__card:hover .work-planning-two__card__icon,
.work-planning-two__card__hover::after {
    background-color: var(--insuba-base, #0365d3)
}

.work-planning-two__card--2::before {
    left: -15px
}

.work-planning-two__card--2::after {
    right: -15px
}

.work-planning-two__card--2 .work-planning-two__card__hover::after {
    width: calc(100% + 30px);
    left: 50%;
    transform: translateX(-50%)
}

.work-planning-two__card--3 .work-planning-two__card__hover::after {
    width: calc(100% + 15px);
    left: -15px
}

.work-planning-two__card__show {
    padding: 0 60px;
    transition: .5s
}

.work-planning-two__card__show .work-planning-two__card__title {
    margin-top: 14px
}

.work-planning-two__card__show .work-planning-two__card__text {
    margin: 0
}

.work-planning-two__card:hover .work-planning-two__card__show {
    opacity: 0;
    transform: translateY(-50px)
}

.work-planning-two__card__hover::before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 22px 22px;
    border-color: transparent transparent var(--insuba-base, #0365d3) transparent;
    position: absolute;
    top: calc(100% + 71px);
    left: 50%;
    transform: translateX(-50%)
}

.work-planning-two__card__hover::after {
    content: "";
    width: 100%;
    height: 4px;
    position: absolute;
    top: calc(100% + 93px);
    left: 0
}

@media (min-width:992px) {
    .blog-card-two--grid .blog-card-two__image {
        width: 237px;
        flex-shrink: 0
    }

    .blog-card-two--grid .blog-card-two__content {
        padding: 10px 35px 10px 39px
    }

    .about-one__left {
        display: grid;
        grid-template-columns: 200px auto;
        align-items: center
    }

    .work-planning-two__card__hover {
        padding: 0 30px;
        width: 100%;
        opacity: 0;
        position: absolute;
        top: -70px;
        left: 50%;
        transform: translateX(-50%) translateY(50px);
        z-index: 2;
        transition: .5s
    }

    .work-planning-two__card:hover .work-planning-two__card__hover {
        opacity: 1;
        transform: translateX(-50%) translateY(0)
    }
}

.work-planning-two__card__serial-number {
    position: relative;
    margin: 0;
    font-size: 58px;
    font-weight: 700;
    color: var(--insuba-border-color, #ddd);
    line-height: 1;
    transition: .5s
}

.work-planning-two__card:hover .work-planning-two__card__serial-number {
    color: var(--insuba-white, #fff);
    -webkit-text-stroke-width: 3px;
    -webkit-text-stroke-color: var(--insuba-base, #0365d3)
}

.work-planning-two__card__icon-box {
    position: relative;
    z-index: 1;
    margin: -25px auto 0;
    width: 79px;
    height: 79px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: var(--insuba-white2, #ecf2f2)
}

.work-planning-two__card__icon {
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--insuba-black5, #0f3667);
    border-radius: inherit;
    font-size: 34px;
    color: var(--insuba-white, #fff);
    transition: .5s
}

.work-planning-two__card:hover .work-planning-two__card__icon>* {
    animation-name: wobble-horizontal-hover;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: 1
}

.funfact__item:hover .funfact__icon,
.home-insurance__content:hover .home-insurance__icon {
    -webkit-animation-name: wobble-horizontal-hover;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1
}

.work-planning-two__card__image {
    margin: -40px auto 0;
    width: 191px;
    height: 129px;
    border-radius: 50px;
    transition: .5s
}

.work-planning-two__card__title {
    margin: 25px 0 12px;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.318
}

.work-planning-two__card__title a {
    color: inherit;
    transition: .5s
}

.work-planning-two__card__text {
    margin-bottom: 9px;
    line-height: 1.4375
}

.service-card-four__link,
.work-planning-two__card__link {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: var(--insuba-base, #0365d3);
    font-weight: 500;
    line-height: 1.4375
}

.work-planning-two__card__link__icon {
    display: inline-flex;
    font-size: 12px;
    color: inherit
}

.service-details__thumbnail img,
.work-planning-two__info__image img {
    max-width: 100%;
    height: auto;
    border-radius: 10px
}

.app-store__btn__icon svg,
.funfact--home-2 .funfact__bottom__link__icon svg,
.funfact__icon svg,
.home-insurance__icon svg,
.service-card-two__btn__icon svg,
.service-card__btn__icon svg {
    width: 1em;
    height: 1em;
    fill: currentColor
}

.app-store__riview__text,
.app-store__text,
.service-details__text,
.services-four .sec-title,
.services-one .sec-title,
.services-page .sec-title,
.services-page__text,
.services-three .sec-title,
.work-planning-two__info__list {
    margin: 0
}

.work-planning-two__info__list li {
    display: flex;
    gap: 10px;
    font-size: 16px;
    font-weight: 500;
    color: var(--insuba-black6, #232323)
}

.work-planning-two__info__list li+li {
    margin-top: 6px
}

.work-planning-two__info__list li .service-details__policies__icon {
    position: relative;
    top: -1px;
    flex-shrink: 0;
    font-size: 18px;
    color: var(--insuba-base, #0365d3)
}

.cart-page__button,
.work-planning-two__info__button {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.work-planning-two__shape-one {
    max-width: 100%;
    height: auto;
    position: absolute;
    top: -585px;
    left: -176px
}

.work-planning-two__shape-two {
    max-width: 100%;
    height: auto;
    position: absolute;
    top: -500px;
    right: -370px
}

.app-store {
    position: relative;
    margin-top: -153px;
    z-index: 2;
    background-color: transparent
}

.app-store__inner {
    position: relative;
    padding: 101px 95px 85px;
    background-color: var(--insuba-white, #fff);
    border: 1px solid var(--insuba-black13, #123866);
    border-radius: 30px 30px 0 0;
    overflow: hidden
}

.app-store__btn--bg,
.app-store__btn--border:hover,
.funfact--home-2 .funfact__bottom__link__text::after,
.funfact--home-2 .funfact__item:hover .funfact__icon-box,
.home-insurance__carousel.owl-carousel .owl-nav button:hover,
.home-insurance__content:hover .home-insurance__icon-box {
    background-color: var(--insuba-base, #0365d3)
}

@media (max-width:1199px) {
    .consultations-two__description {
        text-align: center
    }

    .consultations-two .tabs-box .tab-buttons .tab-btn::after,
    .work-planning__border-shape {
        display: none
    }

    .consultations-two .tabs-box .tab-buttons .tab-btn.active-btn {
        transform: translateX(0)
    }

    .consultations-two__image {
        margin: 0 auto
    }

    .consultations-two__image__shape {
        top: -40px
    }

    .work-planning__item__icon-box {
        left: -30px;
        bottom: 30px
    }

    .work-planning-two__card__show {
        padding: 0 30px
    }

    .app-store__inner {
        padding-left: 50px;
        padding-right: 50px
    }
}

@media (max-width:575px) {
    .work-planning-two__inner {
        padding-top: 80px;
        padding-bottom: 71px
    }

    .app-store__inner {
        padding-left: 40px;
        padding-right: 40px
    }
}

.app-store .sec-title {
    margin-bottom: 25px
}

.app-store__button {
    margin-bottom: 24px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px
}

.app-store__btn {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    font-size: 16px;
    font-weight: 500;
    border-radius: 3px;
    transition: .5s
}

.app-store__btn__icon {
    display: inline-flex;
    position: relative;
    top: -1px;
    font-size: 18px;
    transition: .5s
}

.app-store__btn--border {
    padding: 12.5px 27.5px;
    color: var(--insuba-black3, #19232b);
    border: 1px solid RGBA(var(--insuba-base-rgb, 3, 101, 211), .51)
}

.app-store__btn--border .app-store__btn__icon {
    color: var(--insuba-base, #0365d3)
}

.app-store__btn--bg,
.app-store__btn--bg .app-store__btn__icon,
.app-store__btn--border:hover,
.app-store__btn--border:hover .app-store__btn__icon {
    color: var(--insuba-white, #fff)
}

.app-store__btn--border:hover {
    border-color: var(--insuba-base, #0365d3)
}

.app-store__btn--bg {
    padding: 12.5px 26.5px;
    border: 1px solid transparent
}

.app-store__btn--bg:hover {
    color: var(--insuba-black3, #19232b);
    background-color: transparent;
    border-color: RGBA(var(--insuba-base-rgb, 3, 101, 211), .51)
}

.app-store__btn--bg:hover .app-store__btn__icon {
    color: var(--insuba-base, #0365d3)
}

.app-store__riview__text__highlight {
    font-weight: 500;
    color: var(--insuba-base, #0365d3)
}

.app-store__image {
    max-width: 100%;
    height: auto;
    position: absolute;
    left: 166px;
    bottom: 0;
    z-index: 1;
    animation: 2s linear infinite moveHorizontal2
}

.app-store__shape {
    max-width: 100%;
    height: auto;
    position: absolute;
    left: -212px;
    bottom: -320px
}

.home-insurance__shape,
.newsletter__shape-two {
    max-width: 100%;
    height: auto;
    position: absolute;
    right: 0;
    bottom: 0
}

.home-insurance__inner {
    background-color: var(--insuba-white, #fff);
    border-radius: 10px;
    filter: drop-shadow(0 0 39.5px rgba(86, 73, 102, .09))
}

.home-insurance .row {
    --bs-gutter-y: 0
}

.home-insurance__content__box {
    padding: 36px 20px 38px 119px
}

@media (max-width:991px) {
    .work-planning-two__top {
        padding: 0;
        margin-bottom: 49px
    }

    .app-store__image,
    .work-planning-two__card--2::after,
    .work-planning-two__card--2::before,
    .work-planning-two__card__hover::after,
    .work-planning-two__card__hover::before,
    .work-planning-two__card__show {
        display: none
    }

    .work-planning-two__info__button {
        justify-content: center
    }

    .app-store__inner {
        padding-top: 43px;
        padding-bottom: 40px
    }

    .home-insurance__content__box {
        padding-right: 30px;
        padding-bottom: 50px
    }
}

@media (max-width:575px) {
    .home-insurance__content__box {
        padding: 180px 30px 50px
    }
}

.home-insurance__icon-box {
    position: absolute;
    top: -2px;
    left: -32px;
    flex-shrink: 0;
    width: 122px;
    height: 146px;
    background-color: var(--insuba-black4, #0f3564);
    -webkit-mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 369.000000 441.000000"><g transform="translate(0.000000,441.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M710 4395 c0 -9 -14 -16 -37 -20 -35 -6 -86 -25 -123 -47 -8 -4 -22 -11 -30 -15 -45 -20 -143 -109 -196 -178 -49 -63 -154 -258 -154 -284 0 -5 -6 -22 -14 -38 -8 -15 -22 -55 -32 -88 -9 -33 -23 -80 -30 -105 -15 -52 -35 -159 -60 -315 -14 -91 -17 -175 -17 -480 0 -368 4 -423 44 -720 7 -44 13 -98 16 -120 14 -147 96 -510 140 -630 9 -22 21 -56 28 -75 116 -315 287 -590 501 -804 172 -172 316 -269 548 -370 32 -14 65 -26 72 -26 7 0 28 -6 46 -14 45 -19 109 -34 198 -49 85 -13 464 -16 555 -4 91 12 271 59 318 83 16 8 35 14 43 14 14 0 119 45 185 81 20 10 47 25 60 32 140 74 345 241 466 381 133 153 221 295 307 491 46 105 97 286 113 400 5 39 12 59 21 58 9 -2 12 44 12 202 0 170 -2 205 -14 205 -9 0 -17 16 -21 43 -8 56 -35 133 -62 182 -13 22 -27 50 -33 62 -18 42 -249 263 -273 263 -3 0 -25 13 -49 29 -50 33 -112 69 -183 106 -27 14 -90 48 -140 75 -49 27 -112 61 -140 75 -27 14 -63 35 -80 45 -16 11 -39 24 -50 30 -105 56 -337 228 -446 332 -82 78 -185 198 -264 307 -222 307 -244 334 -355 454 -198 214 -465 389 -625 411 -22 3 -45 12 -51 21 -16 22 -194 22 -194 0z"/> </g> </svg>');
    mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 369.000000 441.000000"><g transform="translate(0.000000,441.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M710 4395 c0 -9 -14 -16 -37 -20 -35 -6 -86 -25 -123 -47 -8 -4 -22 -11 -30 -15 -45 -20 -143 -109 -196 -178 -49 -63 -154 -258 -154 -284 0 -5 -6 -22 -14 -38 -8 -15 -22 -55 -32 -88 -9 -33 -23 -80 -30 -105 -15 -52 -35 -159 -60 -315 -14 -91 -17 -175 -17 -480 0 -368 4 -423 44 -720 7 -44 13 -98 16 -120 14 -147 96 -510 140 -630 9 -22 21 -56 28 -75 116 -315 287 -590 501 -804 172 -172 316 -269 548 -370 32 -14 65 -26 72 -26 7 0 28 -6 46 -14 45 -19 109 -34 198 -49 85 -13 464 -16 555 -4 91 12 271 59 318 83 16 8 35 14 43 14 14 0 119 45 185 81 20 10 47 25 60 32 140 74 345 241 466 381 133 153 221 295 307 491 46 105 97 286 113 400 5 39 12 59 21 58 9 -2 12 44 12 202 0 170 -2 205 -14 205 -9 0 -17 16 -21 43 -8 56 -35 133 -62 182 -13 22 -27 50 -33 62 -18 42 -249 263 -273 263 -3 0 -25 13 -49 29 -50 33 -112 69 -183 106 -27 14 -90 48 -140 75 -49 27 -112 61 -140 75 -27 14 -63 35 -80 45 -16 11 -39 24 -50 30 -105 56 -337 228 -446 332 -82 78 -185 198 -264 307 -222 307 -244 334 -355 454 -198 214 -465 389 -625 411 -22 3 -45 12 -51 21 -16 22 -194 22 -194 0z"/> </g> </svg>');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-size: auto;
    mask-size: auto;
    transition: .5s
}

.home-insurance__icon {
    display: inline-flex;
    position: absolute;
    right: 25px;
    bottom: 33px;
    font-size: 50px;
    color: var(--insuba-white, #fff);
    transition: .5s
}

.home-insurance__content:hover .home-insurance__icon {
    color: var(--insuba-white, #fff);
    animation-name: wobble-horizontal-hover;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: 1
}

.home-insurance__title {
    margin-bottom: 8px;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.318
}

.home-insurance__text {
    margin-bottom: 24px;
    font-weight: 500
}

.home-insurance__carousel {
    position: relative;
    height: 100%;
    border-radius: 10px
}

.home-insurance__carousel.owl-carousel .owl-nav {
    width: calc(100% + 46px);
    margin-top: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex !important;
    justify-content: space-between;
    gap: 0;
    z-index: 1
}

.home-insurance__carousel.owl-carousel .owl-nav button {
    width: 46px;
    height: 46px;
    font-size: 15px;
    color: var(--insuba-base, #0365d3);
    background-color: var(--insuba-white, #fff);
    border: 1px solid var(--insuba-base, #0365d3)
}

.home-insurance__carousel .owl-stage-outer,
.home-insurance__carousel .owl-stage-outer *,
.home-insurance__carousel__bg {
    height: 100%;
    border-radius: 10px
}

.home-insurance__carousel.owl-carousel .owl-nav button:hover {
    color: var(--insuba-white, #fff);
    border-bottom: var(--insuba-base, #0365d3)
}

.home-insurance__carousel__bg {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-position: center center;
    transform: scale(1);
    transition: transform 7s
}

.home-insurance .active .home-insurance__carousel__bg {
    transform: scale(1.15)
}

.funfact--home-1 .funfact__row {
    --bs-gutter-x: 0px
}

.funfact--home-1 .funfact__row>* {
    border-left: 1px solid var(--insuba-border-color, #ddd);
    border-right: 1px solid var(--insuba-border-color, #ddd);
    border-bottom: 1px solid var(--insuba-border-color, #ddd)
}

.funfact--home-1 .funfact__row>:first-child {
    border-top: 1px solid var(--insuba-border-color, #ddd)
}

.funfact--home-1 .funfact__item {
    padding: 30px 30px 25.25px;
    flex-direction: column;
    align-items: center
}

@media (max-width:991px) {
    .home-insurance__carousel {
        height: 240px
    }

    .funfact--home-1 .funfact__row {
        --bs-gutter-x: 30px;
        --bs-gutter-y: 30px
    }

    .funfact--home-1 .funfact__row>* {
        border: 0 !important
    }

    .funfact--home-1 .funfact__item {
        border: 1px solid var(--insuba-border-color, #ddd)
    }

    .funfact__item--2 .funfact__item__shape {
        display: none
    }
}

.funfact--home-1 .funfact__content {
    margin: 0;
    text-align: center
}

.funfact--home-2::after {
    content: "";
    width: 100%;
    height: 250px;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: var(--insuba-white8, #edf0f2)
}

.funfact--home-2 .funfact__wrapper {
    position: relative;
    max-width: 1458px;
    padding: 113px 10px 114px;
    margin: 0 auto;
    background-color: var(--insuba-black3, #19232b);
    border-radius: 50px;
    overflow: hidden;
    z-index: 1
}

.funfact--home-2 .funfact__bottom__link:hover .funfact--home-2 .funfact__bottom__link__link__text::after,
.funfact--home-2 .funfact__icon-box {
    background-color: var(--insuba-white, #fff)
}

@media (max-width:767px) {
    .work-planning-two__info__list li {
        justify-content: center
    }

    .funfact--home-2 .funfact__wrapper {
        padding-top: 93px;
        padding-bottom: 94px
    }
}

@media (max-width:575px) {
    .home-insurance__carousel.owl-carousel .owl-nav {
        width: calc(100% + 15px)
    }

    .funfact--home-2 .funfact__wrapper {
        padding-top: 73px;
        padding-bottom: 74px
    }
}

.funfact--home-2 .container {
    position: relative;
    z-index: 3
}

.funfact--home-2 .funfact__top {
    text-align: center;
    margin: 0 auto 49px;
    padding-bottom: 18px;
    display: table;
    border-bottom: 1px solid RGBA(var(--insuba-white-rgb, 255, 255, 255), .25)
}

.funfact--home-2 .funfact__top__title {
    margin: 0;
    font-size: 23px;
    color: var(--insuba-white, #fff);
    font-weight: 700;
    line-height: 1.521
}

.funfact--home-2 .funfact__icon {
    color: var(--insuba-black4, #0f3564)
}

.funfact--home-2 .funfact__bottom__link:hover,
.funfact--home-2 .funfact__count,
.funfact--home-2 .funfact__item:hover .funfact__icon,
.funfact--home-2 .funfact__text,
.funfact__icon,
.slide-one__text {
    color: var(--insuba-white, #fff)
}

.funfact--home-2 .funfact__shape-one {
    position: absolute;
    top: 60px;
    left: -45px
}

.funfact--home-2 .funfact__shape-two {
    position: absolute;
    top: 0;
    left: 150px;
    z-index: 1
}

@media (max-width:575px) {

    .funfact--home-2 .funfact__shape-one,
    .funfact--home-2 .funfact__shape-two {
        display: none
    }
}

.funfact--home-2 .funfact__shape-three {
    position: absolute;
    right: -171px;
    bottom: -35px
}

.funfact--home-2 .funfact__shape-four {
    position: absolute;
    right: 71px;
    bottom: -19px;
    z-index: 1
}

.funfact--home-2 .funfact__shape-five {
    position: absolute;
    top: -330px;
    right: -190px;
    z-index: 1
}

.funfact--home-2 .funfact__shape-six {
    position: absolute;
    left: -61px;
    bottom: -93px;
    animation: 2s linear infinite zumpBottom
}

.funfact--home-2 .funfact__bottom {
    margin-top: 45px;
    text-align: center
}

.funfact--home-2 .funfact__bottom__text {
    margin: 0;
    font-weight: 500;
    color: var(--insuba-white, #fff)
}

.funfact--home-2 .funfact__bottom__link {
    margin-left: 3px
}

.funfact--home-2 .funfact__bottom__link__text {
    position: relative;
    color: inherit
}

.funfact--home-2 .funfact__bottom__link__text::after {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    top: 100%;
    left: 0
}

.funfact--home-2 .funfact__bottom__link__icon {
    margin-left: 2px;
    display: inline-flex;
    font-size: 11px;
    color: inherit
}

.funfact--home-3,
.funfact--home-4 {
    position: relative;
    padding: 100px 0;
    background-color: var(--insuba-white5, #f0f5f5);
    overflow: hidden
}

.funfact--home-3 .container,
.funfact--home-4 .container,
.insurance-one .container,
.insurance-one .container-fluid,
.portfolio-one .container,
.portfolio-one .container-fluid,
.services-four .container,
.services-one .container,
.services-three .container,
.services-two .container {
    position: relative;
    z-index: 1
}

.funfact--home-3 .funfact__item,
.funfact--home-4 .funfact__item,
.insurance-card__image,
.insurance-one,
.services-one {
    position: relative
}

.funfact--home-3 .funfact__item::after,
.funfact--home-4 .funfact__item::after {
    content: "";
    width: 100%;
    height: 4px;
    position: absolute;
    left: 0;
    bottom: -100px;
    background-color: var(--insuba-base, #0365d3);
    transform: scaleX(0);
    transition: .5s linear
}

@media (max-width:575px) {

    .funfact--home-3,
    .funfact--home-4 {
        padding: 80px 0
    }

    .funfact--home-3 .funfact__item::after,
    .funfact--home-4 .funfact__item::after {
        bottom: -80px
    }
}

.funfact--home-3 .funfact__item:hover::after,
.funfact--home-4 .funfact__item:hover::after,
.service-link:hover::before {
    transform: scaleX(1)
}

.funfact--home-3 .funfact__shape-one,
.funfact--home-4 .funfact__shape-one {
    max-width: 100%;
    height: auto;
    position: absolute;
    top: -183px;
    left: 0;
    animation: 2s linear infinite moveHorizontal2
}

@media (max-width:1599px) {

    .funfact--home-3 .funfact__shape-one,
    .funfact--home-4 .funfact__shape-one {
        left: -120px
    }
}

.funfact--home-3 .funfact__shape-two,
.funfact--home-4 .funfact__shape-two {
    max-width: 100%;
    height: auto;
    position: absolute;
    top: -177px;
    right: 0;
    animation: 2s linear infinite moveHorizontal
}

@media (max-width:1599px) {

    .funfact--home-3 .funfact__shape-two,
    .funfact--home-4 .funfact__shape-two {
        right: -120px
    }
}

.funfact--home-4 .funfact__item::after {
    top: -100px;
    bottom: auto
}

.funfact--home-4 .funfact__shape-one {
    top: -254px
}

@media (max-width:1399px) {

    .funfact--home-3 .funfact__shape-one,
    .funfact--home-4 .funfact__shape-one {
        left: -140px
    }

    .funfact--home-3 .funfact__shape-two,
    .funfact--home-4 .funfact__shape-two {
        right: -140px
    }

    .funfact--home-4 .funfact__shape-one {
        left: -180px
    }
}

.funfact--home-4 .funfact__shape-two {
    top: auto;
    bottom: -234px
}

.funfact--portfolio-details .funfact__inner {
    padding: 99px 0;
    border-top: 1px solid var(--insuba-border-color, #ddd);
    border-bottom: 1px solid var(--insuba-border-color, #ddd)
}

@media (max-width:767px) {
    .funfact--portfolio-details .funfact__inner {
        padding: 80px 0
    }
}

.funfact__row {
    --bs-gutter-x: 96px
}

.funfact__item {
    position: relative;
    display: flex;
    gap: 19px
}

.funfact__item__shape {
    position: absolute;
    top: 50%;
    right: -48px;
    transform: translateY(-50%)
}

.funfact__icon-box {
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 50%;
    background-color: var(--main);
    transition: .5s
}

.funfact__item:hover .funfact__icon-box {
    background-color: var(--insuba-black5, #0365d3)
}

.funfact__icon {
    display: inline-flex;
    font-size: 35px;
    transition: .5s
}

.funfact__item:hover .funfact__icon {
    animation-name: wobble-horizontal-hover;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: 1
}

.funfact__content {
    margin-top: 6px
}

.funfact__count {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    font-size: 30px;
    font-weight: 700;
    line-height: 1;
    color: #000;
}

@media (max-width:1024px) {
    .features-one__card__icon {
        font-size: 45px
    }

    .funfact__count {
        font-size: 26px
    }
}

@media (min-width:576px) and (max-width:1199px) {
    .funfact__item {
        flex-direction: column;
        align-items: center;
        margin-left: -8px
    }

    .funfact__content {
        margin: 0;
        text-align: center
    }

    .funfact__count {
        justify-content: center
    }
}

.funfact__text {
    margin: 0;
    font-size: 17px;
    font-weight: 500;
    line-height: 1.5
}

.slide-one {
    position: relative;
    padding: 40px 0;
    background-color: var(--insuba-base, #0365d3)
}

.service-card,
.service-card:hover .service-card__icon-box,
.slide-one--home-4 {
    background-color: var(--insuba-white, #fff)
}

.slide-one__bg::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: RGBA(var(--insuba-base-rgb, 3, 101, 211), .93)
}

.slide-one__slide {
    z-index: 1;
    width: 100%;
    display: flex;
    align-items: center;
    gap: 20px;
    animation: 25s linear infinite reverse textScrolling;
    will-change: transform;
    position: relative;
    white-space: nowrap
}

.slide-one__slide:hover {
    animation-play-state: paused
}

@keyframes textScrolling {
    0% {
        transform: translate3d(-100%, 0, 0)
    }

    100% {
        transform: translate3d(0, 0, 0)
    }
}

.slide-one__text {
    margin: 0;
    font-size: 42px;
    font-weight: 700;
    line-height: 1.285
}

.slide-one--home-4 .slide-one__text:nth-child(2n),
.slide-one__text--stroke {
    color: var(--insuba-base, #0365d3)
}

.slide-one__text--stroke {
    text-shadow: 2px 2px 0 var(--insuba-white, #fff), -2px -2px 0 var(--insuba-white, #fff), 2px -2px 0 var(--insuba-white, #fff), -2px 2px 0 var(--insuba-white, #fff), 2px 2px 0 var(--insuba-white, #fff)
}

.slide-one--home-4 {
    padding: 94px 0 92px;
    border-bottom: 1px solid var(--insuba-border-color, #ddd)
}

.slide-one--home-4 .slide-one__text {
    color: var(--insuba-black3, #19232b)
}

.slide-one--home-4 .slide-one__text--stroke {
    color: var(--insuba-white, #fff);
    text-shadow: 2px 2px 0 var(--insuba-black3, #19232b), -2px -2px 0 var(--insuba-black3, #19232b), 2px -2px 0 var(--insuba-black3, #19232b), -2px 2px 0 var(--insuba-black3, #19232b), 2px 2px 0 var(--insuba-black3, #19232b)
}

.service-card {
    border: 1px solid var(--insuba-border-color, #ddd)
}

.service-card__bg {
    width: calc(100% + 2px);
    height: 0;
    position: absolute;
    left: -1px;
    bottom: 0;
    background-color: var(--insuba-black4, #0f3564);
    background-position: center center;
    transition: .5s
}

.service-card:hover .service-card__bg {
    height: calc(100% - 61px);
    top: -1px
}

@media (min-width:768px) and (max-width:991px) {
    .service-card__content {
        padding-left: 35px;
        padding-right: 35px
    }
}

.service-card__top {
    display: flex;
    align-items: center;
    margin-top: 10px
}

.service-card__icon-box {
    position: relative;
    margin-bottom: 19px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .5s
}

.service-card__icon-box::after {
    content: "";
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    border-radius: inherit;
    transition: .5s
}

.portfolio-card__btn,
.service-card__btn {
    border: 3px solid var(--insuba-white, #fff)
}

.service-card-two::before,
.service-card:hover .service-card__shape,
.service-card__btn {
    background-color: var(--insuba-base, #0365d3)
}

.service-card:hover .service-card__icon-box::after {
    opacity: 1
}

.service-card__icon {
    display: inline-flex;
    color: var(--insuba-white, #fff);
    transition: .5s
}

.service-card:hover .service-card__icon {
    color: var(--insuba-base, #0365d3);
    -webkit-animation-name: wobble-horizontal-hover;
    animation-name: wobble-horizontal-hover;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

.service-card:hover .service-card__text,
.service-card:hover .service-card__title,
.service-card__btn__icon,
.service-card__number::after {
    color: var(--insuba-white, #fff)
}

.service-card__number::after {
    content: "0" counter(serviceNumber);
    counter-increment: serviceNumber;
    font-size: 46px;
    text-shadow: 1px 1px 0 RGBA(var(--insuba-text-rgb, 99, 99, 99), .34), -1px -1px 0 RGBA(var(--insuba-text-rgb, 99, 99, 99), .34), 1px -1px 0 RGBA(var(--insuba-text-rgb, 99, 99, 99), .34), -1px 1px 0 RGBA(var(--insuba-text-rgb, 99, 99, 99), .34), 1px 1px 0 RGBA(var(--insuba-text-rgb, 99, 99, 99), .34);
    transition: .5s
}

.service-card:hover .service-card__number::after {
    color: var(--insuba-black4, #0f3564);
    text-shadow: 1px 1px 0 RGBA(var(--insuba-white-rgb, 255, 255, 255), .58), -1px -1px 0 RGBA(var(--insuba-white-rgb, 255, 255, 255), .58), 1px -1px 0 RGBA(var(--insuba-white-rgb, 255, 255, 255), .58), -1px 1px 0 RGBA(var(--insuba-white-rgb, 255, 255, 255), .58), 1px 1px 0 RGBA(var(--insuba-white-rgb, 255, 255, 255), .58)
}

.service-card__title {
    text-transform: capitalize;
    line-height: 1.318
}

.service-card__title:hover {
    color: var(--insuba-base, #0365d3)
}

.service-card__title a {
    color: inherit;
    transition: .5s
}

.service-card__image {
    left: 0;
    bottom: -1px;
    width: 100%;
    z-index: 2
}

.service-card__image__inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-position: top;
    -webkit-mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900.000000 567.000000"><g transform="translate(0.000000,567.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M6843 5658 c1 -8 -17 -16 -48 -21 -144 -24 -321 -72 -410 -111 -244 -107 -487 -257 -664 -409 -24 -22 -67 -49 -95 -62 -105 -48 -148 -55 -334 -55 -181 0 -212 4 -537 61 -197 35 -239 43 -522 103 -211 45 -512 95 -728 121 -175 21 -534 21 -664 -1 -218 -35 -398 -97 -529 -181 -149 -95 -332 -169 -497 -203 -109 -22 -301 -24 -421 -6 -145 23 -260 49 -369 85 -85 27 -108 36 -182 67 -17 8 -34 14 -37 14 -9 0 -228 109 -301 150 -106 59 -357 223 -405 265 -14 12 -42 34 -62 50 l-38 27 0 -2776 0 -2776 4500 0 4500 0 0 2315 c0 1963 -2 2315 -14 2315 -7 0 -25 15 -40 34 -55 73 -313 324 -411 400 -27 22 -52 42 -55 46 -10 13 -173 129 -231 165 -174 107 -275 161 -410 220 -56 25 -109 45 -118 45 -10 0 -21 4 -26 9 -18 17 -253 75 -348 87 -28 3 -50 11 -54 20 -7 19 -454 21 -450 2z"/> </g> </svg>');
    mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900.000000 567.000000"><g transform="translate(0.000000,567.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M6843 5658 c1 -8 -17 -16 -48 -21 -144 -24 -321 -72 -410 -111 -244 -107 -487 -257 -664 -409 -24 -22 -67 -49 -95 -62 -105 -48 -148 -55 -334 -55 -181 0 -212 4 -537 61 -197 35 -239 43 -522 103 -211 45 -512 95 -728 121 -175 21 -534 21 -664 -1 -218 -35 -398 -97 -529 -181 -149 -95 -332 -169 -497 -203 -109 -22 -301 -24 -421 -6 -145 23 -260 49 -369 85 -85 27 -108 36 -182 67 -17 8 -34 14 -37 14 -9 0 -228 109 -301 150 -106 59 -357 223 -405 265 -14 12 -42 34 -62 50 l-38 27 0 -2776 0 -2776 4500 0 4500 0 0 2315 c0 1963 -2 2315 -14 2315 -7 0 -25 15 -40 34 -55 73 -313 324 -411 400 -27 22 -52 42 -55 46 -10 13 -173 129 -231 165 -174 107 -275 161 -410 220 -56 25 -109 45 -118 45 -10 0 -21 4 -26 9 -18 17 -253 75 -348 87 -28 3 -50 11 -54 20 -7 19 -454 21 -450 2z"/> </g> </svg>');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-size: auto;
    mask-size: auto
}

.service-card__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 51px;
    height: 51px;
    position: absolute;
    top: -8px;
    right: 14px;
    transform: translateY(80px);
    opacity: 0;
    border-radius: 10px;
    overflow: hidden
}

.service-card__btn__icon {
    display: inline-flex;
    font-size: 16px
}

.service-card__btn:hover .service-card__btn__icon {
    animation: .4s slideLeft
}

.service-card-three:hover .service-card-three__icon,
.service-card-two:hover .service-card-two__icon {
    color: var(--insuba-base, #0365d3);
    -webkit-animation-name: wobble-horizontal-hover;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1
}

.service-card:hover .service-card__btn {
    transform: translateY(0);
    opacity: 1
}

.service-card__shape {
    position: absolute;
    top: -1px;
    right: -1px;
    width: 37px;
    height: 37px;
    background-color: var(--insuba-black4, #0f3564);
    border-radius: 0 0 0 50px;
    z-index: 1;
    transition: .5s
}

.service-card-two__btn,
.service-card-two__icon-box {
    align-items: center;
    border-radius: 50%;
    transition: .5s
}

.service-card-two {
    position: relative;
    padding: 10px 4px 3px 14px;
    overflow: hidden;
    height: 211px;
    width: 284px;
    background-color: var(--main)
}

@media (min-width:768px) and (max-width:1199px) {
    .demo-one__btns {
        flex-direction: column
    }

    .demo-one__btn {
        min-width: 165px
    }

    .pricing-card__shape {
        bottom: -65px
    }

    .pricing-card--standard .pricing-card__category {
        top: 30px;
        left: -135px
    }

    .service-card-two {
        padding-left: 30px
    }
}

@media (max-width:575px) {
    .funfact--portfolio-details .funfact__inner {
        padding: 70px 0
    }

    .funfact__item {
        align-items: center
    }

    .funfact__item__shape {
        display: none
    }

    .funfact__content {
        margin: 0;
        text-align: center
    }

    .funfact__count {
        justify-content: center
    }

    .slide-one--home-4 {
        padding: 79px 0 77px
    }

    .service-card-two {
        padding-left: 40px
    }
}

.service-card-two::before {
    content: "";
    width: 6px;
    height: 87px;
    position: absolute;
    top: 0;
    left: 0
}

.service-card-two__bg {
    width: 100%;
    height: 0;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: var(--insuba-black4, #0f3564);
    background-position: center center;
    transition: .5s
}

.service-card-two__bg::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: RGBA(var(--insuba-base-rgb, 3, 101, 211), .89)
}

.service-card-three:hover::after,
.service-card-two:hover .service-card-two__bg {
    height: 100%;
    top: 0
}

.service-card-two__icon-box {
    position: relative;
    margin-bottom: 21px;
    display: flex;
    justify-content: center;
    width: 50px;
    height: 50px;
    background-color: var(--insuba-white, #fff)
}

.service-card-two__icon {
    display: inline-flex;
    font-size: 40px;
    color: var(--insuba-black4, #0f3564);
    transition: .5s
}

.service-card-two:hover .service-card-two__icon {
    animation-name: wobble-horizontal-hover;
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: 1
}

.service-card-two__title a {
    color: inherit;
    transition: .5s
}

.service-card-two__btn {
    display: flex;
    justify-content: center;
    width: 41px;
    height: 41px;
    position: absolute;
    right: 20px;
    bottom: 20px;
    background-color: var(--insuba-base, #0365d3);
    overflow: hidden;
    z-index: 2
}

.service-card-three,
.service-card-two:hover .service-card-two__btn {
    background-color: var(--insuba-white, #fff)
}

.service-card-two__btn__icon {
    display: inline-flex;
    font-size: 20px;
    color: var(--insuba-white, #fff);
    transition: .5s
}

.service-card-two__btn:hover .service-card-two__btn__icon {
    transform: rotate(270deg)
}

.service-card-two:hover .service-card-two__btn__icon {
    color: var(--insuba-base, #0365d3)
}

.service-card-two__shape {
    max-width: 100%;
    height: auto;
    position: absolute;
    top: -30px;
    right: -112px;
    opacity: .07;
    z-index: 1;
    transition: .5s
}

.service-card-two:hover .service-card-two__shape {
    opacity: 1
}

.service-card-three {
    position: relative;
    padding: 9px 10px;
    border-radius: 30px;
    filter: drop-shadow(0 0 12px rgba(0, 0, 0, .05));
    overflow: hidden
}

.service-card-three::after,
.service-card-three__icon-box {
    background-color: var(--insuba-base, #0365d3);
    transition: .5s
}

.service-card-three::after {
    content: "";
    width: 100%;
    height: 0%;
    position: absolute;
    left: 0;
    bottom: 0;
    border-radius: inherit
}

.service-card-four::before,
.service-card-four:hover::after {
    height: calc(100% - 50px);
    top: 0
}

.service-card-four::before,
.service-card-three:hover .service-card-three__icon-box {
    background-color: var(--insuba-white, #fff)
}

.service-card-three__image img {
    width: 100%;
    display: block;
    border-radius: 30px 30px 0 0
}

.service-card-four__link__icon svg,
.service-card-three__icon svg {
    width: 1em;
    height: 1em;
    fill: currentColor
}

.service-card-three__content {
    position: relative;
    padding: 0 21px 34px;
    text-align: center;
    border-top: 4px solid var(--insuba-base, #0365d3);
    z-index: 2;
    transition: .5s
}

.service-card-three:hover .service-card-three__content {
    border-color: var(--insuba-white, #fff)
}

.service-card-three__icon-box {
    margin: 0 auto 23px;
    width: 90px;
    height: 67px;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 270.000000 210.000000"><g transform="translate(0.000000,210.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M4 2038 c10 -94 21 -176 34 -245 7 -35 17 -91 24 -125 6 -35 14 -88 18 -118 4 -30 12 -83 18 -117 7 -35 17 -91 24 -125 6 -35 14 -88 18 -118 4 -30 12 -83 18 -117 7 -35 17 -91 24 -125 6 -35 14 -88 18 -118 4 -30 12 -84 19 -120 7 -36 17 -90 22 -120 6 -30 14 -86 19 -125 5 -38 14 -86 20 -105 5 -19 10 -56 10 -82 0 -62 48 -166 97 -208 20 -18 56 -41 80 -51 43 -18 81 -19 874 -19 l830 0 54 25 c95 45 153 135 165 255 4 36 12 93 18 128 31 162 36 191 42 242 4 30 12 83 18 117 7 35 17 91 24 125 6 35 14 88 18 118 4 30 12 83 18 118 7 34 17 90 24 125 6 34 14 87 18 117 4 30 12 83 18 118 7 34 17 90 24 125 6 34 14 87 18 117 4 30 12 82 18 115 7 33 14 81 18 108 3 32 10 47 20 47 10 0 14 13 14 50 l0 50 -1351 0 -1352 0 7 -62z"/> </g> </svg>');
    mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 270.000000 210.000000"><g transform="translate(0.000000,210.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M4 2038 c10 -94 21 -176 34 -245 7 -35 17 -91 24 -125 6 -35 14 -88 18 -118 4 -30 12 -83 18 -117 7 -35 17 -91 24 -125 6 -35 14 -88 18 -118 4 -30 12 -83 18 -117 7 -35 17 -91 24 -125 6 -35 14 -88 18 -118 4 -30 12 -84 19 -120 7 -36 17 -90 22 -120 6 -30 14 -86 19 -125 5 -38 14 -86 20 -105 5 -19 10 -56 10 -82 0 -62 48 -166 97 -208 20 -18 56 -41 80 -51 43 -18 81 -19 874 -19 l830 0 54 25 c95 45 153 135 165 255 4 36 12 93 18 128 31 162 36 191 42 242 4 30 12 83 18 117 7 35 17 91 24 125 6 35 14 88 18 118 4 30 12 83 18 118 7 34 17 90 24 125 6 34 14 87 18 117 4 30 12 83 18 118 7 34 17 90 24 125 6 34 14 87 18 117 4 30 12 82 18 115 7 33 14 81 18 108 3 32 10 47 20 47 10 0 14 13 14 50 l0 50 -1351 0 -1352 0 7 -62z"/> </g> </svg>');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-size: auto;
    mask-size: auto
}

.service-card-three__icon {
    font-size: 40px;
    color: var(--insuba-white, #fff);
    transition: .5s
}

.service-card-three:hover .service-card-three__icon {
    animation-name: wobble-horizontal-hover;
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: 1
}

.service-card-four__icon,
.service-card-three:hover .service-card-three__link,
.service-card-three:hover .service-card-three__text,
.service-card-three:hover .service-card-three__title {
    color: var(--insuba-white, #fff)
}

.insurance-card:hover .insurance-card__icon,
.service-card-four:hover .service-card-four__icon {
    -webkit-animation-name: wobble-horizontal-hover;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1
}

.portfolio-card__title,
.service-card-three__title {
    margin-bottom: 7px;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.318;
    text-transform: capitalize
}

.service-card-three__title a {
    color: inherit;
    transition: .5s
}

.service-card-four__text,
.service-card-three__text {
    margin-bottom: 6px;
    transition: .5s
}

.service-card-three__link {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    font-weight: 500
}

.service-card-three__shape {
    width: calc(100% + 100px) !important;
    display: block;
    position: absolute;
    left: -73px;
    bottom: -177px;
    opacity: 0;
    transform: translateY(100px);
    z-index: 1;
    transition: .5s
}

@media (max-width:1199px) {
    .app-store__image {
        left: 50px
    }

    .funfact--home-3 .funfact__item::after,
    .funfact--home-4 .funfact__item::after {
        display: none
    }

    .funfact__row {
        --bs-gutter-x: 60px
    }

    .funfact__item__shape {
        right: -30px
    }

    .service-card-three__shape {
        bottom: -145px
    }
}

.service-card-three:hover .service-card-three__shape {
    opacity: 1;
    transform: translateY(0)
}

.service-card-four::before {
    content: "";
    width: 100%;
    position: absolute;
    left: 0;
    transition: .7s
}

.service-card-four::after {
    content: "";
    width: 100%;
    height: 0%;
    position: absolute;
    left: 0;
    bottom: 50px;
    background-color: var(--insuba-base, #0365d3);
    transition: .7s
}

.service-card-four__content {
    position: relative;
    padding: 37px 35px 245px 40px;
    z-index: 2
}

.service-card-four__top {
    margin-bottom: 14px;
    display: flex;
    align-items: center;
    gap: 19px
}

.service-card-four__icon-box {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background-color: var(--insuba-black4, #0f3564);
    transition: .5s
}

.insurance-one,
.insurance-one__carousel.owl-carousel .owl-nav button,
.insurance-page,
.portfolio-one .sec-title__top,
.service-card-four:hover .service-card-four__icon-box,
.services-two .sec-title__box {
    background-color: var(--insuba-white, #fff)
}

.service-card-four__icon {
    display: inline-flex;
    font-size: 40px;
    transition: .5s
}

.service-card-four:hover .service-card-four__icon {
    color: var(--insuba-base, #0365d3);
    animation-name: wobble-horizontal-hover;
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: 1
}

.insurance-card__title,
.service-card-four__title {
    margin-bottom: 7px;
    font-size: 22px;
    font-weight: 700;
    text-transform: capitalize;
    line-height: 1.318
}

.service-card-four__title:hover {
    color: var(--insuba-base, #0365d3)
}

.service-card-four__title a {
    color: inherit;
    transition: .5s
}

.service-card-four__link__icon {
    display: inline-flex;
    font-size: 12px;
    color: inherit
}

.insurance-card__icon,
.service-card-four:hover .service-card-four__link,
.service-card-four:hover .service-card-four__text,
.service-card-four:hover .service-card-four__title,
.services-four .sec-title__title,
.services-four__text,
.services-three .sec-title__title,
.services-three__text,
.services-two .sec-title__tagline,
.services-two .sec-title__title {
    color: var(--insuba-white, #fff)
}

.service-card-four__image {
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 232px;
    z-index: 2
}

.service-card-four__image__inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    -webkit-mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900.000000 567.000000"> <g transform="translate(0.000000,567.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M6843 5658 c1 -8 -17 -16 -48 -21 -144 -24 -321 -72 -410 -111 -244 -107 -487 -257 -664 -409 -49 -43 -117 -77 -202 -101 -75 -22 -366 -22 -498 -1 -174 28 -355 61 -511 92 -70 14 -109 22 -277 57 -222 47 -501 93 -728 121 -175 21 -534 21 -664 -1 -218 -35 -398 -97 -529 -181 -147 -93 -336 -173 -462 -194 -30 -5 -77 -13 -105 -18 -163 -31 -469 6 -720 88 -85 27 -108 36 -182 67 -17 8 -34 14 -37 14 -11 0 -258 124 -301 151 -22 14 -47 29 -55 32 -8 4 -27 15 -42 25 -15 9 -57 36 -95 60 -88 55 -176 117 -238 167 -28 21 -56 43 -63 48 -9 8 -12 -548 -12 -2767 l0 -2776 4500 0 4500 0 0 2315 c0 1963 -2 2315 -14 2315 -7 0 -25 15 -40 34 -55 73 -313 324 -411 400 -27 22 -52 42 -55 46 -19 24 -224 164 -340 232 -152 89 -383 198 -420 198 -9 0 -20 4 -25 9 -21 18 -241 73 -348 86 -28 4 -50 12 -54 21 -7 19 -454 21 -450 2z"/> </g> </svg>');
    mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900.000000 567.000000"> <g transform="translate(0.000000,567.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M6843 5658 c1 -8 -17 -16 -48 -21 -144 -24 -321 -72 -410 -111 -244 -107 -487 -257 -664 -409 -49 -43 -117 -77 -202 -101 -75 -22 -366 -22 -498 -1 -174 28 -355 61 -511 92 -70 14 -109 22 -277 57 -222 47 -501 93 -728 121 -175 21 -534 21 -664 -1 -218 -35 -398 -97 -529 -181 -147 -93 -336 -173 -462 -194 -30 -5 -77 -13 -105 -18 -163 -31 -469 6 -720 88 -85 27 -108 36 -182 67 -17 8 -34 14 -37 14 -11 0 -258 124 -301 151 -22 14 -47 29 -55 32 -8 4 -27 15 -42 25 -15 9 -57 36 -95 60 -88 55 -176 117 -238 167 -28 21 -56 43 -63 48 -9 8 -12 -548 -12 -2767 l0 -2776 4500 0 4500 0 0 2315 c0 1963 -2 2315 -14 2315 -7 0 -25 15 -40 34 -55 73 -313 324 -411 400 -27 22 -52 42 -55 46 -19 24 -224 164 -340 232 -152 89 -383 198 -420 198 -9 0 -20 4 -25 9 -21 18 -241 73 -348 86 -28 4 -50 12 -54 21 -7 19 -454 21 -450 2z"/> </g> </svg>');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-size: auto;
    mask-size: auto
}

.portfolio-card-two,
.portfolio-one__info::after,
.portfolio-two--section .portfolio-two__bg__inner,
.services-four__bg__inner,
.services-one__bg {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat
}

.service-card-four__shape {
    width: 84px;
    height: 84px;
    border-radius: 50%;
    border: 1px solid RGBA(var(--insuba-white-rgb, 255, 255, 255), .4);
    opacity: 0;
    transition: .5s
}

.service-card-four__shape--one {
    position: absolute;
    top: 168px;
    right: -55px;
    z-index: 1
}

@media (min-width:768px) and (max-width:1199px) {
    .service-card-four__content {
        padding-top: 30px;
        padding-left: 30px;
        padding-right: 30px
    }

    .service-card-four__top {
        flex-direction: column;
        align-items: flex-start
    }

    .service-card-four__shape--one {
        top: 240px
    }
}

@media (max-width:412px) {
    .need-contact__call__inner {
        padding: 30px;
        flex-direction: column;
        align-items: flex-start;
        border-radius: 10px
    }

    .consultations-one__image,
    .consultations-one__image__inner,
    .consultations-one__image__one {
        width: 330px;
        height: 330px
    }

    .consultations-one__image__two {
        width: 130px;
        height: 130px
    }

    .service-card__content {
        padding-left: 35px;
        padding-right: 35px
    }

    .service-card-four__top {
        flex-direction: column;
        align-items: flex-start
    }

    .service-card-four__shape--one {
        top: 200px
    }
}

.service-card-four__shape--two {
    position: absolute;
    top: 197px;
    right: -28px;
    z-index: 1
}

@media (min-width:768px) and (max-width:1199px) {
    .service-card-four__shape--two {
        top: 280px
    }
}

.service-card-four:hover .service-card-four__shape {
    opacity: 1
}

.services-one__bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: -175px;
    left: 0;
    opacity: .67
}

.services-one__top,
.services-three__top {
    margin-bottom: 39px
}

.services-two {
    position: relative;
    background-color: var(--insuba-black11, #0e0e0e);
    overflow: hidden
}

.services-two__bg::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: RGBA(var(--insuba-black11-rgb, 14, 14, 14), .9)
}

.services-two .sec-title__box::after {
    border-color: transparent transparent transparent var(--insuba-white, #fff)
}

.services-two .sec-title__box--right::after {
    border-color: transparent var(--insuba-white, #fff) transparent transparent
}

.services-two .sec-title__box__inner {
    background-color: var(--insuba-base, #0365d3)
}

.services-two__shape {
    position: absolute;
    right: 0;
    bottom: -1000px;
    animation: 2s linear infinite zumpBottom
}

.services-two__box {
    width: 584px;
    height: 584px;
    border-radius: 50%;
    border: 2px dashed var(--insuba-base, #0365d3);
    animation: 15s linear infinite textRotate
}

.service-details__policies__image img,
.services-three__shape-one,
.services-three__shape-two {
    max-width: 100%;
    height: auto
}

.services-two__box--1 {
    position: absolute;
    right: -342px;
    bottom: 25px
}

.services-two__box--2 {
    position: absolute;
    right: -116px;
    bottom: -237px
}

.services-three {
    position: relative;
    background-color: var(--insuba-black4, #0f3564);
    overflow: hidden
}

.services-four,
.services-three::after {
    background-color: var(--insuba-white, #fff)
}

.services-three::after {
    content: "";
    width: 100%;
    height: calc(100% - 552px);
    position: absolute;
    left: 0;
    bottom: 0
}

@media (max-width:991px) {
    .slide-one__slide {
        animation-duration: 15s
    }

    .service-card-three__shape {
        bottom: -165px
    }

    .services-three::after {
        height: calc(100% - 656px)
    }
}

.services-three__shape-one {
    position: absolute;
    top: -149px;
    left: 0;
    animation: 2s linear infinite moveHorizontal2
}

.services-three__shape-two {
    position: absolute;
    top: -149px;
    right: 0;
    animation: 2s linear infinite moveHorizontal
}

.services-four {
    position: relative;
    padding-bottom: 144px;
    overflow: hidden
}

@media (max-width:1199px) {
    .services-four {
        padding-bottom: var(--section-space, 120px)
    }
}

@media (max-width:767px) {
    .slide-one__slide {
        animation-duration: 10s
    }

    .service-card-three__shape {
        display: none !important
    }

    .services-four {
        padding-bottom: 100px
    }
}

.services-four__bg {
    width: 100%;
    height: 680px;
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--insuba-black4, #0f3564);
    -webkit-mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900.000000 318.000000"><g transform="translate(0.000000,318.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M0 2419 l0 -761 103 -102 c208 -208 339 -312 607 -482 299 -189 700 -323 1015 -338 242 -11 674 -45 880 -68 55 -6 138 -14 185 -18 116 -10 341 -40 530 -71 121 -20 169 -22 185 -9 8 7 27 36 42 66 15 30 37 66 48 80 l21 27 120 -17 c65 -9 151 -21 189 -27 39 -6 102 -15 140 -19 66 -8 107 -13 288 -41 39 -6 108 -15 152 -19 44 -4 118 -12 165 -19 211 -27 397 -41 541 -41 l157 0 26 34 c14 19 26 38 26 42 0 4 14 29 31 56 l31 48 106 0 c132 0 418 -31 697 -76 50 -8 131 -21 180 -29 366 -58 502 -73 725 -80 275 -8 456 -27 665 -72 105 -22 275 -69 323 -89 18 -8 39 -14 47 -14 14 0 66 -20 118 -46 16 -8 33 -14 38 -14 18 0 315 -143 374 -181 17 -10 39 -23 50 -29 11 -6 34 -19 50 -30 17 -11 37 -23 45 -27 8 -3 29 -17 46 -30 17 -13 36 -23 42 -23 9 0 12 394 12 1590 l0 1590 -4500 0 -4500 0 0 -761z"/> </g> </svg>');
    mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900.000000 318.000000"><g transform="translate(0.000000,318.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M0 2419 l0 -761 103 -102 c208 -208 339 -312 607 -482 299 -189 700 -323 1015 -338 242 -11 674 -45 880 -68 55 -6 138 -14 185 -18 116 -10 341 -40 530 -71 121 -20 169 -22 185 -9 8 7 27 36 42 66 15 30 37 66 48 80 l21 27 120 -17 c65 -9 151 -21 189 -27 39 -6 102 -15 140 -19 66 -8 107 -13 288 -41 39 -6 108 -15 152 -19 44 -4 118 -12 165 -19 211 -27 397 -41 541 -41 l157 0 26 34 c14 19 26 38 26 42 0 4 14 29 31 56 l31 48 106 0 c132 0 418 -31 697 -76 50 -8 131 -21 180 -29 366 -58 502 -73 725 -80 275 -8 456 -27 665 -72 105 -22 275 -69 323 -89 18 -8 39 -14 47 -14 14 0 66 -20 118 -46 16 -8 33 -14 38 -14 18 0 315 -143 374 -181 17 -10 39 -23 50 -29 11 -6 34 -19 50 -30 17 -11 37 -23 45 -27 8 -3 29 -17 46 -30 17 -13 36 -23 42 -23 9 0 12 394 12 1590 l0 1590 -4500 0 -4500 0 0 -761z"/> </g> </svg>');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-size: cover;
    mask-size: cover
}

.insurance-card,
.services-page {
    background-color: var(--insuba-white, #fff)
}

@media (max-width:991px) {
    .services-four__bg {
        height: 900px
    }
}

@media (max-width:767px) {
    .services-four__bg {
        height: 800px
    }
}

.services-four__bg__inner {
    width: 100%;
    max-width: 920px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    opacity: .1
}

.services-page {
    counter-reset: serviceNumber
}

.portfolio-one,
.portfolio-page {
    counter-reset: portfolioSerialNumber
}

.services-page--four .service-card-four::before {
    background-color: var(--insuba-white3, #f1f6f7)
}

.service-details__title {
    margin-bottom: 8px;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.454
}

.service-details__content {
    margin-top: 46px
}

.service-details__details,
.service-details__policies {
    margin-bottom: 45px
}

.service-details__details__title {
    margin-bottom: 20px
}

.service-details__policies__text {
    margin-bottom: 15px
}

.blog-details .blog-card-three__description,
.comments-one__list,
.insurance-card__text,
.insurance-details__text,
.portfolio-card__serial-number,
.portfolio-details__text,
.portfolio-one .sec-title,
.portfolio-two--section .sec-title,
.product__showing-sort,
.service-details__policies__list {
    margin: 0
}

.service-details__policies__list li {
    display: flex;
    gap: 10px;
    font-size: 16px;
    font-weight: 400;
    color: var(--insuba-black2, #333);
    line-height: 1.75
}

.service-details__policies__list li+li {
    margin-top: 5px
}

.service-details__policies__list li .service-details__policies__icon {
    position: relative;
    top: 2px;
    flex-shrink: 0;
    font-size: 14px;
    color: var(--insuba-base, #0365d3)
}

.service-details__description p+p {
    margin-top: 17px
}

.service-details__cta__form {
    position: relative;
    max-width: 540px
}

.service-details__cta__form input {
    border: 0;
    outline: 0;
    padding-left: 30px;
    width: 100%;
    height: 53px;
    font-size: 16px;
    font-weight: 400;
    color: var(--insuba-text, #636363);
    background-color: var(--insuba-white2, #ecf2f2);
    border-radius: 26px;
    transition: .5s
}

.service-details__cta__form input:focus {
    color: var(--insuba-black, #122f2a)
}

.insurance-card__title:hover,
.insurance-details__link:hover .insurance-details__link__icon,
.insurance-details__link:hover a,
.portfolio-one .sec-title__tagline {
    color: var(--insuba-base, #0365d3)
}

.service-details__cta__form button {
    border: 0;
    outline: 0;
    padding: 8px 31px;
    position: absolute;
    top: 50%;
    right: 4px;
    transform: translateY(-50%)
}

.insurance-card {
    position: relative;
    overflow: hidden
}

.insurance-card::after,
.insurance-card::before {
    content: "";
    width: 43px;
    height: 40px;
    position: absolute;
    bottom: -50px;
    opacity: 0;
    background-color: var(--insuba-base, #0365d3);
    transition: .5s
}

.insurance-card::before {
    left: -50px;
    clip-path: polygon(0 0, 0% 100%, 100% 100%)
}

.insurance-card::after {
    right: -50px;
    clip-path: polygon(100% 0, 0% 100%, 100% 100%)
}

.insurance-card:hover::before {
    opacity: 1;
    left: 0;
    bottom: 0
}

.insurance-card:hover::after {
    opacity: 1;
    right: 0;
    bottom: 0
}

.insurance-card__image img,
.insurance-details__image img {
    width: 100%;
    display: block
}

.insurance-card__icon-box {
    position: absolute;
    left: 50%;
    bottom: -40px;
    transform: translateX(-50%);
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 5px solid var(--insuba-white, #fff);
    background-color: var(--insuba-black4, #0f3564);
    z-index: 1;
    transition: .5s
}

.insurance-card:hover .insurance-card__icon-box {
    background-color: var(--insuba-base, #0365d3)
}

.insurance-card__icon {
    display: inline-flex;
    font-size: 34px
}

.insurance-card__icon svg {
    width: 1em;
    height: 1em;
    fill: currentColor
}

.insurance-card:hover .insurance-card__icon {
    animation-name: wobble-horizontal-hover;
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: 1
}

.portfolio-card-two__content__box:hover .portfolio-card-two__icon,
.portfolio-card:hover .portfolio-card__icon {
    -webkit-animation-name: wobble-horizontal-hover;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1
}

.insurance-card__content {
    padding: 56px 30px 22px;
    text-align: center;
    border: 1px solid var(--insuba-border-color, #ddd);
    border-top: 0
}

.portfolio-one .sec-title__box::after,
.portfolio-two--section .sec-title__box::after {
    border-color: transparent transparent transparent var(--insuba-base, #0365d3)
}

.insurance-card__title a {
    color: inherit;
    background: linear-gradient(to right, currentcolor 0, currentcolor 100%) 0 95%/0 1px no-repeat;
    transition: .5s
}

.insurance-one .insurance-card__content {
    border: 0
}

.insurance-one__bg {
    width: 100%;
    height: calc(100% - 552px);
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: var(--insuba-white5, #f0f5f5);
    overflow: hidden
}

.insurance-details__list li:hover .insurance-details__list__icon,
.portfolio-card__btn {
    background-color: var(--insuba-base, #0365d3)
}

@media (max-width:1599px) {
    .funfact--home-4 .funfact__shape-two {
        right: -80px
    }

    .insurance-one__bg {
        height: calc(100% - 526px)
    }
}

@media (max-width:1399px) {
    .insurance-one__bg {
        height: calc(100% - 552px)
    }

    .portfolio-one__shape-three {
        display: none
    }
}

@media (max-width:1199px) {
    .insurance-one__bg {
        height: calc(100% - 501px)
    }
}

@media (max-width:991px) {
    .insurance-one__bg {
        height: calc(100% - 526px)
    }

    .insurance-one__circle {
        display: none
    }
}

@media (max-width:767px) {
    .insurance-one__bg {
        height: calc(100% - 665px)
    }
}

.insurance-one__circle {
    width: 613px;
    height: 613px;
    position: absolute;
    right: 0;
    border-radius: 50%;
    border: 1px solid RGBA(var(--insuba-base-rgb, 3, 101, 211), .56);
    animation: 1.5s infinite insuranceCircleBorder
}

.insurance-one__circle--1 {
    top: -183px;
    left: -377px
}

.insurance-one__circle--2 {
    top: -131px;
    left: -301px
}

.insurance-one__circle--3 {
    top: -70px;
    left: -227px
}

.insurance-one__circle--4 {
    right: -377px;
    bottom: -183px
}

.insurance-one__circle--5 {
    right: -301px;
    bottom: -131px
}

.insurance-one__circle--6 {
    right: -227px;
    bottom: -70px
}

@keyframes insuranceCircleBorder {

    0%,
    100% {
        border-color: RGBA(var(--insuba-base-rgb, 3, 101, 211), 1)
    }

    50% {
        border-color: RGBA(var(--insuba-base-rgb, 3, 101, 211), .56)
    }
}

.insurance-details__content {
    margin-top: -7px;
    padding-right: 20px
}

.insurance-details__title {
    margin-bottom: 20px;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.454
}

.insurance-details__text--inner-1 {
    margin-bottom: 35px
}

.insurance-details__text--inner-2 {
    margin: 44px 0 27px
}

.insurance-details__thumbnail {
    margin-bottom: 64px
}

.insurance-details__thumbnail img {
    width: 100%;
    display: block;
    border-radius: 10px
}

.cart-page__table tbody tr td .cart-page__table__remove svg,
.insurance-details__link__icon svg,
.insurance-details__list li .insurance-details__list__icon svg,
.portfolio-card-two__btn__icon svg,
.portfolio-card-two__icon svg,
.portfolio-card__btn__icon svg,
.portfolio-card__icon svg,
.portfolio-details__project__list li .portfolio-details__project__list__icon svg,
.portfolio-one__projects__icon svg,
.product-details__quantity .quantity-box button svg,
.product__categories ul li a .product-categories__icon svg,
.product__item__btn-group a svg,
.product__search button[type=submit] svg {
    width: 1em;
    height: 1em;
    fill: currentColor
}

.insurance-details__link-wrapper {
    margin-bottom: 18px;
    max-width: 565px
}

.insurance-details__link-wrapper .row {
    --bs-gutter-y: 15px
}

.insurance-details__link {
    display: flex;
    gap: 11px
}

.insurance-details__link__icon {
    position: relative;
    top: 1px;
    flex-shrink: 0;
    font-size: 16px;
    color: var(--insuba-black4, #0f3564);
    transition: .5s
}

.insurance-details__link a {
    font-weight: 500;
    color: var(--insuba-black2, #333)
}

.portfolio-card-two__title a,
.portfolio-card__title a {
    color: inherit;
    background: linear-gradient(to right, currentcolor 0, currentcolor 100%) 0 95%/0 1px no-repeat
}

.insurance-details__link:hover a {
    text-decoration: underline
}

.insurance-details__list li {
    display: flex;
    gap: 12px
}

.insurance-details__list li+li {
    margin-top: 20px
}

.insurance-details__list li .insurance-details__list__icon {
    position: relative;
    top: -3px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 31px;
    height: 31px;
    border-radius: 50%;
    background-color: var(--insuba-black8, #202221);
    font-size: 16px;
    color: var(--insuba-white, #fff);
    transition: .5s
}

.portfolio-card {
    position: relative;
    padding: 43px 63px 350px 50px
}

.portfolio-card__bg::before {
    content: "";
    width: 100%;
    height: 0%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: RGBA(var(--insuba-base-rgb, 3, 101, 211), .78);
    transition: .5s
}

.portfolio-card__bg::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: RGBA(var(--insuba-white-rgb, 255, 255, 255), .92);
    transition: .5s
}

.portfolio-card:hover .portfolio-card__bg::before {
    height: 100%;
    top: auto;
    bottom: 0
}

.portfolio-card:hover .portfolio-card__bg::after {
    height: 0%;
    top: 0
}

.portfolio-card__content__top {
    position: relative;
    display: flex;
    align-content: center;
    justify-content: space-between;
    gap: 30px;
    z-index: 1
}

.portfolio-card__content__inner {
    padding-left: 50px;
    padding-right: 50px;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 50px;
    z-index: 1
}

@media (min-width:1400px) and (max-width:1599px) {
    .portfolio-card {
        padding-left: 35px
    }

    .portfolio-card__content__inner {
        padding-left: 35px;
        padding-right: 35px
    }
}

.portfolio-card__serial-number::after {
    content: "0" counter(portfolioSerialNumber);
    counter-increment: portfolioSerialNumber;
    font-family: var(--insuba-font, "Roboto", sans-serif);
    font-size: 50px;
    line-height: 1;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: RGBA(var(--insuba-text-rgb, 99, 99, 99), 0.5);
    color: transparent;
    transition: .5s
}

.portfolio-card-two__btn__icon,
.portfolio-card-two__icon,
.portfolio-card-two__text,
.portfolio-card-two__title,
.portfolio-card:hover .portfolio-card__text,
.portfolio-card:hover .portfolio-card__title,
.portfolio-card__btn__icon,
.portfolio-card__icon,
.portfolio-one .sec-title__title,
.portfolio-one__info__text,
.portfolio-one__info__title {
    color: var(--insuba-white, #fff)
}

.portfolio-card:hover .portfolio-card__serial-number::after {
    -webkit-text-stroke-color: RGBA(var(--insuba-white-rgb, 255, 255, 255), 1)
}

.portfolio-card__icon {
    position: relative;
    display: inline-flex;
    font-size: 46px;
    opacity: 0;
    transition: .5s
}

.portfolio-card__icon__shape {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.portfolio-card:hover .portfolio-card__icon {
    opacity: 1;
    animation-name: wobble-horizontal-hover;
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: 1
}

.portfolio-card__title a {
    transition: .5s
}

.portfolio-card__text {
    margin-bottom: 18px;
    font-weight: 500;
    transition: .5s
}

.portfolio-card__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 51px;
    height: 51px;
    border-radius: 10px;
    transition: .5s
}

.portfolio-card__btn:hover {
    transform: rotate(-90deg)
}

.portfolio-card__btn__icon {
    display: inline-flex;
    font-size: 16px;
    transition: .5s
}

.portfolio-card:hover .portfolio-card__btn {
    background-color: var(--insuba-black5, #0f3667)
}

.portfolio-card-two {
    position: relative;
    padding: 479px 30px 40px
}

.portfolio-card-two--lg {
    padding-top: 402px
}

.portfolio-card-two__content {
    padding: 40px 30px 34px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    background: linear-gradient(180deg, transparent 40%, RGBA(var(--insuba-base-rgb, 3, 101, 211), 1)) 60%;
    opacity: 0;
    transform: scaleX(0);
    transform-origin: right;
    transform-style: preserve-3d;
    transition: transform .6s, opacity .6s
}

.checkout-page__billing-address,
.portfolio-card-two__inner,
.portfolio-one,
.portfolio-one__info,
.product,
.product__sidebar {
    position: relative
}

.portfolio-card-two__btn,
.portfolio-one {
    background-color: var(--insuba-black5, #0f3667);
    overflow: hidden
}

.portfolio-card-two__content__box {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 35px 49px
}

.portfolio-card-two__content__left {
    display: flex;
    align-items: center;
    gap: 20px 40px
}

.portfolio-card-two:hover .portfolio-card-two__content {
    opacity: 1;
    transform: scaleX(1)
}

.portfolio-card-two__icon {
    position: relative;
    top: -1px;
    display: inline-flex;
    flex-shrink: 0;
    font-size: 50px;
    transition: .5s
}

.portfolio-card-two__content__box:hover .portfolio-card-two__icon {
    animation-name: wobble-horizontal-hover;
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: 1
}

.portfolio-card-two__inner::after {
    content: "";
    width: 1px;
    height: calc(100% - 12px);
    background-color: var(--insuba-white, #fff);
    position: absolute;
    top: calc(50% - 2px);
    left: -20px;
    transform: translateY(-50%)
}

.portfolio-card-two__title {
    margin-bottom: 6px;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.318
}

.portfolio-card-two__title a {
    transition: .5s
}

.portfolio-card-two__text {
    margin: 0;
    font-weight: 500
}

.portfolio-card-two__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 51px;
    height: 51px;
    border: 3px solid var(--insuba-white, #fff);
    border-radius: 10px;
    transition: .5s
}

.portfolio-card-two__btn:hover,
.portfolio-one .sec-title__box {
    background-color: var(--insuba-base, #0365d3)
}

.portfolio-card-two__btn__icon {
    display: inline-flex;
    font-size: 16px;
    transition: .5s
}

.portfolio-card-two__btn:hover .portfolio-card-two__btn__icon {
    transform: rotate(135deg)
}

.portfolio-one {
    padding-top: 360px;
    padding-bottom: 80px
}

.portfolio-one .sec-title__box__inner,
.portfolio-one__projects,
.portfolio-one__projects__inner {
    background-color: var(--insuba-white, #fff)
}

@media (max-width:767px) {
    .portfolio-one {
        padding-top: 340px
    }
}

.portfolio-one__shape-one {
    top: -225px;
    left: 0
}

.portfolio-one__shape-two {
    right: 0;
    bottom: -318px
}

.portfolio-one__shape-three {
    top: 153px;
    right: 40px;
    animation: 2s linear infinite zump
}

.portfolio-one .container-fluid {
    max-width: 1879px
}

.portfolio-one .row {
    --bs-gutter-x: 0
}

.portfolio-one__info::before,
.portfolio-one__projects::after {
    background-color: var(--insuba-base, #0365d3);
    content: "";
    height: 100%;
    top: 0;
    left: 0
}

.portfolio-one__info {
    padding: 17px 24px 15px
}

.portfolio-one__info::before {
    width: 4px;
    position: absolute
}

.portfolio-one__info::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 87px;
    height: 100%;
    background-image: url(../images/shapes/portfolio-info-bg.png)
}

.portfolio-one__info__content,
.portfolio-two .container,
.portfolio-two .container-fluid {
    position: relative;
    z-index: 1
}

.portfolio-one__info__title {
    margin-bottom: 12px;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.318
}

.portfolio-one__info__text {
    margin: 0;
    font-weight: 500;
    line-height: 1.5
}

.portfolio-one__projects {
    position: relative;
    margin-left: auto;
    display: table;
    padding: 16px 21px;
    border-radius: 15px
}

.portfolio-one__projects::after {
    width: 72px;
    position: absolute;
    border-radius: 15px 0 0 15px
}

.portfolio-one__projects__inner {
    position: relative;
    padding: 12.5px 25px;
    display: flex;
    align-items: center;
    gap: 25px;
    border-radius: inherit;
    z-index: 1
}

.portfolio-one__projects__icon {
    display: inline-flex;
    flex-shrink: 0;
    font-size: 52px;
    color: var(--insuba-black10, #000);
    transition: .5s
}

.portfolio-one__projects:hover .portfolio-one__projects__icon {
    color: var(--insuba-base, #0365d3);
    -webkit-animation-name: wobble-horizontal-hover;
    animation-name: wobble-horizontal-hover;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

.portfolio-one__projects__title {
    margin-bottom: 7px;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.318
}

.portfolio-one__projects__text {
    margin: 0;
    font-weight: 500
}

.portfolio-two--section .portfolio-two__bg {
    width: 100%;
    height: 928px;
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--insuba-black10, #000);
    -webkit-mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900.000000 435.000000"><g transform="translate(0.000000,435.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M1 3033 c0 -745 4 -1309 9 -1298 5 11 9 37 9 57 1 20 6 49 12 65 6 15 14 46 19 68 30 137 114 347 181 450 10 17 22 37 26 45 3 8 32 49 64 90 219 289 501 433 877 447 204 8 455 -33 687 -114 39 -14 84 -28 100 -32 17 -5 44 -14 60 -21 72 -30 97 -41 128 -54 105 -46 144 -67 161 -84 28 -31 30 -116 11 -364 -20 -256 -18 -384 5 -398 22 -14 30 -12 37 8 3 9 11 24 18 32 6 8 26 51 44 95 18 44 39 94 46 110 7 17 15 39 18 50 3 11 15 45 27 75 12 30 25 69 30 85 9 33 27 86 43 125 5 14 13 39 18 55 29 108 117 288 171 350 38 43 111 85 149 85 66 0 199 -103 291 -225 59 -79 169 -246 198 -300 6 -11 19 -33 30 -50 11 -16 24 -39 30 -50 6 -11 19 -33 30 -50 11 -16 24 -39 30 -50 6 -11 19 -33 30 -50 11 -16 24 -39 30 -50 6 -11 19 -33 30 -50 11 -16 23 -37 27 -45 4 -8 26 -43 50 -77 24 -35 43 -66 43 -69 0 -15 162 -218 219 -274 58 -57 441 -352 604 -465 32 -22 97 -68 145 -103 48 -34 94 -65 102 -69 8 -3 31 -19 51 -35 20 -15 39 -28 42 -28 3 0 34 -19 69 -43 35 -24 70 -46 78 -50 8 -4 27 -15 42 -25 48 -31 303 -185 358 -215 211 -117 475 -247 632 -311 18 -7 49 -20 68 -28 19 -9 55 -23 80 -33 25 -9 60 -23 78 -31 18 -8 39 -14 47 -14 8 0 29 -6 47 -14 40 -17 192 -62 303 -90 198 -49 267 -57 555 -63 238 -5 312 0 430 29 25 6 61 14 80 18 70 16 232 81 303 122 26 15 50 28 52 28 12 0 150 101 210 154 205 179 382 438 490 716 9 25 21 56 26 68 29 75 75 234 84 295 4 23 11 37 20 37 13 0 15 187 15 1440 l0 1440 -4500 0 -4500 0 1 -1317z"/> </g> </svg>');
    mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900.000000 435.000000"><g transform="translate(0.000000,435.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M1 3033 c0 -745 4 -1309 9 -1298 5 11 9 37 9 57 1 20 6 49 12 65 6 15 14 46 19 68 30 137 114 347 181 450 10 17 22 37 26 45 3 8 32 49 64 90 219 289 501 433 877 447 204 8 455 -33 687 -114 39 -14 84 -28 100 -32 17 -5 44 -14 60 -21 72 -30 97 -41 128 -54 105 -46 144 -67 161 -84 28 -31 30 -116 11 -364 -20 -256 -18 -384 5 -398 22 -14 30 -12 37 8 3 9 11 24 18 32 6 8 26 51 44 95 18 44 39 94 46 110 7 17 15 39 18 50 3 11 15 45 27 75 12 30 25 69 30 85 9 33 27 86 43 125 5 14 13 39 18 55 29 108 117 288 171 350 38 43 111 85 149 85 66 0 199 -103 291 -225 59 -79 169 -246 198 -300 6 -11 19 -33 30 -50 11 -16 24 -39 30 -50 6 -11 19 -33 30 -50 11 -16 24 -39 30 -50 6 -11 19 -33 30 -50 11 -16 24 -39 30 -50 6 -11 19 -33 30 -50 11 -16 23 -37 27 -45 4 -8 26 -43 50 -77 24 -35 43 -66 43 -69 0 -15 162 -218 219 -274 58 -57 441 -352 604 -465 32 -22 97 -68 145 -103 48 -34 94 -65 102 -69 8 -3 31 -19 51 -35 20 -15 39 -28 42 -28 3 0 34 -19 69 -43 35 -24 70 -46 78 -50 8 -4 27 -15 42 -25 48 -31 303 -185 358 -215 211 -117 475 -247 632 -311 18 -7 49 -20 68 -28 19 -9 55 -23 80 -33 25 -9 60 -23 78 -31 18 -8 39 -14 47 -14 8 0 29 -6 47 -14 40 -17 192 -62 303 -90 198 -49 267 -57 555 -63 238 -5 312 0 430 29 25 6 61 14 80 18 70 16 232 81 303 122 26 15 50 28 52 28 12 0 150 101 210 154 205 179 382 438 490 716 9 25 21 56 26 68 29 75 75 234 84 295 4 23 11 37 20 37 13 0 15 187 15 1440 l0 1440 -4500 0 -4500 0 1 -1317z"/> </g> </svg>');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-size: cover;
    mask-size: cover
}

@media (max-width:1199px) {
    .insurance-details__content {
        padding-right: 0
    }

    .portfolio-card-two--lg {
        padding-top: 479px
    }

    .portfolio-two--section .portfolio-two__bg {
        height: 1200px
    }
}

@media (max-width:991px) {
    .insurance-details__content {
        margin-right: 0
    }

    .insurance-details__thumbnail {
        margin-bottom: 40px
    }

    .insurance-details__link-wrapper {
        max-width: 100%
    }

    .portfolio-card-two__content__left {
        flex-direction: column;
        align-items: flex-start
    }

    .portfolio-card-two__inner::after {
        display: none
    }

    .portfolio-one__projects {
        margin-left: 0
    }

    .portfolio-two--section .portfolio-two__bg {
        height: 1500px
    }

    .portfolio-three__col-1 {
        order: 1
    }
}

.portfolio-two--section .portfolio-two__bg__inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: .141
}

.portfolio-two--section .portfolio-two__shape {
    max-width: 100%;
    height: auto;
    position: absolute;
    top: 100px;
    right: 36px
}

.portfolio-two--section .sec-title__top {
    background-color: var(--insuba-white, #fff)
}

.portfolio-two--section .sec-title__box {
    background-color: var(--insuba-base, #0365d3)
}

.portfolio-two--section .sec-title__box__inner {
    background-color: var(--insuba-white, #fff)
}

.portfolio-two--section .sec-title__tagline {
    color: var(--insuba-base, #0365d3)
}

.portfolio-two--section .sec-title__title {
    color: var(--insuba-white, #fff)
}

.portfolio-two .column-3 {
    flex: 0 0 auto;
    width: 29.927%
}

.portfolio-two .column-4 {
    flex: 0 0 auto;
    width: 40.146%
}

.contact-one__col-form,
.portfolio-two .column-6 {
    flex: 0 0 auto;
    width: 50%
}

.portfolio-three {
    position: relative;
    background-color: var(--insuba-white5, #f0f5f5);
    overflow: hidden
}

.portfolio-three__col-1 .portfolio-card-two {
    margin-right: 18px
}

@media (max-width:1199px) {

    .portfolio-two .column-3,
    .portfolio-two .column-4 {
        width: 50%
    }

    .portfolio-three__col-1 .portfolio-card-two {
        margin-right: 0
    }
}

.portfolio-three__list li {
    display: flex;
    gap: 10px;
    font-size: 16px;
    font-weight: 600;
    color: var(--insuba-black6, #232323);
    line-height: 1.75
}

.portfolio-three__list li+li {
    margin-top: 5px
}

.portfolio-three__list li .portfolio-three__list__icon {
    position: relative;
    top: -2px;
    flex-shrink: 0;
    font-size: 19px;
    color: var(--insuba-base, #0365d3)
}

.portfolio-three .portfolio-card-two {
    padding-top: 301px
}

.portfolio-three .portfolio-card-two__content {
    padding-top: 30px;
    padding-bottom: 23px;
    justify-content: flex-start
}

.portfolio-three .portfolio-card-two__content__box {
    justify-content: flex-start
}

.portfolio-three .portfolio-card-two__btn {
    position: absolute;
    top: 16px;
    right: 16px
}

.portfolio-three .portfolio-card-two__btn:hover .portfolio-card-two__btn__icon {
    transform: rotate(0)
}

.portfolio-three__circle {
    width: 613px;
    height: 613px;
    position: absolute;
    border-radius: 50%;
    border: 1px solid RGBA(var(--insuba-base-rgb, 3, 101, 211), .56);
    animation: 1.5s infinite prtfolioCircleBorder
}

.portfolio-three__circle--1 {
    top: -299px;
    right: -117px
}

@media (max-width:1599px) {
    .portfolio-card-two__content__box {
        flex-direction: column;
        align-items: flex-start
    }

    .portfolio-one__shape-three {
        right: 20px
    }

    .portfolio-three__circle--1 {
        top: -370px;
        right: -197px
    }
}

.portfolio-three__circle--2 {
    top: -229px;
    right: -187px
}

@media (max-width:1599px) {
    .portfolio-three__circle--2 {
        top: -300px;
        right: -257px
    }
}

.portfolio-three__circle--3 {
    top: -168px;
    right: -261px
}

@media (max-width:1599px) {
    .portfolio-three__circle--3 {
        top: -238px;
        right: -331px
    }
}

.portfolio-three__circle--4 {
    top: -105px;
    right: -336px
}

@media (max-width:1599px) {
    .portfolio-three__circle--4 {
        top: -175px;
        right: -407px
    }
}

.portfolio-three__circle--5 {
    top: -26px;
    right: -410px
}

.portfolio-page {
    background-color: var(--insuba-white, #fff)
}

.portfolio-page .portfolio-card-two {
    padding: 479px 30px 40px
}

@keyframes prtfolioCircleBorder {

    0%,
    100% {
        border-color: RGBA(var(--insuba-base-rgb, 3, 101, 211), 1)
    }

    50% {
        border-color: RGBA(var(--insuba-base-rgb, 3, 101, 211), .56)
    }
}

.portfolio-details {
    padding-bottom: 111px
}

@media (max-width:767px) {

    .portfolio-two .column-3,
    .portfolio-two .column-4,
    .portfolio-two .column-6 {
        width: 100%
    }

    .portfolio-details {
        padding-bottom: 91px
    }
}

.portfolio-details__title {
    margin-bottom: 16px;
    font-size: 22p;
    font-weight: 700;
    line-height: 1.318
}

.portfolio-details__thumbnail img {
    width: 100%;
    display: block;
    border-radius: 20px
}

.portfolio-details__project {
    margin: -69px auto 23px;
    max-width: 1033px;
    position: relative;
    z-index: 1;
    padding: 43px 50px 50px;
    background-color: var(--insuba-white, #fff)
}

.portfolio-details__project__row {
    --bs-gutter-x: 50px
}

.portfolio-details__project__content {
    max-width: 512px
}

.portfolio-details__project__title {
    margin-bottom: 24px
}

.portfolio-details__project__list {
    margin: 0;
    padding-left: 19px
}

.portfolio-details__project__list li {
    display: flex;
    gap: 9px;
    font-size: 16px;
    font-weight: 400;
    color: var(--insuba-text, #636363);
    line-height: 1.625
}

.portfolio-details__project__list li+li {
    margin-top: 11px
}

.portfolio-details__project__list li .portfolio-details__project__list__icon {
    position: relative;
    top: 4px;
    display: inline-flex;
    flex-shrink: 0;
    font-size: 16px;
    color: var(--insuba-base, #0365d3)
}

.portfolio-details__description p+p {
    margin-top: 19px
}

.product__sidebar__item {
    padding: 30px;
    background-color: var(--insuba-white3, #f1f6f7)
}

.product__sidebar__title {
    position: relative;
    font-size: 18px;
    color: var(--insuba-black, #122f2a);
    font-weight: 700;
    line-height: 16px;
    text-transform: capitalize;
    margin-top: -2px;
    margin-bottom: 21px
}

.product__search {
    display: flex;
    align-items: center;
    position: relative;
    height: 59px
}

.product__search input[type=search],
.product__search input[type=text] {
    padding-left: 15px;
    padding-right: 35px;
    outline: 0;
    border: 0;
    border: 1px solid var(--insuba-border-color, #ddd);
    font-size: 14px;
    color: var(--insuba-text, #636363);
    font-weight: 400;
    line-height: 1;
    width: 100%;
    height: 100%;
    background-color: var(--insuba-white, #fff);
    transition: .5s
}

.product__item__btn-group a,
.product__item__title:hover {
    color: var(--insuba-base, #0365d3)
}

.product__search input[type=search]:focus,
.product__search input[type=text]:focus {
    color: var(--insuba-black, #122f2a);
    border-color: var(--insuba-base, #0365d3)
}

.product__search button[type=submit] {
    padding: 0;
    border: none;
    outline: 0;
    background-color: transparent;
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    width: auto;
    font-size: 20px;
    color: var(--insuba-base, #0365d3);
    z-index: 11;
    transition: .4s
}

.product__search button[type=submit]:hover {
    color: var(--insuba-black, #122f2a)
}

.product__price-ranger {
    padding-top: 31px;
    padding-bottom: 30px
}

.product__price-ranger .product__sidebar__title {
    margin-bottom: 28px
}

.product__price-ranger .price-ranger {
    background-color: var(--insuba-white, #fff);
    padding: 15px 21px 7px 9px;
    border: 1px solid var(--insuba-border-color, #ddd)
}

.product__price-ranger .price-ranger .ui-slider .ui-slider-handle:nth-child(3) {
    position: absolute
}

.product__price-ranger .price-ranger .ui-slider .ui-slider-handle:nth-child(3)::after {
    content: "";
    width: 8px;
    height: 8px;
    background-color: var(--insuba-white, #fff);
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.product__price-ranger #slider-range {
    margin: 0;
    background-color: transparent;
    border: 1px solid var(--insuba-base, #0365d3);
    height: 7px;
    border-radius: 10px;
    position: relative
}

.product__price-ranger #slider-range .ui-slider-range {
    height: 100%;
    background: var(--insuba-base, #0365d3)
}

.product__price-ranger #slider-range .ui-slider-handle {
    position: absolute;
    top: -6.5px;
    background: var(--insuba-base, #0365d3);
    border: 0;
    height: 18px;
    width: 18px !important;
    border-radius: 50%;
    margin-left: -2px;
    outline: 0;
    cursor: pointer;
    z-index: 2
}

.product__price-ranger .ranger-min-max-block {
    position: relative;
    display: block;
    margin-top: 6px
}

.product__price-ranger .ranger-min-max-block input[type=text] {
    position: relative;
    display: inline-block;
    color: var(--insuba-text, #636363);
    font-size: 12px;
    font-weight: 500;
    width: 36px;
    line-height: 14px;
    border: none;
    outline: 0;
    font-family: var(--insuba-font, "Roboto", sans-serif);
    padding: 0;
    text-align: center;
    background-color: transparent
}

.product__price-ranger .ranger-min-max-block span {
    position: relative;
    display: inline-block;
    color: var(--insuba-text, #636363);
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    left: -1px
}

.product__categories {
    padding-top: 31px
}

.product__categories__title {
    margin-bottom: 13.5px
}

.product__categories ul {
    margin: 0 0 -17px;
    padding: 0;
    list-style: none
}

.product__categories ul li {
    position: relative;
    margin: 0 0 3.5px
}

.product__categories ul li a {
    position: relative;
    padding: 13.5px 0;
    overflow: hidden;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 16px;
    line-height: 1;
    text-transform: capitalize;
    color: var(--insuba-text, #636363);
    font-weight: 500;
    transition: .5s;
    z-index: 1
}

.product__categories ul li a::after {
    position: absolute;
    content: "";
    width: 0;
    height: 100%;
    top: 0;
    right: 0;
    z-index: -1;
    background-color: var(--insuba-base, #0365d3);
    transition: .5s
}

.product__categories ul li a .product-categories__icon {
    display: inline-flex;
    font-size: 16px;
    color: var(--insuba-text, #636363);
    transition: .5s
}

.product__categories ul li a:hover {
    padding-left: 15px;
    padding-right: 15px;
    color: var(--insuba-white, #fff)
}

.cart-page__table tbody tr td:first-child,
.cart-page__table thead tr th:first-child {
    padding-left: 0
}

.product__categories ul li a:hover::after {
    left: 0;
    width: 100%
}

.product__categories ul li a:hover .product-categories__icon {
    color: var(--insuba-white, #fff)
}

.product__info-top {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    margin-bottom: 30px
}

.product__showing-text {
    margin: 0;
    font-size: 16px;
    font-weight: 500;
    color: var(--insuba-text, #636363);
    text-transform: capitalize
}

.product__showing-sort .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    font-family: var(--insuba-font, "Roboto", sans-serif);
    position: relative;
    display: block;
    width: 100%;
    min-width: 177px !important;
    background-color: var(--insuba-white2, #ecf2f2)
}

.product__showing-sort .bootstrap-select .dropdown-menu {
    border: none
}

.product__showing-sort .bootstrap-select>.dropdown-toggle {
    position: relative;
    height: 56px;
    border-radius: 0;
    border: 0;
    background-color: transparent !important;
    margin: 0;
    padding: 0 38px 0 15px;
    font-family: var(--insuba-font, "Roboto", sans-serif);
    color: var(--insuba-black, #122f2a) !important;
    font-size: 16px;
    line-height: 56px;
    font-weight: 500;
    background-repeat: no-repeat
}

.product__showing-sort .bootstrap-select>.dropdown-toggle>.filter-option {
    text-align: left
}

.product__showing-sort .bootstrap-select>.dropdown-toggle:before {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 15px;
    font-family: "Font Awesome 5 Free";
    content: "\f107";
    font-weight: 900;
    font-size: 17px;
    color: var(--insuba-text, #636363)
}

.checkout-page__control .bootstrap-select .dropdown-menu>li+li>a,
.contact__form .bootstrap-select .dropdown-menu>li+li>a,
.product__showing-sort .bootstrap-select .dropdown-menu>li+li>a {
    border-top: 1px solid var(--insuba-border-color, #ddd)
}

.product__showing-sort .bootstrap-select .dropdown-menu>li>a {
    font-size: 14px;
    font-weight: 500;
    padding: 5px 16px 6px;
    font-family: var(--insuba-font, "Roboto", sans-serif);
    color: var(--insuba-black, #122f2a);
    background-color: var(--insuba-white2, #ecf2f2);
    text-transform: capitalize;
    -webkit-transition: .4s;
    transition: .4s
}

.product__showing-sort .bootstrap-select .dropdown-menu>li.selected>a,
.product__showing-sort .bootstrap-select .dropdown-menu>li:hover>a {
    background-color: var(--insuba-base, #0365d3);
    color: var(--insuba-white, #fff);
    border-color: var(--insuba-base, #0365d3)
}

.product__item {
    position: relative;
    background-color: var(--insuba-white, #fff);
    border: 1px solid var(--insuba-border-color, #ddd);
    transition: .5s
}

.product__item:hover {
    box-shadow: rgba(0, 0, 0, .1) 0 4px 12px
}

.product__item__image {
    padding: 20px 20px 0;
    position: relative;
    text-align: center;
    overflow: hidden
}

.product__item__image img {
    max-width: 100%;
    height: auto;
    transform: scale(1);
    transition: .5s
}

.product__item__btn-group {
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 1
}

.product__item__btn-group a+a {
    margin-top: 10px
}

.product__item__btn-group a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    background-color: var(--insuba-white9, #f1f5f6);
    font-size: 16px;
    border-radius: 50%;
    visibility: hidden;
    opacity: 0
}

.product__item__btn-group a:hover {
    background-color: var(--insuba-base, #0365d3);
    color: var(--insuba-white, #fff)
}

.product__item__btn-group a:first-child {
    -webkit-transition: transform 350ms cubic-bezier(.445, .05, .55, .95), opacity .3s, visibility .3s, background .3s, color .3s, border .3s;
    -moz-transition: transform 350ms cubic-bezier(.445, .05, .55, .95), opacity .3s, visibility .3s, background .3s, color .3s, border .3s;
    -ms-transition: transform 350ms cubic-bezier(.445, .05, .55, .95), opacity .3s, visibility .3s, background .3s, color .3s, border .3s;
    -o-transition: transform 350ms cubic-bezier(.445, .05, .55, .95), opacity .3s, visibility .3s, background .3s, color .3s, border .3s;
    transition: transform 350ms cubic-bezier(.445, .05, .55, .95), opacity .3s, visibility .3s, background .3s, color .3s, border .3s;
    transform: translate3d(30px, 0, 0);
    -moz-transform: translate3d(30px, 0, 0);
    -webkit-transform: translate3d(30px, 0, 0);
    -ms-transform: translate3d(30px, 0, 0);
    -o-transform: translate3d(30px, 0, 0)
}

.product__item__btn-group a:nth-child(2) {
    -webkit-transition: transform 550ms cubic-bezier(.445, .05, .55, .95), opacity .3s, visibility .3s, background .3s, color .3s, border .3s;
    -moz-transition: transform 550ms cubic-bezier(.445, .05, .55, .95), opacity .3s, visibility .3s, background .3s, color .3s, border .3s;
    -ms-transition: transform 550ms cubic-bezier(.445, .05, .55, .95), opacity .3s, visibility .3s, background .3s, color .3s, border .3s;
    -o-transition: transform 550ms cubic-bezier(.445, .05, .55, .95), opacity .3s, visibility .3s, background .3s, color .3s, border .3s;
    transition: transform 550ms cubic-bezier(.445, .05, .55, .95), opacity .3s, visibility .3s, background .3s, color .3s, border .3s;
    transform: translate3d(30px, 0, 0);
    -moz-transform: translate3d(30px, 0, 0);
    -webkit-transform: translate3d(30px, 0, 0);
    -ms-transform: translate3d(30px, 0, 0);
    -o-transform: translate3d(30px, 0, 0)
}

.product__item__btn-group a:nth-child(3) {
    -webkit-transition: transform 750ms cubic-bezier(.445, .05, .55, .95), opacity .3s, visibility .3s, background .3s, color .3s, border .3s;
    -moz-transition: transform 750ms cubic-bezier(.445, .05, .55, .95), opacity .3s, visibility .3s, background .3s, color .3s, border .3s;
    -ms-transition: transform 750ms cubic-bezier(.445, .05, .55, .95), opacity .3s, visibility .3s, background .3s, color .3s, border .3s;
    -o-transition: transform 750ms cubic-bezier(.445, .05, .55, .95), opacity .3s, visibility .3s, background .3s, color .3s, border .3s;
    transition: transform 750ms cubic-bezier(.445, .05, .55, .95), opacity .3s, visibility .3s, background .3s, color .3s, border .3s;
    transform: translate3d(30px, 0, 0);
    -moz-transform: translate3d(30px, 0, 0);
    -webkit-transform: translate3d(30px, 0, 0);
    -ms-transform: translate3d(30px, 0, 0);
    -o-transform: translate3d(30px, 0, 0)
}

.cart-page__table__meta__title a,
.product__item__title a {
    background: linear-gradient(to right, currentcolor 0, currentcolor 100%) 0 95%/0 1px no-repeat;
    transition: .5s;
    color: inherit
}

.product__item:hover .product__item__image img {
    transform: scale(1.05)
}

.product__item:hover .product__item__btn-group a {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0)
}

.newsletter__image::after,
.newsletter__image::before {
    left: 50%;
    transform: translateX(-50%);
    clip-path: polygon(9% 0, 91% 0, 100% 100%, 0% 100%)
}

.product__item__content {
    padding: 30px;
    position: relative;
    text-align: center
}

.product__item .insuba-ratings {
    margin-bottom: 16px;
    justify-content: center;
    gap: 7px
}

.product__item .insuba-ratings__icon {
    font-size: 14px
}

.product__item__title {
    font-size: 22px;
    font-weight: 700;
    line-height: 1.318;
    margin-bottom: 12px
}

.product__item__price {
    font-size: 18px;
    color: var(--insuba-text, #636363);
    text-align: center;
    line-height: 1.222;
    font-weight: 500;
    margin-bottom: 17px
}

.product__item .insuba-btn {
    padding: 9px 30px;
    font-size: 15px
}

.cart-page__button .insuba-btn,
.checkout-page__payment__button .insuba-btn {
    padding: 13px 35px
}

.product-page {
    padding-top: 120px;
    background-color: var(--insuba-white, #fff)
}

@media (max-width:767px) {
    .product__info-top {
        display: block;
        margin-bottom: 40px
    }

    .product__showing-text {
        margin-bottom: 25px
    }

    .product__showing-sort .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
        min-width: 141px !important
    }

    .product__showing-sort .bootstrap-select>.dropdown-toggle>.filter-option {
        text-align: left
    }

    .product__item__content {
        padding-left: 25px;
        padding-right: 25px
    }

    .product__item__title {
        font-size: 18px
    }

    .product-page {
        padding-top: 91px
    }
}

@media (max-width:575px) {
    .services-four {
        padding-bottom: 80px
    }

    .service-details__cta__form button {
        margin-top: 25px;
        position: static;
        transform: translate(0)
    }

    .insurance-one__bg {
        height: 100%
    }

    .portfolio-one {
        padding-top: 320px
    }

    .portfolio-two--section .portfolio-two__shape {
        display: none
    }

    .portfolio-details {
        padding-bottom: 71px
    }

    .product-page {
        padding-top: 71px
    }
}

@media (max-width:767px) {
    .product-page--carousel {
        padding-top: 100px
    }
}

@media (max-width:575px) {
    .product-page--carousel {
        padding-top: 80px
    }
}

@media (max-width:991px) {
    .portfolio-three__content {
        margin-bottom: 30px
    }

    .portfolio-details__project__content {
        max-width: 100%
    }

    .product-page--left {
        padding-top: 120px
    }

    .product-page .post-pagination {
        margin-top: 20px
    }
}

@media (max-width:767px) {
    .product-page--left {
        padding-top: 100px
    }
}

.product-page .product__item__image img {
    width: auto !important;
    display: inline-block !important
}

.cart-page .table-responsive {
    position: relative;
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin-bottom: 10px
}

.cart-page__table {
    position: relative;
    width: 100%;
    border: none;
    margin: 0 0 24px
}

.cart-page__table thead tr {
    border-bottom: 1px solid var(--insuba-border-color, #ddd)
}

.cart-page__table thead tr th {
    font-size: 20px;
    color: var(--insuba-black8, #202221);
    line-height: 1;
    font-weight: 700;
    padding: 0 50px 25.5px;
    text-transform: capitalize;
    background-color: transparent;
    border: 0 !important;
    box-shadow: none
}

.cart-page__table .product-details__quantity .quantity-box input,
.cart-page__table tbody tr td,
.cart-page__table tbody tr td .cart-page__table__remove:hover,
.cart-page__table__meta__title:hover {
    color: var(--insuba-base, #0365d3)
}

.cart-page__table thead tr th:last-child {
    padding-right: 0;
    text-align: right
}

.cart-page__table tbody tr td {
    font-family: var(--insuba-font, "Roboto", sans-serif);
    font-size: 16px;
    font-weight: 700;
    text-transform: capitalize;
    line-height: normal;
    vertical-align: middle;
    box-shadow: none;
    background-color: transparent;
    border-top: 0 !important;
    border-bottom: 1px solid var(--insuba-border-color, #ddd);
    padding: 28px 50px;
    letter-spacing: 0
}

.cart-page__table tbody tr td.cart-page__table__price,
.cart-page__table tbody tr td.cart-page__table__total {
    font-size: 16px;
    font-weight: 500;
    color: var(--insuba-text, #636363)
}

.cart-page__table tbody tr td.cart-page__table__total,
.error-404__content {
    text-align: center
}

.cart-page__cart-total__amount__text,
.checkout-page__order-table tbody tr td:not(:first-child),
.checkout-page__order-table thead tr th:not(:first-child) {
    text-align: right
}

.cart-page__table tbody tr td .cart-page__table__remove {
    margin-left: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--insuba-text, #636363);
    font-size: 16px;
    line-height: normal
}

.cart-page__table tbody tr td:last-child {
    padding-right: 0
}

.cart-page__table .product-details__quantity {
    margin-bottom: 0
}

.cart-page__table__meta {
    display: flex;
    align-items: center;
    gap: 20px
}

.cart-page__table__meta__img {
    padding: 6px;
    flex-shrink: 0;
    width: 113px;
    border: 1px solid var(--insuba-border-color, #ddd)
}

.cart-page__table__meta__img img {
    width: 100%;
    display: block
}

.cart-page__table__meta__title {
    margin: 0;
    font-size: 18px;
    color: var(--insuba-black8, #202221);
    font-weight: 700;
    line-height: 1.277
}

.cart-page__coupone__title {
    font-size: 18px;
    font-weight: 600;
    color: var(--insuba-black8, #202221);
    line-height: 1.25;
    text-transform: capitalize;
    padding-top: 2px;
    margin-bottom: 15px
}

.cart-page__coupone__box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px 30px
}

.cart-page__coupone__form {
    min-width: 445px;
    position: relative;
    display: flex;
    align-items: center;
    gap: 20px 15px
}

.cart-page__coupone__form input[type=text] {
    display: block;
    width: 268px;
    height: 62px;
    border: none;
    font-size: 16px;
    font-family: var(--insuba-font, "Roboto", sans-serif);
    color: var(--insuba-text, #636363);
    font-weight: 400;
    line-height: normal;
    background-color: var(--insuba-white, #fff);
    padding-left: 20px;
    padding-right: 20px;
    outline: 0;
    border: 1px solid var(--insuba-border-color, #ddd);
    border-radius: 100px;
    transition: .4s
}

.cart-page__coupone__form input[type=text]:focus,
.checkout-page__control input[type=email]:focus,
.checkout-page__control input[type=tel]:focus,
.checkout-page__control input[type=text]:focus {
    color: var(--insuba-black, #122f2a);
    border-color: var(--insuba-base, #0365d3)
}

.cart-page__update-btn {
    color: var(--insuba-base, #0365d3);
    background-color: transparent;
    border: 1px solid var(--insuba-base, #0365d3) !important
}

.cart-page__update-btn:hover,
.product-details .social-links a:hover .social-links__icon {
    color: var(--insuba-white, #fff)
}

.cart-page__btn {
    border: 0;
    outline: 0;
    padding: 0 35px;
    height: 62px;
    line-height: 62px
}

.cart-page__cart-checkout {
    margin-top: 10px;
    width: 100%;
    max-width: 310px;
    margin-left: auto
}

.cart-page__cart-total li:not(.cart-page__cart-total__address) {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    font-size: 18px;
    font-family: var(--insuba-font, "Roboto", sans-serif);
    color: var(--insuba-black8, #202221);
    text-transform: capitalize;
    font-weight: 700;
    line-height: normal
}

.cart-page__cart-total li:not(.cart-page__cart-total__address) span {
    color: inherit
}

.cart-page__cart-total__top {
    padding-bottom: 21px;
    margin-bottom: 25px;
    border-bottom: 1px solid var(--insuba-border-color, #ddd)
}

.cart-page__cart-total__title {
    margin-bottom: 0;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.318;
    text-transform: capitalize
}

.cart-page__cart-total__amount {
    margin-bottom: 20px
}

.cart-page__cart-total__amount--2 {
    margin-bottom: 25px
}

.cart-page__cart-total__amount__title {
    font-size: 20px;
    font-weight: 600;
    line-height: normal
}

.cart-page__cart-total__address {
    margin-bottom: 18px;
    padding-bottom: 22px;
    border-bottom: 1px solid var(--insuba-border-color, #ddd)
}

.cart-page__cart-total__address__title {
    font-size: 16px;
    font-weight: 600;
    color: var(--insuba-text, #636363);
    line-height: 1.25;
    text-transform: capitalize;
    margin-bottom: 12px
}

.cart-page__cart-total__address__text {
    font-size: 16px;
    color: var(--insuba-text, #636363);
    font-weight: 400;
    line-height: 1.625;
    text-transform: capitalize;
    margin-bottom: 0
}

.checkout-page {
    position: relative;
    padding-top: 114px
}

@media (max-width:767px) {
    .cart-page__coupone__box {
        flex-direction: column;
        align-items: flex-start
    }

    .cart-page__coupone__form {
        min-width: 100%;
        width: 100%;
        flex-direction: column;
        align-items: flex-start
    }

    .cart-page__coupone__form input[type=text] {
        width: 100%
    }

    .cart-page__btn {
        height: 55px;
        line-height: 55px
    }

    .cart-page__cart-checkout {
        margin: 0
    }

    .checkout-page {
        padding-top: 94px
    }
}

.checkout-page__form {
    --bs-gutter-y: 18px
}

.checkout-page__title {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.208;
    margin-bottom: 20px
}

.accordion-example,
.checkout-page__billing-address__title,
.product-details__form__top {
    margin-bottom: 40px
}

.checkout-page__control label {
    font-family: var(--insuba-font, "Roboto", sans-serif);
    font-size: 16px;
    color: var(--insuba-black, #122f2a);
    font-weight: 500;
    text-transform: capitalize;
    margin-bottom: 10px
}

.checkout-page__control input[type=email],
.checkout-page__control input[type=tel],
.checkout-page__control input[type=text] {
    height: 61px;
    width: 100%;
    border: 1px solid transparent;
    background-color: var(--insuba-white3, #f1f6f7);
    padding-left: 20px;
    padding-right: 20px;
    outline: 0;
    font-size: 16px;
    color: var(--insuba-text, #636363);
    font-family: var(--insuba-font, "Roboto", sans-serif);
    display: block;
    line-height: normal;
    font-weight: 400;
    border-radius: 5px;
    transition: .4s
}

.checkout-page__control .bootstrap-select>.dropdown-toggle {
    position: relative;
    height: 61px;
    border-radius: 5px;
    border: 0;
    background-color: var(--insuba-white3, #f1f6f7) !important;
    margin: 0;
    padding: 0 20px;
    font-family: var(--insuba-font, "Roboto", sans-serif);
    color: var(--insuba-text, #636363) !important;
    font-size: 16px;
    line-height: 61px;
    font-weight: 400;
    background-repeat: no-repeat
}

.checkout-page__control .bootstrap-select>.dropdown-toggle:before {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 20px;
    font-family: "Font Awesome 5 Free";
    content: "\f107";
    font-weight: 900;
    font-size: 16px;
    color: var(--insuba-text, #636363)
}

.checkout-page__control .bootstrap-select .dropdown-menu {
    border: none
}

.checkout-page__control .bootstrap-select .dropdown-menu>li>a {
    font-size: 16px;
    padding: 10px 22px;
    font-family: var(--insuba-font, "Roboto", sans-serif);
    font-weight: 400;
    color: var(--insuba-black, #122f2a);
    background-color: var(--insuba-white3, #f1f6f7);
    text-transform: capitalize;
    -webkit-transition: .4s;
    transition: .4s
}

.checkout-page__control .bootstrap-select .dropdown-menu>li.selected>a,
.checkout-page__control .bootstrap-select .dropdown-menu>li:hover>a {
    background: var(--insuba-base, #0365d3);
    color: var(--insuba-white, #fff);
    border-color: var(--insuba-base, #0365d3)
}

.checkout-page__different-address {
    margin-top: 58px
}

.checkout-page__different-address__title {
    margin-bottom: 20px;
    font-weight: 600
}

.checkout-page__different-address__inner {
    min-height: 177px;
    padding: 21px 28px;
    background-color: var(--insuba-white3, #f1f6f7);
    border-radius: 5px
}

.checkout-page__different-address__text {
    margin-bottom: 0;
    font-weight: 500
}

.checkout-page__your-order {
    position: relative;
    margin-top: 60px
}

.checkout-page__your-order__title {
    margin-bottom: 25px;
    padding-bottom: 29px;
    border-bottom: 1px solid var(--insuba-border-color, #ddd)
}

.checkout-page__order-table {
    position: relative;
    width: 100%;
    border: none;
    margin: 0
}

.checkout-page__order-table thead tr th {
    font-family: var(--insuba-font, "Roboto", sans-serif);
    font-size: 20px;
    color: var(--insuba-black, #122f2a);
    text-transform: capitalize;
    font-weight: 600;
    line-height: normal;
    margin: 0;
    padding: 0 0 25px;
    border-bottom: 1px solid var(--insuba-border-color, #ddd)
}

.checkout-page__order-table tbody tr td {
    margin: 0;
    padding: 9.5px 0
}

.checkout-page__order-table tbody tr td.pro__price,
.checkout-page__order-table tbody tr td.pro__title {
    font-size: 16px;
    font-family: var(--insuba-font, "Roboto", sans-serif);
    color: var(--insuba-text, #636363);
    font-weight: 500;
    text-transform: capitalize
}

.checkout-page__order-table tbody tr td.pro__price--total,
.checkout-page__order-table tbody tr td.pro__title--total {
    font-weight: 700;
    color: var(--insuba-black, #122f2a)
}

.checkout-page__order-table tbody tr:first-child td {
    padding-top: 25px
}

.checkout-page__order-table tbody tr:nth-child(3) td {
    padding-bottom: 23px
}

.checkout-page__order-table tbody tr:last-child td {
    padding-top: 22px;
    padding-bottom: 0;
    border-top: 1px solid var(--insuba-border-color, #ddd)
}

.checkout-page__payment-wrapper {
    padding: 27px 30px 30px;
    background-color: var(--insuba-white3, #f1f6f7);
    border-radius: 5px
}

.checkout-page__payment {
    margin-bottom: 85px
}

.checkout-page__payment__item+.checkout-page__payment__item {
    margin-top: 22px
}

.checkout-page__payment__item,
.product-details {
    position: relative
}

.checkout-page__payment__title {
    margin-bottom: 0;
    display: flex;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.75;
    cursor: pointer
}

.checkout-page__payment__title::before {
    content: "\f111";
    position: relative;
    top: 3px;
    width: 20px;
    height: 20px;
    border: 1px solid var(--insuba-text, #636363);
    border-radius: 50%;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 6px;
    color: var(--insuba-text, #636363);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    line-height: 1;
    margin-right: 15px;
    transition: .5s
}

.checkout-page__payment__item--active .checkout-page__payment__title {
    text-shadow: 0 0 1px currentColor
}

.checkout-page__payment__item--active .checkout-page__payment__title::before {
    border-color: var(--insuba-base, #0365d3);
    color: var(--insuba-base, #0365d3)
}

.comments-one__card,
.product-details__description,
.product-details__review {
    border-bottom: 1px solid var(--insuba-border-color, #ddd)
}

.checkout-page__payment__content {
    margin-top: 5px;
    margin-left: 35px
}

.checkout-page__payment__content p {
    margin-bottom: 0;
    line-height: 1.875
}

.product-details__image {
    padding: 30px;
    min-height: 570px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--insuba-border-color, #ddd)
}

@media (max-width:991px) {
    .checkout-page__different-address {
        margin-top: 0
    }

    .checkout-page__payment {
        margin-bottom: 70px
    }

    .product-details__image {
        min-height: 500px
    }
}

@media (max-width:575px) {
    .product-page--left {
        padding-top: 80px
    }

    .checkout-page {
        padding-top: 74px
    }

    .checkout-page__different-address__text br {
        display: none
    }

    .product-details__image {
        min-height: 450px
    }
}

.contact-two__image__sahpe,
.product-details__image img {
    max-width: 100%;
    height: auto
}

.product-details__top {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px 25px;
    margin-bottom: 23px
}

.product-details__name,
.product-details__price {
    margin: 0;
    font-size: 24px;
    line-height: 1.208;
    font-weight: 700;
    text-transform: capitalize
}

.product-details__price {
    color: var(--insuba-base, #0365d3)
}

.product-details__review {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px 10px;
    padding-bottom: 27px
}

.product-details__review a {
    font-size: 16px;
    color: var(--insuba-text, #636363);
    text-transform: capitalize;
    line-height: 1.25;
    font-weight: 400;
    background: linear-gradient(to right, currentcolor 0, currentcolor 100%) 0 95%/0 1px no-repeat;
    transition: .5s
}

.login-page__form-forgot-password a,
.login-page__info__text a {
    display: inline-block;
    background: linear-gradient(to right, currentcolor 0, currentcolor 100%) 0 95%/0 1px no-repeat;
    line-height: normal
}

.product-details__review a:hover {
    color: var(--insuba-base, #0365d3)
}

.product-details__excerpt {
    margin-top: 21px;
    margin-bottom: 31px
}

.product-details__excerpt__text {
    margin-bottom: 0;
    line-height: 1.875
}

.product-details__quantity {
    position: relative;
    display: flex;
    align-items: center;
    gap: 20px 26px;
    margin-bottom: 40px
}

.product-details__quantity__title {
    font-size: 16px;
    font-weight: 700;
    text-transform: capitalize;
    line-height: 1.75;
    margin-bottom: 0
}

.product-details__quantity .quantity-box {
    position: relative;
    width: 98px;
    height: 53px;
    border: 1px solid var(--insuba-border-color, #ddd)
}

.product-details__quantity .quantity-box input {
    width: 62px;
    height: 53px;
    border: 0;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
    font-family: var(--insuba-font, "Roboto", sans-serif);
    color: var(--insuba-base, #0365d3);
    outline: 0;
    font-size: 16px;
    font-weight: 700;
    background-color: transparent;
    text-align: center;
    transition: .4s
}

.product-details__quantity .quantity-box input:focus {
    color: var(--insuba-black, #122f2a)
}

.product-details__quantity .quantity-box button {
    width: 34px;
    height: 26.5px;
    color: var(--insuba-text, #636363);
    font-size: 10px;
    position: absolute;
    top: 0;
    right: 0;
    background-color: transparent;
    border: none;
    border-left: 1px solid var(--insuba-border-color, #ddd);
    display: flex;
    align-items: center;
    justify-content: center;
    outline: 0;
    transition: .5s
}

.product-details__quantity .quantity-box button.sub {
    bottom: 0;
    top: auto;
    border-top: 1px solid var(--insuba-border-color, #ddd)
}

.product-details__quantity .quantity-box button:hover {
    color: var(--insuba-base, #0365d3)
}

.product-details__buttons {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 40px
}

.product-details__buttons .insuba-btn {
    padding-left: 30px;
    padding-right: 70px
}

.product-details__socials {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px 30px
}

.product-details__socials__title {
    font-size: 16px;
    font-weight: 500;
    color: var(--insuba-text, #636363);
    line-height: 1;
    text-transform: capitalize;
    margin-bottom: 0
}

.comments-one__reply,
.login-page__info__text a {
    color: var(--insuba-base, #0365d3);
    transition: .5s
}

.product-details .social-links a {
    width: 40px;
    height: 40px;
    background-color: transparent;
    border: 1px solid var(--insuba-border-color, #ddd);
    border-radius: 0
}

.product-details .social-links__icon {
    font-size: 16px;
    color: var(--insuba-text, #636363)
}

.product-details__description-wrapper {
    margin-top: 54px
}

.product-details__description {
    position: relative;
    padding-bottom: 31px
}

.product-details__description__title {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.208;
    text-transform: capitalize;
    margin-bottom: 15px
}

.product-details__description__text {
    line-height: 1.875;
    margin-bottom: 0
}

.comments-one__name,
.comments-one__title {
    font-weight: 700;
    line-height: 1.363;
    text-transform: capitalize
}

.product-details__description__text:not(:last-child) {
    margin-bottom: 30px
}

.product-details__form__title {
    margin-bottom: 12px
}

.product-details__form__text {
    margin-bottom: 27px
}

.product-details__form__ratings {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px 18px
}

.product-details__form__ratings__text {
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 700;
    text-transform: capitalize
}

.product-details__form__ratings .insuba-ratings__icon {
    color: var(--insuba-text, #636363)
}

.comments-form,
.comments-one {
    margin-top: 51px
}

.comments-one__title {
    margin-bottom: 43px;
    font-size: 30px
}

.comments-one__card {
    display: grid;
    grid-template-columns: 89px auto;
    align-items: center;
    grid-gap: 21px;
    padding-bottom: 47px
}

.comments-one__card:not(:last-child) {
    margin-bottom: 52px
}

.comments-one__image {
    width: 89px
}

.comments-one__image img {
    width: 89px;
    height: 89px;
    object-fit: cover;
    border-radius: 50%
}

.comments-one__name {
    margin-bottom: 7px;
    font-size: 22px
}

.comments-one__text {
    margin-bottom: 7px;
    line-height: 1.625
}

.comments-one__bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px 40px
}

.comments-one__date {
    margin-bottom: 0;
    line-height: 1.625
}

.comments-one__reply {
    padding: 0;
    border: none;
    outline: 0;
    background-color: transparent;
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
    line-height: 1.625
}

.blog-details .blog-card-three__title:hover,
.comments-one__reply:hover,
.newsletter input[type=text]:focus {
    color: var(--insuba-black, #122f2a)
}

.comments-form__title {
    margin-bottom: 49px;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.363
}

.blog-details-page,
.contact__wrapper {
    position: relative;
    z-index: 2;
    background-color: var(--insuba-white, #fff)
}

.blog-details .blog-card-three {
    margin-bottom: 53px
}

.blog-details .blog-card-three__description p+p {
    margin-top: 12px
}

.blog-details .blog-card-three__text {
    margin: 0;
    line-height: 1.875
}

.blog-details__meta {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 35px;
    padding-top: 29px;
    padding-bottom: 29px;
    border-top: 1px solid var(--insuba-border-color, #ddd);
    border-bottom: 1px solid var(--insuba-border-color, #ddd)
}

.blog-details__meta__title {
    margin-bottom: 0;
    font-size: 16px;
    line-height: 1.437;
    font-weight: 600;
    color: var(--insuba-black2, #333);
    text-transform: capitalize
}

.blog-details__categories__btn,
.blog-details__tags__btn,
.newsletter input[type=text] {
    font-size: 16px;
    color: var(--insuba-text, #636363);
    font-family: var(--insuba-font, "Roboto", sans-serif)
}

.blog-details__categories,
.blog-details__tags {
    display: flex;
    align-items: center;
    gap: 18px;
    flex-wrap: wrap
}

.blog-details__categories__btn,
.blog-details__tags__btn {
    padding: 7px 19.5px 3px;
    font-weight: 400;
    line-height: 1.437;
    text-transform: uppercase;
    background-color: var(--insuba-white3, #f1f6f7);
    border-radius: 16px
}

.blog-details__categories__box,
.blog-details__tags__box {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 17px
}

@media (min-width:992px) and (max-width:1199px) {
    .service-card-three__content {
        padding-left: 16px;
        padding-right: 16px
    }

    .portfolio-card {
        padding-left: 30px
    }

    .portfolio-card__content__inner {
        padding-left: 30px;
        padding-right: 30px
    }

    .blog-details__form .form-one__group {
        grid-template-columns: repeat(1, 1fr)
    }
}

.newsletter {
    margin-bottom: -145px;
    position: relative;
    z-index: 3
}

.newsletter__inner {
    padding: 91px 140px 103px;
    position: relative;
    background-color: var(--insuba-white, #fff);
    border-radius: 148px
}

.newsletter__inner__bg {
    width: 100%;
    height: calc(100% - 7px);
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--insuba-base, #0365d3);
    border-radius: inherit;
    overflow: hidden
}

.contact-two__content,
.contact__image,
.login-page__wrap,
.logo-container,
.newsletter__form,
.newsletter__form__form,
body.boxed-wrapper {
    position: relative
}

.newsletter__form {
    margin-left: auto;
    width: 100%;
    max-width: 540px;
    z-index: 2
}

.newsletter__form__title {
    margin-bottom: 22px;
    font-size: 22px;
    color: var(--insuba-white, #fff);
    font-weight: 700;
    text-transform: capitalize;
    line-height: 1.59
}

.newsletter input[type=text] {
    outline: 0;
    border: 0;
    width: 100%;
    height: 53px;
    padding-left: 41px;
    font-weight: 400;
    background-color: var(--insuba-white, #fff);
    border-radius: 27px;
    transition: .5s
}

.newsletter button[type=submit] {
    margin-top: 20px;
    padding: 7px 38px;
    font-size: 18px
}

.newsletter__image {
    position: absolute;
    left: 152px;
    bottom: 7px
}

.newsletter__image::before {
    content: "";
    position: absolute;
    bottom: 0;
    width: 265px;
    height: 38px;
    background-color: var(--insuba-black5, #0f3667);
    z-index: 1
}

.newsletter__image::after {
    content: "";
    position: absolute;
    bottom: -1px;
    width: 334px;
    height: 322px;
    background-color: var(--insuba-white, #fff)
}

.newsletter__image__one {
    position: relative;
    z-index: 2;
    max-width: 100%;
    height: auto
}

.newsletter__image__shape {
    max-width: 100%;
    height: auto;
    position: absolute;
    top: 41px;
    right: -160px;
    z-index: 1;
    animation: 4s infinite moveHorizontal2
}

.newsletter__shape-one {
    max-width: 100%;
    height: auto;
    position: absolute;
    top: -26px;
    left: -374px
}

.newsletter--two .newsletter__form {
    margin: 0
}

.newsletter--two .newsletter__image {
    left: auto;
    right: 152px
}

.newsletter--two .newsletter__image__shape {
    right: auto;
    left: -128px;
    animation: 4s infinite moveHorizontal
}

.newsletter--two .newsletter__shape-one {
    left: auto;
    right: -374px
}

@media (max-width:1199px) {
    .portfolio-details__project {
        padding: 0;
        margin-top: 45px;
        margin-bottom: 60px
    }

    .portfolio-details__project__list {
        padding: 0
    }

    .cart-page .table-responsive {
        margin-bottom: 30px
    }

    .cart-page__table {
        min-width: 1170px
    }

    .newsletter__inner {
        padding-left: 50px;
        padding-right: 50px
    }

    .newsletter__form {
        max-width: 420px
    }

    .newsletter input[type=text] {
        padding-left: 25px
    }

    .newsletter button[type=submit] {
        padding-left: 30px;
        padding-right: 30px
    }

    .newsletter__shape-one {
        left: -420px
    }

    .newsletter--two .newsletter__shape-one {
        right: -420px
    }
}

.newsletter--two .newsletter__shape-two {
    right: auto;
    left: 0
}

.login-page__info {
    background-color: var(--insuba-white2, #ecf2f2);
    padding: 35.5px 41px 34.5px;
    margin-bottom: 50px;
    border-radius: 10px
}

.login-page__info__text {
    margin: 0;
    font-size: 18px;
    color: var(--insuba-black, #122f2a);
    font-weight: 400;
    line-height: 1.3888888889
}

.login-page__info__text a,
.login-page__info__text span {
    font-weight: 700
}

.login-page__inner {
    border: 1px solid var(--insuba-border-color, #ddd);
    background: var(--insuba-white, #fff);
    box-shadow: 0 6px 40px 0 rgba(0, 0, 0, .06);
    padding: 47px 40px 57px;
    border-radius: 10px
}

.login-page__row {
    --bs-gutter-x: 94px
}

.login-page__wrap__title {
    margin-bottom: 30px;
    font-size: 35px;
    font-weight: 700;
    line-height: 1.333;
    text-transform: capitalize
}

.login-page__wrap .form__border::after {
    content: "";
    position: absolute;
    top: 0;
    right: -47px;
    width: 1px;
    height: 100%;
    background: var(--insuba-border-color, #ddd)
}

.login-page__form-input-box {
    position: relative;
    display: block;
    margin-bottom: 20px
}

.login-page__form-input-box input[type=email],
.login-page__form-input-box input[type=password] {
    display: block;
    width: 100%;
    font-family: var(--insuba-font, "Roboto", sans-serif);
    color: var(--insuba-text, #636363);
    font-size: 16px;
    font-weight: 400;
    border: 1px solid transparent;
    outline: 0;
    padding: 0 26px;
    height: 62px;
    background-color: var(--insuba-white3, #f1f6f7);
    border-radius: 5px;
    transition: .4s
}

.contact__form input[type=email]:focus,
.contact__form input[type=password]:focus,
.contact__form input[type=tel]:focus,
.contact__form input[type=text]:focus,
.contact__form textarea:focus,
.login-page__form-input-box input[type=email]:focus,
.login-page__form-input-box input[type=password]:focus {
    color: var(--insuba-black, #122f2a);
    border-color: var(--insuba-base, #0365d3)
}

.contact__call__number:hover,
.login-page__form-forgot-password a:hover {
    color: var(--insuba-base, #0365d3);
    background-size: 100% 1px
}

.login-page__checked-box {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 26px;
    margin-bottom: 35px
}

.login-page__checked-box label {
    position: relative;
    display: inline-block;
    padding-left: 30px;
    margin-right: 0;
    margin-bottom: 0;
    text-transform: none;
    cursor: pointer;
    font-size: 16px;
    font-weight: 400;
    color: var(--insuba-text, #636363)
}

.login-page__checked-box label span::before {
    content: "";
    position: absolute;
    top: 2px;
    left: 5px;
    display: block;
    border-bottom: 2px solid var(--insuba-base, #0365d3);
    border-right: 2px solid var(--insuba-base, #0365d3);
    width: 7px;
    height: 10px;
    pointer-events: none;
    transform-origin: 66% 66%;
    transform: rotate(45deg);
    transition: .15s ease-in-out;
    opacity: 0
}

.contact__form .bootstrap-select>.dropdown-toggle::after,
.login-page__checked-box input[type=checkbox] {
    display: none
}

.login-page__checked-box input[type=checkbox]+label span {
    position: absolute;
    top: 3px;
    left: 0;
    border-radius: 4px;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    background: 0 0;
    cursor: pointer;
    transition: .3s;
    border: 1px solid var(--insuba-border-color, #ddd)
}

.login-page__checked-box input[type=checkbox]:checked+label span {
    border-color: var(--insuba-base, #0365d3)
}

.login-page__checked-box input[type=checkbox]:checked+label span::before {
    opacity: 1
}

.login-page__form-forgot-password {
    position: relative;
    display: block;
    margin-left: 0;
    flex: 0 0 100%;
    margin-top: 12px
}

.login-page__form-forgot-password a {
    color: var(--insuba-text, #636363);
    position: relative;
    transition: .5s;
    font-size: 16px;
    font-weight: 400
}

.contact__call {
    padding: 9px 55px 6px 0;
    position: absolute;
    right: -160px;
    bottom: 115px;
    display: inline-flex;
    align-items: center;
    gap: 26px;
    background-color: var(--insuba-black5, #0f3667);
    border-radius: 50px;
    z-index: 2
}

@media (max-width:430px) {

    .app-store__inner,
    .insurance-policy__wrapper {
        padding-left: 30px;
        padding-right: 30px
    }

    .online-banking__chart-box {
        padding: 20px
    }

    .consultations-two .tabs-box .tab-buttons .tab-btn {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start
    }

    .service-card-two {
        padding-left: 30px
    }

    .service-card-four__content {
        padding-top: 30px;
        padding-left: 30px;
        padding-right: 30px
    }

    .services-four__bg {
        height: 900px
    }

    .portfolio-card {
        padding-left: 40px
    }

    .portfolio-card__content__inner {
        padding-left: 40px;
        padding-right: 40px
    }

    .portfolio-one__projects__inner {
        flex-direction: column;
        align-items: flex-start
    }

    .contact__call {
        margin-bottom: 30px;
        position: static;
        padding: 40px 40px 32px;
        flex-direction: column;
        align-items: flex-start;
        border-radius: 20px
    }

    .contact__call::after {
        display: none
    }
}

@media (min-width:431px) and (max-width:575px) {
    .contact__call {
        padding: 12px 40px 9px 0;
        right: 10px;
        bottom: 150px;
        gap: 20px
    }
}

@media (min-width:576px) and (max-width:991px) {
    .contact__call {
        right: -20px;
        bottom: 150px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .contact__call {
        padding: 12px 40px 9px 0;
        right: -15px;
        bottom: 150px;
        gap: 20px
    }
}

@media (min-width:1200px) and (max-width:1299px) {
    .contact__call {
        right: 50px
    }
}

@media (min-width:1300px) and (max-width:1399px) {
    .main-header--four .main-menu .main-menu__list>li+li {
        margin-left: 30px
    }

    .contact__call {
        right: -60px
    }
}

@media (min-width:1400px) and (max-width:1599px) {
    .contact__call {
        right: -90px
    }
}

.contact__call::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 6px solid var(--insuba-white, #fff);
    border-radius: inherit
}

.contact__call__icon {
    position: relative;
    margin-left: -11px;
    width: 87px;
    height: 87px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 42px;
    color: var(--insuba-white, #fff);
    background-color: var(--insuba-base, #0365d3);
    border: 6px solid var(--insuba-white, #fff);
    border-radius: 43px;
    z-index: 1
}

@media (min-width:992px) and (max-width:1199px) {
    .contact__call__icon {
        width: 70px;
        height: 70px;
        font-size: 30px
    }
}

.contact-two .container,
.contact__call__content {
    position: relative;
    z-index: 1
}

.contact__call__title {
    margin-bottom: 5px;
    font-size: 18px;
    font-weight: 700;
    color: var(--insuba-white, #fff);
    line-height: 1.4
}

.contact__call__number {
    position: relative;
    z-index: 1;
    font-size: 16px;
    font-weight: 400;
    color: var(--insuba-white, #fff);
    line-height: 1;
    background: linear-gradient(to right, currentcolor 0, currentcolor 100%) 0 95%/0 1px no-repeat;
    transition: .5s
}

.contact__inner {
    position: relative;
    padding: 23px 18px 24px 54px;
    border: 1px solid var(--insuba-border-color, #ddd);
    border-radius: 30px
}

@media (max-width:1199px) {
    .contact__inner {
        padding: 40px 30px
    }

    .contact__inner__shape {
        display: none
    }
}

.contact__inner__shape-box {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: inherit;
    overflow: hidden
}

.contact__inner__shape {
    width: 276px;
    height: 329px;
    background-color: var(--insuba-base, #0365d3);
    position: absolute;
    top: -192px;
    right: 0;
    transform: rotate(-20deg)
}

.contact__inner__shape::before {
    content: "";
    width: 299px;
    height: 146px;
    background-color: var(--insuba-base, #0365d3);
    position: absolute;
    top: -97px;
    left: -209px;
    transform: rotate(20deg) skewY(68deg)
}

.contact__inner__shape::after {
    content: "";
    width: 293px;
    height: 152px;
    background-color: var(--insuba-base, #0365d3);
    position: absolute;
    top: 288px;
    right: -37px;
    transform: rotate(20deg) skewY(55deg)
}

.contact-one__image::before,
.contact-one__video::after,
.contact__image::after,
.contact__tab-box .tab-buttons .tab-btn {
    background-color: var(--insuba-white, #fff)
}

.contact__row {
    position: relative;
    z-index: 1;
    --bs-gutter-x: 76px
}

.contact__form-col {
    position: relative;
    z-index: 1;
    flex: 0 0 auto;
    width: 51.536%
}

.contact__image-col {
    position: relative;
    z-index: 1;
    flex: 0 0 auto;
    width: 48.464%
}

.contact__tab-box .tab-buttons {
    margin: 0 0 43px;
    padding: 0;
    list-style: none;
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    z-index: 1
}

.contact__tab-box .tab-buttons .tab-btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    cursor: pointer;
    padding: 7.5px 28.7px;
    font-family: var(--insuba-heading-font, "Poppins", serif);
    font-size: 18px;
    font-weight: 700;
    color: var(--insuba-black, #122f2a);
    text-transform: capitalize;
    border-radius: 0;
    border-top: 1px solid var(--insuba-border-color, #ddd);
    border-right: 1px solid var(--insuba-border-color, #ddd);
    border-bottom: 1px solid var(--insuba-border-color, #ddd);
    overflow: visible;
    z-index: 1;
    transition: .5s
}

.contact__tab-box .tab-buttons .tab-btn:first-child {
    border-left: 1px solid var(--insuba-border-color, #ddd)
}

.contact__tab-box .tab-buttons .tab-btn:hover {
    color: var(--insuba-white, #fff);
    border-color: var(--insuba-base, #0365d3)
}

.contact__tab-box .tab-buttons .tab-btn__icon,
.work-planning-head {
    font-size: 20px
}

.contact__tab-box .tab-buttons .tab-btn.active-btn {
    color: var(--insuba-white, #fff);
    background-color: var(--insuba-base, #0365d3);
    border-color: var(--insuba-base, #0365d3)
}

.contact__tab-box .tabs-content {
    position: relative;
    display: block
}

.contact__tab-box .tabs-content .tab {
    position: relative;
    display: none;
    -webkit-transition: .6s;
    -moz-transition: .6s;
    -ms-transition: .6s;
    -o-transition: .6s;
    transition: .6s;
    z-index: 10
}

.contact__tab-box .tabs-content .tab.active-tab,
.desktop-bg {
    display: block
}

.contact__tab-content {
    padding: 31px 24px 29px;
    background-color: var(--insuba-white5, #f0f5f5);
    border-radius: 20px
}

@media (max-width:1199px) {
    .contact__row {
        --bs-gutter-x: 40px
    }

    .contact__tab-box .tab-buttons .tab-btn {
        padding-left: 20px;
        padding-right: 20px;
        gap: 10px;
        font-size: 14px
    }

    .contact__tab-content {
        padding-left: 30px;
        padding-right: 30px
    }

    .contact__image::after {
        display: none
    }
}

.contact__title {
    margin-bottom: 29px;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.218
}

.contact__form__group {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 28px;
    margin: 0
}

.contact__form__insurance-progress-range .irs--flat .irs-handle i,
.contact__form__insurance-progress-range .irs-from,
.contact__form__insurance-progress-range .irs-single,
.contact__form__insurance-progress-range .irs-to,
.mobile-bg {
    display: none
}

.contact__form .bootstrap-select>.dropdown-toggle {
    position: relative;
    height: 50px;
    outline: 0 !important;
    border-radius: 30px;
    border: 1px solid var(--insuba-gray7, #e8e7e7);
    background-color: var(--insuba-white, #fff) !important;
    margin: 0;
    padding: 0 26px;
    font-family: var(--insuba-font, "Roboto", sans-serif);
    color: var(--insuba-text, #636363) !important;
    text-transform: capitalize;
    font-size: 16px;
    line-height: 50px;
    font-weight: 400;
    box-shadow: none !important;
    background-repeat: no-repeat;
    background-size: 14px 12px;
    background-position: right 25.75px center
}

.contact__form .bootstrap-select>.dropdown-toggle::before {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 26px;
    font-family: "Font Awesome 5 Free";
    content: "\f107";
    font-weight: 900;
    font-size: 16px;
    color: var(--insuba-text, #636363)
}

.contact__form .bootstrap-select .dropdown-menu {
    border: none
}

.contact__form .bootstrap-select .dropdown-menu>li>a {
    font-family: var(--insuba-font, "Roboto", sans-serif);
    font-size: 15px;
    font-weight: 400;
    padding: 10px 22px;
    color: var(--insuba-black, #122f2a);
    background-color: var(--insuba-white2, #ecf2f2);
    text-transform: capitalize;
    -webkit-transition: .4s;
    transition: .4s
}

.contact__form .bootstrap-select .dropdown-menu>li.selected>a,
.contact__form .bootstrap-select .dropdown-menu>li:hover>a {
    background-color: var(--insuba-base, #0365d3);
    color: var(--insuba-white, #fff);
    border-color: var(--insuba-base, #0365d3)
}

.contact__form .bootstrap-select>.dropdown-toggle,
.contact__form .bootstrap-select>.dropdown-toggle .filter-option {
    display: flex;
    align-items: center
}

.contact__form input[type=email],
.contact__form input[type=password],
.contact__form input[type=tel],
.contact__form input[type=text],
.contact__form textarea {
    border: none;
    outline: 0;
    padding: 0 26px;
    display: block;
    width: 100%;
    height: 50px;
    font-family: var(--insuba-font, "Roboto", sans-serif);
    color: var(--insuba-text, #636363);
    font-size: 16px;
    font-weight: 400;
    background-color: #eee !important;
    border: 1px solid var(--insuba-gray7, #e8e7e7);
    transition: .4s
}

.table-custom td,
.table-custom th {
    padding: 12px;
    text-align: center;
    white-space: nowrap
}

.contact__form__insurance-progress {
    margin-top: -4px
}

.contact__form__insurance-progress-title {
    margin-bottom: 12px;
    font-family: var(--insuba-font, "Roboto", sans-serif);
    font-size: 16px;
    color: var(--insuba-text, #636363);
    font-weight: 700;
    text-transform: capitalize;
    line-height: 1.75
}

.contact__form__insurance-balance {
    margin: 0;
    font-weight: 700
}

.contact__form__insurance-balance-box {
    position: absolute;
    top: 0;
    right: 0
}

.contact__form__insurance-progress-range {
    width: calc(100% - 8px);
    margin-left: auto;
    margin-right: auto
}

.contact__form__insurance-progress-range .irs--flat {
    position: relative;
    height: 4px
}

.contact__form__insurance-progress-range .irs--flat::after {
    content: "";
    width: calc(100% + 8px);
    height: calc(100% + 8px);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 1px solid var(--insuba-base, #0365d3);
    border-radius: 10px
}

.contact__form__insurance-progress-range .irs--flat .irs-bar,
.contact__form__insurance-progress-range .irs--flat .irs-handle,
.contact__form__insurance-progress-range .irs--flat .irs-line {
    top: 0
}

.contact__form__insurance-progress-range .irs--flat .irs-line {
    height: 4px;
    border-radius: 6px;
    border: 0;
    background-color: var(--insuba-gray4, #dbdbdb)
}

.contact__form__insurance-progress-range .irs--flat .irs-bar {
    height: 4px;
    border-radius: 4px;
    background-color: var(--insuba-base, #0365d3)
}

.contact__form__insurance-progress-range .irs--flat .irs-handle {
    cursor: pointer;
    height: 20px;
    width: 20px;
    background-color: var(--insuba-base, #0365d3);
    border: 0;
    border-radius: 50%;
    top: -9px
}

.contact__image::after {
    content: "";
    position: absolute;
    top: -12px;
    right: -8px;
    width: 100%;
    height: 100%;
    border-radius: 20px
}

.contact__image img {
    position: relative;
    z-index: 1;
    width: 100%;
    display: block;
    border-radius: 20px
}

.contact__umbrella-image {
    max-width: 100%;
    height: auto;
    position: absolute;
    left: 125px;
    bottom: 357px;
    animation: 2s linear infinite zump
}

.contact__call-image {
    max-width: 100%;
    height: auto;
    position: absolute;
    top: 244px;
    right: 79px;
    animation: 6s infinite treeMove
}

.contact-one {
    margin-bottom: -230px;
    position: relative;
    z-index: 1;
    background-color: transparent
}

.contact-one__inner,
.contact-one__wrapper {
    position: relative;
    background-color: var(--insuba-base, #0365d3)
}

.contact-one__inner {
    border-radius: 50px
}

.contact-one__inner::after {
    content: "";
    width: calc(100% + 20px);
    height: calc(100% + 20px);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 10px solid var(--insuba-white7, #fffcf6);
    border-radius: inherit
}

.contact-one__wrapper {
    padding: 76px 70px 80px;
    z-index: 1;
    border-radius: 40px
}

@media (max-width:1199px) {
    .contact-one__wrapper {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media (max-width:430px) {
    .contact__call__title {
        margin-bottom: 10px
    }

    .contact__inner {
        padding: 20px
    }

    .contact__tab-content {
        padding: 29px 25px 31px
    }

    .contact-one__wrapper {
        padding-left: 30px;
        padding-right: 30px
    }
}

.contact-one__wrapper__shape {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    border-radius: inherit;
    z-index: 1
}

.contact-one__shape-one {
    position: absolute;
    top: -80px;
    left: -88px;
    z-index: 1
}

.contact-one__shape-two {
    position: absolute;
    right: -366px;
    bottom: -390px
}

.contact-one__col-image {
    position: relative;
    flex: 0 0 auto;
    width: 50%
}

.contact-one__video {
    padding: 37px 30px 28px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
    position: absolute;
    top: -76px;
    right: 41px;
    background-color: var(--insuba-black5, #0f3667);
    text-align: center;
    z-index: 1
}

.contact-one__video::after {
    content: "";
    width: 100%;
    height: 4px;
    position: absolute;
    left: 0;
    bottom: 0
}

.contact-one__video__title {
    margin: 0;
    font-size: 17px;
    font-weight: 500;
    color: var(--insuba-white, #fff);
    text-transform: capitalize;
    line-height: 1.47
}

.contact-one__title,
.contact-two__call__title {
    font-weight: 700;
    color: var(--insuba-white, #fff)
}

.contact-one__image {
    width: 100%;
    position: absolute;
    left: 26px;
    bottom: -80px;
    overflow: hidden
}

.contact-one__image::before {
    content: "";
    width: 409px;
    height: 409px;
    position: absolute;
    left: 0;
    bottom: -164px;
    border-radius: 50%
}

.contact-one__image::after {
    content: "";
    width: 383px;
    height: 383px;
    position: absolute;
    left: 14px;
    bottom: -153px;
    background-color: var(--insuba-black5, #0f3667);
    border-radius: 50%;
    z-index: 1
}

.contact-one__image__one {
    position: relative;
    max-width: 100%;
    height: auto;
    z-index: 2
}

.contact-one__image__two {
    max-width: 100%;
    height: auto;
    position: absolute;
    top: 40%;
    right: 18px;
    animation: 2s linear infinite zumpBottom
}

.contact-one__title {
    margin-bottom: 28px;
    font-size: 35px;
    line-height: 1.314
}

.contact-one .contact__form {
    padding-right: 73px
}

.contact-one .contact__form__insurance-balance,
.contact-one .contact__form__insurance-progress-title {
    color: var(--insuba-white, #fff)
}

.contact-two .contact__form__insurance-balance,
.contact-two__call__number:hover {
    color: var(--insuba-base, #0365d3)
}

.contact-one .contact__form__insurance-progress-range .irs--flat::after {
    border-color: var(--insuba-black5, #0f3667)
}

.contact-one .contact__form__insurance-progress-range .irs--flat .irs-bar {
    background-color: var(--insuba-black3, #19232b)
}

.contact-one .contact__form__insurance-progress-range .irs--flat .irs-handle {
    background-color: var(--insuba-white, #fff)
}

.contact-two {
    position: relative;
    padding-top: 50px;
    background-color: var(--insuba-white8, #edf0f2)
}

@media (min-width:1200px) {
    .main-slider-one .container {
        max-width: 1619px;
        padding-left: 80px;
        padding-right: 80px
    }

    .main-slider-four__insurance {
        margin: 0;
        position: absolute;
        right: 15px;
        bottom: -84px
    }

    .faq-two__image__inner {
        animation: 2s linear infinite moveHorizontal
    }

    .excellent-service .container {
        padding-right: 0;
        max-width: 100%
    }

    .consultations-two__col-tab-btn {
        flex: 0 0 auto;
        width: 45.082%
    }

    .consultations-two__col-tab-content {
        flex: 0 0 auto;
        width: 54.918%
    }

    .work-planning-two__card__hover {
        padding: 0 60px
    }

    .newsletter--two .newsletter__inner {
        padding-left: 113px;
        padding-right: 113px
    }

    .contact-two__wrapper {
        margin: 0;
        padding: 0;
        max-width: 100%;
        width: 40%;
        position: absolute !important;
        left: 0;
        bottom: 27px;
        z-index: 2 !important
    }
}

@media (min-width:1400px) {

    .main-slider-two__carousel.owl-carousel .owl-nav button.owl-next,
    .main-slider-two__carousel.owl-carousel .owl-nav button.owl-prev {
        position: absolute;
        top: calc(50% - 62px);
        transform: translateY(-50%)
    }

    .main-slider-four .container {
        max-width: 1300px
    }

    .insurance-one__container {
        max-width: 1600px
    }

    .contact-two__wrapper {
        width: 42.2%
    }
}

.contact-two__image__inner {
    position: absolute;
    right: 110px;
    bottom: 200px
}

@media (max-width:1399px) {

    .contact-two__shape__one,
    .contact__call-image,
    .contact__umbrella-image,
    .portfolio-three__circle {
        display: none
    }

    .contact-two__image__inner {
        right: 55px
    }
}

@media (min-width:1200px) and (max-width:1299px) {
    .contact-two__image__inner {
        right: 20px
    }
}

.contact-two__call,
.contact-two__call__content,
.contact-two__call__inner,
.contact-two__call__number {
    position: relative;
    z-index: 1
}

.contact-two__image__inner img {
    width: 444px;
    height: 444px;
    border-radius: 50%;
    border: 7px solid var(--insuba-white, #fff)
}

@media (max-width:500px) {
    .faq-two__image__shape::after {
        width: calc(100% - 50px);
        bottom: 25px
    }

    .contact-two__image__inner img {
        width: 380px;
        height: 380px
    }
}

@media (max-width:412px) {
    .service-card-four__shape--two {
        top: 240px
    }

    .checkout-page__title {
        font-size: 22px
    }

    .checkout-page__payment-wrapper {
        padding-left: 25px;
        padding-right: 25px
    }

    .product-details__image {
        min-height: 400px
    }

    .comments-one__bottom {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start
    }

    .contact-two__image__inner img {
        width: 343px;
        height: 343px
    }
}

@media (max-width:375px) {
    .form-one textarea {
        padding: 20px 20px 0
    }

    .insurance-sidebar__btn {
        gap: 12px
    }

    .sidebar__single {
        padding: 26px 25px
    }

    .sidebar__categories-wrapper {
        padding-bottom: 29px
    }

    .sidebar__posts-wrapper,
    .sidebar__tags-wrapper {
        padding-bottom: 35px
    }

    .sidebar__posts__item {
        flex-direction: column
    }

    .sidebar__posts__content {
        margin: 0;
        width: 100%
    }

    .about-three__inner {
        padding: 25px
    }

    .about-three__image__inner::before {
        height: 250px
    }

    .faq-two__image__question {
        right: 10px
    }

    .faq-two__image__shape::after {
        width: calc(100% - 40px);
        bottom: 20px
    }

    .contact__form .bootstrap-select>.dropdown-toggle,
    .login-page__form-input-box input[type=email],
    .login-page__form-input-box input[type=password],
    .pricing-card {
        padding-left: 20px;
        padding-right: 20px
    }

    .pricing-card__category {
        padding: 15px;
        left: -138px
    }

    .pricing-card--standard .pricing-card__category {
        left: -138px
    }

    .company-info__clients {
        gap: 25px
    }

    .home-insurance__content__box {
        padding-left: 25px;
        padding-right: 25px
    }

    .service-card__content {
        padding-left: 30px;
        padding-right: 30px
    }

    .product-details__image {
        padding: 20px
    }

    .contact__form .bootstrap-select>.dropdown-toggle::before {
        right: 20px
    }

    .contact__form input[type=email],
    .contact__form input[type=password],
    .contact__form input[type=tel],
    .contact__form input[type=text],
    .contact__form textarea {
        padding-left: 23px;
        padding-right: 23px
    }

    .contact-two__image__inner img {
        width: 328px;
        height: 328px
    }
}

@media (max-width:360px) {
    .ui-datepicker.ui-widget-content {
        width: 270px
    }

    .demo-one__btns {
        flex-direction: column
    }

    .demo-one__btn {
        min-width: 165px
    }

    .main-slider-four__title,
    .main-slider-two__title {
        font-size: 35px
    }

    .main-slider-three__content__shape-one {
        top: -65px;
        left: 215px
    }

    .about-three__image__three img {
        max-width: 130px
    }

    .faq-one__image {
        padding-bottom: 200px
    }

    .faq-one__image__one {
        width: 230px;
        height: 230px;
        bottom: -115px
    }

    .faq-one__image__title {
        font-size: 48px
    }

    .faq-two__image__shape {
        height: 270px
    }

    .features-two__card {
        padding-left: 30px;
        padding-right: 30px
    }

    .insurance-policy__image {
        width: 200px;
        height: 200px
    }

    .insurance-policy__image img {
        max-width: 130px
    }

    .consultations-one__image,
    .consultations-one__image__inner,
    .consultations-one__image__one {
        width: 285px;
        height: 285px
    }

    .consultations-one__image__two {
        width: 100px;
        height: 100px
    }

    .service-card-three__content {
        padding-left: 16px;
        padding-right: 16px
    }

    .product-details__image {
        min-height: 380px
    }

    .contact__tab-content {
        padding-left: 20px;
        padding-right: 20px
    }

    .contact-two__image__inner img {
        width: 288px;
        height: 288px
    }
}

.contact-two__call {
    margin: -64px auto 0;
    display: table
}

.contact-two__call__inner {
    padding-right: 51px;
    display: flex;
    align-items: center;
    gap: 26px;
    background-color: var(--insuba-black5, #0f3667);
    border-radius: 43px
}

.contact-two__call__inner::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 6px solid var(--insuba-white, #fff);
    border-radius: inherit
}

.contact-two__call__icon {
    width: 87px;
    height: 87px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 42px;
    color: var(--insuba-white, #fff);
    background-color: var(--insuba-base, #0365d3);
    border: 6px solid var(--insuba-white, #fff);
    border-radius: 43px
}

.contact-two__call__title {
    margin-bottom: 5px;
    font-size: 18px;
    line-height: 1.4
}

.contact-two__call__number {
    font-size: 16px;
    font-weight: 400;
    color: var(--insuba-white, #fff);
    line-height: 1;
    background: linear-gradient(to right, currentcolor 0, currentcolor 100%) 0 95%/0 1px no-repeat;
    transition: .5s
}

.contact-two__call__number:hover {
    background-size: 100% 1px
}

@media (max-width:767px) {
    .comments-one__title {
        margin-bottom: 49px
    }

    .comments-one__card {
        grid-template-columns: auto
    }

    .login-page__info {
        margin-bottom: 40px;
        padding: 25.5px 31px 24.5px
    }

    .login-page__inner {
        padding: 30px 30px 40px
    }

    .contact-one__inner {
        border-radius: 30px
    }

    .contact-one__wrapper {
        border-radius: 20px
    }

    .contact-one__shape-one {
        display: none
    }
}

.contact-two__description {
    padding-right: 75px;
    margin-bottom: 24px
}

.contact-two__text {
    margin: 0;
    color: var(--main-black)
}

.contact-two .contact__tab-box {
    position: static
}

@media (min-width:576px) {
    .work-planning__item--bottom-serial-number {
        margin-top: -2px;
        padding-bottom: 76px
    }

    .work-planning__item--bottom-serial-number .work-planning__item__serial-number {
        margin: 0;
        position: absolute;
        left: 50%;
        bottom: 0;
        transform: translateX(-50%)
    }

    .newsletter button[type=submit] {
        margin-top: 0;
        position: absolute;
        top: 50%;
        right: 4px;
        transform: translateY(-50%)
    }

    .login-page__form-forgot-password {
        margin-left: 30px;
        flex: 0 0 auto;
        margin-top: 0
    }

    .contact-two .tab-buttons {
        margin: 0;
        position: absolute;
        top: 46.1%;
        left: -258px;
        transform: rotate(-90deg) translateY(-50%);
        z-index: 11
    }
}

.contact-two .tab-buttons .tab-btn {
    padding-left: 19.4px;
    padding-right: 19.4px
}

.contact-two .contact__tab-content {
    padding: 0;
    background-color: transparent;
    border-radius: 0
}

.contact-two .contact__form {
    max-width: 500px
}

.contact-two .contact__form__group {
    grid-gap: 19px
}

.contact-two .contact__form__insurance-progress {
    margin-top: 3px
}

.contact-two .contact__form button[type=submit] {
    margin-top: 15px;
    padding: 10.5px 25px;
    width: 100%;
    display: block
}

.contact-two .contact__form .bootstrap-select>.dropdown-toggle {
    height: 55px;
    line-height: 55px
}

.contact-two .contact__form .bootstrap-select .dropdown-menu>li>a,
.error-404 {
    background-color: var(--insuba-white, #fff)
}

.contact-two .contact__form .bootstrap-select .dropdown-menu>li.selected>a,
.contact-two .contact__form .bootstrap-select .dropdown-menu>li:hover>a {
    background-color: var(--insuba-base, #0365d3);
    color: var(--insuba-white, #fff);
    border-color: var(--insuba-base, #0365d3)
}

.contact-two .contact__form input[type=email],
.contact-two .contact__form input[type=password],
.contact-two .contact__form input[type=tel],
.contact-two .contact__form input[type=text],
.contact-two .contact__form textarea {
    height: 55px
}

.contact-two--home-4 .contact-two__call svg,
.error-404__search__btn svg {
    width: 1em;
    height: 1em;
    fill: currentColor
}

.contact-two__shape {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    background: #fff
}

.contact-two__shape__one {
    max-width: 100%;
    height: auto;
    position: absolute;
    right: 0;
    bottom: 147px;
    animation: 4s infinite moveHorizontal
}

.contact-two__shape__two {
    max-width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    right: 0;
    animation: 2s linear infinite zump
}

.contact-two--home-4 {
    padding-top: var(--section-space, 120px);
    background-color: var(--insuba-white, #fff)
}

.error-404__search__btn,
.services-page {
    background-color: transparent
}

@media (max-width:767px) {
    .contact-two__description {
        padding-right: 0
    }

    .contact-two--home-4 {
        padding-top: 100px
    }
}

.contact-two--home-4 .sec-title {
    padding-right: 60px
}

.contact-two--home-4 .contact-two__image {
    width: auto;
    position: absolute;
    top: -28px;
    right: -111px;
    left: auto;
    bottom: auto
}

@media (max-width:1599px) {
    .portfolio-three__circle--5 {
        top: -96px;
        right: -480px
    }

    .product-details__form__ratings {
        gap: 20px
    }

    .comments-one__text {
        margin-bottom: 30px
    }

    .contact__umbrella-image {
        max-width: 95px;
        left: 30px
    }

    .contact__call-image {
        width: 80px;
        right: 40px
    }

    .contact-two__shape__one {
        max-width: 250px;
        right: -70px
    }

    .contact-two--home-4 .contact-two__image {
        top: 0;
        right: -80px
    }
}

.contact-two--home-4 .contact-two__image__one {
    position: relative;
    max-width: 100%;
    height: auto;
    z-index: 1
}

@media (max-width:1599px) {
    .contact-two--home-4 .contact-two__image__one {
        max-width: 620px
    }
}

@media (max-width:1399px) {
    .contact-two--home-4 .contact-two__image {
        right: -30px
    }

    .contact-two--home-4 .contact-two__image__one {
        max-width: 560px
    }
}

@media (max-width:1299px) {

    .funfact--home-3 .funfact__shape-one,
    .funfact--home-3 .funfact__shape-two,
    .funfact--home-4 .funfact__shape-one,
    .funfact--home-4 .funfact__shape-two {
        display: none
    }

    .contact-two--home-4 .contact-two__image {
        right: 10px
    }

    .contact-two--home-4 .contact-two__image__one {
        max-width: 530px
    }
}

@media (max-width:1199px) {
    .contact-one__col-image {
        width: 45%
    }

    .contact-one__col-form {
        width: 55%
    }

    .contact-one__video {
        right: 20px
    }

    .contact-one__image {
        left: -10px
    }

    .contact-one__image::before {
        width: 394px;
        height: 394px;
        bottom: -108px
    }

    .contact-one__image::after {
        width: 370px;
        height: 370px;
        left: 12px;
        bottom: -95px
    }

    .contact-one__image__two {
        display: none
    }

    .contact-one .contact__form,
    .contact-two--home-4 .sec-title {
        padding-right: 0
    }

    .contact-two__image {
        margin-bottom: 50px;
        display: table
    }

    .contact-two__image__inner {
        position: static
    }

    .contact-two__image__sahpe {
        display: none
    }

    .contact-two .tab-buttons .tab-btn {
        gap: 16px;
        font-size: 18px
    }

    .contact-two--home-4 .contact-two__image {
        display: table;
        margin-bottom: 60px;
        position: relative;
        top: auto;
        right: auto
    }

    .contact-two--home-4 .contact-two__image__one {
        max-width: 100%
    }
}

.contact-two--home-4 .contact-two__image__sahpe {
    position: absolute;
    right: 0;
    bottom: 117px;
    animation: 2s linear infinite zumpBottom
}

@media (max-width:575px) {
    .newsletter__inner {
        padding: 71px 30px 83px;
        border-radius: 40px
    }

    .newsletter button[type=submit] {
        padding-left: 35px;
        padding-right: 35px
    }

    .login-page__checked-box {
        display: block
    }

    .contact__call__icon {
        width: 70px;
        height: 70px;
        font-size: 30px
    }

    .contact__tab-box .tab-buttons {
        gap: 15px
    }

    .contact__tab-box .tab-buttons .tab-btn {
        padding-top: 5px;
        padding-bottom: 5px;
        border: 0;
        border: 1px solid var(--insuba-border-color, #ddd)
    }

    .contact-one__video__title br {
        display: inline-block
    }

    .contact-one__title {
        font-size: 33px
    }

    .contact-two__content {
        padding-left: 0
    }

    .contact-two__description {
        margin-bottom: 40px
    }

    .contact-two .tab-buttons .tab-btn {
        padding: 5px 20px;
        gap: 10px;
        font-size: 14px;
        border: 0;
        border: 1px solid var(--insuba-border-color, #ddd)
    }

    .contact-two--home-4 {
        padding-top: 80px
    }

    .contact-two--home-4 .contact-two__image__sahpe {
        display: none
    }
}

.contact-two--home-4 .contact-two__call {
    margin: 0;
    position: absolute;
    right: 56px;
    bottom: -7px;
    width: 87px;
    height: 87px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--insuba-base, #0365d3);
    border-radius: 50%;
    border: 4px solid var(--insuba-white, #fff);
    font-size: 35px;
    color: var(--insuba-white, #fff);
    z-index: 2
}

@media (max-width:1799px) {
    .portfolio-one__shape-three {
        top: 100px
    }

    .contact-two--home-4 .contact-two__call {
        right: 80px;
        bottom: -20px
    }
}

@media (max-width:1199px) {
    .contact-two--home-4 .contact-two__call {
        bottom: -30px
    }
}

@media (max-width:767px) {
    .contact-two--home-4 .contact-two__call {
        right: 50px
    }
}

@media (max-width:500px) {
    .contact-two--home-4 .contact-two__call {
        right: 30px
    }
}

.contact-two--home-4 .contact-two__shape-one {
    max-width: 100%;
    height: auto;
    position: absolute;
    right: 68px;
    bottom: 119px;
    animation: 2s linear infinite zump
}

@media (max-width:1799px) {
    .contact-two--home-4 .contact-two__shape-one {
        right: 25px;
        bottom: 60px
    }
}

@media (max-width:1599px) {
    .contact-two--home-4 .contact-two__shape-one {
        display: none
    }
}

.error-404__image {
    margin-bottom: 37px;
    max-width: 100%;
    height: auto;
    animation: 2s linear infinite moveHorizontal2
}

.error-404__title {
    margin-bottom: 11px;
    font-size: 30px;
    font-weight: 700;
    color: var(--insuba-black7, #051d1f);
    text-transform: uppercase;
    line-height: 1.5
}

@media (max-width:375px) {
    .error-404__title {
        font-size: 28px
    }
}

.error-404__search {
    position: relative;
    margin: 0 auto 30px;
    width: 100%;
    max-width: 540px
}

.error-404__search input[type=text] {
    border: 1px solid transparent;
    outline: 0;
    display: block;
    background-color: var(--insuba-white2, #ecf2f2);
    font-family: var(--insuba-font, "Roboto", sans-serif);
    color: var(--insuba-text, #636363);
    font-size: 16px;
    padding-left: 32px;
    width: 100%;
    height: 53px;
    border-radius: 27px;
    transition: .5s
}

.error-404__search input[type=text]:focus {
    color: var(--insuba-black, #122f2a);
    border-color: var(--insuba-base, #0365d3)
}

.error-404__search__btn {
    border: none;
    outline: 0;
    position: absolute;
    top: 50%;
    right: 32px;
    transform: translateY(-50%);
    font-size: 20px;
    color: var(--insuba-text, #636363);
    transition: .5s
}

.error-404__search__btn:hover {
    color: var(--insuba-base, #0365d3)
}

@media (max-width:390px) {
    .skill-selling__inner {
        padding: 30px 20px 44px
    }

    .consultations-one__item__title {
        font-size: 20px
    }

    .contact-one__wrapper,
    .work-planning__appointment {
        padding-left: 25px;
        padding-right: 25px
    }

    .portfolio-card__content__inner,
    .work-planning-two__inner {
        padding-left: 30px;
        padding-right: 30px
    }

    .portfolio-card {
        padding-left: 30px
    }

    .comments-form__title {
        font-size: 30px
    }

    .contact-two__call__inner {
        padding: 30px;
        flex-direction: column;
        align-items: flex-start;
        border-radius: 10px
    }

    .contact-two__call__icon {
        width: 75px;
        height: 75px;
        font-size: 32px
    }

    .error-404__search input[type=text] {
        padding-left: 25px
    }

    .error-404__search__btn {
        right: 25px
    }
}

.error-404__btn {
    padding: 12px 39px
}

body.boxed-wrapper .page-wrapper {
    max-width: 1530px;
    margin-left: auto;
    margin-right: auto;
    background-color: var(--insuba-white, #fff);
    box-shadow: 0 0 100px 0 rgba(var(--insuba-black-rgb, 18, 47, 42), .08)
}

@media (min-width:1860px) {
    body.boxed-wrapper .topbar__bg {
        width: calc(100% - 300px)
    }
}

body.boxed-wrapper .main-header__inner::before {
    border-radius: 0
}

@media (min-width:1600px) {
    .main-slider-four .container {
        max-width: 1487px
    }

    body.boxed-wrapper .main-slider-one__image-right {
        width: 750px
    }

    body.boxed-wrapper .main-slider-one__image-right::before {
        transform: rotate(-9deg) skewY(13deg)
    }

    body.boxed-wrapper .main-slider-one__carousel.owl-carousel .owl-dots {
        left: 30px
    }

    body.boxed-wrapper .about-one__shape {
        max-width: 130px;
        right: 30px
    }

    body.boxed-wrapper .faq-one__image__two {
        right: -150px
    }

    body.boxed-wrapper .faq-one__image__shape {
        right: 0
    }
}

.service-card {
    background-color: #fff !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .1) !important;
    transition: transform .3s, box-shadow .3s !important;
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    position: relative !important;
    cursor: pointer !important;
    padding: 14px !important
}

.city-page-btn,
.form-label {
    cursor: pointer
}

.service-card:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .15) !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, .15)
}

.service-card__content {
    padding: 1px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    z-index: 2 !important;
    position: relative !important
}

.service-card * {
    pointer-events: auto !important
}

.service-card__image {
    height: 180px !important;
    background-size: cover !important;
    background-position: center !important;
    position: relative !important
}

.service-card__icon-box {
    margin-right: 10px;
    width: 50px !important;
    height: 50px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 12px !important
}

.service-card__icon {
    font-size: 24px !important;
    color: #fff !important
}

.service-card__title {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #333 !important;
    margin-bottom: 8px !important;
    transition: color .3s !important;
    margin-top: 19px;
    margin-left: 17px
}

.service-card__title a {
    text-decoration: none !important;
    color: inherit !important
}

.service-card__title a:hover {
    background-size: 100% 1px;
    color: #ff4c60 !important
}

.service-card__text {
    font-size: 16px !important;
    color: #666 !important;
    line-height: 1.5 !important
}

@media (max-width:992px) {
    .service-card__title {
        font-size: 18px !important
    }

    .service-card__text {
        font-size: 14px !important
    }

    .service-card__icon-box {
        width: 40px !important;
        height: 40px !important
    }

    .service-card__icon {
        font-size: 20px !important
    }
}

.btn-more-service {
    background: var(--main);
    color: #fff
}

.ser-icon {
    height: 56px
}

@media (max-width:768px) {
    .main-footer__shape-two {
        height: 37px;
        width: 67px;
        bottom: 8px
    }

    .features-one__card__icon {
        font-size: 38px
    }

    .funfact__count {
        font-size: 22px
    }

    .ser-icon {
        height: 52px;
        margin-top: 19px;
        margin-left: 21px
    }
}

@media (max-width:480px) {
    .main-footer__shape-one {
        height: 37px;
        width: 67px;
        bottom: 0
    }

    .main-footer__shape-two {
        height: 37px;
        width: 67px;
        bottom: 8px
    }

    .features-one__card__icon {
        font-size: 30px
    }

    .funfact__count {
        font-size: 18px
    }

    .ser-icon {
        height: 50px;
        margin-top: 19px;
        margin-left: 21px
    }
}

@media (min-width:1200px) {
    .ser-icon {
        height: 48px;
        margin-top: 19px;
        margin-left: 21px
    }
}

.section-header h2 {
    font-size: clamp(1.5rem, 5vw, 2.5rem);
    font-weight: 700;
    color: #333;
    text-align: center
}

.section-header p {
    font-size: 1.1rem;
    color: #555
}

.service-card {
    border: 1px solid #e0e0e0
}

.service-icon {
    display: flex !important;
    font-size: 40px;
    color: var(--main)
}

.service-title {
    margin-left: 10px;
    font-size: 1.4rem;
    font-weight: 600;
    color: #222;
    line-height: 1;
    margin-bottom: 10px
}

.service-text {
    font-size: 1rem;
    color: var(--main-black);
    margin-bottom: 20px
}

.why-choose-service-link {
    color: var(--main);
    font-weight: 500;
    text-decoration: none;
    transition: color .3s
}

.why-choose-service-link:hover {
    color: #c50
}

.pricing-section {
    padding: 40px 0;
    text-align: center
}

.pricing-header {
    color: var(--main-black, #000);
    padding: 10px 0;
    margin-bottom: 20px
}

.pricing-header h2 {
    margin: 0;
    font-size: 24px;
    font-weight: 700
}

.pricing-subtitle {
    color: var(--main-black);
    font-size: 14px;
    margin-bottom: 20px
}

.table-custom {
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 20px
}

.table-custom th {
    background-color: var(--main);
    color: #fff;
    font-weight: 700;
    border: none
}

.table-custom td {
    border-top: 1px solid #dee2e6
}

.table-custom tr:nth-child(2n) {
    background-color: #f8f9fa
}

.table-custom tr:first-child td {
    border-top: none
}

.red-bar {
    background-color: #dc3545;
    height: 5px;
    margin: 20px 0
}

@media (max-width:768px) {
    .pricing-header h2 {
        font-size: 20px
    }

    .pricing-subtitle {
        font-size: 12px
    }

    .table-custom td,
    .table-custom th {
        font-size: 12px;
        padding: 8px
    }

    .table-custom {
        border-radius: 0
    }

    .table-responsive {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

    .table-responsive table {
        width: 100%;
        min-width: 600px
    }
}

.home-ser-1-img,
.home-ser-2-img {
    border-radius: 10px;
    object-fit: cover
}

@media (min-width:769px) and (max-width:1024px) {
    .pricing-header h2 {
        font-size: 22px
    }

    .pricing-subtitle {
        font-size: 13px
    }

    .table-custom td,
    .table-custom th {
        font-size: 14px;
        padding: 10px
    }
}

@keyframes threeDRotate {
    0% {
        transform: rotateY(0)
    }

    100% {
        transform: rotateY(720deg)
    }
}

.flip_img {
    object-fit: contain;
    margin-bottom: 20px;
    transform-style: preserve-3d
}

.flip_box:hover .flip_img {
    animation: 1.2s cubic-bezier(.4, 0, .2, 1) forwards threeDRotate
}

.flip_box {
    position: relative;
    transition: .4s ease-in-out
}

.state-card,
.state-card-link,
.state-card-link svg {
    transition: .2s ease-in-out
}

.reason h5 {
    color: #2c3e50;
    font-weight: 700;
    margin-bottom: 15px
}

.reason .head1 {
    color: #7f8c8d;
    font-size: 15px;
    line-height: 1.6;
    margin: 0
}

.img-wrapper {
    perspective: 1000px;
    display: inline-block
}

.home-ser-2-img {
    height: 400px;
    width: 100%;
    background-size: cover
}

.home-ser-1-img {
    width: 100%
}

.header-bg-img {
    background-image: url('../images/backgrounds/breadcrumb.png');
    background-position: bottom
}

.footer-social-link-icon {
    color: var(--footer-black)
}

.desc>p,
.sec-title__title-gallery,
.state-card-category {
    color: var(--main-black)
}

.social-links:hover .footer-social-link-icon {
    color: grey
}

.bulls-eye,
.work-planning__item__icon>img {
    height: 50px
}

.mv-head {
    display: flex;
    gap: 20px;
    align-items: center
}

.phone1,
.phone2 {
    display: flex
}

.slider-truck {
    height: 30px !important;
    width: 40px !important
}

.state-card-arrow>i,
.state-card-arrow>span {
    color: var(--main-white)
}

.state-card {
    width: 252px;
    height: auto;
    background: #fff;
    border-radius: 30px;
    box-shadow: 15px 15px 30px #bebebe, -15px -15px 30px #fff;
    overflow: hidden;
    position: relative
}

.state-card:hover {
    cursor: pointer;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
    transform: translateY(-5px)
}

.state-card-img {
    width: 100%;
    height: 50%;
    object-fit: cover;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px
}

.state-card-content {
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 8px
}

.state-card-category {
    font-size: 20px;
    text-align: center;
    font-weight: 800;
    margin-top: 0;
    margin-bottom: -6px
}

.state-card-title {
    font-size: 15px;
    font-weight: 600;
    color: #000;
    margin: 0;
    text-align: center
}

.state-card-link {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 30px;
    height: 30px;
    background-color: #fff;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center
}

.state-card-link:hover {
    transform: scale(1.1) rotate(10deg)
}

.state-card-link svg {
    width: 15px;
    height: 15px
}

.state-card-arrow {
    margin-top: 15px;
    width: fit-content;
    padding: 10px 48px;
    background-color: var(--main);
    border-radius: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none
}

.state-card-arrow svg {
    width: 17px
}

.state-card-arrow>span {
    font-size: 13px;
    font-weight: 500;
    margin: 0
}

.save-icon path {
    stroke: #CED8DE
}

.faq-accordion .accordion-button {
    font-size: 18px;
    font-weight: 700;
    color: #333
}

.faq-accordion .accordion-body {
    font-size: 16px;
    color: var(--main)
}

.contact-two__call {
    margin-top: 20px !important;
    margin-bottom: 20px !important
}

.scl-btn {
    height: 50px;
    width: 50px;
    background-color: #bc0b0b8f;
    border-radius: 50%;
    margin-bottom: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    transition: transform .3s
}

.contact-bar__item,
.quote-btn {
    color: #fff;
    transition: background-color .3s
}

.scl-btn i {
    font-size: 25px;
    color: var(--main-white) !important;
    padding-top: 3px
}

.contact-bar {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: var(--main);
    z-index: 1000;
    box-shadow: 0 -2px 5px rgba(0, 0, 0, .1);
    display: none
}

.contact-bar__row {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap
}

.contact-bar__item {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    text-decoration: none
}

.contact-bar__item:hover,
.quote-btn:hover {
    background-color: #c0392b
}

.contact-bar__icon {
    font-size: 1.5rem;
    margin-bottom: 5px
}

.contact-bar__text {
    font-size: .9rem;
    font-weight: 500;
    text-transform: uppercase
}

.quote-btn,
.quote-btn__icon i {
    font-size: 1rem
}

.floating-buttons {
    position: fixed;
    bottom: 30px;
    flex-direction: column;
    gap: 10px;
    z-index: 1000
}

.quote-btn,
.service-link {
    text-decoration: none;
    align-items: center;
    overflow: hidden;
    position: relative
}

.floating-buttons--left {
    left: 20px
}

.floating-buttons--right {
    right: 20px
}

.scl-btn--whatsapp {
    background-color: #25d366
}

.scl-btn:hover {
    transform: scale(1.1)
}

.quote-btn {
    display: flex;
    justify-content: space-between;
    background-color: var(--main);
    padding: 10px 20px;
    border-radius: 25px;
    font-weight: 500
}

.quote-btn__text {
    margin-right: 10px
}

.quote-btn::before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    background: rgba(255, 255, 0, .3);
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: none
}

.quote-btn:active::before {
    width: 200px;
    height: 200px;
    opacity: 1;
    animation: .6s linear forwards ripple
}

@keyframes ripple {
    0% {
        width: 0;
        height: 0;
        opacity: 1
    }

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

@media (max-width:767px) {

    .contact-bar,
    .mobile-bg {
        display: block
    }

    /* .desktop-bg,
    .floating-buttons {
        display: none
    } */

    .contact-bar__item {
        padding: 8px
    }

    .contact-bar__icon {
        font-size: 1.2rem
    }

    .contact-bar__text {
        font-size: .75rem
    }

    .main-slider-four__item {
        height: 74vh;
        min-height: 450px
    }
}

@media (min-width:768px) {
    .contact-bar {
        display: none
    }

    .floating-buttons {
        display: flex
    }
}

h6.text-warning {
    font-size: 1rem;
    color: #ffc107
}

h1.fw-bold {
    font-size: clamp(1.8rem, 4vw, 2.5rem);
    color: #000
}

hr.border-danger {
    border-width: 2px
}

p.text-muted {
    font-size: 1rem;
    color: #6c757d
}

.service-link {
    height: 3rem;
    padding: 0 1rem;
    background: #fff;
    border-radius: .25rem;
    color: #333;
    display: flex !important;
    transition: color .3s;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .1)
}

.icon-box {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    background-color: var(--main);
    border-radius: .25rem;
    transition: background-color .3s;
    position: relative;
    z-index: 1
}

.icon-box i {
    color: #fff;
    font-size: 1.2rem;
    transition: color .3s
}

.logo-container p,
.service-content {
    color: #333;
    font-size: 1rem
}

.service-content {
    position: relative;
    z-index: 1;
    transition: color .3s
}

.service-link::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--main);
    transform: scaleX(0);
    transform-origin: 0 50%;
    transition: transform .3s;
    z-index: 0;
    border-radius: .25rem
}

.service-link:hover .icon-box i,
.service-link:hover .service-content {
    color: #fff
}

.work-planning {
    padding-top: 5rem;
    position: relative;
    background-color: #f5f7fa
}

.work-planning__container {
    position: relative;
    max-width: 1200px;
    margin: 0 auto
}

.work-planning__row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 100px
}

.work-planning__item {
    flex: 0 0 18%;
    max-width: 18%;
    text-align: center;
    position: relative
}

.work-planning__item__serial-number {
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 2rem;
    color: #e74c3c;
    font-weight: 700;
    z-index: 1
}

.work-planning__item__image {
    position: relative;
    margin-bottom: 1.5rem
}

.work-planning__item__image__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 0
}

.work-planning__item__image__bg--hover {
    opacity: 0;
    transition: opacity .3s
}

.work-planning__item:hover .work-planning__item__image__bg--hover {
    opacity: 1
}

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

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

.work-planning__item__icon-box {
    position: absolute;
    top: -40px;
    left: -41px;
    background-color: #e74c3c;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2
}

.btn-submit,
.marquee {
    overflow: hidden;
    position: relative
}

.city-page-btn,
.get-btn-red {
    background: var(--main)
}

.work-planning__item__icon {
    color: #fff;
    font-size: 1.2rem
}

.work-planning__item__content {
    padding: 0 10px
}

.work-planning__item__title {
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: .5rem;
    color: #2c3e50
}

.work-planning__item__text {
    font-size: .85rem;
    color: var(--main-black);
    line-height: 1.4
}

.work-planning__row::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 2px;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="2"><circle cx="5" cy="1" r="1" fill="#3498db"/></svg>') repeat-x;
    z-index: -1
}

.work-planning__item:first-child::before,
.work-planning__item:last-child::after {
    content: '';
    position: absolute;
    top: 50%;
    width: 10px;
    height: 10px;
    background-color: #3498db;
    border-radius: 50%;
    transform: translateY(-50%)
}

.work-planning__item:first-child::before {
    left: -5px
}

.work-planning__item:last-child::after {
    right: -5px
}

@media (max-width:991px) {
    .newsletter__form {
        margin: 0 auto;
        max-width: 100%;
        text-align: center
    }

    .contact-one__image,
    .login-page__wrap .form__border,
    .newsletter__image,
    .newsletter__shape-one,
    .work-planning__row::before {
        display: none
    }

    .login-page .register__wrap {
        margin-top: 50px
    }

    .contact-one__col-form,
    .contact-one__col-image,
    .contact__form-col,
    .contact__image-col {
        width: 100%
    }

    .contact-one__wrapper {
        padding-top: 180px
    }

    .contact-one__video {
        top: -180px;
        right: auto;
        left: 15px
    }

    .work-planning__item {
        flex: 0 0 45%;
        max-width: 45%;
        margin-top: 10%;
    }
}

@media (max-width:575px) {
    .contact-bar__item {
        padding: 6px
    }

    .contact-bar__icon {
        font-size: 1rem
    }

    .contact-bar__text {
        font-size: .65rem
    }

    .work-planning__item {
        flex: 0 0 100%;
        max-width: 100%;
        margin-top: 10%;
    }
}

.work-planning__appointment {
    text-align: center;
    margin-top: 3rem
}

.work-planning__appointment__text {
    font-size: 16px;
    color: var(--main-black);
    margin-bottom: 1rem;
    font-weight: 500
}

.city-page-btn,
.get-btn-green,
.get-btn-red {
    padding: 10px 20px;
    color: var(--main-white);
    border-radius: 10px
}

.work-planning__border-shape {
    display: block;
    margin: 2rem auto;
    max-width: 100%
}

.get-in-touch-btns {
    display: flex;
    justify-content: space-around
}

.btn-submit.loading .loader,
.form-label,
.serv-wid-head {
    display: inline-block
}

.get-btn-green {
    background: green
}

.ser-sec-title__title {
    color: var(--main-black);
    font-size: 30px
}

.flip-sec {
    margin-bottom: -180px
}

.test-sec-title__title {
    color: #000 !important;
    font-size: 30px
}

.clr-btn {
    padding: 10px;
    background: var(--main-white);
    color: var(--main-black);
    border-radius: 10px;
    margin-top: 12px;
    width: 100%
}

.faq-sub-btn,
.more-faq {
    background: var(--main);
    color: var(--main-white)
}

.more-faq {
    padding: 10px 20px;
    border-radius: 10px;
    border: none
}

.faq-sub-btn {
    padding: 10px;
    width: 100%;
    border: none;
    margin-top: 10px;
    border-radius: 12px
}

.modal-header-custom {
    background-color: #f5f5f5;
    padding: 6px;
    border-radius: 50%;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .1)
}

.input-group-custom {
    background-color: #f5f5f5;
    border-radius: 8px 0 0 8px;
    padding: 10px;
    border: none
}

.form-control-custom {
    border-radius: 0 8px 8px 0;
    border: 1px solid #e0e0e0;
    padding: 12px;
    font-size: 14px
}

.textarea-custom {
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 10px;
    font-size: 14px
}

.btn-clear,
.btn-custom {
    padding: 10px 30px;
    font-size: 16px;
    border-radius: 30px;
    color: #fff
}

.btn-custom {
    background-color: #fba707;
    transition: background-color .3s
}

.btn-custom:hover {
    background-color: #e69c06
}

.btn-clear {
    background-color: red;
    border: none
}

.btn-clear:hover {
    background-color: #8b0000
}

.form-container {
    background: linear-gradient(135deg, var(--main) 0, var(--main-light) 100%);
    padding: 15px;
    /* border-radius: 15px; */
    box-shadow: 0 6px 20px rgba(0, 0, 0, .1);
    margin-bottom: 40px;
    transition: transform .3s;
    text-align: left
}

.form-container:hover {
    transform: translateY(-5px)
}

.form-label {
    padding: 8px 15px;
    border-radius: 5px;
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 10px;
    color: #000;
    transition: .3s
}

.form-label.required::after {
    content: "*";
    color: #fff;
    margin-left: 5px;
    font-weight: 700
}

.form-control,
.form-select {
    border-radius: 10px;
    border: 2px solid #d1d5db;
    padding: 12px 15px;
    font-size: 14px;
    transition: border-color .3s, box-shadow .3s, background-color .3s
}

.form-control:focus,
.form-select:focus {
    border-color: #007bff;
    box-shadow: 0 0 10px rgba(0, 123, 255, .3);
    background-color: #fff;
    outline: 0
}

.form-control:invalid:focus,
.form-select:invalid:focus {
    border-color: #e63946;
    box-shadow: 0 0 10px rgba(230, 57, 70, .3)
}

.btn-submit {
    background-color: var(--main-secondary);
    border: none;
    padding: 12px;
    font-weight: 600;
    font-size: 16px;
    border-radius: 10px;
    transition: background-color .3s, transform .2s, opacity .3s;
    color: #fff
}

.btn-submit:hover {
    color: #fff;
    transform: translateY(-2px)
}

.btn-submit:disabled {
    background-color: #6c757d;
    opacity: .7;
    cursor: not-allowed
}

.btn-submit .loader {
    display: none;
    border: 3px solid #f3f3f3;
    border-top: 3px solid #fff;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    animation: 1s linear infinite spin;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.serv-wid-head {
    color: #000;
    font-weight: 600;
    background: #ff0;
    padding: 6px 10px;
    text-align: center;
    border-radius: 18px;
    font-size: 23px
}

.serv-frm-head {
    display: flex;
    justify-content: center;
    align-items: center
}

@keyframes spin {
    0% {
        transform: translate(-50%, -50%) rotate(0)
    }

    100% {
        transform: translate(-50%, -50%) rotate(360deg)
    }
}

@media (max-width:768px) {
    h1.fw-bold {
        font-size: 1.8rem
    }

    .form-container {
        padding: 20px;
        margin: 20px
    }

    .form-label {
        font-size: 12px;
        padding: 6px 12px
    }

    .form-control,
    .form-select {
        font-size: 13px;
        padding: 10px
    }

    .btn-submit {
        font-size: 14px;
        padding: 10px
    }
}

@media (max-width:576px) {
    .form-container {
        padding: 15px;
        margin: 15px
    }

    .form-label {
        font-size: 11px;
        padding: 5px 10px
    }

    .form-control,
    .form-select {
        font-size: 12px;
        padding: 8px
    }

    .btn-submit {
        font-size: 13px;
        padding: 8px
    }
}

#resultquotefrom {
    text-align: center;
    margin-top: 15px
}

.alert {
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 0
}

.alert-success {
    background-color: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb
}

@media(min-width:768px) {
    .features-one {
        height: 775px
    }

    .section-header {
        text-align: center !important
    }

    .logo-img {
        margin-top: -100px
    }
}

.comp-bg {
    background: url('../images/backgrounds/comp.png') 50% 10% no-repeat !important;
    width: 100% !important
}

.marquee,
.ser-img {
    width: 100%
}

.abt-bg {
    background: url('../images/backgrounds/bg-2.jpg') no-repeat;
    height: 100% !important
}

.marquee {
    background: var(--main);
    padding: .5rem 0
}

.marquee__content {
    display: flex;
    width: fit-content;
    animation: 15s linear infinite marquee
}

.google-btn,
.slider-contact-btn {
    animation: 2s ease-in-out fadeDown
}

.marquee__content span {
    flex-shrink: 0;
    padding: 0 2rem;
    font-size: 1rem;
    font-weight: 700;
    color: #fff;
    white-space: nowrap;
    text-transform: uppercase
}

@keyframes marquee {
    0% {
        transform: translateX(0)
    }

    100% {
        transform: translateX(-33.33%)
    }
}

.state-head1 {
    font-size: 60px;
    font-weight: 700;
    text-align: center
}

@media (max-width:1024px) {
    .state-head1 {
        font-size: 50px
    }
}

.state-head2 {
    font-size: 60px;
    font-weight: 700;
    color: #00000094;
    background-size: contain;
    background-position: center;
    background-clip: text;
    -webkit-background-clip: text;
    text-align: center
}

@media (max-width:768px) {
    .state-head1 {
        font-size: 40px
    }

    .state-head2 {
        font-size: 45px
    }
}

@media (max-width:480px) {
    h1.fw-bold {
        font-size: 1.5rem
    }

    .state-head1,
    .state-head2 {
        font-size: 30px
    }
}

@media(max-width:768px) {
    @keyframes micro {
        from {
            transform: translateX(200px)
        }

        to {
            transform: translateX(-900px)
        }
    }

    .footer-widget__title {
        margin-top: 30px
    }

    .slider-image {
        display: none !important
    }

    .about-four__text {
        color: var(--main-black) !important
    }

    .funfact__icon-box {
        margin-left: -12px
    }

    .contact-two__call__title {
        font-size: 14px
    }

    .home-ser-6 {
        margin-bottom: -142px
    }

    .home-all-service-head {
        margin-bottom: -65px
    }

    .main-slider-four__title {
        font-size: 30px
    }
}

.google-ratings {
    display: flex;
    background: #fff;
    justify-content: center;
    align-items: center;
    border-radius: 26px;
    padding: 4px
}

.google-rating-img {
    height: 50px;
    width: 100%
}

.slider-contact-btn {
    padding: 10px 48px;
    background: var(--main);
    color: var(--main-white);
    border-radius: 10px;
    outline: 0;
    font-weight: 700
}

@keyframes fadeDown {
    from {
        opacity: 0;
        transform: translateY(-100px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.google-btn {
    display: inline-block
}

.main-slider-four__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    z-index: 1
}

.glassmorphism {
    position: relative;
    z-index: 2;
    background: rgb(0 0 0 / 40%);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid;
    border-radius: 15px;
    padding: 2rem;
    margin-top: 10vh
}

.img-flip-heading {
    font-size: 30px;
    color: #000;
}