.about_sec {
    padding: 20px 0px;
    position: relative;
    overflow: hidden;
    background-color: var(--bg-color);
}

.about_sec .container {
    padding: 0 40px;
}

.about-heading {
    position: relative;
    text-align: center;
}

/* 
.about-heading::before {
    content: "";
    position: absolute;
    left: 32%;
    top: 50%;
    transform: translateY(-50%);
    width: 108px;
    height: 3px;
    background-color: #2d3748;
    border-radius: 2px;
} */

.about_sec .ab_head {
    padding-bottom: 50px;
}

.about_img {
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: -5px -5px 9px rgba(255, 255, 255, 0.45),
        5px 5px 9px rgba(94, 104, 121, 0.3);
    position: relative;
    background-color: var(--bg-color);
    width: 355px;
    margin: auto;
    margin-top: 20px;
    border-radius: 10px;
    margin-left: 0;
}

.about_img::after {
    content: "";
    position: absolute;
    height: 90%;
    width: 90%;
    background-color: transparent;
    box-shadow: inset -5px -5px 9px rgba(255, 255, 255, 0.45),
        inset 5px 5px 9px rgba(94, 104, 121, 0.3);
    border-radius: 10px;

}

.about_img img {
    margin-bottom: 20px;
    width: 90%;
    margin-top: 15px;
}

.about-txt {
    margin-top: 50px;
}

.about-txt ul li {
    padding-bottom: 20px;
    font-size: 16px;
    line-height: 1.7;
    text-align: justify;
}

/* 
.about_btn  {
  background: #f0f0f3;
  color: #2d3748;
  border: none;
  padding: 15px 30px;
  border-radius: 50px;
  font-weight: 600;
  font-size: 1rem;
  cursor: pointer;
  box-shadow: 6px 6px 12px #d1d9e6, -6px -6px 12px #fff;
  transition: all 0.2s ease;
}
.about_btn:hover{
     background: #f0f0f3;
  color: #2d3748; 
}
.about_btn:active {
  box-shadow: inset 4px 4px 8px #d1d9e6, inset -4px -4px 8px #fff;
  color: #000;
} */


.about_mid {
    background: var(--bg-color);
    border-radius: 20px;
    box-shadow: inset 8px 8px 16px #cac9c9, inset -8px -8px 16px #fff;
    padding: 30px;
}

@media (max-width:990px) {
    .ab_head h1 {
        text-align: center;
    }

    .about-heading::before {
        display: none;
    }

    .about_mid {
        padding: 25px 18px;
    }

    .about_img {
        width: 100%;
    }

    .about_sec .container {
        padding: 0 20px;
    }
}

@media (min-width:1200px) and (max-width:1399px) {
    .about_sec h1 {
        font-size: 27px;
    }

    .about_sec .ab_head {
        padding-bottom: 22px;
    }

    .about-txt ul li {
        font-size: 15px;
    }

    .about_img {
        width: 310px;
        /* margin-top: 30px; */
    }

    .about_btn {
        font-size: 13px;
    }

    .about_mid {
        padding: 20px;
    }
}

@media (min-width:1400px) and (max-width:1500px) {
    .about_img {
        width: 312px;
        margin: auto;
        margin-top: 8px;
    }

    .about-txt ul li {
        font-size: 15px;
    }

    .about-txt {
        margin-top: 38px;
    }
}

@media (min-width:1901px) and (max-width:2000px) {
    .about_sec h1 {
        font-size: 41px;
    }

    .about_sec .ab_head {
        padding-bottom: 22px;
    }

    .about-txt ul li {
        font-size: 20px;
    }

    .about_img {
        width: 415px;
        margin-top: 9px;
    }

    .about_btn {
        font-size: 20px;
    }

    .about-heading::before {
        left: 30%;
    }

    .about_sec {
        padding-bottom: 80px;
    }
}

@media (min-width:2001px) and (max-width:3000px) {
    .about_sec h1 {
        font-size: 42px;
    }

    .about_sec .ab_head {
        padding-bottom: 22px;
    }

    .about-txt ul li {
        font-size: 20px;
    }

    .about_img {
        width: 415px;
        margin-top: 9px;
    }

    .about_btn {
        font-size: 20px;
    }

    .about_sec {
        padding-bottom: 80px;
    }

    .about-heading::before {
        left: 30%;
    }
}
@media (min-width:760px) and (max-height:665px) {
        .about_img {
        width: 61%;
        margin: auto;
    }
}