html, body {
   background-color: #222;
   margin: 0;
   padding: 0;
   height: 100%;
   font-family: 'Merriweather', sans-serif;
 }
 
 .nav-container {
   background-color: #222;
   font-family: 'Merriweather';
   width: 100%;
}

.logo-img {
   width: 250px;
   height: auto;
   object-fit: cover;
}

.slogan-text {
   color: #D48944;
   font-size: 15px;
   font-weight: bold;
   font-style: italic;
   line-height: 150%;
   position: absolute;
   top: 40%;
   left: 50%;
   transform: translateX(-50%);
}


.link-page {
   color: #d1e8e2;
   font-size: 16px;
   font-weight: 600;
   line-height: 150%;
}

.link-page:hover {
   color: #116466;
}

.navbar-nav .nav-link.active {
   color: #116466;
}

@media (max-width: 1200px) {
   .slogan-text {
      position: absolute;
      top: 30%;
      left: 60%;
      transform: translateX(-60%);
   }
}


@media (max-width: 992px) {
   .slogan-text {
      position: static;
      top: auto;
      left: auto;
      transform: none;
      text-align: start;
      margin: 10px;

   }

   .link-page {
      margin-left: 10px;
   }
}

@media (max-width: 380px) {
   .logo-img {
      width: 200px;
   }
}


/**********************************************************/
.content-block {
   background-image: url("background.png");
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   height: 85vh;
   scroll-margin-top: 120px;
   margin-top: 120px;
}


.main-content-container {
   font-family: 'Merriweather';
   color: #d1e8e2;
   background-color: #222;
   font-weight: 400;
}


.company-about-box {
   padding-top: 140px;
   padding-left: 200px;
   padding-right: 200px;
   text-align: center;
}

.company-name {
   font-size: 48px;
   font-weight: bold;
   text-align: center;
}

.company-descr {
   font-size: 20px;
   padding-top: 30px;
   line-height: 30px;
}

.ecopower-link {
   color: #368C8E;
   text-decoration: none;
}

.ecopower-link:hover {
   color: #116466;
}


@media (max-width: 1200px) {
   .company-about-box {
      padding-left: 10px;
      padding-right: 10px;
   }
}

@media (max-width: 1024px) {
   .company-name {
      font-size: 32px;
   }

   .company-descr {
      font-size: 18px;
      padding-top: 15px;
   }
}

@media (max-width: 768px) {
   .content-block {
      height: 90vh;
   }
}

@media (max-width: 420px) {
   .company-name {
      font-size: 28px;
   }

   .company-descr {
      font-size: 16px;
      padding-top: 10px;
   }

   .company-about-box {
      padding-top: 120px;
   }

   .content-block {
      margin-top: 110px;
   }
}

@media (max-width: 340px) {
   .company-about-box {
      padding-top: 90px;
   }

   .content-block {
      height: 95vh;
   }
}


.block {
   padding-top: 60px;
   padding-bottom: 48px;
   scroll-margin-top: 110px;
}


.block-service-card {
   padding: 48px 24px;
   display: flex;
   justify-content: center;
   align-items: center;
}


.block-title {
   text-align: center;
   font-size: 48px;
}

.service-card {
   width: 616px;
   border-radius: 18px;
   border-left: 0.3rem solid #d1e8e2;
   border-right: 0.3rem solid #d1e8e2;
   padding: 32px 74px;
   text-align: center;
   min-height: 100%;
}


.service-icon {
   width: 95px;
   height: auto;
   object-fit: cover;
}

.service-title {
   font-size: 24px;
   margin-top: 32px;
}

.service-descr {
   font-size: 18px;
   margin-top: 18px;
   text-align: start;
}


@media (max-width: 1024px) {
   .block-title {
      font-size: 32px;
   }

   .block-service-card {
      padding: 32px 12px;
   }

   .service-card {
      padding: 32px 48px;
   }
}

@media (max-width: 768px) {
   .service-card {
      padding: 24px 32px;
   }
}


@media (max-width: 420px) {
   .block-title {
      font-size: 28px;
   }

   .block-service-card {
      padding: 12px 12px;
   }

   .service-card {
      padding: 24px 12px;
   }

   .service-icon {
      width: 88px;
   }

   .service-title {
      font-size: 18px;
   }

   .service-descr {
      font-size: 16px;
   }
}


.carousel-control-prev-icon {
   content: url('arrowPrev.png');
   width: 50px;
   height: 80px;
}

.carousel-control-next-icon {
   content: url('arrowNext.png');
   width: 50px;
   height: 80px;
}


.carousel-indicators .active {
   background-color: #116466;
}

.photo-gallery {
   text-align: center;
}

.gallery-img {
   object-fit: cover;
   object-position: center;
   overflow: hidden;
   height: 450px;
}



@media (max-width: 768px) {
   .gallery-img {
      height: 300px;
   }
}

@media (max-width: 576px) {
   .gallery-img {
      height: 200px;
   }
}

/**********************************/
.container-fluid {
   padding: 0;
}

.footer-block {
   font-family: 'Merriweather';
   color: #d1e8e2;
   font-size: 16px;
   background-color: #222;
   box-shadow: 0 -10px 5px rgba(0, 0, 0, 0.2);
   padding: 32px 88px;
   margin: 0;
}

.footer-info-email-tel {
   text-align: center;
}

.footer-copyright {
   color: #368C8E;
   text-align: end;
   padding-top: 8px;
}


@media (max-width: 1055px) {
   .footer-block {
      padding: 32px 32px;
   }
}


@media (max-width: 768px) {
   .footer-info-address {
      text-align: center;
      padding-top: 10px;
   }

   .footer-info-email-tel {
      padding-top: 10px;
   }

   .footer-copyright {
      text-align: center;
      padding-top: 10px;
   }
}