@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
* { margin: 0px; padding: 0px; box-sizing: border-box; }
body { margin: 0px; padding: 0px; color: #000; font-size: 16px; font-family: "Poppins", sans-serif; background-color: #f0f4ff; }
.clear { height: 0px; overflow: hidden; clear: both; }
p { padding-bottom: 15px; line-height: 24px; }
a { color: #000; }
a:hover { text-decoration: none; }
h1,h2,h3,h4,h5,h6 { padding-bottom: 5px; font-weight: normal; }
h1 { font-size: 26px; }
h2 { font-size: 50px;font-weight:700; }
h3 { font-size: 22px; }
h4 { font-size: 20px; }
h5 { font-size: 18px; }
h6 { font-size: 16px; }
ul, ol { padding: 0px  }
img { max-width: 100%; height: auto; }
input[type="text"], input[type="email"], input[type="password"], input[type="tel"], select { padding: 8px 10px; border: 1px solid #c8c3c3; font-size: 16px; outline: none; }
input[type="submit"], input[type="button"] { background: #666; padding: 10px; color: #fff; border: 0; cursor: pointer;  }
.owlslider, .owlslider li { margin: 0; padding: 0; list-style: none; list-style-type: none; }
.pageerror { text-align: center; padding: 150px 0; }

/* Wrapper */
#wrapper { float: left; width: 100%; overflow: hidden; }

    /* layout */
    #layout { width: 100%; position: relative; }
    .wrapper { max-width: 1190px; margin: 0 auto; position: relative; padding: 0 10px; }



.main_header{float:left;width:100%;background: #ffd327;}
.main_header .left{float:left;width:20%;}
.main_header .left img{width:160px;}
.main_header .right{float:left;width:80%;text-align:right;}
.main_header .right ul li{padding: 14px 11px 14px 15px;position: relative;line-height: 30px;display: inline-block;font-size: 14px;}
.main_header .right ul li a{text-decoration:none;}


.hero_sec{float: left;width: 100%;position: relative;min-height: 500px;}
.inner_search{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;max-width: 800px;text-align: center;}
.inner_search h3{padding: 20px 0;font-weight: 600;}
.inner_search p{padding: 20px 0;}

.form_check{display:flex;justify-content:center;gap:10px;}
.form_check input{padding:12px 15px;width:350px;border:1px solid #ccc;border-radius:4px;}
.form_check button{position:relative;padding:12px 20px;background:#ffd327;border:none;color:#000;border-radius:4px;cursor:pointer;
 font-weight:600;display:flex;align-items:center;gap:8px;}



/*START */

.progress_box{
width:100%;
height:10px;
background:#eee;
margin-top:20px;
border-radius:5px;
overflow:hidden;
}

.progress_bar{
height:100%;
width:0%;
background:red;
transition:width 0.2s;
}

#result{
margin-top:20px;
font-size:18px;
font-weight:bold;
color:red;
}



.breach_box{border:2px solid #ff4d4d;background:#ffe6e6;padding:30px;border-radius:6px;}
.breach_box h2{color:#cc0000;font-size:28px;margin-bottom:10px;}
.breach_box p{color:#333;font-size:16px;}



.accnts{float: left;width: 100%;background: #fff;padding: 60px 0;background: #ffd327;}
.accnts .acc_card{float: left;width: 50%;text-align: center; }

.passwrd{float: left;width: 100%;margin: 60px 0;}
.pass_inner{float: left;width: 100%;background: #ffd327;padding: 60px 50px;border-radius:10px;}

.passwrd .left{float: left;width: 20%;}
.passwrd .left img{display: inline-block;width: 150px;}
.passwrd .middle{float: left;width: 50%;}
.passwrd .right{float: left;width: 30%;text-align: right;}
.passwrd .right a{color: #000;border: 2px solid #000;text-decoration: none;padding: 7px 20px;border-radius: 5px;font-weight: 500;display: inline-block;}

.top-footer{float: left;width: 100%;padding: 60px 0;background: #fff;}
.top-footer .ft-card{float: left;width:50%;padding: 10px;}


.top-footer .ft-card h3{color: #000;font-weight: 600;padding-bottom: 10px;}
.top-footer .ft-card ul{padding: 0;}
.top-footer .ft-card p{color: #000;font-size: 14px;}
.top-footer .ft-card ul li{list-style: none;line-height: 30px;}
.top-footer .ft-card ul li a{color: #000;text-decoration: none;font-size: 14px;}
.top-footer .ft-card ul li a:hover{color:#08205a;}

.top-footer .fa-brands, .fab {font-weight: 400;font-size: 30px;padding-right: 15px;color: #08205a;}
.top-footer .fa-solid{color: #08205a;}
.top-footer .ft-card.last ul li a{padding-left:10px;}

.copy{float: left;width: 100%;padding: 10px 0;background: #ffd327;}
.copy p{text-align: center;padding: 0;}