.hide-it{ display: none!important;}
.menu-ul{ display: flex; flex-direction: row; gap: 10px; flex-wrap: wrap; margin-left: none!important; list-style: none;}
.display-flex{ display: flex; align-items: center;}
.small-text{ font-size: 14px;}
.bordered-text { border: 1px solid #d4a93fbd; display: inline-block; padding: 5px 20px; border-radius: 50px; background: #d4a93f52; letter-spacing: 2px; }

.uppercase-text{ text-transform: uppercase!important;}
.back-btn a { display: flex; align-items: center; text-decoration: none; justify-content: flex-start;}
.line:before { content: ''; display: block; float: left; width: 65px; border-top: 2px solid rgb(212, 169, 63); margin-right: 10px; }
.arrow-link span{ margin-left: 10px;}

/* Buttons */
.btn-group { display: flex; gap: 10px; margin: 20px 0;}
a.btn { padding: 6px 20px; border-radius: 15px; border: 1px solid; font-size: 14px;}
.golden-btn { background: #d4a93f!important;  color: black!important;}
.golden-btn:hover { background: #e9c467!important;  color: black!important;}
.transparent-btn{ background: transparent!important; border: 2px solid #ffffff!important; color: #ffffff!important;}
.transparent-btn:hover { background: rgba(225, 225, 225, .2)!important;}

/* Text Colors */
.text-white{ color: #ffffff!important;}
/* .text-white:hover{ color: #E6D5B0;} */
.green-text{ color: rgba(31, 77, 37, 0.7)!important;}
.brown-text{ color: rgba(133, 86, 31, 1)!important; }
.gray-text{ color: #8D9D8D!important;}
.golden-text{ color: #d4a93f!important;}
/* .green-text{ color: #1C3534;} */

/* Background Colors */
.bg-saltpan{ background: #F0F7F3!important;}
.bg-forest-night{ background: #0D2812!important;}
.bg-mantle{ background: #8D9D8D!important}

/* Margin Spacing */
.mar-bot-20{ margin-bottom: 20px!important;}
.mar-left-20{ margin-left: 20px!important;}

/*  */
.three-col-ul li::marker{ color: red;}

/* Page title section CSS */
.page-title-section, .page-section{ margin: 0 auto!important;}
.page-title-section h2.current-title { margin: 20px 0;}
.page-title-section img.page-title-image, .DUP_page-title-section img.DUP_page-title-image{ border-radius: 20px;}

/* Header */
header .custom-logo-link img { border-radius: 50px;}

/* Main Menu */
.main-header-menu{ background: transparent;}
.main-header-menu li a{ height: 40px!important; border-radius: 10px;}
.main-header-menu li:hover svg.ast-arrow-svg{ transform: rotate(180deg); }
body.home header .ast-site-title-wrap a { color: #fff;}
header a, header .site-description { color: #fff!important;}
.highlight a.menu-link { background: #d4a93f !important; border-radius: 10px; color: #000000!important;}
.highlight a.menu-link:hover { background: #e9c467 !important;}
.page-child header a, .single header a { color: #000!important;}
#masthead .ast-primary-header-bar, #masthead .site-primary-header-wrap, #masthead .ast-builder-grid-row, #masthead .site-header-section, #masthead .main-navigation, #masthead .main-header-menu, #masthead .menu-link { backdrop-filter: none; -webkit-backdrop-filter: none;}
ul.sub-menu { background: #ffffff !important; margin-top: 20px; border-radius: 10px;}
.ast-builder-menu-2 li{ height: 38px;}

h1 span.golden-text { font-size: inherit;}
h2 {line-height: 1.2em;}

ul#ast-hf-menu-2{ border-left: 2px solid #CBCBC0; padding: 0 10px;}
ul#ast-hf-menu-2 li { margin: 0 5px;}

/* sub-menu */
header ul.sub-menu{ /*padding-top: 10px!important;*/ padding: 10px!important;}
header ul.sub-menu a{ color: #000000!important;}

/* Homepage Slider */

/* .custom-slide {
    height: 100vh;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
}

/* Homepage Start */
.learning-column{ background: #fff;}
/* Homepage End */


.custom-slide-caption{ margin-left: 5%;} */
.custom-slide img { height: 100% !important;}

/* Elementor Start */
.elementor-template-full-width header { z-index: 99; position: relative; background: linear-gradient(180deg, #f7f2e5, #fbfaf6); border-bottom: 1px solid #ddd;}
.home.elementor-template-full-width header { background: transparent;  border-bottom: none;}
.home.elementor-template-full-width header.sticky, .single header.sticky{ background: linear-gradient(180deg, #f7f2e5, #fbfaf6);  border-bottom: 1px solid #ddd; }
.home.elementor-template-full-width header .site-description{ color: #ffffff;}
.page-child.elementor-template-full-width header .site-description, .single header .site-description{ color: #000000!important;}
.page-child header .main-header-menu li a:hover, .single header .main-header-menu li a:hover { background: rgba(13, 40, 18, .05);}
.elementor-template-full-width header.sticky .site-description{ color: #000000;}

/* .page-section a { color: #d4a93f;} */

/* Elementor End */

/*  */
.elementor-shortcode span a, .elementor-shortcode span{ color: #1f4d25b3; font-size: 14px; margin: 0 2px;}
.elementor-shortcode span a:hover{ color: #000000;}
.elementor-shortcode span span{ color: #000000;}

/* Sidebar */
.custom-sidebar-title, .sidebar-main .widget-title{ font-size: 13px!important; letter-spacing: 1px; text-transform: uppercase!important; display: flex; align-items: center; color: rgba(22, 58, 27, 0.4); margin-bottom: 10px;}
.custom-sidebar-title:before{ content: ''; display: flex; border-bottom: 2px solid; flex-direction: row; width: 20px; margin-right: 10px;}
.custom-sidebar ul.menu{ list-style: none; margin-left: 0;}
.custom-sidebar ul.menu li a, .sidebar-main ul li a{ /*margin: 10px 0;*/ padding: 5px 10px; display: block; font-size: 15px; border-left: 2px solid transparent;}
.custom-sidebar ul.menu li.current-menu-item a, .sidebar-main ul li a[aria-current="page"]{ background: #eee; border-left: 2px solid; border-radius: 0 10px 10px 0; display: flex; justify-content: space-between; align-items: center;  font-weight: 700;}
.custom-sidebar ul.menu li.current-menu-item a:after, .sidebar-main ul li a[aria-current="page"]:after{ content: ''; border-top: 2px solid; border-right: 2px solid; width: 6px; height: 6px; transform: rotate(45deg); }
.custom-sidebar ul.menu li a:hover, .sidebar-main ul li a[aria-current="page"]:hover { background-color: #F4F8F4; color: #1f4d25b3; border-radius: 0 10px 10px 0;}

/* Link underline */
ul.main-header-menu > li > a { position: relative; text-decoration: none; float: left; /*margin-bottom: 10px;*/}
ul.main-header-menu > li > a::after { content: ""; position: absolute; left: 0; bottom: 4px; width: 100%; height: 2px; background: #E1AD01; transform: scaleX(0); transform-origin: left; transition: transform 0.3s ease;}
ul.main-header-menu > li > a:hover::after { transform: scaleX(1);}

/* Custom Quote */
.custom-quote { border-left: 2px solid #d4a93f; padding-left: 20px;}
.custom-quote-title{ font-weight: normal; font-size: 27px;}

/* Timeline */
.timeline { max-width: 1200px; margin: 0 auto; }
.entry { display: grid; grid-template-columns: 160px 1fr; column-gap: 32px;	margin-bottom: 20px;  }
.year-col { display: flex; flex-direction: column; align-items: flex-start;  }
.year { font-size: 38px; font-weight: normal; line-height: 1; margin-bottom: 10px;  }
.gold-strip { width: 1px; flex: 1 1 auto; background: linear-gradient(to bottom, #D4A93F, rgba(212, 175, 55, 0));}
.content h2 { margin: 0 0 10px 0; font-size: 22px; font-weight: 700;  }
.content p { margin: 0; font-size: 16px; line-height: 1.6; max-width: 900px; padding-bottom: 20px;  }

.point-wrap{padding: 20px; border: 1px solid #ddd; border-radius: 20px; box-shadow: 0px 2px 2px #ddd; margin-bottom: 20px; font-size: 14px; }

/* Mission Points */
.mission-points .point-wrap{  background: #ffffff; color: #1f4d25b3; font-size: 16px;}
.mission-points .point { color: #C69129; font-size: 24px; line-height: normal; margin-right: 20px; }

/* School Development Points */
.school-development-points{ display: flex; justify-content: space-between; width: 100%; }
.school-development-points .point-wrap{  background: #F4F9F4; text-align: center; color: #1f4d25b3;}

/* Policies */
ul.school-policies { list-style: none; margin-left: 0; display: flex; flex-wrap: wrap; gap: 20px;}
ul.school-policies li.policy { display: block; float: left; width: 100%;}
ul.school-policies li a{background: #fff;display: block; padding: 10px;border-radius: 20px; border: 1px solid #e5e7eb; margin-bottom: 15px;}
ul.school-policies .menu-title { display: flex; align-items: flex-start; justify-content: left;}
ul.school-policies .policy-text-wrap { display: flex; flex-direction: column; color: #000;}
ul.school-policies .read-more{ color: #85561f;} 

/*  */
.jc-points{ display: flex; justify-content: space-between;}
.jc-points .point-wrap { padding: 15px; background: #F4F9F4; border-radius: 20px; max-width: 500px; width: 100%;}

.sse-docs{ display: flex; width: 100%; justify-content: space-between; gap: 20px;}
.doc { width: 100%; display: block; max-width: 50%; text-align: center; background: #F4F3EA; border-radius: 30px;}
.sse-documents a{ display: block!important;  width: 100%!important;}
.sse-documents a img{ margin: 0 auto!important;}
.doc img { width: 100%; display: block; max-width: 300px!important; padding: 0 10px; text-align: center; margin: 0 auto; object-fit: cover; height: 400px !important;}

.learning-columns{ }
.learning-column{ display: flex; align-items: center; transition-duration: .5s;}
.learning-column:hover{ transition-duration: .5s; margin-top: -5px;}
/* .learning-column .elementor-image-box-img img{ object-fit: cover; height: 400px;} */
.learning-column .elementor-image-box-content{ padding: 20px;}
.learning-column h3{ color: #ffffff; clear: both; display: flex; flex-direction: column;}
.learning-column .small-text{ color: #E7D4B2;}
.lc_overlay{ background: linear-gradient(0deg, rgba(6, 23, 10, 0.7) 0%, rgba(6, 23, 10, 0)); padding: 223px 15px 15px 15px;}
.learning-column img{ height: 300px!important; object-fit: cover!important;}

.quick-links .after-menu-image-icons { background: #F0F7F3; width: 53px; height: 50px; padding: 10px; border-radius: 10px; display: flex; align-items: center; justify-content: center; margin-right: 15px; }
.menu-item:hover .after-menu-image-icons { background: #1F4C24; }
.quick-links .after-menu-image-icons:before { font-size: 24px; color: #1F4C24; }
.menu-item:hover .after-menu-image-icons:before { font-size: 24px; color: #F0F7F3; }
/* .ast-builder-menu-1 .menu-item > .menu-link{font-size: 14px; color: #1a3433;} */

.custom-menu .menu-item { background: #fff; border-radius: 20px; border: 1px solid #e5e7eb; margin-bottom: 15px;}
.custom-menu .menu-item a { padding: 15px; display: block;}
.custom-menu .menu-item:hover, .media-posts a.gal-col:hover { box-shadow: 0 1px 2px rgba(16,40,18,.05), 0 12px 32px -16px rgba(16,40,18,.12);}

.menu-title{ display: flex; align-items: center; justify-content: left; }
.menu-title h5{ display: flex; flex-direction: column; line-height: 25px;}

ul#menu-homepage-quick-links { margin: 0; list-style: none;}

.media-posts{ display: flex; flex-wrap: wrap; justify-content: space-between; gap: 20px;}
.gal-col.all { width: 100%; background: #fff; border-radius: 20px; overflow: hidden;}
.pic-section { overflow: hidden;}
.pic-section img, .gallary .fancybox img { height: 220px!important; object-fit: cover; display: block; width: 100%; transition: transform 0.5s ease;}
.gal-col:hover img, .gallary-posts .pic-section:hover a.fancybox img { transform: scale(1.1);}
.media-posts .text-box{ padding: 20px; color: #000; position: relative;}
.read-more-btn{ position: absolute; bottom: 20px;}
.news-date{ font-weight: 600; letter-spacing: .18em;}
.sub-heading { display: block;}

/* Table */
table, tr, th{ border: 0;}

/* Single Page  */
article .ast-blog-featured-section img{ object-fit: cover;}
.single article{ padding: 0!important;}
.ast-article-inner { padding: 15px;}
.single .entry-header { display: flex; align-items: center; justify-content: space-between;}
.single .title-wrap { display: flex; flex-direction: column;}
.single .post-date{ letter-spacing: 2px;}
.single .title-wrap .entry-title {line-height: 4rem; margin-bottom: 0;}
.single .title-wrap .entry-meta{ margin-bottom: 20px; display: none;}
.single .entry-header img{ border-radius: 30px; overflow: hidden; order: 2;}

/* Gallery */
.gallery { width: 100%; display: block; float: left;}
.gallary_section { width: 100%; display: block; float: left;}
.gallary-posts { width: 100%;    display: flex;    flex-wrap: wrap;    justify-content: flex-start;    gap: 20px;}
.gallary-posts .pic-section:nth-child(4n+ 1) { margin-left: 0;}
.gallary-posts .pic-section { overflow: hidden; width: 100%; max-width: 322px; overflow: hidden; position: relative; overflow: hidden; border-radius: 30px;}
.gallary-posts .post-thumb-wrapp, .gallary-posts .gallary { height: 100%;}
.gallary-posts .post-thumb-wrapp, .gallary-posts .gallary { height: 100%;}
.gallary { width: 100%; display: block; float: left;}
.gallary-posts .pic-section a { width: 100%; display: block;}
.gallary-posts .pic-section img { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
.gallary-posts .pic-section img { width: 100%; max-width: 100%; object-fit: cover; max-height: 294px; height: 294px; object-position: center;}
.gallery img { width: auto; max-width: 100%; object-fit: cover; object-position: center; /*margin: 10px;*/ border: 2px solid #ddd;}
/* Gallery */

ul.checked-list { list-style: none; margin: 0 0 20px 0;}
ul.checked-list li:before { content: '✓'; width: 30px; display: inline-block; text-align: center; padding: 0 4px; height: 30px; background: #eee; margin-right: 10px; border-radius: 5px;}
ul.checked-list li {border: 1px solid #ddd; padding: 10px; margin-bottom: 10px; background: #fff; border-radius: 10px; display: flex;}

.exam-pdfs{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.exam-pdfs .point-wrap { width: 100%; max-width: 49%;}

ul.sp-list{ display: flex; justify-content: flex-start; flex-wrap: wrap; list-style: none; margin-left: 0; gap: 20px; }
ul.sp-list li{ background: #F0F7F3; padding: 2px 10px; border-radius: 20px;}

/* Progressbar Start*/
.progress-container { position: fixed; top: 0; left: 0; width: 100%; height: 2px; background: rgba(20, 52, 43, 0.08); z-index: 1000;  }
.progress-bar { height: 100%; width: 0%; background: linear-gradient(to right, #E1AD01, #1A3432); transition: width 0.08s linear;  }
/* Progressbar End */

/* Sticky Header Start */
.home header.sticky{ background: rgba(215, 217, 212, .95);}
header.sticky a, header.sticky .site-description { color: #000 !important;}
header.sticky .main-header-menu li a:hover{ background: rgba(225,225,225,.5)!important;}
header.sticky .main-header-menu li.highlight a:hover{ background: rgba(225,173,1,.5)!important;}
#masthead header.sticky .ast-main-header-wrap { -webkit-backdrop-filter: blur(15px); backdrop-filter: blur(15px);}
/* Sticky Header End */

/* Footer Start */
ul#menu-connect { display: flex; gap: 10px;}
ul#menu-connect li a { background: rgba(22, 58, 27, 1); padding: 10px; border-radius: 20px;}
ul#menu-connect li a:hover { background: #D4A93F; color: rgba(22, 58, 27, 1);}


/* Responsive CSS */

@media (max-width: 480px) {
/* 	ul#menu-homepage-quick-links {column-count: 1;} */
}

@media (max-width: 767px) {
	ul#menu-homepage-quick-links {column-count: 1;}
	.single .title-wrap .entry-title {font-size: 1.5rem; line-height: 2rem;}
	.single .entry-header { flex-direction: column;}
	.page-title-section h2.current-title{ font-size: 40px!important;}
	.mission-points .point-wrap, .school-development-points .point-wrap{ width: 100%;}
	.mission-points { flex-direction: column;}
	.three-col-ul{ column-count: 1;}
	.custom-slider{ height: 60vh;}
	li.policy { max-width: 100%;}
}

@media (min-width: 768px) {
	.gal-col.all { max-width: 48%;}
	.mission-points .point-wrap{ display: flex; }
	.school-development-points .point-wrap{ width: 32%;}
	.three-col-ul{ column-count: 3; margin-left: 20px;}
	.custom-slider{ height: 100vh;}
	li.policy { max-width: 48%;}
}

@media (min-width: 1024px) {
	.gal-col.all { max-width: 31.8%;}
}

@media (max-width: 1199px) {
	.single .title-wrap .entry-title {font-size: 2rem;}
}

@media (min-width: 1200px) {
	ul#menu-homepage-quick-links {column-count: 3;}
	.single .title-wrap .entry-title {font-size: 3.5rem;}
	.single .title-wrap { margin-right: 50px;}
	.single .entry-header img{ max-width: 300px;}
}