html,
body{
 font-size:16px;
}

body{
 font-family:"Inter", sans-serif;
 padding:15px;
}

body > *{
 font-size:14px;
}

.select-placeholder::after{
 content:unset;
}

.select-placeholder label,
.select-placeholder label small{
 filter:none;
 opacity:1;
}

body.styled{
 background:#ffffff;
}

body.styled .form-col{
 margin-top:50px;
 min-width:0;
 word-wrap:break-word;
 background-color:#fff;
 background-clip:border-box;
 border:0.0625rem solid rgba(0, 0, 0, 0.05);
 border-radius:6px;
 -webkit-box-shadow:0 0.125rem 0.25rem rgb(0 0 0 / 8%) !important;
 box-shadow:0 0.125rem 0.25rem rgb(0 0 0 / 8%) !important;
 min-height:1px;
 padding:2rem;
}

.logo{
 margin-top:40px;
}

.logo img{
 display:block;
 margin-right:auto;
 margin-left:auto;
}




body.styled{
 background:#ffffff;
 min-height:100vh;
}


body.styled .form-col{
 margin-top:30px;
 margin-bottom:30px;
 padding:2.5rem;
 border-radius:16px;
 border:none;
 box-shadow:0 10px 40px rgba(0, 0, 101, 0.12) !important;
 background:#ffffff;
}


.form-col h4,
.form-col .form-title{
 color:#000065;
 font-weight:700;
 font-size:1.5rem;
 margin-bottom:1.5rem;
 text-align:center;
 border-bottom:3px solid #2AB9AD;
 padding-bottom:1rem;
}


.form-group label{
 color:#000065;
 font-weight:600;
 font-size:0.9rem;
 margin-bottom:0.5rem;
}


.form-control{
 border:2px solid #e2e8f0;
 border-radius:10px;
 padding:12px 16px;
 font-size:1rem;
 transition:all 0.3s ease;
 background:#f8fafc;
}

.form-control:focus{
 border-color:#2AB9AD;
 box-shadow:0 0 0 4px rgba(42, 185, 173, 0.15);
 background:#ffffff;
 outline:none;
}

.form-control::placeholder{
 color:#94a3b8;
}


textarea.form-control{
 min-height:120px;
 resize:vertical;
}


.bootstrap-select .dropdown-toggle{
 border:2px solid #e2e8f0 !important;
 border-radius:10px !important;
 padding:12px 16px !important;
 background:#f8fafc !important;
 height:auto !important;
}

.bootstrap-select .dropdown-toggle:focus{
 border-color:#2AB9AD !important;
 box-shadow:0 0 0 4px rgba(42, 185, 173, 0.15) !important;
}


.form-col .btn,
.form-col button[type="submit"],
.form-col input[type="submit"]{
 background:linear-gradient(135deg, #2AB9AD 0%, #1a9a8f 100%) !important;
 border:none !important;
 border-radius:12px !important;
 padding:16px 32px !important;
 font-size:1.1rem !important;
 font-weight:700 !important;
 text-transform:uppercase;
 letter-spacing:0.5px;
 transition:all 0.3s ease !important;
 box-shadow:0 4px 15px rgba(42, 185, 173, 0.4) !important;
 width:100%;
 margin-top:1rem;
}

.form-col .btn:hover,
.form-col button[type="submit"]:hover,
.form-col input[type="submit"]:hover{
 background:linear-gradient(135deg, #1a9a8f 0%, #000065 100%) !important;
 transform:translateY(-2px);
 box-shadow:0 6px 20px rgba(0, 0, 101, 0.4) !important;
}


.form-group label .req{
 color:#ef4444;
 font-weight:bold;
}


.alert-success{
 background:linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%);
 border:none;
 border-radius:12px;
 color:#065f46;
 padding:1.5rem;
 text-align:center;
 font-weight:600;
}


.g-recaptcha{
 display:flex;
 justify-content:center;
 margin:1.5rem 0;
}


.logo{
 margin-top:20px;
 margin-bottom:10px;
}

.logo img{
 max-height:80px;
}


@media (max-width:768px){
 body.styled .form-col{
 margin:15px;
 padding:1.5rem;
}

 .form-col .btn,
 .form-col button[type="submit"]{
 padding:14px 24px !important;
 font-size:1rem !important;
}
}


@keyframes fadeInUp{
 from{
 opacity:0;
 transform:translateY(20px);
}
 to{
 opacity:1;
 transform:translateY(0);
}
}

body.styled .form-col{
 animation:fadeInUp 0.5s ease-out;
}


.form-group .input-icon{
 position:relative;
}

.form-group .input-icon i{
 position:absolute;
 left:16px;
 top:50%;
 transform:translateY(-50%);
 color:#2AB9AD;
}

.form-group .input-icon .form-control{
 padding-left:45px;
}