/*
 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 logo mobile width */
@media (max-width:467px){
.elementor-25 .elementor-element.elementor-element-396a6da .hfe-site-logo .hfe-site-logo-container img,
.elementor-36828 .elementor-element.elementor-element-d550101 .hfe-site-logo .hfe-site-logo-container img{
   max-width:150%;
	width:150%;
}
}

/* 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;
}

@media (min-width:1025px){
.shared-mega .sub-menu{
	left: 40% !important;
}

.cloud-mega .sub-menu{
	left: 30% !important;
}

.dedicated-mega .sub-menu{
	left: 50% !important;
}
	
.reseller-mega .sub-menu{
	left: 50% !important;
}

.email-mega .sub-menu{
	left: 55% !important;
}

.ssl-mega .sub-menu{
	left: 45% !important;
}

.domain-mega .sub-menu {
	left: 85% !important;
}
}

.single-col-mega .flex-mega{
column-count: 1 !important;	
}




#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;
}



/* 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: "\e809";
  font-family: "rt-icons";
	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: '→';
  position: absolute;
  top: 65%;
  right: 15px;
  transform: translateY(-50%) translateX(-20px);
  opacity: 0;
  color: #414142;
  font-size: 18px;
  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 #fff;
  z-index: 100;
}
.menu-dropdown-with-arrow-ssl::before{
	 top: -9px; 
  left: 73%;
}




/* 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;
      padding-top: 2rem;
      
    
      .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: inter;
        }
      }
    
      .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: inter;
			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: "Inter", 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: #fcc107;
    color: #414142 !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: -22px;
        right:40%;
        pointer-events: none;
    }

    .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;
        }
			
			 .elementor-button {
        width: 260px;
        padding: 12px 0;
        font-size: 16px;
        text-align: center;
        border-radius: 6px;
        text-decoration: none;
        font-weight: 600;
        color: #414142 !important;
        background-color: #fcc107;
        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: #DFDFDF;
            border-radius: 30px;
            padding: 2px 15px;
            font-size: 14px;
            font-weight: 600;
        }
    }

    .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;
    }

    .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;
        cursor: pointer;
        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: 100%;
        left: 100%;
        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: 50%;
        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 */
/* coupon code and timer css */
.timer-section {
  margin-top: 0.5rem;
  background: #fff;
  padding: 8px 10px;
  width: 270px;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(255, 100, 100, 0.25);
  color: #2e2e2e;
  text-align: center;
  border: 1px dashed #e21212;
  font-size: 14px;
  display: none;
}

.deal-timer {
  color: #e21212;
}
.coupon-subtext {
  color: #2e2e2e;
}