/*
Theme Name: School Pro
Theme URI: http://wordpress.org
Author: Our Team
Author URI: http://wordpress.org/
Description: This theme for WordPress takes us back to the blog, featuring a full range of post formats, each displayed beautifully in their own unique way. Design details abound, starting with a vibrant color scheme and matching header images, beautiful typography and icons, and a flexible layout that looks great on any device, big or small.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, flexible-width, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready
Text Domain: mycustomtheme
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
/*-----------------------------General Reset----------------------------- */
/* General Reset */
li, a {
  list-style: none;
  text-decoration: none;
}
a:hover{
text-decoration: none;
}
p {
margin: 0;
padding: 0;
font-family: 'Poppins', sans-serif;
font-size: 16px;
}
/* Typography Settings */
body {
  font-size: 16px;
  line-height: 1.5;
  color: #303030;
font-family: 'Poppins', sans-serif;

}

h1, h2, h3, .pagetitle, .navbar-brand {
font-family: 'Poppins', sans-serif;
  color: #1D4389;
}

/* Buttons */
.btn-primary, .btn-secondary, .btn-home {
  transition: background-color 0.3s ease, color 0.3s ease;
}




.button, .cta {
font-family: 'Poppins', sans-serif;
}
/*-----------------------------GENERAL STYLING STARTS----------------------------- */

/* variables */
:root {
    --main-color: white;      /* Main color for the front page */
    --light-color: aliceblue; /* Light color for other pages */
}
.page-wrap{
height: 100%;
}
.content {
min-height: 300px;
margin-top: 100px;
margin-bottom: 100px;
}
.wrap{
overflow-x: hidden;
}
body{
overflow-x: hidden;
font-size: 16px;
line-height: 36px;
}
.btn-home:hover{
background-color: #fe9721;
}
.fa:hover {
transition: opacity .3s, transform .3s;
transform: scale(1.5);
opacity: .5;
}    
.pagetitle{
font-size: 50px;
font-weight: bold;
}

/*-----------------------------GENERAL STYLING ENDS----------------------------- */
/*-----------------------------HEADER STARTS----------------------------- */
.menubar{

}
.carousel{

}
.rightgo{
text-align: end;
}
header .top-bar{
display: flex;
justify-content: center;
height: auto;
align-items: center;
}
header .top-bar li a {
padding: 10px;
}
header .top-bar li .sub-menu {
display: none;
}
header .top-bar .menu-item-has-children:hover .sub-menu {
display:  block;
}
.top-bar .row {
margin: 8px 0px;
}
header .menubox{
text-align: center;
}
.top-bar, .socialmenu{
background: #1D4389;
color: white;
}
.navbar-brand{  
font-size: 30px;
font-weight: 600;
}

ul#menu-primary-navigation li {
text-transform: capitalize;
}
ul#menu-primary-navigation li a {
color: #303030;
padding: 0px 5px;
line-height: 50px;
}
ul#menu-primary-navigation > li:last-child a{
color: #ffffff;
background-color: #0000fe;
border-radius: 5px;
	    padding: 5px 25px;
}
/* Navigation Bar */
.navbar {
  padding: 10px;
}
.navbar-brand, .navbar-brand a {
color: black;
}
/*-----------------------------HEADER ENDS----------------------------- */
/*-----------------------------SLIDER STARTS----------------------------- */
.banner{
background-color: antiquewhite;
}
/*-----------------------------SLIDER ENDS----------------------------- */
/*-----------------------------BODY STARTS----------------------------- */
.maincaption{
font-family: 'Poppins', sans-serif;
font-size: 46px;
font-weight: 600;
}
.boldcounter{
font-size: 40px;
}
.page-wrap{
height: 100%;
}
.content {
min-height: 300px;
margin-top: 100px;
margin-bottom: 100px;
}
.container1{
display: flex;
height: 60px;
background-color: #161C27;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
}
/*-----------------------------BODY ENDS----------------------------- */
/*-----------------------------ABOUT SECTION STARTS----------------------------- */
.about{
padding-top: 100px;
	height: 700px;
}
.aboutcontainer{
	background: #ffe494;
	position: relative;
}
.aboutbox{
	
margin-left: 100px;
}
.bigheads{
font-size: 67.77px;
font-weight: 500;
}
.subheads{
font-size: 41.89px;
color:#EDB74A;
}
h2{
font-size: 41.89px;
}
h1{font-size: 25.89px;
}
.footerbar h1 {
margin-bottom: 16px;
color:white;
}
.deep{
color: #1D4389;
}
/*-----------------------------ABOUT SECTION ENDS----------------------------- */
/*-----------------------------SERVICES SECTION STARTS----------------------------- */
.swiper {
width: 100%;
}
.swiper-button-prev::after, .swiper-button-next::after {
color: white;
font-size: initial!important;
}
.services {
text-align: center;
border-radius: 10px 10px 0 0;
}
.servicerow{
justify-content: center;
text-align: center;
}
.card{
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.card-img {
max-width: 100%;
max-height: 100%;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
position: relative;
}
.tags{
background-color: red;
color: white;
position: absolute;
bottom: 20px;
border-radius: 30px;
margin: auto;
padding: 5px 15px;
margin-left: 10px;
}
.cards-wrapper {
display: flex;
justify-content: center;
}
.servicebox{
padding: 20px;
border: solid 1px #eeeeee;
border-radius: 5px;
text-align: center;
}
.btn-secondary {
background-color: white; 
border-color: #6c757d;
padding: 10px 15px;
background-color: #1D4389;
}
.btn-secondary:hover {
color:  #1D4389;
background-color: white; 
}
.servicetitle{
font-size: 20px;
margin-top: 20px;
color: #1D4389;
font-weight: bold;

}
/*-----------------------------SERVICES SECTION ENDS----------------------------- */
/*-----------------------------COUNTER SECTION STARTS----------------------------- */
.databox{
display: flex;
align-items: center;
text-align: center;
border: #6c757d;
height: 150px;
box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
z-index: 9999;
}
/*-----------------------------COUNTER SECTION ENDS----------------------------- */
/*-----------------------------FOOTER STARTS----------------------------- */
.footer-bottom{
height: 50px;
display: flex;
align-items: center;
}
.footerbar{
background: #0000fe;
color: white;
padding-top: 50px;
background-image: url('http://localhost/kells/wp-content/uploads/2022/12/world-map-footer.png');
background-repeat: no-repeat;
background-size: contain;
/* margin-top: 50px; */
background-blend-mode: color-burn;
}
.footerbar ul li a, .footer-bottom{
color: white!important;
}
.foot-right{
text-align: right;
}
li.widget {
list-style-type: none;
}
.footerbar ul li a{
color: white;
}
.footer-bottom{
background: #000000;
}
.footerbar ul li:not(:last-child) {
padding-bottom: 16px;
}
li.widget {
list-style-type: none;
}
.footerbar ul li {
list-style-type: none;
}
.footerbar h5 {
margin-bottom: 30px;
}
ul{
padding-left: 0px;
}
.carousel-caption p{
font-size: 60px;
margin-top: 10px;
margin-bottom: 30px;
line-height: 80px;
width: 60%;
}
.headimg{
    background: var(--light-color);
padding: 6% 0;
display: flex;
align-items: center;
justify-content: center;
/* margin-bottom:100px; */
}
.callbox{
position: fixed;
bottom: 100px;
right: 50px;
display: flex;
flex-direction: column;
}
.wabox{
margin-bottom:10px;
}
.form8box {
display: flex;
align-items: center;
border-radius: 5px;
margin: 60px auto;
}
.form8box .fa-solid, .form8box .fa-regular {
font-size: 18px;
margin: 0 15px;
}
.form-control{
height:50px;
border: 1px solid #c3daff;
}
.cform8 {
background-color: aliceblue;
padding: 42px;
border-radius: 5px;
text-align: center;
}
.whybox{
background-color:#D1D1E1;
padding: 50px;
text-align:justify;
}
.testimonials{
padding-top:50px;
text-align: center;
border-radius: 0 0 10px 10px;
}
.whybox li {
list-style-type: disc;
}
.testimg img{
border-radius:50%;
}
/* scroll to top butoon */
#myBtn {
display: none;
position: fixed;
bottom: 20px;
right: 50px;
z-index: 99;
font-size: 18px;
border: none;
outline: none;
background-color: #b8c0c8;
color: white;
cursor: pointer;
padding: 10px;
height: 50px;
width: 50px;
    border-radius: 10px;
}
#myBtn:hover {
background-color: #1D4389;
}
/* scroll to top button */
#swiper3 .trans {
border-right: none;
}
.page-id-14 p {
color: red;
}
.jst{
text-align:justify;
}
.itl{
font-style: italic;
}
.testbold {
font-style: bold;
}
.bluehead{
color:white;
}
.testimonials{
position:relative;
}
.q1{
position:absolute;
bottom:50px;
right:50px;
opacity:0.1;
}
.q2{
position:absolute;
top:50px;
left:50px;
opacity:0.1;
}
/*-----------------------------FOOTER ENDS----------------------------- */
.container {
max-width: 85% !important;
}


.servicesarea{
background-color: yellow;
;
}
/* drop down show */
.dropdown-menu {
margin-top: 0;
}
.navbar .nav > .nav-item:not(:last-child){
margin-right: 35px;
}
.trans{
background-color: transparent;
border: 0;
border-right: solid 1px cadetblue;
border-radius:0;
}
.services{
color: #1D4389!important;
padding-top: 50px;
}
.services heading{
margin-top: 10px;
}
.footerbar{
position: relative;
}
.applybox{
border: solid 1px rgb(222, 222, 222);
margin: 50px 0px;
}
.applyboxcontent{
text-align: center;
display: flex;
align-items: center;
padding: 0px 50px;
}
.btn-primary{
padding: 20px 30px;
}
.btn-primary2{
padding: 10px 15px;
}
.mainhead{
font-size: 20px;
}
.boldhead{
font-size: 60px;
font-weight: 600;
}
.carousel-caption {
position: absolute;
top: 50px;
left: 8%;
}

.courses{
text-align: center;
padding-top: 50px;
	    height: 800px;

}
.hr2 {
border: 0;
height: 0.1px;
background-image: linear-gradient(to right, rgba(159, 159, 159, 0), rgba(9, 84, 132), rgba(159, 159, 159, 0));
margin: 50px 0px ;
}
.greytxt{
color: #4d5765;
}
.dropdown-menu{
top: 0;
display: block;
visibility: hidden;
opacity: 0;
}
.dropdown-menu.show{
transition: top 2s;
top: 100%;
visibility: visible;
opacity: 1;
}
.card-img, .card-img-top{
	border-top-left-radius:10px;
	border-top-right-radius:10px;
}
.carousel-caption{
	text-align:left;
}
.btn-primary{
background-color: red;
border-radius: 5px;
	border:none;
0}
ul#menu-primary-navigation > li:last-child a:hover, .btn-primary:hover{
	background-color:white;
color: #1D4389;
    border-color: #0062cc;

}
.carousel-control-next, .carousel-control-prev {
width: 6%;
}

.carousel-caption p, .carousel-caption h5 {
font-weight: bold;
	color:black;
}
.mobblock {
    display: contents;
}
/* Circle Video Styling */
.video-circle {
  width: 400px;         /* Adjust as needed */
  height: 400px;        /* Adjust as needed */
  border-radius: 50%;   /* Makes it a circle */
  overflow: hidden;
  position: relative;
}

.video-circle video {
  width: 100%;
  height: 100%;
  object-fit: cover;     /* Ensures the video fills the circle */
}
.smalltext{
	font-size:small!important;
	font-weight: normal!important;
}
.slidersmalltext{
		margin:0px;
			line-height: 32px!important;
	color:grey!important;

	}
.sliderbigtext{
	color: #0000fe !important
}
   .mobilextramenu {
        display: none; /* Hide on larger screens */
    }

p.sliderbigtext{
    font-family: 'Poppins', sans-serif;


  font-weight: 700; /* Adjust weight as needed */
    font-size: 3.8rem; /* Customize size */
}
.slidersmalltext{
	    font-family: 'Poppins', sans-serif;
	margin-bottom:30px;

}

/*-----------------------------MOBILE ONLY CSS STARTS----------------------------- */
@media (max-width: 767px) {

	
	.mobblock {
    display: flex;
    align-items: center;
		margin:inherit;
}
.container {
max-width: 100% !important;
}
	.pagetitle {
		font-size: 25px;
	}
.form8box {
display: block!important;
	}
	
	.navbar-toggler {
color: #afd54e;
border: 1px solid #6c757d;
}
.col-lg-12.noborder{
padding-left: 15px;
}
p{
justify-content: center;
}
body{
overflow-x: hidden;
}
.banner{
text-align: center;
}
.container1{
justify-content: center;
}
.aboutbox {
margin-left: 0px;
text-align: center;
}
.btn-home1 {
background: black;
color: white;
width: 50%;
margin-right: 10px;
}
.btn-home1:hover{
background-color: #fe9721;
}
	
	.carousel-caption{
text-align: left;
top: 10%;
transform: translateY(-10%);
}
.carousel-caption p {
font-size: 20px;
line-height: 20px;
	padding-top:0;
	text-align:left;
/* margin: 35px 0;
	 */
}
	
.carousel-caption h5 {
font-size: 12px;
}
	.btn-primary {
    padding: 5px 10px;
}
	
	.carousel-indicators li{
		width:10px;
z-index: -100;
	}
	.about{
		margin-top:0;
		        padding-bottom: 75px;
		
	}
	.bigheads {
		font-size: 10vw;
	}
	.subheads {
		font-size: 7vw;
	}
	.databox h3{
		font-size:15px;
	}
	.footer-bottom {
		height: auto;
	}
	.top-bar p {
    font-size: 10px;
				text-align:center;
		    line-height: 24px;

}
	.footer-bottom p{
				text-align:left;
    font-size: 12px;
		    line-height: 16px;


	}
	
	

	
.dropdown-menu{
/* top: 0; */
display: none;
visibility: hidden;
opacity: 0;
border: 0;
}
.dropdown-menu.show{
transition: top 1s;
top: 100%;
visibility: visible;
opacity: 1;
display: block;
}
ul#menu-primary-navigation li {
float: none;
}
.btn-primary:hover{
background-color: #ffffff;
color: #0F1B31;
}
.carousel-control-next, .carousel-control-prev {
width: 6%;
}

#happyforms-form-91 {
background-color: aliceblue;
padding: 75px;
border: solid 1px #1D4389;
border-radius:5px
}
.databox{
display: flex;
align-items: center;
text-align: center;
border: #6c757d;
height: 150px;
box-shadow: rgb(0 0 0 / 16%) 0px 10px 36px 0px, rgb(0 0 0 / 6%) 0px 0px 0px 1px;
z-index: 9999;
}
ul#menu-primary-navigation > li:last-child a:hover {
color: #1D4389;
background-color: aliceblue;
border-radius: 5px;
    border-color: #0062cc;
}
	#myBtn, .callbox {

    right: 20px;
	}
	
	.video-circle {
    width: 250px;
		height: 250px; 
	}
	
	.aboutcontainer {
  
    height: 1000px;
	
}
	
	  .video-circle {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center; /* Backup if needed */
    margin: 0 auto;
		  margin-bottom:50px;
  }
	
	
	.carousel {
    height: 200px;
}
	.slidersmalltext{
		margin:0px;

		line-height:20px!important;
	}
	.carousel-inner {
    position: relative;
    width: 100%;
    overflow: visible;
}
	  .mobilextramenu {
        display: block;
        z-index: 999 !important;
        margin-bottom: 50px;
    }
	p.sliderbigtext {
 
    font-size: smaller;
}
	.slidersmalltext{
		display:none;
	}
	.wave-container-flip {
  
    top: -25px;
}
}/*-----------------------------MOBILE ONLY CSS ENDS----------------------------- */

/* responsive */
@media (min-width: 992px) and (max-width: 1400px) {
.navbar .nav > .nav-item:not(:last-child) {
margin-right: 0px;
}
	   .mobilextramenu {
    }
}

@media (max-width: 990px) {
.navbar-brand img{
max-width: 125px; 
}
.navbar .nav > .nav-item:not(:last-child) {
margin-right: 0px;
}
	   .mobilextramenu {
    }
}

@media (max-width: 1200px) {
.navbar-brand img{
max-width: 100px;
}
	ul#menu-primary-navigation li a{
		font-size: small;
	}
	.carousel-caption p {
 font-size: 1rem;
    margin-top: 10px;
    line-height: 20px;
}
}
.sitelogo {
    font-size: 30px;
    font-weight: 600;
    color: #133620;
}
.sitecaption {
    font-size: 16px;
}
.logotext {
    display: flex;
    align-items: center;
}
.carousel{
	position: relative;
}
.cloud{
	position: absolute;
    bottom: -1px;
	    z-index: 999;
}
.headimg {
	position: relative;
}
.cloudflip{
position: absolute;
bottom: -79px;
    transform: scaleY(-1);
}

.menubar {
  
    padding-top: 30px;
}




	   

	  .menu55 {
    margin-right: 0;
    margin-left: auto;
}
.coursearea {
    background-color: rgb(214,241,229);
}

/*  test*/

.wave-container {  
/*   height: 40vh; */
  background-color: rgba(255, 255, 255, 0);
  position: relative;
}

.wave-container::before {   
  content: "";
  width: 100%;
  height: 130px;
  position: absolute;
  bottom: -0.3%;
  left: 0;
  background-size: auto;
  background-repeat: repeat no-repeat;
  background-position: 20vw bottom;
  background-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 1200 134' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M0 0C22.4434 -1 28.9842 2 55 24C94.1849 54 121.997 57 158.5 58C198.5 60 200 44 240 52C280 59 320 89 360 89C400 89 440 59 480 54C520 49 560 69 600 84C640 99 680 109 720 114C760 119 800 119 840 104C880 89 920 59 960 62C1000 64 1040 99 1080 94C1120 89 1127.5 59 1147.5 37C1171.48 11 1185.65 0 1200 0V134H1180C1160 134 1120 134 1080 134C1040 134 1000 134 960 134C920 134 880 134 840 134C800 134 760 134 720 134C680 134 640 134 600 134C560 134 520 134 480 134C440 134 400 134 360 134C320 134 280 134 240 134C200 134 160 134 120 134C80 134 40 134 20 134H0V0.0103865Z' fill='rgb(255, 228, 148)'/></svg>");
}

@media(max-width:850px) {
  .wave-container::before {    
    height: 65px
  }  
	   .mobilextramenu {
    }
}





/*  2*/

.coursearea{
	position:relative;
}
.wave-container2 {  
/*   height: 40vh; */
  background-color: rgba(255, 255, 255, 0);
  position: relative;
}

.wave-container2::before {   
  content: "";
  width: 100%;
  height: 130px;
  position: absolute;
  bottom: -0.3%;
  left: 0;
  background-size: auto;
  background-repeat: repeat no-repeat;
  background-position: 20vw bottom;
  background-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 1200 134' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M0 0C22.4434 -1 28.9842 2 55 24C94.1849 54 121.997 57 158.5 58C198.5 60 200 44 240 52C280 59 320 89 360 89C400 89 440 59 480 54C520 49 560 69 600 84C640 99 680 109 720 114C760 119 800 119 840 104C880 89 920 59 960 62C1000 64 1040 99 1080 94C1120 89 1127.5 59 1147.5 37C1171.48 11 1185.65 0 1200 0V134H1180C1160 134 1120 134 1080 134C1040 134 1000 134 960 134C920 134 880 134 840 134C800 134 760 134 720 134C680 134 640 134 600 134C560 134 520 134 480 134C440 134 400 134 360 134C320 134 280 134 240 134C200 134 160 134 120 134C80 134 40 134 20 134H0V0.0103865Z' fill='rgb(214,241,229)'/></svg>");
}

@media(max-width:850px) {
  .wave-container2::before {    
    height: 65px
  }  
	   .mobilextramenu {
    }
}







.servicesarea{
	position:relative;
}
.wave-container3 {  
/*   height: 40vh; */
  background-color: RGB: (255, 255, 0);
  position: relative;
}

.wave-container3::before {   
  content: "";
  width: 100%;
  height: 130px;
  position: absolute;
  bottom: -0.3%;
  left: 0;
  background-size: auto;
  background-repeat: repeat no-repeat;
  background-position: 20vw bottom;
  background-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 1200 134' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M0 0C22.4434 -1 28.9842 2 55 24C94.1849 54 121.997 57 158.5 58C198.5 60 200 44 240 52C280 59 320 89 360 89C400 89 440 59 480 54C520 49 560 69 600 84C640 99 680 109 720 114C760 119 800 119 840 104C880 89 920 59 960 62C1000 64 1040 99 1080 94C1120 89 1127.5 59 1147.5 37C1171.48 11 1185.65 0 1200 0V134H1180C1160 134 1120 134 1080 134C1040 134 1000 134 960 134C920 134 880 134 840 134C800 134 760 134 720 134C680 134 640 134 600 134C560 134 520 134 480 134C440 134 400 134 360 134C320 134 280 134 240 134C200 134 160 134 120 134C80 134 40 134 20 134H0V0.0103865Z' fill='rgb(255, 255, 0)'/></svg>");
}

@media(max-width:850px) {
  .wave-container3::before {    
    height: 65px
  }  
}











/*  */
/* Flipped Wave */
.wave-container-flip {  
    background-color: var(--light-color);
  position: relative;
}

.wave-container-flip::before {   
  content: "";
  width: 100%;
  height: 130px;
  position: absolute;
  top: -0.3%;  /* Adjust as needed */
  left: 0;
  background-size: auto;
  background-repeat: repeat no-repeat;
/*   background-position: 20vw top; */
  background-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 1200 134' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M0 0C22.4434 -1 28.9842 2 55 24C94.1849 54 121.997 57 158.5 58C198.5 60 200 44 240 52C280 59 320 89 360 89C400 89 440 59 480 54C520 49 560 69 600 84C640 99 680 109 720 114C760 119 800 119 840 104C880 89 920 59 960 62C1000 64 1040 99 1080 94C1120 89 1127.5 59 1147.5 37C1171.48 11 1185.65 0 1200 0V134H1180C1160 134 1120 134 1080 134C1040 134 1000 134 960 134C920 134 880 134 840 134C800 134 760 134 720 134C680 134 640 134 600 134C560 134 520 134 480 134C440 134 400 134 360 134C320 134 280 134 240 134C200 134 160 134 120 134C80 134 40 134 20 134H0V0.0103865Z' fill='aliceblue'/></svg>");
  transform: scaleY(-1);
}

@media(max-width:850px) {
  .wave-container-flip::before {    
    height: 65px;
  }  
	   .mobilextramenu {
    }
}

.headimg{
	position:relative;
}

/* Default header style for all pages except the front page */
 header {
    background: var(--light-color);
}

/* White background only on the front page */
.transparent-header header {
    background: white !important;
}

/*  */


/* Example Font Usage */







.btn-learn-more {
    background-color: red;
    border-radius: 10px;
    padding: auto;
    font-size: small;
    color: #fff;
		    font-family: 'Poppins', sans-serif;

    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
    transition: transform 0.2s ease, background-color 0.3s ease;
}

.btn-learn-more:hover {
    background-color: yellow;
    transform: scale(1.1);
}

.greensmalltxt{
	color: #228B22;
}
.greenbigtxt{
	color: #006400;
}
.bluesmalltxt{
	color: #4169E1;
}
.bluebigtxt{
	color: #1E90FF;
}