/*** 

====================================================================
	Attachment Css Files
====================================================================

***/

@import url('global.css');
@import url('header.css');
@import url('footer.css');
@import url('owl.css');
@import url('animate.css');
@import url('jquery-ui.css');
@import url('swiper.min.css');
@import url('font-awesome.css');
@import url('custom-animate.css');
@import url('magnific-popup.css');
@import url('flaticon_kidscamp-icons.css');
@import url('odometer-theme-default.css');
 

  
@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


/* header logo font */

 




body{
 
		font-family: "Poppins", serif !important;
		 
		font-style: normal;

}
 
body{
		  
	background-color: #FFFFFF ;
}
body a{
	text-decoration: none;
}


/*** 

====================================================================
	Main Slider
====================================================================

***/
 

.slider-one_down{
	position:absolute;
	left:45px;
	bottom:250px;
}

.slider-one-arrow{
	position: absolute;
	left: 30px;
	top: 50%;
	right:30px;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.slider-one:hover .slider-one-arrow{
	opacity: 1;
}

.slider-one .main-slider-prev{
	position: relative;
	z-index: 1;
	width: 48px;
	height: 48px;
	font-weight:600;
	font-size: 12px;
	cursor: pointer;
	line-height: 45px;
	text-align: center;
	border-radius:50px;
	display: inline-block;
	color: var(--main-color);
	transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	/* font-family: "Outfit", Sans-serif; */
	border:2px solid rgba(var(--main-color-rgb), 0.20);
}

.slider-one .main-slider-prev:hover{
	color: var(--white-color);
	border-color: var(--main-color);
	background-color: var(--main-color);
}

.slider-one .main-slider-next:hover{
	color: var(--white-color);
	border-color: var(--main-color);
	background-color: var(--main-color);
}

.slider-one .main-slider-next::after,
.slider-one .main-slider-prev::after{
	display: none;
}

.slider-one .main-slider-next{
	position: absolute;
	right:0px;
	z-index: 1;
	width: 48px;
	height: 48px;
	font-size: 12px;
	cursor: pointer;
	line-height: 45px;
	text-align: center;
	font-weight:600;
	display: inline-block;
	color: var(--main-color);
	border-radius:50px;
	transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	/* font-family: "Outfit", Sans-serif; */
	border:2px solid rgba(var(--main-color-rgb), 0.20);
}

.slider-one .swiper-slide{
	position:relative;
	overflow:hidden;
	padding:125px 0px 180px;
}

.slider-one_icon-one{
	position: absolute;
	left: 60%;
	bottom:15%;
	z-index: 1;
	width: 49px;
	height: 47px;
}

.slider-one_icon-two{
	position: absolute;
	left: 24%;
	top:7%;
	z-index: 1;
	width: 57px;
	height: 51px;
}

.slider-one_icon-three{
	position: absolute;
	right: 0%;
	top:20%;
	z-index: 1;
	width: 92px;
	height: 65px;
}

.slider-one_color-one{
	position: absolute;
	left: -60px;
	top: -50px;
	z-index: 1;
	width: 248px;
	height:248px;
	opacity: 0.08;
	border-radius:50%;
	background-color: var(--color-three);
}

.slider-one_color-two{
	position: absolute;
	right: 150px;
	bottom: 100px;
	z-index: 1;
	width: 248px;
	height:248px;
	opacity: 0.08;
	border-radius:50%;
	background-color: var(--color-three);
}

.slider-one_color-three{
	position: absolute;
	left: 25%;
	bottom: 10%;
	z-index: 1;
	width: 24px;
	height:24px;
	opacity: 0.08;
	border-radius:50%;
	background-color: var(--color-three);
}

.slider-one_color-four{
	position: absolute;
	left: 42%;
	top: 26%;
	z-index: 1;
	width: 31px;
	height:31px;
	opacity: 0.08;
	border-radius:50%;
	background-color: var(--color-three);
}

.slider-one_shadow{
	position:absolute;
	left:-40px;
	top:0px;
	right:0px;
	bottom:0px;
	background-size:cover;
	background-repeat:no-repeat;
}

.slider-one_content{
	position:relative;
	z-index: 2;
}

.slider-one_content-inner{
	position:relative;
	padding-top: 340px;
}

.slider-one_title{
	position: relative;
	font-size: 24px;
	line-height: 24px;
	font-weight: 800;
	letter-spacing: 2px;
	color: black;
	transition:all 900ms ease;
	-moz-transition:all 900ms ease;
	-webkit-transition:all 900ms ease;
	-ms-transition:all 900ms ease;
	-o-transition:all 900ms ease;
	text-transform:uppercase;
	transition: 1.3s cubic-bezier(0.5, 0.5, 0, 1);
    clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
}

.slider-one .swiper-slide-active .slider-one_title{
	-webkit-transition-delay: 500ms;
	-moz-transition-delay: 500ms;
	-ms-transition-delay: 500ms;
	-o-transition-delay: 500ms;
	transition-delay: 500ms;
	clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}

.slider-one_heading{
	margin-top: 12px;
	margin-bottom:25px;
	color: var(--white-color);
	text-transform: capitalize;

	transition:all 900ms ease;
	-moz-transition:all 900ms ease;
	-webkit-transition:all 900ms ease;
	-ms-transition:all 900ms ease;
	-o-transition:all 900ms ease;
	transition: 1.3s cubic-bezier(0.5, 0.5, 0, 1);
    clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
}

.slider-one_heading span{
	color: var(--main-color);
}

.slider-one .swiper-slide-active .slider-one_heading{
	-webkit-transition-delay: 800ms;
	-moz-transition-delay: 800ms;
	-ms-transition-delay: 800ms;
	-o-transition-delay: 800ms;
	transition-delay: 800ms;
	clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}

.slider-one_text{
	position: relative;
	font-size: 18px;
	opacity:0.70;
	line-height: 30px;
	max-width:520px;
	margin-bottom:25px;
	color: var(--color-three);

	transition:all 900ms ease;
	-moz-transition:all 900ms ease;
	-webkit-transition:all 900ms ease;
	-ms-transition:all 900ms ease;
	-o-transition:all 900ms ease;
	transition: 1.3s cubic-bezier(0.5, 0.5, 0, 1);
    clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
}

.slider-one .swiper-slide-active .slider-one_text{
	-webkit-transition-delay: 1100ms;
	-moz-transition-delay: 1100ms;
	-ms-transition-delay: 1100ms;
	-o-transition-delay: 1100ms;
	transition-delay: 1100ms;
	clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}

.slider-one .slider-one_button{
	position: relative;
	gap: 30px;
	display:inline-block;
	transition:all 900ms ease;
	-moz-transition:all 900ms ease;
	-webkit-transition:all 900ms ease;
	-ms-transition:all 900ms ease;
	-o-transition:all 900ms ease;
	transition: 1.3s cubic-bezier(0.5, 0.5, 0, 1);
    clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
}

.slider-one .swiper-slide-active .slider-one_button{
	-webkit-transition-delay: 1400ms;
	-moz-transition-delay: 1400ms;
	-ms-transition-delay: 1400ms;
	-o-transition-delay: 1400ms;
	transition-delay: 1400ms;
	clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}

.slider-one_seats{
	position:relative;
	font-size:16px;
	color:rgba(var(--color-three-rgb), 0.70);
}

.slider-one_seats span{
	position:relative;
	padding:5px 15px;
	border-radius:5px;
	margin-left:10px;
	display:inline-block;
	color:rgba(var(--main-color-rgb), 1);
	background-color:rgba(var(--main-color-rgb), 0.20);
}

.slider-one_image-column{
	position:relative;
}

.slider-one_image-outer{
	position:relative;
}

.slider-one_image{
	position: relative;
	z-index: 10;
	text-align:right;
	transition:all 900ms ease;
	-moz-transition:all 900ms ease;
	-webkit-transition:all 900ms ease;
	-ms-transition:all 900ms ease;
	-o-transition:all 900ms ease;
	transition: 1.3s cubic-bezier(0.5, 0.5, 0, 1);
    clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
}

.slider-one .swiper-slide-active .slider-one_image{
	-webkit-transition-delay: 700ms;
	-moz-transition-delay: 700ms;
	-ms-transition-delay: 700ms;
	-o-transition-delay: 700ms;
	transition-delay: 700ms;
	clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}

.slider-one .slider-one_pagination{
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 100px;
	z-index: 999;
	text-align: center;
}

.slider-one .swiper-pagination-bullet{
	position: relative;
	width: 10px;
	height: 10px;
	opacity: 1;
	margin: 0px 18px;
	border-radius: 50px;
	border:2px solid transparent;
	transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	background-color: rgba(var(--main-color-rgb), 0.20);
}

.slider-one .swiper-pagination-bullet:hover,
.slider-one .swiper-pagination-bullet.swiper-pagination-bullet-active{
	background-color: rgba(var(--main-color-rgb), 1);
}

.slider-one_booking{
	position:absolute;
	left:0px;
	bottom:60px;
	width:260px;
	z-index:10;
	padding:12px 20px;
	border-radius:8px;
	background-color:var(--color-three);
}

.slider-one_booking-title{
	position:relative;
	font-size:15px;
	margin-bottom:10px;
	color:var(--color-four);
}

.slider-one_booking-title i{
	position:relative;
	margin-right:5px;
	top:-2px;
}

.slider-one .time-countdown{
	position:relative;
}

.slider-one .time-countdown .counter-column{
	position:relative;
	line-height: 1em;
	font-size:12px;
	z-index: 7;
	font-weight:500;
	text-align:center;
	margin-right:12px;
	border-radius: 0px;
	display: inline-block;
	color:var(--white-color);
	text-transform:capitalize;
	color:rgba(var(--color-four-rgb), 0.70);
}

.slider-one .time-countdown .counter-column .count{
	position:relative;
	width:42px;
	height:42px;
	display:block;
	font-size:22px;
	line-height:30px;
	font-weight:800;
	border-radius:5px;
	margin-bottom:7px;
	padding:7px 0px 15px;
	color:var(--white-color);
	background-color:var(--main-color);
}

.slider-one .time-countdown .counter-column:before{
	position:absolute;
	content:':';
	right:-12px;
	top:13px;
	font-size:34px;
	color:var(--main-color);
}

.slider-one .time-countdown .counter-column:last-child::before{
	display:none;
}

.slider-one .time-countdown .counter-column:last-child{
	margin-right:0px;
}

/*** 

====================================================================
	Services One
====================================================================

***/

.services-one{
	position:relative;
	padding:100px 0px 70px;
}

.services-one .four-items_carousel-pagination{
	position: relative;
	text-align: center;
	margin-top:25px;
}

.services-one .swiper-pagination-bullet{
	position: relative;
	width: 10px;
	height: 10px;
	opacity: 1;
	margin: 0px 18px;
	border-radius: 50px;
	display:inline-block;
	border:2px solid transparent;
	transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	background-color: rgba(var(--main-color-rgb), 0.20);
}

.services-one .swiper-pagination-bullet:hover,
.services-one .swiper-pagination-bullet.swiper-pagination-bullet-active{
	background-color: rgba(var(--main-color-rgb), 1);
}

.services-one.style-two{
	padding:0px 0px;
}

.services-one.style-two .outer-container{
	position: relative;
    max-width: 1760px;
    margin: 0 auto;
    border-radius: 24px;
    padding: 100px 0px 100px;
    background-color: var(--color-three);
}

.service-block_one.style-two .service-block_one-inner{
	padding:30px 25px;
	border:1px solid rgba(var(--main-color-rgb), 0.10);
}

.service-block_one.style-two .service-block_one-inner:hover{
	border-color:var(--main-color);
	background-color:var(--main-color);
}

.service-block_one.style-two .service-block_one-inner:hover .service-block_one-icon{
	color:var(--main-color);
	background-color:var(--white-color);
}

.service-block_one.style-two .service-block_one-inner:hover .service-block_one-title a{
	color:var(--white-color);
}

.service-block_one.style-two .service-block_one-inner:hover .service-block_one-text{
	color:var(--white-color);
}

.service-block_one{
	position:relative;
	margin-bottom:30px;
}

.service-block_one-inner{
	position:relative;
	padding:30px 30px;
	border-radius:5px;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	background-color:var(--color-three);
}

.service-block_one-inner:hover{
	box-shadow:7px 10px 15px rgba(244,131,31,0.20);
}

.service-block_one-stars{
	position:absolute;
	right:10px;
	top:20px;
	width:43px;
	height:43px;
	opacity:0;
}

.service-block_one-inner:hover .service-block_one-stars{
	opacity:1;
}

.service-block_one-icon{
	position:relative;
	width:68px;
	height:68px;
	font-size:36px;
	line-height:75px;
	text-align:center;
	border-radius:50px;
	color:var(--main-color);
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	background-color:var(--color-five);
}

.service-block_one-inner:hover .service-block_one-icon{
	color:var(--white-color);
	background-color:var(--main-color);
	transform:rotateY(180deg);
}

.service-block_one-title{
	position:relative;
	margin-top:24px;
}

.service-block_one-title a{
	position:relative;
	color:var(--color-four);
}

.service-block_one-title a:hover{
	color:var(--main-color);
}

.service-block_one-text{
	position:relative;
	font-size:16px;
	line-height:25px;
	margin-top:18px;
	color:var(--color-four);
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

 


 
  
 
/***

====================================================================
	Sidebar Page Container
====================================================================

***/
  

.blog-detail-meta li{
	position: relative;
	margin-right: 20px;
	font-weight: 500;
	font-size: 16px;
	display: flex;
	gap: 5px;
	color: var(--color-four);
}

.blog-detail-meta li .icon{
	position: relative;
	font-size: 16px;
	top: 2px;
	color: var(--main-color);
}

.blog-detail p{
	font-size: 16px;
	color: rgba(var(--color-four-rgb), 0.70);
}

.blog-detail blockquote{
	position: relative;
	padding: 30px 30px;
	font-size: 22px;
	line-height: 30px; 
	margin-top: 25px;
	border-radius:8px;
	overflow:hidden;
	margin-bottom: 30px;
	color:rgba(var(--color-four-rgb), 0.70);
	border-left: 3px solid var(--main-color);
	background-color:rgba(var(--main-color-rgb), 0.10);
}

.blog-detail blockquote i{
	position: relative;
	display: block;
	font-size: 44px;
	line-height: 1em;
	margin-bottom: 10px;
	color: var(--color-two);
}

.blog-detail blockquote span{
	position: relative;
	font-size: 18px;
	font-weight: 500;
	padding-left: 50px;
	display: inline-block;
	color:rgba(var(--color-four-rgb), 1);
	/* font-family: "Outfit", Sans-serif; */
}

.blog-detail blockquote span::before{
	position: absolute;
	content: '';
	left: 0px;
	top: 15px;
	width: 40px;
	height: 1px;
	opacity: 0.40;
	background-color: var(--main-color);
}

/* Video Box */

.video-box{
	position:relative;
	overflow:hidden;
	border-radius:8px;
	margin-bottom: 25px;
}

.video-box .video-image{
	position:relative;
	margin:0px;
	background-color:var(--main-color);
}

.video-box img{
	position:relative;
	width:100%;
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
}

.video-box:hover .video-image img{
	transform:scale(1.05,1.05);
	filter: grayscale(100%);
}

.video-box .overlay-box{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	text-align:center;
	overflow:hidden;
	line-height: 45px;
	overflow:hidden;
	background-color: rgba(var(--color-four-rgb), 0.40);
}

.video-box .overlay-box span{
	position: absolute;
	width:66px;
	height: 66px;
	left:50%;
    top: 50%;
	z-index:10;
	font-weight:700;
	text-align: center;
	display: inline-block;
	margin-top: -30px;
	margin-left:-30px;
	line-height:66px;
	border-radius:50%;
	font-size:20px;
	color: var(--white-color);
	background-color:var(--color-two);
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
	/* font-family: "Outfit", Sans-serif; */
}

.video-box .overlay-box span:hover{
	color:var(--white-color);
	background-color:var(--main-color);
}

.video-box .ripple,
.video-box .ripple:before,
.video-box .ripple:after {
    position: absolute;
    top: 50%;
    left: 50%;
    width:66px;
	height: 66px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-border-radius: 50% 50% 50% 50%;
    -moz-border-radius: 50% 50% 50% 50%;
    -ms-border-radius: 50% 50% 50% 50%;
    -o-border-radius: 50% 50% 50% 50%;
    border-radius: 50% 50% 50% 50%;
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    -webkit-animation: ripple 3s infinite;
    -moz-animation: ripple 3s infinite;
    -ms-animation: ripple 3s infinite;
    -o-animation: ripple 3s infinite;
    animation: ripple 3s infinite;
}

.video-box .ripple:before {
    -webkit-animation-delay: .9s;
    -moz-animation-delay: .9s;
    -ms-animation-delay: .9s;
    -o-animation-delay: .9s;
    animation-delay: .9s;
    content: "";
    position: absolute;
}

.video-box .ripple:after {
    -webkit-animation-delay: .6s;
    -moz-animation-delay: .6s;
    -ms-animation-delay: .6s;
    -o-animation-delay: .6s;
    animation-delay: .6s;
    content: "";
    position: absolute;
}

.blog-detail h3{
	font-weight: 600;
	margin-bottom: 12px;
	color: var(--color-four);
}

.blog-detail_list{
	position: relative;
	margin-top: 22px;
}

.blog-detail_list li{
	position: relative;
	display: flex;
	gap: 10px;
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 15px;
	color: rgba(var(--color-four-rgb), 0.70);
}

.blog-detail_list li i{
	position: relative;
	width: 22px;
	height: 22px;
	font-size: 12px;
	line-height: 22px;
	text-align: center;
	border-radius: 50px;
	display: inline-block;
	color: var(--color-two);
	background-color:rgba(var(--color-two-rgb), 0.10);
}

/* Post Share Options */

.post-share-options{
	position:relative;
	margin-top:30px;
	padding-top: 25px;
	border-top: 1px solid rgba(var(--main-color-rgb), 0.15);
}

.post-share-options .post-share-inner{
	position:relative;
}

.post-share-options .post-tags{
	position:relative;
}

.post-share-options .post-tags span{
	position:relative;
	font-weight: 700;
	color: var(--main-color);
	font-size: var(--font-20);
	margin-right:var(--margin-right-10);
}

.post-share-options .post-tags a{
	position: relative;
    padding: 5px 18px;
    font-size: 16px;
    font-weight: 600;
    margin-right: 5px;
	border-radius:50px;
    margin-bottom: 10px;
	letter-spacing: 0px;
    display: inline-block;
    text-transform: capitalize;
	color: rgba(var(--color-four-rgb), 0.70);
    border: 1px solid rgba(var(--main-color-rgb), 0.15);
}

.post-share-options .post-tags a:hover{
	color:var(--white-color);
	border-color: var(--main-color);
	background-color: var(--main-color);
}

.post-share-options .social-links{
	position:relative;
}

.post-share-options .social-links span{
	position:relative;
	font-weight: 700;
	color: var(--main-color);
	font-size: var(--font-20);
	margin-right:var(--margin-right-10);
}

.post-share-options .social-links li{
	position:relative;
	display:inline-block;
	margin-left:var(--margin-left-5);
}

.post-share-options .social-links li a{
	position: relative;
    width: 36px;
    height: 36px;
    line-height: 34px;
    font-size: 14px;
	margin-left: 5px;
    border-radius: 50px;
    display: inline-block;
    color: var(--color-four);
	/* font-family: "Outfit", Sans-serif; */
    border: 1px solid rgba(var(--main-color-rgb), 0.10);
}

.post-share-options .social-links li a:hover{
	color:var(--white-color);
	border-color: var(--main-color);
	background-color: var(--main-color);
}

.blog-author_box{
	position: relative;
	margin-top: 30px;
	border-radius:8px;
	margin-bottom: 30px;
	padding: 30px 30px 25px;
	background-color: rgba(var(--color-two-rgb), 0.10);
}

.blog-author-box_content{
	position: relative;
	padding-left: 145px;
}

.blog-author-box_image{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 120px;
	height: 120px;
	overflow: hidden;
	display: inline-block;
	border-radius: 150px;
	border: 3px solid var(--color-two);
}

.blog-author_box h5{
	font-weight: 600;
	color: var(--color-four);
}

.blog-author_box-designation{
	position: relative;
	font-size: 14px;
	margin-top: 5px;
	font-weight:500;
	color: rgba(var(--color-four-rgb), 0.50);
}

.blog-author_box-text{
	position: relative;
	font-size: 16px;
	margin-top: 10px;
	line-height: 26px;
	color: rgba(var(--color-four-rgb), 0.50);
}

.blog-author_signature{
	position: relative;
	line-height: 1em;
	margin-top: 15px;
}

/* Comment Form */

.comment-form_outer{
	position: relative;
	margin-top: 30px;
	border-radius:8px;
	padding: 35px 30px;
	border: 1px solid rgba(var(--main-color-rgb), 0.10);
}

.comment-form .group-title{
	position: relative;
	margin-bottom: 20px;
}

.comment-form_outer h3{
	font-weight: 600;
}

.comment-form_outer .form-text{
	position: relative;

	margin-top: 10px;
	font-size: 16px;
	margin-bottom: 20px;
	color: rgba(var(--color-four-rgb), 0.70);
}

/*** 

====================================================================
	Comment Form
====================================================================

***/

.comment-form .form-group{
	position: relative;
	margin-bottom:20px;
}

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

.comment-form .form-group input[type="text"],
.comment-form .form-group input[type="password"],
.comment-form .form-group input[type="tel"],
.comment-form .form-group input[type="email"],
.comment-form .form-group select{
	position:relative;
	display:block;
	width:100%;
	line-height:28px;
	padding:10px 25px;
	height:60px;
	border-radius:8px;
	font-weight: 500;
	font-size:16px;
	color:var(--black-color);
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
	background:none;
	border: 1px solid rgba(var(--main-color-rgb), 0.10);
}

.comment-form .form-group textarea::-webkit-input-placeholder,
.comment-form .form-group input::-webkit-input-placeholder{
	color:var(--color-four);
}

.comment-form .form-group input[type="text"]:focus,
.comment-form .form-group input[type="password"]:focus,
.comment-form .form-group input[type="tel"]:focus,
.comment-form .form-group input[type="email"]:focus,
.comment-form .form-group select:focus,
.comment-form .form-group textarea:focus{
	border-color:var(--main-color);
}

.comment-form .form-group textarea{
	position:relative;
	display:block;
	width:100%;
	line-height:24px;
	padding:15px 25px 25px;
	font-size:16px;
	color:var(--black-color);
	height:264px;
	resize:none;
	border-radius:8px;
	font-weight: 500;
	background:none;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
	border: 1px solid rgba(var(--main-color-rgb), 0.10);
}

  
.comment-form label{
	position: relative;
	display: block;
	font-size: 16px;
	font-weight: 400;
	margin-bottom: 10px;
	color: rgba(var(--color-four-rgb), 0.50);
}

.related-posts{
	position:relative;
	padding-bottom:60px;
}

/*** 

====================================================================
	Team Three
====================================================================

***/

.team-three{
	position:relative;
	padding:100px 0px 80px;
}


.team-detail{
	position:relative;
	padding-top:110px;
}

.team-detail_box{
	position:relative;
}

.team-detail_box .image-column{
	position:relative;
	margin-bottom:30px;
}

.team-detail_box .image{
	position:relative;
	overflow:hidden;
	border-radius:16px;
}

.team-detail_box .image img{
	position:relative;
	width:100%;
	display:block;
}

.team-detail_box .content-column{
	position:relative;
	margin-bottom:30px;
}

.team-detail_box .content{
	position:relative;
	padding:40px 30px;
	overflow:hidden;
	border-radius:16px;
	background-color:var(--color-three);
}

.team-detail_box .title{
	position: relative;
    font-size: 14px;
    line-height: 24px;
    font-weight: 600;
    letter-spacing: 2px;
    color: var(--main-color);
    text-transform: uppercase;
}

.team-detail_box h2{
	position: relative;
    margin-top: 10px;
	font-size:44px;
	font-weight:700;
	line-height:54px;
    color: var(--color-four);
    text-transform: capitalize;
}

.team-detail_box .text{
	position: relative;
    line-height: 27px;
    opacity: 0.70;
    font-size: 16px;
    margin-top: 15px;
    color: var(--color-four);
}

.team-detail_box .list{
	position:relative;
	padding:25px 30px;
	border-radius:8px;
	margin-top:25px;
	background-color: rgba(var(--color-two-rgb), 0.10);
}

.team-detail_box .list li{
	position:relative;
	font-size:16px;
	font-weight:600;
	margin-bottom:15px;
}

.team-detail_box .list li span{
	position:absolute;
	right:0px;
	font-weight:500;
	color: rgba(var(--color-four-rgb), 0.70);
}

.team-detail_box .list li:last-child{
	margin-bottom:0px;
}

.team-detail_socials{
	position:relative;
	margin-top:30px;
	margin-left:30px;
}

.team-detail_socials span{
	position:relative;
	font-size:16px;
	margin-right:10px;
	color: rgba(var(--color-four-rgb), 0.70);
}

.team-detail_socials a{
	position: relative;
    width: 32px;
    height: 32px;
    font-size: 14px;
    margin-right: 5px;
    line-height: 30px;
    text-align: center;
    border-radius: 50px;
    display: inline-block;
    color: var(--color-four);
    border: 1px solid rgba(var(--color-four-rgb), 0.20);
	/* font-family: "Outfit", Sans-serif; */
}

.team-detail_socials a:hover{
	color:var(--white-color);
	border-color:var(--main-color);
	background-color:var(--main-color);
}

 
/* Skills Section */

.default-skills{
	position:relative;
	margin-top: 30px;
}

.default-skill-item{
	position:relative;
	margin-bottom:25px;
}

.default-skill-item:last-child{
	margin-bottom:0px;
}

.default-skill-title{
	position:relative;
	font-weight:500;
	font-size:18px;
	margin-bottom:10px;
	color: rgba(var(--color-four-rgb), 0.70);
	text-transform:capitalize;
}

.default-skill-bar{
	position:relative;
	width:100%;
	height:10px;
	overflow:hidden;
	border-radius:50px;
	background-color:rgba(var(--main-color-rgb), 0.10);
}

.default-bar-inner{
	position:relative;
	width:100%;
	height:10px;
	overflow:hidden;
}

.default-bar{
	position:absolute;
	left:0px;
	top:0px;
	height:10px;
	width:0px;
	border-bottom:10px solid var(--main-color);
	-webkit-transition:all 2000ms ease;
	-ms-transition:all 2000ms ease;
	-o-transition:all 2000ms ease;
	-moz-transition:all 2000ms ease;
	transition:all 2000ms ease;
}

.default-count-box{
	position:absolute;
	right:0px;
	top:0px;
	font-weight:500;
	font-size:18px;
	color: rgba(var(--color-four-rgb), 0.70);
}

/*** 

====================================================================
	Team Four
====================================================================

***/

.team-four{
	position:relative;
	padding:100px 0px 80px;
}

.team-four .four-items_carousel-pagination{
	position: relative;
	text-align: center;
	margin-top:20px;
}

.team-four .swiper-pagination-bullet{
	position: relative;
	width: 10px;
	height: 10px;
	opacity: 1;
	margin: 0px 18px;
	border-radius: 50px;
	display:inline-block;
	border:2px solid transparent;
	transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	background-color: rgba(var(--main-color-rgb), 0.20);
}

.team-four .swiper-pagination-bullet:hover,
.team-four .swiper-pagination-bullet.swiper-pagination-bullet-active{
	background-color: rgba(var(--main-color-rgb), 1);
}

 
 
/*** 

====================================================================
	Gallery One
====================================================================

***/

.gallery-one{
	position:relative;
	padding:110px 0px 100px;
}

.gallery-one .filters{
	position:relative;
	margin-bottom:40px;
	text-align:center;
}

.gallery-one .filters .filter-tabs{
	position:relative;
}

.gallery-one .filters li{
	position: relative;
	cursor: pointer;
    font-size: 16px;
    font-weight: 500;
	border-radius:50px;
	margin:0px 5px 10px;
	padding:6px 18px 6px;
    display: inline-block;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
	color: rgb(6 15 71);
	border:1px solid rgba(var(--main-color-rgb), 0.20);
}

.gallery-one .filters .filter.active,
.gallery-one .filters .filter:hover{
    color: var(--white-color);
	border-color: var(--main-color);
	background-color: rgb(83, 1, 1)
}

.gallery-one .gallery-one_block{
	margin-bottom:30px;
}

.gallery-one_block.mix{
	display:none;
}

/*** 

====================================================================
	Contact Info
====================================================================

***/

.contact-info{
	position: relative;
	padding: 100px 0px 70px;
}

.info-block_two{
	position: relative;
	margin-bottom: 30px;
}

.info-block_two-inner{
	position: relative;
	text-align: center;
	border-radius: 8px;
	padding: 20px 10px 20px;
	height: 250px;
	background-color: rgba(var(--main-color-rgb), 0.08);
}

.info-block_two  .info-block_two-inner{
	background-color: white;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);

}

.info-block_two:nth-child(2) .info-block_two-icon{
	background-color: rgba(var(--color-two-rgb), 1);
}

 
.info-block_two:nth-child(3) .info-block_two-icon{
	background-color: rgba(var(--color-seven-rgb), 1);
}

.info-block_two-icon{
	position: relative;
	width: 85px;
	height: 85px;
	margin: 0 auto;
	font-size: 44px;
	line-height: 98px;
	border-radius: 50px;
	color: var(--white-color);
	background-color: rgb(244 131 31);
}

.info-block_two h4{
	position: relative;
	font-weight: 600;
	margin-top: 25px;
	font-size: 20px;
	line-height: 30px;
	margin-bottom: 15px;
	/* color: var(--color-four); */
}

.info-block_two-inner a{
	position: relative;
	font-size: 14px;
	opacity:0.70;
	margin-bottom: 5px;
	display: inline-block;
	color: var(--color-four);
}

.info-block_two-inner a:hover{
	color: black
}

.info-block_two .text-contact{
	position: relative;
	font-size: 14px;
	opacity:0.70;
	line-height: 28px;
	color: var(--color-four);
}

/*** 

====================================================================
	Contact Form
====================================================================

***/

.contact-form-section{
	position:relative;
	padding-bottom:60px;
}

.contact-form-section .form-column{
	position:relative;
	margin-bottom:30px;
}

.contact-form-section .form-column .inner-column{
	position:relative;
	padding:40px 30px;
	border-radius:8px;
	background-color:var(--color-three);
}

.contact-form-section .form-column h3{
	position:relative;
	font-weight:600;
	color:var(--color-four);
}

.contact-form-section .form-column .text{
	position:relative;
	font-size:16px;
	opacity:0.70;
	margin-top:10px;
	margin-bottom:30px;
	color:var(--color-four);
}

.contact-form .form-group input[type="text"],
.contact-form .form-group input[type="password"],
.contact-form .form-group input[type="tel"],
.contact-form .form-group input[type="email"],
.contact-form .form-group select,
.contact-form .form-group textarea{
	background-color:var(--color-three);
	color:rgba(var(--color-four-rgb), 0.50);
	border:1px solid rgba(var(--main-color-rgb), 0.10);
}

.contact-form .form-group .ui-selectmenu-button.ui-button{
	background-color:var(--color-three);
	border:1px solid rgba(var(--main-color-rgb), 0.10);
}

.contact-form .form-group textarea::-webkit-input-placeholder,
.contact-form .form-group input::-webkit-input-placeholder{
	color:rgba(var(--color-four-rgb), 0.50);
}

.map-one_map{
	position:relative;
}

.map-one_map iframe{
	position:relative;
	height:630px;
	width:100%;
	border-radius:8px;
	border:2px solid var(--main-color);
}

.contact-form .form-group .ui-button .ui-icon:before{
	font-size:16px;
	color:var(--main-color);
}

/*** 

====================================================================
	Not Found
====================================================================

***/

.error-one{
	position: relative;
	padding-top: 80px;
	text-align: center;
	padding-bottom: 70px;
}

.error-one h1{
	line-height:1em;
	font-size:300px;
	font-weight:700;
	color:var(--main-color);
	/* font-family: "Lato", sans-serif; */
	text-shadow: 4px 4px 0px rgba(var(--color-two-rgb), 1);
}

.error-one .sub-title{
	position:relative;
	font-weight:600;
	font-size:14px;
	letter-spacing:2px;
	color:var(--main-color);
	text-transform:uppercase;
}

.error-one h2{
	margin-top:15px;
	color: var(--color-four);
}

.error-one h2 span{
	color: var(--main-color);
}

.error-one .text{
	margin-top:20px;
	color:var(--color-four);
}

.error-one .button-box{
	margin-top:30px;
}
 

/*** 

====================================================================
	Register One
====================================================================

***/

.register-one{
	position: relative;
	padding: 100px 0px 100px;
}

.register-one .inner-container{
	position: relative;
	max-width: 550px;
	width: 100%;
	margin: 0 auto;
	border-radius: 8px;
	padding: 40px 45px;
	background-color: var(--color-three);
}

.register-one h3{
	font-weight: 600;
	color: var(--color-four);
}

.register-one .text{
	font-size: 16px;
	margin-top: 8px;
	margin-bottom: 25px;
	color:rgba(var(--color-four-rgb), 0.50);
}

/*** 

====================================================================
	Register Form
====================================================================

***/

.register-form .form-group{
	position: relative;
	margin-bottom:20px;
}

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

.register-form .form-group input[type="text"],
.register-form .form-group input[type="password"],
.register-form .form-group input[type="tel"],
.register-form .form-group input[type="email"],
.register-form .form-group input[type="number"],
.register-form .form-group input[type="file"],
.register-form .form-group select{
	position:relative;
	display:block;
	width:100%;
	line-height:28px;
	padding:10px 25px;
	height:60px;
	border-radius:8px;
	font-weight: 400;
	font-size:15px;
	color:var(--color-four);
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
	background-color:var(--color-three);
	border: 1px solid rgba(var(--main-color-rgb), 0.15);
}

.register-form .form-group textarea::-webkit-input-placeholder,
.register-form .form-group input::-webkit-input-placeholder{
	color:var(--black-color);
}

.register-form .form-group input[type="text"]:focus,
.register-form .form-group input[type="password"]:focus,
.register-form .form-group input[type="tel"]:focus,
.register-form .form-group input[type="email"]:focus,
.register-form .form-group input[type="number"]:focus,
.register-form .form-group input[type="file"]:focus,
.register-form .form-group select:focus,
.register-form .form-group textarea:focus{
	border-color:var(--main-color);
}

.register-form .form-group textarea{
	position:relative;
	display:block;
	width:100%;
	line-height:24px;
	padding:15px 25px 25px;
	font-size:15px;
	color:var(--color-four);
	height:190px;
	resize:none;
	border-radius:8px;
	font-weight: 400;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
	background-color:var(--color-three);
	border: 1px solid rgba(var(--main-color-rgb), 0.15);
}

.register-form .form-group button{
	margin-top: 10px;
	border-radius:10px;
}

.register-form label{
	position: relative;
	display: block;
	font-size: 16px;
	font-weight: 400;
	margin-bottom: 10px;
	color:rgba(var(--color-four-rgb), 0.50);
}

/* CheckBox */

.register-form .check-box{
	position:relative;
}

.register-form .check-box label{
	color:#2b2b2b;
}

.register-form .check-box label{
	position: relative;
	display: block;
	width: 100%;
	cursor: pointer;
	margin-bottom: 0;
	font-weight: 400;
	font-size:15px;
	line-height: 22px;
	padding: 4px 10px 0px;
	padding-left: 30px;
	color:rgba(var(--color-four-rgb), 0.70);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.register-form .check-box input[type="checkbox"]:checked + label{
	border-color: var(--main-color);
}

.register-form .check-box label {
    padding-left: 30px;
    padding-top: 1px;
    cursor: pointer;
}

.register-form .check-box label:before{
	position: absolute;
	left: 0;
	top: 2px;
	height:20px;
	width: 20px;
	background: var(--main-color);
	content: "";
	border-radius: 50px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.register-form .check-box label:after {
	position: absolute;
	left: 0px;
	top: 0;
	height: 15px;
	line-height: 15px;
	max-width: 0;
	font-size: 14px;
	color: #ffffff;
	font-weight: 800;
	overflow: hidden;
	background: transparent;
	text-align: center;
	/* font-family: "Outfit", Sans-serif; */
	-webkit-transition: max-width 500ms ease;
	-moz-transition: max-width 500ms ease;
	-ms-transition: max-width 500ms ease;
	-o-transition: max-width 500ms ease;
	transition: max-width 500ms ease;
}

.register-form .check-box input[type="checkbox"] {
	display: none;
}

.register-form .check-box input[type="checkbox"]:checked + label:before{
	background: var(--color-two) url(../images/icons/check-1.png) center center no-repeat;
}

.register-form .check-box input[type="checkbox"]:checked + label:after {
	max-width: 20px;
	opacity: 1;	
}

.register-form .forgot-psw{
	position: relative;
	color: var(--main-color);
	text-decoration: underline;
}

.register-form .creat-account{
	position: relative;
	font-size: 15px;
	color: rgba(var(--color-four-rgb), 0.70);
}

.register-form .creat-account a{
	position: relative;
	color: var(--main-color);
	text-decoration:underline;
}

.register-form .submit-btn{
	width: 100%;
	text-align: center;
}

.register-form .submit-btn .btn-wrap{
	width: 100%;
	text-align: center;
}

.register-form .submit-btn .btn-wrap .text-two{
	width: 100%;
	text-align: center;
}
 

.register-form .form-group .icon{
	position: absolute;
	right: 20px;
	bottom: 20px;
	z-index: 1;
	font-size: 18px;
	color: var(--main-color);
}



  
 
 


/* Top Header */
.top-header {
	display: flex;
	justify-content: space-evenly;
	align-items: center;
	/* background: #fcfafa;   */
	color:#fff;
	padding: 0px 20px;
	font-weight: bold;
}
.top-header .logo img {
	height: 85px;
	width: 90px;
}


.top-header .contact-info .admissions-button:hover {
	background-color:#e4b157; /* Lighter gold on hover */
}

 
.nav-2-item{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.admissions-button{
	padding: 5px  10px;
	background-color: #e4b157; 
	color: rgb(245, 241, 241);
	margin: 4px;
} 

.top-header .contact-info .admissions-button:hover {
	background-color: #e4b157; /* Lighter gold on hover */
}

/* Video Section */
.video-section {
	position: relative;
	width: 100%;
	height: 100vh; /* Full screen height */
	overflow: hidden;
	margin-top: 0 !important;
	padding-top: 0 !important;
}
.video-section video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	object-fit:cover; /* Prevents zoom-in effect */
}

.content-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(12, 12, 12, 0.5);  
	/* opacity: -1; */
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	color: white;
	text-align: center;
	/* padding: 10px; */
	/* margin-top: 60px; */
	animation: slide-up 1.5s ease-out 0.5s forwards; /* Animation effect */
	opacity: 0; /* Initially hidden */
	transform: translateY(100px); /* Starts below */
}
  
        

		  /* Animations */
		  @keyframes slide-up {
            0% {
                opacity: 0;
                transform: translateY(100px); /* Start below */
            }
            100% {
                opacity: 1;
                transform: translateY(0); /* Slide to position */
            }
        }
        @keyframes fade-in {
            0% {
                opacity: 0;
            }
            100% {
                opacity: 1;
            }
        }
        /* Responsive layout */
        @media (max-width: 988px) {
            .top-header {
                flex-direction: row;
                text-align:left;
				padding-right: 10px;
            }
			/* .contact-btn{
				display: none;
			} */
            .top-header .contact-info {
                margin-top: 10px;
                gap: 10px;
            }
            .nav-header nav {
                flex-direction: column;
                gap: 15px;
            }
            .content-overlay h1 {
                font-size: 2em;
            }
            .content-overlay p {
                font-size: 0.7em;
            }
			.top-header .logo img {
				height: 75px;
				/* width: 130px; */
			}
        }





		
/*** 

====================================================================
	gallery my  style
====================================================================

***/

.gallery-heading{
	text-align: center;
	width: fit-content;
	margin: 1rem auto 2rem;
	position: relative;
	font-size: 32px;
	font-weight: 600px;
}
 
.group-heading {
	text-align: center;
	width: fit-content;
	margin: 1rem auto 2rem;
	position: relative;
	font-size: 32px;
	font-weight: 600px;
	/* text-transform: uppercase; */
	/* font-size: clamp(1rem, 7vw, 2.5rem); */
   }
   .gallery-heading:before {
	content: "";
	position: absolute;
	bottom: -15%;
	left: -10%;
	width: 120%;
	height: 5px;
	/* background-color: #3a7fff; */
	/* box-shadow: 0 2px 7px 1px #3a7fff; */
	border-radius: 10px;
   }
   .gallery-box {
	padding: 1rem;
	/* 	column-count: 4; */
	columns: 300px 4;
   }
   
   .gallery-img {
	width: 100%;
	margin-bottom: 0.7rem;
	/* box-shadow: 0 0 2px 5px #3a7fff; */
	border-radius: 1rem;
   }
   
   /* General styles for the images */
   .gallery-img {
	width: 100%;
	margin-bottom: 0.7rem;
	border-radius: 1rem;
	transition: transform 0.4s ease, box-shadow 0.4s ease;
   }
   
   /* Hover effect */
   .gallery-img:hover {
	transform: scale(1.1); /* Slight zoom effect */
	box-shadow: 0 8px 15px rgba(58, 127, 255, 0.3); /* Add a glow or shadow effect */
   }
   
   /* Optional: Smooth entry animation for images */
   .gallery-img {
	opacity: 0;
	transform: translateY(30px);
	animation: fadeIn 1s ease forwards;
   }
   
   /* Animation keyframes for fade-in */
   @keyframes fadeIn {
	to {
		opacity: 1;
		transform: translateY(0);
	}
   }
   
   /* Add staggered animation delay */
   .gallery-box img:nth-child(1) { animation-delay: 0s; }
   .gallery-box img:nth-child(2) { animation-delay: 0.1s; }
   .gallery-box img:nth-child(3) { animation-delay: 0.2s; }
   .gallery-box img:nth-child(4) { animation-delay: 0.3s; }
   .gallery-box img:nth-child(5) { animation-delay: 0.4s; }
   .gallery-box img:nth-child(6) { animation-delay: 0.5s; }
   .gallery-box img:nth-child(7) { animation-delay: 0.6s; }
   
   

 

   /* about style */

   .container-about{
	/* width: 80%; */
	margin: auto;
	padding: 50px 0;
	 
}
.about-content-part {
	display: flex;
	align-items: center;
	justify-content: space-between;
	/* margin: 50px 0; */
	opacity: 0;
	transform: translateX(-100%);
	transition: all 1s ease-in-out;
}

@media (max-width: 768px) {
	.about-content-part {
		flex-direction: column;
		text-align: center;
		 
	}
	.about-content-part p{
		flex-direction: column;
		text-align: justify;
	}
	 
    .image img {
	width: 80%;
	border-radius: 10px;
    }
}
/* .about-content-part:nth-child(even) {
	flex-direction: row-reverse;
	transform: translateX(100%);
} */
.about-content-part.show {
	opacity: 1;
	transform: translateX(0);
}
 
.image img {
	width: 80%;
	border-radius: 10px;
}

.container-counter{
	background-color:#ffffff;
	/* margin: 20px 100px ; */
	
}

.counter-block_one-icon img{
width: 70px;
height: 70px;
}

.counter-block_one-counter,.counter-block_one-text{
	color: #0c0563;
	font-weight: bold;
	font-size: 1em;
	 
}
 
.row{
	display: flex;
	justify-content: space-evenly;
	text-align: center;
}
.counter-block_one-inner{
	/* line-height: 37px; */
	padding-top: 10px;
}
 
.counter-block_one-counter{
font-size: 2.5em;
padding-top: 5px;
}





/* header  style*/

/* Make the header transparent */
.header-upper {
    position: absolute; /* Ensures it stays on top of the content */
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1000; /* Ensures it's above other elements */
      /* Adjust transparency */
    backdrop-filter: blur(10px); /* Adds a blurred glass effect */
    transition: background 0.3s ease-in-out;
}
@media (max-width: 768px) {
	.header-upper {
		 background-color: white;
		transition: background 0.3s ease-in-out;
	}
}
.header-upper.scrolled {
    /* background: #762c2b; */
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
}

/* Navbar links color */
.header-upper .navigation li a {
    color: #762c2b; /* Ensures text is visible */
    font-weight: bold;
}

/* Change background when scrolling */
.header-upper.scrolled {
    background: rgba(0, 0, 0, 0.8); /* Darker background when scrolled */
}

/* Mobile menu */
.navbar-toggler {
    background-color: rgb(14, 13, 13); /* Ensure visibility on transparency */
}

 
.admissions-button:hover {
    background: white;
    color: black;
}

/* Ensure text in dropdown is visible */
/* .last-ul {
    background: rgba(0, 0, 0, 0.7);
} */
.last-ul li a {
    color: white;
}

/* Add transition for smooth effect */
.header-upper, .navigation a {
    transition: all 0.3s ease-in-out;
}



/* index style my */

	
        /* Reset and global styles */
        .program-one,.services-one{
			background-color: white;
		}
		.content-overlay h2,p{
			color:aliceblue;
			padding-bottom: 10px;
		}
		 
		.navbar-collapse{
			width: 100%;
			font-size: 10px;
		}
		
		.h-about-text p{
			color: #000000;
		}
		/* General styles for the header */
		header.main-header {
			position: fixed;
			top: 0;
			width: 100%;
			z-index: 1000;
			/* backdrop-filter: blur(10px);  */
			
		}
		.about-text{
			color: black !important;
		} 
		 .about-head{
			color: #01236E;
			 
		 }
		 
		/* Add space below the header */
		 
			.offering-box{
			  display: grid; 
			  grid-template-columns: repeat(2, 1fr); 
			 padding: 30px 100px;
			   color: black;  
	
			}
			@media only screen and (max-width: 820px){

				.offering-box{
					display: grid; 
					grid-template-columns: repeat(1, 1fr); 
					 
				  }
				  .about-content-part .text{
					width: 100%;
				  }
				  .about-content-part .image{
					width: 100%;
					padding-top: 30px;
				  }
			}		
			 
			.elementor-element {
			   
			  text-align: justify; 
			}
			 
			.elementor-icon-box-title{
			  /* font-family: "Marcellus", Sans-serif; */
			font-size: 24px;
			font-weight: 600;
			/* color: #01236E; */
			}
		
		.elementor-icon .svg-img{
			display: block;
			height: 1.5em;
			position: relative;
			width: 1.5em;
		}
		.elementor-icon-box-description{
		  /* font-size:1.5em; */
		  text-align: center;
		  color: #000000;
		  /* width: 60%; */
		  /* padding-left: 115px; */
		  /* margin-left: 30px; */
		  /* margin-right: 30px; */
		
		}
		.elementor-icon-box-content{
		  text-align: center;
		  /* width: 200px; */
		   
		  }
		 
		   
		  .heading-offer{
			/* font-family: "Marcellus", Sans-serif; */
			font-size: 32px;
			font-weight: 600;
			 
			 
		  }
		.services-one{
			text-align: center;
		}
		
		.heading-offer {
					position: relative;
					left: -100px; /* Start from outside the viewport */
					opacity: 0;
					transition: all 1s ease-in-out;
				}
		
				.heading-offer.show {
					left: 0;
					opacity: 1;
				}
				@keyframes slideIn {
			from {
				transform: translateX(-100%);
				opacity: 0;
			}
			to {
				transform: translateX(0);
				opacity: 1;
			}
		}
		
		.heading-offer {
			animation: slideIn 1s ease-in-out;
		}
		.row-offering {
			width: 100%;
		}

		/* Fade-in animation */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(50px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Zoom-in effect for icons */
@keyframes zoomIn {
    from {
        transform: scale(0.5);
        opacity: 0;
    }
    to {
        transform: scale(1);
        opacity: 1;
    }
}

/* Container styles */
.services-one {
    /* padding-top: 150px; */
    text-align: center;
    background: #f9f9f9;

}
 

/* Flexbox layout */
.offering-box {
    /* display: flex; */
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px;
    margin-top: 50px;
}

/* Service boxes */
.offering-box {
  
    /* background: white; */
 
    border-radius: 10px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    opacity: 0;
    animation: fadeInUp 1s ease-in-out forwards;
}

/* Staggered animation delay */
.offering-box :nth-child(1) { animation-delay: 0.2s; }
.offering-box :nth-child(2) { animation-delay: 0.4s; }
.offering-box :nth-child(3) { animation-delay: 0.6s; }
.offering-box :nth-child(4) { animation-delay: 0.8s; }
 
/* Icon animation */
.elementor-icon-box-icon span {
  
    animation: zoomIn 0.6s ease-in-out;
}
.elementor-icon-box-icon{
	text-align: center;
}
/* Title & description animation */
.elementor-icon-box-title span,
.elementor-icon-box-description {
    
    opacity: 0;
    animation: fadeInUp 1s ease-in-out forwards;
    animation-delay: 0.5s;
}

/* Responsive */
@media (max-width: 768px) {
    .offering-box  {
        flex-direction: column;
        text-align: center;
    }
}




/* 
----------------------------------------
about page styles
-----------------------------------------
 */

 .page-wrapper{
	/* font-family: "Outfit", Sans-serif; */
		background-color: #ffffff;
		overflow-x: hidden;
	}
.mission-heading{
	/* font-family: "Marcellus", Sans-serif ; */
	font-size: 35px;
	font-weight: 600;
	color: #093C5B;   
}
.mission-content{
	/* text-align: center; */
color: #000000;
/* font-family: "Outfit", Sans-serif; */
font-size: 20px;
font-weight: 400;

}
.about-mission{
	text-align: center;
	margin: 50px 90px;
}
.container-about{
		width: 85%;
		/* margin: auto; */
		padding: 50px 0;
	}
	.about-content-part {
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin: 50px 0;
		opacity: 0;
		transform: translateX(-100%);
		transition: all 1s ease-in-out;
	}
	.about-content-part:nth-child(even) {
		flex-direction: row-reverse;
		transform: translateX(100%);
	}
	.about-content-part.show {
		opacity: 1;
		transform: translateX(0);
	}
	.text, .image {
		width: 48%;
	}
	.text h2 {
		font-size: 32px;
		font-weight: 600;
		color: #093C5B
	}
	.about-text p {
		font-size:14px;
		color: #050505;
		margin-top: 10px;
	}
	.image img {
		width: 80%;
		border-radius: 10px;
	}
	.belief-img{
		width: 220px;
		height: 210px;
	}

	.animate-img {
transition: transform 0.5s ease-in-out, box-shadow 0.5s;
}

.animate-img:hover {
transform: translateY(-15px); /* Moves the image 10px upward */
/* box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3); */
}
.animate-text {
opacity: 0;
transform: translateY(20px);
transition: opacity 0.8s ease-in-out, transform 0.8s ease-in-out;
}

.aos-animate .animate-text {
opacity: 1;
transform: translateY(0);
}



.container-about {
		display: flex;
		justify-content: center;
		align-items: center;
		/* padding: 50px 15px; */
		/* margin-top: 50px; */
		/* background-color: #f9f9f9; */
	}

	.about-content-last {
		display: flex;
		flex-wrap: wrap;
		width: 100%;
		
	}

	.about-content-last-box {
		flex: 1;
		/* min-height: 400px; */
		background-color: #d2d8f3;
		color: rgb(12, 12, 12);
		/* padding: 30px ; */
		padding-top: 50px;
		border-radius: 10px;
		text-align:left;
		box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
		opacity: 0;
		transform: translateY(30px);
		animation: fadeInUp 1s ease-in-out forwards;
		transition: transform 0.3s ease-in-out;
		/* margin-bottom: 20px; */
		 height: 200px;

	}

	.about-content-last-box h2 {
		font-size: 28px;
		margin-bottom: 15px;
		text-align: center;
		color: #093C5B;
		font-weight: bold;
 
	}

	.about-content-last-box p {
		/* font-size: 20px; */
		line-height: 2;
		color: rgb(12, 12, 12);
		padding: 0 10px;
	}
	.about-content-last-box:hover {
		transform: scale(2.05);
	}

/* Hover Effect - Moves Slightly Up */
.about-content-last-box:hover {
transform: translateY(-10px);
box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2);
}



.aos-animate h2 {
opacity: 1;
transform: translateY(0);
}



 /* Header image styling */
 .page-title {
	position: relative;
	width: 100%;
	height: 50vh;
	overflow: hidden;
	margin-top: 93px;
  }
  
  .page-title img {
	width: 100%;
	height: 100%;
	object-fit:cover; 
	object-position: center;
	display: block;
	position: relative;
	z-index: 0;
  }
  
  .page-title .overlay {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgba(0, 0, 0, 0.4); /* Dark overlay */
	z-index: 1;
  }
  







.page-heading {
	text-align: center;
	padding-top: 50px;
	 
 
}
 
.about-heading{
	color: rgb(0,45,69);
	/* font-family: "Marcellus", Sans-serif !important; */
    font-size: 45px;
    font-weight: 550;
}

.Beliefs{
	color: rgb(0,45,69);
	/* font-family: "Marcellus", Sans-serif !important; */
}
.Beliefs h2{
	font-size: 35px;
    font-weight: 550;

}
.Belief-box h3{
	 
font-size: 20px;
font-weight: bold;
   
}


.aos-animate p {
opacity: 1;
transform: translateY(0);
}
	/* Animation */
	@keyframes fadeInUp {
		from {
			opacity: 0;
			transform: translateY(30px);
		}
		to {
			opacity: 1;
			transform: translateY(0);
		}
	}

	/* Responsive Design */
	@media (max-width: 768px) {
		.about-content-last {
			flex-direction: column;
		}
		.container-about{
			width: 90%;
			text-align: left;
			 
		}
		.page-title {
			margin-top: 60px;
			height: 20vh;  
		 
		}
		.about-heading{
			color: rgb(0,45,69);
			/* font-family: "Marcellus", Sans-serif !important; */
			font-size: 40px;  
		}
		.about-content-part{
			margin-top: 0;
		}
	}

	 






	/* other page header */
  
	.other-header-style-one{
		background-color: white;
	box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);

		 
	 }

	 
	 .main-header .main-menu .navigation> li > a{
		text-decoration: none;
		/* color: white; */
	 }

	 .last-ul>li >a{
		text-decoration: none;
		color: #762c2b;
	 }



/* ------------------------------------
	 Correspondent page details
------------------------------------ */


.corres-page{
	background-color:#f7f7f7;
}
.correspondent-detail{
	padding-top: 100px;
	width: 100vw;
}





/* ------------------------------------
	 aim & abojective  page style
------------------------------------ */

.container-aim{
	 padding: 120px 20px 20px 70px;
	 display: flex;
	  flex-direction: column;
	 gap: 90px;
	 
	 

}
.aim-part-1,.aim-part-2{
display: flex; 
/* flex-direction: column; */
text-align: center;
justify-content: center;
flex-wrap: wrap;
width: 100%;
 
}
 
 
.aim-content-1,.aim-content-2,  ul{
	color:#000000;
	/* font-size: 20px; */
	text-align: left;
}
.aim-img-2{
	width: 500px;
	height: 300px;
	border-radius:10px;
	/* padding-top: -50px; */
}

.aim-img{
	width: 450px;
	height: 450px;
	border-radius: 10px;
}
.aim-content-2 ul{
	width: 100%;
	text-wrap: wrap;
	/* margin-left: 400px; */
}

.aim-list li{
	list-style:square;
	line-height: 2em;
}

/* animation */

.aim-list li {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

/* Animation when in viewport */
.aim-list li.visible {
    opacity: 1;
    transform: translateY(0);
}

/* Staggered Effect */
.aim-list li:nth-child(1) { transition-delay: 0.2s; }
.aim-list li:nth-child(2) { transition-delay: 0.4s; }
.aim-list li:nth-child(3) { transition-delay: 0.6s; }
.aim-list li:nth-child(4) { transition-delay: 0.8s; }
.aim-list li:nth-child(5) { transition-delay: 1s; }
.aim-list li:nth-child(6) { transition-delay: 1.2s; }

/* Image Animation */
.aim-img {
    opacity: 0;
    transform: scale(0.8);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

/* When Image is Visible */
.aim-img.visible {
    opacity: 1;
    transform: scale(1);
}
@media (max-width: 868px) {
	.aim-img{ 
		display: none;
		 
	 }
}





/* ------------------------------------
	correspondent page style
------------------------------------ */


.correspondent-heading{
	/* font-family: "Marcellus", Sans-serif; */
	font-size: 35px;
	font-weight: 600;
	color: #093C5B;
 }
 .corres-content{
	color: black;
 }
.corres-content {
	text-align: justify;
 color: #000000;
/* font-family: "Outfit", Sans-serif; */
font-size: 18px;
font-weight: 400;
 }

 .corres-img img{
	height: 400px;
	width: 390px;
	border: 2px solid maroon;
	border-radius: 10px;

 }
 .name-bar p{
	color: #420404;
	font-size: 20px;
	font-style: italic;
 }
 .name-bar{
	background-color: #f0e5ab;
 
	padding: 20px 0px 0px 0px;
	border-radius: 15px ;
	width: 350px;
	margin-left:24%;
	margin-top: 20px;
	height: fit-content;
 }

 @media (max-width: 768px) {
	.name-bar{ 
		margin-right: 40px;
		 
	 }
}

 .corres-image-container{
	display: flex;
	flex-direction: column;
	margin-top: 90px;
	 
 }
 .sec-title_text{
	padding-right: 95px;
 }

 
		 /* Smooth transition for image */
.corres-img {
    opacity: 0;
    transform: translateX(-50px);
    transition: opacity 1s ease-in-out, transform 1s ease-in-out;
}

.corres-img.show {
    opacity: 1;
    transform: translateX(0);
}

/* Hover effect on image */
.corres-img img {
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

.corres-img img:hover {
    transform: scale(1.05);
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
}

/* Fade-in effect for heading */
.fade-in {
    opacity: 0;
    transform: translateY(-20px);
    transition: opacity 1s ease-out, transform 1s ease-out;
}

.fade-in.show {
    opacity: 1;
    transform: translateY(0);
}

/* Slide-up effect for paragraphs */
.slide-up {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

/* Delay for staggered effect */
.delay-1 { transition-delay: 0.3s; }
.delay-2 { transition-delay: 0.5s; }
.delay-3 { transition-delay: 0.7s; }
.delay-4 { transition-delay: 0.9s; }
.delay-5 { transition-delay: 1.1s; }

/* When in view, make text visible */
.slide-up.show {
    opacity: 1;
    transform: translateY(0);
}
 
.princi-news p{
	color: #570202;
	font-style: italic;
	/* font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; */
    font-size: 15px;
    font-weight: 600;

}

@media (max-width: 600px) {
	.sec-title_text{
		padding-right: 15px;
		padding-left: 15px;
	 }
	 .name-bar{
		margin-left:-6%;
	 }
.sec-title_text{
	padding-right: 5px;
}
}


/* ------------------------------------
	group page style
------------------------------------ */



.container-group-page {
	display: grid;
		grid-template-columns: repeat(2, 1fr); /* 2 columns */
		gap: 150px;
		max-width: 800px;
		padding-top: 100px; 
		padding-left: 200px;
}

.group-box {
	position: relative;
	width: 400px;
	height: 230px;
	background:white;
	border-radius: 10px;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
	padding: 20px;
	transition: transform 0.4s ease, box-shadow 0.4s ease;
	opacity: 0;
	transform: translateY(30px);
}

/* Box Animation when visible */
.group-box.visible {
	opacity: 1;
	transform: translateY(0);
}

/* Hover Effect */
.group-box:hover {
	transform: translateY(-10px);
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

/* Image Styles */
.group-box img {
	position: absolute;
	top: -40px;
	left: -90px;
	width: 230px;
	height: 250px;
	object-fit: cover;
	border-radius: 10px;
	transition: transform 0.4s ease;
}

/* Hover Effect on Image */
.group-box:hover img {
	transform: scale(1.1);
}

/* Text Content */
.group-name {
	margin-top: 40px;
	font-size: 16px;
	color: #0c0c0c;
	text-align: center;

	padding-left: 130px;
}

.group-head{
	font-size: 24px;
	padding-left: 170px;
}

@media (max-width: 600px) {
		.container-group-page {
			grid-template-columns: 1fr; /* 1 column on smaller screens */
			gap: 100px;
		}
	}




	@media (max-width: 900px) {
		.container-group-page {
			grid-template-columns: 1fr; /* Single column on smaller screens */
			padding: 30px;
		}
	}	

/* Responsive Design */
@media (max-width: 768px) {
    .container-group-page {
        grid-template-columns: 1fr; /* Single column on smaller screens */
        padding: 30px;
    }

    .group-box {
        width: 80%;
        /* margin: 0  20px; */
		margin-left: 20px;
    }
	.group-name {
		font-size: 18px;
		color: #666;
		margin-top: 10px;
	 
	}
	.group-box img {
		position: absolute;
		top: -20px;
		left: -90px;
		width: 160px;
		height: 170px;
		object-fit: cover;
		border-radius: 10px;
		transition: transform 0.4s ease;
		margin-left: 60px;
	}
	.group-head{
		padding-left: 120px;
		padding-top: 20px;
	}
	.group-box { 
		width: 320px;
		height: 200px;  
	}
}

@media (max-width: 480px) {
    .group-box {
        padding: 15px;
    }

    .group-head {
        font-size: 20px;
    }

    .group-name {
        font-size: 16px;
    }
	.group-box { 
		width: 320px;
		height: 230px;  
	}
}

/* --------------------------------------
rules styles
--------------------------------------- */

.container-rules {
            
	margin:0 80px;
	overflow: hidden;
	padding: 50px 0;
}
.section-rules {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 50px 0;
	opacity: 0;
	transform: translateY(50px);
	transition: all 0.8s ease-in-out;
	gap: 80px;
   
}
.section-rules.show {
	opacity: 1;
	transform: translateY(0);
}
.rule-text p{
  line-height: 35px;
	font-size: 16px;
	color: black;
	
}
.rule-image {
	width: 500px;
	/* height: 200px; */
}
.rule-image img {
	width: 100%;
	border-radius: 10px;
	transition: transform 0.5s;
}
.rule-image img:hover {
	transform: scale(1.05);
}
.reverse {
	flex-direction: row-reverse;
}

@media (max-width: 600px) {
  .section-rules {
	flex-direction: column;
  }
  .rule-image {
	width: 300px;   
}
.container-rules {
	
	margin:0 40px;
}
.rule-text p{  
	font-size: 16px;   
}
.section-rules {
  gap: 10px;
}
.rule-image-2{
  display: none;
}
}



/* 
-------------------------------------------
faculty-members-page
------------------------------------------ */

.faculty-members-page{
	background-color: white;
}
 .info-block_one{
	padding: 100px 30px;  
 }

 .container-faculty{
	width: 80%;
	max-width: 1200px;
	margin: auto;
	padding: 40px 0;
}
table {
	width: 100%;
	border-collapse: collapse;
	background: #fff;
	border-radius: 10px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	overflow: hidden;
	margin-bottom: 30px;
}
th, td {
	padding: 15px;
	text-align: left;
}
th {
	background: #6d2c2a;
	color: white;
	text-transform: uppercase;
}
tr:nth-child(even) {
	background: #f9f9f9;
}
.faculty-section-heading {
	text-align: left;
	font-size: 24px;
	font-weight: bold;
	color: #762c2b;
	margin: 20px 0 10px;
	border-bottom: 2px solid #762c2b;
	padding-bottom: 5px;
}


@media (max-width: 768px) {
    
	.faculty-section-heading {
		text-align: left;
		font-size: 18px; 
	}
	.container-faculty{
		width:auto;
	}
	.info-block_one{
		padding: 30px 30px;  
	 }
	 .info-block_one-icon img{
		width: 100px;
		height: 100px;
	 }
}


/* 
------------------------------------------
admissions page style 
------------------------------------------ */

.Admission-page{
	background-color: white;

}
.admission { 
display: flex;
	align-items: center;
	justify-content: center;
	padding: 50px 0;

}
.admission-heading{
	padding: 50px 0;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	
}

.heading-add{
	font-size: 2.5em;
	color: rgb(3, 3, 112);
	line-height: 100px;
}
.add-text-1{
	color: black;
	/* font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; */
	font-size: 1.5em;
}
.add-text-2{
	color: black;
	padding: 0 130px;
	text-align: center;
}
.container-admission{
	max-width:100%;
	background: white;
	padding: 20px;
	border-radius: 10px; 
	box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}
 
.form-group {
	display: flex;
	justify-content: space-between;
}
.form-group div {
	width: 48%;
}
label {
	font-weight: bold;
	/* display: block; */
	margin-bottom: 5px;
}
input, select, textarea {
	width: 100%;
	padding: 10px;
	margin-bottom: 15px;
	border: 1px solid #ccc;
	border-radius: 5px;
	font-size: 14px;
	transition: border-color 0.3s;
}
input:hover, select:hover, textarea:hover {
	border-color: #007bff;
}
.submit-app{
	display: flex;
	align-items: center;
	justify-content: center;
}
button {
	background-color: #021a66;
	color: white;
	padding: 12px;
	border: none;
	border-radius: 5px;
	font-size: 16px;
	cursor: pointer; 
	transition: background-color 0.3s;
	 
}
button:hover {
	background-color: #e0a628;
	box-shadow: 0px 4px 10px #e0a628;
}


@media (max-width: 600px) {
.admission {
	 padding: 0px 20px;
}
.heading-add{
	font-size: 2.2em;
	color: rgb(3, 3, 112);
	line-height: 70px;
}

.add-text-2{
	 
	padding: 0 20px;
	 
}
}
@media (max-width: 1000px) {
    .form-group {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	.form-group div {
		width: 100%;
	}
	.add-text-1{
		text-align:center;
		font-size: 18px;
	} 
	.heading-add{
		font-size: 28px;
	}
	}

/* 
----------------------------------------------
video part style home page
------------------------------------------------ */


.video-section{
	background-color: #FFFFFF
	/* height: auto; */
}
.video-2{
	height: auto;
}

.video-part{

	background-color: #1e1f3d;
	margin: 30px;
	border-radius: 20px;
	height: 100vh;
	text-align: center;
	line-height: 40px;
	padding-top: 40px;
	color: white;
	 
}

.video iframe{
	width: 70vw;
	height: 80vh;

}

@media (max-width: 768px) {
	.video-2{
		height: 350px;
	}
	.video iframe{
	width: 70vw;
	height: 200px;

}
	}




 /* footer style */

 

	/* group style */


	.header-upper.scrolled {
    background: white !important;
	box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
	color: white !important;
    /* box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2); */

}


body{
 
 font-family: "Poppins", serif  !important;
  
 font-style: normal;

}


/* footer style */
 /* --------------------------------------------------------- */
  .footer-part{
	position: relative;
	background-color: #001441;
	color: #ffffff;
	padding: 20px 5px 5px 5px;
	font-weight: normal;
	margin-top: 90px;
	overflow: hidden;
  }      

  /* Background Overlay */
.footer-part::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #001441; /* Same as footer bg */
    opacity: 0.3; /* Light overlay effect */
    z-index: 1;
}

.footer {
	
	display: flex;
	justify-content: space-between;
	/* align-items: center; */
	flex-wrap: wrap;
	row-gap: 50px;
	position: relative;
    z-index: 3;
}
.left-footer, .center-footer, .right-footer {
	flex: 1;
	padding: 30px;
}
.left-footer {
	display: flex;
	/* align-items: center;   */
	gap: 10px; /* Space between logo and text */
	padding-top: 90px;
}
.left-footer img {
	width: 100px;
	height: 100px;
	padding-top: 10px;
	margin-top: 30px;
	margin-right: 20px;
}

.footer-logo{
	background-color: #FFFFFF;
	border-radius: 50%;
}
.left-footer p {
	 
	font-size: 14px;
	line-height: 24px;
	/* opacity: 0.8; */
}
.center-footer {
	text-align: left;
	
}
.center-footer p{
	 margin-bottom: 0px;
	line-height: 28px;
}
.right-footer {
	text-align:left;
	
}
.footer-content{
	padding-bottom: 5px;
	
}
 
.footer-heading{
opacity: 0.8;
padding-bottom: 30px;
font-size: 14px;
}
.footer-map-container iframe {
	width: 100%;
	max-width: 350px;
	height: 290px;
	border-radius: 8px;
	border: none;
}
.Copyrights{
	font-size: 12px;
	padding-left: 30%;
	padding-top: 40px;
}
@media (max-width: 768px) {
	.footer {
		flex-direction: column;
		text-align: center;
		gap: 1px;
	}
	.left-footer, .center-footer, .right-footer {
		text-align: center;
		justify-content: center;
	}
	.left-footer {
		justify-content: center;
	    flex-direction: column;
		align-items: center;
		 
	}
	.right-footer {
		text-align: center;
	}
	.Copyrights{
		padding-left: 20px;
		text-align: center;
	}
	.left-footer {
		gap: 20px; 
		padding-top: 0px;
	}
}
 
 
/* Social Media Icons */
  
.social-icons {
    color: #ffffff; 
    font-size: 26px;  
    padding: 8px;  
    transition: color 0.3s, transform 0.3s;  
} 

/* Hover Effect */
.social-icons:hover {
    color: #ffcc00; 
    transform: scale(1.2);  
}

 

.center-footer i {
    color: white;
    font-size: 16px;
}


/* Background Icons */
.footer-icons {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
}
 

	 /* admission button */

	 
/* Modal Styling */
.modal {
	display: none;
	position: fixed;
	z-index: 1000;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.788);
	justify-content: center;
	align-items: center;
  }
  
  .modal-content {
	background: white;
	padding: 20px;
	border-radius: 8px;
	width: 40%  ;
	max-width: 500px;
	position: relative;
  }
  
  .add-close {
	position: absolute;
	top: 10px;
	right: 15px;
	font-size: 25px;
	cursor: pointer;
  }
  
  input, select {
	width: 100%;
	padding: 10px;
	margin: 10px 0;
	border: 1px solid #ccc;
	border-radius: 5px;
  }
  
  .add-submit-btn {
	width: 30%;
	padding: 10px;
	background: #0c0268;
	color: rgb(255, 255, 255);
	border: none;
	border-radius: 5px;
	cursor: pointer;
	margin-left: 30%;
	margin-top: 20px;
  }
  
  .add-submit-btn:hover {
	background: #0056b3;
  }
  
  @media (max-width: 768px) {
	
	.modal-content {
		background: white;
		padding: 20px;
		border-radius: 8px;
		width: 80% ;
		max-width: 500px;
		 
	  }
}

.modal-content > form >label{
text-align: left;
}




/* home page  Discover What We Provide */

.elementor-icon {
    color: #69727d;
    display: inline-block;
    font-size: 50px;
    line-height: 1;
    text-align: center;
    transition: all .3s
}
.elementor-icon:hover {
    color: #69727d
}

.elementor-icon i,
.elementor-icon svg {
    display: block;
    height: 1em;
    position: relative;
    width: 1em
}
.elementor-icon i:before,
.elementor-icon svg:before {
    left: 50%;
    position: absolute;
    transform: translateX(-50%)
}

.elementor-icon i.fad {
    width: auto
}


.elementor-clearfix:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    width: 0
}




/* header responsive */


@media only screen and (max-width: 1140px){
	
	.main-header .main-menu .navigation > li{
		margin-right: 15px;
	}

	.main-header .header-lower{
		border-radius: 0px;
	}

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

	.main-header .header-lower .logo-box{
		margin-right:20px;
	}
	
	h1 {
	  /* line-height: 72px; */
	  font-size: 60px;
	}
	
	.choose-one_title-outer{
		padding-top:0px;
	}
	
	.choose-one_content-outer{
		padding-right:0px;
	}
	
	.header-phone_box{
		display:none;
	}
	
	.about-one_image-outer{
		margin-left:0px;
	}
	

	
	.booking-one_counter{
		padding:30px 25px;
	}
	
	.cta-one_counter-outer{
		border:none;
		padding-left:0px;
	}
	
	.testimonial-three .testimonial-pager_thumbs .pager-item:nth-child(1){
		left:0%;
	}
	
	/* .cta-one .inner-container{
		padding:45px 30px;
	} */
	
	.testimonial-three .testimonial-pager_thumbs .pager-item:nth-child(4){
		left:40%;
	}
	
	.instagram-one .swiper-slide.swiper-slide-active .image{
		width:auto;
		margin-left:0px;
	}
	
	.instagram-one .swiper-slide.swiper-slide-prev .image,
	.instagram-one .swiper-slide.swiper-slide-next .image{
		margin-top:0px;
	}
	
}

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

	.main-header .main-menu .navigation > li > a{
		font-size: 16px;
	}

	.main-header .main-menu .navigation > li{
		margin-right: 20px;
	}

	.about-one.style-three .about-one_content-outer{
		margin-top:0px;
	}
	
	.slider-three_icon-two{
		display:none;
	}
	
	.slider-three .slider-one_pagination{
		margin-left:15px;
	}
	
	.about-one_content-outer{
		padding:0px 0px;
	}
	
	.slider-three_content-inner{
		padding-right:0px;
	}
	
	.price-box_list li{
		padding-left:20px;
	}
	
	.sidebar-page-container .sidebar-side .sidebar{
		margin-left:0px;
	}
	
}

@media only screen and (max-width: 1300px){
	.main-header .mobile-nav-toggler{
		display:block;
		margin-left: 10px;
	}
}


.main-header .sticky-header .mobile-nav-toggler{
	display:block;
}

@media only screen and (max-width: 1023px){
	
	.main-header .main-box .logo-box {
		position:relative;
		left:0px;
		top:0px;
		right:0px;
		bottom:0px;
		margin:0px;
		text-align:left;
	}
	
	.main-header{
		position:relative;
		   
	}
	
	
	.main-header .nav-outer,
	.main-header .sticky-header .main-menu{
		display:none;
	}
	
	.main-header #navbarSupportedContent{
		display:block;
	}
	
	.main-header .mCSB_inside > .mCSB_container{
		margin-right:0px;
	}

	.main-header .outer-box{
		margin-left: 0px;
	}

	.main-header .main-menu{
		display: none;
	}

}


/* home page round style */

.circle-section {
	background-color: #ffffff;
	text-align: center;
	padding: 100px 20px 50px 80px;
 
	
}
.circle-container-box{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.circle-container {
	position: relative;
	width: 500px;
	height: 500px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.circle-item {
	position: absolute;
	width: 110px;
	height: 110px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	transition: transform 0.3s ease-in-out;
}

.circle-item i {
	font-size: 30px;
	color: white;
}

.circle-item:hover {
	transform: scale(1.1);
}

.circle-item:hover::after {
	content: attr(data-title);
	position: absolute;
	top: 100%;
	background: rgba(0, 0, 0, 0.8);
	color: white;
	padding: 5px 10px;
	border-radius: 5px;
	font-size: 12px;
	white-space: nowrap;
}

/* Explicit Colors */
.circle-item-1 { background-color: #4169E1; } /* Royal Blue */
.circle-item-2 { background-color: #B8860B; } /* Deep Gold */
.circle-item-3 { background-color: #228B22; } /* Emerald Green */
.circle-item-4 { background-color: #6A0DAD; } /* Royal Purple */
.circle-item-5 { background-color: #DC143C; } /* Crimson Red */
.circle-item-6 { background-color: #0050A0; } /* Sapphire Blue */
.circle-item-7 { background-color: #800000; } /* Majestic Maroon */
.circle-item-8 { background-color: #000080; } /* Rich Navy */

/* Center description box */
.description-box {
	position: absolute;
	width: 190px;
	height: 190px;
	border-radius: 50%;
	background-color: white;
	color: black;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-size: 14px;
	font-weight: bold;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3);
	padding: 15px;
	border: 3px solid #007bff;
}

.description-box img {
	width: 200px;
	height: 200px;
	margin-bottom: 10px;
}


  
@media (max-width: 768px) {
	.circle-container-box{
		flex-direction: column;
	}
	.circle-container {
		position: relative;
		width: 200px;
		height: 500px;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.circle-item {
		position: absolute;
		width: 90px;
		height: 90px;
		border-radius: 50%;
		display: flex;
		justify-content: center;
		align-items: center;
		cursor: pointer;
		transition: transform 0.3s ease-in-out;
	}
	.description-box {
	 
		width: 140px;
		height: 140px; 
		font-size: 10px;
		padding: 4px; 
	}
	
	.description-box img {
		width: 200px;
		height: 200px;
		margin-bottom: 10px;
	}
	.circle-section {
		padding:50px 20px;
	}
	
}
 


/* whatsapp style */

/* WhatsApp Icon Styling */
.whatsapp-float {
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 1000;
	width: 50px;
	height: 50px;
	background-color: #25d366;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
	transition: transform 0.3s ease-in-out;
	text-decoration: none;
	color: white;
	font-size: 24px;
  }
  
  .whatsapp-float i {
	color: white;  /* Make icon white */
  }
  
  .whatsapp-float:hover {
	transform: scale(1.1);
  }
  

 /* Chatbox */
.chat-box {
    position: fixed;
    bottom: 80px;
    right: 20px;
    width: 320px;
    background: white;
    border-radius: 10px;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    
    /* Initially Hidden */
    opacity: 0;
    transform: scale(0.8);
    visibility: hidden;
    
    /* Smooth Animation */
    transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, visibility 0.3s;
}

/* Show chatbox with animation */
.chat-box.active {
    opacity: 1;
    transform: scale(1);
    visibility: visible;
}


/* Header */
.chat-header {
	background-color: rgb(74, 164, 133);
	color: white;
	padding: 10px;
	display: flex;
	align-items: center;
	gap: 10px;
}

.chat-header img {
	width: 35px;
	height: 35px;
	border-radius: 50%;
	border: 2px solid white;
}

.chat-header .chat-status {
	font-size: 12px;
	opacity: 0.8;
}

/* Chat Messages */
.chat-messages {
	padding: 10px;
	height: 250px;
	overflow-y: auto;
	display: flex;
	flex-direction: column;
	background: #e5ddd5;
}

.message {
	max-width: 80%;
	padding: 8px 12px;
	border-radius: 10px;
	margin: 5px 0;
	font-size: 14px;
	word-wrap: break-word;
}

.sender {
	align-self: flex-end;
	background-color: #dcf8c6;
}

.receiver {
	align-self: flex-start;
	background-color: #fff;
}

/* Input Area */
.chat-input {
	display: flex;
	align-items: center;
	padding: 10px;
	border-top: 1px solid #ddd;
	background: white;
}

.chat-input input {
	flex: 1;
	padding: 8px;
	border: 1px solid #ddd;
	border-radius: 20px;
	outline: none;
}

.chat-input button {
	margin-left: 5px;
	padding: 8px 15px;
	background-color: rgb(74, 164, 133);
	color: white;
	border: none;
	border-radius: 20px;
	cursor: pointer;
	transition: 0.3s;
}

.chat-input button:hover {
	background-color: #1eb14b;
}
/* Close Button */
.close-btn {
    background: none;
    border: none;
    color: white;
    font-size: 16px;
    cursor: pointer;
    margin-left: auto;
    padding: 5px;
    transition: 0.3s;
}

.close-btn:hover {
    color: #ccc;
}




/* header logo name style */


.logo-container {
	display: flex;
	align-items: center;
	margin-left: -10px;
}

.bold-name{
	font-weight: bold;
	font-size: 16px;
}
.school-name {
	display: flex;
	flex-direction: column;  
	width: 150px;
	/* align-items: flex-start;   */
	text-align: left; 
}
.bold-name {
	font-size: 20px;
	font-weight: 700; 
	color: #e2b22c;
	line-height: 20px;
}

.sub-text {	 
	font-size: 11px;
	/* color: black; */
	line-height: 12px;
	/* font-weight:lighter;  */
	text-transform: uppercase;
}	

.sub-text1{
	color: #000000;
}
@media (max-width: 768px) {
	.logo-container {
		display: flex;
		align-items: center;
		/* gap: 10px;   */
		margin-left: -28px;
		width: 180px;
	}
  
	.school-name {
		display: flex;
		flex-direction: column;  
		align-items: flex-start;  
		text-align: left;
		margin-left: -10px;
	}
	.bold-name { 
		font-weight: 700; 
		color: #e2b22c;
		line-height: 20px;
		font-size: 14px;
	}
	
	.sub-text {

		font-size: 8px;
	    color: black;
		line-height: 9px;
		/* font-weight:lighter;  */
		text-transform: uppercase;
	}	
}


/* home page poster style */


  /* Overlay Background */
 
  #poster-container {
    display: none;
    position: fixed;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1000;
    text-align: center;
  }

  #poster-image {
    /* max-width: 80%; */
    max-height: 80vh;
    cursor: pointer;
  }


  #close-button {
    position: absolute;
    top: -10px;
    right: -10px;
    background-color: #f00;
    color: white;
    padding: 5px 10px;
    border: none;
    cursor: pointer;
	border-radius: 50%;
  }

  #overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 999;
  }
  @media (max-width: 768px) {
	#poster-image {
		/* max-width: 80%; */
		/* width: 350px; */
		height: 400px;
		cursor: pointer;
	  }
	}


  ol,ul{
		margin-bottom: 0px !important;
	}