.container-2 {
     max-width: 85%;
     margin: auto !important;
 }

 .header::after {
     content: '';
     position: absolute;
     top: 0;
     bottom: 0;
     right: 0;
     left: 0;
     background-color: #000000a1;
 }

 .box-text {
     z-index: 100;
 }

 .box-text img {
     border-radius: 50%;
 }


 .box-text h1 {
     display: inline;
     background: rgba(80, 40, 20, .7);
     padding: 0px;
     line-height: 2;
 }

 .box-abuot .box-text {
     border: 1px solid #E0E0E0;
     padding: 40px;
     border-radius: 16px;
     background-color: #fff;
     position: relative;
 }

 .box-abuot .box-text::after {
     content: "";
     position: absolute;
     top: 40px;
     right: 0px;
     background-color: var(--color-2);
     height: 130px;
     width: 5px;
     border-radius: 10px 0px 0px 10px;
 }

 .box-descraption {
     border: 1px solid #E0E0E0;
     padding: 0px;
     border-radius: 16px 16px 0 0;
     background-color: #fff;
     border-bottom: 0;
 }

 .box-descraption .feature {
     border: 1px solid #E0E0E0;
     padding: 20px;
     border-radius: 16px;
     background-color: #fff;
     position: relative;
 }

 .feature::after {
     content: "";
     position: absolute;
     top: 20px;
     right: 0px;
     background-color: var(--color-2);
     height: 35%;
     width: 5px;
     border-radius: 10px 0px 0px 10px;
 }

 .box-abuot .box-img img {
     border-radius: 16px;
 }

 .standards .border {
     background-color: #ffff;
     border-color: #e6e6e6 !important;
 }

 .icon-box {
     width: 90px;
     height: 90px;
     border-radius: 50%;
     background: #f6f2ef;
     display: flex;
     justify-content: center;
     align-items: center;
 }

 .icon-box i {
     color: #2f3133;
 }

 .counter {
     font-size: 42px;
     font-weight: 700;
     color: #2f3133;
 }

 .stat-item p {
     font-size: 20px;
     color: #9a9a9a;
 }

 .about-map-card {
     border: 1px solid #e0e0e0;
     padding: 28px;
     border-radius: 16px;
     background-color: #fff;
 }

 .about-map-frame {
     height: 420px;
     overflow: hidden;
     border-radius: 14px;
     border: 1px solid #e0e0e0;
 }

 .about-map-frame iframe {
     width: 100%;
     height: 100%;
     border: 0;
 }

 .about-map-link {
     min-height: 44px;
     padding: 10px 24px;
     border-radius: 10px;
     background-color: var(--color-2);
     color: #fff;
 }

 .about-map-link:hover {
     color: #fff;
     opacity: .9;
 }

 @media (min-width: 992px) and (max-width: 1200px) {
     .container-2 {
         max-width: 98%;
     }
 }

 @media (min-width: 768px) and (max-width: 992px) {

     .container-2 {
         max-width: 100%;
     }

     .box-abuot .box-text {
         padding: 15px;
     }
 }

 @media (min-width: 576px) and (max-width: 768px) {

     .container-2 {
         max-width: 96%;
     }

     .box-abuot .box-text {
         padding: 15px;
     }
 }

 @media (max-width: 768px) {
     .box-text h1 {
         font-size: 24px !important;
     }

     .header .text p{
        font-size: 16px !important;
     }
 }



 @media (max-width: 576px) {

     .container-2 {
         max-width: 100%;
     }

     .box-abuot .box-text {
         padding: 15px;
     }

     .about-map-card {
         padding: 16px;
     }

     .about-map-frame {
         height: 300px;
     }
 }