body{
    font-family: 'Roboto', sans-serif;
    overflow-x: hidden;
    background-color: #eeefee
}
header{
    background-color: #eeefee;
    padding-top: 20px;
}
.bg-line{
    background-image: url(../img/bg-line.jpg);
    background-repeat: repeat-x;
    background-position:center 75%;
}
header img{
    display: inline-block;
    float: none;
}
.section{
    padding: 40px 0;
    min-height:250px;
}
#section-1{
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: contain;
}
#section-1 img, #section-1-1 img, #section-1-2 img, .section-banner img{
    width:100%;
}
#section-2{
    background-image: url(../img/bg-section.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    background-color: #120e22;
    color: white;
}
#section-3{
    background-image: url(../img/bg-section-3.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-color: #120e22;
    color: white;
}
#section-3 h2{
    color: #56a8e1;
}
.blue{
    color:#365481
}
#section-4{
    background-color: #fff;
}
#section-3 small{
  font-size:10px;
}
#section-5{
    background-image: url(../img/bg-section-5.jpg);
    background-position: left top;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: #48afce;
    color: white;
}
#section-5 img, #section-6 img{
    width: 100%;
}
.btn-full{
    width: 100%;
}
.flex-div{
    display: flex;
}
.size-custom{
    font-size:15px;
}
.alert-white{
    background-color: white;
    padding:5px;
}
.big-size {
    font-size: 75px;
}
.yellow-text{
    color: #efb73a;
    font-size:20px;
}
.full-div{
    width: 100%;
}
ul {
  list-style: none; /* Remove default bullets */
}
ul li::before {
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #53b6e5; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
}
.font22{
    font-size:22px;
}
.font18{
    font-size:18px;
}
.p10{
    padding: 20px;
}
footer img{
    width: 100%;
}
footer{
    border-bottom:50px solid black;
}
.with-border{
    padding-bottom: 25px;
    margin-bottom: 40px;
    border-bottom:5px solid #b2c3ec;
}
.custom-border{
    border-bottom:40px solid #ffdbad;
}
.custom-border h4{
  font-weight:bold;
  font-size:20px;
}
.section-green{
    background-color: #447751;
    background-image: url(../img/bg-icon-green.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left center;
    color: white;
}
.section-green-2{
    background-color: #7fa789;
    color: white;
}
.bold{
    font-weight: bold;
}
.green{
    color:#7fa789;
}
.gray{
    color:#656565;
}
.custom-section-padding{
    padding: 40px 0 10px 0;
    min-height: 250px;
}
.after-border{
    border:3px solid #002162;
}
#section-white{
    background-color: white;
    background-image: url(../img/bg-after-section.jpg);
    background-repeat:no-repeat;
    background-position:bottom center;
    background-size:100%;
}
.box-title{
    color:white;
    background-image:url(../img/bg-blue-2.jpg);
    background-repeat:repeat-y;
    background-size:contain;
    background-position:center center;
    padding:10px;
    font-size:20px;
    text-align:center;
    width:70%;
    display:inline-block;
    text-align:center;
}
.box-title:hover{
    color:#84bbf1;
    text-decoration: none;
}
.blue-section{
    color:#182261;
}
.list-default-side{
  display:inline-block;
  margin-right:20px;
}
.bg-blue-section{
    background-color: #120e22;
    color:white;
}