@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');
  
} 


html,

body {
	height: 100%;
}

body { font-family: 'Poppins', sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 160%;
	-ms-overflow-style: scrollbar;
}



h1,h2,h3,h4,h5,h6 {
	font-family: 'Poppins', sans-serif;
}


.logo{ text-align:center;margin-left: 25px;}


p{ font-family: 'Poppins', sans-serif; font-size:15px; color:#222; 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: #03dcf8;
	border-radius: 50px;
  border-color: #03dcf8;
  border-width:2px;
  border-style: solid dashed;
	
	}



.top-nav{ background:#02aec4; padding:5px 0; font-size: 15px; line-height:24px; color: #fff;}
.top-nav-lft{ text-align:left;}
.top-nav-lft i{background:#037584; padding:10px 10px; border-radius: 10px 0;}
.top-nav-rht{ text-align:right;}
.top-nav-rht a{ display:inline-block; color: #fff; }
.top-nav-rht a i{ background:#037584; padding:10px 10px; border-radius: 10px 0;}

.wht-cont{ width:100%; margin:0; text-align: center;}
.wht-cont .colr-black{ background:#01626e; padding:30px 20px; }
.wht-cont .colr-black:nth-child(2){ background:#01434b; padding:30px 20px;}

.wht-cont i{ width:100px; height:100px; font-size: 50px; color:#02e0fd; border-style: dashed dotted; padding: 25px 20px; border-width:3;
border-radius: 70px;}

.wht-cont i .fa{}
.wht-cont h3{ font-size: 30px; line-height:30px; font-weight: 500; margin-bottom: 20px;  color: #02e0fd; text-align:center;}

.wht-cont .colr-black a{ text-decoration:none;}
.wht-cont .colr-black:hover .fa{-webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
.abt-section{ padding: 20px 0;}
.abt-section h2{ font-size: 40px; font-weight: 800; line-height:40px; color: #02aec4; margin-bottom: 20px;}
.abt-section  p{font-size: 16px; color: #666;}
.abt-section img{ margin-top:30px;}

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

.about-btn1 i{ font-size:18px; color:#02aec4; 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:#02aec4;
  border-width:1px;
  border-style: solid dashed;
}

.row.ser {
  margin-top: 80px;
}
.about-btn i{ font-size:18px; color:#02aec4; margin-left:7px;}
.about-btn i .fa{}

.query-section  a:hover{color:#02aec4;}


.event-calender{ margin:0; padding:0;}
.event-calender p{ font-size:14px; color:#222; text-align:left;}

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

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

.form-sec .col-md-6{ padding-left:5px; padding-right:5px;}

.form-bx{ background: rgba(222,222,222,.75); padding:15px 20px; border-radius:10px;}
.form-bx .txt{ font-size:20px; line-height:30px; font-weight:600;}
.form-bx h4{ font-size:30px; line-height:30px; font-weight:700; text-align:left; color:#02aec4; display: block;}
.form-bx p{ font-size:16px; line-height:30px; text-align:left; display: inline-block;}
.form-bx .fa{ float:right; font-size:60px; width:60px; height:50px; position: relative; right: 10px; top: -20px; color: #02aec4;}

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

.form-bx .sbmt{ color: #02aec4; cursor: pointer; border-radius:20px; padding: 10px 25px; font-size:16px;  border-style: solid dashed ; border-color: #02aec4; border-width:2px;}

.hm-service{ width:100%; margin: 5px 0; text-align: center; background:#01626e; padding:10px 20px;}

.hm-service i{ width:100px ; height:100px; font-size:50px; color: #fff; border: 2px #02e0fd solid; border-radius:0 20px; padding: 25px 20px;}
.hm-service i .fa{ }
.hm-service h3{ 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;}

.contushm img{ border-radius: 30px 0;}
.mar-top{ margin-top:40px;}




/*form*/

footer{ background: #121212; color: #fff; padding: 30px 0 0 0;}
footer h2{ color: #02aec4; font-size: 30px; 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: #02aec4;
  float: left;
  width: 44px;
  height: 44px;
  background: #eee;
  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: #777;
}

.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:#02aec4;
  color: #fff;
}

.social-links{ width:100%;}
.social-links div{ width:100%; padding:5px; border-bottom:1px #333 dashed; border-radius:20px; transition: 0.3s; margin-bottom:5px;}
.social-links i{ font-size: 20px;  background: #02aec4; 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 #333 dashed; border-radius:20px; transition: 0.3s; margin-bottom:5px;}
.links i{ font-size: 16px;  background: #02aec4; 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:#02aec4; 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;}

/*cont-page*/
.map-contp{border:1px dashed #ccc;}
.cont-page h2{    font-weight:bold;
    color: #111;line-height: 26px;
    font-size: 19px;
    margin-top: 0;
    text-transform: uppercase;
    margin-bottom: 18px;
	margin-top:10px;}
.cont-page h2 span{color: #111;
    font-weight: normal;
    font-size: 18px;}
.cont-page .st-feature-box {
    background: #02aec4;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    padding-right: 10px;
    color: #fff;
}
.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;
}
.cont-page .feature-box-image {
    margin-top: 20px;
}
.cont-page .fa:before{color#fff !important;}
.cont-page .feature-box-image .fa{
   font-size:30px; color:#fff;
}
.cont-page h3 {
    margin: 0;
    font-size: 18px;
    margin-bottom: 8px;
}
.st-feature-box h3 {
    color: #fff;
    margin-bottom: 8px;
    font-size: 18px;
    line-height: 20px;
    font-weight: normal;
}

#home{width:100%; height:100%; position:relative;}

#home:after{content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(rgb(0, 0, 0) 0%, transparent 100%);
    width: 100%;
    height: 195px;
    z-index: 2;}
/*menu*/


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

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


}

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