/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
.hosting-card__body ul{margin:0;padding:0;list-style:none}
.hosting-card__body li{
  position:relative; margin:8px 0 !important; color:var(--whf-text)
}
.hosting-card__body li img{
  margin: 0 5px 0 0 !important;
}
.hosting-card__head{
  background: linear-gradient(141.27deg, #ED213A 2.38%, #A30F00 78.51%);
        padding: 20px;
      border-radius: 8px;
    overflow: hidden;
    display: block !important;
    color: #fff;
        font-size: 1.4375rem;
        position: relative;

}
.hosting-card__head span.amount{
  color: #fff;
}
.hosting-card__head .per{
      font-size: 16px;
    font-weight: 400;
    padding-left: 15px;
}
.hosting-card__head::after{
  content: "";
  width: 74px;
  height: 79px;
  background-image: url('/wp-content/uploads/2025/07/cham.svg');
  position: absolute;
  right: 20px;
  top: 20px;
  background-repeat: no-repeat;
}
.menu-item-has-block{
  position: static !important;
}
.flex-col.hide-for-medium.flex-left, ul.header-nav.header-nav-main.nav.nav-left {
  height: 100%;
}
.menu-item-has-block .sub-menu{
  min-width: 100%;
	margin-left: 0 !important;
	    box-shadow: 0px 25px 50px -12px #00000040;
    border-radius: 16px;
    overflow: hidden;
    top: 100% ;
}
.nav-dropdown-has-arrow li.has-dropdown.menu-item-has-block.current-dropdown > a:after{
  content: "";
   width: 125px;
  height: 8px;
  background: linear-gradient(to bottom, #e53935, #b71c1c);
  clip-path: polygon(10% 0, 90% 0, 100% 100%, 0% 100%);
  border: none;
  position: absolute;
  bottom: -1px
}
.nav-dropdown-has-arrow li.has-dropdown.menu-item-has-block:after, .nav-dropdown-has-arrow li.has-dropdown.menu-item-has-block:before{
  content: none;
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}