/*---------------------------------------------------------
                UNIVERSAL CSS
---------------------------------------------------------*/
body {
    font-family: 'Poppins';
}
a{
    text-decoration: none !important;
}
a:hover{
    color: none !important;
}
/*------width-----------*/
.width-100{
    width: 100%;
}
.width-90{
    width: 90%;
}
.width-80{
    width: 80%;
}
.width-70{
    width: 70%;
}
.width-60{
    width: 60%;
}
.width-50{
    width: 50%;
}
.width-40{
    width: 40%;
}
.width-30{
    width: 30%;
}
.width-20{
    width: 20%;
}
.width-10{
    width: 10%;
}

/*--------- Margin--------*/
.m-10{
    margin: 10px;
}
.m-20{
    margin: 20px;
}
.m-30{
    margin: 30px;
}
.m-40{
    margin: 40px;
}
.m-50{
    margin: 50px;
}
.m-60{
    margin: 60px;
}
.m-70{
    margin: 70px;
}
.m-80{
    margin: 80px;
}
.m-90{
    margin: 90px;
}
.m-100{
    margin: 100px;
}
.m--10{
    margin: -10px;
}
.m--20{
    margin: -20px;
}
.m--30{
    margin: -30px;
}
.m--40{
    margin: -40px;
}
.m--50{
    margin: -50px;
}
.m--60{
    margin: -60px;
}
.m--70{
    margin: -70px;
}
.m--80{
    margin: -0px;
}
.m--90{
    margin: -90px;
}
.m--100{
    margin: -100px;
}
/*--------- Margin-Top--------*/
.mt-10{
    margin-top: 10px;
}
.mt-20{
    margin-top: 20px;
}
.mt-30{
    margin-top: 30px;
}
.mt-40{
    margin-top: 40px;
}
.mt-50{
    margin-top: 50px;
}
.mt-60{
    margin-top: 60px;
}
.mt-70{
    margin-top: 70px;
}
.mt-80{
    margin-top: 80px;
}
.mt-90{
    margin-top: 90px;
}
.mt-100{
    margin-top: 100px;
}
.mt--10{
    margin-top: -10px;
}
.mt--20{
    margin-top: -20px;
}
.mt--30{
    margin-top: -0px;
}
.mt--40{
    margin-top: -40px;
}
.mt--50{
    margin-top: -50px;
}
.mt--60{
    margin-top: -60px;
}
.mt--70{
    margin-top: -70px;
}
.mt--80{
    margin-top: -80px;
}
.mt--90{
    margin-top: -90px;
}
.mt--100{
    margin-top: -100px;
}
.mtp-45{
    margin-top: 45%;
}
.mtp-20{
    margin-top: 20%;
}
/*--------- Margin-Bottom--------*/
.mb-10{
    margin-bottom: 10px;
}
.mb-20{
    margin-bottom: 20px;
}
.mb-30{
    margin-bottom: 30px;
}
.mb-40{
    margin-bottom: 40px;
}
.mb-50{
    margin-bottom: 50px;
}
.mb-60{
    margin-bottom: 60px;
}
.mb-70{
    margin-bottom: 70px;
}
.mb-80{
    margin-bottom: 80px;
}
.mb-90{
    margin-bottom: 90px;
}
.mb-100{
    margin-bottom: 100px;
}
.mb--10{
    margin-bottom: -10px;
}
.mb--20{
    margin-bottom: -20px;
}
.mb--30{
    margin-bottom: -30px;
}
.mb--40{
    margin-bottom: -40px;
}
.mb--50{
    margin-bottom: -50px;
}
.mb--60{
    margin-bottom: -60px;
}
.mb--70{
    margin-bottom: -70px;
}
.mb--80{
    margin-bottom: -80px;
}
.mb--90{
    margin-bottom: -90px;
}
.mb--100{
    margin-bottom: -100px;
}
/*--------- Margin-Right--------*/
.mr-10{
    margin-right: 10px;
}
.mr-20{
    margin-right: 20px;
}
.mr-30{
    margin-right: 30px;
}
.mr-40{
    margin-right: 40px;
}
.mr-50{
    margin-right: 50px;
}
.mr-60{
    margin-right: 60px;
}
.mr-70{
    margin-right: 70px;
}
.mr-80{
    margin-right: 80px;
}
.mr-90{
    margin-right: 90px;
}
.mr-100{
    margin-right: 100px;
}
.mr--10{
    margin-right: -10px;
}
.mr--20{
    margin-right: -20px;
}
.mr--30{
    margin-right: -30px;
}
.mr--40{
    margin-right: -40px;
}
.mr--50{
    margin-right: -50px;
}
.mr--60{
    margin-right: -60px;
}
.mr--70{
    margin-right: -70px;
}
.mr--80{
    margin-right: -80px;
}
.mr-90{
    margin-right: -90px;
}
.mr--100{
    margin-right: -100px;
}
/*--------Margin-Left----------*/

.ml-10{
    margin-left: 10px;
}
.ml-15{
    margin-left: 15px;
}
.ml-20{
    margin-left: 20px;
}
.ml-30{
    margin-left: 30px;
}
.ml-40{
    margin-left: 40px;
}
.ml-50{
    margin-left: 50px;
}
.ml-60{
    margin-left: 60px;
}
.ml-70{
    margin-left: 70px;
}
.ml-80{
    margin-left: 80px;
}
.ml-90{
    margin-left: 90px;
}
.ml-100{
    margin-left: 100px;
}
.ml--10{
    margin-left: -10px;
}
.ml--15{
    margin-left: -15px !important;
}
.ml--20{
    margin-left: -20px;
}
.ml--30{
    margin-left: -30px;
}
.ml--40{
    margin-left: -40px;
}
.ml--50{
    margin-left: -50px;
}
.ml--60{
    margin-left: -60px;
}
.ml--70{
    margin-left: -70px;
}
.ml--80{
    margin-left: -80px;
}
.ml--90{
    margin-left: -90px;
}
.ml--100{
    margin-left: -100px;
}
/*--------- Padding--------*/
.p-10{
    padding: 10px;
}
.p-20{
    padding: 20px;
}
.p-30{
    padding: 30px !important;
}
.p-40{
    padding: 40px;
}
.p-50{
    padding: 50px;
}
.p-60{
    padding: 60px;
}
.p-70{
    padding: 70px;
}
.p-80{
    padding: 80px;
}
.p-90{
    padding: 90px;
}
.p-100{
    padding: 100px;
}
.p--10{
    padding: -10px;
}
.p--20{
    padding: -20px;
}
.p--30{
    padding: -30px;
}
.p--40{
    padding: -40px;
}
.p--50{
    padding: -50px;
}
.p--60{
    padding: -60px;
}
.p--70{
    padding: -70px;
}
.p--80{
    padding: -80px;
}
.p--90{
    padding: -90px;
}
.p--100{
    padding: -100px;
}
/*--------- padding-Top--------*/
.pt-10{
    padding-top: 10px;
}
.pt-15{
    padding-top: 15px;
}
.pt-20{
    padding-top: 20px;
}
.pt-30{
    padding-top: 30px;
}
.pt-40{
    padding-top: 40px;
}
.pt-50{
    padding-top: 50px;
}
.pt-60{
    padding-top: 60px;
}
.pt-70{
    padding-top: 70px;
}
.pt-80{
    padding-top: 80px;
}
.pt-90{
    padding-top: 90px;
}
.pt-100{
    padding-top: 100px;
}
.pt--10{
    padding-top: -10px;
}
.pt--20{
    padding-top: -20px;
}
.pt--30{
    padding-top: -30px;
}
.pt--40{
    padding-top: -40px;
}
.pt--50{
    padding-top: -50px;
}
.pt--60{
    padding-top: -60px;
}
.pt--70{
    padding-top: -70px;
}
.pt--80{
    padding-top: -80px;
}
.pt--90{
    padding-top: -90px;
}
.pt--100{
    padding-top: -100px;
}
/*--------- padding-Bottop--------*/
.pb-10{
    padding-bottom: 10px;
}
.pb-20{
    padding-bottom: 20px;
}
.pb-30{
    padding-bottom: 30px;
}
.pb-40{
    padding-bottom: 40px;
}
.pb-50{
    padding-bottom: 50px;
}
.pb-60{
    padding-bottom: 60px;
}
.pb-70{
    padding-bottom: 70px;
}
.pb-80{
    padding-bottom: 80px;
}
.pb-90{
    padding-bottom: 90px;
}
.pb-100{
    padding-bottom: 100px;
}
.pb--10{
    padding-bottom: -10px;
}
.pb--20{
    padding-bottom: -20px;
}
.pb--30{
    padding-bottom: -30px;
}
.pb--40{
    padding-bottom: -40px;
}
.pb--50{
    padding-bottom: -50px;
}
.pb--60{
    padding-bottom: -60px;
}
.pb--70{
    padding-bottom: -70px;
}
.pb--80{
    padding-bottom: -80px;
}
.pb--90{
    padding-bottom: -90px;
}
.pb--100{
    padding-bottom: -100px;
}
/*--------- padding-Right--------*/
.pr-10{
    padding-right: 10px;
}
.pr-20{
    padding-right: 20px;
}
.pr-30{
    padding-right: 30px;
}
.pr-40{
    padding-right: 40px;
}
.pr-50{
    padding-right: 50px;
}
.pr-60{
    padding-right: 60px;
}
.pr-70{
    padding-right: 70px;
}
.pr-80{
    padding-right: 80px;
}
.pr-90{
    padding-right: 90px;
}
.pr-100{
    padding-right: 100px;
}
.pr--10{
    padding-right: -10px;
}
.pr--20{
    padding-right: -20px;
}
.pr--30{
    padding-right: -30px;
}
.pr--40{
    padding-right: -40px;
}
.pr--50{
    padding-right: -50px;
}
.pr--60{
    padding-right: -60px;
}
.pr--70{
    padding-right: -70px;
}
.pr--80{
    padding-right: -80px;
}
.pr--90{
    padding-right: -90px;
}
.pr--100{
    padding-right: -100px;
}
/*--------padding-Left----------*/

.pl-10{
    padding-left: 10px;
}
.pl-20{
    padding-left: 20px;
}
.pl-30{
    padding-left: 30px;
}
.pl-40{
    padding-left: 40px;
}
.pl-50{
    padding-left: 50px;
}
.pl-60{
    padding-left: 60px;
}
.pl-70{
    padding-left: 70px;
}
.pl-80{
    padding-left: 80px;
}
.pl-90{
    padding-left: 90px;
}
.pl-100{
    padding-left: 100px;
}
.pl--10{
    padding-left: -10px;
}
.pl--20{
    padding-left: -20px;
}
.pl--30{
    padding-left: -30px;
}
.pl--40{
    padding-left: -40px;
}
.pl--50{
    padding-left: -50px;
}
.pl--60{
    padding-left: -60px;
}
.pl--70{
    padding-left: -70px;
}
.pl--80{
    padding-left: -80px;
}
.pl--90{
    padding-left: -90px;
}
.pl--100{
    padding-left: -100px;
}
/*----------Font-Size---------------------*/
.fs-8{
    font-size: 8px;
}
.fs-10{
    font-size: 10px;
}
.fs-12{
    font-size: 12px;
}
.fs-14{
    font-size: 14px;
}
.fs-15{
    font-size: 15px;
}
.fs-16{
    font-size: 16px;
}
.fs-18{
    font-size: 18px;
}
.fs-20{
    font-size: 20px;
}
.fs-22{
    font-size: 22px;
}
.fs-24{
    font-size: 24px;
}
.fs-25{
    font-size: 25px;
}
.fs-26{
    font-size: 26px;
}
.fs-28{
    font-size: 28px;
}
.fs-30{
    font-size: 30px;
}
/*----------Font-Weight---------------------*/
.fw-400{
    font-weight: 400;
}
.fw-500{
   font-weight: 500;
}
.fw-600{
    font-weight: 600;
}
.text-justify{
    text-align: justify !important;
}
.brdrradius5{
    border-radius:5px ;
}
.eapps-widget-toolbar-panel-wrapper{
    display: none;
}
.kPOGIE > a {
    display: none !important;
}
.viewall {
    padding: 10px 35px;
    border-radius: 10px;
    background-color: #7ed2f0;
    border:2px solid #7ed2f0;
  }
  .viewall:hover{
    padding: 10px 35px;
    color: #7ed2f0;
    border:2px solid #7ed2f0;
    background-color: #fff;
  }
  .imageborder{
    border: 10px solid #e9181e;
padding-top: 35px;
  }
  .banner{
    background-image: url('../images/classroom-op.png');
    background-position: center;
  }
  .height-200{
	height:200px;
  }
  .height-400{
	height:400px;
  }
  .brdr{
    border: 1px solid ghostwhite;
  }
/*--------------------@media responsive----------------------------------*/
@media only screen and (max-width: 600px) {
    /*------width-----------*/
        .widthm-100{
            width: 100%;
        }
        .widthm-90{
            width: 90%;
        }
        .widthm-80{
            width: 80%;
        }
        .widthm-70{
            width: 70%;
        }
        .widthm-60{
            width: 60%;
        }
        .widthm-50{
            width: 50% !important;
        }
        .widthm-40{
            width: 40%;
        }
       
        /*----------Font-Size---------------------*/
        .fsm-10{
            font-size: 10px;
        }
        .fsm-12{
            font-size: 12px;
        }
        .fsm-14{
            font-size: 14px;
        }
        .fsm-15{
            font-size: 15px;
        }
        .fsm-16{
            font-size: 16px;
        }
        .fsm-18{
            font-size: 18px;
        }
        .fsm-20{
            font-size: 20px;
        }
        .fsm-22{
            font-size: 22px;
        }
       
        /*----------Font-Weight---------------------*/
        .fwm-400{
            font-weight: 400;
        }
        .fwm-500{
        font-weight: 500;
        }
        .fsm-600{
            font-weight: 600;
        }
        /*--------padding-Left----------*/

        .plm-10{
            padding-left: 10px;
        }
        .plm-20{
            padding-left: 20px;
        }
        .plm-30{
            padding-left: 30px;
        }
        .plm-40{
            padding-left: 40px;
        }
        .plm-50{
            padding-left: 50px;
        }
        
        .plm--10{
            padding-left: -10px;
        }
        .plm--20{
            padding-left: -20px;
        }
        .plm--30{
            padding-left: -30px;
        }
        .plm--40{
            padding-left: -40px;
        }
        .plm--50{
            padding-left: -50px;
        }
        /*--------- padding-Right--------*/
        .prm-0{
            padding-right: 0px !important;
        }
        .prm-10{
            padding-right: 10px;
        }
        .prm-20{
            padding-right: 20px;
        }
        .prm-30{
            padding-right: 30px;
        }
        .prm-40{
            padding-right: 40px;
        }
        
        .prm--10{
            padding-right: -10px;
        }
        .prm--20{
            padding-right: -20px;
        }
        .prm--30{
            padding-right: -30px;
        }
        .prm--40{
            padding-right: -40px;
        }
        /*--------- padding-Bottop--------*/
        .pbm-10{
            padding-bottom: 10px;
        }
        .pbm-20{
            padding-bottom: 20px;
        }
        .pbm-30{
            padding-bottom: 30px;
        }
        .pbm-40{
            padding-bottom: 40px;
        }
        .pbm-50{
            padding-bottom: 50px;
        }
        
        .pbm--10{
            padding-bottom: -10px;
        }
        .pbm--20{
            padding-bottom: -20px;
        }
        .pbm--30{
            padding-bottom: -30px;
        }
        .pbm--40{
            padding-bottom: -40px;
        }
        .pbm--50{
            padding-bottom: -50px;
        }
        /*--------- Padding--------*/
        .pm-10{
            padding: 10px;
        }
        .pm-20{
            padding: 20px;
        }
        .pm-30{
            padding: 30px;
        }
        .pm-40{
            padding: 40px;
        }
        .pm-50{
            padding: 50px;
        }

        .pm--10{
            padding: -10px;
        }
        .pm--20{
            padding: -20px;
        }
        .pm--30{
            padding: -30px;
        }
        .pm--40{
            padding: -40px;
        }
        .pm--50{
            padding: -50px;
        }

        /*--------- padding-Top--------*/
        .ptm-10{
            padding-top: 10px;
        }
        .ptm-15{
            padding-top: 15px !important;
        }
        .ptm-20{
            padding-top: 20px;
        }
        .ptm-30{
            padding-top: 30px;
        }
        .ptm-40{
            padding-top: 40px;
        }
        .ptm-50{
            padding-top: 50px;
        }

        .ptm--10{
            padding-top: -10px;
        }
        .ptm--20{
            padding-top: -20px;
        }
        .ptm--30{
            padding-top: -30px;
        }
        .ptm--40{
            padding-top: -40px;
        }
        .ptm--50{
            padding-top: -50px;
        }
/*--------- Margin--------*/
            .mm-0{
                margin: 0px !important;
            }
        .mmm-10{
            margin: 10px;
        }
        .mm-20{
            margin: 20px;
        }
        .mm-30{
            margin: 30px;
        }
        .mm-40{
            margin: 40px;
        }
        .mm-50{
            margin: 50px;
        }

        .mm--10{
            margin: -10px;
        }
        .mm--20{
            margin: -20px;
        }
        .mm--30{
            margin: -30px;
        }
        .mm--40{
            margin: -40px;
        }
        .mm--50{
            margin: -50px;
        }
        .mm6010{
            margin: 60px 10px !important;
        }
        /*--------- Margin-Top--------*/
        .mtm-10{
            margin-top: 10px;
        }
        .mtm-20{
            margin-top: 20px;
        }
        .mtm-30{
            margin-top: 30px;
        }
        .mtm-40{
            margin-top: 40px;
        }
        .mtm-50{
            margin-top: 50px;
        }
        .mtm-60{
            margin-top: 60px;
        }
        .mtm-70{
            margin-top: 70px;
        }

        .mtm--10{
            margin-top: -10px;
        }
        .mtm--20{
            margin-top: -20px;
        }
        .mtm--30{
            margin-top: -0px;
        }
        .mtm--40{
            margin-top: -40px;
        }
        .mtm--50{
            margin-top: -50px;
        }
        .mtm--60{
            margin-top: -60px;
        }
        .mtm--70{
            margin-top: -70px;
        }

        /*--------- Margin-Bottom--------*/
        .mbm-10{
            margin-bottom: 10px;
        }
        .mbm-20{
            margin-bottom: 20px;
        }
        .mbm-30{
            margin-bottom: 30px;
        }
        .mbm-40{
            margin-bottom: 40px;
        }
        .mbm-50{
            margin-bottom: 50px;
        }

        .mbm--10{
            margin-bottom: -10px;
        }
        .mbm--20{
            margin-bottom: -20px;
        }
        .mbm--30{
            margin-bottom: -30px;
        }
        .mbm--40{
            margin-bottom: -40px;
        }
        .mbm--50{
            margin-bottom: -50px;
        }

        /*--------- Margin-Right--------*/
        .mrm-10{
            margin-right: 10px;
        }
        .mrm-20{
            margin-right: 20px;
        }
        .mrm-30{
            margin-right: 30px;
        }
        .mrm-40{
            margin-right: 40px;
        }
        .mrm-50{
            margin-right: 50px;
        }

        .mrm--10{
            margin-right: -10px;
        }
        .mrm--20{
            margin-right: -20px;
        }
        .mrm--30{
            margin-right: -30px;
        }
        .mrm--40{
            margin-right: -40px;
        }
        .mrm--50{
            margin-right: -50px;
        }

        /*--------Margin-Left----------*/

        .mlm-10{
            margin-left: 10px;
        }
        .mlm-20{
            margin-left: 20px;
        }
        .mlm-30{
            margin-left: 30px;
        }
        .mlm-40{
            margin-left: 40px;
        }
        .mlm--0{
            margin-left: 0px !important;
        }
        .mlm--10{
            margin-left: -10px;
        }
        .mlm--15{
            margin-left: -15px !important;
        }
        .mlm--20{
            margin-left: -20px;
        }
        .mlm--30{
            margin-left: -30px;
        }
        .mlm--40{
            margin-left: -40px;
        }
        .mlm--50{
            margin-left: -50px;
        }
          /*--------------------------mobile newsletter------------*/
          .mxm-5{
            margin-right: 0 !important;
        }
        .positionm-400 {
            position: relative;
            top: 0px;
          }   
          .mtm--400{
            margin-top: -400px;
        } 
        .boxsizingm{
            box-sizing: content-box !important;
        }  
        .textm-justify{
            text-align: justify !important;
        } 
        .textm-center{
            text-align: center !important;
        }
        .icon-box .col-md-4 img{
            width: 30px !important;
        }
}
/*---color --*/
.color-white{
    color: #fff;
}
.color-black{
    color: #333;
}
.color-red{
    color: #e9181e;
}
.color-blue{
    color: #7ed2f0;
}
.color-darkblue{
    color: #192f59;
}
.bg-white{
    background-color: #fff;
}
.bg-lightgrey{
    background-color: #c2b8b8;
}
.bg-black{
    background-color: #000;
}
.bg-darkgrey{
    background-color: #333;
}
.bg-red{
    background-color: #e9181e;
}
.bg-blue{
    background-color: #7ed2f0;
}

/*-------------INDEX PAGE (15-04-2022)------------------*/
.navbar-brand img{
    width: 75px;
}
.nav-link{
    border-bottom: 2px solid #fff;

}
.nav-link:hover{
    color: #7ed2f0;
    border-bottom: 2px solid #7ed2f0;

}
#main-icon-box{
    margin-top: -95px;
    z-index: 444;
    position: relative;
    background: #fff;
}
/*--------28-04------------------*/
.icon-box .col-md-4 img{
    width: 50px;
    transition: 0.3s;
}
.icon-box .col-md-8 h5{
    transition: 0.3s;
    padding: 5px;
}
.icon-box .col-md-8 img{
    padding: 5px;
}
#main-icon-box .row .col-md-3:hover .icon-box .col-md-4 img{
    width: 60px;
    padding: 0px;
}
#main-icon-box .row .col-md-3:hover .icon-box .col-md-8 h5{
    font-size: 22px;
    padding: 0px;
}
.js-scroll {
    opacity: 0;
    transition: opacity 500ms;
}

.js-scroll.scrolled {
    opacity: 1;
}

.scrolled.slide-left {
    animation: slide-in-left 1s ease-in-out both;
}

.scrolled.slide-right {
    animation: slide-in-right 1s ease-in-out both;
}
    
.scrolled.fade-in {
    animation: fade-in 1s ease-in-out both;
}
 @keyframes slide-in-left {
0% {
     -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 0;
}
100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
}
}

@keyframes slide-in-right {
0% {
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    opacity: 0;
}
100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
}
}
@keyframes fade-in {
0% {
    opacity: 0;
}
100% {
        opacity: 1;
}
}
.zoom:hover{
    transition: transform .8s; /* Animation */
    opacity: 0.5;
}
.zoom:hover {
    transform: scale(1.3); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
    opacity: 1;
  }
.zoom1:hover{
    transition: transform .8s; /* Animation */
    opacity: 0.3;
}
.zoom1:hover {
    transform: scale(1.08); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
    opacity: 1;
  }
/*------------------------------*/

#about-us .row .col-md-4 img{
    padding: 7px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
border-radius: 15px;
}

#about-us .row .col-md-4:nth-child(2) hr{
    margin: 10px 158px 10px 145px;
    border-bottom: 2px solid #7ed2f0;
    opacity: 1;
}
#about-us .row .col-md-4:nth-child(3) hr{
    margin: 10px 148px 10px 138px;
    border-bottom: 2px solid #7ed2f0;
    opacity: 1;
}
#about-us .row .col-md-4:nth-child(4) hr{
    margin: 10px 132px 10px 122px;
    border-bottom: 2px solid #7ed2f0;
    opacity: 1;
}
#about-us-content .row .col-md-6{
    padding-right: 0px;
    padding-left: 0px;
}
#about-us-content .row .col-md-6:nth-child(2){
    background-image: url("../images/classroom-op.png");
    background-position: center;
    background-repeat: round;
}
#about-us-content .row .col-md-6 h2{
    color: #fff;
    font-weight: 600;
    margin-top: 60px;
    margin-left: 16px;
}
#about-us-content .row .col-md-6 p{
    color: #fff;
    margin: 25px;
    text-align: justify;
}
#director-message .row .col-md-12{
    background-image: url("../images/Director.png");
    background-position: center;
    background-repeat: round;
}
.director-msg-content{
    background: #fff;
    margin: 40px 40px;
    padding: 15px;
    text-align: justify;
    border-radius: 10px;
    font-size: 15px;
    
}
#principal-message .row{
    background-color: #f2f2f2;
}
#principal-message ul li{
    text-align: justify;
}
#admission-process .col-md-4 .row .col-md-2{
    text-align: center;
    font-size: 35px;
    font-weight: 600;
    color: #7ed2f0;
}
#admission-process .col-md-4 .row .col-md-10{
    margin-top: 4px;
    font-size: 15px;
    font-weight: 600;
    color: #192f59;
}


.footer .col-md-3 hr{
    color: #7ed2f0;
    opacity: 1;
    margin-left: 15px;
}
.footer .col-md-3:nth-child(2) hr{
    width: 90px;
}
.footer .col-md-3:nth-child(3) hr{
    width: 80px;
}
.footer .col-md-3:nth-child(4) hr{
    width: 90px;
}
/*------------19-04-2022---------------*/
.bg-grey{
    background-color: #ededed;
}
.text-justify{
    text-align: justify;
}
.table-border{
    border-color: #666 !important;
}
.mt-5{
    margin-top: 5px;
}
.width-20{
    width: 20%;
}
/*-----------20-04-2022--------------*/
.navbar-toggler:focus {
    box-shadow: none !important;
  }
  /*-------------social media icons----------*/
.social-media{
	width: 50px;
	height: auto;
	margin: 0;
	padding: 0;
	list-style: none;
	position: fixed;
	right: 0px;
	top: 35%;
	z-index: 999999;
	border-radius: 5px 5px;
}
.social-media li a{
	border-radius: 5px 5px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	display: inline-block;
	margin-bottom: 4px;
}
.social-media li .fb{
	background-color: #0073b1;
	color: #ffffff;
}
.social-media li .youtube{
	background-color: #f00;
	color: #ffffff;
}
.social-media li .whatsapp{
	background-color: #31a24c;
	color: #ffffff;
}
.social-media li .insta{
background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
color: #ffffff;
}
.abt-content hr{
    border-bottom: 2px solid #7ed2f0;
opacity: 1;
width: 40%;
}
.content-align{
    justify-content: center;
    display: flex;
}
#or {
    position: relative;
    width: 300px;
    height: 50px;
    line-height: 50px;
    text-align: center;
  }
  
  #or::before,
  #or::after {
    position: absolute;
    width: 130px;
    height: 2px;
    top: 24px;
    background-color: #000;
    content: '';

  }
  
  #or::before {
    left: 0;
  }
  
  #or::after {
    right: 0;
  }

  #gallery-hr {
    position: relative;
    width: 118px;
    height: 50px;
    line-height: 50px;
    text-align: center;
  }
  
  #gallery-hr::before,
  #gallery-hr::after {
    position: absolute;
    width: 40px;
    height: 2px;
    top: 24px;
    background-color: #000;
    content: '';

  }
  
  #gallery-hr::before {
    left: 0;
  }
  
  #gallery-hr::after {
    right: 0;
  }

  #google-rv{
    position: relative;
    width: 255px;
    height: 50px;
    line-height: 50px;
    text-align: center;
  }
  
  #google-rv::before,
  #google-rv::after {
    position: absolute;
    width: 105px;
    height: 2px;
    top: 24px;
    background-color: #000;
    content: '';

  }
  
  #google-rv::before {
    left: 0;
  }
  
  #google-rv::after {
    right: 0;
  }
  #mandatory-dis{
    position: relative;
    width: 400px;
    height: 50px;
    line-height: 50px;
    text-align: center;
  }
  
  #mandatory-dis::before,
  #mandatory-dis::after {
    position: absolute;
    width: 180px;
    height: 2px;
    top: 24px;
    background-color: #000;
    content: '';

  }
  
  #mandatory-dis::before {
    left: 0;
  }
  
  #mandatory-dis::after {
    right: 0;
  }
  #faq{
    position: relative;
    width: 542px;
    height: 50px;
    line-height: 50px;
    text-align: center;
  }
  
  #faq::before,
  #faq::after {
    position: absolute;
    width: 250px;
    height: 2px;
    top: 24px;
    background-color: #000;
    content: '';

  }
  
  #faq::before {
    left: 0;
  }
  
  #faq::after {
    right: 0;
  }

.enquire-now{
    background: #fff;
transform: skew(-12deg);
padding-left: 10px;
padding-right: 10px;
font-weight: 600;
color: #7ed2f0;
}
.enquire-now:hover{
    color: #7ed2f0;
}
#circular1 .col-md-3{
    border-right: 2px solid #000;
}
#blogs .row .col-md-4 .shadow{
    border-radius: 35px;
}
#blogs .row .col-md-4 div .img-css{
    height: 300px;
overflow-y: hidden;
}
#blogs .row .col-md-4 div img{
    border-top-left-radius: 35px;
    border-top-right-radius :35px;
}
.popupbtn{
    border: 1px solid #84d0ec;
    padding: 6px 25px;
    border-radius: 6px;
}
.modal-heading {
  font-weight: 600;
  border-bottom: 2px solid #7ed2f0;
  padding-bottom: 5px;
margin: auto 80px;
}
.mandatory {
  color: red;
}
/*---- 14/09/2023----*/
button.report{
    width:100%;
}

/*-- 29-04-24 --*/
#main_nav{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.navbar-brand img{
    width:25%;
}
@media only screen and (max-width: 600px){
    #main_nav{
    position: unset !important;
    top: 0;
    transform: none;
    }
    .navbar-brand img{
        width:80%;
    }
}