@font-face {
    font-family: overpass;
    src: url("../fonts/Overpass-Regular.ttf");
}

@font-face {
    font-family: overpass-medium;
    src: url("../fonts/Overpass-Medium.ttf");
}

@font-face {
    font-family: overpass-bold;
    src: url("../fonts/Overpass-Bold.ttf");
}

@font-face {
    font-family: arabic;
    src: url("../fonts/GE_SS_Two_Medium.otf");
}

@font-face {
    font-family: ges-medium;
    src: url("../fonts/GES_Medium.otf");
}

body {
    margin: 0;
    padding: 0;
    -webkit-tap-highlight-color: transparent;
}

a {
    text-decoration: none;
}

.col {
    display: flex;
    flex-direction: column;
}

.row {
    display: flex;
    flex-direction: row;
}

.align_center {
    align-items: center;
}

.justify_center {
    justify-content: center;
}

.align_end {
    align-items: flex-end;
}

.justify_end {
    justify-content: flex-end;
}

.align_start {
    align-items: flex-start;
}

.justify_start {
    justify-content: flex-start;
}

.white {
    color: #fff;
}

.yellow {
    color: #FFC733;
}

.blue {
    color: #2C3280;
}

.full_width {
    width: 100%
}

.f_bold {
    font-family: overpass-bold, sans-serif;
}

.f_regular {
    font-family: overpass, sans-serif;
}

.f_medium {
    font-family: overpass-medium, sans-serif;
}

.arabic {
    font-family: arabic;
}

@media (max-width: 375px) and (min-width: 350px) {
    .mob_wrapper .bottom_section .ins_vid .en {
        padding-top: 22.8% !important;
    }

    .mob_wrapper .bottom_section .ins_vid .ar {
        padding-top: 1vh !important;
    }

    .mob_wrapper .bottom_section .sup {
        background: url('../images/mob/sup_mi.png') no-repeat;
        width: 44vw;
        height: 33vw;
        background-size: contain;
        margin-top: -3vh;
        margin-left: 55vw;
    }

    .mob_wrapper .bottom_section .sup .en {
        margin-left: 0vw;
        font-size: 3.2vw;
        padding-top: 0%;
    }

    .mob_wrapper .bottom_section .sup .ar {
        font-family: arabic, sans-serif;
        margin-left: 0.5vw;
        font-size: 3vw;
        margin-top: 1vh;
        line-height: 2vh;
    }

    .mob_wrapper .bottom_section .faq {
        background: url('../images/mob/faq_mi.png') no-repeat;
        width: 44vw;
        height: 33vw;
        background-size: contain;
        margin-top: -0.7vh;
        margin-left: 54vw;
    }

    .mob_wrapper .bottom_section .faq .en {
        margin-left: 0vw;
        font-size: 2.8vw;
        margin-top: 0vh;
        padding-top: 4.8vh;
    }

    .mob_wrapper .bottom_section .faq .ar {
        font-family: arabic, sans-serif;
        margin-left: 0.5vw;
        font-size: 2.6vw;
        padding-top: 1.5vh;
        line-height: 2vh;
    }

    .mob_wrapper .bottom_section .res {
        background: url('../images/mob/res_mi_2.png') no-repeat;
        width: 44vw;
        height: 28vw;
        background-size: contain;
        margin-top: -8.7vh;
        margin-left: 25vw;
    }

    .mob_wrapper .bottom_section .res .en {
        margin-left: 0vw;
        font-size: 2.8vw;
        margin-top: 0vh;
        padding-top: 4.8vh;
    }

    .mob_wrapper .bottom_section .res .ar {
        font-family: arabic, sans-serif;
        margin-left: 0.5vw;
        font-size: 2.6vw;
        padding-top: 1.5vh;
        line-height: 2vh;
    }
}


@media (max-width: 600px) and (min-width: 350px)
/*standard mobile*/
    {
    .desk_wrapper {
        display: none;
    }

    .home_ov {
        width: 50%;
        height: 11vh;
    }

    .con_ov {
        width: 50%;
        height: 11vh;
    }

    .mob_wrapper {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        background-color: #DCF0F3;
    }

    .mob_wrapper .top_section .main_logo {
        width: 45%;
        margin: 0 2.5%;
    }

    .mob_wrapper .top_section .main_logo img {
        width: 90%;
        padding: 3vw;
    }

    .mob_wrapper .top_section .menu_holder {
        width: 45%;
        margin: 0 2.5%;
        background: url('../images/mob/menu_icon.png') no-repeat;
        background-size: contain;
        height: 9vh;
        margin-top: 3vh;
    }

    .mob_wrapper .top_section .menu_holder .menu_unit {
        margin-left: 8vw;
        text-align: center;
        line-height: 1.1vh;
        margin-top: 1.8vh;
    }

    .mob_wrapper .top_section .menu_holder .menu_unit .en {
        font-size: 3.5vw;
    }

    .mob_wrapper .top_section .menu_holder .menu_unit .ar {
        font-size: 2.5vw;
    }

    .mob_wrapper .top_section .menu_holder .hom {
        margin-left: 18.4%;
    }

    .mob_wrapper .top_section .menu_holder .con {
        margin-left: 6.7vw;
    }

    .mob_wrapper .top_section .menu_holder_con {
        width: 45%;
        margin: 0 2.5%;
        background: url('../images/mob/menu_icon_con.png') no-repeat;
        background-size: contain;
        height: 9vh;
        margin-top: 3vh;
    }

    .mob_wrapper .top_section .menu_holder_con .menu_unit {
        margin-left: 8vw;
        text-align: center;
        line-height: 1.1vh;
        margin-top: 1.8vh;
    }

    .mob_wrapper .top_section .menu_holder_con .menu_unit .en {
        font-size: 3.5vw;
    }

    .mob_wrapper .top_section .menu_holder_con .menu_unit .ar {
        font-size: 2.5vw;
    }

    .mob_wrapper .top_section .menu_holder_con .hom {
        margin-left: 8.4vw;
    }

    .mob_wrapper .top_section .menu_holder_con .con {
        margin-left: 6.7vw;
    }

    .mob_wrapper .bottom_section .contact_holder {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .mob_wrapper .bottom_section .contact_holder h1 {
        font-size: 5.5vw;
        padding-bottom: 2vh;
    }

    .mob_wrapper .bottom_section .uae_holder {
        width: 90%;
    }

    .mob_wrapper .bottom_section .left {
        width: 45%;
        margin-right: 2%;
    }

    .mob_wrapper .bottom_section .right {
        width: 60%;
        margin-left: 2vw;
    }

    .mob_wrapper .bottom_section .left img {
        width: 100%;
    }

    .mob_wrapper .bottom_section .right h3 {
        color: #333333;
        padding: 0 0 0.5vh 0;
        margin: 0;
        font-size: 4vw;
        text-align: left;
    }

    .mob_wrapper .bottom_section .right p {
        font-size: 2.3vw;
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 0;
        margin: 0;
    }

    .mob_wrapper .bottom_section .right p img {
        width: 4vw;
        padding-bottom: 0.1vh;
    }

    .mob_wrapper .bottom_section .country_holder {
        width: 100%;
        justify-content: center;
        padding-top: 4vh;
    }

    .mob_wrapper .bottom_section .country_holder .left {
        width: 42%;
        margin: 0 1%;
    }

    .mob_wrapper .bottom_section .country_holder .right {
        width: 42%;
        margin: 0 1%;
    }

    .mob_wrapper .bottom_section .country_holder div {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
    }

    .mob_wrapper .bottom_section .country_holder div img {
        width: 55%;
    }

    .mob_wrapper .bottom_section .country_holder div h3 {
        text-align: left;
        font-size: 3.7vw;
        line-height: 2vh;
        padding: 1vh 0 0.5vh 0;
        margin: 0;
    }

    .mob_wrapper .bottom_section .country_holder div p {
        font-size: 2.3vw;
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 0;
        margin: 0;
    }

    .mob_wrapper .bottom_section .country_holder div p img {
        width: 4vw;
        padding-bottom: 0.1vh;
    }


    .mob_wrapper .top_section .header_text {
        justify-content: center;
        align-items: center;
        height: 25vh;
    }

    .mob_wrapper .top_section .header_text img {
        width: 90%;
    }

    .contact_bg {
        background: url('../images/bg_con.png') no-repeat !important;
        background-size: contain !important;
        padding-bottom: 18vh;
        background-position: bottom !important;
    }

    .mob_wrapper .bottom_section {
        background: url('../images/bg_3.png') no-repeat;
        background-size: contain;
        width: 100vw;
        height: 181vw;
        font-family: overpass-bold, sans-serif;
        text-align: center
    }

    .mob_wrapper .bottom_section .ins_vid {
        background: url('../images/mob/ins_vid_mi.png') no-repeat;
        width: 38vw;
        height: 33vw;
        background-size: contain;
        margin-top: -11vh;
        margin-left: 40vw;
    }

    .mob_wrapper .bottom_section .ins_vid .en {
        margin-left: 0vw;
        font-size: 2.8vw;
        padding-top: 22.8%;
    }

    .mob_wrapper .bottom_section .ins_vid .ar {
        font-family: arabic, sans-serif;
        margin-left: 0.5vw;
        font-size: 2.8vw;
        margin-top: 6.5vw;
        line-height: 2vh;
    }

    .mob_wrapper .bottom_section .sup {
        background: url('../images/mob/sup_mi.png') no-repeat;
        width: 44vw;
        height: 33vw;
        background-size: contain;
        margin-top: -3vh;
        margin-left: 55vw;
    }

    .mob_wrapper .bottom_section .sup .en {
        margin-left: 0vw;
        font-size: 2.8vw;
        margin-top: 23%;
    }

    .mob_wrapper .bottom_section .sup .ar {
        font-family: arabic, sans-serif;
        margin-left: 0.5vw;
        font-size: 2.8vw;
        margin-top: 1.5vh;
        line-height: 2vh;
    }

    .mob_wrapper .bottom_section .faq {
        background: url('../images/mob/faq_mi.png') no-repeat;
        width: 44vw;
        height: 33vw;
        background-size: contain;
        margin-top: -0.7vh;
        margin-left: 54vw;
    }

    .mob_wrapper .bottom_section .faq .en {
        margin-left: 0vw;
        font-size: 2.8vw;
        margin-top: 0vh;
        padding-top: 23.1%;
    }

    .mob_wrapper .bottom_section .faq .ar {
        font-family: arabic, sans-serif;
        margin-left: 0.5vw;
        font-size: 2.6vw;
        padding-top: 1.5vh;
        line-height: 2vh;
    }

    .mob_wrapper .bottom_section .faq a {
        color: #2C3280;
    }

    .mob_wrapper .bottom_section .faq a {
        color: #2C3280;
    }

    .mob_wrapper .bottom_section .res {
        background: url('../images/mob/res_mi_2.png') no-repeat;
        width: 44vw;
        height: 28vw;
        background-size: contain;
        margin-top: -10vh;
        margin-left: 32vw;
    }

    .mob_wrapper .bottom_section .res .en {
               margin-left: -9vw;
        font-size: 2.8vw;
        margin-top: 8%;
        padding-top: 16.8%;
    }

    .mob_wrapper .bottom_section .res .ar {
               font-family: arabic, sans-serif;
        margin-left: -9.5vw;
        font-size: 2.6vw;
        padding-top: 1.9vh;
        line-height: 2vh;
    }

    .mob_wrapper .bottom_section .grow_en {
        width: 51%;
        height: 13%;
        background: url('../images/mob/grow_en.png') no-repeat;
        background-size: contain;
    }

    .mob_wrapper .bottom_section .grow_ar {
        width: 56%;
        height: 25%;
        background: url('../images/mob/grow_ar.png') no-repeat;
        background-size: contain;
        margin-left: 42vw;
        margin-top: -5vh;
    }

    .con_menu_item {
        background: url('../images/mob/menu_icon_con.png') no-repeat;
    }

    /*overlay1*/
    #overlay {
        display: block;
    }

    /*instructional videos - english*/
    .overlay_1 {
        width: 100vw;
        height: 100vh;
        background-color: rgba(0, 0, 0, 0.6);
        position: fixed;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        z-index: 910;
    }

    .close_overlay {
        width: 100vw;
        height: 100vh;
        z-index: 900;
        position: fixed;
    }

    .overlay_1 .shape_1 {
        background: url('../images/mob/ins_vid_opt.png') no-repeat;
        width: 67vw;
        height: 51vw;
        background-size: contain;
        align-items: center;
        z-index: 901;
    }

    .overlay_1 .shape_1 .top {
        font-size: 3.8vw;
        text-align: center;
        margin-top: 31vw;
        margin-right: 7vw;
    }

    .overlay_1 .shape_1 .h_line {
        width: 70%;
        height: 1px;
        background-color: white;
        margin: 0.8vh 0;
        margin-right: 7vw;
    }

    .overlay_1 .close_btn {
        width: 12vw;
        height: 12vw;
        background-color: #EC2529;
        position: absolute;
        bottom: 27vw;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        font-family: Arial, Helvetica, sans-serif;
        border-radius: 10vw;
        font-size: 7vw;
        font-weight: bold;
    }

    .shape_1 .bottom {
        font-size: 3.8vw;
        text-align: center;
        margin-right: 7vw;
    }

    /*instructional videos - aluetta pen - english*/
    .al_iv_en {
        width: 100vw;
        height: 100vh;
        background-color: rgba(0, 0, 0, 0.6);
        position: fixed;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }

    .al_iv_en .holder {
        width: 90vw;
        height: 57vw;
        background: url('../images/mob/ins_vi/al/ins_al_en_bg.png') no-repeat;
        background-size: contain;
        z-index: 901;
        padding-top: 12vh;
    }

    .al_iv_en .holder .one {
        width: 32vw;
        height: 25vw;
        margin-top: 0vh;
        margin-left: 5vw;
    }

    .al_iv_en .holder .two {
        width: 32vw;
        height: 25vw;
        margin-top: 8vh;
        margin-left: -9vw;
    }

    .al_iv_en .holder .three {
        width: 32vw;
        height: 25vw;
        margin-top: 0vh;
        margin-left: -4vw;
    }

    .al_iv_en .close_btn {
        width: 12vw;
        height: 12vw;
        background-color: #EC2529;
        position: absolute;
        bottom: 26vw;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        font-family: Arial, Helvetica, sans-serif;
        border-radius: 10vw;
        font-size: 7vw;
        font-weight: bold;
    }

    /*instructional videos - easypod - english*/
    .ep_iv_en {
        width: 100vw;
        height: 100vh;
        background-color: rgba(0, 0, 0, 0.6);
        position: fixed;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }

    .ep_iv_en .holder {
        width: 90vw;
        height: 51vw;
        background: url('../images/mob/ins_vi/ep/ins_ep_en_bg.png') no-repeat;
        background-size: contain;
        z-index: 901;
        padding-top: 12vh;
    }

    .ep_iv_en .holder .one {
        width: 36vw;
        height: 28vw;
        margin-top: 0vh;
        margin-left: 9vw;
    }

    .ep_iv_en .holder .two {
        width: 36vw;
        height: 28vw;
        margin-top: 4vh;
        margin-left: 0vw;
    }

    .ep_iv_en .close_btn {
        width: 12vw;
        height: 12vw;
        background-color: #EC2529;
        position: absolute;
        bottom: 14vh;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        font-family: Arial, Helvetica, sans-serif;
        border-radius: 10vw;
        font-size: 7vw;
        font-weight: bold;
    }

    /*instructional videos - arabic*/
    .iv_ar {
        width: 100vw;
        height: 100vh;
        background-color: rgba(0, 0, 0, 0.6);
        position: fixed;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }

    .close_overlay {
        width: 100vw;
        height: 100vh;
        z-index: 900;
        position: fixed;
    }

    .iv_ar .shape_1 {
        background: url('../images/mob/ins_vid_ar_opt.png') no-repeat;
        width: 67vw;
        height: 51vw;
        background-size: contain;
        align-items: center;
        z-index: 901;
    }

    .iv_ar .shape_1 .top {
        font-size: 3vw;
        text-align: center;
        margin-top: 11vw;
        margin-right: 7vw;
    }

    .iv_ar .shape_1 .h_line {
        width: 70%;
        height: 1px;
        background-color: white;
        margin: 0.8vh 0;
        margin-right: 7vw;
    }

    .iv_ar .close_btn {
        width: 12vw;
        height: 12vw;
        background-color: #EC2529;
        position: absolute;
        bottom: 27vw;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        font-family: Arial, Helvetica, sans-serif;
        border-radius: 10vw;
        font-size: 7vw;
        font-weight: bold;
    }

    .iv_ar .holder a {
        height: inherit;
    }

    /*instructional videos - aluetta pen - english*/
    .al_iv_ar {
        width: 100vw;
        height: 100vh;
        background-color: rgba(0, 0, 0, 0.6);
        position: fixed;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }

    .al_iv_ar .holder {
        width: 90vw;
        height: 78vw;
        background: url('../images/mob/ins_vi/al_ar/ins_al_ar_bg.png') no-repeat;
        background-size: contain;
        z-index: 901;
    }

    .al_iv_ar .holder .one {
        width: 32vw;
        height: 25vw;
        margin-top: 15vh;
        margin-left: 10vw;
    }

    .al_iv_ar .holder .two {
        width: 32vw;
        height: 25vw;
        margin-top: 19vh;
        margin-left: -2vw;
    }

    .al_iv_ar .holder .three {
        width: 32vw;
        height: 25vw;
        margin-top: 9vh;
        margin-left: -15vw;
    }

    .al_iv_ar .close_btn {
        width: 12vw;
        height: 12vw;
        background-color: #EC2529;
        position: absolute;
        bottom: 27vw;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        font-family: Arial, Helvetica, sans-serif;
        border-radius: 10vw;
        font-size: 7vw;
        font-weight: bold;
    }

    /*instructional videos - aluetta pen - arabic*/
    .ep_iv_ar {
        width: 100vw;
        height: 100vh;
        background-color: rgba(0, 0, 0, 0.6);
        position: fixed;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }

    .ep_iv_ar .holder {
        width: 90vw;
        height: 78vw;
        background: url('../images/mob/ins_vi/al_ar/ins_al_ar_bg.png') no-repeat;
        background-size: contain;
        z-index: 901;
    }

    .ep_iv_ar .holder .one {
        width: 36vw;
        height: 28vw;
        margin-top: 17vh;
        margin-left: 19vw;
    }

    .ep_iv_ar .holder .two {
        width: 36vw;
        height: 28vw;
        margin-top: 10vh;
        margin-left: -2vw;
    }

    .ep_iv_ar .close_btn {
        width: 12vw;
        height: 12vw;
        background-color: #EC2529;
        position: absolute;
        bottom: 27vw;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        font-family: Arial, Helvetica, sans-serif;
        border-radius: 10vw;
        font-size: 7vw;
        font-weight: bold;
    }

    /*growzen support booklet - english*/
    .gsb_en {
        width: 100vw;
        height: 100vh;
        background-color: rgba(0, 0, 0, 0.6);
        position: fixed;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }

    .gsb_en .holder {
        width: 95vw;
        height: 82vw;
        background: url('../images/mob/gsb/gsb_en/gsb_en_bg.png') no-repeat;
        background-size: contain;
        z-index: 901;
    }

    .gsb_en .holder .one {
        width: 32vw;
        height: 25vw;
        margin-top: 23vw;
        margin-left: 4vw;
    }

    .gsb_en .holder .two {
        width: 28vw;
        height: 21vw;
        margin-top: 48vw;
        margin-left: -19vw;
    }

    .gsb_en .holder .three {
        width: 28vw;
        height: 21vw;
        margin-top: 59vw;
        margin-left: -6vw;
    }

    .gsb_en .holder .four {
        width: 28vw;
        height: 21vw;
        margin-top: 22vw;
        margin-left: -8vw;
    }

    .gsb_en .holder .five {
        width: 28vw;
        height: 21vw;
        margin-top: 45vw;
        margin-left: -26vw;
    }

    .gsb_en .close_btn {
        width: 12vw;
        height: 12vw;
        background-color: #2C3280;
        position: absolute;
        bottom: 27vw;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        font-family: Arial, Helvetica, sans-serif;
        border-radius: 10vw;
        font-size: 7vw;
        font-weight: bold;
    }

    /*growzen support booklet - arabic*/
    .gsb_ar {
        width: 100vw;
        height: 100vh;
        background-color: rgba(0, 0, 0, 0.6);
        position: fixed;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }

    .gsb_ar .holder {
        width: 95vw;
        height: 82vw;
        background: url('../images/mob/gsb/gsb_ar/gsb_ar_bg.png') no-repeat;
        background-size: contain;
        z-index: 901;
    }

    .gsb_ar .holder .one {
        width: 32vw;
        height: 25vw;
        margin-top: 23vw;
        margin-left: 4vw;
    }

    .gsb_ar .holder .two {
        width: 28vw;
        height: 21vw;
        margin-top: 48vw;
        margin-left: -19vw;
    }

    .gsb_ar .holder .three {
        width: 28vw;
        height: 21vw;
        margin-top: 59vw;
        margin-left: -6vw;
    }

    .gsb_ar .holder .four {
        width: 32vw;
        height: 26vw;
        margin-top: 22vw;
        margin-left: -8vw;
    }

    .gsb_ar .holder .five {
        width: 25vw;
        height: 20vw;
        margin-top: 47vw;
        margin-left: -32vw;
    }

    .gsb_ar .close_btn {
        width: 12vw;
        height: 12vw;
        background-color: #2C3280;
        position: absolute;
        bottom: 27vw;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        font-family: Arial, Helvetica, sans-serif;
        border-radius: 10vw;
        font-size: 7vw;
        font-weight: bold;
    }

    /*growzen support booklet - english*/
    .res_en {
        width: 100vw;
        height: 100vh;
        background-color: rgba(0, 0, 0, 0.6);
        position: fixed;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }

    .res_en .holder {
        width: 95vw;
        height: 82vw;
        background: url('../images/mob/res/res_en/res_en_bg.png') no-repeat;
        background-size: contain;
        z-index: 901;
    }

      .res_en .arabic {

        background: url('../images/mob/res/res_ar/res_ar_bg.png') no-repeat !important;
        background-size: contain !important;
     
    }


    .res_en .holder .one {
        width: 32vw;
        height: 25vw;
        margin-top: 23vw;
        margin-left: 4vw;
    }

    .res_en .holder .two {
        width: 28vw;
        height: 21vw;
        margin-top: 46vw;
        margin-left: -19vw;
    }

    .res_en .holder .three {
        width: 28vw;
        height: 21vw;
        margin-top: 57vw;
        margin-left: -6vw;
    }

    .res_en .holder .four {
        width: 28vw;
        height: 21vw;
        margin-top: 40vw;
        margin-left: -8vw;
    }

    .res_en .holder .five {
        width: 28vw;
        height: 21vw;
        margin-top: 19vw;
        margin-left: -21vw;
    }

    .res_en .close_btn {
        width: 12vw;
        height: 12vw;
        background-color: #1967B1;
        position: absolute;
        bottom: 20vw;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        font-family: Arial, Helvetica, sans-serif;
        border-radius: 10vw;
        font-size: 7vw;
        font-weight: bold;
    }



}

/*ipad*/
@media (max-width: 1023px) and (min-width: 600px) {
    .desk_wrapper {
        display: none;
    }

    .mob_wrapper {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        background-color: #DCF0F3;
    }

    .mob_wrapper .top_section .main_logo {
        width: 45%;
        margin: 0 2.5%;
    }

    .mob_wrapper .top_section .main_logo img {
        width: 90%;
        padding: 3vw;
    }

    .mob_wrapper .top_section .menu_holder {
        width: 45%;
        margin: 0 2.5%;
        background: url('../images/mob/menu_icon.png') no-repeat;
        background-size: contain;
        height: 9vh;
        margin-top: 3vh;
    }

    .mob_wrapper .top_section .menu_holder .menu_unit {
        margin-left: 8vw;
        text-align: center;
        line-height: 1.6vh;
        margin-top: 2.4vh;
    }

    .mob_wrapper .top_section .menu_holder .menu_unit .en {
        font-size: 3vw;
    }

    .mob_wrapper .top_section .menu_holder .menu_unit .ar {
        font-size: 2vw;
    }

    .mob_wrapper .top_section .menu_holder .hom {
        margin-left: 6vw;
    }

    .mob_wrapper .top_section .menu_holder .con {
        margin-left: 3.9vw;
    }

    .mob_wrapper .top_section .menu_holder_con {
        width: 45%;
        margin: 0 2.5%;
        background: url('../images/mob/menu_icon_con.png') no-repeat;
        background-size: contain;
        height: 9vh;
        margin-top: 3vh;
    }

    .mob_wrapper .top_section .menu_holder_con .menu_unit {
        margin-left: 8vw;
        text-align: center;
        line-height: 1.6vh;
        margin-top: 2.4vh;
    }

    .mob_wrapper .top_section .menu_holder_con .menu_unit .en {
        font-size: 3vw;
    }

    .mob_wrapper .top_section .menu_holder_con .menu_unit .ar {
        font-size: 2vw;
    }

    .mob_wrapper .top_section .menu_holder_con .hom {
        margin-left: 6vw
    }

    .mob_wrapper .top_section .menu_holder_con .con {
        margin-left: 3.9vw;
    }

    .mob_wrapper .bottom_section .contact_holder {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .mob_wrapper .bottom_section .contact_holder h1 {
        font-size: 5.5vw;
        padding-bottom: 2vh;
    }

    .mob_wrapper .bottom_section .uae_holder {
        width: 90%;
    }

    .mob_wrapper .bottom_section .left {
        width: 45%;
        margin-right: 2%;
    }

    .mob_wrapper .bottom_section .right {
        width: 60%;
        margin-left: 2vw;
    }

    .mob_wrapper .bottom_section .left img {
        width: 100%;
    }

    .mob_wrapper .bottom_section .right h3 {
        color: #333333;
        padding: 0 0 0.5vh 0;
        margin: 0;
        font-size: 4vw;
        text-align: left;
    }

    .mob_wrapper .bottom_section .right p {
        font-size: 2.3vw;
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 0;
        margin: 0;
    }

    .mob_wrapper .bottom_section .right p img {
        width: 4vw;
        padding-bottom: 0.1vh;
    }

    .mob_wrapper .bottom_section .country_holder {
        width: 100%;
        justify-content: center;
        padding-top: 4vh;
    }

    .mob_wrapper .bottom_section .country_holder .left {
        width: 42%;
        margin: 0 1%;
    }

    .mob_wrapper .bottom_section .country_holder .right {
        width: 42%;
        margin: 0 1%;
    }

    .mob_wrapper .bottom_section .country_holder div {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
    }

    .mob_wrapper .bottom_section .country_holder div img {
        width: 55%;
    }

    .mob_wrapper .bottom_section .country_holder div h3 {
        text-align: left;
        font-size: 3.7vw;
        line-height: 2vh;
        padding: 1vh 0 0.5vh 0;
        margin: 0;
    }

    .mob_wrapper .bottom_section .country_holder div p {
        font-size: 2.3vw;
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 0;
        margin: 0;
    }

    .mob_wrapper .bottom_section .country_holder div p img {
        width: 4vw;
        padding-bottom: 0.1vh;
    }


    .mob_wrapper .top_section .header_text {
        justify-content: center;
        align-items: center;
        height: 33vh;
    }

    .mob_wrapper .top_section .header_text img {
        width: 82%;
    }

    .contact_bg {
        background: url('../images/bg_con.png') no-repeat !important;
        background-size: contain !important;
        padding-bottom: 18vh;
        background-position: bottom !important;
    }

    .mob_wrapper .bottom_section {
        background: url('../images/bg_3.png') no-repeat;
        background-size: contain;
        width: 100vw;
        height: 181vw;
        font-family: overpass-bold, sans-serif;
        text-align: center
    }

    .mob_wrapper .bottom_section .ins_vid {
        background: url('../images/mob/ins_vid_mi.png') no-repeat;
        width: 38vw;
        height: 33vw;
        background-size: contain;
        margin-top: -17vh;
        margin-left: 40vw;
    }

    .mob_wrapper .bottom_section .ins_vid .en {
        margin-left: 0vw;
        font-size: 2.8vw;
        padding-top: 8vh;
    }

    .mob_wrapper .bottom_section .ins_vid .ar {
        font-family: arabic, sans-serif;
        margin-left: 0.5vw;
        font-size: 2.8vw;
        margin-top: 5.3vh;
        line-height: 2vh;
    }

    .mob_wrapper .bottom_section .sup {
        background: url('../images/mob/sup_mi.png') no-repeat;
        width: 44vw;
        height: 33vw;
        background-size: contain;
        margin-top: -3vh;
        margin-left: 55vw;
    }

    .mob_wrapper .bottom_section .sup .en {
        margin-left: 0vw;
        font-size: 2.8vw;
        padding-top: 8vh;
    }

    .mob_wrapper .bottom_section .sup .ar {
        font-family: arabic, sans-serif;
        margin-left: 0.5vw;
        font-size: 2.8vw;
        margin-top: 2.5vh;
        line-height: 2vh;
    }

    .mob_wrapper .bottom_section .faq {
        background: url('../images/mob/faq_mi.png') no-repeat;
        width: 44vw;
        height: 33vw;
        background-size: contain;
        margin-top: -0.7vh;
        margin-left: 54vw;
    }

    .mob_wrapper .bottom_section .faq .en {
        margin-left: 0vw;
        font-size: 2.8vw;
        margin-top: 3vh;
        padding-top: 5.1vh;
    }

    .mob_wrapper .bottom_section .faq .ar {
        font-family: arabic, sans-serif;
        margin-left: 0.5vw;
        font-size: 2.6vw;
        padding-top: 1.5vh;
        line-height: 2vh;
    }

    .mob_wrapper .bottom_section .faq a {
        color: #2C3280;
    }

    .mob_wrapper .bottom_section .faq a {
        color: #2C3280;
    }

    .mob_wrapper .bottom_section .res {
        background: url('../images/mob/res_mi_2.png') no-repeat;
        width: 44vw;
        height: 28vw;
        background-size: contain;
        margin-top: -8.7vh;
        margin-left: 25vw;
    }

    .mob_wrapper .bottom_section .res .en {
        margin-left: 0vw;
        font-size: 2.8vw;
        margin-top: 0vh;
        padding-top: 9.8vh;
    }

    .mob_wrapper .bottom_section .res .ar {
        font-family: arabic, sans-serif;
        margin-left: 0.5vw;
        font-size: 2.6vw;
        padding-top: 1.5vh;
        line-height: 2vh;
    }

    .mob_wrapper .bottom_section .grow_en {
        width: 51%;
        height: 13%;
        background: url('../images/mob/grow_en.png') no-repeat;
        background-size: contain;
    }

    .mob_wrapper .bottom_section .grow_ar {
        width: 56%;
        height: 25%;
        background: url('../images/mob/grow_ar.png') no-repeat;
        background-size: contain;
        margin-left: 42vw;
        margin-top: -5vh;
    }

    .con_menu_item {
        background: url('../images/mob/menu_icon_con.png') no-repeat;
    }

    /*overlay1*/
    #overlay {
        display: block;
    }

    /*instructional videos - english*/
    .overlay_1 {
        width: 100vw;
        height: 100vh;
        background-color: rgba(0, 0, 0, 0.6);
        position: fixed;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }

    .close_overlay {
        width: 100vw;
        height: 100vh;
        z-index: 900;
        position: fixed;
    }

    .overlay_1 .shape_1 {
        background: url('../images/mob/ins_vid_opt.png') no-repeat;
        width: 44vw;
        height: 27vh;
        background-size: contain;
        align-items: center;
        z-index: 901;
    }

    .overlay_1 .shape_1 .top {
        font-size: 2.8vw;
        text-align: center;
        margin-top: 18vh;
        margin-right: 2vw;
    }

    .overlay_1 .shape_1 .h_line {
        width: 70%;
        height: 1px;
        background-color: white;
        margin: 0.8vh 0;
        margin-right: 2vw;
    }

    .overlay_1 .close_btn {
        width: 12vw;
        height: 12vw;
        background-color: #EC2529;
        position: absolute;
        bottom: 20vw;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        font-family: Arial, Helvetica, sans-serif;
        border-radius: 10vw;
        font-size: 7vw;
        font-weight: bold;
    }

    .overlay_1 .shape_1 .bottom {
        font-size: 2.8vw;
        text-align: center;
        margin-right: 2vw;
    }

    /*instructional videos - aluetta pen - english*/
    .al_iv_en {
        width: 100vw;
        height: 100vh;
        background-color: rgba(0, 0, 0, 0.6);
        position: fixed;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }

    .al_iv_en .holder {
        width: 90vw;
        height: 78vw;
        background: url('../images/mob/ins_vi/al/ins_al_en_bg.png') no-repeat;
        background-size: contain;
        z-index: 901;
    }

    .al_iv_en .holder .one {
        width: 28vw;
        height: 21vw;
        margin-top: 17vh;
        margin-left: 4vw;
    }

    .al_iv_en .holder .two {
        width: 28vw;
        height: 21vw;
        margin-top: 32vh;
        margin-left: 0vw;
    }

    .al_iv_en .holder .three {
        width: 28vw;
        height: 21vw;
        margin-top: 14vh;
        margin-left: -1vw;
    }

    .al_iv_en .close_btn {
        width: 12vw;
        height: 12vw;
        background-color: #EC2529;
        position: absolute;
        bottom: 9vw;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        font-family: Arial, Helvetica, sans-serif;
        border-radius: 10vw;
        font-size: 7vw;
        font-weight: bold;
    }

    /*instructional videos - easypod - english*/
    .ep_iv_en {
        width: 100vw;
        height: 100vh;
        background-color: rgba(0, 0, 0, 0.6);
        position: fixed;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .ep_iv_en .holder {
        width: 90vw;
        height: 78vw;
        background: url('../images/mob/ins_vi/ep/ins_ep_en_bg.png') no-repeat;
        background-size: contain;
        z-index: 901;
    }

    .ep_iv_en .holder .one {
        width: 36vw;
        height: 28vw;
        margin-top: 20vh;
        margin-left: 9vw;
    }

    .ep_iv_en .holder .two {
        width: 36vw;
        height: 28vw;
        margin-top: 20vh;
        margin-left: 2vw;
    }

    .ep_iv_en .close_btn {
        width: 12vw;
        height: 12vw;
        background-color: #EC2529;
        position: absolute;
        bottom: 5vh;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        font-family: Arial, Helvetica, sans-serif;
        border-radius: 10vw;
        font-size: 7vw;
        font-weight: bold;
    }

    /*instructional videos - arabic*/
    .iv_ar {
        width: 100vw;
        height: 100vh;
        background-color: rgba(0, 0, 0, 0.6);
        position: fixed;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }

    .close_overlay {
        width: 100vw;
        height: 100vh;
        z-index: 900;
        position: fixed;
    }

    .iv_ar .shape_1 {
        background: url('../images/mob/ins_vid_ar_opt.png') no-repeat;
        width: 44vw;
        height: 27vh;
        background-size: contain;
        align-items: center;
        z-index: 901;
    }

    .iv_ar .shape_1 .top {
        font-size: 2vw;
        text-align: center;
        margin-top: 6vh;
        margin-right: 2vw;
    }

    .iv_ar .shape_1 .h_line {
        width: 70%;
        height: 1px;
        background-color: white;
        margin: 0.8vh 0;
        margin-right: 2vw;
    }

    .iv_ar .close_btn {
        width: 12vw;
        height: 12vw;
        background-color: #EC2529;
        position: absolute;
        bottom: 20vw;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        font-family: Arial, Helvetica, sans-serif;
        border-radius: 10vw;
        font-size: 7vw;
        font-weight: bold;
    }

    .iv_ar .shape_1 .bottom {
        font-size: 2vw;
        text-align: center;
        margin-right: 2vw;
    }

    /*instructional videos - aluetta pen - english*/
    .al_iv_ar {
        width: 100vw;
        height: 100vh;
        background-color: rgba(0, 0, 0, 0.6);
        position: fixed;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }

    .al_iv_ar .holder {
        width: 90vw;
        height: 78vw;
        background: url('../images/mob/ins_vi/al_ar/ins_al_ar_bg.png') no-repeat;
        background-size: contain;
        z-index: 901;
    }

    .al_iv_ar .holder .one {
        width: 32vw;
        height: 25vw;
        margin-top: 19vh;
        margin-left: 8vw;
    }

    .al_iv_ar .holder .two {
        width: 32vw;
        height: 25vw;
        margin-top: 31vh;
        margin-left: -7vw;
    }

    .al_iv_ar .holder .three {
        width: 32vw;
        height: 25vw;
        margin-top: 15vh;
        margin-left: -14vw;
    }

    .al_iv_ar .close_btn {
        width: 12vw;
        height: 12vw;
        background-color: #EC2529;
        position: absolute;
        bottom: 10vw;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        font-family: Arial, Helvetica, sans-serif;
        border-radius: 10vw;
        font-size: 7vw;
        font-weight: bold;
    }

    /*instructional videos - aluetta pen - arabic*/
    .ep_iv_ar {
        width: 100vw;
        height: 100vh;
        background-color: rgba(0, 0, 0, 0.6);
        position: fixed;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }

    .ep_iv_ar .holder {
        width: 90vw;
        height: 78vw;
        background: url('../images/mob/ins_vi/al_ar/ins_al_ar_bg.png') no-repeat;
        background-size: contain;
        z-index: 901;
    }

    .ep_iv_ar .holder .one {
        width: 36vw;
        height: 28vw;
        margin-top: 23vh;
        margin-left: 10vw;
    }

    .ep_iv_ar .holder .two {
        width: 36vw;
        height: 28vw;
        margin-top: 16vh;
        margin-left: 3vw;
    }

    .ep_iv_ar .close_btn {
        width: 12vw;
        height: 12vw;
        background-color: #EC2529;
        position: absolute;
        bottom: 10vw;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        font-family: Arial, Helvetica, sans-serif;
        border-radius: 10vw;
        font-size: 7vw;
        font-weight: bold;
    }

    /*growzen support booklet - english*/
    .gsb_en {
        width: 100vw;
        height: 100vh;
        background-color: rgba(0, 0, 0, 0.6);
        position: fixed;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }

    .gsb_en .holder {
        width: 95vw;
        height: 82vw;
        background: url('../images/mob/gsb/gsb_en/gsb_en_bg.png') no-repeat;
        background-size: contain;
        z-index: 901;
    }

    .gsb_en .holder .one {
        width: 32vw;
        height: 25vw;
        margin-top: 17vh;
        margin-left: 4vw;
    }

    .gsb_en .holder .two {
        width: 28vw;
        height: 21vw;
        margin-top: 34vh;
        margin-left: -15vw;
    }

    .gsb_en .holder .three {
        width: 28vw;
        height: 21vw;
        margin-top: 42vh;
        margin-left: -6vw;
    }

    .gsb_en .holder .four {
        width: 28vw;
        height: 21vw;
        margin-top: 31vh;
        margin-left: -8vw;
    }

    .gsb_en .holder .five {
        width: 28vw;
        height: 21vw;
        margin-top: 15vh;
        margin-left: -26vw;
    }

    .gsb_en .close_btn {
        width: 12vw;
        height: 12vw;
        background-color: #2C3280;
        position: absolute;
        bottom: 7vw;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        font-family: Arial, Helvetica, sans-serif;
        border-radius: 10vw;
        font-size: 7vw;
        font-weight: bold;
    }

    /*growzen support booklet - arabic*/
    .gsb_ar {
        width: 100vw;
        height: 100vh;
        background-color: rgba(0, 0, 0, 0.6);
        position: fixed;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }

    .gsb_ar .holder {
        width: 95vw;
        height: 82vw;
        background: url('../images/mob/gsb/gsb_ar/gsb_ar_bg.png') no-repeat;
        background-size: contain;
        z-index: 901;
    }

    .gsb_ar .holder .one {
        width: 32vw;
        height: 25vw;
        margin-top: 17vh;
        margin-left: 4vw;
    }

    .gsb_ar .holder .two {
        width: 28vw;
        height: 21vw;
        margin-top: 34vh;
        margin-left: -15vw;
    }

    .gsb_ar .holder .three {
        width: 28vw;
        height: 21vw;
        margin-top: 42vh;
        margin-left: -6vw;
    }

    .gsb_ar .holder .four {
        width: 28vw;
        height: 21vw;
        margin-top: 31vh;
        margin-left: -8vw;
    }

    .gsb_ar .holder .five {
        width: 28vw;
        height: 21vw;
        margin-top: 15vh;
        margin-left: -26vw;
    }

    .gsb_ar .close_btn {
        width: 12vw;
        height: 12vw;
        background-color: #2C3280;
        position: absolute;
        bottom: 7vw;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        font-family: Arial, Helvetica, sans-serif;
        border-radius: 10vw;
        font-size: 7vw;
        font-weight: bold;
    }

    /*growzen support booklet - english*/
    .res_en {
        width: 100vw;
        height: 100vh;
        background-color: rgba(0, 0, 0, 0.6);
        position: fixed;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }

    .res_en .holder {
        width: 95vw;
        height: 82vw;
        background: url('../images/mob/res/res_en/res_en_bg.png') no-repeat;
        background-size: contain;
        z-index: 901;
    }

    .res_en .holder .one {
        width: 32vw;
        height: 25vw;
        margin-top: 17vh;
        margin-left: 4vw;
    }

    .res_en .holder .two {
        width: 28vw;
        height: 21vw;
        margin-top: 34vh;
        margin-left: -15vw;
    }

    .res_en .holder .three {
        width: 28vw;
        height: 21vw;
        margin-top: 42vh;
        margin-left: -6vw;
    }

    .res_en .holder .four {
        width: 28vw;
        height: 21vw;
        margin-top: 31vh;
        margin-left: -8vw;
    }

    .res_en .holder .five {
        width: 28vw;
        height: 21vw;
        margin-top: 15vh;
        margin-left: -26vw;
    }

    .res_en .close_btn {
        width: 12vw;
        height: 12vw;
        background-color: #1967B1;
        position: absolute;
        bottom: 12vw;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        font-family: Arial, Helvetica, sans-serif;
        border-radius: 10vw;
        font-size: 7vw;
        font-weight: bold;
    }



}

@media (min-width: 1024px) {
    .mob_wrapper {
        display: none;
    }

    .desk_wrapper {
        width: 100vw;
        background: url('../images/desk/bg.png') no-repeat #DCF0F3;
        background-position: bottom;
        padding-bottom: 60.7vh;
        background-size: contain;
        background-color: #DCF0F3;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        height: auto;
    }

    .desk_wrapper .header {
        width: 100%;
        display: flex;
    }

    .desk_wrapper .header .top {
        width: 100%;
        display: flex;
        flex-direction: row;
        height: 20vh;
        align-items: center;
    }

    .desk_wrapper .header .top .left {
        width: 45%;
        display: flex;
        flex-direction: row;
        margin: 0 2.5%;
        justify-content: space-between;
    }

    .desk_wrapper .header .top .left img {
        width: 40%;
    }

    .desk_wrapper .header .top .right {
        width: 45%;
        display: flex;
        flex-direction: row;
        margin: 0 2.5%;
        justify-content: space-between;
    }

    .desk_wrapper .header .top .right img {
        width: 100%;
        height: 90%;
    }

    .desk_wrapper .header .menu_holder {
        width: 95%;
        display: flex;
        flex-direction: row;
        align-items: flex-end;
        justify-content: flex-end;
    }

    .desk_wrapper .header .menu_holder .menu_container {
        width: 19%;
        margin: 0 2.5%;
        background: url('../images/mob/menu_icon.png') no-repeat;
        background-size: contain;
        height: 11vh;
        margin-top: 0vh;
    }

    .home_ov {
        width: 50%;
        height: 11vh;
        cursor: pointer;
    }

    .con_ov {
        width: 50%;
        height: 11vh;
        cursor: pointer;
    }

    .desk_wrapper .header .menu_holder_con {
        width: 95%;
        display: flex;
        flex-direction: row;
        align-items: flex-end;
        justify-content: flex-end;
    }

    .desk_wrapper .header .menu_holder_con .menu_container {
        width: 19%;
        margin: 0 2.5%;
        background: url('../images/mob/menu_icon_con.png') no-repeat;
        background-size: contain;
        height: 11vh;
        margin-top: 0vh;
    }

    .desk_wrapper .header .menu_holder_con .menu_container .menu_unit {
        margin-left: 8vw;
        text-align: center;
        line-height: 1.5vh;
        margin-top: 3vh;
    }

    .desk_wrapper .header .menu_holder_con .menu_container .menu_unit .en {
        font-size: 1.4vw;
    }

    .desk_wrapper .header .menu_holder_con .menu_container .menu_unit .ar {
        font-size: 1vw;
    }

    .desk_wrapper .header .menu_holder_con .menu_container .hom {
        margin-left: 3.4vw;
    }

    .desk_wrapper .header .menu_holder_con .menu_container .con {
        margin-left: 12.6%;
    }

    .desk_wrapper .main_holder {
        width: 70vw;
        height: 82vw;
        background: url('../images/desk/tree.svg') no-repeat;
        background-size: contain;
        margin-bottom: -40vh;
    }

    .desk_wrapper .main_holder .row_1 {
        justify-content: center;
        align-items: center;
    }

    .desk_wrapper .main_holder .row_1 .en {
        color: white;
        font-family: overpass-medium, sans-serif;
        text-align: center;
        cursor: pointer;
    }

    .desk_wrapper .main_holder .row_1 .ar {
        color: white;
        font-family: arabic;
        text-align: center;
        cursor: pointer;
    }

    .desk_wrapper .main_holder .gr_en {
        width: 27%;
        height: 10.1%;
        background: url('../images/desk/fruit/gr_en.png')no-repeat;
        background-size: contain;
        position: relative;
        top: 0.3%;
        left: 20%;
        cursor: pointer;
    }

    .desk_wrapper .main_holder .gr_ar {
        width: 27%;
        height: 10.1%;
        background: url('../images/desk/fruit/gr_ar.png')no-repeat;
        background-size: contain;
        position: relative;
        top: -5.7%;
        left: 50%;
        cursor: pointer;
    }

    .desk_wrapper .main_holder .iv_a {
        background: url('../images/desk/fruit/iv_a.png') no-repeat;
        background-size: contain;
        width: 15%;
        height: 12%;
        position: relative;
        top: -7.7%;
        left: 37%;
    }

    .desk_wrapper .main_holder .iv_a .en {
        font-size: 0.66vw;
        padding-top: 22%;
        text-align: center;
        margin-right: 0.5%;
        cursor: pointer;
    }

    .desk_wrapper .main_holder .iv_a .ar {
        font-size: 0.66vw;
        margin-top: 8%;
        text-align: center;
        cursor: pointer;
    }

    .desk_wrapper .main_holder .iv_b {
        background: url(../images/desk/fruit/iv_b.png) no-repeat;
        background-size: contain;
        width: 18.5%;
        height: 16.5%;
        position: relative;
        top: -16%;
        left: 21%;
    }

    .desk_wrapper .main_holder .iv_b .en {
        font-size: 0.66vw;
        margin-top: 19%;
        margin-left: 25%;
        text-align: center;
        width: 55%;
        cursor: pointer;
    }

    .desk_wrapper .main_holder .iv_b .ar {
        font-size: 0.66vw;
        margin-top: 4%;
        margin-left: 25%;
        text-align: center;
        width: 55%;
        cursor: pointer;
    }

    .desk_wrapper .main_holder .iv_c {
        background: url(../images/desk/fruit/iv_c.png) no-repeat;
        background-size: contain;
        width: 15%;
        height: 12%;
        position: relative;
        top: -26%;
        left: 40%;
        text-align: center;
    }

    .desk_wrapper .main_holder .iv_c .en {
        font-size: 0.7vw;
        margin-top: -13%;
        text-align: center;
        width: 67%;
        margin-right: 0.4vw;
        cursor: pointer;
    }

    .desk_wrapper .main_holder .iv_c .ar {
        font-size: 0.7vw;
        margin-top: 6%;
        text-align: center;
        width: 67%;
        cursor: pointer;
    }

    .desk_wrapper .main_holder .iv_d {
        background: url(../images/desk/fruit/iv_d.png) no-repeat;
        background-size: contain;
        width: 15%;
        height: 15.1%;
        position: relative;
        top: -28%;
        left: 33%;
        text-align: center;
    }

    .desk_wrapper .main_holder .iv_d .en {
        font-size: 0.7vw;
        padding-top: 13%;
        text-align: center;
        width: 67%;
        cursor: pointer;
    }

    .desk_wrapper .main_holder .iv_d .ar {
        font-size: 0.68vw;
        margin-top: 1.4vh;
        text-align: center;
        width: 68%;
        margin-left: 0.5vw;
        cursor: pointer;
    }

    .desk_wrapper .main_holder .iv_e {
        background: url('../images/desk/fruit/iv_e.png') no-repeat;
        background-size: contain;
        width: 15%;
        height: 12.5%;
        position: relative;
        top: -44%;
        left: 48%;
        text-align: center;
    }

    .desk_wrapper .main_holder .iv_e .en {
        font-size: 0.66vw;
        margin-top: -14%;
        text-align: center;
        width: 67%;
        cursor: pointer;
    }

    .desk_wrapper .main_holder .iv_e .ar {
        font-size: 0.64vw;
        margin-top: 1.2%;
        text-align: center;
        width: 65%;
        cursor: pointer;
    }

    .desk_wrapper .main_holder .gsb_a {
        background: url('../images/desk/fruit/gsb_a.png') no-repeat;
        background-size: contain;
        width: 17%;
        height: 12%;
        position: relative;
        top: -69%;
        left: 57%;
        text-align: center;
    }

    .desk_wrapper .main_holder .gsb_a .en {
        font-size: 0.8vw;
        margin-top: 1%;
        text-align: center;
        width: 80%;
        cursor: pointer;
    }

    .desk_wrapper .main_holder .gsb_a .ar {
        font-size: 0.8vw;
        margin-top: 8.8%;
        text-align: center;
        width: 60%;
        cursor: pointer;
    }

    .desk_wrapper .main_holder .gsb_b {
        background: url('../images/desk/fruit/gsb_b.png') no-repeat;
        background-size: contain;
        width: 11%;
        height: 9%;
        position: relative;
        top: -72.5%;
        left: 69%;
        text-align: center;
    }

    .desk_wrapper .main_holder .gsb_b .en {
        font-size: 0.7vw;
        margin-top: 2.5%;
        text-align: center;
        width: 80%;
        cursor: pointer;
    }

    .desk_wrapper .main_holder .gsb_b .ar {
        font-size: 0.7vw;
        margin-top: 6%;
        text-align: center;
        width: 60%;
        cursor: pointer;
    }

    .desk_wrapper .main_holder .gsb_c {
        background: url('../images/desk/fruit/gsb_c.png') no-repeat;
        background-size: contain;
        width: 11%;
        height: 9%;
        position: relative;
        top: -76%;
        left: 63%;
        text-align: center;
    }

    .desk_wrapper .main_holder .gsb_c .en {
        font-size: 0.75vw;
        margin-top: 4%;
        text-align: center;
        width: 80%;
        cursor: pointer;
    }

    .desk_wrapper .main_holder .gsb_c .ar {
        font-size: 0.75vw;
        margin-top: 8%;
        text-align: center;
        width: 60%;
        cursor: pointer;
    }


    .desk_wrapper .main_holder .gsb_d {
        background: url('../images/desk/fruit/gsb_d.png') no-repeat;
        background-size: contain;
        width: 12.5%;
        height: 9.8%;
        position: relative;
        top: -80.3%;
        left: 70.5%;
        text-align: center;
    }

    .desk_wrapper .main_holder .gsb_d .en {
        font-size: 0.75vw;
        margin-top: 1.9%;
        text-align: center;
        width: 80%;
        cursor: pointer;
    }

    .desk_wrapper .main_holder .gsb_d .ar {
        font-size: 0.7vw;
        margin-top: 7%;
        text-align: center;
        width: 60%;
        cursor: pointer;
    }

    .desk_wrapper .main_holder .gsb_e {
        background: url('../images/desk/fruit/gsb_e.png') no-repeat;
        background-size: contain;
        width: 12.5%;
        height: 9.8%;
        position: relative;
        top: -75.3%;
        left: 73.5%;
        text-align: center;
    }

    .desk_wrapper .main_holder .gsb_e {
        background: url(../images/desk/fruit/gsb_e.png) no-repeat;
        background-size: contain;
        width: 12.5%;
        height: 9.8%;
        position: relative;
        top: -87.3%;
        left: 57.5%;
        text-align: center;
    }

    .desk_wrapper .main_holder .gsb_e .en {
        font-size: 0.7vw;
        margin-top: 1.6%;
        text-align: center;
        width: 80%;
        margin-left: -1%;
        cursor: pointer;
    }

    .desk_wrapper .main_holder .gsb_e .ar {
        font-size: 0.65vw;
        margin-top: 8%;
        text-align: center;
        width: 55%;
        margin-left: -1%;
        cursor: pointer;
    }

    .desk_wrapper .main_holder .faq_a {
        background: url(../images/desk/fruit/faq_a.png) no-repeat;
        background-size: contain;
        width: 14.5%;
        height: 9.8%;
        position: relative;
        top: -86.3%;
        left: 53.5%;
        text-align: center;
    }

    .desk_wrapper .main_holder .faq_a .en {
        font-size: 1vw;
        margin-top: 0.7%;
        margin-left: 5%;
        text-align: center;
        width: 80%;
        cursor: pointer;
    }

    .desk_wrapper .main_holder .faq_a .ar {
        font-size: 0.9vw;
        margin-top: 6%;
        margin-left: 5%;
        text-align: center;
        width: 70%;
        cursor: pointer;
    }

    .desk_wrapper .main_holder .res_a {
        background: url(../images/desk/fruit/res_a.png) no-repeat;
        background-size: contain;
        width: 15.5%;
        height: 11%;
        position: relative;
        top: -94.3%;
        left: 15.5%;
        text-align: center;
    }

    .desk_wrapper .main_holder .res_a .en {
        font-size: 0.72vw;
        margin-top: 9%;
        margin-left: -3%;
        text-align: center;
        width: 67%;
        cursor: pointer;
    }

    .desk_wrapper .main_holder .res_a .ar {
        font-size: 0.72vw;
        margin-top: 9%;
        margin-left: -3%;
        text-align: center;
        width: 50%;
        cursor: pointer;
    }

    .desk_wrapper .main_holder .res_b {
        background: url(../images/desk/fruit/res_b.png) no-repeat;
        background-size: contain;
        width: 15.5%;
        height: 11%;
        position: relative;
        top: -94.3%;
        left: 15.5%;
        text-align: center;
    }

    .desk_wrapper .main_holder .res_b .en {
        font-size: 0.72vw;
        margin-top: 11%;
        margin-left: -3%;
        text-align: center;
        width: 67%;
        cursor: pointer;
    }

    .desk_wrapper .main_holder .res_b .ar {
        font-size: 0.71vw;
        margin-top: 10%;
        margin-left: -3%;
        text-align: center;
        width: 60%;
        cursor: pointer;
    }

    .desk_wrapper .main_holder .res_c {
        background: url(../images/desk/fruit/res_c.png) no-repeat;
        background-size: contain;
        width: 15.5%;
        height: 11%;
        position: relative;
        top: -100.3%;
        left: 28.5%;
        text-align: center;
    }

    .desk_wrapper .main_holder .res_c .en {
        font-size: 0.72vw;
        margin-top: 10%;
        margin-left: -3%;
        text-align: center;
        width: 70%;
        cursor: pointer;
    }

    .desk_wrapper .main_holder .res_c .ar {
        font-size: 0.72vw;
        margin-top: 7%;
        margin-left: -3%;
        text-align: center;
        width: 60%;
        cursor: pointer;
    }

    .desk_wrapper .main_holder .res_d {
        background: url(../images/desk/fruit/res_d.png) no-repeat;
        background-size: contain;
        width: 17.5%;
        height: 11.8%;
        position: relative;
        top: -119.3%;
        left: 38.5%;
        text-align: center;
    }

    .desk_wrapper .main_holder .res_d .en {
        font-size: 0.72vw;
        margin-top: 12%;
        margin-left: -3%;
        text-align: center;
        width: 62%;
        cursor: pointer;
    }

    .desk_wrapper .main_holder .res_d .ar {
        font-size: 0.72vw;
        margin-top: 7%;
        margin-left: -3%;
        text-align: center;
        width: 60%;
        cursor: pointer;
    }

    .desk_wrapper .main_holder .res_e {
        background: url(../images/desk/fruit/res_e.png) no-repeat;
        background-size: contain;
        width: 17.5%;
        height: 11.8%;
        position: relative;
        top: -140.3%;
        left: 30.5%;
        text-align: center;
    }

    .desk_wrapper .main_holder .res_e .en {
        font-size: 0.72vw;
        margin-top: 11%;
        margin-left: -3%;
        text-align: center;
        width: 62%;
        cursor: pointer;
    }

    .desk_wrapper .main_holder .res_e .ar {
        font-size: 0.72vw;
        margin-top: 7%;
        margin-left: -3%;
        text-align: center;
        width: 60%;
        cursor: pointer;
    }

    /*contact page*/
    .con_bg {
        background: url('../images/desk/con_bg.png') no-repeat, url('../images/desk/bg.png') no-repeat #DCF0F3;
        ;
        background-color: #DCF0F3;
        background-size: cover, contain;
        background-position: center, bottom;
    }

    .desk_wrapper .main_holder_con {
        width: 70vw;
        height: 83vw;
        background-size: contain;
        margin-bottom: -40vh;
        align-items: flex-start;
    }

    .desk_wrapper .main_holder_con h2 {
        color: #2C3280;
        font-size: 2.8vw;
        width: 100%;
        text-align: center;
        margin-top: 16vh;
    }

    .desk_wrapper .main_holder_con .uae_holder {
        width: 85%;
    }

    .desk_wrapper .main_holder_con .uae_holder .left {
        width: 40%;
    }

    .desk_wrapper .main_holder_con .uae_holder .left img {
        width: 100%;
    }

    .desk_wrapper .main_holder_con .uae_holder .right {
        width: 50%;
        margin-left: 10%;
    }

    .desk_wrapper .main_holder_con .uae_holder .right h3 {
        width: 100%;
        font-size: 2vw;
        color: #333333;
        padding: 0;
        margin: 0;
    }

    .desk_wrapper .main_holder_con .uae_holder .right p {
        text-align: left;
        font-family: overpass-regular, sans-serif;
        padding: 0;
        margin: 0;
        font-size: 1.1vw;
    }

    .desk_wrapper .main_holder_con .uae_holder .right img {
        width: 1.3vw;
    }

    .desk_wrapper .main_holder_con .ot_holder {
        width: 100%;
        justify-content: space-around;
    }

    .desk_wrapper .main_holder_con .ot_holder .con_unit {
        width: 22%;
        align-items: center;
    }

    .desk_wrapper .main_holder_con .ot_holder .con_unit img {
        width: 80%;
    }

    .desk_wrapper .main_holder_con .ot_holder .con_unit h3 {
        font-size: 1.6vw;
        line-height: 3vh;
        width: 100%;
        padding-bottom: 0;
        margin-bottom: 0;
    }

    .desk_wrapper .main_holder_con .ot_holder .con_unit p {
        text-align: left;
        font-family: overpass-regular, sans-serif;
        padding: 0;
        margin: 0;
        font-size: 0.9vw;
        display: flex;
        align-items: center;
        margin-top: 1vh;
    }

    .desk_wrapper .main_holder_con .ot_holder .con_unit p img {
        width: 1.5vw;
    }
}