/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/

body 
{
	font-family: "Noto Sans", sans-serif !important; 
	font-size: 16px !important; 
	color:#232323 !important; 
	font-weight: 400; 
}

header 
{
	margin:0 !important; 
}

.packing-heading h2 
{
	font-weight: 800; 
	font-size: 35px; 
	text-transform: uppercase; 
}

.my-heading h2 
{
	font-weight: 400; 
	font-size: 32px; 
}

.wd-logo img 
{
	padding-top: 18px !important; 
}

.whb-sticked .wd-logo img 
{
	padding-top:2px !important; 
}

header .wd-sub-menu li>a:hover {
    color: #7c00fe !important;
}

/*******************************/


.icon-list ul 
{
	display: flex; 
	justify-content: center; 
}

.icon-list ul li 
{
	flex-flow: column; 
	padding:1% 4%; 
	border-right: 2px solid #D8D8D8; 
	min-height: 125px; 
	transition: all 0.4s ease-in-out;
}

.icon-list ul li:hover 
{
	margin-top:-20px; 
	transition: all 0.5s ease-in-out; 
}

.icon-list ul li:last-child 
{
	border: none !important; 
}

.icon-list .list-content {
    font-size: 16px;
    font-weight: 600;
    margin-top: 10px;
}

.light-bg 
{
	background:#f6f6f6;
}

.ctrl-solution {
    min-height: 600px;
    justify-content: flex-end;
    padding: 20px;
    color: #FFF;
}

.text-white 
{
	color:#FFF; 
}

.learn-more-btn {
    background: #F9C627;
    padding: 5px 25px;
    color: #2C2C2C;
    border-radius: 5px;
    display: inline-block;
    font-weight: 500;
    font-family: "Noto Sans", system-ui;
    line-height: 32px;
}

.service-main .wd-image {
    overflow: hidden;
    max-height: 238px;
}

.big-yellow-text 
{
	color:#FFB84E; 
	font-size: 45px; 
	text-transform: uppercase; 
	font-weight: bold; 
}

.small-yellow-text 
{
	color:#FFB84E; 
	font-size: 30px; 
	text-transform: uppercase; 
	font-weight: bold; 
}

.white-text-sol 
{
	color:#fff; 
	font-size: 25px; 
	text-transform: uppercase; 
	font-weight: 500; 
}

.form-home-design input
{
	background:#FFF; 
	padding: 0 15px !important; 
	text-align: left;
	border-radius: 5px; 
	border: none; 
}

.form-home-design textarea
{
	background:#FFF; 
	border-radius: 10px;
	border: none;  
}

.submit-btn 
{
	background:#7C00FE !important; 
	color:#FFF !important; 
	text-transform: uppercase; 
	padding: 10px 30px; 
	font-weight: 400 !important; 
}


.blog-listing .categories-links {
    position: absolute;
    top: 232px;
    background: #F9C627;
    padding: 10px 30px;
    color: #000 !important;
	font-weight: bold !important; 
	text-transform: uppercase; 
}

.blog-listing .rt-tpg-container .rt-holder .tpg-el-image-wrap {
    margin: -15px -16px 30px !important;
}

.categories-links i 
{
	display: none; 
}

.faq-area .e-n-accordion-item-title 
{
	border: none !important; 
}

.faq-area .e-n-accordion-item 
{
	border-bottom: 2px solid #f5f5f5; 
}

.faq-area .e-n-accordion-item-title-text 
{
	font-weight: 600; 
}

.faq-area p 
{
	color:#000; 
	font-weight: 400; 
}

header .wd-nav-main>li>a, header .wd-nav-secondary>li>a
{
	text-transform: capitalize !important; 
	font-family: "Noto Sans", sans-serif !important;  
	font-weight: 400 !important; 
	font-size: 15px; 
	color:#333; 
}

.wd-nav[class*="wd-style-"]>li:is(.current-menu-item,.wd-active,.active)>a {
    color: #7c00fe;
}


.wd-nav[class*="wd-style-"]>li:hover>a {
    color: #7c00fe;
}

.bdt-ep-review-card-carousel-text p 
{
	color: #000; 
}

/**************** Play Btn *************/
.play-btn {
    width: 100px;
    height: 100px;
    background: radial-gradient(#FFB84E 60%, rgb(254 182 89) 62%);
    border-radius: 50%;
    position: relative;
    display: block;
    /* margin: 100px auto; */
    box-shadow: 0px 0px 25px 3px rgb(254 182 89); 
    margin: 0 auto;
}

/* triangle */
.play-btn::after {
    content: "";
    position: absolute;
    left: 43%;
    top: 50%;
    -webkit-transform: translateX(-40%) translateY(-50%);
    transform: translateX(-40%) translateY(-50%);
    transform-origin: center center;
    width: 0;
    height: 0;
/*     background: url(../images/phone-call.png) no-repeat center; */
    z-index: 100;
    -webkit-transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
    width: 53px;
    height: 52px;
}

/* pulse wave */
.play-btn:before {
    content: "";
    position: absolute;
    width: 150%;
    height: 150%;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation: pulsate1 2s;
    animation: pulsate1 2s;
    -webkit-animation-direction: forwards;
    animation-direction: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: steps;
    animation-timing-function: steps;
    opacity: 1;
    border-radius: 50%;
    border: 5px solid #FFB84E;
    top: -25%;
    left: -25%;
    background: rgba(198, 16, 0, 0);
}

@-webkit-keyframes pulsate1 {
    0% {
        -webkit-transform: scale(0.6);
        transform: scale(0.6);
        opacity: 1;
/*         box-shadow: inset 0px 0px 25px 3px rgba(255, 255, 255, 0.75), 0px 0px 25px 10px rgba(255, 255, 255, 0.75); */
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0;
        box-shadow: none;

    }
}

@keyframes pulsate1 {
    0% {
        -webkit-transform: scale(0.6);
        transform: scale(0.6);
        opacity: 1;
/*         box-shadow: inset 0px 0px 25px 3px rgba(255, 255, 255, 0.75), 0px 0px 25px 10px rgba(255, 255, 255, 0.75); */
    }

    100% {
        -webkit-transform: scale(1, 1);
        transform: scale(1);
        opacity: 0;
        box-shadow: none;

    }
}

/************  End Play btn *************/


header .site-logo .wd-logo img
{
	max-height: none; 
}

header .whb-general-header 
{
	border: none !important; 
}

header .whb-header-bottom 
{
	position: relative; 
	background: transparent !important; 
}

header .whb-header-bottom::before {
    content: '';
    position: absolute;
    border-top: 1px solid #E8E8E8;
    width: 59%;
    height: 2px;
    right: 0;
}

header 
{
	position: relative; 
}

header::after {
    content: '';
    position: absolute;
    width: 1px;
    height: 120px;
    background: #E8E8E8;
    left: 41%;
    top: 0;
    z-index: 999;
}



 


/******************************************/

.inner-banner h1
{
	color:#FFF; 
	text-transform: uppercase; 
	font-size: 40px; 
	line-height: 45px; 
}

.icon-heading 
{
	background:url(https://www.wlcpackaging.com.au/wp-content/uploads/2024/10/check-icon.png) no-repeat left; 
}

.wd-prefooter {
    padding-bottom: 0 !important; 
}

.elementor-template-full-width .row>[data-elementor-type] 
{
	margin-bottom:0 !important; 
}

.small-boolet-design .elementor-widget-container ul 
{
	list-style: none; 
	margin:0; 
	padding:0; 
}

.small-boolet-design .elementor-widget-container ul li
{
	position: relative; 
	padding-left: 25px; 
	 
}

.small-boolet-design .elementor-widget-container ul li::before 
{
	content:''; 
	position: absolute; 
	left:0; 
	width: 18px; 
	height: 18px; 
	background: url(https://www.wlcpackaging.com.au/wp-content/uploads/2024/10/small-boolet-design.png) no-repeat left; 
}

.packing-icon-text h3
{
	color:#232323 !important;
	font-size: 22px !important; 
	font-weight: 500 !important;
	margin-bottom: 10px !important; 
}

.packing-icon-text p 
{
	color:#232323 !important; 
}

.about-icon-text 
{
	background:#FFF; 
	padding: 15px; 
}

.about-icon-text .elementor-image-box-img {
    background-color: #F9C6271A;
    padding: 20px;
    border-radius: 50%;
    border: 1px solid #f7ebc9;
}

.about-icon-text h3 
{
	margin-bottom:10px; 
}

.about-icon-text .elementor-widget-container 
{
	margin: 0 !important; 
}

.about-icon-gray-bg 
{
	background:#f5f5f5 !important; 
}

.about-icon-gray-bg .elementor-image-box-img {
     
    border: 1px solid #f7ebc9;
}


.product-details .elementor-widget-container {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #D3D3D3;
    padding-bottom: 20px;
	flex-flow: wrap; 
}

.product-details .elementor-widget-container h3 
{
	font-size: 16px !important; 
	margin:0 !important; 
}

.product-details .elementor-widget-container p 
{
	font-size: 14px; 
	margin:0 !important; 
}

.purple-dot ul 
{
	list-style: none; 
	margin:0; 
	padding:0; 
}

.purple-dot ul li 
{
	position: relative; 
	padding-left: 20px; 
}

.purple-dot ul li::before {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    background: #7C00FE;
    border-radius: 50%;
    left: 0;
    top: 3px;
}


.hidden-over-roted .elementor-widget-container
{
	border-radius: 15px !important;
    overflow: hidden !important;
}

.hidden-over-roted .elementor-image-box-img 
{
	height: 230px !important; 
	overflow: hidden !important; 
}

.hidden-over-roted .elementor-image-box-img img 
{
	object-fit: cover !important; 
}

.rounded-number {
    text-align: center !important;
    background: #F9C627;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 600;
    margin: 0 auto;
    margin-bottom: 10px;
}

.process-list h3 
{
	margin-bottom: 10px; 
}

.process-list 
{
	min-height: 255px !important;
}

.hoverzoom .elementor-image-box-img
{
	overflow: hidden; 
	border-radius:20px; 
}

.hoverzoom .elementor-image-box-img img
{
	overflow: hidden; 
}

.hoverzoom .elementor-image-box-img img {
  width: 100%;
  transition: all .3s ease-in-out;
}

.hoverzoom .elementor-image-box-img img:hover   {
  transform: scale(1.2);
}


.hoverzoomother .elementor-image-box-img
{
	overflow: hidden; 
}

.hoverzoomother .elementor-image-box-img img
{
	overflow: hidden; 
}

.hoverzoomother .elementor-image-box-img img {
  width: 100%;
  transition: all .3s ease-in-out;
}

.hoverzoomother .elementor-image-box-img img:hover   {
  transform: scale(1.2);
}


/******/

.hoverzoom .elementor-widget-container
{
	overflow: hidden; 
	border-radius:20px; 
}

.hoverzoom .elementor-widget-container img
{
	overflow: hidden; 
}

.hoverzoom .elementor-widget-container img {
  width: 100%;
  transition: all .3s ease-in-out;
}

.hoverzoom .elementor-widget-container img:hover   {
  transform: scale(1.2);
}


.hoverzoomother .elementor-widget-container
{
	overflow: hidden; 
}

.hoverzoomother .elementor-widget-container img
{
	overflow: hidden; 
}

.hoverzoomother .elementor-widget-container img {
  width: 100%;
  transition: all .3s ease-in-out;
}

.hoverzoomother .elementor-widget-container img:hover   {
  transform: scale(1.2);
}


.rt-pagination .pagination-list>.active>a, .rt-pagination .pagination-list>.active>a:focus, .rt-pagination .pagination-list>.active>a:hover, .rt-pagination .pagination-list>.active>span, .rt-pagination .pagination-list>.active>span:focus, .rt-pagination .pagination-list>.active>span:hover {
    background-color: #F9C627 !important;
    border-color: #F9C627 !important;
    color: #000 !important;
    cursor: default;
    z-index: 3;
}

.rt-pagination .pagination-list>li>a:focus, .rt-pagination .pagination-list>li>a:hover, .rt-pagination .pagination-list>li>span:focus, .rt-pagination .pagination-list>li>span:hover {
    background-color: #F9C627 !important;
    border-color: #F9C627 !important;
    color: #000 !important;
    z-index: 2;
}

.post-single-page {
    text-align: left;
}

.post-single-page .entry-header img {
    border-radius: var(--wd-brd-radius);
    width: 100%;
	margin-bottom: 20px; 
}

.single  .content-layout-wrapper 
{
	margin: 50px 0; 
}

.single .sidebar-container {
    background: #f5f5f5;
    padding: 15px;
	 position: -webkit-sticky;
    position: sticky;
    top: 100px;
    margin-bottom: 0 !important;
}

.single #block-4, .single #block-5
{
	display: none; 
}

.single .wd-social-icons 
{
	text-align: left; 
}

.single .wp-block-search__inside-wrapper 
{
	flex-flow: wrap; 
}

.single .wp-block-search .wp-block-search__button {
    margin: 0;
    width: 100%;
    background: #7a26f8 !important;
    border: none !important;
    box-shadow: none !important;
    margin-top: 10px;
}

.single .wp-block-search .wp-block-search__input {
    padding: 0 15px !important;
    background: #FFF;
}

.single .post-single-page h2 
{
	font-size: 28px; 
}

.single .post-single-page h2, .single .post-single-page h3, .single .post-single-page h4 
{
	text-transform: capitalize; 
}

.single .post-single-page .article-body-container ul 
{
	padding:0; 
	list-style: none; 
}

.single .post-single-page .article-body-container ul li 
{
	padding-left: 20px; 
	position: relative; 
}

.single .post-single-page .article-body-container ul li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 6px;
    width: 8px;
    height: 8px;
    background: #7836f3;
    border-radius: 50px;
}

.single .wp-block-post-title, .wp-block-post-title>a, .single .wp-block-latest-comments__comment-link, .single .wp-block-latest-posts li>a, .single .wp-block-rss__item-title a 
{
	font-size: 15px; 
	position: relative; 
	padding-left: 20px; 
}

.single .wp-block-latest-posts li a:before {
    content: '';
    position: absolute;
    left: 0;
    top: 6px;
    width: 10px;
    height: 10px;
    background: #7836f3;
    border-radius: 50px;
}


.single .wp-block-categories-list li a
{
	position: relative; 
	font-size: 15px; 
	padding-left: 20px; 
}

.single .wp-block-categories-list li a:before {
    content: '';
    position: absolute;
    left: 0;
    top: 8px;
    width: 10px;
    height: 10px;
    background: #7836f3;
    border-radius: 50px;
}

.wd-post-cat.wd-style-with-bg {
    background-color: #e8a731;
}

 


.hover-slide {
  padding: 20px;
  background: lightgrey;
  transform: perspective(1px) translateZ(0);
  position: relative;
  transition: color 0.3s;
}
.hover-slide:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background: #F9C627;
  transform: scaleY(0);
  transform-origin: 0 100%;
  transition: transform 0.3s ease-out;
}
.hvr-sweep-to-right:hover {
  color: white;
}
.hover-slide:hover:before {
  transform: scaleY(1);
}


/**************** Footer **********************/

footer 
{
	background:#1D1D1D !important; 
}

footer .copyrights-wrapper {
    border-top: 1px solid var(--brdcolor-gray-300);
	background:#0D0D0D; 
}


footer .widget-title 
{
	color:#FFF; 
	font-size: 25px; 
	font-weight: 400; 
}

#text-4 p 
{
	color:#FFF !important; 
}

footer a 
{
	color:#FFF !important; 
}

#text-2  
{
	margin-bottom:0; 
}

#text-2 ul li 
{
	color:#FFF; 
	display: flex;
    align-items: center;
}

#text-2 ul li a 
{
	color:#FFF; 
}

#text-2 ul li i 
{
	color:#F9C627; 
	margin-right: 10px; 
	font-size: 20px; 
}

#text-2 ul li .fa-phone 
{
	rotate: 90deg;
}

.footer-social 
{
	display: flex; 
}

.footer-social li a {
    width: 30px;
    height: 30px;
    background: #F9C627;
    border-radius: 50%;
    display: flex;
    flex: 0 0 30px;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
	color:#1D1D1D; 
}

#custom_html-3 
{
	margin-bottom:0 !important; 
}

#text-3 
{
	margin-bottom:0 !important; 
}

footer .footer-column-2 
{
	display: flex; 
	justify-content: space-between; 
}

.nav_menu-2 
{
	margin:0; 
	padding:0; 
}

#nav_menu-3 {
    margin-top: 54px;
}

footer ul li, footer ul li a   
{
	font-size: 14px; 
}

#menu-footer-2nd-menu ul li 
{
	position: relative; 
}

#menu-footer-2nd-menu ul li::before {
    content: '';
    position: absolute;
    left: -14px;
    width: 8px;
    height: 2px;
    background: #FFF;
    top: 8px;
}

.icon-contact span.elementor-icon-list-icon {
    background: #ffffff;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 50%;
	border: 1px solid #e5e5e5;
}

.icon-contact span.elementor-icon-list-icon svg 
{
	margin:0 !important; 
}


/**********************************/




@media (max-width: 1023.98px) { 
	
	header::after 
	{
		display: none; 
	}
	
	header .whb-header-bottom::before 
	{
		display: none; 
	}
}
@media (max-width: 767.98px) {
	
	.service-main .wd-image {
    overflow: hidden;
    max-height: 100%;
}
	
	
}

@media (max-width: 575.98px) {  
	
	.wd-logo img {
		padding-top: 3px !important;
	}
	
	.icon-list ul {
    flex-flow: column;
	}
	
	.icon-list ul li 
	{
		border: none; 
	}
	
	.wd-widget-collapse .widget-title:after 
	{
		background:#FFF; 
	}
	
	footer .footer-column-2 
	{
		flex-flow: column; 
	}
	
	.section-flip-mobile .e-con-inner
	{
		flex-flow: column-reverse !important;
	}
	
	.packing-heading h2 {
     
    font-size: 24px;
     
}
	
	
 

}