/* ----------------------------------------------------------------
	Custom CSS
-----------------------------------------------------------------*/

/*color: #44929f    red:  #b12b3a    blue:  #1b407f*/

@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');

.header-extras .i-plain{
	font-size: 18px;
}

#slider .h2{
	font-size: 3rem;
	letter-spacing: 3px;
	font-weight: 100 !important;
}

#slider .h1{
	font-size: 4rem;
	
}

.heading-block > span{
	font-family: 'Anton', sans-serif;
}

span.suptitle {
    font-size: 60px !important;
    font-weight: 900 !important;
}

.centerimg{
	background: #eee;
    border-radius: 50%;
    padding: 14px;
}

.hb .divider {
    position: relative;
    display: -ms-flexbox;
    display: block;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    margin: 0;
    color: black;
    width: 100%;
}

.para.divider {
    position: relative !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    overflow: hidden !important;
    margin: 3rem auto !important;
    color: #6e909a !important;
    width: 100% !important;
}

.divider::after, 
.divider::before {
    content: '';
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    height: 2px;
    background-color: #f9eedb;
}

.achieve-list li{
	font-size: 14px;
    margin-left: 20px;
    color: #999;
}

#about .fbox-content{
	min-height: 265px;
}

#service-list .w-100 {
    width: 100% !important;
    height: 325px;
    object-fit: cover;
}

#service-list .bg-overlay-content {
    align-items: end;
}

#service-list h3 {
    background: #1b407f9e;
    padding: 10px 20px;
    border-radius: 20px;
    font-family: 'Lato', sans-serif;

}

.heading-block span{
    font-weight: 300;
    color: #777;
    FONT-SIZE: 36px;
    font-family: 'Anton', sans-serif;
    margin-right: 5px;
}

#branches .portfolio-desc{
    min-height: 155px;
    }

#branches .portfolio, #branches .portfolio-item {
    padding: 10px;
    border: 1px solid #ddd;
}

.promo .row{
    justify-content: space-between;
}

.footer-quick-links a{
    margin-left: 20px;
    margin-right: 20px;
    color: #777;

}

.footer-quick-links a:hover{
    color: #1b407f;

}

.contact-icon .i-plain{
    color: #fff;
    font-size: 15px !important;
    line-height: 8px !important;
    border: 2px solid;
    border-radius: 50%;
    height: 30px !important;
    width: 30px !important;
    padding-top: 8px;
}

.contact-icon .he-text span{
    padding-top: 5px;
}

.contact-icon .he-text span a{
    color: #fff;
    font-size: 18px !important;
}

.promo .fbox-icon{
    width: unset;
    height: unset;
}

.promo .header-extras li .he-text span{
    display: flex;
    color: #fff;
}
.promo .header-extras li:first-child {
    margin-left: 30px;
}

/*---------------------*/


header .header-extras li{
    margin-left: 0rem;
}

#about,
#gallery,
#branches,
#achievements,
#careers{
    padding-top: 62px;
}

#careers .toggle h5{
    font-weight: 400 !important;
}

#achievements h3{
    font-weight: 400 !important;
}