/* Fonts */
@import url(animate.css);
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&family=Teko:wght@300;400;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400;700&family=Roboto:wght@400;700&display=swap');
/* Fonts */

html { margin: 0; padding: 0; height:100%; min-height:100%; overflow-x:hidden;}
body{ 
margin:0px auto;
padding:0px;
font-family: 'Roboto', sans-serif; font-weight:400;
font-size:15px; line-height:1.4;
color:#fff;
line-height:24px;
height:100%; 
min-height:100%;
background:#021851;
}

/* Color Variables */
:root {
  --primary-neon: #00e1ff;
  --accent-electric: #1ac2ff;
  --highlight-cyan: #25f4ff;
  --background-dark: #010a1f;
  --text-light: #ffffff;
  --text-muted: #a8b2c1;

  --orange: var(--primary-neon);
  --lightblue: var(--accent-electric);
  --lighterblue: var(--highlight-cyan);
  --darkblue: #0a1833;
 .contactsp --dark: #0d1a33;
  --darkshade: linear-gradient(90deg, #0f243e 0%, #0d1a33 100%);
  --lightshade: linear-gradient(90deg, #00e1ff 0%, #25f4ff 100%);
}
/*	--------------------------------------------------
Global Reset & Standards
-------------------------------------------------- */
ul, ol, li, form, input, textarea, select, nav, img {padding:0; margin:0;}
img{border:0;}
*{ box-sizing:border-box;
-webkit-transition: color .2s ease;
-moz-transition: color .2s ease;
-ms-transition: color .2s ease;
-o-transition: color .2s ease;
transition: color .2s ease;

-webkit-transition: background-color 1s;
-moz-transition: background-color 1s;
-o-transition: background-color 1s;
-ms-transition: background-color 1s;
transition: background-color 1s;
}
*:hover{
-webkit-transition: color .2s ease;
-moz-transition: color .2s ease;
-ms-transition: color .2s ease;
-o-transition: color .2s ease;
transition: color .2s ease;

-webkit-transition: background-color 1s;
-moz-transition: background-color 1s;
-o-transition: background-color 1s;
-ms-transition: background-color 1s;
transition: background-color 1s;
}

a{color:var(--sky); text-decoration:none;
-webkit-transition: background-color 1s;
-moz-transition: background-color 1s;
-o-transition: background-color 1s;
-ms-transition: background-color 1s;
transition: background-color 1s;
}
a:hover{text-decoration:none; color:var(--orange);
-webkit-transition: background-color 1s;
-moz-transition: background-color 1s;
-o-transition: background-color 1s;
-ms-transition: background-color 1s;
transition: background-color 1s;
}

h1,h2,h3,h4,h5,h6{font-weight:700; font-family:'Roboto Condensed';text-shadow: 0 0 3px var(--primary-neon), 0 0 8px var(--primary-neon);}

.clear{line-height:0; clear:both;}


.header{display:block; position:fixed; left:0; right:0; top:0; background:#021851; padding:10px 0; z-index:999;}
.header form{position:relative; display:block;}
.header form input[type="text"]{ width:100%; border:1px #ddd solid;border-radius:30px; padding:5px 15px;}
.header form button{position:absolute; right:0; border:none; padding:5px 15px; background:none; color:var(--darkblue);}
.header form button i{font-size:14px;}

.header .logo a img{ height:100px;}


.headerContact{position:relative; list-style-type:none; text-align:center; font-size:15px; font-weight:600;}
.headerContact li{display:inline-block; margin:0 4px;}
.headerContact li:last-child{}
.headerContact li:last-child a{ margin:0; padding:3px 15px; border-radius:25px; text-transform:uppercase; font-size:10px; font-weight:700; color:#fff; background:var(--lightblue); display:block;}

.bannerArea{padding-top:60px; display:block; overflow:hidden;}
.bannerArea .carousel-indicators {
position:absolute;
margin: 0;
bottom:50%; left:25px; right:auto; display:block; text-align:center;
}
.bannerArea .carousel-indicators li {
background-color: #ffffff;
width: 12px;
height: 12px;
border-radius: 100%;
opacity: 1;
border: 1px solid #ffffff;
text-indent: unset;
background-clip: unset;
-webkit-transition: all .2s;
transition: all .2s;
display:block; clear:both; overflow:hidden; margin:5px;
}
.bannerArea .carousel-indicators li.active {
background-color: transparent;
}




.welcomeArea{padding:30px 0 80px; display:block;}
.welcomeArea h2{ font-size:28px; margin-top:0px;}
.welcomeArea p{ font-size:16px; line-height:1.5; margin-bottom:0;}
.welcomeArea [class^="col-"]:first-child{position:relative; padding-left:100px;}
.welcomeArea [class^="col-"]:first-child img{position:absolute; left:0;}
.welcomeArea [class^="col-"]:first-child p{ font-size:20px; line-height:1.2;}


.fourBoxAre{text-align:center;}
.fourBoxAre img{margin-bottom:15px; width:120px; filter: drop-shadow(0 0 5px var(--primary-neon)) drop-shadow(0 0 5px var(--primary-neon));}
.fourBoxAre h3{margin-bottom:15px; display:block; border-bottom:2px var(--orange) solid; font-size:18px; color:#fff; padding-bottom:10px;}
.fourBoxAre [class^="col-"]{margin-bottom:30px;}
.fourBoxAre a{color:var(--lightblue); border-bottom:2px var(--lightblue) dotted; text-transform:uppercase; padding:5px 0; font-size:12px; font-weight:600;}


.roundedShadowImg{width:100%; display:block; margin-bottom:40px; border-radius:30px;
-webkit-box-shadow: 15px 15px 0px 0px var(--lighterblue);
-moz-box-shadow: 15px 15px 0px 0px var(--lighterblue);
box-shadow: 15px 15px 0px 0px var(--lighterblue);
}

.borderlightround{width:100%; display:block; margin-bottom:40px; border-radius:30px; border:5px var(--lighterblue) solid;}



.blueFullArea{display:block; position:relative; background:var(--lightblue) url('../images/bg-inner-page.png') no-repeat center center; background-blend-mode:linear-light; letter-spacing:1px; color:#fff; text-align:center; overflow: hidden}
.blueFullArea h2{display:block; overflow:hidden; margin-bottom:20px; font-weight:700; font-size:42px;}
.blueFullArea h2 strong{color:var(--darkblue);}
.blueFullArea p{display:block; overflow:hidden; font-size:20px; margin-bottom:25px; line-height:1.5;}
.blueFullArea [class^="col-"] > img{position:relative; top:-40px; margin-bottom:-40px; width:100%;}
.blueFullArea a{background:#fff; color:var(--dark); padding:10px 15px; display:inline-block; text-transform:uppercase; font-size:16px; transition:0.5s ease;}
.blueFullArea a i{font-size:20px;color:var(--lightblue); margin-left:10px; position:relative; top:2px;}
.blueFullArea a:hover{background:var(--dark); color:#fff; padding:10px 25px;}


.portfoliaArea{background:#000d2f; padding:80px 0 60px; position:relative;}
.portfoliaArea > svg{ position:absolute; bottom:-1px; left:0; right:0;}
.portfoliaArea > div{position:relative; z-index:5;}
.portfoliaArea h2{color:#fff; font-size:48px; text-transform:uppercase; margin-bottom:30px;}
.portfoliaArea a{background:#fff; color:var(--dark); padding:10px 15px; display:inline-block; text-transform:uppercase; font-size:16px; transition:0.5s ease;}
.portfoliaArea a i{font-size:20px;color:var(--lightblue); margin-left:10px; position:relative; top:2px;}
.portfoliaArea a:hover{background:var(--darkblue); color:#fff; padding:10px 25px;}


.accridationArea{background:var(--lightshade); padding:5px; display:block;}
.accridationArea h3{ display:block; padding:20px 10px; font-weight:700;}

.card{border:none; border-radius:0; margin-top:3px;}
.card-header{ border-radius:0; border:none; background:none; margin:0; padding:0;}
.card-header > a{ position:relative; display:block; background:#fff; color:var(--dark); padding:14px 10px;}
.card-header > a:after {
	position:absolute; right:15px; top:8px; font-size:22px;
    font-family: 'Font Awesome 5 Free';
    content:'\f068';
    font-weight:600; color:var(--orange);
    width:15px; height:30px; 
}
.card-header > a.collapsed:after {content:'\f067';}
.collapse.show{border-top:3px #c9e9e9 solid;}
.card-header h5{font-size:12px; font-weight:600;}
.card-body{padding:10px; font-size:13px; line-height:1.4; margin-bottom:0;}
.card-body a, .card-header h5 span{color:var(--red);}


.treatmentForm{ display:block; border-radius:30px; background:var(--lightblue) url('../images/phonbgicon.png') no-repeat right 15px top 15px; padding:40px 20px; border:2px #fff solid; filter: drop-shadow(0 0 5px var(--primary-neon)) drop-shadow(0 0 10px var(--primary-neon));}
.treatmentForm h3{font-size:26px; font-weight:600; line-height:1.5; margin-bottom:30px;}
.treatmentForm label{display:block; margin-bottom:10px; font-weight:600;}
.treatmentForm .form-control{ padding:12px 15px; margin-bottom:15px; border-radius:10px; height:auto;}
.treatmentForm textarea{height:80px!important; margin-bottom:30px!important;}
.treatmentForm button{ margin:10px 0; padding:12px 15px; border:none; display:block; width:100%; border-radius:8px; text-transform:uppercase; font-size:12px; font-weight:700; color:#fff; background:var(--darkshade);}



.packageArea{padding:20px 0 90px; display:block; text-align:center; background: url('../images/bg-engitech-text.png') no-repeat center center;}
.packageArea h2{margin-bottom:30px; text-transform:uppercase;}
.packageArea [class^="col-"]{position:relative; z-index:4; color:#222;}
.packageArea [class^="col-"]:before{position:absolute; left:15px; right:15px; top:0; bottom:0; border-bottom:5px #fff solid; background:var(--lightblue); border-radius:10px; content:''; display:block; z-index:-1;
-webkit-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.16);
-moz-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.16);
box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.16);
}
.packageArea [class^="col-"] > div{padding:30px 30px 60px;}
.packageArea [class^="col-"] > div img{margin-bottom:15px;}
.packageArea [class^="col-"] > div h3{color:#fff; font-size:22px; text-transform:uppercase;}
.packageArea [class^="col-"] > div h4{color:var(--darkblue); font-size:16px; font-weight:400; border-bottom:2px var(--lighterblue) dotted; padding-bottom:15px; margin-bottom:15px;}
.packageArea [class^="col-"] > div ul{list-style-type:none; margin:0; padding:0;}
.packageArea [class^="col-"] > div ul li{ display:block; padding:3px 0;}
.packageArea [class^="col-"] > div ul li i{ font-size:12px; margin-right:5px;color:#222;}

.packageArea [class^="col-"] > div > a{position:absolute; bottom:-20px; text-align:center; display:block; left:45px; right:45px; background:#fff; padding:15px; color:#222; border-radius:60px;}
.packageArea [class^="col-"] > div > a i{ margin-left:15px;color:var(--lightblue);}
.packageArea [class^="col-"] > div > a:hover{background:#000d2f; color:#fff;}


.whychoosus{display:block; overflow:hidden; clear:both; background:transparent url('../images/desk-space.jpg') no-repeat center top; padding:60px 0; text-align:center; background-size:100% auto;}
.whychoosus h2{padding-bottom:35px; color:#fff;}
.whychoosus h4{font-size:18px; line-height:1.2; color:#fff; letter-spacing:1px; font-weight:400; margin-bottom:0;}
.whychoosus [class^="col-"] > div{background:var(--lightblue); border-radius:10px; display:block; padding:30px; border:3px #ffff solid;
-webkit-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.16);
-moz-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.16);
box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.16);
}
.whychoosus [class^="col-"]:hover > div{background:var(--dark);}
.whychoosus [class^="col-"]:hover > div h4{color:var(--lighterblue);}
.whychoosus [class^="col-"] > div img{margin-bottom:20px;}


/*------------------------------------------------------------------ Footer Main -------------------------------------------------------------------*/
 .footer-main{
     padding: 50px 0px 30px;
     color:#fff;
}
.footer-main hr{
	border-top: 1px solid var(--darkblue);
}
.footer-top-box{
	margin-bottom: 30px;
}
 .footer-top-box ul{
     display: inline-block;
}
 .footer-top-box ul li {
     float: left;
     margin-right: 5px;
}
 .footer-top-box ul li a {
     color: #ffffff;
     display: inline-block;
     width: 36px;
     height: 36px;
     border: 2px solid #ffffff;
     text-align: center;
     line-height: 32px;
}
 .footer-top-box ul li a:hover {
     color: var(--lightblue);
     border-color:var(--lightblue);
}
.footer-widget, .footer-link, .footer-link-contact{
	margin-top: 15px;
}
 .footer-widget h4 {
     color: #ffffff;
     font-size: 16px;
     text-transform: uppercase;
     letter-spacing: 2px;
     margin-bottom: 20px;
     position: relative;
     font-weight: 700;
}
 .footer-widget h4::before {
     border-bottom: 3px solid var(--lightblue);
     content: "";
     height: 3px;
     width: 100%;
     position: absolute;
     bottom: 3px;
     left: 0px;
}
 .footer-widget p {
     color: #cccccc;
     font-weight: 400;
     font-size: 14px;
     padding-bottom: 10px;
}

.footer-main h4{
     color: #ffffff;
     font-size: 16px;
     text-transform: uppercase;
     letter-spacing: 2px;
     margin-bottom: 20px;
     position: relative;
     font-weight: 700;
     margin-top:15px;
     padding-bottom:15px;
}
.footer-main h4:before {
     border-bottom: 3px solid var(--lightblue);
     content: "";
     height: 3px;
     width: 100%;
     position: absolute;
     bottom: 3px;
     left: 0px;
}
.footer-main ul{ list-style-type:none; margin:0; padding:0;}

 .footer-link ul li {
     margin-right: 5px;
}
 .footer-link ul li a {
     color: #ffffff;
     text-align: left;
     display: block;
     line-height: 32px;
     position: relative;
     padding-left: 15px;
     transition: all .3s ease-in-out;
     -webkit-transition: all .3s ease-in-out;
     -moz-transition: all .3s ease-in-out;
     -o-transition: all .3s ease-in-out;
     -ms-transition: all .3s ease-in-out;
}
 .footer-link ul li a::before {
     font-family:'Font Awesome 5 Free'; font-weight:600;
     content: "\f105";
     position: absolute;
     left: 0px;
     line-height: 35px;
     font-size: 16px;
     transition: all .3s ease-in-out;
     -webkit-transition: all .3s ease-in-out;
     -moz-transition: all .3s ease-in-out;
     -o-transition: all .3s ease-in-out;
     -ms-transition: all .3s ease-in-out;
}
 .footer-link ul li a:hover::before {
     left: 5px;
}
 .footer-link ul li a:hover {
     color: var(--lightblue);
     padding-left: 20px;
}
 .footer-link-contact ul li{
     margin-bottom: 12px;
}
 .footer-link-contact ul li i{
     position: absolute;
     left: 0;
     top: 5px;
     padding-right: 6px;
}
 .footer-link-contact ul li p{
     padding-left: 25px;
     color: #cccccc;
     position: relative;
}
 .footer-link-contact ul li p{
     font-size: 16px;
     color: #fff;
     font-weight: 300;
     padding-right: 16px;
     line-height: 24px;
}
 .footer-link-contact ul li p a{
     color: #fff; font-size:20px; font-weight:600;
}
 .footer-link-contact ul li p a:hover{
     color: var(--lightblue);
}
/*------------------------------------------------------------------ Copyright -------------------------------------------------------------------*/
 .footer-company {
     text-align: center;
     color: #ffffff;
     font-size: 14px;
}
 .footer-company a{
     color: #ffffff;
}
 .footer-company a:hover{
     color: var(--lightblue);
}
 .payment-icon {
     width:340px; margin:0 auto;
     padding: 10px 0px; text-align:center;
}
 .payment-icon ul li {
     width: 16%; padding:3px; display:inline-block;}
.payment-icon ul li img{ width:100%;}


.sub-menu-toggle{ display:none;}



/*---------------------Next---------------------*/

.next-bannerArea{ display:block; padding-top:70px!important; overflow:hidden;}
.next-bannerArea img{ max-width:100%; }

.page-path{font-size:13px; float:right; font-weight:500; color:#2897c2; text-align:left;}
.page-path a{margin:0 5px; color:#fff;}

.midArea{padding:30px 0 80px; display:block;}
.midArea h1{font-size:38px; padding-left:75px; display:inline-block; line-height:67px; position:relative;}
.midArea h1:before{ position:absolute; left:0; top:0; content:''; width:63px; height:67px; background:url('../images/logo-icon.png') no-repeat;  }
.midArea h2{ font-size:28px; margin-top:15px; position:relative}
.midArea p{ font-size:16px; line-height:1.5; margin-top:10px;  margin-bottom:0;}

.listsp{ display:block; margin:10px 0;}
.listsp li{ padding-bottom:10px; display:block; padding-left:25px; position:relative; }
.listsp li:before{position:absolute; left:0; top:0; content:''; width:19px; height:19px; background:url('../images/tick.png') no-repeat; }

.midAreabut a{ border:1px solid var(--lightblue); position:relative; padding:10px 40px 10px 20px; display:inline-block; margin-top:20px; background:var(--lightblue); color:#fff; }

.midAreabut a::before {
     font-family:'Font Awesome 5 Free'; font-weight:600;
     content: "\f105";
     position: absolute;
     right: 10px;
     line-height: 25px;
     font-size: 36px;
     transition: all .3s ease-in-out;
     -webkit-transition: all .3s ease-in-out;
     -moz-transition: all .3s ease-in-out;
     -o-transition: all .3s ease-in-out;
     -ms-transition: all .3s ease-in-out;
}

/*--------------------------*/

.contactsp{ display:block; background:#001448; padding:50px; border-radius:50px; }
.contactsp h2{ color:#fff; font-size:25px; text-align:center; margin:0 auto 35px; }



.contact-info {
  margin-bottom: 20px;
  text-align: left; border-bottom:1px dashed #fff; padding-bottom:25px
}

.contact-info i {
  font-size:20px;
  display: inline-block;  
  color: #fff;
  background:var(--orange); border-radius:50%; width:50px; height:50px; line-height:50px; text-align:center; color:#021851; 
}

.contact-info address,
.contact-info p {
  margin-bottom: 0;
  color: #fff;
}


.sp-area{ display:inline-block; vertical-align:top;  padding-left:10px; padding-top:5px;  }

.contact-info h3 {
  font-size: 16px;
  margin-bottom:5px; line-height:1; 
  font-weight: bold;
  text-transform: uppercase;
  color: #fff; 
}

.contact-info a {
  color: #fff; line-height:1;
}

.contact-info a:hover {
  color: #FF0;
}


.contactsp .form_container {
  background-color:var(--orange);
  padding: 45px;
}

.contactsp .form_container .form-control {
  width: 100%;
  border: none;
  height: 50px;
  margin-bottom: 0;
  padding-left: 15px;
  outline: none;
  color: #565554;
  -webkit-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.15);
  border-radius: 0;
}

.contactsp .form_container .form-control::-webkit-input-placeholder {
  color: #565554;
}

.contactsp .form_container .form-control:-ms-input-placeholder {
  color: #565554;
}

.contactsp .form-control::-ms-input-placeholder {
  color: #565554;
}

.contactsp .form_container .form-control::placeholder {
  color: #565554;
}

.contactsp .form_container .form-control.message-box {
  height: 95px;
}



.contactsp .form_container .btn_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.contactsp .form_container .btn_box button {
  border: none!important;
  text-transform: uppercase;
  display: inline-block;
  padding: 12px 55px;
  background-color: var(--dark);
  color: #ffffff;
  border-radius: 0px;
  -webkit-transition: all .3s;
  transition: all .3s;
  border: 1px solid var(--dark);
}

.contactsp .form_container .btn_box button:hover {
  background-color: var(--lightblue);
  color: var(--dark);
}

.contactsp .form_container input[type="submit"]{ border:none;  display:block; overflow:hidden; background:none; color:#fff; }




/*------------------------------------*\
    Media Queries
\*------------------------------------*/

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

@media (max-width: 990px){
.header{padding:5px 0 10px; position:static;}
.bannerArea{padding-top:0;}
}

@media (max-width: 767px){
.headerContact{text-align:left;}

[class^="col-"]{margin-bottom:20px;}
.header [class^="col-"]{margin-bottom:0;}

.welcomeArea{padding-bottom:40px;}
.welcomeArea [class^="col-"]:first-child{padding-left:15px;}
.welcomeArea [class^="col-"]:first-child img{ display:none;}

.emSculptArea{text-align:center; padding-bottom:20px;}
.fourBoxAre{text-align:center; margin-bottom:15px!important;}
.twoPartArea ul li img{ max-width:60px;}
.twoPartArea ul li{margin:0;}


.blueFullArea{padding:30px 0 20px;}
.blueFullArea [class^="col-"]:last-child{ display:none;}

.packageArea{padding-bottom:30px;}
.packageArea [class^="col-"]{margin-bottom:40px;}


.bannerArea .carousel-indicators {bottom:40%; left:5px;}
.page-path{font-size:13px; float:none; text-align:left; display:block}
.contactsp .form_container {
  
  padding: 15px;
}

.contactsp{ padding:15px; border-radius:10px; }
.midArea h1{font-size:25px; padding-left:0px; display:block; line-height:1; }
.midArea h1:before{ display:none;}
}

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

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




/* -------------- Chrome Only ------------------ */
@media screen and (-webkit-min-device-pixel-ratio:0) {
}