/*
Theme Name: Dubai British School
Theme URI: http://example.com/twenty-twenty-one-child/
Description: Dubai British School
Author: Spiral Click
Author URI: https://spiralclick.com
Template: twentytwentyone
Version: 1.0.0
*/

/* Add your custom styles here */

/*========================= #Fonts =========================*/

@font-face {
    font-family: 'Neo Sans Pro';
    src: url('/wp-content/themes/twentytwentyone-child/assets/fonts/NeoSansPro-UltraItalic.woff2') format('woff2'),
        url('/wp-content/themes/twentytwentyone-child/assets/fonts/NeoSansPro-UltraItalic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Neo Sans Pro';
    src: url('/wp-content/themes/twentytwentyone-child/assets/fonts/NeoSansPro-Regular.woff2') format('woff2'),
        url('/wp-content/themes/twentytwentyone-child/assets/fonts/NeoSansPro-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Neo Sans Pro';
    src: url('/wp-content/themes/twentytwentyone-child/assets/fonts/NeoSansPro-Ultra.woff2') format('woff2'),
        url('/wp-content/themes/twentytwentyone-child/assets/fonts/NeoSansPro-Ultra.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Neo Sans Pro';
    src: url('/wp-content/themes/twentytwentyone-child/assets/fonts/NeoSansPro-Black.woff2') format('woff2'),
        url('/wp-content/themes/twentytwentyone-child/assets/fonts/NeoSansPro-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Neo Sans Pro';
    src: url('/wp-content/themes/twentytwentyone-child/assets/fonts/NeoSansPro-Bold.woff2') format('woff2'),
        url('/wp-content/themes/twentytwentyone-child/assets/fonts/NeoSansPro-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Neo Sans Pro';
    src: url('/wp-content/themes/twentytwentyone-child/assets/fonts/NeoSansPro-BlackItalic.woff2') format('woff2'),
        url('/wp-content/themes/twentytwentyone-child/assets/fonts/NeoSansPro-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Neo Sans Pro';
    src: url('/wp-content/themes/twentytwentyone-child/assets/fonts/NeoSansPro-Italic.woff2') format('woff2'),
        url('/wp-content/themes/twentytwentyone-child/assets/fonts/NeoSansPro-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Neo Sans Pro';
    src: url('/wp-content/themes/twentytwentyone-child/assets/fonts/NeoSansPro-BoldItalic.woff2') format('woff2'),
        url('/wp-content/themes/twentytwentyone-child/assets/fonts/NeoSansPro-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Neo Sans Pro';
    src: url('/wp-content/themes/twentytwentyone-child/assets/fonts/NeoSansPro-LightItalic.woff2') format('woff2'),
        url('/wp-content/themes/twentytwentyone-child/assets/fonts/NeoSansPro-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Neo Sans Pro';
    src: url('/wp-content/themes/twentytwentyone-child/assets/fonts/NeoSansPro-MediumItalic.woff2') format('woff2'),
        url('/wp-content/themes/twentytwentyone-child/assets/fonts/NeoSansPro-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Neo Sans Pro';
    src: url('/wp-content/themes/twentytwentyone-child/assets/fonts/NeoSansPro-Light.woff2') format('woff2'),
        url('/wp-content/themes/twentytwentyone-child/assets/fonts/NeoSansPro-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Neo Sans Pro';
    src: url('/wp-content/themes/twentytwentyone-child/assets/fonts/NeoSansPro-Medium.woff2') format('woff2'),
        url('/wp-content/themes/twentytwentyone-child/assets/fonts/NeoSansPro-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Neo Sans Std';
    src: url('/wp-content/themes/twentytwentyone-child/assets/fonts/NeoSansStd-Regular.woff2') format('woff2'),
        url('/wp-content/themes/twentytwentyone-child/assets/fonts/NeoSansStd-Regular.woff') format('woff');
    font-weight:400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Calibri';
    src: url('/wp-content/themes/twentytwentyone-child/assets/fonts/Calibri-Italic.woff2') format('woff2'),
        url('/wp-content/themes/twentytwentyone-child/assets/fonts/Calibri-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Calibri';
    src: url('/wp-content/themes/twentytwentyone-child/assets/fonts/Calibri-Light.woff2') format('woff2'),
        url('/wp-content/themes/twentytwentyone-child/assets/fonts/Calibri-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Calibri';
    src: url('/wp-content/themes/twentytwentyone-child/assets/fonts/Calibri-Bold.woff2') format('woff2'),
        url('/wp-content/themes/twentytwentyone-child/assets/fonts/Calibri-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Calibri';
    src: url('/wp-content/themes/twentytwentyone-child/assets/fonts/Calibri-LightItalic.woff2') format('woff2'),
        url('/wp-content/themes/twentytwentyone-child/assets/fonts/Calibri-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Calibri';
    src: url('/wp-content/themes/twentytwentyone-child/assets/fonts/Calibri.woff2') format('woff2'),
        url('/wp-content/themes/twentytwentyone-child/assets/fonts/Calibri.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Calibri';
    src: url('/wp-content/themes/twentytwentyone-child/assets/fonts/Calibri-BoldItalic.woff2') format('woff2'),
        url('/wp-content/themes/twentytwentyone-child/assets/fonts/Calibri-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}
:root {
    --dbs-red: #CF0A2C;
    --dbs-white:#ffffff;
    --dbs-blue:#012168;
}
/*========================= #Primary =========================*/

body {
  font-family: "Calibri", sans-serif;
  font-size: 15px;
  line-height: 24px;
  font-weight: 300;
  color: #232323;
  overflow-x: hidden;
}
@media (min-width: 1300px) {
  .container {
    max-width: 1200px !important;
  }
}
@media (min-width: 1400px) {
  .container {
    max-width: 1230px !important;
  }
  section.dbs-banner-section{
    padding: 170px 0 170px 0;
  }

.campus_facilities{
    height: 1050px !important;
}
.curriculum{
    overflow: hidden;
}
.banner-background .iframe-wrap iframe {
    width: 144% !important;
    height: 135% !important;
    max-width: 115% !important;
    position: absolute;
    max-height: 130% !important;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

}
@media (max-width: 1299px) {
  .container {
    max-width: 95% !important;
  }
}

::selection {
  color: var(--dbs-white);
  background-color:var(--dbs-red);
}
::-moz-selection {
  color: var(--dbs-white);
  background-color: var(--dbs-red);
}

button:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}
button:focus {
  outline: none !important;
  box-shadow: none !important;
}
input:focus,
select:focus,
textarea:focus {
  background: transparent !important;
  outline: none !important;
  box-shadow: none !important;
}
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  background: transparent !important;
  outline: none !important;
  box-shadow: none !important;
}

h1,
h2,
h3,
h4,
h5,
h6
 {
  font-family: "Neo Sans Pro"; 
  margin: 0;
}

a:hover{
  text-decoration: none !important;
}
/*____ Animations ____*/

.img-zoom {
  overflow: hidden;
}
.img-zoom img {
  transition: 0.5s all ease-in-out;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.img-zoom:hover img {
  transform: scale(1.1);
  cursor: pointer;
}
.section-padding {
  padding: 140px 0;
}

/* Scrollbar Styling */
::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

::-webkit-scrollbar-track {
  background-color: #e5e5e5;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: var(--dbs-red);
}

select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}

.main-navigation {
	display: block;
	width: 100%;
    padding-bottom: 0;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}
ul#menu-dbs-menu {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.site-main .comment-navigation,
.site-main
.posts-navigation,
.site-main
.post-navigation {
	margin: 0 0 1.5em;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
	display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	text-align: end;
	flex: 1 0 50%;
}
#mega-menu-wrap-primary{
    background-color: transparent !important;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item{
    margin: 0 5px;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link{
    padding: 20px 10px 20px 10px;
    font-size: 18px;
    transition: 0.4s;
    height: 80px;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover{
    color: #fff;
    background: var(--dbs-blue);
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu{
    background: #fff !important;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link{
    background: #fff !important;
    font-size: 18px;
    padding: 15px 25px;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu{
    top: 80px;
    left:0px;
}
.max-mega-menu #mega-menu-item-99 .mega-menu-link{
    background-color: var(--dbs-red) !important;
    margin-right: 10px !important;
    border-radius: 20px !important;
    transition: 0.4s !important;
    padding: 0px 25px 0px 25px !important;
    height: auto !important;
    font-family: 'Neo Sans Std' !important;
    font-size: 16px !important;

}
.max-mega-menu #mega-menu-item-99 .mega-menu-link:hover{
    background: transparent !important;
    outline: 1px solid var(--dbs-red) !important;
    color: var(--dbs-white) !important;
}
.max-mega-menu #mega-menu-item-1855 .mega-menu-link{
    background-color: var(--dbs-red) !important;
    border-radius: 20px !important;
    transition: 0.4s !important;
    padding: 2px 40px 2px 40px !important;
    height: auto !important;
    font-family: 'Neo Sans Std' !important;
    font-size: 16px !important;
}
.max-mega-menu #mega-menu-item-1855 .mega-menu-link:hover{
    background: #012168 !important;
    outline: 1px solid #012168 !important;
    color: var(--dbs-white) !important;
 
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after{
    content:url(/wp-content/uploads/2024/06/angle-right_form_menu.svg) !important;
    bottom: 3px;
}
.mega-sub-menu .mega-menu-item .mega-menu-link .mega-indicator:after{
    filter: brightness(0) saturate(100%) invert(12%) sepia(80%) saturate(6539%) hue-rotate(345deg) brightness(83%) contrast(97%);
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link{
    transition: 0.4s;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover{
    color: var(--dbs-red) !important;
    font-weight: bold !important;
}

/* ================= IMAGE ZOOM ANIMATION ================= */
.camp_card_image {
    height: 100%;
    position: relative;
}
.img_zoom{
    overflow: hidden;
    height: 100%;
    width: 100%;
}
.img_zoom img {
    transition: transform 0.5s ease-in-out;
}
.img_zoom:hover img {
    transform: scale(1.1);
/*    cursor: pointer;*/
}
/*.img_zoom_shape{
    overflow: hidden;
    height: 100%;
    width: 100%;
    transition: transform 0.5s ease-in-out;
}
.img_zoom_shape img{
    transition: transform 0.5s ease-in-out;
    transform: scale(1.1);
    cursor: pointer;
}
.img_zoom_shape:hover img{

}*/
/*========================= #Header =========================*/

header#bds-header .row {
    align-items: end;
}
span.custom-logo-link {
    display: block;
}
.custom-logo-link img{
    padding: 0px 10px 0px 0px;
    margin-left: 0px;
    height: auto;
}
.dbs_menu{
    display: flex;
    justify-content: center;
    align-items: center;
}
.main-navigation li{
    padding: 10px 22px;
}
.slider_links {
    text-align: -webkit-right;
    position: fixed;
    right:0;
    z-index: 9999;
    width: max-content;
}
.slider_links a{
    text-decoration: none;
}
.slider_links a .apply_now span{
    display: block;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    line-height: 15px;
}
.slider_links a .apply_now {
    display: table;
    background: var(--dbs-red);
    padding: 10px 2px 10px 2px;
    margin: 5px;
    text-align: center;
    width: 74px;
    height: 74px;
    transition: 0.4s;
    border-radius: 90px;
}
.slider_links a .apply_now:hover{
    background: #4E5254;
}
.slider_links a:nth-child(2) .apply_now img{
    margin-top: 8px;
}
.slider_links a:nth-child(3) .apply_now img{
    margin-top: 8px;
}
.slider_links-inner a:last-child{
   /* display: none;*/
}
.slider_links a:last-child{
/*    display: none;*/
}
.slider_links-inner{
display:none;
}
.apply_now img{
    filter: brightness(0) saturate(100%) invert(99%) sepia(1%) saturate(1104%) hue-rotate(171deg) brightness(108%) contrast(96%);
}
.slider_links a .apply_now:hover span{
    color: var(--dbs-white);
}
.slider_links a .apply_now:hover img{
    filter: brightness(0) saturate(100%) invert(99%) sepia(1%) saturate(1104%) hue-rotate(171deg) brightness(108%) contrast(96%);
}
.apply_now img{
    filter: brightness(0) saturate(100%) invert(99%) sepia(1%) saturate(1104%) hue-rotate(171deg) brightness(108%) contrast(96%);
}
#navbarText{
    justify-content: flex-end;
}
#site-navigation .container-fluid{
    justify-content:flex-end;
}
.navbar-toggler{
    border: var(--bs-border-width) solid rgb(255 255 255);
    border-radius: 5px;
}
.navbar-toggler-icon{
    background-image:url(/wp-content/uploads/2024/05/Vector.svg);
}
.search_box {
    margin-left: 10px;
}
.highlight-after-on-footer{
    color: var(--dbs-white) !important;
}

/* Sticky */
header {
  position: relative;
    top: 0;
    width: 100%;
    background-color:transparent;
    transition: background-color 0.5s, padding 1s;
    z-index: 99999;
  }
  
  header.sticky {
    background-color: #4e5254ad !important;
    padding: 0;
    z-index:9999;
    position: fixed;
  }
  .home .header.sticky .container {
      padding-bottom: 0;
  }
  header.sticky .top-bar-wrapper {
      gap: 30px;
      transition: .10s ease;
  }
  header.sticky .container.no_mr_pd{
      border: none !important;
      transition: .4s ease;
      padding-bottom: 0;
  }
  header.sticky .menu_wrapper {
      top: 20px;
  }
  .home .header.sticky {
      background-color: rgb(52 64 66 / 90%);
  }
  header.sticky #primary-menu-list a {
      font-size: 15px;
      transition: .4s ease;
      color: var(--white);
  }
  header.sticky .top-bar-wrapper .tbc a{
      color: var(--white);
  }
  
  
  .inner_sticky_logo {
      display: none;
  }
  header.sticky .inner_logo {
      display: none;
  }
  header.sticky .inner_sticky_logo {
      display: block;
      -webkit-transition: all .3s ease-in-out;
      -moz-transition: all .3s ease-in-out;
      transition: all .3s ease-in-out;
  }
/*========================= #Header =========================*/
/*========================= #Home =========================*/

section.dbs-banner-section {
    position: relative;
    width: 100%;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    display: flex;
    align-items: center;
    margin-top: -105px;
    overflow: hidden;
    padding: 100px 0 100px 0;
    height: 600px;
}
.dbs-banner-section {
  position: relative;
}

.banner-background {
position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    z-index: 0;
    background-color: #0000009e;
}
.banner-background iframe{
width: 100%;
height: 765px;
}
.inner_banner_shade {
    position: absolute;
    width: 100%;
    height: 100%;
}
.iframe-wrap {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.iframe-wrap iframe {
    width: 140% !important;
    height: 131% !important;
    max-width: 106% !important;
    position: absolute;
    max-height: 130% !important;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
@keyframes zoomBackground {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.1); /* Adjust the scale factor as needed */
  }
}

/* section.dbs-banner-section:before {
    content: '';
    background: url(/wp-content/uploads/2024/04/Banner-BG-Shape.svg);
    position: absolute;
    left: 0;
    z-index: 1;
    width: 767px;
    height: 800px;
} */
/* section.dbs-banner-section:after {
    content: '';
    background: #00000061;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
} */
.modal{
z-index: 99999;
}
.dbs-banner-wrapper {
    position: relative;
    top: 100px;
}
.dbs-banner-content {
    max-width: 100%;
}
.dbs-banner-content h1 {
    font-size: 55px;
    font-weight: 500;

    color: var(--dbs-white);
}
.dbs-banner-content h1 span{
    font-style: italic;
}
.dbs-banner-content h5 {
    font-size: 24px;
    font-weight: 500;
    color: var(--dbs-white);
    margin-top: 20px;
}
.dbs-banner-btns {
    display: flex;
    align-items: center;
    margin-top: 40px;
}
.dbs-btn.fancy a {
    background: var(--dbs-red);
    border-color: var(--dbs-red);
    margin-right: 10px;
}
.dbs-btn.fancy a:hover{
    color: var(--dbs-white);
    background: #012168;
    border-color: #012168;
}
.dbs-btn.fancy a img {
    position: relative;
    left: 5%;
}
.dbs-btn a {
    background: transparent;
    border: 1px solid var(--dbs-white);
    border-radius: 100px;
    width: 160px;
    height: 58px;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    font-weight: 400;
    color: var(--dbs-white);
    text-decoration: none;
    transition: 0.4s;
    font-family: 'Neo Sans Std';
}
.dbs-btn a:hover{
    color: var(--dbs-white);
    background: #012168;
    border-color: #012168;
}
.banner_breadcums_links{
color: #fff;
position: relative;
top:170px;
}
.banner_breadcums_links a{
 text-decoration: none;
 color: #fff;
 font-size: 18px;
 padding: 0 10px;
 transition: 0.4s;
}
.banner_breadcums_links a:hover{
    color: #ff5d79;
}
.banner_breadcums_links span{
    text-decoration: none;
    color: #fff;
    font-size: 18px;
    padding: 0 10px;
    font-weight: 400;
   }
.banner_breadcums_links a:first-child{
    padding-left: 0;
}
.home_page_model{
 border-radius: 0;
 max-width: 1200px;
}
span.principal_message_content_right_pop_up {
    display: inline-block;
    font-size: 20px;
    color: #000;
}
.home_page_model .modal-body{
    padding: 0 1rem;
    background-image: url(https://dbsg.nexatestwp.com/wp-content/uploads/2024/04/Principal-Message-BG-Shape1.svg), linear-gradient(90deg, #4E5254 50%, #FEFEFF 30%);
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 100% 100%;
}
.home_popup_close{
    background: #CCD3E1 url(/wp-content/uploads/2024/07/red_cross_icon.svg) center / 1em auto no-repeat;
    opacity: 1;
    float: right;
    border-radius: inherit;
    padding: 17px 19px;
    position: absolute;
    right: 0;
    top: 0;
}
.principle_img {
    padding: 0px 26px 70px 0px;
}
.principle_popup_img {
    padding: 20px 10px;
}
.principle_img img{
width: 100%;
}
.principle_img{
 width: 100%;
}
.principal-img-inn {
    overflow: hidden;
}
/*========================= #inner-pages-banner =========================*/
section.dbs-banner-section-inner {
    position: relative;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    margin-top: -105px;
    padding: 100px 0 100px 0;
    background-position: center center;
    height: 600px;
}
.dbs-banner-wrapper-inner {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.dbs-banner-inner-content {
    flex: 0 0 auto;
    width: 80%;
}
.banner_inner_image {
    flex: 0 0 auto;
    width: 40%;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0%;

}
.banner_inner_image img{
max-width: 400px;
}
.dbs-banner-inner-content h1 {
    font-size:80px;
    font-weight: 500;
    color: var(--dbs-white);
}
.dbs-banner-inner-content h5 {
    font-size: 24px;
    font-weight: 500;
    color: var(--dbs-white);
    margin-top: 50px;
}
.dbs-banner-inner-btns {
    display: flex;
    align-items: center;
    margin-top: 40px;
}
.dbs-btn-inner.fancy a {
    background: var(--dbs-red);
    border-color: var(--dbs-red);
    margin-right: 10px;
}
.dbs-btn-inner.fancy a:hover{
    color: var(--dbs-white);
    background: transparent;
    border-color: var(--dbs-white);
}
.dbs-btn-inner.fancy a img {
    position: relative;
    left: 5%;
}
.dbs-btn-inner a {
    background: transparent;
    border: 1px solid var(--dbs-white);
    border-radius: 100px;
    width: 173px;
    height: 58px;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    font-weight: 400;
    color: var(--dbs-white);
    text-decoration: none;
    transition: 0.4s;
}
.dbs-btn-inner a:hover{
    color: var(--dbs-white);
    background: var(--dbs-red);
    border-color: var(--dbs-red);
}
.slider_links-inner {
    text-align: -webkit-right;
    position: fixed;
    right:0;
    z-index: 9999999;
    width: max-content;
}
.slider_links-inner a{
    text-decoration: none;
}
.slider_links-inner a div span{
    display: block;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    line-height: 15px;
}
.slider_links-inner a div {
    display: table;
    background: var(--dbs-red);
    padding: 10px 2px 10px 2px;
    margin: 5px;
    text-align: center;
    width: 74px;
    height: 74px;
    transition: 0.4s;
    border-radius: 90px;
}
.slider_links-inner a:nth-child(2) .apply_now img{
    margin-top: 8px;
}
.slider_links-inner a:nth-child(3) .apply_now img{
    margin-top: 8px;
}
.slider_links-inner a div:hover{
    background: #012168 !important;
}
.slider_links-inner a div:hover span{
    color: var(--dbs-white);
}
.slider_links-inner a div:hover img{
    filter: brightness(0) saturate(100%) invert(99%) sepia(1%) saturate(1104%) hue-rotate(171deg) brightness(108%) contrast(96%);
}
/*========================= #Message-Section =========================*/
.dbs-message-section{
    width: 100%;
    padding: 70px 0 100px 0;
    background: url(/wp-content/uploads/2024/04/Principal-Message-BG-Shape1.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
}
.princ_btn_read_more a {
    background-color: var(--dbs-red);
    color: var(--dbs-white);
    text-decoration: none;
    padding: 15px 30px;
    display: inline-block;
    font-size: 16px;
    border-radius: 47px;
    font-weight: 400;
    transition: 0.4s;
    font-family: 'Neo Sans Std';
}
.princ_btn_read_more a:hover{
    color: var(--dbs-white);
    outline: 1px solid;
    background: #012168;
}
.princ_btn_read_more a:hover img{
    /* filter: brightness(0) saturate(100%) invert(11%) sepia(95%) saturate(6648%) hue-rotate(346deg) brightness(83%) contrast(95%); */
}
.princ_btn_read_more a img{
    margin-left: 10px;
}
.principal_message_heading {
    padding: 20px 0;
}
h3.principal_message_heading_text {
    color: var(--dbs-red);
    font-size: 50px;
}
.principal_message_intro p{
    color: #545759;
    font-size: 20px;
    margin-bottom: 25px;
    display: inline-block;

}
.principal_message_intro_text {
    color: #545759;
    font-size: 20px;
}
h4.principal_message_title_text {
    color: #545759;
    font-size: 22px;
}
.principal_message_title_text_popup{
    font-size: 30px;
    color: var(--dbs-red);
    display: inline-block;
    padding: 20px 0px;
}
.principal_message_designation_text_popup{
    font-size: 20px;
    color: #232323;
    font-weight: 700;
    padding: 15px 0 30px 0;
    display: inline-block;
}
.principal_message_designation {
    margin-top: 10px;
}
.princ_btn_read_more {
    margin-top: 40px;
}
span.principal_message_designation_text {
    color: #131313;
    font-size: 16px;
}
.principle_column{
    display: table;
}
.principle_inner {
    display: table-cell;
    vertical-align: middle;
}
/*========================= #Message-Section =========================*/

/*========================= #Why Choose Us =========================*/

.dbs-why-choose-us {
    width: 100%;
    background-image: url(/wp-content/uploads/2024/05/back_ground_texture.svg), linear-gradient(180deg, #eeeeee 60%, #eeeeee 30%);
    background-repeat: no-repeat;
    background-size: 75% 100%;
    background-position: left bottom;
    background-color: #eeeeee;
    padding-bottom: 70px;
    margin-bottom: 200px;
}
#dbs-why-choose-us .row{
    gap: 140px;
}
#dbs-why-choose-us .col-md-6{
    width: 44%;
}
.why_choose_us_heading {
    padding: 135px 0 0 0;
}
.why_choose_us_intro {
    padding: 20px 0;

}
.why_choose_us_heading_text {
    font-size: 48px;
    color: var(--dbs-red);
}
.why_choose_us_intro_text {
    font-size: 20px;
    color: #232323;
}
.why_choose_us_intro_2_text{
    font-size: 20px;
    color: #232323;
    padding: 65px 0 0 0;
}
.why_choose_us_button_url a{
    background-color: var(--dbs-red);
    color: var(--dbs-white);
    text-decoration: none;
    padding: 15px 30px;
    display: inline-block;
    font-size: 16px;
    border-radius: 47px;
    font-weight: 400;
    transition: 0.4s;
    font-family: 'Neo Sans Std';
}
.why_choose_us_button_url a:hover{
    color: var(--dbs-white);
    outline: 1px solid;
    background: #012168;
}
.why_choose_us_button_url a:hover img{
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);
}
.why_choose_us_button_url a img{
  margin-left: 10px;
}
.why_choose_us_image_1 {
    margin-top: -100px;
    width: 100%;
    height: auto;
}
.why_choose_us_image_2 img{
    margin-bottom: -100px;
}
.why_choose_us_button_url {
    padding: 30px 0 0 0;
}
/*========================= #Why Choose Us =========================*/

/*========================= #Fast Facts =========================*/

.Fast-Facts-main-wrap {
    padding: 200px 0 70px 0;
    background-image: url(/wp-content/uploads/2024/11/fast_facts.svg);
    background-repeat: no-repeat;
    background-size: 775px 702px;
    background-position: bottom right;
    text-align: center;
}
.inner-fast-facts-wrap h2 {
    color: var(--dbs-red);
    font-size: 58px;
}
.fast_facts_sec_desc {
    font-size: 18px;
    display: inline-block;
    line-height: 26px;
    margin: 20px 0;
}
.legacy_circles {
    margin-top: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/*========================= #Fast Facts =========================*/


/*========================= #Follow Us =========================*/
section#dbs-follow-us {
    padding: 70px 0 140px 0;
}
.dbs-follow-us h3{
    color: var(--dbs-red);
    font-weight: 500;
    font-size: 58px;
}
.dbs-follow-us span{
    color: #545759;
    font-size: 18px;
}
.home #sb_instagram #sbi_images .sbi_item, .home  #sb_instagram .sbi_photo img{
    height: inherit !important;
}
.insta_feeds {
    width: 100%;
    margin-top: 30px;
}
.sb_instagram_header.sbi_medium.sbi_no_avatar {
    display: none;
}

/*========================= #Follow Us =========================*/

/*========================= Explore Schools =========================*/
.dbs-explore-schools{
    width: 100%;
}
section#dbs-explore-schools img {
    width: 150px;
}
.inner_box_conatiner {
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.35);
    padding: 28px 0;
    width: 100%;
    margin: 0 auto 0px auto;
    background: var(--dbs-white);
    z-index: 999;
    position: relative;
    bottom: 96px;
}
.explore_our_school{
    font-weight: 500;
    font-size: 20px;
    color: #545759;
    margin-bottom: 15px;
}
img.catering-img {
    width: 100%;
	height:auto;
}
/*========================= Explore Schools =========================*/

/*========================= Explore Schools =========================*/
.bds-footer{
    width: 100%;
    background: url(/wp-content/uploads/2024/06/footer_backgorund_texture.svg);
    background-repeat: no-repeat;
    background-size: 584px 512px;
    background-color: #565656aa;
    background-position: right bottom;
}
.bds-footer h3 {
    font-size: 25px;
    color: var(--dbs-white);
    font-family: 'Calibri';
    font-weight: bold;
}
.bds-footer p{
    color: var(--dbs-white);
    font-size: 16px;
    padding: 25px 30px 25px 0;
}
.bds-footer span{
    color: var(--dbs-white);
    font-size: 16px;
    opacity: unset;
    display: block;
}

.copy_right {
    padding: 26px 0;
    margin-top: 60px;
}
.taleem_logo_ img {
    width: 130px;
    filter: brightness(0) saturate(100%) invert(100%) sepia(27%) saturate(0%) hue-rotate(216deg) brightness(112%) contrast(101%);
}

/*========================= Explore Schools =========================*/

/*========================= About Us =========================*/
.page-template-about-us{
    background-color: transparent !important;
}
.about-banner{
	background: #f4f5f9;
	padding: 90px 0;
}
.breadcumbs a{
	text-decoration: none;
}
.DBS_legacy{
	padding: 90px 0;
    background-image: url(/wp-content/uploads/2024/05/back_ground_texture.svg);
    background-repeat: no-repeat;
    background-size: 70% 70%;
    background-position: bottom left;
    background-color: #fff;
}
.DBS_legacy .row{
    align-items: center;
}
.place_holder_img{
   width: 100%;
   height: 100%;
   position: relative;
}
.inner_place_holder_content{

    background-repeat: no-repeat;
    background-size: cover;
    height: 700px;
    padding: 0 30px;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-content: end;
}
.inner_place_holder_content a {
    position: relative;
    left: 25px;
    bottom: 30px;
}
.inner_place_holder_content::before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(/wp-content/uploads/2024/06/about_us_ima_overaly.svg);
    background-size: 100%;
    background-position: center right;
    background-repeat: no-repeat;
    background-color: #00000052 !important;
}
.inner_place_holder_content h3{
    font-size: 27px;
    color: #fff;
    line-height: 100px;
    position: relative;
    bottom: 50px;
    z-index: 999;
    width: 75%;
}
.determination_description_aria_support{
    font-size: 20px;
    text-align: center;
}
.determination_description_aria_policies{
    padding-top: 20px;
    font-size: 20px;
    display: inline-block;
}
.inner_place_holder_content h3 img{
transition: 0.4s;
}
.inner_place_holder_content h3 img:hover{
    filter: invert(159%) sepia(112%) saturate(20%) hue-rotate(39deg) brightness(79%) contrast(27%);
}
.dbs_legacy_cta a{
    border: 1px solid var(--dbs-white);
    border-radius: 100px;
    width: 173px;
    height: 58px;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    font-weight: 300;
    color: var(--dbs-white);
    text-decoration: none;
    transition: 0.4s;
    background: var(--dbs-red);
    border-color: var(--dbs-red);
    margin-right: 10px;
}
.dbs_legacy_cta a:hover{
    background: transparent;
    border: 1px solid var(--dbs-red);
    color: var(--dbs-red);
}
.dbs_legacy_cta a:hover img {
    filter: brightness(0) saturate(100%) invert(11%) sepia(95%) saturate(6648%) hue-rotate(346deg) brightness(83%) contrast(95%);
}
.dbs_legacy_cta a img {
    position: relative;
    left: 5%;
}
.dbs_legacy_cta_download {
    width: 100%;
    margin-top: 30px;
}
.dbs_legacy_cta_download a{
    border: 1px solid var(--dbs-white);
    border-radius: 100px;
    display: inline-block;
    text-align: center;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    font-weight: 300;
    color: var(--dbs-white) !important;
    text-decoration: none;
    transition: 0.4s;
    background: var(--dbs-red);
    border-color: var(--dbs-red);
    margin-right: 10px;
    padding: 15px 30px;
    font-family: 'Neo Sans Std';
}
.dbs_legacy_cta_download a:hover{
    /* background: transparent;
    border: 1px solid var(--dbs-red);
    color: var(--dbs-red); */
}
.dbs_legacy_cta_download a:hover img {
    /* filter: brightness(0) saturate(100%) invert(11%) sepia(95%) saturate(6648%) hue-rotate(346deg) brightness(83%) contrast(95%); */
}
.dbs_legacy_cta_download a img {
    position: relative;
    left: 5%;
}
.total_counter {
    text-align: center;
    padding: 20px 0;
    border-radius: 100px;
    height: 196px;
    width: 196px;
    position: relative;
}

.total_counter::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    border-radius: 100px;
    padding: 2px;
    background: linear-gradient(180deg, white 10%, #CF0A2C 10%);
    -webkit-mask: 
    linear-gradient(#fff 0 0) content-box, 
    linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    box-sizing: border-box;
    z-index: 1;
}

.total_counter img {
    z-index: 9;
}


.total_counter.animate-border::before {
    animation: borderProgress 3s linear forwards;
}

@keyframes borderProgress {
    0% { border-left-color: #CF0A2C; }
    1% { border-left-color: #CF0A2C; border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; }
    2% { border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; }
    3% { border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; }
    4% { border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; }
    5% { border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; }
    6% { border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; }
    7% { border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; }
    8% { border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; }
    9% { border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; }
    10% { border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; }
    11% { border-top-color: #CF0A2C; border-right-color: transparent; border-bottom-color: transparent; }
    12% { border-top-color: #CF0A2C; border-right-color: transparent; border-bottom-color: transparent; }
    13% { border-top-color: #CF0A2C; border-right-color: transparent; border-bottom-color: transparent; }
    14% { border-top-color: #CF0A2C; border-right-color: transparent; border-bottom-color: transparent; }
    15% { border-top-color: #CF0A2C; border-right-color: transparent; border-bottom-color: transparent; }
    16% { border-top-color: #CF0A2C; border-right-color: transparent; border-bottom-color: transparent; }
    17% { border-top-color: #CF0A2C; border-right-color: transparent; border-bottom-color: transparent; }
    18% { border-top-color: #CF0A2C; border-right-color: transparent; border-bottom-color: transparent; }
    19% { border-top-color: #CF0A2C; border-right-color: transparent; border-bottom-color: transparent; }
    20% { border-top-color: #CF0A2C; border-right-color: #CF0A2C; border-bottom-color: transparent; }
    21% { border-top-color: #CF0A2C; border-right-color: #CF0A2C; border-bottom-color: transparent; }
    22% { border-top-color: #CF0A2C; border-right-color: #CF0A2C; border-bottom-color: transparent; }
    23% { border-top-color: #CF0A2C; border-right-color: #CF0A2C; border-bottom-color: transparent; }
    24% { border-top-color: #CF0A2C; border-right-color: #CF0A2C; border-bottom-color: transparent; }
    25% { border-top-color: #CF0A2C; border-right-color: #CF0A2C; border-bottom-color: transparent; }
    26% { border-top-color: #CF0A2C; border-right-color: #CF0A2C; border-bottom-color: transparent; }
    27% { border-top-color: #CF0A2C; border-right-color: #CF0A2C; border-bottom-color: transparent; }
    28% { border-top-color: #CF0A2C; border-right-color: #CF0A2C; border-bottom-color: transparent; }
    29% { border-top-color: #CF0A2C; border-right-color: #CF0A2C; border-bottom-color: transparent; }
    30% { border-top-color: #CF0A2C; border-right-color: #CF0A2C; border-bottom-color: #CF0A2C; }
    31% { border-top-color: #CF0A2C; border-right-color: #CF0A2C; border-bottom-color: #CF0A2C; }
    32% { border-top-color: #CF0A2C; border-right-color: #CF0A2C; border-bottom-color: #CF0A2C; }
    33% { border-top-color: #CF0A2C; border-right-color: #CF0A2C; border-bottom-color: #CF0A2C; }
    34% { border-top-color: #CF0A2C; border-right-color: #CF0A2C; border-bottom-color: #CF0A2C; }
    35% { border-top-color: #CF0A2C; border-right-color: #CF0A2C; border-bottom-color: #CF0A2C; }
    36% { border-top-color: #CF0A2C; border-right-color: #CF0A2C; border-bottom-color: #CF0A2C; }
    37% { border-top-color: #CF0A2C; border-right-color: #CF0A2C; border-bottom-color: #CF0A2C; }
    38% { border-top-color: #CF0A2C; border-right-color: #CF0A2C; border-bottom-color: #CF0A2C; }
    39% { border-top-color: #CF0A2C; border-right-color: #CF0A2C; border-bottom-color: #CF0A2C; }
    40% { border-left-color: #CF0A2C; border-top-color: #CF0A2C; border-right-color: #CF0A2C; border-bottom-color: #CF0A2C; }
    41% { border-left-color: #CF0A2C; border-top-color: #CF0A2C; border-right-color: #CF0A2C; border-bottom-color: #CF0A2C; }
    42% { border-left-color: #CF0A2C; border-top-color: #CF0A2C; border-right-color: #CF0A2C; border-bottom-color: #CF0A2C; }
    43% { border-left-color: #CF0A2C; border-top-color: #CF0A2C; border-right-color: #CF0A2C; border-bottom-color: #CF0A2C; }
    44% { border-left-color: #CF0A2C; border-top-color: #CF0A2C; border-right-color: #CF0A2C; border-bottom-color: #CF0A2C; }
    45% { border-left-color: #CF0A2C; border-top-color: #CF0A2C; border-right-color: #CF0A2C; border-bottom-color: #CF0A2C; }
    46% { border-left-color: #CF0A2C; border-top-color: #CF0A2C; border-right-color: #CF0A2C; border-bottom-color: #CF0A2C; }
    47% { border-left-color: #CF0A2C; border-top-color: #CF0A2C; border-right-color: #CF0A2C; border-bottom-color: #CF0A2C; }
    48% { border-left-color: #CF0A2C; border-top-color: #CF0A2C; border-right-color: #CF0A2C; border-bottom-color: #CF0A2C; }
    49% { border-left-color: #CF0A2C; border-top-color: #CF0A2C; border-right-color: #CF0A2C; border-bottom-color: #CF0A2C; }
    50% { border-left-color: #CF0A2C; border-top-color: #CF0A2C; border-right-color: #CF0A2C; border-bottom-color: #CF0A2C; }
    51% { border-left-color: #CF0A2C; border-top-color: #CF0A2C; border-right-color: #CF0A2C; border-bottom-color: #CF0A2C; }
    52% { border-left-color: #CF0A2C; border-top-color: #CF0A2C; border-right-color: #CF0A2C; border-bottom-color: #CF0A2C; }
    53% { border-left-color: #CF0A2C; border-top-color: #CF0A2C; border-right-color: #CF0A2C; border-bottom-color: #CF0A2C; }
    54% { border-left-color: #CF0A2C; border-top-color: #CF0A2C; border-right-color: #CF0A2C; border-bottom-color: #CF0A2C; }
    55% { border-left-color: #CF0A2C; border-top-color: #CF0A2C; border-right-color: #CF0A2C; border-bottom-color: #CF0A2C; }
    56% { border-left-color: #CF0A2C; border-top-color: #CF0A2C; border-right-color: #CF0A2C; border-bottom-color: #CF0A2C; }
    57% { border-left-color: #CF0A2C; border-top-color: #CF0A2C; border-right-color: #CF0A2C; border-bottom-color: #CF0A2C; }
    58% { border-left-color: #CF0A2C; border-top-color: #CF0A2C; border-right-color: #CF0A2C; border-bottom-color: #CF0A2C; }
    59% { border-left-color: #CF0A2C; border-top-color: #CF0A2C; border-right-color: #CF0A2C; border-bottom-color: #CF0A2C; }
    60% { border-left-color: #CF0A2C; border-top-color: #CF0A2C; border-right-color: #CF0A2C; border-bottom-color: #CF0A2C; }
    61% { border-left-color: #CF0A2C; border-top-color: #CF0A2C; border-right-color: #CF0A2C; border-bottom-color: #CF0A2C; }
    62% { border-left-color: #CF0A2C; border-top-color: #CF0A2C; border-right-color: #CF0A2C; border-bottom-color: #CF0A2C; }
    63% { border-left-color: #CF0A2C; border-top-color: #CF0A2C; border-right-color: #CF0A2C; border-bottom-color: #CF0A2C; }
    64% { border-left-color: #CF0A2C; border-top-color: #CF0A2C; border-right-color: #CF0A2C; border-bottom-color: #CF0A2C; }
    65% { border-left-color: #CF0A2C; border-top-color: #CF0A2C; border-right-color: #CF0A2C; border-bottom-color: #CF0A2C; }
    66% { border-left-color: #CF0A2C; border-top-color: #CF0A2C; border-right-color: #CF0A2C; border-bottom-color: #CF0A2C; }
    67% { border-left-color: #CF0A2C; border-top-color: #CF0A2C; border-right-color: #CF0A2C; border-bottom-color: #CF0A2C; }
    68% { border-left-color: #CF0A2C; border-top-color: #CF0A2C; border-right-color: #CF0A2C; border-bottom-color: #CF0A2C; }
    69% { border-left-color: #CF0A2C; border-top-color: #CF0A2C; border-right-color: #CF0A2C; border-bottom-color: #CF0A2C; }
    70% { border-left-color: #CF0A2C; border-top-color: #CF0A2C; border-right-color: #CF0A2C; border-bottom-color: #CF0A2C; }
    71% { border-left-color: #CF0A2C; border-top-color: #CF0A2C; border-right-color: #CF0A2C; border-bottom-color: #CF0A2C; }
    72% { border-left-color: #CF0A2C; border-top-color: #CF0A2C; border-right-color: #CF0A2C; border-bottom-color: #CF0A2C; }
    73% { border-left-color: #CF0A2C; border-top-color: #CF0A2C; border-right-color: #CF0A2C; border-bottom-color: #CF0A2C; }
    74% { border-left-color: #CF0A2C; border-top-color: #CF0A2C; border-right-color: #CF0A2C; border-bottom-color: #CF0A2C; }
    75% { border-left-color: #CF0A2C; border-top-color: #CF0A2C; border-right-color: #CF0A2C; border-bottom-color: #CF0A2C; }
    76% { border-left-color: #CF0A2C; border-top-color: #CF0A2C; border-right-color: #CF0A2C; border-bottom-color: #CF0A2C; }
    77% { border-left-color: #CF0A2C; border-top-color: #CF0A2C; border-right-color: #CF0A2C; border-bottom-color: #CF0A2C; }
    78% { border-left-color: #CF0A2C; border-top-color: #CF0A2C; border-right-color: #CF0A2C; border-bottom-color: #CF0A2C; }
    79% { border-left-color: #CF0A2C; border-top-color: #CF0A2C; border-right-color: #CF0A2C; border-bottom-color: #CF0A2C; }
    80% { border-left-color: #CF0A2C; border-top-color: #CF0A2C; border-right-color: #CF0A2C; border-bottom-color: #CF0A2C; }
    81% { border-left-color: #CF0A2C; border-top-color: #CF0A2C; border-right-color: #CF0A2C; border-bottom-color: #CF0A2C; }
    82% { border-left-color: #CF0A2C; border-top-color: #CF0A2C; border-right-color: #CF0A2C; border-bottom-color: #CF0A2C; }
    83% { border-left-color: #CF0A2C; border-top-color: #CF0A2C; border-right-color: #CF0A2C; border-bottom-color: #CF0A2C; }
    84% { border-left-color: #CF0A2C; border-top-color: #CF0A2C; border-right-color: #CF0A2C; border-bottom-color: #CF0A2C; }
    85% { border-left-color: #CF0A2C; border-top-color: #CF0A2C; border-right-color: #CF0A2C; border-bottom-color: #CF0A2C; }
    86% { border-left-color: #CF0A2C; border-top-color: #CF0A2C; border-right-color: #CF0A2C; border-bottom-color: #CF0A2C; }
    87% { border-left-color: #CF0A2C; border-top-color: #CF0A2C; border-right-color: #CF0A2C; border-bottom-color: #CF0A2C; }
    88% { border-left-color: #CF0A2C; border-top-color: #CF0A2C; border-right-color: #CF0A2C; border-bottom-color: #CF0A2C; }
    89% { border-left-color: #CF0A2C; border-top-color: #CF0A2C; border-right-color: #CF0A2C; border-bottom-color: #CF0A2C; }
    90% { border-left-color: #CF0A2C; border-top-color: #CF0A2C; border-right-color: #CF0A2C; border-bottom-color: #CF0A2C; }
    91% { border-left-color: #CF0A2C; border-top-color: #CF0A2C; border-right-color: #CF0A2C; border-bottom-color: #CF0A2C; }
    92% { border-left-color: #CF0A2C; border-top-color: #CF0A2C; border-right-color: #CF0A2C; border-bottom-color: #CF0A2C; }
    93% { border-left-color: #CF0A2C; border-top-color: #CF0A2C; border-right-color: #CF0A2C; border-bottom-color: #CF0A2C; }
    94% { border-left-color: #CF0A2C; border-top-color: #CF0A2C; border-right-color: #CF0A2C; border-bottom-color: #CF0A2C; }
    95% { border-left-color: #CF0A2C; border-top-color: #CF0A2C; border-right-color: #CF0A2C; border-bottom-color: #CF0A2C; }
    96% { border-left-color: #CF0A2C; border-top-color: #CF0A2C; border-right-color: #CF0A2C; border-bottom-color: #CF0A2C; }
    97% { border-left-color: #CF0A2C; border-top-color: #CF0A2C; border-right-color: #CF0A2C; border-bottom-color: #CF0A2C; }
    98% { border-left-color: #CF0A2C; border-top-color: #CF0A2C; border-right-color: #CF0A2C; border-bottom-color: #CF0A2C; }
    99% { border-left-color: #CF0A2C; border-top-color: #CF0A2C; border-right-color: #CF0A2C; border-bottom-color: #CF0A2C; }
    100% { border-left-color: #CF0A2C; border-top-color: #CF0A2C; border-right-color: #CF0A2C; border-bottom-color: #CF0A2C; }
}
.total_counter img {
    background: transparent;
    position: relative;
    margin-top: -60px;
    padding: 0px 15px;
}
.total_counter h3{
    font-size: 40px;
    color: var(--dbs-red);
    margin-top: 15px;
}
.total_counter h3 span {
    font-size: 40px;
    color: var(--dbs-red);
}
.total_counter span{
    color: #000;
    font-size: 18px;
    font-weight: bold;
    margin-top: 34px;
    display: inline-block;
	margin-left: 4px;
    margin-right: 4px;
}
/* .dbs_legacy_cta a:hover {
    color: var(--dbs-white);
    background: transparent;
    border-color: var(--dbs-white);
} */
.our-team{
    background: linear-gradient(180deg, #565656aa 68.5%, #fff 28.5%);
	width: 100%;
	padding: 140px 0 0px 0;
}
.our-team .container-fluid{
padding-right: 0;
}
.our-team.primary_stage_teachers {
    background-image: url(/wp-content/uploads/2024/06/foundation_team_bg_texture.png), linear-gradient(180deg, var(--dbs-blue) 70%, #ffffff 30%);
    padding: 70px 0 140px 0;
    background-repeat: no-repeat;
    background-position: top right;
}

.our-team.primary_stage_teachers h3.page_section_heading_foundation {
    color: #fff;
}

.our-team.primary_stage_teachers span.page_section_description_primary_teacher p {
    color: #fff;
}
.team_title_description{
    align-items: center;
}
.campus_popup_detail{
    padding: 60px 45px;
}
.campus_wrap_model_text_popup {
    font-size: 30px;
    color: #000;
}
.campus_popup_featured img {
    padding: 40px;
}
.campus_wrap_model_right_pop_up {
    font-size: 16px;
    display: inline-block;
    padding: 15px 0px;
}
div#prevArrowTeam {
    width: 109px;
    height: 160px;
    background: #314B85;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: 0.4s;
    position: relative;
    top: 35px
}
div#prevArrowTeam:hover{
    background: var(--dbs-red);
}
div#nextArrowTeam:hover{
    background: var(--dbs-red);
}
div#nextArrowTeam {
    width: 109px;
    height: 160px;
    background: #314B85;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: 0.4s;
    position: relative;
    top: 34px;
    left: 110px;
}
.page-template-about-us .our-team h3{
    font-size: 58px;
    color: #fff;
}
.post {
    background: var(--dbs-white);
    padding: 20px;
    border-radius: 10px;
    border: 1px solid #ccc;
    margin: 0px 0 20px 0;
}
.featured_team_member{
	background: #b0b6c3;
    padding: 20px 33px 20px 33px;
    border-radius: 10px;
}
.post_title h4{
	color: var(--dbs-white);
}
.curriculum{
	padding: 20px 0 0 0;
    background: #f2f4f7;
}
.foundation_stage_about {
    border-bottom: 2px solid #fff;
}
.campus_facilities{
    background: linear-gradient(180deg, #FFFFFF 66.7%, #fff 28.5%);
    padding: 70px 0 50px 0;
    height: 995px;
    margin-bottom: 75px;
}
#campusfacilitiessection .campus-facilities .slick-current .campus_slide_image img {
    height: 400px;
    object-fit: cover;
}
.campus_slide_image img {
    height: 240px;
    object-fit: cover;
}
.campus_facilities .container .row{
align-items: end;
}
.campus-facilities .slider {
    width: 100%;
    margin: 100px auto;
}
.campus-facilities .slick-slide img {
  width: 100%;
}
.campus_details{
    background: var(--dbs-blue);
    box-shadow:0px 2px 10px rgba(0, 0, 0, 0.1);
    padding: 25px;
    display: none;
}
.post_title_inactive .capmus_title {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    margin-top: 10px !important;
    display: block;
}
.campus-facilities .slick-current .campus_details{
    display: block;
}
.slick-current .post_title_inactive .capmus_title{
    display: none !important;
}

.campus-facilities .slick-slide{
    width: 550px;
}
.campus_details .capmus_title{
  font-size: 26px;
  font-weight: 500;
  font-family: 'Neo Sans Pro';
  color: #fff;
  text-transform: capitalize;
}
.capmus_detail{
 color: var(--dbs-red);
 text-decoration: none;
 font-family: 'Neo Sans Pro';
 display: none;
}
.capmus_detail:hover{
    color: var(--dbs-red);
}
.capmus_detail img{
 width: auto !important;
}
.capmus_linkd{
    display: inline-flex;
    font-weight: 400;
    font-family: 'Neo Sans Std';
    gap: 5px;
}
.campus_details .capmus_discription{
   font-size: 20px;
   color: #fff;
}
.campus-facilities .slick-prev:before,
.campus-facilities .slick-next:before {
  color: black;
}
.campus-facilities .slick-slide {
  opacity: .2;
}
.campus-facilities.slider.slick-initialized.slick-slider {
    padding-top: 70px;
    padding-right: 0;
}
.campus-facilities .slick-active {
  opacity: .5;
}
.campus-facilities .slick-current {
  opacity: 1;
}
.dbs_legacy_title h3{
 font-size: 58px;
 color: var(--dbs-red);
}
.dbs_legacy_discription p{
   font-size: 20px;
   margin: 30px 0;
   line-height: 26px;
}
.ctm_nav_tabs{
    margin: 0px 0 40px 0;
    border-bottom: 0;
    display: flex;
    flex-wrap: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
}
.teams_members.slider.slick-initialized.slick-slider.slick-dotted {
    margin-top: 45px;
}
.teams_members .slick-list{padding:0 0% 0 0 !important;}
.foundation_stage .slick-list{padding:0 0% 0 0 !important;}
.primary_stage_teacher .slick-list{padding:0 0% 0 0 !important;}
.nav-tabs .nav-link{
    color: #ffffff;
    font-weight: 600;
    border: 0;
    border-bottom: 1px solid transparent;
    font-family: 'Neo Sans Std';
}
.nav-tabs-hta .nav-link{
    color: #0000004f;
}
.new-tabs .nav-item .nav-link{
    font-weight: 500;
    border: 0;
    border-bottom: 0px solid #A3A3A3;
    font-size: 20px;
    font-family: 'Neo Sans Std';
    background: transparent;
    padding: 20px 0px
}
.nav-tabs-hta .nav-item .nav-link span img{
    height: 32px;
    width: 35px;
}
.nav-link:focus, .nav-link:hover{
    color: var(--dbs-blue);
}
.campus-facilities .slick-prev:before, .campus-facilities .slick-next:before {
    display: none;
}
.campus-facilities.slider.slick-initialized.slick-slider.slick-dotted {
    padding: 70px 0 0 0;
}
div#prevArrowCampus {
    width: 109px;
    height: 160px;
    background: var(--dbs-blue);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: 0.4s;
    position: relative;
    top: 55px;
}
div#prevArrowCampus:hover{
    background: var(--dbs-red);
}
div#nextArrowCampus:hover{
    background: var(--dbs-red);
}
div#nextArrowCampus {
    width: 109px;
    height: 160px;
    background: var(--dbs-blue);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: 0.4s;
    position: relative;
    top: 55px;
    left: 110px;
}
.campus_facilities_btn{
    display: flex;
    justify-content: end;
}
.legacy_circles {
    margin-top: 100px;
}
.leadership_icon img{
    width: 100%;
    object-fit: cover;
 }
 .inner_discription_foun_primar{

 }

/*========================= About Us =========================*/


/*========================= Team =========================*/
.page-template-team{
    background: #E9EBF0;
}
section.page_top_discription {
    padding: 90px 0 0 0;
}
.inner_discription span p{
    color: #000;
    font-size: 20px;
    font-weight: 400;
}
.team_banner{
	background: #f4f5f9;
	padding: 90px 0;
}
.team_main_info {
    padding: 32px 25px;
    display: flex;
    justify-content: space-between;
    background: #fff;
}
.team_info h3{
    font-size: 26px;
    color: #000;
}
.team_info span{
    color: rgba(0, 0, 0, 1);
    opacity: 0.6;
    font-size: 20px;
    font-weight: 400;
    margin-top: 5px;
    display: block;
}
.team_inner_wrap {
    margin: 0 0 40px 0;
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.05);
}
.team_wrap{
	padding: 60px 0;
}
.team_modal{
    background: #f4f5f900;
    border-radius: 0;
}
.team_modal .row:first-child{
    align-items: center;
}
.team_details_popup {
    padding: 30px 30px;
    height: auto;
    overflow: auto;

}
.team_section_discription p{
 color: #fff;
 font-size: 20px;
}
.team_slide {
    padding: 0px 20px;
}
.campus_slide {
    padding: 0px 20px;
    }
.inner_content_memebers {
    background: #fff;
    padding: 25px 20px 0px 20px;
    display: flex;
    margin-bottom: 60px;
    box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.1);
}
.leadership_title {
    margin-bottom: 10px;
    width: 90%;
}

.leadership_title h4{
    font-size: 22px;
    color: #000;
}
.leadership_title p {
    color: #A3A3A3;
    font-size: 18px;
    font-weight: 500;
    /* white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; */
    min-height: 50px;
}
.leadership_link a{
    cursor: pointer;
}
.ctm_nav_tabs li .nav-link.active{
    background: transparent;
    border: none;
    border-bottom: 2px solid var(--dbs-red);
    color: #fff;
}
.ctm_nav_tabs .nav-item{
 font-size: 14px;
 color: #FFFFFF;
 padding: 5px 10px;
 flex: 0 0 auto;
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover{
    isolation: auto;
    border-color: #A3A3A3;
    border-bottom: 2px solid #A3A3A3;
    border-radius: 0;
    border-top-color: transparent !important;
    border-left-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
}
.teams_members .slick-next:before, .teams_members .slick-prev:before{
   display: none;
}

.team_member_detail_popup .modal-body{
    background: #E9EBF0;
}
/*========================= Team =========================*/


.inner_curriculum_cols {
    width: 100%;
    background-size: 100% !important;
    background-repeat: no-repeat !important;
    height: 640px;
    position: relative;
    background-position: bottom center !important;
    border: 2px solid #f2f4f7;
    transition: 0.4s;
}

.inner_curriculum_cols h3{
    color: #fff;
}
.inner_curriculum_cols p{
    color: #fff;
    font-size: 20px;
    margin-top: 15px;
}
.innner_curriculum_content {
    position: absolute;
    bottom:0px;
    transition: 0.4s;
    padding: 30px 30px 30px 30px;
    /* background: linear-gradient(180deg, rgba(0, 0, 0, 0) -30%, rgba(0, 0, 0, 0.9) 100%); */
}
.inner_curriculum_cols::before {
    content: "";
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) -30%, rgba(0, 0, 0, 0.9) 100%);
    width: 100%;
    height: 100%;
    display: block;
}
.inner_curriculum_cols .innner_curriculum_content:before{
    transition: 0.4s;
    background: linear-gradient(180deg, #012168 0%, #012168 100%);
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    transition: all 0.5s ease-in-out;
}

.innner_curriculum_content > * {
    z-index: 99;
    position: relative;
}

.inner_curriculum_cols:hover .innner_curriculum_content:before {
    height: 100%;
}
.section_heading{
    font-size: 58px;
    color: var(--dbs-red);
}
.section_heading_white{
    font-size: 58px;
    color: var(--dbs-red);
}
#support_services .section_heading_white{
	color: #fff;
}
.section_white_dsicription{
    color: #232323;
    font-size: 20px;
    margin-top: 25px;
    display: block;
}
.section_discription{
    font-size: 20px;
    color: #000;
    margin: 15px 0 0px 0;
    display: inline-block;
}
/*========================= School News =========================*/
.new_catgories{
    width: 100%;
    padding: 60px 0 140px 0;
}
.new_catgories ul {
    margin: 0;
    list-style-type: none;
    background: var(--dbs-red);
    padding: 20px 15px;
    border-radius: 20px;
}
.new_catgories ul li {
    display: inline-block;
    padding: 0 30px;
}
.new_catgories ul li a{
    text-decoration: none;
    color: #fff;
    font-size: 18px;
    font-family: 'Neo Sans Std';
}
.inner-new_post {
    background: #ffff;
    padding: 30px;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
}
.inner-new_post a{
    color: var(--dbs-red);
    text-decoration: none;
}
/*========================= School News =========================*/

/*========================= School Life =========================*/
.page-template-school-life {
    background-color: #f2f4f7 !important;
}
.calender_wrap {
    background: #fff;
    padding-bottom: 100px;
}
.inner_calender_wrap {
    margin-top: -50px;
    position: relative;
}
.inner_calender_content{
    padding: 135px 70px 0 0;
}
.inner_calender_content p{
  font-size: 20px;
  margin-top: 30px;
  color: #000;
}
.inclusion_support_wrap {
    background: #fff;
    padding-bottom: 40px;
}
.inclusion_support_wrap .row .col-md-4{
    padding: 0 20px;
}
/* relevant styles */
.img__wrap {
    position: relative;
    margin-bottom: 40px;
  }
  .img__wrap img{
    width: 100%;
    height: 600px;
  }
  .img__description_layer {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(85, 85, 85, 0.9);
    color: #fff;
    visibility: hidden;
    opacity: 0;
    display: flex;
    justify-content: center;
    transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;;
    flex-wrap: wrap;
    align-content: center;
    text-align: center;
    padding: 0 38px;
    transform: scale(0);
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  
  .img__wrap:hover .img__description_layer {
    visibility: visible;
    opacity: 1;
    transform: scale(1.0);
  }
  .img__description_layer a{
    border: 1px solid var(--dbs-white);
    border-radius: 100px;
    width: 173px;
    height: 58px;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    font-weight: 300;
    color: var(--dbs-white);
    text-decoration: none;
    transition: 0.4s;
    background: transparent;
    border-color: var(--dbs-white);
    margin-right: 10px;
  }
  .img__description_layer a img{
    margin-left: 10px;
    filter: brightness(0) saturate(100%) invert(100%) sepia(3%) saturate(87%) hue-rotate(270deg) brightness(119%) contrast(100%);
    height: auto !important;
    width: auto;
  }
  .img_heading {
    transition: .2s;
    transform: translateY(1em);
  }
  .img__wrap:hover .img_heading_before_hover{
    display: none;
  } 
  .img__wrap:hover .img_heading {
    transform: translateY(0);
  }
  h4.img_heading_before_hover {
    text-align: center;
    position: absolute;
    top: 50%;
    width: 100%;
    color: #fff;
    font-size: 34px;
}
.support_services {
    padding: 70px 0;
    background: linear-gradient(180deg, var(--dbs-blue) 70%, #f2f4f7 30%);
}
.support_services_grids {
    padding: 70px 0 0 0;
}
.support_services_grids .col-md-4{
    padding: 0 20px;
}
.inner_support_services_content{
    color: #fff;
    font-size: 20px;
    margin-top: 15px;
    display: inline-block;
}
.support_service_box_content {
    background: #ffff;
    padding: 30px;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
}
.support_service_box_content:hover{
    background: var(--dbs-red);

}
.support_services_popup_description{
    font-size: 20px;
}
.support_service_box_content h4{
  color: #000;
  margin-bottom: 15px;
}
.support_service_box_content:hover h4{
    color: var(--dbs-white);
}
.support_service_box_content p{
    color: #000;
    font-size: 20px;
    min-height: 120px;
  }
  .support_service_box_content:hover p{
    color: var(--dbs-white);
  }
  .support_service_box_content:hover a{
    color: var(--dbs-white);
  }
  .support_service_box_content:hover a img{
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(194deg) brightness(106%) contrast(100%);
  }
.support_service_box_content a{
    color: var(--dbs-red);
    text-decoration: none;
    font-size: 16px;
    display: flex;
}
.support_service_box_content a img{
    margin-left: 5px;
}
.inner_main_items p{
    font-size: 20px;
    margin-top: 22px;
    line-height: 30px;
}
.school_policies {
    padding-bottom: 150px;
}
.inner_school_polices_content{
    margin-left: 50px;
}
.sch-policies img.img-fluid {
    width: 100%;
}
.school_policies_page_model{
    max-width: 1048px;
    
}
.modal-content.school_policies_modal {
    border-radius: 0;
    border: none;
    background-image: url(/wp-content/uploads/2024/07/school_policies-bg_texture.svg);
    background-repeat: no-repeat;
    background-position: bottom right;
}
.modal-content.school_policies_modal .modal-body{
    padding: 60px;
}
.school_policies_anchor_pdf{
    display: flex;
    border: 1px solid #01216833;
    text-decoration: none;
    font-size: 20px;
    color: #000;
    justify-content: space-between;
    align-items: center;
    padding: 5px 10px 5px 25px;
    border-radius: 35px;
    font-weight: 500;
    margin-bottom: 20px;
    transition: 0.4s;
}
.school_policies_anchor_pdf:hover{
    color: var(--dbs-red);
}
.school_policies_modal h4{
    font-weight: bold;
    font-size: 48px;
    color: #000;
    margin-bottom: 30px;
}
.modal-dialog.support_services_model {
    max-width: 1200px;
}
.modal-content.support_services_modal_content {
    border-radius: 0;
    border: none;
}
.modal-content.support_services_modal_content h4{
    font-size: 48px;
    color: #000;
}
.support_services_modal_content .row{
 align-items: center;
}
.support_services_anchor{
    display: flex;
    border: 1px solid #01216833;
    text-decoration: none;
    font-size: 20px;
    color: #000;
    justify-content: space-between;
    align-items: center;
    padding: 5px 10px 5px 25px;
    border-radius: 35px;
    font-weight: 500;
    margin-bottom: 20px;
    transition: 0.4s;
}
.support_services_popup_description {
    font-size: 20px;
    padding: 30px 0;
    display: inline-block;
}
.support_services_anchor:hover{
    background-color: var(--dbs-red);
    color: #fff;
}
.support_services_anchor:hover img{
    filter: brightness(0) saturate(100%) invert(97%) sepia(52%) saturate(0%) hue-rotate(27deg) brightness(108%) contrast(100%);
}
.inner_box_popup_content {
    padding: 60px;
}
span.support_services_popup_timing_contact {
    font-size: 20px;
    color: var(--dbs-blue);
    line-height: 30px;
}
span.support_services_popup_uniform_info {
    font-size: 20px;
}
.support_services_modal_content .modal-body{
    background-image:url(/wp-content/uploads/2024/07/support_services_bg-1.svg);
    background-repeat: no-repeat;
    background-position: unset;
}
.support_services_modal_content .modal-body iframe{
    padding: 70px 20px;
    max-height: 100% !important;
}
.support_services_popup_timing_contact strong{
    font-weight: 600;
}
.inner_box_content{
  height: auto !important;
}
.school_policy_cta a{
    width: 160px;
    height: 50px;
}
/*========================= School Life =========================*/

/*========================= ECAS Page =========================*/

.ecas_wrap_main {
    background: #e9ebf0;
    padding-top: 30px;
    padding-bottom: 70px;
}
.ecas_wrap_text p {
    font-size: 20px;
    font-family: 'Calibri';
    font-weight: 400;
    color: #000;
    line-height: 1.3;
}
.ecas_list_item {
    margin-top: 30px;
}
.ecas_list_img {
    height: 249px;
    overflow: hidden;
}
.ecas_list_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.7s ease-in all;
}
.ecas_list_img img:hover {
    transform: scale(1.1);
}
.ecas_list_cont {
    background: #fff;
    padding: 30px 15px 35px 15px;
}
.ecas_list_cont h2 {
    font-size: 20px;
    font-weight: 500;
    color: #000;
    margin-bottom: 0px;
    min-height: 35px;
}
.e_l_txt p {
    font-size: 18px;
    font-family: 'Calibri';
    font-weight: lighter;
    line-height: 1.3;
    color: #000;
    margin-bottom: 20px;
}
.e_l_link a.learn-more img {
    width: 16px;
    margin-left: 10px;
}
.e_l_link a.learn-more {
    background: var(--dbs-red);
    width: 180px;
    height: 43px;
    display: flex;
    color: #fff;
    border-radius: 100px;
    text-align: center;
    text-decoration: none;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-family: 'Neo Sans Std';
    border: 1px solid var(--dbs-red);
    transition: 0.4s;
}
.e_l_link a.learn-more:hover {
    background: transparent;
    color: var(--dbs-red);
}
.e_l_link a.learn-more:hover img {
    filter: brightness(0) saturate(100%) invert(17%) sepia(93%) saturate(7390%) hue-rotate(345deg) brightness(82%) contrast(97%);
}
.e_l_link a.campus-link{
    width: 200px;
    margin-top: 10px;
}
.ecas_tab_inner {
    padding: 70px 0 140px 0;
    background: #e9ebf0;
}
.ecas_warp_tab ul.nav-tabs {
    border: 0;
    background: #fff;
    width: 445px;
    height: 68px;
    border-radius: 120px;
    margin-left: auto;
    margin-right: auto;
    justify-content: center;
    align-items: center;
}
.ecas_warp_tab ul.nav-tabs .nav-link {
    color: var(--dbs-blue);
    font-size: 20px;
    font-weight: 400;
    font-family: 'Neo Sans Std';
    border: 0;
    display: inline-block;
    margin: 0 auto;
}
.ecas_warp_tab ul.nav-tabs .nav-link.active {
    color: var(--dbs-red);
    font-weight: 500;
    border-bottom: 1px solid;
}
.ecas_warp_tab ul.nav-tabs li.nav-item {
    width: 30%;
    text-align: center;
}
.ecas_tab_listing .col-md-4{
    padding: 0 15px;
}
.e_l_txt p.ecas_phn, .e_l_txt p.ecas_email {
    font-size: 18px;
    color: #000000e6;
    font-weight: 400;
    margin-bottom: 6px;
}
.e_l_txt p.ecas_phn img, .e_l_txt p.ecas_email img {
    margin-right: 6px;
}
.download_txt {
    margin-bottom: 18px;
}
.download_link img {
    width: 12px !important;
}

.pagination {
    justify-content: center;
    align-items: center;
    margin-top: 60px;
}
.pagination .page-numbers {
    font-size: 20px;
    font-family: 'Calibri';
    color: #000;
    background: #fff;
    border-radius: 100%;
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-weight: 400;
    margin-left: 5px;
    margin-right: 5px;
}
.pagination .page-numbers.current {
    background: var(--dbs-red);
    color: #fff;
}
.pagination .page-numbers:hover {
    background: var(--dbs-red);
    color: #fff;
    opacity: 1;
    border: none;
}
a.prev.page-numbers {
    border: 2px solid var(--dbs-blue);
    opacity: 0.3;
}
a.prev.page-numbers img{
    filter: brightness(0) saturate(100%) invert(13%) sepia(81%) saturate(2790%) hue-rotate(216deg) brightness(75%) contrast(107%);
}
.pagination .next.page-numbers,  .pagination .prev.page-numbers {
    width: 55px;
    height: 55px;
    transition: 0.4s;
}
a.next.page-numbers {
    border: 2px solid var(--dbs-blue);
    opacity: 0.3;
}
a.next.page-numbers img{
    filter: brightness(0) saturate(100%) invert(13%) sepia(81%) saturate(2790%) hue-rotate(216deg) brightness(75%) contrast(107%);
}
.pagination .prev.page-numbers img {
    transform: rotate(180deg);
}
.pagination .next.page-numbers:hover img, .pagination .prev.page-numbers:hover img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(93%) saturate(27%) hue-rotate(7deg) brightness(105%) contrast(107%);
}
.vacancies_listing_main {
    padding-top: 100px;
    padding-bottom: 150px;
}
.vacancy_top_title h2 {
    font-size: 34px;
    font-weight: 500;
    margin-bottom: 40px;
}
.va_item_main {
    background: #fff;
    padding: 50px 44px 50px 40px;
}
.v_item_top h3 {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 14px;
}
.v_item_top span.v_item_meta {
    font-size: 20px;
    font-weight: 400;
    font-family: 'Calibri';
    color: #00000066;
}
.v_item_top {
    margin-bottom: 22px;
}
.v_item_txt p {
    font-size: 20px;
    font-family: 'Calibri';
    font-weight: 300;
    color: #000000e6;
    margin-bottom: 0;
}
.v_item_txt {
    margin-bottom: 20px;
}
.v_item_link .v_link {
    display: inline-block;
}
.va_item_listing {
    display: grid;
    grid-template-columns: 48.5% 48.5%;
    gap: 30px;
}
.ecas_detail_main_wrap{
    padding: 70px 0 140px 0;
}
.the_ecas_title{
    font-size: 40px;
    display: inline-block;
    margin: 20px 0;
    color: #000;
}
.ecas_post_discription{
   font-size: 20px;
}
.ecas_wrap_title h3{
    font-size: 32px;
    line-height: 45px;
}
.ecas_wrap_title span{
  font-size: 20px;
  line-height: 35px;
  display: inline-block;
  margin-top: 15px;
}
.ecas_content_sec{
 align-items: center;
}
section.ecas_feature_content {
    background: #fff;
    padding: 70px 0 140px 0;
}
.main_top_eca_title {
    padding: 70px 0 0px 0;
    text-align: center;
}
.inner_top_eca_title span{
 padding: 20px 0;
 display: inline-block;
 font-size: 20px;
}
.about_community_main_wrap_second{
padding: 0 0 160px 0;
}
/*========================= ECAS Page Ends =========================*/

/* Why British Education */
.why-british-education{
    padding: 70px 0 70px 0;
        background-image: url(/wp-content/uploads/2024/07/Our_Registration_Process.png),linear-gradient(90deg,#F6F7FA 100%,#F6F7FA 100%);
    background-repeat: no-repeat;
    background-position: bottom left
}
.inner-british-education img{
    height: 100%;
    object-fit: cover;
    width: 100%;
}
.inner-british-education .row{
 align-items: center;
}
.key-stages-inner{
    padding: 70px 0 140px 0;
}
.key-stages-inner .row{
 align-items: center;
}
.key-stages-steps {
    padding: 15px 0 0 0;
}
.key-stages-steps ul li{
    font-weight: bold;
    font-size: 20px;
}
.key-stages-steps ul span{
    font-size: 20px;
    display: inline-block;
    padding: 10px 0;
}
.key-stages-steps ul span p{
    margin: 0;
}
.ket-stages-bottom-description {
    color: #000000;
    font-size: 20px;
    line-height: 26px;
    display: block;
}
.ket-stages-bottom-description strong{
   font-weight: 600;
}
.key-stages-steps strong{
       font-weight: 600;
}
.attestation_required{
    list-style-type: none;
}
.attestation_required li::before {
    content: url(https://dubaibritishschoolmira.ae/wp-content/uploads/2024/07/list_style_icon.svg);
    display: inline-block;
    vertical-align: middle;
    position: relative;
    right: 10px
    }
/* Why British Education */

/*========================= Footer =========================*/

.footer_social_links{
   list-style-type: none;
   margin: 0;
   padding:0;
	text-align:right;
}
.footer_social_links li{
    display: inline;
}
.footer_social_links li a {
    padding: 0 5px;
    transition: 0.4s;
}
.footer_social_links li a:first-child{
    padding-left: 0;
}
.footer_social_links li a:hover svg{
    filter: brightness(0) saturate(100%) invert(9%) sepia(84%) saturate(3813%) hue-rotate(215deg) brightness(85%) contrast(107%);
}
ul#menu-dbs-quick-links {
    margin: 0;
    padding:30px 0 0 0;
    list-style-type: none;
}

ul#menu-dbs-quick-links li a{
    font-size: 16px;
    font-weight: 400;
    text-decoration: none;
    color: var(--dbs-white);
    display: inline-block;
    padding: 10px 0;
    transition: 0.4s;
}
ul#menu-dbs-quick-links li a:hover{
   color: var(--dbs-blue);
}
#menu-support{
    list-style-type: none;
    margin: 0;
    padding:30px 0 0 0;
}
#menu-support li a{
    font-size: 16px;
    font-weight:400;
    text-decoration: none;
    color: var(--dbs-white);
    display: inline-block;
    padding: 10px 0;
    transition: 0.4s;
}
#menu-support li a:hover{
    color: var(--dbs-blue);
}
.footer_contact_links {
    padding: 30px 0 0 0;
    margin: 0;
    list-style-type: none;
}
.footer_contact_links li a{
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    color: var(--dbs-white);
    display: inline-block;
    padding: 10px 0;
    transition: 0.4s;
}
.footer_contact_links li a:hover{
    color:var(--dbs-blue);
}
.footer_contact_links li a img{
    padding: 0px 10px 0px 0px;
}
section.up-icon {
    position: fixed;
    bottom: 50px;
    left: 30px;
    z-index: 9999;
}
section.up-icon img{
    cursor: pointer;
    display: none;
}
/* #sb_instagram #sbi_images{
    display: unset !important;
} */
/*========================= Footer =========================*/

.mega-sub-menu .mega-current-menu-item a{
    color: var(--dbs-red) !important;
    font-weight: bold !important;
}
.mega-page-item-86 .mega-sub-menu .mega-current-menu-item a{
    color: #666 !important;
    font-weight: normal !important;
}
.mega-menu-item-90 .mega-sub-menu .mega-current-menu-item a{
    color: #666 !important;
    font-weight: normal !important;
}
.copy_right .row {
    align-items: center;
}
.taleem_logo_ img {
    width: 130px;
    filter: brightness(0) saturate(100%) invert(100%) sepia(27%) saturate(0%) hue-rotate(216deg) brightness(112%) contrast(101%);
}
/*========================= Responsiveness =========================*/
@media only screen and (max-width:1180px) and (min-width: 992px)  {
    .ctm_nav_tabs .nav-item {
        font-size: 16px;
    }
    .inner_curriculum_cols{
        height: 550px;
    }
    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
        padding: 20px 5px 20px 5px;
    }
    .inner_place_holder_content h3 {
        font-size: 40px;
        line-height: 50px;
    }
    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item {
        margin: 0 2px;
    }
    p.principal_message_intro_text{
        font-size: 16px;
    }
    h3.principal_message_heading_text{
        font-size: 30px;
    }
    .princ_btn_read_more {
        margin-top: 20px;
    }
    #dbs-why-choose-us .col-md-6 {
        width: 46%;
    }
    #dbs-why-choose-us .row {
        gap: 70px;
    }
    .dbs-why-choose-us{
            margin-top: 40px;
    }
}
@media only screen and (max-width:1024px) and (min-width: 992px)  {
    .ctm_nav_tabs .nav-item {
        font-size: 14px;
    }
    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item {
        margin: 0 2px;
    }
    p.principal_message_intro_text{
        font-size: 16px;
    }
    h3.principal_message_heading_text{
        font-size: 30px;
    }
    .why_choose_us_heading_text, .dbs-follow-us h3{
        font-size: 35px;
    }
    .princ_btn_read_more {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    #dbs-why-choose-us .col-md-6 {
        width: 46%;
    }
    #dbs-why-choose-us .row {
        gap: 70px;
    }
    .dbs-banner-section .col-lg-6{
         width: 100%;
    }
    .dbs-banner-inner-content h1 {
    font-size: 60px;
}
section.dbs-banner-section-inner{
        padding: 200px 0 120px 0;
}
.banner_breadcums_links{
        top: 90px;
}
}
@media only screen and (max-width: 991px) and (min-width: 768px)  {
    .new_catgories{
        padding: 60px 0 60px 0;
    }
        .for_more_information_main {
        padding: 40px 0 70px 0 !important;
    }
    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
        padding: 20px 5px 20px 5px;
        font-size: 14px;
    }
    .Fast-Facts-main-wrap {
        padding: 140px 0 70px 0;
    }
    .inner_place_holder_content a {
        left: 0;
    }
    section.dbs-banner-section{
        height: 45vh;
    }
    .ctm_nav_tabs {
        margin: 20px 0;
        overflow-x: scroll;
        display: flex;
    flex-wrap: nowrap;
    }
    .dbs-banner-inner-content h5 {
        font-size: 16px;
            margin-top: 30px;
    }
    .inner_curriculum_cols{
        height: 400px;
    }
    .campus_facilities{
        padding: 70px 0 50px 0;
    }
    .dbs-banner-inner-content h1 {
        font-size: 40px;
    }
    .total_counter span{
        font-size: 13px;
    }
    .total_counter h3 span {
        font-size: 25px;
    }
    .total_counter{
        height: 150px;
        width: 150px;
    }
    .total_counter h3 {
        font-size: 25px;
        margin-top: 0px;
    }
    .inner_place_holder_content{
        padding: 0 30px;
    }
    .inner_place_holder_content h3 {
        font-size: 28px;
        line-height: 50px;
    }
    .dbs-banner-content h1 {
        font-size: 30px;
    }
    .dbs-btn a{
        width: 130px;
        height: 45px;
        width: 130px;
        height: 45px;
    }
    .ctm_nav_tabs .nav-item {
        flex: 0 0 268px;
    }
    .page-template-about-us .our-team h3 {
        font-size: 35px;
    }
    .curriculum{
        overflow: hidden;
    }
    .section_heading_white {
        font-size: 35px;
    }
    .section_white_dsicription{
        font-size: 16px;
    }
    .ctm_nav_tabs .nav-item {
        font-size: 16px;
    }
    .copy_right{
        margin-top: 20px;
    }
    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item {
        margin: 0 2px;
    }
    p.principal_message_intro_text{
        font-size: 14px;
    }
    h3.principal_message_heading_text{
        font-size: 30px;
    }
    .why_choose_us_heading_text, .dbs-follow-us h3{
        font-size: 30px;
    }
    .princ_btn_read_more {
        margin-top: 20px;
    }
    header#bds-header .row {
        align-items: center;
    }
    #dbs-why-choose-us .row {
        gap: 77px;
    }
    .principle_inner img{
          width: 50px;
    }
    .princ_btn_read_more img{
       width: auto;
    }
    #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after {
        filter: brightness(0) saturate(100%) invert(0%) sepia(8%) saturate(7469%) hue-rotate(300deg) brightness(90%) contrast(110%);
    }
    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
        height: 60px;
        padding: 10px 20px 10px 20px;
    }
    .max-mega-menu #mega-menu-item-99 .mega-menu-link {
        color: #fff !important;
    }
    .max-mega-menu #mega-menu-item-102 .mega-menu-link {
        color: #fff !important;
    }
    .max-mega-menu #mega-menu-item-99 .mega-menu-link {
        margin: 10px 10px !important;
        display: inline-block !important;
    }
    .max-mega-menu #mega-menu-item-102 .mega-menu-link {
        margin: 10px 10px !important;
        display: inline-block !important;
    }
    .dbs_legacy_title h3 {
        font-size: 38px;
    }
    .ft_logo_text{
        width: 100%;
        text-align: center;
    }
    .col-12.col-sm-3.col-md-6.col-lg-5.ft_quick_links {
        width: 55%;
    }
    .col-12.col-sm-3.col-md-6.col-lg-6.innner_quick_links {
        width: 50%;
    }
    .col-12.col-sm-3.col-md-6.col-lg-6.inner_support_links{
        width: 50%;
    }
    .col-12.col-sm-3.col-md-6.col-lg-4.ft_contact_details {
        width: 45%;
    }
    .inner_box_conatiner{
        width: 100%;
    }
    .slider_links a .apply_now{
        width: 62px;
        height: 62px;
        padding: 7px 2px 7px 2px;
    }
    .slider_links a .apply_now span{
        line-height: 12px;
        font-size: 12px;
    }
    .dbs-message-section{
        padding: 70px 0 140px 0;
    }
    .why_choose_us_intro_2_text {
        font-size: 16px;
    }
    .why_choose_us_intro_text {
        font-size: 16px;
    }
    section.dbs-banner-section-inner{
            padding: 170px 0 100px 0;
    }
    .banner_breadcums_links{
            position: relative;
    top: 80px;
    }
    .inner-british-education .why_british_school_title{
         margin-top: 25px;
    } 
    .key-stages-inner {
    padding: 70px 0 0px 0;
}
.process_steps_tabs li button label{
     font-size: 13px;
}
}

@media only screen and (max-width: 767px) {
    .inner_school_polices_content{
        margin-left: 0px;
    }
    .inner-fast-facts-wrap h2 {
        font-size: 40px;
    }
    .Fast-Facts-main-wrap {
        padding-top: 70px;
    }
    .total_counter {
        margin: 20px auto 40px !important;
    }
    .legacy_circles {
        margin-top: 20px;
    }
    .new_catgories ul{
        padding: 0px 25px;
    }
    section.dbs-banner-section{
        padding: 50px 0 100px 0;
        height: auto;
		    margin-top: 0;
    }
	.dbs-banner-btns{
		    margin-top: 0px;
	}
		
    .iframe-wrap iframe{
        width: 210% !important;
        max-width: 210% !important;
        transform: translate(-50%, -50%);
    }

    .dbs-banner-wrapper {
        top: 60px;
    }
    .new-tabs .nav-item .nav-link{
        padding: 15px 0px;
        font-size: 15px;
    }
    .bds-footer p{
        padding: 25px 0px 25px 0;
    }
    .slider_links a .apply_now{
        width: 62px;
        height: 62px;
        padding: 7px 2px 7px 2px;
    }
    .slider_links a .apply_now span{
        line-height: 12px;
        font-size: 12px;
    }
    #site-navigation .container-fluid{
        justify-content: space-between;
        flex-direction: row-reverse;
    }
    .dbs-banner-content h1{
     font-size: 25px;
        margin-bottom: 20px;
    }
    .dbs-banner-content h5 {
        font-size: 18px;
    }
    .explore_our_school{
        font-size: 12px;
    }
    .inner_box_conatiner{
        padding: 20px 20px;
        width: 100%;
    }
    .copy_right{
        margin-top: 35px;
    }
    .why_choose_us_image_2 img {
        margin-bottom: 0;
        width: 100%;
    }
    .why_choose_us_image_1 img {
        margin-top: 0px;
    }
    .why_choose_us_heading {
        padding: 50px 0 0 0;
    }
    .why_choose_us_heading_text {
        font-size: 20px;
    }
    .why_choose_us_intro_text{
        font-size: 14px;
    }
    .why_choose_us_intro_2_text{
        padding: 20px 0 10px 0;
    }
    .why_choose_us_button_url {
        padding-bottom: 30px;
                padding-top: 0;
    }
    section#dbs-follow-us {
        padding: 50px 0 50px 0;
    }
    h3.principal_message_heading_text{
        font-size: 30px;
    }
    .why_choose_us_heading_text, .dbs-follow-us h3{
        font-size: 30px;
    }
    
    p.principal_message_intro_text{
        font-size: 14px;
    }
    .dbs-message-section{
        padding: 35px 0 35px 0;
    }
 
    .slider_links a div{
        width: 90px;
    }
    .why_choose_us_image_1 {
        margin-top: 20px;
    }
    .principle_inner{
        padding-top: 0px;
    }
    .custom-logo-link img{
        width: 100%;
    }
    .bds-footer{
        padding: 50px 0 0 0;
        text-align: center;
    }
    .dbs-btn a{
        width: 100px;
    height: 35px;
    }
    .dbs-banner-inner-content h1 {
         font-size: 30px;
    }
    .dbs-banner-inner-content h5{
        font-size: 18px;
    }    
    .calender_wrap {
        background: #fff;
        padding: 60px 0;
    }
    .support_services {
        padding: 60px 0;
    }   
    .section_heading {
        font-size: 35px;
    } 
    .inner_calender_content p{
        font-size: 18px;
    }
    .section_heading_white {
        font-size: 40px;
    }
    .inner_support_services_content{
        font-size: 18px;
    }
    .inclusion_support_wrap .container .row .col-md-4:nth-child(2) .img__wrap{
        margin: 10px 0;
    }
    .support_services_grids {
        padding: 15px 0 0 0;
    }
    .support_services_grids .row .col-md-4:nth-child(2){
        margin: 10px 0;
    }
    .inner_school_polices_content {
        margin-top: 20px;
    }   
    .inner_calender_content {
        margin-bottom: 20px;
        padding: 0;
    }   
    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link{
        font-size: 16px;
        padding: 5px 35px;
    }  
    .dbs_legacy_title h3 {
        font-size: 40px;
    }
    .dbs_legacy_discription p {
    font-size: 14px;
    margin: 15px 0;
    }
    .inner_place_holder_content{
        padding: 0 35px;   
        margin: 20px 0; 
    }
    .DBS_legacy {
        padding: 50px 0;
    }
    .our-team{
        padding: 70px 0 0px 0;
    }
    .page-template-about-us .our-team h3 {
        font-size: 38px;
    }    
    .campus_facilities{
        padding: 50px 0 50px 0;
    }
    .legacy_circles .col-md-4{
        justify-content: center;
        display: flex;    
    }
    .inner_calender_wrap {
        margin-top:0px;
    }
    .inner_curriculum_cols{
        height: 400px;
    }
    .curriculum {
        padding: 0px 0 0 0;
        overflow: hidden;
    }
    .max-mega-menu #mega-menu-item-99 .mega-menu-link{
        margin: 10px 10px !important;
        display: inline-block !important;
    }
    .max-mega-menu #mega-menu-item-102 .mega-menu-link{
        margin: 10px 10px !important;
        display: inline-block !important;
    }
    .leadership_icon img{
       width: 100%;
    }
    .ctm_nav_tabs{
        overflow-x: scroll;
        display: flex;
    flex-wrap: nowrap;
    margin: 0px 0 10px 0;
    }
    .ctm_nav_tabs .nav-item {
        font-size: 14px;
    }
    .ctm_nav_tabs li:first-child{
        flex: 0 0 130px;
    }
    .ctm_nav_tabs li:nth-child(2){
        flex: 0 0 205px;
    }
    .ctm_nav_tabs li:nth-child(3){
        flex: 0 0 150px;
    }
    .ctm_nav_tabs li:nth-child(4){
        flex: 0 0 195px;
    }
    .section_discription {
        font-size: 15px;
    }
    #dbs-why-choose-us .row {
        gap: 10px;
    }
    #dbs-why-choose-us .col-md-6 {
        width: 100%;
    }
    #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after{
        color: var(--dbs-red) !important;
    }
    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link{
        height: 60px;
        padding: 10px 20px 10px 20px;
    }
    .main-navigation{
        padding-bottom: 0.5rem;
    }
    header#bds-header .row {
        align-items: center;
    }
    .max-mega-menu #mega-menu-item-99 .mega-menu-link{
        color: #fff !important;
    }
    .max-mega-menu #mega-menu-item-102 .mega-menu-link{
        color: #fff !important;
    }
    #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after{
        filter: brightness(0) saturate(100%) invert(0%) sepia(8%) saturate(7469%) hue-rotate(300deg) brightness(90%) contrast(110%);
    }
    ul#menu-dbs-quick-links{
        padding: 15px 0 0 0;
    }
    #menu-support{
        padding: 15px 0 0 0;
    }
    #campusfacilitiessection .campus-facilities .slick-current{
        width: 300px;
    }
    .campus_slide {
        padding: 0px 10px;
    }
    .campus_details .capmus_discription {
        font-size: 16px;
    }
    .campus_details .capmus_title{
        font-size: 20px;
    }    
    .campus_details{
        padding: 15px;
    }
    #mega-menu-item-1855 .mega-menu-link{
           color: #ffffff !important;
    } 
    .dbs-why-choose-us{
            padding-bottom: 20px;
            padding-top: 0;
            margin-bottom: auto;
    }
    .dbs-banner-wrapper-inner{
            top: 40px;
    }
.home_popup_close{
        padding: 10px 12px;
}
.new_catgories {
    padding: 60px 0 70px 0;
}
.contact_us_main_wrap {
    padding: 70px 0 0px 0 !important;
}
  }
  @media only screen and (max-width: 412px) {
    .dbs-btn a{
        width: 90px;
        height: 35px;
		font-size:13px;
    }
  }
  @media only screen and (max-width: 390px) {
    .footer_social_links li a {
        padding: 0 3px;
    }
  }
  @media only screen and (max-width: 375px) {
  
  }
  @media only screen and (max-width: 360px) {
    .dbs-btn a{
        width: 130px;
    height: 50px;
    }
  }
  @media only screen and (max-width: 320px) {


    .dbs-btn a{
        width: 120px;
    }
    h3.principal_message_heading_text{
        font-size: 20px;
    }
    p.principal_message_intro_text{
        font-size: 14px;
    }
    .dbs-message-section{
        padding: 50px 0 50px 0;
    }
  }
  
  .arrows-wrap #prevArrowTeam.arrow, .arrows-wrap #prevArrowTeam_foundation {
        position: absolute !important;
        top: 50% !important;
        z-index: 9;
        width: 50px;
    height: 50px;
    transform: translateY(-50%);
    background: var(--dbs-blue);
    border-radius: 50px;
    left: 0;
    }

    .arrows-wrap #nextArrowTeam.arrow, .arrows-wrap #nextArrowTeam_foundation {
        position: absolute !important;
        top: 50% !important;
        z-index: 9;
        width: 50px;
        height: 50px;
        transform: translateY(-50%);
        background: var(--dbs-blue);
        border-radius: 50px;
        right: 0;
        left: unset;
    }

    .our-team .container {
        position: relative;
    }
  .nav-tabs .nav-link {
    padding: 0;
  }

  .foundation_stage_teacher .container,
  .primary_stage_teacher .container {
    position: relative;
}

  @media (max-width: 1200px) {
    .nav-tabs .nav-link {
    padding: 0 10px;
  }
  }

  
.new_principle-imgae li{
	color:#000 !important;
}


.team_details_popup .principle-image li{
    color:#000 !important;
}