@font-face {
    font-family: frutiger;
    src: url("../fonts/frutiger-light.woff") format("woff"), url("../fonts/frutiger-light.woff2") format("woff2");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: frutiger;
    src: url("../fonts/frutiger-regular.woff") format("woff"), url("../fonts/frutiger-regular.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: frutiger;
    src: url("../fonts/frutiger-bold.woff") format("woff"), url("../fonts/frutiger-bold.woff2") format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

:root {
  --red: #CE0037;
  --navyblue: #202A44;
  --beige:#F0E9E3;
  /* Secondary */ 
  --gray: #E5E1E6;
  /* Useful color */
  --accentblue: #4F55D9;
  --success: #1cc88a;
  --info: #36b9cc;
  --warning: #f6c23e;
  --danger: #e74a3b;
  --light: #f8f9fc;
  --dark: #5a5c69;
  --white: #fff;
  /* Set Color */
  --primary: var(--red);
  --secondary: var(--navyblue);
  --secondary2: var(--beige);
}
.custom-slider-wrap .custom-slider-inner {
    display: flex;
    width: 100%;
    position: relative;
    overflow: hidden
}

.custom-slider-wrap .custom-slider-inner .custom-slider-item, .latest-devices-section .products-section .products-section-inner .the-block {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    max-width: 25%;
    flex: 0 0 25%;
    padding: 0 15px;
    transition: .3s
}

.shortcut-keys-section .shortcut-keys-inner {
    padding-left: 20px;
    padding-right: 20px
}

.shortcut-keys-section .shortcut-keys-inner .single-shortcut a {
    height: 40px;
    width: 40px
}

.shortcut-keys-section .shortcut-keys-inner .single-shortcut a svg {
    width: 100%;
    height: 100%;
    transform: translateX(0);
    transition: transform .3s
}

.shortcut-keys-section .shortcut-keys-inner .single-shortcut:hover a svg {
    transform: translateX(5px)
}

.shortcut-keys-section .shortcut-keys-inner .single-shortcut:first-child {
    background-color: #323e48;
    color: #fff
}

.shortcut-keys-section .shortcut-keys-inner .single-shortcut:first-child a svg rect {
    fill: #FFE900
}

.prepain-plans-section .prepare-plan-content .plan-cols .plan-block.view-more .plan-name-title svg path, .shortcut-keys-section .shortcut-keys-inner .single-shortcut:first-child a svg path {
    stroke: #fff;
}

.shortcut-keys-section .shortcut-keys-inner .single-shortcut:nth-child(2) {
    background-color: #ffe900
}

.shortcut-keys-section .shortcut-keys-inner .single-shortcut:nth-child(3) {
    background-color: #ffef47
}

.shortcut-keys-section .shortcut-keys-inner .single-shortcut:nth-child(4) {
    background-color: #fff47c
}

.shortcut-keys-section .shortcut-keys-inner .single-shortcut .single-shortcut-inner {
    height: 100%
}

.home-banner-slider, .network-jordan-section .network-jordan-inner .section-image {
    position: relative
}

.explore-latest-section .explore-latest-block .explore-latest-content p, .home-banner-slider .home-banner-slider-wrapper h1 {
    color: #fff
}

.home-banner-slider .home-banner-slider-wrapper .home-banner-slider-inner {
    min-height: 36vw;
    height: 36vw;
    overflow-y: hidden
}

.home-banner-slider .home-banner-slider-wrapper .home-banner-content {
    max-width: 579px;
    position: relative;
    z-index: 1
}

.product-service-section h2,.latest-devices-section .latest-action-inner .title-section  h2 ,.quick-links-section .title-section h2 ,.download-app-section .download-app-column h2,.download-app-section .download-app-column p ,.network-jordan-section p, .speak-specialist__blocks span,
.current-customer-section h2 ,.latest-offers-section h2{
        color: var(--navyblue) ;
    }
.product-service-detail p{
      color: var(--navyblue) ;
      text-align: center;
}

@media screen and (min-width:1530px) {
    .home-banner-slider .home-banner-slider-wrapper .home-banner-content {
        margin-left: 100px
    }
}

.home-banner-slider .home-banner-slider-wrapper .home-banner-slide {
    position: relative;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden
}

.home-banner-slider .home-banner-slider-wrapper .home-banner-slide:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 65%;
    height: 100%;
    background: linear-gradient(90deg, rgba(0, 0, 0, .45) 0, rgba(0, 0, 0, 0) 100%)
}

.home-banner-slider .home-banner-slider-wrapper .home-banner-slide h1 {
    font-weight: 700;
    font-size: 60px;
    line-height: 1.3;
    margin: 0 0 24px
}

.home-banner-slider .home-banner-slider-wrapper .home-banner-slide .slider-desc {
    font-style: normal;
    font-weight: 400;
    max-width: 392px;
    text-shadow: 2px 4px 10px rgba(0, 0, 0, .1);
    text-align: left !important
}

.home-banner-slider .home-banner-slider-wrapper .home-banner-slide a {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    color: #fff;
}



.container .row p a:hover, .explore-latest-section .explore-latest-block .explore-latest-content p a, .home-banner-slider .home-banner-slider-wrapper .home-banner-slide a:hover {
   background: linear-gradient(45deg, var(--red) 65%, var(--red) 100%) !important;

}

.home-banner-slider .home-banner-slider-wrapper .home-banner-slide .container {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: self-start;
    justify-content: center
}

.home-banner-slider .home-banner-slider-counter .home-banner-slider-next, .home-banner-slider .home-banner-slider-counter .home-banner-slider-prev {
    position: absolute;
    top: 50%;
    left: 40px;
    transform: translateY(-50%);
    line-height: 1;
    cursor: pointer;
    z-index: 1
}

.home-banner-slider .home-banner-slider-counter .home-banner-slider-next.active, .home-banner-slider .home-banner-slider-counter .home-banner-slider-prev.active, .phone-plans-section .pb-plan-builder-wrap-multistep .step-wrap .step-button-digit .next-prev-btn a span {
    pointer-events: none
}

.home-banner-slider .home-banner-slider-counter .home-banner-slider-next.active path, .home-banner-slider .home-banner-slider-counter .home-banner-slider-prev.active path {
    stroke: #888888
}

.explore-latest-section .explore-latest-block img, .home-banner-slider .home-banner-slider-counter .home-banner-slider-next svg, .home-banner-slider .home-banner-slider-counter .home-banner-slider-prev svg {
    width: 100%;
    height: 100%
}

.home-banner-slider .home-banner-slider-counter .home-banner-slider-next {
    right: 40px;
    left: auto
}

.home-banner-slider .home-banner-slider-counter .counter-digit {
    display: none
}

.home-banner-slider #navigationDots {
    display: none;
    justify-content: center;
    align-items: center;
    position: absolute;
    width: 100%;
    bottom: 40px;
    left: 0
}

.home-banner-slider #navigationDots span {
    position: relative;
    width: 40px;
    padding: 18px;
    z-index: 1;
    cursor: pointer
}

.home-banner-slider #navigationDots span:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 100%;
    height: 2px;
    background-color: #fff
}

.home-banner-slider #navigationDots span:not(:last-child) {
    margin-right: 10px
}

.home-banner-slider #navigationDots span.selected:after {
    background-color: #0092bc
}

.phone-plans-section, .speak-specialist__blocks {
    background-image: url("../images/bg-dotted.jpg");
    background-size: cover;
    height: 100%;
    width: 100%
}

.phone-plans-section .phone-plans-left {
    max-width: 502px
}

.phone-plans-section .phone-plans-left p {
    color: rgba(255, 255, 255, .7)
}

.phone-plans-section .pb-plan-builder-wrap-multistep {
    background-color: #fff;
    border: 1px solid #e5e5e5;
    box-shadow: 2px 2px 8px rgba(0, 0, 0, .1);
    border-radius: 10px;
    overflow: hidden
}

.phone-plans-section .pb-plan-builder-wrap-multistep .en-back-arrow {
    opacity: 1;
    visibility: visible
}

.phone-plans-section .pb-plan-builder-wrap-multistep .ar-back-arrow {
    opacity: 0;
    visibility: hidden
}

.phone-plans-section .pb-plan-builder-wrap-multistep .step-wrap .step-heading {
    font-size: 20px;
    font-weight: 600;
    padding: 25px 50px;
    background-color: #f8f9fb;
    text-transform: capitalize;
    border-bottom: 1px solid #e5e5e5;
    display: flex
}

.phone-plans-section .pb-plan-builder-wrap-multistep .step-wrap .step-heading .digit-round {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid #323e48;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px
}

.phone-plans-section .pb-plan-builder-wrap-multistep .step-wrap .step-data {
    padding: 40px 80px 40px 50px
}

@media screen and (max-width:1399px) {
    .phone-plans-section .pb-plan-builder-wrap-multistep .step-wrap .step-data {
        padding: 40px
    }
}

.latest-offers-section .offer-slider.custom-slider-wrap, .phone-plans-section .pb-plan-builder-wrap-multistep .step-wrap .step-data .row {
    margin-right: -10px;
    margin-left: -10px
}

.phone-plans-section .pb-plan-builder-wrap-multistep .step-wrap .step-data .row [class*=col-] {
    padding-right: 10px;
    padding-left: 10px
}

.phone-plans-section .pb-plan-builder-wrap-multistep .step-wrap .step-button-digit {
    padding-top: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.phone-plans-section .pb-plan-builder-wrap-multistep .step-wrap .step-button-digit .step-digit {
    color: #888
}

.phone-plans-section .pb-plan-builder-wrap-multistep .step-wrap .step-button-digit .next-prev-btn a {
    padding: 10px 28px;
    font-size: 16px;
    line-height: 31px;
    display: inline-block
}

@media screen and (max-width:1024px) {
    .shortcut-keys-section .shortcut-keys-inner .single-shortcut a {
        width: 24px;
        height: 24px
    }

    .phone-plans-section .pb-plan-builder-wrap-multistep .step-wrap .step-button-digit {
        padding-top: 24px;
        display: block
    }

    .phone-plans-section .pb-plan-builder-wrap-multistep .step-wrap .step-button-digit .next-prev-btn a {
        padding: 6px 38px;
        margin-top: 15px
    }

    .phone-plans-section .pb-plan-builder-wrap-multistep .step-wrap .step-button-digit .next-prev-btn a:first-child {
        margin-right: 10px
    }
}

.phone-plans-section .pb-plan-builder-wrap-multistep .step-three-wrap .tab_1-gift-wrap, .phone-plans-section .pb-plan-builder-wrap-multistep .step-two-wrap>.tab_1-data-volume-wrap.div-volume-wrap {
    display: block
}

.latest-offers-section .offer-slider .custom-slider-item a, .phone-plans-section .pb-plan-builder-wrap-multistep .step-two-wrap .step-two-radio-wrap, .prepain-plans-section .prepare-plan-content .plan-cols {
    display: flex
}

.phone-plans-section .step-data .select-custom-design {
    max-width: 366px;
    line-height: 1;
    margin-bottom: 10px
}

.phone-plans-section .step-data .select-custom-design select {
    cursor: pointer;
    background-image: url("../icons/down-arrow.svg");
    background-position: 96% 50%;
    background-repeat: no-repeat;
    width: 100%;
    padding: 10px 35px 10px 10px;
    background-color: transparent;
    border-color: #e5e5e5;
    -moz-appearance: none;
    -webkit-appearance: none
}

.phone-plans-section .step-data .select-custom-design select::-ms-expand {
    display: none
}

.phone-plans-section .step-data .select-custom-design select:focus-visible {
    outline-offset: unset;
    outline: unset
}

.phone-plans-section .step-data .radio-custom {
    margin-bottom: 10px;
    position: relative
}

.phone-plans-section .step-data .radio-custom .radio-label {
    cursor: pointer;
    margin-right: 0;
    padding: 15px 20px
}

.phone-plans-section .step-data .radio-custom input[type=radio] {
    position: absolute;
    opacity: 0
}

.phone-plans-section .step-data .radio-custom input[type=radio]+.radio-label {
    border: 1px solid #e5e5e5
}

.phone-plans-section .step-data .radio-custom input[type=radio]+.radio-label:before {
    content: '';
    background: #fff;
    border-radius: 100%;
    border: 1px solid #000;
    display: inline-block;
    width: 1.4em;
    height: 1.4em;
    position: relative;
    top: -.2em;
    margin-right: 1em;
    vertical-align: middle;
    cursor: pointer;
    text-align: center;
    transition: 250ms
}

.phone-plans-section .step-data .radio-custom input[type=radio]:checked+.radio-label {
    border-color: transparent transparent transparent #323e48;
    border-left-width: 2px;
    background-color: rgba(50, 62, 72, .06)
}

.phone-plans-section .step-data .radio-custom input[type=radio]:checked+.radio-label:before {
    background-color: #323e48;
    box-shadow: inset 0 0 0 4px #fff
}

.phone-plans-section .step-data .radio-custom input[type=radio]:focus+.radio-label:before {
    outline: 0;
    border-color: #323e48
}

.phone-plans-section .step-data .radio-custom input[type=radio]+.radio-label:empty:before, .prepain-plans-section .prepare-plan-content .plan-cols .plan-block:last-child {
    margin-right: 0
}

.prepain-plans-section .prepare-plan-image {
    position: relative;
    background-repeat: no-repeat;
    background-size: contain
}

.prepain-plans-section .prepare-plan-image .map-image {
    object-fit: contain;
    mix-blend-mode: screen
}

.prepain-plans-section .prepare-plan-image .coverage-btn {
    position: absolute;
    left: 58%;
    bottom: 7%;
    transform: translateX(-50%);
    width: 50%;
}

.prepain-plans-section .prepare-plan-image .coverage-btn .btn{
padding:0.375rem 1.25 rem;
}



@media screen and (max-width:1200px) {
    .prepain-plans-section .prepare-plan-image .coverage-btn {
        left: 50%;
        bottom: 30px
    }
}

@media screen and (min-width:1200px) {
    .prepain-plans-section .prepare-plan-content {
        padding-left: 70px;
        position: relative
    }
}

.prepain-plans-section .prepare-plan-image .coverage-btn img {
    vertical-align: middle
}

.prepain-plans-section .prepare-plan-image .coverage-btn:hover {
    background: linear-gradient(45deg, var(--red) 65%, var(--red) 100%) !important;
}

.prepain-plans-section .prepare-plan-content h2 {
    font-weight: 600;
    font-size: 32px;
    line-height: 40px
}

.prepain-plans-section .prepare-plan-content .section-title {
    max-width: 408px
}

.prepain-plans-section .prepare-plan-content .plan-cols .plan-block {
    background: #fff;
    box-shadow: 2px 2px 8px rgba(0, 0, 0, .1);
    border-radius: 10px;
    padding: 16px 18px;
    width: 120px;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    margin-right: 16px
}

@media screen and (max-width:1199px) {
    .prepain-plans-section .prepare-plan-content .plan-cols {
        flex-wrap: wrap
    }

    .prepain-plans-section .prepare-plan-content .plan-cols .plan-block {
        margin-right: 2%;
        width: 49%;
        min-width: auto;
        margin-bottom: 20px;
        padding: 20px 40px
    }

    .prepain-plans-section .prepare-plan-content .plan-cols .plan-block:nth-child(2n) {
        margin-right: 0
    }
}

@media screen and (max-width:767px) {
    .shortcut-keys-section {
        margin-top: 0
    }

    .home-banner-slider .home-banner-slider-wrapper .home-banner-slider-inner {
        min-height: 36vw;
        height: 36vw
    }

    .home-banner-slider .home-banner-slider-wrapper .home-banner-content {
        max-width: 230px;
        margin-left: 0
    }

    .home-banner-slider .home-banner-slider-wrapper .home-banner-slide h1 {
        font-size: 21px;
        line-height: 1.125;
        margin: 14px 0
    }

    .home-banner-slide .btn {
        display: block
    }

    .home-banner-slider .home-banner-slider-wrapper .home-banner-slide .slider-desc {
        font-size: 12px;
        line-height: 1.33;
        text-align: left !important
    }

    .home-banner-slider .home-banner-slider-wrapper .home-banner-slide a {
        font-size: 9px;
        line-height: 9px;
        animation: 2s infinite pulse-animation
    }

    .pulse {
        animation: 3s linear infinite animate-pulse
    }

    @keyframes animate-pulse {
        0% {
            box-shadow: 0 0 0 0 rgba(255, 109, 74, .7), 0 0 0 0 rgba(255, 109, 74, .7)
        }

        40% {
            box-shadow: 0 0 0 50px rgba(255, 109, 74, 0), 0 0 0 0 rgba(255, 109, 74, .7)
        }

        80% {
            box-shadow: 0 0 0 50px rgba(255, 109, 74, 0), 0 0 0 30px rgba(255, 109, 74, 0)
        }

        100% {
            box-shadow: 0 0 0 0 rgba(255, 109, 74, 0), 0 0 0 30px rgba(255, 109, 74, 0)
        }
    }

    .btn {
        text-transform: uppercase;
        letter-spacing: 0;
        border: 0 solid #e0e622;
        background-color: #e0e622;
        color: #fff;
        border-radius: 30px;
        padding: 7px 10px !important;
        line-height: 1.9;
        white-space: normal;
        position: relative;
        font-weight: 400;
        -webkit-box-shadow: unset !important;
        box-shadow: unset !important;
        -webkit-transition: .3s;
        -moz-transition: .3s;
        -ms-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
        outline: 0
    }

    .home-banner-slider .home-banner-slider-wrapper .banner-sub-heading img {
        width: 15px
    }

    .home-banner-slider .home-banner-slider-counter {
        display: none
    }

    .home-banner-slider .home-banner-slider-counter .home-banner-slider-next, .home-banner-slider .home-banner-slider-counter .home-banner-slider-prev {
        width: 25px;
        height: 25px
    }

    .home-banner-slider #navigationDots {
        bottom: 0;
    }

    .home-banner-slider #navigationDots span {
        position: relative;
        width: 8px;
        padding: 11px;
        z-index: 1;
        cursor: pointer
    }

    .slider-desc .mb-24 {
        margin-bottom: 10px !important
    }

    .home-banner-slider #navigationDots span:after {
        height: 4px
    }

    .prepain-plans-section .row .col-12 {
        padding-left: 0;
        padding-right: 0
    }

    .prepain-plans-section .prepare-plan-image {
        height: 199px;
        display: flex;
        flex-direction: column;
        align-items: center
    }

    .bg-xl-body {
        padding-left: 0
    }

    .prepain-plans-section .prepare-plan-image .coverage-btn {
        position: relative;
        left: unset;
        bottom: unset;
        top: unset;
        transform: unset;
        min-width: 210px;
        margin-top: 142px
    }

    .prepain-plans-section .prepare-plan-content {
        position: relative
    }

    .prepain-plans-section .prepare-plan-content h2 {
        font-size: 24px;
        line-height: 34px
    }

    .prepain-plans-section .prepare-plan-content .plan-cols {
        flex-wrap: wrap
    }

    .prepain-plans-section .prepare-plan-content .plan-cols .plan-block {
        margin-right: 4%;
        width: 48%
    }

    .only-mobile-col {
        min-height: 550px
    }

    .home-banner-slider .home-banner-slider-wrapper .home-banner-content {
     padding-left: 6%;
    }

}

.prepain-plans-section .prepare-plan-content .plan-cols .plan-block p {
    margin-bottom: 0
}

.prepain-plans-section .prepare-plan-content .plan-cols .plan-block .plan-name-title {
    width: 100%;
    min-height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.prepain-plans-section .prepare-plan-content .plan-cols .plan-block .plan-name-title .plan-name {
    font-weight: 400;
    font-size: 14px;
    line-height: 1.4;
    text-align: center;
    margin-bottom: 4px
}

.prepain-plans-section .prepare-plan-content .plan-cols .plan-block .plan-name-title .plan-title {
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    text-align: center;
    margin-bottom: 20px
}

.prepain-plans-section .prepare-plan-content .plan-cols .plan-block .plan-buy {
    width: 100%;
    font-size: 14px;
    line-height: 24px;
    text-align: center
}

.current-customer-section a, .prepain-plans-section .prepare-plan-content .plan-cols .plan-block .plan-buy a {
    color: #cd1231;
}
.plan-buy a:hover {background: linear-gradient(45deg, var(--red) 65%, var(--red) 100%) !important;}
.plan-buy a.offer:hover {color:#cd1231 !important;background:none !important ; font-weight: bolder;}

.prepain-plans-section .prepare-plan-content .plan-cols .plan-block.view-more {
    background-color: #cd1231;
}

.prepain-plans-section .prepare-plan-content .plan-cols .plan-block.view-more a {
    font-size: 14px;
    line-height: 24px;
    color: #fff;
}

.only-mobile-col .only-mobile-block {
    background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border: 1px solid #e5e5e5;
    border-radius: 8px
}

.network-jordan-section .network-jordan-inner .section-image h2 {
    position: absolute;
    top: 80px;
    left: 80px;
    font-size: 50px;
    line-height: 56px;
    color: #fff;
    font-weight: 600
}

.network-jordan-section .network-jordan-inner .section-blocks {
    display: flex;
    margin-top: -100px;
    position: relative
}

.network-jordan-section .network-jordan-inner .section-blocks .section-block {
    background: #fff;
    border: 1px solid #e5e5e5;
    box-shadow: 0 3px 15px rgba(0, 0, 0, .1);
    border-radius: 10px
}

.explore-latest-section .explore-latest-block {
    position: relative;
    border-radius: 0 0 30px 70px;
    line-height: 1;
    overflow: hidden;
    height: 100%
}

.explore-latest-section .explore-latest-block .explore-latest-content {
    background: linear-gradient(356.22deg, #000 9.88%, rgba(0, 0, 0, 0) 36.64%);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: end;
    align-items: center;
    flex-direction: column;
    color: #fff
}

.latest-devices-section .products-section {
    overflow: hidden
}

.latest-devices-section .products-section .products-section-inner {
    display: flex;
    width: 100%;
    position: relative
}

@media screen and (max-width:1199px) {
    .network-jordan-section .network-jordan-inner .section-image h2 {
        top: 50px
    }

    .latest-devices-section .products-section .products-section-inner .the-block {
        max-width: 33%;
        flex: 0 0 33%
    }
}

@media screen and (max-width:991px) {
    .phone-plans-section .pb-plan-builder-wrap-multistep .step-wrap .step-data, .phone-plans-section .pb-plan-builder-wrap-multistep .step-wrap .step-heading {
        padding: 20px 25px
    }

    .phone-plans-section .pb-plan-builder-wrap-multistep .step-wrap .step-heading .step-heading-text {
        font-size: 16px
    }

    .phone-plans-section .pb-plan-builder-wrap-multistep .step-wrap .step-button-digit .next-prev-btn a {
        font-size: 14px
    }

    .phone-plans-section .step-data .radio-custom .radio-label {
        font-size: 14px;
        padding-right: 15px;
        padding-left: 15px
    }

    .prepain-plans-section .prepare-plan-image {
        background-size: contain
    }

    .network-jordan-section .network-jordan-inner .section-image {
        padding-top: 22px;
        padding-bottom: 74px;
        padding-left: 20px
    }

    .network-jordan-section .network-jordan-inner .section-image img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        object-fit: cover
    }

    .network-jordan-section .network-jordan-inner .section-image h2 {
        font-size: 22px;
        line-height: 26px;
        position: relative;
        top: unset;
        left: unset
    }

    .network-jordan-section .network-jordan-inner .section-blocks {
        margin-top: -50px
    }

    .latest-devices-section .products-section .products-section-inner .the-block {
        max-width: 50%;
        flex: 0 0 50%
    }
}

.latest-devices-section .products-section .products-section-inner .the-block .device-block {
    border-radius: 8px
}

.latest-devices-section .products-section .products-section-inner .the-block .device-block .price-desc {
    min-height: 70px
}

.latest-devices-section .products-section .products-section-inner .the-block .device-block .device-brand {
    min-height: 24px
}

.latest-devices-section .products-section .products-section-inner .the-block .device-block .product-name-wrap {
    min-height: 71px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    line-clamp: 2;
    -webkit-box-orient: vertical
}

.latest-devices-section .products-section .products-section-inner .the-block .device-block .get-plan-text {
    min-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp:1;
    -webkit-box-orient: vertical
}

.latest-devices-section .products-section .products-section-inner .the-block .product-image-wrap {
    position: relative;
    padding-top: 100%;
    text-align: center
}

.latest-devices-section .products-section .products-section-inner .the-block .product-image-wrap img {
    width: auto;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    max-width: 100%;
    margin: 0 auto
}

.download-app-section .download-app-column--left {
    padding-top: 136px;
    padding-bottom: 136px;
    max-width: 550px
}

@media screen and (max-height:1199px) {
    .download-app-section .download-app-column--left {
        padding-top: 70px;
        padding-bottom: 70px
    }
}

@media screen and (max-height:991px) {
    .download-app-section .download-app-column--left {
        padding-top: 40px;
        padding-bottom: 40px
    }
}

.download-app-section .download-app-column--right {
    height: 100%;
    display: flex
}

.download-app-section .download-app-column--right--img1, .download-app-section .download-app-column--right--img2 {
    align-self: flex-end;
    line-height: 0
}

.download-app-section .download-app-column--right img {
    width: 100%;
    display: block
}

.cta-section .container {
    max-width: 1040px
}

.cta-section .container_inner {
    border-radius: 10px;
    background-image: url(../images/bg-cta.webp);
    background-size: cover;
    background-repeat: no-repeat
}

.coming-soon-section .coming-soon-wrap {
    padding-left: 80px;
    border-radius: 8px;
    position: relative
}

@media screen and (max-width:1280px) {
    .coming-soon-section .coming-soon-wrap {
        padding-left: 40px
    }
}

.coming-soon-section .coming-soon-wrap h2 {
    color: #cc092f;
    z-index: 9;
    text-shadow: 1px 1px #fff; /* 2px right, 2px down, dark gray color */

}

.coming-soon-section .coming-soon-wrap h2 span {
    font-size: 70px;
    line-height: 1.1
}

@media screen and (max-width:1199px) {
    .coming-soon-section .coming-soon-wrap h2 span {
        font-size: 55px
    }
}

@media screen and (max-width:767px) {
    .network-jordan-section .network-jordan-inner .section-blocks {
        margin-top: 0;
        display: block
    }

    .explore-latest-section .explore-latest-block {
        min-height: 300px
    }

    .explore-latest-section .explore-latest-block img {
        object-fit: cover
    }

    .latest-devices-section .latest-action-inner {
        padding-right: 40px;
        padding-left: 40px;
        position: relative
    }
    

    .latest-devices-section .latest-action-inner .slider-nav-btn-wrap {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100%;
        transform: translate(-50%, -50%)
    }

    .latest-devices-section .latest-action-inner .slider-nav-btn-wrap .next, .latest-devices-section .latest-action-inner .slider-nav-btn-wrap .prev {
        position: absolute;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .latest-devices-section .latest-action-inner .slider-nav-btn-wrap .next {
        right: 0;
        transform: translateX(60%)
    }

    .latest-devices-section .latest-action-inner .slider-nav-btn-wrap .prev {
        left: 0;
        transform: translateX(-60%)
    }

    .latest-devices-section .products-section .products-section-inner .the-block .device-block .product-name-wrap {
        min-height: 48px
    }

    .cta-section .container .cta-content-wrap_inner br {
        display: none
    }

    .coming-soon-section .coming-soon-wrap {
        padding-left: 0
    }

    .coming-soon-section .coming-soon-wrap h2 span {
        font-size: 46px
    }
}

@media screen and (max-width:375px) {
    .coming-soon-section .coming-soon-wrap h2 span {
        font-size: 36px
    }
}

.coming-soon-section .coming-soon-wrap h2 .environment-text {
    color: var(--navyblue);
    text-shadow: 1px 1px #fff; /* 2px right, 2px down, dark gray color */


}

.coming-soon-section .coming-soon-wrap .comming-soon-image {
    position: absolute;
    top: 0;
    right: 0;
    max-width: 892px;
    padding-right: 0
}

.coming-soon-section .coming-soon-wrap .comming-soon-image img {
    mix-blend-mode: multiply;
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: 80%
}

.coming-soon-section .coming-soon-wrap .coming-soon-text {
    padding-top: 150px;
    padding-bottom: 150px;
    max-width: 540px;
    margin-right: auto
}

@media screen and (max-width:1360px) {
    .coming-soon-section .coming-soon-wrap .coming-soon-text {
        padding-top: 100px;
        padding-bottom: 100px
    }
}

@media screen and (max-width:1280px) {
    .coming-soon-section .coming-soon-wrap .coming-soon-text {
        padding-top: 80px;
        padding-bottom: 80px
    }
}

@media screen and (max-width:991px) {
    .coming-soon-section .coming-soon-wrap .coming-soon-text {
        padding-top: 40px;
        padding-bottom: 40px
    }
}

.interesting-blogs-section .custom-slider-wrap .custom-slider-inner {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    position: relative;
    overflow: hidden
}

.interesting-blogs-section .custom-slider-wrap .custom-slider-inner .custom-slider-item {
    max-width: 33.33%;
    flex: 0 0 33.33%;
    padding: 0 15px
}

@media screen and (max-width:767px) {
    .coming-soon-section .coming-soon-wrap .comming-soon-image {
        position: relative;
        top: unset;
        right: unset;
        margin: 0 auto
    }

    .coming-soon-section .coming-soon-wrap .comming-soon-image img {
        object-fit: unset
    }

    .coming-soon-section .coming-soon-wrap .coming-soon-text {
        padding: 30px 30px 20px
    }

    .interesting-blogs-section .custom-slider-wrap .custom-slider-inner .custom-slider-item {
        max-width: 50%;
        flex: 0 0 50%
    }

    .interesting-blogs-section .explorer-blogs-section .the-blog-item-inner .explorer-image {
        object-fit: cover
    }
}

.interesting-blogs-section .explorer-blogs-section, .quick-links-section .custom-slider-wrap {
    margin-left: -15px;
    margin-right: -15px
}

.interesting-blogs-section .explorer-blogs-section .the-blog-item-inner {
    border: 1px solid #e5e5e5;
    display: flex;
    flex-direction: column;
    border-radius: 0 0 10px 30px;
    position: relative
}

.interesting-blogs-section .explorer-blogs-section .the-blog-item-inner .block-link-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    z-index: 1
}

.interesting-blogs-section .explorer-blogs-section .the-blog-item-inner .explorer-image {
    height: 240px
}

.interesting-blogs-section .explorer-blogs-section .the-blog-item-inner .explorer-image img {
    width: 100%;
    height: 240px;
    object-fit: cover
}

.interesting-blogs-section .explorer-blogs-section .the-blog-item-inner .interesting-content {
    border-top: 0;
    height: 100%;
    display: flex;
    flex-direction: column
}

.interesting-blogs-section .explorer-blogs-section .the-blog-item-inner .interesting-content .read-link, .quick-links-section .the-blog-item-inner .read-links {
    margin-top: auto
}

.interesting-blogs-section .explorer-blogs-section .the-blog-item-inner .interesting-content .read-link a {
    display: block;
    color: #0092bc;
    position: relative;
    z-index: 1
}

.interesting-blogs-section .explorer-blogs-section .the-blog-item-inner .interesting-content .read-link a svg path, .quick-links-section .the-blog-item-inner .read-links a svg path {
    fill: #0092BC
}

.current-customer-section .current-customer-more:hover, .interesting-blogs-section .explorer-blogs-section .the-blog-item-inner .interesting-content .read-link a:hover {
    color: #323e48
}

.current-customer-section .current-customer-more:hover svg path, .interesting-blogs-section .explorer-blogs-section .the-blog-item-inner .interesting-content .read-link a:hover svg path {
    fill: #323E48
}

.ugames-section {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.quick-links-section .custom-slider-wrap .custom-slider-inner .custom-slider-item {
    max-width: 33.33%;
    flex: 0 0 33.33%
}

@media screen and (max-width:1199px) {
    .quick-links-section .custom-slider-wrap .custom-slider-inner .custom-slider-item {
        max-width: 25%;
        flex: 0 0 25%
    }
}

@media screen and (max-width:991px) {
    .quick-links-section .custom-slider-wrap .custom-slider-inner .custom-slider-item {
        max-width: 33.33%;
        flex: 0 0 33.33%
    }

    .latest-offers-section .offer-slider .custom-slider-item {
        max-width: 50%;
        flex: 0 0 50%
    }
}

@media screen and (max-width:767px) {
    .quick-links-section .title-section {
        max-width: 242px;
        margin: 0 auto
    }

    .quick-links-section .custom-slider-wrap .custom-slider-inner .custom-slider-item {
        max-width: 50%;
        flex: 0 0 50%
    }
}

.quick-links-section .the-blog-item-inner {
    border: 1px solid #e5e5e5;
    border-radius: 0 0 10px 30px
}

.quick-links-section .the-blog-item-inner .icons-quick-link {
    width: 58px;
    height: 58px
}

@media screen and (max-width:630px) {
    .interesting-blogs-section .custom-slider-wrap .custom-slider-inner .custom-slider-item, .latest-devices-section .products-section .products-section-inner .the-block, .quick-links-section .custom-slider-wrap .custom-slider-inner .custom-slider-item {
        max-width: 100%;
        flex: 0 0 100%
    }

    .quick-links-section .the-blog-item-inner .icons-quick-link {
        width: 30px;
        height: 30px
    }
}

.quick-links-section .the-blog-item-inner .read-links a {
    display: block;
    color: #0092bc
}

.latest-offers-section .offer-slider .custom-slider-inner {
    padding-top: 15px
}

.latest-offers-section .offer-slider .custom-slider-item {
    padding: 0 10px
}

.latest-offers-section .offer-slider .custom-slider-item .custom-slider-item-inner {
    display: flex;
    cursor: pointer;
    transform: translateY(0);
    transition: .3s
}

.latest-offers-section .offer-slider .custom-slider-item .custom-slider-item-inner:hover {
    transform: translateY(-10px);
    box-shadow: 0 3px 15px rgba(0, 0, 0, .1)
}

.current-customer-section .customer-block {
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    height: 100%;
    padding-bottom: 29%
}

@media screen and (max-width:480px) {
    .prepain-plans-section .prepare-plan-content .plan-cols .plan-block {
        margin-right: 8%;
        width: 46%
    }

    .current-customer-section .customer-block {
        background-position: -40px 0
    }
}

.current-customer-section .customer-content {
    max-width: 333px;
    border-radius: 0 0 0 50px;
    border: 1px solid #e5e5e5;
    margin-left: auto
}

.current-customer-section .current-customer-more {
    display: inline-block
}

.current-customer-section .current-customer-more svg path {
    transition: .3s
}

.speak-specialist__blocks .speak-specialist__block+.speak-specialist__block {
    margin-left: 20px
}

@media screen and (max-width:767px) {
    .current-customer-section .customer-block {
        padding-bottom: 16px
    }

    .current-customer-section .customer-content {
        max-width: 192px;
        border-radius: 0 0 0 40px
    }

    .speak-specialist__blocks .speak-specialist__block {
        max-width: 100%;
        flex: 0 0 100%
    }

    .speak-specialist__blocks .speak-specialist__block:last-child {
        margin-bottom: 0
    }

    .speak-specialist__blocks .speak-specialist__block+.speak-specialist__block {
        margin-left: 0
    }
   
}

@media screen and (min-width:768px) {
     .home-banner-slider .home-banner-slider-wrapper .home-banner-content {
     padding-left: 6%;
    }
}

.container .row p a {
    font-weight: 700
}

#sliderVideo {
    width: 100vw;
    height: auto;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    overflow: hidden;
    z-index: -1
}