@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000');

body{
    font-family: "Cairo", serif;
    font-weight: normal;
    font-size: 14px;
    direction: rtl;
}
.footer-column a{
    font-family: "Cairo", serif;
    font-weight: normal;
    font-size: 14px;
    text-align: right;
}
.footer-bottom p{
    color:#fff;
}
.shop-content .learn-more,.learn-more{
    font-family: "Cairo", serif;
    font-weight: normal;
}
.message-content h1{
    font-family: "Cairo", serif;
    font-weight: bold;
    line-height: 72px;
}
html.side-header-overlay-full-screen #header .header-nav.header-nav-links nav > ul > li > a {
    font-family: "Cairo", serif;
    font-size: 30px;
    font-weight: bold;
    line-height: 34px;
}
#header .header-row {
    margin-right: 0px !important;
}
html.side-header-overlay-full-screen #header .header-nav-main nav > ul > li {
    text-align: right;
}
.hamburguer-btn.hamburguer-btn-side-header-overlay {
    left: 30px;
    z-index: 9999;
    right: auto;
}
.header-social-container {
    position: absolute;
    right: auto;
    left: 35px;
    top: 40%;
    transform: translateY(-50%);
}
.home .dropdown-submenu:hover .dropdown-menu li {
    line-height: 24px;
    font-size: 20px;
    margin-bottom: 10px;
    text-align: right;
}
.sw-top a.sw-action {

    margin-right: 20px;
}
.sw-top a.sw-action span{
    font-size: 10px;

    margin-top: -5px;
}
.skyworth-logo img {
    margin-right: 30px;
}
.sw-top {
    text-align: center;
    max-height: 48px;
}
.outlined-text {
    letter-spacing: 0px;
    font-family: "Cairo", serif;
    line-height: 1.2;
    color: #0169c8;
    -webkit-text-stroke: 0px #007bff;
}
a.float-btn.learn-more.left{
    left:auto;
    right:20px;

}
a.float-btn.learn-more.right {

    left: 20px;
    right:auto;
}
#f-owl-carousel{
    direction: ltr;
}
.car-features .carousel-title {
    font-family: 'Cairo';
    font-size: 40px;
    font-weight: 600;
    margin-bottom: 30px;
}
.car-features .carousel-description {
    font-family: 'Cairo';
    font-size: 18px;
}
.shop-content h2 {

    font-size: 32px;
    font-weight: 600;
}
.car-pin-wrapper .car-pin span.toltip-span .title {

    text-align: center;

}
.car-pin-wrapper .car-pin span.toltip-span .text{
    font-size: 14px;
    line-height: 16px;
}
.model-vid h2,.section-360 h2,.car-pin-wrapper h2,.download-section h2,
.home.shop-section .shop-content h2,.home.shop-section .shop-content p,
.sw-page-header .header
,.brand-section .message-content h1,.img-block h3.title,.img-block p,.page-header-section h1,
.shop-section.careers h2, .section-join-us h2,.shop-section.careers p, .section-join-us p,
.shop-content h2,.shop-content p,.compare-models .header,.compare-models .table tbody tr td,
.single-post h1,.section-title,.shop-category .section-title,.model-vid h2 p,.car-specification .center p {

    font-family: 'Cairo';

}
.car-specification .center p {

    line-height: 1.45;
}
.compare-models .table td.label {
    text-align: right !important;
}
.filter-sidebar.active {
    right: 0;
    padding-right: 50px;
    padding-left: 10px;
}
.filter-sidebar {
    position: fixed;
    top: 0;
    left: auto;
    right: -300px;
    width: 300px;
    height: 100vh;
}
.news-details h5{
    text-align: right;
}
.section-book-test .form-control, .form-select,
form input::placeholder,form select::placeholder{
    font-family: 'Cairo'!important;
}
.form-check {
    text-align: right;
}
input.form-control {
    text-align: right;
}
.section-join-us .upload-icon {
    position: absolute;
    right: auto;
    left: 10px;
}
.info-boxs .info-box{
    min-height: 350px;
}
.shop-section.careers h2{
    margin-bottom: 30px;
}
.form-check label{
    text-align: right;
    padding-right: 20px;
}
.form-check .form-check-input {
    float: right;
}
.brand-section .message-content h1{
    letter-spacing: 0px;
    font-weight: bold;
    line-height: 1.2;
}
.img-block h3.title,.img-block p{
    text-align: right;
}
.download-section .bi-download {
    float: left;
}
.download-section .download-btn {

    font-size: 15px;
    text-align: right;
}
.img-block p{
    line-height: 24px;
}
.dropdown-menu-2 {

    padding-right: 5px;
}
.right i.fa-angle-right,.left i.fa-angle-left
,.learn-more  i.fa-angle-right{
    transform: rotate(180deg);
}
div#smart-features {
    direction: ltr;
}
div#car-pin-container {
    direction: ltr;
}
.time-slot-selector-container label.title {
    text-align: right !important;
}
.map-section .address {
    font-size: 20px;
    font-weight: 300;
    line-height: 1.5;
    font-style: normal;
    text-align: right;
    color: #0169c8;
    font-weight: 500;
    margin-left: 0%;
    margin-right: 20%;
}
.address p{
    text-align: right;
}
section.single-post .content p{
    text-align: right;
}
section.single-post .social-icons {
    display: flex
;
    gap: 15px;
    justify-content: flex-end;
    position: absolute;
    right: auto;
    left: 0px;
    top: 50px;
}
section.single-post .content {
    padding-top: 50px;
    padding-left: 120px;
    padding-right: 20px;
    position: relative;
}
.download-section h2 {

    letter-spacing: 0px!important;
}
@media (max-width: 1920px) {

    .car-pin-wrapper .car-pin span.toltip-span {
        width: 350px !important;
    }
    .car-pin-wrapper .car-pin span.toltip-span {

        top: -124px;
    }
}
@media (max-width: 1400px) {
    h1.hero-title {
        top: 8%;
    }
    .car-pin-wrapper .car-pin span.toltip-span {
        width: 320px !important;
    }
}
@media (max-width: 768px) {
    .car-specification .center p {
        margin: 6px 0 0;
        font-size: 8px;
        line-height: 1.15;
    }
    section.hero-section {
        width: 100%;
        height: 150vh;
    }
    section.hero-section video {
        width: 100%;
        height: 50vh;
        margin: 0 auto;
    }
    h1.hero-title {
        top: 15%;
    }
    .mobile .sticky-body .row {
        direction: rtl;
    }
    .mobile .sticky-body  .pe-5 {
        padding-right: 1rem !important;
    }
    .car-features .carousel-title {

        font-size: 32px;
    }
    .car-pin-wrapper .car-pin span.toltip-span {
        width: 200px !important;
    }
    .hero-section img.hero-img {

        margin-right: -100%;
    }
    footer.footer, .footer-column .about p, footer.footer .footer-column a {
        text-align: right;
    }
    .footer-column h4 {
        text-align: right;
    }
    .sticky-wrapper.sticky-wrapper-transparent .sticky-body {
        background: #fff;
    }
    .message-content h1 {

        line-height: 40px;
    }
    .sticky-wrapper.sticky-wrapper-transparent .sticky-body {
        background: white;
        direction: ltr;
        max-height: 100px;
    }
    html.side-header-overlay-full-screen #header .header-nav.header-nav-links nav > ul > li > a {
        font-family: "Cairo", serif;
        font-size: 21px;
        font-weight: bold;
        line-height: 25px;
    }
}