/*
Theme Name: Stjude Academy Child
Theme URI: https://wordpress.org/themes/twentytwenty/
Template: stjudeacademy
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Our default theme for 2020 is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer. The colors of all elements on your site are automatically calculated based on the colors you pick, ensuring a high, accessible color contrast for your visitors.
Tags: blog,one-column,custom-background,custom-colors,custom-logo,custom-menu,editor-style,featured-images,footer-widgets,full-width-template,rtl-language-support,sticky-post,theme-options,threaded-comments,translation-ready,block-patterns,block-styles,wide-blocks,accessibility-ready
Version: 2.6.1718616593
Updated: 2024-06-17 09:29:53

*/

/* Globle */

html{scroll-behavior: smooth;}
body{  font-family: "DM Sans", sans-serif;font-size: 16px;color:#072239 !important;margin: 0;line-height: 24px;}
a{transition: .5s;text-decoration: none;color: #072239;cursor: pointer;}
a:hover{transition: .5s;color:#7198B3;}
section{padding:100px 80px;}
h1,h2,h3,h4,h5,h6{ font-family: "Cormorant Garamond", serif;color: #072239;}
h1{font-size: 56px;font-weight: 600;}
h2,h3,h4{font-size: 48px;line-height: 48px;}
.overflowHidden{overflow: hidden;}
p{font-family: "DM Sans", sans-serif;font-size: 16px;}
strong{color:rgba(7, 34, 57, 1);}
dl, ol, ul{margin-bottom: 30px;}
.form-control:focus,
.btn-check:focus + .btn, .btn:focus{box-shadow:none}
.btn {font-size: 14px; font-weight: 500;line-height: 18px;border-radius: 4px;display: inline-block;
  padding:15px 57px;color: #fff; position: relative; z-index: 1; overflow: hidden;border: 1px solid #fff;  transition: all 150ms linear;}
.btn:hover { background-color: #7198B3;color: #fff;border: 0px;}
.bluebtn {font-size: 14px; font-weight: 500;line-height: 18px;border-radius: 4px;display: inline-block;
  padding:15px 57px;color: #fff; position: relative; z-index: 1; overflow: hidden;background: #072239;
  transition: all 150ms linear;}
.bluebtn:hover { background-color:#7198B3;color:#fff;}
.form-select:focus{border-color:transparent; outline: 0; box-shadow:none;}
.container1180{max-width:1180px;}
/*  */


/* model css */
.modal-open {padding-right: 0 !important;}
#myModal.modal.show {background: rgba(0, 0, 0, .8)}
#myModal .modal-body .formFlex {display: flex;align-items: center;}
#myModal .modal-body .formFlex .btn {background: rgba(7, 34, 57, 1);line-height: 0; border: 0;}
#myModal .modal-content {background: transparent;}
#myModal .modal-body .formFlex input {height: 40px;border-radius: 0;}
#myModal .close {position: absolute;right:0px;background: #fff;width: 50px;height: 50px;z-index: 2;display: flex;justify-content: center;align-items: center;top:0px;border-radius: 50px;color: #072239;}
#myModal .modal-body .formFlex .btn:hover {background:#7198B3;color: #fff;border: 0px;}
#myModal .modal-body {padding: 0;}

/*  */


/* search box */
.search-icon{border:0;outline:none;background:transparent;cursor:pointer;font-weight:bold;color:#26313B;font-size:18px;width:24px;}
.search-toggle .search-icon.icon-close{display:none;}
.search-toggle.opened .search-icon.icon-search{display:none;}
.search-toggle.opened .search-icon.icon-close{display:block;}
.search-container{position:relative;-webkit-transition:all 0.3s;transition:all 0.3s;max-height:0;overflow:hidden;background-color:#eee;z-index:99;top:100%;}
.search-container.opened{max-height:100px;}
.search-container input[type="text"]{outline:none;padding:18px;width:300px;background-color:inherit;border:0;}
.search-container .search-icon{vertical-align:middle;cursor:pointer;margin:0px;padding:18px 30px;}
.search-container{position:absolute;right:0px;}
.search-box{display: flex;position: relative;align-items: center;}
.search-container form {display: -webkit-box;display: -ms-flexbox;display: flex;}

/* search box */
/* Top scroll */
#button{display:inline-block;background-color:#072239;width:40px;height:40px;text-align:center;border-radius:4px;position:fixed;bottom:70px;right:30px;-webkit-transition:background-color .3s, opacity .5s, visibility .5s;-o-transition:background-color .3s, opacity .5s, visibility .5s;transition:background-color .3s, opacity .5s, visibility .5s;opacity:0;visibility:hidden;z-index:6;cursor:pointer;}
#button:hover{background:#7198B3;}
#button.show{opacity:1;visibility:visible;}
#button::after{content:"\f077";font-family:FontAwesome;font-weight:normal;font-style:normal;font-size:14px;line-height:40px;color:#fff;}
.header-box {float: left;width: 100%;padding: 0px 0;position: fixed;top: 0px;left: 0px;z-index: 8;}
.header-menu {width: 100%;float: left;padding: 9px 82px 9px 38px;transition: .5s;}
.header-box.fixed-header .header-menu {padding: 12px 82px 12px 38px;}
.headerBoxInner {display: flex;align-items: center;justify-content: space-between;}
.contactDetails a, .selcet-box {display: flex;
    color: #fff;
    text-decoration: none;
    align-items: center;
    justify-content: center;}
.contactDetails a i {font-size: 22px;}
.logo a {display: inline-block;}
.logo img {max-width: 100%;transition:.5s;}
.logo{padding-right:40px;max-width: 250px;}
.header-box.thirdBannerI.fixed-header .header-menu {padding: 6px 85px;}
.fixed-header .logo img {max-width: 80%;transition:.5s;}
.header-box.fixed-header {background: rgba(7, 34, 57, 1);}
.nav.fixed-header .menu {height: 88px;}
/* End Top scroll */





/* End logo section */
/* Menu section */
.contactDetails select {background: transparent;border: none;color: #fff;width:50%;}
/* .contactDetails .selcet-box > select {font-weight: 700;} */
.contactDetails select option{background: #072239;}
.contactDetails select option:hover{background: green !important;}
.selcet-box .dropdown-select.wide.language {display: none;}
.contactDetails .selcet-box > select option {color: #000;background: #fff;font-weight: normal;}
.contactDetails {display: inline-flex;gap: 30px;}
/*  */
.tabs_wrapper {width: 85%;text-align: center; margin: 0 auto;background: transparent;}
.navigationInner ul.tabs { display: inline-block;vertical-align: top; position: relative; z-index: 10; margin: 0px 0 0;padding: 0;min-width: 175px;list-style: none; -ms-transition: all 0.3s ease;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;border-style: solid;padding-right: 40px;
    -webkit-border-image: -webkit-gradient(linear, 100% 0, 0 0, from(rgba(237, 244, 248, 1)), to(rgba(237, 244, 248, .0))) 1 100%;
    border-width: 1px 1px 1px 0; -webkit-border-image: 
    -webkit-linear-gradient(linear, 100% 0, 0 0, from(rgba(237, 244, 248, 1)), to(rgba(237, 244, 248, .0))) 1 100%;
  -moz-border-image:
    -moz-linear-gradient(linear, 100% 0, 0 0, from(rgba(237, 244, 248, 1)), to(rgba(237, 244, 248, .0))) 1 100%;
  -o-border-image:
    -o-linear-gradient(linear, 100% 0, 0 0, from(rgba(237, 244, 248, 1)), to(rgba(237, 244, 248, .0))) 1 100%;
  border-image:
    linear-gradient(linear, 100% 0, 0 0, from(rgba(237, 244, 248, 1)), to(rgba(237, 244, 248, .0))) 1 100%; }
    .navigationInner  ul.tabs li {margin: 0;cursor: pointer;padding: 0px 15px;line-height: 31px;color: white;text-align: left;
       /* IE6-9 */  -ms-transition: all 0.3s ease;-webkit-transition: all 0.3s ease;transition: all 0.3s ease; }
       .navigationInner ul.tabs li a {color: rgba(255, 255, 255, 0.5);text-decoration: none;text-decoration: none;display: inline-block;width: 100%;
    font-family: Cormorant Garamond;font-size: 48px;font-weight: 400;line-height: 56px;text-align: right;}
    .navigationInner ul.tabs li:hover a,
    .navigationInner ul.tabs li.active a {color: rgba(255, 255, 255, 1);}
    .navigationInner .tab_container {display: inline-block;vertical-align: top; position: relative;z-index: 20; left:0;text-align: left;min-width: 250px;}
    .navigationInner  .tab_container ul li a {color: rgba(255, 255, 255, 0.5);font-family: DM Sans;font-size: 16px;font-weight: 400;line-height: 32px;	text-align: left;text-decoration: none;}
    .navigationInner .tab_container ul li:hover a,
    .navigationInner .tab_container ul li.active a {color: rgba(255, 255, 255, 1);}
    .navigationInner .tab_content {padding: 0px; height: 100%; display: none;}
/*  */
.nav {display: flex;justify-content: flex-end;transition: .5s;}
.menu {display: block;position: fixed;top: 0;right: 0;margin-top:5px;background:transparent;color: #fff;z-index: 9;padding: 20px 14px;cursor: pointer;height: 100px;width:100px;transition: .5s;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.menu span {height: 2px;background: #fff;width: 30px;display: block;margin-bottom: 5px;transition: .5s;}
.navigation {overflow:auto ;position: fixed;width: 100%;height: 100vh;left: 0;top: 0;z-index: 8;transform: scaleY(0);background: rgba(7, 34, 57, 1);
    transform-origin: top;display: flex;justify-content: flex-start;align-items: center;flex-direction: column;transition: all 0.2s cubic-bezier(0, 0.32, 0.36, 0.97);}
.navigator {margin: 10px;background: transparent;color: #fff;font-weight: 900;letter-spacing: 1px;font-size: 34px;box-shadow: inset 0 0 5px 0px #26313b;transform: scaleY(0);transform-origin: bottom;opacity: 0;transition: all 1s linear;}
.navigation.open {transform: scaleY(1);display: flex; align-content: center;
  justify-content: center;padding-top: 100px;}
.navigation.open .navigator {transform: scaleY(1);opacity: 1;}
.menu span:last-child {margin-bottom: 0px;}
.menu.iconBox span:first-child {transform-origin: center;transform: translate(-50%, -50%) rotate(50deg);transition: .5s;}
.menu.iconBox {display: flex;align-items: center;justify-content: center;flex-wrap: wrap;}
.menu.iconBox span {margin-bottom: 0px;position: absolute;}
.menu.iconBox span:nth-child(2) {display: none;}
.menu.iconBox span:last-child {transform-origin: center;transform: translate(-50%, -50%) rotate(-50deg);position: absolute;transition: .5s;}
.navigationInner {overflow: hidden;width: 100%;padding: 0px 100px 0;display: flex;justify-content: center;gap: 50px;align-items: center;overflow-y: auto;}
/* End Menu section */

/* Home Banner */
.homebanner img {	width: 100%;opacity: .7;}
.homebanner {	position: relative;background: #072239;}
.homebanner .playBtn {position: absolute;color: #fff;font-size: 55px;left: 0;right: 0;top: 50%;margin: 0 auto;text-align: center;transform: translateY(-50%);}
/*  */

/* about section */
.fullContnt {background: #072239;position: relative;padding: 0px 80px 80px;}
.fullContnt::before {position: absolute;content: "";width: 100%;height: 125px;left: 0;right: 0;background: #072239;
;	top: -122px;clip-path:polygon(50% 2%, 0% 98%, 101% 100%);}
.fullContnt .contentWrapp {	width: 100%;text-align: center;margin: -40px auto;max-width: 700px;}
.fullContnt .contentWrapp figure{position: relative;}
.fullContnt .contentWrapp h1 {font-size: 56px;line-height: 56px;font-weight: 600;margin: 32px 0;color: #fff;}
.fullContnt .contentWrapp p {line-height: 32px;color: #fff;}
/*  */

/* content section white */
.fullContnt_white {background: #fff;position: relative;padding: 0px;margin-bottom: -50px;}
.fullContnt_white::before {position: absolute;content: "";width: 100%;height: 125px;left: 0;right: 0;background: #fff;
;	top: -122px;clip-path:polygon(50% 2%, 0% 98%, 101% 100%);}
.fullContnt_white .contentWrapp {	width: 100%;text-align: center;margin: 0px auto;max-width: 700px;}
.fullContnt_white .contentWrapp figure{position: relative;}
.fullContnt_white .contentWrapp h1 {font-size: 56px;line-height: 56px;font-weight: 600;margin: 32px 0;color: #000;}
.fullContnt_white .contentWrapp p {line-height: 32px;color: #000;}
/*  */


/* counterNo */
.counterNo {padding: 49px 195px;}
.counterNo .countnumber {	color: #7198B3;border-image: linear-gradient(#7198B300,#7198B3,#7198B300)15;
  border-width: 0 1px 0px 0px; border-style: solid;text-align: center;height: 100%;}
.counterNo .countnumber .counterinner{font-family: Cormorant Garamond; font-size: 56px;font-weight: 600; line-height: 72.8px; }
.counterNo .countnumber .counterinner span {white-space: nowrap;font-family: 'DM Sans';}
.counterNo .countnumber p{font-size: 16px;font-weight: 500;line-height: 28.8px;margin: 0;}
.counterNo .col-lg-3:last-child .countnumber {border-width: 0;}
/*  */

/* progam Silder */
section.Programmes {padding: 0px;min-height: 65px; }
.Programmes {position: relative;}
.Programmes img {position: absolute;width: 100%;left: 0;top: 0;height: 100%;object-fit: cover;}
.Programmes #program-testi {position: relative;}
.Programmes .col-md-12{margin: 0px; padding: 0px;}
.Programmes .owl-item{height: 800px;}
.Programmes #program-testi .progamText {padding: 24px 154px;direction: ltr;position: relative; z-index: 2; color: #fff;}
.Programmes #program-testi .item h3{color: #fff;}
.Programmes #program-testi .item p {width: 100%;margin: 16px 0px 32px;color: #fff;}
.Programmes .item { padding: 100px; }
.Programmes #program-testi .owl-nav button {position: absolute;top: 35%;background: rgba(255, 255, 255, 0.1);	color: rgba(255, 255, 255, 1);width: 52px;height: 52px;border-radius: 52px;line-height: 52px;font-size: 24px;}
.Programmes #program-testi .owl-nav .owl-next {right: 80px;}
.Programmes #program-testi .owl-nav .owl-prev {left: 80px;}
.Programmes #program-testi .owl-dots {text-align: center;position: absolute;left: 0;right: 0;bottom: 25px;}
.Programmes #program-testi .owl-dot {	width: 8px;height: 8px;display: inline-block;background: rgba(255, 255, 255, .4);
	margin: 0px 5px;border-radius: 8px;}
.Programmes #program-testi .owl-dot.active {background: #fff;}
#fullheightdesc .item{padding: 92px 10px;
    display: flex;
    flex: 1 0 auto;
    height: 100%;}
    #fulheightdesc .progamText{ position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: stretch;}
    #fullheightdesc #program-testi .owl-dots{bottom:15px}
/* @media only screen and (max-width: 1560px) and (min-width: 1380px) {
 #fullheightdesc .progamText{padding: 24px 70px;}
}

@media (max-width: 575px) {
    #program-testi .item{ height: 500px;}
}
@media only screen and (max-width: 1379px) and (min-width: 574px) {
 #program-testi.item{ height: 600px;}
 #program-testi .item {padding: 50px;}
} */
*  *

/* graduates section */
.graduates-study {padding: 66px 130px;}
.graduates-study .graduatesSilde h3 {text-align: center;color: #072239;margin-bottom: 50px;}
#graduateSilder .owl-stage {display: flex;align-items: center;}
#graduateSilder .owl-nav {display: none;}
.graduates-study #graduateSilder .owl-item img{max-height: 132px;object-fit: contain;}
/*  */

/* IB-program */
.ib-program {	padding: 0;}
.ib-program figure img {width: 100%;min-height: 400px;object-fit: cover;-webkit-transition: .3s ease-in-out;	transition: .3s ease-in-out;}
.ib-wrapp {position: relative;-webkit-transition: .3s ease-in-out;	transition: .3s ease-in-out;overflow: hidden;width:100%;}
.ib-wrapp figure {margin: 0;overflow: hidden;}
.ib-wrapp figure, .ib-program figure img {height: 100%;}
.ib-wrapp .captionBox {position: absolute;background: rgba(7, 34, 57, 0.5);height: 100%;left: 0;right: 0;top: 0;margin: 0 auto;display: flex; justify-content: center;  align-items: center;transform: scale(0);opacity: 0;transition: .5s;padding: 20px;}
.ib-wrapp .captionBox h4 {font-size: 42px;line-height: 42px;margin: 0;color: #fff;}
.ib-wrapp .captionBox p {color: #fff;line-height: 32px;margin: 39px auto 70px;width: 100%;	max-width: 322px;}
.ib-wrapp:hover .captionBox {transform: scale(1);opacity: 1;}
.ib-wrapp:hover .captionBox a{padding: 13px 19px;}
.ib-wrapp:hover figure img{transform: scale(1.2);-webkit-transition: .3s ease-in-out;	transition: .3s ease-in-out;}
/*  */

/* blog */
.blogSection {padding: 46px 130px;}
.blogSection .blogSectionHeading h3 {font-size: 32px;margin: 0;	line-height: 25px;}
.blogSectionInner h6 {font-size: 12px;line-height: 16px;	color: #6C757D;font-family: "DM Sans", sans-serif;font-weight: 400;}
.blogSectionInner h4 {font-size: 32px;line-height: 30px;margin: 14px 0;}
.blogSectionInner h4 a{color: #072239;}
.blogSectionInner p{font-size: 14px;color: #6C757D;}
.blogSectionInner {display: inline-block;width: 100%;margin-top: 50px;transition: .5s;}
.blogSectionInner:hover {transform: scale(1.05);transition: .5s;}
.blogSectionInner figure {position: relative;padding-top: 67%;margin:0px;}
.blogSectionInner figure img, .sectorSectionInner figure img {position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;object-fit: cover;border-radius: 5px;}
.blogSectionInner figure figcaption {color: #072239;position: absolute;top: 6px;right: 6px;font-weight: 700;
  background: rgb(237, 244, 248);color: #7198B3;font-size: 10px;line-height: 13px; width: auto;height: 32px;border-radius: 4px;display: flex;align-items: center;justify-content: center; padding: 0 10px;}
.blogSectionInner figure figcaption a{color: #072239;}
.blogSection .blogBtn {text-align: center;}
.blogSection .blogBtn aside .btn {background: #072239;}
.blogSection .blogBtn aside .btn:hover {background: #7198B3;color: #fff; border: 0px;}
.blogSectionInnerContent {padding: 22px 0px;}
.blogSection.innerPage .month-year-wrap .not_found_posts {font-size: 40px;font-family: "Cormorant Garamond", serif;
	line-height: 40px;}
.blogSection .hidden-content1{display:none;}
.blogSection .hidden-content1 {padding: 20px 0px;border-top: 1px solid #7198B3;}
.blogSection .hidden-content1 ul {margin-bottom: 1rem;}
/*  */

/*your-journey */
.your-journey {position: relative;background-color: #072239;}
.your-journey > img {position: absolute;width: 100%;left: 0;top: 0;height: 100%;object-fit: cover;opacity: .1;}
.your-journey .yourjourText {position: relative;text-align: center;}
.yourjourText figure {margin: 0 auto;width: 100%;max-width: 150px;}
.yourjourText figure img{max-width: 100%;}
.your-journey .yourjourText h3 {color: #fff;line-height: 56px;	margin: 36px 0px;}
.your-journey.getNews .formFlex .gform_heading {display: none;}
.your-journey.getNews .formFlex #gform_wrapper_1 {margin: 0 auto;}
.your-journey.getNews .formFlex #gform_1 {width: 100%;max-width: 600px;margin: 0px auto;position:relative;}
.your-journey.getNews .formFlex #gform_1 #input_1_1 {width: 100%;font-size: 16px;font-weight: 400;line-height: 20px;background: rgba(255, 255, 255, 0.1);border: none;border-radius: 4px;height: 50px;color: #fff;padding: .375rem .75rem;text-align:left;
}
.your-journey.getNews .formFlex #gform_1 #input_1_1::placeholder{color:#fff;opacity:1;}
.your-journey.getNews .formFlex #gform_1 .gform_footer {padding: 0;margin: 0;}
.your-journey.getNews .formFlex #gform_1 .gform_footer #gform_submit_button_1 {position: absolute;right: 5px;
top: 5px;background: #fff;border: none;font-size: 14px;font-weight: 500;color: #072239;padding:8px 42px;line-height: inherit;transition: .5s;border-radius: 4px;margin: 0;width: auto;}
.your-journey.getNews .formFlex #gform_1 #field_1_1 {padding: 0;}
.your-journey.getNews .formFlex #gform_1 .gform_footer #gform_submit_button_1:hover {background-color: #7198B3;color: #fff;}
.your-journey.getNews .formFlex #gform_1 #field_1_1 {background: transparent;border: none;max-width: 100% !important;}
.your-journey.getNews .formFlex #gform_1 #field_1_1 #validation_message_1_1 {color: #fff;}
.your-journey.getNews .formFlex #gform_wrapper_1 #gform_1_validation_container {border: 2px solid #fff;}
.your-journey.getNews .formFlex #gform_wrapper_1 #gform_1_validation_container h2 {
	color: #fff;
}
/*  */

/* Footer */
.footer {background: rgba(7, 34, 57, 1);padding: 58px 0px 20px;float: left;width: 100%;}
.footer .container-fluid {max-width: 1180px;}
.footer .footer-logos {	display: inline-flex;justify-content: flex-start;width: 100%;gap: 15px;}
.footer .footer-logos figure {width: 100%;max-width: 100px;	margin: 0;}
.footer .footer-logos figure img {max-width: 100%;}
.footer .footContactinfo h5 {font-family: DM Sans;font-size: 18px;font-weight: 400;line-height: 18px;text-align: left;
	color: #fff;padding-bottom: 7px;}
  .footContactinfo.resou ul li{line-height: 18px;}
.footer .footContactinfo p,
.footer .footContactinfo a,
.footer .footContactinfo ul li a {text-align: left; color: #fff;font-size: 12px; line-height: 18px;margin: 0;}
.footer .footContactinfo ul{padding-left: 0;}
.footer .footContactinfo p a {color: #fff;}
.footer .footContactinfo.add a { max-width: 150px; display: inline-block; }
.footer .footContactinfo.working a {display:block;  }
.footer .footContactinfo a {text-decoration: none;transition: .5s;border-bottom:1px solid transparent;}
.footer .footContactinfo a:hover {border-bottom:1px solid #7198B3;color: #7198B3 ;}
.footer .social-media a {color: #fff;font-size: 24px;padding: 0px 8px;transition: .5s;}
.footer .social-media a:hover {color:#7198B3;transform: scale(.9);}
.footer .social-media a:nth-child(1) {padding-left: 0;}
.footer .social-media a:last-child {padding-right: 0;}
.footer .copyright {padding-top: 16px;}
.footer .copyright p {color: #fff; text-align: center;font-size: 12px; line-height: 18px;margin: 0; }
.fixedIcon { position: fixed; right: 0; top: 35vh;background: #072239;;z-index: 2;}
.fixedIcon .social-media a { display: block;color: #fff;font-size: 24px;padding: 11px 13px;transition: .5s; }
.fixedIcon .social-media a:hover {color:#fff;background-color: #7198B3;}
.navicon p {margin-bottom: 5px;}
/* End Footer */


/* inner banner */
/* .nav.innerPg .menu {background: #fff;}
.nav.innerPg .menu span{background-color: #000;} */
.homebanner.innerBn {background: #072239;}
.navicon {display: flex;flex-direction: column;justify-content: center;align-items: center;width:100%;}
.homebanner.innerBn p {font-size: 15px;font-weight: 700;letter-spacing: 2px;text-transform: uppercase;margin: 0;}
.homebanner.innerBn h1 {color: #fff;line-height: 68px;font-weight: 600;width: 100%; max-width: 500px; margin: 0px auto;letter-spacing: 2px;}
.homebanner.innerBn img {	opacity: .5;}
/*  */
/* .page-id-2192 .homebanner .playBtn{top: 18%;} */


/* images with content */
.imageWithContent {overflow: hidden;}
.imageWithContent .ContentBox h2,
.imageWithContent .ContentBox h3,
.imageWithContent .ContentBox h4{margin-bottom: 32px;}
.imageWithContent .imageBox figure{text-align: center;margin: 0;}
.imageWithContent .imageBox figure img {width: 100%;max-width:65%;transition: 2.5s;}
.imageWithContent .ContentBox p {color: #072239;line-height: 32px;margin-bottom: 32px;}
.imageWithContent ul li,
.imageWithContent ol li{margin-bottom: 10px;}
.imageWithContent ul li:last-of-type,
.imageWithContent ol li:last-of-type{margin-bottom: 0;}
#our-locations.iframe .embed-responsive,
#our-locations.iframe iframe {height: 100%;width: 100%;filter: grayscale(100%);}
/* full width */
.fullwidthcontent {background: #fff;padding-top: 100px;padding-bottom: 100px;}
.fullwidthcontent .contentWrapp {width: 100%;max-width: 100%;text-align: left;}
.fullwidthcontent .contentWrapp h1, .fullwidthcontent .contentWrapp h2 {color: #072239;}
.fullwidthcontent .contentWrapp p {color: #072239;}
.fullwidthcontent .contentWrapp h1 {margin-top: 0px;}
.fullwidthcontent .contentWrapp h2 {font-size: 30px;}
/*  */

/* video with content */
.videoWithContent {background: #072239;padding: 0;position: relative;}
.videoWithContent .row {display: flex;align-items: center;}
.videoWithContent .videoBox figure {margin: 0;width: 100%;max-width: 100%;position: relative;}
.videoWithContent .videoBox figure img {width: 100%;}
.videoWithContent .videoBox figure figcaption{position: absolute;color: #fff;font-size: 55px;left: 0; right: 0;
  top: 50%; margin: 0 auto; text-align: center;}
.videoWithContent .ContentBox{display: flex;justify-content: center;}
.videoWithContent .ContentBox h3 {color: #fff;}
.videoWithContent .ContentBox p {color: #fff;margin: 32px 0;width: 100%;max-width: 510px;}
.videoWithContent .ContentBox ul li a {display: inline list-item;transition: .5s;}
.videoWithContent .ContentBox ul li a:hover{color:#7198B3;}
.videoWithContent .video {display: none;transition: .5s;}
.videoWithContent .video.show {position: absolute;width: 100% !important; display: block;top: 0;right: 0;height: 100%;}
.videoWithContent .video.show iframe{width: 100% !important;height: 100%;}
.videoWithContent .video span {position: absolute;left: -3px;top: -27px;color: #fff;background: #072239;width: 50px;height: 50px;
	border-radius: 50px;display: flex;justify-content: center;align-items: center;font-size: 30px;}
.videoWithContent .ContentBox .flexwrapp *:last-child {margin: 0 !important;}
/*  */

/*Tuition Fees */
.price-box .topHead {margin-bottom: 50px;text-align: center;}
.tuition-Fees {display: flex;border: 2px solid #CDCDCD;justify-content: center;align-items: center;overflow: hidden;min-height: 500px;height:100%;}
.tuition-Fees:hover .priceWrpp {transform: scale(1.02);}
.price-box .row {row-gap: 25px;}
.tuition-Fees .priceWrpp {transition: .5s;padding:15px 30px 15px 50px;width: 100%;}
.tuition-Fees .tag p {background: rgba(167, 197, 214, 0.25);display: inline;font-size: 15px;font-weight: 500;letter-spacing: 1px;padding: 10px 48px;border-radius: 4px;color: #7198B3;margin: 0;}
.tuition-Fees h4 {margin: 16px 0px;font-weight: 400;}
.tuition-Fees p {color: rgb(7, 34, 57,.8);}
.price-box aside {margin-top: 30px;text-align: center;}
.tuition-Fees ul{margin: 0;}
.tuition-Fees ul li {margin-bottom: 16px;}
.tuition-Fees ul li span {background:rgba(167, 197, 214, 0.25);color: #7198B3;padding: 4px 10px;font-size: 12px;margin-right: 16px;}
.tuition-Fees .bluebtn {margin: 16px 0px;}
.tuition-Fees p {margin: 16px 0px 32px;}
.tuition-Fees p:last-of-type {margin: 0;}
.tuition-Fees p a{color:#CDCDCD;}
/*  */


/*Browse Our Summer Camps  */
.ib-program.summeCap .row {display: flex;flex-flow: row nowrap;}
.ib-program.summeCap .cw {display: block;overflow: hidden;position: relative;width: auto;margin: 0;
	flex: 1 1 auto;width: 33.3%;	transition: width 0.6s ease;}
  .ib-program.summeCap .cw:hover {width: 50%;}
.ib-program.summeCap .ib-wrapp {transition: width 0.6s ease;}
.ib-program.summeCap figure img{height: 400px;}
.ib-program.summeCap .ib-wrapp:hover figure img {transform:none;-webkit-transition:none;transition: none;}
.ib-program.summeCap .ib-wrapp:hover .captionBox {transform: scale(1);opacity: 1;}
.ib-program.summeCap .ib-wrapp .captionBox h4 {text-align: center;width: 100%; max-width: 300px;}
.ib-program.summeCap:hover .captionBox h4 {font-size: 48px;max-width: 380px;}
/*  */

/* getNews */
.getNews .yourjourText h3 {font-size: 40px;line-height: 40px;font-weight: 400;}
.getNews .yourjourText h3 span{font-style: italic;font-weight: 700;}
.yourjourText .form-control {font-size: 16px;font-weight: 400;line-height:20px;background: rgba(255, 255, 255, 0.1);
	border: none;	border-radius: 4px;height: 50px;color:#fff;}
  .yourjourText form {width: 100%; max-width: 600px;margin: 0px auto;position: relative;}
  .yourjourText form .formFlex .btn {position: absolute;right: 5px;top: 5px;background: #fff;border: none;
    font-size: 14px;font-weight: 500; color: #072239;padding: 11px 42px;transition: .5s;}
    .yourjourText form .formFlex .btn:hover {background:#7198B3;color: #fff;border: 0px;}
.yourjourText form .formFlex input::placeholder { color: #fff !important;  opacity: 1;}
.yourjourText form .formFlex input::-ms-input-placeholder {color: #fff !important; opacity: 1}
/*  */

/*house-system  */
.imageWithContent.house-system {padding: 0;  background:#edf4f8;}
.imageWithContent.house-system .row {align-items: center;}
.imageWithContent.house-system figure {margin: 0;text-align: left;}    
.imageWithContent.house-system figure img{max-width: 100%;}
.imageWithContent.house-system .ContentBox h2{margin: 0;}
.imageWithContent.house-system .ContentBox p {max-width: 500px;}
/*  */

/* trips-experiences */
.videoWithContent.trips-experiences figure {float: right;}
.videoWithContent.trips-experiences .ContentBox p {margin-bottom: 0;line-height: 32px;}
/*  */

/*  */
/* .imageWithContent.model-united .ContentBox p:last-of-type {margin-bottom: 0;} */
/*  */



   /* meet the team */
  .meet-team {text-align: center;}
.meet-team .contentWrapp h2{margin: 0;}
.meet-team .contentWrapp p {line-height: 32px;width: 100%;max-width: 950px;margin: 32px auto;}
.meet-team .meetLogo {position: relative;margin: 60px 0;}
.meet-team .meetLogo figure{width: 100%;max-width: 150px;margin:0 auto;}
.meet-team .meetLogo img {max-width: 100%;}
.meet-team .meetLogo::after {position: absolute;content: "";background: #D9D9D9;width:38.5%;left: 0;height: 2px;
top: 50%;}
.meet-team .meetLogo::before {position: absolute;content: "";background: #D9D9D9;width:38.5%;right: 0;height: 2px;
top: 50%;}
.meet-team  .row.d-flex {justify-content: center;row-gap: 50px; column-gap: 30px;}
.meet-team .team-description figure { margin: 0;}
.meet-team .team-description figure img { width: 100%; }
.meet-team .team-description figcaption h5 {font-size: 32px;line-height: 32px;font-weight: 700;margin: 23px 0px 8px;}
.meet-team .team-description figcaption p{margin: 0;}
 /*  */


 /* Blog Page */
/* select box css */
#selectId {display: none !important;}
.blogSelctFlex .dropdown-select {background-repeat: repeat-x;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#40FFFFFF', endColorstr='#00FFFFFF', GradientType=0);background-color: #072239;border-radius:4px 4px 0px 0px;box-sizing: border-box;cursor: pointer;display: block;float: left;font-size: 17px;font-weight: normal;height: 42px;line-height: 40px;outline: none;padding-left: 18px;padding-right: 30px;position: relative;text-align: left !important;  transition: all 0.2s ease-in-out;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;white-space: nowrap;width: auto;}
 .blogSelctFlex .dropdown-select:focus {background-color: #7198B3;}
 .blogSelctFlex .dropdown-select:hover {background-color: #7198B3;}
 .blogSelctFlex .dropdown-select:active,
 .blogSelctFlex .dropdown-select.open {background-color: rgba(255, 255, 255, 0.1) !important; box-shadow: none;}
 .blogSelctFlex .dropdown-select:after {height: 0;width: 0;border-left: 7px solid transparent;border-right: 7px solid transparent;border-top: 7px solid #fff;-webkit-transform: origin(50% 20%);transform: origin(50% 20%);transition: all 0.125s ease-in-out;content: '';display: block;margin-top: -2px;pointer-events: none;position: absolute;right: 10px;top: 50%;}
 .blogSelctFlex .dropdown-select.open:after {-webkit-transform: rotate(-180deg);transform: rotate(-180deg);}
 .blogSelctFlex .dropdown-select.open .list {-webkit-transform: scale(1);transform: scale(1);opacity: 1;pointer-events: auto;}
 .blogSelctFlex .dropdown-select.open .option {cursor: pointer;}
 .blogSelctFlex .dropdown-select.wide {width: 100%;}
 .blogSelctFlex .dropdown-select.wide .list {left: 0 !important;right: 0 !important;}
 .blogSelctFlex .dropdown-select .list {box-sizing: border-box;transition: all 0.15s cubic-bezier(0.25, 0, 0.25, 1.75), opacity 0.1s linear;-webkit-transform: scale(0.75);transform: scale(0.75);-webkit-transform-origin: 50% 0;transform-origin: 50% 0;box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.09);background-color:rgba(255, 255, 255, 10%);border-radius: 4px; padding:0;opacity: 0;overflow: hidden;pointer-events: none;position: absolute;top: 100%;left: 0;z-index: 999;overflow: auto;}
 .blogSelctFlex .dropdown-select .list:hover .option:not(:hover) {background-color: transparent !important;}
 .blogSelctFlex .dropdown-select .list ul {padding: 0;margin: 0;}
 .blogSelctFlex .dropdown-select .option {cursor: default;font-weight: 400;line-height: 40px;outline: none;padding-left: 18px;padding-right: 29px;text-align: left;transition: all 0.2s;list-style: none;}
 .blogSelctFlex .dropdown-select .option:hover, .blogSelctFlex .dropdown-select .option:focus {background-color:#7198B3 !important;}
 .blogSelctFlex .dropdown-select .option.selected {font-weight: 600;color: #fff;}
 .blogSelctFlex .dropdown-select .option.selected:focus {background: #072239;}
 .blogSelctFlex .dropdown-select a {color: #aaa;text-decoration: none;transition: all 0.2s ease-in-out;}
 .blogSelctFlex .dropdown-select a:hover {color: #666;}
/*  */

/* select box css end*/
/*  .homebanner.innerBn.blogPage .playBtn {top: 38%;} */
 .blogSelctFlex {width: 100%;max-width: 750px;margin:80px auto 0px auto;;display: flex;gap: 20px;	align-items: center;}
 .blogSelctFlex .formFlex {display: flex;position: relative;align-items: center;border: transparent;color: #fff;flex: 0 0 50%;}
 .blogSelctFlex .form-select {flex: 0 0 50%;height: 50px;background: rgba(255, 255, 255, 10%);border: transparent;color: #fff;}
 .blogSelctFlex form {flex: 0 0 50%;}
 .blogSelctFlex .formFlex input {background: rgba(255, 255, 255, 10%);color: #fff;height: 50px;	border: transparent;padding: .375rem 2.75rem;  text-decoration: none;font-size: 17px;  line-height: 22px}
 .searchBox {position: absolute;color: #fff;font-size: 16px;left: 10px;}
 .blogSelctFlex .formFlex input::placeholder { color: #fff !important;  opacity: 1;}
 .blogSelctFlex .formFlex input::-ms-input-placeholder {color: #fff !important; opacity: 1}
 .blogSection.innerPage .blogSectionInner {margin: 0px 0px 50px;}
 .blogSection.innerPage .blogSectionHeading h5 {margin: 50px 0px;font-size: 32px; font-weight: 700; line-height: 25px;}
 .blogSection.innerPage .blogSectionInner p {margin: 0;}
 .blogSection.innerPage .blogSectionInnerContent {padding: 22px 0px 0;}
 .blogPagination {display: flex;justify-content: center;}
 .blogPagination .pagination {margin: 0;}
 .blogPagination .pagination li {margin: 0px 6px;}
 .blogPagination .pagination li a {color:#7198B3;border: 1px solid #E9E9E9;border-radius: 4px !important;font-size: 14px;line-height: 20px;padding: 8px 12px;}
/*  .blogPagination .pagination li:nth-child(1) a {opacity: 0.3;} */
 .blogPagination .pagination li:first-child span{padding-right: 6px;}
 .blogPagination .pagination li:last-child a span{padding-left: 6px;}
 .blogPagination .pagination li a:focus{box-shadow: none;background-color:#7198B3;color: #fff;}
 .blogPagination .pagination li a:hover{background-color: #7198B3; color: #fff;}
 .blogPagination .pagination .page-item.active .page-link {background-color: #072239;border-color: #072239;}
/*  .blogSection .filter-cat-results .f-cat {opacity: 0;display: none;}
.blogSection .filter-cat-results .f-cat.active {opacity: 1;display: block;-webkit-animation: fadeIn 0.65s ease forwards; animation: fadeIn 0.65s ease forwards;} */


.blogSelctFlex .formFlex .probox {
	background: rgba(255, 255, 255, 10%) !important;
	color: #fff;background-image: none !important;
	height: 38px !important;
	border: transparent !important;
  box-shadow:none;
	padding: .375rem 2.75rem;
	text-decoration: none;
	font-size: 17px;
	line-height: 22px;box-shadow:none;
}
 /*  */
div.asl_r.vertical {background: rgb(7, 34, 57) !important;}
.formFlex #ajaxsearchlite1 {
  background-image: none;
  background: transparent;
}
.formFlex .promagnifier {
  background: transparent !important;
  position: absolute;
  left: 0px;
  top: 10px;
}
.formFlex .orig {
  height: 38px !important;
  font-family: "DM Sans", sans-serif !important;
  cursor: pointer;
  font-size: 17px !important;
  font-weight: normal !important;
  line-height: 40px !important;
  text-align: left !important;
  white-space: nowrap;
}
/* Blog Details page */
/* .single-post .homebanner.innerBn.blogDetail .playBtn{top: 50%; transform: translateY(-50%);} */
.homebanner.innerBn.blogDetail h1 {max-width: 600px;}
/* .homebanner.innerBn.blogDetail  .playBtn{top: 34%;} */
.homebanner.innerBn.blogDetail .blogDe {gap: 8px;margin-bottom: 30px;flex-wrap: wrap;}
.homebanner.innerBn.blogDetail .blogDe a {color: #7198B3;
  background: #edf4f8;border-radius: 4px;padding: 5px 10px;font-size: 10px;font-weight: 700;line-height: 13px;width: auto; height: 32px; display: flex;  justify-content: center;align-items: center;}
.homebanner.innerBn.blogDetail .blogDe a:hover {background: #7198B3;color: #fff;}
/*  */

/*  */
.contentSection {padding: 70px 80px;}
.contentSection .blodDcont1 p {margin: 0;flex-grow: 1;}
.contentSection .blodDcont1 hr {margin: 50px 0;background-color: currentColor;opacity: 1;background: rgba(217, 217, 217, 1);}
.contentSection .blodDcont1 blockquote {color: #7198B3;border-left: 4px solid #7198B3;margin: 60px 0px;font-family: "Cormorant Garamond", serif;padding-left: 41px;}
.contentSection .blodDcont1 h5 {font-size: 24px;display: block;color: #072239;line-height: 32px;font-family: "DM Sans", sans-serif;margin: 30px 0px;}
.contentSection .blodDcont1 p {margin-bottom: 20px;line-height: 32px;}
.contentSection .blodDcont1 blockquote p {font-size: 48px;line-height: normal;font-family: "Cormorant Garamond", serif;	font-weight: 500;}
.contentSection .blodDcont1 ul li,
.contentSection ol li {margin-bottom: 20px;}
.contentSection .blodDcont1 ul li:last-child,
.contentSection ol li:last-child {margin-bottom: 0px;}
.contentSection .tags {gap: 16px;margin-top: 50px;}
.contentSection .tags a {font-weight: 700;background: rgb(237, 244, 248);color: #7198B3;font-size: 10px;line-height: 13px;width:auto;height: 32px;border-radius: 4px;display: flex; align-items: center; justify-content: center;padding:0 10px;}
.contentSection .blodDcont2 hr {margin: 50px 0;background-color:rgba(217, 217, 217, 1);opacity: 1;}
.contentSection .smallLogo figure {background: #072239;width: 72px;height: 72px;border-radius: 72px;margin: 0;}
.contentSection .smallLogo figure img{max-width: 100%;padding: 10px;}
.contentSection .smallLogo {display: inline-flex;gap: 20px;align-items: center;}
.contentSection .smallLogo .cption p {margin: 0;}
.contentSection .smallLogo .cption p:first-of-type{color:#A2A2A2;margin-bottom: 2px;}
.logoWithshare {display: flex;justify-content: space-between;}
.contentSection .blodDcont1 .d-flex p {margin: 0;display: flex;gap: 15px;}
.contentSection .blodDcont1 .pld-like-dislike-wrap.pld-template-2 {display: none;}
.logoWithshare .linkAShare .pld-like-wrap.pld-common-wrap {margin: 0;min-width: auto;}
.logoWithshare .linkAShare span{color: #7198B3;}
.logoWithshare .linkAShare a {color: #7198B3;line-height: 32px;}
.logoWithshare .linkAShare {display: flex;gap: 16px;align-items:center;}
.logoWithshare .linkAShare .pld-like-dislike-wrap{margin:0px;}
.logoWithshare .linkAShare .addtoany_shortcode a {font-size: 20px;position: relative;padding-right: 30px;}
.logoWithshare .linkAShare .addtoany_shortcode a::before {position: absolute;content: "\f064";right: 0;font-family: 'FontAwesome';font-size: 20px;}
.logoWithshare .linkAShare a i {font-size: 20px;}
.blogSection.detailBlog {padding: 0px 80px 50px;}

/*  */

/* Faq Section */
.faqSection.innerPage {	padding-bottom: 70px;}
.homebanner.innerBn.faqs img {opacity: 1;}
.homebanner.innerBn.faqs .playBtn {top: 33%;margin: 0 auto;text-align: left;}
.homebanner.innerBn.faqs h1 {text-align: left;margin: 0;font-size: 100px;line-height: 90px;font-weight: 400;}
.homebanner.innerBn.faqs{background: transparent;}
.faqs figure{position: relative;}
.faqs figure::before {position: absolute;content: "";	width: 100%;height: 100%;left: 0;	top: 0;
 background: linear-gradient(260.11deg, rgba(237, 244, 248, 0.75) 0%, rgba(113, 152, 179, 0.75) 65.9%, rgba(7, 34, 57, 0.75) 130.87%);}
.faqSection.innerPage .faqSectionHeading h2 {text-align: center;font-size: 48px;margin-bottom: 20px;}
.faqSection h4 {color: #7198B3;line-height: 48px;font-size: 48px;font-weight: 600;margin: 50px 0;padding: 0 1.25rem;}
.faqSection .accordion-button:focus {border-color: transparent;box-shadow: none;}
.faqSection .accordion-item:first-of-type .accordion-button,
.faqSection.accordion-item:first-of-type {border-radius:0 ;}
.faqSection .accordion-button:not(.collapsed){color: #072239; background-color: transparent; box-shadow: none;border-top: 1px solid rgba(0, 0, 0, 0.1);border-bottom: 0;}
.faqSection .accordion-button{border-top: 1px solid rgba(0, 0, 0, 0.1);}
.faqSection .accordion-item {	border: none;}
.accordion-button::after{font-family: 'FontAwesome';content: "\f067";background-image: none;font-size: 10px; background: #7198B3;background-image: none;
  width: 56px;height: 32px;display: flex;justify-content: center;color: #fff;border-radius: 16px;align-items: center;}
.accordion-button:not(.collapsed)::after {background-image: none;content: "\f068";}
.faqSection .accordion-item .accordion-header {padding: 0 1.25rem;}
.faqSection .accordion-item h5 button {font-size: 32px;line-height: 32px;font-weight: 500;border-top: 1px solid rgba(0, 0, 0, 0.1);padding: 1rem 0rem;}
.faqSection .accordion-item .accordion-body p {line-height: 32px;	width: 100%;}
.faqSection.innerPage .stillHav {text-align: center;}
.faqSection.innerPage .stillHav .bluebtn{margin-top: 50px;}
.faqSection .collapse.show {display: block !important;}
/*  */

/* book a tour section */
.bookTourForm {display: flex;	justify-content: flex-end;height: 100%;}
.bookTourForm form {width: 100%;height: 100%;}
.gform_wrapper {width: 90%;}
.bookTourForm .form-select:focus {outline: 0;box-shadow: none;border: 2px solid rgba(0, 0, 0, 0.1);}
.book_a_tour_wrapper #gform_fields_2 {display: block;}
.bookTourForm form .form-control{margin-bottom:1rem ; border:0px}
.bookTourForm form .form-control input,
.bookTourForm form select{height: 50px;border: 2px solid rgba(0, 0, 0, 0.1);line-height: 46px;color: #072239;font-size: 1rem;font-weight: 400;border-radius: .25rem;}
.bookTourForm form  textarea{border: 2px solid rgba(0, 0, 0, 0.1);line-height: 20px;color: #072239;min-block-size: inherit !important;resize: none;font-size: 1rem;font-weight: 400;height: 220px;border-radius: .25rem;}
.book_a_tour_wrapper #gform_fields_2 .form-control input::placeholder,
.book_a_tour_wrapper #gform_fields_2 textarea::placeholder{color: #072239;opacity:1;}
.book_a_tour_wrapper form  #gform_submit_button_2 {font-size: 14px; font-weight: 500; line-height: 18px; border-radius: 4px; border:0px; padding: 15px 57px; color: #fff; background: #072239; margin-left: 15px;}
.book_a_tour_wrapper form #gform_submit_button_2:hover {background: #7198B3;}
.book_a_tour_wrapper form  #gform_submit_button_2:focus,
.book_a_tour_wrapper #gform_fields_2 .form-control input:focus,
.book_a_tour_wrapper #gform_fields_2 textarea:focus,
.book_a_tour_wrapper #gform_fields_2 select:focus{box-shadow: none;}
.bookaTour .contentBox .my-5 {line-height: 32px;}
.bookaTour .contentBox .officeOpreating{font-size: 16px;line-height: 32px;margin-bottom: 30px;}
.bookaTour .contentBox .officeOpreating:last-of-type{margin-bottom: 0;}
.bookaTour .contentBox .officeOpreating p {color: #7198B3;margin-bottom:0;font-weight: 500;line-height: 24px;;}
.bookaTour .contentBox .officeOpreating span,
.bookaTour .contentBox .officeOpreating  a{color:#A2A2A2;}
.bookaTour .bookTourForm form .bluebtn {border: none;padding: 16px 76px;}
.book_a_tour_wrapper #gform_fields_2 .form-control input{border-radius:0px;box-shadow:none;}
/*  */

/* map sction */
.map { padding: 0; line-height: 0;position: relative;padding-top: 24%;overflow: hidden;
    min-height: 400px;}


.map iframe { width: 100%;height: 100%; min-height: 600px; -webkit-filter: grayscale(100%);
    filter: grayscale(100%); position: absolute; bottom: 0px; object-fit: cover;}
/*  */

/* faq bottom */
.faqBottom figure{height: 600px;margin: 0;}
.faqBottom img{height: 100%;object-fit: cover;}
.homebanner.innerBn.faqs .d-flex.mt-5 {gap: 20px;}
.homebanner.innerBn.faqs .d-flex.mt-5 .btn {padding: 15px 0px;width: 100%;max-width: 150px;}
/*  */

/* Mission Vision Page */
.blueBox {background: #072239;color: #fff;text-align: center;padding-bottom: 250px;position: relative;}
.blueBox .contentWrapp{width: 100%;max-width: 710px;margin: 0px auto;}
.blueBox .contentWrapp figure{margin: 0px ;}
.blueBox .contentWrapp p{letter-spacing: 2px;margin: 32px 0px;	font-weight: 700;}
.blueBox .contentWrapp h1{font-size: 32px;color: #fff;	font-weight: 400;}

/*vision  */
.vision{background: #7198B3;text-align: center;color: #fff;position: relative;padding:50px 80px 250px;}
.vision::before {position: absolute;content: "";width: 100%;height: 250px;left: 0;right: 0;background: #7198B3;
top: -103px;clip-path:polygon(51.17% 0.24%, 3px 41.67%, 100.94% 42.34%)}
.vision .contentWrapp{width: 100%;max-width: 1100px;margin: 0px auto;}
.vision figure {margin: 0;}
.vision .contentWrapp p { font-weight: 700;margin: 32px 0;letter-spacing: 2px;}
.vision .contentWrapp h2 {font-size: 32px;color: #fff;	font-weight: 400;}
/*  */

/* Value Section css */
.valueBox{padding:30px 80px 100px}
.valueBox .contentWrapp{width: 100%;max-width: 450px;margin: 0px auto 50px;}
.valueBox::before {position: absolute;content: "";width: 100%;height: 250px;left: 0;right: 0;background:#072239;
top: -103px;clip-path: polygon(49.17% 0.24%, 3px 41.67%, 100.94% 42.34%);} 
.valueBox .row.d-flex {display: flex !important;justify-content: center;}
.valueBox .contentWrapp h3 {color: #fff;font-weight: 500;font-size: 32px;margin: 16px 0; }
.valueBox .contentWrapp p {font-weight: normal;line-height: 32px;letter-spacing: 0;}
.contentWrapp.top p {font-weight: 700;}
/*  */

/* IB Mission Section */
/*  */
.missionStatement {position: relative;background: #072239;padding: 200px 0 100px;}
.missionStatement> img {position: absolute;width: 100%;height: 100%; left: 0;top: 0px;object-fit: cover;clip-path: polygon(52% 0px, 52.04% 0px, 100% 27%, 100% 100%, 0px 99%, 0px 28%);}
.missionStatement .contentWrappFlex {position: relative; display: flex;justify-content: center;color: #fff;gap: 50px}
.missionStatement .contentWrappFlex .ibContent p{margin: 0;font-weight: 700;}
.missionStatement .contentWrappFlex .ibContent h3 {font-size: 32px;color: #fff;line-height: 42px; font-weight: 400;
width: 100%; max-width: 650px;margin: 24px 0;}
.missionStatement .contentWrappFlex figure {max-width: 200px;}
.missionStatement .contentWrappFlex figure img {width: 100%;}
.meet-team p,.faqSection p { color: #072239;}
/*  */


.inter-students-fees .col-lg-4{	margin:0 auto;}
 .flexwrapp h2, .your-journey h2, .trips-experiences h2, .Programmes h2{color:#ffffff;}
.graduatesSilde h2{	margin-bottom:30px;text-align:center;}
.your-journey h2{padding: 20px;}
.flexwrapp a{color:#ffffff;}
.a404page .search-form [type=search] {border: 1px solid #efefef; padding: 10px;}
.a404page .search-form .search-submit {background: rgb(7, 34, 57);color: #fff;padding: 11px 30px;border: none;}
.searchpageb article {margin: 20px 0; border: 1px solid #efefef;padding: 30px;}

/*  post type code */
.catego .archive-header span {color: #000;}
.catego .arcivef h1 {text-align: center;}
.catego .arcivef ul.post-meta {list-style: none;gap: 20px;align-items: center;margin: 20px 0;display: flex; padding: 0; justify-content: center;}
.searchpageb .not_found {text-align: center;font-size: 50px;font-weight: 500;font-style: italic;display: block;line-height: 50px;margin: 0;}


/* Contact Page */
.page-id-1438 .bookTourForm form input,
.page-id-1438 .bookTourForm form select{height: 50px;border: 2px solid rgba(0, 0, 0, 0.1);line-height: 46px;color: #072239;font-size: 16px !important;width: 100% !important;padding: 5px 10px !important;background-color:transparent;border-radius: 0;  box-shadow: none;}
.page-id-1438 .bookTourForm form input::placeholder,
.page-id-1438 .bookTourForm form textarea::placeholder {color: #072239;	opacity: 1;}
.page-id-1438 .bookTourForm form #gform_submit_button_2 {background: #072239;padding: 16px 76px !important;line-height: 16px;color: #fff;width: auto !important;border-radius: 5px;margin: 0;transition:.5s;border: none;}
.page-id-1438 .gform_legacy_markup_wrapper .gform_footer{margin: 16px 0 0;padding: 0px 15px;}
.page-id-1438 .bookTourForm form #gform_submit_button_2:hover{background: #7198B3;border: none;}
/*  */
.single-tribe_events #tribe-events-pg-template .homebanner.innerBn {display: none;}
.single-tribe_events .header-box{background: #072239;}
.single-tribe_events  #tribe-events-pg-template {padding: 200px 15px 80px;}
.single-tribe_events .tribe-events-single .tribe-events-sub-nav {flex-wrap: wrap;padding: 0;}
.program-descfull #program-testi .item p{max-width:100%;text-align:justify;}
.page-id-2219 .program-descfull  #program-testi .item p{direction: ltr;}
.tribe-common-l-container.tribe-events-l-container{padding: 0px!important;margin: 0px;width: 100%;max-width: 100%;}
.tribe-common--breakpoint-medium.tribe-events .tribe-events-header--has-event-search .tribe-events-c-events-bar,.tribe-events .tribe-events-header {padding: 80px 100px;}
.tribe-common--breakpoint-medium.tribe-events .tribe-events-header--has-event-search .tribe-events-header__top-bar{padding: 0px 100px;}
.tribe-events-calendar-list {margin: 0px 80px !important;}
.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list-nav,.tribe-events .tribe-events-calendar-list-nav,.tribe-events .tribe-events-c-nav {padding: 30px 80px;}
 .tribe-events .tribe-events-c-subscribe-dropdown__container {padding: 0px 80px;}
.tribe-events-calendar-month{margin:0px 80px !important}
.tribe-events .tribe-events-calendar-month-mobile-events__mobile-day--show {margin: 0px 80px;}
.price-box {display:none}
/*  */

/* sumer camp css */
.summer_camp form .percentbar_blue,
.summer_camp .percentbar_14 {background: #072239 !important;}
.summer_camp form input {height: 50px !important;border: 2px solid rgba(0, 0, 0, 0.1) !important;line-height: 46px !important;	color: #072239 !important;font-size: 1rem !important;font-weight: 400 !important;border-radius: 0 !important; box-shadow:none !important;width: 100% !important; }
.summer_camp form input::placeholder,
.summer_camp form textarea::placeholder {color: #072239;opacity: 1;}
.summer_camp form label {color: #072239 !important;}
.summer_camp form .gfield{padding:0 !important;}
.summer_camp form legend{margin-bottom:9px !important;}
.summer_camp form .gfield_radio{flex-direction: row !important;width: 100%;}
.summer_camp form .gfield_radio input {width: 50x !important;height: 50px !important;min-width: 50px !important;}
.summer_camp form .gform_page_footer input {background: #072239 !important;color: #fff !important;width: auto !important;
font-size: 14px !important;font-weight: 500 !important;line-height: 18px !important;border-radius: 4px !important;border: 0px !important;	padding: 15px 57px !important;}
.summer_camp form .gform_page_footer input:hover {background:#7198B3 !important;}
.summer_camp form .gform_fields{row-gap: 16px !important;}
.summer_camp form .ginput_container_phone, .summer_camp form .ginput_container_email{margin-top:36px;}
.summer_camp form .radioBoxes1 [type='checkbox'],
.summer_camp form .radioBoxes1 [type='radio'] { width: 50px !important; height: 50px !important;min-width: 50px !important;}
.summer_camp form .ginput_container_consent{align-items:center;}
.summer_camp form .gfield_signature_container{z-index:1 !important;}
.jude-right .gform-theme--foundation .gform_fields{display:block;}
.jude-right .gform-theme--foundation .gform_footer{display:block;margin: 20px!important;}
.page-id-1681 .book_a_tour_wrapper form #gform_submit_button_3{font-size: 1rem; font-weight: 600; line-height: 1.5rem; display: inline-block; margin: 0; padding: 1rem 4rem; color: #fff; border: none; border-radius: 25px; background: #97D700; box-shadow: 0 4px 8px 0 rgb(0 0 0 / .12), 0 2px 4px 0 rgb(0 0 0 / .08); transition: all 300ms ease-in-out;}
.Jude-academy .jude-right form .form-control input, .Jude-academy .jude-right form .form-control select, .Jude-academy .jude-right form .form-control textarea{color: #666;}
.progamText p{font-size: 16pt;font-family: "Cormorant Garamond", serif;}
.sec_footerimg{max-width:120px !important;}


/**********logo-height-set-auto*******/
img.custom-logo {
    height: auto;
}

/* overlap css */

.color-accent, .color-accent-hover:hover, .color-accent-hover:focus, :root .has-accent-color, .has-drop-cap:not(:focus)::first-letter, .wp-block-button.is-style-outline, a {
color: #072239;
}



.page-id-1681 .container-fluid {padding: 0;}
.page-id-1681 header, .page-id-1681 footer, .page-id-1681 .nav {
  display: none;
}
@font-face {
    font-family: 'CodecProRegular';
    font-style: normal;
    font-weight: normal;
    src: url('https://stjudesacademy.com/wp-content/themes/stjudezcademy-child/fonts/CodecPro-Regular.woff') format('woff');
    }
    

    @font-face {
    font-family: 'CodecProItalic';
    font-style: normal;
    font-weight: normal;
    src:  url('https://stjudesacademy.com/wp-content/themes/stjudezcademy-child/fonts/CodecPro-Italic.woff') format('woff');
    }
.page-id-1681 input::-webkit-input-placeholder, .page-id-1681 textarea::-webkit-input-placeholder {
 
  font-family: "DM Sans", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5rem;
  opacity: 1 !important;
  color: #666666 !important; }
.col6 {
    width: 50%;
}
.hero hr {
    background: none;
    border: none;
}
html {
  scroll-behavior: smooth;
}
.col12 {
    width: 100%;
}
.google-review .google-review-heading h2 {
    font-family: "Cormorant Garamond", serif;
}
.our-progam ul li i {
    position: absolute;
    left: 0px;
    top: 5px;
}
.fullHeightBox {
    display: flex;
    height: 100%;
}
.lineheighth2 h2 {
    line-height: 55px !important;
}
.visitWebsite {
    color: #fff;
    text-decoration: underline;
    float: right;
    font-size: 18px;
    margin-top: -29px;
    margin-right: 10px;
}
.twoBoxesMain {
    position: relative;
    padding-top: 81%;
    max-width: 450px;
    width: 100%;
    display: block;
    margin: 0px auto;
}
section.logos,section.academy-difference.ppctitle,section.academy-difference{
	background-color:#fff;
}
.twoBoxes .google-review-heading p {
    font-size: 18px;
}
.twoBoxesMain img {
    position: absolute;
    top: 0px;
    height: 100%;
    object-fit: cover;
}
.perallexEffectBox a.btn3 {
    font-size: 21px;
    font-weight: 500;
    color: #000;
}
.twoBoxesInner {
    position: absolute;
    bottom: 23%;
    background: #021033;
    width: 100%;
    text-align: center;
    font-size: 22px;line-height:29px;font-weight:600;
    color: #fff;
    padding: 10px;
}
.twoBoxes .google-review-heading {
    margin-bottom: 40px;
}
.logo-heading h2 {
    text-align: center;margin: 0px auto ;max-width: 350px;}
.logos-line1 {
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: center;
    margin-top: 20px;
	flex-wrap: wrap;
}
.logos-line1 figure img {
    height: 84px;
}
.logos-line2 {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
	  gap: 20px;
    margin-top: 20px;
	flex-wrap: wrap;
}
.logos-line2 figure img {
    height: 94px;
}
.logos-line3 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin-top: 20px;
	flex-wrap: wrap;
}
.logos .container-fluid {
    padding: 0px 15px;
}
.logos-line3 figure img {
    height: 107px;
}
.fullHeightBox img{object-fit:cover;}
.row-box{display:flex;flex-wrap:wrap;}
.align-items{align-items:center;}
.justify-content{justify-content:center;}
.academy-difference .our-expert-services-mani-left-left p {
	width:100%;
    display: block;
}
.PhoneBox, .addressBox {
    display: flex;
}
.our-expert-services-mani-right-right {
    display: flex;
    width: 100%;
}
.noBeforeh4 h2:before {
    content: none;
}
.btn3 {
    background: #A5D442;
   border: 1px solid  #A5D442;
    padding: 13px 30px;
    border-radius: 50px;
    display: inline-block;
    font-size: 21px;
    font-weight: 500;
    color: #000;
}
.btn3:hover{
	background:#fff;
   border-color: #A5D442;
    color: #000;
}
.ppctitle .our-expert-services-mani-left-left p {
    display: block;
	width:100%;
    text-align: justify;
}
.perallexEffectBox .textwrapp h2 {
    color: #fff;
    max-width:570px;
    text-align: center;
    font-weight: bold;
	width:100%;
	margin:0px auto 30px;
	font-size:40px;
	line-height:55px;
}
.perallexEffectBox {
    background-attachment: fixed;
    background-size: cover;
	padding: 150px 0 !important;
	position:relative;
}
	
.perallexEffectBox .containerMain{
	position:relative;
}
#OtherBox {display:none;}
section.contactBoxDetails {
    padding: 0px !important;
	background: #021033;overflow:hidden;
}
.page-id-1681 section .col6 iframe {width: 100%;max-width: 600px;}
.contactBoxDetailsInner h3 {
    color: #fff;font-size: 32px;
  line-height: 40px;
}
a.phone-n, .address-f {
 color: #fff;margin-top: 30px;
 display: flex;align-items: center;line-height: 29px;
  font-size: 21px;}
a.phone-n i, .address-f i {
    font-size: 50px;
    margin-right: 20px;
}
.socialMed a {
    background: #fff;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    display: flex;
    padding: 11px;
}
.socialMed {
    display: flex;
    gap: 10px;
}
.contactBoxDetailsFull {
    padding: 40px 12%;
}
section.contactBoxDetails .header-cont img {width: 100%;max-width: 180px;}
.mapif {
    display: flex;
    height: 100%;
}
.address-f span {
    max-width: 250px;
	width:100%;
}
.contactBoxDetailsInner a:hover {
	color: #a5d442;
}
.header-cont {
    display: flex;
    align-items: center;
    justify-content: space-between;
	flex-wrap: wrap;
}
.google-review.twoBoxes .col6 {
    padding: 15px;
}
.mapif iframe {
    width: 100%;
    height: 100%;
    border: none;
}
.perallexEffectBox:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgb(2, 16, 51, .63);
    left: 0px;
    top: 0px;
}
.perallexEffectBox .textwrapp {
    text-align: center;
}
.socialMed a:hover img{
    filter: invert(1);
}
.socialMed a:hover {
    background: #a5d442;
}
.Jude-academy,.academy-difference {width: 100%;padding: 0 !important;}
#main-content{padding: 0 ;}
.Jude-academy .row {max-width: 100%;flex: 0 0 auto;display: flex;}
.Jude-academy .col-md-6 {flex: 0 0 50%;}
.page-id-1681 .header, .page-id-1681.hero, .page-id-1681 .footer {display: none;}
.Jude-academy .jude-lft {	height: 100%;}
.page-id-1681{color:#272a2e;font-family: "DM Sans", sans-serif;}
.page-id-1681 img{border-radius:0;box-shadow:none;max-width:100%;}
.page-id-1681 h1,.page-id-1681 h2,.page-id-1681 h3,.page-id-1681 h4,.page-id-1681 h5,.page-id-1681 h6{font-family: "Cormorant Garamond", serif;}
.page-id-1681 h2,h3,h4{font-size:30px;line-height:41px;  font-weight: 500;}
.page-id-1681 #main-content p,
.page-id-1681 #main-content ul li, .page-id-1681 #main-content ul li a {font-size: 18px !important;line-height: 29px;}
.page-id-1681 section{padding:50px 0px;}
.page-id-1681 .btn.green{font-weight: 500; font-size: 21px;}
.Jude-academy .jude-lft figure {
	border-right: 8px solid #A5D442;height: 100%;}
.Jude-academy .jude-lft figure img {height: 100%;object-fit: cover;width: 100%;box-shadow: none;}
.Jude-academy .jude-right {box-shadow: none;background: #021033;height: 100%;color: #fff;	text-align: center;padding:30px 10px 10px;}
.Jude-academy .jude-right h1 {
font-size: 41px; line-height: 45px; font-weight: 500;width: 100%;	margin: 0px auto;color:#fff;}
.Jude-academy .jude-right p {
	font-size: 20px;width: 100%;
	max-width: 500px;margin: 0px auto;}
.Jude-academy .jude-right form {width: 100%;max-width: 500px;	margin: 20px auto;}
.Jude-academy .jude-right form .form-control {display: inline-block; width: 100%; height: 40px;margin: 0 0 10px;padding: 0px; color: #555;	background-color: #fff;font-size:18px;}
.Jude-academy .jude-right form .form-control input, .Jude-academy .jude-right form .form-control select, .Jude-academy .jude-right form .form-control textarea {
    padding: 0.5rem;font-size: 18px;
    border-radius: 0px;
    height: 40px;text-align:left;
}
.Jude-academy .jude-right form .gform_footer.top_label {
	margin: 0;
}
.addressBox {
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}
.Jude-academy .jude-right form select{transition: none;font-weight: 500;margin: 0 0 10px;padding: 0 0.5rem !important;}
.Jude-academy .jude-right form select.form-control{font-size: 18px !important;}
.Jude-academy .jude-right form .form-group input {box-shadow: none;}
.Jude-academy .jude-right form  #textarea {resize: none;height: 80px;box-shadow: none;}
.Jude-academy .jude-right form #input_3_8 {height: 50px;
	min-block-size: inherit;
}

.form-group.align-r {	text-align: left;width:100%;max-width:178px;
}
.form-group.align-r #submt {
font-size: 1rem;font-weight: 600;line-height: 1.5rem;display: inline-block;margin: 0;padding: 1.1rem 3rem;color: #000;	border: none;	border-radius: 25px;	background: #A5D442;box-shadow: 0 4px 8px 0 rgba(0,0,0,.12),0 2px 4px 0 rgba(0,0,0,.08);	transition: all 300ms ease-in-out;width: 100%;text-transform: capitalize;font-size: 21px;
  text-align: center;}
.form-group.align-r #submt:hover {
	color: #A5D442 !important;
	background: #fff !important;
	box-shadow: 0 15px 30px 0 rgba(0,0,0,.11),0 5px 15px 0 rgba(0,0,0,.08) !important;}
/*google-rivew*/
.google-review {padding: 50px 0px 50px;background: #fff;}
.goole-review-logo img { width:30%;}
.google-review-heading {text-align: center;}

.goole-review-logo {position: absolute;left: 4%;top: 0px;width: 36%;text-align: left;}
.google-review-heading {text-align: center;position: relative;;width: 100%;}
.google-review-heading.inner-page h2 {padding-bottom: 80px}
.goole-review-mani {display: flex;justify-content: space-between;}
.goole-review-star {display: flex;justify-content: space-between; align-items: center;}
.goole-review-star ul {display: flex;gap: 7px;margin-top: 11px;margin-left: 0;}
.goole-review-star ul li {list-style: none;color: #ff914d;}
.goole-review-mani-box {border: 1px solid #021033;width: 32%;padding: 20px;}
.review-section img {width: 100%;}
.goole-review-text p {text-align: left;}
.goole-review-star img {width: 37px;margin: -18px 0 0 0px;}
.goole-review-text {text-align: left;}
.goole-review-text p:last-child {
	margin: 0;
}
.custom-w {width: 100%;max-width: 1140px;	margin: 0px auto;padding:10px;}
/*google-rivew*/
.your-child {background: #021033;
	text-align: center;color: #fff;
}
.containerMain {
    margin: 0px auto;
    max-width: 1170px;
	    padding: 0 15px;
}
.your-child .row .col12 {width: 100%;}
.your-child .textwrapp h4 {	position: relative;color: #fff;}
.page-id-1681 section .textwrapp h2, .page-id-1681 section .textwrapp h3{color: #fff;}
.your-child .textwrapp h2 {font-size: 40px;margin: 0px auto 40px;font-weight: 600;max-width:900px;width:100%;color:#fff;}
.your-child .textwrapp .btn.green {background: #A5D442;
	padding: 14px 30px;border-radius: 50px;display: inline-block;color: #000;}
.your-child .textwrapp  .btn.green:hover,
.your-child .textwrapp .btn.green:focus {background: #fff;	color: navy;border: 1px solid #fff;}
.your-child .textwrapp h4 {
	position: relative;
	display: inline-block;
}
.page-id-1681 .Jude-academy .jude-right form .gfield_validation_message {
	text-align: left;
}
.page-id-1681 .book_a_tour_wrapper form #gform_submit_button_3{border-radius: 25px;
  background: #97D700;
  box-shadow: 0 4px 8px 0 rgb(0 0 0 / .12),0 2px 4px 0 rgb(0 0 0 / .08);}
.page-id-1681 .book_a_tour_wrapper form #gform_submit_button_3:hover {
	background: #fff !important;
	box-shadow: 0 15px 30px 0 rgb(0 0 0 / .11),0 5px 15px 0 rgb(0 0 0 / .08);
	color: #97D700;
}
.your-child .textwrapp h4::before {position: absolute;content: "";
	width: 300px;height: 100%;
	bottom: -31px;right: -114px;
	background: url(https://stjudesacademy.com/wp-content/uploads/2024/02/layer.png);
	background-repeat: no-repeat;
}
.academy-difference .row {max-width: 100%;}
.academy-difference .row .col6 {
	width: 100%;
	max-width: 50%;
	flex: 0 auto;
}
.academy-difference .left {
	padding: 40px 0;}
.academy-difference .left .our-expert-services-mani-left-left,.academy-difference .left .our-progam {
	padding: 0px 12%;}
.academy-difference .right {
	display: flex;height: 100%;
	gap: 10px;}
.academy-difference .right .our-expert-services-mani-right-left {
	width:100%;}
.academy-difference .right .our-expert-services-mani-right-left > img {	height: 100%;	object-fit: cover;}
.academy-difference .right .d-flex {display: flex;	flex-direction: column;	height: 100%;
	row-gap: 10px;}
.academy-difference .right .d-flex figure {height: 100%;margin:0px;}
.academy-difference .right .d-flex figure img {height: 100%;object-fit: cover;}
.doote {width: 36%;position: relative;margin: 15px 0px;}
.doote .linee {background: #A5D442;	height: 2px;}
.doote::after {width: 10px;
	height: 10px;position: absolute;
	background: #A5D442;content: "";
	right: 0px;	top: -4px;border-radius: 50%;}
.academy-difference .left h3,.academy-difference .left h4 {	font-size: 30px;
  line-height: 34px;}
.left .our-progam ul {margin: 0;
}
.left .our-progam ul li{list-style: none;margin-bottom: 10px;position:relative;padding-left:25px;}
.left .our-progam ul li:last-child {margin-bottom: 0;}
.left .our-progam ul li a {	color: #272a2e;}
.left .our-progam ul li a i {	color: #021033;}
.left .our-progam ul li a span {
	padding-left: 10px;}




.gfield--type-honeypot {
	display: none !important;
}
.sticky-container.fixed {
    width: 100%;
    z-index: 9999;
    top: 0;
}
.off-canvas-content.is-open-top header.hero-header .sticky{top: 0;}

#main-content .medium-11 iframe.video-p {
	width: 100%;
	height: 300px;
	background: transparent;
	max-width: 500px;
	float: left;
	margin-right: 30px;
}
#main-content .medium-11 {
max-width: 83%;
  flex: 0 83%;
  margin: 0px auto;
}
.video-b {position: relative;padding-top: 57%;width: 100%;}
.video-b iframe {position: absolute;top: 0px;width: 100%;height: 100%;}
.news-feed .card-text-wrapper .flex .ml-4{flex:0 0 auto;margin-left: 7px !important;}
.tag-wrapper {flex-wrap: wrap;}
.btn.white:hover, .btn.white:focus {background: #A5D442;color: navy;}
.hero h1 {background: rgba(2,16,51,.4);text-align: center; display: inline-block;
    padding: 0 20px;}
.clicktocallBox .textwrapp h2 {max-width: 740px;}

/* Form */

.gravityFormOne .gfield_label {position: relative !important;left: inherit !important;
    font-size: 1.2rem;display:inline-block;width:100%;font-weight:normal;}
.gravityFormOne .ginput_container_date{position:relative;}
.gravityFormOne .ginput_container_date img {position: absolute;top: 16px;right: 25px;
}

.gform_wrapper input[type='tel'],.gform_wrapper input[type='email'],.gform_wrapper input[type='number'] {
    font-size: 16px;font-weight: 500;line-height: 1.5rem;height: auto;   padding: 14px 24px;
    color: #666666; border: none; border-radius: 25px;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.08);
}
input[type='button'] {font-size: 1rem;font-weight: 600;line-height: 1.5rem; display: inline-block;
    margin: 0; padding: 1rem 4rem;color: #ffffff;border: none;border-radius: 25px;
    background: #323d59;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.08);
    transition: all 300ms ease-in-out;}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none;
    -moz-appearance: none; appearance: none; margin: 0; }

.gravityFormOne .ginput_container > span {width: 50%;float:left;}
div#ui-datepicker-div {background: #fff;padding: 0px;}
.ui-datepicker-calendar td {border: 1px solid #efefef;text-align: center;
    padding: 6px;}
a.ui-datepicker-next.ui-corner-all {float: right;}
.gravityFormOne .mt20{margin-top:40px;}
.gravityFormOne .gform-body.gform_body .gform_page_fields {border: 1px solid #d2d2d2;
    padding: 25px 15px 0; margin-bottom: 15px;}
.gravityFormOne .gform_heading h2 {text-align: center;color: #010f39;font-size: 2.5rem;
}
.gravityFormOne .gf_progressbar_title {text-align: center;}
.gravityFormOne h3.gsection_title {font-size: 2rem;color: #1e73be;}
.gravityFormOne fieldset legend {color: #000;font-weight: bold;}
.radioBoxes1 [type='checkbox'], .radioBoxes1 [type='radio'] {width: 28px;
    height: 28px;min-width: 28px;}
.fullNamebox label {display: none;}
.radioBoxes1 .gchoice {display: flex;align-items: center;margin-bottom: 10px;}
.radioBoxes1 .gchoice input {margin-bottom: 0px;}
.gravityFormOne .gf_progressbar.gf_progressbar_blue {background: #d5d5d5;}
.gravityFormOne .gf_progressbar.gf_progressbar_blue .gf_progressbar_percentage {
    background: #212d4e;text-align: center;color: #fff;}
.radioBoxes1 label {font-size: 15px;font-weight:normal;}
.radioBoxes1 .gfield_description {font-size: 12px !important;line-height: normal;
	    margin: 3px 0;}
.radioBoxes1 .ginput_container {display: flex;}
.gfield_required {margin-left: 3px;font-weight: bold;color: #cf0f0f;}
.page-id-1359 section#main-content {padding: 50px 0;}
.gravityFormOne  .w100 {width:100%;float:left;}
.gravityFormOne  .w50 {width:50%;float:left;}
.gravityFormOne  .w33 {width:33.33%;float:left;}
.gravityFormOne  .w25 {width:25%;float:left;}
.gravityFormOne  .w20 {width:20%;float:left;}
.gravityFormOne  .w16{width:16.66%;float:left;}
.gravityFormOne .ginput_container > span,.gravityFormOne fieldset legend,.gfield{padding: 0 15px;}
.fullNamebox,.radioBoxes1 legend{padding: 0 0px !important;}
.gravityFormOne .gform_page .gform_fields {display: flex;flex-wrap: wrap;}
.grayline {display: inline-block;width: 100%;border: 1px solid #808080;}
.scamp-form .first{display: none;}

.scamp-form .column.small-12.large-7.md\:ml-4.md-down\:mt-6{ -webkit-flex: 0 0 100% !important;
    flex: 0 0 100% !important; max-width: 100% !important;}
/*******remove-ical***/
/* Hide the Export Outlook .ics file link */
.tribe-events-c-subscribe-dropdown a {display: none;}
header.tribe-events-header.tribe-events-header--has-event-search {width: 100%;}
/*****change-bg-color-calendaer-button*****/
button.tribe-common-c-btn.tribe-events-c-search__button {background-color: #072239;
border: none;}
.tribe-common-c-btn-border.tribe-events-c-subscribe-dropdown__button { color: #fff;
  background: rgb(7, 34, 57);outline: none;}
.tribe-common-c-btn-border.tribe-events-c-subscribe-dropdown__button:hover {
    background-color: #7198B3 !important;}
.tribe-common.tribe-events ul li.tribe-events-c-view-selector__list-item:hover {
	background:#7198B3;}
.tribe-common.tribe-events ul li.tribe-events-c-view-selector__list-item:hover a span{color:#fff;}
.tribe-common.tribe-events .tribe-common a:not(.tribe-common-anchor--unstyle):focus {outline: none;}
button.tribe-common-c-btn.tribe-events-c-search__button:hover,
button.tribe-common-c-btn.tribe-events-c-search__button:active,
button.tribe-common-c-btn.tribe-events-c-search__button:focus{background-color: #7198B3;
outline: none;}
.tribe-common.tribe-events.tribe-events-view.tribe-events-view--list.tribe-common--breakpoint-xsmall.tribe-common--breakpoint-medium.tribe-common--breakpoint-full button.tribe-common-c-btn.tribe-events-c-search__button {
    background-color: #072239;}
.tribe-events-calendar-month__day-cell.tribe-events-calendar-month__day-cell--mobile.tribe-events-calendar-month__day-cell--selected {background: #072239;}
.tribe-events-calendar-month__day-cell.tribe-events-calendar-month__day-cell--mobile.tribe-events-calendar-month__day-cell--selected h3 time{color: #fff;}
.tribe-events .tribe-events-calendar-month__day-cell--mobile:focus,
 .tribe-events .tribe-events-calendar-month__day-cell--mobile:hover {background: #7198B3;}
 .tribe-events .tribe-events-calendar-month__day-cell--mobile em {background:#072239;}
 .tribe-events-calendar-month__day-cell.tribe-events-calendar-month__day-cell--mobile.tribe-events-calendar-month__day-cell--selected:hover h3 time,
  .tribe-events-calendar-month__day-cell.tribe-events-calendar-month__day-cell--mobile.tribe-events-calendar-month__day-cell--selected:focus h3 time{color:#fff;}
  .tribe-events .tribe-events-calendar-month__day-cell--mobile:hover em,
   .tribe-events .tribe-events-calendar-month__day-cell--mobile:focus{background-color: #fff;}
.tribe-events-calendar-month__day-cell.tribe-events-calendar-month__day-cell--mobile.tribe-events-calendar-month__day-cell--selected h3 span,
.tribe-events .tribe-events-calendar-month__day-cell--mobile:hover h3 time{color: #fff;}
/* event */
.post-type-archive-tribe_events .tribe-common-l-container {width: 100%;   max-width: 100%;
    padding: 0px !important;margin: 0px !important;}
.tribe-common-g-row {margin-left: 0px !important;margin-right: 0px !important;
}
/* .tribe-common-l-container * {font-family: "DM Sans", sans-serif !important;} */
a.btn.readMore {text-transform: capitalize;}
/*********css-26-11-2024**********/
.hidvisible {position: relative;
    text-indent: -99999em;
    display: inline-block;}
.single-tribe_events .tribe-events .tribe-events-c-subscribe-dropdown__container, .tribe-block__events-link .tribe-events .tribe-events-c-subscribe-dropdown__container{width: 35%;}
@media screen and (min-width: 768px) and (max-width: 1023px) {
    .single-tribe_events .tribe-events .tribe-events-c-subscribe-dropdown__container, .tribe-block__events-link .tribe-events .tribe-events-c-subscribe-dropdown__container{width: 31%;}

}
@media screen and (max-width: 767px) {
    .single-tribe_events .tribe-events .tribe-events-c-subscribe-dropdown__container, .tribe-block__events-link .tribe-events .tribe-events-c-subscribe-dropdown__container{width: 57%;}

}

.footercontainer{
    max-width: 80%;
}


    .highlight::after {
    content: '';
    position: absolute;
    height: 18px;
    width: 140px;
    left: 206px;
    top: 37px;
    border-top: 4px solid #ff914d;
    border-radius: 40%;
        }
        @media only screen and (max-width: 1225px) and (min-width: 775px) {
            .highlight::after {width: 160px;top: 46px;} 
        }

        @media only screen and (max-width: 774px) { 
            .highlight::after {width: 136px; top: 40px;left: 156px;} 
        }

@media (max-width: 1149px) and (min-width: 900px) {
    section.Programmes {
        height: 50vh;
    }
}
@media (max-width: 2100px) and (min-width: 1800px) {
    section.Programmes {
        height: 75vh;
    }
}

@media (max-width: 1799px) and (min-width: 1300px) {
    section.Programmes {
        height: 70vh;
    }
}
@media (max-width: 1299px) and (min-width: 1150px) {
    section.Programmes {
        height: 55vh;
    }
}
@media (max-width: 900px) {
    section.Programmes {
        height: 40vh;
    }
}
@media (min-width: 1500px) {
.program-testi .owl-stage-outer{
    min-height: 800px;
}
}


/* .frame-container {
    position: relative;
    padding-bottom: 56.25%; 
    width: 300%; 
    left: -100%; 
}

.frame-container iframe {
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%;
}
#bannervideo{
   overflow: hidden;
   max-width: 100%;
} */

#bannervideo {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 56.25%;
}

#bannervideo iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
    object-fit: cover;
}
.yes_blue_overlay_on_video {
  position: absolute;
  top: 0;
  opacity: 0.5;
  height: 100%;
  width: 100%;
  background: #072239;
}
@media (min-width: 1024px) { 
    .page-id-25 .fullContnt {
        margin-top: -75px;
    }
}
@media (max-width: 575px) { 
        .page-id-25 .fullContnt {
            margin-top:0px;

        }
        .fullContnt::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 22px;
    left: 0;
    right: 0;
    background: #072239;
    top: -20px;
    clip-path: polygon(50% 2%, 0% 98%, 101% 100%);
}
}
.acf-tab-nav .active, .acf-tab-nav li a:hover{
    background:#072239;
    color:#fff;
}
#gform_7 #input_7_192{
  display:grid !important;
}
.mealsummercamp{
    border-bottom: 1px solid #000 !important;
}
.mealsummercamptext legend{
    font-size:18px !important;
}

.spacesummercamp .ginput_container {
    margin-top:0px !important;
}

.acf-tab-nav { list-style: none; padding: 0; display: flex; border-bottom: 2px solid #ddd; }
.acf-tab-nav li { margin-right: 10px; }
.acf-tab-nav a { text-decoration: none; padding: 10px; display: block; background: #f4f4f4; border-radius: 5px 5px 0 0; }
.acf-tab-pane { display: none; padding: 15px; border: 1px solid #ddd; }
.acf-tab-pane.active { display: block; }
.acf-tab-nav .active a{background:#072239; color:#fff !important;}
.summer-camp{
    display:none;
}
.pd-camp{
    display:none;
}
 #gform_8 #field_8_126 legend, #gform_8 #field_8_127 legend,#gform_8 #field_8_128 legend{
    border-bottom: 2px solid;
    font-size: 20px;
    font-weight: 700;
  }

  @media (max-width: 700px) { 
   .gform-theme--framework .gfield--type-choice .gfield_radio {
        display: inline !important;
    }
}


h5.cominsoon{
    font-size: 40px;
    font-weight: 600;
    border: 1px solid;
    padding: 20px;
}

.blogSectionInner h6 a, .blogSectionInner p a{
        color: rgb(7, 34, 57);
}


.acf-tab-nav a{
    color: #072239;
}

section.summer_camp{
    padding: 0px;
}

.seccontent.two-column {
    display: flex;
    align-items: center;
    gap: 50px;
    margin-bottom: 30px;
}

.seccontent-image {
    flex: 0 0 50%;
}

.seccontent-image img {
    width: 100%;
    height: 400px;
    object-fit: cover;
    border-radius: 8px;
    object-position: top;
}

.seccontent-text {
    flex: 0 0 45%;
}

@media (max-width: 768px) {
    .seccontent.two-column {
        flex-direction: column;
    }

    .seccontent-image,
    .seccontent-text {
        flex: 0 0 100%;
    }
    .acf-tab-nav{
        overflow: scroll;
    }
    .acf-tab-nav a{
        height: 130px;
    }
}
[data-acsb-tooltip] {
    pointer-events: auto !important;
}

.acsb-tooltip, 
[data-acsb-tooltip]::after,
[data-acsb-tooltip]::before {
    display: none !important;
}
.camps-main-menu {
    list-style: none;
    margin: 0;
    padding: 0;
}

.camps-main-menu > li {
    position: relative;
    padding-right: 40px;
}

.camps-main-menu > li > a {
    display: block;
}

.march-break-submenu {
    display: none;
    position: absolute;
    top: -225px;
    left: 100%;
    width:100%;
    z-index: 10;
    margin: 0px 0 0;
    list-style: none;
    height: 450px;
    -ms-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    padding-left: 40px;
border-style: solid;
    -webkit-border-image: -webkit-gradient(linear, 100% 0, 0 0, from(rgba(237, 244, 248, 1)), to(rgba(237, 244, 248, .0))) 1 100%;
    border-width: 0px 0px 0px 1px;
    -webkit-border-image: -webkit-linear-gradient(linear, 100% 0, 0 0, from(rgba(237, 244, 248, 1)), to(rgba(237, 244, 248, .0))) 1 100%;
    -moz-border-image: -moz-linear-gradient(linear, 100% 0, 0 0, from(rgba(237, 244, 248, 1)), to(rgba(237, 244, 248, .0))) 1 100%;
    -o-border-image: -o-linear-gradient(linear, 100% 0, 0 0, from(rgba(237, 244, 248, 1)), to(rgba(237, 244, 248, .0))) 1 100%;
    border-image: linear-gradient(linear, 100% 0, 0 0, from(rgba(237, 244, 248, 1)), to(rgba(237, 244, 248, .0))) 1 100%;
}

.summer-break-submenu {
    display: none;
    position: absolute;
    top: -260px;
    left: 100%;
    width:100%;
    z-index: 10;
    height: 450px;
    margin: 0px 0 0;
    list-style: none;
    -ms-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    padding-left: 40px;
border-style: solid;
    -webkit-border-image: -webkit-gradient(linear, 100% 0, 0 0, from(rgba(237, 244, 248, 1)), to(rgba(237, 244, 248, .0))) 1 100%;
    border-width: 0px 0px 0px 1px;
    -webkit-border-image: -webkit-linear-gradient(linear, 100% 0, 0 0, from(rgba(237, 244, 248, 1)), to(rgba(237, 244, 248, .0))) 1 100%;
    -moz-border-image: -moz-linear-gradient(linear, 100% 0, 0 0, from(rgba(237, 244, 248, 1)), to(rgba(237, 244, 248, .0))) 1 100%;
    -o-border-image: -o-linear-gradient(linear, 100% 0, 0 0, from(rgba(237, 244, 248, 1)), to(rgba(237, 244, 248, .0))) 1 100%;
    border-image: linear-gradient(linear, 100% 0, 0 0, from(rgba(237, 244, 248, 1)), to(rgba(237, 244, 248, .0))) 1 100%;
}
.basketball-break-submenu {
    display: none;
    position: absolute;
    top: -260px;
    left: 100%;
    width:100%;
    z-index: 10;
    height: 450px;
    margin: 0px 0 0;
    list-style: none;
    -ms-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    padding-left: 40px;
border-style: solid;
    -webkit-border-image: -webkit-gradient(linear, 100% 0, 0 0, from(rgba(237, 244, 248, 1)), to(rgba(237, 244, 248, .0))) 1 100%;
    border-width: 0px 0px 0px 1px;
    -webkit-border-image: -webkit-linear-gradient(linear, 100% 0, 0 0, from(rgba(237, 244, 248, 1)), to(rgba(237, 244, 248, .0))) 1 100%;
    -moz-border-image: -moz-linear-gradient(linear, 100% 0, 0 0, from(rgba(237, 244, 248, 1)), to(rgba(237, 244, 248, .0))) 1 100%;
    -o-border-image: -o-linear-gradient(linear, 100% 0, 0 0, from(rgba(237, 244, 248, 1)), to(rgba(237, 244, 248, .0))) 1 100%;
    border-image: linear-gradient(linear, 100% 0, 0 0, from(rgba(237, 244, 248, 1)), to(rgba(237, 244, 248, .0))) 1 100%;
}
.camps-main-menu > li:hover > .march-break-submenu,.camps-main-menu > li:hover > .basketball-break-submenu, .camps-main-menu > li:hover > .summer-break-submenu {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.camps-main-menu li a{
    color: rgba(255, 255, 255, 0.5) !important;
}

.camps-main-menu li a:hover{
    color: #fff !important;
}

.camps-main-menu li[data-acsb-dropdown-container]:hover > .march-break-submenu, .camps-main-menu li[data-acsb-dropdown-container]:hover > .summer-break-submenu, .camps-main-menu li[data-acsb-dropdown-container]:hover > .basketball-break-submenu {
    display: block !important;
}
section.seccontent {
    border-top: 2px solid #072239;
}

.bannercont {
    position: relative;
}

.bannercont img {
    width: 100%;
    display: block;
}

.banner-content {
   position: absolute;
    top: 45%;
    right: 20%; 
    transform: translateY(-50%);
    color: #fff;
}
.banner-content h2{
    color: #fff;
    font-size: 75px;
    line-height: 75px;
}

.banner-content .bluebtn {
    display: inline-block;
    margin-top: 15px;
}

@media (max-width: 575px) { 
    .banner-content {
   position: absolute;
    top: 55%;
    right: 0px; 
    transform: translateY(-50%);
    color: #fff;
    left: 25%;
}
.banner-content h2{
    color: #fff;
    font-size: 50px;
    line-height: 50px;
}
}

.bgoverlayon img{
opacity: 1;
}

.main-menu {
    display: flex;
    gap: 30px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.main-menu li {
    position: relative;
}

.main-menu > li > a {
    display: block;
    padding: 20px 0;
    text-decoration: none;
    color: #fff;
}

.main-menu > li > a:hover {
   text-decoration: underline;
   text-underline-offset: 8px;
}

.main-menu .sub-menu {
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 220px;
    background: #fff;
    list-style: none;
    padding: 10px 0;
    margin: 0;

    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);

    transition: all 0.3s ease;
    box-shadow: 0 10px 20px rgba(0,0,0,0.08);

    z-index: 99;
}

.main-menu li:hover > .sub-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.main-menu .sub-menu li a {
    display: block;
    padding: 10px 20px;
    color: #072239;
    white-space: nowrap;
}

.main-menu .sub-menu li a:hover {
    /* background: #f5f5f5; */
    color: #092b43;
     text-decoration: underline;
   text-underline-offset: 8px;
}

.main-menu .sub-menu .sub-menu {
    top: 0;
    left: 100%;
}

.menu-toggle {
    display: none;
}

@media(max-width:991px){

    .menu-toggle{
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 5px;
        width: 40px;
        height: 40px;
        background: transparent;
        border: none;
        cursor: pointer;
        position: relative;
        z-index: 9999;
    }

    .menu-toggle span{
        width: 100%;
        height: 3px;
        background: #fff;
        border-radius: 20px;
        transition: 0.3s;
    }

    .menu-toggle.active span:nth-child(1){
        transform: rotate(45deg) translate(6px,6px);
    }

    .menu-toggle.active span:nth-child(2){
        opacity: 0;
    }

    .menu-toggle.active span:nth-child(3){
        transform: rotate(-45deg) translate(6px,-6px);
    }

    .main-navigation{
        position: fixed;
        top: 0;
        right: -100%;
        width: 100%;
        height: 100vh;
        background: #072239;
        overflow-y: auto;
        transition: 0.4s ease;
        padding: 80px 20px 30px;
        z-index: 9998;
    }

    .main-navigation.active{
        right: 0;
    }

    .main-menu{
        flex-direction: column;
        gap: 0;
    }

    .main-menu li{
        width: 100%;
        border-bottom: 1px solid #eee;
        position: relative;
    }

    .main-menu li a{
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 15px 0;
        width: 100%;
    }
      .main-menu .sub-menu .sub-menu{
        left: 0%;
      }
 

  
    .main-menu .sub-menu{
        display: none;
        position: relative;
        opacity: 1;
        visibility: visible;
        transform: none;
        width: 100%;
        background: #f8f8f8;
        padding: 0;
        margin: 0;
        box-shadow: none;
        border-left: 2px solid #ddd;
    }

    .main-menu .sub-menu.active{
        display: block;
    }

.menu-item-has-children > a{
    position: relative;
    padding-right: 35px !important;
}


.menu-item-has-children > a::after{
    content: '\25BE'; /* ▼ */
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 20px;
    transition: 0.3s ease;
}

.menu-item-has-children.active > a::after{
    content: '\25B4'; /* ▲ */
}
}
#openapplyFrame{
    width:100% !important;
    max-width:100% !important;
    border:none !important;
    display:block !important;
}

    .tabs {
        display: flex;
        margin-top: 20px;
    margin-left: 20px;
    gap: 10px;
    
    }

    .tab-button {
        padding: 12px 24px;
        border: none;
        cursor: pointer;
        font-size: 16px;
        transition: 0.3s;
    background: #f4f4f4;
        border-radius: 5px 5px 0 0;

    }

    .tab-button:hover {
        background: #072239;
        color: #fff;
    }

    .tab-button.active {
        background: #072239;
        font-weight: bold;
        color: #fff;
    }

    .tab-content {
        display: none;
        padding: 20px;
        border-top: none;
    }

    .tab-content img{
        width: 100%;
    }

    .tab-content.active {
        display: block;
    }