/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/

.header-logo img
{
	width:140px!important;
}

.chain-box .fusion-column-wrapper:hover
{
  filter: drop-shadow(0px 1px 20px rgba(37,37,37,0.1))!important;
}

.topbar-menu-right .menu-item:not(.menu-item-home) .fusion-megamenu-icon {
    background-image: linear-gradient(180deg, #66d880 0%, #041473 100%);
    padding: 5px !important;
    margin-right: 10px;
}

.topbar-menu-right .menu-item:not(.menu-item-home) .fusion-megamenu-icon i:before
{
	color:#fff!important;
	font-size:20px!important;
}

.chain-box .fusion-accordian {
    text-align: center;
}

.chain-box .fusion-toggle-heading
{
	margin-right:0px!important;
}

.chain-box .toggle-content ul {
    padding: 0;
	margin:0;
}

.chain-box .toggle-content ul li{
    list-style:none;
}

.chain-box .toggle-content ul li a{
    color:#000!important;
}

.chain-box .toggle-content ul li a:hover, .chain-box .panel-title a:hover{
    color:#66d880!important;
}

.chain-box .panel-title a, .quk-contact a:hover
{
	color:#1ca4bd!important;
}

.chain-box .fusion-imageframe
{
	overflow:visible!important;
}

.chain-box .fusion-imageframe:before {
    content: '';
    background: #f2f2f2;
    position: absolute;
    width: 65px;
    height: 65px;
    border-radius: 50%;
    left: -8px;
    top: -8px;
    opacity: 0.7;
    z-index: -1;
}

.bg-title {
    background: #fff;
	padding:15px 0px;
}

.gradient-bg {
    background-image: linear-gradient(90deg, #65d77f 0%, #1ba3bd 50%, #050d69 100%);
    opacity: 90%;
}

.supply-box .fusion-column-wrapper:hover, .bg-style{
    background-image: linear-gradient(90deg, #65d77f 0%, #1ba3bd 50%, #050d69 100%)!important;
}

.btn-style
{
  background-size:150% 100%!important;
  background-position: center!important;
  transition: background-position 0.5s ease-in!important;
  background-image: linear-gradient(90deg, #65d77f 0%, #1ba3bd 50%, #050d69 100%)!important;
}

.btn-style:hover
{
	background-position: right center!important;
}

.hover-layer {
    height: calc(100% - 74px);
}

.industry-box .fusion-column-wrapper:hover .bg-title {
    background: #1ca4bd;
}

.industry-box .fusion-column-wrapper:hover .bg-title h4, .quk-contact a{
    color: #fff!important;
}

.supply-box
{
	clip-path: polygon(100% 0, 100% 50%, 82% 100%, 0 100%, 0 0);
}

.counter-block .counter-desc {
    font-size: 14px;
    line-height: 20px;
    font-weight: 300;
    font-family: "Outfit";
	text-transform: none;
	padding-top:15px!important;
}

.counter-block .counter-box-content {
    text-transform: uppercase;
    font-family: "Outfit";
    line-height: 24px;
	padding-top:15px!important;
}

.why-cold .fusion-builder-row {
    filter: drop-shadow(0 0 30px rgba(0, 0, 0, 0.1));
    background:#fff!important;
	margin:0px 0px 20px!important;
	min-height:180px!important;
	overflow:hidden!important;
}

.why-cold .img-block:before {
    content: '';
    position: absolute;
    left: -10px;
    width: 100%;
    height: 160px;
    border: 1px dashed #66d880;
    top: -15px;
}

.ftr-form .content-box-column
{
	display: flex;
    justify-content: center;
	margin-bottom: 10px !important;
}

.insight-list li {
    margin-bottom: 15px;
}

.clip-bg
{
   clip-path: polygon(8% 0%, 100% 0, 100% 100%, 0% 100%);
}

.toggle-image img
{
	height: 123px;
    object-fit: cover;
    object-position: top;
    transition: height 1s;
}

.toggle-image:has(+ .toggle-txt a.active) img{
    height: 203px!important;
}

.quk-contact
{
	clip-path: polygon(0% 0%, 100% 0, 93% 100%, 0% 100%);
}

.quk-form .nf-field-container
{
	margin-bottom:0px!important;
}

.quk-form .nf-form-content
{
	padding-bottom:0px!important;
}

.quk-form .button-icon-left
{
	margin-right:10px!important;
}

.ftr-form textarea
{
	height:160px!important;
}

.ftr-form .nf-field-container {
    margin-bottom: 15px !important;
}

.unit
{
	font-size:42px!important;
}

.display-counter, .unit
{
   font-weight: 700;
   font-family: "Outfit";
	position:relative;
}

.counter-block img
{
	padding:18px!important;
}

.counter-box-container
{
	padding:20px 0px!important;
}

.privacy .wp-block-heading {
    margin-bottom: 20px;
}

.mb-br, .home .fusion-page-title-bar
{
	display:none!important;
}

.ftr-form a, .ftr-copy a, .toggle-block .panel-title a
{
	color:#000!important;
}

.ftr-form a:hover, .ftr-copy a:hover
{
	color:#1ca4bd!important;
}


.quk-form .nf-form-content .list-select-wrap .nf-field-element > div {
	background: #fff;
	color:#000;
	opacity:1;
}

.quk-form .nf-form-content select.ninja-forms-field option {
	background: #fff;
	color:#000;
	opacity:1;
}

.quk_form .nf-form-content select.ninja-forms-field:focus {
	background: #fff !important;
	color:#000;
	opacity:1;
}

.ftr-form  .nf-form-content .list-select-wrap .nf-field-element > div {
	background: #fff;
	color:#000!important;
}

.ftr-form .nf-form-content select.ninja-forms-field option {
	background: #fff;
	color:#000!important;
}

.ftr-form .nf-form-content select.ninja-forms-field:focus {
	background: #fff!important;
	color:#000!important;
}

.quk-form .nf-form-content .list-select-wrap > div div::after {
	content: "\f0d7" !important;
	color: #000 !important;
}

.ftr-form .nf-form-content .list-select-wrap > div div::after {
	content: "\f0d7" !important;
	color: #000 !important;
}

.quk-form ::-webkit-input-placeholder { /* Edge */
  color: #000!important;
  opacity:1!important;
}

.quk-form :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #000!important;
  opacity:1!important;
}

.quk-form ::placeholder {
  color: #000!important;
  opacity:1!important;
}

.ftr-form ::-webkit-input-placeholder { /* Edge */
  color: #000!important;
  opacity:1!important;
}

.ftr-form :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #000!important;
  opacity:1!important;
}

.ftr-form ::placeholder {
  color: #000!important;
  opacity:1!important;
}

.ftr-form .nf-field-description, .ftr-form .nf-error-msg, .white-txt-link a
{
	color:#fff!important;
}

.footer-logo img
{
  width:280px!important;
}

.supply-box::before
{
	content:'';
	position:absolute;
	right:0;
	width:100px;
	height:100px;
}

#step-one::before
{
	background-image:url('/wp-content/uploads/2025/12/Consult-Plan.svg');
}

#step-two::before
{
	background-image:url('/wp-content/uploads/2025/12/Receive-Store.svg');
}

#step-three::before
{
	background-image:url('/wp-content/uploads/2025/12/Pick-Pack-Ship.svg');
}

#step-four::before
{
	background-image:url('/wp-content/uploads/2025/12/Deliver-Replenish.svg');
}

.toggle-block {
  /* Set "my-sec-counter" to 0 */
  counter-reset: my-sec-counter;
}

.toggle-block .fusion-builder-row .fusion-accordian .panel-heading::before {
  /* Increment "my-sec-counter" by 1 */
    counter-increment: my-sec-counter;
    content: "0" counter(my-sec-counter);
    position: absolute;
    font-size: 36px;
    color: #000000;
    font-weight: 100;
    font-family: "Montserrat";
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    left: -60px;
} 

.toggle-block .fusion-panel
{
	padding-left:100px!important;
}

.toggle-block .panel-heading
{
	position:relative;
}

.panel-heading:has(.panel-title a.active)::before
{
	color:#1ca4bd!important;
}

.toggle-block .active-icon
{
    border: 1px solid #1ca4bd;
    border-radius: 50%;
    padding: 5px!important;
}


@media only screen and (max-width:800px)
{
	h1
	{
		font-size:34px!important;
		line-height:1.3!important;
	}
	
	h2
	{
		font-size:22px!important;
		line-height:1.3!important;
	}
	
	h3
	{
		font-size:20px!important;
	}
	
	h4
	{
		font-size:16px!important;
	}
	
	p, li, .fusion-button, .counter-box-content , .panel-body
	{
		font-size:14px!important;
		line-height: 22px!important;
	}
	
	.display-counter, .unit
	{
		font-size:32px!important;
	}
	
	.counter-box-container
    {
	padding:0px!important;
    }
	
	.fusion-counters-box .content-box-counter
	{
		line-height:42px!important;
	}
	
	.fusion-counters-box .fusion-counter-box
	{
	padding:0px!important;
	}
	
	.ftr-form .nf-field-container
	{
		margin-bottom:0px!important;
	}
	
	.ftr-copy p
	{
		margin:0px!important;
	}
	
	#ftr-contact img
	{
		width:280px!important;
	}
	
	#ftr-contact .menu-item
	{
		padding-bottom:0px!important;
	}
	
	.mb-br
	{
		display:block!important;
	}
	
	.sep, .lg-br, .hm-certificate .awb-background-pattern
	{
		display:none!important;
	}
	
	.gradient-bg-mb
	{
		--awb-background-image: linear-gradient(180deg, #e5f6f8 40%, var(--awb-color1) 40%)!important;
	}
	
	.ftr-nav .awb-menu__main-li {
    margin-left: 10px;
    margin-right: 10px;
   }
	
	.chain-box img
	{
		width:54px!important;
	}
	
	.hover-layer {
      height: calc(100% - 88px);
    }
	
	.hover-layer p
	{
		line-height: 1.2 !important;
		margin-bottom:0px!important;
	}
	
	.bg-title {
    height: 68px !important;
    display: flex;
    align-content: center;
    }
	
	.bg-title h4
	{
		padding:0px 5px!important;
	}
	
	.supply-box, .clip-bg
	{
		clip-path:none!important;
	}
	
	.steps .fusion-text {
      order: 1;
    }
	
	.steps .fusion-builder-row {
      order: 2;
     }
	
	.steps .fusion-title {
      order: 3;
     }
	
	.supply-box {
     height: 150px;
    }
	
	.steps .fusion-title h4
	{
		font-size:14px!important;
	}
	
	.why-cold .img-block:before {
    left: 0!important;
    width: 110px;
    height: 90px;
    right: 0;
    margin: auto;
   } 
	
	.ftr-form .content-box-column {
    width: 50%;
    float: left;
    }
	
	.footer-logo img
	{
		width:150px!important;
	}
	
	.toggle-block .fusion-panel {
       padding: 0px 10px !important;
    }
	
	.toggle-block .fusion-toggle-heading {
      font-size: 16px !important;
     }
	
	.toggle-block .panel-heading
	{
		margin-left:50px!important;
	}
	
	.toggle-block .fusion-builder-row .fusion-accordian .panel-heading::before
	{
		font-size:24px!important;
	}
 
}


@media only screen and (max-width:1024px) and (min-width:580px)
{
	h1
	{
		font-size:34px!important;
		line-height:1.3!important;
	}
	
	h2
	{
		font-size:27px!important;
		line-height:1.3!important;
	}
	
	h3
	{
		font-size:22px!important;
	}
	
	h4
	{
		font-size:18px!important;
	}
	
	p, #menu-footer-menu li, .nf-element, li, .fusion-button
	{
		font-size:14px!important;
		line-height: 22px!important;
	}
	
	.fusion-li-item .icon-wrapper
	{
		height:26px!important;
		width:26px!important;
	}
	
	.display-counter, .unit
	{
		font-size:30px!important;
	}
	
	.counter-box-content
	{
		font-size:16px!important;
		line-height:20px!important;
	}
	
	.form-block .nf-cell
	{
		width:100%!important;
	}
	
	.sep
	{
		display:inline-block!important;
	}
	
	.mb-br
	{
		display:none!important;
	}
	
	.why-cold .img-block:before {
    height: 160px;
   } 
	
	.toggle-block .fusion-panel
	{
		padding:30px!important;
	}
	
	.quk-contact
	{
		clip-path:none!important;
	}

}

@media only screen and (max-width:1700px) and (min-width:1380px)
{
	
	.top-phone
	{
		--awb-width-large:22%!important;
	}
	
	.top-links
	{
		--awb-width-large:22%!important;
	}
	
	.awb-menu__main-li
	{
		margin-left:10px!important;
		margin-right:10px!important;
	}
	
	.ftr-copy
	{
		--awb-padding-right: 3%!important;
        --awb-padding-left: 3%!important;
	}
	
	.industry-box h4
	{
		font-size:16px!important;
	}
	
	.hover-layer {
      height: calc(100% - 69px);
    }
	
	.topbar-menu-right {
    --awb-padding-left: 30px !important;
    }
	
	.spacer-block
	{
		display:none!important;
	}
	
	.bg-circle
	{
	   --awb-background-size: 60%!important;
	}
	
	.txt-size
	{
		--awb-font-size:18px!important;
	}
	
	.compatible p
	{
		font-size:14px!important;
	}
	
}

/******** Mobile Footer Block Code ********/

@media only screen and (max-width: 800px) {
 .mobilepopup {
    display: block !important;
  }  
}
.mobilepopup {
	background: #1ca4bd;
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 9999;
	display: none;
  left: 0;
  right: 0;
}

.popup-title {
	margin: 0;
	padding: 10px;
	text-align: center;
	color: #FFFFFF !important;
	font-size: 18px !important;
	letter-spacing: 0.8px !important;
	border-bottom: 1px solid #FFF;
	font-weight: bold;
}

.popup-title a, .popup-title a:hover {
	color: #FFFFFF !important;
}

.mobile img, .mobile span {
	vertical-align: middle;
}

.mobile.sms{
	border-right: 1px solid #FFF;
}

.mobile {
	width: 50%;
	float: left;
	text-align: center;  
}

.mobile img {
	display: inline-block;
  width: 24px;
}

.mobile span {
	margin-left: 8px;
	color: #FFF;
	font-size: 14px;
	font-weight: 700;
}

.mobile a {
	padding: 20px 0;
	display: block;
}

.mobile {
	width: 33.3%;
	float: left;
	text-align: center;
}