/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/
html {color-scheme: light only;font-family:var(--font-en) !important;}
#hm_page{background: #fff;height: 100vh;padding: 2em;font-family: var(--font-en);display: flex;justify-content: space-between;align-items: center;gap: 1em;flex-wrap: wrap;}
#hm_page .left, #hm_page .right{width: 47%;}
#hm_page .left h2{font-weight: 600;}
#hm_page .right img{width: 65%;text-align: center;display: block;margin: auto;}
#hm_page .left ul{list-style: none;margin: 0;display: flex;gap: 15px;}
#hm_page .left ul a svg{fill: #6f6f6f;width: 30px;height: 30px;cursor: pointer;}
#message_reuslt{display: none;width: 60%;margin: 2em auto;text-align: center;padding: 15px;border-radius: 8px;background: #538bb4;color: #fff;font-family: var(--en-font);}
#message_reuslt:lang(ar){font-family: var(--en-font);}
#app_form_sec{width: 100%;padding: 4em;padding-top: 130px;background: #fff;    font-family: 'Almarai';}
#app_form_sec h3{text-align: center;font-family: var(--en-font);width: fit-content;margin: auto;padding: 19px;background: #fff;border-top-left-radius: 40px;border-top-right-radius: 40px;font-size: 18px;font-weight: 400;direction: rtl;border-top-left-radius: 40px;border-top-right-radius: 40px;box-shadow: 0px 0px 2px 1px #aaa;}
#app_form > span { display: flex;gap: 2em; }
#app_form > span p{ display: flex; flex-direction: column;flex: 1 0 45%;margin: 0; }
#app_form > span p label{ font-size: 14px; }
#app_form > span p label:lang(ar){ font-size: 15px; }
#app_form{width: 70%;margin: auto;font-family: var(--en-font);border: 1px solid #ddd;padding: 2em 3em;background: #fff;border-radius: 10px;direction: rtl;}
#myList{display: none;}
#_builder-form{padding: 0px 10px 0px !important;
  box-shadow: rgb(255, 255, 255) 0px 0px 0px 0px !important;
  direction: rtl !important;}
#app_form:lang(ar){direction: rtl;font-family: var(--ar-font);}
#app_form > span p input{background: #fff;border-radius: 10px;border-color: #ddd;padding: 7px 12px;margin-bottom: 1em;}
#app_form span p input::placeholder{font-family: var(--en-font);font-size: 14px}
#app_form span p input:lang(ar)::placeholder{font-family: var(--ar-font);font-size: 14px}
#app_form span p input:focus{border: 1px solid #ddd;}
#app_form span p select{background: #fff;border-radius: 10px;cursor: pointer;font-family: var(--en-font);font-size: 14px;}
#app_form span p select:lang(ar){font-family: var(--ar-font);}
#submit_app{width: 30%;border-radius: 5px;margin-top: 2em;font-family: inherit;font-family: var(--en-font);}
#submit_app:hover{background: #a8becd;border: 1px solid #a8becd;}
#submit_app:lang(ar){font-family: var(--ar-font);}
#file_cv_form{flex-direction: column;}
#mwp-dropform-wrapper{width: 100%;margin-top: -20px;margin-bottom: 1em;}
#submit_app:focus{color:#000 !important}
#app_form_sec h2 {text-align: center;font-size: 20px;width: 80%;margin: auto;padding-bottom: 3em;direction: rtl;}
#chapters button{flex: 1 0 15%;padding: 0;font-size: 12px;background: #11436e;border-radius: 8px;overflow: hidden;font-family: 'DINNextLTArabic-Medium',sans-serif;display: flex;flex-direction: column;align-items: center;justify-content: start;}
#chapters button img{height: 65%;width: 100%;object-fit: cover;}
#chapters button p{margin-top: 5px;}
.error-border { border: 1px solid #c33c3c !important;}
.valid-border { border: 1px solid #39a339 !important;}
.success_msg_register{font-size: 16px;margin-top: 1.5em;border: 1px solid #d1f2ce;width: 70%;padding: 10px;border-radius: 8px;text-align: center;background: #d1f2ce;font-family: var(--en-font);}
.faild_msg_register{font-size: 16px;margin-top: 1.5em;border: 1px solid #e87979;width: 70%;padding: 10px;border-radius: 8px;text-align: center;background: #e87979;font-family: var(--en-font);}
.error{font-size: 13px;margin-top: -18px;}
#Mobile_container li a{color:#000 !important}
#businessMod_input-error{margin: 0;}
#forminator-module-2167{direction: rtl}
 #form_form_mobile label, #field_3i3vm, .frm_error {text-align: right !important;}
#frm_form_2_container{border: 1px solid #ddd;}
#frm_field_13_container .frm_button_submit{width: 100%;padding: 11px;background: #fff; border: 1px solid #000;color: #000;}
#form_form_mobile{direction: rtl !important;padding:1em}
.with_frm_style .frm_message, .frm_success_style{text-align:center !important}
#staff_single,#content_single{width: 100%;padding: 5em;background: #fff;}
#staff_single > div:first-child,#content_single > div:first-child{background: #ddd;padding: 5px;margin-bottom: 2em;border-radius: 8px;font-size: 19px;font-weight: 600;}
.item_form{display: flex;gap: 1em;    margin-bottom: 0.5em;}
#form_info_single .item_form p,#form_cont_info_single .item_form p{    margin: 0;}
#form_info_single .item_form span,#form_cont_info_single .item_form span{font-size: 18px;font-weight: 600;}
#le_page{background: #fff;width: 100%;display: flex;flex-direction: row;align-items: center;justify-content: space-evenly;border-radius: 20px; overflow: hidden;padding: 10px 40px;}
#le_page > div:nth-child(1){flex: 1 0 60%;}
#le_page > div:nth-child(2){flex: 1 0 30%;}
#vimeo_container{width: 85%;margin: auto;}
.player .vp-video-wrapper .vp-preview-cover{border-radius: 10px !important;overflow: hidden !important;}
#le_page h3{text-align: center;font-size: 23px;line-height: 1.7;width: 60%;margin: 0 auto;font-weight: 400;padding: 10px;}
#le_page h6{text-align: center;font-weight: 400;font-size: 16px;padding: 10px;}
#my-link{direction: rtl;display: flex;align-items: center;gap: 6px;font-family: inherit;text-decoration: none;color: #fff;padding: 10px;border-radius: 21px;background: #1f6b9c;font-size: 15px;margin: 5px auto;margin-top: 5px;width: fit-content;box-shadow: 2px 6px 9px #c1c1c1;}
#le_page p{margin: 0;text-align: center;}
/* #vimeo_container{padding:43.25% 0 0 0;position:relative;} */
.player-410b29e2-0b15-411c-aa93-2b542d2bdf6a{border-radius: 8px !important;}
.deactive-btn{pointer-events: none;background: #a8a8a8 !important;}
#hsForm input{font-family: 'DINNextLTArabic-Medium',sans-serif;color: #6c6c6c;font-size: 16px;direction: rtl;}
#reg_page{width: 100%;background: #fff;height: 100vh;font-family: 'almarai';}
#forminator-module-1718{width: 80%;margin: 4em auto;border: 3px solid #1f6b9c;padding: 25px;border-radius: 10px;}
#forminator-module-1718 input{background: #fff !important;direction: rtl;border-radius: 8px;border: 1px solid #a8a8a8;border-top: 0;border-left: 0;border-right: 0;border-radius: 0;}
.player{border-radius: 10px !important;overflow: hidden !important;}
#forminator-module-1718 label{text-align: right;}
.forminator-error-message{text-align: right}
.forminator-ui#forminator-module-1718.forminator-design--default .forminator-button-submit{background-color: #404040 !important;}
.btn_register{float: right;}
.forminator-ui#forminator-module-1718.forminator-design--default .forminator-response-message.forminator-success{text-align:right !important}
#le_page h6 b,#le_page h3 b{color: #1f6b9c;}
#le_page{font-family: 'Almarai',sans-serif;}
#ityhw{display: flex;flex-direction: column;justify-content: center;align-items: center;gap: 10px;}
#ityhw span{font-size: 22px;text-align: center;}
#ityhw span a {color: #000;text-decoration: navajowhite;font-size: 23px;}
#app_content_pg{padding: 4em;background: #fff;font-family: 'Almarai',sans-serif;}
#form_content-form{width: 60%;margin: auto;direction: rtl;border: 1px solid #ddd;padding: 2em;border-radius: 10px;}
#form_content-form input,#form_content-form select, #form_content-form textarea{text-align: right}
#form_content-form label{ text-align: right}
#frm_field_27_container button{width: 100%;padding: 11px;background: #fff;border: 1px solid #000;color: #000;font-family: inherit;}
#surveyContainer {width: 100%;position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%);}
#surveyContainer .sd-body{direction: rtl;}
.sd-item__control-label .sv-string-viewer, .sd-title.sd-element__title{font-family: 'DINNextLTArabic-Medium',sans-serif;}
.sd-completedpage{font-family: 'DINNextLTArabic-Medium',sans-serif;}
h1:lang(ar),h2:lang(ar),h3:lang(ar),h4:lang(ar),h5:lang(ar),h6:lang(ar),p:lang(ar),span:lang(ar){font-family: 'DINNextLTArabic-Medium',sans-serif;}
h1,h2,h3,h4,h5,h6,p,span{font-family: var(--font-en)}
.sd-item__decorator{display: none !important}
.sd-element__content .sd-item{border: 1px solid #dddddd3d;padding: 7px 10px;border-radius: 8px; margin-bottom: 15px;}
.sv-title-actions, .sd-question__header{margin-bottom: 3em;}
#sp_110 .sd-question__header{margin-bottom: 0em;}
#sq_110i,#sq_111i,#sq_112i{border-radius: 12px;}
#sq_112i{text-align: right;direction: rtl;}
.sd-error{text-align: right;font-family: 'DINNextLTArabic-Medium',sans-serif;}
.sd-progress{margin-bottom: 2em}
.hs-form{display: flex;flex-direction: column;gap: 20px;max-width: 270px;margin: auto;}
.hs-form > div {display: flex;flex-direction: column;gap: 10px;}
.hs-form > div label{font-size: 16px;border: 2px solid #e8e8e8;border-radius: 25px;padding: 10px 10px;font-family: 'DINNextLTArabic-Medium',sans-serif;color: #373737;cursor: pointer;}
#startSurveyButton{margin-top: 20px; padding: 10px 20px; font-size: 16px;width: 100%;margin: auto;display: block;font-family: 'DINNextLTArabic-Medium',sans-serif;}
#btn_frm_lead{border-radius: 25px;font-family: 'DINNextLTArabic-Medium',sans-serif;}
#lastPage{text-align: center;display: flex;align-items: center;justify-content: center;gap: 20px;}
#lastPage h3{font-size: 25px;margin: 0;padding-top: 25px;}
#lastPage svg{width: 7%;}
#sq_110_ariaTitle .sd-element__num, #sq_111_ariaTitle .sd-element__num, #sq_112_ariaTitle .sd-element__num{ display: none}
.sd-html button{width: 100% !important;display: block;font-family: 'DINNextLTArabic-Medium',sans-serif;}
#lastPage > svg {width: 7% !important;}
#formsThanks div h1{font-size: 25px}
#formsThanks div svg{width: 8%}
.sd-progress-buttons__page-title{text-align: right;display: block;font-family: 'DINNextLTArabic-Medium',sans-serif;}
#ph_1{width: 90%;text-align: right;}
#Mobile_container{z-index: -1;/*display: none !important;*/position: fixed;border-right:3px solid #11436e;height: 100%;left: 0;background: #fff;top: 0;z-index: 500;justify-content: flex-start !important;
  align-items: center;flex-direction: column;
  padding-top: 50px;}
@media (max-width: 575px) {
  #le_page{flex-direction: column;gap: 30px;height: auto;padding: 0px;}
	#vimeo_container{width:98%}
		#hd_other > div:first-child {width: 55%;text-align: left;}
	#hd_other > div ul{display:none}
	#Mobile_container > ul{display:flex !important}
  #formsThanks div svg{width: 18%}
  #formsThanks div h1{font-size: 23px}
  #formsThanks h1{font-size: 16px}
  #sq_110_ariaTitle .sv-string-viewer, #sq_111_ariaTitle .sv-string-viewer, #sq_111_ariaTitle .sv-string-viewer{font-size: 14px;}
  #lastPage{gap: 10px;}
  #lastPage h3{font-size: 15px;padding-top: 15px;}
  #lastPage svg{width: 10%;}
  .sd-item__control-label .sv-string-viewer{font-size: 14px;}
  #form_content-form {width: 90%;}
  #app_content_pg {padding: 2em 0em;}
  #hm_page{gap:5em}
  #hm_page .left h2{font-size: 23px}
  #hm_page .left p{font-size: 14px;line-height: 1.8;}
  #hm_page .left, #hm_page .right {width: 100%;}
  #hm_page .right img{width: 85%;}
  #forminator-module-1718{margin: 0;padding: 0;width: 100%;}
  #reg_page{padding: 3em 12px;}
  #le_page h3{width: 95%;font-size: 20px;}
  #le_page h6{font-size: 15px;}
#vimeo_container{/*padding: 52.25% 0 0 0 !important*/padding: 15px}
  #le_page > h3:nth-child(1){font-size: 50px;}
	#app_form_sec h2 {font-size: 16px;width: 80%;margin: auto;padding-bottom: 3em;line-height: 1.8;}
	#app_form_sec h3{font-size: 15px;border-bottom: 1px solid #fff;box-shadow: 0px 0px 2px 1px #aaa;}
  #mobile_form{background: #fff;padding: 1em;border-top: 1px solid #e3e3e3;}
	#message_reuslt{width: 90%;padding: 10px;}
	.dropzone {display: block !important; width: 100%; min-height: 150px;}
	#form_form_mobile{direction: rtl !important;padding: 1em;}
	#frm_form_2_container{border-top-right-radius: 10px;border-top-left-radius: 10px;}
	#form_form_mobile label,#field_3i3vm,.frm_error{text-align: right !important;}
	#frm_field_13_container .frm_button_submit{width: 100%;padding: 11px;background: #fff; border: 1px solid #000;color: #000;}

    #app_form_sec{padding: 0;padding-top: 4em;padding-bottom: 1em;background: #fff;}
    #app_form {width: 100%;padding: 1.5em;margin-bottom: 4em;border-radius: 0px;border-bottom-right-radius: 0;border-bottom-left-radius: 0;}
    #app_form > span{flex-direction: column;gap:0}
    #submit_app {width: 100%;}
	#mwp-dropform-wrapper{margin-top:0; width: 100%; /* لضبط العرض ليناسب الشاشة بالكامل */
    min-height: 200px; padding: 20px;box-sizing: border-box;}
}

/* Small devices (phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
  #le_page{flex-direction: column;gap: 30px;}
	#hd_other > div:first-child {width: 55%;}
	#hd_other > div:first-child img {width: 60%;}
	#hd_other > div ul{display:none}
  #formsThanks div svg{width: 18%}
  #lastPage{gap: 10px;}
    #lastPage h3{font-size: 16px;padding-top: 15px;}
    #lastPage svg{width: 10%;}
    .sd-item__control-label .sv-string-viewer{font-size: 15px;}
    #form_content-form {width: 90%;}
    #app_content_pg {padding: 2em 1em;}
    #hm_page{gap:5em}
    #hm_page .left h2{font-size: 25px}
    #hm_page .left p{font-size: 16px;line-height: 1.8;}
    #hm_page .left, #hm_page .right {width: 100%;}
    #hm_page .right img{width: 75%;}
    #forminator-module-1718{margin: 0;padding: 0;width: 80%;margin: auto;}
    #reg_page{padding: 3em 12px;}
    #le_page h3{width: 85%;font-size: 22px;}
    #le_page h6{font-size: 16px;}
  /* #vimeo_container{padding: 52.25% 0 0 0 !important} */
	#frm_form_2_container{border-top-right-radius: 10px;border-top-left-radius: 10px;}
	#app_form_sec h2 {font-size: 18px;width: 80%;margin: auto;padding-bottom: 3em;}
	#app_form_sec h3{font-size: 15px;border-bottom: 1px solid #fff;box-shadow: 0px 0px 2px 1px #aaa;}
	#message_reuslt{width: 75%;padding: 12px;}
    #app_form_sec{padding: 0;padding-top: 4em;padding-bottom: 2em;background: #fff;}
    #app_form {width: 90%;padding: 1.5em;border-radius: 30px;margin-bottom: 4em;}
    #app_form > span{flex-direction: column;gap:0}
	#mwp-dropform-wrapper{margin-top:0;}
	#form_form_mobile{direction: rtl !important; padding:1em}
	#form_form_mobile label,#field_3i3vm,.frm_error{text-align: right !important;}
	#frm_field_13_container .frm_button_submit{width: 100%;padding: 11px;background: #fff; border: 1px solid #000;color: #000;}
	#mobile_form{background: #fff;padding: 1em;border-top: 1px solid #e3e3e3;}
	#frm_field_13_container .frm_button_submit{width: 100%;padding: 11px;background: #fff; border: 1px solid #000;color: #000;}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
    /* CSS rules for medium devices */
    .sd-item__control-label .sv-string-viewer{font-size: 16px;}
    #form_content-form {width: 90%;}
    #app_content_pg {padding: 2em;}
    #hm_page{gap:5em}
    #hm_page .left h2{font-size: 27px}
    #hm_page .left p{font-size: 18px;line-height: 1.8;}
    #hm_page .left, #hm_page .right {width: 100%;}
    #hm_page .right img{width: 65%;}
    #forminator-module-1718{margin: 0;padding: 0;width: 70%;margin: auto;}
    #reg_page{padding: 3em 12px;}
    #le_page h3{width: 80%;font-size: 24px;}
    #le_page h6{font-size: 17px;}
    #vimeo_container{padding: 55.25% 0 0 0 !important}
	#message_reuslt{width: 75%;padding: 12px;}
    .develop_items form select {width: 45% }
    .develop_items form { gap: 1em; }
    #app_form {width: 100%;}
	#frm_form_2_container{background: #fff;padding: 1em;border-radius: 11px;}
	#form_form_mobile label,#field_3i3vm,.frm_error{text-align: right !important;}
	#form_form_mobile{direction: rtl !important;padding:1em}
	#frm_field_13_container .frm_button_submit{width: 50%;padding: 11px;background: #fff; border: 1px solid #000;color: #000;}
	#mobile_form{border: 1px solid #ddd;border-radius: 15px;padding: 15px;}
	#app_form_sec h3{font-size: 17px;border-bottom: 0px solid #fff;box-shadow: 0px 0px 2px 1px #aaa;}
	#mobile_form{border: 1px solid #ddd;border-radius: 15px;padding: 15px;}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {
    /* CSS rules for large devices */
    #form_content-form {width: 90%;}
    #app_content_pg {padding: 2em;}
    #app_form {width: 80%;padding: 1.5em;border-radius: 30px;}
	#frm_form_2_container{background: #fff;padding: 1em;border-radius: 11px;}
	#form_form_mobile label,#field_3i3vm,.frm_error{text-align: right !important;}
	#form_form_mobile{direction: rtl !important;}
	#frm_field_13_container .frm_button_submit{width: 40%;padding: 11px;background: #fff; border: 1px solid #000;color: #000;}
}