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


.hm-serv{
    background: url(../image/serv-bg.jpg) no-repeat;
    background-attachment: fixed;
    background-size: cover;
    position: relative;
    padding-top: 25px;
    padding-bottom: 7px;
    border-top: 1px solid #57a344;
    border-bottom: 1px solid #57a344;
    }
.hm-serv:after{content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(255,255,255,0.90);}
.hm-serv .container{position:relative; z-index:9;}


.hm-serv {font-size: 14px;

    font-family:arial;}

.hm-serv h4{font-size: 14px;
    font-weight: 700;
    font-family: Open Sans;
    color: #008237; text-align:center;}
	
.hm-serv h2{
    font-size: 35px;
    font-family: Open Sans;
    font-weight: 800;
    color: #004568;
    text-align: center;
    margin-bottom: 35px;
    border-bottom: 1px solid #004568; padding-bottom:10px;
    }
	
.hm-serv h2 strong{color: #57a344;}
	
.hm-serv h2 span{font-style:normal; position:relative;}
	
.hm-serv h2 span:after{
    content: "";
    position: absolute;
    z-index: 99;
    height: 5px;
    width: 100%;
    background: #57a344;
    left: 0;
    bottom: -9px;
    }
	
.ser-main-cl{    position: relative;
    text-align: center;
    margin-top: 90px;
    margin-bottom:90px;}
	
.ser-main-cl img{border: 5px solid #fff;
    border-radius: 50%;
    box-shadow: 0px 0px 2px #47540e;
	}

.ser-cl-inner img{width: 125px;
    height: 125px;
    border-radius: 50%;
    border: 4px solid #fff;
    float: left;
    margin-left: 15px;
    transition: 0.7s;
    position: absolute;
    top: -15px;}
	
.ser-cl-inner:hover img{ transition:0.7s; transform:scale(1.2);}
	
.ser-cl-inner h3{
    font-size: 18px;
    /* font-family: Raleway; */
    font-weight: 700;
    color: #004568;
    margin-bottom: 10px;
    margin-top: 0;
    }
	
.ser-cl-inner p{line-height:18px;}
	
.fl-ser{    float: left;
    text-align: right;
    width: 100%;
    margin-top: 15px;
    font-size: 14px;
    padding-right: 135px;
    position: relative;}
	
.fl-ser.fr-ser{padding-right:0;     padding-left: 135px;}
	
.fl-ser p{text-align:right;}

.fl-ser p a{
    display: block;
    color: #57a344;
    margin-top: 8px;
    font-weight: bold;
    font-style: italic;
    font-size: 13px; transition:0.5s;
    text-decoration: none;
}
	
.fl-ser p a:hover{transition:0.5s; color: #1556ca;}
	
.cl1{     position: absolute;
    top: -30px;
    width: 39%;
    left: 65px;}
	
.cl2{    position: absolute;
    top: 166px;
    width: 38%;
    left: -30px;}
	
.cl3{    position: absolute;
    top: 355px;
    width: 39%;
    left: 80px;}
	
.cl4{    position: absolute;
    top: -30px;
    width: 40%;
    right: 65px;}
	
.cl5{    position: absolute;
    top: 166px;
    width: 39%;
    right: -40px;}
	
.cl6{    position: absolute;
    top: 355px;
    width: 40%;
    right: 65px;}
	
.cl4 .fl-ser p, .cl4 .fl-ser h3,
.cl5 .fl-ser p, .cl5 .fl-ser h3,
.cl6 .fl-ser p, .cl6 .fl-ser h3 {text-align:left;}

.cl4.ser-cl-inner img,
.cl5.ser-cl-inner img,
.cl6.ser-cl-inner img{margin-right: 15px; margin-left:0;
    left: 0;}

.dn-img {
    display: none;
}



.dropend .dropdown-menu[data-bs-popper] {
    right: 100% !important;
    left: auto !important;
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
}

.dropdown-menu .submenu-left {
    right: 100% !important;
    left: auto !important;
}
.dropdown-menu .submenu {
    display: none;
    position: absolute;
    left: 100%;
    top: -7px;
}


/*nav-bar*/
.dropdown-toggle{position:relative;}
.nav-item ul li .dropdown-toggle::after{position:absolute;right: 5px; top: 10px;}
.bg-light{background-color: #fff !important; height:100%;}
.nav-link{font-weight: 600;color:#000;font-size: 14px;}
.nav-fill{width:100%; font-size: 15px;}
.navbar-brand{margin:0;}

	a {
		text-decoration: none;
	}

/*nav-bar*/
@media (max-width: 1170px){
.navbar-expand-md .navbar-nav .nav-link{padding-right:1px; padding-left: 1px; font-size: 13px;}
}
@media (max-width: 991px){
#MenuControl, #MenuControl_C, #HeaderControl, #HeaderControl_C, #widgetsControl_C, #widgetsControl{ height: initial !important;}
.navbar-expand-md .navbar-nav .nav-link{padding-right:1px; padding-left: 1px; font-size: 14px; text-align: left;}
	}



.main-table{font-family:Arial; font-weight:normal; Font-size:14px; color:#333; line-height:24px; text-align:justify; padding: 0 5px;}
.main-heading{font-weight:bold; Font-size:20px; color:#245e6c; line-height:36px; border-bottom:1px #ccc dashed; text-transform:uppercase;}
.sub-heading{font-weight:bold; Font-size:15px; color:#333; line-height:30px; text-transform:uppercase; margin:0;}
.team-title{font-weight:bold; Font-size:14px; color:#333; line-height:30px; margin:0;}
.contact-us{ padding-left:20px; line-height:30px; font-family: arial; font-size: 14px;}

@media(max-width:769px){
.three-cl h3{font-size: 23px;}	

.ser-cl-inner {
    position: initial;
    float: left;
    width: 47%;
    text-align: center;
    margin: 0 1.5%;
    /*border: 1px solid #eee;*/
    margin-top: 70px;
    padding-bottom: 20px;
}

.ser-main-cl{    margin-top: 30px;
    margin-bottom: 0;}
	
.fl-ser, 
.fl-ser.fr-ser
{float:inherit; text-align:center; padding:0 15px; border:1px solid #ccc;     padding-top: 75px;}
.sh-img{display:none;}
.fl-ser p,
.cl4 .fl-ser p, .cl4 .fl-ser h3, .cl5 .fl-ser p, .cl5 .fl-ser h3, .cl6 .fl-ser p, .cl6 .fl-ser h3
{text-align:center;}
.dn-img{display:block;}

.ser-cl-inner img,
.cl4.ser-cl-inner img, .cl5.ser-cl-inner img, .cl6.ser-cl-inner img {
    float: initial;
    left: 0;
    right: 0;
    margin: 0 auto; margin-top: -50px;
}

.hm-serv {
    padding-bottom: 30px;
}

}
	
@media(max-width:736px){
.nav-link {
	color: #fff;
}
.hm-serv {
    padding-bottom: 30px;
}

.four-col-inner h3{font-size: 18px;}

	}
	
@media(max-width:667px){
.three-cl h3 {
    font-size: 17px;
}
.four-col-inner h3{    font-size: 17px;}
.four-col-inner p{font-size:12px;}
.four-col-inner .fa{font-size: 28px; height: 40px;     line-height:31px;}
.four-col-inner p{    margin-bottom: 9px;}
.sec-about-rht .nav-tabs>li a{font-size: 16px;}
.hm-serv h2{font-size: 30px;}
	}
	
@media(max-width:568px){

.four-col-inner{margin: .5%; width: 49%;     padding-bottom: 0;}
.ser-bg{width:70%; margin:0 auto;}
.ser-cl-inner img{top: -4px;     width: 100px;
    height: 100px;}
.fl-ser, .fl-ser.fr-ser{padding-top: 60px;}
.ser-cl-inner h3{font-size:16px;}
.ser-cl-inner p{    font-size: 13px;}
.fl-ser{min-height: 190px;}
	}
	
@media(max-width:480px){
	
.hm-serv-bx-img{    width: 40%;}

.three-cl .col-md-4{width:100%;}
.three-cl-inner{margin-bottom: 10px;}


	}
	
@media(max-width:414px){
.hm-serv-bx-img{display:none;}	
.hm-serv-bx-cnt{padding: 0 20px 0 20px;}

.ser-cl-inner{    width: 100%;
    margin: 0;
    margin-top: 50px;}
.fl-ser {
    min-height: initial;
}
.ser-bg{width:100%;}
	}
	
@media(max-width:375px){
.hm-serv-bx-cnt h3{font-size: 20px;}	
.two-cl .hm-head{    font-size: 24px;}

	}