@import url('https://fonts.cdnfonts.com/css/gilroy-bold');
 html{
      overflow-x: hidden !important;
 }
 body {
     overflow-x: hidden !important;
     position: relative;
     font-family: 'Gilroy-Regular', sans-serif !important;
     cursor: default !important
 }
 
 body {
     font-family: 'Gilroy-Regular', sans-serif !important;
     font-weight: 400;
     line-height: 28px;
     color: #6a6a6a;
     font-size: 14px;
      }


 
 #preloader {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-color: #fff;
     display: flex;
     justify-content: center;
     align-items: center;
     z-index: 9999;
 }
 
 #preloader img {
     width: 100px;
     height: auto;
 }
 a {
     text-decoration: none;
     -webkit-transition: .3s all ease;
     -o-transition: .3s all ease;
     transition: .3s all ease;
     color: #fff !important;
     text-decoration: underline;
 }
 
 a:hover {
     color: #1D988C;
     text-decoration: none;
 }
 
 a.more {
     font-weight: 600;
 }
 
 button:focus,
 input:focus,
 textarea:focus {
     outline: 0;
 }
 

 @media (min-width: 200px) and (max-width: 900px) {
    #woman {
        display: none !important;
    }
    .newsletter_wrapper p {
        font-size: 14px !important;
        color: #767676;
        line-height: 24px;
        margin-bottom: 20px;
        text-align: center !important;                                                  ;
    }

    .newsletter_wrapper h2 {
        text-align: center !important;
    }
}
 @media (min-width: 200px) and (max-width: 900px) {
    #woman {
        display: none !important;
    }
    .newsletter_wrapper p {
        font-size: 14px !important;
        color: #767676;
        line-height: 24px;
        margin-bottom: 20px;
        text-align: center !important;                                                  ;
    }

    .newsletter_wrapper h2 {
        text-align: center !important;
    }
}

 
 .newsletter_wrapper {
     background: #fff;
    
     display: flex;
     margin-bottom: 60px;
     flex-direction: column;
     justify-content: center;
     text-align: center;
     padding: 0 15px;
     gap:20px;
 }
 
 .img-wrap #woman{
border-radius: 540px;
    overflow: hidden;
    border: 3px solid #1d988d;
    outline: 3px solid white;
    box-shadow: 0 0 0 6px #1d988d;
 }
 
 
 .newsletter_wrapper h2 {
     font-size: 48px;
     color: #000000;
     font-weight: 700;
     position: relative;
     /* text-transform: uppercase; */
    text-align: start;
 }
 
 .newsletter_wrapper p {
     font-size: 15px;
    
     line-height: 24px;
     margin-bottom: 0px;
     text-align: start;                                                  ;
 }
 
 .newsletter_wrapper .fume {
    font-size: 15px;
    color: #767676;
    line-height: 24px;
    margin-bottom: 20px;
                                                     ;
}
 
 .newsletter_wrapper form {
     width: 500px;
     height: 50px;
     border: 1px solid #D2D2D2;
     position: relative;
     background: transparent;
     border-radius: 50px;
     -webkit-border-radius: 50px;
     -moz-border-radius: 50px;
     -ms-border-radius: 50px;
     -o-border-radius: 50px;
 }
 
 .newsletter_wrapper form input {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: transparent;
     border: transparent;
     padding-left: 15px;
     color: #000000;
 }
 
 .newsletter_wrapper form input::placeholder {
     color: #767676;
 }
 
 .newsletter_wrapper form button {
     position: absolute;
     right: 0;
     top: 0;
     height: 100%;
     width:40%;
     color: #ffffff;
     background: #1D988C;
     font-weight: 700;
     padding: 0 20px;
     border: transparent;
     border-left: 1px solid #ffffff;
     cursor: pointer;
     transition: .3s;
     border-radius: 50px;
     -webkit-border-radius: 50px;
     -moz-border-radius: 50px;
     -ms-border-radius: 50px;
     -o-border-radius: 50px;
     font-size:16px;
 }
 
 .newsletter_wrapper form button:hover {
     background: #DDF8F6;
     color: #1D988C;
 }
 
 @media (max-width: 575px) {
     .newsletter_wrapper form {
         width: 100%;
     }
      
     .newsletter_wrapper h2 {
         font-size: 28px;
     }
     .newsletter_wrapper form button {
     font-size:12px !important;
 }
    .user-icon {
         width: 20px !important;
         height: 20px !important;
     }
     /* Style the icon inside the user icon */
     .user-icon i {
         font-size: 10px !important;
     }
     .testimonials .card h5 {
         font-size: 14px !important;
     }
     .testimonials .card p {
         font-size: 11px !important;
         padding-bottom: 15px;
         line-height: 1.3;
         font-weight:300;
     }
 }
 
 .custom-navbar {
     background: #ffffff !important;
     padding: 20px 10;
     height: 14vh;
     transition: all 0.5s;
 }
 
 #nav.header-scrolled {
     background: #fff;
     padding: 15px 0;
     box-shadow: 0px 2px 20px rgba(1, 41, 112, 0.1);
 }
 
 .custom-navbar .navbar-brand img {
     font-size: 12px;
     font-weight: 600;
     height: 80px;
     width: 110px;
     margin-left: 70px;
 }
 
 .navbar {
     display: flex !important;
     flex-wrap: wrap !important;
     align-items: center !important;
     justify-content: space-between !important;
     padding-top: .5rem !important;
     padding-bottom: .5rem !important;
     position: fixed !important;
     width: 100% !important;
     top: 0 !important;
     z-index: 1000 !important;
     /* Ensure the navbar appears above other content */
     background-color: #fff !important;
 }
 
 .navbar-brand {
     font-weight: bold;
 }
 
 .navbar-nav .nav-link {
     padding-right: 15px;
     padding-left: 15px;
     color: #000 !important;
 }
 
 .navbar-nav .nav-link:hover {
     color: #1D988C !important;
     text-decoration: none;
 }
 
 .navbar-nav .nav-link.active {
     color: #1d988c !important;
 }
 
 .dropdown-menu {
     background-color: #fff;
     border: none;
 }
 
 @media (max-width: 767px) {
     .dropdown-menu {
         width: 160px;
         /* Set a specific width for mobile view */
     }
 }
 
 .dropdown-item {
     color: #000 !important;
 }
 
 .dropdown-item:hover {
     color: #1D988C !important;
     background-color: #DDF8F6 !important;
 }
 
 .navbar-nav .dropdown:hover .dropdown-menu {
     display: block;
 }
 
 .navbar-nav {
     display: flex;
     justify-content: center;
 }
 
 /*.navbar-nav .nav-item {*/
 /*    margin: 0 30px;*/
     /* Add spacing between navigation items */
 /*}*/
 
 .navbar-brand img {
     max-height: 160px !important;
     /* Set the maximum height of the image */
     height: 60px !important;
     max-width: 190px !important;
     /* Maintain aspect ratio */
 }
 
 .navbar-nav .sign-up-btn {
     background-color: #1D988C;
     /* Green background color */
     border-radius: 50px;
     /* 50px border radius */
     padding: 8px 25px !important;
     /* Adjust padding as needed */
     color: #fff!important;
     /* Text color */
 }
 
 .navbar-nav .sign-up-btn:hover {
     background-color: #DDF8F6;
     color: #1D988C !important;
     /* Darker green on hover */
 }
 
 @media (max-width:768px) {
     .navbar-nav .sign-up-btn {
         padding: 8px 25px !important;
         width: 120px;
         /* Reduce padding for mobile view */
     }
 }
 
 .custom-navbar .custom-navbar-nav {
     margin-right: 80px;
 }
 
 .custom-navbar .navbar-toggler {
     border-color: transparent;
 }
 
 .custom-navbar .navbar-toggler:active,
 .custom-navbar .navbar-toggler:focus {
     -webkit-box-shadow: none;
     box-shadow: none;
     outline: none;
 }
 
 @media (min-width: 992px) {
     .custom-navbar .custom-navbar-nav li {
         margin-left: 15px;
         margin-right: 15px;
     }
 }
 
 .custom-navbar .custom-navbar-nav li a {
     font-weight: 500;
     color: #000000 !important;
     opacity: .5;
     -webkit-transition: .3s all ease;
     -o-transition: .3s all ease;
     transition: .3s all ease;
     position: relative;
     font-size: 12px;
     margin-right: 50px;
 }
 
 .custom-navbar .custom-navbar-nav li a.active {
     font-weight: 500;
     color: #1D988C !important;
     opacity: .5;
     -webkit-transition: .3s all ease;
     -o-transition: .3s all ease;
     transition: .3s all ease;
     position: relative;
     font-size: 12px;
     margin-right: 50px;
 }
 
 .custom-navbar .custom-navbar-nav li a:hover {
     font-weight: 500;
     color: #1D988C !important;
     opacity: .5;
     -webkit-transition: .3s all ease;
     -o-transition: .3s all ease;
     transition: .3s all ease;
     position: relative;
     font-size: 12px;
     margin-right: 50px;
 }
 
 @media (min-width: 768px) {
     .custom-navbar .custom-navbar-nav li a:before {
         content: "";
         position: absolute;
         bottom: 0;
         left: 8px;
         right: 8px;
         background: #1D988C;
         height: 5px;
         opacity: 1;
         visibility: visible;
         width: 0;
         -webkit-transition: .15s all ease-out;
         -o-transition: .15s all ease-out;
         transition: .15s all ease-out;
     }
 }
 
 .custom-navbar .custom-navbar-nav li a:hover {
     opacity: 1;
     color: #1D988C;
 }
 
 .custom-navbar .custom-navbar-nav li a:hover:before {
     width: calc(100% - 16px);
 }
 
 .custom-navbar .custom-navbar-nav li.active a {
     opacity: 1;
 }
 
 .custom-navbar .custom-navbar-nav li.active a:before {
     width: calc(100% - 16px);
 }
 
 .custom-navbar .custom-navbar-cta {
     margin-left: 0 !important;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
     -ms-flex-direction: row;
     flex-direction: row;
 }
 
 @media (min-width: 768px) {
     .custom-navbar .custom-navbar-cta {
         margin-left: 40px !important;
     }
 }
 
 .custom-navbar .custom-navbar-cta li {
     margin-left: 0px;
     margin-right: 0px;
 }
 
 .custom-navbar .custom-navbar-cta li:first-child {
     margin-right: 20px;
 }
 
 .hero {
     background: url('https://ucarecdn.com/6a5a8da2-7b8c-4692-a862-f235e93f0ce4/-/preview/1000x666/') top center no-repeat !important;
     padding: calc(4rem - 30px) 0 0rem 0 !important;
     min-height: 90vh !important;
     width: 100% !important;
     background-size: cover !important;
     margin-top: 40px !important;
     
 }
 
 @media (min-width: 768px) {
     .hero {
         padding: calc(4rem - 30px) 0 4rem 0;
     }
 }
 
 @media (min-width: 992px) {
     .hero {
         padding: calc(8rem - 30px) 0 8rem 0;
     }
 }
 
 .hero .intro-excerpt {
     position: relative;
     z-index: 4;
 }
 
 @media (min-width: 992px) {
     .hero .intro-excerpt {
         max-width: 600px;
     }
 }
 
 .hero h1 {
     font-weight: 700;
     color: #ffffff;
     margin-bottom: 30px;
 }
 
 @media (min-width: 1400px) {
     .hero h1 {
         font-size: 54px;
     }
 }
 
 .hero p {
     color: #fff;
     margin-bottom: 30px;
     font-size: 20px;
 }
 
 .hero .hero-img-wrap {
     position: relative;
 }
 
 .hero .hero-img-wrap img {
     position: relative;
     top: 0px;
     right: 0px;
     z-index: 2;
     max-width: 780px;
     left: -20px;
 }
 
 @media (min-width: 768px) {
     .hero .hero-img-wrap img {
         right: 0px;
         left: -100px;
     }
 }
 
 @media (min-width: 992px) {
     .hero .hero-img-wrap img {
         left: 0px;
         top: -80px;
         position: absolute;
         right: -50px;
     }
 }
 
 @media (min-width: 1200px) {
     .hero .hero-img-wrap img {
         left: 0px;
         top: -80px;
         right: -100px;
     }
 }
 
 .hero .hero-img-wrap:after {
     content: "";
     position: absolute;
     width: 255px;
     height: 217px;
     background-image: url("../images/dots-light.svg");
     background-size: contain;
     background-repeat: no-repeat;
     right: -100px;
     top: -0px;
 }
 
 @media (min-width: 1200px) {
     .hero .hero-img-wrap:after {
         top: -40px;
     }
 }
 @media (min-width: 200px) and (max-width: 375px) {
        .feature p{
            font-size: 12px !important;
            line-height: 18px !important;
        }
}
@media (min-width: 200px) and (max-width: 375px) {
        .feature p{
            font-size: 12px;
            line-height: 18px;
        }
        .popular-product{
            height: 135vh !important;
        }
        .newsletter_wrapper{
            height: 60vh !important;
        }
        .why-choose-section{
            height: 240vh !important;
        }
}


 .btn {
     font-weight: 600;
     padding: 12px 30px;
     border-radius: 30px;
     color: #ffffff;
     background: #1D988C;
     border-color: #1D988C;
 }
 
 .btn:hover {
     color: #1D988C !important;
     background: #DDF8F6;
     border-color: #1D988C;
 }
 
 .btn:active,
 .btn:focus {
     outline: none !important;
     -webkit-box-shadow: none;
     box-shadow: none;
 }
 
 .btn.btn-primary {
     background: #3b5d50;
     border-color: #3b5d50;
 }
 
 .btn.btn-primary:hover {
     background: #314d43;
     border-color: #314d43;
 }
 
 .btn.btn-secondary {
     color: #ffffff;
     background: #1D988C;
     border-color: #1D988C;
 }
 
 .btn.btn-secondary:hover {
      background: #DDF8F6; 
     border-color: #DDF8F6;
     color: #1D988C !important;
 }
 
 .btn.btn-white-outline {
     background: transparent;
     border-width: 2px;
     border-color: rgba(255, 255, 255, 0.3);
 }
 
 .btn.btn-white-outline:hover {
     border-color: white;
     color: #ffffff;
 }
 
 .section-title {
     color: #000000;
     font-family: 'Gilroy-bold', sans-serif;
     font-size: 44px;
     font-weight: 700;
 }
 
 .float-md-right {
     margin-left: 220px;
     margin-top: -149px;
 }
 
 #sect {
     color: #000000;
     font-family: 'Gilroy-bold', sans-serif;
     font-size: 44px;
     font-weight: 700;
     text-align: center !important;
 }
 
 #secct {
     color: #000000;
     font-family: 'Gilroy-Regular', sans-serif;
     font-size: 44px;
     font-weight: 700;
     text-align: center !important;
 }
 
 #sects {
     color: #000000;
     font-family: 'Gilroy-Regular', sans-serif;
     font-size: 36px;
     font-weight: 700;
 }
 
 .section-titles {
     
     font-family: 'Gilroy-Regular', sans-serif;
     line-height: 24px;
     font-weight: 500;
     font-size: 16px;
     max-width:560px;
 }
 
 #section-titless {
     color: #999;
     font-family: 'Gilroy-Regular', sans-serif;
     line-height: 20px;
     font-weight: 500;
     font-size: 12px;
 }
 
 .section-titlee {
     font-family: 'Gilroy-Regular', sans-serif;
     line-height: 24px;
     font-weight: 500;
     font-size: 16px;
     text-align: center;
 }
 
 .service-box {
     box-shadow: 0px 0 30px rgba(1, 41, 112, 0.08);
     height: 70%;
     width: 80%;
     padding: 60px 30px;
     text-align: center;
     transition: 0.3s;
     border-radius: 15px;
     -webkit-border-radius: 15px;
     -moz-border-radius: 15px;
     -ms-border-radius: 15px;
     -o-border-radius: 15px;
     background-color: #177c72;
     margin-left: 20px;
 }
 
 .service-box h3 {
     color: #ffffff;
     font-weight: 500;
     font-size: 20px;
     margin-top: 10px;
 }
 
 .service-box p {
     color: #ffffff;
     font-weight: 400;
     font-size: 14px;
     text-align: center;
     margin-top: 10px;
     line-height: 18px;
 }
 
 .service-box .read-more {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     font-weight: 400;
     font-size: 12px;
     padding: 8px 20px;
     margin-bottom: 50px;
     text-decoration: none;
     color: #fff;
 }
 
 .service-box .read-more i {
     line-height: 0;
     margin-left: 5px;
     font-size: 12px;
     color: #fff;
 }
 
 .service-box.blue {
     margin-left: 40px;
 }
 
 .service-box.orange {
     margin-left: 40px;
 }
 
 .service-box.green {
     margin-left: 40px;
 }
 
 .product-section {
     padding: 7rem 0;
     background-color: #fff;
     /*height:95vh;*/
 }
 
 .product-section .product-item {
     text-align: center;
     text-decoration: none;
     display: block;
     position: relative;
     padding-bottom: 50px;
     cursor: pointer;
 }
 
 .product-section .product-item .product-thumbnail {
     margin-bottom: 30px;
     position: relative;
     top: 0;
     -webkit-transition: .3s all ease;
     -o-transition: .3s all ease;
     transition: .3s all ease;
 }
 
 .product-section .product-item h3 {
     font-weight: 600;
     font-size: 16px;
 }
 
 .product-section .product-item strong {
     font-weight: 800 !important;
     font-size: 18px !important;
 }
 
 .product-section .product-item h3,
 .product-section .product-item strong {
     color: #2f2f2f;
     text-decoration: none;
 }
 
 .product-section .product-item .icon-cross {
     position: absolute;
     width: 35px;
     height: 35px;
     display: inline-block;
     background: #2f2f2f;
     bottom: 15px;
     left: 50%;
     -webkit-transform: translateX(-50%);
     -ms-transform: translateX(-50%);
     transform: translateX(-50%);
     margin-bottom: -17.5px;
     border-radius: 50%;
     opacity: 0;
     visibility: hidden;
     -webkit-transition: .3s all ease;
     -o-transition: .3s all ease;
     transition: .3s all ease;
 }
 
 .product-section .product-item .icon-cross img {
     position: absolute;
     left: 50%;
     top: 50%;
     -webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
 }
 
 .product-section .product-item:before {
     bottom: 0;
     left: 0;
     right: 0;
     position: absolute;
     content: "";
     background: #dce5e4;
     height: 0%;
     z-index: -1;
     border-radius: 10px;
     -webkit-transition: .3s all ease;
     -o-transition: .3s all ease;
     transition: .3s all ease;
 }
 
 .product-section .product-item:hover .product-thumbnail {
     top: -25px;
 }
 
 .product-section .product-item:hover .icon-cross {
     bottom: 0;
     opacity: 1;
     visibility: visible;
 }
 
 .product-section .product-item:hover:before {
     height: 70%;
 }
 
 .why-choose-section {
     padding: 7rem 0;
     background-color: #fff;
     margin-top: -80px;
     /*height:120vh;*/
 }
 
 .why-choose-section .img-wrap {
     position: relative;
 }
 
 .why-choose-section .img-wrap img {
     border-radius: 20px;
 }
 
 .feature {
     margin-bottom: 30px;
 }
 
 .feature #icon {
     display: inline-block;
     position: relative;
     margin-bottom: 20px;
     font-size: 12px;
 }
 /* .feature .icon:before {
    content: "";
    width: 33px;
    height: 33px;
    position: absolute;
    background: rgba(59, 93, 80, 0.2);
    border-radius: 50%;
    right: -8px;
    bottom: 0;
} */
 
 .feature h3 {
     font-family: 'Gilroy-Regular', sans-serif;
     font-size: 20px;
     font-weight: 700;
     color: #000000;
 }
 
 .feature p {
     
     font-family: 'Gilroy-Regular', sans-serif;
     line-height: 22px;
     font-weight: 500;
     font-size: 16px;
 }
 
 .we-help-section {
     padding: 7rem 0;
     background-color: #DDF8F6;
     /*height:90vh;*/
 }
 
 .wrapper {
     max-width: 100%;
     margin: auto;
     padding: 0 20px;
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     justify-content: space-between;
     background-color: #fff;
     align-items: center;
     justify-content: center;
     text-align: center;
 }
 
 .wrapper .box {
     background: #fff;
     width: calc(33% - 10px);
     padding: 25px;
     border-radius: 3px;
     box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);
 }
 
 .wrapper .box i.quote {
     font-size: 20px;
     color: #1D988C;
 }
 
 .wrapper .box .content {
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     justify-content: space-between;
     padding-top: 10px;
 }
 
 .box .info .name {
     font-weight: 600;
     font-size: 17px;
 }
 
 .box .info .job {
     font-size: 16px;
     font-weight: 500;
     color: #1D988C;
 }
 
 .box .info .stars {
     margin-top: 2px;
 }
 
 .box .info .stars i {
     color: #1D988C;
 }
 
 .box .content .image {
     height: 75px;
     width: 75px;
     padding: 3px;
     background: #1D988C;
     border-radius: 50%;
 }
 
 .content .image img {
     height: 100%;
     width: 100%;
     object-fit: cover;
     border-radius: 50%;
     border: 2px solid #fff;
 }
 
 .box:hover .content .image img {
     border-color: #fff;
 }
 
.marketplaceLogo {
    background: black;
    padding: 0px 10px;
    height: 35px;
    font-size: 14px;
    margin-top: 0px;
    border: 1px solid #a6a6a6;
    transform: translateY(-2px);
    display: flex;
    border-radius: 6px;
    text-decoration: none;
    white-space: nowrap;
    align-items: center;
}
 
   .scrollh2{
    color: #fff; 
    font-weight: 500; 
    font-size: 23px; 
    margin:0;
  }
  
  
  .scrollcontainer{
    display: flex !important;
    align-items: center;
    gap:60px;
  }
  
  .scrollspan{
      white-space:nowrap;
  }
  
  .scrollMobileApp {
    display: flex;
    align-items: center;
    gap:10px;
}

.scrollWeb {
    display: flex;
    align-items: center;
    gap:10px;
}

.scrollImgs {
        display: flex;
        transform: translateY(-1px);
        align-items: center;
        gap:10px;
    }
  
 
 @media (max-width: 1045px) {
     .wrapper .box {
         width: calc(50% - 10px);
         margin: 10px 0;
     }
 }
 
 @media (max-width: 943px) {
  
  .scrollh2{
    font-size: 16px !important;
  }
  
  .marketplaceLogo {
    font-size: 12px;
    transform: translateY(-1px);
    height:30px;
}
  .scrollcontainer img{
      height: 30px !important;
  }
  

}
 
 @media (max-width: 702px) {
     .wrapper .box {
         width: 100%;
     }
 }
 
 .we-help-section .imgs-grid {
     display: -ms-grid;
     display: grid;
     -ms-grid-columns: (1fr)[27];
     grid-template-columns: repeat(27, 1fr);
     position: relative;
 }
 
 .we-help-section .imgs-grid:before {
     position: absolute;
     content: "";
     width: 255px;
     height: 217px;
     background-image: url("../images/dots-green.svg");
     background-size: contain;
     background-repeat: no-repeat;
     -webkit-transform: translate(-40%, -40%);
     -ms-transform: translate(-40%, -40%);
     transform: translate(-40%, -40%);
     z-index: -1;
 }
 
 .we-help-section .imgs-grid .grid {
     position: relative;
 }
 
 .we-help-section .imgs-grid .grid img {
     border-radius: 20px;
     max-width: 100%;
 }
 
 .we-help-section .imgs-grid .grid.grid-1 {
     -ms-grid-column: 1;
     -ms-grid-column-span: 18;
     grid-column: 1 / span 18;
     -ms-grid-row: 1;
     -ms-grid-row-span: 27;
     grid-row: 1 / span 27;
 }
 
 .we-help-section .imgs-grid .grid.grid-2 {
     -ms-grid-column: 19;
     -ms-grid-column-span: 27;
     grid-column: 19 / span 27;
     -ms-grid-row: 1;
     -ms-grid-row-span: 5;
     grid-row: 1 / span 5;
     padding-left: 20px;
 }
 
 .we-help-section .imgs-grid .grid.grid-3 {
     -ms-grid-column: 14;
     -ms-grid-column-span: 16;
     grid-column: 14 / span 16;
     -ms-grid-row: 6;
     -ms-grid-row-span: 27;
     grid-row: 6 / span 27;
     padding-top: 20px;
 }
 
 .custom-list {
     width: 100%;
 }
 
 .custom-list li {
     display: inline-block;
     width: calc(50% - 20px);
     margin-bottom: 12px;
     line-height: 1.5;
     position: relative;
     padding-left: 20px;
 }
 
 .custom-list li:before {
     content: "";
     width: 8px;
     height: 8px;
     border-radius: 50%;
     border: 2px solid #3b5d50;
     position: absolute;
     left: 0;
     top: 8px;
 }
 
 .popular-product {
     padding: 0 0 7rem 0;
     background-color: #fff;
     /*height:110vh;*/
 }
 
 .popular-product .product-item-sm h3 {
     font-size: 14px;
     font-weight: 700;
     color: #2f2f2f;
 }
 
 .popular-product .product-item-sm a {
     text-decoration: none;
     color: #2f2f2f;
     -webkit-transition: .3s all ease;
     -o-transition: .3s all ease;
     transition: .3s all ease;
 }
 
 .popular-product .product-item-sm a:hover {
     color: rgba(47, 47, 47, 0.5);
 }
 
 .popular-product .product-item-sm p {
     line-height: 1.4;
     margin-bottom: 10px;
     font-size: 14px;
 }
 
 .popular-product .product-item-sm .thumbnail {
     margin-right: 10px;
     -webkit-box-flex: 0;
     -ms-flex: 0 0 120px;
     flex: 0 0 120px;
     position: relative;
 }
 
 .popular-product .product-item-sm .thumbnail:before {
     content: "";
     position: absolute;
     border-radius: 20px;
     background: #dce5e4;
     width: 98px;
     height: 98px;
     top: 50%;
     left: 50%;
     -webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     z-index: -1;
 }
 
 .back-to-top {
     position: fixed;
     visibility: hidden;
     opacity: 0;
     right: 15px;
     bottom: 15px;
     z-index: 99999;
     background: #1D988C !important;
     width: 40px;
     height: 40px;
     border-radius: 50px;
     transition: all 0.4s;
     border-color: #FFF;
     border-style: solid;
     -webkit-border-radius: 50px;
     -moz-border-radius: 50px;
     -ms-border-radius: 50px;
     -o-border-radius: 50px;
 }
 
 .back-to-top i {
     font-size: 24px;
     color: #fff !important;
     line-height: 0;
 }
 
 .back-to-top:hover {
     border-color: #DDF8F6;
 }
 
 .back-to-top.active {
     visibility: visible;
     opacity: 1;
 }
 
 .blog-section {
     padding: 7rem 0 12rem 0;
     height: 70vh;
 }
 
 .blog-section .post-entry a {
     text-decoration: none;
 }
 
 .blog-section .post-entry .post-thumbnail {
     display: block;
     margin-bottom: 20px;
 }
 
 #post-thumbnail {
     margin-top: -87px;
 }
 
 .blog-section .post-entry .post-content-entry {
     padding-left: 15px;
     padding-right: 15px;
 }
 
 .blog-section .post-entry .post-content-entry h3 {
     font-size: 16px;
     margin-bottom: 0;
     font-weight: 600;
     margin-bottom: 7px;
 }
 
 .blog-section .post-entry .post-content-entry .meta {
     font-size: 14px;
 }
 
 .blog-section .post-entry .post-content-entry .meta a {
     font-weight: 600;
 }
 
 .blog-section .post-entry:hover .post-thumbnail img,
 .blog-section .post-entry:focus .post-thumbnail img {
     opacity: .7;
 }
 /* @media (min-width: 992px) {
    .footer-section .subscription-form {
        margin-top: 0px;
        margin-bottom: 80px;
    }
} */
 
 #newsletter form {
     background: #fff;
     padding: 6px 10px;
     position: relative;
     border-radius: 50px;
     /* box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1); */
     text-align: left;
     margin-left: -165px;
     border-color: #D2D2D2;
     border-style: solid;
     border-width: thin;
     width: 420px;
 }
 
 #newsletter form input[type="email"] {
     border: 0;
     padding: 4px 8px;
     width: calc(100% - 100px);
     outline: none;
 }
 
 #newsletter form input[type="placeholder"] {
     border: none;
     padding: 4px 8px;
     width: calc(100% - 100px);
 }
 
 #newsletter form input[type="submit"] {
     position: absolute;
     top: 0;
     right: -2px;
     bottom: 0;
     border: 0;
     background: none;
     font-size: 16px;
     padding: 0 30px;
     background: #1D988C;
     color: #fff;
     border: 2px solid #fff;
     border-radius: 50px;
     box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
 }
 
 #newsletter form input[type="submit"]:hover {
     opacity: 0.9;
 }
 
 #newsletter .ooot {
     font-size: 11px;
 }
 
 @media (max-width: 375px) {
     #sects {
         font-size: 20px;
     }
     #newsletter form {
         background: #fff;
         padding: 8px 12px;
         position: absolute;
         width: 320px;
         border-radius: 50px;
         box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
         text-align: left;
         margin-left: 5px;
         margin-top: -210px;
         -webkit-border-radius: 50px;
         -moz-border-radius: 50px;
         -ms-border-radius: 50px;
         -o-border-radius: 50px;
     }
     #newsletter form input[type="email"] {
         border: 0;
         padding: 2px 4px;
         width: calc(100% - 100px);
         outline: none;
     }
     #newsletter form input[type="placeholder"] {
         border: none;
         padding: 4px 8px;
         width: calc(100% - 100px);
         outline: none;
     }
     #newsletter form input[type="submit"] {
         position: absolute;
         top: 0;
         right: -1px;
         bottom: 0;
         border: 0;
         background: none;
         font-size: 16px;
         padding: 0 30px;
         background: #1D988C;
         color: #fff;
         border: 2px solid #fff;
         border-radius: 50px;
         box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
     }
     #newsletter form input[type="submit"]:hover {
         opacity: 0.9;
     }
     #newsletter img {
         position: absolute;
         max-height: 90px;
         margin-left: -10px;
         margin-top: 85px;
         display: none;
     }
 }
 
 footer {
     background-color: #fff;
     color: black;
     padding: 70px 0;
     bottom: 0;
     width: 100%;
     justify-content: center;
 }
 
 footer a {
     text-decoration: none;
     color: #000 !important;
 }
 
 footer a:hover {
     text-decoration: none;
     color: #1d988c !important;
 }
 
 footer ul {
     list-style: none;
     cursor: pointer;
 }
 
 .grid-container {
     display: grid;
     grid-template-columns: 30% 40% 30%;
     gap: 5px;
     cursor: pointer;
     /* place-items: center; */
 }
 
 ion-icon {
     color: black;
 }
 
 .grid-item {
     color: black !important;
     padding: 20px;
     text-align: left;
     list-style: none;
     text-align: center;
 }
 
 .grid-item a {
     color: #000;
 }
 
 .flex {
     display: flex;
     justify-content: space-evenly;
 }
 
/* .flexx {*/
/*    display: flex;*/
/*    justify-content: space-evenly;*/
/*    margin-top: -145px;*/
/*    position: absolute;*/
/*    align-items:flex-end;*/
/*    margin-left:1037px;*/
/*}*/

.flexx {
    display: flex;
    justify-content: space-evenly;
    margin-top: -135px;
    position: absolute;
    align-items: flex-end;
   margin-left: 1167px;
  gap: 11px;
}
 
 .bold {
     font-weight: bold;
 }
 
 #hula{
     margin-top:190px !important;
 }
 
 
 
 @media only screen and (min-width: 320px) and (max-width: 788px) {
     .grid-container {
         display: grid;
         grid-template-columns: 1fr;
         /* Default to one column for mobile */
         gap: 15px !important;
         margin-left: -40px;
         font-size: 13px;
     }
     
     .flexx{
         margin-top:-30px;
         margin-left:45px;
     }
     #greed{
     margin-left:30px;
 }
    #hula{
     margin-top:0px !important;
 }
 
 }
 
 .single-content {
     text-align: center;
     padding: 115px 0;
 }
 
 .single-box p {
     color: #e02929;
     line-height: 1.9;
 }
 
 .single-box img {
     height: 80px;
     width: 120px;
 }
 
 .single-box h3 {
     font-size: 16px;
     font-weight: 700;
     color: #9c1414;
 }
 
 .single-box .card-area i {
     color: #af1212;
     font-size: 20px;
     margin-right: 10px;
 }
 
 .single-box ul {
     list-style: none;
     padding: 0;
 }
 
 .single-box ul li a {
     text-decoration: none;
     color: #5a0505;
     line-height: 2.5;
     font-weight: 100;
     display: flex;
 }
 
 .single-box h2 {
     color: #d81313;
     font-size: 20px;
     font-weight: 700;
 }
 
 #basic-addon2 {
     background: #fe1e4f;
     color: #e41717;
 }
 
 .socials img {
     font-size: 18px;
     margin-left: 1005px;
     margin-top: -320px;
 }
 
 @media (max-width: 767px) {
     .single-box {
         margin-bottom: 50px;
     }
 }
 
 @media (min-width: 768px) and (max-width: 991px) {
     .section-titlee {
         margin-left: 120px;
     }
     .img-wrap {
         margin-left: 50px;
     }
     .owi {
         margin-left: 50px;
     }
     .single-box {
         margin-bottom: 50px;
     }
 }
 
 .untree_co-section {
     padding: 7rem 0;
 }
 
 .form-control {
     height: 50px;
     border-radius: 10px;
     font-family: 'Gilroy-Regular', sans-serif;
 }
 
 .form-control:active,
 .form-control:focus {
     outline: none;
     -webkit-box-shadow: none;
     box-shadow: none;
     border-color: #3b5d50;
     -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
     box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
 }
 
 .form-control::-webkit-input-placeholder {
     font-size: 14px;
 }
 
 .form-control::-moz-placeholder {
     font-size: 14px;
 }
 
 .form-control:-ms-input-placeholder {
     font-size: 14px;
 }
 
 .form-control:-moz-placeholder {
     font-size: 14px;
 }
 
 .service {
     line-height: 1.5;
 }
 
 .service .service-icon {
     border-radius: 10px;
     -webkit-box-flex: 0;
     -ms-flex: 0 0 50px;
     flex: 0 0 50px;
     height: 50px;
     line-height: 50px;
     text-align: center;
     background: #3b5d50;
     margin-right: 20px;
     color: #ffffff;
 }
 
 textarea {
     height: auto !important;
 }
 
 .site-blocks-table {
     overflow: auto;
 }
 
 .site-blocks-table .product-thumbnail {
     width: 200px;
 }
 
 .site-blocks-table .btn {
     padding: 2px 10px;
 }
 
 .site-blocks-table thead th {
     padding: 30px;
     text-align: center;
     border-width: 0px !important;
     vertical-align: middle;
     color: rgba(0, 0, 0, 0.8);
     font-size: 18px;
 }
 
 .site-blocks-table td {
     padding: 20px;
     text-align: center;
     vertical-align: middle;
     color: rgba(0, 0, 0, 0.8);
 }
 
 .site-blocks-table tbody tr:first-child td {
     border-top: 1px solid #3b5d50 !important;
 }
 
 .site-blocks-table .btn {
     background: none !important;
     color: #000000;
     border: none;
     height: auto !important;
 }
 
 .site-block-order-table th {
     border-top: none !important;
     border-bottom-width: 1px !important;
 }
 
 .site-block-order-table td,
 .site-block-order-table th {
     color: #000000;
 }
 
 .couponcode-wrap input {
     border-radius: 10px !important;
 }
 
 .text-primary {
     color: #3b5d50 !important;
 }
 
 .thankyou-icon {
     position: relative;
     color: #3b5d50;
 }
 
 .thankyou-icon:before {
     position: absolute;
     content: "";
     width: 50px;
     height: 50px;
     border-radius: 50%;
     background: rgba(59, 93, 80, 0.2);
 }
 
 .testimonials-section {
     display: flex;
     justify-content: center;
     align-items: center;
     width: 100%;
     min-height: 100vh;
     background-color: #fff;
 }
 
 .testimonials .card {
     background: #177c72;
     box-shadow: 0 8px 30px -7px #c9dff0;
     margin: 0 20px;
     padding: 0 10px;
     border: 0;
     border-radius: 20px;
 }
 
 .testimonials .card .card-img-top {
     max-width: 100px;
     border-radius: 50%;
     margin: 15px auto 0;
     box-shadow: 0 8px 20px -4px #9fabbb;
     width: 100px;
     height: 100px;
 }
 
 .user-icon {
     background-color: #F0F0F0;
     color: #7E66EF;
     width: 40px;
     height: 40px;
     border-radius: 50%;
     display: flex;
     justify-content: center;
     align-items: center;
     margin: 15px auto 0;
 }
 /* Style the icon inside the user icon */
 
 .user-icon i {
     font-size: 14px;
     color: 7E66EF;
     /* Adjust the font size as needed */
 }
 
 .testimonials .card h5 {
     color: #D7D7D7;
     font-size: 16px;
     line-height: 1.3;
     font-weight: 100;
 }
 
 .testimonials .card h5 span {
     color: #acacac;
     font-size: 17px;
 }
 
 .testimonials .card p {
     color: #FFF;
     font-size: 18px;
     padding-bottom: 15px;
 }
 
 .owl-item>div {
     cursor: pointer;
     margin: 5% 0%;
     transition: margin 0.4s ease;
 }
 
 .owl-item.center>div {
     cursor: pointer;
     margin: 0;
 }
 
 .testimonials .active {
     transition: all 0.25s ease;
 }
 
 .testimonials .center {
     opacity: 1;
 }
 
 .testimonials .owl-stage-outer {
     padding: 30px 0;
 }
 
 .testimonials .owl-dots {
     text-align: center;
 }
 
 .testimonials .owl-dots span {
     position: relative;
     height: 14px;
     width: 14px;
     border-radius: 20px;
     display: block;
     background: #F0F0F0;
     border: 2px solid #F0F0F0;
     transition: all 0.25s ease;
     margin: 0 4px;
 }
 
 .testimonials .owl-dots .active span {
     height: 14px;
     width: 30px;
     box-shadow: none;
     position: relative;
     background: #7E66EF;
     transition: all 0.25s ease;
 }
 
 .testimonials .owl-dots .active {
     box-shadow: none;
 }
 
 .owl-dots .owl-dot:focus {
     box-shadow: none !important;
     outline: 0;
     border: 0;
 }
 
 #carousel1 .item {
     margin: 0 !important;
     /* Remove margin */
 }
  .test {
     color: #000;
     text-align: center;
     align-items: center;
     font-size: 48px;
     font-weight: 700;
      font-family: 'Gilroy-bold', sans-serif !important;
 }
 
 .para {
    
     text-align: center;
     align-items: center;
     font-size: 16px;
 }
 .testimonials-text .listing-rating {
    float: none;
    display: inline-block;
     justify-content: center;
     align-items: center;
     margin: 15px auto 0;
}

.listing-rating i {
    color: #fff;
    font-size: 14px;
    padding: 5px 5px;
     justify-content: center;
     align-items: center;
     margin: 15px auto 0;
          margin-bottom:40px;
}


.mobilesection-container {
  max-width: 1000px;
  padding: 112px 16px;
  padding-bottom:160px;
  margin: 0 auto;
}

.mobileapp-wrapper {
  background: #1d988d url(../assets/img/wavy-bg-black.72ada49b.png) no-repeat;
  display: flex;
  gap: 20px;
  flex-direction: column;
  align-items: center;
  border-radius: 20px;
  padding: 16px;
  padding-bottom: 0;
  background-blend-mode: soft-light;
  text-align: center;
}

.mobileapp-wrapper h2 {
  margin-top: 20px;
  font-size: 40px;
  color: white;
  font-family: var(--font-bold);
}

.mobile-store-image-wrapper {
  display: flex;
  align-items: center;
  gap: 20px;
}

.mobile-store-image-wrapper img {
  min-height: 70px;
  width: 100%;
}

.mobile-app-image img {
  width: 100%;
}

.footer-nav-links {
    gap: 50px;
    justify-content: space-between;
    display: flex;
    padding: 0;
    margin-bottom: 0;
    align-items: center;
}

.footer-1 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    justify-content: space-between;
        justify-items: center;
        gap:20px;
}

.footer-1 li{
    white-space:nowrap;
}



.footer-app-logo {
    display: flex;
    gap: 20px;
    justify-content: flex-end;
}
.nav-link-icon {
    gap: 20px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

footer p{
    margin:0;
}



@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav {
        flex-direction: row;
        gap: 35px;
    }
}

@media (min-width: 1200px) {
    .navbar-expand-lg .navbar-nav {
        flex-direction: row;
        gap: 55px;
    }
}


@media (min-width: 1400px) {
    .navbar-expand-lg .navbar-nav {
        flex-direction: row;
        gap: 70px;
    }
}





@media (max-width: 991px) {
  
.footer-1 {
   gap: 10px;
    margin-bottom: 10px;

    grid-template-columns: 1fr;
}


footer p {

    grid-row: 3 / 4;
}


}
@media (max-width: 510px) {
    footer{
        padding-top:0px;
    }
  .mobileapp-wrapper h2 {
    font-size: 30px;
    max-width: 290px;
  }
  
  .footer-nav-links {
    gap: 20px;
 
}
}


@media (max-width: 430px) {

.testimonials-section {
    min-height: unset;
}

.mobilesection-container {
  padding: 112px 16px;
}

.scrollcontainer{
   
    gap:40px;
  }
}

@media (max-width: 387px) {
  .mobile-store-image-wrapper {
    gap: 5px;
  }
  .mobileapp-wrapper {
    gap: 10px;
  }
  .mobileapp-wrapper h2 {
    font-size: 23px;
  }
  
   .footer-nav-links {
    gap: 8px;
 
}

}