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

.mobile-nav {
    transform: translateX(-100%);
}

.mobile-nav.active {
    transform: translateX(0);
}

nav.mobile-nav .close-menu {
    left: unset;
    right: 20px;
}

.to-top {
    left: 25px;
}

.news-card .main-btn {
    align-self: flex-end;
    margin-right: auto;
}

#blog-details .show-details i {
    transform: rotate(180deg);
}

#blog-details .show-details:hover i {
    transform: rotate(220deg);
}

nav ul.links li a.dropdown-item {
    text-align: left;
}

#formsModal .modal-content .form-content input[type="tel"] {
    text-align: start;
}
header .caption .main-btn {
    width: clamp(120px, 20vw, 250px);
}