*{
    margin:0;
    padding:0;
    cursor:auto;
}
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&display=swap');
body
{
    padding:0;
    margin:0;
    font-family: 'RobotoSlab';
}
@font-face {
  font-family: 'RobotoSlab';
  src:url('../fonts/RobotoSlab.woff') format('woff'),
        url('../fonts/RobotoSlab.woff2') format('woff2'),
        url('../fonts/RobotoSlab.svg#RobotoSlab') format('svg'),
        url('../fonts/RobotoSlab.eot'),
        url('../fonts/RobotoSlabd41d.eot?#iefix') format('embedded-opentype'),
        url('../fonts/RobotoSlab.ttf') format('truetype');

  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@keyframes blink{
0%{opacity: 0;}
50%{opacity: .5;}
100%{opacity: 1;}
}
.fixedBtn  a:first-child{position:relative}
.fixedBtn  a:nth-child(2){position:relative}
.fnt-size16{font-size:18px !important}
h1,h2,h3,h4,h5, h6, span{font-family: 'RobotoSlab';font-weight:700}
.Book-images img{border:2px solid #ddd;border-radius:10px}
h4{font-size:20px}
p, a, li{font-family: 'RobotoSlab';font-weight:500}
a, p{font-family: 'RobotoSlab', serif;}
/*  ===========  Common ============= */
.enquire-now{padding:10px 20px;color:#fff;background:#263f50;}
.flex-caption h2{margin-bottom:30px;text-shadow:0px 0px 5px #000;}
.d-flex{display:flex;align-items:center;}
.d-fstart{display:flex;align-items:flex-start;}
.pad-10{padding:10px 0px;}
.p-b-50{padding-bottom:50px}
.p-tb-30{padding:30px 0px;}
.f-end{align-items:flex-end}
.m-b-20{margin-bottom:20px}
.m-l-20{margin-left:20px}
.fl-start{display:flex;align-items:baseline;}
.alignCenter{display:flex;align-items:center;justify-content:center;padding:20px 0px;}
.border-box{box-shadow:0px 0px 10px #ddd;padding:20px;border-radius:10px;margin:15px 0px}
.alignleft{display:flex;align-items:center;justify-content:left;padding:20px 0px;}
.r-circle{width:50px;height:50px;border-radius:50px;text-align:center;margin-right:20px;display:flex;align-items:center;justify-content:center;padding-top:10px}
.l-circle{width:50px;height:50px;border-radius:50px;text-align:center;margin-left:20px;display:flex;align-items:center;justify-content:center;padding-top:10px}
#sync2.owl-carousel.owl-drag .owl-item{width:38% !important;float:none;margin-top:20px}
#sync2.owl-carousel.owl-drag .owl-item:nth-child(1), #sync2.owl-carousel.owl-drag .owl-item:nth-child(2), #sync2.owl-carousel.owl-drag .owl-item:nth-child(3){top:0;left:0;position:absolute;padding:20px 40px 20px 0px;text-align:right}
#sync2.owl-carousel.owl-drag .owl-item:nth-child(4), #sync2.owl-carousel.owl-drag .owl-item:nth-child(5), #sync2.owl-carousel.owl-drag .owl-item:nth-child(6){top:0;right:0px;position:absolute;padding:20px 0px 20px 40px;}
#sync2.owl-carousel.owl-drag .owl-item:nth-child(5){top:145px}
#sync2.owl-carousel.owl-drag .owl-item:nth-child(6){top:320px}
#sync2.owl-carousel.owl-drag .owl-item:nth-child(2){top:145px}
#sync2.owl-carousel.owl-drag .owl-item:nth-child(3){top:320px}
.owl-carousel .owl-item:hover h5{color:#06c168}
.fixedBtn{position:fixed;right:0;top:200px;z-index:9}
.fixedBtn a{font-weight:600}
.fixedBtn a:first-child:after
{
    content: '';
    position: absolute;
    top: 6px;
    right: 0;
    background: #007bff;
    box-shadow: 5px 5px 10px #007bff;
    animation: blink 1s linear infinite;
    width: 140px;
    display: inline-block;   
    float: left;
    height: 30px;
    z-index: -1;}
 .fixedBtn a:nth-child(2):after
 {
    content: '';
    position: absolute;
    top: 6px;
    right: 0;
    background: #dc3545;
    box-shadow: 5px 5px 10px #dc3545;
    animation: blink 1s linear infinite;
    width: 190px;
    display: inline-block;   
    float: left;
    height: 30px;
    z-index: -1;
 }
.feature{height:550px;position:relative;margin-bottom:100px}
#sync2 .owl-stage-outer{overflow:visible !important}
#sync1.owl-carousel.owl-loaded{width:24% !important;float:left;display:inline-block !important;position:absolute;left:38%;z-index:99}
#sync1.owl-carousel.owl-loaded:before{content:'';position:absolute;background:url(../images/frames.png) no-repeat;width:100%;height:530px;z-index:99;background-size:contain;}
#sync2.owl-carousel.owl-loaded{width:100%;float:right;display:inline-block !important;}
.frame-bg img{width:auto !important;height:524px}
.content{width:80%;}
.d-fstart .content p{font-size:14px;font-weight:400}
.g-bg{background:#8cbd3f}
.dg-bg{background:#ffc107}
.b-bg{background:#1d96bb}
.o-bg{background:#ec6224}
.p-bg{background:#d427e2;}
.pi-bg{background:#c31a7f;}
.table{border:1px solid #ddd}
.table thead{background:#326e3d}
.table thead th{color:#fff}
.f-right{float:right}
.navigation .row{width:100%}
.m-t-10{margin-top:10px}
.p-t-20{padding-top:20px}
.p-b-30{padding-bottom:30px}
.m-b-50{margin-bottom:-50px}
.p-t-50{padding-top:50px}
.p-t-100{padding-top:100px}
.p-t-20{padding-top:20px}
.m-t-20{margin-top:20px}
.m-t-100{margin-top:100px}
.m-t-50{margin-top:50px}
.pad-20{padding:20px}
.p-l-30{padding-left:30px}
.white{color:#fff !important}
.btn-warning{color:#fff}
.white:hover{color:#fff;text-decoration: underline;}
.light-bg{background:#F7F7F7;text-align:center;padding:30px 20px;}
.light-bg, .bg{margin:10px 0px 0px}
.flex-caption{width:40%;height:150px;top:0;left:0;right:0;bottom:0px;margin:auto}
.bg{padding:30px 0px;}
.sub-content p, .sub-content li{color:#777777;text-align:justify;font-weight:500}
.b-clr{color:#39b54a;line-height:40px;padding-left:20px}
.b-bg h3, .b-bg p{color:#fff;}
.form-label{padding-top:20px;color: #263f50;display:block;margin-bottom:10px}
.btnSub{background:#06c168;border:0;margin-top:20px}
.white-bg{background:#fff;padding: 30px 20px;}
.sports{padding:10px 0px;}
.white-box{box-shadow:0px 0px 10px #ddd;background:#fff;width:100%;min-height:170px;padding:20px}
.white-box1{box-shadow:0px 0px 10px #ddd;background:#fff;width:100%;padding:20px;text-align:center;margin-top:20px}
.white-box1 p{text-align:center !important;margin-bottom:0px;}
.white-box1 h4{color:#000;font-weight:600}
.white-box .d-flex{justify-content:space-between}
.y-circle{width:50px;height:50px;background:#06c168;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}
.white-box h5{font-size:18px;font-weight:600}
.event-name{margin-top:1rem}
.calday{color:#39b54a}
.events li{padding:15px}
.h3-style{font-size:24px;font-weight:700;color:#39b54a}
.div-section{padding:20px 50px;margin:10px}
.div-section:nth-child(even){background:#F7F7F7;border:1px solid #ddd}
.div-section:nth-child(odd){border:1px solid #ddd}
.date-circle{background:#06c168;width:100px;height:100px;border-radius:50%;margin-top:-65px;margin-left:20px}
.date-circle p{font-size:20px;color:#39b54a;font-weight:700;text-align:center;display:flex;align-items:center;height:100px}
.txt-container{position:relative;background:#39b54a;padding:15px}
.txt-container p{color:#fff}
.bg-h3{text-align:left;background:#39b54a;font-weight:600;color:#fff;padding:5px 10px}
.houses .col{padding-left:0;padding-right:0;}
.houses h3{margin-bottom:0}
.houses .light-bg{margin:0}
.ic i{color:#39b54a;margin-right:10px}
.para p{margin-bottom:1rem;font-weight:500;}
.cimage{width:70px;height:70px;border-radius:50%}
a{cursor:pointer}
.c-txt{font-size:30px;font-weight:bold;color:#fff !important;margin-right:5px;display:block}
.r-image{width:80px;height:80px;margin-right: 20px;object-fit:cover}
.testimonials{padding:20px;}
.circle-1{height:90px;width:90px;margin-right:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;padding:10px;}
.box-modal{box-shadow:0px 0px 5px #ddd;border-radius:5px;padding:20px;margin:15px 0px}
.gallery .items{margin:15px 0px}
.center-align{align-items:center}
/* ---- grid ---- */
.mosaicflow__column {float:left;}
.mosaicflow__item {position:relative;}
.mosaicflow__item img {display:block;width:100%;height:auto;}
.mosaicflow__item p {
		position:absolute;
		bottom:0;
		left:0;
		width:100%;
		margin:0;
		padding:5px;
		background:hsla(0,0%,0%,.5);
		color:#fff;
		font-size:14px;
		text-shadow:1px 1px 1px hsla(0,0%,0%,.75);
		opacity:0;
		-webkit-transition: all 0.4s cubic-bezier(0.23,1,0.32,1);
		-moz-transition: all 0.4s cubic-bezier(0.23,1,0.32,1);
		-o-transition: all 0.4s cubic-bezier(0.23,1,0.32,1);
		transition: all 0.4s cubic-bezier(0.23,1,0.32,1);
		}
.mosaicflow__item:hover p {opacity:1;}
.teacher-head{background:#39b54a;padding:10px;color:#fff}
.heading{font-size:18px;font-weight:600}
.teacher-list{padding:10px}
.svg-icons{text-align:center}
/*  =========== / Common ============= */
/*  ===========  fonts-section ============= */

/*  ===========  fonts-section ============= */
/*  ===========  Header-section ============= */
/*  ===========  Header-section ============= */
.top_section
{
    width:100%;
    background:#fefeff;
    min-height:100px;
    padding:10px 0px;
}

.logo img{width:200px !important}
.title-c{margin-left:20px;color:#fff}
.title-c p{font-weight:600;font-size:20px}
.logo-tit{font-weight:800;font-size:2.6rem}
.gsp img{width:70px}
.contact a{display:inherit;color:#fff;padding-bottom:10px}
.f-icon{padding:0px 20px 0px 0px}
.navigation{background:#fff}
.navbar-light .navbar-nav .nav-link{color: #333; font-size: 16px; font-weight: 600; margin-right: 20px;line-height:36px}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link{color:#333;}
.dropdown-menu{background:#39b54a;border-top:5px solid #7275c7}
.dropdown-item{color:#fff}
.dropdown-menu:before{content:'\f0de';position:absolute;top:-19px;left:15px;font-family:"Font Awesome 5 Free";font-weight:900;font-size:24px;color:#7275c7}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{color:#333}
.social-connections a{color:#326e3d;margin-right:10px}
.footer .social-connections a{color:#fff;}
.social-connections a .fab{font-size:20px}
.social-connections a:hover{opacity:0.8}
.social-connections{display:flex;color:#333}
.dropdown-content {
  display: none;
  position: absolute;
  background-color:rgb(38 63 80 / 90%);
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 9;
  left:0;
  top:50px;border-top:3px solid #fff;
  min-width:100%;
  padding:20px 0px;
}
.navbar{padding:0px 1rem;width:100%}
.dropdown-content a {
  float: none;
  color: #fff;
  padding: 8px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
  font-weight:500;
  font-size:16px;
}
.dropdown-content a:hover {
  color: #fff;
}
.menu-large{position:static !important}
.dropdown:hover .dropdown-content {
  display: block;
}
.dropdown-item:focus, .dropdown-item:hover{background:#ffffff20;color:#fff}
.contact{margin-right:20px}
/*  ===========  /Header-section ============= */
/*  ===========  Slider-section ============= */
.slider-txt{position:absolute;left:0;right:0;top:0;bottom:0;width:100%;color:#fff;display:flex;align-items:center}
.slider-txt h2{margin:0 auto;font-weight:700;text-shadow:0px 0px 10px #000;width:100%}
.enquire{color:#39b54a !important;background:#06c168;padding:20px 30px;width:max-content !important;margin:0 auto;font-size:18px;margin-top:10px}
.text-sl{margin:0 auto;}
.ws_images ul li:before{position:absolute;top:0;bottom:0;left:0;right:0;content:'';background:rgba(0,0,0,0.6)}
.modal-dialog{max-width:920px}
.popup-image{padding:2% 5% 5%;background:#fff}
.close{font-size:2rem}
/*  ===========  /Slider-section ============= */
/*  =========== Program-section ============= */
.cl-bg1{background:#00b14f}
.cl-bg2{background:#00994e}
.cl-bg3{background:#00764d}
.cl-bg4{background:#11564c}
.cl-bg5{background:#263f50}
a{color:#333}
.cmn-cls{text-align:center;display:flex;align-items:center;padding:20px}
.bl-bg{background:#39b54a;width:100%}
.programs h5{text-transform:capitalize;font-size:20px;font-weight:800;color:#fff;padding-top:10px}
.y-clr{background:#06c168;border-color: #06c168;}
.programs a{color:#fff;font-size:18px;font-weight:600}
.content{margin:0 auto;}
.cmn-cls:hover{opacity:0.9}
.programs .colsm-12{display:none}
.important-notice{background:#fff;height:100%;border: 2px solid #57b64b;}
.on-date{font-weight: 900;font-size: 26px;background: #fff;border: 2px solid #06c168;}
.li-notice{padding:10px;display:flex;align-items:flex-start;border:1px solid #ddd}
.li-notice:nth-child(odd){background:linear-gradient(45deg, #f3f1f18c, transparent)}
.li-notice:nth-child(even){background:linear-gradient(45deg, #cacbe8, transparent)}
.n-date{background: #06c168;width: 18%;text-align: center;font-size: 30px;margin-right:10px}
/*  =========== / Program-section ============= */
/*  ===========  About ============= */
.h2-title{color:#333;font-weight:700;font-size:36px;padding:0px 0px 25px 0px;position:relative;display:inline-block}
.h2-title:after{content: '';border-bottom: 4px solid #06c168;position: absolute;left: 0px;width:30%;bottom: 0px;}
.h2-title span{color:#06c168}
.p-text{text-align:justify;line-height:28px}
.read-more{color:#fff;background:#06c168; display:inline-block;width:max-content;tex-align:center;padding:10px 30px;font-weight:500}
.p-style{text-align: center;width:100%; bottom:0;font-size: 20px;background: #39b54a; padding: 15px 0px;}
.p-style a{color:#fff}
.img-container{box-shadow:0px 0px 10px #ddd;background:#fff;min-height:300px;position:relative;text-align:center}
.img-container h3{text-align:center;font-size:36px;font-weight:700;color:#39b54a;padding-top:20px}
.img-container img{border:5px solid #39b54a;margin:20px 0px}
.img-container:hover{box-shadow:0px 0px 5px #ddd;}
.read-more:hover{color: #06c168;text-decoration: underline;background: #fff;border: 2px solid #06c168;}
p{margin-bottom:0}
.not-head{background:#39b54a;}
.not-head p{color:#fff !important}
.notify-rows p{padding:10px}
.notify-rows:nth-child(odd){background:#f2f2ff}
/*  =========== / About ============= */
/*  ===========  Third ============= */
.con-container{background:url(../images/bg-2.jpg) no-repeat;background-size:cover;width:100%;position:relative;min-height:550px;background-attachment: fixed;background-position: center;background-repeat: no-repeat;}
.con-container:before{position:absolute;content:'';top:0;bottom:0;left:0;right:0;background:rgb(60 83 98 / 90%);z-index:0;}
.calendar{text-align:center;background:#fff;}
.calendar h2{background:#06c168;font-weight:bold;color:#fff;padding:10px 0px;}
.white-txt{color:#fff;font-weight:700;font-size:36px;position:relative;padding:0px 0px 25px 0px;display:inline-block}
.white-txt span{color:#57b64b;}
.white-txt:before{content: '';border-bottom: 4px solid #57b64b;position: absolute;left: 0px;width: 30%;bottom: 0px;}
.quote{margin-top:60px}
.quote-msg{color:#fff;font-size:16px;font-weight:normal;margin-top:50px}
.quote-author{text-align:right;font-size:24px;font-weight:bold;color:#57b64b;margin-top:50px}
.bor-right{height:100%;background: #06c168;  width: 2px; text-align: center; margin: 0 auto;}
video{padding-top:20px}
.row.notify-rows:nth-child(1){background:#39b54a;color:#fff}
/*  ===========  /Third ============= */
/*  ===========  Events ============= */
.owl-nav{position:absolute;top:-120px;right:0;}
.enquire-now:hover{color:#fff;}
/* .e-name {
  text-transform: lowercase;}
.e-name:first-letter,
.e-name:first-line {
  text-transform: capitalize;
} */
.owl-carousel .owl-item.active.synced{box-shadow:0px 0px 20px #cecece}
.owl-theme .owl-dots{display:none}
.events h3{font-size:20px;font-weight:bold;color:#333;padding-top:20px}
.events .img-txt{position:relative;}
.owl-theme .owl-nav [class*='owl-']:hover{background: #06c16880;}
.events .txt-date{    position: absolute; bottom: 0;left: 0;background: #06c168; padding: 10px 20px; text-align: center; color: #fff;font-weight: 800;font-size: 24px; text-decoration: none;text-transform:uppercase}
/*  ===========  Events ============= */
/*  ===========  Fifth-Section ============= */
.updates{background:#f7f7f7;}
.l-updates{background:#fff;box-shadow:0px 0px 10px #ddd;height:100%;}
.l-updates h2{background:#39b54a;color:#fff;font-weight:700;text-align:center;padding:10px 20px}
.video-container{padding:50px 20px;background:#fff;box-shadow:0px 0px 10px #ddd;min-height:100%}
ul{list-style:none;text-align:justify}
.Mticker ul li{padding:10px !important;margin:5px 0px !important;height:max-content !important;}
.Mticker ul li:nth-child(odd){background:#fbe4df}
.Mticker ul li:nth-child(even){background:#e1e4ff}
.h2-tit{color:#39b54a;font-weight:700;font-size:36px;padding:0px 0px 25px 0px;position:relative;width:max-content;}
.h2-tit:after{content: '';border-bottom: 4px solid #fff;position: absolute;left: 0px;width:50%;bottom: 0px;}
.public-voices{padding:50px 30px;}
.responsive-image{border-radius:50%;border:3px solid #39b54a}
.circle-img{text-align:center;margin:50px 0px;}
.t-author{font-size:24px;color:#39b54a;font-weight:900;padding:20px 0px;}
.fotorama__wrap{width:90% !important;margin:0 auto;}
.fotorama__dot{border:1px solid #39b54a;width:10px ;height:10px}
.fotorama__nav__frame.fotorama__active .fotorama__dot{width:6px;height:6px;background:#39b54a}
.fa-quote-left{color:#39b54a;font-size:24px;margin-bottom:30px}
.clr-fff{color:#fff !important}
.b-txt{color:#39b54a}
/*  ===========  Fifth-Section ============= */
/*  ===========  litera-Section ============= */
.octave{text-align:center;width:100%;}
.litera-octave .nav-tabs li{width:130px;height:130px;border-radius:50%;background:#cecece;margin:5px;text-align:center;line-height:120px;position:relative}
.litera-octave .nav-tabs li .active{background:#06c168;width:100%;height:100%;display:inline-block;border-radius:50%}
.litera-octave .nav-tabs li a{display:inherit}
.litera-octave .octave .nav-tabs li:hover,.litera-octave .octave .nav-tabs li:active,.litera-octave .octave .nav-tabs li:focus{background:#06c168;transform:translate(0px, -10px);transtion:linear 5s ease-in-out}
.nav-tabs li .active:before{content:'\f0dd';position: absolute; bottom: -56px;left:43%;font-family: "Font Awesome 5 Free";font-weight: 900; font-size: 36px;color: #06c168;}
.litera-octave .nav-tabs .col{padding-left:0;padding-right:0;}
.nav-tabs{border:0;}
.fade:not(.show){opacity:1}
.tab-content{margin-top:50px;text-align:left}
.tab-content h4{color:#06c168;padding-bottom:20px;font-weight:800}
.fa-download{text-align: center;display: block;padding: 10px;color: #39b54a90;}
/*  =========== / litera-Section ============= */
/*  =========== Gallery ============= */
.img-gallery{width:100%;text-align:center;}
.imgGal li img{width:100%;height:auto;object-fit:cover;position:relative;}
.imgGal li{width:400px;height:440px}
.imgGal li:before
{
        background: #06c168; /* Old browsers */
        background: -moz-linear-gradient(to top, #06c168 0%, #39b54a80 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(to top,, #06c168 0%,#39b54a80 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to Top, #06c168 0%,#39b54a80 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */        
        width:100%;
        height:0%;
        display:block;
        content:attr(data-content);
        bottom:0;left:0;right:0;z-index:9;opacity:0.9;       
        position:absolute;
        display:none;
       
}
.imgGal li[data-content]{color:#fff;text-align:center;line-height:400px;font-size:24px;font-weight:700; }
.imgGal li:hover:before{height:100%;display:block; transition: height 0.5s ease-out;}
.imgGal .col{padding-left:0;padding-right:0;}
.img-gallery ul{margin-bottom:0;}
.img-gallery{width:100%;overflow:hidden}
.imgGal .col-md-3{padding-left:0;padding-right:0;}
/*  ===========/ Gallery ============= */

/*  ========== Footer ============= */
.footer{background-image: url(../images/footer-bg.jpg); width: 100%;background-repeat: no-repeat;background-size: cover;position:relative}
.footer:before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.7);}
.contents{text-align:center;width:100%;color:#fff;z-index:9;position:relative}
.fl-start p:first-child{margin-right:20px}
.social-connections p{margin-right:20px}
.social-connections p i{font-size:16px;border:1px solid #ddd;padding:10px}
.sub-section{background:#afafaf;width:100%;height:70px;color:#fff}
.sub-section p a{color:#fff;line-height:70px;margin-right:20px}
.sub-section p{margin-bottom:0}
.mail{margin-top:20px}
/*  ==========/ Footer ============= */
/*  ========== sub-pages ============= */
.static-banner{position:relative;height:200px;}
.static-banner img{height:200px;object-fit:cover}
.static-banner:before{position:absolute;content:'';left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,0.6)}
.sub-h1{text-align: center;position: absolute; top: 0; left: 0;bottom: 0;right: 0;line-height: 50px;color: #fff;font-size: 25px;font-weight: 600;margin-top: 20;}
.sub-content{padding:50px 0px;}
.para{text-align:justify;padding-bottom:50px}
.box-shadow{background:#fff;box-shadow:0px 0px 10px #ddd;padding:30px}
.box h2{font-size:42px;font-weight:bold;color:#39b54a;margin-top:20px}
.box h3{color:#777774;font-size:20px;font-weight:900;}
.light-bg .count{font-size: 24px;font-weight: bold;color: #39b54a;margin-top: 20px;}
.count .number{font-size:48px}
.box-shadow:hover{}
.icon-circle{width:150px;height:150px;border-radius:50%;text-align:center;padding:25px;}
.icon-circle.y-bg:after{width:170px;height:170px;border-radius:50%;border:2px solid #06c168;content:'';position:absolute;top:-10px;left:5px}
.icon-circle.b-bg:after{width:170px;height:170px;border-radius:50%;border:2px solid #39b54a;content:'';position:absolute;top:-10px;left:5px}
.y-bg{background:#57b64b}
.b-bg{background:#263f50}
.light-bg .row, .bg .row, .white-bg .row{align-items:center}
.v-container .row:nth-child(odd) .light-bg {margin-left:-80px;}
.v-container .row:nth-child(even) .light-bg {margin-right:-80px}
.v-container .row{align-items:flex-end;margin-bottom:50px}
.v-container img{z-index:-1}
.v-container .col-xl-5{z-index:-1}
.princi .y-bg{width:80%;height:80%}
.princi .y-bg img{margin-left:50px;margin-top:50px}
.blu-quotes{color:#0986D3;font-weight:700;font-size:20px}
.h3-style{color:#39b54a;font-weight:600;width:100%}
.princi{align-items:flex-end}
.bg-image{background-size:cover;width:100%;min-height:380px;background-image: linear-gradient(to right, rgba(255,255,255,0.8) 0%, rgba(255,255,255,1) 100%),url(../images/ad-bg.jpg);margin-top:50px}
.bg-image .row{align-items:center}
.hand-bullet .fa-hand-point-right{color:#06c168;padding-right:20px;padding-top:5px}
.circle-ic{width: 100px; height: 100px;  border-radius: 50%;padding-top: 25px;text-align:center;margin-left:-50px;}
.adm-ic .light-bg{display:flex;  align-items: center; height: 70px;  margin-left: 10px;margin-top:40px;}
.adm-ic .light-bg h5{font-weight: 700;padding-left: 20px;font-size:1rem}
.skb{background: #3ABBC9;}
.grn{background: #9BCA3E;}
.ylw{background: #FEEB51;}
.org{background:#FFB92A}
.red{background:#ED5314}
.v-head{position:relative}
.v-text{position:absolute;font-size:60px;transform:rotate(90deg);top: 160px;right: -130px;color: #CECECE;float: left;font-weight: 700;}
.adm-li{width:75%}
.adm-li li{display:block;margin-bottom:10px}
.img-index .col-xl-3{z-index:1}
.img-index .light-bg{margin-left:-80px;padding-left:80px}
.pp-icon{width:150px;height:150px;border-radius:50%;display:flex;align-items:center;justify-content:center}
.pp-icon i{font-size:40px;color:#fff}
.spp-icon{border-radius: 50%;height: 160px; width: 160px; display: flex;align-items: center;justify-content: center;margin-left:40px;margin-bottom:20px}
.b-img{width:100%;min-height:200px;display:flex;align-items:center;justify-content:center}
.hand-bullet li{display:flex;align-items:flex-start}
li{margin-bottom:10px}
.navbar-nav li{margin-bottom:0px}
    .panel-group .panel {
        border-radius: 0;
        box-shadow: none;
        border-color: #EEEEEE;
    }

    .panel-default > .panel-heading {
        padding: 0;
        border-radius: 0;
        color: #212121;
        background-color: #39b54a;
        border:1px solid #fff;
    }

    .panel-title {
        font-size: 14px;
        margin-bottom:0;
    }

    .panel-title > a {
        display: block;
        padding: 15px;
        text-decoration: none;
        color:#fff;
    }

    .more-less {
        float: right;
        color: #fff;
    }
    .panel-collapse{background:#f7f7f7;padding:10px 20px}
    .panel-default > .panel-heading + .panel-collapse > .panel-body {
        border-top-color: #EEEEEE;
    }
.modal-dialog{margin:50px auto}
.sports img{height:250px;object-fit:cover}
.img-txt{margin:15px 0px;}
.spa-between{display: flex; align-items: center; justify-content: space-between}
/*  ==========/ sub-pages ============= */
/*  ========== Media Queries ============= */
@media only screen and (max-width: 1024px) 
{
    .logo-tit{font-size:28px;}    
    .social-connections{display:none}
    .fotorama__stage{height:400px !important}
    .litera-octave .nav-tabs li{width:110px;height:110px;line-height: 103px;}
    .nav-tabs li .active:before{bottom: 5px;line-height:0}
    .navbar-light .navbar-nav .nav-link{margin-right:5px;font-size:14px}
    .frame-bg img{height:440px;object-fit:contain}
}
@media only screen and (max-width: 991px)
{
    .navigation{padding:10px 0px}
    .navbar-light .navbar-toggler{background:#000;}
    .navbar-collapse{position: absolute;top: 50px;left: 0;right: 0;bottom: 0;background: #fff !important;z-index: 9999; 
    float: left;
    width: 100%;
    height: fit-content;
    padding: 0px 50px;
    box-shadow: 0px 0px 10px #ddd;}
    
}
@media only screen and (max-width: 900px)
{
    .contact{display:none}
    .dropdown-content{top:auto;opacity:1}
}
@media only screen and (max-width: 768px) 
{
    .slider-txt h2{font-size:1.4rem}    
    .navbar-light .navbar-toggler{border-color:rgba(255,255,255,0)}
    .dropdown-menu:before{top:30px}
    .read-more{margin-bottom:30px}
    .thoughts{margin-top:30px}
    .quote-author{padding-bottom:30px}
    .octave .nav-tabs li svg{width:42px;height:42px}
    .litera-octave .nav-tabs li{height:80px;line-height: 75px;}
    .sub-section p a{margin-right:0;}
    .modal-dialog{max-width:650px}
    .box-shadow{padding:15px;margin:15px 0px}
    .v-container .row:nth-child(odd) .light-bg{margin-left: 0px;}
    .v-container .row:nth-child(even) .light-bg{margin-right:0}
    .contact{display:none}
    .pp-icon{width:100px;height:100px}
    .spp-icon{width:130px;height:130px;margin-left: 16px;}
    .h3-style{font-size:16px}
    .blu-quotes{font-size:16px}
    .image-gal>div{margin-top:20px}
    .white-box1 h4{font-size: 20px;}
    .flex-caption{bottom:15%}    
    .dropdown-content svg{display:none}
    .d-fstart .content p{display:none}
    .d-fstart .content h5{font-size:1rem}
    .d-fstart{align-items:center}
    #sync1.owl-carousel.owl-loaded{width:32% !important;}
    .frame-bg img{height:430px}
    #sync2.owl-carousel.owl-drag .owl-item{width:35% !important}
}
@media screen and (max-width: 600px) 
{
    .slider-txt h2{font-size:1rem}
    .enquire{font-size:14px}
    .litera-octave .nav-tabs li .active, .litera-octave .nav-tabs li{border-radius:0}
    .nav-tabs li .active:before{display:none}
    .social-connections{margin-top:20px}
    .programs .row{display:block}
    .sub-section{min-height: 90px;}
    .sub-section p{text-align:left}
    .sub-section p a{margin-right: 20px;line-height: 45px;}    
    .bg{padding: 30px 15px;}
    .icon-circle{margin:15px auto}
    .icon-circle.y-bg:after,.icon-circle.b-bg:after{display:none}
    .gsp,.contact{display:none}
    .feature{height:fit-content}
    .flex-caption{display:none}
    .title-c p{font-size:14px}
    #sync2.owl-carousel.owl-drag .owl-item:nth-child(1), #sync2.owl-carousel.owl-drag .owl-item:nth-child(2), #sync2.owl-carousel.owl-drag .owl-item:nth-child(3){position:Relative;padding:10px;text-align:left}
#sync2.owl-carousel.owl-drag .owl-item:nth-child(4), #sync2.owl-carousel.owl-drag .owl-item:nth-child(5), #sync2.owl-carousel.owl-drag .owl-item:nth-child(6){position:Relative;padding:10px;text-align:left}
#sync2.owl-carousel.owl-drag .owl-item:nth-child(5){top:auto}
#sync2.owl-carousel.owl-drag .owl-item:nth-child(6){top:auto}
#sync2.owl-carousel.owl-drag .owl-item:nth-child(2){top:auto}
#sync2.owl-carousel.owl-drag .owl-item:nth-child(3){top:auto}
#sync1.owl-carousel.owl-loaded{position:relative}
#sync1.owl-carousel.owl-loaded:before{height:430px}
#sync1.owl-carousel.owl-loaded{width:100% !important}
#sync2.owl-carousel.owl-drag .owl-item{width:90% !important;margin-left:5%}
.sub-content p, .sub-content li{margin-left:15px;margin-right:15px}
.img-index .light-bg{margin-left:0;padding-left:0}
.fixedBtn a:first-child{width:40px;height:40px}
.fixedBtn a:first-child:after, .fixedBtn a:nth-child(2):after{height:35px;width:40px;border-radius:10px}
.fixedBtn a:first-child span{display:none}
.fixedBtn a:nth-child(2){width:40px;height:40px}
.fixedBtn a:nth-child(2) span{display:none}
}
@media only screen and (max-width: 480px) 
{
    .gsp{display:none}
    .events .h2-title{margin-left:10px}
    .owl-theme .owl-nav{margin-right:10px}
    .octave{margin:0px 15px;}
    .slider-txt h2{font-size:14px}
    .enquire{padding:15px 20px;}
    .octave .nav{display:block}
    .octave .nav li.col{width:100%}
    .litera-octave .octave .nav-tabs li:hover, .litera-octave .octave .nav-tabs li:active, .litera-octave .octave .nav-tabs li:focus{transform: translate(0px, 0px);}
    .thoughts{padding:10px}
    .modal-dialog{max-width:400px}
    .para{padding:0px 20px}
    .sub-h1{font-size: 24px;}
    #sync1.owl-carousel.owl-loaded{left:0px;}    
    .owl-carousel .owl-item img{margin:0 auto}
    #sync1.owl-carousel.owl-loaded:before{background: url(../images/frames.png) no-repeat center;background-size: contain;}
    .notify-rows img{width:auto;}
    img:not(.literaimg), img:not(.logoimg){margin-top:10px}
    .spp-icon{margin:0 auto}
    .h3-style{margin: 15px;}
    .form-control{width:94%}
    .static-banner:before{top: 10px;;bottom:-10px;}
    .columnflex{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center !important}
    .border-box p{text-align:center}
    .text-cen{text-align:center}
    .round-image{width:100% !important}
    .title-clr{text-align:center}
    .img-txt img{width:100% !important}
    .h2-title{font-size:24px;}
    h6{margin:0px 15px;}
    .spa-between{flex-direction:column;align-items:flex-start}
    h4,h5{margin:15px;}
    h5{font-size:16px}
    .width100{width:100%}
    .img-txt{text-align:center}
}
   
@media only screen and (max-width: 425px) 
{
    .logo-tit{font-size:24px}
    .slider-txt{display:none}
    .cmn-cls{height: auto;}
    .owl-item .synced .active, .owl-item .active{margin-right:0px !important;}
    .v-text{right: -170px;}
    .testimonials{padding:10px}
    .pp-icon{width:150px;height:150px;margin:0 auto}
    .pp-icon + h4{text-align:center}
}
@media only screen and (max-width: 375px) 
{
    .logo-tit{font-size:20px}
    .slider-txt{display:flex}
    .sub-section p a{line-height: 30px;}
    .modal-dialog{max-width:300px}
    #sync2.owl-carousel.owl-loaded{width:98%}
    .events h3{font-size:18px;}
}
@media only screen and (max-width: 320px) 
{
    .title-c p{font-size:12px;}
    .logo-tit{font-size:17px}
    .slider-txt{display:none}
    .Mticker{height:420px !important}
    .tab-content>.active{text-align:justify}
    h2,.h2-title, .img-container h3, .white-txt, .h2-tit{font-size: 1.6rem;}    
   .owl-stage{width:312px}
}
/*  ========== /Media Queries ============= */