.contact-sec-1{
    height: 90vh;
    background: url(../assets/About-us-bg.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.navbar {
    background: transparent !important;
    /* position: absolute; */
    top: 0;
    z-index: 10;
    width: 100%;
}
.dropdown:hover .dropdown-menu{
    display: block;
    }
    .text-25-heading{
        font-family: "DM Sans", Sans-serif;
        font-size: 25px;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 8px;
        word-spacing: 2px;
        color: #FFBE02;
    }

    /* button */
    .custom-button {
        position: relative;
        border: 2px solid white !important;
        background: transparent;
        color: white;
        border: none;
        cursor: pointer;
        overflow: hidden;
        transition: color 0.3s ease;
    }
    .custom-button1 {
        position: relative;
        border: 2px solid #FFC107 !important;
        background: transparent;
        color: #FFC107;
        border: none;
        cursor: pointer;
        overflow: hidden;
        transition: color 0.3s ease;
    }
    
    .custom-button:hover {
        color: white; /* Ensure text color stays visible */
        border: 2px solid rgb(255, 187, 0) !important;
    }
    .custom-button1:hover {
        color: rgb(0, 0, 0) !important; /* Ensure text color stays visible */
        border: 2px solid rgb(235, 235, 235) !important;
    }
    
    .custom-button::before,
    .custom-button::after {
        content: "";
        position: absolute;
        width: 100%;
        height: 50%;
        background: rgb(255, 187, 0); /* Red background for animation */
        left: 0;
        z-index: 0;
        transition: top 0.4s ease, bottom 0.4s ease; /* Smooth sliding effect */
    }
    .custom-button1::before,
    .custom-button1::after {
        content: "";
        position: absolute;
        width: 100%;
        height: 50%;
        background:  rgb(235, 235, 235); /* Red background for animation */
        left: 0;
        z-index: 0;
        transition: top 0.4s ease, bottom 0.4s ease; /* Smooth sliding effect */
    }
    
    .custom-button::before {
        top: -100%; /* Start above the button */
    }
    
    .custom-button::after {
        bottom: -100%; /* Start below the button */
    }
    
    .custom-button:hover::before {
        top: 0; /* Slide down to cover top half */
    }
    
    .custom-button:hover::after {
        bottom: 0; /* Slide up to cover bottom half */
    }
    
    .custom-button span {
        position: relative;
        z-index: 1; /* Ensure text stays above the background */
    }
    
    .custom-button1::before {
        top: -100%; /* Start above the button */
    }
    
    .custom-button1::after {
        bottom: -100%; /* Start below the button */
    }
    
    .custom-button1:hover::before {
        top: 0; /* Slide down to cover top half */
    }
    
    .custom-button1:hover::after {
        bottom: 0; /* Slide up to cover bottom half */
    }
    
    .custom-button1 span {
        position: relative;
        z-index: 1; /* Ensure text stays above the background */
    }
    .top-140{
        top: 140%;
    }
    
    /* button */
    .text-20{
        font-size: 24px;
        font-family: "Manrope", Sans-serif;
    font-weight: 700;
    color: #FFFFFF;
    }
    .text-16{
        font-size: 16px;
        font-family: "Manrope", Sans-serif;
        font-weight: 700;
    }
.text-18{
    text-align: center;
    color: #F1F1F1;
    font-family: "Manrope", Sans-serif;
    font-size: 18px;
    font-weight: 400;
}
.text-20-heading{
    font-family: "DM Sans", Sans-serif;
    font-size: 25px;
    font-weight: 600;
    letter-spacing: 8px;
    word-spacing: 2px;
}
.text-100{
    font-family: "Bebas Neue", Sans-serif;
    font-size: 100px;
    font-weight: 500;
    line-height: 0.7em;
    color: #FFFFFF;
}
.custom-margin{
    margin-top: 10%;
}
.section-form{
    width: 100vw;
    height: 80vh;
}
.form-card{
    background: #191919;
    height: auto;
}
.text-50{
    font-size: 50px;
}
.font-40{
    font-size: 40px;
}
.font-leauge{
    font-family: "League Gothic", serif !important;
}
.text-80{
    font-size: 80px;
}

@media (min-width: 320px) and (max-width: 345px) {
    .text-25-heading{
        font-size: 25px;
        letter-spacing: 0px;
        word-spacing: 0px;
    }
    .custom-margin {
        margin-top: 35%;
    }
    .top-140{
        top: 159%;
    }
    .section-form{
        width: 100vw;
        height: 111vh;
    }
    .text-100{
        font-size: 70px;
    }
    .text-20{
        font-size: 15px;
    }
    .text-17{
        font-size: 16px;
    }
    .text-50{
        font-size: 35px;
    }
    .text-80 {
        font-size: 55px;
    }
    .font-40{
        font-size: 26px;
    }
    .text-30 {
        font-size: 25px;
        font-family: "Manrope", serif !important;
        font-weight: 500;
    }
}
@media (min-width: 360px) and (max-width: 370px) {
    .text-25-heading{
        font-size: 25px;
        letter-spacing: 0px;
        word-spacing: 0px;
    }
    .top-140{
        top: 172%;
    }
    .section-form{
        width: 100vw;
        height: 132vh;
    }
    .text-100{
        font-size: 70px;
    }
    .text-20{
        font-size: 15px;
    }
    .text-17{
        font-size: 16px;
    }
    .text-50{
        font-size: 35px;
    }
    .text-80 {
        font-size: 55px;
    }
    .font-40{
        font-size: 26px;
    }
    .text-30 {
        font-size: 25px;
        font-family: "Manrope", serif !important;
        font-weight: 500;
    }
}
@media (min-width: 390px) and (max-width: 400px) {
    .text-25-heading{
        font-size: 25px;
        letter-spacing: 0px;
        word-spacing: 0px;
    }
    .top-140{
        top: 165%;
    }
    .section-form{
        width: 100vw;
        height: 120vh;
    }
    .text-100{
        font-size: 70px;
    }
    .text-20{
        font-size: 15px;
    }
    .text-17{
        font-size: 16px;
    }
    .text-50{
        font-size: 35px;
    }
    .text-80 {
        font-size: 55px;
    }
    .font-40{
        font-size: 26px;
    }
    .text-30 {
        font-size: 25px;
        font-family: "Manrope", serif !important;
        font-weight: 500;
    }
}
/* iphone 14 pro max */
@media (min-width: 425px) and (min-height: 930px) and (max-width: 440px) and (max-height: 960px) { 
    .text-25-heading{
        font-size: 25px;
        letter-spacing: 0px;
        word-spacing: 0px;
    }
    .top-140{
        top: 157%;
    }
    .section-form{
        width: 100vw;
        height: 105vh;
    }
    .text-100{
        font-size: 70px;
    }
    .text-20{
        font-size: 15px;
    }
    .text-17{
        font-size: 17px;
    }
    .text-50{
        font-size: 35px;
    }
    .text-80 {
        font-size: 55px;
    }
    .font-40{
        font-size: 26px;
    }
    .text-30 {
        font-size: 25px;
        font-family: "Manrope", serif !important;
        font-weight: 500;
    }
    .custom-margin {
        margin-top: 35%;
    }
}
/* iphone 14 pro max end */


@media (min-width: 370px) and (min-height: 667px) and (max-width: 390px) and (max-height: 700px) {
    .text-25-heading{
        font-size: 25px;
        letter-spacing: 0px;
        word-spacing: 0px;
    }
    .top-140{
        top: 195%;
    }
    .section-form{
        width: 100vw;
        height: 150vh;
    }
    .text-100{
        font-size: 70px;
    }
    .text-20{
        font-size: 15px;
    }
    .text-17{
        font-size: 15px;
    }
    .text-50{
        font-size: 35px;
    }
    .text-80 {
        font-size: 45px;
    }
    .font-40{
        font-size: 26px;
    }
    .text-30 {
        font-size: 23px;
        font-family: "Manrope", serif !important;
        font-weight: 500;
    }
    .contact-sec-1{
        height: 100vh;
    }
}
@media (min-width: 375px) and (min-height: 1000px) and (max-width: 390px) and (max-height: 1040px) {
    .text-25-heading{
        font-size: 25px;
        letter-spacing: 0px;
        word-spacing: 0px;
    }
    .top-140{
        top: 130%;
    }
    .section-form{
        width: 100vw;
        height: 95vh;
    }
    .custom-margin {
        margin-top: 30%;
    }
    .text-100{
        font-size: 70px;
    }
    .contact-sec-1 {
        height: 70vh;
    }
    .text-20{
        font-size: 15px;
    }
    .text-17{
        font-size: 15px;
    }
    .text-50{
        font-size: 35px;
    }
    .text-80 {
        font-size: 45px;
    }
    .font-40{
        font-size: 26px;
    }
    .text-30 {
        font-size: 23px;
        font-family: "Manrope", serif !important;
        font-weight: 500;
    }
}

@media (min-width: 400px) and (max-width: 420px) {
    .text-25-heading{
        font-size: 25px;
        letter-spacing: 0px;
        word-spacing: 0px;
    }
    .custom-margin {
        margin-top: 35%;
    }
    .top-140{
        top: 160%;
    }
    .section-form{
        width: 100vw;
        height: 108vh;
    }
    .text-100{
        font-size: 70px;
    }
    .text-20{
        font-size: 15px;
    }
    .text-17{
        font-size: 15px;
    }
    .text-50{
        font-size: 35px;
    }
    .text-80 {
        font-size: 45px;
    }
    .font-40{
        font-size: 26px;
    }
    .text-30 {
        font-size: 23px;
        font-family: "Manrope", serif !important;
        font-weight: 500;
    }
}

@media (min-width: 425px) and (min-height: 1000px) and (max-width: 450px) and (max-height: 1040px) {
    .text-25-heading{
        font-size: 25px;
        letter-spacing: 0px;
        word-spacing: 0px;
    }
    .top-140{
        top: 130%;
    }
    .section-form{
        width: 100vw;
        height: 95vh;
    }
    .custom-margin {
        margin-top: 30%;
    }
    .text-100{
        font-size: 70px;
    }
    .contact-sec-1 {
        height: 70vh;
       
    }
    .text-20{
        font-size: 15px;
    }
    .text-17{
        font-size: 15px;
    }
    .text-50{
        font-size: 35px;
    }
    .text-80 {
        font-size: 45px;
    }
    .font-40{
        font-size: 26px;
    }
    .text-30 {
        font-size: 23px;
        font-family: "Manrope", serif !important;
        font-weight: 500;
    }
}

@media (min-width: 425px) and (min-height: 1000px) and (max-width: 450px) and (max-height: 1040px) {
    .text-25-heading{
        font-size: 25px;
        letter-spacing: 0px;
        word-spacing: 0px;
    }
    .top-140{
        top: 130%;
    }
    .section-form{
        width: 100vw;
        height: 95vh;
    }
    .custom-margin {
        margin-top: 30%;
    }
    .text-100{
        font-size: 70px;
    }
    .contact-sec-1 {
        height: 70vh;
       
    }
    .text-20{
        font-size: 15px;
    }
    .text-17{
        font-size: 15px;
    }
    .text-50{
        font-size: 35px;
    }
    .text-80 {
        font-size: 45px;
    }
    .font-40{
        font-size: 26px;
    }
    .text-30 {
        font-size: 23px;
        font-family: "Manrope", serif !important;
        font-weight: 500;
    }
}

@media (min-width: 425px) and (min-height: 1000px) and (max-width: 450px) and (max-height: 1040px) {
    .text-25-heading{
        font-size: 25px;
        letter-spacing: 0px;
        word-spacing: 0px;
    }
    .top-140{
        top: 130%;
    }
    .section-form{
        width: 100vw;
        height: 95vh;
    }
    .custom-margin {
        margin-top: 30%;
    }
    .text-100{
        font-size: 70px;
    }
    .contact-sec-1 {
        height: 70vh;
    }
    .text-20{
        font-size: 15px;
    }
    .text-17{
        font-size: 15px;
    }
    .text-50{
        font-size: 35px;
    }
    .text-80 {
        font-size: 45px;
    }
    .font-40{
        font-size: 26px;
    }
    .text-30 {
        font-size: 23px;
        font-family: "Manrope", serif !important;
        font-weight: 500;
    }
}

@media (min-width: 500px) and (max-width: 550px){
    .text-25-heading{
        font-size: 25px;
        letter-spacing: 0px;
        word-spacing: 0px;
    }
 
    .top-140{
        top: 185%;
    }
    .section-form{
        width: 100vw;
        height: 135vh;
    }
    .custom-margin {
        margin-top: 30%;
    }
    .text-100{
        font-size: 70px;
    }
    .contact-sec-1 {
        height: 100vh;
    }
    .text-20{
        font-size: 15px;
    }
    .text-17{
        font-size: 17px;
    }
    .text-50{
        font-size: 35px;
    }
    .text-80 {
        font-size: 45px;
    }
    .font-40{
        font-size: 26px;
    }
    .text-30 {
        font-size: 28px;
        font-family: "Manrope", serif !important;
        font-weight: 500;
    }
}

@media (min-width: 500px) and (min-height: 700px) and (max-width: 550px) and (max-height: 800px) {
    .text-25-heading{
        font-size: 25px;
        letter-spacing: 0px;
        word-spacing: 0px;
    }
 
    .top-140{
        top: 185%;
    }
    .section-form{
        width: 100vw;
        height: 135vh;
    }
    .custom-margin {
        margin-top: 30%;
    }
    .text-100{
        font-size: 70px;
    }
    .contact-sec-1 {
        height: 100vh;
    }
    .text-20{
        font-size: 15px;
    }
    .text-17{
        font-size: 17px;
    }
    .text-50{
        font-size: 35px;
    }
    .text-80 {
        font-size: 45px;
    }
    .font-40{
        font-size: 26px;
    }
    .text-30 {
        font-size: 28px;
        font-family: "Manrope", serif !important;
        font-weight: 500;
    }
}

@media (min-width: 760px) and (min-height: 1000px) and (max-width: 800px) and (max-height: 1200px) {

    .top-140{
        top: 163%;
    }
    .section-form{
        width: 100vw;
        height: 90vh;
    }
    .custom-margin {
        margin-top: 30%;
    }

    .contact-sec-1 {
        height: 100vh;
    }
    .text-30{
        font-size: 25px;
    }
    .text-50{
        font-size: 35px;
    }
    .text-80 {
        font-size: 45px;
    }

}

@media (min-width: 800px) and (min-height: 1000px) and (max-width: 855px) and (max-height: 1300px) {

    .top-140{
        top: 133%;
    }
    .section-form{
        width: 100vw;
        height: 75vh;
    }
    .custom-margin {
        margin-top: 20%;
    }

    .contact-sec-1 {
        height: 80vh;
    }
    .text-30{
        font-size: 23px;
    }


}

@media (min-width: 910px) and (min-height: 1100px) and (max-width: 950px) and (max-height: 1400px) {

    .top-140{
        top: 113%;
    }
    .section-form{
        width: 100vw;
        height: 70vh;
    }
    .custom-margin {
        margin-top: 20%;
    }

    .contact-sec-1 {
        height: 65vh;
    }
.text-30{
    font-size: 25px;
}

}

@media (min-width: 1000px) and (min-height: 1000px) and (max-width: 1250px) and (max-height: 1400px) {

    .top-140{
        top: 102.5%;
    }
    .section-form{
        width: 100vw;
        height: 60vh;
    }
    .custom-margin {
        margin-top: 20%;
    }
    .contact-sec-1 {
        height: 65vh;
    }

}




@media (min-width: 1000px) and (min-height: 500px) and (max-width: 1050px) and (max-height: 700px) {

    .top-140{
        top: 210%;
    }
    .section-form{
        width: 100vw;
        height: 160vh;
    }
    .custom-margin {
        margin-top: 8%;
    }
    .contact-sec-1 {
        height: 100vh;
    }

}