@font-face {

    font-family: 'commuters_sansextrabold';

    src: url('../fonts/fontspring-demo-commuterssans-extrabold-webfont.woff2') format('woff2'),

        url('../fonts/fontspring-demo-commuterssans-extrabold-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}

@font-face {

    font-family: 'fontspring_demo_-_commutersBd';

    src: url('../fonts/fontspring-demo-commuterssans-bold-webfont.woff2') format('woff2'),

        url('../fonts/fontspring-demo-commuterssans-bold-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}

@font-face {

    font-family: 'fontspring_demo_-_commutersRg';

    src: url('../fonts/fontspring-demo-commuterssans-regular-webfont.woff2') format('woff2'),

        url('../fonts/fontspring-demo-commuterssans-regular-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}

@font-face {

    font-family: 'proxima_novaextrabold';

    src: url('../fonts/proxima_nova_extrabold-webfont.woff2') format('woff2'),

        url('../fonts/proxima_nova_extrabold-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}

@font-face {

    font-family: 'proxima_novabold';

    src: url('../fonts/proxima_nova_bold-webfont.woff2') format('woff2'),

        url('../fonts/proxima_nova_bold-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}

@font-face {

    font-family: 'proxima_novasemibold';

    src: url('../fonts/proxima_nova_semibold-webfont.woff2') format('woff2'),

        url('../fonts/proxima_nova_semibold-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'proxima_novaregular';

    src: url('../fonts/proximanova-regular-webfont.woff2') format('woff2'),

        url('../fonts/proximanova-regular-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}

@font-face {

    font-family: 'FONTSPRING DEMO - Commuters Sans SemiBold';

    src: url('../fonts/Fontspring-DEMO-commuterssans-semibold.woff') format('woff2'),

        url('../fonts/Fontspring-DEMO-commuterssans-semibold.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}



* {

    padding: 0;

    margin: 0;

    box-sizing: border-box;

}



:root {

    --blue: #0366A1;

    --dark_blue: #0C141F;

    --heading: #222;

    --lgt-bg: #E3EEF5;

    --onest: "Onest", sans-serif;

}



body {

    display: unset;

    color: #222;

    font-family: "proxima_novaregular";

    font-size: 16px;

    font-weight: normal;

    line-height: 28.8px;

}



.site-width {

    max-width: 1440px;

    padding-left: 100px;

    padding-right: 100px;

    margin-left: auto;

    margin-right: auto;

}

.site-width1 {

    padding-left: 86px;

    padding-right: 86px;

}

.site-width2 {

    padding-left: 64px;

    padding-right: 64px;

}

.ptb60,
.dry-pd {

    padding-top: 60px;

    padding-bottom: 60px;

}

.dry-pd1 {

    padding: 75px 0;

}

.pt60 {

    padding-top: 60px;

}



.pb60 {

    padding-bottom: 60px;

}



.mt24 {

    margin-top: 24px;

}



.mt50 {

    margin-top: 50px;

}

.mt40 {

    margin-top: 40px;

}



.mt16 {

    margin-top: 16px;

}

a.brand img {
    max-width: 91px;
}

.header-btns .app-s a {
    color: #fff;
}


h2,

h3,

h4,

h5 {

    color: var(--heading);

}



h1 {

    font-size: 44px;

    line-height: 120%;

}



h2 {

    font-size: 36px;

    font-weight: 600;

    line-height: 120%;

}



h3 {

    font-size: 32px;

}



h4 {

    font-size: 24px;

}



h5 {

    font-size: 20px;

    line-height: 120%;

}

h6 {

    font-size: 18px;

    line-height: 120%;

}



a {

    text-decoration: none;

}

ul {

    list-style: none;

}

img {

    max-width: 100%;
    border-radius: 16px;

}

.flx {

    display: flex;
    justify-content: space-between;

}






.gap24 {

    gap: 24px;

}

.gap75 {

    gap: 75px;

}

.gap100 {

    align-items: center;

    gap: 100px;

}

.alit-center {

    align-items: center;

}

.flx-equ-col {

    flex: 1 50%;

}

.mx619 {

    max-width: 619px;

}

.mx529 {

    max-width: 529px;

}

.mx611 {

    max-width: 611px;

}

.mx600 {

    max-width: 600px;

}

.mx565 {

    max-width: 565px;

}

.mx579 {

    max-width: 579px;

}

span.red {

    color: #BE1E2D;

}

span.dash {

    font-family: Inter;

    line-height: normal;

    font-weight: 800;

}

.mt12 {

    margin-top: 12px;

}

.mt24 {

    margin-top: 24px;

}

.mt32 {

    margin-top: 32px;

}

.mt52 {

    margin-top: 52px;

}

a.btn-link {

    width: 100%;

    height: 100%;

    z-index: 1;

}

.global-btn {

    border-radius: 2px;
    color: #FFF;

    font-family: "fontspring_demo_-_commutersBd";

    font-size: 24px;

    line-height: normal;

    position: relative;

    display: none !important;

}

.bak-clr-BD {

    background: #FAF5FF;

}

hr.p-line {

    border: 0;

    height: 1px;

    background: #be1e2d;

}

.txw {

    color: #ffffff;

}

.bak-clr-red {

    background: #000A22;

}

.rw-gap42 {

    row-gap: 42px;

}

.col-gap52 {

    column-gap: 52px;

}

.ext-flx {

    flex-wrap: wrap;

}

.gap32 {

    gap: 32px;

}

.t-center {

    text-align: center !important;

}

.mt61 {

    margin-top: 61px;

}

.text-center {
    text-align: center;
}

.ft20 {

    font-size: 20px;

}

.red {

    color: #BE1E2D;

}

/* header */

header.header.position-sticky.sticky-top {

    position: sticky;

    top: 0;

    z-index: 9999999;

    background: #000;

}

.header-inner.flx-header {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: 8px 0;

}

/* commented by saksham
header.header .site-width,
.footer-inner .site-width {

  padding-left: 100px;

  padding-right: 100px;

} */

/* header */

/* footer */

footer.container-footer.footer.full-width {

    background: #000A22;

}

.footer-inner {

    padding: 64px 0;

}



.footer-flx {

    display: flex;

    align-items: center;

    justify-content: space-between;

}

/* footer */

/* banner */

p.txt-bol {

    /* font-family: "proxima_novabold"; */

    font-size: 28px;

}



/* banner end */

.text-con {

    border-radius: 12px;

    background: #FFF;

    padding: 32px;

}

h3.smal-head {

    font-family: "proxima_novaextrabold";

}


ul.dry-lst li {

    font-size: 16px;

    font-weight: 400;

    line-height: 26px;

    padding-left: 32px;

    position: relative;

    margin-top: 16px;

}

ul.dry-lst li:first-of-type {
    margin-top: 0;
}

ul.dry-lst li:before {

    content: "";

    background: url(../../../../../images/2k24/svg/check-circle.svg);

    position: absolute;

    width: 24px;

    height: 24px;

    background-size: contain;

    left: -5px;

    top: 8px;

}

.sm-col,
.sm-col1 {

    flex: 1 47%;

    max-width: 48%;

}

.sm-col1 {

    padding: 24px;

    border-radius: 12px;

    background: #FFFEFF;

}

.img-con {

    flex: 1 20%;

    border-radius: 60px;

    background: #000A22;

    max-width: 90px;

    width: 90px;

    height: 90px;

    display: flex;

    align-items: center;

    justify-content: center;

}

.txt-con {

    flex: 1 80%;

}

sm-col1 .txt-con p {

    font-size: 24px;

    line-height: normal;

}

.fs-col .img-con {

    max-width: 80px;

    width: 80px;

    height: 80px;

}

h4.sml-head {

    font-family: "proxima_novabold";

    line-height: normal;

}

.accordion-item {

    padding: 18px;

    border-bottom: 1px solid #222;

}

.accordion-item-header {

    font-family: "proxima_novaextrabold";

    font-size: 32px;

    line-height: normal;

    padding-right: 32px;

    position: relative;

}

.accordion-item-body {

    max-height: 0;

    overflow: hidden;

    transition: max-height 0.2s ease-out;

}

.accordion-item-body-content {

    margin: 24px 0;

    font-size: 20px;

    line-height: normal;

}

.accordion-item-header:after {

    content: "";

    background-image: url(../../../../../images/2k24/svg/faq+.svg);

    background-repeat: no-repeat;

    width: 32px;

    height: 32px;

    background-size: 100%;

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    right: 0;

}

.accordion-item-header.active:after {

    background-image: url(../../../../../images/2k24/svg/faq-.svg);

    width: 20px;

    height: 4px;

    right: 5px;

}

.global-btn.whh {

    background: #FFF;

    color: #BE1E2D;

}

.extpd {

    line-height: 0;

}

.owl-stage {

    display: flex;
    gap: 14px;
}

.rev-box {

    border-radius: 4px;

    background: #F7F7F7;

    padding: 32px;

    position: relative;

    padding-bottom: 50px;

    margin-bottom: 60px;

}

h4.auth-name {

    font-family: "proxima_novabold";

    line-height: normal;

}

.owl-dots {

    display: none;

}

.ft24 {

    font-size: 24px;

    line-height: normal;

}

.rev-box:after {

    content: "";

    background-image: url(../../../../../images/2k24/svg/upper-coma.svg);

    position: absolute;

    width: 59px;

    height: 48px;

    bottom: -24px;

    z-index: 9999;

    right: 32px;

}

.owl-nav {

    display: flex;

    justify-content: center;

    gap: 20px;

}

.reviw button.owl-prev,
.reviw button.owl-next {

    border-radius: 52px;

    background: #BE1E2D !important;

    display: flex;

    justify-content: center;

    align-items: center;

    width: 42px;

    height: 42px;

    position: relative;

}

.reviw button.owl-prev span,
.reviw button.owl-next span {

    display: none;

}

.reviw button.owl-prev:before,
.reviw button.owl-next:before {

    content: "";

    background-image: url(../../../../../images/2k24/svg/rev-left.svg);

    position: absolute;

    width: 12px;

    height: 18px;

    background-size: contain;

    background-repeat: no-repeat;

}

.reviw button.owl-next:before {

    background-image: url(../../../../../images/2k24/svg/rev-rt.svg);

}

.flx-btn {

    display: flex;

    justify-content: center;

    align-items: center;

}

.header-btns .app-s {
    display: flex;
    gap: 6px;
}

.header-btns .app-s img {
    width: 20px;
}

#pricing {
    text-align: center;
}

.pricing-column {
    flex: 1 50%;
}

.pricing-column .card {
    background: #faf6f3;
    border-radius: 7px;
}

.card-header h3 {
    color: #fff;
    font-size: 20px;
}

.card-body {
    padding: 0 3rem 2rem;
    text-align: left;
}

.card-header {
    border-radius: 7px 7px 0 0;
    color: white;
    background-color: black;
}


.btn-dark {
    background-color: black;
}

.btn-dark:hover {
    background-color: #343a40;
}


@media (max-width: 1200px) {

    header.header .site-width,
    .footer-inner .site-width,
    .site-width,
    .site-width1,
    .site-width2 {

        padding-left: 80px;

        padding-right: 80px;

    }

}

@media (max-width: 991px) {

    header.header .site-width,
    .footer-inner .site-width,
    .site-width,
    .site-width1,
    .site-width2 {

        padding-left: 40px;

        padding-right: 40px;

    }



    .global-btn {

        font-size: 16px;

    }

    .mbgap30 {

        gap: 30px;

    }

    .gap120 {
        gap: 120px;
    }

    .flx-dir {

        flex-direction: column;

    }

    .flx-dir-rev {

        flex-direction: column-reverse;

    }

    .mbtxt-center,
    .faq-sec h2 {

        text-align: center;

    }

    ul.dry-lst li {

        text-align: left;

        padding-left: 28px;

    }

    h1 {

        font-size: 38px;

    }

    h2 {

        font-size: 32px;

    }

    h3 {

        font-size: 22px;

    }

    .ptb60,
    .dry-pd {

        padding-top: 45px;

        padding-bottom: 45px;

    }

    .ext-m {

        margin-left: 0;

        padding: 32px;

    }

    .ext-m .pro-hed,
    .ext-m p {

        text-align: left;

    }

    .extpd {

        padding: 24px;

        padding-top: 0;

    }

    .footer-inner {

        padding: 40px 0;

    }

    .global-btn {

        margin: auto;

    }

    .ext-flx.flx-dir {

        flex-direction: unset;

    }

    .img-con,
    .fs-col .img-con {

        flex: 1 30%;

        max-width: 60px;

        width: 60px;

        min-height: 60px;

        height: 60px;

    }

    .img-con img {

        width: 40px;

    }

    .txt-con {

        flex: 1 70%;

    }

    .fs-col {

        flex-direction: column;

        gap: 22px;

    }

    .mt61 {

        margin-top: 40px;

    }

    .accordion-item-header {

        font-size: 24px;

    }

    .mx619,
    .mx529,
    .mx611,
    .mx600,
    .mx565,
    .mx579 {

        max-width: 700px;

    }

    .auth-name.mt40 {

        margin-top: 25px;

    }

}

@media (max-width: 768px) {

    .ext-flx.flx-dir {

        flex-direction: column;

    }

    header.header .site-width,
    .footer-inner .site-width {

        padding-left: 24px;

        padding-right: 24px;

    }



    .footer-inner {

        padding: 24px 0;

    }

    .site-width,
    .site-width,
    .site-width1,
    .site-width2 {

        padding-left: 20px;

        padding-right: 20px;

    }

    a.brand img.logo,
    .ft-logo img {

        width: 81px;


    }

    .gap24.hdr-btns,
    .gap24.footer-btns {

        gap: 12px;

    }

    .hdr-btns .play-s,
    .footer-btns .play-s,
    .hdr-btns .app-s,
    .footer-btns .app-s {

        max-width: 100px;

    }



    h1 {

        font-size: 32px;

    }

    p.txt-bol,
    body {

        font-size: 16px;

        line-height: normal;

    }

    .mt32,
    .mt52,
    .mt61 {

        margin-top: 24px;

    }

    .gap100.mbgap30 {

        gap: 15px;

    }

    h2 {

        font-size: 24px;

    }

    h3,
    h4 {

        font-size: 20px;

    }

    .text-con {

        padding: 24px;

    }

    .text-con.mt40 {

        padding-top: 24px;

    }

    .sm-col,
    .sm-col1 {

        flex: 1 100%;

        max-width: 100%;

    }

    .ptb0 {
        padding-top: 0;
        padding-bottom: 0;
    }

    .sm-col {

        text-align: center;

    }

    .sm-col1 {

        padding: 12px;

    }



    .ft24 {

        font-size: 16px;

    }

    .rev-box {

        padding-bottom: 40px;

        margin-bottom: 40px;

    }

    .reviw button.owl-prev,
    .reviw button.owl-next {

        width: 35px;

        height: 35px;

    }

    .reviw button.owl-prev:before,
    .reviw button.owl-next:before {

        width: 10px;

        height: 15px;

    }

    .fs-col.mt32 {

        margin-top: 32px;

    }

    .fs-col {

        flex-direction: column;

        gap: 18px;

    }

    .fs-col .img-con {

        max-width: 60px;

        width: 60px;

        min-height: 60px;

    }

    .accordion-item-header {

        font-size: 20px;

        padding-right: 30px;

    }

    .accordion-item-body-content {

        font-size: 18px;

    }

    .ext-m {

        margin-left: 0;

        padding: 24px;

    }

    .ft20 {

        font-size: 16px;

    }

    .auth-name.mt40 {

        margin-top: 20px;

    }

    .rev-box:after {

        width: 50px;

        height: 40px;

        right: 28px;

        background-size: cover;

        background-repeat: no-repeat;

    }

}

@media (max-width:500px) {

    .global-btn {

        font-size: 14px;

        margin: auto;

    }

    p.txt-bol {

        max-width: 259px;

        margin-left: auto;

        margin-right: auto;

    }

    .owl-carousel.owl-drag .owl-item.active {

        margin-right: 0 !important;

    }

    .flx-btn {

        flex-direction: column;

    }

}

ul.sol-meda li a {
    background: #E4E5E8;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
}

img {
    max-width: 100%;
}

.gap12 {
    gap: 12px;
}

.sol-md {
    padding: 13px 0px;
}

.ext-m {
    margin: 0px 60px;
    padding: 60px 0;
}

/* .card h2 {
  padding-bottom: 16px;
} */

@media (max-width:768px) {


    /* ul.dry-lst li {
    line-height: 29px;
    padding-bottom: 10px;
  } */

    ul.dry-lst li:before {
        top: 2px;
    }

    .ext-m {
        margin: 0px 34px;
        padding: 40px 0;
    }
}


/* New landin page design css start 13-10-2025  */
.hdr.container-hdr.full-width.position-sticky.sticky-top {
    position: sticky;
    top: 0;
    z-index: 9999999;
    padding: 8px 0;
    background: linear-gradient(90deg, rgba(13, 129, 245, 0.00) 47.12%, rgba(13, 129, 245, 0.20) 99.79%), linear-gradient(90deg, rgba(125, 16, 251, 0.00) 14.66%, #7D10FB 87.18%), linear-gradient(107deg, #000 57.26%, rgba(125, 16, 251, 0.00) 161.69%), linear-gradient(90deg, #E33153 0%, #FFAB19 100%) !important;
}

.hdr.container-hdr.full-width.position-sticky {
    padding: 8px 0;
}

.hdr-inner.flx-header {
    display: flex;
}

/* header.header.container-header.full-width.position-sticky.sticky-top,
.hdr.container-hdr.full-width.position-sticky.sticky-top {
  display: none;
} */

header.header.container-header.full-width.position-sticky.sticky-top.sticky-hdr {
    display: block;
}

.bg-prim,
.bg-color {
    background: linear-gradient(90deg, rgba(13, 129, 245, 0.00) 47.12%, rgba(13, 129, 245, 0.20) 99.79%), linear-gradient(90deg, rgba(125, 16, 251, 0.00) 14.66%, #7D10FB 87.18%), linear-gradient(107deg, #000 57.26%, rgba(125, 16, 251, 0.00) 161.69%), linear-gradient(90deg, #E33153 0%, #FFAB19 100%) !important;
}

.bg-prim p {
    color: #fff !important;
}

.foot-info {
    max-width: 521px;
    margin: 0 auto;
}

h2.foot-title {
    color: #fff;
    text-align: center;
    font-family: "FONTSPRING DEMO - Commuters Sans SemiBold";
    font-size: 36px;
    font-style: normal;
    font-weight: 600;
    line-height: 43.2px;
}


.foot-info p {
    color: #FFF;
    text-align: center;
}

a.glb-btn {
    border-radius: 100px;
    background: #E33153;
    padding: 12px 24px;
    color: #fff;
    cursor: pointer;
    background-color: #E33153;
    display: flex;
    align-items: center;
    justify-content: center;
    width: max-content;
    font-size: 16px;
    font-weight: 700;
}

.mra-to {
    margin-left: auto;
    margin-right: auto;
}

.mt48 {
    margin-top: 48px;
}

.pricing-column .card {
    background: rgba(255, 255, 255, 1);
    border-radius: 16px;
    border: 2px solid #E5EAF1;
    padding: 24px;
    position: relative;
}

.card-header {
    background-color: rgba(255, 255, 255, 1);
}

.card-header h3 {
    color: #000;
    font-size: 16px;
    font-weight: 700;
    line-height: 28.8px;
}

.card-body h5 {
    font-size: 16px;
}

.pricing-column {
    flex: 1 35%;
    max-width: 35%;
}

ul.dry-lst li:before {
    background: url(../../../../../images/svg/card-list.svg);
    top: 0;
}

.card-body {
    padding: 0;
}

#pricing {
    text-align: start;
}


.algn-unset {
    align-items: unset;
}

.jsp-center {
    justify-content: center;
}

.banner-hd {
/*background: linear-gradient(90deg, #E33153 15%, #FCF514 129%);*/
    background: linear-gradient(90deg, #E33153 0%, #FCF514 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


.hc-left-text {
    color: white;
}

p {
    color: #000;
    margin-bottom: 16px;
}

section>p:last-child,
div>p:last-child {
    margin-bottom: 0;
}


h1 {
    color: var(--heading);
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: 57.6px;
}

.fw700 {
    font-weight: 700;
}

/* .global-btn.fltr img {
  filter: brightness(0) saturate(100%) invert(0%) sepia(100%) saturate(0%) hue-rotate(24deg) brightness(97%) contrast(103%);
} */


.card-btn.mt148 {
    margin-top: 131px;
}

/* commented by saksham following-(hover remove)*/
/* 

.pricing-column .card:nth-child(1)::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 16px;
  padding: 3px;
  background: linear-gradient(90deg, #E33153 0%, #FCF514 100%);
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.3s ease;
} */

/* .pricing-column .card:nth-child(1):hover::before {
  opacity: 1;
} */

.mx800 {
    max-width: 850px;
}


.ptd60 {
    padding: 60px 150px !important;
}

.mx398 {
    max-width: 398px;
}


/* New landin page design css End 13-10-2025  */

/* New landin page design css start 14-10-2025 */
.flx.gap100.flx-dir.alit-center.end {
    display: flex;
    align-items: flex-end;
}

.end .flx-equ-col.uequ21.mx619 {
    padding: 76px 0 100px;
}

.pr {
    position: relative;
}

.end img.image1.bn-im {
    display: flex;
    position: absolute;
    bottom: 0 !important;
    right: -99px;
    max-width: 55%;
}

.banner-hd {
    font-family: "FONTSPRING DEMO - Commuters Sans SemiBold";
}

.gap120 {
    gap: 120px;
}

.card.card-h {
    max-height: 900px;
    /* height: 577px; */
}

.flx-equ-col.flx-equ-col2 {
    flex: 1 90%;
}

ul.dry-lst li b {
    font-weight: 700;
}
.flx-equ-col2 h1.banner-hd span {
    font-size: 62px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    letter-spacing: 26.04px;
    text-transform: uppercase;
}
.mt48 {
    margin-top: 48px;
}
.wrp {
    flex-wrap: wrap;
}
.gap24 {
    gap: 24px;
}
.jst-cnt {
    justify-content: center;
}
.flex {
    display: flex;
}
.col2.chs-us-p {
    border-radius: 16px;
    padding: 24px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 8px;
    border: 1px solid #E5EAF1;
    background: #FFF;
}
.col2 {
    flex: 1 30%;
    max-width: 32%;
}
.col2.chs-us-p p.mt16.text-center {
    max-width: 308px;
}
.gmw-im img {
    height: auto;
	border-radius: 0;
}
.gmw-im {
    display: flex;
    height: 24px;
    align-items: center;
}
.mx684{
    max-width: 684px;
}
.mx484 {
    max-width: 484px;
}
.two-col-flx .col2 {
    flex: 1 48%;
    max-width: 50%;
}
.flex.jst-cnt.gap24.mt16.wrp.ctc-bxs .col2 p.mt16.text-center {
    margin-top: 8px;
    margin-bottom: 0px;
}
p.mt16.text-center.mx-wth260.mra-to {
    max-width: 260px;
}
p.mt16.text-center.mx-wth343.mra-to {
    max-width: 343px;
}
.col2.chs-us-p p.mt16.text-center.mx-wth270 {
    max-width: 270px;
}
.flex.jst-cnt.gap24.mt16.wrp.ctc-bxs {
    max-width: 1114px;
    margin-left: auto;
    margin-right: auto;
}
h2.banner-hd.bn-hd2 {
    background: linear-gradient(90deg, #E33153 15%, #FCF514 129%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
h2.banner-hd.bn-hd3 {
    background: linear-gradient(90deg, #E33153 25%, #FCF514 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
p.mx1 {
    max-width: 800px;
}
@media(max-width: 1280px) {
    .end img.image1.bn-im {
        display: flex;
        position: static;
        top: 0;
        right: 0;
        max-width: 100%;
    }

    .mt48 {
        margin-top: 32px;
    }

    .site-width {
        padding-left: 50px;
        padding-right: 50px;
    }

    h1 {
        font-size: 26px;
        line-height: 31.2px;
    }

    h2,
    h2.foot-title {
        font-size: 26px;
        line-height: 31.2px;
    }

    .end .flx-equ-col.uequ21.mx619 {
        padding: 70px 0 50px;
    }

    .gap120 {
        gap: 48px;
    }

    /* .card.card-h {
    height: 650px;
  } */

    .banner .gap100 {
        gap: 40px;
    }
}



@media(max-width: 1100px) {
    .card-btn.mt148 {
        margin-top: 133px;
    }

    .end .flx-equ-col.uequ21.mx619 {
        padding: 40px 0 32px;
    }

}

@media (max-width:991px) {
	.col2 {
    flex: 1 48%;
    max-width: 48%;
}
    body {
        line-height: 25.6px;
        font-size: 16px;
    }

    .banner.bg-prim {
        background: linear-gradient(90deg, rgba(13, 129, 245, 0.00) 47.12%, rgba(13, 129, 245, 0.20) 99.79%), linear-gradient(117deg, rgba(125, 16, 251, 0.00) 3.75%, #7D10FB 145.62%), linear-gradient(91deg, #000 117.81%, rgba(125, 16, 251, 0.00) 200.56%) !important;
    }



    .mbtxt-center,
    .faq-sec h2 {
        text-align: start !important;
    }



    .mx619,
    .mx529,
    .mx611,
    .mx600,
    .mx565,
    .mx579 {
        max-width: 100%;
    }

    .rev {
        flex-direction: column-reverse;
    }

    .ptd60 {
        padding: 30px 24px !important;
    }

    .ptb60,
    .dry-pd {
        padding-top: 35px;
        padding-bottom: 35px;
    }

    p.txt-bol {
        max-width: 100%;
    }

    .card-btn.mt148,
    .card-btn.mt48 {
        margin-top: 16px;
    }

    /* .card.card-h {
    height: auto;
  } */

}

@media (max-width:768px) {
	.col2, .two-col-flx .col2 {
    flex: 1 100%;
    max-width: 100%;
}
    .end .flx-equ-col.uequ21.mx619 {
        padding: 24px 0 24px;
    }

    .gap100 {
        gap: 24px;
    }

    .footer-inner {
        padding: 60px 24px;
    }

    .pb60 {
        padding-bottom: 30px;
    }

    .ptb0,
    .pt60 {
        padding-top: 30px;
    }

    .foot-info {
        max-width: 100%;
    }

    .site-width {
        padding-left: 20px;
        padding-right: 20px;
    }

    .global-btn.mob-red img {
        max-width: 161px;
    }

}

/* New landin page design css End 14-10-2025 */


/* New landin page design css Start 15-10-2025 */
.mb0 {
    margin-bottom: 0;
}


@media(min-width:1441px) {
    .flx-equ-col2 h1.banner-hd {
        font-size: 48px;
        line-height: 57.6px;
    }

    p.txt-bol {
        font-size: 28px;
        line-height: 33.6px;
    }
}

/* New landin page design css End 15-10-2025 */






/* Home page design start on 25-11-2025 */
.hdr.container-hdr.full-width.position-sticky {
    display: none;
}

.pb0 {
    padding-bottom: 0;
}

.headerRight {
    display: flex;
    align-items: center;
    gap: 10px;
}

ul.dry-lst.no-line-height.num-lst1 li:before,
ul.dry-lst.no-line-height.num-lst2 li:before,
ul.dry-lst.no-line-height.num-lst3 li:before {
    background: none;
    content: "1";
    color: rgba(75, 17, 155, 1);
    font-family: "proxima_novaregular";
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    left: 4px;
    top: -1px;
}

ul.dry-lst.no-line-height.num-lst2 li:before {
    content: "2";
}

ul.dry-lst.no-line-height.num-lst3 li:before {
    content: "3";
}

ul.dry-lst.no-chck li:before {
    content: "" !important;
    background: url(/images/svg/check-lst.svg) !important;
    top: 0px;
    left: -2px !important;
}


.mx894 {
    max-width: 894px;
}

.pt0 {
    padding-top: 0;
}

.blck-bg {
    background-color: #000;
}

.blck-bg p {
    color: #fff;
}

.ft-pdx {
    padding: 60px 0;
}

.fotr-cols {
    flex-wrap: wrap;
}

.bn-txt p {
    max-width: 531px;
}

.colm1.ft-col1 {
    max-width: 405px;
}

.colm1.ft-col2 {
    flex: 1 30%;
    max-width: 187px;
}

h5.ft-hed {
    font-size: 22px;
    line-height: 26.4px;
}

.colm1.ft-col3 {
    max-width: 180px;
}

.colm1.ft-col4 {
    max-width: 200px;
}

.colm1 {
    flex: 1;
}

ul.med-lst {
    display: flex;
    gap: 16px;
    padding-top: 8px;
}

ul.ft-men li a {
    color: #FFF;
    font-family: "proxima_novaregular";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25.6px;
}

.gap56 {
    gap: 56px;
}

.mx710 {
    max-width: 710px;
}

.mx270 {
    max-width: 270px;
}

.mx400 {
    max-width: 400px;
}


.itemid-102 .pricing-column {
    flex: 1 35%;
    max-width: 35%;
}

nav.mod-breadcrumbs__wrapper.brdcrm-main {
    margin-top: 16px;
}

/* --- start custom review ----*/
.owl-carousel .owl-item img {
    width: inherit !important;
}

p.date {
    display: flex;
    gap: 5px;
    margin-bottom: 0;
}

.owl-carousel .flex {
    display: flex;
    align-items: flex-start;
    width: 100%;
}

.review .star {
    max-width: 130px;
    padding-top: 15px;
}

.review .rev-info {
    padding-top: 15px;
}

.review .pro-ico {
    max-width: 50px;
    margin-right: 15px;
}

.owl-carousel.owl-loaded.owl-drag>.owl-nav .owl-prev,
.owl-carousel.owl-loaded.owl-drag>.owl-nav .owl-next {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 1px solid #E33153;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    background: var(--Accent-Color, #E33153);
}

.owl-carousel .owl-nav button.owl-next span,
.owl-carousel .owl-nav button.owl-prev span {
    display: none !important;
}

.owl-carousel.owl-loaded.owl-drag>.owl-nav .owl-prev,
.owl-carousel.owl-loaded.owl-drag>.owl-nav .owl-next {
    width: 48px;
    height: 48px;
}

.owl-carousel.owl-loaded.owl-drag>.owl-nav .owl-prev,
.owl-carousel.owl-loaded.owl-drag>.owl-nav .owl-next {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    background: #D22026;
    box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.15);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}

.owl-carousel .owl-item h4 {
    color: rgb(51, 51, 51);
    font-family: proxima_novaregular;
    font-size: 20px;
    font-weight: 600;
    line-height: normal;
    text-transform: capitalize;
}

.owl-carousel .flex {
    display: flex;
    align-items: flex-start;
    width: 100%;
    flex-direction: column;
    gap: 16px;
}

.owl-carousel .owl-item img.pro-ico {
    max-width: 56px;
    width: 56px;
    height: 56px;
    margin-right: 12px;
}

.review .rev-info {
    padding-top: 16px;
    max-width: 290px;
}

.owl-item {
    padding: 24px;
    border-radius: 16px;
    background: rgb(249, 250, 251);
    max-width: 341px;
}

.owl-carousel.owl-loaded.owl-drag>.owl-nav .owl-prev::before {
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    background: url(/images/svg/rev-left.svg) no-repeat;
}

.owl-carousel.owl-loaded.owl-drag>.owl-nav .owl-next::before {
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    background: url(/images/svg/rev-rgt.svg) no-repeat;
}

.owl-carousel.owl-loaded.owl-drag>.owl-nav .owl-prev svg,
.owl-carousel.owl-loaded.owl-drag>.owl-nav .owl-next svg {
    color: #fff;
}

.owl-carousel .owl-nav button.owl-next span,
.owl-carousel .owl-nav button.owl-prev span {
    font-size: 45px;
}

.owl-carousel button.owl-prev {
    position: absolute;
    top: 35%;
    left: -29px;
}

.owl-carousel button.owl-next {
    position: absolute;
    right: -28px;
    top: 35%;
}

.owl-carousel h4 {
    color: #27232F;
    font-family: "DM Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 5px;
}

.owl-carousel .date img.goggle-ic {
    width: 49px !important;
}

.owl-item.active {
    min-height: 297px !important;
}

.flx-equ-col.rev-sec2 {
    max-width: 58%;
    flex: 1 1 58%;
}

@media (max-width: 991px) {
    .owl-item {
        max-width: 331px;
    }

    .flx-equ-col.rev-sec2 {
        max-width: 91%;
        flex: 1 1 91%;
    }

    .owl-stage {
        gap: 5px;
    }
}

/*rev sec */

/* --- custom review ----*/
@media (max-width:768px) {
    .owl-stage {
        gap: 0px;
    }

    .review .rev-info {
        padding-top: 16px;
        max-width: max-content;
    }

    .owl-item {
        max-width: inherit;
    }

    .owl-nav {
        display: flex;
        justify-content: center;
    }

    .owl-carousel button.owl-prev {
        position: relative;
        margin-top: 30px;
        left: auto;
    }

    .owl-carousel button.owl-next {
        position: relative;
        left: auto;
        margin-top: 30px;
    }

}

/* --- end custom review ----*/


.bg-brd-gy {
    border-radius: 16px;
    background:
        url(/images/webp/bg-gays-n.webp) no-repeat center/cover,

        linear-gradient(90deg, rgba(13, 129, 245, 0.00) 47.12%, rgba(13, 129, 245, 0.20) 99.79%),

        linear-gradient(90deg, rgba(125, 16, 251, 0.00) 14.66%, #7D10FB 87.18%),

        linear-gradient(107deg, rgba(0, 0, 0, 0.98) 57.26%, rgba(125, 16, 251, 0.00) 161.69%);


}

.moduletable h3 {
    display: none;
}

.page-header.ptd32 {
    padding: 60px 0;
    background: #FAF5FF;
}

.page-header h1 {
    background: linear-gradient(90deg, #E33153 15%, #FCF514 100%);
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    font-family: "FONTSPRING DEMO - Commuters Sans SemiBold";
}

ul.mod-breadcrumbs.breadcrumb.px-3.py-2.breadcrumb.hpkbrdcr {
    display: flex;
    gap: 32px;

}

ul.mod-breadcrumbs.breadcrumb.px-3.py-2.breadcrumb.hpkbrdcr li a span,
ul.mod-breadcrumbs.breadcrumb.px-3.py-2.breadcrumb.hpkbrdcr li span {
    font-family: "proxima_novaregular";
    color: #000;
    line-height: 25.6px;
}

span.divider {
    display: none;
}

a.pathway {
    position: relative;
    font-family: 'proxima_novaregular';
    font-size: 16px;
    font-weight: 400;
}

a.pathway:before {
    content: "";
    position: absolute;
    top: -3px;
    left: 45px;
    width: 24px;
    height: 24px;
    background: url(/images/svg/chvg-rgt.svg);
}

.mx738 {
    max-width: 738px !important;
}


@media (max-width: 1416px) {
    .desktop-nav ul {
        gap: 0 !important;
    }
}

@media (max-width: 1272px) {
    .desktop-nav ul li span {
        padding: 8px 0 !important;
    }
}

@media (max-width: 1089px) {
    .colm1.ft-col4 {
        max-width: 200px;
    }
}

@media (max-width: 1068px) {
    .headerBtn {
        display: none;
    }
}

@media (max-width: 1014px) {

    .colm1.ft-col1,
    .colm1.ft-col2,
    .colm1.ft-col3,
    .colm1.ft-col4 {
        flex: 1 33%;
        max-width: 33%;
    }
}

@media (max-width: 991px) {
    .pricing-column {
        flex: 1 100%;
        max-width: 100%;
    }

    .jsp-start .gap56,
    .gap56,
    .banner .gap100 {
        gap: 40px;
    }
}

@media (max-width: 848px) {
    .itemid-102 .pricing-column {
        flex: 1 100%;
        max-width: 100%;
    }
}


@media (max-width: 768px) {
    ul.ft-men li a {
        font-size: 16px;
        line-height: normal;
    }

    .flx-equ-col.rev-sec2 {
        flex: 1 100%;
        max-width: 100%;
    }

    .jsp-start .gap56,
    .gap56,
    .banner .gap100 {
        gap: 32px;
    }


}

@media (max-width: 650px) {

    .colm1.ft-col1,
    .colm1.ft-col2,
    .colm1.ft-col3,
    .colm1.ft-col4 {
        flex: 1 100%;
        max-width: 100%;
    }
}

/* css added by saksham 4-12-2025 */
@media (max-width: 1200px) {
    .headerBtn {
        display: none;
    }
}

/* css added by saksham 4-12-2025 end */
/* css added by saksham 17-12-2025 */


.review.my-slider .owl-stage-outer{
  overflow: hidden;
}

.review.my-slider .owl-stage{
  display: flex;
  gap: 0 !important; 
}
.review.my-slider .owl-item {
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
}
 .mob-hd-btn{
        display:none!important;
    }
    .mob-flex{
        display:flex;
    }
@media (max-width: 1068px){
    .mob-hd-btn{
        display:flex!important;
    }
}

@media (max-width: 991px){
  .review.my-slider .owl-item{
    max-width: 100% !important;
  }
  .flx-equ-col2 h1.banner-hd span {
    font-size: 32px;
    letter-spacing: 14.04px;
  }
      h1 {
        line-height: 38.2px;
      }
  .manychat{
    text-align: center;
  }
  .manychat a.glb-btn {
    margin: auto;
}
}
.review .rev-info {
    padding-top: 16px;
    max-width: none;
}

/* css added by saksham 17-12-2025 end */

.bann-btn{
  display:flex;
}
.cntr-btn {
    /* margin: auto; */
    /* text-align: center; */
    display: flex;
    justify-content: center;
}
.many-mid {
    background: linear-gradient(180deg, #000 0%, #7D10FB 100%);
    color:#fff;
    position:relative;
}
.many-mid:after{
        content: '';
    position: absolute;
    background-image: url(../../../../../images/2k24/g-shade.webp);
    max-width: 390px;
    max-height: 390px;
    width: 100%;
    height: 100%;
    bottom: 0;
    right: 0;
    background-repeat: no-repeat;
    background-size: cover;
}
.many-mid h3,.many-mid h4 {
    color: #fff;
        line-height: 38px;

}
.many-mid .col2{
    max-width:100%;
        text-align: left;
}
.many-mid .col2 p{
    width:100%;
}
.many-mid .col2 h6{
    background: linear-gradient(90deg, #E33153 0%, #BA1333 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
    text-align: left;
        width: 100%;
}
.many-mid .flx .flx-equ-col:nth-child(1) {
    flex: 1 56%;
}
.many-mid .flx .flx-equ-col:nth-child(2) {
    flex: 1 44%;
}
.mid-sec-fan {
    background: #fff;
    border-radius: 8px;
    padding: 2rem;
}
.mid-sec-fan h6, .mid-sec-fan p{
    color: #000;
}
.mid-hr {
    background: #dcdcdc;
    width: 100%;
    height: 1px;
    margin: 30px 0;
}
@media(max-width:992px){
    .many-mid .flx {
    gap: 30px;
}
.many-mid:after{
    content:unset;
}
}