:root{--baseFontSaudia: "Saudia Sans", arial, sans-serif;--baseFontMediumSaudia: "Saudia Sans", arial, sans-serif;--baseFontSemiBoldSaudia: "Saudia Sans", arial, sans-serif;--baseFontBoldSaudia: "Saudia Sans", arial, sans-serif;--baseFontPortada: "Portada AR Avar", arial, sans-serif;--baseFontMediumPortada: "Portada AR Avar", arial, sans-serif;--baseFontSemiBoldPortada: "Portada AR Avar", arial, sans-serif;--baseFontBoldPortada: "Portada AR Avar", arial, sans-serif}.urduLang{--baseFontSaudia: var(--baseFontPortada);--baseFontMediumSaudia: var(--baseFontPortada);--baseFontSemiBoldSaudia: var(--baseFontSemiBoldPortada);--baseFontBoldSaudia: var(--baseFontBoldPortada)}.setFocusOnSecondaryBtn .custom-dialog .button--secondary:focus{background-color:var(--secondaryButtonColor)!important;border-color:var(--light)!important;box-shadow:0 0 12px var(--defaultButtonShadowColor)!important;outline:none}[dir=rtl]{text-align:right}[dir=rtl] .spinner__checkin{margin-right:.5rem!important;margin-left:2rem}[dir=rtl] .spinner__checkin:before{right:1.2rem!important;left:auto!important}[dir=rtl] body{text-align:right}[dir=rtl] body .subscribe-dropdown{transform:translate(16px) translateY(-16px)!important}[dir=rtl] body app-jss-mmb-flight-data .reBooking-form .right-forward{transform:rotate(180deg)}[dir=rtl] body .subscription__page .icon-Tick_icon{transform:rotate(360deg)}[dir=rtl] body .subscription__page .button .done__image{margin-right:auto;margin-left:.625rem}[dir=rtl] body .subscription__page .spinner:before{right:21px}[dir=rtl] body app-jss-flight-details-expanded .flight-details-expanded-text+.flight-details-expanded-text{text-align:left!important}[dir=rtl] body .math-captcha__result .done__image{transform:rotate(360deg)}[dir=rtl] body .search-autocomplete{right:-13px}[dir=rtl] body .search_box .mob-search-input{padding:.5rem 52px 0 0}[dir=rtl] body .search_box .mat-form-field .search__img{right:-3px}[dir=rtl] body .search_box .search__input__box .mat-form-field-infix{padding:5px 25px 0 0}[dir=rtl] body .search_box .mat-form-field-appearance-legacy .mat-form-field-label{margin-right:2rem}[dir=rtl] body .search_box .mat-input-element{padding-left:auto;padding-right:.5rem}[dir=rtl] body .subscription__page .error-msg{padding-right:18px;padding-left:0}[dir=rtl] body .subscription__page .recaptcha-wrapper .error-msg{padding-right:0;padding-left:0}[dir=rtl] body .error-msg.md{padding-right:18px;padding-left:0}[dir=rtl] body .error-msg{padding-right:26px;padding-left:0}@media only screen and (max-width: 635.5px){[dir=rtl] body .search_box .mat-form-field .search__img{right:-3px;left:auto}}[dir=rtl] body .center-div .loader-logo{display:flex;justify-content:center;flex-direction:row-reverse}@media only screen and (max-width: 635.5px){[dir=rtl] header app-jss-login{position:relative;top:-2.5rem;right:-2.75rem}}@media only screen and (max-width: 635.5px){[dir=rtl] header app-jss-ai-search{position:relative;top:-2.5rem;right:-2rem}}@media only screen and (max-width: 635.5px){[dir=rtl] .booking-confirmation-page app-jss-login{position:relative;top:-2.25rem;right:-2.75rem}}[dir=rtl] .dateOfBirth app-hijri-calender .mat-form-field-suffix,[dir=rtl] .passenger-frequent-flyer mat-form-field .mat-form-field-suffix,[dir=rtl] .phone-wrapper mat-form-field .mat-form-field-suffix,[dir=rtl] .contact-details__form-info-email mat-form-field .mat-form-field-suffix{position:absolute}[dir=rtl] app-jss-journey-data .flight-details-duration-hours{width:max-content;word-break:keep-all}[dir=rtl] app-jss-journey-data .flight-details-duration-hours .hour,[dir=rtl] app-jss-journey-data .flight-details-duration-hours .minutes{display:flex;direction:rtl;white-space:nowrap}[dir=rtl] .checking-page__banner .details-content .header__text span.material-icons-outlined{rotate:180deg!important}[dir=rtl] app-jss-persistent-summary-exp .flight-details-duration-hours .hour,[dir=rtl] app-jss-persistent-summary-exp .flight-details-duration-hours .minutes{display:flex;direction:rtl;white-space:nowrap}[dir=rtl] app-jss-fare-comparison .total-fare-wrapper-body .total-fare-wrapper-section-row-warning-msg{gap:.5rem}[dir=rtl] app-jss-additional-preference .passenger-details .mat-expansion-panel-body>div .passenger-details-form .passenger-info-section .passenger-additional-pref .special-assistance-list-icon,[dir=rtl] app-jss-additional-preference .special-assistance-list-icon{margin-left:1rem!important;margin-right:0!important}[dir=rtl] app-jss-additional-preference .passenger-details .mat-expansion-panel-body>div .passenger-details-form .passenger-info-section .passenger-additional-pref .special-assistance-list-wrapper,[dir=rtl] app-jss-additional-preference .special-assistance-list-wrapper{align-items:center}[dir=rtl] app-jss-fare-breakdown .booking-confirmation-page .total-fare-wrapper-section-row.warning-row .total-fare-wrapper-section-row-warning-msg{gap:.5rem}[dir=rtl] app-jss-ancillary-transit-evisa-summary .evisa-summary-card .ribbon,[dir=rtl] app-jss-ancillary-transit-evisa-summary .evisa-summary-card-expanded .ribbon{left:1.5rem!important;right:auto!important}[dir=rtl] app-jss-ancillary-fast-track .internal-page .fast-track-tab .fast-track-list .fast-track .fast-track-details .info .info-text{margin-right:.5rem;margin-left:0}@media only screen and (max-width: 1079px){[dir=rtl] app-jss-ancillary-fast-track .internal-page .fast-track-tab .fast-track-list .fast-track-tile .add-fast-track{margin-right:auto;margin-left:0!important}}[dir=rtl] .ancillarypage.paymentSummaryPage app-jss-total-fare-details .payment-details-total{padding-right:1.5rem!important}[dir=rtl] app-jss-total-fare-details .payment-details-total,[dir=rtl] .app-jss-refund-fare-details .refund-details-summary .flight-fares .fare-breakup div.extra-quant div{padding-right:0!important;width:-moz-fit-content!important;width:fit-content!important}[dir=rtl] body.paymentpage app-jss-total-fare-details .payment-details-total,[dir=rtl] body.booking-confirmation-page app-jss-total-fare-details .payment-details-total{padding-right:1.5rem!important;width:100%!important}@media only screen and (max-width: 1079px){[dir=rtl] body.paymentpage app-jss-total-fare-details .payment-details-total,[dir=rtl] body.booking-confirmation-page app-jss-total-fare-details .payment-details-total{padding:1.5rem .75rem!important}}@media only screen and (max-width: 1079px){[dir=rtl] body.paymentpage app-jss-total-fare-details .payment-details-total .flight-fares .fare-breakup .fare-breakup-extra-quantity div.extra-quant-name,[dir=rtl] body.booking-confirmation-page app-jss-total-fare-details .payment-details-total .flight-fares .fare-breakup .fare-breakup-extra-quantity div.extra-quant-name{white-space:normal}}@media only screen and (max-width: 635.5px){[dir=rtl] body.paymentpage app-jss-total-fare-details .payment-details-total.payment-totalfare-mweb,[dir=rtl] body.booking-confirmation-page app-jss-total-fare-details .payment-details-total.payment-totalfare-mweb{padding:1rem .75rem!important}[dir=rtl] body.paymentpage app-jss-total-fare-details .payment-details-total.payment-totalfare-mweb .termandConditionbutton,[dir=rtl] body.booking-confirmation-page app-jss-total-fare-details .payment-details-total.payment-totalfare-mweb .termandConditionbutton{bottom:1.75rem}}[dir=rtl] app-jss-total-fare-details .payment-details-total .fare-breakdown>button,[dir=rtl] app-jss-refund-fare-details .payment-details-total .fare-breakdown>button{text-align:right!important}[dir=rtl] app-jss-flight-cabin-selection mat-card-title .circle{float:left!important}[dir=rtl] app-jss-seat-selector .fast-track-tab .mat-tab-list:after,[dir=rtl] app-jss-ancillary-extra-baggage .fast-track-tab .mat-tab-list:after,[dir=rtl] app-jss-ancillary-fast-track .fast-track-tab .mat-tab-list:after,[dir=rtl] app-jss-ancillary-wifi .fast-track-tab .mat-tab-list:after{content:"";background:linear-gradient(267.81deg,var(--light) 20.14%,rgba(255,255,255,0) 98.16%);width:2rem;height:3.9375rem;left:0;right:auto!important;rotate:180deg;top:0;position:absolute}[dir=rtl] app-jss-special-assistance .special-assitance-form .btn-cancel{margin-left:.75rem;margin-right:0!important}[dir=rtl] app-jss-special-assistance .special-assitance-form .btn{direction:rtl}[dir=rtl] app-jss-fare-breakdown .total-fare-wrapper-body .fare-details-subtotal-smallText .dot-rtl{display:block!important}@media only screen and (max-width: 635.5px){[dir=rtl] app-jss-fare-breakdown .total-fare-wrapper-body .fare-details-subtotal-smallText .dot-rtl{display:none!important}}[dir=rtl] app-jss-fare-breakdown .total-fare-wrapper-body .fare-details-subtotal-smallText .dot{display:none!important}[dir=rtl] app-jss-booking-confirmation app-jss-flight-booking-summary .flight-booking-summary-detail .tags{margin-left:.75rem!important;white-space:nowrap}[dir=rtl] .material-symbols-outlined.flight-image{transform:scaleX(-1);margin-right:0!important;margin-left:.5rem}[dir=rtl] .passenger-details .next-contact-details{margin-left:0}[dir=rtl] .passenger-details .next-contact-details>div .next-passenger{margin-right:0!important}[dir=rtl] body.flightspage .main{height:calc(100vh - 153px)}[dir=rtl] .paymentpage .passengers-summary-detail .summary-card.expanded,[dir=rtl] .paymentpage .seat-summary-detail .summary-card-expanded{box-shadow:none!important}[dir=rtl] .paymentpage .edit-contact-details app-jss-contactdetails .contact-details__form-continue .btn-cancel,[dir=rtl] .paymentpage .passenger-details .save-edit-passenger .btn-cancel{margin-right:0!important;margin-left:.75rem!important}[dir=rtl] .custom-dialog .custom-dialg__text .custom-dialog__description ul.feature-list{margin-left:0!important;margin-right:.813rem!important}@media only screen and (max-width: 1079px){[dir=rtl] .persistant_summary_container .summary_card-active_state .summary_card_btn{margin-left:0!important;margin-right:1rem!important}}[dir=rtl] .passenger-details .mat-expansion-panel-body>div .passenger-details-form .passenger-info-section .passenger-basic-info-content-icon .material-icons-outlined{margin-right:0!important;margin-left:1rem!important}[dir=rtl] .passenger-details .mat-accordion .mat-expansion-panel-header.complete-passenger>span .wrapper .col-left .title-desc .complete-icon{margin-right:0!important;margin-left:.375rem!important}[dir=rtl] app-jss-passenger-details-summary .passengers-summary .pb-1 .ph-number{direction:ltr}[dir=rtl] app-jss-flight-booking-summary .flight-booking-summary-header h1,[dir=rtl] app-jss-flight-details-expanded .one-day-tag{white-space:nowrap}[dir=rtl] app-jss-flight-booking-summary .flight-booking-summary-header .forward-arrow{rotate:180deg}@media only screen and (max-width: 1079px){[dir=rtl] app-jss-cvv-tooltip .cvv-tooltip--below{transform:translate(0)!important}}[dir=rtl] app-jss-ancillary-fast-track mat-tab-header .mat-tab-labels,[dir=rtl] app-jss-ancillary-wifi mat-tab-header .mat-tab-labels{flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;overflow:auto;transform:translate(0)!important}[dir=rtl] app-jss-ancillary-fast-track mat-tab-header .mat-tab-list,[dir=rtl] app-jss-ancillary-wifi mat-tab-header .mat-tab-list{transform:translate(0)!important}[dir=rtl] app-jss-ancillary-wifi .internal-page .wifi-tab .wifi-list .wifi-plan-tile .wifi-plan-content{margin-left:1rem!important;margin-right:auto!important}[dir=rtl] app-jss-passenger-details .passenger-details .save-edit-passenger .btn-cancel{margin-left:.75rem!important;margin-right:auto!important}[dir=rtl] .internal-page .wifi-tab .wifi-list .wifi-plan-tile .logo-container .weight{margin-left:0!important;margin-right:1rem!important;white-space:nowrap}[dir=rtl] .internal-page .wifi-tab .wifi-list .wifi-plan-tile .logo-container .weight.multi{margin-right:.25em!important}[dir=rtl] app-jss-fare-list .fare-card{margin-left:.75rem;margin-right:0}[dir=rtl] app-jss-fare-list .fare-card:last-child{margin-left:0}[dir=rtl] .seatSelectorPopup .custom-dialog .custom-dialog__text .custom-dialog__description .seat-description.exit-seat ul{margin-left:0;margin-right:1.25rem!important}[dir=rtl] .seat-summary-detail .summary-card-expanded .passenger-name .align-flex .multi{margin-left:0!important;margin-right:.25rem!important}[dir=rtl] .details-section-body{padding:0 1rem 0 0!important}[dir=rtl] .details-section-body>div span.label-details{text-align:left!important}[dir=rtl] .payment-details-total .flight-fares .fare-breakup .multi{padding-left:.5rem;padding-right:0!important}[dir=rtl] app-jss-alfursan-login .alfursan-login-footer a .question-ltr{display:none!important}[dir=rtl] .stopover-wrapper .stopover-slider .custom-pages{margin-left:auto;margin-right:-20px}[dir=rtl] .stopover-wrapper .stopover-content .discover-btn{margin-right:0!important;margin-left:1rem}[dir=rtl] .passenger .passenger-details .icons-div,[dir=rtl] .booking-confirmation-page .saudia-card-slider-wrapper .saudia-card-navigation .slider-navigation span{rotate:180deg}[dir=rtl] .manage-change-flight .dialog-header{position:relative}[dir=rtl] .manage-change-flight .dialog-header .close_icon{left:1rem!important}[dir=rtl] .manage-change-flight .mat-dialog-actions.btn-action div.orderSec,[dir=rtl] .manage-change-flight .mat-dialog-actions.btn-action div button,[dir=rtl] .manage-change-flight .mat-dialog-actions.btn-action button.button--secondary{margin-left:.813rem!important;margin-right:auto!important}[dir=rtl] app-pnr-details-mmb .checking-page__banner .details-content .arows_icon{rotate:180deg}[dir=rtl] .need-help .container .link-section span.material-icons-outlined{transform:rotate(180deg)!important}[dir=rtl] app-jss-passenger-details-summary .passengers-summary-detail .passenger-contact .contact-icon{padding-left:.625rem;padding-right:0}[dir=rtl] app-jss-flight-booking-summary .flight-booking-summary-detail .tags{margin-right:.75rem;margin-left:0;white-space:nowrap}[dir=rtl] app-jss-booking-confirmation app-jss-flight-booking-summary .flight-booking-summary-detail .tags{margin-right:0!important;margin-left:.75rem!important;white-space:nowrap}[dir=rtl] app-jss-booking-confirmation app-jss-flight-booking-summary .flight-booking-summary-detail .tags.green,[dir=rtl] app-jss-booking-confirmation app-jss-flight-booking-summary .flight-booking-summary-detail .tags.orange,[dir=rtl] app-jss-booking-confirmation app-jss-flight-booking-summary .flight-booking-summary-detail .tags.red{margin-right:.75rem!important;white-space:nowrap}[dir=rtl] app-jss-persistent-flight-summary .persistant_summary_container .fare_summary{margin-right:auto!important;margin-left:0!important}[dir=rtl] app-jss-persistent-flight-summary .persistant_summary_container .summary_card-location .route_label .flight-time{padding-right:.25rem}[dir=rtl] app-jss-flight-summary .persistant_summary_container .fare_summary{margin-right:auto!important;margin-left:0!important}[dir=rtl] app-jss-passenger-details-summary .passengers-summary-detail .summary-card .passenger-details-row .passenger-details-docNumber{direction:ltr}[dir=rtl] app-jss-passenger-details-summary .passengers-summary-detail .summary-card .passenger-details-container span{display:inline-block}[dir=rtl] app-jss-passenger-details-summary .passengers-summary-detail .summary-card .passenger-details-container .e-ticket-details-passportNumber{direction:ltr;display:inline-block}[dir=rtl] .internal-page .fast-track-tab .fast-track-list .fast-track-tile .add-fast-track .remove-icon>span.material-icons-outlined{margin-left:.25rem;margin-right:0!important}[dir=rtl] app-jss-passenger-details .passenger-details .mat-accordion .mat-expansion-panel-header.complete-passenger>span .wrapper .col-left .title-desc .complete-icon{margin-right:0!important;margin-left:.375rem}[dir=rtl] :root app-jss-seat-selector .bg-profile{margin-left:.75rem;margin-right:0}[dir=rtl] app-jss-eticket-mmb .details-section-flight .flight-route-right .material-symbols-outlined{rotate:180deg}[dir=rtl] app-jss-saudia-logo .header app-jss-saudia-logo:first-child .logo{border-left:1px solid var(--separator);margin-left:.75rem;padding-left:.75rem;margin-right:0;padding-right:0;border-right:none}[dir=rtl] app-jss-image-link-list .image--teaser.small-teaser .swiper-slide__content .swiper-slide__desc{text-align:right!important}@media only screen and (max-width: 635.5px){[dir=rtl] app-jss-image-link-list .image--teaser.small-teaser .upgrade-with-miles .swiper-slide__content .swiper-slide__desc{text-align:center!important}}[dir=rtl] .booking-confirmation-page app-jss-image-link-list .holiday-Teaser .swiper-slide__content{padding-right:0;padding-left:8%}[dir=rtl] .custom-carousel .swiper-slide__content{text-align:right}[dir=rtl] .custom-carousel .swiper-container>.swiper-pagination{left:15px;right:auto}[dir=rtl] .custom-carousel.h--center .swiper-slide__content h2,[dir=rtl] .custom-carousel.h--center .swiper-slide__content .swiper-slide__desc{text-align:center}[dir=rtl] .cdk-overlay-container .cdk-overlay-pane .mat-autocomplete-panel .selected-option{float:left!important}[dir=rtl] .imagelinklist__tag{left:auto;right:.75rem}[dir=rtl] .link--text:after{transform:rotate(-180deg)}[dir=rtl] .button--icon-text [class*=" icon-"],[dir=rtl] .button--icon-text [class^=icon-],[dir=rtl] .link--text [class*=" icon-"],[dir=rtl] .link--text [class^=icon-],[dir=rtl] .icon-Link_chevron,[dir=rtl] .more,[dir=rtl] .mobile-menuIcons,[dir=rtl] .icon-arrow_forward-outlined,[dir=rtl] .photo__specs-link .material-symbols-outlined,[dir=rtl] .warning-field .icon--arrow,[dir=rtl] .continue-to-application-container .continue-arrow,[dir=rtl] .fwd-arrow{transform:rotate(180deg)}[dir=rtl] .external-link .material-symbols-outlined,[dir=rtl] .external-link-mobile .material-symbols-outlined{transform:rotate(270deg)}[dir=rtl] .custom-form-item .material-icons-outlined,[dir=rtl] .custom-form-item .material-symbols-outlined,[dir=rtl] .custom-form-item .material-icons,[dir=rtl] .custom-form-item .swap{transform:scaleX(-1)}[dir=rtl] .passengerpage .custom-overlay-close,[dir=rtl] .flightspage .custom-overlay-close,[dir=rtl] .ancillarypage .custom-overlay-close,[dir=rtl] .paymentpage .custom-overlay-close,[dir=rtl] .seatspage .custom-overlay-close,[dir=rtl] .edit-passenger .passenger-details .custom-overlay-close,[dir=rtl] app-jss-edit-search-modal .custom-overlay-close,[dir=rtl] app-jss-flight-amenities .custom-overlay-close{left:.625rem;right:auto!important}[dir=rtl] .md-drppicker{left:auto!important;right:0!important}[dir=rtl] .onewaybooking-row .sync{left:1.25rem;right:auto!important}[dir=rtl] .flight-schedule-row .sync{left:60px;right:auto!important}[dir=rtl] .search-country .search-icon{padding-left:0;padding-right:29px;background-position:right!important}[dir=rtl] .imagelinklist--masonry .button img{transform:rotate(180deg)}[dir=rtl] .trip-container .multicity{border-left:none;border-right:1px solid var(--separator);padding-left:10px;padding-right:24px}[dir=rtl] .featuredlist__link{left:auto;right:9px}[dir=rtl] .breadcrumb-wrap .sep .material-symbols-outlined{transform:rotate(180deg)}[dir=rtl] .mobile-menu .menubutton{left:0;right:auto!important}[dir=rtl] .passportNumber mat-form-field,[dir=rtl] .dateOfBirth app-hijri-calender .mat-form-field .mat-form-field-wrapper .mat-form-field-flex,[dir=rtl] app-hijri-calender mat-form-field,[dir=rtl] app-jss-passenger-join-alfursan .passenger-frequent-flyer mat-form-field,[dir=rtl] app-jss-contactdetails .phone-wrapper mat-form-field,[dir=rtl] app-jss-contactdetails .contact-details__form-info-email mat-form-field{direction:ltr;text-align:right}[dir=rtl] .passportNumber .mat-form-field .mat-form-field-subscript-wrapper,[dir=rtl] .dateOfBirth app-hijri-calender .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-subscript-wrapper,[dir=rtl] app-hijri-calender .mat-form-field .mat-form-field-subscript-wrapper,[dir=rtl] app-jss-passenger-join-alfursan .passenger-frequent-flyer .mat-form-field .mat-form-field-subscript-wrapper,[dir=rtl] app-jss-contactdetails .phone-wrapper .mat-form-field .mat-form-field-subscript-wrapper,[dir=rtl] app-jss-contactdetails .contact-details__form-info-email .mat-form-field .mat-form-field-subscript-wrapper{text-align:right;display:inline-block;direction:rtl}@media only screen and (max-width: 635.5px){[dir=rtl] .booking-confirmation-page app-jss-new-navigation{margin-left:unset!important;margin-right:auto!important}}[dir=rtl] app-jss-flight-booking-summary app-jss-flight-details app-jss-flight-details-expanded .flight-details-expanded-text{text-align:left!important}@media only screen and (max-width: 635.5px){[dir=rtl] app-jss-flight-booking-summary app-jss-flight-details app-jss-flight-details-expanded .flight-details-expanded-text{text-align:right!important}}[dir=rtl] app-jss-ancillary-extra-baggage .internal-page.extra-baggage .baggage-tab .extraBaggage-list .baggage .baggage-details .bagload-details .bag-list .bag-detail .weight-info{white-space:nowrap}[dir=rtl] app-jss-ancillary-extra-baggage .internal-page.extra-baggage .baggage-tab .extraBaggage-list .baggage .baggage-details .bagload-details .bag-list .bag-detail .bag-type{text-align:left!important}@media only screen and (max-width: 1079px){[dir=rtl] app-jss-ancillary-fast-track .internal-page .fast-track-tab .fast-track-list .fast-track-tile .fast-track-content-mobileLeft .icon_container{margin-left:1rem}}[dir=rtl] app-jss-flight-data .flightDetails .flightlist-header{white-space:nowrap}[dir=rtl] .top-header-carousel .content p .title{margin-left:.25rem}[dir=rtl] .evisa-passenger-details .nationality-info-text{margin-left:0;margin-right:1rem}[dir=rtl] .photo__upload-flex ul{margin-left:0;margin-right:1.125rem}[dir=rtl] .stopover-wrapper .stopover-content .close-icon{direction:rtl}@media only screen and (max-width: 635.5px){[dir=rtl] body .error-msg{padding-right:18px;padding-left:0}[dir=rtl] body .search-autocomplete{right:-27px;left:auto}[dir=rtl] body .evisa-application-banner .logo{right:auto!important;left:20px}[dir=rtl] .box-content-wrapper{text-align:right}[dir=rtl] .show-mobile{display:block}[dir=rtl] .hide-mobile{display:none}[dir=rtl] .imagelinklist--masonry .imagelinklist__content{padding-left:84px;padding-right:1.25rem}[dir=rtl] .imagelinklist--masonry .button{left:1.25rem;right:auto}[dir=rtl] .mobile-text--center .swiper-slide__content{text-align:center}}@media only screen and (min-width: 636px){[dir=rtl] .stopover-wrapper .stopover-content{padding-right:auto;padding-left:1.5rem}[dir=rtl] .header .flex-container app-jss-saudia-logo:first-child .logo .logo-seperator{display:none}[dir=rtl] .imagelinklist--masonry .button{left:1.5rem;right:auto}}@media only screen and (min-width: 636px) and (max-width: 1079px){[dir=rtl] .imagelinklist--masonry .imagelinklist__content{padding-left:88px;padding-right:1.5rem}[dir=rtl] body .search_box .search__input__box .logo{width:65px}[dir=rtl] .header app-jss-columns .container--horizontal.flex-container .flex-col:last-child .flex-placeholder{padding-right:0;padding-left:48px}[dir=rtl] .main .container--horizontal .container .custom-row .flex-col:first-child{padding-left:.5rem;padding-right:0}[dir=rtl] .main .container--horizontal .container .custom-row .flex-col:nth-child(2){padding-left:0;padding-right:.5rem}[dir=rtl] .sticky{padding-left:4.5%;padding-right:0}[dir=rtl] .ancillary-links{padding-right:1.5rem;padding-left:0}}@media only screen and (min-width: 1080px){[dir=rtl] .booking .ancillary-links{left:1.5rem;right:auto}[dir=rtl] .imagelinklist--masonry .imagelinklist__content{padding-left:104px;padding-right:1.5rem}[dir=rtl] .flex-col:first-child .imagelinklist--masonry{padding-left:.75rem;padding-right:0}[dir=rtl] .flex-col:nth-child(2) .imagelinklist--masonry{padding-left:.375rem;padding-right:.75rem}[dir=rtl] .flex-col:nth-child(2):last-child .imagelinklist--masonry{padding-left:0;padding-right:.75rem}[dir=rtl] .flex-col:nth-child(3) .imagelinklist--masonry{padding-left:0;padding-right:1.125rem}[dir=rtl] .flex-col:nth-child(n+2) .imagelinklist--masonry .imagelinklist__content{padding-left:5rem;padding-right:1.5rem}[dir=rtl] .sticky{padding-left:17.2%;padding-right:0}[dir=rtl] .subscription__page .subscribe__left{padding-right:0;padding-left:18%}[dir=rtl] .image--slider .swiper-slide__content{width:59.67%}[dir=rtl] .recaptcha-inner{transform-origin:100% 0}}[dir=rtl] .spinner:before{right:21px!important;left:auto!important}[dir=rtl] app-jss-edit-flight-search .edit-button{margin-right:0;margin-left:1rem}@media only screen and (max-width: 1079px){[dir=rtl] app-jss-edit-flight-search .edit-button{font-size:1rem;margin-left:.5rem}}@media only screen and (max-width: 1079px){[dir=rtl] app-jss-journey-data .flight-details-location{width:33%}}@media only screen and (max-width: 1079px){[dir=rtl] app-jss-journey-data .flight-details-duration{width:33%}}@media only screen and (min-width: 636px) and (max-width: 1079px){[dir=rtl] app-jss-journey-data .flight-details-location{width:33%}}@media only screen and (max-width: 635.5px){[dir=rtl] app-jss-journey-data .flight-details-location{width:22%}}@media only screen and (min-width: 636px) and (max-width: 1079px){[dir=rtl] app-jss-journey-data .flight-details-duration{width:33%}}@media only screen and (max-width: 635.5px){[dir=rtl] app-jss-journey-data .flight-details-duration{width:56%}}[dir=rtl] app-jss-booking-trip .submit-btn .button.search .material-icons-outlined{margin-left:.25rem}[dir=rtl] app-baggage-tracker-form .submit-btn .button.search .material-icons-outlined{margin-left:.25rem}[dir=rtl] app-jss-flight-details-expanded .flight-details-expanded .mat-list-base .mat-list-item.flight-name .flight-details-expanded-text .saudia-icon,[dir=rtl] app-jss-flight-details-expanded .flight-details-expanded .mat-list-base .mat-list-option.flight-name .flight-details-expanded-text .saudia-icon{margin-left:.35rem;margin-right:0!important}[dir=rtl] app-jss-seat-selector .flightSeats .seatSelection .seatMapLayout tr .exit-row .right-exit-text,[dir=rtl] app-jss-seat-selector .flightSeats .seatSelection .seatMapLayout tr .exit-row .left-exit-text{font-size:.625rem!important}[dir=rtl] app-jss-flight-details-expanded .flight-details-expanded .flight-name.persistent-container .amenities .mat-list-item-content .flight-details-expanded-anchor{text-align:left!important}@media only screen and (max-width: 1079px){[dir=rtl] app-jss-flight-details-expanded .flight-details-expanded .flight-name .amenities .mat-list-item-content .flight-details-expanded-view{text-align:left!important}}[dir=rtl] app-jss-flight-details-expanded .flight-details-expanded .flight-name .amenities .mat-list-item-content .flight-details-expanded-anchor{width:unset!important}[dir=rtl] app-jss-flight-cabin-selection .flight_cabins .flexcard{margin-left:10px;margin-right:0}[dir=rtl] app-jss-flight-cabin-selection .flight_cabins .flexcard:last-child{margin-left:0;margin-right:0}[dir=rtl] app-jss-flight-cabin-selection .flight_cabins .cabin-card .mat-card .content .content-left .subtitle,[dir=rtl] app-jss-flight-cabin-selection .flight_cabins .cabin-card .mat-card .title{text-align:right!important}[dir=rtl] app-jss-traveller-information{width:100%}[dir=rtl] app-jss-rolling-calendar .rolling-calendar-prev-btn button{rotate:180deg}[dir=rtl] .rolling-calendar-next-btn button{rotate:180deg}[dir=rtl] app-jss-ancillary-close-button{margin-left:0!important;margin-right:auto}[dir=rtl] .Checkin.qr-code-body app-jss-ancillary-close-button{margin-left:0!important;margin-right:auto}[dir=rtl] app-jss-flight-amenities .mat-tab-list{direction:rtl}[dir=rtl] app-jss-ancillary-landing .ancillary-list .ancillary-tile .ancillary-button{margin-right:auto;margin-left:0!important}@media only screen and (max-width: 1079px){[dir=rtl] app-jss-ancillary-landing .ancillary-list .ancillary-list-container .title{line-height:3.3rem!important}}[dir=rtl] app-jss-ancillary-landing .ancillary-list .ancillary-tile .unavailable-button{margin-right:auto;margin-left:0!important}[dir=rtl] app-jss-ancillary-extra-baggage .internal-page.extra-baggage .baggage-tab .extraBaggage-list .baggage .baggage-details .bagload-details .member-info .member-logo{margin-left:.5rem;margin-right:0!important}[dir=rtl] app-jss-fare-breakdown .fare-details{padding-right:.75rem;padding-left:.75rem!important}[dir=rtl] app-jss-fare-breakdown .total-fare-wrapper-body .mat-expansion-panel .mat-expansion-panel-content .mat-expansion-panel-body .total-fare-wrapper-section-row-warning-msg .warning-text{margin-right:.625rem;margin-left:auto!important}[dir=rtl] app-jss-fare-breakdown .total-fare-wrapper-body .fare-details-passengerList .mat-expansion-indicator{margin-left:.5rem;margin-right:0}[dir=rtl] app-jss-fare-breakdown .total-fare-wrapper-body .fare-details-passengerList .mat-expansion-panel-header-description{margin-right:0}@media only screen and (max-width: 635.5px){[dir=rtl] app-jss-fare-breakdown .total-fare-wrapper-body .mat-expansion-panel .mat-expansion-panel-content .mat-expansion-panel-body{padding:0}[dir=rtl] app-jss-fare-breakdown .total-fare-wrapper-body .fare-details-subtotal .currency{padding-left:.125rem}}[dir=rtl] app-jss-seat-selector .flightSeats .passengerListDiv .details .passenger-details .passenger-name .number{margin-left:.5rem;margin-right:0}[dir=rtl] app-jss-ancillary-landing .skip-to-continue .material-icons-outlined,[dir=rtl] app-jss-checkin-ancillary-landing .skip-to-continue .material-icons-outlined{rotate:180deg}[dir=rtl] app-jss-ancillary-landing .internal-page .internal-footer .footer-fare-section .footer-btn button.button--big .material-icons-outlined,[dir=rtl] app-jss-checkin-ancillary-landing .internal-page .internal-footer .footer-fare-section .footer-btn button.button--big .material-icons-outlined{rotate:180deg!important}[dir=rtl] app-jss-flight-amenities body .mat-dialog-container .close_icon{margin-left:0}[dir=rtl] app-jss-stepper .pregress-stepper-wrapper .step{margin-left:.5rem;margin-right:0}[dir=rtl] app-jss-popup-layout .popup-main{direction:rtl}[dir=rtl] app-jss-popup-layout .popup-main .flight-details-expanded .flight-details-expanded-text{text-align:left}[dir=rtl] app-jss-popup-layout .popup-main .flight-details-expanded .flight-details-expanded-text.rtl-align{text-align:right}[dir=rtl] app-jss-flight-list .nextSectionButton button .material-icons-outlined{rotate:180deg}[dir=rtl] app-jss-travel-notice .travel-notice .link .material-icons-outlined{rotate:180deg}[dir=rtl] app-jss-persistent-summary-exp .persistent-dialog-desk .custom-overlay-close,[dir=rtl] .persistent-dialog-mobile .custom-overlay-close{left:.1rem!important;right:auto!important}[dir=rtl] app-jss-contactdetails .contact-details__form-continue .material-icons-outlined{rotate:180deg}[dir=rtl] .custom-overlay-close{left:.625rem!important;right:auto!important}[dir=rtl] .persistentsummarypopup .journey-container .journey-fare{margin-right:1rem;margin-left:0!important}@media only screen and (max-width: 1079px){[dir=rtl] .persistentsummarypopup .journey-container .journey-fare{margin-left:0!important;margin-right:0!important}}[dir=rtl] app-jss-passenger-join-alfursan .alfursan-tile .material-symbols-outlined{rotate:180deg}[dir=rtl] mat-calendar-header .mat-calendar-previous-button{rotate:180deg;right:auto!important}[dir=rtl] mat-calendar-header .mat-calendar-next-button{rotate:180deg}[dir=rtl] .mat-datepicker-content .hijri-datepicker-container .mat-calendar-header .mat-calendar-controls .mat-calendar-previous-button{right:0!important;left:auto!important;transform:rotate(360deg)}[dir=rtl] .mat-datepicker-content .hijri-datepicker-container .mat-calendar-header .mat-calendar-controls .mat-calendar-next-button{left:0!important;right:auto!important;transform:rotate(360deg)}@media only screen and (max-width: 1079px){[dir=rtl] app-jss-edit-passenger .edit-passenger .passenger-details .mat-expansion-panel-body>div .passenger-details-form .subtitle-close .subTitle{padding-right:1.5rem}}[dir=rtl] app-jss-passenger-details .passenger-title-input{margin-left:1rem;margin-right:0!important}@media only screen and (max-width: 1079px){[dir=rtl] app-jss-passenger-details .passenger-title-input{margin-left:0!important;margin-right:0!important}}[dir=rtl] app-jss-passenger-details .dateOfBirth,[dir=rtl] app-jss-passenger-details .passportNumber{margin-left:.5rem!important;margin-right:0!important}@media only screen and (max-width: 1079px){[dir=rtl] app-jss-passenger-details .dateOfBirth,[dir=rtl] app-jss-passenger-details .passportNumber{margin-left:0!important;margin-right:0!important}}[dir=rtl] app-jss-passenger-details .twoColLayout .col{margin-left:.5rem!important;margin-right:0!important}@media only screen and (max-width: 1079px){[dir=rtl] app-jss-passenger-details .twoColLayout .col{margin-left:0!important;margin-right:0!important}}[dir=rtl] app-jss-passenger-details .twoColLayout .col:last-child{margin-left:0!important;margin-right:.5rem!important}@media only screen and (max-width: 1079px){[dir=rtl] app-jss-passenger-details .twoColLayout .col:last-child{margin-left:0!important;margin-right:0!important}}[dir=rtl] app-jss-passenger-details .passenger-basic-info .passenger-basic-info-wrapper .passenger-basic-info-content .passenger-basic-info-content-details .nationality span{display:inline-block}[dir=rtl] app-jss-passenger-details .passenger-basic-info .passenger-basic-info-wrapper .passenger-basic-info-content .passenger-basic-info-content-details .passenger-basic-info-content-docNum{direction:ltr}[dir=rtl] app-jss-contactdetails .twoColLayout .col{margin-left:.5rem!important;margin-right:0!important}@media only screen and (max-width: 1079px){[dir=rtl] app-jss-contactdetails .twoColLayout .col{margin-left:0!important;margin-right:0!important}}[dir=rtl] app-jss-contactdetails .twoColLayout .col:last-child{margin-left:0!important;margin-right:.5rem!important}@media only screen and (max-width: 1079px){[dir=rtl] app-jss-contactdetails .twoColLayout .col:last-child{margin-left:0!important;margin-right:0!important}}[dir=rtl] app-jss-flexible-date-selector .flexi-date-selector-grid-heading .lowest-price-section-icon,[dir=rtl] app-jss-flexible-date-selector .flexi-date-selector-grid-heading .promo-code-section-icon{margin-left:.5rem;margin-right:0}[dir=rtl] app-jss-total-fare-details mat-checkbox .mat-checkbox-inner-container,[dir=rtl] app-jss-refund-fare-details mat-checkbox .mat-checkbox-inner-container{margin:.25rem 0 auto .6875rem!important}[dir=rtl] app-jss-total-fare-details .fare-breakdown .material-symbols-outlined,[dir=rtl] app-jss-refund-fare-details .fare-breakdown .material-symbols-outlined{rotate:180deg}[dir=rtl] app-jss-seat-selector .seatSelection{height:70vh}[dir=rtl] app-jss-seat-selector .mobile-passenger .passenger-details .passenger-name .number{margin-left:.75rem;margin-right:0!important}[dir=rtl] app-jss-seat-selector .internal-body-content{padding-bottom:6rem}@media only screen and (max-width:375px){[dir=rtl] app-jss-stepper .pregress-stepper-wrapper .step.active .title{width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}[dir=rtl] app-jss-seat-selector .internal-footer,[dir=rtl] app-jss-ancillary-extra-baggage .internal-footer{position:fixed;bottom:0;left:0;width:100%;right:0;z-index:9;background:var(--light);padding:.75rem 0;box-shadow:0 1rem 4rem var(--separator),0 -1px 0 var(--separator)}[dir=rtl] app-jss-seat-selector .footer-fare-section,[dir=rtl] app-jss-ancillary-extra-baggage .footer-fare-section{display:flex;justify-content:space-between}[dir=rtl] app-jss-ancillary-landing .ancillary-list .ancillary-tile .ancillary-content{width:48%!important}@media only screen and (max-width: 1079px){[dir=rtl] app-jss-ancillary-landing .ancillary-list .ancillary-tile .ancillary-content{width:100%!important}}@media only screen and (max-width: 1079px){[dir=rtl] app-jss-ancillary-landing .ancillary-list .ancillary-tile.ancillaries_selected .ancillary-content{margin:0 .75rem 0 0}}[dir=rtl] app-jss-pay-by-card .pay-by-cards-expiry-month{margin-left:1rem;margin-right:0!important}[dir=rtl] app-jss-seat-selector .footer-btn,[dir=rtl] app-jss-ancillary-extra-baggage .footer-btn{display:flex;justify-content:flex-end;width:50%;margin:0}@media only screen and (max-width: 1079px){[dir=rtl] app-jss-seat-selector .footer-btn,[dir=rtl] app-jss-ancillary-extra-baggage .footer-btn{width:auto}}[dir=rtl] app-jss-seat-selector .footer-btn button,[dir=rtl] app-jss-ancillary-extra-baggage .footer-btn button{display:flex;justify-content:center}[dir=rtl] app-jss-seat-selector .footer-btn button.button--big,[dir=rtl] app-jss-ancillary-extra-baggage .footer-btn button.button--big{padding:1rem 1.25rem;font-family:var(--baseFontSaudia);font-size:1.125rem;font-weight:500;line-height:1.5rem;border-radius:.25rem;white-space:nowrap}@media only screen and (max-width: 1079px){[dir=rtl] app-jss-seat-selector .footer-btn button.button--big,[dir=rtl] app-jss-ancillary-extra-baggage .footer-btn button.button--big{padding:.5rem .75rem;border-radius:.25rem}}[dir=rtl] app-jss-seat-selector .footer-btn button.button--big:disabled,[dir=rtl] app-jss-ancillary-extra-baggage .footer-btn button.button--big:disabled{border-color:transparent!important}[dir=rtl] app-jss-seat-selector .footer-btn button.button--big .spinner,[dir=rtl] app-jss-ancillary-extra-baggage .footer-btn button.button--big .spinner{margin-right:2.2rem}[dir=rtl] app-jss-seat-selector .footer-btn button.button--big .spinner:before,[dir=rtl] app-jss-ancillary-extra-baggage .footer-btn button.button--big .spinner:before{left:1rem}[dir=rtl] app-jss-seat-selector .footer-fare,[dir=rtl] app-jss-ancillary-extra-baggage .footer-fare{display:flex;flex-direction:column}[dir=rtl] app-jss-seat-selector .fare,[dir=rtl] app-jss-ancillary-extra-baggage .fare{display:flex;gap:.75rem}@media only screen and (max-width: 1079px){[dir=rtl] app-jss-seat-selector .fare,[dir=rtl] app-jss-ancillary-extra-baggage .fare{flex-direction:column;gap:0}}[dir=rtl] app-jss-seat-selector .fare span:nth-child(1),[dir=rtl] app-jss-ancillary-extra-baggage .fare span:nth-child(1){color:var(--primaryText);font-family:var(--baseFontSaudia);font-size:1.125rem;font-weight:400;line-height:1.5rem;align-self:center}@media only screen and (max-width: 1079px){[dir=rtl] app-jss-seat-selector .fare span:nth-child(1),[dir=rtl] app-jss-ancillary-extra-baggage .fare span:nth-child(1){align-self:flex-start;font-family:var(--baseFontSaudia);font-size:14px;letter-spacing:.02em;line-height:1.25rem}}[dir=rtl] app-jss-seat-selector .fare span:nth-child(2),[dir=rtl] app-jss-ancillary-extra-baggage .fare span:nth-child(2){color:var(--dark);font-family:var(--baseFontSaudia);font-size:1.5rem;font-weight:500;letter-spacing:-.01em;line-height:2rem}@media only screen and (max-width: 1079px){[dir=rtl] app-jss-seat-selector .fare span:nth-child(2),[dir=rtl] app-jss-ancillary-extra-baggage .fare span:nth-child(2){font-family:var(--baseFontSaudia);font-size:14px;letter-spacing:.02em;line-height:1.25rem}}[dir=rtl] app-jss-seat-selector .terms-condition,[dir=rtl] app-jss-ancillary-extra-baggage .terms-condition{color:var(--primaryText);font-family:var(--baseFontSaudia);font-size:14px;font-weight:400;letter-spacing:.02em;line-height:1.25rem}[dir=rtl] app-jss-seat-selector a,[dir=rtl] app-jss-ancillary-extra-baggage a{color:var(--navLinkHover);text-decoration:underline}[dir=rtl] app-jss-seat-selector .footer-btn .internal-footer-btn .mat-button-wrapper,[dir=rtl] app-jss-ancillary-extra-baggage .footer-btn .internal-footer-btn .mat-button-wrapper{display:flex;align-items:center;column-gap:7px}[dir=rtl] app-jss-special-assistance .special-assitance-form-categories{direction:rtl}[dir=rtl] app-jss-special-assistance .special-assitance-form-categories .assistive-devices-list .assist-checkbox .mat-checkbox-inner-container{margin-right:0!important;margin-left:.85rem!important}[dir=rtl] app-jss-special-assistance .special-assitance-form-categories-category-icon{left:1rem;right:auto!important}[dir=rtl] .cdk-overlay-container .cdk-overlay-pane .mat-autocomplete-panel .mat-option-text .img-wrapper .nation-option-img{margin-left:0;height:1.5rem;width:1.5rem;margin-right:0}[dir=rtl] app-jss-mixed-cabin .mixedCabinPopup .close-button{float:left!important}[dir=rtl] app-jss-mixed-cabin .mixedCabinPopup .flightInfo{margin-right:3rem}[dir=rtl] app-jss-mixed-cabin .mixedCabinPopup .flight-details-expanded-text{width:92%;padding-right:3rem}@media only screen and (max-width: 635.5px){[dir=rtl] app-jss-mixed-cabin .mixedCabinPopup .flight-details-expanded-text{width:100%}}[dir=rtl] app-jss-mixed-cabin .mixedCabinPopup .flight-details-expanded-text-noImgalign{margin-right:3rem}[dir=rtl] app-jss-mixed-cabin .mixedCabinPopup .custom-dot{padding:0 .35rem}[dir=rtl] app-jss-mixed-cabin .mixedCabinPopup .flight-details-expanded-marketing-name{padding-top:.5rem;position:relative}[dir=rtl] app-jss-mixed-cabin .mixedCabinPopup .flight-details-expanded-marketing-name strong{margin-left:.65rem;margin-right:0;display:inline-block}[dir=rtl] app-jss-mixed-cabin .mixedCabinPopup .flight-details-duration-mixedcabin-stroke{left:unset;right:1.125rem}[dir=rtl] app-jss-mixed-cabin .mixedCabinPopup .flightDetails-item:before{left:unset;right:1rem}[dir=rtl] app-jss-mixed-cabin .mixedCabinPopup .arrow-forward{transform:rotate(180deg)}[dir=rtl] app-jss-mixed-cabin .mixedCabinPopup .saudia-icon{margin-top:4px;margin-bottom:-.25rem;margin-left:0}[dir=rtl] app-jss-mixed-cabin .mixedCabinPopup .flight-class{width:max-content;display:inline-block}@media only screen and (max-width: 635.5px){[dir=rtl] app-jss-mixed-cabin .mixedCabinPopup .flight-class{margin-left:0!important;margin-right:3rem;margin-top:.5rem;position:relative}}@media only screen and (min-width: 1080px){[dir=rtl] app-jss-persistent-flight-summary .persistant_summary_container .fare_summary,[dir=rtl] app-jss-flight-summary .persistant_summary_container .fare_summary{width:33%;display:flex;justify-content:flex-end!important}}@media only screen and (max-width: 1079px){[dir=rtl] app-jss-flight-summary .persistant_summary_container .fare_summary button{margin-left:0!important;margin-right:auto}}@media only screen and (max-width: 1079px){[dir=rtl] app-jss-persistent-flight-summary .persistant_summary_container .fare_summary .margin_left_auto{margin-left:0;margin-right:auto}}[dir=rtl] app-jss-journey-data .flight-details-duration-badges{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center}[dir=rtl] app-jss-journey-data .flight-details-duration-lowest,[dir=rtl] app-jss-journey-data .flight-details-duration-visit-saudia{margin-left:.5rem;margin-right:auto}[dir=rtl] app-jss-journey-data .flight-details-duration-lowest{margin-right:0!important;margin-left:0}[dir=rtl] app-jss-flight-cabin-selection .cabin-card:last-child .flight_cabins-expanded:after{background-image:url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0H1C1 7.99683 6.00034 12.9964 13.9915 13C13.9943 13 13.9972 13 14 13L14 14L1 14H0V0Z' fill='%23384E60'/%3E%3C/svg%3E%0A")!important}[dir=rtl] app-jss-flight-cabin-selection .cabin-card:last-child .flight_cabins-expanded:before{background-image:none!important}@media only screen and (max-width: 1079px){[dir=rtl] app-jss-flight-cabin-selection .cabin-card:first-child .flight_cabins-expanded:after{background-image:none!important}[dir=rtl] app-jss-flight-cabin-selection .cabin-card:first-child .flight_cabins-expanded:before{background-image:url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14 0H13C13 7.99683 7.99966 12.9964 0.00854969 13C0.00569916 13 0.00284863 13 -1.90735e-06 13L0 14L13 14H14V0Z' fill='%23211C68'/%3E%3C/svg%3E%0A")!important}}[dir=rtl] .flightspage .mat-select-panel .mat-option-text{border-radius:.25rem}@media only screen and (max-width: 635.5px){[dir=rtl] .flightspage .mat-select-panel .mat-option-text{max-width:10rem}}[dir=rtl] .passengerpage app-jss-saudia-logo:first-child .logo,[dir=rtl] .flightspage app-jss-saudia-logo:first-child .logo,[dir=rtl] .ancillarypage app-jss-saudia-logo:first-child .logo,[dir=rtl] .paymentpage app-jss-saudia-logo:first-child .logo,[dir=rtl] .baggage-tracker-bag-status app-jss-saudia-logo:first-child .logo,[dir=rtl] .liveStreamPage app-jss-saudia-logo:first-child .logo,[dir=rtl] .alternate-flight-selection app-jss-saudia-logo:first-child .logo,[dir=rtl] .review-flight-page app-jss-saudia-logo:first-child .logo,[dir=rtl] .seatspage app-jss-saudia-logo:first-child .logo,[dir=rtl] .evisa-passangerdetails-page app-jss-saudia-logo:first-child .logo,[dir=rtl] .evisapassanger-formpage app-jss-saudia-logo:first-child .logo,[dir=rtl] .regulatory-pagee app-jss-saudia-logo:first-child .logo,[dir=rtl] .boardingPasses-page app-jss-saudia-logo:first-child .logo,[dir=rtl] .qr-code-body app-jss-saudia-logo:first-child .logo,[dir=rtl] .cancelrefund-passenger app-jss-saudia-logo:first-child .logo,[dir=rtl] .cancelrefund-review app-jss-saudia-logo:first-child .logo,[dir=rtl] .evisareviewpage app-jss-saudia-logo:first-child .logo,[dir=rtl] .newDesignCancelReview app-jss-saudia-logo:first-child .logo,[dir=rtl] .donate-miles-cmp app-jss-saudia-logo:first-child .logo,[dir=rtl] .addFamilyMember app-jss-saudia-logo:first-child .logo,[dir=rtl] .register app-jss-saudia-logo:first-child .logo,[dir=rtl] .upgradeFamilyPage app-jss-saudia-logo:first-child .logo{border-right:none;margin-right:0;padding-right:0;margin-left:.75rem}@media only screen and (max-width: 1079px){[dir=rtl] .passengerpage app-jss-saudia-logo:first-child .logo,[dir=rtl] .flightspage app-jss-saudia-logo:first-child .logo,[dir=rtl] .ancillarypage app-jss-saudia-logo:first-child .logo,[dir=rtl] .paymentpage app-jss-saudia-logo:first-child .logo,[dir=rtl] .baggage-tracker-bag-status app-jss-saudia-logo:first-child .logo,[dir=rtl] .liveStreamPage app-jss-saudia-logo:first-child .logo,[dir=rtl] .alternate-flight-selection app-jss-saudia-logo:first-child .logo,[dir=rtl] .review-flight-page app-jss-saudia-logo:first-child .logo,[dir=rtl] .seatspage app-jss-saudia-logo:first-child .logo,[dir=rtl] .evisa-passangerdetails-page app-jss-saudia-logo:first-child .logo,[dir=rtl] .evisapassanger-formpage app-jss-saudia-logo:first-child .logo,[dir=rtl] .regulatory-pagee app-jss-saudia-logo:first-child .logo,[dir=rtl] .boardingPasses-page app-jss-saudia-logo:first-child .logo,[dir=rtl] .qr-code-body app-jss-saudia-logo:first-child .logo,[dir=rtl] .cancelrefund-passenger app-jss-saudia-logo:first-child .logo,[dir=rtl] .cancelrefund-review app-jss-saudia-logo:first-child .logo,[dir=rtl] .evisareviewpage app-jss-saudia-logo:first-child .logo,[dir=rtl] .newDesignCancelReview app-jss-saudia-logo:first-child .logo,[dir=rtl] .donate-miles-cmp app-jss-saudia-logo:first-child .logo,[dir=rtl] .addFamilyMember app-jss-saudia-logo:first-child .logo,[dir=rtl] .register app-jss-saudia-logo:first-child .logo,[dir=rtl] .upgradeFamilyPage app-jss-saudia-logo:first-child .logo{border-left:none;margin-left:0rem}}@media only screen and (min-width: 636px) and (max-width: 1079px){[dir=rtl] .passengerpage app-jss-saudia-logo:first-child .logo,[dir=rtl] .flightspage app-jss-saudia-logo:first-child .logo,[dir=rtl] .ancillarypage app-jss-saudia-logo:first-child .logo,[dir=rtl] .paymentpage app-jss-saudia-logo:first-child .logo,[dir=rtl] .baggage-tracker-bag-status app-jss-saudia-logo:first-child .logo,[dir=rtl] .liveStreamPage app-jss-saudia-logo:first-child .logo,[dir=rtl] .alternate-flight-selection app-jss-saudia-logo:first-child .logo,[dir=rtl] .review-flight-page app-jss-saudia-logo:first-child .logo,[dir=rtl] .seatspage app-jss-saudia-logo:first-child .logo,[dir=rtl] .evisa-passangerdetails-page app-jss-saudia-logo:first-child .logo,[dir=rtl] .evisapassanger-formpage app-jss-saudia-logo:first-child .logo,[dir=rtl] .regulatory-pagee app-jss-saudia-logo:first-child .logo,[dir=rtl] .boardingPasses-page app-jss-saudia-logo:first-child .logo,[dir=rtl] .qr-code-body app-jss-saudia-logo:first-child .logo,[dir=rtl] .cancelrefund-passenger app-jss-saudia-logo:first-child .logo,[dir=rtl] .cancelrefund-review app-jss-saudia-logo:first-child .logo,[dir=rtl] .evisareviewpage app-jss-saudia-logo:first-child .logo,[dir=rtl] .newDesignCancelReview app-jss-saudia-logo:first-child .logo,[dir=rtl] .donate-miles-cmp app-jss-saudia-logo:first-child .logo,[dir=rtl] .addFamilyMember app-jss-saudia-logo:first-child .logo,[dir=rtl] .register app-jss-saudia-logo:first-child .logo,[dir=rtl] .upgradeFamilyPage app-jss-saudia-logo:first-child .logo{padding-right:.75rem}}[dir=rtl] .cdk-overlay-container .cdk-overlay-pane .flight-search-filter-dropdown .mat-option.mat-selected:not(.mat-option-disabled):before,[dir=rtl] .cdk-overlay-container .cdk-overlay-pane .sort-flight-dropdown .mat-option.mat-selected:not(.mat-option-disabled):before{left:0;right:auto}[dir=rtl] .login_profile_expansion_panel .loginprofile__wrapper{left:9%;right:auto}[dir=rtl] .mat-slide-toggle.mat-checked .mat-slide-toggle-bar .mat-slide-toggle-thumb{right:.4em}[dir=rtl] .ancillarypage .internal-page.extra-baggage{margin-bottom:5rem}@media only screen and (max-width: 1079px){[dir=rtl] .ancillarypage .internal-page.extra-baggage{margin-bottom:0rem}}[dir=rtl] app-jss-total-fare-details .extra-quant,[dir=rtl] app-jss-refund-fare-details .extra-quant{padding-right:0!important;margin-left:.5rem}[dir=rtl] .extra-baggage .baggage-tab .extraBaggage-list .extraBaggage-tile-container .extraBaggage-tile .logo-container{width:50%}@media only screen and (max-width: 1079px){[dir=rtl] .extra-baggage .baggage-tab .extraBaggage-list .extraBaggage-tile-container .extraBaggage-tile .logo-container{width:auto}}[dir=rtl] .extra-baggage .baggage-tab .extraBaggage-list .extraBaggage-tile-container .extraBaggage-tile .currency{margin-left:0!important}[dir=rtl] body.booking-confirmation-page .passengers-summary .passengers-summary-detail .summary-card .passenger-info.conform-passenger-info .passenger-name button{left:0!important;right:auto!important}[dir=rtl] .checkin__flight__body .btn-row button.spinner{padding-right:3rem}[dir=rtl] .checkin__passengers__details p span:last-of-type{padding-right:.5rem}[dir=rtl] .custom-dialog.frequent-flyer-popup .dialog-header .close_icon{position:relative!important;right:auto!important}[dir=rtl] .pre-checkin-popup .imagelinklist-icon ul .imagelinklist__content h3{text-align:right}[dir=rtl] body .pre-checkin-popup .popup-content{padding-left:0;padding-right:1.5rem;padding-bottom:3rem}@media only screen and (max-width: 1079px){[dir=rtl] body .pre-checkin-popup .popup-content{padding:1.25rem}}[dir=rtl] .manage__booking .manage-booking__buttons .manage-booking__btns button .spinner:before{right:1.5rem!important;left:auto!important}[dir=rtl] .manage-booking__options .manage-booking__optionbox .manage-booking__text .manage-booking__description{justify-content:flex-end!important}@media only screen and (max-width: 635.5px){[dir=rtl] .md-drppicker .calendar table thead tr.week-days th{font-size:.688rem}}@media only screen and (max-width: 1079px){[dir=rtl] .manage-change-flight .description .manage-flight-description .desc-list{padding-left:0!important;padding-right:1.5rem!important}[dir=rtl] .manage-change-flight .mat-dialog-actions.btn-action div.orderSec{margin-left:0!important}}[dir=rtl] app-jss-flight-amenities .custom-overlay-close{left:0!important}[dir=rtl] .paymentpage .pay-by-cards-security .custom-form-item.second-type .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-suffix .mat-icon span{transform:scale(1)}[dir=rtl] app-jss-fare-comparison .total-fare-wrapper-fixed .total-fare-wrapper-accordian{padding:0}[dir=rtl] app-jss-fare-comparison .total-fare-wrapper-fixed .total-fare-wrapper-subtitle div:last-child span,[dir=rtl] app-jss-fare-comparison .total-fare-wrapper-fixed .total-fare-wrapper-subtitle div:last-child p{text-align:left!important}[dir=rtl] .booking-confirmation-page app-jss-unpaid-addons-mmb .unpaid-addons-popup .price-detail .price-detail-right{margin-left:0!important;margin-right:auto!important;text-align:left!important}[dir=rtl] .booking-confirmation-page app-jss-unpaid-addons-mmb .unpaid-addons-popup .price-detail .price-detail-right .total-label{padding-right:0!important;padding-left:.5rem!important}[dir=rtl] app-jss-booking-trip .onewaybooking-row .submit-btn{margin-left:0!important;margin-right:auto}[dir=rtl] app-baggage-tracker-form .onewaybooking-row .submit-btn{margin-left:0!important}[dir=rtl] .review-flight-page .flight-details-expanded .flight-details-expanded-text.rtl-align{text-align:right!important}[dir=rtl] .booking-confirmation-page .passengers-summary-detail .summary-card .conform-passenger-info .e-ticket-details .edit-link{margin-left:0;margin-right:.5rem!important}[dir=rtl] .cdk-overlay-container .cdk-overlay-pane .passenger-title-dropdown{transform:translate(-2rem)!important}@media only screen and (max-width: 635.5px){[dir=rtl] .cdk-overlay-container .cdk-overlay-pane .passenger-title-dropdown{transform:translate(-3.375rem)!important}}[dir=rtl] .transit-visa-page .homepage_combobox__optionpanel .custom-combobox__alldestinationbox .custom-combobox__operated{margin-left:auto!important;margin-right:0}[dir=rtl] .homepage_combobox__optionpanel .custom-combobox__options .custom-combobox__optionbox{flex-direction:row-reverse}[dir=rtl] .homepage_combobox__optionpanel .custom-combobox__options .custom-combobox__optionbox .custom-combobox__text{direction:rtl}[dir=rtl] .homepage_combobox__optionpanel .custom-combobox__options .custom-combobox__optionbox .custom-combobox__text .custom-combobox__description.description_location{flex-direction:row}[dir=rtl] .homepage_combobox__optionpanel .custom-combobox__options .custom-combobox__optionbox .custom-combobox__description.description_location,[dir=rtl] .homepage_combobox__optionpanel .custom-combobox__options .custom-combobox__card{flex-direction:row-reverse}[dir=rtl] .homepage_combobox__optionpanel .custom-combobox__alldestinationbox{flex-direction:row-reverse;justify-content:space-between}[dir=rtl] .homepage_combobox__optionpanel .custom-combobox__alldestinationbox .custom-combobox__operated{margin-left:1rem!important;margin-right:1rem;flex-direction:row-reverse}[dir=rtl] .homepage_combobox__optionpanel .custom-combobox__alldestinationbox .custom-combobox__operated .direct-image{margin-left:.5rem;margin-right:.5rem}[dir=rtl] .passengerpage .meal-preference{right:0}@media only screen and (max-width: 635.5px){[dir=rtl] .passengerpage .cdk-overlay-container .cdk-overlay-pane .passenger-title-dropdown{transform:none!important}}[dir=rtl] app-jss-boarding-pass-unavailable .unpaid-popup .dialog-header .close_icon{top:1rem!important}[dir=rtl] .flightspage .content-right-show button .edit-icon{margin-left:.25rem;margin-right:0!important}[dir=rtl] .donate-miles-cmp .main{padding-bottom:10rem}@media only screen and (max-width: 1079px){[dir=rtl] .donate-miles-cmp .main{padding-bottom:0}}[dir=rtl] .flight-left-info .place-detail .material-icons-outlined{rotate:180deg!important}[dir=rtl] .ancillarypage #payment-form-containter mat-card mat-card-content .ama-checkout-cc-container .mat-form-field,[dir=rtl] .transferMilesPage #payment-form-containter mat-card mat-card-content .ama-checkout-cc-container .mat-form-field,[dir=rtl] .purchaseMilesPage #payment-form-containter mat-card mat-card-content .ama-checkout-cc-container .mat-form-field{margin-right:0;margin-left:1rem}@media only screen and (max-width: 1079px){[dir=rtl] .ancillarypage #payment-form-containter mat-card mat-card-content .ama-checkout-cc-container .mat-form-field,[dir=rtl] .transferMilesPage #payment-form-containter mat-card mat-card-content .ama-checkout-cc-container .mat-form-field,[dir=rtl] .purchaseMilesPage #payment-form-containter mat-card mat-card-content .ama-checkout-cc-container .mat-form-field{margin-right:0;margin-left:0}}[dir=rtl] .ancillarypage #payment-form-containter mat-card mat-card-content .ama-checkout-cc-container .mat-form-field .ama-checkout-vendor-icon,[dir=rtl] .transferMilesPage #payment-form-containter mat-card mat-card-content .ama-checkout-cc-container .mat-form-field .ama-checkout-vendor-icon,[dir=rtl] .purchaseMilesPage #payment-form-containter mat-card mat-card-content .ama-checkout-cc-container .mat-form-field .ama-checkout-vendor-icon{margin-left:1rem!important;margin-right:0!important}@media only screen and (max-width: 1079px){[dir=rtl] .ancillarypage #payment-form-containter mat-card mat-card-content .ama-checkout-cc-container .ama-checkout-exp-field,[dir=rtl] .transferMilesPage #payment-form-containter mat-card mat-card-content .ama-checkout-cc-container .ama-checkout-exp-field,[dir=rtl] .purchaseMilesPage #payment-form-containter mat-card mat-card-content .ama-checkout-cc-container .ama-checkout-exp-field{margin-right:0;margin-left:1rem}}@media only screen and (min-width: 1080px) and (max-width: 1199px){[dir=rtl] .ancillarypage #payment-form-containter mat-card mat-card-content .ama-checkout-cc-container .ama-checkout-exp-field,[dir=rtl] .transferMilesPage #payment-form-containter mat-card mat-card-content .ama-checkout-cc-container .ama-checkout-exp-field,[dir=rtl] .purchaseMilesPage #payment-form-containter mat-card mat-card-content .ama-checkout-cc-container .ama-checkout-exp-field{margin-left:1rem!important;margin-right:0}}[dir=rtl] .ancillarypage #payment-form-containter mat-card mat-card-content .ama-checkout-cc-container .ama-checkout-cvv-field,[dir=rtl] .transferMilesPage #payment-form-containter mat-card mat-card-content .ama-checkout-cc-container .ama-checkout-cvv-field,[dir=rtl] .purchaseMilesPage #payment-form-containter mat-card mat-card-content .ama-checkout-cc-container .ama-checkout-cvv-field{margin-left:0}@media only screen and (max-width: 1079px){[dir=rtl] .ancillarypage #payment-form-containter mat-card mat-card-content .ama-checkout-cc-container .ama-checkout-cvv-field,[dir=rtl] .transferMilesPage #payment-form-containter mat-card mat-card-content .ama-checkout-cc-container .ama-checkout-cvv-field,[dir=rtl] .purchaseMilesPage #payment-form-containter mat-card mat-card-content .ama-checkout-cc-container .ama-checkout-cvv-field{margin-right:0;margin-left:0}}[dir=rtl] #payment-form-containter mat-card mat-card-content .ama-checkout-cc-container .ama-checkout-ccn-field.mat-form-field-should-float .mat-form-field-flex iframe{padding:0 1rem;margin-left:70%;width:8.5rem;margin-right:0}[dir=rtl] .ancillarypage #payment-form-containter mat-card mat-card-content .ama-checkout-cc-container iframe,[dir=rtl] .transferMilesPage #payment-form-containter mat-card mat-card-content .ama-checkout-cc-container iframe,[dir=rtl] .purchaseMilesPage #payment-form-containter mat-card mat-card-content .ama-checkout-cc-container iframe{padding:0 1rem;margin-left:70%;width:2rem;padding-right:0}[dir=rtl] .checking-flight-detail-box .flight-info-box .inner-details .flight-line .line .plane,[dir=rtl] .bb-pass-more-details .flight-info-box .inner-details .flight-line .line .plane,[dir=rtl] .checking-flight-detail-box.detail-show .flight-info-box .inner-details .flight-line .line .plane,[dir=rtl] .bb-pass-more-details.detail-show .flight-info-box .inner-details .flight-line .line .plane{transform:rotate(270deg)!important}[dir=rtl] body.ewallet-transactions .transactions .transaction-left{padding-right:0!important;padding-left:7.938rem!important}[dir=rtl] body.ewallet-transactions .transactions .txn-grid th.mat-header-cell,[dir=rtl] body.ewallet-transactions .transactions .txn-grid td.mat-cell{text-align:right!important}[dir=rtl] body.ewallet-transactions .transactions .txn-grid th.mat-header-cell:nth-child(3n),[dir=rtl] body.ewallet-transactions .transactions .txn-grid td.mat-cell:nth-child(3n){text-align:left!important}[dir=rtl] body.ewallet-transactions .transactions .txn-grid th.mat-header-cell:nth-child(3n-1),[dir=rtl] body.ewallet-transactions .transactions .txn-grid td.mat-cell:nth-child(3n-1){text-align:center!important}[dir=rtl] body.ewallet-transactions .transactions .transaction-right .search_box .search-form-field{margin-right:0!important}[dir=rtl] body.ewallet-transactions .error-msg{padding-right:1rem!important;padding-left:0!important}[dir=rtl] body.body-transition .main .title-text.sticky h2{line-height:5rem}@media only screen and (max-width: 1079px){[dir=rtl] body.body-transition .main .title-text.sticky h2{line-height:3.5rem}}@media only screen and (max-width: 1079px) and (max-width: 635.5px){[dir=rtl] .pre-checkin-popup .tooltip-content{right:auto!important;left:-.7rem!important}}@media only screen and (max-width: 1079px){[dir=rtl] .mobile-main-menu .mobile-menu-header sc-placeholder app-jss-saudia-logo:first-child{max-width:1.813rem}[dir=rtl] .mobile-main-menu .mobile-menu-header sc-placeholder app-jss-saudia-logo:first-child .logo a{width:1.813rem}[dir=rtl] .mobile-main-menu .mobile-menu-header sc-placeholder app-jss-saudia-logo:nth-child(2){max-width:8.25rem}[dir=rtl] .mobile-main-menu .mobile-menu-header sc-placeholder app-jss-saudia-logo:nth-child(2) .logo a{width:8.25rem}}[dir=rtl] .flightdDetailsOverlay .bb-pass-more-details .details-section .flightland-icon{transform:scaleX(-1) rotate(-360deg)}[dir=rtl] app-jss-checkin-detail .checkin-overview-toast-message .toast-container .toast-wrapper .toast-icon .mat-icon .done-icon{transform:rotate(360deg)!important}[dir=rtl] .speciaAss-tooltip{margin-left:0;margin-right:-1.5rem}[dir=rtl] .speciaAss-tooltip ul{padding-right:1rem!important;padding-left:0!important}@media only screen and (max-width: 635.5px){[dir=rtl] .speciaAss-tooltip{right:0rem!important;left:auto!important}}[dir=rtl] .md-drppicker .calendar.left{float:right!important}[dir=rtl] .multicity-ancillaries-matTab .mat-tab-header .mat-tab-labels .mat-tab-label{border-bottom:unset}[dir=rtl] .multicity-ancillaries-matTab .mat-tab-header .mat-tab-labels .mat-tab-label.mat-tab-label-active .mat-button:after{height:3px;width:100%!important;position:absolute;background-color:var(--expandedBackgroundColor);bottom:-.75rem;right:0;content:""}[dir=rtl] .multicity-ancillaries-matTab .mat-tab-header .mat-tab-labels .mat-tab-label.mat-tab-label-active .mat-button.show-separator:after{width:calc(100% - 1.5rem)!important}[dir=rtl] .multicity-ancillaries-matTab .mat-tab-header .mat-tab-labels .mat-tab-label .mat-button{background-color:transparent;padding-right:0!important}[dir=rtl] .multicity-ancillaries-matTab .mat-tab-header .mat-tab-labels .mat-tab-label .mat-button:before{height:100%;position:absolute;background-color:none;width:1px;left:0;right:unset;height:80%;bottom:.25rem;content:""}[dir=rtl] .multicity-ancillaries-matTab .mat-tab-header .mat-tab-labels .mat-tab-label .mat-button.show-separator{padding-left:1.5rem!important;padding-right:0}[dir=rtl] .multicity-ancillaries-matTab .mat-tab-header .mat-tab-labels .mat-tab-label .mat-button.show-separator:before{background-color:var(--separator)}[dir=rtl] .multicity-booking-wrapper .md-drppicker{left:0!important;right:auto!important}@media only screen and (max-width: 1079px){[dir=rtl] .multicity-booking-wrapper .md-drppicker{right:0!important;left:auto!important}}[dir=rtl] .multicity-booking-wrapper .md-drppicker.rtl{margin-right:0}[dir=rtl] .cancelrefund-review .contact-details .contact-details__form .container .contact-details__form-titleW .form-close div .close{float:left}[dir=rtl] .cancelrefund-review .contact-details .contact-details__form .container .iban-section .contact-details__form-info-email.sa_prefix_class .mat-form-field .mat-form-field-wrapper .mat-form-field-infix .mat-form-field-label{right:-1.25rem}[dir=rtl] .rebranding-page .sticky.title-text{width:65%}[dir=rtl] .rebranding-page .sticky.title-text h2{line-height:14rem}@media only screen and (max-width: 1079px){[dir=rtl] .rebranding-page .sticky.title-text{width:70%}[dir=rtl] .rebranding-page .sticky.title-text h2{font-size:4.25rem;line-height:6rem}}@media only screen and (max-width: 635.5px){[dir=rtl] .rebranding-page .sticky.title-text{width:90%}[dir=rtl] .rebranding-page .sticky.title-text h2{line-height:6rem}}[dir=rtl] .alternate-flight-selection .nextSectionButton-wrapper .button .spinner:before{right:11.25rem!important}@media only screen and (max-width: 635.5px){[dir=rtl] .alternate-flight-selection .nextSectionButton-wrapper .button .spinner:before{right:14rem!important}}[dir=rtl] .review-flight-page .confirmSectionButton .confirm-section-wrapper .button .spinner:before{right:3.25rem!important}@media only screen and (max-width: 635.5px){[dir=rtl] .review-flight-page .confirmSectionButton .confirm-section-wrapper .button .spinner:before{right:10.25rem!important}}@media only screen and (max-width: 635.5px){[dir=rtl] .cms-socialshare-dialog{margin-right:0!important}}[dir=rtl] .cms-socialshare-dialog .cms-socialshare-url .cms-socialshare-copybtn .mat-button-disabled{width:7.563rem}@media only screen and (max-width: 635.5px){[dir=rtl] .cms-socialshare-dialog .cms-socialshare-url .cms-socialshare-copybtn .mat-button-disabled{width:2.5rem;height:2.5rem}}[dir=rtl] .cms-socialshare-dialog .cms-socialshare-url .cms-socialshare-copybtn .mat-button-disabled .mat-button-wrapper{display:flex;gap:.5rem}