* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-size: 1vw;
    /* font-family: 'Open Sans', sans-serif; */
    font-family: 'Heebo';

}

.mobileOnly {
    display: none;
}

.pcOnly {
    display: block;
}

/* body{
    background-image: url('images/indian_bg1.jpg');
    background-size: cover;
    
} */

.wrapper {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.mainImage {
    width: 100%;
}

.logo {
    width: 11%;
    position: absolute;
    top: 85%;
    right: 3%;
    z-index: 10;
}

.logo1 {
    width: 6%;
    position: absolute;
    top: 85%;
    right: 15%;
    z-index: 10;
}

.flag {
    width: 35%;
    position: absolute;
    top: -25%;
    right: 30%;
    z-index: 10;
}


.phoneNumbera {
    position: absolute;
    top: 92%;
    right: 3%;
    font-size: 128%;
    text-align: center;
    /* color: #07368d; */
    /* color: #ffffff; */
    color: #fff;
    text-decoration: none;
    z-index: 20;
    font-weight: 900;
}

h1,
h2,
h3 {
    position: absolute;
    top: 5%;
    right: 0;
    font-size: 370%;
    direction: rtl;
    text-align: center;
    /* color: #07368d; */
    /* color: #fff; */
    color: #F04E27;
    line-height: 105%;
    font-weight: 900;
    z-index: 20;
    width: 50%;
}

h2 {
    top: 8%;
    font-size: 250%;
    line-height: 100%;
    color: #07368d;  
    left: 3%; 
    width: 25%;     
}

h3 {
    top: 20%;
    font-size: 200%;
    line-height: 120%;
    color: #07368d;
    font-weight: 600;
    left: 3%;
    width: 25%;
}

h1 span,
h2 span,
h3 span {
    font-size: 150%;
    color: #fff;
}

h2 span.dolar {
    font-size: 80%;
}

.formBox {
    position: absolute;
    top: 47%;
    left: 5%;
    width: 20%;
    font-weight: 600;
    /* margin: 2% auto; */
    padding: 1% 1% 3% 1%;
    background-color: rgba(255, 255, 255);
    /* background-color: rgb(26, 55, 104, 0.1); */
    border-radius: 3%;
    border: 1px solid #aaa;
    z-index: 20;
}

h4 {
    font-size: 130%;
    direction: rtl;
    text-align: center;
    color: #1a3768;
    /* color: #fff; */
    font-weight: 700;
    line-height: 120%;
    padding-bottom: 2%
}

.formBox .input_box {
    width: 100%;
    margin-top: 2%;
}

.formBox input[type='text'] {
    width: 100%;
    border: 1px solid #c1c1c1;
    border-radius: 4px;
    direction: rtl;
    padding: 2%;
    font-size: 90%;
    color: #000000;
    outline: none;
    background: #ffffff;
}

.formBox .container {
    display: block;
    position: relative;
    padding: 0% 8% 0 0;
    margin-top: 3%;
    cursor: pointer;
    font-size: 0.8em;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    direction: rtl;
    text-align: right;
    /* color:#4e4e4e; */
    /* color: #fff; */
    color: #000;
}

/* Hide the browser's default checkbox */
.formBox .container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.formBox .checkmark {
    position: absolute;
    height: 1vw;
    width: 1vw;
    background-color: #fff;
    right: 0;
    top: 0;
    border: 0.1vw solid #c1c1c1;
}

/* On mouse-over, add a grey background color */
.formBox .container:hover input~.checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.formBox .container input:checked~.checkmark {
    background-color: #fff;
}

/* Create the checkmark/indicator (hidden when not checked) */
.formBox .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.formBox .container input:checked~.checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.formBox .container .checkmark:after {
    left: 25%;
    top: 1%;
    width: 25%;
    height: 60%;
    border: solid #000;
    border-width: 0 0.15vw 0.15vw 0;
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg);
}

.formBox input[type='submit'] {
    width: 100%;
    border: none;
    direction: rtl;
    padding: 1% 0;
    font-size: 120%;
    color: #fff;
    outline: none;
    /* background: #f04e25; */
    background: #1a3768;
    ;
    border-radius: 4px;
    font-weight: bold;
    cursor: pointer;
}

.maslul {
    cursor: pointer;
    background-color: #f04e25;
    text-align: center;
    padding: 2% 0;
    width: 65%;
    margin: 2% 0 0 18%;
}

.maslul a {
    text-decoration: none;
    color: #fff;
}

.terms {
    padding-top: 2%;

}

.terms p {
    font-size: 80%;
    color: #8f8e8e;
    text-align: justify;
    direction: rtl;
}

.whatsappdes{
    position: absolute;
    top: 91%;
    right: 23%;    
    width: 10%; 
}

/* 
.wa-icon {
	position: absolute;    
    top: 6%;
    left: 2%;
    width: 5%;
    font-size: 80%;
    font-weight: bold;
    text-align: center;
    font-family: 'Heebo', sans-serif;
    color: #48c857;
    color: #656765;
	text-decoration: none;
    margin:0 auto;
	background-image: url(images/WhatsApp_icon.png);
	background-size: 85%;
	background-repeat: no-repeat;
	background-position: right center;
	padding:5%;
} */

.errorBox {
    position: absolute;
    bottom: 2%;
    width: 60%;
    direction: rtl;
    text-align: center;
    left: 21%;
    background-color: #fff;
    border-radius: 6px;
    z-index: 200;
    padding: 0 0;
    color: red;
    font-weight: bold;
    font-size: 100%;
    margin-top: 2%;
    border: 2px solid red;
    display: none;
}

.longExplain {
    width: 80%;
    direction: rtl;
    color: #1a3768;
    text-align: center;
    font-size: 130%;
    margin-top: 1%;
    margin-left: 7%;
    margin-bottom: 5%;
    font-weight: 600;
}



/* Mobile */

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

    * {
        font-size: 3vw;
    }

    .mobileOnly {
        display: block;
    }

    .pcOnly {
        display: none;
    }

    .wrapper {
        /* position: static; */
        /* background-color: rgb(77, 174, 219); */
        /* background-image: url(images/indian_bg1.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: left; */
        background-color: brown;
        margin-bottom: 20%;
    }

    .mainImage {
        width: 100%;
        /* border-bottom: 2vw solid #fff; */
    }

    header {
        position: relative;
    }

    .logo {
        /* position: relative; */
        width: 35%;
        top: 3%;        
        left: 46%;
        padding: 3% 0;
        /* right: 13%; */
        /* transform: translateX(-50%); */
    }

    .logo1 {
        position: relative;
        width: 15%;
        top: 2%;
        left: 22%;
        padding: 3% 0;
        /* left: auto; */
    }


    .phoneNumbera {
        position: static;
        font-size: 250%;
        color: #0a348f;
        padding-top: 10%;
    }

    h1,
    h2,
    h3 {
        position: static;
        font-size: 240%;
        /* color: #07368d; */
        color: #fff;
        line-height: 120%;
        width: 100%;
        padding-top: 2%;
        /* margin-top: 20%;     */
    }

    h2 {
        font-size: 180%;
        margin-top: 0;
    }

    h1 span,
    h3 span {
        font-size: 150%;
        color: #fff;
    }

    h3 {
        font-size: 155%;
        margin-top: 0;
        margin-bottom: 5%;
    }


    .formBox {
        position: relative;
        width: 90%;
        margin: 0 0 0 3%;
        /* margin: 2% auto; */
        padding: 1% 1% 12% 1%;
        background-color: #fff;
        border-radius: 3%;
        border: 1px solid #aaa;
        z-index: 20;
        left: 2%;
    }

    h4 {
        font-size: 160%;
        direction: rtl;
        text-align: center;
        color: #1a3768;
        font-weight: 700;
        line-height: 120%;
        padding-bottom: 2%;
        padding-top: 3%;
    }

    .formBox .input_box {
        width: 100%;
        margin-top: 2%;
    }

    .formBox input[type='text'] {
        width: 100%;
        border: 1px solid #c1c1c1;
        border-radius: 4px;
        direction: rtl;
        padding: 2%;
        font-size: 150%;
        color: #000000;
        outline: none;
        background: #ffffff;
    }

    .formBox .container {
        display: block;
        position: relative;
        padding: 0% 6% 0 0;
        margin-top: 3%;
        cursor: pointer;
        font-size: 1.1em;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        direction: rtl;
        text-align: right;
        color: #4e4e4e;
    }

    /* Hide the browser's default checkbox */
    .formBox .container input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

    /* Create a custom checkbox */
    .formBox .checkmark {
        height: 4vw;
        width: 4vw;
        border: 0.4vw solid #c1c1c1;
    }

    /* Style the checkmark/indicator */
    .formBox .container .checkmark:after {
        left: 25%;
        top: 14%;
        width: 25%;
        height: 60%;
        border: solid #000;
        border-width: 0 0.65vw 0.65vw 0;
        -webkit-transform: rotate(30deg);
        -ms-transform: rotate(30deg);
        transform: rotate(30deg);
    }

    .formBox input[type='submit'] {
        width: 100%;
        border: none;
        direction: rtl;
        padding: 1% 0;
        font-size: 150%;
        color: #fff;
        outline: none;
        background: #f04e25;
        border-radius: 4px;
        font-weight: bold;
        cursor: pointer;
    }

    .terms {
        padding-top: 4%;

    }

    .terms p {
        font-size: 100%;
        color: #8f8e8e;
        text-align: justify;
        direction: rtl;
    }   


    footer {
        /* position: static;
	bottom:1%;
	left:2%; */
        width: 100%;
        background-color: #fff;
        padding: 1% 0 10% 0;       
    }


    footer .com_butt {
        position: fixed;
        background-color: #fff;
        width: 100%;
        bottom: 0;
        border-radius: 5px;
        z-index: 25;
    }


    .com_butt .phonePressGTM {
        position: relative;
        display: inline-block;
        width: 23%;
        bottom: 0;
        left: 22%;
        padding: 12% 0 14% 0;
        background-image: url(images/phone_icon.png);
        background-repeat: no-repeat;
        background-position: 100% center;
        background-size: 107%;
        /* z-index: 100;	 */
    }

    .com_butt .wa-icon {
        position: relative;
        display: inline-block;
        width: 22%;
        bottom: 0;
        left: 37%;
        background-image: url(images/WhatsApp_icon.png);
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: 100% center;
        padding: 14% 0 12% 0;
        /* z-index: 100; */
    }

    .longExplain {
        width: 90%;
        margin-left: 3%;
        margin-bottom: 20%;
        color: #fff;
    }

    .errorBox{
        font-size: 120%;
    }


}