h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin-bottom: 0px;
}

ul {
  list-style: none;

  padding: 0;

  margin: 0;
}

a {
  text-decoration: none;

  margin: 0;

  padding: 0;
}

:root {
  --red: #9a060b;

  --white: #ffffff;

  --black: #000000;

  --dark-cyan: #007070;

  --color-secondary: #f79638;

  --color-paragraph: #57585a;

  --color-antiqueWhite: #faebd7;

  /* new_colors */

  --red: #e92e28;

  --white: #fff;

  --black: #000000;

  --light-black: #57585a;

  --yellow: #ffd800;

  --blue: #1e4585;

  --green: #2e7c3c;
}

body {
  margin: 0;

  padding: 0;

  box-sizing: border-box;

  font-family: "Poppins", sans-serif;

  line-height: 1.8;

  margin-top: 120px;

  /* background-image: url(../../images/about_imgs/about_bg.svg); */

  background-size: contain;

  background-position: right;

  background-repeat: no-repeat;
}

/*---------------------------------- mySidenav_styling------------------------------------------------- */

#mySidenav {
  position: fixed;

  top: 50%;

  right: 0;

  z-index: 2;
}

#mySidenav a {
  position: absolute;

  right: -60px;

  transition: 0.3s;

  padding: 24px 25px 23px 62px;

  min-width: 140px;

  max-width: 150px;

  text-decoration: none;

  font-size: 14px;

  font-weight: 700;

  color: var(--red);

  border-radius: 25px 0 0 0;

  display: flex;

  justify-content: center;

  align-items: center;

  gap: 20px;
}

#mySidenav a:hover {
  right: 0;
}

#apply {
  top: -20px;

  background-color: var(--white);

  border: 1px solid var(--color-secondary);

  border-right: none;
}

#enquire {
  top: 80px;

  background-color: var(--white);

  border: 1px solid var(--color-secondary);

  border-right: none;
}

/* ---------------------------------header_styling---------------------------------------------------- */

/* .navbar_section .Ekashila_Techno_Logo {

  width: 300px;

}



.nav_header {

  padding: 10px 0;

  background-color: var(--red);

  text-align: center;

}



.navbar {

  background-color: var(--white);

}



.navbar.scrolled .navbar-nav .nav-item .nav-link {

  color: var(--white) !important;

}



.navbar_section {

  position: sticky;

  top: 0;

  z-index: 3;

}



.nav_header ul {

  display: flex;

  flex-direction: row;

  justify-content: flex-end;

  width: 100%;

  margin-bottom: 0;

}



.nav_header ul li {

  margin-right: 32px;

}



.nav_header ul li a {

  font-size: 16px;

  color: var(--white);

  text-decoration: none;

}



.navbar-nav .nav-item {

  border-right: 2px solid #e5e5e5;

}



.navbar-nav .nav-item:nth-child(9) {

  border-right: none;

}



.navbar-nav .nav-item .nav-link {

  display: block;

  font-size: 15px;

  color: var(--color-paragraph) !important;

  font-weight: 600;

  text-transform: uppercase;

  background-color: rgba(0, 0, 0, 0);

  padding: 5px 10px;

  white-space: nowrap;

}



.dropdown-menu {

  position: absolute;

  z-index: 1000;

  display: none;

  min-width: 10rem;

  padding: 2rem 15px !important;

  margin: 0;

  font-size: 1rem;

  color: var(--color-paragraph) !important;

  text-align: left;

  list-style: none;

  background-color: var(--white);

  background-clip: padding-box;

  border: 1pxsolidrgba (0, 0, 0, 0.15);

  border-radius: -0.75rem;

  border-bottom-left-radius: 20px !important;

  border-bottom-right-radius: 20px !important;

  border-top-right-radius: 0;

  border-top-left-radius: 0;

  border-top-left-radius: unset;

  border-top-right-radius: unset;

  border-top: 4px solid var(--red) !important;

}



.dropdown-menu .dropdown-item {

  font-weight: 600 !important;

}



.dropdown-item.active,

.dropdown-item:active {

  color: var(--color-paragraph);

  text-decoration: none;

  background-color: unset;

}



.nav-item .dropdown-menu[data-bs-popper] {

  top: 100%;

  left: 50% !important;

  transform: translateX(-50%);

  margin-top: 0.125rem;

} */

/* ------------------------------banner_section------------------------------------------------------- */

#banner_section {
  height: calc(100vh - 120px);
}

#banner_section #carouselExampleIndicators1 .carousel-inner .carousel-item img {
  height: calc(100vh - 120px);
}

/* #banner_section #carouselExampleIndicators1 .carousel-inner{

    height: calc(100vh - 156.68px);

} */

#banner_section .carousel-control-next,
#banner_section .carousel-control-prev {
  position: absolute;

  z-index: 1;

  width: 45px;

  height: 45px;

  background-color: var(--red) !important;

  border: 4px solid var(--white) !important;

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

  padding: 0;

  color: var(--white);

  text-align: center;

  border: 0;

  opacity: 1;

  transition: opacity 0.15s ease;
}

#banner_section .carousel-control-next {
  top: 50%;

  right: 100px;
}

#banner_section .carousel-control-prev {
  top: 50%;

  left: 100px;
}

#banner_section .carousel-control-next-icon,
#banner_section .carousel-control-prev-icon {
  display: inline-block;

  width: 1.5rem;

  height: 2rem;

  background-repeat: no-repeat;

  background-position: 50%;

  background-size: 100% 100%;
}

#banner_section .carousel-indicators [data-bs-target] {
  box-sizing: content-box;

  flex: 0 1 auto;

  width: 40px;

  height: 8px;

  padding: 0;

  margin-right: 3px;

  margin-left: 3px;

  text-indent: -999px;

  cursor: pointer;

  background-color: #fff;

  background-clip: padding-box;

  border: 0;

  border-top: 10px solid transparent;

  border-bottom: 10px solid transparent;

  opacity: 1;

  transition: opacity 0.6s ease;
}

/* ------------------------------------index_about--------------------------------------------------------- */

#index_about {
  height: calc(100vh - 120px);

  display: flex;

  align-items: center;

  background: var(--white);
}

#index_about .index_abt_content {
  padding: 30px;
}

#index_about .index_abt_content h1 {
  color: #e92e28;

  font-size: 36px;

  font-weight: 600;

  border-bottom: 2px solid var(--blue);

  width: fit-content;

  padding-bottom: 16px;
}

#index_about .index_abt_content p:nth-child(2) {
  padding: 30px 0 10px;
}

#index_about .index_abt_content .read_more_btn {
  margin: 25px 0 12px;
}

#index_about .index_abt_content .read_more_btn a:hover {
  background: transparent;

  border: 2px solid #e92e28;

  color: #e92e28;
}

#index_about .index_abt_content .read_more_btn a {
  padding: 10px 40px;

  background-color: #e92e28;

  color: var(--white);

  display: flex;

  justify-content: center;

  align-items: center;

  width: fit-content;
}

#index_about .brochure {
  background-color: var(--blue);

  padding: 24px 0;

  color: var(--white);

  display: flex;

  justify-content: center;

  gap: 16px;
}

#index_about .brochure a {
  font-size: 22px;

  font-weight: 600;
}

#index_about .second_col {
  display: flex;

  flex-direction: column;

  justify-content: center;
}

#index_about .school_img img {
  box-shadow: 10px -10px 0 0 var(--blue);
}

/* ----------------------index_about_responsive----------------------------- */

@media screen and (max-width: 1536px) {
  #index_about .index_abt_content h1 {
    font-size: 34px;
  }

  #index_about .index_abt_content p {
    font-size: 15px;
  }
}

@media screen and (max-width: 1366px) {
  #index_about .index_abt_content h1 {
    font-size: 30px;
  }

  #index_about .index_abt_content p {
    font-size: 14px;
  }
}

@media screen and (max-width: 1199px) {
  #index_about .index_abt_content h1 {
    font-size: 28px;
  }
}

@media screen and (max-width: 991px) {
  #index_about {
    height: auto;

    background: linear-gradient(45deg, transparent, black);

    padding: 15px 0 55px;
  }

  #index_about .index_abt_content {
    padding: 30px 30px 50px 30px;
  }

  #index_about .index_abt_content p {
    font-size: 16px;
  }

  #index_about .brochure {
    width: 96%;
  }
}

@media screen and (max-width: 767px) {
  #index_about .index_abt_content p {
    font-size: 15px;
  }

  #index_about .brochure {
    width: 100%;
  }

  #index_about .brochure {
    padding: 16px 0;
  }
}

@media screen and (max-width: 575px) {
  #index_about .brochure {
    padding: 10px 0;
  }
}

@media screen and (max-width: 432px) {
  #index_about .index_abt_content h1 {
    font-size: 26px;
  }

  #index_about .brochure {
    padding: 10px 0;
  }

  #index_about .brochure a {
    font-size: 20px;
  }
}

@media screen and (max-width: 425px) {
  #index_about .index_abt_content h1 {
    font-size: 24px;
  }
}

@media screen and (max-width: 400px) {
  #index_about .index_abt_content h1 {
    font-size: 22px;
  }
}

@media screen and (max-width: 360px) {
  #index_about .index_abt_content h1 {
    font-size: 20px;
  }
}

@media screen and (max-width: 320px) {
  #index_about .index_abt_content h1 {
    font-size: 17px;
  }

  #index_about .brochure a {
    font-size: 17px;
  }
}

/* ------------------------------------------about_section-------------------------------------------- */

/* #about_section {

    height: auto;

    padding: 100px 0;

    background-color: var(--color-liteyellow);

}



#about_section .container .content {

    background-color: var(--red);

}



#about_section .container .content_bg_color{

    background-color: var(--red);

    padding-right: 0;

}



#about_section .container .row .col-lg-5{

    padding-right: 0;

}



#about_section .about_section_content {

    padding: 30px 20px;

}



#about_section .about_section_content h4 {

    font-size: 18px;

    font-weight: 700;

    color: var(--white);

    color: var(--red);

    display: block;

    text-transform: uppercase;

    letter-spacing: 5px;

    padding: 0 0 12px;

}



#about_section .about_section_content h2 {

    color: var(--black);

    font-weight: 600;

    font-size: 36px;

    text-transform: uppercase;

    position: relative;

    border-bottom: 1px solid var(--black);

    width: fit-content;

    padding-bottom: 10px;

}



#about_section .about_section_content h2::after {



    position: absolute;

    content: ' ';

    height: 6px;

    width: 60px;

    background-color: var(--red);

    left: 0;

    bottom: -4px;



}



#about_section img {

    width: 100%;

    height: 440px;

    border-top-right-radius: 100px;

}



#about_section .about_section_content p {

    color: var( --white);

    color: var(--color-paragraph);

    font-size: 16px;

    padding: 26px 0 30px;

}



#about_section .about_section_content a {

    color: var(--white);

    font-size: 14px;

    font-weight: 700;

    text-align: center;

    text-transform: uppercase;

    padding: 14px 25px 14px 25px;

    border: none;

    background-color: var(--red);

    border-image: initial;

    text-decoration: none;

}



#about_section .about_section_content a:hover {

    background-color: var(--black);

    color: var(--white);

} */

/* ----------------------------------acadamics_section--------------------------------------------------*/

#acadamics_section {
  height: auto;

  display: flex;

  padding: 34px 0 48px;

  align-items: center;

  background-color: #dddddd;
}

#acadamics_section .section_heading {
  margin-bottom: 16px;
}

#acadamics_section .section_heading h2 {
  font-size: 36px;

  font-weight: 600;

  line-height: 60px;

  text-transform: uppercase;

  color: var(--red);
}

#acadamics_section .row {
  row-gap: 25px;

  justify-content: center;
}

#acadamics_section .card:hover .heading_card {
  opacity: 0;
}

#acadamics_section .card:hover .overlay_card {
  opacity: 1;
}

/*#acadamics_section .acadamics_img {*/

/*  height: 350px;*/

/*}*/

#acadamics_section .heading_card {
  /* background-color: #9a060bcc; */

  background-color: #e92e28;

  width: 100%;

  text-align: center;

  position: absolute;

  bottom: 0;
}

#acadamics_section .heading_card h2 {
  color: var(--white);

  font-size: 16px;

  font-weight: 600;

  padding: 10px 0 20px 0;

  line-height: 26px;
}

#acadamics_section .overlay_card {
  /* background-color: #9a060bcc; */

  background-color: #e92e28c7;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  text-align: center;

  padding: 10px 14px;

  height: 245px;

  position: absolute;

  bottom: 0;

  transition: all 0.5s linear;

  opacity: 0;
}

#acadamics_section .overlay_card h2 {
  color: var(--white);

  font-size: 20px;

  font-weight: 500;

  line-height: 32px;
}

#acadamics_section .overlay_card p {
  color: var(--white);

  font-size: 16px;

  padding: 10px 0 20px 0;

  line-height: 26px;
}

#acadamics_section .overlay_card a {
  display: block;

  width: 200px;

  max-width: 90%;

  color: rgb(255, 255, 255);

  font-size: 16px;

  font-weight: 500;

  text-align: center;

  text-transform: uppercase;

  margin: 0px auto 20px;

  padding: 10px 30px;

  background: rgba(0, 0, 0, 0);

  border-width: 2px;

  border-style: solid;

  border-color: rgb(255, 255, 255);

  border-image: initial;

  text-decoration: none;
}

#acadamics_section .overlay_card a:hover {
  background-color: var(--white);

  color: var(--black);
}

#acadamics_section .blue_heading_card {
  background-color: #1e4585;
}

#acadamics_section .blue_overlay_card {
  background-color: #1e4585d6;
}

#acadamics_section .green_headind_card {
  background-color: #2e7c3c;
}

#acadamics_section .green_overlay_card {
  background-color: #2e7c3cd9;
}

#acadamics_section .ash_heading_card {
  background-color: #57585a;
}

#acadamics_section .ash_overlay_card {
  background-color: #57585ae3;
}

/* -----------------------------------------------fecilities_section------------------------------------- */

#fecilities_section {
  height: calc(100vh - 120px);

  background-color: var(--black);

  display: flex;

  align-items: center;
}

#fecilities_section .fecilities_img_container {
  overflow: hidden;

  position: relative;

  border-bottom-right-radius: 20px;
}

#fecilities_section .fecilities_img_container h6 {
  color: var(--white);

  font-size: 16px;

  line-height: 18px;

  text-transform: uppercase;

  position: absolute;

  left: 40px;

  bottom: 35px;
}

#fecilities_section .fecilities_img_container:hover h6 {
  opacity: 0;
}

#fecilities_section .fecilities_img_container .content_over_card {
  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  opacity: 0;

  width: 100%;

  height: 100%;

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  padding: 0 15px;

  transition: all 0.5s ease-in-out;
}

#fecilities_section .fecilities_img_container:hover .content_over_card {
  opacity: 1;
}

#fecilities_section .fecilities_img_container .content_over_card h2 {
  display: block;

  width: 100%;

  font-size: 18px;

  font-weight: 600;

  line-height: 18px;

  margin-bottom: 13px;

  color: var(--white);

  text-transform: uppercase;
}

#fecilities_section .fecilities_img_container .content_over_card p {
  display: block;

  margin: 0;

  padding-right: 9px;

  font-family: ff-scala-sans-pro, sans-serif;

  font-size: 15px;

  font-weight: 500;

  line-height: 18px;

  margin-bottom: 13px;

  color: var(--white);

  max-height: 90px;
}

#fecilities_section .fecilities_img_container .content_over_card a {
  position: relative;

  display: flex;

  align-items: center;

  gap: 10px;

  font-size: 14px;

  font-weight: 600;

  line-height: 16px;

  color: var(--white);

  text-transform: uppercase;

  text-decoration: none;

  margin-left: 105px;

  margin-top: 30px;
}

#fecilities_section .fecilities_img_container .content_over_card a i {
  font-size: 25px;
}

#fecilities_section .section_heading {
  margin-bottom: 12px;
}

#fecilities_section .section_heading h2 {
  font-size: 36px;

  font-weight: 600;

  text-transform: uppercase;

  line-height: 60px;

  color: #ffd800;

  /* color: var(--color-secondary); */
}

#fecilities_section .section_heading p {
  color: var(--white);

  text-transform: uppercase;

  font-weight: 600;
}

#fecilities_section .row {
  padding: 12px 0;

  display: flex;

  justify-content: center;

  row-gap: 25px;
}

#fecilities_section .fecilities_img_container .red_color_styling {
  position: absolute;

  background-color: var(--red);

  height: 35px;

  width: 12px;

  left: 0;

  bottom: 20px;

  transition: all 0.5s ease-in-out;
}

#fecilities_section .fecilities_img_container .yellow_color_styling {
  position: absolute;

  /* background-color: var(--color-secondary); */

  background-color: #1e4585;

  height: 35px;

  width: 12px;

  left: 0;

  bottom: 20px;

  transition: all 0.5s;
}

#fecilities_section .fecilities_img_container .blue_color_styling {
  position: absolute;

  /* background-color: var(--dark-cyan); */

  background-color: #2e7c3c;

  height: 35px;

  width: 12px;

  left: 0;

  bottom: 20px;

  transition: all 0.5s;
}

#fecilities_section .fecilities_img_container .grey_color_styling {
  position: absolute;

  background-color: var(--color-paragraph);

  height: 35px;

  width: 12px;

  left: 0;

  bottom: 20px;

  transition: all 0.5s;
}

#fecilities_section .fecilities_img_container:hover .red_color_styling {
  position: absolute;

  background-color: var(--red);

  height: 85%;

  width: 100%;
}

#fecilities_section .fecilities_img_container:hover .yellow_color_styling {
  position: absolute;

  /* background-color: var(--color-secondary); */

  background-color: #1e4585;

  height: 85%;

  width: 100%;
}

#fecilities_section .fecilities_img_container:hover .blue_color_styling {
  position: absolute;

  /* background-color: var(--dark-cyan); */

  background-color: #2e7c3c;

  height: 85%;

  width: 100%;
}

#fecilities_section .fecilities_img_container:hover .grey_color_styling {
  position: absolute;

  background-color: var(--color-paragraph);

  height: 85%;

  width: 100%;
}

#fecilities_section .fecilities_img_container img {
  width: 100%;

  height: 100%;

  animation: zoom-in-zoom-out 5s ease infinite;

  overflow: hidden;

  object-fit: cover;
}

@keyframes zoom-in-zoom-out {
  0% {
    transform: scale(1, 1);
  }

  50% {
    transform: scale(1.5, 1.5);
  }

  100% {
    transform: scale(1, 1);
  }
}

/* -----------------------------------activities_section----------------------------------------------- */

#activities_section {
  height: calc(100vh - 120px);

  background-color: var(--white);

  display: flex;

  align-items: center;

  padding: 0 0 40px;
}

#activities_section .container {
  display: flex;

  flex-direction: column;

  gap: 80px;
}

#activities_section .section_heading {
  margin: 20px 0 -60px 0;
}

#activities_section .activities_img_container {
  position: relative;
}

#activities_section .activities_img_container::after {
  position: absolute;

  content: "";

  width: 100%;

  height: 100%;

  background: linear-gradient(to top, var(--black), transparent);

  z-index: 0;

  top: 0;

  bottom: 0;
}

#activities_section .carousel-inner .testimonial_insta_container {
  position: absolute;

  bottom: 30px;

  right: 30px;

  height: 50px;

  width: 50px;

  border-radius: 50%;

  border: 1px solid var(--white);

  background: transparent;

  text-align: center;

  opacity: 1;

  display: flex;

  justify-content: center;

  align-items: center;
}

#activities_section .carousel-inner .testimonial_insta_container:hover {
  background-color: var(--white);
}

#activities_section .carousel-inner .testimonial_insta_container:hover a i {
  color: var(--red) !important;
}

#activities_section .carousel-inner .testimonial_insta_container a i {
  font-size: 25px !important;
}

#activities_section .activities_img_container .activities_bottom_title {
  position: absolute;

  bottom: 30px;

  left: 30px;

  opacity: 1;

  z-index: 1;

  padding: 0 12px;
}

#activities_section .activities_img_container .activities_bottom_title a {
  font-size: 18px;

  line-height: 21px;

  color: var(--white);

  letter-spacing: 0.3px;

  text-decoration: none;

  z-index: 1;
}

#activities_section .activities_bottom_anchor {
  position: absolute;

  right: 0;

  bottom: -32px;
}

#activities_section .activities_bottom_anchor a {
  font-size: 12px;

  font-weight: 700;

  line-height: 19px;

  color: var(--color-paragraph);

  letter-spacing: 0.3px;

  text-transform: uppercase;

  text-decoration: none;
}

#activities_section .testimonial_content {
  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  opacity: 0;

  transition: all 0.5s ease-in-out;

  width: 100%;

  height: 100%;

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  padding: 0 15px;
}

#activities_section .activities_img_container:hover .testimonial_content {
  opacity: 1;
}

#activities_section .testimonial_content::after {
  content: "";

  position: absolute;

  width: 100%;

  height: 100%;

  background-color: var(--black) aa;

  z-index: -1;

  top: 0;

  bottom: 0;
}

#activities_section .testimonial_content .testimonial_heading {
  font-size: 16px;

  font-weight: 700;

  line-height: 21px;

  color: var(--white);

  letter-spacing: 0.3px;

  text-transform: uppercase;

  margin: 0;
}

#activities_section .testimonial_content .testimonial_description {
  margin-bottom: 27px;

  font-size: 17px;

  font-weight: 400;

  line-height: 19px;

  color: var(--white);

  letter-spacing: 0.3px;

  max-height: 190px;

  padding-top: 20px;
}

#activities_section .testimonial_content .testimonial_anchor {
  font-size: 18px;

  font-weight: 700;

  line-height: 21px;

  color: var(--white);

  letter-spacing: 0.3px;

  text-decoration: none;
}

#activities_section .section_heading h2 {
  font-size: 36px;

  font-weight: 600;

  line-height: 60px;

  /* color: var(--red); */

  color: #2e7c3c;

  display: block;
}

/* #activities_section .section_heading p{

        font-size: 15px;

        font-weight: 700;

        line-height: 18px;

        color: var( --color-paragraph);

        margin-bottom: -62px;

   }

    */

/* carousel_three_start */

#activities_section #carousel_3 .carosel-controls {
  position: absolute;

  left: 25%;

  bottom: -32px;

  z-index: 2;

  transform: translateX(-50%);
}

#activities_section #carousel_3 .carousel-indicators {
  position: relative;

  margin: auto;
}

#activities_section #carousel_3 .carousel-indicators button {
  height: 15px;

  width: 15px;

  margin: 0 5px;

  border-radius: 50%;

  transition: all 0.3s ease;
}

#activities_section #carousel_3 .carousel-indicators button.active {
  transform: scale(1.3);
}

#activities_section #carousel_3 .carousel-control-next,
#activities_section #carousel_3 .carousel-control-prev {
  height: 15px;

  width: 15px;

  color: var(--color-paragraph);

  background-color: unset;

  opacity: 2;

  z-index: 3;

  top: 50%;

  transform: translateY(-50%);

  transition: all 0.3s ease;

  border-radius: 50%;
}

#activities_section #carousel_3 .carousel-control-next:hover,
#activities_section #carousel_3 .carousel-control-prev:hover {
  box-shadow: 0 0 10px var(--black);
}

#activities_section #carousel_3 .carousel-control-next {
  right: -20px;
}

#activities_section #carousel_3 .carousel-control-prev {
  left: -20px;
}

#activities_section #carousel_3 .fa-arrow-alt-circle-right:before,
.fa-circle-right:before {
  content: "\f35a";

  font-size: 20px;
}

#activities_section #carousel_3 .fa-arrow-alt-circle-left:before,
.fa-circle-left:before {
  content: "\f359";

  font-size: 20px;
}

#activities_section #carousel_3 .grey_btn {
  background-color: var(--color-paragraph) !important;

  opacity: 2;

  border: 3px solid transparent;
}

#activities_section #carousel_3 .blue_btn {
  /* background-color: var(--dark-cyan) !important; */

  background-color: #2e7c3c !important;

  opacity: 2;

  border: 3px solid transparent;
}

#activities_section #carousel_3 .red_btn {
  background-color: var(--red) !important;

  opacity: 2;

  border: 3px solid transparent;
}

/* carousel_three_End */

/* carousel_four_start */

#activities_section #carousel_4 .carosel-controls {
  position: absolute;

  left: 25%;

  bottom: -32px;

  z-index: 2;

  transform: translateX(-50%);
}

#activities_section #carousel_4 .carousel-indicators {
  position: relative;

  margin: auto;
}

#activities_section #carousel_4 .carousel-indicators button {
  height: 15px;

  width: 15px;

  margin: 0 5px;

  border-radius: 50%;

  transition: all 0.3s ease;
}

#activities_section #carousel_4 .carousel-indicators button.active {
  transform: scale(1.3);
}

#activities_section #carousel_4 .carousel-control-next,
#activities_section #carousel_4 .carousel-control-prev {
  height: 15px;

  width: 15px;

  color: var(--color-paragraph);

  background-color: unset;

  opacity: 2;

  z-index: 3;

  top: 50%;

  transform: translateY(-50%);

  transition: all 0.3s ease;

  border-radius: 50%;
}

#activities_section #carousel_4 .carousel-control-next:hover,
#activities_section #carousel_4 .carousel-control-prev:hover {
  box-shadow: 0 0 10px var(--black);
}

#activities_section #carousel_4 .carousel-control-next {
  right: -20px;
}

#activities_section #carousel_4 .carousel-control-prev {
  left: -20px;
}

#activities_section #carousel_4 .fa-arrow-alt-circle-right:before,
.fa-circle-right:before {
  content: "\f35a";

  font-size: 20px;
}

#activities_section #carousel_4 .fa-arrow-alt-circle-left:before,
.fa-circle-left:before {
  content: "\f359";

  font-size: 20px;
}

#activities_section #carousel_4 .grey_btn {
  background-color: var(--color-paragraph) !important;

  opacity: 2;

  border: 3px solid transparent;
}

#activities_section #carousel_4 .blue_btn {
  /* background-color: var(--dark-cyan) !important; */

  background-color: #2e7c3c !important;

  opacity: 2;

  border: 3px solid transparent;
}

#activities_section #carousel_4 .red_btn {
  background-color: var(--red) !important;

  opacity: 2;

  border: 3px solid transparent;
}

/* carousel_four_end */

/* carousel_five_start */

#activities_section #carousel_5 .carosel-controls {
  position: absolute;

  left: 25%;

  bottom: -32px;

  z-index: 2;

  transform: translateX(-50%);
}

#activities_section #carousel_5 .carousel-indicators {
  position: relative;

  margin: auto;
}

#activities_section #carousel_5 .carousel-indicators button {
  height: 15px;

  width: 15px;

  margin: 0 5px;

  border-radius: 50%;

  transition: all 0.3s ease;
}

#activities_section #carousel_5 .carousel-indicators button.active {
  transform: scale(1.3);
}

#activities_section #carousel_5 .carousel-control-next,
#activities_section #carousel_5 .carousel-control-prev {
  height: 15px;

  width: 15px;

  color: var(--color-paragraph);

  background-color: unset;

  opacity: 2;

  z-index: 3;

  top: 50%;

  transform: translateY(-50%);

  transition: all 0.3s ease;

  border-radius: 50%;
}

#activities_section #carousel_5 .carousel-control-next:hover,
#activities_section #carousel_5 .carousel-control-prev:hover {
  box-shadow: 0 0 10px var(--black);
}

#activities_section #carousel_5 .carousel-control-next {
  right: -20px;
}

#activities_section #carousel_5 .carousel-control-prev {
  left: -20px;
}

#activities_section #carousel_5 .fa-arrow-alt-circle-right:before,
.fa-circle-right:before {
  content: "\f35a";

  font-size: 20px;
}

#activities_section #carousel_5 .fa-arrow-alt-circle-left:before,
.fa-circle-left:before {
  content: "\f359";

  font-size: 20px;
}

#activities_section #carousel_5 .grey_btn {
  background-color: var(--color-paragraph) !important;

  opacity: 2;

  border: 3px solid transparent;
}

#activities_section #carousel_5 .blue_btn {
  /* background-color: var(--dark-cyan) !important; */

  background-color: #2e7c3c !important;

  opacity: 2;

  border: 3px solid transparent;
}

#activities_section #carousel_5 .red_btn {
  background-color: var(--red) !important;

  opacity: 2;

  border: 3px solid transparent;
}

/* carousel_five_end */

#activities_section .video_section .bottom_header {
  background-color: var(--red);

  width: 100%;

  text-align: center;

  padding: 8px 0;
}

#activities_section .fa-video-camera:before,
.fa-video:before {
  content: "\f03d";

  font-size: 17px;

  padding-right: 10px;
}

#activities_section .video_section .bottom_header a {
  font-size: 16px;

  font-weight: 500;

  color: var(--white);

  text-decoration: none;

  text-transform: uppercase;
}

#activities_section .video_section {
  position: relative;
}

#activities_section .video_section .playbutton_container {
  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);
}

#activities_section .video_section .playbutton_container .fa-play:before {
  content: "\f04b";

  font-size: 30px;
}

/* ----------------------------------testimonial_section------------------------------------------- */

#testimonial_section {
  height: auto;

  padding-bottom: 100px;

  /* background-color: var(--dark-cyan); */

  background-color: #2e7c3c;

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;
}

#testimonial_section .testimonial_section_heading {
  padding: 50px 0;

  text-align: center;
}

#testimonial_section .testimonial_section_heading h3 {
  color: var(--white);

  font-size: 24px;

  font-weight: 600;

  line-height: 27px;

  text-transform: uppercase;
}

#testimonial_section .testimonial_section_heading span {
  display: inline-block;

  border-top: 2px solid var(--white);

  width: 50px;

  transition: all 0.6s;
}

#testimonial_section .testimonial_section_heading:hover span {
  width: 200px;
}

#testimonial_section #carouselExampleIndicators .carousel-inner {
  width: 800px;

  height: 300px;

  margin: auto;

  border: 2px solid white;
}

#testimonial_section
  #carouselExampleIndicators
  .carousel-inner
  .carousel-item
  .content_slider
  .slide_content {
  display: flex;

  justify-content: center;

  align-items: center;

  height: 250px;

  width: 100%;
}

#testimonial_section
  #carouselExampleIndicators
  .carousel-inner
  .carousel-item
  .content_slider
  .slide_content
  .content {
  padding: 0 35px;
}

#testimonial_section
  #carouselExampleIndicators
  .carousel-inner
  .carousel-item
  .content_slider
  .slide_content
  .content
  p {
  /* padding: 20px; */

  color: #ffffff;

  font-size: 16px;
}

#testimonial_section #carouselExampleIndicators .carousel-control-next,
#testimonial_section #carouselExampleIndicators .carousel-control-prev {
  position: absolute;

  top: 126px;

  right: 218px;

  z-index: 1;

  display: flex;

  align-items: center;

  justify-content: center;

  width: 38px;

  height: 38px;

  border-radius: 50%;

  padding: 0;

  background-color: var(--white);

  color: #fff;

  text-align: center;

  border: 0;

  opacity: 1;

  transition: all.5s ease;

  text-align: center;
}

#testimonial_section #carouselExampleIndicators .carousel-control-next:hover {
  background-color: var(--black);
}

#testimonial_section #carouselExampleIndicators .carousel-control-next:hover i {
  color: var(--white);
}

#testimonial_section #carouselExampleIndicators .carousel-control-prev {
  left: 218px;
}

#testimonial_section #carouselExampleIndicators .carousel-control-prev:hover {
  background-color: var(--black);
}

#testimonial_section #carouselExampleIndicators .carousel-control-prev:hover i {
  color: var(--white);
}

#testimonial_section #carouselExampleIndicators .carousel-control-next i {
  color: var(--dark-cyan);
}

#testimonial_section #carouselExampleIndicators .carousel-control-prev i {
  color: var(--dark-cyan);
}

#testimonial_section .carousel-indicators [data-bs-target] {
  box-sizing: content-box;

  flex: 0 1 auto;

  width: 60px;

  height: 60px;

  border-radius: 50%;

  padding: 0;

  text-indent: -999px;

  cursor: pointer;

  background-clip: padding-box;

  border: 0;

  opacity: 1;

  transition: opacity 0.6s ease;
}

#testimonial_section .carousel-indicators {
  position: absolute;

  right: 0;

  bottom: -45px;

  left: 0;

  z-index: 2;

  display: flex;

  justify-content: center;

  padding: 0px;

  margin-right: 15%;

  margin-bottom: 1rem;

  margin-left: 15%;

  list-style: none;

  gap: 30px;
}

#testimonial_section .carousel-indicators button img {
  display: block;

  width: 60px;

  height: 60px;

  border-radius: 50%;

  transition: all 1s;

  border: 2px solid var(--white);
}

#testimonial_section .carousel-indicators .active p {
  display: inline;

  color: var(--white);

  font-size: 10px;
}

#testimonial_section .carousel-indicators .active img {
  transform: scale(1.3);
}

#testimonial_section .carousel-indicators button p {
  display: none;
}

.profile_name {
  display: block;
}

.profile_name h5 {
  font-size: 18px;

  color: #fff;
}

/* ----------------------------------------------footer_section------------------------------------- */

#footer_section {
  height: auto;

  width: 100%;

  background-color: var(--color-paragraph);

  background-size: cover;

  background-position: center;

  background-repeat: no-repeat;

  display: flex;

  align-items: center;

  padding: 40px 0;
}

#footer_section .ekashila_footer_brand_container {
  display: flex;

  align-items: center;

  justify-content: space-between;

  border-bottom: solid 1px var(--white);

  margin-bottom: 50px;
}

#footer_section .ekashila_footer_brand_container .ekashila_footer_brand {
  text-align: left;
}

#footer_section .ekashila_footer_brand_container .ekashila_footer_brand img {
  width: 270px;

  height: auto;
}

#footer_section .socialmedia_icons_wrapper {
  display: flex;

  margin: 30px 0px;

  text-align: end;
}

#footer_section .socialmedia_icons_wrapper li {
  position: relative;

  height: 55px;

  width: 55px;

  border-radius: 50%;

  background-color: var(--white);

  margin-right: 12px;

  display: flex;

  flex-direction: row;

  justify-content: center;

  padding-top: 10px;
}

#footer_section .socialmedia_icons_wrapper li a i {
  font-size: 18px;

  color: var(--color-paragraph);
}

#footer_section .socialmedia_icons_wrapper li::after {
  position: absolute;

  content: "";

  height: 50px;

  width: 34px;

  bottom: -28px;

  right: -6px;

  border-radius: 50%;

  background-color: var(--color-paragraph);
}

#footer_section .socialmedia_icons_wrapper li::before {
  position: absolute;

  content: "";

  height: 50px;

  width: 34px;

  left: -6px;

  bottom: -28px;

  border-radius: 50%;

  background-color: var(--color-paragraph);
}

#footer_section .row {
  padding: 30px 0;
}

#footer_section .add {
  display: flex;

  gap: 15px;
}

#footer_section .add .root_img {
  height: 55px;

  width: 55px;
}

#footer_section .add .address h3 {
  font-size: 21px;

  font-weight: bold;

  margin-bottom: 10px;

  color: var(--white);

  text-transform: uppercase;
}

#footer_section .add .address a {
  font-size: 16px;

  color: var(--white);
}

#footer_section .quick_links_wrapper .quick_links {
  display: flex;

  white-space: nowrap;

  gap: 15px;
}

#footer_section .quick_links_wrapper .quick_links li a {
  text-transform: capitalize;
}

#footer_section .quick_links_wrapper .quick_links li {
  flex: 1 0 30%;
}

/* ------------------------------------copyright_styling----------------------------------------------------------------- */

#copyright_section {
  background-color: var(--black);

  color: var(--white);

  padding: 10px 0;
}

#copyright_section .container {
  display: flex;

  align-items: center;

  justify-content: space-between;
}

#copyright_section p {
  font-size: 14px;
}

#copyright_section p a {
  color: var(--color-secondary);
}

/* ---------------------------------------------footer_style_end-------------------------------------------------------- */

#myBtn {
  font-size: 18px;

  background-color: var(--yellow);

  color: black;

  cursor: pointer;

  padding: 10px 15px;

  border: solid 2px balck;

  z-index: 999;

  border-radius: 20px 0 0 0;

  transition: 0.5s all ease-in-out;

  border-bottom: 0;

  border-right: 0;
}

.top_arrow {
  position: fixed;

  bottom: 0;

  right: 0;

  z-index: 5;
}

/*------------------------------------------------------Responsive css------------------------------------------------------------------------ */

@media screen and (max-width: 1536px) {
  .nav_header ul li a {
    font-size: 15px;
  }

  #banner_section {
    height: calc(100vh - 143.02px);
  }

  #banner_section
    #carouselExampleIndicators1
    .carousel-inner
    .carousel-item
    img {
    height: calc(100vh - 143.02px);
  }

  .navbar_section .Ekashila_Techno_Logo {
    width: 250px;
  }

  #about_section .about_section_content p {
    font-size: 15px;
  }

  #acadamics_section {
    height: auto;

    padding: 45px 0;
  }

  #acadamics_section .section_heading h2 {
    font-size: 32px;
  }

  #acadamics_section .overlay_card p {
    font-size: 15px;
  }

  #fecilities_section .section_heading h2 {
    font-size: 32px;
  }

  #activities_section {
    height: auto;

    padding-bottom: 32px;
  }

  #activities_section .section_heading h2 {
    font-size: 32px;
  }

  #footer_section .add .address h3 {
    font-size: 20px;
  }
}

@media screen and (max-width: 1440px) {
  #banner_section {
    height: calc(100vh - 137.57px);
  }

  #banner_section
    #carouselExampleIndicators1
    .carousel-inner
    .carousel-item
    img {
    height: calc(100vh - 137.57px);
  }

  .navbar_section .Ekashila_Techno_Logo {
    width: 230px;
  }

  #acadamics_section {
    padding: 24px 0;
  }

  #acadamics_section .section_heading {
    margin-bottom: 16px;
  }
}

@media screen and (max-width: 1366px) {
  .nav_header ul li a {
    font-size: 14px;
  }

  #banner_section {
    height: calc(100vh - 143.02px);
  }

  #banner_section
    #carouselExampleIndicators1
    .carousel-inner
    .carousel-item
    img {
    height: calc(100vh - 143.02px);
  }

  .navbar_section .Ekashila_Techno_Logo {
    width: 250px;
  }

  .navbar-nav .nav-item .nav-link {
    font-size: 15px;
  }

  #about_section .about_section_content {
    padding: 6px 20px;
  }

  #about_section .about_section_content p {
    font-size: 14px;
  }

  #acadamics_section .section_heading {
    margin-bottom: 12px;
  }

  #acadamics_section .section_heading h2 {
    font-size: 30px;
  }

  #acadamics_section .overlay_card p {
    font-size: 14px;
  }

  #fecilities_section {
    height: auto;

    background-color: var(--black);

    padding-bottom: 30px;
  }

  #fecilities_section .section_heading h2 {
    font-size: 30px;
  }

  #fecilities_section .fecilities_img_container .content_over_card a {
    margin-top: 0;
  }

  #activities_section {
    height: auto;

    background-color: var(--white);

    padding-bottom: 40px;
  }

  #activities_section .section_heading h2 {
    font-size: 30px;
  }

  #testimonial_section #carouselExampleIndicators .carousel-control-prev {
    left: 128px;
  }

  #testimonial_section #carouselExampleIndicators .carousel-control-next,
  .carousel-control-prev {
    right: 128px;
  }

  #footer_section {
    padding: 5px 0;
  }

  #footer_section .ekashila_footer_brand_container {
    margin-bottom: 20px;
  }

  #footer_section .add .address h3 {
    font-size: 18px;
  }
}

@media screen and (max-width: 1280px) {
  #banner_section {
    height: calc(100vh - 129.38px);
  }

  #banner_section
    #carouselExampleIndicators1
    .carousel-inner
    .carousel-item
    img {
    height: calc(100vh - 129.38px);
  }

  .navbar_section .navbar-nav .nav-item .nav-link {
    display: block;

    font-size: 14px;
  }

  .navbar_section .Ekashila_Techno_Logo {
    width: 200px;
  }
}

@media screen and (max-width: 1200px) {
  .nav_header {
    padding: 8px 0px;
  }

  .navbar_section .navbar-nav .nav-item .nav-link {
    display: block;

    font-size: 13px;
  }

  #acadamics_section .section_heading h2 {
    font-size: 36px;
  }

  #acadamics_section .section_heading {
    margin-bottom: 0px;
  }

  #fecilities_section .section_heading {
    margin-bottom: -12px;
  }

  #activities_section .section_heading h2 {
    font-size: 36px;
  }

  #activities_section .section_heading {
    margin: 20px 0 -80px 0;
  }
}

@media screen and (max-width: 1199px) {
  #about_section .about_section_content {
    padding: 0 0;
  }

  #about_section .about_section_content p {
    padding: 16px 0 20px;
  }

  #about_section .about_section_content h2 {
    font-size: 24px;
  }

  #about_section .about_section_content h4 {
    font-size: 20px;
  }

  #acadamics_section .section_heading h2 {
    font-size: 28px;
  }

  #acadamics_section .overlay_card p {
    padding: 0px 0 12px 0;
  }

  #fecilities_section {
    height: auto;

    background-color: var(--black);
  }

  #fecilities_section .section_heading h2 {
    font-size: 28px;
  }

  #activities_section .section_heading {
    margin: 20px 0 -72px 0;
  }

  #activities_section .section_heading h2 {
    font-size: 28px;
  }

  #activities_section .container {
    display: flex;

    flex-direction: column;

    row-gap: 70px;
  }

  #activities_section .video_section .bottom_header a {
    font-size: 15px;
  }

  #testimonial_section #carouselExampleIndicators .carousel-control-next,
  .carousel-control-prev {
    right: 38px;
  }

  #testimonial_section #carouselExampleIndicators .carousel-control-prev {
    left: 38px;
  }

  #footer_section .second_row .footer_directions li {
    padding-left: 5px;
  }
}

@media screen and (max-width: 1152px) {
  #banner_section {
    height: calc(100vh - 125.83px);
  }

  #banner_section
    #carouselExampleIndicators1
    .carousel-inner
    .carousel-item
    img {
    height: calc(100vh - 125.83px);
  }

  .navbar_section .Ekashila_Techno_Logo {
    width: 202px;
  }

  #activities_section .section_heading {
    margin: 20px 0 -70px 0;
  }
}

@media screen and (max-width: 1024px) {
  #banner_section {
    height: calc(100vh - 107.38px);
  }

  #banner_section .carousel-control-next,
  #banner_section .carousel-control-prev {
    width: 35px;

    height: 35px;
  }

  #banner_section .carousel-control-next-icon,
  #banner_section .carousel-control-prev-icon {
    width: 1.2rem;
  }

  #banner_section
    #carouselExampleIndicators1
    .carousel-inner
    .carousel-item
    img {
    height: calc(100vh - 107.38px);
  }

  .navbar_section .navbar-nav .nav-item .nav-link {
    display: block;

    font-size: 12px;
  }
}

@media screen and (max-width: 991px) {
  .nav_header ul li a {
    font-size: 16px;
  }
}

@media screen and (max-width: 992px) {
  #banner_section {
    height: calc(100vh - 109.94px);
  }

  #banner_section
    #carouselExampleIndicators1
    .carousel-inner
    .carousel-item
    img {
    height: calc(100vh - 109.94px);
  }

  .navbar_section .navbar-nav .nav-item .nav-link {
    display: block;

    font-size: 11px;
  }

  #footer_section .quick_links_wrapper .quick_links {
    display: flex;

    white-space: nowrap;

    gap: 10px;
  }

  #copyright_section {
    padding: 10px 35px;
  }
}

@media screen and (max-width: 991px) {
  #banner_section {
    height: auto;
  }

  #banner_section
    #carouselExampleIndicators1
    .carousel-inner
    .carousel-item
    img {
    height: 250px;
  }

  .nav-item .dropdown-menu[data-bs-popper] {
    transform: unset;

    width: fit-content;
  }

  .nav_header ul {
    padding-right: 0;
  }

  #about_section {
    padding: 50px 0;
  }

  #about_section .about_section_content {
    padding: 35px 0 0;
  }

  #about_section .about_section_content p {
    color: var(--color-paragraph);

    font-size: 16px;
  }

  #about_section .about_section_content h2 {
    font-size: 28px;
  }

  #acadamics_section .overlay_card p {
    font-size: 16px;
  }

  #fecilities_section {
    padding: 12px 0;
  }

  #activities_section .section_heading {
    padding-top: 0px;

    text-align: left;
  }

  #activities_section .row {
    display: flex;

    justify-content: center;
  }

  #activities_section .carousel-inner {
    position: relative;

    width: 100%;

    overflow: hidden;

    padding-bottom: 60px;
  }

  #activities_section #carousel_3 .carosel-controls {
    left: 22%;

    bottom: 30px;
  }

  #activities_section #carousel_4 .carosel-controls {
    left: 22%;

    bottom: 30px;
  }

  #activities_section #carousel_5 .carosel-controls {
    left: 22%;

    bottom: 30px;
  }

  #activities_section .activities_bottom_anchor {
    right: 5px;

    bottom: 30px;
  }

  #activities_section .video_section {
    position: relative;

    margin-bottom: 30px;
  }

  #testimonial_section #carouselExampleIndicators .carousel-inner {
    margin: 0 -65px 0;
  }

  #testimonial_section #carouselExampleIndicators .carousel-control-prev {
    left: -84px;
  }

  #testimonial_section #carouselExampleIndicators .carousel-control-next,
  .carousel-control-prev {
    right: -80px;
  }

  #footer_section .container .row .col-xl-4:nth-child(3) {
    margin-top: 30px;
  }

  #footer_section .ekashila_footer_brand_container {
    margin-bottom: 35px;
  }

  #copyright_section p {
    font-size: 13px;
  }
}

@media screen and (max-width: 768px) {
  #banner_section .carousel-control-prev {
    top: 50%;

    left: 50px;
  }

  #banner_section .carousel-control-next {
    top: 50%;

    right: 50px;
  }

  #testimonial_section #carouselExampleIndicators .carousel-inner {
    margin: 0 -65px 0 0;

    width: 665px;
  }

  #testimonial_section #carouselExampleIndicators .carousel-control-prev {
    left: -18px;
  }

  #testimonial_section #carouselExampleIndicators .carousel-control-next,
  .carousel-control-prev {
    right: -10px;
  }

  #copyright_section p {
    font-size: 12px;
  }
}

@media screen and (max-width: 767px) {
  .nav_header ul li a {
    font-size: 15px;
  }

  #about_section .about_section_content p {
    font-size: 15px;
  }

  #acadamics_section .overlay_card p {
    font-size: 15px;
  }

  #testimonial_section #carouselExampleIndicators .carousel-inner {
    margin: 0 -45px 0;

    width: 580px;
  }

  #testimonial_section #carouselExampleIndicators .carousel-control-prev {
    left: -63px;
  }

  #testimonial_section #carouselExampleIndicators .carousel-control-next,
  .carousel-control-prev {
    right: -60px;
  }

  #activities_section .activities_bottom_anchor a {
    font-size: 14px;
  }

  #activities_section #carousel_4 .carosel-controls {
    left: 16%;

    bottom: 30px;
  }

  #activities_section #carousel_3 .carosel-controls {
    left: 16%;

    bottom: 30px;
  }

  #activities_section #carousel_5 .carosel-controls {
    left: 16%;

    bottom: 30px;
  }

  #footer_section .ekashila_footer_brand_container .ekashila_footer_brand img {
    width: 325px;

    height: auto;
  }

  #footer_section .ekashila_footer_brand_container {
    border-bottom: none;

    margin-bottom: 40px;
  }

  #footer_section .add {
    display: flex;

    gap: 15px;

    margin-bottom: 30px;
  }

  #footer_section .add .address h3 {
    margin-bottom: 6px;
  }

  #footer_section .add .address a {
    font-size: 18px;

    color: var(--white);
  }

  #footer_section .socialmedia_icons_wrapper li {
    padding-top: 4px;
  }

  #footer_section .socialmedia_icons_wrapper {
    display: flex;

    margin: 0 0;

    text-align: end;
  }

  #copyright_section .container {
    display: flex;

    flex-direction: column;

    align-items: baseline;
  }
}

@media screen and (max-width: 600px) {
  #testimonial_section #carouselExampleIndicators .carousel-inner {
    margin: 0 -45px 0 0;

    width: 500px;

    height: 260px;
  }

  #testimonial_section #carouselExampleIndicators .carousel-control-prev {
    left: -18px;
  }

  #testimonial_section #carouselExampleIndicators .carousel-control-next,
  .carousel-control-prev {
    right: -25px;
  }
}

@media screen and (max-width: 575px) {
  #testimonial_section #carouselExampleIndicators .carousel-inner {
    margin: 0 -45px 0 15px;
  }

  #testimonial_section #carouselExampleIndicators .carousel-control-prev {
    left: -4px;
  }

  #testimonial_section #carouselExampleIndicators .carousel-control-next,
  .carousel-control-prev {
    right: -6px;
  }

  #testimonial_section
    #carouselExampleIndicators
    .carousel-inner
    .carousel-item
    .content_slider
    .slide_content
    .content
    h4 {
    padding: 0px;

    color: #ffffff;

    font-size: 20px;

    font-weight: 500;

    line-height: 26px;
  }
}

@media screen and (max-width: 540px) {
  #testimonial_section #carouselExampleIndicators .carousel-inner {
    margin: 0 0 0 45px;

    width: 390px;
  }

  #testimonial_section #carouselExampleIndicators .carousel-control-next,
  .carousel-control-prev {
    right: 40px;
  }

  #testimonial_section #carouselExampleIndicators .carousel-control-prev {
    left: 26px;
  }

  #testimonial_section
    #carouselExampleIndicators
    .carousel-inner
    .carousel-item
    .content_slider
    .slide_content
    .content
    h4 {
    padding: 0px;

    font-size: 18px;
  }
}

@media screen and (max-width: 432px) {
  #banner_section .carousel-control-next,
  #banner_section .carousel-control-prev {
    width: 36px;

    height: 36px;
  }

  #banner_section .carousel-control-next {
    top: 50%;

    right: 35px;
  }

  #banner_section .carousel-control-prev {
    top: 50%;

    left: 35px;
  }

  #banner_section .carousel-indicators [data-bs-target] {
    height: 4px;
  }

  #activities_section #carousel_3 .carosel-controls {
    left: 20%;

    bottom: 30px;
  }

  #activities_section #carousel_4 .carosel-controls {
    left: 20%;

    bottom: 30px;
  }

  #activities_section #carousel_5 .carosel-controls {
    left: 20%;

    bottom: 30px;
  }

  #testimonial_section #carouselExampleIndicators .carousel-inner {
    margin: 0 0 0 45px;

    width: 295px;
  }

  #testimonial_section #carouselExampleIndicators .carousel-control-next,
  .carousel-control-prev {
    right: 26px;
  }

  #testimonial_section .carousel-indicators button img {
    width: 50px;

    height: 50px;
  }

  #testimonial_section .carousel-indicators [data-bs-target] {
    width: 50px;

    height: 50px;
  }

  #testimonial_section .carousel-indicators {
    bottom: -40px;
  }

  #testimonial_section
    #carouselExampleIndicators
    .carousel-inner
    .carousel-item
    .content_slider
    .slide_content
    .content
    h4 {
    font-size: 16px;
  }

  #copyright_section {
    padding: 10px 0px;
  }
}

@media screen and (max-width: 425px) {
  #testimonial_section #carouselExampleIndicators .carousel-control-next,
  .carousel-control-prev {
    right: 20px;
  }
}

@media screen and (max-width: 414px) {
  #testimonial_section #carouselExampleIndicators .carousel-control-next,
  .carousel-control-prev {
    right: 8px;
  }

  #testimonial_section .carousel-indicators {
    right: 0;

    bottom: -40px;

    left: 25px;
  }
}

@media screen and (max-width: 412px) {
  #copyright_section p {
    font-size: 11px;
  }
}

@media screen and (max-width: 400px) {
  #acadamics_section .section_heading h2 {
    font-size: 32px;
  }

  #acadamics_section .section_heading {
    margin-bottom: -5px;
  }

  #fecilities_section .section_heading h2 {
    font-size: 32px;
  }

  #fecilities_section .section_heading {
    margin-bottom: -14px;
  }

  #activities_section .section_heading h2 {
    font-size: 32px;
  }

  #activities_section .section_heading {
    margin: 20px 0 -74px 0;
  }

  #testimonial_section #carouselExampleIndicators .carousel-control-next,
  .carousel-control-prev {
    right: -5px;
  }
}

@media screen and (max-width: 394px) {
  .nav_header ul li {
    margin-right: 30px;
  }

  #activities_section .activities_img_container .activities_bottom_title a {
    font-size: 16px;
  }

  #testimonial_section #carouselExampleIndicators .carousel-inner {
    margin: 0 0 0 20px;

    width: 295px;
  }

  #testimonial_section #carouselExampleIndicators .carousel-control-next,
  .carousel-control-prev {
    right: 14px;
  }

  #testimonial_section #carouselExampleIndicators .carousel-control-prev {
    left: 2px;
  }

  #testimonial_section .carousel-indicators {
    left: 0px;
  }

  #footer_section .add {
    gap: 8px;
  }
}

@media screen and (max-width: 390px) {
  #testimonial_section #carouselExampleIndicators .carousel-control-next,
  .carousel-control-prev {
    right: 10px;
  }
}

@media screen and (max-width: 385px) {
  #about_section .about_section_content h4 {
    font-size: 18px;
  }

  #about_section .about_section_content h2 {
    font-size: 25px;
  }

  #acadamics_section .section_heading h2 {
    font-size: 28px;
  }

  #fecilities_section .section_heading h2 {
    font-size: 28px;
  }

  #activities_section .section_heading h2 {
    font-size: 28px;
  }

  #testimonial_section #carouselExampleIndicators .carousel-control-next,
  .carousel-control-prev {
    right: 5px;
  }

  #footer_section .quick_links_wrapper .quick_links {
    display: unset;
  }

  #copyright_section p {
    font-size: 11px;
  }
}

@media screen and (max-width: 375px) {
  .nav_header ul li {
    margin-right: 26px;
  }

  #activities_section #carousel_3 .carosel-controls {
    left: 24%;

    bottom: 30px;
  }

  #activities_section #carousel_4 .carosel-controls {
    left: 24%;

    bottom: 30px;
  }

  #activities_section #carousel_5 .carosel-controls {
    left: 24%;

    bottom: 30px;
  }

  #testimonial_section #carouselExampleIndicators .carousel-control-next,
  .carousel-control-prev {
    right: -5px;
  }
}

@media screen and (max-width: 360px) {
  #about_section {
    padding: 35px 0;
  }

  #activities_section .video_section .bottom_header a {
    font-size: 16px;
  }

  #testimonial_section #carouselExampleIndicators .carousel-inner {
    margin: 0px 0 0 4px;

    width: 305px;
  }

  #testimonial_section #carouselExampleIndicators .carousel-control-prev {
    left: -14px;
  }

  #testimonial_section #carouselExampleIndicators .carousel-control-next,
  .carousel-control-prev {
    right: -15px;
  }

  #copyright_section p {
    font-size: 10px;
  }

  #myBtn {
    font-size: 14px;

    padding: 18px 15px;
  }
}

@media screen and (max-width: 320px) {
  .nav_header ul li {
    margin-right: 18px;
  }

  .nav_header ul li a {
    font-size: 14px;
  }

  .navbar_section .Ekashila_Techno_Logo {
    width: 170px;
  }

  #about_section .about_section_content p {
    font-size: 14px;
  }

  #acadamics_section .overlay_card p {
    font-size: 14px;
  }

  #activities_section .activities_img_container .activities_bottom_title a {
    font-size: 15px;
  }

  #activities_section .video_section .bottom_header a {
    font-size: 13px;
  }

  #testimonial_section #carouselExampleIndicators .carousel-inner {
    width: 264px;
  }

  #testimonial_section #carouselExampleIndicators .carousel-control-next,
  .carousel-control-prev {
    right: -13px;
  }

  #testimonial_section .carousel-indicators button img {
    width: 35px;

    height: 35px;
  }

  #testimonial_section .carousel-indicators [data-bs-target] {
    width: 35px;

    height: 35px;
  }

  #testimonial_section .carousel-indicators {
    bottom: -34px;
  }

  #copyright_section p {
    font-size: 8px;
  }
}
