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

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

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

:root {
	--wd-text-font: "Onest", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #333333;
	--wd-text-font-size: 16px;
	--wd-title-font: "Figtree", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: #000000;
	--wd-entities-title-font: "Figtree", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 600;
	--wd-entities-title-color: #000000;
	--wd-entities-title-color-hover: #FF5C00;
	--wd-alternative-font: "Onest", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Figtree", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: capitalize;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Onest", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 600;
	--wd-header-el-transform: capitalize;
	--wd-header-el-font-size: 16px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: #FF5C00;
	--wd-alternative-color: #000000;
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: #83b735;
	--btn-accented-bgcolor-hover: #74a32f;
	--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: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left 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: #ffffff;
	background-image: none;
}
html .wd-nav-mobile > li > a {
	font-family: "Onest", Arial, Helvetica, sans-serif;
	font-weight: 600;
	font-size: 16px;
	line-height: 22px;
	text-transform: capitalize;
	color: rgb(0,0,0);
}
html .wd-nav-mobile > li > a:hover, html .wd-nav-mobile > li.current-menu-item > a {
	color: rgb(255,92,0);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 0px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 0px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-default-box-shadow-active: none;
--btn-default-bottom: 0px;
--btn-accented-bottom-active: -1px;
--btn-accented-brd-radius: 0px;
--btn-accented-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
--btn-accented-box-shadow-hover: inset 0 -2px 0 rgba(0, 0, 0, .15);
--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: #0a0a0a;
}

a{
	text-decoration: none !important;
}
:root { 
    --wd-scroll-w: 0px !important;
}
/* html {
    scroll-behavior: smooth !important;
} */
.home.page-id-94 .whb-general-header{
	background-color: transparent;
}
.home.page-id-94 .wd-content-layout, .page-id-99 .wd-content-layout, .page-id-101 .wd-content-layout, .page-id-126 .wd-content-layout, .page-id-97 .wd-content-layout, .page-id-1851  .wd-content-layout{
    padding-block: 0px;
}
.wd-content-layout {
    padding-block: 0px !important;
}
.whb-general-header .whb-col-right a.btn.btn-style-default {
    text-transform: capitalize !important;
    font-size: 16px;
	line-height: 26px;
}
.whb-general-header .whb-col-right .btn-size-large {
    padding: 14px 35px;
}
.top-text {
    font-size: 14px !important;
}
/* ==================================== page_title ================================== */

.wd-page-title.page-title {
    min-height: 300px;
    align-content: center;
}
h1.entry-title.title{
	font-size: clamp(2.5rem, 2.28762rem + 0.90615vw, 3.375rem) !important;
	line-height: normal !important;
}
/* =================================== home page ====================================== */
.banner_sec{
		position:relative;
}
.banner_sec:after{
	content: '';
		position: absolute;
	top: 0px;
		left: 50%;
	transform: translatex(-50%);
	background-image: url(https://getwebsite.io/wp-content/uploads/2025/12/bg_png_chex.png);
}
.social_box_col h6.elementor-icon-box-title {
    margin: 0px !important;
}
.step_box .elementor-icon {
	position: relative;
    font-size: 20px;
    padding: 8px;
    height: 40px;
    width: 40px;
	overflow: hidden;
    line-height: 1px !important;
}
.step_box svg.e-font-icon-svg.e-fas-long-arrow-alt-right {
    display: none;
}
.icon_step .elementor-icon:before {
    content: '01.';
	font-family: 'Figtree';
	font-weight: 600;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, 50%);
}
.process.step_box.box_5:before{
	  width: 0px;
    height: 0x;
}
.step_box.box_1, .step_box.box_2, .step_box.box_3, .step_box.box_4, .step_box.box_5{
	 position: relative;
}
.step_box.box_1:before, .step_box.box_3:before, .step_box.box_5:before{
    content: '';
    position: absolute;
    top: -40px;
    left: unset;
    right: -100px;
    width: 156px;
    height: 32px;
    background-repeat: no-repeat;
    background-image: url(https://getwebsite.io/wp-content/uploads/2025/12/imgi_1_default.png);
}
.step_box.box_2:before, .step_box.box_4:before{
    content: '';
    position: absolute;
    top: unset;
    left: unset;
	bottom: -40px;
    right: -100px;
    width: 156px;
    height: 32px;
    background-repeat: no-repeat;
    background-image: url(https://getwebsite.io/wp-content/uploads/2025/12/imgi_1_default-1.png);
}
.box_2 .icon_step .elementor-icon:before {
	content: '02.';
}
.box_3 .icon_step .elementor-icon:before{
	 content: '03.';
}
.box_4 .icon_step .elementor-icon:before{
	 content: '04.';
}
.box_5 .icon_step .elementor-icon:before{
	 content: '05.';
}
.box_6 .icon_step .elementor-icon:before{
	 content: '06.';
}

.service_sec .ue_cards_wrapper.uc-items-wrapper {
    margin: 0px !important;
}
.btn_hover{
	border-radius: 5px;
	padding: 14px 35px;
	color: #ffffff;
	background-color: #FF5C00;
}
.btn_hover:hover{
	color: #ffffff;
	background-color: #000000;
}
/* =================================== project ======================================= */
.project_sec .project_col .entry-header{
	border-radius: 10px;
}
.single_project_sec .modula-gallery .modula-items .modula-item {
    visibility: visible;
    border-radius: 10px;
}
.single-portfolio .wd-single-project.wd-entry-content {
    margin-bottom: 20px;
}


/* ================================ post ===================================== */
.post.type-post .wd-negative-gap.elementor-element-5005e753 .e-con-inner {
/*     padding: 0px !important; */
}
.post.type-post .wd-negative-gap.elementor-element-5005e753 {
    margin-bottom: 0px;
}
.blog_sec .wd-post-excerpt.entry-content {
    color: #333333;
}
.blog_sec  .wd-post-inner.article-inner, .blog_sec  .wd-post-inner.article-inner .wd-post-thumb, .blog_sec  .wd-post-inner.article-inner  .wd-post-content {
    border-radius: 10px !important;
}

/*===================  services page  ====================*/

.service-box{
    position: relative;
    overflow: hidden;
    background: #fff;
    transition: all .4s ease;
}

.service-box:hover{
    background: #FF5C00 !important;
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(0,0,0,.15);
}

.service-box:hover h4,
.service-box:hover .elementor-widget-container,
.service-box:hover .elementor-heading-title,
.service-box:hover .elementor-icon-list-text{
    color: #fff !important;
}

.service-box:hover a {
	 color: #fff !important;
}

.service-box .service-icon{
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
}

.service-box .service-icon::after{
    content: "";
    position: absolute;
    top: 70%;
    left: 90%;
    width: 40px;
    height: 40px;
    background: #ff7d4414 !important;
    border-radius: 50%;
    transform: translate(-50%,-50%) scale(1);
    z-index: -1;
}

.service-box:hover .service-icon::after{
   background: rgba(255, 255, 255, 0.15) !important;
    animation: bubbleBounce .5s ease;
}

.service-box:hover .service-icon::after{
    animation: bubbleBounce .5s ease;
}

@keyframes bubbleBounce{
    0%{
        transform: translate(-50%,-50%) scale(1);
    }
    50%{
        transform: translate(-50%,-50%) scale(.76);
    }
    100%{
        transform: translate(-50%,-50%) scale(1);
    }
}

.service-box:hover .service-icon,
.service-box:hover .service-icon i,
.service-box:hover .service-icon svg,
.service-box:hover .service-icon .elementor-icon{
    color: #fff !important;
    fill: #fff !important;
}

.service-button{
    position: relative;
    display: inline-block;
    color: #FF5C00;
    padding: 0 14px;
    text-decoration: none;
    transition: .3s ease;
}

.service-button::before,
.service-button::after{
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 2px;
    height: 14px;
    background: #FF5C00;
    transition: .3s ease;
}

.service-button::before{
    left: 0;
}

.service-button::after{
    right: 0;
}

.service-box:hover .service-button{
    color: #fff !important;
}

.service-box:hover .service-button::before,
.service-box:hover .service-button::after{
    background: #fff !important;
}

.service-box:hover .service-button span{
    color: #fff !important;
}

.service-box:hover .service-devider .elementor-divider-separator{
    background-color: #fff !important;
}

/*=====================  Location  ===================*/


.location-box{
    position: relative;
    overflow: hidden;
    background: #fff;
    transition: all .45s cubic-bezier(.4,0,.2,1);
}

.location-box:hover{
    box-shadow: 0 20px 40px rgba(0,0,0,.15);
}

.location-box .location-icon{
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all .45s ease;
    z-index: 2;
}

.location-box .location-icon::after{
    content: "";
    position: absolute;
    top: 70%;
    left: 90%;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgba(255,125,68,.08);
    transform: translate(-50%,-50%) scale(1);
    transition: all .45s ease;
    z-index: -1;
}

.location-box:hover .location-icon{
    color: #000 !important;
}

.location-box:hover .location-icon i,
.location-box:hover .location-icon svg,
.location-box:hover .location-icon .elementor-icon{
    color: #000 !important;
    fill: #000 !important;
}

.location-box:hover .location-icon::after{
    background: rgba(0,0,0,.08) !important;
    animation: bubbleBounce .5s ease;
}

@keyframes bubbleBounce{
    0%{
        transform: translate(-50%,-50%) scale(1);
    }
    50%{
        transform: translate(-50%,-50%) scale(.78);
    }
    100%{
        transform: translate(-50%,-50%) scale(1);
    }
}

.location-button{
    position: relative;
    display: inline-block;
    color: #FF5C00;
    padding: 0 14px;
    text-decoration: none;
    transition: .3s ease;
}

.location-button::before,
.location-button::after{
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 2px;
    height: 14px;
    background: #FF5C00;
    transition: .3s ease;
}

.location-button::before{
    left: 0;
}

.location-button::after{
    right: 0;
}

.location-box:hover .location-button{
    color: #000 !important;
}

.location-box:hover .location-button::before,
.location-box:hover .location-button::after{
    background: #000 !important;
}

.location-box:hover .location-button span{
    color: #000 !important;
}

















/* ================================= responsive ============================== */



@media only screen and (min-device-width : 1025px) and (max-device-width : 1280px){
.website_works_sec, .step_5_sec{
	padding-right: 10px;
	padding-left: 10px;
	}
	.vs_col{
 padding: 10px 8px;
}
	.testi_sec .testi_col{
    gap: 19px !important;
}
	.process_sec{
	   flex-wrap: wrap !important;
		justify-content: center;
	}
	.process_sec > div{
	  width: 31% !important;
	}
	
}
@media only screen and (min-device-width : 1281px) and (max-device-width : 1366px){
    .website_works_sec, .step_5_sec{
	padding-right: 70px;
	padding-left: 70px;
	}
	.vs_col{
 padding: 10px 8px;
}
	.testi_sec .testi_col{
    gap: 19px !important;
}
		.process_sec{
	   flex-wrap: wrap !important;
			justify-content: center;
	}
	.process_sec > div{
	  width: 31% !important;
	}
}

@media only screen and (min-device-width : 320px) and (max-device-width : 1440px){
.wd-section-stretch-content {
	padding-left:10px !important;
	padding-right:10px !important;
}
}

@media only screen and (min-device-width : 1367px) and (max-device-width : 1440px){
    .website_works_sec{
	padding-right: 130px;
	padding-left: 20px;
	}
	.step_5_sec{
	padding-right: 70px;
	padding-left: 70px;
	}
		.process_sec{
	   flex-wrap: wrap !important;
			justify-content: center;
	}
	.process_sec > div{
	  width: 31% !important;
	}
}

@media only screen and (min-device-width : 1441px) and (max-device-width : 1600px){
    .website_works_sec{
	padding-right: 170px;
	padding-left: 20px;
	}
	.step_5_sec{
	padding-right: 70px;
	padding-left: 70px;
	}
}
@media only screen and (min-device-width : 1601px) and (max-device-width : 1800px){
    .website_works_sec{
	padding-right: 240px;
	padding-left: 60px;
	}
	.step_5_sec{
	padding-right: 100px;
	padding-left: 100px;
	}
}@media (min-width: 768px) and (max-width: 1024px) {
	.step_box.box_1:before, .step_box.box_2:before, .step_box.box_3:before, .step_box.box_4:before,  .step_box.box_5:before{
	 display: none;
}
.wd-page-title.page-title {
    min-height: 200px;
    align-content: center;
}
.single-portfolio .wd-single-project.wd-entry-content {
    margin-bottom: 10px;
}
/* .wd-products, .project_sec .wd-portfolio-element .wd-projects.wd-masonry.wd-grid-f-col{
	--wd-col-md: 2 !important;
}	 */
}

@media (min-width: 577px) and (max-width: 767px) {
	.step_box.box_1:before, .step_box.box_2:before, .step_box.box_3:before, .step_box.box_4:before,  .step_box.box_5:before{
	 display: none;
}
.wd-page-title.page-title {
    min-height: 200px;
    align-content: center;
}
.single-portfolio .wd-single-project.wd-entry-content {
    margin-bottom: 10px;
}
/* .wd-products, .project_sec .wd-portfolio-element .wd-projects.wd-masonry.wd-grid-f-col{
	--wd-col-md: 2 !important;
}	 */
/* .wd-carousel.wd-grid {
	--wd-col-md: 2 !important;
} */

    
}

@media (max-width: 576px) {
	.step_box.box_1:before, .step_box.box_2:before, .step_box.box_3:before, .step_box.box_4:before, .step_box.box_5:before{
	 display: none;
}
/* span.nav-link-text {
    text-transform: capitalize;
    font-size: 16px;
} */
.wd-page-title.page-title {
    min-height: 180px;
    align-content: center;
}
.wd-products, .wd-posts {
	--wd-col-sm: 1 !important;
}	
.wd-carousel.wd-grid {
	--wd-col-sm: 1 !important;
}
.single-portfolio .wd-single-project.wd-entry-content {
    margin-bottom: 0px;
}
.wd-products,  .project_sec .wd-portfolio-element .wd-projects.wd-masonry.wd-grid-f-col{
	--wd-col-sm: 1 !important;
}	

}