/* ----------------------------------------- */
/* FONTS STACK */
/* ----------------------------------------- */

@font-face {
  font-family: "interB";
  src: url("Inter-Bold.otf");
}

@font-face {
  font-family: "interM";
  src: url("Inter-Medium.otf");
}

@font-face {
  font-family: "interR";
  src: url("Inter-Regular.otf");
}

@font-face {
  font-family: "interR";
  src: url("Inter-Regular.otf");
}

@font-face {
  font-family: "interL";
  src: url("Inter-Light.ttf");
}

@font-face {
  font-family: "AlbertSB";
  src: url("AlbertSans-SemiBold.ttf");
}

@font-face {
  font-family: "AlbertB";
  src: url("AlbertSans-Bold.ttf");
}

@font-face {
  font-family: "AlbertR";
  src: url("AlbertSans-Regular.ttf");
}

@font-face {
  font-family: "AlbertL";
  src: url("AlbertSans-Light.ttf");
}

@font-face {
  font-family: "satoshi";
  src: url("Satoshi-Regular.otf");
}

@font-face {
  font-family: "satoshiL";
  src: url("Satoshi-Light.otf");
}

@font-face {
  font-family: "satoshiM";
  src: url("Satoshi-Medium.otf");
}

@font-face {
  font-family: "satoshiB";
  src: url("Satoshi-Bold.otf");
}

/* ----------------------------------------- */
/* variables */
/* ----------------------------------------- */

:root {
  /* typography */
  --fnt-InterR: "Inter", sans-serif;
  --fnt-InterM: "InterM", sans-serif;
  --fnt-InterB: "InterB", sans-serif;
  --fnt-Inter-14: 14px "Inter", sans-serif;
  --fnt-Inter-16: 16px "Inter", sans-serif;
  --fnt-Inter-18: 18px "Inter", sans-serif;

  --fnt-InterB-48: 48px "InterB", sans-serif;
  --fnt-Inter-18: 18px "Inter", sans-serif;
  --fnt-Inter-28: 28px "Inter", sans-serif;
  --fnt-InterM-14: 14px "InterM", sans-serif;
  --fnt-InterB-12: 12pxs "InterB", sans-serif;
  --fnt-InterB-16: 16px/28px "InterB", sans-serif;
  --fnt-InterB-18: 18px "InterB", sans-serif;
  --fnt-InterB-22: 22px "InterB", sans-serif;
  --fnt-InterB-36: 36px "InterB", sans-serif;

  --fnt-Inter-15: 15px "Inter", sans-serif;
  --fnt-Inter-16: 16px "Inter", sans-serif;
  --fnt-Inter-18: 18px "Inter", sans-serif;
  --fnt-Inter-20: 20px "Inter", sans-serif;
  --fnt-Inter-24: 24px "Inter", sans-serif;
  --fnt-Inter-36: 36px "Inter", sans-serif;
  --fnt-Inter-38: 38px "Inter", sans-serif;
  --fnt-Inter-40: 40px "Inter", sans-serif;

  /* fonts */
  --satoshi: "satoshi", sans-serif;
  --satoshiL: "satoshiL", sans-serif;
  --satoshiM: "satoshiM", sans-serif;
  --satoshiB: "satoshiB", sans-serif;

  /* colors*/
  --clr-primary: #32655f;
  --clr-white: #fff;
  --clr-black: #000;
  --clr-black-secondary: #15171a;
  --clr-gray: #788592;
  --clr-gray-light: #f5f5f5;

  --clr-white-secondary: #f5f5f5;

  --clr-black-secondary: #2a2c38;
  --clr-black-dark: #1f212c;
  --clr-purple-light: #788592;
  --clr-purple-light-secondary: #b1bec5;
  /* trnasition */
  --transition04s: all 0.4s ease;

  /* Spacing */
  --section-spacing: 64px 16px;
  --fontR: "brownB";
  --fontL: "brownL";
  --text-main: 76px/130% var(--fontR), "sans-serif";
  --text-h1: 61px/130% var(--fontR), "sans-serif";
  --text-h2: 49px/130% var(--fontR), "sans-serif";
  --text-h3: 39px/130% var(--fontR), "sans-serif";
  --text-h4: 31px/130% var(--fontR), "sans-serif";
  --text-h5: 25px/120% var(--fontR), "sans-serif";
  --text-h6: 20px/130% var(--fontR), "sans-serif";
  --text-paragraph: 16px/130% var(--fontR), "sans-serif";
  --text-paragraph-small: 13px/130% var(--fontR), "sans-serif";
  --text-label: 10px/130% var(--fontR), "sans-serif";
  /* colors */
  --color-primary: #84BB4D;
  --color-secondary: #a8794c;
  --color-white: #ffffff;
  --color-black: #000;
  /* spacing */
  --section-spacing: 72px 62px;
  /* transitions */
  --transition-05: all 0.5s ease;
}

#block-views-block-highlights-block-1 {
  
  padding: 60px 80px;
}

.region.region-banner07{
background: url("../images/high-bg.png") no-repeat center center/cover;
}

.view-highlights.view-id-highlights {
  display: flex;
}

#block-views-block-highlights-block-1 .view-header {
  width: 40%;
}

#block-views-block-highlights-block-1 .view-content {
  width: 60%;
}

.high-box {
  background-color: #fff;
  padding: 20px;
      box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
  border-radius: 20px;
}

.high-image {
  margin-bottom: 16px;
}

.high-image img {
  border-radius: 20px;
}

.high-date {
  font-size: 16px;
  color: #84BB4D;
      font-family: 'AlbertM';
    font-size: 16px;
  margin-bottom: 9px;
}

.high-title {
  display: block;
  font-size: 19px;
      font-family: 'AlbertB';
    color: #2C5593;
  text-decoration: none;
  margin-bottom: 8px;
}

.high-body {
      color: #16404d;
    font-family: 'AlbertL';
    font-size: 17px;
}

.high-btn .autism-btn {
  background-color: #2c5593;
}

.high-btn .autism-btn::after {
  background: url(../images/high-arrow.png) no-repeat center center;
}

.admission-heading {
  font: 62px albertR;
  color: #1f1f1f;
  position: relative;
  margin-bottom: 20px;
}

.admission-heading::after {
  content: "";
  display: block;
  /* background: url("../images/heading-pattern.png") no-repeat; */
  background: url("../images/green-line.svg") no-repeat;
  background-size: contain;
  height: 35px;
  width: 217px;
  position: absolute;
  bottom: -8px;
  right: 48px;
}



.admission-tagline {
  font: 22px albertL;
  color: #16404d;
  margin-bottom: 45px;
}

.tab-wrap {
  margin-bottom: 22px;
}

.tab-box {
  width: 512px;
  height: 108px;
  max-width: 100%;
  background-color: transparent;
  border: 1px solid #c8c8c8;
  border-radius: 24px;
  transition: var(--transition-05);
  display: flex;
  align-items: center;
  padding: 28px 40px;
}

.tab-box:hover {
  /* background: #F7941E; */
  background: #2C5593;
}

.ti-1 {
  background: url("../images/ap.png");
}

.tab-wrap:hover .ti-1 {
  background: url("../images/ap-hover.png");
}

.ti-2 {
  background: url("../images/ec.png");
}

.tab-wrap:hover .ti-2 {
  background: url("../images/ec-hover.png");
}

.ti-3 {
  background: url("../images/if.png");
}

.tab-wrap:hover .ti-3 {
  background: url("../images/if-hover.png");
}

.ti-4 {
  background: url("../images/it.png");
}

.tab-wrap:hover .ti-4 {
  background: url("../images/it-hover.png");
}

.ti-5 {
  background: url("../images/itr.png");
}

.tab-wrap:hover .ti-5 {
  background: url("../images/itr-hover.png");
}

.tab-icon {
  height: 62px;
  width: 65px;
  background-size: contain;
  margin-right: 28px;
  background-repeat: no-repeat;
}

.tab-wrap:hover .tab-icon {
  background-repeat: no-repeat;
}

.tab-title {
  font: 26px albertL;
  color: #16404d;
}

.tab-wrap:hover .tab-title {
  color: #fff;
}

.tab-content {
  padding-left: 64px;
}

#block-views-block-highlights-block-1 .admission-heading::after{
    bottom: 41px;
}

.tab-content-box {
  background-color: rgba(132, 187, 77, 0.09);
  border-radius: 24px;
  margin-bottom: 24px;
  padding: 40px;
  display: flex;
}

.tab-content-heading {
  font: 36px albertL;
  color: #16404d;
  margin-bottom: 20px;
}

.tab-content-para {
  font: 22px albertL;
  color: #16404d;
}

@media only screen and (max-width: 767px) {
  :root {
    --section-spacing: 24px 20px;
  }

  .admission-heading {
    font-size: 36px;
  }

  .admission-heading::after {
    height: 18px;
    width: 209px;
    bottom: -4px;
    right: -12px;
  }

  .admission-tagline {
    font-size: 18px;
  }

  .tab-box {
    height: 95px;
    padding: 24px 18px;
  }

  .tab-icon {
    height: 47px;
    width: 50px;
    margin-right: 12px;
  }

  .tab-title {
    font-size: 18px;
  }

  .tab-content-box {
    padding: 20px 18px;
  }

  .tab-content {
    padding: 0;
  }

  .tab-content-heading {
    font-size: 24px;
  }

  .tab-content-para {
    font-size: 16px;
  }

  .tab-content-arrow img {
    height: 36px;
  }

  #block-views-block-highlights-block-1 {
    padding: 24px 18px;
  }

  .view-highlights.view-id-highlights {
    display: block;
  }

  #block-views-block-highlights-block-1 .view-header,
  #block-views-block-highlights-block-1 .view-content {
    width: 100%;
  }
}