* {
   margin: 0px;
   padding: 0px;
   font-family: 'roboto', sans-serif;
   --section-heading: 42px;
}

.mobile-menuFirstBox .navbar-AllMenu-box {
   padding-left: 40px;
}

@media (max-width: 1024px) {
   * {
      --section-heading: 31px;
   }
}

@media (max-width: 576px) {
   * {
      --section-heading: 20px;
   }
}

@media (max-width: 450px) {
   * {
      --section-heading: 18px;
   }
}


.grid-feature-college-section .featured-course-card .featured-card-title,
.grid-related-college-section .related-course-card .related-card-title {
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 1;
   overflow: hidden;
}

.flexbox-search-result .search-param {
   color: #de9406;
}

.nav-btns-featured-colleges .swiper-button-next.swiper-button-disabled,
.nav-btns-realted-colleges .swiper-button-next.swiper-button-disabled,
.related-colleges-section .swiper-button-next.swiper-button-disabled
{
   opacity: 1;
   cursor: pointer;
   pointer-events: auto;
}

.grid--search-result {

   display: grid;
   grid-template-columns: repeat(4, minmax(0, 1fr));
   gap: 30px;
}

.bg-institue-search-page {
   background-color: #fffdee;
   padding: 50px 0px;
}

.grid--search-result .page-title-main {
   font-size: 42px;
}

.cards-container__category-select__free-courses .item-card__category-select__free-courses-section:hover .subject-name__card__category-select__free-courses{
   color: #de9406;
}

.grid--search-result .grid-cell-institute {
   display: flex;
   flex-direction: column-reverse;
   transition: transform 0.5s ease-in;
   box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.10);
   background: #FFF;
   padding: 6px;
   min-height: 100%;
 justify-content: space-between;
}

.grid--search-result .grid-cell-institute img {
   width: 100%;
   object-fit: cover;
   border-radius: 6px;
   aspect-ratio: 16 / 9;
}

.grid--search-result .grid-cell-institute label {
   color: #000;
   font-size: 16px;
   margin: 10px;
}

.grid--search-result .grid-cell-institute:hover {
   transform: scale(1.1);
}

.search-results-section .flexbox-search-result {
   display: flex;
   align-items: center;
   gap: 10px;
}

.search-results-section .flexbox-search-result>* {
   font-family: 'raleway', sans-serif;
   font-size: var(--section-heading);
   font-weight: 600;
   line-height: 1.3;
   margin: 0px;
}

.line--margin {
   margin: 70px 0px;
}

.feature-colleges-section {
   padding: 70px 0px;
}

.featured-section-title-wrap {
   position: relative;
   display: flex;
   align-items: center;
   margin-bottom: 70px;
}

section.feature-colleges-section .title-featured-colleges-section {
   font-size: var(--section-heading);
   font-weight: 600;
   margin: 0px;
   text-align: center;
   line-height: 1;
}

.featured-section-title-wrap .nav-btns-featured-colleges {
   position: absolute;
   display: flex;
   gap: 16px;
   right: 0;
   align-items: center;
}

.nav-btns-featured-colleges .swiper-button-prev,
.nav-btns-featured-colleges .swiper-button-next {
   height: 45px;
   width: 45px;
   display: flex;
   justify-content: center;
   align-items: center;
   border-radius: 50%;
   background-color: #de9406;
   position: static;
   margin-top: 0px;
}

.feature-colleges-section .swiper-button-next:after,
.feature-colleges-section .swiper-button-prev:after,
.related-colleges-section .swiper-button-next:after,
.related-colleges-section .swiper-button-prev:after {
   content: '';
}

.grid-feature-college-section .featured-course-card {
   border: 1px solid #e0e0e0;
   border-radius: 5%;
   box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.10);
}

.grid-feature-college-section .featured-course-card {
   color: #000;
}

.featured-course-card>img {
   min-width: 100%;
   max-width: 100%;
   aspect-ratio: 16 / 9;
   object-fit: cover;
}

.featured-course-card .padding-card {
   padding: 20px 10px;
}

.grid-feature-college-section .featured-course-card .featured-card-title {
   font-size: 16px;
   font-weight: 600;
}

/*  */
.related-course-card>img {
   min-width: 100%;
   max-width: 100%;
   aspect-ratio: 16 / 9;
   object-fit: cover;
}

.grid-related-college-section .related-course-card {
   color: #000;
}

.related-colleges-section {
   padding: 70px 0px;
   background-color: #FFFDEE;
}

.related-section-title-wrap {
   position: relative;
   display: flex;
   align-items: center;
   margin-bottom: 70px;
}

.related-section-title-wrap .nav-btns-related-colleges {
   position: absolute;
   display: flex;
   gap: 16px;
   right: 0;
   align-items: center;
}

.nav-btns-related-colleges .swiper-button-prev,
.nav-btns-related-colleges .swiper-button-next {
   height: 45px;
   width: 45px;
   display: flex;
   justify-content: center;
   align-items: center;
   border-radius: 50%;
   background-color: #de9406;
   position: static;
   margin-top: 0px;
}

.related-course-card .padding-card {
   padding: 20px 10px;
   background: #FFF;
   border-radius: 0px 0px 6px 6px;
}

.grid-related-college-section .related-course-card .related-card-title {
   font-size: 16px;
   font-weight: 600;
}

.grid-related-college-section .related-course-card {
   border: 1px solid #e0e0e0;
   border-radius: 5%;
   box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.10);
}

section.realted-colleges-section .grid-related-college-section {
   opacity: 0;
   position: static !important;
   display: flex;
   transition: transform 0.3sease-in-out, opacity 2s;
}

section.related-colleges-section .title-related-colleges-section {
   font-size: var(--section-heading);
   font-weight: 600;
   margin: 0px;
   text-align: center;
   line-height: 1;
}

/*  */
.free-courses-section-carousel {
   width: 84% !important;
}

.cards-container__category-select__free-courses {
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   place-items: center;
   row-gap: 25px;
}

.title-free-course-section {
   text-align: center;
   font-size: 36px;
}

.title-free-course-section {
   font-weight: 600;
}

#extra-styling-top-free-course-online-course-page .title-description-free-course-section {
   margin-bottom: 50px;
   margin-top: 30px;
}

.title-description-free-course-section {
   font-size: 16px;
   text-align: center;
   font-weight: 400;
   margin-top: 15px;
   margin-bottom: 30px;
}

.top-row-free-courses-section__buttons-container {
   display: flex;
   flex-wrap: wrap;
   width: 100%;
   justify-content: space-around;
   overflow: hidden;
}

.top-row-free-courses-section__button--active {
   color: #000000;
   font-weight: 600;
   border-bottom: 3px solid black;
}

.top-row-free-courses-section__button {
   color: #6b6b6b;
   border: none;
   padding: 8px;
   margin: 5px;
   font-weight: 600;
   text-align: center;
   font-size: 16px;
   background: #FFFFFF;
}

.top-row-free-courses-section__button--active {
   color: #000000;
   font-weight: 600;
   border-bottom: 3px solid black;
}

.background-wrap-free-courses-section {
   background: #FFFDEE;
   max-width: 100%;
}


.free-courses-section-container {
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin: 20px auto;
   width: 100%;
}

@media (min-width: 576px) {
   .free-courses-section-container {
      margin: 20px auto 0px auto;
   }
}

.free-courses-section-prev,
.free-courses-section-next {
   cursor: pointer;
   font-size: 2em;
   background-color: #000000;
   color: #ffffff;
   border-radius: 50%;
   height: 42px;
   width: 42px;
   display: flex;
   justify-content: center;
   align-items: center;
   box-sizing: border-box;
   opacity: 1;
   transition: opacity 0.5s;
   -webkit-box-shadow: 0px 11px 9px 0px rgba(0, 0, 0, 0.19);
   -moz-box-shadow: 0px 11px 9px 0px rgba(0, 0, 0, 0.19);
   box-shadow: 0px 11px 9px 0px rgba(0, 0, 0, 0.19);
   position: static;
   margin-top: 0px;
   opacity: 1 !important;
   min-width: clamp(35px, 2.1875vw, 42px);
   min-height: clamp(35px, 2.1875vw, 42px);
}

.section__top-free-course .owl-nav.disabled {
   display: none !important;
}

.free-courses-section-carousel .item {
   height: 45px;
   background-color: #D9D9D9;
   text-align: center;
   line-height: 34px;
   margin: 5px;
   cursor: pointer;
   border-radius: 50px;
   color: #000000;
   font-weight: 600;
   display: flex;
   justify-content: center;
   align-items: center;
   font-size: 16px;
   font-family: "Roboto", sans-serif;
}

.free-courses-section-active {
   background: #000000 !important;
   color: #FFFFFF !important;
}

@media (min-width: 576px) {
   .cards-container__category-select__free-courses {
      position: relative;
      top: 50px;
   }
}

.cards-container__category-select__free-courses {
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   place-items: center;
   row-gap: 25px;
}

@media (max-width: 1400px) {
   .cards-container__category-select__free-courses {
      grid-template-columns: repeat(3, 1fr);
   }
}

.item-card__category-select__free-courses-section {
   width: 300px;
   max-width: 300px;
   -webkit-box-shadow: 2px 4px 15px 0px rgba(0, 0, 0, 0.15);
   -moz-box-shadow: 2px 4px 15px 0px rgba(0, 0, 0, 0.15);
   box-shadow: 2px 4px 15px 0px rgba(0, 0, 0, 0.15);
   position: relative;
   border-radius: 5px;
   background: #FFFFFF;
}

.ratings__category-select__free-courses-section {
   width: 100px;
   max-width: 100px;
   height: 24px;
   max-height: 24px;
   font-size: 12px;
   font-family: "Roboto", sans-serif;
   position: absolute;
   top: 5%;
   left: 5%;
   background: #ffffff;
   display: flex;
   justify-content: center;
   align-items: center;
   border-radius: 16px;
   font-weight: 600;
   color: #000;
}

.card-img__category-select__free-courses-section {
   width: 100%;
   max-width: 100%;
   height: 180px;
   max-height: 180px;
   border-radius: 5px 5px 0px 0px;
   object-fit: cover;
}

.top-row__description__category-select__free-courses {
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding: 10px 15px;
   column-gap: 4px;
}

.subject-name__card__category-select__free-courses {
   font-size: 16px;
   font-family: "Roboto", sans-serif;
   font-weight: 600;
   width: 67%;
   max-width: 200px;
   color: #000;
   height: 42px;
   overflow: hidden;
}

.subject-name__card__category-select__free-courses {
   width: 66%;
   max-width: 200px;
}

.difficulty__card__category-select__free-courses {
   font-size: 12px;
   font-family: "Roboto", sans-serif;
   padding: 5px;
   background: #F9EAD2;
   color: #de9406;
   font-weight: 600;
   border-radius: 5px;
   display: flex;
   justify-content: center;
   align-items: center;
   display: none;
}

.difficulty__card__category-select__free-courses {
   width: 114px;
   max-width: 114px;
}

a.desktop-free-courses-section-explore-more-btn {
   display: block;
   margin-top: 100px;
   background: #d9d9d9;
   width: fit-content;
   margin-left: auto;
   margin-right: auto;
   font-size: 24px;
   color: #000;
   padding: 24px 30px;
   border-radius: 50px;
   font-weight: 500;
}

@media (max-width: 998px) {
   .cards-container__category-select__free-courses {
      grid-template-columns: repeat(2, 49%);
      justify-content: space-between;
   }
}

@media (max-width: 576px) {
   .section__top-free-course {
      display: none;
   }
}

.title--mobile-free-courses-section {
   font-size: 20px;
   font-family: 'Roboto', sans-serif;
   font-weight: 600;
   text-align: center;
}

@media (max-width: 576px) {}

.description--mobile-free-courses-section {
   font-size: 12px;
   font-family: 'Roboto', sans-serif;
   text-align: center;
   margin-top: 15px;
}

@media (max-width: 768px) {
   #etra-styling-mobile-free-course-online-courses-page .container-mobile-free-courses-section {
      padding-left: 0px;
      padding-right: 0px;
   }
}

.accordion-mobile-free-courses-section {
   background-color: #FFF;
   color: #444;
   cursor: pointer;
   padding: 10px 0px;
   width: 100%;
   text-align: left;
   border: none;
   outline: none;
   transition: 0.4s;
   margin-bottom: 5px;
   font-family: 'Roboto', sans-serif;
   font-weight: 600;
   border-bottom: 1px solid #b3b3b3;
   font-size: 13px;
   font-weight: 600;
}

.active-mobile-free-courses-secton,
.accordion-mobile-free-courses-section:hover {
   background-color: #FFF;
   outline: 0;
}

.accordion-mobile-free-courses-section::after {
   content: url(https://easyshiksha.com/assets/images/icons/expandArrow.png);
   position: absolute;
   right: 5%;
   height: 13px;
   width: 13px;
   /* display: block; */
}

.panel-mobile-free-courses-secton {
   /* padding: 0 18px; */
   display: none;
   background-color: #fffdee;
   overflow: hidden;
   height: 476px;
   overflow-y: scroll;
}

.carousel-wrapper-mobile-free-courses-secton {
   display: flex;
   align-items: center;
   justify-content: space-between;
   line-height: 1;
}

.mobile-cards-container-free-courses-section {
   margin-top: 20px;
   padding: 2px;
   background-color: #fffdee;
   display: grid;
   grid-template-columns: repeat(2, 50%);
   row-gap: 12px;
}

button.mobile-free-courses-prev-btn,
.mobile-free-courses-next-btn {
   cursor: pointer;
   font-size: 2em;
   background-color: #000000;
   color: #ffffff;
   border-radius: 59%;
   height: 42px;
   max-height: 42px;
   width: 42px;
   max-width: 42px;
   display: flex;
   justify-content: center;
   align-items: center;
   box-sizing: border-box;
   opacity: 1;
   transition: opacity 0.5s;
   -webkit-box-shadow: 0px 11px 9px 0px rgba(0, 0, 0, 0.19);
   -moz-box-shadow: 0px 11px 9px 0px rgba(0, 0, 0, 0.19);
   box-shadow: 0px 11px 9px 0px rgba(0, 0, 0, 0.19);
   max-height: 22px;
   max-width: 22px;
   font-size: 13px;
   max-height: 22px;
   max-width: 22px;
   font-size: 13px;
   position: relative;
   margin-top: 0px;
   right: 0;
   left: 0;
}

.carousel-wrapper-mobile-free-courses-secton .owl-carousel {
   flex: 1;
   width: 80%;
}

.mobile-free-courses-section .owl-nav.disabled {
   display: none !important;
}

.container-mobile-free-courses-section .owl-stage-outer .owl-item {
   border: 0px;
   padding: 0px;
   border-radius: 0px;
   transition: all 0.3scubic-bezier(0, 0, 0.5, 1) 0s;
   margin: 0px;
   box-shadow: 0px 6px 8px 0px rgba(0, 0, 0, 0.22);
   box-shadow: none;
}

@media (max-width: 576px) {}

.carousel-mobile-fee-courses-section .item {
   background: #D9D9D9;
   color: #000000;
   border-radius: 25px;
}

.item.active--mobile-carousel-item {
   background: #000000 !important;
   color: #FFFFFF !important;
}

.carousel-mobile-fee-courses-section .item {
   background: #D9D9D9;
   color: #000000;
   border-radius: 25px;
   width: 96%;
   /* max-width: 100px; */
   height: 30px;
   max-height: 30px;
   font-size: 10px;
   width: 180px;
   height: 28px;
   max-width: 180px;
   max-height: 28px;
   background-color: #ffffff;
   text-align: center;
   line-height: 9px;
   margin: 5px;
   cursor: pointer;
   border: 1px solid #6b6b6b;
   border-radius: 10px;
   color: #6b6b6b;
   font-weight: 600;
   display: flex;
   justify-content: center;
   align-items: center;
   font-size: 16px;
   font-family: "Roboto", sans-serif;
   padding: 0px;
   font-size: 14px;
}

a.explore-more-mobile-free-courses-section {
   display: block;
   margin-top: 30px;
   background: #d9d9d9;
   width: fit-content;
   margin-left: auto;
   margin-right: auto;
   font-size: 12px;
   color: #000;
   padding: 12px 23px;
   border-radius: 50px;
   font-weight: 500;
}
/* hero section --start */
*{
font-family: 'roboto',sans-serif;
}
.hero-section-search-page {
   background-image: linear-gradient(#f9f3c4, rgb(224, 186, 114), #f9f3c4) !important;
   background-size: 400% 400% !important;
   animation: herosection 10s ease-in-out infinite;
   animation-fill-mode: forwards;
padding: 50px 0px;
}



.hero-section-search-page::before {
top: 0px;
}

.hero-section-search-page::after {
bottom: 0px;
}


.hero-section-search-page .page-title-institute-search {
font-size: 42px;
font-weight: 600;
font-family: 'Raleway',sans-serif;
}

.hero-section-search-page .institute-search-wrapper {
position: relative;
display: flex;
align-items: center;
max-width: 60%;
}

.institute-search-wrapper .placeholder-institute-search {
position: absolute;
top: 50%;
left: 15px;
transform: translateY(-50%);
opacity: 1;
margin-bottom: 0px;
font-size: 16px;
}

.institute-search-wrapper .institudesearch {
   border: 1px solid #e0e0e0;
   height: 50px;
   border-radius: 6px;
   width: 100%;
   padding: 10px 15px;
   border-right-width: 0px;
   font-size: 16px;
   font-weight: 500;
   border-radius: 6px 0px 0px 6px;
}


.left-div-hero-section>* {
margin-top: 40px;
}

.d-flex {
display: flex;
justify-content: space-between;
}


.hero-section-search-page .d-flex>.left-div-hero-section {
width: 49%;
}



.gooey {
background-image: linear-gradient(120deg, #de9406, #de9406);
border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%;
width: 150px;
height: 144px;
animation: morph 3s linear infinite;
transform-style: preserve-3d;
outline: 1px solid transparent;
will-change: border-radius;
}

.gooey:before,
.gooey:after {
content: '';
width: 100%;
height: 100%;
display: block;
position: absolute;
left: 0;
top: 0;
border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%;
box-shadow: 5px 5px 89px rgba(222, 148, 7, 0.10);
will-change: border-radius, transform, opacity;
animation-delay: 200ms;
background-image: linear-gradient(120deg, #de9406, #FFF);
}

.gooey:before {
animation: morph 3s linear infinite;
opacity: .21;
animation-duration: 1.5s;
}

.gooey:after {
animation: morph 3s linear infinite;
animation-delay: 400ms;
opacity: .89;
content: "";
line-height: 120px;
text-indent: -21px;
}

.right-div-hero-section {
height: auto;
width: 30%;
aspect-ratio: 1 / 1;
}

input.institudesearch:focus ~ .placeholder-institute-search {
display: none;
}



input.institudesearch:not(:placeholder-shown) ~ .placeholder-institute-search {
display: none;
}

.institute-search-wrapper .institudelist li {
padding: 10px 0;
border-bottom: 1px solid #e0e0e0;
}


.institute-search-wrapper .institudelist a:last-child li {
border-bottom: 0px solid #e0e0e0;
}

.institute-search-wrapper .institudelist {
position: absolute;
width: 100%;
z-index: 2;
top: 105%;
font-size: 18px;
font-weight: 500;
background-color: #FFF;
z-index: 2 ;
box-shadow: 5px 5px 10px rgb(193 189 75 / 10%);
padding: 20px 30px;
display: none;
max-height: 220px;
overflow-y: auto;
scrollbar-width: thin;
}

.institute-search-wrapper .institudelist a {
color: #1e1e1e;
font-size: 14px;
box-shadow: inset 5px 5px 10px rgba(0, 0, 0, 0.10);
}

.institute-search-wrapper .flex-wrap-search {
display: flex;
width: 100%;
}

.institute-search-wrapper .flex-wrap-search>button {
   max-height: 50px;
   background: #1e1e1e;
   color: #FFF;
   font-size: 16px;
   white-space: nowrap;
   border-radius: 0px 6px 6px 0px;
   transition: all 0.3sease-in;
   padding: 12px;
}

.institute-search-wrapper .flex-wrap-search>button:hover{
background: #de9406;
color: #1e1e1e;
border: 2px solid #de9406;
}
/* hero section --end */
/*  */
.custom-button-next-icon::after {
   font-family: 'Swiper-icons';
   content: 'next';
   font-size: 12px;
   color: #FFF;
}

.custom-button-prev-icon::after {
   font-family: 'Swiper-icons';
   content: 'prev';
   font-size: 12px;
   color: #FFF;
}








.free-courses-section-carousel .owl-item {
   margin-bottom: 0px;
}



.mobile-free-courses-next-btn::after {
   font-size: 12px;
}

button.mobile-free-courses-prev-btn::after {
   font-size: 12px;
}

.carousel-mobile-fee-courses-section .item {
   background: #D9D9D9;
   color: #000000;
   border-radius: 25px;
}




.subject-name__card__category-select__free-courses {
   width: 100%;
   min-width: 100%;
}





.section__top-free-course {
   font-family: 'Roboto', sans-serif;
   margin-top: 30px;
   margin-bottom: 60px;
}

section.mobile-free-courses-section {
   margin: 33px 0;
}

section.search-results-section{
   padding: 70px 0px;
}

.search-results-section .flexbox-search-result{
   margin-bottom: 70px;
}

.related-course-swiper .related-course-card:hover .related-card-title,
.feature-course-swiper .featured-course-card:hover .featured-card-title{
   color: #de9406;
}
.grid--search-result .grid-cell-institute label {
 color: #000;
 font-size: 16px;
 margin: 10px;
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 2;
 overflow: hidden;
}

.related-course-card>img,
.featured-course-card>img{
border-radius: 6px 6px 0px 0px;
}


.hero-section-search-page .page-subtitle-institute-search{
   text-align: center;
   font-size: 14px;
   font-weight: 500;
}
.hero-section-search-page .institute-search-wrapper {
   margin: 0px auto;
}

.container.search-section-container-bg > * {
   margin-bottom: 30px;
}


@media (max-width: 1024px) {
   .hero-section-search-page .search-section-container-bg {
     flex-direction: column;
     align-items: center;
 }
 .hero-section-search-page .d-flex>.left-div-hero-section {
     width: 100%;
 }
 .right-div-hero-section {
     margin-top: 30px;
 }
   .grid--search-result {
      grid-template-columns: repeat(3, minmax(0, 1fr));
   }

   .line--margin {
      margin: 40px 0px;
   }

   .related-colleges-section,
   .feature-colleges-section {
      padding: 40px 0px;
   }
}



@media (max-width: 768px) {
   .hero-section-search-page .page-title-institute-search {
      font-size: 30px;
  }
   .hero-section-search-page .institute-search-wrapper{
      max-width: 100%;
      width: 100%;
   }

   .right-div-hero-section {
     width: 50%;
     margin: 30px auto;
 }


   .grid--search-result {
      grid-template-columns: repeat(2, minmax(0, 1fr));
   }


   .hero-section-search-page .page-title-institute-search {
     font-size: 30px;
 }

}

@media (max-width: 650px) {
   
   .item-card__category-select__free-courses-section {
      width: 98%;
   }
   
}
@media (max-width: 578px) {
   .top-row__description__category-select__free-courses {
      padding: 1px 7px;
      gap: 4px;
   }
}
@media (min-width: 576px) {
   .mobile-free-courses-section {
      display: none;
   }
}
@media (max-width: 576px) {
   .grid--search-result .grid-cell-institute img{
      aspect-ratio: 4 / 3;
   }

   .featured-course-card .padding-card,
   .related-course-card .padding-card {
   padding: 10px 5px;
   }

   
.search-results-section .flexbox-search-result{
   margin-bottom: 40px;
}

   section.search-results-section{
   padding: 40px 0px;
}

   .hero-section-search-page {
     padding: 30px 0px 30px 0px;
 }
 .right-div-hero-section {
     width: 35%;
 }
   .hero-section-search-page .page-title-institute-search {
     font-size: 24px;
 }
 .hero-section-search-page .page-subtitle-institute-search {
     font-size: 12px;
 }
 .left-div-hero-section>* {
     margin-top: 28px;
 }

 .hero-section-search-page .institute-search-wrapper {
     width: 100%;
     max-width: 100%;
 }

   .nav-btns-related-colleges .swiper-button-prev,
   .nav-btns-related-colleges .swiper-button-next,
   .nav-btns-featured-colleges .swiper-button-prev,
   .nav-btns-featured-colleges .swiper-button-next {
      height: 25px;
      width: 25px;
   }

   .nav-btns-related-colleges .swiper-button-prev img,
   .nav-btns-related-colleges .swiper-button-next img,
   .nav-btns-featured-colleges .swiper-button-prev img,
   .nav-btns-featured-colleges .swiper-button-next img {
      max-height: 65%;
      max-width: 65%;
   }


   .grid--search-result .grid-cell-institute label,
   .grid-related-college-section .related-course-card .related-card-title,
   .grid-feature-college-section .featured-course-card .featured-card-title {
      font-size: 12px;
   }

   .mobile-free-courses-section .description--mobile-free-courses-section {
      line-height: 17px;
   }

   .carousel-mobile-fee-courses-section .item {
      width: 96%;
      /* max-width: 100px; */
      height: 30px;
      max-height: 30px;
      font-size: 10px;
   }

   .carousel-mobile-fee-courses-section .item {
      width: 96%;
      /* max-width: 100px; */
      height: 30px;
      max-height: 30px;
      font-size: 10px;
   }

   .ratings__category-select__free-courses-section {
      font-size: 9px;
      width: 75px;
      height: 20px;
   }

   .card-img__category-select__free-courses-section {
      height: 140px;
      max-height: 140px;
      border-radius: 5px 5px 0px 0px;
   }

   .section__top-free-course {
      margin-bottom: 100px;
   }

   .difficulty__card__category-select__free-courses {
      font-size: 9px;
      line-height: 15px;
   }

   .difficulty__card__category-select__free-courses {
      width: 80px;
   }

   .subject-name__card__category-select__free-courses {
      font-size: 11px;
      line-height: 15px;
   }
   .grid--search-result {
      grid-template-columns: repeat(2, minmax(0, 1fr));
   }

   .grid--search-result .grid-cell-institute label {
      font-size: 14px;
   }



   .grid--search-result .grid-cell-institute label {
      margin: 5px;
   }
}

@media (max-width: 360px) {
   .subject-name__card__category-select__free-courses {
      font-size: 9px;
   }
}





@keyframes herosection{
   0%{
      background-position: 10% 10%;
   }
   50%{
      background-position: 100% 100%;
   }
   100%{
      background-position: 10% 10%;
   }
}