:root {
    --orangeColor: #ff7901;
}

@font-face {
    font-family: 'font';
    src: url('../fonts/font.ttf');
}

@font-face {
    font-family: 'font2';
    src: url('../fonts/font2.ttf');
}

html,
body {
    display: block;
    margin: 0;
    padding: 0;
    font-family: Ubuntu, 'Open Sans';
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    overflow-x: hidden;
    -webkit-tap-highlight-color: transparent;
}

* {
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-border-radius: 0;
    font-family: Ubuntu, 'Open Sans';
    margin: 0;
    padding: 0;
}

button {
    border: none;
    outline: none;
    cursor: pointer;
}

::-webkit-scrollbar-track {
    background-color: #F5F5F5;
}

::-webkit-scrollbar {
    width: 12px;
    background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb {
    background-color: black;
}

    ::-webkit-scrollbar-thumb:hover {
        background-color: rgba(10, 10, 10, .85);
    }

#israeliPrefixesWrapper::-webkit-scrollbar-thumb {
    background-color: #262937;
}

#brazilPrefixesWrapper {
    display: none;
}

#israeliPrefixesWrapper::-webkit-scrollbar-thumb:hover {
    background-color: #2e3242;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/*---------------Header---------------*/

#langHeader {
    height: 2.3rem;
    background-color: #181a23;
    position: relative;
    width: 100%;
    text-align: right;
}

#header {
    height: 6rem;
    background-color: black;
    position: relative;
    z-index: 2;
}

.langWrapper {
    position: relative;
    padding-top: .5rem;
    z-index: 4;
}

.langBtn {
    color: gray;
    cursor: pointer;
}

#menuArrow {
    width: 15px;
    cursor: pointer;
}

#langChoose {
    display: none;
    width: 10rem;
    position: absolute;
    right: -3.5%;
}

.chooselangMenu {
    background-color: black;
    padding: 1rem;
    text-align: center;
}

    .chooselangMenu li {
        list-style-type: none;
        margin-bottom: .7rem;
        border-bottom: 1px solid var(--orangeColor);
        color: white;
        cursor: pointer;
    }

        .chooselangMenu li:last-child {
            font-family: 'font';
        }

#logoWrapper {
    cursor: pointer;
}

#logo {
    width: 160px;
    margin-top: .9rem;
    height: auto;
}

#headerNav {
    position: absolute;
    top: 37%;
    left: 28%;
}

    #headerNav a {
        text-decoration: none;
        color: lightgray;
        margin-right: 3.2rem;
    }

    #headerNav button {
        background: none;
        border: none;
        outline: none;
        font-size: 1rem;
        color: lightgray;
        margin-right: 3.2rem;
    }

#logInBtn {
    background-color: var(--orangeColor);
    color: white;
    padding: 1rem;
    border-radius: 50px;
    margin-top: 1.3rem;
    text-decoration: none;
}

#register {
    color: black;
}

/*---------------Menu---------------*/

.menuImgWrapper {
    display: none;
    position: absolute;
    top: 1.5rem;
    right: 1rem;
    z-index: 1;
}

#menuImg {
    width: 30px;
    cursor: pointer;
}

#menu {
    display: none;
    position: fixed;
    right: -50rem;
    top: 0;
    height: 70%;
    width: 50%;
    background-color: black;
    box-shadow: 0 0 5px rgba(0, 0, 0, .1);
    z-index: 6;
}

    #menu:before {
        position: absolute;
        content: '';
        width: 100%;
        height: 9rem;
        z-index: 999;
        top: -5rem;
        background-color: var(--orangeColor);
    }

#menuCloseImg {
    width: 35px;
    top: 1rem;
    right: 2rem;
    position: absolute;
    z-index: 999;
    cursor: pointer;
}

#menuNav {
    margin-top: 7rem;
    padding-left: 1rem;
    padding-right: 1rem;
}

    #menuNav a {
        display: block;
        text-decoration: none;
        color: white;
        margin-bottom: .8rem;
        border-bottom: 1px solid var(--orangeColor);
        font-size: 1.2rem;
    }

    #menuNav button {
        display: block;
        background: none;
        color: white;
        margin-bottom: .8rem;
        border-bottom: 1px solid var(--orangeColor);
        font-size: 1.2rem;
        width: 100%;
        text-align: left;
    }

#menuLogoWrapper {
    width: 100%;
    text-align: center;
    margin-top: 3rem;
}

#menuLogo {
    width: 130px;
}

/*---------------Spinner---------------*/

.spinnerWrapper {
    position: fixed;
    display: none;
    top: 10%;
    width: 100%;
    left: 0;
    text-align: center;
    z-index: 999;
}

.spinner {
    width: 60px;
    height: 60px;
    border-radius: 100%;
    position: relative;
    margin: auto;
    z-index: 999;
}

    .spinner .circle {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        border-radius: 100%;
        border: calc(60px / 10) solid transparent;
    }


        .spinner .circle.circle-1 {
            border-top-color: var(--orangeColor);
            animation: half-circle-spinner-animation 1s infinite;
            -moz-animation: half-circle-spinner-animation 1s infinite;
            -webkit-animation: half-circle-spinner-animation 1s infinite;
            -o-animation: half-circle-spinner-animation 1s infinite;
        }

        .spinner .circle.circle-2 {
            border-bottom-color: var(--orangeColor);
            animation: half-circle-spinner-animation 1s infinite alternate;
            -moz-animation: half-circle-spinner-animation 1s infinite alternate;
            -webkit-animation: half-circle-spinner-animation 1s infinite alternate;
            -o-animation: half-circle-spinner-animation 1s infinite alternate;
        }

@keyframes half-circle-spinner-animation {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/*---------------simCardContainer---------------*/

#simCardContainer {
    position: relative;
    background: url('../Slices/topSectionEn.jpg') no-repeat top center;
    padding-bottom: 8.5rem;
}

#connectWrapper {
    padding-top: 2rem;
    width: 100%;
}

#connect {
    color: white;
    display: none;
    text-align: center;
}

#popOfferHeader {
    color: white;
    text-align: center;
    font-size: 3rem;
    font-weight: 600;
}

    #popOfferHeader span {
        color: white;
        display: block;
        font-weight: 600;
        text-align: center;
    }

#topHeaderDesc {
    color: var(--orangeColor);
    font-size: 1rem;
    margin-bottom: 1.5rem;
    font-weight: normal;
}

#connect span {
    display: block;
    font-size: 3rem;
    font-weight: 600;
    text-align: center;
}

#connect label {
    font-size: 1.5rem;
}

#searchWrapper {
    position: relative;
    margin-top: 3.5rem;
    width: 47%;
    margin: 3.5rem auto 0 auto;
    z-index: 2;
}

#countrySearch {
    border: none;
    width: 100%;
    height: 2.5rem;
    padding-left: 1rem;
    font-size: 1.1rem;
    border-radius: 5px;
}

.selectedLi {
    background-color: lightgray;
}

#countrySearch::placeholder {
    color: black;
}

#selectedFlagForTitle {
    cursor: text;
}

#searchCountry {
    position: absolute;
    pointer-events: none;
    right: -1rem;
    top: 0;
    background: none;
    background-color: var(--orangeColor);
    color: white;
    border-radius: 50px;
    height: 2.5rem;
    width: 9rem;
    font-size: 1.1rem;
    z-index: 5;
}

#popularDestMob {
    display: none !important;
}

#popularDestWrapper {
    display: none;
    margin-top: 1rem;
    color: white;
}

    #popularDestWrapper div {
        display: inline-block;
    }

    #popularDestWrapper p {
        display: inline-block;
    }

    #popularDestWrapper span {
        cursor: pointer;
    }

    #popularDestWrapper img {
        width: 20px;
        margin-left: 1rem;
    }

#plansWrapper,
#planDescWrapper {
    display: none;
}

#otherSectionsContainer {
    position: absolute;
    bottom: -15rem;
    width: 100%;
    text-align: center;
    letter-spacing: 0.01rem;
}

#otherSectionsWrapper {
    width: 100%;
    text-align: center;
    position: relative;
}

.otherSection:nth-child(2) img {
    top: 1.5rem
}

#popOffersWrapper,
#popOffersWrapperMobile {
    margin: 4rem auto;
    width: 58rem;
    color: white;
    font-weight: 600;
    text-align: center;
}

#popOffersWrapperMobile {
    margin-top: 2rem;
}

#popOffersHe,
#popOffersEs,
#popOffersPt {
    display: none;
}

#popOffersEn {
    display: block;
}

.popOfferHeader {
    font-size: 1.3rem;
    color: var(--orangeColor);
    margin-left: .5rem;
}

.popOffer {
    display: inline-block;
    padding: 1rem 2rem 1rem 2rem;
    border: 2px solid white;
    width: 14rem;
    height: 8.5rem;
    border-radius: 5px;
    position: relative;
}

.popOfferPrice {
    display: block;
    font-size: 1.3rem;
    margin-top: 1rem;
}

.popOfferBtn {
    background-color: var(--orangeColor);
    padding: .5rem;
    width: 7rem;
    height: 2rem;
    border-radius: 5px;
    color: white;
    font-weight: 600;
    margin-top: 1rem;
}

.popOfferLearnWrapper {
    position: absolute;
    bottom: -2rem;
    left: 0;
    width: 100%;
}

.popOfferLearnBtn {
    background: none;
    color: white;
    font-size: 1rem;
}

.popOffer img {
    width: 30px;
    height: 20px;
}

.popOffer:first-child {
    float: left;
}

.popOffer:nth-child(2) {
}

.popOffer:last-child {
    float: right;
}

.popOfferSubtext {
    font-size: .8rem;
    margin-top: .5rem;
    display: block;
}

.otherSection {
    position: relative;
    width: 28.45%;
    height: 14rem;
    display: inline-block;
    padding: 2rem 2rem 2rem 2rem;
    background-color: lightgray;
    text-align: center;
}

    .otherSection:nth-child(1) {
        position: absolute;
        top: 0;
        left: 0;
        background: url('../SlicesCache/globusimSection.png') no-repeat center center;
        background-size: 100% 100%;
    }

    .otherSection:nth-child(2) {
        background: url('../SlicesCache/vNumberSection.png') no-repeat center center;
        background-size: 100% 100%;
    }

    .otherSection:nth-child(3) {
        position: absolute;
        top: 0;
        right: 0;
        background: url('../SlicesCache/mobileRechargeSection.png') no-repeat center center;
        background-size: 100% 100%;
    }

    .otherSection span {
        display: block;
        color: white;
    }

        .otherSection span:not(:last-child) {
            font-size: 1.2rem;
            font-weight: 600;
        }

.otherSectionImgWrapper {
    position: absolute;
    top: 2rem;
    left: 0;
    width: 100%;
    text-align: center;
}

#otherSectionsWrapper img {
    width: 120px;
    height: auto;
}

#otherSectionsWrapper p {
    margin-top: 4rem;
}

#otherSectionsWrapper span {
    font-weight: 400;
}

#otherSectionsWrapper button,
#otherSectionsWrapper a {
    display: inline-block;
    text-decoration: none;
    width: 10rem;
    height: 2.5rem;
    outline: none;
    background: none;
    border: 1px solid white;
    border-radius: 50px;
    margin-top: 4rem;
    color: white;
    cursor: pointer;
    font-size: 1rem;
}

#otherSectionsWrapper a {
    line-height: 2.5rem;
}

/*---------------simCardContainer---------------*/

.plansClicked,
.plansClickedGeneric {
    background: url('../Slices/plans.jpg') no-repeat top center, #262937 !important;
}

    .plansClickedGeneric #secondPlan {
        background-color: var(--orangeColor);
    }

    .plansClickedGeneric #thirdPlan {
        float: right;
        background-color: #3a3f52;
    }

    .plansClickedGeneric .plan {
        border: 2px solid white;
    }

    .plansClickedGeneric .planHeader {
        text-align: left;
    }

.planPrice label {
    display: block;
    color: var(--orangeColor);
    text-decoration: line-through;
    text-decoration-color: black;
}

.plansClickedGeneric #connect span {
    text-align: center !important;
}

.plansClickedGeneric .insidePlans #searchWrapper {
    margin: 3.5rem auto 0 auto;
    /*width: 20% !important;*/
}

.plansClickedGeneric #searchWrapper {
    margin: 3.5rem auto 0 auto;
    /*width: 40% !important;*/
}

/*.genericPlanDesc {
    position: absolute;
    width: 100%;
    left: 0;
    text-align: left;
    background: rgba(0, 0, 0, .3) !important;
    z-index: 1;
    padding-bottom: 4rem !important;
    padding-top: 4rem !important;
    height: 30rem !important;
}*/

.genericPlanDesc {
    width: 100vw;
    float: right;
    text-align: left;
    background: rgba(0, 0, 0, .3) !important;
    z-index: 1;
    padding-bottom: 4rem !important;
    padding-top: 4rem !important;
    /*height: unset !important;*/
    margin: -3rem -15% -1rem 0;
}

/*.genericPlanDesc #planChooseBtn {
    top: 2.1rem;
}*/

/*.genericPlanDesc #chosenPlanJoinBtn {
    display: none;
}*/

.genericPlansSearch {
    padding-bottom: 3.5rem;
    margin: 1.5rem auto 0 auto !important;
}

.planFlagWrapper {
    text-align: center;
    width: 100%;
    margin-bottom: .5rem;
}

.planFlag {
    width: 3rem;
    height: 1.8rem;
}

.insidePlans {
    height: unset !important;
}

    .insidePlans #connect span {
        text-align: left;
    }

    .insidePlans #searchWrapper {
        margin: 3.5rem 0 0 0;
    }

.plansClickedGeneric .pickedCountrySearch {
    padding-bottom: 2rem;
    margin: -1rem auto 0 auto !important;
}

.mexicoPlanClicked .pickedCountrySearch {
    padding-bottom: 2rem;
    margin: -1rem auto 0 auto !important;
}

.plansClicked #planDescWrapper,
.plansClickedGeneric #planDescWrapper {
    margin-top: 2rem;
}

.otherCountryClicked #planDescWrapper {
    margin-top: 4rem;
}

.israeliPlanClicked {
    background: url('../Slices/israeliPlan.jpg') no-repeat top center, #262937 !important;
}

.cubaPlanClicked {
    background: url('../Slices/cubaPlan.jpg') no-repeat top center, #262937 !important;
}

.mexicoPlanClicked {
    background: url('../Slices/Mexico-plans.jpg') no-repeat top center, #262937 !important;
}

.brazilPlanClicked {
    background: url('../Slices/brazilPlan.jpg') no-repeat top center, #262937 !important;
}

.venezuelaPlanClicked {
    background: url('../Slices/venezuelaPlan.jpg') no-repeat top center, #262937 !important;
}

.colombiaPlanClicked {
    background: url('../Slices/colombiaPlan.jpg') no-repeat top center, #262937 !important;
}

.peruPlanClicked {
    background: url('../Slices/peruPlan.jpg') no-repeat top center, #262937 !important;
}

.noFixedHeight {
    height: unset !important;
}

#plansWrapper {
    display: none;
    text-align: center;
    margin-top: 4.5rem;
    padding-bottom: 0rem;
}

#plans {
    display: flex;
    justify-content: center;
    gap: 30px;
}

.plan-container {
    display: flex;
    flex-direction: column;
}

.plan {
    position: relative;
    display: inline-block;
    text-align: left;
    color: white;
    padding: 2rem;
    width: 360px;
    height: 27rem;
    margin-bottom: 3rem;
}

.thirdPlanFooter {
    text-align: center;
    float: right;
    display: inline-block;
    color: white;
}

.secondPlanFooter {
    text-align: center;
    display: inline-block;
    color: white;
}

.firstPlanFooter {
    text-align: center;
    float: left;
    color: white;
    display: inline-block;
}

.PlanFooter, .planMinDesc i {
    font-size: 12px;
}

.otherPlan .plan {
    width: 38%;
    padding-bottom: 1rem;
}

.otherPlan {
    padding-bottom: 33rem !important;
}

.onlyPlan {
    padding-bottom: 4rem !important;
}

    .onlyPlan #firstPlan {
        float: none !important;
    }

.otherPlan #secondPlan {
    float: right;
}

.otherPlan #thirdPlan,
.otherPlan .learnMoreBtnWrapper {
    display: none !important;
}

.cubaPlanClicked .plan {
    height: 27rem;
}

.plan:first-child {
    float: left;
    list-style-image: url('../Slices/checked.png');
    background-color: #3a3f52;
}

.plan:nth-child(2) {
    list-style-image: url('../Slices/checked_white.png');
    background-color: var(--orangeColor);
}

.plan:last-child {
    float: right;
    list-style-image: url('../Slices/checked.png');
    background-color: #3a3f52;
    height: 37rem;
}

#firstPlan {
    height: 37rem;
}

#thirdPlan {
    float: right;
    background-color: #3a3f52;
    list-style-image: url('../Slices/checked.png');
    height: 37rem;
}

#secondPlan {
    list-style-image: url('../Slices/checked_white.png');
    background-color: var(--orangeColor);
    height: 37rem;
}

#simPhoneNumber, #simPhoneNum {
    width: 100%;
    display: block;
    margin: auto;
    font-size: 1.2rem;
    height: 2rem;
}

.simPhoneNumberWrapper, .simPhoneNumWrapper {
    width: 84%;
    border: 2px solid #c9c6c6;
    margin-left: 1.1rem !important;
}

.plan span {
    display: block;
}

    .plan span:first-child {
        font-weight: 600;
        padding: 0 1rem;
    }

#firstPlanMinDesc span:first-child,
#thirdPlanMinDesc span:first-child {
    color: var(--orangeColor);
}

#secondPlanMinDesc span:first-child {
    color: black;
}

.plan ul {
    margin-top: 1rem;
    margin-left: 1rem;
}

.plan li {
    line-height: 1.5rem;
    padding-left: .5rem;
    padding-bottom: 1rem;
}

.planHeader {
    font-weight: 600;
    font-size: 1.5rem;
    margin-bottom: 1rem;
}

    .planHeader span {
        display: inline-block;
    }

.planPrice {
    position: absolute;
    left: 0;
    bottom: 6rem;
    width: 100%;
    padding: .5rem 0 .5rem 0;
    font-weight: 600;
    font-size: 1.5rem;
    color: black;
    text-align: center;
    background-color: white;
    margin-top: 1rem;
}

#planDescWrapper {
    display: none;
    /*height: 18rem;*/
    padding-top: 5rem;
    margin-top: 1rem;
    background-color: var(--orangeColor);
}

.learnMoreBtnWrapper {
    position: absolute;
    bottom: 1rem;
    left: 0;
    width: 100%;
    text-align: center;
}

.cubaPlanClicked .learnMoreBtnWrapper {
    bottom: 1rem;
}

.learnMoreBtn {
    width: 10rem;
    height: 2.5rem;
    background: none;
    color: white;
    font-size: 1rem;
    border-radius: 50px;
}

.cubaPlanClicked .learnMoreBtn {
    border: none;
    border-radius: unset;
}

.choosePlanWrapper {
    color: white;
    position: relative;
}

#choosePlanForm1 {
    position: relative;
    direction: ltr;
    width: 40%;
    margin: 2.5rem auto 0 auto;
    padding-bottom: 2rem;
}

    #choosePlanForm1 .planDescHeader {
        text-align: center;
    }

        #choosePlanForm1 .planDescHeader span {
            display: block;
            font-size: 1.1rem;
        }

#chosenPlanJoinBtnWrapper {
    position: absolute;
    top: 3.5rem;
    right: 0;
}

#chosenPlanDesc {
    font-weight: 700;
    font-size: .9rem;
    text-align: justify;
}

#chosenPlanJoinBtn {
    /*float: right;*/
    border-radius: 50px;
    background: white;
    color: var(--orangeColor);
    /*margin-bottom: 1rem;*/
    font-size: 1.4rem;
    font-weight: 600;
    width: 32rem;
    height: 3rem;
}

.choosePlan {
    /*display: inline-block;*/
    /*width: 40%;*/
}

    .choosePlan:first-child {
        /*float: left;*/
        width: 40%;
    }

    .choosePlan:last-child {
        /*float: right;*/
        position: relative;
        display: block;
    }

.planDescHeader {
    margin-bottom: 1rem;
    font-size: 1.4rem;
    font-weight: 700;
}

.planDesc li {
    list-style-type: none;
}

.getStartedWrapper {
    position: relative;
    margin-top: 1rem;
    display: block;
}

#getStartedTerms {
    display: inline-block;
    padding-left: 2.3rem;
    margin-top: .1rem;
}

.getStartedWrapper input:checked ~ .checkmark {
    background-color: var(--orangeColor);
}

.getStartedWrapper .checkmark {
    position: absolute;
    top: -.3rem;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: transparent;
    border-radius: 5px;
    border: 1.5px solid white !important;
    cursor: pointer;
}

.getStartedWrapper input:checked ~ .checkmark:after {
    display: block;
}

.getStartedWrapper .checkmark:after {
    content: "";
    display: none;
    position: absolute;
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}

#simPhone {
    height: 2.5rem;
    font-size: 1rem;
    width: 90%;
}

#country-listbox2 {
    color: black;
}

.choosePlanWrapper .selected-flag {
    cursor: pointer;
}

#planChooseBtn {
    position: absolute;
    top: 0;
    right: 0;
    background: none;
    background-color: #262937;
    border-radius: 50px;
    color: white;
    height: 2.5rem;
    width: 8rem;
}

/*.noPlans {
    top: 2.2rem !important;
}*/

#choosePlanForm2 {
    display: none;
    margin-top: 2.5rem;
}

    #choosePlanForm2 input {
        display: block;
        width: 100%;
        margin-bottom: 1rem;
        text-indent: 1rem;
        border: 1px solid lightgray;
        height: 2.5rem;
    }

#planChooseBtnWrapper {
    padding-bottom: 3rem;
}

#choosePlanForm2 button {
    display: inline-block;
    text-decoration: none;
    height: 2.5rem;
    border: 1px solid white;
    border-radius: 5px;
    font-size: 1rem;
    width: 45%;
}

#planChooseSubmitBtn {
    background-color: var(--orangeColor);
    color: white;
    float: left;
}

#planChooseSkipBtn {
    background-color: white;
    color: black;
    float: right;
}

#choosePlanThanks {
    display: none;
    text-align: center;
}

    #choosePlanThanks p:first-child {
        font-size: 1.3rem;
        margin-bottom: 1rem;
    }

    #choosePlanThanks p:last-child {
        font-size: 1.2rem;
    }

#pickedPlanBgWrapper {
    height: 25rem;
    margin-bottom: 4rem;
}

/*--------------------PURCHASE BACKGROUND IMAGE------------*/
.israelPlanPicked {
    background: url('../Slices/israelPicked.jpg') no-repeat top center !important;
}

.cubaPlanPicked {
    background: url('../Slices/cubaPicked.jpg') no-repeat top center !important;
}

.mexicoPlanPicked {
    background: url('../Slices/mexico.jpg') no-repeat top center !important;
}

.brazilPlanPicked {
    background: url('../Slices/brazilPicked.jpg') no-repeat top center !important;
}

.colombiaPlanPicked {
    background: url('../Slices/colombiaPicked.jpg') no-repeat top center !important;
}

.nicaraguaguaPlanPicked {
    background-image: url('../Slices/plans.jpg');
}

.ChilePlanPicked {
    background-image: url('../Slices/plans.jpg');
}

.ecuadorPlanPicked {
    background-image: url('../Slices/plans.jpg');
}

.elSalvadorPlanPicked {
    background-image: url('../Slices/plans.jpg');
}

.dominicanPlanPicked {
    background-image: url('../Slices/plans.jpg');
}

.venezuelaPlanPicked {
    background: url('../Slices/venezuelaPicked.jpg') no-repeat top center !important;
}

.peruPlanPicked {
    background: url('../Slices/peruPicked.jpg') no-repeat top center !important;
}

/*----------VNUMBER PURCHASE BACKGROUND IMAGE----------*/
.vNumberPlanPicked {
    background: url('../Slices/vnumber-picked.jpg') no-repeat top center !important;
}
/*-----------------------------------------------------------*/

.joinBtnWrapper {
    position: absolute;
    bottom: 1rem;
    left: 0;
    width: 100%;
    text-align: center;
}

.cubaPlanClicked .joinBtnWrapper {
    display: block;
}

.joinBtn {
    width: 10rem;
    height: 2.5rem;
    color: white;
    border-radius: 10px;
    font-size: 1rem;
    font-weight: 600;
    border: 1px solid white;
    background-color: #ffffff00;
    margin-bottom: 1rem;
}

#pickedPlanDesc {
    padding-top: 10rem;
}

#pickedPlanHeader {
    display: block;
    font-size: 4rem;
    font-weight: 600;
    color: white;
}

#pickedPlanPrice {
    display: block;
    font-size: 1rem;
    color: var(--orangeColor);
}

#pickedPlanSteps {
    width: 100%;
    text-align: center;
    background-color: var(--orangeColor);
    margin-bottom: 1rem;
}

    #pickedPlanSteps p {
        display: inline-block;
        margin: 0 5rem 0 5rem;
        font-weight: 600;
        padding: 1rem 0 1rem 0;
    }

    #pickedPlanSteps span:first-child {
        text-transform: uppercase;
        color: white;
    }

    #pickedPlanSteps span:nth-child(2) {
        display: block;
        margin-top: .3rem;
        color: white;
    }

.activeStep {
    color: black !important;
}

    .activeStep span:first-child {
        border: 1px solid var(--orangeColor) !important;
        color: black !important;
    }

    .activeStep span:last-child {
        color: black !important;
        border-bottom: 1px solid black;
    }

#pickedPlanFormStep1 input:not(.chackBoxPermission) {
    text-indent: 1rem;
    background: none;
    border: 1px solid lightgray;
    height: 2.5rem;
    width: 49%;
}

.chackBoxPermission {
    width: 2.5rem !important;
    height: 1.5rem !important;
    border: 2px solid #ff7901 !important;
    margin-right: 1rem;
    appearance: auto !important;
}

.permissionDiv {
    width: 40rem;
    display: inline-flex;
}

.chackBoxPermissionText {
    color: #ff7901;
}

#pickedPlanDidDesc {
    width: 65%;
    display: inline-block;
}

    #pickedPlanDidDesc p {
        font-size: .8rem;
    }

    #pickedPlanDidDesc span {
        display: block;
    }

#checkDidBtn {
    display: none;
    color: var(--orangeColor);
    background-color: black;
    border-radius: 5px;
    padding: .5rem 1rem;
    margin-top: 2rem;
}

    #checkDidBtn span {
        color: white;
        display: unset;
    }

#pickedPlanNameWrapper {
    margin: 1rem 0 1rem 0;
}

#pickedPlanMailWrapper {
    position: relative;
}

#showPass {
    width: 1.5rem;
    position: absolute;
    right: 1rem;
    top: .9rem;
    cursor: pointer;
}

#pickedPlanCode,
#pickedPlanPassword,
#pickedPlanConfirmPassword {
    text-indent: 1rem;
    background: none;
    border: 1px solid lightgray;
    height: 2.5rem;
    width: 49%;
}

#wrongPassWrapper {
    width: 49.1%;
    position: absolute;
    right: 0;
}

    #wrongPassWrapper p {
        display: none;
    }

#pickedPlanLastName,
#pickedPlanConfirmMail,
#pickedPlanConfirmPassword,
#pickedPlanPassword {
    float: right;
}

#pickedPlanPhoneWrapper {
    width: 49.2%;
    margin: 1rem 0 1rem 0;
}

#pickedPlanPhone {
    width: 100% !important;
    text-indent: unset !important;
    height: 2.65rem !important;
}

#pickedPlanBtnWrapper {
    text-align: right;
    margin-bottom: 5rem;
    margin-top: 2rem;
}

#pickedPlanBtn {
    width: 16rem;
    background-color: var(--orangeColor);
    color: white;
    padding: .9rem;
    border-radius: 10px;
    font-size: 1.1rem;
}

#pickedPlanCheckSms {
    width: 12rem;
    height: 3rem;
    background-color: var(--orangeColor);
    color: white;
    padding: .9rem;
    border-radius: 10px;
    font-size: 1.1rem;
}

#pickedPlanSendAgain {
    width: 12rem;
    background-color: var(--orangeColor);
    height: 3rem;
    color: white;
    padding: 0 .9rem;
    border-radius: 10px;
    font-size: 1rem;
    float: right;
    opacity: .5;
    pointer-events: none;
    text-align: center;
}

#pickedPlanVideoWrapper {
    width: 100%;
    text-align: center;
    margin-bottom: 2rem;
}

#pickedPlanVideo {
    width: 27rem;
}

#pickedPlanAppWrapper {
    background-color: #262937;
    margin-bottom: 3rem;
    height: 8rem;
    text-align: center;
}

    #pickedPlanAppWrapper a {
        width: 9rem;
        margin-top: 2.5rem;
        display: inline-block;
    }

    #pickedPlanAppWrapper img {
        width: 100%;
    }

#pickedPlanAppStore {
    float: left;
    margin-left: 2rem;
}

#pickedPlanGooglePlay {
    float: right;
    margin-right: 2rem;
}

#pickedPlanAppWrapper p {
    display: inline-block;
}

#pickedPlanAppWrapper span {
    display: block;
    color: white;
    font-size: 3rem;
}

#pickedPlanFormStep2 {
    margin-top: 2rem;
    margin-bottom: 4rem;
}

.pickedPlanFormHeaderStep2 {
    margin-bottom: 1rem;
}

#pickedPlanCodeInputWrapper {
    margin-bottom: 2rem;
    position: relative;
}

#sendSmsAgainWrapper {
    position: absolute;
    left: 52%;
    top: .7rem;
}

    #sendSmsAgainWrapper img {
        position: absolute;
        width: 25px;
    }

    #sendSmsAgainWrapper p {
        color: gray;
        font-size: 1.3rem;
        margin-left: 2rem;
    }

.timerEnded i {
    color: #216DD3 !important;
}

.timerEnded p {
    color: #216DD3 !important;
    cursor: pointer;
    text-decoration: underline;
}

#smsTimer {
    margin-left: 1rem;
}

#pickedPlanCheckCodeWrapper {
    width: 49.2%;
}

#didNumbersWrapper {
    display: none;
    margin-top: 1rem;
}

#didNumbers {
    width: 45%;
    display: inline-block;
    border: 1px solid lightgray;
    text-align: center;
}

.noGoldDids {
    width: 100% !important;
}

#pickedDidNumberWrapper {
    width: 35%;
    display: inline-block;
    float: right;
}

#noDid {
    display: none;
    background: none;
    color: black;
    width: 45%;
    height: 2rem;
    border: 1px solid black;
    background-color: white;
    border-radius: 5px;
    margin-top: 1rem;
    text-align: left;
    padding-left: 1rem;
}

    #noDid span {
        display: inline-block !important;
    }

#pickedPlanStep2Desc {
    width: 40rem;
    border: 1px solid lightgray;
    text-align: center;
    margin: auto;
    font-weight: 600;
    padding-bottom: 2rem;
    margin-bottom: 3rem;
}

.footerTitle {
    font-size: 2rem;
    font-weight: bold;
    color: white;
    margin-top: 2rem;
}

.footerDivIconsPlan {
    width: 100vw;
    background-color: white;
    margin-top: 2rem;
    left: 50%;
    transform: translateX(-50%);
    position: relative;
}

.footerDivIconsPlan_title span {
    color: var(--orangeColor);
}

.footerDivIconsPlan_title {
    font-size: 2rem;
    font-weight: bold;
    padding: 1.5rem 0rem;
}

.footerDivIconsPlan_boxs {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 2rem;
    grid-row-gap: 0px;
    width: 80%;
    margin: auto;
}

.footerDivIconsPlan_box {
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    padding: 1rem;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(3, 1fr);
    grid-column-gap: 0px;
    grid-row-gap: 10px;
    text-align: center;
}

    .footerDivIconsPlan_box img {
        margin: auto;
        width: 3.5rem;
    }

    .footerDivIconsPlan_box p {
        margin-top: -2rem;
    }

    .footerDivIconsPlan_box:hover {
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    }

.footerDivSteps {
    margin-top: 3rem;
    background-color: #262938;
    padding: 1rem 0rem;
}

.footerDivSteps_title {
    color: white;
    font-size: 2rem;
    text-align: center;
    padding: 0rem 1rem;
    margin-bottom: 3rem;
}

    .footerDivSteps_title span {
        color: var(--orangeColor);
    }

.footerDivSteps_steps {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
}

    .footerDivSteps_steps hr {
        grid-area: 1 / 1 / 2 / 4;
        grid-area: 1/1/2/4;
        height: 0;
        width: 70%;
        margin: auto;
        margin-top: 2rem;
    }

.footerDivSteps_step1 span,
.footerDivSteps_step2 span,
.footerDivSteps_step3 span {
    background-color: #fff;
    padding: 1rem;
    font-size: 1.7rem;
    width: 2.1rem;
    height: 2.1rem;
    margin: auto;
    display: block;
    border-radius: 50%;
    text-align: center;
}

.footerDivSteps_step1 {
    grid-area: 1/1/2/2;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 0px;
    grid-row-gap: 0.5rem;
}

.footerDivSteps_step2 {
    grid-area: 1 / 2 / 2 / 3;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 0px;
    grid-row-gap: 0.5rem;
}

.footerDivSteps_step3 {
    grid-area: 1 / 3 / 2 / 4;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 0px;
    grid-row-gap: 0.5rem;
}

    .footerDivSteps_step1 p,
    .footerDivSteps_step2 p,
    .footerDivSteps_step3 p {
        color: #fff;
        width: 60%;
        margin: auto;
        font-size: 1.1rem;
    }

.footerTitle span {
    color: var(--orangeColor);
    text-decoration: underline;
    cursor: pointer;
}

.footerDivAppMobile_title {
    margin-top: 2rem;
    font-size: 2rem;
    font-weight: bold;
}

.footerDivAppMobile_div {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    width: 70%;
    margin: auto;
    margin-top: 5rem;
}

.footerDivAppMobile_img img {
    width: 26rem;
}

.footerDivAppMobile_title span {
    color: var(--orangeColor);
}

.footerDivAppMobile_info_box {
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    margin-top: 1rem;
    width: 25rem;
    height: fit-content;
    padding: 0.3rem;
    border-radius: 5px;
    text-align: left;
}

.footerDivAppMobile_info_box_btn {
    width: 10rem;
    height: 2.5rem;
    color: var(--orangeColor);
    border-radius: 10px;
    font-size: 1rem;
    font-weight: 600;
    border: 1px solid var(--orangeColor);
    background-color: #ffffff00;
    margin-bottom: 1rem;
    margin-top: 1rem;
    margin-left: 1rem;
    margin-right: 1rem;
}

.footerDivAppMobile_info_title {
    font-size: 1.5rem;
    font-weight: bold;
    text-align: left;
}

.footerDivAppMobile_info_subTitle {
    font-size: 1.5rem;
    font-weight: bold;
    text-align: left;
    color: var(--orangeColor);
}

.footerDivAppMobile_info_box input {
    font-size: 1rem;
    padding: 0.5rem;
    margin: 0.4rem 1rem;
    border: 2px solid #c9c6c6;
    width: 80%;
}

.footerDivAppMobile_info_box #planContactEmailForm {
    margin-bottom: 0.8rem;
}

.footerDivAppMobile_info_box img {
    width: 2rem;
}

.footerDivAppMobile_info_box span {
    vertical-align: top;
    line-height: 2rem;
    margin-left: 1rem;
}

    .footerDivAppMobile_info_box span a {
        color: var(--orangeColor);
        text-decoration: none;
    }

#pickedPlanStep2Name {
    color: var(--orangeColor);
    margin: 1rem 0 1rem 0;
    display: inline-block;
}

#pickedPlanStep2FinalName {
    color: var(--orangeColor);
    display: inline-block;
    margin-bottom: 1rem;
}

#pickedPlanStep2planDesc {
    text-align: left;
    padding-left: 1rem;
}

    #pickedPlanStep2planDesc span {
        display: block;
    }

#pickedDidNumber {
    width: 100%;
    border: 1px solid lightgray;
    height: 2.5rem;
    text-indent: 1rem;
}

.didNumber {
    position: relative;
    padding-top: 1rem;
    height: 2rem;
}

    .didNumber:nth-child(odd) {
        background-color: rgba(230, 230, 230, .5)
    }

#didNumber p {
    color: lightgray;
}

#didSearch {
    display: block;
    width: 95%;
    margin: 2rem auto .5rem auto;
    padding-left: .5rem;
    height: 2rem;
    border: 1px solid lightgray;
}

.didFlag {
    position: absolute;
    top: 1.1rem;
    left: .5rem;
    width: 20px;
    height: 15px;
}

.didFlagIl {
    background-image: url("../Slices/flags2.png");
    background-position: -2369px 0;
}

.didFlagBr {
    background-image: url("../Slices/flags2.png");
    background-position: -680px 0;
}

.didFlagUs {
    background-image: url(../Slices/flags2.png);
    background-position: -5241px 0;
}

.didFlagUsPrefix {
    position: absolute;
    top: 1.1rem;
    left: .5rem;
    width: 20px;
    height: 15px;
    background-image: url(../Slices/flags2.png);
    background-position: -5241px 0;
}

.didFlagCo {
    background-image: url("../Slices/flags2.png");
    background-position: -1071px 0;
}

.didNum {
    float: left;
    padding-left: 2.5rem;
}

.didPrice {
    float: right;
    padding-right: 4rem;
}

.infoImg {
    width: 15px;
    position: absolute;
    right: 2.8rem;
    top: 1.1rem;
    cursor: pointer;
}

.infoBoxWrapper {
    display: none;
    position: absolute;
    top: -4rem;
    right: -7rem;
    filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.8));
    line-height: 1rem;
    font-size: .8rem;
}

#infoBoxWrapperSummery,
#infoBoxWrapperSummery2 {
    display: none;
    position: absolute;
    top: -4rem;
    right: 5.5rem;
    filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.8));
    line-height: 1rem;
    font-size: .8rem;
}

.infoBox {
    text-align: left;
    padding-left: .5rem;
    padding-top: .5rem;
    padding-bottom: .5rem;
    background-color: var(--orangeColor);
    width: 10rem;
    height: 7rem;
    clip-path: polygon(0 0, 100% 0, 100% 50%, 10% 50%, 0 60%, 0 50%);
}

#infoBoxSummery,
#infoBoxSummery2 {
    text-align: left;
    padding-left: .5rem;
    padding-top: .5rem;
    padding-bottom: .5rem;
    background-color: var(--orangeColor);
    width: 10rem;
    height: 7rem;
    clip-path: polygon(0 0, 100% 0, 100% 50%, 100% 60%, 90% 50%, 0 50%);
}

.infoBoxPrice,
.infoBoxPriceNum,
.infoBoxMonthlyPrice,
.infoBoxMonthlyPriceNum,
#infoBoxPriceSummery,
#infoBoxPriceSummery2,
#infoBoxPriceNumSummery,
#infoBoxPriceNumSummery2,
#infoBoxMonthlyPriceSummery,
#infoBoxMonthlyPriceSummery2,
#infoBoxMonthlyPriceNumSummery,
#infoBoxMonthlyPriceNumSummery2 {
    display: inline-block !important;
    color: black !important;
}

.infoBoxPriceNum,
.infoBoxMonthlyPriceNum,
#infoBoxPriceNumSummery,
#infoBoxPriceNumSummery2 {
    padding-left: .3rem;
}

.chosenInfo {
    z-index: 2;
}

.rightArrow {
    width: 23px;
    position: absolute;
    right: .7rem;
    top: .85rem;
    cursor: pointer;
}

#otherCountriesDidWrapper {
    display: none;
}

#israeliPlanDidWrapper {
    display: none;
}

    #israeliPlanDidWrapper p {
        display: inline-block;
        color: var(--orangeColor);
        font-weight: 600;
        font-size: 1rem;
    }

        #israeliPlanDidWrapper p:first-child,
        #israeliNum {
            font-size: 18px;
        }

#israeliNum {
    display: inline-block !important;
    color: var(--orangeColor);
    font-weight: 600;
}

#premiumAsk {
    color: black !important;
    margin-top: 2rem;
    display: block !important;
}

#premiumDidHeader {
    background-color: var(--orangeColor);
    color: white;
    font-weight: 600;
    text-align: left;
    height: 1.5rem;
    line-height: 1.5rem;
    padding-left: 1rem;
}

.activeAvaliableBtn {
    pointer-events: none;
    background: lightgray !important;
}

#pickedPlanBtnStep2Wrapper {
    margin-top: 19rem;
    margin-bottom: 26rem;
}

.didShownBtnsWrapper {
    margin-top: 6rem !important;
    margin-bottom: 12rem !important;
}

#pickedPlanBtnStep2 {
    width: 16rem;
    background-color: var(--orangeColor);
    color: white;
    padding: .9rem;
    border-radius: 10px;
    font-size: 1.1rem;
    float: right;
}

#pickedPlanBtnBackToStep1 {
    width: 16rem;
    background-color: lightgray;
    color: white;
    padding: .9rem;
    border-radius: 10px;
    font-size: 1.1rem;
    float: left;
}

#pickedPlanFormStep3 {
    height: 47rem;
    margin-top: 4rem;
}

#pickedPlanCreditCardWrapper {
    width: 51%;
    float: left;
}

#pickedPlanSummeryWrapper,
#pickedPlanSummeryWrapper2 {
    width: 30%;
    float: right;
}

#pickedPlanSummeryHeaderWrapper,
#pickedPlanSummeryHeaderWrapper2 {
    background-color: var(--orangeColor);
    clip-path: polygon(0 0, 85% 0, 100% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 85% 0, 100% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 85% 0, 100% 100%, 0% 100%);
    -webkit-clip-path: polygon(0 0, 85% 0, 100% 100%, 0% 100%);
}

#pickedPlanSummery,
#pickedPlanSummery2 {
    width: 100%;
    /*height: 15rem;*/
}

/*.summeryNoPhone {
    height: 10rem !important;
}*/

#pickedPlanSummeryHeader,
#pickedPlanSummeryHeader2 {
    font-size: 1.3em;
    color: white;
    text-indent: 1.2rem;
    line-height: 3rem;
}

.summerySection {
    border-bottom: 1px solid lightgray;
    padding: 1.5rem 0;
    position: relative;
}

#couponName {
    padding: 0 2rem;
}

.couponContainer {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    padding-top: 1rem;
}

    #input-promo,
    .applyCode button,
    .couponContainer p,
    .alertInput {
        margin: 0 auto;
        letter-spacing: 0.02rem;
    }

#couponCode {
    display: none;
}

.inputCodePromo {
    display: flex;
    flex-direction: column;
    padding: 5px 0;
}

#input-promo {
    padding: 0.5rem;
    border-radius: 10px;
    border: 2px solid #d1d1d1;
    width: 50%;
}

.alertInput {
    color: red !important;
    font-size: 0.8rem;
}

.applyCode button {
    background-color: transparent;
    /*color: black;*/
    font-weight: 600;
    width: 100%
}

#removeCoupon {
    font-size: 0.8rem;
    padding-bottom: 2rem;
    padding-right: 1.5rem;
    float: right;
    cursor: pointer;
}

#pickedPlanSummerySelectedPlan2,
#pickedPlanSummerySelectedPlan {
    position: absolute;
    padding-left: 1rem;
    float: none !important;
}

#trashCan,
#trashCan2 {
    display: none;
    width: 1.5rem;
    position: absolute;
    top: 1.2rem;
    right: 0;
    cursor: pointer;
}

#summeryInfo,
#summeryInfo2 {
    display: none;
    width: 1rem;
    position: absolute;
    top: 1.5rem;
    right: 5.2rem;
    cursor: pointer;
}

#pickedPlanSummery p,
#pickedPlanSummery2 p {
    display: inline-block;
    text-indent: .5rem;
}

#pickedPlanSummery span,
#pickedPlanSummery2 span {
    display: inline-block;
    color: gray;
}

#pickedPlanSummeryPhone,
#pickedPlanSummerySelectedPlan,
#pickedPlanSummerySelectedCredit,
#pickedPlanSummeryPhone2,
#pickedPlanSummerySelectedPlan2,
#pickedPlanSummerySelectedCredit2,
#couponDiscount {
    float: right;
    padding-right: 1.5rem;
}

#pickedPlanTotalWrapper,
#pickedPlanTotalWrapper2 {
    margin-top: 4rem;
    text-align: right;
    color: gray;
}

#pickedPlanTotal,
#pickedPlanTotal2 {
    display: inline-block;
    font-size: 1.6rem;
    margin-bottom: .5rem;
    margin-right: .5rem;
}

.pickedPlanTotalCont {
    text-align: center;
    width: 100%;
}

#pickedPlanTotalWrapper2 p:last-child,
#pickedPlanTotalWrapper p:last-child {
    padding-left: 6.5rem;
    font-size: .8rem;
}

#pickedPlanFinalPrice,
#pickedPlanFinalPrice2 {
    display: inline-block;
    font-size: 1.6rem;
    font-weight: 600;
}

#pickedPlanPaymentWrapper input[type="text"],
#pickedPlanAddressWrapper input[type="text"],
#pickedPlanPaymentWrapper input[type="number"],
#pickedPlanAddressWrapper input[type="number"],
#pickedPlanPaymentWrapper input[type="tel"],
#pickedPlanAddressWrapper input[type="tel"] {
    text-indent: 1rem;
    background: none;
    border: 1px solid lightgray;
    height: 2.5rem;
}

#pickedPlanCardNum {
    width: 100%;
    margin-bottom: .5rem;
}

#pickedPlanCreditWrapper,
#pickedPlanCreditWrapper2 {
    display: none;
    position: relative;
    width: 6rem;
}

#pickedPlanCouponWrapper {
    display: inline-block;
    position: relative;
}

#pickedPlanCouponBtn {
    display: none;
    position: absolute;
    top: 3rem;
    right: -3rem;
    font-size: 1rem;
    background: none;
}

#pickedPlanCouponLbl {
    font-weight: 600;
    position: relative;
    padding-left: 2rem;
}

    #pickedPlanCouponLbl .checkmark {
        border: 1px solid var(--orangeColor);
        top: -.4rem;
        left: 0;
    }

    #pickedPlanCouponLbl input:checked ~ .checkmark:after {
        display: block;
    }

    #pickedPlanCouponLbl .checkmark:after {
        content: "";
        display: none;
        position: absolute;
        left: 9px;
        top: 5px;
        width: 5px;
        height: 10px;
        border: solid var(--orangeColor);
        border-width: 0 3px 3px 0;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
    }

#pickedPlanCoupon {
    display: none;
    margin-top: 1rem;
}

#pickedPlanCreditSelect,
#pickedPlanCreditSelect2 {
    width: 100%;
}

#pickedPlanPaymentWrapper select {
    padding-left: 1rem;
    background: none;
    border: 1px solid lightgray;
    height: 2.65rem;
}

#pickedPlanName {
    width: 100%;
    margin-bottom: .5rem;
}

#pickedPlanExpDate {
    position: relative;
    text-align: center;
    width: 100.4%;
}

#pickedPlanMonthSelectWrapper {
    width: 30%;
    display: inline-block;
    position: relative;
    float: left;
}

#pickedPlanCreditInputArrow,
#pickedPlanCreditInputArrow2 {
    position: absolute;
    top: 3.4rem;
    right: 1rem;
}

#pickedPlanMonthInputArrow,
#pickedPlanYearInputArrow {
    position: absolute;
    top: 1.1rem;
    right: 1rem;
}

#pickedPlanMonthSelect {
    width: 100%;
}

#pickedPlanYearSelectWrapper {
    width: 30%;
    display: inline-block;
    position: relative;
}

#pickedPlanYearSelect {
    width: 100%;
}

#pickedPlanCvv {
    width: 30%;
    float: right;
}

#paymentCardsWrapper {
    width: 100%;
    margin-top: .5rem;
}

#pickedPlanCardsImg {
    width: 16rem;
}

#pickedPlanAddressWrapper select {
    padding-left: 1rem;
    background: none;
    border: 1px solid lightgray;
    height: 2.65rem;
}

#pickedPlanAddressWrapper {
    margin-top: 3rem;
}

#pickedPlanAddress {
    width: 100%;
    margin-bottom: .5rem;
}

#pickedPlanCityWrapper {
    width: 100.4%;
    margin-bottom: .5rem;
}

#pickedPlanCity {
    width: 49%;
}

#pickedPlanZip {
    width: 49%;
    float: right;
}

#pickedPlanCountryWrapper {
    width: 100.4%;
    margin-bottom: 4.2rem;
}

#pickedPlanCountrySelectWrapper {
    width: 49.3%;
    float: left;
    position: relative;
}

#pickedPlanStateSelectWrapper {
    width: 49.3%;
    float: right;
    position: relative;
}

#pickedPlanCountryInputArrow {
    position: absolute;
    top: 1rem;
    right: 1rem;
}

#pickedPlanStateInputArrow {
    position: absolute;
    top: 1rem;
    right: 1rem;
}

#pickedPlanCountrySelect {
    width: 100%;
}

#pickedPlanStateSelect {
    width: 100%;
}

#pickedPlanPhoneMailWrapper {
    width: 100.4%;
    margin-top: 3.7rem;
    margin-bottom: 1.2rem;
}

#pickedPlanBillPhone {
    width: 49%;
}

#pickedPlanBillMail {
    width: 49%;
    float: right;
}

#pickedPlanTermsCheckWrapper {
    position: relative;
    font-size: .8rem;
    width: 39%;
    display: inline-block;
    padding-left: 2rem;
}

    #pickedPlanTermsCheckWrapper .checkmark {
        border: 1px solid var(--orangeColor);
    }

#pickedPlanTermsCheck,
#pickedPlanInfoCheck {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 0;
    border: none;
}

#pickedPlanInfoCheckWrapper {
    position: relative;
    width: 43%;
    display: inline-block;
    float: right;
    padding-left: 2rem;
}

    #pickedPlanTermsCheckWrapper span,
    #pickedPlanInfoCheckWrapper span {
        font-size: .8rem;
        display: inline-block;
    }

    #pickedPlanInfoCheckWrapper .checkmark {
        border: 1px solid var(--orangeColor);
    }

    #pickedPlanTermsCheckWrapper input:checked ~ .checkmark:after,
    #pickedPlanInfoCheckWrapper input:checked ~ .checkmark:after {
        display: block;
    }

    #pickedPlanTermsCheckWrapper .checkmark:after,
    #pickedPlanInfoCheckWrapper .checkmark:after {
        content: "";
        display: none;
        position: absolute;
        left: 9px;
        top: 5px;
        width: 5px;
        height: 10px;
        border: solid var(--orangeColor);
        border-width: 0 3px 3px 0;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
    }

#pickedPlanBtnPaymentWrapper {
    display: none;
}

#pickedPlanBtnPaymentWrapper2 {
    margin-top: 4rem;
    margin-bottom: 4rem;
    text-align: center;
}

#pickedPlanSummeryBtnWrapper {
    margin-top: 4rem;
    margin-bottom: 9rem;
    text-align: center;
}

#pickedPlanBtnOrder {
    width: 16rem;
    background-color: var(--orangeColor);
    color: white;
    padding: .9rem;
    border-radius: 10px;
    font-size: 1.1rem;
    float: right;
}

#pickedPlanBtnBackToStep2 {
    width: 16rem;
    background-color: lightgray;
    color: white;
    padding: .9rem;
    border-radius: 10px;
    font-size: 1.1rem;
    float: right;
}

#pickedPlanBtnBackToStep22 {
    width: 16rem;
    background-color: lightgray;
    color: white;
    padding: .9rem;
    border-radius: 10px;
    font-size: 1.1rem;
    float: left;
}

#pickedPlanCustomerExists {
    margin-top: 2rem;
    display: none;
    text-align: center;
}

#pickedPlanExistsBtnWrapper {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

#pickedPlanExistsBtn {
    background-color: var(--orangeColor);
    padding: .7rem;
    width: 7rem;
    color: white;
    border: none;
    outline: none;
    border-radius: 5px;
    cursor: pointer;
    text-decoration: none;
}

.pickedPrefix {
    background-color: var(--orangeColor) !important;
    border: 1px solid black;
}

#privateNumDesc {
    display: none;
    width: 40rem;
    margin-bottom: 2rem;
    color: #808080;
    font-weight: 600;
    font-size: 1rem;
}

.planPage {
    padding-bottom: 0 !important;
}

    .planPage #connectWrapper {
        padding-top: 5rem;
    }

/*---------------APP---------------*/

#appWrapper {
    margin-top: 17rem;
    height: 33rem;
}

#appWrapper2 {
    height: 33rem;
}

#store {
    float: left;
    margin-top: 4rem;
}

#store2 {
    float: left;
}

    #store ul,
    #store2 ul {
        margin-left: 2rem;
        margin-bottom: 2rem;
    }

    #store li,
    #store2 li {
        list-style-image: url('../Slices/checked.png');
        padding-left: .3rem;
        padding-top: .3rem;
        font-size: 1.2rem;
    }

    #store p,
    #store2 p {
        margin-bottom: 1rem;
        font-size: 1.5rem;
        font-weight: 600;
    }

    #store img,
    #store2 img {
        width: 180px;
        height: auto;
    }

    #store a:last-child,
    #store2 a:last-child {
        margin-left: 2rem;
    }

#app,
#app2 {
    float: right;
    height: 100%;
    margin-right: -10%;
    text-align: right;
}

#appImg,
#appImg2 {
    width: 550px;
    transform: rotate(4deg);
    -webkit-transform: rotate(4deg);
    -o-transform: rotate(4deg);
    -ms-transform: rotate(4deg);
    -moz-transform: rotate(4deg);
}

/*---------------Globusim---------------*/

#globusimWrapper {
    background: url('../SlicesCache/globusimSite.jpg') no-repeat center center;
    margin-top: 2rem;
    height: 42rem;
}

#globLogoWrapper {
    margin-left: -2rem;
}

#globusimLogo {
    width: 250px;
    height: auto;
}

#globDesc span {
    color: white;
    font-size: 2.8rem;
    font-weight: 600;
    display: block;
    margin-bottom: .5rem;
}

#simChooseWrapper {
    position: relative;
    margin-top: 2rem;
    padding: 2rem 2rem 0 1rem;
    width: 24rem;
    height: 12rem;
    background-color: white;
    clip-path: polygon(85% 0, 100% 27%, 100% 75%, 100% 100%, 0 100%, 0 0);
    -ms-clip-path: polygon(85% 0, 100% 27%, 100% 75%, 100% 100%, 0 100%, 0 0);
    -o-clip-path: polygon(85% 0, 100% 27%, 100% 75%, 100% 100%, 0 100%, 0 0);
    -webkit-clip-path: polygon(85% 0, 100% 27%, 100% 75%, 100% 100%, 0 100%, 0 0);
}

#globSelectCountry {
    position: relative;
    background-color: #f5f5f5;
    width: 18rem;
    height: 2.3rem;
    margin-top: 1rem;
    cursor: pointer;
}

    #globSelectCountry p {
        padding-left: 3.2rem;
        font-size: .8rem;
        font-weight: 600;
    }

    #globSelectCountry span {
        line-height: 2.2rem;
    }

#selectedSimFlag {
    position: absolute;
    left: 1rem;
    top: .4rem;
    width: 30px;
    height: 22px;
}

#simList img {
    position: absolute;
    left: 1rem;
    top: .5rem;
    width: 30px;
    height: 22px;
}

#globSafe {
    text-align: center;
    margin-top: 3rem;
    color: var(--orangeColor);
    font-size: 1.3rem;
}

#simArrow {
    position: absolute;
    top: .9rem;
    right: 4.5rem;
}

#simList {
    display: none;
    background-color: #f5f5f5;
}

    #simList li {
        position: relative;
        list-style: none;
        line-height: 2.5rem;
    }

#checkThePlansBtn {
    position: absolute;
    right: 4rem;
    top: 4.12rem;
    border: none;
    background: none;
    background-color: var(--orangeColor);
    color: white;
    border-radius: 50px;
    height: 2.25rem;
    width: 8rem;
    cursor: pointer;
    outline: none;
    font-size: .8rem;
    text-align: center;
    text-decoration: none;
    line-height: 2.2rem;
}

#globLook {
    font-weight: 600;
}

/*---------------Mobile Recharge---------------*/
.mrImg1 {
    float: left;
}

.mrIm2 {
    float: none;
}

.mrImg3 {
    float: right;
}

#mobileRechargeWrapper {
    text-align: center;
    margin-top: 4rem;
    height: 42rem;
    position: relative;
}

    #mobileRechargeWrapper span {
        display: block;
    }

#mobileRechargeHead {
    font-size: 2rem;
    font-weight: 600;
    margin-bottom: 2rem;
}

#saveMoney {
    margin-top: 1rem;
}

#mobileRechargeSelect {
    text-align: left;
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.mrBox {
    width: 49%;
    height: 27rem;
    position: relative;
    cursor: pointer;
}

#oneTimeMr {
    display: inline-block;
    background: url('../SlicesCache/mrOneTime.jpg') no-repeat center center;
    background-size: 100% 100%;
    text-align: center;
}

#createAccountMr {
    display: inline-block;
    background: url('../SlicesCache/mrAcccount.jpg') no-repeat center center;
    background-size: 100% 100%;
    margin-left: 1rem;
    text-align: center;
    direction: rtl;
}

.mrBoxDesc {
    color: white;
    font-size: 2rem;
    margin-top: 4rem;
    font-weight: 200;
    width: 20rem;
    padding: .8rem 0 .8rem 0;
}

#oneTimeMr span {
    padding-left: 1rem;
    background-color: var(--orangeColor);
    border-bottom-right-radius: 50px;
    border-top-right-radius: 50px;
    text-align: left;
}

#createAccountMr span {
    text-align: right;
    padding-right: 1rem;
    background-color: #262937;
    border-bottom-left-radius: 50px;
    border-top-left-radius: 50px;
}

#mobileRechargeWrapper #mrCustomer {
    display: inline-block;
}

#mobileRechargeWrapper #mrLogin {
    display: inline-block;
    color: var(--orangeColor);
}

#moneyTransfer {
    position: absolute;
    bottom: 1rem;
    left: 1.5rem;
    width: 100px;
}

#mobilePayment {
    position: absolute;
    bottom: 1rem;
    right: 1.5rem;
    width: 100px;
}

#mobileRechargeWrapper button {
    color: white;
    background: none;
    font-weight: 200;
    font-size: 2.2rem;
    margin-top: 13rem;
}

#mrOneTimeBtn {
    margin-right: 10rem;
}

#mrAccountBtn {
    margin-left: 10rem;
}

.mobileRechargeLogin {
    position: absolute;
    width: 100%;
    left: 0;
    text-align: center;
    bottom: 0;
}

/*---------------One Time Mobile Recharge---------------*/

#oneTimeBgWrapper .mrDeskImgEs,
#oneTimeBgWrapper .mrMobileImgEs {
    display: none;
    width: 100%;
    max-width: 100%;
    z-index: 1;
}

#oneTimeBgWrapper.mrDeskImgEs {
    min-height: 260px;
    min-height: 10.5rem;
}

#oneTimeBgWrapper .mrMobileImgEs {
    min-height: 10rem;
    max-height: 500px;
}

#oneTimeBgWrapper {
    height: 29rem;
    margin-bottom: 4rem;
}

#oneTimeHeader {
    padding-top: 4rem;
}

#oneTimeHeader_Es {
}

#oneTimeHeader span {
    display: block;
    color: white;
    font-weight: 600;
    font-size: 3rem;
}

#oneTimeFormWrapper {
    height: 63rem;
}

#promoStepsWrapper {
    margin-bottom: 4rem;
    text-align: center;
}

/*#promoStepsDesc, #mrPromoSteps span:last-child {
    font-size: 13px;
}*/

#promoStepsDesc {
    font-size: 13px;
}

/*#mrPromoSteps p {
    display: inline-block;
    width: 9rem;
}

#mrPromoSteps {
    margin-top: 1.3rem;
}

#mrPromoSteps p:first-child {
    float: left;
}

#mrPromoSteps p:last-child {
    float: right;
}

#mrPromoSteps span:first-child {
    display: block;
    color: var(--orangeColor);
    text-decoration: underline;
    font-weight: 600;
    border-radius: 50px;
    padding: .5rem 1.8rem .5rem 1.8rem;
}

.mrPromoStepsAfterNum span:first-child {
    color: #262937 !important;
}*/

/*#mrPromoSteps span:last-child {
    display: block;
    margin-top: 1rem;
}*/

#promoStepsWrapper ul {
    list-style: none;
    margin-top: .5rem;
    line-height: 1.5rem
}

#promoStepsWrapper li span {
    color: var(--orangeColor);
    font-weight: 600;
}

#promoStepsWrapper li:not(:last-child) {
    display: inline-block;
}

#promoStepsWrapper li:nth-child(2) {
    margin-left: 3rem;
}

#promoBonus {
    display: none;
    text-align: center;
    margin-top: 2rem;
}

#mrPromoDesc {
    display: none;
    margin-bottom: 1rem;
}

/*.mrAmountsVisible {
    height: 89rem !important;
}*/

#mrBonusDesc {
    color: var(--orangeColor);
    font-weight: 600;
    margin-top: .5rem;
}

    #mrBonusDesc span {
        display: block;
    }

/*.mrPromoVisible {
    height: 85rem !important;
}*/

#mrImgCont {
    margin-top: 3rem;
    text-align: center;
}

.mrImg {
    display: inline-block;
    position: relative;
    width: 6rem;
    text-align: center;
    margin-left: 2rem;
    margin-right: 2rem;
}










#iconsImgMr {
    width: 80px;
}

#secureImg {
    width: 80px;
}

#mrCustomersWrapper {
    background-color: #262937;
    padding: .5rem;
    border-radius: 5px;
    color: white;
    font-size: 1.5rem;
    margin-top: 8rem;
}

/*-----------------------Reviews-----------------------*/

#reviews {
    position: relative;
    width: 130%;
}

    #reviews img {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        -o-object-fit: cover;
    }

.reviewsHeaderOverlay {
    width: 100%;
    text-align: center;
    z-index: 2;
}

.reviewsHeader {
    font-size: 1.8rem;
    font-weight: 300;
    margin-top: 11rem;
    color: var(--orangeColor);
    font-family: 'Roboto Slab', 'Open Sans';
}

#customerReviews {
    width: 77%;
}

    #customerReviews p {
        width: 100%;
        position: absolute;
        left: 0;
        z-index: 3;
        overflow: visible;
        font-family: 'Open Sans';
        font-size: .8rem;
        color: black;
    }

    #customerReviews img {
        position: absolute;
        width: 70px;
        height: 70px;
        z-index: 3;
        top: -5%;
        left: -28%;
        border-radius: 50px;
        padding: .2rem;
    }

.leftReview {
    position: relative;
    width: 40%;
}

.rightReview {
    width: 40%;
    float: right;
    position: relative;
}

.reviewArrows {
    position: relative;
    width: 100%;
}

#customerReviews #reviewLeft {
    left: -14%;
    top: 40%;
    width: 50px;
    height: 50px;
    cursor: pointer;
    z-index: 10;
    border: none;
    padding: 0;
}

#customerReviews #reviewRight {
    right: -8%;
    top: 40%;
    left: unset;
    width: 50px;
    height: 50px;
    cursor: pointer;
    z-index: 10;
    border: none;
    padding: 0;
}

#customerReviews #reviewLeftMobile {
    left: -5%;
    top: 48%;
    width: 50px;
    height: 50px;
    cursor: pointer;
    z-index: 10;
    border: none;
    padding: 0;
}

#customerReviews #reviewRightMobile {
    right: 4%;
    top: 48%;
    left: unset;
    width: 50px;
    height: 50px;
    cursor: pointer;
    z-index: 10;
    border: none;
    padding: 0;
}

.firstReviews {
    margin-top: 2rem;
}

.secondReviews {
    margin-top: 2rem;
}

.thirdReviews {
    margin-top: 2rem;
}

.reviewName {
    display: block;
    font-size: 1rem;
    color: var(--orangeColor);
    font-weight: 700;
    font-family: 'Roboto Slab', 'Open Sans';
    margin-bottom: .5rem;
}

.reviewPlan {
    display: block;
    font-size: .8rem;
    color: var(--orangeColor);
    font-family: 'Open Sans Semibold', 'Open Sans';
    margin-top: .5rem;
}

#oneTimeBlocks {
    float: right;
    color: white;
    width: 40%;
    direction: rtl;
    text-align: center;
    z-index: 2;
}

#mrSummery {
    display: none;
    height: unset;
    margin-bottom: 2rem;
    /*box-shadow: 0 0 5px rgba(0,0,0,.1);*/
    /* padding-bottom: .5rem;*/
}

#mrSummeryCont {
    direction: ltr;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.19);
}

#mrSummeryHeaderWrapper {
    background-color: var(--orangeColor);
    clip-path: polygon(0 0, 85% 0, 100% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 85% 0, 100% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 85% 0, 100% 100%, 0% 100%);
    -webkit-clip-path: polygon(0 0, 85% 0, 100% 100%, 0% 100%);
    height: 2.5rem;
    line-height: 2.5rem;
}

#mrSummeryHeader {
    font-size: 1rem;
    text-align: left;
    font-weight: 600;
    text-indent: 2rem;
}

.summeryRow {
    text-align: left;
    background-color: #f0f0f0;
    height: 3rem;
    padding: 2rem 0 .5rem 0;
    padding: 1rem 0 1rem 0;
}

#changeMrNumberBtn {
    color: var(--orangeColor);
    /*padding-left: 1rem;*/
    font-weight: 600;
    position: absolute;
    right: 1rem;
    top: 1rem;
    background: none;
}

#editMrAmountBtn {
    color: var(--orangeColor);
    /*padding-left: 1rem;*/
    font-weight: 600;
    position: absolute;
    left: 1rem;
    bottom: 1rem;
    background: none;
}

.infoMrAmountBtn {
    visibility: hidden;
    display: inline-block;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    margin: 0;
    padding: 0;
    border-radius: 50%;
    font-size: 16px;
    font-family: 'Open Sans';
    font-weight: bold;
    background-color: var(--orangeColor);
    color: #fff;
    border: none;
    cursor: pointer;
    position: absolute;
    top: 0.8rem;
    right: 1rem;
}

.popUpInfoSummary {
    visibility: hidden;
    text-align: center;
    border-radius: 15px;
    max-width: 25rem;
    width: 25rem;
    position: absolute;
    background-color: #fff;
    left: 70%;
    transform: translate(-50%, 0);
    padding: 2rem;
    direction: ltr;
    max-height: 30rem;
    overflow: auto;
    top: 80%;
    z-index: 11;
}

.logoImgInPopUp {
    max-width: 7rem;
    margin-bottom: 2rem;
}

.bodyPopUpMrInfo {
    color: #4f6882;
    border-radius: 13px;
    max-width: 100%;
    font-size: 1rem;
    font-weight: 600;
    background-color: #e7ecf0cf;
    padding: 1.5rem;
}

.closeMrInfoPopUp {
    width: 1.5rem;
    height: 1.5rem;
    position: absolute;
    top: 1rem;
    right: 1rem;
    cursor: pointer;
}

.textInfoInPopUp {
    text-align: left;
    margin: auto;
    line-height: 1.6rem;
    width: 15rem;
    font-family: system-ui;
}

.popupInfoTitle {
    font-size: 2rem;
    margin-bottom: 2rem;
}

#editMrAmountBtn {
    display: none;
}

.opacityToBody {
    visibility: hidden;
    opacity: 0.5;
    background: #000;
    width: 100%;
    height: 100%;
    z-index: 10;
    top: 0;
    left: 0;
    position: fixed;
}

@media only screen and (max-width: 1020px) {
    .popUpInfoSummary {
        visibility: hidden;
        text-align: center;
        border-radius: 15px;
        max-width: 86%;
        position: absolute;
        background-color: #fff;
        left: 17%;
        transform: translate(-15%, 0);
        padding: 1rem;
        max-height: 30rem;
        overflow: auto;
        top: 90%;
        z-index: 11;
    }

    .opacityToBody {
        visibility: hidden;
        opacity: 0.5;
        background: #000;
        width: 100%;
        height: 100%;
        z-index: 10;
        top: 0;
        left: 0;
        position: fixed;
    }

    .logoImgInPopUp {
        max-width: 6rem;
        margin-bottom: 1rem;
    }

    .bodyPopUpMrInfo {
        border-radius: 13px;
        background-color: #e7ecf0cf;
        max-width: 100%;
        font-size: 0.9rem;
        color: #4f6882;
        font-weight: 600;
        padding: 2rem;
    }

    .popupInfoTitle {
        font-size: 1.5rem;
        margin-bottom: 2rem;
    }

    .footerDivAppMobile_info_box input {
        margin: 1rem;
    }

    .footerDivAppMobile_info_box #planContactEmailForm {
        margin-bottom: 2rem;
    }
}

.summeryRow:not(:last-child) {
    position: relative;
    /*border-bottom: 1px solid white;*/
}

    .summeryRow:not(:last-child):after {
        content: "";
        background: white;
        position: absolute;
        bottom: 0;
        left: 5%;
        height: 1px;
        width: 90%
    }

/*.summeryRow:nth-child(2) {
    height: 5rem;
}*/

.amountStep2 {
    height: 5rem;
}

.summeryHeader {
    color: gray;
    padding-left: 1rem;
    display: block;
}

#mrTelHeader,
#mrAmountHeader {
    margin-bottom: .5rem;
}

#mrSummeryDollars {
    margin-top: 2rem;
}

#mrSummeryNumber {
    float: right;
    padding-right: 1rem;
    color: gray;
}

#mrSummeryAmount {
    padding-left: 1rem;
    padding-top: .5rem;
    color: black;
}

#mrSummeryDollars,
#mrSummeryFee {
    float: right;
    color: gray;
    padding-right: 1rem;
}

.orangeFee {
    color: var(--orangeColor) !important;
}

#mrSummeryDate {
    float: right;
    padding-right: 1rem;
    color: var(--orangeColor);
}

#mrTotalWrapper {
    display: none;
    /*box-shadow: 0 0 5px rgba(0,0,0,.1);*/
    padding-bottom: .5rem;
    /*box-shadow: 0 0 5px rgba(0,0,0,.1);*/
    /*   color: gray;
    padding-top: 1rem;
    width: 87%;
    margin: auto;
    text-align: right;*/
}

#mrTotalCont {
    color: gray;
    padding-top: 1rem;
    width: 80%;
    margin: auto;
    text-align: right;
}

#mrTotalWrapper p {
    margin-bottom: .5rem;
    font-weight: 600;
    display: inline-block;
}

#mrTotalWrapper span:last-child {
    display: block;
}

#mrTotal {
    display: inline-block;
    font-weight: 600;
    font-size: 1.8rem;
}

.oneTimeBlock {
    width: 21rem;
    height: 25rem;
}

#oneTimeNewNoPromo {
    position: relative;
}

#blockBtnWrapper {
    width: 100%;
    position: absolute;
    text-align: center;
    margin-top: 2rem;
    z-index: 9;
}

#createAccBtn {
    background-color: var(--orangeColor);
    width: 12rem;
    font-size: 1.5rem;
    height: 3rem;
    border-radius: 50px;
    color: #262937;
}

#mrFirstBlock {
    background-color: var(--orangeColor);
    /*margin-bottom: 1rem;*/
}

/*.oneTimeBlock:first-child {
    background-color: #262937;
    margin-bottom: 1rem;
}*/

/*.oneTimeBlock:last-child {
    background-color: var(--orangeColor);
}*/

#mrSecondBlock {
    margin-bottom: 1rem;
    background-color: #262937;
}

.oneTimeBlock p {
    font-size: 1.8rem;
    font-weight: 200;
    direction: ltr;
}

#blockImgWrapper {
    width: 100%;
    text-align: center;
    direction: ltr;
    margin-top: 7rem;
}

    #blockImgWrapper a:first-child {
        margin-right: .2rem;
    }

.oneTimeBlock img {
    width: 90px;
}

#oneTimeForm {
    width: 50%;
    float: left;
}

#oneTimePhoneNumWrapper {
    position: relative;
}

    #oneTimePhoneNumWrapper label,
    #mrImgCont label {
        font-size: .8rem;
    }

#oneTimePhone {
    background-color: #efeeee;
    /*    border: 1px solid gray;*/
    border: 1px solid var(--orangeColor);
    height: 2.5rem;
    width: 100%;
    border-radius: 5px;
    color: var(--orangeColor);
    font-size: 16px;
}

    #oneTimePhone::placeholder {
        color: var(--orangeColor);
    }

.oneTimePhoneWrapper,
.oneTimePhoneToSmsWrapper {
    margin-top: .5rem !important;
}

.oneTimePhoneToSmsWrapper {
    margin-bottom: .5rem !important;
}

#oneTimePhoneToSms {
    background-color: #efeeee;
    border: 1px solid gray;
    height: 2.5rem;
    width: 100%;
    border-radius: 5px;
    font-size: 16px;
}

.oneTimePhoneWrapper {
    margin-bottom: 1rem !important;
}

    .oneTimePhoneWrapper .iti-arrow {
        border-top: 4px solid var(--orangeColor) !important;
    }

#checkMrFirstStep {
    background: none;
    background-color: var(--orangeColor);
    width: 12rem;
    border-radius: 50px;
    height: 2.5rem;
    color: white;
}

#mrCheckNumWrapper {
    margin-top: 1rem;
    text-align: center;
}

#mrCheckNum {
    /*display: none;*/
    position: absolute;
    top: 0;
    right: -1rem;
    background: none;
    background-color: var(--orangeColor);
    color: white;
    width: 9rem;
    border-radius: 50px;
    height: 2.5rem;
}

#mrCheckSMS {
    position: absolute;
    top: 0;
    right: -1rem;
    background: none;
    background-color: var(--orangeColor);
    color: white;
    width: 9rem;
    border-radius: 50px;
    height: 2.5rem;
}

#goToPayBtn {
    position: absolute;
    top: 0;
    right: 1rem;
    background: none;
    background-color: var(--orangeColor);
    color: white;
    width: 7rem;
    border-radius: 50px;
    height: 2.7rem;
}

#oneTimeLogin {
    margin-top: 2rem;
    font-size: .8rem;
    font-weight: 600;
    color: #B6B6B6;
}

    #oneTimeLogin a {
        color: gray;
    }

#oneTimeAmmountWrapper {
    display: none;
    margin: 2rem 0;
}

#selectAmountLbl {
    font-size: 1rem;
    font-weight: 600;
    text-align: center;
    padding: 0.5rem 0;
}

.amountRowContainer {
    display: grid;
    max-height: 500px;
    overflow-y: auto;
}

    .amountRowContainer::-webkit-scrollbar {
        width: 8px;
        background-color: transparent;
    }

    .amountRowContainer::-webkit-scrollbar-thumb {
        background-color: rgba(0, 0, 0, 0.5);
    }

        .amountRowContainer::-webkit-scrollbar-thumb:hover {
            background-color: var(--orangeColor);
        }

.amountRow {
    display: flex;
    justify-content: space-evenly;
    margin: 10px 0;
}

.bundle .amountRow p {
    padding: .5rem 1rem;
}

.amountRow p {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3px;
    border: 1.5px solid var(--orangeColor);
    border-radius: 10px;
    width: 7.5rem;
    text-align: center;
    color: var(--orangeColor);
    cursor: pointer;
    line-height: 1.2rem;
    line-height: 1.4rem;
    font-weight: 700;
    padding: .3rem 0 .3rem 0;
    padding: 0.3rem;
}

.threeRows .amountRow p {
    border-radius: 50px
}

.amountRow p:hover {
    background-color: var(--orangeColor);
    color: white
}

.promoAmount {
    color: red !important;
    border: 1.5px solid red !important;
}

.chosenAmount {
    background-color: var(--orangeColor);
    border: 1.5px solid white !important;
    filter: drop-shadow(0 0 1px black);
    color: white !important;
}

/********************Options buttons*********************/
.mrAmountsBtnsPanel {
    margin: 0 auto;
    display: flex;
    width: 100%;
    align-items: center;
    border-bottom: 1px solid #efefef;
}

.mrOptionsBtnsWrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    /*    border-bottom: 1px solid #efefef;*/
    margin: auto auto;
}

.mrOptionBtn {
    background-color: transparent;
    padding: 5px 65px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    font-family: 'Ubuntu';
    font-weight: 600;
    font-size: 1rem;
    color: gray;
    margin: 0 auto;
}

    .mrOptionBtn.amountTypeBtnActive {
        background-color: #dbdbdb;
        color: var(--orangeColor);
    }

.mrAmountsBtnsPanel .infoBtn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    /*margin: 0 0 0 auto;*/
    margin: 0;
    padding: 0;
    border-radius: 50%;
    font-size: 16px;
    font-family: 'Open Sans';
    font-weight: bold;
    background-color: var(--orangeColor);
    color: #fff;
    border: none;
    cursor: pointer;
}

/*.bundle .amountRow {
    display: inline-block;
    box-sizing: border-box;
    padding: 0 65px 0 15px;
    width: 100%;
}

.bundle p[class^='mrPrice'] {
    width: 165px;
    width: 225px;
    border-radius: 10px;
    line-height: 1.5rem;
    padding: 5px;
}

.bundle p[class^="mrPrice"] span:nth-child(1) {
        margin: 0 0 1rem 0;
 }

.bundle span[class^="deliveredAmount"] {
    margin: 0 0 1rem 0;
}

.bundle .amountRow p:last-child:nth-child(2) {
    margin: 0;
}

.bundle .amountRow p:nth-child(2) {
    float: right;
}

.bundle .amountRow p:nth-child(1) {
    float: left;
}*/

.hasThreeOptions.mrAmountsBtnsPanel .mrOptionBtn {
    padding: 5px 30px;
}

.mrAmountsMsg {
    color: var(--orangeColor);
    margin: 15px 0 0 0;
    font-size: 1rem;
    text-transform: uppercase;
}

/************option popup************/

#otOptionsPop {
    display: none;
    z-index: 999;
    width: 100vw;
    height: 100vh;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    min-height: 900px;
    background: rgba(210, 220, 225, .8);
}

    #otOptionsPop .popupCont {
        position: relative;
        height: unset;
        max-height: 100%;
        border: 5px solid var(--orangeColor);
        padding: 5em 2em 1em;
        overflow-x: auto;
    }

        #otOptionsPop .popupCont p {
            line-height: 1.5rem;
            text-align: start;
            box-sizing: border-box;
        }

        #otOptionsPop .popupCont h2 {
            margin: 0 0 1.8rem 0;
            text-align: center;
        }

        #otOptionsPop .popupCont h2,
        #otOptionsPop .popupCont p {
            font-family: 'Ubuntu', sans-serif;
            color: #476882;
        }



    #otOptionsPop .wapperContent {
        padding: 15px 15px 30px;
        border-radius: 10px;
        background-color: #f2f6f9;
        margin-top: 5px;
    }

    #otOptionsPop p:not(:nth-child(1)) {
        margin-bottom: 10px;
    }

    #otOptionsPop p:nth-child(1) {
        text-transform: uppercase;
        margin-bottom: 10px;
    }

    #otOptionsPop p:not(:nth-child(1)) span:nth-child(1) {
        text-transform: uppercase;
        color: var(--orangeColor);
        font-family: 'Ubuntu', sans-serif;
    }


    #otOptionsPop .logoMrWrapper {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        background-color: white;
    }

    #otOptionsPop .xBtn {
        background-color: white;
        z-index: 999;
    }

@media screen and (max-width:1430px) {
    .mrAmountsBtnsPanel .mrOptionBtn {
        padding: 5px 50px;
    }

    .hasThreeOptions.mrAmountsBtnsPanel .mrOptionBtn {
        padding: 5px 20px;
    }
}

@media screen and (max-width: 1300px) {
    /*    #oneTimeAmmountWrapper .bundle .amountRow {
        display: flex;
        flex-direction: column;
        align-items: center;
        font-size: 1rem;
    }

        #oneTimeAmmountWrapper .bundle .amountRow:not(:last-child) {
            margin: 0 0 10px 0;
        }

        #oneTimeAmmountWrapper .bundle .amountRow:not(:first-child) {
            margin-top: 1rem;
        }

        #oneTimeAmmountWrapper .bundle .amountRow p[class^="mrPrice"]:not(:last-child) {
            margin: 0 0 15px 0;
        }*/
}

@media screen and (max-width:1160px) {
    .hasThreeOptions.mrAmountsBtnsPanel .mrOptionBtn {
        font-size: 0.85rem;
    }

    .mrAmountsBtnsPanel .mrOptionBtn {
        padding: 5px 40px;
    }
}

@media screen and (max-width:1023px) {
    .mrAmountsBtnsPanel .mrOptionBtn {
        padding: 5px 65px;
    }

    .mrAmountsBtnsPanel {
        width: 85%;
    }

    .hasThreeOptions.mrAmountsBtnsPanel {
        justify-content: center;
    }

    .hasThreeOptions .mrOptionBtn {
        padding: 5px 30px;
        font-size: initial;
    }

    .hasThreeOptions.mrAmountsBtnsPanel .infoBtn {
        /*        margin: 0 0 0 10px;
*/
    }

    #otOptionsPop h2 {
        position: absolute;
        top: 80px;
        left: 0;
        right: 0;
        margin: 0;
    }

    #otOptionsPop .wapperContent {
        margin-top: 40px;
    }

    #otOptionsPop p:nth-child(1) {
        margin-bottom: 25px;
        margin-top: 10px;
        font-size: 20px;
        line-height: unset;
    }

    #mrMiddleBlock {
        border: 4px solid #FFA701;
        padding: 20px;
        color: black;
        margin-bottom: 2rem;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        font-size: 2rem;
        gap: 20px
    }
}

@media screen and (max-width: 830px) {
    .mrAmountsBtnsPanel .mrOptionBtn {
        padding: 5px 55px;
    }

    .hasThreeOptions.mrAmountsBtnsPanel {
        width: 100%;
    }
}

@media screen and (max-width: 770px) {
    .mrAmountsBtnsPanel .mrOptionBtn {
        padding: 5px 45px;
    }

    .hasThreeOptions .mrOptionBtn {
        font-size: 0.8rem;
    }
}

@media screen and (max-width: 765px) {
    #otOptionsPop h2 {
        top: 65px;
        background-color: white;
    }

    #otOptionsPop .wapperContent {
        margin-top: 40px;
    }

    #otOptionsPop .popupCont {
        width: 85%;
        overflow-y: auto;
        padding: 4em 0.5rem 0.5rem;
    }
}

@media screen and (max-width: 670px) {
    .mrAmountsBtnsPanel {
        width: 100%;
    }

        .mrAmountsBtnsPanel .mrOptionBtn {
            padding: 5px 40px;
            font-size: .9rem;
        }

    .hasThreeOptions.mrAmountsBtnsPanel .mrOptionBtn {
        padding: 5px 20px;
    }

    .hasThreeOptions.mrAmountsBtnsPanel .infoBtn {
        /*        margin: 0 0 0 5px;
*/
    }
}

@media screen and (max-width: 600px) {
    .mrAmountsBtnsPanel {
        justify-content: center;
    }

        .mrAmountsBtnsPanel .mrOptionBtn {
            padding: 5px 30px;
            font-size: .9rem;
        }

    .hasThreeOptions.mrAmountsBtnsPanel .mrOptionBtn {
        padding: 5px 14px;
        font-size: 0.7rem;
    }

    .hasThreeOptions.mrAmountsBtnsPanel .mrOptionBtn {
        padding: 5px 15px;
        font-size: 0.7rem;
    }
}

@media screen and (max-width: 520px) {
    #otOptionsPop .popupCont {
        width: 85%;
        overflow-y: auto;
        padding: 4em .5rem .5rem;
        max-height: 81vh;
    }
}

@media screen and (max-width: 480px) {
    #otOptionsPop .popupCont {
        width: 85%;
    }

    .mrAmountsBtnsPanel .mrOptionBtn {
        padding: 5px 20px;
        font-size: .9rem;
    }

    .hasThreeOptions.mrAmountsBtnsPanel .mrOptionBtn {
        padding: 5px 10px;
    }

    /*    #oneTimeAmmountWrapper .bundle .amountRow {
        padding: 0;
    }*/
}

@media screen and (max-width: 450px) {

    .mrAmountsBtnsPanel .mrOptionBtn {
        padding: 5px 15px;
        font-size: .7rem;
    }

    .hasThreeOptions .mrOptionsBtnsWrapper {
        max-width: 290px;
    }
}

@media screen and (max-width: 430px) {
    .mrAmountsBtnsPanel .mrOptionBtn {
        padding: 5px 15px;
        font-size: .7rem;
    }

    .hasThreeOptions .mrOptionsBtnsWrapper {
        max-width: 290px;
    }
}

@media screen and (max-width: 410px) {
    .hasThreeOptions.mrAmountsBtnsPanel .mrOptionsBtnsWrapper {
        max-width: 220px;
    }
}



.formHeader {
    font-weight: 600;
    margin-bottom: 1rem;
}

#mrPaymentWrapper {
    display: none;
    opacity: .5;
    pointer-events: none;
}

    #mrPaymentWrapper input[type="text"],
    #mrAddressWrapper input[type="text"],
    #mrPaymentWrapper input[type="number"],
    #mrAddressWrapper input[type="number"],
    #mrPaymentWrapper input[type="tel"],
    #mrAddressWrapper input[type="tel"] {
        text-indent: 1rem;
        background: none;
        border: 1px solid lightgray;
        height: 2.5rem;
        font-size: 16px;
    }

#mrSmsWrapper {
    display: none;
    margin-bottom: 1rem;
    margin-top: 4rem;
}

#mrSmsContent {
    margin-top: .5rem;
    position: relative;
    width: 21rem;
}

#mrSmsConfirm {
    text-indent: 1rem;
    background: #efeeee;
    border: 1px solid lightgray;
    height: 2.5rem;
    display: block;
    width: 14rem;
    display: inline-block;
    /*margin-top: .5rem;*/
    font-size: 16px;
    border-radius: 5px;
}

#mrSmsConfirmLbl {
    display: block;
}

#afterTimerWrapper {
    display: none;
    position: relative;
    margin-top: 1rem;
    /*width: 8rem;*/
}

    #afterTimerWrapper button {
        background: none;
        font-weight: 600;
        /*width: 100%;*/
        color: var(--orangeColor);
        display: inline-block;
    }

    #afterTimerWrapper span {
        display: block;
        margin: .5rem 0;
    }

#mrResend {
    margin-right: 1rem;
}

/*#afterTimerWrapper button:first-child {
    position: absolute;
    bottom: .4rem;
}

#afterTimerWrapper button:last-child {
    position: absolute;
    top: 0;
}
*/
#mrPaymentWrapper select {
    padding-left: 1rem;
    background: none;
    border: 1px solid lightgray;
    height: 2.65rem;
}

#mrName {
    width: 100%;
    margin-bottom: .5rem;
}

#mrCardNum {
    width: 100%;
    margin-bottom: .5rem;
}

#mrExpDate {
    position: relative;
    text-align: center;
    width: 100.3%;
}

#mrMonthSelectWrapper {
    width: 32%;
    display: inline-block;
    position: relative;
    float: left;
}

#mrMonthInputArrow,
#mrYearInputArrow {
    position: absolute;
    top: 1.1rem;
    right: 1rem;
    z-index: -1;
}

#mrMonthSelect {
    width: 100%;
}

#mrYearSelectWrapper {
    width: 32%;
    display: inline-block;
    position: relative;
}

#mrYearSelect {
    width: 100%;
}

#mrCvv {
    width: 32%;
    float: right;
}

#mrCardsWrapper {
    text-align: left;
    width: 100%;
}

#cardsImg {
    margin-top: .5rem;
    width: 350px;
}

#mrAddressWrapper select {
    padding-left: 1rem;
    background: none;
    border: 1px solid lightgray;
    height: 2.65rem;
    font-size: 16px;
}

#mrAddressWrapper {
    display: none;
    margin-top: 3rem;
    opacity: .5;
    pointer-events: none;
    margin-top: 20px;
}

#mrAddress {
    width: 100%;
    margin-bottom: .5rem;
}

#mrCityWrapper {
    width: 100.4%;
    margin-bottom: .5rem;
}

#mrCity {
    width: 49%;
}

#mrZip {
    width: 49%;
    float: right;
}

#mrCountryWrapper {
    width: 100.4%;
}

#mrCountrySelectWrapper {
    width: 49.3%;
    float: left;
    position: relative;
}

#mrStateSelectWrapper {
    width: 49.3%;
    float: right;
    position: relative;
}

#mrCountryInputArrow {
    position: absolute;
    top: 1rem;
    right: 1rem;
    z-index: -1;
}

#mrStateInputArrow {
    position: absolute;
    top: 1rem;
    right: 1rem;
    z-index: -1;
}

#mrCountrySelect {
    width: 100%;
}

#mrStateSelect {
    width: 100%;
}

#mrPhoneMailWrapper {
    width: 100.4%;
    margin-top: 3.7rem;
    margin-bottom: 1.2rem;
}

#mrBillMail {
    width: 49%;
}

#mrTermsCheckWrapper {
    position: relative;
    font-size: .8rem;
    width: 39%;
    display: inline-block;
    padding-left: 2rem;
}

    #mrTermsCheckWrapper .checkmark {
        border: 1px solid var(--orangeColor);
    }

#mrInfoCheckWrapper {
    position: relative;
    width: 43%;
    display: inline-block;
    float: right;
    padding-left: 2rem;
}

    #mrTermsCheckWrapper span,
    #mrInfoCheckWrapper span {
        font-size: .8rem;
        display: inline-block;
    }

    #mrInfoCheckWrapper .checkmark {
        border: 1px solid var(--orangeColor);
    }

    #mrTermsCheckWrapper input:checked ~ .checkmark:after,
    #mrInfoCheckWrapper input:checked ~ .checkmark:after {
        display: block;
    }

    #mrTermsCheckWrapper .checkmark:after,
    #mrInfoCheckWrapper .checkmark:after {
        content: "";
        display: none;
        position: absolute;
        left: 9px;
        top: 5px;
        width: 5px;
        height: 10px;
        border: solid var(--orangeColor);
        border-width: 0 3px 3px 0;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
    }

#mrBtnWrapper {
    margin-top: 4rem;
    margin-bottom: 4rem;
    text-align: center;
}

#mrChargeBtn {
    width: 13rem;
    background-color: var(--orangeColor);
    color: white;
    border-radius: 50px;
    display: inline-block;
    height: 2.8rem;
    font-size: 1.1rem;
    opacity: .5;
    pointer-events: none;
}

#mrPayWithPaypalBtn {
    display: none;
    width: 13rem;
    background-color: var(--orangeColor);
    color: white;
    border-radius: 50px;
    height: 2.8rem;
    font-size: 1.1rem;
}

    #mrPayWithPaypalBtn:disabled {
        opacity: .5;
        pointer-events: none;
        cursor: default;
    }


#mrFailWrapper {
    min-height: calc(100vh - 35.3125rem);
    /* 565px/16 = 35.3125rem */
}

#progressBarWrapper {
    min-height: calc(100vh - 43.3125rem);
    /* 693px/16 = 43.3125rem */
    margin-top: 5rem;
    margin-bottom: 5rem;
    text-align: center;
}

#progressBar {
    display: none;
    width: 1%;
    height: 4rem;
    background-color: var(--orangeColor);
    color: white;
    box-shadow: 0 1px 3px 1px #888888;
    margin-top: 2rem;
    border-radius: 5px;
}

#progressBarText {
    line-height: 4rem;
    font-size: 1.4rem;
}

#progressHeader2 {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

#mrFailWrapper {
    text-align: center;
}

    #mrFailWrapper p {
        margin-top: 2rem;
        margin-bottom: 2rem;
    }

#mrSuccessWrapper {
    text-align: center;
    min-height: calc(100vh - 34.3125rem);
    /* 549px/16 = 34.3125rem */
}

.mrSummery {
    display: block;
    margin: 1rem 0 1rem 0;
}

    .mrSummery p:first-child {
        margin-right: .5rem;
    }

#mrSuccessWrapper p {
    display: inline-block;
}

#oneTimeNewCust {
    padding-top: 2rem;
}

#oneTimeNewCustDesc {
    color: white;
    text-align: center;
}

    #oneTimeNewCustDesc span {
        display: block;
        margin: .5rem;
    }

        #oneTimeNewCustDesc span:nth-child(2),
        #oneTimeNewCustDesc span:nth-child(3) {
            color: #262937;
        }

        #oneTimeNewCustDesc span:last-child,
        #oneTimeNewCustDesc span:nth-child(3) {
            color: #262937;
        }

#oneTimeNewCustFooter {
    margin-top: 2rem;
    font-size: 1rem;
    padding: 0 .5rem;
}

#oneTimeNewPromoHeader {
    font-size: 1.3rem;
    padding: 2rem 1rem 0 1rem;
    font-weight: 600;
    text-align: center;
}

#oneTimeNewPromoDesc {
    font-size: 1.4rem;
    padding: 2rem 1rem 0 1rem;
    font-weight: unset;
    line-height: 2rem;
}

    #oneTimeNewPromoDesc span {
        display: block;
    }

#minFree {
    color: black;
    display: inline-block !important;
}

#oneTimeJoin {
    line-height: 3.5rem;
    padding: 2rem .5rem;
    font-size: 2.2rem;
}

    #oneTimeJoin span {
        display: block;
    }

#mrPromoBenefitDesc {
    width: 18rem;
    color: var(--orangeColor);
}

    #mrPromoBenefitDesc span {
        display: block;
    }

        #mrPromoBenefitDesc span:first-child {
            margin-bottom: 1rem;
        }

/*---------------Join Mobile Recharge---------------*/

#joinMrBgWrapper {
    background: url('../Slices/joinMrStep1.jpg') no-repeat center center;
    background-size: 100% 100%;
    height: 17rem;
    margin-bottom: 2rem;
}

.joinMrBgWrapperStep2 {
    background: url('../Slices/joinMr.jpg') no-repeat center center !important;
}

#joinMrHeader {
    padding-top: 4rem;
}

    #joinMrHeader span {
        display: block;
        color: white;
        font-weight: 600;
        font-size: 2.5rem;
    }

#joinMrDetails {
    font-size: 2rem;
    font-weight: 600;
}

#joinMrNameWrapper {
    margin: 1rem 0 1rem 0;
}

#joinMrFormStep2Wrapper {
    display: none;
    margin-top: 5rem;
}

#joinMrPasswordWrapper {
    margin-bottom: 1.5rem;
}

#joinMrFormWrapper input {
    text-indent: 1rem;
    background: none;
    border: 1px solid lightgray;
    height: 2.5rem;
    width: 49%;
}

#joinMrCode,
#joinMrPassword,
#joinMrConfirmPassword {
    text-indent: 1rem;
    background: none;
    border: 1px solid lightgray;
    height: 2.5rem;
    width: 49%;
}

#joinMrLastName,
#joinMrConfirmMail,
#joinMrConfirmPassword {
    float: right;
}

#joinMrPhoneWrapper {
    margin: 1rem 0 5rem 0;
}

#joinMrPhone {
    text-indent: unset !important;
}

#joinMrBtnWrapper {
    text-align: right;
    margin-bottom: 5rem;
    margin-top: 2rem;
}

#joinMrBtn {
    width: 16rem;
    background-color: var(--orangeColor);
    color: white;
    padding: .9rem;
    border-radius: 10px;
    font-size: 1.1rem;
}

#joinMrBtnStep2Wrapper {
    margin-top: 2rem;
    margin-bottom: 4rem;
    text-align: right;
}

.joinMrFormHeaderStep2 {
    margin-bottom: 1rem;
}

#joinMrCodeWrapper {
    margin-bottom: 3rem;
    position: relative;
}

#smsMrTimer {
    /*margin-left: 1rem;*/
    display: block;
    margin-top: 1rem;
}

#sendSmsMrAgainWrapper {
    position: absolute;
    left: 52%;
    top: .7rem;
}

    #sendSmsMrAgainWrapper p {
        color: gray;
        font-size: 1.3rem;
        margin-left: 2rem;
    }

    #sendSmsMrAgainWrapper img {
        position: absolute;
        width: 25px;
    }

#joinMrBtnStep2 {
    width: 16rem;
    background-color: var(--orangeColor);
    color: white;
    padding: .9rem;
    border-radius: 10px;
    font-size: 1.1rem;
}

#joinMrTermsWrapper {
    position: relative;
    font-size: .8rem;
    width: 39%;
    display: inline-block;
    padding-left: 2rem;
}

    #joinMrTermsWrapper span {
        display: inline-block;
    }

    #joinMrTermsWrapper .checkmark {
        border: 1px solid var(--orangeColor);
        top: -.4rem;
    }

    #joinMrTermsWrapper input:checked ~ .checkmark:after {
        display: block;
    }

    #joinMrTermsWrapper .checkmark:after {
        content: "";
        display: none;
        position: absolute;
        left: 9px;
        top: 5px;
        width: 5px;
        height: 10px;
        border: solid var(--orangeColor);
        border-width: 0 3px 3px 0;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
    }

#joinMrCustomerExistsWrapper,
#joinMrCustomerNoPassWrapper {
    display: none;
    text-align: center;
    margin-bottom: 4rem;
}

    #joinMrCustomerExistsWrapper p,
    #joinMrCustomerNoPassWrapper p {
        width: 90%;
        font-size: 1.2rem;
        margin: auto auto 4rem auto;
    }

    #joinMrCustomerExistsWrapper a,
    #joinMrCustomerNoPassWrapper button {
        background-color: var(--orangeColor);
        color: white;
        outline: none;
        border: none;
        margin-bottom: .8rem;
        text-decoration: none;
        font-size: 1.2rem;
        cursor: pointer;
        border-radius: 50px;
        padding: .5rem 2rem .5rem 2rem;
    }

#joinMrNewCreditRecharge {
    display: none;
    text-align: left;
    margin-bottom: 3rem;
}

    #joinMrNewCreditRecharge p {
        margin-bottom: 2rem;
    }

#joinMrChargeBtn {
    background-color: var(--orangeColor);
    color: white;
    margin-bottom: .8rem;
    text-decoration: none;
    font-size: 1.2rem;
    border-radius: 50px;
    padding: .5rem 2rem .5rem 2rem;
}

#joinMrNewCreditRecharge input {
    background: none;
    text-indent: 1rem;
    border: 1px solid #d3d3d3;
    height: 2.5rem;
}

#joinMrAccountName,
#joinMrAccountCardNum,
#joinMrAccountName,
#joinMrCity,
#joinMrZip {
    width: 49%;
}

#joinMrAccountName,
#joinMrCity,
#joinMrCountrySelectWrapper {
    float: left;
}

#joinMrAccountCardNum,
#joinMrZip,
#joinMrStateSelectWrapper {
    float: right;
}

#joinMrAddress {
    width: 100%;
}

#joinMrStateSelectWrapper,
#joinMrCountrySelectWrapper,
#joinMrStateSelectWrapper {
    margin-top: 1rem;
    position: relative;
    display: inline-block;
    width: 49.2%;
}

#joinMrExpDate {
    margin-top: 6rem;
    position: relative;
}

#joinMrCardsImg {
    position: absolute;
    top: .2rem;
    right: 0;
}

#joinMrMonthSelectWrapper,
#joinMrYearSelectWrapper,
#joinMrCvv {
    width: 29%;
    display: inline-block;
    position: relative;
}

#joinMrCvv {
    height: 2.4rem !important;
}

.mrArrow {
    position: absolute;
    top: 1.1rem;
    right: 1rem;
}

#joinMrMonthSelect,
#joinMrYearSelect,
#joinMrCountrySelect,
#joinMrStateSelect {
    width: 100%;
}

#joinMrNewCreditRecharge select {
    background: none;
    padding-left: 1rem;
    border: 1px solid #d3d3d3;
    height: 2.5rem;
}

#joinMrAccountBtnWrapper {
    margin-top: 10rem;
    text-align: center;
}

#joinMrAddressWrapper {
    margin-top: 2rem;
}

#joinMrCityWrapper {
    margin-top: 1rem;
}

/*---------------Virtual Numbers---------------*/

#virtualNumbersWrapper {
    height: 48rem;
    margin-top: 5rem;
    background: url('../SlicesCache/virtualNumbers.jpg') no-repeat top center;
    padding-bottom: 3rem;
}

#vnLogoWrapper {
    position: relative;
    height: 4rem;
}

#vnLogo {
    position: absolute;
    top: 4rem;
    width: 220px;
}

#vnHead {
    color: white;
    font-size: 3rem;
    font-weight: 600;
    text-align: center;
    margin-top: 4rem;
    margin-bottom: 2rem;
}

#vnDesc {
    color: white;
    text-align: center;
    font-size: 1.2rem;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

#vnBenefits {
    text-align: center;
    margin-top: 3rem;
    margin-bottom: 12rem;
}

.vnBenefit img {
    width: 5rem;
    height: 5.5rem;
    margin-bottom: .5rem;
    position: absolute;
    top: 0;
    left: 0;
}

#forwardingImg {
    width: 6rem;
    left: -.5rem;
}

#smsImg {
    left: .7rem;
}

.vnBenefit {
    display: inline-block;
    margin: 0 5rem 0 5rem;
    position: relative;
    width: 5rem;
}

.vnBenefitInner {
    position: absolute;
    top: 6rem;
    width: 100%;
    text-align: center;
}

.vnBenefit:nth-child(1) {
    margin-left: 0;
}

.vnBenefit:nth-child(4) {
    margin-right: 0;
}

.vnBenefit span {
    color: white;
    display: block;
}

#vnLinkWrapper {
    width: 100%;
    text-align: center;
}

#vnLink {
    border: none;
    background: #262937;
    border-radius: 50px;
    outline: none;
    color: white;
    padding: 1.2rem;
    font-size: 1.2rem;
    cursor: pointer;
    text-decoration: none;
    width: 12rem;
    text-align: center;
}

/*---------------Why Us---------------*/

#whyUsWrapper {
    margin-top: 5rem;
    height: 28rem;
}

#whyUsDesc {
    width: 45rem;
    float: left;
}

#whyUsVideoWrapper {
    float: right;
}

#whyUsVideo {
    width: 30rem;
    height: 20rem;
}

#whyUsHead {
    font-size: 2.5rem;
    margin-bottom: 1rem;
    font-weight: 600;
}

#whyUsWrapper ul {
    margin-left: 2rem;
    margin-top: 1rem;
}

#whyUsWrapper li {
    list-style-image: url('../Slices/checked.png');
    padding-left: .3rem;
    padding-top: .3rem;
}

/*---------------Contact Us---------------*/

#contactUsWrapper {
    position: relative;
    margin-top: 4rem;
    height: 40rem;
    /*height: 46.5rem;*/
    text-align: center;
    background: url('../SlicesCache/contactUs.jpg') no-repeat center center;
}

#contactUsHeader {
    color: white;
    font-weight: 600;
    font-size: 3rem;
    padding-top: 8rem;
    margin-bottom: 2rem;
}

#contactUsDesc {
    color: white;
    width: 50%;
    margin: auto;
}

#contactUsForm {
    margin-top: 2rem;
    text-align: center;
}

    #contactUsForm label:not(:last-child) {
        color: transparent;
        position: absolute;
        pointer-events: none;
    }

    #contactUsForm input {
        border: none;
        width: 31%;
        padding: .7rem;
        padding: 1rem 0 1rem 0;
        text-indent: .7rem;
    }

.contactPhoneNumWrapper {
    float: right;
    width: 31%;
}

#contactUsForm #contactPhoneNum {
    padding-left: 2.5rem;
    width: 100%;
}

.contactUsCheckWrapper {
    margin-top: 2rem;
    display: block;
    position: relative;
    text-align: left;
}

    .contactUsCheckWrapper span:nth-child(1) {
        display: block;
        color: white;
        padding-left: 2rem;
    }

    .contactUsCheckWrapper input:checked ~ .checkmark {
        background-color: var(--orangeColor);
    }

.checkmark {
    position: absolute;
    top: -.2rem;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: white;
    border-radius: 5px;
    cursor: pointer;
}


.payment-method-title {
    margin-bottom: 25px;
}

#paymentSelectCheckboxes {
    display: flex;
    align-items: center;
    /*justify-content: flex-start;*/
    justify-content: center;
    flex-wrap: wrap;
    /*column-gap: 30px;*/
    row-gap: 15px;
    /*margin-left: 30px;*/
    margin-top: 26px;
}

    #paymentSelectCheckboxes label:first-child {
        margin-inline-end: 30px;
    }

.payment-checkbox-label {
    display: flex;
    align-items: center;
    column-gap: 5px;
    cursor: pointer;
    color: #bdbdbd;
    font-weight: bold;
}

.payment-checkbox img,
.payment-checkbox img {
    margin: 0 5px;
}

.payment-checkbox-label input {
    display: none;
}

.payment-checkbox-label img {
    width: 40px;
}

.payment-checkbox {
    display: inline-block;
    border: 2px solid var(--orangeColor);
    border-radius: 5px;
    width: 25px;
    height: 25px;
    position: relative;
}

.payment-checkbox-label input:checked ~ .payment-checkbox::after {
    content: "";
    width: 13px;
    height: 6px;
    border-left: 3px solid #ff7901;
    border-bottom: 3px solid #ff7901;
    position: absolute;
    right: 4px;
    top: 7px;
    transform: rotate(310deg);
    -webkit-transform: rotate(310deg);
}

.payment-checkbox-label.disabled {
    opacity: .5;
    cursor: default;
    pointer-events: none;
    background: transparent !important;
}

.contactUsCheckWrapper input:checked ~ .checkmark:after {
    display: block;
}

.contactUsCheckWrapper .checkmark:after {
    content: "";
    display: none;
    position: absolute;
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}

.contactBtnWrapper {
    margin-top: 2rem;
    width: 100%;
    text-align: center;
}

#contactBtn {
    width: 16rem;
    background-color: var(--orangeColor);
    color: white;
    padding: .9rem;
    border-radius: 50px;
    font-size: 1.1rem;
}

/*-------------------Port---------------------*/
#protIlBgWrapper {
    background: url('../Slices/privacyPolicy.jpg') no-repeat center center;
    height: 25rem;
    /*margin-bottom: 4rem;*/
}

#protIlHeader {
    padding-top: 4rem;
    display: block;
    color: white;
    font-weight: 600;
    font-size: 3rem;
}

#protIlDesc {
    /*padding-bottom: 3rem;*/
}

#protIltDesc span {
    display: block;
    font-weight: 600;
}

#protIlDesc p {
    margin-top: 1.5rem;
    font-weight: 600;
}


/*---------------Privacy Policy---------------*/

#privacyPolicyBgWrapper {
    background: url('../Slices/privacyPolicy.jpg') no-repeat center center;
    height: 25rem;
    margin-bottom: 4rem;
}

#privacyPolicyHeader {
    padding-top: 4rem;
    display: block;
    color: white;
    font-weight: 600;
    font-size: 3rem;
}

#privacyPolicyDesc {
    padding-bottom: 3rem;
}

    #privacyPolicyDesc span {
        display: block;
        font-weight: 600;
    }

    #privacyPolicyDesc p {
        margin-top: 1.5rem;
        font-weight: 600;
    }

/*---------------Terms And Conditions---------------*/

#termsAndCondsBgWrapper {
    background: url('../Slices/termsAndConditions.jpg') no-repeat center center;
    height: 25rem;
    margin-bottom: 4rem;
}

#termsAndCondsHeader {
    padding-top: 4rem;
    display: block;
    color: white;
    font-weight: 600;
    font-size: 3rem;
    text-transform: uppercase;
}

#termsAndCondsDesc {
    padding-bottom: 3rem;
}

    #termsAndCondsDesc span {
        display: block;
        font-weight: 600;
    }

    #termsAndCondsDesc p {
        margin-top: 1.5rem;
        font-weight: 600;
    }

/*---------------Sms Reply---------------*/

#smsReplyBgWrapper {
    background: url('../Slices/privacyPolicy.jpg') no-repeat center center;
    height: 16rem;
    transform: translateY(-56px);
    -moz-transform: translateY(-56px);
    -o-transform: translateY(-56px);
    -webkit-transform: translateY(-56px);
    -ms-transform: translateY(-56px);
}

#smsReplyHeader {
    padding-top: 7rem;
    display: block;
    color: white;
    font-weight: 600;
    font-size: 3rem;
}

#smsReplyDesc {
    padding-bottom: 6rem;
    text-align: center;
}

#smsNumToSend {
    display: inline-block;
}

#smsReplyDesc span {
    display: block;
    font-weight: 600;
}

#numToSend {
    display: inline-block !important;
}

#smsReplyDesc p {
    margin-top: 1.5rem;
    margin-bottom: 1rem;
    font-weight: 600;
}

#smsText {
    width: 30rem;
    resize: none;
    height: 9rem;
    padding: .5rem;
    font-size: 1rem;
    margin: auto;
    display: block;
}

#smsCharWrapper {
    width: 30rem;
    margin: auto;
}

    #smsCharWrapper p:first-child {
        float: left;
    }

    #smsCharWrapper p:last-child {
        float: right;
    }

    #smsCharWrapper span {
        display: inline-block;
    }

#charNum span {
    display: table-cell;
}

#smsReplyBtnWrapper {
    text-align: center;
    width: 100%;
    padding-bottom: 3rem;
}

#smsReplyBtn {
    background: none;
    background-color: var(--orangeColor);
    color: white;
    border-radius: 50px;
    height: 2.8rem;
    width: 9rem;
    font-size: 1.1rem;
}

#smsReplySentWrapper {
    display: none;
    text-align: center;
    padding-bottom: 3rem;
}

    #smsReplySentWrapper p {
        margin-bottom: 1rem;
        display: inline-block;
    }

#numberSent {
    display: inline-block;
}

#smsEmailVerified {
    display: none;
}

#smsEmailNotVerified {
    display: none;
    padding-bottom: 3rem;
    text-align: center;
}

#smsCreditCard {
    width: 17rem;
    margin-top: 1rem;
    text-indent: 1rem;
    border: 1px solid lightgray;
    height: 2.5rem;
}

#smsVerifyBtnWrapper {
    width: 100%;
    text-align: center;
    margin-top: 1.5rem;
}

#smsVerifyBtn {
    background: none;
    background-color: var(--orangeColor);
    color: white;
    border-radius: 50px;
    height: 2.8rem;
    width: 9rem;
    font-size: 1.1rem;
}

#smsContact {
    display: none;
    text-align: center;
    padding-bottom: 3rem;
}

    #smsContact span {
        display: block;
    }

        #smsContact span:first-child {
            margin-bottom: 1rem;
        }

#israeliPrefixesWrapper,
#regularDidNumbers {
    display: none;
}

.scrollDidPrefixes {
    height: 12rem;
    overflow-y: scroll;
}

/*#israeliPrefixesWrapper {
    height: 12rem;
    overflow-y: scroll;
}*/

#premNumsWrapper {
    height: 12rem;
}

#premDidBoxBtnsWrapper {
    display: none;
    margin-top: 1rem;
    margin-bottom: 3rem;
}

#premDidPrevious {
    background: none;
    color: var(--orangeColor);
    float: left;
    padding-left: 1rem;
    font-size: .9rem;
}

#premDidNext {
    background: none;
    color: var(--orangeColor);
    float: right;
    padding-right: 1rem;
    font-size: .9rem;
}

    #premDidPrevious span,
    #premDidNext span {
        display: inline-block;
    }

.didPage {
    display: none;
}

.didPage1 {
    display: block;
}

#pickedPlanCreditAmountsWrapper {
    display: none;
    text-align: center;
    margin-bottom: 1rem;
    width: 30rem;
    transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -moz-transition: .3s;
}

#pickedPlanSelectAmountHeader {
    text-align: left;
    margin-bottom: 1rem;
}

#creditFirstRow {
    margin-bottom: 1rem;
}

.pickedPlanAmount {
    border: 1.5px solid var(--orangeColor);
    border-radius: 50px;
    display: inline-block !important;
    width: 7rem;
    height: 2rem;
    text-align: center;
    cursor: pointer;
    color: var(--orangeColor);
    line-height: 2rem;
    font-weight: 700;
    padding: .3rem 0 .3rem 0;
    font-size: 1rem !important;
}

#otherPickedCredit {
    border: none;
    background: none;
    outline: none;
    text-align: center;
    width: 100%;
    font-weight: 700;
}

    #otherPickedCredit::placeholder {
        color: var(--orangeColor);
    }

.amount1,
.amount4 {
    float: left;
}

.amount3,
.amount6 {
    float: right;
}

.chosenCreditAmount {
    background-color: var(--orangeColor);
    border: 1.5px solid white !important;
    filter: drop-shadow(0 0 1px black);
    color: white !important;
}

    .chosenCreditAmount input {
        color: white !important;
    }

.chosenCreditInput {
    color: var(--orangeColor) !important;
}

/*---------------Contact Phones---------------*/

#contactPhones {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem;
    background-color: var(--orangeColor);
}



    #contactPhones p {
        display: flex;
        justify-content: center;
        align-items: center;
    }

        #contactPhones p img:not(:last-child) {
            margin-inline-end: 5px;
        }

    #contactPhones a {
        color: white;
        text-decoration: none;
    }

#contactPhone {
    position: relative;
    margin-right: 3.5rem;
}

.contactNoLogin {
    padding-left: 0 !important;
}

    .contactNoLogin #contactPhone {
        margin-right: unset !important;
    }

/*---------------Footer---------------*/

footer {
    /*height: 25rem;*/
    height: 20rem;
    background-color: #262937;
    /*padding-top: 5rem;*/
    padding-top: 2rem;
    position: relative;
}

.footerWrapper {
    text-align: center;
}

.footerHead {
    color: white;
    font-weight: 600;
    font-size: 1.1rem;
    margin-bottom: .4rem;
}

.footerSection {
    display: inline-table;
    text-align: left;
}

#faqFooter {
    margin-top: 3rem;
}

.footerHeadList li {
    color: white;
    list-style: none;
    line-height: 1.4rem;
}

.footerHeadList a {
    color: white;
    text-decoration: none;
    transition: .1s;
    -webkit-transition: .1s;
    -o-transition: .1s;
    -moz-transition: .1s;
    cursor: pointer;
}

#socialFooter {
    margin-top: 1rem;
}

#facebookImg {
    width: 35px;
}

#socialFooter a:first-child {
    margin-right: 1rem;
}

#instagramImg {
    width: 35px;
    height: auto;
}

#footerRowTop {
    width: 49%;
    display: inline-table;
}

#footerRowBottom {
    width: 49%;
    display: inline-table;
}

#footerRowTop .footerSection:nth-child(1) {
    float: left;
}

#footerRowTop .footerSection:nth-child(2) {
    margin-left: 2rem;
}

#footerRowBottom .footerSection:nth-child(2) {
    float: right;
}

#footerLogoWrapper {
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 2rem;
    left: 0;
}

#footerLogo {
    width: 170px;
    height: auto;
}

/*---------------Others---------------*/

.whatsappAnchor {
    display: none;
    position: fixed;
    bottom: 7rem;
    right: 2rem;
    filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.8));
    z-index: 999;
}

.goToWhatsappBtn {
    width: 55px;
    height: 55px;
}

.goToTopBtn {
    display: none;
    position: fixed;
    bottom: 1.5rem;
    right: 2rem;
    width: 55px;
    height: 55px;
    cursor: pointer;
    box-shadow: rgba(0, 0, 0, 0.3) 0 4px 12px;
    z-index: 999;
    border-radius: 100%;
}

.padding {
    width: 1310px !important;
    margin: 0 auto;
}

.floatR {
    float: right;
}

.floatL {
    float: left;
}

.disabled {
    background-color: #E9E9E9 !important;
    pointer-events: none;
    cursor: none;
}

/*---------------Popups---------------*/

.popUpInfo {
    display: none;
    position: fixed;
    z-index: 999;
    width: 100%;
    height: 100%;
    min-height: 900px;
    background: rgba(210, 220, 225, .8);
    top: 0;
}

.popupCont {
    display: block;
    position: fixed;
    width: 40rem;
    height: 20rem;
    background: #fff;
    padding: 3em;
    top: 20%;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 10px;
}

.popUpInfo h2 {
    text-align: left;
    font-size: 25px;
    font-weight: normal;
    color: #566472;
    text-transform: uppercase;
}

.xBtn {
    display: block;
    position: absolute;
    width: 25px;
    height: 25px;
    background: url(../SlicesCache/xbtn2.png) no-repeat top center;
    background-Size: 100% auto;
    top: 1em;
    right: 1em;
    cursor: pointer;
}

.popupBtnsWrapper {
    position: absolute;
    bottom: 3rem;
    left: 0;
    text-align: center;
    width: 100%;
}

.popupBtn {
    background-color: var(--orangeColor);
    padding: .7rem;
    width: 7rem;
    color: white;
    border-radius: 5px;
}

.logoPop {
    position: absolute;
    right: 1rem;
    width: 60px;
    bottom: 2.5rem;
}

.logoPopTop {
    /*position: absolute;
    right: 1rem;*/
    width: 60px;
    /*bottom: 2.5rem;*/
}

#technicalFailure,
#technicalFailure h2 {
    text-align: center;
}

    #technicalFailure h2 {
        margin-top: 1rem;
        margin-bottom: 1rem;
    }

#SMSFailed,
#SMSFailed h2 {
    text-align: center;
}

    #SMSFailed h2 {
        margin-top: 1rem;
        margin-bottom: 1rem;
    }

#noDidPop {
    text-align: center;
}

    #noDidPop h2 {
        margin-bottom: 2rem;
    }

#mrConfirmationPop .popupCont {
    border: 3px solid var(--orangeColor);
    height: unset;
    top: 8%;
    padding: 1em;
    width: 85%;
}

#mrConfirmationPop .popupBtnsWrapper {
    position: static;
    margin-top: 2rem;
    display: inline-block;
}

.logoMrWrapper {
    text-align: center;
    width: 100%;
}

.logoPopMr {
    width: 140px;
    margin-bottom: .5rem;
    margin-top: 1rem;
}

#mrPopSummeryHead {
    text-align: center;
    font-weight: 600;
    margin-bottom: 1rem;
    color: #8396a7;
}

#mrPopSummery {
    background-color: rgba(200, 200, 200, .3);
    border-radius: 5px;
    padding: 1rem;
}

.mrPopRow {
    padding-bottom: .5rem;
}

#mrPopAmountWrapper {
    position: relative;
    padding-bottom: 2rem;
}

#mrPopAmountDollar {
    position: absolute;
    bottom: 0;
    right: 0;
    color: #8396a7;
}

#mrPopTransactionFeeWrapper {
    /*padding-bottom: 2rem;*/
    position: relative;
}

.mrPopRow:not(:first-child) {
    padding-top: .5rem;
}

.mrPopRow:not(:last-child) {
    border-bottom: 1px solid white;
}

.mrPopSummeryHeader {
    color: #8396a7;
    display: block;
    margin-bottom: .5rem;
    margin-top: .5rem;
}

#mrPopFee {
    position: absolute;
    bottom: 0;
    right: 0;
    color: #8396a7;
}

#mrPopChargeBtn {
    font-weight: 600;
    width: 12rem;
    font-size: 1rem;
}

#mrPopFinalAmount {
    font-size: 1.5rem;
}

#mrPopCreditCardWrapper {
    background-color: rgba(200, 200, 200, .3);
    padding: 1rem;
    border-radius: 5px;
    color: #8396a7;
    position: relative;
    margin-top: 1rem;
}

    #mrPopCreditCardWrapper span:first-child {
        font-weight: 600;
        display: block;
        font-size: .8rem;
    }

#mrPopLeft {
    float: left;
    width: 50%;
}

#mrPopRight {
    float: right;
    width: 40%;
}

#mrPopCardHeader {
    color: #8396a7;
    margin-bottom: 1rem;
    font-weight: 600;
    border-bottom: 1px solid lightgray;
}

#mrPopChangeBtn {
    position: absolute;
    right: .5rem;
    bottom: .5rem;
    color: var(--orangeColor);
    background: none;
    font-weight: 600;
}

#mrFailedPop h2,
#mrPendingPop h2 {
    text-align: center;
    margin-bottom: 2rem;
}

#mrFailedPop .popupCont,
#mrPendingPop .popupCont {
    text-align: center;
    width: 35rem;
    min-height: 18rem;
}

/*---------------Thank You---------------*/
#thankYouPlanWrapper {
    text-align: center;
    padding-bottom: 4rem;
    margin-top: -2rem;
}

#thanksCheckWrapper {
    width: 100%;
    text-align: center;
}

#thanksCheck {
    width: 50px;
}

#thankYouDescWrapper {
    border: 1px solid #e0e0e0;
    margin: 1rem auto 0 auto;
    padding-bottom: 1rem;
    width: 60%;
}

#thankYouHeader {
    color: #808080;
    padding: .5rem 0 .5rem 0;
    width: 95%;
    margin: 0 auto;
    font-weight: 600;
    font-size: 1.5rem;
}

#thankYouDesc {
    color: var(--orangeColor);
    margin-top: 2rem;
    margin-bottom: 1rem;
    font-size: 1.5rem;
    font-weight: 600;
}

#thankYouPlanNameWrapper p {
    display: inline-block;
    margin-bottom: 1rem;
}

#thankYouPlanName {
    display: inline-block;
    margin-bottom: 1rem;
}

#thankYouBtnWrapper {
    width: 100%;
    margin-top: 4rem;
}

#thankYouDetails {
    line-height: 2rem;
}

#thankYouMyAccount {
    background-color: var(--orangeColor);
    padding: .7rem;
    width: 7rem;
    color: white;
    border: none;
    outline: none;
    border-radius: 5px;
    cursor: pointer;
    text-decoration: none;
}

#thankYouVideoWrapper {
    margin: 2.5rem auto 1rem auto;
    width: 60%;
}

#thankYouVideo {
    width: 100%;
    height: 100%;
}

#thankYouAppWrapper {
    margin-top: 1rem;
}

    #thankYouAppWrapper a:first-child {
        margin-right: 2rem;
    }

    #thankYouAppWrapper a:last-child {
        margin-left: 2rem;
    }


    #thankYouAppWrapper img {
        width: 12rem;
    }

/*---------------Announcement---------------*/

#announcementBgWrapper {
    background: url('../Slices/announcement.jpg') no-repeat top center;
    height: 14rem;
    margin-bottom: 4rem;
}

#announcementHeader {
    padding-top: 2rem;
    display: block;
    color: white;
    font-weight: 600;
    font-size: 3rem;
}

#announcementContent {
    position: relative;
    width: 50%;
    margin: auto;
}

#growing {
    font-size: 1.8rem;
    text-align: center;
    font-weight: 600;
    text-decoration: underline;
    margin-bottom: 1.5rem;
}

#announcementBrandChange {
    text-align: center;
    margin-bottom: 2rem;
}

.bold {
    font-weight: 600;
}

#announcementDesc .bold {
    text-decoration: underline;
}

#announcementDesc ul {
    margin-top: 2rem;
    margin-bottom: 3rem;
    padding-left: 1rem;
}

#announcementDesc li {
    line-height: 2.5rem;
}

#announcementBrandChange,
#announcementDesc p,
#announcementDesc ul {
    font-size: 1.5rem;
}

#announcementNoChange {
    line-height: 2rem;
}

#announcementDesc p {
    line-height: 2rem;
}

    #announcementDesc p:last-child {
        text-align: center;
        margin-top: 1rem;
    }

#announcementLogoWrapper {
    text-align: center;
    width: 100%;
    margin-top: 2rem;
    margin-bottom: 2rem;
}

#announcementLogo {
    width: 150px;
}

#announcementOldLogoWrapper {
    position: absolute;
    top: 0;
    left: 0;
}

#announcementOldLogo {
    width: 80px;
}

/*---------------App Store---------------*/

#appStoreBgWrapper {
    background: url('../Slices/announcement.jpg') no-repeat top center;
    height: 14rem;
    margin-bottom: 4rem;
}

#appStoreHeader {
    padding-top: 2rem;
    display: block;
    color: white;
    font-weight: 600;
    font-size: 3rem;
}

/*---------------Mr Steps---------------*/

#mrStepsBgWrapper {
    background: url('../Slices/joinMrStep1.jpg') no-repeat center center;
    height: 20rem;
    margin-bottom: 4rem;
}

#mrStepsHeader {
    padding-top: 2rem;
    display: block;
    color: white;
    font-weight: 600;
    font-size: 3rem;
}

#mrStepsContent {
    margin-bottom: 5rem;
}

#mrStepsDesc span {
    display: block;
    font-weight: 600;
    font-size: 1.2rem;
}

    #mrStepsDesc span:first-child {
        margin-bottom: .5rem;
    }

#mrStepsVideoWrapper {
    margin-top: 5rem;
}

#mrStepsVideo {
    width: 100%;
    object-fit: cover;
    -o-object-fit: cover;
}

#voipWrapper {
    padding: 4rem 0;
    width: 90%;
    margin: auto;
}

    #voipWrapper p {
        margin: 1rem 0;
    }

#qrCode {
    width: 200px;
}

/*-------------MR Worg number pop-up------------*/
#wrongMrNumber h2 {
    margin-bottom: 20px;
}

/*---------------#####-MOBILE-#####---------------*/
@media only screen and (min-width: 765px) {
    .footerHeadList a:hover {
        color: var(--orangeColor);
    }
}

@media only screen and (max-width: 1600px) {

    /*---------------Others---------------*/

    .padding {
        width: 1300px !important;
    }
}

@media only screen and (max-width: 1500px) {
}

@media only screen and (max-width: 1550px) {

    /*---------------One Time Mobile Recharge---------------*/

    #customerReviews #reviewLeft {
        left: -8%;
    }
}

@media only screen and (max-width: 1450px) {

    /*---------------One Time Mobile Recharge---------------*/

    #customerReviews #reviewLeft {
        left: -10%;
    }

    #customerReviews #reviewRight {
        right: -11%;
    }
}

@media only screen and (max-width: 1400px) {

    /*---------------Header---------------*/

    #headerNav a,
    #headerNav button {
        margin-right: 2rem;
    }

    /*---------------Others---------------*/

    .padding {
        width: 1200px !important;
    }
}

@media only screen and (max-width: 1300px) {

    /*-------------------------plans view----------*/

    .plan {
        width: 340px
    }

    /*---------------simCardContainer---------------*/

    #pickedPlanSummeryWrapper2,
    #pickedPlanSummeryWrapper2 {
        width: 35%;
    }

    /*---------------One Time Mobile Recharge---------------*/
    #mrImgFirstRow .mrImg:last-child {
    }

    #mrImgSecondRow .mrImg:first-child {
    }

    #reviews img {
    }

    /*---------------Why Us---------------*/

    #whyUsDesc {
        width: 30rem;
    }

    /*---------------Others---------------*/

    .padding {
        width: 1100px !important;
    }
}

@media only screen and (max-width: 1200px) {

    /*---------------Header---------------*/

    #headerNav a,
    #headerNav button {
        margin-right: 1.5rem;
    }

    /*---------------One Time Mobile Recharge---------------*/
    .mrImg label {
        width: 4rem;
        left: 0;
    }

    /*---------------APP---------------*/

    #app,
    #app2 {
        margin-right: -5%;
    }
}

@media only screen and (max-width: 1150px) {
    /*-------------------------plans view----------*/
    #plans {
        flex-direction: column;
    }

    #firstPlanContainer {
        order: 2 !important;
    }

    /*---------------One Time Mobile Recharge---------------*/


    #oneTimeBlocks {
        width: 24%;
    }

    .mrImg1 {
        float: left;
    }

    .footerDivIconsPlan_box p {
        margin-top: -1rem;
    }

    .mrIm2 {
        float: none;
    }

    .mrImg3 {
        float: right;
    }

    /*---------------Contact Us---------------*/

    #contactUsForm input {
        width: 30%;
    }

    /*---------------Others---------------*/

    .padding {
        width: 1000px !important;
    }
}

@media only screen and (min-width: 1023px) {

    /*---------------simCardContainer---------------*/

    #popOffersWrapperMobile {
        display: none;
        margin: 2rem auto;
    }

    .popOffer:hover {
        border: 2px solid var(--orangeColor);
    }

        .popOffer:hover > .popOfferHeader {
            color: white;
        }

        .popOffer:hover > .popOfferBtn {
            background-color: white;
            color: var(--orangeColor);
        }
}

@media only screen and (max-width: 1023px) {

    /*---------------Header---------------*/

    #langChoose {
        right: -4.5%;
    }

    #headerNav a,
    #headerNav button {
        display: none;
    }

    #headerNav {
        left: 40%;
    }

    #logInBtn {
        padding: .7rem;
        margin-right: 5rem;
        margin-top: 1.6rem;
    }


    /*---------------Menu---------------*/

    .menuImgWrapper {
        display: block;
        float: right;
        position: unset;
        margin-top: 1.7rem;
    }

    /*---------------simCardContainer---------------*/

    .plansClickedGeneric #chosenPlanHeader {
        color: var(--orangeColor);
        font-weight: 600;
    }

    #planChooseBtn {
        background-color: var(--orangeColor);
    }

    #choosePlanForm1 .planDescHeader {
        text-align: left;
    }

    .planDescHeader span:first-child {
        color: var(--orangeColor);
    }

    .popOfferLearnBtn {
        color: var(--orangeColor);
    }

    .otherSection:nth-child(1) {
        background-size: cover;
    }

    .otherSection:nth-child(2) {
        background-size: cover;
    }

    .otherSection:nth-child(3) {
        background-size: cover;
    }

    .plansClickedGeneric #connectWrapper {
        padding-top: 2rem !important;
    }

    .plansClickedGeneric #searchWrapper,
    .plansClickedGeneric .insidePlans #searchWrapper {
        width: 85% !important;
    }

    #popOffersWrapperMobile {
        width: 100%;
    }

    #popOffersHeMobile,
    #popOffersEsMobile,
    #popOffersPtMobile {
        display: none;
    }

    .popOfferMobile {
        display: block;
        border: 2px solid white;
        border-radius: 5px;
    }

    .popOffer {
        float: none !important;
        display: block;
        width: 100%;
        border: none;
        padding: 1rem 0 0 0;
        height: 10rem;
    }

    .popOfferLearnWrapper {
        bottom: .5rem;
    }

    .line {
        width: 90%;
        height: 2px;
        background: linear-gradient(to right, transparent, white, transparent);
        margin: auto;
    }

    #connectWrapper {
        height: unset;
    }

    #topHeaderDescMob {
        margin-bottom: 1rem;
        color: var(--orangeColor);
    }

    #popOffersWrapper {
        display: none;
    }

    .popOfferBtn {
        width: 50%;
        height: 1.5rem;
        line-height: .6rem;
    }

    #otherSectionsContainer {
        bottom: -53rem !important;
    }

    #popularDestMob div:nth-child(1) img {
        margin-left: 0;
    }

    #popularDest {
        display: none !important;
    }

    #popularDestMob {
        display: inline-block !important;
    }

    #simCardContainer {
        background: url('../Slices/topSectionEnMobile.jpg') no-repeat top center;
        background-size: 100% 100%;
        padding-bottom: 7rem;
    }

    .planPage {
        padding-bottom: 0 !important;
    }

        .planPage #connectWrapper {
            padding-top: 10rem;
        }

    #connect span,
    #popOfferHeader span,
    #popOfferHeader {
        font-size: 2rem;
    }

    #searchWrapper {
        width: 95%;
    }

    #country-listbox {
        width: 35rem;
    }

    #searchCountry {
        right: -3%;
    }

    #otherSectionsWrapper {
        width: 100% !important;
    }

    .otherSection {
        display: block;
        position: relative !important;
        float: none;
        width: 80%;
        margin: auto;
        height: 15rem;
        text-align: center;
        padding: 2rem 0 2rem 0;
    }

    #otherSectionsWrapper button,
    #otherSectionsWrapper a {
        margin-top: 5rem;
        height: 2rem;
    }

    #otherSectionsWrapper a {
        line-height: 2rem;
    }

    .plansClicked,
    .plansClickedGeneric {
        background: url('../Slices/plans_mobile.jpg') no-repeat top center, #262937 !important;
    }

        .plansClicked #planDescWrapper {
            margin-top: 5rem;
            padding-top: 2rem;
        }

    .israeliPlanClicked {
        background: url('../Slices/israeliPlan_mobile.jpg') no-repeat top center, #262937 !important;
    }

    .cubaPlanClicked {
        background: url('../Slices/cubaPlan_mobile.jpg') no-repeat top center, #262937 !important;
    }

    .mexicoPlanClicked {
        background: url('../Slices/plans_mexico_mobile.jpg') no-repeat top center, #262937 !important;
    }

    .brazilPlanClicked {
        background: url('../Slices/brazilPlan_mobile.jpg') no-repeat top center, #262937 !important;
    }

    .venezuelaPlanClicked {
        background: url('../Slices/venezuelaPlan_mobile.jpg') no-repeat top center, #262937 !important;
    }

    .colombiaPlanClicked {
        background: url('../Slices/colombiaPlan_mobile.jpg') no-repeat top center, #262937 !important;
    }

    .peruPlanClicked {
        background: url('../Slices/peruPlan_mobile.jpg') no-repeat top center, #262937 !important;
    }

    .plansClicked,
    .plansClickedGeneric,
    .israeliPlanClicked,
    .cubaPlanClicked,
    .brazilPlanClicked,
    .venezuelaPlanClicked,
    .colombiaPlanClicked,
    .peruPlanClicked {
        background-size: 100% 100% !important;
    }

    #plansWrapper {
        margin-top: 4rem;
    }

    .plan:first-child {
        float: none;
        margin-bottom: 1rem;
    }

    .plansClickedGeneric #thirdPlan {
        float: none;
    }

    #thirdPlan {
        float: none;
    }

    .otherPlan {
        padding-bottom: 4rem !important;
    }

        .otherPlan #secondPlan {
            float: none !important;
        }

        .otherPlan .plan {
            width: 100% !important;
        }

    .plan:last-child {
        float: none;
        /*margin-top: 1rem;*/
    }

    .plan {
        width: 100%;
        padding: 0;
        text-align: center;
        height: unset;
    }

    .cubaPlanClicked .plan {
        height: unset;
    }

    .planMinDesc {
        padding-bottom: 7rem;
    }

    .planHeader {
        font-size: 2rem;
        text-align: center !important;
        padding-top: 1rem;
        margin-bottom: 1rem;
    }

    .planPrice {
        bottom: unset;
        bottom: 5rem;
    }

    #firstPlan,
    #secondPlan,
    #thirdPlan {
        height: 100%;
    }

    .joinBtnWrapper,
    .learnMoreBtnWrapper {
        position: static;
    }

    .noLearnMore {
        /*padding-bottom: 2rem;*/
    }

    .plan ul {
        text-align: left;
        width: 40%;
        margin: 1rem auto 0 auto;
    }

    /*#planDescWrapper {
        padding-top: 8rem;
        padding-bottom: 2rem;
        margin-top: -12rem;
        height: unset;
    }*/

    #planDescWrapper {
        /*width: 100vw;*/
        /*float: right;*/
        text-align: left;
        margin-top: -4rem !important;
        background: rgba(0, 0, 0, .6) !important;
        z-index: 1;
        padding-bottom: 4rem !important;
        padding-top: 4rem !important;
        /*margin-top: -4rem !important;*/
        /*height: unset !important;*/
        /*padding-left: 20rem;*/
        margin: -3rem -15% -1rem 0;
    }

    .genericPlans #planDescWrapper {
        margin: 0;
        margin-top: 2rem !important;
    }

    #pickedPlanSteps p {
        margin: 0 1rem 0 1rem;
    }

    .planDescHeader {
        margin-top: 2rem;
    }

    /*#planChooseBtn {
        top: 7.7rem;
    }*/

    #choosePlanForm1 {
        width: 100%;
    }

    #chosenPlanJoinBtnWrapper {
        display: none;
        /*position: static;
        text-align: center;
        margin-top: 2rem;*/
    }

    /*#chosenPlanJoinBtn {
        width: 100%;
    }*/

    .choosePlan {
        width: 100%;
        display: block;
    }

        .choosePlan:first-child {
            float: none;
            width: 100%;
        }

        .choosePlan:last-child {
            float: none;
        }

    .noFixedHeight {
        height: unset !important;
    }

    #choosePlanThanks {
        margin-top: 3rem;
    }

    #pickedPlanFormStep1 {
        margin-top: 2rem;
    }

    #pickedPlanAppWrapper p {
        margin-top: 1.2rem;
    }

    #pickedPlanAppWrapper span {
        font-size: 1.8rem;
    }

    #pickedPlanFormStep1 input,
    #pickedPlanFormStep2 input,
    #pickedPlanPhoneWrapper,
    #pickedPlanPasswordWrapper,
    #pickedPlanCheckCodeWrapper {
        width: 100%;
        float: none;
    }

    #pickedPlanCheckCodeWrapper {
        text-align: center;
    }

    #pickedPlanPassword {
        margin-bottom: 1rem !important;
    }

    #passColor {
        width: 100%;
        bottom: .7rem;
    }

    #pickedPlanPhoneWrapper {
        margin: unset;
        margin-bottom: 1rem;
        margin-top: 1rem;
    }

    #pickedPlanPhone {
        width: 100.3% !important;
    }

    #pickedPlanNameWrapper input:first-child,
    #pickedPlanMailWrapper input:first-child {
        margin-bottom: 1rem;
    }

    #sendSmsAgainWrapper,
    #sendSmsMrAgainWrapper {
        position: static;
        margin-top: 1rem;
        text-align: center;
    }

    #showPass {
        top: 4.5rem;
    }

    #didNumbers {
        width: 100%;
        margin-bottom: 2rem;
    }

    #pickedDidNumberWrapper {
        width: 100%;
        float: none;
        margin-bottom: 2rem;
    }

    #didSearch {
        width: 95% !important;
    }

    #pickedPlanFormStep3 {
        height: unset;
    }

    #pickedPlanCreditCardWrapper {
        float: none;
        width: 100%;
    }

    #pickedPlanSummeryWrapper,
    #pickedPlanSummeryWrapper2 {
        float: none;
        width: 100%;
    }

    #pickedPlanSummeryWrapper {
        margin-top: 4rem;
    }

    #pickedPlanSummeryWrapper2 {
        margin-top: 2rem;
    }

    #pickedPlanDidDesc {
        width: 100%;
    }

    #pickedPlanBtnBackToStep2,
    #pickedPlanBtnOrder {
        float: none;
    }

    #pickedPlanSummeryBtnWrapper {
        margin-bottom: 2rem;
        text-align: center;
    }

    #pickedPlanBtnPaymentWrapper {
        display: block;
        text-align: center;
        margin-bottom: 4rem;
        margin-top: 0;
    }

    #pickedPlanBtnPaymentWrapper2 {
        display: none;
    }

    #pickedPlanCreditAmountsWrapper {
        width: 100%;
    }

    #privateNumDesc {
        width: 100%;
    }

    #pickedPlanStep2Desc {
        width: 100%;
    }

    #noDid {
        width: 100%;
    }

    #pickedPlanBtnStep2Wrapper {
        margin-top: 3rem;
        margin-bottom: 12rem;
    }

    #pickedPlanBtnWrapper {
        text-align: center;
    }

    #wrongPassWrapper {
        width: unset;
        position: static;
    }

    .infoBox,
    #infoBoxSummery,
    #infoBoxSummery2 {
        clip-path: polygon(0 0, 100% 0, 100% 50%, 100% 60%, 90% 50%, 0 50%);
    }

    .infoBoxWrapper {
        right: 3.2rem;
    }

    #infoBoxWrapperSummery,
    #infoBoxWrapperSummery2 {
        right: 5.5rem;
    }

    #thankYouDescWrapper,
    #thankYouVideoWrapper {
        width: 90%;
    }

    #pickedPlanExpDate {
        width: 100%;
    }

    #sendSmsAgainWrapper img {
        position: static;
    }

    #sendSmsAgainWrapper p {
        margin-left: unset;
    }

    /*---------------APP---------------*/

    #appWrapper {
        margin-top: 51rem;
        position: relative;
        height: 32rem;
    }

    #appWrapper2 {
        position: relative;
        height: 32rem;
    }

    #store,
    #store2 {
        margin-left: 0;
    }

        #store li,
        #store2 li {
            font-size: unset;
        }

    #app {
        margin-top: 4rem;
        position: absolute;
        top: 0;
        right: 0;
    }

    #app2 {
        position: absolute;
        top: 0;
        right: 0;
    }

    #appImg,
    #appImg2 {
        width: 400px;
        height: auto;
    }

    #store a,
    #store2 a {
        display: block;
        width: 8rem;
        border-radius: 5px;
        box-shadow: 0 1px 1px 1px #848484;
    }

        #store a:last-child,
        #store2 a:last-child {
            margin-left: unset;
            margin-top: 1rem;
        }

    #store img,
    #store2 img {
        width: 100%;
        height: auto;
    }

    /*---------------Globusim---------------*/

    .lazy {
        background-image: unset !important;
        background: none !important;
    }

    #globusimWrapper {
        height: unset;
        padding-bottom: 3rem;
        background: url('../SlicesCache/globusimSite_mobile.jpg') no-repeat top center;
        background-size: cover;
    }

    #globDesc span {
        font-size: 2rem;
    }

    #globLogoWrapper {
        text-align: center;
    }

    #globusimLogo {
        width: 200px;
        margin-top: -1rem;
    }

    #simChooseWrapper {
        margin-top: 2rem;
        padding: 4rem 0 0 0;
        width: 100%;
        height: 13rem;
    }

    #simArrow {
        right: 2rem;
    }

    #globLook {
        padding-left: 1.5rem;
    }

    #globSelectCountry {
        width: 90%;
        margin-left: 1rem;
    }

    .checkPlanWrapper {
        width: 100%;
        text-align: center;
        margin-top: 2.5rem;
    }

    #checkThePlansBtn {
        position: unset;
        padding: 1rem 2rem 1rem 2rem;
        font-size: 1.2rem;
    }

    #globSelectCountry p {
        font-size: 1rem;
    }

    #globSafe {
        display: none;
    }

    /*---------------Mobile Recharge---------------*/

    #mobileRechargeWrapper {
        height: unset;
    }

    .mrBox {
        height: 25rem;
        float: none !important;
        width: 100%;
        padding-top: 3.5rem;
    }

    #oneTimeMr {
        display: block;
        margin-bottom: 2rem;
    }

    .mrBoxDesc {
        margin-top: 0;
        padding: .5rem 0 .5rem 0;
    }

    #createAccountMr {
        display: block;
        margin-left: 0;
    }

    #mobileRechargeWrapper button {
        margin-top: 16rem;
    }

    .mobileRechargeLogin {
        bottom: -3rem;
    }

    /*---------------One Time Mobile Recharge---------------*/

    #mrSuccessWrapper,
    #mrFailWrapper,
    #progressBarWrapper {
        min-height: unset;
    }

    #afterTimerWrapper {
        width: 100%;
    }

    #mrSmsContent {
        width: 100%;
    }

    #mrSmsConfirm {
        width: 100%;
    }

    #goToPayBtn {
        right: -1rem;
    }

    #mrCheckNum,
    #mrCheckSMS {
        width: 7rem;
    }

    #oneTimeNewCust {
        padding-top: 1rem;
    }

        #oneTimeNewCust img {
            width: 80px;
        }

    #oneTimeBgWrapper {
        background-size: cover !important;
        height: 20rem;
        margin-bottom: 1.5rem;
    }

    #mrBtnWrapper {
        margin-bottom: 3rem;
    }

    #oneTimeFormWrapper {
        height: unset;
    }

    /*    .mrAmountsVisible, .mrPromoVisible {
        height: unset !important;
    }*/

    #oneTimeForm {
        float: none;
        width: 100%;
    }

    #oneTimeBlocks {
        float: none;
        width: 100%;
        direction: ltr;
        text-align: left;
    }

    .oneTimeBlock {
        width: 100%;
        height: unset;
        padding-bottom: 2rem;
    }

    #mrFirstBlock {
        margin-bottom: 1rem;
    }

    #mrSecondBlock {
        position: relative;
    }

    /*
    .oneTimeBlock:last-child {
        margin-bottom: 2rem;
        position: relative;
    }*/

    .oneTimeBlock p {
        font-size: 2.5rem;
    }

    .oneTimeBlock img {
        width: 150px;
    }

    #blockBtnWrapper {
        position: static !important;
        text-align: center;
        width: 100%;
        padding-left: 0;
        display: inline-block;
        margin-top: 3rem;
    }

    #oneTimeJoin {
        width: 100%;
        display: inline-block;
        padding: 0;
        text-align: center;
        padding-top: 1.5rem;
    }

    #oneTimeNewCustFooter {
        font-size: 1.5rem;
        text-align: center;
        margin-top: 1rem;
    }

    #blockImgWrapper {
        width: unset;
        text-align: left;
        padding-left: 3rem;
        margin-top: 5rem;
    }

    #mrCheckNumWrapper {
        margin-top: 1rem;
        /*margin-bottom: 12rem;*/
    }

    #mrImgFirstRow,
    #mrImgSecondRow {
        display: block;
        width: 100%;
    }

    #mrImgFirstRow {
        margin-bottom: 3rem;
    }

    #mrCustomersWrapper {
        margin-top: 4rem;
    }

    .mrImg {
        margin-left: unset !important;
        margin-right: unset !important;
        margin: 0 1rem 0 1.5rem !important;
        /*width: unset;*/
    }

    #iconsImgMr {
        max-width: 70px !important;
    }

    .mrImg img {
        display: block;
        margin: 0 auto 1rem auto;
    }

    /*.mrImg label {
        position: static;
    }*/

    #customerReviews {
        width: 100%;
    }

        #customerReviews p {
            width: 90%;
            margin: 12rem auto 0 auto;
            position: static;
        }

    #reviews img {
        left: -18%;
    }

    #customerReviews #reviewRightMobile {
        right: -7%;
    }

    .reviewImgWrapper img {
        left: -6rem !important;
    }

    /*
    .oneTimeBlock:first-child {
        text-align: center;
    }*/

    #mrFirstBlock {
        /*display: block !important;*/
        text-align: center;
        /*margin-bottom: 2rem;*/
    }

    #mrSecondBlock {
        margin-bottom: 2rem;
    }

    #mrSummery {
        margin-top: 5rem;
    }

    #mrTotalWrapper p,
    #mrTotal {
        font-size: 2rem;
    }

    #reviews {
        width: 100%;
        margin-bottom: 11rem;
    }

    /*---------------Join Mobile Recharge---------------*/

    #joinMrPasswordWrapper {
        margin-top: 2rem;
    }

    #sendSmsMrAgainWrapper p {
        font-size: 1.2rem;
        margin-left: unset;
    }

    #sendSmsMrAgainWrapper img {
        position: static;
    }

    #joinMrFormWrapper input,
    #joinMrFormStep2Wrapper input {
        width: 100%;
        float: none;
    }

    #joinMrTermsWrapper {
        width: 100%;
    }

    #joinMrNameWrapper input:first-child,
    #joinMrMailWrapper input:first-child,
    #joinMrPassword {
        margin-bottom: 1rem;
    }

    #joinMrMonthSelectWrapper,
    #joinMrYearSelectWrapper,
    #joinMrCvv {
        width: 25%;
    }

    /*---------------Virtual Numbers---------------*/

    #vnBenefits {
        margin-left: auto;
        margin-right: auto;
        margin-top: 3rem;
    }

    #vnLogoWrapper {
        text-align: center;
        padding-top: 3rem;
    }

    #vnLogo {
        width: 170px;
        position: static;
    }

    #vnHead {
        width: 95%;
        margin: auto;
        margin-top: 2rem;
        font-size: 2.5rem;
    }

    #vnDesc {
        margin: auto;
        margin-top: 2rem;
    }

    .vnBenefit {
        margin: 0 2rem 0 2rem;
    }

        .vnBenefit img {
            width: 4rem;
            height: 4.5rem;
            left: .5rem;
        }

    #forwardingImg {
        width: 5rem;
        left: 0;
    }

    #smsImg {
        left: 1.1rem;
    }

    #vnLink {
        margin-top: 2rem;
    }

    /*---------------Why Us---------------*/

    #whyUsWrapper {
        height: unset;
    }

    #whyUsHead {
        font-size: 2rem;
    }

    #whyUsWrapper ul {
        margin-left: 1.5rem;
    }

    #whyUsVideoWrapper {
        float: none;
        margin-top: 2rem;
    }

    #whyUsDesc {
        float: none;
        width: 100%;
    }

    #whyUsVideo {
        width: 100%;
        height: unset;
    }

    /*---------------Contact Us---------------*/

    #contactUsWrapper {
        background: url('../SlicesCache/contactUs_mobile.jpg') no-repeat center center;
        background-size: 100% 100%;
        height: unset;
    }

    #contactUsHeader {
        padding-top: 4rem;
    }

    #contactUsDesc {
        width: 95%;
    }

    #contactUsForm input,
    .contactPhoneNumWrapper {
        float: none;
        width: 100%;
        display: block;
        margin-bottom: .5rem;
    }

    .contactBtnWrapper {
        padding-bottom: 3rem;
    }

    #announcementContent {
        width: 70%;
    }

    /*---------------Footer---------------*/

    footer {
        /*height: 37rem;*/
        height: 33rem;
    }

    #footerRowTop {
        width: 100%;
        display: block;
    }

    #footerRowBottom {
        width: 100%;
        display: block;
        float: left;
        margin-top: 4rem;
    }

    #footerRowTop .footerSection:nth-child(1) {
        float: left;
    }

    #footerRowTop .footerSection:nth-child(2) {
        float: right;
        margin-left: 0;
    }

    #footerRowBottom .footerSection:nth-child(1) {
        float: left;
    }

    #footerRowBottom .footerSection:nth-child(2) {
        margin-right: 3rem;
    }

    /*---------------Others---------------*/

    .padding {
        width: 80% !important;
    }

    .footerDivIconsPlan_boxs {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: repeat(4, 1fr);
        grid-column-gap: 0px;
        grid-row-gap: 10px;
        width: 20rem;
    }

    .footerDivSteps_step1,
    .footerDivSteps_step2,
    .footerDivSteps_step3 {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-template-rows: 1fr;
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        text-align: left;
    }

    .footerDivSteps_step1 {
        grid-area: 1 / 1 / 2 / 2;
    }

    .footerDivSteps_step2 {
        grid-area: 2 / 1 / 3 / 2;
    }

    .footerDivSteps_step3 {
        grid-area: 3 / 1 / 4 / 2;
    }

    .footerDivSteps_steps {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: repeat(3, 1fr);
        grid-column-gap: 0px;
        grid-row-gap: 30px;
    }

        .footerDivSteps_steps hr {
            display: none;
        }

    .footerDivSteps_step1 span,
    .footerDivSteps_step2 span,
    .footerDivSteps_step3 span {
        grid-area: 1 / 1 / 2 / 2;
    }

    .footerDivSteps_step1 p,
    .footerDivSteps_step2 p,
    .footerDivSteps_step3 p {
        grid-area: 1 / 2 / 2 / 5;
        text-align: left;
    }

    .footerDivAppMobile_img {
        display: none;
    }

    .footerDivAppMobile_div {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 1fr;
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        width: 90%;
        margin: auto;
        margin-bottom: 1rem;
    }

    .footerTitle {
        font-size: 1.5rem;
    }

    .footerDivIconsPlan_title,
    .footerDivSteps_title,
    .footerDivAppMobile_title {
        font-size: 1.5rem;
    }

    .footerDivAppMobile_info {
        margin: auto;
    }

    .footerDivAppMobile_info_box {
        width: 95%;
    }

    .planMinDesc span:first-child {
        display: block;
    }

    .thirdPlanFooter,
    .firstPlanFooter {
        float: unset;
    }
}

@media only screen and (max-width: 800px) {

    /*---------------simCardContainer---------------*/

    #country-listbox {
        width: 30rem;
    }
}

@media only screen and (max-width: 765px) {

    /*---------------simCardContainer---------------*/

    #simCardContainer {
        background: url('../Slices/topSectionEnMobile765.jpg') no-repeat top center;
        background-size: 765px 1330px;
        height: 1330px;
        padding-bottom: 0;
    }

    .planPage {
        height: unset !important;
        background-size: 100% 100% !important;
        padding-bottom: 0 !important;
    }

    .plan ul {
        width: 80%;
        margin: 1rem auto 0 auto;
        padding-left: 3rem;
    }

    .planHeader {
        font-size: 1.5rem;
    }

    .permissionDiv {
        font-size: 0.9rem;
        max-width: 15rem;
    }

    .chackBoxPermission {
        width: 7rem !important;
    }

    #pickedPlanAppWrapper {
        height: unset;
        padding-bottom: 1rem;
    }

        #pickedPlanAppWrapper p {
            display: block;
            float: none;
            margin-top: unset;
            padding-top: 1rem;
        }

    #pickedPlanAppStore {
        float: none;
        margin-right: .5rem;
        margin-left: unset;
    }

    #pickedPlanGooglePlay {
        float: none;
        margin-left: .5rem;
        margin-right: unset;
    }

    #pickedPlanAppWrapper a {
        width: 7rem;
        margin-top: 2.7rem;
    }

    #pickedPlanBtnStep2Wrapper button {
        width: 10rem;
    }

    #otherSectionsContainer {
        bottom: -28rem !important;
    }

    /*---------------App---------------*/

    #appWrapper {
        margin-top: 27rem;
    }

    /*---------------Mr Steps---------------*/

    #mrStepsHeader {
        font-size: 2rem;
    }

    /*---------------One Time Mobile Recharge---------------*/

    #oneTimeJoin {
        font-size: 2.5rem;
    }

    #createAccBtn {
        font-size: 1.3rem;
        width: 12rem;
    }

    /*---------------Sms Reply---------------*/

    #smsText,
    #smsCharWrapper {
        width: 100%;
    }

    /*---------------Popups---------------*/

    .popupCont {
        width: 80%;
        top: 8%;
    }

    #mrConfirmationPop .popupCont {
        top: 1%;
    }

    #mrPopAmountWrapper {
        padding-bottom: 0;
    }

    #mrPopLeft {
        float: none;
        width: 100%;
    }

    #mrPopRight {
        float: none;
        width: 100%;
        margin-top: 1rem;
    }

    .mrPopRow,
    #mrPopChargeBtn,
    #mrPopCardHeader,
    #mrPopSummeryHead {
        font-size: .8rem;
    }

    #mrPopFinalAmount {
        font-size: 1rem;
    }

    .logoPopMr {
        width: 100px;
    }

    #mrConfirmationPop .popupBtnsWrapper {
        margin-top: 1rem;
    }

    #mrPopSummeryHead,
    #mrPopCardHeader {
        margin-bottom: .5rem;
    }
}

@media only screen and (max-width: 700px) {

    /*---------------simCardContainer---------------*/

    #searchCountry {
        right: -4%;
    }

    #country-listbox {
        width: 27rem;
    }

    .plansClicked,
    .plansClickedGeneric,
    .israeliPlanClicked,
    .cubaPlanClicked,
    .brazilPlanClicked,
    .venezuelaPlanClicked,
    .colombiaPlanClicked,
    .peruPlanClicked {
        background-size: 100% 100% !important;
    }

    /*---------------APP---------------*/

    #app,
    #app2 {
        right: -4rem;
    }

    /*---------------Mobile Recharge---------------*/

    #mrOneTimeBtn {
        margin-right: 5rem;
    }

    #mrAccountBtn {
        margin-left: 5rem;
    }

    /*---------------Virtual Numbers---------------*/

    #virtualNumbersWrapper {
        height: unset;
    }

    #vnHead {
        margin-top: 0;
        font-size: 2rem;
    }
}

@media only screen and (max-width: 650px) {

    /*---------------simCardContainer---------------*/

    #pickedPlanMonthSelectWrapper,
    #pickedPlanYearSelectWrapper,
    #pickedPlanCvv {
        width: 32%;
    }

    #pickedPlanExpDate {
        width: 100.5%;
    }

    #pickedPlanMonthSelectWrapper {
        float: left;
    }

    #pickedPlanYearSelectWrapper {
        margin-left: unset;
    }

    /*---------------APP---------------*/

    #app,
    #app2 {
        right: -3rem;
        top: 3rem;
    }

    #appImg,
    #appImg2 {
        width: 250px;
    }

    #store li,
    #store2 li {
        font-size: .9rem;
    }

    /*---------------One Time Mobile Recharge---------------*/

    #mrMonthSelectWrapper,
    #mrYearSelectWrapper,
    #mrCvv {
        width: 32%;
    }

    #mrExpDate {
        text-align: center;
        width: 100.5%;
    }

    #mrMonthSelectWrapper {
        float: left;
    }

    #mrCvv {
        float: right;
        margin-left: unset;
    }

    #mrYearSelectWrapper {
        margin-left: unset;
    }

    /*---------------Join Mobile Recharge---------------*/

    #joinMrAccountName,
    #joinMrCity,
    #joinMrAccountCardNum,
    #joinMrZip {
        float: none;
    }

    #joinMrAccountName,
    #joinMrCity {
        display: block;
        margin-bottom: 1rem;
        width: 100%;
    }

    #joinMrAccountCardNum,
    #joinMrZip {
        display: block;
        width: 100%;
    }

    #joinMrCardsImg {
        position: static;
        display: block;
        margin: 1rem auto auto auto;
    }

    #joinMrExpDate {
        text-align: center;
        margin-top: 1rem;
    }

    #joinMrMonthSelectWrapper,
    #joinMrYearSelectWrapper,
    #joinMrCvv {
        width: 32%;
    }

    #joinMrMonthSelectWrapper {
        float: left;
    }

    #joinMrYearSelectWrapper {
        float: right;
    }

    #joinMrAccountBtnWrapper {
        margin-top: 5rem;
    }

    /*---------------Announcement---------------*/

    #announcementOldLogoWrapper {
        position: static;
        width: 100%;
        text-align: center;
        margin-bottom: 1rem;
    }
}

@media only screen and (max-width: 600px) {

    /*---------------Header---------------*/
    #langChoose {
        right: -7%;
    }

    #logInBtn {
        margin-right: 1rem;
    }

    /*---------------simCardContainer---------------*/

    #simCardContainer {
        background: url('../Slices/topSectionEnMobile600.jpg') no-repeat top center;
        background-size: 600px 1330px;
    }

    #connect span,
    #popOfferHeader span,
    #popOfferHeader {
        font-size: 2.5rem;
    }

    #searchCountry {
        right: -5%;
    }

    #otherSectionsContainer {
        bottom: -65rem;
    }

    #pickedPlanVideo {
        width: 100%;
    }
    /*---------------Amount Container--------------*/

    .amountRow p {
        width: 5rem
    }

    /*---------------Mobile Recharge---------------*/

    #mobileRechargeWrapper span {
        width: 90%;
        margin: auto;
    }

    #mobileRechargeWrapper #mobileRechargeHead {
        margin: 0 auto 2rem auto;
    }

    #mobileRechargeWrapper #saveMoney {
        margin-top: 1rem;
    }

    .mrBox {
        height: 18rem;
    }

    #mrOneTimeBtn {
        margin-right: 0;
    }

    #mobileRechargeWrapper .mrBoxDesc {
        margin-right: 0;
        margin-left: 0;
    }

    #mobileRechargeWrapper #mrCustomer {
        margin: unset;
        width: unset;
    }

    #mrAccountBtn {
        margin-left: 0;
    }

    #mobileRechargeWrapper button {
        margin-top: 10rem;
    }

    /*---------------One Time Mobile Recharge---------------*/

    #customerReviews #reviewLeftMobile {
        left: -9%;
    }

    #customerReviews #reviewRightMobile {
        right: -10%;
    }

    #customerReviews p {
        width: 85%;
    }

    .da-dots {
        bottom: -2rem;
    }

    /*---------------Virtual Numbers---------------*/

    #vnBenefits {
        width: 95%;
        margin-top: 3rem;
    }

    .vnBenefit {
        margin: 0 1rem 0 1rem;
    }

    /*---------------Announcement---------------*/

    #announcementHeader {
        font-size: 2rem;
    }

    #announcementContent {
        width: 90%;
    }
}

@media only screen and (max-width: 550px) {

    /*---------------simCardContainer---------------*/

    #thankYouAppWrapper a:first-child {
        margin-right: 0;
        display: block;
        margin-bottom: 1rem;
    }

    #thankYouAppWrapper a:last-child {
        margin-left: 0;
    }

    #pickedPlanCheckSms {
        font-size: .8rem;
    }

    /*---------------APP---------------*/

    #app,
    #app2 {
        right: -2rem;
        top: 6rem;
    }

    #store ul,
    #store2 ul {
        margin-left: 1rem;
    }

    /*---------------Virtual Numbers---------------*/

    #vnHead {
        font-size: 2rem;
        margin-top: 0;
    }

    #vnLinkWrapper {
        margin-top: 3rem;
    }

    #vnLink {
        font-size: 1rem;
        padding: 1rem;
    }

    /*---------------One Time Mobile Recharge---------------*/

    #promoStepsWrapper p,
    #promoStepsWrapper ul {
        font-size: .8rem;
    }
}

@media only screen and (max-width: 520px) {

    /*---------------simCardContainer---------------*/

    #popularDestWrapper {
        width: 110%;
    }

        #popularDestWrapper img {
            margin-left: .2rem;
        }

    #country-listbox {
        width: 21rem;
    }

    #otherSectionsContainer {
        bottom: -55rem;
    }

    #pickedPlanSteps p {
        margin: 0 .5rem 0 .5rem;
    }

    /*---------------One Time Mobile Recharge---------------*/

    #blockImgWrapper {
        width: 100%;
        text-align: center;
    }

    /*    #mrPromoSteps {
        font-size: .7rem;
    }

    #mrPromoSteps p {
        width: 7rem;
    }*/

    /*---------------Popups---------------*/

    .popupCont {
        width: 65%;
        top: 4%;
    }

    #mrConfirmationPop .popupCont {
        width: 85%;
    }
}

@media only screen and (max-width: 500px) {





    /*---------------Header---------------*/

    #logo {
        width: 110px;
        margin-top: 1.5rem;
    }

    /*---------------simCardContainer---------------*/

    #simCardContainer {
        background: url('../Slices/topSectionEnMobile500.jpg') no-repeat top center;
        background-size: 500px 1330px;
    }

    #searchCountry {
        width: 7rem;
        right: -7%;
    }

    .planPage #connectWrapper {
        padding-top: 5rem;
    }

    #connect span,
    #popOfferHeader span,
    #popOfferHeader {
        font-size: 2rem;
    }

    .noFixedHeight {
        height: unset !important;
    }

    #pickedPlanCouponWrapper {
        display: block;
        margin-bottom: 2rem;
    }

    #pickedPlanCoupon {
        position: static;
    }

    #pickedPlanCouponBtn {
        position: static;
        margin-top: 1rem;
    }

    #pickedPlanCreditWrapper,
    #pickedPlanCreditWrapper2 {
        float: none;
    }

    #pickedPlanStep2planDesc {
        font-size: .8rem;
    }

    .planHeader {
        font-size: 1.3rem;
    }

    /*---------------APP---------------*/

    #store p,
    #store2 p {
        font-size: 1.2rem;
    }

    /*---------------One Time Mobile Recharge---------------*/

    #customerReviews p {
        margin-left: 2rem;
    }

    #mrBtnWrapper {
        margin-top: 6rem;
    }

    /*---------------Virtual Numbers---------------*/

    #virtualNumbersWrapper {
        padding-bottom: 8rem;
    }

    #vnDesc {
        font-size: 1rem;
    }

    #vnBenefits {
        margin-top: 1.5rem;
        margin-bottom: 10rem;
    }

    .vnBenefit img {
        width: 3rem;
        height: 3.5rem;
        left: 1.1rem;
    }

    #forwardingImg {
        width: 4rem;
        left: .5rem;
    }

    .vnBenefitInner {
        top: 4rem;
    }

    #smsImg {
        left: 1.45rem;
    }

    /*---------------Mobile Recharge---------------*/

    .mrBoxDesc {
        width: 14rem;
    }

    #mrOneTimeBtn {
        margin-right: 0;
    }

    #mrAccountBtn {
        margin-left: 0;
    }

    #oneTimeMr span {
        font-size: 1.5rem;
    }

    #createAccountMr span {
        font-size: 1.5rem;
    }

    .mrBox {
        height: 16rem;
    }

    #mobileRechargeWrapper button {
        margin-top: 8rem;
    }

    /*---------------Footer---------------*/

    .footerHead {
        font-size: .9rem;
    }

    .footerHeadList li {
        font-size: .8rem;
    }

    #footerRowBottom .footerSection:nth-child(2) {
        margin-right: 2rem;
    }
}

@media only screen and (max-width: 470px) {

    /*---------------simCardContainer---------------*/

    #otherSectionsContainer {
        bottom: -47rem;
    }

    #otherSectionsWrapper button,
    #otherSectionsWrapper a {
        margin-top: 2rem;
    }

    #pickedPlanTermsCheckWrapper {
        width: 20%;
    }

    /*---------------APP---------------*/

    #store li,
    #store2 li {
        font-size: .8rem;
    }

    /*---------------One Time Mobile Recharge---------------*/

    #oneTimeHeader span {
        font-size: 2.5rem;
    }

    #mrTermsCheckWrapper {
        width: 20%;
    }

    #promoStepsWrapper p,
    #promoStepsWrapper ul {
        font-size: .75rem;
    }

    #cardsImg {
        width: 300px;
    }

    #mrTotalWrapper p,
    #mrTotal {
        font-size: 1.5rem;
    }

    /*---------------Virtual Numbers---------------*/

    .vnBenefit {
        width: 4rem;
        margin: 0 .5rem 0 .5rem;
    }

        .vnBenefit img {
            width: 2.2rem;
            height: 2.7rem;
            left: 1rem;
        }

    #forwardingImg {
        width: 3.2rem;
        left: .4rem;
    }

    #smsImg {
        left: 1.25rem;
    }

    .vnBenefit span {
        font-size: .8rem;
    }
}

@media only screen and (max-width: 450px) {

    /*---------------simCardContainer---------------*/

    #connect span,
    #popOfferHeader span,
    #popOfferHeader {
        font-size: 2rem;
    }

    #countrySearch {
        font-size: .9rem;
    }

    #simPhone {
        font-size: .7rem;
    }

    #chosenPlanJoinBtn {
        font-size: 1rem;
    }

    #pickedPlanSteps p {
        font-size: .8rem;
    }

    #pickedPlanBtnStep2Wrapper button {
        width: 7rem;
        font-size: .9rem;
    }

    .summerySection {
        font-size: .8rem;
    }

    #pickedPlanSummery p,
    #pickedPlanSummery2 p {
        text-indent: 0;
    }

    .pickedPlanAmount {
        width: 4.5rem;
    }

    /*---------------APP---------------*/

    #store ul,
    #store2 ul {
        margin-left: 0;
    }

    #store a,
    #store2 a {
        width: 7rem;
    }

    /*---------------Mobile Recharge---------------*/

    .mrBox {
        height: 12rem;
    }

    #mobileRechargeWrapper button {
        margin-top: 4rem;
    }

    #mrOneTimeBtn {
        margin-right: -2rem;
    }

    #mrAccountBtn {
        margin-left: -2rem;
    }

    /*---------------One Time Mobile Recharge---------------*/

    /*    #mrCity, #mrZip, #mrBillPhone, #mrBillMail {
        width: 48.7%;
    }*/

    /*    #mrCity, #mrZip, #mrBillConfirmEmail, #mrBillMail {
        width: 48.7%;
    }*/

    #mrCity,
    #mrZip,
    #mrBillMail {
        width: 48.7%;
    }

    .oneTimeBlock img {
        width: 100px;
    }

    #mrPaymentWrapper select {
        text-indent: .2rem;
    }

    /*
    #mrPromoSteps {
        font-size: .6rem;
    }

    #mrPromoSteps p {
        width: 6rem;
    }

    #mrPromoSteps span:first-child {
        padding: .5rem 1.7rem .5rem 1.7rem;
    }*/

    .mrImg label {
        font-size: .7rem !important;
    }

    /*---------------Contact Phones---------------*/

    #contactPhone {
        margin-right: 1.5rem;
    }

    /* #logInFooter {
        margin-left: 1.5rem;
    }*/
}

@media only screen and (max-width: 420px) {

    /*---------------simCardContainer---------------*/

    #planChooseBtn {
        width: 6rem;
    }

    /*---------------Virtual Numbers---------------*/

    .vnBenefit span {
        font-size: .7rem;
    }

    /*---------------One Time Mobile Recharge---------------*/

    .mrImg {
        margin: 0 1rem 0 1rem !important;
        width: 3.5rem;
    }
}

@media only screen and (max-width: 400px) {

    /*---------------Menu---------------*/

    #menuLogo {
        width: 100px;
    }

    /*---------------Header---------------*/

    #logInBtn {
        padding: .7rem;
        font-size: .8rem;
    }

    /*---------------simCardContainer---------------*/

    #popOfferHeader {
        font-size: 1.8rem;
    }

    .genericPlanDesc #chosenPlanDesc,
    .genericPlanDesc #getStartedTerms {
        font-size: .9rem;
    }

    .genericPlanDesc #choosePlanForm1 {
        margin-top: 1rem;
    }

    #simCardContainer {
        background: url('../Slices/topSectionEnMobile400.jpg') no-repeat top center;
        background-size: 400px 1330px;
    }

    #searchCountry {
        right: -9%;
        font-size: .9rem;
    }

    #countrySearch {
        font-size: .75rem;
    }

    #country-listbox {
        width: 18rem;
    }

    #simPhone {
        font-size: .65rem;
        padding-left: 2.7rem;
    }

    #connect span,
    #popOfferHeader span {
        font-size: 1.5rem;
    }

    #planChooseBtn {
        right: -1.5rem;
    }

    .noFixedHeight {
        height: unset !important;
    }

    .didNum,
    .didPrice {
        font-size: .8rem;
    }

    .didPrice {
        padding-right: 3.2rem;
    }

    .rightArrow {
        width: 16px;
        top: .982rem;
    }

    .infoImg {
        top: 1rem;
        right: 2rem;
    }

    #pickedPlanPaymentWrapper input[type="text"],
    #pickedPlanAddressWrapper input[type="text"],
    #pickedPlanPaymentWrapper input[type="number"],
    #pickedPlanAddressWrapper input[type="number"],
    #pickedPlanPaymentWrapper input[type="tel"],
    #pickedPlanAddressWrapper input[type="tel"] {
        text-indent: .2rem;
    }

    #noDid {
        font-size: .7rem;
    }

    #pickedPlanCheckSms {
        width: 7.5rem !important;
        font-size: .7rem;
    }

    /*---------------APP---------------*/

    #app,
    #app2 {
        right: -2.5rem;
    }

    #appImg,
    #appImg2 {
        width: 200px;
    }

    /*---------------Mobile Recharge---------------*/

    #oneTimeBgWrapper {
        background-size: cover !important;
    }

    #mrOneTimeBtn {
        margin-right: -6rem;
    }

    #mrAccountBtn {
        margin-left: -6rem;
    }

    .oneTimeBlock p {
        font-size: 2rem;
    }

    /*---------------One Time Mobile Recharge---------------*/

    #mrCity,
    #mrZip,
    #mrBillMail {
        width: 48.5%;
    }

    #mrPaymentWrapper input[type="text"],
    #mrAddressWrapper input[type="text"],
    #mrPaymentWrapper input[type="number"],
    #mrAddressWrapper input[type="number"],
    #mrPaymentWrapper input[type="tel"],
    #mrAddressWrapper input[type="tel"] {
        text-indent: .2rem;
    }

    #mrAddressWrapper select {
        padding-left: .2rem;
    }

    #oneTimeHeader span {
        font-size: 2rem;
    }

    #mrCheckNum,
    #mrCheckSMS {
        width: 7rem;
    }

    #oneTimePhoneNumWrapper label,
    #mrImgCont label {
        font-size: .7rem;
    }

    #cardsImg {
        width: 250px;
    }

    #mrImgCont {
        width: 120%;
        margin-left: -2rem;
    }

    .reviewImgWrapper img {
        left: -5rem;
    }

    .reviewName,
    .reviewPlan {
        font-size: 1rem;
    }

    #customerReviews p {
        font-size: .9rem;
    }

    /*---------------Virtual Numbers---------------*/

    #vnBenefits {
        margin-bottom: 8rem;
    }

    #vnHead {
        font-size: 1.7rem;
    }

    .vnBenefit img {
        width: 2rem;
        height: 2.5rem;
        left: 1.1rem;
    }

    #forwardingImg {
        width: 3rem;
        left: .4rem;
    }

    .vnBenefitInner {
        top: 3rem;
    }

    #smsImg {
        left: 1.3rem;
    }

    /*---------------Announcement---------------*/

    #announcementHeader {
        padding-top: 3rem;
        font-size: 1.7rem;
    }

    /*---------------Footer---------------*/

    .footerHead {
        font-size: .8rem;
    }
}

@media only screen and (max-width: 370px) {

    /*---------------Menu---------------*/

    #menuNav a,
    #menuNav button {
        font-size: 1rem;
    }

    /*---------------Header---------------*/

    #logo {
        width: 95px;
    }

    #logInBtn {
        padding: .4rem;
        margin-top: 1.9rem;
    }

    /*---------------simCardContainer---------------*/

    #popOfferHeader {
        font-size: 1.7rem;
    }

    #otherSectionsWrapper button,
    #otherSectionsWrapper a {
        margin-top: 1rem;
    }

    .planPage #connectWrapper {
        padding-top: 3rem;
    }

    #connect span,
    #popOfferHeader span {
        font-size: 1.2rem;
    }

    #connect label {
        font-size: 1rem;
    }

    .plan ul {
        width: 80%;
    }

    .noFixedHeight {
        height: unset !important;
    }

    #pickedPlanSteps p {
        display: block;
    }

    .activeStep span:last-child {
        border: none;
        text-decoration: underline;
    }

    #pickedPlanBtn,
    #pickedPlanCheckSms {
        width: 12rem;
    }

    #pickedPlanMonthInputArrow,
    #pickedPlanYearInputArrow,
    #pickedPlanCountryInputArrow,
    #pickedPlanStateInputArrow {
        width: 10px;
        top: 1.2rem;
        right: .5rem;
    }

    #pickedPlanTotal,
    #pickedPlanFinalPrice,
    #pickedPlanTotal2,
    #pickedPlanFinalPrice2 {
        font-size: 1.35rem;
    }

    /*---------------APP---------------*/

    #appImg,
    #appImg2 {
        transform: rotate(0);
        -webkit-transform: rotate(0);
        -o-transform: rotate(0);
        -ms-transform: rotate(0);
        -moz-transform: rotate(0);
    }

    #store li,
    #store2 li {
        padding-left: 0;
    }

    /*---------------Globusim---------------*/

    #globSelectCountry p {
        font-size: .8rem;
    }

    #checkThePlansBtn {
        font-size: 1rem;
    }

    /*---------------Mobile Recharge---------------*/

    .mrBox {
        height: 10rem;
    }

    #mobileRechargeWrapper button {
        margin-top: 2rem;
    }

    #moneyTransfer,
    #mobilePayment {
        width: 70px;
    }

    /*---------------One Time Mobile Recharge---------------*/

    #mrMonthInputArrow,
    #mrYearInputArrow,
    #mrCountryInputArrow,
    #mrStateInputArrow {
        width: 10px;
        top: 1.2rem;
        right: .5rem;
    }

    /*---------------Join Mobile Recharge---------------*/

    #joinMrMonthInputArrow,
    #joinMrYearInputArrow,
    #joinMrCountryInputArrow,
    #joinMrStateInputArrow {
        width: 10px;
        top: 1.1rem;
        right: .5rem;
    }

    /*---------------Virtual Numbers---------------*/

    .vnBenefit {
        width: 3rem;
    }

        .vnBenefit img {
            left: .5rem;
        }

    #forwardingImg {
        left: 0;
    }

    #smsImg {
        left: .85rem;
    }

    /*---------------Contact Phones---------------*/

    #contactPhone {
        margin-right: .8rem;
    }

    /* #logInFooter {
        margin-left: .8rem;
    }*/

    #contactPhones img {
        width: 23px;
        /*  top: -.1rem;
        left: -1.6rem;*/
    }

    #contactPhones a {
        font-size: .9rem;
    }

    /*---------------Footer---------------*/

    .footerWrapper {
        width: 95% !important;
    }
}

@media only screen and (max-width: 350px) {

    /*---------------Header---------------*/

    #logo {
        width: 90px;
    }

    /*---------------simCardContainer---------------*/

    #countrySearch {
        font-size: .75rem;
    }

    #country-listbox {
        width: 15rem;
    }

    /*---------------APP---------------*/

    #store ul,
    #store2 ul {
        margin-left: -.5rem;
    }

    /*---------------Mobile Recharge---------------*/

    .mrBoxDesc {
        width: 12rem;
    }

    #oneTimeMr span {
        font-size: 1.2rem;
    }

    #createAccountMr span {
        font-size: 1.2rem;
    }

    /*---------------One Time Mobile Recharge---------------*/

    #oneTimePhoneLbl {
        width: 107%;
        position: absolute;
        top: -1rem;
    }

    #oneTimePhoneToSms,
    #oneTimePhone {
        padding-left: 45px;
        font-size: 14px;
    }

    #mrPaymentWrapper input[type="text"],
    #mrAddressWrapper input[type="text"],
    #mrPaymentWrapper input[type="number"],
    #mrAddressWrapper input[type="number"],
    #mrPaymentWrapper input[type="tel"],
    #mrAddressWrapper input[type="tel"] {
        font-size: 14px;
    }

    #mrAddressWrapper select {
        font-size: 14px;
    }

    #mrTotalWrapper p,
    #mrTotal {
        font-size: 1.3rem;
    }

    #mrTotalWrapper span:last-child {
        font-size: .8rem;
    }

    /*---------------Virtual Numbers---------------*/
    .vnBenefit {
        margin: 0 .5rem 0 .5rem;
    }
}

@media only screen and (max-width: 340px) {

    /*---------------simCardContainer---------------*/

    #searchCountry {
        font-size: .9rem;
        width: 6rem;
    }

    #pickedPlanAppWrapper a {
        width: 6rem;
    }

    /*---------------APP---------------*/

    #store,
    #store2 {
        width: 10rem;
    }

    #app,
    #app2 {
        right: -3.5rem;
        top: 11rem;
    }

    #appImg,
    #appImg2 {
        transform: rotate(-10deg);
        -webkit-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        -o-transform: rotate(-10deg);
    }
}

@media only screen and (max-width: 330px) {

    /*---------------Header---------------*/

    #logo {
        width: 85px;
        margin-top: 1.6rem;
    }

    #logInBtn {
        padding: .35rem;
        margin-top: 1.9rem;
    }

    /*---------------Virtual Numbers---------------*/

    .vnBenefit {
        margin: 0 .2rem 0 .2rem;
    }
}

.test {
    color: red;
}

#oneTimeChoosePaymentWrapper {
    display: none;
    width: 600px;
    max-width: 100%;
    margin: 0 auto 40px;
}

    #oneTimeChoosePaymentWrapper .payment-method-title {
        font-weight: bold;
        word-spacing: 1px;
        letter-spacing: 0.05rem;
    }

    #oneTimeChoosePaymentWrapper .payment-btns-contianer {
        display: flex;
        max-width: 100%;
        justify-content: center;
        align-items: center;
    }


.payment-btns-contianer label {
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 15rem;
    height: 3rem;
    border-radius: 20px;
    padding: 5px;
    cursor: pointer;
}

    .payment-btns-contianer label:first-of-type {
        margin-inline-end: 30px;
        background-color: var(--orangeColor);
        color: #fff;
        font-weight: 600;
        letter-spacing: 0.08rem;
        text-transform: capitalize;
    }

    .payment-btns-contianer label:nth-of-type(2) {
        background-color: #ffc439;
    }

        .payment-btns-contianer label:nth-of-type(2) img {
            max-height: 90%;
        }

#oneTimeFormWrapper.mr-payment {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    height: unset;
}


    #oneTimeFormWrapper.mr-payment #oneTimeBlocks {
        float: unset;
        width: unset;
    }

    #oneTimeFormWrapper.mr-payment #oneTimeForm {
        float: unset;
        margin: 0 auto;
        width: 70%;
    }

        #oneTimeFormWrapper.mr-payment #oneTimeForm #mrPaymentWrapper,
        #oneTimeFormWrapper.mr-payment #oneTimeForm #mrAddressWrapper {
            width: 85%;
            margin-right: 90px;
        }

    #oneTimeFormWrapper.mr-payment #oneTimeBlocks {
        margin-bottom: 30px;
    }

@media only screen and (max-width: 1300px) {
    #oneTimeFormWrapper.mr-payment #oneTimeForm {
        width: 60%;
    }
}

@media only screen and (max-width: 1150px) {
    #oneTimeFormWrapper.mr-payment #oneTimeForm {
        margin: unset;
        margin-inline-start: 30px;
    }
}

@media only screen and (max-width: 1023px) {

    #oneTimeFormWrapper.mr-payment #mrPaymentWrapper,
    #oneTimeFormWrapper.mr-payment #mrAddressWrapper,
    #oneTimeFormWrapper.mr-payment #oneTimeBlocks,
    #oneTimeFormWrapper.mr-payment #oneTimeForm {
        width: 100% !important;
    }

        #oneTimeFormWrapper.mr-payment #oneTimeForm #mrPaymentWrapper,
        #oneTimeFormWrapper.mr-payment #oneTimeForm #mrAddressWrapper {
            margin-right: 0;
        }

    #oneTimeFormWrapper.mr-payment #oneTimeForm {
        margin-inline-start: 0;
    }
}

@media only screen and (max-width: 710px) {
    #oneTimeFormWrapper.mr-payment {
        display: block;
    }

    #paymentSelectCheckboxes {
        display: block;
        margin-left: 0;
    }

    .payment-checkbox-label:first-child {
        margin-inline-end: 0;
        margin-bottom: 20px;
    }

    #oneTimeChoosePaymentWrapper {
        display: none;
        width: 595px;
        max-width: 100%;
        margin: 0 auto 40px;
    }

        #oneTimeChoosePaymentWrapper .payment-btns-contianer {
            display: flex;
            width: 35rem;
            max-width: 100%;
            justify-content: space-between;
            padding: 0;
            margin: 0;
        }
}


@media only screen and (max-width: 1020px) {
    .popUpPromoMR {
        max-width: 80% !important;
        padding: 1rem 1rem 1rem 1rem !important;
        top: 95vh !important;
    }
}


.popUpPromoMR {
    visibility: hidden;
    position: absolute;
    max-width: 40%;
    top: 85vh;
    left: 10%;
    max-height: 25rem;
    border: 8px solid var(--orangeColor);
    background-color: #fff;
    overflow-y: auto;
    z-index: 11;
    padding: 2rem;
    transform: translate(-5%, 0);
}

.closeDivImg {
    position: sticky;
    top: 0rem;
    left: 100%;
    width: 1.5rem;
    cursor: pointer;
}

.popUpPromoMR .popUpPromoMR_Description img {
    width: 100% !important;
    height: 100% !important;
}

.popUp_promo {
    border: 1.5px solid var(--orangeColor);
    color: var(--orangeColor);
    background-color: #fff;
    text-align: center;
    max-width: 16rem;
    margin: auto;
    font-family: Ubuntu, 'Open Sans';
    line-height: 1.4rem;
    font-weight: 700;
    border-radius: 23px;
    padding: 1rem;
}

    .popUp_promo .infoBtn {
        display: inline-block;
        float: right;
        align-items: center;
        justify-content: center;
        width: 20px;
        height: 20px;
        margin: 0;
        padding: 0;
        border-radius: 50%;
        font-size: 16px;
        font-family: 'Open Sans';
        font-weight: bold;
        background-color: var(--orangeColor);
        color: #fff;
        border: none;
        cursor: pointer;
    }

/*-----------------------------------------------V I R T U A L - N U M B E R S----------------------------------------------------------------------------------------------------*/

#vnumPlans {
    display: none;
    flex-wrap: wrap;
    justify-content: center;
    gap: 15px;
}

.vNumberPlanClicked {
    background: url('../Slices/vnumber-clicked.jpg') !important;
}

.vnum-plan-container {
    display: flex;
    flex-direction: column;
}

.vnum-country-did {
    background-color: #FF7A01;
    border-radius: 40px 40px 0 0;
    padding: 12px;
    color: white;
    font-size: 1.3rem;
}

.vnum-plan {
    display: flex;
    flex-direction: column;
    background-color: #3a3f52;
    text-align: left;
    color: white;
    padding: 1.2rem 0;
    width: 22rem;
    height: 100%;
    border: 2px solid white;
}

.vnum-planHeader, .vnum-planDesc {
    padding: 0 2rem;
}

.vnum-planHeader {
    font-weight: 600;
    font-size: 1.5rem;
    text-align: center;
    margin-bottom: 1rem;
}

    .vnum-planHeader span {
        display: inline-block;
        font-size: 1.2rem;
        font-weight: normal;
    }

.vnum-planDesc {
    height: 100%;
}

    .vnum-planDesc h6 {
        text-align: center !important;
        color: #FF7A01;
        font-weight: 600;
        font-size: 1rem;
    }

    .vnum-planDesc ul {
        flex-grow: 1;
        list-style-image: url('../Slices/checked.png');
        margin: 1rem 0 0 1rem;
    }

.vnum-plan li {
    padding-bottom: 0.7rem;
}

.vnum-foot {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-self: flex-end;
}

.vnum-planPrice {
    width: 100%;
    padding: .8rem 0;
    font-weight: 700;
    font-size: 1.5rem;
    color: black;
    text-align: center;
    background-color: white;
    margin-top: 1rem;
}

.joinVnumBtnWrapper {
    width: 100%;
    text-align: center;
    padding-top: 1.2rem;
}

.joinVnumBtn {
    width: 10rem;
    height: 2.5rem;
    color: white;
    border-radius: 10px;
    font-size: 1rem;
    font-weight: 600;
    border: 1px solid white;
    background-color: #ffffff00;
}

    .joinVnumBtn:hover {
        background-color: #FF7A01
    }
/*-------------CHECKOUT*/
#vNumbersWrapper {
    display: none;
    margin-top: 1rem;
}

#vNumbers {
    width: 45%;
    display: inline-block;
    border: 1px solid lightgray;
    text-align: center;
}

#vNumHeader {
    background-color: var(--orangeColor);
    color: white;
    font-weight: 600;
    text-align: left;
    height: 1.5rem;
    line-height: 1.5rem;
    padding-left: 1rem;
}

#vNumWrapper {
    height: 12rem;
}

#vNumberPrefixesWrapper {
    display: none;
}

#vNumDidBoxBtnsWrapper {
    display: none;
    margin-top: 1rem;
    margin-bottom: 3rem;
}

#vNumDidPrevious {
    background: none;
    color: var(--orangeColor);
    float: left;
    padding-left: 1rem;
    font-size: .9rem;
}

#vNumDidNext {
    background: none;
    color: var(--orangeColor);
    float: right;
    padding-right: 1rem;
    font-size: .9rem;
}

    #vNumDidPrevious span,
    #vNumDidNext span {
        display: inline-block;
    }

.vNumEmpty {
    display: none;
    background-color: white;
    padding-bottom: 10px;
}

.footerTitle {
    background-color: black;
}

@media only screen and (max-width: 1500px) {
    .vnum-plan {
        width: 18rem;
    }

        .vnum-plan li {
            padding-bottom: 0.4rem;
        }
}

@media only screen and (max-width: 1260px) {

    #vnumPlans {
        flex-direction: column;
    }

    .vnum-plan {
        width: fit-content;
    }
}
/*----------------------------------------------------------R E L O C A T I O N   P A G E---------------------------------------------------------------------------------------------*/
#relocation-page {
    display: none;
}


.relocation-container {
    color: white;
}

.relocation-container-div {
    background-image: url('/Slices/relocation-bg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.relocation-useYourPhone {
    padding: 50px 290px;
}

.relocation-title, .relocation-secondTitle {
    font-size: 50px;
    width: 60%;
}

.relocation-text {
    font-size: 25px;
    padding: 20px 0;
}

.relocation-subtitle {
    font-size: 40px;
    font-style: italic;
    width: 60%;
    padding: 30px 0;
}

.relocation-bestChoiseBox {
    background-color: #3A3F52;
    border: 1px solid white;
    font-size: 20px;
    padding: 30px 50px;
    background-size: 16px 16px;
    list-style-image: url(../Slices/checked.png);
}

    .relocation-bestChoiseBox li {
        padding: 10px 0;
    }

    .relocation-bestChoiseBox h6 {
        color: #FF7A01;
        font-size: 20px;
    }

.relocation-getYourPhone {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 0 0 50px 0;
}

.relocation-btn {
    background-color: #FF7A01;
    color: white;
    border-radius: 50px;
    padding: 10px 20px;
    font-size: 20px;
    margin-top: 40px;
}

.relocation-customerSay {
    padding: 60px 190px;
    background-color: rgba(255, 255, 255, 0.7);
}

.relocation-customerSay-title {
    color: black;
    text-align: center;
    font-size: 50px;
    padding-bottom: 40px;
}

.relocation-customerSay-boxes {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    font-size: 18px;
}

.relocation-customerSay-box {
    width: 25%;
    display: flex;
    flex-direction: column;
    background-color: white;
    color: black;
    padding: 30px 10px 60px;
    align-items: center;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.33);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.33);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.33);
    border-radius: 5px;
}

    .relocation-customerSay-box img {
        width: 50px;
    }

    .relocation-customerSay-box h5 {
        padding: 20px 0;
    }

    .relocation-customerSay-box p {
        padding: 10px;
        text-align: center;
    }

.relocation-easySteps {
    background-color: #3A3F52;
    padding: 40px;
}

.relocation-easySteps-title {
    text-align: center;
    font-size: 50px;
    padding-bottom: 50px;
}

    .relocation-easySteps-title span {
        color: #FF7A01
    }

.relocation-customer {
    display: flex;
    color: black;
    padding: 20px 20px 0;
}

.relocation-customer-icon {
    width: 20px;
    height: 20px;
    padding-right: 10px
}

.relocation-customer-first-child {
    width: 50%;
}

.relocation-customer-last-child {
    width: 50%;
    padding-right: 80px
}

.relocation-customer-title {
    font-size: 30px;
    padding: 30px 0;
}

    .relocation-customer-title span {
        color: #FF7A01
    }

.relocation-customer-click {
    display: flex;
    padding: 10px;
    margin-bottom: 1rem;
}

.relocation-customer-form-inputs {
    display: flex;
    flex-direction: column;
    padding: 0 20px 20px 20px;
    gap: 10px
}

.relocation-customer-form-input {
    padding: 10px;
    border: #e6e6e6;
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.33);
}

.relocation-customer-form-btn {
    border: 2px solid #FF7A01;
    background-color: white;
    color: #FF7A01;
    width: 50%;
    padding: 10px;
    border-radius: 7px;
    font-size: 25px;
}

.relocation-footer {
    background-color: black;
    text-align: center;
    padding: 30px;
    font-size: 40px;
}

.footerDivSteps_steps span {
    color: black
}


@media only screen and (max-width: 1600px) {
    /*----------R E L O C A T I O N P A G E-----------------*/

    .relocation-useYourPhone {
        padding: 0px 120px;
    }

    .relocation-customerSay {
        padding: 60px 120px;
    }
}

@media only screen and (max-width: 1150px) {


    /*----------R E L O C A T I O N  P A G E-----------------*/

    .relocation-useYourPhone {
        padding: 20px 80px;
    }

    .relocation-customerSay {
        padding: 60px 80px;
    }

    .relocation-title {
        font-size: 50px;
        width: 100%;
    }

    .relocation-text {
        font-size: 25px;
        padding: 20px 0;
    }

    .relocation-subtitle {
        font-size: 40px;
        width: 100%;
        padding: 30px 0;
    }

    .relocation-customer {
        padding: 0 70px;
    }

    .relocation-customer-first-child {
        display: none;
    }

    .relocation-customer-last-child {
        width: 100%;
        padding: 0 20px;
    }
}


@media only screen and (max-width: 650px) {
    /*----------R E L O C A T I O N P A G E-----------------*/
    .relocation-container-div {
        background-image: none;
    }

    .relocation-secondTitle {
        color: black;
    }

        .relocation-secondTitle span {
            color: #FF7A01;
        }

    .relocation-useYourPhone {
        background-image: url('/Slices/relocation-bg-mobile.jpg');
        background-repeat: no-repeat;
        background-size: cover;
        padding: 20px 30px;
    }

    .relocation-customerSay {
        padding: 60px 30px;
        background-color: #efefef
    }

    .relocation-customerSay-title, .relocation-easySteps-title {
        font-size: 40px;
    }

    .relocation-bestChoiseBox {
        list-style: none;
        padding: 30px 20px;
    }

        .relocation-bestChoiseBox h6 {
            display: none;
        }

    .relocation-title {
        font-size: 50px;
        width: 100%;
    }

    .relocation-text {
        font-size: 25px;
        padding: 20px 0;
    }

    .relocation-subtitle {
        font-size: 40px;
        width: 100%;
        padding: 30px 0;
    }

    .relocation-getYourPhone {
        padding: 50px 0;
    }

    .relocation-btn {
        font-size: 16px;
    }

    .relocation-customerSay-boxes {
        flex-direction: column;
        gap: 20px;
    }

    .relocation-customerSay-box {
        width: 95%;
    }

    .footerDivSteps_step1,
    .footerDivSteps_step2,
    .footerDivSteps_step3 {
        display: flex;
        flex-direction: column;
    }

    .footerDivSteps_steps p {
        margin: 0;
        width: 100%;
        text-align: center;
        padding: 10px;
    }

    .relocation-customer {
        padding: 0 20px;
    }
}