@font-face {
    font-family: Poppins;
    font-style: normal;
    font-weight: 400;
    src: url(/documents/554082/34038044/Poppins-Bold-eot.eot);
    src: url(/documents/554082/34038044/Poppins-Regular-eot.eot?#iefix) format("embedded-opentype"), url(/documents/554082/34038044/Poppins-Regular-woff2.woff2) format("woff2"), url(/documents/554082/34038044/Poppins-Regular-woff.woff) format("woff"), url(/documents/554082/34038044/Poppins-Regular-svg.svg#Poppins-Regular) format("svg")
}

@font-face {
    font-family: Poppins-Medium;
    font-style: normal;
    font-weight: 500;
    src: url(/documents/554082/34038044/Poppins-Medium-eot.eot);
    src: url(/documents/554082/34038044/Poppins-Medium-eot.eot?#iefix) format("embedded-opentype"), url(/documents/554082/34038044/Poppins-Medium-woff2.woff2) format("woff2"), url(/documents/554082/34038044/Poppins-Medium-woff.woff) format("woff"), url(/documents/554082/34038044/Poppins-Medium-svg.svg#Poppins-Medium) format("svg")
}

@font-face {
    font-family: Poppins-semibold;
    font-style: normal;
    font-weight: 600;
    src: url(/documents/554082/34038044/Poppins-SemiBold-eot.eot);
    src: url(/documents/554082/34038044/Poppins-SemiBold-eot.eot?#iefix) format("embedded-opentype"), url(/documents/554082/34038044/Poppins-SemiBold-woff2.woff2) format("woff2"), url(/documents/554082/34038044/Poppins-SemiBold-woff.woff) format("woff"), url(/documents/554082/34038044/Poppins-SemiBold-svg.svg#Poppins-SemiBold) format("svg")
}

@font-face {
    font-family: Poppins-Bold;
    font-style: normal;
    font-weight: 700;
    src: url(/documents/554082/34038044/Poppins-Bold-eot.eot);
    src: url(/documents/554082/34038044/Poppins-Bold-eot.eot?#iefix) format("embedded-opentype"), url(/documents/554082/34038044/Poppins-Bold-woff2.woff2) format("woff2"), url(/documents/554082/34038044/Poppins-Bold-woff.woff) format("woff"), url(/documents/554082/34038044/Poppins-Bold-svg.svg#Poppins-Bold) format("svg")
}

@font-face {
    font-family: Source Sans Pro;
    font-style: normal;
    font-weight: 400;
    src: url(/documents/554082/34038044/SourceSansPro-Regular-eot.eot);
    src: url(/documents/554082/34038044/SourceSansPro-Regular-eot.eot?#iefix) format("embedded-opentype"), url(/documents/554082/34038044/SourceSansPro-Regular-woff2.woff2) format("woff2"), url(/documents/554082/34038044/SourceSansPro-Regular-woff.woff) format("woff"), url(/documents/554082/34038044/SourceSansPro-Regular-svg.svg#SourceSansPro-Regular) format("svg")
}

@font-face {
    font-family: Source Sans Pro;
    font-style: normal;
    font-weight: 700;
    src: url(/documents/554082/34038044/SourceSansPro-Bold-eot.eot);
    src: url(/documents/554082/34038044/SourceSansPro-Bold-eot.eot?#iefix) format("embedded-opentype"), url(/documents/554082/34038044/SourceSansPro-Bold-woff2.woff2) format("woff2"), url(/documents/554082/34038044/SourceSansPro-Bold-woff.woff) format("woff"), url(/documents/554082/34038044/SourceSansPro-Bold-svg.svg#SourceSansPro-Bold) format("svg")
}

@font-face {
    font-family: Source Sans Pro;
    font-style: normal;
    font-weight: 600;
    src: url(/documents/554082/34038044/SourceSansPro-Semibold-eot.eot);
    src: url(/documents/554082/34038044/SourceSansPro-Semibold-eot.eot?#iefix) format("embedded-opentype"), url(/documents/554082/34038044/SourceSansPro-Semibold-woff2.woff2) format("woff2"), url(/documents/554082/34038044/SourceSansPro-Semibold-woff.woff) format("woff"), url(/documents/554082/34038044/SourceSansPro-Semibold-svg.svg#SourceSansPro-Semibold) format("svg")
}

.ssp-regular {
    font-weight: 400
}

.ssp-regular, .ssp-semibold {
    font-family: Source Sans Pro;
    font-style: normal
}

.ssp-semibold {
    font-weight: 600
}

.ssp-bold {
    font-family: Source Sans Pro
}

.poppins-bold, .ssp-bold {
    font-style: normal;
    font-weight: 700
}

.poppins-bold {
    font-family: Poppins-Bold
}

.poppins-semi-bold {
    font-family: Poppins-semibold;
    font-style: normal;
    font-weight: 600
}

@font-face {
    font-display: swap;
    font-family: IBMPlexArabic bold;
    font-style: normal;
    font-weight: 700;
    src: url(/documents/554082/34038044/IBMPlexArabic-Bold-eot.eot);
    src: url(/documents/554082/34038044/IBMPlexArabic-Bold-eot.eot?#iefix) format("embedded-opentype"), url(/documents/554082/34038044/IBMPlexArabic-Bold-woff2.woff2) format("woff2"), url(/documents/554082/34038044/IBMPlexArabic-Bold-woff.woff) format("woff"), url(/documents/554082/34038044/IBMPlexArabic-Bold-svg.svg#IBMPlexArabic-Bold) format("svg")
}

@font-face {
    font-display: swap;
    font-family: IBMPlexArabic light;
    font-style: normal;
    font-weight: 300;
    src: url(/documents/554082/34038044/IBMPlexArabic-Light-eot.eot);
    src: url(/documents/554082/34038044/IBMPlexArabic-Light-eot.eot?#iefix) format("embedded-opentype"), url(/documents/554082/34038044/IBMPlexArabic-Light-woff2.woff2) format("woff2"), url(/documents/554082/34038044/IBMPlexArabic-Light-woff.woff) format("woff"), url(/documents/554082/34038044/IBMPlexArabic-Light-svg.svg#IBMPlexArabic-Light) format("svg")
}

@font-face {
    font-display: swap;
    font-family: IBMPlexArabic medium;
    font-style: normal;
    font-weight: 500;
    src: url(/documents/554082/34038044/IBMPlexArabic-Medium-eot.eot);
    src: url(/documents/554082/34038044/IBMPlexArabic-Medium-eot.eot?#iefix) format("embedded-opentype"), url(/documents/554082/34038044/IBMPlexArabic-Medium-woff2.woff2) format("woff2"), url(/documents/554082/34038044/IBMPlexArabic-Medium-woff.woff) format("woff"), url(/documents/554082/34038044/IBMPlexArabic-Medium-svg.svg#IBMPlexArabic-Medium) format("svg")
}

@font-face {
    font-display: swap;
    font-family: IBMPlexArabic semibold;
    font-style: normal;
    font-weight: 600;
    src: url(/documents/554082/34038044/IBMPlexArabic-SemiBold-eot.eot);
    src: url(/documents/554082/34038044/IBMPlexArabic-SemiBold-eot.eot?#iefix) format("embedded-opentype"), url(/documents/554082/34038044/IBMPlexArabic-SemiBold-woff2.woff2) format("woff2"), url(/documents/554082/34038044/IBMPlexArabic-SemiBold-woff.woff) format("woff"), url(/documents/554082/34038044/IBMPlexArabic-SemiBold-svg.svg#IBMPlexArabic-SemiBold) format("svg")
}

@font-face {
    font-display: swap;
    font-family: IBMPlexArabic;
    font-style: normal;
    font-weight: 400;
    src: url(/documents/554082/34038044/IBMPlexArabic-eot.eot);
    src: url(/documents/554082/34038044/IBMPlexArabic-eot.eot?#iefix) format("embedded-opentype"), url(/documents/554082/34038044/IBMPlexArabic-woff2.woff2) format("woff2"), url(/documents/554082/34038044/IBMPlexArabic-woff.woff) format("woff"), url(/documents/554082/34038044/IBMPlexArabic-svg.svg#IBMPlexArabic) format("svg")
}

@font-face {
    font-display: swap;
    font-family: Almarai-Regular;
    font-style: normal;
    font-weight: 400;
    src: url(/documents/554082/34038044/Almarai-Regular-woff.woff) format("woff"), url(/documents/554082/34038044/Almarai-Regular-woff2.woff2) format("woff2"), url(/documents/554082/34038044/Almarai-Regular-svg.svg#Almarai-Regular) format("svg"), url(/documents/554082/34038044/Almarai-Regular-eot.eot), url(/documents/554082/34038044/Almarai-Regular-eot.eot?#iefix) format("embedded-opentype")
}

@font-face {
    font-display: swap;
    font-family: Almarai-Bold;
    font-style: normal;
    font-weight: 400;
    src: url(/documents/554082/34038044/Almarai-Bold-woff.woff) format("woff"), url(/documents/554082/34038044/Almarai-Bold-woff2.woff2) format("woff2"), url(/documents/554082/34038044/Almarai-Bold-svg.svg#Almarai-Bold) format("svg"), url(/documents/554082/34038044/Almarai-Bold-eot.eot), url(/documents/554082/34038044/Almarai-Bold-eot.eot?#iefix) format("embedded-opentype")
}

.ibm-regular {
    font-family: IBMPlexArabic;
    font-weight: 400
}

.ibm-regular, .ibm-semibold {
    font-display: swap;
    font-style: normal
}

.ibm-semibold {
    font-family: IBMPlexArabic semibold;
    font-weight: 600
}

.ibm-light {
    font-family: IBMPlexArabic light;
    font-weight: 300
}

.ibm-light, .ibm-medium {
    font-display: swap;
    font-style: normal
}

.ibm-medium {
    font-family: IBMPlexArabic medium;
    font-weight: 500
}

.ibm-bold {
    font-display: swap;
    font-family: IBMPlexArabic bold;
    font-style: normal;
    font-weight: 700
}

.almarai-bold {
    font-family: Almarai-Bold
}

.almarai-bold, .almarai-regular {
    font-display: swap;
    font-style: normal;
    font-weight: 400
}

.almarai-regular {
    font-family: Almarai-Regular
}

header {
    background: #fff
}

header .container {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 20px 10px
}

@media screen and (max-width:991px) {
    header .container {
        padding: 14px 20px 14px 0
    }
}

header .container .logo-section {
    align-items: center;
    -moz-column-gap: 10px;
    column-gap: 10px;
    display: flex
}

header .container .logo-section a {
    align-items: center;
    display: flex;
    justify-content: center;
    width: -moz-fit-content;
    width: fit-content
}

header .container .logo-section a.bm-logo {
    justify-content: flex-start
}

header .container .logo-section a.gig-logo {
    justify-content: flex-end
}

@media screen and (max-width:991px) {
    header .container .logo-section a img {
        width: 70%
    }
}

header .container .logo-section .vert-line {
    background: #979797;
    height: 75px;
    width: 1px
}

@media screen and (max-width:991px) {
    header .container .logo-section .vert-line {
        height: 50px
    }
}

header .container .call-lang {
    align-items: center;
    -moz-column-gap: 20px;
    column-gap: 20px;
    display: flex;
    justify-content: space-between
}

header .container .call-lang .lang-change {
    color: #2e2e85;
    font-family: Source Sans Pro;
    font-size: 14px;
    font-style: normal;
    font-weight: 700
}

@media screen and (max-width:991px) {
    header .container .call-lang .icon-phone {
        margin-right: unset
    }

    .rtl header .container {
        padding: 14px 0 14px 20px
    }
}

html {
    height: auto;
    scroll-behavior: smooth
}

body {
    background: #fbfbff;
    color: #191619;
    font-family: Source Sans Pro;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    margin: 0;
    position: relative
}

a, a:hover {
    text-decoration: none
}

@media screen and (max-width:991px) {
    .show-in-desktop {
        display: none !important
    }
}

.hide-in-desktop {
    display: none !important
}

@media screen and (max-width:991px) {
    .hide-in-desktop {
        display: block !important
    }
}

html body[dir=rtl] .ar {
    font-display: swap;
    font-family: Almarai-Regular;
    font-style: normal;
    font-weight: 400
}

.btn.focus, .btn:focus {
    box-shadow: none
}

a.btn, button.btn {
    align-items: center;
    border-radius: 4px;
    display: flex;
    font-family: Source Sans Pro;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    justify-content: center;
    letter-spacing: 1px;
    padding: 7px 15px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: .4s;
    width: 100%
}

@media screen and (max-width:991px) {
    a.btn, button.btn {
        font-family: Source Sans Pro;
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        padding: 12px 15px
    }
}

a.btn.btn-orange, a.btn.btn-primary, button.btn.btn-orange, button.btn.btn-primary {
    background-color: #cd8c66;
    border-color: #cd8c66;
    color: #fff;
    width: 100%
}

a.btn.btn-orange:focus, a.btn.btn-primary:focus, button.btn.btn-orange:focus, button.btn.btn-primary:focus {
    outline: none
}

a.btn.btn-orange img, a.btn.btn-primary img, button.btn.btn-orange img, button.btn.btn-primary img {
    margin-left: 10px
}

a.btn.btn-orange.btn-border, a.btn.btn-primary.btn-border, button.btn.btn-orange.btn-border, button.btn.btn-primary.btn-border {
    background: transparent !important;
    border: 1px solid #cd8c66;
    color: #cd8c66 !important
}

a.btn.btn-orange.btn-border:hover, a.btn.btn-primary.btn-border:hover, button.btn.btn-orange.btn-border:hover, button.btn.btn-primary.btn-border:hover {
    color: #fff
}

a.btn.btn-orange.btn-border:active, a.btn.btn-orange.btn-border:focus, a.btn.btn-orange.btn-border:focus-within, a.btn.btn-primary.btn-border:active, a.btn.btn-primary.btn-border:focus, a.btn.btn-primary.btn-border:focus-within, button.btn.btn-orange.btn-border:active, button.btn.btn-orange.btn-border:focus, button.btn.btn-orange.btn-border:focus-within, button.btn.btn-primary.btn-border:active, button.btn.btn-primary.btn-border:focus, button.btn.btn-primary.btn-border:focus-within {
    color: #cd8c66
}

a.btn.btn-text, button.btn.btn-text {
    border: 0;
    color: #2e2e85;
    font-size: 14px;
    padding: 0;
    width: -moz-fit-content;
    width: fit-content
}

a.btn.btn-text img, button.btn.btn-text img {
    margin-right: 5px
}

a.btn.btn-text:active, a.btn.btn-text:focus, a.btn.btn-text:hover, button.btn.btn-text:active, button.btn.btn-text:focus, button.btn.btn-text:hover {
    box-shadow: none;
    color: #2e2e85
}

a.btn.btn-text:active img, a.btn.btn-text:focus img, a.btn.btn-text:hover img, button.btn.btn-text:active img, button.btn.btn-text:focus img, button.btn.btn-text:hover img {
    animation: animate-arrow-left .4s cubic-bezier(.77, 0, .175, 1)
}

a.btn.btn-text.active:hover, button.btn.btn-text.active:hover {
    box-shadow: none;
    color: #2e2e85
}

a.btn.active, button.btn.active {
    box-shadow: none;
    position: relative
}

a.btn.active:hover, button.btn.active:hover {
    box-shadow: 0 9px 16px 0 rgba(0, 0, 0, .3);
    color: #fff
}

a.btn.active:hover:after, button.btn.active:hover:after {
    opacity: 1;
    transition: .4s ease;
    width: 110%
}

a.btn.active:hover img, button.btn.active:hover img {
    animation: animate-arrow-right .4s cubic-bezier(.77, 0, .175, 1)
}

a.btn.active:focus, button.btn.active:focus {
    color: #fff
}

a.btn.active:active, a.btn.active:focus, a.btn.active:focus-within, button.btn.active:active, button.btn.active:focus, button.btn.active:focus-within {
    color: #fff
}

a.btn.btn-light-brown, button.btn.btn-light-brown {
    background: #fff2ea;
    color: #cd8c66
}

a.btn.btn-light-brown.active:active, a.btn.btn-light-brown.active:focus, a.btn.btn-light-brown.active:focus-within, a.btn.btn-light-brown.active:hover, button.btn.btn-light-brown.active:active, button.btn.btn-light-brown.active:focus, button.btn.btn-light-brown.active:focus-within, button.btn.btn-light-brown.active:hover {
    color: #cd8c66
}

a.btn.btn-dark-blue, button.btn.btn-dark-blue {
    background-color: #2e2e85;
    color: #fff
}

a.btn.btn-dark-blue img, button.btn.btn-dark-blue img {
    margin-left: 10px
}

a.btn.btn-dark-blue.btn-border, button.btn.btn-dark-blue.btn-border {
    background: transparent;
    border: 1px solid #2e2e85;
    color: #2e2e85
}

a.btn.btn-dark-blue.btn-border:hover, button.btn.btn-dark-blue.btn-border:hover {
    color: #2e2e85
}

a.btn.btn-white, button.btn.btn-white {
    background: #fff;
    color: #2e2e85
}

a.btn.btn-white.active:active, a.btn.btn-white.active:focus, a.btn.btn-white.active:focus-within, a.btn.btn-white.active:hover, button.btn.btn-white.active:active, button.btn.btn-white.active:focus, button.btn.btn-white.active:focus-within, button.btn.btn-white.active:hover {
    color: #2e2e85
}

a.btn.btn:focus, a.btn.btn:hover, button.btn.btn:focus, button.btn.btn:hover {
    outline: none
}

a.btn.btn[disabled], button.btn.btn[disabled] {
    background: rgba(25, 22, 25, .3);
    border: none;
    color: #fff;
    cursor: not-allowed;
    opacity: 1;
    pointer-events: none;
    transition: .4s
}

a.btn.btn[disabled]:focus, a.btn.btn[disabled]:focus-within, a.btn.btn[disabled]:hover, button.btn.btn[disabled]:focus, button.btn.btn[disabled]:focus-within, button.btn.btn[disabled]:hover {
    box-shadow: none;
    color: #fff
}

a.btn.btn[disabled]:focus img, a.btn.btn[disabled]:focus-within img, a.btn.btn[disabled]:hover img, button.btn.btn[disabled]:focus img, button.btn.btn[disabled]:focus-within img, button.btn.btn[disabled]:hover img {
    animation: none
}

@keyframes animate-arrow-right {
    0% {
        opacity: 1;
        transform: translate(0) scale(1);
        transform: translateZ(0) scale(1)
    }

    50% {
        opacity: 0;
        transform: translate(10px) scaleX(1.3);
        transform: translate3d(10px, 0, 0) scaleX(1.3)
    }

    51% {
        opacity: 0;
        transform: translate(-10px) scaleX(1.3);
        transform: translate3d(-10px, 0, 0) scaleX(1.3)
    }

    to {
        opacity: 1;
        transform: translate(0) scale(1);
        transform: translateZ(0) scale(1)
    }
}

@keyframes animate-arrow-left {
    0% {
        opacity: 1;
        transform: translate(0) scale(1);
        transform: translateZ(0) scale(1)
    }

    50% {
        opacity: 0;
        transform: translate(-10px) scaleX(2);
        transform: translate3d(-10px, 0, 0) scaleX(2)
    }

    51% {
        opacity: 0;
        transform: translate(10px) scaleX(2);
        transform: translate3d(10px, 0, 0) scaleX(2)
    }

    to {
        opacity: 1;
        transform: translate(0) scale(1);
        transform: translateZ(0) scale(1)
    }
}

.banner-section {
    background: #fff
}

.banner-section .container {
    align-items: center;
    background: url(/documents/34037948/0/pic-drive.png) no-repeat 100%;
    display: flex;
    justify-content: space-between;
    min-height: 346px
}

@media screen and (max-width:991px) {
    .banner-section .container {
        background: url(/documents/34037948/0/pic-drive-mobile.png) no-repeat 120%;
        min-height: 290px
    }
}

.banner-section .container .bs-title-section {
    width: 340px
}

@media screen and (max-width:991px) {
    .banner-section .container .bs-title-section {
        width: auto
    }
}

.banner-section .container .bs-title-section .dis-chip {
    align-items: center;
    background-color: #fffae8;
    border-radius: 4px;
    color: #d78b00;
    display: flex;
    font-family: Source Sans Pro;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    padding: 3px 12px;
    width: -moz-fit-content;
    width: fit-content
}

@media screen and (max-width:991px) {
    .banner-section .container .bs-title-section .dis-chip {
        font-size: 9px
    }
}

.banner-section .container .bs-title-section h1 {
    font-family: Poppins-semibold;
    font-size: 36px;
    font-style: normal;
    font-weight: 600;
    line-height: 36px;
    margin: 10px 0 0;
    padding: 0
}

@media screen and (max-width:991px) {
    .banner-section .container .bs-title-section h1 {
        font-size: 20px;
        line-height: 28px;
        width: 50%
    }
}

.simple-steps-section {
    background: #f7f7f7
}

.simple-steps-section .container {
    padding-bottom: 60px;
    padding-top: 60px
}

@media screen and (max-width:991px) {
    .simple-steps-section .container {
        padding-bottom: 35px;
        padding-top: 35px
    }
}

.simple-steps-section .container .content-img {
    align-items: center;
    align-items: baseline;
    display: flex;
    justify-content: space-between
}

.simple-steps-section .container h2 {
    color: #191619;
    font-family: Poppins-semibold;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
    margin-bottom: 25px
}

@media screen and (max-width:991px) {
    .simple-steps-section .container h2 {
        font-size: 14px;
        margin-bottom: 0
    }
}

.simple-steps-section .container .btn-renew {
    width: 235px
}

@media screen and (max-width:991px) {
    .simple-steps-section .container .btn-renew {
        margin-top: 10px;
        width: 100%
    }

    .simple-steps-section .container .ss-content {
        margin-top: 20px
    }
}

.simple-steps-section .container .ss-content ul {
    margin: 0;
    padding: 0
}

.simple-steps-section .container .ss-content ul ol {
    align-items: center;
    -moz-column-gap: 10px;
    column-gap: 10px;
    display: flex;
    margin: 0 0 12px;
    padding: 0
}

@media screen and (max-width:991px) {
    .simple-steps-section .container .ss-content ul ol {
        align-items: normal
    }
}

.simple-steps-section .container .ss-content ul ol .text {
    color: #191619;
    font-family: Source Sans Pro;
    font-size: 20px;
    font-style: normal;
    font-weight: 400
}

@media screen and (max-width:991px) {
    .simple-steps-section .container .ss-content ul ol .text {
        font-size: 14px;
        width: 50%
    }
}

.simple-steps-section .container .ss-content ul ol .number {
    align-items: center;
    background: #2e2e85;
    border-radius: 100%;
    color: #fff;
    display: inline-flex;
    font-family: Source Sans Pro;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    height: 16px;
    justify-content: center;
    width: 16px
}

@media screen and (max-width:991px) {
    .simple-steps-section .container .ss-content ul ol .number {
        height: 20px;
        margin-top: 2px;
        width: 20px
    }
}

.simple-steps-section .container .ss-youtube {
    align-items: center;
    display: flex;
    flex-direction: column
}

.simple-steps-section .container .ss-youtube .watch-on-youtube {
    border: 0;
    color: #191619;
    -moz-columns: 10px;
    columns: 10px;
    display: inline-flex;
    font-family: Source Sans Pro;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    text-transform: none;
    width: -moz-fit-content;
    width: fit-content
}

@media screen and (max-width:991px) {
    .simple-steps-section .container .ss-youtube .watch-on-youtube {
        flex-direction: column;
        padding: 10px 0
    }
}

.simple-steps-section .container .ss-youtube .watch-on-youtube:hover {
    border: 0;
    box-shadow: none
}

.app-section {
    background: #2e2e85;
    padding-bottom: 25px;
    padding-top: 25px
}

.app-section .container {
    align-items: center;
    display: flex;
    justify-content: space-between
}

@media screen and (max-width:991px) {
    .app-section .container {
        flex-direction: column;
        text-align: center
    }
}

.app-section .container h3 {
    color: #fff;
    font-family: Poppins-semibold;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    width: 220px
}

.rtl .banner-section .container {
    background: url(/documents/34037948/0/pic-drive-ar.png) no-repeat 0
}

@media screen and (max-width:991px) {
    .rtl .banner-section .container {
        background: url(/documents/34037948/0/pic-drive-mobile-ar.png) no-repeat 0
    }
}

.rtl .banner-section .container h1 .ar, .rtl .simple-steps-section .container h2 .ar {
    font-display: swap;
    font-family: Almarai-Bold;
    font-style: normal;
    font-weight: 400
}

.rtl .simple-steps-section .container .btn-renew {
    width: 255px
}

@media screen and (max-width:991px) {
    .rtl .simple-steps-section .container .btn-renew {
        margin-top: 10px;
        width: 100%
    }
}