/* .registration-section{
    background:#f5f5f5;
    padding:100px 0;
} */

.section-title h2{
    font-size:48px;
    font-weight:700;
    color:#222;
}

.section-title p{
    color:#666;
    margin-top:10px;
}

.registration-tabs{
    margin:50px 0;
    gap:15px;
}

.registration-tabs .nav-link{
    border:none;
    padding:10px 14px 10px 26px;
    border-radius:60px !important;
    background:#fff;
    color:#222 !important;
    font-weight:600;
    box-shadow:0 5px 20px rgba(0,0,0,.08);
    transition:.4s;
        font-size: 18px;
}

/* .nav-link:focus, .nav-link:hover{
     color:#fff !important;
} */
/* .nav-link:focus .nav-link.active{
   color:#fff !important; 
} */
.registration-tabs .nav-link.active{
       background-color: #c47a52 !important;
    color: #fff !important;

}
.registration-tabs .nav-link.hover{
       background-color: #c47a52 !important;
    color: #fff !important;

}

.registration-box{
    background:#fff;
    border-radius:30px;
    overflow:hidden;
    box-shadow:0 15px 40px rgba(0,0,0,.08);

    display:grid;
    grid-template-columns:1fr 1fr;
}

.form-side{
    padding:50px;
}

.form-side h3{
    margin-bottom:25px;
    color:#222;
}

.form-side input{
   width: 100%;
    height: 50px;
    border: 1px solid #9E9E9E;
    border-radius: 12px;
    padding: 0 20px;
    margin-bottom: 10px;
    min-height: auto;
}
.iti {
    position: relative;
    display: inline-block;
    width: 100%;    width: 100%;
   
}
.iti input[type=tel] {
  
    margin-bottom: 10px !important;
   
}.iti__selected-flag {
    z-index: 1;
    position: relative;
    display: flex;
    align-items: center;
    height: 87% !important;
    padding: 0 6px 0 8px;
}
.submit-btn{
    border:none;
    background:#c47a52;
    color:#fff;
    height:50px;
    padding:0 10px 0 23px;
    border-radius:60px;
    font-weight:600;
    margin-top:10px;
}
.resend-btn {
       border: none;
    background: #795548;
    color: #fff;
    height: 48px;
    padding: 0 26px;
    border-radius: 60px;
    font-weight: 600;
    margin-top: -10px;
    line-height: 29px;
}
.benefits-side{
    background:linear-gradient(
    135deg,
    #3d2418,
    #5a3726
    );
    padding:50px;
    color:#fff;
    position:relative;
}

.benefits-side:before{
    content:'';
    position:absolute;
    width:250px;
    height:250px;
    background:rgba(255,255,255,.05);
    border-radius:50%;
    top:-80px;
    right:-80px;
}

.benefits-card h4{
    font-size:30px;
    margin-bottom:15px;
    color: #fff !important;
}

.benefits-card ul{
    list-style:none;
    padding:0;
    margin:0;
}

.benefits-card li{
    position:relative;
    padding-left:35px;
    margin-bottom:18px;
    font-size:17px;
}

.benefits-card li:before{
    content:"✓";
    position:absolute;
    left:0;
    color:#c47a52;
    font-weight:700;
    font-size:20px;
}


.section-title {
   
    margin-bottom: 0px !important;
    position: relative;
}
.with-floating-header {
    --padding-block-start: calc(var(--header-height) + 60px + 13px) !important;
    --padding-block-bottom: calc(var(--header-height));
}
.with-floating-header1{
    --padding-block-start: calc(var(--header-height) + 20px + 60px) !important;
}
.nav-pills .button .svg-wrapper{
    background: #000 !important;
    color: #fff; /* icon color */
}

.nav-pills .button.active .svg-wrapper{
    background: #fff !important;
    color: #000; /* icon color when active */
}

.nav-pills .button .svg-wrapper svg{
    width: 20px;
    height: 20px;
}@media(max-width:991px){

    .registration-box{
        grid-template-columns:1fr;
    }

    .form-side,
    .benefits-side{
        padding:30px;
    }

    .registration-tabs{
        flex-direction:column;
    }

    .registration-tabs .nav-link{
        width:100%;
            font-size: 16px;
    }
    .with-floating-header1 {
    --padding-block-start: calc(var(--header-height) + 20px + 17px) !important;
}.benefits-card li {
    
    font-size: 14px;
}
}
::placeholder{
    color: #b9afaa!important;
}/* Mobile Accordion Style */
@media (max-width: 767px) {

    .registration-tabs{
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .registration-tabs .nav-item{
        width: 100%;
    }

    
}.registration-tabs .nav-link{
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
      
    }

    .registration-tabs .nav-link.active{
        background: #000;
        color: #fff;
        border-color: #000;
    }

    .registration-tabs .svg-wrapper{
        transition: 0.3s ease;
    }

    .registration-tabs .nav-link.active .svg-wrapper{
        transform: rotate(90deg);
    }.registration-box input,
.registration-box select,
.registration-box textarea{
    transition: all 0.3s ease;
}

.registration-box input:focus,
.registration-box select:focus,
.registration-box textarea:focus{
    border: 1px solid #d4af37;
    box-shadow: 0 0 0 3px rgba(212,175,55,.2),
                0 10px 30px rgba(0,0,0,.12);
    transform: translateY(-2px);
}




        .popup-wrapper{
            /* width:95%;
            max-width:1400px; */
            /* background:#f1dad1; */
               background: #fff;
    border-radius: 20px;
    padding: 25px;
    position: relative;
    margin: 50px 0 0;
    overflow: hidden;
    box-shadow: rgba(0, 0, 0, 0.06);
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
        }

        .close-btn{
            position:absolute;
            right:20px;
            top:20px;
            border:none;
            background:none;
            font-size:28px;
            cursor:pointer;
        }

        .left-section{
            padding:20px 10px;
        }

        .logo-row{
            display:flex;
            align-items:center;
            justify-content:center;
            gap:50px;
            margin-bottom:40px;
        }

        .logo-row img{
            max-height:50px;
        }

        .welcome-title{
            text-align:center;
            font-size:26px;
            font-weight:700;
            color:#000;
            line-height:1.4;
            margin-bottom:50px;
        }

        .feature-boxes{
            display:flex;
            gap:18px;
            justify-content:center;
        }

    .feature-box {
    width: 240px;
    min-height: 300px;
    border: 1px solid #7f7f7f38;
    border-radius: 20px;
    background: #ffffffe0;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
    padding: 20px 10px;
    text-align: center;
    border-radius: 1.375rem;
    padding: 2rem 0.75rem;
    text-align: center;
    --opacityPercent: 0.02;
    background: rgba(0, 0, 0, var(--opacityPercent));
    --boxShadowOpacity: 0.31;
    box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, var(--boxShadowOpacity)) inset;
}

        .star-circle{
          width: 42px;
    height: 42px;
    background: #b87154;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    margin-bottom: 25px;
    font-size: 20px;
    color: #fff;
        }

        .feature-title{
            font-size:18px;
            font-weight:600;
            margin-bottom:18px;
            line-height:1.4;
            color:#000
        }

        .feature-desc{
            color:#333;
            line-height:1.5;
            font-size:15px;  color:#000
        }

        /* Right Form */

        .form-panel{
            background:#e8d3cb;
            border-radius:16px;
            padding:50px 40px;
            height:100%;
            /* min-height:660px; */
            display:flex;
            flex-direction:column;
            justify-content:flex-start;
                align-items: center;
        }

        .form-heading{
            text-align:center;
            font-size:26px;
            font-weight:700;
            color:#032140;
        }

        .form-subtitle{
            text-align:center;
            font-size:18px;
            margin-bottom:30px;
            color:#2c3e50;
        }

        /* .mobile-input{
            display:flex;
            border:1px solid #d6d6d6;
            border-radius:12px;
            overflow:hidden;
            height:68px;
        } */
.mobile-input1{
        border: 1px solid #d6d6d6;
    border-radius: 12px;
    overflow: hidden;
}
        .country-code{
            width:95px;
            border-right:1px solid #ddd;
            display:flex;
            align-items:center;
            justify-content:center;
            font-size:28px;
            background:#fff;
        }

        .mobile-input input{
            border:none;
            flex:1;
            padding:0 20px;
            font-size:28px;
            outline:none;
        }

        .form-check{
            margin-top:18px;
            margin-bottom:20px;
        }

        .form-check-label{
            color:#97a0af;
            font-size:18px;
        }

       
        .footer-note{
                margin-top: auto;
    text-align: center;
    color: #000;
    /* font-size: 13px; */
        }

        .footer-note a{
            color:#000;
            font-weight:600;
        }

        @media(max-width:991px){
.form-heading {
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    color: #000;
}.form-subtitle {
    text-align: center;
    font-size: 12px;
    margin-bottom: 10px;
    color: #000;
}
.benefits-side1:before {
    content: '';
    position: absolute;
    width: 250px;
    height: 250px;
    background: rgb(241 239 238 / 0%) !important;
    border-radius: 50%;
    top: -80px;
    left: -80px;
}
            /* .feature-boxes{
                flex-direction:column;
                align-items:center;
            } */

            .form-panel{
                min-height:auto;
                margin-top:0px;
                    padding: 30px 20px;
                            height: auto;
            }

            .welcome-title{
                        font-size: 17px;
        margin-bottom: 14px;

            }
            .popup-wrapper {
    
    padding: 10px 10px;
   
}
.benefits-side1:before {
   
    border-radius: 30% !important;
    top: -173px !important;
    left: -12px !important;
}
.left-section {
    padding: 10px 0px 0;
}
            .logo-row h1{
                font-size: 14px;
            }
            .feature-box {
    width: 100%;
  
}
        }
        .benefits-side1:before {
  content: '';
    position: absolute;
    width: 250px;
    height: 250px;
    background: rgb(184 113 84 / 14%);
    border-radius: 50%;
    top: -80px;
    left: -80px;
}
.iti__country-list{
    color:#000
}

@media (max-width: 767px) {

    .feature-boxes-s{
        display:flex;
        flex-wrap:nowrap;
        overflow-x:auto;
        overflow-y:hidden;
        /* gap:15px; */
        padding-bottom:10px;

        scroll-snap-type:x mandatory;

        -webkit-overflow-scrolling:touch;
        scrollbar-width:none;
        -ms-overflow-style:none;
                margin-top: 15px;
    }
    .footer-note {
    margin-top: auto;
    text-align: center;
    /* color: #97a0af; */
   
    margin-top: 30px;
}
   .footer-note p{
     font-size: 12px !important;
}

    .feature-boxes-s::-webkit-scrollbar{
        display:none;
    }

    .feature-boxes-s .feature-box{
               flex: 0 0 100%;
               min-height: auto;
        width: 100%;
        scroll-snap-align: center;
    }
}