@font-face {
    font-family: "Sukar";
    src: url("../img/about/Sukar\ Regular.ttf") format("truetype");
}

body {
    font-family: "Sukar", sans-serif !important;
    direction: rtl !important;
}

ul {
    padding: 0;
}

.features-list {
    direction: rtl;
    text-align: right;
}

/* .custom_left_btn {text-align: left!important;direction: ltr;}
.custom_right_btn {text-align: right!important;direction: ltr;}
.tr-about-content i {left:auto!important;right: 0!important;}
.tr-about-content {padding-left: 0!important;padding-right: 35px!important;}
.dropdown-btn::after {top: 15px!important;right: auto!important;left: 20px!important;} */

/* .tr-btn {
  font-weight: 500;
  font-size: 17px;
 padding: 12px 13px;
  border-radius: 999px;
  transition: all 0.3s;
  display: inline-block;
  color: var(--tr-common-black);
  border: 1px solid var(--tr-theme-1);
  width: max-content;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
  (max-width: 767px) {
  .tr-btn {
    font-size: 17px;
    padding: 13px 27px;
  }

}

/*.tr-about-btn {text-align: left!important;}*/
/* .lang-class{
    margin-left: 100px;
}


.tr-btn-green{
     transform: scaleX(-1);
    margin-left: 0;
    margin-right: 10px;
} */

.traveller-calulate-persons .passengers h6 {
    margin-right: 12px;
}

.traveller-calulate-persons
    .passengers
    .passengers-types
    .passengers-type
    .text
    .count {
    margin-right: 0px;
}

.passengers-types {
    direction: rtl;
}

.hotel_title_section .hotel-name .right-part {
    margin-right: 109px;
}

.dropdown_passenger_area .dropdown-menu.show {
    transform: translate(-220%, 0) !important;
}

@media (max-width: 767px) {
    .dropdown_passenger_area .dropdown-menu.show {
        transform: translate(0, 0) !important;
    }
}

/* .tr-footer-widget-menu */
.tr-footer-col-3 {
    margin-right: 10px;
    display: block;
    white-space: nowrap;
}

.dashboard_top_text {
    padding-right: 20px;
}

.tr-footer-widget-menu ul li a {
    display: block;
    white-space: nowrap;
}

.tr-memorise-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 50px;
    flex-wrap: wrap;
}

.tr-subscribe-img {
    max-width: 90%;
    width: 260px;
    height: auto;
}

.border-line-black {
    margin-right: 7px;
    overflow: visible;
    white-space: normal;
    display: block;
    margin-top: 25px;
}

.border-line-black {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: normal;
    word-break: break-word;
    line-height: 1.5;
    max-height: 3em;
}

.tr-blog-meta {
    direction: ltr;
    text-align: end;
}

.lang-sellector .select2-container--default {
    margin-right: 45px;
}

.tr-testimonial-area {
    direction: ltr;
}

.tr-testimonial-content {
    direction: rtl;
}

.tr-subscribe-bg {
    padding: 107px;
}

.tr-destination-left ul li button span i {
    float: left;
}

.section-tab-2 .nav-tabs .nav-link i {
    float: right;
}

.section-tab .nav-tabs .nav-link i {
    margin-left: 8px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .tr-header-menu > nav > ul {
        margin-right: 0px;
    }

    @media only screen and (min-width: 768px) and (max-width: 991px),
        (max-width: 767px) {
        .tr-btn {
            font-size: 17px;
            padding: 13px 27px;
        }
    }

    @media (min-width: 768px) {
        .tr-destination-btn {
            text-align: left !important;
        }
    }
}

.single-section {
    direction: ltr;
}

.tr-section-title {
    direction: rtl;
}

.section-title {
    direction: ltr;
}

.select2-container--default .select2-results > .select2-results__options li {
    text-align: end;
    padding: 10px;
}

.tr-dropdown-menu > nav > ul > li > .submenu > li {
    text-align: right;
}

.single-section {
    direction: rtl;
}

.tour_package_details_bar_price {
    direction: rtl;
}

.tour_details_right_box_heading {
    direction: rtl;
}

.valid_date_area {
    direction: rtl;
}

.social-box {
    direction: rtl;
}

.hotel-name {
    direction: rtl;
}

.tour_details_top_bottom {
    direction: rtl;
}

.tour_details_boxed {
    direction: rtl;
}

.accordion-button {
    justify-content: flex-start !important;
    gap: 1rem !important;
    align-items: center !important;
}

.accordion-button::after {
    margin-left: 0 !important;
}

.it-menu-mobile ul li.has-dropdown > a .dropdown-toggle-btn {
    position: absolute;
    left: 0 !important;
    top: 25%;
    transform: translateY(-2px);
    font-size: 18px;
    color: #fff;
    transition: all 0.3s ease-in-out;
    z-index: 1;
    width: 25px;
    height: 25px;
    line-height: 22px;
    text-align: center;
    border: 1px solid rgba(0, 0, 0, 0.12);
    transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out,
        color 0.3s ease-in-out;
}

.img-mainpostion-hero {
    position: absolute;
    top: 55%;
    left: 51% !important;
    transform: translate(-50%, -50%);
    display: flex;
    gap: 110px !important;
    align-items: center;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

@media (min-width: 1600px) {
    .img-mainpostion-hero {
        position: absolute;
        top: 55%;
        left: 51% !important;
        transform: translate(-50%, -50%);
        display: flex;
        gap: 90px !important;
        align-items: center;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
    }
}

.search-input {
    text-align: end !important;
}

.card-main h3 {
    font-size: 1.5vw !important;
}

.navbar-expand-lg .navbar-nav .nav-link {
    font-size: 1.4vw;
}

.bacround {
    background-color: #e9bdc7ad;
    height: 100vh;
    width: 35%;
    max-width: 640px;
    position: absolute !important;
    top: 0;
    left: 0 !important;
    z-index: -1;
}

:lang(ar) .bacround {
    right: auto;
    left: 0;
    background-position: right center;
}

.stor-main .col-md-4 {
    position: fixed;
    right: 0;
    top: 0;
    width: 33.5%;
    height: 100vh;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left center;
}

:lang(ar) .stor-main .col-md-4 {
    right: auto;
    left: 0;
    background-position: right center;
}

.story-title {
    font-size: 4vw;
}

.main-hero-titel {
    font-size: 2vw;
}

.titel-hero-man-stor-3 {
    font-size: 2vw;
    top:5.3vw;
}

.titel-edigish {
    position: absolute;
    top: 18%;
    left: 24% !important;
    font-size: 3vw !important;
    line-height: 35px;
    font-weight: bold !important;
    width: 150px;
    transform: translate(-50%, -50%);
}

.games .col-md-4 {
    position: fixed;
    right: 0;
    top: 0;
    width: 33.5%;
    height: 100vh;
    background-image: url(../img/about/games-main.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left center;
    z-index: -1;
}

:lang(ar) .games .col-md-4 {
    right: auto;
    left: 0;
    background-position: right center;
}

.title-games {
    position: absolute;
    top: 11%;
    left: 27%;
    transform: translate(-50%, -50%);
    font-size: 3.3vw !important;
    font-weight: 700;
    color: #000000;
    transform: translate(-50%, -50%) rotate(-28deg);
    -webkit-transform: translate(-50%, -50%) rotate(-28deg);
    -moz-transform: translate(-50%, -50%) rotate(-28deg);
    -ms-transform: translate(-50%, -50%) rotate(-28deg);
    -o-transform: translate(-50%, -50%) rotate(-28deg);
}

.plye-titel {
    position: absolute;
    top: 20%;
    left: 50.5%;
    transform: translate(-50%, -50%);
    font-size: 2.4vw;
    font-weight: 700;
    color: #000000;
}

.jop-main .jop {
    position: fixed;
    right: 0;
    top: 0;
    width: 33.5%;
    height: 100vh;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left center;
}

:lang(ar) .jop-main .jop {
    right: auto;
    background-image: url(../img/about/werch.png);
    left: 0;
    background-position: right center;
}

.about-tow .col-md-4 {
    position: fixed;
    right: 0;
    top: 0;
    width: 30%;
    height: 100vh;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left center;
}

:lang(ar) .about-tow .col-md-4 {
    right: auto;
    left: 0;
    background-position: right center;
}

.sustainability-main .col-md-4 {
    position: fixed;
    right: 0;
    top: 0;
    width: 33.5%;
    height: 100vh;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left center;
}

:lang(ar) .sustainability-main .col-md-4 {
    right: auto;
    left: 0;
    background-position: right center;
}

.title-main-2 {
    position: absolute;
    bottom: 31vh;
    right: -6vw !important;
    transform: translate(-50%, -50%) rotate(-90deg);
    font-size: 2vw;
    color: #207692;
    white-space: nowrap;
    -webkit-transform:;
    -moz-transform:;
    -ms-transform:;
    -o-transform:;
}

@media (max-width: 1500px) {
    .title-main-2 {
        position: absolute;
        bottom: 31vh;
        right: -6vw !important;
        transform: translate(-50%, -50%) rotate(-90deg);
        font-size: 2vw;
        color: #207692;
        white-space: nowrap;
    }
}

.sustainability-container-box {
    & .sust-box {
        .title {
            width: 70%;
            font-size: 15px;
            color: #fff;
            margin-inline: auto;
            margin-top: 0px;
            color: #fff;
        }
    }
}

.news .col-md-4 {
    position: fixed;
    right: 0;
    top: 0;
    width: 35%;
    height: 100vh;
    background-image: url(../img/about/newsTop.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left center;
}

:lang(ar) .news .col-md-4 {
    right: auto;
    left: 0;
    background-position: right center;
}

.parint-main .col-md-4 {
    position: fixed;
    right: 0;
    top: 0;
    width: 33.5%;
    height: 100vh;
    background-image: url(../img/about/pirntmain.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left center;
}

:lang(ar) .parint-main .col-md-4 {
    right: auto;
    left: 0;
    background-position: right center;
}

.video .col-md-3 .fixd {
    position: fixed;
    right: 0;
    top: 0;
    width: 26%;
    height: 100vh;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left center;
    /* z-index: -1; */
}

:lang(ar) .video .col-md-3 .fixd {
    right: auto;
    left: 0;
    background-position: right center;
    width: 24% !important;
}

.img-videus-somell {
    position: absolute;
    width: 50px;
    height: 200px;
    top: -100px;
    right: 88%;
    z-index: 99999;
    animation: rotate 3s linear infinite;
}



.moer-vedoes .col-md-4 .card-vides img {
    margin-right: 9% !important;
}



.titel-edigish {
    position: absolute;
    top: 18%;
    left: 28% !important;
    font-size: 2.5vw !important;
    line-height: 35px;
    font-weight: bold !important;
    width: 150px;
    transform: translate(-50%, -50%);
}

@media (max-width: 1559px) {
    .titel-edigish {
        position: absolute;
        top: 18%;
        left: 25% !important;
        font-size: 2.5vw !important;
        line-height: 35px;
        font-weight: bold !important;
        width: 150px;
        transform: translate(-50%, -50%);
    }
}

.oresh {
    position: absolute;
    bottom: 27%;
    width: max-content;
    font-size: 30px;
    right:-75%;
    color: #fff;
    transform: translate(-50%, -50%) rotate(90deg);
    -webkit-transform: translate(-50%, -50%) rotate(90deg);
    -moz-transform: translate(-50%, -50%) rotate(90deg);
    -ms-transform: translate(-50%, -50%) rotate(90deg);
    -o-transform: translate(-50%, -50%) rotate(90deg);
    font-size: 4vw;
    font-family: "Sukartow";
    width: max-content;
}

.titel-main-titel-about {
    position: absolute;
    bottom: 15%;
    right: 0%;
    transform: translate(-50%, -50%) rotate(90deg);
    -webkit-transform: translate(-50%, -50%) rotate(90deg);
    -moz-transform: translate(-50%, -50%) rotate(90deg);
    -ms-transform: translate(-50%, -50%) rotate(90deg);
    -o-transform: translate(-50%, -50%) rotate(90deg);
    font-size: 4vw;
    color: #ffffff;
    font-family: "Sukartow";
}

:lang(ar) .titel-main-titel-about {
    left: auto;
    right: -60%;
    background-position: right center;
}

.titel-news-main {
    position: absolute;
    bottom: 25%;
    left: 10%;
    transform: translate(-50%, -50%) rotate(90deg);
    -webkit-transform: translate(-50%, -50%) rotate(90deg);
    -moz-transform: translate(-50%, -50%) rotate(90deg);
    -ms-transform: translate(-50%, -50%) rotate(90deg);
    -o-transform: translate(-50%, -50%) rotate(90deg);
    font-size: 4vw;
    font-family: "Sukartow";
    color: #ffffff;
    width: max-content;
}

:lang(ar) .titel-news-main {
    left: auto;
    right: -70%;
    background-position: right center;
}

.titel-viaous {
    position: absolute;
    top: 13%;
    left: 18%;
    width: 100px;
    text-align: center;
    transform: translate(-50%, -50%);
    color: #000000;
    font-size: 3vw;
    font-weight: bold;
}

.main-in-title {
    position: absolute;
    bottom: 20%;
    left: 10%;
    color: #fff;
    transform: translate(-50%, -50%) rotate(90deg);
    -webkit-transform: translate(-50%, -50%) rotate(90deg);
    -moz-transform: translate(-50%, -50%) rotate(90deg);
    -ms-transform: translate(-50%, -50%) rotate(90deg);
    -o-transform: translate(-50%, -50%) rotate(90deg);
    font-size: 4vw;
    font-weight: bold !important;
    font-family: "Sukartow";
}

:lang(ar) .main-in-title {
    left: auto;
    right: -65%;
    background-position: right center;
}

.titel-print {
    position: absolute;
    bottom: 30%;
    left: 10%;
    color: #fff;
    transform: translate(-50%, -50%) rotate(90deg);
    -webkit-transform: translate(-50%, -50%) rotate(90deg);
    -moz-transform: translate(-50%, -50%) rotate(90deg);
    -ms-transform: translate(-50%, -50%) rotate(90deg);
    -o-transform: translate(-50%, -50%) rotate(90deg);
    font-size: 2.6vw;
    font-family: "Sukartow";
    width: max-content;
}

:lang(ar) .titel-print {
    left: auto;
    right: -85%;
    background-position: right center;
}

.jop-main .col-md-4 {
    position: fixed;
    right: 0;
    top: 0;
    width: 33.5%;
    height: 100vh;
    background-image: url(../../assets/img/about/compotion-main\.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left center;
}

:lang(ar) .jop-main .col-md-4 {
    right: auto;
    left: 0;
    background-position: right center;
}

.titel-row {
    position: absolute;
    bottom: 20%;
    left: 10%;
    color: #fff;
    transform: translate(-50%, -50%) rotate(90deg);
    -webkit-transform: translate(-50%, -50%) rotate(90deg);
    -moz-transform: translate(-50%, -50%) rotate(90deg);
    -ms-transform: translate(-50%, -50%) rotate(90deg);
    -o-transform: translate(-50%, -50%) rotate(90deg);
    font-size: 5vw;
    font-family: "Sukartow";
}

:lang(ar) .titel-row {
    left: auto;
    right: -35%;
    background-position: right center;
}

.titel-main-videous {
    position: absolute;
    bottom: 20%;
    font-weight: bold !important;
    left: 10%;
    color: #fff;
    transform: translate(-50%, -50%) rotate(90deg);
    -webkit-transform: translate(-50%, -50%) rotate(90deg);
    -moz-transform: translate(-50%, -50%) rotate(90deg);
    -ms-transform: translate(-50%, -50%) rotate(90deg);
    -o-transform: translate(-50%, -50%) rotate(90deg);
    font-size: 4vw !important;
    font-family: "Sukartow";
}

:lang(ar) .titel-main-videous {
    left: auto;
    right: -78%;
    background-position: right center;
}

.title-main-stor {
    position: absolute;
    bottom: 10%;
    font-weight: bold !important;
    left: 15%;
    color: #fff;
    transform: translate(-50%, -50%) rotate(90deg);
    -webkit-transform: translate(-50%, -50%) rotate(90deg);
    -moz-transform: translate(-50%, -50%) rotate(90deg);
    -ms-transform: translate(-50%, -50%) rotate(90deg);
    -o-transform: translate(-50%, -50%) rotate(90deg);
    font-size: 5vw;
}

:lang(ar) .title-main-stor {
    left: auto;
    right: -40%;
    background-position: right center;
}

.img-mainpostion-hero {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.img-mainpostion-hero img {
    width: auto;
    max-width: 45%;
}

.img-mainpostion-hero .left {
    order: 2;
}

.img-mainpostion-hero .riht {
    order: 1;
}

@media (max-width: 1598px) and (min-width: 1490px) {
    .hero-main .img-mainpostion-hero {
        margin-top: 0 !important;
        display: flex !important;
    }
}

.titel-ganp {
    position: absolute;
    bottom: 10%;
    left: 10%;
    color: #fff;
    transform: translate(-50%, -50%) rotate(90deg);
    -webkit-transform: translate(-50%, -50%) rotate(90deg);
    -moz-transform: translate(-50%, -50%) rotate(90deg);
    -ms-transform: translate(-50%, -50%) rotate(90deg);
    -o-transform: translate(-50%, -50%) rotate(90deg);
    font-size: 5vw;
    font-family: "Sukartow";
}

:lang(ar) .titel-ganp {
    left: auto;
    right: -30%;
    background-position: right center;
}

.sustainability-container-box {
    margin-top: 10vh;
    padding-bottom: 10vh;
    --box-size: 200px;
    direction: ltr;
}

@media (max-width: 1598px) and (min-width: 1490px) {
    .card-main h3 {
        font-size: 15px !important;
        font-weight: bold;
        color: #f46a50;
        padding-top: 10px;
        padding-right: 55px !important;
    }

    :lang(ar) .card-main h3 {
        padding-right: 0 !important;
        padding-left: 55px !important;
    }
}

@media (min-width: 2300px) {
    .titel-edigish {
        position: absolute;
        top: 18%;
        left: 35% !important;
        font-size: 2vw !important;
        line-height: 45px;
        font-weight: bold !important;
        width: 150px;
        transform: translate(-50%, -50%);
    }

    .bacround {
        background-color: #e9bdc7ad;
        height: 100vh;
        width: 35%;
        max-width: 900px;
        position: absolute !important;
        top: 0;
        left: 0 !important;
        z-index: -1;
    }

    .grid-container .card-main h3 {
        color: #53345e;
        font-weight: 600 !important;
        font-size: 23px !important;
        font-family: "Sukartow";
    }
}

@media (min-width: 1600px) {
    .grid-container .card-main h3 {
        color: #53345e;
        font-weight: 600 !important;
        font-size: 23px !important;
        font-family: "Sukartow";
    }
}

@media (max-width: 500px) {
    .titel-edigish {
        position: absolute;
        top: 17vh;
        left: 27% !important;
        font-size: 3vw !important;
        width: auto;
        max-width: 45px;
        text-align: center;
        transform: translate(-50%, -50%);
        line-height: 1.3;
    }
}

@media (max-width: 414px) {
    .titel-edigish {
        position: absolute;
        top: 31%;
        left: 30%;
        font-size: 4vw !important;
        width: 65px;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        line-height: 13px;
    }
}

@media (max-width: 370px) {
    .titel-edigish {
        position: absolute;
        top: 33.5%;
        left: 27%;
        font-size: 10px !important;
        width: 72px;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        line-height: 13px;
    }
}

.titele-detels-main {
    position: absolute;
    bottom: 14%;
    left: 40%;
    color: #f1775c;
    font-size: 2vw;
    font-weight: bold;
}

.hero-main-sustainability {
    position: relative;
    background-image: url(../../assets/img/about/Sustainability\ impact.png);
    background-size: 88% 100%;
    height: 100vh;
    background-repeat: no-repeat;
    background-position: center center;
    width: 80% !important;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    margin-top: -80px;
}

.hero-main-News {
    position: relative;
    background-image: url(../../assets/img/heroimg/New/mmm.png);
    height: 100dvh;
    background-repeat: no-repeat;
    background-size:cover;
    background-position:center;
}

@media (max-width: 991px) {
    .titel-viaous {
        position: absolute;
        top: 14% !important;
        left: 30% !important;
        color: #000000;
        font-size: 20px !important;
        width: 130px;
        text-align: center;
        line-height: 18px;
    }
}

@media (max-width: 767px) {
    .hero-main-News {
        position: relative;
        background-image: url(../../assets/img/heroimg/New/mmm.png);
        background-size: 100% 100%;
        height: 64vh;
        background-repeat: no-repeat;
        width: 154%;
        margin-right: -116px;
        margin-top: -125px;
        display: flex;
        align-items: center;
    }
}

.ms-auto {
    margin-right: 0 !important;
}

.ms-auto {
    margin-left: auto !important;
}

.img-hero-2 {
    background-image: url("../img/about/img-arbc.png");
    height: 100vh;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

@media (max-width: 767px) {
    .img-hero-2 {
        background-image: url("../img/about/img-arbc.png");
        height: 40vh;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }

    .card-main h3 {
        font-size: 3.7vw !important;
    }
}

.hero-main-news-2 {
    position: relative;
    background-image: url(../../assets/img/about/news-main.png);
    background-size: 100% 100%;
    height: 100vh;
    background-repeat: no-repeat;
    width: 95%;
    display: flex;
    align-items: center;
    background-position: center center;
    margin-top: 40px;
}

.arback-main-index {
    transform: scalex(-1) !important;
    -webkit-transform: scalex(-1) !important;
    -moz-transform: scalex(-1) !important;
    -ms-transform: scalex(-1) !important;
    -o-transform: scalex(-1) !important;
}

@media (max-width: 991px) {
    .titel-hero-competition {
        position: absolute;
        top: 18%;
        left: 30%;
        transform: translate(-50%, -50%);
        font-size: 3vw;
        transform: translate(-50%, -50%) rotate(-40deg);
        -webkit-transform: translate(-50%, -50%) rotate(-40deg);
        -moz-transform: translate(-50%, -50%) rotate(-40deg);
        -ms-transform: translate(-50%, -50%) rotate(-40deg);
        -o-transform: translate(-50%, -50%) rotate(-40deg);
    }

    .hero-main-sustainability {
        position: relative;
        background-image: url(../../assets/img/about/Sustainability\ impact.png);
        background-size: 100% 100%;
        height: 42vh;
        background-repeat: no-repeat;
        background-position: center center;
        width: 78%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto;
    }
}

@media (max-width: 768px) {
    .feature-item .icon img {
        width: 20px;
        height: 20px;
        z-index: -1;
        margin-right: 20px;
        margin-top: -10px;
        margin-left: 1px;
    }

    .title-main-2 {
        position: absolute;
        bottom: 12vh;
        right: -1vw !important;
        transform: translate(-50%, -50%) rotate(-90deg);
        font-size: 4vw !important;
        color: #207692;
        white-space: nowrap;
    }
}

@media (max-width: 991px) {
    .tow-news {
        position: relative;
        background-image: url(../../assets/img/about/news-one.png);
        background-size: 50% 100%;
        height: 40vh;
        background-repeat: no-repeat;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        background-position: center center;
        margin: 0px auto;
        margin-top: 49px;
    }
}

@media (max-width: 991px) {
    .news .features-list-3 {
        text-align: end;
        line-height: 10px;
        align-items: center;
        width: 400px;
        margin-top: -225px !important;
    }
}

.feature-text {
    text-align: right;
    line-height: 16px;
    font-size: 20px !important;
    padding-top: 0px;
}

@media (max-width: 991px) {
    .feature-text {
        text-align: right;
        line-height: 16px;
        font-size: 10px !important;
        padding-top: 20px;
    }
}

@media (min-width: 1600px) {
    .news .features-list-3 p {
        font-size: 25px !important;
        line-height: 30px;
    }
}

@media (max-width: 991px) {
    .hero-main-parint-2 .feature-text {
        text-align: right;
        line-height: 16px;
        font-size: 10px !important;
        padding-top: 20px;
        width: 274px;
    }
}

@media (max-width: 767px) {
    .title-games {
        position: absolute;
        top: 17vw;
        left: 14vw;
        width: 100px;
        transform: translate(-50%, -50%);
        font-size: 5vw !important;
        font-weight: 700;
        color: #000000;
        transform: translate(-50%, -50%) rotate(-30deg);
        -webkit-transform: translate(-50%, -50%) rotate(-30deg);
        -moz-transform: translate(-50%, -50%) rotate(-30deg);
        -ms-transform: translate(-50%, -50%) rotate(-30deg);
        -o-transform: translate(-50%, -50%) rotate(-30deg);
    }
}

@media (max-width: 768px) {
    .hero-main-games-2 .features-list {
        text-align: end;
        line-height: 20px;
        margin-top: 30px;
        padding-right: 20px;
        width: 326px;
        direction: ltr;
    }
}

@media (max-width: 991px) {
    .main-games h3 {
        font-size: 15px;
        /* text-align: center !important; */
        width: 81px;
    }

    .plye-titel {
        position: absolute;
        top: 24%;
        left: 33.5%;
        transform: translate(-50%, -50%);
        font-size: 4vw;
        font-weight: 700;
        color: #000000;
        width: 203px;
    }
}

@media (max-width: 576px) {
    .hero-main-video-2 .features-list p {
        font-size: 14px;
        line-height: 16px;
        color: #53345e;
        width: 217px;
        margin-right: 7px;
    }
}

@media (max-width: 500px) {
    .titele-detels-main {
        position: absolute;
        bottom: 14% !important;
        left: 28% !important;
        color: #f1775c;
        font-size: 6vw !important;
        font-weight: bold;
}

}

@media (max-width: 991px) {
    .hero-main-jop-2 .feature-item p {
        font-size: 11px !important;
        line-height: 15px !important;
    }
}

@media (min-width: 1600px) {
    .main-hero-sustainability {
        position: relative;
        background-image: url(../../assets/img/heroimg/New/top-hero-main.png);
        background-size: 100% 100%;
        height: 120vh;
        background-position: left;
        background-repeat: no-repeat;
        width: 100% !important;
        display: flex;
        align-items: center;
        margin-top: -110px !important;
        margin-left: -160px !important;
    }

    .hero-main-sustainability {
        position: relative;
        background-image: url(../../assets/img/about/Sustainability\ impact.png);
        background-size: 88% 100%;
        height: 100vh;
        background-repeat: no-repeat;
        background-position: center center;
        width: 80% !important;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto;
        /* margin-top: 80px !important; */
    }

    .section-mig-main {
        position: absolute;
        top: 21%;
        left: 25%;
        translate: -50% -50%;
        aspect-ratio: 16 / 9;
        background-image: url(../img/about/main.png);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        min-height: 15vh;
        display: flex
    ;
        justify-content: center;
        align-items: center;
        padding: 3rem 2rem;
        font-size: 3rem;
        font-weight: 800;
        min-width: 15svw;
        text-align: center;
        text-transform: capitalize;
        z-index: 9999;
    }
}

.main-hero-sustainability {
    position: relative;
    background-image: url(../../assets/img/heroimg/New/top-hero-main.png);
    background-size: 100% 100%;
    height: 120vh;
    background-position: left;
    background-repeat: no-repeat;
    width: 100%;
    display: flex;
    align-items: center;
}

@media (max-width: 767px) {
    .main-hero-sustainability {
        position: relative;
        background-image: url(../../assets/img/heroimg/New/top-hero-main.png);
        background-size: 100% 100%;
        height: 50vh;
        background-position: left;
        background-repeat: no-repeat;
        width: 100%;
        display: flex;
        align-items: center;
    }

    .title-main-sus {
        position: absolute;
        top: 39% !important;
        left: 37% !important;
        width: 100px;
        text-align: center;
        line-height: 33px;
        font-size: 4vw !important;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
    }
}

.title-main-sus {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100px;
    text-align: center;
    line-height: 33px;
    font-size: 2vw;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.main-img-news {
    position: relative;
    display: inline-block;
    text-align: center;
}

@media (min-width: 1600px) {
    .main-img-news img {
        width: 230% !important;
        height: auto;
        display: block;
        transform: translateX(-120px);
        -webkit-transform: translateX(-120px);
        -moz-transform: translateX(-120px);
        -ms-transform: translateX(-120px);
        -o-transform: translateX(-120px);
    }
}

@media (min-width: 1600px) {
    .main-img-news img {
        width: 230% !important;
        height: auto;
        display: block;
        transform: translateX(-120px);
        -webkit-transform: translateX(-120px);
        -moz-transform: translateX(-120px);
        -ms-transform: translateX(-120px);
        -o-transform: translateX(-120px);
    }

    .news-title {
        position: absolute;
        top: 14% !important;
        left: 20% !important;
    }
}

.main-img-news img {
    width: 180% !important;
    height: auto;
    display: block;
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
}

.news-title {
    position: absolute;
    top: 30%;
    left: 10%;
}

.popup-title {
    scale: -1 1;
}

.popup-title > p {
    scale: -1 1;
}

@media (max-width: 700px) {
    .main-img-news img {
        width: 90% !important;
        height: auto;
        display: block;
        transform: translateX(-18px) !important;
        -webkit-transform: translateX(-18px) !important;
        -moz-transform: translateX(-18px) !important;
        -ms-transform: translateX(-18px) !important;
        -o-transform: translateX(-18px) !important;
    }

    .news-title {
        top: 20% !important;
        left: 40% !important;
    }
}

.main-img-owrks img {
    width: 130%;
    height: auto;
    display: block;
    transform: translateX(-80px);
    -webkit-transform: translateX(-80px);
    -moz-transform: translateX(-80px);
    -ms-transform: translateX(-80px);
    -o-transform: translateX(-80px);
}

.titel-viaous {
    display: flex;
    justify-content: center;
    align-items: center;
}

.main-img-owrks {
    position: relative;
    display: inline-block;
}
.titel-viaous-main {
    position: absolute;
    top: 0%;
    left: 15%;
    color: #000000;
    font-size: 3vw;
    width: 130px;
    text-align: center;
    line-height: 50px;
}

@media (max-width: 767px) {
    .options {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}

@media(min-width:1600px){
    .lliest-evint {
        max-width: 100%;
        width: 100%;
        box-sizing: border-box;
        padding:0px 140px;
        margin: 0 auto;
        overflow-wrap: break-word;
        word-wrap: break-word;
        word-break: break-word;
    }

    .lliest-evint p {
        font-size: 16px !important;
        line-height: 1.8;
        margin: 0;
        margin-bottom: 10px;
    }
}

.lliest-evint {
    max-width: 100%;
    width: 100%;
    box-sizing: border-box;
    padding:0px 120px;
    margin: 0 auto;
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word;

}

.lliest-evint p {
    font-size: 13px;
    line-height: 1.8;
    margin: 0;
    margin-bottom: 10px;
    text-align: start !important;
}



@media(max-width:991px){
    .lliest-evint {
        max-width: 100%;
        width: 100%;
        box-sizing: border-box;
        padding: 1px 75px;
        margin: 0 auto;
        overflow-wrap: break-word;
        word-wrap: break-word;
        word-break: break-word;
    }

    .main-hero-sustainability {
        position: relative;
        background-image: url(../../assets/img/heroimg/New/top-hero-main.png);
        background-size: 100% 100%;
        height: 54vh;
        background-position: left;
        background-repeat: no-repeat;
        width: 100%;
        display: flex
    ;
        align-items: center;
    }


.lliest-evint p {
    font-size: 9px;
    line-height: 1.8;
    margin: 0;
    margin-bottom: 10px;
}
}




@media(min-width:1600px) {

    .lliest-evint-print p {
        font-size: 16px !important;
        line-height: 1.8;
        margin: 0;
        margin-bottom: 10px;
    }
}

.lliest-evint-print {
    max-width: 100%;
    width: 100%;
    box-sizing: border-box;
    padding: 0px 90px;
    margin: 0 auto;
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word;
    position: absolute;
    top: 13%;
}

.lliest-evint-print p {
    font-size: 12px;
    line-height: 1.8;
    margin: 0;
    margin-bottom: 10px;
}

@media(max-width:991px) {
    .lliest-evint-print {
        top: 15% !important;
    }


    .lliest-evint-print li {
        font-size: 8px !important;
    }
}

@media(max-width:390px){
    .lliest-evint-print {
        padding: 1px 20px;
        top: 12% !important;
    }
}


@media(max-width:991px) {
    .lliest-evint-workshop {
        padding: 1px 145px;
        margin-top: -40px;
    }


    .lliest-evint-workshop p {
        font-size: 6px ;
    }
}


@media(max-width:500px) {
    .lliest-evint-workshop {
        padding: 1px 110px;
        margin-top: -50px;
    }
}



@media(max-width:399px) {
    .lliest-evint-workshop {
        padding: 1px 30px;
        margin-top: -50px;
    }

    .lliest-evint-workshop p {
        font-size: 5px ;
    }
}

@media(min-width:1600px) {
    .lliest-evint-comption {
        padding: 0px 200px !important;
    }

    .lliest-evint-comption p {
        font-size: 16px !important;
        line-height: 1.8;
        margin: 0;
        margin-bottom: 10px;
    }
}

.lliest-evint-comption {
    max-width: 100%;
    width: 100%;
    box-sizing: border-box;
    padding: 0px 150px;
    margin: 0 auto;
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word;
}

.lliest-evint-comption p {
    font-size: 11px;
    line-height: 1.8;
    margin: 0;
    margin-bottom: 10px;
}

@media(max-width:991px) {
    .lliest-evint-comption {
        max-width: 100%;
        width: 100%;
        box-sizing: border-box;
        padding: 1px 170px;
        margin: 0 auto;
        overflow-wrap: break-word;
        word-wrap: break-word;
        word-break: break-word;
        margin-top: -6px;
    }


    .lliest-evint-comption p {
        font-size: 5px;
    }
}


@media(max-width:500px) {
    .lliest-evint-comption {
        padding: 1px 114px;
        margin-top: -6px;
    }

}

@media(max-width:390px) {
    .lliest-evint-comption {
        padding: 1px 80px;
        margin-top: -6px;
    }

}

#finalPopup {
    right: 0 !important;
}


.jop-main .jop-events {
    position: fixed;
    right: 0;
    top: 0;
    width: 33.5%;
    height: 100vh;
    background-image: url(../img/Learningcontent/newse.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left center;
}


.titel-news {
    position: absolute;
    bottom: -27%;
    left:68% !important;
    translate: -50% -50%;
    aspect-ratio: 56 / 10 !important;
    background-image: url(../img/about/mrba.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    min-height: 15vh;
    display: flex
;
    justify-content: center;
    align-items: center;
    padding: 3rem 2rem;
    font-size: 2rem;
    font-weight: 800;
    min-width: 15svw;
    text-align: center;
    text-transform: capitalize;
    z-index: 9999;
}



@media(max-width:1200px){
    .titel-news {
        position: absolute;
        bottom: -23%;
        left: 32%;
        translate: -50% -50%;
        aspect-ratio: 15 / 6 !important;
        background-image: url(../img/about/mrba.png);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        min-height: 15vh;
        display: flex
    ;
        justify-content: center;
        align-items: center;
        padding: 3rem 2rem;
        font-size: 2rem;
        font-weight: 800;
        min-width: 15svw;
        text-align: center;
        text-transform: capitalize;
        z-index: 9999;
    }
}


@media(max-width:991px){
    .titel-news {
        position: absolute;
        bottom: -25%;
        left: 32%;
        translate: -50% -50%;
        aspect-ratio: 13 / 3 !important;
        background-image: url(../img/about/mrba.png);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        min-height: 15vh;
        display: flex
;
        justify-content: center;
        align-items: center;
        padding: 3rem 2rem;
        font-size: 2rem;
        font-weight: 800;
        min-width: 15svw;
        text-align: center;
        text-transform: capitalize;
        z-index: 9999;
}
}

@media(max-width:860px){
    .titel-news {
        position: absolute;
        bottom: 7% !important;
        left: 31%;
        translate: -50% -50%;
        aspect-ratio: 17 / 5 !important;
        background-image: url(../img/about/mrba.png);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        min-height: 10vh;
        display: flex
;
        justify-content: center;
        align-items: center;
        padding: 3rem 2rem;
        font-size: 1.6rem !important;
        font-weight: 800;
        min-width: 15svw;
        text-align: center;
        text-transform: capitalize;
        z-index: 9999;

    }
}


@media(max-width:767px){
    .titel-news {
        bottom: 28% !important;
        left: 51% !important;
        aspect-ratio: 16 /4 !important;
    }
}


@media(max-width:500px){
    .titel-news {
        aspect-ratio: 22 /8 !important;
        font-size: 1.3rem !important;

    }
}



@media (max-width: 500px) {
    .lliest-evint-video {
        padding: 1px 61px !important;
    }
}


.hero-main-video {
    width: 103% !important;
}


.video-title {
    font-size: 16px !important;
}


@media (max-width: 500px) {
    .lliest-evint-stories {
        padding: 1px 15px !important;
    }

    .lliest-evint-stories p{
        font-size: 12px;
    }
}



@media (max-width: 991px) {
    .hero-main-News {
        position: relative;
        background-image: url(../../assets/img/heroimg/New/mmm.png);
        height: 59dvh;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }
}




@media (min-width: 1600px) {
    .tiel-vides {
        position: absolute;
        top: 22%;
        line-height: 50px;
        left: 13%;
        font-size: 4vw !important;
        line-height: 5rem;
    }
}


.tiel-vides {
    position: absolute;
    top: 22%;
    line-height: 50px;
    left: 13%;
    font-size: 4vw !important;
    line-height: 4rem;
}


@media(max-width:991px){
    .tiel-vides {
        position: absolute;
        top: 18%;
        line-height: 50px;
        left: 8%;
        font-size: 4vw !important;
        line-height: 1rem;
    }
}


.title-jop {
    position: absolute;
    top: 15%;
    left: 25%;
    translate: -120% -10% !important;
    aspect-ratio: 20 / 20;
    background-image: url(/front/assets/img/about/works-one.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    min-height: 15vh;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1rem 2rem;
    font-size: 2rem;
    font-weight: 800;
    min-width: 17svw;
    text-align: center;
    text-transform: capitalize;
}

@media(max-width:1150px){
    .title-jop{
        font-size: 1rem !important;
        font-weight: 600 !important;

    }
}