.sub_banner {display: block;position: relative;width: 100%;}
/* .sub_banner h1 {color: #053d80;font-size: 40px;font-family: 'Poppins', sans-serif;font-weight: 600;margin: 0 0 20px;padding-top: 15px;}  */
.sub_banner h1 {
    color: #053d80;
    font-size: 35px;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    margin: 0 0 10px;
    padding-top: 0px;
}
.sub_banner .breadcrumb {padding: 15px 0px;left: auto;position: relative;margin: 0;}
.sub_banner .breadcrumb .breadcrumb-item {color: #444444;font-weight: 400;letter-spacing: 0.2px;font-size: 16px;}
.sub_banner .breadcrumb .breadcrumb-item a:hover {color: #d1641a;}
.sub_banner .breadcrumb .breadcrumb-item+.breadcrumb-item::before {content: '|'; } 
.sub_page {padding-top: 25px;position: relative;}
/* contact page */
.sub_page.contact_page {padding-top:0;}
.map {position: sticky; top: 87px; max-height: 851px; height: 100%; }
.contact_left {position: relative;padding: 0 7%;}

.contact_details_scssn {display: block; position: relative; }
.contact_details_scssn > ul > li {border-top: 1px solid rgb(15 69 133 / 25%);padding: 15px 0 43px 0;}
.contact_details_scssn > ul > li:first-child {border-top: 0; }
.contact_details_scssn > ul > li .contact_label {position: relative; }
.contact_details_scssn > ul > li .contact_label h3 {font-size: 21px; font-weight: 500; color: #053d80; text-transform: uppercase; letter-spacing: 1px; line-height: 1.4; margin-top: 5px; }
.contact_details_scssn > ul > li .contact_label h4 {font-size: 15px;font-weight: 500;color: rgb(5 61 128 / 85%);text-transform: uppercase;letter-spacing: 1px;line-height: 1.4;margin-top: 5px;}
.contact_details_scssn > ul > li .contact_detail li {padding: 2px 0; white-space: pre-line;}
.contact_details_scssn > ul > li .contact_detail p, .contact_details_scssn > ul > li .contact_detail a {white-space: pre-line; font-weight: 400; font-size: 18px; line-height: 1.6; color: #444444; margin: 0; }
.contact_details_scssn > ul > li .contact_detail p {margin-bottom: 15px;}
.contact_details_scssn > ul > li .contact_detail strong {font-weight: 500; color: #053d80; }
.contact_details_scssn > ul > li .contact_detail li a:hover {color: #d1641a; }
.contact_details_scssn > ul > li.socials .contact_detail li {
	display: inline-block;
	padding: 0 13px 0 0px;
}

.contact_details_scssn > ul > li.socials .contact_detail li a {
	font-size: 21px;
}
.contact_form_scssn .sub_title h2 {margin-bottom: 15px; }
.common_form .form-group {position: relative;display: block;margin-bottom: 0;}
.common_form .form-group label {position: absolute;top: -11px;left: 14px;font-size: 13px;transition: 0.4s all;z-index: 1;font-weight: 500;color: #444444;background: #ffffff;padding: 2px 10px 2px 7px;text-transform: uppercase;letter-spacing: 1.5px;}
.common_form .form-group .form-control,.common_form .form-group input {padding: 15px 25px;border: none;border: 2px solid rgb(15 69 133 / 16%);border-radius: 0;height: 70px;background: transparent;box-shadow: 0px 8px 15px -10px rgb(0 0 0 / 0%);transition: 0.8s all;z-index: 1;border-radius: 0;color: #222222;font-weight: 500;width: 100%;}
.common_form .form-group .form-control::placeholder,.common_form .form-group input::placeholder {color: #cccccc; font-size: 16px; font-weight: 300; }
.common_form .form-group textarea.form-control,.common_form .form-group textarea {padding: 15px 25px;border: none;border: 2px solid rgb(15 69 133 / 16%);border-radius: 0;height: 70px;background: transparent;box-shadow: 0px 8px 15px -10px rgb(0 0 0 / 0%);transition: 0.8s all;z-index: 1;border-radius: 0; color: #222222; font-weight: 500;  height: 200px;resize: none; width: 100%; }
.common_form .form-group .form-control:focus, /*.common_form .form-group .form-control:valid,*/.common_form .form-group input:focus/*,.common_form .form-group input:valid*/ {border-color: rgb(15 69 133 / 25%);background: hsl(213deg 92% 26% / 2%);box-shadow: 0px 10px 15px -10px rgb(95 7 15 / 15%);}
/*.common_form .form-group .form-control:valid+label,.common_form .form-group input:valid+label,*/.common_form .form-group .form-control:focus+label,.common_form .form-group input:focus+label {color: #053d80;} 
.common_form .form-group img {position: absolute; right: 20px; top: 50%; transform: translateY(-50%); opacity: 0.35; width: 23px;  transition: 0.4s all; }
.common_form .form-group textarea.form-control ~ img,.common_form .form-group textarea ~ img {transform:none; top: 23px;}
.common_form .form-group .form-control:focus ~ img/*, .common_form .form-group .form-control:valid ~ img,.common_form .form-group input:valid ~ img,.common_form .form-group input:valid ~ img */{opacity: 0.85; } 
.common_form .contact_button {position: relative;z-index: 1;/* background: #ffffff; */display: block;text-align: center;}
.common_form .contact_button .custom_button {border: 2px solid #053d80; color: #ffffff; margin: 0 auto; width: 180px; display: block; }
.common_form .contact_button .custom_button:before {background: #053d80; } 
.common_form .contact_button .custom_button:hover {color: #053d80; }
.common_form .contact_button .arrow_button {width: 200px;margin: 0 auto;}
/* Company Profile */
.company_profile_scssn {display: block;position: relative; }
.company_profile_scssn .profile_content {position: relative; display: block; }
.company_profile_scssn .profile_content .tagline {padding: 15px 0 10px; } 
.company_profile_scssn .profile_content .tagline img {max-width: 500px; }
.company_profile_scssn .about_img {position: relative;display: block;height: 100%;text-align: center;}
.company_profile_scssn .about_img:before {content: '';content: '';position: absolute;left: calc(0% + 13.7%);top: 0;width: 95%;height: 100%;background: rgb(63 106 157 / 10%);z-index: -1;/* width: calc(100% + 0%); */}
.company_profile_scssn .about_img img {box-shadow: -10px 30px 50px 0px rgb(0 0 0 / 20%); }
.company_profile_scssn .about_img video {width: 100%; height: 90%; }
/* why choose us scssn */
.why_choose_us_scssn {display: block; position: relative; }
.why_choose_us_scssn .container-fluid {max-width: 1650px; }
.why_choose_us_scssn .why_choose_us_box {padding: 35px 0; border-bottom: 1px solid rgb(15 69 133 / 20%); }
.why_choose_us_scssn .why_choose_us_box:last-child {border-bottom: none; }
.why_choose_us_scssn .why_choose_us_box img {width: 60px; opacity: 0.5; left: 0; margin-bottom: 10px; filter: grayscale(1); margin-left: 25px; }
.why_choose_us_scssn .why_choose_us_box .why_choose_title {position: relative; display: flex; height: 100%; align-items: flex-start; padding-left: 25px; flex-direction: column; }
.why_choose_us_scssn .why_choose_us_box .why_choose_title h4 {margin: 0; font-size: 32px; color: #053d80; white-space: pre-line; font-weight: 600; line-height: 1.3; }
.why_choose_us_scssn .why_choose_us_box .why_choose_content {display: block; position: relative;}
.why_choose_us_scssn .why_choose_us_box .why_choose_content p {font-size: 20px; line-height: 1.6; }
/* application page */
.application_card {display: block; height: 100%; position: relative;}
.application_card .application_box {display: flex; position: relative; text-align: center; background: #ffffff; box-shadow: 1px 1px 50px 0px rgb(0 0 0 / 9%); flex-direction: column; height: 300px; transform: translateY(0); transition: 0.3s all; z-index: 0; align-items: center; justify-content: center; padding: 50px 0 0 0; }
.application_card:hover .application_box {transform: translateY(-35px); box-shadow: 1px 15px 50px 0px rgb(0 0 0 / 20%); }
.application_card .application_box span {font-size: 21px; color: #666666; margin-bottom: 10px; }
.application_card .application_box .application_brand_logo {max-width: 220px; height: 75px; display: flex; align-items: center; justify-content: center; margin-bottom: 27px;     font-size: 36px;
    font-weight: 400; }
.application_card .application_box .application_brand_logo img {object-fit: contain; object-position: center; filter: grayscale(1); opacity: 0.5; transition: 0.3s all; }
.application_card:hover .application_box .application_brand_logo img {filter: grayscale(0); opacity: 1; }
.application_card .application_box .product_counts {position: relative; display: block; width: 100%; padding: 25px 0 22px 0; }
.application_card .application_box .product_counts:before {content: ''; position: absolute; left: 50%; transform: translateX(-50%); top: 0; width: 70%; background: #E0E0E2; height: 2px; }
.application_card .application_box .product_counts h5 {font-size: 40px; font-weight: 600; color: #053D80; margin: 0 0 -5px; }
.application_card .application_box .product_counts p {margin: 0; font-size: 19px; padding: 0; color: #053d80;text-align: center; font-weight: 400; }
.application_card .application_btn {position: absolute; bottom: 0; z-index: -1; width: 100%; height: 35px; display: flex; align-items: center; justify-content: center; background: #f67b2c; color: #ffffff; text-transform: uppercase; font-size: 15px; font-weight: 500; letter-spacing: 1px; transition: 0.3s all; }
/* categories page */
.application_card .application_box .category_name h4 {font-weight: 500; font-size: 30px; color: #666666; white-space: pre-line; line-height: 1.1; margin-bottom: 25px; }
/* product grid page */
.product_listing_page {padding: 0; }
.main_filter {
    position: sticky;
    top: 80px;
}
.product_filter {
    display: block;
    position: relative;
    background: #F6F6F6;
    padding: 20px 25px;
    height: 100%;
    max-height: calc(100vh - 80px);
    overflow: auto;
}
/* .product_filter div#accordionExample {
    max-height: 700px;
    overflow-y: auto;
    padding: 0 19px 0 0;
} */
.filter_title {display: flex; align-items: center; justify-content: space-between; padding-bottom: 10px; } 
.filter_title h4 {font-size: 26px;font-weight: 400;color: #F57B2C;margin: 0;display: block;}
a.filter_clear {font-weight: 500; font-size: 13px; text-decoration: underline; }
a.filter_clear:hover {color: #053d82; }

/*.product_filter h4 {font-size: 26px;font-weight: 400;color: #F57B2C;padding-bottom: 15px;margin: 0;display: block;}*/
.product_filter .accordion .accordion-item {border: none;border-radius: 0;background: transparent;padding-bottom: 15px;}
.product_filter .accordion .accordion-item button.accordion-button {border-radius: 0; background: transparent; padding: 0; border: none; box-shadow: none; font-size: 20px; color: #053D80; }
.product_filter .accordion .accordion-item .accordion-collapse .filter_body {padding: 10px 0 0;}
.product_filter .accordion .accordion-item .accordion-collapse .filter_body ul {max-height: 210px;overflow-y: auto;}

.filter_body ul::-webkit-scrollbar {
    width: 6px;
    cursor: pointer;
}

.filter_body ul::-webkit-scrollbar:horizontal {
    height: 6px;
    cursor: pointer;
}

.filter_body ul::-webkit-scrollbar-track {
    background: #D5D5D5;
    border-radius: 30px;
}

.filter_body ul::-webkit-scrollbar-thumb {
    background: #777777;
    border-radius: 30px;
}

.filter_body ul::-webkit-scrollbar-thumb:hover {
    background: #666666;
}
.filter_body ul li {padding-right: 14px;margin-bottom: 11px;}
.filter_body ul li input {display: none; width: initial; height: initial; }
.filter_body ul li label {cursor: pointer;padding-left: 32px;position: relative;vertical-align: middle;font-weight: 400;margin: 0;font-size: 16px;color: #666666;}
.filter_body ul li input:checked + label {color: var(--blue);}
.filter_body ul li label:before {-webkit-appearance: none;position: absolute;content: '';width: 16px;height: 16px;left: 0;top: 50%;transform: translateY(-51%);background: #ffffff;/* box-shadow: inset 0px 0px 0px 1px #a1a3ac; */transition: 0.2s all;border: 1px solid #707070;}
.filter_body ul li input + label:after{content: "";position: absolute;top: 3px;left: 3px;width: 15px;height: 15px;background: url('../subimages/check.svg') no-repeat center;background-size: 16px;transform: scale(0);transform-origin: left bottom;-webkit-transition: 0.2s cubic-bezier(.4,.0,.23,1);-moz-transition: 0.2s cubic-bezier(.4,.0,.23,1);-ms-transition: 0.2s cubic-bezier(.4,.0,.23,1);-o-transition: 0.2s cubic-bezier(.4,.0,.23,1);transition: 0.2s cubic-bezier(.4,.0,.23,1);}
.filter_body ul li input:checked + label:after, .filter_body ul li input.checked + label:after {transform: scale(1); transform-origin: left; }

/* product listing */
.product_listing {display: block; position: relative; }
.product_box {display: block;position: relative; height: 100%;}
.product_box a {display: flex;position: relative;height: 100%;border: 1px solid #dddddd;flex-direction: column;align-items: center;padding: 20px 0 40px;box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 25%);}
.product_box a .product_img {width: 85%;height: 230px;display: flex;align-items: center;justify-content: center;}
.product_box a .product_caption {padding-top: 35px;position: relative;width: 90%;max-width: 253px;}
.product_box a .product_caption h4 {font-size: 18px; color: var(--blue); line-height: 1.4; font-weight: 500; margin-bottom: 10px; }
.product_box a .product_caption ul {margin-bottom: 20px; } 
.product_box a .product_caption ul li {font-size: 18px; font-weight: 400; color: #666666; } 
.product_box a .product_caption .suitable_for {font-size: 18px;font-weight: 400;color: #666666;display: block;margin-bottom: 25px;transition: 0.4s all;}
.product_box a .product_caption .product_btn {font-weight: 500; color: var(--title); transition: 0.4s all; }
.product_box a:hover .product_caption .product_btn {letter-spacing: 1px;}
.product_box a .product_caption .suitable_for strong {font-size: 17px; font-weight: 500; color: #666666; }
.product_box a:hover {box-shadow: 0px 25px 50px 0px rgb(0 0 0 / 13%);border-color: #ffffff;z-index: 1;}
/* product details page */
.product_details_page {padding: 0; }
.related_products {display: block;position: relative;padding: 30px 15px 30px 0;}
.related_products:before {content: ''; position: absolute; right: -5px; width: 100vw; height: 100%; top: 0; background: #f6f6f6; z-index: -1; } 
.related_products .product_box {margin: 25px 0px; }
.related_products .product_box a {padding: 35px 20px; background: #ffffff; }
.back_to_overview {display: flex; position: relative; align-items: center; justify-content: flex-end; }
.back_to_overview a {padding: 15px 10px 15px 10px; font-size: 16px; color: #444444; }
.back_to_overview a:hover {color: #053d80; }
.back_to_overview a img {margin-right: 6px; }
.product_detail_scssn {display: block; position: relative; }
.product_content {display: block;position: relative;padding: 15px .;}
.product_content .product_name h2 {margin: 0; font-size: 34px; font-weight: 400; color: var(--blue); }
.product_specification {display: block; position: relative; }
.product_content table th, .product_content table td,.product_content table tr {border-color: #e8e8e8; }
.product_content table th,.product_content table td {padding: 14px 23px;font-size: 17px;white-space: pre-line;color: #666666;}
.product_content table th {background: #F8F8F9;font-weight: 400;color: #333333;}
.product_content table td {font-weight: 400; } 
.product_content table td img {width: 95px; }
.product_action_scssn {padding: 13px 25px; background: #f8f8f9; }
.product_action_scssn .product_counter {background: #ffffff; }
.product_counter {display: flex; align-items: stretch; }
.product_counter .number{width: 55%;text-align: center;padding: 0 20px;border: 1px solid #cccccc;/* height: 100%; */display: flex;align-items: center;justify-content: center;}
.product_counter .number span {cursor:pointer; }
.product_counter .number .minus, .product_counter .number .plus{color: #999999;width: 20px;text-align: center;background: transparent;transition: 0.2s all;}
.product_counter .number input{text-align: center;font-size: 16px;font-weight: 400;border: none;width: 65%;}
.product_counter .number span:hover {color: #000000; background: rgb(5 61 128 / 5%); }
.product_counter .custom-button2 {width: 45%; color: #ffffff; text-align: center; padding: 13px 10px; border-color: #444444; }
.product_action_scssn .product_counter .custom-button2:before {background: #444444; }
.product_content .product_desc {display: block; position: relative; }
.product_content .product_desc h4 {padding: 20px 15px 20px 15px; display: block; color: #f5792b; font-size: 26px; font-weight: 400; margin: 0; }
.product_content .verti_table table th, .product_content .verti_table table td {padding: 14px 13px;}
.product_detail_image a {width: 100%; display: flex; height: 490px; align-items: center; justify-content: center; background: #ffffff;  }
.product_img_slides .product_detail_image a {
    padding: 35px;
}
.product_img_slides .product_detail_image a img {width: 85%;}
.product_img_slides {top: 90px;}
.product_img_slides .product_detail_image {width: 100%; display: block; border: 1px solid #DBDBDB; }
.home_banner_thumbs {margin-top: 5px; } 
.home_banner_thumbs .swiper-slide {text-align: center; height: 95px; display: flex; align-items: center; justify-content: center; padding: 5px; border: 1px solid #dbdbdb; cursor: pointer; }
.home_banner_thumbs .swiper-slide img {height: 90%; max-width: 100%; object-fit: contain; }
.product_img_slides .home_banner_thumbs {padding: 1px; }
.home_banner_thumbs .swiper-slide-thumb-active {border-color: #666666; }
.fancybox-can-pan .fancybox-content, .fancybox-can-swipe .fancybox-content {cursor: grab; background: #ffffff; }

/* cart page */
.product_table_scssn {display: block;position: relative;text-align: center;padding: 15px 15px 1px 15px;background: #ffffff;box-shadow: 0px 0px 15px -1px rgb(0 0 0 / 8%);}
.product_cart_page .product_table_scssn table {min-width: 1145px; width: 100%; } 
.product_table_scssn table th,.product_table_scssn table td {padding: 17px 10px; font-size: 16px;  font-weight: 400; color: #666666; }
.product_table_scssn table th {font-weight: 500;background: #F8F8F9;color: #053d80;font-size: 18px;}
.product_table_scssn table th, .product_table_scssn table td, .product_table_scssn table tr {border-color: #e8e8e8; }
.product_table_scssn table td.product_name {font-weight: 400; color: #053d80; }
.product_table_scssn table td .product_img img {width: 110px;}
.product_table_scssn table td .speci_brand_logo img {width: 95px;}
.product_table_scssn table td a.remove {text-align: center; display: block; position: relative; }
.product_table_scssn table td a.remove img {width: 15px;}
.product_table_scssn table td .number{width: 110px;text-align: center;padding: 5px 1px;border: 1px solid #cccccc;display: flex;align-items: center;justify-content: center;margin: 0 auto;}
.product_table_scssn table td .number span {cursor:pointer;}
.product_table_scssn table td .number .minus, .product_table_scssn .number .plus{color: #999999;width: 25px;text-align: center;background: transparent;transition: 0.2s all;}
.product_table_scssn table td .number input{text-align: center;font-size: 16px;font-weight: 400;border: none;width: 65%;}
.product_table_scssn table td .number span:hover {color: #000000; background: rgb(5 61 128 / 5%); }
.enquiry_button_box {display: flex;text-align: right;position: relative;justify-content: flex-end;margin-top: 20px;}
.enquiry_button_box ul li {display: inline-block;padding: 5px;}
/* added to cart prompt */
div#product_added.show {-o-transition: opacity 0.4s, bottom 0.4s, visibility 0.3s; -moz-transition: opacity 0.4s, bottom 0.4s, visibility 0.3s; -webkit-transition: opacity 0.4s, bottom 0.4s, visibility 0.3s; transition: opacity 0.4s, bottom 0.4s, visibility 0.3s; opacity:1; bottom: 20px; visibility: visible; }
div#product_added.hide {opacity:0; bottom: 0px; -o-transition: opacity 0.4s, bottom 0.4s, visibility 0.3s; -moz-transition: opacity 0.4s, bottom 0.4s, visibility 0.3s; -webkit-transition: opacity 0.4s, bottom 0.4s, visibility 0.3s; transition: opacity 0.4s, bottom 0.4s, visibility 0.3s; visibility: hidden; }
div#product_added {position: fixed; bottom: 0; left: 50%; transform: translateX(-50%); background: #f5792b; padding: 12px 45px; border-radius: 50px; color: #ffffff; font-size: 16px; visibility: hidden; font-weight: 400; box-shadow: 0px 6px 20px 1px rgb(0 0 0 / 26%); width: auto; text-align: center; max-width: 575px; width: 95%; bottom: 0px; -o-transition: opacity 0.4s, bottom 0.4s, visibility 0.3s; -moz-transition: opacity 0.4s, bottom 0.4s, visibility 0.3s; -webkit-transition: opacity 0.4s, bottom 0.4s, visibility 0.3s; transition: opacity 0.4s, bottom 0.4s, visibility 0.3s; }

div#product_added:before {content: '\f00c'; padding-right: 10px; font-family: 'FontAwesome'; }
#product_inquiry_popup .modal-dialog {max-width: 1100px;margin-top: 3%;width: 95%;}
.modal-dialog .modal-header {padding: 0;text-align: center;padding-bottom: 0;position: absolute;z-index: 2;top: 0;width: 100%;left: 0;}
#product_inquiry_popup .modal-dialog .modal-content,#download_catalogue_popup .modal-dialog .modal-content {padding: 40px;border: none;border-radius: 0;-webkit-box-align: center;-webkit-backface-visibility: hidden;backface-visibility: hidden;-webkit-clip-path: polygon(100% 0,100% 0,100% 100%,100% 100%);clip-path: polygon(0% 0%,100% 0%,100% 0%,0% 0%);background: #ffffff;-webkit-transition: -webkit-clip-path 1s cubic-bezier(.115,.87,.19,1), -webkit-transform 1s cubic-bezier(.115,.87,.19,1),-webkit-opacity 1s cubic-bezier(.115,.87,.19,1);transition: -webkit-clip-path 1s cubic-bezier(.115,.87,.19,1), -webkit-transform 1s cubic-bezier(.115,.87,.19,1),-webkit-opacity 1s cubic-bezier(.115,.87,.19,1);transition: clip-path 1s cubic-bezier(.115,.87,.19,1), transform 1s cubic-bezier(.115,.87,.19,1),-webkit-opacity 1s cubic-bezier(.115,.87,.19,1);transition: clip-path 1s cubic-bezier(.115,.87,.19,1), transform 1s cubic-bezier(.115,.87,.19,1), -webkit-clip-path 1s cubic-bezier(.115,.87,.19,1), -webkit-transform 1s cubic-bezier(.115,.87,.19,1),-webkit-opacity 1s cubic-bezier(.115,.87,.19,1),opacity 1s cubic-bezier(.115,.87,.19,1);will-change: transform,clip-path;z-index: 99;}
#product_inquiry_popup.show .modal-dialog .modal-content,#download_catalogue_popup.show .modal-dialog .modal-content {opacity: 1; -webkit-clip-path: polygon(0% 0%,100% 0%,100% 100%,0% 100%); clip-path: polygon(0% 0%,100% 0%,100% 100%,0% 100%); -webkit-transform: translateX(0); transform: translateY(0); }
#product_inquiry_popup .modal-dialog .modal-header button.btn-close {top: 5px; right: 5px; margin: 0; padding: 10px; width: 25px; height: 25px; }
#product_inquiry_popup .modal-dialog .modal-header button.btn-close:after,#product_inquiry_popup .modal-dialog .modal-header button.btn-close:before {background: #222222; }
/* catalogues */
.catalogue_box {position: relative; display: block;}
.catalogue_box .catalogue_card {display: block; position: relative;padding: 5px ;background: #ffffff;box-shadow: 1px 1px 50px 0px rgb(0 0 0 / 9%); transform: translateY(0);    transition: 0.3s all; z-index: 0; }
.catalogue_box:hover .catalogue_card {transform: translateY(-35px); box-shadow: 1px 5px 50px 0px rgb(0 0 0 / 20%); }
.catalogue_box .catalogue_card h4 {margin: 0;padding: 10px 10px 10px 10px;text-align: center;font-size: 20px;font-weight: 400;}
.catalogue_box span.viev_catalogue {position: absolute; bottom: 0; z-index: -1; width: 100%; height: 35px; display: flex; align-items: center; justify-content: center; background: #f67b2c; color: #ffffff; text-transform: uppercase; font-size: 14px; font-weight: 500; letter-spacing: 1px; transition: 0.3s all; left: 0; }
#download_catalogue_popup .modal-dialog {max-width: 850px; margin-top: 3%; width: 95%; } 


.thanks {padding: 70px 0 50px 0;}
.thanks_content {width: 90%; padding: 80px 40px 70px 40px; max-width: 900px; margin: 0 auto; border: 3px dotted #d5deea; display: flex; flex-direction: column; text-align: center; align-items: center; background: #ffffff; /* box-shadow: 20px 20px 50px -15px rgb(0 0 0 / 30%); */ }
.thanks_content .middle_msg { padding: 0 30px 50px; width: 70%; border: 4px solid #f2f2f2; display: inline-block; vertical-align: top; }
.thanks_content h5 {letter-spacing: .5px; background: #ffffff; border-bottom: 0; font-size: 75px; color: #053d80; font-weight: 700; margin: -130px auto 20px; padding: 8px 30px; text-transform: uppercase; }
.thanks_content h6, .thanks_content h4 {font-size: 23px;color: #053d80;margin: 5px 0 15px 0;width: 100%;font-weight: 400;}
.thanks_content span {font-size: 18px;line-height: 26px;text-align: center;margin-bottom: 20px;display: none;}
.thanks_content i {width: 130px;height: 130px; border: 3px solid rgb(68 68 68 / 85%);border-radius: 100%; color: rgb(68 68 68 / 85%);line-height: 130px;font-size: 50px}
.thanks_content.error_content h5 {font-size: 150px; margin-top: -175px;}
.thanks_content.error_content h6 {font-size: 27px; margin: 0 0 10px; }
.thanks_content p {margin-bottom: 10px; width: 85%; }
.thanks_content h6 {font-weight: 500; margin: 20px 0 0; font-size: 25px; }

.new_arrival_label {position: absolute; right: 5px; top: 5px; background: #f67e2d; color: #ffffff; font-weight: 400; padding: 4px 10px; font-size: 12px; text-transform: uppercase; letter-spacing: 1px; }
/* become a supplier */
.become_supplier_form_scssn {position: relative;display: block;max-width: 1210px;margin: 0 auto;/* border: 15px solid #e4e9f0; */background: rgb(255 255 255);padding: 35px;/* box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 9%); */}
.become_supplier_form_scssn .sub_title h5 {font-size: 23px; color: #053d80; }
.become_supplier_form_scssn .form-group {position: relative;display: block;height: 100%;}
/* .become_supplier_form_scssn .common_form .form-group label {background: #f4f4f4; } */
.become_supplier_form_scssn .common_form .form-group textarea {height: 100%; resize: none; }

.become_supplier_form_scssn .tab {display: none } 
.become_supplier_form_scssn .all-steps {text-align: center;margin-top: 30px;margin-bottom: 40px;} 
.become_supplier_form_scssn .all-steps li  {display: inline-block;opacity: 0.6;display: inline-flex;font-size: 17px;align-items: center;font-weight: 500;padding: 0 60px 0 0;transition: 0.4s all;}
.become_supplier_form_scssn .all-steps li.active {opacity: 1 }
.become_supplier_form_scssn .all-steps li span {background: #f67f2d00;width: 45px;line-height: 45px;height: 45px;font-weight: 300;color: #053d80;border-radius: 5px;margin-right: 10px;font-size: 21px;/* filter: grayscale(1); */transition: 0.4s all;border: 1px dashed #0f4585;}
.become_supplier_form_scssn .all-steps li.finish {opacity: 1;}
.become_supplier_form_scssn .all-steps li.finish span {background: #053d80;color: #ffffff;}
.become_supplier_form_scssn .all-steps li.active span,.become_supplier_form_scssn .all-steps li.finish span {font-weight: 400; }
.become_supplier_form_scssn .nextprevious {display: flex; justify-content: flex-end; }
.become_supplier_form_scssn .nextprevious .custom-button2,.become_supplier_form_scssn .nextprevious .final_button {max-width: 170px; text-transform: uppercase; }
.become_supplier_form_scssn .nextprevious .custom-button2#prevBtn {margin-right: 10px; border-color: #d8e1eb; color: #666666; }
.become_supplier_form_scssn .nextprevious .custom-button2#prevBtn::before {background: #d8e1eb; }




.checkbox_group {display: block;position: relative;border: 1px solid rgb(5 61 128 / 15%);padding: 20px;margin-bottom: 20px;border-radius: 5px;}
.checkbox_group ul {display: flex;justify-content: flex-start;}
.checkbox_group ul li {padding-right: 18px;margin-bottom: 0;}
.custom_checkbox span.wpcf7-list-item-label {cursor: pointer;padding-left: 28px;position: relative;vertical-align: middle;font-weight: 400;margin: 0;font-size: 17px;}
.checkbox_group label:before {content: '';/* -webkit-appearance: none; *//* position: absolute; *//* content: ''; *//* width: 20px; *//* height: 20px; *//* left: 0; *//* top: 50%; *//* transform: translateY(-51%); *//* background: #ffffff; *//* border: 1px solid #ffffff; *//* transition: 0.2s all; *//* border-radius: 50px; *//* outline: 1px solid #333333; */}
.checkbox_group input[type="radio"] {display: none; width: initial; height: initial; }
.checkbox_group input[type="radio"]:checked:checked + span.wpcf7-list-item-label::before {background: rgb(5 61 128);border-width: 4px;}
.checkbox_group .input-group input.form-control {padding: 10px 20px; border: 2px solid rgb(15 69 133 / 16%); height: 55px; background: #ffffff; box-shadow: 0px 8px 15px -10px rgb(0 0 0 / 0%); transition: 0.8s all; z-index: 1; border-radius: 0; color: #222222; font-weight: 500; width: 100%; }
.checkbox_group .input-group .custom-file-control {width: auto; display: block; height: 35px; background: rgb(247 247 247); font-weight: 500; margin: 0; padding: 0 12px 0 30px; border: 1px solid rgb(166 166 166 / 0.4); position: absolute; right: 11px; border-radius: 3px; font-size: 13px; top: 50%; transform: translateY(-50%); z-index: 1; }
.checkbox_group .input-group .custom-file-control:before {content: '\f093'; position: absolute; left: 10px; font-size: 15px; top: 50%; font-family: fontAwesome; transform: translateY(-50%); opacity: 0.5; }
.custom_checkbox span.wpcf7-list-item-label {position: relative;}
.custom_checkbox span.wpcf7-list-item-label::before {content: '';-webkit-appearance: none;position: absolute;content: '';width: 20px;height: 20px;left: 0;top: 50%;transform: translateY(-51%);background: #ffffff;border: 1px solid #ffffff;transition: 0.2s all;border-radius: 50px;outline: 1px solid #333333;}
.custom_checkbox span.wpcf7-list-item-label::after {}
.custom_checkbox input[type="radio"] {position: absolute;opacity: 0;}


.checkbox_group .input-group input::placeholder {color: #777777; font-size: 16px; font-weight: 400; }
.input-group.attachment-group {max-width: 500px; width: 100%; }
.input-group.attachment-group span.wpcf7-form-control-wrap {
    width: 100%;
}
.attachment_box {
	display: block;
	max-height: 0;
	overflow: hidden;
	transition: all ease .5s;
	-moz-transition: all ease .5s;
	-webkit-transition: all ease .5s;
	margin-top: 10px;
}

.attachment_box.show {
	/* height: 100%; */
	max-height: 300px;
	transition: .5s ease-in;
}
.checkbox_group h6 {
	font-weight: 400;
}
.become_supplier_page {
	background: var(--grey_bg);
}


.arrow_button2 {position: relative; padding: 0; width: 200px; height: 50px; border-radius: 25px; background: #f67e2d; cursor: pointer; border: 2px solid #f67e2d; font-weight: 500; overflow: hidden; text-align: center; }
.arrow_button2 span {display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; transition: opacity 200ms ease-in-out; }
.arrow_button2 span:first-child img {width: 70px;filter: invert(1) brightness(2);transition: filter 200ms ease-in-out;}
.arrow_button2 span:last-child {position: absolute; top: 0; left: 0; opacity: 0; }
.arrow_button2 svg {height: 35px; fill: #f67e2d; }
.arrow_button2:hover {background: #f67e2d;}
.arrow_button2.done, .arrow_button2.processing {pointer-events: none; cursor: default; background-color: transparent; }
.arrow_button2.processing {width: 50px; border-width: 4px; border-right-color: #dddddd; border-bottom-color: #dddddd; animation: spin; animation-delay: 200ms; animation-duration: 2s; animation-timing-function: ease-in-out; animation-iteration-count: 1; }
.arrow_button2.processing:hover {background-color: transparent; }
.arrow_button2.processing span:first-child {opacity: 0; } 
.arrow_button2.done:hover {background-color: transparent; } 
.arrow_button2.done span:first-child {opacity: 0; }
.arrow_button2.done span:last-child {opacity: 1; }
.attach_suggestion {font-size: 13px; font-weight: 500; color: rgb(102 102 102 / 50%); padding-top: 1px; }
@keyframes spin {
	0% {
		transform: rotateZ(0);
	}
	100% {
		transform: rotateZ(720deg);
	}
}
.product_group_fitler_action {
    position: sticky;
    top: 82px;
    z-index: 8;
    border-bottom: 1px solid #ededee;
    background: #ffffff;
}

.filter_results {
    display: flex;
    padding: 13px 0 9px 0;
    position: relative;
    padding-left: 125px;
    align-items: center;
}

.filter_results ul li {
    padding: 0 4px 4px 0;
}

.filter_results ul li a {
    font-size: 13px;
    font-weight: 400;
    display: inline-block;
    padding: 8px 16px;
    position: relative;
    vertical-align: middle;
    border: 1px solid #cbd2de;
}

.filter_results ul li a:after {
    content: '';
    display: inline-block;
    margin-left: 0.4em;
    content: "x";
    font-size: 13px;
    color: #c40000;
    font-weight: 500;
}

.filter_results ul li a:hover {
    background: #cbd2de;
}

a.filter_clear {
    font-weight: 500;
    font-size: 13px;
    text-decoration: underline;
    padding-left: 15px;
    display: inline-block;
    vertical-align: middle;
    color: #205eaa;
    width: 100px;
}

a.filter_clear:hover {
    color: #053d82;
}

.tagging_group .tagging-item {
    font-size: 14px;
    display: inline-flex;
    padding: 5px 10px;
    align-items: flex-end;
    line-height: 1.1;
    border: 1px solid rgb(5 61 128 / 15%);
    margin: 0px 7px 7px 0px;
    border-radius: 5px;
    background: rgb(5 61 128 / 3%);
    color: #072b56;
    transition: 0.4s all;
}
.tagging_group .tagging-item:hover {
    color: #053d80;
    background: rgb(5 61 128 / 17%);
}