/*
 Theme Name:   Grabweb Child
 Theme URI:    https://grabweb.net
 Description:  Child theme for Grabweb
 Author:       Grabweb
 Author URI:   https://grabweb.net
 Template:     hostie
 Version:      1.0.0
*/

/* --- Parent theme CSS automatically enqueued in functions.php --- */




/* Additional CSS from your old site */

/* mouse selection custom css */
::selection {
    color: #212121;
    background: #fcc107;
  }
  
  :target {
    scroll-margin-top: 80px;
  }
  
  /* replace font awesome icon to rt icon */
  .fa-angle-down:before{
      content: "\f107";
    font-family: "Font Awesome 5 Free";
  }
  .fa-angle-up:before{
      content: "\f107";
    font-family: "Font Awesome 5 Free";
  }
  .fa-check:before{
      content: "\f00c";
    font-family: "Font Awesome 5 Free";
  }
  .fa-times:before{
      content: "\f057";
    font-family: "Font Awesome 5 Free";
  }
  .fa-star:before{
      content: "\f005";
    font-family: "Font Awesome 5 Free";	
  }
  
  /* windows-header css */
  .sticky-wrapper{
      height: auto !important;
  }

  
  /* Header Reload sizes solution */
  .elementor-25 .elementor-element.elementor-element-3f01a7d .elementor-icon-list-icon svg, .elementor-25 .elementor-element.elementor-element-e4488ef .elementor-icon-list-icon svg, .elementor-25 .elementor-element.elementor-element-4dda8b1 .elementor-icon-list-icon svg,
  .elementor-25 .elementor-element.elementor-element-c960760 .elementor-icon-list-icon svg,
  .elementor-25 .elementor-element.elementor-element-9395acc .elementor-icon-list-icon svg{
      width: 16px !important;
      height: 16px !important;
  }
   

/* Sticky Header Css */
.gw-header-sticky {
  position: absolute;
  top: 36px;
  width: 100%;
  z-index: 9999;
}

@media (max-width: 1024px) {
  .gw-header-sticky {
    top: 46px; 
  }
}

.gw-header-sticky.is-sticky {
  position: fixed !important;
  top: 0;
  background: #000;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
  
  
  #reactheme-header .menu-area .navbar ul>li.mega>ul{
      left: 25%;
  }
  
  /* Currency Switcher */
  @media (max-width:1024px){
  .rs-currency-switcher-select{
      height: 20px !important;
      line-height: 20px !important;
  }
  }
  .nice-select.rs-currency-switcher-select::after, .nice-select.rs-currency-switcher-select.open::after{
      margin-top: -2px;
      margin-right: 7px;
  }
  

/* Mega Menu Css */
 .shared-mega-menu{
	min-width: 600px !important;
}

.cloud-mega-menu{
	min-width: 335px !important;
}

.dedicated-mega-menu{
	min-width: 850px !important;
}

.reseller-mega-menu{
	min-width: 335px !important;
}

.mail-mega-menu{
	min-width: 335px !important;
}

.ssl-mega-menu{
	min-width: 600px !important;
}

.domain-mega-menu{
	min-width: 335px !important;
}

@media (max-width:1024px) {
.deals-menu{
	margin-top: 15px !important;	
}
}
  
  /* Humburger custom css */
  
  .elementor-25 .elementor-element.elementor-element-da140db .elementskit-menu-hamburger, .elementor-36828 .elementor-element.elementor-element-1bea344 .elementskit-menu-hamburger{
      padding-left:2px;
      padding-bottom: 4px;
      padding-right: 2px;
      padding-top: 2px;
  }
  
  .ekit-wid-con .fasicon, .ekit-wid-con .icon, .ekit-wid-con .icon::before, .fasicon, .icon, .icon::before{
      line-height: 1.5 !important;
  }
  
  .elementskit-menu-hamburger > .ekit-menu-icon{
      fill: #414142;
  }
  
  /* Replace missing submenu arrow with Font Awesome one */
  .elementskit-submenu-indicator::before {
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-size: 15px;
  }
  
  @media (max-width:1024px){
  .elementskit-menu-overlay {
      background: none;
  }
  }
  

  /* Mega Menu Custom css */
  .new-badge{
      font-size:11px;
      background-color: #fcc107;
      padding: 2px 6px;
      border-radius: 3px; 
  }
  
  .menu-hover-icon {
    position: relative;
    transition:  0.3s ease;
  }
  
  .menu-hover-icon::after {
    content: '\e80f';
	font-family: "rt-icons";
	font-weight: 600;
    position: absolute;
    top: 50%;
    right: 14px;
    transform: translateY(-50%) translateX(-20px);
    opacity: 0;
    color: #414142;
    font-size: 14px;
    pointer-events: none;
    visibility: hidden;
    transition: all 0.3s ease;
  }
  
  .menu-hover-icon:hover::after {
    visibility: visible;
    opacity: 1;
    transform: translateY(-50%) translateX(0px);
  }
  
  
  @media (max-width:768px){
  .elementskit-megamenu-panel.elementskit-dropdown-open{
      width: 370px !important;
  }
  }
  
  
      
  /* Responsive header */
  @media (max-width:1024px){
  .elementskit-menu-offcanvas-elements {
    left: auto !important;
    right: 0 !important;
    transform: translateX(100%) !important;
    transition: transform 0.6s ease !important;
  }
  
  .elementskit-menu-offcanvas-elements.active {
    transform: translateX(0%) !important;
  }
  
  }
  
  /* mega menu top pointer  */
  .menu-dropdown-with-arrow {
    position: relative;
      overflow: visible !important;
  }
  
  .menu-dropdown-with-arrow::before {
    content: "";
    position: absolute;
    top: -9px; 
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #cb0606;
    z-index: 100;
  }
  
@media (max-width:1024px){
	 .menu-dropdown-with-arrow::before{
		left:15%;	 
	}
}

@media (max-width:768px){
	 .menu-dropdown-with-arrow::before{
		left:10%;	 
	}
}
  
  
  
  /* ssl mega menu arrange */
  .container.flex-mega li:nth-child(8) {
    break-before: column;
  }
  .container.flex-mega li:nth-child(11) {
    break-before: column;
  }
  
  
  
  /* submenu items color */
  .elementor-25 .elementor-element.elementor-element-324099b .menu-area .navbar ul li ul.sub-menu li a{
      color: #414142 !important;
  }
  
  .elementor-36828 .elementor-element.elementor-element-480d0b9 .menu-area .navbar ul li ul.sub-menu li a{
      color: #414142 !important;
  }
  
  
  /* mega menu custom css */
  .menu-area .navbar ul li.mega .sub-menu li a img{
      background: #fcc107cc;
  }
  
  .menu-area.sticky-menu .navbar ul li a::after{
      background: white;
  }
  
  /* .menu-area .navbar ul > li.mega > ul.sub-menu .flex-mega li{
      margin-bottom: 0;
  } */
  .menu-area .navbar ul > li.mega > ul.sub-menu .flex-mega li{
      margin-bottom:10px;
  }
  
  .menu-area .navbar ul li .sub-menu{
      transition:none;
  }
  
  /* humburger custom css */
  .elementor-25 .elementor-element.elementor-element-324099b .nav-menu-link.menu-button{
      border-radius:5px;
  }
  
  /* Responsive Dropdown */
  #mobile_menu .submenu-button{
      width: 70%;
      top:15px;
  }
  
  #mobile_menu .submenu-button:after{
      left: 95%;
  }
  
  #mobile_menu .submenu-button.submenu-opened:after{
      left: 95%;	
  }
  
  /* mega menu icon size on mobile */
  .sidenav .widget_nav_menu ul li ul li a img{
      width: 20px;
  }
  



  
  
  /* Domain Search bar width fully responsive */
  @media (max-width:768px){
  .rt-search-form__input{
      min-width: 100px;
  }
  }
  
  
  /* border bottom on heading of hero section */
  @media (max-width:767px){
  .hero-section-offer-icon{
      width:18px;
  }
  }


  
  .hero-title-underline{
      text-decoration:underline;
      text-decoration-thickness: 10px;
      text-decoration-color: #fcc107;
       text-underline-offset: 5px;
  }
  @media (max-width:1024px){
      .hero-title-underline{
          text-decoration-thickness: 8px;
      }
  }
  @media (max-width:767px){
      .hero-title-underline{
          text-decoration-thickness: 5px;
      }
  }
  
  /* hero header title */
      .hero-content {
        color: white;
        
      
        .sub-title {
            margin-bottom: 20px;
            
          p {
            padding: 0.5rem 1rem;
            font-size: 1.125rem;
            font-weight: bold;
            background: #0000002a;
            display: inline;
            border-radius: 5px;
            font-family: 'Plus Jakarta Sans';
          }
        }
      
        .hero-heading {
          position: relative;
          display: inline-block;
          margin-bottom: -30px;
  
          
      
          .title-text {
            color: #ffffff;
            position: relative;
            z-index: 2;
          }
      
          .stroke__line {
            position: absolute;
            bottom: 95px;
            left: 30%;
            transform: translateX(-50%);
            width: 100%;
            z-index: 1;
            display: flex;
            justify-content: center;
            pointer-events: none;
      
            svg {
              max-width: 100%;
              height: auto;
            }
          }
        }
      
      .hero-discription {
          p {
            font-size: 1.1rem;
            font-weight: 400;
            max-width: 600px;
            font-family: 'Plus Jakarta Sans';
              padding-top: 10px;
          }
        
        }
      
        @media (max-width: 768px) {
          .hero-heading {
            .title-text {
              font-size: 2.5rem;
              line-height: 1.7;
            }
            .stroke__line {
               bottom: 90px;
               left:40%;
            }
          }
      
          .hero-description {
            p {
              font-size: 1rem;
            }
          }
      
          .sub-title {
               margin-bottom: 0px;
            p {
              font-size: 0.8rem;
              padding: 0.4rem 0.8rem;
            }
          }
          
        }
      
        @media (max-width: 480px) {
          .hero-heading {
              
            .title-text {
              font-size: 2rem;
              line-height: 1.7;
            }
      
            .stroke__line {
               bottom: 70px;
               left:50%;
            }
          }
        }
      }
  
  h2{
      color: #444444;
  }
  
  
  .e-parent  {
      padding-left: 20px !important;
      padding-right: 20px !important;
  }
  
  
  
  @media (max-width:1024px){
      .e-parent {
       padding-left: 20px !important;
     padding-right: 20px !important;
      }
  }
  
  @media (max-width:767px){
      .e-parent {
       padding-left: 20px !important;
     padding-right: 20px !important;
      }
  }
  
  /* breadcrumbs hide */
  .breadcrumbs-single{
      display:none;
  } 
  
  
  .elementor-34720 .elementor-element.elementor-element-dfd6f7b .rts-pricing-plan .single-plan__content .plan-icon img{
      width: 40px;
  }
  
  
  
  /* SSL Get Tabs css */
  .elementor-widget-n-tabs .e-n-tab-title-text{
      display: block;
  }
  
  
  
  /* Inner SSL Pages pricing calculation css */
   .pricing-block{
              
          .list-price{
              font-size: 13px;
              text-decoration: line-through;
          }
          .you-save{
              color: green;
              font-size: 13px;
              
          }
          .percent-off{
              color: red;
              font-size: 13px;
          }
      }
  /* calcualtion pricing end */
  
  
  
  /* Affiliate Page custom css */
  
  .rt_affiliate_tabs .commision-calculation{
      background: linear-gradient(135deg, #414142, #818181);
  }
  
  
  
  /* Services Custom Css */
  .service-grid.style_five .single-service .top-dot, .service-grid.style_six .single-service .top-dot{
      background: linear-gradient(135deg, #3f3f3f, #818181);
  }
  
  .service-grid.style_six .single-service{
      background:none;
  }
  
  .service-grid.style_five .single-service .top-dot, .service-grid.style_six .single-service .top-dot{
      top: -48px;
  }
  
  
  .elementor-5270 .elementor-element.elementor-element-218deab .single-service, .single-service .title, .single-service .disc{
      transition:none;
  }
  
  .rt_affiliate_tabs .commision-calculation .commision-tab .tab__button{
      border: 1px solid #f5f5f5
  }
  
  .rt_affiliate_tabs .commision-calculation .commision-content .commision-type .item{
      border: 1px solid #f5f5f5
  }
  
  
  
  /* service top bar custom css */
  .service-grid.style_four .top-dot-bar, .service-grid.style_five .top-dot-bar{
      background: #818181;
  }
  
  
  /* hosting plan top header tabs width custom css */
  .rts-pricing-plan.style2 .rts-pricing-plan__tab .tab__button .tab__button__item button, .rts-pricing-plan.style3 .rts-pricing-plan__tab .tab__button .tab__button__item button{
      width: 100px;
  }
  
  
  
  @media (max-width:1400px){
  .rts-pricing-plan .tab_content_row{
              grid-template-columns: repeat(3, 1fr) !important; 
      }
  }
  
  @media (max-width:1100px){
      .rts-pricing-plan .tab_content_row{
              grid-template-columns: repeat(2, 1fr) !important; 
      }
  }
  
  @media (max-width:720px){
      .rts-pricing-plan .tab_content_row{
              grid-template-columns: repeat(1, 1fr) !important; 
      }
  }
  
  
  
  
  
  /* World Map css start */
      .map-container {
          position: relative;
          font-family: "Plus Jakarta Sans", sans-serif;
      }
  
      .map {
          width: 100%;
      }
  
      .dot {
          position: absolute;
          width: 8px;
          height: 8px;
          background: green;
          border-radius: 50%;
          cursor: pointer;
          transition: transform 0.3s ease-in-out;
      }
      
      .dot:after{
          content: "";
          position: absolute;
          width: 250%;
          height: 250%;
          border-radius: 50%;
          border: 1px solid #00B67A;
          top: 50%;
          left: 50%;
          animation: pulse-border 2s ease-out infinite;
      }
  
      .dot:hover {
          transform: scale(1.2);
      }
  
      .tooltip {
          position: absolute;
          background: #414142;
          color: white;
          bottom: 15px;
          margin-left:-20px;
          padding: 5px 10px;
          border-radius: 5px;
          font-size: 12px;
          white-space: nowrap;
          opacity: 0;
          transition: opacity 0.3s ease-in-out;
      }
  
      .dot:hover .tooltip {
          opacity: 1;
      }
      
      @media (max-width:767px){
          .dot{
              width:5px;
              height:5px;
          }
          .tooltip{
              font-size:10px;
              padding:2px 5px;
              margin:0;
              bottom:0px;
          }
          
      }
  /* World Map css end */
  
  
  
  
  
  
  
  /* SSL Brands Table Css Start */
  
  .table-heading-font{
            font-size:16px;
            font-weight:700; 
          font-style:italic;
  }
  
  .ssl-font{
          font-size: 16px
      }
  
     .ssl-container {
      font-weight: 500;
      overflow-x: auto;
  }
  
  .table-container {
      width: 100%;
      background: white;
      padding: 20px;
      border-radius: 10px;
      box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
      overflow-x: auto;
  }
  
  table {
      width: 100%;
      border-collapse: collapse;
      min-width: 800px; /* Ensures table doesn't shrink too much */
  }
  
  th, td {
      padding: 12px;
      text-align: left;
      border-bottom: 1px solid #ddd;
      white-space: nowrap; /* Prevents text from wrapping */
  }
  
  th {
      background: linear-gradient(180deg, #414142, #818181);
      color: white;
  }
  
  tr:hover {
      background-color: #f1f1f1;
  }
  
  .btn {
      background: #cb0000;
      color: #fff !important;
      padding: 8px 12px;
      border: none;
      font-weight: 500;
      border-radius: 5px;
      cursor: pointer;
      transition: 0.3s;
  }
  
  .btn:hover {
      background: #414142;
      color: #ffffff !important;
  }
  
  /* Responsive Styles */
  @media screen and (max-width: 1024px) {
      th, td {
          padding: 10px;
          font-size: 14px;
      }
      .table-heading-font{
          font-size:14px;
  }
      .ssl-font{
          font-size: 14px
      }
  }
  
  @media screen and (max-width: 768px) {
      .table-container {
          padding: 10px;
      }
      th, td {
          padding: 8px;
          font-size: 12px;
      }
      .btn {
          padding: 6px 10px;
          font-size: 12px;
      }
          .table-heading-font{
          font-size:13px;
  }
      .ssl-font{
          font-size: 12px
      }
  }
  
  /* Mobile View */
  @media screen and (max-width: 480px) {
      .table-container {
          padding: 5px;
      }
      
      
      table {
          min-width: 100%;
          display: block;
          overflow-x: auto;
      }
  
      th, td {
          padding: 6px;
          font-size: 12px;
      }
          .table-heading-font{
          font-size:12px;
  }
      .ssl-font{
          font-size: 12px
      }
  
      .btn {
          padding: 5px 8px;
          font-size: 12px;
      }
  }
  /* SSL Brands Table Css end */
  
  
  /* Testinomial slider background colors start */
  
  .swiper-testimonails-style5 .single-testimonial::after{
      background: linear-gradient(135deg, #414142, #818181);
  }
  
  .swiper-testimonails-style5 .single-testimonial::before{
      background: linear-gradient(135deg, #818181, #d5d5d5);
      border:none;
  }
  
  .swiper-testimonails-style3 .single-testimonial, .swiper-testimonails-style5 .single-testimonial{
      background:none;
  }
  
  .swiper-testimonails-style3 .single-testimonial, .swiper-testimonails-style5 .single-testimonial{
      border:none;
  }
  
  
  /* custom testimonial css starts here */
    
    .custom-testimonial{
        .testimonial-container {
            p {
                margin: 0 0 5px;
            }
        }
    
        .swiper {
            width: 100%;
            padding: 40px 0;
        }
    
    
        .my-slide {
            color: #414142;
  /* 				border: 1px solid #cccccc; */
            border-radius: 10px;
            padding: 20px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
                 background: linear-gradient(135deg, #f9f9f9, #f9f9f9);
                .read-more{
                    color: #414142;
                }
        }
    
         .swiper-slide-active{
               background: linear-gradient(135deg, #414142, #414142);
                 color: #ffffff;
                     .read-more{
                    color: #fff;
                }
            } 
    
        .testimonial-text {
            font-size: 14px;
        }
    
        .read-more {
            color:#fff;
            cursor: pointer;
            font-weight: 600;
            font-size: 14px;
        }
    
        .swiper-button-next,
        .swiper-button-prev {
            color: #414142;
        }
    
        .swiper-button-prev:after {
            font-size: 28px;
        }
    
        .swiper-button-next:after {
            font-size: 28px;
        }
        
    
        .testimonial-client-name {
            font-size: 15px;
            font-weight: 600;
        }
    
        .client-country {
            font-size: 14px;
            font-weight: 500;
        }
    
        .testimonial-stars i {
            font-size: 14px;
            padding: 2px;
            color: #fcc107;
        }
    
    
            .swiper-pagination-bullet{
                display: none;
            }
        }
    
    /* custom testimonial css end here */
  
  
  
  /* Plan Pricing Custom Css Star */
   :root {
          --primary-color: #414142;
          --second-color: #fcc107;
          --third-color: #ff0000;
          --light-gray: #e4e4e4;
          --light-yellow: #fff2bb;
          --white-color: #fff;
          --border-color: #cdcdcd;
      }
  
      .pricing-plan-tabs {
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center;
      }
  
      .tab-header {
          display: flex;
      }
  
      .tab-switcher {
          display: flex;
          background-color: var(--primary-color);
          border-radius: 40px;
          padding: 5px;
          display: flex;
          justify-content: center;
          gap: 10px;
          margin-bottom: 50px;
          flex-wrap: wrap;
  
      }
  
      .tab {
          padding: 2px 15px;
          border-radius: 40px;
          color: var(--white-color);
          font-weight: 500;
          font-size: 14px;
          cursor: pointer;
          transition: 0.3s;
      }
  
      .tab.active {
          background-color: #fcc107;
          color: var(--primary-color);
      }
  
      .off-text {
          font-size: 16px;
          color: var(--primary-color);
          position: relative;
          padding-left: 35px;
          user-select: none;
          white-space: nowrap;
          margin-left: 10px;
          margin-top: 10px;
      }
  
      .off-text svg {
          position: absolute;
          top: -50px;
          left:-160px;
          pointer-events: none;
		  z-index: 0;
      }
  
      .plans-container {
          display: none;
          justify-content: center;
          gap: 20px;
          flex-wrap: wrap;
      }
  
      .plans-container.active {
          display: flex;
      }
  
      .plan-card {
          background-color: var(--white-color);
          border-radius: 10px;
          padding: 50px 15px 50px 15px;
          width: 430px;
          display: flex;
          flex-direction: column;
          align-items: center;
          border: 1px solid #cdcdcd;
          position: relative;
                 @media (max-width: 520px) {
                      margin: 10px 0px
                      }
              
  
          .most-popular-label {
              position: absolute;
              background-color: #ffc9c9;
              color: var(--primary-color);
              font-size: 14px;
              font-weight: 500;
              border-radius: 40px;
              padding: 5px 30px;
              width: max-content;
              user-select: none;
              margin-top: -68px;
                      
          }
  
          .plan-title {
              font-size: 20px;
              font-weight: 700;
              margin-bottom: 15px;
              color: var(--primary-color);
              display: flex;
              width: 100%;
              align-items: center;
              justify-content: center;
  
              img {
                  width: 15%;
                  padding-right: 20px;
              }
          }
  
          .plan-subtitle {
              margin: 0;
              padding-bottom: 10px;
              text-align: center;
			  font-size: 14px;
          }
              
               .elementor-button {
          width: 260px;
          padding: 12px 0;
          font-size: 16px;
          text-align: center;
          border-radius: 6px;
          text-decoration: none;
          font-weight: 600;
          color: #fff !important;
          background-color: #cb0606;
          margin-top: 20px;
      }
  
      .elementor-button:hover {
          color: white !important;
          background: #414142;
      }
}
  
      .plan-card:hover {
          border-color: var(--primary-color)
      }
  
      .old-price {
          display: flex;
          justify-content: center;
          align-items: center;
          gap: 10px;
          margin: 20px 0;
  
          .past-price {
              text-decoration: line-through;
              color: var(--primary-color);
              font-weight: 600;
              font-size: 14px;
          }
  
          .offer-text {
              background-color: #fcc107;
              border-radius: 30px;
              padding: 2px 15px;
              font-size: 14px;
              font-weight: 500;
			  color: #414142;
          }
      }
  
      .price {
          font-size: 32px;
          font-weight: 700;
          color: var(--primary-color);
          margin: 10px 0;
              text-align: center;
              
              .per-month{
                  font-size: 16px;
                  font-weight: 500;
              }
      }
  
  
  
     
  
  
      .renew-text {
          p {
              font-size: 14px;
          }
      }
  
      /* Tooltip CSS Start */
      .underline {
          text-decoration: underline;
          text-decoration-style: dotted;
          text-underline-offset: 2px;
		  cursor: pointer;
      }
  
      .underline:hover {
          text-decoration: none;
      }
  
      .plan-container i {
          color: green;
          padding-right: 10px;
          font-size: 13px;
      }
  
      .arrow {
          font-size: 16px;
          color: #414142;
      }
  
      .tooltip-container {
          position: relative;
          display: inline-flex;
          font-size: 14px;
          line-height: 1.3;
          font-weight: 500;
          margin-bottom: 8px;
      }
  
      .tooltip-text {
          visibility: hidden;
          width: 250px;
          background: #414142;
          color: #fff;
          text-align: left;
          padding: 8px 12px;
          border-radius: 4px;
          position: absolute;
          bottom: 25px;
          left: 100px;
          transform: translateX(-50%);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
          z-index: 1;
          opacity: 0;
          font-size: 13px;
          line-height: 1.4;
          font-weight: 500;
      }
  
      .tooltip-container:hover .tooltip-text {
          visibility: visible;
          opacity: 1;
      }
  
      .tooltip-arrow {
          position: absolute;
          bottom: -5px;
          left: 10%;
          transform: translateX(-50%);
          width: 0;
          height: 0;
          border-left: 6px solid transparent;
          border-right: 6px solid transparent;
          border-top: 6px solid #414142;
      }
  
      /* For Show/Hide Button */
      .show-more-btn {
          all: unset;
          color: #414142;
          padding: 8px 15px;
          border-radius: 4px;
          font-size: 16px;
          font-weight: 600;
          cursor: pointer;
          margin-top: 5px;
          margin-bottom: -10px;
          margin-left: 12px;
          text-align: center;
          display: inline-block;
          text-decoration: underline;
          text-decoration-style: dotted;
          text-underline-offset: 2px;
      }
  
      .show-more-btn:hover {
          background: none;
          color: #ff0000;
          text-decoration: none;
      }
  
      .more-features {
          display: none;
      }
  
      .tooltip-container i {
          color: #ff0000;
          margin-top: 18px;
      }
  
      /* Tooltip CSS End */
  
  
      @media (max-width: 768px) {
          .plan-card {
              width: 100%;
              max-width: 100%;
          }
      }
  
      @media (max-width: 520px) {
          .off-text {
              display: none;
          }
      }
  /* Plan Pricing Custom CSS End */
  
  /* Domain Pricing css start */
  .popular-domains{
          color: #fff;
          
          p{
              display: flex;
                      flex-wrap: wrap;
              justify-content: center;
              align-items: center;
              gap: 10px;
         
          
          .popular-extensions-text{
              font-weight: 500;
              padding-right: 10px;
              
          }
          
          .popular-domain-pricing{
                  background: rgba(255,255,255,.1);
                  padding: 3px 9px;
                  border: 1px solid rgba(255,255,255,.1);
                  border-radius: 6px;
                  font-weight: 600;
              }
          }
      }
  @media (max-width: 520px) {
         .popular-extensions-text, .popular-domain-pricing{
              font-size: 12px;
          }
      }
  /* Domain Pricing css end */
  
  /* Home page cards hover css */
  .hosting-options-cards{
      background: whtie !important;
      
      .icon-title-para{
      color: #414142 !important;
      }
  }
  
  .hosting-options-cards:hover{
      background: #414142 !important;
  
  }
  .hosting-options-cards:hover .icon-title-para{
      color: white !important;
      }
  
  .hosting-options-cards:hover .icon-title-para .elementor-icon{
          fill: white !important;
      }
  
  .hosting-options-cards:hover .icon-title-para .elementor-icon-box-title{
      color: white !important;
      }
  
  .hosting-options-cards:hover .icon-title-para .elementor-icon-box-description{
      color: white !important;
      }
  
  /* Home page cards hover css end */
  
  
  
  
  /* new custom css */






.outer-promotion-offer {
 .timer-section {
    background: #fff;
    padding: 8px 10px;
    width: 270px;
    border-radius: 12px;
    box-shadow: 0 0px 8px rgba(0, 0, 0, 0.25);
    color: #2e2e2e;
    text-align: center;
    border: 1px dashed #414142;
    font-size: 14px;
	z-index: 1;
 }

 .deal-timer {
    color: #cb0606;
   }

  .coupon-subtext {
     color: #cb0606;
    }
}

.dashmove-animation path {
    stroke-dasharray: 4 4;
    animation: dashMoveRight 2s linear infinite;
}

@keyframes dashMoveRight {
    from {
        stroke-dashoffset: 0;
    }
    to {
        stroke-dashoffset: -100; 
    }
}

@media (max-width: 768px) {
	.dashmove-animation path {
		stroke-width: 0.5 !important;
	}
	
}

/* New Css */
/* Variable for Hero Section Padding */
:root {
    --hero-pt: 180px;
    --hero-pb: 100px;
	--hero-h: 91vh;
	--hero-wc-h: 91vh;
	--hero-wc-pt: 180px;
	--hero-wc-pb: 158px;
}

@media (max-width: 1024px) {
    :root {
        --hero-pt: 200px;
        --hero-pb: 100px;
		--hero-h: 100%;
		--hero-wc-h: 100%;
		--hero-wc-pt: 200px;
		--hero-wc-pb: 100px;
    }
}

@media (max-width: 768px) {
    :root {
        --hero-pt: 127px;
        --hero-pb: 50px;
		--hero-h: 100%;
		--hero-wc-h: 100%;
		--hero-wc-pt: 127px;
		--hero-wc-pb: 50px;
    }
}

.hero-section {
	position: relative;
  	overflow: hidden;
    padding-top: var(--hero-pt);
    padding-bottom: var(--hero-pb);
	min-height: var(--hero-h);
	z-index: 0;
}

.hero-sec-wc{
	position: relative;
	overflow: hidden;
	padding-top: var(--hero-wc-pt);
    padding-bottom: var(--hero-wc-pb);
	min-height: var(--hero-wc-h);
	z-index: 0;
}



/* Dedicated Server Coupon Box */
.ds-card {
    position: relative;
    overflow: hidden; 
}

.ds-ribbon{
    position: absolute;
    top: 20px;
    right: -75px;
    width: 250px;
    padding: 7px 0 10px 0;
    background: #FFE273;
    transform: rotate(45deg);
    text-align: center;
	z-index: 1;
	line-height: 1.3;
	border: 1px dashed #414142;
    box-shadow: 0 2px 15px rgba(0,0,0,0.25);
}

.ds-ribbon-text{
	color: #cb0606;
	font-size: 14px;
	font-weight: 600;
    
}

.ds-ribbon-sale-text{
	font-size: 14px;
    color: #414142;	
}



.dedicated-coupon-timer{
.timer-section {
    background: #fff;
    padding: 8px 10px;
    width: 270px;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
    color: #2e2e2e;
    text-align: center;
    border: 1px dashed #414142;
    font-size: 14px;
	z-index: 1;
	display: block;
 }

 .deal-timer {
    color: #cb0606;
   }

  .coupon-subtext {
     color: #cb0606;
    }
}