html{margin: 0px; padding: 0px; overflow-x: hidden;}
body{margin: 0px;padding: 0px;font-family: 'Poppins', sans-serif;overflow-x: hidden;}
a{text-decoration: none;text-transform: uppercase;}
img{max-width: 100%;}
p{font-size: 15px; line-height: 30px;}
.container{max-width: 1150px; margin: auto;}

.topbar{
    float: left;
    width: 100%;
    background-color: #225ae1;
    color: #fff;
    text-align: center;
    padding: 10px;
    font-size: 14px;
}
.topbar a{
    color: #fff;
    margin-right: 10px;
}
.topbar a:hover{}
.header01{
    float: left;
    width: 100%;
    padding: 8px 0px;
}
.logo01{
    float: left;
    width: 26%;
}
.logo01 img{}
.menuright{
    float: right;
    width: auto;
    padding-top: 30px;
}
.menuright ul{
    list-style: none;
    margin: 0px;
    padding: 0px;
    float: left;
}
.menuright ul li{
    display: inline-block;
    margin-left: 24px;
    font-size: 17px;
    font-weight: 500;
    text-transform: uppercase;
}
.menuright ul li a{
    color: #333;
}
.menuright ul li a:hover{
    color: #225ae1;
}
.followus{
    float: right;
    margin-left: 28px;
    margin-top: -1px;
}
.followus a{
    vertical-align: middle;
    display: inline-block;
    margin-left: 4px;
}
.followus a img{
    height: 27px;
}
.mainbanner01{background-image: url(../images/banner01.jpg);float: left;width: 100%;padding: 70px 0px;text-align: center;background-repeat: no-repeat;background-size: cover;background-position: top center;position: relative;}
.mainbanner01::after{content:'';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgb(4 21 64 / 52%);}
.banertxt{
    float: left;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 60px;
    position: relative;
    z-index: 99;
    text-align: left;
}
.banertxt h3{
    font-size: 32px;
    text-transform: uppercase;
    font-weight: 200;
    margin-bottom: 0px;
    padding-bottom: 0px;
    color: #fff;
}
.banertxt h4{
    font-size: 36px;
    margin-top: 18px;
    margin-bottom: 14px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
}
.banertxt p{
    color: #fff;
    font-size: 17px;
}
.banertxt a{
    background-color: #fff;
    color: #000;
    padding: 9px 20px;
    font-weight: 600;
    display: inline-block;
    margin: 10px 20px;
    margin-left: 0px;
    min-width: 150px;
    text-align: center;
}
.banertxt a:hover{background-color: #235be2;  color: #fff;}
.banertxt a.btn2{    background-color: #235be2;  color: #fff;}
.banertxt a.btn2:hover{}

.section01{
    float: left;
    width: 100%;
    padding: 50px 0px;
}
.abtimg{
    float: left;
    width: 48%;
}
.abtimg img{}
.abtright{
    float: right;
    width: 48%;
}
.abtright h3{
    font-size: 22px;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 5px;
    margin-top: 0px;
    color: #235be2;
}
.abtright h4{
    font-size: 34px;
    font-weight: 600;
    padding-top: 0px;
    margin-top: 0px;
    margin-bottom: 9px;
}
.abtright p{
    line-height: 30px;
    margin-top: 0px;
    font-size: 15px;
    margin-bottom: 10px;
}
.abtright ul{
    float: left;
    width: 100%;
    list-style: none;
    margin: 0px;
    padding: 0px;
}
.abtright ul li{
    position: relative;
    padding-left: 25px;
    margin-bottom: 9px;
    font-size: 15px;
}
.abtright ul li::after{content: '';background-image: url(../images/arrow-icon.png);position: absolute;top: 5px;left: 0;width: 16px;height: 16px;background-repeat: no-repeat;background-size: 100%;}

.vision01{float: left;width: 100%;margin-top: 60px;background-color: #f5f5f5;padding-left: 50px;}
.vision01 img{
    float: right;
    width: 50%;
    border-radius: 0px;
    margin-left: 20px;
}
.vision01 h3{
    text-transform: uppercase;
    font-size: 33px;
    font-weight: 400;
    margin-bottom: 4px;
    margin-top: 56px;
}
.vision01 p{}

.section02{background-image: url(../images/bg01.jpg);float: left;width: 100%;text-align: center;position: relative;padding: 50px 0px;background-repeat: no-repeat;background-size: cover;background-attachment: fixed;}
.section02::after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #00000085;}
.whychose01{
    position: relative;
    z-index: 99;
    float: left;
    width: 100%;
}
.whychose01 h3{
    font-size: 35px;
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
    padding-top: 0px;
    margin-top: 0px;
    margin-bottom: 30px;
}
.whychose01 ul{
    list-style: none;
    margin: 0px;
    padding: 0px;
    float: left;
    width: 100%;
    text-align: center;
}
.whychose01 ul li{
    display: inline-block;
    width: 15%;
    float: none;
    background-color: #fff;
    padding: 15px;
    margin: 0px 1%;
    border-radius: 6px;
}
.whychose01 ul li img{
    max-height: 80px;
}
.whychose01 ul li h4{
    font-size: 21px;
    font-weight: 500;
    margin-bottom: 3px;
    margin-top: 12px;
}
.whychose01 ul li p{
    margin-bottom: 0px;
    padding-top: 0px;
    margin-top: 6px;
    line-height: 27px;
}

.section03{
    float: left;
    width: 100%;
    padding: 50px 0px;
}
.heading01{
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
}
.heading01 h3{
    font-size: 35px;
    font-weight: 600;
    text-transform: uppercase;
    padding-top: 0px;
    margin-top: 0px;
    margin-bottom: 1px;
    color: #235be2;
}
.heading01 p{
    margin-top: 4px;
}
.promain01{
    float: left;
    width: 100%;
    margin-bottom: 0px;
}
.promainleft01{
    float: left;
    width: 48%;
}
.promainleft01 img{margin-bottom:15px;}
.promainright01{
    float: right;
    width: 48%;
}
.promainright01 h3{
    margin-top: 0px;
    font-size: 27px;
    font-weight: 500;
    margin-bottom: 0px;
}
.promainright01 p{
    margin-top: 4px;
    margin-bottom: 10px;
}
.promainright01 h4{
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 500;
    margin-top: 0px;
    margin-bottom: 13px;
    color: #235be2;
}
.promainright01 ul{
    list-style: none;
    margin: 0px;
    padding: 0px;
    float: left;
    width: 100%;
}
.promainright01 ul li{
    position: relative;
    margin-bottom: 9px;
    padding-left: 28px;
    font-size: 15px;
}
.promainright01 ul li strong{
    font-weight: 600;
}
.promainright01 ul li::after{content: '';background-image: url(../images/arrow-icon.png);position: absolute;top: 4px;left: 0;width: 18px;height: 18px;background-repeat: no-repeat;background-size: 100%;}

.promain02{ display: flex;}
.promain02 .promainleft01{order: 2;}
.promain02 .promainright01{padding-right: 4%;}

.footer01{
    float: left;
    width: 100%;
    background-color: #000;
    padding: 30px 0px;
    background-image: url(../images/bg02.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    padding-top: 50px;
}
.foot01{
    float: left;
    width: 31.3%;
    margin-right: 2%;
}
.foot01 img{
    background-color: #fff;
    padding: 12px 12px;
    max-height: 70px;
}
.foot01 h2{
    color: #fff;
    margin-top: 0px;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 20px;
    background-color: #235be2;
    padding: 9px 14px;
    font-size: 19px;
}
.foot01 ul{
    list-style: none;
    margin: 0px;
    padding: 0px;
    padding-left: 14px;
}
.foot01 ul li{
    float: left;
    margin-bottom: 8px;
    width: 100%;
    color: #f5f5f5;
    font-size: 15px;
}
.foot01 ul li a{
    color: #f5f5f5;
}
.foot01 ul li a:hover{color: #235be2;}
.foot01 ul li strong{}
.foot02{}
.foot02 li{margin-bottom: 12px !important;}

.foot01 .followus{
    float: left;
    width: 100%;
    margin-top: 27px;
    text-align: left;
    margin-left: 0px;
}
.foot01 .followus img{}

.fotcopy01{    float: left;
    width: 100%;
    text-align: center;
    background-color: #fff;
    padding: 10px;
    font-size: 14px;}
.fotcopy01 a{ font-weight: 500; color: #235be2;}
.fotcopy01 a:hover{color: #000;}

.accordion-container .accordion-title {
    position: relative;
    margin: 0;
    padding: 0.625em 0.625em 0.625em 2em;
    background-color: #3c3c3c;
    font-size: 1.25em;
    font-weight: normal;
    color: #fff;
    cursor: pointer;
  }
  
  .accordion-container .accordion-title:hover,
  .accordion-container .accordion-title:active,
  .accordion-title.open {
    background-color: #235be2;
  }
  
  .accordion-container .accordion-title::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 25px;
    width: 15px;
    height: 2px;
    transform: rotate(90deg);
    background: #fff;
    transition: all .3s ease-in-out;
  }
  
  .accordion-container .accordion-title::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 25px;
    width: 15px;
    height: 2px;
    background: #fff;
    transition: all .2s ease-in-out;
  }
  
  .accordion-container .accordion-title.open::before {
    transform: rotate(180deg);
  }
  
  .accordion-container .accordion-title.open::after {
    opacity: 0;
  }
  
  .accordion-content {
    padding-left: 2.3125em;
    border: 1px solid #0079c1;
  }
  
.homeprod01{width: 100%; height: auto; float: left;}
.homeprod01 .accordion-container{width: 100%; height: auto; float: left;}
.homeprod01 .accordion-container .accordion-title{width: 96%;height: auto;float: left;padding: 14px 2%;margin-bottom: 1px;}
.homeprod01 .accordion-container .accordion-content{width: 96%;height: auto;float: left;padding: 2%;border: 0px;background-color: #f5f5f5;margin-top: -1px;}

.whatapchat01{ position: fixed; bottom: 15px; right: 15px; z-index: 999;}
.whatapchat01 a{}
.whatapchat01 a img{}




@media (max-width:600px){

    .topbar{font-size: 15px;}
    .logo01{width: 100%; text-align: center;}
    .logo01 img{max-height: 75px;}
    .menuright ul{display: none;}
    .followus{width: 100%; margin-left: 0px;}
    .menuright{width: 100%; text-align: center; display: none;}
    .mainbanner01{}
    .banertxt{ text-align: center;   padding: 0px 3%;  width: 94%;}
    .banertxt h3{font-size: 20px;}
    .banertxt h4{font-size: 25px;}
    .banertxt p{font-size: 16px;}
    .banertxt a{margin: 5px 5px; padding: 9px 16px; min-width: 100px;}
    .section01{width: 94%; padding: 40px 3%;}
    .abtimg{width: 100%; margin-bottom: 30px;}
    .abtright{width: 100%;}
    .abtright h3{font-size: 20px;}
    .abtright h4{font-size: 26px;}
    .vision01{margin-top: 25px; padding-left: 0px; background-color: #fff;}
    .vision01 img{width: 100%; margin-left: 0px;  float: none;}
    .vision01 h3{margin-top: 15px; font-size: 30px;}
    .vision01 p{margin-top: 0px;}
    .whychose01 h3{font-size: 27px; margin-bottom: 10px;}
    .section02{padding: 35px 3%; width: 94%;}
    .whychose01 ul li{width: 91%; margin: 0px 0px 20px;}
    .whychose01 ul li h4 br{display: none;}
    .heading01 h3{font-size: 30px;}
    .section03{width: 94%;     padding: 40px 3%;}
    .promain01{    margin-bottom: 18px;}
    .promainleft01{width: 100%;}
    .promainright01{width: 100%;}
    .promainright01 h3{font-size: 25px; font-weight: 600;}
    .promain02{display: block;}
    .promain02 .promainleft01{order: inherit;}
    .promain02 .promainright01{padding-right: 0px;}
    .footer01{ padding: 20px 3%; padding-top: 35px;     width: 94%;}
    .foot01{width: 100%; margin-right: 0px; margin-bottom: 15px;}
    .foot01.foot02{margin-bottom: 0px;}
    .fotcopy01{width: 96%; padding: 2%;}
    .homeprod01 .accordion-container .accordion-title{ padding: 10px 3%; margin-bottom: 1px; font-size: 16px; width: 94%;}
    .accordion-container .accordion-title::before{    right: 12px;}
    .accordion-container .accordion-title::after{right: 12px;}
    .whatapchat01 a img{max-height: 75px;}


}