/* RTL VERSION */

@font-face {
    font-family: "QTZain Regular";
    src: url("/themes/zain_theme/css/fonts/QTZainText.otf") format("otf"),
         url("/themes/zain_theme/css/fonts/QTZainText.woff") format("woff"),
         url("/themes/zain_theme/css/fonts/QTZainText.woff2") format("woff2"),
         url("/themes/zain_theme/css/fonts/QTZainText.svg") format("svg");
  }
  @font-face {
      font-family: "QTZain Bold";
      src: url("/themes/zain_theme/css/fonts/QTZainTextBoldPC-Bold.otf") format("otf"),
           url("/themes/zain_theme/css/fonts/QTZainTextBoldPC-Bold.woff") format("woff"),
           url("/themes/zain_theme/css/fonts/QTZainTextBoldPC-Bold.woff2") format("woff2"),
           url("/themes/zain_theme/css/fonts/QTZainTextBoldPC-Bold.svg") format("svg");
    }

    @font-face {
        font-family: "QTZain Bold";
        src: local("Arial");
        unicode-range: U+30-39;
      }
      @font-face {
          font-family: "QTZain Regular";
          src: local("Arial");
          unicode-range: U+30-39;
        }

[dir=rtl]  body {
    font-family: "QTZain Regular"!important;
    font-size: 16px;
}
[dir=rtl] li .accordion__title::after {
    left:30px;
    right: unset;
}
[dir=rtl] .columns-list-3 ul li::before {
    left: unset;
    right: 0px;
}

[dir=rtl] .columns-list-3 ul li{
    padding-left:0;
    padding-right:17px;
}
[dir=rtl] section.paragraph.paragraph--type--paragraph-columns .col-md-6 {
    float: right;
}
[dir=rtl] ul.social-icons li {
    margin-right: unset;
    margin-left: 10px;
}
[dir=rtl] .terms-footer {
    padding-right: unset;
}
[dir=rtl] .owl-theme.owl-carousel.owl-vas .owl-nav button {
    transform: rotate(180deg);
    -ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Safari 3-8 */
}

[dir=rtl] .owl-theme.owl-carousel.owl-vas .owl-nav .owl-prev {
    left: unset;
    right: 0;
}


[dir=rtl] .owl-theme.owl-carousel.owl-vas .owl-nav .owl-next {
    right: unset;
    left: 0;
}

[dir=rtl] section.vm-arabic .col-md-7,[dir=rtl] section.vm-arabic .col-md-5  {
    float: right;
}

/* [dir=rtl] .faq-display li .accordion__title::before{
    counter-increment: section;
    content: "س" counter(section) " ";
    font-size: 18px;
    color: #3c3c3b;
    font-weight: 700;
    line-height: 25px;
    text-transform: uppercase;
} */
[dir=rtl] header .col-md-6,[dir=rtl]  #header .col-md-2,[dir=rtl]  #header .col-md-8 {
    float: right;
}

[dir=rtl] header section#block-topmenuright{
    float: left!important;
}
[dir=rtl] header section#block-languageswitcher{
    float: left;
}
[dir=rtl] header section#block-topmenuright--2{
    float: left!important;
}
[dir=rtl] header section#block-languageswitcher--2{
    float: left;
}
[dir=rtl] header a.logo.navbar-btn.pull-left {
    float: right!important;
}

[dir=rtl] header .mennu-myzain,[dir=rtl]  .mennu-mybag,[dir=rtl]  .search-icon {
    float: left;
}
[dir=rtl] .mennu-myzain a.dropdown-toggle:after {
    right: unset;
    left: 0%;
}
[dir=rtl] .notifications-menu a.complaint-link, [dir=rtl]  .mennu-myzain p, [dir=rtl] .mennu-mybag p{
    font-size: 14px;
}

@media (max-width: 768px) {
    [dir=rtl] .notifications-menu a.complaint-link{
        font-size: 18px;
        text-align: start;
    }
}

[dir=rtl] footer ul.menu-icons li h1,[dir=rtl] footer ul.menu-icons li a{
    font-size: 18px;
}

footer ul.menu-icons li h1, footer ul.menu-icons li a{
    font-weight: initial;
    font-family: "QTZain Bold";
}
[dir=rtl] .rectangle-title strong, [dir=rtl] .rectangle strong {
    text-align: right;
}
[dir=rtl] .f30{
    font-size:32px!important;
    line-height: 40px!important;
}

[dir=rtl] .f20{
    font-size:22px!important;
    line-height: 27px!important;
}
[dir=rtl] .f17{
    font-size:19px!important;
}
[dir=rtl] .btn-zain, [dir=rtl] .btn-zain-white{
    font-weight: initial;
    font-family: "QTZain Regular";
    font-size: 18px;
}
@-moz-document url-prefix() {
    [dir=rtl] .btn-zain, [dir=rtl] .btn-zain-white{
      line-height: normal !important;
      padding: 5px 20px !important;
    }
}
[dir=rtl] .region.region-top-menu-left ul li a {
    font-size: 14px;
}
[dir=rtl] .breadcrumb > li,[dir=rtl] .breadcrumb > .active{
    font-size: 16px;
}

[dir=rtl] section#block-languageswitcher ul a{
    padding-right: 20px;
}

[dir=rtl] section#block-languageswitcher--2 ul a{
    padding-right: 20px;
}

[dir=rtl] .side-image-text h1{
    margin-bottom: 0;
}
[dir=rtl] footer ul.menu-icons li img {
    margin-left: 10px;
}
[dir=rtl] .section-sub-title{
    font-size: 20px;
}
[dir=rtl] .region-menu-navigation .navbar-nav>li>a[href="/ar/personal/5g"]{
    font-weight: 600 !important;
}
[dir=rtl] .show-more-btn img {
    transform: rotate(180deg);
    -ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Safari 3-8 */
}
[dir=rtl] .benefit-description p {
    font-family: "QTZain Regular"!important;
    font-size: 16px!important;
}
[dir=rtl] .benefit-description h4 {
    font-family: "QTZain Regular"!important;
    font-size: 22px!important;
    margin-bottom:20px!important;
}
[dir=rtl] .accordion li .accordion__title span{
    font-size: 20px;
    font-weight: initial;
    font-family: "QTZain Regular";
}
[dir=rtl] .accordion li.active .accordion__content p {
    font-size: 19px;
}
[dir=rtl] .paragraph-tab a.has-icons .tab-icons {
    left: unset;
    right: 15px;
}

[dir=rtl] .paragraph-tab a.has-icons p.text {
    left: unset;
    right: 60px;
    text-align: right;
}
[dir=rtl] p.package-info{
    font-size:16px;
}

[dir=rtl] .columns-list-3 ul li{
    font-size: 16px;
}

[dir=rtl] .notification {
    float: right;
}

[dir=rtl] .btn-zain img, [dir=rtl] .btn-zain-white img {
    transform: rotate(180deg);
    -ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Safari 3-8 */
}

[dir=rtl] .package-feature .package-info {
    display: inline-block;
    transform: translateX(+15px);
    -ms-transform: translateX(+15px);
    -webkit-transform: translateX(+15px);
    padding-top: 5px;
}

[dir=rtl] .owl-carousel .disabled .package-info {
    margin-top: -5px;
}

[dir=rtl] .owl-carousel .package-feature img{
float:right;
}

[dir=rtl] .easy-access h3 {
    color: #3c3c3b;
    font-size: 16px;
    font-weight: 400;
    font-family: "QTZain Bold";
}

[dir=rtl] p.package-price{
    direction: rtl;
}
[dir=rtl] .packages-item h4{
    font-size: 32px;
    font-weight: 400;
    font-family: "QTZain Regular";
}
[dir=rtl] .region-menu-navigation .navbar-nav>li>a {
    font-size: 18px;
    font-family: "QTZain Bold";
    font-weight: 599;
}
[dir=rtl] ul.faq-menu li a,
[dir=rtl] ul.new-responsive-carousel li a{
    font-size: 22px;
}
[dir=rtl] #loader {
    display: block;
    position: relative;
    right: calc(50% - 25px);
    top: 50%;
    width: 100px;
    height: 100px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #00A19A;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    z-index: 100001;
}

[dir=rtl] p.package-price {
    color: #3c3c3b;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    text-align: center;
    text-transform: uppercase;
    display: inline-flex;
    margin: 15px 10px;
}

[dir=rtl] p.package-price span {
    color: #3C3C3B;
    font-size: 30px;
    font-weight: 700;
    line-height: 30px;
    text-align: center;
    text-transform: uppercase;
    margin-right: 0;
    margin-top: 2px;
    margin-left: 5px;
}
[dir=rtl] .form-required:after {
    background-image: none !important;
    content: "*";
    font-size: 17px;
    position: absolute;
    transform: translateX(-3px);
    -ms-transform: translateX(-3px); /* IE 9 */
    -webkit-transform: translateX(-3px); /* Safari 3-8 */
    color: #3C3C3B;
}
[dir=rtl] p.package-info strong {
    font-size: 20px;
    line-height: 20px;
    font-weight: 400;
    font-family: "QTZain Regular";
}

[dir=rtl] .locate-btns a:nth-child(1) {
    background: #95c11f;
    border-radius: 0 12px 12px 0;
}
[dir=rtl] .locate-btns a:nth-child(2) {
    background: #00a19a;
}
[dir=rtl] .locate-btns a:nth-child(3) {
    background: #303474;
    border-radius:  12px 0 0 12px;
}
[dir=rtl] .locate-btns a.selected {
    background: white;
}
[dir=rtl] .locate-btns a img {
    margin-right: 0;
    margin-left: 20px;
}
[dir=rtl] button.gm-ui-hover-effect {
    right: unset!important;
    left: -6px!important;
}

[dir=rtl] .gm-style .gm-style-iw-c {
    padding-left: 0px!important;
    padding-bottom: 0px!important;
    padding-right: 12px!important;
}
[dir=rtl] .select-group label {
    text-align: right;
}
[dir=rtl] .stores-list .col-md-4 {
    float: right;
}

[dir=rtl] img.store-icon {
    float: right;
}

[dir=rtl] .store-info {
    float: right;
    margin-right: 25px;
    margin-left: 0;
    text-align: right;
}

[dir=rtl] .store-item .btn-zain-white {
    float: left;
}

[dir=rtl] .partners-footer img {
    height: 30px;
    margin: 0 30px;
    width: auto;
    margin-right: 0;
}



.white-back{
    background-color: white !important;
}
[dir=rtl] .owl-carousel .package-feature .package-info img{
    float: none!important
}

[dir=rtl] .side-image-text-container .image-banner {
    background-position: right;
}
@media only screen and (max-width: 991px) {
    .image-banner{
        min-height: 420px;
        background-size: contain;
        border-radius: 12px 12px 0 0px;
    }
    .side-image-text{
        margin-top:40px;
    }
    .side-image-text h1{
        margin-top:0 !important;
    }
	.selectedvas{
		width: 49%;
	}
	#vasModal .modal-dialog{
		margin:auto 5%;
		width:90%;
		height:60%;
	}


}
@media only screen and (min-width: 992px) {
    .side-image-text-container .image-banner{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .side-image-text-container .col-md-6{
        display: table-cell;
        vertical-align: top;
        float: none;
    }
    .side-image-text-container .row{
        display: table;
    }
    [dir=rtl] .side-image-text-container .row{
        direction: ltr;
        text-align: right;
    }
	.centered-3-col {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
	  }
}
@media (min-width: 898px) {
    [dir=rtl] footer .col-md-6,[dir=rtl]  footer .col-md-7,[dir=rtl]  footer .col-md-5,[dir=rtl]   footer .col-md-4 {
        float: right!important;
    }

    [dir=rtl] footer ul.menu-icons li img{
        margin-right: 0px;
        margin-left: 10px;
    }
    [dir=rtl] footer .menu-icons {
        padding-right: 0px;
    }

    [dir=rtl] #footer .nav{
        padding-right: 0px;
    }

    [dir=rtl] footer a.store-logo {
        margin: 5px 0;
        margin-right: 0px;
        margin-left: 10px;
    }

    [dir=rtl] .terms-footer{
        text-align: left;
    }
    .form-item-type-of-report{
        width:275px !important;
    }
}

[dir=rtl] section#block-languageswitcher ul li:first-child {
    display: block!important;
}
[dir=rtl] section#block-languageswitcher ul li:last-child {
    display: none!important;
}
[dir=rtl] section#block-languageswitcher--2 ul li:first-child {
    display: block!important;
}
[dir=rtl] section#block-languageswitcher--2 ul li:last-child {
    display: none!important;
}

[dir=rtl] .sms-table thead th:first-child:after {
    right: unset;
    left: 0;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-image: url(/themes/zain_theme/img/faq_arrow_green_AR.svg) !important;
}

[dir=rtl] .sms-table tbody td:first-child:before {
    right: unset;
    left: 0;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-image: url(/themes/zain_theme/img/faq_arrow_gray_AR.svg) !important;
}

[dir=rtl] .sms-table tbody td:last-child {
    text-align:right;
    padding: 15px 3em 15px 0;
}

[dir=rtl] .sms-table tbody td:first-child{
    padding: 15px 0 15px 3em;
    text-align:left;
}

[dir=rtl] .sms-table thead th:last-child {
    padding: 0 3em 0 0;
    text-align: right;
}
[dir=rtl] .sms-table thead th:first-child {
    padding: 0 0 0 3em;
    text-align: left;
}


[dir=rtl] .accordion__content table thead tr:first-child th,
[dir=rtl] .accordion__content table thead tr:first-child th p,
[dir=rtl] .accordion__content table thead tr:first-child th strong {
    font-size: 16px!important;
    font-weight: 400;
    line-height: 19px;
    margin-bottom: 0;
}


[dir=rtl] .accordion__content table th,
[dir=rtl] .accordion__content table th p,
[dir=rtl] .accordion__content table th strong {
    font-size: 16px!important;
    font-weight: 400;
    line-height: 19px;
}

[dir=rtl] .accordion__content table tr td,
[dir=rtl] .accordion__content table tr td p,
[dir=rtl] .accordion__content table tr td strong {
    font-size: 20px!important;
    font-weight: 400;
    line-height: 25px;
    margin-bottom: 0;
}

[dir=rtl] .accordion__content table tr td h1,
[dir=rtl] .accordion__content table tr td h1 strong {
    font-size: 26px;
    font-weight: 700;
    line-height: 25px;
}

[dir=rtl] .accordion__content table tr td h2,
[dir=rtl] .accordion__content table tr td h2 strong {
    font-size: 20px;
    font-weight: 700;
    line-height: 25px;
}

[dir=rtl] .contact-tabs-info input[type="radio"] + label {
    float: right;
    margin-right:30px;
}

[dir=rtl] .contact-tabs-info input[type="radio"] + label:before {
    left: unset;
    right: 0;
}

[dir=rtl] .contact-tabs-info input[type="radio"]:checked + label:after {
    left: unset;
    right: 5px;
}


[dir=rtl] #chat-widget-container{
    right:unset!important;
    left:10px!important;
    bottom:10px!important;
}

@media (max-width: 768px) {
    [dir=rtl] .region-footer-5 input[type="submit"] {
        position: relative;
        left: unset;
        right: unset;
        transform: unset;
        -webkit-transform: unset;
        -moz-transform: unset;
        -ms-transform: unset;
        -o-transform: unset;
    }
    /* [dir=rtl] .navbar-toggle{
        float:left;
        margin-bottom: 20px;
        margin-top: 20px;
    } */
    /* [dir=rtl] .navbar-btn{
        position:fixed;
    } */
    .vertical-align-si {
        display: block;
    }
    [dir=rtl] section.paragraph.paragraph--type--paragraph-columns .col-md-6 {
        float: right;
        width: 100%;
    }
}

@media (max-width: 898px) {
    .complaint-table-data .accordion__title {
        display: flow-root;
    }

    .report-table table{
        display: block;
        overflow-x: auto;
    }

}

@media (max-width:600px) {
    .contact-tabs-info{
        width: 100%;
        margin: auto;
    }

    ul.nav.nav-tabs.contact-tabs {
        width: 100%;
    }
    .columns-list-3 ul {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        list-style: none;
    }
}

/*responsive layout for website*/

.expand-arrow{
    display: none;
    position: absolute;
    right: 10px;
    top: 0;
    transform: translate(0, -30%);
    -webkit-transform: translate(0, -30%);
    -moz-transform: translate(0, -30%);
    -ms-transform: translate(0, -30%);
    -o-transform: translate(0, -30%);
}
.resp-hide{
    display: none !important;
}
.resp-show{
    display: block !important;
}
.zain-resp-menu{
    display: none;
    margin-left: 0px;
}
#resp-menu-open{
    display: none;
}
#resp-menu-close{
    display: none;
}
.dropdown-menu a{
    font-size: 16px !important;
    line-height: 22px !important;
    color: #3c3c3b !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    background-color: transparent !important;
}
[dir=rtl] .dropdown-menu a {
    font-size: 18px !important;
}

@media (min-width: 768px) {
    .accordion li.active .accordion__content.media-type-acc .acc-content {
        width: calc(100% - 125px)!important;
    }
    .share-statistics .container {
        padding: 0;
    }
    header li.expanded.dropdown:hover ul.dropdown-menu {
        display: block;
    }    
    .dropdown-menu{
        text-align: left;
        border-radius: 10px !important;
        border: #ffffff;
        background-color: #ffffff;
        box-shadow: 0px 6px 14px rgba(0,0,0,0.11);
        padding: 10px;
        float: none;
        width: fit-content;
        position:absolute;
        left:50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
    }
    .dropdown-menu li{
        padding: 10px 0;
    }
    .dropdown-menu > li > a:hover,
    .dropdown-menu > li > a:active,
    .dropdown-menu > li > a:focus{
        color: #00a19a !important;
    }
    .caret{
        visibility: hidden;
        display:none;
    }
    .view-all-news .form-item-field-summary-value, .view-all-events .form-item-field-summary-value{
        width:375px !important;
    }
    header {
        position: fixed;
        top: 0;
    }
	[dir=rtl] .dropdown-menu{
        text-align: right;
	}
}
@media (max-width: 768px) {
    .overflow-content{
        overflow-x: scroll;
        white-space: nowrap;
    }
    [dir=rtl] .overflow-content{
        direction: ltr;
    }

    .easy-access {
        width: 100%;
        margin-left: 0%;
        padding: 10px;
    }
    .easy-access h3{
        font-size: 11px;
    }
    [dir=rtl] .easy-access h3{
        font-size: 13px;
    }
    .easy-access img {
        margin: auto;
        margin-bottom: 3px;
        width: 30px;
    }
    .easy-access div{
        width: 33.33%;
        float: left;
    }
    .footer-items{
        margin-left: 0px;
        margin-right: 0px;
    }
    .menu--footer, .menu--b2b-zain-ksa{
        display: none;
    }
    .menu--zain-ksa{
        display: none;
    }
    #block-gethelp-menu,
    #block-b2bzainksa-menu,
    #block-zainksa-2-menu {
        color:#ffffff;
        background-image: url(/themes/zain_theme/img/white-arrow-down.svg);
        background-repeat: no-repeat;
        background-position: right;
    }
    [dir=rtl] #block-gethelp-menu,
    [dir=rtl] #block-b2bzainksa-menu,
    [dir=rtl] #block-zainksa-2-menu{
        background-position: left;
    }
    .menu--footer li, .menu--b2b-zain-ksa li{
        margin-bottom: auto;
    }
    .menu--zain-ksa li{
        margin-bottom: auto;
    }
    #block-zainksa-menu{
        color:#ffffff;
        background-image: url(/themes/zain_theme/img/white-arrow-down.svg);
        background-repeat: no-repeat;
        background-position: right;
    }
    [dir=rtl] #block-zainksa-menu{
        background-position: left;
    }
    [dir=rtl] #block-usefullinks-menu{
        background-position: left;
    }
    .expand-arrow-down{
        background-image: url(/themes/zain_theme/img/white-arrow-down.svg) !important;
    }
    .expand-arrow-up{
        background-image: url(/themes/zain_theme/img/white-arrow-up.svg) !important;
    }
    .social-icons li{
        margin-right:10px !important;
    }
    .region-footer-5 input[type="submit"]{
        position: relative;
        left: unset;
        right: unset;
        transform: unset;
        -webkit-transform: unset;
        -moz-transform: unset;
        -ms-transform: unset;
        -o-transform: unset;
    }
    .contact-card{
        margin-bottom: 20px;
    }
    #block-usefullinks-menu {
        color: #ffffff;
        background-image: url(/themes/zain_theme/img/white-arrow-down.svg);
        background-repeat: no-repeat;
        background-position: right;
    }
    
    ul.menu.menu--useful-links.nav {
        display: none;
        padding: 0px 15px;
        font-size: 18px;
    }
    /*ul.faq-menu {
        padding:0px 25px;
    }
*/    .show-more-btn{
        transform: translate(50%, 50%);
        -webkit-transform: translate(50%, 50%);
        -moz-transform: translate(50%, 50%);
        -ms-transform: translate(50%, 50%);
        -o-transform: translate(50%, 50%);
        top: 400px;
        right: 50%;
    }
    .tab-pane section:first-child .show-more-btn{
        top:450px;
    }
    #block-zainksa{
        margin-bottom: 15px;
    }
    #block-gethelp,
    nav#block-b2bzainksa{
        margin-bottom: 35px;
    }
    .resp-hide{
        display: block !important;
    }
    .resp-show{
        display: block !important;
    }
    .zain-mainmenu .text-center{
        display: none;
    }
    .zain-mainmenu .text-right{
        display: none;
    }
    /* .owl-stage{
        margin-left: 14%;
    } */
    /* .owl-carousel.owl-vas .owl-item {
        float: left;
        width: 33% !important;
        display: block;
    }    */
    /* .owl-vas .owl-stage-outer{
        margin-left: -30px;
    }  */
    .navbar-btn{
        position: relative;
        left: 50%;
        transform: translate(-50%,0);
        -webkit-transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
    }
    .navbar-btn img{
        max-width: 50px;
    }
    .zain-mainmenu{
        border-bottom: 1px solid rgba(227, 227, 227, 0.4);
    }
    .zain-resp-menu ul li{
        display: block !important;
        text-align: left !important;
        margin: 0px;
    }
    .row.top-menu{
        padding: 2px 5px;
        margin: 0px -5px;
        font-size: 12px;
    }
    .packages-item h4{
        font-size: 24px;
    }
    [dir=rtl] .packages-item h4{
        font-size: 30px;
    }
    .zain-resp-menu > div .region-top-menu-right {
        display: block;
    }
    
    .zain-resp-menu {
        display: block;
        margin-left: 0px;
    }
    
    
    .zain-resp-menu .region-top-menu-right #block-topmenuright {
        display: none;
    }

    .zain-resp-menu .region-top-menu-right #block-topmenuright--2 {
        display: none;
    }

    .owl-theme.owl-carousel.owl-vas .owl-nav{
        display: none;
    }
    .owl-theme.owl-carousel.owl-vas .owl-dots{
        display: block;
        margin-top: 10px;
    }
    footer#footer{
        padding: 3em 0em 0 0em;
    }
    ul.social-icons{
        margin-bottom: 0;
    }
    .accordion li .accordion__content .half-tab {
        width: 100%;
    }
    .accordion li.active .accordion__content{
        padding: 2em 0;
    }
    .accordion li.active .content_pad2{
        padding: 2em;
    }
    .accordion li .accordion__content{
        padding: 0;
    }
    li .accordion__title::after{
        right:0;
    }
    li .afterpad::after{
        right:0;
    }
    [dir=rtl] li .accordion__title::after{
        left: 0.2em;
    }
    .footer .store-logo img {
        height: 40px;
    }
    .banner-info{
        width:100%;
        left:0;
        text-align: center;
    }
    .banner-info .btn-zain {
        margin: auto;
    }
    #footer{
        padding: 3em 0 0 0 !important;
        margin-left: -5px;
    }
    #footer .menu--zain-ksa{
        padding:0px 15px;
        font-size: 18px
    }
    #footer .menu--footer,
    #footer .menu--b2b-zain-ksa{
        padding:0px 15px;
        font-size: 18px
    }
    .zain-resp-menu .region-menu-right{
        padding-left: 20px;
    }
    .navbar-toggle{
        margin-right: 5px;
        margin-top: 8px;
    }
    #main-menu-inner.navbar-toggle,
    #main-menu-inner .navbar-toggle{
        margin-right: 0px;
        padding-right: 0px;
    }
    .dropdown-menu > li > a{
        text-transform: uppercase;
        font-weight: bold;
    }
    .dropdown-menu{
        background-color: #fafafa !important;
        padding: 15px 35px;
        margin-left: -20px;
        margin-right: -5px;
    }
    [dir=rtl] .dropdown-menu{
        margin: 0px -15px 0px -30px;
    }
    .caret{
        position: absolute;
        right: 3%;
        bottom: -10%;        width: 50px;
        height: 50px;
        border: 0px;
        background-image: url(/themes/zain_theme/img/iconarrow-down.svg);
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }
    .open .caret{
        background-image: url(/themes/zain_theme/img/iconarrow-up.svg);
    }
    .container-fluid .accordion li .accordion__content:before {
        content: "";
        display: none;
    }

    .container-fluid .accordion li .accordion__content:after {
        content: "";
        display: none;
    }
    .owl-carousel.owl-tab-slider.owl-theme {
        margin: 0 15px;
        width: calc( 100% - 30px);
    }
    .owl-theme.owl-carousel.owl-tab-slider .owl-nav .owl-prev {
        left: -15px;
    }


    .owl-theme.owl-carousel.owl-tab-slider .owl-nav .owl-next {
        right: -15px;
    }
    .paragraph--type--paragraph-tabs ul.nav.nav-tabs {
        border: 0;
        padding: 0;
    }
}

/* side image paragraph */

@media (max-width: 768px) {
    #show-more {
        z-index: 4;
        width: 142px;
        height: 19px;
        color: #3c3c3b;
        font-family: "Nunito Sans";
        font-size: 14px;
        font-weight: 400;
        line-height: 19px;
        text-align: right;
        position: absolute;
        left: -15%;
        top: 575px;
    }
    .views-field-field-trending-items .f20 {
        margin-left: 0%;
        position: absolute;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
    }
}

/* Vendors management */

@media (max-width: 768px) {
 
    .rect-1-btn{
        width:50%;
    }
}

/* FAQ */
@media (max-width: 768px) {
    [about='/ar/personal/email-us'] .col-md-6,
    [about='/ar/business/email-us'] .col-md-6
    {
        float:none !important;
    }
    .webform-zain label.control-label{
        margin-bottom:0px;
        margin-top: 18px;
    }
    .partner-form .radio{
        display: inline-block;
    }
    .accordion li .accordion__content .half-tab{
        width: 100%;
    }
    .accordion .accordion__content td{
        padding: 0 5px;
    }
    .table-td-50 td{
        width: 50% !important;
    }

    /*Email Us*/
    .webform-progress-tracker li[data-webform-page=webform_confirmation] {
        left:3%;
    }

    .row.top-menu .text-right{
        display: none;
    }
    .zain-resp-menu #block-topmenuright {
        float: left !important;
    }
    .zain-resp-menu #block-topmenuright--2 {
        float: left !important;
    }
    .zain-resp-menu .region , .zain-resp-menu .menu-seperator{
        display:none;
    }
    .zain-resp-menu .region-top-menu-right{
        margin-bottom: 0;
        display: block;
    }
    .zain-resp-menu.resp-hide .region, .zain-resp-menu.resp-hide .menu-seperator {
        display: block;
    }
    
    .zain-resp-menu.resp-hide .region-top-menu-right #block-topmenuright {
        display: block;
        width: 100%;
        z-index: 9999;
    }
    .zain-resp-menu.resp-hide .region-top-menu-right #block-topmenuright--2 {
        display: block;
        z-index: 9999;
    }

    .notifications-menu {
        width:100%;
        display: block;
    }

    .zain-resp-menu #block-languageswitcher{
        margin-right: 4%;
        position: absolute;
        top: 0;
        right: 0;
        float: unset;
    }
    .zain-resp-menu #block-languageswitcher .ar{
        text-align: right !important;
    }
    .zain-resp-menu #block-languageswitcher--2{
        margin-right: 4%;
        position: absolute;
        top: 0;
        right: 0;
        float: unset;
    }
    .zain-resp-menu #block-languageswitcher--2 .ar{
        text-align: right !important;
    }
    .zain-resp-menu .notifications-menu .notification{
        display: none;
    }
    .zain-resp-menu .notifications-menu .complaint-link{
        font-size: 16px;
        font-weight: 700;
        line-height: 25px;
        text-transform: uppercase;
        display: block;
        padding:15px 20px;
        width: 100%;
        border-bottom:1px solid #e3e3e3;
        text-align: left;
    }
    .zain-resp-menu .notifications-menu .last-link {
        margin-bottom: 20px;
    }
    .menu-seperator{
        border-bottom: 1px solid #e3e3e3;
        margin: 60px 10px -20px -5px;
    }
    .zain-resp-menu .region-menu-right{
        margin-top: 15px;
        margin-bottom:25px;
    }
    .mennu-myzain {
        margin: 10px 7px;
    } 
    
    .zain-resp-menu .region-menu-right div.mennu-myzain {
        width: 100%;
        position: relative;
        margin-left: 0;
    }
    
    .zain-resp-menu .region-menu-right div.mennu-myzain .my-zain-icon {
        float: left;
    }
    
    .zain-resp-menu .region-menu-right div.mennu-myzain .hello-userbox {
        float: left;
        margin: 6px;
        width: calc( 100% - 50px);
        text-align: left;
    }
    
    .zain-resp-menu .region-menu-right div.dropdown-menu {
        position: relative;
        float: left;
        width: 100%;
        border: 0;
        background-color: white!important;
        box-shadow: none;
        padding: 10px 35px;
    }
    
    .zain-resp-menu .region-menu-right div.my-zain-text {
        float: left;
        margin: 6px;
    }
    .mennu-myzain {
        margin: 10px 7px;
    }

    .zain-resp-menu .region-menu-right .mennu-myzain > a{
        display: inline-block;
        float: left;
    }
    .zain-resp-menu .search-icon{
        display:none;
    }
    .zain-resp-menu .region-menu-right div p{
        /*margin-top: -25px;
        margin-left: -50%;*/
        display: inline-block;
        float: left;
        margin-top: 4px;
        margin-left: 5px;
        font-size: 16px;
        font-weight: 400;
        line-height: 22px;
    }

    .mennu-myzain a.dropdown-toggle:after {
        content: "";position: absolute;
        right: 3%;
        top: 50%;
        width: 50px;
        height: 50px;
        border: 0px;
        background-image: url(/themes/zain_theme/img/iconarrow-down.svg);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        transform: translateY(-10px);
    }

    .mennu-myzain a.dropdown-toggle {
        position: relative;
        display: block;
    }

    .mennu-myzain .open  a.dropdown-toggle:after {
        background-image: url(/themes/zain_theme/img/iconarrow-up.svg);
    }

    [dir=rtl] .zain-resp-menu .menu--main{
        padding: 17px 30px;
    }
    [dir=rtl] .zain-resp-menu .menu--main li{
        text-align: right !important;
    }
    [dir=rtl] .caret{
        right:90%;
    }
    [dir=rtl] .zain-resp-menu .region-menu-right div{
        margin-right: 10px;
        padding-top: 6px;
    }
    [dir=rtl] .zain-resp-menu .region-menu-right div.mennu-myzain .hello-userbox {
        float: right;
        margin: 6px;
        width: calc( 100% - 60px);
        text-align: right;
    }
    [dir=rtl] .zain-resp-menu .region-menu-right div.mennu-myzain .my-zain-icon {
        float: right;
    }
    [dir=rtl] .zain-resp-menu .region-menu-right div.dropdown-menu {
        text-align: right;
    }
    [dir=rtl] .zain-resp-menu .region-menu-right div p{
        margin-left: 60%;
        float: right;
        margin-right: 5px;
    }
    [dir=rtl] header section#block-topmenuright{
        float: right!important;
        margin-right: 10px;
    }
    [dir=rtl] header section#block-topmenuright--2{
        float: right!important;
        margin-right: 10px;
    }
    [dir=rtl] .zain-resp-menu #block-languageswitcher{
        margin-left: 2%;
        margin-right: 0;
        position: absolute;
        top: 5px;
        left: 0;
        right: unset;
        float: unset;
    }
    [dir=rtl] .zain-resp-menu #block-languageswitcher--2{
        margin-left: 2%;
        margin-right: 0;
        position: absolute;
        top: 5px;
        left: 0;
        right: unset;
        float: unset;
    }
    [dir=rtl] .expand-arrow{
        left: 10px;
        right: auto;
    }
    [dir=rtl] .menu-icons{
        padding:0px;
        margin-right: -15px;
    }
    [dir=rtl] .social-icons{
        margin-right:-15px;
    }
    [dir=rtl] .store-logo{
        margin-right:0px;
    }
    [dir=rtl] #footer{
        font-family: "QTZain Bold";
    }
    /*[dir=rtl] .ares.tp-bullets{
        display: none;
    }*/

}

/*about-zain*/
@media (min-width: 768px){
    .owl-csresp{
        margin-left: 1%;
    }
    [dir=rtl] .show-more-btn {
        text-align: left;
        right: unset !important;
        left: 5px;
    }
    [dir=rtl] .paragraph--type--chart-block .chartjs-render-monitor{
        border-left: solid 1px #e6e4e7;
    }
    [dir=ltr] .paragraph--type--chart-block .chartjs-render-monitor{
        border-right: solid 1px #e6e4e7;
    }
    [dir=rtl] .view-share-statistics-view .col-md-4 {
        float: right;
    }
}
@media (max-width: 768px) {
    .paragraph--type--chart-block .chart-container{
        padding: 40px 0px;
    }
    .news-item{
        width: 95%;
        margin-left: 2.5%;
    }
    .events-item{
        width: 95%;
        margin-left: 3%;
    }
    article[about='/en/about-zain'] section{
        padding-bottom: 50px;
    }
    article[about='/en/about-zain'] .show-more-btn  {
        right: 50%;
        top: 100% !important;
        z-index: 1;
    }
    .show-more-fixer{
        margin-bottom: -35px;
    }
    .abus-show-more{
        margin-top: 0px;
    }
    [dir=rtl] .news-item{
        margin:auto
    }
    [dir=rtl] .show-more-btn {
        top:475px;
    }
}
[dir=rtl] .director-page .col-md-6{
    float:right;
}
[dir=rtl] .news-page .col-md-6{
    float:right;
}
[dir=rtl] .news-page .owl-dots{
    text-align: right;
}
[dir=rtl] .news-page .share-btn img{
    left: 5%;
    right: unset;
    float: left;
}
[dir=rtl] .news-footer img{
    right: auto;
    left: 30px;
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}
/* [dir=rtl] .news-footer a {
    float: left;
} */
[dir=rtl] .abus-show-more{
    right:88% !important;
}
[dir=rtl] .news-item{
    float: right;
    margin: 0 4.5%;
}
[dir=rtl] .events-item{
    margin-left: unset;
    margin-right: 6%;
}
[dir=rtl] .view-most-recent-news .news-item {
    float: right;
    margin: 10px auto;
}
[dir=rtl] .news-page .owl-carousel .owl-item img {
    width: 95%;
}
[dir=rtl] article[about='/en/about-zain'] .show-more-{
    top:50px;
}
[dir=rtl] .news-page .social-share{
    right: unset;
    left:30px;
    direction: ltr;
}
[dir=rtl] .news-page p{
    font-family: "QTZain Regular";
}
.news-page .owl-carousel .owl-item img {
    width: 95%;
}
[dir=rtl] .accordion__content .social-share{
    direction: ltr;
    text-align: left;
}

/*Quality Report translation*/
[dir=rtl] .view-quality-reports .table-container .col-md-offset-1{
    margin-left: auto;
    margin-right: 8.33333333%;
}
/*All events Translation*/
[dir=rtl] .view-all-events .events-content, [dir=rtl] .view-all-events .news-footer, [dir=rtl] .view-all-news .events-content, [dir=rtl] .view-all-news .news-footer{
    text-align: right;
}
[dir=rtl] .all-events .events-item{
    margin-right:0px;
}
[dir=rtl] .view-all-events .view-content, [dir=rtl] .view-all-news .view-content{
    direction: rtl;
}
[dir=rtl] .media-item{
    margin-right:5.5%;
}
@media (min-width: 769px){
    article[about="/en/personal/5g"] .side-image-par .si-card{
        height: auto;
        padding-top: 100px;
        padding-bottom: 70px;
    }
    article[about="/en/personal/5g"] .side-image-par .si-card .side-image-text h1{
        font-size: 27px;
    }
    article[about="/en/personal/5g"] .side-image-par .si-card .side-image-text{
        padding-left: 90px;
        padding-top: 0px;
    }
    article[about="/en/personal/5g"] .side-image-par .si-card .side-image-text .vertical-margin-100{
        margin: 75px 0 100px 0;
    }
    article[about="/en/personal/5g"] .side-image-par .si-card p.vertical-margin-100{
        margin: 40px 0px;
    }
    .news-page .owl-dots{
        padding: 0px 10px;
    }
    article[about="/ar/personal/5g"] .side-image-par .si-card{
        height: auto;
        padding-top: 90px;
        padding-bottom: 70px;
    }
    article[about="/ar/personal/5g"] .side-image-par .si-card .side-image-text h1{
        font-size: 29px;
        margin-bottom: 0.2em;
        margin-top: 0;
    }
    article[about="/ar/personal/5g"] .side-image-par .si-card .side-image-text{
        padding-right: 100px;
        direction: rtl !important;
    }
    .side-image-par .si-card .side-image-text .top-margin-75{
        margin-top: 75px;
    }
    article[about="/ar/personal/5g"] .side-image-par .si-card p.vertical-margin-100{
        margin: 40px 0px;
    }
    /*.view-all-events .view-content, .view-all-news .view-content{
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
    }*/
    .view-all-events .view-content .views-row, .view-all-news .view-content .views-row{
        display: inline-block;
    }
    .all-events .events-item{
        margin-left: 0;
        width:370px;
    }
    .view-all-events .views-exposed-form .form-item-body, .view-all-news .views-exposed-form .form-item-body{
        width:30%
    }
    .report-table .table-column{
        padding:20px;
        max-width: 250px;
    }
    .view-quality-reports .form-item-changed{
        width: 350px;
    }
    .view-quality-reports .views-exposed-form .form-item-title{
        width:350px;
    }
    .view-tadawul-announcements .view-content .views-row {
        display: inline-block;
    }
    .owl-investor-tabs .owl-nav span{
        display:none;
    }
    .owl-investor-tabs .owl-nav button:hover {
        background: #ffffff !important;
    }
    .owl-investor-tabs .owl-nav{
        position: absolute;
        bottom: 57px;
        display: block;
        width: 100%;
    }
    .owl-investor-tabs .owl-nav .owl-prev{
        position: absolute;
        left: 0px;
    }
    .owl-investor-tabs .owl-nav .owl-next{
        position: absolute;
        right: 0px;
    }
    .owl-investor-tabs .owl-item .active a{
        border-bottom: 2px solid #95c11f;
        font-weight: 700;
    }
    .owl-investor-tabs .owl-item{
        height: 30px;
    }
    [dir=ltr] .financial-report-item .row:first-child{
        padding: 15px 50px 15px 20px;
    }
    .hide-element{
        display:none !important;
    }
    .show-element{
        display:block !important;
    }
    .resp-search-button{
        display: none;
    }
    [dir=ltr] .accordion__title{
        padding-right: 6% !important;
    }
    [dir=rtl] .accordion__title{
        padding-left: 6% !important;
    }
    [dir=ltr] .accordion__content > p, [dir=ltr] .accordion__content > ul, [dir=ltr] .accordion__content > ol {
        width: 50%;
    }
    [dir=rtl] .accordion__content > p, [dir=rtl] .accordion__content > ul, [dir=rtl] .accordion__content > ol {
        width: 50%;
    }
    .accordion .active .accordion__content{
        padding: 28px 38px !important;
    }
    .accordion.info-acc .active .accordion__content{
        padding: 15px 38px !important;
    }
}
@media (max-width: 768px){

    .paragraph--type--paragraph-columns .header-video #header-video-title img {
        bottom: 15%;
    }
    .packages-item .btn-zain-white{
        display: block;
        width: 175px;
        margin: 15px auto;
    }
    article[about="/en/personal/5g"] .side-image-par .si-card,
    article[about="/ar/personal/5g"] .side-image-par .si-card{
        padding-top: 20px;
        padding-bottom: 20px;
    }
    [dir=ltr] .sms-table th{
        margin: auto;
    }
    [dir=rtl] .fiveg-acc {
        margin: 0px -35px;
    }
    .accordion__content .social-share{
        height:42px;
    }
    [dir=ltr] .accordion__title{
        padding: 15px 15% 15px 0px !important;
    }
    [dir=rtl] .accordion__title{
        padding: 15px 0px 15px 15% !important;
    }
    [dir=rtl] .accordion__content .social-share-btn{
        padding-left:10px;
    }
    section#block-languageswitcher ul{
        margin-top:5px;
    }
    [dir=rtl] section#block-languageswitcher ul{
        margin-top:0px;
    }
    section#block-languageswitcher--2 ul{
        margin-top:5px;
    }
    [dir=rtl] section#block-languageswitcher--2 ul{
        margin-top:0px;
    }
    div#page{
        margin-top: 101px;
    }
    .responsive-tabs .nav-tabs{
        overflow-x: scroll;
        overflow-y: hidden;
        white-space: nowrap;
        height: 60px;
        padding: 0px;
    }
    [about="/en/personal/5g"] .accordion .half-tab{
        padding: 0px 25px;
    }
    [about="/ar/personal/5g"] .accordion .half-tab{
        padding: 0px 25px;
    }
    .all-events .events-item{
        width:100%;
        margin-left:0px;
    }
    .report-table table{
        display: block;
        overflow-x: auto;
        margin-left: 15%;
    }
    .report-table .table-column{
        min-width: 150px;
        padding:5px;
    }
    .view-quality-reports .views-exposed-form{
        margin-bottom: auto;
    }
    .view-all-events .views-exposed-form .form-item-changed, .view-all-news .views-exposed-form .form-item-changed{
        width:50%
    }
    [dir=rtl] .events-item{
        margin-right:2.5%;
    }
    [dir=rtl] .news-item{
        margin-right:2.5%;
    }
    .responsive-flip{
        transform: scaleY(-1);
        -webkit-transform: scaleY(-1);
        -moz-transform: scaleY(-1);
        -ms-transform: scaleY(-1);
        -o-transform: scaleY(-1);
    }
    [dir=rtl] .table-name{
        right: 5px !important ;
    }
    .table-name{
        left: unset;
    }
    .pnr-section .rf-title{
        width: 220px;
    }
    .accordion.info-acc .active .accordion__content{
        padding: 1em 15px;
    }
    [dir=rtl] .accordion.info-acc .active .accordion__content{
        padding:1em 15px;
    }
    .f30 {
        font-size: 20px!important;
        line-height: 30px!important;
    }
    .accordion li .accordion__title span {
        font-size: 16px;
    }
    .accordion li.active .accordion__content p {
        font-size: 15px;
    }


}

[dir=rtl] .pnr-section .rf-item .dl-btn a:after {
    content: 'تحميل';
}
[dir=rtl] .pnr-section .rf-title{
    text-align: right;
}

[dir=rtl] .pnr-section .rf-title{
    font-family: "QTZain Regular";
}
[dir=rtl] .owl-directors .owl-nav{
    transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -o-transform: scaleX(-1);
}
[dir=rtl] .related-files .rf-item .rf-title{
    float:right;
    margin-right:-15px;
}
[dir=rtl] .related-files .dl-btn img {
    float: left;
}
[dir=rtl] .underline-tab a{
    font-family: "QTZain Regular";
}
[dir=rtl] .about-us-background .col-md-5 {
    margin-top: 180px;
}
[dir=rtl]  .views-exposed-form button:before{
    content: 'بحث';
    font-family: "QTZain Regular";
    font-size: 18px;
}
[dir=rtl] .select-wrapper select{
    background-position: right;
    background-position-x: 16px;
    font-size:18px;
}
[dir=ltr] .display-ar{
    display: none;
}
[dir=rtl] .display-en{
    display: none;
}
.display-ar{
    font-family: "QTZain Regular";
}
[dir=rtl] .viewsreference--view-title,
[dir=rtl] .pnr-section .pnr-section-title,
[dir=rtl] .charts-title .section-title,
[dir=rtl] .tadawul-announcements .viewsreference--view-title,
[dir=rtl] .financial-reports .viewsreference--view-title,
[dir=rtl] .share-statistics .viewsreference--view-title,
[dir=rtl] .pnr-section .pnr-section-title,
[dir=rtl] .tadawul-announcements .viewsreference--view-title,
[dir=rtl] .contact-institutions-page .viewsreference--view-title,
[dir=rtl] .capitalReduction .viewsreference--view-title,
[dir=rtl] .chart-title{
    text-align: right;
    font-family: "QTZain Regular";
    font-size:32px;
}

[dir=rtl] .owl-media-center .owl-nav {
    transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -o-transform: scaleX(-1);
}
[dir=rtl] .table-name{
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    right: 15px;
    left: unset;
}
[dir=rtl] .view-tadawul-announcements .all-events .news-footer{
    text-align: right;
}
[dir=rtl] .tadawul-page .col-md-6{
    float:right;
}

[dir=rtl] .pnr-section .rf-item{
    float:right;
}

/*financial reports*/
[dir=rtl] .financial-report-item .quarter-title{
    text-align: right;
    float:right;
}
[dir=rtl] .financial-report-item .quarter-lang{
    text-align: left;
    padding-left: 45px;
}
[dir=rtl] .financial-report-item .quarter .quarter-en-file{
    text-align: left;
}
[dir=rtl] .financial-report-item .quarter .quarter-ar-file{
    text-align: left;
}

[dir=rtl] .financial-reports .filter-visibility-controller{
    right: unset;
    left:0px;
    background-position-x: 0px;
    width: 100px;
}
@media (max-width: 768px){
    .capital-reduction img{
        margin-top: 10px;
    }
    [dir=rtl] .news-page .col-md-6{
        width:100%;
    }
    .side-image-text .know-more-btn{
        top: calc(100% - 55px) !important;
    }
    [dir=rtl] .resp-search-bar .resp-close-search-form{
        right:88%;
        top: 50%;
        transform: translateY(-50%);
    }
    [dir=rtl] .search-block-form .form-search{
        float:left;
    }
    [dir=rtl] .search-block-form .form-submit{
        right: -25px;
        position: absolute;
    }
    .resp-search-button{
        position: absolute;
        width: 52px;
        background-image: url(/themes/zain_theme/img/icon_search.svg);
        background-repeat: no-repeat;
        background-position-x: center;
        background-position-y: bottom;
        height: 40px;
    }
    [dir=rtl] .resp-search-button{
        right:0%;
    }
    .financial-reports .viewsreference--view-title,
    .share-statistics .viewsreference--view-title,
    .charts-title .section-title,
    .tadawul-announcements .viewsreference--view-title,
    .pnr-section .pnr-section-title,
    .pnr-section .pnr-section-title,
    .tadawul-announcements .viewsreference--view-title,
    .contact-institutions-page .viewsreference--view-title,
    .capitalReduction .viewsreference--view-title,
    .chart-title{
        font-size: 24px !important;
    }
    .financial-reports .filter-visibility-controller{
        font-size: 16px;
        width: 119px;
        background-position-x: 88px;
        background-color: white;
    }
    .financial-report-item .quarter-title{
        font-size: 18px;
    }
    [dir=rtl] .financial-report-item .quarter-lang{
        font-size:20px !important;
    }
    [dir=rtl] .financial-report-item .quarter-title{
        font-size: 20px !important;
        line-height: 28px !important;
    }
    .tadawul-page img{
        width: 100%;
        margin-bottom: 20px;
    }
    .faq-tabs .nav-tabs li{
        margin: 0 1%;
    }
    .financial-report-item .quarter .quarter-ar-file,.financial-report-item .quarter .quarter-en-file, .financial-report-item .quarter-lang, [dir=rtl] .financial-report-item .quarter-lang, [dir=rtl] .financial-report-item .quarter .quarter-en-file, [dir=rtl] .financial-report-item .quarter .quarter-ar-file{
        text-align: center;
    }
    [dir=rtl] .financial-report-item .quarter-lang{
        padding-left: 15px;
    }
    .home-page .show-more-btn{
        top: 100%;
        right: 50% !important;
        left: unset;
    }
    .resp-search-bar{
        background-color: #ffffff;
        height: 100%;
        position: relative;
    }
    .resp-search-bar #block-zain-theme-main-menu{
        display:none !important;
    }
    .resp-search-bar .search-block-form{
        display:none;
    }
    .resp-hide-element{
        display:none !important;
    }
    .search-block-form .input-group{
        margin: 10px auto;
    }
    .search-block-form .input-group input{
        margin-bottom: 10px;
    }
    .resp-search-bar .resp-close-search-form{
        position: absolute;
        right: 4%;
        z-index: 10;
        top: 50%;
        transform: translateY(-50%);
    }
    .news-page .summary, .news-page .abus-content, .news-page .related-files{
        padding: 0px 10px;
    }
    .news-page .news-item{
        width:95%;
    }
    .request-form-validation{
        width:100%;
    }
    section.paragraph.slider.home-page:not(.plans-show-more-btn) {
        padding: 2em 0 4em 0 !important;
    }

}
[dir=rtl] .capital-reduction .col-md-6{
    float:right;
}
[dir=rtl] .view-tadawul-announcements .views-exposed-form {
    margin-right:0px;
}
[dir=rtl] .main-share-btn{
    text-align: left;
}
[dir=rtl] .home-page .show-more-btn {
    right: 0;
}
[dir=rtl] [about="/ar/complaint-info"] .form-item-complaint-open-ticket-for-a-different-number .form-checkbox{
    margin-right:-15px
}

[dir=rtl] .col-text-campaign p{
    color: #3c3c3b;
    font-size: 16px;
    font-weight: 500;
    line-height: 27px;
}
[about="/ar/complaint-info"] .webform-zain label.control-label{
    margin-bottom: 0px;
    margin-top:18px;
}
[about="/en/complaint-info"] .webform-zain label.control-label{
    margin-bottom: 0px;
    margin-top:18px;
}

article[about='/ar/business'] .side-image-text .know-more-btn{
    float: left;
    background-image: url(/themes/zain_theme/img/icon_arrow_left_green.svg);
    background-position-x: left;
}

@media (max-width: 540px) {
    .last-updated {
        margin-top: 0px;
        padding:0px;
    }
    article[about='/en/personal/5g'] .info-card {
        margin: 20px 0 20px 0;
        min-height: 350px;
    }

    article[about='/en/personal/5g'] section.padding3 {
        padding: 2em 0!important;
    }

    article[about="/en/personal/5g"] h1.section-title.f20 {
        margin-top: 0;
    }

    article[about="/en/personal/5g"] .side-image-text {
        padding: 5px 15px 0 15px;
    }

    article[about="/en/personal/5g"] .side-image-text {
        margin-bottom: 0;
    }

    article[about="/en/personal/5g"] .vertical-margin-100 {
        margin: 0 0 10px 0;
    }

    article[about="/en/personal/5g"] section.spadding:last-child{
        padding: 2em 0 0 0!important;
    }
}

@media (max-width: 767px){
    .col-text-campaign{
        width: 100%;
        padding-left: 2em;
        padding-right: 2em;
    }
    .financial-report-item .quarter .quarter-title{
        font-size: 20px;
    }
    .margin-bot20-mobile{
        margin-bottom: 20px;
    }
    .rectangle{

    }
    .image-banner {
        min-height: 280px;
    }
    .wh-container {
        margin: 15px 0 0 0;
    }

    .locate-btns {
        width: 95%;
    }

    .locate-btns a {
        width: 33.3333333333333%;
        display: table;
        min-width: unset;
        float: left;
    }
    [dir=rtl] .locate-btns a{
        float: right;
    }

    .locate-btns a:nth-child(1),.locate-btns a:nth-child(2),.locate-btns a:nth-child(3) {
        padding: 10px;
        font-size: 13px;
        line-height: 20px;
        font-weight: 700;
        height: 74px;
        min-height: 74px;
    }
    .store-item.row > div:first-child{
        border-bottom: 1px dashed #e6e4e7;
        padding-bottom:15px;
    }

    article[about="/en/locate-us"] .store-item.row > div:last-child{
        padding-left:0;
    }
    article[about="/ar/locate-us"] .store-item.row > div:last-child{
        padding-right:0;

    }

    .locate-btns a img, [dir=rtl] .locate-btns a img {
        margin: auto;
        height: 30px;
        text-align: center;
    }

    .locate-btns a span {
        text-align: center;
    }

    .locate-btns a * {
        display: table-row;
        vertical-align: middle;
    }

    .store-item .btn-zain-white {
        text-align: center;
        font-size: 13px;
        padding: 0px 20px;
    }

    .select-group label {
        margin-top: 10px;
    }

    .locate-btns a.selected img.not-selected-shop {
        display: table-row;
    }

    .store-info {
        /* width: 100%; */
        /* margin: 10px 0 0 0; */
    }

    img.store-icon {
        /* float: none; */
        /* display: block; */
        /* margin: auto; */
    }
}
@media (min-width: 768px) and (max-width: 995px) {
    .mennu-myzain, .mennu-mybag, .search-icon{
        margin: 20px 2px;
    }
    .search-icon img {
        padding: 0 5px;
    }
    .region-menu-navigation .navbar-nav>li>a {
        font-size: 14px;
        padding: 10px 5px;
    }
	.my-zain-text{
		font-size:11px;
	}
}

@media (max-width: 540px) {
    article[about='/en/personal/5g'] .network-section .image-banner, article[about='/ar/personal/5g'] .network-section .image-banner {
        height: 300px;
    }

    article[about='/en/personal/5g'] .image-banner, article[about='/ar/personal/5g'] .image-banner {
        min-height: 260px;
    }

    article[about="/en/personal/5g"] ul.accordion {
        margin-bottom: 2em;
    }

    article[about="/en/personal/5g"] .side-image-text a {
        margin: 0 0 20px 0;
    }

    article[about="/ar/personal/5g"] .vertical-margin-100 {
        margin: 0;
    }

    article[about="/ar/personal/5g"] .side-image-text {
        padding: 10px 15px;
    }

    article[about="/ar/personal/5g"] ul.accordion {
        margin-bottom: 0em;
    }


    .breadcrumb > .active {
        width: fit-content;
        max-width: 100%;
    }

    .store-item .btn-zain-white{
        text-align: center;
        font-size: 12px;
        padding: 0px 10px;
    }
}
[dir=rtl] .paragraph--type--chart-block .col-md-6 {
    float: right;
}

/*fields and placeholders*/
[dir=rtl] .form-inline .form-item{
    margin-right:auto;
    margin-left:20px;
}
[dir=rtl] label{
    margin-right:8px;
    font-size: 16px;
}
[dir=rtl] .views-exposed-form .form-text{
    background-position-x: 20px;
    font-size: 18px;
}
[dir=rtl] .intl-tel-input.allow-dropdown .flag-container, .intl-tel-input.separate-dial-code .flag-container{
    right:0;
    left: auto;
}
[dir=rtl] .intl-tel-input.allow-dropdown input, [dir=rtl] .intl-tel-input.allow-dropdown input[type=tel], [dir=rtl] .intl-tel-input.allow-dropdown input[type=text], [dir=rtl] .intl-tel-input.separate-dial-code input, [dir=rtl] .intl-tel-input.separate-dial-code input[type=tel], [dir=rtl] .intl-tel-input.separate-dial-code input[type=text]{
    padding-right: 52px;
    padding-left: 6px;
}
[dir=rtl] .intl-tel-input .selected-flag{
    padding-left:6px;
    padding-right:14px;
}
[dir=rtl] .intl-tel-input .selected-flag .iti-arrow{
    margin-left:0px;
    margin-right: 6px;
}
@media (max-width: 768px ) {

    .form-inline .form-item{
        width:100%;
    }
    .form--inline .form-submit{
        margin: auto;
        margin-top:22px;
    }
    .form--inline{
        margin: auto 15px;
    }
    .view-tadawul-announcements .form-type-textfield{
        width: 100%;
    }
    .view-quality-reports .view-content{
        margin-top:25px;
    }

    .paragraph--type--chart-block .chart-container #myChart{
        width: 400px !important;
        height: 200px !important;
    }
    html[lang=en] .paragraph--type--chart-block .chart-container #myChart{
        margin-left: -50px;
    }
    html[lang=ar] .paragraph--type--chart-block .chart-container #myChart{
        margin-right: -50px;
    }

    .paragraph--type--chart-block .chart-container .shareholders-list{
        padding:0;
        margin-top:10px;
    }
    .paragraph--type--chart-block .chart-container .shareholders-list .chart-color{
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: 21px;
    }
    html[lang=en] #block-homepageslider .tp-leftarrow{
        margin-left:-20px;
    }
    html[lang=en] #block-homepageslider .tp-rightarrow{
        margin-left:20px;
        transform: matrix(1, 0, 0, 1, -60, -20)!important;
    }
    html[lang=ar] #block-arabiclanding .tp-leftarrow{
        transform: matrix(1, 0, 0, 1, 0, -20)!important;
    }
    html[lang=ar] #block-arabiclanding .tp-rightarrow{
        transform: matrix(1, 0, 0, 1, -40, -20)!important;
    }
    .easy-access {
        display: flex;
    }
    .easy-access div {
        display: inline-flex;
        align-items: baseline;
        justify-content: center;
    }
    .paragraph--type--views-reference.plans-show-more-btn {
        padding-top:0 !important;
    }
    .has-showmore-section {
        padding-bottom: 4em!important;
    }
    .trending-item{
        margin-top:10px;
    }
    section.padding3 > .container.has-showmore {
        padding-top: 0;
    }
    .package-feature:last-child p.package-info {
        margin-bottom: 0;
    }
    #footer .bottom-footer{
        display: flex;
        flex-direction: column-reverse;
    }
    html[lang=en] #footer .bottom-footer > div {
        text-align: left;
    }
    html[lang=en] #footer .bottom-footer .terms-footer {
        padding-left:0;
    }
    html[lang=en] #footer .bottom-footer .terms-footer li:first-child {
        margin-left:0;
    }
    html[lang=ar] #footer .bottom-footer > div {
        text-align: right;
    }
    html[lang=ar] #footer .bottom-footer .terms-footer {
        padding-right:0;
        padding-bottom: 20px;
    }
    html[lang=ar] #footer .bottom-footer .terms-footer li:first-child {
        margin-right:0;
    }
    #footer .bottom-footer .terms-footer li a {
        color:#fff;
    }
    .contact-card td{
        width:50%;
        color: #3c3c3b;
        font-size:14px;
    }
    section.paragraph--type--paragraph-header-image {
        padding-bottom: 0;
    }
    article[about="/en/vendors-management"] .spadding, article[about="/ar/vendors-management"] .spadding {
        padding-bottom: 2em !important;
    }
    .region-content .search-form .input-group{
        width:100%;
        padding-right: 10px;
        padding-left: 10px;
    }
    .sharestat-align-btn{
        text-align: center;
    }
    /*.chartjs-render-monitor{*/
        /*width: 400px !important;*/
        /*height: auto !important;*/
        /*margin-top: -35px;*/
    /*}*/
    p.package-info{
        margin-bottom:20px;
    }
	.web-form-main-container{
		padding: 30px 15px;
	}	
}

@media (max-width: 540px) {
    .tp-bullets {
        margin-top: 25px;
        left: 46%!important;
    }
    .sms-form input {
        border: 0;
        border-bottom: solid 1px #979797;
        margin: 0 2px;
        font-size: 19px;
    }
}

[dir=rtl] .region-content .search-form .input-group-btn:after{
    left: 7px;
    right: auto;
}
[dir=rtl] .region-content .search-form #edit-keys{
    background-position: right;
}
@media (min-width: 768px) and (max-width: 1024px) {
    .financial-report-item .quarter .quarter-title{
        font-size: 20px;
    }
    .share-price, .share-price-3 {
        padding:15px;
    }

    .sharestatsRow .sp-title,
    .share-price td:nth-child(2)
    {
        font-size: 14px;
    }

    .share-price p.sp-title span,
    .share-price-3 p.sp-title span,
    .share-price td:last-child{
        font-size: 20px;
    }

    footer ul.menu-icons li h1, footer ul.menu-icons li a {
        font-size: 14px;
    }
    ul.social-icons li{
        margin-right:10px;
    }
    article.article-container{
        padding-bottom:50px !important;
    }
    article[about="/en/locate-us"] .map-input #getlocation,
    article[about="/en/locate-us"] .map-input .select-group,
    article[about="/en/locate-us"] .map-input #locateus-search,
    article[about="/ar/locate-us"] .map-input #getlocation,
    article[about="/ar/locate-us"] .map-input .select-group,
    article[about="/ar/locate-us"] .map-input #locateus-search
    {
        width: calc((100% - 90px)/4);
        font-size: 12px;
    }

    article[about="/en/locate-us"] .locate-btns a,
    article[about="/ar/locate-us"] .locate-btns a{
        height: 72px;
    }

}

@media (max-width: 1024px ) {
    .packages-b2c-section{
        padding-top:30px;
    }
    .accordion__content table{
        width:auto !important;
        overflow-x: auto;
    }
    .trending-item{
        width: 96%;
    }

}
[dir=rtl] .webform-zain .progress-marker{
    font-family: "Nunito Sans";
}
[dir=rtl] .webform-progress-tracker .progress-step.is-active .progress-title{
    font-family: "QTZain Regular";
}
[dir=rtl] .form-type-checkbox label{
    margin-right: 0px;
}
[dir=rtl] .form-type-radio label.option:before{
    left: 100%;
}
[dir=rtl] .radio-btn-on:after{
    left: calc(100% + 5px);
}
[dir=rtl] .form-type-radio{
    margin-right:25px;
}

[dir=rtl] .progress-step:not(:first-child)::after{
    content: none;
    position:initial;
}
[dir=rtl] .progress-step:not(:last-child)::after{
    content: '' !important;
}
[dir=rtl] .progress-step:not(:last-child)::after {
    display: block;
}
[dir=rtl] .progress-step:not(:last-child)::after{
    -ms-transform:  translate(-30px, -23px); /* IE 9 */
    -webkit-transform:  translate(-30px, -23px); /* Safari 3-8 */
    transform:  translate(-30px, -23px);
}
[dir=rtl] .share-statistics .viewsreference--view-title{
    text-align: right;
}
[dir=rtl] #fromdate, [dir=rtl] #todate{
    background-position-x: 20px;
}

[dir=rtl] .charts-search-filter .col-md-3{
    float:right;
}

[dir=rtl] .view-financial-reports .js-pager__items{
    padding: 0px;
}
[dir=rtl] .pager__item .button{
    font-size: 16px;
}

@media (max-width: 768px) {
    .view-article-news{
        padding-bottom:30px;
    }
    article[about="/en/personal/contact-us"] .contact-card,
    article[about="/ar/personal/contact-us"] .contact-card,
    article[about="/en/business/contact-us"] .contact-card,
    article[about="/ar/business/contact-us"] .contact-card
    {
        padding: 20px;
    }

    article[about="/en/personal/contact-us"] .row .col-md-6:first-child .contact-card,
    article[about="/en/business/contact-us"] .row .col-md-6:first-child .contact-card
    {
        float: none;
        margin-right: auto;
        margin-left: auto;
    }

    article[about="/en/personal/contact-us"] .row .col-md-6:first-child,
    article[about="/en/business/contact-us"] .row .col-md-6:first-child
    {
        padding-right: 0;
        padding-left: 0;
    }

    article[about="/en/personal/contact-us"] .row .col-md-6:last-child,
    article[about="/en/business/contact-us"] .row .col-md-6:last-child
    {
        padding-left: 0;
        padding-right: 0;
    }

    article[about="/en/personal/contact-us"] .row .col-md-6:last-child .contact-card,
    article[about="/en/business/contact-us"] .row .col-md-6:last-child .contact-card
    {
        float: none;
        margin-left: auto;
        margin-right: auto;
    }

    article[about="/ar/personal/contact-us"] .row .col-md-6:first-child .contact-card,
    article[about="/ar/business/contact-us"] .row .col-md-6:first-child .contact-card
    {
        float: none;
        margin-right: auto;
        margin-left: auto;
    }

    article[about="/ar/personal/contact-us"] .row .col-md-6:last-child .contact-card,
    article[about="/ar/business/contact-us"] .row .col-md-6:last-child .contact-card
    {
        float: none;
        margin-left: auto;
        margin-right: auto;
    }

    article[about="/ar/personal/contact-us"] .row .col-md-6:last-child,
    article[about="/ar/business/contact-us"] .row .col-md-6:last-child
    {
        padding-left: 0;
        padding-right: 0;
    }

    article[about="/ar/personal/contact-us"] .row .col-md-6:first-child,
    article[about="/ar/business/contact-us"] .row .col-md-6:first-child
    {
        padding-right: 0;
        padding-left: 0;
    }

    article[about="/en/personal/contact-us"] section.paragraph--view-mode--default:nth-child(2),
    article[about="/ar/personal/contact-us"] section.paragraph--view-mode--default:nth-child(2),
    article[about="/en/business/contact-us"] section.paragraph--view-mode--default:nth-child(2),
    article[about="/ar/business/contact-us"] section.paragraph--view-mode--default:nth-child(2)
    {
        margin-bottom: 0;
    }

    article[about="/en/personal/contact-us"] section.paragraph--view-mode--default:nth-child(2),
    article[about="/ar/personal/contact-us"] section.paragraph--view-mode--default:nth-child(2),
    article[about="/en/business/contact-us"] section.paragraph--view-mode--default:nth-child(2),
    article[about="/ar/business/contact-us"] section.paragraph--view-mode--default:nth-child(2)
    {
        padding: 30px 0;
    }

    article[about="/en/personal/contact-us"] .contact-card h1, article[about="/ar/personal/contact-us"] .contact-card h1,
    article[about="/en/business/contact-us"] .contact-card h1, article[about="/ar/business/contact-us"] .contact-card h1
    {
        margin-top: 5px;
    }

    article[about="/en/personal/email-us"] #full-page-container > section:last-child, article[about="/ar/personal/email-us"] #full-page-container > section:last-child,
    article[about="/en/business/email-us"] #full-page-container > section:last-child, article[about="/ar/business/email-us"] #full-page-container > section:last-child
    {
        padding-bottom: 0px!important;
    }

    article[about="/en/personal/email-us"] section.paragraph.paragraph--type--paragraph-columns .container section,
    article[about="/ar/personal/email-us"] section.paragraph.paragraph--type--paragraph-columns .container section,
    article[about="/en/business/email-us"] section.paragraph.paragraph--type--paragraph-columns .container section,
    article[about="/ar/business/email-us"] section.paragraph.paragraph--type--paragraph-columns .container section {
        padding: 1em 0 0 0!important;
    }

    article[about="/en/personal/email-us"] section.paragraph.paragraph--type--paragraph-columns .container .container,
    article[about="/ar/personal/email-us"] section.paragraph.paragraph--type--paragraph-columns .container .container,
    article[about="/en/business/email-us"] section.paragraph.paragraph--type--paragraph-columns .container .container,
    article[about="/ar/business/email-us"] section.paragraph.paragraph--type--paragraph-columns .container .container {
        padding: 0!important;
    }

    article[about="/en/personal/sms-codes"] section:nth-child(2), article[about="/ar/personal/sms-codes"] section:nth-child(2),
    article[about="/en/business/sms-codes"] section:nth-child(2), article[about="/ar/business/sms-codes"] section:nth-child(2)
    {
        padding-top: 0;
    }

    article[about="/en/locate-us"] button#getlocation, article[about="/ar/locate-us"] button#getlocation {
        width: 220px;
    }

    article[about="/en/locate-us"] button.btn-zain.map-btn, article[about="/ar/locate-us"] button.btn-zain.map-btn {
        padding: 10px;
    }

    article[about='/en/join-us'] .banner-info .btn-zain{
        width: 290px;
    }

    article[about='/ar/join-us'] .banner-info .btn-zain {
        width: 176px;
    }

    article[about="/en/personal/vat"] .paragraph--type--paragraph-columns .paragraph--type--paragraph-block h1,
    article[about="/ar/personal/vat"] .paragraph--type--paragraph-columns .paragraph--type--paragraph-block h1,
    article[about="/en/business/vat"] .paragraph--type--paragraph-columns .paragraph--type--paragraph-block h1,
    article[about="/ar/business/vat"] .paragraph--type--paragraph-columns .paragraph--type--paragraph-block h1,
    article[about="/en/personal/new-bill-cycle"] .paragraph--type--paragraph-columns .paragraph--type--paragraph-block h1,
    article[about="/ar/personal/new-bill-cycle"] .paragraph--type--paragraph-columns .paragraph--type--paragraph-block h1,
    article[about="/en/business/new-bill-cycle"] .paragraph--type--paragraph-columns .paragraph--type--paragraph-block h1,
    article[about="/ar/business/new-bill-cycle"] .paragraph--type--paragraph-columns .paragraph--type--paragraph-block h1
    {
        margin-bottom: 25px;
        margin-top: 9px;
    }

    article[about="/en/personal/vat"] .col-md-6:nth-child(2) section.paragraph.paragraph--type--paragraph-columns .container section,
    article[about="/ar/personal/vat"] .col-md-6:nth-child(2) section.paragraph.paragraph--type--paragraph-columns .container section,
    article[about="/en/business/vat"] .col-md-6:nth-child(2) section.paragraph.paragraph--type--paragraph-columns .container section,
    article[about="/ar/business/vat"] .col-md-6:nth-child(2) section.paragraph.paragraph--type--paragraph-columns .container section,
    article[about="/en/personal/new-bill-cycle"] .col-md-6:nth-child(2) section.paragraph.paragraph--type--paragraph-columns .container section,
    article[about="/ar/personal/new-bill-cycle"] .col-md-6:nth-child(2) section.paragraph.paragraph--type--paragraph-columns .container section,
    article[about="/en/business/new-bill-cycle"] .col-md-6:nth-child(2) section.paragraph.paragraph--type--paragraph-columns .container section,
    article[about="/ar/business/new-bill-cycle"] .col-md-6:nth-child(2) section.paragraph.paragraph--type--paragraph-columns .container section
    {
        padding: 0!important;
    }

    article[about="/en/personal/vat"] .vat-padding, article[about="/ar/personal/vat"] .vat-padding,
    article[about="/en/business/vat"] .vat-padding, article[about="/ar/business/vat"] .vat-padding {
        padding-bottom: 2em !important;
    }

    article[about="/en/personal/new-bill-cycle"] .newbillcycle, article[about="/ar/personal/new-bill-cycle"] .newbillcycle,
    article[about="/en/business/new-bill-cycle"] .newbillcycle, article[about="/ar/business/new-bill-cycle"] .newbillcycle
    {
        padding: 0;
    }

    article[about="/en/personal/new-bill-cycle"] .paragraph--type--paragraph-columns .paragraph--type--paragraph-block img,
    article[about="/ar/personal/new-bill-cycle"] .paragraph--type--paragraph-columns .paragraph--type--paragraph-block img,
    article[about="/en/business/new-bill-cycle"] .paragraph--type--paragraph-columns .paragraph--type--paragraph-block img,
    article[about="/ar/business/new-bill-cycle"] .paragraph--type--paragraph-columns .paragraph--type--paragraph-block img
    {
        margin: 25px auto 0 auto;
    }

    article[about='/en/join-us'] section.paragraph.paragraph--type--paragraph-columns .container section, article[about='/ar/join-us'] section.paragraph.paragraph--type--paragraph-columns .container section, article[about='/en/careers/hr-philosophy'] section.paragraph.paragraph--type--paragraph-columns .container section, article[about='/ar/careers/hr-philosophy'] section.paragraph.paragraph--type--paragraph-columns .container section, article[about='/en/careers/culture'] section.paragraph.paragraph--type--paragraph-columns .container section, article[about='/ar/careers/culture'] section.paragraph.paragraph--type--paragraph-columns .container section, article[about='/en/careers/intern-training'] section.paragraph.paragraph--type--paragraph-columns .container section, article[about='/ar/careers/intern-training'] section.paragraph.paragraph--type--paragraph-columns .container section {
        padding: 0!important;
    }

    article[about='/en/join-us'] .section-title, article[about='/ar/join-us'] .section-title, article[about='/en/careers/hr-philosophy'] .section-title, article[about='/ar/careers/hr-philosophy'] .section-title, article[about='/en/careers/culture'] .section-title, article[about='/ar/careers/culture'] .section-title, article[about='/en/careers/intern-training'] .section-title, article[about='/ar/careers/intern-training'] .section-title {
        margin-top: 0;
    }

    article[about="/en/about-zain"] .view-news, article[about="/ar/about-zain"] .view-news {
        margin-top: 25px;
        margin-bottom: 25px;
    }

    article[about="/en/about-zain"] .tab-pane section:first-child .show-more-btn,
    article[about="/ar/about-zain"] .tab-pane section:first-child .show-more-btn {
        top: 95%!important;
    }

     .owl-theme .owl-nav.disabled+.owl-dots,
     .owl-theme .owl-nav.disabled+.owl-dots {
         margin-top: 0;
         margin-bottom: 10px;
     }

    article[about="/en/about-zain"] .viewsreference--view-title,
    article[about="/ar/about-zain"] .viewsreference--view-title {
        margin-bottom: 37px;
    }

    article[about="/en/about-zain"] #full-page-container section:nth-child(3),
    article[about="/ar/about-zain"] #full-page-container section:nth-child(3)  {
        padding: 25px 0 0 0!important;
    }

    article[about="/en/about-zain"] #full-page-container section:nth-child(3) .owl-stage-outer,
    article[about="/ar/about-zain"] #full-page-container section:nth-child(3) .owl-stage-outer {
        padding-bottom: 5px;
    }

    article[about="/en/about-zain"] #menu-2-1 section:first-child .views-element-container > div,
    article[about="/ar/about-zain"] #menu-2-1 section:first-child .views-element-container > div {
        margin-top: 0!important;
    }

    article[about="/en/about-zain"] .director-name, article[about="/ar/about-zain"] .director-name {
        margin-top: 25px;
    }

    article[about="/en/about-zain"] .tab-pane section:first-child, article[about="/ar/about-zain"] .tab-pane section:first-child {
        padding-bottom: 0!important;
    }

    article[about="/en/about-zain"] #full-page-container section:nth-child(4),
    article[about="/ar/about-zain"] #full-page-container section:nth-child(4) {
        padding-top: 0!important;
        padding-bottom: 0!important;
    }

    .view-article-news .news-item .news-content {
        height: auto;
        min-height: 90px;
        padding: 25px 30px 20px 30px;
    }

    .view-article-news .summary, .view-article-events .summary,
    .view-cs-responsibility .summary {
        padding-bottom: 25px;
        font-size: 24px;
        line-height: 35px;
    }

    .view-article-news .related-files {
        margin-bottom: 25px;
    }

    .view-article-news h1 {
        margin-bottom: 25px;
    }

    .view-article-news .news-footer {
        padding: 0px 30px 25px;
    }

    .view-article-events {
        margin-bottom: 20px;
    }

    .view-article-events img {
        margin-top: 0!important;
    }

    .view-cs-responsibility {
        margin-top: 25px;
        margin-bottom: 20px;
    }

    .director-page {
        display: flex;
        flex-direction: column;
        margin-top: 25px;
        margin-bottom: 5px;
    }

    .director-page .col-md-6:first-child {
        order: 2;
    }

    .director-page .col-md-6:last-child {
        order: 1;
        position: relative;
        margin-bottom: 25px;
    }

    .director-page .director-name {
        width: 100%!important;
    }

    article[about="/en/quality-reports"] section, article[about="/ar/quality-reports"] section {
        padding-top: 25px!important;
        padding-bottom: 0!important;
    }

    article[about="/en/quality-reports"] .report-table .table-title, article[about="/ar/quality-reports"] .report-table .table-title {
        padding: 15px;
    }

    article[about="/en/customer-rights"] .section-title, article[about="/ar/customer-rights"] .section-title,
    article[about="/en/user-protection"] .section-title, article[about="/ar/user-protection"] .section-title {
        margin-top: 25px;
    }

    article[about="/en/customer-rights"] section:last-child, article[about="/ar/customer-rights"] section:last-child,
    article[about="/en/user-protection"] section:last-child, article[about="/ar/user-protection"] section:last-child {
        padding-top: 0px!important;
    }

    article[about="/en/coverage-map"] .btn-zain-white, article[about="/ar/coverage-map"] .btn-zain-white {
        margin-bottom: 10px;
    }

    article[about="/en/coverage-map"] section:last-child, article[about="/ar/coverage-map"] section:last-child {
        padding-top: 0!important;
        padding-bottom: 0px!important;
    }

    article[about="/en/coverage-map"] .map-coverage-areas .col-md-5ths,
    article[about="/ar/coverage-map"] .map-coverage-areas .col-md-5ths {
        margin: 15px 0;
    }

    article[about="/en/vendors-management"] section:nth-child(2), article[about="/ar/vendors-management"] section:nth-child(2) {
        padding-top: 25px!important;
    }

    article[about="/en/vendors-management"] section:nth-child(2), article[about="/ar/vendors-management"] section:nth-child(2) {
        padding-top: 25px!important;
    }

    article[about="/en/vendors-management"] #full-page-container > section:last-child, article[about="/ar/vendors-management"] #full-page-container > section:last-child {
        padding-bottom: 15px!important;
    }

    article[about="/en/home"] .easy-access h3, article[about="/ar/home"] .easy-access h3 {
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    #packages-homepage {
        margin: 15px 0px 0px 0px;
    }

    article[about='/en/home'] section:last-child .owl-stage-outer, article[about='/ar/home'] section:last-child .owl-stage-outer {
        padding-bottom: 10px;
    }


    article[about="/en/personal/5g"] #full-page-container, article[about="/ar/personal/5g"] #full-page-container,
    article[about="/en/personal/packages"] #full-page-container, article[about="/ar/personal/packages"] #full-page-container  {
        overflow: hidden;
    }

    /*article[about="/en/personal/packages"] #owl-packages-page .owl-nav .owl-next,
    article[about="/ar/personal/packages"] #owl-packages-page .owl-nav .owl-next {
        right: -20px;
    }*/

    article[about="/en/business/vat"] .paragraph--type--paragraph-columns .paragraph--type--paragraph-block img,
    article[about="/ar/business/vat"] .paragraph--type--paragraph-columns .paragraph--type--paragraph-block img,
    article[about="/en/personal/vat"] .paragraph--type--paragraph-columns .paragraph--type--paragraph-block img,
    article[about="/ar/personal/vat"] .paragraph--type--paragraph-columns .paragraph--type--paragraph-block img {
        margin: 0 auto;
    }

    article[about="/en/business/vat"] section:nth-child(3) section.spadding,
    article[about="/ar/business/vat"] section:nth-child(3) section.spadding,
    article[about="/en/personal/vat"] section:nth-child(3) section.spadding,
    article[about="/ar/personal/vat"] section:nth-child(3) section.spadding
    {
        padding: 0 0 1em 0!important;
    }

    article[about="/en/all-news"] form.views-exposed-form .form-inline .form-item:nth-child(2),
    article[about="/en/all-events"] form.views-exposed-form .form-inline .form-item:nth-child(2) {
        float: left;
        margin-right: 0;
    }

    article[about="/en/all-news"] form.views-exposed-form .form-inline .form-group:last-child,
    article[about="/en/all-events"] form.views-exposed-form .form-inline .form-group:last-child{
        float: left;
        width: 50%;
    }

    article[about="/en/all-news"] form.views-exposed-form .form-inline .form-group:last-child .form-submit,
    article[about="/en/all-events"] form.views-exposed-form .form-inline .form-group:last-child .form-submit{
        margin-left: 10px;
        margin-top: 26px;
    }

    article[about="/ar/all-news"] form.views-exposed-form .form-inline .form-item:nth-child(2),
    article[about="/ar/all-events"] form.views-exposed-form .form-inline .form-item:nth-child(2) {
        float: right;
        margin-left: 0;
    }

    article[about="/ar/all-news"] form.views-exposed-form .form-inline .form-group:last-child,
    article[about="/ar/all-events"] form.views-exposed-form .form-inline .form-group:last-child {
        width: 50%;
        float: right;
    }

    article[about="/ar/all-news"] form.views-exposed-form .form-inline .form-group:last-child .form-submit,
    article[about="/ar/all-events"] form.views-exposed-form .form-inline .form-group:last-child .form-submit {
        margin-top: 27px;
        margin-right: 10px;
    }

    article[about="/ar/all-news"] .pager, article[about="/en/all-news"] .pager,
    article[about="/ar/all-events"] .pager, article[about="/en/all-events"] .pager {
        margin: 0;
    }

    article[about="/en/all-news"] #full-page-container > section:last-child,
    article[about="/ar/all-news"] #full-page-container > section:last-child,
    article[about="/en/all-events"] #full-page-container > section:last-child,
    article[about="/ar/all-events"] #full-page-container > section:last-child {
        padding-bottom: 20px!important;
    }
    .accordion__content table td{
        width: 150px !important;
    }
    .accordion__content table th, .accordion__content table thead td, .accordion__content table thead td strong, .accordion__content table thead td p{
        font-size: 14px !important;
    }
    .accordion__content table td, .accordion__content table td p{
        font-size: 16px !important;
    }
    .accordion__content table td strong{
        font-size: 20px !important;
    }
    .accordion__content table td:last-child a{
        font-size: 14px !important;
    }

    /*Menu Transition on scroll*/
    /*#page{
        transition: margin-top 1s;
        -moz-transition: margin-top 1s;
        -o-transition: margin-top 1s;
        transition: margin-top 1s;
    }

    body.hide-main-menu #page{
        margin-top: 0;
    }

    #header .top-menu{
        height:32px;
        overflow:hidden;
        -webkit-transition: height 1s,padding-top 1s, padding-bottom 1s, border-bottom-width 1s;
        -moz-transition: height 1s,padding-top 1s, padding-bottom 1s, border-bottom-width 1s;
        -o-transition: height 1s,padding-top 1s, padding-bottom 1s, border-bottom-width 1s;
        transition: height 1s,padding-top 1s, padding-bottom 1s, border-bottom-width 1s;
        -webkit-transform:translate3d(0,0,0);
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    #header .zain-mainmenu{
        height:67px;
        overflow:hidden;
        -webkit-transition: height 1s;
        -moz-transition: height 1s;
        -o-transition: height 1s;
        transition: height 1s;
        -webkit-transform:translate3d(0,0,0);
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    body.hide-main-menu #header .top-menu,
    body.hide-main-menu #header .zain-mainmenu{
        height:0;
        padding-top:0;
        padding-bottom:0;
        border-bottom: 0;
    }*/
    /*END Menu Transition on scroll*/
}
[dir=rtl] .view-financial-reports .js-pager__items{
    padding: 0px;
}
[dir=rtl] .pager__item .button{
    font-size: 16px;
}
[dir=rtl] .form--inline .form-submit{
    margin-top:25px;
}
[dir=rtl] .chart-color{
    margin: 0 0 0 20px;
}
[dir=rtl] #load-stores{
    font-size: 16px;
}
[dir=rtl] .select-group{
    margin-left: 10px;
    margin-right: 0px;
}
[dir=rtl] button#getlocation{
    margin-left:10px;
    margin-right:0px;
}

@media (max-width: 768px) {
    .accordion__content table thead tr:first-child th, .accordion__content table thead tr:first-child th p, .accordion__content table thead tr:first-child th strong {
        font-size: 12px!important;
        font-weight: 400;
        line-height: 19px;
    }
    .accordion__content table tr td h2, .accordion__content table tr td h2 strong {
        font-size: 16px;
        font-weight: 700;
        line-height: 23px;
    }
    .accordion__content table tr td h1, .accordion__content table tr td h1 strong {
        font-size: 22px;
        font-weight: 700;
        line-height: 23px;
    }
    .accordion__content table tr td, .accordion__content table tr td p, .accordion__content table tr td strong {
        font-size: 16px!important;
        font-weight: 400;
        line-height: 23px;
    }
    .accordion__content table td, .accordion__content table th {
        min-width: 130px !important;
        vertical-align: middle;
    }
    .accordion__content table tr td:last-child a {
        /* padding: 5px 10px;
        line-height: 24px;
        font-size: 14px!important;
        width: 120px !important; */
    }
    .accordion li.active .accordion__content > *{
        width: 100%;
    }
    .accordion li.active .accordion__content > .social-share {
        width: 100%;
        position: relative;
        bottom:unset;
        right:unset;
        left:unset;
    }
}

@media (min-width: 768px) {
    .horizontal-social-share{
        padding:0 15px;
    }
    .share-statistics > .container > .viewsreference--view-title:first-child {
        padding: 0 15px;
    }

    .sharestatsRow{
        display: table;
        width:100%;
        height: 100%;
        margin:0 auto;
    }
    .sharestatsCol{
        float: none;
        display: table-cell;
        vertical-align: top;
        height: 100%;
    }

    /* Locate Us */
    article[about="/en/locate-us"] .store-item .col-md-4,
    article[about="/ar/locate-us"] .store-item .col-md-4{
        display: table-cell;
        vertical-align: middle;
        float: none;
    }

    article[about="/ar/locate-us"]  .store-item,
    article[about="/en/locate-us"] .store-item {
        display: table;
        width: 100%;
    }

    article[about="/en/locate-us"] .store-item .btn-zain-white {
        float: right;
    }

    article[about="/ar/locate-us"] .store-item .btn-zain-white {
        float: left;
    }
    /*Menu Transition on scroll*/
   /* body.hide-main-menu #page{
        margin-top: 86px;
    }

    .top-menu{
        height: 37px;
        overflow:hidden;
        -webkit-transition: height 1s, border-bottom-width 1s;
        -moz-transition: height 1s, border-bottom-width 1s;
        -o-transition: height 1s, border-bottom-width 1s;
        transition: height 1s, border-bottom-width 1s;
        -webkit-transform:translate3d(0,0,0);
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    body.hide-main-menu .top-menu{
        height:0;
        border-bottom: 0;
    }*/
    /*END Menu Transition on scroll*/

    .sms-table .container,
    .container_80 .container{
        width: 80%;
    }
    iframe[title="recaptcha challenge"]{
        position: absolute;
        top: -115px;
    }
}
@media (max-width: 767px){
    [dir=rtl] .news-page .social-share{
        left: 15px;
    }
    [dir=ltr] .news-page .social-share{
        left: 15px;
    }
    .paragraph--type--chart-block .chart-container{
        overflow: hidden;
        height: auto;
        padding-top: 50px;
        padding-bottom: 10px;
        display: block;
    }
    .footer-submit{
        text-align: center;
    }
    article[about="/en/personal/faq"] .info-acc,
    article[about="/ar/personal/faq"] .info-acc,
    article[about="/en/business/faq"] .info-acc,
    article[about="/ar/business/faq"] .info-acc
    {
        padding-top:20px;
    }
    article[about="/en/personal/faq"] .owl-dots,
    article[about="/ar/personal/faq"] .owl-dots,
    article[about="/en/business/faq"] .owl-dots,
    article[about="/ar/business/faq"] .owl-dots
    {
        display: none;
    }
    .paragraph-tab a{
        box-shadow: 0px 1px 7px rgba(194,193,193,0.5);
        -moz-box-shadow: 0px 1px 7px rgba(194,193,193,0.5);
        -webkit-box-shadow: 0px 1px 7px rgba(194,193,193,0.5);
    }
    article.article-container{
        padding-bottom:30px !important;
    }
    .packages-menu{
        padding-top: 30px;
    }
    ul.faq-menu, ul.new-responsive-carousel{
        margin:0px 0px 15px 0;
    }
    div#page{
        margin-top: 0px !important;
    }
    header {
        position: static;
    }
    .accordion li .accordion__content .social-share-btn{
        padding:0px !important;
    }
}
[dir=rtl] .popup-animate label.control-label {
    padding: 0px 0px 0px 200px;
}
html[lang=en] .iti--allow-dropdown .iti__flag-container{
    left:4px;
}
html[lang=ar] .iti--allow-dropdown .iti__flag-container{
    right:6px;
    width: 50px;
}
html[lang=en] .iti--allow-dropdown .form-tel{
    padding-left:50px
}
html[lang=ar] .iti--allow-dropdown .form-tel{
    padding-right:50px
}
html[lang=ar] .iti--allow-dropdown .iti__selected-flag .iti__arrow{
    margin-right:6px;
    margin-left: auto;
}
html[lang=ar] .trending-item-price-box .btn-zain-white, html[lang=ar] .trending-item-price-box .btn-zain{
    font-family: "QTZain regular";
}
html[lang=ar] .lds-dual-ring:after{
    left: -40px;
    right: auto;
}
@media (max-width: 768px) {

    [dir=rtl] header .col-md-6,[dir=rtl]  #header .col-md-2,[dir=rtl]  #header .col-md-8 {
        float: none;
    }
    
    [dir=rtl] header a.logo.navbar-btn.pull-left {
        float: left!important;
    }

    [dir=rtl] #main-menu-inner {
        position: absolute;
        left: 0;
    }

    [dir=rtl] .bef-exposed-form .form--inline > .form-item {
        float: right;
    }

    .important-benefits td {
        word-break: normal;
    }

    .important-benefits th {
        word-break: normal;
    }

    .important-benefits table {
        width: 100%;
        display: block;
        overflow-x: auto;
    }

    .region-search-nav .form-item {
        top: 0;
    }

    .ui-widget-overlay + div {
        z-index: 99999 !important;
        position: fixed !important;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
        height: 540px !important;
        right: unset !important;
    }
    .header-video #header-video-title{
        font-size: 20px;
    }
    .header-video #header-video-title{
        height: 100px;
    }
    .header-video .video-title-container{
        height: 100px;
    }
    .header-video video{
        height: 300px;
    }
    .header-video.full-screen-video video {
        height: 100%;
    }
    .zain-img-complaint-container, .success-web-form-container{
        padding: 0px 30px;
    }
}
[dir=rtl] .header-video #header-video-title{
    text-align: right;
}
[dir=rtl] .viewsreference--view-title{
    text-align: center !important;
}
@media (min-width: 768px) and (max-width: 1340px) {
    .mennu-myzain {
        width: calc(100% - 50px);
        margin-right: 0;
        margin-left: 0;
    }
    .search-icon {
        margin-right: 0;
        margin-left: 0;
    }
}




[dir=rtl] .tadawul-page .abus-content table thead tr:first-child th,
[dir=rtl] .tadawul-page .abus-content table thead tr:first-child th p,
[dir=rtl] .tadawul-page .abus-content table thead tr:first-child th strong {
    font-size: 16px!important;
    font-weight: 400;
    line-height: 19px;
    margin-bottom: 0;
}


[dir=rtl] .tadawul-page .abus-content table th,
[dir=rtl] .tadawul-page .abus-content table th p,
[dir=rtl] .tadawul-page .abus-content table th strong {
    font-size: 16px!important;
    font-weight: 400;
    line-height: 19px;
}

[dir=rtl] .tadawul-page .abus-content table tr td,
[dir=rtl] .tadawul-page .abus-content table tr td p,
[dir=rtl] .tadawul-page .abus-content table tr td strong {
    font-size: 20px!important;
    font-weight: 400;
    line-height: 25px;
    margin-bottom: 0;
}

[dir=rtl] .tadawul-page .abus-content table tr td h1,
[dir=rtl] .tadawul-page .abus-content table tr td h1 strong {
    font-size: 26px;
    font-weight: 700;
    line-height: 25px;
}

[dir=rtl] .tadawul-page .abus-content table tr td h2,
[dir=rtl] .tadawul-page .abus-content table tr td h2 strong {
    font-size: 20px;
    font-weight: 700;
    line-height: 25px;
}





@media (max-width: 768px) {

    .tadawul-page .abus-content table td{
        width: 150px !important;
    }
    .tadawul-page .abus-content table th, .tadawul-page .abus-content table thead td, .tadawul-page .abus-content table thead td strong, .tadawul-page .abus-content table thead td p{
        font-size: 14px !important;
    }
    .tadawul-page .abus-content table td, .tadawul-page .abus-content table td p{
        font-size: 16px !important;
    }
    .tadawul-page .abus-content table td strong{
        font-size: 20px !important;
    }
    .tadawul-page .abus-content table td:last-child a{
        font-size: 14px !important;
    }
}


@media (max-width: 768px) {
    .tadawul-page .abus-content table thead tr:first-child th, .tadawul-page .abus-content table thead tr:first-child th p, .tadawul-page .abus-content table thead tr:first-child th strong {
        font-size: 12px!important;
        font-weight: 400;
        line-height: 19px;
    }
    .tadawul-page .abus-content table tr td h2, .tadawul-page .abus-content table tr td h2 strong {
        font-size: 16px;
        font-weight: 700;
        line-height: 23px;
    }
    .tadawul-page .abus-content table tr td h1, .tadawul-page .abus-content table tr td h1 strong {
        font-size: 22px;
        font-weight: 700;
        line-height: 23px;
    }
    .tadawul-page .abus-content table tr td, .tadawul-page .abus-content table tr td p, .tadawul-page .abus-content table tr td strong {
        font-size: 16px!important;
        font-weight: 400;
        line-height: 23px;
    }
    .tadawul-page .abus-content table td, .tadawul-page .abus-content table th {
        min-width: 130px !important;
        vertical-align: middle;
    }
    .tadawul-page .abus-content table tr td:last-child a {
        padding: 5px 10px;
        line-height: 24px;
        font-size: 14px!important;
        width: 120px !important;
    }
	[dir=rtl] .ar-pull{
		float:none !important;
	}
	.smallerBtn{
		font-size:8px !important;
		padding:0px 5px;
	}
	[dir=rtl] .smallerBtn{
		font-size:11px !important;
	}
	.high-value #packages-menu{
		padding-top: 0px;
	}
}
@media (max-width: 1049px) and (min-width: 768px) {

    [dir=rtl] .region-menu-navigation .navbar-nav>li>a {
        font-size: 15px;
    }
}

@media (min-width: 770px) and (max-width: 1204px) {
	div#page.page-type-Business{
		margin-top : 135px;
	}
	
}

@media (min-width: 996px) and (max-width: 1072px) {

    .region-menu-navigation .navbar-nav>li>a {
        font-size: 14px;
    }
}
@media (min-width: 881px) and (max-width: 1071px) {

    .region-menu-navigation .navbar-nav>li>a {
        font-size: 12px;
		padding: 10px 4px;
    }
}
@media (min-width: 768px) and (max-width: 880px) {
   
    .region-menu-navigation .navbar-nav>li>a {
        font-size: 11px;
        padding: 10px 2px;
    }
}
[dir=rtl] .btn-zain-dark{
    font-size: 15px;
}
@media (max-width: 600px) {
	.owl-vas-lp  .active .item .owl-vas-cats{
		display:block !important;
		
	}
	.owl-vas-lp .item .round-icon{
		background: #FFFFFF;
		box-shadow: 0 2px 8px 0 rgba(0,161,154,0.50);
		-moz-box-shadow: 0 2px 8px 0 rgba(0,161,154,0.50);
		-webkit-box-shadow: 0 2px 8px 0 rgba(0,161,154,0.50);
		border-radius: 100px;
	}
	#home-ott .vas-package, #home-ott .vas-home-package{
		font-size:12px;
	}
	.cal-result-footer{
		display:block;
		text-align:left;
	}
	[dir=rtl] .cal-result-footer{
		display:block;
		text-align:right;
	}
	.cal-result-title, .mobile_left{
		float:left;
	}
	.cal-result-data, .mobile_right{
		float:right;
	}
	[dir=rtl] .cal-result-title{
		float:right;
	}
	[dir=rtl] .cal-result-data{
		float:left;
	}
	.cal-result-final, .vat-cal{
		text-align:left;
	}
	[dir=rtl] .cal-result-final, [dir=rtl] .vat-cal{
		text-align:right;
	}
	.cal-results-cols{
		border-bottom: 1px dashed #E6E4E7;
		padding-top:4px;
		padding-bottom:4px;
	}
	.cal-final-cols{
		border-bottom: 1px solid #E6E4E7;
		padding-top:4px;
		padding-bottom:4px;
	}
	.cal-result-finalT{
		padding-top:10px;
		text-align:left;
	}
	.cal-result-title, .cal-result-data, .cal-result-finalT{
		padding-bottom:0px;
	}
	[dir=rtl] .cal-result-finalT{
		text-align:right;
	}
	.flex-row{
		display: block;
	}	
	.cal-pckg-color-outer{
		margin: 10px 0px;
	}	
}
/* new main nav */

@media (max-width: 768px) {
	span.nav-child_menu:focus{
		color: #95c11f;
	}
	.zain-resp-menu .menu--main li{
		padding: 0px !important;
		border-radius: unset;
		border-bottom: 1px solid #e3e3e3;
	}
	.nav-child_menu{
		padding: 20px !important;
		border:none;
		background-image: url(/themes/zain_theme/img/iconarrow-down.svg);
		background-repeat: no-repeat;
		background-position: right 5px center;
	}
	[dir=rtl] .nav-child_menu{
		background-position: 5px center;
	}
	.nav-child_menu.active{
		background-image: url(/themes/zain_theme/img/iconarrow-up.svg);
	}
	.nav-child_menu-col .dropdown-menu li{
		padding: 10px 50px !important;
		border-bottom: none;
	}
	.nav-parent_menu .dropdown-menu li:not(.nav-child_menu-col), .zain-resp-menu .menu--main li .dropdown-menu li:not(.nav-child_menu-col){
		border-bottom: none;
		font-weight: 400 !important;
	}
	.nav-parent_menu.open .dropdown-menu{
		padding: 0px 15px;
	}
	[dir=ltr] .nav-child_menu, .region-menu-navigation .navbar-nav>li>a{font-family: 'Nunito Sans Bold', sans-serif !important;}
	.webform-submission-women-tech-form-form .col-md-6, .webform-submission-women-tech-form-form .col-md-4, .webform-submission-women-tech-form-form .col-md-2{
		padding:0px;
	}
}
@media (min-width: 768px){
	.navbar-nav .dropdown-menu > li > a:hover,.navbar-nav  .dropdown-menu > li > a:active, .navbar-nav .dropdown-menu > li > a:focus{color: #95c11f !important}
	
	[dir=rtl] .nav-child_menu-col{
		float: right;
	}
	.navbar-btn img{
		max-width:50px;
	}
	.region-menu-navigation .navbar-nav{
		padding: 5px 20px;
	}
	div#page {
		margin-top: 102px;
	}
	.mennu-myzain, .mennu-mybag, .search-icon{
		margin-top: 10px;
	}
	.webform-submission-women-tech-form-form{
		max-width: 70%;
	}
	.webform-submission-women-tech-form-form .webform-options-display-two-columns div.form-item, .webform-options-display-three-columns div.form-item{
		display:flex;
	}
	[dir=rtl] .webform-submission-women-tech-form-form .col-md-6{
		float:right;
	}
	.emp-voucher-container .container{
		display: flex;
		align-items: center;
	}
	.emp-voucher{
		width: 350px;
		margin:0px auto;
	}
	.emp-voucher-buttons{
		width: 500px;
		margin:0px auto;
	}
	.emp-voucher-parag{
		width: 500px;
	}
}