*{padding: 0;margin: 0}
html {scroll-behavior: smooth;}
body{font-family: Montserrat;}
a,a:hover{color: inherit;text-decoration: none;}
/*.banner-top{background: #D9DCE5;}*/
.banner-text h1{font-weight: 900;color: #000}
.clear-both{clear: both;}
.btn-primary{background: #ED841B;color: #000;border-color: #ED841B;    font-weight: 500;}
.banner-form .form-control{background: none;border: none;border-bottom: 1px solid #ACAEB5;border-radius: 0;padding-left: 0;font-size: 14px;}
.banner-form .form-control:focus{box-shadow: none;outline: none;}
.banner-form{border:1px solid #4a4b4e7a;}
.banner-form{ background:#fff; padding:0!important; }
.banner-form form .form-group:not(:last-child){margin-bottom: 1.2rem}
.banner-form textarea.form-control{height: 70px;}
.banner-form .form-control::placeholder{color: #5e5e5e}
.page-title h2{font-weight: 800}
.page-title{border-bottom: 2px solid #EC841C}
.melting-desc p{font-size: 15px;color: #1d1d1d}
footer{background: #0C0C0C}
footer .row{justify-content: space-evenly;}
.addres-de h3{font-weight: 300;margin-top: 0.6rem}
.melting-desc p:last-child{margin-bottom: 0}
.carousel-caption{ 
    right: auto;
    bottom: auto;
    top: 50%;
    z-index: 10;
    color: inherit;
    text-align: left;
    transform: translate(-50%,-40%);
    width: 100%;
    left: 50%;padding: 0}
.carousel-indicators li.active{background-color: #E7811A }
header{top: 0;z-index: 9;width: 100%}
.radio_bu label{font-size: 1.5rem;margin-right: 0.3rem;font-weight: 500;cursor: pointer;}
.radio_bu input[type="radio"]{   position: relative;cursor: pointer;}

.questions_lisst ul li{font-weight: 600;font-size: 1.5rem;line-height: 4rem}
.questions_lisst ul li mark{    background-color: #ec841c30;}

.radio_bu input[type="radio"]:after {
        width: 20px;
        height: 20px;
        border-radius: 15px;
        top: -2px;
        left: -1px;
        position: relative;
        background-color: #d1d3d1;
        content: '';
        display: inline-block;
        visibility: visible;
        border: 2px solid #EC841C;
    }
.radio_bu input[type="radio"]:checked:after {background-color: #EC841C;}    
.questions_lisst{display: none;}

.banner-top-static p.banner_cont{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 50px;
    font-weight: 600;
    text-transform: uppercase;
}







.services h2.title{font-size: 2.25rem; font-weight: 800;}
.services .card-body p{ font-size:14px; }
.services .card-body a { color: #EC841C;}
.services .card-body a:hover{ color:#333; }
.services .owl-nav{ display:none; }




.img-frame {
    width: 500px;
    height: 406px;
    margin: auto;
    z-index: 99;
}
.img-frame:after {
    border: 4px solid #EC841C;
    left: -30px;
    top: -33px;
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    z-index: -1;
}

@media only screen and (min-width: 992px){
.page-title h2{font-size: 2.25rem}
.vision-Misi .content_vis{flex: 0 0 72%}
.vision-Misi .image{    flex: 0 0 28%;}

}

@media only screen and (min-width: 1280px){

.banner-text h1{    font-size: 3.025rem;}

}

@media (min-width: 1200px){
.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1170px;}
header{padding: 2.5rem 0}

}



@media only screen and (max-width: 767px){

.banner-text{    padding: 2rem 0 3rem;}
.banner-text h1{    font-size: 1.9rem;}
.page-title h2{    font-size: 1.4rem;}

.mission-desc h5 {font-size: 1.175rem;}

footer .row .addres-de:not(:last-child){margin-bottom: 1.5rem}
.phone_umber{    margin-bottom: 1rem;}
.number_form{margin-top: 2rem}
.carousel-item img {filter: opacity(0.4);}

.banner-top-static img{ height: 370px;}
.banner-top-static p.banner_cont {top: 60%;  font-size: 30px; font-weight: 800;    width: 100%; text-align: center;}
.img-frame { width: 390px; height: 335px;text-align: center; margin-top: 50px;}
.img-frame img{ max-width: 90%; width: 90%; height: auto;}
.img-frame:after { left: 2px; top: -33px;}
div#counseling, #mentoring, #mentoring .mentoring, #guidance, #hand-holding, #hand-holding section  { padding-top: 0!important;}
div#counseling .counseling, #guidance .guidance  { padding-bottom:0!important }
div#counseling .counseling .col-md-6:first-child, #guidance .guidance .col-md-6:first-child{ margin-bottom:0!important }
div#counseling .page-title.sec_HeAdinG, div#counseling .page-title.sec_HeAdinG h2, div#mentoring .page-title.sec_HeAdinG, div#mentoring .page-title.sec_HeAdinG h2{ margin-bottom:0!important }
#guidance .page-title.sec_HeAdinG, #guidance .page-title.sec_HeAdinG h2, #hand-holding section .page-title.sec_HeAdinG, #hand-holding section .page-title.sec_HeAdinG h2 {margin-bottom:0!important}


}

@media only screen and (min-width: 320px) and (max-width: 480px){
.counselling-expert .row .col-lg-3:not(:last-child){margin-bottom: 1.5rem}
footer .row .addres-de{width: 100%}

}

@media only screen and (min-width: 481px) and (max-width: 767px){
.counselling-expert .row .col-lg-3:not(:nth-last-child(-n+2)){margin-bottom: 1.5rem}
	
}

@media only screen and (min-width: 992px) and (max-width: 1199px){
.nav-logo img{width: 200px;}
.girl-image{    width: 390px;}
header {padding: 1rem 0;}
.banner-text h1{    font-size: 2rem;}
.number_form h4{    font-size: 1.2rem;}
.number_form .form-margin{top: 20px;}

}



@media only screen and (max-width: 991px){
footer .row .addres-de h3{    font-size: 1.55rem;}
.mission .row{flex-direction: column-reverse;}
.carousel-item img {
    height: 540px;
    object-fit: cover;}
.nav-logo img{width: 200px;}

}


@media only screen and (min-width: 768px){
.form-margin{position: absolute;top: 15%;z-index: 999}

}
@media only screen and (min-width: 768px) and (max-width: 991px){
.girl-image{max-width: 100%}
.banner-top{    padding-bottom: 2rem;}
.counselling-expert .row .col-lg-3:not(:last-child){margin-bottom: 2rem}
.banner-text h1{font-size: 2rem}
.form-margin{    top: 40px;}
.number_form h4{    font-size: 1.2rem;}
.banner-form{    background: #d9dce5d9;}
.carousel-caption{    transform: translate(-50%,-20%);}

}


@media only screen and (min-width: 1200px) and (max-width: 1300px){
.form-margin{top: 30px;
    -ms-flex: 0 0 22.666667%;
    flex: 0 0 22.666667%;
    max-width: 22.666667%;}
.nav-logo img{width: 200px;}

}