/******* Do not edit this file ******* Simple Custom CSS and JS - by Silkypress.com Saved: Jul 28 2025 | 04:52:48 */ @import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap"); body { font-family: "Lato", sans-serif; font-size: 16px; line-height: 24px; font-weight: 400; margin: 0; } *, ::before, ::after { box-sizing: border-box; margin: 0; padding: 0; } img { max-width: 100%; } a { text-decoration: none; } .container { max-width: 1360px; padding: 0 20px; margin: 0 auto; } .top-header { background-color: #8cc63f; } .top-header-wrapper { display: flex; align-items: center; justify-content: space-between; padding: 10px 0; } .top-header-wrapper .left p { color: #fff; font-size: 14px; font-weight: 600; line-height: 22px; } .top-header-wrapper .right ul { display: flex; align-items: center; justify-content: flex-start; list-style: none; } .top-header-wrapper .right ul li { padding: 0 10px; display: flex; align-items: center; gap: 8px; position: relative; } .top-header-wrapper .right ul li span { font-size: 14px; line-height: 22px; font-weight: 400; color: #fff; } .top-header-wrapper .right ul li::after { content: ""; border-right: 1px solid #fff; position: absolute; top: 0; right: 0; width: 1px; height: 100%; } .top-header-wrapper .right ul li:last-child::after { display: none; } .main_header{ padding: 19px 0; } .main_header_wrapper { display: flex; align-items: center; justify-content: space-between; } .main_header_wrapper .right_bar { flex: 1 1 auto; } .right_bar .search_bar input { width: 100%; max-width: 507px; outline: 0; color: #666666; font-size: 14px; line-height: 22px; font-weight: 400; background: url(https://koolmax.crmtiger.com/wp-content/uploads/2025/07/Search.svg) #f3f9fb no-repeat; background-position: center left 15px; padding: 15px 20px 15px 45px; border: 0; border-radius: 10px; } .right_bar .search_bar input::placeholder { color: #666666; font-size: 14px; line-height: 22px; font-weight: 400; } .right_bar .right_wrapper { display: flex; align-items: center; justify-content: end; } .right_bar .right_wrapper .user_actions ul { list-style: none; display: flex; align-items: center; max-width: 0 25px 0 0; } .right_bar .right_wrapper .user_actions ul li { display: flex; align-items: center; position: relative; } .right_bar .right_wrapper .user_actions ul.user_actions_ul li.user_auth { padding: 0 10px; margin: 0 16px 0 0; } .right_bar .right_wrapper .user_actions ul.user_actions_ul li.user_auth::after { content: ""; border-right: 1px solid #d9d9d9; width: 1px; height: 100%; top: 0; right: 0; position: absolute; } .right_bar .right_wrapper .user_actions ul li a { display: flex; align-items: center; gap: 6px; } .right_bar .right_wrapper .user_actions ul li a span { font-size: 14px; line-height: 20px; font-weight: 600; color: #666666; } .right_bar .right_wrapper .user_actions ul.users_shop { display: flex; gap: 12px; } .right_bar .right_wrapper .search_bar{ width: 45%; } .nav_bar{ padding: 16px 0; border-top: 1px solid #EDEDED; border-bottom: 1px solid #EDEDED; } .nav_bar ul{ list-style: none; display: flex; align-items: center; justify-content: flex-start; column-gap: 30px; } .nav_bar ul li{ padding: 9px 15px; background-color: #F3F9FB; border-radius: 100px; transition: all .4s ease; position: relative; } .nav_bar ul li .submenu li{ background: 0; border: 0; border-radius: 0; margin-bottom: 15px; padding: 0; position: initial; } .nav_bar ul li .submenu li:last-child{ margin: 0; } .nav_bar ul li .submenu li a{ font-size: 16px; line-height: 24px; font-weight: 400; color: #231F20; padding: 0; } /* Submenu */ .nav_bar > li { display: inline-block; position: relative; } .nav_bar > li > a { color: #fff; font-weight: 600; border-radius: 999px; display: inline-block; text-decoration: none; } /* Submenu container */ .nav_bar ul li .submenu { position: absolute; top: 100%; left: 0; display: none; background: #fff; padding: 20px; min-width: 900px; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15); border-radius: 10px; z-index: 10; flex-direction: column; } .nav_bar li:hover .submenu { display: flex; flex-direction: column; min-width: 180px; align-items: flex-start; } /* First-level submenu links */ .nav_bar > li .submenu > li > a { display: block; padding: 8px 0; font-size: 14px; color: #333; } /* Three-column layout wrapper */ .child_submenu-wrapper { display: flex; gap: 25px; align-items: flex-start; background: #f6f7f8; padding: 18px 20px; border-radius: 8px; position: absolute; top: 0; width: max-content; left: 100%; } /* Left: Tab List */ .nav_bar ul.child_submneu { min-width: 120px; display: block; } .nav_bar ul li .submenu ul.child_submneu li{ margin: 0; } .nav_bar ul li .submenu ul.child_submneu li a { display: block; padding: 8px 12px; font-size: 14px; color: #333; font-weight: 500; border-radius: 3px; } .nav_bar ul.child_submneu li.active a, .nav_bar ul.child_submneu li a:hover { background: #eeeeee; font-weight: 600; } /* Middle: Featured Product */ .featured_product_box { flex: 1; } .featured_heading { font-size: 14px; font-weight: 600; margin-bottom: 16px; color: #333; } .product_card { display: flex; align-items: center; background: #fff; padding: 18px; border-radius: 8px; border: 1px solid #e3e3e3; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06); width: 320px; } .product_card img { width: 80px; height: 90px; object-fit: contain; margin-right: 12px; } .product_info { display: flex; flex-direction: column; } .product_title { font-size: 14px; font-weight: 600; margin: 0 0 6px; color: #222; } .product_price { font-size: 14px; color: #009CDE; font-weight: bold; } /* Right: Promo Box */ .promo_box { width: 310px; background-color: #009CDE; color: #fff; padding: 20px; border-radius: 8px; font-size: 14px; text-align: center; height: 166px; align-items: center; justify-content: center; display: flex; flex-direction: column; } .promo_box h3 { font-size: 28px; margin: 0 0 15px; font-weight: 600; } .promo_box p { margin: 0; line-height: 1.5; } .nav_bar ul li a{ font-size: 14px; line-height: 22px; font-weight: 600; color: #222222; transition: all .4s ease; } .nav_bar ul li:has(.submenu){ background: url(https://koolmax.crmtiger.com/wp-content/uploads/2025/07/Arrow-Down-Black.svg) #F3F9FB no-repeat; background-position: right 12px top 14px; padding-right: 38px; } .nav_bar ul li:hover{ background-color: #161616; transition: all .4s ease; } .nav_bar ul li:hover a{ color: #fff; transition: all .4s ease; } .nav_bar ul li:hover:has(.submenu){ background: url(https://koolmax.crmtiger.com/wp-content/uploads/2025/07/Arrow-Down-white.svg) #161616 no-repeat; background-position: right 12px top 14px; padding-right: 38px; } .banner_sec{ width: 100%; position: relative; } .banner_sec img{ width: 100%; } .banner_sec .overlay_content{ position: absolute; top: 50%; transform: translateY(-50%); left: 100px; width: 497px; } .banner_sec .overlay_content h2{ font-size: 52px; line-height: 65px; font-weight: 700; color: #231F20; margin: 0 0 30px; position: relative; } .banner_sec .overlay_content h2::after{ content: ''; border-left: 4px solid #009CDE; position: absolute; left: -15px; width: 4px; height: 100%; top: 0; } .banner_sec .overlay_content p{ color: #231F20; font-size: 18px; line-height: 22px; font-weight: 500; margin-bottom: 40px; } .banner_sec .overlay_content .btn.shop_btn{ background-color: #8CC63F; border: 1px solid #8CC63F; box-shadow: 0 2px 0 #8CC63F; color: #fff; font-size: 16px; line-height: 24px; font-weight: 600; padding: 8px 25px; border-radius: 10px; position: relative; } .banner_sec .overlay_content .btn.shop_btn::after{ content: ''; position: absolute; border: 2px solid #8CC63F; bottom: -8px; border-radius: 10px; width: 100%; height: 40px; left: 0; opacity: 1; transition: all .4s ease; } .banner_sec .overlay_content .btn.shop_btn:hover::after{ opacity: 0; transition: all .4s ease; } .features_row{ margin-top: 12px; } .features_row_inner{ border: 1px solid #E4E7E9; padding: 16px; border-radius: 6px; } .features_row ul{ list-style: none; display: flex; align-items: center; justify-content: space-between; } .features_row ul li .inner_features_row{ display: flex; align-items: center; gap: 15px; } .features_row ul li{ position: relative; min-width: 280px; } .features_row ul li::after{ content: ''; position: absolute; border-right: 1px solid #E4E7E9; width: 1px; height: 56px; right: 0; top: 50%; transform: translateY(-50%); } .features_row ul li:last-child::after{ display: none; } .features_row ul li .inner_features_row .text{ display: flex; flex-direction: column; } .features_row ul li .inner_features_row .text span.title{ font-size: 14px; line-height: 22px; font-weight: 500; color: #231F20; text-align: left; } .features_row ul li .inner_features_row .text span{ font-size: 14px; line-height: 22px; font-weight: 400; color: #5F6C72; } .our_categories{ margin-top: 40px; } h2.head_title{ font-weight: 600; font-size: 34px; line-height: 44px; color: #161616; margin-bottom: 25px; } .categories_wrapper .categories{ margin: 0 16px; transition: all .4s ease; } .categories_wrapper .categories:hover{ background: #fff; box-shadow: 0 0 48px 1px rgba(0, 0, 0, 8%); transition: all .4s ease; } .categories_wrapper .categories .images{ border: 1px solid #F0F0F0; display: flex; align-items: center; justify-content: center; transition: all .4s ease; } .categories_wrapper .categories:hover .images{ background: rgba(0, 156, 222,8%); transition: all .4s ease; } .categories_wrapper .categories .images img{ padding: 10px; } .categories_wrapper .slick-prev, .shop_by_products .slick-prev, .blog_slide .slick-prev{ top: -45px; right: 50px; left: auto; background: #009CDE; width: 36px; height: 36px; } .categories_wrapper .slick-next, .shop_by_products .slick-next, .blog_slide .slick-next{ top: -45px; right: 0; left: auto; background: #009CDE; width: 36px; height: 36px; } .categories_wrapper .slick-next:focus, .categories_wrapper .slick-next:hover, .categories_wrapper .slick-prev:focus, .categories_wrapper .slick-prev:hover,.shop_by_products .slick-next:focus, .shop_by_products .slick-next:hover, .shop_by_products .slick-prev:focus, .shop_by_products .slick-prev:hover, .blog_slide .slick-next:focus, .blog_slide .slick-next:hover, .blog_slide .slick-prev:focus, .blog_slide .slick-prev:hover{ background: #009CDE; } .categories_wrapper .slick-next::before,.shop_by_products .slick-next::before, .blog_slide .slick-next::before{ content: ''; background: url(https://koolmax.crmtiger.com/wp-content/uploads/2025/07/Next-arrow.svg) no-repeat; background-position: center; width: 14px; height: 18px; display: block; opacity: 1; margin: auto; text-align: center; } .categories_wrapper .slick-prev::before, .shop_by_products .slick-prev::before, .blog_slide .slick-prev::before{ content: ''; background: url(https://koolmax.crmtiger.com/wp-content/uploads/2025/07/Next-arrow.svg) no-repeat; background-position: center; width: 14px; height: 18px; display: block; opacity: 1; transform: rotate(180deg); margin: auto; text-align: center; } .categories_wrapper .slick-prev.slick-disabled::before, .shop_by_products .slick-prev.slick-disabled::before, .blog_slide .slick-prev.slick-disabled::before{ content: ''; background: url(https://koolmax.crmtiger.com/wp-content/uploads/2025/07/Prev-arrow.svg) no-repeat; background-position: center; width: 14px; height: 18px; display: block; transform: rotate(0); opacity: 1; } .categories_wrapper .slick-next.slick-disabled::before, .shop_by_products .slick-next.slick-disabled::before, .blog_slide .slick-next.slick-disabled::before{ content: ''; background: url(https://koolmax.crmtiger.com/wp-content/uploads/2025/07/Prev-arrow.svg) no-repeat; background-position: center; transform: rotate(180deg); width: 14px; height: 18px; display: block; opacity: 1; } .categories_wrapper .slick-disabled,.categories_wrapper .slick-disabled:hover,.categories_wrapper .slick-disabled:focus, .shop_by_products .slick-disabled,.shop_by_products .slick-disabled:hover,.shop_by_products .slick-disabled:focus, .blog_slide .slick-disabled,.blog_slide .slick-disabled:hover,.blog_slide .slick-disabled:focus { background: #fff; border-bottom: 2px solid #009CDE; } .categories_wrapper .categories .title{ margin-top: 22px; } .categories_wrapper .categories .title h4{ text-align: center; font-size: 16px; line-height: 24px; font-weight: 600; color: #231F20; } .refrigerations_brands{ margin-top: 50px; } .refrigerations_brands ul{ display: flex; align-items: center; justify-content: center; gap: 30px; list-style: none; } .refrigerations_brands ul li{ width: 50%; } .refrigerations_brands ul li:first-child{ background: rgba(0, 156, 222, 8%); } .refrigerations_brands ul li:last-child{ background: #F8FCF3; padding: 82px 0; } .refrigerations_brands ul li .banner_wrapper{ display: flex; align-items: center; padding: 30px 40px; gap: 70px; } .refrigerations_brands ul li .banner_wrapper .right_wrapper img{ margin-bottom: 20px; } .refrigerations_brands ul li .banner_wrapper .right_wrapper p{ text-transform: uppercase; font-size: 20px; line-height: 28px; font-weight: 400; color: #231F20; margin-bottom: 15px; } .refrigerations_brands ul li .banner_wrapper .right_wrapper span.bold{ text-transform: uppercase; font-size: 20px; line-height: 28px; font-weight: 600; color: #231F20; } .shop_by_categories{ width: 100%; margin-top: 40px; } .shop_by_categories .shop_by_products{ list-style: none; } .shop_by_categories .shop_by_products li{ border: 1px solid #F0F0F0; padding: 15px; margin: 0 11px; } .shop_by_categories .shop_by_products li > a > div{ text-align: center; } .shop_by_categories .shop_by_products li > a > div > img{ margin: auto; height: 180px; transition: all .4s ease; } .shop_by_categories .shop_by_products li > a > div > img:hover{ transform: scale(1.05); transition: all .6s ease; } .shop_by_categories .shop_by_products h4{ font-size: 18px; line-height: 26px; font-weight: 400; color: #231F20; text-align: center; margin-bottom: 18px; margin-top: 10px; } .shop_by_categories .shop_by_products .product_review span{ display: inline-block; } .shop_by_categories .shop_by_products .product_price{ margin-bottom: 15px; } .shop_by_categories .shop_by_products .product_price span.price{ font-size: 20px; line-height: 28px; font-weight: 600; color: #000000; } .shop_by_categories .shop_by_products .product_price span.check-price{ font-size: 14px; line-height: 22px; font-weight: 400; color: #000000; } .btn.add-to-cart{ border: 1px solid #009CDE; background: #009CDE; color: #fff; font-size: 14px; line-height: 22px; padding: 9px 15px; width: 100%; text-transform: uppercase; cursor: pointer; display: inline-block; transition: all .4s ease; } .btn.add-to-cart:hover{ color: #009CDE; background: #fff; border: 1px solid #009CDE; transition: all .4s ease; } .why_choose_us_sec{ background-color: #FAFEFF; padding: 40px 0; } .why_choose_us_sec ul{ list-style: none; display: grid; grid-template-columns: repeat(3, 1fr); align-items: center; column-gap: 70px; } .why_choose_us_sec ul li{ text-align: left; background: #F8FCF3; border: 1px solid #F8FCF3; border-radius: 20px; transition: all .4s ease; padding: 25px; margin-bottom: 45px; } .why_choose_us_sec ul li:hover{ border: 1px solid #009CDE; transition: all .4s ease; } .why_choose_us_sec ul li img{ margin-bottom: 15px; } .why_choose_us_sec ul li h4{ font-size: 24px; line-height: 32px; font-weight: 500; color: #000000; margin-bottom: 12px; } .why_choose_us_sec ul li p{ font-size: 16px; font-weight: 400; line-height: 24px; color: #000000; } .why_choose_us_sec .btn_area{ text-align: center; } .why_choose_us_sec .btn.add-to-cart{ width: 160px; text-align: center; padding: 9px 15px; } .our_blog_sec{ margin-top: 40px; } .our_blog_sec .blog_slide .user{ display: flex; justify-content: center; align-items: center; gap: 50px; margin-top: 18px; margin-bottom: 16px; } .our_blog_sec .blog_slide .user span{ display: flex; align-items: center; gap: 8px; font-size: 14px; line-height: 22px; font-weight: 500; color: #000000; } .our_blog_sec .blog_slide .user span:last-child{ font-weight: 400; color: #000000; } .our_blog_sec .blog_slide h5{ font-size: 20px; line-height: 28px; font-weight: 500; color: #231F20; text-align: center; margin-bottom: 13px; } .our_blog_sec .blog_slide .date{ display: flex; align-items: center; justify-content: center; gap: 8px; margin-bottom: 16px; } .our_blog_sec .blog_slide .date span.bold{ font-size: 18px; line-height: 26px; font-weight: 700; color: #000000; } .our_blog_sec .blog_slide p{ color: #707070; font-size: 16px; line-height: 24px; font-weight: 400; text-align: center; max-width: 275px; margin: 0 auto 25px; } .our_blog_sec .blog_slide .blog_slide_inner > img{ width: 100%; height: 248px; } .our_blog_sec .blog_slide li{ margin: 0 15px; border: 1px solid #F0F0F0; } .our_blog_sec .blog_slide .blog_slide_inner .btn_area{ text-align: center; padding-bottom: 15px; } .our_blog_sec .blog_slide .blog_slide_inner .btn_area .btn.add-to-cart{ max-width: 160px; } .faq-section { margin-top: 40px; margin-bottom: 60px; } .faq-item { padding: 25px 30px; background: #F3FBFF; margin: 0 0 20px; } .faq-question { font-size: 22px; font-weight: 500; color: #231F20; position: relative; cursor: pointer; } .faq-question::after { content: ""; background: url(https://koolmax.crmtiger.com/wp-content/uploads/2025/07/faq_down.svg) no-repeat; position: absolute; right: 0; font-size: 18px; width: 40px; height: 40px; background-size: 25px; background-position: top center; } .faq-item.active .faq-question::after { content: ""; transform: rotate(180deg); } .faq-answer { display: none; font-size: 16px; line-height: 24px; font-weight: 400; margin-top: 12px; color: #231F20; } .footer_sec{ background-color: #231F20; padding: 45px 0; } .footer_sec .top_sec{ margin-bottom: 60px; } .footer_sec .top_sec ul{ display: flex; align-items: flex-start; justify-content: flex-start; gap: 55px; list-style: none; } .footer_sec .top_sec ul li{ width: 20%; } .footer_sec .top_sec ul li .quick_link h5{ font-weight: 600; font-size: 18px; line-height: 26px; color: #fff; margin-bottom: 20px; } .footer_sec .top_sec ul li .quick_link span{ display: block; margin: 0 0 5px; } .footer_sec .top_sec ul li .quick_link a{ color: #ffffff; font-size: 16px; line-height: 16px; font-weight: 400; transition: all .4s ease; } .footer_sec .top_sec ul li .quick_link a:hover{ color: #44AEE8; font-weight: 700; transition: all .4s ease; } .footer_sec .top_sec ul li .quick_link .store_info{ display: flex; align-items: flex-start; justify-content: flex-start; margin-bottom: 17px; gap: 8px; } .footer_sec .top_sec ul li .quick_link .store_info span{ display: flex; align-items: center; justify-content: center; margin-bottom: 0; } .footer_sec .top_sec ul li .quick_link p{ color: #ffffff; font-size: 16px; line-height: 24px; font-weight: 400; } .footer_sec .top_sec ul li .quick_link address{ color: #ffffff; font-size: 16px; line-height: 24px; font-weight: 400; font-style: normal; max-width: 160px; } .bottom_sec .bottom_sec_inner{ display: flex; align-items: flex-start; justify-content: space-between; } .bottom_sec .bottom_sec_inner .left_area > img{ margin-bottom: 40px; } .bottom_sec .bottom_sec_inner .left_area span{ font-weight: 800; font-size: 16px; line-height: 24px; color: #ffffff; } .bottom_sec .bottom_sec_inner .left_area p{ font-weight: 400; font-size: 16px; line-height: 24px; color: #ffffff; max-width: 483px; } .bottom_sec .bottom_sec_inner .left_area ul{ list-style: none; display: flex; align-items: center; gap: 25px; margin-top: 8px; } .bottom_sec .bottom_sec_inner .left_area ul li a{ display: flex; } .bottom_sec .bottom_sec_inner .right_form { width: 50%; } .bottom_sec .bottom_sec_inner .right_form .input_sec{ display: flex; align-items: center; gap: 38px; } .bottom_sec .bottom_sec_inner .right_form .input_sec .input_sec_inner{ margin-bottom: 20px; width: 50%; } .bottom_sec .bottom_sec_inner .right_form .input_sec:nth-child(2) .input_sec_inner{ margin: 0 0 12px; } .bottom_sec .bottom_sec_inner .right_form .input_sec label{ font-size: 16px; line-height: 24px; font-weight: 500; color: #fff; display: block; margin-bottom: 12px; } .bottom_sec .bottom_sec_inner .right_form .input_sec input{ outline: 0; background: #fff; border: 0; padding: 13px 15px; width: 100%; color: #231F20; font-size: 16px; line-height: 24px; font-weight: 400; } .bottom_sec .bottom_sec_inner .right_form .input_sec input::placeholder{ color: #231F20; font-size: 16px; line-height: 24px; font-weight: 400; } .bottom_sec .bottom_sec_inner .right_form span{ color: #fff; font-size: 12px; line-height: 20px; font-weight: 400; display: flex; align-items: center; gap: 8px; margin-bottom: 30px; } .bottom_sec .bottom_sec_inner .right_form span input[type="checkbox"]{ width: 16px; height: 16px; } .bottom_sec .bottom_sec_inner .right_form .btn.signup_btn{ background: #8CC63F; color: #ffffff; font-size: 16px; line-height: 24px; padding: 9px 35px; border: 1px solid #8CC63F; cursor: pointer; transition: all .4s ease; } .bottom_sec .bottom_sec_inner .right_form .btn.signup_btn:hover{ border: 1px solid #8CC63F; background: transparent; color: #8CC63F; transition: all .4s ease; } .copyright_sec{ margin-top: 100px; border-top: 1px solid rgba(68, 174, 232, 19%); padding: 25px 0 0; } .copyright_sec .copyright_inner{ display: flex; align-items: flex-start; justify-content: space-between; } .copyright_sec .copyright_inner .left p{ font-size: 18px; line-height: 26px; color: #ffffff; font-weight: 500; } .copyright_sec .copyright_inner .right ul{ list-style: none; display: flex; align-items: center; justify-content: flex-start; gap: 15px; margin-bottom: 12px; } .copyright_sec .copyright_inner .right ul li a{ font-weight: 400; font-size: 16px; line-height: 24px; color: #ffffff; transition: all .4s ease; } .copyright_sec .copyright_inner .right ul li a:hover{ color: #44AEE8; transition: all .4s ease; } .copyright_sec .copyright_inner .right b{ color: #fff; font-size: 16px; font-weight: 500; line-height: 24px; }

Lost password