﻿.main_banner {display: block;position: relative;}
.home_banner {height: auto;width: 100%;}
.home_banner .swiper-slide {height:auto;}
.home_banner img,.home_banner video {width: 100%;object-fit: cover;height: 100%;}
.home_banner .swiper-button-next, .home_banner .swiper-button-prev {left: -60px;right: auto;width: 46px;height: 46px;background: rgb(255 255 255 / 43%);border-radius: 50px;font-size: 24px;color: #444444;text-align: center;transition: 0.4s all;}
.home_banner .swiper-button-next {left: auto;right: -60px;}
.home_banner .swiper-button-next:after, .home_banner .swiper-button-prev:after {content: '\f104'; font-family: 'FontAwesome'; font-size: unset; }
.home_banner .swiper-button-next:after {content: '\f105'; }
.home_banner_thumbs {box-sizing: border-box;padding: 0;max-height: 235px;width: 80%;max-width: 1000px;position: absolute;bottom: 0;right: 0;background: #ffffff;border: 15px solid #ffffff;border-bottom-width: 5px;}
.home_banner_thumbs .swiper-slide {height: 100%;transition: 0.4s all;border: 2px solid #ffffff;background: #000000;text-align: center;}
.home_banner_thumbs .swiper-slide img {opacity: 0.65;transition: 0.4s all;filter: blur(0.4px);}
.home_banner_thumbs .swiper-slide-thumb-active img {opacity: 1;border-color: #000000;filter: blur(0);}
.home_banner_thumbs .swiper-slide h6 {padding: 10px 0; font-size: 14px; font-weight: 600; letter-spacing: 0.5px; }
.home_banner:hover .swiper-button-next {right: 30px; }
.home_banner:hover .swiper-button-prev {left: 30px; }
.home_banner_thumbs .swiper-slide-thumb-active {border-color: #000000; }
/* our clients scssn */

/* popup */
#header_categories_modal ~ .modal-backdrop.show {opacity: 0.1;}
.home_about_scssn {position: relative; display: block; overflow-x: hidden; }
.years_of_journey {display: block;position: relative;margin: 115px 0 80px 0;}
/* .years_of_journey .years__content {position: absolute; top: 43%; right: 5px; transform: translateY(-50%); z-index: 1; padding: 30px 29px 95px 30px; border: 4px solid #f6802d; }
.years_of_journey .years__content h3 {font-size: 148px; color: #ffffff; } 
.years_of_journey .years_bg {background: #000000; display: inline-block; }
.years_of_journey .years_bg img {opacity: 0.63; }
.years_of_journey .years__content h3 span {color: #f67d2d; }
.years_of_journey .years__content p {float: right;white-space: pre-line;font-size: 27px;font-weight: 400;margin: 0;color: #f7842f;position: absolute;right: 0;bottom: 19%;line-height: 1.2;}
.years_of_journey .years__content:before {content: ''; position: absolute; left: -4px; border: 4px solid #ffffff; border-right: 0; top: -4px; bottom: -4px; right: 50%; }
.years_of_journey .years__content:after {content: ''; position: absolute; right: -4px; top: 15%; width: 5px; background: #053D80; bottom: 0; } */
.why_choose_us {position: relative;display: block;padding: 115px 0 60px 0;}
.why_choose_us:before {content: ''; position: absolute; left: -55%; top: 0; width: 100vw; height: 100%; background: #053D80; z-index: -1; }
.why_choose_box {display: block; position: relative; padding-left: 77px; margin: 5px 0 0px 0; }
.why_choose_box img {position: absolute;left: 0;}
.why_choose_box h4 {color: #ffffff; font-weight: 400; font-size: 21px; margin-bottom: 15px; }
.why_choose_box p {font-size: 16px; color: rgb(255 255 255 / 65%); font-weight: 400; line-height: 1.6; margin-bottom: 10px; }
.why_choose_us .title {padding-left: 77px; }
.home_quality_scssn {position: relative;display: block;padding-top: 150px;}
/* product scssn */
.home_product_scssn {display: block; position: relative; background: var(--grey_bg);}
.home_product_scssn .title {max-width: 730px; margin: 0 auto; display: block;position: relative;}
.home_product_box {display: block; position: relative; }
.home_product_box .home_product_img {position: relative; display: block; background: #000000; transition: 0.4s all; overflow: hidden; }
.home_product_box .home_product_img img {height: 500px; object-fit: cover; width: 100%; opacity: 0.85; transition: 0.4s all; transform: scale(1.0); }
.home_product_box:hover .home_product_img img {opacity: 0.28; transform: scale(1.05); }
.home_product_caption_box {position: relative; display: block; margin-top: -50px; z-index: 1; background: #ffffff; padding: 25px; box-shadow: 0px 25px 50px 0px rgb(0 0 0 / 16%); }
.home_product_caption_box .product_brand_logo {display: flex;position: relative;text-align: center;height: 100%;border-right: 1px solid #cccccc;align-items: center;justify-content: center;padding: 0 12px;}
.home_product_caption_box .product_brand_logo img {height: 100px;max-width: 175px;object-fit: contain;width: 100%;}
.home_product_caption_box .product_caption {display: block; position: relative; }
.home_product_caption_box .product_caption h4 {font-size: 20px; font-weight: 500; color: #444444; margin: 0; text-transform: uppercase; line-height: 1.5; }
.home_product_caption_box .product_caption p {font-size: 16px;font-weight: 400;margin: 2px 0 8px;padding: 0;}
.home_product_caption_box .product_caption .product_action {display: block; position: relative; }
.home_product_caption_box .product_caption .product_action ul  {display: flex; align-items: center; }
.home_product_caption_box .product_caption .product_action ul li {padding: 9px 0;padding-right: 22px;}
.arrow_button {display: block; position: relative; padding: 15px 65px 15px 20px; border: 1px solid #707070; font-weight: 500; font-size: 15px; overflow: hidden; transition: 0.4s all; }
.arrow_button:before {content: '';position: absolute;right: 0;width: 50px;height: 100%;top: 0;z-index: 0;background-image: url('../images/button_arrow.svg');background-size: 25px;background-position: center;background-repeat: no-repeat;transition: 0.4s all;}
.arrow_button:hover:before {filter: invert(1); opacity: 0.7; }
.arrow_button:after {content: ''; position: absolute; right: 0; width: 50px; height: 100%; background: #f67d2c; z-index: -1; top: 0; transition: 0.4s all; }
.arrow_button:hover:after {width: 100%; right: 50px; }
.arrow_button:hover {border-color: #f67d2c; color: #ffffff; }
.catelogue_button {position: relative; color: #444444; font-weight: 400; text-transform: uppercase; display: flex; align-items: center; letter-spacing: 0; }
.catelogue_button img {padding-right: 8px; filter: grayscale(1); transition: 0.4s all; }
.catelogue_button:hover img {filter: none; }
.catelogue_button:hover {color: #053d80; letter-spacing: 0.3px; }