.facilities{
    height: calc(100vh - 95px);
    background: linear-gradient(to bottom, #e3e2e2  70%, #ffffff 30%);
    align-items: center;
    display: flex;
    justify-content: center;
}
.facilities .facilities-img{
    position: relative;
    

} 

.facilities p{
color: black;
text-align: justify;
width: 550px;
}
.facilities h2{
    font-size: 60px;
    font-weight: bold;
    color: var(--orange);
    font-family: 'Gill Sans MT Ext Condensed';
    margin-bottom: 20px;
    position: relative;
}
.facilities.facilites2{
    background: linear-gradient(to bottom, var(--orange) 70%, #ffffff 30%);
}
.facilities.facilites2 .facilities-icon {
    background-color: var(--orange);

}
.facilities.facilites3{
    background: linear-gradient(to bottom, #3d3a49 70%, #ffffff 30%);
}
.facilities.facilites3 .facilities-icon {
    background-color: #3d3a49;

}
.icon-po{
    position: relative;
}
.facilities-icon{
    content: '';
    position: absolute;
    height: 110px;
    width: 110px;
    background-color: #e3e2e2;
    box-ordinal-group: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    right: 450px;
    bottom: 10px;
}
.fa-left .facilities-icon{
	 right: 141px;
}
.facilities.facilites3 h2,
.facilities.facilites2 h2{
    color: var(--white);
}
.facilities.facilites3 p,
.facilities.facilites2 p{
    color: var(--white);
    margin-bottom: 10px;
}
.facilities .carousel-inner {
    border-radius: 50%;
    border: 15px solid white;
    width: 600px;
}
.facilities .fa-controlers {
    display: flex;
    gap: 10px;
    position: absolute;
    bottom: 50px;
    right: 10px;
}
.facilities .fa-controlers .carousel-control-next,
.facilities .fa-controlers  .carousel-control-prev {
    background-color: #fa5508;
    opacity: 1;
    padding: 5px;
    width: 35px;
    height: 35px;
    position: unset;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    

}

 .fa-left.facilities .facilities-icon {
    right: 150px;
}
 .fa-left.facilities .fa-controlers {
    bottom: 50px;
    right: 600px;
}
@media screen and (max-width: 1600px) {
}
@media screen and (max-width: 1536px) {
.facilities p {
    font-size: 15px;
}
.facilities h2 {
    font-size: 54px;
    margin-bottom: 10px;
}
.facilities .carousel-inner {
    width: 500px;
}
.facilities-icon {
    height: 90px;
    width: 90px;
    padding: 16px;
}
.facilities .fa-controlers {
    bottom: 40px;
    right: 120px;
}
.facilities .fa-controlers .carousel-control-next, .facilities .fa-controlers .carousel-control-prev {
    width: 30px;
    height: 30px;
}
.facilities-icon {
    right: 490px;
    bottom: 20px;
}
p {
    line-height: 26px;
}
.fa-left.facilities .facilities-icon {
    right: 220px;
	bottom: 10px;
}
}
@media(max-width:1366px){
.facilities {
    height: auto;
    padding: 70px 0;
}
.facilities .carousel-inner {
    width: 420px;
	border: 10px solid white;
    margin: auto;

}
.facilities-icon {
    right: 340px;
    bottom: 0px;
}.facilities .fa-controlers {
    right: 30px;
}
.fa-left.facilities .facilities-icon {
    right: 130px;
    bottom: 0px;
}
.fa-left.facilities .fa-controlers {
    bottom: 30px;
    right: 460px;
}
.facilities h2 {
    font-size: 46px;
}
}
@media screen and (max-width: 1200px) {
    .facilities-icon {
        right: 360px;
        bottom: 14px;
    }
    
}
@media(max-width:1199px){
.facilities p {
	width: 100%;
}
.facilities .fa-controlers {
    right: -10px;
}
.fa-left.facilities .facilities-icon {
    right: 85px;
}
.fa-left.facilities .fa-controlers {
    right: 400px;
}
.facilities-icon {
    right: 300px;
    bottom: 14px;
}
.facilities.facilites3 {
    background: linear-gradient(to bottom, #3d3a49 80%, #ffffff 20%);
}
#carouselExample3{
    top: 30px;

}
#play-way .facilities-icon {
    right: 280px;
    bottom: -45px;
}
.facilities .fa-controlers {
    bottom: 20px;
}
.fa-res.facilities {
    background: linear-gradient(to bottom, #e3e2e2 75%, #ffffff 30%);
}
}
@media(max-width:1152px){
.facilities.facilites3 {
    background: linear-gradient(to bottom, #3d3a49 80%, #ffffff 20%);
}
.facilities.facilites3 p, .facilities.facilites2 p {
    font-size: 14px;
}
.facilities p {
    font-size: 14px;
}

}



@media screen and (max-width: 1024px) {
}
@media screen and (max-width: 992px) {
    #laboratory .fa-controlers {
            bottom: 15px;
            right: 390px;
        }
        #games .facilities .fa-controlers {
    bottom: 30px;
} 
#carouselExample6{
top: 35px;
}
.fa-left.facilities .facilities-icon {
    right: 105px;
    bottom: -40px;
}
}
@media screen and (max-width: 991px) {
	.facilities p {
    font-size: 16px;
}
.facilities .row{
	row-gap: 30px;
}
.facilities-icon {
    right: 460px;
    bottom: 41px;
}
.facilities {
    padding: 50px 0;
    background: linear-gradient(to bottom, #e3e2e2 75%, #ffffff 30%);
}
.facilities .fa-controlers {
    bottom: 80px;
    right: 80px;
}
#library.facilities .row {
    flex-direction: column-reverse;
}
.facilities.facilites2 {
    background: linear-gradient(to bottom, var(--orange) 78%, #ffffff 30%);
}
.fa-left.facilities .fa-controlers {
    right: 540px;
    bottom: 60px;
}
.fa-left.facilities .facilities-icon {
    right: 155px;
    bottom: 37px;
}
#play-way .facilities-icon {
    right: 470px;
    bottom: 15px;
}
#laboratory .row {
    flex-direction: column-reverse;
}
#laboratory .fa-controlers {
    bottom: 80px;
    right: 560px;
}
#games .facilities .row {
    flex-direction: column-reverse;
}
.facilities-icon {
    right: 441px;
    bottom: 10px;
}
.facilities .fa-controlers {
    bottom: 41px;
}
#transport .row {
    flex-direction: column-reverse;
}
.fa-left.facilities .facilities-icon {
    right: 175px;
    bottom: -12px;
}
}
@media screen and (max-width: 768px) {
    .facilities-icon {
        right: 460px;
        bottom: 33px;
    }
    .fa-left.facilities .fa-controlers {
        right: 560px;
        bottom: 100px;
    }
    .facilities .fa-controlers {
        bottom: 71px;
    }
    #library .facilities-icon {
        right: 150px;
        bottom: 52px;
    }
    #laboratory .facilities-icon {
        right: 148px;
        bottom: 31px;
    }
    .facilities.facilites2 {
        background: linear-gradient(to bottom, var(--orange) 72%, #ffffff 28%);
    }
    #transport .fa-controlers {
        right: 560px;
        bottom: 60px;
    }
}
@media screen and (max-width: 767px) {
    .facilities {
        background: linear-gradient(to bottom, #e3e2e2 80%, #ffffff 30%);
    }
    .facilities-icon {
        right: 348px;
        bottom: 17px;
    }
    .facilities .fa-controlers {
        bottom: 59px;
        right: 5px;
    }
    .fa-left.facilities .fa-controlers {
        right: 480px;
        bottom: 110px;
    }
    #library .facilities-icon {
        right: 50px;
        bottom: 62px;
    }
    .facilities.facilites2 {
        background: linear-gradient(to bottom, var(--orange) 80%, #ffffff 20%);
    }
    .fa-left.facilities .fa-controlers {
        right: 442px;
        bottom: 50px;
    }
    #library .facilities-icon {
        right: 100px;
        bottom: 10px;
    }
    #play-way .facilities-icon {
        right: 388px;
        bottom: 20px;
    }
    #play-way .fa-controlers {
        bottom: 84px;
        right: -5px;
    }
    .fa-res.facilities {
        background: linear-gradient(to bottom, #e3e2e2 80%, #ffffff 20%);
    }
    #laboratory .facilities-icon {
        right: 75px;
        bottom: 10px;
    }
    #laboratory .fa-controlers {
        bottom: 60px;
        right: 450px;
    }
    #games{
        background: linear-gradient(to bottom, var(--orange) 75%, #ffffff 25%);
    }
    #games .facilities-icon {
        right: 366px;
        bottom: 17px;
    }
    #transport .facilities-icon {
        right: 80px;
        bottom: -12px;
    }
    #transport .fa-controlers {
        right: 446px;
    }
}
@media screen and (max-width: 600px) {
}
@media screen and (max-width: 576px) {
}
@media screen and (max-width: 540px) {
}
@media screen and (max-width: 492px) {
    .facilities .fa-controlers {
        bottom: 35px;
    }
    #library .facilities-icon {
        right: 62px;
        bottom: 15px;
    }
    .fa-left.facilities .fa-controlers {
        right: 395px;
        bottom: 40px;
    }
    #play-way .facilities-icon {
        right: 359px;
        bottom: 17px;
    }
    #play-way .fa-controlers {
        bottom: 56px;
        right: -3px;
    }
    #laboratory .fa-controlers {
        bottom: 39px;
        right: 401px;
    }
    #laboratory .facilities-icon {
        right: 45px;
        bottom: 18px;
    }
    #games .facilities-icon {
        right: 348px;
        bottom: 30px;
    }
    #games .fa-controlers {
        bottom: 50px;
    }
    #smart-class .facilities-icon {
        bottom: 12px;
        right: 312px;
    }
    #transport .fa-controlers {
        right: 402px;
        bottom: 52px;
    }
    #transport .facilities-icon {
        right: 62px;
        bottom: -8px;
    }
    .facilities .carousel-inner {
        width: 100%;
    }
    .facilities h2 {
    font-size: 35px;
}
    
    
}
@media screen and (max-width: 432px) {

    #smart-class .facilities-icon {
        bottom: 23px;
        right: 299px;
    }
 
    .facilities .fa-controlers,
    .fa-left.facilities .fa-controlers,
    .fa-controlers {
        bottom: -35px;
        right: 170px;
    }
       #play-way .fa-controlers{
             bottom: -35px;
                  right: 170px;
       }
    
    #library .facilities-icon {
        right: 41px;
        bottom: 19px;
    }
    #carouselExample3 {
        top: 0;
    }
    #play-way .facilities-icon {
        right: 315px;
        bottom: 28px;
    }
  
    #laboratory .facilities-icon {
        right: 20px;
        bottom: 28px;
    }
    #laboratory .fa-controlers {
        bottom: -35px;
        right: 161px;
    }
    #games .facilities-icon {
        right: 315px;
    }
    #games .fa-controlers {
        bottom: -35px;
    }
    #transport .facilities-icon {
        right: 28px;
    }
    #transport .fa-controlers {
        right: 174px;
        bottom: -33px;
    }
    #carouselExample6 {
        top: 0;
    }
    #transport .facilities-icon {
        right: 53px;
        bottom: 5px;
    }
    .facilities p {
        font-size: 15px;
    }
    .core-values2.core-values h2 {
    font-size: 35px;
    text-underline-offset: 16px;
}
.chairman_section h2 {
    font-size: 35px;
}
}
@media screen and (max-width: 425px) {
}
@media screen and (max-width: 414px) {
}
@media screen and (max-width: 412px) {
    #smart-class .facilities-icon {
        right: 280px;
    }

    #games .facilities-icon {
        right: 300px;
    }
    #play-way .facilities-icon {
        right: 285px;
    }
    .facilities .fa-controlers, .fa-left.facilities .fa-controlers, .fa-controlers {
    right: unset;
    width: 100%;
    align-items: center;
    justify-content: center;
    display: flex;
    }
    #transport .fa-controlers {
        right: unset;
    }
    #laboratory .fa-controlers {
        right: unset;
    }
    .banner-section .banner-caption h4 {
      font-size: 24px;
     }
         #play-way .fa-controlers{
             bottom: -35px;
        right: unset;
       }
    
}
@media screen and (max-width: 400px) {
}
@media screen and (max-width: 395px) {
}
@media screen and (max-width: 394px) {
    #smart-class .facilities-icon {
    right: 265px;
}
#games .facilities-icon {
    right: 290px;
}
}
@media screen and (max-width: 390px) {
}
@media screen and (max-width: 385px) {
    #play-way .facilities-icon {
        right: 275px;
    }
    #games .facilities-icon {
        right: 280px;
    }
    #smart-class .facilities-icon {
        right: 248px;
    }
}
@media screen and (max-width: 375px) {
    .facilities {
        padding-top: 30px;
    }
    .facilities .fa-controlers, .fa-controlers {
        bottom: -35px;
        right: 132px;
    }
    #play-way .fa-controlers {
        right: 140px;
    }
    #laboratory .fa-controlers {
        bottom: -35px;
        right: 145px;
    }
}
@media screen and (max-width: 360px) {
    .facilities .fa-controlers, .fa-left.facilities .fa-controlers, .fa-controlers {
        bottom: -35px;
        right: 138px;
    }
    #play-way .facilities-icon {
        right: 255px;
    }
    #games .facilities-icon {
        right: 245px;
        bottom: 15px;
    }
}
@media screen and (max-width: 320px) {
    #smart-class .facilities-icon {
        right: 208px;
    }
    #library .facilities-icon {
        right: 20px;
        bottom: 8px;
    }
    .facilities .fa-controlers, .fa-left.facilities .fa-controlers, .fa-controlers {
        right: 110px;
    }
    #play-way .facilities-icon {
        right: 221px;
    }
    #play-way .fa-controlers {
        right: 108px;
    }
}