@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Roboto:wght@100;300;400;500;700;900&display=swap');
@font-face { font-family: 'Algerian'; src: url('../fonts/Algerian-Regular.woff2'); }

/*
font-family: 'Inter', sans-serif;
font-family: 'Roboto', sans-serif;
*/
:root{
	--color01:#031e6d;
	--color02:#f98900;
  --shades01:#ffffff;
  --shades02:#101520;
  --shades03:#f1f3f8;
  --shades04:#434853;
  --shades05:#656c7d;
  --shades06:#e5e8f0;
  --shades07:#feedd9;
		--swiper-theme-color:var(--color02)
}

/* ********|| INITIALIZATION STARTS ||******** */
body, html{ width: 100%; line-height:18px; margin:0 auto !important;padding:0 !important;font-family: 'Inter', sans-serif; font-weight: 400; -webkit-font-smoothing: subpixel-antialiased;text-shadow: 1px 1px 1px rgba(0,0,0,0.004);font-size: 14px;  color: var(--shades02); background:var(--shades01);position: relative; z-index: 0;}
*:focus{outline: none !important;outline-offset: none !important;outline-offset: 0 !important;}
a {text-decoration: none ;}
a:hover{text-decoration: none;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease;transition: all 0.3s ease;}
a:focus{ outline: none;text-decoration: none;}
input:focus, label:focus{outline: none !important;outline-offset: none !important;outline-offset: 0 !important;}
/* ********|| INITIALIZATION ENDS ||******** */

/* ********|| PSEUDO ELEMENTS STARTS ||******** */
::selection{ background-color:var(--color01); color:var(--shades01)}
::-moz-selection{ background-color:var(--color01); color:var(--shades01)}
::-webkit-selection{ background-color:var(--color01); color:var(--shades01)}

:-webkit-focus { outline: none !important; }
:-moz-focus { outline: none !important; }
:focus { outline: none !important; }

select:-webkit-focusring { color: var(--shades01) !important;text-shadow: 0 0 0 var(--shades02);}
select:-moz-focusring {color: var(--shades01) !important;text-shadow: 0 0 0 var(--shades02);}
select:focusring {color: var(--shades01) !important; text-shadow: 0 0 0 var(--shades02);}

::input-placeholder{ color:var(--shades02) !important;}
::-moz-input-placeholder{ color:var(--shades02) !important;}
::-webkit-input-placeholder{ color:var(--shades02) !important;}


input::-webkit-outer-spin-button, input::-webkit-inner-spin-button{-webkit-appearance: none; margin: 0;}
input[type=number]{-moz-appearance: textfield;}

/*::-webkit-scrollbar-track{	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);box-shadow: inset 0 0 6px rgba(0,0,0,0.1);background-color: var(--textMedColor);}
::-webkit-scrollbar{width: 5px;height: 5px;background-color: var(--textMedColor);}
::-webkit-scrollbar-thumb{background-color: var(--secondaryColorAltLight);}*/
/* ********|| PSEUDO ELEMENTS ENDS ||******** */

/* ********|| ADJUSTMENT CLASSES STARTS ||******** */
*,::after,::before{box-sizing: border-box;}
a, button{color:var(--shades02); border:0; transition: all 0.3s ease;}
a:hover, a:focus{color:var(--shades02);}
p { margin: 0 0 10px; }
hr{margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid var(--color04);}
strong{font-weight:600;}

.required:after{content:"*";color:#f44336; font-size:16px; font-weight:600; position: absolute;margin: 0 0 0 3px;}
.separator_dashed{ border-bottom:var(--color04) 1px dashed;}
.separator_dotted{ border-bottom:var(--color04) 1px dotted;}
.separator_solid{ border-bottom:var(--color04) 1px solid;}

/* ********|| ADJUSTMENT CLASSES ENDS ||******** */
.fancybox__thumbs .carousel__slide .fancybox__thumb::after{border-color:var(--color02)}

.form-control{ border-radius: 4px;box-shadow: none;border: 1px solid #ddd;color: var(--textColor);background-color: var(--shades01);min-width: 50px;min-height: 38px;width: 100%;padding: 6px 12px;font-family: inherit;font-size: 14px;}
.form-control:focus{ border-color:var(--shades01);box-shadow: none;}
.form-control::-webkit-input-placeholder{ color: var(--shades02) !important;}
.form-control:-moz-placeholder{color:var(--shades02) !important;opacity:  1 !important;}
.form-control::-moz-placeholder{color:var(--shades02) !important; opacity:1 !important;}
.form-control:-ms-input-placeholder{color:var(--shades02) !important;}
.form-control::-ms-input-placeholder{color:var(--shades02) !important;}
textarea.form-control{ resize:none; min-height: 100px;}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{ background-color: var(--shades01); opacity: 0.7; cursor: not-allowed;}

.custom-checkbox{position: relative;padding:8px 0 8px 30px;margin:0;display: flex; align-items:center; line-height:1;}
.custom-checkbox .custom-checkbox-input{position: absolute;z-index: 1;top: 0;left: 0;width: 100%;height: 100%;opacity: 0; cursor: pointer;}
.custom-checkbox .custom-checkbox-label{position: relative;margin: 0;font-size: 14px;font-weight: 500;color: var(--color02);line-height: 1;}
.custom-checkbox .custom-checkbox-label:before{content:'';position:absolute;width: 18px;height: 18px;background: var(--shades01);border: 1px solid var(--shades04);top: 50%;left: -30px; transform: translateY(-50%);border-radius: 2px;}
.custom-checkbox .custom-checkbox-label:after{content: "\f00c";position: absolute;font-family: "Font Awesome 5 Pro";width: 18px;height: 18px;top: 50%;left: -30px;transform: translateY(-50%); font-weight: 500;font-size: 14px;display: none;align-items:center; justify-content:center; color: var(--shades01);text-align: center;}
.custom-checkbox .custom-checkbox-input:checked ~ .custom-checkbox-label:after{display:flex;}
.custom-checkbox .custom-checkbox-input:checked ~ .custom-checkbox-label:before{background: var(--color01);border: 1px solid var(--color01);}

.custom-radio{position: relative;padding:8px 0 8px 30px;margin:0;display: flex; align-items:center; line-height:1;}
.custom-radio .custom-radio-input{position: absolute;z-index: 1;top: 0;left: 0;width: 100%;height: 100%;opacity: 0; cursor: pointer;}
.custom-radio .custom-radio-label{position: relative;margin: 0;font-size: 14px;font-weight: 500;color: var(--color02);line-height: 1;}
.custom-radio .custom-radio-label:before{content:'';position:absolute;width: 18px;height: 18px;background: var(--shades01);border: 1px solid var(--shades04);top: 50%;left: -30px; transform: translateY(-50%);border-radius: 50%;}
.custom-radio .custom-radio-label:after{content: "\f111";position: absolute;font-family: "Font Awesome 5 Pro";width: 18px;height: 18px;top: 50%;left: -30px;transform: translateY(-50%); font-weight: 600;font-size: 8px;display: none;align-items:center; justify-content:center; color: var(--shades01);text-align: center;}
.custom-radio .custom-radio-input:checked ~ .custom-radio-label:after{display:flex;}
.custom-radio .custom-radio-input:checked ~ .custom-radio-label:before{background: var(--color01);border: 1px solid var(--color01);}

.custom-tab{}
.custom-tab .custom-tab-navigation{padding-left: 0;list-style: none;display: flex;flex-wrap: wrap;justify-content: center;margin: 0 auto 10px;}
.custom-tab .custom-tab-navigation > li{width: auto;margin:5px;position: relative;}
.custom-tab .custom-tab-navigation > li > a{background-color: rgba(255,255,255,0.1);color: var(--shades01);padding: 10px 20px;display: block;font-size: 16px;font-weight: 400;text-transform: capitalize;position: relative;border-radius: 4px;max-width: 300px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.custom-tab .custom-tab-navigation > li.active > a,.custom-tab .custom-tab-navigation > li > a:hover{background-color: var(--shades01);}
.custom-tab .custom-tab-content{}
.custom-tab .custom-tab-content .custom-tab-wrap{display: none;background: transparent;padding: 20px 0;}
.custom-tab .custom-tab-content .custom-tab-wrap.active{display: block;}
.custom-tab .custom-tab-content .custom-tab-navigation > li > a{padding: 5px 10px;font-size: 14px;font-weight: 600;}
.custom-tab .custom-tab{margin-top: -20px;}
.custom-tab .custom-tab .custom-tab-navigation{margin-bottom: 0;}
@media (min-width: 576px){.custom-tab .custom-tab-navigation{max-width:620px}}
@media (min-width: 768px){.custom-tab .custom-tab-navigation{max-width:740px}}
@media (min-width: 992px){.custom-tab .custom-tab-navigation{max-width:1140px}}
@media (min-width: 1200px){.custom-tab .custom-tab-navigation{max-width:1200px}}

/* /////////////////////////////////////////////////////////////// */
/*             			   	 	BOOTSTRAP FIX            			   				 */
/* /////////////////////////////////////////////////////////////// */
@media (min-width: 576px){
	.container {max-width: none;}
	.modal-dialog {max-width: 700px;}
	.modal-sm {max-width: 400px;}
}
@media (min-width: 768px){
	.container {max-width: 740px;}
}
@media (min-width: 992px){
	.container {max-width: 960px;}
}
@media (min-width: 1200px){
	.container {max-width: 1170px;}
}
@media (min-width: 1440px){
	.container {max-width: 1280px;}
}
@media (min-width: 1600px){
	.container {max-width: 1400px;}
}
@media (min-width: 1900px){
	.container {max-width: 1500px;}
}

.modal-open {overflow: auto;}
.modal{ overflow-x: hidden; overflow-y: auto;}
.overflow-hidden{overflow:hidden !important;}
.dropdown .dropdown-toggle{padding-right: 16px !important;position: relative;}
.dropdown .dropdown-toggle::after{content: "\f078";font-family: "Font Awesome 6 Pro";font-size: 12px;font-weight: 500;display: block;position: absolute;margin: 0;vertical-align: unset;top: 50%;right: 0;transform: translateY(-50%);border: 0; color: var(--shades02); opacity: 1; transition: all 0.3s ease;}
.dropdown.show .dropdown-toggle::after{transform: translateY(-50%) rotate(-180deg);}
.dropdown .dropdown-menu{border-radius: 6px;border: 0;background-color: rgba(255,255,255,0.1);box-shadow: rgba(0,0,0,0.1) 0 2px 16px;margin: 6px 0 0;}
.dropdown-menu .dropdown-item{display: flex; padding: 10px 16px; color: var(--shades02); font-size: 15px; line-height: 1; font-weight: 500;}
.dropdown-menu .dropdown-item:focus,.dropdown-menu .dropdown-item:hover,.dropdown-menu .dropdown-item:active, .dropdown-menu .dropdown-item.active{background: var(--color01);color: var(--shades01);}
.mega-dropdown{position:static !important;}
.mega-dropdown .mega-dropdown-menu{display:block;width: 100%;top: auto !important;left: 50% !important;transform: translate(-50%,50px) !important;padding: 20px 40px;visibility: hidden;opacity:0;transition:.5s ease all;}
.mega-dropdown .mega-dropdown-menu.show{display:block;transform: translate(-50%,0) !important;visibility: visible;opacity:1;transition:.5s ease all;}

.table-responsive{ background-color: var(--shades01); border-radius: 8px;box-shadow: rgba(0,0,0,0.1) 0 2px 16px; margin: 0 0 20px;}
.table{border: 0; margin: 0;}
.table td, .table th{border:0}
.table thead th{font-size: 13px;font-weight: 600;text-transform: uppercase;color: var(--shades01);background-color: var(--color01);border-bottom: 4px solid var(--color02);padding: 20px;}
.table tbody th{font-size: 13px; font-weight: 600; text-transform: uppercase; color: var(--color01);padding:10px 20px;}
.table tbody td{font-size: 14px; font-weight: 400;color: var(--shades02);padding:10px 20px;}
.table tbody tr+tr th,.table tbody tr+tr td{ border-top:1px solid var(--shades03);}

/*////////////////////////////////////////////////////////////////*/
/*             		          	 HOME PAGE      	      				  	*/
/*////////////////////////////////////////////////////////////////*/
/*
font-family: 'Inter', sans-serif;
*/
/* ********|| HEADER STARTS ||******** */
header{position: sticky; top: 0; z-index: 99; background-color: var(--shades01); width: 100%;height: 150px;display: block; align-items: center; transition: all 0.3s ease;}
header:before{content: ''; position: absolute;width:100%; height:100%; top: 0;left: 0;background-color: var(--shades01);z-index: -1; opacity: 0;transition: all 0.3s ease;}
header .container{display: flex; align-items: center;}
header .brand{position: relative;height: 100px; margin-right: auto;padding: 10px 0;}
header .brand .logo{display: flex; align-items: center; height: 100%; width: 100%;}
/* header .brand .logo img{width: 100%;height: 100%;object-fit: contain; object-position: left center;filter: brightness(100) grayscale(1); transition: all 0.1s ease;} */
header .brand .logo .logo-image{height: 100%;width: 80px; min-width: 80px; margin-right: 20px;}
header .brand .logo .logo-image img{width: 100%;height: 100%;object-fit: contain; object-position: left center;}
header .brand .logo .logo-content{width: 100%;}
header .brand .logo .logo-title{font-size: 40px;line-height: 1;font-weight: 400;color: var(--color01);text-transform: uppercase;font-family: 'Algerian';}
header .brand .logo .logo-text{font-size: 18px;line-height: 1;font-weight: 500;color: var(--color02);margin: 6px 0 0;text-transform: uppercase;text-align: center;letter-spacing: 5px;}
header .navigation{position: relative; margin-left: auto;background-color: var(--color01);}
header .nav-menu{display: flex; align-items: center;margin: 0 auto; justify-content: space-between;width: 100%;}
header .nav-menu .nav-item{position: relative;}
header .nav-menu .nav-item+.nav-item{margin-left: 20px;}
header .nav-menu .nav-link{padding: 0;line-height: 1.5;font-size: 16px;color:var(--shades01);font-weight: 500; height: 50px; display: flex; justify-content: center; align-items: center; width: 100%;}
header .nav-menu .nav-item:hover .nav-link{color: var(--color02);}
header .nav-menu .nav-item.active .nav-link{color: var(--color02);}
header .btn-menu-trigger{padding: 0;line-height: 0;font-size: 20px;color: var(--shades01);background-color: var(--color01);width: 40px;height: 40px;display: none;justify-content: center;align-items: center;border: 0;border-radius: 30px;text-transform: uppercase;font-weight: 300;margin-left: 20px;position: relative;}
header .btn-menu-trigger:before{content:'\f0c9'; font-family: 'Font Awesome 6 Pro'; opacity: 1; visibility: visible; }
header .btn-menu-trigger:after{content:'\f00d'; font-family: 'Font Awesome 6 Pro'; opacity: 0; visibility: hidden;}
header .btn-menu-trigger:before,header .btn-menu-trigger:after{ padding: 1px 0 0;position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;transition: all 0.3s ease;}

header .btn-menu-trigger.active{background-color: var(--color02);}
header .btn-menu-trigger.active:before{opacity: 0; visibility: hidden;}
header .btn-menu-trigger.active:after{opacity: 1; visibility: visible;}

header .header-options{display: flex; align-items: center; justify-content: flex-end; padding-left: 20px; margin-left: 20px; border-left: 1px solid rgba(255,255,255,0.1);transition: all 0.3s ease;}
header .header-options .btn-action{padding: 0 16px;line-height: 1.5;font-size: 14px;color: var(--shades01); background-color:var(--color01); height: 40px; display: flex; justify-content: center; align-items: center; border: 0; border-radius: 30px; text-transform: uppercase; font-weight: 500;}
header .header-options .btn-action i{ display: none;}
header .header-options .btn-action span{ display: block;}
header .header-options .btn-action:hover{background-color:var(--color02);}
header .header-options .btn-whatsapp{padding: 0; width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; margin: 0 0 0 10px;}
header .header-options .btn-whatsapp i{display: block; font-size: 20px;}
.header-filler{position: relative; height: 100px; width: 100%;}

header.alt-page:before{ opacity:1;background-color: var(--shades01);}
header.alt-page .brand .logo img{filter: none;}
/* header.alt-page .nav-menu .nav-link{color: var(--color01);} */
header.alt-page .header-options{border-color:rgba(0,0,0,0.2);}

/* .scroll-down header{transform: translate3d(0, 0%, 0);backdrop-filter: blur(12px);}
.scroll-down header:before{opacity:1;}
.scroll-down header .brand .logo img{filter: none;}
.scroll-down header .nav-menu .nav-link{color: var(--color01);}
.scroll-down header .header-options{border-color:rgba(0,0,0,0.2);}

.scroll-up header{transform: none;backdrop-filter: blur(12px);}
.scroll-up header:before{opacity:1;}
.scroll-up header .brand .logo img{filter: none;}
.scroll-up header .nav-menu .nav-link{color: var(--color01);}
.scroll-up header .header-options{border-color:rgba(0,0,0,0.2);} */

span{white-space: normal !important; }
/* ********|| HEADER ENDS ||******** */

/* ********|| BANNER SLIDER START ||******** */
.sec-hero{position: relative;}
.sec-hero .container{position: relative;}
.sec-hero .swiper{position: relative;}
.sec-hero .swiper .swiper-slide{position: relative;width: 100%; height: calc(100vh - 150px);min-height: 740px;display: flex;align-items: center; padding: 200px 0 100px;}
.sec-hero .swiper .slider-image{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: -1; overflow: hidden;}
.sec-hero .swiper .slider-image:before{content: '';position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:linear-gradient(to top, var(--color01), var(--color01)); opacity: 0.6; z-index: 1;}
.sec-hero .swiper .slider-image img{width: 100%; height: 100%; object-fit: cover;}
.sec-hero .swiper .slider-content{position: relative; z-index: 1;width: 100%;max-width: 600px;}
.sec-hero .swiper .slider-title{margin:0;font-size: 42px;font-weight: 200;line-height: 1.5;color: var(--shades01);}
.sec-hero .swiper .slider-title span{color: var(--color02);font-weight: 700;font-size: 56px; display: block; line-height: 1.2;display: block; margin: 10px 0 0;}
.sec-hero .swiper .slider-text{font-size: 18px;font-weight: 200;line-height: 1.6;margin: 30px 0 0;color: var(--shades01);}
.sec-hero .swiper .slider-text span{white-space: normal !important; }
.sec-hero .swiper .swiper-button-prev, .sec-hero .swiper .swiper-button-next{width: 50px;height: 50px;color: var(--shades02);border: 2px solid var(--color02);transform: rotate(45deg);}
.sec-hero .swiper .swiper-button-prev{border-width: 0 0 2px 2px; left: 40px;}
.sec-hero .swiper .swiper-button-next{border-width: 2px 2px 0 0; right: 40px;}
.sec-hero .swiper .swiper-button-prev:after, .sec-hero .swiper .swiper-button-next:after{display:none;}
.sec-hero .swiper .swiper-pagination{bottom: 100px; width: auto; left: 0;padding: 0 12px;}
.sec-hero .swiper .swiper-pagination .swiper-pagination-bullet{width: 40px; height: 8px; border-radius: 30px; margin: 0 4px; background-color: var(--shades01); opacity: 0.4; transition: all 0.3s ease;}
.sec-hero .swiper .swiper-pagination .swiper-pagination-bullet-active{opacity: 1;background-color: var(--color02);}
/* ********|| BANNER SLIDER ENDS ||******** */

/* ********|| BANNER HIGHLIGHTS START ||******** */
.sec-crawler{position: relative; height: 100px; padding: 20px 0; background-color: var(--color01); display: flex; align-items: center;overflow: hidden;}
.sec-crawler:before{content:''; position:absolute; top:50%; left:-40px; width:80px; height:80px; background-color:var(--color02); z-index: 1;transform: translateY(-50%) rotate(45deg);}
.sec-crawler:after{content:''; position:absolute; top:50%; right:-40px; width:80px; height:80px; background-color:var(--color02); z-index: 1;transform: translateY(-50%) rotate(45deg);}
.sec-crawler .crawler-content{position: relative;line-height: 1.4; font-size: 20px; font-weight: 600; color: var(--color02);display: flex;align-items: center;}

/* ********|| BANNER HIGHLIGHTS ENDS ||******** */

/* ********|| CONTENT START ||******** */
.title-style span{position: relative; display: inline-flex; margin: 0 0 40px;}
.title-style span:before{content:''; position: absolute; bottom: -15px; left: 0; width: 60px; height: 6px; border-radius: 20px; background-color: var(--color02);}
.title-style span:after{content:'';position: absolute; bottom: -15px; left: 70px; width: 6px; height: 6px; border-radius: 20px; background-color: var(--color02);}

.section-01{position: relative; padding: 120px 0; background-color: var(--shades03);}
.home-about-content{position: relative;}
.home-about-content .home-about-title{font-size: 32px;font-weight: 700;color: var(--color01);line-height: 1.4;margin: 0;}
.home-about-content .home-about-text{font-size: 16px;	line-height: 1.6;	color:var(--shades04);font-weight: 300;	margin:0;}
.home-about-content .home-about-action{display: flex; align-items: center; margin: 30px 0 0;}
.home-about-content .home-about-action .btn-action{padding: 0 24px;line-height: 1.5;font-size: 14px;color: var(--shades01); background-color:var(--color01); height: 40px; display: flex; justify-content: center; align-items: center; border: 0; border-radius: 30px; text-transform: capitalize; font-weight: 500;}
.home-about-content .home-about-action .btn-action:hover{background-color:var(--color02);}

.news-event-content{position: relative;background-color: var(--shades01);padding:30px 20px;border-radius: 12px;box-shadow: rgba(3, 30, 109, 0.1) 0 10px 30px;}
.news-event-content .news-event-title{font-size: 24px;font-weight: 700;color: var(--color01);margin:0;line-height: 1.6; }
.news-event-content .news-event-list{position: relative; display: flex; flex-direction: column;}
.news-event-content .news-event-list .list-item{position: relative; padding:20px 0;}
/* .news-event-content .news-event-list .list-item:hover{color:var(--color02);} */
.news-event-content .news-event-list .list-item .item-header{position: relative;}
.news-event-content .news-event-list .list-item .item-title{font-size: 16px;font-weight: 600;color: var(--shades02);}
.news-event-content .news-event-list .list-item .item-date{font-size: 13px;color: var(--shades05);font-weight: 500;}
.news-event-content .news-event-list .list-item .item-text{font-size: 14px;margin: 10px 0;color: var(--shades04);line-height: 1.2;}
.news-event-content .news-event-list .list-item .item-action{display: flex;align-items: center;margin: 10px 0 0;}
.news-event-content .news-event-list .list-item .item-action .btn-action{font-weight: 600;font-size: 13px;color: var(--color01);}
.news-event-content .news-event-list .list-item .item-action .btn-action:hover{color: var(--color02);}
.news-event-content .news-event-list .list-item+.list-item{border-top:1px solid rgba(0,0,0,0.1)}

.sec-message{position: relative; padding: 120px 0; background-color: var(--shades01); overflow: hidden;}
.sec-message .message-image{position: absolute;top: 0;left: 0;height: 100%;width: 100%;max-width: 40%;}
.sec-message .message-image img{width: 100%; height: 100%; object-fit: cover;}
.sec-message .message-content{position: relative;}
.sec-message .message-content .message-title{font-size: 32px;font-weight: 700;color: var(--color01);line-height: 1.4;margin: 0;}
.sec-message .message-content .message-text{font-size: 16px;	line-height: 1.6;	color:var(--shades04);	font-weight: 300;	margin:0;}
.sec-message .message-content .message-founder{position: relative; margin: 40px 0 0;}
.sec-message .message-content .message-founder .title{font-size: 20px;line-height: 1.4;font-weight: 700;color: var(--color01);}
.sec-message .message-content .message-founder .text{font-size: 13px;font-weight: 600;color: var(--shades05);text-transform: uppercase;}

.sec-message-alt{background-color: var(--shades03);}
.sec-message-alt .message-image{left: auto;right: 0;}

.sec-updates{position: relative; padding: 120px 0; background-color: var(--shades03);}
.updates-content{position: relative;}
.updates-content .updates-header{display: flex; align-items: center; justify-content: space-between; margin: 0 0 50px;}
.updates-content .updates-title{font-size: 32px;font-weight: 700;color: var(--color01);line-height: 1.4;margin: 0 auto 0 0;}
.updates-content .updates-title span{margin: 0;}
.updates-content .header-actions{position: relative;display: flex; align-items: center; margin: 0 -5px;}
.updates-content .header-actions .swiper-button-prev, .updates-content .header-actions .swiper-button-next{width: 30px;height: 30px;color: var(--shades02);border: 0;transform: rotate(45deg); position: relative; top: auto; left: auto; right: auto; bottom: auto; transform: none; margin: 0 5px; display: flex; justify-content: center; align-items: center; background-color: var(--shades01); border-radius: 4px;box-shadow: rgba(3, 30, 109, 0.1) 0 2px 5px; font-size: 16px; color: var(--color02);}
.updates-content .header-actions .swiper-button-prev:after, .updates-content .header-actions .swiper-button-next:after{display:none;}
.updates-content .swiper-wrapper{padding: 40px 0 20px;}
.updates-content .swiper-slide{display: flex; height: auto;}
.updates-content .updates-item{position: relative;background-color: var(--shades01);padding:20px;border-radius: 10px;box-shadow: rgba(3, 30, 109, 0.1) 0 2px 10px; display: flex; flex-direction: column; margin: 0 5px;width: 100%;}
.updates-content .updates-item .item-icon{width: 60px;height: 60px;background-color: var(--color01);color: var(--color02);display: flex;align-items: center;justify-content: center;border-radius: 50%;font-size: 24px;margin: -50px auto 20px;}
.updates-content .updates-item .item-content{text-align: center;height: calc(100% - 30px);display: flex;flex-direction: column;}
.updates-content .updates-item .item-title{font-size: 16px;font-weight: 600;line-height: 1.5;color: var(--color01);margin: 0 0 20px;}
.updates-content .updates-item .item-text{font-size: 13px;line-height: 1.5;	color:var(--shades05);font-weight: 400;	margin:auto 0;}


.sec-facilities{position: relative; padding: 120px 0; background-color: var(--color01);z-index: 0;}
.sec-facilities .facilities-image{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: -1; overflow: hidden;}
.sec-facilities .facilities-image:before{content: '';position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--color01); opacity: 0.9; z-index: 1;}
.sec-facilities .facilities-image img{width: 100%; height: 100%; object-fit: cover;}
.facilities-content{position: relative;}
.facilities-content .facilities-title{font-size: 32px;font-weight: 700;color: var(--shades01);line-height: 1.4;}
.facilities-content .swiper-wrapper{padding: 20px 0;}
.facilities-content .swiper-slide{display: flex; height: auto;}
.facilities-content .facilities-item{position: relative;background-color: var(--shades01);padding:0;border-radius: 10px;box-shadow: rgba(0, 0, 0, 0.5) 0 2px 10px; display: flex; flex-direction: column; margin: 0 5px; overflow: hidden;width: 100%;}
.facilities-content .facilities-item .item-image{width: 100%; height: 200px; overflow: hidden;}
.facilities-content .facilities-item .item-image img{width: 100%; height: 100%; object-fit: cover;}
.facilities-content .facilities-item .item-content{text-align: center;height: calc(100% - 200px);display: flex;flex-direction: column;padding: 20px;}
.facilities-content .facilities-item .item-title{font-size: 16px;font-weight: 700;line-height: 1.2;color: var(--color01);margin: 0 0 10px;}
.facilities-content .facilities-item .item-text{font-size: 13px;line-height: 1.5;	color:var(--shades05);font-weight: 400;	margin:auto 0;}
.facilities-content .swiper{padding-bottom:30px;}
.facilities-content .swiper .swiper-pagination{bottom: 0px;}
.facilities-content .swiper .swiper-pagination .swiper-pagination-bullet{width: 30px; height: 6px; border-radius: 30px; margin: 0 4px; background-color: var(--shades01); opacity: 0.4; transition: all 0.3s ease;}
.facilities-content .swiper .swiper-pagination .swiper-pagination-bullet-active{opacity: 1;background-color: var(--color02);}


.sec-gallery{position: relative; padding: 80px 0; background-color: var(--shades01);z-index: 0;}
.sec-gallery .gallery-title{font-size: 32px;font-weight: 700;color: var(--color01);line-height: 1.4;}
.gallery-content{ position: relative; display: flex; flex-wrap: wrap; justify-content: center; margin: 0 -10px;}
.gallery-content .item{width: 100%; max-width: calc(25% - 20px); margin: 10px;height: 200px; overflow: hidden; border-radius: 8px;box-shadow: rgba(3, 30, 109, 0.2) 0 2px 5px;}
.gallery-content .item .item-link{display: block; width: 100%; height: 100%;}
.gallery-content .item .item-link img{width: 100%; height: 100%; object-fit: cover;}

.sec-map{position: relative; padding: 40px 0 0; background-color: var(--shades03);z-index: 0;}
.sec-map .map-title{font-size: 32px;font-weight: 700;color: var(--color01);line-height: 1.4;}
.sec-map iframe{width:100%; height: 500px;}

/* ********|| CONTENT ENDS ||******** */

/* ********|| FOOTER STARTS ||******** */
footer{position: relative; padding: 100px 0 50px; background-color: var(--shades07);}
footer .footer-content{position: relative; margin: 0 0 20px;}
footer .brand{height:100px; overflow: hidden; margin-right: auto;}
footer .brand .logo{width: 100%; height: 100%; display: block;}
footer .brand .logo img{width: 100%; height: 100%; object-fit: contain; object-position: center left;}
footer .footer-title{font-size: 16px;text-transform: uppercase;font-weight: 800;color: var(--color01);letter-spacing: 0.5px;margin: 0 0 20px;}
footer .footer-text{font-size: 14px;font-weight: 400;color: var(--shades02);line-height: 1.5;letter-spacing: 0.3px;margin: 20px 0 0;}
footer .footer-links{position: relative; display: grid;grid-template-columns: repeat(2, 1fr);	grid-template-rows: repeat(4, 1fr);	grid-column-gap: 0px;	grid-row-gap: 15px;}
footer .footer-links .link-item{display: flex;}
footer .footer-links .link{font-size: 14px;font-weight: 500;color: var(--shades02);line-height: 1.2;padding: 5px 0;display: flex;letter-spacing: 0.5px; }
footer .footer-links .link:hover{transform: translateX(5px);opacity: 1;color: var(--color02);}
footer .footer-contact{position: relative;}
footer .footer-contact .contact-item{font-size: 14px;font-weight: 500;color: var(--shades02);display: flex;padding: 10px 0;}
footer .footer-contact .contact-item i{font-size: 18px;min-width: 24px;color: var(--color01); transition: all 0.3s ease;}
footer .footer-contact .contact-item:hover{transform: translateX(5px); opacity: 1;color: var(--color02);}
footer .footer-contact .contact-item:hover i{color: var(--color02);}
footer .footer-download{position: relative;}
footer .footer-download .download-item{display: flex;align-items: center;justify-content: center;line-height: 1;height: 40px;background-color: var(--shades01);border-radius: 5px;width: 100%;max-width: 160px;color: var(--color01);}
footer .footer-download .download-item+.download-item{margin: 10px 0 0;}
footer .footer-download .download-item .icon{width: 20px;height: 20px;margin-right: 10px;}
footer .footer-download .download-item .icon img{width: 100%;height: 100%;object-fit: contain;transition: all 0.3s ease;}
footer .footer-download .download-item .title{font-size: 14px;color: var(--color02); font-weight: 600;transition: all 0.3s ease;}
footer .footer-download .download-item:hover{background-color:var(--shades02);}
footer .footer-download .download-item:hover .icon img{filter:brightness(5);}
footer .footer-download .download-item:hover .title{color: var(--shades01);}

.footer-bottom{position: relative;display: flex; align-items: center; padding: 30px 0 0;border-top: 1px solid rgba(0,0,0,0.2);}
.footer-bottom .copyright{margin-right: auto;font-size: 13px;font-weight: 500;color: var(--shades02);letter-spacing: 0.3px;}
.footer-bottom .other-links{margin-left: auto;}
.footer-bottom .other-links .links-item{font-size: 13px;font-weight: 500;color: var(--color01);letter-spacing: 0.3px;}
.footer-bottom .other-links .links-item:hover{text-decoration: underline;color: var(--color02);}
.footer-bottom .other-links .links-item+.links-item{margin-left: 8px;}
.footer-bottom .social{display: flex;justify-content: flex-end;align-items: center; margin: 0 0 0 20px; padding: 0 0 0 20px; border-left: 1px solid rgba(0,0,0,0.2);}
.footer-bottom .social .social-item{display: flex;justify-content: center;align-items: center;padding: 0;color: var(--color01);font-size: 18px; }
.footer-bottom .social .social-item:hover{color: var(--color02);}
.footer-bottom .social .social-item+.social-item{margin-left: 8px;}

/* ********|| FOOTER ENDS ||******** */

/* ********|| OTHER PAGES STARTS ||******** */
.sec-aboutus{position: relative;width: 100%; display: flex; flex-direction: column; padding: calc(100vh - 300px) 0 100px;z-index: 0; background-color: var(--shades03);}
.sec-aboutus .about-school-image{position: absolute; width: 100%; height: calc(100vh - 150px); top: 0; left: 0; z-index: -1;}
.sec-aboutus .about-school-image img{width: 100%; height: 100%; object-fit: cover;}
.sec-aboutus .aboutus-content{background-color: var(--shades01);padding: 60px;border-radius: 12px;box-shadow: rgba(3, 30, 109, 0.1) 0 10px 30px;}
.sec-aboutus .aboutus-content .aboutus-title{font-size: 32px;line-height: 1;font-weight: 700;color: var(--color01);}
.sec-aboutus .aboutus-content .aboutus-text{font-size: 16px;line-height: 1.6;color: var(--shades04);font-weight: 300;margin: 0;}

.vision-content{background-color: var(--shades07);padding: 60px;border-radius: 12px;box-shadow: rgba(3, 30, 109, 0.1) 0 10px 30px;width: 100%; margin: 0 0 40px;}
.vision-content .vision-title{font-size: 32px;line-height: 1;font-weight: 700;color: var(--color01);}
.vision-content .vision-text{font-size: 16px;line-height: 1.6;color: var(--shades04);font-weight: 300;margin: 0;}
.vision-content .vision-text span, .vision-content .vision-text p, .vision-content .vision-text ul, .vision-content .vision-text li{background:transparent !important;}

.mission-content{background-color: var(--shades07);padding: 60px;border-radius: 12px;box-shadow: rgba(3, 30, 109, 0.1) 0 10px 30px;width: 100%; margin: 0 0 40px;}
.mission-content .mission-title{font-size: 32px;line-height: 1;font-weight: 700;color: var(--color01);}
.mission-content .mission-text{font-size: 16px;line-height: 1.6;color: var(--shades04);font-weight: 300;margin: 0;}
.mission-content .mission-text span, .mission-content .mission-text p, .mission-content .mission-text ul, .mission-content .mission-text li{background:transparent !important;}

.education-policy-content, .faq-content{ position: relative; margin: 0 0 40px;}

.sec-staffs{position: relative; padding: 120px 0; background-color: var(--color01);z-index: 0;}
.staffs-content{position: relative;}
.staffs-content .staffs-title{font-size: 32px;font-weight: 700;color: var(--shades01);line-height: 1.4;}
.staffs-content .swiper-wrapper{padding: 20px 0;}
.staffs-content .swiper-slide{display: flex; height: auto;}
.staffs-content .staffs-item{position: relative;background-color: var(--shades01);padding:0;border-radius: 10px;box-shadow: rgba(0, 0, 0, 0.5) 0 2px 20px; display: flex; flex-direction: column; margin: 0 5px; overflow: hidden;width: 100%;}
.staffs-content .staffs-item .item-image{width: 100%; height: 280px; overflow: hidden;}
.staffs-content .staffs-item .item-image img{width: 100%; height: 100%; object-fit: cover;}
.staffs-content .staffs-item .item-content{ position: absolute; text-align: center; width: 100%; height: 100%; left: 0; top: 220px; display: flex;flex-direction: column; justify-content: flex-start; padding: 14px 20px; background-color: var(--shades01); transition: all 0.3s ease;}
.staffs-content .staffs-item .item-title{font-size: 16px;font-weight: 700;line-height: 1.2;color: var(--color01);margin: 0;}
.staffs-content .staffs-item .item-text{font-size: 13px;line-height: 1.2;	color:var(--shades05);font-weight: 400;	margin:0 0 20px;}
.staffs-content .staffs-item .item-meta{position: relative; padding: 5px 0;}
.staffs-content .staffs-item .item-meta .meta-label{font-size: 11px;line-height: 1.2;color: var(--shades05);font-weight: 500;margin: auto 0;text-transform: uppercase;}
.staffs-content .staffs-item .item-meta .meta-data{font-size: 14px;line-height: 1.2;color: var(--color02);font-weight: 600;margin: auto 0;}
.staffs-content .staffs-item:hover .item-content{top: 0px; padding: 20px; justify-content: center;}


.staffs-content .swiper{padding-bottom:30px;}
.staffs-content .swiper .swiper-button-next,.staffs-content .swiper .swiper-button-prev{top:0; transform: none;}
.staffs-content .swiper .swiper-button-next:after,.staffs-content .swiper .swiper-button-prev:after{font-size: 16px;}
.staffs-content .swiper .swiper-pagination{bottom: 0px;}
.staffs-content .swiper .swiper-pagination .swiper-pagination-bullet{width: 30px; height: 6px; border-radius: 30px; margin: 0 4px; background-color: var(--shades01); opacity: 0.4; transition: all 0.3s ease;}
.staffs-content .swiper .swiper-pagination .swiper-pagination-bullet-active{opacity: 1;background-color: var(--color02);}


.sec-common{position: relative; padding: 80px 0; background-color: var(--shades01);z-index: 0;}
.sec-common .common-content{position: relative;}
.sec-common .content-title{font-size: 32px;line-height: 1;font-weight: 700;color: var(--color01);}
.sec-common .content-subtitle{font-size: 18px;line-height: 1.6;color: var(--color01);font-weight: 700;margin: 30px 0 0;}
.sec-common .content-text{font-size: 16px;line-height: 1.6;color: var(--shades04);font-weight: 300;margin: 0;}
.sec-common .content-text ul{padding-left: 20px; margin: 20px 0;}
.sec-common .content-text ol{padding-left: 20px; margin: 20px 0;}
.sec-common .content-text li+li{margin: 10px 0 0;}

.sec-common .faq-content .accordion{position: relative;}
.sec-common .faq-content .card{border: 0;border-radius: 6px !important;overflow: hidden;box-shadow: rgba(0,0,0,0.1) 0 4px 10px;}
.sec-common .faq-content .card+.card{margin: 20px 0 0;}
.sec-common .faq-content .card .card-header{padding: 0;background-color: var(--shades01);border: 0;margin: 0;}
.sec-common .faq-content .card .accordion-title{background-color: transparent;padding: 14px 20px;padding-left: 50px;width: 100%;text-align: left;display: flex;justify-content: flex-start;min-height: 44px;line-height: 1.2;font-weight: 600;color: var(--color02);position: relative;}
.sec-common .faq-content .card .accordion-title:before{content:'\f068'; position: absolute;font-family: 'Font Awesome 5 Pro';top: 10px;left: 16px;font-size: 20px;font-weight: 600;}
.sec-common .faq-content .card .accordion-title.collapsed{color: var(--color01);}
.sec-common .faq-content .card .accordion-title.collapsed:before{content:'\f067';font-family: 'Font Awesome 5 Pro';}
.sec-common .faq-content .card .card-body{font-size: 14px;line-height: 1.6;color: var(--shades04);font-weight: 400;border-top:1px solid var(--shades03);}

.sec-common .eligibility-content .accordion{position: relative;}
.sec-common .eligibility-content .card{border: 0;border-radius: 6px !important;overflow: hidden;box-shadow: rgba(0,0,0,0.1) 0 4px 10px;}
.sec-common .eligibility-content .card+.card{margin: 20px 0 0;}
.sec-common .eligibility-content .card .card-header{padding: 0;background-color: var(--shades01);border: 0;margin: 0;}
.sec-common .eligibility-content .card .accordion-title{background-color: transparent;padding: 14px 20px;width: 100%;text-align: left;display: flex;justify-content: flex-start;min-height: 44px; font-size: 24px; line-height: 1.2;font-weight: 500;color: var(--color02);position: relative;}
.sec-common .eligibility-content .card .accordion-title.collapsed{color: var(--color01);}
.sec-common .eligibility-content .card .card-body{font-size: 16px;line-height: 1.6;color: var(--shades04);font-weight: 300;border-top:1px solid var(--shades03);}
.sec-common .eligibility-content .card .card-body ul{padding-left: 20px; margin: 20px 0;}
.sec-common .eligibility-content .card .card-body ol{padding-left: 20px; margin: 20px 0;}
.sec-common .eligibility-content .card .card-body li+li{margin: 10px 0 0;}

.sec-common .table tbody tr:nth-child(4n+1) td{background-color:#ffe0b2;}
.sec-common .table tbody tr:nth-child(4n+2) td{background-color:#d1c4e9;}
.sec-common .table tbody tr:nth-child(4n+3) td{background-color:#c8e6c9;}
.sec-common .table tbody tr:nth-child(4n+4) td{background-color:#f8bbd0;}

.sec-features{position: relative; background-color: var(--shades01); display: flex;flex-wrap: wrap;}
.sec-features .features-image{width: 100%; max-width: 50%; overflow: hidden;}
.sec-features .features-image img{width: 100%; height: 100%; object-fit: contain;}
.sec-features .features-content{width: 100%; max-width: 50%; padding: 40px;}
.sec-features .features-title{font-size: 32px;line-height: 1;font-weight: 700;color: var(--color01);}
.sec-features .features-list{display: flex;flex-wrap: wrap;margin: 0 -5px;}
.sec-features .features-list .item{margin: 5px;background-color: var(--shades01);border-radius: 6px;display: flex;flex-direction: column;padding: 16px;width: 120px;align-items: center;text-align: center;cursor: default;box-shadow: rgba(0,0,0,0.1) 0 0 8px; transition: all 0.3s ease;}
.sec-features .features-list .item .item-icon{font-size: 36px;color: var(--color02);margin: 0 0 auto;}
.sec-features .features-list .item .item-title{margin: 10px 0 0;font-size: 13px;font-weight: 600;line-height: 1;color: var(--shades04);transition: all 0.3s ease;}
.sec-features .features-list .item:hover{background-color: var(--color01);}
.sec-features .features-list .item:hover .item-title{color: var(--shades01);}

.sec-contact{position: relative; background-color: var(--shades03); padding: 60px 0;}
.sec-contact .map{position: relative;width: 100%;height: 600px;margin-top: -60px;}
.sec-contact .map iframe{width: 100%; height: 100%; object-fit: cover;}
.sec-contact .contact-content{position: relative;padding: 60px;border-radius: 12px;box-shadow: rgba(3, 30, 109, 0.1) 0 10px 30px;margin-top: -100px;z-index: 1;background-color: var(--shades01);}
.sec-contact .contact-content .contact-title{font-size: 32px;line-height: 1;font-weight: 700;color: var(--color01);}
.sec-contact .contact-content .contact{position: relative;}
.sec-contact .contact-content .contact .contact-item{display: flex;padding: 10px 0;}
.sec-contact .contact-content .contact .contact-item .item-icon{font-size: 20px;width: 40px;height: 40px;display: flex;justify-content: center;align-items: center;background-color: var(--color02);color: var(--shades01);border-radius: 6px;}
.sec-contact .contact-content .contact .contact-item .item-data{font-size: 16px;font-weight: 500;color: var(--color01);display: flex;width: 100%;max-width: calc(100% - 40px);padding: 0 0 0 20px;line-height: 1.4;}

.sec-contact .contact-content .social{display: flex;align-items: center; margin: 40px 0 0; padding: 40px 0 0; border-top: 1px solid rgba(0,0,0,0.05);}
.sec-contact .contact-content .social .social-item{display: flex;justify-content: center;align-items: center;padding: 0;color: var(--color01);font-size: 24px; }
.sec-contact .contact-content .social .social-item:hover{color: var(--color02);}
.sec-contact .contact-content .social .social-item+.social-item{margin-left: 16px;}

.sec-contact .contact-form-content .form-container{position: relative;width: 100%;}
.sec-contact .contact-form-content .form-group{margin:0 0 20px;}
.sec-contact .contact-form-content .input-wrap{display: flex;align-items: center;border: 0;overflow: hidden;border-radius: 6px;position: relative;}
.sec-contact .contact-form-content .form-control{margin: 0; background-color: var(--shades03);border: 0;font-size: 14px;display: flex;align-items: center;height: 40px;box-shadow: none!important;}
.sec-contact .contact-form-content .form-action{display: flex;align-items: center; margin: 40px 0 0;}
.sec-contact .contact-form-content .form-action .btn-action{padding: 0 16px;line-height: 1.5;font-size: 14px;color: var(--shades01);background-color: var(--color01);height: 40px;display: flex;justify-content: center;align-items: center;border: 0;border-radius: 30px;text-transform: uppercase;font-weight: 500;}
.sec-contact .contact-form-content .form-action .btn-action:hover{background-color: var(--color02);}

.sec-activities{position: relative; padding: 120px 0; background-color: var(--shades01); overflow: hidden;min-height: 500px;}
.sec-activities .activities-image{position: absolute;top: 0;left: 0;height: 100%;width: 100%;max-width: 40%;}
.sec-activities .activities-image img{width: 100%; height: 100%; object-fit: cover;}
.sec-activities .activities-content{position: relative;}
.sec-activities .activities-content .activities-title{font-size: 32px;font-weight: 700;color: var(--color01);line-height: 1.4;margin: 0;}
.sec-activities .activities-content .activities-text{font-size: 16px;	line-height: 1.6;	color:var(--shades04);	font-weight: 300;	margin:0;}
.sec-activities-alt{background-color: var(--shades03);}
.sec-activities-alt .activities-image{left: auto;right: 0;}

.sec-magazines{position: relative; padding: 120px 0; background-color: var(--shades03); overflow: hidden;}
.sec-magazines .magazine-content{position: relative;}
.sec-magazines .magazine-title{font-size: 32px;font-weight: 700;color: var(--color01);line-height: 1.4;margin: 0;}
.sec-magazines .magazine-list{position: relative;}
.sec-magazines .magazine-list .item{position: relative; display: flex; background-color: var(--shades01);box-shadow: rgba(3, 30, 109, 0.1) 0 10px 30px; border-radius: 6px; overflow: hidden;}
.sec-magazines .magazine-list .item+.item{margin: 16px 0 0;}
.sec-magazines .magazine-list .item .item-icon{width: 140px; display: flex; flex-direction: column; justify-content: center; align-items: center;background-color: var(--color01);color: var(--color02);font-size: 48px;}
.sec-magazines .magazine-list .item .item-content{padding: 20px; width: 100%; max-width: calc(100% - 320px);}
.sec-magazines .magazine-list .item .item-title{font-size: 20px;font-weight: 700;color: var(--color01);line-height: 1;margin: 0 0 10px;}
.sec-magazines .magazine-list .item .item-date{ font-size: 14px;font-weight: 500; margin: 10px 0 0;}
.sec-magazines .magazine-list .item .item-text{font-size: 15px;line-height: 1.6;color: var(--shades04);font-weight: 300; margin: 20px 0 0;}
.sec-magazines .magazine-list .item .item-actions{width: 180px;display: flex;flex-direction: column;justify-content: center;align-items: flex-end; padding: 20px;}
.sec-magazines .magazine-list .item .item-actions .btn-action{padding: 0 16px;line-height: 1.5;font-size: 14px;color: var(--shades01);background-color: var(--color01);height: 40px;display: flex;justify-content: center;align-items: center;border: 0;border-radius: 30px;font-weight: 500;}
.sec-magazines .magazine-list .item .item-actions .btn-action i{font-size: 16px;}
.sec-magazines .magazine-list .item .item-actions .btn-action:hover{background-color: var(--color02);}

.sec-downloads{position: relative; padding: 40px 0; background-color: var(--color01); overflow: hidden;}
.sec-downloads .downloads{position: relative; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
.sec-downloads .downloads .downloads-content{width: 100%; max-width: calc(100% - 200px);}
.sec-downloads .downloads .downloads-title{font-size: 24px;font-weight: 700;color: var(--shades01);line-height: 1;margin: 0 0 10px;}
.sec-downloads .downloads .downloads-text{font-size: 14px;line-height: 1.6;color: var(--shades03);font-weight: 300; margin: 20px 0 0;}
.sec-downloads .downloads .downloads-actions{width: 180px;display: flex;justify-content: flex-end;align-items:center;}
.sec-downloads .downloads .downloads-actions .btn-action{padding: 0 16px;line-height: 1.5;font-size: 14px;color: var(--shades01);background-color: var(--color02);height: 40px;display: flex;justify-content: center;align-items: center;border: 0;border-radius: 30px;font-weight: 500;}
.sec-downloads .downloads .downloads-actions .btn-action i{font-size: 16px;}
.sec-downloads .downloads .downloads-actions .btn-action:hover{background-color: var(--shades01);color: var(--color02);}


.pt-header{padding-top: 160px !important;}
.bg-shades01{background-color:var(--shades01);}
.bg-shades03{background-color:var(--shades03);}


.floating-options{position: fixed;bottom: 0;z-index: 999;display: none;justify-content: center;width: 100%;border-radius: 20px 20px 0 0;overflow: hidden; transform: translateY(80px); transition: all 0.3s ease;}
.floating-options.active{transform: translateY(0px);}
.floating-options .floating-item{width: 100%;display: flex;justify-content: center;align-items: center;max-width: 50%;padding: 10px;background-color: var(--color01);height: 60px;color: var(--shades01);font-size: 24px;}
.floating-options .floating-item:hover, .floating-options .floating-item:focus{background-color: var(--color02);}
.floating-options .floating-item+.floating-item{ border-left: 1px solid rgba(255,255,255,0.1);}

/* ********|| OTHER PAGES ENDS ||******** */

/* ********|| MODAL STARTS ||******** */
.enquiryModal .modal-content{border: 0;border-radius: 16px;box-shadow: rgba(0,0,0,0.5) 0 2px 20px;}
.enquiryModal .modal-close{display: flex;justify-content: center;align-items: center;width: 40px;height: 40px;background-color: var(--shades01);box-shadow: rgba(0,0,0,0.1) 0 2px 10px;border-radius: 50%;font-size: 20px;color:var(--shades04);position: absolute;top: -10px;right: -10px;}
.enquiryModal .modal-form{position: relative;}
.enquiryModal .modal-form .title{font-size: 32px;line-height: 1;font-weight: 700;color: var(--color01);margin: 0 0 20px;}
.enquiryModal .modal-form .input-wrap{display: flex;align-items: center;border: 0;overflow: hidden;border-radius: 6px;position: relative;}
.enquiryModal .modal-form .form-control{margin: 0; background-color: var(--shades03);border: 0;font-size: 14px;display: flex;align-items: center;height: 40px;box-shadow: none!important;}
.enquiryModal .modal-form textarea.form-control{height:unset; max-height: 120px;}
.enquiryModal .modal-form .form-action{display: flex;align-items: center; margin: 20px 0;}
.enquiryModal .modal-form .form-action .btn-action{padding: 0 16px;line-height: 1.5;font-size: 14px;color: var(--shades01);background-color: var(--color01);height: 40px;display: flex;justify-content: center;align-items: center;border: 0;border-radius: 30px;text-transform: uppercase;font-weight: 500;}
.enquiryModal .modal-form .form-action .btn-action:hover{background-color: var(--color02);}

/* ********|| MODAL ENDS ||******** */

/* ********|| RESPONSIVE STARTS ||******** */
@media screen and (max-width: 1600px) {
.sec-hero .swiper .slider-title{font-size: 36px;}
.sec-hero .swiper .slider-title span{font-size: 42px;}
}
@media screen and (max-width: 1540px) {
  
}
@media screen and (max-width: 1440px) {
 
}
@media screen and (max-width: 1400px) {

}
@media screen and (max-width: 1366px) {
	.sec-hero .swiper .swiper-slide{min-height: 0;}
}
@media screen and (max-width: 1280px) {
 
}
@media screen and (max-width: 1024px) {
	header{height: 100px;}
	header .brand .logo .logo-title{font-size: 32px;}
	header .nav-menu{position: fixed;top: 0;left: 0; z-index: 101; width: 300px;height: 100vh;background-color: var(--color01);display: block;box-shadow: rgba(0,0,0,0.5) 10px 0 100px;padding: 40px 0; transform: translateX(-200%); opacity: 0; visibility: hidden; transition: all 0.3s ease;}
	header .nav-menu.active{transform: translateX(0%);opacity: 1; visibility: visible;}
	header .nav-menu .nav-item+.nav-item{margin:10px 0 0}
	header .nav-menu .nav-link{padding: 10px 20px;font-size: 18px;line-height: 1;font-weight: 500;}
	header .nav-menu .nav-item.active .nav-link{font-weight: 600;}
	.scroll-down header .nav-menu .nav-link,.scroll-up header .nav-menu .nav-link,header.alt-page .nav-menu .nav-link{color: var(--shades01);}
	header .btn-menu-trigger{display: flex;}
	header .header-options{border:0;}

	.sec-hero .swiper .swiper-slide{height: calc(100vh - 100px);}
	.sec-hero .swiper .slider-content{max-width: 500px;}
	.sec-hero .swiper .slider-title{font-size: 32px;}
	.sec-hero .swiper .slider-title span{font-size: 36px;}
	.sec-hero .swiper .slider-text{font-size: 16px;}
	.sec-crawler .crawler-content{font-size: 18px;}

	.home-about-content .home-about-title,.sec-message .message-content .message-title,.updates-content .updates-title, .facilities-content .facilities-title, .sec-gallery .gallery-title, .sec-map .map-title, .sec-aboutus .aboutus-content .aboutus-title, .vision-content .vision-title, .mission-content .mission-title, .sec-common .content-title, .staffs-content .staffs-title, .sec-features .features-title, .sec-contact .contact-content .contact-title, .sec-activities .activities-content .activities-title, .sec-magazines .magazine-title{font-size: 28px;}
	.news-event-content .news-event-title{font-size: 24px;}
	.section-01, .sec-message,.sec-updates,.sec-facilities,.sec-common,.sec-staffs,.sec-activities,.sec-magazines{padding: 80px 0;}
	.sec-aboutus{padding: 90vh 0 80px;}
	.sec-contact .contact-content{padding: 60px 30px;}
}
@media screen and (max-width: 990px) {
 .home-about-content{margin: 0 0 40px;}
 .sec-message .message-image{position: relative;max-width: 100%;margin: -80px 0 40px;}
 .gallery-content .item{max-width: calc(33.33% - 20px);}
 footer .footer-content{margin: 0 0 40px;}
 footer .brand{height: 120px;}
 footer .brand .logo img{object-position: center;}
 footer .footer-text{width: 100%;max-width: 400px;text-align: center;margin: 20px auto 40px;}
 .sec-features .features-image, .sec-features .features-content{max-width: 100%;}
 .sec-contact .contact-content{padding: 60px;}
 .sec-contact .contact-content .social{margin: 20px 0 0; padding: 20px 0 0;}
 .contact-form-content{ position: relative; margin: 100px 0 0;}
 .sec-activities .activities-image{position: relative;max-width: 100%;margin: -80px 0 40px;height: 500px;overflow: hidden;}
}
@media screen and (max-width: 990px) and (orientation: landscape){

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

}
@media screen and (max-width: 767px)  and (orientation: landscape){
  
}
@media screen and (max-width: 600px) {

}
@media screen and (max-width: 480px) {
	.modal-dialog{margin:20px;min-height: calc(100% - 40px);}
	header{height: 80px;}
	header .brand{height: 80px;}
	header .brand .logo .logo-image{width: 60px; min-width: 60px; margin-right: 5px;}
	header .brand .logo .logo-title{font-size: 21px;white-space: nowrap;}
	header .brand .logo .logo-text{font-size: 13px;letter-spacing: 1px;margin: 0;}
	header .btn-menu-trigger{margin-left: 10px;}
	header .header-options .btn-action{padding: 0;width: 40px;font-size: 20px;}
	header .header-options .btn-action i{ display: block;}
	header .header-options .btn-action span{ display: none;}
	header .header-options .btn-whatsapp{display:none;}
	header .container{padding-left: 0px;}
	header .header-options{padding-left: 10px;}

	
	.sec-hero .swiper .swiper-slide{align-items: flex-end;height: calc(100vh - 80px);padding: 200px 0;}
	.sec-hero .swiper .slider-title{font-size: 24px;}
	.sec-hero .swiper .slider-title span{font-size: 32px;}
	.sec-hero .swiper .slider-text{font-size: 14px;}
	.sec-hero .swiper .swiper-pagination{bottom: 100px;}
	.sec-crawler .crawler-content{font-size: 16px;}

	.home-about-content .home-about-title,.sec-message .message-content .message-title,.updates-content .updates-title, .facilities-content .facilities-title, .sec-gallery .gallery-title, .sec-map .map-title, .sec-aboutus .aboutus-content .aboutus-title, .vision-content .vision-title, .mission-content .mission-title, .sec-common .content-title, .staffs-content .staffs-title, .sec-features .features-title, .sec-contact .contact-content .contact-title, .sec-activities .activities-content .activities-title, .sec-magazines .magazine-title{font-size: 24px;}
	.news-event-content .news-event-title{font-size: 24px;}
	.gallery-content .item{max-width: calc(50% - 20px);height: 160px;}
	footer .brand{height: 100px;}
	.footer-bottom{flex-direction: column-reverse;}
	.footer-bottom .social{margin: 0 0 20px;padding: 0;border: 0;}
	.footer-bottom .copyright{margin: 0;text-align: center;font-weight: 300;}
	.sec-aboutus .aboutus-content, .vision-content, .mission-content{padding: 40px 20px;}
	.education-policy-content, .faq-content{margin: 0 0 80px;}
	.staffs-content .staffs-item .item-image{height: 240px;}
	.staffs-content .staffs-item .item-content{top: 180px;}
	.sec-features .features-content{padding: 40px 15px;}
	.sec-features .features-list .item{padding: 16px 12px; width: 100%; max-width: calc(33.33% - 10px);}
	.sec-contact .contact-content{padding: 40px 20px;}
	.sec-contact .contact-content .contact .contact-item .item-data{font-size: 14px;}
	.sec-activities .activities-image{height: 300px;}
	.sec-magazines .magazine-list .item{flex-wrap: wrap;}
	.sec-magazines .magazine-list .item .item-icon{width: 100px;font-size: 36px;height: 100px; margin: 10px 0 0 10px;border-radius: 8px;}
	.sec-magazines .magazine-list .item .item-date{font-size: 12px;font-weight: 600;}
	.sec-magazines .magazine-list .item .item-content{max-width: calc(100% - 110px);}
	.sec-magazines .magazine-list .item .item-title{font-size: 18px;}
	.sec-magazines .magazine-list .item .item-text{font-size: 14px;line-height:20px; max-height: 100px; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 5; display: -webkit-box;}
	.sec-magazines .magazine-list .item .item-actions{width: auto;padding: 0;align-items: flex-start;position: absolute;top: 120px;left: 10px;z-index: 1;}
	.sec-magazines .magazine-list .item .item-actions .btn-action{padding: 0 10px;font-size: 12px;height: 32px;}
	.sec-downloads .downloads .downloads-content{max-width: 100%; margin: 0 0 30px;text-align: center;}
	.sec-downloads .downloads .downloads-actions{width: 100%;justify-content: center;}
	.floating-options{display: flex;}
	.sec-aboutus{padding: calc(100vh - 320px) 0 100px;}
	.sec-aboutus .about-school-image{height: calc(100vh - 80px);}
	.sec-common,.sec-gallery, .sec-magazines{padding: 40px 0;}
}
@media screen and (max-width: 360px) {
 
}
@media screen and (max-width: 320px) {
 
}
/* ********|| RESPONSIVE ENDS ||******** */