/*** Global CSS ****/
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');
:root{
    --primary-color: #53389E;
    --secondary-color: #6941C6;
    --third-color: #7F56D9;
    --text-color: #475467;
    --dark-text: #344054;
    --title-color: #101828;
    --light-color: #F9FAFB;
    --dark-color: #101828;
    --white: #ffffff;
    --default-box-shadow: 0px 1px 2px 0px #1018280D;
    --primary-fonts: "Inter", sans-serif;
    --section-gaps: 96px;
    --section-sm-gaps: 64px;
    --spacing-sm: 64px;
    --spacing-mobile: 48px;
    --radius: 8px;
    --radius-2x: 16px;
    --fs-1: 36px;
    --fs-2: 24px;
    --fs-3: 20px;
    --default-transition: all 0.3s ease;
}
body{
    color: var(--text-color);
    line-height: 1.5;
    font-family: var(--primary-fonts);
}
body,html{
    overflow-x: clip;
}
.container{
    max-width: 1248px;
    padding: 0 16px;
}
iframe,
video,
img{
    max-width: 100%;
    height: auto;
}
a,strong,span{
    display: inline-block;
}
a{
    color: inherit;
    text-decoration: none;
    text-underline-offset: 3px;
}
h1,h2,h3,h4,h5,h6{
    color: var(--title-color);
    line-height: 1.2;
    font-weight: 600;
}
.section-gaps{
    padding: var(--section-gaps) 0;
}
.row.custom-gap{
    --bs-gutter-x: 34px;
    --bs-gutter-y: 48px;
}
.row.custom-gap-32-48{
    --bs-gutter-x: 32px;
    --bs-gutter-y: 48px;
}
.row.custom-gap-32{
    --bs-gutter-x: 32px;
    --bs-gutter-y: 32px;
}
.row.custom-gap-xl{
    --bs-gutter-x: 64px;
    --bs-gutter-y: 48px;
}
.row.custom-gap-y-48{
    --bs-gutter-y: 48px;
}
.white{
    color: var(--white) !important;
}
.yellow{
    color: #FDB022 !important;
}
.pt-32{
    padding-top: 32px;
}
.pb-48{
    padding-bottom: 48px;
}
.mb-32{
    margin-bottom: 32px;
}
.py-48{
    padding-top: 48px;
    padding-bottom: 48px;
}
.pe-32{
    padding-right: 32px;
}
.pb-32{
    padding-bottom: 32px !important;
}
.max-320{
    max-width: 320px;
}
.border-top-1{
    border-top: 1px solid #EAECF0;
}
.gap-32{
    gap: 32px;
}
.row-gap-64{
    row-gap: var(--spacing-sm);
}
/*** Global CSS ****/
/*Default CSS*/
.mt-default{
    margin-top: var(--spacing-sm);
}
button.primary-btn,
a.primary-btn{
    background-color: var(--third-color);
    color: var(--white);
    padding: 12px 20px;
    font-size: 16px;
    font-weight: 600;
    border-radius: var(--radius);
    box-shadow: var(--default-box-shadow);
    border: 1px solid var(--third-color);
}
button.primary-btn.transparent-bg,
a.primary-btn.transparent-bg{
    background-color: transparent;
    border-color:#D0D5DD;
    color: var(--dark-text);
}
a.primary-btn.full-transparent{
    background-color: transparent;
    border-color:transparent;
    color: var(--dark-text);
    box-shadow: none;
}
.two-buttons{
    display: flex;
    gap: 12px;
}
/*End Default CSS1*/
/* font-size */
.fs-1 {
    font-size: var(--fs-1);
    line-height: 44px;
}
.fs-2 {
    font-size: var(--fs-2);
    line-height: 30px;
}
.fs-3 {
    font-size: var(--fs-3);
    line-height: 28px;
}
/* font-size */
.sub-menu,
ul.contact-list,
.primary-menu,
.list-none {
    list-style: none;
    margin: 0;
    padding: 0;
}
.img-cover {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/* Color ,gaps and other css */
.primary-bg {
    background-color: var(--primary-color);
}
.secondary-bg {
    background-color: var(--secondary-color);
}
.light-bg{
    background-color: var(--light-color);
}
.primary-color{
    color: var(--primary-color);
}
.secondary-color{
    color: var(--secondary-color);
}
.third-color{
    color: var(--third-color);
}
.section-gaps {
    padding: var(--section-gaps) 0;
}
/* End Color ,gaps and other css */
/* title */
.section-title .main-title.center{
    text-align: center;
}
.section-title{
    padding-bottom: 64px;
}
.section-title .main-title{
    max-width: 768px;
}
.section-title .main-title .title{
    font-size: 36px;
    line-height: 44px;
    color: var(--dark-color);
    font-weight: 600;
    margin-bottom: 20px;
}
.section-title .main-title .sub-title{
    font-size: 16px;
    line-height: 24px;
    color: var(--secondary-color);
    font-weight: 600;
    margin-bottom: 12px;
}
.section-title .main-title .sub-title.button-style{
    background-color: #F9F5FF;
    border: 1px solid  #E9D7FE;
    display: inline-block;
    padding: 4px 12px;
    border-radius: 50px;
}
.section-title .main-title .sub-title.button-style.transparent{
    background-color: transparent;
    border-color: #D0D5DD;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    border-radius: 10px;
    padding: 4px;
}
.section-title .main-title .sub-title .batch{
    border: 1px solid #D0D5DD;
    border-radius: 5px;
    font-size: 14px;
    line-height: 20px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 0 5px;
}
.section-title .main-title .sub-title .batch.dark-text{
    color: var(--dark-text);
}
.section-title .main-title .sub-title .batch.before::before{
    content: '';
    --size: 8px;
    height: var(--size);
    width: var(--size);
    border-radius: 50%;
    position: relative;
    display: inline-block;
    z-index: 1;
    background-color: #9E77ED;
}
.section-title .main-title .sub-title .batch.before.border:before{
    border: 3px solid #F4EBFF;
}
.section-title .main-title p{
    color: var(--text-color);
    margin-bottom: 0;
    font-size: 20px;
    line-height: 30px;
}
.section-title .main-title .txt.small{
    font-size: 18px;
    line-height: 28px;
}
.section-title .main-title p a{
    text-decoration: underline;
}
.section-title .main-title .learn-more-link{
    font-size: 14px;
    line-height: 20px;
}
/* title */
.btn-wrap{
    display: flex;
    gap: 12px;
}
.btn-wrap.end{
    justify-content: end;
}
.btn-wrap.center{
    justify-content: center;
}
.btn-box{
    padding: 12px 18px;
    border-radius: 8px;
    border: 1px solid;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
}
.btn-box.transparent{
    background-color: #fff;
    border-color: #D0D5DD;
    color: #344054;
}
.btn-box.third{
    background-color: var(--third-color);
    border-color: var(--third-color);
    color: var(--white);
}
.btn-box .btn-icon{
    margin-right: 6px;
}
.primary-bg .btn-box.transparent{
    background-color: var(--white);
}
.custom-gap{
    margin-left: -16px;
    margin-right: -16px;
    /* margin-top: -48px; */
}
.custom-gap > *{
    padding-left: 16px;
    padding-right: 16px;
    /* margin-top: 48px; */
}
.img-contain{
    object-fit: contain;
    height: 100%;
    width: auto;
}
.learn-more-link{
    display: inline-flex;
    gap: 8px;
    color: var(--secondary-color);
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    align-items: center;
}
.learn-more-link .btn-icon{
    --size: 20px;
    height: var(--size);
    width: var(--size);
    display: grid;
    place-content: center;
}
.learn-more-link .btn-icon svg{
    --size: 11px;
    height: var(--size);
    width: var(--size);
}
.learn-more-link.dark-text{
    color: var(--dark-text);
}
.learn-more-link.dark-text .btn-icon svg path{
    stroke: var(--dark-text);
}
.section-title .icon{
    --size: 56px;
    height: var(--size);
    width: var(--size);
    display: grid;
    place-content: center;
    background-color: #F4EBFF;
    border-radius: 50%;
    margin-bottom: 20px;
}
.section-title .icon svg, .section-title .icon img{
    --size: 28px;
    height: var(--size);
    width: var(--size);
}
.primary-bg .section-title .main-title .txt,
.primary-bg .section-title .main-title .sub-title,
.primary-bg .section-title .main-title .title{
    color: var(--white);
}
.primary-bg .section-title .icon {
    border-radius: 10px;
    background-color: var(--third-color);
}
.primary-bg .section-title .icon svg path{
    stroke: var(--white);
}
/*Catagory Button Type 1*/
.cata-type-1{
    display: inline-block;
    position: relative;
    padding: 2px 10px 2px 22px;
    font-size: 14px;
    line-height: 20px;
    border-radius: 50px;
    font-weight: 500;
    color: var(--text-color);
    background-color: var(--bg-color);
    border: 1px solid var(--border-color);
}
.cata-type-1::before{
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: var(--dot-color);
    left: 9px;
    top: 9px;
}
/*Input Field*/
.form-input{
    border: 1px solid #D0D5DD;
    border-radius: var(--radius);
    background-color: var(--white);
    padding: 12px 14px;
    box-shadow: var(--default-box-shadow);
    width: 100%;
}
.form-input.submit{
    padding: 12px 18px;
    font-size: 16px;
    line-height: 24px;
    background-color: var(--third-color);
    border-color: var(--third-color);
    color: var(--white);
}
/* splide arrow */
.splide__arrows{
    display: flex;
    gap: 32px;
    margin-top: 32px;
}
.splide__arrow{
    position: static;
    --size: 56px;
    height: var(--size);
    width: var(--size);
    border: 1px solid #EAECF0;
    background-color: transparent;
    opacity: 1;
    transform: unset;
}
.splide__arrow svg{
    --size: 20px;
    height: var(--size);
    width: var(--size);
    flex: 0 0 var(--size);
}
/* splide arrow */
/*Responsive css*/
@media screen and (max-width: 1024px) {
    :root{
        --section-gaps: 65px;
    }
    .section-title{
        padding-bottom: 48px;
    }
    .section-title .main-title .title{
        font-size: 26px;
        line-height: 35px;
        margin-bottom: 16px;
    }
    .section-title .main-title .txt{
        font-size: 18px;
        line-height: 28px;
    }
    .splide__arrow{
        --size: 48px;
    }

    .section-title .icon{
        --size: 48px;
    }
    .section-title .icon svg, .section-title .icon img{
        --size: 24px;
    }
}
@media screen and (max-width: 991px) {
    .section-title{
        gap: 32px;
    }
    .section-title .btn-wrap.end{
        justify-content: start;
    }
}
@media screen and (max-width: 575px) {
    .container{
        padding: 0 16px;
    }
    .btn-wrap{
        flex-direction: column-reverse;
        text-align: center;
    }
    .btn-wrap .btn-box{
        text-align: center;
    }
    .section-title .main-title .title{
        font-size: 30px;
        line-height: 38px;
        margin-bottom: 16px;
    }
    .row.custom-gap-xl{
        --bs-gutter-x: 34px;
    }
    .two-buttons{
        flex-direction: column-reverse;
    }
    .two-buttons a{
        width: 100%;
        text-align: center;
    }
    .mt-default{
        margin-top: var(--spacing-mobile);
    }
    .section-title .main-title .learn-more-link,
    .section-title .main-title .sub-title .batch{
        font-size: 12px;
        line-height: 18px;
    }
    .form-wrap{
        flex-direction: column;
    }
    .form-group{
        width: 100%;
    }
    .form-input.submit{
        width: 100%;
    }
    .row-gap-64{
        row-gap: var(--spacing-mobile);
    }
}
/* Header */
body.nav-active{
    overflow: hidden;
}
.top-header {
    padding: 14px 0;
}
.top-header .row {
    --bs-gutter-x: 32px;
}
.primary-menu {
    display: flex;
    align-items: center;
    column-gap: 32px;
}
.primary-menu>li {
    padding: 16px 0;
}
.primary-menu>li>a {
    font-size: 16px;
    font-weight: 600;
}
.primary-menu>li.menu-item-has-children>a {
    display: inline-flex;
    gap: 8px;
}
.primary-menu>li.menu-item-has-children>a .dropdown-btn {
    transition: var(--default-transition);
}
li.menu-item-has-children {
    position: relative;
}
ul.sub-menu {
    position: absolute;
    min-width: 338px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.3s linear, visibility 0.3s linear;
    left: 50%;
    transform: translateX(-50%);
    top: 100%;
    border: 1px solid #EAECF0;
    box-shadow: 0px 4px 6px -2px #10182808, 0px 12px 16px -4px #10182814;
    border-radius: var(--radius-2x);
    overflow: clip;
    z-index: 10;
}
ul.sub-menu .menu-img img{
    width: 20px;
    height: 20px;
    object-fit: contain;
}
ul.sub-menu li a {
    padding: 14px 24px;
    width: 100%;
    background-color: var(--white);
}
ul.sub-menu li:first-child a{
    padding-top: 24px;
}
ul.sub-menu li:last-child a{
    padding-bottom: 24px;
}
/*ul.sub-menu li:last-child a {*/
/*    padding: 28px 0;*/
/*    display: inline-flex;*/
/*    gap: 8px;*/
/*    background-color: var(--light-color);*/
/*    justify-content: center;*/
/*    color: var(--secondary-color);*/
/*    font-weight: 600;*/
/*}*/
.sub-menu-item {
    display: flex;
    gap: 16px;
}
.sub-menu-item .icon svg {
    width: 24px;
    height: 24px;
}
.sub-menu-item h3 {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 4px;
}
.sub-menu-item p {
    font-size: 14px;
    margin: 0;
}
.header-CTA {
    display: flex;
    gap: 12px;
}
/*Responsive CSS*/
@media screen and (min-width: 992px) {
    /*Hover sub-menu*/
    .menu-item-has-children:hover>a .dropdown-btn {
        transform: scaleY(-1);
    }
    .menu-item-has-children:hover>.sub-menu {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }
    .nav-menu{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
}
@media screen and (max-width: 991px) {
    .top-header {
        padding: 16px 0;
        --height-offset: 70px;
    }
    .site-header {
        --z-index: 10;
        position: relative;
        z-index: var(--z-index);
    }
    .site-nav {
        display: flex;
        justify-content: flex-end;
    }
    .site-headr-logo,
    .hamburger {
        position: relative;
        z-index: calc(var(--z-index) + 1);
    }
    .hamburger {
        cursor: pointer;
    }
    .hamburger .icon{
        transition: opacity 0.3s ease;
    }
    .hamburger.active .icon-close,
    .hamburger .icon-hamburger{
        opacity: 1;
    }
    .hamburger.active .icon-hamburger,
    .hamburger .icon-close{
        opacity: 0;
    }
    .nav-menu {
        position: fixed;
        width: 100%;
        height: calc(100vh - var(--height-offset));
        overflow: auto;
        right: 0;
        top: var(--height-offset);
        bottom: 0;
        background-color: var(--white);
        z-index: var(--z-index);
        display: flex;
        flex-direction: column;
        transform: translateX(100%);
        transition: var(--default-transition);
    }
    .nav-active .nav-menu {
        transform: none;
    }
    .primary-menu {
        display: block;
        padding: 24px 0;
    }
    .primary-menu li {
        padding: 0;
    }
    .primary-menu li a {
        padding: 12px 16px;
        color: var(--title-color);
        width: 100%;
        justify-content: space-between;
    }
    .menu-item-has-children .sub-menu {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transition: none;
        display: none;
        position: static;
        transform: none;
        margin: 8px 16px;
    }
    ul.sub-menu li a {
        padding: 12px 16px;
    }
    .menu-item-has-children.open>a .dropdown-btn {
        transform: scaleY(-1);
    }
    .nav-menu .header-CTA {
        margin-top: auto;
        padding: 24px 16px;
        border-top: 1px solid #EAECF0;
        flex-direction: column-reverse;
        text-align: center;
    }
    .header-CTA a.primary-btn.full-transparent{
        border: 1px solid #D0D5DD;
        box-shadow: var(--default-box-shadow);
    }
    .nav-menu .mobile-active .more-links ul {
        display: flex;
        flex-wrap: wrap;
        list-style: none;
        padding: 0;
        margin: 0;
        row-gap: 12px;
    }
    .nav-menu .mobile-active .more-links ul li {
        flex: 0 0 50%;
    }
    .nav-menu .mobile-active .more-links ul li a {
        font-size: 16px;
        font-weight: 600;
    }
    .nav-menu .mobile-active .header-CTA {
        margin-top: 32px;
        flex-direction: column-reverse;
        text-align: center;
    }
}
/*End Responsive CSS*/
.top-footer{
    padding: var(--spacing-sm) 0;
}
.footer-item h3{
    font-size: 14px;
    font-weight: 600;
    color: #667085;
    margin-bottom: 16px;
}
.footer-item ul{
    padding: 0;
    margin: 0;
    list-style: none;
}
.footer-item ul li{
    margin-top: 12px;
}
.footer-item ul li a{
    font-weight: 600;
}
.site-footer span.new{
    padding: 2px 8px;
    font-size: 12px;
    font-weight: 500;
    color: #067647;
    background-color: #ECFDF3;
    border: 1px solid #ABEFC6;
    border-radius: 50px;
    margin-left: 8px;
}
.bot-footer-wrapper .row{
    row-gap: 24px;
}
.copywrite p{
    margin-bottom: 0;
}
.footer-social-icon-links{
    display: flex;
    gap: 24px;
}
.footer-form .form-wrap{
    display: flex;
    gap: 16px;
    align-items: center;
    max-width: 480px;
    /*     flex-wrap: wrap; */
}
.four-two-column-footer-links h3{
    color: var(--title-color);
}
.four-two-column-footer-links a{
    color: var(--secondary-color);
}
.four-two-column-footer-links span.new{
    border-color: var(--secondary-color);
    color: var(--secondary-color);
    background-color: transparent;
    border-width: 1.5px;
}
.footer-terms-links{
    display: flex;
    gap: 16px;
}
@media screen and (max-width: 575px) {
    .top-footer{
        padding: var(--spacing-mobile) 0;
    }
    .bot-footer-wrapper .row{
        flex-direction: column-reverse;
        row-gap: 16px;
    }
    .four-two-column-footer-links .row > div:first-child{
        order: 0;
    }
    .four-two-column-footer-links .row > div:last-child{
        order: 1;
    }
    .four-two-column-footer-links .row > div{
        order: 2;
    }
    .footer-logo.mb-32{
        margin-bottom: 24px;
    }
    .footer-logo ~ p:last-child{
        margin-bottom: 0;
    }
}