/*
 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 {
  scroll-behavior: smooth;
  transition: all 0.5s ease-in-out;
  scrollbar-color: #000 #CCC;
  scrollbar-width: thin;
      font-family: 'DINNextLTArabic';
}

body{ background: #99cbdb2e }
:root{
  --en-font: 'Rubik';
  --ar-font: 'tajawal';
}
a { text-decoration: none; }


input:focus{outline: 1px solid #000;}
.section_title_sinPro{background:#ddd;padding:15px;font-weight: 600;font-size: 23px;font-family: var(--en-font);}
.section_title_sinPro:not(:first-of-type) {margin-top: 20px}
.gl_margin { margin: 3em 5em; }
.not_st_para p{color:#000 !important}
#space { height: 50px; }
.head_cat{margin-top: 20vh;text-align: center;font-family: var(--en-font);}
.head_cat h3{font-weight: 700;font-size: 30px;}
.head_cat > div{display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  background: #fff;
  width: fit-content;
  margin: auto;
    margin-bottom: auto;
  padding: 10px;
  border-radius: 20px;
  margin-bottom: 20px;}
  .head_cat > div svg{height: 30px;
  background: #dbf1f9;
  border-radius: 100%;
  padding: 3px;
}
#hm_main_menu{ display: flex;justify-content: space-between;align-items: center;padding: 0.5em 3em; font-family: var(--en-font); position: fixed;
top: 0;width: 100%;border-bottom: 1px solid #ddd;background: #f9fcfd;z-index: 50;}
#hm_main_menu #main_menu_container ul{ list-style: none; margin: 0;display: flex;gap: 1em; }
#hm_main_menu #main_menu_container ul:lang(ar){direction: rtl;font-family: var(--ar-font);font-weight: 500; }
#hm_main_menu #main_menu_container ul li a{ text-decoration: none;color: #000; }
#hm_home{ display: flex;justify-content: space-between;align-content: baseline;padding: 3em;height: auto;margin: 8em 5em;border-radius: 30px;background-size: 155%}
#hm_main_menu .logo { width:86px; }
#hm_home .left h2{ width: 65%;font-weight: 400;font-size: 4rem;line-height: 1.1;font-family: var(--en-font); }
#hm_main_menu .lan li { list-style: none;padding: 8px 15px;border-radius: 20px;background: #000; }
#hm_main_menu .lan li a{ color: #fff; }
.hm_search{ width: 65%;border-radius: 20px;padding: 15px;margin-top: 3em; }
.hm_search .form_serach_input_container {background: #f2f2f2;padding: 10px;border-radius: 12px; margin-bottom:1em}
.hm_search #form_search_input{ width: 100%;background: #fff;border-radius: 15px;color: #2d2d2d; font-family: var(--en-font);}
.form_serach_btn{ display: flex;justify-content: space-evenly;align-items: center;gap: 1em;margin-top: 1em; }
#submit_hmSearch, .form_serach_btn button { border-radius: 12px;font-family: var(--en-font); }
#submit_hmSearch{ background: #1e6b9d;flex: 1 0 65%; }
.form_serach_btn button{ background: #ffffffe3;border: 1px solid #99cbdb;color: #99cbdb;flex: 1 0 30%; }
.form_filter_container{ display: none;flex-wrap: wrap;gap: 0.8em;font-family:var(--en-font);}
.form_filter_container select{ flex: 1 0 35%;border-radius: 12px;background: #ffffffde;font-family: var(--en-font); font-size: 15px;}
#hm_cities h2, #hm_projects h2, #hm_dev h2 { color:#174780;font-family: var(--en-font);font-weight: 500;border-bottom: 2px solid;width: fit-content;padding-bottom: 5px;margin-bottom: 0;}
#hm_projects .info, #hm_dev .info { display:flex;justify-content: space-between;align-items: center;flex-wrap: wrap;margin-bottom: 2em;font-family: var(--en-font);margin-bottom: 2em; }
#hm_projects .info a, #hm_dev .info a{ font-size: 17px;text-decoration: none;border: 1px solid #99cbdb;padding: 11px;border-radius: 12px;color: #fff;background: #99cbdb;cursor: pointer; }
#hm_owl_projects .item,#prj_projects .items .item{ border: 6px solid #99cbdb;height: auto;border-radius: 17px;overflow: hidden;background: #99cbdb; }
#hm_owl_projects .item .top img, #prj_projects .items .item .top img { height: 300px  !important;object-fit: cover;border-bottom-left-radius: 20px;border-bottom-right-radius: 20px; }
#prj_projects .items{ display: flex;flex-wrap: wrap;justify-content: start;align-items: center;gap: 2em;padding-left: 3em; }
#prj_projects .items .item{ flex: 1 0 270px; }
#hm_owl_projects .item .bottom .top p, #prj_projects .items .item .bottom .top p{ color: #fff;font-weight: 500;font-family: var(--en-font);text-align: center;padding: 0.8em 0;font-size: 17px; margin: 0;}
#hm_owl_projects .item .top, #prj_projects .items .item .top { position: relative; }
.social_icn{ position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);display: flex;flex-direction: column;gap: 0.5em; }
.social_icn span{ padding: 10px;background: #99cbdb;border-radius: 100%;width: 42px;height: 42px; }
.social_icn a { display: flex }
#prj_projects .items .item .top img { width: 100% }
#hm_dev .dev_items{ display: flex;flex-wrap: wrap;gap: 1em;justify-content: space-between; }
#hm_dev .dev_items .item { width:23%;    display: flex; gap: 0.8em; }
#hm_dev .dev_items .item .left img{ width: 100px;max-width: 100px; border-radius: 10px; height: 100px; object-fit: cover; }
.sing_binghat{background: #1a5bb52e;padding: 1em 0.5em;font-family: "Montserrat", serif;}
.sing_binghat h2{text-align: center;padding: 5px;font-size: 45px;font-weight: 700;}
.sing_binghat .main_img_binghat{margin: 2em;overflow: hidden;position: relative;}
.sing_binghat .main_img_binghat img{border-radius: 25px;}
.sing_binghat .main_img_binghat span{padding: 15px;background: #c6d9ec;position: absolute;bottom: 0;border-top-right-radius: 25px;border-top-left-radius: 25px;left: 50%;transform: translate(-50%, 0);}
.sing_binghat .main_img_binghat span div a{display: flex;
  align-items: center;
  justify-content: space-between;
  background: #2663ba;
  padding: 5px 1em;border-radius: 30px;color: #fff;gap: 10px;}
  .sing_binghat .main_img_binghat span div p{margin-bottom: 0}
  .sing_binghat_02{background: #c2d4e64a;display: flex;align-items: center;justify-content: space-around;padding: 2em;flex-wrap: wrap;font-family: "Montserrat", serif;}
  .sing_binghat_02:lang(ar){font-family: "Cairo", serif;}
  #frm_sing_binghat{border: 1px solid #ddd;
  padding: 2em;
  border-radius: 30px;
  background: #fdfdfdcf;width: 80%;}
  #frm_sing_binghat .sing_form_binghat{width: 100%;
  display: flex;
  gap: 11px;
  margin: 10px;}
  #frm_sing_binghat .sing_form_binghat input, #frm_sing_binghat .sing_form_binghat select{width: 50%;
  border-radius: 12px;
  background: #e0ecf32e;
  border: 1px solid #ddd;}
.course-list{margin:10px 30px;font-family: var(--en-font);}
.course-list:lang(ar){font-family: var(--ar-font);}
.style_sec_name{padding:14px;font-size: 16px;font-weight: 600;font-family: var(--ar-font);background:#ddd;}
.style_sec_name:lang(en){font-family: var(--en-font);}
.course-list li{display: flex;justify-content: space-between;align-items: center;}
.course-details{display: flex;justify-content: space-between;align-items: center;}
.course-details svg{width: 20px}
.course-details p{margin-bottom: 0;margin-right: 10px;margin-left: 10px;font-weight: 600;}
  .sing_binghat_02 .right{width: 50%;display: flex;justify-content: center;background: #c6d9ec;border-radius: 30px;padding: 20px;}
  .btn_binghat{width: 100% !important;border-radius: 20px !important;background: #6f6f6f !important}
  .select_binghat .selection  span.select2-selection{border: none !important;background-color: #FFF !important;border-radius: 10px;}
  .forminator-select-dropdown{font-family: "Montserrat", serif;background: #fff;}
  .forminator-select-dropdown:lang(ar){font-family: "Cairo", serif;background: #fff;}
  #frm_sing_binghat input[type='submit']{width: 100%;border-radius: 30px;margin-top: 20px;}
  .sing_binghat .main_img_binghat span svg{border: 1px solid #c4dae1;padding: 5px;border-radius: 100%;}
  .sing_binghat_03{background: #e0ecf3;text-align: center;font-family: "Montserrat", serif;padding: 4em;display: flex;flex-direction: column;align-items: center;flex-wrap: wrap;}
  .sing_binghat_03:lang(ar){font-family: "Cairo", serif;}
  .sing_binghat_03 h3 {font-weight: 600;font-size: 30px;border-bottom: 1px solid;}
  .sing_binghat_03 p {width: 70%;}
  .sing_binghat_04{padding: 4em;background: #e0ecf3;font-family: "Montserrat", serif;}
  .sing_binghat_04:lang(ar){font-family: "Cairo", serif;}
  .sing_binghat_04 .sing_01{display: flex;gap: 3em;}
  .sing_binghat_04 .sing_01 .details h3{font-weight: 600;font-size: 30px;border-bottom: 1px solid;}
  .sing_binghat_04 .sing_01 img{border-radius: 30px;height: 450px;}
  .sing_binghat_04 .sing_02{display: flex;gap: 3em;margin-top: 5em;}
  .sing_binghat_04 .sing_02 img{border-radius: 30px;height: 450px;order: 2;}
  .sing_binghat_04 .sing_02 .details{text-align: right;}
  .sing_binghat_04 .sing_02 .details h3{font-weight: 600;font-size: 30px;border-bottom: 1px solid;}
  .sing_binghat_04 .details{display: flex;flex-direction: column;align-items: center;justify-content: center;}
  .sing_03{background: #c6d9ec;height: fit-content;font-family: "Montserrat", serif;padding: 3em;}
  .sing_03:lang(ar){font-family: "Cairo", serif;}
  .sing_binghat_04 .sing_02 .details p,.sing_binghat_04 .sing_01 .details p{font-size: 19px;text-align: center;font-weight: 500;line-height: 32px;color: #4d4d4d;}
  .sing_04{display: flex;flex-direction: column;justify-content: center;align-items: center;padding: 3em;font-family: "Montserrat", serif;}
  .sing_04:lang(ar){font-family: "Cairo", serif;}
  .sing_04 .cl .left,.sing_04 .cl .right{display: flex;align-items: center;justify-content: center;gap: 4em;flex-wrap: wrap;text-align: center;margin: 2em 0px;}
  .sing_04 .cl .left .item h3, .sing_04 .cl .right .item h3{font-weight: 700;font-size: 24px;}
  .sing_04 .cl .left .item h2, .sing_04 .cl .right .item h2{font-size: 40px;}
  .sing_04 .cl_02{display: flex;align-items: center;justify-content: center;gap: 3em;padding: 40px;border: 1px solid #aaa9a957;border-radius: 30px;background: #eefbff;}
  .sing_04 .cl_02 .item:nth-child(2){border-left: 1px solid #aaa9a9;border-right: 1px solid #aaa9a9;padding: 0px 40px;}
  .sing_04 .cl_02 .item{text-align: center;width: 50%;height: 130px;}
  .sing_04 .cl_02 .item h3{font-size: 20px;font-weight: 700;margin-bottom: 0;}
  .sing_05 .top {padding: 4em;font-family: "Montserrat", serif;}
  .sing_05 .top:lang(ar){font-family: "Cairo", serif;}
  .sing_05 .top img{border-radius: 30px;}
  .sing_05 .bottom{font-family: "Montserrat", serif;display: flex;flex-direction: column;justify-content: center;align-items: center;padding: 2em;  }
  .sing_05 .bottom:lang(ar){font-family: "Cairo", serif;}
  .sing_05 .bottom ul{list-style: none;margin: 0;display: flex;width: 80%;gap: 36px;flex-wrap: wrap;justify-content: center;align-items: center;}
  .sing_05 .bottom ul li {border: 1px solid;padding: 10px;border-radius: 18px;}
  .sing_06{margin: 2em;background: #d0e1f2;padding: 4em;display: flex;justify-content: space-between;align-items: end;flex-wrap: wrap;}
  .sing_06 .left{width: 70%;}
  .sing_06 .right{width: 25%;font-family: "Montserrat", serif;}
  .sing_06 .right:lang(ar){width: 25%;font-family: "Cairo", serif;}
  .icn_calls{list-style: none;margin: 0;display: flex;justify-content: center;gap: 2em;padding: 15px;position: fixed;top: 94%;left: 50%;transform: translate(-50%, -50%);z-index: 900;
  border: 2px solid #b3c3d2;
  border-radius: 30px;
  background: #d0e1f2;}
  #sing_binghat_slider {position: relative;}
  #sing_binghat_slider .owl-nav{position: absolute;top: -85px;right: 0;}
  #sing_binghat_slider .owl-nav button.disabled span{color:#9b9b9b}
  #sing_binghat_slider .owl-nav span{font-size: 50px;}
  #sing_binghat_slider .item img{border-radius: 30px;}
  .sing_06 .left h2{font-size: 50px;font-weight: 700;text-transform: uppercase;border-bottom: 1px solid #b4c6d9;}

#hm_dev .dev_items .item .right h3{ font-size: 18px;font-weight: 500;font-family: var(--en-font);margin-bottom: 5px; }
#hm_dev .dev_items .item .right p{ font-weight: 600;font-family: var(--en-font); color: #a7a7a7;font-size: 15px;}
#hm_dev .dev_items .item .right{ display: flex;flex-direction: column;justify-content: center;margin-bottom: 0; }
#hm_cities .hm_boxes{ display: flex;flex-wrap: wrap;gap: 1.2em;margin-top: 2em; }
#hm_cities .hm_boxes .box  .cty_overlay { width: 100%;height: 100%;background: #0006;position: absolute;top: 0; }
#hm_cities .hm_boxes .box{ flex: 1 0 auto;height: 250px;overflow: hidden;width: 32%;border-radius: 18px;position:relative  }

#hm_cities .hm_boxes  .box .box_info{ position: absolute;bottom: 8%;left: 20px;z-index: 5;  }
#hm_cities .hm_boxes  .box .box_info h4{  color: #fff;margin-bottom: 10px;font-weight: 500;font-family: var(--en-font); }
#hm_cities .hm_boxes  .box .box_info a{ background: #fff;padding: 10px;border-radius: 20px;text-decoration: none;font-family: var(--en-font);color: #000; }

.frm_test{  display: flex;flex-direction: column;gap: 0.5em; }
.frm_test input:not(#test){ background: #fff;border: 1px solid #15151552;border-radius: 12px; }
#prj_projects h2 { font-size: 18px;font-family: var(--en-font); }
#prj_projects h2 span { font-weight: 500 }
.prj_header{margin: 8em 5em;  }
.prj_header_img,.country_header_img, .develop_header_img, .courses_header_img { position: relative;width: 100%;border-radius: 30px;overflow: hidden; }
.prj_header_img_overlay, .country_header_img_overlay, .develop_header_img_overlay, .courses_header_img_overlay { background-color: rgba(0, 0, 0, 0.35);width: 100%;height: 100%;position: absolute;border-radius: 30px; }
.prj_header .prj_header_img img,.country_header_img img, .develop_header_img img, .courses_header_img img{ width: 100%;height: 550px;object-fit: cover; }
.prj_header_search{padding: 1em; }
.prj_header_img h1, .country_header_img h1, .develop_header_img h1, .courses_header_img h1{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);color: #fff;text-align: center;font-weight: 500;font-family: var(--en-font); }
.prj_header_search form{ width: 100%;display: flex;justify-content: center;align-items: center;flex-wrap: wrap;gap: 1em; }
.prj_header_search .search_prj{ flex:1 0 400px;border: 1px solid #ddd;border-radius: 8px;background: #fff;font-family: var(--en-font);font-size: 15px; }
.prj_header_search select{ flex: 1 0 120px;background: #fff;border: 1px solid #ddd;border-radius: 8px;font-family: var(--en-font);font-size: 15px;cursor: pointer; }
.prj_header_search input[type="submit"] { border-radius: 8px;font-family: var(--en-font); }

#prj_projects > h1{ text-align: center;margin: 0;padding-top: 2em;font-family: var(--en-font); }
#prj_projects > p{ text-align: center;padding-top: 1em;font-family: var(--en-font); }
.country_head, .cor_head, .single_courses{margin: 8em 5em;}
footer{ width: 100%;padding: 3em 0; background: #99cbdb29/*#f7f5f1;*/}
footer .top{display: flex; justify-content: space-between;flex-wrap: wrap;padding: 3em 5em;    font-family: var(--en-font); }
footer .top:lang(ar){font-family: var(--ar-font);direction: rtl; }
footer .top .col-1 img{ width:120px }
footer .top .col-1 a { text-decoration: none;color: #000;font-weight: 300;}
footer .top .col-1 a p{ font-size: 15px;color: #000;font-weight: 300; }
footer .top .col-1 ul.terms{ list-style: none;display: flex;gap: 15px;padding: 15px 0;margin-top: 0.5em; margin-left: 0;}
footer .top .col-1 ul.terms li{ font-family: var(--en-font);font-size: 15px;color: #1c669c; }
#menu-footer-menu{list-style: none;margin: 0; }
#menu-footer-menu li{ margin-bottom: 0.3em; }
#menu-footer-menu li a{ color: #000;font-weight: 500;text-decoration: none;}
footer .top .col-1 h2{ font-size: 17px; }
footer .top .col-1 h2:lang(ar){font-size: 17px;font-weight: 500;text-align: right; }
footer .top .col-1 .social_meida {display: flex;align-items: center;gap: 0.8em; }
footer .top .col-1 .social_meida svg{ flex: 1 0 auto }
#countries_boxes{display: flex;align-items: center;justify-content: center;gap: 2em;flex-wrap: wrap;padding: 7em;}
.first_bx_cout,.country_box { width: 30%;height: 340px;border-radius: 18px;color: #fff;font-family: var(--en-font);    position: relative;overflow: hidden;}
.first_bx_cout {color:#000;display: flex;flex-direction: column;justify-content: center;}
.con_box_overlay{position: absolute;top: 0;width: 100%;height: 100%;opacity: .3;
    background-color: #000; }
  .country_box .info h3, .country_box .info p {color:#fff}
  .country_box .info {z-index: 5;position: inherit;padding: 1em;}
  .develop_head{ margin: 8em 5em; }
.develop_items{ margin: 3em 5em; }
.develop_items .bottom{ display: flex; }
.develop_items .bottom .items{ display: flex;flex-wrap: wrap;gap: 0.8em; }
.develop_items .bottom .items .item{flex: 1 0 250px;height: 300px;display: flex;flex-direction: column;justify-content: space-between;padding: 0.5em;border-radius: 12px;position: relative; cursor: pointer;}
.develop_items .bottom .items .item span{ width: 100%;text-align: right;padding: 15px; }
.develop_items .bottom .items .item h3{ font-size: 20px;font-family: var(--en-font);color: #fff; }
.dev_overlay{position: absolute;top: 0;left: 0;background: rgb(255,255,255);
  background: linear-gradient(16deg, rgba(255, 255, 255, 0.52) 0%, rgba(32, 100, 181, 0) 100%); width: 100%;height: 100%;}
 .develop_items form input:not(#dev_form_btn) {width: 50%;border: 1px solid #ddd;border-radius: 12PX;background: #fff;font-family: var(--en-font);}
 .develop_items form select{ width: 20%;border: 1px solid #ddd;border-radius: 12PX;background: #fff;font-family: var(--en-font);padding: 13px;}
  .develop_items form{margin: 2em 0em;display: flex;gap: 1.8em;flex-wrap: wrap;font-family: var(--en-font);}
  #dev_form_btn{width: 24%;border-radius: 10px;font-family: var(--en-font);}
  .show_filter{display:flex;}
  #hm_built {padding: 5em;background:#99cbdb29 /*#f7f5f1;*/ }
   #hm_built .container{ padding: 2em;border-radius: 18px;background: #fff;position: relative; }
   #hm_built .container img{ border-radius: 18px; }
  #hm_built .container  .info{ position: absolute;top: 10%;right: 10%;font-family: var(--en-font); }
  #hm_built .container  .info h2{ color: #fff;font-size: 35px;font-weight: 500; }
  #hm_built .container  .info span {color: #000;padding: 10px;border-radius: 20px;background: #fff; }
  #hm_dev  .item_n{ flex: 1 0 40%;border: 1px solid #000;height: 450px;background: #fff;border-radius: 18px;overflow: hidden;position: relative;}
  #hm_dev{ background: #000;padding: 3em 5em; }
  #hm_dev h2 { color:#fff !important }
  #hm_dev  .item_n h3{ position: absolute;top: 88%;left: 5%;color: #fff;font-weight: 600;font-size: 20px; }
  #hm_dev  .item_n img{ width: 100%;height: 100%;object-fit: cover; }
  #hm_dev  .item_n svg{ position: absolute;top: 5%;left: 88%; }
  #mobile_container_icon svg{ cursor: pointer;  }
   #mobile_container_icon .close_menu { display:none }
  #mobile_container{ display:none;position: fixed;top: 60px;left: 0;width: 100%;background: #fff;padding: 2em;border-top: 1px solid #1c669c29;border-bottom: 1px solid #1c669c33; z-index: 500;}
  .show_mobile_container { display: block !important }
  #menu-mobile-menu-en { list-style: none; margin: 0; }
  #menu-mobile-menu-en li{ padding-bottom: 0.6em; }
  #menu-mobile-menu-en li a{ text-decoration: none;color: #000; }
  .pro1_land_form {display: flex;flex-direction: column;gap: 1em;padding: 0em 2em 3em; }
  .pro1_land_form input:not(#submit_form){ background: #fff;border: 1px solid #ddd;border-radius: 12px;font-family: var(--en-font); }
  #submit_form {border: 1px solid #1c669c;border-radius: 12px;font-family: var(--en-font);background: #1c669c; }
  .plyr {border-radius: 12px; }
.ar_dirc { direction: rtl; }
.sty_btn_form_199{border-radius: 8px;background: #000; }
#menu-mobile-menu-ar,#menu-footer-menu-ar {margin: 0;direction: rtl; }
#menu-mobile-menu-ar li,#menu-footer-menu-ar li{text-decoration: none;list-style: none;margin-bottom: 0.4em;}
#menu-mobile-menu-ar li a {text-decoration: none; }
#menu-footer-menu-en,.col-1 ul { list-style: none;margin: 0;  }
#menu-footer-menu-en li,.col-1 ul li { margin-bottom: 0.5em }
#menu-footer-menu-en li,.col-1 ul li a{ text-decoration: none;color: #000;font-weight: 300; }
#gutenberg_crb_gallery .owl-item img{ height: 350px;object-fit: cover;border-radius: 8px; }
.cor_items_container .items{ margin: 8em 5em;display: flex;justify-content: start;align-items: initial;flex-wrap: wrap;gap: 1em; }
.cor_items_container .items .item{ flex: 0 0 30%;padding: 20px;border-radius: 14px;border: 1px solid #e8e8e8de;background:#fff;box-shadow: 0px 0px 18px #8a8a8a5c;transition: all 0.8s ease-in-out;display: flex;flex-direction: column;justify-content: space-around; }
.cor_items_container .items .item:lang(ar){ direction: rtl; }
.cor_items_container .items .item:hover{ box-shadow: 0px 0px 28px #d0e0eb; }
.cor_items_container .items .item .top h1{ flex: 0 0 30%;font-size: 18px;font-family: var(--en-font);font-weight: 500;color: #1c669c; }
.cor_items_container .items .item .top h1:lang(ar){ flex: 0 0 30%;font-family: var(--ar-font); }
.cor_items_container .items .item .middle img{ border-radius: 10px;height: 100%; }
.cor_items_container .items .item .bottom{display: flex;justify-content: space-between;align-content: baseline;flex-wrap: wrap;}
.cor_items_container .items .item .middle{ flex: 0 0 200px; }
.cor_items_container .items .item .bottom > .right { flex: 1 0 25%; font-family: var(--en-font);padding-top: 0.8em }
.cor_items_container .items .item .bottom > .left { flex: 1 0 75%; font-family: var(--en-font);padding-top: 0.8em }
.cor_items_container .items .item .bottom .left{ text-align: left;display: flex;gap: 0.5em; }
.cor_items_container .items .item .bottom .right{ text-align: right; }
.cor_items_container .items .item .bottom .right p{ font-weight: 500;font-size: 21px;color: #1c669c; }
.cor_items_container .items .item .bottom .right p:lang(ar){ text-align: left;font-size: 18px; }
.cor_items_container .bottom .left .course_img img{ width: 50px;height: 50px;border-radius: 100%;object-fit: cover; }
.cor_items_container .bottom .left .course_info h2{ font-size: 17px;margin-bottom: 0; }
.cor_items_container .bottom .left .course_info h2:lang(ar){   text-align: right; }
.cor_items_container .bottom .left .course_info p{ font-size: 14px;color: #1c669c;font-weight: 600; }
.single_courses{ margin-top: 10em }
.single_courses > h2{ width: 65%;margin-top: 3em;font-weight: 600;font-size: 23px;font-family: var(--en-font); }
.single_courses > h2:lang(ar){ direction: rtl;}
.single_courses_info { display: flex;gap: 2em; }
.single_courses_info > .left { flex: 1 0 65%; }
.single_courses_info > .right { flex: 1 0 35%; }
.single_courses_info .left .video{ width: 100%;height: 432px;overflow: hidden;border-radius: 12px; }
.single_courses_info .left .video .plyr--video{ height: 100%; }
.single_courses_info .left .about_course{ margin-top: 5em;font-family: var(--en-font); }
.single_courses_info .left .about_course:lang(ar){ direction: rtl;}
.single_courses_info .left .about_course h2{ font-weight: 600;font-size: 23px;font-family: var(--en-font); }
.single_courses_info .left .about_course p{ font-size: 17px;font-weight: 400;color: #373737;text-transform: capitalize;line-height: 1.8; }
.not_st_para p{color: #000}
.single_courses_info .left .about_course ul{ margin: 0;padding-left: 16px;line-height: 1.9;font-weight: 300; }
.single_courses_info .left .course_content{ margin-top: 3em; }
.single_courses_info .left .course_content:lang(ar){ direction: rtl; }
.single_courses_info .left .course_content h2{ font-weight: 600;font-size: 23px;font-family: var(--en-font); }
.single_courses_info .left .course_content .course_box {box-shadow: 0px 0px 10px #62626270;background: #fff;border-radius: 8px;padding-bottom: 1em; }
.single_courses_info .left .course_content .course_box .top{ padding: 20px;background: #1c669c24; }
.single_courses_info .left .course_content .course_box .top h3{ font-size: 20px;margin: 0;font-family: var(--en-font);color: #1c669c; }
.single_courses_info .left .course_content .course_box .bottom{ display: flex;padding: 1em 1em 0em 1em; }
.single_courses_info .left .course_content .course_box .bottom .left { flex: 1 0 70%; }
.single_courses_info .left .course_content .course_box .bottom .right{ flex: 1 0 30%; }
.single_courses_info .left .course_content .course_box .bottom .left {display: flex;align-items: center;gap: 20px;}
.single_courses_info .left .course_content .course_box .bottom .left a{ width: 100%; }
.single_courses_info .left .course_content .course_box .bottom .left a h3{ margin: 0;font-size: 16px;font-weight: 400;font-family: var(--en-font);color:#000 }
.single_courses_info .left .course_content .course_box .bottom .right{ display: flex;justify-content: right;align-items: center;gap: 20px; }
.single_courses_info .left .course_content .course_box .bottom .right:lang(ar){ justify-content: left;}
.single_courses_info .left .course_content .course_box .bottom .right p{ margin: 0;font-weight: 600;font-family: var(--en-font);color: #1c669c; }
.single_courses_info .course_details, .single_courses_info .course_require { border: 1px solid #c6c6c6;overflow: hidden;border-radius: 8px; }
.single_courses_info .course_details{display: none}
.single_courses_info .course_details .top{background: #c2d6e52b;padding: 3em;border-bottom: 1px solid #c6c6c6;margin-bottom: 2em}
.single_courses_info .course_details .top p{ text-align: center;font-size: 15px;font-weight: 400;font-family: var(--en-font);color: #7b7b7b;}
.single_courses_info .course_details .top a{ padding: 15px;margin: 5px auto;width: 80%;display: block;text-align: center;border-radius: 5px;font-family: var(--en-font);background: #4985b0;color: #fff;cursor: pointer; }
.single_courses_info .course_details .top a:hover{ background: #4985b0a3}
.single_courses_info .course_details .bottom > ul{ list-style: none;font-family: var(--en-font); }
.single_courses_info .course_details .bottom > ul li{ margin-bottom: .8em;display: flex;align-items: center;gap: 10px; }
.single_courses_info .course_details .bottom > ul li span{ font-size: 17px;color: #757575; }
.single_courses_info .course_require {padding: 2em;font-family: var(--en-font);box-shadow: 0px 0px 10px #62626270;
  background: #ffffffa6;}
.single_courses_info .course_require:lang(ar){direction: rtl;}
.single_courses_info .course_require .bottom { margin-top: 2em; }
.single_courses_info .course_require .bottom h2{ font-weight: 600;font-size: 23px;font-family: var(--en-font); }
.single_courses_info .course_require .bottom ul{ margin: 0 1em; }
.single_courses_info .course_require .bottom ul li p{ font-size: 17px;color: #757575;margin-bottom: 1em; }
.single_courses_info .course_require .top .info { display: flex;gap: 1em;margin-top: 1em; }
.single_courses_info .course_require .top .info .left img{ width: 65px;height: 65px;object-fit: cover;border-radius: 100%; }
.single_courses_info .course_require .top .info .right p:first-child{ font-weight: 600;margin: 0; }
.single_courses_info .course_require .top .info .right p:last-child{ color: #757575;font-weight: 400;margin: 0; }
#key_feauters_container{ display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;gap:1em }
#key_feauters_container .key-features-item { flex: 0 0 30%;text-align: center; }
#key_feauters_container .key-features-item h2{ font-family: Rubik, sans-serif;font-size: 17px;font-weight: 500;text-align: center;padding: 20px;border-radius: 18px;border: 1px solid rgba(28, 102, 156, 0.16);color: #1c669ca3;background-color: rgba(28, 102, 156, 0.16);margin-bottom: 0; }
#locations_container { display: flex;justify-content: space-between;align-items: stretch;flex-wrap: wrap;gap: 1em;margin: 1em 5em; }
#locations_container .locations-item{ text-align: center;border: 1px solid #ddd;width: 30%;border-radius: 10px;padding: 12px;background: #1c669c05; }
#locations_container .locations-item .main-head{ font-size: 18px;font-family: 'Rubik';margin-bottom: 5px;margin-top: 20px; }
#locations_container .locations-item .sub-head{ font-size: 21px;font-weight: 700;font-size: 18px;font-family: 'Rubik'; }
/* #chk_payment,#chk_register_new_user{ margin: 49px 0 0; } */
#chk_register_new_user {display: flex;justify-content: space-between;  align-items: center;flex-wrap: wrap;height: 100%;width: 100%;margin-top: 60px; transition: all 2s;}
#chk_register_new_user .left, #chk_register_new_user .right{flex: 1 0 50%;transition: all 2s; }
#chk_register_new_user .left{background: #eff7f9;height: 650px;padding: 3em; }
#chk_register_new_user .left img{ border-radius: 20px;height: 100%;object-fit: cover;}
#chk_register_new_user .right > div{ display: flex;flex-direction: column;justify-content: end;align-items: center; }
#chk_register_new_user .right .login,#chk_register_new_user .right .register {display: none;}
#chk_register_new_user .right > div h2{font-weight: 600;font-size: 19px;font-family: var(--en-font); }
#chk_register_new_user .right > div form{display: flex;flex-direction: column;justify-content: center;align-items: center;gap: 1em;width: 70%; }
#chk_register_new_user .right > div form input:not( .submit){width: 100%;border-radius: 10px;background: #fff;border: 1px solid #9595956e;font-family: var(--en-font);outline: 0; }
#chk_register_new_user .right > div form .submit{background: #eff7f9;border: 1px solid #fff ;color: #000;width: 100%;border-radius: 8px;font-weight: 600;font-family: var(--en-font);outline: 0; }
#chk_register_new_user .right > div form .submit:hover{background: #2c70a3;color: #fff; }
#chk_register_new_user .right > div  span{font-size: 17px;font-family: var(--en-font);margin-top: 1em;color: #6c6c6c; }
#chk_register_new_user .right > div  span a{padding-left: 8px;cursor: pointer; }
.ch_active {display: flex !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);}
#chk_payment {margin-top: 100px;}
.userinfo_chck p{text-align: center;font-family: var(--en-font);}
.userinfo_chck svg{display: block;margin: 5px auto;fill: #8ab1cc;}
.userinfo_chck p span{ font-weight: 500;color: #1c669c;border-bottom: 1px solid; }
.chk_logout {position: fixed;border: 1px solid #8ab1cc;;border-radius: 100%;height: 60px;width: 60px;text-align: center;}
.chk_logout a{display: flex;flex-direction: column;justify-content: center;align-items: center;height: 100%;}
.chk_logout a span{font-size: 12px;font-weight: 600;font-family: var(--en-font);}
.tax_product_container {  margin-top: 75px;display: flex;flex-wrap: wrap;justify-content: start;align-items: center;background: #0e3959; }
.tax_product_container  .prodcut_tax_item{ position: relative;flex: 0 0 30%;border-radius: 15px;padding: 10px; height: 380px; }
.tax_product_container  .prodcut_tax_item > span{color: #000;position: absolute;top: 0;right: 50%;transform: translate(50%);background: #ecf5f8;border-radius: 100%;width: 60px;height: 60px; }
.tax_product_container  .prodcut_tax_item > span svg{width: 60px;height: 60px;padding: 10px; }
.tax_product_container  .prodcut_tax_item img{ border-radius: 100%;height: 200px;width: 200px !important;object-fit: cover;width: 100%; }
.tax_product_container  .prodcut_tax_item a{ text-align: center;display: block;font-size: 20px;padding: 15px;font-family: var(--en-font);color: #000;color: #fff;font-weight: 600; }
div.prodcut_tax_item:nth-child(2){border-right: 2px solid #ffffff63 ;border-radius: 0;border-left: 2px solid #ffffff63;}
.iti{ width: 100%; }
.head_cat{margin-top: 17vh;}
#app_form_sec{padding: 4em;background: #e1e1e1;}
#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: 25px;font-weight: 400;}
#app_form > span { display: flex;gap: 2em; }
#app_form > span p{ display: flex; flex-direction: column;flex: 1 0 45%; }
#app_form > span p label{ font-size: 14px; }
#app_form > span p label:lang(ar){ font-size: 15px; }
#app_form{width: 60%;margin: auto;font-family: var(--en-font);padding: 2em 3em;background: #fff;border-radius: 10px;}
#app_form:lang(ar){direction: rtl;font-family: var(--ar-font);}
#app_form > span p input{background: #fff;border-radius: 10px;border-color: #ddd;}
#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 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;font-family: var(--en-font);}
#submit_app:lang(ar){font-family: var(--ar-font);}
 #video_edits_input,#shorts_done_input{margin-bottom: 1em;}
button.iti__selected-country{ background-color: #d02c2c00; }
.error_phone_number{display: none}
.chek_container{ padding: 2em 10em; }
.chek_container form{ width: 70%;margin: 5px auto;border: 1px solid #ddd;padding: 20px;border-radius: 10px;font-family: var(--en-font); }
.chek_container form div{ display: flex;gap: 1em;margin-bottom: 1em; }
.chek_container form div input{ flex: 1 0 45%;background: #fff;border-radius: 10px;border: 1px solid #e1e1e1;font-family: var(--en-font);font-size: 15px; }
.chek_container form div textarea{ background: #fff;border-radius: 10px;border: 1px solid #e1e1e1;font-family: var(--en-font);font-size: 15px; }
.chek_container form input[type='submit']{ width: 40%;border-radius: 12px;color: #fff;font-family: var(--en-font); }
#player_intro { width:100%;border-radius: 8px; }
#chk_register_new_user .left > h3{text-align: center;font-size: 17px;font-weight: 500;font-family: var(--en-font);}
/* .single_courses_info .left .video .plyr__video-wrapper{position: relative;padding-top: 56.25%;overflow: hidden;} */
/* .single_courses_info .left .video .plyr__video-wrapper #player{position: absolute;top: 0;left: 50%;transform: translateX(-50%);width: 100%;height: 100%;object-fit: unset;} */
.bottom_mobile_menu a { font-size: 15px;color: #000;border: 1px solid;padding: 8px;border-radius: 8px;width: 50%;display: block;text-align: center; }
.error_register { margin-top: 0px;font-size: 14px;font-family: var(--en-font);text-align: center; }
/* .success_register { color: green;font-size: 14px;margin-top: 5px; } */
.error-border {border: 1px solid #c33c3c !important; }
.valid-border { border: 1px solid #39a339 !important;}
#success_message {color: green;font-size: 16px;display: none;}
#error_message {color: red;font-size: 16px;display: none;}
.HEAD_HE965{display: flex;align-items: center;justify-content: space-between;gap: 2em;}
.HEAD_HE965 .logout a{ color: #000;border: 1px solid;padding: 8px;border-radius: 16px;font-size: 15px;font-family: var(--en-font);}
#loginButton2 {display: none;justify-content: center;align-items: center;gap: 12px;margin: 5px auto;border: 1px solid #000000;border-radius: 10px;background: #fff;color: #000;font-weight: var(--en-font);padding: 10px 20px;cursor: pointer;width: 50%;text-align: center;font-weight: 500;transition: all 0.5s;}
#loginButton2:hover { background-color: #d4eaef;border: 1px solid #629fad; }
.bi-arrow-down-circle{ display: none }
.bi-arrow-right-circle{ display: block; }
#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(--ar-font);direction: rtl;}
#login_container{width: 50%;text-align: center;border: 1px solid #dddd;border-radius: 8px;margin: 10em auto;background: #fff;padding: 15px;}
#loin_form_id{display: flex;flex-direction: column;flex-wrap: wrap;gap: 15px;}
#loin_form_id > div{display: flex;flex-direction: column;gap: 15px;width: 100%;padding: 0em 8em;}
#log_username,#log_password{width: 100%;border-radius: 8px;background: #fff;font-family: inherit;}
#submit_login{width: 60%;margin: auto;border-radius: 10px;}
.success_reg{font-size: 16px;font-weight: 500;background: #93f9ac;padding: 8px;border-radius: 8px;}

/* style ghaf woods 2 project*/
#ghaf_01,#ghaf_binghat_03,#ghaf_binghat_04,#ghaf_binghat_05{font-family: "Montserrat", serif;}
  #ghaf_04 .cl_02 {flex-wrap: wrap;margin-bottom: 10vh;}
  #ghaf_04 .cl_02 .item{flex: 1 0 260px !important;}
  #ghaf_04 .cl_02 .item:nth-child(5) {
  border-left: 1px solid #aaa9a9;
  border-right: 1px solid #aaa9a9;
  padding: 0px 40px;
  }
  #ghaf_binghat_04 .details{align-items: start !important;}
  #ghaf_binghat_04 .sing_01 .details p{text-align: left !important;}
  #ghaf_binghat_04 .sing_01 img{ border: 3px solid #2663ba57 !important;border-radius: 40px !important; padding: 20px !important;opacity: 0.8;}
  #ghaf_binghat_04 .sing_01 .details h5{font-weight: 600;font-size: 16px;}
  #ghaf_binghat_05 .top img{border: 3px solid #2663ba57 !important;border-radius: 40px !important; padding: 20px !important;}
  #ghaf_binghat_03 {   padding: 4em 4em 0 !important; }
  #ghaf_04 .cl_02 .item h5{font-size: 17px;}
  #social_link{display: block;
  position: fixed;
  z-index: 5000;
  background: #2663ba;
  right: 0;top: 50%;
  padding: 10px;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;}
  #social_link svg{height: 40px;}
/* end style ghaf woods project*/

/* style ghaf woods  project*/
#gf_01{font-family: 'Montserrat';
  background-image: url(https://www.dxboff-plan.ae/wp-content/uploads/2025/03/Ghaf-woody-2.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  text-align: center;position: relative;
}
#gf_01 .content .co_01{
  font-size: 45px;
  font-weight: 500;
}
.arabic .content .co_01{
  font-size: 23px !important;
}
#gf_01 .content .t-title strong{
  font-size: 62px; font-weight: 800;
}
.arabic .content .t-title strong{font-size: 45px !important;}
#gf_01 .content .co_02 > span{
  width: 55%;
  display: block;
  margin: auto;
  line-height: 1.6;
}

#gf_01 .content .co_02 {
  font-size: 18px; line-height: 20px;
}
.arabic .content .co_02 {font-size: 22px !important;}
#gf_01 .content{
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  text-align: center;
  z-index: 5;
  color: #fff;
}
#gf_01 .overflow{
  background: #03020475;
  width: 100%;
  height: inherit;
  position: absolute;
}
#gf_01 a{
  background: #fff;
  padding: 14px 30px;
  z-index: 5;
  border-radius: 29px;
  color: #000;
}
#gf_02 {font-family: 'Montserrat';
  background: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 20px;
}
#gf_02 .t467__descr{
  width: 60%;
}
#gf_03 {font-family: 'Montserrat';
  background: #fff;overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 5em 0 0;
}
#gf_03 #gf_03_owl{
  background: #000;
  color: #fff;
}
#gf_04{font-family: 'Montserrat';
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 30px;
  background: #fff;
}
#gf_03 .formsVir{
  width: 90%;
}
#gf_02 > h3{
  font-size: 52px;
  font-weight: 500;
}
.arabic > h3{font-size: 36px !important;font-weight: 400 !important;}
#gf_02 .t467__descr strong{
  font-size: 20px; line-height: 1.8;
}
#gf_02 .t467__descr p{
  font-size: 30px; line-height: 1.8;font-weight: 600
}
#gf_03 h4{
  font-size: 20px;
  font-weight: 500;
  margin-top: 40px;
}
#gf_04 h6{
  font-size: 20px;
  font-weight: 600;
  margin-top: 40px;
}
#gf_04 h1{
  font-size: 60px;
  font-weight: 600;
  margin-top: 40px;
}
#gf_04 .imgs{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 30px;
}
#gf_04 .imgs img{width: 42%;}
#gf_03_owl .owl-stage {
  display: flex;
  transition: transform linear !important;
  will-change: transform;
}
#gf_05,#gf_06{
font-family: 'Montserrat';
  background: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
  padding-top: 30px;
}
#gf_05 h3,#gf_06 h3,#gf_07 h3{
  font-size: 38px;font-weight: 500
}
#gf_05 h6,#gf_06 h6,#gf_07 h6{
  font-size: 22px;font-weight: 300
}
#gf_05 .items{
  display: flex;
  justify-content: space-around;
  width: 100%;
  align-items: center;
  flex-wrap: wrap;text-align: center;
}
#gf_05 .items .item{
  flex: 0 0 250px;
}
#gf_05 .items .item p:nth-child(2){
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 0;
}

#gf_05 .items .item p:nth-child(4){
  font-size: 19px;
  font-weight: 600;
  margin-bottom: 0;
}
#gf_05 .items .item img{width: 34%;margin-top: 35px;}
#gf_05 a{background: #000;padding: 15px;color: #fff;margin: 30px 0;}
#gf_06 .formss{width: 50%}
#phone-2 input,#phone-1 input,#name-1 input,#email-1 input,
.forminator-ui#forminator-module-657.forminator-design--default .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"],
.forminator-ui#forminator-module-661.forminator-design--default .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"]{
  height: 60px !important;background: #fff !important
}
button.btnssSub{
  background: #000 !important;
  margin: auto !important;
  display: block !important;
  padding: 14px 30px !important;
  font-size: 18px !important;
}
#gf_07{font-family: 'Montserrat';
  height: 600px;position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  background-image: url(https://www.dxboff-plan.ae/wp-content/uploads/2025/03/65215401-0-Ghaf-Wood.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
#gf_07 .overflow{height: inherit;width: 100%;position: absolute;
  top: 0;
  background-image: -moz-linear-gradient(top, rgba(4,8,20,0.60), rgba(4,8,20,0.80));
  background-image: -webkit-linear-gradient(top, rgba(4,8,20,0.60), rgba(4,8,20,0.80));
  background-image: -o-linear-gradient(top, rgba(4,8,20,0.60), rgba(4,8,20,0.80));
  background-image: -ms-linear-gradient(top, rgba(4,8,20,0.60), rgba(4,8,20,0.80));
  background-image: linear-gradient(top, rgba(4,8,20,0.60), rgba(4,8,20,0.80));
}
#gf_07 .content{
  color: #fff;z-index: 50;position: inherit;
}
#gf_07 h6{
  width: 60%;
  margin: auto;
}
#gf_07 .btns_07{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  z-index: 50;margin-top: 20px;
  /* border-radius: 20px; */
  /* overflow: hidden; */
}
#gf_07 .btns_07 svg{
  width: 40px;
}
#gf_07 .btns_07 svg.t581__arrow-icon_mobile{
  display: none
}
#gf_07 .btns_07 a{
  background: #25d366 ;
  color: #fff;
  padding: 17px;
}

@-webkit-keyframes ticker {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes ticker {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.ticker-wrap {
  position: relative;
  bottom: 0;
  width: 100%;
  overflow: hidden;
  height: 4rem;
  background-color: rgba(0, 0, 0, 0.9);
  padding-left: 100%;
  box-sizing: content-box;
}
.ticker-wrap .ticker {
  display: inline-block;
  height: 4rem;
  line-height: 4rem;
  white-space: nowrap;
  padding-right: 100%;
  box-sizing: content-box;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-name: ticker;
  animation-name: ticker;
  -webkit-animation-duration: 110s;
  animation-duration: 110s;
}
.ticker-wrap .ticker__item {
  display: inline-block;
  padding: 0 2rem;
  font-size: 1.2rem;
  color: white;
}

.iconCalls{
  position: fixed;
  right: 0;
  top: 40%;
  background: #25D366;
  width: 50px;
  height: 55px;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
}
.iconCalls ul{list-style: none;
  margin: 0;}
  .iconCalls ul a{padding: 8px;
  margin: auto;
  display: block;}
.langsLan{
  background: #fff;border: 1px solid #ddd;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.langsLan li a{
  font-size: 22px;
  text-transform: capitalize;
  font-weight: 600;
  color: #000;
}
/* end style ghaf woods project*/
.arabic{ font-family: 'tajawal' !important; direction: rtl;}
#forminator-module-660 .iti--allow-dropdown .iti__country-container,#forminator-module-660 .iti--show-selected-dial-code .iti__country-container,
#forminator-module-661 .iti--allow-dropdown .iti__country-container,#forminator-module-661 .iti--show-selected-dial-code .iti__country-container{
  right: 0 !important;
  left: auto !important;
}
 #forminator-module-660 #phone-1 input,
 #forminator-module-661 #phone-1 input{padding-right: 40px !important;padding-left: 0;}

 #forminator-module-660 .phone-input ,
 #forminator-module-661 .phone-input {
         direction: rtl; /* تعيين اتجاه النص من اليمين إلى اليسار */
         text-align: right;
     }

     /* جعل العلم يظهر على اليمين بدلاً من اليسار */
    #forminator-module-660 .iti ,
    #forminator-module-661 .iti {
         /* direction: ltr; /* لمنع انعكاس اتجاه العلم */
         text-align: left !important;
     }

     /* ضبط موقع العلم */
  #forminator-module-660   .iti__flag-container ,
  #forminator-module-661   .iti__flag-container {
         left: auto;
         right: 0; /* نقل العلم إلى اليمين */
     }

     /* ضبط مكان قائمة الدول */
    #forminator-module-660 .iti--allow-dropdown input ,
    #forminator-module-661 .iti--allow-dropdown input {
         padding-left: 10px !important;
         padding-right: 50px !important; /* لأن العلم على اليمين */
         direction: ltr;
     }

  #forminator-module-660   .iti__country-list ,
  #forminator-module-661   .iti__country-list {
         text-align: justify;
          /* محاذاة أسماء الدول لليمين */
     }


  /* Extra small devices (phones, less than 576px) **********************************************/
@media (max-width: 575.98px) {
    /* CSS rules for extra small devices */
    #gf_04 .imgs img {width: 100%;}
    #gf_06 .formss {width: 90%;}
    #gf_07 .btns_07 svg.t581__arrow-icon_mobile{display: block;width: 8%;
    margin-top: 30px;}
    #gf_07 .btns_07 svg.t581__arrow-icon{display: none;}
    #gf_07 .btns_07{flex-direction: column;}
    #gf_05 h3,#gf_06 h3,#gf_07 h3 {font-size: 28px !important;text-align: center;
    width: 95%;}
    #gf_05 h6,#gf_06 h6,#gf_07 h6 {font-size: 18px;text-align: center;width: 95%;}
    #gf_05 .items .item img{width: 20%;margin-top: 35px;}
    #gf_05 .items .item:nth-child(2){
      border-right: none;border-left:none;
      border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;margin-top: 30px;padding-bottom: 30px;}

    #gf_01 .content .co_01{font-size:28px;}
    #gf_01 .content{width: 85%}
    #gf_01 .content .strong{font-size: 30px;}
    #gf_01 .content .co_02 > span {width: 90%;}
    #gf_01 .content .t-title strong{font-size: 32px !important; font-weight: 800;}
    #gf_01{height: 90vh;}
    #gf_02 > h3{font-size: 26px !important}
    #gf_02 .t467__descr{width: 90%}
    #gf_02 .t467__descr strong{font-size: 15px}
    #gf_02 .t467__descr p{font-size: 28px;}
    #gf_03 h4{font-size: 16px;text-align: center;}
    #gf_04 h6{font-size: 17px;text-align: center;margin-bottom: 0;}
    #gf_04 h1{font-size: 25px;margin-top: 30px;}

    #ghaf_binghat_04 .sing_01 img{opacity: 1;}
    .sing_binghat h2{font-size: 26px;}
    .sing_binghat .main_img_binghat, .sing_binghat_02,.sing_binghat_03 {margin: 1em;padding: 1em;}
    #ghaf_01 .main_img_binghat{padding: 0px}
    #ghaf_04 p:nth-child(2){text-align: center !important;margin-bottom: 0.5em !important;}
    #ghaf_04 > p:nth-child(5){text-align: center !important;margin-bottom: 0em !important;}
    #ghaf_04 .cl .left{margin: 1em 0px;}
    #ghaf_04 .cl .left .item{width: 40%;}
    #ghaf_binghat_03 {padding: 1em !important;border-radius: 15px;}
    #ghaf_binghat_03 h3{font-size: 16px;}
    #ghaf_binghat_03 h4{font-size: 16px;font-weight: 300 !important;}
    #ghaf_binghat_03 p{font-size: 14px;}
    #ghaf_binghat_04 .sing_01 .details{font-size: 19px;}
    #ghaf_binghat_04 .sing_01 .details h5{font-weight: 500;font-size: 14px;}
    #ghaf_binghat_04 .sing_01 .details p {font-size: 15px;line-height: 1.6;}
    #ghaf_04 h2{font-size: 19px;}
    #ghaf_04 p{font-size: 15px;}
    #ghaf_04 .cl_02 .item{flex: 1 0 130px !important;}
    #ghaf_04 .cl_02 .item h5{font-size: 15px;}
    #ghaf_04 .cl_02 .item:nth-child(5){border:none}

    .sing_binghat .main_img_binghat span {width: 80%}
    .single_courses_info > .left{width: 100% !important}
    .sing_binghat_02 .left > h2{text-align: center;font-size: 28px;margin-top: 1em;}
    .sing_binghat_02 .right , #frm_sing_binghat{width: 100%;}
    .sing_binghat_03 p {width: 97%;font-size: 16px;}
    .sing_binghat_03 h3 {font-weight: 600;font-size: 20px;}
    .sing_binghat_03,.sing_binghat_04{padding: 1em;}
    .sing_binghat_04 .sing_01, .sing_binghat_04 .sing_02{flex-direction: column;}
    .sing_binghat_04 .sing_02 .details{order: 2;text-align: left;}
    .sing_binghat_04 .sing_02 img{order: 1;}
    .sing_binghat_04 .sing_01 .details h3, .sing_binghat_04 .sing_02 .details h3{font-weight: 600;font-size: 23px;border-bottom: 0.2px solid #9f9f9f;padding-bottom: 10px;}
    .sing_binghat_04 .sing_02 .details p, .sing_binghat_04 .sing_01 .details p{font-size: 16px;text-align: left;}
    .sing_05 .top{padding: 1em;}
    .sing_05 .top img{height: 300px;object-fit: cover;}
    .sing_05 .bottom h2 {font-size: 30px;}
    .sing_05 .bottom ul{width: 100%;}
    .sing_05 .bottom ul li{font-size: 15px;}
    .sing_05 .bottom ul{gap: 15px;}
    .sing_06 {margin: 1em;padding: 1em;}
    #sing_binghat_slider .item img{height: 250px;width: 100%;object-fit: cover;}
    .sing_06 .left, .sing_06 .right,.sing_06 .right { width: 100%;}
    .sing_06 .left h2 {font-size: 25px;}
    .sing_06 .right { margin-top: 2em}
    .sing_04{padding: 1em;}
    .sing_04 .cl .left .item, .sing_04 .cl .right .item{width: 100%;}
    .sing_04 .cl .left, .sing_04 .cl .right{gap: 2em;}
    .sing_04 h2{font-size: 23px}
    .sing_04 .cl .left .item h3, .sing_04 .cl .right .item h3{font-size: 20px;}
    .sing_04 .cl .left .item h2, .sing_04 .cl .right .item h2{font-size: 24px;}
    .sing_04 .cl .left .item p, .sing_04 .cl .right .item p{margin-bottom: 0.5em;}
    .sing_04 .cl_02{flex-direction: column;gap: 0.1em;}
    .sing_04 .cl_02 .item{width: 100%;}
    .sing_04 .cl_02 .item:nth-child(2){border: none}
    .sing_04 .cl_02 .item h3 {font-size: 18px;}
    .sing_04 .cl_02 .item p{font-size: 15px;margin-bottom: 0.6em;}


    #login_container {width: 95%;}
    #loin_form_id > div{padding: 0em;}
    #submit_login {width: 100; padding: 7px;font-size: 16px;}
    #login_container > h2{font-size: 26px;}
    #log_username, #log_password{font-size: 15px;}
    .cor_items_container .items .item .top h1{font-size: 16px;}
    .cor_items_container .items .item .middle {flex: 1 0 150px;}
    .cor_items_container .items .item .bottom > .left {flex: 1 0 100%;}
    .cor_items_container .items .item .bottom .right {text-align: center}
    .cor_items_container .items .item .bottom .right p{font-size: 17px;margin: 0;}
    .cor_items_container .bottom .left .course_info h2 {font-size: 14px;}
    #app_form_sec h3:lang(ar){font-size: 15px;font-family: var(--ar-font);font-weight: 500;}
    #app_form_sec h3:lang(en){font-size: 15px;font-family: var(--ar-font);font-weight: 500;}
    #app_form_sec{padding: 0;padding-top: 2em;}
    #app_form {width: 100%;padding: 1.5em;border-radius: 30px;border-bottom-right-radius: 0;border-bottom-left-radius: 0;}
    #app_form > span{flex-direction: column;gap:0}
    .develop_head, .prj_header, .gl_margin, .cor_head, .cor_items_container .items{ margin: 1em;margin-top: 7em; }
    .prj_header_img h1, .country_header_img h1, .develop_header_img h1 {font-size: 27px;width: 90%; }
    .develop_items form input:not(#dev_form_btn) { width: 100%;font-size: 15px; }
    .develop_items form select { width: 100%; }
    #dev_form_btn { width: 100%;font-size: 15px; }
    #hm_main_menu #main_menu_container ul { display:none;}
    .develop_items { margin: 3em }
    .develop_items .bottom .items .item { flex: 1 0 150px;height: 180px; }
    .develop_items, .country_head{ margin: 2em;margin-top: 7em; }
    .develop_items .bottom .items .item h3 { font-size: 17px; }
    .develop_items form select{ font-size:15px }
    .develop_items form {gap: 1em; }
    #prj_projects > h1 {font-size: 19px;font-weight: 500; }
    #prj_projects > p {font-size: 15px; }
    #prj_projects .items { padding-left:0;gap: 1em;}
        #prj_projects .items .item { flex: 1 0 120px;}
    #prj_projects .items .item .top img{ height: 160px !important; }
    #prj_projects .items .item .bottom .top p{padding: 0.5em 0;font-size: 15px; }
    #prj_projects h2 {font-size: 15px;}
    .prj_header { display: flex; flex-direction: column; margin-top: 7em;}
    .prj_header_search {order: 2;padding: 1em 0; }
    /*.prj_header_search form {flex-direction: column; }*/
    .prj_header_search select,.prj_header_search .search_prj {width: 50%;font-size: 15px;}
    .prj_header_search input[type="submit"] { width: 100%;font-size: 15px; }
    #countries_boxes {padding: 2em; }
    .country_box,.first_bx_cout {flex: 1 0 120px;height: 200px; }
    #countries_boxes {gap: 1em; }
    .first_bx_cout { padding: 10px;gap: 0.5em; }
    .first_bx_cout h2{ font-size: 15px;margin: 0;  font-weight: 500; }
     .first_bx_cout p{ margin: 0;font-size: 14px; }
     .country_box .info h3,.country_box .info p {font-size: 18px;margin-bottom: 0.5em; }
     #hm_home {margin: 2em;margin-top: 6em;padding: 4em 1em;background-size: auto; }
     #hm_home .left h2 {width: 100%;font-size: 35px;line-height: 1.5;font-weight: 500;color: #000000c4;text-align: center;}
     .hm_search { width: 100%; }
     #hm_cities h2, #hm_projects h2, #hm_dev h2 { font-size:22px;margin-bottom: 1em;}
     #hm_cities .hm_boxes .box .box_info h4 { font-size:19px }
     #hm_cities .hm_boxes .box .box_info a { font-size: 15px; }
     #hm_owl_projects {padding-left: 0px;}
     #hm_owl_projects .item .top img {height: 170px !important; }
     #hm_owl_projects .item .bottom .top p { font-size: 15px; }
     #hm_projects h2{ margin-bottom: 1em }
     #hm_dev .dev_items .item { flex: 1 0 170px;}
     #hm_dev .dev_items .item .right h3 {font-size: 15px; }
     #hm_cities .hm_boxes .box { height: 210px; }
     #hm_dev .dev_items .item .left img {width: 90px;border-radius: 10px;height: 90px; }
     footer .top {padding: 1em;}
     footer .top .col-1{ flex: 1 0 100%;margin-bottom: 1em; }
     footer .top .col-1 h2 {font-size: 16px;font-weight: 500;}
     #ghaf_binghat_04 .sing_01 img{height: 400px;}
     #hm_built {padding: 1em; }
     #hm_built .container .info h2 {font-size: 23px; }
     #hm_built .container .info span { font-size: 12px; }
     #hm_built .container .info {top: 50%;left: 50%; transform: translate(-50%,-50%);width: 70%;}
     #hm_built .container { padding: 1em; }
     #hm_dev { padding: 2em; }
     #hm_dev .item_n {height: 200px;flex: 1 0 45%; }
     #hm_dev .item_n svg { top: 10%;left: 70%; }
     #hm_dev .item_n h3 {top: 75%; left: 10%;font-size: 17px; }
     #hm_main_menu .lan{ display: none }
     #hm_main_menu { height: 60px;padding: 0.5em 1em; }
     #hm_main_menu .logo a img{ width: 60%; }
     .remve_bk { background-image:none !important;}
     .remve_bk .gb-container-6b27113b { border: 1px solid #c6c6c6; }
     #forminator-module-147 { font-family: var(--en-font); }
     #forminator-module-147  .forminator-button{border-radius: 10px !important;background-color: #1c669c !important;}
     .hide_in_mobile{ display: none !important; }
     footer .top .col-1 ul.terms {margin: 0;justify-content: center; }
     .cor_items_container .items .item { flex: 1 0 50%; }
     .single_courses { margin: 6em 1em;}
     .single_courses_info{ flex-wrap: wrap; }
     /* .single_courses_info .left .video { height: 300px; } */
     .plyr { height: fit-content;width: fit-content; }
     .sing_03 > div {padding: 1em;}
     .sing_03 {height: fit-content;padding: 1em;}
     .single_courses_info .left .about_course h2,.single_courses_info .left .about_course h2,
     .single_courses_info .left .course_content h2, .single_courses_info .course_require .bottom h2{ font-size: 20px; }
     .single_courses_info .left .about_course p, .single_courses_info .left .about_course ul li,.single_courses_info .left .course_content .course_box .bottom .right p,
     .single_courses_info .course_require .bottom ul li p { font-size: 15px; }
     .single_courses_info .left .course_content .course_box .top h3{ font-size: 17px; }
     .single_courses_info .course_details .bottom > ul li span,.single_courses_info .left .course_content .course_box .bottom .left h3{ font-size: 15px; }
     #key_feauters_container .key-features-item { flex: 1 0 47%;height: 100px; }
     #key_feauters_container .key-features-item h2{ height: 100%;padding:0;padding-top: 35px;font-size: 15px; }
     #locations_container .locations-item{ flex: 1 0 47%;height: 200px;display: flex;flex-direction: column;justify-content: center;align-items: center; }
     #locations_container{ margin: 1em; }
     #locations_container .locations-item .main-head { font-size: 15px; }
     #locations_container .locations-item .sub-head { font-size: 16px; }
     #chk_register_new_user .left{ flex: 1 0 100%;height: fit-content;padding: 3em 1em 1em;}
     #chk_register_new_user .right { padding: 5em 0;flex: 1 0 100%; }
     #chk_register_new_user .right > div form{width: 80%; }
     #chk_register_new_user .right > div form input:not(.submit),
     #chk_register_new_user .right > div form .submit{font-size: 15px;}
     #chk_register_new_user .right > div span {font-size: 15px;}
     .tax_product_container .prodcut_tax_item{flex: 1 0 50%;padding: 5px;height: 301px;border-right: none !important;border-left: none !important}
     .tax_product_container .prodcut_tax_item img{height:170px; width: 170px !important;}
     .tax_product_container .prodcut_tax_item a{font-size: 15px;padding: 10px;}
     .head_cat h3{font-size: 22px;padding:0px 20px;}
     .tax_product_container{gap: 1em !important;padding: 1em !important;}
     .prj_header .prj_header_img img, .country_header_img img, .develop_header_img img, .courses_header_img img{ height: 360px; }
     footer .top .col-1 a { font-size: 16px; }
     .single_courses > h2{ font-size: 16px;width: 100%; }
     .HEAD_HE965 .logout a{display: none}
     .bi-arrow-down-circle{ display: block !important; }
     .bi-arrow-right-circle{ display: none; }
     #hm_main_menu .logo {width: 130px;}
     footer{padding: 1em 0;}
}

/* Small devices (phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
  #gf_04 .imgs img {width: 100%;}
  #gf_05 h3 {font-size: 35px;}
  #gf_05 h6 {font-size: 20px;text-align: center;}
  #gf_05 .items .item img{width: 27%;margin-top: 38px;}
  #gf_05 .items .item{flex: 0 0 auto;}
  #gf_05 .items .item:nth-child(2){
    border-right: none;border-left:none;
    }


  #gf_01 .content .co_01{font-size: 19px;}
  #gf_01 .content .strong{font-size: 35px;}
  #gf_01 .content .co_02 > span {width: 90%;}
  #gf_01 .content .t-title strong{font-size: 36px; font-weight: 800;}
  #gf_01{height: 90vh;}
  #gf_02 > h3{font-size: 34px}
  #gf_02 .t467__descr{width: 90%}
  #gf_02 .t467__descr strong{font-size: 20px}
  #gf_02 .t467__descr p{font-size: 25px;}
  #gf_03 h4{font-size: 19px;text-align: center;}
  #gf_04 h6{font-size: 23px;text-align: center;margin-bottom: 0;}
  #gf_04 h1{font-size: 28px;margin-top: 32px;}


	.sing_binghat_02 .left{width: 100%;text-align: center}
	.sing_binghat_02 .right{width:100%}
	.sing_binghat_03 p {width: 95%;}
 #hm_main_menu .logo {width: 150px;}

    .single_courses_info > .left{width: 100% !important}
    #login_container {width: 95%;}
    #loin_form_id > div{padding: 0em;}
    #submit_login {width: 100; padding: 7px;font-size: 16px;}
    #login_container > h2{font-size: 26px;}
    #log_username, #log_password{font-size: 15px;}
    .cor_items_container .items .item { flex: 1 0 50%; }
    #app_form_sec h3:lang(ar){font-size: 16px;font-family: var(--ar-font);font-weight: 500;}
    #app_form_sec h3:lang(en){font-size: 16px;font-family: var(--ar-font);font-weight: 500;}
    #app_form_sec{padding: 0}
    #app_form {width: 90%;padding: 1.5em;border-radius: 30px;}
    #app_form > span{flex-direction: column;gap:0}
    .develop_head { margin: 2em;margin-top: 10em; }
    .prj_header_img h1, .country_header_img h1, .develop_header_img h1 {font-size: 27px;width: 90%; }
    .develop_items form input:not(#dev_form_btn) { width: 100%;font-size: 15px; }
    .develop_items form select { width: 100%; }
    #dev_form_btn { width: 100%;font-size: 15px; }
    #hm_main_menu #main_menu_container ul { display:none;}
    .develop_items { margin: 3em }
    .develop_items .bottom .items .item { flex: 1 0 150px;height: 180px; }
    .develop_items { margin: 2em; }
    .develop_items .bottom .items .item h3 { font-size: 17px; }
    .develop_items form select{ font-size:15px }
    .develop_items form {gap: 1em; }
    #hm_home {margin: 2em;margin-top: 10em;padding: 2em;background-size: auto; }
     #hm_home .left h2 {width: 100%;font-size: 2.5rem;}
     .hm_search { width: 100%; }
	#hm_owl_projects {padding-left: 0px;}
    #hm_owl_projects .item .top img {height: 200px !important;  }
    .gl_margin {margin: 3em;}
    #hm_cities h2, #hm_projects h2, #hm_dev h2 { font-size: 25px;}
    #hm_dev .dev_items .item{ flex: 1 0 200px; }
     #hm_built {padding: 1em; }
     #hm_built .container .info h2 {font-size: 25px; }
     #hm_built .container .info span { font-size: 16px; }
     #hm_built .container .info {top: 50%;left: 50%; transform: translate(-50%,-50%);width: 70%;}
     #hm_built .container { padding: 1em; }
      #hm_dev { padding: 2em; }
     #hm_dev .item_n {height: 200px;flex: 1 0 45%; }
     #hm_dev .item_n svg { top: 10%;left: 80%; }
     #hm_dev .item_n h3 {top: 75%; left: 10%;font-size: 21px; }
     #hm_main_menu .lan{ display: none }
     #hm_main_menu { height: 60px;padding: 0.5em 1em; }
     #hm_main_menu .logo a img{ width: 60%; }
     .remve_bk { background-image:none !important;}
     .remve_bk .gb-container-6b27113b { border: 1px solid #c6c6c6; }
      #forminator-module-147 { font-family: var(--en-font); }
     #forminator-module-147  .forminator-button{border-radius: 10px !important;background-color: #1c669c !important;}
     .hide_in_mobile{ display: none !important; }
     .single_courses { margin: 6em 2em;}
     .single_courses_info{ flex-wrap: wrap; }
     .single_courses_info .left .video { height: 300px; }
     .plyr { height: 100%; }
     .single_courses_info .left .about_course h2,.single_courses_info .left .about_course h2,
     .single_courses_info .left .course_content h2, .single_courses_info .course_require .bottom h2{ font-size: 20px; }
     .single_courses_info .left .about_course p, .single_courses_info .left .about_course ul li,.single_courses_info .left .course_content .course_box .bottom .right p,
     .single_courses_info .course_require .bottom ul li p { font-size: 15px; }
     .single_courses_info .left .course_content .course_box .top h3{ font-size: 17px; }
     .single_courses_info .course_details .bottom > ul li span,.single_courses_info .left .course_content .course_box .bottom .left h3{ font-size: 15px; }
     #key_feauters_container .key-features-item { flex: 1 0 47%; }
     #locations_container .locations-item{ flex: 1 0 47%;height: 200px;display: flex;flex-direction: column;justify-content: center;align-items: center; }
     #locations_container{ margin: 1em; }
     #locations_container .locations-item .main-head { font-size: 17px; }
     #locations_container .locations-item .sub-head { font-size: 19px; }
     #chk_register_new_user .left{display:none}
     #chk_register_new_user .right {padding: 3em 0; }
     .tax_product_container .prodcut_tax_item{flex: 1 0 30%;padding: 5px;height: 301px;}
     .tax_product_container .prodcut_tax_item img{height: 190px; width: 190px !important}
     div.prodcut_tax_item:nth-child(2){border-left: none !important;border-right: none !important}
     .tax_product_container .prodcut_tax_item a{font-size: 15px;padding: 5px;}
     .tax_product_container{gap: 1em;padding: 1em !important;}
     .prj_header .prj_header_img img{ height: 450px; }
     footer .top .col-1 a { font-size: 16px; }
     .single_courses > h2{ font-size: 18px; }
     .HEAD_HE965 .logout a{display: none}
     .bi-arrow-down-circle{ display: block !important; }
     .bi-arrow-right-circle{ display: none; }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
    /* CSS rules for medium devices */
    .tax_product_container .prodcut_tax_item img{height: 200px !important; width: 200px !important}
    div.prodcut_tax_item:nth-child(2){border-left: none !important;border-right: none !important}
    #gf_05 h3 {font-size: 36px;}
    #gf_05 h6 {font-size: 20px;text-align: center;}
    #gf_05 .items .item img{width: 42%;margin-top: 35px;}

    #gf_01 .content .co_01{font-size: 23px;}
    #gf_01 .content .strong{font-size: 38px;}
    #gf_01 .content .co_02 > span {width: 90%;}
    #gf_01 .content .t-title strong{font-size: 39px; font-weight: 800;}
    #gf_01{height: 90vh;}
    #gf_02 > h3{font-size: 38px}
    #gf_02 .t467__descr{width: 90%}
    #gf_02 .t467__descr strong{font-size: 24px}
    #gf_02 .t467__descr p{font-size: 28px;}
    #gf_03 h4{font-size: 23px;text-align: center;}
    #gf_04 h6{font-size: 25px;text-align: center;margin-bottom: 0;}
    #gf_04 h1{font-size: 30px;margin-top: 32px;}


	.sing_binghat_02 .left{width: 100%;text-align: center}
	.sing_binghat_02 .right{width:100%}
	.sing_binghat_03 p {width: 95%;}
	.sing_binghat_04 .sing_01,.sing_binghat_04 .sing_02,.sing_binghat_04 .sing_03{flex-direction:column}
	.sing_binghat_04 .sing_01 img,.sing_binghat_04 .sing_02 img,.sing_binghat_04 .sing_03 img{height: 650px;object-fit: cover;}
	.sing_binghat_04 .sing_02 .details{order: 2;}
	.sing_binghat_04 .sing_02 img{order: 1;}
	.sing_06 .left,.sing_06 .right{width: 100%;}


    .single_courses_info > .right,.single_courses_info > .left{width: 100%}
    #login_container {width: 95%;}
    #loin_form_id > div{padding: 0em;}
    #submit_login {width: 100; padding: 7px;font-size: 16px;}
    #login_container > h2{font-size: 26px;}
    #log_username, #log_password{font-size: 15px;}
    #app_form_sec h3:lang(ar){font-size: 17px;font-family: var(--ar-font);font-weight: 500;}
    #app_form_sec h3{font-size: 17px;font-family: var(--en-font);font-weight: 500;}
    .develop_items form select {width: 45% }
    .develop_items form { gap: 1em; }
     #hm_home {margin: 2em;margin-top: 10em;padding: 2.5em;background-size: auto; }
     #hm_home .left h2 {width: 100%;font-size: 3rem;}
     .hm_search { width: 100%; }
     #hm_dev .dev_items .item { flex: 1 0 220px; }
     #hm_built {padding: 1em; }
     #hm_built .container .info h2 {font-size: 30px; }
     #hm_built .container .info span { font-size: 20px; }
     #hm_built .container .info {top: 50%;left: 50%; transform: translate(-50%,-50%);width: 70%;}
     #hm_built .container { padding: 1em; }
      #hm_dev { padding: 2em; }
     #hm_dev .item_n {height: 250px;flex: 1 0 45%; }
     #hm_dev .item_n svg { top: 10%;left: 80%; }
     #hm_dev .item_n h3 {top: 75%; left: 10%;font-size: 25px; }
     .gl_margin {margin: 3em}
     #hm_main_menu .lan, #hm_main_menu #main_menu_container ul{ display: none }
      #hm_main_menu { height: 60px;padding: 0.5em 1em; }
     #hm_main_menu .logo a img{ width: 60%; }
    .hide_in_desktop {display:none !important }
    .single_courses { margin: 6em 2em;}
    .single_courses_info{ flex-wrap: wrap; }
    /* .single_courses_info .left .video { height: 350px; } */
    .plyr { height: 100%; }
    .single_courses_info .left .about_course h2,.single_courses_info .left .about_course h2,
    .single_courses_info .left .course_content h2, .single_courses_info .course_require .bottom h2{ font-size: 20px; }
    .single_courses_info .left .about_course p, .single_courses_info .left .about_course ul li,.single_courses_info .left .course_content .course_box .bottom .right p,
    .single_courses_info .course_require .bottom ul li p { font-size: 15px; }
    .single_courses_info .left .course_content .course_box .top h3{ font-size: 17px; }
    .single_courses_info .course_details .bottom > ul li span,.single_courses_info .left .course_content .course_box .bottom .left h3{ font-size: 15px; }
    #key_feauters_container .key-features-item { flex: 1 0 47%; }
    .tax_product_container .prodcut_tax_item{flex: 1 0 30%;padding: 5px;height: 270px;}
    /* .tax_product_container .prodcut_tax_item img{height: 170px;} */
    .tax_product_container .prodcut_tax_item a{font-size: 15px;padding: 10px;}
    .tax_product_container{gap: 1em !important;padding: 2em 3em !important;}
    .prj_header_img h1, .country_header_img h1, .develop_header_img h1, .courses_header_img h1{ width: 80%; }
    footer .top .col-1 a { font-size: 16px; }
    .single_courses > h2{ font-size: 20px; }
    .HEAD_HE965 .logout a{display: none}
    .bi-arrow-down-circle{ display: block !important; }
    .bi-arrow-right-circle{ display: none; }
    #app_form_sec{padding: 0}
    #app_form {width: 80%;padding: 1.5em;border-radius: 30px;}
    #app_form > span{flex-direction: column;gap:0}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {
  .single_courses_info > .right,.single_courses_info > .left{width: 100%}
    /* CSS rules for large devices */
    #app_form {width: 80%;padding: 1.5em;border-radius: 30px;}
    .develop_items form { gap: 0.8em; }
     #hm_home {margin: 2em;margin-top: 10em;padding: 3em;background-size: auto; }
     #hm_home .left h2 {width: 100%;font-size: 3rem;}
     .hm_search { width: 100%; }
      #mobile_container_icon  { display: none; }
     .hide_in_desktop {display:none !important }
     .tax_product_container .prodcut_tax_item {flex: 1 0 30%;border: none !important;}
     .tax_product_container{padding: 2em !important;}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) and (max-width: 1599.98px) {
    /* CSS rules for extra large devices */
    #mobile_container_icon  { display: none; }
      .hide_in_desktop {display:none !important }
}

/* Extra extra large devices (larger desktops, 1600px and up) */
@media (min-width: 1600px) {
    /* CSS rules for extra extra large devices */
    #mobile_container_icon  { display: none; }
      .hide_in_desktop {display:none  !important}
}