@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap");

:root {
  --theme-color: #;
  --accent-color: #3d93d2;
  --green-color: #25d366;
  --blue-color: #0178d0;
  --theme-font: "Open Sans", sans-serif;
  --white-color: #fff;
  --black-color: #000;
  --dark-color: #050d12;
  --lightDark-color: #0b0b0b;
  --light-text-color: #a9a9a9;
  --border-color: #ffffff24;
  --hover-card-color: #494949;
  --spinner-active-color: var(--accent-color);
  --spinner-text-color: var(--light-text-color);
  --spinner-opacity-low: 0.65;
  --spinner-opacity-mid: 0.85;
  --spinner-scale-small: 0.75;
  --spinner-scale-mid: 0.9;
  --spinner-scale-active: 1.05;
  /* --spinner-font-size: 1.5rem; */
  --spinner-font-size: clamp(0.9rem, 2vw, 1.3rem);
  --spinner-transition: 0.6s cubic-bezier(0.65, 0, 0.35, 1);
  --spinner-transition-transform: 0.8s cubic-bezier(0.65, 0, 0.35, 1);
}

body {
  font-size: 16px;
  font-family: var(--theme-font) !important;
  min-height: 100vh;
  width: 100%;
  color: var(--white-color);
  text-wrap: balance;
  background-attachment: fixed;
  background-color: var(--black-color);

  &.container-xxxl {
    max-width: 1650px;
    margin: auto;
  }

  p,
  a,
  h1,
  h2,
  h3,
  h4,
  h5,
  span,
  small,
  h6 {
    font-family: var(--theme-font) !important;
  }
}
.text-primary {
  color: var(--accent-color) !important;
}
.text-bg-primary {
  background-color: var(--accent-color) !important;
}
/* 
# global css start 
------------------------*/
.customShadow {
  box-shadow: #ffffff1a 0px 10px 15px -3px, #ffffff0d 0px 4px 6px -2px !important;
}

.customShadow-1 {
  box-shadow: #ffffff1f 0px 1px 3px, #ffffff3d 0px 1px 2px !important;
}

.customInput {
  border: 2px solid var(--border-color);
  padding: 10px;
  border-radius: 10px;
  background-color: var(--lightDark-color);
  font-size: large;
  font-weight: bold;
  text-align: start;
  color: var(--accent-color);
  &:focus {
    outline-color: var(--white-color);
    background-color: var(--black-color);
    color: var(--accent-color);
    border-color: var(--light-text-color);
    box-shadow: 5px 5px var(--light-text-color) !important;
  }
  &::placeholder {
    text-align: center !important;
    color: var(--light-text-color) !important;
  }
}

.card {
  box-shadow: #ffffff1a 0px 4px 6px -1px, #ffffff0f 0px 2px 4px -1px;
  /* border-color: rgba(0, 0, 0, 0.056); */
  border: 0;
  border-radius: 12px;
  color: var(--white-color);
  transition: all 0.3s ease;

  &&.rounded-30 {
    border-radius: 30px;
  }

  &&.rounded-20 {
    border-radius: 20px;
  }

  .card-footer:last-child {
    border-radius: 0 0 12px 12px;
  }

  .card-link {
    text-decoration: none;
    color: var(--white-color);

    &&:hover {
      text-decoration: none;
      color: var(--accent-color);
    }

    && + .card-link {
      margin-left: 0px;
    }
  }

  & * {
    transition: all 0.3s ease;
  }

  &:hover {
    opacity: 1;
    transform: scale(1.05);
    background-color: var(--white-color) !important;
    color: var(--black-color) !important;

    .card-text {
      color: var(--black-color) !important;
    }
  }
}
.modal {
  --modal-bg: var(--lightDark-color) !important;
  &.show {
    backdrop-filter: blur(12px) !important;
  }
  .modal-dialog {
    --bs-modal-inner-border-radius: 20px !important;
    .modal-content {
      box-shadow: #ffffff1a 5px 17px 20px 3px, #ffffff0d 0px -5px 20px 20px !important;
      border-radius: var(--bs-modal-inner-border-radius) !important;
      background-color: var(--modal-bg);
      background-image: url(../img/background-effects/Ellipse-effect.svg);
      backdrop-filter: blur(8px);
      background-size: 100% 100%;
      background-repeat: no-repeat;
      background-position: bottom start;
      .modal-header {
        border: 0 !important;
        background: var(--blue-color) !important;
        .btn-close {
          border-radius: 50%;
          width: 1rem;
          height: 1rem;
          font-size: 0.8rem;
          background-color: var(--white-color);
        }
      }
      .modal-body {
      }
      .modal-footer {
        border: 0 !important;
      }
    }
  }
}
/* modal backdrop  */
.modal-backdrop {
  &.show {
    opacity: 0.7 !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
  }
}

section,
.section {
  padding: 40px 0px;
  scroll-margin-top: 72px !important;
  background-color: var(--black-color);
  overflow: clip !important;
  min-height: calc(100dvh - 60px);
  /* max-height: 800px; */
  background-size: 100%;
  /* max-width: 1600px; */
  margin-inline: auto;
  background-repeat: no-repeat;

  &&.height-unset {
    min-height: auto !important;
  }

  &&.overlay-section,
  &&.one-platform-sec {
    overflow: unset !important;
    padding-bottom: 0 !important;
  }
}

.section-heading {
  text-align: center;
  padding: 30px 0;

  h1,
  h2 {
    font-weight: 400;
    position: relative;
    margin-bottom: 1rem;
    /* &::after{
      content: '';
      position: absolute;
      width: 120px;
      height: 0.5px;
      top: 40px;
      left: 25%;
      background-color: red;
    }
      &::before{
      content: '';
      position: absolute;
      width: 120px;
      height: 0.5px;
      right: 25%;
      top: 40px;
      background-color: red;
    } */

    span {
      color: var(--accent-color);
    }
  }
  .heading-des {
    text-wrap: pretty;
    font-size: clamp(1.2rem, 2vw, 1.5rem);
    font-weight: 300;
    margin-bottom: 0;
  }
}
.sectionInfo {
  text-wrap: pretty;
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-weight: 300;
}
@media (max-width: 1280px) {
  #upcomingCoursesSlider {
    /* .cardWrapper {
      gap: 0.5rem !important;
      padding: 0rem !important;
      overflow-x: visible !important;
    } */
    .coursesCard-v2 {
      min-width: 271px !important;
      .card-title {
        padding: 0px 10px !important;
      }
    }
  }
}
@media (max-width: 1199px) {
  section,
  .section {
    scroll-margin-top: 60px !important;
  }
}

/* btns */
.btn-grad {
  border-radius: 7px;
  background: radial-gradient(
    51.89% 116.98% at 12.06% 92.55%,
    #4ca9ed 0%,
    #0078d0 100%
  );
  background-color: var(--accent-color) !important;
  color: var(--white-color);

  &:hover {
    background: unset;
  }
}

.applyBtn {
  color: var(--white-color);
  font-family: "Open Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
}

.brochureBtn {
  color: var(--accent-color);
  border: 1px solid var(--white-color) !important;
  font-family: "Open Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: inline-flex;
  align-items: center;
  gap: 15px;
}

.text-green {
  color: var(--green-color) !important;
}
.text-pretty {
  text-wrap: pretty !important;
}
.text-justify {
  text-align: justify !important;
}

/* bg-effects
-------------------- */
.top-left-eclipse-bg {
  background-image: url(../img/background-effects/Ellipse-effect.svg);
  background-color: var(--lightDark-color);
  background-size: contain;
  background-position: start bottom;
  background-repeat: no-repeat;
}
.top-left-eclipse-bg-reverse {
  background-image: url(../img/background-effects/upcomingCourses.webp);
  background-color: var(--lightDark-color);
  background-size: cover;
  background-position: start bottom;
  background-repeat: no-repeat;
}

.bg-lightDark {
  background-color: var(--light-text-color) !important;
}

/* fonts */
.fs-14 {
  font-size: 14px;
}

.fs-13 {
  font-size: 13px;
}

.fs-18 {
  font-size: 18px;
}

/* custom tabs */
.custom-tabs {
  .nav-link {
    text-align: left;
    border: 1px solid var(--border-color);
    background-color: var(--lightDark-color);
    color: var(--white-color);
    border-radius: 10px;
    font-weight: 300;
    max-width: 330px !important;
    text-wrap: nowrap;

    &&.active {
      background-color: unset !important;
      background-image: url(../img/background-effects/btnActive.png);
      background-repeat: no-repeat;
      background-size: cover;
    }
  }
}

.custom-innertabs {
  .nav-link {
    text-align: center;
    border: 1px solid var(--border-color);
    background-color: var(--lightDark-color);
    color: var(--white-color);
    padding-inline: 10px;
    min-width: 130px;
    border-radius: 10px;
    font-weight: 400;

    &&.active {
      background-color: unset !important;
      color: var(--accent-color);
      font-weight: 600;
      border-color: var(--light-text-color);
    }
  }
}

#upcomingCoursesSlider {
  /* .cardWrapper {
    display: grid;
  // grid-template-columns: repeat(2, minmax(264px, 1fr));
    grid-template-columns:repeat(2, minmax(380px, 1fr));
    column-gap: 2rem;
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    gap: 1.5rem;
    padding: 1rem;
  } */
  /* old card  */
  .coursesCard {
    background-image: url(../img/background-effects/Ellipse-effect.svg);
    background-color: var(--lightDark-color);
    background-size: 100%;
    /* max-width: 390px; */
    background-repeat: no-repeat;
    border: 1px solid var(--border-color);
    transform: scale(0.95);
    padding-inline: 0 !important;

    &:hover {
      opacity: 1;
      transform: scale(1.02);
    }

    .card-text {
      color: var(--light-text-color);
      font-weight: 300;
      line-height: 22px;
    }

    .card-subtitle {
      font-weight: 300;
      color: var(--accent-color);
      margin-bottom: 0;
    }

    .card-des {
      font-weight: 300;
    }

    .card-body {
      padding: 20px 25px;
    }
  }

  /* new card */
  .coursesCard-v2 {
    /* min-width: 390px !important; */
    &:hover {
      opacity: 1;
      transform: scale(0.95) !important;
      background-color: inherit !important;
    }
    .months {
      background-color: var(--black-color);
      background-image: url(../img/background-effects/spiralLines.png);
      background-position: center;
      background-repeat: no-repeat;
      background-size: 100%;
      color: var(--accent-color);
      padding: 10px;
      font-weight: 600;
      font-size: 32px;
      text-align: center;
    }
    .course-desDataCont {
      display: inline-block;
      position: relative;
      float: inline-end;
      .course-des-toggle {
        position: absolute;
        right: 0;
        top: -25px;
      }
      .course-desData {
        position: absolute;
        top: 20px;
        right: 0;
        width: 280px;
        & > div {
          border: 1px solid var(--light-text-color);
          background-color: var(--black-color);
          border-radius: 20px !important;
        }
      }
    }
    .card-title {
      font-size: 18px;
      padding: 0px 20px;
    }
    .checkList {
      list-style: none;
      padding-left: 0 !important;
      display: flex;
      flex-direction: column;
      gap: 5px;
      margin-bottom: 0 !important;
    }
    .card-des {
      font-weight: 200;
      padding: 0px 1rem;
      text-wrap: pretty;
      /* padding: 0px 25px 0 10px; */
    }

    .applyBtn {
      width: 85% !important;
      margin: auto;
      display: block;
    }

    .card-body {
      padding: 10px 0px 15px 0px;
      position: relative;
      .coursesType {
        /* background-color: #3D93D2; */
        background-image: url(../img/clippath-bg.png);
        /* border-top: none; */
        font-size: 16px;
        margin: 0;
        width: 112px;
        text-align: center;
        right: 0;
        background-size: auto;
        height: 60px;
        position: absolute;
        background-repeat: no-repeat;
        padding: 12px 10px 10px 7px;
        top: 0;
      }
    }
  }
}

/* 
# header
 -----------------*/
.customNav {
  background-color: var(--black-color);
  box-shadow: #ffffff5b 0px 1px 0px, #ffffff40 0px 1px 0px inset;

  && .navbar-nav {
    .nav-item {
      .nav-link {
        font-size: 16px;
        color: var(--white-color);
        transition: all 0.9s ease;
        text-wrap: nowrap;
        cursor: pointer !important;

        &:hover {
          color: var(--accent-color);
        }
      }

      .cta-btn {
        border-radius: 4rem;
        padding: 5px 15px;
        border: 1px solid var(--border-color);
        background: var(--dark-color);
        text-wrap: nowrap;

        &:hover {
          background: var(--accent-color);
          color: var(--white-color);
        }
      }
    }
  }

  .navbar-toggler {
    color: var(--white-color);
    box-shadow: none;
    transition: all 0.9s ease;

    &:hover {
      scale: 1.2;
    }
  }
}

/* top banner section  */
.banner-section {
  background-image: url("../img/banners/udaa-bg-banner2.webp");
  max-height: 780px !important ;
  background-size: 100% 100%;
  .bannerImg {
    max-width: 100%;
    position: relative;
    margin: auto;
    /* max-height: 660px; */
    max-height: 730px;
    /* height: calc(100dvh - 70px); */
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: end;

    img.imgBanner {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      z-index: 0;
      width: 100%;
      object-fit: cover;
      /* object-position: 0px -75px; */
      object-position: right;
      height: 100%;
    }
    .new-bannerImg {
      max-height: 650px;
    }

    .bannerTxt {
      --element-padding: 0rem;
      position: relative;
      z-index: 5;
      text-align: start;

      .topIcon {
        height: 55px;
        text-align: start;
        position: static;
        padding-left: var(--element-padding);
      }

      .heading {
        padding-left: var(--element-padding);
        font-style: normal;
        font-weight: 400;
        text-wrap: balance;
        margin-bottom: 16px;
        /* font- size: clamp(30px, 4vw, 64px) !important; */
        font-size: clamp(30px, 4vw, 54px) !important;

        span {
          color: var(--blue-color);
        }
      }

      .eventDate {
        color: var(--accent-color);
        /* width: 370px; */
        display: inline-block;
        padding-left: var(--element-padding);
        /* margin-left: 40px; */
        p {
          border-top: 1px solid var(--white-color);
          border-bottom: 1px solid var(--white-color);
          padding: 6px 0px;
          font-weight: 600;
          font-size: clamp(17px , 1.2vw , 20px);
          text-wrap: auto;
          span {
            color: var(--white-color);
            /* padding-left: 15px; */
            font-weight: 500;
          }
        }

        img {
          position: static;
        }

        /* &::before,
        &::after {
          content: url(../img/background-effects/stoke.svg);
          width: 100%;
          height: 1px;
          position: absolute;
          left: 0;
          } */
      }

      .bannerBtns {
        padding-left: var(--element-padding);
        display: inline-flex;
        margin: 20px 0;
        gap: 40px;
      }
    }
  }

  .marqueSlider {
    position: relative;
    overflow: hidden;
    width: 100%;

    marquee,
    .marquee-content {
      font-size: 20px;
      white-space: nowrap;
      position: relative;
      z-index: 2;
      cursor: pointer;

      span {
        font-weight: 300;
        display: inline-block;
        margin-right: 80px;
      }
    }

    .marquee-fade {
      position: absolute;
      top: 0;
      width: 100px;
      height: 100%;
      z-index: 3;
      pointer-events: none;

      &.marquee-fade-left {
        left: 0;
        background: linear-gradient(to right, var(--black-color), transparent);
      }

      &.marquee-fade-right {
        right: 0;
        background: linear-gradient(to left, var(--black-color), transparent);
      }
    }
  }
}

/*
# Why different section
--------------------------------------------*/
.whyDifferent {
  background-image: url(../img/background-effects/twoEclips.webp);
  background-size: 100% 100% !important;

  .whyDifferentSlider {
    /* display: grid;
    grid-template-columns: repeat(3, minmax(280px, 1fr));
    column-gap: 2.5rem; */
    .slick-track {
      padding-bottom: 2.5rem !important;
    }
    .whyDifferentCard {
      background-image: url(../img/background-effects/Ellipse-effect.svg);
      background-color: var(--lightDark-color);
      background-size: 100%;
      background-repeat: no-repeat;
      border: 1px solid var(--border-color);
      max-width: unset !important;
      min-height: 310px;
      .card-text {
        color: var(--light-text-color);
        font-weight: 300;
        line-height: 22px;
      }

      .card-body {
        padding: 20px 25px;
        h4 {
          font-size: 20px !important;
        }
      }
      &:hover {
        background-color: var(--white-color) !important;
        .card-text {
          color: var(--black-color) !important;
        }
      }
    }
  }
}

.trainCoderSection {
  .decriptionCont {
    .heading {
      font-weight: 600;

      span {
        color: var(--accent-color);
      }
    }

    .des {
      font-weight: 300;
       span{
        color: var(--accent-color);
      }
      &.des-text{
        font-size: clamp(16px , 1.5vw , 20px) !important;
      }
    }

    .packages {
      font-weight: 400;

      p {
        margin-bottom: 0;
        /* font-size: clamp(18px , 2vw , 20px); */
      }

      span {
        color: var(--light-text-color);
      }
    }
  }

  .img-cont {
    position: relative;
    text-align: end;

    .imgfade-left {
      position: absolute;
      top: 0;
      width: 200px;
      height: 100%;
      left: 0;
      z-index: 3;
      pointer-events: none;
      background: linear-gradient(to right, var(--dark-color), transparent);
    }
    .imgfade-right {
      position: absolute;
      top: 0;
      width: 200px;
      height: 100%;
      right: 0;
      z-index: 3;
      pointer-events: none;
      background: linear-gradient(to left, var(--dark-color), transparent);
    }

    img {
      width: 100%;
      object-fit: cover;
      height: 340px;
      /* border-radius: 0 10px 10px 0; */
    }
  }
}

/* 
# upcomingCourses
----------------------- */
.upcomingCourses {
  background-image: url(../img/background-effects/upcomingCourses.webp);

  .udaanIcon {
    text-align: center;
    margin-bottom: 30px;
  }

  .desc-cont {
    .heading {
      span {
        color: var(--accent-color);
      }
    }

    p {
      font-weight: 300;
    }
  }

  .spinner-container {
    position: relative;
    /* height: 400px; */
    width: 100%;
    max-width: 900px;
    overflow: hidden;
    display: flex;
    justify-content: start;
    align-items: center;
    cursor: pointer;
    perspective: 1000px;
    margin: 1.5rem 0;

    .spinner {
      display: flex;
      flex-direction: column;
      align-items: start;
      transition: transform var(--spinner-transition-transform);
      will-change: transform;

      span {
        font-size: var(--spinner-font-size);
        color: var(--white-color);
        opacity: 1;
        /* transform: scale(var(--spinner-scale-small)); */
        /* transition: opacity var(--spinner-transition), transform var(--spinner-transition), color var(--spinner-transition); */
        /* height: 50px; */
        line-height: 50px;
        user-select: none;
        will-change: transform, opacity;

        &:nth-child(2),
        &:nth-child(4) {
          /* opacity: var(--spinner-opacity-mid); */
          /* transform: scale(var(--spinner-scale-mid)); */
        }

        &:nth-child(1),
        &:nth-child(5) {
          /* opacity: var(--spinner-opacity-low); */
          /* transform: scale(var(--spinner-scale-small)); */
        }

        &.active {
          /* color: var(--spinner-active-color); */
          opacity: 1;
          /* transform: scale(var(--spinner-scale-active)); */
          font-weight: 600;
        }
      }
    }
  }

  .img-cont {
    img {
      width: 100%;
    }
  }
}

/*
# WhyChooseUs
--------------------------- */
.WhyChooseUs {
  background-image: url(../img/background-effects/whyChooseUs-bg.png);
  /* max-height: 690px; */
  /* padding-bottom: 0; */
  background-size: cover;
  background-position: center;

  .cardWrapper,
  .whyChooseSlider {
    display: grid;
    grid-template-columns: repeat(3, minmax(284px, 1fr));
    gap: 1rem;
    scroll-snap-type: x mandatory;
    /* old card  */
    /* .whyChooseUsCard {
      text-align: center;
      background-color: transparent;
      box-shadow: none;
      max-width: 300px;

      .card-text {
        font-weight: 300;
      }
    } */
    .whyChooseUsCard {
      background-color: var(--black-color) !important;
      color: var(--default-color);
      border-radius: 20px;
      padding: 30px 20px;
      transition: transform 0.4s ease, box-shadow 0.4s ease;
      position: relative;
      overflow: hidden;
      &:hover {
        transform: translateY(-10px);
        box-shadow: 0 8px 25px var(--accent-color-shadow);

        .custom-card-bg {
          /* transform: scale(10); */
          background-color: var(--accent-color);
          /* Color change on hover */
        }

        .card-title,
        .card-body p {
          color: var(--white-color) !important;
        }

        .card-img {
          transform: translateY(-10px);
        }
      }

      .custom-card-bg {
        height: 128px;
        width: 128px;
        background-color: var(--accent-color);
        /* Original color */
        position: absolute;
        top: -75px;
        right: -75px;
        border-radius: 50%;
        z-index: 0;
        transition: all 0.5s ease;
      }

      .image-container {
        background-color: #f5f8fa;
        border-radius: 1.2rem;
        /* Like rounded-4 or rounded-5 */
        padding: 1.2rem;
        width: 100px;
        height: 100px;
        margin: 0 auto;
        position: relative;
        z-index: 1;
      }

      .custom-card-img {
        max-width: 100%;
        height: auto;
        object-fit: contain;
      }

      .card-img,
      .card-body,
      .card-title {
        position: relative;
        z-index: 1;
      }

      .card-title {
        font-size: 1.5rem;
        margin-top: 1rem;
        margin-bottom: 0.5rem;
        color: var(--white-color);
        max-width: 92%;
      }

      .card-body p {
        font-size: 1rem;
        line-height: 1.5;
        color: var(--white-color);
      }
    }
  }
}

/*
#Our mission section
--------------------------------------------*/
.OurMission {
  background-image: url(../img/background-effects/twoEclips.png);
  /* background-image: url(../img/background-effects/Ellipse-effect.svg); */
  background-color: var(--lightDark-color);
  background-size: 100% 100% !important;
  background-position: left bottom;

  .cardWrapper {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 2.5rem;

    .OurMissionCard {
      /* background-image: url(../img/background-effects/Ellipse-effect.svg); */
      background-color: var(--lightDark-color);
      background-size: 100%;
      background-repeat: no-repeat;
      border: 1px solid var(--border-color);
      height: 100%;
      .card-body {
        padding: 20px 25px;
        .card-title {
          font-size: clamp(20px, 2vw, 36px) !important;
        }
        .card-text {
          color: var(--light-text-color);
          font-weight: 300;
          line-height: 22px;
        }
      }
    }
  }
}

/*
# internship section
--------------------------------------------*/
.intership-section {
  background-image: url(../img/background-effects/twoEclips.png);
  /* background-image: url(../img/background-effects/Ellipse-effect.svg); */
  background-color: var(--lightDark-color);
  background-size: 100% 100% !important;
  background-position: left bottom;

  .cardWrapper {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 2.5rem;

    .internshipCard {
      background-image: url(../img/background-effects/Ellipse-effect.svg);
      background-color: var(--lightDark-color);
      background-size: 100%;
      background-repeat: no-repeat;
      border: 1px solid var(--border-color);
      height: 100%;
      max-width: 320px;
      .card-body {
        padding: 20px 25px;
        .card-title {
          font-size: clamp(1rem, 2vw, 1.25rem) !important;
        }
        .card-text {
          color: var(--light-text-color);
          font-weight: 300;
          line-height: 22px;
        }
      }
    }
  }
}

/* 
#fotter section
------------------------------ */
.fotterSection {
  background-image: url(../img/background-effects/fotterSectionBg.webp);
  padding: 0 0 0 00;
  /* min-height: 110vh; */
  padding-top: 30px;
  display: flex;
  flex-direction: column;
  justify-content: end;
  gap: 3rem;

  .readyToBegain {
    text-align: center;
    /* min-height: 250px; */
    margin-top: 25px;

    .readyToBegainBtns {
      display: inline-flex;
      margin: 20px 0;
      gap: 40px;
    }
  }

  .footerBgEffect {
    /* background-image: url(../img/background-effects/fotterBgEffect.png); */
    /* background-size: 100%; */
    background-size: cover;
    /* border-top: 1px solid var(--border-color);
    padding-top: 1rem; */
    background-repeat: no-repeat;
    /* border-radius: 20px; */
    border-radius: 0px;
    height: 100%;
    /* min-height: 350px; */
    min-height: 315px;
    max-height: 500px;
    /* margin-bottom: 20px; */
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center !important;

    & a {
      color: var(--white-color) !important;
      text-decoration: none;
      cursor: pointer;
    }

    h5 {
      font-size: clamp(18px, 4vw, 22px);
      position: relative;
      font-weight: 700;
      margin-bottom: 20px;
      color: var(--white-color);
      letter-spacing: 0.5px;

      &::after {
        content: "";
        position: absolute;
        bottom: -7px;
        left: 0;
        width: 50px;
        height: 2px;
        background-color: var(--accent-color);
      }
    }
  }
  .fotterLogos {
    .btn {
      img {
        height: 30px;
        border-radius: 8px !important;
      }
    }
  }
}

/* About us css */
/* .about-us-page { */
/* .our-mission-section {
    .our-mission-card {
      padding: 20px;
      border-radius: 10px;
      border: 1px solid #ffffff42;
      min-height: 200px;
      height: auto;
      max-height: 200px;
    }

    .card {
      &:hover {
        opacity: 1;
        transform: scale(1.05);
        background-color: var(--hover-card-color) !important;
      }
    }
  } */

.admission-content {
  .process {
    position: relative;
    display: flex;
    justify-content: space-around;
    list-style: none;

    &::before {
      content: "";
      background-color: #3d93d24d;
      border-radius: 30px;
      position: absolute;
      left: 0;
      top: 30%;
      z-index: 1;
      height: 20px;
      right: 0;
      width: 100%;
    }

    .inner {
      ul {
        li {
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;

          .current {
            background-color: #00376f;
            border: 1px solid #0161c0;
            width: 50px;
            position: relative;
            z-index: 2;
            justify-content: center;
            display: flex;
            height: 50px;
            align-items: center;
            border-radius: 30px;

            span {
              font-size: 24px;
            }

            .top-content {
              margin-top: -50px;
              margin-bottom: 10px !important;
            }
          }
        }
      }
    }
  }
}

.centerTools-section {
  background-image: url(../img/background-effects/whyChooseUs-bg.png);
  /* max-height: 690px; */
  /* padding-bottom: 0; */
  background-size: cover;
  background-position: center;

  /* .center-tools {
      .slick-slide {
        padding: 0px 10px;

      }

      .slick-arrow {
        display: none !important;
      }
    } */
  .cardWrapper {
    display: grid;
    grid-auto-flow: column;
    grid-template-rows: repeat(2, 1fr);
    gap: 1rem !important;
    padding: 1rem;
    /* scroll-snap-type: x mandatory; */
    overflow-x: unset !important;
    width: 100%;
    .company-logo {
      flex-shrink: 0;
      width: 100px;
      height: 100px;
      padding: 15px;
      border: 1px solid var(--blue-color);
      /* background-image: url(../img/background-effects/Ellipse-effect.svg) !important; */
      background-color: var(--border-color) !important;
      border-radius: 50%;
      &:has(.aws) {
        img {
          filter: invert(1);
        }
      }
      img {
        width: 100%;
        height: 100%;
        object-fit: contain;
      }
    }
  }
}

.intership-section {
  .intershipCard {
    background-image: url(../img/background-effects/Ellipse-effect.svg);
    background-color: var(--lightDark-color);
    background-size: 100%;
    background-repeat: no-repeat;
    border: 1px solid var(--border-color);

    .card-body {
      h5 {
        font-size: 16px;
      }
    }
  }
}

.gallery-section {
  .main {
    width: 100%;
    margin: auto;

    .slider-for {
      .slick-track {
        .slick-slide {
          margin-bottom: 30px;

          .gallery-img {
            height: 410px;
            width: 75%;
            margin: auto;

            img {
              height: 100%;
              border-radius: 10px;
              width: 100%;
              object-fit: cover;
            }
          }
        }
      }
    }

    .slider-nav {
      .slick-track {
        flex-wrap: nowrap !important;
        .slick-slide {
          padding: 0px 10px;

          img {
            flex-shrink: 0;
            border-radius: 10px;
            width: 100%;
            min-width: 60px;
            max-width: 150px;
            min-height: 60px;
            max-height: 150px;
          }
        }
      }
    }
  }

  .slick-arrow {
    display: none !important;
  }
}

.frequently-section {
  .accordion {
    .accordion-item {
      margin-top: 10px;
      border-radius: 0px;

      .accordion-header {
        .accordion-button {
          background: #0b0b0b;
          border-radius: 0px;
          color: #fff;
          /* background: radial-gradient(circle,rgba(11, 11, 11, 1) 0%, rgba(102, 97, 97, 1) 100%); */
          border-top: 1px solid #6e6e6e;
          box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px,
            rgba(0, 0, 0, 0.3) 0px 7px 13px -3px,
            rgba(0, 0, 0, 0.2) 0px -3px 0px inset;

          &:after {
            background-image: none !important;
          }

          /* &::before {
              content: '+';
              font-weight: bold;
              font-size: 18px;
            } */
        }
      }

      .accordion-body {
        background-color: #000;
        color: #fff;
      }
    }
  }

  .accordion-button .icon::before {
    content: "+";
    font-weight: bold;
    font-size: 18px;
    position: absolute;
    right: 40px;
    top: 19px;
  }

  .accordion-button:not(.collapsed) .icon::before {
    content: "−";
    /* minus symbol */
  }
}

.process {
  position: relative;
  display: flex;
  justify-content: space-around;
  list-style: none;
}

.process::before {
  content: "";
  background-color: #3d93d24d;
  border-radius: 30px;
  position: absolute;
  left: 0;
  top: 30%;
  z-index: 1;
  height: 20px;
  right: 0;
  width: 100%;
}

.process li {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.process li .current {
  background-color: #00376f;
  border: 1px solid #0161c0;
  width: 50px;
  position: relative;
  z-index: 2;
  justify-content: center;
  display: flex;
  height: 50px;
  align-items: center;
  border-radius: 30px;
}

.process li .current span {
  font-size: 24px;
}

.process li .top-content {
  margin-top: -50px;
  margin-bottom: 10px !important;
}
/* } */

/* About us css end*/

/*
# slider comp
----------------------------------- */
.slider-container {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.1rem;
  overflow: hidden;
  width: 100%;
  /* padding: 0.7rem 0; */
  padding-top: 0.5rem !important;
  padding-bottom: 1.5rem !important;

  .slider-btn {
    background-color: var(--light-text-color);
    border: 1px solid var(--border-color);
    border-radius: 50%;
    width: 1.8rem;
    height: 1.8rem;
    font-size: 0.8rem;
    flex-shrink: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;

    &:hover {
      background-color: var(--white-color);
    }

    &.prev {
      order: -1;
    }
  }

  .slider-track-wrapper {
    overflow-x: auto;
    scroll-behavior: auto;
    flex-grow: 1;
    padding-inline: 1rem;
    &.dragging {
      cursor: grabbing;
      padding-inline: 2rem !important;
      * {
        -webkit-user-drag: none;
        -webkit-touch-callout: none !important;
        scroll-snap-align: center !important;
        scroll-margin-inline: 2rem;
      }
    }
    &::-webkit-scrollbar {
      display: none;
    }
  }

  .slider-track {
    display: flex;
    gap: 1.5rem;
    padding: 0.5rem 0;
    min-width: max-content;
    /* scroll-snap-align: center !important; */
    &.cardWrapper {
      scroll-snap-align: end !important;
      padding-inline-start: 0.5rem !important;
      padding-inline-end: 1rem !important;
      .card {
        /* width: 80%; */
        user-select: none !important;
        height: auto !important;
        background-color: var(--lightDark-color);
      }
      .coursesCard {
        .card-title {
          width: calc(100% - 107px) !important;
        }
      }
    }
  }
  .slider-indicators {
    text-align: center;
    margin-top: 1rem;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);

    .indicator-dot {
      display: inline-block;
      width: 12px;
      height: 12px;
      background-color: var(--white-color);
      opacity: 0.7;
      border-radius: 50%;
      margin: 0 4px;
      cursor: pointer;
      transition: background 0.3s;

      &.active {
        opacity: 1;
        background-color: var(--accent-color);
      }
    }
  }
}
/* wokring code  */
.slider {
  padding-top: 0.5rem !important;
  padding-bottom: 1.5rem !important;

  /* // Slick Track Wrapper */

  /* // Slick Track */
  .slick-track {
    display: inline-flex !important;
    gap: 1.5rem;
    padding: 0.5rem 0;
  }

  /* // Slick Slide */
  .slick-slide {
    user-select: none !important;
    height: auto !important;
    background-color: var(--lightDark-color);
    padding-inline-start: 0.5rem;
    padding-inline-end: 1rem;

    &.card {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      background-color: var(--lightDark-color) !important;
    }

    &.coursesCard .card-title {
      width: calc(100% - 107px) !important;
    }
  }

  /* // Arrows */
  .slick-prev,
  .slick-next {
    background-color: var(--light-text-color);
    border: 1px solid var(--border-color);
    border-radius: 50%;
    width: 1.8rem;
    height: 1.8rem;
    font-size: 1rem !important;
    z-index: 2;
    display: flex !important;
    align-items: center;
    justify-content: center;
    color: var(--lightDark-color) !important;
    cursor: pointer;
    transition: all 0.3s ease;
    &::before {
      content: unset !important;
    }
    &:hover {
      background-color: var(--white-color);
      color: var(--black-color);
    }
    &.slick-disabled {
      background-color: var(--light-text-color) !important;
      opacity: 0.4 !important;
    }
  }

  .slick-prev {
    left: -10px;
  }

  .slick-next {
    right: -10px;
  }

  /* // Dots (Indicators) */
  .slick-dots {
    text-align: center;
    margin-top: 1rem;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    display: flex !important;
    justify-content: center;
    align-items: center;

    li {
      margin: 0 4px;

      button {
        width: 12px;
        height: 12px;
        border-radius: 50%;
        background-color: var(--white-color);
        opacity: 0.7;
        transition: background 0.3s;
        font-size: 0;
        padding: 0;

        &:before {
          display: none;
        }
      }

      &.slick-active button {
        background-color: var(--accent-color);
        opacity: 1;
      }
    }
  }
}

@media only screen and (min-width: 1200px) {
  .custom-tabs.horizontalScroll-lg {
    padding-top: 1.4rem;
  }
  .upcomingCourses {
    .img-cont {
      img.img-fluid {
        max-width: 85% !important;
        object-fit: contain !important;
      }
    }
  }
}
@media only screen and (max-width: 1124px) {
  .WhyChooseUs,
  .whyDifferent {
    .cardWrapper {
      display: flex;
      /* overflow-x: auto; */
      scroll-snap-type: x mandatory;
      gap: 1.5rem;
      padding-bottom: 1rem;

      .card {
        .card-text {
          font-weight: 300;
        }
      }
    }
    &.whyChooseUs {
      .whyChooseSlider {
        display: flex;
        align-items: stretch;
        gap: 1rem;
        .whyChooseUsCard {
          height: auto !important;
          width: unset;
          flex-shrink: unset !important;
          max-width: unset !important;
          min-width: unset !important;
        }
      }
    }
  }

  .trainCoderSection {
    .img-cont {
      text-align: center;

      img {
        border-radius: 10px;
        /* max-width: 85%; */
      }
    }
  }
}
#upcomingCoursesSlider {
  /* .cardWrapper {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    gap: 1.5rem;
    padding-top: 0 !important;
    padding-bottom: 1rem !important;

  } */
  .card {
    min-width: 380px;
    &:hover {
      color: var(--white-color) !important;

      .card-text {
        color: var(--white-color) !important;
      }
    }
  }
}

@media (max-width: 991.98px) {
  .banner-section {
    .bannerImg {
      max-width: 100%;
      position: relative;
      margin: auto;
      max-height: 730px;

      img.imgBanner {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 0;
        width: 100%;
        object-fit: cover;
        object-position: right;
        height: 100%;
      }
    }
  }
.border-lg-none{
  border: 1px solid var(--white-color) !important;
}
  .spinner-container {
    height: 320px;

    .spinner {
      span {
        font-size: 1.5rem;
        height: 45px;
        line-height: 45px;
      }
    }
  }
  .horizontalScroll-lg {
    overflow-x: auto;
    flex-wrap: nowrap !important;
    scroll-snap-type: x mandatory;
    scroll-snap-align: start;
    gap: 1rem !important;
    .nav-link {
      /* width: 100%; */
      flex-shrink: 0;
      display: inline-block;
      /* max-width: 250px !important; */

      /* text-wrap: nowrap; */
    }
    &::-webkit-scrollbar {
      display: none !important;
    }
  }
  .upcomingCourses,
  .trainCoderSection {
    .img-cont {
      text-align: center;

      img {
        /* object-fit: contain; */
        max-width: 75%;
        max-height: 300px;
      }
    }
    .desc-cont {
      text-align: center;
      p{
        /* text-wrap: pretty; */
      }
    }
    &.trainCoderSection {
      .img-cont {
        img {
          border-radius: 20px;
        }
      }
    }
  }
  .decriptionCont {
    text-align: center;
  }
}

@media only screen and (max-width: 769px) {
  .banner-section {
    max-height: unset !important;
    min-height: 750px !important;
    .bannerImg {
      max-height: 700px !important;
      /* max-height: unset !important; */
      height: unset !important;
      align-items: unset !important;
      justify-content: start !important;
      object-position: top !important;

      img.imgBanner {
        object-fit: cover !important;
        object-position: center !important;
        /* width: 100%;
        height: auto; */
      }
    }
    .bannerBtns {
      gap: 1.5rem !important;
      .brochureBtn,
      .applyBtn {
        font-size: clamp(1rem, 1vw, 4rem) !important;
      }
    }

    .bannerTxt {
      /* height: calc(100vh - 19rem) !important; */
      max-height: 850px !important;
      .heading1 {
        padding: 1rem;
        position: relative;
        font-size: 2rem !important;
        span {
          color: var(--accent-color) !important;
        }
        &:after {
          content: "";
          position: absolute;
          z-index: 0;
          /* background-image: linear-gradient(
          to left,
          rgba(255, 255, 255, 0),
          #000 100%
        ); */
          top: 0;
          right: 0;
          left: 0;
          bottom: 0;
        }
      }
      .smallBanner {
        /* background-image: url(../img/background-effects/Ellipse-effect.svg),
          linear-gradient(to left, rgba(255, 255, 255, 0), #000 100%) !important; */

        /* transform: translateY(-40%); */
        text-align: center;
        position: relative;
        z-index: 4;
        &::before {
          content: "";
          width: 100%;
          height: 300px;
          background-image: url(../img/background-effects/blackFade.png);
          background-size: fill;
          background-repeat: no-repeat;
          background-position: center;
          position: absolute;
          top: -50px;
          left: 0;
          z-index: -1;
        }
      }
      .smallBannerEffects {
        width: 100%;
        min-height: 300px;
        /* background-color: white; */
        /* background-image: url(../img//background-effects/smalllBgBanner.png); */
        position: relative;
        display: flex;
        justify-content: center;
        &::before {
          content: unset !important;
          background-image: url(../img/background-effects/rotatingImg.png) !important;
          width: 300px;
          height: 300px;
          display: inline-block;
          background-size: 290px !important;
          background-position: center;
          background-repeat: no-repeat;
          position: absolute;
          transform: translateX(-50%);
          z-index: 1;
          animation: rotateImage 15s linear infinite;
        }
        &::after {
          content: "";
          /* background-image: url(../img/background-effects/floatingImg.png); */
          background-image: url(../img/banners/udaan-right-img.webp);
          width: 300px;
          height: auto;
          /* height: 450px; */
          background-size: contain;
          background-repeat: no-repeat;
          background-position: top;
          z-index: 2;
          transform: translate(0px, -10px);
        }
      }
      #marqueeImageContainer {
        position: relative;
        img {
          width: 40px;
          height: 40px;
          position: absolute;
          z-index: 5;
        }
      }
    }
    .marqueee-bg {
      background-image: url(../img/banners//textSectionbg.png);
      width: 100%;
      background-size: 100%;
      height: 200px;
      /* padding-top: 1.3rem; */
      display: flex;
      align-items: center;
      .marqueSlider {
        z-index: 5;
        scroll-behavior: smooth !important;
        /* margin-top: 1.3rem; */
      }
    }
  }
  .bg-remmover {
    background-image: unset !important;
    max-height: unset !important;
  }

  .upcomingCourses {
    /* .desc-cont {
      text-align: center;
    } */

    .spinner-container {
      height: unset;
      margin: 20px 10px;
    }

    .img-cont {
      text-align: center;

      img {
        object-fit: contain;
        max-width: 75%;
        max-height: 300px;
      }
    }
  }

  .contactInput {
    max-width: 95%;
    width: 100% !important;

    /* flex-wrap: wrap; */
    /* border-radius: 10px !important; */
    input,
    .btn {
      /* border-radius: 10px !important; */
      /* margin-right: 0 !important; */
      font-size: 0.7rem;
    }

    .btn {
      /* margin-left: auto; */
      /* margin-top: 5px; */
    }
  }
  .fotterSection {
    .readyToBegain {
      min-height: unset !important;
    }
  }
}

.tooltip {
  .tooltip-inner {
    max-width: var(--bs-tooltip-max-width);
    padding: 1rem 0.5rem;
    color: var(--light-text-color);
    font-style: oblique;
    text-align: start;
    text-wrap: balance;
    background-color: var(--black-color);
    border-radius: var(--bs-tooltip-border-radius);
    font-weight: 500;
  }
}

/* loader css start  */
:root {
  --loader-width: 170px;
  --loader-height: 140px;

  --ball-size: 30px;
  --ball-color: var(--blue-color);
  --ball-bottom-start: 30px;
  --ball-bottom-end: 140px;

  --platform-height: 7px;
  --platform-width: 45px;
  --platform-radius: 4px;
  --shadow-color: var(--white-color);
  --shadow-1: -35px 50px 0;
  --shadow-2: -70px 95px 0;

  --bounce-duration: 0.5s;
  --step-duration: 1s;
}

#loader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1026;
  background-color: var(--hover-card-color);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
  visibility: visible;
  transition: opacity 0.7s ease, visibility 0.9s ease;

  &.hidden {
    opacity: 0;
    visibility: hidden;
  }
  span {
    display: block;
    position: relative;
    width: var(--loader-width);
    height: var(--loader-height);
    margin: 0 auto;

    &::before {
      content: "";
      position: absolute;
      bottom: var(--ball-bottom-start);
      left: 50px;
      height: var(--ball-size);
      width: var(--ball-size);
      border-radius: 50%;
      background: var(--ball-color);
      animation: loading-bounce var(--bounce-duration) ease-in-out infinite
        alternate;
    }

    &::after {
      content: "";
      position: absolute;
      right: 0;
      top: 0;
      height: var(--platform-height);
      width: var(--platform-width);
      border-radius: var(--platform-radius);
      box-shadow: 0 5px 0 var(--shadow-color),
        var(--shadow-1) var(--shadow-color), var(--shadow-2) var(--shadow-color);
      animation: loading-step var(--step-duration) ease-in-out infinite;
    }
  }
}
@keyframes loading-bounce {
  0% {
    transform: scale(1, 0.7);
  }
  40% {
    transform: scale(0.8, 1.2);
  }
  60% {
    transform: scale(1, 1);
  }
  100% {
    bottom: var(--ball-bottom-end);
  }
}

@keyframes loading-step {
  0% {
    box-shadow: 0 10px 0 transparent, 0 10px 0 var(--shadow-color),
      var(--shadow-1) var(--shadow-color), var(--shadow-2) var(--shadow-color);
  }

  100% {
    box-shadow: 0 10px 0 var(--shadow-color),
      var(--shadow-1) var(--shadow-color), var(--shadow-2) var(--shadow-color),
      var(--shadow-2) transparent;
  }
}

/* 🔽 Extra responsiveness for mobile screens below 576px */
@media (max-width: 575.98px) {
  .banner-section {
    background-size: cover;
    background-position: center;
    &&.height-unset {
      max-height: unset !important;
      min-height: 870px !important;
    }
  }
  #upcomingCoursesSlider {
    /* .cardWrapper {
      padding-inline-start: 0.5rem !important;
    } */
    .card {
      /* max-width: 300px !important; */
    }
  }
  @keyframes rotateImage {
    0% {
      transform: rotate(0deg); /* Initial state */
    }
    50% {
      transform: rotate(180deg); /* Halfway rotation */
    }
    100% {
      transform: rotate(360deg); /* Full rotation */
    }
  }

  .brochureBtn {
    background-color: var(--white-color);

    &:hover {
      background-color: var(--accent-color);
    }
  }

  .spinner-container {
    height: 280px;

    .spinner {
      span {
        font-size: 1rem !important;
        height: 40px;
        line-height: 40px;
      }
    }
  }

  .intership-section {
    .cardWrapper {
      .card {
        max-width: 260px;
        height: 100%;
        .card-body {
          padding: 1rem !important;
        }
      }
    }
  }
  .whyDifferent {
    .whyDifferentCard {
      max-width: 280px !important;
      &:hover {
        background-color: initial !important;
        & * {
          /* color: var(--white-color) !important; */
        }
      }
    }
  }
  .upcomingCourses,
  .trainCoderSection {
    .img-cont {
      img {
        max-width: unset !important;
        width: 70%;
        height: auto !important;
        object-position: start;
      }
    }
  }
  .readyToBegain,
  .desc-cont,
  .section-heading,
  .decriptionCont {
    p.fs-5,
    .des {
      font-size: 15px !important;
    }
  }
  .packages {
    p {
      font-size: 16px !important;
    }
  }
  .readyToBegainBtns,
  .bannerBtns {
    padding-left: var(--element-padding) !important;
    gap: 20px !important;
    .brochureBtn,
    .applyBtn {
      font-size: 0.95rem !important;
    }
  }
}

/* Container for the scrolling images */
.marquee-wrapper {
  overflow: hidden;
  display: flex;
  justify-content: start;
  /* background: white; */
  padding: 1rem;
  position: relative;
  min-height: 60px;

  .marquee-content {
    display: inline-flex;
    justify-content: start;
    gap: 1rem;
    animation: scroll-left 30s linear infinite;

    div {
      display: flex;
      align-items: center;
      min-width: 40px;
      min-height: 40px;

      img {
        width: 60px;
        height: 60px;
        object-fit: contain;
        display: block;
      }
    }
  }
}

@keyframes scroll-left {
  /* 0% {
    transform: translateX(0%);
  }
  25% {
    transform: translateX(-25%);
  }
  50% {
    transform: translateX(-50%);
  }
  75% {
    transform: translateX(-75%);
  }
  100% {
    transform: translateX(-100%);
  } */
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%); /* Approx if repeating 3 times */
  }
}

/* @media (max-width: 450.98px) {
  .banner-section {
    max-height: 500px;
    .bannerImg {
      max-height: 600px !important;
      align-items: unset !important;
      justify-content: space-between !important;
      object-position: top !important;

      img {
        object-fit: cover !important;
        object-position: center top !important;
        width: 100%;
        height: auto;
      }
    }

    .bannerBtns {
      gap: 1.5rem !important;
      flex-wrap: wrap;
    }

    .bannerTxt {
      .heading1 {
        padding: 1rem;
        position: relative;
        font-size: large !important;
        span {
          color: var(--accent-color) !important;
        }
        &:after {
          content: "";
          position: absolute;
          z-index: 0;
          background-image: linear-gradient(
          to left,
          rgba(255, 255, 255, 0),
          #000 100%
        );
          top: 0;
          right: 0;
          left: 0;
          bottom: 0;
        }
      }
      .smallBanner {
        background-image: url(../img/background-effects/Ellipse-effect.svg),
          linear-gradient(to left, rgba(255, 255, 255, 0), #000 100%) !important;
        background-size: cover;
        background-repeat: no-repeat;
        background-color: #00000034;
      }
    }
  }
} */

.advertize-logos {
  display: flex;
  align-items: end;
  flex-direction: column;
  justify-content: center;
  gap: 1rem;
  img {
    max-width: 150px !important;
    max-height: 100px;
    width: 100% !important;
  }
}

.ContactBtn {
  cursor: pointer !important;
}