@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 { margin: 0; padding: 0; font-family: "Lato", sans-serif; overflow-x: hidden;}
p, li {color: #212121;font-size: 16px;line-height: 25px;letter-spacing: .5px;margin: 0 0 12px 0;font-family: "Lato", sans-serif;}
.main-table li {color: #212121;font-size: 16px;line-height: 25px;margin: 0 0 10px 0;font-family: "Lato", sans-serif;}
a { text-decoration: none !important; font-family: "Lato", sans-serif;}
h1, h2, h3, h4, h5, h6 { font-family: "Lato", sans-serif;}

.main-table {text-align: left;padding: 3% 0;}

#widgetsControl_C, #widgetsControl{ height: auto !important;}
#Div_body .container-fluid { margin: 0; padding: 0;}

#MenuControl .nav-item { margin: 0}
#MenuControl .nav-item .nav-link {color: #ffffff;font-size: 15px;font-weight: 600;}
#MenuControl .nav-fill{ width:100%;}
#MenuControl .bg-light {background: #fff!important;height: 100%;padding: 0 0 0 10%}

#HeaderControl.RadDock_Default .rdMiddle .rdCenter, #HeaderControl.RadDock_Default .rdBottom .rdCenter { background-color: transparent !important;}
#MenuControl_C .bg-light { --bs-bg-opacity: 1; background-color: transparent !important; height: 100%;}
#MenuControl.RadDock_Default .rdMiddle .rdCenter, #MenuControl.RadDock_Default .rdBottom .rdCenter { background-color: transparent !important;}

#HeaderControl, #HeaderControl_C { height: 130px !important}

.bg-light .container-fluid{/* width: 1170px; */position: relative;right: 0;margin-right: 0;z-index: 9;}
.bg-light .container-fluid::after {position: absolute;content: "";right: 0px;top: 0;height: 70px;width: 107%;background-color: #023e5a;z-index: -1;clip-path: polygon(30px 0, 100% 0%, 100% 100%, 0% 100%);}
.navbar-brand{display: none;}
.navbar>.container-fluid{display: block;text-align: center;}
#widgetsControl,#widgetsControl_C{height: inherit !important;}
.bg-light{background:transparent !important;padding: 0;}
.nav-link{font-weight: 600; color:#fff;}
.nav-fill{width:100%; font-size: 15px;}
.dropdown-toggle{position:relative;}
.nav-item ul li .dropdown-toggle::after{position:absolute;right: 5px; top: 10px;}
.navbar-nav.nav-fill{position: relative; top: 20px;}
center #form1 #HomepagecontentControl{padding-top: 40px;}
#MenuControl, #MenuControl_C{height:inherit !important;}
@media (max-width: 991px){
  .nav-top-rht p{visibility: hidden;}
  #MenuControl_C{height:inherit !important;}
  .bg-light { padding: 5px 0;}
  .con.d-flex{display: none !important;}
}

#HomepagecontentControl_C { margin: -20px 0 0 0 !important}
@media (min-width: 320px) and (max-width: 768px ){
  .navbar-toggler { position: absolute; right: 15px; top: -60px; background: #fff}
  #MenuControl, #MenuControl_C { height: 0 !important;}
  #HeaderControl, #HeaderControl_C {height: 110px !important;}
  .navbar-collapse { background: #023e5a;}

  .bg-light .container-fluid::after { width: 0 !important;}
}


/* innr-pg-c Start */
.otherpagecss #RadDockZone1.container { max-width: 100%;}
.otherpagecss #RadDockZone1.container #HomepagecontentControl_C table { margin-top: 0 !important;}

/*head-hm*/
.head-hm {text-transform: uppercase;font-weight: bold;color: #013e59;font-size: 38px;position: relative;padding-bottom:10px;text-align: center;margin-bottom: 40px;}
.head-hm span { color: #5fae3f;}
.head-hm:before{position:absolute; bottom:0; content:''; left:30px; right:0; margin:0 auto; height:5px; width:25px; background:#5fae3f;}
.head-hm:after{position:absolute; bottom:0; content:''; left:0; right:30px; margin:0 auto; height:5px; width:25px; background:#000;}
/*head-hm*/
.sub-heading { font-size: 20px; color: #013e59; font-weight: 700; margin: 0 0 15px 0; border-bottom: 1px dashed #a5a5a5; padding: 5px 0;}

/*======== top bar ========*/
.nav-top {position:relative; height: 35px;}
.nav-top::after,.nav-top::before{position: absolute;content: "";left: 0;top: 0;height: 25px;width: 70%;background-color: #023e5a;clip-path: polygon(0 0, 100% 0%, 98% 100%, 0 100%);}
.nav-top::before {width: 70.2%;top: 10px;background-color: #5faf40;}

/*======== header ========*/
.col-md {-webkit-box-flex: 1; -ms-flex: 1 0 0%; flex: 1 0 0%;}
.d-flex{display: flex;}
.align-items-center{align-items: center;}
#header{padding: 10px 0;}
#header .icon .fa {color: #000c3c; font-size: 36px; line-height: 1;}
#header .con .text {padding-left: 10px; font-size: 15px;}
#header .con .text span { color: #fb0000;}
#header .con .text span, header .top-wrap .con .text strong { display: block; line-height: 1.4; color: #aaaaaa;  font-size: 14px;}
#header .col-md-8.d-flex{ padding:10px 0;}

.banner-section .carousel-caption { top: 38%;}
.banner-section .carousel-caption h1 { font-size: 42px; margin: 0 0 20px 0; font-weight: 600; letter-spacing: .5px;}
.banner-section .carousel-caption p { color: #e2e2e2; font-size: 24px;}
.banner-section .carousel-control-next, .banner-section .carousel-control-prev { width: 40px; height: 40px; border-radius: 50%; padding: 8px; top: 48%; border: 1px solid #fff;}
.banner-section .carousel-control-next { right: 4%;}
.banner-section .carousel-control-prev { left: 4%;}

/*======== banner-btm ========*/
.banner-btm {padding:50px 0;}
.banner-btm .bx-img {overflow: hidden;  position: relative;}
.banner-btm .bx-img:before {position: absolute;content: "";top: 0;left: 0;width: 100%;height: 100%;/* background: #99c940c2; */transform: scale(0); z-index: 9;}
.banner-btm .cont-bx:hover .bx-img:before { transform: scale(1);}
.banner-btm .bx-img img { width: 100%;}
.banner-btm .cont-bx:hover .bx-img img{transform:scale(1.2);}
.banner-btm .bx-cont {border: 1px solid #ddd;top: -60px;padding: 25px 25px 10px 25px;z-index: 9;position: relative;border-top:0;}
.banner-btm .bx-cont h4{background: #fff;line-height:40px;text-align:center;margin: 0;padding: 10px 0;font-size: 19px;font-weight: 600;}
.banner-btm .bx-cont p{text-align:justify;font-size: 15px;}
.banner-btm .bx-cont p.text-right{text-align:right;}
.banner-btm .bx-cont p.text-right a{padding:5px 20px; background:#013e59; color:#fff; transition:.3s;}

/*======== about_section ========*/
.about-sec{padding:40px 0px 90px;position: relative;/* overflow: hidden; */}
.about-sec .container {box-shadow: #ccc 10px 15px 20px;padding: 50px;position:relative;border: 1px solid #eee;}
.about-sec .abt-img{position:relative;}
.about-sec .container:before {content: "";position: absolute;left: 0;top: 0px;height: 100%;width: 100%;opacity: 1;background: #013e59;transition: .8s;z-index: 0;clip-path: circle(28.7% at 0 50%);}
.about-sec .abt-img img {border-radius:50%; margin:0 auto; box-shadow: #5fae3f -14px 9px 0px;-webkit-animation: bubble 5s linear infinite; animation: bubble 5s linear infinite;}
@keyframes bubble{
	0%{
		transform:translate(-15px, 0px)
	}
	50%{
		transform:translate(0px, 15px)
	}
	10%{
		transform:translate(-15px, 0px)
	}
	
}
.about-sec p{text-align:justify;font-size: 15px;line-height: 23px;}
.abt-rm{ padding: 8px 20px; background: #013e59; color: #fff; transition: .3s; display: inline-block;}
a:hover { text-decoration:none!important; transition:.5s; color: #5fae3f;}
/*======== about-sec ========*/

/*======== service_section ========*/
.services { padding: 50px 0; background: #f5f5f5;  background: url(../Image/services-bg.png); position:relative;}
.services:before{background: rgba(240,240,240,.3); content:''; position:absolute; height:100%; width:100%; left:0; top:0;}
.service-bx{ position: relative;  margin-bottom: 50px;}
.icon-bx{display: flex;background: #fff;border-radius: 30px 0px 0px;transition: .6s;align-items: center;}
.service-bx:hover .icon-bx {background: #5fae3f; transition: .6s;}
.services .icon i{font-size: 25px; width: 66px; height: 66px;  line-height: 66px; background: #5fae3f; color: #fff; border-radius: 25px 0px 0px 0px; display: inline-block; text-align: center; transition: .7s;}
.service-bx:hover .icon i{ background: #013e59; transition: .6s;}
.icon-bx h3{margin-left: 25px;font-size: 16px;}
.icon-bx h3 a { color: #191919; font-weight: 600}
.service-bx:hover .icon-bx h3 a { color: #fff;}
.service-bx-img {position: relative;    overflow: hidden;}
.service-bx:hover .service-bx-img img {
    transform: scale(1.1);
    transition: .5s;
}
.service-bx .service-bx-img:before { content: ""; position: absolute; left: 0;top: 250px; height: 100%; width: 100%; opacity: 0; background: #013e59; transition: .8s;  z-index: 9; clip-path: circle(63% at 50% 95%);}
.service-bx:hover .service-bx-img:before { opacity: .75;  transition: .8s; top: 50px;}
.service-bx .service-bx-img img{transform: scale(1); transition: .5s;}
.service-bx .rd-btn{text-align: center; position: absolute; bottom: -54px; left: 0; right: 0; transition: .8s;}
.service-bx .rd-btn a{    padding: 7px 30px; border-radius: 5px;  background: #5fae3f; color: #fff;font-size: 15px; margin-left: 5px;    font-weight: 500; display: inline-block;  position: relative; border: 2px solid #5fae3f; overflow: hidden;  z-index: 999;}
.service-bx:hover .rd-btn { transition: .8s; bottom: 35px;}
.service-bx .rd-btn a:hover { background-color: #eee; color: #5fae3f; border-color: #eee;}

/*--------------------------------------------------------------
# team
--------------------------------------------------------------*/

.hm-team{padding:50px 0;}
.team-bx{display: flex; position: relative; box-shadow: 0px 2px 15px rgb(0 0 0 / 10%); padding: 30px; border-radius: 5px;background: #fff;  transition: 0.5s;margin-top: 25px;}
.hm-team .team-bx:hover {transform: translateY(-10px);}
.hm-team  .team-pic { overflow: hidden; background-color:#c5c5c5; width: 222px; border-radius: 50%;}
.team-bx .team-cont{padding-left: 30px;}
.team-bx .team-cont a{background: #023e5a; color:#fff; text-decoration:none; padding:10px 20px; display: inline-block; margin: 10px 0 0 0;}
.team-bx .team-cont h4 { color: #023e5a; font-size: 21px; font-weight: 600;}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer {border-top-left-radius:100px;
  background: #1b273d;
  padding:50px 0 0;
  color: #eee;
  font-size: 15px;
}

#footer .footer-top {
  padding: 10px 0px;
}

.contact .close{ position: absolute; right: 14px;  font-size: 30px;cursor: pointer;}
#footer .footer-top .footer-info h3 {
  font-size: 24px;
  margin: 0 0 20px 0;
  padding: 2px 0 2px 0;
  line-height: 1;
  font-weight: 700;
}

#footer .footer-info{padding: 0px 0;}
#footer .footer-add p, #footer .footer-email p, #footer .footer-phone p{padding-top:20px;}
#footer .footer-add, #footer .footer-email, #footer .footer-phone{ text-align:center;}
#footer .footer-top .footer-info p {font-size: 15px; line-height: 24px; font-family: 'Poppins', sans-serif;}
#footer .mb-2 .fa{margin-right:10px; font-size:20px;}
#footer .footer-top .social-links a {
  font-size: 18px;
  display: inline-block;
  background: #eee;
  color: #000;
  line-height: 1;
  padding: 8px 0;
  margin-right: 4px;
  border-radius: 30%;
  text-align: center;
  width: 36px;
  height: 36px;
  transition: 0.3s;
}
#footer .footer-top ul {  list-style: none;
    padding: 0;
    padding: 0;
    margin: 0;
}
#footer .footer-top ul i {
    padding-right: 8px;
    color: #eee;
    font-size: 12px;
    line-height: 1;
}
#footer .footer-top ul li {
    padding: 5px 0;
    display: flex;
    align-items: center;
    font-size: 15px;
    margin: 0;
}
#footer .footer-top ul a:hover {
    text-decoration: none;
    color: #fff;
}
#footer .footer-top ul a{
    color: #eee;
}
#footer .footer-top .social-links a:hover {
  background: #5fae3f;
  color: #fff;
  text-decoration: none;
}

#footer .footer-top h4 {
  font-size: 20px;
  font-weight: 600;
  color: #eee;
  position: relative;
  padding-bottom: 10px;
  border-bottom: 1px dashed rgba(190,187,220,.5);
  margin: 0 0 20px 0;
}
#footer p{text-align:justify;color:#fff;}
#footer p a{color: #eee; font-weight: bold;}
#footer .footer-info1 h4{font-size:35px; color:#fff;}
#footer .footer-info1 h4 span{color:#5fae3f;}
#footer p .fa{width: 40px; height: 50px; line-height: 40px; text-align: center; border: 1px solid #eee; float: left;    margin-right: 12px;}
#footer .footer-top .footer-links {margin-bottom: 30px;}

#footer .footer-top .footer-links ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#footer .footer-top .footer-links ul i {
  padding:0 15px;
  color: #b5d9e9;
  font-size: 18px;
  line-height: 1;
}

#footer .footer-top .footer-links ul li {
  padding: 10px 0;
  display: flex;
  align-items: center;
}
#footer .footer-top .footer-links ul li:first-child {
  padding-top: 0;
}

#footer .footer-top .footer-links ul a {
  color: #fff;
  transition: 0.3s;
  display: inline-block;
  line-height: 1;
}
#footer .footer-top .footer-links ul a:hover {
  color: #a2cfe3;
}
.ft-link{list-style:none; text-align:right;}
.ft-link li{display:inline-block;padding: 5px; }
.ft-link li a{color:#eee; transition:.5s;font-size: 15px;}
.ft-link li a:hover{color:#fff;}

.copyright {text-align: left;padding: 15px 0 !important;background:#1b273d;border-top: 1px solid #333;}
.credits{ text-align: left; font-size: 14px; color: #fff;}
.credits a{color:#eee; font-weight:bold;}
.top{ position: fixed;  right: 10px;  bottom: 30px;  text-align: center; color: #fff;  background: #150303; padding: 10px 10px; z-index: 9; border-radius: 50%; border: 2px solid #fff; cursor: pointer;  opacity: 0; transition: ease-in 0.5s;}
.top.scll-top { opacity: 1; transition: ease-in 0.5s; bottom: 50px;}
.top .fa {display: block !important;}

/* innr-pg-c Start */
.otherpagecss #RadDockZone1.container {max-width: 100%;}
.otherpagecss #RadDockZone1.container #HomepagecontentControl_C table {margin-top: 0 !important;}
.innr-pg-c {margin-bottom: 20px;padding: 40px 0;position: relative;background: url(../Image/inner-bg-img.jpg) no-repeat right/cover scroll ;}
.innr-pg-c h1 {font-weight: 600;Font-size: 30px;color: #fff;text-align: left;border-left: 4px #fff solid;padding-left: 20px;text-transform: uppercase;position: relative;z-index: 1;border-radius: 4px;}
.innr-pg-c:after {content: '';position: absolute;left: 0px;right: 0px;top: 0px;width: 100%;height: 100%;z-index: 0;background: linear-gradient(109.6deg, rgb(30 38 60) 50.2%, #5fae3fe0 93.9%);}


.cont-page .st-feature-box{    background: #1b273d;
    padding-top: 10px;
    padding-bottom: 10px; margin-bottom: 10px;     padding-right: 10px;
	    color: #fff;}
	
.cont-page .feature-box-image{    margin-top: 13px;}

.st-feature-box {
    padding-left:75px;
    position: relative;
	    margin-bottom: 35px;
}

.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;
}

.st-feature-box h3 {
    color: #fff;
    margin-bottom: 8px;
    font-size: 18px;
    line-height: 20px;
    font-weight: normal;
}
.cont-page h2{    font-weight: 800;
    color: #111;
    font-size: 19px;
    margin-top: 0;
    text-transform: uppercase;
    margin-bottom: 18px;
	margin-top:10px;}

@media (min-width: 320px) and (max-width: 768px) {
	header img { width: 300px}
	
	.about-sec .container:before { background: transparent; }
	.about-sec .abt-img img { margin: 0 0 30px 0}
}