/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap');

:root {
    --theme-primary-color: #ea60a6;
    --theme-secondary-color: #936cbe;
    --dark: #000000;
    --light-dark: #777777;
    --white: #ffffff;
    --black: #000;
    --gray: #eeeeee;
    --theme-most-color: var(--theme-primary-color);
    --font-family-body: "Inter", sans-serif;
    --body-text-color: #183B56;
    --anchor-text-color-hover: var(--theme-most-color);
    --font-family-head: "Urbanist", sans-serif;
    --heading-text-color: #26262c;
    --font-16-size: 16px;
    --theme-most-gradient: linear-gradient(to right, var(--theme-primary-color) 0%, var(--theme-secondary-color) 51%, var(--theme-primary-color) 100%);
}

html {
    scroll-behavior: smooth;
}

* {
    margin: 0;
    padding: 0;
    outline: 0 !important;
    -webkit-font-smoothing: antialiased;
}

body {
    font-family: var(--font-family-body);
    color: var(--body-text-color);
    padding: 0;
    margin: 0;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
}


p, dl,
ol,
ul {
    font-family: var(--font-family-body);
    color: var(--body-text-color);
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 1.6;
}

.text-sm {
    font-size: 0.875rem !important;
}

.text-dark {
    color: #344767 !important;
}

.text-primary {
    color: var(--theme-primary-color) !important;
}

.btn-link {
    text-decoration: none;
    color: var(--theme-primary-color);
}


a {
    color: var(--theme-primary-color);
    text-decoration: none;
}

a:hover {
    color: var(--anchor-text-color-hover);
    text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--font-family-head);
    color: var(--heading-text-color);
}

h1,
.h1,
.fs-1 .display-1 {
    font-weight: 800;
    font-size: 45px;
    line-height: 1.4em;
    /*letter-spacing: .5px;*/
}

h2,
.h2 .fs-2 .display-2 {
    font-weight: 800;
    font-size: 38px;
    line-height: 1.4em;
}

.h3,
h3,
.fs-3,
.display-3 {
    font-size: 24px;
    font-weight: 800;
    line-height: 1.5em;
}

.h4,
h4,
.fs-4,
.display-4 {
    font-size: 1.7rem;
}

.p_relative {
    position: relative;
}

.p_absolute {
    position: absolute;
}

.text-xs {
    font-size: .75rem !important;
    line-height: 1.25;
}

hr {
    margin: 1rem 0;
    color: inherit;
    border: 0;
    border-top: 1px solid;
    opacity: .25;
    border-top: none !important;
    height: 1px;
}

.footer-hr {
    background: #ffffff;
    opacity: 0.75;
}

.copyright p {
    color: white !important;
}

hr.horizontal.dark {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0))
}

hr.horizontal {
    background-color: transparent
}

.card {
    /*border-radius: 20px !important;*/
    border: 1px solid #dee2e6 !important;
    box-shadow: none !important;
}

input:-webkit-autofill,
input:-webkit-autofill:focus {
    transition: background-color 600000s 0s, color 600000s 0s;
}

input[data-autocompleted] {
    background-color: transparent !important;
}

/* width */
::-webkit-scrollbar {
    width: 8px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: var(--theme-secondary-color);
}

/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top {
    position: fixed;
    visibility: hidden;
    opacity: 0;
    right: 15px;
    bottom: 15px;
    z-index: 996;
    background: var(--theme-primary-color);
    width: 40px;
    height: 40px;
    border-radius: 50px;
    transition: all 0.4s;
    box-shadow: 0px 2px 1px 0px #000;
}

.back-to-top i {
    font-size: 28px;
    color: var(--white);
    line-height: 0;
}

.back-to-top:hover {
    background: var(--theme-most-color);
    color: var(--white);
}

.back-to-top.active {
    visibility: visible;
    opacity: 1;
}


/*--------------------------------------------------------------
# Disable AOS delay on mobile
--------------------------------------------------------------*/
@media screen and (max-width: 768px) {
    [data-aos-delay] {
        transition-delay: 0 !important;
    }
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header {
    transition: all 0.5s;
    z-index: 997;
    background: #ECF7FB;
    padding: 15px 0;
}

#header.header-scrolled {
    background: #ECF7FB;
    transition: all 0.5s;
    margin: 0px auto 0px;
    border-radius: 0px;
    /*background: #000000;*/
    box-shadow: 0 0 6px rgb(173 173 173 / 30%);
}

#header .logo {
    width: 190px;
}

@media (max-width: 991px) {
    #header {
        margin: 0px;
        width: 100%;
        border-radius: 0;
    }

    #header.header-scrolled {
        width: 100%;
        /* transition: all 0.5s; */
        margin: 0px auto 0px;
    }
}


/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/**
* Desktop Navigation
*/
.navbar {
    padding: 0;
}

.navbar ul {
    margin: 0;
    padding: 0;
    display: flex;
    list-style: none;
    align-items: center;
}

.navbar li {
    position: relative;
}

.navbar > ul > li {
    padding: 2px 0 2px 15px;
}

.navbar > ul > li:nth-last-child(1) {
    border-right: none;
}

.navbar a, .navbar a:focus {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 6px 10px;
    color: var(--heading-text-color);
    white-space: nowrap;
    transition: 0.3s;
    position: relative;
    font-size: 16px;
    font-weight: 600;
}

.navbar a .get-started-btn, .navbar a:focus .get-started-btn {
    color: #000000;
}

.navbar > ul > li > a:before {
    content: "";
    position: absolute;
    width: 10px;
    height: 3px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background-color: var(--theme-secondary-color);
    visibility: hidden;
    border-radius: 8px;
}

.navbar a:hover:before,
.navbar li:hover > a:before,
.navbar .active:before {
    width: 50%;
    visibility: visible;
    margin: auto;
}

.navbar a .drop-down-icon {
    fill: var(--white);
}

.navbar a:hover .drop-down-icon {
    fill: var(--theme-secondary-color);
}

.navbar li:hover > a .drop-down-icon {
    fill: var(--theme-secondary-color);
}

.header-scrolled .navbar a .drop-down-icon, .header-scrolled .navbar a:focus .drop-down-icon {
    fill: var(--theme-secondary-color);
}

/*.navbar a:hover .drop-down-icon, .navbar a:focus .drop-down-icon {*/
/*    fill: var(--theme-primary-color);*/
/*}*/

.navbar a i,
.navbar a:focus i {
    font-size: 12px;
    line-height: 0;
    margin-left: 5px;
}

/*.navbar > ul > li.dropdown i.bi.bi-chevron-down {*/
/*    display: none;*/
/*}*/

.navbar a:hover,
.navbar .active,
.navbar .active:focus,
.navbar li:hover > a {
    color: var(--theme-secondary-color);
}

.navbar .dropdown ul {
    display: none;
    position: absolute;
    /*left: 0px;*/
    top: calc(100% + 30px);
    padding: 10px 0;
    z-index: 103;
    opacity: 0;
    /*visibility: hidden;*/
    margin: 0;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 0;
    border-radius: 0.75rem;
    -webkit-box-shadow: 0 8px 20px rgba(32, 54, 86, .2);
    -moz-box-shadow: 0 8px 20px rgba(32, 54, 86, .2);
    box-shadow: 0 8px 20px rgba(32, 54, 86, .2);
    transition: 0.3s;
    border-bottom: 3px solid var(--theme-primary-color);
}

@keyframes growOut {
    0% {
        transform: scale(0)
    }

    80% {
        transform: scale(1.1)
    }

    100% {
        transform: scale(1)
    }
}

.navbar .dropdown ul:before {
    right: auto;
    font-size: 33px;
    color: #fff;
    transition: top 0.35s ease;
    content: "";
    display: block;
    height: 0;
    width: 0 !important;
    position: absolute;
    top: -10px;
    left: 10%;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #fff;
}

.navbar .dropdown ul li {
    /* min-width: 200px; */
    padding: 0px;
    margin: 0px;
    position: relative;
}

/*.navbar .dropdown ul li:after {*/
/*    content: "";*/
/*    background: #ebebeb;*/
/*    background: -webkit-linear-gradient(right, #ebebeb 0%, transparent 100%);*/
/*    background: linear-gradient(to right, #ebebeb 0%, transparent 100%);*/
/*    display: block;*/
/*    height: 1px;*/
/*    width: 100%;*/
/*}*/

.navbar .dropdown ul li:last-child {
    margin-bottom: 0px;
}

.navbar .dropdown ul li:last-child:after {
    height: 0px;
}

.navbar .dropdown ul a {
    transition: 0.3s;
    position: relative;
    border-left: 5px solid var(--white);
    display: flex;
    width: 100%;
    padding: 4px 20px;
    clear: both;
    font-weight: 600;
    font-size: 16px;
    color: #183B56;
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    letter-spacing: 0px;
}

.navbar .dropdown ul a i {
    font-size: 12px;
    display: none;
}

.navbar .dropdown ul a:hover, .navbar .dropdown ul .active:hover, .navbar .dropdown ul li:hover > a {
    color: var(--white);
    background: #183B56;
}

.navbar .dropdown:hover > ul {
    opacity: 1;
    top: 100%;
    /*visibility: visible;*/
    display: block;
    animation: growOut .3s ease-in-out forwards;
    transform-origin: top center;
}

.navbar .dropdown .dropdown ul {
    top: 0;
    left: calc(100% - 30px);
    animation: growOut .3s ease-in-out forwards;
    transform-origin: top center;
    /*visibility: hidden;*/
    display: none;
}

.navbar .dropdown .dropdown:hover > ul {
    opacity: 1;
    top: 1px;
    left: 100%;
    /*visibility: visible;*/
    display: block;
}

.navbar .dropdown .dropdown:hover > ul:before {
    right: auto;
    font-size: 26px;
    color: #fff;
    transition: top 0.35s ease;
    content: "";
    display: block;
    height: 0;
    width: 0 !important;
    position: absolute;
    top: 12px;
    left: -5%;
    transform: rotate(270deg);
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 10px solid #fff;
}

.header-scrolled .navbar a {
    color: #000000;
}

.new-badge {
    font-size: 7px !important;
    position: absolute;
    top: -1px;
    right: 11px;
    padding: 2px 5px !important;
    animation: color-change 2.3s infinite;
}

@keyframes color-change {
    0% {
        background: #ffdf00;
        color: #000;
    }
    50% {
        background: blue;
        color: #fff;
    }
    100% {
        background: #ffdf00;
        color: #000;
    }
}

@media (max-width: 1366px) {
    .navbar .dropdown .dropdown ul {
        left: -90%;
    }

    .navbar .dropdown .dropdown:hover > ul {
        left: auto;
    }
}

/**
* Mobile Navigation
*/
.menu-btn-logo #menu_btn_close {
    display: none;
}

.menu-btn-logo.navbar-mobile.menu-active #menu_btn_list {
    display: none;
}

.menu-btn-logo.navbar-mobile.menu-active #menu_btn_close {
    display: block;
}

.mobile-nav-toggle, .mobile-nav-toggle2 {
    color: var(--dark);
    font-size: 25px;
    cursor: pointer;
    display: none;
    line-height: 0;
    transition: 0.5s;
}

.header-scrolled .mobile-nav-toggle,
.inner-header .mobile-nav-toggle,
.header-scrolled .mobile-nav-toggle2,
.inner-header .mobile-nav-toggle2 {
    color: var(--dark);
}

.contact-btn {
    display: none !important;
}

.menu-btn-logo .mobile-nav-toggle {
    display: none;
}

@media (max-width: 991px) {
    #header.header-scrolled, #header.header-inner-pages {
        background: var(--white);
        box-shadow: 0px 1px 4px rgb(30 29 29 / 28%);
    }


    #header {
        background: #ecf7fb;
    }

    #header .logo {
        width: 150px;
    }

    .header-menu-box {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        z-index: 1030;
    }

    .menu-btn-logo .mobile-nav-toggle {
        display: block;
    }

    .navbar ul {
        display: none;
    }

    .navbar > ul > li {
        border-right: none;
    }

    .get-started-btn.scrollto {
        display: none;
    }

    .contact-btn {
        display: block !important;
    }

    .navbar.navbar-mobile .drop-down-icon, .navbar a:focus .drop-down-icon {
        fill: #fe386a;
    }
}

.navbar-mobile {
    backdrop-filter: blur(4px);
    background: rgb(219 219 219 / 0%);
    position: fixed;
    overflow: hidden;
    top: 0;
    height: 100vh;
    right: 0;
    left: 0;
    bottom: 0;
    transition: 0.3s;
    z-index: 999;
}

.navbar-mobile .mobile-nav-toggle, .navbar-mobile .mobile-nav-toggle2 {
    position: absolute;
    top: 15px;
    right: 12px;
    /* background: var(--theme-primary-color); */
    font-size: 20px;
    color: var(--dark);
    border-radius: 5px;
}

.navbar-mobile ul {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 85%;
    max-height: 100vh;
    bottom: 0px;
    right: 0px;
    padding: 10px 0;
    overflow-y: auto;
    transition: 0.3s;
    background: rgb(233 233 233 / 86%);
    backdrop-filter: blur(4px);
}

.navbar-mobile .dropdown ul:before {
    display: none;
}

@keyframes scaleY {
    0% {
        opacity: 0;
        transform: scaleY(0);
    }

    80% {
        transform: scaleY(1.07);
    }

    100% {
        opacity: 1;
        transform: scaleY(1);
    }
}

.navbar-mobile > ul > li {
    padding: 0;
    margin: 0px 20px;
}

.navbar-mobile a, .navbar-mobile a:focus {
    padding: 7px;
    font-size: 14px;
    color: #183B56;
    margin: 4px;
    font-weight: 600;
}

.navbar-mobile a:hover:before,
.navbar-mobile li:hover > a:before,
.navbar-mobile .active:before {
    visibility: hidden;
}

.navbar-mobile a:hover, .navbar-mobile .active, .navbar-mobile li:hover > a {
    color: #404C99;
}

.navbar-mobile .getstarted,
.navbar-mobile .getstarted:focus {
    margin: 15px;
}

.navbar-mobile .dropdown ul {
    position: static;
    display: none;
    margin: 10px 10px;
    width: 90%;
    padding: 10px 0;
    z-index: 99;
    opacity: 1;
    visibility: visible;
    background: #fff;
    box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
}

.navbar-mobile .dropdown ul li {
    min-width: 200px;
}

.navbar-mobile .dropdown ul a {
    padding: 5px 20px;
    margin: 0;
}

.navbar-mobile .dropdown ul a i {
    font-size: 12px;
}

.navbar-mobile .dropdown ul a:hover, .navbar-mobile .dropdown ul .active:hover, .navbar-mobile .dropdown ul li:hover > a {
    color: #ffffff;
}

.navbar-mobile .dropdown > .dropdown-active {
    display: block;
    visibility: visible !important;
}


.get-started-btn {
    text-transform: uppercase;
    padding: 7px 14px !important;
    color: black !important;
    box-shadow: 0px 5px 5px 0px #b9b9b9;
    overflow: hidden !important;
    background: linear-gradient(to bottom, #ffffff, #e3e0e0) padding-box, linear-gradient(to right, #723FFE, #ED75DA) border-box;
    border-radius: 50px;
    border: 2px solid transparent;
    z-index: 3;
}

.get-started-btn:hover {
    background: #183B56 !important;
    color: var(--white) !important;
    box-shadow: none;
}

.header-scrolled .get-started-btn:hover {
    background: #183B56 !important;
    color: var(--white) !important;
    box-shadow: none;
}

.btn.disabled, .btn:disabled, fieldset:disabled .btn {
    border-color: transparent !important;
    opacity: 0.2 !important;
}

.free-search-btn-box-top {
    background: linear-gradient(45deg, #614CE1 13.72%, #D3CCFF 100%);
    color: #fff;
    border-radius: 9px;
    padding: 6px 10px;
    font-weight: 600;
    font-size: 14px;
}

.free-search-btn-box-top:hover {
    background: linear-gradient(48deg, #d636a3 5.29%, #f8bfff 100%);
}

.container {
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
}

/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
#hero {
    background: var(--white);
    overflow: hidden;
    width: 100%;
    /* height: 100vh; */
    position: relative;
    z-index: 99;
    transition: 0.3s;
}

#hero:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    right: 0px;
    top: 0px;
    z-index: -2;
    background: #ECF7FB;
}

.home-new-hero-box .banner-2-shape .sp-1 {
    width: 30px;
    height: 30px;
    left: auto;
    right: 70px;
    bottom: 230px;
    background: linear-gradient(48deg, #d636a3 5.29%, #f8bfff 100%);
    border-radius: 50%;
    position: absolute;
    content: "";
    z-index: 0;
}

.home-new-hero-box .banner-2-shape .sp-2 {
    width: 35px;
    height: 35px;
    left: 130px;
    top: 270px;
    background: linear-gradient(45deg, #614CE1 13.72%, #D3CCFF 100%);
    border-radius: 50%;
    position: absolute;
    content: "";
    z-index: 0;
}

.home-new-hero-box .banner-2-shape .sp-3 {
    width: 30px;
    height: 30px;
    left: 190px;
    top: 140px;
    background: linear-gradient(48deg, #d636a3 5.29%, #f8bfff 100%);
    border-radius: 50%;
    position: absolute;
    content: "";
    z-index: 0;
}

.home-new-hero-box .banner-2-shape .sp-4 {
    width: 60px;
    height: 60px;
    left: auto;
    right: -30px;
    bottom: 120px;
    background: linear-gradient(45deg, #614CE1 13.72%, #D3CCFF 100%);
    border-radius: 50%;
    position: absolute;
    content: "";
    z-index: 0;
}

.home-new-hero-box .banner-2-shape .sp-5 {
    width: 15px;
    height: 15px;
    left: 210px;
    bottom: 100px;
    background: linear-gradient(48deg, #d636a3 5.29%, #f8bfff 100%);
    border-radius: 50%;
    position: absolute;
    content: "";
    z-index: 0;
}

#hero h1 span {
    color: var(--theme-primary-color);
}

#hero h1 .text-carousel {
    display: inline-block;
    vertical-align: top;
    margin: 0;
}

#hero .animated {
    animation: up-down 2s ease-in-out infinite alternate-reverse both;
}


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

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

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

@media (min-width: 1024px) {
    #hero {
        background-attachment: fixed;
    }
}

/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
section {
    padding: 30px 0;
    overflow: hidden;
}

.section-bg {
    background-color: #f5f5ff;
}

.heading-box h2 {
    margin-bottom: 10px;
}

/*--------------------------------------------------------------
# Features 8 box Start
--------------------------------------------------------------*/


/*Start*/
#section-three {
    background: #ECF7FB;
    z-index: 99;
}

#section-five {
    background: #ECF7FB;
    z-index: 99;
}

.section-four .feature-item {
    background: #fff;
    padding: 25px;
    border-radius: 24px;
    margin: 10px;
    box-shadow: 0px 3px 0px 0px rgb(0 0 0 / 10%);
    position: relative;
    z-index: 993;
    overflow: hidden;
}

.kg-imit {
    position: absolute;
    width: 60px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: red;
    padding: 10px;
    color: #fff;
    font-size: 17px;
    top: 21px;
    right: -7px;
    border-radius: 5px;
}

.section-four .feature-item h3 {
    font-size: 17px;
}

.section-four .feature-item:hover {
    box-shadow: 0px 3px 0px 0px rgb(212 51 112);
}

span.text-grad-change {
    background: #404C99;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#section-seven {
    background: #ECF7FB;
    z-index: 99;
}

.section-seven-dot {
    z-index: 0;
    background: #404C99;
    width: 15px;
    height: 15px;
    right: -3px;
    border-radius: 100px;
    top: -3px;
}

.contact-form-entry-name {
    font-size: 16px;
    line-height: 1.8em;
    font-weight: 400;
    color: #183B56;
}

.contact-over-box .card .card-body {
    padding: 33px;
}

/*Start*/
#section-eight {
    background: #ffffff;
    z-index: 99;
}


.testimonial-item .quote-icon-left {
    left: 0px;
    position: absolute;
    top: -20px;
    font-size: 100px;
    z-index: 0;
}

.testimonial-item .quote-icon-right {
    display: inline-block;
    position: absolute;
    bottom: 10px;
    right: 50px;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.testimonial-item {
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="350" height="400" viewBox="0 0 394 445" fill="none"><path d="M343 1H51C23.3858 1 1 23.3858 1 51V394C1 421.614 23.3858 444 51 444H253.612C265.921 444 277.798 439.46 286.967 431.248L376.355 351.203C386.947 341.719 393 328.173 393 313.955V51C393 23.3858 370.614 1 343 1Z" fill="white" stroke="url(%23paint0_linear_1028_60)" stroke-width="2"/><circle opacity="0.4" cx="349.5" cy="53.5" r="27.5" fill="url(%23paint1_linear_1028_60)"/><circle cx="349.5" cy="53.5" r="23.5" fill="url(%23paint2_linear_1028_60)"/><path d="M338.057 50.9356C338.201 50.4919 338.597 50.1768 339.064 50.1348L345.414 49.5605L347.925 43.7067C348.11 43.2777 348.531 43 349 43C349.468 43 349.89 43.2777 350.075 43.7077L352.586 49.5605L358.937 50.1348C359.403 50.1778 359.798 50.4919 359.942 50.9356C360.087 51.3794 359.954 51.8661 359.601 52.1729L354.801 56.3656L356.216 62.5755C356.32 63.0321 356.142 63.5041 355.761 63.778C355.557 63.9251 355.318 64 355.077 64C354.869 64 354.662 63.9442 354.477 63.8338L349 60.5731L343.525 63.8338C343.124 64.0739 342.619 64.052 342.239 63.778C341.859 63.5033 341.681 63.0311 341.785 62.5755L343.2 56.3656L338.4 52.1737C338.047 51.8661 337.913 51.3802 338.057 50.9356Z" fill="white"/><defs><linearGradient id="paint0_linear_1028_60" x1="21" y1="0.999989" x2="339" y2="384" gradientUnits="userSpaceOnUse"><stop stop-color="%23C8B7FB"/><stop offset="1" stop-color="%23DD8DC8"/></linearGradient><linearGradient id="paint1_linear_1028_60" x1="330.462" y1="37.4231" x2="371.5" y2="68.7308" gradientUnits="userSpaceOnUse"><stop stop-color="%23C9B5F8"/><stop offset="1" stop-color="%23DD8DC8"/></linearGradient><linearGradient id="paint2_linear_1028_60" x1="333.231" y1="39.7615" x2="368.3" y2="66.5154" gradientUnits="userSpaceOnUse"><stop stop-color="%23C9B5F8"/><stop offset="1" stop-color="%23DD8DC8"/></linearGradient></defs></svg>');
    background-size: 100%;
    padding: 20px;
    position: relative;
    overflow: visible;
    margin: 20px;
    height: 445px;
    width: 90% !important;
    transition: 0.5s;
}

.testimonial-item:before {
    position: absolute;
    content: "";
    width: 80px;
    height: 80px;
    background: linear-gradient(to right, #C9B3F7 0%, #DC8FCA 51%, #C9B3F7 100%);
    bottom: 145px;
    right: 40px;
    z-index: 0;
    border-radius: 100px;
    filter: blur(40px);
    opacity: 0;
}

.testimonial-item:hover:before {
    opacity: 1;
    transition: 0.5s;
}

.testimonial-item .testimonial-u-text {
    text-align: justify;
    margin-top: 45px;
    padding: 25px 25px 0px;
    position: relative;
    z-index: 1;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.testimonial-item .rating {
    padding-left: 20px;
}


.testimonial-h3 {
    padding-left: 22px;
    font-weight: 600;
}

.hero-client-text {
    color: #183B56;
    padding: 9px 20px;
    font-weight: 600;
    background: linear-gradient(#ffffff, #ffffff) padding-box, #0BC0EB border-box;
    border-radius: 50px;
    border: 2px solid transparent;
}

.hero-client-text svg {
    margin-left: 10px;
}

.hero-client-text-space {
    color: #727272;
}

.hero-client .avatar-group > li:not(:last-child) {
    margin-right: -0.8rem;
}

.hero-client .avatar-group > li {
    position: relative;
    list-style: none;
}

.hero-client .avatar-sm {
    height: 3.5rem;
    width: 3.5rem;
}

.hero-client .avatar-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    padding: 3px;
    background: #0BC0EB;
}

.hero-client .avatar-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.section-six-ul {
    padding: 25px;
    list-style: none;
    background: white;
    border-radius: 0px 0px 100px 0px;
}

.section-six-ul li {
    padding: 5px;
}

.section-six-border-item {
    background: #F7F7FB;
    padding: 20px;
    border-radius: 15px;
    margin: 10px;
    box-shadow: 0px 3px 0px 0px rgb(0 0 0 / 10%);
    position: relative;
    z-index: 993;
}

.svg-top-right {
    content: '';
    top: -18px;
    right: 33px;
    z-index: 0;
    width: 20px;
    height: 20px;
}

.section-six .section-six-border-item:hover {
    background: #ECF7FB;
}

.section-six .section-six-border-item:before {
    border-radius: 15px 0px 0px 0px;
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    border-top: 2px solid #404C99;
    border-left: 2px solid #404C99;
    /* z-index: -1; */
    width: 50px;
    height: 50px;
}

.section-six-full-set {
    margin-top: 60px;
}

.form-control-space {
    display: block;
    width: 100%;
    padding: 1.375rem 0.75rem;
    border: 1px solid #ffffff;
    border-radius: 20px;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.form-control:disabled {
    background-color: #ffffff;
    opacity: 0;
}

.star-rate {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
}

.single-promo {
    /*box-shadow: 3px 6px 6px 0 rgba(0, 0, 0, .06);*/
    border-radius: 1.25rem;
    overflow: hidden;
    position: relative;
    transition: all 0.5s ease-out;
    z-index: 1;
    background: var(--white);
    box-shadow: 0px 3px 15px 0px rgb(0 0 0 / 10%);
    padding: 30px;
}

.stats-item span {
    font-weight: 700;
    font-size: 30px;
    line-height: 1.4em;
    position: relative;
    background: linear-gradient(96deg, #C9B4F8 10.41%, #DD8DC8 98.15%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.stats-item .k-plus span:before {
    content: "K";
    position: absolute;
    top: -2px;
    right: -25px;
    font-size: 30px;
    background: linear-gradient(96deg, #C9B4F8 10.41%, #DD8DC8 98.15%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.stats-item .m-plus span:before {
    content: "M";
    position: absolute;
    top: -2px;
    right: -33px;
    font-size: 30px;
    background: linear-gradient(96deg, #C9B4F8 10.41%, #DD8DC8 98.15%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.section-seven .customer-testimonial-border:before {
    border-radius: 5px;
    content: "#";
    position: absolute;
    top: 15px;
    font-size: 24px;
    font-weight: 700;
    display: flex;
    color: #ffffff;
    left: 15px;
    border: 1px solid #404c99;
    /* z-index: -1; */
    width: 30px;
    height: 30px;
    background: #0bc0eb;
    align-items: center;
    justify-content: center;
}

.section-seven .customer-testimonial-border:after {
    content: "";
    position: absolute;
    bottom: -3px;
    right: -3px;
    border-right: 5px solid #404C99;
    border-bottom: 5px solid #404C99;
    z-index: -1;
    width: 30px;
    height: 30px;
    border-radius: 0px 0px 16px 0px;
}

.customer-testimonial-border {
    /* width: 100%; */
    /* height: 100%; */
    border-radius: 16px;
    position: relative;
    content: '';
    z-index: 0;
    /* top: 0px; */
    padding: 20px;
    margin: 15px;
    text-align: center;
    background: #fff;
    box-shadow: 0px 3px 4px 1px #dfdfdf;
}

.testimonial .img-select {
    width: 55px;
    height: 55px;
    margin-right: 10px;
}

.testimonial .img-select img {
    width: 100%;
    border-radius: 100%;
    object-fit: cover;
    object-position: center;
    border: 2px solid #404C99;
}

.testimonial-text-box {
    width: 97%;
    padding: 15px 10px 0;
}

.testimonial-text-box p {
    font-size: 14px;
}

/*--------------------------------------------------------------
# Number 4 box
--------------------------------------------------------------*/
.border-summary {
    /*padding: 20px;*/
    /*height: 130px;*/
    position: relative;
    /*width: 100%;*/
}

.border-summary:before {
    border-radius: 40px 0px 0px 0px;
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    border-top: 2px solid #404C99;
    border-left: 2px solid #404C99;
    /* z-index: -1; */
    width: 25px;
    height: 25px;
}

/*--------------------------------------------------------------
# Number 4 box End
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# FQA Start
--------------------------------------------------------------*/
.faq .faq-list ul, .faq .faq-list2 ul {
    padding: 0;
    list-style: none;
    margin: auto;
}

.faq .faq-list li, .faq .faq-list2 li {
    /*padding: 0px 0 6px;*/
    background: #ffffff;
    position: relative;
    border-radius: 10px;
    margin-bottom: 20px;
    border: 1px solid #BFBABA;
}

.faq .faq-list h3, .faq .faq-list2 h3 {
    background: #404C99 !important;
    display: block;
    position: relative;
    padding: 20px 41px 15px 20px;
    border-radius: 10px 10px 0px 0px;
    outline: none;
    cursor: pointer;
    margin-top: 0px;
    color: white;
}

.faq .faq-list h3.collapsed, .faq .faq-list2 h3.collapsed {
    background: #fff !important;
    color: var(--heading-text-color);
}

.faq-image {
    display: flex;
    justify-content: center;
    padding: 20px;
}

.faq-image .img-fluid {
    max-width: 75%;
    height: auto;
}

.faq .faq-list p, .faq .faq-list2 p {
    margin-bottom: 0;
    padding: 10px 40px 40px 40px;
    color: #183B56;
}

.faq .faq-list h3.collapsed .icon-show, .faq .faq-list2 h3.collapsed .icon-show {
    display: inline-block;
}

.faq .faq-list .icon-show, .faq .faq-list2 .icon-show {
    display: none;
}

.faq .faq-list .icon-show, .faq .faq-list .icon-close, .faq .faq-list2 .icon-show, .faq .faq-list2 .icon-close {
    font-size: 24px;
    position: absolute;
    right: -15px;
    top: 14px;
    margin-right: 25px;
}

.faq .faq-list h3.collapsed .icon-close, .faq .faq-list2 h3.collapsed .icon-close {
    display: none;
}

/*--------------------------------------------------------------
# FQA   box  End
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# footer box Start
--------------------------------------------------------------*/
.footer-top {
    padding: 50px 50px 5px 50px;
    background: var(--theme-secondary-color);
}

.footer-links ul li {
    display: block;
    margin-bottom: 10px;
    color: #ffffff;
    font-size: 14px;
}

.footer-title {
    position: relative;
    font-weight: 700;
    font-size: 20px;
    color: var(--white) !important;
}

.footer-links ul {
    vertical-align: text-top;
    list-style: none;
    padding: 0;
    margin: auto;
    display: flex;
    justify-content: space-between;
}

.footer-svg-text p {
    bottom: 48px;
    left: 48px;
}

.footer-links ul li a {
    font-size: 14px;
    transition: 0.5s;
    color: var(--white);
}

.footer-links ul li a:hover {
    color: #ffffff;
    font-weight: 600;
}

.footer-bottom {
    border-radius: 40px 40px 0px 0px;
    width: 100%;
    bottom: -11em;
    left: 0px;
    right: 0px;
    padding-top: 15px;
    overflow: hidden;
}

.footer-help-links ul li {
    display: inline-block;
    border-right: 1px solid #e3e0e0;
    padding-right: 20px;
    margin: 8px 8px 8px 0px;
}

.footer-help-links ul li:last-child {
    border-right: none;
}

.footer-help-links ul li a {
    color: #fff;
    font-size: 14px;
}

.footer-help-links ul li a:hover {
    color: #0bc0eb;
}

.footer-bottom .shape1 {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="113" height="109" viewBox="0 0 113 109" fill="none"><path d="M111.336 1.96951C100.14 4.24388 81.3709 8.71396 79.5579 23.3626C78.6767 30.4822 77.0516 35.8836 81.9076 41.8452C91.7812 53.9667 107.468 34.2609 98.9445 22.932C81.8696 0.237335 50.3172 4.1094 39.0018 28.8304C33.7681 40.2646 34.4076 53.8622 41.3403 64.5048C44.5973 69.5048 51.5418 74.9737 57.0797 68.9496C69.4037 55.5436 54.8335 35.4609 38.2763 36.4216C11.6207 37.9683 3.33155 71.4499 13.0148 92.0086C13.0716 92.1293 20.8784 107.076 22.1278 104.456C24.596 99.2787 20.4738 81.6455 20.1047 87.369C19.7392 93.0388 23.3268 97.2633 24.8883 102.134C25.6141 104.398 5.29268 106.626 1.55293 107.379" stroke="%231C1C1C" stroke-width="3" stroke-linecap="round"/></svg>');
    width: 70px;
    height: 70px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    right: 0px;
    top: 40px;
    z-index: 0;
    position: absolute;
    opacity: 0.1;
}

.footer-bottom .shape2 {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="200" height="65" viewBox="0 0 264 106" fill="none"><path d="M2 103.802C44.2543 90.6472 89.5384 70.559 111.922 29.7424C115.412 23.3776 121.453 6.91519 111.285 3.00471C102.363 -0.427052 86.0703 5.41743 81.2584 13.1905C68.7344 33.4216 59.146 63.1093 89.7465 72.2894C123.059 82.2831 167.561 74.2102 200.623 65.6049C216.66 61.431 235.637 55.139 249.855 46.5065C259.293 40.776 250.08 42.6869 243.064 42.6869C233.085 42.6869 210.043 42.6869 232.136 42.6869C241.112 42.6869 250.926 41.2744 258.979 38.9734C267.59 36.5132 254.541 46.6439 253.25 48.5225C249.178 54.445 244.55 64.0219 244.55 71.3344" stroke="%231C1C1C" stroke-width="3" stroke-linecap="round"/></svg>');
    width: 140px;
    height: 45px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    left: -20px;
    bottom: 50px;
    z-index: 0;
    position: absolute;
    opacity: 0.1;
}

.footer-media-logo {
    width: 75%;
}

.authorized {
    padding: 10px;
    width: 68%;
    margin: auto;
    clip-path: polygon(3% 0%, 97% 0%, 100% 100%, 0% 100%);
    border-radius: 0;
    background: linear-gradient(180deg, #CAB0F3 0%, #DA92CE 100%);
}

/*--------------------------------------------------------------
# footer box End
--------------------------------------------------------------*/
.plugin-rating.rating i {
    color: #FF9800;
    font-size: 20px;
}

.g-recaptcha {
    transform: scale(.70);
    -webkit-transform: scale(.70);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    transform: translate(0px, 10px) scale(0.70);
}

.image-first-section {
    right: 2em;
    top: -7em;
}

.heading-box svg {
    top: -17px;
    left: -32px;
    position: absolute;
    z-index: 0;
}


/*star rating*/
.star-rate svg {
    animation: stars-animation 2.5s ease both;
    animation-iteration-count: infinite;
}

.star-rate .page-star1 {
    animation-delay: 0s;
}

.star-rate .page-star2 {
    animation-delay: .2s;
}

.star-rate .page-star3 {
    animation-delay: .4s;
}

.star-rate .page-star4 {
    animation-delay: .6s;
}

.star-rate .page-star5 {
    animation-delay: .8s;
}

@keyframes stars-animation {
    0% {
        scale: 0
    }

    10% {
        scale: 1.2
    }

    15% {
        scale: 1
    }
}

/**/

.why-choose-box .choose-list .choose-item {
    padding: 35px;
    border-radius: 25px;
    box-shadow: rgb(0 0 0/10%) 0 1px 3px 0, rgb(0 0 0/6%) 0 1px 2px 0;
    overflow: hidden;
    background: var(--white)
}

.why-choose-box .choose-list .choose-item .choose-pattern {
    position: absolute;
    right: -20px;
    bottom: -20px;
    width: 55px;
    height: 109px;
    background-repeat: no-repeat;
    opacity: 0;
    transition: all 500ms ease;
    transform: rotate(88deg);
}

.why-choose-box .choose-list .choose-item:hover .choose-pattern {
    right: -28px;
    bottom: -37px;
    opacity: 1;
}


.new-testimonial-our-box {
    width: calc(10 * 400px);
    animation: marquee 25s linear infinite;
}

.new-testimonial-item {
    width: 400px;
    height: 100%;
    background: #fff;
    padding: 35px;
    text-align: left;
    margin-right: 20px;
    margin-bottom: 20px;
    /* box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1); */
    overflow: hidden;
    border-radius: 8px;
    /* color: #fff; */
    /*border: 1px solid #cfcaca;*/
}

.trustpilot-text, .trustpilot-name {
    font-weight: 700;
}

@keyframes marquee {
    0% {
        transform: translateX(-8%)
    }

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