ul, ol{ list-style: none; padding: 0; margin: 0; }
.space-between { justify-content: space-between; }
.d-flex{ display: flex ; flex-wrap: wrap; }
.align-center{ align-items: center; }
.justify-center{ justify-content: center; }
.footer { background-color: #034752; color: #fff; }
.footer p,
.footer label,
.footer span { color: #fff; }
.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5,
.footer h6 { color: #72DC00; }
.footer a { color: #fff; }
.footer a:hover { color: #72DC00; }

/* CSS START */

button.slick-arrow { background: url(https://www.forkfarms.com/hubfs/Fork%20Farms/Images/left-arrow.svg) no-repeat center / cover; width: 18px; height: 28px; left: -15px; z-index: 9; }
button.slick-arrow:before { content: none; }
button.slick-arrow.slick-next { left: auto; right: -15px; background: url(https://www.forkfarms.com/hubfs/Fork%20Farms/Images/right-arrow.svg) no-repeat center / cover; }

.body-container-wrapper { padding-top: 107px; }
.btn-wrapper { grid-gap: 20px; margin-top: 20px; }

/* HEADER */
.header { background: #fff; position: fixed; top: 0; left: 0; width: 100%; font-size: 14px; z-index: 999; }
.header .logo { width: 190px; }
.header .logo img { max-height: 44px; height: 100%; }
.header .header-right { width: calc(100% - 190px); padding-left: 80px; }
.header .mainmenu { width: calc(100% - 20px); padding-right: 30px; }
.header .header-icon { width: 20px; }
.header .header-icon li{ font-size: 14px; line-height: 1.125rem; }
.header .header-icon li a { display: inline-block; vertical-align: top; width: 100%; line-height: 0; }
.header .header-icon li a img { width: 20px; }
.header .header-icon li a:hover svg, .header .header-icon li a:hover img { transform: scale(1.07); opacity: 0.9; }
.header .header-icon li.search-box svg path{ fill:#064752 } 
.header .header-icon li.search-box:hover svg { transform: scale(1.07); opacity: 0.9;  }
.header .header-icon li + li { margin-left: 20px; }
.header .search-box a svg { height: auto; width: 20px; }
#search-popup form button { display: none; }
#search-popup { width: 100%; background: transparent; padding: 80px 0 50px; max-width: 1016px; }
#search-popup form input { height: 56px; background-color: #FFF; border: 1px solid ; color: ; border-radius: 0; padding: 8px 20px 12px; ; font-size: 16px; outline: none; }
#search-popup button { color: #FFF; padding: 0; }
.fancybox-is-open .fancybox-bg { background: rgb(3 71 82/70%); }
/*#search-popup .hs-search-field__suggestions-container { background: #fff; margin-top: 15px; border: 1px solid ; padding: 10px; }*/
ul#autocomplete-results li { background: #fff; padding: 10px 20px; margin: 0 1px; }
#search-popup.hs-search-field--open .hs-search-field__suggestions, #search-popup .inpage-editor-active-field .hs-search-field__suggestions { background: transparent; border: none; box-shadow: inherit; position: static; }
ul#autocomplete-results li a { background: transparent; padding: 0; font-weight: 600; font-size: 18px; line-height: normal; }
#search-popup form input div#search-clear { padding-top: 2px; }
.nav-toggle { cursor: pointer; }
.nav-toggle .icon-bar { margin: auto; background-color: #034752; display: block; height: 2px; position: relative; width: 22px; }
.nav-toggle .icon-bar + .icon-bar { margin-top: 5px; }
.nav-toggle .icon-bar:nth-child(1), .nav-toggle .icon-bar:nth-child(3) { top: 0; transform: rotate(0deg); }
.nav-toggle.nav-menuopen .icon-bar:nth-child(1) { top: 7px; transform: rotate(45deg); }
.nav-toggle.nav-menuopen .icon-bar:nth-child(2) { opacity: 0; }
.nav-toggle.nav-menuopen .icon-bar:nth-child(3) { top: -7px; transform: rotate(-45deg); }
.mainmenu .hs-menu-wrapper ul li a { color: #034752; padding: 10px 0; display: block; font-weight: 600; }
.mainmenu .hs-menu-wrapper > ul > li { display: inline-block; vertical-align: middle; font-size: 14px; line-height: 1.125rem; font-weight: 300; }
.mainmenu .hs-menu-wrapper > ul > li:not(:first-child) { margin-left: 29px; }
.mainmenu .hs-menu-wrapper > ul > li > a { padding: 45px 0; text-transform: uppercase; }
.mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children { position: relative; padding-right: 20px; }
.mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children > a:before { position: absolute; content: ""; border-bottom: 1.5px solid #034752 ; border-right: 1.5px solid #034752; width: 6px; height: 6px; transform: rotate(45deg); right: 2px; top: 49px; transition("all .4s ease-in-out"); }
.mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children ul.hs-menu-children-wrapper { background-color: ; padding: 8px 0; min-width: 200px; left: 0; top: 100%; opacity: 0; position: absolute; visibility: hidden; z-index: 10; transition: all 0.4s ease; }
.mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children ul.hs-menu-children-wrapper li a { padding: 6px 15px; }

.mainmenu .hs-menu-wrapper > ul > li.ActivatedMenu { padding-right: 20px; }
.mainmenu .hs-menu-wrapper > ul > li.ActivatedMenu > a { position: relative; }
.mainmenu .hs-menu-wrapper > ul > li.ActivatedMenu > a:before { position: absolute; content: ""; border-bottom: 1.5px solid #034752; border-right: 1.5px solid #034752; width: 7px; height: 7px; transform: rotate(45deg); right: -18px; top: 49px;  transition:all .4s ease-in-out; }
.mainmenu .hs-menu-wrapper > ul > li .megamenu { background-color: #FFF; padding: 25px 0; min-height: 250px; left: 0; right: 0; top: 100%; opacity: 0; position: absolute; visibility: hidden; z-index: 10; transition: all 0.4s ease; }

.megamenu .layout-1 { padding: 0; flex-direction: row-reverse; }
.megamenu .layout-1 .left-part { width: calc(100% - 214px); grid-gap: 0; padding-left: 85px;}
.megamenu .layout-1.product-service-wrapper  .left-part { padding-left: 110px; padding-right: 100px; }
.megamenu .layout-1 .left-part .box .image img { height: 142px; width: 100%; object-fit: cover; max-width: 120px; object-position: center; }
.megamenu .layout-1 .left-part .box .product-name { font-weight: 600; font-size: 14px; line-height: 34px; transition: all .4s ease-in-out; }
.megamenu .layout-1 .left-part .box .product-name:hover{ color:#72DC00; }
.megamenu .layout-1 .left-part .box .box-btn a { font-weight: 300; font-size: 14px; line-height: 34px; text-decoration: underline; padding: 0; margin-top: -10px; }
.megamenu .layout-1 .left-part .box .box-btn a + a { margin-left: 15px; }
.megamenu .layout-1 .right-part { width: 214px; }
.megamenu .layout-1 .right-part .simple-menu ul li + li { margin: 0; }
.megamenu .layout-1 .right-part .simple-menu ul li a { padding: 0; font-weight: 600; font-size: 14px; line-height: 34px; vertical-align: middle; text-transform: capitalize; }
.megamenu .layout-2 { padding: 0 160px 0 130px; }
.megamenu .layout-2 .right-part .image img { height: 200px; width: 100%; object-fit: cover; }
.megamenu .layout-2 .right-part { width: 335px; padding-left: 35px; border-left: 1px solid #72DC00; }
.megamenu .layout-2 .left-part { width: calc(100% - 335px); padding: 17px 30px 0 0; }
.megamenu .layout-2 .left-part .menu-box + .menu-box { margin-left: 105px; }
.megamenu .layout-2 .left-part .simple-menu ul li { display: block; margin: 0; }
.megamenu .layout-2 .left-part .simple-menu ul li a { padding: 0; font-weight: 300; font-size: 14px; line-height: 34px; text-transform: capitalize; }
.megamenu .layout-2 .left-part .menu-box .menu-title { font-weight: 600; font-size: 14px; line-height: 34px; }
.header .service-wrapper { width: 100%; gap: 15px; margin: auto 0; max-width: 100%; flex: auto; padding:0; }
.header .service-wrapper .services .service-menu ul li{ font-size: 14px; line-height: 1.063rem; display: flex; }
.header .service-wrapper .services { width: calc(33.33% - 10px); height:100%; position: relative; }
.header .service-wrapper .services .service-icon { width: 58px; height: 58px; }
.header .service-wrapper .services .service-content { width: calc(100% - 58px); padding-left: 10px; text-align: left; }
.header .megamenu .layout-1 .right-part .title-part { background-color: #034752; color: #fff; padding: 20px 25px 25px 30px; font-size: 20px; font-weight: 600; border-top-left-radius: 15px; }
.header .megamenu .layout-1 .right-part .title-part a { color: #fff; padding: 0; display: flex ; justify-content: space-between; align-items: center; gap: 5px; line-height: 1.50rem; }
.header .megamenu .layout-1 .right-part .title-part a:hover{ color: #72DC00; }
.header .megamenu .layout-1 .right-part .title-part a svg path{ transition: all .4s ease-in-out; }
.header .megamenu .layout-1 .right-part .title-part a:hover svg { color: #72DC00; }
.header .megamenu .layout-1 .right-part .image-part { height: 116px; }
.header .megamenu .layout-1 .right-part .image-part img { width: 100%; object-fit: cover; height: 100% !important; }
.header .service-wrapper .services .service-icon img { width: 100%; object-fit: contain; height: 100% !important; }
.header .service-wrapper .services .service-content .service-title { font-weight: 600; line-height: 2.5; text-transform: uppercase; transition: 0.4s ease-in-out; } 
.header .service-wrapper .services .service-content .service-title ul { display: flex; flex-direction: column; }
.header .service-wrapper .services .service-menu{ position: relative; z-index: 1; }
.header .service-wrapper .services a { position: absolute; left: 0; height: 100%; width: 100%; padding: 0; }
.header .service-wrapper .services:hover .service-content .service-title{ color: #72DC00; }
.header .service-wrapper.col-4 .services { width: calc(25% - 11.3px); }
.header  .mainmenu .service-wrapper .hs-menu-wrapper > ul > li:not(:first-child) { margin-left: 68px; }
.mainmenu .service-menu .hs-menu-wrapper > ul > li > a { padding: 0 0 6px; position: unset; width: auto; height: auto; }
.mainmenu .service-menu .hs-menu-wrapper > ul > li:last-child > a{ padding-bottom:0; }
.mainmenu .service-menu .hs-menu-wrapper > ul > li { width: 100%; text-align: left; margin-left: 68px; }
.header .megamenu .layout-1 .right-part .title-part.link { padding: 0; }
.header .megamenu .layout-1 .right-part .title-part.link a {padding: 23px 25px 24px 30px;}
.header .megamenu .layout-1 .right-part .title-part.link a svg { width: 9px; height: 16px; }
.container { max-width: 1220px; width: 100%; margin: auto; padding: 0 20px; }
.dnd-section, .content-wrapper--vertical-spacing { padding: 0; }
.small-container { max-width: 1030px; }
@media (min-width: 1280px) and (max-width: 1400px) { 
	.container { max-width: 1220px; }
	.small-container { max-width: 1030px; }
}
@media (min-width: 1200px) and (max-width: 1279px) { 
	.container { max-width: 1150px; }
	.small-container { max-width: 1030px; }
}
@media (min-width: 992px) and (max-width: 1199px) { .container { max-width: 960px; } }
@media (min-width: 768px) and (max-width: 991px) { .container { max-width: 720px; } }
@media (max-width: 767px) { .container { max-width:100%; padding: 0 30px; } }
* { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; outline: none; }
*:focus { outline: none; }
::-moz-focus-inner { border: 0; }
/* CSS END */


/* MEDIA QUERY */

@media (min-width: 1200px) {/*hover event for desktops*/
	.mainmenu .active-branch { display: flex; }
	.mainmenu .hs-menu-wrapper ul li:hover > a,
	.mainmenu .hs-menu-wrapper ul li.active > a,
	.mainmenu .hs-menu-wrapper ul li.active-branch > a,
	.megamenu .layout-1 .left-part .box .box-btn a:hover { color: #72DC00; }
	.mainmenu .hs-menu-wrapper > ul > li.ActivatedMenu:hover > a:before,
	.mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children:hover > a:before { border-color: #72DC00; transform: rotate(-135deg); top: 52px; }
	.mainmenu .hs-menu-wrapper > ul > li.ActivatedMenu.active > a:before,
	.mainmenu .hs-menu-wrapper > ul > li.ActivatedMenu.active-branch > a:before { border-color: #72DC00; }
	.mainmenu .hs-menu-wrapper > ul > li .mobile-toggle, .nav-toggle { display: none; }
	.mainmenu .hs-menu-wrapper > ul > li:hover .megamenu,
	.mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children:hover ul.hs-menu-children-wrapper { opacity: 1; visibility: visible; }
	.mainmenu .active-branch { display: flex ; }
}

@media (max-width: 1399px) {
	.megamenu .layout-2 { padding: 0 115px 0 80px; }
}
@media (max-width: 1279px) {

	.megamenu .layout-2 { padding: 0 115px 0 80px; }
	.mainmenu .hs-menu-wrapper > ul > li:not(:first-child) { margin-left: 17px; }
}
@media (max-width: 1199px) {
	.mainmenu .hs-menu-wrapper > ul > li:not(:first-child) { margin-left: 20px; }
	.mainmenu .hs-menu-wrapper > ul > li > a { padding: 40px 0; }
	.mainmenu .hs-menu-wrapper > ul > li.ActivatedMenu:hover > a:before { top: 45px; }
	.mainmenu .hs-menu-wrapper > ul > li.ActivatedMenu > a:before,
	.mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children > a:before { top: 43px; }
	.header .header-right { padding-left: 35px; }
	.megamenu .layout-1 { padding: 0; }
	.megamenu .layout-1 .left-part { padding-right: 0; padding-left: 30px; }
	.megamenu .layout-1.product-service-wrapper .left-part { padding-left: 60px; padding-right: 60px; }
	.megamenu .layout-2 { padding: 0; }
	.header .service-wrapper.col-4 .services { width: calc(50% - 7.5px); }
	.mainmenu .hs-menu-wrapper > ul > li .megamenu .container{ padding: 0; }
	.header .mainmenu { background-color: #fff; display: none; left: 0; padding: 0; position: absolute; top: 100%; width: 100%; border-top: 1px solid #001121; height: 400px; overflow: scroll; }
	.header .mainmenu .hs-menu-wrapper ul li a { padding: 16px 0; font-size: 14px; line-height: 150%; }
	.header .mainmenu .service-menu .hs-menu-wrapper ul li a{ padding:0 0 6px; }
	.header .mainmenu .service-menu .hs-menu-wrapper ul li:last-child a{ padding:0; }
	.header .mainmenu .hs-menu-wrapper > ul { max-width: 960px; padding: 0 20px; margin: 0 auto; }
	.header .mainmenu .service-menu .hs-menu-wrapper > ul{ padding:0; }
	.header .mainmenu .hs-menu-wrapper > ul > li { display: block; }
	.header .mainmenu .hs-menu-wrapper > ul > li:not(:first-child) { margin-left: 0; }
	.mainmenu .hs-menu-wrapper > ul > li .megamenu,
	.mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children ul.hs-menu-children-wrapper { position: static; opacity: 1; visibility: visible; display: none; border-top: 1px solid #72DC00; width: 100%; min-height: inherit; padding: 16px 0 0; transition: none !important; }
	/*   .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children ul.hs-menu-children-wrapper { background-color: blue; position: static; opacity: 1; visibility: visible; display: none; width: 100%; transform: translateY(0); transition: none !important; }*/
	.mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children ul.hs-menu-children-wrapper li a { padding: 0; }

	.mainmenu .hs-menu-wrapper > ul > li.ActivatedMenu > a:before,
	.mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children > a:before { display: none; }

	.header .mainmenu .hs-menu-wrapper > ul > li.ActivatedMenu,
	.mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children { position: relative; padding-right: 0; }
	.header .mainmenu .hs-menu-wrapper > ul > li.ActivatedMenu > a { padding-right: 30px; }
	.header .mainmenu .mobile-toggle { position: absolute; top: 19px; right: 0; z-index: 9; }
	.header .mainmenu .mobile-toggle.nav-subopen { transform: rotate(180deg); top: 22px; }	
	.header .mainmenu .mobile-toggle svg , .header .mainmenu .mobile-toggle svg path{ fill: transparent; }
	.header .header-icon { display: none !important; }
	.header { padding: 26px 0; height: 90px; }
	.header .logo { width: 160px; }
	.header .header-right { justify-content: end; width: calc(100% - 160px);  }
	.header .header-inner { width: 100%; }
	.header .service-wrapper .services .service-icon { width: 40px; height: 40px; }
	.header .service-wrapper .services .service-content{ width: calc(100% - 40px); }
	.mainmenu .service-menu .hs-menu-wrapper > ul > li{ margin-left:50px; }
	.header .mainmenu .service-wrapper .hs-menu-wrapper > ul > li:not(:first-child){  margin-left:50px; }
	.header .service-wrapper{ gap:10px; }
	.header .service-wrapper .services{ width: calc(33.33% - 6.7px); }
	.header .service-wrapper .services .service-content .service-title{ line-height:1.8 }
}

@media (max-width: 991px) {
	.header .mainmenu .hs-menu-wrapper > ul { max-width: 720px; }
	.megamenu .layout-1.product-service-wrapper .left-part { padding-left: 0; padding-right: 0; }
	.megamenu .simple-menu ul { padding: 0 !important; }
	.megamenu .container { padding: 0; }
	.megamenu .layout-1 .left-part { display: block !important; padding-left: 0; width: 100%;}
	.megamenu .layout-1 .right-part { width: 100%; padding: 0; display: none; }
	.megamenu .layout-1 .right-part .simple-menu ul li + li,
	.mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children ul.hs-menu-children-wrapper li + li{ margin-top: 8px; }
	.megamenu .layout-1 .right-part .simple-menu ul li a,
	.megamenu .layout-2 .left-part .menu-box .menu-title,
	.megamenu .layout-2 .left-part .simple-menu ul li a,
	.mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children ul.hs-menu-children-wrapper li a { font-size: 16px; line-height: 150%; }
	.megamenu .layout-2 .left-part { width: 100%; padding: 0; display: block; }
	.megamenu .layout-2 .right-part { display: none; }
	.megamenu .layout-2 .left-part .menu-box + .menu-box { margin: 8px 0 0; }
	.megamenu .layout-2 .left-part .simple-menu ul li { margin-top: 8px; }  
	.header .service-wrapper .services{ width:100%; }
	.header .service-wrapper.col-4 .services { width: 100%; }
	.megamenu .layout-1.product-service-wrapper .left-part .box{ padding-bottom:20px; }
	.megamenu .layout-1.product-service-wrapper .left-part .box:last-child{ padding-bottom:0px; }
	.header .service-wrapper .services .service-icon{ width:30px;height:30px; }
	.header .service-wrapper .services .service-content{ width: calc(100% - 30px); }
	.mainmenu .service-menu .hs-menu-wrapper > ul > li{ margin-left:40px; }
	.header .mainmenu .service-wrapper .hs-menu-wrapper > ul > li:not(:first-child){  margin-left:40px; }

}

@media (max-width: 767px) {
	.megamenu .layout-1 .left-part { text-align: left !important; }
	.megamenu .layout-1 .left-part .box .image { display: none; } 
	.megamenu .layout-1 .left-part .box .box-btn { display: none !important; }	
	.header .service-wrapper .services .service-icon{ display: none; }
	.header .service-wrapper .services .service-content{ padding:0; width:100%; }
	.header .mainmenu .hs-menu-wrapper > ul{ padding:0 30px; }
	.header .service-wrapper{ gap:8px; }
	.header .mainmenu .hs-menu-wrapper > ul > li ,.header .mainmenu .service-wrapper .hs-menu-wrapper > ul > li:not(:first-child){ margin-left:0; }
	.header .mainmenu .service-menu .hs-menu-wrapper > ul { padding:0; }
	.header .mainmenu .service-menu .hs-menu-wrapper ul li a{ padding:4px 0; text-transform: capitalize; }
	.header .mainmenu .service-menu .hs-menu-wrapper ul li:last-child a{ padding:0; }
	.header .service-wrapper .services .service-content .service-title{ line-height:1.7; text-transform: capitalize; }
	.megamenu .layout-1 .left-part .box .product-name {text-transform: capitalize; padding:0;   }

}