:root {
        --deep-1: #051d35;
        --deep-2: #0c3658;
        --accent: #1089ff;
      }
      /* body {
        background: #edeef0;
      } */
       /* html{
        scrollbar-width: none;
       } */
       .overflow-x-hidden{
        scrollbar-width: none;
       }
      .page-wrap {
        width: min(1080px, calc(100% - 24px));
        margin: 0 auto;
      }
      .banner--data{
        line-height: normal!important;
      }

      .hero-bg {
        background-image: url("../images/home-banner.png");
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
      }
      .invoice-bg {
        background-image: url("../images/invoice-banner.png");
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
      }

      article {
        transition: transform 0.35s ease, box-shadow 0.35s ease;
      }

      article:hover {
        transform: translateY(-8px);
        box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);
      }
      details p {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.35s ease;
      }

      details[open] p {
        max-height: 200px;
      }
      .slick-slide {
        transition: transform 0.35s ease;
      }

      .slick-slide:hover {
        transform: translateY(-6px);
      }
      header {
        transition: all 0.3s ease;
      }
      .price-col {
        min-height: 390px;
      }
      .custom-container {
        padding-left: 10.75rem;
        padding-right: 10.75rem;
      }
      /* arrow container position */

      .multiple-items {
        position: relative;
      }
      .slick-prev,
      .slick-next {
        position: absolute;
        top: -1.8rem;
        width: 42px;
        height: 42px;
        background: linear-gradient(90deg, #008cff, #0057ff);
        border-radius: 8px;
        display: flex !important;
        align-items: center;
        justify-content: center;
        z-index: 10;
      }
      .slick-prev:before,
      .slick-next:before {
        content: "" !important;
      }
      .slick-prev:focus {
        background: linear-gradient(90deg, #008cff, #0057ff);
      }
      .slick-next:focus {
        background: linear-gradient(90deg, #008cff, #0057ff);
      }

      .slick-prev:hover {
        background: linear-gradient(90deg, #008cff, #0057ff);
      }
      .slick-next:hover {
        background: linear-gradient(90deg, #008cff, #0057ff);
      }

      .slick-prev {
        right: 55px;
        left: auto;
      }
      .slick-next {
        right: 0;
      }
      /* hover */

      .faq-item {
        background: #f6f7f8;
        border: 1px solid #e2e8f0;
      }
      .footer-bg {
        background-image: url("../images/footer_banner.png");
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
      }
      .google-card {
        background-image: url("../images/join.png");
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
      }
      .slick-slider article:hover{
               box-shadow: unset;
      }
      .muted {
        color: #6b7280;
      }
      @media (max-width: 1500px) {
        .testi-data {
          gap: 4rem !important;
          padding: 8px;
        }
        .google-card {
          padding: 10px !important;
        }
      }
       @media (max-width: 1025px) {
         .custom-container{
                padding-left: 3.75rem;
          padding-right: 3.75rem;
         }

       }

      @media (max-width: 900px) {
        .slider--data {
          flex-wrap: wrap;
        }
        .social-data{
               flex-wrap: wrap;
               justify-content: start!important;
        }
        .multiple-items .slick-prev,.slick-next {
          top: unset;
          bottom: -2.5rem;
        }
         .multiple-items .slick-next {
          top: unset;
          bottom: -2.5rem;
        }
        .multiple-items {
          position: relative;
          width: 100%;
          padding-bottom: 2rem;
        }
        .device {
          width: 150px;
          height: 305px;
        }
        .custom-container {
          padding-left: 1.75rem;
          padding-right: 1.75rem;
        }
      }