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

.service_container {width: 100%; float:left; clear: both; background: #fff; padding: 80px; margin: 0 0 80px 0}
.service_left {width: 40%; float:left; position: relative;z-index: 0}
.service_left:before {position: absolute;z-index: 0; content: ''; width: 1px; height: 100%; background: #d9e2e8; right: -70px}
.service_left .sectiontitle{text-align: left; font-size: 20px; color: #074b7c; margin: 0 0 30px}
.service_left .sectiontitle:after{background: #074b7c; left: 0; margin: 0}
.service_left .semititle{text-align: left; font-size:32px; color: #58575c; line-height: 40px; margin: 0 0 30px}

.service_right {width: 50%; float:right; position: relative;z-index: 0}
.servicelist_container {width: 100%; text-align: center; float:right; clear: both}
.serv_list_box {width: 33.33%; float:left; display: inline-block; text-align: center; margin: 0 0 40px 0; font-size: 18px; color: #074b7c; padding: 0 30px; font-weight: bold}
.serv_list_box a {color: #074b7c}
.serv_list_box:hover a{color: #329044}
.serv_list_box span{display: block; background: #074b7c; border-radius: 50%;text-align: center; width: 131px; height: 131px; margin: 0 auto 20px; position: relative;z-index: 0;}
/*.serv_list_box span:after{content: ''; position: absolute;z-index: 0; width: 140px; height: 140px; border-radius: 50%; border:1px dashed #074b7c; top: 50%; left: 50%; margin: -71px 0 0 -71px; }*/
.serv_list_box span:after {content: '';position: absolute;z-index: 0;width: 147px;height: 146px;border-radius: 50%;border: 1px solid #ccc;top: 50%;left: 50%;margin: -74px 0 0 -74px;}
.serv_list_box:hover span{background: #329044;}
.serv_list_box:hover span:after{border:1px dashed #329044}

.service_cta {width: 100%; float:left; clear: both; text-align: center; margin: 60px 0 0 0}
.service_cta .head_btnlist{display: inline-block; text-align: center; text-align:center; float:none}
.service_cta span{width: 100%; display: block; font-size: 32px; color: #58575c; font-weight: 600}
.service_cta ul.head_btnlist li{margin: 0 10px}

.service_cta ul.head_btnlist li.explorebtn a {background: #fff; color: #329044; box-shadow: 0 0 2px rgba(0,0,0,0.6)}
.service_cta {position: relative;z-index: 0}
.service_cta:before {position: absolute;z-index: 0; width: 80%; height: 1px; content: ''; background: #d9e2e8; top: -20px; left: 50%; margin: 0 0 0 -40%}
.brand_section{display: none;}

/*responsive styles*/

@media screen and (max-width:1440px) {

.service_container {padding: 40px;}
.serv_list_box {padding: 0 10px;}
    
    
    
}

@media screen and (max-width:1280px) {
    
    .serv_list_box {width: 50%;}


}
@media screen and (max-width:1100px) {
    
    .service_cta .head_btnlist {margin: 26px 0 26px 0;}
    .service_cta ul.head_btnlist li {margin: 0 10px;}
    .service_cta span {font-size: 26px;}
    .service_cta ul.head_btnlist li a{padding: 4px 10px}
    
    
}
@media screen and (max-width:992px) {
    
    .service_cta span {font-size: 26px;}
    
}
@media screen and (max-width:992px) {

    .service_left .semititle {font-size: 26px; line-height: 30px;}


}

@media screen and (max-width:860px) {

    .serv_list_box {font-size: 16px; line-height: 100%; margin: 0 0 20px 0;}

}

@media screen and (max-width:900px) {

    .service_left, .service_right {width: 100%}
    .serv_list_box {width: 33.33%;}
    .service_left:before {display: none}


}
@media screen and (max-width:700px) {

    .serv_list_box {width: 50%;}
    .serv_list_box {margin: 0 0 20px 0;}
    
    .serv_list_box span {width: 100px; height: 100px;}
    .serv_list_box span img {max-width: 100px}
    .serv_list_box span:after {width: 110px; height: 110px; margin: -56px 0 0 -56px;}

}

@media screen and (max-width:640px) {
    
    .service_cta span {font-size: 26px;}
    .service_cta .head_btnlist {display: block;}
    
    .service_cta ul.head_btnlist li {margin: 0 10px 10px; display: inline-block; float: none;}
    .service_cta ul.head_btnlist {margin: 10px 0px 10px 0; display: inline-flex;}

}

@media screen and (max-width:600px) {

    .serv_list_box {font-size: 14px;}


}

@media screen and (max-width:480px) {

    .service_left .semititle {font-size: 22px; line-height: 26px;}
    .service_container {padding: 25px;}
/*    .service_cta ul.head_btnlist {display: block;}*/
    .service_cta span {font-size: 20px;}
    .service_cta ul.head_btnlist {margin: 10px 0px 10px 0; display: block;}
    .service_cta ul.head_btnlist li {display: block;}
    
    
    .service_cta ul.head_btnlist li.explorebtn a.btn-theme img {display: none}
    .service_cta ul.head_btnlist li a {width: 135px;}
 
    



}
@media screen and (max-width:400px) {

    .serv_list_box span {width: 90px; height: 90px;}    
    .serv_list_box span img{width: 100%}  
    .serv_list_box span:after {width: 95px; height: 95px; margin: -48px 0 0 -49px;}
    .serv_list_box a {font-size: 14px;}
    .serv_list_box {margin: 0 0 20px 0;}
    .service_cta span {font-size: 17px;}

    

}

@media screen and (max-width:360px) {
    
    
    .service_container {
    padding: 15px;
}
    
    .service_cta ul.head_btnlist li a{padding:4px 15px }
    
    .service_cta ul.head_btnlist li a {padding: 4px 15px; font-size: 17px;}
    .service_cta ul.head_btnlist li {display: block; font-size: 14px;}
    
    
    

    

}