:root {
    /* // color */
    --color-lightest-blue: #EEF5FE;
    --color-light-blue: #92C4FC;
    --color-medium-blue: #60A4F9;
    --color-bright-blue: #3B81F5;
    --color-dark-blue: #2373FF;
    --color-darkest-blue: #003792;

    --card-border: #E4E6EA;
    --color-gray-light: #ccc;
    --color-gray: #999;
    --tab-link: #6B7280;
    --color-black: black;

    /* Theme Variables */
    --primary-color: var(--color-bright-blue);
    --secondary-color: var(--color-dark-blue);
    --accent-color: var(--color-medium-blue);
    --background-color: var(--color-lightest-blue);
    --text-color: var(--color-darkest-blue);
    --border-color: var(--color-light-blue);

    /* Border Variables */
    --border: var(--color-gray);
    --border-light: var(--color-gray-light);

    /* Additional Variables */
    --button-bg-color: var(--primary-color);
    --button-hover-bg-color: #326FD6;
    --button-text-color: #fff;

    --link-color: var(--primary-color);
    --link-hover-color: var(--secondary-color);

    /* Define base font sizes */
    --font-size-10: 0.625rem;  /* 10px */
    --font-size-12: 0.75rem;   /* 12px */
    --font-size-14: 0.875rem;  /* 14px */
    --font-size-16: 1rem;      /* 16px */
    --font-size-18: 1.125rem;  /* 18px */
    --font-size-20: 1.25rem;   /* 20px */
    --font-size-22: 1.375rem;  /* 22px */
    --font-size-24: 1.5rem;    /* 24px */
    --font-size-28: 1.75rem;   /* 28px */
    --font-size-30: 1.875rem;  /* 30px */
    --font-size-32: 2rem;      /* 32px */
    --font-size-35: 2.1875rem; /* 35px */
    --font-size-40: 2.5rem;    /* 40px */
    --font-size-48: 3rem;      /* 48px */
    --font-size-70: 4.375rem;  /* 70px */
    --font-size-85: 5.3125rem; /* 85px */

    /* Define scale factor */
    --font-scale: 1.1;

    --font-size-10-responsive: calc(var(--font-size-10) * var(--font-scale));
    --font-size-12-responsive: calc(var(--font-size-12) * var(--font-scale));
    --font-size-14-responsive: calc(var(--font-size-14) * var(--font-scale));
    --font-size-16-responsive: calc(var(--font-size-16) * var(--font-scale));
    --font-size-18-responsive: calc(var(--font-size-18) * var(--font-scale));
    --font-size-20-responsive: calc(var(--font-size-20) * var(--font-scale));
    --font-size-22-responsive: calc(var(--font-size-22) * var(--font-scale));
    --font-size-24-responsive: calc(var(--font-size-24) * var(--font-scale));
    --font-size-28-responsive: calc(var(--font-size-28) * var(--font-scale));
    --font-size-30-responsive: calc(var(--font-size-30) * var(--font-scale));
    --font-size-32-responsive: calc(var(--font-size-32) * var(--font-scale));
    --font-size-35-responsive: calc(var(--font-size-35) * var(--font-scale));
    --font-size-40-responsive: calc(var(--font-size-40) * var(--font-scale));
    --font-size-48-responsive: calc(var(--font-size-48) * var(--font-scale));
    --font-size-70-responsive: calc(var(--font-size-70) * var(--font-scale));
    --font-size-85-responsive: calc(var(--font-size-85) * var(--font-scale));
    --border-radius-sm: 4px;
    --border-radius-md: 8px;
    --border-radius-lg: 12px;
    --border-radius-xl: 16px;

    /* Specific Use Cases */
    --card-img-border-radius: var(--border-radius-md); /* 8px for card images */
    --card-img-border-radius-lg: var(--border-radius-lg);

    /* // overides of cards */
    --card-border-radius: var(--card-img-border-radius-lg);
    --card-border-color: var(--card-border);
    --card-box-shadow: 0px 16px 32px -8px rgba(12, 12, 13, 0.4);

    /* //accordion overider */
    --accordion-icon-color: black;
    --accordion-bg: white;
    --accordion-border-color: #e4e6ea;
    --accordion-icon-width: 15px;
    --accordion-button-focus-box-shadow: none;
    --accordion-button-active-bg: none;
    --accordion-border-radius: 16px;
}

a {
    color: var(--link-color);
}
a:hover {
    color: var(--link-hover-color);
}

body{overflow-x: hidden;}

*,*::after,*::before{
    margin: 0;
   padding: 0; 
   box-sizing: border-box;
}
/* * {
   scrollbar-width: none; 
   -ms-overflow-style: none; 
}

*::-webkit-scrollbar {
   display: none; 
} */

body{
   margin: 0;
   padding: 0;    
   height: 100%;                                 
   width: 100%;
   /* font-family: 'Creato Display', sans-serif; */
   font-size: var(--font-size-16-responsive);
                                             
}
a{
   text-decoration: none !important;
}
hr,.vr{color: #a6a6a6 !important;}



.accordion {
 background-color: var(--accordion-bg);
 border-color: var(--accordion-border-color);
 border-radius: var(--accordion-border-radius);
}

.accordion-button:focus {
 box-shadow: var(--accordion-button-focus-box-shadow);
}

.accordion-button.active {
 background-color: var(--accordion-button-active-bg);
}
.button {
 background-color: var(--button-bg-color);
 color: var(--button-text-color);
}

.button:hover {
 background-color: var(--button-hover-bg-color);
}
.btn-primary{
 background-color: #2855A4;
 border: #2855A4;
}
.text-primary{
 color: #2855A4 !important;
}
/* main */
/* @import "./styles/base/_typography.css"; */

/*card components */
.review-card {
    max-width: 240px;
}

.review-card__img {
    height: 35px;
    width: 35px;
    aspect-ratio: 1;
}

.review-card__name {
    font-size: var(--font-size-14-responsive);
}

.review-card__profe {
    font-size: var(--font-size-10-responsive);
}

.review-card__para {
    font-size: var(--font-size-12-responsive);
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.review-card__logo {
    width: 50px;
    max-height: 40px;
}
/* review card end */
/* course small card start */
.card--small {
    min-width: 200px;
    border:1px solid var(--card-border-color);
    border-radius: var(--card-border-radius);
    /* border-color: var(--card-border-color); */
    max-width: 23rem;
    padding: 1rem;
}

.card--small .card-title {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 1.10rem;
}

.card--small__para {
    color: #6B7280;
    font-size: var(--font-size-12-responsive);
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.card--small__img {
    height: 45px;
    width: 45px;
    background-color: #6B7280;
    border-radius: 8px;
}

.card--small__hours,
.card--small__rating {
    font-size: var(--font-size-10-responsive);
}
/* coures small card end */
/* course card big */

.course-card {
    max-width: 295px;
    min-width: 255px;
    transition: all 300ms;
    max-height: 422px;
    min-height: 350px;
    border-color: rgba(228, 230, 234, 1);
    border-radius: var(--border-radius-md);
}

.course-card:hover {
    box-shadow: 0px 16px 32px -8px rgba(12, 12, 13, 0.4);
}

.course-card__img {
    border-radius: var(--border-radius-md);
}

.course-card__title {
    font-size: var(--font-size-18-responsive);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
}

.course-card__para {
    font-size: var(--font-size-12-responsive);
    color: #6b7280;
    line-height: 14.52px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 3;
}

.course-card__enroll {
    border-radius: var(--border-radius-sm);
}

.course-card__rating,
.course-card__time {
    font-size: var(--font-size-12-responsive);
}
/* courese card  */

/* navbar start */
.navbar {
    z-index: 999;
    transition: transform 0.3s ease-in-out;
  }
  
  .navbar-icon {
    width: 120px;
    height: auto;
    aspect-ratio: 5.76;
  }
  
  .navbar-container-wrapper {
    max-width: 1420px;
  }
  
  .navbar-toggler {
    height: 40px;
    width: 40px;
  }
  
  .navbar .courses-dropdown__btn {
    border-radius: var(--border-radius-lg);
    background-color: var(--background-color);
    font-size: var(--font-size-14-responsive);
  }
  
  .navbar .courses-dropdown__btn::after {
    display: none;
  }
  
  .navbar .courses-dropdown__menu {
    font-size: var(--font-size-14-responsive);
  }
  
  .navbar .courses-dropdown__item {
    cursor: pointer;
  }
  
  .navbar .courses-dropdown__item:hover {
    background-color: var(--background-color);
    color: var(--text-color) !important;
  }
  
  .navbar-hidden {
    transform: translateY(-100%);
  }
  
  .navbar-visible {
    transform: translateY(0);
  }

    .search-wrapper {
      position: relative; /* Ensure proper positioning of child elements */
  }
  
  .search-input {
      padding-left: 2.5rem;
      border: 1px solid var(--border-light);
      outline: none;
      border-radius: var(--border-radius-lg);
  }
  
  .search-input:focus {
      border-color: var(--border-light);
      box-shadow: none;
  }
  
  .search-icon {
      position: absolute;
      left: 0.75rem;
      color: var(--border);
      pointer-events: none;
  }
  
  
    .dropdown-toggle::after{
      display: none;
    }
    
    @media all and (min-width: 992px) {
  
      .dropdown-menu {
          width: 13rem;
      }
      .ktm-mega-menu .dropdown-menu[data-bs-popper] {
        top: 99%;}
  
  
      .mega-menu {

          top: 100%;
          left: 0;
          right: 0;
          width: 100%;
          padding: 3.7% 3.7% 0 3.7%;
          min-height: 90vh;
      }
  
      .mega-menu__heading {
          font-size: var(--font-size-35-responsive);
      }
  
      .mega-menu__links {
          all: unset;
          color: #6B7280;
          padding: 11px 10px;
          border-radius: 4px;
          transition: all 300ms;
      }
  
      .mega-menu__links.active {
          background-color: #3B81F5;
          color: white;
      }
  
      .mega-menu__links.active .icons {
          display: inline-block !important;
      }
  
      .dropdown-menu li {
          position: relative;
      }
  
      .mega-menu .grid-container {
          display: grid;
          grid-template-columns: 3fr 7fr 3fr;
          gap: 16px;
      }
  
      .mega-menu .grid-container .cols {
          padding: 18px;
      }
  
      .grid-container .cols-cards {
          border-left: 1px solid;
          border-right: 1px solid;
          border-color: var(--card-border-color);
      }
  
      .grid-container .cols-popular__heading {
          font-size: var(--font-size-16-responsive);
      }
  
      .grid-container .cardSm-grid {
          display: grid;
          grid-template-columns: 1fr 1fr;
          gap: 10px;
          justify-items: center;
      }
  
      .grid-container > :only-child {
          grid-column: span 1;
      }
  
      .grid-container > :nth-child(2):last-child {
          grid-column: span 3;
      }
  
      .grid-container > :first-child:nth-last-child(2) {
          grid-column: span 3;
      }
  }
  
    .search-wrapper {
      position: relative;
    }
    
    .dropdown-container {
      position: absolute;
      top: 100%;
      left: 0;
      right: 0;
      background: #fff;
      z-index: 1000;
      box-shadow: 0 8px 12px rgba(0, 0, 0, 0.2);
      border-radius: var(--border-radius-lg);
    }
    
    .list-group-item {
      cursor: pointer;
      padding: 8px 12px;
    }
    
    .list-group-item:hover {
      background-color: #f0f0f0;
    }
    .navbar-shadow {
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    }
    
  

/* navbar end */
/* home page */
.landing {
    min-height: 100svh;
  }
  
  .landing-textWrapper {
    position: absolute; 
    left: 5%;
    top: 12%;
  }
  
  .landing-textWrapper__heading {
    line-height: 0.9em;
    font-size: 40px;
  }
  
  .landing-textWrapper__para {
    font-size: var(--font-size-16-responsive);
  }
  
  .landing-btn__started {
    padding: 0.4375rem 1.25rem;
    border-radius: var(--border-radius-lg);
  }
  
  .landing-btn__started .icon {
    font-size: var(--font-size-16-responsive);
  }
  .started .btn__join-now{
    padding: 9px 30px 9px 30px;
    font-size: var(--font-size-14-responsive);
  }
  
  
  
  .logos {
      padding: 25px 0;
  }
  
  .logos-items-img {
      animation: 30s slides infinite linear;
  }
  
@keyframes slides {
    from {
    transform: translateX(0);
    }
    to {
    transform: translateX(-100%);
    }
}
  .logos-items-img {
      height: 120px;
  }
  
  .explore__heading{
        font-size: var(--font-size-28-responsive);
        margin-bottom: 2rem;
    
  }
  
  .swiper-slide {
    flex: 0 0 auto;
    height: initial !important;
  }
  
  .swiper-button-next,
  .swiper-button-prev {
    height: 50px !important;
    width: 50px !important;
    border: 1px solid var(--card-border);
  }
  
  .swiper-button-next::after,
  .swiper-button-prev::after {
    display: none;
  }
  
  .counter {
    max-width: 1020px;
    margin: auto;
  }
  
  .counter .text-wrapper {
    max-width: 486px;
  }
  
  .counter__para {
    font-size: var(--font-size-14-responsive);
    background: linear-gradient(90deg, var(--color-darkest-blue), var(--accent-color));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  
  .counter__heading {
    font-size: var(--font-size-28-responsive);
  }
  
  .counter-count__number {
    color: var(--color-dark-blue);
    font-size: var(--font-size-48-responsive);
  }
  
  .counter-count__name {
    color: #6B7280;
  }
  
  .cto {
    padding: 6% 0;
    max-width: 1020px;
    margin: auto;
  }
  
  .cto-img {
    aspect-ratio: 9 / 11;
    max-width: 380px;
  }
  
  .cto-img img {
    border-radius: var(--card-img-border-radius-lg);
  }
  
  .cto__stamp {
    width: 130px;
  }
  
  .cto__heading {
    font-size: var(--font-size-20-responsive);
  }
  
  .cto__subHeading {
    font-size: var(--font-size-18-responsive);
  }
  
  .cto__para,
  .cto__aboutPara,
  .cto__read {
    font-size: var(--font-size-14-responsive);
  }
  
 .choose {
    width: 100%;
    margin: auto;
    background-image: url('../assets/home_assets/card2Bannersm.png');
    background-size: cover;
    background-position: top;
    height: 60rem;
  }
  
  .choose__para {
    font-size: var(--font-size-14-responsive);
  }
  
  .choose__para-icon {
    font-size: var(--font-size-20-responsive);
  }
  
  .choose-img {
    max-width: 280px;
    min-height: 200px;
  }
  
 
  .learner {
    padding: 6% 0;
  }
  
  .learner-header {
    font-size: var(--font-size-28-responsive);
    margin-bottom: 3%;
  }
  
  .learner-card_infi {
    animation: 10s slides infinite linear;
  }
  
  .grouped {
    max-width: 1020px;
    margin: auto;
  }
  
  .grouped-logo {
    max-width: 120px;
  }
  
  .grouped-logo img {
    max-width: 100px;
  }
  
  .grouped-header {
    font-size: var(--font-size-24-responsive);
  }
  
  .ask {
    max-width: 740px;
  }
  
  .ask .accordion,.ask .accordion-button {
    font-size: var(--font-size-14-responsive);
  }

  
  .ask .accordion-collapse.show {
    box-shadow: 0px 8px 8px -4px #0d0c0c1c !important;
  }
  
  .ask .accordion-rank {
    font-size: var(--font-size-14-responsive);
  }
  
  .ask__heading {
    font-size: var(--font-size-24-responsive);
  }
  
  .ask .got-more {
    font-size: var(--font-size-12-responsive);
  }
  /* home component */
  .skills-col1 .text-wrapper {
    max-width: 534px;
  }
  
  .skills-col1__text {
    background: linear-gradient(90deg, var(--color-darkest-blue), var(--accent-color));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  /* accordin */
 .ask .accordion-button::after {
    display: none;
}
/* Custom style for Remix icon */
.ask .accordion-button .remix-icon {
    font-size: 1.2em; 
    color: #000; 
    transition: transform 0.3s;
}
/* Rotate icon when accordion is expanded */
.ask .accordion-button:not(.collapsed) .remix-icon {
    transform: rotate(180deg);
}
  /* accordion end */
  
  .skills-col1__heading {
    font-size: var(--font-size-28-responsive);
    margin-bottom: 1rem;
  }
  
  .skills-col1__para {
    font-size: var(--font-size-16-responsive);
    line-height: 21.78px;
  }
  
  .skills-col2__heading {
    font-size: var(--font-size-24-responsive);
    margin-bottom: 1.5rem;
  }
  
  .skills .tab__heading {
    font-size: var(--font-size-18-responsive);
  }
  
  .skills-col2__linkWrapper {
    max-height: 450px;
  }
  
  .skills .nav {
    border: 1px solid var(--card-border);
    border-radius: var(--border-radius-lg);
  }
  
  .skills .nav-link {
    border-radius: 4px;
    color: var(--tab-link);
    min-width: 100%;
  }
  
  .skills .nav-link.active {
    color: white;
    background-color: var(--color-bright-blue);
  }
  
  .skills .nav-link.active .icons {
    display: inline-block !important;
    transition: all 500ms linear;
  }
  
  .skills-col2-grid {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    align-items: stretch;
  }
  .started-container {
    max-width: 1020px;

    /* height: 340px !important; */
    background-image: url('../assets/home_assets/card2bannerMd.png');
    background-position: top left;
    background-repeat: no-repeat;
    background-size: cover;
}

.started-img {
    max-width: 316px;
    max-height: 320px;
}

.started__header {
    font-size: var(--font-size-28-responsive);
}

.started__para {
    font-size: var(--font-size-14-responsive);
    line-height: 17px;
}

.started-text-wrapper {
    max-width: 380px;
}

  .started-container {
    max-width: 1020px;
    background-image: url('../assets/home_assets/card2bannerMd.png');
    background-position: top left;
    background-repeat: no-repeat;
    background-size: cover;
  }
  
  .started-img {
    max-width: 316px;
    max-height: 320px;
  }
  
  .started__header {
    font-size: var(--font-size-28-responsive);
  }
  
  .started__para {
    font-size: var(--font-size-14-responsive);
    line-height: 17px;
  }
  
  .started-text-wrapper {
    max-width: 380px;
  }
  
  
  /* home page end */

  /* footer start */
  .footer {
    padding: 5% 5% 0 5%;
    background-color: #262626;
    font-size: var(--font-size-12-responsive);
}

.footer li,
.footer a {
    cursor: pointer;
}

.footer-icon {
    font-size: var(--font-size-18-responsive);
}

.footer__logo {
    max-width: 300px;
    min-width: 200px;
    max-height: 200px;
    margin-bottom: 2rem;
}

.footer__logo img {
    max-width: 120px;
}

.footer-courses__heading {
    font-size: var(--font-size-18-responsive);
}

.footer-courses__link {
    font-size: var(--font-size-12-responsive);
    padding: 5px 16px;
    background-color: #2E2E31;
}

.footer-type__link {
    color: #71717A;
    transition: all 300ms ease;
}

.footer-type__link:hover {
    color: #57575c;
}

.footer-copyright {
    font-size: var(--font-size-10-responsive);
}

/* footer end */
/* main end */

/* media */
/* @import "./styles/base/_typography.css"; */


/* break points */
/* Small devices (sm) */
@media screen and (min-width: 576px) {

    .landing {
      min-height: 80svh;
    }
  
    .landing-textWrapper {
      top: 16%;
      max-width: 430px;
    }
  
    .landing__heading {
      font-size: 50px;
    }
  
    .counter-count__number {
      font-size: 60px;
    }
  
    .cto__heading {
      font-size: var(--font-size-24-responsive);
    }
  
    .choose {
      max-width: 1000px;
      height: 473px;
      background-image: url('../assets/home_assets/cardBanner2.png');
    }
  
    .grouped-header {
      font-size: var(--font-size-28-responsive);
    }
  
    .grouped-logo {
      max-width: 220px;
    }
  
    .grouped-logo img {
      max-width: 190px;
    }
  
    .footer-about {
      font-size: var(--font-size-16-responsive);
    }
  
    .footer__logo img {
      max-width: 160px;
    }
  
    .footer-courses__link {
      font-size: var(--font-size-14-responsive);
      padding: 6px 19px;
    }
  
    /* .footer-type__link:not(:first-child)::before {
      content: " • ";
      font-size: var(--font-size-16-responsive);
      margin-right: 10px;
    } */
  
    .footer-type__link {
      font-size: var(--font-size-16-responsive);
    }
  
    .footer-copyright {
      font-size: var(--font-size-12-responsive);
    }
  
    .skills-col2-grid {
      grid-template-columns: repeat(2, 1fr);
    }
    .started-container {
    
        height: 340px !important;}
  
    .started-container {
      background-image: url('../assets/home_assets/cardBanner1.png');
      height: 218px;
      min-height: 192px;
    }
  }
  
  @media screen and (min-width: 768px) {
  
    .landing {
      min-height: 70svh;
    }
  
    .landing-textWrapper__heading {
      font-size: 60px;
    }
  
    .logos {
      padding: 45px 0;
  
      position: relative;
    }
  
    .logos::before,
    .logos::after {
      position: absolute;
      top: 0;
      content: '';
      width: 250px;
      height: 100%;
      z-index: 2;
    }
  
    .cto-img {
      max-width: 430px;
    }
  
    .choose {
      border-radius: var(--border-radius-lg);
    }
  
    .choose-img {
      max-width: 500px;
      min-height: 260px;
    }
  
    .learner-header {
      font-size: var(--font-size-30-responsive);
    }
  
    .ask {
      font-size: var(--font-size-14-responsive);
    }
  
    .ask-accordion {
      font-size: var(--font-size-14-responsive);
    }
  
    .ask-accordion-rank {
      font-size: var(--font-size-16-responsive);
    }
  
    .ask-button {
      font-size: var(--font-size-14-responsive);
    }
  
    .ask__heading {
      font-size: var(--font-size-28-responsive);
    }
  
    .ask-got-more {
      font-size: var(--font-size-14-responsive);
    }
  
    .review-card {
      max-width: 320px;
    }
  
    .review-card__img {
      height: 42px;
      width: 42px;
    }
  
  
    .review-card__profe {
      font-size: var(--font-size-12-responsive);
    }
  
    .review-card__para {
      font-size: var(--font-size-14-responsive);
      -webkit-line-clamp: 6;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      overflow: hidden;
    }
  
    .review-card__logo {
      width: 85px;
      max-height: 70px;
    }
  
    .footer__logo img {
      max-width: 200px;
    }
  
    .skills-col2-grid {
      grid-template-columns: repeat(3, 1fr);
    }
  
    .started__header {
      font-size: var(--font-size-30-responsive);
    }
  
    .started__para {
      line-height: 20px;
    }
  }

  /* Large devices (lg) */
  @media screen and (min-width: 992px) {
  
    .landing-textWrapper {
      max-width: 600px;
    }
  
    .landing-textWrapper__heading {
      font-size: var(--font-size-85-responsive);
    }
  
    .cto-img {
      max-width: 505px;
    }
  
    .learner-header {
      font-size: var(--font-size-35-responsive);
    }
  
    .review-card {
      max-width: 360px;
    }
  
    .review-card__img {
      height: 50px;
      width: 50px;
    }
  
    .review-card__para {
      -webkit-line-clamp: 10;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      overflow: hidden;
    }
  
    .review-card__logo {
      width: 100px;
      max-height: 80px;
    }
  
    .skills-col2 .nav {
      min-width: 210px;
      min-height: 480px;
    }
  
    .started-container {
      border-radius: var(--border-radius-lg);
    }
  }

  /* Extra large devices (xl) */
  @media screen and (min-width: 1200px) {
  
    .landing-textWrapper {
      max-width: 700px;
    }
  
    .landing-textWrapper__heading {
      font-size: 85px;
    }
  
    .card--small .card-title {
      font-size: 1.25rem;
    }
  
    .card--small__para {
      -webkit-line-clamp: 4;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      overflow: hidden;
    }
  
    .card--small__img {
      height: 50px;
      width: 50px;
    }
  
    .card--small__hours,
    .card--small__rating {
      font-size: var(--font-size-12-responsive);
    }
  
    .skills-col2 .nav {
      min-width: 300px;
      min-height: 500px;
    }
  
    .grid-container {
      grid-template-columns: 3fr 6fr 3fr;
    }
  
    .grid-container .cols .cardSm-grid {
      gap: 15px;
    }
  
    /* .mega-menu {
      padding: 5% 4%;
    } */
  
  }

  /* Extra extra large devices (xxl) */
  @media screen and (min-width: 1400px) {
    
  }
  .drop--content{
    max-height: 0;
    transition: all 400ms;
}
.open{
    max-height: 40rem !important;
}
.subLink-drop{
    background-color: rgb(242, 242, 242);
    padding: 1.2rem 0.6rem;
}
.link-drop__icon i{
    transition: transform 0.3s ease;
}
.rotate {
  transform: rotate(180deg) !important;
}

.line-clamp-3{
  display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
  overflow: hidden;
}

.line-clamp-2{
  display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
  overflow: hidden;
}