/* common section 01  */
/* #x1se1 {
    background: url(../img/about_bg.jpg) no-repeat center;
    background-size: cover;
    height: 500px;
} */

#x1d1 {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

#x1d3 {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.x1h1 {
    font-size: 60px;
    font-family: var(--font-1);
    color: #fff;
    text-transform: capitalize;
}

.x1s1,
.x1a1 {
    color: #fff;
    font-size: 14px;
    font-family: var(--font-2);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: 0.3s;
}

#x1d4 {
    display: flex;
    align-items: center;
    gap: 10px;
}

.x1a1:hover {
    color: var(--color-1);
    transition: 0.3s;
}

/* common section 01 end */

/* common section 02  */
#x2se1 {
    margin-top: 100px;
    background: var(--color-8);
    padding: 100px 0;
}

#x2d3 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 35px;
}

.x2d4 {
    display: flex;
    flex-direction: column;
    width: 32%;
    background: #fff;
}

.x2d5 {
    overflow: hidden;
}

.x2d6 {
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
    width: 100%;
    height: 250px;
    transition: 0.4s ease-out;
}

#x2d10 {
    background: url(../img/company1.jpg);
}

#x2d11 {
    background: url(../img/company2.jpg);
}

#x2d12 {
    background: url(../img/company3.jpg);
}

.x2d4:hover .x2d6 {
    transform: scale(1.1);
    transition: 0.4s ease-in;
    cursor: pointer;
}

.x2i1 {
    width: 18px;
    height: 18px;
}

.x2d8 {
    display: flex;
    align-items: center;
    gap: 25px;
}

.x2d9 {
    display: flex;
    align-items: center;
    gap: 15px;
}

.x2s1 {
    text-transform: initial;
    font-size: 24px;
    margin: 25px 0;
    transition: 0.3s;
}

.x2s1:hover {
    color: var(--color-1);
    transition: 0.3s;
    cursor: pointer;
}

.x2d7 {
    padding: 35px 28px;
}

/* common section 02 end */

/* responsive  */
@media screen and (max-width:992px) {
    #x1se1 {
        height: 350px;

    }
}

@media screen and (max-width:576px) {
    #x1se1 {
        height: 210px;
    }
}