@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.cdnfonts.com/css/sansation');
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

body {
    font-family: "DM Sans", sans-serif !important;
    font-optical-sizing: auto !important;
    font-style: normal !important;
}

.nav_shadow {
    box-shadow: 0px 4px 11.6px 0px #00000017 !important;
}

section {
    overflow: hidden;
}

@media only screen and (min-width: 819px) and (max-width: 821px) {
    .regibuton {
        display: none !important;
    }
}

@media only screen and (max-width: 1024px) {
    #navbar-default {
        transition: max-height 0.3s ease-out, opacity 0.3s ease-out;
        max-height: 0;
        opacity: 0;
        overflow: hidden;
    }

    #navbar-default.open {
        max-height: 500px;
        opacity: 1;
    }

    .main_banner {
        background-image: url(/assets/image/main_banner.png);
        background-size: cover !important;
        background-position: left !important;
        background-repeat: no-repeat;
        min-height: 80vh !important;
        display: flex;
        align-items: center;
    }

    .main_banner2 {
        background-image: url(/assets/image/indian-couple.png);
        background-size: cover !important;
        background-position: right !important;
        background-repeat: no-repeat;
        min-height: 80vh !important;
        display: flex;
        align-items: center;
    }

    .nodani_bg {
        background-image: url(/assets/image/nodani_bg.png);
        background-repeat: no-repeat;
        min-height: 250px;
        background-size: cover !important;
        background-position: left;
        border-radius: 15px !important;
    }
}

/* landing page  */
.main_banner {
    background-image: url(/assets/image/main_banner.png);
    background-size: 100% 100%;
    background-position: left;
    background-repeat: no-repeat;
    min-height: 105vh;
    display: flex;
    align-items: center;
}

.main_banner2 {
    background-image: url(/assets/image/indian-couple.png);
    background-size: 100% 100%;
    background-position: left;
    background-repeat: no-repeat;
    min-height: 105vh;
    display: flex;
    align-items: center;
}

.main_banner h1 {
    font-family: 'Sansation' !important;
    font-weight: 700 !important;
}

.main_banner1 h1 {
    font-family: 'Sansation' !important;
    font-weight: 700 !important;
}



.swiper-button-next:after,
.swiper-button-prev:after {
    display: none;
}


.onboarding_bg {
    background-image: url(/assets/image/onboarding_process.png);
    min-height: 600px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.red_icon::before {
    content: '';
    position: absolute;
    height: 22px;
    width: 22px;
    background-color: #F42C56;
    border-radius: 50%;
    top: -10px;
    left: -10px;
}

.nodani_bg {
    background-image: url(/assets/image/nodani_bg.png);
    background-repeat: no-repeat;
    min-height: 250px;
    background-size: 100% 100%;
}

.login_backdrop {
    backdrop-filter: blur(13.600000381469727px);
    border: 1px solid rgba(255, 255, 255, 0.52);
    background: rgba(255, 255, 255, 0.21);
    border-radius: 30px;
    font-family: "Poppins", serif!important;
}


.arrow_left,
.arrow_right {
    .arow1 {
        display: block;
    }

    .arow2 {
        display: none;
    }
}

.arrow_left:hover,
.arrow_right:hover {
    .arow1 {
        display: none;
    }

    .arow2 {
        display: block;
    }
}


.mySwipermain .swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 41px) !important;
    left: auto !important;
    top: auto !important;
    bottom: 10px !important;
}

.mySwipermain .swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 41px);
    right: auto !important;
    top: auto !important;
    bottom: 10px !important;
}

.regibuton {
    display: block !important;
}

.testo_hover:hover{
    /* box-shadow: 0px 101.48px 215.91px 0px rgba(21, 21, 21, 0.12); */
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.r-shadow:hover{
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
}



.profile_img{
    box-shadow: 0px 4px 18.9px 0px #00000040;
}

profile_overlay{
    background: #DBDBDB75;
}


.res_card{
    background-image: url('/assets/image/res_card2.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.cust_tab_des ul li button{
    background-color: white!important;
    color: black!important;
}

.cust_tab_des ul li.active button,.cust_tab_des ul li:hover button{
    background-color: #F42C56!important;
    color: white!important;
}


input::placeholder {
    color: #888;
    font-size: 14px;
}

select option:first-child {
    color: #888!important;
    font-size: 14px;
}

.bg_odani{
    background-image: url('/assets/image/bg_odani.png');
    background-repeat: no-repeat;
    background-size: 100%;
    background-color: white;
    background-position: center;
}


.step-content .content {
    display: none;
}

.content.active {
    display: block;
}
.modal_bg04{
    background-image: url('/assets/image/Popup_design.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.bg-addpink{
    background-color: #FFEBED!important;
}