/* banner Css */
.hero-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    z-index: 9;
}
.full-screen {
    position: relative;
}
.full-screen {
    height: 100vh;
    margin: 0;
    padding: 0px;
}
.hero-center .content h1 {
    color: #ffff;
    font-size: 70px;
    font-weight: 700;
}
.hero-center .content h4 {
    color: #fff;
    font-size: 32px;
}
.hero-center .content {
    max-width: 900px;
    margin: 0 auto;
}
.btn-flx {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.btn-in {
    padding-top: 50px;
}
.btn-in a {
    background: #6fb3b8;
    color: #fff;
    padding: 15px 40px;
    display: inline-block;
    font-size: 20px;
    border-radius: 50px;
    text-transform: uppercase;
    font-weight: 600;
}
.btn-in a:hover{
    background: #fff;
    color: #6fb3b8;
}
.data-in {
    position: relative;
    background: #0f606b;
    overflow: hidden;
    padding-top: 100px;
    padding-bottom: 50px;
}
.data-in h2 {
    color: #fff;
    font-weight: 600;
    font-size: 40px;
}
.data-in p {
    color: #fff;
    font-weight: 600;
    font-size: 20px;
}
.data-in p {
    color: #fff;
    font-weight: 400;
    font-size: 22px;
    padding: 20px 0px 10px 0px;
}
.content-up{
    position: relative;
}
.content-up img {
    width: 100%;
    border-radius: 20px;
    position: relative;
}
.services .container-fluid {
    padding: 0px;
}
.services {
    background: #6fb3b8;
}
.clr-chng {
    background: #0f606b;
    padding: 0px 50px;
}
.services-box .img-box {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
}

.services-box img {
  width: 100%;
  object-fit: cover;
  display: block;
}

.overlay-title, .overlay-Impact {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 6px 15px;
    background: rgb(0 0 0 / 40%);
    color: #fff;
    
    margin: 0px 20px;
    margin-bottom: 20px;
    border-radius: 50px;
}
.overlay-title h4 {
    margin: 0px;
    text-align: center;
}
.text-bt-services h3 {
    color: #fff;
    font-weight: 700;
    font-size: 26px;
}
.overlay-title h4 a{
  font-size: 22px;
  margin: 0;
  font-weight: 700;
  color: #fff;
}
.overlay-title h4 a:hover{
    color: #aae9ed;
}
.overlay-Impact span {
    font-size: 24px;
}
.overlay-Impact {
    padding: 6px 25px;
}
.services-box p {
    padding: 15px;
    font-size: 18px;
    line-height: 1.6;
    color: #fff;
    font-weight: 600;
}

.text-bt-services {
    padding: 20px 0px 40px 0px;
}
.services .row{
    align-items: center;
}
.left-services-content {
    padding-left: 50px;
}
.left-services-content h3 {
    padding-left: 100px;
    font-size: 48px;
}
.Voices-mail{     
    background-image: url(/sites/all/themes/sldc/images/voice-bg.jpg);
    background-repeat: no-repeat;
    position: relative;
    background-size: cover;
    padding: 5% 0 14% 0;
}
.section-title {
    text-align: center;
    padding-bottom: 50px;
}
.section-title h2{
    color: #fff;
    font-size: 55px;
    font-weight: 500;
    line-height: 1.3em;
    letter-spacing: -0.4px;
    margin: 0px;
}
span.clr-blu {
    color: #0f606b;
}
.section-title p {
    font-size: 26px;
    font-weight: 600;
}
.voice-in {
    background: #00000069;
    border-radius: 15px;
    padding: 20px;
}
.voice-in i {
    color: #fff;
    font-size: 20px;
    margin-right: 7px;
}
.voice-in h4 {
    color: #fff;
    font-weight:700;
    line-height: 1.3;
    font-size: 22px;
}
.voice-in p {
    color: #fff;
    font-size: 18px;
    line-height: 1.5;
    font-weight: 600;
    margin: 20px 0px;
}
.img-box-Impact img {
    width: 100%;
    height: 350px;
    object-fit: cover;
    border-radius: 20px;
}
.Impact-div {
    padding: 100px 0px;
}
.Practice-div {
    padding: 20px 0px;
}

.form-div{
    padding: 100px 0px;
}
.contact-details-flx {
    display: flex;
}
.flx-img img {
    max-width: 30px;
}
.flx-img  {
    margin-right: 5px;
}
.right-cn h5 {
    font-size: 18px;
    font-weight: 700;
    margin:0px;
}
.right-cn a {
    font-size: 18px;
    color: #000;
}
.right-cn a:hover {
 color: #0f606b;
}
  
    .form-group {
      margin-bottom: 15px;
    }
    .form input, .form textarea {
      width: 100%;
      padding: 10px;
      border: 1px solid #ddd;
      border-radius: 4px;
      font-size: 14px;
    }
    .form textarea {
      height: 120px;
      resize: vertical;
    }
 .form-actions input.form-submit {
    background-color: #0f606b;
    color: white;
    padding: 8px 25px;
    border: none;
    border-radius: 4px;
    font-size: 20px;
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
}
.form {
    padding-top: 60px;
}
  .form-actions input.form-submit:hover {
      background-color: #004c4c;
    }
    .form-div input::placeholder,
.form-div textarea::placeholder {
  color: #000;       /* Change placeholder text color */
  font-size: 16px;  
  font-weight: 600; /* Adjust font size */
}
.form-div input:focus::placeholder,
.form-div textarea:focus::placeholder {
  color: #aaa;   /* Lighter color on focus */
}

.form-div input:focus, .form-div textarea:focus {
  color: #0f606b;   /* Lighter color on focus */
  border: 1px solid #0f606b !important;
}

figure {
    margin: 0;
    padding: 0;
    position: relative;
    display: block;
    cursor: pointer;
    overflow: hidden;
}
figure img {
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}
figure:hover img {
    -webkit-transform: scale3d(1.1, 1.1, 1);
    -moz-transform: scale3d(1.1, 1.1, 1);
    -ms-transform: scale3d(1.1, 1.1, 1);
    transform: scale3d(1.1, 1.1, 1);
}
.full-screen {
    position: relative;
}
div#hero1:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.4;
}
.overflow-hidden{
    overflow: hidden;
}
   .services {
    overflow: hidden;
}


@media (max-width: 991px) {
    .overlay-title{
    padding: 10px 15px;
}
.overlay-title h4 a br{
    display: none;
}
    .full-screen {
    min-height: 600px;
}
    div#map_canvas {
    height: 500px !important;
}

    .contact-details-flx {
    margin-bottom: 30px;
}
    .section-title h2 {
    font-size: 36px;
}
    .data-in img{
    width: 100%;
        max-width: 100%;
}
.left-services-content {
    padding-left: 0;
    padding: 20px;
}
.clr-chng {
    padding-top: 40px;
}
.left-services-content h3 {
    padding-left: 0;
    font-size: 38px;
}
    
     
    .btn-in {
    padding-top: 20px;
}
.hero-center .content h1 {
    font-size: 30px;
}
.hero-center .content h4 {
    font-size: 24px;
    padding-top: 20px;
}
.section-title p {
    font-size: 20px;
}
.voice-in, .Impact-box, .services-box {
    margin-bottom: 20px;
}
.data-in p {
    font-size: 18px;
}
.left-services-content h3 br{
    display: none;
}
.data-in h2 {
    font-size: 38px;
}
    

}

@media (max-width: 767px) {
    .btn-in a {
    padding: 10px 30px;
    font-size: 16px;
}
.hero-center .content h1 {
        font-size: 28px;
    }
    .left-services-content h3 {
        font-size: 28px;
    }
 .overlay-Impact {
    margin-bottom: 30px;
}
    .clr-chng {
        padding-left: 30px;
        padding-right: 30px;
    }
.overlay-Impact span {
    font-size: 20px;
}
  .hero-center {
    top: 55%;
}
    .btn-flx {
    display: block;
}
  .section-title h2 {
    font-size: 28px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {

.hero-center .content h1 {
    font-size: 55px;
}
.data-in img {
    width: 100%;
    max-width: 100%;
}
.left-services-content {
    padding-left: 10px;
}
.clr-chng {
    padding: 0px 10px;
}
.overlay-title, .overlay-Impact {
    margin: 0px 10px;
}
.overlay-title h4 a {
    font-size: 20px;
}
.text-bt-services h3 {
    font-size: 26px;
}
}

@media (min-width:992px) and (max-width: 1024px) {
.left-services-content h3 {
    font-size: 30px;
}
}
@media (min-width:1025px) and (max-width: 1199px) {
.left-services-content h3 {
    font-size: 30px;
}
}
@media (min-width:1200px) and (max-width: 1380px) {
.left-services-content h3 {
    padding-left: 80px;
    font-size: 38px;
}
.overlay-title, .overlay-Impact{
    margin: 0px 15px;
    margin-bottom: 20px;
}
.overlay-title h4 a {
    font-size: 20px;
}
.data-in p {
    font-size: 20px;
}
.overlay-Impact span {
    font-size: 20px;
}
}
@media (min-width:1381px) and (max-width: 1460px) {
.left-services-content h3 {
    font-size: 45px;
}
}