@charset "utf-8";

/* CSS Document */
.overview-menuItem .dropdown-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 30px;
    padding: 15px 0;
    border-bottom: 3px solid #F2F4F8;
}

.overview-menuItem .dropdown-header.up img {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.overview-menuItem .dropdown-header img:hover,
.overview-menuItem .dropdown-header.up img:hover {
    border: 2px solid #007aff;
}

.overview-menuItem .dropdown-header img {
    width: 42px;
    height: 42px;
    padding: 0px 11.5px;
    border: 2px solid transparent;
    border-radius: 100%;
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
}

.overview-menuItem .dropdown-header img:hover {
    border: 2px solid #007aff
}

.overview-menuItem .dropdown-header h5:hover::before {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

.overview-menuItem .dropdown-header h5::before,
.overview-menuItem .dropdown-header h5::after {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    background-color: #008CFF;
    border-radius: 1rem;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: width 0.4s cubic-bezier(1, 0, 0, 1) 0.2s, background-color 0.1s, -webkit-transform 0.2s;
    transition: width 0.4s cubic-bezier(1, 0, 0, 1) 0.2s, background-color 0.1s, -webkit-transform 0.2s;
    transition: transform 0.2s, width 0.4s cubic-bezier(1, 0, 0, 1) 0.2s, background-color 0.1s;
    transition: transform 0.2s, width 0.4s cubic-bezier(1, 0, 0, 1) 0.2s, background-color 0.1s, -webkit-transform 0.2s;
}

.overview-menuItem .dropdown-header h5 {
    text-transform: capitalize;
    color: #000000;
    letter-spacing: -0.482353px;
    position: relative;
    font-family: ExpoArabic-Bold;
    padding: 5px 0;
    display: inline-block;
}

.overview-menuItem .dropdown-header h5:hover {
    color: #fff;
}

.overview-menuItem .menu-item-dropdown {
    padding-top: 5px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    /*height: 100%;*/
    opacity: 1;
    overflow: hidden;
    margin: 0 30px;
}

.overview-menuItem .menu-item-dropdown .menu-item {
    font-family: "ExpoArabic-Light";
    padding: 8px 10px;
    margin: 1px 0;
    position: relative;
}

.overview-menuItem .menu-item-dropdown .menu-item::before,
.overview-menuItem .menu-item-dropdown .menu-item::after {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    border: 2px solid #008CFF;
    border-radius: 2rem;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: width 0.4s cubic-bezier(1, 0, 0, 1) 0.2s, background-color 0.1s, -webkit-transform 0.2s;
    transition: width 0.4s cubic-bezier(1, 0, 0, 1) 0.2s, background-color 0.1s, -webkit-transform 0.2s;
    transition: transform 0.2s, width 0.4s cubic-bezier(1, 0, 0, 1) 0.2s, background-color 0.1s;
    transition: transform 0.2s, width 0.4s cubic-bezier(1, 0, 0, 1) 0.2s, background-color 0.1s, -webkit-transform 0.2s;
}

.overview-menuItem .menu-item-dropdown .menu-item:hover::before {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.overview-menuItem .menu-item-dropdown .menu-item a {
    color: #000 !important;
    display: block;
}

.side-nav-deskpos .type .nav-item:first-child .nav-link {
    padding-right: 8px !important;
}

.side-nav-deskpos {
    padding-right: 14px;
}

@media (max-width: 768px) {
    .overlay-header-mobily {
        height: 64px !important;
    }

    li.section-selection {
        border-bottom: none;
    }

    .oc-width {
        padding: 0 1rem !important;
    }

    h2.device-title {
        flex-wrap: wrap;
    }

    .select-style {
        margin: 0 !important;
    }

    .d-flex {
        margin-top: 50px;
    }

    .filter-c {
        text-align: center;
        z-index: 0;
    }

    button.custom-btn,
    a.custom-btn {
        margin: 10px 2px;
    }

    .dp-adjustment {
        margin: 4rem 0 !important
    }

    .mobily .devices-item .gotobtn p.dmodel {
        font-size: 16px !important;
        line-height: 22px !important;
    }

    .mobily .devices-item .gotobtn span {
        font-size: 14px !important;
    }

    .device-title {
        font-size: 2.6rem
    }

    .mobily_header-mobile-menu .type .nav-item:first-child .nav-link {
        padding-right: 10px !important;
    }

    #mobileNavDiv .overview-menuItem .dropdown-header {
        margin: 0 10px;
    }

    #mobileNavDiv .overview-menuItem .dropdown-header h5 {
        font-size: 14px;
        width: 166px;
        white-space: normal;
    }

    #mobileNavDiv .overview-menuItem .menu-item-dropdown {
        margin: 0;
    }
}

.two-column-hover #left-details,
.two-column-hover #right-details {
    height: 449px;
    margin-left: 0;
    margin-right: 0;
}

.two-column-hover #left-details>.col-4,
.two-column-hover #right-details>.col-4 {
    padding: 57px 61px 0 0;
}

.two-column-hover #left-details>.col-4 ul,
.two-column-hover #right-details>.col-4 ul {
    list-style-image: url('/MobilyTheme4Resources/img/icon/Combined Shape Copy 2.png');
    font-family: 'ExpoArabic-Light';
}

.two-column-hover #left-details>.col-4 ul li strong,
.two-column-hover #right-details>.col-4 ul li strong {
    top: -2px;
    position: relative;
}

.mobily .plans_mobily-benefits .benefit-item.ex-business {
    padding-right: 0;
}

.dp-adjustment {
    margin: 4rem
}

.mobily .devices-item .gotobtn p.dmodel {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 15px;
}

.neutralizer {
    margin-bottom: 96px;
}

.mobily .devices-item .gotobtn p.dmaker {
    line-height: 24px;
}

.select-style a,
.select-style a:link,
.select-style a:hover,
.select-style a:active,
.select-style a:visited {
    color: #008CFF text-transform: lowercase;
}

.device-title {
    font-size: 3rem
}

.mobily .neqaty-overview__points .listing-item img {
    height: auto;
    width: auto;
}

.mobily .neqaty-overview__points .listing-item {
    margin-bottom: 20px;
}

.mobily_header-mobile-menu .menu-overlay-wrapper .menu-overlay .type .nav-item .nav-link,
.mobily_header-desktop-menu .menu-overlay-wrapper .menu-overlay .type .nav-item .nav-link {
    padding-bottom: 8px;
}

.action-dd {
    padding-left: 60px;
    border-bottom: 2px #D5D8DF solid;
    white-space: nowrap;
    color: #008CFF !important
}

.device-title img {
    height: max-content;
    margin-right: -40px;
}

h2.device-title {
    display: flex;
    z-index: 4;
    position: absolute;
    width: 100%;
}

.select-style {
    margin: 0 15px 0 5px;
    z-index: 2;
}

.flipped-arrow {
    transform: scale(1, -1);
    -moz-transform: scale(1, -1);
    -webkit-transform: scale(1, -1);
    -o-transform: scale(1, -1);
    -khtml-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
}

div.over-lay {
    clear: both;
    width: 100%;
    position: absolute;
    height: 100%;
    z-index: 1;
    background: white;
    opacity: 0.9;
}

div.over-lay-r {
    clear: both;
    width: 100%;
    position: relative;
    height: 100%;
    z-index: 1;
    background: white;
    opacity: 0.9;
}

.device-title font,
.device-title img {
    z-index: 2;
}

div.select-style span a:hover {
    color: black
}

.device-title .img-select {
    cursor: pointer;
}

.carousel-indicators {
    padding-right: 0 !important;
}

.adjust-fit.custom-rich-text {
    padding: 5rem 10.5rem !important;
}

.mobily_header-desktop-menu #desktop-menu .menu-overlay {
    padding: 14px 80px 14px 0 !important;
}

.show-d {
    display: block !important;
}

.hide-d {
    display: none;
}

.filter-c {
    position: absolute;
}

.top-v {
    top: 0;
}

.filter-d {
    font-family: ExpoArabic-Bold;
    font-style: normal;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #000;
    cursor: pointer;
}

button.custom-btn,
a.custom-btn {
    padding: 10px 20px;
    margin: 10px;
    position: relative;
    z-index: 2;
}

a.custom-btn,
.custom-btn {
    background: white;
    border: 1.5px solid #ddd;
    box-sizing: border-box;
    border-radius: 100px;
    font-family: "ExpoArabic-Light";
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    letter-spacing: 0.7px;
    text-transform: uppercase;
    color: #51565B !important;
}

a.custom-btn.selected-item,
.custom-btn.selected-item {
    background: rgba(0, 140, 255, 0.1);
    border: 1.5px solid #008CFF;
    box-sizing: border-box;
    border-radius: 100px;
}

.item-total {
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    color: #868D95;
    opacity: 0.7;
}

.discount-value {
    align-items: center;
    padding: 6px 10px;
    width: 54px;
    height: 26px;
    background: #0AF6E9;
    border-radius: 8px;
    font-weight: bold;
    font-size: 14px;
    line-height: 100%;
    text-align: center;
    text-transform: uppercase;
    color: #003E71;
    overflow: hidden;
}

.discount-value span {
    display: none;
}

.disc-color {
    color: #00C1C0;
}

.mobily .device-details_info--specific .content {
    max-height: max-content !important;
    border-bottom: 0 !important
}

.mobily .device-details_info--carousel .carousel-control-next .carousel-control-next-icon,
.mobily .device-details_info--carousel .carousel-control-prev .carousel-control-prev-icon {
    background: none !important;
}

h1.device-title {
    font-size: 48px !important;
    line-height: 57px !important;
}

.fixed-box {
    position: fixed;
    z-index: 2;
}

.blue-btn {
    font-family: ExpoArabic-Medium;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 18px;
    display: flex;
    align-items: center;
    text-align: center;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    color: #FFF;
    flex: none;
    order: 0;
    flex-grow: 0;
    margin: 0px 10px;
    background: #008CFF;
    border-radius: 24px;
    padding: 11px 24px 10px;
    border: none;
}

.white-btn {
    font-family: ExpoArabic-Medium;
    font-style: normal;
    font-size: 16px;
    line-height: 18px;
    display: flex;
    align-items: center;
    text-align: center;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    color: #008CFF !important;
    flex: none;
    order: 0;
    flex-grow: 0;
    margin: 0px 10px;
    background: #FFF;
    border-radius: 24px;
    padding: 11px 24px 10px;
    border: 2px solid #008CFF;
}

.ver-mid {
    margin: auto 0
}

#deviceDetailsCarousel img,
.am-identifier .custom-rich-text p {
    max-width: 100% !important;
    width: 100%;
}

.am-identifier .owl-item a {
    color: black !important;
}

.mobily .am-identifier .owl-dots .owl-dot span {
    background: black !important;
}

.am-identifier .plan-details_tariff-details--item {
    border-bottom: none !important;
}

.mobily .neqaty_categories-tabs__content.business-card .category {
    padding: 0;
}

.mobily .neqaty-overview__points .business-card .listing-item {
    min-width: auto;
    min-height: 200px;
    margin: 0;
    margin-bottom: 30px
}

.mobily .neqaty-overview__points .business-card .listing-item-content {
    top: 3rem;
    padding: 1rem
}

@media (max-width: 575.98px) {
    .hero-style h1.name {
        font-weight: normal !important;
    }

    .mobily .custom-rich-text a img.file-icon,
    .mobily .custom-rich-text a img.arrow-am {
        display: none;
    }

    .mobily .neqaty-overview__points .business-card .listing-item {
        width: auto
    }

    .mobily .neqaty_categories-tabs__content.business-card {
        margin: 1rem !important
    }
}

.mobily .neqaty_categories-tabs__content.business-card,
.mobily .neqaty-overview__text-wrapper.business-card {
    margin: 5rem;
}

.mobily .neqaty-overview__tabs {
    margin-top: 40px;
}

.mobily .neqaty-overview__text-wrapper.business-card .row h2 {
    margin: 100px 0;
}

.owl-item a:hover {
    color: #000 !important;
}

.tm-identifier img {
    width: 100%;
}

@media only screen and (max-width: 768px) {
    .tm-identifier h2 {
        font-size: 1.5rem;
    }

    .tm-identifier h3 {
        font-size: 1.25rem;
    }
}

.mobily .mr-identifier .custom-rich-text.conew img {
    margin-bottom: 0;
    width: initial;
    height: initial;
}

.mobily .mr-identifier .custom-rich-text.conew p {
    max-width: 100%;
}

.mr-identifier .media-kit {
    padding: 27px 0;
}

.mr-identifier .media-kit a,
.mr-identifier .media-kit a:hover {
    color: #000;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue";
    font-size: 16px;
}

.mr-identifier .media-kit.arkit img {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

.mobily .custom-rich-text .aoa img {
    margin-bottom: 0;
    width: initial;
    height: initial;
}

.mobily .aoa a,
.mobily .aoa a:link a:visited,
.mobily .aoa a:hover,
.mobily .aoa a:active {
    color: #007bff;
}

.fs_anc a.active,
.fs_anc a.active:link,
.fs_anc a.active:visited {
    color: black;
    margin-right: 20px;
    font-weight: bold;
}

.fs_anc a,
.fs_anc a:link,
.fs_anc a:visited {
    color: grey;
    margin-right: 20px;
}

.fs-content a,
.fs-content a:hover,
.fs-content a:link {
    height: 24px;
    left: 16.72%;
    right: 65.79%;
    top: calc(50% - 24px/2 - 780.5px);
    font-family: "ExpoArabic-Bold";
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #008CFF;
}

.fs-content img.arrow-am {
    width: 16px !important;
    height: 16px !important;
    margin-left: 5px;
}

.fs-content img {
    margin-bottom: 0 !important;
}

.fr-identifier.plan-details_tariff-details {
    padding: 0;
}

.custom-rich-text .fr-identifier p,
.mobily .custom-rich-text .tabcontent p {
    max-width: 100% !important
}

.fr-identifier img {
    width: 32px !important;
    height: 32px;
}

.m_calendar a,
.m_calendar a:link a:visited {
    color: #ccc !important;
    font-family: ExpoArabic-Bold;
    text-transform: uppercase;
}

.m_calendar a.active {
    color: black !important;
    font-family: ExpoArabic-Bold;
    text-transform: uppercase;
}

.m_calendar a:hover {
    color: #666 !important;
}

[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
    opacity: 1;
    margin-top: 4px;
}

ul#filters {
    padding-left: 0;
}

ul#filters li {
    list-style: none;
}

.event_filter a,
.event_filter a:link,
.event_filter a:active,
.event_filter a:visited {
    color: #0056b3 !important;
}

.quater a,
.quater a:link,
.quater a:visited {
    color: grey;
    margin-left: 20px;
    text-transform: capitalize;
}

.quater a.active,
.quater a.active:link,
.quater a.active:visited {
    color: black;
    margin-left: 20px;
    font-weight: bold;
}

.quater {
    padding: 5px 0;
    border-bottom: 1px solid #eee;
    margin: 20px 0;
}

.mobily .custom-rich-text a img.file-icon {
    width: 33px;
    height: 32px;
    margin: 0;
}

.mobily .custom-rich-text a img.arrow-am {
    width: 16px;
    height: 16px;
    margin: 0 10px;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

.tabcontent {
    display: none;
}

.tabcontent p a,
.tabcontent p a:link,
.tabcontent p a:visited {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #008CFF;
}

.tabcontent p a:hover {
    color: #000;
}

.flag-div i {
    float: left;
    color: #008CFF;
}

.flag-div .collapsed i {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.media-kit img {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

.m_calendar .nav,
.am-identifier .nav {
    padding-right: 0;
    padding-left: inherit !important;
}

.mobily .owl-dots {
    padding-right: 16px;
    padding-left: 0 !important;
}

.mobily_header-mobile-menu .menu-overlay-wrapper .menu-overlay .overview-menuItem .menu-item-dropdown .menu-item span,
.mobily_header-desktop-menu .menu-overlay-wrapper .menu-overlay .overview-menuItem .menu-item-dropdown .menu-item span {
    position: absolute;
    margin-right: 10px;
    margin-top: -2px;
    padding: 0 10px;
    background: #0AF6EA;
    border-radius: 8px;
    color: #003E71;
    font-family: ExpoArabic-Book;
    font-size: 12px;
    font-weight: 700;
    line-height: 24px;
    text-transform: uppercase;
}

.mobily .raqi__general {
    background-color: #232A2D;
}

.mobily .raqi__general a,
.mobily .raqi__general h2,
.mobily .raqi__general h3,
.mobily .raqi__general h4,
.mobily .raqi__general h6,
.mobily .raqi__general p,
.mobily .raqi__general span,
.mobily .raqi__general li,
.mobily .raqi__general .custom-rich-text {
    color: #fff !important;
}

/*New Plan Overview Styles*/
.mobily.plan .owl-nav [role=presentation] {
    opacity: 1 !important;
    color: #008CFF !important;
    border-radius: 28px;
    border: 2.5px #008CFF solid !important;
    width: 56px !important;
    height: 56px !important;
}

.mobily.plan .owl-nav [role=presentation].disabled {
    color: #868D95 !important;
    display: block !important;
    border-radius: 28px;
    border: 2.5px #868D95 solid !important;
    width: 56px;
    height: 56px;
}

.mobily.plan .plans_banner .introduction {
    padding: 11rem 5.2rem 0 5.2rem !important;
    position: relative;
    bottom: -30px;
}

.mobily.plan .plans_banner .nav {
    right: 0 !important;
}

.mobily.plan .plans_banner .nav .nav-link {
    font-family: "ExpoArabic-Bold" !important;
    font-size: 48px !important;
    length-height: 56px !important;
    text-transform: capitalize !important;
}

@media only screen and (min-width: 786px) {
    .plan-details_banner_row.details-title {
        position: absolute;
        bottom: 800px;
        width: 100%;
    }

    .mobily .plan-details_banner.custom-banner.new-banner {
        width: 100%;
        height: 840px;
        background-position: left bottom;
        background-repeat: no-repeat;
    }

    .mobily.plan .owl-dots {
        display: none;
    }

    .mobily .plans_banner .tab-content-plan-overview,
    .mobily.plan .plans_banner .introduction {
        bottom: -50px !important;
    }
}

@media only screen and (max-width: 786px) {
    .oc-width.details-style h1 {
        font-size: 32px !important;
        line-height: 40px !important;
    }

    .oc-width.details-style h3 {
        font-size: 24px !important;
        line-height: 32px !important;
    }

    .oc-width.details-style h4,
    .details-style h3 span {
        font-size: 14px !important;
        line-height: 20px !important;
    }

    .benefit-container .list-group-item font {
        font-size: 16px !important;
    }

    .benefit-container h3 {
        font-size: 32px !important;
    }

    .plan-details_banner_row.details-title {
        position: absolute;
        bottom: 600px;
        width: 100%;
    }

    .main-benefit {
        background: transparent !important;
        opacity: 1 !important;
        padding: 0 !important;
    }

    .hero-header h1 {
        font-size: 56px !important;
        line-height: 64px !important
    }

    .benefit-container .list-group-item font {
        margin-right: 0 !important;
    }

    .sharp-edge.mobily-to-top {
        width: 100%;
        overflow: hidden;
    }

    .mob-tp {
        padding-top: 50px;
    }

    .mobily-container.mob-ntm {
        margin-top: -120px;
    }

    .mob-price p,
    .mob-price h3 {
        padding-right: 24px;
        margin-bottom: 0 !important;
    }

    .up-arrow-style {
        color: #008CFF;
        display: flex;
        justify-content: space-around;
    }

    .mob-container {
        padding: 5px 0 15px 0;
        border-top: 1px solid #D5D8DF;
        display: block !important;
        position: fixed;
        right: 0;
        bottom: 0;
        width: 100%;
        background: rgba(255, 255, 255, 0.9);
        z-index: 1;
    }

    /* .footer {
        margin-bottom: 123px;
    } */

    .up-arrow-style i {
        font-size: 1.5rem;
    }

    .oc-width.benefit-container {
        bottom: 30px !important;
    }

    .list-group-horizontal {
        flex-direction: column !important;
        padding-right: 0;
    }

    .benefit-box.shadow {
        box-shadow: none !important;
    }

    .benefit-box img {
        display: none
    }

    .mobily .plan-details_banner.custom-banner.new-banner {
        width: 100%;
        height: 566px;
        background-position: left bottom;
        background-repeat: no-repeat;
        filter: blur(15px);
        -webkit-filter: blur(8px);
    }

    .end-point {
        display: flex;
        justify-content: space-around;
    }

    .end-point div {
        height: 5px;
        width: 40%;
        background: #000;
    }

    .mob-price small {
        font-size: 10px;
        font-weight: bold;
    }

    .mob-price p {
        font-size: 12px;
        line-height: 16px;
    }

    .promo-container p.author {
        font-size: 16px !important;
    }

    .word-break-5 {
        width: 60% !important;
    }

    .oc-width .bt-txt {
        position: relative;
        bottom: -100px;
    }

    .promo-container p.description {
        font-size: 24px !important;
    }

    .promo-container h2 {
        font-size: 48px !important;
        line-height: 56px !important
    }

    .word-break-5 {
        width: 20%
    }

    .oc-width.vert-align {
        padding-top: 40px !important;
    }

    .promo-container {
        height: 561px !important;
        background-size: contain !important;
    }

    .mobily .plans_mobily-benefits .benefit-item {
        margin: 0px !important;
    }

    /*.promo-box {height: 427px !important;}*/
    .mobily .plans_banner .tab-content-plan-overview,
    .mobily.plan .plans_banner .introduction {
        bottom: -20px !important;
    }

    .vat-msg.oc-width {
        width: 100% !important;
        top: -20px !important;
    }

    .owl-carousel .owl-nav button.owl-next,
    .owl-carousel .owl-nav button.owl-prev,
    .mobily.plan .owl-nav [role="presentation"].disabled {
        display: none !important;
    }

    .mobily.plan .owl-dots .owl-dot span {
        background: #008CFF !important;
    }

    .mobily.plan .owl-dots {
        padding-right: 0 !important;
        position: absolute;
    }

    .mobily.plan .plans_banner .nav {
        -webkit-box-pack: inherit !important;
        -ms-flex-pack: inherit !important;
        justify-content: right !important;
    }

    .mobily.plan .plans_banner .introduction {
        padding: 7rem 1rem 0 1rem !important;
    }

    .nav li.nav-item:first-of-type {
        padding-left: 5px;
    }

    .mobily.plan .plans_banner .nav .nav-link {
        font-size: 32px !important;
    }
}

.mobily.plan .owl-nav {
    width: inherit !important;
    height: inherit !important;
    top: inherit !important;
    bottom: -10px;
}

.owl-carousel .owl-nav .owl-next span,
.owl-carousel .owl-nav .owl-prev span {
    font-size: 32px;
}

.mobily.plan .owl-nav .owl-prev {
    left: 80px !important;
    right: inherit !important;
}

.oc-width {
    padding: 0 5.2rem
}

.mobily .plans_banner .package-info,
.mobily .plans_banner .package-info .pre-card-overlay img,
.mobily .plans_banner .package-info .post-card-overlay img {
    height: 496px !important;
}

.mobily .plans_banner .package-info--wrapper .price-wrapper {
    padding: 5px 28px 15px !important;
}

.mobily .plans_banner .package-info--wrapper .price-wrapper .price {
    font-size: 32px !important;
    font-family: 'ExpoArabic-Bold' !important;
}

.select-btn {
    font-family: ExpoArabic-Medium;
    line-height: 14px;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    border: solid 3px #fff;
    border-radius: 20px;
    padding: 10px 20px;
    margin-top: 10px;
}

.vat-msg.oc-width {
    width: 580px;
    font-size: 14px;
    color: #868D95;
    position: relative;
    top: -35px;
    white-space: pre-line;
}

.owl-item a:hover {
    color: white !important;
}

.introduction .nav-item {
    margin-left: 2%;
}

.mobily .plans_mobily-benefits .benefit-item>img:first-child {
    position: static !important;
    margin-bottom: 15px;
}

.mobily .plans_mobily-benefits .benefit-item {
    padding-right: 0 !important;
}

.mobily .plans_mobily-benefits .benefit-new p {
    font-size: 16px !important;
    font-style: normal !important;
    margin: 0 !important;
    font-family: "ExpoArabic-Regular";
    color: #51565B;
}

.oc-width h5,
.h5 {
    font-size: 1.5rem !important;
}

.promo-container {
    height: 750px;
    background-color: #03111A;
    background-size: auto;
    background-position: 80% bottom;
    background-repeat: no-repeat;
    width: 100%;
    color: #fff;
}

.promo-container p.author {
    font-size: 24px;
}

.promo-container p.description {
    font-size: 24px;
    font-family: "ExpoArabic-Bold" !important;
}

.promo-container h2 {
    font-size: 72px;
    line-height: 84px
}

.oc-width.vert-align {
    padding-top: 104px;
}

.word-break-5 {
    width: 20%
}

.oc-width.faq-area,
.oc-width.faq-area a,
.oc-width.faq-area a:hover {
    background: #F2F4F8;
    color: #000;
}

.faq-area {
    padding: 100px inherit !important
}

/*.promo-box { height: 681px;}*/
.faq-area .plan-details_tariff-details--item p {
    margin-bottom: 0 !important;
}

.faq-area .row.plan-details_tariff-details {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.faq-area a.blue-txt,
.device-info a.blue-txt:hover,
.device-info a.blue-txt,
.faq-area a.blue-txt:hover {
    color: #008CFF;
    font-family: ExpoArabic-Medium;
    text-transform: uppercase;
}

.faq-area ol,
.faq-area li {
    color: #868D95;
    margin-bottom: 20px;
}

.hero-style p {
    text-transform: uppercase;
    font-size: 14px;
}

.oc-width.hero-header {
    position: absolute;
    top: 10rem
}

.oc-width.benefit-container {
    position: absolute;
    width: 100%;
    bottom: -50px;
}

.benefit-container .benefit-box {
    border-radius: 8px;
    position: relative;
    overflow: hidden;
    width: 100%;
}

.main-benefit {
    mix-blend-mode: normal;
    opacity: 0.85;
    background: #004F75;
    padding: 20px;
}

.benefit-container span.benefit-bubble {
    position: absolute;
    margin-right: 20px;
    margin-top: -2px;
    padding: 0 10px;
    background: #0AF6EA;
    border-radius: 8px;
    color: #003E71;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue";
    font-size: 12px;
    font-weight: 700;
    line-height: 24px;
    text-transform: uppercase;
    top: -10px;
    z-index: 1;
}

.benefit-container .list-group-item {
    background-color: transparent !important;
    border: 0 !important;
    color: #fff !important;
}

.benefit-container .list-group-item {
    padding: 0.5rem 0 0.5rem 3rem !important
}

.benefit-container .list-group-item font {
    text-transform: capitalize;
    font-size: 14px;
    margin-right: 0.3rem;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue"
}

.benefit-container .list-group-item p {
    font-size: 22px;
    text-decoration: line-through;
    margin-bottom: 0;
}

.benefit-container h3 {
    font-size: 40px;
    margin-bottom: 0
}

p.more-s {
    font-family: ExpoArabic-Light;
    font-size: 16px;
    font-weight: 700;
}

p.item-plan-title {
    font-weight: bold;
}

.price-section {
    padding: 20px;
    background: #fff;
}

.price-section font {
    color: #000
}

.price-section h3 {
    font-size: 48px;
    line-height: 48px;
    color: #00C1C0;
}

.price-section span {
    margin: 5px 5px 0 0;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 17px;
    font-weight: bold;
    line-height: 17px;
    display: flex;
    flex-direction: column;
}

.price-section span small {
    font-weight: bold;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 17px;
}

.price-container {
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    color: #00C1C0;
}

.price-section span font {
    font-weight: normal;
    color: #00C1C0;
    font-size: 14px;
}

.price-section p {
    font-size: 24px;
    color: #232A2D;
    text-decoration: line-through;
    margin-bottom: 0;
}

.price-box {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.oc-width.details-style h1 {
    font-size: 48px;
    line-height: 56px;
}

.oc-width.details-style h3 {
    font-family: "ExpoArabic-Regular";
    text-transform: capitalize;
    font-size: 32px;
    line-height: 40px;
}

.oc-width.details-style h4,
.details-style h3 span {
    font-family: "ExpoArabic-medium";
    text-transform: capitalize;
    font-size: 24px;
    line-height: 32px;
    color: #868D95;
}

.oc-width.details-style .details-content p {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 16px;
    line-height: 20px;
    color: #868D95;
}

a.plan-card-link,
a.plan-card-link:hover {
    color: #01376A;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 24px;
    font-family: ExpoArabic-Medium;
    color: #01376A !important;
    width: fit-content;
}

.plan-card-link img {
    margin: 0 5px 3px 0;
}

.notice-msg span {
    color: #00C1C0;
    text-transform: uppercase;
    font-weight: bold;
}

.notice-msg {
    color: #868D95;
    font-size: 16px;
    line-height: 21px;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.close span {
    float: left;
    margin: 10px 15px;
}

.mobily .plans_banner .nav {
    right: 0;
    padding-right: 0;
}

.list-group-horizontal {
    padding-right: 0;
}

.child h4 {
    font-weight: 700
}

.child h4 font {
    font-size: 12px;
}

.plan .mr-2 {
    margin-right: 0px !important;
}

button.close {
    width: 40px;
    position: absolute;
    left: 0;
    z-index: 22;
}

.modal-backdrop.fade.show {
    z-index: 21 !important;
}

.sim-service h2,
.sim-service p {
    text-align: center;
}

.white-btn,
.blue-btn {
    justify-content: center;
}

.sim-service .white-btn,
.sim-service .blue-btn {
    font-weight: 300 !important;
}

.mobily .pre-card-overlay::before {
    background: linear-gradient(269.45deg, rgba(195, 84, 0, 0.0001) .67%, rgba(195, 82, 0, 0.5) 99.14%);
}

.mobily .post-card-overlay::before {
    background: -webkit-gradient(linear, right top, left top, from(rgba(62, 91, 74, 0.0001)), to(rgba(113, 168, 145, 0.7)));
    background: linear-gradient(270deg, rgba(62, 91, 74, 0.0001) 0%, rgba(113, 168, 145, 0.7) 100%);
}

.mobily .pre-card-overlay::before,
.mobily .post-card-overlay::before {
    content: '';
    height: 100%;
    width: 100%;
    position: absolute;
    border-radius: 8px;
}

.mobily .plans_banner .package-info--wrapper .package .name {
    word-break: break-word;
}

/*Contract for FTTH section*/
.progress-bar {
    background: #F2F4F8 !important;
    height: 12px;
    border-radius: 30px;
}

.progress-bar div {
    background: #008CFF;
    border-radius: 50px;
    position: absolute;
    width: 70%;
    height: 12px;
    top: 0px
}

.custom-rich-text.contract-fit {
    padding: 5rem !important;
}

.mobily .custom-rich-text.contract-fit img {
    width: initial;
    height: initial;
    margin-bottom: 0 !important;
}

.mobily .custom-rich-text.contract-fit h2 {
    max-width: 100% !important;
}

.cursorponter h4 span {
    position: absolute;
    margin-right: 10px;
    margin-top: -2px;
    padding: 0 10px;
    background: #0AF6EA;
    border-radius: 8px;
    color: #003E71;
    font-family: "ExpoArabic-Medium";
    font-size: 12px;
    font-weight: 700;
    line-height: 24px;
    text-transform: uppercase;
}

.cursorponter {
    cursor: pointer;
}

.contract-desc {
    font-size: 32px !important;
    line-height: 40px !important;
}

.contract-duration {
    font-size: 24px !important;
    line-height: 32px !important;
    color: #232A2D !important;
    font-weight: 700 !important;
    text-transform: lowercase;
}

.contract-value {
    font-size: 16px !important;
    line-height: 20px !important;
    color: #868D95 !important;
    font-weight: 700 !important;
}

.cursorponter {
    border: 1.5px solid #D5D8DF;
    border-radius: 8px;
    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.08);
}

.cursorponter:hover {
    box-shadow: none !important;
}

@media (max-width: 768px) {
    .custom-rich-text.contract-fit {
        padding: 2rem !important;
    }
}

/*Footer fix*/
.footer .bottom a {
    margin: 0 0 0 47px;
}

.footer .bottom {
    display: block !important;
}

.footer .bottom span.copyright {
    position: inherit !important;
    margin: 0 auto;
    display: table;
}

/*Business Device Styles*/
#capacity button, #color button, #package button, #commitment button, #filterItemsID button{font-size: 14px; font-family: 'ExpoArabic-Book'; letter-spacing: 0.7px; font-weight: normal; box-sizing: border-box; border-radius: 20px; width: auto; height: 40px; padding: 0 15px; margin-bottom: 15px; border: 4px solid #D5D8DF; margin: 0 0.3rem 1rem;}#capacity button, #color button, #package button, #commitment button, #filterItemsID button{background-color: transparent; color: #51565B;}#filterItemsID button:hover{background-color: #eee !important;}#capacity button.active, #color button.active, #package button.active, #commitment button.active{background-color: #008CFF; color: #fff; border: 4px solid #008CFF; font-weight: bold;}#filterItemsID button.active{background-color: #024DAC !important; color: #fff; border: 4px solid #D5D8DF;}#filterItemsID button.hover{background-color: #eee;}
#color button.Alpine.Green div{border: 4px solid #3A6436;}#color button.Sierra.Blue div{border: 4px solid #69abce;}#color button.Graphite div{border: 4px solid #383428;}#color button.Gold div{border: 4px solid #FFD700;}#color button.Silver div{border: 4px solid #C0C0C0;}#color button.Blue div{border: 4px solid #0000FF;}#color button.Bora.Purple div{border: 4px solid #92d0d0;}#color button.Pink.Gold div{border: 4px solid #B76E79;}#color button.Grey.Green div{border: 4px solid #5E716A;}#color button.Phantom.Black div{border: 4px solid #2d3134;}#color button.Beige div{border: 4px solid #f5f5dc;}#color button.Gray div{border: 4px solid #808080;}#color button.Black div{border: 4px solid #000;}#color button.White div{border: 4px solid #D5D8DF;}#color button.Orange div{border: 4px solid #FFA500;}#color button.Light.Blue div{border: 4px solid #ADD8E6;}#color button.Green div{border: 4px solid #00FF00;}#color button.Phantom.White div{border: 4px solid #F8F8FF;}#color button.Burgundy.Red div{border: 4px solid #F8F8FF;}#color button.Lavender div{border: 4px solid #967bb6;}#color button.Cream div{border: 4px solid #FFFDD0;}#color button.Mystic.Black div{border: 4px solid #383938;}#color button.Deep.Purple div{border: 4px solid #3a243b;}#color button.Space.Black div{border: 4px solid #333334;}#color button.Purple div{border: 4px solid #800080;}#color button.Starlight div{border: 4px solid #f4edc6;}#color button.Midnight div{border: 4px solid #191970;}#color button.Yellow div{border: 4px solid #FFFF00;}#color button.Red div{border: 4px solid #FF0000;}#color button.Pink div{border: 4px solid #FFC0CB;}#color button.Space.Grey div{border: 4px solid #343d46;}
#color button.Alpine.Green.active.active div{background-color: #3A6436;}#color button.Sierra.Blue.active div{background-color: #69abce;}#color button.Graphite.active div{background-color: #383428;}#color button.Gold.active div{background-color: #FFD700;}#color button.Silver.active div{background-color: #C0C0C0;}#color button.Blue.active div{background-color: #0000FF;}#color button.Bora.Purple.active div{background-color: #92d0d0;}#color button.Pink.Gold.active div{background-color: #B76E79;}#color button.Grey.Green.active div{background-color: #5E716A;}#color button.Phantom.Black.active div{background-color: #2d3134;}#color button.Beige.active div{background-color: #f5f5dc;}#color button.Gray.active div{background-color: #808080;}#color button.Black.active div{background-color: #000;}#color button.White.active div{background-color: #D5D8DF;}#color button.Orange.active div{background-color: #FFA500;}#color button.Light.Blue.active div{background-color: #ADD8E6;}#color button.Green.active div{background-color: #00FF00;}#color button.Phantom.White.active div{background-color: #F8F8FF;}#color button.Burgundy.Red.active div{background-color: #F8F8FF;}#color button.Lavender.active div{background-color: #967bb6;}#color button.Cream.active div{background-color: #FFFDD0;}#color button.Mystic.Black.active div{background-color: #383938;}#color button.Deep.Purple.active div{background-color: #3a243b;}#color button.Space.Black.active div{background-color: #333334;}#color button.Purple.active div{background-color: #800080;}#color button.Starlight.active div{background-color: #f4edc6;}#color button.Midnight.active div{background-color: #191970;}#color button.Yellow.active div{background-color: #FFFF00;}#color button.Red.active div{background-color: #FF0000;}#color button.Pink.active div{background-color: #FFC0CB;}#color button.Space.Grey.active div{background-color: #343d46;}
.device-details a.see-link:link, .device-details a.see-link:visited, .device-details a.see-link:hover, .device-details a.see-link:active { color: #008cff; font-size: 16px; line-height: 24px; font-weight: bold;}.device-details a.see-link img {width: 20px; height: 20px;  -webkit-transform: scaleX(-1); transform: scaleX(-1);}
 /* Add some basic styling */
.device-item {margin-bottom: 10px;}
/* Custom styles for the dropdown */
.custom-dropdown {position: relative; display: inline-block;margin-bottom: 10px;}.custom-dropdown > .dropdown-selected {border: none;background-color: transparent;padding: 2px 5px;cursor: pointer;border-bottom: 2px solid #D5D8DF; color: #008CFF; width: fit-content; white-space: nowrap;}.custom-dropdown > .dropdown-selected::after {content: ""; padding: 0 20px; background: url(/MobilyTheme4Resources/img/icon/down-arrow.png) no-repeat left;}.custom-dropdown > .dropdown-options {position: absolute;top: 100%;left: 0;right: 0;display: none;padding: 0;margin: 0;list-style-type: none;background-color: #fff;border: 1px solid #ccc; /* Add a border */box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); /* Add a subtle shadow */z-index: 1;}.custom-dropdown > .dropdown-options li {padding: 5px;cursor: pointer; color: #008CFF;font-size: 2rem; line-height: 40px;}.custom-dropdown > .dropdown-options li:hover {background-color: #008CFF; color: #fff;}.custom-dropdown{font-family: "ExpoArabic-Bold"; font-weight: 400;}.devices-item .thumbnail{width:120px; height:230px;}.hidden{display:none;}#device-info #color, .device-info-box, .addDevice{display: flex; justify-content: right;}#device-info #results{background: #FFF; border: 2px solid #008CFF; box-sizing: border-box; box-shadow: 0px 8px 16px rgba(0, 33, 61, 0.16); border-radius: 8px; padding: 10px 20px;}.device-charges span{font-family: 'ExpoArabic-Medium'; font-style: normal; font-weight: 400; font-size: 12px; line-height: 16px; display: flex; align-items: center; color: #51565B; margin: 5px 0px;}.device-charges p{ font-family: 'ExpoArabic-Book'; font-style: normal; font-weight: 400; font-size: 10px; line-height: 16px; display: flex; align-items: center; color: #51565B; white-space: nowrap; margin: 0;}#get-it-now{margin: 40px 10px 0 0;}.flexing-device, .device-detail{display: flex; justify-content: space-between;}.msg-vat{font-size: 12px; font-weight: bold;}#get-it-now a.regular-btn, #get-it-now a.regular-btn:hover{font-family: ExpoArabic-Bold; font-size: 16px; line-height: 16px; letter-spacing: 0.8px; color: #008CFF;}.device-info-box img{width:60px; height: auto; margin: 0 15px;}.del-btn div{border-radius: 50%; background-color: #eee; padding: 2px 7px; margin-top: 40px; cursor: pointer;}.device-detail{border-radius: 8px; border: 2px #ddd solid; padding: 30px 20px;}.device-info-box{font-size: 14px;}.device-info-box p, .device-info-box span#selected-color{margin:0; font-weight: bold;}.device-detail .counter{border-radius: 8px; border: 2px #ddd solid; padding: 5px 10px; margin: 0 10px; position: relative; top: 4px;top: 9px; height: 30px; background-color: transparent; color: #000; box-shadow: none;}#decrement, #increment{border-radius: 50%; background-color: #eee; padding: 2px 10px; font-size: 18px; cursor: pointer;margin-top: 10px;}#result-info{font-size: 12px}#result-info span, #result-info div{display: flex; justify-content: space-between;}#result-info div{font-size: 14px;}#result-info div p{font-weight: bold}#result-info div p font{font-weight: normal; color: #ccc;}#result-info span > font{padding-right:20px; white-space: nowrap}.device-info-box div span {width: 100%; display: inherit;}#result-info div font{font-weight: bold; white-space: nowrap;}.devices .devices-item {cursor: pointer;}#filterItemsID {text-align: left;}#device-list .devices-item p{font-family: "ExpoArabic-Medium"; line-height: 20px; margin-bottom: 0;}#device-list .devices-item p.price{line-height: 19px;font-family: ExpoArabic-Book;}#result-info span{margin-bottom: 6px;}.del-btn .fa.fa-trash {font-size: 12px;}.addDevice {margin-right: 40px;}#deviceDetailsCarousel [role="button"] {opacity: 1 !important; color: #008CFF !important; border-radius: 28px; border: 2.5px #008CFF solid !important; width: 56px !important; height: 56px !important; position: absolute; z-index: 999; color: #008CFF !important; top: 50%;}.carousel-control-next span, .carousel-control-prev span { background: 0 0; color: inherit; border: none; padding: 0 !important; font: inherit; font-size: inherit; font-size: 24px; cursor: pointer;}#deviceDetailsCarousel .carousel-item.active img, .color-img-1 img, .color-img-2 img, .color-img-3 img, .color-img-4 img, .color-img-4 img, .color-img-5 img, .color-img-6 img {height: 500px; width: auto;}.device-details .content {font-family: ExpoArabic-Book; font-weight: normal; font-size: 16px;}.device-details .content .feature strong {font-family: "ExpoArabic-Bold"; letter-spacing: 0.8px;}.device-details .content .feature p {font-family: ExpoArabic-Medium; color: #51565B; font-size: 12px; line-height: 16px;}.device-details .content .feature {position: relative; padding-right: 64px; margin-bottom: 32px;}.device-details .content .feature > img:first-child {position: absolute; right: 0;}#device-info .device-details_info--carousel .carousel-control-prev, #device-info .device-details_info--carousel .carousel-control-next{-webkit-transform: scaleX(-1); transform: scaleX(-1);}@media (max-width: 768px) {#filterItemsID {text-align: right !important;}.device-detail{display: block;}#result-info {margin-top: 40px;}.addDevice{margin-right:0;}}/*Confirmation page style*/
.mobily .plan-details_banner > img:first-child {height: auto;}.thankyou {width: 100%; position: relative; font-family: "ExpoArabic-Book"; margin: 0 5%;}body#content {height: auto;}.thankyou .description {border-radius: 8px; width: 90%; position: absolute;bottom: -72px;overflow: hidden;}.thankyou .description .text {background: #00213d; mix-blend-mode: normal; backdrop-filter: blur(13.5914px); opacity: 0.7;  padding: 2.14rem !important; min-height: 1px;}.thankyou .description .text span{font-size: 24px; line-height: 32px;}.fontSimp {font-family: "ExpoArabic-Medium";}.btn-white { color: #008cff; border-radius: 0px; justify-content: space-between;  display: flex; font-size: 16px;}footer {margin-top: 20%;}.displayImgDesktop{display:none}.displayImgMobile{display:block}.displayImgMobile img{width:100%}@media only screen and (min-width: 768px) {.thankyou .description {left: 100px;width: 423px;bottom: -71px;}.thankyou .description .text {padding: 2.14rem !important;  min-height: 170px;}footer {margin-top: 5%;}.displayImgDesktop{display:block}.displayImgMobile{display:none}}
.mobily .plan-details_banner > img:first-child {height: auto;}.thankyou {width: 100%; position: relative; font-family: "ExpoArabic-Book"; margin: 0 5%;}body#content {height: auto;}.thankyou .description {border-radius: 8px; width: 90%; position: absolute;bottom: -72px;overflow: hidden;}.thankyou .description .text {background: #00213d; mix-blend-mode: normal; backdrop-filter: blur(13.5914px); opacity: 0.7;  padding: 2.14rem !important; min-height: 1px;}.thankyou .description .text span{font-size: 24px; line-height: 32px;}.fontSimp {font-family: "ExpoArabic-Medium";}.btn-white { color: #008cff; border-radius: 0px; justify-content: space-between;  display: flex; font-size: 16px;}footer {margin-top: 20%;}.displayImgDesktop{display:none}.displayImgMobile{display:block}.displayImgMobile img{width:100%}@media only screen and (min-width: 768px) {.thankyou .description {left: 100px;width: 423px;bottom: -71px;}.thankyou .description .text {padding: 2.14rem !important;  min-height: 170px;}footer {margin-top: 5%;}.displayImgDesktop{display:block}.displayImgMobile{display:none}}
.mobily .plan-details_banner > img:first-child {height: auto;}.thankyou {width: 100%; position: relative; font-family: "ExpoArabic-Book"; margin: 0 5%;}body#content {height: auto;}.thankyou .description {border-radius: 8px; width: 90%; position: absolute;bottom: -72px;overflow: hidden;}.thankyou .description .text {background: #00213d; mix-blend-mode: normal; backdrop-filter: blur(13.5914px); opacity: 0.7;  padding: 2.14rem !important; min-height: 1px;}.thankyou .description .text span{font-size: 24px; line-height: 32px;}.fontSimp {font-family: "ExpoArabic-Medium";}.btn-white { color: #008cff; border-radius: 0px; justify-content: space-between;  display: flex; font-size: 16px;}footer {margin-top: 20%;}.displayImgDesktop{display:none}.displayImgMobile{display:block}.displayImgMobile img{width:100%}@media only screen and (min-width: 768px) {.thankyou .description {left: 100px;width: 423px;bottom: -71px;}.thankyou .description .text {padding: 2.14rem !important;  min-height: 170px;}footer {margin-top: 5%;}.displayImgDesktop{display:block}.displayImgMobile{display:none}}
.mobily .plan-details_banner > img:first-child {height: auto;}.thankyou {width: 100%; position: relative; font-family: "ExpoArabic-Book"; margin: 0 5%;}body#content {height: auto;}.thankyou .description {border-radius: 8px; width: 90%; position: absolute;bottom: -72px;overflow: hidden;}.thankyou .description .text {background: #00213d; mix-blend-mode: normal; backdrop-filter: blur(13.5914px); opacity: 0.7;  padding: 2.14rem !important; min-height: 1px;}.thankyou .description .text span{font-size: 24px; line-height: 32px;}.fontSimp {font-family: "ExpoArabic-Medium";}.btn-white { color: #008cff; border-radius: 0px; justify-content: space-between;  display: flex; font-size: 16px;}footer {margin-top: 20%;}.displayImgDesktop{display:none}.displayImgMobile{display:block}.displayImgMobile img{width:100%}@media only screen and (min-width: 768px) {.thankyou .description {left: 100px;width: 423px;bottom: -71px;}.thankyou .description .text {padding: 2.14rem !important;  min-height: 170px;}footer {margin-top: 5%;}.displayImgDesktop{display:block}.displayImgMobile{display:none}}@media (max-width: 768px) {
#filterItemsID{display:none; margin-top: 20px;}#FilterMenu svg{margin-top: 20px; cursor: pointer;z-index: 9; position: relative;}.dumargin{margin-top: 100px !important;}
}.dumargin{margin-top: 192px;}#increment.disable-link, #decrement.disable-link {color: #ccc; cursor: default;}