/*Sohail CSS*/

.tab_content .tab_div .download_sample_img_div{margin: 30px 0px;padding: 18px 0px;border-top:1px solid #333;border-bottom:1px solid #333}
.tab_content .tab_div img{border: 1px solid #ddd;border-radius: 16px;background: linear-gradient(145deg, #f7f7f7, #f0f0f0);padding: 10px;box-shadow: 1px 4px 8px rgba(0, 0, 0, 0.1),1px 8px 8px rgba(0, 0, 0, 0.2);max-width: 100%;height: auto;display: block;margin: 30px auto;transition: transform 0.3s ease, box-shadow 0.3s ease;}
.download_sample_btn{background-color: #0f6fc6;color: #fff;border:1px solid #0f6fc6;padding: 12px 24px;margin: 0px 15px;border-radius: 100px;cursor: pointer;font-size:16px;font-weight: 600}
.download_sample_btn svg{stroke: #fff;position: relative;top: 2px}
#tab_2_body,#tab_3_body,#tab_4_body,.tab_div_none{display: none}

.faq_section .title{font-size: 27.4px!important}
.faq_section .faq_div{border:1px solid #e9eeff;margin-bottom: 15px;border-radius: 4px 4px 0px 0px}
.faq_section .faq_div .faq_que{color:#343a40;border-bottom: 1px solid #f1f1f1;font-size:20.6px;font-weight: 500;padding: 10px 15px;margin: 0px}
.faq_section .faq_div .faq_ans{font-size: 15.5px;font-weight: 400;padding: 10px 15px;margin-bottom: 0px}
.imgLinkBtn{background-color: #60ac2d;color: #fff;border: 2px solid #498d1b;font-size:16px;padding: 12px 0px;display:block;width: 225px;margin:30px auto;border-radius: 15px;cursor: pointer;transition: all ease .3s}
.imgLinkBtn:hover{background-color: #60ac2d}

/*Aside Coloum*/
.customize_btn_box,.methodology_btn_box{border: 1px solid #e2e2e2; margin: 35px 0px 30px}
.customize_btn_box p.title,.methodology_btn_box p.title{position: absolute;top: -15px;background: #fff}
.customize_btn_box .customize_btn{width:95%;font-size: 18px;background-color: #eef8fc;color: #0f68a4;border: 2px solid #0f68a4;padding: 12px 0px;font-weight:300;display: inline-block;border-radius: 15px;cursor: pointer;transition: all ease .3s}
.customize_btn_box .customize_btn:hover{color: #0f68a4;background-color: #eef8fc;border: 2px solid #0f68a4}
.methodology_btn_box .methodology_btn{width:95%;font-size: 18px;background-color: #eef8fc;color: #0f68a4;border: 2px solid #0f68a4;padding: 12px 0px;font-weight:300;display: inline-block;border-radius:15px;cursor: pointer;transition: all ease .3s}
.methodology_btn_box .methodology_btn:hover{color: #0f68a4;background-color: #eef8fc;border: 2px solid #0f68a4}

.clientsImages{max-width:300px;width: 100%;max-height:300px;display: inline-block;filter: grayscale(0)}
.clientIcon_food-and-beverage{background: url(../images/listing-4/food_clients_mobile.webp) no-repeat;background-size: contain;height: 252px}
.clientIcon_automotive{background: url(../images/listing-4/automotive_clients_mobile.webp) no-repeat;background-size: contain;height: 227px}
.clientIcon_consumer-product{background: url(../images/listing-4/consumer_product_clients_mobile.webp) no-repeat;background-size: contain;height: 343px}
.clientIcon_chemicals-and-materials{background: url(../images/listing-4/chemicals_and_materials_clients_mobile.webp) no-repeat;background-size: contain;height: 195px}
.clientIcon_healthcare{background: url(../images/listing-4/healthcare_clients_mobile.webp) no-repeat;background-size: contain;height: 200px}
.clientIcon_travel-and-tourism{background: url(../images/listing-4/travel_and_tourism_clients_mobile.webp) no-repeat;background-size: contain;height: 195px}
.clientIcon_process-automation{background: url(../images/listing-4/process_automation_clients_mobile.webp) no-repeat;background-size: contain}
.clientIcon_technology{background: url(../images/listing-4/technology_clients_mobile.webp) no-repeat;background-size: contain;height:206px}
.clientIcon_industrial-automation{background: url(../images/listing-4/industrial_automation_clients_mobile.webp) no-repeat;background-size: contain;height:182px}
.clientIcon_services-and-utilities{background: url(../images/listing-4/services_and_utilities_clients_mobile.webp) no-repeat;background-size: contain;height: 200px}
.clientIcon_oil-and-gas{background: url(../images/listing-4/oil_and_gas_clients_mobile.webp) no-repeat;background-size: contain}
.clientIcon_packaging{background: url(../images/listing-4/packaging_clients_mobile.webp) no-repeat;background-size: contain;height: 210px}
.clientIcon_testing-equipment{background: url(../images/listing-4/testing_equipment_clients_mobile.webp) no-repeat;background-size: contain}


/*Accordion */
.accord_div {border-radius: 6px;margin-bottom: 30px;border: 1px solid #98c144;position: relative}
.accord_div2{border: 1px solid #6453ed}
.accord_div p.title{position: absolute;top: -12px;left: 10px;background: #fff}
.accord_div .p1{font-size: 18px;color: #000;font-weight: 700;text-transform: capitalize}
.accord_div p.pointer:before{content: "";display: inline-block;width: 7px;height: 7px;background-color:#0868ad;border-radius: 100px;margin-right: 10px}
.accord_div .accord .parent_accord{width: 100%;background:#f2f4f8;color: #000;border: 1px solid #ced4da;border-bottom: none;font-size:16px;font-weight: 400;padding:16px 20px;font-family: system-ui;display: flex;justify-content: space-between;align-items: center;cursor: pointer}
.accord_div .accord:first-of-type .parent_accord{border-radius: 6px 6px 0px 0px}
.accord_div .accord:last-of-type .parent_accord{border-radius: 0px 0px 6px 6px;border-bottom: 1px solid #ced4da;}
.accord_div .accord:last-of-type .parent_accord.active{border-radius: 0px}
.accord_div .accord .parent_accord.active{background-color: #003366;color: #fff}
.accord_div .accord .parent_accord span{text-align: left}
.accord_div .accord .parent_accord img{transition: all .3s ease;vertical-align: middle;width: 16px;height: 16px}
.accord_div .accord .parent_accord img.rotate{transform: rotate(-180deg)}
.accord_div .accord .child_accord {background: #fff;padding:16px 20px;border: 1px solid #ced4da;border-bottom: none;border-top: none}
.accord_div .accord:last-of-type .child_accord {border-bottom:1px solid #ced4da;border-radius: 0px 0px 6px 6px}
.accord_div .accord .child_accord .img_div img{filter: grayscale(1)}
.accord_div .accord .child_accord .accordBody_p{font-size: 14px;color: #5e4074;text-align: justify;margin: 0px}
.accord_div .accord .child_accord .read_more_btn{background-color: transparent;border: none;font-size: 13px;color: #3a56e4;padding: 0px}

.sample_form_div{background: #f6f8ff;border-radius: 20px;display: none;border:5px solid #0569ad}
.sample_form_div .title{color: #003367;font-size: 18px;font-weight: 500;text-align: center;margin:0px 0px 10px 0px;display: flex;justify-content: center;align-items: center}
.sample_form_div .title span{color:#D82500}
.sample_form_div .input_div{margin-bottom: 20px;}
.sample_form_div .input_div .form-control{background-color:#f6f8ff;display: block;width: 100%;font-size: 16px;border: 0px;border-bottom: 1px solid #b1bfcd;box-shadow: none;outline: none;padding:5px 12px;border-radius: 0px}
.sample_form_div .input_div .form-control::placeholder{font-size: 14px;color:#111}
.sample_form_div .input_div .alert_text{font-size: 12px;color: #D82500;position: absolute;top: 38px;left:12px;display: none}
.sample_form_div .input_div .message_field_alert{top: 75px}
.sample_form_div .aside_form_btn{background-color: #ffd44d;color: #0f1111;border:1px solid #ffd44d;font-size:16px;font-weight: 500;padding: 15px 0px;border-radius: 100px;line-height: normal;width: 100%;cursor: pointer}
.sample_form_div .aside_form_btn:hover{background-color: #f5c940;color: #0f1111;border:1px solid #f5c940}
.sample_form_div .aside_form_btn svg{stroke: #0F1111}
.sticky_aside_Div{position: fixed;top: 95px;display: block}

/*recommendation*/
/*.recommend_box{border: 1px solid #f1f1f1;border-radius: 4px;height: 100%}*/
.recommend_box h5 a{display:inline-block;color: #343a40;text-decoration: none}

/*explore Section*/
.explore_section{background-color: #f6f8ff}
.explore_btn{width:225px;background-color: #0f68a4;border: 1px solid #0f68a4;color: #fff;padding: 13px 0px;border-radius: 100px;font-size:18px;font-weight:500;display: inline-block;transition: all ease .3s}
.explore_btn:hover{background-color: #0f68a4;color: #fff}

/*Fixed Header*/
.fixed_header{position:fixed;width:100%;top:-1px;background-color: #fff;z-index:3;box-shadow: 0 3px 6px rgba(0,0,0,.1);display: none}
.show_fixed_header{display: block;animation: slide-down 1.2s}
.fixed_header_btn_div .request_sample_btn1{background-color:#ffd44d;color:#0F1111;border:2px solid #ffd44d;font-size: 16px;min-width: 180px;height:45px;padding: 10px 20px;font-weight: 500;display: inline-block;text-align: center;border-radius: 100px;cursor: pointer;transition: all ease .3s}
.fixed_header_btn_div .request_sample_btn1:hover{background-color: #f5c940;color: #0F1111;border: 2px solid #ffd44d}
.fixed_header_btn_div .request_sample_btn1 svg{stroke: #0F1111;position: relative;top: 2px}
.fixed_header_btn_div .request_brochure_btn1{background-color: #fff;color:#F0572B;border:1px solid #F0572B;font-size: 16px;min-width: 180px;height:45px;padding: 10px 20px;font-weight: 500;display: inline-block;text-align: center;border-radius: 100px;cursor: pointer;transition: all ease .3s}
.fixed_header_btn_div .request_brochure_btn1:hover{background-color: #F0572B;color:#fff}
.fixed_header_btn_div .request_brochure_btn1 svg{stroke: #F0572B;position: relative;top: 2px}
.fixed_header_btn_div .request_brochure_btn1:hover svg{stroke: #fff}

.schedule_call_btn{background-color: #fff;color:#0f68a4;border:2px solid #0f68a4;font-size: 18px;min-width: 180px;height:45px;padding: 10px 20px;font-weight: 500;display: inline-block;text-align: center;border-radius: 100px;transition: all ease .3s}
.schedule_call_btn:hover{background-color: #0f68a4;color:#fff}
@keyframes slide-down {
  0%   {opacity: 0;transform: translateY(-100%)}
  100% {opacity: 1; transform: translateY(0%)}
}

#progress-bar{position: absolute;top: 0;left: 0;height: 2px;background: #0868ad;width: 0;transition: width 0.2s}

/*TOC Section*/
#tab_2_body{display: none}
#tab_2_body h3{font-size: 24px}
#tab_2_body ul ul{list-style: none}
#tab_2_body ul{list-style: none}
#tab_2_body ol ul{list-style: disc}
#tab_2_body ol ul ul{list-style: circle}
#tab_2_body ol ul ul ul{list-style: circle}
pre{line-height: 32px;font-size: 0.95rem;font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-weight: 400;color: #333;overflow-x: auto;overflow-y: hidden;white-space: pre-wrap;white-space: -moz-pre-wrap;white-space: -pre-wrap;white-space: -o-pre-wrap;word-wrap: break-word}

/*Comman Modal*/
.modal_box{background-color: #fff;max-width: 350px;width: 100%;margin: 40px auto 0px;border-radius: 20px;position: fixed;top: 0;left: 50%;transform: translate(-50%, 0%);z-index: 3;display: none} 
.modal_box:before{content: "";display: block;width: 100%;height: 100%;border-radius: 20px;position: absolute;z-index: -1;box-shadow: 0px 0px 0px 1500px #00000094}
.modal_header{padding: 16px;border-bottom: 1px solid #dee2e6;text-align: center}
.modal_header .title p{color: #13679e;font-size: 18px;font-weight: 500;text-align: center;margin: 0px}
.modal_header p.p1{color: #13679e;font-size: 22px;font-weight: 500;margin:0px 0px 4px 0px}
.modal_header p.p2{color: #1c1c1c;font-size: 14px;font-weight: 300;margin: 0px}
.modal_header .close_modal{background-color: #fff;color: #000;border:1px solid #fff;border-radius: 100px;font-size: 22px;width: 30px; height:30px;position: absolute;top: 0;right: 3px;cursor: pointer}
.modal_header .close_modal span{display: block;margin-top: -5px}
.modal_header .close_modal:hover{background-color: #ff0000;color: #fff}
.modal_body .input_div{margin-bottom: 25px;} 
.modal_body .form_control{display: block;width: 100%;font-size: 16px;border: 0px;border-bottom: 1px solid #b1bfcd;box-shadow: none;outline: none;padding: 7px 12px}
.modal_body .form_control::placeholder{font-size: 14px;color:#111;}
.email_alert_text{font-size: 12px;color: #D82500;position: absolute;top: 38px;left:12px;display: none}
.required_num{font-size: 12px;color: #D82500;position: absolute;top: 38px;left:12px;display: none}
.alert_text{font-size: 12px;color: #D82500;position: absolute;top: 38px;left:12px;display: none}
.message_alert{font-size: 12px;color: #D82500;position: absolute;top: 57px;left:12px;display: none}
.comman_red_btn{background-color:#ff3c00;color:#fff;border: 1px solid #ff3c00;border-radius:15px;padding:12px 0px;width:100%;font-size: 16px;cursor: pointer}
.terms_text{font-size: 11px;text-align: center;margin: 6px 0px 0px}
.terms_text a{color: #13679e}

/*Thanks Modal*/
.thanks_modal_box{background-color: #f4f4f4;max-width: 350px;width: 100%;margin: 40px auto 0px;border-radius: 20px;position: fixed;top: 0;left: 50%;transform: translate(-50%, 0%);z-index: 3;display: none} 
.thanks_modal_box:before{content: "";display: block;width: 100%;height: 100%;border-radius: 20px;position: absolute;z-index: -1;box-shadow: 0px 0px 0px 100vw #00000094}
.thanks_modal_box .modal_header .close_thanks_modal{background-color: #f4f4f4;color: #000;border:1px solid #fff;border-radius: 100px;font-size: 22px;width: 30px; height:30px;position: absolute;top: -10px;right: -10px;cursor: pointer}
.thanks_modal_box .modal_header .close_thanks_modal span{display: block;margin-top: -5px}
.thanks_modal_box .modal_header .close_thanks_modal:hover{background-color: #ff0000;color: #fff}
.thanks_modal_box .modal_body .thanks_title{color:#13679e}

/*.sample_popup_btn{background-color:#FFA41C;color:#0F1111;border: 1px solid #c57805;border-radius:100px;padding:12px 0px;width:100%;font-size: 16px;font-weight: 500;cursor: pointer}*/
.sample_popup_btn{background-color:#ffd44d;color:#0F1111;border: 1px solid #ffd44d;border-radius:100px;padding:12px 0px;width:100%;font-size: 16px;font-weight: 500;cursor: pointer}
.brochure_popup_btn{background-color:#f5332bd1;color:#fff;border: 1px solid #f5332bd1;border-radius:100px;padding:12px 0px;width:100%;font-size: 16px;font-weight: 500;cursor: pointer;display: flex;justify-content: center;align-items: center}
.brochure_popup_btn svg{stroke: #fff;position: relative;top: 2px}

.aside_modalbtn1{background-color:#1575af;color:#fff;border: 1px solid #1575af;border-radius:100px;padding:12px 0px;width:100%;font-size: 16px;font-weight: 500;cursor: pointer}
.aside_modalbtn1 svg{stroke: #fff;position: relative;top: 2px}
.aside_modalbtn2{background-color:#0b8c26;color:#fff;border: 1px solid #0b8c26;border-radius:100px;padding:12px 0px;width:100%;font-size: 16px;font-weight: 500;cursor: pointer}
.aside_modalbtn2 svg{stroke: #fff;position: relative;top: 3px}
.aside_modalbtn3{background-color:#1575af;color:#fff;border: 1px solid #1575af;border-radius:100px;padding:12px 0px;width:100%;font-size: 16px;font-weight: 500;cursor: pointer}
.aside_modalbtn3 svg{stroke: #fff;stroke-width: 30;fill: #fff;position: relative;top: 2px}
.aside_modalbtn4{background-color:#0b8c26;color:#fff;border: 1px solid #0b8c26;border-radius:100px;padding:12px 0px;width:100%;font-size: 16px;font-weight: 500;cursor: pointer}
.aside_modalbtn4 svg{stroke: #fff;position: relative;top: -2px}




/*Footer*/
footer{background: #f4f4f4}
.footer_row1{border-bottom: 1px solid #dee2e6}
.select_location select{width:100%;font-size:16px;appearance: auto;color: #495057;padding: 8px 12px;border-radius: 4px;font-weight: 400;border: 1px solid #ced4da;outline: none}
.border_right_left {border-right: 1px solid #dee2e6;border-left: 1px solid #dee2e6}
.contact_para{color:#333}
.contact_para a{color:#3a3939}
.contact_para a:hover{color:#0667ac}
address{font-style: normal;margin-bottom: 16px}
.footer_logo img{filter: grayscale(1)}
.footer_links .footer_pagelinks a{display:inline-block;padding: 0px 14px;font-size: 13px;color: #3a3939;transition: all ease .3s}
.footer_links .footer_pagelinks_3 a{padding: 5px 8px}
.footer_links .footer_pagelinks a.ps_10{padding-left: 10px}
.footer_links .footer_pagelinks a:hover{color:#0667ac}
footer.footer_copy_Right{background: #eaeaea}
.footer_social_links a{display: inline-block;color: #123D63;margin: 0px 6px}
.footer_social_links a svg{fill:#898989}
.footer_social_links a.youtube svg{margin-top: 6px}
.move_top{width: 40px;height: 40px;background:#aeb3be;color:#fff;padding: 4px;border-radius: 4px;border:none;position: fixed;bottom: 150px;right: 30px;opacity: 0;cursor: pointer;transition: all ease .3s;outline: none}
.move_top:hover{background-color: #91949b;transform: translateY(-5px)}
.move_top svg{vertical-align: middle;font-size: 16px}
.opacity_1{opacity: 1}

