/* use font link */
@import url('https://fonts.googleapis.com/css2?family=Asap+Condensed:ital,wght@0,200;0,300;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700;800&display=swap');
@import url(font-awesome-all.css);
@import url(flaticon.css);
@import url(owl.css);
@import url(bootstrap.css);
@import url(jquery.fancybox.min.css);
@import url(animate.css);
@import url(jquery-ui.css);
@import url(jquery.bootstrap-touchspin.css);

:root {
  --main-color-one: rgb(244, 35, 70);         /*** rgb(152,202,58) ****/
  --main-color-one-a: rgba(244, 35, 70,1);         /*** rgba(152,202,58,1) ****/
  --main-color-one-b: rgba(244, 35, 70,0.87);         /*** rgba(152,202,58,0.87) ****/

  --main-color-two: rgba(255,209,0,1);        /*** rgba(255,209,0,1) ****/
  --main-color-three: var(--main-color-one);                /*** rgb(152,202,58) ****/
  --main-color-four: var(--main-color-one);                  /*** rgb(152,202,58) ****/
}



/*** 
====================================================================
  Reset
====================================================================

 ***/
* {
  margin:0px;
  padding:0px;
  border:none;
  outline:none;
}

/*** 
====================================================================
  Global Settings
====================================================================
 ***/

body {
  font-size:15px;
  color:#393531;
  line-height:26px;
  font-weight:400;
  background: #e0f7fa; 
  font-family: 'Asap Condensed', sans-serif;
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center top;
  -webkit-font-smoothing: antialiased;
}


  @media (min-width:1200px) {
  .container {
    max-width: 1170px;
    padding: 0px;
  }
}

.container-fluid{
  padding: 0px;
}

.auto-container{
  position:static;
  max-width:1200px;
  padding:0px 15px;
  margin:0 auto;
}

.small-container{
  max-width:680px;
  margin:0 auto;
}

.boxed_wrapper{
  position: relative;
  overflow-x: hidden;
  margin: 0 auto;
  width: 100%;
  min-width: 300px;
  background: #e0f7fa;
   /* background: rgb(240,233,228); */
  /* background: linear-gradient(0deg, rgba(240,233,228,1) 46%, rgba(226,210,199,1) 100%); */
}


a{
  text-decoration:none;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

a:hover{
  text-decoration:none;
  outline:none;
  color: #0187CC;
}

input,button,select,textarea{
  font-family: 'Asap Condensed', sans-serif;
  font-weight: 400;
  font-size: 15px;
}

ul,li{
  list-style:none;
  padding:0px;
  margin:0px; 
}
.border-t{border-top:none !important}
.border-b{border-bottom:none !important}

input{
  transition: all 500ms ease;
}

button:focus,
input:focus,
textarea:focus{
  outline: none;
  box-shadow: none;
  transition: all 500ms ease;
}

p{
  position: relative;
  font-family: 'Asap Condensed', sans-serif;
  line-height: 26px;
  color: #393531;
  margin-bottom: 0px;
  font-style: normal;
  transition: all 500ms ease;
}

h1,h2,h3,h4,h5,h6 {
  position:relative;
  font-family: 'Asap Condensed', sans-serif;
  font-weight: 400;
  margin: 0px;
  transition: all 500ms ease;
}


.centred{
  text-align: center;
}

.pull-left{
  float: left;
}

.pull-right{
  float: right;
}

.gray-bg{
  background: #f2f1f0;
}

.black-bg{
  background: #3b3634;
}

.sec-pad{
  padding: 144px 0px 150px 0px;
}

figure{
  margin: 0px;
}

img{
  max-width: 100%;
  height: auto;
}


@keyframes pulse {
    50% {
        box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.3),
        0 0 0 30px rgba(255, 255, 255, 0.1);
    }
}

/** button **/

.theme-btn{
  position: relative;
  display: inline-block;
  font-size: 15px;
 font-family: 'Rubik';
  padding: 17px 40px;
  background-color: #0187CC;
  line-height: 12px;
  color: #ffffff !important;
  font-weight: 500;
  text-transform: uppercase;
  cursor: pointer;
  text-align: center;
  transition: all 500ms ease;
  z-index: 1;
}

.theme-btn:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  opacity: 0;
  background-color: #253b70;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transform: scale(0.2, 1);
  transform: scale(0.2, 1);
}

.theme-btn:hover:before {
  opacity: 1;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}

.pagination {
    position: relative;
    display: block;
    margin-top: 60px;
    text-align: center;
}

.pagination li{
  display: inline-block;
  margin: 0px 5px;
}

.pagination li a {
    position: relative;
    display: inline-block;
    font-size: 18px;
    font-family: 'Asap Condensed', sans-serif;
    height: 50px;
    font-weight: 600;
    width: 50px;
    line-height: 36px;
    text-align: center;
    color: #393531;
    border-radius: 50%;
    border: 1px solid #e7e7e7;
    transition: all 500ms ease;
}

.pagination li a:hover,
.pagination li a.active{
  background: #0187CC;
  color: #ffffff;
}
.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius:  50% 50%;
    border-bottom-left-radius:  50%;
}
.page-item:last-child .page-link {
    border-top-right-radius: 50%;
    border-bottom-right-radius:  50%;
}

.sec-pad{
  padding: 144px 0px 150px 0px;
}

.preloader{
  position: fixed; 
  left:0px;
  top:0px;
  height:100%;
  width: 100%;
  z-index:999999;
  background-color:#ffffff;
  background-position:center center;
  background-repeat:no-repeat;
  background-image:url(../images/icons/preloader.html);
}

.scroll-top {
  width: 50px;
  height: 50px;
  line-height: 50px;
  position: fixed;
  bottom: 105%;
  right: 50px;
  font-size: 20px;
  border-radius: 50%;
  z-index: 99;
  color: #ffffff;
  text-align: center;
  cursor: pointer;
  background: #0187CC;
}
.main-slider-carousel{padding:0px 10px}
.scroll-top.open {
  bottom: 30px;
}

.scroll-top:hover{
  background: #2b3c6b;
}

.scroll-top:after {
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 1;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
  background: -webkit-radial-gradient(center ellipse, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
}

/** sec-title **/

.sec-title h5{
  position: relative;
  display: inline-block;
  font-size: 17px;
  line-height: 26px;
  color: #0187CC;
  font-family: 'Asap Condensed', sans-serif;
  font-weight: 900;
  margin-bottom: 13px;
  padding: 0px 50px 0px 50px;
}

.sec-title h5:before{
  position: absolute;
  content: '';
  background: #0187CC;
  width: 30px;
  height: 2px;
  left: 0px;
  bottom: 11px;
}

.sec-title h5:after{
  position: absolute;
  content: '';
  background: #0187CC;
  width: 30px;
  height: 2px;
  right: 0px;
  bottom: 11px;
}

.sec-title.style-two h5:after{
  display: none;
}

.sec-title.style-two h5{
  padding-right: 0px;
}

.sec-title h1{
  position: relative;
  display: block;
  font-size: 40px;
  line-height: 50px;
  font-family: 'Asap Condensed', sans-serif;
  font-weight: 900;
  color: #2b3c6b;
}
.mobile-home{
	display:none
}
	

/*** 

====================================================================
                        Home-Page-One
====================================================================

***/


/** main-header **/

.main-header{
  position:fixed;
  left:0px;
  top:0px;
  z-index:999;
  width:100%;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

.main-header .header-top{
  position: relative;
  display: block;
  width: 100%;
  padding: 5px 0px 5px 0px;
}

.main-header .header-top .social-list li{
  position: relative;
  display: inline-block;
  margin-right: 20px;
}

.main-header .header-top .social-list li:last-child{
  margin-right: 0px;
}

.main-header .header-top .social-list li a{
  position: relative;
  display: inline-block;
  font-size: 15px;
  line-height: 26px;
  color: #fff;
}

.main-header .header-top .social-list li a:hover,
.main-header .header-top .header-info li a:hover{
  color: #0187CC;
}

.main-header .header-top .header-info li{
  position: relative;
  display: inline-block;
  margin-right: 0px;
  padding: 0px 0px 0px 15px;
}

.main-header .header-top .header-info li:last-child{
  margin-right: 15px;
}


.main-header .header-top .header-info li:last-child:before{
  display: none;
}

.main-header .header-top .header-info li i{
  position: absolute;
  left: 0px;
  top: 7px;
  font-size: 14px;
  color: #0187CC;
}

.main-header .header-top .header-info li a{
  position: relative;
  display: inline-block;
  font-size: 14px;
  color: #393531;
  font-family: 'Ubuntu', sans-serif;
  font-weight: 500;
}

.main-header .outer-content li{
  position: relative;
  display: inline-block;
}

.main-header .outer-content li.header-flyout-searchbar i{
  position: relative;
  display: inline-block;
  font-size: 20px;
  width: 50px;
  height: 50px;
  line-height: 50px;
  color: #fff;
  background: #fbb419;
  text-align: center;
  border-radius: 50%;
  cursor: pointer;
  margin-right: 7px;
  transition: all 500ms ease;
}

.main-header .outer-content li a{
  position: relative;
  display: inline-block;
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 20px;
  color: #fff;
  background: #43b3d9;
  text-align: center;
  border-radius: 50%;
}

.main-header .outer-content li a:hover,
.main-header .outer-content li.header-flyout-searchbar i:hover{
  background: #0187CC;
}

.main-header .outer-box{
  margin-top: 32px;
}

.main-header .logo-box .logo {
    position: absolute;
    display: inline-block;
    padding: 6px 6px;
    top: 0;
}
.main-header .logo-box .logo-mobile{
	display:none
}
/*
 .main-header .logo-box .logo img{ 
	width:150px
} */



/** main-menu **/

.main-header .menu-area,
.main-header .outer-box{
  position: relative;
  float: left;
}

.main-header .social-style-one{
  margin-top: 22px;
}

.main-header .menu-area{
  margin-right: 15px;
}

.main-menu{
  position: relative;
  display: block;
}

.main-menu .navbar-collapse{
  padding:0px;  
}

.main-menu .navigation > li{
  position:relative;
  float:left;
  margin: 0px 15px;
  
}

.main-menu .navigation > li:before{
  position: absolute;
  content: '';
  border-right: 1px solid #000;
  height: 16px;
  width: 0px;
  top: 20px;
  left: -16px;
}
.main-menu .navigation > li:first-child{margin: -3px 5px 0px;}
.main-menu .navigation > li:first-child:before{
 margin: 0px 14px;
  border: 0px solid #000;
}
.main-menu .navigation > li:nth-child(2):before{
  border: 0px solid #000;
}
.main-menu .navigation > li:last-child {
  margin-right: 0px;
}
.main-header .header-top .header-info li:last-child {
 
}
.main-menu .navigation > li > a{
  position:relative;
  display:block;
  font-size:16px;
  font-family: 'Asap Condensed', sans-serif;
  color:#393531;
  line-height:26px;
  font-weight:500;
  opacity:1;
  text-transform:capitalize;
  padding:14px 0px 13px 0px;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
  text-transform: uppercase;
  letter-spacing: .5px;
}

.main-menu .navigation > li.current > a,
.main-menu .navigation > li:hover > a{
  color: #393531;
}

.main-menu .navigation{
  position: relative;
}
.mobile-story{
  display: none;
}
.main-menu .navigation > li > ul{
  position:absolute;
  left:0px;
  top: 100%;
  width:About;
  z-index:100;
  display:none;
  background:#ffffff;
  border-top: 3px solid #0187CC;
  box-shadow: 0px 0px 10px rgba(0,0,0,0.10);
}

.main-menu .navigation > li > ul > li{
  position:relative;
  width:100%;
  padding: 5px 15px;
  border-bottom: 1px solid rgb(143 167 255 / 16%);
  transition: all 500ms ease;
  white-space:nowrap
}

.main-menu .navigation > li > ul > li:last-child{
  border-bottom:none; 
}

.main-menu .navigation > li > ul > li > a{
position: relative;
  display: block;
  font-family: 'Asap Condensed', sans-serif;
  padding: 2px 0px;
  line-height: 24px;
  font-size: 15px;
  color: #393531;
  font-weight: 400;
  text-align: left;
  text-transform: uppercase;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.main-menu .navigation > li > ul > li:hover{
  background: #0187CC;
  border-bottom: 1px solid #0187CC;
}

.main-menu .navigation > li > ul > li:hover a{
  color: #ffffff;
  padding-left: 0px;
}

.main-menu .navigation > li > ul > li:last-child:hover{
  border-bottom: none;
}

.main-menu .navigation > li.dropdown:hover > ul{
  visibility:visible;
  opacity:1;
}

.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn{
  position:absolute;
  right: 15px;
  top: 8px;
  font-size:18px;
  border: 1px solid #333e35;
  color:#333e35;
  width: 35px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  cursor:pointer;
  z-index:5;
  display: none;
}

/* .navbar-header { */
  /* display: none; */
/* } */

/** sub-menu **/

.main-menu .navigation > li > ul > li > ul{
  position:absolute;
  left:100%;
  top:0%;
  width:230px;
  z-index:100;
  display:none;
  padding: 0px 0px;
  background-color: #ffffff;
  border-top: 3px solid #0187CC;
  -webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
  -ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
  -o-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
  -moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
  box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
}

.main-menu .navigation li > ul > li.dropdown:hover > ul {
  visibility: visible;
  opacity: 1;
  top: 0;
}

.main-menu .navigation > li > ul > li > ul > li {
    position: relative;
    width: 100%;
    margin: 0px;
    border-bottom: 1px solid #96bd20;
}

.main-menu .navigation > li > ul > li > ul > li:last-child{
  border-bottom:none; 
}

.main-menu .navigation > li > ul > li > ul > li > a{
  position:relative;
  display:block;
  padding:5px 15px !important;
  line-height:24px;
  font-weight:400;
  font-family: 'Asap Condensed', sans-serif;
  font-size:15px;
  text-transform:uppercase;
  color: #312f2c !important;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

.main-menu .navigation > li > ul > li > ul > li:hover > a{
  color: #ffffff !important;
  background:#0056b3;
  padding-left: 15px !important;
}

.main-menu .navigation > li > ul > li.dropdown > a:after {
  position: absolute;
  content: "\f105";
  font-size: 16px;
  color: #222;
  top: 2px;
  right: -10px;
  font-family: 'Font Awesome 5 Free';
  font-weight: 600;
  cursor: pointer;
  transition: all 500ms ease;
}

.main-menu .navigation > li > ul > li.dropdown:hover > a:after{
  color: #ffffff;
}


/** stricky-header **/
.rkheader{}
.navfixed{ background: var(--main-color-one);
background: linear-gradient(90deg, var(--main-color-one) 46%, var(--main-color-two) 100%); 
transition:500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
  border-radius:5px
}


.navfixed .main-menu .navigation > li:last-child {
  margin-right: 0px;
}

/** main-slider **/
.main-slider{height: 730px;margin-top:100px;}
.main-slider .slide:before{position: absolute;content: '';background: rgba(0, 0, 0, 0.0);width: 100%;height: 100%;left: 0px;top: 0px;}
/* slide nav */

.main-slider .owl-dots {
  position: absolute;
  text-align: center;
  left: 46%;
  bottom: -22px;
}
.profile-bx.mobile-profile {
	display:none
}
.main-slider .owl-dots .owl-dot span{
  width: 20px;
  height: 6px;
  border-radius: 0;
  border: none;
  background: #393531;
  cursor: pointer;
  margin: 0px 3px;
  transition: all 500ms ease;
}
.main-slider .owl-dots .owl-dot.active span,
.main-slider .owl-dots .owl-dot:hover span{
  background: #0187CC;
  border: none;
}

.main-slider .owl-nav{
  position:absolute;
  left:0px;
  top:50%;
  z-index:1;
  width:100%;
  margin-top:-20px;
  display: none;
}

.main-slider .owl-theme .owl-controls .owl-nav [class*="owl-"]{
  position: absolute;
  color: rgba(255, 255, 255, 0.10);
}

.main-slider .nav-style-one .owl-nav .owl-prev{
  left: 70px;
}

.main-slider .owl-nav .owl-prev{
  position:absolute;
  cursor: pointer;
  display: inline-block;
  color: #fff;
  font-size: 20px;
  background: #0187CC;
  width: 75px;
  height: 75px;
  line-height:75px;
  font-weight: 700;
  margin: 0px;
  cursor: pointer;
  border-radius: 50%;
  text-align: center;
  transition: all 500ms ease;
}

.main-slider .owl-nav .owl-next{
  position:absolute;
  cursor: pointer;
  display: inline-block;
  color: #fff;
  font-size: 20px;
  background: #0187CC;
  width: 75px;
  height: 75px;
  line-height:75px;
  font-weight: 700;
  margin: 0px;
  cursor: pointer;
  border-radius: 50%;
  text-align: center;
  transition: all 500ms ease;
}

.main-slider .nav-style-one .owl-nav .owl-next{
  right: 70px;

}

.main-slider .owl-nav .owl-prev:hover,
.main-slider .owl-nav .owl-next:hover{
  background-color:#fff;
  color: #b2b2b2;
}
.banner-text {margin: 0 auto;position: absolute;top: 55%;transform: translateY(-50%);z-index: 100;padding-right:30px}
.banner-text p{font-size:16px; margin-bottom:15px;font-family: 'Ubuntu', sans-serif; font-weight:500; text-transform:uppercase}
.main-slider h1 {font-size: 72px;font-weight: 900;background: -webkit-linear-gradient(45deg, #0187CC, var(--main-color-one) 80%); background-clip: border-box;-webkit-background-clip: text;-webkit-text-fill-color: transparent;line-height: 66px;}
.mobile-banner{display:none}
.main-slider .new{width:280px;margin-top: 20px;}
.main-slider .online {padding: 20px 0px 20px 20px;line-height: 22px;font-size: 18px;font-weight: 400; position:relative;margin-top:30px }
.main-slider .online::after {
    content: '';
    width: 100%;
    height: 6px;
    background: url(../images/icons/linev.svg) no-repeat;
    position: absolute;
    bottom: 6px;
    margin-left: 0;
    left: 19px;
}
.main-slider .new .flex-nowrap {-ms-flex-wrap: wrap !important; flex-wrap: wrap !important;}
.main-slider .vprofile {position: absolute;bottom: 60px;text-align: right;right: 70px;z-index: 100;}
.main-slider .banner-heading {
    position: absolute;
    bottom: 90px;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
}
.main-slider .banner-heading h1{font-size:48px; font-family:'Asap Condensed', sans-serif;    
background: -webkit-linear-gradient(45deg, #e0f7fa, #E0F7FAD3 80%);
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;text-transform:uppercase}
.main-slider .banner-heading h5{font-size:48px; font-family:'Asap Condensed', sans-serif;text-transform:uppercase; color:#e0f7fa;line-height: 30px;}
.main-slider .banner-heading h5:after{content: '';width: 100px;height: 10px; background: #0187CC;position: absolute;bottom: -30px; margin: 0 auto; left: 0; right: 0;}
.main-slider .banner-heading p{text-transform:uppercase;font-size:19px;color:#e0f7fa;padding-top: 40px;}

.bottom-btn{
	position: fixed;
    bottom: 0;
    margin: 0 auto;
    left: 0;
    right: 0;
    width: 40%; 
    text-align: center;
    z-index: 99;
}
.bottom-btn img{padding:10px 5px;}
.bottom-btn a img {
    border: 1px solid #18293B;
    padding: 0px;
    margin: 7px 11px;
    border-radius: 5px;
}
.main-slider .scrolling-wrapper1.row.flex-row {
    width: 65%;
    flex-wrap: wrap !important;
}

.story {}
.story img:hover {
	animation-name: rotate;
	animation-duration: 9s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	border-radius: 50%
}

@keyframes rotate {
	from {
		transform: rotate(-360deg)
	}

	to {
		transform: rotate(360deg)
	}
}

.modal-body-new {
	padding: 0;
	border-radius: 0px;
}

.main-slider .new1 .story-popup .owl-theme .owl-nav.disabled+.owl-dots {
	margin-top: 0px;
	position: absolute;
	z-index: 10000;
	bottom: 5px;
	left: 0;
	right: 0;
	background: transparent !important;
	text-align: center;
}


.story-popup .owl-theme .owl-dots .owl-dot span {
    width: 21px;
    height: 21px;
    margin: 5px 4px;
    border: solid 2px #7ac721 !important;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    background: transparent;
    border-radius: 50% !important;
}
.story-popup .owl-carousel .owl-stage-outer {
	position: relative;
	overflow: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	padding-bottom: 0px;
}
.story-popup .card-img-top{
	border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.modal-content.fly {
    background: transparent;
    border: none;
	border-radius:0px;
}
.story-popup .owl-nav {display:none}
.story-popup .owl-theme .owl-dots .owl-dot.active span,
.story .owl-carousel .owl-item img {
	display: block;
	width: 100%;
	border-radius:5px !important;
}
.story-popup .owl-theme .owl-dots {
    display: flex;
    justify-content: center;
}
.story-popup .owl-theme .owl-dots .owl-dot.active span {
    border: 2px solid #fded2a !important;
    background: #7ac721;
    text-align: center;
    width: 21px;
    height: 21px;
    border-radius: 50% !important;
}
.story-popup .owl-dots.disabled {
    position: relative;
    text-align: center;
    background: transparent;
}
.modal.StoryModal .modal-body {
	padding: 0 0px 0;
	background: transparent;
	text-align: center;
	border-radius: 0;
	z-index: 999999;
	position: relative;
}

.colose-pop {
    width: 30px;
    position: absolute;
    height: 30px;
    background-color: #0187cc !important;
    border-radius: 0 0 0px 0;
    z-index: 1000000 !important;
    opacity: 1;
    font-weight: 300;
    right: 0;
    border: 0;
    font-size: 24px;
    top: 0;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.colose-pop span {
    margin: -6px 0 0 0;
}

/* ---------------- annoucements notice board ---------- */
/* ---------------- Title ---------- */
.title {
	margin: 0 auto 30px;
	width: 100%;
	text-align: center;
}

.title h1 {
	font-size: 40px;
    font-weight: 900;
    padding-bottom: 0px;
    text-transform: uppercase;
    line-height: 40px;
    font-family: 'Asap Condensed', sans-serif;
    letter-spacing: 2px;
    color: #18293B;
}

.title h1 span {
	font-weight: 300
}

.title h3 {
	font-size: 30px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FECC00;
}

.title h4 {
	font-size: 16px;
	color: #FECC00;
	padding-bottom: 0px;
	text-transform: uppercase;
	font-weight: 300;
}

.banner-line {
	height: 8px !important;
	width: 80px;
	margin: 5px auto 10px;
	border-radius: 5px;
}

.title p {
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 0.9px;
    color: #18293B;
    font-size: 17px;
}
.title p:after {
    content: '';
    width: 80px;
    height: 8px;
    background: #0187CC;
    position: absolute;
    bottom: -20px;
    margin: 0 auto;
    left: 0;
    right: 0;
}

.new1 .online span{ background:#F7494B; padding:3px 6px; color:#fff; font-size:12px; font-weight:600; position:absolute; left:20px; top:0px; line-height:12px; border-radius:4px;} 
.new1 .online span:before{ content: '';
    width: 0;
    height: 0;
    border-left: 9px solid transparent;
    border-right: 8px solid transparent;
    border-top: 6px solid #F7494B;
    position: absolute;
    left: 2px;
    bottom: -5px
	}
/* Notice Board */ 
.notice-block-two{padding-top: 15px;}
.annoucements { width:100%; padding:0px 0 0px;}
.annoucements .container{  padding:25px 20px; border-radius:10px;} 
.annoucements h2{ color:#F7494B; font-size:55px;  line-height:45px; margin-bottom:25px;}
.annoucements h2 a.view-btn { font-size:16px; float:right; background:#F7494B; padding:7px 20px; border-radius:5px; line-height:26px; color:#fff; text-transform:uppercase;}
.find-txt{ margin-bottom:20px; font-size:22px; color:#232323; line-height:26px;} 
.annoucements .board-slide.slick-initialized.slick-slider{ padding-right:50px;}
.annoucements .slick-slide {
  border-radius: 45px;padding: 10px 10px 10px 15px; position: relative;
  margin-right: 0px;  min-height: 130px;    width: 100% !important
}
.annoucements .count{ width:30px; height:30px; border-radius:0%; text-align:center; line-height:30px; color:#fff; font-size:16px; font-weight:600; position:absolute; left:20px; top:37px; border-radius:50%; background:#F7494B; z-index:1;} 
.annoucements .NoticeLeft{ 
    position: relative;
    float: left;
    font-size: 44px;
    text-align: center;
    color: #0187cc;
    line-height: 18px;
    font-weight: 700;
    background: #F6F6F1;
    padding: 12px 20px;
    width: 110px;
    height: 104px;
	border-radius:5px
}  
.annoucements .NoticeLeft span{ font-size:10px;color: #646464;font-style: italic;display:block;  margin-bottom:8px; font-weight:400;}  
.annoucements .Noticeright{ width:calc(100% - 125px); float:right; font-size:18px; color:#646464; line-height:20px; position:relative; font-weight:300; padding:10px 0 10px;}

.annoucements .Noticeright span{ background:#F7494B; padding:3px 6px; color:#fff; font-size:12px; font-weight:600; position:absolute; left:0; top:-15px; line-height:12px; border-radius:4px;} 
.annoucements .Noticeright span:before{ content: '';
    width: 0;
    height: 0;
    border-left: 9px solid transparent;
    border-right: 8px solid transparent;
    border-top: 6px solid #F7494B;
    position: absolute;
    left: 2px;
    bottom: -5px;
	} 
.annoucements .month{ color: #000;font-size: 21px;font-weight: 300;line-height: 46px; letter-spacing:4px} 
.line-height {
    line-height: 20px;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Ubuntu';
}
.updated{ color: #000;font-size: 13px;font-weight: 300; font-style:italic;    font-family: 'Ubuntu';}
.annoucements .NoticeHead {
    color: #0187cc;
    font-size: 15px;
    font-weight: 600;
    line-height: 24px;
    font-family: 'Ubuntu';
    letter-spacing: 0.9px;
}
.annoucements .slick-prev.slick-arrow{ background:url(../images/preev.html) left top no-repeat; width:42px; height:80px; background-size:100%; color:transparent; top:auto; right:55px; bottom:20px; cursor:pointer;}
.annoucements .slick-next.slick-arrow{ background:url(../images/next.html) left top no-repeat; width:42px; height:80px; background-size:100%; color:transparent; top:auto; right:0; bottom:20px; cursor:pointer;}  
 .notice .owl-theme .owl-nav .owl-prev {
    position: absolute;
    top: 50px;
    left: -70px;
    height: 48px;
    line-height: 0;
    width: 48px;
    background: var(--main-color-one);
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
 .notice .owl-theme .owl-nav .owl-next {
    position: absolute;
    top: 50px;
    right: -60px;
	height: 40px;
	width:40px;
	background:var(--main-color-one);
	text-align: center;
	display: flex;
    align-items: center;
    justify-content: center;
}

.view-all-notice {
    background: var(--main-color-one);
    color: #303D18;
    text-transform: uppercase;
    padding: 8px 12px;
    border-radius: 5px;
    line-height: 20px;
    display: block;
    text-align: center;
    font-size: 14px;
    margin: 15px 0px 0px;
    float: right;
    position: relative;
    top: 0px;
}
.view-all-notice:hover {color: background: #007bff; #fff}

.view-all {
    background: linear-gradient(90deg, var(--main-color-one-a) 46%, var(--main-color-two) 100%);color: #303D18;text-transform: uppercase; padding: 10px 16px
    ;margin: 0 auto; line-height: 30px;display: block; width: 200px;
    text-align: center;font-size: 18px;height: 48px; margin-top: 20px;
	display: flex;
    align-items: center;
	justify-content:center;
	border-radius:5px;
	}
.view-all:hover {
    background: #0187CC;color: #fff;
}
.view-all img {
    margin: 0 -4px 0 5px;
}
/* ---------------- Annoucements board end ---------- */

video.banner-video {
  width: 100%;
  border-radius:5px
}



/* -- About us */
section.about-section {
    padding: 70px 0 9px 0;
}
section.about-section .title {
    margin-bottom: 60px;
}
.col-lg-7.col-md-12.col-sm-12.about-descpt-hm {
    padding: 0 0 0 40px;
}
.mobile-about-title{
	display:none
}
.image-box {
    display: flex;
    margin: 0 16px 0 0;
}
.content-box{
	position: relative;
}
.content-box .text h3 {
    text-align: left;
    font: normal normal bold 28px/32px Ubuntu;
    letter-spacing: 0px;
    color: #0187CC;
    opacity: 1;
    width: 67%;
    line-height: 35px;
    padding: 0px;
    margin: 0px;
}
.content-box .text p {
    text-align: left;
    font: normal normal normal 18px/26px Ubuntu;
    letter-spacing: 0px;
    color: #312F2C;
    padding: 10px 0;
    width: 66%;
}
.content-box ul {
    padding: 8px 0 16px 26px;
}
.content-box .text ul li {
    text-align: left;
    font: normal normal normal 16px/35px Ubuntu;
    color: #312F2C;
    display: flex;
    align-items: center;
}
.content-box .text ul li span {
    background: #0187cc;
    color: #fff;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 11px 0 0;
	border-radius: 4px;
}
.profile-bx {
    background: #0187CC;
    display: flex;
    align-items: center;
    position: relative;
    margin: 16px 0 0 0;
    left: -124px;
    width: 660px;
	border-radius:5px;
}
.play-btn {
    background: var(--main-color-one);
    height: 84px;
    width: 110px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    letter-spacing: 0.7px;
    color: #303D18;
    text-transform: uppercase;
    font-weight: 500;
    font-family: 'Asap';
	border-radius:5px 0 0 5px;
}
.play-btn a {
    display: flex;
    align-items: center;
    flex-direction: column;
    color: #303D18;
    justify-content: center;
    font-family: 'Asap Condensed';
    font-weight: 600;
    letter-spacing: 1.2px;
    font-size: 16px;
}
.play-btn img {
    max-width: 50%;
    margin: 4px 0 0 0;
}

.student-btn {
    margin: 0 10px;
    text-align: center;
}
.student-btn img {
    max-width: 85%;
}
.play-btn img {
    max-width: 50%;
}
.about-view {
    margin-top: 36px;
}
.about-view img{
    margin-left: 10px;
}
a.view-all.more-btn {
    margin: 0px;
    font-size: 16px;
    font-weight: 600;
    display: flex;
    align-items: center;
    width: 116px;
    justify-content: center;
    height: auto !important;
    padding: 6px 0;
	border-radius:5px;
}
.img-box1 {
    margin: 0 23px 18px 0;
    width: 230px;
    height: 230px;
    overflow: hidden;
}
.img-box1 img{
	width: 100%;
}
.img-box2 {
    margin: 0 23px 18px 0;
    width: 230px;
    height: 289px;
    overflow: hidden;
}
.img-box3 {
    margin: 0 23px 18px 0;
    width: 230px;
    height: 106px;
    overflow: hidden;
}
.img-box4 {
	margin: 0 23px 18px 0;
    width: 230px;
    height: 410px;
    overflow: hidden;
}



/* 360 VIRTUAL TOUR box css */
.virtual-tour-box{
	padding: 80px 0px;
}
.virtual-bx a {
    display: flex;
    width: 100%;
    color: #18293B;
    line-height: 22px;
    align-items: center;
    font-size: 20px;
    font-family: 'Asap Condensed';
    transition: all 0.5s;
    text-align: left;
    justify-content: center;
}
.virtual-bx a:hover {
    transform: scale(1.2);
}
.virtual-bx a span {
    padding: 0 0 0 16px;
}

/* message-box */
.message-box{
	background:rgb(1 135 204) 11% ;
	background:linear-gradient(90deg, rgb(1 135 204) 11%, rgb(152 202 58) 100%);
	height: auto;
	width: 100%;
	padding: 80px 0 0 0;
	overflow: hidden;
}
.mobile-fr-rozimon{
   display:none;
}
section.section11 {
    width: calc(100% - 24px);
}
.tab-pane .msg-box-descpt {
    float: right
}
.principal-bg-right {
	width: 100%;
	background-repeat: no-repeat;
	background-size: 100%;
	height: 577px;
	margin-top: -186px;
	position: relative;
	background: tan;
	background-position: center;
}
.message-box button.nav-link {
    background: transparent;
    color: #495057;
    background-color: transparent;
    text-align: left;
    font: normal normal bold 16px/18px Ubuntu;
    letter-spacing: 0.8px;
    color: #cdcdcd;
    text-transform: uppercase;
    font-weight: 500;
	padding: 0;
}
.message-box .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    color: #495057;
    background-color: transparent;
   color: var(--main-color-one);
}
.message-box .nav-tabs .nav-link.active::before {
    content: '';
    position: absolute;
    bottom: -13px;
    background: var(--main-color-one);
    width: 100%;
    height: 7px;
}
.message-box .nav-tabs .nav-link{
	border: 1px solid transparent;
	position: relative;
}
.message-box .nav-tabs{
	border: none;
	padding-bottom: 30px;
}
.continue-video-btn {
    padding: 22px 0 0 0;
}
button.msg-line {
    background: transparent;
    color: var(--main-color-one);
    padding: 0 12px;
}
.msg-box-descpt div {
    padding: 0 5px 28px 0;
}
.tab-pane .msg-box-descpt p {
    color: #e0f7fa;
    font-size: 18px;
    font-family: 'Ubuntu';
    font-style: italic;
    width: 676px;
    line-height: 29px;
    padding-top: 5px;
}
a.continue-btn {
    font-style: italic;
    font-size: 16px;
    font-weight: 400;
    text-align: left;
    letter-spacing: 0.8px;
    color: var(--main-color-one);
	margin-right: 30px;
}
.name-pricl {
    padding: 27px 0 0px 0;
    font-size: 16px;
    color: #fff;
    font-weight: 500;
    font-family: 'Ubuntu';
    line-height: 22px;
}
.name-pricl span {
    display: block;
    font-size: 14px;
    font-weight: 300;
}
.computer-lab ul li img {
    width: 77px;
}
  /* Computer-lab */
  .computer-lab{
	padding: 40px 0px;
  }
.computer-lab ul{
	display: flex;
	flex-wrap: wrap;
  }
  .computer-bg{
	background-image: url(../../images/computer-bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}
.chemistry-bg{
    background-image: url(../../images/chemistry-bg.jpg);
}
.physics-bg{
    background-image: url(../../images/physics-bg.jpg);
}
.biology-bg{
	 background-image: url(../../images/biology-bg.jpg);
}
.music-bg{
	 background-image: url(../../images/music-bg.jpg);
}
	
  .computer-lab ul li {
    height: 271px;
    width: 380px;
    margin: 4px 4px;
	border-radius:5px
}
.computer-lab ul li a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    flex-direction: column;
    color: #fff;
    font-size: 20px;
    font-family: 'Asap Condensed';
    font-weight: 700;
    letter-spacing: 1px;
    text-align: center;
    gap: 13px;
    line-height: 20px;
	position: relative;
}
.computer-lab ul li a::before {
    content: '';
    width: 30px;
    height: 5px;
    background: #8BC34A;
    bottom: 57px;
    position: absolute;
}
.computer-lab ul li a:hover {
    transform: scale(1.2);
}




/** Topper Section Start **/
.topper-section {
	position: relative;
	display: block;
	padding: 100px 0px 100px;
	overflow: hidden;
}

.topper-section .student-box {
	padding: 10px 70px;
	text-align: center;
}

.topper-section .student-box p {
	padding: 0px 0px 5px;
	text-align: center;
	text-transform: uppercase;
	font-size: 18px;
}

.topper-block-two {
	padding: 0px 0px;
}
.topper-block-two img{
    border-radius:5px;
}

.topper-block-two img {
	border-radius: 5px;
	width: 100%
}

.topper-section .btn-all {
    color: var(--main-color-one);
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 0.7px;
    font-family: 'Ubuntu';
}

.topper-block-two .topper-name {
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    color: #18293B;
    padding: 25px 0px 3px;
    font-family: 'Ubuntu';
    letter-spacing: 0.8px;
    color: #18293B;
    text-transform: uppercase;
}

.topper-block-two .marking {
	font-size: 18px;
	font-weight: 600;
	text-align: center;
	color: #0187CC;
	padding: 0px 0px
}

.achievements .ach-text span{ background:#F7494B; padding:3px 6px; color:#fff; font-size:12px; font-weight:600; position:absolute; left:0; top:-15px; line-height:12px; border-radius:4px;} 
.achievements .ach-text span:before{ content: '';
    width: 0;
    height: 0;
    border-left: 9px solid transparent;
    border-right: 8px solid transparent;
    border-top: 6px solid #F7494B;
    position: absolute;
    left: 1px;
    bottom: -5px
	}
	.gallery-section .ach-text span{ background:#F7494B; padding:3px 6px; color:#fff; font-size:12px; font-weight:600; position:absolute; left:0; top:-15px; line-height:12px; border-radius:4px;} 
.gallery-section .ach-text span:before{ content: '';
    width: 0;
    height: 0;
    border-left: 9px solid transparent;
    border-right: 8px solid transparent;
    border-top: 6px solid #F7494B;
    position: absolute;
    left: 1px;
    bottom: -5px
	}

.NoticeBoard .owl-carousel .owl-stage-outer {
	position: relative;
	overflow: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	border-radius: 0;
} 
.student-box .owl-carousel .owl-stage-outer {
	position: relative;
	overflow: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	border-radius: 0;
}
.topper-section .owl-theme .owl-nav .owl-prev {
    border-radius: 0;
    position: absolute;
    top: 30%;
    left: -62px;
    height: 42px;
    line-height: 42px;
    width: 43px;
    background: var(--main-color-one);
    text-align: center;
	border-radius:5px;
	display: flex;
    align-items: center;
    justify-content: center;
}

.topper-section .owl-theme .owl-nav .owl-next {
	border-radius: 0px;
	position: absolute;
	top: 30%;
	right: -62px;
	height: 42px;
    line-height: 42px;
    width: 43px;
	background: var(--main-color-one);
	text-align: center;
	border-radius:5px;
	display: flex;
    align-items: center;
    justify-content: center;
}

.topper-section .achievements {
	padding: 0px 0px 0px 30px
}

.topper-section .achievements img {
	border-radius: 5px;
}

.topper-section .achievements .ach-text {
    padding: 0 0px;
    position: relative;
    margin-top: 26px;
    margin-left: 30px;
}
.topper-section .achievements .ach-text h6 {
    color: #0187CC;
    padding: 10px 0px 5px 0px;
    font-weight: 600;
    font-family: 'Asap Condensed';
    letter-spacing: 1px;
    font-size: 19px;
}
.topper-section .achievements .ach-text p {
    line-height: 20px;
    font-weight: 400;
    margin-bottom: 13px;
    font-family: 'Ubuntu';
    font-size: 14px;
}

/* .topper-section .achievements span {
	background: #F7494B;
	padding: 4px 6px;
	color: #fff;
	font-size: 12px;
	font-weight: 600;
	position: relative;
	left: 0;
	top: 5px;
	line-height: 12px;
	border-radius: 8px;
	text-transform: uppercase;
	font-size:16px;
} 

.topper-section .achievements span::before {
	content: '';
	width: 0;
	height: 0;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-top: 7px solid #F7494B;
	position: absolute;
	left: 4px;
	bottom: -5px;
}*/

/**Gallery Section**/
.gallery-section {
	position: relative;
	display: block;
	background: rgb(253 209 1) 12%;
	background: linear-gradient(134deg, rgb(253 209 1) 12%, var(--main-color-one) 100%);
	padding:70px 0px 70px;
	overflow:hidden;
	margin-bottom: 100px;
  }
  .gallery-section .title h1 {
    color: #18293B;
}
  .gallery-section .gallery-box{padding:0px 30px}
  .gallery-section .gallery-box img{width:100%; border-radius:5px}
  .gallery-section .owl-theme .owl-nav .owl-prev {
    border-radius: 0;
    position: absolute;
    top: 45%;
    left: -19px;
    height: 40px;
    line-height: 42px;
    width: 40px;
    background: var(--main-color-one-b);
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
	border-radius:5px;
}
  .gallery-section .owl-theme .owl-nav .owl-next {
	position: absolute;
	top: 45%;
	right: -19px;
	background: var(--main-color-one);
	height: 40px;
    line-height: 42px;
    width: 40px;
    background: var(--main-color-one-b);
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
	border-radius:5px;
  }
  .gallery-section .owl-carousel .owl-stage-outer {
	position: relative;
	overflow: hidden;
	-webkit-transform: translate3d(0,0,0);
	border-radius: 0;
  }
  
  .gallery-section .ach-text{padding:10px 30px 0px;position: absolute;transform: translate(-50%, -50%);top: 45%; left: 50%;width: 100%;position:relative}
  .gallery-section .ach-text h6{color:#312F2C; padding:10px 0px 0px; font-weight:800; font-size:20px;}
  .gallery-section .ach-text .span{color:#312F2C; padding:5px 0px 20px; font-weight:400; font-size:18px; margin-bottom:0px}
  .gallery-section .ach-text p {line-height:20px; font-weight:400; margin-bottom:20px;color:#312F2C;font-size:18px;}
   
  .gallery-section .ach-text span {
	background: #F7494B;
	padding: 4px 6px;
	color: #fff;
	font-size: 12px;
	font-weight: 600;
	position: relative;
	left: 0;
	top: 5px;
	line-height: 12px;
	border-radius: 8px;
	text-transform: uppercase;
  }
 
  .gallery-section .ach-text span::before {
	content: '';
	width: 0;
	height: 0;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-top: 7px solid #F7494B;
	position: absolute;
	left: 4px;
	bottom: -5px;
  } 
  
  .gallery-section .btn-all {
	  color: #312F2C;
	  text-transform: uppercase;
	  font-style:italic;
	  font-size: 16px;
  }
  .gallery-section .btn-all img{height:10px}
  .gallery-section .subgallery{padding:30px 20px 0px;}
  .gallery-section .subgallery img{border-radius:0px;width:100%; border-radius:5px}
  .gallery-section .subgallery h4{text-align:center; color:#312F2C; font-size:18px; font-weight:bold; margin-top:20px}
  .gallery-section .subgallery p{text-align:center;  margin-top:5px}
  
  /** testimonial and birthday Section End **/
.testimonial-section {
	position: relative;
	display: block;
	padding:100px 0px 100px;
	overflow:hidden;
  }
  .testimonial-section .birthday{padding:0px 30px;}
  .testimonial-section .balloon-left{position: absolute;top: 80px;left: 10px;}
  .testimonial-section .balloon-left img {
    width: 100%;
    margin-top: -33px;
}
  .testimonial-section .balloon-right{position: absolute;top: 51px;right: 10px;}
  .testimonial-section .balloon-left img {
    width: 100%;
    margin-top: -33px;
}
  .testimonial-section .title h1{font-size:30px}
  .testimonial-section h3 {
    font-size: 24px;
    color: var(--main-color-one);
    margin: 5px 0px 15px;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1.2px;
    font-family: 'Ubuntu';
}
    .testimonial-section h4 {
      font: normal normal normal 16px/18px Ubuntu;
      letter-spacing: 0.8px;
      font-size: 16px;
      color: #312F2C;
      font-weight: 500;
      margin: 20px 0px 0px;
      text-transform: uppercase;
      padding:0;
    }
  .testimonial-section p{font-size:24px}
  .testimonial-section .title p{font-size:18px; font-family: 'Ubuntu';}
  
  .testimonial-section .owl-theme .owl-nav .owl-prev {
		position: absolute;
		top: 28%;
		left: -55px;
		height: 48px;
		line-height: 42px;
		width: 48px;
		background: var(--main-color-one);
		text-align: center;
		display: flex;
		align-items: center;
		justify-content: center;
    cursor: pointer;
  }
  .testimonial-section .owl-theme .owl-nav .owl-next {
    position: absolute;
    top: 28%;right: -55px;
    height: 48px;line-height: 42px;
    width: 48px;background: var(--main-color-one);
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
  }
  .testimonial-section .student-slide{margin:0 auto;padding: 0px 110px;}
  
  .testimonial-section .student-slide p{text-transform:uppercase; font-size:18px}
  .testimonial-section .parent{font-size:22px; text-align:left; }
  .testimonial-section .parent img{border-radius:0}
    .testimonial-section .parent p {
      font: italic normal normal 22px/30px Ubuntu;
      letter-spacing: 0px;
      color: #312F2C;
      font-style: italic;
      padding: 0 0 14px 0;
    }
  .testimonial-section .parent .play-btn{position:absolute;transform: translate(-50%, -50%);
	  top: 50%; left: 50%;}
  .testimonial-section .parent .play-btn1{position:absolute;transform: translate(-30%, -50%);
    top: 50%; left: 50%;}

  .testimonial-section .parent .owl-carousel .owl-stage-outer {
	  position: relative;
	  overflow: hidden;
	  -webkit-transform: translate3d(0,0,0);
	  border-radius: 0;
  }
  .testimonial-section .owl-dots {
    position: absolute;
    width: 41%;
    right: 0;
    bottom: -1px;
    text-align: left;
  }
  .parent .owl-nav {
    display: none;
}
.testimonial-section .owl-dots .owl-dot span {
    min-width: 24px;
    height: 6px;
    background-color: #525050 !important;
}
.testimonial-section  .owl-theme .owl-dots .owl-dot span {
    background: transparent;
    display: block;
    margin: 0px 5px 0px 5px;
    transition: opacity 200ms ease 0s;
    border: 0px solid transparent;
    width: 15px;
    height: 10px !important	;
    border-radius: 0;
}
  
  .testimonial-section .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
	  background: #0187CC !important;
  }
  .testimonial-section .owl-theme .owl-dots .owl-dot.active span {
	  background: none repeat scroll 0 0 #0187CC;
	  border: 2px solid #0187CC;
  }
  .story .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
	  background: #e0602d;
	  border: solid 2px #0187CC;
  }
  .testimonial-section  .pt-4 {
	  padding-top: 2rem !important;
  }
  
  .testimonial-section .birthday .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0,0,0);
  }
  .birthday-block-two.testimonial-image-bx {
    width: 85%;
    float: right;
    margin-top: 20px;
}


/** Admissionn Section Start **/

.admissionn-section {
  position: relative;
  display: block;
  padding:0 0 100px 0px;
  overflow:hidden;
}

.admissionn-section .white-bg{background:#fff;text-align:left; border-radius:5px;overflow:hidden}
.admissionn-section .white-bg img{background:#fff;text-align:left;}
.admissionn-section .title {
    margin: 0 auto 8px;
    width: 100%;
    text-align: center;
}
.admissionn-section .title h1 {
  font-size: 30px;
  margin-top:25px
}
.admissionn-section .banner-line {
    height: 8px !important;
    width: 80px;
    margin: 4px auto 0px;
    border-radius: 5px;
}

.admissionn-section .adopen {
  background: var(--main-color-one);
  color: #18293B;
  text-transform: uppercase;
  padding: 8px 10px;
  line-height: 30px;
  display: block;
  width: 210px;
  text-align: center;
  font-size: 16px;
  margin:10px auto 0px;
  font-weight: 500;
  font-family: 'Ubuntu';
  border-radius:5px

}
.admissionn-section .adopen img{width:50px;background:none}
.admissionn-section .adg{font-size:12px;font-style:italic;color:#000}

.admissionn-section .work{position:absolute;z-index:1; bottom:-8px; color:#fff; font-size:28px;line-height: 26px; font-weight:800; padding:20px; text-transform: uppercase;}
.admissionn-section .work span{ color:#fff; font-size:16px; font-weight:400; text-transform: lowercase;display:block}
.title.centred.adminssion-descpt {
  padding: 4px 0;
}
.adminssion-descpt p{
  position: relative;
}
.adminssion-descpt p::after {
  content: '';
  background: none;
}
.adminssion-descpt h6{
    position: relative;
    top: 0;
    margin: auto;
    padding: 0px 0 16px 0;
    color: #312F2C;
    text-transform: uppercase;
    font-weight: 400;
    font-family: 'Ubuntu';
    font-size: 18px;
  }
  .adminssion-descpt h6::before {
    content: '';
    position: absolute;
    bottom: 6px;
    background-color: #EF7F1A;
    height: 7px;
    width: 74px;
    margin: 0 0 0 8px;
}
.adminssion-descpt p {
  position: relative;
  font-family: 'Ubuntu';
  font-weight: 600;
  color: #312F2C;
}
.admissionn-section .adopen img {
  margin: 0 0px 2px 8px;
}

/** logo-footer **/
.logo-footer {
	background: #fecc00;
	position: relative;
	padding: 100px 0px 140px 0px;
	margin-top: 100px;
}

.logo-footer .footer-logo {
	position: absolute;
	width: 400px;
	top: -180px;
	margin: 0 auto;
	left: 0;
	right: 0;
}

.logo-footer .logo-text {
	position: absolute;
	top: 220px;
}

.logo-footer .continue {
	margin-top: 8px;
	display: block;
	color: #ef8118;
	width: auto;
	text-transform: uppercase;
}

/** main-footer **/

.main-footer {
  /* background: url(../../images/icons/ft-top.svg); */
  max-width: 100%;
  min-width: 700px;
  background-repeat: no-repeat;
  margin: auto;
  background-position: center 0;
  margin-top: 160px;
}
.patron-img{
  text-align: center;
}
.patron-img img {
  margin-top: -155px;
}
.patron-img span {
    display: block;
    font-size: 20px;
    margin: -18px 0 0 0;
    font-weight: 500;
    letter-spacing: 0.6px;
}
.patron-img p {
  text-align: center;
  font-size: 16px;
  font-family: 'Rubik';
  padding: 18px 0 0 0;
  color: #312F2C;
}
.patron-img a {
  display: flex;
  align-items: center;
  justify-content: center;
  font: normal normal normal 14px/26px Ubuntu;
  letter-spacing: 0.65px;
  color: var(--main-color-one);
  text-transform: uppercase;
  opacity: 1;
  padding: 7px 0 38px 0;
}
.patron-img a img {
  margin: 0 0 0 11px;
  padding: 0px;
  filter: opacity(0.5);
}
.widget-content iframe {
    border-radius: 5px;
}
.main-footer .footer-top .widget-title {
  position: relative;
  display: block;
  font-size: 20px;
  line-height: 34px;
  font-weight: bold;
  color: #312F2C;
  margin-bottom: 27px;
  text-transform: uppercase;
  background-position: 0px 36px;
  padding-bottom: 7px;
}
.main-footer .footer-top .widget-title::after{
  content: '';
  position: absolute;
  bottom: 0;
  background-color: #0187CC;
  width: 90px;
  height: 6px;
  text-align: center;
  left: 0;
}

.col-lg-3.col-md-6.col-sm-12.footer-column.footer-column1 {
  padding: 0 26px;
}
.main-footer .footer-top .about-widget .widget-content p {
	position: relative;
	display: block;
	color: #312F2C;
	margin-bottom: 26px;
}

.main-footer .footer-top .about-widget .widget-content p:last-child {
	margin-bottom: 0px;
}

.main-footer .footer-top .link-widget {
	position: relative;
	display: block;
}

.main-footer .footer-top .link-widget .widget-content li {
	position: relative;
	display: block;
	margin-bottom: 0px;
}

.main-footer .footer-top .link-widget .widget-content li:last-child {
	margin-bottom: 0px;
}

.main-footer .footer-top .link-widget .widget-content li a {
  position: relative;
  display: inline-block;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0px;
  color: #312F2C;
  font-family: 'Rubik';
  padding-left: 31px;
  line-height: 32px;
}

.main-footer .copyright .flogo {
  height: 90px;
  margin: 22px 0 6px 0;
}

.main-footer .copyright {
	font-size: 12px
}

.main-footer .copyright p {
	line-height: 20px;
	margin-top: 10px;
  text-align: center;
  font: normal normal normal 12px/18px Rubik;
  letter-spacing: 0.6px;
  color: #312F2C;
}

.main-footer .copyright p a {
	font-size: 12px;
	line-height: 20px;
	color: #000;
	padding: 5px
}

.app-width {
	width: 182px;
	margin-bottom: 10px
}
.widget-content {
  font-family: 'Asap Condensed', sans-serif;
  letter-spacing: 1.25px;
  color: #312F2C;
  font-size: 25px;
}
.widget-content h3 {
  font-weight: 900;
  font-size: 30px;
}
.main-footer .footer-top .link-widget .widget-content li a:hover:before {
	opacity: 1;
}

.main-footer .footer-top .link-widget .widget-content li a:hover {
	color: #ef7f1a;
	padding: 0px 0px 0px 18px;
}

.main-footer .footer-top .contact-widget {
	position: relative;
	display: block;
}

.main-footer .footer-top .contact-widget .widget-content .text {
	position: relative;
	display: block;
	color: #312F2C;
	margin-bottom: 18px;
}

.main-footer .footer-top .contact-widget .widget-content .info-list li {
  position: relative;
  display: flex;
  padding: 0px 0px 24px 25px;
  font: normal normal normal 16px/20px Rubik;
  letter-spacing: 0px;
  color: #312F2C;
  align-items:center;
}

.main-footer .footer-top .contact-widget .widget-content .info-list li i {
	position: absolute;
	left: 0px;
	top: 2px;
	color: #312F2C;
}

.main-footer .footer-top .contact-widget .widget-content .info-list li:last-child {
  margin-bottom: 0px;
  width: 77%;
}

.main-footer .footer-top .contact-widget .widget-content .info-list li a {
	position: relative;
	display: inline-block;
	font-size: 15px;
	color: #312F2C;
	margin-bottom: 10px;
}

.main-footer .footer-top .contact-widget .widget-content .info-list li a:hover {
	color: #ef7f1a;
}

.main-footer .footer-top .subscribe-widget .widget-content .text {
	position: relative;
	display: block;
	color: #312F2C;
	margin-bottom: 28px;
}

.main-footer .footer-top .subscribe-widget .widget-content .subscribe-form .form-group {
	position: relative;
	display: block;
	margin: 0px;
}

.main-footer .footer-top .subscribe-widget .widget-content .subscribe-form .form-group input[type='email'] {
	position: relative;
	display: block;
	width: 100%;
	height: 70px;
	background: #fff;
	border: 3px solid #fff;
	padding: 15px 20px;
	border-radius: 20px;
	margin-bottom: 20px;
	transition: all 500ms ease;
}

.main-footer .footer-top .subscribe-widget .widget-content .subscribe-form .form-group input[type='email']:focus {
	border-color: #ef7f1a;
}

.main-footer .footer-top .subscribe-widget .widget-content .subscribe-form .form-group .theme-btn:before {
	background: #fff;
}

.main-footer .footer-top .subscribe-widget .widget-content .subscribe-form .form-group .theme-btn:hover {
	color: #312F2C !important;
}






.ft-school-bg{
  overflow: hidden;
  margin: auto;
  display: block;
  text-align: center;
  width: 100%;
  object-fit: cover;
  position: relative;
  bottom: 0;
}
.ft-school-bg img{
  width:100%
}


/* page-title */
body.boxed_wrapper.master-warapper {
    background: #e0f7fa;
}
a.btn-words-wisdom {
    position: fixed;
    right: 0;
    top: 25%;
    background: linear-gradient(90deg, var(--main-color-one-a) 46%, var(--main-color-two) 100%);
    padding: 7px 15px;
    border-radius: 6px 0 0 7px;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Rubik';
	color:#413e3e ;
}
.header-bottom.inner-header-bottom {
    margin: 41px 0;
}
.page-title {
    position: relative;
    display: block;
    width: 100%;
    padding: 163px 0px 85px 0px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background: url(../../images/breadcrumb.png);
    background-size: 100%;
    background-position: center;
    margin-bottom: 30px;
}
.page-title::after {
    content: '';
    position: absolute;
    bottom: -90px;
   /* background: url(../images/inner-before.png); */
    height: 186px;
    width: 100%;
    left: 0;
    background-size: cover;
}
.peShiner canvas {
    width: 155px;
    margin-top: -3px;
}
.rkheader.inner-rkheader {
    background: var(--main-color-one);
    background: linear-gradient(90deg, var(--main-color-one-a) 46%, var(--main-color-two) 100%);
    transition: 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
	border-radius:5px
}
.main-menu .navigation.inner-navbar > li > a{
    padding:
}

/* .page-title:before {
	position: absolute;
	content: '';
	background: rgba(0, 0, 0, 0.8);
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
} */

.content-box {
	position: relative;
}

.page-title .content-box h1 {
    position: relative;
    display: block;
    font-size: 39px;
    line-height: 40px;
    color: #e0f7fa;
    font-weight: 700;
    margin-bottom: 5px;
    text-transform: uppercase;
    letter-spacing: 2.5px;
}

.page-title .content-box p {
	color: #fff;
	padding-top: 10px;
	font-size: 16px;
	font-weight: 300;
}

.page-title .content-box .bread-crumb li {
	position: relative;
	display: inline-block;
	font-size: 17px;
	line-height: 26px;
	font-weight: 600;
	color: #ef7f1a;
	padding-right: 16px;
	margin-right: 5px;
}

.page-title .content-box .bread-crumb li:before {
	position: absolute;
	content: '/';
	font-size: 17px;
	color: #fff;
	top: 0px;
	right: 0px;
	font-weight: 400;
}

.page-title .content-box .bread-crumb li:last-child:before {
	display: none;
}

.page-title .content-box .bread-crumb li:last-child {
	padding: 0px;
	margin: 0px;
}

.page-title .content-box .bread-crumb li a {
	color: #fff;
}

.page-title .content-box .bread-crumb li a:hover {
	color: #ef7f1a;
}
.main-innerpage {
    padding: 60px 0px;
	background: #e0f7fa;
}

.inner-page-bx p {
  font-family: 'Rubik';
  font-size: 16px;
  line-height: 26px;
  padding-bottom: 18px;
  text-align:justify
}
.main-menu .navigation.inner-navbar > li > a {
  padding: 15px 0px
}
.image-box.innerleft-section{
	margin-left:0px;
	border-radius:6px;
	overflow: hidden;
}
/*
.main-menu .navigation.inner-navbar > li:before{
  border-right: 1px solid #fff;
}
.main-menu .navigation.inner-navbar > li:first-child:before, 
.main-menu .navigation > li:nth-child(2):before{
  border: 0px solid transparent;
}
*/
a.home-icon i {
  font-size: 24px;
  padding: 1px 4px 0 0;
  position: relative;
  top: 1px;
}
img.object-img {
    display: inline-flex;
    float: right;
    padding: 0;
    border-radius: 5px;
    overflow: hidden;
    margin-left: 22px;
    margin-bottom: 0px;
}
ul.objectives-ul {
  padding: 0px;
  margin: 18px 0;
}
ul.objectives-ul li {
    background: url('../images/icons/li-bg.svg');
    padding: 0 0 0 38px;
    margin: 0 0 16px 0;
    font-family: 'Rubik';
    color: #383434;
    font-weight: 400;
    font-size: 15px;
    line-height: 21px;
    background-repeat: no-repeat;
    background-position: 0 0;
}
fieldset {
    border-radius: 5px;
}
/*** 

====================================================================
                        Faq-Page
====================================================================

***/
.accordion-box{
  position:relative;
}

.accordion-box .block{
  position:relative;
  margin-bottom: 20px;
  border-radius: 0px;
  padding: 0px 28px;
  background: none;
  border-radius:5px
  
}
.accordion.block {
  /* background: #0187cc; */
  background: linear-gradient(90deg, var(--main-color-one-a) 46%, var(--main-color-two) 100%);

}
.accordion-box .block:nth-child(2){
  border-color: #ff7162;
}

.accordion-box .block:last-child{
  margin-bottom: 0px;
  border-color: #ff7162;
}

.accordion-box .block .acc-btn h4{
  position:relative;
  display: block;
  font-size:18px;
  font-weight: 500;
  color:#ffffff;
  padding: 15px 0px 15px 0px;
  cursor:pointer;
  transition: all 500ms ease;
}

.accordion-box .block .acc-btn.active h4{
  color: #ffffff;
}

.accordion-box .block .acc-content{
  position:relative;
  display:none; 
  border-top: 1px solid #ededed57;
  padding-top: 24px;
  padding-bottom: 10px;
}

.accordion-box .block .acc-content.current{
  display:block;  
}

.accordion-box .block .content .text{
  position:relative;
  display: block;
  color: #fff;
}
.accordion-box .block .content .text p{
  color: #fff;
}
.accordion-box .block .acc-btn .icon-outer{
  position: absolute;
  top: 15px;
  right: 30px;
  font-size: 26px;
  color: #fff;
  border-radius: 50%;
  text-align: center;
  cursor: pointer;
  transition: all 500ms ease;
  z-index: 1;
}
.accordion-box .block .acc-btn.active .icon-outer{
  color: #fff;
}

.accordion-box .block .acc-btn.active .icon-outer i:before{
  position: relative;
  font-size: 20px;
  font-family: 'Font Awesome 5 Free';
  font-weight: 700;
  margin: 0px;
  content: "\f106";
}
.faq-page-section{
  position: relative;
  display: block;
  padding: 0px 0px 150px 0px;
}

.logo-jmc {
    text-align: center;
    margin-bottom: 20px;
}
.logo-jmc img {
    width: 311px;
}
ul.emblem-ul {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
ul.emblem-ul li {
    background: linear-gradient(90deg, var(--main-color-one-a) 46%, var(--main-color-two) 100%);
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: left;
    width: 46%;
    flex-direction: column;
    min-height: 195px;
    text-align: center;
    margin: auto;
    margin-bottom: 20px;
	border-radius:5px
}
ul.emblem-ul li img {
    display: block;
    text-align: center;
    margin: auto;
    max-width: 178px;
}
ul.emblem-ul li p {
    padding-left: 12px;
}
.sub-title-newsm {
    color: #0187cc;
    font-size: 20px;
    margin: 0px 0 10px 0;
    font-family: 'Rubik';
    font-weight: 500;
}
table.content_table1.new-different tr th {
    padding: 0 18px;
    background: #bbb5b5;
	border:1px solid #c9c9c9;
}
table.content_table1.new-different {
    border: 1px solid #c9c9c9;
    width: 100%;
    font-family: 'Rubik';
}
table.content_table1.new-different tr td {
    background: #f7f2f2;
    color: #000;
    padding: 7px 18px;
	border:1px solid #c9c9c9;
}
table.table-bx {
    width: 100%;
    border-radius: 4px;
    overflow: hidden;
}
table.table-bx tr th {
    background: #545353;
    padding: 7px 18px;
}
table.table-bx tr td {
    background: #f7f2f2;
    color: #000;
    padding: 7px 18px;
}

table.content_table tr:nth-child(even) {
    background: #edecec;
}
table.content_table tr:nth-child(odd) {
    background: #939090;
	color: #fff
}
table.content_table tr td {
    padding: 9px 24px;
    font-family: 'Rubik';
    font-size: 15px;
    font-weight: 500;
}
table.content_table tr th {
    text-align: center;
    font-family: 'Rubik';
    color: #fff;
    font-weight: 400;
    padding: 9px 24px;
}
table.content_table tr th p {
    font-weight: 400;
    padding: 0px;
    margin: 0px;
	color: #fff;
}
table.content_table {
    margin: 24px 0;
    border-radius: 6px;
    overflow: hidden;
} 
.our-principal {
    text-align: center;
    background: #f3f3f3;
    padding: 18px;
    border-radius: 4px;
}
.our-principal p {
    text-align: center;
}
.our-principal img {
    width: 100%;
	border-radius:5px
}
.our-principal h3 {
    font-family: 'Rubik';
    font-size: 18px;
    font-weight: 500;
    padding: 28px 0 4px 0;
}
.staff-image img {
    width: 77%;
    margin: auto;
    display: block;
    border: 4px solid #c3cc21;
    border-radius: 3px;
}
table.table-cabinet {
    background: #fff;
    padding: 0px;
    margin: 0px;
}
table.table-cabinet tr th img {
    max-width: 141px;
    width: 100%;
}
table.table-cabinet tr th {
    width: 48%;
    display: block;
    float: left;
    padding: 23px 0;
}
legend {
    padding: 5px;
    width: auto;
}
.uniform-bx div {
    font-size: 18px;
    font-family: 'Rubik';
} 
.uniform-bx {
    display: flex;
    justify-content: space-between;
    border: 1px solid var(--main-color-one);
    padding: 27px;
}
.uniform-bx img {
    width: auto;
} 
.tc-bx {
    display: flex;
    justify-content: center;
    padding: 50px 0;
}
input.tc-input {
    background: #e0e1dd;
    width: 40%;
    height: 39px;
    border-radius: 5px 0 0 5px;
    border: 1px solid #c5c5c5;
    border-right: none;
	padding:0 16px
}
button.btn-tc {
    padding: 0 30px;
    background: #0187cc;
    color: #fff;
    font-family: 'Rubik';
    border-radius: 0 5px 5px 0;
	cursor:pointer;
}

.main-header .header-top .header-info li a img path {
    fill: red !important;
}
.history-img img {
    width: 100%;
	border-radius:5px;
}
.history-img {
    text-align: center;
    margin-bottom: 30px;
}
footer.main-footer.inner-footer{
	background: transparent;
}
footer.main-footer.inner-footer {
    background: transparent;
    min-height: auto;
    margin-top: 0 !important;
}
.row.inner-virtual-tour{
	padding: 20px 0px
}
.row.inner-virtual-tour .virtual-bx img {
    width: 60px;
}
.row.inner-virtual-tour .virtual-bx a {
    font-size: 17px;
    line-height: 20px;
}
.row.inner-virtual-tour .col-6 {
    padding: 15px 8px;
}

.content-box.master-descpt p {
    padding: 0px 0 16px 0;
    font-family: 'Rubik';
    font-size: 15px;
    width: 100%;
	text-align: justify;
}
img.border_co {
    border: 2px solid #fed100;
	margin-bottom:8px;
	max-width:154px;
	border-radius:5px
}
table.attendance-table tr td {
    padding-bottom: 24px;
}



/* accordion css */
/* accordion-1 */
#accordion-1{
  position: relative;
  box-shadow: 0px 1px 7px #DBDBDB;
}

#accordion-1 .head{
  background-color: #FFFFFF;
  color: #563e6e;
  padding: 20px 30px;
  cursor: pointer;
  transition: 0.2s ease;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#accordion-1 .arrow{
  color: #563e6e;
  font-size: 60px;
  transition: 0.25s ease;
  opacity: 0.3;
  transform: rotate(-90deg);
}

#accordion-1 .head:hover .arrow{
  opacity: 1;
}

#accordion-1 .head:hover, #accordion-1 .active{
  background-color: #FFE77AFF;
}

#accordion-1 .arrow-animate{
  transform: rotate(-180deg);
  opacity: 1;
}

#accordion-1 .content{
  background-color: #FFFFFF;
  display: none;
  padding: 20px 30px;
  color: #333333;
}

/* accordion-2 */
.nav-wrap {
  width: 100%;
  margin: 1em auto 0;
}
@media (min-width: 992px) {
  .nav-wrap {
    width: 50%;
  }
}

[hidden] {
  display: none;
  visibility: hidden;
}

.acnav {
  width: 100%;
}
.acnav__list {
  padding: 0;
  margin: 0;
  list-style: none;
}
.acnav__list--level1 {
  border:1px solid #0187cc;
  border-radius:5px
}
.has-children > .acnav__label::before {
  content: "";
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  margin-right: 1em;
  transition: transform 0.3s;
  float:right
}
.has-children.is-open > .acnav__label::before {
  transform: rotate(405deg);
}
.acnav__link, .acnav__label {
  display: block;
  font-size: 1rem;
  padding: 1em;
  margin: 0;
  cursor: pointer;
  color: #fcfcfc;
  background: #0187cc;
  box-shadow: inset 0 -1px #2ba3e1;
  transition: color 0.25s ease-in, background-color 0.25s ease-in;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row-reverse;
}

.acnav__link:focus, .acnav__link:hover, .acnav__label:focus, .acnav__label:hover {
  color: #e3e3e3;
  background: #2d6b7e;
}
.acnav__link--level2, .acnav__label--level2 {
  padding-left: 3em;
  background: #0187cc;
}
.acnav__link--level2:focus, .acnav__link--level2:hover, .acnav__label--level2:focus, .acnav__label--level2:hover {
  background: #0576b1;
}
.acnav__link--level3, .acnav__label--level3 {
  padding-left: 5em;
  background: #296272;
}
ul.acnav__list.acnav__list--level3 li {
    text-align: center;
    border: 1px solid #0187cc;
    margin: 18px 28px;
    padding: 14px 0;
}
ul.acnav__list.acnav__list--level3 li h3 {
    font-size: 18px;
    background: #0187cc;
    display: inline-block;
    padding: 4px 27px;
    color: #fff;
    border-radius: 3px;
    margin-bottom: 17px;
}

.acnav__link--level3:focus, .acnav__link--level3:hover, .acnav__label--level3:focus, .acnav__label--level3:hover {
  background: #255867;
}
.acnav__link--level4, .acnav__label--level4 {
  padding-left: 7em;
  background: #255867;
}
.acnav__link--level4:focus, .acnav__link--level4:hover, .acnav__label--level4:focus, .acnav__label--level4:hover {
  background: #214f5c;
}
.acnav__list--level2, .acnav__list--level3, .acnav__list--level4 {
  display: none;
}
.is-open > .acnav__list--level2, .is-open > .acnav__list--level3, .is-open > .acnav__list--level4 {
  display: block;
}

.topper-table tr td {
    width: 32%;
    display: block;
    float: left;
    height: 260px;
    margin: 16px 0 0px 0;
}
table.topper-table {
    margin: 20px 0 20px 0;
}
.photo_gallery.panel-web {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
	margin-bottom:20px;
}
.class-photos {
    width: 50%;
    text-align: center;
    margin: auto;
    padding: 22px 0 0 0;
}
.class-photos img{
	width:90%;
}
.original_image {
    background: #0187cc;
    display: inline-block;
    padding: 2px 23px;
	margin-top:4px;
}
.original_image a {
    color: #fff;
}/* ---------------- notice board ---------- */
/* Notice Board */
.notice-block-two {
	padding-top: 15px;
}

.NoticeBoard {
	width: 100%;
	padding: 60px 0 0px;
}

.NoticeBoard .container {
	padding: 25px 20px;
	border-radius: 10px;
}

.NoticeBoard h2 {
	color: #F7494B;
	font-size: 55px;
	line-height: 45px;
	margin-bottom: 25px;
}

.NoticeBoard h2 a.view-btn {
	font-size: 16px;
	float: right;
	background: #F7494B;
	padding: 7px 20px;
	border-radius: 5px;
	line-height: 26px;
	color: #fff;
	text-transform: uppercase;
}

.find-txt {
	margin-bottom: 20px;
	font-size: 22px;
	color: #232323;
	line-height: 26px;
}

.NoticeBoard .board-slide.slick-initialized.slick-slider {
	padding-right: 50px;
}

.NoticeBoard .slick-slide {
	background: #fff;
	border-radius: 45px;
	padding: 10px 10px 10px 15px;
	position: relative;
	margin-right: 0px;
	min-height: 130px;
	width: 100% !important
}

.NoticeBoard .count {
	width: 30px;
	height: 30px;
	border-radius: 0%;
	text-align: center;
	line-height: 30px;
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	position: absolute;
	left: 20px;
	top: 37px;
	border-radius: 50%;
	background: #F7494B;
	z-index: 1;
}

.NoticeBoard .NoticeLeft {
	position: relative;
	float: left;
	font-size: 44px;
	text-align: center;
	color: #0187cc;
	line-height: 18px;
	font-weight: 700;
	background: #F6F6F1;
	padding: 15px 20px;
	border-radius: 70px;
	width: 110px;
	height: 110px;
}

.NoticeBoard .NoticeLeft span {
	font-size: 10px;
	color: #646464;
	font-style: italic;
	display: block;
	margin-bottom: 8px;
	font-weight: 400;
}

.NoticeBoard .Noticeright {
	width: calc(100% - 125px);
	float: right;
	font-size: 18px;
	color: #646464;
	line-height: 20px;
	position: relative;
	font-weight: 300;
	padding: 10px 0 10px;
}

.NoticeBoard .Noticeright span {
	background: #F7494B;
	padding: 4px 6px;
	color: #fff;
	font-size: 12px;
	font-weight: 600;
	position: absolute;
	left: 0;
	top: -20px;
	line-height: 12px;
	border-radius: 8px;
}

.NoticeBoard .Noticeright span:before {
	content: '';
	width: 0;
	height: 0;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-top: 7px solid #F7494B;
	position: absolute;
	left: 4px;
	bottom: -5px;
}

.NoticeBoard .month {
	color: #000;
	font-size: 21px;
	font-weight: 300;
	line-height: 46px;
	letter-spacing: 4px
}
.updated {
	color: #000;
	font-size: 12px;
	font-weight: 300;
	font-style: italic
}

.NoticeBoard .NoticeHead {
	color: #0187cc;
	font-size: 14px;
	font-weight: 600;
	line-height: 24px;
}

.NoticeBoard .slick-prev.slick-arrow {
	background: url(../images/preev.html) left top no-repeat;
	width: 42px;
	height: 80px;
	background-size: 100%;
	color: transparent;
	top: auto;
	right: 55px;
	bottom: 20px;
	cursor: pointer;
}

.NoticeBoard .slick-next.slick-arrow {
	background: url(../images/next.html) left top no-repeat;
	width: 42px;
	height: 80px;
	background-size: 100%;
	color: transparent;
	top: auto;
	right: 0;
	bottom: 20px;
	cursor: pointer;
}

.notice .owl-theme .owl-nav .owl-prev {
	border-radius:0px;
	position: absolute;
	top: 50px;
	left: -70px;
	height: 40px;
	line-height: 42px;
	width: 40px;
	background: var(--main-color-one);
	text-align: center;
	border-radius:5px
}

.notice .owl-theme .owl-nav .owl-next {
	border-radius: 0px;
	position: absolute;
	top: 50px;
	right: -70px;
	height: 40px;
	line-height: 42px;
	width: 40px;
	background: var(--main-color-one);
	text-align: center;
	border-radius:5px
}


/* ---------------- notice board end ---------- */

/*** 

====================================================================
                        Contact-page
====================================================================

***/

.contact-info-section {
	position: relative;
	display: block;
	padding:65px 0px
	
}

.contact-info-section .sec-title {
	position: relative;
	display: block;
	margin-bottom: 60px;
}

.contact-info-section .single-info-box .inner-box {
	position: relative;
	display: block;
	background: #fff;
	border-radius: 20px;
	padding: 40px 15px 40px 15px;
	box-shadow: 0 20px 50px rgba(229, 229, 229, 0.8);
}

.contact-info-section .single-info-box .inner-box .icon-box {
	position: relative;
	display: inline-block;
	font-size: 60px;
	line-height: 60px;
	color: #fecc00;
	font-weight: 400;
	margin-bottom: 33px;
}

.contact-info-section .single-info-box:hover .inner-box .icon-box:before {
	transform: rotate(25deg);
}

.contact-info-section .info-column:nth-child(2) .single-info-box .inner-box .icon-box {
	color: #312F2C;
}

.contact-info-section .info-column:last-child .single-info-box .inner-box .icon-box {
	color: #ef7f1a;
}

.contact-info-section .single-info-box .inner-box .icon-box:before {
	position: absolute;
	content: '';
	background: url(../images/icons/icon-3.html);
	width: 65px;
	height: 70px;
	right: -20px;
	top: -10px;
	background-repeat: no-repeat;
	transition: all 500ms ease;
}

.contact-info-section .info-column:nth-child(2) .single-info-box .inner-box .icon-box:before {
	position: absolute;
	content: '';
	background: url(../images/icons/icon-2.html);
	width: 64px;
	height: 70px;
	right: -20px;
	top: -10px;
	background-repeat: no-repeat;
	transition: all 500ms ease;
}

.contact-info-section .info-column:last-child .single-info-box .inner-box .icon-box:before {
	position: absolute;
	content: '';
	background: url(../images/icons/icon-1.html);
	width: 56px;
	height: 71px;
	right: -20px;
	top: -10px;
	background-repeat: no-repeat;
	transition: all 500ms ease;
}

.contact-info-section .single-info-box .inner-box .text {
	position: relative;
	display: block;
	font-size: 16px;
	line-height: 26px;
	color: #312F2C;
	font-weight: 500;
	font-family: 'Rubik';
}

.contact-info-section .single-info-box .inner-box .text a {
	position: relative;
	display: inline-block;
	font-size: 16px;
	line-height: 26px;
	color: #312F2C;
	font-weight: 500;
}

.contact-info-section .single-info-box .inner-box .text a:hover {
	color: #ef7f1a;
}

.contact-info-section .single-info-box .inner-box h3 {
	margin-bottom: 15px;
	font-size: 22px;
    text-transform: uppercase;
	color:#312F2C;
	font-family: 'Rubik';
    font-weight: 600;
}
p.school-timing {
    font-family: 'Rubik';
    padding: 39px 0 0 0;
    font-size: 17px;
    line-height: 37px;
}
/** contact-form-section **/

.contact-form-section {
	position: relative;
	display: block;
	background: #f6f6f1;
	padding:65px 0px
}

.contact-form-section .sec-title {
	position: relative;
	display: block;
	margin-bottom: 40px;
}

.contact-form-section .contact-form .form-group {
	position: relative;
	display: block;
	margin-bottom: 20px;
}

.contact-form-section .contact-form .form-group:last-child {
	margin-bottom: 0px;
}

.contact-form-section .contact-form .form-group input[type='text'],
.contact-form-section .contact-form .form-group input[type='email'],
.contact-form-section .contact-form .form-group textarea {
	position: relative;
	display: block;
	width: 100%;
	height: 60px;
	background: #fff;
	border: 3px solid #fff;
	border-radius: 20px;
	padding: 10px 20px;
	font-size: 15px;
	color: #312F2C;
	transition: all 500ms ease;
	font-family:'Rubik'
}

.contact-form-section .contact-form .form-group textarea {
	height: 170px;
	resize: none;
	margin-bottom: 30px;
}

.contact-form-section .contact-form .form-group input:focus,
.contact-form-section .contact-form .form-group textarea:focus {
	border-color: #0187cc;
}

.contact-form-section .contact-form .form-group input::-webkit-input-placeholder,
.contact-form-section .contact-form .form-group textarea::-webkit-input-placeholder {
	color: #312F2C;
}
.event-box {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 20px;
}
.event-box h1 {
    font-size: 27px;
    font-weight: 600;
    padding: 11px 0 5px 0;
}
.annoucements p {
    font-family: Ubuntu;
}

 .play-btn-video {
    position: absolute;
    width: 50px;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%) !important;
    width: 50px !important;
	cursor: pointer;
}