@charset "utf-8";
/*..............embedded fonts..............*/

@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');

:root{
    --titleFont: "Playfair Display", serif;
    --textFont: "Jost", sans-serif;
    --blueBg: #00699F;
    --yellowBg: #FFC600;
}

/*..............embedded fonts..............*/

  /*font-family: "Playfair Display", serif;
    font-family: "Jost", sans-serif;
  */


/*..............common styles..............*/
body { margin: 0; padding: 0; font-family: var(--textFont); /*font-size: 16px;*/ font-size: 20px; color:#000;}
h1, h2, h3, h4, h5, h6 { font-weight: 500; margin:0 0 30px; padding:0; color: #000;}
h1{ font-size: 48px; font-weight: 600; font-family: var(--titleFont);}
h2{ font-size: 48px; font-weight: 600; font-family: var(--titleFont);}
h3{ font-size: 40px; font-weight: 600; font-family: var(--titleFont);}
h4{ font-size: 30px; font-family: var(--titleFont);}
h5{ font-size: 24px; font-family: var(--titleFont);}
h6{ /*font-size: 18px;*/ font-size: 22px; font-family: var(--textFont);}
p{ /*font-size: 16px;*/ font-size: 20px; color: #000; margin:0 0 30px; padding:0; font-family: var(--textFont);}
img{ max-width: 100%;}
a, img{ border:0; text-decoration: none; outline: none;}
a, a:link, a:visited, a:focus, a:hover { /*color: #179ae2;*/ outline: none; text-decoration: none; transition:all 0.3s ease 0s;}
a:hover{ text-decoration:none;}

input, textarea, select{ font-family: var(--textFont); font-size: 18px; outline: none;}
input[type="submit"]{ font-family: var(--textFont); font-weight: 500; font-size: 18px; transition:all 0.3s ease 0s; outline: none;}



/* --- Button Styles --- */
.btn { border: 0; display: inline-block; vertical-align: top; background: var(--yellowBg); color: #000; padding: 12px 40px; font-size: 18px; border-radius: 30px; position: relative; overflow: hidden; z-index: 9; font-family: var(--textFont);}
.btnLg{width: 220px;}
.btn.solid-color { background: #f00; color: #fff; }
.btn.border { background:none; color: #769fcd; border: 2px solid #769fcd; }
.btn.rounded { border-radius: 5px;}
.btn.medium-size { /* Your custom Styles */ }
.btn.large-size { /* Your custom Styles */}

.btn:focus, button:focus{outline: none;}

.btn:before{position: absolute; left: 0; top: 0; height: 100%; width: 0; content: ""; background-color: rgba(255, 245, 211, 0.5); transition: all 0.6s ease-in-out 0s; z-index: -1;}
.btn:hover:before{width: 100%;}
.btn:hover{background-color: var(--yellowBg); color: #000;}

/* --- Button Styles --- */


/*..............common styles..............*/

.sec-gapTop{padding-top: 70px;}
.sec-gapBottom{padding-bottom: 70px;}

.sec-gapTopMd{padding-top: 35px;}
.sec-gapBottomMd{padding-bottom: 35px;}

.sec-gapTopSm{padding-top: 30px;}
.sec-gapBottomSm{padding-bottom: 30px;}

.commonBg{background-repeat: no-repeat; background-size: cover; background-position: center center;}

.blue-bg{background-color: var(--blueBg);}
.yellow-bg{background-color: var(--yellowBg);}
.yellow-light-bg{background-color: #FFFAEE;}

.text-white h1, .text-white h2, .text-white h3, .text-white h4, .text-white h5, .text-white h6, .text-white p{color: #fff;}
.click { display:none; color: #000; font-size: 28px;}
.main_menu a.closebtn{display: none;}

/*..............common styles..............*/

/*for header css*/

.main-header { /*background: rgba(30, 30, 34, 0.9);*/}
.header-top{padding: 15px 0;}
.headerRow{display: flex; justify-content: space-between; align-items: center;}

.social-list ul{display: flex; padding: 0; margin: 0; flex-flow: row wrap; list-style: none;}
.social-list ul li:not(:last-child) {margin-right: 20px;}
.social-list ul li a{color: #fff;}
.social-list ul li a:hover{color: var(--yellowBg);}

.header-bottom {background-color: #fff; box-shadow: 0 0 6px 0px rgba(0,0,0,0.1);}
.stickyHeader.header-bottom {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
    transition: all 0.6s ease-in-out 0.6s; 
    animation: fixedHeader 1s forwards;
}

@keyframes fixedHeader {
  0% {
    transform: translateY(-40px);
  }
  100% {
    transform: translateY(0px);
  }
}

.header-con-list ul{display: flex; padding: 0; margin: 0; flex-flow: row wrap; list-style: none; justify-content: flex-end;}
.header-con-list ul li:not(:last-child) {margin-right: 60px;}
.header-con-list ul li a{color: #fff;}
.header-con-list ul li a:hover{color: var(--yellowBg);}
.header-con-list ul li a span{margin-right: 5px;}

.main_menu ul { margin: 0; padding: 0; list-style: none; display: flex; flex-flow: row wrap; align-items: center;}
.main_menu ul li { list-style: none; display: inline-block; vertical-align: top; margin: 0 34px; position: relative;}
.main_menu ul li a { display: block; padding: 42px 0; color: #000; /*font-size: 16px;*/ font-size: 20px; font-family: var(--textFont);}
.main_menu ul li:last-child{margin-right: 0;}
.main_menu>ul>li:last-child>a{background-color: var(--yellowBg); color: #000; font-size: 18px; font-weight: 500; padding: 12px 40px; border-radius: 30px;}
.main_menu ul li a:hover, .main_menu ul li.current-menu-item a { color: var(--blueBg);}

.main_menu ul li.menu-item-has-children span { position: absolute; /*top: 42px;*/ top: 55px; right: -15px; width: 10px; height: 10px; /*height: 24px;*/ line-height: 0;}
.main_menu ul li ul.sub-menu{position: absolute; left: 0; width: 200px; top: 107px; background-color: #fff; display: inline; z-index: 3; border-radius: 0 0 8px 8px; box-shadow: 0px 5px 5px 1px rgba(0,0,0,0.15); display: none;}
.main_menu ul li:hover ul.sub-menu{display: block;}
.main_menu ul li ul.sub-menu li{width: 100%; margin: 0;}
.main_menu ul li ul.sub-menu li a{padding: 5px 10px; font-size: 16px;}

/*for header css*/

/*for banner css(Start)*/
.slider-wrap { position: relative;}
.slider-wrap img{ width: 100%;}
.bannerHome { padding-top: 49%; overflow: hidden; position: relative;}
.bannerHome img{ width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; bottom: 0; left: 0; right: 0;}

.bannerHome:before{position: absolute; left: 0; top: 0; left: 0; background: linear-gradient(to right, rgba(1,48,72,1), rgba(1,48,72,0.9), rgba(1,48,72,0.8), rgba(1,48,72,0.6), rgba(1,48,72,0.4), rgba(1,48,72,0)); height: 100%; width: 80%; content: ""; z-index: 1;}
.bannerContenet{position: absolute; top: 50%; transform: translateY(-50%); max-width: 750px; z-index: 2;}


/*-- time-counter-css(Start) --*/

.counterBox{border-radius: 10px; background: linear-gradient(to right, rgba(0, 105, 159, 0.6), rgba(255, 198, 0, 0.6)); padding: 30px 50px;     margin-top: 60px; max-width: 465px;}
.counter ul{padding: 0; margin: 0; display: flex; flex-flow: row wrap;}
.counter ul li {
  display: inline-block;
  font-size: 16px;
  list-style-type: none;
  margin-right: 26px;
  text-transform: uppercase;
  text-align: center;
  position: relative;
}
.counter ul li:not(:last-child):after{
    position: absolute; right: -18px; top: 20px; content: ":"; color: #fff; font-size: 30px; line-height: 1;
}
.counter ul li:last-child{
    margin-right: 0;
}

.counter ul li span {
  display: block;
  font-size: 30px;
  background-color: #fff;
  color: #000;
  border-radius: 6px;
  padding: 12px 6px;
  width: 66px;
  text-align: center;
  margin: 0 auto 10px;
}
/*-- time-counter-css(End) --*/

/*for banner css(End)*/

/*for main sections css*/


/*-- fillter-image-gallery-css(Start) --*/

.buttons-section {
    display: table;
    border: 1px solid var(--blueBg);
    border-radius: 50px;
    width: auto;
    margin: 0 auto;
    padding: 5px;
}

.buttons-section button.active {
    color: #000;
    background: var(--yellowBg);
}

.buttons-section button {
    border-radius: 30px;
    border: none;
    cursor: pointer;
    padding: 12px 28px;
    font-size: 18px;
    background: #fff;
    text-align: center;
}

.cards-section {
    margin-top: 50px;
    display: flex;
    flex-flow: row wrap;
    /*gap: 20px;*/
    /* flex-wrap: wrap; */
    /*flex-grow: 1;*/
}

.image-filterRow .card {
    width: 20%;
    text-align: center;
    position: relative;
    padding-top: 15px;
    margin-bottom: 50px;
    border: none;
}

.image-filterRow .hide {
    display: none;
}


.image-filterRow .card-body {
    padding: 40px 0px;
}
.image-filterRow .card-body h4{font-family: var(--textFont); transition: all 0.6s ease-in-out 0s; font-size: 24px;}

/*-- --*/

.cardPic{width: 230px; height: 230px; margin: 0 auto; border-radius: 100%; overflow: hidden; /*border: 30px solid #fff;*/}
.cardPic img{width: 100%; height: 100%; object-fit: cover;}
.cardPic:after{width: 260px; height: 260px; border-radius: 100%; border: 1px solid var(--yellowBg); position: absolute; left: 0; right: 0; top: 0; margin: 0 auto; content: ""; transition: all 0.6s ease-in-out 0s; opacity: 0;}
.image-filterRow .card:hover .cardPic:after{opacity: 1;}
.image-filterRow .card:hover .card-body h4{color: var(--yellowBg);}

/*-- fillter-image-gallery-css(End) --*/

.hom-eventBg{/*background-attachment: fixed;*/ border-radius: 20px; overflow: hidden; padding: 0 70px;}
.hom-eventBg:before{position: absolute; top: 0; left: 0; content: ""; background-color: rgba(0,0,0,0.75); width: 100%; height: 100%;}
.hom-eventPic { position: relative; padding-top: 100%; overflow: hidden;}
.hom-eventPic img { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0;}
.hom-eventBg .row { position: relative;}
.hom-eventR { max-width: 580px; margin: 0 auto;}
.hom-welcomeRow h2{font-size: 60px; font-weight: 600; margin-bottom: 30px;}
.hom-welcomeRow h2 span{color: var(--yellowBg);}
.hom-welcomeRow p{/*font-size: 18px;*/ font-size: 20px;}
.hom-welcomeSec:before {position: absolute; top: 0; left: 0; content: ""; background: linear-gradient(to right, rgba(0, 105, 159, 0.98), rgba(0, 105, 159, 0.7), rgba(0, 105, 159, 0.5), rgba(0, 105, 159, 0.4), rgba(0, 105, 159, 0.2), rgba(0, 105, 159, 0.1)); width: 100%; height: 100%;}
.hom-welcomeSec{ padding: 135px 0 135px;}
/*.hom-welcomeSec{background-attachment: fixed;} */

.school-bottom{padding-top: 40px;}
.school-bottom h2{margin-bottom: 10px; color: var(--blueBg);}
.school-bottom p{margin-bottom: 0; font-size: 24px; color: var(--blueBg);}

.hom-learnSec:before{position: absolute; top: 0; left: 0; content: ""; background-color: rgba(0,0,0,0.75); width: 100%; height: 100%;}
.hom-learnSec{padding: 140px 0;}
.hom-learnSec h6{font-weight: 400;}
.grayBg{background-color: #F7F7F7; border-radius: 20px; overflow: hidden;}
.hom-examinationsContent{padding: 0 70px 0 50px;}
.testimonial-topBtn{text-align: right;}

.hom-testimonialsSec:before { position: absolute; top: 0; left: 0; content: ""; background-color: rgba(0, 105, 159, 0.75); width: 100%; height: 100%;}

.testimonialBottom{padding-top: 45px;}
.testimonial-nameRow{margin-bottom: 30px;}
.testimonial-nameRow ul{display: flex; flex-flow: row wrap; /*align-items: center;*/ padding: 0; margin: 0; list-style: none;}
.testimonial-nameRow ul li:first-child {/*max-width: 35%;*/ width: auto; padding-right: 16px;}
.testimonial-nameRow ul li:last-child {/*width: 65%;*/ max-width: 50%;}
.testimonial-nameRow ul li:not(:last-child){/*margin-right: 40px;*/ position: relative;}
.testimonial-nameRow ul li:not(:last-child):after{position: absolute; width: 2px; /*height: 20px;*/ height: 30px; top: 5px; right: 8px; content: ""; background-color: #fff;}
.testimonial-nameRow ul li h5, .testimonial-nameRow ul li h6{margin-bottom: 0;}
.testimonial-nameRow ul li h6{font-weight: 300;}

.hom-testimonialsRow .owl-carousel .owl-nav button.owl-prev, .hom-testimonialsRow .owl-carousel .owl-nav button.owl-next, 
.hom-videoSec .owl-carousel .owl-nav button.owl-prev, .hom-videoSec .owl-carousel .owl-nav button.owl-next, 
.home-bannSec .owl-carousel .owl-nav button.owl-prev, .home-bannSec .owl-carousel .owl-nav button.owl-next{
    position: absolute; top: 50%; transform: translateY(-50%);}
.hom-testimonialsRow .owl-carousel .owl-nav button.owl-prev{left: -70px;}
.hom-testimonialsRow .owl-carousel .owl-nav button.owl-next{right: -70px;}
.hom-testimonialsRow .owl-carousel .owl-nav button.owl-prev:hover, .hom-testimonialsRow .owl-carousel .owl-nav button.owl-next:hover, 
.hom-videoSec .owl-carousel .owl-nav button.owl-prev:hover, .hom-videoSec .owl-carousel .owl-nav button.owl-next:hover, 
.home-bannSec .owl-carousel .owl-nav button.owl-prev:hover, .home-bannSec .owl-carousel .owl-nav button.owl-next:hover{background-color: transparent;}
.hom-videoSec .owl-carousel .owl-nav button.owl-prev{/*left: 70px;*/ left: 20px;}
.hom-videoSec .owl-carousel .owl-nav button.owl-next{/*right: 70px;*/ right: 20px;}
.home-bannSec .owl-carousel .owl-nav button.owl-prev{left: 70px;} 
.home-bannSec .owl-carousel .owl-nav button.owl-next{right: 70px;}


.testimonialPic{width: 104px; height: 104px; overflow: hidden; border-radius: 100%;}
.testimonialPic img{width: 100%; height: 100%; object-fit: cover;}
.testimonialBox{position: relative;}
.quote-icon{position: absolute; width: 46px; height: 46px; background-color: var(--yellowBg); overflow: hidden; border-radius: 100%; display: flex; justify-content: center; align-items: center; top: 30px; left: 85px;}
.owl-carousel .owl-item .quote-icon img{width: auto;}
.hom-videoBox{position: relative;}
.videoPlayer{position: absolute; top: 50%; transform: translate(-50%, -50%); left: 50%; /*font-size: 110px;*/ font-size: 70px; color: var(--yellowBg); cursor: pointer; transition: all 0.6s ease-in-out 0s; z-index: 1;}
.videoPlayer:hover{opacity: 0.8;}

.hom-videoSec .owl-item .item{padding: 50px 0;}
.hom-videoBox{border-radius: 20px; overflow: hidden; position: relative; /*padding-top: 50%;*/ padding-top: 150%;}
.hom-videoBox video, .hom-videoBox iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.hom-videoSec .owl-item .item {
    transform: scale(0.91);
    transition: all 0.6s ease-in-out 0s;
    border-radius: 20px; overflow: hidden;
}
.hom-videoSec .owl-item.active.center .item{
    /*transform: scale(1.1);*/
    transform: scale(1.03);}

/*for main sections css*/


/*for footer sections css*/

footer { background-color: #222;}
.ftr-top { padding: 80px 0 60px;}
.ftr-logo { margin: 0 0 35px;}
.ftr-menu ul { margin: 0; padding: 0; list-style: none; column-count: 2;}
.ftr-menu ul li { margin-bottom: 15px; text-transform:capitalize;}
.ftr-menu ul li a { color: #fff;}
.ftr-menu ul li a:hover, ul.ftr-social li a:hover, ul.adrs li a:hover{ color: var(--yellowBg);}
.ftr-title{font-size: 20px; color: #fff;}
.ftr-text p{max-width: 284px;}


.ftr-btm { padding: 30px 0; text-align: center; color: #fff; border-top: 1px solid #444;}
.ftr-btm p { margin-bottom: 0; color: #fff; font-size: 16px;}

ul.ftr-social { margin: 10px 0 0px; padding: 0; list-style: none; display: flex;}
ul.ftr-social li { list-style: none; font-size: 18px; margin-right: 15px;}
ul.ftr-social li a{ color: #fff;}


ul.adrs { margin: 0; padding: 0; list-style: none;}
ul.adrs li { /*padding-left: 36px; position: relative;*/ margin-bottom: 15px; color: #fff;}
ul.adrs li a{ color: #fff;}


/*for footer sections css*/

/*-- inner-page(Start) --*/

.innerBanner { position: relative; padding-top: 26%; overflow: hidden;}
.innerBanner img { width: 100%; height: 100%; object-fit: cover; object-position: center center; position: absolute; top: 0; left: 0; z-index: -1;}
.innerBanner .bannerContenet{ width: 100%; max-width: inherit; text-align: center;}
.innerBanner:before{position: absolute; background-color: rgba(1, 48, 72, 0.7); top: 0; bottom: 0; left: 0; right: 0; content: ""; width: 100%; height: 100%;}
.story-whoPic{border-radius: 20px; overflow: hidden;}
.story-whoR{border-radius: 20px; padding: 30px 50px; height: 100%; display: flex; align-items: center; flex-flow: row wrap;}
.story-chooseSec:before{ position: absolute; top: 0; left: 0; content: ""; background-color: rgba(0, 105, 159, 0.75); width: 100%; height: 100%;} 
.story-chooseSec h6{font-weight: 400;}

.story-chooseSec.commonBg { background-size: 100% 75%; background-position: top center;}
.chooseBox{padding: 50px; border-radius: 20px; box-shadow: 0 0 10px -3px rgba(0, 0, 0, 0.15); background-color: #fff; position: relative;
    z-index: 1; transition: all 0.6s ease-in-out 0s; height: 100%;}
.chooseBox:hover{box-shadow: 0 0 40px -3px rgba(0, 0, 0, 0.15);}
.chooseIcon{position: relative; width: 65px; height: 50px; margin-bottom: 40px; z-index: 2;}
.chooseIcon:before{position: absolute; width: 50px; height: 50px; background: rgba(255, 183, 3, 0.5); border-radius: 100%; right: 0; top: 5px; content: ""; z-index: -1;}
.chooseBottom h5{margin-bottom: 15px;}
.chooseBottom h5 a{color: var(--blueBg);}
.chooseBottom h5 a:hover{color: var(--yellowBg);}

.story-chooseSec:after{bottom: 0; left: 0; right: 0; width: 100%; height: 195px; background-color: #fff; content: ""; position: absolute; z-index: 0;}
.objectSec:before{position: absolute; background-color: rgba(255, 255, 255, 0.92); top: 0; bottom: 0; left: 0; right: 0; content: ""; width: 100%; height: 100%;}
.objectPic{border-radius: 20px; overflow: hidden;}
.contactR{border-radius: 30px; background: #FFFAE7; padding: 40px 50px 20px 50px;}
.contactR .form-control{height: 50px; border: none; border-radius: 50px;}
.contactR textarea.form-control{height: auto; border-radius: 10px;}
.contactR .form-label{color: #6E6E6E;}

.contact-info ul{padding: 0; margin: 0; list-style: none;}
.contact-info ul li{margin-bottom: 20px; font-size: 24px; position: relative; padding-left: 38px;}
.contact-info ul li span{color: var(--blueBg); position: absolute; top: 0; left: 0;}
.contact-info ul li a{color: #000;}
.contact-info ul li a:hover{color: var(--yellowBg);}

.con-whataApp h5 { margin-bottom: 20px;}
.btn-whatsApp{font-size: 30px; font-weight: 600; color: #fff; background: linear-gradient(to right, #57D164, #24B43B); border: 7px solid #fff; box-shadow: 0 0 8px -3px rgba(0,0,0,0.5); border-radius: 100px; padding: 20px 45px; display: inline-block; transition: all 0.6s ease-in-out 0s;}
.btn-whatsApp:hover{color: #24B43B; background: #fff; border-color: #24B43B; box-shadow: 0 0 18px -3px rgba(0,0,0,0.5);}
.mapSec iframe{
     -webkit-filter: grayscale(0.85);
    filter: grayscale(0.85);    
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayScale=1);
}
.mapSec{
    line-height: 0;
}

.eventBox, .galleryPic{padding-top: 100%; border-radius: 20px; overflow: hidden;}
.eventBox:before{position: absolute; background-color: rgba(0, 0, 0, 0.5); top: 0; bottom: 0; left: 0; right: 0; content: ""; width: 100%; height: 100%; z-index: 1; transition: all 0.6s ease-in-out 0s;}
.eventBox img, .galleryPic img, .galleryPic video, .galleryPic iframe{position: absolute; width: 100%; height: 100%; object-fit: cover; left: 0; top: 0; }
.eventContent{position: absolute; top: 50%; transform: translateY(-50%); max-width: 343px; margin: 0 auto; left: 0; right: 0; text-align: center; z-index: 2;}
.eventContent h2{margin-bottom: 0;}
.eventContent h2 a{color: #fff; border-bottom: 1px solid transparent;}

.eventBox:hover:before{background-color: rgba(0, 105, 159, 0.5);}
.eventBox:hover .eventContent h2 a{ border-color: #fff;}
.imageHover{overflow: hidden;}
.imageHover img{transition: all 0.6s ease-in-out 0s;}
.imageHover:hover img{transform: scale(1.2);}

.galleryContent{padding-top: 25px;}
.galleryContent h6{color: var(--blueBg); margin-bottom: 10px;}
.galleryContent h4 a{color: #000;}
.galleryContent h4 a:hover{color: var(--blueBg);}

.galleryTopTitle h6{color: var(--blueBg); margin-bottom: 10px;}
.galleryTopTitle p{font-size: 18px;}

.even-zoomIcon{position: absolute; top: 38px; right: 38px; width: 50px; height: 50px; background-color: var(--yellowBg); border-radius: 100px; overflow: hidden; display: flex; justify-content: center; align-items: center; opacity: 0; visibility: hidden; transition: all 0.3s ease-in-out 0s; z-index: 1;}
.even-zoomIcon img{width: auto; height: auto; object-fit: contain; position: relative;}
.galleryBox:hover .even-zoomIcon, .galleryBox:hover .gallery-videoPlayer{opacity: 1; visibility: visible;}
.gallery-videoPlayer { position: absolute; top: 50%; transform: translate(-50%, -50%); left: 50%; font-size: 80px; color: var(--yellowBg); cursor: pointer; opacity: 0; visibility: hidden; transition: all 0.3s ease-in-out 0s; z-index: 9;}
.gallery-imageOverlay:before{position: absolute; background-color: rgba(1, 48, 72, 0.7); bottom: 0; left: 0; right: 0; content: ""; width: 100%; height: 0; transition: all 0.6s ease-in-out 0s; z-index: 1;}
.galleryPic:hover.gallery-imageOverlay:before{height: 100%;}

/*-- tab-css(Start) --*/

.guiterTab .nav-pills .nav-link{color: #000; border-radius: 30px;
    border: none;
    cursor: pointer;
    padding: 12px 28px;
    font-size: 18px;
    background-color: transparent;
    text-align: center;}
.guiterTab .nav-pills .nav-link.active, .guiterTab .nav-pills .show>.nav-link { color: #000; background-color: var(--yellowBg);}
.guiterTab .nav.nav-pills{border-radius: 50px; border: 1px solid var(--blueBg); display: table; margin: 0 auto; padding: 5px;}

.guiterTab ul.nav.nav-pills li.nav-item { display: inline-block;}
.guiterTab .tab-pane h2, .guiterTab .tab-pane h5{color: var(--blueBg);}
.diplomas-note h5{font-family: var(--textFont); color: #000;}


/*-- tab-css(End) --*/

.examlist ul{padding: 0; display: flex; flex-flow: row wrap; list-style: none; justify-content: space-between;}
.examlist ul li{width: 23%; margin-bottom: 10px; display: flex; flex-flow: row wrap; align-items: center; justify-content: space-between; font-weight: 400; font-size: 18px;}
.examlistL{width: 50%;}
.examlistR{width: 50%;}
.examlist ul li:nth-child(odd){ color: var(--blueBg);}
/*.examlist ul li:nth-child(even){ font-weight: 400; font-size: 18px;}*/



.examlistL h6, .examlistR h6, .developlist li h6 {margin-bottom: 0; font-weight: 400;}
.developlist ul li h6 {margin-bottom: 8px; font-weight: 400;}
.examlistL h6, .examlistL h6 a, .developlist ul li h6 span, .developlist li h6:nth-child(2){color: var(--blueBg);}
.examlistL h6 a, .benefitsList ul li h5 a:hover{ color: var(--yellowBg);}


.developBox{border-radius: 10px; padding: 30px;}

.developlist ul{padding: 0; margin: 0 0 1.5rem 0; display: flex; flex-flow: row wrap; align-items: center; justify-content: space-between; list-style: none; border-radius: 10px; padding: 30px; background-color: #FFFAEE;}
.developlist ul li{width: 50%; margin-bottom: 15px;}

.benefitsList ul{padding: 0; margin: 0; display: flex; flex-flow: row wrap; list-style: none;}
.benefitsList ul li{width: calc(20% - 40px); margin: 0 40px 10px 0; border-top: 1px solid #000; padding-top: 30px;}
.benefitsList ul li h5{font-family: var(--textFont); color: var(--blueBg); margin-bottom: 20px;}
.benefitsList ul li h5 a{ color: var(--blueBg);}
.benefitsList ul li h5 a:hover{ color: var(--yellowBg);}
.developPic, .story-whoPic{ border-radius: 10px; overflow: hidden; position: relative; padding-top: 100%;}
.developPic img, .story-whoPic img { position: absolute; top: 0; width: 100%; height: 100%; object-fit: cover;}





/*-- fancy-box-fixing-css(Start) --*/

.even-zoomIcon img:nth-child(2) {
    opacity: 0;
    visibility: hidden;
    width: 0;
}

.with-fancybox .even-zoomIcon img:nth-child(2) {
    opacity: 1;
    visibility: visible;
    width: auto;
}
.fancybox__thumbs{display: none;}

/*-- fancy-box-fixing-css(End) --*/

.innerBanner.our-subjectbanner {
    position: relative;
    padding-top: 26%;
    overflow: hidden;
}

.innerBanner.our-subjectbanner img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    z-index: -1;
}
.notfoundBox { padding: 60px 20px; background: #F7F7F7; border-radius: 30px;}
.notfoundSec {min-height: calc(100vh - 624px); display: flex; flex-flow: row wrap; align-items: center; justify-content: center;}

.full-anchor { position: absolute; top: 0; bottom: 0; width: 100%; height: 100%; cursor: pointer; display: block; left: 0; right: 0; z-index: 5;} 
.gallery-imageOverlay.no-imageOverlay:before{display: none;}
.contactR .btn { margin: 0 auto 10px; display: table;}

.story-whoPic.storyVision{padding-top: 0;}
.story-whoPic.storyVision img{position: relative;}
.btn-whatsApp span {margin-right: 15px;}
.custom-captcha p.dscf7captcha { display: flex; flex-flow: row wrap; color: #6E6E6E;}
.custom-captcha .wpcf7-form-control{height: 50px; border: none; border-radius: 50px; background-color: #fff; margin-bottom: 0 !important;
    margin-top: -10px; padding: 3px 10px;}
.custom-captcha a.dscf7_refresh_captcha{margin: 0 8px;}
/*.main_menu ul li.menu-item-has-children span { transition: all 0.6s ease-in-out 0s;}
.main_menu ul li.menu-item-has-children:hover span { transform: rotate(180deg);}*/
.main_menu ul li.menu-item-has-children span img { transition: all 0.6s ease-in-out 0s;}
.main_menu ul li.menu-item-has-children:hover span img { transform: rotate(180deg);}

/*-- inner-page(End) --*/

/*-- New-css(18-06-2024)Start --*/
.schoolBox{text-align: center;}
.developlist .developPic { width: 48%; float: left; margin: 0 30px 20px 0; height: 400px; padding-top: 0;}
.buttons-section li.nav-item {
    width: auto;
    display: inline-block;
}
.buttons-section li.nav-item a.nav-link{    border-radius: 30px;
    border: none;
    cursor: pointer;
    padding: 12px 28px;
    /*font-size: 18px;*/
    font-size: 20px;
    background: #fff;
    color: #000;
    text-align: center;}
.buttons-section.nav-pills .nav-link.active, .buttons-section.nav-pills .show>.nav-link { color: #000; background: var(--yellowBg);}

.guitarSec .yellow-light-bg.developlist { padding: 20px;border-radius:10px;}


.branding-partner {margin-top: 60px;}
.branding-partner img {width: 200px;}
.branding-partner .contact-info p a {color: #000; font-size: 20px;}
.inner-examinationsSec .grayBg{padding: 20px;}
.developlist .developPic.right-pic{float: right; margin: 0 0px 20px 30px;}
.contactR .col-md-12.text-center.mt-4 p { margin-bottom: 0;}

/*-- New-css-add(18-07-2024) --*/

.hom-examinationsPic-height {
    position: relative;
    overflow: hidden;
    padding-top: 80%;
}
.hom-examinationsPic-height img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
}
.guitarSec .yellow-light-bg.developlist h5{color: var(--blueBg);}
.hom-schoolSec .schoolBox{ box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.05); border-radius: 10px; padding: 25px 10px;}

/*Media Query css*/

@media only screen and ( min-width: 1701px ) {
    .container { max-width: 1600px;}

}

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

    body{max-width: 1920px!important; margin: 0 auto!important;}
    header { max-width: 1920px; margin: 0 auto; }
    
}

@media only screen and ( max-width:1800px ) {
    .home-bannSec .owl-carousel .owl-nav button.owl-prev {left: 40px;}
    .home-bannSec .owl-carousel .owl-nav button.owl-next {right: 40px;}

}
@media only screen and ( max-width:1700px ) {
    .testimonial-nameRow ul li:first-child { max-width: 45%; padding-right: 10px;}
    .testimonial-nameRow ul li:last-child { width: 55%;}
    .testimonial-nameRow ul li h6 { font-size: 15px;}
    .testimonial-nameRow ul li:not(:last-child):after { right: 4px;}

}
@media only screen and ( max-width:1600px ) {
    .counterBox { padding: 30px 40px; margin-top: 40px;}
    .counterBox h5, .counterBox p{ margin-bottom: 15px;}
    .bannerContenet h1, .bannerContenet p{ margin-bottom: 15px;}

    /*.sec-gapTop{padding-top: 80px;}
    .sec-gapBottom{padding-bottom: 80px;}*/

    /*.sec-gapTopMd{padding-top: 40px;}
    .sec-gapBottomMd{padding-bottom: 40px;}*/

    /*.sec-gapTopSm{padding-top: 30px;}
    .sec-gapBottomSm{padding-bottom: 30px;}*/
    

    h1{ font-size: 45px;}
    h2{ font-size: 45px;}

    .hom-testimonialsRow .owl-carousel .owl-nav button.owl-prev { left: -60px;}
    .hom-testimonialsRow .owl-carousel .owl-nav button.owl-next { right: -60px;}
    .videoPlayer { font-size: 60px;}
    .hom-examinationsContent {/*padding: 0 20px 0 20px;*/ padding: 15px 20px 15px 20px;}
    .home-bannSec .owl-carousel .owl-nav button.owl-prev {left: 30px;}
    .home-bannSec .owl-carousel .owl-nav button.owl-next {right: 30px;}
	
	.cardPic:after {width: 250px;height: 260px;}

}
@media only screen and ( max-width:1440px ) {
    .cardPic { width: 190px; height: 190px;}
    .cardPic:after { width: 210px; height: 210px; top: 6px;}
    .image-filterRow .card-body { padding: 30px 0px;}
    .image-filterRow .card { margin-bottom: 30px;}
    .counterBox { padding: 20px 30px; margin-top: 30px; max-width: 425px;}
    .counter ul li span { padding: 6px 3px; font-size: 25px; width: 60px;}
    .hom-testimonialsRow .owl-carousel .owl-nav button.owl-prev { left: -40px; width: 25px; height: 20px;}
    .hom-testimonialsRow .owl-carousel .owl-nav button.owl-next { right: -40px; width: 25px; height: 20px;}
    .main_menu ul li { margin: 0 25px;}
    .main_menu>ul>li:last-child>a { font-size: 17px; padding: 8px 30px;}
    .header-con-list ul li:not(:last-child) { margin-right: 30px;}
    .image-filterRow .card-body { padding: 30px 0px 0;}
    .cards-section .card-body h4 { font-size: 24px;}
    .school-bottom { padding-top: 30px;}
    .school-bottom h2 { margin-bottom: 5px; font-size: 38px;}
    .school-bottom p { font-size: 21px;}
    .cards-section { margin-top: 40px;}
    .counter ul li:not(:last-child):after { top: 8px; font-size: 26px;}
    .hom-welcomeSec { padding: 100px 0 100px;}
    .hom-learnSec { padding: 120px 0;}
    .testimonialBottom { padding-top: 35px;}
    .contact-info ul li { margin-bottom: 15px; font-size: 21px; padding-left: 28px;}
    .btn-whatsApp { font-size: 25px; border: 4px solid #fff; padding: 15px 35px;}
    .contactR { border-radius: 20px; padding: 30px 30px;}
    .examlist ul li { font-size: 17px;}
    .home-bannSec .owl-carousel .owl-nav button.owl-prev {/*left: 20px;*/ left: 5px;} 
    .home-bannSec .owl-carousel .owl-nav button.owl-next {/*right: 20px;*/ right: 5px;}
    .hom-examinationsSec .grayBg {padding: 15px;}
    .hom-examinationsContent { padding: 10px 0px 10px 0px;}
    .guitarSec .yellow-light-bg.developlist { padding: 15px;}

}

@media only screen and ( max-width:1400px ) {
    
    .testimonial-nameRow ul li:first-child { width: 100%; max-width: inherit; padding-right: 0px; padding-bottom: 10px; margin-bottom: 10px;}
    .testimonial-nameRow ul li:last-child{width: 100%; max-width: inherit;}
    .testimonial-nameRow ul li:not(:last-child):after { position: absolute; /*width: 100%;*/ width: 50px; height: 1px; top: inherit; left: 0px; content: ""; background-color: #fff; bottom: 0px;}
    .story-chooseSec .chooseBox { padding: 30px;}
    .hom-examinationsPic-height { padding-top: 100%;}

}
@media only screen and ( max-width:1366px ) {
    .sec-gapTop{padding-top: 60px;}
    .sec-gapBottom{padding-bottom: 60px;}

    .sec-gapTopMd{padding-top: 30px;}
    .sec-gapBottomMd{padding-bottom: 30px;}

    .sec-gapTopSm{padding-top: 20px;}
    .sec-gapBottomSm{padding-bottom: 20px;}

    h1, h2, h3, h4, h5, h6, p{ margin:0 0 20px;}

    .cardPic {
        width: 160px;
        height: 160px;
    }
    .cardPic:after {
        width: 180px;
        height: 180px;
    }
   
    .image-filterRow .card-body {
        padding: 20px 0px 0;
    }
    .cards-section .card-body h4 { font-size: 22px;}

    h1{ font-size: 42px;}
    h2{ font-size: 42px;}
    h3{ font-size: 38px;}
    h4{ font-size: 28px;}
    h5{ font-size: 22px;}
    h6{ font-size: 20px;}
    p, body{ font-size: 19px;}

    /*h6{ font-size: 18px;}
    p{ font-size: 16px;}*/


    /*h1{ font-size: 45px;}
    h2{ font-size: 45px;}
    h3{ font-size: 40px;}
    h4{ font-size: 30px;}
    h5{ font-size: 24px;}
    h6{ font-size: 18px;}
    p{ font-size: 16px;}*/

    .hom-welcomeRow p { font-size: 19px;}
    .school-bottom h2 { font-size: 30px;}
    .school-bottom p { font-size: 19px;}
    .school-bottom { padding-top: 20px;}
    .header-top { padding: 10px 0;}
    .hom-eventBg { padding: 0 60px;}
    .hom-learnSec { padding: 80px 0;}
    .quote-icon { width: 36px; height: 36px; left: 90px;}
    .testimonialBottom { padding-top: 30px;}
    .videoPlayer { font-size: 80px;}
    .gallery-videoPlayer{font-size: 60px;}
    .even-zoomIcon { top: 28px; right: 28px; width: 40px; height: 40px;}
    .even-zoomIcon img { width: 20px;}
    .story-whoR { padding: 30px 40px;}
    .notfoundBox { padding: 40px 20px;}
    .home-bannSec .owl-carousel .owl-nav button.owl-prev { left: 1px;}
    .home-bannSec .owl-carousel .owl-nav button.owl-next { right: 1px;}
    .buttons-section li.nav-item a.nav-link{ font-size: 19px;}
    .home-bannSec .owl-carousel .owl-nav button.owl-prev, .home-bannSec .owl-carousel .owl-nav button.owl-next{ width: 25px;}
    .story-chooseSec .chooseBox { padding: 20px;}
    .story-chooseSec .chooseIcon { margin-bottom: 20px;}

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

    h1{ font-size: 39px;}
    h2{ font-size: 39px;}
    h3{ font-size: 35px;}
    h4{ font-size: 26px;}
    h5{ font-size: 20px;}

    h6{ font-size: 19px;}
    p, body{ font-size: 18px;}

    /*h6{ font-size: 18px;}
    p{ font-size: 16px;}*/

    /*h1{ font-size: 42px;}
    h2{ font-size: 42px;}
    h3{ font-size: 38px;}
    h4{ font-size: 28px;}
    h5{ font-size: 22px;}

    h6{ font-size: 18px;}
    p{ font-size: 16px;}*/

    /*.sec-gapTop{padding-top: 60px;}
    .sec-gapBottom{padding-bottom: 60px;}

    .sec-gapTopMd{padding-top: 30px;}
    .sec-gapBottomMd{padding-bottom: 30px;}*/

    .hom-welcomeRow p { font-size: 18px;}
    .btn { padding: 8px 30px;}
    .image-filterRow .card { width: 25%;}
    .cards-section { margin-top: 30px;}
    .buttons-section { padding: 3px;}
    .main_menu ul li { margin: 0 20px;}
    .main_menu>ul>li:last-child>a { font-size: 16px; padding: 6px 26px;}
    .counterBox { padding: 15px 20px; margin-top: 15px;}
    .counterBox h5, .counterBox p {margin-bottom: 10px;}
    .bannerContenet h1, .bannerContenet p { margin-bottom: 10px;}
    .header-top { padding: 6px 0;}
    .header-con-list ul li {font-size: 15px;}
    .hom-eventBg { padding: 0 20px;}
    .hom-welcomeSec { padding: 80px 0 80px;}
    .hom-learnSec { padding: 80px 0;}
    .testimonialBottom { padding-top: 20px;}
    .testimonialBox { text-align: center;}
    .testimonialPic{margin: 0 auto;}
    .quote-icon { left: 54%;}
    .videoPlayer { font-size: 70px;}
    .ftr-top { padding: 60px 0 40px;}
    .contact-info ul li { margin-bottom: 12px; font-size: 19px;}
    .developBox { padding: 15px;}
    .benefitsList ul li { width: calc(25% - 15px); margin: 0 15px 10px 0;  padding-top: 20px;}
    .galleryContent { padding-top: 15px;}
    .gallery-videoPlayer { font-size: 45px;}
    .even-zoomIcon { top: 18px; right: 18px; width: 30px; height: 30px;}
    .even-zoomIcon img { width: 17px;}
    .story-whoR { padding: 20px 20px;}
    .developlist ul{ padding: 15px;}
    .testimonial-nameRow ul li:not(:last-child):after { left: 0px; right: 0; margin: 0 auto;}
    .developlist .developPic { margin: 0 15px 15px 0; height: 300px;}
    .buttons-section li.nav-item a.nav-link{ font-size: 18px;}
    .developlist .developPic.right-pic{float: right; margin: 0 0px 15px 15px;}
    .story-chooseSec .chooseBox { padding: 15px;}
    .story-chooseSec .chooseIcon { margin-bottom: 15px;}
    .story-chooseSec.commonBg { background-size: 100% 61%;}
    .story-chooseSec:after { height: calc(100% - 385px);}
    .innerBanner { padding-top: 40%;}
    .main_menu ul li a { font-size: 18px;}
    


}
@media only screen and ( max-width:1024px ) {
    h1{ font-size: 37px;}
    h2{ font-size: 37px;}
    h3{ font-size: 32px;}
    h4{ font-size: 24px;}

    /*h5{ font-size: 20px;}
    h6{ font-size: 18px;}
    p{ font-size: 16px;}*/

    /*h1{ font-size: 39px;}
    h2{ font-size: 39px;}
    h3{ font-size: 35px;}
    h4{ font-size: 26px;}
    h5{ font-size: 20px;}

    h6{ font-size: 18px;}
    p{ font-size: 16px;}*/

    .sec-gapTop{padding-top: 40px;}
    .sec-gapBottom{padding-bottom: 40px;}

    .sec-gapTopMd{padding-top: 20px;}
    .sec-gapBottomMd{padding-bottom: 20px;}

    .sec-gapTopSm{padding-top: 20px;}
    .sec-gapBottomSm{padding-bottom: 20px;}
    .hom-eventBg { border-radius: 10px; padding: 0 0px;}
    .hom-videoBox, .grayBg{ border-radius: 10px;}
    .eventBox, .galleryPic, .objectPic, .story-whoR, .story-whoPic, .story-whoR { border-radius: 10px;}
    .hom-welcomeSec { padding: 50px 0 50px;}
    .hom-learnSec { padding: 50px 0;}
    .testimonialBottom { padding-top: 15px;}
    .videoPlayer { font-size: 60px;}
    .hom-videoSec .owl-item .item { padding: 30px 0;}
    .ftr-menu ul li { margin-bottom: 12px;}
    .ftr-top { padding: 40px 0 30px;}
    .ftr-btm { padding: 20px 0;}
    .contactR { border-radius: 10px; padding: 20px 20px;}
    .contactR .form-control { height: 40px;}
    .notfoundBox { padding: 30px 20px; border-radius: 10px;}
    .btn-whatsApp span { margin-right: 10px;}
    .custom-captcha .wpcf7-form-control { height: 40px;}
    .home-bannSec .owl-carousel .owl-nav button.owl-prev, .home-bannSec .owl-carousel .owl-nav button.owl-next { width: 20px;}
    
    
}
@media only screen and ( max-width: 991px ) {

    h1{ font-size: 35px;}
    h2{ font-size: 35px;}
    h3{ font-size: 30px;}
    h4{ font-size: 23px;}

    /*h5{ font-size: 20px;}
    h6{ font-size: 18px;}
    p{ font-size: 16px;}*/

    /*h1{ font-size: 37px;}
    h2{ font-size: 37px;}
    h3{ font-size: 32px;}
    h4{ font-size: 24px;}

    h5{ font-size: 20px;}
    h6{ font-size: 18px;}
    p{ font-size: 16px;}*/

    .schoolBox { text-align: center;}
    .school-bottom { padding-top: 5px;}
    .image-filterRow .card { width: 33.33%; margin-bottom: 15px;}
    .image-filterRow .card-body { padding: 15px 0px 0;}
    .main_menu ul li {margin: 0 10px;}
    .main_menu ul li a{/*font-size: 17px;*/ font-size: 15px;}
     .main_menu ul li.menu-item-has-children span { top: 53px; right: -11px; width: 8px; height: 7px;}
    .main_menu>ul>li:last-child>a { font-size: 15px; padding: 4px 14px;}
    .bannerHome { height: 550px;}
    .bannerHome img { height: 100%; object-fit: cover; object-position: center right;}
    .hom-examinationsContent { padding: 30px 15px; text-align: center;}
    .bannerHome .bannerContenet {max-width: inherit;}
    .quote-icon { left: 56%; width: 30px; height: 30px; top: 35px;}
    .quote-icon img { width: 17px !important; height: 14px;}
    .contactR { margin-top: 50px;}
    .developContent{padding-top: 30px; /*text-align: center;*/}
    .developBox { padding: 20px; text-align: left;}
    .benefitsList ul li { width: calc(33.33% - 15px);}
    .guitarSec .story-whoR { margin-top: 30px; /*text-align: center;*/}
    .guitar-tabSec { margin-top: 30px;}
    .objectContent { margin-top: 20px; /*text-align: center;*/}
    .examlist { text-align: left;}
    .hom-examinationsPic { border-radius: 10px; overflow: hidden;}
    .story-whoPic { margin-bottom: 30px;}
    .developlist ul{ padding: 20px; text-align: left;}
    .cards-section .card-body h4 { font-size: 20px;}
    .ftr-btm p {font-size: 15px;}
    .home-bannSec .bannerContenet { margin: 0 auto; left: 0; right: 0; padding: 0 25px;}
    .guiterTab .nav-pills .nav-link { padding: 12px 10px; font-size: 17px;}
    .story-chooseSec.commonBg { background-size: 100% 26%;}
    .story-chooseSec:after { height: calc(100% - 265px);}
    .hom-examinationsPic-height { padding-top: 80%;}
    .story-chooseSec .chooseBox{height: auto;}
   
    

}
/*@media only screen and ( min-width: 767px ) {
    .main_menu{
        display: block !important;
    }
}*/
@media only screen and ( min-width: 768px ) {
    .main_menu{
        display: block !important;
    }
    #mySidenav{
        width: auto !important;
    }
}
@media only screen and ( max-width: 767px ) {
    .click{
        display: block;
        cursor: pointer;
    }
    .main_menu a.closebtn{
        color: #000;
        display: block;
    }

    /*-- For_mob_menu(Start) --*/
    .main_menu {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    right: 0 !important;
    background-color: rgba(255, 255, 255, 0.99);
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
    z-index: 999;
    }

    .main_menu a {
        display: block;
        transition: 0.3s;
    }

    .main_menu a:hover {
        color: #333;
    }

    .main_menu .closebtn {
        position: absolute;
        /*top: 0;
        right: 25px;*/
        top: 12px;
        right: 14px;
        font-size: 36px;
        margin-left: 50px;
    }
    .main_menu ul li a {padding: 10px 0;}
    .main_menu ul li {
        margin: 0 10px;
        width: 100%;
    }
    /*.main_menu ul li.menu-has-child span { top: 9px; right: 0px;}*/
    .main_menu ul li.menu-item-has-children span { /*top: 8px;*/ top: 20px; right: 0px; width: 15px; height: 20px;}
    .main_menu>ul>li:last-child { margin-right: 10px; text-align: center; margin-top: 10px;}
    .main_menu ul li ul.sub-menu { position: relative; width: 100%; top: 0px; border-radius: 4px 4px; box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.15);}
    .main_menu ul li ul.sub-menu, .main_menu ul li:hover ul.sub-menu{display: none;}
    .main_menu ul li.menu-item-has-children.active ul.sub-menu{display: block;}
    body.noScroll { height: 100vh; overflow: hidden;}
    .main_menu ul li.menu-item-has-children:hover span img { transform: rotate(0deg);}
    .main_menu ul li.menu-item-has-children span img {transition: all 0.6s ease-in-out 0s; transform: rotate(0deg);}
    .main_menu ul li.menu-item-has-children.active span img { transform: rotate(180deg);}
    .stickyHeader.header-bottom { animation: auto;}
    

    /*-- For_mob_menu(End) --*/

    h1{ font-size: 33px;}
    h2{ font-size: 33px;}
    h3{ font-size: 28px;}
    h4{ font-size: 20px;}

    h5{ font-size: 19px;}
    h6{ font-size: 18px;}
    p, body{ font-size: 17px;}

 

    /*h1{ font-size: 35px;}
    h2{ font-size: 35px;}
    h3{ font-size: 30px;}
    h4{ font-size: 22px;}

    h5{ font-size: 20px;}
    h6{ font-size: 18px;}
    p{ font-size: 16px;}*/
    h1, h2, h3, h4, h5, h6, p { margin: 0 0 15px;}

    .hom-welcomeRow p { font-size: 17px;}
    .sec-gapTop{padding-top: 30px;}
    .sec-gapBottom{padding-bottom: 30px;}

    .sec-gapTopMd{padding-top: 15px;}
    .sec-gapBottomMd{padding-bottom: 15px;}

    .sec-gapTopSm{padding-top: 15px;}
    .sec-gapBottomSm{padding-bottom: 15px;}
    
    .btn{font-size: 16px; padding: 8px 30px;}
    .cards-section .card-body h4 { font-size: 20px;}
    .image-filterRow .card { width: 50%;}
    .logo { width: 110px;}
    .header-bottom {padding: 10px 0;}
    .header-con-list ul li:not(:last-child) { margin-right: 10px;}
    .header-con-list ul li a span { margin-right: 0px;}
    .header-con-list ul li { font-size: 14px;}
    .social-list ul li:not(:last-child) { margin-right: 15px;}
    .hom-eventR { text-align: center; padding: 20px 0;}
    .hom-welcomeRow{text-align: center;}
    .testimonialBottom { padding-top: 10px;}
    .videoPlayer { font-size: 50px;}
    .hom-videoSec .owl-item .item { padding: 20px 0;}
    .ftr-logo { margin: 0 0 15px; width: 150px;}
    .ftr-col{margin-bottom: 30px;}
    .ftr-btm { padding: 15px 0;}
    .hom-welcomeSec:before { background: linear-gradient(to right, rgba(0, 105, 159, 0.98), rgba(0, 105, 159, 0.8), rgba(0, 105, 159, 0.7), rgba(0, 105, 159, 0.6), rgba(0, 105, 159, 0.5), rgba(0, 105, 159, 0.4));}
    .testimonial-topTitle, .testimonial-topBtn { text-align: center;}
    .testimonial-topBtn{margin-bottom: 15px;}
    .quote-icon { left: 57%;}
    .contactR { margin-top: 40px;}
    .btn-whatsApp { font-size: 20px; border: 3px solid #fff; padding: 10px 30px;}
    .benefitsList ul li { width: calc(50% - 15px);}
    .developContent { padding-top: 20px;}
    .galleryContent { padding-top: 10px;}
    .even-zoomIcon { top: 10px; right: 10px; width: 24px; height: 24px;}
    .even-zoomIcon img { width: 15px;}
    .gallery-videoPlayer { font-size: 40px;}
    /*.guiterTab .tab-content { text-align: center;}*/
    .guiterTab .nav.nav-pills { padding: 3px;}
    .guiterTab .nav-pills .nav-link { padding: 10px 12px; font-size: 17px;}
    .guitarSec .story-whoR { margin-top: 20px; padding: 10px 15px;}
    .hom-examinationsContent { padding: 15px 15px;}
    .story-whoPic { margin-bottom: 20px;}
    .hom-eventPic img { height: auto; width: auto;}
    .hom-eventPic { text-align: center;}
    .ftr-top { padding: 40px 0 20px;}
    .ftr-menu ul li { margin-bottom: 8px;}
    .hom-eventBg { background-attachment: inherit;}
    .videoPlayer, .hom-welcomeSec{display: none;}
    .hom-testimonialsSec.commonBg { background-position: 100%;}
    .developlist .developPic { margin: 0 0px 15px 0; height: 300px; width: 100%;}
    .ftr-btm p {font-size: 14px;}

    .ftr-logo { margin: 0 auto 15px;}
    .ftr-text p{max-width: inherit; text-align: center;}
    ul.ftr-social{justify-content: center;}
    .ftr-title, .ftr-menu ul li, ul.adrs li{text-align: center;}
    .buttons-section li.nav-item a.nav-link{ font-size: 17px;}
    .developlist .developPic.right-pic{float: none; margin: 0 0px 15px 0px; height: 300px; width: 100%;}
    .videoPlayer { font-size: 50px;}
    .guiterTab ul.nav.nav-pills li.nav-item{width: 100%; display: block;}
    .guiterTab .nav.nav-pills { border-radius: 23px; display: block;}
    .guiterTab .nav-pills .nav-link{width: 100%;}
    .guitar-tabSec { margin-top: 15px;}
    .story-chooseSec.commonBg { background-size: auto 27%;}
    .hom-schoolSec .schoolBox { padding: 15px 10px;}


}
@media only screen and ( max-width: 575px ) {
    .bannerHome .bannerContenet { left: 0; padding: 0 15px;}
    .cardPic { width: 150px; height: 150px;}
    .cardPic:after {width: 170px; height: 170px;}
    .counter ul li { font-size: 13px;}
    .counter ul li span { padding: 5px 3px; font-size: 20px; width: 46px; margin: 0 auto 6px;}
    .counterBox { max-width: 370px;}
    .bannerHome { height: 480px;}
    .header-con-list ul li {font-size: 13px;}
    .counter ul li:not(:last-child):after { top: 5px; font-size: 24px; right: -12px;}
    .counter ul li { margin-right: 16px; width: 20%;}
    .cards-section {margin-top: 20px;}
    .hom-welcomeSec { padding: 40px 0 40px;}
    .hom-learnSec { padding: 40px 0;}
    .hom-videoSec .owl-item .item { padding: 10px 0;}
    .ftr-top { padding: 30px 0 15px;}
    /*.ftr-logo { margin: 0 auto 15px;}
    .ftr-text p{max-width: inherit; text-align: center;}
    ul.ftr-social{justify-content: center;}
    .ftr-title, .ftr-menu ul li, ul.adrs li{text-align: center;}*/
    .quote-icon { left: 58%; width: 24px; height: 24px;}
    .quote-icon img { width: 15px !important; height: 11px;}
    .contact-info ul li { margin-bottom: 10px; font-size: 18px;}
    .innerBanner .bannerContenet{left: 0;}
    .developlist ul li { width: 100%; margin-bottom: 10px;}
    .guiterTab .nav-pills .nav-link { padding: 10px 8px;}
    .story-whoPic { margin-bottom: 15px;}
    .examlist ul li { width: 50%;}
    .examlist ul li:nth-child(even) { justify-content: flex-end;}
    .notfoundBox { padding: 20px 10px;}
    


}
@media only screen and ( max-width: 480px ) {
    h1{ font-size: 30px;}
    h2{ font-size: 30px;}
    h3{ font-size: 26px;}
    h4{ font-size: 19px;}

    h5{ font-size: 18px;}
    h6{ font-size: 17px;}
    p, body{ font-size: 15px;}

    /*h5{ font-size: 18px;}
    h6{ font-size: 17px;}
    p, body{ font-size: 15px;}*/

    /*h1{ font-size: 33px;}
    h2{ font-size: 33px;}
    h3{ font-size: 28px;}
    h4{ font-size: 20px;}

    h5{ font-size: 18px;}
    h6{ font-size: 17px;}
    p, body{ font-size: 15px;}*/

    .hom-welcomeRow p { font-size: 15px;}
    .cards-section .card-body h4 { font-size: 18px;}
    .header-con-list ul li {font-size: 0px;}
    .header-con-list ul li span{font-size: 13px;}

    .bannerHome{height: auto; /*padding-top: 0;*/}
    /*.bannerHome img { height: auto;  position: relative;}*/
    .bannerHome{background-color: #013048;}
    .bannerHome .bannerContenet {position: relative; top: 0; transform: inherit; max-width: inherit; width: 100%; background-color: #013048; padding: 20px 0; text-align: center;}
    .buttons-section button { padding: 4px 16px; font-size: 16px;}
    .cards-section {margin-top: 15px;}
    .videoPlayer { font-size: 38px;}
    .benefitsList ul li{ width: 100%; margin: 0 0px 10px 0;}
    .examlist ul li { margin: 0 0px 10px 0;}
    .developContent { padding-top: 15px;}
    .guiterTab .nav.nav-pills{justify-content: center; display: flex; flex-flow: row wrap;}
    .guiterTab .nav-pills .nav-link { padding: 8px 6px; font-size: 16px;}
    .developlist ul{ padding: 15px;}
    .ftr-col { margin-bottom: 20px;}
    .custom-captcha p.dscf7captcha{display: block;}
    .custom-captcha .wpcf7-form-control { margin-top: 7px;}
    .buttons-section li.nav-item a.nav-link {padding: 4px 16px; font-size: 16px;}
    .hom-examinationsSec .grayBg { padding: 10px;}
    .slider-wrap.home-bannSec { background-color: var(--blueBg);}
    .home-bannSec .bannerContenet { position: relative; top: 0; transform: inherit; padding: 15px 0; text-align: center;}
    .guitarSec .yellow-light-bg.developlist { padding: 10px;}

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

    h1{ font-size: 26px;}
    h2{ font-size: 26px;}
    h3{ font-size: 23px;}

    /*h4{ font-size: 19px;}
    h5{ font-size: 18px;}
    h6{ font-size: 17px;}
    p, body{ font-size: 15px;}*/


    /*h1{ font-size: 30px;}
    h2{ font-size: 30px;}
    h3{ font-size: 26px;}
    h4{ font-size: 19px;}

    h5{ font-size: 18px;}
    h6{ font-size: 17px;}
    p, body{ font-size: 15px;}*/

    .cardPic { width: 126px; height: 126px;}
    .cardPic:after { width: 140px; height: 140px; top: 8px;}
    .cards-section .card-body h4 { font-size: 16px; margin-bottom: 10px;}
    .counter ul li span {  padding: 5px 3px; font-size: 18px; width: 42px;} 
    .counter ul li { margin-right: 16px;}
    .buttons-section button { padding: 4px 11px; font-size: 15px;}
    .quote-icon {  left: 60%;}
    .developlist .developPic { height: 200px;}
    .buttons-section li.nav-item a.nav-link { padding: 4px 11px; font-size: 15px;}
    .ftr-menu ul { column-count: 1;}
    .developlist .developPic.right-pic{ height: 200px;}
    .innerBanner { padding-top: 50%;}


}
@media only screen and ( max-width: 320px ) {
    .quote-icon { left: 63%;}

}

/*Media Query css*/


/* for loader */
.loader-wrp {
    width: 80px;
    height: 80px;
    position: relative;
    left: 0;
    top: 0;
    /* background: #e2c05290; */
    display: flex;
    align-items: center;
    justify-content: center;
    display: block;
    overflow: hidden;
    z-index: 9;
    margin: 0 auto;
}
.loader {
    position: absolute;
    width: 100%;
    height: 100%;
    animation: animateBg;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
  
  @keyframes animateBg { 
    0% {
      transform: rotate(0deg);
    }
    50% {
      transform: rotate(180deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
  
  .loader span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 9; transform: rotate(calc(18deg * var(--i))); }
  
  .loader span::before { content: ""; position: absolute; top: 0; left: 0; width: calc(15px * (var(--i) / 20)); height: calc(15px * (var(--i) / 20)); border-radius: 50%; background-color: #000; }