/*
Theme Name: Twenty Twenty-One Child
Theme URI: https://wordpress.org/themes/twentytwentyone/
Template: twentytwentyone
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Twenty-One is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Twenty Twenty-One elevates your portfolio, business website, or personal blog.
Tags: one-column,accessibility-ready,custom-colors,custom-menu,custom-logo,editor-style,featured-images,footer-widgets,block-patterns,rtl-language-support,sticky-post,threaded-comments,translation-ready,blog,portfolio
Version: 2.6.1755776617
Updated: 2025-08-21 11:43:37

*/



*,::after,::before {box-sizing: border-box; padding: 0; margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
a, button{transition: 0.3s ease-in-out; outline: none; text-decoration: none;}
body {margin: 0; padding: 0;}
p{padding-bottom: 16px;}
p:last-child{margin: 0; padding: 0;}
p:empty{margin: 0; padding: 0;}
ul, ol{padding: 0; margin: 0; list-style: none;}
h1,h2,h3,h4,h5,h6{margin: 0;}
svg path{transition: 0.3s ease-in-out;}
a{color: #333333;}
a:hover{color: #97aebe;}

body{padding-top: 129px; font-family: "Rubik", Sans-serif; font-weight: 400; font-size: 16px; line-height: 28px;}
header.site-header{padding: 20px 0; width: 100%; position: fixed; top: 0; left: 0; background-color: #ffffff; z-index: 999; transition: 0.3s ease-in-out; box-shadow: 0 5px 16px hsl(0deg 0% 0% / 10%);}
.container,
.woocommerce .content-area{max-width: 1440px; margin: 0 auto; padding: 0 20px;}
.header-inner{display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; column-gap: 40px;}
.header-inner .header-logo a{display: block;}
.header-inner .header-logo img{max-width: 108px; display: block;}
.header-inner .header-nav{margin-left: auto;}
.header-inner .header-nav .menu-button-container{display: none;}
.header-inner .header-nav .primary-menu-container > ul{display: flex; gap:30px; flex-wrap: wrap;}
.header-inner .header-nav .primary-menu-container > ul > li > a{font-size: 16px; font-weight: 400; position: relative;}
.header-inner .header-nav .primary-menu-container > ul > li > a:before{position: absolute; content: ""; left: 0; bottom: -4px; width: 0; height: 1px; background-color: #97aebe; transition: 0.3s ease-in-out;}
.header-inner .header-nav .primary-menu-container > ul > li.current-menu-item > a:before,
.header-inner .header-nav .primary-menu-container > ul > li > a:hover:before{width: 100%;}
.header-inner .header-nav .primary-menu-container ul li.menu-item-has-children{position: relative;}
.header-inner .header-nav .primary-menu-container ul li ul.sub-menu{position: absolute; top: 200%; left: 0; background: #333333; min-width: 200px; transition: 0.3s ease-in-out; opacity: 0; visibility: hidden;}
.header-inner .header-nav .primary-menu-container ul li:hover ul.sub-menu{top: 100%; opacity: 1; visibility: visible;}
.header-inner .header-nav .primary-menu-container ul li ul.sub-menu li{border-bottom: solid 1px #505050; padding: 10px;}
.header-inner .header-nav .primary-menu-container ul li ul.sub-menu li:last-child{border: none;}
.header-inner .header-nav .primary-menu-container ul li ul.sub-menu li a{color: #ffffff; display: block; width: 100%; font-size: 14px; line-height: 1.1;}
.header-inner .header-nav .primary-menu-container ul li ul.sub-menu li a:hover{color: #97aebe;}
.header-inner .header-right .wp-block-button a{background-color: #333333; padding: 18px 32px; line-height: 1; border-radius: 0; font-size: 16px; font-weight: 500; color: #ffffff; text-transform: uppercase; display: inline-block;}
.header-inner .header-right .wp-block-button a:hover{background-color: #97aebe;}

.home-banner{min-height: calc(100vh - 129px) !important;}


.exp-left .e-child{max-width: 640px; margin: 0 0 0 auto;}
.exp-right{position: relative;}
.exp-right .imp-img{position: absolute; top: 50%; transform: translateY(-50%); z-index: 50; padding-right: 48%; padding-left: 100px; left: 0;}

.rotating-box{position: absolute !important; left: -22%; bottom: 6%; z-index: 111 !important;}
.rotating-box .rotating-logo{position: static;}
.rotating-box .rotating-logo img{position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto;}

.rotating-image img{width: 171px;height: 171px;border-radius: 50%;animation: rotate 8s linear infinite;}

@keyframes rotate {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}


.business-info .pp-info-box{display: flex; flex-direction: column; position: relative;}
.business-info .pp-info-box .pp-info-box-icon{width: 80px; height: 80px; display: flex; align-items: center; justify-content: center; transition: 0.3s ease-in-out;}
.business-info .pp-info-box .pp-info-box-content{order: 0;}
.business-info .pp-info-box .pp-info-box-icon-wrap{order: 1;}
.business-info .pp-info-box .pp-info-box-content .pp-info-box-footer{position: absolute; bottom: 10px; right: 0;}
.business-info .pp-info-box-container{transition: 0.3s ease-in-out; cursor: pointer;}
.business-info .pp-info-box-container:hover{border-color: #97aebe;}
.business-info .pp-info-box-container:hover .pp-info-box-icon{background-color: #97aebe; border-color: #97aebe;}
.business-info .pp-info-box-container:hover .pp-info-box-icon svg path{stroke: #ffffff;}
.business-info .pp-info-box-container:hover .pp-info-box-footer .pp-info-box-button{color: #97aebe; border-color: #97aebe;}
.business-info .pp-info-box-container:hover .pp-info-box-footer .pp-info-box-button .pp-button-icon svg{fill: #97aebe;}


.testimonial .pp-info-box{display: flex; flex-direction: column; justify-content: space-between; gap:48px; box-shadow: 0 0 20px rgb(0, 0, 0, 0.06);}
.testimonial .pp-info-box-icon-title-wrap{order: 1; display: flex; justify-content: center; gap: 20px;}
.testimonial .pp-info-box-content{order: 0;}
.testimonial .pp-info-box-description{text-align: center;}
.testimonial .pp-slider-arrow{width: 70px; height: 70px;}
.testimonial .pp-slider-arrow.elementor-swiper-button-prev{left: 0 !important;}
.testimonial .pp-slider-arrow.elementor-swiper-button-next{right: 0 !important;}

.site-footer{float: left; width: 100%;}
.main-footer .footer-top{background-color: #fafbfc;}
.footer-row1{display: flex; flex-direction: row; justify-content: space-between; column-gap: 64px; grid-row-gap: 32px;}
.footer-row1 > div{padding: 80px 0;}
.footer-row1 h4{font-size: 20px; font-weight: 600; color: #333333; padding-bottom: 30px; margin: 0; display: block;}
.footer-row1 nav ul.menu li{padding-bottom: 10px; max-width: 230px;}
.footer-row1 nav ul.menu li:last-child{padding-bottom: 0;}
.footer-row1 .foot-col3{padding-left: 55px; padding-right: 55px; background-color: #f0f3f6; text-align: center;}
.footer-row1 .foot-col3 .wp-block-image img{mix-blend-mode: darken;}
.footer-row1 .foot-col3 ul.socil{display: flex; flex-wrap: wrap; gap:10px; margin: 30px 0; justify-content: center;}
.footer-row1 .foot-col3 ul.socil li a{width: 42px; height: 42px; display: flex; align-items: center; justify-content: center; border: solid 1px #333333; border-radius: 100%;}
.footer-row1 .foot-col3 ul.socil li a:hover{background-color: #333333;}
.footer-row1 .foot-col3 ul.socil li a:hover svg path{fill: #ffffff;}
.footer-row1 .foot-col3 ul.socil li.pint a:hover svg path{fill: none; stroke: #ffffff;}
.footer-row1 .foot-col3 ul.pp-link{display: flex; flex-wrap: wrap; gap:10px; justify-content: center;}
.footer-row1 .foot-col3 ul.pp-link li{line-height: 1;}
.footer-row1 .foot-col4 p{padding-bottom: 0;}

.footer-row1 .foot-col4 .tnp {margin: 10px 0 30px 0;position: relative;max-width: 100%}
.footer-row1 .foot-col4 .tnp-field {margin: 0}
.footer-row1 .foot-col4 .tnp-field label {display: none}
.footer-row1 .foot-col4 .tnp-field .tnp-email {border: solid 1px #000;padding: 14px 54px 14px 24px;margin: 0;outline: none;background: none;border-radius: 0;font-family: "Rubik", Sans-serif;font-weight: 400;color: #000;box-shadow: none;width: 100%; height:auto; min-width: 400px;}
.footer-row1 .foot-col4 .tnp-field .tnp-email::-webkit-input-placeholder {color: #000}
.footer-row1 .foot-col4 .tnp-field .tnp-email::-moz-placeholder {color: #000}
.footer-row1 .foot-col4 .tnp-field .tnp-email:-ms-input-placeholder {color: #000}
.footer-row1 .foot-col4 .tnp-field .tnp-email:-moz-placeholder {color: #000}
.footer-row1 .foot-col4 .tnp-field .tnp-submit {padding: 0;margin: 0;font-size: 0;position: absolute;right: 10px;top: 0;bottom: 0;background: url(./images/send.svg) center center no-repeat;outline: none;border: none;box-shadow: none;width: 50px;height: 50px;cursor: pointer;filter: brightness(0) invert(0);transition: all 0.3s ease-in-out}
.footer-row1 .foot-col4 .tnp-field .tnp-submit:hover {filter: none}
.footer-row1 .foot-col4 .tnp-field label {display: none}
.footer-row1 .foot-col4 ul.c-info{display: flex; flex-direction: column; gap:16px;}
.footer-row1 .foot-col4 ul.c-info li a{display: flex; align-items: center; gap:10px;}
.footer-bot{padding: 24px 0; text-align: center;}


.product-cate .category-inner{display: flex; flex-wrap: wrap; gap:40px;}
.product-cate .cate-box{width: calc(33.33% - 27px);}
.product-cate .cate-box .category{height: 100%; border: solid 1px #97AEBE33;}
.product-cate .cate-box .category .category-img{position: relative; padding-bottom: 90%;}
.product-cate .cate-box .category .category-img img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; object-fit: contain; padding: 24px;}
.product-cate .cate-box .category .category-text h2{font-size: 24px; font-weight: 600; text-align: center;}
.product-cate .cate-box .category .category-text h2 a{padding: 30px 16px; display: block; border-top: solid 1px #97AEBE33;}
.product-cate .cate-box .category:hover .category-text h2 a{color: #97aebe;}

.relative{position: relative;}

.category-banner{min-height: 400px; background-size: cover; background-repeat: no-repeat; background-position: center; position: relative; display: flex; align-items: center; justify-content: center; padding: 0 20px;}
.category-banner:before{position: absolute; content: ""; width: 100%; height: 100%; top: 0; left: 0; background: #000000; opacity: 0.7;}
.category-banner .category-title{position: relative; font-size: 64px; font-weight: 700; color: #ffffff; line-height: 1.2; text-align: center;}


.site-main .woocommerce-breadcrumb,
.site-main .woocommerce-products-header{display: none;}
.woocommerce .content-area .site-main{padding: 120px 0; margin: 0;}
.woocommerce ul.products{display: flex; flex-wrap: wrap; gap:40px;}
.woocommerce ul.products.columns-3 li.product{width: calc(33.33% - 27px) !important; margin: 0;}
.woocommerce ul.products::after, .woocommerce ul.products::before, .woocommerce-page ul.products::after, .woocommerce-page ul.products::before{display: none;}
.woocommerce ul.products li > a{height: 100%; display: block; border: solid 1px #97AEBE33; width: 100%;}
.woocommerce ul.products li > a .cate-image{position: relative; padding-bottom: 90%;}
.woocommerce ul.products li > a .cate-image img,
.woocommerce ul.products li.product img.attachment-woocommerce_thumbnail{position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; max-width: 100% !important; display: block; object-fit: contain; padding: 24px;}
.woocommerce ul.products li a h2{font-size: 24px !important; font-weight: 600 !important; margin: 0 !important; text-align: center; padding: 30px 16px; display: block; border-top: solid 1px #97AEBE33;}
.woocommerce ul.products li a h2 .count{display: none;}
.woocommerce .woocommerce-result-count,
.woocommerce .woocommerce-ordering{display: none;}
.woocommerce ul.products li.product .button{display: none;}
.woocommerce-pagination{padding-top: 40px;}
.woocommerce-pagination ul.page-numbers{display: flex; flex-wrap: wrap; justify-content: center; gap:8px;}
.woocommerce-pagination ul.page-numbers .page-numbers{width: 32px; height: 32px; padding: 8px; display: flex; align-items: center; justify-content: center; background-color: #F5F5F5;}
.woocommerce-pagination ul.page-numbers .page-numbers.current{color: #97aebe;}

.woocommerce-product-gallery,
.single-product .entry .entry-content, .single-product .entry .entry-summary,
.single-product .summary .woocommerce-product-details__short-description{margin: 0 !important;}
.woocommerce-product-gallery__wrapper{border: solid 1px #97AEBE33;}
.single-product .summary p.price{display: none;}
.single-product h2{font-size: 44px; font-weight: 600; line-height: 1.2; padding-bottom: 16px;}
.single-product h3{font-size: 24px; font-weight: 600; line-height: 1.2; padding-bottom: 16px;}
.single-product .woocommerce-tabs ul li{padding: 0 0 0 20px; position: relative; list-style: disc;}
.single-product .woocommerce-tabs ul li:before{position: absolute; content: ""; width: 8px; height: 8px; background-color: #333333; left: 0; top: 0; border-radius: 100px; top: 10px;}
.single-product .woocommerce-tabs ul li{display: block !important;  margin-bottom: 5px;}
ul.tabs.wc-tabs{display: none;}
.woocommerce-tabs{display: inline-block; margin: 0; padding: 50px 0 0 0;}
.single-product strong{font-weight: 500;}


.frm-contact{display: flex; flex-wrap: wrap; flex-direction: column; gap:20px;}
.frm-contact .field-row{display: flex; flex-wrap: wrap; gap:20px;}
.frm-contact .field-row .half-input{width: calc(50% - 10px);}
.frm-contact .field-row .full-input{width: 100%;}
.frm-contact .field-row label,
.frm-contact .field-row br{display: none;}
.frm-contact .field-row input:not([type="submit"]),
.frm-contact .field-row textarea{font-family: 'Rubik', sans-serif; font-weight: 400; font-size: 16px; line-height: 1; color: #333333; padding: 15px; height: auto; border: 1px solid #e8e8e9; border-radius: 0px; width: 100%; outline: none;}
.frm-contact .field-row input[type="submit"]{background-color: #97aebe; padding: 15px 32px; line-height: 1; border-radius: 0; font-size: 16px; font-weight: 500; color: #ffffff; text-transform: uppercase; display: inline-block; border: none; outline: none; transition: 0.3s ease-in-out; cursor: pointer;}
.frm-contact .field-row input[type="submit"]:hover{background-color: #333333;}

.pum-theme-592 .pum-container, .pum-theme-lightbox .pum-container{border: 8px solid #97aebe !important;}
.pum-theme-592 .pum-content + .pum-close, .pum-theme-lightbox .pum-content + .pum-close{height: 32px !important; width: 32px !important; font-family: 'Rubik' !important; line-height: 24px !important; border-radius: 100px !important; font-size: 0 !important; background: #333333 url(./images/x.svg) center no-repeat !important; display: flex !important; align-items: center !important; justify-content: center !important; transition: 0.3s ease-in-out;}
.pum-theme-592 .pum-content + .pum-close:hover, .pum-theme-lightbox .pum-content + .pum-close:hover{background: #97aebe url(./images/x.svg) center no-repeat !important;}



@media only screen and (max-width: 1400px){
	.header-inner{column-gap: 30px;}
	.header-inner .header-nav .primary-menu-container ul{gap: 20px;}
	.footer-row1{column-gap: 32px;}
}

@media only screen and (max-width: 1260px){
	.footer-row1 .foot-col4 .tnp-field .tnp-email{min-width: 200px;}
/* 	.header-inner .header-logo img{max-width: 200px;} */
	.header-inner{column-gap: 20px;}
	.header-inner .header-right .wp-block-button a{padding: 18px; font-size: 14px;}
	.header-inner .header-nav .primary-menu-container ul li a{font-size: 14px;}
	.header-inner .header-nav .primary-menu-container ul{gap:10px;}
	.footer-row1{column-gap: 32px;}
}

@media only screen and (max-width: 1024px){
	.header-inner .header-nav,
	.header-inner .header-right{display: none;}
	header.site-header{padding: 15px 0;}
	body{padding-top: 119px;}
	.home-banner{min-height: 500px !important;}
	.footer-row1{flex-direction: column;}
	.footer-row1 > div{padding: 0;}
	.footer-row1{padding: 50px 0; text-align: center;}
	.footer-row1 .foot-col3{padding: 24px;}
	.footer-row1 .foot-col4 ul.c-info li a{justify-content: center;}
	.exp-right .imp-img{padding-left: 50px; padding-right: 28%;}
	.business-info .pp-info-box .pp-info-box-icon{width: 50px; height: 50px;}
	.business-info .pp-info-box .pp-info-box-content .pp-info-box-footer{position: relative; bottom: auto; right: auto; padding-top: 16px;}
	.testimonial .pp-slider-arrow{width: 40px; height: 40px;}
	#rmp_menu_trigger-348{top: 38px; right: 20px; outline: none;}
	.product-cate .category-inner{gap:32px;}
	.product-cate .cate-box{width: calc(50% - 16px);}
	.product-cate .cate-box .category .category-text h2{font-size: 22px;}
	.product-cate .cate-box .category .category-text h2 a{padding: 16px 16px;}
	.woocommerce ul.products li a h2{font-size: 22px !important; padding: 16px;}

	.woocommerce ul.products{gap:32px;}
	.woocommerce ul.products.columns-3 li.product{width: calc(50% - 16px) !important;}
	.woocommerce .content-area .site-main{padding: 50px 0;}
	.single-product h2{font-size: 34px;}
	.single-product h3{font-size: 22px;}
	.category-banner{min-height: 300px;}
	.category-banner .category-title{font-size: 50px;}
	.footer-row1 nav ul.menu li{max-width: 100%;}

}

@media only screen and (max-width: 767px){
	.exp-left .e-child{max-width: 100%; padding-right: 20px;}
	.exp-right .imp-img{padding-left: 20px; padding-right: 40%;}
	.product-cate .cate-box{width: 100%;}
	.product-cate .cate-box .category .category-text h2{font-size: 20px;}
	.woocommerce ul.products.columns-3 li.product{width: 100% !important;}
	.woocommerce ul.products li a h2{font-size: 20px !important;}
	.single-product h2{font-size: 30px;}
	.single-product h3{font-size: 20px;}
	.woocommerce #content div.product div.summary{margin-top: 32px !important;}
	.woocommerce-tabs{padding-top: 16px;}
	.category-banner{min-height: 200px;}
	.category-banner .category-title{font-size: 36px;}
	.frm-contact .field-row .half-input{width: 100%;}

}