body{font-family: 'Lato', sans-serif; margin:0; padding:0;}

.margin-50{ margin:50px 0;}
.margin-50t{ margin-top:50px;}
.padd-25{ padding-top:25px;}
.padd-25b{ padding-bottom:25px;}
.paddx{padding:.5rem 0px !important;}

.full-width-section{ width:100%;}



header{  position:absolute; z-index:1; text-align:center; top:0; left:0; right:0; }

.section-first{ background-color:#f37657; padding:130px 0 30px 0; }
.section-first-blue{ background-color:#1a6ca1;  padding:130px 0 30px 0;}
.logo{ padding:20px 0;}
.logo-w{ width:230px;}
.mynav{ text-align:right; justify-content: flex-end;}
.mynav ul{ list-style:none;}
.mynav ul li{ display:inline-block; padding:30px 15px 0 15px; font-size:20px;}
.mynav ul li a{ color:#fff; text-decoration:none;}
.mynav ul li a:hover{ color: #0FF;}
   
.navbar-dark .navbar-toggler {
    color:#fff;
    border-color: #fff;
}

.slider-cont{ padding-top:50px; color:#fff;}
.slider-cont h1{ padding-top:40px; color:#fff; font-weight:700; line-height:1.5;}
.slider-cont p{ padding-top:20px; }
.slider-cont button{ margin:30px 0 50px 0; width:220px; height:50px; border-radius:10px; font-size:24px;}

.grey-back{background-color:#f0f0f0; padding:10px 15px; }
.grey-back h2{ font-size:26px;}

.section-third h3{ font-size:21px;  font-weight:700;}
.section-third h3::before{ content:url(../images/icon.png); padding-right:20px; vertical-align:-webkit-baseline-middle;}
.section-third p{ padding-left:50px; padding-bottom:20px;}

.section-fourth{ padding:50px 0; background-color:#f0f0f0;}
.section-fourth h4{ font-size:40px;}
.section-fourth h5{ text-transform: capitalize;}

.section-fifth{ text-align:center; margin:50px 0;}
.section-fifth h6{ font-size:40px;}
.section-fifth p{ font-size:26px;}
.marg-15{ margin-left:15px; margin-right:15px;}

.green-box{ padding:20px 15px; text-align:center;  height:200px;}
.green-box img{ padding-bottom:10px;}
.green-box p{ font-size:18px;}
.green-box:hover .overlay{  height:100%;}


.overlay {
  position: absolute;
  top:0;
  left: 0;
  right:0;
  bottom:0;
  background-color: #65c079;
  overflow: hidden !important;
  width: 100%;
  height: 0;
  transition: .5s ease;
  
  border-radius:0px 20px 0px 20px;
}

.text {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}
.text a{ color:#fff; text-decoration:none;}

.section-sixth{  background-image:url(../images/green-background.jpg); padding:50px 0; background-position:center; background-size:cover; background-repeat:no-repeat; text-align:center;}
.section-sixth img{ padding-bottom:10px;}
.section-sixth p{ padding:30px 0 50px 0; font-size:24px; color:#fff;}

.seventh-class{ background-color:#1a6ca1; padding:50px 0;  color:#fff; margin:50px 0;}
.seventh-class h6{ font-size:24px;  font-size:900;}
.seventh-class p{ font-size:18px;}
.seventh-class button{ background-color:#fff; padding:10px 40px; margin-top:20px; font-size:20px; font-weight:700;}

footer{ background-color:#383838; padding:50px 0 25px 0; color:#fff;}
footer h6{ font-size:24px; padding-bottom:30px;}
footer ul{ margin:0; padding:0; list-style:none;}
footer ul li{ line-height:1.8; }
footer ul li::before{ content:url(../images/arrow-right.png); padding-right:15px;}
footer a{ color:#fff; text-decoration:none !important;}
footer a:hover{ color:#0FF;}
footer p{ text-align:justify;}

.footer-down{ background-color:#000; padding:20px 0 10px 0; color:#fff;}
.footer-down i{ padding-right:10px; color:#555;}

.grey-heading{background-color:#ccc; padding:15px 0 0px 0;}
.heading{  }
.heading h1{ text-transform:uppercase; font-size:20px; padding:10px 0 5px 0;}
.breadcrumb {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: .75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: transparent;
    border-radius: .25rem;
  text-align:right;
  text-transform:uppercase;
}

ul.breadcrumb li+li:before {padding: 8px; color: black; content: "/\00a0";
}



.light-blue{ background-color:#a1d4e9; width:100%; margin:50px 0; padding:50px 0; text-align:center;}
.whyus{ text-align:center; background-color:#57bee7; padding:20px; height:350px; }
.whyus h3{ padding:20px 0; font-size:24px;}
.whyus p{ text-align:justify;}
.ourteam{ text-align:center;}
.ourteam h4{ font-size:40px;}
.ourteam p{ text-align:justify; }
.black-color{background-color:#2a363f; color:#fff; padding:20px;}
.blue-color{background-color: #336; color:#fff; padding:20px; }

.black-color img{ padding:15px 0; } 
.blue-color img{padding:15px 0;}

.black-color h5{ font-weight:700; padding:10px 0;}
.blue-color h5{font-weight:700; padding:10px 0;}

.black-color button.btn-secondary{ background-color:#fff; color:#000; border:1px solid #fff; box-shadow: 0 8px 6px -6px black;}
.blue-color button.btn-secondary{ background-color:#fff; color:#000; border:1px solid #fff; box-shadow: 0 8px 6px -6px black;}
.modal{ color:#000;}

.contactus{ text-align:center;}
.blue-color address{ line-height:2; font-size:24px;}
.blue-color address a{ color:#fff; text-decoration:none;}

input[type="text"] {
  background-image:url(../images/user.png);
  background-position:left center;
}

.solution-back{ width:100%; padding:50px 0;  background-image:url(../images/solution-back.jpg); background-position:center; background-size:cover;}
.solution-back h5{ font-size:50px; color:#fff;  text-shadow: 1px 1px 1px #000;}
.solution-back p{ font-size:22px; }

.white-box{ margin:30px 0 100px 0;  padding:20px; background-color:#fff; color:#000; box-shadow: 0 8px 6px -6px black; border-radius:10px;}
.white-box img{ width:150px; margin-top:-100px;}
.white-box h6{ font-size:26px; font-weight:700;}
.white-box i{ font-size:20px;}
.white-box p{ padding-top:20px; font-size:16px;}
.white-box span{ padding-top:20px; font-size:24px; border-bottom:1px solid #17a2b8; padding-bottom:5px;}

.career-box{  border:2px solid #17a2b8; text-align:center; background-color:#2a363f;  color:#fff; margin-bottom:50px;}
.career-box img{}
.career-box h5{ padding:10px 0 0 0; font-weight:600; color:#17a2b8;}
.career-box h6{ font-size:20px;  font-weight:600;}
.career-box button{ margin:15px 0;}

.opening-sec{ padding:20px; background-color:#ededed;}
.opening-sec h5{ font-size:30px; font-weight:700; border-bottom:5px solid #17a2b8; padding-bottom:15px; background-color:#2a363f; color:#fff; padding:20px;}
.opening-sec h6{ font-size:22px; font-weight:700;}
.opening-sec span{ font-size:22px; font-weight:700;}

.slider-form{ position:fixed; top:10%; right:30px;  background-position:center; background-size:cover; padding:20px; z-index:111; }

.main-form{ margin:0 auto; padding:10px 0; padding:30px;  background-color: rgb(0,0,0,0.8); color:#fff; }
.main-form h6{ font-size:40px; border-bottom:2px solid #fff;}

.onclick-b{ position:fixed; top:20%; right:0;}
.onclick-b span{ writing-mode: vertical-rl; text-orientation: upright;}