body {
  overflow-x: hidden !important;

}
h1, h2, h3 {
  font-family: var(--font-heading-poppins);
}
p {
  font-family: var(--font-paragraph-noto);
}

/* Banner vedio */
.bannersection {
	/* height: calc(100vh - 6.9vh) ; */
		height: calc(100vh - 9.3vh) ;
	width: 100vw;
	overflow: hidden;
	background-color: var(--black);
	position: relative;
  }
  video {
	width: 100vw;
	height: 100vh;
	object-fit: cover;
  }
  .audio-icon {
	position: absolute;
	top: 45px;
	right: 100px;
	font-size: 22px;
	color: var(--white);
	z-index: 10;
	cursor: pointer;
	background: var(--red);
	padding: 5px 10px;
	border-radius: 50%;
  }
  .audio-icon:hover {
	background: var(--yellow);
	color: var(--black);
  }




  /* news scroll section */
.marqueecontainer {
	background:var(--red);
	color: var(--white);
	overflow: hidden;
	white-space: nowrap;
	padding: 10px 0;
}
.marqueerow > * {
	padding: 0px !important;
}
.marquee_content {
	display: inline-block;
	animation: marquee 60s linear infinite;
}
.marqueetext {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
}
.marquee-container:hover .marquee_content {
	animation-play-state: paused;
}
.locationbtn {
	padding: 10px 15px ;
	background: var(--yellow);
	color: var(--black) ;
	margin-right: 8px;
	border-radius: 5px ;
}
.marqueetext p{
    font-size: 20px;
}
@keyframes marquee {
	0% {
		transform: translateX(0%);
	}
	100% {
		transform: translateX(-50%);
	}
}
.marqueedot {
	height: 6px;
	width: 6px;
	background-color: var(--white);
	border-radius: 50%;
	display: inline-block;
}
.marqueetextscroll {
	display: inline-flex;
	align-items: center;
	margin-right: 3rem;
}




 /* wellcomepage styles */
    .wellcomelogo {
      width: 200px;
    }

    .Wellcometext {
      padding-top: 80px;
      padding-bottom: 80px;
      text-align: center;
      min-height: 50vh;
      display: flex;
      justify-content: center;
      align-items: center;
      box-sizing: border-box;
      margin: 0;
      scroll-behavior: smooth;
      height: auto;
      /*height: fit-content;*/
    }

    h1.dynamic-heading {
      font-weight: bold;
      line-height: 1.2;
      margin-bottom: 20px;
      transition: font-size 0.2s ease;
      color: #000000;
      font-family: var(--font-heading-poppins, 'Poppins', sans-serif);
    }

    .wellcomedescription {
      width: 100%;
      max-width: 800px;
      margin: 10px auto !important;
      font-size: 16px;
      color: #555;
      line-height: 1.6;
      word-spacing: 5px;
      text-align: center;
      padding-right: 30px;
    }

    .learn-btn {
      padding: 10px 20px;
      font-size: 16px;
      background-color:var(--yellow);
      color: black;
      border: none;
      border-radius: 6px;
      cursor: pointer;
      font-weight: bold;
      box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    }
    .dynamic-heading {
       font-size: 100px;
     }
    




/* chairmen section */
.chairmensection {
	position: relative;
	height: auto;
  padding: 50px 0px;
}
.bgshape {
	position: absolute;
	top: -24px;
	left: -9px;
	z-index: -1;
}
.learn-btn {
	padding: 10px 20px;
	margin-top: 30px;
	border: none;
	border-radius: 8px;
	cursor: pointer;
	font-weight: bold;
	transition: background-color 0.3s ease;
}

.learn-btn:hover {
	background-color:var(--yellow2);
}
.Aboutchairmen {
	color: var(--red) ;
	padding: 6px 16px ;
	font-size: 16px ;
	border-radius: 20px ;
	font-weight: bold;
	margin-bottom: 16px ;
	display: inline-block ;
}

.chairmen_heading {
	width: 77% ;
	font-weight: bold;
	font-size: 55px;
	margin-top: 0;
	color: #1f2937;
	padding-bottom: 5px;
}
.chairmen_heading span {
	color:var(--red);
}
.chairmendescription {
	font-size: 15px;
	color: #444;
	line-height: 1.6;
	margin-top: 10px;
	word-spacing: 5px;
	text-align: justify;
	padding-right: 30px;
}

.featurelist {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 10px 20px;
	font-size: 16px;
	color: #333;
	margin: 20px 0;
}
.featurelist .star{

	color: var(--red);
	font-size: 20px;
}
.second-right img {
	width: 100%;
	border-radius: 10px;
}
.chairmenimgcol {
	position: relative;
}
.chairmen_img_sec, .chairmen_img_sec img{
    width: 100%;
}

.chairmenimg {
	position: relative;
	border-radius: 25px;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
	z-index: 20;
}
.doctor_box {
	position: absolute;
	bottom: 102px;
	left: 12px; 
	background: var(--green);
	color: var(--white);
	padding: 20px;
	border-radius: 25px;
	z-index: 50;
}

.doctor_box h3 {
	margin: 0;
	font-size: 20px;
}

.doctor_box p {
	margin: 5px 0 0;
}

.section3 {
	background-color: #1f2937;
	color:var(--white);
	font-size: 24px;
	text-align: center;
}

.section4 {
	background-color: #e0f7fa;
	text-align: center;
}
.yellowshape {
	position: absolute;
    bottom: 76px;
    right: 106px;
    width: 597px;
    height: 431px;
	background: var(--red);
	border-radius: 25px;
	z-index: 10;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.yellowshape2 {
	position: absolute;
	bottom: 161px;
    right: -12px;
    width: 613px;
    height: 427px;
	background: var(--yellow);
	border-radius: 25px;
	z-index: 10;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
	/* Optional: Text color on hover */
		.yellowshape .chairmenimg:hover ~ .doctor_box,
		.yellowshape .doctor_box:hover {
			color: white;
		}
.shape2 {
	position: absolute;
	bottom: -2px;
	right: -2px;
}

.chairmencolor {
	position: absolute;
	bottom: -2px;
	right: -29px;
}

.circle {
	width: 200px;
	height: 200px;
	position: absolute;
	border: 6px solid;
	border-radius: 50%;
	background: transparent;
	animation: float 4s ease-in-out infinite;
}

.circle1 {
	width: 50px;
	height: 50px;
	top: -7%;
	left: 38%;
	border-color: #ff6b6b;
	animation-delay: 0s;
	opacity: 0.2;
	z-index: 100 !important;
}

.circle2 {
	width: 100px;
	height: 100px;
	top: -6%;
	left: 86%;
	border-color: #4ecdc4;
	animation-delay: 1s;
	z-index: 10;
	opacity: 0.2;
}

.circle3 {
	width: 120px;
	height: 120px;
	top: 69%;
	left: 29%;
	border-color: #556270;
	animation-delay: 2s;
	opacity: 0.2;
}

@keyframes float {
	0%,
	100% {
		transform: translateY(0);
	}
	50% {
		transform: translateY(-30px);
	}
}




/* about school */
.about_school_section{
    background-color: var(--violet);
    padding: 100px 0px ;
    height: auto;
    width: 100%;
}
.about_school_content img{
    width: 100px;
    height: auto;
    margin-bottom: 10px;
}
 .badge-info {
	background-color: rgb(255, 85, 0);
	color: #fff;
	padding: 10px 20px;
	border-radius: 0.25rem;
	font-size: 2rem ;
	margin-bottom: 1rem;
	display: inline-block;
  }

  .buildingheading {
	font-size: 2.2rem;
	font-weight:700;
	margin-bottom: 1rem;
    color: white;

  }

  .buildingheadingtext {
	text-align: justify;
	color: rgb(255, 85, 0);
  
  }

  .buildingpara {
	font-size: 1rem;
	margin-bottom: 1rem;
    color:white;
  }

  .readmorebtn {
	display: inline-block;
	padding: 0.5rem 1rem;
	background-color: rgb(255, 85, 0);
	color: #fff;
	border-radius: 0.25rem;
	text-decoration: none;
  }

  .readmorebtn:hover {
	background-color: #0056b3;
  }
.building_img_div .about_buildingimg,.about_buildingimg img{
width: 100%;
border-radius: 25px;
}
  .about_school_section {
    position: relative;
    z-index: 0;
}
  .bgshape{
	position: absolute;
	top: 2px;
    left: 1px;
	z-index: -1;
  }
  .bgshape img {

z-index: 1;
opacity: 0.1;
width: 950px ;
}






/* School Campus Section */
   .campusessection {
    /* height: 85vh; */
      height: auto;
    padding: 100px 0px;
	/* margin-bottom: 100px; */
    z-index: 50;
}
  .campusesrow{
	padding-left: 340px !important;
  }
  .carouselwrapper {
	overflow: hidden;
  }
  .carousellink {
	display: flex;
	transition: transform 0.6s ease;
	gap: 1.5rem;
  }
  .campusheading {
		font-family: var(--font-heading-poppins);
	font-size: 50px;
	font-weight: 600;
	margin-bottom: 1.5rem;
  }
.campus-card {
		flex: 0 0 auto;
		width: 730px;
		height: 426px;
		position: relative;
		border-radius: 1rem;
		overflow: hidden;
		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
		transition: transform 0.3s ease, box-shadow 0.3s ease;
	}
	.campus-card:hover {
		/* transform: translateY(-10px);  */
		box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2); /* Deeper shadow on hover */
	}
	
  .campusesimgcontainer{
	position: relative;
  }
  /* Navigation Arrows */
  .nav-buttons {
	position: absolute;
	top: -77px;
	right: 300px;
	z-index: 100 !important;
	display: flex;
	gap: 1.5rem;
	pointer-events: auto;

  }
  .nav-buttons button {
	background: #fbbc04;
	border: none;
	border-radius: 50%;
	padding: 0.5rem 0.8rem;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
	cursor: pointer;
	transition: background 0.3s ease;
	/* padding-top: 57px; */
  }
	.nav-buttons button:hover {
		background: #d32f2f;
		transform: scale(1.1); 
	}
  /* .nav-buttons button:hover .campus-card {
	background: #b00505;
  } */
  .nav-buttons svg {
	width: 20px;
	height: 20px;
	fill: rgb(255, 255, 255);
  }
  .campus-card .position-absolute.bottom-0.end-0 i {
	font-size: 35px; 
	color: rgb(255, 208, 0);
  }
  .campus-card .position-absolute.bottom-0.end-0 i:hover {
	/* color: var(--color-red-3);  */
	color: rgb(11, 185, 11) !important;
	/* background: white; */
	padding: 0px 5px;
	margin: 0;
	border-radius: 50%;
  }
  .campus-card:hover .position-absolute.bottom-0.end-0 i {
	color: red; 
	/* color: rgb(7, 155, 7) !important; */
}
  .campus-card img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s ease, opacity 0.3s ease; 
  }
  .campus-card:hover img {
	transform: scale(1.1); 
	opacity: 0.8; 
  }
  .campus-card .position-absolute {
	position: absolute;
  }
	.campus-card .position-absolute.bottom-0.end-0 i {
		font-size: 35px; 
		color: rgb(255, 208, 0); 
		transition: color 0.3s ease; 
	}
	.campus-card::after {
		content: "";
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 80px;
		background: linear-gradient(to top, rgba(0, 0, 0, 0.6), transparent);
		pointer-events: none;
	}




 /* school section */
 .schoolbanner {
	margin: 0;
	background: #ffcc00;
	position: relative;
	padding-bottom: 20px !important;
  padding: 30px 0px;
  }
      .carousel, .carousel-item{
        height: auto;
      }
  .starsec img{
	position: absolute;
	top: 0; 
	right: 0;
	image-rendering: auto; 
  image-rendering: -webkit-optimize-contrast; 
  image-rendering: crisp-edges; 
  image-rendering: smooth; 
  }
  .carousel,
  .carousel-item {
	width: 100vw;
	/* height: 100vh; */
  	height: auto;
  }
  .carousel-item .zoomTarget {
	width: 100%;
	height: 100%;
	overflow: hidden;
	display: flex;
	align-items: flex-end; 
	justify-content: center;
  }
  .carousel-item .zoomImageWrapper {
	transition: transform 0.2s ease-out;
	will-change: transform;
	width: 100%;
	height: auto;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	transform: scale(0.5); 
  }
  .carousel-item .zoomImageWrapper img {
	width: 95%;
	height: auto;
	object-fit: cover;
	border-radius: 25px;
	margin: auto;
	transform: scale(1);
  }
  .carousel-caption {
	position: absolute;
	right: 11% !important;
	bottom: 4.25rem !important;
	left: 8% !important;
	padding-top: 1.25rem;
	padding-bottom: 1.25rem;
	color: #fff;
	text-align: left !important;
  }
  .schollbannerheading {
	font-size: 35px !important;
  }

  .desc {
	width: 65%;
	text-align: justify;
	font-size: 1.1rem;
	max-width: 600px;
	color: #ffffff !important;
  }
  .zoomImageWrapper {
	transition: transform 0.4s ease;
	transform-origin: center center;
  }
  .carousel img {
	width: 100%;
	height: auto;
	display: block;
  }

  .badge {
	font-size: 25px;
	background-color: white;
	color: #ff0000 !important;
	color: #588157;
	font-weight: 600;
	padding: 10px 20px;
	margin-bottom: 1rem;
	display: inline-block;
	--bs-badge-padding-x: 1.65em !important;
    --bs-badge-padding-y: 0.65em !important;
    --bs-badge-font-size: 1em !important;
		border-radius: 20px !important;
  }
  .carousel-indicators.carouselindicators [data-bs-target] {
	width: 10px;
	height: 6px;
	border: none;
	border-radius: 50%;
	margin: 0 4px;
	transition: all 0.3s ease;
  }
  .carousel-indicators.carouselindicators button.active {
	width: 40px;
	height: 6px;
	border-radius: 3px;
	background-color: #ffffff;
  }

  .carouselindicators.active {
	opacity: 1;
  }
  .carousel-indicators {
	position: absolute;
    right: -167px !important;
    bottom: 8px !important;    
	left: auto !important; 
	z-index: 2;
	display: flex;
	justify-content: flex-end;
	padding: 0;
	margin: 0;
	gap: 10px;
    
  }
.zoomTarget {
  position: relative;
}

.zoomImageWrapper {
  position: relative;
  border-radius: 25px;
  overflow: hidden;  
}

.zoomImageWrapper::after {
  content: "";
  position: absolute;
  left: 50%;            
  bottom: 0;
  width: 95%;                  
  height: 50%;                 
  transform: translateX(-50%);  
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.85) 0%,
    rgba(0, 0, 0, 0.2) 50%,
    transparent 100%
  );
  border-radius: 0 0 25px 25px; 
  pointer-events: none;
}





/* facilities */
.Facilities {
	font-family: 'Arial', sans-serif;
	padding-top: 100px;
	/*padding-left: 400px;*/
	padding-bottom: 62px;
  }

  .Facilitiesapproch {
	padding-bottom: 10px;
  }

  .Facilitiesbtn {
	display: inline-block;
	padding: 0.4rem 2rem;
	font-size: 1.1rem;
	font-weight: 600;
	line-height: 1.5;
	color: #7dcfb6;
	background-color: transparent;
	border: 1px solid #7dcfb6;
	border-radius: 1.5rem;
	cursor: pointer;
	transition: all 0.15s ease-in-out;
  }

  .Facilitiesbtn:hover {
	background: #FFB200;
	border: 1px solid #FFB200;
	color: #000000;
  }

  .Facilitiesheading {
		font-family: var(--font-heading-poppins);
	font-size: 33px !important;
	 font-weight: 650; 
	padding-bottom: 10px;
  }

  .Facilitiespara {
		font-family: var(--font-paragraph-noto);
	font-size: 14px !important;
	width: 90% !important;
	text-align: justify;
  }

 /* .Facilitiesarrow {*/
	/*display: flex;*/
	/*align-items: flex-start;*/
	/*margin-top: 4rem;*/
	/*margin-left: -40px;*/
	/*gap: 2rem;*/
	/*padding-top: 57px !important;*/
 /* }*/
 
 .Facilitiesarrow {
    display: flex;
    align-items: flex-start;
     margin-top: 0rem; 
     margin-left: 0px; 
    gap: 2rem;
    padding-top: 10px !important;
}

  .Facilities-btn {
	background-color: #FFC20E;
	background-color: #7dcfb6;
	border: none;
	border-radius: 50%;
	width: 45px;
	height: 45px;
	font-size: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	transition: all 0.3s;
	box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15);
  }

  .Facilities-btn:hover {
	background-color: var(--color-red-3);
	transform: scale(1.05);
  }

  .Facilities-wrapper {
	position: relative;
	overflow: hidden;
  }

  .Facilities-track {
	display: flex;
	transition: transform 0.5s ease;
	will-change: transform;
	align-items: stretch;
  }
   .card-icon-img {
  filter: brightness(0) invert(1);
}

  .Facilities-card {
    
	position: relative;
	background: #7dcfb6 !important ;
	border-radius: 20px;
	padding: 35px 25px;
	margin-right: 20px;
	min-width: 400px;
	max-width: 400px;
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
	flex-shrink: 0;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	height: 400px;
	color: #000000;
	overflow: hidden;
	
  }
  .Facilities-card .card-hover-img {
	position: absolute;
	bottom: -100%;
	left: 0;
	width: calc(100% - 20px);
	height: calc(100% - 20px);
	margin: 10px;
	padding: 10px;
	background-size: cover;
	background-position: center;
	transition: bottom 0.5s ease, z-index 0.5s;
	border-radius: 15px;
	z-index: 1;
	display: flex;
	align-items: flex-end;
	justify-content: flex-start;
	display: none;
  }
  .Facilities-card:hover .card-hover-img {
	bottom: 0;
	z-index: 100;
  }
  .hover-text {
	color: #fff;
	font-size: 1.1rem;
	background: rgba(0, 0, 0, 0.5);
	background: rgb(2, 69, 255);
	padding: 10px 15px;
	border-radius: 0 15px 15px 0;
	font-weight: 600;
   /* width: 100%; */
   text-align: center;
  }

  .Facilities-card i {
	font-size: 100px;
	width: 70%;
	z-index: 50;
  }

  .icon-underline {
	margin-top: 50px !important;
	width: 100%;
	height: 2px;
	background-color: #e2e2e2;
	margin-bottom: 20px;
	z-index: 50;
  }

  .Facilities-card h5,
  .Facilities-card p {

	/* color: #ffffff; */
	z-index: 50;
  }

  .Facilities-card h5 {
	font-size: 35px;
	font-weight: 700;
	width: 90%;
	padding-bottom: 8px;
  }

  .Facilities-card p {
	font-size: 14px;
	text-align: justify;
  }

  .tooltip-link {
	text-decoration: none;
	color: #000;
  }

	.Facilities-wrapper {
		overflow: hidden;
		position: relative;
	}
	
	.Facilities-track {
		display: flex;
		transition: transform 0.5s ease-in-out;
		will-change: transform;
	}
	
	


  
/* scrolling card and images */
.ekashila-achievements-section {
	font-family: 'Arial', sans-serif;
	background: #fff;
     
  }
  
  #ekashila-main-heading {
	font-size: 140px;
	color: white;
	text-align: center;
	margin-bottom: 20px;
	font-weight: 800;
	height: auto;
	/* -webkit-text-stroke: 2.5px #5a32a3; */
	-webkit-text-stroke: 2.5px #ff0000;
	text-stroke: 2.5px rgb(255, 0, 0);
	transition: font-size 0.3s ease;
	white-space: nowrap;
  }
  

  .ekashila-scroll-wrapper {
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 20px;
	overflow: hidden !important;
  }
  
  .ekashila-scroll-container {
	overflow: hidden;
	position: relative;
	width: 100%;
  }
  
  .ekashila-scroll-track {
	display: flex;
	width: fit-content;
	animation: scroll-left 60s linear infinite;
  }
  
  .ekashila-scroll-container.bottom .ekashila-scroll-track {
	animation: scroll-right 60s linear infinite;
  }
  

  @keyframes scroll-left {
	0% {
	  transform: translateX(0);
	}
	100% {
	  transform: translateX(-50%);
	}
  }
  
  @keyframes scroll-right {
	0% {
	  transform: translateX(-50%);
	}
	100% {
	  transform: translateX(0);
	}
  }
  
 
  .ekashila-card {
	flex: 0 0 auto;
	width: 300px;
	height: 300px;
	border-radius: 15px;
	overflow: hidden;
	background: #f4f4f4;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	position: relative;
	text-align: left;
	margin-right: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
  }
  
  .ekashila-card img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
  }
  
  .ekashila-card .card-text {
	position: absolute;
	bottom: 0;
	left: 0;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.6), transparent);
	color: #fff;
	padding: 8px 12px;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	width: auto; 
	max-width: 100%; 
  }
  .ekashila-card{
	position: relative;
  }
  .ekashila-card-text {
    font-size: 13px !important;
    position: absolute;
    bottom: 5px;
    left: 10px;
    color: #ff0000 !important;
    background: white !important;
    PADDING: 5px 14px !important;
    border-radius: 25px !important;
  }
  
  /* Quote Card */
  .ekashila-quote-card {
	background: #d11010;
    color: #fff !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 20px !important;
    padding: 21px;
    text-align: center;
  }
  
  .ekashila-quote-card::before {
	content: "❝";
	font-size: 30px !important;
	color: #ffffff !important;
	/* margin-bottom: 10px; */
  }
  
  .ekashila-learn-more {
	margin-top: 50px !important;
	text-align: center;
	flex-shrink: 0;

  }
  
  .ekashila-learn-more button {
	background-color: var(--red);
	color: var(--white);
	border: none;
	padding: 10px 20px;
	font-size: 17px !important;
	border-radius: 8px;
	cursor: pointer;
	transition: background 0.3s;
	margin-bottom: 50px;
  }
  
  .ekashila-learn-more button:hover {
	background-color: rgb(12 141 32);
  }


  


@media (max-width: 991px) {
  #ekashila-main-heading {
    font-size: 80px !important;
  }
}

@media (max-width: 768px) {
  #ekashila-main-heading {
    font-size: 70px !important;
  }
}

@media (max-width: 767px) {
  #ekashila-main-heading {
    font-size: 68px !important;
  }
}

@media (max-width: 660px) {
  #ekashila-main-heading {
    font-size: 60px !important;
  }
}

@media (max-width: 600px) {
  #ekashila-main-heading {
    font-size: 55px !important;
  }
}

@media (max-width: 540px) {
  #ekashila-main-heading {
    font-size: 54px !important;
  }
}

@media (max-width: 492px) {
  #ekashila-main-heading {
    font-size: 52px !important;
  }
}

@media (max-width: 460px) {
  #ekashila-main-heading {
    font-size: 50px !important;
  }
}

@media (max-width: 432px) {
  #ekashila-main-heading {
    font-size: 48px !important;
  }
}

@media (max-width: 392px) {
  #ekashila-main-heading {
    font-size: 45px !important;
  }
}

@media (max-width: 391px) {
  #ekashila-main-heading {
    font-size: 42px !important;
  }
}

@media (max-width: 384px) {
  #ekashila-main-heading {
    font-size: 40px !important;
  }
}

@media (max-width: 360px) {
  #ekashila-main-heading {
    font-size: 38px !important;
  }
}

@media (max-width: 320px) {
  #ekashila-main-heading {
    font-size: 36px !important;
  }
}