:root {

  --white: #ffffff; 

  --black: #000000;

  --grey: #f8f8f8;

  --primary-color: #753bbd;

  --secondary-color: #ffc72c;

  --dark-purple: #2e1a47;

}



* { box-sizing: border-box; word-wrap: break-word;}

html, body { margin: 0;	padding: 0;	border: 0; vertical-align: baseline; font-family: "Poppins", sans-serif; font-optical-sizing: auto; font-style: normal; font-weight: 400; list-style: none; color:var(--black);}

a:focus,button:focus,input:focus,textarea:focus { outline:0; text-decoration:none;}

h1,h2,h3,h4,h5,h6 { margin:0; padding:0; -webkit-font-smoothing:antialiased; margin-bottom:15px; color:var(--black); font-family: "Montserrat", sans-serif;}

h1 { font-size: 30px; font-weight: 700;}

h2 { font-size: 30px;}

h3 { font-size:22px;}

h4 { font-size:16px;}

a { color:#018aff; text-decoration:none; transition:all ease-out .3s; -webkit-transition:all ease-out .3s; -moz-transition:all ease-out .3s;-ms-transition:all ease-out .3s; -o-transition:all ease-out .3s;}

a:hover { text-decoration:none;color:#3b90ff;}

label { font-weight:400;margin:0;}

p { font-size: 16px; line-height: 1.6; color: var(--black); margin:0; padding:0; font-weight: 400; margin-bottom:15px;}

li,ol,ul { list-style:none; margin:0; padding:0;}

focus { outline:0;}

a{color: var(--primary-color);}





.accordion-button:focus {

  box-shadow: none;

  border-color: rgba(0,0,0,.125);

}



/*========================== Commen styles ========================*/



::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #787878;}

::-moz-placeholder { /* Firefox 19+ */ color: #787878;}

:-ms-input-placeholder { /* IE 10+ */ color: #787878;}

:-moz-placeholder { /* Firefox 18- */ color: #787878;}



.primary-btn { display: inline-block; position: relative; border: none; background: var(--primary-color); color: var(--white); padding: 8px 20px; border-radius: 3px; font-family: "Montserrat", sans-serif; font-size: 15px; font-weight: 700; text-transform: uppercase;}

.primary-btn::before { content: ''; width: 0; height: 100%; display: block; position: absolute; top: 0; right: 0; left: 0; margin: auto; background: #00000027; transition: all ease-out 0.3s;}

.primary-btn span { color: var(--white); position: relative; z-index: 2;}

.primary-btn:hover { background: var(--secondary-color); color: var(--white);}

.primary-btn:hover::before { width: 100%;} 



.purple-btn { display: inline-block; padding: 12px 30px; background: var(--primary-color); color: var(--white); border: none;}

.purple-btn:hover { background: #3F51B5; color: var(--white);}



.white-btn { display: inline-block; padding: 12px 30px; background: var(--white); color: var(--black); border: none; box-shadow: 0px 0px 3px -1px rgba(0, 0, 0, .2);}

.white-btn:hover { background: #3F51B5; color: var(--white);}



.dark-purple-btn { display: inline-block; padding: 12px 30px; background: var(--dark-purple); color: var(--white); border: none;}

.dark-purple-btn:hover { background: var(--secondary-color); color: var(--black);}



.red-btn { display: inline-block; padding: 12px 30px; background: #ff585d; color: var(--white); border: none;}

.red-btn:hover { background: #f68d2e; color: var(--white);}



.yellow-btn { display: inline-block; padding: 12px 30px; background: var(--secondary-color); color: var(--black); border: none;}

.yellow-btn:hover { background: var(--dark-purple); color: var(--white);}



.pdf-link { color: var(--dark-purple); padding-left: 25px; display: inline-block; position: relative;}

.pdf-link i { display: inline-block; color: var(--dark-purple); font-size: 15px; position: absolute; left: 0; top: 4px;}

.pdf-link:hover { color: var(--primary-color);}

.pdf-link:hover i { color: var(--primary-color);}



.line-btn { border: 1px solid #ffffff; padding: 5px 15px; display: inline-block; font-size: 14px;}



section { display: block; padding: 75px 0;}

.white-text h1,

.white-text h2,

.white-text h3,

.white-text h4,

.white-text h5,

.white-text h6,

.white-text p,

.white-text span,

.white-text ul li { color: var(--white) !important;}





.bg-grey { background: var(--grey) !important;}

.bg-black { background: var(--black) !important;}

.bg-purple { background: var(--primary-color) !important;}

.bg-yellow { background: var(--secondary-color) !important;}

.bg-dark-purple { background: var(--dark-purple) !important;}



.owl-carousel .owl-item img { width: auto;}

.owl-carousel .owl-stage { display: flex;}

.owl-carousel .owl-nav { width: 100%; height: 1px; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; display: flex; align-items: center; justify-content: space-between;}

.owl-carousel .owl-nav button { font-size: 24px; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 100%; background: #0000007d !important; transition: all ease-out 0.3s;}

.owl-carousel .owl-nav button span { font-size: 20px; color: #ffffff;}

.owl-carousel .owl-nav button:hover { background: #000000ec !important;}



.owl-dots { text-align: center;}

.owl-dots button.owl-dot { width: 8px; height:8px; border-radius: 50%; display: inline-block; background: #ccc; margin: 0 5px;}

.owl-dots button.owl-dot.active { background-color: #000;}



/*========================== Commen styles ========================*/



.header { display: block; border-bottom: 1px solid #e5e5e5;}

.header-top-bar { display: block; padding: 15px 0; background-size: cover !important; background-repeat: no-repeat !important; background-position: center top !important; border-bottom: 1px solid #e5e5e5;}

.header-top-bar .container-fluid { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative;}

.logo { display: block;}

.logo a { display: block;}

.logo a img { display: block;}



.header-top-right { display: block; }

.header-top-right ul { display: flex;}

.header-top-right ul li { display: flex; align-items: center; padding: 10px 25px; border-left: 1px solid #e5e5e5;}

.header-top-right ul li:last-child { padding-right: 0;}

.header-top-right ul li a { display: block; color: #8A868F;}

.header-top-right ul li a:hover { color: var(--primary-color);}



.header-menu-section { display: block;}

.header-menu-section .container-fluid { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative;}



/* ==========================================================================

   Menu with dropdown menu begin

   ========================================================================== */

.main-menu { display:block;}

.main-menu > ul { display:block; text-align: center;}

.main-menu > ul > li { display:inline-block; padding-right: 35px;}

.main-menu > ul > li > a { color:#000000; display: block; font-size: 16px; padding: 30px 0; position: relative; line-height: 1; font-weight: 400;}

.main-menu > ul > li > a::after { content: ''; width: 0; height: 4px; display: block; position: absolute; top: 0; left: 0; background: var(--secondary-color); transition: all ease-out 0.2s;}

.main-menu > ul > li:hover > a::after { width: 100%;}

.main-menu > ul > li:hover > a, .main-menu > ul > li.active > a { color: var(--primary-color);}

.main-menu > ul > li.dropdown { position: relative;}

.main-menu > ul > li.dropdown > a::before { content: "\f107"; font-family: "FontAwesome"; font-size: 14px; color: var(--black); display: inline-block; position: absolute; right: -20px; top: 31px;}

.main-menu > ul > li.dropdown:hover > a::before { color: var(--primary-color);}



.main-menu > ul > li > ul { display:block; position:absolute; top:60px; left: 0px; width: 200px; font-weight: 400; z-index: 10; opacity: 0; pointer-events: none; transition: all ease-out 0.3s; transform: translateY(10px); background: #ffffff; border: 1px solid #e5e5e5; padding: 5px 0;}

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

.main-menu > ul > li > ul > li:first-child { border-top:none;}

.main-menu > ul > li > ul > li > a { display: block; color: #000000; padding: 10px 15px; font-weight: 400; font-size: 15px; line-height: 1.1; position: relative; text-align: left;}

.main-menu > ul > li > ul > li:hover > a { color: #753bbd;}

.main-menu > ul > li:hover > ul { opacity: 1; pointer-events: all; transform: translateY(0px);}



/* Menu Second Level  */

.main-menu > ul > li > ul > li { position: relative; display: block;}

.main-menu > ul > li > ul > li> a.hoverClass { color: var(--white);}

.main-menu > ul > li > ul > li.dropdown > a::after { content: "\f105"; position: absolute; top: 10px; right: 15px; font-family: 'FontAwesome'; transition: all ease 0.2s; font-size: 13px;}

.main-menu > ul > li > ul > li.dropdown:hover > a::after { color: #753bbd;}

.main-menu > ul > li > ul > li:hover > a { color: #753bbd;}

.main-menu > ul > li > ul > li > ul { display: block; transition: all ease 0.2s; position:absolute; top:0px; left:198px; background-color: #ffffff; width: 200px; font-weight: 400; border: 1px solid #e5e5e5; padding: 5px 0; opacity: 0; pointer-events: none; transition: all ease-out 0.3s; transform: translateY(10px);}

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

.main-menu > ul > li > ul > li > ul > li:first-child { border-top:none;}

.main-menu > ul > li > ul > li ul > li > a {display: block; color: #000000; padding: 10px 15px; font-weight: 400; font-size: 14px; position: relative; text-align: left; line-height: 1.1;}

.main-menu > ul > li > ul > li ul > li > a:hover { color:#753bbd;}

.main-menu > ul > li > ul > li:hover > ul { opacity: 1; pointer-events: all; transform: translateY(0px);}



/*======================================== Menu Style End =======================================*/

.mobile-menu ul.menu-list { padding:5px 0;}

.mobile-menu ul.menu-list > li > a:hover { background: var(--primary-color); color:#FFF;}

.mobile-menu ul.menu-list > li > ul { display:none; margin-left:0; padding:10px 0; background:#2b2a2a;}

.mobile-menu ul.menu-list> li a.open,.mobile-menu ul.menu-list > li > ul > li a:hover { background: var(--primary-color); color: var(--white);}

.mobile-menu ul.menu-list > li > ul > li a {color:#FFF; padding:10px 10px;display:block; font-size:16px; transition:all ease-out .2s;-webkit-transition:all ease-out .2s;-moz-transition:all ease-out .2s;-ms-transition:all ease-out .2s;-o-transition:all ease-out .2s;text-align:center;}

.menu-toggle { position:absolute; display:none; width:48px; height:48px; top:8px; right:20px; box-sizing:border-box; border: none; background: none; padding: 0;}

.menu-toggle span.line { position:relative; width:60%; height:2px; background: var(--primary-color); margin:6px auto; display:block; transition:all ease .3s; -webkit-transition:all ease .3s; -moz-transition:all ease .3s; -o-transition:all ease .3s; -ms-transition:all ease .3s}

.menu-toggle.active span.line { position:absolute; margin:auto; top:0; right:0; bottom:0; left:0; transform-origin:center center;}

.menu-toggle.active span.line.a { transform:rotate(45deg)}

.menu-toggle.active span.line.c { transform:rotate(-45deg)}

.menu-toggle.active span.line.b { opacity:0}

.mobile-menu { display:none;}

.mobile-menu > ul { padding:10px 0}

.mobile-menu ul > li {text-align:center; border-top: 1px solid rgba(255, 255, 255, 0.1); position: relative;}

.mobile-menu ul > li:first-child { border-top:none;}

.mobile-menu ul > li > a { display:block; color: var(--white); font-size:16px; padding:8px 20px;}

.mobile-menu ul > li > a > img { display: none;} 

.mobile-menu ul > li.dropdown > a { position:relative;}

.mobile-menu ul > li.dropdown > a:after { content: "\f107"; font-family: "FontAwesome"; font-size: 14px; color: var(--white); display: inline-block; position: absolute; right: 10px; top: 8px;}

.mobile-menu ul > li.drp > a { position:relative;}

.mobile-menu ul > li.drp > a:after { content:''; width:0; height:0; display:block; border:6px solid #fff; border-color: var(--white) transparent transparent transparent; position:absolute; right:15px; top:15px;}

.mobile-menu ul > li.drp > a.open:after { border:6px solid var(--white); border-color: transparent transparent var(--white) transparent; top:10px;}

/*======================================== Menu Style End =======================================*/



.mega-drop { border-top: none; position: absolute; width: 100%; top: 101px; left: 0; display: block; opacity: 0; pointer-events: none; /*overflow: hidden;*/ transition:all ease 0.3s; transform: scale(0.96); text-align: left; padding: 35px 0; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.144); background: var(--white); z-index: 9;}

.mega-drop.active { opacity: 1; pointer-events: auto; transform: scale(1); z-index: 9;}

.mega-drop-main { display: block; overflow: hidden;}

/* ==========================================================================

  Menu with dropdown menu End

  ========================================================================== */



.header-social { display: flex; justify-content: end; align-items: center;}

.header-social a { border-radius: 100%; margin-left: 10px; overflow: hidden; display: inline-block;}

.header-social a i { width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; background: var(--black); color: var(--white); border-radius: 100%; font-size: 14px;}

.header-social a i.fa-facebook { background: #3b5998 !important;}

.header-social a i.fa-youtube { background: #cd201f !important;}

.header-social a i.fa-instagram { background: #262626 !important;}





.home-page { overflow: hidden;}



@-webkit-keyframes fadeInUp {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(0, 100%, 0);

            transform: translate3d(0, 100%, 0);

  }



  100% {

    opacity: 1;

    -webkit-transform: none;

            transform: none;

  }

}

@keyframes fadeInUp {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(0, 100%, 0);

            transform: translate3d(0, 100%, 0);

  }



  100% {

    opacity: 1;

    -webkit-transform: none;

            transform: none;

  }

}

@-webkit-keyframes fadeInDown {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(0, -100%, 0);

            transform: translate3d(0, -100%, 0);

  }



  100% {

    opacity: 1;

    -webkit-transform: none;

            transform: none;

  }

}

@keyframes fadeInDown {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(0, -100%, 0);

            transform: translate3d(0, -100%, 0);

  }



  100% {

    opacity: 1;

    -webkit-transform: none;

            transform: none;

  }

}



.banner-block { display: block; background: var(--grey);}

.banner-item { display: flex; align-items: center; min-height: 545px; background: var(--grey); overflow: hidden; background-size: cover !important; background-repeat: no-repeat !important; background-position: center center !important; position: relative;}

.banner-content { display: block; max-width: 370px; width: 100%; background: #ffffff99; border-left: 8px solid #ffc72c; padding: 30px 35px; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}

.banner-block .owl-carousel.owl-drag .owl-item.active .banner-content { -webkit-animation-name: fadeInUp; animation-name: fadeInUp;}

.banner-slider.owl-carousel .owl-nav button { position: absolute; top: 0; bottom: 0; margin: auto;}

.banner-slider.owl-carousel .owl-nav .owl-prev { left: 10px !important;}

.banner-slider.owl-carousel .owl-nav .owl-next { right: 10px !important;}



.home-top-block { display: block;}

.home-top-left { display: block;}

.home-top-feature { display: block; padding: 25px 15px; padding-left: 70px; position: relative; min-height: 55px;}

.home-top-feature i { display: inline-flex; justify-content: center; align-items: center; width: 55px; height: 55px; background: var(--secondary-color); color: var(--white); font-size: 30px; position: absolute; left: 0; top: 28px;}

.home-top-feature p { font-size: 15px; line-height: 1.4em; font-family: "Montserrat", sans-serif;}

.home-top-feature p span { display: block; font-size: 16px; font-weight: 600; text-transform: uppercase; padding-bottom: 10px;}

.home-top-feature.cyan i { background: #47d7ac;}

.home-top-feature.red i { background: #ff585d;}

.home-top-feature.orange i { background: #f68d2e;}



.home-top-right { display: block; background: var(--secondary-color); padding: 23px 20px; height: 100%;}

.home-top-right p { font-size: 16px; font-weight: 300; font-family: "Montserrat", sans-serif;}

.home-top-right a { display: block; color: var(--grey); font-family: "Montserrat", sans-serif; font-size: 34px; font-weight: 900; position: relative; padding-right: 50px; line-height: 1.1;}

.home-top-right a i { display: inline-flex; align-items: center; position: absolute; right: 0; top: 0; bottom: 0; margin: auto;}



.home-second-block { display: block;}

.home-second-left { display: block;}

.tenth-anniversary { display: block;}

.anniversary-body { display: block}

.anniversary-body h2 { font-size: 22px; font-weight: 600; color: var(--dark-purple); text-align: center;}

.anniversary-body h2 .typewriter { color: var(--secondary-color);}

.anniversary-body h2 .text2 { color: var(--primary-color);}

.anniversary-card { display: block;}

.anniversary-card-image { display: block;}

.anniversary-card h3 { font-weight: 600; font-size: 18px;}

.home-second-3blocks { display: block;}

.home-second-3blocks a { font-weight: 600; color: var(--primary-color);}



.home-second-right { display: block; background: var(--dark-purple); padding: 10px 38px 20px 38px; height: 100%;}

.home-second-right ul { display: block;}

.home-second-right ul li { display: block; border-bottom: 1px solid var(--white);}

.home-second-right ul li a { display: block; color: var(--white); padding: 20px 0;}

.home-second-right ul li a:hover { color: var(--secondary-color);}



.home-patch-block { display: block; padding: 0;}

.home-patch-box { display: flex; flex-wrap: wrap;}

.home-patch-box li { display: block; width: calc(100%/3); border-left: 1px solid #ffffff;}

.home-patch-box li a { display: block; padding: 20px; padding-left: 80px; position: relative;}

.home-patch-box li a i { font-size: 40px; display: inline-block; position: absolute; left: 20px; top: 20px; color: var(--white);}

.home-patch-box li a p { margin-bottom: 0; color: var(--white);}

.home-patch-box li a p b { display: block; text-transform: uppercase;}

.home-patch-box li:first-child { border-left: none;}



.home-third-block { display: block;}

.home-testimonial { display: block;}

.home-testimonial h2 { font-weight: 700; margin-bottom: 35px;}

.home-testimonial h2 span { display: block; font-size: 14px; font-weight: 400; text-transform: uppercase; padding-top: 15px; color: var(--primary-color);}

.home-testi-box { display: block; background: #f1edea; padding: 25px 40px;}

.home-testi-box p { font-size: 14px; font-style: italic;}

.home-testi-box h3 { font-size: 18px; font-weight: 400; line-height: 22px; color: #000000;}

.home-testi-box h3 span { display: inline-block; background: var(--primary-color); color: var(--white); padding: 3px 5px 2px; font-size: 10px; top: -2px; position: relative; border-radius: 2px;  font-weight: normal; line-height: 1.2;}

.home-testi-box h6 { font-size: 13px; font-weight: 400; color: #000000; font-family: "Montserrat", sans-serif;}



.home-why-choose { display: block;}

.home-why-choose h2 { font-weight: 700; margin-bottom: 35px;}

.home-why-choose h2 span { display: block; font-size: 14px; font-weight: 400; text-transform: uppercase; padding-top: 15px; color: var(--primary-color);}

.home-why-choose ul { display: block;}

.home-why-choose ul li { display: block; padding-left: 22px; position: relative; margin-bottom: 25px; font-size: 18px; color: #333333; line-height: 1.5;}

.home-why-choose ul li::before { content: ''; width: 13px; height: 1px; display: block; background: var(--black); position: absolute; left: 0; top: 10px;}



.home-timings { display: block; background: var(--white); padding: 35px; box-shadow: 0px 2px 7px 0px #d4d4d4;}

.home-timings h3 { font-weight: 700; margin-bottom: 30px; font-size: 24px;}



.commen-tab .resp-tabs-list { margin-bottom: 35px;}

.commen-tab .resp-tabs-list li { margin: 0; background: var(--dark-purple) !important; color: var(--white) !important; padding: 16px 25px !important; position: relative; font-size: 16px; font-weight: 500;}

.commen-tab .resp-tabs-list li:hover { background: #e5b700 !important;}

.commen-tab .resp-tabs-list li.resp-tab-active { padding: 16px 25px !important; border: none !important; background: var(--primary-color) !important;}

.commen-tab .resp-tabs-list li.resp-tab-active:hover { background: #e5b700 !important;}

.commen-tab .resp-tab-content { padding: 0; border: none;}



.commen-table .table-responsive { border-top: 4px solid #cbcbcb; padding-top: 20px;}

.commen-table table { border: none; margin: 0;}

.commen-table table tr { border-bottom: 1px solid #e5e5e5;}

.commen-table table th { padding: 10px 0; font-size: 14px; color: #000000; font-weight: 700;}

.commen-table table td { padding: 12px 0; font-size: 14px; color: #acacac;}

.commen-table table td:first-child { color: var(--black); font-weight: 600;}

.commen-table table th { font-size: .85em;}

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

  .commen-table table { border: 0;}

  .commen-table table caption { font-size: 1.3em;}

  .commen-table table thead { border: none; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}

  .commen-table table tr { border-bottom: 3px solid #ddd; display: block; margin-bottom: .625em;}

  .commen-table table td { border-bottom: 1px solid #ddd; display: block; font-size: .8em; text-align: right;}

  .commen-table table td::before { content: attr(data-label); float: left; font-weight: bold; text-transform: uppercase;}

  .commen-table table td:last-child { border-bottom: 0;}

}



.partners-logo-slider { margin-top: 40px;}

.partners-logo { display: flex; align-items: center; justify-content: center; text-align: center; height: 100%;}

.home-fourth-block { display: block; padding: 50px 0;}

.feature-box { display: block; position: relative; padding-left: 75px;}

.feature-box i { width: 55px; height: 55px; display: flex; justify-content: center; align-items: center; background: var(--secondary-color); color: var(--white); font-size: 30px; position: absolute; left: 0; top: 0;}

.feature-box .caption { display: block; margin-bottom: 10px; font-size: 16px; font-weight: 600; color: var(--black);}

.feature-box .fa-calendar-alt { background: #47d7ac;}

.feature-box .fa-child { background: #004c45;}

.feature-box .fa-star { background: #f68d2e;}

.feature-box .fa-paper-plane { background: #ff585d;}

.feature-box .fa-medal { background: #8dc8e8;}

.feature-box .fa-paint-brush { background: #84c54e;}



.home-map-block { display: block;}

.home-map-block iframe { width: 100%; height: 300px; display: block;}



.footer-block { display: block; background: #efefef;}

.footer-logo-block { display: block; padding: 60px 0;}

.footer-menu-block { display: block; padding: 60px 0;}

.footer-menu-block h3 { color: var(--dark-purple); margin-bottom: 20px;}

.footer-menu-block ul li { display: block; margin-bottom: 10px;}

.footer-menu-block ul li a { display: inline-block; position: relative; color: var(--dark-purple); padding-left: 20px;}

.footer-menu-block ul li a::after { content: "\f105"; font-family: 'FontAwesome'; display: inline-block; position: absolute; top: 2px; left: 0; transition: all ease 0.2s; font-size: 13px;}

.footer-menu-block ul li a:hover { color: #753bbd;}

.footer-menu-block ul li a:hover::after { color: #753bbd;}



.footer-contact-block { display: block; background: var(--dark-purple); display: block; padding: 60px 0; padding-left: 43px; height: 100%;}

.footer-contact { display: block;}

.footer-contact li { display: block; position: relative; padding-left: 35px; color: var(--white); margin-bottom: 10px;}

.footer-contact li a { color: var(--white); word-wrap: break-word;}

.footer-contact li i { display: inline-block; position: absolute; left: 0; top: 4px; font-size: 16px; width: 16px; text-align: center; font-size: 14px;}



.footer-social { display: flex; align-items: center; padding: 10px 0;}

.footer-social a { margin-right: 10px; overflow: hidden; display: inline-block;}

.footer-social a i { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; background: var(--black); color: var(--white); font-size: 18px; border-radius: 5px;}

.footer-social a i.fa-facebook { background: #3b5998 !important;}

.footer-social a i.fa-youtube { background: #cd201f !important;}

.footer-social a i.fa-instagram { background: #262626 !important;}



.footer-bottom { display: block; background: var(--white); padding: 20px 0;}

.footer-bottom-menu { display: flex; align-items: center; flex-wrap: wrap;}

.footer-bottom-menu li { display: inline-block; padding: 0 15px; position: relative; border-left: 1px solid #808080; line-height: 1;}

.footer-bottom-menu li:first-child { border-left: none;}

.footer-bottom-menu li a { color: #808080;}

.footer-bottom-menu li a:hover { color: var(--primary-color);}





.floating-book-tour { display: inline-block; bottom: 15px; position: fixed; right: 20px; background: var(--primary-color); color: var(--white); box-shadow: 0 2px 5px rgba(0, 0, 0, .25); font-size: 14px; font-weight: 700; border-radius: 25px; padding: 10px 25px;}

.floating-book-tour:hover { background: #904de2; color: var(--white);}











/*========================== S-code ========================*/

.inner-page h2{font-size: 30px;}

.inner-page h3{font-size:27px;}

.inner-page h4{font-size:24px;}

.inner-page h4{font-size:21px;}

.inner-page h5{font-size:18px;}

.line-color{ color: var(--primary-color);}



.inner-page{padding: 50px 0;}

.inner-page h2{margin-bottom: 20px;}

.principal .link{color:var(--black)}

.principal .link:hover{color:var(--primary-color)}

.vision-accordion h2{margin-bottom: 0px; font-weight:bold !important ;}

.vision-accordion button{font-weight:bold !important ; padding-left: 0px !important; padding-right: 0px !important;}

.vision-accordion .accordion-item{padding: 0 !important; border-left: 0; border-right: 0px;}

.vision-accordion .accordion-button:not(.collapsed){background-color: #fff !important;}

.glance-page .contant h3{text-transform: uppercase; font-weight: bold;}

.glance-page .contant span{color: var(--primary-color);}

.awards-slider img{margin: 0px auto;}



.awards-slider .owl-dots {

  text-align: center;

  padding-top: 15px;

}

.awards-slider .owl-dots button.owl-dot {

  width: 8px;

  height:8px;

  border-radius: 50%;

  display: inline-block;

  background: #ccc;

  margin: 0 3px;

}

.awards-slider .owl-dots button.owl-dot.active {

  background-color: #000;

}

.awards-slider .owl-dots button.owl-dot:focus {

  outline: none;

}

.awards-slider .owl-nav button{background-color:inherit !important;}

.awards-slider .owl-nav button:hover{background-color: inherit !important;}

.awards-slider .owl-nav button span{color: #000;}

.awards-slider .owl-nav button:hover span{color: var(--primary-color);}

.box-shdow1{box-shadow: 0px 0px 10px 0px #dddddd; padding:30px;}

.mission-statement{border-top: 1px solid var(--primary-color); border-bottom: 1px solid var(--primary-color); padding: 50px 0; margin-top: 50px;}



.center-object-1-outer{border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; padding: 40px 0;}

.center-object-1{text-align: center; margin: 15px 0;}

.center-object-1 h4{margin-bottom: 10px;}

.center-object-1 span{font-size:45px; color: var(--primary-color); margin-bottom: 15px; display: block;}



.tab-style1{border: 1px solid #ebebeb;}

.tab-style1 .commen-tab .resp-tabs-list{margin-bottom: 20px;}

.tab-style1 .commen-tab .resp-tab-content {

  padding:0 30px 30px 30px;

}

.tab-style1 .commen-tab .resp-tabs-list li{font-size: 15px;padding: 16px 20px !important;}



.student-voice .owl-dots {

  text-align: center;

  padding-top: 15px;

}

.student-voice .owl-dots button.owl-dot {

  width: 8px;

  height:8px;

  border-radius: 50%;

  display: inline-block;

  background: #ccc;

  margin: 0 3px;

}

.student-voice .owl-dots button.owl-dot.active {

  background-color: #000;

}

.student-voice .owl-dots button.owl-dot:focus {

  outline: none;

}

.student-voice .owl-nav button{background-color:inherit !important;}

.student-voice .owl-nav button:hover{background-color: inherit !important;}

.student-voice .owl-nav button span{color: #000;}

.student-voice .owl-nav button:hover span{color: var(--primary-color);}

.student-voice .box-style{padding: 25px; background-color: #F1EDEA; padding: 25px; margin: 0px auto; width: 90%; text-align: center;}
.student-voice .box-style:after {content: "";position: absolute;z-index: 9999;margin: 22px auto; display: block;
  width: 14px;
  height: 14px;
  background-color: #F1EDEA;
  position: absolute;
  transform: scaleX(.75) rotate(45deg);
  border-width: 0;
  left: 0;
  margin: 18px auto;
  right:0;
  box-sizing: content-box;}
  
.student-voice .name-block-1{text-align: center; margin:25px auto 0; }
.student-voice .name-block-1 h4{font-size:18px;}



.center-box-color{text-align: center; background-color:#f4f4f4; padding: 30px;}

.school-tours iframe{height: 700px;}

.box-shadow1{-webkit-box-shadow: 0px 0px 21px 0px rgba(0,0,0,0.14);-moz-box-shadow: 0px 0px 21px 0px rgba(0,0,0,0.14);box-shadow: 0px 0px 21px 0px rgba(0,0,0,0.14);}





/*---------------*/

/***** Bubba *****/

/*---------------*/

.grid {

	position: relative;

	margin: 0 auto;

	list-style: none;

	text-align: center;

}



/* Common style */

.grid figure {

	position: relative;

	float: left;

	overflow: hidden;

	width: 100%;

	background: #3085a3;

	text-align: center;

	cursor: pointer;

}



.grid figure img {

	position: relative;

	display: block;

	min-height: 100%;

	max-width: 100%;

	opacity: 0.8;

}



.grid figure figcaption {

	padding: 2em;

	color: #fff;

	text-transform: uppercase;

	font-size: 1.25em;

	-webkit-backface-visibility: hidden;

	backface-visibility: hidden;

}



.grid figure figcaption::before,

.grid figure figcaption::after {

	pointer-events: none;

}



.grid figure figcaption,

.grid figure figcaption > a {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

}



/* Anchor will cover the whole item by default */

/* For some effects it will show as a button */

.grid figure figcaption > a {

	z-index: 1000;

	text-indent: 200%;

	white-space: nowrap;

	font-size: 0;

	opacity: 0;

}



.grid figure h2 {

	word-spacing: -0.15em;

	font-weight: 300;

}



.grid figure h2 span {

	font-weight: 800;

}



.grid figure h2,

.grid figure p {

	margin: 0;

}



.grid figure p {

	letter-spacing: 1px;

	font-size: 68.5%;

}







figure.effect-bubba:hover img {

	opacity: 0.4;

}



figure.effect-bubba figcaption::before,

figure.effect-bubba figcaption::after {

	position: absolute;

	top: 30px;

	right: 30px;

	bottom: 30px;

	left: 30px;

	content: '';

	opacity: 0;

	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;

	transition: opacity 0.35s, transform 0.35s;

}



figure.effect-bubba figcaption::before {

	border-top: 1px solid #fff;

	border-bottom: 1px solid #fff;

	-webkit-transform: scale(0,1);

	transform: scale(0,1);

}



figure.effect-bubba figcaption::after {

	border-right: 1px solid #fff;

	border-left: 1px solid #fff;

	-webkit-transform: scale(1,0);

	transform: scale(1,0);

}



figure.effect-bubba h2 {

	padding-top: 30%;

	-webkit-transition: -webkit-transform 0.35s;

	transition: transform 0.35s;

	-webkit-transform: translate3d(0,-20px,0);

	transform: translate3d(0,-20px,0);

  color: var(--white);

  font-size: 20px;

  font-weight: bold;

}



figure.effect-bubba p {

	padding: 20px 2.5em;

	opacity: 0;

	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;

	transition: opacity 0.35s, transform 0.35s;

	-webkit-transform: translate3d(0,20px,0);

	transform: translate3d(0,20px,0);

  color: var(--white);

}



figure.effect-bubba:hover figcaption::before,

figure.effect-bubba:hover figcaption::after {

	opacity: 1;

	-webkit-transform: scale(1);

	transform: scale(1);

}



figure.effect-bubba:hover h2,

figure.effect-bubba:hover p {

	opacity: 1;

	-webkit-transform: translate3d(0,0,0);

	transform: translate3d(0,0,0);

}

figure.effect-bubba a{color: var(--white); text-decoration: underline;}





.circle-slide{margin:80px 0 0 0;}

.circle-slide .circle-menu {

  position: relative;

  width: 350px;

  height: 350px;

  border-radius:50%;

  margin-bottom: 30px;

  border-radius:100%;

  border:5px solid #eeeafb;

  display: flex;

  align-items: center;

  justify-content: center;

}



.circle-slide .menu-item {

  position: absolute;

  width: 85px;

  height: 85px;

  border-radius: 50%;

  display: flex;

  justify-content: center;

  align-items: center;

  cursor: pointer;

  transition: background 0.3s, transform 0.3s;

  top: -40px;

  left: 136px;

  border:

4px solid #fff;

  -webkit-box-shadow:

0px 5px 40px rgba(131,100,196,.2);

  box-shadow: 0px 5px 40px rgba(131,100,196,.2);

  background-color: #47D7AC;

}



.circle-slide .menu-item i{color: var(--white);}



.circle-slide .menu-item:hover {

  background: #753BBD !important;

  color: white;



}



/* Positioning the items in a circle */

.circle-slide .menu-item:nth-child(1) {

  top: -42px;

  left: 172px;

  transform: translate(-50%, -50%);

 

 

}

.circle-slide .menu-item:nth-child(2) {

  top: 75px;

  left: 312px;

  transform: translate(-50%, -50%);

background-color: #FF585D;

}

.circle-slide  .menu-item:nth-child(3) {

  top: 216px;

  left: 337px;

  transform: translate(-50%, -50%);

  background-color: #FFC72C;

}

.circle-slide  .menu-item:nth-child(4) {

  top: 365px;

  left: 242px;

  transform: translate(-50%, -100%);

  background-color: #F68D2E;

}

.circle-slide  .menu-item:nth-child(5) {

  top: 318px;

  left: 82px;

  transform: translate(-50%, -50%);

  background-color: #1B365D;

}



.circle-slide  .menu-item:nth-child(6) {

  top: 204px;

  left: 9px;

  transform: translate(-50%, -50%);

  background-color: #F68D2E;

}



.menu-item:nth-child(7) {

  top: 64px;

  left: 39px;

  transform: translate(-50%, -50%);

   background-color: #004C45;

}





.circle-slide  .content-box {

  font-size: 1.2rem;

  padding:20px;

  border-radius:10px;

  width: 200px;

  text-align: center;

  margin:0 auto 0;

  position: absolute;

  z-index: 99999999999;

}

.icon-size-1{font-size:40px; color: #753BBD; margin-right: 15px;}

.overly-outer{width: 100%; height: 100%; position: relative; overflow: hidden; display: block;}

.overly-outer .overly-box{width: 100%; height: 100%; position: absolute; top: 0; text-align: center; background-color: #753BBDBD; align-content: center; opacity: 0; 

  transition: opacity .0s ease-in-out;

  -moz-transition: opacity .0s ease-in-out;

  -webkit-transition: opacity .0s ease-in-out; padding: 15px;}

.overly-outer:hover .overly-box{width: 100%; height: 100%; position: absolute; top: 0; text-align: center; background-color: #753BBDBD; align-content: center; opacity: 1; opacity: 0.8;

  transition: opacity .25s ease-in-out;

  -moz-transition: opacity .25s ease-in-out;

  -webkit-transition: opacity .25s ease-in-out;}

  .overly-outer h4{color: var(--white);} 



  .img-3 img{margin: 0 15px;}

  .progress-style1 .top-label{display: flex;}

  .progress-style1 .top-label{display: flex; justify-content: space-between;}

  .progress-style1 .progress{height: 12px;}



  .line-block1 .round-icon{width: 70px; height: 70px; background-color: var(--primary-color); border-radius: 100%; display: flex; align-items: center; text-align: center;justify-content: center; color: var(--white); font-size:20px;}

  .line-block1 .round-icon{float: left; margin-right: 15px;}

  .line-block1 div{overflow: hidden;}



/*========================== components library ========================*/ 



.img-card-style1{overflow: hidden; position: relative; display: block;}

.img-card-style1 img{width: 100%;}

.img-card-style1 .overlay{width: 100%; height: 100%; position: absolute; z-index: 9999;background: #753bbd5e; opacity: 0; display: flex; align-items: center; justify-content: center;transition:all ease-out .3s;}

.img-card-style1:hover .overlay{opacity: 1;transition:all ease-out .3s;}

.img-card-style1 i{font-style: normal; color: var(--white) !important; font-weight: 500; text-transform: uppercase; border: 2px solid var(--white); padding: 7px 15px;}



.media-object-left{ display: flex; margin-bottom: 10px;}

.media-object-left .icon {margin-right: 20px;width: 55px;

  height: 55px;

  background:#000;

  display: flex;

  align-items:center;

  justify-content: center;

}

.media-object-left h5{font-weight: bold; margin-bottom: 5px;}

.media-object-left p{color:#7c7c7c;}

.media-object-left i{color: var(--white); font-size: 27px;}



.progress-outer h6{margin-bottom: 10px; color: #50595a;}

.progress, .progress-stacked{--bs-progress-height: 2rem;}

.progress-bar{overflow: initial !important;padding-left: 10px;}





ul.list-style-1 li{padding:4px 0 4px 0;}

ul.list-style-1 li:before{color:#6c98e1; margin-right:7px; content:"\f00c";font-family: 'FontAwesome';}

ul.list-style-2 li{font-size: 16px; padding: 2px 0 0 15px; margin-bottom: 10px;}

ul.list-style-2 li:last-child{margin-bottom: 0px;}

ul.list-style-2 li:before{color:#0f0f0f; margin-right:7px; content:"\f10c";font-family: 'FontAwesome'; font-size:8px;margin-left: -14px;}



ul.list-style-3 li{font-size: 16px; padding: 2px 0;}

ul.list-style-3 li:before{color:#0f0f0f; margin-right:7px; content:"\f10c";font-family: 'FontAwesome'; font-size:8px;margin: 6px 0; position: relative; margin-right: 10px;}



.list-style-right-arrow ul { margin-bottom: 20px;}

.list-style-right-arrow ul li{padding: 5px 0 5px 15px;}

.list-style-right-arrow ul li::before {content: "\f105";font-family: 'FontAwesome';display: inline-block;font-size: 13px;margin:3px 0 0 -14px;position: absolute;}

.list-style-right-arrow ul li a{color: var(--black);}

.list-style-right-arrow ul li a:hover{color: var(--dark-purple);}







.commen-tab2 .resp-tabs-list li{background-color: inherit !important;}

.commen-tab2 .resp-tab-active{border: 1px solid #dbdbdb !important;}

.commen-tab2 .resp-tab-content{border-top-color:#dbdbdb;}

.commen-tab2 .resp-tabs-list li {font-weight: 500; font-size: 17px;}

.commen-tab2 .resp-tab-content{padding: 30px;}

.vision-accordion .accordion-body {padding:20px 0 30px 0;}



.team-card-l{margin-bottom: 30px; display: block;}

.team-card-l h4{padding: 20px 0 10px 0; margin: 0px; font-size: 16px !important;}

.team-card-l h6 { background-color: #ebebeb; display: table; padding:5px 12px; border-radius:9px; font-size: 14px; color: #5f8fdf;}



ul.pdf-list li{padding: 5px 0;} 

ul.pdf-list li a{color: var(--primary-color); font-size: 16px;}

ul.pdf-list li a:before{content:"\f1c1";font-family: 'FontAwesome'; margin-right: 15px;}



.facilities-slider-1{height:450px; width: 100%; background-size:cover;}

.facilities-slider-1 .inner-text{width: 100%; height: 100%;width: 100%;

  height: 100%;

  align-items: center;

  display: flex;

  align-content: center;

  justify-content: center;

  text-align: center;

  justify-items: center;}

  .facilities-slider-1 .inner-text h3{font-weight: bold; color: var(--white); display: block; font-size: 35px;}

  .facilities-slider-1 .inner-text h5{color: var(--white); margin-bottom: 0;}

  

.border-btn{border: 2px solid var(--white); padding:7px 15px; display: inline-block; margin-top: 10px; color: var(--white); margin-top: 20px;}

.border-btn:hover{background-color: var(--white); color: var(--black);}

.facilities-slider .owl-nav button{margin: 0 10px; background-color:inherit !important; }

.facilities-slider .owl-nav button:hover{background-color:inherit !important;}

.facilities-slider .owl-nav button span{color: var(--black) !important;}

.facilities-slider .owl-nav button:hover span{ color: var(--primary-color) !important;}



.facilities-card{display: block;align-items: center; border-bottom: 1px solid var(--dark-purple); padding-bottom: 20px; height: 100%;}

.facilities-card .icon-box{width: 55px; height: 55px; background-color: #000; margin-right: 20px; display: flex; align-items: center; justify-content: center; margin-bottom: 10px; float: left;}

.facilities-card h2{margin: 0px; font-weight:600; font-size:45px;}

.facilities-card span{letter-spacing: 1.1px; font-size: 14px;}

.facilities-card i{color: var(--white); font-size: 27px;}

.facilities-card .number-box{overflow: hidden;}

.video-block video{width: 100%;}

.left-yellow-line{border-left:5px solid var(--secondary-color) ; padding: 0 0 0 15px;}

.media-object-left-2 .icon-box{margin-right: 20px;width: 55px;height: 55px;display: flex;align-items: center;justify-content: center; float: left;}

.media-object-left-2 .icon-box i{color: var(--white);font-size: 30px;}

.media-object-left-2 .contant-box{overflow: hidden;}

.media-object-left-2 h5{font-weight: bold; font-size: 18px; text-transform: uppercase;}

.media-object-left-2 p{color: #7c7c7c;}



.pink-card-style{background-color:#F1EDEA; padding:35px;}



.card-style-left .icon-block{width:60px; height: 60px; float: left;  display: flex; align-items: center; justify-content: center; margin-right: 20px;}

.card-style-left h5{font-weight:bold; margin-bottom:10px;}

.card-style-left h6{color: #7c7c7c;}

.card-style-left .content-block{overflow: hidden;}

.card-style-left i{color: var(--white); font-size: 32px;}



.card-style-left2 i{color: var(--primary-color); font-size:45px;}

.card-style-left2 h6{color: var(--black);}



.accordion-color .accordion-button{background-color: #F1EDEA !important;padding: 20px !important;}

.accordion-color .accordion-button:not(.collapsed){background-color: #2E1A47 !important; color: var(--white);}

.accordion-button:not(.collapsed)::after { background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important; transform: var(--bs-accordion-btn-icon-transform);}

  .accordion-color .accordion-button i{margin-right: 15px;}







/*========================== components library ========================*/ 



.img-card-style1{overflow: hidden; position: relative; display: block;}

.img-card-style1 img{width: 100%;}

.img-card-style1 .overlay{width: 100%; height: 100%; position: absolute; z-index: 9999;background: #753bbd5e; opacity: 0; display: flex; align-items: center; justify-content: center;transition:all ease-out .3s;}

.img-card-style1:hover .overlay{opacity: 1;transition:all ease-out .3s;}

.img-card-style1 i{font-style: normal; color: var(--white) !important; font-weight: 500; text-transform: uppercase; border: 2px solid var(--white); padding: 7px 15px;}



.media-object-left{ display: flex; margin-bottom: 10px;}

.media-object-left .icon {margin-right: 20px;width: 55px;

  height: 55px;

  background:#000;

  display: flex;

  align-items:center;

  justify-content: center;

}

.media-object-left h5{font-weight: bold; margin-bottom: 5px;}

.media-object-left p{color:#7c7c7c;}

.media-object-left i{color: var(--white); font-size: 27px;}



.progress-outer h6{margin-bottom: 10px; color: #50595a;}

.progress, .progress-stacked{--bs-progress-height: 2rem;}

.progress-bar{overflow: initial !important;padding-left: 10px;}





ul.list-style-1 li{padding:4px 0 4px 0;}

ul.list-style-1 li:before{color:#6c98e1; margin-right:7px; content:"\f00c";font-family: 'FontAwesome';}

ul.list-style-2 li{font-size: 16px; padding: 2px 0 0 15px; margin-bottom: 10px;}

ul.list-style-2 li:last-child{margin-bottom: 0px;}

ul.list-style-2 li:before{color:#0f0f0f; margin-right:7px; content:"\f10c";font-family: 'FontAwesome'; font-size:8px;margin-left: -14px;}



ul.list-style-3 li{font-size: 16px; padding: 2px 0;}

ul.list-style-3 li:before{color:#0f0f0f; margin-right:7px; content:"\f10c";font-family: 'FontAwesome'; font-size:8px;margin: 6px 0; position: relative; margin-right: 10px;}



.list-style-right-arrow ul { margin-bottom: 20px;}

.list-style-right-arrow ul li{padding: 5px 0 5px 15px;}

.list-style-right-arrow ul li::before {content: "\f105";font-family: 'FontAwesome';display: inline-block;font-size: 13px;margin:3px 0 0 -14px;position: absolute;}

.list-style-right-arrow ul li a{color: var(--black);}

.list-style-right-arrow ul li a:hover{color: var(--dark-purple);}







.commen-tab2 .resp-tabs-list li{background-color: inherit !important;}

.commen-tab2 .resp-tab-active{border: 1px solid #dbdbdb !important;}

.commen-tab2 .resp-tab-content{border-top-color:#dbdbdb;}

.commen-tab2 .resp-tabs-list li {font-weight: 500; font-size: 17px;}

.commen-tab2 .resp-tab-content{padding: 30px;}

.vision-accordion .accordion-body {padding:20px 0 30px 0;}



.team-card-l{margin-bottom: 30px; display: block;}

.team-card-l h4{padding: 20px 0 10px 0; margin: 0px; font-size: 16px !important;}

.team-card-l h6 { background-color: #ebebeb; display: table; padding:5px 12px; border-radius:9px; font-size: 14px; color: #5f8fdf;}



ul.pdf-list li{padding: 5px 0;} 

ul.pdf-list li a{color: var(--primary-color); font-size: 16px;}

ul.pdf-list li a:before{content:"\f1c1";font-family: 'FontAwesome'; margin-right: 15px;}



.facilities-slider-1{height:450px; width: 100%; background-size:cover;}

.facilities-slider-1 .inner-text{width: 100%; height: 100%;width: 100%;

  height: 100%;

  align-items: center;

  display: flex;

  align-content: center;

  justify-content: center;

  text-align: center;

  justify-items: center;}

  .facilities-slider-1 .inner-text h3{font-weight: bold; color: var(--white); display: block; font-size: 35px;}

  .facilities-slider-1 .inner-text h5{color: var(--white); margin-bottom: 0;}

  

.border-btn{border: 2px solid var(--white); padding:7px 15px; display: inline-block; margin-top: 10px; color: var(--white); margin-top: 20px;}

.border-btn:hover{background-color: var(--white); color: var(--black);}

.facilities-slider .owl-nav button{margin: 0 10px; background-color:inherit !important; }

.facilities-slider .owl-nav button:hover{background-color:inherit !important;}

.facilities-slider .owl-nav button span{color: var(--black) !important;}

.facilities-slider .owl-nav button:hover span{ color: var(--primary-color) !important;}



.facilities-card{display: block;align-items: center; border-bottom: 1px solid var(--dark-purple); padding-bottom: 20px; height: 100%;}

.facilities-card .icon-box{width: 55px; height: 55px; background-color: #000; margin-right: 20px; display: flex; align-items: center; justify-content: center; margin-bottom: 10px; float: left;}

.facilities-card h2{margin: 0px; font-weight:600; font-size:45px;}

.facilities-card span{letter-spacing: 1.1px; font-size: 14px;}

.facilities-card i{color: var(--white); font-size: 27px;}

.facilities-card .number-box{overflow: hidden;}

.video-block video{width: 100%;}

.left-yellow-line{border-left:5px solid var(--secondary-color) ; padding: 0 0 0 15px;}

.media-object-left-2 .icon-box{margin-right: 20px;width: 55px;height: 55px;display: flex;align-items: center;justify-content: center; float: left;}

.media-object-left-2 .icon-box i{color: var(--white);font-size: 30px;}

.media-object-left-2 .contant-box{overflow: hidden;}

.media-object-left-2 h5{font-weight: bold; font-size: 18px; text-transform: uppercase;}

.media-object-left-2 p{color: #7c7c7c;}



.pink-card-style{background-color:#F1EDEA; padding:35px;}



.card-style-left .icon-block{width:60px; height: 60px; float: left;  display: flex; align-items: center; justify-content: center; margin-right: 20px;}

.card-style-left h5{font-weight:bold; margin-bottom:10px;}

.card-style-left h6{color: #7c7c7c;}

.card-style-left .content-block{overflow: hidden;}

.card-style-left i{color: var(--white); font-size: 32px;}



.card-style-left2 i{color: var(--primary-color); font-size:45px;}

.card-style-left2 h6{color: var(--black);}



.accordion-color .accordion-button{background-color: #F1EDEA !important;padding: 20px !important;}

.accordion-color .accordion-button:not(.collapsed){background-color: #2E1A47 !important; color: var(--white);}

.accordion-button:not(.collapsed)::after { background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important; transform: var(--bs-accordion-btn-icon-transform);}

  .accordion-color .accordion-button i{margin-right: 15px;}







/*========================== F-code Begin ========================*/

.contact-top-block { display: block;}

.contact-top-btns { display: flex; flex-wrap: wrap; align-items: center;}

.contact-top-btns a { margin-right: 20px;}

.contact-card { display: block; box-shadow: 0px 2px 7px 0px #d4d4d4;}

.contact-card-image { display: block;}

.contact-card-image img { display: block; width: 100%;}

.contact-card-body { display: block; padding: 30px 35px;}

.contact-card-body h1 { font-size: 24px; font-weight: 700;}

.contact-card-body ul li { display: block; margin-bottom: 5px;}

.contact-card-body ul li a { display: inline-block; position: relative; color: var(--primary-color); padding-left: 20px;}

.contact-card-body ul li a::before { content: "\f105"; font-family: 'FontAwesome'; display: inline-block; position: absolute; top: 2px; left: 0; transition: all ease 0.2s; font-size: 13px;}

.contact-card-body ul li a:hover { color: var(--secondary-color);}

.contact-card-body ul li a:hover::before { color: var(--secondary-color);}



.contact-staff-block { display: block; margin-top: 60px;}

.contact-staff-block h3 { margin-bottom: 35px;}

.staff-card { display: block;}

.staff-card-image { display: block;}

.staff-card-image img { display: block; width: 100%;}

.staff-card-body { display: block; padding-top: 20px;}

.staff-card-body h5 { font-weight: 600; font-size: 16px;}

.staff-card-body h5 a { color: var(--black);}

.staff-card-body ul { display: block; background: #ebebeb;}

.staff-card-body ul li { display: inline-block; font-size: 12px; font-weight: 400; color: #5f8fdf; line-height: 1.1; padding: 0 5px; position: relative;}

.staff-card-body ul li::before { content: ''; width: 1px; height: 100%; display: block; background: #5f8fdf; position: absolute; left: 0; top: 0;}

.staff-card-body p { margin-bottom: 0; background: #ebebeb; font-size: 12px; font-weight: 500; color: #5f8fdf; line-height: 1.1; padding: 5px;}



.contact-bottom-block { display: block; background: #ffffff; box-shadow: 0px 2px 7px 0px #d4d4d4; margin-top: 50px;}

.contact-address { display: block; padding: 50px;}

.contact-address iframe { display: block;}

.border-box { border-left: 1px solid #dddddd;}

.contact-form-box { display: block; padding: 50px;}

.contact-form p { margin-bottom: 5px; font-size: 14px;}

.contact-form p span { color: red;}

.contact-form .label { font-size: 12px;}

.contact-inout { width: 100%; height: 52px; border-radius: 3px; padding: 0 20px; border: 1px solid #bfc3c8;}

.contact-inout:focus { border: 1px solid #969696; box-shadow: 0px 0px 5px 0px rgba(107, 64, 154, 0.6); border-color: #6b409a;}

.contact-textarea { width: 100%; height: 120px; border-radius: 3px; padding: 15px 20px; border: 1px solid #bfc3c8;}

.contact-textarea:focus { border: 1px solid #969696; box-shadow: 0px 0px 5px 0px rgba(107, 64, 154, 0.6); border-color: #6b409a;}



.scs-calandar-block { display: block;}

.additiona-info { display: block;}

.admissions-open-box { display: block; margin-top: 35px; background: #f4f4f4; padding: 35px;}

.admissions-open-box h3 { margin-bottom: 10px; font-weight: 600;}

.admissions-btns { display: flex; align-items: center; flex-wrap: wrap;}

.admissions-btns a { margin: 10px 15px 0 0;}



.additiona-accordian { display: block;}

.additiona-accordian details { display: block; border-bottom: 1px solid #d5d8dc;}

.additiona-accordian details summary { padding: 15px 0; font-weight: 700; color: var(--black);}

.additiona-accordian details summary:hover { color: var(--primary-color);}

.additiona-accordian details ul { margin-bottom: 20px; padding-left: 18px;}

.additiona-accordian details ul li { list-style: circle;}



.age-placement-guide { display: block;}

.search-box-search { display: block; position: relative; padding-right: 50px; background: #eeeeee;}

.search-input { width: 100%; padding: 0 15px; height: 47px; background: none; border: none;}

.search-button { border: none; width: 47px; height: 47px; color: var(--white); background: var(--primary-color); position: absolute; right: 0; top: 0;}

.search-button i { font-size: 20px;}

.search-button:hover { background: var(--secondary-color);}



.search-box2 { display: block; margin-top: 100px;}

.search-box2 .search-box-search { background: var(--white); border: 1px solid #ccc;}

.search-box2 .search-input { height: 42px;}

.search-box2 .search-button { width: 42px; height: 42px;}



.canteen-first-block { display: block;}

.canteen-first-block h1 { margin-bottom: 25px;}

.canteen-first-block h3 { font-weight: 600; font-size: 24px;}

.canteen-first-block h4 { font-weight: 600; font-size: 20px;}



.primary-canteen-menu { display: block; margin-top: 35px;}

.p-canteen-menu { display: block; background: #f1edea; padding: 40px 30px; height: 100%;}

.p-canteen-menu h2 { font-weight: 600;}

.p-canteen-menu h2 span { display: block; font-size: 20px; padding-bottom: 15px;}

.canteen-menu-btn { display: flex; flex-wrap: wrap;}

.canteen-menu-btn a { margin: 10px 10px 0 0;}

.canteen-menu-btn .purple-btn:hover { background: var(--secondary-color); color: var(--black);}

.p-cafe-menu { display: block; background: var(--primary-color); padding: 40px 30px; height: 100%;}

.p-cafe-menu h2 { font-weight: 600;}

.p-cafe-menu h2 span { display: block; font-size: 20px; padding-bottom: 15px; color: var(--secondary-color);}



.cashless-canteen-service { display: block; margin-top: 35px; padding-top: 35px; border-top: 5px solid #ebebeb;}

.cashless-canteen-service h3 { font-weight: 600; font-size: 24px; margin-bottom: 30px;}

.cashless-body { display: block; padding-left: 125px; position: relative; min-height: 104px;}

.tuck-shop { display: inline-block; position: absolute; left: 0; top: 0;}

.canteen-feature { display: block; position: relative; min-height: 50px; padding-left: 65px;}

.canteen-feature h5 { font-weight: 600; margin-bottom: 10px;}

.canteen-feature i { width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; background: var(--secondary-color); color: var(--white); font-size: 30px; position: absolute; left: 0; top: 0;}

.canteen-feature i.fa-grin-beam { background: #ba0417;}

.canteen-feature i.fa-apple-alt { background: #48a7d4;}

.canteen-feature i.fa-cookie { background: #84c54e;}

.canteen-feature i.fa-money-check-alt { background: #69727d;}



.canteen-started { display: block; margin-top: 35px; padding-top: 35px; border-top: 5px solid #ebebeb;}

.canteen-started h3 { font-weight: 600; font-size: 24px; margin-bottom: 25px;}

.canteen-started h4 { font-size: 16px;}

.list-style-circle ul { padding-left: 18px; margin-bottom: 20px;}

.list-style-circle ul li { list-style: circle; margin-bottom: 5px;}

.list-style-circle ul li a { color: var(--dark-purple);}

.list-style-circle ul li a:hover { color: var(--primary-color);}



.ol-style ol { padding-left: 18px; margin-bottom: 20px;}

.ol-style ol li { list-style: decimal; margin-bottom: 5px;}

.ol-style ol li a { color: var(--dark-purple);}

.ol-style ol li a:hover { color: var(--primary-color);}



.admissions-open-box.red-theme-box { background: #f4cdd4;}



.uniform-head { display: block; padding-bottom: 20px;}

.uniform-head h2 { font-size: 22px;}

.uniform-main-block { display: block;}

.uniform-left-block { display: block;}

.uniform-left-block .dark-purple-btn { padding: 15px 30px;}

.uniform-filter { display: block; margin-top: 20px;}

.uniform-filter-buttons { display: flex; flex-wrap: wrap; margin-bottom: 25px;}

.uniform-filter-buttons button { display: flex; align-items: center; justify-content: center; border: none; background: none; font-size: 13px; text-transform: uppercase; padding: 10px 15px;}

.uniform-filter-buttons button.active { background: #333333; color: var(--white);}

.uniform-cad { display: block; position: relative;}

.uniform-cad img { width: 100%;}

.uniform-cad-body { display: flex; align-items: center; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #2e1a47de; padding: 20px; opacity: 0; pointer-events: none;}

.uniform-cad-body h4 { font-size: 18px;}

.uniform-cad:hover .uniform-cad-body { opacity: 1; pointer-events: visible;}



.uniform-right-block { display: block;}

.accordian-style1 .accordion-item { color: var(--secondary-color); font-weight: 700; font-size: 16px; padding: 22px; padding-left: 60px; line-height: 1.1; border-radius: 0px; position: relative; cursor: pointer;}

.accordian-style1 .accordion-item .plus-minus { width: 15px; height: 15px; display: block; border: 2px solid var(--secondary-color); position: absolute; left: 25px; top: 23px;}

.accordian-style1 .accordion-item .plus-minus::before { content: ''; width: 70%; height: 2px; display: block; background: var(--secondary-color); position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto;}

.accordian-style1 .accordion-item .plus-minus::after { content: ''; width: 2px; height: 70%; display: block; background: var(--secondary-color); position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto;}

.accordian-style1 .accordion-item.open { color: var(--primary-color);}

.accordian-style1 .accordion-item.open .plus-minus { border-color: var(--primary-color);}

.accordian-style1 .accordion-item.open .plus-minus::after { display: none;}

.accordian-style1 .accordion-item.open .plus-minus::before { background: var(--primary-color);}

.accordian-style1 .data { display: none; border: 1px solid #e5e5e5; padding: 25px;}

.accordian-style1 .data ul { margin-bottom: 25px;}



.uniform-providers-block { display: block; margin-top: 40px;}

.uniform-providers { display: block; text-align: center;}

.uniform-providers h4 { font-size: 20px;}

.uniform-providers img { margin-bottom: 25px;}



.uniform-bottom-box { display: block; margin-top: 15px;}

.uniform-bottom-left { display: block; background: #f1edea; padding: 40px 30px; height: 100%;}

.uniform-bottom-box .p-canteen-menu p a { color: var(--primary-color);}

.uniform-map { display: block; height: 100%;}

.uniform-map iframe { display: block; min-height: 340px; height: 100%;}



.school-transport { display: block;}

.transport-iframe { display: block; width: 100%; height: 305px;}

.school-transport h3 { font-size: 24px;}

.staff-card-block { display: block;}

.staff-card-style1 { display: block;}

.staff-card-style1 .card-image { display: block;}

.staff-card-style1 .card-image img { display: block; width: 100%;}

.staff-card-style1 .card-body { display: block; padding-top: 20px;}

.staff-card-style1 .card-body h3 { font-size: 22px;}

.staff-card-style1 .card-body p { margin-bottom: 20px;}



.transport-bottom-listing { display: block; margin-top: 50px;}

.transport-bottom-listing ul { margin-bottom: 0;}

.transport-bottom-listing ul li a { color: var(--dark-purple);}

.transport-bottom-listing ul li a:hover { color: var(--primary-color);}

.absence-procedure { display: block; padding: 30px; border: 1px solid #e5e5e5;}

.child-attendance-tab .resp-tabs-list { margin-bottom: 0;}



.green-icon { background: #84c54e !important;}

.blue-icon { background: #48a7d4 !important;}

.red-icon { background: #ba0417 !important;}

.cyan-icon { background: #47d7ac !important;}

.light-red-icon { background: #ff585d !important;}

.orange-icon { background: #f68d2e !important;}

.dark-green-icon { background: #004c45 !important;}

.light-green-icon { background: #8dc8e8 !important;}

.light-rose-icon { background: #f4cdd4 !important;}

.dark-blue-icon { background: #1b365d !important;}

.light-blue-icon { background: #8dc8e8 !important;}



.transition-main-block { display: block;}

.transition-main h3 { font-size: 24px;}



.commen-vertical-tab ul.resp-tabs-list { width: 25%;}

.commen-vertical-tab .resp-tabs-list li { margin: 0; background: var(--dark-purple) !important; color: var(--white) !important; padding: 16px 25px !important; position: relative; font-size: 16px; font-weight: 500;}

.commen-vertical-tab .resp-tabs-list li:hover { background: #e5b700 !important;}

.commen-vertical-tab .resp-tabs-list li.resp-tab-active { padding: 16px 25px !important; border: none !important; background: var(--primary-color) !important; margin-bottom: 0 !important; margin: 0 !important; position: relative;}

.commen-vertical-tab .resp-tabs-list li.resp-tab-active::after { content: ''; width: 0; height: 0; display: block; position: absolute; right: -19px; top: 0; bottom: 0; margin: auto; border: 10px solid var(--dark-purple); border-color: transparent transparent transparent var(--dark-purple);}

.commen-vertical-tab .resp-tabs-list li.resp-tab-active:hover { background: #e5b700 !important;}

.commen-vertical-tab .resp-tab-content { padding: 0; border: none;}

.commen-vertical-tab .resp-tabs-container { width: 72%; border: none; padding-left: 20px;}



.communication-top-block { display: block;}

.communication-box { display: block; border-top: 5px solid #ebebeb; padding: 30px 0;}

.communication-image { display: block;}

.communication-body { display: block;}

.communication-body h3 { font-size: 22px; font-weight: 600;}



.complaints-top-block { display: block;}

.submit-complaint { display: block; margin-top: 30px;}

.submit-complaint h2 { font-size: 24px; font-weight: 600;}



.complaints-page .commen-tab2 .absence-procedure { border: none; padding: 0;}

.complaints-page .commen-tab2 .resp-accordion { margin-bottom: 0; font-size: 16px; font-weight: 600;}

.complaints-page .commen-tab2 .resp-tab-content { padding: 25px;}

.complaints-page .commen-tab2 .resp-tabs-list li { width: 25%; margin-right: 0;}



.complaints-support-team { display: block; margin-top: 30px;}

.complaints-support-team h3 { font-weight: 600; font-size: 24px;}

.team-card-l { margin-bottom: 30px; display: block;}

.team-card-l h4 { padding: 20px 0 10px 0; margin: 0px; font-size: 16px !important;}

.team-card-l h6 { background-color: #ebebeb; display: table; padding:5px 12px; border-radius:9px; font-size: 14px; color: #5f8fdf;}



.mnh-wellbeing-accreditation { display: block; padding-left: 160px; position: relative; min-height: 125px;}

.mnh-logo { display: inline-block; position: absolute; left: 0; top: 0;}

.mnh-wellbeing-accreditation h1 { font-size: 24px;}

.pastoral-care-top { display: block; box-shadow: 0px 0px 10px 0px #dddddd; border: 1px solid #dddddd;}

.pastoral-care-top-left { display: block; padding: 30px 35px; height: 100%;}

.pastoral-care-top-right { display: block; display: block; padding: 30px 35px; height: 100%;}

.pastoral-care-top-right h4 { color: var(--primary-color);}

.pastoral-care-top-right p a { color: var(--primary-color);}

.oecd-box { display: block; padding-left: 20px; border-left: 5px solid var(--secondary-color);}

.oecd-box p { font-size: 14px;}

.border-left { border-left: 1px solid #e5e5e5;}



.general-box { display: block; box-shadow: 0px 0px 10px 0px #dddddd; border: 1px solid #dddddd; padding: 35px;}

.komodo-logo { display: inline-block; margin-bottom: 25px;}

.general-box h4 { font-weight: 600;}

.wellbeing-feautures { display: flex; flex-wrap: wrap;}

.wellbeing-feautures li { width: calc(100%/5); padding: 0 10px; text-align: center; margin-top: 15px;}

.wellbeing-feautures li i { display: inline-block; margin-bottom: 20px; color: var(--primary-color); font-size: 45px;}

.wellbeing-feautures li:hover i { color: var(--secondary-color);}



.pastoral-care-teams { display: block;}

.child-prot-head { display: block;}

.child-prot-head h1 { font-size: 24px;}

.liaison-officer-box { display: block; margin-top: 40px;}

.liaison-officer { display: block; padding: 35px; background: var(--grey); height: 100%;}

.student-leadership-second { display: block; margin-top: 40px;}

.head-student-card { display: block; text-align: center;}

.head-student-card h5 { font-weight: 600;}



.student-career-image { display: block; overflow: hidden; position: relative;}

.student-career-image img { display: block; transition: all ease-out 1s;}

.student-career-image:hover img { transform: scale(1.2);}

.student-career-image::before { content: ''; width: 100%; height: 100%; display: block; background: #00000048; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; z-index: 3; opacity: 0; transition: all ease-out 0.3s;}

.student-career-image-text { display: flex; flex-direction: column; justify-content: end; width: 100%; height: 100%; padding: 15px; padding-left: 45px; position: absolute; left: 0; top: 0; z-index: 4; text-align: right;}

.student-career-image-text h5 { font-weight: 600; margin-bottom: 10px;}

.student-career-image-text p { font-size: 14px; margin-bottom: 10px; line-height: 1.3;}

.student-career-image-text .line-btn { text-transform: uppercase; font-weight: 500;}

.student-career-image:hover::before { opacity: 1;}



.student-careers-top h1 { font-size: 24px;}

.partners-accreditations { display: block; border-top: 1px dotted #bfbfbf; margin-top: 40px; padding-top: 35px;}

.partners-accreditations h3 { text-align: center; font-size: 24px; font-weight: 600;}

.accreditations-logo-slider .owl-item { display: flex; align-items: center; justify-content: center;}



.student-careers-second { display: block;}

.student-careers-second h3 { font-weight: 600; font-size: 24px;}

.student-careers-second .commen-tab .resp-tabs-list li { text-align: center; width: calc(100%/4);}

.stdnt-career-box { display: block; margin-top: 20px;}

.stdnt-career-video { display: flex; align-items: center; overflow: hidden; height: 250px;}

.careers-video { display: block; object-fit: cover; background-color: #000; border: none; display: flex; height: 100%; width: 100%;}



.black-theme.accordian-style1 .accordion-item { color: var(--black);}

.black-theme.accordian-style1 .accordion-item .plus-minus {  border-color: var(--black);}

.black-theme.accordian-style1 .accordion-item .plus-minus::before,

.black-theme.accordian-style1 .accordion-item .plus-minus::after { background: var(--black);}

.black-theme.accordian-style1 .accordion-item.open { color: var(--primary-color);}

.black-theme.accordian-style1 .accordion-item.open .plus-minus {  border-color: var(--primary-color);}

.black-theme.accordian-style1 .accordion-item.open .plus-minus::before,

.black-theme.accordian-style1 .accordion-item.open .plus-minus::after { background: var(--primary-color);}



.career-opport-slider { margin-top: 25px;}

.career-item { display: flex; align-items: center; height: 232px; overflow: hidden;}

.career-item img { object-fit: cover !important;}



.student-careers-second h4 { font-size: 20px;}

.sample-magzine { display: flex; width: 100%; height: 100%;}

.magzine-item { position: relative; display: flex; width: 25%; height:520px; align-items: center; justify-content: center; transition: width 500ms cubic-bezier(0.4, 0, 0.2, 1); background-color: var(--secondary-hover); background-position: center; color: var(--white); text-transform: uppercase; font-size: 24px; font-weight: 600; background-size: cover;}

.magzine-item .overly { background: rgb(0,0,0); background: linear-gradient(180deg, rgba(0,0,0,0.8925770991990546) 0%, rgba(0,0,0,0) 100%);  width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}

.magzine-item:hover { width: 50%; color: var(--white);}

.magzine-item h4 { color: var(--white); margin-bottom:0; opacity: 0; text-align: center;}

.magzine-item:hover h4 { opacity: 1;}

 

.be-secure { padding-left: 82px; display: block; position: relative;}

.be-secure .secure-commen-icon { display: inline-block; font-size: 45px; color: #ff585d; position: absolute; left: 0; top: 0;}

.be-secure-bottom { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}

.be-secure-bottom h3 { font-size: 20px; font-weight: 600;}

.be-secure-bottom .secure-secret { color: #ff585d;}

.be-secure-bottom .digital-safety { color: #50595a;}



.be-secure-second { display: block; border-top: 1px solid #000000; padding-top: 35px; margin-top: 25px;}

.useful-links ul li { display: block; margin-bottom: 5px;}

.useful-links ul li a { display: inline-block; position: relative; padding-left: 23px; color: var(--dark-purple);}

.useful-links ul li a i { display: inline-block; position: absolute; left: 0; top: 4px; font-size: 14px;}

.useful-links ul li a:hover { color: var(--primary-color);}

.be-secure-third { display: block; border-top: 1px solid #000000; padding-top: 35px; margin-top: 25px;}

.video-vertical-tab ul.resp-tabs-list { margin-top: 0 !important; padding-top: 58px;}

.video-vertical-tab .resp-tabs-list li { background: #ffffff !important; border: none !important; padding: 6px 10px !important;}

.video-vertical-tab .resp-tabs-list li.resp-tab-active { border: none !important; background: var(--grey) !important; margin-right: 0 !important;}

.video-vertical-tab .resp-tabs-list li img { width: 75px; display: inline-block; margin-right: 10px;}

.be-secure-third .video-vertical-tab .resp-tabs-container { border-radius: 0; border: none; width: 70%;}

.be-secure-third .video-vertical-tab .resp-tab-content { padding: 0;}



.be-secure-video iframe { display: block;}

.be-secure-head { display: flex; justify-content: space-between; flex-wrap: wrap; max-width: 285px; margin-bottom: -52px; padding-right: 15px;}

.be-secure-head h5 { font-size: 16px; font-weight: 700;}

.be-secure-head p { font-size: 14px;}



.green-theme.be-secure-block .be-secure .secure-commen-icon,

.green-theme.be-secure-block .be-secure-bottom .secure-secret { color: #004c45;}

.blue-theme.be-secure-block .be-secure .secure-commen-icon,

.blue-theme.be-secure-block .be-secure-bottom .secure-secret { color: #1b365d;}

.cyan-theme.be-secure-block .be-secure .secure-commen-icon,

.cyan-theme.be-secure-block .be-secure-bottom .secure-secret { color: #47d7ac;}

.light-blue-theme.be-secure-block .be-secure .secure-commen-icon,

.light-blue-theme.be-secure-block .be-secure-bottom .secure-secret { color: #8dc8e8;}

.orange-theme.be-secure-block .be-secure .secure-commen-icon,

.orange-theme.be-secure-block .be-secure-bottom .secure-secret { color: #f68d2e;}

.yellow-theme.be-secure-block .be-secure .secure-commen-icon,

.yellow-theme.be-secure-block .be-secure-bottom .secure-secret { color: #ffc72c;}

.purple-theme.be-secure-block .be-secure .secure-commen-icon,

.purple-theme.be-secure-block .be-secure-bottom .secure-secret { color: #753bbd;}



.general-content { display: block;}

.general-content h2 { font-weight: 600;}

.general-content h3 { font-size: 22px; font-weight: 600;}

.duke-of-edinburgh { display: block; box-shadow: 0px 0px 10px 0px #dddddd; border: 1px solid #dddddd;}

.duke-edinburgh-left { display: flex; justify-content: center; padding: 30px 40px;}

.duke-edinburgh-right { display: block; padding: 40px;}

.duke-edinburgh-right ul li { display: block; position: relative; padding-left: 75px; min-height: 51px; margin-bottom: 15px;}

.duke-edinburgh-right ul li i { display: flex; align-items: center; justify-content: center; width: 51px; height: 51px; position: absolute; left: 0; top: 0; font-size: 20px; color: var(--white);}

.duke-edinburgh-right ul li h4 { margin-bottom: 10px; font-weight: 600; font-size: 18px;}

.duke-edinburgh-right ul li p { line-height: 1.5;}



.purple-theme.list-style-right-arrow ul li a { color: var(--dark-purple);}

.purple-theme.list-style-right-arrow ul li::before { color: var(--dark-purple); font-size: 12px;}

.purple-theme.list-style-right-arrow ul li:hover a { color: var(--secondary-color);}

.purple-theme.list-style-right-arrow ul li:hover::before { color: var(--secondary-color);}



.frame-wrok-block h4 { font-weight: 600;}

.frame-wrok { display: flex; justify-content: center; flex-wrap: wrap;}

.frame-wrok li { width: calc(100%/5); padding: 0 5px; text-align: center; margin-top: 20px;}

.frame-wrok li i { color: var(--primary-color); font-size: 45px; display: inline-block; margin-bottom: 20px;}

.frame-wrok li p { line-height: 1.5;}



.global-finals-top { display: block;}

.global-finals-wraper { display: block;}

.global-finals-box { display: block; padding: 40px 0; border-top: 5px solid #ebebeb;}

.global-finals-box-right { display: flex; flex-wrap: wrap;}

.global-finals-box-right li { display: block; width: calc(100%/5); padding: 0 10px; text-align: center;}

.global-finals-box-right li i { display: block; font-size: 45px; margin-bottom: 25px;}

.global-finals-box:first-child { border: none;}

.global-finals-box-right li h5 { font-weight: 600; font-size: 20px;}

.global-finals-box-right li.gold-medal i { color: #d7b814;}

.global-finals-box-right li.silver-medal i { color: #69727d;}

.global-finals-box-right li p { margin-bottom: 0;}

.staff-card-body h5 { margin-bottom: 0;}



.project-quality-box h1 { font-size: 24px;}

.pro-quality-head { display: flex; flex-wrap: wrap; align-items: center;}

.pro-quality-head img { margin-right: 15px;}

.project-quality-box h2 { font-size: 20px; font-weight: 600;}

.project-quality { display: block; text-align: center;}

.project-quality i { display: block; font-size: 50px; color: var(--primary-color); margin-bottom: 25px;}

.student-careers-second .commen-tab .resp-tabs-list li i { color: var(--secondary-color);}

.student-careers-second .commen-tab .resp-tabs-list li.resp-tab-active i { color: var(--white);}

.student-careers-second .commen-tab .resp-tabs-list li:hover i { color: var(--white);}



.lamda-top-block { display: flex;}

.lamda-top-block img { width: calc(100%/5);}

.music-box-left { display: block; padding: 35px;}

.music-testimonials { display: block; margin-top: 40px; padding: 0 40px;}

.music-testi-item h5 { font-size: 18px; font-weight: 600;}

.music-testi-item h5 span { font-size: 14px; font-weight: 400;}

.music-testimonials .owl-nav .owl-prev { left: -40px !important;}

.music-testimonials .owl-nav .owl-next { right: -40px !important;}

.music-testimonials .owl-nav button { position: absolute; top: 0; bottom: 0; margin: auto; background: none !important;}

.music-testimonials .owl-nav button:hover { background: none !important;}

.music-testimonials .owl-nav button span { color: var(--black);}



.music-box-right { display: block; padding: 35px;}

.music-box-right h2 { font-weight: 600; font-size: 24px;}

.music-facilities-wraper { display: block;}

.music-facilities-wraper h3 { font-weight: 600;}

.music-facilities { display: block; position: relative; min-height: 70px; padding-left: 100px; margin-bottom: 20px;}

.music-facilities i { display: inline-flex; align-items: center; justify-content: center; width: 70px; height: 70px; color: var(--white); background: var(--primary-color); border-radius: 100%; font-size: 25px; position: absolute; left: 0; top: 0;}

.music-facilities h5 { font-weight: 600; font-size: 20px; margin-bottom: 10px;}



.music-instruments-block h3 { font-weight: 600;}

.music-instruments-wraper { display: flex; flex-wrap: wrap;}

.music-instruments { display: block; width: 20%; padding-right: 20px; position: relative; margin-top: 25px;}

.music-instruments p { font-size: 20px;}

.instruments-icon { width: 70px; height: 70px; display: flex; justify-content: center; align-items: center; color: var(--white); font-size: 25px; margin-bottom: 15px;} 



.performing-art-top { display: flex;}

.performing-art-top img { width: calc(100%/8);}

.pe-programme-logo { display: flex; flex-wrap: wrap;}

.pe-programme-logo img { width: calc(100%/4);}

.pe-programme h3 { font-weight: 600;}

.sport-programme h3 { font-weight: 600;}

.sport-education-box .commen-vertical-tab ul.resp-tabs-list { width: 33%;}

.sport-education-box .commen-vertical-tab .resp-tabs-container { width: 67%;}



.competitive-sports-list { display: block;}

.competitive-sports-list li { display: block; padding-left: 25px; position: relative; margin-bottom: 3px;}

.competitive-sports-list li i { display: inline-block; color: var(--primary-color); position: absolute; left: 0; top: 3px; font-size: 14px;}

.sports-available-block { display: block;}

.sports-avail { display: block; text-align: center;}

.sports-avail i { color: #69727d; font-size: 50px; display: inline-block; margin-bottom: 20px;}

.purple-listing { display: block;}

.purple-listing li { display: block; padding-left: 25px; position: relative; color: var(--primary-color);}

.purple-listing li i { display: inline-block; position: absolute; left: 0; top: 4px; font-size: 14px;}



.rates-progress-block { display: block;}

.progress-box { display: block;}

.progress-box-head { display: flex; justify-content: space-between;}

.progress-box-head h5,

.progress-box-head p { margin-bottom: 0;}

.progress-box .progress { height: 15px; border-radius: 0;}

.progress-box .progress .progress-bar { background: -webkit-gradient(linear, right top, left top, from(#9400d3), color-stop(#4b0082), color-stop(#0000ff), color-stop(#00ff00), color-stop(#ffff00), color-stop(#ff7f00), to(#ff0000)); background: linear-gradient(270deg, #9400d3, #4b0082, #0000ff, #00ff00, #ffff00, #ff7f00, #ff0000); background-size: 500% 500%; -webkit-animation: animateRainbow 5s ease infinite; animation: animateRainbow 5s ease infinite;}

@-webkit-keyframes animateRainbow{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}

@keyframes animateRainbow{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}

.eael-progressbar-line-rainbow .eael-progressbar-line-fill{background:-webkit-gradient(linear, right top, left top, from(#9400d3), color-stop(#4b0082), color-stop(#0000ff), color-stop(#00ff00), color-stop(#ffff00), color-stop(#ff7f00), to(#ff0000));background:linear-gradient(270deg, #9400d3, #4b0082, #0000ff, #00ff00, #ffff00, #ff7f00, #ff0000);background-size:500% 500%;-webkit-animation:animateRainbow 5s ease infinite;animation:animateRainbow 5s ease infinite}



.rates-rounded-block { display: flex; flex-direction: column;}

.container2 { display: flex; justify-content: center; margin-bottom: 20px;}

@media (min-width: 420px) and (max-width: 659px) {

  .container2 {

    grid-template-columns: repeat(2, 160px);

  }

}

@media (min-width: 660px) and (max-width: 899px) {

  .container2 {

    grid-template-columns: repeat(3, 160px);

  }

}

@media (min-width: 900px) {

  .container2 {

    grid-template-columns: repeat(4, 160px);

  }

}

.container2 .box {

  width: 200px;

  height: 200px;

  display: flex;

  justify-content: center;

  position: relative;

}

.container2 .box h2 {

  display: block;

  text-align: center;

}

.container2 .box .chart {

  position: relative;

  width: 100%;

  height: 100%;

  text-align: center;

  font-size: 0;

  line-height: 0;

  width: 200px;

  height: 200px;

}

.container2 .box canvas {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

}

.chart-text { display: flex; align-items: center; justify-content: center; flex-direction: column; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}

.chart-text p { margin-bottom: 0;}

.chart-text h2 { margin-bottom: 0; font-weight: 700;}



.sports-facilities { display: block; text-align: center;}

.sports-facilities i { display: inline-block; font-size: 45px; color: var(--black); margin-bottom: 15px;}

.sports-facilities h4 { font-size: 18px; font-weight: 600;}

.sports-facilities .yellow { color: #ffc72c;}

.sports-facilities .purple { color: #753bbd;}

.sports-facilities .dark-purple { color: #2e1a47;}

.sports-facilities .cyan { color: #47d7ac;}

.sports-facilities .dark-green { color: #004c45;}

.sports-facilities .light-blue { color: #8dc8e8;}

.sports-facilities .dark-blue { color: #1b365d;}

.sports-facilities .red { color: #ff585d;}

.sports-facilities .orange { color: #f68d2e;}



.safa-medical-team-block { display: block;}

.sustainability-logos { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}

.sustainable-charter { display: block;}

.charter-card { display: block; min-height: 300px; position: relative; width: 100%; height: 100%; transition: transform 0.8s; transform-style: preserve-3d;}

.charter-card-front, .charter-card-back { position: absolute; width: 100%; height: 100%; background-size: cover !important; background-repeat: no-repeat !important; background-position: center top !important; transition: ease-out 0.6s; transform-style: preserve-3d; -webkit-backface-visibility: hidden; backface-visibility: hidden; border-radius: 5px; padding: 20px; text-align: center;}



.charter-card-front { display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 1; z-index: 2; transition-property: box-shadow, transform; transition-duration: .6s; transition-timing-function: cubic-bezier(.4,0,.2,1); background: var(--primary-color);}

.charter-card-front i { color: var(--white); font-size: 40px; display: inline-block; margin-bottom: 15px;}

.charter-card-back { display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0; z-index: 1; transform: rotateY(180deg); background: var(--secondary-color);}



.charter-card:hover .charter-card-front { transform: rotateY(180deg); z-index: 1; opacity: 0;}

.charter-card:hover .charter-card-back { transform: rotateY(0deg); z-index: 2; opacity: 1;}



.box-2 .charter-card-front { background: var(--secondary-color);}

.box-2:hover .charter-card-back { background: var(--dark-purple);}



.box-3 .charter-card-front { background: var(--dark-purple);}

.box-3:hover .charter-card-back { background: var(--primary-color);}



.box-4 .charter-card-front { background: #f68d2e;}

.box-4:hover .charter-card-back { background: #f1edea;}

.box-4:hover .charter-card-back p { color: var(--black) !important;}



.box-5 .charter-card-front { background: #47d7ac;}

.box-5:hover .charter-card-back { background: #004c45;}



.box-6 .charter-card-front { background: #004c45;}

.box-6:hover .charter-card-back { background: #47d7ac;}



.box-7 .charter-card-front { background: #ff585d;}

.box-7:hover .charter-card-back { background: #f4cdd4;}

.box-7:hover .charter-card-back p { color: var(--black) !important;}



.box-8 .charter-card-front { background: #8dc8e8;}

.box-8:hover .charter-card-back { background: #1b365d;}



.school-clinic-page .pastoral-care-top h3 { font-size: 22px; font-weight: 600;}

ul.graduation-list li:before{content: "\f19d";font-family: "FontAwesome"; margin-right:10px; color: #753bbd;}







.music-testi-slider .owl-nav button{background-color:inherit !important;}

.music-testi-slider .owl-nav button:hover{background-color: inherit !important;}

.music-testi-slider .owl-nav button span{color: #000;}

.music-testi-slider .owl-nav button:hover span{color: var(--primary-color);}

.music-gallery-slider .owl-nav button{    background: none !important;}





.childrens-voice-block { display: block;}

.childrens-voice-block .progress .progress-bar { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; padding: 3px 15px; flex-direction: row;     transition: width 1s ease-in-out;}

.childrens-voice-block .progress .progress-bar p { font-size: 10px; color: var(--white); line-height: 1;}

.childrens-voice-block .progress .progress-bar .percentage { font-size: 11px;}


.progress-outer h6{margin-bottom: 10px; color: #50595a;}

.progress, .progress-stacked{--bs-progress-height: 2rem;}

.progress-bar{overflow: initial !important;padding-left: 10px;}



/* 
.pic-img{overflow: hidden; height: 240px;}
.pic-img img{object-fit: fill; width: 100%; height: 100%;} */











/* 

.bg-grey { background: var(--grey) !important;}

.bg-black { background: var(--black) !important;}

.bg-purple { background: var(--primary-color) !important;}

.bg-yellow { background: var(--secondary-color) !important;}

.bg-dark-purple { background: var(--dark-purple) !important;}



font-family: "Montserrat", sans-serif;

font-family: "Poppins", sans-serif;

*/



/* 

:root {

  --white: #ffffff; 

  --black: #000000;

  --grey: #f8f8f8;

  --primary-color: #753bbd;

  --secondary-color: #ffc72c;

  --dark-purple: #2e1a47;

} 

*/