img {
    transform: scale(-1, 1);
}

.navbar-brand img,
.partners-content img,
footer img {
    transform: scale(1);
}

.video-content .vector-header {
    left: auto;
    right: 20px;
}

.section-title-content, .section-desc {
    margin-right: 0;
    margin-left: 48px;
}

.section-title-content .bg-vector {
    left: 10px;
}

.section-title-content img {
    top: 5px;
}

.section-desc {
    font-family: "somar-semibold";
    color: #757575;
    font-size: 42px;
    line-height: 42px;
}


.services-info-content {
    margin-right: 10px;
    margin-left: 30px;
}

.top-navbar .navbar-nav .nav-item:not(:last-child) {
    margin-left: 0;
    margin-right: 30px;
}

.top-navbar {
    padding: 40px 30px 100px;
}

.header-info {
    margin: 150px 0 0 45px;
}

.header-info .header-title {
	font-size: 60px;
	line-height: 55px;
	text-align: center;
    margin-bottom: 15px;
	max-width: 85%;
}

.header-info .header-desc {
	max-width: 83.5%;
}

#about-us .section-title {
    font-size: 150px;
    line-height: 80px;
}

#about-us .section-desc {
    margin-top: 65px;
}

#why .section-title-content .bg-vector {
    top: -40px;
}

#why .section-title {
    margin-left: -50px;
    text-align: center;
}

#why .section-desc {
    line-height: 36px;
    font-size: 36px;
    width: 87%;
    font-family: "somar-meduim" !important;
}

#why .card-why .card-title li {
    height: 35px;
}

/* card 1 */
#why .card-img {
    background-image: url(../img/why_img1.webp);
    margin: 0 auto 45px;
}
#why .card-img .card-title {
    right: auto;
    left: 30px;
}
#why .card-img .card-overlay-title {
    width: 60%;
    height: 0;
    border-bottom: 300px solid hsl(347, 78%, 51%, 90%);
    border-left: 0;
    border-right: 170px solid transparent;
    position: absolute;
    top: 0;
    transition: all 0.5s ease;
}
#why .card-img:hover .card-overlay-title {
    border-right: 260px solid transparent;
    border-left: 0;
}

/* card 2 */
#why .card-img2 {
    background-image: url(../img/why_img2.webp);
    margin: 0 auto;
}
#why .card-img2 .card-overlay-title {
    width: 50%;
    height: 0;
    border-bottom: 300px solid hsl(227, 53%, 19%, 90%);
    border-right: 0;
    border-left: 170px solid transparent;
    position: absolute;
    top: 0;
    left: auto;
    right: 0;
    transition: all 0.5s ease;
}
#why .card-img2:hover .card-overlay-title {
    border-right: 0;
    border-left: 260px solid transparent;
}
#why .card-img2 .card-title {
    left: auto;
    right: 35px;
}

#why .vector-why {
	left: auto;
	right: 0;
}

#services .vector-srv {
	left: auto;
	right: 0;
}

.card-work .img-content img {
    width: 99.9%;
}

#our-partners .section-title-content .bg-vector {
	top: 105%;
}

.analy-card .img-content .card-id {
    z-index: 20;
}

#know-more .know-more-content {
    margin-top: 60px;
    margin-left: 45px;
}

.know-more-content .know-more-title {
	margin-bottom: 12px !important;
}

.know-more-content .know-more-desc {
	line-height: 35px;
	width: 90%;
	margin-bottom: 30px !important;
}

.footer-bottom .footer-list .footer-list-item h6 {
    font-size: 27px;
}

.footer-top .contact-title {
    margin-left: 0;
    margin-right: 20px;
}

.footer-bottom .social-media li {
    margin-left: 0;
    margin-right: 25px;
}

/* medi */
@media (max-width: 1501px) {
    .top-navbar {
        padding: 50px 30px 100px;
    }
    .top-navbar .navbar-nav .nav-item:not(:last-child) {
        margin-left: 0;
        margin-right: 27px;
    }
    .top-navbar .navbar-nav .nav-item .nav-link {
        font-size: 26px;
    }
}

@media (max-width: 1478px) {
    .header-info .header-title {
        font-size: 55px;
    }
}

@media (max-width: 1399px) and (min-width: 1300px) {
    .video-content .vector-header {
        left: auto;
        right: -50px;
    }
}

@media (max-width: 1299px) and (min-width: 1200px) {
    .video-content .vector-header {
        left: auto;
        right: -100px;
    }
}

@media (max-width: 1400px) {
    .top-navbar .navbar-nav .nav-item:not(:last-child) {
        margin-left: 0;
        margin-right: 25px;
    }
    .top-navbar .navbar-nav .nav-item .nav-link {
        font-size: 24px;
    }
    .header-info {
        margin: 100px 0 0 45px;
    }
    .header-info .header-title {
        font-size: 52px;
    }
    #know-more .know-more-content {
        margin-top: 0;
        margin-left: 15px;
    }
}

@media (max-width: 1300px) {
    .header-info {
        margin: 0 0 0 45px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        height: 100%;
    }
    .header-info .header-title {
        font-size: 47px;
        line-height: 50px;
    }
}

@media (max-width: 1299px) and (min-width: 1200px) {
    .top-navbar {
        padding: 40px 20px 100px;
    }
    .top-navbar .navbar-nav .nav-item:not(:last-child) {
        margin-left: 0;
        margin-right: 22px;
    }
    .top-navbar .navbar-nav .nav-item .nav-link {
        font-size: 22px;
    }
    .top-navbar .contact-btn {
        padding: 8px 20px;
    }
    #why .section-desc {
        margin-left: 25px;
    }
}

@media (max-width: 1200px) {
    #why .section-title-content {
        margin-left: 50px;
    }
    
    #why .section-desc {
        margin-left: 20px;
    }
    #why .section-desc {
        width: 95%;
        font-family: "somar-meduim" !important;
    }
    .header-info .header-desc {
        font-size: 30px;
        line-height: 33px;
    }
    .know-more-content .know-more-desc {
        font-size: 27px;
        line-height: 33px;
        width: 100%;
    }
    .know-more-content .know-more-title {
        font-size: 67px;
        line-height: 45px;
    }
}

@media (max-width: 1200px) and (min-width: 1100px) {
    .top-navbar {
        padding: 40px 15px 100px;
    }
    .top-navbar .navbar-nav .nav-item:not(:last-child) {
        margin-left: 0;
        margin-right: 12px;
    }
    .top-navbar .navbar-nav .nav-item .nav-link {
        font-size: 22px;
    }
    .header-info .header-title {
        font-size: 43px;
        line-height: 43px;
    }
}

@media (max-width: 1100px) and (min-width: 992px) {
    .top-navbar {
        padding: 40px 15px 60px;
    }
    .top-navbar .navbar-nav .nav-item:not(:last-child) {
        margin-left: 0;
        margin-right: 12px;
    }
    .top-navbar .navbar-nav .nav-item .nav-link {
        font-size: 19px;
    }
    .top-navbar .contact-btn {
        padding: 8px 15px;
    }
    .header-info .header-title {
        font-size: 38px;
        line-height: 40px;
    }
    #why .card-img .card-overlay-title {
        width: 72%;
    }
}

@media (max-width: 991px) {
    #know-more .know-more-content {
        margin-left: 0;
    }
    .know-more-content .know-more-title {
        line-height: 60px;
    }
}

@media (max-width: 767px) {
    #why .card-why .card-title li {
        height: auto;
    }
    .footer-top .contact-content input {
        margin-left: 0;
        margin-right: 4px;
    }
    .footer-top .contact-btn h6 {
        font-size: 29px;
    }
}

@media (max-width: 576px) {
    .header-info .header-title {
        font-size: 36px;
        line-height: 42px;
    }
    #about-us .section-title-content {
        margin-left: 25px;
    }
    
    #about-us .section-title-content .section-title {
        font-size: 100px;
        line-height: 58px;
    }
    #about-us .section-desc {
        margin: 40px auto;
        font-size: 37px;
    }
    footer .footer-top {
        padding: 50px 0 20px 1rem;
    }
    footer .footer-bottom .footer-logo {
        padding-right: 0;
        padding-left: 1rem;
    }
    .footer-bottom .footer-list {
        padding-right: 0;
        padding-left: 1rem;
    }
    .footer-bottom .footer-list .footer-list-item h6 {
        text-align: left;
    }
}

@media (max-width: 488px) {
    .top-navbar {
        padding: 35px 25px 90px;
    }
    .header-info {
        margin: 0;
    }
    .header-info .header-title {
        font-size: 36px;
        line-height: 34px;
        width: 63%;
        margin: 0 auto;
    }
    #about-us .section-title-content .section-title {
        font-size: 82px;
        line-height: 45px;
    }
    #about-us .section-desc {
        font-size: 27px;
        line-height: 32px;
    }
    .section-title-content .bg-vector {
        width: 360px;
    }
    #why .section-title-content img {
        width: 100%;
    }
    #why .section-title-content {
        margin: 0;
    }
    #why .section-title {
        margin-left: 0;
        text-align: center;
        width: 100%;
        font-size: 80px;
        margin-bottom: 30px !important;
    }
    #why .section-desc {
        width: 97%;
        font-size: 37px;
        margin: 0 auto;
    }
    .section-title-content, .section-desc {
        margin: 0 auto 20px;
        width: 90%;
    }
    .section-desc {
        font-size: 30px;
        line-height: 34px;
    }
    .services-info-content {
        margin: 0 auto;
        width: 97%;
    }
    .services-info-content .services-desc {
        line-height: 32px;
    }
    .header-info .header-desc {
        font-size: 27px;
        line-height: 30px;
        margin: 0 auto;
        text-align: center;
    }
    .footer-bottom .footer-list {
        padding-right: 0;
        padding-left: 1rem;
    }
    .footer-bottom .footer-list .footer-list-item {
        margin-bottom: 15px !important;
    }
    .footer-top .contact-btn h6 {
        font-size: 23px;
    }
}

@media (max-width: 400px) {
    #about-us .section-title-content img {
        right: auto;
        left: -30px;
    }
    .footer-bottom .social-media {
        padding: 0 0 0 1rem;
    }
}