@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&display=swap');
/** font-family: "Lexend", sans-serif;**/

body {  font-family: "Lexend", sans-serif;
  margin: 0;
  padding: 0;
}
a:hover {
  text-decoration: none;
}
*:after, *:before, p a, a {
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.pppage p, .pppage ul li {
    font-size: 19px;
    font-weight: 400;
    margin: 0;
}
.pppage h1 {
    font-size: 55px;
    text-transform: uppercase;
}
.headerime  img { width: 100%;}
.topbnre {
    background: url(../images/bner-bg.webp) no-repeat;
    background-position: center;
    background-size: cover;
    padding:70px 0;
    min-height: auto;
    display: flex;
    justify-content: end;
    align-items: start;
    flex-direction: column;
    position: relative;
    z-index: 1;
    color: #fff;
    height: 550px;
}
section.hsbs.hsbppone {
    padding: 50px 0 28px;
}
.hsbppone a{    color: #08417b;
    text-decoration: none;
    font-weight: 600;}
    .bixibese {
    display: block;
    margin: 0 0 40px;
}
.bulehead {
    background: #004c99;
    color: #fff;
    font-size: 19px;
    padding: 7px 21px;
    font-weight: 500;
    margin: 0 0 10px 0;
}
p.bikgead {
    font-weight: 600;
    margin: 10px 0;
}
.bixibese ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.bixibese ul li {
    position: relative;
    padding: 0 0 0 14px;
    margin: 0 0 5px 0;
}

.bixibese ul li img {
    object-fit: contain;
    height: 11px;
    position: absolute;
    left: 0;
    top: 7px;
}
.cibixes {
    margin: 16px 0;
}
footer.hsbs.hsbppthree {
    background: #08417b;
    padding: 50px 0 0 0;
    color: #fff;
}
.leizes {
    display: inline-block;
    vertical-align: baseline;
    width: 77%;
}
.footerloog {
    object-fit: contain;
    height: 50px;
    margin: 0 0 36px 0;
}

.hsbppthree p{
    font-size: 16px;
    font-weight: 300;
}
.condes a {
    display: inline-block;
    color: #fff;
    text-decoration: none;
    font-weight: 300;
    margin: 0 10px 0 0;
}

.condes a  img {
    display: inline-block;
    vertical-align: middle;
    margin: 0 9px 0 0;
}

.socilboxe {
    display: inline-block;
    vertical-align: baseline;
}
.socilboxe a {
    display: inline-block;
    width: 50px;
    margin: 0 20px 0 0;
}

.socilboxe a img {
    width: 100%;
}

.hsbppthree p.Copyrightbx {
    text-align: center;
    background: #000;
    padding: 14px;
    margin-top: 40px;
    font-weight: 300;
}
.pppage p { margin: 15px 0}
/**************************************************/
@media screen and (max-width:1920px) {}
@media screen and (max-width:1600px) {
    .leizes {
    width: 73%;
}
}
@media screen and (max-width:1366px) {}
@media screen and (max-width:1280px) {
        .leizes {
        width: 68%;
    }
}
@media screen and (max-width:1169px) {
    .socilboxe {
    width: 100%;
    margin: 33px 0 0 0;
}
.socilboxe a {
    display: inline-block;
    width: 33px;
    margin: 0 20px 0 0;
}
.pppage p, .pppage ul li {
    font-size: 15px;
    font-weight: 400;
    margin: 0;
}
.bixibese ul li img {
    top: 6px;
}
.topbnre {
    height: 312px;
}
section.hsbs.hsbppone {
    padding: 30px 0 0px;
}

.bulehead {
    font-size: 14px;
    padding: 7px 21px;
    margin: 0 0 15px 0;
}
.bixibese {
    margin: 0 0 26px;
}
.pppage p br { display: none;}
.footerloog {
    object-fit: contain;
    height: 40px;
    margin: 0 0 23px 0;
}
footer.hsbs.hsbppthree {
    padding: 36px 0 0 0;
}
.pppage p { margin: 8px 0}
.pppage h1 {
    font-size: 25px;
    text-transform: uppercase;
}
}
/* @media screen and (max-width:991px) {}
@media screen and (max-width:767px) {}
@media screen and (max-width:640px) {}
@media screen and (max-width:479px) {}
@media screen and (max-width:440px) {}
@media screen and (max-width:380px) {}
@media screen and (max-width:359px) {}
@media screen and (max-width:320px) {} */