section.form-section {padding: 10% 5% 5%; position: relative; overflow: hidden; }
section.form-section .mainwrp{margin: auto;backdrop-filter: blur(15px);border: 2px solid #ff9d00;padding: 30px;overflow: hidden;border-radius: 20px;box-shadow: 11px 14px 18px 11px #00ffe614;width: 75%;}
section.form-section .formsecabsimg {position: absolute; right: 0; bottom: 0; }
section.form-section .content-section{margin: 0 auto 30px auto; }
.form-section .txtwrp{text-align: center; }
.form-section .txtwrp h2{font-size: 28px;color: #fff;padding: 0;text-transform: uppercase;font-weight: 600;}
.form-section .txtwrp span{color: #ff9d00;font-weight: 600;}
section.form-section .content-section p {font-size: 18px;line-height: 31px;font-weight: 500;color: #fff;padding: 0;}
section.form-section .form-wrapper input,
 section.form-section .form-wrapper textarea {background: transparent;margin-top: 20px;padding: 15px 20px;border-radius: 5px;color: #fff;border: unset;border: 1px solid #ced4da;}
section.form-section .form-wrapper select{background: transparent;margin-top: 15px;padding: 15px 20px;border-radius: 5px;color: #fff;border: unset;border: 1px solid #ced4da;width:100%;font-size:16px}
section.form-section .form-wrapper select option{color: #fff}
section.form-section .form-wrapper input.btn-1{background:  #ff9d00;width: 100%;font-size: 18px;cursor: pointer;}
section.form-section .form-wrapper input:focus,
section.form-section .form-wrapper select:focus {box-shadow: 0 0 0 .2rem #00ffe64f;}
section.form-section .form-wrapper input::placeholder, section.form-section .form-wrapper textarea::placeholder {color: #fff; }
section.form-section .form-wrapper .attchmnt label{font-size: 16px; color: #fff; position: absolute; top: 10px; left: 20px; }
section.form-section .form-wrapper input.file_uploadinp{height: 100px; padding: 50px 20px 0; width: 100%; }
section.form-section .form-wrapper .attchmnt{position: relative;}
section.form-section .imgwrp{}
section.form-section .imgwrp img{width: 100%;position: absolute;bottom: 0;}
/* form section */
/* ===== SECTION BASE ===== */
section.form-section {
    padding: 8% 5%;
    position: relative;
    overflow: hidden;
    /* background: linear-gradient(135deg, #000000, #000000, #000); */
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Animated Background Glow */
section.form-section::before{
    content:"";
    position:absolute;
    width:500px;
    height:500px;
    background: radial-gradient(circle,#ff9d00 0%,transparent 70%);
    top:-150px;
    left:-150px;
    opacity:.15;
    animation: moveGlow 8s infinite alternate ease-in-out;
}

@keyframes moveGlow{
    0%{transform:translate(0,0)}
    100%{transform:translate(100px,80px)}
}

/* ===== MAIN WRAPPER ===== */
section.form-section .mainwrp{
    backdrop-filter: blur(20px);
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,157,0,0.4);
    padding: 50px;
    border-radius: 25px;
    box-shadow: 0 0 40px rgba(255,157,0,0.2);
    transition: 0.5s ease;
    position: relative;
}

section.form-section .mainwrp:hover{
    transform: translateY(-8px);
    box-shadow: 0 0 60px rgba(255,157,0,0.4);
}

/* ===== TEXT ===== */
.form-section .txtwrp{
    text-align:center;
    margin-bottom:30px;
}

.form-section .txtwrp h2{
    font-size: 32px;
    font-weight: 700;
    color:#fff;
    text-transform: uppercase;
    letter-spacing:1px;
}

.form-section .txtwrp span{
    background: linear-gradient(90deg, #ff9d00, #444444);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

section.form-section .content-section p{
    font-size:18px;
    line-height:30px;
    color:#ddd;
}

/* ===== FORM INPUTS ===== */
section.form-section .form-wrapper input,
section.form-section .form-wrapper textarea,
section.form-section .form-wrapper select{
    width:100%;
    background: rgba(255,255,255,0.05);
    margin-top:20px;
    padding:15px 20px;
    border-radius:8px;
    color:#fff;
    border:1px solid rgba(255,255,255,0.2);
    transition:0.4s ease;
    font-size:16px;
    margin-bottom: 0;
}

/* Hover Effect */
section.form-section .form-wrapper input:hover,
section.form-section .form-wrapper textarea:hover,
section.form-section .form-wrapper select:hover{
    border-color:#ff9d00;
    box-shadow:0 0 15px rgba(255,157,0,0.4);
}

/* Focus Effect */
section.form-section .form-wrapper input:focus,
section.form-section .form-wrapper textarea:focus,
section.form-section .form-wrapper select:focus{
    outline:none;
    border-color:#ff9d00;
    box-shadow:0 0 20px rgba(255,157,0,0.6);
    transform:scale(1.02);
}

/* Placeholder */
section.form-section .form-wrapper input::placeholder,
section.form-section .form-wrapper textarea::placeholder{
    color:#bbb;
}

/* ===== FILE UPLOAD ===== */
section.form-section .attchmnt{
    position:relative;
}

section.form-section .form-wrapper input.file_uploadinp{
    height:100px;
    padding:50px 20px 0;
    cursor:pointer;
}

section.form-section .form-wrapper .attchmnt label{
    position:absolute;
    top:15px;
    left:20px;
    font-size:14px;
    color:#ff9d00;
}

/* ===== BUTTON ===== */
section.form-section .form-wrapper input.btn-1{
    background: linear-gradient(90deg, #ff9d00, #444444);
    border:none;
    font-size:18px;
    cursor:pointer;
    font-weight:600;
    margin-top:25px;
    transition:0.4s ease;
}

section.form-section .form-wrapper input.btn-1:hover{
    transform:translateY(-3px);
    box-shadow:0 10px 25px rgba(255,157,0,0.5);
}

/* ===== IMAGE ===== */
section.form-section .imgwrp img{
    width:100%;
    position:absolute;
    bottom:0;
    animation: floatImage 6s infinite ease-in-out;
}

@keyframes floatImage{
    0%{transform:translateY(0px)}
    50%{transform:translateY(-15px)}
    100%{transform:translateY(0px)}
}

/* ===== SCROLL ANIMATION ===== */
/* .form-animate {
    opacity: 0;
     width: 80%;
    transform: translate(200px, 54px);
    transition: all 1s ease;
}

.form-animate.active {
    opacity: 1;
    transform: translate(210px, 80px);
} */
.form-section.reveal{

    /* transform:translate(200px, 54px); */
    transition: all 1s ease;
}

.form-section.reveal.active{
    opacity:1;
    /* transform: translateY(66px) !important; */
}
.form-wrapper select{
    background:#0f0f1a;
    color:#fff;
    border:1px solid #ff9d00;
    appearance:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    cursor:pointer;
}
.innrbannr .txtwrp img {
    filter: sepia(1);
}
/* Arrow custom */
.form-wrapper select {
    background-image: url("data:image/svg+xml;utf8,<svg fill='orange' height='20' viewBox='0 0 24 24' width='20' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>");
    background-repeat:no-repeat;
    background-position:right 15px center;
}

/* Option */
.form-wrapper select option{
    background:#111;
    color:#fff;
}


/* ===== RESPONSIVE ===== */
@media(max-width:991px){
    section.form-section .mainwrp{
        padding:35px;
    }
}

@media(max-width:576px){
    section.form-section{
        padding: 13% 5%;
        width: 100%;
        /* transform: translate(5px, 99px) !important; */
        margin-bottom: 55px;
    }
    .form-section .txtwrp h2{
        font-size: 25px;
    }

    section.form-section .content-section p {
    font-size: 14px;
    line-height: 21px;
}

    section.form-section .mainwrp{
        width: 100%;
        padding:25px;
    }
    .form-section .form-wrapper input, section.form-section .form-wrapper textarea, section.form-section .form-wrapper select {
    width: 100%;
    background: rgba(255, 255, 255, 0.05);
    margin-top: 0px;
    padding: 15px 20px;
    margin-bottom: 15px;
    border-radius: 8px;
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.2);
    transition: 0.4s ease;
    font-size: 16px;
}

    .form-section .txtwrp h2{
        font-size: 18px;
        line-height: 27px;
    }
    form .form-control {

    margin-bottom: 5px;
}
}








/* ===== GOOGLE FONT ===== */

/* ===============================
   SECTION BACKGROUND
=================================*/
.contact-creative-section {
    padding: 120px 0;
    background: linear-gradient(135deg, #000000, #000000);
    position: relative;
    overflow: hidden;
}

/* Animated Background Glow */
.contact-creative-section::before {
    content: "";
    position: absolute;
    width: 600px;
    height: 600px;
    background: radial-gradient(circle, rgb(255 157 0 / 24%), transparent 70%);
    top: -150px;
    left: -150px;
    animation: moveGlow 8s infinite alternate ease-in-out;
}

@keyframes moveGlow {
    0% { transform: translate(0,0); }
    100% { transform: translate(120px,120px); }
}

/* ===============================
   LEFT CONTENT
=================================*/
.contact-left {
    animation: fadeUp 1s ease forwards;
}

.sub-title {
    color: #00f5ff;
    letter-spacing: 2px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.main-title {
    font-size: 42px;
    font-weight: 800;
    margin-bottom: 20px;
    line-height: 1.2;
}

.main-title span {
    background: linear-gradient(90deg, #ffffff, #ff9d00);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.contact-left p {
    opacity: 0.8;
    margin-bottom: 30px;
}

/* Info Box */
.contact-info-box {
    background: rgba(255,255,255,0.05);
    backdrop-filter: blur(15px);
    padding: 30px;
    border-radius: 20px;
    border: 1px solid rgba(255,255,255,0.08);
}

.info-item {
    margin-bottom: 20px;
}

.info-item h5 {
    font-size: 16px;
    color: #f39500;
    margin-bottom: 5px;
}

.info-item p {
    font-size: 15px;
    opacity: 0.8;
}

/* ===============================
   FORM BOX
=================================*/
.contact-form-box {
    background: rgba(255,255,255,0.06);
    backdrop-filter: blur(20px);
    padding: 50px;
    border-radius: 25px;
    border: 1px solid rgba(255,255,255,0.1);
    box-shadow: 0 25px 60px rgba(0,0,0,0.4);
    animation: fadeUp 1.2s ease forwards;
}

.contact-form-box h3 {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 35px;
    text-align: center;
}

/* ===============================
   INPUTS
=================================*/
.contact-form-box .form-control {
    background: rgba(255,255,255,0.08);
    border: 1px solid rgba(255,255,255,0.15);
    border-radius: 12px;
    padding: 14px 18px;
    margin-bottom: 20px;
    color: #fff;
    transition: 0.4s ease;
}

.contact-form-box .form-control::placeholder {
    color: rgba(255,255,255,0.6);
}

.contact-form-box .form-control:focus {
    border-color: #00f5ff;
    box-shadow: 0 0 15px rgba(0,245,255,0.5);
    background: rgba(255,255,255,0.12);
}

/* File Upload */
.upload-label {
    font-size: 14px;
    margin-bottom: 8px;
    display: block;
    opacity: 0.8;
}

/* ===============================
   BUTTON
=================================*/
.creative-btn {
    background: linear-gradient(90deg, #835000, #ff9d00);
    border: none;
    padding: 15px 45px;
    font-weight: 600;
    border-radius: 50px;
    color: #fff;
    transition: 0.4s ease;
    position: relative;
    overflow: hidden;
}

.creative-btn:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 40px rgba(0,245,255,0.6);
}

/* ===============================
   ANIMATION
=================================*/
@keyframes fadeUp {
    0% {
        opacity: 0;
        transform: translateY(60px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ===============================
   RESPONSIVE
=================================*/
@media (max-width: 991px) {

    .main-title {
        font-size: 32px;
    }

    .contact-form-box {
        padding: 35px;
        margin-top: 40px;
    }
}
/* ONLY inside contact section */
.contact-creative-section select.form-control {
    background: rgba(255,255,255,0.08) !important;
    color: #fff !important;
    border: 1px solid rgba(255,255,255,0.15);
    border-radius: 12px;
    padding: 14px 18px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    transition: 0.4s ease;
}

/* Dropdown options */
.contact-creative-section select.form-control option {
    background: #ef9300;
    color: #fff;
}

/* Focus effect */
.contact-creative-section select.form-control:focus {
    border-color: #ff7300;
    box-shadow: 0 0 15px rgba(255,115,0,0.5);
}

/* Custom Arrow */
.contact-creative-section select.form-control {
    background-image: url("data:image/svg+xml,%3Csvg fill='white' height='20' viewBox='0 0 20 20' width='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 7l5 5 5-5z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 15px center;
    background-size: 18px;
    padding-right: 45px;
}
span.listspan {
    margin-top: 10px;
    background: #000;
    font-style: italic;
    padding-top: 5px;
    display: flex;
    color: #fff;
    font-weight: 500;
    font-size: 18px;
    text-transform: uppercase;
    width: fit-content;
    padding: 5px 15px;
    border-radius: 33px;
    margin-bottom: 10px;
}

.Goalbox ul li {padding-bottom: 2px;}



/* MEGA MENU CSS */
.dp-menu{
position:absolute;
background:#fff;
list-style:none;
padding:10px 0;
width:220px;
box-shadow:0 5px 15px rgba(0,0,0,0.1);
display:none;
}

.menu-item-has-children:hover .dp-menu{
display:block;
}

.dp-menu li{
position:relative;
}

.dp-menu li a{
display:block;
padding:10px 15px;
color:#333;
text-decoration:none;
font-size:14px;
}

.dp-menu li a:hover{
background:#f5f5f5;
}

/* second level */

.sub-menu{
position:absolute;
left:100%;
top:0;
background:#fff;
width:220px;
list-style:none;
padding:10px 0;
box-shadow:0 5px 15px rgba(0,0,0,0.1);
display:none;
}

.submenu:hover .sub-menu{
display:block;
}
.submenu > a::after{
content:"›";
float:right;
}

.nice-select.form-control{
   width: 100%;
    background: rgba(255, 255, 255, 0.05);
    margin-top: 20px;
    padding: 15px 20px;
    border-radius: 8px;
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.2);
    transition: 0.4s ease;
    font-size: 16px;
}
.nice-select .list .option{
    background: #000;
}
.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus{
    background: #ffc226 !important;
}
.nice-select .list:hover .option:not(:hover){
     background: #000 !important;
}
.nice-select .list{
    background: #000 !important;
}