.btn-register{
background:#0da1be;
color:#fff;
border:none;
padding:12px 30px;
font-size:16px;
border-radius:6px;
font-weight:600;
transition:0.3s;
}

.btn-register:hover{
background:#087f95;
}

.btn-reset{
background:#eee;
border:none;
padding:12px 25px;
margin-right:10px;
border-radius:6px;
font-size:15px;
}

.success-message{
background:#e8f9f6;
border-left:4px solid #0da1be;
padding:12px;
margin-bottom:25px;
color:#087f95;
font-weight:500;
border-radius:4px;
}

.success-message i{
margin-right:5px;
}

@media(max-width:768px){
.registration-wrapper{
padding:25px;
padding-top: 0px;
}
}
/* ===== FONT ===== */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');

.inner-mainpage-banners{
font-family:'Poppins',sans-serif;
}

/* ===== BREADCRUMB BAR ===== */

.brd-crumbs{
background:#0c1f4a;
padding:10px 0;
font-size:13px;
}

#crumbs{
color:#fff;
}

#crumbs a{
color:#fff;
text-decoration:none;
opacity:.9;
}

#crumbs span{
color:#dbe9ff;
}

/* ===== HERO BACKGROUND ===== */

.static-innerpage-header-bg{
background:linear-gradient(90deg,#0b1e45 0%, #254c79 40%, #64c7d8 100%);
padding:30px 0 0px;
color:#fff;
position:relative;
}
/* ===== TITLE ===== */

.top-titles h2{
font-size:42px;
font-weight:600;
margin-bottom:20px;
letter-spacing:.3px;
}

/* ===== BULLET POINTS ===== */

.highlighted-points{
list-style:none;
padding:0;
margin:0 0 25px;
}

.highlighted-points li{
font-size:16px;
line-height:28px;
margin-bottom:8px;
padding-left:28px;
position:relative;
color:#e6f1ff;
}

.highlighted-points li strong{
color:#ffc107;
font-weight:600;
}

/* double tick */

.highlighted-points{
list-style:none;
padding:0;
margin:0;
}

.highlighted-points li{
position:relative;
padding-left:34px;
margin-bottom:14px;
font-size:16px;
line-height:28px;
color:#eaf2ff;
}

.highlighted-points li strong{
color:#ffc107;
font-weight:600;
}

.highlighted-points li:before{
content:"✓✓";
position:absolute;
left:0;
top:4px;
font-size:16px;
color:#ffffff;
font-weight:600;
}
/* ===== COLLABORATION BOX ===== */

.collaboration{
display:flex;
align-items:center;
background:#132b5c;
border-radius:14px;
overflow:hidden;
margin-top:25px;
}

.left-colab{
background:#fff;
padding:20px 30px;
text-align:center;
min-width:220px;
}

.left-colab p{
margin:0;
font-size:14px;
color:#333;
}

.right-colab{
display:flex;
flex:1;
}

.right-colab div{
flex:1;
text-align:left;
padding:18px;
border-left:1px solid rgba(255,255,255,.15);
}

.right-colab h5{
font-size:18px;
margin:0;
font-weight:600;
}

.right-colab p{
font-size:13px;
margin:0;
color:#c9dbff;
}

/* ===== RIGHT FORM CARD ===== */

.inner-banner-form{
display:flex;
justify-content:center;
}

.contact_us_inner{
background:#ededed;
padding:25px;
border-radius:14px;
box-shadow:0 15px 30px rgba(0,0,0,.2);
width:100%;
max-width:360px;
}

/* ===== FORM HEADER ===== */

.inner-form-head{
background:#163a6a;
padding:12px;
color:#fff;
text-align:center;
border-radius:12px 12px 0 0;
margin:-25px -25px 20px -25px;
}

.inner-form-head h5{
margin:0;
font-size:14px;
font-weight:600;
}

/* ===== INPUTS ===== */

.contact_us_inner input,
.contact_us_inner select,
.contact_us_inner textarea{
width:100%;
border:none;
background:#dcdcdc;
padding:10px 12px;
border-radius:4px;
margin-bottom:12px;
font-size:14px;
}

.contact_us_inner textarea{
height:80px;
resize:none;
}

/* ===== ROW SPACING ===== */

.contact_us_inner .row{
margin:0 -6px;
}

.contact_us_inner .col-md-6{
padding:0 6px;
}

/* ===== SUBMIT BUTTON ===== */

.contact_us_inner button{
width:100%;
background:#35c46c;
border:none;
color:#fff !important;
padding:12px;
border-radius:4px;
font-size:14px;
font-weight:600;
transition:.3s;
}

.contact_us_inner button:hover{
background:#2ba457;
}

/* ===== RESPONSIVE ===== */

@media(max-width:992px){

.static-innerpage-header-bg{
padding:40px 0;
}

.top-titles h2{
font-size:30px;
}

.collaboration{
flex-direction:column;
}

.left-colab{
width:100%;
}

.right-colab{
width:100%;
}

.inner-banner-form{
margin-top:30px;
}

}
.top-titles h2{
font-size:30px;
font-weight:500;
margin-bottom:20px;
}
.highlighted-points{
list-style:none;
padding-left:0;
margin-top:20px;
}

.highlighted-points li{
position:relative;
padding-left:35px;
margin-bottom:16px;
font-size:16px;
line-height:26px;
}

.highlighted-points li:before{
content:"✓✓";
position:absolute;
left:0;
top:0;
color:#ffffff;
font-weight:700;
font-size:18px;
letter-spacing:-8px;
}

.highlighted-points strong{
color:#ffcc33;
font-weight:600;
}
.collaboration{
display:flex;
align-items:center;
margin-top:30px;
background:#1a3260;
border-radius:15px;
overflow:hidden;
}

.left-colab{
background:#f1f1f1;
padding:20px 30px;
text-align:center;
}

.left-colab p{
color:#333;
font-size:14px;
margin-bottom:5px;
}

.right-colab{
display:flex;
flex:1;
justify-content:space-around;
color:#fff;
padding:20px;
}

.right-colab div{
text-align:left;
border-right:1px solid rgba(255,255,255,0.15);
padding:0 25px;
}

.right-colab div:last-child{
border-right:none;
}

.right-colab h5{
font-size:18px;
font-weight:600;
margin-bottom:3px;
}

.right-colab p{
font-size:12px;
opacity:.9;
}
.contact_us_inner{
background:#ffffff;
border-radius:15px;
box-shadow:0 15px 35px rgba(0,0,0,0.2);
overflow:hidden;
}

.inner-form-head{
background:#214c7a;
color:#fff;
text-align:center;
padding:14px;
font-weight:600;
}
.acteUnifiedForm input,
.acteUnifiedForm select,
.acteUnifiedForm textarea{
width:100%;
border:none;
background:#f0f0f0;
margin-bottom:12px;
border-radius:6px;
font-size:14px;
}
.acteUnifiedForm button{
width:100%;
background:#39b76b;
color:#fff !important;
border:none;

border-radius:6px;
font-weight:600;
font-size:16px;
cursor:pointer;
transition:.3s;
}

.acteUnifiedForm button i{
margin-left:6px;
}

.acteUnifiedForm button:hover{
background:#2fa65d;
}
.row .col-md-6{
padding-right:6px;
padding-left:6px;
}
button, input, optgroup, select, textarea {
    margin: 0;
    font: inherit;
    color: #5a5353e3;
}
.highlighted-points li:before{
content:"\2713 \2713";
}
button, input, optgroup, select, textarea {
    margin: 0;
    font: inherit;
    color: #0000009c !important;
}
@media (max-width:768px){

.collaboration{
flex-direction:column;
border-radius:12px;
overflow:hidden;
}

.left-colab{
width:100%;
text-align:center;
padding:18px 10px;
}

.left-colab img{
max-width:120px;
}

.right-colab{
width:100%;
display:flex;
flex-wrap:wrap;
padding:10px 5px;
}

.right-colab div{
width:33.33%;
text-align:center;
border-right:1px solid rgba(255,255,255,0.2);
padding:10px 5px;
}

.right-colab div:last-child{
border-right:none;
}

.right-colab h5{
font-size:16px;
margin-bottom:2px;
}

.right-colab p{
font-size:12px;
}

}
.form-tabs{
margin-top:15px;
margin-bottom: 15px;
}

.tab-btn{
border:none;
background:#eee;
padding:8px 20px;
margin:5px;
border-radius:6px;
font-weight:500;
cursor:pointer;
font-size:18px;
}

.tab-btn.active{
background:#0da1be;
color:#fff;
}
.registration-header p{
    color:#666;
    font-size:14px;
    margin-top:5px;
    margin-bottom:20px;
}
/* IMAGE */
.banner-img img{
    width:100%;
    height:auto;
    object-fit:cover;
}

/* SHIFT CONTENT SLIGHTLY RIGHT */
.content-shift{
    padding-left:40px;
}

/* MOBILE FIX */
@media(max-width:768px){

    .banner-img{
        display:none;   /* hide image on mobile */
    }

    .content-shift{
        padding-left:15px;
    }

}
.banner-img img {
    width: 260px;
    height: auto;
    object-fit: cover;
    margin-top: -20px;
    margin-left:60px;
}
/* ===== FIX FOOTER OVERLAP ===== */
body {
    padding-bottom: 70px; /* important */
}

/* ===== BOTTOM BAR ===== */
.bottom-contact-bar{
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    font-family: 'Poppins', sans-serif;
    box-shadow: 0 -2px 10px rgba(0,0,0,0.2);
}

/* contact text */
.contact-info{
    color: #fff;
    padding: 10px 18px;
    font-size: 15px;
    border-right: 1px solid #444;
}

/* remove last border */
.contact-info:last-child{
    border-right: none;
}

/* demo button */
.demo-btn{
    background: #0d3c66;
    color: #fff;
    padding: 12px 22px;
    text-decoration: none;
    font-weight: 500;
    margin-left: 18px;
    transition: 0.3s;
}

.demo-btn:hover{
    background: #0da1be;
    color: #fff;
}

/* ===== MOBILE ===== */
@media(max-width:768px){

    .bottom-contact-bar{
        flex-wrap: wrap;
    }

    .contact-info{
        width: 50%;
        text-align: center;
        border-right: none;
        border-bottom: 1px solid #444;
    }

    .demo-btn{
        width: 100%;
        text-align: center;
    }
}
.bottom-contact-bar{
    position: fixed;
    bottom: 0;
    height: 60px;
}

body{
    padding-bottom: 60px;
}

.footer{
    margin-bottom: 60px;
}
.demo-box{
  width:900px;
  height:500px;
  background:#fff;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  display:flex;
  border-radius:12px;
  overflow:hidden;
  box-shadow:0 20px 60px rgba(0,0,0,0.25);
}
/* LEFT SIDE */
.demo-left{
  width:50%;
  background:linear-gradient(135deg,#1c5d85 0%, #0da1be 100%);
  color:#fff;
  padding:40px 35px;
  display:flex;
  flex-direction:column;
  justify-content:center;   /* ✅ CENTER ALIGN */
}

.demo-left h3{
  font-size:22px;
  font-weight:600;
  line-height:1.4;
}

.demo-left h3 span{
  color:#ffc747;
}

.demo-left ul{
  margin-top:20px;
  list-style:none;
  padding:0;
}

.demo-left li{
  margin-bottom:12px;
  font-size:15px;
  position:relative;
  padding-left:22px;
}

.demo-left li:before{
  content:"\2713 ";
  position:absolute;
  left:0;
  color:#ffc747;
  font-size:14px;
}

/* BUTTON GRID FIX */
.demo-buttons{
  margin-top:25px;
  display:grid;
  grid-template-columns:1fr 1fr;   /* ✅ perfect 2 columns */
  gap:12px;                        /* ✅ equal spacing */
}

.demo-buttons button{
  width:100%;
  padding:11px 10px;
  border:1px solid #fff;
  background:transparent;
  color:#fff !important;
  border-radius:6px;
  font-size:14px;
  height:42px;                     /* ✅ equal height */
  display:flex;
  align-items:center;
  justify-content:center;
}

.demo-buttons button:hover{
  background:#fff;
  color:#000 !important;
}

/* RIGHT SIDE */
.demo-right .row{
    margin:0 -6px;   /* ✅ SAME AS TOP FORM */
}

.demo-right .col-md-6{
    padding:0 6px;   /* ✅ SAME SPACING */
}
.demo-right{
  width:50%;
  padding:30px;
  background:#f5f5f5;
  position:relative;
}
.acteUnifiedForm input,
.acteUnifiedForm select,
.acteUnifiedForm textarea{
    background:#f0f0f0;
    border-radius:6px;
}
.demo-right input,
.demo-right select,
.demo-right textarea{
    width:100%;
    height:42px;
    padding:10px 12px;
    margin-bottom:12px;
    border:none;
    background:#f0f0f0;   /* ✅ MATCHED */
    border-radius:6px;
    font-size:14px;
    box-sizing:border-box;
}

.demo-right textarea{
    height:80px;
}

.demo-right h3{
  text-align:center;
  font-size:20px;
  font-weight:600;
  margin-bottom:15px;
  line-height:1.4;
}

/* FORM */
.demo-right input{

  height:42px;        /* ✅ SAME HEIGHT */
  padding:0 12px;
}

.demo-right textarea{
  height:70px;
}

.demo-buttons::before,
.demo-buttons::after{
    content:none !important;
    display:none !important;
}
/* SUBMIT BUTTON */
.submit-btn{
  background:#39b36e;
  color:#fff;
  border:none;
  padding:10px;
  width:150px;
  display:block;
  margin:12px auto;
  border-radius:6px;
  font-weight:600;
}

/* CLOSE BUTTON (FIXED STYLE) */
.demo-close{
  position:absolute;
  right:12px;
  top:12px;
  width:28px;
  height:28px;
  border-radius:50%;
  background:#fff;
  border:1px solid #ccc;
  text-align:center;
  line-height:26px;
  font-size:16px;
  cursor:pointer;
}
.demo-popup{
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  display:none;
  z-index:9999999;
}
.demo-right{
    display:block;   /* ✅ FIX ALIGNMENT */
}
.demo-right select{
    width:100%;
    height:42px;
    padding:0 35px 0 12px;   /* right space for icon */

    border:none;
    border-radius:6px;
    background-color:#e7e7e7;

    font-size:14px;
    font-family:'Roboto', sans-serif;

    appearance:none;
    -webkit-appearance:none;
    -moz-appearance:none;

    /* ✅ PERFECT DROPDOWN ICON */
    background-image: url("data:image/svg+xml;utf8,<svg fill='%23666' height='18' viewBox='0 0 20 20' width='18' xmlns='http://www.w3.org/2000/svg'><path d='M5 7l5 6 5-6z'/></svg>");
    background-repeat:no-repeat;
    background-position:right 12px center;
    background-size:12px;
}
.demo-overlay{
  position:absolute;
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.6);
}
.demo-right{
  width:50%;
  padding:35px 30px;
  background:#f3f3f3;
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:center;   /* ✅ CENTER ALIGN */
}
.demo-right form{
  width:100%;
}

.demo-right input,
.demo-right select,
.demo-right textarea{
  width:100%;
  padding:12px;
  margin-bottom:12px;
  border:none;
  background:#e7e7e7;
  border-radius:6px;
  font-size:14px;
}
.demo-right h3{
  text-align:center;
  font-size:20px;
  font-weight:600;
  margin-bottom:15px;
}
.submit-btn{
  display:block;
  margin:15px auto 0;
}
.demo-right h3{
  text-align:center;
  font-size:20px;
  font-weight:600;
  margin-bottom:20px;
  font-family:'Roboto', sans-serif;
}

/* INPUTS */
.demo-right input,
.demo-right select,
.demo-right textarea{
  width:100%;
  padding:12px;
  margin-bottom:12px;
  border:none;
  background:#e7e7e7;
  border-radius:6px;
  font-size:14px;
  font-family:'Roboto', sans-serif;
}

.demo-right textarea{
  height:70px;
  resize:none;
}

/* SUBMIT BUTTON EXACT */
.submit-btn{
  background:#3cb371;
  color:#fff;
  border:none;
  padding:10px 20px;
  border-radius:5px;
  font-weight:600;
  display:block;
  margin:15px auto 0;
  font-size:14px;
  transition:0.3s;
}

.submit-btn i{
  margin-left:6px;
}

.submit-btn:hover{
  background:#2fa060;
}
.demo-left{
  font-family:'Roboto', sans-serif;
}
.demo-right select{
    padding:0 35px 0 12px !important;

    appearance:none !important;
    -webkit-appearance:none !important;
    -moz-appearance:none !important;

    background-image: url("data:image/svg+xml;utf8,<svg fill='%23666' height='18' viewBox='0 0 20 20' width='18' xmlns='http://www.w3.org/2000/svg'><path d='M5 7l5 6 5-6z'/></svg>") !important;

    background-repeat:no-repeat !important;
    background-position:right 12px center !important;
    background-size:12px !important;
}
.btn-banner-demo{
    display:inline-block;
    background:#0da1be;
    color:#fff;
    padding:12px 28px;
    font-size:16px;
    font-weight:600;
    border-radius:6px;
    text-decoration:none !important;
    transition:0.3s;
    font-family: 'roboto';
}

.btn-banner-demo:hover{
    background:#087f95;
    color:#fff;
}
@media (max-width:767px){

/* Hide left side completely */
.demo-left{
    display:none !important;
}
.demo-right .row{
    display:block;
}

.demo-right .row .col-md-6{
    width:100%;
    padding:0;
    margin-bottom:12px;
}

/* Ensure inputs take full width */
.demo-right input,
.demo-right select{
    width:100%;
}
/* Full width popup */
.demo-box{
    width:95%;
    height:auto;
    flex-direction:column;
}

/* Right side takes full width */
.demo-right{
    width:100%;
    padding:20px;
}

/* Improve spacing */
.demo-right h3{
    font-size:18px;
    margin-bottom:15px;
}

/* Inputs */
.demo-right input,
.demo-right select,
.demo-right textarea{
    font-size:14px;
    padding:10px;
}

/* Full width button */
.submit-btn{
    width:100%;
}

/* Close button adjust */
.demo-close{
    top:8px;
    right:8px;
}

}
/* ===== BOTTOM BAR ===== */
.bottom-contact-bar{
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50px; /* exact height like original */
    background: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    font-family: 'Poppins', sans-serif;
}

/* contact text */
.contact-info{
    color: #fff;
    padding: 0 18px;
    font-size: 14px;
    border-right: 1px solid #444;
    display: flex;
    align-items: center;
    height: 50px;
}

/* remove last border */
.contact-info:last-child{
    border-right: none;
}

/* ===== BUTTON (EXACT MATCH) ===== */
.btn-banner-demo{
    background: #0d3c66;
    color: #fff;
    padding: 20px 16px;   /* compact like original */
    font-size: 14px;
    font-weight: 500;
    border-radius: 3px;
    text-decoration: none;
    margin-left: 15px;
 font-family: 'Poppins', sans-serif;
    display: flex;
    align-items: center;
    justify-content: center;

    height: 30px;   /* exact button height */
    line-height: normal;

    transition: 0.3s;
}

.btn-banner-demo:hover{
    background: #0da1be;
    color: #fff;
}

/* ===== FIX FOOTER OVERLAP ===== */
body{
    padding-bottom: 50px;
}

.footer{
    margin-bottom: 50px;
}
.btn-banner-demo i{
    margin-right: 6px;
    font-size: 14px;
}
.demo-popup{
  display:none;
  justify-content:center;
  align-items:center;
}