@charset "UTF-8";

/* Start StyleCSS */

@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 100;
  src: url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');
  
}
.sub-heading{font-family: "Nunito", sans-serif !important;font-weight: 700;Font-size: 20px;color:#00659f;line-height: 34px;/* text-transform:uppercase; */margin:0;text-align: left;position: relative;margin-bottom: 1rem;}
.sub-heading::after { position:absolute; content:''; width: 60px; height: 3px; background: #00659f; left: 0; bottom: -10px}

.container-fluid{padding-right:2px; padding-left:2px;}
html,body {	height: 100%; box-sizing:border-box;}

body { font-family: 'Poppins', sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 160%;
	/* -ms-overflow-style: scrollbar; */
}
.carousel-control-prev, .carousel-control-next{background-image:none; width: 50px; height: 50px; position: absolute; top: -70px;color: #555;}
.carousel-control-prev{left: inherit;right: 40px;}
.main-color{color: #00659f;}
.border-color-1{border-color: #00659f !important;}
.team_img {
    width: 152px;
    border: 6px solid #777;
    border-radius: 50%;
}
/* 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: 32px 0;position: relative; background:url(../Image/inner-bg-img.jpg) no-repeat right/cover scroll;}
.innr-pg-c h1{font-weight: 800;font-family: "Nunito", sans-serif !important;Font-size: 26px;color: #fff;text-align: left;border-left: 3px #fff solid;text-transform: uppercase;position:relative;z-index:1;border-radius: 4px;padding: 5px 0 5px 20px;}
.innr-pg-c:after{content:'';position:absolute;left:0px;right:0px;top:0px;width:100%;height:100%;z-index: 0;background-image: linear-gradient(22deg, #555555, #00659f);}
/* innr-pg-c End */
h1,h2,h3,h4,h5,h6 {
	font-family: 'Poppins', sans-serif;
}


.logo{ text-align:center;}


p,ul, ol{ font-family: 'Poppins', sans-serif; font-size:15px;  line-height:24px; text-align:justify;}

.btn-get-started {
    font-family: 'Poppins', sans-serif;   
    margin-top: 30px;
	text-align:center;
}
.btn-get-started a{ font-weight: 500;
    font-size: 16px;
    letter-spacing: 1px;
    padding: 10px 30px;
    transition: 0.5s; 
    color: #fff;
	border-radius: 50px;
  border-color: #fff;
  border-width:2px;
  border-style: solid dashed;
	
	}
.logo1 img{padding:7px;}
#widgetsControl, #widgetsControl_C{height:inherit !important;}
/*why-us*/
.why-us .box {
  padding: 50px 30px;
  box-shadow: 0px 2px 15px rgba(20, 20, 20, 0.1);
  transition: all ease-in-out 0.3s;
  background: #555555;
}

.why-us .box span {
  display: block;
  font-size: 28px;
  font-weight: 700;
  color: #1b8ac9;
}

.why-us .box h4 {
  font-size: 24px;
  font-weight: 600;
  padding: 0;
  margin: 20px 0;
  color: rgba(255, 255, 255, 0.8);
}

.why-us .box p {
  color: #aaaaaa;
  font-size: 15px;
  margin: 0;
  padding: 0;
}

.why-us .box a{ text-decoration:none;}

 
.why-us .box:hover {
  background: #1b8ac9;
  padding: 30px 30px 70px 30px;
  box-shadow: 10px 15px 30px rgba(0, 0, 0, 0.18);
}
.why-us .box:hover span, .why-us .box:hover h4, .why-us .box:hover p{ color: #fff; }

/*why-us*/

.abt-section{ padding: 70px 0;}
.abt-section h2{font-size: 40px;font-weight: 800;line-height:40px;color: #555555;margin-bottom: 20px;}
.abt-section  p{font-size: 16px; color: #666;}
.abt-section img{border-radius: 50px;/* margin-top:30px; */box-shadow: -5px 10px 5px #ccc;border:3px #ccc solid;height: 100%;}
.abt-section p span{font-weight:600;font-family: Verdana, Arial, Helvetica, sans-serif;color: #007cc3;}
.about-btn1{
  padding: 8px 30px 9px 30px;
  color: #555555;
  transition: 0.3s;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 14px;
  display: inline-flex;
  align-items: center;
  border-radius: 50px;
  border-color:#555;
  border-width:2px;
  border-style: solid dashed;
}

.about-btn1 i{ font-size:18px; color:#555; margin-left:7px;}
.about-btn1 i .fa{}


.about-btn {
  padding: 8px 30px 9px 30px;
  color:#fff;  
  transition: 0.3s;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 14px;
  display: inline-flex;
  align-items: center;
  border-radius: 50px;
  border-color:#555;
  border-width:1px;
  border-style: solid dashed;
}

.about-btn i{ font-size:18px; color:#555; margin-left:7px;}
.about-btn i .fa{}

.service-box:hover{
	margin-top:-10px;
}
.box-shadow-small, .box-shadow-small-hover{
    box-shadow: 0 0 15px rgb(0 0 0 / 17%);
    transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
    -ms-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    padding: 45px 15px;
    border-radius:5px;
    margin-bottom: 45px;
    min-height: 300px;
}
.feature-box-icon img{width:60px;margin-bottom: 25px;}
.alt-font{
    font-size: 20px;
    line-height: 24px;
    font-weight:500;
}
.btn-gray:hover{
	background:#007cc3;
	color:#fff;
}
.btn-gray {
    background: 0 0;
    color: #808285;
    font-weight: 700;
    font-size: 12px;
    border: 2px solid #808285;
    margin-top: 30px;
    padding: 8px 22px;
    border-radius: 0;
    text-transform: uppercase;
    width: auto;
    position: relative;
    z-index: 1;
    overflow: hidden;
}


.query-section  a:hover{ color:#555;}
.myslide{ margin:20px 0;}
.carousel-indicators { bottom: -20px;}
.carousel-indicators .carousel-item {border: 1px solid #666;}
.carousel-indicators .active{ background:#333;}
/* .carousel-inner > .carousel-item img{ height:70px;} */


.form-sec{ background:#fff; padding:10px 0;}
.form-sec h2{ font-size: 36px; text-align:center; font-weight: 700; line-height:40px; color: #555; margin-bottom: 30px;}

.form-sec .col-md-6{ padding-left:5px; padding-right:5px;}
.form-bx{ background:#fff; padding:30px 20px; border-radius:10px; margin-bottom:40px;}
.form-sec .txt{ font-size:20px; line-height:30px; font-weight:600;}
.form-sec h4{ font-size:30px; line-height:30px; font-weight:700; text-align:left; color:#555; display: block;}
.form-sec p{ font-size:16px; line-height:30px; text-align:left; display: inline-block;}
.form-sec .fa{ float:right; font-size:60px; width:60px; height:50px; position: relative; right: 10px; top: -20px; color: #555;}

.form-sec .form-control { background: transparent; border: 1px solid #b3b3b3; border-radius: 0; font-size: 16px; padding: 12px 10px; color: #b3b3b3; box-shadow: 1px 10px 20px -12px rgba(0,0,0,0.2);}

.form-sec .sbmt{ color: #555; cursor: pointer; border-radius:20px; padding: 10px 25px; font-size:16px;  border-style: solid dashed ; border-color: #555; border-width:2px;margin-bottom: 20px;}



.hm-service{ width:100%; margin:0; text-align: center; padding:50px 20px; position:relative; top: -30px;}

/* .hm-service:before{
  content: "";
  background: #121212;
  position: absolute;
  bottom:0;
  top: 0;
  left: 0;
  right: 0;
  transform: skewY(-3deg);  z-index:0; 
} */

.hm-service i{ font-size:50px; color: #555; border: 2px #555 solid; border-radius: 20px 0; padding: 20px 30px;}
.hm-service h3{    margin-top: 10px; font-size: 18px; line-height: 30px; font-weight: 700; margin-bottom: 10px;  color: #fff; text-align:center;}

.hm-service p{ font-size: 15px; line-height: 22px; font-weight: 400; color: #ccc; text-align:center;}
.hm-service a{ text-decoration:none;}

.head-hm{ font-size:36px; font-weight:700; text-align: center; color:#555; margin-bottom:70px; position:relative; text-transform:uppercase;}

.head-hm span{ padding: 3px 9px; position:relative; z-index:9; background:transparent;}
	
.head-hm span:before{ content: "";
    position: absolute;
    left: 0;
    height: 3px;
    width: 70%;
    background: #ccc;
    bottom: -7px;
    right: 0;
    margin: 0 auto;}
	
.head-hm span:after{    content: "";
    position: absolute;
    left: 0;
    height: 8px;
    width: 20%;
    background: #555;
    bottom: -12px;
    right: 0;
    margin: 0 auto;}
a{text-decoration:none;}	
.career-section{ padding:70px 0; color: #fff; position:relative; text-align:center;}
.career-section .container, .hm-service .container-fluid{position:relative;z-index:9;}
.career-section:before{
  content: "";
  background: #555;
  position: absolute;
  bottom: 30px;
  top: 30px;
  left: 0;
  right: 0;
  transform: skewY(-3deg); z-index:0;
}

.career-section .content {
  padding: 30px 30px 30px 0;
}

.career-section .content h3 {
  font-weight: 700;
  font-size: 30px;
  line-height:30px;
  margin-bottom: 30px;
  color: #222;
  text-align:center;
}

.career-section .content p {
  margin-bottom: 30px;
  color: #222;
  text-align:center;
}

.fa-icon{ text-align:center;}
.fa-icon i{ font-size:130px; width:200px; padding: 15px; height:170px; color:#fff; border-radius: 50px; border-color:#fff; border-style: dotted dashed solid; border-width:3px;}
/*services*/
.img-sec{position:relative;}
.ser-bx{position:relative; border: 1px solid #eee;}
.ser-bx h3 a{padding:0px 15px;color: #555555;}
.ser-bx p{padding:5px 15px; color:#999;}
.carousel-item .default-overlay-outer {opacity: 0; top: -100%; background: rgba(16, 37, 46, 0.9);}
.default-overlay-outer { position: absolute; display: block; left: 0px; top: 0px; width: 100%; height: 100%; padding: 10px;    transition: all 700ms ease; -webkit-transition: all 700ms ease;  -ms-transition: all 700ms ease; -o-transition: all 700ms ease;  -moz-transition: all 700ms ease;}
.ser-bx:hover .default-overlay-outer { top: 0; opacity: 1;}
.default-overlay-outer .inner { position: absolute; left: 0px;  top: 0px; width: 100%; height: 100%;display: table;vertical-align: middle; text-align: center;}
.default-overlay-outer .inner .content-layer { position: relative; display: table-cell; vertical-align: middle; color: #ffffff;}
.ser-bx .btn {border: 1px solid #00659f; padding: 0 25px; line-height: 34px; color:#fff; background:#00659f;}
.ser-bx .btn:hover { background:#000; color: #fff; transition: all .5s cubic-bezier(0.4, 0, 1, 1);}
.ser-bx .default-overlay-outer .inner .content-layer { position: relative; display: table-cell; vertical-align: middle;color: #ffffff;}
/*services*/
.btns {
  padding: 8px 30px 9px 30px;
  color:#222;  
  transition: 0.3s;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 16px;
  display: inline-flex;
  align-items: center;
  border-radius: 50px;
  border-color: #eee;
  border-width:2px;
  border-style: solid dashed;
}

.btns i{ font-size:18px; color:#555; margin-left:7px;}

/*form*/

footer{ background: #555; color: #fff; padding: 30px 0 0 0;}
footer h2{ color: #eee; font-size: 25px; line-height:30px; text-align: left; margin-bottom:30px;}
footer P{ color: #fff; font-size: 15px; line-height:24px; text-align: left;}


.info{ width: 100%;}

.info i {
  font-size: 24px;
  color: #00659f;
  float: left;
  width: 44px;
  height: 44px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  transition: all 0.3s ease-in-out;
}

.info h4 {
  padding: 0 0 0 60px;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 5px;
  color: #fff;
}

.info p {
  padding: 0 0 0 60px;
  margin-bottom: 0;
  font-size: 14px;
  color: #fff;
}

.info .email, .info .phone {
  margin-top: 20px;
}
.info .email{ margin-bottom: 20px;}

.info .email:hover i, .info .address:hover i, .info .phone:hover i {
  background:#00659f;
  color: #fff;
}
.bg-get{background: #1b8ac9;border-radius: 20px;}

.social-links{ width:100%;}
.social-links div{width:100%;padding:5px;border-bottom: 1px #fff dashed;border-radius:20px;transition: 0.3s;margin-bottom:5px;}
.social-links i{font-size: 20px;background: #1b8ac9;color: #fff;line-height: 1;padding: 8px 0;margin-right: 4px;border-radius: 50%;text-align: center;width: 36px;height: 36px;}

.social-links a{ color: #fff; text-decoration:none;}

.links{ width:100%;}
.links div{width:100%;padding:5px;border-bottom: 1px #fff dashed;border-radius:20px;transition: 0.3s;margin-bottom:5px;}
.links i{font-size: 16px;background: #1b8ac9;color: #fff;line-height: 1;padding: 8px 0;margin-right: 4px;border-radius: 50%;text-align: center;width: 36px;height: 36px;}
.links a{ color: #fff; text-decoration:none; line-height:24px;}

.copyright{width:100%;background: #1b8ac9;padding:10px 0;margin-top:30px;}
.copyright P{font-family: 'Poppins', sans-serif; color: #fff; font-size: 15px; line-height:24px; margin:0;}

.copy-lft p{ text-align: left;}
.copy-rht p{ text-align: right;}



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

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


}

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