@font-face {
    font-family: 'NissanOpti Regular';
    font-style: normal;
    font-weight: normal;
    src: local('NissanOpti Regular'), url('../font/NissanOpti.woff') format('woff');
  }
  
  @font-face {
    font-family: 'NissanOpti Italic';
    font-style: normal;
    font-weight: normal;
    src: local('NissanOpti Italic'), url('../font/NissanOptiItalic.woff') format('woff');
  }
  
  body {
    font-family: 'Poppins', sans-serif;
    overflow-x: hidden;
    scroll-behavior: smooth;
  
  }
  body a {
    text-decoration: none !important; 
  }
  h1 {
    font-family: 'NissanOpti Regular';
  }
  
  img {
    height: auto;
    max-width: 100%;
  }
  
  .hed_rw.scrolled {
    background-color: #fff;
    border-bottom: 1px solid #ccc;
    top: 0;
  }
  
  .banner_text {
    padding: 70px 0;
}
.get_started {
  z-index: 999;
  position: relative;
}

  .home_banner {
    background: url("../images/landingPage/banner.webp") center / cover no-repeat;
    /* min-height: 100vh; */
    width: 100%;
  }
  
  .hed_rw {
    position: fixed;
    left: 0;
    right: 0;
    top: 10px;
    z-index: 99;
    transition: 0.5s ease-in-out;
    width: 100%;
  }
  
  .hed_rw .navbar {
    border-radius: 50px;
  }
  
  .btn_gradient {
    height: 50px;
    width: 134px;
    background: linear-gradient(180deg, #5841D8 -22.5%, #05051D 122.5%);
    border-radius: 24px;
    font-weight: bolder;
    color: white;
    text-decoration: none;
    border: none;
    font-weight: 500;
  }
  
  .btn_white {
    height: 50px;
    width: 134px;
    background: #fff;
    border-radius: 24px;
    color: #05051D;
    font-weight: bolder;
    text-decoration: none;
    border: none;
    font-weight: 500;
  }
  
  /* Custom CSS */
  .navbar .navbar-brand {
    width: 30%;
  }
  
  .navbar-nav .nav-item.active .nav-link {
    color: #05051D;
    font-weight: 700;
  }
  
  .navbar-nav .nav-item .nav-link {
    color: #434343;
  }
  
  .navbar-nav .nav-item .nav-link:hover {
    color: #05051D;
  }
  
  .avatar-group {
    display: flex;
  }
  
  .avatar {
    width: 48px;
    height: 48px;
    object-fit: cover;
    margin-left: -16px;
    z-index: 1;
    box-shadow: 0 0 0 2px #2e1667;
    /* optional: to match dark bg */
  }
  
  /* First avatar should not be overlapped */
  .avatar:first-child {
    margin-left: 0;
  }
  
  /* To ensure overlap stacking is clear */
  .avatar:nth-child(1) {
    z-index: 4;
  }
  
  .avatar:nth-child(2) {
    z-index: 3;
  }
  
  .avatar:nth-child(3) {
    z-index: 2;
  }
  
  .avatar:nth-child(4) {
    z-index: 1;
  }
  
  .avatar-pill {
    font-size: 1rem;
    padding: 0.85em 1.2em;
    margin-left: -16px;
    z-index: 5;
    position: relative;
    background-color: #a685ff;
    color: #fff;
    border: none;
  }
  
  .banner_img {
    z-index: 9;
    position: relative;
  }
  
  .outline_text {
    position: absolute;
    top: 15%;
    bottom: 0;
    align-content: center;
    z-index: 1;
    left: 0;
    right: 0;
    text-align: end;
  }
  
  .outline_text h1 {
    -webkit-text-stroke-width: 3px;
    -webkit-text-stroke-color: hsl(0deg 0% 100% / 10%);
    color: #0000;
    font-size: 9rem;
    letter-spacing: 0.5rem;
  }
  
  
  /* our service */
  .spc_bdge {
    width: fit-content;
    background-color: #F8FAF6;
    padding: 10px 20px;
    color: #25148D;
    font-weight: 600;
    border-radius: 15px;
  }
  
  .hed h2 {
    font-size: 2.4rem;
    font-weight: 500;
    font-family: 'NissanOpti Regular';
    line-height: 4rem;
  }
  
  .hed h2 span {
    color: #25148D;
  }
  
  .hed p {
    color: #6B6B6B;
    font-size: 1rem;
    font-weight: 500;
  }
  
  .prize_itms {
    width: 32%;
    border: 1px solid #928AC6;
    min-height: 300px;
    padding: 0 25px;
    align-content: center;
    border-radius: 30px;
  }
  
  .prize_itms .prize_hed h3 {
    font-size: 1.3rem;
  }
  
  .icn_spc {
    width: 65px;
    height: 65px;
    background: #E3E1F0;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 30px 0;
  }
  
  .prize_itms.act_bg .icn_spc {
    background-color: #fff;
  }
  
  .prize_itms.act_bg {
    background-color: #25148D;
    color: #fff;
  }
  
  .bg_sub_img {
    position: relative;
    text-align: center;
  }
  
  .bg_sub_img:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #E3E1F0;
    height: 80%;
    border-radius: 20px;
    display: flex;
    align-items: center;
    margin: auto 0;
    z-index: -1;
  }
  
  .sub_cont {
    height: 80%;
  }
  
  .sub_cont.hed h2 {
    font-size: 3rem;
  }
  
  .test_bg {
    background-image: url("../images/landingPage/test_bg.png"); 
    background-size: cover;
    background-repeat: no-repeat;
    overflow-x: hidden;
  }
  
  .test_bg::before {
    content: "";
    position: absolute;
    top: 40%;
    right: 0;
    bottom: 0;
    left: -100px;
    width: 250px;
    height: 250px;
    background-image: url("../images/landingPage/Ellipse.svg");
  }
  
  .test_bg::after {
    content: "";
    position: absolute;
    top: 60%;
    bottom: 0%;
    right: -100px;
    width: 250px;
    height: 250px;
    background-image: url("../images/landingPage/Ellipse.svg");
  }
  
  .slider_itm {
    background-color: #fff;
    color: #161C2D;
    min-height: 300px;
    border-radius: 15px;
  }
  
  .avt_img {
    height: 55px;
    width: 55px;
    overflow: hidden;
    border-radius: 50%;
  }
  
  #owl-carousel .owl-dot.active span {
    background: #fff;
  }
  
  #owl-carousel .owl-dot span {
    width: 15px;
    height: 15px;
    background: #ffffff27;
    border-radius: 30px;
  }
  
  .foot_bg {
    background-image: url("../images/landingPage/footer.png");
    background-size: cover;
    background-repeat: no-repeat;
  }
  
  .fot_lnks .list-group-item {
    font-size: 14px;
  }
  
  .fot_lst .list-group-item {
    font-size: 14px;
  }
  
  .fot_hed h5 {
    font-weight: 600;
  }
  
  .contact_mod .modal-dialog {
    max-width: 950px;
    width: 90%;
    margin-inline: auto;
  }
  
  .contact_mod .modal-content {
    position: relative;
    overflow-x: hidden;
    border-radius: 20px;
  }
  
  .shp_img {
    left: -100px;
  }
  
  .cont_img {
    z-index: 99;
  }
  
  .cont_dsc h2 {
    line-height: normal;
  }
  
  .contact_mod form.row input,
  .contact_mod form.row textarea {
    min-height: 50px;
    border-radius: 50px;
    padding-left: 35px;
    box-shadow: none;
    font-size: 14px;
  }
  
  .fst_nme {
    position: relative;
  }
  
  .fst_nme:before {
    content: "";
    position: absolute;
    top: 16px;
    right: 0;
    bottom: 0;
    left: 15px;
    height: 18px;
    width: 18px;
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='21' viewBox='0 0 18 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.98544 10.2989C11.5532 10.2989 13.6349 8.21732 13.6349 5.64948C13.6349 3.08164 11.5532 1 8.98544 1C6.41758 1 4.33594 3.08164 4.33594 5.64948C4.33594 8.21732 6.41758 10.2989 8.98544 10.2989Z' stroke='%236B6B6B' stroke-width='1.39485' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.9756 19.5991C16.9756 16.0004 13.3955 13.0898 8.98778 13.0898C4.5801 13.0898 1 16.0004 1 19.5991' stroke='%236B6B6B' stroke-width='1.39485' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-size: contain;
    background-repeat: no-repeat;
  }
  
  .phone-container {
    display: flex;
    align-items: center;
    border: 1px solid #dee2e6;
    border-radius: 9999px;
    padding: 6px 16px;
    min-height: 50px;
  }
  
  .eMail::before {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='23' viewBox='0 0 24 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.6867 19.2816H7.38777C4.59808 19.2816 2.73828 17.8868 2.73828 14.6322V8.12287C2.73828 4.86823 4.59808 3.47339 7.38777 3.47339H16.6867C19.4764 3.47339 21.3362 4.86823 21.3362 8.12287V14.6322C21.3362 17.8868 19.4764 19.2816 16.6867 19.2816Z' stroke='%236B6B6B' stroke-width='1.39485' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.6867 8.58789L13.7761 10.9126C12.8183 11.6751 11.2468 11.6751 10.289 10.9126L7.3877 8.58789' stroke='%236B6B6B' stroke-width='1.39485' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    height: 20px;
    width: 20px;
  }
  
  .phone-select {
    border: none;
    background: transparent;
    font-size: 16px;
    cursor: pointer;
    margin-right: 8px;
  }
  
  .phone-input {
    border: none;
    outline: none;
    font-size: 16px;
  }
  
  option {
    padding: 8px;
  }
  
  .contact_mod .phone-container .phone-input {
    padding-left: 5px;
    width: 50%;
    min-height: auto;
  }
  
  .phone-container .phone-select {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 60px;
    appearance: none;
    outline: none;
    font-size: 14px;
  }
  
  .contact_mod form.row textarea {
    padding: 12px 20px 10px 40px;
  }
  
  .textArea:before {
    content: "";
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.04433 16.8083H6.57938C2.8598 16.8083 1 15.8784 1 11.2289V6.57939C1 2.8598 2.8598 1 6.57938 1H14.0185C17.7381 1 19.5979 2.8598 19.5979 6.57939V11.2289C19.5979 14.9485 17.7381 16.8083 14.0185 16.8083H13.5536C13.2653 16.8083 12.9864 16.9477 12.8097 17.1802L11.4148 19.04C10.8011 19.8583 9.79682 19.8583 9.18312 19.04L7.78825 17.1802C7.63947 16.9756 7.2954 16.8083 7.04433 16.8083Z' stroke='%236B6B6B' stroke-width='1.39485' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.64844 6.57812H14.9474' stroke='%236B6B6B' stroke-width='1.39485' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.64844 11.2266H11.2278' stroke='%236B6B6B' stroke-width='1.39485' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  }
  
  
  
  @keyframes bounce {
  
    0%,
    100% {
      transform: translateY(0);
      animation-timing-function: ease-in-out;
    }
  
    50% {
      transform: translateY(-50px);
      animation-timing-function: cubic-bezier(0.6, 0.05, 0.28, 0.91);
    }
  }
  
  .bg_sub_img:hover img {
    animation: bounce 3s infinite;
  }
  
  .shp_img {
    display: none;
  }
  
  @media (min-width: 1021px) {
    .shp_img {
      display: block;
    }
  }
  
  @media (max-width: 991px) {
    .hed_rw .navbar {
      border-radius: 5px;
    }
  
    .home_banner {
      padding-bottom: 50px;
    }
  
    .banner_text h1.display-1 {
      font-size: 45px;
    }
  
    .hed h2 {
      font-size: 2rem;
      line-height: normal;
    }
  
    .sub_cont.hed h2 {
      font-size: 2rem;
    }
  
    .get_started {
      gap: 15px;
    }
  
    .navbar-toggler:focus {
      box-shadow: none;
    }
  }
  
  @media (max-width: 767px) {
  
    .banner_text {
      margin: 20px 0 0;
    }
  
    h1,
    .outline_text h1 {
      font-size: 2.5rem !important;
      letter-spacing: 0.1rem;
      -webkit-text-stroke-width: 1px;
    }
  
    .hed_rw {
      top: 0;
      padding: 10px;
    }
  
    .navbar .navbar-brand {
      width: 60%;
    }
  
    .home_banner {
      min-height: 300px;
      background-position: center top;
    }
  
    .outline_text {
      top: 5%;
      text-align: center;
    }
  
  
    .avatar {
      width: 45px;
      height: 45px;
      margin-left: -10px;
    }
  
    .avatar-pill {
      font-size: 1rem;
      padding: 1em;
      margin-left: -10px;
    }
  
    .prize_itms {
      width: 100%;
      min-height: 230px;
      padding: 0 30px;
      margin-bottom: 20px;
      border-radius: 15px;
  }
  
    .icn_spc {
      width: 60px;
      height: 60px;
      margin-bottom: 15px;
    }
  
    .hed h2,
    .sub_cont.hed h2 {
      font-size: 1.5rem;
      line-height: 2.2rem;
    }
  
    .bg_sub_img:before {
      height: 60%;
      border-radius: 10px;
    }
  
    .slider_itm {
      min-height: 180px;
      padding: 10px;
    }
  
    .avt_img {
      height: 36px;
      width: 36px;
    }
  
    .navbar-toggler {
      border: transparent;
      padding: 0;
    }
  
    .test_bg::before,
    .test_bg::after {
      width: 120px;
      height: 120px;
      left: -40px;
      right: -40px;
    }
  
    .foot_bg {
      background-size: cover;
      background-position: center;
    }
  
    .fot_lst {
      margin-bottom: 40px;
    }
  
    .banner_img {
      margin: 30px 0 0 0;
    }
  
    .Features .img_blk {
      order: 1;
    }
  
    .Features .desc_blk {
      order: 2;
      margin-bottom: 50px;
    }
  
    .get_started>div {
      width: 90%;
      margin: 10px auto 0;
      max-width: 400px;
      text-align: center;
      justify-content: center;
    }
  
    .get_started>div button {
      width: 100%;
    }


 
  
  }