@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
body { font-family:Poppins !important;  color: #0c0c0c;  background-color: #ffffff;  overflow-x: hidden;    }
.main-table{ font-family:Poppins; font-weight:normal; Font-size:14px; color:#333; line-height:24px; text-align:justify;}
.container-fluid, container{font-size: 14px;}
.main-heading{ font-weight:bold; Font-size: 20px; color:#222; text-align:left; line-height:30px; border-bottom:1px #ccc dashed; text-transform:uppercase; margin-bottom:10px;}
.sub-heading{ font-weight:bold; Font-size:16px; color:#222; line-height:30px; text-align:left; margin:0;}
.team-title{ font-weight:bold; Font-size:14px; color:#222; line-height:30px; text-align:left;}   

a,  a:hover, a:focus { text-decoration: none;}   
.text-justify{text-align: justify;} 
a:hover, a:focus {color: initial; }    
.btn, .btn:focus { outline: none !important; -webkit-box-shadow: none; box-shadow: none;}
.bg-1{background: #1e9bb2;}
.border-color-1{border-color:#1e9bb2;}
.fs-12{font-size: 12px;}
.maps{ text-align:center;}
#divmainenquiry11 .close { position: absolute; right: 14px; font-size: 30px; cursor: pointer;}
.RadDock .rdContent{font-family:Poppins !important; }
 /*header section*/ 
 #HeaderControl{position:relative;}
 #HeaderControl:before {content: ''; position: absolute; left: 2px; border-left: 3px solid #32a69d; z-index: 99;  margin: 0px; height: 90px;  top: -7px; transform: rotate(-10deg);}
 #MenuControl{position:relative; padding-right: 10px;display: flex;}
 #MenuControl:before {content: ''; position: absolute; right: 2px; border-right: 3px solid #32a69d; z-index: 99; margin: 0px; height: 90px; top: -7px; transform: rotate(10deg);}
 #MenuControl::after{content: ''; position: absolute; right: 12px; width: 98vw; bottom: -2px; border-bottom: 6px solid #32a69d;}
 /*header section*/
/*nav-bar*/
.dropdown-toggle{position:relative;}
.nav-item ul li .dropdown-toggle::after{position:absolute;right: 5px; top: 10px;}
#MenuControl .bg-light{background-color: #fff !important; height:100%;}
#MenuControl .nav-link:focus,#MenuControl .nav-link:hover, #MenuControl .dropdown-item:focus, #MenuControl .dropdown-item:hover{background-color:#000 !important; color:#fff !important;}
.nav-link{font-weight: 600; color:#000;}
.nav-fill{width:100%; font-size: 15px;}
.nav-item a{font-size:15px;}
.navbar-brand{margin:0;}
.RadGrid_Default .rgHoveredRow{background:#c5c5c5 !important;}
.navbar-toggler{background: #fff;}
/*nav-bar*/
/*banner*/   
.carousel-section{background: url(../image/bg-img-1.jpg); background-size: 100% 100%; position: relative; background-attachment: fixed;margin-top: 2px;}
.carousel-section::before{content: ''; position: absolute; left: 0; width: 30%; height: 100%; background: rgba(254, 254, 254, 0.75);}
.banner-content{width: 44%; float: left;  background: #fff; padding: 40px;}
.banner-content h2 { font-size: 48px; color: #060707; font-weight: bold;}
.banner-content p { font-size: 16px; color: #000; margin: 0px;}
.actv{color: #ffffff;background-color: #1e9bb2 !important;}
.btn-1:hover {color: #ffffff; background-color: #1e9bb2;}
.btn-1 {font-size: 16px; color: #ffffff; background-color: #060707;text-align: center; padding:10px 25px; border-radius: 40px;}
.carousel-section .carousel-indicators [data-bs-target]{height: 30px; border-radius: 50%; opacity: 1;}
.carousel-indicators .active {background-color: #000;}
/*banner*/
/*heading*/
.heading h2{width: 100%; font-size: 40px;  color: #0f0f0f;  font-weight: bold; position: relative;}
.heading h2::after { content: ''; position: absolute; width: 150px; height: 6px; background-color: transparent;   border: 2px solid #1e9bb2; left: initial; border-right: 0;  top: 44%; z-index: -1; margin-left: 10px;}
/*title*/
/*About us*/
.about-section .img-box{padding-left: 22px;  padding-top: 37px; position:relative;}
.about-section .img-box img{animation: mover 3s infinite alternate;}
@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-20px); }
}
.about-section .img-box::after { content: ''; position: absolute; width: 100px; height: 390px; background-color: #1e9bb2;
    left: 0px; right: initial;  top: 0; z-index: -1; border-top-right-radius: 50px; border-bottom-right-radius: 50px;}
/*About Us*/
/*--------------------------------------------------------------
# Services
--------------------------------------------------------------*/

.service-section{position:relative; background:url(../image/ser-bg-hm.jpg); padding: 60px 0;background-attachment: fixed;}
.service-section:before{content:''; position: absolute; height: 100%; background: rgba(254, 254, 254, 0.9); top: 0; width: 90%; right: 0; z-index: 0;}
.service-section .heading{position:relative; z-index: 1;}
.ser-bx {margin:10px auto;}
.ser-bx .img-bx{padding:8px; width: 80px; height: 80px; background: #fff; box-shadow:-3px 5px 10px #999;     text-align: center;border: 3px solid #1e9bb2; border-top: 0; border-right: 0;    border-bottom-left-radius: 20px;}
.ser-bx .img-bx .fa{font-size: 40px; line-height: 60px; text-align: center; color: #1e9bb2;}
.ser-bx .img-bx .fa-arrow-right{font-size: 20px; background: #003049; line-height: 40px; border-radius: 50%; width: 40px; height: 40px;  text-align: center; color:#eee;}
.ser-bx p a{color: #000; font-weight: 600; line-height: 30px; text-decoration: underline; font-style: italic; transition: .5s;}
.ser-bx:hover p a{color: #1e9bb2;}
/*footer*/
.social-icon a:hover{color: #000;}
footer{font-size: 15px;}
footer .ft .fa{font-size: 20px; line-height: 30px; padding: 3px 10px; border: 1px solid #eee; width: 40px;    height: 40px;}
footer a{color: #eee;}
footer a:hover{color: #fff;}
/*footer*/
/*fix menu*/
@media (min-width: 991px){
/* #HeaderControl, #MenuControl{ transition:.3s;} 
 .body-fx #HeaderControl, .body-fx #MenuControl{position:fixed; top:0; height:70px; transition:.3s;}
.body-fx #HeaderControl{width:33%; float:left; left:0;}
.body-fx #MenuControl{width:67%; float:right; right:0;}*/
}

/*fix menu*/
@media (max-width: 1170px){
.navbar-expand-md .navbar-nav .nav-link{padding-right:1px; padding-left: 1px;}
}
@media (max-width: 991px){
#MenuControl, #MenuControl_C, #HeaderControl, #HeaderControl_C, #widgetsControl_C, #widgetsControl{ height: initial !important;}
.navbar-expand-md .navbar-nav .nav-link, .dropdown-menu{font-size: 13px;}
.fixed-top { position: relative;}
	}
@media (max-width: 769px){
#widgetsControl_C, #widgetsControl, #MenuControl, #MenuControl_C{height:initial !important}
}
a, a:hover{text-decoration:none !important;}
@media (max-width: 767px){
.navbar.navbar-expand-md{text-align:center;}
.navbar.navbar-expand-md .container-fluid{display:block;}
.nav-fill .nav-item, .nav-fill>.nav-link{text-align:left;}
.navbar-nav>li{ display: block; text-align: left; padding: 4px 0; border-bottom: 1px solid #999; border-right:0; }
.nav-item ul li .dropdown-toggle::after{transform: rotate(90deg);}
.nav-item .nav-link.dropdown-toggle::after {position: absolute; right: 5px; top: 15px;}
.navbar-expand-md .navbar-nav .nav-link{font-size: 14px;padding-right: 5px; padding-left: 5px;}
}

@media(max-width:568px){
	
}
@media(max-width:480px){
	
}



@media (max-width: 414px){
}
