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 8px;

  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: 10px;

  font-family: ff-scala-sans-pro, sans-serif;

  font-size: 12px;
  text-align:justify;

  font-weight: 500;

  line-height: 20px;

  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: auto;

  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: 16px;
    line-height: 20px;

  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;    margin: 15px 0px 0px 0px;

  }



  #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:auto !important;

  }



  .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;

  }
  #banner_section .carousel-indicators [data-bs-target] {

    width: 28px;
    height: 3px;
  }

}



@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;

  }

}