.whatsapp_widget_bar {
  position: fixed;
  top: 50%;
  right: -80px;
  transform: rotate(-90deg);
}

.btn-whatsapp{
    background: #219c97;
    color: #fff;
    /*text-decoration: none;*/
    box-shadow: none;
    border-radius: 0px;
}

.btn-whatsapp:hover{
    background-color: #177875;
    color: #fff;
    transition: all 0.3s ease;
}

    
 /* header */   /* header */   /* header */   /* header */   /* header */   /* header */   /* header */
 
    .support-ticket, .support-time {
    text-align: center;
    font-family: gilroy !important;
  }

  .support-ticket {
    font-size: 23px;
    font-weight: 600 !important;
    margin-right: 10px;
  }

  .support-time {
    font-size: 11px;
    color: #6f6f70;
  }

  .support-ticket a, .support-time a {
    text-decoration: none; /* Removes underline */
    color: inherit; /* Inherits color from parent */
  }

    .support-img {
      height: 45px;
      /* Ensure the image height matches the text container's height */
      margin: 0px 30px 0px 10px;
    }

    /*.top-bar {*/
    /*  background-color: #f7b907;*/
    /*  color: #876603;*/
    /*  padding: 2px;*/
    /*  font-size: 16px;*/
    /*  text-align: center;*/
    /*  height: 30px;*/
    /*  font-family: Gilroy;*/
    /*}*/

    /*.top-bar-btn:hover {*/
    /*  color: #f7b907 !important;*/
    /*  background-color: #876603 !important;*/
    /*  font-weight: 600;*/
    /*  font-size: smaller;*/
    /*  padding: 2px 8px;*/

    /*}*/

    /*.top-bar a {*/
    /*  color: #f7b907 !important;*/
    /*  text-decoration: none;*/
    /*  background-color: #876603 !important;*/
    /*  font-weight: 600;*/
    /*  font-size: smaller;*/
    /*  padding: 2px 9px;*/
    /*}*/
.top-bar {
  background-color: #f7ad07;
  color: #634c04;
  padding: 2px;
  font-size: 16px;
  text-align: center;
  height: 30px;
  font-family: Gilroy;

  /* shine ke liye required */
  position: relative;
  overflow: hidden;
}

.top-bar-btn:hover {
  color: #f7ad07 !important;
  background-color: #634c04 !important;
  font-weight: 600;
  font-size: smaller;
  padding: 2px 8px;
}

.top-bar a {
  color: #f7ad07 !important;
  text-decoration: none;
  background-color: #634c04 !important;
  font-weight: 600;
  font-size: smaller;
  padding: 2px 9px;
}

/* ✨ Shine Effect (extra add-on) */
.top-bar::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 40%;
  height: 100%;
  background: linear-gradient(
    120deg,
    transparent,
    rgba(255,255,255,0.5),
    transparent
  );
  transform: skewX(-25deg);
  animation: topbarShine 3s infinite;
}

@keyframes topbarShine {
  0% { left: -100%; }
  100% { left: 150%; }
}
    .close-btn {
    position: absolute;
    right: 10px;
    top: -6px;
    background: none;
    border: none;
    font-size: 25px;
    color: #634c04;
    cursor: pointer;
  }
  .close-btn:hover {
    color: #876603;
  }

    .header {
      padding: 8px 0px;
      font-family: Quicksand;
      background-color: #fff;
    }

    .header .contact-info {
      font-size: 20px;
    }

    .header .icons img {
      height: 40px;
      margin-left: 50px !important;
    }

    .btn-login {
      background-color: #219c97;
      font-family: Quicksand;
      color: #fff;
      border: none;
      font-size: small;
      padding: 1px 10px;
      border-radius: 100px;
      width: fit-content;
      font-size: 12px;
      font-weight: 700;
    }

    .navbar-custom {
      background-color: #272e38;
      font-weight: 600;
      height: 35px;
      font-family: Quicksand;
      
    }

    .navbar-custom .navbar-nav .nav-link {
      color: #ffffff;
      font-weight: 700;
      font-size: 13px;
      
    }

    .navbar-custom .navbar-nav .nav-link.active {
      color: #dcdcdc;
      
    }

    .dropdown-menu {
    margin-top: 30px !important;
    color: #272e38;
}

.dropdown-menu a {
    color: #272e38; /* Default color */
}

.dropdown-menu a:hover,
.dropdown-menu a.active {
    color: #272e38; /* Hover and Active color */
    background-color: #eee;
}
    .new-offer-label {
      position: absolute;
      top: -9px;
      left: 50%;
      transform: translateX(-50%);
      background-color: #e33d56;
      color: #ffffff;
      padding: 0px 9px;
      border-radius: 100px;
      font-size: 10px;
      /*font-weight: bold;*/
      font-family: Quicksand;
    }

    

    .navbar-nav .new-offer {
      position: relative;
    }

    .navbar-toggler {
      order: -1; /* Moves the toggler to the left side */
    }

    .navbar-toggler-icon {
      font-size: 18px;
    }

    @media (max-width: 992px) {
      .desktop-navbar,
      .support-ticket,
      .support-time,
      .support-img,
      .navbar-custom {
        display: none;
      }
      
      .dropdown-menu {
        margin-top: 0px !important;
    }
  
      .header,
      .logo-container {
        text-align: center;
        display: none;
        margin-left: auto;
        margin-right: auto;
        width: 50%;
      }

      .mobile-logo {
        text-align: center;
        margin-right: 45%;
      }
    }

    @media (max-width: 768px){
      .mobile-logo {
        text-align: center;
        margin-right: 36%;
      }
      .dropdown-menu {
        margin-top: 0px !important;
    }
  }

    @media (max-width: 425px){
      .mobile-logo {
        text-align: center;
        margin-right: 33%;
      }

      .dropdown-menu {
        margin-top: 0px !important;
    }
  } 

    @media (min-width: 992px) {
      .mobile-navbar {
        display: none;
      }
    }
    @media (max-width: 992px) {
  /* Other existing styles */
  
  .new-offer-label {
    position: absolute;
    top: 12px;
    transform: translateX(-50%);
    background-color: #e33d56;
    color: #ffffff;
    padding: 0px 9px;
    border-radius: 100px;
    font-size: 10px;
    font-weight: bold;
    font-family: Gilroy;
    margin-left: 5px; /* Add margin to the left */
  }
}


/* domainsearch */ /* domainsearch *//* domainsearch *//* domainsearch *//* domainsearch *//* domainsearch *//* domainsearch *//* domainsearch */

.hero-section {
      background-image: url(../images/wbeenBackground.svg);
      background-color: #b7b7b7;
      background-size: cover;
      background-position: center;
      font-family: gilroy;
      color: white;
      height: 55vh !important; /* 50% of the viewport height */
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 45px;
      font-weight: 600;
      text-align: center;
    }

 /* Switch-button-group */
 /*.switch-button-group {*/
 /*     display: flex;*/
 /*     justify-content: center;*/
 /*     margin: 30px 0px -30px 0px;*/
 /*     font-size: medium;*/
 /*     border: 1px solid #0d6764;*/
 /*     border-radius: 3px;*/
 /*     overflow: hidden;*/
 /*   }*/
 /*   .switch-button-group button {*/
 /*     color: #0d6764;*/
 /*     padding: 5px 10px;*/
 /*     cursor: pointer;*/
 /*     font-family: Gilroy;*/
 /*     border: none;*/
 /*     background-color: #dbe5e5;*/
 /*     transition: background-color 0.3s, color 0.3s;*/
 /*     flex: 1;*/
 /*   }*/
 /*   .switch-button-group button.active {*/
 /*     background-color: #0d6764;*/
 /*     color: #fff;*/
 /*   }*/
 /*   .switch-button-group button.inactive {*/
 /*     background-color: #e2e2e2;*/
 /*     color: #0d6764;*/
 /*   }*/
    /* Switch-button-group */ /* Switch-button-group */ /* Switch-button-group */ /* Switch-button-group */ /* Switch-button-group */

/* Container design (Glassmorphism look) */
.switch-button-group {
  display: inline-flex; /* Flex jisse content ke hisaab se width adjust ho */
  justify-content: center;
  margin: 10px 10px; 
  background-color: rgba(255, 255, 255, 0.2); /* Transparent white background */
  border-radius: 100px; /* Outer curves */
  padding: 4px; /* Button ke aas-paas thodi space ke liye */
}

/* Base button design */
.switch-button-group button {
  padding: 5px 20px;
  cursor: pointer;
  font-family: 'Gilroy', sans-serif;
  font-size: 17px;
  font-weight: 600; /* Bold text jaisa image me hai */
  border: none;
  background-color: transparent; /* Default background transparent */
  color: #ffffff; /* Default text color (Inactive ke liye white) */
  border-radius: 100px; /* Inner button curves */
  transition: all 0.3s ease;
  flex: 1;
}

/* Active Button (White box with dark text) */
.switch-button-group button.active {
  background-color: #ffffff; /* Solid white background */
  color: #333333; /* Dark grey/black text */
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Halki si shadow button ko ubharne ke liye */
}

/* Inactive Button (Transparent with white text) */
.switch-button-group button.inactive {
  background-color: transparent;
  color: rgba(255, 255, 255, 0.9);
}

    .domain-search-container {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 100%;
      flex-direction: column;
    }
    .form-control {
      height: 50px;
    }
    .domain-search {
      display: flex;
      font-family: Gilroy;
      justify-content: center;
      align-items: center;
      width: 60%; /* Adjust width as needed */
    }
    .domain-search input {
      border-color: #1d8683;
      color: #272e38 !important;
      font-family: Gilroy;
      border-radius: 4px;
      margin-right: 5px;
      flex: 1;
    }
    
    .domain-search input::placeholder {
      color: #999b9d; /* Placeholder text color */
      font-family: Gilroy;
    }
    .domain-search button {
      background-color: #272e38;
      border: none;
      width: 120px;
      height: 50px;
      border-radius: 4px;
      color: #ffffff;
    }
    .domain-search button:hover {
      background-color: #242a33; /* Darken color on hover */
    }

    @media (max-width: 768px) {
  .bulk-domain-registration {
    display: none;
  }
   .domain-search {
   margin-bottom: 40px !important;
  }
}
  
    @media (max-width: 992px) {
      .hero-section {
        height: 50%;
        font-size: 40px;
      }
      .domain-search {
        width: 80%;
      }
    }

    @media (max-width: 768px) {
      .hero-section {
        font-size: 30px;
      }
      .domain-search {
        display: flex;
        flex-direction: column;
        align-items: center;
        height: 50px !important;
      }

      .switch-button-group, .top-bar {
        display: none;
        
      }

      .promo-code-button, .Promo-button,{
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

      .domain-search input {
        margin-bottom: 8px;
        text-align: center;
        max-width: 100%; 
        height: 50px !important;
        padding: 8px 0px 12px 0px;
      }
      .domain-search button {
        width: 100%; 
        text-align: center;
        align-items: center;
        padding: 8px 0px 12px 0px;
      }
      .switch-button-group {
        flex-direction: column;
      }
      .switch-button-group button {
        margin: 5px 0;
        width: 100%;
      }
    }
  
  .Promo-button {
  border: 1px dashed #ffffff;
  font-size: 11px;
}

.promo-code-button button:hover {
  background-color: #f0f0f0;
}

.promo-code-button button .fa-cut,
.promo-code-button button .fa-check {
  margin-right: 5px;
}

.promo-code-button {
  display: flex;
  align-items: center;
  opacity: 0.8;
  flex-wrap: wrap;
}

.promo-code-button span {
  margin-right: 10px; 
}

/* Media query for mobile screens */
@media (max-width: 600px) {
  .promo-code-button {
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
  }

  .promo-code-button button {
    margin-top: 10px;
    margin-bottom: 10px; 
    width: 100%; 
  }

  .promo-code-button span {
    margin-right: 0;
  }
  
}

/* domainTLDS *//* domainTLDS *//* domainTLDS *//* domainTLDS *//* domainTLDS *//* domainTLDS *//* domainTLDS *//* domainTLDS */      


 .containner {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  padding: 35px 10px;
}

.TLDcard-box {
  border: 1px solid #ddd;
  border-radius: 5px;
  text-align: center;
  padding: 20px;
  margin: 10px;
  position: relative;
  box-sizing: border-box;
  background-color: #fff;
  flex: 1 1 calc(15% - 0px); /* Ensure 6 items per row */
  max-width: calc(15% - 0px);  /* Ensure 6 items per row */

}

.TLDbtn {
  height: 28%;
  width: 55%;
  /*margin: auto;*/
  background-color: #219c97;
  font-size: 100%;
  border: none;
  border-radius: 3px;
  color: white;
  cursor: pointer;
}

.TLDtext-center {
  color: #808080;
  margin: 0px 0px 10px 0px !important;
  font-size: 12px;
  text-align: center;
  
}

.TLDtop-label {
  position: absolute;
  left: 4%;
  top: -6%;
  background-color: #e33d56; 
  color: white;
  padding: 0px 10px; 
  font-size: 11px;
  border-radius: 20px; 
  text-align: center;
}

.TLDkyc-label {
  position: absolute;
  left: 76px;
  top: -6%;
  background-color: #f5b92c;
  color: #59430f;
  padding: 0px 10px; 
  font-size: 11px;
  border-radius: 20px;
  text-align: center;
   
}

.TLDbottom-label {
  position: absolute;
  display: flex !important;
  bottom: -24px;
  left: 50%;
  transform: translateX(-50%);
  background-color: #c2c6cc;
  color: rgb(255, 255, 255);
  padding: 0 7px;
  font-size: 11px;
  border-radius: 100px;
  display: inline-block; 
  text-align: center;
}

@media (max-width: 1220px) {
.TLDcard-box {
    flex: 1 1 calc(18% - 0px); /* 6 items per row */
    max-width: calc(18% - 0px);
    
    }
    .TLDtop-label {
      top: -6%;
      padding: 0px 10px; 
      font-size: 10px;
    }
    .TLDkyc-label {
      left: 76px;
      top: -6%;
      padding: 0px 10px; 
      font-size: 10px;
    }
}

@media (max-width: 1070px) {
.TLDcard-box {
    flex: 1 1 calc(25% - 0px); /* 5 items per row */
    max-width: calc(24% - 0px);
    }
    .TLDtop-label {
      top: -6%;
      padding: 0px 10px; 
      font-size: 10px;
    }
    .TLDkyc-label {
      left: 76px;
      top: -6%;
      padding: 0px 10px; 
      font-size: 10px;
    }
}

@media (max-width: 800px) {
.TLDcard-box {
    flex: 1 1 calc(25% - 0px); /* 4 items per row */
    max-width: calc(25% - 0px);
    }

    .TLDtop-label {
      top: -6%;
      padding: 0px 10px; 
      font-size: 10px;
    }
    .TLDkyc-label {
      left: 75px;
      top: -6%;
      padding: 0px 10px; 
      font-size: 10px;
    }
}

@media (max-width: 714px) {
  .TLDcard-box {
        flex: 1 1 calc(30% - 0px); /* Adjust width for 3 cards per row */
        max-width: calc(30% - 0px);
    }

    .TLDtop-label {
      top: -6%;
      padding: 0px 10px; 
      font-size: 10px;
    }
    .TLDkyc-label {
      left: 75px;
      top: -6%;
      padding: 0px 10px; 
      font-size: 10px;
    }
  }
@media (max-width: 520px) {
.TLDcard-box {
      flex: 1 1 calc(30% - 0px); /* Adjust width for 2 cards per row */
      max-width: calc(50% - 0px);
  }
      .TLDtop-label {
      top: -5%;
      padding: 0px 6px; 
      font-size: 10px;
    }
    .TLDkyc-label {
      left: 62px;
      top: -5%;
      padding: 0px 6px; 
      font-size: 10px;
    }
}

@media (max-width: 320px) {
.TLDcard-box {
      flex: 1 1 calc(80% - 0px); /* Adjust width for 1 cards per row */
      max-width: calc(80% - 0px);
  }
      .TLDtop-label {
      top: -5%;
      padding: 0px 6px; 
      font-size: 10px;
    }
    .TLDkyc-label {
      left: 61px;
      top: -5%;
      padding: 0px 6px; 
      font-size: 10px;
    }
}
/*domain table */ /*domain table *//*domain table *//*domain table *//*domain table *//*domain table *//*domain table */

table {
            width: 100%;
            border-collapse: collapse;
            margin: 40px 0px 0px 0px;
            color: #272e38;
            font-family: 'Gilroy', sans-serif;
            background-color: #fff;
        }
        th, td {
            border: 1px solid #d1d1d1;
            padding: 8px;
            text-align: center;
            position: relative;
            
            
        }
        th {
            background-color: #272e38;
            color: #fff;
            position: relative;
            border: none;
            font-weight: 550;
            font-size: 14px; /* Adjust the font size as needed */
            border-radius:
        }
        td:first-child {
            background-color: #219c97;
            color: #fff;
            width: 8%;
            font-weight: 550;
            border-color: #1b817e;
        }
        tr:nth-child(even) {
            background-color: #ebebeb;
        }
        h1 {
            text-align: center;
            margin-bottom: 20px;
        }
        .best-seller {
            display: flex;
            background-color: #219c97;
            color: #fff;
            padding: 0px 7px;
            border-radius: 3px;
            position: absolute;
            top: -10px;
            left: 50%;
            font-size: 10px;
            transform: translateX(-50%);
        }
        .price {
            display: inline-flex;
            align-items: center;
            color: #515354;
        }
        .noticpolicy {
            text-align: center; /* Center align the notice */
            margin-top: 20px; /* Add space between table and notice */
            color: #7f878e;
        }
        .price .fa-shield-alt {
            margin-right: 5px;
        }
        /* Specific styling for icons in the Wbeen row */
        .wbeen .fa-shield-alt {
            color: #219c97;
        }
        
        /*renew-price text*/
        .renew-mail-price {
            color: #b8b8b8;
            text-align: left;
            margin-top: -20px;
            font-size: 15px;
        }
        
        /* Specific styling for icons in GoDaddy, NameCheap, BigRock, Porkbun, and NameSilo rows */
        .godaddy .fa-shield-alt,
        .namecheap .fa-shield-alt,
        .bigrock .fa-shield-alt,
        .porkbun .fa-shield-alt,
        .namesilo .fa-shield-alt,
        .noticpolicy .fa-shield-alt  {
            color: #a9b1b8;
        }


/* // reseller hosting switch button code new     */  /* // reseller hosting switch button code new     */ /* // reseller hosting switch button code new     */
    
        .switch-container {
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .switch-wrapper {
            text-align: center;
        }
        .switch-title {
            margin-bottom: 10px;
            display: block;
            font-size: larger;
        }
        .switch {
            position: relative;
            display: flex;
            align-items: center;
            justify-content: space-between;
            width: 300px;
            height: 50px;
            background-color: #e5e6e9;
            cursor: pointer;
            transition: transform 0.4s;
            padding: 10px;
            color: #ffffff;
            border-radius: 5px;
            overflow: hidden;
            border: 6px solid #e5e6e9;
        }
        .switch span {
            flex: 1;
            text-align: center;
            z-index: 2;
            position: relative;
        }
        .switch .slider {
            position: absolute;
            width: 50%;
            height: 100%;
            background-color: #272e38;
            transition: left 0.4s;
            border-radius: 3px;
            top: 0;
            left: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            
        }
        .switch.active .slider {
            left: 50%;
        }

        .card-img-container {
            display: flex;
            justify-content: center;
            padding: 15px;
        }

        @media (max-width: 767px) {
            .card {
                margin-bottom: 10px; /* Add margin between cards on mobile */
            }
        }

/* pricing */ /* pricing styles */ /* pricing styles */ /* pricing styles */ /* pricing styles */ /* pricing styles */ 
        .centered-button {
            text-align: center; 
            margin-top: 50px;
        }

        .pacing-button {
            background-color: #272e38;
            color: white;
            padding: 5px 10px; /* Reduced padding for smaller size */
            border-radius: 3px; /* Adjusted border-radius for smaller size */
            font-size: 14px; /* Reduced font size for smaller size */
            border: none;
            cursor: pointer;
            text-decoration: none; /* Remove default underline for anchor tags */
            width: 150px; /* Set width */
            height: 30px; /* Set height */
            display: flex; /* Add flex display to center content vertically */
            justify-content: center; /* Center content horizontally */
            align-items: center; /* Center content vertically */
        }

        .pacing-button i {
            margin-right: 5px;
        }

        .pacing-button:hover {
            background-color: #272e38; /* Darken color on hover */
        }

      .pricing-table {
         border: 1px solid #ddd;
         border-radius: 5px;
         margin-bottom: 20px;
         position: relative;
         font-family: Gilroy !important;
         color: #272e38 !important;
      }
      .pricing-table .btn {
         width: 100%;
         font-family: Gilroy !important;
         background-color: #219c97;
         border: #219c97;
         border-radius: 3px;
      }
      .btn:hover {
        background-color: #1e827e;
      }

      .offer-label {
         background-color: #e33d56;
         font-family: Gilroy !important;
         color: #fff;
         padding: 5px 10px;
         border-radius: 5px 0px 0px 5px;
         position: absolute;
         top: 10px;
         right: 0px;
         font-size: 14px;
      }
      .toggle {
         margin-bottom: 25px;
      }
      .popular-highlight {
         border: 2px solid #e33d56;
      }
      .price-size {
         font-size: 40px;
      }
      .period-size {
         font-size: 20px; /* Adjust the font size of the "month" and "year" text */
         
      }
      .cut-price-color {
         color: #b7b7b7;
         font-size: 25px;
      }
      .features {
         margin-top: 20px;
         font-family: Gilroy !important;
         font-size: 18px;
         /*line-height: 1.5; */
      }
      .feature-item {
         margin-bottom: 10px;
      }
      .bold-text {
         font-size: 20px;
         font-weight: bold;
      }
      .month-price-size {
        font-size: 15px;
      }
      .icons-colors {
        color: #272e38;
      }
      .policyline {
         font-family: Gilroy !important;
      }
      
      .switch-button  {
          font-family: Gilroy !important;
         color: #707780;
         border-color: #d1d1d1;
           }

       .switch-button.active,
       .switch-button:active,
       .switch-button:focus,
       .switch-button:hover {
          color: #fff;
          background-color: #272e38;
          border-color: 707780;
      }
      
         .trustpilothover  {
          font-family: Gilroy !important;
         color: #707780;
         border-color: #d1d1d1;
           }

       .trustpilothover.active,
       .trustpilothover:active,
       .trustpilothover:focus,
       .trustpilothover:hover {
          color: #70778;
          background-color: #fff;
          border-color: #d1d1d1;
      }

      .sections-br {
            padding: 15px 20px 12px 20px;
            margin-bottom: 10px; /* Margin between sections for all screens */
        }

        /* Media query for larger screens */
        @media (min-width: 1024px) {
            .sections-br {
                margin-top: 10px; /* Reset margin for larger screens */
                margin-bottom: 10px; /* Apply margin between sections */
            }
        }
/* feedback *//* feedback *//* feedback *//* feedback *//* feedback *//* feedback *//* feedback *//* feedback */
        :root {
          --star-size: 60px;
          --star-color: #dcdce6;
          --star-background: #219c97;
          
        }
        
        .Stars {
          --percent: calc(var(--rating) / 5 * 100%);
          display: inline-block;
          font-size: 30px;
          font-family: Times;
          line-height: 1.7;
        }
        .Stars::before {
          content: "★★★★★";
          letter-spacing: 3px;
          background: linear-gradient(90deg, var(--star-background) var(--percent), var(--star-color) var(--percent));
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent;
        }
       
        .carousel-control-prev,
        .carousel-control-next {
            padding: 15px; /* Increase padding to make the buttons larger */
        }

        .carousel-control-prev-icon,
        .carousel-control-next-icon {
            width: 30px; /* Adjust as needed */
            height: 30px; /* Adjust as needed */
        }

        .carousel-control-prev-icon {
            background-image: url('https://icons.veryicon.com/png/o/business/sunshine/back-28.png');
            margin-right: 100px;
            color: #cfd5da;
            opacity: 0.6;
        }

        .carousel-control-next-icon {
            background-image: url('https://icons.veryicon.com/png/o/miscellaneous/test-2/next-28.png');
            margin-left: 100px;
            opacity: 0.6;
        }

        @media (max-width: 768px) {
            .carousel-inner {
                display: block; /* Ensures items stack vertically */
            }
            .col-4 {
                flex: 0 0 100%; /* Each column takes full width */
                max-width: 100%; /* Ensure no overflow */
            }
            .carousel-control-prev-icon,
            .carousel-control-next-icon {
                display: none; /* Hide the "Help us understand your needs better" text */
            }
            .contentt {
                display: none; /* Hide the content on mobile */
            }
        }
        
        .customerss {
            font-size: 14px;
            color: rgb(129, 129, 129);
            
        }

         .h6{
            color: #5e5e5e;
        }
        
/*Turstpilot */ /*Turstpilot *//*Turstpilot *//*Turstpilot *//*Turstpilot *//*Turstpilot *//*Turstpilot *//*Turstpilot *//*Turstpilot */

        .trustpilottext {
            font-family: 'Gilroy', sans-serif;
        }

        .trustpilottext .excellent {
            font-size: 21px;
            margin: 0 3px;
        }

        .trustpilottext .rating {
            font-size: 20px;
            margin: 0 5px;
        }

        .align-items-end {
            -webkit-align-items: flex-end !important;
            -webkit-box-align: flex-end !important;
            -ms-flex-align: flex-end !important;
            align-items: flex-end !important;
        }

        .justify-content-center {
            -webkit-box-pack: center !important;
            -webkit-justify-content: center !important;
            -ms-flex-pack: center !important;
            justify-content: center !important;
            height: 6px;
        }

        .flex-wrap {
            -webkit-flex-wrap: wrap !important;
            -ms-flex-wrap: wrap !important;
            flex-wrap: wrap !important;
        }

        .d-flex {
            display: -webkit-box !important;
            display: -webkit-flex !important;
            display: -ms-flexbox !important;
            display: flex !important;
        }
        
        @media (max-width: 1024px) {
            .trustpilotblocks {
                display: none;
            }
        }

        /* ticket */ /* ticket styles */ /* ticket styles */ /* ticket styles */ /* ticket styles */ /* ticket styles */ 

     .columnH {
      font-size: 25px;
      padding: 0px 0px 0px 0px;
      font-family: 'Gilroy', sans-serif;
  }
     .columnP {
      font-size: 17px;
      margin: 0px 130px 0px 130px;
      font-family: 'Gilroy', sans-serif;
  }

  .buttonn {
      font-family: 'Gilroy', sans-serif;
      padding: 10px 25px;
      background-color: #272e38;
      color: white;
      text-decoration: none;
      border-radius: 4px;
      font-size: 16px;
  }
  .buttonn:hover {
      color: #b0b5bc;
      text-decoration: none;
  }

  .background-sectionn {
      font-family: 'Gilroy', sans-serif;
      background-color: #219c97;
      color: white;

  }
   .rowss {
   display: flex;
   justify-content: center;
   align-items: center;
   
  }
  
   @media (max-width: 1024px) {
      .rowss {
          flex-direction: column;
      }
      
      .columnP {
          display: none; /* Hide the "Help us understand your needs better" text */
      }

      .background-sectionn {
          padding: 10px 0px 20px 0px; /* Add margin for spacing */

          padding-bottom:20px !important;
          
      }
      .columnH {
          padding: 0px 0px 10px 0px;
      }
  }
  
/* Footer styles *//* Footer styles *//* Footer styles *//* Footer styles *//* Footer styles *//* Footer styles */
 .section-bgs {
      background-color: #272e38;
      font-family: 'Gilroy', sans-serif;
      padding: 20px 0px 0px 0px;
      color: #fefefe;
      font-size: 15px;
  }
  .section-titles {
      font-size: 18px !important;
      font-family: 'Gilroy', sans-serif;
      font-weight: bold;
      color: #ffffff;
      margin-bottom: 15px;
      margin-top: 10px;
  }
  .about-texts {
      font-size: 15px;
      font-family: 'Gilroy', sans-serif;
      line-height: 1.7;
      color: #ffffff;
  }
  .link-listss {
      font-size: 15px;
      font-family: 'Gilroy', sans-serif;
      line-height: 1.7;
  }
  .link-listss li {
      line-height: 1.7;
      text-decoration: dotted;
  }
  .link-listss a {
      color: #fefefe;
      text-decoration: none; 
  }
  .link-listss a:hover {
      color: #b0b5bc;
  }
  .dividers {
      width: 100%;
      border-top: 1.5px solid #363d46;
  }
  .socials-icons {
      text-align: center;
      font-family: 'Gilroy', sans-serif;
      margin-top: 10px;
  }
  .socials-icons a {
      color: #fefefe;
      margin-right: 10px;
      font-size: 18px;
  }
  .socials-icons a:hover {
      color: #b0b5bc;
  }
  /* Custom styles */
  .emails-link {
      color: #219c97;
      font-family: 'Gilroy', sans-serif;
      text-decoration: none;
  }
  .emails-link:hover {
      color: #1f8885;
      text-decoration: none;
  }

  /* Media Queries */
  @media (max-width: 768px) {
      .section-titles {
          text-align: center;
      }
      .about-texts {
          text-align: center;
      }
      .link-listss {
          text-align: center;
      }
      .emails-link {
          text-align: center;
      }
      .useful-links-col {
          display: none; /* Hide Useful Links column on mobile */
      }
      .info-links-col {
          display: none; /* Hide Info Links column on mobile */
      }
  }
/* footer-nav *//* footer-nav *//* footer-nav *//* footer-nav *//* footer-nav *//* footer-nav *//* footer-nav */
    .mobile-nav {
    background: #ffffff;
    box-shadow: 0px 0px 4px 0px #d8d8d8;
    position: fixed;
    bottom: 0;
    height: 50px;
    width: 100%;
    display: flex;
    justify-content: space-around;
    }
    
    @media screen and (min-width: 992px) {
    .mobile-nav {
    display: none;
    }
    }
    


/* Domain reseller page F&Q cod *//* Domain reseller page F&Q cod *//* Domain reseller page F&Q cod *//* Domain reseller page F&Q cod */

    
  .accordion-button:hover {
    background-color: #f7f9fa !important;
    color: #272e38;
  }

  .accordion-button:focus {
    box-shadow: none;
  }

  .accordion-button:not(.collapsed) {
    background-color: #f7f9fa !important;
    border-color: #e6ecf0 !important;
    color: #272e38;
  }

  .accordion-button.collapsed {
    background-color: #fff;
        border-color: #e6ecf0 !important;
    color: #272e38;
  }
  
 
 
 /*whatsapp-follow whatsapp-follow whatsapp-follow whatsapp-follow whatsapp-follow whatsapp-follow*/
 
 .whatsapp-follow {
    position: fixed;
    right: 0;
    top: 40%;
    background: #219c97;
    color: #fff;
    padding: 10px 3px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;

    writing-mode: vertical-rl;   /* REAL vertical text */
    text-orientation: mixed;

    border-radius: 5px 0 0 5px;
    z-index: 999999999;
    /*box-shadow: 0 4px 12px rgba(0,0,0,0.25);*/
}

.whatsapp-follow:hover {
    background: #177875;
}
