@import url("https://fonts.googleapis.com/css2?family=Poppins&display=swap");

body{
    font-family: "Poppins", sans-serif !important;

}
.main-about-section {}

.main-about-section h2 {
    font-size: 2.5rem;
    text-align: center;
    font-weight: 700;
    margin-top: 1%;
    margin-bottom: 1%;
}

.head-tag-about {
    background-image: url('../static/assets/home_page_images/about.jpg');
    background-size: cover;
    height: 250px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.about-container {
    padding: 2rem 1rem;
    text-align: justify;
}

.title {
    margin-bottom: .3rem;
}

.title span.hny-sub {
    font-style: normal;
    font-weight: normal;
    font-size: 0.75rem; /* Changed to rem for better scaling */
    text-align: center;
    color: #ffffff;
    background: #3ca266;
    padding: 0.25rem 0.625rem; /* Changed to rem for better scaling */
    margin-bottom: 1rem;
    display: inline-block;
    text-transform: uppercase;
    border-radius: 4px;
}

.about-container .details {
    padding: 0;
    padding-right: 1.5625rem; /* Changed to rem for better scaling */
}

.title h5 {
    font-size: 1rem;
    font-weight: 700;
    color: rgb(104, 104, 104);
}

.left-image img {
    width: 100%; /* Changed to 100% to make it responsive */
    height: auto;
    padding: 2rem;
}

.left-image {
    object-fit: cover;
    overflow: hidden;
}
/* Partners css Start */
/* Clients Css Start  */

.Clients .title-client{
    font-size: 40px;
    font-weight: bold;
    text-align: center;
    margin: 2rem;
}
.partners .title-partner{
    font-size: 40px;
    font-weight: bold;
    text-align: center;
    margin: 2rem;

}

.slider {
    height: auto;
    margin: auto;
    position: relative;
    width: 90%;
    display: grid;
    place-items: center;
    overflow: hidden;
}
.slide-track {
    display: flex;
    animation: scroll 40s linear infinite;
}
@keyframes scroll {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}
.slide {
    width: 180px;
    height: auto;
    display: flex;
    align-items: center;
    padding: 10px;
    perspective: 100px;
}
.slide img {
    width: 100%;
    transition: transform 1s;
}
img:hover {
    transform: translateZ(20px);
}
/* Gradient Shadows */
.slider::before,
.slider::after {
    content: "";
    position: absolute;
    height: 100%;
    width: 5%;
    background: linear-gradient(to right, rgb(255, 255, 255)0%, rgba(255,255,255,0)100%);
    z-index: 2;
}
.slider::before {
    left: 0;
    top: 0;
}
.slider::after {
    right: 0;
    top: 0;
    transform: rotateZ(180deg);
}
/* Clients Css End */
/* Partners css End */