/*Sohail CSS*/
*, ::after, ::before{box-sizing: border-box}
::selection{background-color: #2e4562; color: #fff}
body{margin: 0px;font-family: system-ui;-webkit-font-smoothing: antialiased}
a,a:hover{text-decoration: none}
h1,h2,h3,h4,h5,h6{margin-top: 0;margin-bottom: .5rem;font-weight: 500;line-height: 1.2}
p{margin-top: 0px}
strong{font-weight: 500!important;font-family: system-ui}
.t-white{color: #fff}
.t-black{color: #000}
.t-black1{color: #111}
.t-black2{color: #333}
.t-black3{color: #555}
.t-blue{color: #006bb6}
.t-blue1{color: #00508a}
.t-blue2{color: #090f1d}
.t-red{color: #D82500}
.bg-white{background-color: #fff}
.font11{font-size: 11px}
.font12{font-size: 12px}
.font14{font-size: 14px} 
.font16{font-size: 16px}
.font18{font-size: 18px}
.font20{font-size: 20px}
.font22{font-size: 22px}
.font24{font-size: 24px}
.font26{font-size: 26px}
.font28{font-size: 28px}
.font30{font-size: 30px}
.font32{font-size: 32px}
.font34{font-size: 34px}
.font36{font-size: 36px}
.radius4{border-radius:4px}
.radius6{border-radius: 6px}
.radius10{border-radius:10px}
.radius100{border-radius:100px}
.bold300{font-weight: 300}
.bold400{font-weight: 400}
.bold500{font-weight: 500}
.lh-22{line-height: 22px}
.lh-24{line-height: 24px}
.lh-28{line-height: 28px}
.img-fluid{max-width: 100%;height: auto}
.position-relative{position: relative}
.text-center{text-align: center}
.text-end{text-align: right}
.w-50{width: 50%}
.w-100{width: 100%}
.h-100{height: 100%}

header{background-color: #2e71f6}
header .logo_div a{font-size: 18px;font-weight: 500;color: #fff;padding:0px;display: inline-block;}
header .hamburger{display: none}
header .hamburger .hamburger_btn{background-color: #215ed7;color: #fff;border:1px solid #215ed7;padding: 2px 3px 2px;}
header .menu{display: flex;justify-content: end;align-items: center}
header .menu a{color: #fff;display: inline-block;padding: 20px}
header .menu a:hover{background-color: #215ed7}
header .menu a.active{background-color: #215ed7}

/*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:#FFA41C;color:#0F1111;border:1px solid #c57805;font-size: 18px;min-width: 180px;height:45px;padding: 10px 20px;font-weight: 500;display: inline-block;text-align: center;border-radius: 15px;cursor: pointer;transition: all ease .3s}
.fixed_header_btn_div .request_sample_btn1:hover{background-color: #FFA41C;color: #0F1111;border: 1px solid #c57805;transform: scale(1.02)}
.schedule_call_btn{background-color: #eef8fc;color:#0f68a4;border:1px solid #0f68a4;font-size: 18px;min-width: 180px;height:45px;padding: 10px 20px;font-weight: 500;display: inline-block;text-align: center;border-radius: 15px;transition: all ease .3s}
.schedule_call_btn:hover{background-color: #eef8fc;color:#0f68a4;transform: scale(1.02)}
/*.schedule_call_btn:hover{background-color: #0f68a4;color:#fff;transform: scale(1.02)}*/
@keyframes slide-down {
  0%   {opacity: 0;transform: translateY(-100%)}
  100% {opacity: 1; transform: translateY(0%)}
}

/*Search*/
.nav_row{position: relative;z-index: 3;background-color: #2e71f6}
.search_div{width: 35px;height: 35px;display: inline-block;border-radius:100px;margin: 0px 20px;cursor: pointer;position: relative;top: 6px}
.search_div:hover{background-color: #215ed7}
.search_div img{margin: 8px 8px 0px}
.search_row{width: 100%;position:absolute;top:-2000%;z-index: 2;transition: all 0.3s ease}
.search_row_active{top:100%}
.search_content_div{background:#215ed7;border:none;border-radius:0px 0px 8px 8px}
.search_content_div form{position: relative}
.search_content_div form input{color:#FFF;font-size:24px;border-style: none;border-bottom: 1px solid #fff;border-radius: 0px;background: transparent;padding: 15px 60px 15px 15px;height: 60px;display: block;width: 100%;outline: none}
.search_content_div form input:focus{box-shadow: none;background:transparent;border-color:#b3b8bd}
.search_content_div form input::placeholder{color:#fff}
.search_btn_div{position: absolute;top: 18px;right: 60px}
.header_search_btn{background: transparent;border-style:none}
.search_result p{font-size:18px;padding: 20px 14px;font-weight: 700;border-bottom: 1px solid #b3b8bd}
.search_result a{display: block;font-size:18px;padding: 20px 14px;border-bottom: 1px solid #b3b8bd}
.search_result a:hover{color: #f1f1f1}

.breadcrumb_sec{background-color:#F5f6f6;padding:10px 0px}
.breadcrumb{display: inline}
.breadcrumb a,.breadcrumb p{font-size: 12px;color: #999;margin: 0px;padding: 0px;display: inline}
.breadcrumb a:after{content:'>>';padding: 0px 8px;font-size:12px}
.breadcrumb a:hover{transform: scale(1)}

.banner{background-color:#F5f6f6}
.sample_btn{background-color: #FFA41C;color: #0F1111;border: 1px solid #c57805;display: inline-block;width: 100%;padding: 13px 0px;font-size:18px;font-weight:500;border-radius:15px;text-align: center;cursor: pointer;margin:10px 0px;transition: all ease .3s}
.sample_btn:hover{background-color: #FFA41C;color: #0F1111;transform: scale(1.02)}

.brochure_btn{background-color: #eef8fc;color: #0f68a4;border: 1px solid #0f68a4;display: inline-block;width: 100%;padding: 13px 0px;font-size:18px;font-weight:500;border-radius:15px;text-align: center;cursor: pointer;transition: all ease .3s}
.brochure_btn:hover{background-color: #eef8fc;color: #0f68a4;transform: scale(1.02)}

.report_info_div p{font-size: 13px;color: #1c1c1c;margin:0px 20px;display: flex}
.report_info_div p a{font-size: 13px;color: #1c1c1c}
.report_info_div p a:hover{color: #343a40}

.report_tabs{border-bottom: 2px solid #dfdfdf}
.report_tabs .tab{background-color: #fff;color: #717171;border: none;border-bottom: 4px solid transparent;font-size:18px;font-weight:400;width: 100%;padding: 8px 0px;line-height: 30px;cursor: pointer;outline: none}
.report_tabs .tab_active{background: #fafafa;color: #0667ac;border-bottom: 4px solid #91c63e;font-size: 18px;font-weight:400;}
.report_tabs .tab_1.tab_active{border-bottom: 4px solid #0868ad}
.report_tabs .tab_2.tab_active{border-bottom: 4px solid #8e278c}
.tab_content .tab_div{padding-top: 24px;line-height: 30px}
.tab_content .tab_div h2,
.tab_content .tab_div h3.report_content_title{font-size: 22px;color: #0667ac;margin-bottom: 16px;font-weight: 400}
.tab_content .tab_div h2::after,
.tab_content .tab_div h3.report_content_title::after{content: "";display:block;width: 60px;height: 3px;background-color: #0f68a4;margin: 10px 0px}
.tab_content .tab_div h3,
.tab_content .tab_div h5{font-size: 17.6px;line-height: 30px;color: #0667ac;font-weight: 400}
.tab_content .tab_div h4{font-size: 17.6px;line-height: 30px;color: #0667ac;font-weight: 400}
.tab_content .tab_div p{font-size: 16px;color: #333;line-height: 30px}
.tab_content .tab_div p strong{font-weight: 500}
.tab_content .tab_div a{display:inline-block;color: #bc2f06;text-decoration: underline;transition: all ease .3s}
.tab_content .tab_div a:hover{transform: scale(1)}
.tab_content .tab_div ul li{color:#333}
.tab_content .tab_div table{width: 100%;/*border: 1px solid #cbcbcb;*/margin: 16px auto 24px;border-collapse: separate;text-align: left}
.tab_content .tab_div table tr:nth-child(odd) th,
.tab_content .tab_div table tr:nth-child(odd) td{background-color:#eceef8;color:#333}
.tab_content .tab_div table tr:nth-child(even) th,
.tab_content .tab_div table tr:nth-child(even) td{background-color:#f6f8ff;color:#333}
.tab_content .tab_div table th{font-weight: 500!important}
.tab_content .tab_div table th,
.tab_content .tab_div table td{padding: 13px 8px}

.tab_brochure_btn{width: 100%;height: 49px;background: #f7682b;color: #000;border: 2px solid #ff0000;border-radius: 15px;padding: 6px 10px;font-size: 18px;font-weight: 500;margin:0px 0px 0px 8px;cursor: pointer;transition: all ease .3s}
.tab_brochure_btn:hover{background-color: #f7682b;color: #000;transform: scale(1.02)}



/*Aside Coloum*/
/*#tocList{position: sticky;top:16px;align-self:flex-start;background:#fff;border-radius:6px;border:1px solid #ddd;box-shadow:0 6px 16px rgba(0, 0, 0, 0.06);padding: 12px 6px 14px}*/
#tocList{position:sticky;top:75px;border:1px solid #ddd;border-radius:6px;padding: 10px;height:550px;overflow-y: scroll}
#tocList ul{list-style:none;padding:0}
#tocList ul li{padding:10px 4px;margin:6px 0px 6px;cursor: pointer;border-bottom: 1px solid rgba(0, 0, 0, 0.1)}
#tocList ul li a{color:#333}
#tocList ul li.active{background:#e6f1fb;color:#004f8c;font-weight: 500;border-radius:4px;box-shadow: 0 3px 4px rgba(173, 173, 173, 0.24)}
#tocList ul li.active a{color:#004f8c;font-weight: 500}
#tocList::-webkit-scrollbar{width: 5px;height: 5px}
#tocList::-webkit-scrollbar-thumb{background-color: #ccc;border-radius: 10px}
.sticky_aside_Div{position: fixed;top:70px;display: block}
.section1{background-color:#fff}
.section1 .connect_box,.section1 .buy_box, .section1 .client_box{background: #fff;border:1px solid #f4f4f4;border-radius: 4px;padding: 15px}
.section1 .connect_box .social_div .icon_div{width: 40px;height: 35px;padding: 8px 10px;border-radius: 100px;}
.section1 .connect_box .social_div .icon_div:hover{background-color: #f6f8ff}
.section1 .connect_box .social_div .icon_div svg{fill:#2e71f6;}
.section1 .client_box img{filter: grayscale(1)}

.quick_contact_box{border:none; margin: 30px 0px 25px;border: 1px solid #f4f4f4;}
.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}

/*CTA Banner One CSS*/
.r-Banner-one{padding: 18px 0px;line-height: 24px;border-top:1px solid #cbcbcb;border-bottom:1px solid #cbcbcb}
.r-Banner-one p.p1{font-size: 22px!important;color: #1a1a1a;line-height: 24px}
.r-Banner-one p.p2{font-size: 14px!important;color: #1a1a1a;line-height: 24px}
.r-Banner-one button.banner_one_btn{background-color:#ffa41c;color:#111;border: 1px solid #c57805;font-size: 18px;font-weight:500;padding: 13px 10px;width: 225px;transition: none;border-radius: 15px;cursor: pointer;transition: all ease .3s}
.r-Banner-one button.banner_one_btn:hover{background-color: #ffa41c;border: 1px solid #c57805;transform: scale(1.02)}
/*CTA Banner Two CSS*/
.r-Banner-two{padding: 18px 0px;border-top:1px solid #cbcbcb;border-bottom:1px solid #cbcbcb}
.r-Banner-two .r-banner-child2 p.p1{font-size: 22px}
.r-Banner-two .r-banner-child2 p.p2{font-size: 14px;color: #1c1c1c;line-height: 18px}
.r-Banner-two button.banner_two_btn{background-color: #ffa41c;color: #111;border: 1px solid #c57805;font-size:18px;font-weight:500;padding: 13px 10px;width: 225px;border-radius: 15px;cursor: pointer;transition: all ease .3s}
.r-Banner-two button.banner_two_btn:hover{background-color:#ffa41c;color: #111;transform: scale(1.02)}
/*CTA Banner Three CSS*/
.r-Banner-three{padding: 18px 0px;border-top:1px solid #cbcbcb;border-bottom:1px solid #cbcbcb}
.r-Banner-three p.p1{color: #1a1a1a;font-size: 22px}
.r-Banner-three p.p2{color: #1a1a1a;font-size: 14px;text-align: left;line-height: 20px;font-weight: 400}
.r-Banner-three p.p2 span{font-size: 18px}
.r-Banner-three button.banner_three_btn{background-color: #ffa41c;color: #111;border: 1px solid #c57805;font-size:18px;font-weight:500;padding: 13px 0px;width: 225px;border-radius: 15px;cursor: pointer;transition: all ease .3s}
.r-Banner-three button.banner_three_btn:hover{background-color: #ffa41c;transform: scale(1.02)}

/*TOC Section*/
#tab_2_body{display: none}
#tab_2_body h3{font-size: 24px}
pre{line-height: 0px;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}
.tab_content .tab_div div img{max-width: 650px;width: 100%;display: block;margin: 0px auto}
#tab_2_body,#tab_3_body,#tab_4_body,.tab_div_none{display: none}
.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;transform: scale(1.02)}

#tab_2_body ul{list-style: none}
#tab_2_body ul 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;}

@media(max-width: 426px){
	header .hamburger{display: block;text-align: end;}
	header .menu {display: none;background: #215ed7;position: absolute;padding: 10px;top: 49px;right: 0px}
	header .menu_item_div{flex-direction:column;justify-content: space-between;align-items: flex-start}
	header .menu_item_div a{width: 100%;background-color: #215ed7;padding: 12px;margin-bottom: 5px;text-align: left;border-bottom: 1px solid #ccc;border-radius: 0px}
}

/*kqa section*/
.kqa_section .kqa_div{border:1px solid #e9eeff;margin-bottom: 15px;border-radius: 4px 4px 0px 0px}
.kqa_section .kqa_div .kqa_head{cursor: pointer;border-bottom: 1px solid #f1f1f1}
.kqa_section .kqa_div .kqa_head .kqa_que{color:#343a40;font-size:18px;font-weight: 500;padding: 10px 15px;margin: 0px}
.kqa_section .kqa_div .kqa_head span{color:#343a40;font-size:20.6px;font-weight: 500;margin-right: 15px}
.kqa_section .kqa_div .kqa_body{display: none}
.kqa_section .kqa_div .kqa_body.show_kqa_body{display:block}
.kqa_section .kqa_div .kqa_body .kqa_ans{font-size: 15.5px;font-weight: 400;padding: 10px 15px;margin-bottom: 0px}
.kqa_section .kqa_div .kqa_body ul li{padding: 5px 0px}
.kqa_section .kqa_div .kqa_body ul li::marker{color:#0667ac}


