@import url('https://fonts.googleapis.com/css?family=Helvetica:100,200,300,400');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@font-face {
    font-family: 'congenialregular';
    src: url('../fonts/fonnts.com-congenial_regular.woff2') format('woff2'),
        url('../fonts/fonnts.com-congenial_regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'congenialmedium';
    src: url('../fonts/fonnts.com-congenial_medium.woff2') format('woff2'),
        url('../fonts/fonnts.com-congenial_medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Conv_adam_gorry_lights';
    src: url('../fonts/adam_gorry_lights.eot');
    src: local('☺'), url('../fonts/adam_gorry_lights.woff') format('woff'), url('../fonts/adam_gorry_lights.ttf') format('truetype'), url('../fonts/adam_gorry_lights.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

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

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

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

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

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

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

*,
*::before,
*::after {
    box-sizing: border-box;
}

body {
    margin: 0;
    background-size: cover;
    background-repeat: no-repeat;
    /* background-position: top center; */
    background-position: bottom;
    /* background-attachment: fixed; */
}

.sandwinMain {
    position: relative;
}

.sandwinMain {
    z-index: 9999;
}

.click-img {
    position: absolute;
    right: -155px;
    width: 300px;
}

.click-img-ar {
    position: absolute;
    left: -155px;
    width: 300px;
}

.form-right-img {
    margin-bottom: -20px;
}

.mobileheader {
    display: none !important;
}

.landing-row-bottomM,
.cbtnmobTop {
    display: none !important;
}

.wonimgSecdesk,
.cbtnmobTop {
    display: none;
}

.commonimgbg {
    background-image: url('../landing-img/form-bg.png');
    background-position: top;
}

.commonimgbgar {
    background-image: url('../landing-img/form-bg-ar.png');
    background-position: top;
}

.content-row {
    padding-bottom: 120px;
}

.loadernew {
    border: 3px solid #f3f3f3;
    border-top: 3px solid #3498db;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: none;
    animation: spin 2s linear infinite;
    margin: auto;
    margin-right: 10px;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

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

.spin-click-button {
    display: flex;
    align-items: center;
}

.FCloumnnew {
    direction: rtl;
}

.mobeveryone,
.mobshowland,
.d-Mobfo {
    display: none;
}

.footersection {
    position: relative;
}

.submit-btna {
    display: block;
    width: 100%;
    text-align: center;
}

button {
    cursor: pointer;
}

.landing-row {
    display: flex;
    justify-content: space-between;
    padding: 40px 50px 0px;
}

.landing-row-bottom {
    padding: 20px 0px 0px;
    display: flex;
    justify-content: space-between;
    position: relative;
    align-items: baseline;
    width: 700px;
    top: 10px;
}

.landing-row-bottomD {
    position: absolute;
    bottom: -10px;
    top: auto;
}

.landing-form-row-new {
    padding: 40px 50px 0px;
    /* display: flex;
    gap: 30px; */
    position: relative;
}

.left-bottom-new {
    position: absolute;
    bottom: -50px;
    max-width: 300px;
}

.landing-form-row-new h4 {
    margin: 0px;
    padding-bottom: 10px;
    font-size: 22px;
    color: #fff;
    text-align: center;
    font-family: 'Conv_adam_gorry_lights';
}

.arabic form#uploadForm select {
    background-position: left 16px center;
}

select#fix-numberar {
    background-position: right 16px center !important;
}

.formSections {
    width: 100%;
    max-width: 500px;
    border-radius: 10px;
    padding: 30px;
    background: #FFD821;
    border: 1px solid #EEFFFD;
    border-radius: 20px;
    backdrop-filter: blur(123.0999984741211px);
    /* color: #fff; */
    position: relative;
}

.footer-bg-layer {
    position: absolute;
    bottom: 0px;
    z-index: -1 !important;
    left: 0px;
    width: 100%;
    top: unset;
}

.footer-bg-layer img.footer-layer {
    width: 100%;
    height: 250px;
    object-fit: cover;
}


.footersection.footersectionfullwidth {
    position: relative;
    margin-bottom: 0px;
}



/* #uploadForm {
    padding-bottom: 80px;
} */

.formSections h2 {
    text-align: center;
    /* font-family: Poppins; */
    /* margin-top: 10px; */
}

.landing-col.center-col {
    text-align: center;
}

.end-col {
    text-align: right;
}

.center-col {
    justify-content: center;
    display: flex;
    align-items: flex-end;
}

.center-col h3 {
    color: #fff;
    font-size: 45px;
    font-weight: 600;
    font-family: 'congenialmedium';
    margin: 0px;
    text-transform: uppercase;
}

.landing-row .center-col.en-landing-col {
    width: 50%;
}

.landing-col img {
    /* width: 170px; */
    margin: auto;
}

.landing-col .everyonelogo {
    width: 250px;
}

.landing-col h4 {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    font-family: 'Helvetica';
    margin: 0px;
    padding-bottom: 10px;
}

.landing-col .ar_lang {
    font-size: 21px;
    font-weight: 700;
}

.scratchcommon {
    margin-bottom: 60px;
}

#scratchCard {
    position: relative;
    width: 300px;
    height: 200px;
    margin: 0 auto;
    border-radius: 10px;
    background-color: #fff;
    /* box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1); */
}

#scratchCanvas {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    border-radius: 10px;
}

#prize {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 260px;
    transform: translate(-50%, -50%);
    z-index: 5;
    font-size: 20px;
    text-align: center;
    color: #911D20;
    font-family: 'Almarai';
}

#prize h3 {
    text-transform: uppercase;
    font-size: 30px;
    font-family: 'LuckiestGuy';
}

.footerright ul a:hover {
    text-decoration: underline;
}

.landing-form-rowT {
    width: 100%;
    backdrop-filter: blur(10px);
    margin: 0 auto;
    background: #FFD821;
    border: 1px solid #EEFFFD;
    padding: 30px 20px;
    webkit-backdrop-filter: blur(10px);
    margin-top: 30px;
    border-radius: 10px;
    max-width: 720px;
}

#file-name {
    color: #25736C;
}

.arabic #file-name {
    text-align: right;
}

.lang-btn-wrap-ar {
    justify-content: end;
}

.btn-Mob {
    display: none;
}

button.lang-eng-btn,
button.lang-arabic-btn {
    min-width: 160px;
    padding: 10px 20px;
    border-radius: 7px;
    margin-right: 20px;
    font-size: 16px;
    width: 130px;
    color: #fff;
    background-color: #25736C;
    box-shadow: 0 8px 16px 0 rgb(0 0 0 / 5%), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    font-family: 'Helvetica';
    border: 1px solid #fff;
}

.enterToWin {
    text-shadow:
        /* Green border (closer) */
        -2px -2px 0 #25736C,
        2px -2px 0 #25736C,
        -2px 2px 0 #25736C,
        2px 2px 0 #25736C,

        /* White border (further out) */
        -3px -3px 0 #FFFFFF,
        3px -3px 0 #FFFFFF,
        -3px 3px 0 #FFFFFF,
        3px 3px 0 #FFFFFF;
    color: #FFD821;
    font-weight: 400;
    font-size: 43px;
    font-family: 'LuckiestGuy';
}

.scratchimg {
    font-size: 45px;
    margin-bottom: 15px;
    /* margin-top: 60px; */
    font-weight: 700;
}

.aside-col-img {
    padding-top: 90px;
}

.aside-col-img img {
    width: 100%;
}

.aside-img-1 {
    width: 64% !important;
    margin: auto;
}

.keep {
    font-size: 21px;
    font-family: 'Almarai';
}

.scratchForm p {
    text-align: center;
}

.right-top-content {
    color: #fff;
    text-shadow: -1px -1px 0 #F59F1E, 1px -1px 0 #F59F1E, -1px 1px 0 #F59F1E, 1px 1px 0 #F59F1E;
    font-size: 47px;
    font-family: 'golte';
}

.aed-bg {
    color: #245192;
    text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
    font-family: 'golte';
    font-weight: 400;
}

.gradient-bg {
    background: radial-gradient(54.32% 54.32% at 50% 50%, #FF2A35 0%, #C52126 100%);
    border: 1px solid #fff;
    border-radius: 20px;
    box-shadow: 7px 8px 4px 0px #00000040;
    padding: 50px 35px;
    max-width: 580px;
    margin-left: 20px;
}



.left-top {
    max-width: 300px;
}

.left-top-wrapper {
    margin-top: 30px;
}

.left-bottom {
    max-width: 350px;
}

.right-bottom {
    width: 280px;
}

.scratchcommon .submit-btna {
    margin-top: 20px;
}

.landing-top-img {
    display: none;
    text-align: center;
}

/* .scratchForm::after {
    content: "";
    position: absolute;
    top: -95px;
    right: -125px;
    width: 250px;
    height: 250px;
    background-image: url('../landing-img/form-top.png');
    background-repeat: no-repeat;
    background-size: contain;
} */

.landing-col,
.footerleft {
    z-index: 11;
}

.endBtnclass {
    margin-right: 0px !important;
}

button.lang-eng-btn {
    background-color: #fff;
    color: #25736C;
    border: 1px solid #25736C;
}

button.buy-btn-wrap {
    display: block;
    background-color: #5B0D8A;
    padding: 12px 30px;
    border: 0;
    color: #fff;
    font-size: 16px;
    margin: auto;
    margin-top: 20px;
    border-radius: 6px;
    text-transform: uppercase;
    font-family: 'Helvetica';
    font-weight: 600;
    box-shadow: 0 8px 16px 0 rgb(0 0 0 / 5%), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

button.lang-arabic-btn {
    /* margin-left:20px; */
    margin-right: 0px;
}

button.lang-eng-btn-ar {
    margin-right: 0px;
    background-color: #fff;
    color: #245192;
    border: 1px solid #fff;
}

.landing-row-2 {
    display: flex;
    align-items: end;
    padding-bottom: 40px;
    padding-top: 20px;
}

.lang-btn-wrap {
    display: flex;
}

.lang-btn-wrap img {
    width: unset !important;
    padding: 2px 24px;
}

.landing-col-2.center-col-2 {
    display: flex;
    flex-direction: column;
    width: 40%;
}

.landing-col-2.left-col-2,
.landing-col-2.right-col-2 {
    width: 30%;
}

img.img-txt-won {
    width: unset !important;
    max-width: fit-content;
}

.center-img-box-wrap {
    position: relative;
    text-align: center;
}

img.img-box-wrap-bottom {
    position: absolute;
    top: 36%;
    left: 86%;
    object-fit: cover;
    width: 89%;
}

.milkbottlesec {
    position: relative;
    left: -60px;
}

.milkbottlesecar {
    left: 50px;
}

.footersection {
    float: left;
    width: 100%;
    /* margin-top: 30px; */
    /* margin-bottom: 30px; */
    padding: 0px 50px 30px;
}

.footercontent {
    display: flex;
    align-items: baseline;
    float: left;
    width: 100%;
    justify-content: flex-end;
}

.footercontentar {
    float: right;
}

.footersectionfullwidth .footercontent,
.footersectionfullwidth .footercontentar {
    width: 100%;
}

.scratchimg img {
    max-width: 400px;
}

.footerleft ul {
    display: inline-flex;
    list-style: none;
    margin: 0px;
    padding-left: 0px;
}

.footerleft ul li {
    padding-right: 20px;
    border-right: 1px solid #000;
    margin-right: 20px;
    color: #242424;

}

.messageshow {
    font-family: Almarai;
    text-align: center;
    font-size: 22px;
    margin-top: 0px;
    /* max-width: 315px; */
    margin: 0 auto;
    margin-bottom: 20px;
}

.footerleft ul li:last-child {
    border-right: 0;
    padding-right: 0;
    margin-right: 0;
}

.footerright ul a {
    color: #242424;
    font-family: Almarai;
    text-decoration: none;
    font-size: 16px;
    font-weight: 700;
}

.formrightimg {
    position: fixed;
    right: 0;
    bottom: 0;
    /* z-index: -1; */
    z-index: 0;
}

.formrightimgar {
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: -1;
    right: auto;
}

.formrightimg img {
    width: 100%;
    max-width: 550px;
    text-align: right;
    float: right;
}

.scanandwinBtn .formrightimg img {
    max-width: 250px;
}

.footerright .foot {
    position: absolute;
    text-align: center;
    width: 100%;
    bottom: 20px;
    font-family: Poppins;
    color: #fff;
    font-size: 18px;
    margin: 0px;
}

.footerright .foot ul {
    display: flex;
    justify-content: center;
}

.footerright .foot ul li {
    padding: 0px 10px;
}

/* li::marker{ content: '';} */
.landing-col-2.left-col-2 img {
    padding-left: 30px;
}

.lang-btn-wrap .center-line {
    border: 1px solid;
    border-width: 0px 1px;
    border-color: #5B0D8A;
}

.landing-row-3 {
    display: flex;
    align-items: center;
    padding: 30px;
    justify-content: space-between;
}

.form-sec * {
    font-family: 'Helvetica' !important;
    z-index: 99999 !important;
}

.landing-col-3 h5 a {
    font-family: Poppins;
    font-weight: 700;
    color: #5B0D8A;
    font-size: 14px;
}

.landing-wheel-row {
    width: 100%;
    backdrop-filter: blur(10px);
    margin: 0 auto;
    background: rgba(255, 255, 255, 0.4);
    padding: 30px 40px;
    webkit-backdrop-filter: blur(10px);
    margin-top: 30px;
    border-radius: 10px;
    max-width: 720px;
}

.form-col-wrap input,
.form-col-wrap select {
    width: 100% !important;
    padding: 15px;
    margin-bottom: 20px;
    font-size: 16px;
    background-color: #fff;
    border: 0;
    color: #242424;
    border-radius: 6px;
    font-family: 'Almarai';
}

.form-col-wrap input::placeholder,
.form-col-wrap select::placeholder {
    color: #242424;
}

.landing-form-row h4 {
    margin: 0px;
    padding-bottom: 20px;
    font-size: 22px;
    color: #fff;
    text-align: center;
    font-weight: 600;
    font-family: 'Helvetica';
}

/* .upload-container input#file[type="file"] {
    height: 0;
    overflow: hidden;
    width: 0;
}

.upload-container {
    display: flex;
    flex-direction: column;
} */

.form-col-notice span {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
}

.form-col-notice {
    padding: 0px 10px;
    display: flex;
    align-items: center;
}

.form-col-notice img {
    padding-right: 6px;
}

.form-col-wrap input:focus,
.form-col-wrap select:focus {
    outline: none;
}

div#file-names {
    padding: 0px 10px 10px;
    font-size: 14px;
    color: #5B0D8A;
}

.form-check-wrap {
    text-align: center;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.form-check-wrap a {
    color: #000;
    font-size: 12px;
}

.arabic .submit-top-img {
    padding-left: 70px;
}

.form-bottom-col input[type="submit"] {
    background: #25736C;
    padding: 10px 80px;
    border: 0;
    border-radius: 6px;
    color: #fff;
    font-weight: 700;
    font-size: 16px;
    font-family: 'Almarai';
}

.form-bottom-col {
    text-align: center;
}

.landing-2-container .landing-row-3 {
    padding: 20px 80px 20px;
}

.left-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: end;
}

/* Define custom checkbox */
.form-check-wrap input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 18px;
    height: 18px;
    border: 2px solid #000;
    border-radius: 5px;
    background-color: transparent;
    outline: none;
    cursor: pointer;
    position: relative;
    margin-right: 5px;
}

.form-check-wrap input[type="checkbox"]:checked::before {
    content: "\f00c";
    position: absolute;
    top: 1px;
    font-family: 'Font Awesome 5 Free' !important;
    left: 2px;
    width: 8px;
    height: 8px;
    border-radius: 2px;
    font-weight: 600;
    color: #000;
    font-size: 10px;
}

/* spin wheel style start */
.row-wheel {
    display: flex;
    justify-content: center;
    align-items: center;
}

.row-wheel .left-col,
.row-wheel .right-col {
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.row-wheel .right-col img {
    padding-bottom: 10px;
    width: 100%;
}

.spin-icon {
    position: absolute;
    z-index: 99;
    right: 43%;
    top: 179px;
}

.wheel-spin-box .chartholder .slice:nth-child(2n+1) text {
    fill: #26516A
}

.wheeldotsround .wheeldots.active-dots {
    background: #ff8400;
}

.wheeldotsround .wheeldots.active-dots:nth-child(2n+1) {
    background: #5B0D8A;
}

.wheel-spin-box {
    position: relative;
    z-index: 99 !important;
}

.wheel-spin-box .chartholder .slice path {
    fill: #5B0D8A;
    color: #FFFFFF;
}

.wheel-spin-box .chartholder .slice:nth-child(2n+1) path {
    fill: #fff;
    color: #5B0D8A;
}

.spin-front {
    position: absolute;
    z-index: 99;
    top: 4%;
    left: 39%;
}

.circle-spin {
    position: absolute;
    top: 5%;
    z-index: -1;
    left: -8%;
}

.wheel-spin-arrow {
    position: absolute;
    text-align: center;
    top: 4%;
    right: 33%;
    z-index: -1;
}

.spin-click-button {
    background-color: #5B0D8A;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    border: none;
    padding: 14px 60px;
    border-radius: 6px;
    cursor: pointer;
}

button {
    font-family: 'Almarai';
    font-size: 16px;
}

.submit-center-img {
    width: 620px;
    margin-right: 150px;
    margin-top: 30px;
    margin-bottom: 30px;

}

.arabic .submit-center-img {
    margin-right: 0px;
}

.submit-top-img {
    max-width: 450px;
    margin: 0 auto;
}

.eye-attention {
    font-size: 12px;
    text-align: left;
}

#uploadForm .form-col-wrap select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url('../landing-img/Vector.svg');
    background-position: right 16px center;
    background-repeat: no-repeat;
    padding-right: 40px;
}

div#spinwheel * {
    font-family: 'Poppins';
}

.noanchor {
    text-decoration: none !important;
}

.center-img {
    margin-right: 150px;
    width: 620px;
    margin-bottom: 25px;
}

.center-img-div {
    position: relative;
    display: inline-block;
    padding-top: 15px;
}

.center-img-div:before {
    content: '';
    position: absolute;
    background-image: url('../landing-img/left-bottom-en.png');
    left: -30px;
    bottom: 64px;
    width: 286px;
    height: 72px;
    background-repeat: no-repeat;
    background-position: center;
}

.center-img-div:after {
    content: '';
    position: absolute;
    background-image: url('../landing-img/right-bottom-en.png');
    right: 145px;
    bottom: 76px;
    width: 196px;
    height: 72px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 179px;
}

.file-name:hover span {
    border-bottom: 1px solid #25736C;
}

.upload-container [type="file"]+label {
    color: #242424;
    cursor: pointer;
    font-family: 'Almarai';
    font-weight: 500;
    position: relative;
    transition: all 0.3s;
    padding: 15px;
    background: #fff;
    border-radius: 6px;
}

.error-msg {
    margin-bottom: 0px;
    padding: 12px;
}

.upload-container label:after {
    content: '+';
    position: absolute;
    top: 7px;
    right: 16px !important;
    color: #242424;
    font-weight: 500;
    font-size: 22px;
}

.upload-label {
    display: block;
    width: 100%;
    padding: 15px;
    background: #fff;
    color: #242424;
    border-radius: 6px;
    font-size: 16px;
    font-family: 'Helvetica';
    font-weight: 500;
    cursor: pointer;
}

.file-name {
    display: block;
    font-size: 14px;
    color: #242424;
}

.phone-wrap .preventCharactersAndDot {
    border-radius: 0px 6px 6px 0px;
}

.submit-top-img {
    padding-top: 80px;
}

.uploadimglanding {
    width: 368px;
    margin: 0 auto;
    margin-top: 0px;
    padding: 15px 45px;
    border-radius: 8px;
    border: 0px;
    background: #25736C !important;
    color: #fff;
    font-size: 16px;
    text-decoration: none;
    font-family: 'Almarai';
    font-weight: 700;
}

.uploadimglanding:hover {
    color: #fff;
}

.sandwinMain {
    align-items: center;
    justify-content: center;
    margin-top: 0px !important;
    padding-top: 0px;
}

.buydiscount {
    border: 10px solid #FFAF3F;
    max-width: 470px;
    background: #EC2426;
    width: 100%;
    text-align: center;
    font-size: 40px;
    color: #fff;
    border-radius: 20px;
    padding: 40px 20px 60px;
    position: relative;
}

.buydiscount p {
    font-family: 'Conv_adam_gorry_lights';
    margin: 0px;
    line-height: 40px;
}

.homeproductimg {
    display: flex;
    justify-content: space-between;
    position: relative;
}

.smallpimg {
    width: 80px;
    position: absolute;
    left: -40px;
    top: 10px;
}

.smallpimgar {
    left: auto;
    right: -40px;
}

.arabic .submit-center-img {
    text-align: center;
    /* margin-right: 0px; */
}

.arabic form#uploadForm input,
.arabic form#uploadForm select,
.arabic form#uploadForm label {
    direction: rtl;
}

.arabic .upload-container label:after {
    right: auto !important;
    left: 16px !important;
}

.largepimg {
    width: 190px;
    position: absolute;
    right: -40px;
    top: 20px;
}

.largepimgar {
    right: auto;
    left: -40px;
}

.contexntimgar {
    justify-content: end;
}

.arabic .footercontent {
    justify-content: start;
}

@media (max-width: 479.98px) {
    .uploadimglanding {
        width: unset;
    }

    #spinwheel {
        width: 270px;
    }

    #prize {
        width: 225px;
        font-size: 16px;
    }

    #prize h3 {
        font-size: 25px;
    }
}

/* spin wheel style end */
.congrats-cnt {
    text-align: center;
    padding: 30px 40px;
}

.congrats-cnt img {
    width: 50%;
}

.congrats-cnt h2 {
    font-family: 'Poppins';
    font-size: 22px;
    color: #000;
}

div.coupon-btn {
    color: #fff;
    font-size: 16px;
    font-family: 'Almarai';
    text-align: center;
}

.youWon {
    font-family: 'Almarai';
    font-size: 29px;
    /* font-weight: 700; */
    text-align: center;
    margin: 0 auto;
    margin-bottom: 10px;
}

.thankmsg {
    color: #fff;
    font-size: 20px;
    font-family: 'Almarai';
    text-align: center;
    /* margin-bottom: 150px; */
}

.congrats-cnt-ar * {
    direction: rtl;
}

button.submit-btn {
    background: #25736C;
    color: #fff;
    padding: 12px 80px;
    border-radius: 6px;
    border: 0px;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
    text-transform: uppercase;
    /* box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); */
}

button.another {
    padding: 12px 30px;
}

img.img-box-wrap-top {
    max-width: 300px;
    width: 100%;
}

.form-col-wrap select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url('../landing-img/select-arrow.png');
    background-position: 96% 50%;
    background-repeat: no-repeat;
}

.form-col-wrap select::-ms-expand {
    display: none;
}


/* arabic style */
.arabic button.lang-arabic-btn {
    background-color: #FFFFFF;
    color: #25736C;
    border: 1px solid #FFFFFF;
    margin-right: 0px !important;
}

.arabic button.lang-eng-btn {
    background-color: #25736C;
    color: #fff;
    border: 1px solid #fff;
    margin-right: 20px;
}

.arabic .gradient-bg {
    margin-left: unset;
    margin-right: 20px;
}

.arabic .gradient-bg::after {
    background-image: url('../landing-img/left-bottom-ar.png');
    left: unset;
    right: -25px;
}

.arabic .gradient-bg::before {
    background-image: url('../landing-img/right-top-ar.png');
    left: unset;
    right: -25px;
}

.arabic .left-bottom-ar,
.arabic .right-bottom-ar {
    max-width: 300px;
}

/* .arabic .scratchForm::after {
    background-image: url('../landing-img/form-top-ar.png');
    left: -125px;
    right: unset;
} */

.arabic-car-img {
    position: absolute !important;
    right: 75% !important;
    left: unset !important;
    width: 100% !important;
}

.arabic-form input,
.arabic-form select {
    text-align: right !important;
}

.arabic .form-check-wrap input[type="checkbox"] {
    margin-right: unset;
    margin-left: 5px;
}

.arabic .form-check-wrap input[type="checkbox"]:checked::before {
    left: 4px;
}

.arabic-dropdown select {
    background-position: 4% 50% !important;
}

.upload-arabic label#file-label {
    text-align: right;
}

.upload-arabic label:after {
    left: 16px !important;
    right: unset !important;
}

.upload-arabic div#file-names {
    text-align: right;
}

.arabic-form .form-col-notice {
    justify-content: end;
    flex-direction: row-reverse;
}

.arabic-form .form-col-notice img {
    padding-right: 0px;
    padding-left: 6px;
}

.arabic-form .form-col-notice span {
    text-align: right;
}

.hide-car-2 {
    display: none;
}

.form-bottom-col {
    position: relative;
}

input[type="submit"] {
    cursor: pointer;
}

.form-check-wrap {
    padding-bottom: 50px;
}

.overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 999999 !important;
}

.lightbox {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 60%;
    height: auto;
    margin: auto;
    height: 100vh;
}

.lightbox-image {
    max-width: 100%;
    max-height: 80vh;
}

.close {
    position: absolute;
    top: 10px;
    right: 10px;
    color: white;
    font-size: 24px;
    cursor: pointer;
}

.overlay span.close {
    color: #fff;
    position: absolute;
    top: -7px;
    right: -6px;
    background-color: #25736C !important;
    height: 30px;
    width: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 26px;
    border-radius: 50%;
    padding-bottom: 5px;
}

.close-wrap {
    position: relative;
}

.eye-attention {
    cursor: pointer;
}

.term-condition-sec p {
    font-size: 14px;
    font-family: 'Helvetica';
    color: #181818;
    /* text-align: center; */
    line-height: 1.4em;
}

.term-condition-sec * {
    color: #181818;
    font-family: 'Helvetica';
}

.term-condition-sec li {
    font-size: 14px;
    line-height: 1.4em;
    list-style: none;
}

/* .term-condition-sec {
    height: 450px;
    overflow-y: scroll;
} */


.term-condition-sec::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #fff;
}

.term-condition-sec::-webkit-scrollbar {
    width: 8px;
    background-color: #F5F5F5;
}

.term-condition-sec::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #ED1C24;
}

.phone-wrap {
    display: flex;
    align-items: center;
}

.phone-wrap #phoneDigits {
    border: none;
    margin-right: 0px;
    margin-left: 0px !important;
    border-radius: 0px 6px 6px 0px;
    width: calc(100% - 80px);
}

.phone-wrap #phoneDigitsar {
    border: none;
    margin-right: 0px;
    margin-left: 0px !important;
    border-radius: 6px 0px 0px 6px;
    width: calc(100% - 80px);
    direction: rtl;
}

.phone-wrap #fix-number {
    width: 80px !important;
    margin-right: 0px !important;
    background-color: #fff !important;
    border-radius: 6px 0px 0px 6px !important;
    padding-right: 0px;
    border-right: 1px solid #414243 !important;
}

.phone-wrap #fix-numberar {
    width: 80px !important;
    margin-left: 0px !important;
    background-color: #fff !important;
    border-radius: 0px 6px 6px 0px !important;
    padding-left: 0px;
    border-left: 1px solid #414243 !important;
}

.phone-wrap-ar {
    /* flex-direction: row-reverse; */
    margin-right: 10px;
}

.phone-wrap-ar #fix-number {
    padding-left: 0px;
    border-left: 1px solid #5B0D8A !important;
    margin-left: 0px !important;
    border-radius: 0px 6px 6px 0px !important;
    border-right: 0px !important;
    padding-right: 16px;
}

.phone-wrap-ar input#phoneDigits {
    margin-left: 5px;
    border-radius: 6px 0px 0px 6px;
    margin-right: 0px;
    margin-left: 10px !important;
}

span#openLightbox,
.open-lightboxajax {
    font-size: 14px;
    color: #fff;
    font-family: 'Helvetica';
    text-decoration: underline;
    cursor: pointer;
    display: block;
    margin-bottom: 20px;
}

.lightbox-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 999;
}

.lightbox-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    padding: 20px;
    border-radius: 5px;
}

.close-lightbox {
    position: absolute;
    top: -8px;
    right: -8px;
    cursor: pointer;
    font-size: 30px;
    color: #fff;
    background-color: #5B0D8A;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}

.lightbox-content h2 {
    color: #6E4C0E;
}

.lightbox-content li {
    text-align: left;
    color: #6E4C0E;
    font-size: 14px;
    line-height: 1.4em;
    list-style: decimal;
    padding: 8px 0px;
}

.lightbox-content p,
.lightbox-content a {
    color: #6E4C0E;
    text-align: left !important;
    font-size: 14px;
}

.lightbox-content * {
    font-family: 'Helvetica';
}

.form-redirect {
    width: 100%;
    margin: 0 auto;
    max-width: 800px;
}

.form-redirect a {
    text-decoration: none;
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 16px;
    font-family: 'Helvetica';
}

.form-redirect a i {
    padding-right: 6px;
}

.error-warning p {
    color: #fff;
    font-family: 'Helvetica';
    font-size: 14px;
    text-align: center;
}

.error-warning {
    /* border: 1px solid #6E4C0E; */
    margin: 10px 0px;
    border-radius: 7px;
    display: flex;
    align-items: center;
    padding: 0px 10px;
    background-color: #ff8383;
}

.error-warning i {
    padding-right: 6px;
    color: #fff;
}

.ar-error-warning {
    flex-direction: row-reverse;
}

.ar-error-warning i {
    padding-right: 0px !important;
    padding-left: 6px;
}

.term-condition-sec-ar * {
    direction: rtl;
    text-align: right;
}

.form-redirect-ar {
    direction: rtl;
    text-align: right;
}

.form-redirect-ar i {
    padding-right: 0px !important;
    padding-left: 6px;
}

.loader-sec {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.loading-dots p {
    font-size: 16px;
    font-family: 'Helvetica';
    font-weight: 600;
    color: #5B0D8A;

}

.loading-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
}

.loading-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #5B0D8A;
    margin: 0 5px;
    animation: wave 1.3s infinite;
    animation-delay: calc(0.2s * var(--n));
}

.footercontent.footercontentar {
    justify-content: space-between !important;
}

img.footer-logo {
    width: 90px;
}

.footercontent {
    justify-content: space-between;
}

.landing-container.top_part:before {
    content: '';
    position: absolute;
    bottom: 0;
    top: -50px;
    background-image: url('../landing-img/form-bg-bottom.png');
    background-repeat: no-repeat;
    background-size: contain;
}

/* .footersection::after {
    content: "";
    width: 100%;
    height: 50px;
   Adjust height as needed
    background-image: url('../landing-img/form-bg-bottom.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom;
} */
@keyframes wave {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-15px);
    }

    100% {
        transform: translateY(0);
    }
}

.form-check-wrap {
    padding-bottom: 20px;
    padding-top: 5px;
}

/* responsive style */
@media (min-width: 1400px) {
    .formSections {
        max-width: 600px;
        min-width: 600px;
    }
}

@media screen and (min-width: 1600px) {

    .landing-row-2,
    .landing-row-3 {
        max-width: 1610px;
        margin: auto;
    }

    .landing-row-bottom {
        max-width: 1610px;
        margin: auto;

    }

    .landing-bottom-col img.left-img {
        left: 125px;
    }

    .hide-car-1 {
        display: none;
    }

    .hide-car-2 {
        display: unset;
    }

}

@media screen and (max-width: 1200px) {
    .aside-img-2 {
        width: 100%;
    }

    .aside-img-1 {
        width: 70%;
        text-align: center;
        margin: auto;
    }

    .landing-bottom-col .right-img {
        width: 75%;
    }

    .car-col-bottom {
        display: flex;
        justify-content: end;
    }

    .landing-2-container .landing-row-3 {
        padding: 40px !important;
    }

    .lang-btn-wrap {
        justify-content: center;
    }

    .lang-btn-wrap a {
        /* width: 50%; */
        text-decoration: none;
    }

    img.img-txt-won {
        width: 70% !important;
    }
}

@media screen and (max-width: 992px) {
    .landing-col h4 {
        font-size: 13px;
        text-align: center;
    }

    .aside-col-img {
        padding-top: 0px;
    }

    .content-row {
        padding-bottom: 0px;
    }

    .landing-form-row-new {
        display: block;
    }

    .submit-center-img {
        margin-right: 0px;
        margin-bottom: 0px;
    }

    .landing-form-row-new .formSections img {
        width: unset;
        max-width: unset;
    }

    .center-img-div:before {
        width: 126px;
        height: 32px;
        left: 10px;
        bottom: 26px;
        background-size: 126px;
    }

    .center-wrapper img.home-top-img {
        width: 292px;
    }

    .centerarea {
        padding-top: 80px !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .centerarea .inner-col {
        padding-left: 0px;
        padding-right: 0px;
    }

    /* .footercontent ul {
        justify-content: center !important;
    } */

    /* .footercontent {
            justify-content: center !important;
        } */

    .center-img-div:after {
        width: 85px;
        height: 23px;
        background-size: 77px;
        right: 7px;
        bottom: 58px;
    }

    .center-img {
        margin-bottom: 10px;
    }

    .center-img {
        width: 100%;
        margin-right: 0px;
    }

    button.lang-eng-btn,
    .arabic button.lang-arabic-btn {
        margin-right: 10px !important;
    }

    .landing-col .ar_lang {
        font-size: 17px;
        text-align: center;
    }

    .mobile-products-wrap img.submit-center-img {
        width: 62%;
        margin-top: 0px;
    }

    .mobile-products-wrap {
        display: flex !important;
        align-items: start;
        /* padding-bottom: 40px; */
    }

    .mobile-products-wrap .submit-top-img {
        max-width: 100% !important;
        margin: 0px;
        width: 38% !important;
    }

    .scratchcommon,
    .thankmsg {
        margin-bottom: 40px;
    }

    #uploadForm {
        padding-bottom: 0;
    }

    .d-only,
    .btn-Des {
        display: none;
    }

    .btn-Mob {
        display: block;
    }

    .enterToWin {
        font-size: 35px;
    }

    .form-bottom-col {
        margin-bottom: 35px;
    }

    .landing-form-row,
    .landing-wheel-row {
        margin-top: 10px;
    }

    .scratchForm::after {
        top: -75px;
        right: -173px;
        width: 150px;
        height: 150px;
    }

    .mobeveryone {
        display: block;
        color: #fff;
        font-size: 20px;
        font-weight: 600;
        font-family: 'congenialmedium';
        margin: 0px;
        text-transform: uppercase;
        text-align: center;
        margin-top: 50px;
        font-weight: bold;
    }

    .landing-form-row h4 {
        font-size: 18px;
        padding-bottom: 10px;
    }

    .landing-row {
        justify-content: space-around;
    }

    .reversemob {
        order: 1;
    }

    .form-redirect {
        max-width: 90%;
    }


    button.submit-btn {
        padding: 10px 80px;
        font-size: 14px;
    }

    button.another {
        padding: 10px 30px;
    }

    .landing-bottom-col img.left-img-ar {
        float: right;
    }

    .landing-bottom-col .right-img {
        width: 60%;
    }

    .landing-col.center-col {
        order: 1;
        padding-top: 40px;
    }

    .landing-form-row,
    .landing-wheel-row {
        max-width: 80%;
    }

    .landing-row .landing-col {
        text-align: center;
    }

    button.lang-eng-btn,
    button.lang-arabic-btn {
        width: 50px;
        font-size: 13px;
        padding: 4px 0px;
        min-width: 50px;
        border-radius: 8px;
        line-height: 18px;
    }

    /* button.lang-arabic-btn{padding:6px 10px !important;} */
    .lang-btn-wrap a:first-child {
        text-align: right;
    }

    .lang-btn-wrap a:last-child {
        text-align: left;
    }

    img.moon-ar-img {
        width: 80% !important;
    }

    .row-wheel {
        flex-direction: column;
    }

    .row-wheel .left-col {
        order: 1;
    }

    .row-wheel .right-col button {
        order: 1;
        margin-top: 5px;
        margin-bottom: 20px;
        padding: 12px 50px;
    }

    .row-wheel .left-col,
    .row-wheel .right-col {
        width: 100%;
    }

    .formSections {
        margin: 20px auto 10px;
    }

    .landing-row-bottomD {
        display: none;
    }

    .landing-row-bottomM {
        display: flex !important;
        width: 100% !important;
    }

    .milkbottlesec {
        left: -40px;
    }

    .milkbottlesecright {
        position: relative;
        right: -40px;
    }

    .landing-form-row-new {
        padding: 0px 20px 0;
        margin-top: -5px;
    }

    /* .formSections img {
        max-width: 300px;
        width: 100%;
    } */

    .formrightimg,
    .homepage .mobIMMM {
        display: none;
    }

    .wonimgSec img {
        max-width: 150px;
    }

    .cbtnmobTop {
        display: flex !important;
    }

    .contexntimg {
        padding-top: 0px !important;
    }

    .buydiscount {
        font-size: 24px;
        padding: 20px;
    }

    .cbtndeskTop {
        display: none;
    }

    .wonimgSecdesk {
        display: block;
    }

    .homeproductimg {
        position: absolute;
        top: -40px;
    }

    .homeproductimgar {
        right: 0px;
    }

    .smallpimg {
        left: -20px;
        top: 0;
        width: 70px;
    }

    .largepimg {
        right: 0;
        top: 10px;
        left: 0;
        width: 160px;
    }

    .largepimgar {
        position: relative;
    }

    .wonimgSec.wonimgSecdesk {
        position: relative;
        top: 10px;
    }

    .contexntimg .scanandwinBtn {
        display: none;
    }

    .centerdivlandmain {
        max-width: 400px;
        margin: 0 auto;
    }

    .youWon {
        font-size: 20px;
    }

    .landing-form-row-new {
        padding: 0px;
        margin-top: 20px;
    }

    .left-bottom-new {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .footerleft ul li {
        padding-right: 8px;
        margin-right: 8px;

    }

    .landing-top-img {
        display: block;
        text-align: center;
    }

    .arabic .submit-top-img {
        padding-left: 0px;
    }

    img.footer-logo {
        width: 60px;
        text-align: left;
    }

    .commonimgbgar {
        background-image: url('../landing-img/form-bgmob.jpg');
    }

    .deskheader {
        justify-content: end;
    }

    .uploadimglanding {
        margin-bottom: 36px;
        width: 100%;
    }

    .sandwinMain {
        padding: 0px 30px;
        width: 100%;
    }


    .submit-top-img {
        max-width: 164px;
        padding-top: 0px;
    }

    .footerleft ul li a {
        color: #000 !important;
    }

    .footerleft ul li {
        border-color: #000 !important;
        line-height: 1;
    }

    .landing-form-rowT {
        padding: 20px 15px;
        overflow: hidden;
    }

    .content-row {
        padding: 0px 10px;
    }

    .right-bottom {
        width: 130px;
        margin-left: -35px;
    }

    .arabic .right-bottom {
        margin-left: unset;
        margin-right: -35px;
    }

    .left-wrapper {
        display: none;
    }

    .left-bootom-wrapper-new {
        display: none;
    }

    .top_part,
    .arabic .top_part {
        position: relative;
    }

    /* .landing-container.top_part:before {
        content: '';
        position: absolute;

        background-image: url('../landing-img/form-bg-bottom.png');
        background-repeat: no-repeat;
        background-size: contain;
    } */

    .right-bottom-div {
        text-align: center;
        padding-top: 40px;
    }

    .right-wrapper {
        justify-content: center !important;
    }

    .click-img {
        display: inline !important;
        width: 130px;
        top: 75px;
        right: -43px;
    }

    .click-img-ar {
        display: inline !important;
        width: 130px;
        top: 75px;
        left: -43px;
    }

    .gradient-bg::after {
        content: "";
        position: absolute;
        bottom: -40px;
        left: -25px;
        width: 120px;
        height: 120px;
        background-image: url('../landing-img/left-bottom.png');
        background-repeat: no-repeat;
        background-size: contain;
    }

    .right-top-content {
        font-size: 24px;
        padding-top: 20px;
    }

    .scratchimg {
        margin-top: 40px;
    }

    .footersection {
        padding: 0px 20px;
    }

    .term-condition-secmain {
        padding: 0px 20px;
    }

    .milkbottlesec {
        left: -20px;
    }

    .milkbottlesecright {
        right: -20px;
    }

    .formSections {
        padding: 30px 20px 0 20px;
    }

    .landing-form-row-new {
        padding: 0px;
    }

    .footercontentar {
        display: flex;
        /* flex-direction: column-reverse !important; */
    }

    .arabic .landing-col-3 {
        text-align: right;
    }


    .deskheader {
        justify-content: space-between !important;
    }

    .commonimgbg {
        background-image: url('../landing-img/form-bgmob.jpg');
    }

    .form-sec * {
        font-size: 14px !important;
    }

    img.img-txt-won {
        width: 40%;
    }

    .landing-col-2.left-col-2 img {
        padding-left: 20px;
    }

    .landing-row-3 {
        padding: 20px 20px;
        flex-direction: column;
    }

    button.buy-btn-wrap {
        padding: 12px 30px;
        font-size: 14px;
    }

    .landing-row {
        padding: 20px 20px 0px;
    }

    .landing-col img {
        width: 55px;
    }

    .form-col-wrap {
        flex-direction: column;
    }

    .landing-bottom-col .right-img {
        width: 40%;
    }

    .form-check-wrap {
        align-items: flex-start;
        padding: 10px 0px 20px
    }

    .landing-form-row,
    .landing-wheel-row {
        padding: 20px;
    }

    .landing-wheel-row.congrats-cnt {
        margin-top: 20px;
    }

    .phone-wrap-ar #phoneDigits {
        margin-right: 0px !important;
    }

    .phone-wrap-ar input#phoneDigits {
        margin-left: 0px !important;
    }

    .footersection {
        margin-top: 0px;
    }

    .footer-img {
        bottom: 110px;
    }

    .footercontent {
        /* flex-direction: column; */
        padding: 10px 5px;
        width: 100%;
    }

    .footerleft ul li {
        border-right: 1px solid #fff;
    }

    .footerleft ul li:last-child {
        padding-right: 0px;
        margin-right: 0px;
    }

    .footerleft ul {
        padding-left: 0px;
        margin-top: 10px;
    }

    .footerleft {
        width: 100%;
        bottom: 0px;
        /* text-align: center; */
        order: 1;
        width: 30%;
    }

    .footerright {
        width: 70%;
        padding-top: 10px;
    }

    .footerleft ul a {
        font-size: 10px;
        color: #fff;
    }

    .footer-bg-layer img.footer-layer {
        height: 138px;
        object-position: top right;
    }


    .footerright p {
        bottom: 0px;
        font-size: 18px;
        position: inherit;
    }

    .footerright span {
        font-size: inherit;
    }

    .footerright img,
    .d-Deskfo {
        display: none;
    }

    .reversemob {
        width: 60% !important;
        max-width: 210px;
    }

    .row-wheel .right-col img {
        padding-bottom: 0px;
        max-width: 300px;
    }

    .congrats-cnt h2 {
        font-size: 15px;
    }

    .d_Uploaddesk,
    .milkbottlesecDSk {
        display: none;
    }

    .mobshowland {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .mobshowlandleft img {
        max-width: 150px;
    }

    .mobshowlandright h3 {
        color: #fff;
        font-size: 22px;
        font-weight: 600;
        font-family: 'Helvetica';
        margin: 0px;
        text-transform: uppercase;
    }

    .uploadimglanding {
        padding: 10px;
        font-size: 13px;
    }

    .d-Mobfo {
        display: block;
        position: inherit !important;
        bottom: 0px;
    }

    .centerdivlandmain {
        padding-bottom: 0px;
    }

    .landing-bottom-col img.left-img {
        width: 50%;
    }

    .mobeveryone .everyonelogo {
        width: 200px;
    }

    .mobshowlandright .everyonelogo {
        width: 100px;
    }

    .phone-wrap-ar {
        margin-right: 0px;
        width: 98% !important;
    }

    .scratchForm::after {
        top: -54px;
        right: -13px;
        width: 120px;
        height: 120px;
    }

    .arabic .scratchForm::after {
        left: 0px;
    }

    .mobileheader {
        margin-top: 5px;
        display: flex !important;
        padding-top: 0px;
        align-items: center;
        max-width: 500px;
        margin: 0 auto;
        justify-content: center;
        margin-bottom: 0px;
    }

    .scratchForm p {
        font-size: 14px;
    }

    .keep {
        font-size: 18px;
    }

    .youWon {
        font-size: 20px;
    }

    .thankmsg {
        font-size: 17px;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    .right-bottom {
        width: 180px;
    }

    .left-bottom,
    .left-top {
        max-width: 200px;
    }

    .arabic .left-bottom-ar {
        max-width: 200px;
    }


    .deskheader {
        justify-content: space-between;
    }

    .right-top-content {
        font-size: 30px;
    }

    .click-img {
        width: 170px;
        right: -120px;
    }

    .click-img-ar {
        width: 170px;
        left: -120px;
    }

    .centerarea {
        padding-bottom: 0px;
    }

    .form-col-notice span {
        font-size: 12px;
    }

    /* .footerleft{width: 40%;bottom:10px;} */
    .footerleft ul li {
        padding-right: 10px;
        margin-right: 10px;
    }

    .footerleft ul li:last-child {
        padding-right: 0px;
        margin-right: 0px;
    }

    .footerleft ul a,
    .footerright p {
        font-size: 13px;
        bottom: 6px;
    }

    .footerright span {
        top: -1px;
        font-size: 40px;
    }

    .gradient-bg {
        max-width: 380px;
        padding: 30px 20px 0px 20px;
    }

    /* .footerright{width:60%;} */
    .reversemob {
        width: 610% !important;
        max-width: 210px;
    }

    .row-wheel .right-col img {
        padding-bottom: 0px;
        max-width: 400px;
    }

    .uploadimglanding {
        padding: 10px;
        margin-top: 5px;
        font-size: 14px;
        margin-bottom: 20px;
    }

    .scratchForm::after {
        top: -75px;
        right: -30px;
        width: 150px;
        height: 150px;
    }

    .scratchForm p {
        font-size: 15px;
    }
}

@media (min-width: 993px) and (max-width: 1199px) {
    .formSections {
        width: 400px;
    }
}

@media (min-width: 1200px) and (max-width: 1280px) {
    .formSections {
        width: 500px;
        min-width: 500px;
    }
}

@media (min-width: 993px) and (max-width: 1280px) {
    /* .formSections img {
        max-width: 300px;
    } */

    .landing-row-bottom {
        width: 560px;
    }

    .form-right-img {
        width: 250px;
    }

    .left-bottom-new {
        max-width: 200px;
    }

    .formrightimg img {
        max-width: 450px;
    }

    .scanandwinBtn .formrightimg img {
        max-width: 250px;
    }

    button.lang-eng-btn,
    button.lang-arabic-btn {
        width: 120px;
    }

    .center-col h3 {
        font-size: 25px;
    }

    /* .footerleft{width: 40%;} */
    .footerleft ul li {
        padding-right: 10px;
        margin-right: 10px;
    }

    .footerleft ul li:last-child {
        padding-right: 0px;
        margin-right: 0px;
    }

    .footerleft ul a,
    .footerright p {
        font-size: 15px;
    }

    .footerright span {
        top: -1px;
    }

    .lang-btn-wrap {
        display: inherit;
    }

    .landing-row .en-landing-col {
        width: 33%;
    }

    .landing-row .center-col.en-landing-col {
        width: 33%;
    }

    .scratchForm::after {
        top: -74px;
        right: -127px;
        width: 200px;
        height: 200px;
    }

    .enterToWin {
        font-size: 40px;
    }
}

@media screen and (max-width: 600px) {
    .congrats-cnt h2 br {
        display: none !important;
    }

    .landing-wheel-row button.submit-btn {
        width: unset !important;
        font-size: 14px;
    }

    .form-check-wrap input[type="checkbox"] {
        border-radius: 3px;
    }

    #spinwheel {
        width: unset !important;
    }

}



@media (min-width: 1401px) and (max-width: 1700px) {
    .formrightimg img {
        max-width: 650px;
    }

    .scanandwinBtn .formrightimg img {
        max-width: 250px;
    }
}

@media (min-width: 1701px) and (max-width: 1899px) {
    .formrightimg img {
        max-width: 700px;
    }

    .scanandwinBtn .formrightimg img {
        max-width: 280px;
    }

    .landing-row-bottom {
        width: 800px;
    }
}

@media screen and (min-width: 1900px) {
    .footerright p {
        font-size: 30px;
    }

    .formrightimg img {
        max-width: 700px;
    }

    .scanandwinBtn .formrightimg img {
        /* max-width: 500px; */
        max-width: 280px;
    }

    .landing-row-bottom {
        width: 800px;
    }

}


/* @media screen and (min-width: 1900px) {
    .maindiv {
        display: flex;
        min-height: 100vh;
        flex-direction: column;
    }
    .footersection{
        flex-shrink:
    }
} */
.maindiv {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
}

.landing-2-container,
.landing-container {
    flex: 1;
}

.footersection {
    flex-shrink: 0;
}

.centerarea {
    align-items: center;
}

@media screen and (min-width: 1900px) {

    .click-img,
    .click-img-ar {
        width: 300px;
    }

    .footersection {
        margin-top: 0px;
    }

    .formSections {
        max-width: 600px;
    }

    .formrightimg img {
        max-width: 700px;
    }

    .scanandwinBtn .formrightimg img {
        /* max-width: 500px; */
        max-width: 280px;
    }

    .landing-row-bottom {
        width: 800px;
    }

    .centerarea {
        height: calc(100vh - 250px)
    }


}