:root {
  --header-color: #1e4585;
  --addmision: #e92e28;
  --button: #2e7c3c;
  --circle-color: #ffd800;
  --footer-color: #4c4c4c;
  --white: #ffffff;
  --black: #000000;
  --button2: #f8f8f8;
  --red: #e92e28;
  --white: #fff;
  --black: #000000;
  --light-black: #57585a;
  --yellow: #ffd800;
  --blue: #1e4585;
  --green: #2e7c3c;
}

@media (max-width: 1600px) {
  .navbar1 {
    background-image: linear-gradient(
      -135deg,
      var(--button) 67%,
      var(--white) 63%
    );
  }
}

@media (max-width: 1536px) {
  .navbar1 {
    background-image: linear-gradient(
      -135deg,
      var(--footer-color) 68%,
      var(--white) 63%
    );
  }
  .navbar1 .header_contact ul li {
    margin-top: -0.2px;
  }
}

@media (max-width: 1440px) {
  .navbar1 {
    background-image: linear-gradient(
      -135deg,
      var(--header-color) 69%,
      var(--white) 63%
    );
  }
}

@media (max-width: 1366px) {
  .navbar1 {
    background-image: linear-gradient(
      -135deg,
      var(--header-color) 68%,
      var(--white) 63%
    );
  }
  .navbar1 .header_contact ul li:not(:last-child) {
    margin-right: 15px;
  }
  .navbar .navbar-brand img {
    width: 260px;
    margin-top: 20px;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding: 14px 3px;
  }
  .nav-link {
    font-size: 14px;
  }
  .dropdown_list {
    top: 115%;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding: 14px 3px;
  }
  .navbar1 .header_contact ul a,
  .dropdown_list a,
  .facilities .readmore-btn {
    font-size: 14px;
  }
}

@media (max-width: 1280px) {
  .navbar1 {
    background-image: linear-gradient(
      -135deg,
      var(--header-color) 69%,
      var(--white) 63%
    );
  }
}

@media (max-width: 1200px) {
  .navbar1 {
    background-image: linear-gradient(
      -135deg,
      var(--header-color) 70%,
      var(--white) 63%
    );
  }
}

@media (max-width: 1199px) {
  .navbar1 {
    background-image: linear-gradient(
      -135deg,
      var(--header-color) 71%,
      var(--white) 63%
    );
  }
  .navbar-nav .nav-item .nav-link {
    font-size: 13px;
  }
  .navbar-expand-lg .navbar-nav {
    gap: 2px;
  }
  .navbar1 .header_contact ul a {
    font-size: 13px;
  }
  .navbar1 .header_contact ul li:not(:last-child) a {
    padding-right: 8px;
  }
  .navbar1 .header_icons ul .fab {
    font-size: 14px;
  }
  /* .m-nav.container {
    padding-right: 0;
    padding-left: 0;
  } */
  #activities_section .video_section .bottom_header a {
    font-size: 14px;
  }
  #activities_section .activities_img_container .activities_bottom_title a {
    font-size: 14px;
    line-height: 10px;
  }
  #fecilities_section .fecilities_img_container h6 {
    font-size: 15px;
    line-height: 3px;
  }
  #chairman_msg {
    height: calc(100vh - 110px);
  }
  .chaiman-wrapr {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #chairman_msg .chairman_img .name_card p {
    font-size: 14px;
    padding-top: 18px;
  }

  #chairman_msg .chairman_img .name_card h4 {
    font-size: 21px;
  }
  #chairman_msg .message p {
    font-size: 14px;
    width: 87%;
    padding-top: 18px;
  }
  #chairman_msg .chairman_img .circle {
    height: 150px;
    width: 150px;
    left: 0rem;
    bottom: 53%;
  }

  #chairman_msg .message h2 {
    font-size: 27px;
    padding-bottom: 12px;
  }
  #chairman_msg .msg_read_mr a {
    padding: 7px 23px;
    font-size: 14px;
  }
  #mission_vision_main .mission_vision_content .mission {
    column-gap: 12px;
  }
  #mission_vision_main .mission_vision_content .vision_text h4 {
    font-size: 21px;
  }
  #mission_vision_main .mission_vision_content .vision_text p {
    font-size: 14px;
  }
  #mission_vision_main .mission_vision_content .vision {
    padding: 40px 40px 114px;
    column-gap: 12px;
  }
  #footer_section .add .address a {
    font-size: 13px;
    color: var(--white);
  }
  #footer_section .add {
    gap: 7px;
  }
  #footer_section .add .address h3 {
    font-size: 15px;
  }
  .acad_style_1 .acad_text {
    width: 100%;
    text-align: justify;
  }
  #academics,
  #primary {
    height: calc(100vh - 106px);
    background: linear-gradient(41deg, #fff 61%, var(--yellow) 38%);
  }
  .acad_style_1 .acad_text h2 {
    font-size: 21px;
  }
  .acad_text p {
    font-size: 14px;
  }
  #pre_primary {
    background: linear-gradient(318deg, #fff 61%, var(--blue) 40%);
  }
  #academics,
  #primary {
    background: linear-gradient(41deg, #fff 61%, #2e7c3c 38%);
  }
  #secondary {
    background: linear-gradient(317deg, #fff 62%, var(--red) 40%);
  }
  #smart_class.fac_style_1 .fac_text h2,
  .fac_style_1 .fac_text h2,
  #playway.fac_style_1 .fac_text h2,
  #seincelab.fac_style_1 .fac_text h2,
  #mathematicslab.fac_style_1 .fac_text h2,
  #Computerlab.fac_style_1 .fac_text h2,
  #Languagelab.fac_style_1 .fac_text h2,
  #Transportation.fac_style_1 .fac_text h2,
  #Kindergarten.fac_style_1 .fac_text h2 {
    color: var(--red);
    font-size: 20px;
    margin-bottom: 32px;
  }
  .fac_text p {
    font-size: 14px;
  }
  .readmore-btn {
    font-size: 12px;
    padding: 3px 18px;
    margin-top: 14px;
  }
  .fac_style_1 .fac_text {
    width: 45%;
    margin: 0;
  }
  .activiites_dsgn .text h2 {
    font-size: 26px;
    padding-bottom: 7px;
    margin-bottom: 18px;
  }
  .activiites_dsgn p {
    font-size: 15px;
  }
  .activiites_dsgn .col-lg-6 .text {
    width: 500px;
  }
  .inner_bnr_text li a {
    font-size: 14px;
  }
  #index_about .index_abt_content p:nth-child(2) {
    text-align: justify;
  }
  #copyright_section p {
    font-size: 11px;
  }
  #acadamics_section .overlay_card {
    padding: 10px 14px;
    height: 178px;
  }
  #acadamics_section .overlay_card p {
    font-size: 13px;
    line-height: 19px;
  }
  #acadamics_section .overlay_card h2 {
    font-size: 16px;
  }
  #acadamics_section .overlay_card a {
    width: 147px;
    font-size: 14px;
    padding: 2px 18px;
    margin: 0px auto22px;
  }
  #acadamics_section .heading_card h2 {
    font-size: 15px;
  }
  #gallery_section {
    height: auto;
  }
  #contact_section .row {
    align-items: center;
    flex-direction: column-reverse;
  }
  .navbar {
    height: 100px;
  }
  .navbar .navbar-brand img {
    width: 200px;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding: 14px 1px;
    font-size: 13px;
  }
}

@media (max-width: 1152px) {
  .navbar1 {
    background-image: linear-gradient(
      -135deg,
      var(--header-color) 72%,
      var(--white) 63%
    );
  }
}

@media (max-width: 1024px) {
  .navbar1 {
    background-image: linear-gradient(
      -135deg,
      var(--header-color) 74%,
      var(--white) 63%
    );
  }
}

@media (max-width: 992px) {
  .navbar1 {
    background-image: linear-gradient(
      -135deg,
      var(--header-color) 75%,
      var(--white) 63%
    );
  }
  #chairman_msg {
    overflow: hidden;
  }
  #chairman_msg .chairman_img .name_card {
    bottom: 1rem;
    right: -2rem;
  }
  #chairman_msg .chairman_img .name_card h4 {
    font-size: 17px;
  }
  #chairman_msg .chairman_img .name_card p {
    font-size: 13px;
    padding-top: 5px;
  }
  #mission_vision_main .mission_vision .title_content h1 {
    font-size: 3.5rem;
  }
  #academics,
  #primary {
    background: linear-gradient(49deg, #fff 61%, #2e7c3c 38%);
  }
  #pre_primary {
    background: linear-gradient(312deg, #fff 61%, var(--blue) 40%);
  }
  #secondary {
    background: linear-gradient(311deg, #fff 62%, var(--red) 40%);
  }
  .activiites_dsgn p {
    font-size: 14px;
  }
  .activiites_dsgn .col-lg-6 .text {
    width: 405px;
  }
}

@media (max-width: 991.98px) {
  .offcanvas-collapse.open {
    visibility: visible;
    transform: translateX(-100%);
    overflow: scroll;
  }
  .offcanvas-collapse {
    position: fixed;
    top: 100px;
    bottom: 0;
    left: 100%;
    width: 40%;
    padding-right: 1rem;
    padding-left: 1rem;
    overflow-y: auto;
    visibility: hidden;
    background-color: var(--button);
    transition: transform 0.3s ease-in-out, visibility 0.3s ease-in-out;
    overflow: inherit;
  }
  .navbar-expand-lg .navbar-nav {
    overflow: scroll;
  }
}

@media (max-width: 991px) {
  .navbar .navbar-brand img {
    width: 227px;
    margin-top: 0;
  }
  .navbar {
    height: auto;
    padding: 12px 0;
  }
  #index_about {
    background: none;
  }
  .m-nav.container {
    align-items: center;
  }
  .offcanvas-collapse {
    background-color: #1e4585;
  }
  .navbar-expand-lg .navbar-nav {
    margin-bottom: 0 !important;
    margin-top: 20px;
  }
  .nav-item {
    display: block;
    border-bottom: 1px solid #f5f5f599;
    width: 100%;
    text-align: center;
    padding-bottom: 7px;
  }
  .mobile-icons {
    display: flex;
    width: 100%;
    justify-content: space-evenly;
    position: absolute;
    bottom: 0;
    background-color: var(--addmision);
    padding: 4px 0;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    color: var(--white);
    font-size: 15px;
    padding: 10px;
    display: inline !important;
  }
  .nav-item:hover .dropdown_list {
    position: static;
  }
  .dropdown_list {
    width: 100%;
  }
  .dropdown_list {
    top: 104%;
  }
  .navbar-expand-lg .navbar-nav {
    margin-bottom: 0 !important;
    margin-top: 20px;
  }
  .nav-item.pl {
    border-bottom: 0;
    background-color: var(--circle-color);
    padding: 6px;
    margin-top: 30px;
  }
  .nav-item {
    display: block;
    border-bottom: 1px solid #f5f5f599;
    width: 100%;
    text-align: center;
    padding-bottom: 7px;
  }
  .nav-item.pl.admissions {
    margin-top: 0;
    margin-bottom: 30px;
  }
  .nav-item.pl {
    border-bottom: 0;
    background-color: var(--circle-color);
    padding: 6px;
    margin-top: 30px;
  }
  .nav-item {
    display: block;
    border-bottom: 1px solid #f5f5f599;
    width: 100%;
    text-align: center;
    padding-bottom: 7px;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    color: var(--white);
    font-size: 15px;
    padding: 10px;
    display: inline !important;
  }
  .mobile-icons {
    display: flex;
    width: 100%;
    justify-content: space-evenly;
    position: absolute;
    bottom: 0;
    background-color: var(--addmision);
    padding: 4px 0;
  }
  .navbar-expand-lg .navbar-nav .nav-item.pl a {
    color: var(--black);
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    color: var(--white);
    font-size: 15px;
    padding: 10px;
    display: inline !important;
  }
  .dropdown_list1,
  .dropdown_list {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    padding: 20px 0;
    top: 123%;
    transform: translateY(50px);
    left: -50px;
    width: 100%;
    background-color: var(--footer-color);
    box-shadow: 0px 10px 10px 3px rgba(0, 0, 0, 0.178);
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    transition: 0.4s all;
    text-align: left;
    z-index: 2;
  }
  #chairman_msg .message p {
    font-size: 16px;
    width: 100%;
    padding-top: 20px;
  }
  #chairman_msg {
    height: auto;
    padding: 60px 0;
  }

  .mission_vision_content .row {
    row-gap: 20px;
  }

  #mission_vision_main .mission_vision_content .vision_text p {
    font-size: 15px;
  }
  #mission_vision_main .mission_vision_content .vision_text h4 {
    font-size: 24px;
  }
  #footer_section .add .address a {
    font-size: 15px;
  }
  #footer_section .add .address h3 {
    font-size: 17px;
  }
  #footer_section .add {
    gap: 20px;
  }
  #academics,
  #primary {
    background: linear-gradient(0deg, #fff 39%, #2e7c3c 38%);
    height: auto;
    padding: 50px 0px;
    /* align-items: center; */
    text-align: center;
  }
  .acad_style_1 .acad_text h2 {
    font-size: 21px;
    color: #ffc107;
  }
  .acad_text p {
    font-size: 15px;
    color: #fff;
  }
  #academics .row {
    row-gap: 2rem;
  }
  .acdc_phase2 .row {
    flex-direction: column-reverse;
    text-align: center;
    padding: 50px 0px;
    row-gap: 1rem;
  }
  .read_more_btn {
    color: #fff;
  }
  #pre_primary {
    background: linear-gradient(0deg, #fff 42%, var(--blue) 40%);
    height: auto;
  }
  #secondary {
    background: linear-gradient(0deg, #fff 48%, var(--red) 40%);
    height: auto;
  }
  .read_more_btn {
    color: #fff;
  }
  .navbar .navbar-brand img {
    width: 15rem;
  }
  .fac_style_1 .fac_text {
    width: 60%;
    left: -2rem;
  }
}

@media (max-width: 768px) {
  .fac_style_1 .fac_text {
    width: 61%;
    top: 1rem;
    left: 2rem;
    padding: 16px 30px;
  }
  #Transportation.fac_style_1 .fac_text,
  #Computerlab.fac_style_1 .fac_text,
  #seincelab.fac_style_1 .fac_text,
  #library.fac_style_1 .fac_text {
    top: 0;
  }
  #mission_vision_main .mission_vision {
    flex-direction: column-reverse;
    row-gap: 19px;
  }
}

@media (max-width: 767px) {
  .fac_style_1 .fac_text {
    width: 83%;
    top: 0rem;
    left: -3rem;
  }
  #Transportation.fac_style_1 .fac_text,
  #Computerlab.fac_style_1 .fac_text,
  #seincelab.fac_style_1 .fac_text,
  #library.fac_style_1 .fac_text {
    left: 32%;
  }
  #testimonial_section
    #carouselExampleIndicators
    .carousel-inner
    .carousel-item
    .content_slider
    .slide_content
    .content
    p {
    font-size: 13px;
  }
}

@media (max-width: 600px) {
  #mission_vision_main .mission_vision {
    flex-direction: column-reverse;
    row-gap: 19px;
  }
  .fac_style_1 .fac_text {
    width: 63%;
    top: -4rem;
    left: 0rem;
  }
  #library.fac_style_1 .carousel-inner {
    left: 5rem;
  }
  #Transportation.fac_style_1 .fac_text,
  #Computerlab.fac_style_1 .fac_text,
  #seincelab.fac_style_1 .fac_text,
  #library.fac_style_1 .fac_text {
    left: 21%;
    top: -1rem;
    width: 80%;
  }
  .fac_style_1 .fa-controlers {
    bottom: -2rem;
    right: 2rem;
  }
  .fa-controlers2.fa-controlers {
    right: unset;
    left: 5rem;
    bottom: -13px;
  }

  #library {
    height: calc(100vh - 73.81px);
  }

  #seincelab.fac_style_1 .carousel-inner {
    top: -4rem;
    left: 4rem;
  }
  #playway.fac_style_1 .carousel-inner {
    top: -4rem;
  }
  .fac_style_1 .fac_text {
    width: 73%;
    top: 2rem;
    left: 0rem;
  }
  .fac_style_1 .fac_text {
    width: 73%;
    top: -1rem;
    left: 0rem;
  }

  #library.fac_style_1 .carousel-inner {
    left: 5rem;
    top: -5rem;
  }

  #mathematicslab.fac_style_1 .carousel-inner {
    top: -4rem;
  }

  #Computerlab.fac_style_1 .carousel-inner {
    top: -4rem;
    left: 4rem;
  }
  #Languagelab.fac_style_1 .carousel-inner {
    top: -3rem;
  }
  #Languagelab,
  #playway {
    height: calc(100vh - 97.81px);
  }
  #Transportation {
    height: calc(100vh - 100.81px);
  }

  #Transportation.fac_style_1 .carousel-inner {
    top: -4rem;
    left: 4rem;
  }

  #Kindergarten {
    height: calc(100vh - 98.81px);
  }
  #Kindergarten.fac_style_1 .carousel-inner {
    top: -4rem;
  }
  #footer_section {
    /* padding: 31px 0; */
    padding-top: 40px;
    padding-bottom: 0px;
  }

  #mathematicslab {
    height: calc(100vh - 92.81px);
  }
  #Transportation,
  #Computerlab,
  #seincelab,
  #library {
    height: calc(100vh - 98.81px);
  }
  #smart_class {
    height: calc(100vh - 103.81px);
  }
  #smart_class.fac_style_1 .carousel-inner {
    top: -4rem;
  }
}

@media (max-width: 540px) {
  .fac_style_1 .carousel-inner {
    width: 410px;
    height: 410px;
  }
  .fac_style_1 .fa-controlers {
    bottom: 3rem;
    right: 1rem;
  }
  .fac_style_1 .fac_text {
    width: 71%;
    top: -1rem;
    left: 2rem;
  }
  #smart_class.fac_style_1 .carousel-inner {
    top: -7rem;
  }
  #library.fac_style_1 .carousel-inner {
    top: -8rem;
  }
  .fac_style_1 .fa-controlers {
    bottom: 8rem;
    /* right: 0rem; */
    left: 4rem;
  }
  #Transportation.fac_style_1 .fac_text,
  #Computerlab.fac_style_1 .fac_text,
  #seincelab.fac_style_1 .fac_text,
  #library.fac_style_1 .fac_text {
    left: 21%;
    top: -3rem;
    width: 75%;
  }
  #playway.fac_style_1 .carousel-inner {
    top: -7rem;
  }
  #seincelab.fac_style_1 .carousel-inner {
    top: -8rem;
  }
  #mathematicslab.fac_style_1 .carousel-inner {
    top: -8rem;
  }
  #Computerlab.fac_style_1 .carousel-inner {
    top: -8rem;
  }
  #Languagelab.fac_style_1 .carousel-inner {
    top: -8rem;
  }
  #Languagelab .fac_text {
    top: 2rem;
  }
  #Transportation.fac_style_1 .carousel-inner {
    top: -8rem;
  }
  #Transportation.fac_style_1 .fac_text {
    top: 2rem;
  }
  #Kindergarten.fac_style_1 .carousel-inner {
    top: -8rem;
  }
  #Kindergarten .fac_text {
    top: 0rem;
  }

  #Kindergarten .fa-controlers {
    left: 20rem;
  }
  .offcanvas-collapse {
    width: 65%;
  }
  #acadamics_section .overlay_card {
    height: 277px;
  }
  #acadamics_section .overlay_card h2 {
    font-size: 23px;
  }
  #acadamics_section .overlay_card p {
    font-size: 16px;
    padding: 10px 0 20px 0;
    line-height: 26px;
  }
  #acadamics_section .overlay_card a {
    padding: 10px 24px;
    font-size: 16px;
    width: 189px;
  }
  #fecilities_section .fecilities_img_container h6 {
    font-size: 16px;
    line-height: 18px;
  }
  #fecilities_section .fecilities_img_container .content_over_card a {
    margin-top: 30px;
  }
  #fecilities_section .fecilities_img_container .content_over_card p {
    padding-top: 21px;
    line-height: 25px;
  }
  #testimonial_section #carouselExampleIndicators .carousel-inner {
    margin: auto;
    width: 100%;
    height: 21rem;
  }
  #testimonial_section
    #carouselExampleIndicators
    .carousel-inner
    .carousel-item
    .content_slider
    .slide_content
    .content
    p {
    font-size: 14px;
    padding-top: 64px;
    text-align: justify;
  }
  #testimonial_section #carouselExampleIndicators .carousel-control-next,
  .carousel-control-prev {
    right: -1rem;
    top: 10rem;
  }
  #testimonial_section #carouselExampleIndicators .carousel-control-prev {
    left: -1rem;
    top: 10rem;
  }
  #footer_section .row {
    padding: 30px 0;
    padding-top: 0;
  }
  #footer_section .container .row .col-xl-4:nth-child(3) {
    margin-top: 0;
  }
  #activities_section .container {
    row-gap: 0px;
  }
  #activities_section {
    padding-bottom: 0;
  }
  #index_about .index_abt_content {
    padding: 30px 0;
  }
}

@media (max-width: 492px) {
  #smart_class .fa-controlers {
    bottom: 6rem;
    left: 19rem;
  }
  #smart_class.fac_style_1 .carousel-inner {
    left: -2rem;
  }
  .inner_bnr_text {
    top: 36%;
  }

  #playway .fa-controlers {
    bottom: 6rem;
    left: 19rem;
  }

  #mathematicslab .fa-controlers,
  #Languagelab .fa-controlers {
    bottom: 6rem;
    left: 19rem;
  }

  #playway.fac_style_1 .carousel-inner,
  #smart_class .carousel-inner,
  #Languagelab .carousel-inner,
  #mathematicslab .carousel-inner,
  #Kindergarten .carousel-inner {
    right: 2rem;
  }
  #pre_primary {
    background: linear-gradient(0deg, #fff 32%, var(--blue) 32%);
  }
  #academics,
  #primary {
    background: linear-gradient(0deg, #fff 29%, #2e7c3c 29%);
  }
  #secondary {
    background: linear-gradient(0deg, #fff 29%, var(--red) 29%);
  }
}

@media (max-width: 432px) {
  .offcanvas-collapse {
    width: 77%;
  }
  #smart_class {
    height: calc(100vh - 108.81px);
  }
  #smart_class.fac_style_1 .carousel-inner {
    left: -2.5rem;
  }
  #smart_class .fa-controlers {
    bottom: 20rem;
    left: -1rem;
    column-gap: 19rem;
  }
  .fac_style_1 .fac_text {
    width: 92%;
    top: -1rem;
    left: 1rem;
  }
  #Transportation.fac_style_1 .fac_text,
  #Computerlab.fac_style_1 .fac_text,
  #seincelab.fac_style_1 .fac_text,
  #library.fac_style_1 .fac_text {
    left: 5%;
    top: -2rem;
    width: 91%;
  }
  #library.fac_style_1 .carousel-inner {
    top: -8rem;
  }
  .fac_style_1 .fa-controlers {
    bottom: 20rem;
    /* right: 0rem; */
    left: 6rem;
    column-gap: 19rem;
  }
  #playway .fa-controlers {
    bottom: 19rem;
    left: -1.3rem;
  }
  #playway.fac_style_1 .carousel-inner {
    right: 2.6rem;
  }

  #playway .fac_text {
    width: 92%;
    top: 0rem;
    left: 1rem;
  }
  #seincelab.fac_style_1 .carousel-inner {
    left: 5.5rem;
  }

  #seincelab .fa-controlers {
    left: 6.5rem;
  }
  #seincelab.fac_style_1 .fac_text {
    left: 4%;
  }

  #mathematicslab .fa-controlers,
  #Languagelab .fa-controlers,
  #Kindergarten .fa-controlers {
    bottom: 20rem;
    left: -1.5rem;
  }

  #mathematicslab.fac_style_1 .carousel-inner,
  #Languagelab .carousel-inner,
  #Kindergarten .carousel-inner {
    left: -2.5rem;
  }

  #mathematicslab .fac_text {
    top: 1rem;
  }
  #Computerlab.fac_style_1 .carousel-inner,
  #Transportation.fac_style_1 .carousel-inner {
    left: 5.5rem;
  }

  #Computerlab .fa-controlers,
  #Transportation .fa-controlers {
    left: 6.5rem;
  }
  #Computerlab.fac_style_1 .fac_text {
    top: -1rem;
  }

  #Transportation.fac_style_1 .fac_text {
    top: 1rem;
  }
  #Kindergarten .fac_text {
    top: 2rem;
  }
  #acadamics_section .overlay_card {
    height: 232px;
  }
  #acadamics_section .overlay_card p {
    font-size: 15px;
    padding: 6px 0 13px 0;
    line-height: 24px;
  }
}

@media (max-width: 414px) {
  #acadamics_section .overlay_card a {
    padding: 8px 19px;
    font-size: 13px;
    width: 170px;
  }
  #acadamics_section .overlay_card h2 {
    font-size: 21px;
  }
  #acadamics_section .overlay_card p {
    font-size: 14px;
  }
  #chairman_msg .chairman_img .name_card {
    bottom: -2rem;
    right: 2rem;
  }
  #chairman_msg .chairman_img .name_card h4 {
    font-size: 14px;
  }
  #chairman_msg .chairman_img .name_card p {
    font-size: 11px;
    padding: 0;
  }
  #mission_vision_main .mission_vision .title_content h1 {
    font-size: 2.5rem;
  }
  #mission_vision_main .mission_vision_content .vision {
    padding: 40px 19px;
    column-gap: 12px;
    /* flex-direction: column; */
  }
  #mission_vision_main .mission_vision_content .mission {
    column-gap: 8px;
  }
  #mission_vision_main .mission_vision_content .mission {
    padding: 40px 24px;
  }
  #testimonial_section
    #carouselExampleIndicators
    .carousel-inner
    .carousel-item
    .content_slider
    .slide_content
    .content
    p {
    font-size: 13px;
  }
}

@media (max-width: 395px) {
  #acadamics_section .overlay_card h2 {
    font-size: 20px;
    padding-top: 5px;
  }
  #acadamics_section .overlay_card a {
    padding: 8px 19px;
    font-size: 13px;
    margin: 0;
    margin-top: 5px;
    width: 170px;
  }
  #smart_class .fa-controlers,
  #playway .fa-controlers,
  #mathematicslab .fa-controlers,
  #Languagelab .fa-controlers,
  #Kindergarten .fa-controlers {
    bottom: 20rem;
    left: -1rem;
    column-gap: 16rem;
  }
  #smart_class.fac_style_1 .carousel-inner,
  #playway.fac_style_1 .carousel-inner,
  #mathematicslab.fac_style_1 .carousel-inner,
  #Languagelab.fac_style_1 .carousel-inner,
  #Kindergarten.fac_style_1 .carousel-inner,
  #Transportation.fac_style_1 .carousel-inner,
  #Computerlab.fac_style_1 .carousel-inner,
  #seincelab.fac_style_1 .carousel-inner,
  #library.fac_style_1 .carousel-inner {
    top: -10rem;
    width: 380px;
    height: 380px;
  }

  #Transportation.fac_style_1 .carousel-inner,
  #Computerlab.fac_style_1 .carousel-inner,
  #seincelab.fac_style_1 .carousel-inner,
  #library.fac_style_1 .carousel-inner {
    left: 5rem;
  }

  #Transportation .fa-controlers,
  #Computerlab .fa-controlers,
  #seincelab .fa-controlers,
  #library .fa-controlers {
    left: 7rem;
    column-gap: 15rem;
  }
  #acadamics_section .overlay_card {
    height: 195px;
  }
  #chairman_msg .chairman_img .name_card h4 {
    font-size: 16px;
  }
  #chairman_msg .chairman_img .name_card {
    padding: 5px 7px;
    width: 88%;
  }
  #chairman_msg .chairman_img .name_card p {
    font-size: 10px;
  }
  #chairman_msg .chairman_img .name_card {
    right: 1rem;
  }
}

@media (max-width: 375px) {
  #testimonial_section
    #carouselExampleIndicators
    .carousel-inner
    .carousel-item
    .content_slider
    .slide_content
    .content
    p {
    font-size: 13px;
    padding-top: 95px;
  }
  #testimonial_section #carouselExampleIndicators .carousel-inner {
    height: 23rem;
  }
}

@media (max-width: 360px) {
  #smart_class.fac_style_1 .carousel-inner,
  #playway.fac_style_1 .carousel-inner,
  #mathematicslab.fac_style_1 .carousel-inner,
  #Languagelab.fac_style_1 .carousel-inner,
  #Kindergarten.fac_style_1 .carousel-inner,
  #Transportation.fac_style_1 .carousel-inner,
  #Computerlab.fac_style_1 .carousel-inner,
  #seincelab.fac_style_1 .carousel-inner,
  #library.fac_style_1 .carousel-inner {
    top: -11rem;
    width: 355px;
    height: 355px;
  }
  #smart_class .fa-controlers,
  #playway .fa-controlers,
  #mathematicslab .fa-controlers,
  #Languagelab .fa-controlers,
  #Kindergarten .fa-controlers {
    column-gap: 15rem;
  }
  #Transportation .fa-controlers,
  #Computerlab .fa-controlers,
  #seincelab .fa-controlers,
  #library .fa-controlers {
    column-gap: 14rem;
    left: 6.5rem;
  }
  #Transportation.fac_style_1 .carousel-inner,
  #Computerlab.fac_style_1 .carousel-inner,
  #seincelab.fac_style_1 .carousel-inner,
  #library.fac_style_1 .carousel-inner {
    left: 4.5rem;
  }
  #testimonial_section
    #carouselExampleIndicators
    .carousel-inner
    .carousel-item
    .content_slider
    .slide_content
    .content
    p {
    padding-top: 141px;
  }
  #testimonial_section #carouselExampleIndicators .carousel-inner {
    height: 26rem;
  }
  #testimonial_section #carouselExampleIndicators .carousel-control-prev {
    top: 12rem;
  }
  #testimonial_section #carouselExampleIndicators .carousel-control-next,
  .carousel-control-prev {
    top: 12rem;
  }
}

@media (max-width: 320px) {
  #acadamics_section .overlay_card {
    height: 170px;
  }
  #acadamics_section .overlay_card h2 {
    font-size: 17px;
    padding-top: 32px;
  }
  #acadamics_section .overlay_card p {
    font-size: 12px;
    padding: 0px;
    line-height: 18px;
  }
  #acadamics_section .overlay_card a {
    padding: 4px 14px;
    font-size: 13px;
    margin: 0;
    margin-top: 5px;
    margin-bottom: 25px;
    width: 146px;
  }
  #secondary {
    background: linear-gradient(0deg, #fff 19%, var(--red) 19%);
  }

  #primary,
  #academics {
    background: linear-gradient(0deg, #fff 19%, #2e7c3c 19%);
  }

  #pre_primary {
    background: linear-gradient(0deg, #fff 19%, var(--blue) 19%);
  }
  #smart_class.fac_style_1 .carousel-inner,
  #playway.fac_style_1 .carousel-inner,
  #mathematicslab.fac_style_1 .carousel-inner,
  #Languagelab.fac_style_1 .carousel-inner,
  #Kindergarten.fac_style_1 .carousel-inner,
  #Transportation.fac_style_1 .carousel-inner,
  #Computerlab.fac_style_1 .carousel-inner,
  #seincelab.fac_style_1 .carousel-inner,
  #library.fac_style_1 .carousel-inner {
    top: -13rem;
    width: 320px;
    height: 320px;
    left: -2rem;
  }
  #smart_class .fa-controlers,
  #playway .fa-controlers,
  #mathematicslab .fa-controlers,
  #Languagelab .fa-controlers,
  #Kindergarten .fa-controlers {
    column-gap: 12rem;
  }
  #smart_class .fa-controlers,
  #playway .fa-controlers,
  #mathematicslab .fa-controlers,
  #Languagelab .fa-controlers,
  #Kindergarten .fa-controlers {
    bottom: 21rem;
    left: 0rem;
    column-gap: 16rem;
  }
  #Transportation .fa-controlers,
  #Computerlab .fa-controlers,
  #seincelab .fa-controlers,
  #library .fa-controlers {
    column-gap: 12rem;
    left: 6.5rem;
    top: -4rem;
  }
  #smart_class {
    height: calc(100vh - -37.19px);
  }
  #Languagelab,
  #playway {
    height: calc(100vh - 9.81px);
  }
  #Transportation,
  #Computerlab,
  #seincelab,
  #library {
    height: calc(100vh);
  }
  #mathematicslab {
    height: calc(100vh);
  }
  #Kindergarten {
    height: calc(100vh);
  }
  #Transportation.fac_style_1 .carousel-inner {
    top: -14rem;

    left: 4rem;
  }
  #Languagelab.fac_style_1 .carousel-inner {
    top: -14rem;
    left: -2rem;
  }
  #Languagelab .fa-controlers {
    column-gap: 12rem;
  }
  #Computerlab.fac_style_1 .carousel-inner {
    left: 4rem;
  }
  #Computerlab .fa-controlers {
    column-gap: 11rem;
  }
  #mathematicslab.fac_style_1 .carousel-inner {
    left: -2rem;
  }
  #seincelab.fac_style_1 .carousel-inner {
    top: -16rem;

    left: 4rem;
  }
  #seincelab .fa-controlers {
    top: -6rem;
  }
  #smart_class .fa-controlers {
    column-gap: 12rem;
  }
  #library.fac_style_1 .carousel-inner {
    left: 4rem;
  }
  #library .fa-controlers {
    column-gap: 12rem;
    left: 5.5rem;
  }
  #playway .fa-controlers {
    column-gap: 12rem;
  }
  #seincelab .fa-controlers {
    column-gap: 12.5rem;
    left: 5.5rem;
  }
  #mathematicslab .fa-controlers {
    left: -0.5rem;
    column-gap: 12.5rem;
  }
  #mathematicslab .fac_text {
    top: -1rem;
  }
  #Computerlab .fa-controlers {
    column-gap: 12.5rem;
    left: 5.5rem;
    top: -3rem;
  }
  #Languagelab .fac_text {
    top: -1rem;
  }
  #Languagelab .fa-controlers {
    column-gap: 13.5rem;
    bottom: 22rem;
    left: -1rem;
  }
  #Transportation .fa-controlers {
    column-gap: 12.5rem;
    left: 5.5rem;
  }
  #Kindergarten .fa-controlers {
    bottom: 21rem;
    left: -1rem;
    column-gap: 13.5rem;
  }
  .navbar .navbar-brand img {
    width: 13rem;
  }
}