body {
    padding: 0;
    margin: 0;
    background-color: #d9d8d5;
    font-family: "Inter", sans-serif;
    overflow-x: hidden !important
}

:root {
    --blue: #2161e0;
    --aliceblue: #e7efff;
    --pink: #e93266;
    --lavender: #ffedf2;
    --dark: #101044;
    --eastbay: #54547a;
    --stormgrey: #6f6f87;
    --manatee: #8d8dae;
    --solitude: #e9e9f1;
    --lavender2: #f2f2fb;
    --lavender3: #f9f9fe;
    --skyblue: #219fff;
    --aliceblue2: #e9f6ff;
    --green: #17bd8d;
    --greenlight: #e9fbf6;
    --yellow: #ffa114;
    --floralwhite: #fff7eb;
    --sunsetorange: #ff4e3e;
    --rose: #ffedec;
    --lavender4: #e1deff;
    --columbiablue: #b0ddff;
    --rose2: #ffe6e4
}

@media (min-width: 1400px) {
    .container {
        max-width:1134px
    }
}

.text-clr-blue {
    color: var(--blue)
}

.text-clr-aliceblue {
    color: var(--aliceblue)
}

.text-clr-aliceblue2 {
    color: var(--aliceblue2)
}

.text-clr-pink {
    color: var(--pink)
}

.text-clr-lavender {
    color: var(--lavender)
}

.text-clr-dark {
    color: var(--dark)
}

.text-clr-eastbay {
    color: var(--eastbay)
}

.text-clr-stormgrey {
    color: var(--stormgrey)
}

.text-clr-manatee {
    color: var(--manatee)
}

.text-clr-solitude {
    color: var(--solitude)
}

.text-clr-lavender2 {
    color: var(--lavender2)
}

.text-clr-lavender3 {
    color: var(--lavender3)
}

.text-clr-lavender4 {
    color: var(--lavender4)
}

.text-clr-skyblue {
    color: var(--skyblue)
}

.text-clr-green {
    color: var(--green)
}

.text-clr-greenlight {
    color: var(--greenlight)
}

.text-clr-yellow {
    color: var(--yellow)
}

.text-clr-floralwhite {
    color: var(--floralwhite)
}

.text-clr-sunsetorange {
    color: var(--sunsetorange)
}

.text-clr-rose {
    color: var(--rose)
}

.text-clr-rose2 {
    color: var(--rose2)
}

.text-clr-columbiablue {
    color: var(--columbiablue)
}

.bg-clr-blue {
    background-color: var(--blue)
}

.bg-clr-aliceblue {
    background-color: var(--aliceblue)
}

.bg-clr-aliceblue2 {
    background-color: var(--aliceblue2)
}

.bg-clr-pink {
    background-color: #3d79ff;
}

.bg-clr-lavender {
    background-color: var(--lavender)
}

.bg-clr-dark {
    background-color: var(--dark)
}

.bg-clr-eastbay {
    background-color: var(--eastbay)
}

.bg-clr-stormgrey {
    background-color: var(--stormgrey)
}

.bg-clr-manatee {
    background-color: var(--manatee)
}

.bg-clr-solitude {
    background-color: var(--solitude)
}

.bg-clr-lavender2 {
    background-color: var(--lavender2)
}

.bg-clr-lavender3 {
    background-color: var(--lavender3)
}

.bg-clr-lavender4 {
    background-color: var(--lavender4)
}

.bg-clr-skyblue {
    background-color: var(--skyblue)
}

.bg-clr-green {
    background-color: var(--green)
}

.bg-clr-greenlight {
    background-color: var(--greenlight)
}

.bg-clr-yellow {
    background-color: var(--yellow)
}

.bg-clr-floralwhite {
    background-color: var(--floralwhite)
}

.bg-clr-sunsetorange {
    background-color: var(--sunsetorange)
}

.bg-clr-rose {
    background-color: var(--rose)
}

.bg-clr-rose2 {
    background-color: var(--rose2)
}

.bg-clr-columbiablue {
    background-color: var(--columbiablue)
}

.fs-14 {
    font-size: 14px;
    line-height: 22px
}

@media (max-width: 480px) {
    .fs-14 {
        font-size:12px
    }
}

.fs-18 {
    font-size: 18px;
    line-height: 28px
}

@media (max-width: 480px) {
    .fs-18 {
        font-size:16px
    }
}

.fs-30 {
    font-size: 30px;
    line-height: 40px
}

@media (max-width: 991px) {
    .banner .banner-content {
    margin-top: -30px !important;
    }

    .fs-30 {
        font-size: 25px
    }
}

@media (max-width: 575px) {
    .fs-30 {
        font-size:22px;
        line-height: 34px !important
    }
}

.fs-36 {
    font-size: 36px;
    line-height: 46px
}

@media (max-width: 991px) {
    .fs-36 {
        font-size:30px
    }
}

@media (max-width: 575px) {
    .fs-36 {
        font-size:25px;
        line-height: 38px
    }
}

.fs-44 {
    font-size: 44px;
    line-height: 46px
}

@media (max-width: 991px) {
    .fs-44 {
        font-size:36px
    }
}

@media (max-width: 575px) {
    .fs-44 {
        font-size:26px;
        line-height: 36px
    }
}

.fs-54 {
    font-size: 54px;
    line-height: 4.5rem
}

@media (max-width: 991px) {
    .fs-54 {
        font-size:45px;
        line-height: 3rem
    }
}

@media (max-width: 575px) {
    .fs-54 {
        font-size:40px
    }
}

@media (max-width: 440px) {
    .fs-54 {
        font-size:31px
    }
}

@media (max-width: 480px) {
    .fs-5 {
        font-size:1.2rem !important
    }

    .fs-6 {
        font-size: 0.8rem !important
    }
}

.fw-medium {
    font-weight: 500
}

.fw-semi-bold {
    font-weight: 600
}

.box-shadow {
    -webkit-box-shadow: 0px 15px 40px rgba(22, 8, 49, 0.1);
    box-shadow: 0px 15px 40px rgba(22,8,49,0.1);
    background-color: #fff;
}

.box-shadow2 {
    -webkit-box-shadow: 0px 7px 40px rgba(0,0,0,0.05);
    box-shadow: 0px 7px 40px rgba(0,0,0,0.05)
}

.radius-10 {
    border-radius: 10px
}

.radius-16 {
    border-radius: 16px
}

.btn-box .btn {
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear
}

.btn-box .text-btn:hover {
    color: var(--blue)
}

.btn-box .bg-btn {
    line-height: 24px
}

.btn-box .bg-btn:hover {
    background-color: var(--columbiablue);
    color: var(--dark) !important
}

.transition {
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear
}

.btn:focus,button:focus,input:focus,.navbar-toggler:focus,.form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none
}

.is-bgImage {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

.section-padding {
    padding: 120px 0
}

@media (max-width: 991px) {
    .section-padding {
        padding:80px 0
    }
}

.section-padding {
    padding: 120px 0
}

@media (max-width: 991px) {
    .section-padding {
        padding: 0px 0;
    }
}

@media (max-width: 480px) {
    .section-padding {
        padding: 0px 0;
    }
}

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

@media (max-width: 992px) {
    .pt-120 {
        padding-top:70px
    }
}

@media (max-width: 480px) {
    .pt-120 {
        padding-top:50px
    }
}

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

@media (max-width: 576px) {
    .pb-80 {
        padding-bottom: 0px;
    }
}

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

@media (max-width: 992px) {
    .pt-80 {
        padding-top:50px
    }
}

header {
    z-index: 100
}

@media (max-width: 991px) {
    header .navbar {
        background-color:#fff
    }
}

.navbar-nav .nav-link:hover {
    color: var(--blue)
}

.navbar-nav .nav-link.dropdown-toggle::after {
    border: 0
}

header .navbar-nav .dropdown .dropdown-menu.show {
    border-style: none;
    border-top: 4px solid #2161e0;
    background: #ffffff;
    -webkit-box-shadow: 0px 30px 40px rgba(43,46,54,0.06);
    box-shadow: 0px 30px 40px rgba(43,46,54,0.06);
    border-radius: 0px 0px 12px 12px;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

header .navbar-nav .dropdown .dropdown-menu>li {
    width: 100%;
    padding: 20px
}

header .navbar-nav .dropdown .dropdown-menu li .menu-title {
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: #2161e0;
    margin-bottom: 5px
}

header .navbar-nav .dropdown .dropdown-menu li .menu-unit {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

header .navbar-nav .dropdown .dropdown-menu li .menu-unit .part-icon {
    margin-right: 7px
}

header .navbar-nav .dropdown .dropdown-menu li .menu-unit .part-desc .menu-unit-title {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #101044;
    margin-bottom: 6px
}

header .navbar-nav .dropdown .dropdown-menu li .menu-unit .part-desc .menu-unit-intro {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #6f6f87
}

header .navbar-nav .dropdown .dropdown-menu li .menu-unit+.menu-unit {
    margin-top: 20px
}

@media (min-width: 992px) {
    header .navbar-nav {
        position:relative
    }

    header .navbar-nav .dropdown {
        position: static
    }

    header .navbar-nav .dropdown-menu[data-bs-popper] {
        margin-top: 0
    }

    header .navbar-nav .dropdown .dropdown-menu {
        padding: 0
    }

    header .navbar-nav .dropdown .dropdown-menu.show {
        left: -10.41vw;
        right: -10.41vw;
        top: 52px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    header .navbar-nav .dropdown .dropdown-menu>li {
        padding: 30px;
        width: 50%
    }

    header .navbar-nav .dropdown .dropdown-menu li .menu-title {
        margin-bottom: 20px
    }

    header .navbar-nav .dropdown .dropdown-menu li .menu-unit+.menu-unit {
        margin-top: 20px
    }
}

@media (max-width: 991px) {
    .banner {
        padding-top: 120px;
        text-align: center
    }
}

@media (max-width: 440px) {
    .banner {
        padding-top:120px;
        text-align: center
    }
}

.banner.page-banner {
    min-height: 635px;
    padding-top: 140px
}

.banner .banner-content {
    height: 600px;
}

.banner .banner-content .search-bar .form-control {
    height: 72px;
    background-repeat: no-repeat;
    background-position: 25px center;
    padding-left: 55px
}

@media (max-width: 767px) {
    .banner .banner-content .search-bar .form-control {
        height:62px;
        padding-left: 45px;
        background-position: 15px center
    }
}

.banner .banner-content .search-bar .form-control::-webkit-input-placeholder {
    color: var(--manatee);
    font-size: 16px
}

.banner .banner-content .search-bar .form-control:-ms-input-placeholder {
    color: var(--manatee);
    font-size: 16px
}

.banner .banner-content .search-bar .form-control::-ms-input-placeholder {
    color: var(--manatee);
    font-size: 16px
}

.banner .banner-content .search-bar .form-control::placeholder {
    color: var(--manatee);
    font-size: 16px
}

@media (max-width: 767px) {
    .banner .banner-content .search-bar .form-control::-webkit-input-placeholder {
        font-size:16px
    }

    .banner .banner-content .search-bar .form-control:-ms-input-placeholder {
        font-size: 16px
    }

    .banner .banner-content .search-bar .form-control::-ms-input-placeholder {
        font-size: 16px
    }

    .banner .banner-content .search-bar .form-control::placeholder {
        font-size: 16px
    }
}

.banner .banner-content .search-bar .btn {
    height: 54px;
    width: 100%;
    max-width: 133px
}

@media (max-width: 767px) {
    .banner .banner-content .search-bar .btn {
        max-width:110px;
        height: 45px
    }
}

.banner .banner-content .search-bar .btn.end-0 {
    right: 9px !important
}

.banner .banner-content .search-bar .btn.top-0 {
    top: 9px !important
}

.banner .pricing-banner-left::after,.banner .banner-left::after {
    content: "";
    position: absolute;
    top: 25%;
    left: -16%;
    width: 80px;
    height: 93px
}

.our-services {
    /* padding-bottom: 120px; */
}

@media (max-width: 991px) {
    .our-services {
        padding: 0px 0;
    }
}

@media (max-width: 480px) {
    .our-services {
        padding: 0px 0;
    }
}

.our-services .achivement {
    margin-top: -30px;
}

.our-services .section-header {
    padding-top: 120px
}

@media (max-width: 991px) {
    .our-services .section-header {
        padding: 20px 0;
    }
}

@media (max-width: 480px) {
    .our-services .section-header {
        padding:50px 0
    }
}

.home-section-4 {
    position: relative;
    z-index: 444
}

.section {
    position: relative
}

.section .wrapper {
    padding: 50px 0
}

.section .wrapper .section-content .section-tag {
    padding: 8px 18px;
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    background-color: rgba(255,255,255,0.15);
    margin-bottom: 15px;
    display: inline-block
}

@media (max-width: 480px) {
    .section .wrapper .section-content .section-tag {
        font-size:12px
    }
}

.section .wrapper .section-content .section-title {
    font-weight: 700;
    color: #101044;
    margin-bottom: 20px
}

.section .wrapper .section-content h2.section-title {
    font-size: 44px;
    line-height: 53px
}

@media (max-width: 991px) {
    .section .wrapper .section-content h2.section-title {
        font-size:36px;
        line-height: 40px
    }
}

@media (max-width: 575px) {
    .section .wrapper .section-content h2.section-title {
        font-size:26px
    }
}

.section .wrapper .section-content h3.section-title {
    font-size: 36px;
    line-height: 46px
}

@media (max-width: 991px) {
    .section .wrapper .section-content h3.section-title {
        font-size:30px
    }
}

@media (max-width: 575px) {
    .section .wrapper .section-content h3.section-title {
        font-size:25px
    }
}

.section .wrapper .section-content .section-intro {
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    color: #54547a
}

@media (max-width: 480px) {
    .section .wrapper .section-content .section-intro {
        font-size:16px
    }
}

.section .wrapper .section-content .section-link-wrapper {
    margin-top: 20px
}

.section .wrapper .section-content .section-link-wrapper .section-link {
    text-decoration: none
}

@media (min-width: 576px) {
    .section .wrapper .section-content .section-link-wrapper {
        margin-top:35px
    }
}

@media (min-width: 992px) {
    .section .wrapper .section-content .section-link-wrapper {
        margin-top:50px
    }
}

@media (min-width: 576px) {
    .section .wrapper {
        padding:80px 0
    }
}

@media (min-width: 992px) {
    .section .wrapper {
        padding:120px 0
    }
}

.section.section-dark .section-content .section-title,.section.section-dark .section-content .section-intro,.section.section-dark .section-content .section-link {
    color: #ffffff
}

.section.home-section-strategy {
    overflow-x: hidden
}

.section.home-section-strategy .wrapper {
    padding-bottom: 100px;
    position: relative;
    z-index: 2
}

@media (min-width: 576px) {
    .section.home-section-strategy .wrapper {
        padding-bottom:160px
    }
}

@media (min-width: 992px) {
    .section.home-section-strategy .wrapper {
        padding-bottom:324px
    }
}

.section.home-section-strategy .part-two .part-two-content-wrapper::before {
    position: absolute;
    top: -175px;
    right: -140px;
    display: none
}

@media (min-width: 992px) {
    .section.home-section-strategy .part-two .part-two-content-wrapper::before {
        display:block
    }
}

.section.home-section-strategy::before,.section.home-section-strategy::after {
    position: absolute;
    z-index: 1
}

.section.home-section-strategy::before {
    top: 0;
    left: 0
}

@media (min-width: 576px) {
    .section.home-section-strategy::before {
        top:10px;
        left: 10px
    }
}

@media (min-width: 992px) {
    .section.home-section-strategy::before {
        top:78px;
        left: 74px
    }
}

.section.home-section-strategy::after {
    bottom: 0;
    right: 0
}

@media (min-width: 576px) {
    .section.home-section-strategy::after {
        bottom:10px;
        right: 10px
    }
}

@media (min-width: 992px) {
    .section.home-section-strategy::after {
        bottom:135px;
        right: 122px
    }
}

@media (min-width: 992px) {
    .section.home-section-strategy .part-one {
        padding-right:33px
    }

    .section.home-section-strategy .part-two {
        padding-left: 33px
    }
}

.section.home-section-features {
    margin-top: -80px;
}

.section.home-section-features .wrapper {
    padding: 0
}

.section.home-section-features .features-section-container {
    background: #ffffff;
    -webkit-box-shadow: 0px 15px 40px rgba(22,8,49,0.1);
    box-shadow: 0px 15px 40px rgba(22,8,49,0.1);
    border-radius: 16px;
    padding: 10px
}

.section.home-section-features .features-section-container .featuresWrapper {
    margin-top: 40px
}

.section.home-section-features .features-section-container .featuresWrapper .item-wrapper .item {
    position: relative;
    background-color: #ffffff;
    border: 1px solid #e9e9f1;
    border-radius: 10px;
    padding: 20px;
    padding-top: 50px;
    margin-top: 30px;
    margin-bottom: 30px;
    cursor: pointer
}

.section.home-section-features .features-section-container .featuresWrapper .item-wrapper .item .item-image-wrapper {
    display: inline-block;
    padding: 11px;
    background: #ffffff;
    border: 1px solid #e9e9f1;
    border-radius: 12px;
    position: absolute;
    top: -30px;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out
}

.section.home-section-features .features-section-container .featuresWrapper .item-wrapper .item .item-content .item-title {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #101044;
    margin-bottom: 10px
}

@media (max-width: 480px) {
    .section.home-section-features .features-section-container .featuresWrapper .item-wrapper .item .item-content .item-title {
        font-size:14px
    }
}

.section.home-section-features .features-section-container .featuresWrapper .item-wrapper .item .item-content .item-intro {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #54547a
}

.section.home-section-features .features-section-container .featuresWrapper .item-wrapper .item:hover .item-image-wrapper {
    -webkit-box-shadow: 0px 5px 0px 0px #2a6cef;
    box-shadow: 0px 5px 0px 0px #2a6cef
}

@media (min-width: 576px) {
    .section.home-section-features .features-section-container .featuresWrapper .item-wrapper .item {
        min-height:240px
    }
}

@media (min-width: 992px) {
    .section.home-section-features .features-section-container .featuresWrapper .item-wrapper .item {
        min-height:unset
    }
}

@media (min-width: 576px) {
    .section.home-section-features .features-section-container {
        padding:40px
    }
}

@media (min-width: 576px) {
    .section.home-section-features {
        margin-top:-80px
    }
}

@media (min-width: 992px) {
    .section.home-section-features {
        margin-top:-200px
    }
}

.integrationsWrapper {
    overflow: hidden;
    margin-bottom: -1px
}

.integrationsWrapper .item-wrapper {
    cursor: pointer
}

.integrationsWrapper .item-wrapper .item {
    height: 100%
}

.integrationsWrapper .item-wrapper .item .item-content {
    height: 100%;
    padding: 10px
}

.integrationsWrapper .item-wrapper .item .item-content .item-image-wrapper {
    width: 70px;
    height: 70px;
    margin: 0 auto;
    margin-bottom: 0;
    border-radius: 10px;
    background-color: rgba(0,0,0,0.05)
}

@media (min-width: 576px) {
    .integrationsWrapper .item-wrapper .item .item-content .item-image-wrapper {
        width:85px;
        height: 85px;
        margin-bottom: 5px
    }
}

@media (min-width: 992px) {
    .integrationsWrapper .item-wrapper .item .item-content .item-image-wrapper {
        width:100px;
        height: 100px;
        margin-bottom: 15px
    }
}

.integrationsWrapper .item-wrapper .item .item-content .item-image-wrapper .item-image {
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear
}

.integrationsWrapper .item-wrapper .item .item-content .item-title {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #101044
}

@media (max-width: 480px) {
    .integrationsWrapper .item-wrapper .item .item-content .item-title {
        font-size:14px
    }
}

@media (min-width: 576px) {
    .integrationsWrapper .item-wrapper .item .item-content {
        padding:20px 10px
    }
}

@media (min-width: 992px) {
    .integrationsWrapper .item-wrapper .item .item-content {
        padding:35px 10px
    }
}

.integrationsWrapper .item-wrapper .item::before {
    content: "";
    width: 1px;
    position: absolute;
    top: 0;
    bottom: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(16,16,68,0)), color-stop(49.27%, rgba(16,16,68,0.15)), to(rgba(16,16,68,0)));
    background: linear-gradient(180deg, rgba(16,16,68,0) 0%, rgba(16,16,68,0.15) 49.27%, rgba(16,16,68,0) 100%);
    display: block;
    opacity: 0
}

.integrationsWrapper .item-wrapper .item::after {
    content: "";
    background: -webkit-gradient(linear, left top, right top, from(rgba(84,84,122,0)), color-stop(53.08%, rgba(16,16,68,0.15)), to(rgba(84,84,122,0)));
    background: linear-gradient(90deg, rgba(84,84,122,0) 0%, rgba(16,16,68,0.15) 53.08%, rgba(84,84,122,0) 100%);
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    right: 0;
    opacity: 0
}

.integrationsWrapper .item-wrapper:hover .item .item-content .item-image-wrapper .item-image {
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1)
}

.integrationsWrapper .item-wrapper:nth-child(3n+1) .item::after {
    opacity: 1
}

.integrationsWrapper .item-wrapper:nth-child(2) .item::before,.integrationsWrapper .item-wrapper:nth-child(3) .item::before {
    opacity: 1
}

@media (min-width: 576px) {
    .integrationsWrapper .item-wrapper:nth-child(3n+1) .item::after {
        opacity:0
    }

    .integrationsWrapper .item-wrapper:nth-child(4n+1) .item::after {
        opacity: 1
    }

    .integrationsWrapper .item-wrapper:nth-child(4) .item::before {
        opacity: 1
    }
}

@media (min-width: 992px) {
    .integrationsWrapper .item-wrapper:nth-child(4n+1) .item::after {
        opacity:0
    }

    .integrationsWrapper .item-wrapper:nth-child(6n+1) .item::after {
        opacity: 1
    }

    .integrationsWrapper .item-wrapper:nth-child(5) .item::before,.integrationsWrapper .item-wrapper:nth-child(6) .item::before {
        opacity: 1
    }
}

.integrationsWrapper .item-wrapper:first-child .item .item-content .item-image-wrapper {
    background-color: rgba(33,117,155,0.05)
}

.integrationsWrapper .item-wrapper:nth-child(2) .item .item-content .item-image-wrapper,.integrationsWrapper .item-wrapper:nth-child(7) .item .item-content .item-image-wrapper {
    background-color: rgba(255,177,86,0.05)
}

.integrationsWrapper .item-wrapper:nth-child(3) .item .item-content .item-image-wrapper {
    background-color: rgba(242,103,211,0.05)
}

.integrationsWrapper .item-wrapper:nth-child(4) .item .item-content .item-image-wrapper {
    background-color: rgba(36,111,219,0.05)
}

.integrationsWrapper .item-wrapper:nth-child(5) .item .item-content .item-image-wrapper {
    background-color: rgba(25,119,243,0.05)
}

.integrationsWrapper .item-wrapper:nth-child(6) .item .item-content .item-image-wrapper {
    background-color: rgba(255,74,0,0.05)
}

.integrationsWrapper .item-wrapper:nth-child(8) .item .item-content .item-image-wrapper {
    background-color: rgba(29,161,242,0.05)
}

.integrationsWrapper .item-wrapper:nth-child(9) .item .item-content .item-image-wrapper {
    background-color: rgba(224,30,90,0.05)
}

.integrationsWrapper .item-wrapper:nth-child(10) .item .item-content .item-image-wrapper {
    background-color: rgba(255,69,0,0.05)
}

.integrationsWrapper .item-wrapper:nth-child(11) .item .item-content .item-image-wrapper {
    background-color: rgba(227,116,0,0.05)
}

.integrationsWrapper .item-wrapper:nth-child(12) .item .item-content .item-image-wrapper {
    background-color: rgba(0,151,211,0.05)
}

.integrationsWrapper .item-wrapper:nth-child(13) .item .item-content .item-image-wrapper {
    background-color: rgba(230,0,35,0.05)
}

.integrationsWrapper .item-wrapper:nth-child(14) .item .item-content .item-image-wrapper {
    background-color: rgba(16,16,68,0.05)
}

.integrationsWrapper .item-wrapper:nth-child(15) .item .item-content .item-image-wrapper {
    background-color: rgba(255,49,123,0.05)
}

.integrationsWrapper .item-wrapper:nth-child(16) .item .item-content .item-image-wrapper {
    background-color: rgba(77,255,255,0.05)
}

.notificationsWrapper {
    width: 100%;
    max-width: 510px;
    height: 460px;
    background-color: #2a6cef;
    border-radius: 16px;
    overflow: hidden;
    padding: 10px;
    position: relative
}

.notificationsWrapper .notification-unit {
    background: #296bec;
    border: 1.5px solid #4483ff;
    -webkit-box-shadow: 0px 20px 36px rgba(22,8,49,0.15);
    box-shadow: 0px 20px 36px rgba(22,8,49,0.15);
    border-radius: 16px;
    padding: 17px;
    margin-bottom: 12px
}

.notificationsWrapper .notification-unit .part-img {
    margin-right: 15px
}

.notificationsWrapper .notification-unit .part-img .img-notification {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #ffffff
}

.notificationsWrapper .notification-unit .part-content {
    color: #ffffff
}

.notificationsWrapper .notification-unit .part-content .part-title {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 6px
}

.notificationsWrapper .notification-unit .part-content .part-meta .meta-unit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.notificationsWrapper .notification-unit .part-content .part-meta .meta-unit .meta-icon {
    margin-right: 5px
}

.notificationsWrapper .notification-unit .part-content .part-meta .meta-unit+.meta-unit {
    margin-left: 12px
}

@media (min-width: 576px) {
    .notificationsWrapper .notification-unit:nth-child(2) {
        margin-left:14px;
        margin-right: 14px
    }

    .notificationsWrapper .notification-unit:nth-child(3) {
        margin-left: 24px;
        margin-right: 24px
    }

    .notificationsWrapper .notification-unit:nth-child(4) {
        margin-left: 34px;
        margin-right: 34px
    }
}

.notificationsWrapper::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 123px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(42,108,239,0)), color-stop(81.75%, #2a6cef));
    background: linear-gradient(180deg, rgba(42,108,239,0) 0%, #2a6cef 81.75%)
}

@media (min-width: 576px) {
    .notificationsWrapper {
        padding:69px 60px
    }
}

.page-banner {
    min-height: 635px;
    padding-top: 140px
}

.pricing-banner-left::after {
    content: "";
    position: absolute;
    top: 25%;
    left: -16%;
    width: 80px;
    height: 93px
}

.common-border-btn a.border-btn {
    border: 1px solid var(--blue);
    padding: 13px 51px 13px 28px;
    position: relative
}

.common-border-btn a.border-btn::after {
    content: "";
    right: 28px;
    top: 14px;
    width: 17px;
    height: 17px;
    position: absolute;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear
}

.common-border-btn a.border-btn:hover::after {
    right: 22px
}

.feature-left-img img,.feature-right-img img {
    width: 100%;
    margin-top: 20px;
    border-radius: 20px;
    clip-path: inset(0 0 0 3px);
}

.feature-left-img,.feature-left-content {
    padding-right: 32px
}

@media (max-width: 1200px) {
    .feature-left-img,.feature-left-content {
        padding-right:15px
    }
}

@media (max-width: 992px) {
    .feature-left-img,.feature-left-content {
        padding-right:0px
    }
}

.feature-right-img,.feature-right-content {
    padding-left: 32px
}

@media (max-width: 1200px) {
    .feature-right-img,.feature-right-content {
        padding-left:15px
    }
}

@media (max-width: 992px) {
    .feature-right-img,.feature-right-content {
        padding-left:0px
    }
}

.feature-left-img-section {
    padding-bottom: 0px;
}

@media (max-width: 1200px) {
    .feature-left-img-section {
        padding-bottom:90px
    }
}

@media (max-width: 992px) {
    .feature-left-img-section {
        padding-bottom: 10px;
    }
}

@media (max-width: 480px) {
    .feature-left-img-section {
        padding-bottom: 0px;
    }
}

.image-ribon {
    position: relative
}

.image-ribon::before {
    position: absolute;
    content: "";
    width: 110px;
    height: 110px;
    left: 6px;
    top: 55px;
    background-repeat: no-repeat;
    background-size: cover
}

@media (max-width: 1200px) {
    .image-ribon::before {
        left:-22px;
        top: 70px
    }
}

.call-to-action-area {
    padding: 70px 0 88px
}

.common-fill-btn a.fill-btn {
    border: 1px solid var(--blue);
    padding: 17px 63px 17px 35px;
    position: relative
}

.common-fill-btn a.fill-btn::after {
    content: "";
    right: 36px !important;
    top: 17px;
    width: 20px;
    height: 20px;
    position: absolute;
    background-image: url(./images/border-btn-right-white-arrow.png);
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear
}

.common-fill-btn a.fill-btn:hover::after {
    right: 30px !important
}

.page-banner {
    min-height: 635px;
    padding-top: 140px
}

.page-banner .pricing-banner-left::after {
    content: "";
    position: absolute;
    top: 25%;
    left: -16%;
    width: 80px;
    height: 93px
}

header {
    z-index: 100
}

.navbar-nav .nav-link:hover {
    color: var(--blue)
}

.navbar-nav .nav-link.dropdown-toggle::after {
    border: 0
}

.footer {
    height: 50px;
    margin-top: -60px;
    background-color: #1f2023;
    color: #ffffff;
    padding: 15px 15px;
    text-align: center;
}

.footer .footer-border {
    height: 1px;
    width: 100%;
    background: -webkit-gradient(linear, right top, left top, from(rgba(84,84,122,0)), color-stop(41.22%, #30304f), color-stop(100.72%, rgba(84,84,122,0)));
    background: linear-gradient(270deg, rgba(84,84,122,0) 0%, #30304f 41.22%, rgba(84,84,122,0) 100.72%)
}

.footer .widget-list li a {
    position: relative;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear
}

.footer .widget-list li a::after {
    content: "";
    left: 0;
    top: 8px;
    height: 2px;
    width: 10px;
    background-color: #bdbdc9;
    position: absolute;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear
}

.footer .widget-list li a:hover {
    padding-left: 16px;
    color: #bdbdc9
}

.footer .widget-list li a:hover::after {
    opacity: 1;
    visibility: visible
}

.footer .f-bottom-menu a {
    -webkit-transition: 0.2s all linear;
    transition: 0.2s all linear
}

.footer .f-bottom-menu a:hover {
    color: #fff !important
}

.pt-90 {
    padding-top: 0px;
}

@media (max-width: 991px) {
    .pt-90 {
        padding-top: 0px;
    }
}

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

@media (max-width: 991px) {
    .pb-100 {
        padding-bottom:50px
    }
}

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

@media (max-width: 991px) {
    .pb-120 {
        padding-bottom:80px
    }
}

.back-to-top {
    position: fixed;
    right: 30px;
    bottom: 50px;
    z-index: 999
}

@media (max-width: 1200px) {
    .back-to-top {
        bottom:50px
    }
}

.back-to-top a {
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
    background: #e93266;
    border-radius: 100px;
    height: 52px;
    width: 52px
}

.back-to-top a:hover {
    background-color: #ff0048
}

.pricing-table-section .form-switch .form-check-input {
    width: 41px;
    height: 24px;
    width: 41px;
    height: 24px;
    background-color: #2161e0;
    border: none;
    background-position: 3px;
    background-size: 18px 18px
}

.pricing-table-section .form-switch .form-check-input:checked {
    background-color: #2161e0 !important;
    background-position: 22px;
    border: none;
    background-position: right 3px center
}

.pricing-table-section .price-upper-content {
    border-bottom: 2px solid #e9e9f1;
    min-height: 220px
}

.pricing-table-section .get-started-btn {
    border: 1.5px solid #6f6f87;
    border-radius: 100px;
    height: 54px
}

.pricing-table-section .pariceTable-item {
    background: #ffffff;
    border: 1px solid #f2f2fb;
    -webkit-box-shadow: 0px 30px 60px rgba(0,0,0,0.07);
    box-shadow: 0px 30px 60px rgba(0,0,0,0.07);
    border-radius: 16px;
    padding: 40px;
    border: 2px solid transparent;
    -webkit-transition: 0.2s all linear;
    transition: 0.2s all linear
}

.pricing-table-section .pariceTable-item:hover {
    border: 2px solid #2161e0
}

.pricing-table-section .pariceTable-item:hover .get-started-btn {
    background-color: var(--blue);
    color: #fff
}

.faq-bg {
    background: radial-gradient(104.27% 104.27% at 50% 0%, #f2f2fb 0%, rgba(242,242,251,0) 100%)
}

.faq-section .accordion-list-item {
    background: #ffffff;
    border: 1px solid #e9e9f1;
    -webkit-box-shadow: 0px 20px 30px rgba(13,30,28,0.02);
    box-shadow: 0px 20px 30px rgba(13,30,28,0.02);
    border-radius: 16px;
    padding: 0 30px !important
}

.faq-section .accordion-list-item .accordion-title {
    margin-bottom: 0;
    height: 64px;
    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;
    font-weight: 600;
    font-size: 16px;
    color: #101044
}

.faq-section .accordion-list-item .accordion-desc {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #6f6f87
}

.faq-page-wrapper .all-faq-wrapper .nav-tabs .nav-item .nav-link {
    border: 1px solid #6f6f87;
    border-radius: 20px;
    color: #6f6f87
}

.faq-page-wrapper .all-faq-wrapper .nav-tabs .nav-item .nav-link.active {
    border: 1px solid #2161e0;
    color: #2161e0
}

.faq-page-wrapper .all-faq-wrapper .accordion-list-item {
    background: #ffffff;
    border: 1px solid #e9e9f1;
    -webkit-box-shadow: 0px 20px 30px rgba(13,30,28,0.02);
    box-shadow: 0px 20px 30px rgba(13,30,28,0.02);
    border-radius: 16px;
    -webkit-transition: 0.3s all linear;
    transition: 0.3s all linear;
    -webkit-box-shadow: 0px 7px 40px rgba(0,0,0,0.05);
    box-shadow: 0px 7px 40px rgba(0,0,0,0.05)
}

.faq-page-wrapper .all-faq-wrapper .accordion-list-item .accordion-title {
    margin-bottom: 0;
    height: 50px;
    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;
    font-weight: 600;
    font-size: 16px;
    color: #101044;
    padding: 33px 0px
}

.faq-page-wrapper .all-faq-wrapper .accordion-list-item .accordion-title .ni-downward-ios {
    border: 1px solid gray;
    padding: 6px;
    border-radius: 50%
}

.faq-page-wrapper .all-faq-wrapper .accordion-list-item .accordion-desc {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #6f6f87;
    background-color: #e9e9f129;
    padding: 20px 0
}

.faq-page-wrapper .accordion-list .open {
    padding-bottom: 20px
}

.faq-page-wrapper .accordion-list .open .accordion-title {
    font-weight: 700;
    font-size: 16px;
    line-height: 26px;
    border-bottom: 1px solid #6f6f875e;
    color: #2161e0 !important
}

.faq-page-wrapper .accordion-list .open .accordion-title .ni-upword-ios {
    border: 1px solid gray;
    padding: 6px;
    border-radius: 50%
}

.page-banner {
    min-height: 635px;
    padding-top: 140px;
    background-image: url(./images/common-banner-bg.png);
    background-repeat: no-repeat;
    background-size: cover
}

#contact-us .contact-us-banner-left::after {
    content: "";
    position: absolute;
    top: 25%;
    left: -16%;
    background-repeat: no-repeat;
    width: 80px;
    height: 93px
}

#contact-us .contact-info-wrapper .call-info .call-icon {
    background-color: #fff;
    padding: 15px;
    border-radius: 50%;
    -webkit-box-shadow: 0px 4px 0px rgba(22,8,49,0.03);
    box-shadow: 0px 4px 0px rgba(22,8,49,0.03)
}

#contact-us .contact-info-wrapper .call-details a:hover {
    color: var(--dark)
}

.contact-form form .form-group input {
    height: 50px;
    -webkit-box-shadow: none;
    box-shadow: none
}

.contact-form form .form-group #input-name {
    background-image: url(./images/icon/user.png);
    background-repeat: no-repeat;
    background-position: 22px center;
    padding-left: 50px;
    border: 1px solid rgba(141,141,174,0.6);
    border-radius: 50px
}

.contact-form form .form-group #input-email {
    background-image: url(./images/icon/sms.png);
    background-repeat: no-repeat;
    background-position: 22px center;
    padding-left: 50px;
    border: 1px solid rgba(141,141,174,0.6);
    border-radius: 50px
}

.contact-form form .form-group #input-number {
    background-image: url(./images/icon/call.png);
    background-repeat: no-repeat;
    background-position: 22px center;
    padding-left: 50px;
    border: 1px solid rgba(141,141,174,0.6);
    border-radius: 50px
}

.contact-form form .form-group textarea {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid rgba(141,141,174,0.6);
    border-radius: 16px;
    padding: 20px
}

.contact-form form button {
    padding: 10px 32px;
    border-radius: 30px
}

.feature-list-wrap {
    margin-top: 30px
}

.feature-list-wrap .feature-list li {
    margin-bottom: 12px
}

.explore-categories .works-grid {
    position: relative;
    z-index: 10
}

.explore-categories .works-grid .grid-item {
    overflow: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border-bottom: 1px solid #8d8dae;
    padding-bottom: 16px
}

.explore-categories .works-grid .grid-item img {
    width: 100%
}

.explore-categories .works-grid .grid-item .project-grid-content .badge {
    font-weight: 600
}

.explore-categories .works-grid .grid-item .project-grid-content .project-title {
    font-weight: 600;
    font-size: 20px;
    line-height: 26px;
    color: #003033;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear
}

.explore-categories .works-grid .grid-item .project-grid-content .description {
    font-size: 14px;
    line-height: 24px
}

.explore-categories .works-grid .grid-item:hover .project-grid-content .project-title {
    color: #6f6f87
}

.explore-categories .filter-buttons button {
    border: 1px solid #e9e9f1
}

.explore-categories .filter-buttons .btn-iss-fill {
    color: #101044 !important;
    border: 1px solid #2161e0
}

.explore-categories .blog-search .search-control {
    border: 1px solid #e9e9f1;
    border-radius: 100px;
    height: 40px;
    background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.4375 12.75C10.3715 12.75 12.75 10.3715 12.75 7.4375C12.75 4.50349 10.3715 2.125 7.4375 2.125C4.50349 2.125 2.125 4.50349 2.125 7.4375C2.125 10.3715 4.50349 12.75 7.4375 12.75Z' stroke='%2354547A' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.8757 14.875L11.334 11.3334' stroke='%2354547A' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-position: 15px center;
    background-size: 16px;
    background-repeat: no-repeat;
    padding-left: 40px
}

.explore-categories .pagination {
    gap: 8px
}

.explore-categories .pagination .page-item .page-link {
    border: 1px solid #d5d0df;
    border-radius: 4px;
    height: 36px;
    width: 36px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 600;
    font-size: 14px
}

.explore-categories .pagination .page-item .page-link:hover {
    background: #2161e0;
    color: #ffffff
}

.explore-categories .pagination .page-item .page-link:hover svg * {
    stroke: #fff
}

.explore-categories .pagination .page-item .page-link:focus {
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.blog-content-area {
    padding-bottom: 120px
}

@media (max-width: 992px) {
    .blog-content-area {
        padding-bottom:70px
    }
}

@media (max-width: 480px) {
    .blog-content-area {
        padding-bottom:50px
    }
}

.single-blog-banner.page-banner {
    min-height: 652px;
    padding-top: 200px
}

@media (max-width: 776px) {
    .single-blog-banner.page-banner {
        padding-top:150px
    }
}

.blog-feature-img {
    margin-top: -230px
}

.blog-feature-img img {
    border-radius: 25px
}

.single-blog-author-box {
    margin-top: -35px
}

.single-blog-author-box .blog-author-box {
    padding: 24px 30px;
    -webkit-box-shadow: 0px 15px 40px rgba(22,8,49,0.1);
    box-shadow: 0px 15px 40px rgba(22,8,49,0.1)
}

.blog-text-content {
    margin-top: 60px
}

@media (max-width: 667px) {
    .blog-text-content {
        margin-top:30px
    }
}

.blog-text-content p {
    line-height: 28px
}

.blog-text-content h3 {
    line-height: 40px
}

.blog-inner-image {
    padding: 60px 0
}

@media (max-width: 667px) {
    .blog-inner-image {
        padding:30px 0
    }
}

.blog-inner-image img {
    border-radius: 25px
}

.blog-inner-list {
    padding: 10px 25px 0
}

.blog-inner-quote {
    padding: 75px 85px 40px;
    margin-top: 100px
}

@media (max-width: 567px) {
    .blog-inner-quote {
        padding:75px 20px 40px
    }
}

.blog-inner-quote .quote-autor-img {
    margin-top: -120px
}

@media (max-width: 567px) {
    .blog-inner-quote .quote-autor-img {
        margin-bottom:35px
    }
}

.blog-inner-quote .quote-autor-img img {
    border: 3px solid #ffffff;
    border-radius: 50%;
    margin-bottom: 30px
}

.blog-inner-quote::before {
    content: "";
    left: 30px;
    top: 50px;
    width: 52px;
    height: 37px;
    background: url(./images/quote-left.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute
}

.tag-and-social-share {
    margin-top: 60px;
    border-top: 1px solid var(--manatee);
    border-bottom: 1px solid var(--manatee);
    padding: 14px 10px
}

.tag-and-social-share .post-tags .tag-item {
    color: var(--stormgrey);
    text-decoration: none;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear
}

.tag-and-social-share .post-tags .tag-item:hover {
    color: var(--dark)
}

.relevant-blog-wrapper {
    background: #f9f9fe;
    background: -webkit-gradient(linear, left top, left bottom, from(#f9f9fe), to(#fff));
    background: linear-gradient(to bottom, #f9f9fe 0%, #fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9fe', endColorstr='#ffffff',GradientType=0 )
}

.relevant-blog-wrapper .relevantBlog-heading {
    padding-bottom: 60px;
    max-width: 700px;
    margin: 0 auto
}

.relevant-blog-wrapper .owl-prev {
    position: absolute !important;
    left: -80px !important;
    top: calc(50% - 22.5px) !important
}

.relevant-blog-wrapper .owl-next {
    position: absolute !important;
    right: -80px !important;
    top: calc(50% - 22.5px) !important
}

.relevant-blog-wrapper .owl-carousel .owl-nav button {
    border: 2px solid #eeeeee !important;
    width: 50px;
    height: 50px;
    border-radius: 50% !important;
    color: #fff !important;
    font-size: 30px;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
    line-height: 1px
}

.relevant-blog-wrapper .owl-carousel .owl-nav button:hover {
    background-color: #2161e0 !important
}

.login-wrapper {
    padding: 150px 0
}

.border-bottom {
    bottom: 40px
}

.forget-btn .border {
    height: 1px;
    width: 40%
}

.forget-btn .border-or {
    width: 31px;
    height: 20px;
    position: relative;
    background: red !important;
    left: 40%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: -15px;
    margin-bottom: 0
}

.forget-btn .border-left {
    height: 1px;
    width: 100%;
    background: #dddde7
}

.input-details .form-control {
    border: 1px solid rgba(141,141,174,0.6);
    border-radius: 100px;
    height: 50px;
    background-repeat: no-repeat;
    background-position: 20px center
}

.input-details .form-control:focus {
    border-color: var(--clr-orange)
}

.input-details .form-control::-webkit-input-placeholder {
    color: #8d8dae
}

.input-details .form-control:-ms-input-placeholder {
    color: #8d8dae
}

.input-details .form-control::-ms-input-placeholder {
    color: #8d8dae
}

.input-details .form-control::placeholder {
    color: #8d8dae
}

.input-details .form-control#name {
    background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.50065 8.50008C10.4567 8.50008 12.0423 6.91442 12.0423 4.95842C12.0423 3.00241 10.4567 1.41675 8.50065 1.41675C6.54464 1.41675 4.95898 3.00241 4.95898 4.95842C4.95898 6.91442 6.54464 8.50008 8.50065 8.50008Z' stroke='%236F6F87' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.5852 15.5833C14.5852 12.8421 11.8581 10.625 8.5006 10.625C5.1431 10.625 2.41602 12.8421 2.41602 15.5833' stroke='%236F6F87' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.input-details .form-control#phone {
    background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.5634 12.9838C15.5634 13.2388 15.5067 13.5009 15.3863 13.7559C15.2659 14.0109 15.1101 14.2517 14.9046 14.4784C14.5576 14.8609 14.1751 15.1372 13.743 15.3142C13.318 15.4913 12.8576 15.5834 12.3617 15.5834C11.6392 15.5834 10.8671 15.4134 10.0526 15.0663C9.23797 14.7192 8.42339 14.2517 7.61589 13.6638C6.8013 13.0688 6.02922 12.4101 5.29255 11.6805C4.56297 10.9438 3.90422 10.1717 3.3163 9.36425C2.73547 8.55675 2.26797 7.74925 1.92797 6.94883C1.58797 6.14133 1.41797 5.36925 1.41797 4.63258C1.41797 4.15091 1.50297 3.6905 1.67297 3.2655C1.84297 2.83341 2.11214 2.43675 2.48755 2.08258C2.94089 1.63633 3.43672 1.41675 3.96089 1.41675C4.15922 1.41675 4.35755 1.45925 4.53464 1.54425C4.7188 1.62925 4.88172 1.75675 5.00922 1.94091L6.65255 4.25716C6.78005 4.43425 6.87214 4.59716 6.93589 4.753C6.99964 4.90175 7.03505 5.0505 7.03505 5.18508C7.03505 5.35508 6.98547 5.52508 6.8863 5.688C6.79422 5.85091 6.65964 6.02091 6.48964 6.19091L5.9513 6.7505C5.87339 6.82841 5.83797 6.9205 5.83797 7.03383C5.83797 7.0905 5.84505 7.14008 5.85922 7.19675C5.88047 7.25341 5.90172 7.29591 5.91589 7.33841C6.04339 7.57216 6.26297 7.87675 6.57464 8.24508C6.89339 8.61341 7.23338 8.98883 7.60172 9.36425C7.98422 9.73966 8.35255 10.0867 8.72797 10.4055C9.0963 10.7172 9.40088 10.9297 9.64172 11.0572C9.67713 11.0713 9.71964 11.0926 9.76922 11.1138C9.82589 11.1351 9.88255 11.1422 9.9463 11.1422C10.0667 11.1422 10.1588 11.0997 10.2367 11.0217L10.7751 10.4905C10.9521 10.3134 11.1221 10.1788 11.2851 10.0938C11.448 9.99466 11.6109 9.94508 11.788 9.94508C11.9226 9.94508 12.0642 9.97341 12.2201 10.0372C12.3759 10.1009 12.5388 10.193 12.7159 10.3134L15.0605 11.978C15.2446 12.1055 15.3721 12.2542 15.4501 12.4313C15.5209 12.6084 15.5634 12.7855 15.5634 12.9838Z' stroke='%238D8DAE' stroke-width='1.5' stroke-miterlimit='10'/%3E%3C/svg%3E%0A")
}

.input-details .form-control#email {
    background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.5846 7.43758V10.9792C15.5846 13.4584 14.168 14.5209 12.043 14.5209H4.95964C2.83464 14.5209 1.41797 13.4584 1.41797 10.9792V6.02091C1.41797 3.54175 2.83464 2.47925 4.95964 2.47925H9.91797' stroke='%238D8DAE' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.95703 6.375L7.17412 8.14583C7.9037 8.72667 9.10078 8.72667 9.83037 8.14583L10.6662 7.48' stroke='%238D8DAE' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.8138 5.66667C14.7918 5.66667 15.5846 4.87384 15.5846 3.89583C15.5846 2.91783 14.7918 2.125 13.8138 2.125C12.8358 2.125 12.043 2.91783 12.043 3.89583C12.043 4.87384 12.8358 5.66667 13.8138 5.66667Z' stroke='%238D8DAE' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.input-details .form-control#password,.input-details .form-control#ConfirmPassword,.input-details .form-control#new-password,.input-details .form-control#confirm-new-password {
    background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.25 7.08341V5.66675C4.25 3.32216 4.95833 1.41675 8.5 1.41675C12.0417 1.41675 12.75 3.32216 12.75 5.66675V7.08341' stroke='%238D8DAE' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.49935 13.1042C9.47735 13.1042 10.2702 12.3113 10.2702 11.3333C10.2702 10.3553 9.47735 9.5625 8.49935 9.5625C7.52134 9.5625 6.72852 10.3553 6.72852 11.3333C6.72852 12.3113 7.52134 13.1042 8.49935 13.1042Z' stroke='%238D8DAE' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.041 15.5833H4.95768C2.12435 15.5833 1.41602 14.8749 1.41602 12.0416V10.6249C1.41602 7.79159 2.12435 7.08325 4.95768 7.08325H12.041C14.8743 7.08325 15.5827 7.79159 15.5827 10.6249V12.0416C15.5827 14.8749 14.8743 15.5833 12.041 15.5833Z' stroke='%238D8DAE' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E ")
}

.input-details .form-select {
    border: 2px solid #e9eef4;
    height: 52px;
    -webkit-box-shadow: none;
    box-shadow: none
}

.input-details .form-select:focus {
    border-color: var(--clr-orange)
}

.input-details .btn-continue {
    width: 152px;
    height: 46px;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear
}

.input-details .btn-continue:hover {
    background-color: #1da1f2
}

.subscribe-field {
    border-radius: 34.5818px;
    padding: 15px 20px;
    max-width: 280px;
    width: 100%;
    height: 50px;
    font-size: 12px;
    line-height: 20px
}

.subscribe-field .submit-btn {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 1px solid var(--blue);
    background: #ffffff;
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

.subscribe-field .submit-btn:hover {
    background: var(--blue)
}

.subscribe-field .submit-btn:hover svg * {
    fill: #ffffff
}

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

[data-notify=dismiss] {
    display: none
}

.avatar-sm {
    height: 40px
}

.gradient-primary {
    background: var(--bs-primary);
    background: -moz-linear-gradient(135deg,var(--bs-primary) 0,var(--bs-info) 100%);
    background: -webkit-linear-gradient(135deg,var(--bs-primary) 0,var(--bs-info) 100%);
    background: linear-gradient(135deg,var(--bs-primary) 0,var(--bs-info) 100%)
}

.clip-text {
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.logos {
    overflow: hidden;
    padding: 5px 0;
    white-space: nowrap;
    position: relative
}

.logos:after,.logos:before {
    position: absolute;
    top: 0;
    content: '';
    width: 250px;
    height: 100%;
    z-index: 2
}

.logos:before {
    left: 0
}

.logos:after {
    right: 0
}

.logo_items {
    display: inline-block;
    animation: 35s linear infinite slides
}

.logos:hover .logo_items {
    animation-play-state: paused
}

.logo_items img {
    height: 80px;
    margin: 0px 20px
}

@keyframes slides {
    from {
        transform: translateX(0)
    }

    to {
        transform: translateX(-80%)
    }
}

.btn-icon {
    width: 50px;
    height: 50px;
    padding: 9px
}

.btn-icon img,.btn-icon svg {
    height: 30px;
    width: 30px
}

.alert {
    font-size: 0.9rem
}

.bsb-blockquote-icon {
    --bsb-blockquote-icon-opacity: 0.1;
    position: relative;
    z-index: 1;
}

.bsb-blockquote-icon:before {
    background-image: var(--bsb-blockquote-icon);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    height: 64px;
    left: -1rem;
    opacity: var(--bsb-blockquote-icon-opacity);
    position: absolute;
    top: -1rem;
    width: 64px;
    z-index: -1;
}

.qr-result {
    background: url("./images/background-qr.png");
    background-size: cover;
    padding: 8px!important
}

.grecaptcha-badge {
    visibility: hidden
}