html{
    direction: ltr;
    text-align: left;
}

#hero .hero-title-box{
    font-size: 3rem;
}

#About .image:before{
    content: "";
    position: absolute;
    left: -15%;
    top: -15%;
    width: 90%;
    height: 27rem;
    border-radius: 3rem;
    background-color: var(--primary-color-500);
    z-index: 0;
}

.project-link{
    left: unset;
    right: 0;
    border-top-right-radius: unset;
    border-bottom-left-radius: unset;
    border-top-left-radius: var(--border-radius-xl);
    border-bottom-right-radius: var(--border-radius-xl);
}

.services-container .item.default .title,
.services-container .item.dynamic.contracted .title{
    width: 100%;
    height: 100%;
    transform: rotate(-90deg);
}
.services-container .item.expanded .title, .services-container .item.dynamic .title{
    display: block;
    transform: none;
}

.featured-blog .featured-blog-content .featured-content-footer .link .icon svg,.blog-list .blog-item .blog-footer .icon svg{
    transform: rotate(180deg);
    margin-left: 0.5rem;
}

.featured-blog .featured-blog-content .featured-content-footer .link:hover .icon,
.blog-list .blog-item .blog-footer:hover .icon
{
    transform: translateX(4px);
}

@media (max-width:768px){
    #About .image:before{
        position: relative;
    }
    .services-container .item.default .title,
    .services-container .item.dynamic.contracted .title{
        transform: rotate(0);
    }
}