Untitled

 avatar
unknown
plain_text
2 years ago
48 kB
6
Indexable
<style>
html body .CMS-shahryAddons .cards-section .plans{
    margin-bottom: 6%;
}
html body .CMS-shahryAddons .cards-section .plans .eg-card p{
    min-height: auto;
}

html body .CMS-shahryAddons .cards-section .plans .eg-card{
    padding: 0;
}

html body .CMS-shahryAddons .cards-section .plans .eg-card.active{
    box-shadow: 0px 0px 10px 6px #c9e4fe;
}

html body .eg-card .eg_heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 30px 20px 25px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

html body .eg-card#sim.active .eg_heading,
html body .eg-card#qatarna.active .eg_heading,
html body .eg-card#shahry.active .eg_heading{
    background: #ff0006;
}

html body .eg-card#sim .eg_heading,
html body .eg-card#shahry .eg_heading,
html body .eg-card#qatarna .eg_heading{
    background: #222a41;
}

html body .eg-card .eg_heading h4{
    font-size: 30px;
    margin: 0;
    color: #fff;
    font-weight: 600;
}

html body .eg-card .eg_mobile {
    display: flex;
    align-items: center;
    color: #fff;
}

html body .eg-card .eg_mobile img{
    width: 15px;
}

html body .eg-card .eg_mobile p{
    line-height: 15px;
    font-size: 12px;
    margin-left: 5px;
    text-transform: uppercase;
    opacity: 0.9;
}

html body .eg_plan_name {
    text-align: center;
    background: #ffe3e5;
}

html body .eg_plan_name span {
    font-size: 13px;
    color: #898989;
    line-height: 26px;
    padding: 0px 5px;
    position: relative;
}

html body .eg_plan_name span:not(:last-of-type)::after{
    content: '.';
    position: absolute;
    color: #898989;
    right: -3px;
    top: -8px;
}

html body .eg_pricing {
    padding: 35px 0;
    display: flex;
    justify-content: center;
}
html body .eg_from{
    font-size: 26px;
    line-height: 45px;
    color: #898989;
    margin-right: 15px;
}

html body .eg_price {
    font-size: 30px;
    font-weight: 700;
    color: #ed1c24;
}

html body .eg_qr{
    margin-top: 6px;
    margin-right: 4px;
}

html body .eg_month{
    margin-top: 15px;
    color: #898989;
    margin-left: 5px;
}

html body .eg_para{
    padding: 0 20px 30px;
}

html body .eg-card .link-btn{
    margin: 0 20px 0px;
    cursor: pointer;
    color: #222a41 !important;
    width: max-content;
}

html body .eg-card .eg_btns{
    margin-bottom: 30px;
    display: flex;
    flex-wrap: wrap;
}

html body .eg-card.active .link-btn{
    color: #ed1c24 !important;
}

html body .eg-card.active .link-btn.eg_comparePlans{
    display: block;
}

html body .eg-card .link-btn.eg_comparePlans{
    display: none;
}

html body .eg-card .link-btn svg{
    margin-top: -3px;
    fill: #222a41;
    stroke: #222a41;
    margin-left: 10px;
}

html body .eg-card.active .link-btn svg{
    fill: #ed1c24;
    stroke: #ed1b24;
}
  

@keyframes rotate {
    0% {
        margin-left: 8px;
    }
    100% {
        margin-left: 12px;
    }
}

html body .eg_steps > h3{
    color: #000;
}

html body .CMS-shahryAddons .steps-wrap .step p{
    color: #898989;
}

html body .CMS-shahryAddons .steps-wrap .step img{
    width: 40px;
}

html body .eg_plan_name.mobile {
    display: none;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

html body .eg_plan_name.mobile span{
    flex: 1;
    padding: 2px 0;
}

html body .eg_plan_name.mobile span::after{
    display: none;
}

html body .eg_plan_name.mobile span.active{
    background: #ed1c24;
    color: #fff;
}

html body .eg_plan_name.mobile span:nth-of-type(1).active{
    border-bottom-left-radius: 10px;
}

html body .eg-card.active .eg_plan_name.mobile,
html body .eg-card.active .eg_plan_name.mobile span:last-of-type,
html body .eg-card.active .eg_plan_name.mobile span:nth-of-type(1){
    border-radius: 0;
}

/* table */

html body .eg_table table,
html body .eg_table > div{
    width: 100%;
    text-align: center;
}

html body .eg_table tbody tr:not(.buttons):not(.benefits){
    border-bottom: 1px solid;
}

html body .eg_table table tr th{
    padding: 15px;
}

html body .eg_table table thead th{
    color: #898989;
    font-size: 26px;
}

html body .eg_table table th.eg_title{
    background: #ffe3e5;
    min-width: 250px;
}

html body .eg_mobile_table .eg_learn,
html body .eg_table table .buttons .eg_learn{
    font-weight: 400;
    font-size: 13px;
    text-decoration: underline !important;
    font-size: 15px;
    line-height: 18px;
    font-weight: 900;
    color: #ed1c24 !important;
    font-family: "Rubik" !important;
    cursor: pointer;
}

html body .eg_table table .buttons .eg_learn:hover{
    text-decoration: none !important;
}

html body .eg_mobile_table .eg-button,
html body .eg_table table .buttons .eg-button{
    font-size: 14px;
    cursor: pointer;
    background-color: #ed1c24;
    color: #fff;
    height: 34px;
    width: 140px;
    text-align: center;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
}

html body .eg_mobile_table .eg-button{
    margin: 0;
}

html body .eg_table > div{
    display: none;
}

html body .eg_table > div.active{
    display: block;
}

html body .eg-card .eg_mobile_table{
    display: none;
}

html body .eg-card.active .eg_mobile_table > div{
    text-align: center;
    padding: 10px 0;
}

html body .eg-card.active .eg_mobile_table > div:nth-last-of-type(2){
    border-bottom: none !important;
}
html body .eg-card.active .eg_mobile_table > div:not(:last-of-type){
    border-bottom: 1px solid;
}

html body .eg-card.active .eg_mobile_table .eg_title{
    font-weight: 700;
}

html body .eg-card.active .eg_mobile_table .buttons{
    display: flex;
    justify-content: space-around;
    align-items: center;
}

html body .eg_privacyPolicy {
    margin-top: 50px;
    text-align: center;
    padding: 0 20px;
    width: 100%;
}

html body .plans .eg_privacyPolicy{
    display: none;
}

html body tr.eg_pricing_row{
    border-top: 1px solid;
}

@media screen and (max-width: 930px){
    html body .eg_table table .buttons .eg-button{
        font-size: 11px;
        width: 90px;
    }
}

@media screen and (max-width: 767px){
    html body .eg_table,
    html body .eg_plan_name.desktop{
        display: none;
    }
    html body .eg_plan_name.mobile{
        display: flex;
    }

    html body .CMS-shahryAddons .cards-section .plans{
        margin-bottom: 15%;
    }

    html body .eg-card.active .eg_mobile_table.active{
        display: block;
    }

    html body .eg_privacyPolicy br{
        display: none;
    }

    html body .plans .eg_privacyPolicy{
        display: block !important;
    }

    html body .eg-card .link-btn.eg_comparePlans{
        display: none !important;
    }
}
</style>





window.eg_cards = '' +
    '      <div class="card eg-card active" id="shahry">' +
    '          <div class="eg_heading">' +
    '                <h4>Shahry</h4>' +
    '                <div class="eg_mobile">' +
    '                     <img src="https://www.ooredoo.qa/web/wp-content/uploads/2022/01/phone_iphone_black.svg">' +
    '                     <p>Mobile <br>Plans</p>' +
    '                </div>' +
    '          </div>' +
    '          <div class="eg_plan_name desktop">' +
    '                <span>S</span>' +
    '                <span>M</span>' +
    '                <span>L</span>' +
    '                <span>XL</span>' +
    '          </div>' +
    '          <div class="eg_pricing">' +
    '                 <span class="eg_from">From</span>' +
    '                 <span class="eg_qr">QR</span>' +
    '                 <span class="eg_price">130</span>' +
    '                 <span class="eg_month">/Month</span>' +
    '          </div>' +
    '          <p class="eg_para">Best value monthly plans with data, entertainment and more!</p>' +
    '          <div class="eg_btns">' +
    '          <a id="Postpaid_discover_shahry" class="link-btn">DISCOVER  <svg xmlns="http://www.w3.org/2000/svg" width="16" height="10.982" viewBox="0 0 16 10.982"><path class="a" d="M-43.5,16.464h12.991l-3.79-3.609a.5.5,0,0,1-.017-.7.5.5,0,0,1,.7-.017l4.328,4.122a.987.987,0,0,1,.291.7.993.993,0,0,1-.3.71l-4.319,4.114a.494.494,0,0,1-.342.137.5.5,0,0,1-.359-.154.5.5,0,0,1,.017-.7l3.805-3.609H-43.5a.5.5,0,0,1-.5-.5A.5.5,0,0,1-43.5,16.464Z" transform="translate(44.5 -11.439)"/></svg></a>' +
    '               <a class="eg_comparePlans link-btn">Compare Plans  <svg xmlns="http://www.w3.org/2000/svg" width="16" height="10.982" viewBox="0 0 16 10.982"><path class="a" d="M-43.5,16.464h12.991l-3.79-3.609a.5.5,0,0,1-.017-.7.5.5,0,0,1,.7-.017l4.328,4.122a.987.987,0,0,1,.291.7.993.993,0,0,1-.3.71l-4.319,4.114a.494.494,0,0,1-.342.137.5.5,0,0,1-.359-.154.5.5,0,0,1,.017-.7l3.805-3.609H-43.5a.5.5,0,0,1-.5-.5A.5.5,0,0,1-43.5,16.464Z" transform="translate(44.5 -11.439)"/></svg></a>' +
    '           </div>' +
    '          <div class="eg_plan_name mobile">' +
    '                <span class="active" id="shahry_s">S</span>' +
    '                <span id="shahry_m">M</span>' +
    '                <span id="shahry_l">L</span>' +
    '                <span id="shahry_xl">XL</span>' +
    '          </div>' +
    '          <div class="eg_mobile_table active" data-id="shahry_s">' +
    '                 <div>' +
    '                       <p class="eg_title">Price</p>' +
    '                       <p class="eg_details">QR 104</p>' +
    '                 </div>' +
    '                 <div>' +
    '                       <p class="eg_title">Local data</p>' +
    '                       <p class="eg_details">18 GB*</p>' +
    '                 </div>' +
    '                 <div>' +
    '                       <p class="eg_title">WhatsApp data</p>' +
    '                       <p class="eg_details">Included</p>' +
    '                 </div>' +
    '                 <div>' +
    '                       <p class="eg_title">Local calls & SMS</p>' +
    '                       <p class="eg_details">750 min*</p>' +
    '                 </div>' +
    '                 <div>' +
    '                       <p class="eg_title">International minutes</p>' +
    '                       <p class="eg_details">25 min</p>' +
    '                 </div>' +
    '                 <div class="buttons">' +
    '                       <a href="https://www.ooredoo.qa/web/en/postpaid-plans/shahry/" class="eg_learn">LEARN MORE</a>' +
    '                 </div>' +
    '          </div>' +
    '          <div class="eg_mobile_table" data-id="shahry_m">' +
    '                 <div>' +
    '                       <p class="eg_title">Price</p>' +
    '                       <p class="eg_details">QR 152</p>' +
    '                 </div>' +
    '                 <div>' +
    '                       <p class="eg_title">Local data</p>' +
    '                       <p class="eg_details">30 GB*</p>' +
    '                 </div>' +
    '                 <div>' +
    '                       <p class="eg_title">WhatsApp data</p>' +
    '                       <p class="eg_details">Included</p>' +
    '                 </div>' +
    '                 <div>' +
    '                       <p class="eg_title">Local calls & SMS</p>' +
    '                       <p class="eg_details">1800 min*</p>' +
    '                 </div>' +
    '                 <div>' +
    '                       <p class="eg_title">International minutes</p>' +
    '                       <p class="eg_details">50 min</p>' +
    '                 </div>' +
    '                 <div class="buttons">' +
    '                       <a href="https://www.ooredoo.qa/web/en/postpaid-plans/shahry/" class="eg_learn">LEARN MORE</a>' +
    '                 </div>' +
    '          </div>' +
    '          <div class="eg_mobile_table" data-id="shahry_l">' +
    '                 <div>' +
    '                       <p class="eg_title">Price</p>' +
    '                       <p class="eg_details">QR 200</p>' +
    '                 </div>' +
    '                 <div>' +
    '                       <p class="eg_title">Local data</p>' +
    '                       <p class="eg_details">42 GB*</p>' +
    '                 </div>' +
    '                 <div>' +
    '                       <p class="eg_title">WhatsApp data</p>' +
    '                       <p class="eg_details">Included</p>' +
    '                 </div>' +
    '                 <div>' +
    '                       <p class="eg_title">Local calls & SMS</p>' +
    '                       <p class="eg_details">3000 min*</p>' +
    '                 </div>' +
    '                 <div>' +
    '                       <p class="eg_title">International minutes</p>' +
    '                       <p class="eg_details">75 min</p>' +
    '                 </div>' +
    '                 <div class="buttons">' +
    '                       <a href="https://www.ooredoo.qa/web/en/postpaid-plans/shahry/" class="eg_learn">LEARN MORE</a>' +
    '                 </div>' +
    '          </div>' +
    '          <div class="eg_mobile_table" data-id="shahry_xl">' +
    '                 <div>' +
    '                       <p class="eg_title">Price</p>' +
    '                       <p class="eg_details">QR 248</p>' +
    '                 </div>' +
    '                 <div>' +
    '                       <p class="eg_title">Local data</p>' +
    '                       <p class="eg_details">60 GB*</p>' +
    '                 </div>' +
    '                 <div>' +
    '                       <p class="eg_title">WhatsApp data</p>' +
    '                       <p class="eg_details">Included</p>' +
    '                 </div>' +
    '                 <div>' +
    '                       <p class="eg_title">Local calls & SMS</p>' +
    '                       <p class="eg_details">Unlimited</p>' +
    '                 </div>' +
    '                 <div>' +
    '                       <p class="eg_title">International minutes</p>' +
    '                       <p class="eg_details">200 min*</p>' +
    '                 </div>' +
    '                 <div>' +
    '                       <p class="eg_title">Roaming data</p>' +
    '                       <p class="eg_details">2 GB</p>' +
    '                 </div>' +
    '                 <div class="buttons">' +
    '                       <a href="https://www.ooredoo.qa/web/en/postpaid-plans/shahry/" class="eg_learn">LEARN MORE</a>' +
    '                 </div>' +
    '          </div>' +
    '      </div>' +
    '      <div class="card eg-card" id="qatarna">' +
    '          <div class="eg_heading">' +
    '                <h4>Qatarna</h4>' +
    '                <div class="eg_mobile">' +
    '                     <img src="https://www.ooredoo.qa/web/wp-content/uploads/2022/01/phone_iphone_black.svg">' +
    '                     <p>Mobile <br>Plans</p>' +
    '                </div>' +
    '          </div>' +
    '          <div class="eg_plan_name desktop">' +
    '                <span>Silver</span>' +
    '                <span>Platinum</span>' +
    '                <span>Gold</span>' +
    '          </div>' +
    '          <div class="eg_pricing">' +
    '                 <span class="eg_from">From</span>' +
    '                 <span class="eg_qr">QR</span>' +
    '                 <span class="eg_price">420</span>' +
    '                 <span class="eg_month">/Month</span>' +
    '          </div>' +
    '          <p class="eg_para">Local data, calls, international benefits and exclusive entertainment included!</p>' +
    '          <div class="eg_btns">' +
    '          <a id="Postpaid_discover_qatarna" class="link-btn">DISCOVER  <svg xmlns="http://www.w3.org/2000/svg" width="16" height="10.982" viewBox="0 0 16 10.982"><path class="a" d="M-43.5,16.464h12.991l-3.79-3.609a.5.5,0,0,1-.017-.7.5.5,0,0,1,.7-.017l4.328,4.122a.987.987,0,0,1,.291.7.993.993,0,0,1-.3.71l-4.319,4.114a.494.494,0,0,1-.342.137.5.5,0,0,1-.359-.154.5.5,0,0,1,.017-.7l3.805-3.609H-43.5a.5.5,0,0,1-.5-.5A.5.5,0,0,1-43.5,16.464Z" transform="translate(44.5 -11.439)"/></svg></a>' +
    '               <a class="eg_comparePlans link-btn">Compare Plans  <svg xmlns="http://www.w3.org/2000/svg" width="16" height="10.982" viewBox="0 0 16 10.982"><path class="a" d="M-43.5,16.464h12.991l-3.79-3.609a.5.5,0,0,1-.017-.7.5.5,0,0,1,.7-.017l4.328,4.122a.987.987,0,0,1,.291.7.993.993,0,0,1-.3.71l-4.319,4.114a.494.494,0,0,1-.342.137.5.5,0,0,1-.359-.154.5.5,0,0,1,.017-.7l3.805-3.609H-43.5a.5.5,0,0,1-.5-.5A.5.5,0,0,1-43.5,16.464Z" transform="translate(44.5 -11.439)"/></svg></a>' +
    '           </div>' +
    '          <div class="eg_plan_name mobile">' +
    '                <span class="active" id="qatarna_silver">Silver</span>' +
    '                <span id="qatarna_gold">Gold</span>' +
    '                <span id="qatarna_platinum">Platinum</span>' +
    '          </div>' +
    '          <div class="eg_mobile_table active" data-id="qatarna_silver">' +
    '                 <div>' +
    '                       <p class="eg_title">Price</p>' +
    '                       <p class="eg_details">QR 336</p>' +
    '                 </div>' +
    '                 <div>' +
    '                       <p class="eg_title">Local data</p>' +
    '                       <p class="eg_details">120 GB*</p>' +
    '                 </div>' +
    '                 <div>' +
    '                       <p class="eg_title">WhatsApp data</p>' +
    '                       <p class="eg_details">Included</p>' +
    '                 </div>' +
    '                 <div>' +
    '                       <p class="eg_title">Local calls & SMS</p>' +
    '                       <p class="eg_details">Unlimited</p>' +
    '                 </div>' +
    '                 <div>' +
    '                       <p class="eg_title">International minutes</p>' +
    '                       <p class="eg_details">150 min</p>' +
    '                 </div>' +
    '                 <div>' +
    '                       <p class="eg_title">Roaming Data</p>' +
    '                       <p class="eg_details">30 GB</p>' +
    '                 </div>' +
    '                 <div>' +
    '                       <p class="eg_title">Special number</p>' +
    '                       <p class="eg_details">Free</p>' +
    '                 </div>' +
    '                 <div class="buttons">' +
    '                       <a href="https://www.ooredoo.qa/web/en/postpaid-plans/qatarna/" class="eg_learn">LEARN MORE</a>' +
    '                 </div>' +
    '          </div>' +
    '          <div class="eg_mobile_table" data-id="qatarna_gold">' +
    '                 <div>' +
    '                       <p class="eg_title">Price</p>' +
    '                       <p class="eg_details">QR 500</p>' +
    '                 </div>' +
    '                 <div>' +
    '                       <p class="eg_title">Local data</p>' +
    '                       <p class="eg_details">150 GB</p>' +
    '                 </div>' +
    '                 <div>' +
    '                       <p class="eg_title">WhatsApp data</p>' +
    '                       <p class="eg_details">Included</p>' +
    '                 </div>' +
    '                 <div>' +
    '                       <p class="eg_title">Local calls & SMS</p>' +
    '                       <p class="eg_details">Unlimited</p>' +
    '                 </div>' +
    '                 <div>' +
    '                       <p class="eg_title">International minutes</p>' +
    '                       <p class="eg_details">200 min</p>' +
    '                 </div>' +
    '                 <div>' +
    '                       <p class="eg_title">Roaming Data</p>' +
    '                       <p class="eg_details">50 GB</p>' +
    '                 </div>' +
    '                 <div>' +
    '                       <p class="eg_title">Special number</p>' +
    '                       <p class="eg_details">Free</p>' +
    '                 </div>' +
    '                 <div class="buttons">' +
    '                       <a href="https://www.ooredoo.qa/web/en/postpaid-plans/qatarna/" class="eg_learn">LEARN MORE</a>' +
    '                 </div>' +
    '          </div>' +
    '          <div class="eg_mobile_table" data-id="qatarna_platinum">' +
    '                 <div>' +
    '                       <p class="eg_title">Price</p>' +
    '                       <p class="eg_details">QR 740</p>' +
    '                 </div>' +
    '                 <div>' +
    '                       <p class="eg_title">Local data</p>' +
    '                       <p class="eg_details">500 GB</p>' +
    '                 </div>' +
    '                 <div>' +
    '                       <p class="eg_title">WhatsApp data</p>' +
    '                       <p class="eg_details">Included</p>' +
    '                 </div>' +
    '                 <div>' +
    '                       <p class="eg_title">Local calls & SMS</p>' +
    '                       <p class="eg_details">Unlimited</p>' +
    '                 </div>' +
    '                 <div>' +
    '                       <p class="eg_title">International minutes</p>' +
    '                       <p class="eg_details">300 min</p>' +
    '                 </div>' +
    '                 <div>' +
    '                       <p class="eg_title">Roaming Data</p>' +
    '                       <p class="eg_details">100 GB</p>' +
    '                 </div>' +
    '                 <div>' +
    '                       <p class="eg_title">Special number</p>' +
    '                       <p class="eg_details">Free</p>' +
    '                 </div>' +
    '                 <div class="buttons">' +
    '                       <a href="https://www.ooredoo.qa/web/en/postpaid-plans/qatarna/" class="eg_learn">LEARN MORE</a>' +
    '                 </div>' +
    '          </div>' +
    '      </div>' +
    '      <div class="card eg-card" id="sim">' +
    '          <div class="eg_heading">' +
    '                <h4>5G Data SIM</h4>' +
    '                <div class="eg_mobile">' +
    '                     <img src="https://www.ooredoo.qa/web/wp-content/uploads/2022/01/mobile-data-icon.svg" alt="" class="lazyloaded" data-ll-status="loaded">' +
    '                     <p>Data <br>Plans</p>' +
    '                </div>' +
    '          </div>' +
    '          <div class="eg_plan_name desktop">' +
    '                <span>S</span>' +
    '                <span>M</span>' +
    '                <span>L</span>' +
    '                <span>MAX</span>' +
    '          </div>' +
    '          <div class="eg_pricing">' +
    '                 <span class="eg_from">From</span>' +
    '                 <span class="eg_qr">QR</span>' +
    '                 <span class="eg_price">99</span>' +
    '                 <span class="eg_month">/Month</span>' +
    '          </div>' +
    '          <p class="eg_para">Never-ending internet + streaming and more on the go! with Ooredoo data plan!</p>' +
    '          <div class="eg_btns">' +
    '          <a id="Postpaid_discover_data-sim" class="link-btn">DISCOVER  <svg xmlns="http://www.w3.org/2000/svg" width="16" height="10.982" viewBox="0 0 16 10.982"><path class="a" d="M-43.5,16.464h12.991l-3.79-3.609a.5.5,0,0,1-.017-.7.5.5,0,0,1,.7-.017l4.328,4.122a.987.987,0,0,1,.291.7.993.993,0,0,1-.3.71l-4.319,4.114a.494.494,0,0,1-.342.137.5.5,0,0,1-.359-.154.5.5,0,0,1,.017-.7l3.805-3.609H-43.5a.5.5,0,0,1-.5-.5A.5.5,0,0,1-43.5,16.464Z" transform="translate(44.5 -11.439)"/></svg></a>' +
    '               <a class="eg_comparePlans link-btn">Compare Plans  <svg xmlns="http://www.w3.org/2000/svg" width="16" height="10.982" viewBox="0 0 16 10.982"><path class="a" d="M-43.5,16.464h12.991l-3.79-3.609a.5.5,0,0,1-.017-.7.5.5,0,0,1,.7-.017l4.328,4.122a.987.987,0,0,1,.291.7.993.993,0,0,1-.3.71l-4.319,4.114a.494.494,0,0,1-.342.137.5.5,0,0,1-.359-.154.5.5,0,0,1,.017-.7l3.805-3.609H-43.5a.5.5,0,0,1-.5-.5A.5.5,0,0,1-43.5,16.464Z" transform="translate(44.5 -11.439)"/></svg></a>' +
    '           </div>' +
    '          <div class="eg_plan_name mobile">' +
    '                <span class="active" id="sim_s">S</span>' +
    '                <span id="sim_m">M</span>' +
    '                <span id="sim_l">L</span>' +
    '                <span id="sim_xl">MAX</span>' +
    '          </div>' +
    '          <div class="eg_mobile_table active" data-id="sim_s">' +
    '                 <div>' +
    '                       <p class="eg_title">Price</p>' +
    '                       <p class="eg_details">QR 66</p>' +
    '                 </div>' +
    '                 <div>' +
    '                       <p class="eg_title">Local data</p>' +
    '                       <p class="eg_details">10 GB + 10 GB Bonus*</p>' +
    '                 </div>' +
    '                 <div class="buttons">' +
    '                       <a href="https://www.ooredoo.qa/web/en/postpaid-plans/5g-data-sim/" class="eg_learn">LEARN MORE</a>' +
    '                 </div>' +
    '          </div>' +
    '          <div class="eg_mobile_table" data-id="sim_m">' +
    '                 <div>' +
    '                       <p class="eg_title">Price</p>' +
    '                       <p class="eg_details">QR 108</p>' +
    '                 </div>' +
    '                 <div>' +
    '                       <p class="eg_title">Local data</p>' +
    '                       <p class="eg_details">25 GB + 25 GB Bonus*</p>' +
    '                 </div>' +
    '                 <div class="buttons">' +
    '                       <a href="https://www.ooredoo.qa/web/en/postpaid-plans/5g-data-sim/" class="eg_learn">LEARN MORE</a>' +
    '                 </div>' +
    '          </div>' +
    '          <div class="eg_mobile_table" data-id="sim_l">' +
    '                 <div>' +
    '                       <p class="eg_title">Price</p>' +
    '                       <p class="eg_details">QR 180</p>' +
    '                 </div>' +
    '                 <div>' +
    '                       <p class="eg_title">Local data</p>' +
    '                       <p class="eg_details">Unlimited</p>' +
    '                 </div>'+
    '                 <div class="buttons">'+
    '                       <a href="https://www.ooredoo.qa/web/en/postpaid-plans/5g-data-sim/" class="eg_learn">LEARN MORE</a>' +
    '                 </div>'+
    '          </div>'+
    '          <div class="eg_mobile_table" data-id="sim_xl">'+
    '                 <div>'+
    '                       <p class="eg_title">Price</p>'+
    '                       <p class="eg_details">QR 275</p>'+
    '                 </div>'+
    '                 <div>'+
    '                       <p class="eg_title">Local data</p>' +
    '                       <p class="eg_details">Unlimited</p>' +
    '                 </div>'+
    '                 <div class="buttons">'+
    '                       <a href="https://www.ooredoo.qa/web/en/postpaid-plans/5g-data-sim/" class="eg_learn">LEARN MORE</a>' +
    '                 </div>'+
    '          </div>'+
    '      </div>';




window.eg_table = '' +
    '<div class="row eg_table">' +
    '      <div class="shahry active">' +
    '            <table>' +
    '              <thead>' +
    '                  <tr>' +
    '                    <th></th>' +
    '                    <th>S</th>' +
    '                    <th>M</th>' +
    '                    <th>L</th>' +
    '                    <th>XL</th>' +
    '                  </tr>' +
    '              </thead>' +
    '              <tbody>' +
    '                  <tr class="eg_pricing_row">' +
    '                    <th class="eg_title">Price</th>' +
    '                    <th class="sim_s">QR 104</th>' +
    '                    <th class="sim_m">QR 152</th>' +
    '                    <th class="sim_l">QR 200</th>' +
    '                    <th class="sim_xl">QR 248</th>' +
    '                  </tr>' +
    '                  <tr class="localData">' +
    '                    <th class="eg_title">Local Data</th>' +
    '                    <th class="shahry_s">18 GB*</th>' +
    '                    <th class="shahry_m">30 GB*</th>' +
    '                    <th class="shahry_l">42 GB*</th>' +
    '                    <th class="shahry_xl">60 GB*</th>' +
    '                  </tr>' +
    '                  <tr class="WhatsAppData">' +
    '                    <th class="eg_title">WhatsApp Data</th>' +
    '                    <th class="shahry_s">Included</th>' +
    '                    <th class="shahry_m">Included</th>' +
    '                    <th class="shahry_l">Included</th>' +
    '                    <th class="shahry_xl">Included</th>' +
    '                  </tr>' +
    '                  <tr class="localCalls">' +
    '                    <th class="eg_title">Local calls & SMS</th>' +
    '                    <th class="shahry_s">750 min *</th>' +
    '                    <th class="shahry_m">1800 min *</th>' +
    '                    <th class="shahry_l">3000 min *</th>' +
    '                    <th class="shahry_xl">Unlimited</th>' +
    '                  </tr>' +
    '                  <tr class="internationalMin">' +
    '                    <th class="eg_title">International minutes</th>' +
    '                    <th class="shahry_s">25 min</th>' +
    '                    <th class="shahry_m">50 min</th>' +
    '                    <th class="shahry_l">75 min</th>' +
    '                    <th class="shahry_xl">200 min*</th>' +
    '                  </tr>' +
    '                  <tr class="roamingData">' +
    '                    <th class="eg_title">Roaming data</th>' +
    '                    <th class="shahry_s null">x</th>' +
    '                    <th class="shahry_m null">x</th>' +
    '                    <th class="shahry_l null">x</th>' +
    '                    <th class="shahry_xl">2 GB</th>' +
    '                  </tr>' +
    '                  <tr class="specialNumber">' +
    '                    <th class="eg_title">Special Number</th>' +
    '                    <th class="shahry_s null">x</th>' +
    '                    <th class="shahry_m null">x</th>' +
    '                    <th class="shahry_l null">x</th>' +
    '                    <th class="shahry_xl null">x</th>' +
    '                  </tr>' +
    '                  <tr class="benefits">' +
    '                    <th class="eg_title">Exclusive Benefits</th>' +
    '                    <th class="shahry_s null">&#x2713</th>' +
    '                    <th class="shahry_m null">&#x2713</th>' +
    '                    <th class="shahry_l null">&#x2713</th>' +
    '                    <th class="shahry_xl null">&#x2713</th>' +
    '                  </tr>' +
    '                  <tr class="buttons">' +
    '                    <th></th>' +
    '                    <th class="shahry_s">' +
    '                         <a href="https://www.ooredoo.qa/web/en/postpaid-plans/shahry/" class="eg_learn">DISCOVER</a>' +
    '                    </th>' +
    '                    <th class="shahry_m">' +
     '                         <a href="https://www.ooredoo.qa/web/en/postpaid-plans/shahry/" class="eg_learn">DISCOVER</a>' +
    '                    </th>' +
    '                    <th class="shahry_l">' +
    '                         <a href="https://www.ooredoo.qa/web/en/postpaid-plans/shahry/" class="eg_learn">DISCOVER</a>' +
    '                    </th>' +
    '                    <th class="shahry_xl ">' +
    '                         <a href="https://www.ooredoo.qa/web/en/postpaid-plans/shahry/" class="eg_learn">DISCOVER</a>' +
    '                    </th>' +
    '                  </tr>' +
    '              </tbody>' +
    '            </table>' +
    '            <p class="eg_privacyPolicy">* Offer applicable for the first 12 months, <br>changing thereafter to standard prices and allowances. <br><a href="https://www.ooredoo.qa/web/en/general-terms-and-conditions-for-consumer-services/">Terms and conditions apply</a>.</p>' +
    '      </div>' +
    '      <div class="qatarna">' +
    '            <table>' +
    '              <thead>' +
    '                  <tr>' +
    '                    <th></th>' +
    '                    <th>Silver</th>' +
    '                    <th>Gold</th>' +
    '                    <th>Platinum</th>' +
    '                  </tr>' +
    '              </thead>' +
    '              <tbody>' +
    '                  <tr class="eg_pricing_row">' +
    '                    <th class="eg_title">Price</th>' +
    '                    <th class="sim_s">QR 336</th>' +
    '                    <th class="sim_m">QR 500</th>' +
    '                    <th class="sim_l">QR 740</th>' +
    '                  </tr>' +
    '                  <tr class="localData">' +
    '                    <th class="eg_title">Local Data</th>' +
    '                    <th class="qatarna_silver">120 GB*</th>' +
    '                    <th class="qatarna_gold">150 GB</th>' +
    '                    <th class="qatarna_platinum">500 GB</th>' +
    '                  </tr>' +
    '                  <tr class="WhatsAppData">' +
    '                    <th class="eg_title">WhatsApp Data</th>' +
    '                    <th class="qatarna_silver">Included</th>' +
    '                    <th class="qatarna_gold">Included</th>' +
    '                    <th class="qatarna_platinum">Included</th>' +
    '                  </tr>' +
    '                  <tr class="localCalls">' +
    '                    <th class="eg_title">Local calls & SMS</th>' +
    '                    <th class="qatarna_silver">Unlimited</th>' +
    '                    <th class="qatarna_gold">Unlimited</th>' +
    '                    <th class="qatarna_platinum">Unlimited</th>' +
    '                  </tr>' +
    '                  <tr class="internationalMin">' +
    '                    <th class="eg_title">International minutes</th>' +
    '                    <th class="qatarna_silver">150 min</th>' +
    '                    <th class="qatarna_gold">200 min</th>' +
    '                    <th class="qatarna_platinum">300 min</th>' +
    '                  </tr>' +
    '                  <tr class="roamingData">' +
    '                    <th class="eg_title">Roaming data</th>' +
    '                    <th class="qatarna_silver">30 GB</th>' +
    '                    <th class="qatarna_gold">50 GB</th>' +
    '                    <th class="qatarna_platinum">100 GB</th>' +
    '                  </tr>' +
    '                  <tr class="specialNumber">' +
    '                    <th class="eg_title">Special Number</th>' +
    '                    <th class="qatarna_silver">Free</th>' +
    '                    <th class="qatarna_gold">Free</th>' +
    '                    <th class="qatarna_platinum">Free</th>' +
    '                  </tr>' +
    '                  <tr class="benefits">' +
    '                    <th class="eg_title">Exclusive Benefits</th>' +
    '                    <th class="qatarna_silver">&#x2713</th>' +
    '                    <th class="qatarna_gold">&#x2713</th>' +
    '                    <th class="qatarna_platinum">&#x2713</th>' +
    '                  </tr>' +
    '                  <tr class="buttons">' +
    '                    <th></th>' +
    '                    <th class="qatarna_silver">' +
    '                         <a href="https://www.ooredoo.qa/web/en/postpaid-plans/qatarna/" class="eg_learn">DISCOVER</a>' +
    '                    </th>' +
    '                    <th class="qatarna_gold">' +
    '                         <a hhref="https://www.ooredoo.qa/web/en/postpaid-plans/qatarna/" class="eg_learn">DISCOVER</a>' +
    '                    </th>' +
    '                    <th class="gatarna_platinum">' +
    '                         <a href="https://www.ooredoo.qa/web/en/postpaid-plans/qatarna/" class="eg_learn">DISCOVER</a>' +
    '                    </th>' +
    '                  </tr>' +
    '              </tbody>' +
    '            </table>' +
    '            <p class="eg_privacyPolicy">* Offer applicable for the first 12 months, <br>changing thereafter to standard prices and allowances. <br><a href="https://www.ooredoo.qa/web/en/general-terms-and-conditions-for-consumer-services/">Terms and conditions apply</a>.</p>' +
    '      </div>' +
    '      <div class="sim">' +
    '            <table>' +
    '              <thead>' +
    '                  <tr>' +
    '                    <th></th>' +
    '                    <th>S</th>' +
    '                    <th>M</th>' +
    '                    <th>L</th>' +
    '                    <th>MAX</th>' +
    '                  </tr>' +
    '              </thead>' +
    '              <tbody>' +
    '                  <tr class="eg_pricing_row">' +
    '                    <th class="eg_title">Price</th>' +
    '                    <th class="sim_s">QR 66</th>' +
    '                    <th class="sim_m">QR 108</th>' +
    '                    <th class="sim_l">QR 180</th>' +
    '                    <th class="sim_l">QR 275</th>' +
    '                  </tr>' +
    '                  <tr class="localData">' +
    '                    <th class="eg_title">Local Data</th>' +
    '                    <th class="sim_s">20 GB *</th>' +
    '                    <th class="sim_m">50 GB *</th>' +
    '                    <th class="sim_l">Unlimited</th>' +
    '                    <th class="sim_xl">Unlimited</th>' +
    '                  </tr>' +
    '                  <tr class="WhatsAppData">' +
    '                    <th class="eg_title">WhatsApp Data</th>' +
    '                    <th class="sim_s null">x</th>' +
    '                    <th class="sim_m null">x</th>' +
    '                    <th class="sim_l null">x</th>' +
    '                    <th class="sim_xl null">x</th>' +
    '                  </tr>' +
    '                  <tr class="localCalls">' +
    '                    <th class="eg_title">Local calls & SMS</th>' +
    '                    <th class="sim_s null">x</th>' +
    '                    <th class="sim_m null">x</th>' +
    '                    <th class="sim_l null">x</th>' +
    '                    <th class="sim_xl null">x</th>' +
    '                  </tr>' +
    '                  <tr class="internationalMin">' +
    '                    <th class="eg_title">International minutes</th>' +
    '                    <th class="sim_s null">x</th>' +
    '                    <th class="sim_m null">x</th>' +
    '                    <th class="sim_l null">x</th>' +
    '                    <th class="sim_xl null">x</th>' +
    '                  </tr>' +
    '                  <tr class="roamingData">' +
    '                    <th class="eg_title">Roaming data</th>' +
    '                    <th class="sim_s null">x</th>' +
    '                    <th class="sim_m null">x</th>' +
    '                    <th class="sim_l null">x</th>' +
    '                    <th class="sim_xl null">x</th>' +
    '                  </tr>' +
    '                  <tr class="specialNumber">' +
    '                    <th class="eg_title">Special Number</th>' +
    '                    <th class="sim_s null">x</th>' +
    '                    <th class="sim_m null">x</th>' +
    '                    <th class="sim_l null">x</th>' +
    '                    <th class="sim_xl null">x</th>' +
    '                  </tr>' +
    '                  <tr class="benefits">' +
    '                    <th class="eg_title">Exclusive Benefits</th>' +
    '                    <th class="sim_s null">&#x2713</th>' +
    '                    <th class="sim_m null">&#x2713</th>' +
    '                    <th class="sim_l null">&#x2713</th>' +
    '                    <th class="sim_xl null">&#x2713</th>' +
    '                  </tr>' +
    '                  <tr class="buttons">' +
    '                    <th></th>' +
    '                    <th class="sim_s">' +
     '                         <a href="https://www.ooredoo.qa/web/en/postpaid-plans/5g-data-sim/" class="eg_learn">DISCOVER</a>' +
    '                    </th>' +
    '                    <th class="sim_m">' +
     '                         <a href="https://www.ooredoo.qa/web/en/postpaid-plans/5g-data-sim/" class="eg_learn">DISCOVER</a>' +
    '                    </th>' +
    '                    <th class="sim_l">' +
     '                         <a href="https://www.ooredoo.qa/web/en/postpaid-plans/5g-data-sim/" class="eg_learn">DISCOVER</a>' +
    '                    </th>' +
    '                    <th class="sim_xl">' +
    '                         <a href="https://www.ooredoo.qa/web/en/postpaid-plans/5g-data-sim/" class="eg_learn">DISCOVER</a>' +
    '                    </th>' +
    '                  </tr>' +
    '              </tbody>' +
    '            </table>' +
    '            <p class="eg_privacyPolicy">* Offer applicable for the first 12 months, <br>changing thereafter to standard prices and allowances. <br><a href="https://www.ooredoo.qa/web/en/general-terms-and-conditions-for-consumer-services/">Terms and conditions apply</a>.</p>' +
    '      </div>' +
    '</div>';


(function () {
try {
  /* main variables */
  var debug = 0;
  var variation_name = "";
  var $;
  /* all Pure helper functions */

  function waitForElement(selector, trigger, delayInterval, delayTimeout) {
    var interval = setInterval(function () {
      if (
        document &&
        document.querySelector(selector) &&
        document.querySelectorAll(selector).length > 0 && window.eg_cards && window.eg_table
      ) {
        clearInterval(interval);
        trigger();
      }
    }, delayInterval);
    setTimeout(function () {
      clearInterval(interval);
    }, delayTimeout);
  }

  function waitForjQuery(trigger, delayInterval, delayTimeout) {
    var interval = setInterval(function () {
      if (window.jQuery !== undefined) {
        clearInterval(interval);
        trigger(window.jQuery);
      }
    }, delayInterval);
    setTimeout(function () {
      clearInterval(interval);
    }, delayTimeout);
  }

    function live (selector, event, callback, context) {
      /****Helper Functions****/
      // helper for enabling IE 8 event bindings
      function addEvent(el, type, handler) {
        if (el.attachEvent) el.attachEvent("on" + type, handler);
        else el.addEventListener(type, handler);
      }
      // matches polyfill
      this.Element &&
        (function (ElementPrototype) {
          ElementPrototype.matches =
            ElementPrototype.matches ||
            ElementPrototype.matchesSelector ||
            ElementPrototype.webkitMatchesSelector ||
            ElementPrototype.msMatchesSelector ||
            function (selector) {
              var node = this,
                nodes = (
                  node.parentNode || node.document
                ).querySelectorAll(selector),
                i = -1;
              while (nodes[++i] && nodes[i] != node);
              return !!nodes[i];
            };
        })(Element.prototype);
      // live binding helper using matchesSelector
      function live(selector, event, callback, context) {
        addEvent(context || document, event, function (e) {
          var found,
            el = e.target || e.srcElement;
          while (
            el &&
            el.matches &&
            el !== context &&
            !(found = el.matches(selector))
          )
            el = el.parentElement;
          if (found) callback.call(el, e);
        });
      }
      live(selector, event, callback, context);
    }

  /* Variation functions */



  /* Variation Init */
  function init() {
    /* start your code here */

    document.querySelector('.CMS-shahryAddons .cards-section .plans').innerHTML = window.eg_cards+'<p class="eg_privacyPolicy">* Offer applicable for the first 12 months, <br>changing thereafter to standard prices and allowances. <br><a href="https://www.ooredoo.qa/web/en/general-terms-and-conditions-for-consumer-services/">Terms and conditions apply</a>.</p>';

    document.querySelector('.CMS-shahryAddons .cards-section .plans').insertAdjacentHTML('afterend',window.eg_table);

    live('.eg-card','click',function(){
      if(this.classList.contains('active') != true){
        document.querySelector('.eg-card.active').classList.remove('active');
        this.classList.add('active');

        var getId = this.getAttribute('id');
        if(document.querySelector('.eg_table .'+getId).classList.contains('active') != true){
          document.querySelector('.eg_table .active') && document.querySelector('.eg_table .active').classList.remove('active');
        }
      }
    })

    live('.eg_comparePlans','click',function(){
      document.querySelector('.eg_table > div.active') && document.querySelector('.eg_table > div.active').classList.remove('active');
      var getId = this.parentElement.parentElement.getAttribute('id');
      document.querySelector('.eg_table .'+getId).classList.add('active');
    })

    live('.eg_plan_name.mobile span','click',function(){
      if(this.classList.contains('active') != true){
        document.querySelector('.eg-card.active .eg_plan_name.mobile span.active').classList.remove('active');
        this.classList.add('active');

        var getId = this.getAttribute('id');
        document.querySelector('.eg-card.active .eg_mobile_table.active').classList.remove('active');
        document.querySelector('[data-id="'+getId+'"]').classList.add('active');
      }
    })


    shahry();
    qatarna();
    sim();     


  }

  function shahry(){
    // get shahry details 
    var xhttp = new XMLHttpRequest();
    xhttp.onreadystatechange = function() {
        if (this.readyState == 4 && this.status == 200) {
          var shahry = document.createElement('div');
          shahry.innerHTML = xhttp.responseText;
          if(shahry.querySelector('#postpaid-plan-card-items [data-analytic-variant="S"] h2')){
            var shahryPrice = shahry.querySelector('#postpaid-plan-card-items [data-analytic-variant="S"] h2').innerHTML;
            document.querySelector('.eg-card#shahry .eg_price').innerHTML = shahryPrice;
          }

        }
    };
    xhttp.open("GET", "https://www.ooredoo.qa/web/en/postpaid-plans/shahry/", true);
    xhttp.send();
  }

  function qatarna(){
          
    // get Qatarna details 
    var xhttp = new XMLHttpRequest();
    xhttp.onreadystatechange = function() {
        if (this.readyState == 4 && this.status == 200) {
          var qatarna = document.createElement('div');
          qatarna.innerHTML = xhttp.responseText;

          if(qatarna.querySelector('#postpaid-plan-card-items [data-analytic-variant="Silver"] h2 span')){
            var qatarnaPrice = qatarna.querySelector('#postpaid-plan-card-items [data-analytic-variant="Silver"] h2 span').innerHTML;
            document.querySelector('.eg-card#qatarna .eg_price').innerHTML = qatarnaPrice+"*";
          }
        }
    };
    xhttp.open("GET", "https://www.ooredoo.qa/web/en/postpaid-plans/qatarna/", true);
    xhttp.send();
  }

  function sim(){
    // get Data Sim details 
    var xhttp = new XMLHttpRequest();
    xhttp.onreadystatechange = function() {
        if (this.readyState == 4 && this.status == 200) {
          var sim = document.createElement('div');
          sim.innerHTML = xhttp.responseText;

          if(sim.querySelector('#postpaid-plan-card-items [data-analytic-variant="S"] h2')){
            var simPrice = sim.querySelector('#postpaid-plan-card-items [data-analytic-variant="S"] h2').innerHTML;
            document.querySelector('.eg-card#sim .eg_price').innerHTML = simPrice;
          }
        }
    };
    xhttp.open("GET", "https://www.ooredoo.qa/web/en/postpaid-plans/5g-data-sim/", true);
    xhttp.send();
  }

  /* Initialize variation */
  waitForElement(".CMS-shahryAddons .cards-section .plans", init, 50, 15000);
} catch (e) {
  if (debug) console.log(e, "error in Test" + variation_name);
}
})();
Editor is loading...