/* 
    Theme Name: Enfold Child 
    Description: Enfold Child 
    Theme Author: Prasad Sanjeewa
    Template: enfold
    Version: 1.0.0 
    Text Domain: enfold-child 
    */

body h1, body h2, body h3,body h5,body h6, body .av-special-heading-tag {
	text-transform:inherit !important;
	font-weight: 600 !important;
	letter-spacing:0 !important;
}
body .special_amp{
    font-style: inherit;
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
}
.fw-400{
	font-weight:400 !important;
}
@media screen and (max-width:991px){
	.hide-m{
		display:none;
	}
}

.btn-group-box{
	display: flex;
    justify-content: center;
    column-gap: 30px;
}

.btn{
	background:#21332D;
	border:1px solid #21332D !important;
	font-weight: 500;
	font-size: 14px;
	color:#fff !important;
	text-align:center;
	display:inline-block;
	border-radius: 8px;
	height:46px;
	line-height:46px;
	text-decoration:none !important;
	margin:0;
	padding:0 32px;
}
.btn:hover{
	text-decoration:none;	
}
.btn-outline{
	background:#A5B8B1 !important;
	color:#21332D !important;
}
ul#loginSubMenu { position: fixed; top: 0; left: 0; right: 0;  bottom: 0; width: 100%; display: flex !important; align-items: center; justify-content: center; background: rgba(0, 0, 0, 0.5); }
#loginSubMenu form { background: #fff; width: 30%; padding: 15px !important;  border-radius: 8px; position:relative; }
.close_icon { 
    position: absolute;
    top: -10px;
    right: -10px;
    background: #000;
    width: 24px;
    height: 24px;
    border-radius: 50px;
    text-align: center;
    line-height: 24px;
    color: #fff;
    cursor: pointer;}

/*****************************************
 Header CSS
 * **************************************/
.inner-header {font-size:14px; font-weight: 500; padding:0; line-height: normal;color: #21332d;}

#top #header .av-main-nav > li > a , .btn-free a{font-size:14px; font-weight: 500; padding:0; }
#top #header .avia_mega_div > .sub-menu > li > ul li { font-size: 18px; color: #21332D;}
#top #header .mega_menu_title a { font-size: 24px; margin-bottom: 25px; }

#inner-header .avia_textblock  p, #inner-header .avia_textblock  a { margin:0 !important; }
#inner-header { padding:46px 0; }
#inner-header .container { padding-top:0 !important; }

#header_main .main_menu { top:12px; }
#header_main  .logo { position:static; }
#header_main .container, .main_menu ul:first-child > li a {  height: 70px !important; line-height: initial !important; }

.av_minimal_header #header_main, .av_minimal_header #header_meta { padding: 46px 0;}
.html_header_top.html_header_sticky #main { padding-top: 140px;}
#top .av_header_with_border.av_header_transparency #header_main { border:none !important; }
#top #header .av-main-nav > li { margin-left: 104px; }

/*****************************************
 Footer CSS
 * **************************************/
#footer { border-color: #21332d !important; padding: 96px 0 96px 0; }
#footer .widget { margin: 0; }
#socket .container { padding-top: 24px; padding-bottom: 24px;}

#footer .avia-button { font-size: 14px; font-weight: 500;  line-height: 17px;  letter-spacing: 0em;  text-align: center; margin-top: 30px; }

footer#socket {
	background-color:#21332D;
	border-color: #ffffff;
}
footer#socket .copyright{
	font-size:14px;
}
#top #footer ul li{
	font-size:14px;
}
#top #footer ul li a {
    display: block;
    padding-bottom: 22px;
    text-decoration: none;
	font-weight: 400;
	font-size: 14px;
}
#top #footer ul li a:hover {
	opacity:0.8;
}
#top #footer .widgettitle{
	text-transform: capitalize;
	margin-bottom: 30px;
	margin-top: 0;
	font-size: 20px;
    font-weight: 600 !important;
}
.social a{
	margin-right:15px;
	text-decoration: none;
}

@media screen and (max-width:767px){
	.btn { padding: 0 20px; }
	#footer{
		padding-top:30px;
	}
	#footer .widget{
	    margin: 0;
	}
	#footer #text-6{
		margin-top:20px;
		text-align: center;
	}
	#top #footer ul li, #top #footer .widgettitle, .social{
		 text-align: center;
	}
	footer#socket .copyright{
		width: 100%;
		text-align: center;
	}
}


/*****************************************
 Home CSS
 * **************************************/
.hero-box{
	text-align:center
}
.hero-box h1{
	font-size:40px;
	color:#FFF;
	line-height: 1.2;
	margin-bottom: 30px;
	font-weight:700 !important;
}
.hero-box h2{
	font-size:24px;
	font-weight:400 !important;
	color:#FFF;
	line-height: 1.4;
	margin-bottom:60px;
}

.avia-section-large .content{
    padding-top: 192px;
    padding-bottom: 192px;
}
.entry-content-wrapper .list01 li{
	padding: 1px 0;
}
.buttons-group{
	 display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    justify-content: center;
    margin-bottom: 110px;
    column-gap: 30px;
}
.btn-green{
	height: 46px;
    background: #41665A;
    display: flex;
    align-items: center;
    color: #FFF !important;
    min-width: 194px;
    text-align: center;
    justify-content: center;
    border-radius: 8px;
    align-self: flex-start;
    text-decoration: none;
    font-size: 14px;
    position: relative;
}
.btn-green img{
	display:block;
}
.btn-green:before{
	content:"";
	width: 0;
    height: 0;
   	border-top: 8px solid transparent;
   	border-left: 16px solid #FFF;
   	border-bottom: 8px solid transparent;
	Position:relative;
	margin-right:10px;
}

#banner { position:relative; }
#banner:before { content:""; background:url(https://owlwise.beta1.projectbeta.biz/wp-content/uploads/2022/08/BannerRight.png) no-repeat;  width:396px; height:304px; position:absolute; right:0; top:200px; background-size: 100%; } 
#banner:after { content:""; background:url(https://owlwise.beta1.projectbeta.biz/wp-content/uploads/2022/08/BannerLeft.png) no-repeat;  width:317px; height:385px; position:absolute; left:0; bottom:0px; background-size: 100%; } 

.hr-border { opacity: 1; max-width: 650px; margin: 0px auto 96px auto; border-color: #21332D; }
#pb-200 { padding-bottom:250px !important; }
.explore-title {
   text-align: center;
    padding-bottom: 48px;
    text-transform: uppercase;
    font-size: 24px;
    color: #21332D !important;
    font-weight:500;
}
.explore-title a { color:#1A8CFF !important; }
@media screen and (max-width:991px){
	.list01{
		margin-left: 30px;
	}
}
@media screen and (max-width:767px){
	.buttons-group{
	   row-gap: 10px;
	   flex-direction: column;
	}
	.btn-green{
		margin:0 auto 10px auto;
	}
	
}
@media screen and (max-width:768px){
	#banner:after, #banner:before { content:none; } 
	.avia-section-large .content {  padding-top: 70px !important; padding-bottom:70px !important;}
	#pb-200 { padding-bottom:70px !important; }
	.buttons-group { margin-bottom: 70px; }
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
	#banner:after, #banner:before { content:none; } 
}
#top #two-col-section{
	margin-bottom:96px;
}
#top #two-col-section .container{
	 max-width: 1026px;
}
#top #two-col-section .av-flex-placeholder{
	width: 9%;
}

.sm-link{
	font-size:12px;
	color:#41665A;
	text-transform:uppercase;
	margin:0;
}
.sm-link a{
	text-decoration:none !important;
	color:#41665A !important;
	font-size:10px !important;
	font-weight:700 !important;
	text-transform: capitalize;
}
.list01-small{
	margin-left: 36px;
	margin-bottom:80px;
}
/*Overall School Landing start*/
.py-100 { padding:100px 0; }
.pb-0 { padding-bottom:0; }

.top-banner .avia-image-container.avia-align-right { margin-left:0 !important; }
.section .container, .top-banner .container { max-width:1300px; }
.top-banner .content, .sidebar { padding-top:0 !important; }
.top-banner { height: calc(100vh - 172px); }
.top-banner .av-section-color-overlay-wrap { height: calc(100vh - 172px); }

.hero-banner { max-width: 540px; padding:50px 0;}
.hero-banner h1 { font-size: 40px; line-height: 1.2; color: #333020; max-width: 442px; font-weight: 700 !important; }
.hero-banner p { color:#333020; font-size:24px; line-height: 1.5; margin: 30px 0; }
.hero-banner .btn-group-box { justify-content: flex-start; }
.btn-black { background: #333020; color: #fff !important; text-decoration:none !important; }
.btn-white-outline { border: 1px solid #333020 !important;  text-decoration: none !important;  background: #fff;  color: #333020 !important; }
#container800 .entry-content-wrapper { max-width:800px; margin:auto; }
.content-text { text-align: center; color: #333020 !important; max-width: 600px;  margin: auto;  font-size: 18px;  line-height: 1.5; }	
.content-text p { text-align: center; color: #333020 !important; max-width: 600px;  margin: auto;  font-size: 18px;  line-height: 1.5; }	
#benefits { padding:96px 0; }
#benefits .container { max-width:650px; }
#benefits h3 { text-transform: uppercase !important; font-weight: 500 !important; }
#section890 .container { max-width:890px; }
#section890 .content, .sidebar { padding-top: 90px ; padding-bottom: 90px; }
.pb-100 { padding-bottom:100px; }
.mt-15 { margin-top:40px; }
.btn-dark { background:#333020; border:none !important; color:#fff !important; text-decoration:none !important;  }
.demo-info { text-align:center; max-width: 600px; margin: auto; }
.demo-info h3 { font-size:40px; line-height: 1.3; font-weight: 700 !important; }
.demo-info p { font-size:24px; font-weight: 400 !important; }
.btn:hover { opacity: 0.8; }
h2 { line-height:1.5; }
#section .avia-image-container.avia-align-right { margin-left:0 !important; }
#section h3.av-special-heading-tag { line-height:1.5; }
.student-outperform { text-align: center; font-size: 18px;   font-weight: 400;   max-width: 600px;   margin: 96px auto 0 auto; }
.content-text-box { font-style:italic; max-height:600px; margin-left:auto; margin-right:auto; border: 1px solid #333020; border-radius: 24px; text-align:center; padding:40px 100px; box-shadow: 8px 8px 0px 0px rgba(51,48,32,1); -webkit-box-shadow: 8px 8px 0px 0px rgba(51,48,32,1); -moz-box-shadow: 8px 8px 0px 0px rgba(51,48,32,1); text-transform: capitalize; }
.mb-100 { margin-bottom:100px; }
.mt-10 { margin-top:10px; }
.my-100 { margin:100px 0; }

#testimonials-info .container { max-width:1070px; margin-left:auto; margin-right:auto; border: 1px solid #333020; border-radius: 24px; text-align:center;  box-shadow: 8px 8px 0px 0px rgba(51,48,32,1); -webkit-box-shadow: 8px 8px 0px 0px rgba(51,48,32,1); -moz-box-shadow: 8px 8px 0px 0px rgba(51,48,32,1);  text-align:center; font-size:18px; color:#333020; }
#testimonials-info .avia-testimonial-meta-mini { text-align:center !important; }
#testimonials-info h2 { font-size:24px; color:#333020; }
#testimonials-info p { font-size:18px; color:#333020 !important; padding: 0; line-height: 1.5; }
.testimonials-name { line-height: 1.2; }
#testimonials-info .avia-testimonial-name  { font-size:18px; color:#333020 !important; text-transform: uppercase; }
#testimonials-info em { font-size:14px; color:#333020; !important; }
#testimonials-info .board { color:#333020; !important; }

.btn-try .avia-menu-text, .btn-free a { background: #21332D; border-radius: 8px; color:#fff !important;  padding: 15px 32px; }
.main-menu-contact-info { margin-top: -10px }
.login-btn .avia-menu-text { background: #fff; border-radius: 8px; color:#21332D !important;  padding: 15px 32px; border: 1px solid #21332D; }
.avia_mega_div:after { -webkit-box-shadow: 1px 17px 21px -7px rgba(0,0,0,0.45);
-moz-box-shadow: 1px 17px 21px -7px rgba(0,0,0,0.45);
box-shadow: 1px 17px 21px -7px rgba(0,0,0,0.45); }

#top .av-large-testimonial-slider .avia-slideshow-arrows a { opacity:1; }
#top .av-large-testimonial-slider .avia-slideshow-arrows .next-slide:before { background-image:url( https://owlwise.beta1.projectbeta.biz/wp-content/uploads/2022/07/arrow-right.png ); background-repeat:no-repeat; background-position: 20px 20px; font-size: 0; }
#top .av-large-testimonial-slider .avia-slideshow-arrows .prev-slide:before { background-image:url( https://owlwise.beta1.projectbeta.biz/wp-content/uploads/2022/07/arrow-left.png ); background-repeat:no-repeat; background-position: 20px 20px; font-size: 0; }

@media screen and (max-width:768px){
	.avia-image-container.avia-align-right {  float: inherit; }
	.content-text-box { padding:20px; }
	.demo-info h3 { font-size:26px; }
	.hero-banner h1 { font-size:28px;  }
	.testimonials-info { padding:20px; }
	.testimonials-info p { padding:20px 0; }
	#inner-header .av_one_half  { width: 50% !important; }
	.responsive #top .av-large-testimonial-slider.avia-testimonial-wrapper .avia-testimonial { padding:0 50px !important; }
	.btn-try .avia-menu-text, .login-btn .avia-menu-text { padding: 10px; font-size: 12px;}
} 
@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.btn { font-size:13px;}
	#top-banner .container { padding-top:0 !important; }
	#section .avia-image-container.avia-align-right { margin-left:15px !important; }
	.btn { padding: 0 20px; }
	#inner-header .av_one_half  { width: 46% !important; }
	#testimonials-info .container { max-width: 700px; }
	
}
@media only screen and (min-width: 992px) and (max-width: 1024px) {
	#top #header .av-main-nav > li { margin-left: 50px; }
}
@media only screen and (max-width: 991px) {
	#top #header .av-main-nav > li { margin-left: 35px; }
}
/*Overall School Landing end*/

/*Mobile Menu Start*/
@media screen and (max-width:767px){
	.av_minimal_header #header_main, .av_minimal_header #header_meta{
		padding: 0;
	}
	#top #header .av-main-nav > li{
		margin-left: 10px !important;
	}
	#top #header .av-main-nav > li > a{
		height:80px !important;
		line-height:80px !important;
	}
	body #header_main .container, .main_menu ul:first-child > li a {
    	height: auto !important;
	}
	.close_icon{
		display:none;
	}
	.av-burger-overlay-active-delayed, .av-burger-overlay-active-delayed body{
		overflow:hidden !important;
	}
	.av-main-nav {
		position: relative !important;
	}
}
/*Mobile Menu End*/
.dark-green { background: #2D3321; }


/* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
  font-size: 2rem;	
  visibility: hidden;
  width: 250px;
  color: black;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
 
  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 9999;
  bottom: 80%;
  left: 50%;
  margin-left: -125px; /* Use half of the width (120/2 = 60), to center the tooltip */	
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
}