@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@100..900&family=Roboto+Serif:opsz,wght@8..144,100..900&family=Roboto:wght@100..900&display=swap');

/*
font-family: "Roboto Serif", serif;
font-family: "Roboto Condensed", sans-serif;
font-family: "Roboto", sans-serif;
*/
:root {  
  /** @font family declaration **/   
  --ff-roboto:"Roboto", sans-serif;
  --ff-roboto-condensed:"Roboto Condensed", sans-serif;
  --ff-roboto-serif:"Roboto Serif", serif;
 
  /** background color declaration **/
  --bg-white: #FFFFFF;
  --bg-black: #000000;  
  --bg-blue: #0147b6;
  --bg-lblue: #f5f8fc;
  --bg-grey: #474747;
  --bg-lgrey: #fbfbfb;
  --bg-red: #ed3237;
  
  /** text color declaration **/
  --txt-white: #FFFFFF;
  --txt-black:#000000;
  --txt-faq:#606060;
  
}

/* CSS Document */
body { padding:0px; margin:0px; background:var(--bg-white); font-size:1rem; color:#000000; line-height:1.3; font-family:var(--ff-roboto); font-weight:400; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, main, nav, section, audio, video, source { display: block; margin: 0; padding: 0; }
a, img { border: medium none; }
a { color: #000000; text-decoration: none;  }
div { margin: 0; padding: 0; }
p { font-size:1rem; line-height:1.3; padding:0px; margin:0px; color:#000000;} 
h1, h2, h3, h4, h5, h6 { font-weight:normal; padding:0px; margin:0px;  line-height: 1.4; }
a{ color: #000000; outline:none; transition:all .35s ease; }
ul, li { list-style:none;}
a:focus, :focus{ outline:none; }
ul,ol { list-style-type:none; padding:0px; margin:0px; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } 
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; } 
* html .clearfix { height: 1%; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.clear { clear: both; line-height: 1px; padding:0px; height:0px; font-size:1px; }
.left { float:left; }
.right { float:right; }
.anim { transition:all 1s ease; -moz-transition:all 1s ease; -webkit-transition:all 1s ease; -o-transition:all 1s ease; }
.anim2 { transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; }
.row { width:100%; max-width:1280px; margin:auto; padding:0px 20px;}

img { border: 0; height: auto; max-width: 100%; vertical-align: middle;  width: 100%; transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; }

/* common css */
.overflow-hidden { overflow: hidden;}
.d-flex { display: flex; flex-wrap: wrap; }
.justify-space-between { justify-content: space-between;}
.div-center { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
.align-center { align-items: center;}
.align-top { align-items: flex-start;}
.space-between { display: flex; flex-wrap: wrap; justify-content: space-between;}
::selection { color: var(--txt-white); background-color: var(--bg-blue);}


/* header css */
header { float: left; width: 100%; position: relative; padding:30px 0; z-index: 9; }
.logo { float: left; width:170px; line-height: 0px; }
.ban-sec { position: relative; float: left; width: 100%; background:#fff url(../images/pattern-top.webp) repeat-x center bottom; padding:50px 0 175px; }
.ban-img { position: absolute; right: 0px; bottom: 0px; width:100%; max-width: 1250px; }
.ban-img img { max-width:100%; }
.ban-inr { float: left;width: 100%; position: relative; z-index: 1; display: flex; flex-wrap: wrap;justify-content: space-between; row-gap: 30px; }
.ban-lft {float: left; width:50%;}
.ban-lft h2 { font-size:52px; color: var(--txt-black); font-family: var(--ff-roboto-condensed); font-weight:500;line-height: 1.2; letter-spacing: -2px; margin-bottom:20px; }
.ban-lft h4 { font-size:20px; color: var(--txt-black); font-weight:500;line-height: 1.2; margin-bottom:20px; width: 85%; }
.ban-lft p { font-size:16px; line-height: 1.4; color:var(--txt-black); width: 85%; }
.ban-rht { position: relative; float: right; width:40%; padding: 20px; border:1px solid rgba(1, 71, 182, 0.21); overflow: hidden;} 
.ban-rht:before { content: ''; position:absolute;left: 0; right: 0; top: 0; bottom: 0; background:rgba(255, 255, 255, 0.6); filter: blur(8px);-webkit-filter: blur(8px); z-index: 1;} 
.ban-rht h3 {position: relative; font-size:26px; color: var(--txt-black); font-weight:500;line-height: 1.2; margin-bottom:10px; z-index: 2; }
.ban-rht p {position: relative; font-size:12px; line-height: 1.4; color:var(--txt-black); z-index: 2; }
.ban-rht ul { position: relative; display: flex; flex-wrap: wrap; row-gap:10px; margin-top: 25px; z-index: 2; }
.ban-rht li { flex: 0 1 100%; }
.contact-form input[type="text"], .contact-form ul li input[type="email"] { float: left; width: 100%; height: 60px; padding:10px 20px;border:1px solid rgba(1, 71, 182, 0.43); font-size:16px;  color:var(--txt-black); }
.submit-btn { width: 100%; height:60px;border: none;border-radius:5px;background:#1457a6;font-size:18px;font-family:var(--ff-roboto); font-weight: 500;color:var(--txt-white); text-align: center; cursor: pointer;transition: all .25s ease; }
.submit-btn:hover{background: var(--bg-red);}
#contact_submit_load, #contact_submit_load:hover {display: none;background:#1457a6;}
::placeholder {color:var(--txt-black); opacity: 0.6;}
::-ms-input-placeholder { color:var(--txt-black);}
.contact-form input.err-field {border:1px solid #e5242aa3;}
.err-msg { font-size:13px;color: #e52429;line-height: 1.2; }
/*.grecaptcha-badge {z-index: -1; opacity: 0;}*/

.network-info { position: relative; float: left; width: 100%; background:rgba(20, 87, 166, 1)  url(../images/noise-pattern.webp) repeat center bottom; padding:50px 0; }
.pattern-bg { position: absolute; width: 100%; height: 100%; left: 0; bottom: 0; background:url(../images/pattern2.webp) repeat-x center bottom; }
.statistics { float: left; width: 100%; }
.statistics ul { position: relative; display: flex; flex-wrap: wrap; row-gap:10px; justify-content: end;}
.statistics ul li { position: relative; flex: 0 1 auto; max-width: 320px; text-align: center; margin-right:19%; }
.statistics ul li:after { content: ''; position: absolute; top: 0; right:-120px; width: 2px; height: 100%; background: url(../images/line.svg) no-repeat center; }
.statistics ul li:nth-child(3) { margin-right:0; }
.statistics ul li:nth-child(3):after { display: none;}
.statistics ul li h3 { font-size: 60px;color:var(--txt-white); line-height: 1.2; padding-bottom: 25px; }
.statistics ul li p { font-size:22px;color:var(--txt-white); line-height: 1.4; }

.certify-sec { float: left; width: 100%; padding:30px 0; }
.certify-inr { position: relative; float: left; width: 100%; background: var(--bg-lgrey); padding:35px 10px; }
.certify-inr:before { content: ''; position: absolute; left: 0; top:-10px; width: 100%; border-top: 1px solid rgba(225, 225, 225, 1); }
.certify-inr:after { content: ''; position: absolute; left: 0; bottom: -10px; width: 100%; border-top: 1px solid rgba(225, 225, 225, 1); }
.certify-lft {float: left; width:35%; padding-right: 30px;}
.certify-inr h2 { font-size: 22px; color: var(--txt-black); font-weight:500;line-height: 1.2; margin-bottom: 10px; }
.contact-lft p { font-size:20px; line-height: 1.4; color:var(--txt-black); }
.certify-rht {float: left; width:65%;}
.certify-rht ul { position: relative; display: flex; flex-wrap: wrap; column-gap:30px; }
.certify-rht ul li { position: relative; flex: 0 1 21.8%; text-align: center; }
.certify-rht ul li:after { content: ''; position: absolute; top:10%; left:-15px; width: 1px; height: 80%; background:var(--bg-black); }
.certify-rht ul li:first-child:after { display: none;}
.certify-rht ul li img { max-width: 100%; }

.standard-sec { float: left; width: 100%; padding: 25px 0px; position: relative; } 
.standard-sec h2 { float: left; width: 100%; font-weight: 500; color:var(--txt-black); font-size: 48px; line-height:1.2; padding-bottom: 30px;}
.standard-sec ul { display: flex; flex-wrap: wrap; row-gap: 30px; width:100%;margin-bottom:30px; }
.standard-sec ul:last-child {  margin-bottom:0px; }
.standard-sec ul li { flex:0 1 25%; display: flex; flex-wrap: wrap; background:#E8E8E8; }
.chk-li {width: 100%; padding:25px 30px; background:var(--bg-white);  border-top:1px solid #E8E8E8; border-right:1px solid #E8E8E8; border-radius: 15px 15px 0 0;}
.standard-sec ul li:nth-child(4n+1) .chk-li { border-radius: 0px 15px 0 0; }
.standard-sec ul li:nth-child(4n) .chk-li { border-radius: 15px 0px 0 0; border-right:0px; }
.ico { margin-bottom:30px; line-height: 0; }
.ico img { width:auto; }
.standard-sec h3 { float: left; width: 100%; font-family:var(--ff-roboto-condensed); font-weight: 500; color:var(--txt-black); font-size: 22px; line-height:1.3; min-height:60px; }
.standard-sec ul li p { float: left; width: 100%; color:var(--txt-black); font-size: 20px; line-height:1.4; }
.special-sec { border-top:1px solid rgba(225, 225, 225, 1); padding-top: 30px; }
.special-sec ul { margin-bottom: 0px; }
.special-sec ul li { flex:0 1 33.33%; }
.special-sec  ul li:nth-child(3n) .chk-li { border-radius: 15px 0px 0 0; border-right:0px; }

.contact-sec { float: left; width: 100%; background-color: var(--bg-white); padding:60px 0; }
.contact-inr { float: left;width: 100%; position: relative; z-index: 1; display: flex; flex-wrap: wrap;justify-content: space-between; align-items: center; border: 1px solid rgba(0,0,0,0.1); border-radius: 5px; padding: 5px; background: #ffffff;background: linear-gradient(90deg,#e1e8f3 0%, #ffffff 40%); }
.contact-lft {float: left; width:55%; padding: 55px 50px 50px;}
.contact-lft h2 { font-size: 44px; color: var(--txt-black); font-family: var(--ff-roboto-serif); font-weight:500;line-height: 1.2; letter-spacing: -1px; margin-bottom: 10px; }
.contact-lft p { font-size:20px; line-height: 1.4; color:var(--txt-black); margin-bottom: 50px; }
.blue-btn { display: inline-flex; column-gap: 10px; width:200px; height: 55px; padding:16px 18px; background: var(--bg-blue); border-radius:5px; align-items: center; justify-content: space-between; color: var(--txt-white); font-size: 16px; font-weight: 700; text-transform: uppercase; }
.blue-btn:hover { background: var(--bg-red); }
.blue-btn span { background:url(../images/rht-arrow-white.svg) no-repeat center; background-size: 100% auto; width: 20px; height: 20px; }
.contact-img {float: right; width:42%;} 

.bg-chk-sec { float: left; width: 100%; background-color: var( --bg-lgrey); padding:45px 0 50px; }
.bg-chk-top { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 50px; row-gap: 20px; align-items: end; justify-content: space-between;}
.bg-chk-top h2 { flex: 0 1 50%; font-size: 48px; color: var(--txt-black); font-weight:500;line-height: 1.2;  }
.bg-chk-top p { flex: 0 1 40%; font-size:20px; line-height: 1.4; color:var(--txt-black); transition: all 0.4s ease;}
.features {float: left; width: 100%; margin-top:50px; }
.features h3 { font-size:22px; color: var(--txt-black); font-weight:500;line-height: 1.5; margin-bottom: 35px; }
.features ul { display: flex; flex-wrap: wrap; row-gap:30px; column-gap: 30px; }
.features li { flex: 0 1 31.6%; display: flex; flex-wrap: wrap; align-items: center;  position: relative;padding:25px 22px; min-height: 115px; background:rgba(217, 217, 217, 0.22); transition: all 0.4s ease;}
.features li h4 {position: relative;font-size:22px; font-weight:500; line-height: 1.4; color:var(--txt-black);padding-left: 22px;}
.features li h4:before { content: ''; position:absolute;top: 5px;left: 0px;width: 0;height: 0;border-style: solid;border-top: 10px solid transparent;border-bottom: 10px solid transparent;border-left: 11px solid #ff2b2d;border-right: 0;}

.abt-sec { float: left; width: 100%; background-color: var(--bg-white); position: relative; padding:90px 0 50px; }
.abt-sec h2 { font-size: 48px; color: var(--txt-black); font-weight:500;line-height: 1.2; margin-bottom: 50px; }
.abt-lft ul { display: flex; flex-wrap: wrap; row-gap: 18px; }
.abt-lft li { width: 100%; position: relative;font-size:20px; line-height: 1.4; color:var(--txt-black); padding-left:35px; background: url(../images/red-arrow.svg) no-repeat 0px 4px; background-size: 15px auto; transition: all 0.4s ease;}
.abt-lft {float: left; width:55%; padding-right: 50px;}
.abt-img {float: right; width:45%;}

.faq-sec { float: left; width: 100%; background-color: var(--bg-lblue); padding:40px 0 100px; }
.faq-sec .row { max-width: 840px; }
.faq-sec h2 { font-size: 48px; color: var(--txt-black); font-weight:500;line-height: 1.2S; text-align: center; }
.faqs-accord { float: left; width: 100%; margin-top:70px; }
.accordion_in { float: left; width: 100%; }
.accordion_in:first-child { border-top: 3px solid rgba(205, 214, 218, 0.25);;}
.acc-head { padding:16px 40px 16px 5px; border-bottom: 3px solid rgba(205, 214, 218, 0.25); font-weight:500; cursor: pointer; position: relative; font-size:18px; line-height: 1.3; color: #000; transition: all 0.5s ease;}
.acc-head::after { content: "\2b";  font-family: "Font Awesome 6 Free";font-size:18px; position: absolute; top: 15px; right: 10px; transition: all 0.5s ease; width: 25px; height: 25px;display: flex; align-items: center; border-radius: 50%; justify-content: center;}
.accordion_in.acc-active .acc-head::after { transform: rotate(45deg); }
.acc-content { display: none;  padding: 20px 20px 30px; border-bottom: 3px solid rgba(205, 214, 218, 0.25); }
.acc-content h4 { font-size:16px; line-height: 1.4; color:var(--txt-black); font-weight: 500; padding-bottom: 8px;}
.acc-content p { font-size:16px; line-height: 1.4; color:var(--txt-faq); padding-bottom: 20px; transition: all 0.4s ease;}
.acc-content p:last-child { padding-bottom: 0;}
.acc-content ul { display: flex; flex-wrap: wrap; row-gap: 15px; }
.acc-content li { width: 100%; position: relative;font-size:16px; line-height: 1.4; color:var(--txt-faq); padding-left:22px; transition: all 0.4s ease;}
.acc-content ul li:before { content: "▶";position: absolute; top: 1px; left: 0px;color: #e52429;font-size:14px; }
.acc-content ol { display: flex; flex-wrap: wrap; row-gap: 12px; list-style-type: decimal; padding-left: 15px; }
.acc-content ol li { list-style: decimal; padding-left:0px;}
.acc-head:hover { color: var(--txt-blue);}


footer { float: left; width: 100%; background-color: var(--bg-blue); padding:15px 20%; display: flex;flex-wrap: wrap;justify-content: center; }
.flogo { max-width:680px; width: 100%; line-height: 0px; }