/*

About Area Style

=====================================================*/
.testathour{
  line-height: 30px !important;
}

.year-desc{
  display:flex;
  flex-direction:row;
}
.download-btn a {
  margin-right:40px;
  margin-left: 1rem;
}

@media only screen and (max-width: 600px) {
  .desc-2021 {
      margin-top: var(--bs-gutter-y);
  }

  .about-img{
      border-left: none;
      padding-top:10px;
  }
  .year-desc {
      justify-content:center;
      padding-top: 10px;
  }
  .download-btn{
  flex-direction: column;
  align-items: center;
  }
  .download-btn a {
      margin-bottom: 20px;
      margin-right: 0px;
      width: 56%;
      align-items: center;
      margin-left: 0px;
  }

}

.pb-22 {
  padding-bottom: 20px;
}
.pt-22 {
  padding-top: 20px;
}
.about-img {

  position: relative;

  z-index: 1;

  padding-left: 50px;

  padding-bottom: 20px;

  border-left: 1px solid black;
}

.green-bg {
  background-color: #EFFFFD !important;
}

.about-img .about-shape {

  position: absolute;

  left: 50px;

  bottom: 50px;

  border-radius: 50%;

  -webkit-animation: rotation 45s infinite linear;

          animation: rotation 45s infinite linear;

}

.about-img img{

height: 210px;



}

.about-img-nb{

  border-left: none !important;

}

.about-img::before {

  content: "";

  position: absolute;

  border-radius: 50%;

  background: rgb(45,131,80);
  
  background: linear-gradient(0deg, rgba(45,131,80,1) 0%, rgba(49,211,114,1) 100%);

  height: 25px;

  width: 25px;

  top: 0;

  left: -12px;
  border: black 1px solid;

}

.products-service-ul li{
  font-size: 18px !important;
}
.about-img-rounder::before{
  content: "";
  position: absolute;
  border-radius: 50%;
  border: black 1px solid;
  background: rgb(45,131,80);
  background: linear-gradient(0deg, rgba(45,131,80,1) 0%, rgba(49,211,114,1) 100%);
  height: 25px;
  width: 25px;
  top: 0;
  left: -12px;
}

/* 

.about-img::before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 522px;

  height: 100%;

  background-color: #c1c4c8;

  z-index: -1;

} */



/* .about-img::after {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 522px;

  height: 100px;

  background-color: #f7f6f1;

  z-index: -1;

} */



.about-content span {

  color: var(--main-color);

  font-size: 17px;

  display: block;

  margin-bottom: 10px;

}



.about-content h2 {

  font-size: 40px;

  margin-bottom: 25px;

}



.about-content strong {

  font-size: 20px;

  font-weight: 600;

  margin-bottom: 20px;

  display: block;

  color: var(--heading-color);

}



.about-content .default-btn {

  margin-top: 50px;

}



/*

Keyframes Area Style

======================================================*/

@-webkit-keyframes rotation {

  from {

    -webkit-transform: rotate(0deg);

            transform: rotate(0deg);

  }

  to {

    -webkit-transform: rotate(359deg);

            transform: rotate(359deg);

  }

}

@keyframes rotation {

  from {

    -webkit-transform: rotate(0deg);

            transform: rotate(0deg);

  }

  to {

    -webkit-transform: rotate(359deg);

            transform: rotate(359deg);

  }

}



/*

Responsive Area Style

======================================================*/

/* Max width 767px */

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

  .about-img::before {

    display: none;

  }

  .about-img::after {

    display: none;

  }

  .about-img {

    padding: 0;

    margin-bottom: 30px;

  }

  .about-img .about-shape {

    display: none;

  }

  .about-content span {

    font-size: 16px;

  }

  .about-content h2 {

    font-size: 28px;

    margin-bottom: 10px;

  }

  .about-content strong {

    margin-bottom: 10px;

  }

  .about-content .default-btn {

    margin-top: 15px;

  }

  .about-img {

    text-align: center;

    margin-bottom: 30px;

    border-left: none;
  }

}



/* Min width 768px to Max width 991px */

@media only screen and (min-width: 768px) and (max-width: 991px) {
  #prod-serve{
    z-index: 9;
    position: relative;
    width: 25%;
  }
  .about-content span {

    font-size: 16px;

  }

  .about-content h2 {

    font-size: 30px;

    margin-bottom: 10px;

  }

  .about-content strong {

    margin-bottom: 10px;

  }

  .about-content .default-btn {

    margin-top: 20px;

  }

  .about-img {

    text-align: center;

    margin: auto;

    margin-left: 26px;

    margin-bottom: 30px;

  }

}



/* Min width 992px to Max width 1199px */

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .about-img {

    padding: 0;

  }

  .about-img::before {

    display: none;

  }

  .about-img::after {

    display: none;

  }

}

/*# sourceMappingURL=about.css.map */