.wp-admin .button {
  height: auto !important;
}
/* ----------------------------------------------------------------------------------- */

.wp-block-columns {
  padding: 0 15px;
  margin-left: auto !important;
  margin-right: auto !important;
  width: 100%;
  max-width: var(--container-width);
}

/* -------------------------------Block list style------------------------------------ */

.tic-icon-list li {
  position: relative;
  padding-left: 40px;
  list-style: none;
}

.tic-icon-list li::after {
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  width: 20px;
  height: 20px;
  background: url(../images/check.png) no-repeat;
}

.tic-icon-list.blue-tick li::after {
  background: url(../images/check-blue.png) no-repeat;
}

.tic-icon-list li + li {
  margin-top: 25px;
}

/* -------------------------------Block icon list style------------------------------------ */

.with-icon-list li {
  font-size: 15px;
  font-weight: 600;
  padding: 13px 20px;
  text-align: center;
  border: 1px solid var(--color-secondary);
  display: flex;
  align-items: center;
  justify-content: center;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  border-radius: 100px;
}

.with-icon-list img {
  max-width: 30px;
  max-height: 30px;
  margin-right: 6px;
}

@media (max-width: 860px) {
  .with-icon-list li {
    padding: 8px 16px;
  }
}

@media (max-width: 600px) {
  .with-icon-list li {
    font-size: 13px;
  }
  .with-icon-list img {
    max-width: 25px;
    max-height: 25px;
  }
}

/* -------------------------------Block list option------------------------------------ */

.list-options {
  padding: 0 15px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 30px;
}

@media (max-width: 860px) {
  .list-options {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
  }
}

@media (max-width: 600px) {
  .list-options {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 10px;
  }
}

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

.multi-color-list {
  display: flex;
  flex-wrap: wrap;
}

.multi-color-list li {
  font-size: 23px;
  font-family: "Proxima-reguler";
  padding: 35px 20px;
  min-width: 400px;
  text-align: center;
  position: relative;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  border-radius: 100px;
}

@media (min-width: 1201px) {
  .multi-color-list li:nth-child(3),
  .multi-color-list li:nth-child(4) {
    left: 300px;
  }
  .multi-color-list li:nth-child(5),
  .multi-color-list li:nth-child(6) {
    left: 120px;
  }
}

@media (max-width: 1600px) {
  .multi-color-list li {
    font-size: 18px;
    padding: 30px 20px;
    min-width: 300px;
  }
}

@media (max-width: 600px) {
  .multi-color-list li {
    font-size: 18px;
    padding: 20px 15px;
    min-width: auto;
  }
}

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

.bod-block-popup h2 {
  padding: 40px 40px 0;
  font-size: 25px;
}
.bod-block-popup .bod-modal-content {
  padding: 0 40px 40px;
}
.bod-block-popup .bod-block-title-closer {
  font-size: 30px;
}

.primary-fill-box,
.secondary-line-box {
  display: grid;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 25px;
}

.bod-btn,
.primary-fill-box li,
.secondary-line-box li {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  text-align: center;
  font-family: "Proxima-reguler";
  min-height: 102px;
  padding: 0 10px;
  border: none;
  width: 100%;
  -moz-border-radius: 30px !important;
  -webkit-border-radius: 30px !important;
  border-radius: 30px !important;
}

.inside-blue-boxes .bod-btn:hover{
  background: #1ea270 !important;
}

.inside-blue-boxes .bod-btn{
  position: relative;
}

.inside-blue-boxes .bod-btn::after{
  content:"";
  position: absolute;
  right:10px;
  bottom:10px;
  width:24px;
  height:24px;
  background: url(../images/arrow-hover.png) no-repeat;
  z-index:1;
  pointer-events: none;
}

.secondary-line-box li {
  background: #ffffff;
  border: 2px solid var(--color-secondary);
}

.primary-fill-box li {
  color: #ffffff;
  background: var(--color-primary);
}

.primary-fill-small-box li,
.primary-fill-big-box .wp-block-column {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 18px;
  color: #ffffff;
  font-size: 18px;
  text-align: center;
  font-family: "Proxima-reguler";
  background: var(--color-primary);
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
}

.primary-fill-big-box .wp-block-column {
  min-height: 220px;
}

.primary-fill-small-box {
  display: grid;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 25px;
}

.primary-fill-small-box li {
  min-height: 102px;
}

.bod-block-popup-wrap .bod-block-popup {
  max-width: calc(100% - 30px);
}

@media (max-width: 1400px) {
  .header-options .dropdown>a {
    --height: 44px;
    width: 130px;
  }
  .megamenu_wrap, .header .container {
    max-width: 1250px;
  }

  /* .wrapper-outside {
    width: 600px;
    height: 600px;
}
.wrapper {
  width: 600px;
  height: 600px;
} */
}

@media (max-width: 860px) {
  .primary-fill-box li,
  .secondary-line-box li {
    font-size: 16px;
    min-height: 70px;
    border-radius: 20px;
  }
}

@media (max-width: 600px) {
  .primary-fill-box,
  .secondary-line-box {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 15px;
  }
  .primary-fill-big-box .wp-block-column {
    min-height: auto;
  }
  .bod-btn,
  .primary-fill-box li,
  .secondary-line-box li {
    font-size: 16px;
    min-height: 60px;
  }
  .bod-block-popup h2 {
    padding: 30px 30px 0;
    font-size: 20px;
  }
  .bod-block-popup .bod-modal-content {
    padding: 0 30px 30px;
  }
}

@media (max-width: 400px) {
  .primary-fill-box,
  .secondary-line-box {
    grid-template-columns: repeat(1, 1fr) !important;
  }
}

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

.ib-curriculum .second-group [class*="shaping-"] {
  z-index: 0;
}

[class*="eb-slider-"] {
  padding-bottom: 0 !important;
}
/* ---------------------------------------------------------------- */

.table-radius tbody td:first-child,
.table-radius thead th:first-child {
  -moz-border-radius: 20px 0 0 20px;
  -webkit-border-radius: 20px 0 0 20px;
  border-radius: 20px 0 0 20px;
}

.table-radius tbody td:last-child,
.table-radius thead th:last-child {
  -moz-border-radius: 0 20px 20px 0;
  -webkit-border-radius: 0 20px 20px 0;
  border-radius: 0 20px 20px 0;
}

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

.wp-block-image,
.wp-block-table,
.wp-block-embed {
  margin: 0;
}

.eb-slider-wrapper.eb-slider-uf4p9 {
  padding: 0 !important;
}

.list-vision-ul {
  flex-wrap: wrap;
  row-gap: 20px;
}

.home-news-section .wp-block-post-excerpt__more-link {
  margin-top: 30px;
  border: 1px solid #fff;
  padding: 10px 25px;
  border-radius: 100px;
  display: flex;
  align-items: center;
  width: fit-content;
  transition: background 0.5s ease-in-out, border 0.5s ease-in-out;
}

.home-news-section .wp-block-post-excerpt__more-link:hover {
  background: var(--color-third);
  border-color: var(--color-third);
}

.home-news-section .wp-block-post-excerpt__more-link br {
  display: none;
}

.home-news-section .wp-block-post-excerpt__more-link img {
  filter: brightness(20);
  margin-left: 7px;
  width: auto;
}
.home-news-section .wp-block-post-title {
  margin-top: 15px;
}

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

.our-team .tabs-content .wp-block-columns,
.team-members .container {
  padding: 0;
}

.school-timing-and-calendar .table_section table {
  overflow: hidden;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

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

.sports-list li,
.flex-align-list li {
  display: flex;
  align-items: center;
}

.flex-align-list li {
  gap: 20px;
  justify-content: flex-start;
}

.sports-list {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.sports-list li {
  width: auto;
  padding: 12px 40px;
  font-size: 22px;
  font-weight: 500;
  justify-content: center;
}

.sports-list img {
  margin-right: 8px;
}

@media (max-width: 860px) {
  .sports-list {
    gap: 12px !important;
  }
  .sports-list li {
    padding: 10px 25px;
    font-size: 18px;
  }
}

@media (max-width: 767px) {
  .flex-align-list li {
    gap: 12px;
  }
}

@media (max-width: 600px) {
  .sports-list li {
    padding: 8px 18px;
    font-size: 15px;
  }
}

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

@media (max-width: 860px) {
  .wp-block-column:empty {
    display: none;
  }
  .list_options:nth-child(2),
  .list_options:nth-child(3) {
    margin-top: 30px;
  }
  .list_options .item img {
    max-width: 60%;
  }
  .table_section table tbody td:first-child,
  .table_section table thead th:first-child {
    padding-left: 30px;
  }
  .table_section table tbody td,
  .table_section table thead th {
    padding: 15px 10px;
    height: auto;
  }
  .white-list li::after {
    top: 0;
    width: 20px;
    height: 20px;
  }
}

@media (min-width: 481px) and (max-width: 768px) {
}

@media (max-width: 767px) {
  .accordion-team .wp-block-pb-accordion-item h2 {
    font-size: 16px !important;
    line-height: 20px !important;
    padding: 15px 65px 15px 20px !important;
  }
  .accordion-team .c-accordion__title:after {
    width: 36px;
    height: 36px;
    line-height: 36px;
    right: 10px;
  }
  .list_options.white-list ul {
    margin-top: 30px;
  }
  .policy_block_content {
    padding-left: 0;
    width: 100%;
    margin-top: 25px;
  }
}

@media (max-width: 480px) {
  .team_list_item .title {
    min-height: auto;
  }
}

.sports-list li:hover,
.sports-list li.active {
  background: var(--color-primary);
}

.sports-list li:hover a,
.sports-list li.active a {
  color: #ffffff;
}

.sports-list li:hover img,
.sports-list li.active img {
  filter: invert();
}

@media (min-width: 1024px) {
  .sports .eb-slider-item,
  .cricket .eb-slider-item {
    border-radius: 50%;
    overflow: hidden;
  }
}

.a-c-e [class*="eplus-styles-uid-"] li::before {
  padding: 0 5px 5px 5px;
}

[class*="overlay-"]::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.overlay-1::after {
  background: rgba(0, 0, 0, 0.1);
}

.overlay-2::after {
  background: rgba(0, 0, 0, 0.2);
}

.overlay-3::after {
  background: rgba(0, 0, 0, 0.3);
}

.overlay-4::after {
  background: rgba(0, 0, 0, 0.4);
}

.overlay-5::after {
  background: rgba(0, 0, 0, 0.5);
}

.overlay-6::after {
  background: rgba(0, 0, 0, 0.6);
}

.overlay-7::after {
  background: rgba(0, 0, 0, 0.7);
}

.overlay-8::after {
  background: rgba(0, 0, 0, 0.8);
}

.overlay-9::after {
  background: rgba(0, 0, 0, 0.9);
}

/* ---------------------------------------------------------------------
  Shapes responsive
--------------------------------------------------------------------- */

/* .school-uniform .size-300 {
  --size: 200px;
  left: -100px;
}

.school-uniform .size-80{
  left:30px; 
} */

@media (max-width: 1450px) {
  body {
    --wp--style--global--content-size: 1200px !important;
    --wp--style--global--wide-size: 1200px !important;
  }
  .school-uniform .blue-shape {
    --size: 150px;
    left: -75px;
  }
  .school-uniform .green-shape {
    --size: 60px;
    left: -20px;
  }
  .school-uniform .uniform-third-circle {
    --size: 200px;
  }
  .school-uniform .uniform-green-circle {
    --size: 200px;
  }
  .school-transport .transport-blue-circle {
    --size: 200px;
    right: -140px;
  }
  .school-transport .transport-green-circle {
    right: -50px;
  }
  .school-transport .transport-third-circle {
    left: -50px;
  }
  .school-timings-and-calendar .timing-third {
    --size: 100px;
    right: -50px;
  }
  .school-timings-and-calendar .timing-shape-image {
    --size: 180px;
  }
  .school-timings-and-calendar .timing-blue {
    --size: 200px;
    left: -150px;
  }

  .school-timings-and-calendar.timing-green{
    --size: 80px;
    left: -40px;
  }

  .school-timings-and-calendar .timing-green2 {
    --size: 80px;
    right: -40px;
    bottom: 150px;
  }
  .school-timings-and-calendar .timing-third2 {
    --size: 160px;
    right: -70px;
    bottom: -50px;
  }
  .school-box .schoolbox-third {
    --size: 80px;
    background-color: #a4d029;
    left: -40px;
  }
  .school-box .schoolbox-blue {
    --size: 200px;
    right: -140px;
  }
  .school-box .schoolbox-green {
    --size: 80px;
    right: -40px;
  }
  .parents-association .parents-green {
    --size: 80px;
    right: -40px;
  }

  .parents-association .parents-third {
    --size: 80px;
    left: -40px;
  }

  .parents-association .parents-blue {
    --size: 200px;
    right: -140px;
  }
  .house-system .system-blue {
    --size: 200px;
    left: -140px;
  }

  .house-system .system-green {
    --size: 80px;
    left: -40px;
  }

  .house-system .system-green2 {
    --size: 200px;
    left: -140px;
  }
  .wellbeing .wellbeing-blue1 {
    --size: 200px;
    left: -140px;
    top: -100px;
  }

  .wellbeing .wellbeing-green1 {
    --size: 80px;
    left: -40px;
  }

  .wellbeing .wellbeing-blue2 {
    --size: 200px;
    left: -140px;
    top: -140px;
  }

  .cricket .sports-blue,
  .netball .sports-blue,
  .athletic .sports-blue,
  .rugby .sports-blue,
  .football .sports-blue,
  .swimming .sports-blue,
  .basketball .sports-blue,
  .cross-country .sports-blue,
  .sports .sports-blue {
    --size: 200px;
    top: -100px;
    right: -140px;
  }

  .cricket .sports-green,
  .netball .sports-green,
  .athletic .sports-green,
  .rugby .sports-green,
  .football .sports-green,
  .swimming .sports-green,
  .basketball .sports-green,
  .cross-country .sports-green,
  .sports .sports-green {
    --size: 80px;
    right: -40px;
  }

  .cricket .sports-third,
  .netball .sports-third,
  .athletic .sports-third,
  .rugby .sports-third,
  .football .sports-third,
  .swimming .sports-third,
  .basketball .sports-third,
  .cross-country .sports-third,
  .sports .sports-third {
    --size: 100px;
    right: -50px;
    bottom: -50px;
  }
  .performing-arts .performing-blue {
    --size: 200px;
    left: -140px;
  }

  .performing-arts .performing-outline {
    --size: 200px;
    top: 830px;
    right: -140px;
  }

  .performing-arts .performing-green {
    --size: 80px;
    left: -40px;
  }

  .alumni .alumni-green {
    --size: 80px;
    right: -40px;
  }
  .alumni .alumni-third {
    --size: 80px;
    left: -40px;
  }
  .alumni .alumni-blue {
    --size: 200px;
    right: -140px;
  }
  .university-career .university-outline {
    --size: 200px;
    top: -100px;
    right: -140px;
  }

  .university-career .university-blue {
    --size: 200px;
    left: -140px;
  }

  .university-career .university-green {
    --size: 80px;
    left: -40px;
  }

  .university-career .university-third {
    --size: 120px;
    right: -60px;
  }

  .inclusion .inclusion-blue {
    --size: 200px;
    left: -140px;
  }

  .inclusion .inclusion-shape {
    --size: 100px;
    right: -20px;
  }

  .inclusion .inclusion-third {
    --size: 140px;
    right: -70px;
  }

  .inclusion .inclusion-outline {
    --size: 200px;
    right: -140px;
  }

  .arabic .arabic-blue,
  .islamic .islamic-blue,
  .languages .languages-blue {
    --size: 200px;
    left: -140px;
  }

  .arabic .arabic-third,
  .islamic .islamic-third,
  .languages .languages-third {
    --size: 80px;
    right: -50px;
  }

  .student-leadership .leadership-blue {
    --size: 200px;
    left: -140px;
  }

  .student-leadership .leadership-third {
    --size: 140px;
    right: -70px;
  }

  .student-leadership .leadership-green {
    --size: 80px;
    right: -40px;
  }

  .service-learning-programme .programme-blue {
    --size: 200px;
    left: -140px;
  }

  .service-learning-programme .programme-green {
    --size: 80px;
    left: -40px;
  }
  .ib-curriculum .curriculum-blue {
    --size: 200px;
    right: -140px;
  }

  .ib-curriculum .curriculum-green {
    --size: 80px;
    right: -40px;
  }

  .ib-curriculum .curriculum-third {
    --size: 120px;
    right: -60px;
  }
  .ib-curriculum .curriculum-blue2 {
    --size: 200px;
    right: -140px;
  }

  .ib-curriculum .curriculum-green2 {
    --size: 80px;
    right: auto;
    left: -40px;
  }

  .teaching-and-learning .learning-third {
    --size: 80px;
    right: -40px;
  }

  .teaching-and-learning .learning-outline {
    --size: 200px;
    left: -140px;
  }

  .admissions-faq .faq-blue {
    --size: 200px;
    right: -140px;
  }

  .admissions-faq .faq-green {
    --size: 80px;
    right: -40px;
  }

  .admissions-faq .faq-outline {
    --size: 200px;
    left: -140px;
  }

  .admissions-faq .faq-green2 {
    --size: 200px;
    left: -140px;
  }

  .admissions-faq .faq-third {
    --size: 80px;
    left: -40px;
    bottom: -40px;
  }

  .admissions-availability .availability-third {
    --size: 80px;
    left: -40px;
  }

  .admissions-availability .availability-outline {
    --size: 200px;
    left: -140px;
  }

  .admissions-availability .availability-green {
    --size: 80px;
    right: -40px;
  }

  .admissions-availability .availability-blue {
    --size: 200px;
    right: -140px;
  }

  .admissions-availability .availability-green2 {
    --size: 200px;
    left: -140px;
  }

  .scholarships .scholarships-blue {
    --size: 200px;
    left: -140px;
  }

  .scholarships .scholarships-image {
    --size: 100px;
    right: 0;
}

  .scholarships .scholarships-outline {
    --size: 200px;
    right: -140px;
  }

  .scholarships .scholarships-third {
    --size: 200px;
    right: -140px;
  }

  .experience-early-years .early-years-blue {
    --size: 200px;
    right: -140px;
  }

  .experience-early-years .early-years-green {
    --size: 80px;
    right: -40px;
  }

  .experience-early-years .early-years-third {
    --size: 80px;
    left: -40px;
  }

  .experience-secondary-school .secondary-school-blue {
    --size: 200px;
    right: -140px;
  }

  .experience-secondary-school .secondary-school-green {
    --size: 80px;
    right: -40px;
  }

  .experience-secondary-school .secondary-school-third {
    --size: 80px;
    left: -40px;
  }

  .apply-now .apply-now-blue {
    --size: 200px;
    right: -140px;
  }

  .apply-now .apply-now-green {
    --size: 80px;
    right: -40px;
  }

  .apply-now .apply-now-third {
    --size: 80px;
    left: -40px;
  }

  .enquiry .shaping-circle,
  .book-a-tour .shaping-circle {
    --size: 200px;
  }

  .tuition-fee .fee-blue {
    --size: 200px;
    right: -140px;
  }

  .tuition-fee .fee-green {
    --size: 80px;
    right: -40px;
  }

  .tuition-fee .fee-green2 {
    --size: 200px;
    left: -140px;
  }

  .tuition-fee .fee-third2 {
    --size: 80px;
    left: -40px;
  }

  .application-process .application-process-shape {
    --size: 100px;
    right: -20px;
  }

  .application-process .application-process-blue {
    --size: 200px;
    right: -140px;
  }

  .application-process .application-process-green {
    --size: 80px;
    right: -40px;
  }

  .application-process .application-process-green2 {
    --size: 200px;
    left: -140px;
  }

  .application-process .application-process-third {
    --size: 80px;
    left: -40px;
  }

  .application-process .application-process-outline {
    --size: 200px;
    right: -140px;
  }

  .application-process .application-process-green3 {
    --size: 160px;
    right: -190px;
}

  .working-with-us .working-green {
    --size: 80px;
    left: -40px;
  }

  .working-with-us .working-blue {
    --size: 200px;
    left: -140px;
  }

  .working-with-us .working-third {
    --size: 100px;
    right: -50px;
  }

  .working-with-us .working-outline {
    --size: 200px;
    right: -140px;
    top: -100px;
  }

  .our-taaleem-family .taaleem-blue {
    --size: 200px;
    right: -140px;
  }
  .our-taaleem-family .taaleem-outline {
    --size: 200px;
    left: -140px;
  }
  .our-taaleem-family .taaleem-green {
    --size: 100px;
    right: -140px;
  }
  .our-taaleem-family .taaleem-shape {
    --size: 200px;
    right: -140px;
  }
  .inspections-and-accreditations .accreditations-blue {
    --size: 200px;
    right: -140px;
  }
  .inspections-and-accreditations .accreditations-green {
    --size: 80px;
    right: -40px;
  }
  .inspections-and-accreditations .accreditations-green2 {
    --size: 200px;
    left: -140px;
  }

  .inspections-and-accreditations .accreditations-outline {
    --size: 200px;
    left: -140px;
  }
  .inspections-and-accreditations .accreditations-third{
    --size: 80px;
    left: -40px;
  }

  .facilities .facilities-blue{
    --size:200px;
    right:-140px;
  }
  .facilities .facilities-green{
    --size:80px;
    right:-40px;
  }
  .facilities .facilities-outline{
    --size:200px;
    left: -140px;
  }
  .facilities .facilities-blue2{
    --size:200px;
    right:-140px;
  }
  .facilities .facilities-green2{
    --size:200px;
    left: -140px;
  }
  .facilities .facilities-third{
    --size:80px;
    left: -40px;
  }
  .our-team .team-green{
    --size:80px;
    right:-40px;
  }

  .our-team .team-outline{
    --size:200px;
    left:-140px;
  }

  .our-team .team-blue{
    --size:200px;
    right:-140px;
  }
  .welcome-message-from-the-principal .welcome-blue{
    --size:200px;
    right:-140px;
  }
  .welcome-message-from-the-principal .welcome-green{
    --size:80px;
    right:-40px;
  }
  .about-us .about-us-blue{
    --size:80px;
    left:-40px;
  }
  .about-us .about-us-third{
    --size:200px;
    right:-140px;
  }

  .home .size-800{
    --size:300px;
    left:-150px;
  }
  .home .about-object1{
    width:90px;
  }
  .home .size-200{
    --size:100px;
    right:-50px;
  }
  .ib-section-image-inner .circle-7378{
    --size: 200px;
    left:0;
  }
  .home-about-image-inner::after {
    --size: 200px;
    left: -50px;
  }
  .ib-curriculum .curriculum-shape{
    --size:200px;
  }
  .ib-curriculum .size-180{
    --size:100px;
  }
}