body {
    font-family: 'Inter', sans-serif;
    overflow-x: hidden;
    position: relative;
}
ul, li{
    list-style-type: none;
    list-style: none;

}


input:focus{
    outline: none;
    box-shadow: none !important;
}
a{
    text-decoration: none;
}
.container{
    max-width: 95%;
}  
.aster-header{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    padding: 40px 0 0;
}

.aster-header .navbar-brand img{
    width: 260px;
}
.aster-header  .btn{
    background: #FB8C27;
border-radius: 7px;
font-weight: 700;
font-size: 16px;
line-height: 113.1%; 
padding: 12px 35px;
color: #FFFFFF;

}
header#header-part {
    position: absolute;
    z-index: 10;
    width: 100%;
}

nav.edu-navbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0;
}
.hsk-item.hsk-phone {
    display: flex;
    gap: 20px;
    align-items: center;
}
a.phn-skyline{
    color: #fff;
}

a.phn-skyline img {
    margin-right: 10px;
}

select.form-select [disabled] { 
   background-color: #bcbdbe !important;
    
}



a.navbar-brand {
    text-align: center;
    margin: 0px auto;
}


.banner{
    min-height: 680px;
    height: 100vh;
    background-size: cover;
    background-image: url(../img/bg-new.jpg);
    position: relative;
    padding: 125px 0 0;
}
.banner::after{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: linear-gradient(178.83deg, rgba(18, 18, 18, 0.2) 1%, rgba(255, 255, 255, .5) 118.65%);
mix-blend-mode: multiply;
}

.banner .container{
    position: relative;
    z-index: 1;
}

.form-cntr {
    max-width: 700px;
    margin: 0px auto;
    margin-top: 50px;
}

.form-cntr h2{
    font-weight: 700;
font-size: 32px;
line-height: 113.1%; 
margin-bottom: 45px;
color: #FFFFFF;
text-align: center;
}

.form-cntr .form-cntr-main{
    max-width: 700px;
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(22px); 
    padding: 35px;
    border-radius: 3px;
    margin-bottom: 20px;
}

.form-cntr .form-control{
    border: 0;
    border-bottom: 0.5px solid #C1C1C1;
    border-radius: 0;
    background: unset;
    position: relative;
    padding-left: 30px;
    font-weight: 400;
    font-size: 15px;
    line-height: 160.5%; 
    color: rgba(19, 15, 38, 0.55);
}
.form-cntr .form-select{
    padding-right: 25px;
    border: 0px;
    border-bottom: 0.5px solid #C1C1C1;
    border-radius: 0px;

}


.form-cntr .form-group  { 
    position: relative;
    margin-bottom: 20px;
}
.form-cntr .form-group svg{ 
    position: absolute;
    top: 8px;
    left: 5px;
    z-index: 10;
}
.form-cntr .form-check-label{ 
    font-weight: 300;
    font-size: 14px;
    line-height: 160.5%;  
    color: rgba(19, 15, 38, 0.55);

}
.form-cntr .form-check-label b{ 
    font-weight: 600; 

}
select#inputState {
    background-color: transparent;
    border: 0px solid transparent;
    border-bottom: 0.5px solid #C1C1C1;
    border-radius: 0;
    position: relative;
    padding-left: 0px;
    font-weight: 400;
    font-size: 15px;
    line-height: 160.5%;
}



.form-cntr .btn-primary{
    background: #ee3c35;
    font-weight: 700;
font-size: 20px;
line-height: 113.1%; 
color: #FFFFFF;
padding: 14px 25px;
border-radius: 0;
border: 0;
}

img.footer-logo {
    display: none;
}

.form-cntr .form-select:focus {
    border-color: unset;
    outline: 0;
    box-shadow: 0 ;
}


.form-cntr .form-control:focus {
    border-color: unset;
    outline: 0;
    box-shadow: 0 ;
}

.form-cntr  .form-check-input:checked {
    background-color: #ee3c35;
    border-color: #ee3c35;
}


.banner img{
    position: relative;
    margin-bottom: -65%;
}

.content-area{
    padding-top: 125px;
}
.content-area h3{
    font-weight: 700;
font-size: 24px;
line-height: 113.1%; 
margin-bottom: 50px;
color: #130F26;
}
.cnt-pnt {
     margin-bottom: 30px;
}
.cnt-pnt p{
    margin: 0;
    font-weight: 700;
font-size: 16px;
line-height: 26px; 

color: #1E0E62;
}
.cnt-pnt svg{
    position: relative;
    top: 6px ;
    margin-right: 10px;
}

.note{
    background: rgba(0, 188, 132, 0.14);
    padding: 45px 65px;
    margin-top: 60px;
    position: relative;
}
.note span{
    background: #ee3c35;
    font-weight: 700;
font-size: 20px;
line-height: 113.1%; 
padding:6px  25px ;
color: #FFFFFF;
position: relative;
top: -50px;
}
.note ul  {
   padding: 0;
   margin: 0;
}
.note ul li{
    font-weight: 400;
font-size: 15px;
line-height: 156.1%; 
color: #000000;
display: inline;
    width: 45%;
    margin-right: 50px;
}


footer{
    padding: 20px 0;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
}
img.footer-logo {
    width: 100px;
}



footer a{
    font-weight: 400;
font-size: 12px;
line-height: 113.1%;  
color: #fff !important; 
}
.foot-text{
    text-align: right;
}

.foot-text span{
    margin: 0 5px;
}
select#inputState option {
    padding: 10px;
}

h3.green-text {
    color: green;
    font-weight: 600;
}
div#response-body p {
    width:90%;
    margin: 0px auto;
    margin-top: 20px;
}
div#response-body a {
    color: #000;
    font-weight: 600;
    text-decoration: revert;
}



img.footer-logo {
    display: none !important;
}

.conmtact-details-mob-view {
    display: none;
}


@media (max-width: 1700px) {

 
}

@media (max-width: 1450px) {
  
}

@media (max-width: 1024px) {
 
    .banner {
        min-height: 750px;
    }
}




@media (max-width: 767px) { 
   
    .banner {
        background-size: cover;
        position: relative;
        padding: 140px 0 160px;
        min-height: 110vh;
    }

    .hsk-item.hsk-phone {
        display: flex;
        gap: 10px;
        align-items: baseline;
        flex-direction: column;
    }

}

.hsk-item.hsk-phone.mob {
    display: none;
}
.conmtact-details-mob-view {
    display: none;
}
div#response-body img {
    width: 240px;
    margin-bottom: 20px;
    margin-top: 0px;
}


@media (max-width: 576px) { 

    a.nav-item-l-b.data-scroll img {
        width: 120px;
    }
    nav.edu-navbar {
        padding: 0;
    }
    .conmtact-details-mob-view {
        display: block;
        margin-top: 30px;
        margin-bottom: 20px;
    }

    
    .banner {
        min-height: 120vh;
        padding: 80px 0 40px;
    }

    .hsk-item.hsk-phone.desk {
        display: none;
    }
    .hsk-item.hsk-phone.mob {
        display: flex;
        background-color: #f2af4be8;
        padding: 20px;
        border-radius: 5px;
    }
    a.phn-skyline {
        display: flex;
        align-items: center;
    }
    a.phn-skyline img {
        margin-right: 10px;
        margin-bottom: 0px;
    }
    a.phn-skyline {
        display: flex;
        align-items: center;
    }
    .form-cntr .form-cntr-main {
        padding: 25px 20px;
    }
    .form-cntr .btn-primary {
        font-size: 16px;
        padding: 10px 15px;
    }

}

@media (max-height:600px) { 

.banner {
    min-height: 1000px;
    padding: 80px 0 40px;
}

}