/*Sohail CSS*/

.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}

/*Blogs listing Page*/
.blogs_section{position: relative;padding: 30px 15px 30px}
h2.before_line:before {content: ""; width: 100px; height: 3px; background: rgba(254,79,0,.75); position: absolute; top: 50%; transform: translate(-115px, 0px)}
.blog_featured{width:50%!important;background-image: url(../images/blog-clutch-bg.webp);background-repeat: no-repeat;background-size: 100% 100%;position: relative}
.blog_featured p,.blog_featured h3{position: relative;z-index: 9}
.blogs_link_div{width: 25%;min-height: 350px}
.blogs_link_div a.t-white:hover{color: #fff}
.blogs_link_div a.t-black4:hover,
.blogs_link_div a.t-black7:hover{color: #111}
.report_div{background-color: #fff;border:1px solid #bababa;position: relative;}
.paginationDiv span.page_link{font-size: 15px;color: #3e4753;background-color: #dedede;border: 1px solid #b1b1b1;border-right: none;padding: 8px 12px;box-shadow: none;cursor: pointer}
.paginationDiv span.page_link:hover{background-color: #989898;border-color: #808080}
.paginationDiv span:first-child{border-radius: 4px 0px 0px 4px}
.paginationDiv span:last-child{border-radius: 0px 4px 4px 0px;border-right: 1px solid #b1b1b1}
.paginationDiv span.active_page_link{background-color: #989898;color:#fff;border-color: #808080;z-index: 0}
.pagination_row .form-select{border: 1px solid #ced4da;outline: none;border-radius: 3px;padding: 1px 0px}
.golden_div a{color: #fff!important;border:2px solid #fff!important;padding: 9px 30px!important;font-weight: 500;border-radius: 15px;margin: 5px 0px;display: inline-block}
.quick_contact_box{border: 1px solid #e2e2e2; margin: 20px 0px 20px}
.quick_contact_box a.contact{display: flex;align-items: center;color: #4c4c4c;font-size: 16px;padding:14px 12px;border-top: 1px dashed #9b9b9b}
.quick_contact_box a.contact svg{color: #264997;margin-right: 10px}
.quick_contact_box a.whatsapp svg{color: #10b414}
.quick_contact_box a.contact:hover{color: #408bc0}
.member_of_img img,.clutch_img img,.certificate_img img{filter: grayscale(1)}
.member_of_img,.clutch_img{border: 1px solid #e2e2e2}


.blog_featured{width:50%!important;background-repeat: no-repeat;background-size: 100% 100%;position: relative}
.blog_featured:before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background:linear-gradient(rgba(0, 0, 0, 0) 5%, rgba(0, 0, 0, 0.5) 40%);}
.blog_featured.cat_name_1{background-image: url(../images/category/cat-1.jpg)}
.blog_featured.cat_name_2{background-image: url(../images/category/cat-2.jpg)}
.blog_featured.cat_name_3{background-image: url(../images/category/cat-3.jpg)}
.blog_featured.cat_name_4{background-image: url(../images/category/cat-4.jpg)}
.blog_featured.cat_name_5{background-image: url(../images/category/cat-5.jpg)}
.blog_featured.cat_name_6{background-image: url(../images/category/cat-6.jpg)}
.blog_featured.cat_name_7{background-image: url(../images/category/cat-7.jpg)}
.blog_featured.cat_name_8{background-image: url(../images/category/cat-8.jpg)}
.blog_featured.cat_name_183{background-image: url(../images/category/cat-183.jpg)}
.blog_featured.cat_name_184{background-image: url(../images/category/cat-184.jpg)}
.blog_featured.cat_name_185{background-image: url(../images/category/cat-185.jpg)}
.blog_featured.cat_name_195{background-image: url(../images/category/cat-195.jpg)}
.blog_featured.cat_name_196{background-image: url(../images/category/cat-196.jpg)}
.blog_featured.cat_name_198{background-image: url(../images/category/cat-198.jpg)}
.blog_featured.cat_name_199{background-image: url(../images/category/cat-199.jpg)}



/*Blogs Details Page*/
.date_cat_div span{color:#fff;font-style: italic}
.blog_details_div p{color: #333;font-size: 18px;line-height: 30px}
.blog_details_div p img{max-width: 650px;display: block;margin: 15px auto}
.blog_details_div p span{color: #0667ac;font-weight: 500}
.blog_details_div p a{color: #0667ac;font-weight: 500;text-decoration: underline}
.blog_details_div h2,.blog_details_div h3{color: #0667ac;font-size: 22px}
.blog_details_div h4{font-size: 17.5px}
.blog_details_div ul li{font-weight: 500}
.previous_blog_div,.next_blog_div{width: 100%}
.next_blog_div .previous_blog_div a{border-radius: 25px 0px 0px 25px}
.next_blog_div .next_blog_div a{border-radius: 0px 25px 25px 0px}
.previous_blog_div a:hover,.next_blog_div a:hover{background-color:#6a6a6a;color: #fff}
.aside_column h2.after_bottom_line:after{content:"";display: block;width: 55%;height: 5px; background-color:#4db2ec;margin: 13px auto;border-radius: 100px}
.blogs_detail_aside a{color: #7b7373;display:block;border-bottom: 1px solid #dcdcdc;padding: 10px 0px}
.blogs_detail_aside a:hover{color: #4267b2}


.blog_details_div table{width: 100%;/*border: 1px solid #cbcbcb;*/margin: 16px auto 24px;border-collapse: separate;text-align: left}
.blog_details_div table tr:nth-child(odd) th,
.blog_details_div table tr:nth-child(odd) td{background-color:#eceef8;color:#333}
.blog_details_div table tr:nth-child(even) th,
.blog_details_div table tr:nth-child(even) td{background-color:#f6f8ff;color:#333}
.blog_details_div table th{font-weight: 500!important}
.blog_details_div table th,
.blog_details_div table td{padding: 13px 8px}
.blog_details_div table th ul li,
.blog_details_div table td ul li{font-weight: 400}

/*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_links .footer_pagelinks a{padding: 0px 14px;font-size: 13px;color: #3a3939}
.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_logo img{filter: grayscale(1)}
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}


.recommend_box h5 a{display:inline-block;color: #343a40;text-decoration: 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}


/*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}



.infographic-viewport {display: flex;align-items: center;justify-content: center;height: 490px;padding: 20px;box-sizing: border-box;margin:30px auto;}
.infographic-wrap {width: 100%;max-width: 700px;margin: 0 auto;display: grid;grid-template-columns: 1fr;gap: 18px;padding: 20px;background: #f6f8ff;border-radius: 16px;box-shadow: 1px 4px 8px rgba(0, 0, 0, 0.1),1px 8px 8px rgba(0, 0, 0, 0.2)}
.infographic {display: grid;grid-template-columns: 1fr 170px;align-items: flex-start;}
.main-left{background: #fff;border-radius: 12px 0 0 12px}
.main-left .title {font-size: 26px;color: #0569a6;font-weight: 600;line-height: 0.95;margin: 15px;}
.main-left .subtitle {color: var(--muted);font-size: 15px;margin-bottom: 14px;margin-left: 15px}
.chart-box {background: #fff;padding: 10px;border-radius: 0 0 0 12px;height: 300px;display: flex;}
.chart-box canvas {width: 100% !important;height: 100% !important;}
.kpi-panel {background: #076aa9 url('../images/chart-bottom-design.png') bottom center no-repeat ;color: #fff;border-radius: 0 12px 12px 0;padding: 20px;min-height: 220px;display: flex;flex-direction: column;align-items: center;justify-content: center;box-shadow: 0 6px 18px rgba(0,0,0,0.06);height: 100%;position: relative;}
.kpi-logo {width: 120px;height: 75px;background: url('../images/logo-fmi-white.png') center center no-repeat;border-radius: 8px;margin-bottom: 12px;align-items: flex-start;position: absolute;top: 15px;}
.kpi-value {font-size: 48px;font-weight: 800;line-height: 1;padding: 12px 0;border-top: 1px solid rgba(255, 255, 255, 0.5);border-bottom: 1px solid rgba(255, 255, 255, 0.5);margin: 30px auto 8px;}
.kpi-label {text-align: center;font-size: 13px;margin-top: 6px;opacity: 0.95;}
.kpi-footer {font-size: 12px;opacity: 0.85;margin-top: 8px;}
.content_block {margin-bottom: 12px;}
@media (max-width: 900px){.infographic {grid-template-columns: 1fr;}
.chart-box {height: 300px;}
.kpi-panel {flex-direction: row;gap: 12px;min-height: 90px;padding: 12px 15px;}
.kpi-logo {width: 48px;height: 48px;margin-bottom: 0;}
.kpi-value {font-size: 28px;}}



/*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, .close_license_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,.close_license_modal span{display: block;margin-top: -5px}
.modal_header .close_modal:hover,.close_license_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}
#progress-bar{position: absolute;top: 0;left: 0;height: 2px;background: #0868ad;width: 0;transition: width 0.2s}