:root{
	--body-color: #231f20;
	--white-color: #FFFFFF;
	--primary-color: #F77E0B;
	--secondary-color: #009C94;
	--button-bg :#F77E0B;
	--body-font: 'FbSpoilerPas-Regular';
	--heading-font: 'FbSpoilerPas-Bold';
	--button-font: 'FbSpoilerPas-Bold';

	--rag-font-light: 'FbSpoilerPas-Light';
	--rag-font-medium: 'FbSpoilerPas-Medium';
	--rag-font-bold: 'FbSpoilerPas-Bold';

	--fancy-banner-font: 'FbCrayola-Regular';
}
::selection{color: var(--white-color);background-color: var(--body-color);}

/* 1. Create a Clean Base ------------------------------------------------------------------------------*/

html, body, br, hr, div, span, a, object, iframe, ul, ol, dl, li, dt, dd, h1, h2, h3, h4, h5, h6, p, blockquote, q, address, small, big, cite, dfn, ins, del, i, em, b, strong, sup, sub, strike, pre, code, samp, kbd, var, tt, form, fieldset, legend, label,input, textarea, option, .nobox {background: transparent;border: 0;font-size: 100%;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {display: block;}
blockquote, q {quotes: none;}
br {height: 0;}
ul, ol, dl, li {margin:0;padding:0;}
ul, ol {margin:0 0 0 0px;}
html, body{-webkit-appearance:none;appearance:none;border:none;-webkit-text-size-adjust:none;}

/* 2. Define Base Typography ------------------------------------------------------------------------------*/

body{padding: 0;margin: 0;font-family: var(--body-font);font-size: 24px;color: var(--body-color);line-height:29px;box-sizing: border-box;background-repeat: no-repeat;background-position: top;background-size: cover;overflow-x: hidden;direction: rtl;}
body.no_scroll {overflow: hidden;}
*, :after, *:before {box-sizing: border-box;}
.bg-cover {background-size: cover;background-position: center;background-repeat: no-repeat;}
.bg-cover > img {opacity: 0;width: 100%;}

/* Create the Default Headers */
h1, h2, h3, h4, h5, h6 {margin: 0;font-weight: normal;color: var(--body-color);line-height:1.2;font-family: var(--heading-font);}

/* Specific Header Settings */
h1,.h1 {font-size: 70px;}
h2,.h2 {font-size: 70px;}
h3,.h3 {font-size: 46px;}
h4,.h4 {font-size: 34px;}
h5,.h5 {font-size: 32px;}
h6,.h6 {font-size: 24px;}

/* Create the Default Paragraphs */
p {margin-bottom: 25px;}

/* Other Typo */
strong {font-weight: bold;}
hr {border:0 #000 solid;border-top-width: 1px;clear: both;height: 0;}
ol {list-style: decimal;}
ul {list-style: none;}

/* 3. Images ------------------------------------------------------------------------------*/

/*Remove border around linked images*/
img {max-width: 100%;border: 0;border-style: none;}

/* 4. Links ------------------------------------------------------------------------------*/

/* Default Link Types */
a {text-decoration:none;transition: 0.4s all;display: inline-block;}

/* 5. Forms ------------------------------------------------------------------------------*/
.button, a.button, button, html input[type="button"], input[type="reset"], input[type="submit"] {padding: 10px 20px;background-color: var(--secondary-color);color: var(--white-color);display: inline-block;vertical-align: middle;position: relative;text-align: center;text-decoration: none;border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;box-shadow: none;-webkit-box-shadow: none;-moz-box-shadow: none;appearance: none;-webkit-appearance: none;-moz-appearance: none;transition: all 0.4s;cursor: pointer;font-family: var(--button-font);font-size: 33px;}

.button:hover, a.button:hover, button:hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {background-color: var(--body-color);}

.button.btn_primary, a.button.btn_primary, button.btn_primary, html input[type="button"].btn_primary, input[type="reset"].btn_primary, input[type="submit"].btn_primary {background-color: var(--primary-color);color: var(--white-color);}

.button.btn_primary:hover, a.button.btn_primary:hover, button.btn_primary:hover, html input[type="button"].btn_primary:hover, input[type="reset"].btn_primary:hover, input[type="submit"].btn_primary:hover {background-color: var(--body-color);color: var(--white-color);}

select, input[type="search"], input[type="text"], input[type="email"], input[type="password"], input[type="tel"], input[type="number"], textarea {padding: 0px 16px;width: 100%;resize: none;color: var(--body-color);background-color: var(--white-color);border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;box-shadow: none;-webkit-box-shadow: none;-moz-box-shadow: none;appearance: none;-webkit-appearance: none;-moz-appearance: none;outline: none !important;font-size: 33px;font-family: var(--body-font);direction: rtl;}

textarea {height: 165px;}

input::-webkit-input-placeholder {color: var(--body-color);opacity: 1;}
input:-moz-placeholder {color: var(--body-color);opacity: 1;}
input::-moz-placeholder {color: var(--body-color);opacity: 1;}
input:-ms-input-placeholder {color: var(--body-color);opacity: 1;}
textarea::-webkit-input-placeholder {color: var(--body-color);opacity: 1;}
textarea:-moz-placeholder {color: var(--body-color);opacity: 1;}
textarea::-moz-placeholder {color: var(--body-color);opacity: 1;}
textarea:-ms-input-placeholder {color: var(--body-color);opacity: 1;}
button.icon_btn, a.icon_btn {border: 1px solid #E1E1E1;outline: none !important;box-shadow: none !important;padding: 0;height: 42px;width: 42px;border-radius: 50%;display: flex;align-items: center;justify-content: center;}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {-webkit-appearance:none;}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none;-moz-appearance: none;appearance: none;margin: 0;}

/* Removes fieldset borders. even on Opea 7 */
fieldset {border: 1px solid transparent;}

/* 6. Tables ------------------------------------------------------------------------------*/

/* Table Fixes */
table {border-spacing: 0;border-collapse: collapse;}
td {text-align: right;font-weight: normal;}

/* 7. Framework ------------------------------------------------------------------------------*/

/* container */
.container{max-width: 1430px;width: 100%;padding-left: 15px;padding-right: 15px;margin: 0 auto;}
.row{display: flex;flex-wrap: wrap;margin-left: -15px;margin-right: -15px;}
.col-12,.col-11,.col-10,.col-9,.col-8,.col-7,.col-6,.col-5,.col-4,.col-3,.col-2,.col-1{position: relative;width: 100%;padding-right: 15px;padding-left: 15px;}
.col-12 {max-width: 100%;}
.col-11 {max-width: 91.66666667%;}
.col-10 {max-width: 83.33333333%;}
.col-9 {max-width: 75%;}
.col-8 {max-width: 66.66666667%;}
.col-7 {max-width: 58.33333333%;}
.col-6 {max-width: 50%;}
.col-5 {max-width: 41.66666667%;}
.col-4 {max-width: 33.33333333%;}
.col-3 {max-width: 25%;}
.col-2 {max-width: 16.66666667%;}
.col-1 {max-width: 8.33333333%;}
.d-flex{display:flex;}
.flex-wrap{flex-wrap:wrap;}
.justify-content-start{justify-content:flex-start;}
.justify-content-center{justify-content:center;}
.justify-content-end{justify-content:flex-end;}
.justify-content-between{justify-content:space-between;}
.align-items-start{align-items: flex-start;}
.align-items-center{align-items: center;}
.align-items-end{align-items: flex-end;}
.row-reverse{flex-direction: row-reverse;}
.text-center{text-align: center;}
.text-left{text-align: left;}
.text-right{text-align: right;}
.mobile_only {display: none;}
@media (max-width: 767px) {
	.mobile_only {display: block;}
	.desktop_only {display: none;}
}

/* ------------------------------------------------------------------------------------------------------- */

/* both step css start */

.main_image {position: relative;padding-top: 74vh;overflow: hidden;}
.main_image img.main_bg {position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;height: 110%;width: 100%;object-fit: cover;object-position: top center;z-index: -1;}

.steps_content {display: flex;position: absolute;top: 0;left: 0;right: 0;margin: auto;padding: 10px 30px 30px;transform: scale(0.92);}

.title_col h2 {font-size: 4.5vw;line-height: 1;color: var(--white-color);text-shadow: 8px 8px 8px rgba(0, 0, 0, 0.8);}

.icon_list {display: flex;text-align: center;flex-wrap: wrap;padding: 15px;position: relative;overflow: hidden;border-radius: 10px;}
.icon_list:after {content: '';background-color: var(--primary-color);position: absolute;top: 0;bottom: 0;left: 0;right: 0;height: 100%;width: 100%;z-index: -1;opacity: 0.8;}
.icon_list .single_icon {flex: 0 0 50%;max-width: 50%;padding: 5px 15px;}
.icon_list .single_icon img {max-height: 72px;width: auto;display: block;margin: auto;}
.icon_list .single_icon h6 {line-height: 1;color: var(--white-color);font-family: var(--rag-font-medium);padding-top: 5px;font-size: 1.10vw;}

.icon_list h5.list_title {color: var(--white-color);text-align: center;flex: 0 0 calc(100% + 30px);max-width: calc(100% + 30px);margin: -15px -15px 10px;background-color: var(--secondary-color);padding: 10px;font-size: 1.56vw;}
.icon_list span.list_note {color: var(--white-color);text-align: left;flex: 0 0 calc(100% + 30px);max-width: calc(100% + 30px);padding: 15px 15px 5px;margin: 0px -15px -15px;font-size: 0.78vw;font-family: var(--rag-font-medium);}

/* both step css end */

/* ------------------------------------------------------------------------------------------------------- */

/* step one css start */

#step_one_top {flex: 0 0 100%;max-width: 100%;}
.step_one_row {display: flex;flex-wrap: wrap;margin: 0px -20px;}
.step_one_row .title_col {flex: 0 0 calc(100% - 435px);max-width: calc(100% - 435px);padding: 0px 20px;}
.step_one_row .icon_list_col {flex: 0 0 435px;max-width: 435px;padding: 0px 20px;}

/* step one css end */

/* ------------------------------------------------------------------------------------------------------- */

/* step two css start */

#step_two_top {flex: 0 0 100%;max-width: 100%;}
.step_two_row {display: flex;flex-wrap: wrap;margin: 0px -20px;}
.step_two_row .title_col {flex: 0 0 calc(100% - 435px);max-width: calc(100% - 435px);padding: 0px 20px;}
.step_two_row .icon_list_col {flex: 0 0 435px;max-width: 435px;padding: 0px 20px;}

/* step two css end */

/* ------------------------------------------------------------------------------------------------------- */

/* bottom footer start */

.all_steps_bottom {position: relative;z-index: 11;max-height: 26vh;}
.contact_form {margin-top: -60px;position: relative;z-index: 1;transform: scale(0.92);}
.form_container {padding: 0 30px;}
.input_row {display: flex;flex-wrap: wrap;margin: 0px -10px;}
.input_col {padding: 0 10px;flex: 0 0 calc((100% - 13.7vw) / 4);max-width: calc((100% - 13.7vw) / 4);}
.submit_col {padding: 0px 10px;flex: 0 0 13.7vw;max-width: 13.7vw;}
.input_col input, .submit_col input {height: 50px;width: 100%;font-size: 1.72vw;}
.input_col input.error {box-shadow: inset 0 0 10px #ff0000 !important;}
.input_col label.error {color: #ff0000;font-size: 16px;display: block;line-height: 1;padding-top: 5px;display: none !important;}
.input_row_inner {display: flex;margin: 0px -6px;}
.input_col-4 {flex: 0 0 35%; max-width: 35%;padding: 0px 5px;}
.input_col-8 {flex: 0 0 65%; max-width: 65%;padding: 0px 5px;}
.check_box_col {padding: 40px 10px 0px;display: flex;align-items: center;justify-content: flex-end;flex: 0 0 100%;max-width: 100%;}
.check_box_col p {font-size: 1.25vw;line-height: 24px;margin: 0px;position: relative;}
.check_box_col input[type="radio"] {position: absolute;visibility: hidden;opacity: 0;}
.check_box_col input[type="radio"] + label {font-size: 1.25vw;line-height: 24px;padding-left: 40px;margin: 0px 20px 0px 0px;position: relative;cursor: pointer;}
.check_box_col input[type="radio"] + label:before {content: "";height: 24px;width: 27px;border: 2px solid var(--primary-color);position: absolute;left: 0;top: 0;margin: auto;}
.check_box_col input[type="radio"].error + label:before {box-shadow: inset 0 0 10px #ff0000 !important;}
.check_box_col input[type="radio"] + label:after {content: "";height: 24px;width: 27px;background-image: url(../images/checkbox_checked.png);background-repeat: no-repeat;background-size: contain;background-position: center;position: absolute;left: 2px;top: -4px;margin: auto;opacity: 0;transition: all 0.4s;}
.check_box_col input[type="radio"]:checked + label:after {opacity: 1;}
.footer_content {text-align: center;padding: 0 30px;margin-top: 0;transform: scale(0.92);position: relative;z-index: 1;}
.footer_content img {width: 100%;margin: -0.6vw 0px 0px;position: relative;z-index: -1;}
.footer_content p {font-size: 1.03vw;padding: 10px 3.35vw;margin: 0;line-height: 1.3;}
.licence_question {display: table;border: 1px solid var(--secondary-color);border-radius: 12px;z-index: 11;margin: 0px auto;position: absolute;bottom: 100%;width: auto;left: 0;right: 0;}
.licence_question a.button.form_show_mobile_only {display: none;margin: 0px auto;max-width: 180px;font-size: 16px;line-height: normal;}
.licence_question a.button {display: table-cell;vertical-align: middle;font-size: 1.72vw;padding: 10px 25px;}
.licence_question h5 {padding: 0px 25px;display: table-cell;vertical-align: middle;font-size: 1.72vw;}

/* bottom footer end */

/* ------------------------------------------------------------------------------------------------------- */

/* select 2 css start */

.select2-container {width: 100% !important;}
.select2-container .select2-selection--single {height: 50px;padding: 0px 16px;width: 100%;resize: none;color: var(--body-color);background-color: var(--white-color);border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;box-shadow: none;appearance: none;-webkit-appearance: none;-moz-appearance: none;outline: none !important;font-size: 1.72vw;font-family: var(--body-font);border: 0;}
.input_col select.error+.select2-container .select2-selection--single {box-shadow: inset 0 0 10px #ff0000 !important}
.select2-container--default .select2-selection--single .select2-selection__rendered {line-height: 50px;color: var(--body-color);padding-right: 0 !important;}
.select2-container--default .select2-selection--single .select2-selection__placeholder {color: var(--body-color);}
.select2-container--default .select2-selection--single .select2-selection__arrow {height: 50px;}
.select2-container .select2-selection--single .select2-selection__clear {color: var(--body-color);height: 50px;padding: 0 0 0 15px;margin: 0;font-size: 24px;box-shadow: none;}
.select2-container--default .select2-selection--single .select2-selection__arrow b {border-width: 6px 6px 0 6px;margin: auto;top: 0;bottom: 0;}
body > span.select2-container {transform: scale(0.92);transform-origin: 0 0;margin-top: 21px;z-index: 111;}

/* select 2 css end */

/* ------------------------------------------------------------------------------------------------------- */

/* thank you css start */

.thankyou{background: #000; background-color: rgba(0,0,0,0.7);opacity: 1;position: fixed;top: 0;bottom: 0;left: 0;right: 0;z-index: 999999;display: flex;align-items: center;justify-content: center;}
.thankyou p{color:#fff;font-size: 50px;text-align: center;padding-top: 0;font-family: var(--heading-font);}
.thankyou a{position: absolute;top:5%;right:5%;}

/* thank you css end */

/* ------------------------------------------------------------------------------------------------------- */