@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//ruboalhail.com/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=8.3.8") format("woff2");
}

@font-face {
	font-family: "star";
	font-weight: 400;
	font-style: normal;
	src: url("//ruboalhail.com/wp-content/plugins/woocommerce/assets/fonts/star.eot?#iefix") format("embedded-opentype"), url("//ruboalhail.com/wp-content/plugins/woocommerce/assets/fonts/star.woff") format("woff"), url("//ruboalhail.com/wp-content/plugins/woocommerce/assets/fonts/star.ttf") format("truetype"), url("//ruboalhail.com/wp-content/plugins/woocommerce/assets/fonts/star.svg#star") format("svg");
}

@font-face {
	font-family: "WooCommerce";
	font-weight: 400;
	font-style: normal;
	src: url("//ruboalhail.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.eot?#iefix") format("embedded-opentype"), url("//ruboalhail.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.woff") format("woff"), url("//ruboalhail.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.ttf") format("truetype"), url("//ruboalhail.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.svg#WooCommerce") format("svg");
}

:root {
	--wd-text-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(118,118,118);
	--wd-text-font-size: 15px;
	--wd-title-font: "Montserrat", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Montserrat", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 600;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Montserrat", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Montserrat", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 13px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: #cb3438;
	--wd-alternative-color: rgb(1,135,195);
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(203,52,56);
	--btn-accented-bgcolor-hover: rgb(1,135,195);
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: url(https://ruboalhail.com/wp-content/uploads/2021/09/electronics-2-popup.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: rgb(0,0,0);
	background-image: url(https://ruboalhail.com/wp-content/uploads/2025/11/bg-f01.webp);
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: inherit;
	background-position: center center;
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 35px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 35px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 35px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--wd-brd-radius: 0px;
}

@media (min-width: 1222px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


.wd-page-title {
background-color: rgba(221,51,51,0.1);
}

/* hero section */

.compressor_ac {
    background-color: #FFC29B !important;
    transition: 0.6s ease all;
 }
 
 .copper {
    background-color: #FAEAB1 !important;
    transition: 0.6s ease all;
 }
 
 .refrigerant_gas {
    background-color: #E1E9C9 !important;
    transition: 0.6s ease all;
 }
 
 .refrigerator_com {
    background-color: #A8F1FF !important;
    transition: 0.6s ease all;
 }
 
.content-wrap {
    position: absolute;
    left: 3%;
    width: 100%;
    max-width: 800px;
}

.heading h2 {
    font-size: 70px;
    font-family: "montserrat";
    font-weight: bold;
    line-height: 1.2;
}
.heading p {
    font-size: 18px;
    font-family: "montserrat";
    margin-top: 1rem;
    color: #555;
    width:74%;
}
.slideshow {
  height: 80vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
  overflow: hidden;
}

.carousel {
    width: 60rem;
    height: 60rem;
    border: 7rem solid#FFF;
    background-color: #FFF;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    top: 34%;
    right: -70%;
    flex-shrink: 0;
    transition: rotate 1s;
    transform: rotate(134deg);
}

.slide {
  width: 10rem;
  position: absolute;
}

.slide:nth-child(1) {
  bottom: -10rem;
  transform: rotate(228deg);
}

.slide:nth-child(2) {
  left: -10rem;
  transform: rotate(-40deg);
}

.slide:nth-child(3) {
  top: -10rem;
  transform: rotate(47deg);
}

.slide:nth-child(4) {
  right: -10rem;
  transform: rotate(135deg);
}

.slide.active img {
  transform: scale(3.5);
  transition: transform 0.5s 0.5s;
}

.slide img {
  width: 100%;
  object-fit: cover;
  transition: transform 0.5s;
}

.controls {
    padding-top: 30px;
    display: flex;
    flex-direction: row;
    gap: 20px;
}

.controls a {
  padding: 0rem;
  display: inline-block;
  cursor: pointer;
  border-radius: 10rem;
  transition: background-color 1s;
}

.controls a.active {
  background-color: #333;
}

.controls img {
  width: 9rem;
}

@media only screen and (max-width: 1440px) {
    
    .slide.active img {
      transform: scale(4);
    }
    .slide {
      width: 6rem;
      position: absolute;
    }
    
    .slide:nth-child(1) {
      bottom: -6rem;
    }
    
    .slide:nth-child(2) {
      left: -6rem;
    }
    
    .slide:nth-child(3) {
      top: -6rem;
    }
    
    .slide:nth-child(4) {
      right: -6rem;
    }
    .carousel {
        width: 40rem;
        height: 40rem;
        top: 28%;
    }
    .content-wrap {
        max-width: 750px;
    }
    
    .heading h2 {
        font-size: 56px;
    }
    .controls img {
        width: 7rem;
    }

}

@media only screen and (max-width: 1024px) {
     .slideshow {
        height: 60vh;
    }
    .slide.active img {
      transform: scale(3);
    }
    .slide {
      width: 5rem;
      position: absolute;
    }
    
    .slide:nth-child(1) {
      bottom: -5rem;
    }
    
    .slide:nth-child(2) {
      left: -5rem;
    }
    
    .slide:nth-child(3) {
      top: -5rem;
    }
    
    .slide:nth-child(4) {
      right: -5rem;
    }
    .carousel {
        width: 40rem;
        height: 40rem;
        top: 30%;
        border: 2rem solid#FFF;
    }
    .content-wrap {
        max-width: 450px;
    }
    
    .heading h2 {
        font-size: 35px;
    }
    .heading p {
        font-size: 16px;
        width:100%;
    }
    .controls img {
        width: 4rem;
    }

}

@media only screen and (max-width: 650px) {
     .slideshow {
        height: 70vh;
    }
    .slide {
      width: 4.5rem;
      position: absolute;
    }
    
    .slide:nth-child(1) {
      bottom: -4.5rem;
			transform: rotate(200deg);
    }
    
    .slide:nth-child(2) {
      left: -4.5rem;
			transform: rotate(-75deg);
    }
    
    .slide:nth-child(3) {
      top: -4.5rem;
			transform: rotate(19deg);
    }
    
    .slide:nth-child(4) {
      right: -4.5rem;
			transform: rotate(109deg);
    }
    .carousel {
        width: 35rem;
        height: 35rem;
        top: auto;
        border: 2rem solid #FFF;
        right: auto;
        bottom: -70%;
        transform: rotate(161deg);
    }
    .content-wrap {
    top: 10%;
    }
    .heading h2 {
        font-size: 28px;
        padding-right: 15px;
    }
    .heading p {
        font-size: 14px;
        padding-right: 15px;
    }
    .controls img {
        width: 3rem;
    }
    .controls {
        padding-top: 0px;
        gap: 10px
    }
    .slide.active img {
  		transform: scale(2.5);
		}
     
}


/* hero section end */

/* header catagorry css */
.whb-flex-flex-middle .whb-col-center {
    flex: initial !important;
}

.menu-opener.color-scheme-light.has-bg {
    padding: 0;
}

.wd-header-cats.wd-style-1 .menu-opener {
    min-width: 170px !important;
}

/* product archive banner css */
/* .wd-page-title {
    height: 370px;
}

.term-description p {
    color: #ffffff ;
} */

/* Product category archive */

.archive-cgt .wd-cat img {
	transition: all ease 0.4s;
 	margin-top: -34px !important;
}

.archive-cgt .wd-cat img:hover {
    transform: scale(1.1);
}

.archive-cgt .wd-cat-content.hover-mask {
    padding: 15px 10px !important;
    margin: 20px 15px 0 !important;
}
.archive-cgt .wd-carousel-item {
    margin-top: 68px !important;
}

.archive-cgt .category-grid-item .wd-cat-inner.wrapp-category {
    height: 133px !important;
}

/* Product category */

.product-category .wd-carousel-item {
   margin-top: 150px;
}


.category-grid-item:hover .wd-cat-image {
    transform: inherit !important;
}

.product-category .wd-cat img {
 margin-top: -95px;
	transition: all ease 0.4s;
}

.product-category .wd-cat img:hover {
    transform: scale(1.1);
}

.product-category .wd-cat-thumb.category-image-wrapp {
    overflow: inherit !important;
}

.product-category .wd-fill.category-link {
    background: #f3f6f2;
    z-index: -1 !important;
    border-radius: 8px;
}

.product-category .wd-cat-content.hover-mask {
    border-top: 1px solid #d1d1d1;
    padding: 20px 10px;
    margin: 30px 15px 0;
}

.product-category .products:not(.wd-img-width) .cat-design-alt img {
    width: 100%;
    max-width: 170px;
    height: 170px;
    object-fit: cover;
}

.product-category .wd-cat-inner.wrapp-category {
    height: 215px !important;
}


@media screen and (max-width: 767px) {
	.product-category .products:not(.wd-img-width) .cat-design-alt img {
    max-width: 80px;
    height: 80px;
}
	.product-category .wd-cat-content.hover-mask {
    border-top: 1px solid #d1d1d1;
    padding: 15px 10px;
    margin: 15px 15px 0;
}
	
.product-category .category-grid-item .wd-entities-title {
    font-size: 13px !important;
}
.product-category .wd-cat img {
    margin-top: -38px;
}
	
}
/* product button css */
.wd-add-btn.wd-add-btn-replace {
    display: flex;
    gap: 6px;
    flex-direction: column;
}

a#sendbtn {
    padding: 8px 16px;
}

/* Our Customers section*/

.our_customer .wd-gallery-item img {
    opacity: 0.6;
    filter: grayscale(100%);
	  transition: all ease 0.6s;
}

.our_customer .wd-gallery-item:hover img {
    opacity: 1;
    filter: grayscale(0);
}

/* about page our team section css */
.our-team .team-member {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.our-team .member-image {
    overflow: hidden;
    height: 170px;
    width: 170px;
    border-radius: 50%;
}

.our-team .member-image img {
    height: 170px;
    width: 170px;
    border-radius: 50% !important;
    object-fit: cover;
	  transition: all ease 0.4s;
	  filter: grayscale(1);
}

.our-team .member-image img:hover {
    transform: scale(1.1);
	  filter: grayscale(0);
}

/* product hover animation css */

/* .greadient_border .wd-product.wd-hover-buttons-on-hover {
    background: linear-gradient(var(--angle), #cb343800 25%, #cb3438 30%) !important;
    -webkit-animation: 1.5s spin linear forwards infinite;
    animation: 1.5s spin linear forwards infinite;
} */
.product-wrapper {
    background: #fff;
}

.wd-product.wd-hover-buttons-on-hover.wd-col.product-grid-item.product:hover {
     background: linear-gradient(var(--angle), #cb343800 35%, #CB3438 30%) !important;
    -webkit-animation: 2s spin linear forwards infinite;
    animation: 2s spin linear forwards infinite;
    padding: 2px;
}

.wd-product.wd-hover-buttons-on-hover .product-wrapper:hover {
transform: translateY(0)!important;
}

.product-element-top.wd-quick-shop img {
    transition: all ease 0.6s;
}

.product-element-top.wd-quick-shop img:hover {
    transform: scale(1.1);
}
@property --angle {
    syntax: "<angle>";
    initial-value: 0deg;
    inherits: false;
}

@keyframes spin {
    0% {
        --angle: 0deg;
    }

    100% {
        --angle: 360deg;
    }
}


/* .greadient_border .content-product-imagin::before {
    content: '';
    background: #fff;
    position: absolute;
    width: 99%;
    height: 99.5%;
    left: 50.02%;
    top: 50.01%;
    transform: translate(-50%, -50%);
} */


/* carousel */
.wd-carousel-wrap {
	transition-timing-function: linear !important;
}

/* contact form */

form.wpcf7-form.init label {
    color: #ffffffbd;
}

/* Single Product  */

[class*="wd-swatches"].wd-text-style-2 .wd-swatch.wd-text .wd-swatch-text {
    font-size: 14px !important;
}

.wd-swatch.wd-text {
    min-width: 0em !important;
    min-height: 0.4em !important;
	background: #f5f3f3 !important;
}

/* whats app button css*/

#sendbtn, #sendbtn2, .wa-order-button, .gdpr_wa_button_input {
    border-radius: 50px;
}

span.s_8.ctc-analytics {
    border-radius: 50px !important;
    margin-bottom: 3px;
}

a.ctc-chat-whatsapp-button.ctc-chat-button-shop.ctc-chat-button-with-icon {
    border-radius: 50px !important;
}

/* footer css*/
footer.wd-footer {
    position: relative;
}