:root {
    --hero-img-margin-left: 0;
    --hero-img-margin-right: 150px;
    --hero-text-align: left;
    --hero-img-direction: row;
}

.hero-inner {
    direction: ltr;
}



.hero-img img.hero-main-img.img-1 {
    margin-right: var(--hero-img-margin-right);
    margin-left: var(--hero-img-margin-left);
    width:75%;
}
#img-1-2 {
  margin-left: 20%;
}


@media (max-width: 992px) {
    .hero-inner {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .hero-img img.hero-main-img {
        margin-right: 0;
        margin-left: 0;
    }
}
/* --- Responsive: Medium & Below --- */
@media (max-width: 992px) {
    .hero-inner {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .hero-img img.hero-main-img.img-1,
    .hero-img img.hero-main-img.img-2,
    .hero-img img.hero-main-img.img-3 {
        width: 80%;
        max-width: 80%;
        margin: 20px auto 0 auto;
    }

}

/* --- Small Screens: Mobile --- */
@media (max-width: 576px) {
    .hero-img img.hero-main-img.img-1,
    .hero-img img.hero-main-img.img-2,
    .hero-img img.hero-main-img.img-3 {
        width: 100%;
        margin: 10px auto;
    }
    #img-1-2 {
    margin-left: 0%;
    margin-top: 25%;
    }

}

.hero-style2 .sub-title {
    font-size: 25px;
}
@media (min-width: 768px) and (max-width: 1199px) {
    #about-sec .row.align-items-center {
        display: flex;
        justify-content: center;
        align-items: center;
    }

   .col-xl-6.mb-40.mb-xl-0 {
       right:100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        text-align: center;
    }

            #about-sec .col-xl-6.mb-40.mb-xl-0 > .shape1 > img {
            display: block;
/*            margin-left: auto;
            margin-right: auto;*/
            max-width: 100%;
            height: auto;
            right:50%;
        }
}
@media (max-width: 576px) {
    .hero-style2 {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        max-width: 360px;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        text-align: center;
        padding-top: 60px;
        padding-bottom: 25px;
    }
    .hero-shape1,
    .hero-shape2,
    .hero-shape3
    {
        display: none !important;
    }
}
.sec-text2 {
    color: darkblue;
    font-weight: 700;
}
.sec-text3 {
    color: green;
    font-weight: 700;
}
.sec-text2,
.sec-text,
.Sec-Text3 {
    display: inline-block;
    font-size: 1.1em;
    font-weight: 500;
    letter-spacing: 0.5px;
}