:root{
    --GE-Dinar-two:"Fedra Sans Arabic AR",Helvetica,Arial,sans-serif;
    --Suisse-regular:"Fedra Sans Arabic AR",Helvetica,Arial,sans-serif;
    --Suisse-medium:"Fedra Sans Arabic AR",Helvetica,Arial,sans-serif;
    --Suisse-bold:"Fedra Sans Arabic AR",Helvetica,Arial,sans-serif;
    --ff-ivar:var(--GE-Dinar-two);
    --GT-america-regular:var(--Suisse-regular);
    --GT-america-expanded:var(--Suisse-bold);
    --GT-america-condensed:var(--Suisse-regular);
    --body-font-size:24px;
    --title-main-font-size:80px;
    --title-sub-font-size:64px;
    --block-heading-size:40px;
    --section-block-heading:40px
}
.btn__custom.btn--small{
    --custom-font-size:13px
}
@media(max-width:1920px){
    :root{
        --body-font-size:22px
    }
}
@media(max-width:1600px){
    :root{
        --body-font-size:20px;
        --title-main-font-size:68px;
        --title-sub-font-size:50px;
        --block-heading-size:35px;
        --section-block-heading:35px
    }
    .btn__custom,.btn__custom.btn--small{
        --custom-font-size:12px
    }
}
@media(max-width:1460px){
    :root{
        --title-main-font-size:60px;
        --title-sub-font-size:46px;
        --block-heading-size:32px;
        --section-block-heading:32px
    }
}
@media(max-width:1300px){
    :root{
        --body-font-size:18px;
        --title-main-font-size:54px;
        --title-sub-font-size:42px;
        --block-heading-size:30px;
        --section-block-heading:30px
    }
}
@media(max-width:860px){
    :root{
        --title-main-font-size:50px;
        --title-sub-font-size:40px
    }
}
@media(max-width:640px){
    :root{
        --body-font-size:16px;
        --title-main-font-size:35px;
        --title-sub-font-size:32px;
        --block-heading-size:22px;
        --section-block-heading:22px
    }
    .btn__custom.btn--small{
        --custom-font-size:10px
    }
}
body{
    direction:rtl
}
header{
    --sgi-logo-size-width:160px;
    --sgi-logo-size-height:54px;
    --header-nav-font-size:13px
}
header .sgi__logo{
    left:auto;
    right:var(--container-inline-padding)
}
header .sgi__logo svg.sgi__logo--img.en--logo{
    display:none
}
header .sgi__logo svg.sgi__logo--img.ar--logo{
    display:block
}
@media(max-width:1200px){
    header nav{
        right:auto;
        left:0
    }
    .nav__burger{
        right:auto;
        left:var(--container-inline-padding)
    }
    .primary__nav .nav__item.has--primarysub__menu::after{
        right:auto;
        left:5px
    }
}
@media(max-width:640px){
    header{
        --sgi-logo-size-width:150px;
        --sgi-logo-size-height:50px
    }
}
.sub__menu__container .sub__menu__nav li.external__menu a svg{
    transform:scaleX(-1) rotate(-45deg)
}
.breadcrumb a{
    font-family:var(--Suisse-medium)
}
.primary__nav a.nav__item__main::before,.primary__nav a.nav__item__main::after,.btn__cta .plus__icon.start,.sgi__roles__list li::before,.timeline__slider__item .timeline--content ul li::before,.timeline__slider__item .timeline--content ul li::after,.faq__tab__wrapper .tab__nav ul li::after,.tab__item .accordian__content ul li::before,.news__details__wrapper .news__content__wrapper .article__content ul li::before,.prince__quote .prince__quote--content .quote--name::before,.custom__tab__nav--item.swiper-slide-thumb-active span::after{
    left:auto;
    right:0
}
.newsletter__form span.required,.btn__cta .plus__icon.end,.card--lg .card__header .title .card--icon,.accoridan__title::after,.prince__quote::before,.sgi .scroll__down__wrapper,.mgi .scroll__down__wrapper,.tab__content__nav li:not(:last-child):after,.custom__tab__nav--item span::after{
    right:auto;
    left:0
}
.select__wrapper::after{
    right:auto;
    left:5px
}
.custom__checkbox input:checked+label:after{
    left:auto;
    right:9px
}
.primary__nav a.nav__item__main::after{
    transform:translateX(101%)
}
.mgi__countries .world__map{
    direction:ltr
}
.card--title--has--border .card--lg .card__header .title .card--icon{
    bottom:auto!important
}
*,.btn__cta,.page__hero .block__heading,.block__heading{
    letter-spacing:0!important
}
.discover__sgi__initiative .btn__cta{
    max-width:100%
}
@media(hover:hover){
    .btn__custom::after,.btn__custom::before{
        left:auto;
        right:-102%
    }
    .btn__custom:hover::before,.btn__custom:hover::after{
        left:auto;
        right:0
    }
    .btn__custom:hover span,.btn__custom:hover .btn__custom--icon{
        transform:translateX(-300px)
    }
}
.btn__custom .btn__custom--icon,.swiper__navs .swiper__nav__prev svg,.swiper__navs .swiper__nav__next svg,.breadcrumb ul li:not(:last-child):after,.swiper__custom__controls .swiper__nav__prev svg,.swiper__custom__controls .swiper__nav__next svg,.explore__related .related__item img,.get--in-touch .page__hero--bg .cover--img{
    transform:scaleX(-1)
}
.explore__related .related__item figcaption::before{
    background:linear-gradient(270deg,rgba(49,49,49,1) 0%,rgba(49,49,49,0) 100%)
}
.hero--normal .page__hero--bg::after{
    right:0;
    left:auto;
    background:linear-gradient(270deg,rgba(49,49,49,.20214023109243695) 0%,rgba(49,49,49,0) 100%)
}
header nav .language__selector .language__item.arabic,footer .footer__nav a{
    font-size:14px
}
footer .footer__nav a,.global--impact .impact__intro .intro__pic .content .block__title,.other__targets .item .content h4{
    font-family:var(--Suisse-medium)
}
.sub__menu__container .sub__menu__wrapper .sub__menu__content h6{
    font-size:20px
}
.sub__menu__container .sub__menu__wrapper .sub__menu__content p{
    font-size:15px
}
.timeline__slider__item .timeline__header--content span.year,.stats__list li .counter span:first-child,.green--saudi .status__scale .scale--item h6,.--land-sea-map .status__scale .scale--item h6{
    --ff-ivar:"IvarFine"
}
.stats__list li .counter span+span{
    font-size:24px;
    margin-block-start:20px;
    display:block
}
.climate__vision--points ul li span.number{
    --GT-america-expanded:"GT-america-exp"
}
.block__title{
    font-size:var(--block-heading-size)
}
.card--lg .card__header .title .block__title{
    font-size:32px
}
.tags--filter ul li,.type--filter--selected li{
    font-size:13px;
    font-family:var(--GT-america-regular);
    font-weight:var(--fw-regular)
}
.topics--filter--selected li{
    font-size:10px;
    font-family:var(--GT-america-regular);
    font-weight:var(--fw-regular)
}
.link__btn,.page__filter__wrapper .clear__selection{
    font-family:var(--Suisse-medium);
    font-size:14px
}
.btn__cta{
    font-size:24px;
    letter-spacing:0
}
.btn__cta .plus__icon.start{
    transform:translateX(-20px)
}
.btn__cta .plus__icon::before,.btn__cta .plus__icon::after{
    height:3px
}
.submit--btn .btn--icons svg.submit--arrow,.btn__cta.btn--download .plus__icon.end{
    transform:rotate(180deg)
}
.grid__overlay .close__overlay{
    right:auto;
    left:var(--close-btn-pos)
}
.partners__list li .btn__cta{
    font-size:15px
}
.btn__cta.btn--external .plus__icon.start,.btn__cta.btn--external .plus__icon.end{
    transform:rotate(225deg)
}
@keyframes bounceRight{
    0%,20%,50%,80%,100%{
        -webkit-transform:translateX(0) rotate(180deg);
        transform:translateX(0) rotate(180deg)
    }
    40%{
        -webkit-transform:translateX(20px) rotate(180deg);
        transform:translateX(20px) rotate(180deg)
    }
    60%{
        -webkit-transform:translateX(10px) rotate(180deg);
        transform:translateX(10px) rotate(180deg)
    }
}
.title__tag.space--lg{
    gap:var(--space-40)
}
.sgi--targets .card--title--has--border.green--border .card__header .title{
    min-height:72px
}
.sgi--targets .block__cards .card .block__title{
    font-size:30px
}
.card--title--has--border.green--border .card__header .title .sgi__efferts .card__list .content .block__heading{
    font-family:var(--Suisse-medium)
}
.target__intro .block__title{
    line-height:1.2
}
.card--lg .card__header .title .card--icon{
    top:auto;
    bottom:65px
}
.card .card__content .card__content--text p{
    font-size:22px
}
.timeline__slider__wrapper .slider__nav{
    right:auto;
    left:var(--container-inline-padding)
}
.sgi__history .title__tag .slider__nav svg,.timeline__slider__wrapper .slider__nav svg,.sgi__highlights .slider__nav svg{
    transform:scaleX(-1)
}
body.rtl .speakers__slider--wrapper .swiper-pagination{
    left:0!important;
    right:0!important
}
.speaker__slide--nav{
    right:auto;
    left:var(--container-inline-padding)
}
.speaker__slide--nav .slider--btn svg{
    transform:scaleX(-1)
}
.slider--btn.slider--next-btn{
    right:auto;
    left:0
}
.slider--btn.slider--prev-btn{
    right:auto;
    left:50px
}
.banner__pagination .swiper-pagination-bullet{
    font-family:var(--Suisse-medium)
}
.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{
    transition:.2s transform,.2s right
}
@media(min-width:1200px){
    .vertical__pagination__wrapper{
        right:calc(var(--swiper-offset)*-1)!important;
        left:auto!important
    }
}
.sgi__initiative--grid .grid--item{
    float:right
}
.prince__quote .quote--text::before{
    transform:rotate(180deg)
}
.prince__quote .quote--text::after{
    transform:rotate(0deg)
}
.partners__list li h4{
    font-size:18px
}
.initative__filter__wrapper .tags--filter ul li{
    font-size:12px;
    font-family:var(--Suisse-medium)
}
.one__target .headline{
    max-width:80%
}
.enitity--filters,.year--filters{
    border-bottom-right-radius:0;
    border-bottom-left-radius:10px
}
.c__emission__item .hover__content .content{
    direction:rtl
}
.sgi__partners h3{
    max-width:60%
}
.sgi__partners .block__content .content{
    padding-block-start:var(--space-10)
}
@media(hover:hover){
    .primary__nav a.nav__item__main:hover::before{
        transform:translateX(100%)
    }
}
.summit__points .parallax--imgs.top--img{
    --inline-negative-size:140px
}
.sgi--forum .summit__points .parallax--imgs.bottom--img{
    --inline-positive-size:-20px
}
.sgi--forum .climate__vision--points ul li:nth-child(1) .content{
    --max-list-item-size:610px
}
.sgi--forum .climate__vision--points ul li:nth-child(3) .content{
    --max-list-item-size:560px
}
.sgi--forum .climate__vision--points ul li:nth-child(4) .content{
    --max-list-item-size:600px
}
.mgi--summit .climate__vision--points ul li .content,.mgi--summit .climate__vision--points ul li:nth-child(4) .content{
    --max-list-item-size:500px
}
.mgi--summit .climate__vision--points ul li:nth-child(2) .content{
    --max-list-item-size:450px
}
.mgi--summit .climate__vision--points ul li:nth-child(2){
    margin-block-end:130px
}
.mgi--summit .summit__points .parallax--imgs.bottom--img{
    --inline-positive-size:-130px
}
.sgi--targets .block__cards .card:nth-child(2) .card__header .block__title{
    max-width:200px
}
@media(max-width:1800px){
    .btn__cta{
        font-size:22px
    }
    .climate__vision--points{
        --title-f-size:80px
    }
    .mgi--summit .climate__vision--points ul li:nth-child(2) .content{
        --max-list-item-size:400px
    }
}
@media(max-width:1600px){
    .font--ivar.sub__heading{
        line-height:1.1
    }
    .btn__cta{
        font-size:20px
    }
    .sgi__partners h3{
        max-width:500px
    }
    .mgi--summit .climate__vision--points ul li:nth-child(3) .content{
        --max-list-item-size:410px
    }
    .mgi--summit .summit__points .parallax--imgs.bottom--img{
        --inline-positive-size:-70px
    }
    .global--impact{
        --block-heading-size:24px
    }
}
@media(max-width:1500px){
    .primary__nav a.nav__item__main{
        font-size:12px
    }
    .language__selector__btn{
        font-size:10px
    }
    .climate__vision--points{
        --title-f-size:60px
    }
    .sgi--forum .climate__vision--points ul li:nth-child(1) .content{
        --max-list-item-size:480px
    }
    .sgi--forum .climate__vision--points ul li:nth-child(3) .content{
        --max-list-item-size:430px
    }
    .sgi--forum .climate__vision--points ul li:nth-child(4) .content{
        --max-list-item-size:490px
    }
    .mgi--summit .climate__vision--points ul li:nth-child(2){
        margin-block-end:100px
    }
    .mgi--summit .summit__points .parallax--imgs.top--img{
        --inline-negative-size:70px
    }
}
@media(max-width:1400px){
    .btn__cta{
        font-size:18px
    }
    .news__block h5{
        -webkit-line-clamp:3
    }
    .sgi--forum .climate__vision--points ul li:nth-child(1) .content{
        --max-list-item-size:600px
    }
    .mgi--summit .climate__vision--points ul li .content,.mgi--summit .climate__vision--points ul li:nth-child(4) .content{
        --max-list-item-size:400px
    }
    .mgi--summit .climate__vision--points ul li:nth-child(3){
        margin-block-start:0;
        margin-block-end:var(--space-100)
    }
    .card--lg .card__header .title .block__title{
        font-size:28px
    }
}
@media(max-width:1300px){
    .sgi--forum .climate__vision--points ul li:nth-child(1) .content{
        --max-list-item-size:480px
    }
    .sgi--forum .climate__vision--points ul li:nth-child(2) .content{
        --max-list-item-size:380px
    }
    .sgi--forum .climate__vision--points ul li:nth-child(3) .content{
        --max-list-item-size:430px
    }
    .sgi--forum .climate__vision--points ul li:nth-child(4) .content{
        --max-list-item-size:460px
    }
    .summit__points .parallax--imgs.top--img{
        --inline-negative-size:90px
    }
    .mgi--summit .climate__vision--points ul li:nth-child(2){
        margin-block-end:0
    }
}
@media(min-width:2200px){
    .mgi__summit__content.sgi--forum--content{
        --summit-bg-banner-height:1300px
    }
    .mgi__summit__content.sgi--forum--content .section--bg img{
        object-position:top
    }
}
@media(min-width:1200px) and (max-width:1300px){
    .our__vm .vm--vision h2,.greener--planet .block__title{
        max-width:90%
    }
}
@media(min-width:1200px){
    .faq__tab__wrapper .tab__nav ul li{
        font-size:26px
    }
}
@media(max-width:1200px){
    .primary__nav a.nav__item__main{
        font-size:15px
    }
    .news__block h5{
        -webkit-line-clamp:4
    }
    .climate__vision--points{
        --title-f-size:50px
    }
    .--emission-map .status__scale .scale--item{
        max-width:200px;
        gap:50px
    }
}
@media(max-width:860px){
    .hero__slider__thumbnails{
        left:var(--container-inline-padding);
        right:auto
    }
    .slider__thumb__item .content .btn__cta .plus__icon::after{
        transform:rotate(135deg)
    }
    .btn__cta .plus__icon::before,.btn__cta .plus__icon::after{
        height:2px
    }
    .timeline__slider__wrapper .slider__nav{
        top:-50px
    }
    .summit__points .parallax--imgs.top--img,.mgi--summit .summit__points .parallax--imgs.top--img{
        --inline-negative-size:1px
    }
    .sgi--forum .summit__points .parallax--imgs.bottom--img,.mgi--summit .summit__points .parallax--imgs.bottom--img{
        --inline-positive-size:1px
    }
    .sgi--forum .climate__vision--points ul li:nth-child(1),.sgi--forum .climate__vision--points ul li:nth-child(3){
        margin-block-end:250px
    }
    .mgi--summit .climate__vision--points ul li:nth-child(1),.mgi--summit .climate__vision--points ul li:nth-child(3){
        margin-block-end:350px
    }
    .sgi--targets .block__cards .card .block__title{
        font-size:24px
    }
    .global--impact{
        --block-heading-size:22px
    }
    .vertical__pagination__wrapper .swiper__nav__prev svg,.vertical__pagination__wrapper .swiper__nav__next svg{
        transform:scale(-1)
    }
}
@media(max-width:640px){
    .btn__cta,.primary__nav a.nav__item__main{
        font-size:14px
    }
    .card--lg .card__header h4,.latest__news--list h5,.sub__menu__container .sub__menu__wrapper .sub__menu__content h6{
        font-size:16px
    }
    .card--lg .card__header .title .block__title{
        font-size:22px
    }
    .tags--filter ul li,.type--filter--selected li{
        font-size:10px
    }
    .card--lg .card__header .title .card--icon{
        bottom:50px
    }
    .title__tag.space--lg{
        gap:var(--space-30)
    }
    .mgi--summit .climate__vision--points ul li:nth-child(1){
        -webkit-margin-after:200px;
        margin-block-end:200px
    }
    .mgi--summit .summit__points .parallax--imgs.top--img{
        --img-top-space:200px
    }
    .news__block h5{
        -webkit-line-clamp:6
    }
    .grid__overlay .close__overlay{
        left:50%;
        transform:translateX(-50%)
    }
    .partners__list li h4{
        font-size:16px;
        -webkit-margin-after:var(--space-10);
        margin-block-end:var(--space-10)
    }
    .sgi--forum .climate__vision--points ul li:nth-child(1){
        margin-block-end:130px
    }
    .timeline__slider__wrapper .slider__nav{
        top:-60px
    }
    .mgi--summit .climate__vision--points ul li:nth-child(1),.mgi--summit .climate__vision--points ul li:nth-child(3){
        margin-block-end:230px
    }
    .sgi--targets .card--title--has--border.green--border .card__header .title{
        min-height:40px
    }
    .sgi--targets .block__cards .card .block__title{
        font-size:20px
    }
    .climate__vision--points{
        --title-f-size:40px
    }
    .global--impact{
        --block-heading-size:18px
    }
    .page__hero__intro .headline{
        line-height:40px
    }
    .sgi__hero__intro .intro__title--logo{
        max-width:100px
    }
}
.map__wrapper{
    direction:ltr
}
.map__wrapper .title__wrapper{
    direction:rtl;
    left:auto;
    right:var(--container-inline-padding)
}
.status__scale{
    --scale-span-f-size:25px;
    --scale-count-f-size:66px;
    direction:rtl
}
.status__scale .scale--item h6 small{
    font-size:20px
}
.tree__stats,.emission__map__stats ul{
    direction:rtl
}
@media(min-width:900px){
    .status__scale{
        border-left:0;
        border-right:1px solid var(--clr-brand)
    }
    .status__scale .scale--item.status__end{
        left:auto;
        right:var(--space-40)
    }
    .status__scale .scale--item::before{
        left:auto;
        right:-46px
    }
    .swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{
        right:0!important
    }
}
@media(min-width:1300px){
    .status__scale .scale--item::before{
        right:-49px
    }
}
@media(max-width:1900px){
    .--tree-map .title__wrapper,.--emission-map .title__wrapper,.--land-sea-map .title__wrapper{
        right:50%;
        transform:translateX(50%);
    }
}
@media(max-width:1600px){
    .status__scale{
        --scale-span-f-size:22px;
        --scale-count-f-size:56px
    }
}
@media(max-width:1300px){
    .status__scale{
        --scale-span-f-size:22px;
        --scale-count-f-size:50px
    }
}
@media(max-width:1200px){
    .status__scale{
        --scale-span-f-size:20px
    }
}
@media(max-width:640px){
    .status__scale{
        --scale-span-f-size:16px;
        --scale-count-f-size:44px
    }
    .map__wrapper .block__title{
        --title-sub-font-size:36px
    }
    .--emission-map .status__scale .scale--item{
        max-width:120px!important;
        gap:0
    }
    .--emission-map .status__scale .scale--item h6{
        padding-block-end:35px
    }
}
