@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');

body{ font-family: "Lato", sans-serif !important; font-size:16px; overflow-x:hidden;}
	.whatsapp_btn2{position: fixed;right: 15px;width: 55px;height: 55px;z-index: 9999;bottom: 8em;}
.whatsapp_btn2 .icon_logo{position: relative;z-index: 100;padding: 5px;}

.whatsapp_btn2 .icon_logo > a > img{
width: 100%;
}
.whatsapp_btn2 .circle_waves{
border-radius: 50%;
background-color: #3cc04e;
width: 55px;
height: 55px;
position: absolute;
opacity: 0;
bottom: 1px;
left: 0px;
z-index: 99;
animation: waves 4s infinite cubic-bezier(.36, .11, .89, .32);
}
@keyframes waves {
from {
    transform: scale(.55, .55);
    opacity: .6;
}
to {
    transform: scale(1.8, 1.8);
    opacity: 0;
}
}
.phone_btn2{position: fixed;right: 20px;width: 46px;height: 47px;z-index: 9999;bottom: 4em;}
.phone_btn2 .icon_logo{position: relative;z-index: 100;padding: 0px;border-radius: 50%;background: #fff;}

.phone_btn2 .icon_logo > a > img{
width: 100%;
}
img{ max-width:100%;}
h1,h2,h3,h4,h5,h6{font-family: "Lato", sans-serif !important;}
p{ font-size:16px; color:#333; line-height:23px; margin-bottom:5px; text-align:justify;font-family: "Lato", sans-serif !important;}
#FooterrControl1_tr_hitCounter{padding-top: 0 !important;}
header{text-align:center;padding: 0px;}
header img{ height: 80px;}

/*banner*/
.banner{/* background:#7f5c02; */padding-bottom:50px;}
.banner .carousel-caption{ bottom:35%;}
.banner .carousel-caption h1{ font-size:50px; font-weight:700; color:#fff; line-height:50px; text-align:center; text-transform:uppercase;}
.banner .carousel-caption h2{ font-size:30px; font-weight:700; color:#fff; line-height:40px; text-align:center; text-transform:uppercase;}

.banner-innerpage{ text-align:left; }
.banner-innerpage h2{ font-size:20px; font-weight:700; color:#292831; line-height:30px; text-align:left; text-transform:uppercase;}

.banner-innerpage p{ font-size:16px; color:#333; line-height:23px;}
.banner-innerpage ul li{ font-size:16px; color:#333; line-height:23px; text-align:left;}

.line{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
  overflow: hidden;
}


.home-about{ }
.home-about p{ color:#333; text-align: center; line-height:24px;}
.home-about p a{font-size:16px;color:#0d7abf;line-height:22px;text-align:center;padding: 10px;text-decoration:none;border: 1px #0d7abf solid;text-transform: uppercase;}

.head-hm{font-size:28px;font-weight:700;color: #B3974E;line-height:30px;text-align: center;margin-bottom: 20px;position:relative;text-transform: uppercase;letter-spacing:2px;}
.head-hm span{ padding: 3px 9px; position:relative; z-index:9;}	
.head-hm span:after{
    content: "";
    position: absolute;
    left: 0;
    height: 3px;
    width: 50%;
    background: #B3974E;
    bottom: -8px;
    right: 0;
    margin: 0 auto;
    }


.home-sec{ background-color:#fefdf9; text-align:center;}
.box-serv{padding: 20px 10px;border: 1px #262B3F solid;text-align:center;background: #262B3F;height: 100%;}
.home-sec .box-serv:hover{ background-color:#fff;}
.home-sec .box-serv > i{font-size: 38px;color: #f9f8f4;}
.home-sec .box-serv:hover i{color: #000 !important; }
.box-serv h2{ font-size:17px; font-weight:600; color:#fff; line-height:30px; text-align:center;}
.box-serv p{ text-align:center; line-height:27px; color:#fff;}
.box-serv p a{font-size: 11px;background: #f9f8f4;border: 1px solid #151721;text-transform: uppercase;letter-spacing: 1px;padding: 11px 14px;text-decoration:none; color:#000;}
.box-serv:hover a{ background: #fff; color:#24252f; border: 1px solid #24252f;}
.box-serv:hover h2{color:#000;}
.box-serv:hover p{color:#000;}

.home-sec .carousel-indicators{ bottom:-30px;}
/* .services-hom .carousel-control-prev{ left: -120px;}
.services-hom .carousel-control-next{ Right: -120px;} */
.home-sec .carousel-indicators [data-bs-target]{ background-color: #222;}
.home-sec .carousel-indicators .active{ background-color: #fe4a49;}

.Vision-Mission{ background: url(image/image-asa.jpg) no-repeat center center;
    background-attachment: fixed; background-size: cover; padding: 40px 0px;}
.Vision-Mission h2{ font-size:40px; font-weight:700; color:#fff; line-height:36px; text-align:center;}
.Vision-Mission .head-hm span::after{ background: #fff;}

.Vision-Mission p{ text-align:center; color:#fff;}
.Vision-Mission p a{ font-size:16px; color:#fff; border: 1px solid white; line-height:22px; text-align:center; padding:10px 20px; text-decoration:none;}
.Vision-Mission p a:hover{background-color: #24252f;font-size:16px;color:#fff;}

.practic-area{ background-color:#fefdf9; text-align:center;}
.box-pra{ padding:30px 20px; border:1px #666 solid; text-align:center;background-color:#24252f;}
.box-pra:hover{ background-color:#fff;}
.box-pra p{ text-align:left; font-size:18px;}
.box-pra p a{ text-decoration:none; color:#fff;}
.box-pra p a img{color:#334750;float:Right;}
.box-pra:hover p a{ text-decoration:none; color:#334750;}


.team-hm{ background:#fff; padding: 40px 0px;}
.team-hm h2{ font-size:30px; font-weight:700; color:#222; line-height:36px; text-align:center;}
.team-hm .head-hm span::after{ background: #222;}
.team-hm p{ text-align:center; color:#333;}
.team-hm p a{ font-size:16px; color:#8a6914; line-height:22px; text-align:center; text-transform:uppercase; text-decoration:none;}
.team-hm p a:hover{ color:#8a6914; }

.tm-bx{ background: rgba(0, 0, 0, 0.48); position: relative; margin-left: 10px;
  border: 1px solid #3884c3; /*display: block;  */ overflow: hidden; transition:0.5s;}

.tm-bx img{  /* position: absolute; bottom: 0px; left: 0px; height: auto; width: 100%;
  filter: grayscale(100%); border: 0px solid #3884c3; */ }
  
.tm-bx .bx-div{ position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  padding: 78% 8% 0%;
  background: #00000082;
  display:none;}
  
.tm-bx:hover > .bx-div{ display: block;}
.tm-bx .bx-div p{ color:#fff; font-size:19px;}
.tm-bx .bx-div p span{ color:#fff; font-size:16px; display: block;}

.btnss{ float:left; background-color: #fe4a49; font-size:16px; color:#fff; line-height:22px; text-align:center; padding:10px 20px;}
.btnss a{text-decoration:none; color:#fff; }


.info-btn a{ background: #548235; color: #fff; padding: 6px 22px; border-radius: 6px;
    border: 1px dashed; transition:0.5s;  text-decoration: none;}
	
.info-btn a:hover{ transition:0.5s; background: #333; padding: 6px 28px;} 




/*-- Banner --*/
.banner-area {
  position: relative;
  min-height: 400px;
  color: #fff;
  background-position: center;
  background-size: cover;
}

.banner-title {
  color: #fff;
  text-transform: uppercase;
  font-size: 40px;
  font-weight: 600;
}

.banner-text {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  max-width: 1170px;
  margin: 0 auto;
  width: 100%;
  z-index: 1;
  transform: translateY(-50%);
}

.banner-heading {
  text-align: center;
}

footer{ background: url(image/footer-bg.jpg) no-repeat top center; background-size: cover; padding: 2px 0 2px 0;}
footer .footer-rht{ padding: 40px 20px 10px 20px;}
footer .footer-rht h3{ font-size:24px; font-weight:700; color:#fff; line-height:30px; text-align:left;}
footer .footer-rht h3 span{ display:block; font-size:20px;}
footer .footer-rht p a{ color:#fff; line-height:24px; margin-right:5px;}
footer .footer-rht:hover{ background-color: rgba(255,255,255,0.85);}
footer .footer-rht:hover p{color:#222;}
footer .footer-rht:hover a{color:#222;}

footer .footer-rht ul{ list-style-type:none; padding-left:0;}
footer .footer-rht ul li{font-size:16px;text-align:left;line-height: 36px;}
footer .footer-rht ul li a{ color:#fff; text-decoration:none;}
footer .footer-btm{ background:#060813; padding:10px 0;}
footer .footer-btm p{ margin:0;}
footer .footer-btm p a{color:#fff;margin: 5px;}
footer .footer-btm .text-right p{ text-align:right;}
footer .footer-btm .text-right p a i{width: 36px;height: 37px;border:1px #ccc solid;line-height: 17px;border-radius:30px;text-align: center;display: inline-flex;justify-content: center;align-items: center;}


.cpt{ position:relative; top: 50%;}

footer p{ color:#fff; text-align:left;}
footer p a{ color:#fff; text-decoration:none;}


#HeaderControl, #HeaderControl_C{background-color: #262B3F;}

.body-fx #HeaderControl .logo-hover{ display:block;}
.body-fx #HeaderControl .logo{ display:none;}

.body-fx #HeaderControl{
    float: Left;
    position: fixed;
    width: 25%;
    padding: 0;
    padding-left: 0;
    background-color:#fff;
    z-index: 99;
    text-align: left;
    transition: 0.5s;
    height: 80px !important;
    top:0;
}
/* .body-fx #HeaderControl_C{ background-color:#fefdf9;} */

#MenuControl, #MenuControl_C{background-color: #262B3F;}

.body-fx #MenuControl {
    float: Right;
    position: fixed;
    right: 0;
    width: 75%;
    padding: 0;
    padding-right: 0;
    background-color: rgba(208,195,158,0.95);
    transition: 0.5s;
    top: 0;
    height: 80px !important;
}



center #form1 #HomepagecontentControl{padding-top:0;margin-top: 0;}
center #form1 #HeaderControl,
center #form1 #MenuControl{ background-color: #d0c39e;}

center #form1 #HeaderControl{ margin-left:0;}
center #form1 #MenuControl{margin-right:0;}
.body-fx center #form1 #HeaderControl{ margin-left:0;}
.body-fx center #form1 #MenuControl{ margin-right:0;}

#form1{ overflow: hidden;}



@media (max-width: 1280px){	
	
}

@media(max-width:1024px){	
	
}

	
@media(max-width:769px){


}
	
@media(max-width:767px){
.body-fx #HeaderControl .logo-hover{ display: inline-block;}	
.body-fx #HeaderControl{ width: 100% !important; text-align: center;}	
.body-fx #MenuControl{ width: 100% !important; top: 80px;}

.banner-innerpage h2{ font-size: 20px !important; line-height: 30px;}

.carousel-caption{ bottom: 10% !important;}
.banner .carousel-caption h1{ font-size: 30px; line-height: 30px;}
.banner .carousel-caption h2{font-size: 20px; line-height: 30px;}
	
}


@media(max-width:600px){
.carousel-caption{ bottom: 7% !important;}
.banner .carousel-caption h1{ font-size: 24px !important; line-height: 30px;}
.banner .carousel-caption h2{ font-size: 18px !important; line-height: 30px;}
.offset-2, .offset-3{ margin-left: 0 !important;}
	
}




@media(max-width:480px){
	.carousel-caption{ bottom: 5% !important;}
	
}

.navbar-nav .dropdown-menu {
    position: static;
    font-size: 14px !important;
}

/*--------------------------------------------------------------
# Inner-Banner
--------------------------------------------------------------*/
/*innr-pg-bnnr*/
.otherpagecss #RadDockZone1.container{max-width: 100%;}
.otherpagecss #RadDockZone1.container #HomepagecontentControl_C table{margin-top:0 !important;}
.innr-pg-bnnr{padding: 100px 0 0;width: 100%;background-size: 100% 100%;min-height:300px;text-align: center;position:relative;margin-bottom: 40px;}
.innr-pg-bnnr:after{content:'';position:absolute;left:-1px;right:-1px;top:-1px;width:100%;height:100%;z-index: 0;background: #242424bd;}
.main-table.innr-pg{padding-bottom:50px;}
.innr-pg-bnnr h1{color:#fff; text-align:center; text-transform:uppercase; font-size:40px; font-weight:bold; position:relative; z-index:1;}
.innr-pg-bnnr h1:after{content:''; position:absolute; bottom: -10px; margin:0 auto; left:0; right:0; width:100px; height:4px; border-radius:2px; background:#fff;}
.inner-pages ul, .innr-pg ul{padding:0px; margin-bottom:0;}
.inner-pages li, .innr-pg li {position: relative; list-style: none; padding-left: 30px;}
.inner-pages li:before, .innr-pg li:before{content: "\f101";  position: absolute; font-family: FontAwesome; font-size: 17px; line-height: 30px;    left: 7px;  top: -2px; color: #a2d5f2;}
/*innr-pg-bnnr*/


/*--------------------------------------------------------------
# Contact page
--------------------------------------------------------------*/
/* contact */
.cont-page h2 {
  font-weight: bold;
  color: #000;
  font-size: 19px;
  margin-top: 0;
  text-transform: uppercase;
  margin-bottom: 18px;
  margin-top: 10px;
}
.cont-page h2 span {
  color: #03487e;
  font-weight: normal;
  font-size: 18px;
}
.cont-page .map-contp{border:1px dashed #ccc;}
.st-feature-box h3 {
  color: #fff;
  margin-bottom: 8px;
  font-size: 18px;
  line-height: 20px;
  font-weight: normal;
}
.cont-page .st-feature-box {
  background: #262b3f;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 10px;
  padding-right: 10px;
  color: #fff;
}
.st-feature-box {
  padding-left: 70px;
  position: relative;
}
.st-feature-box .st-feature-box-icon {
  color: #111;
  display: block;
  position: absolute;
  width: 52px;
  height: 52px;
  line-height: 0px;
  top: 0;
  left: 0;
  text-align: center;
  font-size: 60px;
  -webkit-transition: all .3s;
  -khtml-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}
a{text-decoration: none;}
.cont-page .feature-box-image .fa{color:#fff;line-height:30px;font-size:30px;margin-left: 17px;margin-top: 8px;}
/*cont-page*/

.team_img {
  width: 130px;
  border: 6px solid #262b3f;
  border-radius: 50%;
}