@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap');
/* Veriable */
:root {
    --body-fonts: 'Inter', sans-serif;
    --heading-fonts: 'Plus Jakarta Sans', sans-serif;
    --primary: #FF5E55;
    --red: #D80027;
    --blue: #0052B4;
    --dark-blue: #222C55;
    --white: #ffffff;
    --black: #333333;
    --transition: all ease-in-out 0.3s;
    --theme-text-primary : var(--primary);
    --theme-text-color : #21242D;
    --theme-color-green: #469B88;
    --theme-color-yellow: #F5C249;
    --theme-color-cyan: #A7AEBF;
    --theme-bg-color: #FFDFDD;
}
html {
    height: 110%;
    margin-bottom: 0.01em;
}

body {
    font: normal normal normal 16px/25px var(--body-fonts);
    color: var(--black);
    overflow: auto;
    overflow-x: hidden;
}

.btn-primary {
    --bs-btn-bg: var(--primary);
    --bs-btn-border-color: var(--primary);
    
    background: linear-gradient(to left, #E9544C 50%, #FF5E55 50%);
    background-size: 200% 100%;
    background-position: left bottom;
    transition: all .5s ease-out;
}
  
.btn-primary:hover {
  background-position: right bottom;

    background-color: var(--primary);
    border-color: var(--primary);
}

.--theme-bg-color {
    background-color: var(--theme-bg-color);
}

.heading-text-primary {
    font-family: var(--body-fonts);
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 200%;
    letter-spacing: 0.04em;
    text-transform: capitalize;
    color: var(--primary);
    margin-bottom: 0;
}

.heading {
    font-family: var(--heading-fonts);
    font-style: normal;
    font-weight: 400;
    font-size: 42px;
    line-height: 125%;
    letter-spacing: 0.1em;
    text-transform: capitalize;
    color: var(--theme-text-color);
}
.heading span {
    font-weight: 800;
}
.owl-carousel .owl-stage-outer {
    padding-bottom: 2rem;
}
.owl-carousel .owl-nav button.owl-next:before {
    background-image: url('../images/icons/right-arrows.svg');
}
.owl-carousel .owl-nav button.owl-prev:before {
    background-image: url('../images/icons/left-arrows.svg');
}
.owl-carousel .owl-nav button.owl-next:hover:before {
    background-image: url('../images/icons/right-arrows-hover.svg');
}
.owl-carousel .owl-nav button.owl-prev:hover:before {
    background-image: url('../images/icons/left-arrows-hover.svg');
}
.owl-carousel .owl-nav button.owl-next:before,
.owl-carousel .owl-nav button.owl-prev:before {
    content: "";
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 10px;
    width: 56px;
    height: 56px;
}
.owl-carousel .owl-nav button.owl-prev, 
.owl-carousel .owl-nav button.owl-next {
    cursor: pointer;
    color: #080808;
    width: 56px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0;
    box-shadow: none;
    background: var(--white);
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 9;
    -webkit-transition: var(--transition);
    transition: var(--transition);
    font-size: 0;
}
.owl-carousel button.owl-dot {
    text-align: center;
    text-overflow: ellipsis;
    position: relative;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-right: 15px;
    margin-left: 15px;
    cursor: pointer;
    background: var(--theme-color-cyan);
}
.owl-carousel .owl-dots {
    text-align: center;
}
.owl-carousel button.owl-dot.active {
    background: var(--primary);
    width: 12px;
    height: 12px;
}
.owl-carousel .owl-nav button.owl-next {
    right: 0;
}
.owl-carousel .owl-nav button.owl-prev {
    left: 0;
}


label {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0.04em;
    text-transform: capitalize;
}
fieldset .field {
    margin-bottom: 30px;
}





/* Header */
.header {
    position: relative;
    z-index: 999;
    padding-top: 15px;
    padding-bottom: 15px;
}
header.page-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 104;
    width: 100%;
    background-color: transparent;
}
header.fixed-header {
    background-color: var(--white);
}

nav .nav__item a {
    display: block;
    padding: 10px 20px;
    text-decoration: none;
    color: #ed5f5f;
}



.fixed-header .nav__item a {
    color: #000;
}

@media (max-width: 992px) { 
    #mobile-menu {
        -webkit-transition: .3s all ease-in;
        transition: .3s all ease-in;
        position: fixed;
        top: 0;
        left: -100%;
        z-index: 99999;
        overflow: auto;
        max-width: 100%;
        width: 100%;
        height: 100%;
        padding: 20px;
        background: white;
        overflow-x: hidden;
    }
    #mobile-menu.active {
        left: 0;
        -webkit-transition: .3s all ease-in;
        transition: .3s all ease-in;
        opacity: 1;
        visibility: visible;
        display: flex !important;
        flex-direction: column;
        justify-content: space-between;
    }
    #mobile-menu nav {
        display: block;
    }
    #mobile-menu nav .nav__item a {
        color: #000;
        text-align: left;
    }
}

/* Header End */

/* Top Banner */
.banner {
    justify-content: space-between;
    background: rgb(33,36,45);
    background: linear-gradient(90deg, rgba(33,36,45,1) 0%, rgba(33,36,45,1) 55%, rgba(255,223,221,1) 55%, rgba(255,223,221,1) 100%);
    padding: 50px 0 0;
}
.banner-left {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.banner_heading{
    font-family: var(--heading-fonts);
    font-style: normal;
    font-weight: 400;
    font-size: 58px;
    line-height: 125%;
    letter-spacing: 0.1em;
    color: var(--white);
    max-width: 608px;
}
.banner_heading_bottom{
    font-weight: 800;
}
.banner-right-group{
    position: relative;
}
.banner-right-phone{
    position: absolute;
    top: 12px;
    left: 20px;
}
.banner-bg-image {
    background-image: url('../images/banner-bg.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left;
    padding-bottom: 20px;
}
.banner-desc {
    font-family: var(--body-fonts);
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0.04em;
    text-transform: capitalize;
}
.right-image-bg {
    width: 380px;
}

/* Top Banner end */

/* privacy and tnc  */

.banner_inner{
    display: flex;
    flex-direction: row;
    padding-top: 80px;
}

.privacy_heading{
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 800;
    font-size: 58px;
    line-height: 125%;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #FFFFFF;
    max-width: 500px;
}

.pvc_img{
    padding-top: 50px;
}
.pvc_text, .tnc_text {
    max-width: 800px;
    margin: auto;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 200%;
    /* or 32px */
    
    letter-spacing: 0.04em;
    text-transform: capitalize;
    
    color: var(--theme-text-color);
}
.pvc_text a {
    color: var(--theme-text-color);
}

/* privacy and tnc */


/* Feature rating Start */
.feature-rating p {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 125%;
    text-align: center;
    text-transform: capitalize;
    color: var(--theme-color-cyan);
    margin-bottom: 0;
}
/* Feature rating End */

/* Service Start */
.service-box {
    background: var(--white);
    box-shadow: 0px 0px 20px rgba(33, 36, 45, 0.15);
    border-radius: 20px;
    position: relative;
    padding: 20px;
    height: 100%;
}
.service-box-control{
    position: absolute;
    width: 90px;
    height: 90px;
    left: 20px;
    top: -40px;
    border-radius: 90px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;

}
.box-text {
    font-family: var(--body-fonts);
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 200%;
    letter-spacing: 0.04em;
    text-transform: capitalize;
    color: var(--theme-text-color);
}
.flexible {
    background: var(--theme-color-green);
}
.grow {
    background: var(--primary);
}
.notification {
    background: var(--theme-color-yellow);
}
.service-box-img{
    width: 50px;
    height: 50px;
}
.service-heading {
    font-family: var(--heading-fonts);
    font-style: normal;
    font-weight: 800;
    font-size: 24px;
    line-height: 125%;
    letter-spacing: 0.05em;
    text-transform: capitalize;
}
.service-text {
    font-family: var(--body-fonts);
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 200%;
    letter-spacing: 0.04em;
    text-transform: capitalize;
    color: var(--theme-text-color);
}
/* Service End */


/* How to work Start */

.how-to-work .heading {
    font-size: 32px;
    line-height: 125%;
    margin-bottom: 20px;
}

.proccess-text {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 200%;
    letter-spacing: 0.04em;
    text-transform: capitalize;
    color: var(--theme-text-color);
}

.proccess-one {
    background-image: url('../images/1.png');
    background-repeat: no-repeat;
    background-position: right;
    padding-top: 25%;
    background-position-y: top;
}

.proccess-two{
    background-image: url('../images/2.png');
    background-repeat: no-repeat;
    background-position: right;
    padding-top: 25%;
    background-position-y: top;
}
.proccess-three {
    background-image: url('../images/3.png');
    background-repeat: no-repeat;
    background-position: right;
    padding-top: 25%;
    background-position-y: top;
}
.how-to-work {
    position: relative;
}
/* How to work End */

/* Business Partners Start */
.business-partner .brand-item img {
    width: 190px;
    margin: auto;
    height: 100px;
}
.brand-slider .owl-carousel .owl-nav button.owl-prev, 
.brand-slider .owl-carousel .owl-nav button.owl-next {
    background: transparent;
}
.brand-slider .owl-carousel .owl-nav button.owl-prev {
    left: 0;
}
.brand-slider .owl-carousel .owl-nav button.owl-next  {
    right: 0;
}
.brand-slider .owl-carousel {
    position: static;
}
/* Business Partners End */


/* Feature Start */
.feature-box {
    background: var(--white);
    border-radius: 20px;
    margin-bottom: 30px;
    padding: 30px;
    height: 92%;
}
.feature-img {
    margin-bottom: 40px;
}

.feature-heading {
    font-family: var(--heading-fonts);
    font-style: normal;
    font-weight: 800;
    font-size: 24px;
    line-height: 125%;
    letter-spacing: 0.05em;
    text-transform: capitalize;
    margin-bottom: 15px;
    height: 60px;
    /* min-height: 60px;
    max-height: 60px;  */
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* number of lines to show */
            line-clamp: 2; 
    -webkit-box-orient: vertical;
}
.feature-desc {
    font-family: var(--body-fonts);
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 200%;
    letter-spacing: 0.04em;
    text-transform: capitalize;
    color: var(--theme-text-color);
}
/* Feature End */

/* Testimonial Start */
.testimonials .owl-carousel .owl-nav button.owl-prev {
    left: 0;
}
.testimonials .owl-carousel .owl-nav button.owl-next  {
    right: 0;
}
.testimonials .owl-carousel {
    position: static;
}
.testimonials .owl-carousel .owl-nav button.owl-prev, 
.testimonials .owl-carousel .owl-nav button.owl-next {
    background: transparent;
}
.testimonial-item {
    background: rgb(255, 255, 255);
    box-shadow: rgba(33, 36, 45, 0.15) 0px 0px 20px;
    border-radius: 20px 20px 20px 0px;
    padding: 30px;
    position: relative;
}
section.testimonials {
    position: relative;
    padding: 120px 0 15px;
}
section.testimonials:after {
    content: "";
    width: 100%;
    height: 800px;
    left: 0;
    position: absolute;
    bottom: -50px;
    background-image: url('../images/testimonials-bg.png');
    z-index: 1;
    background-position: top;
    border-radius: 0px 30px 30px 0px;
    max-width: 500px;
}
.testimonial-text {
    font-family: var(--body-fonts);
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0.04em;
    text-transform: capitalize;
    color: var(--theme-color-cyan);
}
.testimonial-box {
    background: var(--white);
    box-shadow: 0px 0px 20px rgba(33, 36, 45, 0.15);
    border-radius: 20px 20px 20px 0px;
    
}
.profile-name {
    font-family: var(--body-fonts);
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 150%;    
    letter-spacing: 0.04em;
    text-transform: capitalize;
    color: var(--theme-text-color);
}
.profile-designation{
    color: var(--theme-color-cyan);
}
.testimonial-item:after {
    content: '';
    width: 0;
    height: 0;
    border-left: 0px solid transparent;
    border-right: 46px solid transparent;
    border-top: 49px solid var(--white);
    position: absolute;
    bottom: -48px;
    left: 23px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.testimonials .owl-carousel .owl-stage-outer {
    padding-bottom: 5rem;
}
section#testimonials > .container {
    z-index: 2;
    position: relative;
}
/* Testimonial End */

/* FAQ Start */
.faq-wrapper {
    padding-top: 150px;
    padding-bottom: 80px;
    position: relative;
}
.faq-number {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 900;
    font-size: 32px;
    line-height: 150%;
    letter-spacing: 0.04em;
    text-transform: capitalize;
    color: var(--primary);
    margin-right: 50px;
}
.accordion-button .faq-title{
    font-family: var(--heading-fonts);
    font-style: normal;
    font-weight: 800;
    font-size: 32px;
    line-height: 125%;
    letter-spacing: 0.05em;
    text-transform: capitalize;
    color: var(--theme-text-color);
}
.faqs-content-block .accordion-item {
    border: 0;
    border-bottom: 0.5px solid #dee2e6;
}
.faqs-content-block .accordion-button {
    background: transparent;
    border-radius: 0;
    padding: 50px 0 50px;
    align-items: start;
}
.accordion-item .accordion-button, .accordion-item {
    border-radius: 0 !important;
}
.faq-title .question-no {
    font-size: 16px;
    line-height: 200%;
    margin-top: 30px;
    font-style: normal;
    font-weight: 400;
}
.accordion-button::after {
    background-image: url('../images/icons/faq-arrow.svg');
    height: 30px;
    width: 22px;
    margin-top: 10px;
}
.accordion-button:hover::after {
    background-image: url('../images/icons/faq-arrow-hover.svg');
}
.accordion-button:hover:not(.collapsed)::after {
    background-image: url('../images/icons/faq-arrow-hover.svg');
}
.accordion-button:not(.collapsed)::after {
    background-image: url('../images/icons/faq-arrow.svg');
}
.faq-wrapper .sticky-bar {
    position: sticky;
    top: 100px;
}
.question-item {
    border-bottom: 0.5px solid #dee2e6;
    padding: 20px 0;
}
.question {
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 800;
    font-size: 20px;
    line-height: 125%;
    letter-spacing: 0.05em;
    text-transform: capitalize;
    color: var(--primary);
    margin-bottom: 15px;
}
/* Faq End */

/* Contact Start */
.contact-us .heading {
    color: var(--white);
}
.contact-us:after {
    content: "";
    background: var(--theme-text-color);
    border-radius: 30px 0px 0px 30px;
    position: absolute;
    width: 70%;
    height: 100%;
    bottom: 0;
    right: 0;
}
.contact-bg {
    z-index: 1;
    position: relative;
}
.contact-us .contact-img {
    max-width: 500px;
    margin-left: auto;
}
.contact-bg-img {
    background-image: url('../images/contact-us-right-bg.png');
    background-repeat: no-repeat;
    background-size: 300px;
    background-position: right bottom;
    padding: 75px 0;
    position: relative;
    z-index: 1;
}
.contact-us .form-label {
    color: var(--theme-color-cyan);
}
.contact-us .form-control {
    border-color:  var(--theme-color-cyan);
    background: transparent;
    color:  var(--theme-color-cyan);
}
.contact-us input.form-control, 
.contact-us select.form-control {
    height: 50px;
}
/* Contact End */

/* Footer Start */
footer.page-footer {
    padding: 100px 0 0;
    margin-top: -50px;
}
.page-footer .footer-logo {
    max-width: 250px;
}
.footer_heading {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 150%;
    letter-spacing: 0.04em;
    text-transform: capitalize;
    color: var(--theme-text-color);
    margin-bottom: 30px;
}
.page-footer .footer_link li{
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0.04em;
    text-transform: capitalize;
    color: var(--theme-text-color);
    margin-bottom: 15px;
}
.footer_link a {
    color: var(--theme-text-color);
    text-decoration: none;
}
.page-footer .footer_link li.social_icon {
    background: var(--primary);
    mix-blend-mode: normal;
    border-radius: 2000px;
    width: 42px;
    height: 42px;
    justify-content: center;
    display: flex;
    padding: 12px;
}
.page-footer .footer_link li:last-child {
    margin-bottom: 0;
}
.page-footer .heading {
    font-style: normal;
    font-weight: 400;
    font-size: 32px;
    line-height: 125%;
    margin-bottom: 20px;
}
.newsletter .newsletter-button {
    background: var(--theme-color-green);
    border-radius: 6px 26px 26px 6px;
}
.newsletter input {
    background: var(--theme-bg-color);
    border: 1px solid var(--theme-color-cyan);
    border-radius: 6px;
}
.newsletter .newsletter-button {
    background: var(--theme-color-green);
    border-radius: 6px 26px 26px 6px;
    padding: 10px 20px;
    width: 210px;
    max-width: 210px;

    background: linear-gradient(to left, #3F8C7B 50%, #469B88 50%);
    background-size: 200% 100%;
    background-position: left bottom;
    transition: all .5s ease-out;
}
.newsletter .newsletter-button:hover{
  background-position: right bottom;
}

footer hr {
    border-color: var(--primary);
    margin-left: 30px;
    margin-right: 30px;
}
.page-footer .footer-bottom .footer_link li, .page-footer .footer-bottom {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
}
.page-footer .footer-bottom a {
    color: var(--theme-text-color);
}


.back-to-top {
    position: fixed;
    bottom: -40px;
    right: 0px;
    display: block;
    width: 60px;
    height: 60px;
    line-height: 60px;
    background: var(--theme-color-yellow);
    text-align: center;
    text-decoration: none;
    border-radius: 6px 0px 0px 0px;
    opacity: 0;
    -webkit-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3);
    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.2);
    z-index: 9;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.back-to-top.show {
    bottom: 0px;
    right: 0px;
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.back-to-top:hover path {
    stroke: var(--primary);
}
/* Footer End */


@media (max-width: 992px) {
    .heading {
        font-size: 24px;
        line-height: 150%;
    }
    .banner_heading {
        max-width: 100%;
        font-size: 28px;
        line-height: 150%;
    }
    .banner {
        justify-content: space-between;
        background: rgb(33,36,45);
        padding: 50px 0 0;
    }
    .banner-bg-image {
        background-position: bottom;
    }
    .banner-left {
        text-align: center;
    }
    .right-image-bg {
        width: 100%;
    }
    .service-items {
        gap: 70px;
    }
    .service-items .service-box-control {
        width: 50px;
        height: 50px;
        top: -25px;
    }
    .service-items .service-box-img {
        width: 27px;
        height: 27px;
    }
    body .how-to-work {
        padding-bottom: 50px;
    }
    .business-partner .brand-item img {
        width: 100%;
    }
    .feature-box {
        margin-bottom: 0px;
    }
    .feature-heading {
        height: 40px;
        min-height: 40px;
        max-height: 40px;  
    }
    section.feature.--theme-bg-color, section.testimonials {
        background: #fff;
    }
    section#testimonials {
        padding-top: 50px;
    }
    section.testimonials:after {
        background-position: bottom;
    }
    .faq-wrapper .sticky-bar {
        position: static;
    }
    .accordion-button .faq-title {
        font-size: 20px;
        line-height: 150%;
    }
    .faq-number {
        font-size: 24px;
        margin-right: 24px;
    }
    .faq-title .question-no {
        margin-top: 10px;
    }
    .faqs-content-block .accordion-button {
        padding: 30px 0 40px;
    }
    .contact-us:after {
        width: 100%;
        border-radius: 0;
    }
    .submit-button input {
        width: 100%;
    }
    .page-footer .heading {
        font-size: 24px;
        line-height: 150%;
        text-align: center;
    }
    .newsletter .newsletter-button {
        margin-top: 20px;
        border-radius: 50px;
        width: 100%;
        max-width: 100%;
    }
    .newsletter input {
        height: 52px;
    }
    footer.page-footer hr {
        margin: 1rem auto;
        width: calc(100% - calc(var(--bs-gutter-x) * .5) * 5);
    }
    .footer_heading {
        margin-top: 30px;
    }
}

@media (max-width: 1024px) {
    .contact-us .contact-img {
        max-width: 100%;
        margin-left: auto;
    }
}
@media only screen and (min-width: 992px) {
    .how-to-work:before{
        content: "";
        background-image: url('../images/how-to-work-bg-1.png');
        background-repeat: no-repeat;
        background-position: top;
        background-position-x: center;
        position: absolute;
        bottom: 0;
        z-index: 1;
        width: 230px;
        height: 50px;
        background-size: 60%;
        left: 0;
    }
    .work-bg-2{
        background-image: url('../images/how-to-work-bg-2.png');
        background-repeat: no-repeat;
        background-position: bottom;
        padding-bottom: 100px;
        background-position-x: right;
        background-size: 350px 200px;
    }
    
    .faq-wrapper:after{
        content: '';
        background-image: url(../images/testimonials-left-bg.png);
        background-repeat: no-repeat;
        background-position: bottom;
        background-position-x: right;
        position: absolute;
        height: 280px;
        width: 280px;
        top: 0;
    }
}