@font-face {
    font-family: 'Nunito Sans';
    src: url('../fonts/nunitosans-regular-webfont.eot');
    src: url('../fonts/nunitosans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/nunitosans-regular-webfont.woff2') format('woff2'),
         url('../fonts/nunitosans-regular-webfont.woff') format('woff'),
         url('../fonts/nunitosans-regular-webfont.svg#nunito_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: "Nunito Sans Bold";
    src: url("../fonts/NunitoSans-Bold.eot"); /* IE9 Compat Modes */
    src: url("../fonts/NunitoSans-Bold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
      url("../fonts/NunitoSans-Bold.otf") format("opentype"), /* Open Type Font */
      url("../fonts/NunitoSans-Bold.svg") format("svg"), /* Legacy iOS */
      url("../fonts/NunitoSans-Bold.ttf") format("truetype"), /* Safari, Android, iOS */
      url("../fonts/NunitoSans-Bold.woff") format("woff"), /* Modern Browsers */
      url("../fonts/NunitoSans-Bold.woff2") format("woff2"); /* Modern Browsers */
    font-weight: normal;
    font-style: normal;
  }

/* 0- General Code */
body {
    font-family: 'Nunito Sans', sans-serif!important;
    margin:0;
}
.overflowHidden{
    overflow: hidden;
}

.zain-accordians{
    padding-top: 2em !important;
    padding-bottom: 0 !important;
}
a{
    outline: none!important;
    text-decoration: none;
    background: transparent;
}
a:active,a:hover, a:focus, button:active {
    outline: none!important;
    text-decoration: none;
    background: transparent;
}
button{
    outline: none!important;
    text-decoration: none;
    background: transparent;
}

a:active,
a:hover,
a:focus{
    color: #95c11f;
}
.section-title {
    color: #3c3c3b;
    font-size: 20px;
    font-weight: 700;
    line-height: 27px;
    text-transform: uppercase;
}

.section-sub-title {
    color: #95c11f;
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
    text-align: center;
    text-transform: uppercase;
}
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}



@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
    .col-offset-md-1-5{
        margin-left: 12.5%;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}
/*
#full-page-container > section:last-child {
    margin-bottom: 80px!important;
} */

article.article-container {
    padding-bottom: 80px!important;
}
.white-back{
    background-color: white !important;
}
.overflow-x-auto {
  overflow-x: auto !important;
}
section {
    padding: 4em 0;
    position: relative;
}
.spadd-b{
    padding-bottom: 2em!important;
}
.spadding{
    padding: 2em 0!important;
}
.vat-padding{
    padding-top: 1em !important;
    padding-bottom: 4em !important;
}

.p20 {
    padding: 20px;
}
.p15 {
    padding: 15px;
}
.padding4{
    padding: 4em 0!important;
}
.padding3{
    padding: 3em 0!important;
}
.nomargin{
    margin: 0!important;
}
.no-padding{
    padding:0!important;
}
.nopadd{
    padding:0!important;
}
.nopadd-t{
    padding-top:0!important;
}
.nopadd-b{
    padding-bottom:0!important;
}
.padding-t{
    padding-top: 4em!important;
}
.spadding-t{
    padding-top: 2em!important;
}
.marg-bottom10{
    margin-bottom:10px;
}
.marg-top10{
    margin-top:10px;
}
.white-bg{
    background-color: white;
}
.f30{
    font-size:30px!important;
    line-height: 40px!important;
}
.f24{
    font-size:24px!important;
    line-height: 33px!important;
}
.f20{
    font-size:20px!important;
    line-height: 27px!important;
}
.f17{
    font-size:17px!important;
}
span.highlight {
    color: #95c11f;
    font-size: 30px;
    font-weight: 700;
    line-height: 33px;
    text-align: center;
    text-transform: uppercase;
    word-wrap: break-word;
}
img{
    max-width:100%;
}
.text-capital {
    text-transform: capitalize!important;
}
.height-300 .image-banner{
    min-height: 300px;
}
section.paragraph.paragraph--type--paragraph-columns {
    padding: 0;
}
.container-nopadd .container-fluid,
.container-nopadd .container {
    padding: 0;
}
.d-table{
    display: table;
}
.d-table-cell{
    display: table-cell;
}
.d-table-row{
    display: table-row;
}
.zain-color-green{
    color:#95c11f;
}
#map {
 height: 400px;
 width: 100%;
}
/* breadcrumb */
.breadcrumb {
    padding: 15px 25px;
    background: #fafafa;
    margin-bottom:0;
}
.breadcrumb {
    color: #9B9B9B;
    font-family: "Nunito Sans";
    font-size: 14px;
    line-height: 19px;
    text-transform: uppercase;
}
.breadcrumb > li a {
    color: #9b9b9b;
    font-family: "Nunito Sans";
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
    text-transform: uppercase;
    text-decoration: none;
}
.breadcrumb > .active {
    color: #3c3c3b;
    font-family: "Nunito Sans";
    font-size: 14px;
    font-weight: 700;
    line-height: 19px;
    text-transform: uppercase;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: bottom;
    max-width: 100%;
}

.breadcrumb > li{
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 400px;
    white-space: nowrap;
    vertical-align: bottom;
}

.shadow-box {
    -moz-box-shadow: 0px 2px 20px rgba(194,193,193,0.5);
    -webkit-box-shadow: 0px 2px 20px rgba(194,193,193,0.5);
    box-shadow: 0px 2px 20px rgba(194,193,193,0.5);
}

.shadow-t {
    -moz-box-shadow: 0px 2px 20px rgba(194,193,193,0.5);
    -webkit-box-shadow: 0px 2px 20px rgba(194,193,193,0.5);
    box-shadow: 0px 2px 20px rgba(194,193,193,0.5);
}

.shadow-b {
    -moz-box-shadow: 0px 15px 14px 0px rgba(194,193,193,0.5);
    -webkit-box-shadow: 0px 15px 14px 0px rgba(194,193,193,0.5);
    box-shadow: 0px 15px 14px 0px rgba(194,193,193,0.5);
}

/*share button */


a.share-btns {
    padding-right: 20px;
    text-decoration: none!important;
}
a.share-btns:last-child {
    padding: 0;
}
a.main-share-btn {
    margin-left: 20px;
}

.share-section {
    background: #00A19A;
    padding: 5px 20px;
    text-decoration: none!important;
    text-align: center;
    display: inline-block;
    margin: 15px;
    border-radius: 23px;
}

a.main-share-btn {
    display: inline-block;
}



/* Shimmering Style */

  .card {
    background: #ffffff;
    box-shadow: 0px 2px 20px rgba(194,193,193,0.5);
    -moz-box-shadow: 0px 2px 20px rgba(194,193,193,0.5);
    -webkit-box-shadow: 0px 2px 20px rgba(194,193,193,0.5);
    padding: 20px;
    border-radius: 12px;
  }
  .profilePic {
    height: 40px;
    width: 40px;
    border-radius: 50%;
    margin: 20px auto;
    display:block;
  }
  .comment {
    width:50%;
    display: block;
    margin: 20px auto;
    height: 10px;
    background: #777;
  }
  .title {
    width:70%;
    display: block;
    margin: 20px auto;
    height: 20px;
    background: #777;
  }

  .button {
    width:50%;
    height: 30px;
    border-radius: 20px;
    box-shadow: 2px 2px 12px rgba(0,0,0,0.1);
    -moz-box-shadow: 2px 2px 12px rgba(0,0,0,0.1);
    -webkit-box-shadow: 2px 2px 12px rgba(0,0,0,0.1);
    display: block;
    margin: 20px auto 0;
    background: #777;
  }

  .white-text {
    color: white!important;
}


  @keyframes fullView {
    100% {
      width: 100%;
    }
  }
  .animate {
    animation : shimmer 2s infinite!important;
    background: #e2e2e2!important;
    background: linear-gradient(to right, #eff1f3 4%, #e2e2e2 25%, #eff1f3 36%)!important;
    background-size: 1000px 100%!important;
    color:transparent!important;
 }

 @keyframes shimmer {
    0% {
      background-position: -1000px 0;
    }
    100% {
      background-position: 1000px 0;
    }
  }

  /* Web form Style */

  .webform-zain  .form-control, .form-inline .form-control, .complaint-input-sms {
    border: 1px solid #9B9B9B;
    border-radius: 20px;
    margin-bottom: 2px;
    width: 100%;
}

.complaint-input-sms, #complaint-sms-form-input{
    margin-bottom: 25px;
}

a#validate-otp {
    min-width: 150px;
}

.webform-zain  label.control-label,.webform-zain  .form-inline .control-label {
    color: #3C3C3B;
    font-size: 14px;
    font-weight: 900;
    display: block;
    margin-top: 18px;
}

.webform-zain .webform-progress-tracker  span.progress-text {
    display: none;
}

.webform-zain .webform-progress-tracker .progress-step:not(.is-active) .progress-marker{
    background-color: white;
    color: #E3E3E3;
    border: 2px solid #E3E3E3;
}
.webform-zain  .webform-progress-tracker .progress-step:hover .progress-marker {
    background-color: white;
    color: #E3E3E3;
    border: 2px solid #E3E3E3;
}

.webform-zain .progress-marker {
    width: 45px;
    height: 45px;
    font-size: 23px;
    font-weight: 700;
    padding-bottom: 0px;
}

.webform-zain .progress-step:not(:last-child)::after {
    top: 22px;
    bottom: 22px;
    background-color: #ececec;
    width:300%;
}

.webform-zain .button,
.webform-button--submit{
    height: 40px;
    border-radius: 20px;
    border: 0;
    background-color: white;
    background: white;
    box-shadow: 2px 2px 12px rgba(0,0,0,0.1);
    -moz-box-shadow: 2px 2px 12px rgba(0,0,0,0.1);
    -webkit-box-shadow: 2px 2px 12px rgba(0,0,0,0.1);
    color: #95c11f;
    font-family: "Nunito Sans";
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    text-align: center;
    text-transform: uppercase;
    width: 150px;
    padding: 0 35px;
    margin: 10px auto;
    -webkit-transition: all 150ms linear;
    -ms-transition: all 150ms linear;
    transition: all 150ms linear;
    outline: none;
    margin-top:40px;
}
.webform-zain .button:hover, .webform-button--submit:hover {
    height: 40px;
    border-radius: 20px;
    border: 0;
    background-color: white;
    background: white;
    box-shadow: 2px 2px 12px rgba(0,0,0,0.1);
    -moz-box-shadow: 2px 2px 12px rgba(0,0,0,0.1);
    -webkit-box-shadow: 2px 2px 12px rgba(0,0,0,0.1);
    color: #95c11f;
    font-family: "Nunito Sans";
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    text-align: center;
    text-transform: uppercase;
    width: 150px;
    padding: 0 35px;
    margin: 10px auto;
    -webkit-transition: all 150ms linear;
    -ms-transition: all 150ms linear;
    transition: all 150ms linear;
    outline: none;
    margin-top:40px;
}

.webform-zain .button:hover{
    background: #FFFFFF;
    box-shadow: 0 2px 8px 0 rgba(0,161,154,0.50);
    color: #95c11f;
    border-radius: 100px;
    margin-top: 40px;
}
.webform-zain .button:focus{
    background: #FFFFFF;
    box-shadow: 0 2px 8px 0 rgba(0,161,154,0.50);
    color: #95c11f;
    border-radius: 100px;
    margin-top: 40px;
}

.progress-step.is-active .progress-marker{
    border: solid 1.5px #00a19a;
    background-color: white;
    color: #00a19a;
}

.progress-step.is-active .progress-marker:hover {
    border: solid 1.5px #00a19a;
    background-color: white;
    color: #00a19a;
}

.progress-step.is-complete .progress-marker{
    color: #00a19a!important;

}
.progress-step.is-complete .progress-marker:hover {
    color: #00a19a!important;
}

.webform-zain .progress-step.is-complete::after {
    background-color: #00a19a;
}

.webform-zain .webform-button--previous {
    display: none;
}

.progress-tracker{
    display: flex;
    justify-content: space-between;
}

.webform-submission-form {
    width: 100%;
    display: block;
    margin: auto;
    max-width: 350px;
}

.progress-step {
    display: block;
    -webkit-box-flex: unset;
    -ms-flex: unset;
    flex: unset;
    margin: 0;
    padding: 0;
    min-width: 28px;
}

.progress-tracker--center .progress-step::after {
    left: 0;
}

.progress-tracker--center .progress-step:last-child {
    -webkit-box-flex: unset;
    -ms-flex-positive: unset;
    flex-grow: unset;
}

/* 1- HEADER STYLE */
header{
    position:relative;
    z-index: 99;
    border-top: 3px solid #95c11f;
    background:white;
    width:100%;
}

body.toolbar-fixed header {
    top: 80px;
}

div#page {
    margin-top: 124px;
    position: relative;
}
.region.region-top-menu-left ul li {
    display: inline-block;
    list-style: none;
    margin: 5px;
}

.region.region-top-menu-left ul {
    margin:0;
    padding:0;
}
.region.region-top-menu-left ul li a {
    color: #3c3c3b;
    opacity: 0.3;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
}

.region.region-top-menu-left ul li a:hover{
    color: #3c3c3b;
    opacity: 1;
    font-weight: 600;
    text-decoration: none;
}
.region.region-top-menu-left ul li a.personal-link {
    color: #3c3c3b;
    opacity: 1;
    font-weight: 600;
    text-decoration: none;
}

.row.top-menu {
    padding: 2px 0;
    margin: 0 10px;
    border-bottom: 1px solid #e3e3e3;
}
.notification.notification-b2b, .search-b2b, .no-notification-b2b{
    display: none;
}


.region-menu-navigation {
    text-align: center;
}

.zain-mainmenu {
    padding: 0px 10px;
}

nav#block-zain-theme-main-menu {
    display: block;
    margin: auto;
}

.region-menu-navigation .navbar-nav {
    float: none;
    text-align: center;
    padding: 17px 20px;
}

.region-menu-navigation .navbar-nav>li {
    float: none;
    display: inline-block;
}

.region-menu-navigation .navbar-nav>li>a {
    color: #3c3c3b;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
}

.region-menu-navigation .navbar-nav>li a:hover{
    background-color: transparent;
    color: #95c11f;
}

.region-menu-navigation .navbar-nav>li a:focus{
    background-color: transparent;
    color: #95c11f;
}

.region.region-menu-right .navbar-nav>li>a {
    color: #3c3c3b;
}

.region.region-menu-right .navbar-nav>li>a:hover {
    background-color: transparent;
}
header section, footer section {
    padding: 0;
}
.region.region-menu-navigation nav li.active a {
    color: #95c11f;
}
section#block-languageswitcher ul li:first-child {
    display: none;
}
.notifications-menu {
    display: block;
    position: relative;
    float: right;
}

.notification .has-notification {
    display: none;
    float: left;
}

.notification .no-notification {
    float: left;
}

.notifications-menu a.complaint-link {
    display: block;
    color: #3c3c3b;
    padding: 7px 20px;
    font-family: "Nunito Sans";
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    text-align: center;
    text-transform: uppercase;
}
.notifications-menu a.complaint-link-en{
    float: left;
    padding-left: 0px;
}

.notifications-menu a.complaint-link-ar{
    float: right;
    padding-right: 0px;
}
.notification {
    float: left;
}
.notification-ar{
    float: right;
}
section#block-topmenuright {
    float: right;
}

section#block-languageswitcher {
    float: right;
}
section#block-topmenuright--2 {
    float: right;
}

section#block-languageswitcher--2 {
    float: right;
}

.nav > li > a:hover, .nav > li > a:focus{
    background-color:transparent;
}

/* section#block-languageswitcher li.is-active {
    display: none;
} */
section#block-languageswitcher ul li:first-child {
    display: none!important;
}

section#block-languageswitcher ul {
    list-style: none;
    color: #3c3c3b;
    font-family: "Nunito Sans";
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    text-align: center;
    text-transform: uppercase;
    padding: 7px 0;
    margin: 0;
}

section#block-languageswitcher ul a {
    color: #3c3c3b;
}

.mennu-myzain, .mennu-mybag, .search-icon {
    display: block;
    position: relative;
    float: right;
    margin: 20px 7px;
    text-align: center;
    cursor: pointer;
}
.mennu-myzain{
    margin-bottom: 0;
}

.mennu-myzain p, .mennu-mybag p {
    color: #3c3c3b;
    font-family: "Nunito Sans";
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    text-align: center;
}

.mennu-myzain a, .mennu-mybag a, .my-zain-text{
    color: #3c3c3b;
}

.search-icon img {
    padding: 0 8px;
}

/* Footer */

footer#footer {
    background: #000000;
    background: linear-gradient(213deg, #3C3C3B, #000000);
    padding: 3em 2em 0 2em;
    color: #ECECEC;
    margin:0;
}

.bottom-footer {
    border-top: 1px solid rgba(227, 227, 227, 0.4);
    padding: 10px 0;
}

.bottom-footer .region.region-footer-bottom-right li {
    display: inline-block;
    margin-left: 15px;
}

.bottom-footer .region.region-footer-bottom-right li a{
    color:#9B9B9B;
    text-decoration: none;

}

.bottom-footer p, .bottom-footer ul {
    margin: 0;
    font-size: 12px;
    color: #9B9B9B;
}

ul.social-icons li {
    display: inline-block;
    list-style: none;
    margin-right: 15px;
}

ul.social-icons {
    padding: 8px 0;
    margin: 0;
    margin-bottom: 2em;
}

ul.social-icons li img {
    word-break: break-word;
    width: 25px;
    margin-right: 5px;
}

.quarter a{
    display: inline-block;
    -webkit-transition: all 150ms linear;
    -ms-transition: all 150ms linear;
    transition: all 150ms linear;
    outline: none;
}

.quarter a:hover,.quarter a:focus{
    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);
    border-radius: 100px;
}

.newsletter {
    display: block;
    padding-top: 8px;
}

.newsletter input[type="email"] {
    display: block;
    padding:0 10px;
    margin-bottom: 10px;
    width: 100%;
    height: 40px;
    max-width:350px;
    border-radius: 20px;
    outline: none;
    border: 1px solid #9B9B9B;
    background-color: rgba(255, 255, 255, 0.1);
    padding: 10px;
}


.newsletter input[type="email"]:focus{
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.newsletter input[type="submit"] {
    height: 35px;
    background: #9AD400;
    background: linear-gradient(131deg, #74A000, #95C11F, #9AD400);
    border-radius: 20px;
    border: 0;
    padding: 0 20px;
    color: white;
    font-weight: 900;
    font-size: 14px;
    text-transform: uppercase;
    margin-top:10px;
    -webkit-transition: all 150ms linear;
    -ms-transition: all 150ms linear;
    transition: all 150ms linear;
    outline: none;
}

.newsletter input[type="submit"]:active,.newsletter input[type="submit"]:hover{
    background: linear-gradient(131deg, #74A000 0%, #95C11F 49%, #9AD400 100%);
    box-shadow: 2px 2px 8px 0 rgba(0,161,154,0.50);
    -moz-box-shadow: 2px 2px 8px 0 rgba(0,161,154,0.50);
    border-radius: 100px;
}

footer .block-title, footer h2 {
    color: #636363;
    font-size: 18px;
    font-weight: 900;
    text-transform: uppercase;
}

footer .nav>li>a {
    padding: 8px 0px;
    color: white;
    background-color: transparent;
}

footer .nav>li>a:hover, footer .nav>li>a:focus {
    background-color: transparent;
    color:#95c11f;
}

.footer .store-logo img {
    height: 45px;
}

p.footer-text {
    margin-top: 20px;
    color: rgba(255, 255, 255, 0.3);
}

.footer-items {
    margin-bottom: 3em;
}
.menu-icons{
    padding-left:0px;
}
footer ul.menu-icons {
    list-style: none;
}

footer ul.menu-icons li{
    padding: 0 0 5px 0;
}

footer ul.menu-icons li img {
    display: inline-block;
    width: 25px;
    margin-right: 10px;
    vertical-align: text-bottom;
}

footer ul.menu-icons li h1, footer ul.menu-icons li a {
    font-size: 16px;
    font-weight: bold;
    display: inline-block;
    text-transform: uppercase;
    color: white;
    text-decoration: none;
}

.menu--zain-ksa li{
    margin-bottom: -5px;
}
.menu--footer li{
    margin-bottom: -5px;
}

footer ul.menu-icons li a:hover h1, footer ul.menu-icons li a:hover {
    color: #95c11f;
}

ul.social-icons li img:first-child {
    display: block;
}
ul.social-icons li img:last-child {
    display: none;
}

ul.social-icons li a:hover img:first-child {
    display: none;
}
ul.social-icons li a:hover img:last-child {
    display: block;
}
.menu-icons-personal {
    display: block;
}
.menu-icons-business {
    display: none;
}


.partners-footer img {
    height: 30px;
    margin: 0 30px;
    width: auto;
    margin-left: 0;
}

.partners-footer li {
    padding: 0;
    list-style: none;
    height: 100%;
    display: inline-table;
    margin-top:5px;
}

.partners-footer div.views-row {
    vertical-align: middle;
    display: inline-table;
    float: none;
}

.partners-footer div.view-content {
    display: table;
    float: none;
    position: relative;
}

.partners-footer h2 {
    margin-right: 15px;
}

.partners-footer-row {
    margin-bottom: 2em;
}

/* HomePage */

.rev_slider .caption, .rev_slider .tp-caption {
    font-family: "Nunito Sans", sans-serif!important;
    font-weight: 400!important;
}

.rev_slider .rev-btn:visited, .rev_slider .rev-btn {
    background: #9AD400!important;
    background: linear-gradient(131deg, #74A000, #95C11F, #9AD400)!important;
    box-shadow: 2px 2px 12px rgba(0,0,0,0.1)!important;
    -moz-box-shadow: 2px 2px 12px rgba(0,0,0,0.1);
    -webkit-box-shadow: 2px 2px 12px rgba(0,0,0,0.1);
    text-transform: uppercase!important;
    color: white!important;
    padding: 12px 50px 12px 30px!important;
    font-weight: 900!important;
}
.block-revslider {
    box-shadow: 0px 2px 20px rgba(194,193,193,0.5);
    -moz-box-shadow: 0px 2px 20px rgba(194,193,193,0.5);
    -webkit-box-shadow: 0px 2px 20px rgba(194,193,193,0.5);
    padding: 0;
}
.block-revslider .tparrows{
    background: transparent;

}
.block-revslider .tparrows:hover,.block-revslider .tparrows:focus {
    background: transparent;
}

.block-revslider .tparrows.tp-leftarrow:before,.block-revslider .tparrows.tp-rightarrow:before{
    color: rgba(0,0,0,0.8);
}
.block-revslider .tparrows.tp-leftarrow:hover:before,.block-revslider .tparrows.tp-rightarrow:hover:before {
    color: rgba(0,0,0,0.8);
}

.block-revslider .ares .tp-bullet {
    background: #3C3C3B!important;
    opacity: 0.35;
    width: 8px;
    height: 8px;
    margin: 2px;
}

.block-revslider .ares .tp-bullet:hover{
    background: #3c3c3b!important;
    opacity: 1;
    height: 12px;
    width: 12px;
    margin: 0;
}
.ares .tp-bullet.selected {
    background: #3c3c3b!important;
    opacity: 1;
    height: 12px;
    width: 12px;
    margin: 0;
}
.rev_slider .rev-btn:visited, .rev_slider .rev-btn:after {
    content: "";
    background: url(/themes/zain_theme/img/icon_cta_right_arrow.svg);
    width: 24px;
    height: 24px;
    display: block;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    right: 15px;
    -ms-transform: translateY(-50%); /* IE 9 */
    -webkit-transform: translateY(-50%); /* Safari 3-8 */
    transform: translateY(-50%);
}

.slide-info {
    position: absolute;
    top: 35%;
    display: block;
}

.slide-info h4 {
    font-size: 50px;
    max-width: 300px;
    position: relative;
}

.slide-info a {
    background: #9AD400;
    background: linear-gradient(131deg, #74A000, #95C11F, #9AD400);
    box-shadow: 2px 2px 12px rgba(0,0,0,0.1);
    -moz-box-shadow: 2px 2px 12px rgba(0,0,0,0.1);
    -webkit-box-shadow: 2px 2px 12px rgba(0,0,0,0.1);
    padding: 10px 25px;
    color: white;
    font-size: 18px;
    font-weight: 700;
    line-height: 25px;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    border-radius: 22px;
    display: inline-block;
}

.slide-info * {
    position: relative;
    display: block;
}

.easy-access h3{
color: #3c3c3b;
font-size: 13px;
font-weight: 700;
line-height: 18px;
text-align: center;
text-transform: uppercase;
margin: 0;
}

section#block-homepageslider {
    padding: 0;
}
.owl-theme.owl-carousel.owl-home .owl-nav {
    position: absolute;
    top: 45%;
    display: block;
    width: 100%;
}

.owl-theme.owl-carousel.owl-home .owl-nav .owl-prev {
    left: 45px;
}


.owl-theme.owl-carousel.owl-home .owl-nav .owl-next {
    right: 45px;
}

.owl-theme.owl-carousel.owl-home .owl-nav button {
    color: #949494;
    font-weight: 100;
    font-size: 100px!important;
    line-height: 1!important;
    position: absolute;
}

.owl-theme.owl-carousel.owl-home .owl-dots{
    position: absolute;
    bottom: 20px;
    left: 45px;
}

.owl-theme.owl-carousel.owl-home .owl-nav button:hover {
    background: transparent;
}

.owl-theme.owl-carousel.owl-home .owl-dots .owl-dot.active span {
    width: 12px;
    height: 12px;
    background: #3C3C3B;
}

.form-group{
    margin-bottom:0px;
}
.easy-access {
    display: block;
    padding: 25px 20px;
    background: #ffffff;
    box-shadow: 0px 2px 20px rgba(194,193,193,0.5);
    -moz-box-shadow: 0px 2px 20px rgba(194,193,193,0.5);
    -webkit-box-shadow: 0px 2px 20px rgba(194,193,193,0.5);
    border-radius: 0 0 12px 12px;
    margin: 0;
}
.easy-access img {
    margin:auto;
    margin-bottom: 15px;
    width:60px;
    max-height: 60px;
}
.easy-access div {
    border-right: 1px solid #D8D8D8;
}
[dir=rtl] .easy-access div:last-child{
    border-left: 0px;
}
[dir=rtl] .easy-access div{
    border-left: 1px solid #D8D8D8;
    border-right: 0px;
    float: right;
}
.easy-access div:last-child {
    border-right: 0;
}

.easy-access a:hover h3, .easy-access a:active h3, .easy-access a:focus h3 {
    color: #95c11f;
}
.packages-item {
    background: #ffffff;
    box-shadow: 0px 2px 20px rgba(194,193,193,0.5);
    -moz-box-shadow: 0px 2px 20px rgba(194,193,193,0.5);
    -webkit-box-shadow: 0px 2px 20px rgba(194,193,193,0.5);
    padding: 0;
    border-radius: 12px;
    margin: 0 auto 15px auto;
}
.package-price a.btn-zain-white,
.package-price .btn-zain {
    min-width: 170px;
}
.package-feature.disabled .package-info {
    color: #E3E3E3;
    margin-top:-5px;
}

.package-green-section {
    background: rgba(155, 210, 9, 0.07);
    border-radius: 0px 0px 12px 12px;
}

.home-page .packages-item {
    margin: 15px auto 27px auto;
    max-width: 270px;
    position: relative;
}
.packages-item h4 {
    color: #3c3c3b;
    font-size: 30px;
    font-weight: 800;
    line-height: 41px;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.important-packages {
    overflow-x: auto;
}
.benefit-info:last-child {
    margin-bottom: 0;
}
#owl-packages-page .owl-nav {
    position: absolute;
    top: calc(50% - 30px);
    width: 100%;
}

[dir=rtl] #owl-packages-page .owl-nav{
    transform: rotate(180deg);
}

#owl-packages-page .owl-nav .owl-prev {
    left: -3%;
    position: absolute;
    top: 0;
    bottom: 0;
}

#owl-packages-page .owl-nav button {
    color: #949494;
    font-weight: 100;
    font-size: 70px!important;
    line-height: 1!important;
    position: absolute;
}

#owl-packages-page .owl-nav .owl-next {
    right: -3%;
    position: absolute;
    top: 0;
    bottom: 0;
}

#owl-packages-page .owl-nav .owl-next span,
#owl-packages-page .owl-nav .owl-prev span{
    display:none;
}

#owl-packages-page .owl-packages-devices .owl-next {
    right: 0;
}

#owl-packages-page .owl-packages-devices .owl-prev {
    left: 0;
}

p.package-info strong {
    font-size: 18px;
    font-weight: 700;
    line-height: 18px;
}

p.package-info {
    color: #3c3c3b;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 25px;
}


.packages-item hr {
    height: 0px;
    border-top: dashed 1px #e6e4e7;
}

.owl-carousel .packages-item img {
    margin-bottom: 10px;
    display: block;
    width: unset;
    max-width: 100%!important;
    margin: auto;
}

p.package-price > span:first-child {
    color: #3C3C3B;
    font-size: 30px;
    font-weight: 700;
    line-height: 30px;
    text-transform: uppercase;
    text-align: center;
    margin-right: 5px;
    min-width: 50px;
    min-height: 30px;
}

p.package-price {
    justify-content: center;
    align-items: center;
    color: #3c3c3b;
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
    text-transform: uppercase;
    display: inline-flex;
    margin: 8px 15px;
}

.package-feature {
    display: block;
}

.package-feature .package-info {
    display: inline-block;
    transform: translateX(-15px);
    -ms-transform: translateX(-15px); /* IE 9 */
    -webkit-transform: translateX(-15px); /* Safari 3-8 */
    width: calc(100% - 70px);
}

.owl-carousel .package-feature img{
    display: inline-block!important;
    float: left;
    max-width: 35px!important;
}

.owl-carousel .package-feature .package-info img {
    display: block!important;
    margin: auto;
    text-align: center;
    width: 100%;
    float: none;
    margin-bottom: 5px;
}
p.package-info img {
    float: none;
}

p.package-price-week span {
    color: #3C3C3B;
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    text-align: center;
    text-transform: uppercase;
    margin: 0 0px 0 10px;
}
p.package-price-week span:first-child {
    margin-left: 0;
}
p.package-price-week {
    color: #3c3c3b;
    font-size: 14px;
    font-weight: 400;
    line-height: 12px;
    text-align: center;
    text-transform: uppercase;
    display: block;
    margin: 15px 0;
}
.package-devices p {
    color: #9B9B9B;
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    text-align: center;
    direction: ltr;
}

#no-devices{
    color: #ececec;
}
.packages-description{
    min-height: 70px;
}

.package-devices h5 {
    color: #3c3c3b;
    font-size: 17px;
    font-weight: 700;
    line-height: 18px;
    text-align: center;
    text-transform: uppercase;
}

.package-slider .owl-item img, .package-slider-sec .owl-item img {
    width: initial;
}

.show-more-btn {
    position: absolute;
    right: 0;
    top: 0;
    line-height: 20px!important;
    color: #3c3c3b;
    font-family: "Nunito Sans";
    font-size: 14px;
    font-weight: 400;
    text-align: right;
    vertical-align: middle;
    text-transform: uppercase;
    display: inline-flex;
    z-index:10;
}
.show-more-btn img {
    margin-left: 5px;
}
.container.has-showmore {
    position: relative;
    padding-top: 40px;
}
.tab-pane section:first-child .container.has-showmore {
    padding-top: 0;
}
.btn-zain {
    background: #9AD400;
    background: linear-gradient(131deg, #74A000, #95C11F, #9AD400);
    box-shadow: 2px 2px 12px rgba(0,0,0,0.1);
    -moz-box-shadow: 2px 2px 12px rgba(0,0,0,0.1);
    -webkit-box-shadow: 2px 2px 12px rgba(0,0,0,0.1);
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    line-height: 26px;
    text-align: center;
    text-transform: uppercase;
    border-radius: 22px;
    text-decoration: none;
    display: block;
    margin: 15px 0;
    padding: 0px 20px;
    width: fit-content;
    width: -moz-fit-content;
    -webkit-transition: all 150ms linear;
    -ms-transition: all 150ms linear;
    transition: all 150ms linear;
    outline: none;
    height: 40px;
    line-height: 40px;
}
.btn-zain:hover,.btn-zain:focus {
    background: linear-gradient(131deg, #74A000 0%, #95C11F 49%, #9AD400 100%);
    box-shadow: 2px 2px 8px 0 rgba(0,161,154,0.50);
    -webkit-box-shadow: 2px 2px 8px 0 rgba(0,161,154,0.50);
    -moz-box-shadow: 2px 2px 8px 0 rgba(0,161,154,0.50);
    border-radius: 100px;
    color: white;
    text-decoration: none;
}
.btn-zain img {
    margin-left: 5px;
    margin-top: -3px;
}

.packages-item .btn-zain
{
    margin: unset;
    margin: 15px auto;
}
.packages-item .btn-zain-white {
    margin-bottom: 0;
}
a.store-logo {
    display: inline-block;
    margin: 5px 0;
    cursor: default;
    margin-right: 10px;
    cursor: pointer;
}
a.store-logo:last-child {
    margin-right: 0;
    margin-right: 0;
}
/* section.packages-section .col-md-3 {
    padding: 0 10px;
} */

.owl-vas .item {
    max-width: 150px;
    text-align: center;
    padding: 20px;
    display: block;
    margin: auto;
    padding-bottom: 0;
    padding-bottom: 0;
    padding-bottom: 0;
}

.owl-vas .item .round-icon {
    background: white;
    display: block;
    border-radius: 50%;
    width: 110px;
    height: 110px;
    padding: 20px;
    margin: auto;
    box-shadow: 2px 2px 12px rgba(0,0,0,0.1);
    -moz-box-shadow: 2px 2px 12px rgba(0,0,0,0.1);
    -webkit-box-shadow: 2px 2px 12px rgba(0,0,0,0.1);
    -webkit-transition: all 150ms linear;
    -ms-transition: all 150ms linear;
    transition: all 150ms linear;
    outline: none;
}

.owl-vas .item .round-icon:hover, .owl-vas .item .round-icon:focus{
    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;
}

.owl-vas .item .round-icon img {
    width: 70px;
    display: block;
    margin: auto;
}

.owl-vas .item h4,.owl-vas .item h4 a {
    color: #3c3c3b;
    font-size: 14px;
    font-weight: 700;
    line-height: 19px;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    margin-top: 20px;
    margin-bottom:0;
}
.owl-vas .item a{
    text-decoration: none;
}
.owl-vas .item a:hover{
    text-decoration: none;
}

.owl-theme.owl-carousel.owl-vas .owl-nav {
    position: absolute;
    top: calc(50% - 30px);
    display: block;
    width: 100%;
}

.no-js .owl-carousel, .owl-carousel.owl-loaded{
    display: block;
    position: relative;
}

.owl-theme.owl-carousel.owl-vas .owl-nav .owl-prev {
    /* left: -45px; */
    left: 0;
}


.owl-theme.owl-carousel.owl-vas .owl-nav .owl-next {
    /* right: -45px; */
    right: 0;
}

.owl-theme.owl-carousel.owl-vas .owl-nav button {
    color: #949494;
    font-weight: 100;
    font-size: 70px!important;
    line-height: 1!important;
    position: absolute;
    margin: 0;
}

.investors-chart .table-responsive{
    max-height:400px;
    height:400px;
}
.table-responsive{
    border:none !important;
}

.owl-theme.owl-carousel.owl-vas .owl-nav button:hover {
    background: transparent;
}

.owl-theme.owl-carousel.owl-vas .owl-dots .owl-dot.active span {
    width: 12px;
    height: 12px;
    background: #3C3C3B;
}

button.owl-next:before {
    content: "";
    display: block;
    background-image: url("/themes/zain_theme/img/icon_right_arrow.svg");
    width: 24px;
    height: 24px;
    background-size: cover;
}

.owl-theme.owl-carousel.owl-vas .owl-nav span {
    display: none;
}

button.owl-prev:before {
    content: "";
    display: block;
    background-image: url("/themes/zain_theme/img/icon_left_arrow.svg");
    width: 24px;
    height: 24px;
    background-size: cover;
}
button.owl-prev.disabled {
    display: none!important;
}
button.owl-next.disabled {
    display: none!important;
}

/* button.owl-prev:before {
    content: "\e824";
    font-family: revicons;
    font-size: 15px;
    color: #949494;
    display: block;
    line-height: 40px;
    text-align: center;
} */


section.section-vas {
    background: white;

    box-shadow: 0px 2px 20px rgba(194,193,193,0.5);
    -moz-box-shadow: 0px 2px 20px rgba(194,193,193,0.5);
    -webkit-box-shadow: 0px 2px 20px rgba(194,193,193,0.5);
}


section.main-slider {

    box-shadow: 0px 2px 20px rgba(194,193,193,0.5);
    -moz-box-shadow: 0px 2px 20px rgba(194,193,193,0.5);
    -webkit-box-shadow: 0px 2px 20px rgba(194,193,193,0.5);
    position: relative;
    padding:0;
}

section.quick-block{
    padding:0;
}


.slider-container {
    display: block;
}

.slider-text {
    display: block;
    margin-top: 1.3em;
}

.slider-text img {
    float: left;
}

.slider-text p {
    float: right;
    margin-right: 5px;
    margin-top: 5px;
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
    color: #3c3c3b;
    text-align: center;
    text-transform: uppercase;
}

.slider-indicators p {
    float: left;
    width: 33.33%;
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
    text-transform: uppercase;
}

.slider-indicators p:nth-child(1) {
     color: #12421f;
}
.slider-indicators p:nth-child(2) {
     color: #00a19a;
}
.slider-indicators p:nth-child(3) {
     color: #95c11f;
}
p.slider-price {
    display: block;
    margin: auto;
    width: max-content;
    font-size: 46px;
    font-weight: 700;
    line-height: 24px;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 20px;
}

p.slider-price span.slider-month {
    font-size: 20px;
    color: #3c3c3b;
    font-weight: 700;
    line-height: 27px;
    text-align: left;
    text-transform: uppercase;
    display: block;
    opacity: 0.3;
    margin-bottom: 10px;
}

.slider-calc-value {
    padding-top: 3em;
}

.slider-calc-display {
    display: inline-block;
}

.slider-calc-display .btn-zain {
    width: 200px;
}


/* UI SLIDER */
#sms-slider,#data-slider,#call-slider {
    width: 100%;
    margin: 2em 0;
    height:10px;
    border-radius:15px;
    background: #e3e3e3;
    border:0;
  }

  #custom-handle.ui-state-default,.ui-widget-content  #custom-handle.ui-state-default, .ui-widget-header .ui-state-default{
  border-radius:50%;
   background: #3c3c3b;
    box-shadow: 0px 2px 4px rgba(103,103,103,0.5);
    -moz-box-shadow: 0px 2px 4px rgba(103,103,103,0.5);
    -webkit-box-shadow: 0px 2px 4px rgba(103,103,103,0.5);
    height:22px;
    width:22px;
    margin-top:-1px;
  }

  #sms-slider .ui-slider-range ,#data-slider .ui-slider-range ,#call-slider  .ui-slider-range {
    background: #95C11F;
    background: linear-gradient(131deg, #00A19A, #95C11F);
  }

  .section-usage-calc .container {
    background: white;
    padding: 25px 20px;
    border-radius:12px;

    box-shadow: 0px 2px 20px rgba(194,193,193,0.5);
    -moz-box-shadow: 0px 2px 20px rgba(194,193,193,0.5);
    -webkit-box-shadow: 0px 2px 20px rgba(194,193,193,0.5);
}

.section-usage-calc .container  .row {
    margin: 0!important;
}


/**! 14. Accordions **/
.accordion li .accordion__title,
.accordion li .accordion__content,
.accordion li .accordion__content * {
  transition: 0.3s linear;
  -webkit-transition: 0.3s linear;
  -moz-transition: 0.3s linear;
}
.accordion li .accordion__title {
  cursor: pointer;
  padding: 1.9em 1.625em;
  border: 1px solid #dfdfdf;
  border-bottom: none;
  background: #f4f4f4;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: relative;
}
.accordion li:last-child .accordion__title {
  border-bottom: 1px solid #dfdfdf;
}
.accordion li .accordion__content {
  opacity: 0;
  visibility: hidden;
  max-height: 0;
  padding: 0 2em;
}
.accordion li .accordion__content > * {
  display: none;
}
.accordion li .accordion__content.media-type-acc >div:first-child {
  padding-top: 1.625em;
}
.accordion li .accordion__content.media-type-acc >div:last-child {
  padding-bottom: 1.625em;
}
.accordion li.active .accordion__title {
  background: #FBAA19;
  border-bottom: 1px solid #dfdfdf;
}
.accordion li.active .accordion__content {
  opacity: 1;
  visibility: visible;
  max-height: 100%;
  display: block;
  padding: 2em ;
  position:relative;
}
.accordion li.active .accordion__content.media-type-acc > * {
  display: inline-block;
  vertical-align: middle;
}
.accordion li.active .accordion__content > * {
  display: block;
}
.accordion li.active .accordion__content > iframe {
    width: 100%;
}
.accordion li .accordion__content.media-type-acc >div:last-child,
.accordion li .accordion__content.media-type-acc >div:first-child{
    padding:0!important;
}

.acc-rounded-img img {
    width: 85px;
    border-radius: 50%;
    margin: 10px;
    margin-left: 0;
}
li .accordion__title::after {
    content: "+";
    position: absolute;
    right: 40px;
    color: #00a19a;
    font-family: "Nunito Sans";
    font-size: 30px;
    font-weight: 700;
    line-height: 41px;
    text-align: center;
    top: 50%;
    transform-origin: top center;
    -webkit-transition: transform 0.5s;
    transition: transform 0.5s;
    transform: rotate(0deg) translateY(-50%);
    -ms-transform: rotate(0deg) translateY(-50%); /* IE 9 */
    -webkit-transform: rotate(0deg) translateY(-50%); /* Safari 3-8 */
}
li.active .accordion__title::after {
    transform: rotate(45deg) translateY(-50%);
    -ms-transform:rotate(45deg) translateY(-50%); /* IE 9 */
    -webkit-transform: rotate(45deg) translateY(-50%); /* Safari 3-8 */
    transform-origin: top center;
    -webkit-transition: transform 0.5s;
    transition: transform 0.5s;
    color: #3c3c3b;
}
.accordion li .accordion__content .half-tab{
    width: 50%;
}
.accordion li .accordion__content .half-tab table{
    width: 100%;
}

.container-fluid .accordion li .accordion__content:before {
    content: "";
    background: #F7F7F7;
    display: block;
    top: 0;
    bottom: 0;
    left: -15px;
    position: absolute;
}

.container-fluid .accordion li .accordion__content:after {
    content: "";
    background: #F7F7F7;
    display: block;
    top: 0;
    bottom: 0;
    right: -15px;
    position: absolute;
}
/* FAQ PAGE */

ul.faq-menu,
ul.new-responsive-carousel {
    list-style: none;
    display: inline-block;
    text-align: center;
    width: 100%;
    overflow: hidden;
    padding-left: 0px;
    padding-right: 0px;
    white-space: nowrap;
}

#owl-subcategory-page{
    text-align: center;
    display: inline-block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
}
#owl-subcategory-page .subcategory-tab a{
    display: inline-block;
}
ul.faq-menu li,
ul.new-responsive-carousel li {
    display: inline-block;
    margin: 0 15px;
}

ul.faq-menu li a,
ul.new-responsive-carousel li a {
    color: #3c3c3b;
    font-size: 20px;
    font-weight: 400;
    line-height: 40px;
    text-align: center;
    text-transform: uppercase;
    padding: 5px 12px;
}

/*ul.faq-menu .active li a{
    padding: 5px 10px;
}*/

ul.faq-menu li.active a,
ul.new-responsive-carousel li.active a {
    font-weight: 700;
    border-bottom: 2px solid #95c11f;
}

ul.faq-menu li a:hover,
ul.new-responsive-carousel li a:hover {
    text-decoration: none;
}

/*.owl-theme.faq-menu .owl-dots,
.owl-theme.new-responsive-carousel .owl-dots {
    display: none;
}*/

.owl-theme.faq-menu .owl-nav span,
.owl-theme.new-responsive-carousel .owl-nav span,
.owl-theme.package-slider .owl-nav span {
    display: none;
}

[dir=rtl] .owl-theme.owl-carousel.faq-menu .owl-nav,
[dir=rtl] .owl-theme.owl-carousel.new-responsive-carousel .owl-nav,
[dir=rtl] .owl-theme.owl-carousel.package-slider .owl-nav {
   transform: rotate(180deg);
}

.owl-theme.owl-carousel.faq-menu .owl-nav .owl-prev,
.owl-theme.owl-carousel.new-responsive-carousel .owl-nav .owl-prev,
.owl-theme.owl-carousel.package-slider .owl-nav .owl-prev {
    left: 0px;
    position: absolute;
    top: 0;
    bottom: 0;
    height:24px;
    width:24px;
}
.owl-theme.owl-carousel.package-slider .owl-nav .owl-prev{
    left: -3%;
}
.owl-investor-tabs .owl-stage-outer {
    height:50px;
    margin: auto;
}
.owl-theme.owl-carousel.faq-menu .owl-nav .owl-next,
.owl-theme.owl-carousel.new-responsive-carousel .owl-nav .owl-next,
.owl-theme.owl-carousel.package-slider .owl-nav .owl-next {
    right: 0px;
    position: absolute;
    top: 0;
    bottom: 0;
    height: 24px;
    width: 24px;
}
.owl-theme.owl-carousel.package-slider .owl-nav .owl-next{
    right: -3%;
}
.faq-menu.owl-carousel.owl-theme li a,
.new-responsive-carousel.owl-carousel.owl-theme li a  {
    display: inline-block;
}
.faq-menu.owl-carousel.owl-theme .owl-stage-outer,
.new-responsive-carousel.owl-carousel.owl-theme .owl-stage-outer  {
    margin-right: 50px;
    margin-left: 50px;
}
.owl-theme.owl-carousel.faq-menu .owl-nav button,
.owl-theme.owl-carousel.new-responsive-carousel .owl-nav button,
.owl-theme.owl-carousel.package-slider .owl-nav button {
    color: #949494;
    font-weight: 100;
    font-size: 70px!important;
    line-height: 1!important;
    position: absolute;
    background: transparent!important;
}

ul.accordion.accordion--oneopen {
    list-style: none;
    padding: 0;
    margin: 0;
}
.accordion li .accordion__title span {
    font-size: 18px;
    color: #3c3c3b;
    font-weight: 700;
    line-height: 25px;
    text-transform: uppercase;

}

.faq-display .accordion li .accordion__title span {
    font-weight: 400;
    text-transform: initial;
}
.accordion li.active .accordion__content p {
    font-size: 17px;
    color: #3c3c3b;
    padding: 0;
}

.accordion li .accordion__content a {
    text-decoration: underline;
    font-family: "Nunito Sans";
    font-size: 16px;
    font-weight: 700;
    color:#95c11f;
    margin:0;
}
.accordion li .accordion__content .btn-zain {
    color: white !important;
}

.accordion li .accordion__content li, .accordion li .accordion__content p {
    font-size: 17px;
}

.accordion li .accordion__title,
.accordion li.active .accordion__title {
    background: #ffffff;
    border: 0;
    border-bottom: solid 1px #e6e4e7;
}
.accordion .active{
    border-bottom: solid 1px #e6e4e7;
}
/* .accordion__content{
    margin:0px -15px;
} */
.accordion li:first-child .accordion__title {
    border-top: solid 1px #e6e4e7;
}
.accordion li .accordion__content {
    background: #F7F7F7;
}
.paddingTop50{
    padding-top:50px !important;
}
.paddingTop40{
    padding-top:40px !important;
}
.paddingTop60{
    padding-top:60px !important;
}
.paddingBottom60{
    padding-bottom:60px !important;
}

.paddingBottom40{
    padding-bottom:60px !important;
}
article[about="/en/personal/5g"] .side-image-text-container .row,
article[about="/ar/personal/5g"] .side-image-text-container .row{
    width:100%;
}
article[about="/en/personal/5g"] .side-image-par,
article[about="/ar/personal/5g"] .side-image-par
{
    padding-bottom: 15px !important;
}

article[about="/en/personal/5g"] .coverage-pad,
article[about="/ar/personal/5g"] .coverage-pad
{
    padding:60px 0 0px 0;
}
article[about="/en/personal/5g"] .network-section .image-banner,
article[about="/ar/personal/5g"] .network-section .image-banner
{
    background-position: bottom;
}
article[about="/en/personal/5g"] .network-section .si-card,
article[about="/ar/personal/5g"] .network-section .si-card
{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
article[about="/en/personal/5g"] .accordion>li:first-child .accordion__title {
    border-top: 0px;
}
article[about="/ar/personal/5g"] .accordion>li .accordion__title,
article[about="/en/personal/5g"] .accordion>li .accordion__title {
    padding: 2em 1.625em;
    margin: 0 2em;
}
article[about="/en/personal/5g"] .accordion>li:last-child .accordion__title {
    border-bottom: 0px;
}
article[about="/en/personal/5g"] ul.accordion,
article[about="/ar/personal/5g"] ul.accordion{
    padding: 0;
    margin-bottom: 0;
}
article[about="/ar/personal/5g"] .accordion>li:first-child .accordion__title {
    border-top: 0px;
}
article[about="/ar/personal/5g"] .accordion>li:last-child .accordion__title {
    border-bottom: 0px;
}
article[about="/en/personal/5g"] ul.accordion,
article[about="/ar/personal/5g"] ul.accordion{
    padding: 0;
    margin-bottom: 0;
}
article[about="/ar/personal/5g"] .faq-display .row ,
article[about="/en/personal/5g"] .faq-display .row {
    margin: 0;
}


article[about="/ar/personal/5g"] .faq-display .container-fluid ,
article[about="/en/personal/5g"] .faq-display .container-fluid {
    padding: 0;
}
article[about="/ar/personal/5g"] .faq-display .accordion .active .accordion__content,
article[about="/en/personal/5g"] .faq-display .accordion .active .accordion__content{
    padding-right: 5em!important;
    padding-left: 5em!important;
}
article[about="/en/personal/5g"] h1.section-title.f20 {
    margin-top: 0px;
    margin-bottom: 0px;
}
article[about="/ar/personal/5g"] .text-center h1 {
    margin-top: 10px;
    margin-bottom: 0px;
}

article[about="/en/personal/5g"] .area-shadowb {
    box-shadow: 0px 10px 15px -6px rgba(194,193,193,0.5);
    -webkit-box-shadow: 0px 10px 15px -6px rgba(194,193,193,0.5);
    -moz-box-shadow: 0px 10px 15px -6px rgba(194,193,193,0.5);
}
article[about="/ar/personal/5g"] .area-shadowb {
    box-shadow: 0px 10px 15px -6px rgba(194,193,193,0.5);
    -moz-box-shadow: 0px 10px 15px -6px rgba(194,193,193,0.5);
    -webkit-box-shadow: 0px 10px 15px -6px rgba(194,193,193,0.5);
}

.accordion.info-acc li.active .accordion__content .container {
    width: 100%;
    padding-left: 0px;
    position: relative;
}
.faq-display{
    counter-reset: section;
}
/* .faq-display li .accordion__title::before{
    counter-increment: section;
    content: "Q" counter(section) " ";
    font-size: 18px;
    color: #3c3c3b;
    font-weight: 700;
    line-height: 25px;
    text-transform: uppercase;
} */

.owl-theme.owl-carousel.owl-tab-slider .owl-nav {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
}
[dir=rtl] .owl-theme.owl-carousel.owl-tab-slider .owl-nav{
    transform: rotate(180deg);
}
.owl-carousel.owl-tab-slider.owl-theme {
    margin: 0 30px;
    width: calc( 100% - 60px);
}
.owl-theme.owl-carousel.owl-tab-slider .owl-nav .owl-prev {
    left: -20px;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
}


.owl-theme.owl-carousel.owl-tab-slider .owl-nav .owl-next {
    right: -20px;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
}

.owl-theme.owl-carousel.owl-tab-slider .owl-nav button {
    color: #949494;
    font-weight: 100;
    font-size: 70px!important;
    line-height: 20px;
    position: absolute;
    display: grid;
}


.owl-theme.owl-carousel.owl-tab-slider .owl-nav button:hover {
    background: transparent;
}

.owl-tab-slider button.owl-next span,
.owl-tab-slider button.owl-prev span{
    display:none;
}

/* Contact Page */
.contactboxes {
    margin: auto;
    border-spacing: 2em 0px;
    padding-top:2em;
}
.contact-card {
    background: #ffffff;
    box-shadow: 0px 2px 20px rgba(194,193,193,0.5);
    -moz-box-shadow: 0px 2px 20px rgba(194,193,193,0.5);
    -webkit-box-shadow: 0px 2px 20px rgba(194,193,193,0.5);
    padding: 30px;
    border-radius:12px;
}

.contact-card h1 {
    color: #95c11f;
    font-size: 24px;
    font-weight: 700;
    line-height: 33px;
    margin-bottom: 25px;
    margin-top: 0;
}

.contact-card p,.contact-card td {
    color: #3c3c3b;
    font-size: 16px;
    font-weight: 400;
    line-height: 23px;
    padding: 4px;
}

.contact-card table {
    width: 100%;
    border: 0;
}
.main-form button#edit-submit {
    display: none;
}

/* SMS TABLE */
section.sms-table {
    padding: 4em 0;
}

.sms-table thead {
    border-radius: 12px;
    background: #ffffff;

    box-shadow: 0px 2px 20px rgba(194,193,193,0.5);
    -moz-box-shadow: 0px 2px 20px rgba(194,193,193,0.5);
    -webkit-box-shadow: 0px 2px 20px rgba(194,193,193,0.5);
    padding: 20px;
    position: relative;
    width: 100%;
    display: table-caption;
}

.sms-table th,.sms-table td {
    width: 50%;
    display: table-cell;
}

.sms-table thead th {
    width: 50%;
    color: #9b9b9b;
    font-family: "Nunito Sans";
    font-size: 16px;
    font-weight: 700;
    line-height: 27px;
    text-align: right;
    padding: 0 3em 0 0;
    position: relative;
}


.sms-table thead th:first-child:after {
    content: "";
    background-image: url(/themes/zain_theme/img/faq_arrow_green.svg);
    display: block;
    width: 20px;
    height: 20px;
    right: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translate(50%, -50%); /* IE 9 */
    -webkit-transform: translate(50%, -50%); /* Safari 3-8 */
    transform: translate(50%, -50%);
}

.sms-table thead tr {
    display: flex;
}

.sms-table tbody tr {
    border-bottom: dashed 1px #9b9b9b;
}

.sms-table tbody td:first-child {
    color: #3c3c3b;
    font-family: "Nunito Sans";
    font-size: 18px;
    font-weight: 700;
    line-height: 33px;
    text-align: right;
    padding: 15px 3em 15px 0;
    position: relative;
}

.sms-table tbody td:first-child:before {
    content: "";
    background-image: url(/themes/zain_theme/img/faq_arrow_gray.svg);
    display: block;
    width: 20px;
    height: 20px;
    right: 0;
    position: absolute;
    top: 50%;
    transform: translate(50%, -50%);
    -ms-transform: translate(50%, -50%); /* IE 9 */
    -webkit-transform: translate(50%, -50%); /* Safari 3-8 */
    }
.sms-table tbody td:last-child {
    color: #3c3c3b;
    font-family: "Nunito Sans";
    font-size: 18px;
    font-weight: 400;
    line-height: 33px;
    padding: 15px 0 15px 3em;
}

.sms-table thead th:last-child {
    padding: 0 0 0 3em;
    text-align: left;
}

.accordion .accordion__content tr {
    padding: 15px 0;
    border-top: dashed 1px #E6E4E7;
}

.accordion .accordion__content table{
    width: 100%!important;
    border-bottom: solid 3px #E6E4E7!important;
}
.accordion .accordion__content tbody,
.accordion .accordion__content thead{
    /* width: 100%; */
    width: fit-content;
    width:-moz-fit-content;
    margin: auto;
    /*display: block;*/
}
.accordion .accordion__content tr{
    /* margin: auto;
    display: block; */
    display: table-row;
    width: fit-content;
    width:-moz-fit-content;
}
.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: 14px!important;
    font-weight: 400;
    line-height: 19px;
    margin-bottom: 0;
}

.accordion__content.longtext-table table td, .accordion__content.longtext-table table th {
    width: 400px !important;
    border: 0!important;
}
.accordion .accordion__content .btn-zain {
    margin: 0;
}

/* Header Banner */

.image-banner {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    border-radius: 12px 0 0 12px;
}

article[about='/en/business'] .image-banner-radius-right,
article[about='/ar/business'] .image-banner-radius-right{
    border-radius: 0 12px 12px 0 !important;
}

.rev_slider .rev-btn:visited,.rev_slider .rev-btn{
    background: rgb(0, 160, 153) !important;
    background-color: rgb(0, 160, 153) !important;
    border-color: rgb(0, 160, 153);
    text-shadow: none !important;
}

article[about='/en/business'] .info-card,
article[about='/ar/business'] .info-card{
    min-height: 325px !important;
}
.sticky .container{
    position: relative;
}
.sticky .col-md-6:last-child{
    position: sticky;
    top: 30%;
}
.block-revslider-blockbusinessslider .rev_slider .tp-caption,
.block-revslider-blockarabic-business-slider .rev_slider .tp-caption{
    color: #FFFFFF !important;
    text-shadow: 0 3px 10px rgba(0,0,0,0.74);
    -webkit-transition: all 150ms linear;
    -ms-transition: all 150ms linear;
    transition: all 150ms linear;
    outline: none;
}

.block-revslider-blockbusinessslider .rev-btn,
.block-revslider-blockarabic-business-slider .rev-btn{
    font-size: 18px !important;
    -webkit-transition: all 150ms linear;
    -ms-transition: all 150ms linear;
    transition: all 150ms linear;
    outline: none;
}
.block-revslider-blockbusinessslider .rev-btn:hover,
.block-revslider-blockarabic-business-slider .rev-btn:hover{
    background: linear-gradient(131deg, #10CCC4 0%, #00A19A 49%, #00A099 100%) !important;
    box-shadow: 0 2px 8px 0 rgba(149,193,31,0.60) !important;
    -webkit-box-shadow: 0 2px 8px 0 rgba(149,193,31,0.60) !important;
    -moz-box-shadow: 0 2px 8px 0 rgba(149,193,31,0.60) !important;
    border-radius: 100px !important;
}


article[about='/en/personal/email-us'] .webform-zain label.control-label, article[about='/en/personal/email-us'] .webform-zain .form-inline .control-label,
article[about='/ar/personal/email-us'] .webform-zain label.control-label, article[about='/ar/personal/email-us'] .webform-zain .form-inline .control-label,
article[about='/en/business/email-us'] .webform-zain label.control-label, article[about='/en/business/email-us'] .webform-zain .form-inline .control-label,
article[about='/ar/business/email-us'] .webform-zain label.control-label, article[about='/ar/business/email-us'] .webform-zain .form-inline .control-label
{
    margin-top: 15px;
    margin-bottom: 5px;
}
article[about='/en/personal/email-us'] .webform-zain label.option, article[about='/en/personal/email-us'] .webform-zain .form-inline .option,
article[about='/ar/personal/email-us'] .webform-zain label.option, article[about='/ar/personal/email-us'] .webform-zain .form-inline .option,
article[about='/en/business/email-us'] .webform-zain label.option, article[about='/en/business/email-us'] .webform-zain .form-inline .option,
article[about='/ar/business/email-us'] .webform-zain label.option, article[about='/ar/business/email-us'] .webform-zain .form-inline .option
{
    margin-top: 0px;
}
article[about='/en/personal/email-us'] .form-required:after, article[about='/ar/personal/email-us'] .form-required:after,
article[about='/en/business/email-us'] .form-required:after, article[about='/ar/business/email-us'] .form-required:after
{
    background-image: none !important;
}
article[about="/en/investors/policies-and-regulations"] .pnr-section .rf-title,article[about="/ar/investors/policies-and-regulations"] .pnr-section .rf-title{
    padding-left: 30px;
}
article[about="/en/investors/disclosure"] .all-events .events-item > img, article[about="/ar/investors/disclosure"] .all-events .events-item > img{
    height: 164px;
}
.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;
}
html[lang='ar'] .rev_slider .rev-btn:visited, html[lang='ar'] .rev_slider .rev-btn:after{
    right: unset;
    left: 15px;
    transform: rotate(180deg) translateY(50%);
}
html[lang="ar"] .rev_slider .rev-btn:visited, html[lang="ar"] .rev_slider .rev-btn{
    padding: 12px 30px 12px 50px!important;
}
html[lang='ar'] .block-revslider-blockarabic-business-slider .tp-parallax-wrap {
    left: unset !important;
    direction: rtl !important;
}
html[lang='ar'] .tp-parallax-wrap{
    /* left: unset;
    right: 60px; */
    right:unset;
    direction: ltr;
}
.paragraph--type--paragraph-header-image .image-banner {
    box-shadow: 0px 8px 9px rgba(194,193,193,0.5);
    -moz-box-shadow: 0px 8px 9px rgba(194,193,193,0.5);
    -webkit-box-shadow: 0px 8px 9px rgba(194,193,193,0.5);
    border-radius: 0;
}
.banner-info h4 {
    font-size: 50px;
    font-weight: 400;
    text-shadow: 0px 3px 10px rgba(0,0,0,0.74);
}

.banner-info {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%); /* IE 9 */
    -webkit-transform: translateY(-50%); /* Safari 3-8 */
    display: block;
    width: 50%;
}

.banner-info p {
    font-size: 30px;
}

.banner-info.absolute-right {
    right: 0;
}

/* 5G Page */
.info-card {
    background: white;

    box-shadow: 0px 2px 20px rgba(194,193,193,0.5);
    -moz-box-shadow: 0px 2px 20px rgba(194,193,193,0.5);
    -webkit-box-shadow: 0px 2px 20px rgba(194,193,193,0.5);
    padding: 20px;
    border-radius: 12px;
    min-height: 380px;
    position: relative;
    display: block;
    float: left;
    margin: 20px 0;
}

.info-card * {
    margin: 15px auto;
    display: block;
    position: relative;
}
.info-card p {
    font-size: 18px;
    font-weight: 400;
}
.owl-item .info-card img {
    width: 80px;
}
.network-slider .owl-nav {
    display: none;
}
.side-image-par .si-card {
    background: white;
    border-radius: 12px;

    box-shadow: 0px 2px 20px rgba(194,193,193,0.5);
    -moz-box-shadow: 0px 2px 20px rgba(194,193,193,0.5);
    -webkit-box-shadow: 0px 2px 20px rgba(194,193,193,0.5);
}


.side-image-text {
    padding: 0px 30px 0 30px;
    height: 100%;
    width: 50%;
    border: 0;
}

.side-image-text h1 {
    font-size: 30px;
    font-weight: 900;
    margin-bottom: 30px;
    line-height: 1.5;
}

.side-image-text a:not(.know-more-btn):hover, .side-image-text a:not(.know-more-btn):focus{
    background-image: linear-gradient(131deg, #74A000 0%, #95C11F 49%, #9AD400 100%);
    box-shadow: 2px 2px 8px 0 rgba(0,161,154,0.50);
    border-radius: 100px;
}

.side-image-text p {
    color: #3c3c3b;
    font-size: 20px;
    font-weight: normal;
    line-height: 27px;
}

.vertical-align-si {
    display: table-cell;
    vertical-align: middle;
}

.si-card .row {
    position: relative;
    min-height:400px;
}

.columns-list-3 ul {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
  list-style: none;
  padding:0;
}

.columns-list-3 ul li{
    position:relative;
    line-height: 25px;
    color: #3c3c3b;
    font-family: "Nunito Sans";
    font-size: 14px;
    font-weight: 600;
    padding-left:17px;
}
.columns-list-3 ul li::before {
  content:"";
  display:block;
  width: 10px;
  height: 10px;
  background: #95c11f;
  border-radius:50%;
  position:absolute;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%); /* IE 9 */
  -webkit-transform: translateY(-50%); /* Safari 3-8 */
}
.network-section .image-banner {
    background-size: contain;
    height: 500px;
}

.network-section .si-card {
    box-shadow: unset;
    -moz-box-shadow: unset;
    -webkit-box-shadow: unset;
}

.network-section {
    background: white;
}
/*vendors management*/

.header-video video{
    width:100%;
    height:400px;
    background: black;
}

.header-video #header-video-title{
    font-size: 35px;
    color: #ffffff;
    font-family: "Nunito Sans";
    background: black;
    background: linear-gradient(180deg, #CB000000, black);
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 150px;
    text-align: left;
}
.header-video .video-title-container{
    display: table;
    width: 100%;
    height: 150px;
}
.header-video .video-title-container .video-title-wrapper{
    display: table-cell;
    vertical-align: middle;
}
.header-video .play-btn {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    cursor: pointer;
}

.rectangle {
    z-index: 7;
    width: 100%;
    min-height: 180px;
    border-radius: 12px;
    background: #ffffff;

    box-shadow: 0px 2px 20px rgba(194,193,193,0.5);
    -moz-box-shadow: 0px 2px 20px rgba(194,193,193,0.5);
    -webkit-box-shadow: 0px 2px 20px rgba(194,193,193,0.5);
    margin: auto;
    padding: 25px;
    display: table;
}

.rect-1-btn {
    position: absolute;
    bottom: 20px;
    right: 40px;
    width: calc( 50% - 60px);
}

.rect-2-btn{
    position: relative;
    display: table-cell;
    vertical-align: bottom;
}

[dir=ltr] .rect-2-btn .col-sm-6:first-child,
[dir=rtl] .rect-2-btn .col-sm-6:nth-child(2)
{
    padding-left:0;
}

[dir=ltr] .rect-2-btn .col-sm-6:nth-child(2),
[dir=rtl] .rect-2-btn .col-sm-6:first-child
{
    padding-right:0;
}
[dir=rtl] .rect-2-btn .col-sm-6:first-child{
    float: right;
}


.rectangle .btn-zain-white,
.rectangle .btn-zain{
    width:100%;
    margin-bottom: 0;
}
.rectangle-title img {
    width: 60px;
}

.rectangle-title img {float: left;width: 60px;position: relative;}

.rectangle-title {
    position: relative;
    display: block;
}

.rectangle-title strong {
    position: absolute;
    width: calc( 100% - 60px );
    left: 60px;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%); /* IE 9 */
    -webkit-transform: translateY(-50%); /* Safari 3-8 */
}

.btn-zain-white {
    background: #ffffff;
    border: 0;
    box-shadow: 2px 2px 12px rgba(0,0,0,0.1);
    -moz-box-shadow: 2px 2px 12px rgba(0,0,0,0.1);
    -webkit-box-shadow: 2px 2px 12px rgba(0,0,0,0.1);
    color: #95c11f;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    padding: 0px 20px;
    border-radius: 22px;
    width: fit-content;
    width: -moz-fit-content;
    text-decoration: none;
    display: inline-block;
    margin: 15px 0;
    -webkit-transition: all 150ms linear;
    -ms-transition: all 150ms linear;
    transition: all 150ms linear;
    height: 40px;
    line-height: 40px;
}
.accordion__content table tr td:last-child a {
    background: #ffffff;
    border:0;
    box-shadow: 2px 2px 12px rgba(0,0,0,0.1);
    -moz-box-shadow: 2px 2px 12px rgba(0,0,0,0.1);
    -webkit-box-shadow: 2px 2px 12px rgba(0,0,0,0.1);
    color: #95c11f;
    font-size: 16px;
    font-weight: 700;
    line-height: 26px;
    text-align: center;
    text-transform: uppercase;
    padding: 8px 20px;
    border-radius: 22px;
    width: fit-content;
    width: -moz-fit-content;
    text-decoration: none;
    display: inline-block;
    margin: 15px 0;
    -webkit-transition: all 150ms linear;
    -ms-transition: all 150ms linear;
    transition: all 150ms linear;
    outline: none;
}

.btn-zain-white:hover,
.accordion__content table tr td:last-child a:hover  {
    background: #ffffff;
    color: #95c11f;
    text-decoration: none;
    box-shadow: 0 2px 8px 0 rgba(0,161,154,0.50);
    border-radius: 100px;
}
a.btn-zain-white:focus,
a.btn-zain-white:active,
.accordion__content table tr td:last-child a:focus,
.accordion__content table tr td:last-child a:active {
    background: white;
}
button.btn-zain-white.load-more-animated {
    display: block;
    margin: 15px auto;
    min-width: 100px;
}

.load-more-animated {
    display: block;
    text-align: center;
    margin: 15px auto;
    color: #95c11f;
    font-size: 14px;
    font-weight: 700;
    line-height: 19px;
    text-transform: uppercase;
    box-shadow: none;
    border: none;
    cursor: pointer;
}
.hide{
    display: none !important;
}
.accordion li .accordion__content .btn-zain-white{
    text-decoration: none;;
}

.margin-left-20{
    padding-left: 20px;
}

.margin-bot20{
    margin-bottom: 20px;
}

div#header-video-title-background{
    position: absolute;
    bottom: 0;
    width: 100%;
}
/*Home page Trending*/

.trending-item:nth-child(n+6) {
    display: none;
}
.green-section-bottom{
    position: absolute;
    bottom:0;
    width:100%;
}
#show-more img{
    padding: 0px 10px 4px;
}
.trending-item{
    z-index: 5;
    width: 255px;
    background: #ffffff;
    box-shadow:  rgba(194,193,193,0.5) 0px 2px 20px;
	-moz-box-shadow:  rgba(194,193,193,0.5) 0px 2px 20px;
	-webkit-box-shadow:  rgba(194,193,193,0.5) 0px 2px 20px;
    display: inline-grid;
    margin: 20px 0 20px 0;
    font-size: 24px;
    font-weight: 700;
    border-radius: 12px;
}

.trending-item-title{
    padding: 20px 15px 0px;
    min-height: 90px;
    text-align: center;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.trending-item-price-box{
    z-index: 4;
    background-color: rgb(155,210,9,0.07);
    padding: 30px 0px 30px 0px;
    border-bottom-left-radius: 12px ;
    border-bottom-right-radius: 12px;
    text-align: center;
}

.trending-item img{
    max-width: 184px !important;
    max-height: 184px;
    width: auto !important;
    padding: 0;
    margin: 20px auto;
    word-break: break-word;
}
.trending-item-image-container{
    margin: 20px auto;
	min-height:224px;
}
.trending-item-image-container .trending-image-row{
    display: table-cell;
    height: 184px;
    vertical-align: middle;
}
article[about="/en/home"] .owl-carousel .package-feature .package-info img, article[about="/ar/home"] .owl-carousel .package-feature .package-info img{
    margin-bottom: 7px;
}

.tp-bullet-title{
    display: none;
}
.trending-item-starting-from{
    color: #95c11f;
    font-size: 12px;
    padding-top: 0px;
}

.trending-item-price{
    font-size: 30px;
    font-weight: 700;
    line-height: 1;
}

.views-field-field-trending-items{
    text-align: -webkit-center;
    text-transform: uppercase;
}

.owl-trending .owl-nav {
    display: none;
}

.owl-trending .owl-dots {
    display: block;
}

#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: relative;
        left: 36%;
}

.views-field-field-trending-items .f20{
    margin-left:11%;
}

.tab-icons .tab-icon-hover, .owl-carousel .tab-icons .tab-icon-hover{
    display: none;
}

.paragraph-tab a {
    min-width: 250px;
}

/* .paragraph-tab a > * {display: block;float:left;} */

/* .paragraph-tab a * {
    display: table-cell;
    vertical-align: middle;
} */

.paragraph-tab img {
    width: 40px;
    height: 40px;
}

.paragraph-tab a {
    padding: 15px;
    border-radius: 12px;
    border: 0;

    box-shadow: 0px 2px 20px rgba(194,193,193,0.5);
    -moz-box-shadow: 0px 2px 20px rgba(194,193,193,0.5);
    -webkit-box-shadow: 0px 2px 20px rgba(194,193,193,0.5);
    min-height: 80px;
    display: block;
    position: relative;
}

.paragraph-tab a .text {
    margin: 0;
    margin-left: 15px;
    color: #3c3c3b;
    font-family: "Nunito Sans";
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
    text-transform: uppercase;
    position: relative;
}

.paragraph-tab.active a {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

.paragraph-tab {
    background: white;
    margin: 0 10px;
    min-height: 80px;
    position: relative;
    max-width: 265px;
    margin: 20px auto;
}

.paragraph-tab.active a{
    background: #95c11f;
    color: white;
}
.paragraph-tab.active a:hover,.paragraph-tab.active a:focus,.paragraph-tab a:hover {
    background: #95c11f;
    color: white;
}

.paragraph-tab.active .tab-icons .tab-icon{
    display: none;
}
.paragraph-tab a:hover .tab-icons .tab-icon {
    display: none;
}

.paragraph-tab.active .tab-icons .tab-icon-hover{
    display: block;
}
.paragraph-tab a:hover .tab-icons .tab-icon-hover {
    display: block;
}

.paragraph-tab.active a .text{
    color: white;
}
.paragraph-tab a:hover .text{
    color: white;
}

.tab-icons img {
    display: flex;
    vertical-align: middle;
    margin: 4px 0;
}
.paragraph--type--paragraph-tabs ul.nav.nav-tabs {
    border: 0;
}

.paragraph-tab a.has-icons .tab-icons {
    width: 40px;
    position: absolute;
    left: 15px;
}

.paragraph-tab a.has-icons p.text {
    width: calc( 100% - 75px );
    position: absolute;
    left: 60px;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%); /* IE 9 */
    -webkit-transform: translateY(-50%); /* Safari 3-8 */
    margin: 0;
    text-align: left;
}
.paragraph-tab a p.text {
    width: calc( 100% - 30px );
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%); /* IE 9 */
    -webkit-transform: translateY(-50%); /* Safari 3-8 */
    margin: 0;
    text-align: center;
}

li.underline-tab {
    float: none;
    display: inline-block;
    border: 0;
    margin: 0px 3%;
}

li.underline-tab a {
    color: #3c3c3b !important;
    font-family: "Nunito Sans";
    font-size: 20px;
    font-weight: 400;
    line-height: 27px;
    text-align: center;
    text-transform: uppercase;
    border: 0;
    padding:10px 0px;
}

.nav-tabs > li.underline-tab.active > a{
    border: 0;
    border-bottom: 2px solid #95c11f;
    font-weight: 700;
}
.nav-tabs > li.underline-tab.active > a:hover, .nav-tabs > li.underline-tab.active > a:focus {
    border: 0;
    border-bottom: 2px solid #95c11f;
    font-weight: 700;
}
.nav-tabs > li.underline-tab > a{
    background: transparent;
}
.nav-tabs > li.underline-tab > a:hover,
.nav-tabs > li.underline-tab > a:focus{
    background: transparent;
}

.tab-pane section:first-child {
    padding-top: 0;
}

.tab-pane section:first-child .show-more-btn {
    top: -11%;
}

.side-image-pullright {
    float: right;
}


[dir=ltr].webform-progress-tracker li[data-webform-page=c_general_info] {
    width: 29%;
    margin-left: -8%;
}

.news-item {
    width: 92%;
    min-height: 398px;
    border-radius: 12px;
    z-index: 9;
    padding: 0px;
    margin: 0px 1em;
    background: #ffffff;
    box-shadow: 0px 2px 19px rgba(217,217,217,0.5);
    -moz-box-shadow: 0px 2px 19px rgba(217,217,217,0.5);
    -webkit-box-shadow: 0px 2px 19px rgba(217,217,217,0.5);
    float: left;
}
.view-news img{
    border-top-right-radius: 12px;
    border-top-left-radius: 12px;
    object-fit: cover;
    width:100%;
    height:246px;
    z-index: 6;
}
.news-item .news-content{
    padding: 30px;
    height: auto;
    min-height: 110px;
    z-index: 5;
    color: #3c3c3b;
    font-family: "Nunito Sans";
    font-size: 18px;
    font-weight: 700;
    line-height: 25px;
}
.news-content p{
    font-size: 18px;
    font-weight: 700;
    line-height: 25px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #3c3c3c;
}
.news-footer{
    padding: 0px 30px 30px;
    position:relative;
}
/* .news-footer a{
    float:left;
} */
.news-footer img {
    right: 30px;
    top: 0;
    width: 17px!important;
    position: absolute!important;
    height: unset;
    object-fit: unset;
}
.created-at {
    color: #9b9b9b;
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
}
.news-page .news-item,.news-page .events-item{
    width:100%;
    margin-bottom: 20px;
}
.news-page .news-item img, .news-page .events-item img{
    /* display:none; */
    height:auto;
    margin:auto;
    box-shadow: none;
}
.news-page img{
    z-index: 4;
    height: 350px;
    width:500px;
    background: #ffffff;
    box-shadow: 0px 2px 20px rgba(194,193,193,0.5);
    -moz-box-shadow: 0px 2px 20px rgba(194,193,193,0.5);
    -webkit-box-shadow: 0px 2px 20px rgba(194,193,193,0.5);
    border-radius: 12px;
    margin:30px auto;
    object-fit: cover;
}
.director-page{
    margin-top: 48px;
    margin-bottom: 80px;
}
.director-page img{
    background: #ffffff;
    box-shadow: 0px 2px 20px rgba(194,193,193,0.5);
    -moz-box-shadow: 0px 2px 20px rgba(194,193,193,0.5);
    -webkit-box-shadow: 0px 2px 20px rgba(194,193,193,0.5);
    border-radius: 12px;
    margin:auto;
    width: 250px;
}
.summary{
    padding:0px 15px;
    font-family: "Nunito Sans";
    font-size: 30px;
    font-weight: 700;
    line-height: 41px;
    width:80%;
}
.summary span{
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
    color: #9b9b9b;
}
.share-btn img{
    all: unset;
    position: absolute;
    right: 20px;
    margin-top: 20px;
    float: right;
}
.dl-btn img{
    all: unset;
    float:right;
}
.abus-content{
    padding:15px;
    font-family: "Nunito Sans";
    font-size: 17px;
    font-weight: 400;
    line-height: 23px;
    letter-spacing: 0.096131px;
}

.news-page {
    padding-top: 2em;
}
.news-page h1{
    font-size: 20px;
    font-weight: 700;
    line-height: 27px;
    text-transform: uppercase;
    margin-left: 4%;
}
.news-page .owl-dots{
    text-align: left;
    position: relative;
    bottom: 20px;
}
.news-page .social-share{
    position: absolute;
    right: 30px;
    top: 5px;
}
.news-page .social-share .social-share-section .social-share-btns{
    font-size: 17px;
}
.news-page .social-share-section{
    margin:0px;
    width: 42px;
}
.news-page .social-share .social-share-section .share-fb{
    border-radius: unset;
    border-bottom-left-radius: 22.5px;
    border-bottom-right-radius: 22.5px;
}
.news-page .social-share .social-share-section .share-mail{
    border-radius: unset;
    border-top-left-radius: 22.5px;
    border-top-right-radius: 22.5px;
}
.news-page .social-share .social-share-section .share-fb img{
    margin-bottom: 5px;
}
.news-page .hide{
    -webkit-transition: display .5s ease;
    -moz-transition: display .5s ease;
    -o-transition: display .5s ease;
    transition: display .5s ease;
}
.view-all-news .events-content p,
.view-all-events .events-content p{
    -webkit-line-clamp: 3;
}
/*Events*/
.view-events{
    margin: 10px;
    margin-top: 50px;
}
.events-item {
    border-radius: 12px;
    z-index: 9;
    padding: 0px;
    margin-left: 3.5%;
    min-height: 431px;
    background: #ffffff;
    box-shadow: 0px 2px 19px rgba(217,217,217,0.5);
    -moz-box-shadow: 0px 2px 19px rgba(217,217,217,0.5);
    -webkit-box-shadow:0px 2px 19px rgba(217,217,217,0.5);
}
.view-events img{
    border-top-right-radius: 12px;
    border-top-left-radius: 12px;
    width:100%;
    height:246px;
    z-index: 6;
}
.events-item a{
    float:right;
}
/* .events-item a img{
    all: unset;
    display: block !important;
} */
.events-content p{
    font-size: 18px;
    font-weight: 700;
    overflow: hidden;
    line-height: 25px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    color: #3c3c3c;
}
.tadawul-announcements .events-content p {
    -webkit-line-clamp: 3;
}
.events-item .events-content{
    margin: 30px ;
	height: 53px;
    overflow: hidden;

}
[dir=rtl] .events-item .events-content{
    height: 50px;
}
/*Directors & managers*/
.view-directors{
    margin-top:40px;
}
.director{
    text-align: center;
    margin:auto;
    max-width: 300px;
    margin-top: 30px;
}
.director img{
    border-radius: 50%;
    width: 200px !important;
    height:200px;
    object-fit: cover;
    position: relative;
    margin:auto;
    box-shadow: 0px 2px 19px rgba(217,217,217,0.5);
    -moz-box-shadow: 0px 2px 19px rgba(217,217,217,0.5);
    -webkit-box-shadow:0px 2px 19px rgba(217,217,217,0.5);
}
.director-name{
    font-size: 18px;
    font-weight: 700;
    line-height: 25px;
    text-transform: uppercase;
    margin-top: 30px;
}
.director .director-name a{
    color: #3c3c3b;
}
.director-position{
    margin-top: 10px;
    font-size: 14px;
    font-weight: 500;
}
/*S&C Responsibility*/
.viewsreference--view-title{
    z-index: 4;
    color: #3c3c3b;
    font-family: "Nunito Sans";
    font-size: 20px;
    font-weight: 700;
    line-height: 27px;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.view-c-s-responsibility{
    margin: 1%;
    margin-top: 75px;
}
.responsibility-item {
    border-radius: 12px;
    z-index: 9;
    padding: 0px;
    margin-left: 2.5%;
    background: #ffffff;
    width: 22%;
    box-shadow: 0px 2px 19px rgba(217,217,217,0.5);
    -moz-box-shadow: 0px 2px 19px rgba(217,217,217,0.5);
    -webkit-box-shadow:0px 2px 19px rgba(217,217,217,0.5);
}
.view-c-s-responsibility img{
    border-top-right-radius: 12px;
    border-top-left-radius: 12px;
    width:100%;
    height:246px;
    z-index: 6;
}
.responsibility-item a{
    float:right;
}
.responsibility-item .responsibility-content{
    padding: 30px ;
}

.abus-show-more{
    margin-top: -20px;
    right: 2%;
    top: -500px;
}
.owl-abus-spacing .owl-stage-outer{
    padding: 2em 0;
    margin-top: 0px;
}
.about-us-background .viewsreference--view-title{
    top:50px;
}
article[about='/en/about-zain'] .show-more-btn{
    right:2.5%;
    z-index: 1;
    margin-top: 10px;
}
article[about='/en/about-zain'] .container.has-showmore{
    padding-top: 0;
}
article[about='/ar/about-zain'] .container.has-showmore{
    padding-top: 0;
}
.language-link:hover, .complaint-link:hover{
    color:#95c11f !important;
}
article[about="/en/about-zain"],article[about="/ar/about-zain"] {
    background: #FAFAFA;
}
article[about="/en/personal/apple-dcb"],article[about="/ar/personal/apple-dcb"] {
    background: #FAFAFA;
}

/*crs report*/
.crs-report-title{
    font-size: 30px;
    font-weight: 700;
    line-height: 41px;
}
.crs-report-text{
    margin-top: 30px;
    font-size: 17px;
    font-weight: 400;
    line-height: 23px;
}
/*media center*/
.media-item {
    width: 89%;
    border-radius: 12px;
    z-index: 9;
    padding: 0px;
    margin-left: 5.5%;
    background: #ffffff;
    box-shadow: 0px 2px 19px rgba(217,217,217,0.5);
    -moz-box-shadow: 0px 2px 19px rgba(217,217,217,0.5);
    -webkit-box-shadow: 0px 2px 19px rgba(217,217,217,0.5);
}
.media-item > a > img {
    height: 172px;
}
.media-item .events-content {
    padding: 15px 30px 10px 30px;
}
.all-events .events-item{
    margin-bottom: 15px;
}
.view-all-events .views-exposed-form, .view-all-news .views-exposed-form{
    margin-bottom: 25px;
}
.views-exposed-form button{
    width: 150px;
    height: 40px;
    font-size: 0px;
    background: #95c11f !important;
    border: none;
    color: transparent;
    -webkit-transition: all 150ms linear;
    -ms-transition: all 150ms linear;
    transition: all 150ms linear;
    outline: none;
}
.views-exposed-form button:hover,.views-exposed-form button:focus{
    background: linear-gradient(131deg, #74A000 0%, #95C11F 49%, #9AD400 100%);
    box-shadow: 2px 2px 8px 0 rgba(0,161,154,0.50);
    -webkit-box-shadow: 2px 2px 8px 0 rgba(0,161,154,0.50);
    -moz-box-shadow: 2px 2px 8px 0 rgba(0,161,154,0.50);
    border-radius: 100px;
}
.views-exposed-form button:before{
    content: 'View Result';
    font-family: "Nunito Sans";
    font-size: 13px;
    font-weight: 700;
    line-height: 18px;
    text-align: center;
    text-transform: uppercase;
    color:#fff;
}
.benefit-info {
    margin: 0;
    margin-bottom: 33px;
}

.benefit-icon {
    display: block;
    float: left;
    width: 40px;
    margin-right: 20px;
    margin-left: 0px;
}

p.benefit-text {
    float: left;
    width: calc(100% - 60px);
}

[dir=rtl] .benefit-icon{
    float: right;
    margin-right: 0px;
    margin-left: 20px;
}
[dir=rtl] .benefit-info {
    direction: rtl;
}
.important-benefits{
    box-shadow: 0px 2px 20px rgba(194,193,193,0.5);
    -moz-box-shadow: 0px 2px 20px rgba(194,193,193,0.5);
    -webkit-box-shadow: 0px 2px 20px rgba(194,193,193,0.5);
    padding-top: 30px;
    padding-bottom: 30px;
}

#owl-packages-page .packages-item {
    transition: all ease 0.5s;
    margin: 0 auto;
    width: 92%;
    position: relative;
}

#owl-packages-page .packages-item.selected .green-section-bottom {
    width:100%;
}

#owl-packages-page .packages-item.selected {
    margin-top: -25px;
    border: 2px solid #00a19a;
    width: 100%;
}
#owl-packages-page .owl-stage{
    padding: 35px 0;
}
.package-devices img {
    max-width: 100px;
    display: block;
    margin: 10px auto;
}

.package-devices p {
    color: #9B9B9B;
    font-family: "Nunito Sans";
    font-size: 17.5px;
}

.faq-menu .owl-stage,
.new-responsive-carousel .owl-stage,
.paragraph_tabs_carousel .owl-stage,
#owl-subcategory-page .owl-stage{
    margin: 0px auto;
    display: flex;
}
/*Table Paragraph*/
.table-column{
    padding: 0;
    height: 78px;
    color: #3c3c3b;
    font-family: "Nunito Sans";
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
    text-align: center;
}
.table-row{
    border-bottom: dashed 1px #e6e4e7;
}
.table-title{
    color: #3c3c3b;
    font-family: "Nunito Sans";
    font-size: 18px;
    font-weight: 700;
    line-height: 25px;
    text-transform: uppercase;
    border-bottom: solid 1px #e6e4e7;
    padding: 15px;
}
.table-container{
    display: inline-block;
    width: 100%;
    position: relative;
}
.table-name {
    position: absolute;
    top: 0;
    bottom: 0;
    text-align: center;
    color: #3c3c3b;
    font-family: "Nunito Sans";
    font-size: 22px;
    font-weight: 700;
    line-height: 30px;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    left: 15px;
}
.report-table .table-container .table-row:last-child {
    border: none;
}
.report-table {
    box-shadow: 0px 2px 19px rgba(194,193,193,0.5);
    border-radius: 12px;
    margin: 3%;
    padding:20px 20px 0px 20px;
}
.report-table .table-row:first-child td{
    color: #95c11f;
    font-weight: 700;
    font-size:14px;
}
.view-quality-reports .views-exposed-form{
    margin: auto 3% -5px 3%;
}
.quality-reports-page .views-element-container{
    margin-top: 20px;
}
.quality-reports-page .viewsreference--view-title{
    font-size: 24px;
}
.all-events .events-item{
    min-height: auto;
}
.view-most-recent-news .news-item{
    height: auto;
    min-height: auto;
}
.related-files{
    padding: 0px 15px;
    color: #3c3c3b;
    font-family: "Nunito Sans";
}
.related-files .rf-item .rf-title{
    float:left;
    font-size: 24px;
    font-weight: 400;
    line-height: 33px;
    margin: 20px 15px 0px -15px;
}
.related-files p{
    font-size: 30px;
    font-weight: 700;
    line-height: 41px;
}
.rf-item{
    border-bottom: dashed 1px #cdcdcd;
    margin: 0px;
}
.related-files{
    margin-bottom:50px;
}
.owl-theme.owl-carousel.owl-media-center .owl-nav {
    position: absolute;
    top: 120px;
    display: block;
    width: 100%;
}
.owl-theme.owl-carousel.owl-media-center .owl-nav button span {
    display:none;
}
.owl-theme.owl-carousel.owl-media-center .owl-nav button:hover{
    background-color: transparent;
}
.owl-theme.owl-carousel.owl-media-center .owl-nav .owl-prev {
    position: absolute;
    left:-3%;
    background-image: url(/themes/zain_theme/img/arrow_left_black.svg);
    background-repeat: no-repeat;
    background-position: center;
    width: 40px;
    height: 40px;
}
.owl-theme.owl-carousel.owl-media-center .owl-nav .owl-prev::before{
    content:none;
}
.owl-theme.owl-carousel.owl-media-center .owl-nav .owl-next {
    position: absolute;
    right:-3%;
    background-image: url(/themes/zain_theme/img/arrow_right_black.svg);
    background-repeat: no-repeat;
    background-position: center;
    width: 40px;
    height: 40px;
}
.owl-theme.owl-carousel.owl-media-center .owl-nav .owl-next::before{
    content:none;
}
.owl-theme.owl-carousel.owl-directors .owl-nav {
    position: absolute;
    top: 120px;
    width: 100%;
    z-index: 101;
}
.owl-theme.owl-carousel.owl-directors .owl-nav button span {
    display:none;
}

.owl-theme.owl-carousel.owl-directors .owl-nav button:hover{
    background-color: transparent;
}
.owl-theme.owl-carousel.owl-directors .owl-nav .owl-prev {
    position: absolute;
    left:0;
    background-image: url(/themes/zain_theme/img/arrow_left_black.svg);
    background-repeat: no-repeat;
    background-position: center;
    width: 40px;
    height: 40px;
}
.owl-theme.owl-carousel.owl-directors .owl-nav .owl-prev::before{
    content:none;
}
.owl-theme.owl-carousel.owl-directors .owl-nav .owl-next {
    position: absolute;
    right:0;
    background-image: url(/themes/zain_theme/img/arrow_right_black.svg);
    background-repeat: no-repeat;
    background-position: center;
    width: 40px;
    height: 40px;
}
.owl-theme.owl-carousel.owl-directors .owl-nav .owl-next::before{
    content:none;
}
.select-wrapper select{
    height:40px;
    background-image: url(/themes/zain_theme/img/dropdown-arrow.svg);
    background-repeat: no-repeat;
    background-position: left;
    background-position-x: calc(100% - 16px);
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    padding: 0px 20px;
    color: #3c3c3b;
    cursor: pointer;
}
.select-wrapper:after{
    content:none;
}
.abus-pad{
    padding-top: 3em !important;
    padding-bottom: 0 !important;
}
/*.pager{
    margin-bottom:0;
}*/
.pager__item .button{
    color: #95c11f;
    font-size: 14px;
    font-weight: 700;
    line-height: 19px;
    text-transform: uppercase;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    background-color: #ffffff;
}
.pager__item .button:hover{
    background-color: #ffffff;
}
.pager__item .button:active{
    background-color: #ffffff;
}
.pager__item .button:focus{
    background-color: #ffffff;
}
.all-events .events-item img{
    width: 100%;
    border-top-right-radius: 12px;
    border-top-left-radius: 12px;
    object-fit: cover;
}

/*dots carousel styling*/
.owl-theme .owl-dots .owl-dot span, #owl-packages-page .owl-dots .owl-dot span{
    background: #3c3c3b;
    opacity: 0.35;
    height: 8px;
    width: 8px;
}
.owl-theme .owl-dots .owl-dot.active span,
#owl-packages-page .owl-dots .owl-dot.active span{
    background: #3c3c3b;
    opacity: 1;
    width: 12px;
    height: 12px;
    transform: translate(0, 1px);
    -ms-transform: translate(0, 1px); /* IE 9 */
    -webkit-transform: translate(0, 1px); /* Safari 3-8 */
}
.owl-theme .owl-dots .owl-dot:hover span,
 #owl-packages-page .owl-dots .owl-dot:hover span{
    background: #3c3c3b;
    opacity: 1;
    width: 12px;
    height: 12px;
    -ms-transform: translate(0, 1px); /* IE 9 */
    -webkit-transform: translate(0, 1px); /* Safari 3-8 */
    transform: translate(0, 1px);
}
.view-quality-reports .view-empty{
    padding: 40px 3% 0px 3%;
}

.main-share-btn {
    text-align: right;
}

/* complaints */
.complaints-table {
    -webkit-box-shadow: 0px 2px 19px rgba(194,193,193,0.5);
    -moz-box-shadow: 0px 2px 19px rgba(194,193,193,0.5);
    -ms-box-shadow: 0px 2px 19px rgba(194,193,193,0.5);
    box-shadow: 0px 2px 19px rgba(194,193,193,0.5);
    border-radius: 12px;
    padding: 20px;
}

.complaint-table-data .accordion__title {
    display: flex;
}

.complaint-column {
    padding: 0;
    color: #3c3c3b;
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
    text-align: left;
}

.complaint-table-header {
    padding: 20px;
}
.complaint-table-header .complaint-column {
    padding: 0;
    text-align: left;
    color: #3c3c3b;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    line-height: 19px;
}

.circle-Closed, .circle-Solved {
    background: #FF0700;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    display: inline-block;
    margin: 0 10px;
}

.circle-WIP, .circle-Pending {
    background: #FF7D00;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    display: inline-block;
    margin: 0 10px;
}
.circle-Open, .circle-Assigned, .circle-New {
    background: #95c11f;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    display: inline-block;
    margin: 0 10px;
}

.complaints-table .form-group label {
    display: block;
}

.complaints-table .form-group {
    float: left;
    padding: 15px;
    width: 100%;
    max-width: 350px;
}

.complaints-table .form-group input, .complaints-table .form-group select {
    height: 40px;
    border-radius: 20px;
    border: solid 1px #9b9b9b;
    outline: 0!important;
    padding: 5px 20px;
    width: 100%;
}

.complaints-table .btn-zain-white {
    margin: 35px 0 0 0;
}
.owl-media-center .media-item a.media-center-cover:after {
    content: url(/themes/zain_theme/img/video_icon.svg);
    position: absolute;
    left: 50%;
    top: 33%;
    -ms-transform: translate(-50%, -50%) scale(0.5);
    -webkit-transform: translate(-50%, -50%) scale(0.5);
    transform: translate(-50%, -50%) scale(0.5);
    z-index: 1;
}
.paragraph--type--paragraph-header-image .image-banner{
    min-height: 400px;
}

.ftth, .mbbprepaid {
    padding: 0;
}

.important-benefits + .ftth, .important-benefits + .mbbprepaid {
    padding: 4em 0;
}

/*5G section*/
article[about="/en/personal/5g"]{
    background-color: #FAFAFA;
}
article[about="/ar/personal/5g"]{
    background-color: #FAFAFA;
}
article[about="/ar/personal/5g"] .image-banner{
    background-size: contain;
    border-radius:0px
}
article[about="/en/personal/5g"] .image-banner{
    background-size: contain;
    border-radius:0px;
}
article[about="/ar/personal/5g"] .side-image-text p{
    font-weight: 500;
}
article[about="/en/personal/5g"] .side-image-text p{
    font-weight: 500;
}
.vertical-margin-100{
    margin: 100px 0px;
}

.owl-carousel .package-devices img{
    max-height: 100px;
    margin: 20px auto;
}

.paragraph--type--paragraph-columns .paragraph--type--paragraph-block h1 {
    font-size: 30px;
    font-weight: 900;
}

.paragraph--type--paragraph-columns .paragraph--type--paragraph-block h2 {
    font-size: 20px;
    font-weight: 900;
}

.paragraph--type--paragraph-columns .paragraph--type--paragraph-block p,
.paragraph--type--paragraph-columns .paragraph--type--paragraph-block li {
    font-size: 17px;
}

.paragraph--type--paragraph-columns .paragraph--type--paragraph-block img {
    margin: 20px auto;
    border-radius: 12px;
}

/* Investors */
.share-price, .share-price-3 {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 20px;
    background: white;
    -webkit-box-shadow: 0px 2px 19px rgba(194,193,193,0.5);
    -moz-box-shadow: 0px 2px 19px rgba(194,193,193,0.5);
    box-shadow: 0px 2px 19px rgba(194,193,193,0.5);
    border-radius: 10px;
    min-height: 175px;
    height:100%;
}

.share-price .sp-title {
    color: #9b9b9b;
    font-family: "Nunito Sans";
    font-size: 16px;
    font-weight: 700;
    line-height: 25px;
    margin: 0;
}

.share-price p.sp-title span {
    color: #3c3c3b;
    font-family: "Nunito Sans";
    font-size: 40px;
    font-weight: 700;
    line-height: 55px;
}

.share-price img.sp-img,.share-price-3 img.sp-img{
    width: 45px;
    text-align: center;
    display: block;
}
.share-price-3 .sp-title {
    color: #9b9b9b;
    font-family: "Nunito Sans";
    font-size: 16px;
    font-weight: 700;
    line-height: 25px;
}

.share-price-3 p.sp-title span {
    color: #3c3c3b;
    font-family: "Nunito Sans";
    font-size: 30px;
    font-weight: 700;
}

.share-price td img {
    width: 20px;
}

.share-price table {
    width: 100%;
}

.share-price tr {
    padding-bottom: 10px;
}

.share-price tr:last-child  {
    padding-bottom: 0;
}

.share-price td:nth-child(2) {
    color: #9b9b9b;
    font-family: "Nunito Sans";
    font-size: 16px;
    font-weight: 400;
}
.share-price td:last-child {
    color: #3c3c3b;
    font-family: "Nunito Sans";
    font-size: 24px;
    font-weight: 700;
    line-height: 33px;
    text-align: right;
}


.investor-search .form-group label {
    display: block;
}

.investor-search .form-group {
    float: left;
    padding: 15px;
    width: 100%;
    max-width: 350px;
}

.investor-search .form-group input, .investor-search .form-group select,.charts-search-filter .form-group input, .charts-search-filter .form-group select {
    height: 40px;
    border-radius: 20px;
    border: solid 1px #9b9b9b;
    outline: 0!important;
    padding: 5px 20px;
    width: 100%;
}

.investor-search .btn-zain-white {
    margin: 35px 0 0 0;
}

.investors-chart {
    -webkit-box-shadow: 0px 2px 19px rgba(194,193,193,0.5);
    -moz-box-shadow: 0px 2px 19px rgba(194,193,193,0.5);
    box-shadow: 0px 2px 19px rgba(194,193,193,0.5);
    border-radius: 12px;
    padding: 20px;
}
.contact-institutions-page .container .viewsreference--view-title{
    padding:0 15px;
}
.contact-institutions-page .container{
    padding:0;
}
/*Policies & regulations*/
.paragraph--type--paragraph-pol-reg-section .container .pnr-section-title{
    padding: 0 15px;
}
.paragraph--type--paragraph-pol-reg-section .container{
    padding:0;
}
.pnr-section .rf-item{
    position: relative;
    float: left;
    width: 30.33333%;
    height: 167px;
    background: #ffffff;
    -webkit-box-shadow: 0px 2px 20px rgba(194,193,193,0.5);
    -moz-box-shadow: 0px 2px 20px rgba(194,193,193,0.5);
    box-shadow: 0px 2px 20px rgba(194,193,193,0.5);
    border: none;
    border-radius: 12px;
    background-image: url(/themes/zain_theme/img/supplier-guide.png);
    background-repeat: no-repeat;
    background-position: 20px 20px;
    padding: 20px;
    margin: 0 1.5% 30px 1.5%;
}
.pnr-section .rf-title{
    float: right;
    text-align: left;
    color: #3c3c3b;
    font-family: "Nunito Sans";
    font-size: 20px;
    font-weight: 700;
    line-height: 27px;
    padding: 10px 0px 0px 20px;
    height: 65px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.pnr-section .rf-item .dl-btn{
    padding: 0px;
    width: auto;
    position: absolute;
    right: 20px;
    bottom: 30px;
}
.pnr-section .rf-item .dl-btn a{
    background: #ffffff;
    -moz-box-shadow: 2px 2px 12px rgba(0,0,0,0.1);
    -webkit-box-shadow: 2px 2px 12px rgba(0,0,0,0.1);
    box-shadow: 2px 2px 12px rgba(0,0,0,0.1);
    color: #95c11f;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    text-align: center;
    text-transform: uppercase;
    padding: 10px 20px;
    border-radius: 20px;
    text-decoration: none;
    -webkit-transition: all 150ms linear;
    -ms-transition: all 150ms linear;
    transition: all 150ms linear;
    outline: none;
}
.pnr-section .rf-item .dl-btn a:hover{
    background: #FFFFFF;
    box-shadow: 0 2px 8px 0 rgba(0,161,154,0.50);
    border-radius: 100px;
}
.pnr-section .rf-item .dl-btn a:focus{
    background: #FFFFFF;
    -webkit-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);
    box-shadow: 0 2px 8px 0 rgba(0,161,154,0.50);
    border-radius: 100px;
}
.pnr-section .rf-item .dl-btn a:after{
    content:'download';
}
.pnr-section .rf-item .dl-btn img{
    display: none;
}
.financial-report-item .quarter{
    border-bottom: dashed 1px #cdcdcd;
    margin: auto 35px !important;
    padding: 10px 0px;
}
.financial-report-item .quarter:last-child{
    border: none;
}
.financial-report-item .quarter .quarter-title{
    margin-top:15px;
    padding-left: 0px;
    color: #3c3c3b;
    font-family: "Nunito Sans";
    font-size: 24px;
    font-weight: 700;
    line-height: 33px;
}
.financial-report-item .quarter .quarter-ar-file{
    text-align: right;
}
.financial-report-item .quarter .quarter-en-file{
    text-align: right;
}
.financial-report-item{
    -webkit-box-shadow: 0px 2px 20px rgba(194,193,193,0.5);
    -moz-box-shadow: 0px 2px 20px rgba(194,193,193,0.5);
    box-shadow: 0px 2px 20px rgba(194,193,193,0.5);
    border-radius: 12px;
    margin: 0 auto 2em auto;
}
.financial-report-item .row{
    margin:auto;
}
.financial-report-item .row:first-child{
    background: #95c11f;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    padding: 15px 20px;
    margin-bottom: 15px;
}
.financial-report-item .quarter-title{
    color: #ffffff;
    font-family: "Nunito Sans";
    font-size: 24px;
    font-weight: 700;
    line-height: 41px;
}
.financial-report-item .quarter-lang{
    color: #ffffff;
    font-family: "Nunito Sans";
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    margin-top: 5px;
    text-align: right;
}

.view-financial-reports .views-exposed-form{
    display:none;
    margin-top: 25px;
}
.tadawul-page{
    margin-top:20px;
}
.tadawul-page .summary{
    width:100%;
    padding-left: 0;
}
.tadawul-page img{
    border-radius: 12px;
    width: 80%;
    margin: auto;
}
.tadawul-page .abus-content{
    margin: 20px 0px 60px 0px;
}
.investors-tabs .underline-tab{
    margin:auto;
}
.capital-reduction{
    font-family: "Nunito Sans";
}
.capital-reduction .f30{
    margin-bottom: 30px;
    font-weight: 700;
}
.capital-reduction img{
    border-radius: 12px;
    object-fit: cover;
}
.capital-reduction .col-md-6{
    margin-bottom: 10px;
}
.view-contact-institutions .contact-institustion-item{
    height: 247px;
    background: #ffffff;
    -webkit-box-shadow: 0px 2px 20px rgba(194,193,193,0.5);
    -moz-box-shadow: 0px 2px 20px rgba(194,193,193,0.5);
    box-shadow: 0px 2px 20px rgba(194,193,193,0.5);
    border-radius: 12px;
    padding: 1px;
    text-align: center;
    margin-bottom: 25px;
}
.view-contact-institutions .contact-institustion-item img{
    width: 150px;
    height: 105px;
    margin: 20px auto;
    object-fit: cover;
}
.view-contact-institutions .contact-institustion-item .text-center{
    margin-bottom: 5px;
    color: #3c3c3b;
    font-size: 20px;
    font-weight: 700;
    line-height: 23px;
}
.view-contact-institutions .contact-institustion-item .btn-zain-white{
    width: 180px;
}

.financial-reports .container{
    position:relative;
}
.financial-reports .filter-visibility-controller{
    position: absolute;
    right: 25px;
    top: 5px;
    font-size: 17px;
    font-weight: 400;
    line-height: 33px;
    width: 140px;
    background-image: url(/themes/zain_theme/img/iconarrow-down.svg);
    background-repeat: no-repeat;
    background-size: 45px 45px;
    background-position-x: 109px;
    background-position-y: -5px;
    cursor: pointer;
}
.display-block{
    display: block !important;
}
.filters-arrow-up{
    background-image: url(/themes/zain_theme/img/iconarrow-up.svg) !important;
    background-position-y: -10px !important;
}
.tadawul-page .mini-paragraphs{
    margin-top:40px;
}
.tadawul-page .mini-paragraphs h1{
    color: #95c11f;
    font-family: "Nunito Sans";
    font-size: 20px;
    font-weight: 700;
    line-height: 27px;
    text-transform: uppercase;
    margin-top:0px;
}
.tadawul-page .tadawul-header-image img{
    width: 100%;
    height: 400px;
    margin-bottom: 60px;
    border-radius:unset;
    object-fit: cover;
    -webkit-box-shadow: 0px 2px 20px rgba(194,193,193,0.5);
    -moz-box-shadow: 0px 2px 20px rgba(194,193,193,0.5);
    box-shadow: 0px 2px 20px rgba(194,193,193,0.5);
}
.side-image-text .know-more-btn{
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    line-height: 20px!important;
    color: #3c3c3b;
    font-size: 14px;
    font-weight: 400;
    text-align: right;
    text-transform: uppercase;
    float: right;
    background-image: url(/themes/zain_theme/img/icon_arrow_right_green.svg);
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: center;
    border-radius: 22px;
    display: inline-block;
    margin: 15px 0;
    padding: 10px 25px;
    transition: all 150ms linear;
}
.business-solutions .nav-tabs{
    margin-bottom: 20px;
}
.business-solutions .nav-tabs li{
    margin:0 1%;
}
.home-page .show-more-btn {
    right: 15px;
    z-index: 10;
}
.home-page .has-showmore{
    padding-top: 0px;
}
.table-width{
    margin:10px auto;
}
.accordion__content table td,
.accordion__content table th{
    padding: 10px 5px;
    word-break: break-word;
}
.accordion__content table td,
.accordion__content table th{
    width: 200px !important;
    /* min-width: 170px !important;
    max-width: 240px; */
    vertical-align: middle;
    text-align: center;
}
.accordion li.active .accordion__content > .social-share {
    width: 100%;
}
.accordion__content table td strong{
    font-size: 24px !important;
}
.accordion__content table td:last-child a,
.accordion__content table tr:last-child td a{
    background: #ffffff;
    border: 0;
    -moz-box-shadow: 2px 2px 12px rgba(0,0,0,0.1);
    -webkit-box-shadow: 2px 2px 12px rgba(0,0,0,0.1);
    box-shadow: 2px 2px 12px rgba(0,0,0,0.1);
    color: #95c11f;
    font-size: 16px !important;
    font-weight: 700;
    line-height: 22px;
    text-align: center;
    text-transform: uppercase;
    padding: 10px 20px;
    border-radius: 20px;
    font-size: 16px !important;
    text-decoration: none !important;
    width:150px !important;
}
.accordion__content table th,
.accordion__content table th p,
.accordion__content table th strong {
    font-size: 14px!important;
    font-weight: 400;
    line-height: 19px;
}

.accordion__content table tr td, .accordion__content table tr td p, .accordion__content table tr td strong {
    font-size: 18px!important;
    font-weight: 400;
    line-height: 25px;
    margin-bottom: 0;
    padding: 20px 5px;
}

.accordion__content table tr td h1, .accordion__content table tr td h1 strong {
    font-size: 24px;
    font-weight: 700;
    line-height: 25px;
}

.accordion__content table tr td h2, .accordion__content table tr td h2 strong {
    font-size: 18px;
    font-weight: 700;
    line-height: 25px;
}
.accordion__content table{
    margin: 10px auto !important;
    border: none;
}

/*search form*/
.search-block-form .input-group{
    width: 425px;
    display: block;
    margin: 27px auto;
}
.search-block-form .form-search{
    width: 400px;
    float: right;
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.search-block-form .input-group-btn{
    float:left;
}
.search-block-form .form-submit{
    width:35px;
    margin: auto;
    background: white;
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background-repeat: no-repeat;
    background-size: 30px;
    background-image: url('/themes/zain_theme/img/icon_search.svg');
}
.search-block-form .form-submit span{
    display:none;
}
.search-block-form .form-submit:active{
    background-color: white;
}
.close-search-form{
    position: absolute;
    right: calc(50% - 250px);
    top: 31px;
    width: 25px;
    cursor: pointer;
}
.search-block-form{
    display:none;
}

/*To be removed later*/
.mennu-mybag, .notifications-menu .notification{
    display:none;
}
.search-focus{
    -webkit-filter: blur(4px) brightness(0.2);
    filter: blur(4px) brightness(0.2);
    background: #fff;
}
.search-focus > * {
    pointer-events: none;
}

.intl-tel-input {
    position: relative;
    width: 100%;
    display: inline-block;
}

ul.nav.nav-tabs.contact-tabs {
    margin: 20px auto;
    border: 0;
    border-radius: 100px;
    background: #ECECEC;
    padding: 2px;
    margin-bottom: 40px;
    max-width: 350px;
}
.complaint-ticket-sms-main p ,
.request-form-validation p {
    max-width: 260px;
    margin: auto;
    margin-bottom: 40px;
}
li.contact-tab{
    width: 50%;
    border: 0;
    border-radius: 100px;
    margin-bottom: 0;
}
li.contact-tab:hover {
    width: 50%;
    border: 0;
    border-radius: 100px;
    margin-bottom: 0;
}

li.contact-tab a:hover{
    border: 0!important;
    font-size: 14px;
    color: #3C3C3B;
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 100px;
    margin: 0;
    padding:10px;
}
li.contact-tab a {
    border: 0!important;
    font-size: 14px;
    color: #3C3C3B;
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 100px;
    margin: 0;
    padding:10px;
}
.complaint-table-data .lds-dual-ring {
    position: relative;
    left: unset;
    bottom: unset;
    text-align: center;
    display: block;
    margin: auto;
    height: 70px;
    width: 70px;
}

.complaint-table-data .lds-dual-ring:after {
    width: 40px;
    height: 40px;
}
.complaint-ticket-sms-main li.contact-tab{
    display: inline-table;
}
.complaint-ticket-sms-main li.contact-tab:hover{
    display: inline-table;
}

.complaint-ticket-sms-main li.contact-tab a:hover{
    vertical-align: middle;
    display: table-cell;
}
.complaint-ticket-sms-main li.contact-tab a{
    vertical-align: middle;
    display: table-cell;
}
.contact-tabs-info{
    width: 100%;
    margin: auto;
    max-width: 350px;
}
li.contact-tab.active {
    -webkit-box-shadow: 2px 2px 12px rgba(0,0,0,0.1);
    -moz-box-shadow: 2px 2px 12px rgba(0,0,0,0.1);
    box-shadow: 2px 2px 12px rgba(0,0,0,0.1);
}
#complaint-sms-form, #complaint-sms-form-request{
    margin: 15px auto;
    text-decoration: none;
}

.request-form-validation{
    max-width: 350px;
}


.complaint-ticket-sms-main label,
.request-form-validation label{
    display: inline-block;
    max-width: 100%;
    margin-bottom: 10px;
    font-weight: 700;
    line-height: 1;
}

.contact-tabs-info input[type="radio"] {
    display: none;
}

.contact-tabs-info input[type="radio"] + label {
    cursor: pointer;
    margin: 10px 10px;
    padding-left: 20px;
}

.contact-tabs-info input[type="radio"]  + label:before {
    content: '';
    display: inline-block;
    height: 20px;
    width: 20px;
    background: #fff;
    border:1px solid #9b9b9b;
    border-radius: 50%;
    z-index: 2;
    -webkit-transition: box-shadow .4s ease, background .3s ease;
    -moz-transition: box-shadow .4s ease, background .3s ease;
    -ms-transition: box-shadow .4s ease, background .3s ease;
    transition: box-shadow .4s ease, background .3s ease;
    margin: 0 5px;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%); /* Safari 3-8 */
    -ms-transform: translateY(-50%); /* IE 9 */
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}

.contact-tabs-info input[type="radio"]:checked + label:before {
    background: #ffffff;
    border:1px solid #95C11F;
}

.contact-tabs-info input[type="radio"]:checked + label:after {
    content: '';
    display: inline-block;
    height: 10px;
    width: 10px;
    background: #95C11F;
    border-radius: 50%;
    z-index: 2;
    transition: box-shadow .4s ease, background .3s ease;
    margin: 0 5px;
    position: absolute;
    left: 5px;
    top: 50%;
    -webkit-transform: translateY(-50%); /* Safari 3-8 */
    -ms-transform: translateY(-50%); /* IE 9 */
    transform: translateY(-50%);
}

.mobile-radio {
    padding: 0 5px;
    margin-bottom: 30px;
}
.form-sms-verify .section-title {
    margin-bottom: 40px;
}

a#validate-otp {
    min-width: 150px;
    margin: 25px auto;
}
.sms-form {
    margin: 15px auto;
    direction: ltr;
}


.sms-form * {
    display: inline-block;
}

.sms-form input {
    border: 0;
    border-bottom: solid 1px #979797;
    margin: 0 5px;
    font-size: 24px;
    font-weight: 700;
    line-height: 33px;
    text-align: center;
    text-transform: uppercase;
    outline: none;
}

.sms-timer {
    color: #9b9b9b;
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
}

.resend-verf-btn{
    color: #9b9b9b;
    display: block;
    font-size: 14px;
    font-weight: 700;
    line-height: 19px;
    text-align: center;
    text-decoration: underline;
    border: 0;
    outline: none;
    margin: auto;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

/* Coverage map */
.map-info-below {
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
    text-align: center;
    padding: 15px;
    margin-bottom: 10px;
    background: #f7f7f7;
}

.map-coverage-areas img {
    display: block;
    margin: auto;
    height: 40px;
    margin-bottom: 20px;
}

.map-coverage-areas img.active-coverage {
    display: none;
}

.map-coverage-areas .col-md-5ths {
    padding: 15px 0;
    border-right: dashed 1px #d8d8d8;
    margin: 30px 0;
    min-height: 100px;
}

.map-coverage-areas .col-md-5ths:last-child {
    border-right: 0;
}



.map-coverage-areas P {
    color: #3c3c3b;
    font-family: "Nunito Sans";
    font-size: 13.44px;
    font-weight: 700;
    line-height: 18px;
    text-align: center;
    text-transform: uppercase;
    display:none;
}

.heatmap-info * {display: inline-block; margin-bottom: 0;}

.map-verygood,.map-good {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    -webkit-transform: translateY(-2px);
    -moz-transform: translateY(-2px);
    -o-transform:translateY(-2px);
    -ms-transform: translateY(-2px);
    transform: translateY(-2px);
    margin: 0 5px;
}

.map-verygood {
    background: #74A000;
}

.map-good {
    background: #9AD400;
}

.social-share-btn{
    cursor: pointer;
    position: relative;
}

[dir=ltr] .social-share-btn .share-img{
    float: right;
}
.social-share-btn .share-img{
    background-image: url(/themes/zain_theme/img/share_icon.svg);
    height: 42px;
    border-radius: 50%;
    background-color: #ffffff;
    -webkit-box-shadow: 1px 1px 8px rgba(0,0,0,0.1);
    -moz-box-shadow: 1px 1px 8px rgba(0,0,0,0.1);
    box-shadow: 1px 1px 8px rgba(0,0,0,0.1);
    width: 42px;
    background-repeat: no-repeat;
    background-position: center;
}
.social-share{
    text-align: right;
    height:42px;
}
.social-share .social-share-section{
    position: absolute;
    right: 0;
    top: 0;
    margin: 0;
    float: right;
    /*display: none;*/
    z-index: 2;
}

[dir=rtl] .social-share .social-share-section{
   left: 0;
}

/*.social-share-btn:hover .social-share-section,*/
/*.social-share-btn:focus:not(:hover){*/
    /*display: block;*/
/*}*/

.accordianDropdownIframe{
    height: auto;
}
.social-share .social-share-section .share-fb{
    background-color: #00A19A;
    border-top-right-radius: 22.5px;
    border-bottom-right-radius: 22.5px;
    background-image:url(/themes/zain_theme/img/social_facebook.svg)

}
.social-share .social-share-section .share-tw{
    background-color: #47B2AD;
    background-image:url(/themes/zain_theme/img/social_twitter.svg)
}
.social-share .social-share-section .share-mail{
    background-color: #90D0CD;
    border-top-left-radius: 22.5px;
    border-bottom-left-radius: 22.5px;
    background-image:url(/themes/zain_theme/img/email_icon.svg);
}
.social-share .social-share-section .social-share-btns{
    text-decoration: none;
    height: 100%;
    display: inline-block;
    float: left;
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center;
}
.accordion li.active .accordion__content .acc-content,
.accordion li.active .accordion__content,
.accordion li.active .container table
{
    overflow-x: auto;
}
.horizontal-social-share .social-share-btn{
    display: inline-block;
    width: 165px;
}

.horizontal-social-share .social-share-section .social-share-btns{
    width: 55px;
}
.vertical-social-share .social-share-section .social-share-btns{
    height: 50px;
    width:100%;
}

.horizontal-social-share .social-share-section{
    height: 42px;
}

.vertical-social-share .social-share-section{
    width: 42px;
}

.social-share .social-share-section .social-share-btns img{
    all: unset;
    margin: auto;
    vertical-align: middle;
}
.region-content ol{
    list-style: none;
}
.search-section .search-title{
    font-size: 18px;
    line-height: 25px;
    color: black;
    margin: 0 auto;
    width: 50%;
    margin-bottom: 5px;
}
.search-section .search-snippet{
    font-size: 16px;
    font-weight: 400 !important;
    line-height: 22px;
    margin: 0 auto;
    width: 50%;
    margin-bottom: 5px;
    color:#3C3C3B;
}
.search-section .search-snippet strong{
    font-weight: 400 !important;
}
.search-section .search-readmore a{
    color: #95c11f;
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
}
.charts-title{
  padding: 0px!important;
}

.range-title{
  color: #9B9B9B;
    font-size: 18px;
    font-weight: bold;
    margin: 4px 0px 20px 30px;
}
.share-price-col{
  margin-bottom: 5px;
}
.view-result{
  background-color: #95C11F!important;
  color: white!important;
   margin: 25px 0px!important;
   width: 150px;
}
.without-padding{
  padding: 0px!important;
}
.share-statistics
{
  padding:2em 0px!important;
}
.charts-title .section-title,
.tadawul-announcements .viewsreference--view-title,
.financial-reports .viewsreference--view-title,
.share-statistics .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
{
    text-align: left;
    font-family: "Nunito Sans";
    font-size: 30px;
    font-weight: 700;
    text-transform: none!important;
    margin-bottom: 1em !important;
}
.capitalReduction .container{
    padding:0;
}

/* Locate us map */

/* Locate us map */

article[about="/en/locate-us"] .map-input .select-group label,
article[about="/ar/locate-us"] .map-input .select-group label{
    margin-left: 0;
    margin-right: 0;
}

article[about="/en/locate-us"] .map-input .select-group select:focus,
article[about="/ar/locate-us"] .map-input .select-group select:focus{
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.locate-btns {
    display: table;
    margin: 20px auto;
}

.locate-btns a {
    display: table-cell;
    padding: 16px 20px;
    background-color: #95c11f;
    margin: 0;
    vertical-align: middle;
    font-size: 18px;
    font-weight: 700;
    line-height: 25px;
    text-transform: uppercase;
    color: white;
    min-height: 88px;
    min-width: 224px;
    -webkit-box-shadow: 0px 2px 20px rgba(194,193,193,0.5);
    -moz-box-shadow: 0px 2px 20px rgba(194,193,193,0.5);
    box-shadow: 0px 2px 20px rgba(194,193,193,0.5);
}

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

.locate-btns a img {
    height: 40px;
    margin-right: 20px;
}

.locate-btns a:nth-child(1) {
    background: #95c11f;
    border-radius:  12px 0 0 12px;
}
.locate-btns a:nth-child(2) {
    background: #00a19a;
}
.locate-btns a:nth-child(3) {
    background: #303474;
    border-radius: 0 12px 12px 0;
}

.locate-workinghours {
    background: rgba(216, 216, 216, .2);
    padding: 15px 20px;
    text-align: center;
}

.locate-workinghours p {
    color: #e92a25;
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
    text-align: center;
    margin: 0;
}

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

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

.locate-btns a.selected img.selected-shop {
    display: none;
}

.locate-btns a.selected {
    background: white;
}

.locate-btns a.selected span {
    color: #3c3c3b;
}

p.store-title {
    color: #3c3c3b;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    text-transform: uppercase;
    margin-bottom: 0;
}

p.store-location {
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
    color: #3c3c3b;
    margin-bottom: 0;
}

p.wh-title, [dir=rtl] p.wh-title {
    color: #9b9b9b;
    font-size: 14px!important;
    font-weight: 400;
    line-height: 19px;
    margin-bottom: 5px;
    font-family: 'Nunito Sans', sans-serif!important;
}

p.wh-details, [dir=rtl] p.wh-details {
    font-size: 12px!important;
    font-weight: 700;
    line-height: 16px;
    color: #3c3c3b;
    font-family: 'Nunito Sans', sans-serif!important;
}

.store-info {
    width: calc( 100% - 75px );
    position: relative;
    float: left;
    margin-left: 25px;
    text-align: left;
}

img.store-icon {
    height: 40px;
    position: relative;
    float: left;
}

.store-item .btn-zain-white {
    float: right;
}



.store-item {
    padding: 20px 15px;
    border-bottom: solid 1px #e6e4e7;
    margin:0;
}
#loader{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    color: white;
}
#loader span{
      position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    display: inline-block;
    width: 129px;
    height: 40px;
    font-size: 30px;
}
.share-charts-filter{
  max-width:auto!important;
}

.owl-carousel .disabled img {
    margin-top: -5px;
}
.b2b-apps{
    display: none;
}


.shareholders-list li{
    color: #3c3c3b;
    font-family: "Nunito Sans";
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
    list-style: none;
    display: flex;
    margin-bottom:15px;
}

.chart-color {
    height: 21px;
    width: 21px;
    display: inline-flex;
    margin: 0 20px 0 0;
}

.shareholders-list {
    padding: 3em 10px 3em 60px;
}

.wh-container {
    display: table;
    margin: auto;
}
.resp-business{
    display: none;
}
.web-form-main-container{
  padding: 50px 0px;
}
.success-web-form-container{
  text-align: center;
}
.success-web-form{
    display: inline-block;
    width: 100%;
    max-width: 350px;
    height: auto;
    background: #ffffff;
    -moz-box-shadow: 0px 2px 20px rgba(194,193,193,0.5);
    -webkit-box-shadow: 0px 2px 20px rgba(194,193,193,0.5);
    box-shadow: 0px 2px 20px rgba(194,193,193,0.5);
    border-radius: 12px;
    margin-bottom: 20px;
}
.success-title{
  padding-top: 45px;
  font-size: 20px;
  font-weight: bold;
  color: rgb(60,60,59);
}
.success-icon img{
  width: 53px;
  padding: 30px 0px 35px;
}
.unsuccess-icon img{
    width: 53px;
    padding: 30px 0px 10px;
}
.success-home-btn{
  margin: 15px 0px 15px 0px;
}
.success-home-btn a{
  width: 225px;
  height:40px;
  display: inline-block;
  padding:10px 0px;
  font-weight: 700;
  border-radius: 25px;
  color: white;
  text-decoration: none;
  background: rgb(116,160,0);
  background: linear-gradient(90deg, rgba(116,160,0,1) 0%, rgba(139,183,21,1) 35%, rgba(154,211,1,1) 100%);
}
.another-complaint-btn{
  margin-bottom: 40px;
}
.another-complaint-btn a{
  width: 225px;
  height:40px;
  display: inline-block;
  line-height: 3;
  font-weight: 700;
  border-radius: 25px;
  color: #95c11f;
  text-decoration: none;
  background: white;
  -moz-box-shadow: 0px 2px 20px rgba(194,193,193,0.5);
  -webkit-box-shadow: 0px 2px 20px rgba(194,193,193,0.5);
  box-shadow: 0px 2px 20px rgba(194,193,193,0.5);
}
.zain-img-complaint-container{
  text-align: center;
}
.zain-img-complaint-container{
  text-align: center;
}
.zain-img-complaint-container img{
  max-width: 100%;
  display: inline-block;
  width:450px;
}
.complaint-info-title{
    font-size: 14px;
}
.complaint-info{
    color: #95c11f;
    font-family: "Nunito Sans";
    font-size: 24px;
    font-weight: 700;
    line-height: 24px;
    text-transform: uppercase;
    width: 235px;
    margin: auto;
}
.success-home-btn.error{
    margin-bottom: 30px;
}
.success-home-btn.error a{
    background: linear-gradient(90deg, rgba(116,160,0,1) 0%, rgba(139,183,21,1) 35%, rgba(154,211,1,1) 100%);
}
.complaint-splitter{
    display: inline-block;
    height: 1px;
    width: 150px;
    border-top:dashed 1px rgb(236,234,237);
    margin-top: 15px
}
@media (max-width: 768px) {
    article[about='/en/business'] .si-card.container,
    article[about='/ar/business'] .si-card.container,
    article[about='/en/personal/5g'] .si-card.container,
    article[about='/ar/personal/5g'] .si-card.container {
        margin-left: 10px;
        margin-right: 10px;
    }
    article[about='/en/business'] .image-banner,
    article[about='/en/business'] .image-banner-radius-right,
    article[about='/ar/business'] .image-banner,
    article[about='/ar/business'] .image-banner-radius-right{
        border-radius: 12px 12px 0px 0px !important;
    }

    article[about='/en/business'] .side-image-text,
    article[about='/ar/business'] .side-image-text{
        text-align: center;
    }
    article[about='/en/business'] .side-image-text p{
        text-align: left;
    }
    article[about='/ar/business'] .side-image-text p{
        text-align: right;
    }
    .faq-menu.owl-carousel.owl-theme .owl-stage-outer,
    .new-responsive-carousel.owl-carousel.owl-theme .owl-stage-outer{
        margin-right: 30px;
        margin-left: 30px;
    }
    .paragraph_tabs_carousel.owl-carousel .owl-stage-outer {
        margin-right: 0px;
        margin-left: 0px;
    }
    .paragraph_tabs_carousel {
        margin-right: 0px !important;
        margin-left: 0px !important;
        width: 100% !important;
    }
    #owl-packages-page .btn-zain-white,
    #owl-packages-page .btn-zain{
        width: 140px;
        height: 40px;
        white-space: nowrap;
        font-size: 14px;
        padding-left: 0px;
        padding-right: 0px;
    }
    ul.faq-menu li a, ul.new-responsive-carousel li a{
        font-size:18px;
    }
    .owl-theme.owl-carousel.faq-menu .owl-nav .owl-next,
    .owl-theme.owl-carousel.new-responsive-carousel .owl-nav .owl-next{
        margin-right: 0px;
    }
    .owl-theme.owl-carousel.faq-menu .owl-nav .owl-prev,
    .owl-theme.owl-carousel.new-responsive-carousel .owl-nav .owl-prev{
        margin-left: 0px;
    }
    .packages-b2c-section .container{
        padding-left: 10px;
        padding-right: 10px;
    }
    .nopad-horizontal-mobile > .container{
        padding-right: 0px;
        padding-left: 0px;
    }
    .breadcrumb {
        padding: 15px 25px 15px 10px;
    }
    #owl-packages-page{
        padding-left: 0px;
        padding-right: 0px;
    }
    .search-section{
        margin-top: 20px;
        padding-left: 0px;
        padding-right: 0px;
    }
    .search-section .search-readmore,
    .search-section .search-title,
    .search-section .search-snippet{
        width: 100%;
    }
    .search-section .search-title{
        margin-bottom: 10px;
    }
    .summary_search_div{
        position: static;
        width: 100%;
        top: 0;
        left: 30px;
        color:#9B9B9B;
    }
    [dir=rtl] .summary_search_div{
        left: unset;
        right: 30px;
    }
    .pager-nav{
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .search_page .tab-content ol{
        padding-left: 0px;
        padding-right: 0px;
        margin-bottom: 0px;
    }
    .search_carousel{
        margin-bottom: 0px !important;
    }
    .pager__item:not(.active):not(.pager__item--previous):not(.pager__item--next){
        display: none;
    }
    [dir=rtl] .pager-nav .pagination{
        padding-right: 0px;
    }
    .package-slider .packages-item .pack-height{
        min-height: 200px;
    }
    .packages-item .btn-zain{
        margin-top: 15px;
    }
    section.section-vas{
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .view-id-404page{
        padding-left: 0px !important;
        margin-bottom: 50px !important;
    }
    .view-id-404page .views-field-title{
        font-size: 25px !important;
        padding-left: 0px !important;
        text-align: center !important;
    }
    .view-id-404page .views-field-body{
        font-size: 12px !important;
        padding-left: 0px !important;
        text-align: left !important;
        max-width: none !important;
    }
    .view-id-404page .views-field-field-image-404{
        text-align: center !important;
    }
    .view-id-404page .views-field-field-image-404 img{
        display: inline !important;
    }


    [dir=rtl] .view-id-404page{
        padding-right: 0px !important;
        margin-bottom: 50px !important;
    }
    [dir=rtl] .view-id-404page .views-field-title{
        font-size: 25px !important;
        padding-right: 0px !important;
        text-align: center !important;
    }
    [dir=rtl] .view-id-404page .views-field-body{
        font-size: 12px !important;
        padding-right: 0px !important;
        text-align: right !important;
        max-width: none !important;
    }
    [dir=rtl] .view-id-404page .views-field-field-image-404{
        text-align: center !important;
    }
    [dir=rtl] .view-id-404page .views-field-field-image-404 img{
        display: inline !important;
    }
}
@media(max-width: 699px){
    .faq-menu .owl-item,
    .new-responsive-carousel .owl-item{
        padding-right: 55px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .faq-menu .owl-item li,
    .new-responsive-carousel .owl-item li{
        max-width: 100%;
    }
    .faq-menu .owl-item li a,
    .new-responsive-carousel .owl-item li a{
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        vertical-align: bottom;
        max-width: 100%;
        padding-left: 0px;
        padding-right: 0px;
    }
    [dir=rtl] .faq-menu .owl-item,
    [dir=rtl] .new-responsive-carousel .owl-item{
        padding-right: 0px;
        padding-left: 55px;
    }
    #owl-subcategory-page .paragraph-tab,
    .paragraph_tabs_carousel .paragraph-tab {
        margin: 5px auto;
        max-width: 224px;
        min-height: 60px;
    }

    #owl-subcategory-page .has-icons,
    .paragraph_tabs_carousel .has-icons,
    .paragraph_tabs_carousel a
    {
        margin: 7px auto;
        min-width: 165px;
        max-width: 165px;
        min-height: 60px;
        word-break: break-word;
    }
    .paragraph-tab a {
        padding: 7px;
    }
    .paragraph--type--paragraph-columns .paragraph--type--paragraph-block h1 {
        font-size:24px;
    }
    #owl-subcategory-page .paragraph-tab .text,
    .paragraph_tabs_carousel .paragraph-tab .text{
        font-size: 12px;
        line-height: 18px;
    }
    [dir=rtl] #owl-subcategory-page .paragraph-tab .text,
    [dir=rtl] .paragraph_tabs_carousel .paragraph-tab .text{
        font-size: 20px;
    }
    #owl-subcategory-page .has-icons .tab-icons,
    .paragraph_tabs_carousel .has-icons .tab-icons{
        top: 6px;
    }
    [dir=rtl] .owl-theme.owl-carousel.faq-menu .owl-nav, [dir=rtl] .owl-theme.owl-carousel.new-responsive-carousel .owl-nav{
        position: absolute;
        width: 100%;
        top: 0;
        bottom: 0;
    }
    ul.faq-menu li a, ul.new-responsive-carousel li a{
        line-height: 25px;
    }
    .package-slider .item{
        padding-right: 20px;
        padding-left: 20px;
    }

    .pnr-section .rf-item{
        width: 91%;
    }
    .resp-search-button{
        right: 84%;
    }
}
@media (min-width: 700px) and (max-width: 769px){
    .package-slider .item{
        padding: 10px 0px 0px 10px;
    }
    .packages-item h4{
        max-width: fit-content;
        max-width: -moz-fit-content;
        margin-left: auto;
        margin-right: auto;
    }
    .view-tadawul-announcements .view-content .views-row,
    .contact-institutions-page .view-content .views-row {
        display: inline-block;
        width: 100%;
    }

    .pnr-section .rf-item{
        width: 45%;
    }
    .navbar-toggle{
        display: block;
    }
    .resp-search-button{
        right: 90%;
    }
    .owl-theme.owl-carousel.owl-directors{
        overflow: hidden;
        white-space: nowrap;
    }
    .owl-theme.owl-carousel.owl-directors .owl-item{
        white-space: normal;
        min-width: 200px;
    }
}
.request-form-validation {
    width: 80%;
    margin: auto;
    margin-top: 4em;
}

#loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100000;
}
#loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 100px;
    height: 100px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #00A19A;
    -moz-animation: spin 2s linear infinite;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    z-index: 100001;
}
#loader:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #fff;
    -webkit-animation: spin 3s linear infinite;
    -moz-animation: spin 3s linear infinite;
    /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 3s linear infinite;
    /* Chrome, Firefox 16+, IE 10+, Opera */
}
#loader:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #00A19A;
    -webkit-animation: spin 1.5s linear infinite;
    /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 1.5s linear infinite;
    /* Chrome, Firefox 16+, IE 10+, Opera */
}
#loader-wrapper .loader-section {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.45);
    z-index: 100000;
    -webkit-transform: translateX(0);
    /* Chrome, Opera 15+, Safari 3.1+ */
    /* IE 9 */
    transform: translateX(0);
    /* Firefox 16+, IE 10+, Opera */
}
#loader-wrapper .loader-section.section-left {
    left: 0;
}
#loader-wrapper .loader-section.section-right {
    right: 0;
}
.loaded #loader-wrapper .loader-section.section-left {
    -webkit-transform: translateX(-100%);
    /* Chrome, Opera 15+, Safari 3.1+ */
    /* IE 9 */
    transform: translateX(-100%);
    /* Firefox 16+, IE 10+, Opera */
    -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.loaded #loader-wrapper .loader-section.section-right {
    -webkit-transform: translateX(100%);
    /* Chrome, Opera 15+, Safari 3.1+ */
    /* IE 9 */
    transform: translateX(100%);
    /* Firefox 16+, IE 10+, Opera */
    -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.loaded #loader {
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.loaded #loader-wrapper {
    visibility: hidden;
    -webkit-transform: translateY(-100%);
    /* Chrome, Opera 15+, Safari 3.1+ */
    /* IE 9 */
    transform: translateY(-100%);
    /* Firefox 16+, IE 10+, Opera */
    -webkit-transition: all 0.3s 1s ease-out;
    transition: all 0.3s 1s ease-out;
}
.no-js #loader-wrapper {
    display: none;
}
#loader_icon {
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #00A19A;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row nowrap;
    height: 100px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 50%;
    margin: -75px 0 0 -75px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 100px;
    z-index: 1000000;
}
#loader_icon .fa {
    font-size: 50px;
}
.loaded #loader_icon {
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.cp-spinner {
    width: 48px;
    height: 48px;
    display: inline-block;
    box-sizing: border-box;
    position: relative;
}
.cp-eclipse {
    width: 12px;
    height: 12px;
    display: inline-block;
    box-sizing: border-box;
    border-radius: 50%;
    background: #00A19A;
    margin: 12px;
    -webkit-animation: cp-eclipse-animate 1.5s linear infinite;
    animation: cp-eclipse-animate 1.5s linear infinite;
}

.cp-eclipse:before {
    border-radius: 50%;
    content: "";
    width: 48px;
    height: 48px;
    display: inline-block;
    box-sizing: border-box;
    border-top: solid 3px transparent;
    border-right: solid 3px #fff;
    border-bottom: solid 3px transparent;
    border-left: solid 3px transparent;
    position: absolute;
    top: -18px;
    left: -18px;
}
.cp-eclipse:after {
    border-radius: 50%;
    content: "";
    width: 48px;
    height: 48px;
    display: inline-block;
    box-sizing: border-box;
    border-top: solid 3px transparent;
    border-right: solid 3px transparent;
    border-bottom: solid 3px transparent;
    border-left: solid 3px #fff;
    position: absolute;
    top: -18px;
    right: -18px;
}

/*===================
    17. Custom Animation
  ===================*/
  @keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@-webkit-keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@-webkit-keyframes sonarEffect_thin {
    0% {
        opacity: 0.3;
    }
    40% {
        opacity: 0.5;
        box-shadow: 0 0 0 1px rgba(3, 169, 244, 0.1), 0 0 2px 2px #00A19A, 0 0 0 4px rgba(3, 169, 244, 0.5);
    }
    100% {
        box-shadow: 0 0 0 1px rgba(3, 169, 244, 0.1), 0 0 2px 2px #00A19A, 0 0 0 4px rgba(3, 169, 244, 0.5);
        -webkit-transform: scale(1.5);
        opacity: 0;
    }
}
@keyframes sonarEffect_thin {
    0% {
        opacity: 0.3;
    }
    40% {
        opacity: 0.5;
        box-shadow: 0 0 0 1px rgba(3, 169, 244, 0.1), 0 0 2px 2px #00A19A, 0 0 0 4px rgba(3, 169, 244, 0.5);
    }
    100% {
        box-shadow: 0 0 0 1px rgba(3, 169, 244, 0.1), 0 0 2px 2px #00A19A, 0 0 0 4px rgba(3, 169, 244, 0.5);
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 0;
    }
}
@-webkit-keyframes sonarEffect {
    0% {
        opacity: 0.3;
    }
    40% {
        opacity: 0.5;
        box-shadow: 0 0 0 2px rgba(3, 169, 244, 0.1), 0 0 6px 6px #00A19A, 0 0 0 10px rgba(3, 169, 244, 0.5);
    }
    100% {
        box-shadow: 0 0 0 2px rgba(3, 169, 244, 0.1), 0 0 6px 6px #00A19A, 0 0 0 10px rgba(3, 169, 244, 0.5);
        -webkit-transform: scale(1.5);
        opacity: 0;
    }
}
@keyframes sonarEffect {
    0% {
        opacity: 0.3;
    }
    40% {
        opacity: 0.5;
        box-shadow: 0 0 0 2px rgba(3, 169, 244, 0.1), 0 0 6px 6px #00A19A, 0 0 0 6px rgba(3, 169, 244, 0.5);
    }
    100% {
        box-shadow: 0 0 0 2px rgba(3, 169, 244, 0.1), 0 0 6px 6px #00A19A, 0 0 0 6px rgba(3, 169, 244, 0.5);
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 0;
    }
}
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        /* Chrome, Opera 15+, Safari 3.1+ */
        /* IE 9 */
        transform: rotate(0deg);
        /* Firefox 16+, IE 10+, Opera */
    }
    100% {
        -webkit-transform: rotate(360deg);
        /* Chrome, Opera 15+, Safari 3.1+ */
        /* IE 9 */
        transform: rotate(360deg);
        /* Firefox 16+, IE 10+, Opera */
    }
}
@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        /* Chrome, Opera 15+, Safari 3.1+ */
        /* IE 9 */
        transform: rotate(0deg);
        /* Firefox 16+, IE 10+, Opera */
    }
    100% {
        -webkit-transform: rotate(360deg);
        /* Chrome, Opera 15+, Safari 3.1+ */
        /* IE 9 */
        transform: rotate(360deg);
        /* Firefox 16+, IE 10+, Opera */
    }
}
@-webkit-keyframes cp-eclipse-animate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes cp-eclipse-animate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

article[about="/en/careers/join-us"] .banner-info h4, article[about="/en/careers/hr-philosophy"] .banner-info h4,
article[about="/en/careers/culture"] .banner-info h4, article[about="/en/careers/intern-training"] .banner-info h4{
    font-size: 55px;
}

article[about="/en/careers/join-us"] .section-title, article[about="/en/careers/hr-philosophy"] .section-title,
article[about="/en/careers/culture"] .section-title, article[about="/en/careers/intern-training"] .section-title{
    text-transform: capitalize;
}

article[about="/en/careers/join-us"] .nav-tabs > li.underline-tab > a, article[about="/en/careers/hr-philosophy"] .nav-tabs > li.underline-tab > a,
article[about="/en/careers/culture"] .nav-tabs > li.underline-tab > a, article[about="/en/careers/intern-training"] .nav-tabs > li.underline-tab > a{
    padding: 10px 25px;
}

article[about="/ar/careers/join-us"] .banner-info h4, article[about="/ar/careers/hr-philosophy"] .banner-info h4,
article[about="/ar/careers/culture"] .banner-info h4, article[about="/ar/careers/intern-training"] .banner-info h4{
    font-size: 55px!important;
}
#fromdate,#todate{
  background-image: url(/themes/zain_theme/img/dropdown-arrow.svg);
    background-repeat: no-repeat;
    background-position: left;
    background-position-x: calc(100% - 20px);
    cursor: pointer;
}
.packages-b2c-section .owl-stage, .package-slider .owl-stage {
    margin: auto;
}

.map-input input,.map-input  select {
    border: 1px solid #9B9B9B;
    border-radius: 20px;
    margin-bottom: 2px;
    max-width: 300px;
    width: 100%;
    padding: 9px 20px;
    height: 40px;
    outline:none;
    background-color: white;
}

article[about="/en/vendors-management"] h1.f30, article[about="/ar/vendors-management"] h1.f30{
    margin: 2px 0 25px 0;
}

article[about="/en/vendors-management"] .spadding, article[about="/ar/vendors-management"] .spadding{
    padding: 0 0 46px 0!important;
}

article[about="/en/investors/analyst-coverage"] .view-contact-institutions .contact-institustion-item, article[about="/ar/investors/analyst-coverage"] .view-contact-institutions .contact-institustion-item{
    height: 270px;
}

article[about="/en/investors/analyst-coverage"] .view-contact-institutions .contact-institustion-item .text-center, article[about="/ar/investors/analyst-coverage"] .view-contact-institutions .contact-institustion-item .text-center{
    min-height: 46px;
    margin-bottom: 0;
}

/*article[about="/en/join-us"] ul.faq-menu li a, ul.new-responsive-carousel li a, article[about="/en/hr-philosophy"] ul.faq-menu li a, ul.new-responsive-carousel li a,
article[about="/en/culture"] ul.faq-menu li a, ul.new-responsive-carousel li a, article[about="/en/intern-training"] ul.faq-menu li a, ul.new-responsive-carousel li a{
    font-size: 19px;
    padding: 10px 0 0 0;
}*/
.form-media * {
    display: block;
    margin: auto;
    width:95%;
    outline:none;
}

button.btn-zain.map-btn {
    display: inline-block;
    border: 0;
    min-width: 150px;
    height: 40px;
    line-height: 22px;
}

.select-group {
    display: inline-block;
    max-width: 300px;
    width: 100%;
    margin-right: 10px;
}

.select-group label {
    text-align: left;
    width: 100%;
    margin: 20px 15px 2px 15px;
    font-weight: 900;
    color: #3c3c3b;
}

.select-wrapper.map-input {
    margin: 15px auto;
}

.zain-mainmenu-border {
    border-bottom: 1px solid rgba(227, 227, 227, 0.4);
}

.tp-bullets {
    left: 50%!important;
    transform: matrix(1, 0, 0, 1, 0, -48)!important;
}
.region-content{
    min-height: 120px;
}

.social-icons li a img {
    transition: all .2s ease-in-out;
}

.social-icons li a img:hover {
    transform: scale(1.3);
}

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

/* article[about="/en/join-us"] section.paragraph.paragraph--type--paragraph-columns, article[about="/en/hr-philosophy"] section.paragraph.paragraph--type--paragraph-columns,
article[about="/en/culture"] section.paragraph.paragraph--type--paragraph-columns, article[about="/en/intern-training"] section.paragraph.paragraph--type--paragraph-columns,
article[about="/ar/join-us"] section.paragraph.paragraph--type--paragraph-columns, article[about="/ar/hr-philosophy"] section.paragraph.paragraph--type--paragraph-columns,
article[about="/ar/culture"] section.paragraph.paragraph--type--paragraph-columns, article[about="/ar/intern-training"] section.paragraph.paragraph--type--paragraph-columns{
    padding: 26px 0 !important;
} */
.smallnav .owl-theme .owl-nav {
    margin-top: 3px;
}
.owl-theme .owl-nav{
    margin-top: 0px;
}
[dir=rtl] .owl-theme .owl-nav{
    margin-top: 10px;
}
article[about="/ar/careers/join-us"] section.paragraph--type--paragraph-header-image, article[about="/ar/careers/hr-philosophy"] section.paragraph--type--paragraph-header-image,
article[about="/ar/careers/culture"] section.paragraph--type--paragraph-header-image, article[about="/ar/careers/intern-training"] section.paragraph--type--paragraph-header-image{
    padding-bottom: 0!important;
}
.shimering-img{
  display: inline-block;
  width: 35px;
  height: 35px;
  float:left;
}

@media (max-width: 767px) and (min-width: 425px) {
    .block-revslider-blockarabic-business-slider .rev_slider .rev-btn,
    .block-revslider-blockbusinessslider .rev_slider .rev-btn {
        min-width: 195px !important;
        max-width: 195px !important;
        font-size: 20px !important;
        line-height: 12px !important;
        letter-spacing: 0px !important;
        padding: 14px 5px 14px 15px !important;
        min-height: 40px !important;
        max-height: 40px !important;
    }
    .block-revslider-blockbusinessslider .rev_slider .tp-caption:not(.rev-btn),
    .block-revslider-blockarabic-business-slider .rev_slider .tp-caption:not(.rev-btn){
        min-width: 270px !important;
        max-width: 270px !important;
        font-size: 30px !important;
        line-height: 30px !important;
    }

    .block-revslider-blockbusinessslider .tp-parallax-wrap:not(:last-child){
        left: 20% !important;
        top:15% !important;
        text-align: center;
    }

    .block-revslider-blockarabic-business-slider  .tp-parallax-wrap:not(:last-child){
        right: 20% !important;
        top:15% !important;
        text-align: center;
    }

    .block-revslider-blockbusinessslider .tp-parallax-wrap:last-child{
        left: 30% !important;
        top: 50% !important;
        margin-top: 10px !important;
        text-align: left;
    }
    .block-revslider-blockarabic-business-slider  .tp-parallax-wrap:last-child{
        right: 30% !important;
        top: 50% !important;
        margin-top: 10px !important;
        text-align: right;
    }
    article[about='/en/business'] section:first-of-type,
    article[about='/ar/business'] section:first-of-type{
        padding: 0px !important;
    }
    article[about='/en/business'] .spadding,
    article[about='/ar/business'] .spadding{
        padding: 1em 0!important;
    }

}
@media (max-width: 424px) {
    .block-revslider-blockarabic-business-slider .rev_slider .rev-btn,
    .block-revslider-blockbusinessslider .rev_slider .rev-btn {
        min-width: 170px !important;
        max-width: 170px !important;
        font-size: 17px !important;
        line-height: 10px !important;
        letter-spacing: 0px !important;
        padding: 14px 5px 14px 15px !important;
        min-height: 35px !important;
        max-height: 35px !important;
    }
    .block-revslider-blockarabic-business-slider .rev_slider .rev-btn{
        text-align: center;
    }
    .block-revslider-blockbusinessslider .rev_slider .tp-caption:not(.rev-btn),
    .block-revslider-blockarabic-business-slider .rev_slider .tp-caption:not(.rev-btn){
        min-width: 200px !important;
        max-width: 200px !important;
        font-size: 23px !important;
        line-height: 23px !important;
    }
    .block-revslider-blockbusinessslider .tp-parallax-wrap:not(:last-child){
        left: 25% !important;
        top:15% !important;
        text-align: center;
    }
    .block-revslider-blockarabic-business-slider  .tp-parallax-wrap:not(:last-child){
        right: 25% !important;
        top:15% !important;
        text-align: center;
    }

    .block-revslider-blockbusinessslider .tp-parallax-wrap:last-child{
        text-align: left;
        left: 27% !important;
        top: 50% !important;
        margin-top: 10px !important;
    }
    .block-revslider-blockarabic-business-slider  .tp-parallax-wrap:last-child{
        text-align: right;
        right: 27% !important;
        top: 50% !important;
        margin-top: 10px !important;
    }
    article[about='/en/business'] section:first-of-type,
    article[about='/ar/business'] section:first-of-type{
        padding: 0px !important;
    }
    article[about='/en/business'] .spadding,
    article[about='/ar/business'] .spadding{
        padding: 1em 0!important;
    }

    .view-id-404page{
        margin-bottom: 30px !important;
    }
    [dir=rtl] .view-id-404page{
        margin-bottom: 30px !important;
    }
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
    .block-revslider-blockbusinessslider .tp-parallax-wrap{
        left: 10% !important;
    }

    .block-revslider-blockarabic-business-slider  .tp-parallax-wrap{
        right: 10% !important;
    }
    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
    {
        display: table-cell;
        width: 50%;
    }
    .contactboxes {
        display: table;
    }
}

.customer_user_vertical_align{
    margin-bottom: 15px;
    margin-top: 0px;
}

@media (min-width: 769px) {
    .plans-show-more-btn .show-more-btn{
        top: 30px;
    }
    #owl-packages-page .btn-zain-white,
    #owl-packages-page .btn-zain{
        width: 180px;
        display: block;
        margin: 12px auto;
    }
    #owl-packages-page a:last-child{
        margin-bottom:0 !important;
    }
    .faq-display .accordion li .accordion__title span,
    .accordion li .accordion__title span {
        max-width: 50%;
        display: inline-block;
        margin-top: 0px;
        margin-bottom: 0px;
    }
    .accordion__content  .container{
        padding-left: 0px;
    }
    .search-section{
        margin-top: 48px;
    }
    .search-section .search-readmore{
        width: 50%;
        margin: 0 auto;
    }
    .summary_search_div{
        position: absolute;
        width: 16%;
        top: 0;
        left: 30px;
        color:#9B9B9B;
    }
    [dir=rtl] .summary_search_div{
        left: unset;
        right: 30px;
    }
    .pager-nav{
        margin-top: 48px;
        margin-bottom: 80px;
    }
    .package-slider .packages-item .pack-height {
        min-height: 210px;
    }
    /*.contactboxes{*/
        /*margin-top: 15px;*/
    /*}*/
    .owl-theme.owl-carousel.owl-directors{
        overflow: hidden;
        white-space: nowrap;
    }
    .owl-theme.owl-carousel.owl-directors .owl-item{
        white-space: normal;
        min-width: 300px;
    }
    .header-style-Business .region-search-nav .form-item input.form-text{
        color: white;
    }
}

article[about="/en/investors/analyst-coverage"] .view-contact-institutions .contact-institustion-item img {
    width: auto;
}
article[about="/en/investors/share-statistics"] .animate,
article[about="/ar/investors/share-statistics"] .animate{
    height: 32px;
    display: inline-block;
}
/*columns video*/
.paragraph--type--paragraph-columns .header-video #header-video-title {
    background: none
}
.paragraph--type--paragraph-columns .header-video video {
    height: 100%;
    border-radius: 12px;
}
.paragraph--type--paragraph-columns .header-video #header-video-title img {
    bottom: 50%;
}
/*shareholders*/
.paragraph--type--chart-block .chart-container{
    height:420px;
    padding: 75px;
    border-radius: 12px;
    background: #ffffff;
    -webkit-box-shadow: 0px 2px 19px rgba(194,193,193,0.5);
    -moz-box-shadow: 0px 2px 19px rgba(194,193,193,0.5);
    box-shadow: 0px 2px 19px rgba(194,193,193,0.5);
    display: flex;
    align-items: center;
}

article[about="/ar/home"] .show-more-btn {
    font-size: 16px;
}

article[about="/ar/home"] .viewsreference--view-title {
    font-size: 22px;
}

article[about="/ar/home"] .owl-vas .item h4 {
    font-size: 16px;
}

article[about="/ar/personal/packages"] .paragraph-tab a .text {
    font-size: 20px;
}

article[about="/ar/ftth"] .paragraph--type--paragraph-columns .paragraph--type--paragraph-block h1 {
    font-size: 32px;
}

article[about="/ar/ftth"] .paragraph--type--paragraph-columns .paragraph--type--paragraph-block p, article[about="/ar/ftth"] .paragraph--type--paragraph-columns .paragraph--type--paragraph-block li {
    font-size: 19px;
}

article[about="/ar/personal/5g"] .banner-info h4 {
    font-size: 52px;
}

article[about="/ar/personal/5g"] .info-card p {
    font-size: 20px;
}

article[about="/ar/personal/5g"] .text-center h1 {
    font-size: 22px;
}

article[about="/ar/personal/5g"] .btn-zain {
    font-size: 16px!important;
}

article[about="/ar/personal/5g"] .side-image-text a {
    font-size: 20px;
}

article[about="/ar/personal/5g"] .side-image-text p {
    font-size: 22px;
}

article[about="/ar/investors/financial-reports"] .financial-reports .filter-visibility-controller {
    font-size: 19px;
}

article[about="/ar/investors/financial-reports"] .financial-report-item .quarter-title {
    font-size: 26px;
}

article[about="/ar/investors/financial-reports"] .financial-report-item .quarter-lang {
    font-size: 26px;
}

article[about="/ar/investors/financial-reports"] .financial-report-item .quarter .quarter-title {
    font-size: 26px;
}

article[about="/ar/investors/disclosure"] .select-wrapper select {
    font-size: 18px;
}

article[about="/ar/investors/disclosure"] .form-control {
    font-size: 16px;
}

article[about="/ar/investors/disclosure"] .pager__item .button {
    font-size: 16px;
}

article[about="/ar/investors/policies-and-regulations"] .pnr-section .rf-title {
    font-size: 22px;
}

article[about="/ar/investors/policies-and-regulations"] .pnr-section .rf-item .dl-btn a {
    font-size: 18px;
}

article[about="/ar/investors/analyst-coverage"] .view-contact-institutions .contact-institustion-item .text-center {
    font-size: 22px;
}

article[about="/ar/careers/join-us"] .paragraph--type--paragraph-columns .paragraph--type--paragraph-block p, article[about="/ar/careers/join-us"] .paragraph--type--paragraph-columns .paragraph--type--paragraph-block li {
    font-size: 19px;
}

article[about="/ar/careers/hr-philosophy"] .paragraph--type--paragraph-columns .paragraph--type--paragraph-block p, article[about="/ar/careers/hr-philosophy"] .paragraph--type--paragraph-columns .paragraph--type--paragraph-block li {
    font-size: 19px;
}

article[about="/ar/careers/culture"] .paragraph--type--paragraph-columns .paragraph--type--paragraph-block p, article[about="/ar/careers/culture"] .paragraph--type--paragraph-columns .paragraph--type--paragraph-block li {
    font-size: 19px;
}

article[about="/ar/careers/intern-training"] .paragraph--type--paragraph-columns .paragraph--type--paragraph-block p, article[about="/ar/careers/intern-training"] .paragraph--type--paragraph-columns .paragraph--type--paragraph-block li {
    font-size: 19px;
}

article[about="/ar/locate-us"] .locate-btns a {
    font-size: 20px;
}

article[about="/ar/locate-us"] .locate-workinghours p {
    font-size: 16px;
}

article[about="/ar/personal/faq"] .paragraph-tab a .text,
article[about="/ar/business/faq"] .paragraph-tab a .text
{
    font-size: 20px;
}

article[about="/ar/user-protection"] #full-page-container > section:first-child, article[about="/ar/customer-rights"] #full-page-container > section:first-child {
    padding-bottom: 0;
}

article[about="/ar/quality-reports"] .table-title {
    font-size: 20px;
}

article[about="/ar/quality-reports"] .report-table .table-row:first-child td {
    font-size: 16px;
}

article[about="/ar/quality-reports"] .table-column {
    font-size: 18px;
}

article[about="/ar/quality-reports"] .table-name {
    font-size: 24px;
}

article[about="/ar/about-zain"] li.underline-tab a {
    font-size: 22px;
}

article[about="/ar/about-zain"] .show-more-btn {
    font-size: 16px;
    margin-top: 10px;
}

article[about="/ar/about-zain"] .news-content p {
    font-size: 20px;
}

article[about="/ar/about-zain"] .created-at {
    font-size: 16px;
}

article[about="/ar/about-zain"] .viewsreference--view-title {
    font-size: 22px;
}

article[about="/ar/about-zain"] .events-content p {
    font-size: 20px;
}

article[about="/ar/about-zain"] .director-name {
    font-size: 20px;
}

article[about="/ar/about-zain"] .director-position {
    font-size: 16px;
}

article[about="/ar/about-zain"] .crs-report-title {
    font-size: 32px;
}

article[about="/ar/about-zain"] .crs-report-text {
    font-size: 19px;
}

article[about="/ar/loyalty"] .paragraph--type--paragraph-columns .paragraph--type--paragraph-block h1 {
    font-size: 32px;
}

article[about="/ar/national-address"] .paragraph--type--paragraph-columns .paragraph--type--paragraph-block h1 {
    font-size: 32px;
}

article[about="/ar/national-address"] .paragraph--type--paragraph-columns .paragraph--type--paragraph-block p, article[about="/ar/national-address"] .paragraph--type--paragraph-columns .paragraph--type--paragraph-block li {
    font-size: 19px;
}

article[about="/ar/personal/contact-us"] li.underline-tab a,
article[about="/ar/business/contact-us"] li.underline-tab a
{
    font-size: 22px;
}

article[about="/ar/personal/contact-us"] .contact-card h1,
article[about="/ar/business/contact-us"] .contact-card h1
{
    font-size: 26px;
}

article[about="/ar/personal/contact-us"] .contact-card p, article[about="/ar/personal/contact-us"] .contact-card td,
article[about="/ar/business/contact-us"] .contact-card p, article[about="/ar/business/contact-us"] .contact-card td
{
    font-size: 18px;
}

article[about="/ar/privacy-policy"] .paragraph--type--paragraph-columns .paragraph--type--paragraph-block p, article[about="/ar/privacy-policy"] .paragraph--type--paragraph-columns .paragraph--type--paragraph-block li {
    font-size: 19px;
}

article[about="/ar/complaint-request"] li.contact-tab a:hover{
    font-size: 16px;

}
article[about="/ar/complaint-request"] li.contact-tab a {
    font-size: 16px;
}

article[about="/ar/business"] header.header-style-Business nav#block-mainnavbusiness .nav>li>a {
    font-size: 18px;
}

article[about="/ar/business"] .info-card p {
    font-size: 20px;
}

article[about="/ar/business"] .side-image-text h1 {
    font-size: 32px;
}

article[about="/ar/business"] .side-image-text p {
    font-size: 22px;
}

article[about="/ar/business"] .side-image-text .know-more-btn {
    font-size: 16px;
}

article[about="/ar/business/mobility-services"] li.underline-tab a, article[about="/ar/business-broadband-5g-4g"] li.underline-tab a,
article[about="/ar/business/add-on-plans"] li.underline-tab a, article[about="/ar/business/small-office"] li.underline-tab a,
article[about="/ar/Add-On-Minutes-Bundles"] li.underline-tab a, article[about="/ar/business/bulk-sms"] li.underline-tab a {
    font-size: 22px;
}

article[about="/ar/business/mobility-services"] .paragraph--type--paragraph-columns .paragraph--type--paragraph-block h1,
article[about="/ar/business/business-broadband-5g-4g"] .paragraph--type--paragraph-columns .paragraph--type--paragraph-block h1,
article[about="/ar/business/add-on-plans"] .paragraph--type--paragraph-columns .paragraph--type--paragraph-block h1,
article[about="/ar/business/small-office"] .paragraph--type--paragraph-columns .paragraph--type--paragraph-block h1 {
    font-size: 32px;
}

article[about="/ar/business/mobility-services"] .paragraph--type--paragraph-columns .paragraph--type--paragraph-block p, article[about="/ar/business/mobility-services"] .paragraph--type--paragraph-columns .paragraph--type--paragraph-block li,
article[about="/ar/business/business-broadband-5g-4g"] .paragraph--type--paragraph-columns .paragraph--type--paragraph-block p, article[about="/ar/business/business-broadband-5g-4g"] .paragraph--type--paragraph-columns .paragraph--type--paragraph-block li,
article[about="/ar/business/add-on-plans"] .paragraph--type--paragraph-columns .paragraph--type--paragraph-block p, article[about="/ar/business/add-on-plans"] .paragraph--type--paragraph-columns .paragraph--type--paragraph-block li,
article[about="/ar/business/small-office"] .paragraph--type--paragraph-columns .paragraph--type--paragraph-block p, article[about="/ar/business/small-office"] .paragraph--type--paragraph-columns .paragraph--type--paragraph-block li {
    font-size: 19px;
}

article[about="/ar/business/mobility-services"] section .slider, article[about="/ar/business/business-broadband-5g-4g"] section .slider {
    padding: 0;
}

article[about="/ar/business/bulk-sms"] h1 {
    font-size: 38px;
}
f
article[about="/ar/business/fixed-solutions"] li.underline-tab a, article[about="/ar/business/business-solutions"] li.underline-tab a {
    font-size: 22px;
}

article[about="/ar/business/fixed-solutions"] .paragraph--type--paragraph-columns .paragraph--type--paragraph-block h1,
article[about="/ar/business/business-solutions"] .paragraph--type--paragraph-columns .paragraph--type--paragraph-block h1 {
    font-size: 32px;
}

article[about="/ar/business/fixed-solutions"] .paragraph--type--paragraph-columns .paragraph--type--paragraph-block p, article[about="/ar/business/fixed-solutions"] .paragraph--type--paragraph-columns .paragraph--type--paragraph-block li,
article[about="/ar/business/business-solutions"] .paragraph--type--paragraph-columns .paragraph--type--paragraph-block p, article[about="/ar/business/business-solutions"] .paragraph--type--paragraph-columns .paragraph--type--paragraph-block li {
    font-size: 19px;
}

article[about="/en/business/business-solutions"] .paragraph--type--web-form, article[about="/ar/business/business-solutions"] .paragraph--type--web-form {
    padding: 0;
    margin-bottom: 22px;
}
.paragraph--type--web-form {
    text-align: center;
    font-weight: bold;
    font-size: 18px;
}

.webform-zain form{
    text-align: initial;
}

/*design fixes*/
.charts-title h1{
    margin-bottom:2px;
}
.padd-bot-80 {
    padding-bottom: 80px !important;
}

label{
    display: block;
    margin-bottom:6px !important;
}
.form-inline .select-wrapper {
    width: 100%;
}
.form-inline .form-item{
    width:200px;
    margin-right: 20px;
}
.form--inline .form-submit{
    margin: auto;
    margin-top: 22px;
}
.form-text,.form-item input,#edit-zain-mobile-number{
   height: 40px;
}
.view-tadawul-announcements .form-type-textfield{
    width: 375px;
}
.views-exposed-form .form-text{
    background-image: url(/themes/zain_theme/img/search_green.svg);
    background-repeat: no-repeat;
    background-position: left;
    background-position-x: calc(100% - 20px);
    background-position-y: 8px;
}
.view-tadawul-announcements .view-content{
    margin-top:25px;
}
.webform-submission-form .form-item{
    margin-bottom: 15px;
}
.webform-submission-form .form-item input{
    padding: 0px 20px;
}
.webform-submission-form .form-item input:-ms-input-placeholder{
    color: #bbbbbb;
    font-size: 16px;
    font-weight: 700;
    line-height: 40px;
}
.webform-submission-form .form-item input:-moz-placeholder{
    color: #bbbbbb;
    font-size: 16px;
    font-weight: 700;
    line-height: 40px;
}
.webform-submission-form .form-item input::-webkit-input-placeholder{
    color: #bbbbbb;
    font-size: 16px;
    font-weight: 700;
    line-height: normal;
}
.webform-submission-form .form-item input::-moz-placeholder { /* Firefox 19+ */
    color: #bbbbbb;
    font-size: 16px;
    font-weight: 700;
    line-height: 40px;
}
.webform-submission-form .form-item textarea:-ms-input-placeholder{
    color: #bbbbbb;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
}
.webform-submission-form .form-item textarea:-moz-placeholder{
    color: #bbbbbb;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
}
.webform-submission-form .form-item textarea::-webkit-input-placeholder{
    color: #bbbbbb;
    font-size: 16px;
    font-weight: 700;
    line-height: normal;
}
.webform-submission-form .form-item textarea::-moz-placeholder {
    color: #bbbbbb;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
}

.webform-button--submit{
    background: linear-gradient(131deg, #74A000, #95C11F, #9AD400) !important;
    color: #ffffff !important;
}
.webform-button--submit:hover{
    background: linear-gradient(131deg, #74A000, #95C11F, #9AD400) !important;
    color: #ffffff !important;
}
.intl-tel-input .selected-flag{
    padding-left: 14px;
}
.webform-submission-form .form-item textarea{
    padding: 15px 20px;
    margin-bottom:20px;
}
input[type=radio]{
    display: none;
}
/* label.option{
    background-image: url();
}
.radio-btn-on{
    background-image: url();
} */
.form-type-radio label.option {
    cursor: pointer;
    margin: 10px 10px;
    padding-left: 20px;
}

.form-type-radio label.option:before {
    content: '';
    display: inline-block;
    height: 20px;
    width: 20px;
    background: #fff;
    border:1px solid #9b9b9b;
    border-radius: 50%;
    z-index: 2;
    transition: box-shadow .4s ease, background .3s ease;
    margin: 0 5px;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform:translateY(-50%);
    -ms-transform: translateY(-50%); /* IE 9 */
    transform: translateY(-50%);
}

.radio-btn-on:before {
    background: #ffffff;
    border:1px solid #95C11F !important;
}
.radio-btn-on:after {
    content: '';
    display: inline-block;
    height: 10px;
    width: 10px;
    background: #95C11F;
    border-radius: 50%;
    z-index: 2;
    transition: box-shadow .4s ease, background .3s ease;
    margin: 0 5px;
    position: absolute;
    left: 5px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform:translateY(-50%);
    -ms-transform: translateY(-50%); /* IE 9 */
    transform: translateY(-50%);
}
.form-type-radio:last-child{
    margin-left: 40px;
}
.radios--wrapper legend{
    text-transform: uppercase;
    margin-bottom: 8px;
}
.progress-tracker .progress-step.is-complete .progress-marker{
    border:none !important;
    box-shadow: 1px 1px 5px rgba(0,0,0,0.1);
}
.container-fluid .container-fluid{
    padding: 0px;
}

/*search page*/
.region-content .search-form .input-group{
    width: 40%;
    margin: 0px auto;
}

[dir=rtl] .notifications-menu a.complaint-link {
    font-family: "QTZain Regular";
}

[dir=rtl] .mennu-myzain p, .mennu-mybag p {
    font-family: "QTZain Regular";
}

[dir=rtl] .paragraph-tab a .text {
    font-family: "QTZain Regular";
}

[dir=rtl] .financial-report-item .quarter .quarter-title{
    font-family: "QTZain Regular";
}

[dir=rtl] .financial-report-item .quarter-title{
    font-family: "QTZain Regular";
}

[dir=rtl] .financial-report-item .quarter-lang{
    font-family: "QTZain Regular";
}

[dir=rtl] .shareholders-list li{
    font-family: "QTZain Regular";
}

article[about="/ar/personal/packages"] .packages-item {
    margin: 27px auto 15px auto;
}

article[about="/ar/home"] .owl-vas .item h4,.owl-vas .item h4 a  {
    font-size: 16px;
}
div[role="dialog"].ui-dialog{
    width: 500px!important;
    max-width: 100%;
    border-radius: 20px;
}
div[role="dialog"] .ui-dialog-titlebar{
    background: none;
    border: 0px;
}
html[lang="ar"] button.ui-button.ui-corner-all.ui-widget.ui-button-icon-only.ui-dialog-titlebar-close[title=Close]{
    right: auto!important;
    left: 0.6em!important;
}

.ui-widget-header {
    background: transparent;
    border: 0;
    text-align: center;
}
.ui-dialog .ui-dialog-buttonpane{
    background: transparent;
}
.ui-dialog .ui-dialog-title {
    width: 100%;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
    font-family: 'Nunito Sans', sans-serif!important;
    margin-top: 20px;
}

html[lang=en] .ui-dialog * {
    font-family: 'Nunito Sans', sans-serif!important;
}
html[lang=ar] .ui-dialog * {
    font-family: "QTZain Regular" !important;
}
.ui-dialog .ui-widget-content {
    border: 0px solid #aaaaaa;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: none!important;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button {
    margin: -40px auto 20px auto;
    width: 150px;
    line-height: 20px;
    font-size: 16px;
    text-align: center;
    font-weight: 500;
}

button.ui-button {
    background-color: transparent!important;
    border: 0!important;
    background-repeat: no-repeat;
}

button.ui-button * {
    display: none!important;
    margin-top: 30px;
    width: 450px;
}
.region-content .search-form #edit-keys{
    display: block;
    border: none;
    border-bottom: 2px solid #95c11f;
    box-shadow: none;
    padding: 0px 40px;
    background-image: url(/themes/zain_theme/img/icon_search.svg);
    background-repeat: no-repeat;
    background-position: left;
    border-radius: 0px;
}
.region-content .search-form button{
    display: none;
}
.region-content .search-form .input-group-btn:after {
    content: url(/themes/zain_theme/img/menu_close.svg);
    z-index: 5;
    position: absolute;
    right: 0px;
    top: 7px;
    cursor: pointer;
    width: 30px;
}
.webform-progress-tracker .progress-step::after{
    background-color: #ececec ;
}
.form-type-checkbox label{
    padding-left: 0px;
}
.form-type-checkbox label:before{
    content: "";
    background-image: url(/themes/zain_theme/img/checkbox.svg);
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: left;
    display: inline-block;
    width: 25px;
    height: 20px;
    vertical-align: sub;
}
.form-type-checkbox label input{
    display: none;
}
.form-type-checkbox label.checked:before{
    background-image: url(/themes/zain_theme/img/checked-box.svg);
}

article[about='/en/home'] .container.has-showmore, article[about='/ar/home'] .container.has-showmore{
    padding-top: 0px;
}

#packages-homepage{
    margin: 6px 0 25px 0;
}

article[about='/en/careers/join-us'] section.paragraph.paragraph--type--paragraph-columns .container section,
article[about='/ar/careers/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: 1em 0 0 0!important;
}

article[about='/en/careers/hr-philosophy'] .paragraph--type--paragraph-columns ul, article[about='/ar/careers/hr-philosophy'] .paragraph--type--paragraph-columns ul {
    margin-bottom: 0;
}

article[about='/en/careers/join-us'] .section-title, article[about='/ar/careers/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-bottom: 26px;
}

/*article[about="/en/personal/faq"] .paragraph-tab, article[about="/ar/personal/faq"] .paragraph-tab {
    max-width: 224px;
    margin: 0 auto 20px auto;
}*/

/*article[about="/en/personal/faq"] .paragraph-tab a, article[about="/ar/personal/faq"] .paragraph-tab a {
    min-width: 224px
}*/

article[about="/en/personal/faq"] ul.info-acc,  article[about="/ar/personal/faq"] ul.info-acc,
article[about="/en/business/faq"] ul.info-acc,  article[about="/ar/business/faq"] ul.info-acc,
article[about="/en/personal/vat"] ul.info-acc,  article[about="/ar/personal/vat"] ul.info-acc,
article[about="/en/business/vat"] ul.info-acc,  article[about="/ar/business/vat"] ul.info-acc,
article[about="/en/personal/new-bill-cycle"] ul.info-acc,  article[about="/ar/personal/new-bill-cycle"] ul.info-acc,
article[about="/en/business/new-bill-cycle"] ul.info-acc,  article[about="/ar/business/new-bill-cycle"] ul.info-acc
{
    margin-bottom: 0;
}

article[about="/en/personal/faq"] section.paragraph--type--paragraph-accordions,
article[about="/ar/personal/faq"] section.paragraph--type--paragraph-accordions,
article[about="/en/business/faq"] section.paragraph--type--paragraph-accordions,
article[about="/ar/business/faq"] section.paragraph--type--paragraph-accordions,
article[about="/en/personal/faq"] section.paragraph--type--paragraph-tabs,
article[about="/ar/personal/faq"] section.paragraph--type--paragraph-tabs,
article[about="/en/business/faq"] section.paragraph--type--paragraph-tabs,
article[about="/ar/business/faq"] section.paragraph--type--paragraph-tabs,
article[about="/ar/personal/roaming/roaming-abroad"] section.paragraph--type--paragraph-accordions,
article[about="/en/personal/roaming/roaming-abroad"] section.paragraph--type--paragraph-accordions,
article[about="/ar/personal/roaming/special-offers"] section.paragraph--type--paragraph-accordions,
article[about="/en/personal/roaming/special-offers"] section.paragraph--type--paragraph-accordions,
article[about="/ar/personal/roaming/visiting-saudi-arabia"] section.paragraph--type--paragraph-accordions,
article[about="/en/personal/roaming/visiting-saudi-arabia"] section.paragraph--type--paragraph-accordions,
article[about="/ar/personal/roaming/zain-wifi-calling"] section.paragraph--type--paragraph-accordions,
article[about="/en/personal/roaming/zain-wifi-calling"] section.paragraph--type--paragraph-accordions,
article[about="/ar/personal/roaming/roaming-abroad"] section.paragraph--type--paragraph-tabs,
article[about="/en/personal/roaming/roaming-abroad"] section.paragraph--type--paragraph-tabs,
article[about="/ar/personal/roaming/special-offers"] section.paragraph--type--paragraph-tabs,
article[about="/en/personal/roaming/special-offers"] section.paragraph--type--paragraph-tabs,
article[about="/ar/personal/roaming/visiting-saudi-arabia"] section.paragraph--type--paragraph-tabs,
article[about="/en/personal/roaming/visiting-saudi-arabia"] section.paragraph--type--paragraph-tabs,
article[about="/ar/personal/roaming/zain-wifi-calling"] section.paragraph--type--paragraph-tabs,
article[about="/en/personal/roaming/zain-wifi-calling"] section.paragraph--type--paragraph-tabs
{
    padding-bottom: 0!important;
}

/*article[about="/en/personal/faq"] .paragraph-tab a.has-icons p.text, article[about="/ar/personal/faq"] .paragraph-tab a.has-icons p.text {
    left: 70px;
}*/

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: 26px;
}

.newsletter label {
    display: inline-block;
}

article[about="/en/personal/contact-us"] ul.info-acc, article[about="/ar/personal/contact-us"] ul.info-acc,
article[about="/en/business/contact-us"] ul.info-acc, article[about="/ar/business/contact-us"] ul.info-acc
{
    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: 48px 0; */
    margin-bottom: 38px;
}

article[about="/en/personal/contact-us"] .contact-card td,
article[about="/en/business/contact-us"] .contact-card td
{
    width: 50%;
    font-size: 16px;
}

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
{
    min-height: 277px;
}

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: right;
    margin-right: 15px;
}

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: left;
    margin-left: 15px;
}

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;
}

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;
}

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: 20px;
}
.accordion li.active .accordion__content.media-type-acc .acc-rounded-img {
    width: 100px!important;
}

.devices-single-item {
    z-index: 5;
    background: #ffffff;
    box-shadow: rgba(194,193,193,0.5) 0px 2px 20px;
    -moz-box-shadow: rgba(194,193,193,0.5) 0px 2px 20px;
    -webkit-box-shadow: rgba(194,193,193,0.5) 0px 2px 20px;
    display: inline-grid;
    margin: 10px 0 10px 0 !important;
    font-size: 24px;
    font-weight: 700;
    border-radius: 12px;
    width:100%!important;
}
.devices-single-item img{
    max-width: 184px !important;
    max-height: 184px !important;
    padding: 0 15px;
    margin: 20px auto;
    word-break: break-word;
}

.devices-single-item .trending-item-title{
  height: 90px;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 1.625;
  display: -webkit-box;
}
html[lang="ar"] .device-single-col{
  float:right!important;
}
html[lang="ar"] .en-no-result{
  display: none!important
}
html[lang="en"] .en-no-result{
  display: inline-block!important
}
html[lang="ar"] .ar-no-result{
  display: inline-block!important
}
html[lang="en"] .ar-no-result{
  display: none!important
}

article[about="/ar/personal/contact-us"] .contact-card td,
article[about="/ar/business/contact-us"] .contact-card td
{
    width: 50%;
    font-size: 18px;
}

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: right;
    margin-right: 15px;
}

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: left;
    margin-left: 15px;
}

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;
}

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;
}

article[about="/ar/personal/contact-us"] .contact-card td:nth-child(2),
article[about="/ar/business/contact-us"] .contact-card td:nth-child(2)
{
    font-family: "Nunito Sans";
    font-size: 16px;
}

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: 20px!important;
}

article[about="/ar/investors/capital-reduction"] section.paragraph--view-mode--default:nth-child(1) {
    padding-bottom: 0!important;
}

.form-control{
    height:40px;
}
.progress-step.progress-step.is-active .progress-text{
    display: initial;
    position: absolute;
    bottom: 30px;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform:translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%); /* IE 9 */
    transform: translate(-50%, -50%);
    height: 45px;
    width: 350px;
    color: #3c3c3b;
    font-family: "Nunito Sans";
    font-size: 24px;
    font-weight: 700;
    line-height: 33px;
    text-transform: uppercase;
    text-align: center;
}
.webform-progress-tracker.progress-tracker{
    margin-top:60px;
    position: relative;
}
.progress-step{
    position: initial;
}
.progress-step:not(:last-child)::after{
    position: initial;
    -webkit-transform: translate(25px, -23px);
    -moz-transform: translate(25px, -23px);
    -o-transform:translate(25px, -23px);
    -ms-transform: translate(25px, -23px); /* IE 9 */
    transform: translate(25px, -23px);
}
.webform-zain .progress-step:first-child:nth-last-child(2):not(:last-child)::after{
    width:630%;
}

.accordion__content {
    margin-left: -15px;
    margin-right: -15px;
}


article[about="/en/investors/financial-reports"] .financial-report-item .row:first-child,
article[about="/ar/investors/financial-reports"] .financial-report-item .row:first-child {
    margin-bottom: 0;
}

.links li:nth-child(2) a.language-link {
    font-family: "QTZain Regular";
    font-size: 14px;
}

.bottom-footer .region.region-footer-bottom-right li a:hover{
    color:white;
}

.b2c-apps .store-logo img:hover {
    transition: all .2s ease-in-out;
    transform: scale(1.05);
}

.package-feature:last-child p.package-info {
    margin-bottom: 10px;
}

/*article[about="/en/personal/packages"] .paragraph-tab a, article[about="/ar/personal/packages"] .paragraph-tab a {
    min-width: 224px;
}*/
.lds-dual-ring{
    position: relative
  }
.lds-dual-ring:after {
    content: " ";
    display: block;
    width: 24px;
    height: 24px;
    margin: 8px;
    border-radius: 50%;
    border: 4px solid #fff;
    border-color: #95c11f #95c11f #95c11f transparent;
    animation: lds-dual-ring 1.2s linear infinite;
    position: absolute;
    right: -40px;
    top: 0px;
  }
  @keyframes lds-dual-ring {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
.no-data{
  display:table!important;
  width:100%;
}
.no-data div{
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  font-size: 26px;
  font-weight:  bold;
  color: #95c11f;
}
.package-slider{
  min-height: 365px;
}
.package-slider .packages-item .btn-zain {
    margin-bottom: 0;
}
html[lang="ar"] .package-slider .package-feature .package-info img{
    margin-bottom:10px!important;
}

@media (min-width: 700px){
    /*article[about="/en/personal/faq"] .paragraph-tab,*/
    /*article[about="/ar/personal/faq"] .paragraph-tab,*/
    /*article[about="/en/business/faq"] .paragraph-tab,*/
    /*article[about="/ar/business/faq"] .paragraph-tab*/
    /*{*/
        /*margin: 5px 15px 0px 15px;*/
    /*}*/

    #owl-subcategory-page .paragraph-tab,
    .paragraph_tabs_carousel .paragraph-tab {
        margin: 2em 1em 1.25em 1em;
        max-width: 224px;
    }
    #owl-subcategory-page .has-icons,
    .paragraph_tabs_carousel .has-icons{
        margin: 0px auto;
        min-width: 224px;
        max-width: 224px;
        min-height: 80px;
        display: inline-block;
    }
    [dir=rtl] .owl-theme.owl-carousel.faq-menu .owl-nav .owl-next,
    [dir=rtl] .owl-theme.owl-carousel.new-responsive-carousel .owl-nav .owl-next {
        right: 0px;
        position: absolute;
        top: 20px;
        bottom: 0;
    }
    [dir=rtl] .owl-theme.owl-carousel.faq-menu .owl-nav .owl-prev,
    [dir=rtl] .owl-theme.owl-carousel.new-responsive-carousel .owl-nav .owl-prev {
        left: 0px;
        position: absolute;
        top: 20px;
        bottom: 0;
    }
    #owl-packages-page .package-green-section{
        padding-right: 0px;
        padding-left: 0px;
    }
}
.required-alert{
    color: #a94442;
    margin: 0px;
    font-size: 12px;
}
article[about="/en/about-zain"] ul.faq-menu, ul.new-responsive-carousel{
    margin: 0px;
}
.accordion.info-acc .active .accordion__content h1.section-title{
     margin-top: 0px;
}
[dir=rtl] .accordion.info-acc .active .accordion__content ul{
    padding-right: 1.5em;
}
.search_carousel{
    border-bottom: 0px !important;
}
form#search-form + h2{
    display: none;
}

.pagination > .active > a:hover,
.pagination > .active > span:hover{
    background-color: #00A19A;
    border-color: #00A19A;
}

.pagination > .active > a,
.pagination > .active > span{
    background-color: #00A19A;
    border-color: #00A19A;
}
.pagination > .active > a:focus,
.pagination > .active > span:focus{
    background-color: #00A19A;
    border-color: #00A19A;
}
.pagination > li > a, .pagination > li > span{
    color: #9B9B9B;
}
.pager__item.pager__item--next a span:not(.visually-hidden),
.pager__item.pager__item--previous a span:not(.visually-hidden){
    visibility: hidden;
    width: 1px;
    height: 1px;
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute;
}
.pager__item.pager__item--next a .visually-hidden,
.pager__item.pager__item--previous a .visually-hidden{
    visibility: visible;
    width: auto;
    height: auto;
    word-wrap: normal;
    position: static !important;
    clip: unset;
    overflow: auto;
    color:#00A19A !important;
}
.pager__item.pager__item--last,
.pager__item.pager__item--first{
    display: none;
}
.thumb-image {
    width: 83px;
    height: 83px;
    background-size: cover;
    background-position: center;
    border-radius: 50%;
    margin-right: 15px;
    position:relative;
}

.thumb-image:after {
    content: url(/themes/zain_theme/img/video_icon.svg);
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    border: 0;
    z-index: 1;
    height: 83px;
    width: 83px;
    display: block;
}
button.ui-button.ui-corner-all.ui-widget.ui-button-icon-only.ui-dialog-titlebar-close[title=Close]{
    background-image: url(/themes/zain_theme/img/menu_close.svg);
    right: 0.6em;
    top:15px;
}
#dialog{
    display: none;
}
.packages-related-devices {
    padding: 0px 50px;
}
#overlay-wrapper{
    background:rgba(0,0,0,0.3);
    display: inline-block;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 9999;
}

ul#packages-menu {
    margin-top: 0;
    margin-bottom: 0px;
}
p.package-price,
[dir=rtl] p.package-price {
    margin: 0px 20px!important;
}

.device-info {
    border-top: 1px dashed #E6E4E7;
    margin-top: 10px;
    padding-top: 20px;
}
a.btn-zain.getthisplanbtn {
    margin-bottom: 0;
    cursor: pointer;
}
.view-devices a.btn-zain.getthisplanbtn {
    margin-bottom: 15px;
}
.package-devices.empty-devices img {
    margin: 39px auto;
}
.popup-animate .ui-dialog {
    border: none;
}
.popup-animate .form-text {
    border: none;
}
.popup-animate .ui-dialog-title{
    padding: 0px 150px;
}
.popup-animate .label{
    padding: 0px 150px;
}
.popup-animate label.control-label {
    padding: 0px 200px 0px 0px;
}
.popup-animate .ui-dialog-titlebar{
    min-height: 450px;
}
.ui-widget-overlay{
    opacity: 0.7;
    background: rgb(0,0,0);
}
.popup-animate .webform-submission-form {
    margin-top:150px;
}
.popup-animate .ui-dialog{
    position: fixed;
    height: auto;
    width: 300px;
    top: 65px;
    left: 50%;
    -ms-transform: translate(-50%); /* IE 9 */
    -webkit-transform: translate(-50%); /* Safari 3-8 */
    transform: translate(-50%);
    z-index: 101;
}

.package-slider .p20.pack-height {
    padding-bottom: 0;
}

.accordion li.active .accordion__content img {
    float: none;
}

.lc-q4sdzu {
    background: #95c11f;
}
.iti--allow-dropdown {
    width: 100%;
}
.form-type-tel .form-item--error-message{
    display:none !important;
}
.trending-item-price-box .btn-zain-white{
    width:150px;
}
.trending-item-price-box .btn-zain{
    width:150px;
    margin: 15px auto;
}

.accordion li.active .accordion-benefits > *{
    width: auto;
    margin: auto;
}
.accordion li.active .accordion-benefits .owl-carousel .owl-stage{
    margin: auto;
}
.accordion li.active .accordion-benefits .owl-carousel .active {
    border: none;
}
.accordion-benefits .benefit-item{
    text-align: center;
    font-weight: 700;
    font-size: 17px;
}
.accordion-benefits .social-share-section{
    margin-top: 10px !important;
}
.view-id-404page{
    padding-left: 100px;
    margin-bottom: 80px;
    padding-top: 2em;
}
.view-id-404page .views-field-title{
    font-size: 30px;
    font-weight: bold;
    color: #3C3C3B;
    padding-left: 150px;
    margin-bottom: 30px;
}
.view-id-404page .views-field-body{
    font-size: 17px;
    color: #3C3C3B;
    padding-left: 150px;
    max-width: 800px;
}

[dir=rtl] .view-id-404page{
    padding-right: 100px;
    margin-bottom: 80px;
    padding-top: 2em;
}
[dir=rtl] .view-id-404page .views-field-title{
    font-size: 32px;
    font-weight: bold;
    color: #3C3C3B;
    padding-right: 150px;
    margin-bottom: 30px;
}
[dir=rtl] .view-id-404page .views-field-body{
    font-size: 19px;
    color: #3C3C3B;
    padding-right: 150px;
    max-width: 800px;
}

.important-benefits th {
    font-size: 14px!important;
    font-weight: 400;
    line-height: 19px;
    margin-bottom: 0;
    vertical-align: middle;
    text-align: center;
    padding: 10px 5px;
    word-break: break-word;
}

.important-benefits td {
    font-size: 18px!important;
    font-weight: 400;
    line-height: 25px;
    margin-bottom: 0;
    padding: 20px 5px;
    vertical-align: middle;
    text-align: center;
    word-break: break-word;
}

.important-benefits tr {
    padding: 15px 0;
    border-top: dashed 1px #E6E4E7;
}

[dir=rtl] .important-benefits th {
    font-size: 16px!important;
}

[dir=rtl] .important-benefits td {
    font-size: 20px!important;
}

.paragraph-tab a.has-icons p.text {
    white-space: normal;
}

/*#views-exposed-form-search-explore-page-1{
  display:none;
}*/

/*Start Search Page Style*/
header .region-search-devices{
    display: none;
}
header .region-search-nav{
    display: none;
}
.region-search-nav .form-item,
.region-search-devices .form-item,
.region-search-news .form-item{
    width: 40%;
    display: block;
    margin: 0 auto;
    float: none !important;
}
.view-investors-chart-block .container{
    width:100%;
}
.region-search-nav .form-item input.form-text,
.region-search-devices .form-item input.form-text,
.region-search-news .form-item input.form-text{
    display: block;
    border: none;
    border-bottom: 2px solid #95c11f;
    box-shadow: none;
    padding: 0px 40px;
    background-image: url(/themes/zain_theme/img/icon_search.svg);
    background-repeat: no-repeat;
    background-position: left;
    border-radius: 0px;
}
.header-style-Business .region-search-nav .form-item input.form-text{
    background-color: transparent;
}
.view-search-view{
    width: 100%;
    display: inline-block;
}
.view-search-explore .view-header,
.view-search-view .view-header,
.view-search-news .view-header{
    position: absolute;
    width: 16%;
    top: -126px;
    left: 30px;
    color:#9B9B9B;
}
.region-search-nav section,
.region-search-devices section,
.region-search-news section{
    padding-top: 10px;
    padding-bottom: 10px;
}
.view-search-explore .views-row,
.view-search-view .views-row,
.view-search-news .views-row{
    margin-top: 48px;
}
.view-search-explore .views-row .views-field-title,
.view-search-view .views-row .views-field-title,
.view-search-news .views-row .views-field-title{
    font-size: 18px;
    line-height: 25px;
    margin: 0 auto;
    width: 50%;
    margin-bottom: 5px;
}
.view-search-explore .views-row .views-field-title a,
.view-search-view .views-row .views-field-title a,
.view-search-news .views-row .views-field-title a{
    color: #95c11f !important;
}
.view-search-explore .views-row .views-field-body .field-content,
.view-search-view .views-row .views-field .field-content,
.view-search-news .views-row .views-field .field-content{
    font-size: 16px;
    font-weight: 400 !important;
    line-height: 22px;
    margin: 0 auto;
    width: 50%;
    margin-bottom: 5px;
    color: #3C3C3B;
}
[dir=rtl] .region-search-nav .form-item input.form-text,
[dir=rtl] .region-search-devices .form-item input.form-text,
[dir=rtl] .region-search-news .form-item input.form-text{
    background-position: right;
}
[dir=rtl] .view-search-explore .view-header,
[dir=rtl] .view-search-view .view-header,
[dir=rtl] .view-search-news .view-header{
    left: unset;
}
[dir=rtl] .region-search-nav .form-inline .form-item,
[dir=rtl] .region-search-devices .form-inline .form-item,
[dir=rtl] .region-search-news .form-inline .form-item{
    margin: 0 auto;
}
.view-investors-chart-block .chartjs-render-monitor{
    width: 100% !important;
    height: 350px !important;
}

@media (max-width: 768px){

    .view-search-explore .views-row .views-field-title,
    .view-search-view .views-row .views-field-title,
    .view-search-news .views-row .views-field-title{
        width: 100%;
        margin-bottom: 10px;
    }
    .view-search-explore .views-row .views-field-body .field-content,
    .view-search-view .views-row .views-field-body .field-content,
    .view-search-news .views-row .views-field-body .field-content{
        width: 100%;
    }
    .view-search-explore,
    .view-search-view,
    .view-search-news{
        padding-left:10px;
        padding-right: 10px;
    }
    .view-search-explore .views-row,
    .view-search-view .views-row,
    .view-search-news .views-row{
        margin-top: 30px;
    }
    .view-search-explore .view-header,
    .view-search-view .view-header,
    .view-search-news .view-header{
        position: static;
        width: 100%;
        padding-top: 20px;
    }
    .search-page header .region-search-nav{
        display: none !important;
    }
    .search-page .resp-search-button{
        display: none;
    }
    .header-style-Business .region-search-nav .form-item input.form-text{
        color: black;
    }
}
/*End Search Page Style*/
.ui-widget-overlay + div {
    transform:scale(0.77);
    -webkit-transform:scale(0.77);
    transform-origin:0 0;-webkit-transform-origin:0 0;
}
.webform-submission-main-form-form{
  display:none;
}

#owl-subcategory-page .subcategory-tab{
    cursor: pointer;
}
.benefit-item .benefit-img-container{
    width: 100px;
    height: 100px;
    margin: 15px auto;
    position: relative;
}
.benefit-item .benefit-img-container img{
    width: auto;
    position: absolute;
    top: 50%;
    right: 50%;
    word-break: break-word;
    -webkit-transform: translate(50%, -50%);
    -moz-transform: translate(50%, -50%);
    -o-transform:translate(50%, -50%);
    -ms-transform: translate(50%, -50%); /* IE 9 */
    transform: translate(50%, -50%);
}
.form-item-reason{
    display:inline-block;
    margin-left:0px !important;
    margin-top:0px;
}
.form-item-reason label{
    margin-top: 8px !important;
}
.ui-dialog .ui-dialog-buttonpane{
    display: none;
}
.ui-dialog .ui-dialog-content{
    margin-bottom: 10px;
}
.ui-dialog .webform-button--submit{
    width: 150px !important;
    height:40px !important;
    overflow: visible !important;
}
article[about="/en/personal/packages"] #full-page-container > section:first-child,
article[about="/ar/personal/packages"] #full-page-container > section:first-child {
    padding-top: 2em!important;
    padding-bottom: 2em!important;
}

.owl-stage-outer {
    z-index: 100;
}

article[about="/en/home"] .packages-item .btn-zain, article[about="/ar/home"] .packages-item .btn-zain {
    z-index: 100;
}

.tparrows:before {
    font-weight: bold;
}

/* .owl-tab-slider .paragraph-tab.active a {
    background: #95c11f!important;
    color: white!important;
}

.owl-tab-slider .paragraph-tab.active .text {
    color: white!important;
}

.owl-tab-slider .paragraph-tab.active .tab-icons .tab-icon {
    display: none!important;
}

.owl-tab-slider .paragraph-tab.active .tab-icons .tab-icon-hover {
    display: block!important;
} */
.complaint-info.error{
    color: rgb(60,60,59);
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 40px;
    text-transform: none;
}

.device-info .owl-nav {
    z-index: 200;
}

.header-style-Business .navbar-btn {
    margin-top: 20px;
    margin-bottom: 20px;
}

.header-style-Drone .navbar-btn {
    margin-top: 20px;
    margin-bottom: 20px;
}

.view-vas-home-view .owl-nav {
    z-index: 200;
}

.region-search-nav .form-item {
    position: relative;
    top: 12px;
}

.search-page .search-icon {
    display: none;
}
.benefits-section{
    text-align: center;
    margin: auto;
}
.benefits-section .owl-stage{
    margin:auto;
}
.benefit-title{
    font-size: 20px;
    font-weight: 700;
    line-height: 27px;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.benefit-description{
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}
.benefits-section h2{
    margin-bottom: 30px;
    font-size: 20px;
    font-weight: 700;
    line-height: 27px;
    text-align: center;
    text-transform: uppercase;
}
.benefit-item{
    width: 200px;
    margin:auto;
}
.user-login-form {
    height: 200px;
    width: 300px;
    display: block;
    margin: 0 auto;
}

.webform-submission-form .form-item input[type="time"].form-control,
.webform-submission-form .form-item input[type="date"].form-control {
    padding: 10px 20px;
    min-width: 95%;
}

/* Chrome, Safari, Edge, Opera */
input.sms-form-val-input::-webkit-outer-spin-button,
input.sms-form-val-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input.sms-form-val-input {
  -moz-appearance:textfield;
}
.success-home-btn a {
    color: white !important;
    text-decoration: none !important;
}
button.resend-verf-btn[disabled=disabled] {
    cursor: not-allowed;
}
.resend-verf-btn.lds-dual-ring:after{
    top:-10px;
}
.map-info-below .lds-dual-ring:after{
    top: -13px;
}
.quarter a {
    padding: 15px;
    border-radius: 50%;
    background: #ffffff;
    box-shadow: 1px 1px 8px rgba(0,0,0,0.1);
}
.navbar-nav .dropdown-menu .is-active{
    color: #00a19a !important;
}
.email-us-form > .form-item {
    position: relative;
    height: 114px;
}

.email-us-title {
    display: initial;
    position: absolute;
    bottom: 52px;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, 0);
    height: 45px;
    width: 350px;
    color: #3c3c3b;
    font-family: "Nunito Sans";
    font-size: 24px;
    font-weight: 700;
    line-height: 33px;
    text-transform: uppercase;
    text-align: center;
}

[dir=rtl] .email-us-title {
    font-family: "QTZain Regular";
    bottom: 50px;
}


.header-video.full-screen-video video {
    width: 100%;
    height: calc( 100vh - 126px );
}

#chat-widget-container{
    right:10px!important;
    bottom:10px!important;
}

div#minimizedChat, div#minimizedChat img {
    width: 60px!important;
    height: 60px!important;
}

.view-empty article div:nth-child(2) {
    display: none;
}
.view-empty article div img {
    margin: auto;
}
.ui-widget-overlay ~ div{
    z-index:99999;
}

button.owl-next:before {
    position: absolute;
    right: 0px;
}

button.owl-prev:before {
    position: absolute;
    left: 0px;
}

.alert-danger {
  color: #FF0700 !important;
  background-color: rgba(255,7,0,0.1) !important;
  border-color: transparent !important;
  text-align: center !important;
}

.alert-danger ul{
  list-style-type: none !important;
}

.alert-danger .close{
  opacity: 1 !important;
  float: right !important;
}

[dir=rtl] .alert-danger .close{
  opacity: 1 !important;
  float: left !important;
}

/* My Zain Login Section */
.direct-access-connect .btn-zain{
    margin: 15px auto;
}

.hello-userbox{
  width: 115px;
  color: #00a19a;
  display:inherit;
}

#block-languageswitcher--2 ul .is-active {
    display: none;
}

#block-languageswitcher--2 ul a {
    color: #3c3c3b!important;
}

.last-updated {
    color:#9b9b9b;
    font-weight: bold;
    margin-top: 16px;
}

.last-updated-date {
    font-weight: normal;
}

.apple-steps-section .owl-stage-outer .owl-stage {
    margin:auto;
}

.apple-steps-section .owl-item div {
    width: 256px;
    margin-right: 24px;
    margin-left: 12px;
}

.apple-steps-section h1 {
    margin-top:18px!important;
    margin-bottom:12px!important;
}
.apple-steps-section .owl-item img {
    height: 500px;
    width: 256px;
}
.apple-welcome-icons {
    display:flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.apple-welcome-icons-item{
    display: inline-block;
    max-width: 100%;
    vertical-align: top;
}
.apple-welcome-icons-item p{
    margin-top: 20px;
}

.apple-welcome-icons-item img {
    transition: all .2s ease-in-out;
}

.apple-welcome-icons-item img:hover {
    transform: scale(1.1);
}

.apple-welcome-text strong {
    font-family: "Nunito Sans Bold", sans-serif!important;
}
.apple-steps-section {
    margin-bottom: 20px;
}
.apple-steps-separator {
    border-top: 1px dashed #c5c5c5;
}

.apple-disclaimer p {
    width: 50%;
    margin: auto;
    text-align: center;
}

@media (max-width: 768px){
    .apple-steps-section .owl-item div {
        margin-left: 32px;
    }

    .apple-welcome-icons{
        justify-content: space-evenly;
        flex-flow: row wrap;
    }

    .apple-welcome-icons-item {
        flex: 0 50%;
    }
}

.col-text-campaign {
    display: inline-table;
    width: 50%;
    vertical-align: middle;
    padding-left: 5em;
    padding-right: 5em;
}

.col-image-campaign {
    display: inline-table;
    width: 50%;
    vertical-align: middle;
}

.csi-card{
    height: auto;
    padding-top: 100px;
    padding-bottom: 70px;
    display: inline-table;
    background: white;
    box-shadow: 0px 2px 20px rgba(194,193,193,0.5);
    -moz-box-shadow: 0px 2px 20px rgba(194,193,193,0.5);
    -webkit-box-shadow: 0px 2px 20px rgba(194,193,193,0.5);
}

.col-text-campaign p{
    color: #3c3c3b;
    font-size: 14px;
    font-weight: 500;
    line-height: 27px;
}

.col-text-campaign h1 {
    font-size: 30px;
    font-weight: 900;
    margin-bottom: 30px;
    line-height: 1.5;
}

.news-summary {
    font-weight: bold;
    font-style: italic;
    font-size: 16px;
    font-family: "Nunito Sans Bold", sans-serif!important;
    margin-bottom: 20px;
}

[dir=rtl] .news-summary{
    font-size: 17px;
}

.tadawul-page .abus-content tr {
    padding: 15px 0;
    border-top: dashed 1px #E6E4E7;
}

.tadawul-page .abus-content table{
    width: 100%!important;
    border-bottom: solid 3px #E6E4E7!important;
}
.tadawul-page .abus-content tbody,
.tadawul-page .abus-content thead{
    /* width: 100%; */
    width: fit-content;
    width:-moz-fit-content;
    margin: auto;
    display: block;
}
.tadawul-page .abus-content tr{
    /* margin: auto;
    display: block; */
    display: table-row;
    width: fit-content;
    width:-moz-fit-content;
}
.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: 14px!important;
    font-weight: 400;
    line-height: 19px;
    margin-bottom: 0;
}

.tadawul-page .abus-content.longtext-table table td, .tadawul-page .abus-content.longtext-table table th {
    width: 400px !important;
    border: 0!important;
}
.tadawul-page .abus-content table td,
.tadawul-page .abus-content table th{
    padding: 10px 5px;
    word-break: break-word;
}
.tadawul-page .abus-content table td,
.tadawul-page .abus-content table th{
    width: 200px !important;
    /* min-width: 170px !important;
    max-width: 240px; */
    vertical-align: middle;
    text-align: center;
}
.tadawul-page .abus-content table td strong{
    font-size: 24px !important;
}
.tadawul-page .abus-content table td:last-child a,
.tadawul-page .abus-content table tr:last-child td a{
    background: #ffffff;
    border: 0;
    -moz-box-shadow: 2px 2px 12px rgba(0,0,0,0.1);
    -webkit-box-shadow: 2px 2px 12px rgba(0,0,0,0.1);
    box-shadow: 2px 2px 12px rgba(0,0,0,0.1);
    color: #95c11f;
    font-size: 16px !important;
    font-weight: 700;
    line-height: 22px;
    text-align: center;
    text-transform: uppercase;
    padding: 10px 20px;
    border-radius: 20px;
    font-size: 16px !important;
    text-decoration: none !important;
    width:150px !important;
}
.tadawul-page .abus-content table th,
.tadawul-page .abus-content table th p,
.tadawul-page .abus-content table th strong {
    font-size: 14px!important;
    font-weight: 400;
    line-height: 19px;
}

.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: 18px!important;
    font-weight: 400;
    line-height: 25px;
    margin-bottom: 0;
    padding: 20px 5px;
}

.tadawul-page .abus-content table tr td h1, .tadawul-page .abus-content table tr td h1 strong {
    font-size: 24px;
    font-weight: 700;
    line-height: 25px;
}

.tadawul-page .abus-content table tr td h2, .tadawul-page .abus-content table tr td h2 strong {
    font-size: 18px;
    font-weight: 700;
    line-height: 25px;
}
.tadawul-page .abus-content table{
    margin: 10px auto !important;
    border: none;
}

.tadawul-page .abus-content table{
    width:auto !important;
    overflow-x: auto;
    display: block;
}

[dir=rtl] .complaint-column {
    text-align: right;
    float: right;
}
/* Fix button for packages */

#owl-packages-page .owl-nav button.owl-next:before {
    position: absolute;
    transform: translate(-11px, -10px);
    right: 0;
}

#owl-packages-page .owl-nav button.owl-prev:before {
    position: absolute;
    transform: translate(11px, -11px);
}
#owl-packages-page .owl-nav button.owl-next{
    right: -5%;
}
#owl-packages-page .owl-nav button.owl-prev{
    left: -5%;
}
#owl-packages-page .owl-nav button {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: rgba(153, 181, 70, 0.3);
}
#owl-packages-page button.owl-prev:before {
    background-image: url(/themes/zain_theme/img/green_left.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
#owl-packages-page button.owl-next:before {
    background-image: url(/themes/zain_theme/img/green_right.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
/* Fix for devices button */

#owl-packages-page .owl-packages-devices .owl-nav button.owl-next:before {
    position: absolute;
    transform: unset;
    right: 0;
}

#owl-packages-page .owl-packages-devices .owl-nav button.owl-prev:before {
    position: absolute;
    transform: unset;
}
#owl-packages-page .owl-packages-devices .owl-nav button.owl-next{
    right: 0;
}
#owl-packages-page .owl-packages-devices .owl-nav button.owl-prev{
    left: 0;
}
#owl-packages-page .owl-packages-devices .owl-nav button {
    width: unset;
    height: unset;
    border-radius: 0;
    background: transparent;
}

#owl-packages-page .owl-packages-devices button.owl-prev:before {
    background-image: url(/themes/zain_theme/img/icon_left_arrow.svg);
}
#owl-packages-page .owl-packages-devices button.owl-next:before {
    background-image: url(/themes/zain_theme/img/icon_right_arrow.svg);
}

.region-menu-navigation .navbar-nav>li>a {
    text-transform: unset;
}
#device-desc{
	font-size: 14px;
	max-height: 40px;
    overflow: hidden;
	margin-bottom: 10px;
}
.btn-zain-dark {
    background: #00a19a;
	font-size: 12px;

}
.btn-zain-dark:hover,.btn-zain-dark:focus {
    background: #00a19a;

}
/*new old benefit*/


p.package-info {
    text-align: left;
}
[dir=rtl] p.package-info {
    text-align: right;

}
.old_benefit {
  text-decoration: line-through;
  color: #9B9B9B;
  font-weight: bold;

}
.new_benefit {
  color: #00a19a;
  font-weight: bold;
  padding: 5px;
  font-size: 15px;
}
[dir=rtl] .old_benefit{
	float: right;
    padding-left: 5px;
}
[dir=rtl] .new_benefit{
	direction: rtl;
	font-size: 16px;
}

.owl-carousel .package-feature .package-info img {
    margin: 0;
}
.owl-carousel .package-feature img{
	margin-right: 10px;
}
[dir=rtl] .owl-carousel .package-feature img{
	margin-left: 10px;
	margin-right: 0px;
}
p.package-old-price{
	text-decoration: line-through;
	color: #00a19a !important;
	font-size:13px !important;
	font-weight: bold !important;
	display: block !important;
	padding-bottom: 10px !important;
}
.owl-carousel .package-feature .package-info .new_unlimited{
	display: inline-block !important;
    margin: 0px 10px;
}
.new_benefit_title{
	text-align: left;
	display: block;
}
[dir=rtl] .new_benefit_title{
	text-align: right;
}
.old_price{
	text-decoration: line-through;
	color: #00a19a !important;
	font-size:20px !important;
	font-weight: bold !important;
	display: block !important;
	padding-bottom: 10px !important;
	min-height: 30px;
}
/*packages offer label*/
.package_offer_label{
	position: absolute;
    top: 62px;
    background-color: #95c11f;
    left: 0px;
    padding: 5px 15px 3px 15px;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 12px;
    margin: 3px 0px;
    line-height: 12px;
}
[dir=rtl] .package_offer_label{
    right: 0px;
	left: unset;
}
.coordinatesLabels{
    font-weight: bold !important;
}
.link-only, .link-only:hover, .link-only:active, .link-only:focus{
	background: transparent !important;
    box-shadow: none;
}
.smallerBtn{
	font-size:9px;
	padding:0px 5px;
}
[dir=rtl] .smallerBtn{
	font-size:13px !important;
}
/*vas lp*/
.owl-vas-lp .item {
    text-align: center;
    padding: 20px;
    display: block;
    margin: auto;
    padding-bottom: 0;
    padding-bottom: 0;
    padding-bottom: 0;
}

.owl-vas-lp .item .round-icon {
    background: white;
    display: block;
    border-radius: 50%;
    width: 110px;
    height: 110px;
    padding: 20px;
    margin: auto;
    box-shadow: 2px 2px 12px rgba(0,0,0,0.1);
    -moz-box-shadow: 2px 2px 12px rgba(0,0,0,0.1);
    -webkit-box-shadow: 2px 2px 12px rgba(0,0,0,0.1);
    -webkit-transition: all 150ms linear;
    -ms-transition: all 150ms linear;
    transition: all 150ms linear;
    outline: none;
}

.owl-vas-lp .item .round-icon:hover, .owl-vas-lp .item .round-icon:focus, .owl-vas-lp .item .round-icon.vasGreen{
    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;
}

.owl-vas-lp .item .round-icon img {
    width: auto;
    display: block;
    margin: auto;
}
.owl-vas-lp .item .round-icon p {
    font-size:16px;
	font-weight:bold;
}
.owl-vas-cats{
	display:none;
	margin-top:15px;
	min-height:101px;
}
.owl-vas-lp .owl-item.active:first-child .item > .owl-vas-cats{
	display:block;
}
.owl-vas-cat,.cal-package-item {
    background: #ffffff;
    border: 0;
    box-shadow: 2px 2px 12px rgba(0,0,0,0.1);
    -moz-box-shadow: 2px 2px 12px rgba(0,0,0,0.1);
    -webkit-box-shadow: 2px 2px 12px rgba(0,0,0,0.1);
    padding: 5px 10px;
    border-radius: 22px;
    width: fit-content;
    width: -moz-fit-content;
    display: inline-block;
    margin: 2px 0;
    height: 40px;
	width:100px;
}
.owl-vas-cat img{
	width:auto !important;
	margin:0px auto;
	padding-top:5px;
}
.grey-bg{
	background-color:#d7cdcd1a;
}
.vas-title{
	margin-top:0px;
}
.vas-cond{
	color:#00a19a;
	font-weight:bold;
	font-size:20px;
}
.vas-packages, .packages-calculator{
	border-radius: 15px;
	background-color:#ffffff;
}
.vas-package, .vas-home-package, .cal-package-item{
	width: 100%;
    text-align: center;
    font-size: 16px;
    line-height: 16px;
    padding: 15px 20px;
	margin: 10px 0px;
	height:auto;
	border: 1px solid #ffffff;
	cursor:pointer;
}
.vas-cat{
	margin:10px 0px;
	width: 100%;
    border: 1px solid #0000001a;
	box-shadow: 0 9px #0000001a;
}
.center-col{
	float:none;
	margin:0px auto;
}
.vas-package.selected, .vas-home-package.selected{
	border: 1px solid #00a19a;
}
.vas-cat.selected{
	border: 1px solid #00a19a;
	box-shadow: 0 3px #918e8e;
   transform: translateY(4px);
}
.vas-table{
	border: 1px solid #ddd;
	border-radius: 10px;
	padding: 0px 20px;
	width:1040px;
	margin:0px auto;
}
.vas-table .table{
	margin-bottom:0px;
	width:1000px;
	text-align:center;
}
.vas-table .table > thead > tr > th{
	color:#00a19a;
	text-transform:uppercase;
	font-weight:bold;
	text-align:center;
	width:25%;
}
.vas-table .table > tbody > tr > th{
	text-align:center;
}
.vas-table .table > thead > tr > th, .vas-table .table > tbody > tr > th, .vas-table .table > tfoot > tr > th, .vas-table .table > thead > tr > td, .vas-table .table > tbody > tr > td, .vas-table .table > tfoot > tr > td{
	padding:20px;
	border-top: 1px dashed #ddd;
}
.stickyvas{
	position:fixed;
	bottom:0px;
	background-color:#ffffff;
	z-index:10000;
	width:100%;
	padding: 10px 0px !important
}
.selectedrow, .cal-result-footer{
	display:flex;
    align-items:center;
}
.selectedPkg{
	
	
	font-weight:bold;
	font-size:18px;
	border-bottom: 1px solid #ddd;
	padding-bottom:5px;
}
.selectedvas{
	font-weight: bold;
    border-bottom: 1px dashed #ddd;
    width: 33%;
	padding:10px 0px;
	display:none;
}
.selectedvas.selected{
	display:inline-block;
}
.vasSubmit{
	cursor:pointer;
	padding:0px 30px;
	min-width: auto;
}
#vasModal .modal-dialog {
  position:absolute;
  top:50% !important;
  transform: translate(0, -50%) !important;
  -ms-transform: translate(0, -50%) !important;
  -webkit-transform: translate(0, -50%) !important;
  margin:auto 25%;
  width:50%;
  height:60%;
}
#vasModal .modal-content {
  min-height:100%;
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
}
#vasModal .modal-header{
	border-bottom:none;
}
#vasModal .modal-body {
  position:absolute;
  top:80px; /** height of header **/
  bottom:45px;  /** height of footer **/
  left:0;
  right:0;
  overflow-y:auto;
  padding:0px 15px;
}
#vasModal .selectedPkg{
	color:#333333;
	text-align:center;
	font-size:20px;
	border-bottom:none;
	padding:10px 0px;
}
#vasModal .subscribeVas{
	display:none;
}
#vasModal .subscribeVas.selected{
	display:block;
	display: flex;
    align-items: center;
	border-top: 1px dashed #ddd;
	padding:10px 0px;
	margin:0px 10px;
}
.VasSubscribe{
	width:fit-content;
	margin:0px auto;
	cursor:pointer;
}
.disabled{
	cursor: not-allowed;
	opacity:0.5;
	box-shadow:none;
	-webkit-box-shadow:none;
}
.processing-msg span.success-result::after{
  content:"\2713";
  display: inline-block;
  width: 25px;
  height: 25px;
  position: absolute;
  right: -25px;
  top: 7px;
  color: #9AD400;
  font-size: 20px;
}
.processing-msg span.error-result::after{
  content:"\00d7";
  display: inline-block;
  width: 25px;
  height: 25px;
  position: absolute;
  right: -25px;
  top: 2px;
  color: red;
  font-size: 25px;
}
[dir=rtl] .processing-msg span.error-result::after,[dir=rtl] .processing-msg span.success-result::after{
  right: auto;
  left: -25px;
}
.subscribeVas img{
  padding: 5px 0px;
}
.processing-msg{
  text-align:  center;
  height: 60px;
  margin-top: -30px;
}
.processing-msg span{
  position: relative;
  margin: 10px 0px;
  padding: 10px 0px;
  display: inline-block;
}
.reloadVAS{
  margin: 0px 10px;
  color: green;
  cursor: pointer;
}
/*platinum game*/
.main-form button.gaming_submit {
    display: block;
}
.zain_gamin_form .radios--wrapper legend{
	color: #3C3C3B;
    font-size: 14px;
    font-weight: 900;
    display: block;
    margin-top: 18px;
}
.gaming-results .success-web-form{
	max-width:100%;
	padding:0px 20px 20px 20px;
	text-align:left;
}
.gaming-results .complaint-splitter{
	width:100%
}
.gaming-results .complaint-info, .gaming-DT{
	padding-bottom:20px;
}
.gaming-results img{
	padding-right:10px;
}
.gaming-results .complaint-info{
	width:100%;
}
.gaming-avg-img{
	display:inline-block;
	vertical-align:top;
}
.gaming-avg-txt{
	display:inline-block;
	text-transform:lowercase;
	font-size:18px;
}
.gaming-avg-note{
	color: #333333;
	font-size:13px;
	line-height:15px;
	padding-left:50px;
	text-transform:none;
}
[dir=rtl] .gaming-avg-note{
	padding-left:0px;
	padding-right:50px;
}
.gaming-avg-txt p{
	font-size:12px;
	line-height:12px;
}
.gaming-avg-txt span{
	font-size:12px;
}
.traceheader{
	color: #00a19a;
	font-size:18px;
	padding-bottom:10px;
	font-weight:bold;
}
.padT10{
	padding-top:10px;
}
.traceresults{
	font-size:12px;
	width:80%;
	padding-left: 34px;
}
.more-trace{
	color:#95c11f;
	font-size:12px;
	cursor:pointer;
	padding-left:10px;
	position:relative;
	padding-right:40px;
}
.more-traces::after {
	content: "\2304";
    font-size: 18px;
	position: absolute;
    top: -10px;
	margin-left:5px;
	right:20px;
}
.less-traces::after {
	content: "\2303";
    font-size: 18px;
	position: absolute;
    bottom: -10px;
	margin-left:5px;
	right:20px;
}
.gaming-results img{
	vertical-align:bottom;
}
.success-title img{
	vertical-align:middle;
}
[dir=rtl] .gaming-results .success-web-form{
	text-align:right;
}
[dir=rtl] .gaming-results img{
	padding-right:0px;
	padding-left:10px;
}
[dir=rtl] .more-trace{
	padding-right:10px;
	padding-left:40px;
	float:left !important;
	width: 25px;
}
[dir=rtl] .traceresults{
    direction: ltr;
    text-align: left;
	padding-left:0px;
	padding-right:34px;
}

[dir=rtl] .complaint-info{
	text-align:right !important;
}
[dir=rtl] .gaming-results-ad{
	float:left;
}
[dir=rtl] .gaming-results{
	float:right;
}
[dir=rtl] .complaint-info, [dir=rtl] .gaming-results{
	font-family: "QTZain Regular";
}
.main-form button.gaming_submit, .main-form button.gaming_submit:hover, [dir=rtl] .main-form button.gaming_submit:hover{
	padding:0px;
	font-size:12px;
}
[dir=rtl] .more-traces::after, [dir=rtl] .less-traces::after {
	margin-left:0px;
	right:40px;
}
[dir=rtl] .traceheader{
	float:right !important;
}
.gaming-cta{
	width:80%;
	border:none;
}
.btn-center{
	margin-left:auto;
	margin-right:auto;
}
/*Home OTT*/
.ott-number{
	color:#95c11f;
	font-size:70px;
	font-weight:bold;
}
#home-ott .vas-package.selected, .vas-home-package.selected, .cal-package-item.selected{
	color:#00a19a;
}
.custom-width{
	width: 100%;
    max-width: 320px;
    margin: 0px auto;
}
.pckg-note{
	padding:30px 0px;
}
#home-ott label{
	text-align:left;
}
#home-ott .vas-title,#home-ott  .vas-cond{
	color:#00a19a;
	margin:30px 0px;
}
#home-ott a {
    color: #95c11f;
}
.home-ott-unsubscribe{
	padding:30px 0px;
	font-size:12px;
}
#home-ott .vas-package, .vas-home-package{
	font-size:15px;
}
/*special users LP*/
.high-value .packages-item{
	background:#1C1C1E;
	color:#ffffff;
	box-shadow: 4px 0px 20px 0px rgba(0,0,0,0.3);
	-webkit-box-shadow: 4px 0px 20px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 4px 0px 20px 0px rgba(0,0,0,0.3);
	border: 1px solid rgba(255, 255, 255, .4);

}
.high-value .packages-item h4,.high-value .package-devices h5, .high-value p.package-info, .high-value .package-devices p,.high-value p.package-price, .high-value p.package-price > span:first-child,.high-value .package-feature.disabled .package-info, [dir=rtl] .high-value p.package-price,.high-value ul.faq-menu li a, .high-value ul.new-responsive-carousel li a, .high-value .section-title, .high-value .benefit-description, .high-value .accordion li.active .accordion__content p, .high-value .benefit-text, .high-value .important-packages >p, .high-value .important-packages li{
	color:#ffffff;
}
.high-value .device-info{
	border-top: 1px dashed #ffffff;
}
.high-value .btn-zain ,.high-value .btn-zain:hover,.high-value .btn-zain:focus{
	background: #D8D8D8;
	box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.1);	
	color: #000000;
}
.high-value .btn-zain-white ,.high-value .btn-zain-white:hover,.high-value .btn-zain-white:focus{
	color:#ffffff;
}

.high-value #owl-packages-page .owl-packages-devices button.owl-prev:before {
    background-image: url(/themes/zain_theme/img/icon_left_arrow_white.svg);
}
.high-value #owl-packages-page .owl-packages-devices button.owl-next:before {
    background-image: url(/themes/zain_theme/img/icon_right_arrow_white.svg);
}
.high-value .package-info, [dir=rtl] .high-value .package-feature .package-info{
	text-align:center;
}
.high-value #owl-packages-page .packages-item.selected{
	border: 2px solid #ffffff;
}
.high-value{
	background:#323232;
}
.high-value .accordion li .accordion__title,.high-value .paragraph-tab{
	background:#323232;
}
.high-value .faq-display .accordion li .accordion__title span,.high-value .accordion li .accordion__title span{
	color:#ffffff;
}
.high-value .accordion.info-acc .active .accordion__content{
	background: #666666;
	color:#ffffff;
}
.high-value .package-green-section{
	background:rgb(255 255 255 / 7%);
}
.high-value a, .high-value a:active, .high-value a:hover, .high-value a:focus {
    color: #95c11f;
}
.high-value .important-benefits{
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
	background:#1C1C1E;
}
.high-value li.active .accordion__title::after{
	color:#ffffff;
}
.high-value .accordion li .accordion__title,.high-value .accordion li.active .accordion__title{
	border-bottom: solid 1px #848484;
}
.high-value #full-page-container{
	background-image: url(/themes/zain_theme/img/Active-Pattern2.svg);
	background-size: auto;
    background-repeat: no-repeat;
    background-position: left 10% top -4%;
}
.high-value .accordion li:first-child .accordion__title{
	border-top: solid 1px #848484;
}
.high-value #packages-menu{
	padding-top: 20px;
}
[dir=rtl] .high-value #full-page-container{
	background-image: url(/themes/zain_theme/img/Active-Pattern2AR.svg);
    background-position: right 10% top -4%;
}
.high-value #owl-packages-page .owl-stage {
    padding: 50px 0;
}
.high-value .owl-theme .owl-dots .owl-dot.active span, .high-value #owl-packages-page .owl-dots .owl-dot.active span,.high-value .owl-theme .owl-dots .owl-dot span,.high-value #owl-packages-page .owl-dots .owl-dot span{
	background:#ffffff;
}
/*special users OTT*/

.vip-ott-bg{
	background: #545454;
	color:#ffffff;
}
.vip-ott-bg h3{
	color:#ffffff;
}
.vip-ott-bg .section-title{
	color:#B6B6B6;
}
.vip-ott-block{
	background: #323232;
	box-shadow: 0px 4px 20px 0px #0000004D;
}
.vip-ott-footer{
	background: #3C3C3B;
	color:#ffffff;
}
.zain-green{
	color:#95C11F !important;
}
.vip-ott-bg .owl-vas-cat, .vip-ott-bg .cal-package-item{
	background: #545454 !important;
	color:#ffffff;
	font-weight:bold;
	border: 1px solid #FFFFFF66;
}
.vip-ott-bg .owl-vas-cat.selected, .vip-ott-bg .cal-package-item.selected{
	background: #E0E0E0 !important;
	color:#454545;
	font-weight:bold;
	border: 1px solid #FFFFFF66;
	box-shadow:none;
	transform:none;
}
.vip-ott-bg hr{
	border-top: 1px dashed #E6E4E7;
}
.vip-ott-footer .selectedvas{
	border-bottom:none;
}
.vip-ott-response{
	background: #323232;
	box-shadow: 0px 4px 20px 0px #0000004D;
	color:#ffffff;
}
.vip-ott-response .success-title,.vip-ott-response .ott-response-number{
	color:#95C11F;
	font-size:24px;
}
.vip-ott-response .complaint-info{
	color:#ffffff;
	font-size:14px;
	text-transform:none;
}
.geforce-ott-response{
	padding:10px 0px;
	
}
.geforce-ott-response a{
	color:#95C11F !important;
	
}
.ott-response .complaint-info{
	font-size:14px;
}
/*Package  calculator LP*/
.cal-title{
	color: #95c11f;
}
.cal-config-title{
	font-weight:bold;
	text-transform:uppercase;
	font-size:14px;
}
.cal-result-title, .cal-result-data, .cal-result-finalT{
	font-size:14px;
	text-align:center;
	font-weight:bold;
	padding-bottom:8px;
}
.cal-result-finalT{
	font-weight:normal;
}
.cal-result-final{
	color: #95C11F;
	font-size:24px;
	text-align:center;
	font-weight:bold;
}
.vat-cal{
	color: #9B9B9B;
	text-align:center;
	font-size:12px;
}
.cal-package-item.selected, .cal-pckg-color-outer.selected{
	border: 2px solid #00a19a;
}
.cal-disabled-item{
	opacity:0.6;
	cursor:not-allowed;
	pointer-events: none;
}
.cal-package-item{
	font-size:14px;
	border: 2px solid #ffffff;
}
.flex-row{
	display: flex;
    align-items: center;
}
.col-md-auto{
	max-width:fit-content;
	display:inline-block;
	padding:0px 15px;
}
.cal-pckg-color{
	border-radius: 50px;
    border: 3px solid #ffffff;
    width: 30px;
    height: 30px;
	cursor:pointer;
	box-shadow: 2px 2px 12px rgba(0,0,0,0.1);
    -moz-box-shadow: 2px 2px 12px rgba(0,0,0,0.1);
    -webkit-box-shadow: 2px 2px 12px rgba(0,0,0,0.1);
}
.cal-pckg-color-outer{
	border-radius: 50px;
    margin: 20px 0px;
	border: 2px solid #ffffff;	
}
.vip-ott-bg .cal-pckg-color-outer,.vip-ott-bg .cal-pckg-color{
	border: none;
}
.vip-ott-bg .cal-pckg-color-outer.selected{
	border: 2px solid #ffffff;
}
#device-image{
    max-height: 70px;
}
.device-image-container{
    text-align: center;
}
[dir=rtl] .packages-calculator .col-md-2 {
    float: right !important;
}
/*Package OTT benefits*/
.ott-benefits {
    background: #ffffff;
    box-shadow: 0px 2px 20px rgba(194,193,193,0.5);
    -moz-box-shadow: 0px 2px 20px rgba(194,193,193,0.5);
    -webkit-box-shadow: 0px 2px 20px rgba(194,193,193,0.5);
    padding: 18px 18px 2px 18px;
    border-radius: 12px;
    margin: 28px auto 15px auto;
	transition: all ease 0.5s;
    width: 92%;
    position: relative;
	font-size:18px;
	
}
.ott-benefits.selected {
	width:100%;
	border: 2px solid #00a19a;
}
.ott-benefits h5{
	color: #95C11F;
	font-size:15px;
	text-transform: uppercase;
	font-weight:bold;
	margin:0px;
}
.ott-benefits hr{
	margin-top:10px;
	margin-bottom:0px;
}
.high-value .ott-benefits{
	background:#1C1C1E;
	color:#ffffff;
	box-shadow: 4px 0px 20px 0px rgba(0,0,0,0.3);
	-webkit-box-shadow: 4px 0px 20px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 4px 0px 20px 0px rgba(0,0,0,0.3);
	border: 1px solid rgba(255, 255, 255, .4);

}
.high-value #owl-packages-page .ott-benefits.selected{
	border: 2px solid #ffffff;
}
.high-value .ott-benefits h5{
	color:#ffffff;
}
.ott-benefits-cat{
	padding:15px 0px;
}
.ott-benefits-cat:not(:last-child){
	border-bottom: 0.98px dashed #E6E4E7;
}
.ott-benefits-cat p{
	font-size:14px;
	font-weight:bold;
	padding-bottom:5px;
}
.ott-benefits-cat .package-feature{
	display:inline-block;
}
.ott-benefits .package-feature img, [dir=rtl] .ott-benefits .package-feature img {
	margin-left:15px;
	margin-right:15px;
}
#block-myzainen{padding: 0px;}
/* new main nav */

.navbar-nav li.nav-child_menu-col.dropdown ul.dropdown-menu{
    border: none;
    box-shadow: none;
	border-radius:0px;
	position: relative;
	left: 0px;
	right:0px;
	transform: none;
	padding: 0px;
}
.navbar-nav li.nav-child_menu-col.dropdown ul.dropdown-menu a{
	color: #333333;
	padding: 0px;
	font-weight: 400 !important;
}
.nav-child_menu-col{
	padding:15px !important;
}
.nav-child_menu-col li{
	text-align:left;
}
[dir=rtl] .nav-child_menu-col li{
	text-align:right;
}
.nav-child_menu{
	font-size: 16px;
    white-space: nowrap;
    font-weight: 700;
	border-bottom: 1px solid #e3e3e3;
	text-transform: uppercase;
	line-height: 22px !important;
	display: inline-block;
	padding-bottom: 4px;
	width:100%;
	min-width: max-content;
	text-align:left;
}
[dir=rtl] .nav-child_menu{
	text-align:right;
}
.navbar-nav .dropdown-menu .is-active{color: #3c3c3b !important}
.navbar-nav .dropdown-menu .active-trail{color: #95c11f !important}
.navbar-nav .dropdown-menu {
    min-width: 250px;
    left: 0px !important;
    right: 0px !important;
    transform: none !important;
}
.nav-parent_menu .dropdown-menu{
	min-width: max-content;
}
.nav-parent_menu.mw200 .dropdown-menu{
	min-width: 200px;
}
.page-type-Personal .notification.notification-b2b, .search-b2b, .no-notification-b2b,
.page-type-Business .notification.notification-b2c, .page-type-Business .search-b2c, .page-type-Business .no-notification-b2c,.page-type-Drone .notification.notification-b2c, .page-type-Drone .search-b2c, .page-type-Drone .no-notification-b2c{
    display: none !important;
}
.page-type-Personal .notification.notification-b2c, .search-b2c, .no-notification-b2c,
.page-type-Business .notification.notification-b2b, .page-type-Business .search-b2b, .page-type-Business .no-notification-b2b,.page-type-Drone .notification.notification-b2b, .page-type-Drone .search-b2b, .page-type-Drone .no-notification-b2b{
    display: inline-block !important;
}
/*women tech form*/
[dir=rtl] .form-type-checkbox label:before{
    background-position: right;
}
.webform-submission-women-tech-form-form  label.control-label, .webform-zain .form-inline .control-label{
	font-size: 16px;
}
.clearFloats{
	display: block;
    content: "";
    clear: both;
}
.webform-submission-women-tech-form-form #edit-interested-in-help-with option{
	font-size:15px;
}
[dir=rtl] .webform-submission-women-tech-form-form .col-md-2, [dir=rtl] .webform-submission-women-tech-form-form .col-xs-6, [dir=rtl] .webform-submission-women-tech-form-form .col-sm-6, [dir=rtl] .webform-submission-women-tech-form-form .col-sm-2{
	float:right;
}
.colNoPadRight{
	padding-right: 0px;
}
.colNoPadLeft{
	padding-left: 0px;
}
[dir=rtl] .colNoPadRight{
	padding-left: 0px;
	padding-right: 15px;	
}
[dir=rtl] .colNoPadLeft{
	padding-right: 0px;
	padding-left: 15px;
}

[dir=rtl] .webform-zain .gpa{
	border-left: none;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
	border-right: 1px solid #9B9B9B;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}
[dir=rtl] .webform-zain .gpa-total{
	border-right: none;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
	border-left: 1px solid #9B9B9B;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}
.webform-zain .gpa{
	border-right: none;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
	border-left: 1px solid #9B9B9B;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}
.webform-zain .gpa-total{
	border-left: none;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
	border-right: 1px solid #9B9B9B;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}
/*Employees Referral Vouchers*/

.emp-voucher{
}
.emp-voucher-title{
	color: #95c11f;
	font-size: 26px;
	font-weight: 700;
	line-height: 35px;
	letter-spacing: 0px;
	text-transform: uppercase;
	padding-bottom: 15px;
}
.emp-voucher-text{
	font-size: 16px;
	font-weight: 600;
	line-height: 22px;
	letter-spacing: 0px;
	padding-bottom:20px;
}
.emp-voucher-small{
	font-size: 14px;
	font-weight: 700;
	line-height: 19px;
	letter-spacing: 0px;
	text-align: left;
	margin-bottom:17px;
}
.emp-voucher .btn-zain{
	padding: 0px 40px;
}
.emp-voucher-col{
	margin-bottom: 15px;
}
.emp-voucher-item{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
	text-align: center;
	width: 288px;
    height: 113px;
    margin: 0px auto;
    text-align: center;
    padding-top: 43px;
    padding-left: 36px;
    font-size: 18px;
}
.emp-voucher-new{
	background-image: url(/themes/zain_theme/img/newvoucher.png);
}
.emp-voucher-used{
	background-image: url(/themes/zain_theme/img/usedvoucher.png);
	padding-left: 65px;
}
.emp-voucher-buttons{
	padding-top:40px;
}
.emp-voucher-buttons a, .emp-voucher-buttons button{
	width:240px;
}
.emp-voucher-parag, .new-vouchers, .moreV{
	padding-bottom:30px;
}
#selectedVoucher{
	cursor: copy;
}
#viewUsedVouchers{
	color: #95C11F;
	cursor: pointer;
}