.elementor-4200 .elementor-element.elementor-element-ab977ac{--display:flex;--justify-content:space-evenly;--gap:2px 96px;--row-gap:2px;--column-gap:96px;--flex-wrap:wrap;--align-content:center;--margin-top:-336px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:400px;--padding-bottom:400px;--padding-left:400px;--padding-right:400px;}.elementor-4200 .elementor-element.elementor-element-ab977ac:not(.elementor-motion-effects-element-type-background), .elementor-4200 .elementor-element.elementor-element-ab977ac > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://edu.danat.bh/wp-content/uploads/2025/12/rb_1432-1.png");background-repeat:no-repeat;background-size:cover;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-4200 .elementor-element.elementor-element-ad51a99 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4200 .elementor-element.elementor-element-ad51a99.elementor-element{--align-self:center;}.elementor-4200 .elementor-element.elementor-element-ad51a99{text-align:center;}.elementor-4200 .elementor-element.elementor-element-ad51a99 .elementor-heading-title{font-family:"Optima", Sans-serif;font-weight:600;text-decoration:none;color:#FFFFFF;}.elementor-4200 .elementor-element.elementor-element-f4f83ba{--spacer-size:50px;}.elementor-4200 .elementor-element.elementor-element-83207b7{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--gap:1px 2px;--row-gap:1px;--column-gap:2px;--grid-auto-flow:column;--justify-items:center;--align-items:center;}.elementor-4200 .elementor-element.elementor-element-83207b7.e-con{--order:99999 /* order end hack */;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-4200 .elementor-element.elementor-element-46f6111 .elementor-button{background-color:#B8BBC2;width:228px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:inline-flex;}.elementor-4200 .elementor-element.elementor-element-46f6111{width:100%;max-width:100%;}.elementor-4200 .elementor-element.elementor-element-46f6111 > .elementor-widget-container{margin:0px 0px 0px 230px;padding:14px 0px 14px 0px;}.elementor-4200 .elementor-element.elementor-element-46f6111.elementor-element{--align-self:center;}.elementor-4200 .elementor-element.elementor-element-9cbf9bf .elementor-button{background-color:#B8BBC2;width:228px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:inline-flex;font-weight:500;}.elementor-4200 .elementor-element.elementor-element-9cbf9bf{width:100%;max-width:100%;}.elementor-4200 .elementor-element.elementor-element-9cbf9bf > .elementor-widget-container{margin:0px 0px 0px 230px;padding:14px 0px 14px 0px;}.elementor-4200 .elementor-element.elementor-element-9cbf9bf.elementor-element{--align-self:center;}@media(min-width:768px){.elementor-4200 .elementor-element.elementor-element-ab977ac{--width:100%;}.elementor-4200 .elementor-element.elementor-element-83207b7{--width:78%;}}@media(max-width:1024px){.elementor-4200 .elementor-element.elementor-element-ad51a99.elementor-element{--align-self:flex-start;}.elementor-4200 .elementor-element.elementor-element-ad51a99 .elementor-heading-title{font-size:35px;}.elementor-4200 .elementor-element.elementor-element-83207b7{--grid-auto-flow:row;}.elementor-4200 .elementor-element.elementor-element-46f6111{width:100%;max-width:100%;}.elementor-4200 .elementor-element.elementor-element-46f6111 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-4200 .elementor-element.elementor-element-9cbf9bf{width:100%;max-width:100%;}.elementor-4200 .elementor-element.elementor-element-9cbf9bf > .elementor-widget-container{margin:0px 0px 0px 0px;}}@media(max-width:767px){.elementor-4200 .elementor-element.elementor-element-83207b7{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for heading, class: .elementor-element-ad51a99 *//* --- HERO container: keep content centered and responsive --- */
.elementor-4200 .elementor-element.elementor-element-ad51a99{
  width: 100%;
  max-width: 1100px;           /* control overall content width */
  margin-left: auto;
  margin-right: auto;
  padding: clamp(16px, 4vw, 60px);
  box-sizing: border-box;
}

/* --- Heading responsiveness --- */
.elementor-4200 .elementor-element.elementor-element-ad51a99 .elementor-heading-title{
  width: 100% !important;
  max-width: min(720px, 92vw); /* prevent super narrow wrapping */
  margin-left: auto;
  margin-right: auto;
  text-align: center;

  /* responsive font size */
  font-size: clamp(22px, 3.2vw, 44px);
  line-height: 1.15;
  word-break: normal;
  overflow-wrap: normal;
}

/* --- Buttons container (your Grid) --- */
.elementor-4200 .elementor-element.elementor-element-ad51a99 .e-con-inner .e-grid,
.elementor-4200 .elementor-element.elementor-element-ad51a99 .elementor-grid{
  width: 100%;
  max-width: min(520px, 92vw);
  margin-left: auto;
  margin-right: auto;

  display: grid !important;
  gap: 16px;
  grid-template-columns: 1fr;  /* mobile: stacked */
}

/* Desktop/tablet: buttons side-by-side */
@media (min-width: 768px){
  .elementor-4200 .elementor-element.elementor-element-ad51a99 .e-con-inner .e-grid,
  .elementor-4200 .elementor-element.elementor-element-ad51a99 .elementor-grid{
    grid-template-columns: 1fr 1fr;
    gap: 18px;
  }
}

/* --- Buttons size and typography --- */
.elementor-4200 .elementor-element.elementor-element-ad51a99 .elementor-button{
  width: 100%;
  max-width: 260px;            /* keep nice size on desktop */
  justify-self: center;
  padding: 14px 18px;
  font-size: clamp(14px, 1.2vw, 16px);
  line-height: 1.2;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-9cbf9bf *//* 1) Heading: make it fluid and readable */
.elementor-4200 .elementor-element.elementor-element-9cbf9bf .elementor-heading-title{
  width: 100% !important;
  max-width: 92vw !important;      /* never exceed viewport */
  margin: 0 auto !important;
  text-align: center !important;
  font-size: clamp(24px, 4vw, 40px) !important;
  line-height: 1.15 !important;
}

/* 2) Grid: always fit inside viewport */
.elementor-4200 .elementor-element.elementor-element-9cbf9bf .elementor-grid,
.elementor-4200 .elementor-element.elementor-element-9cbf9bf .e-grid{
  width: 100% !important;
  max-width: 92vw !important;
  margin: 0 auto !important;
}

/* 3) Buttons: never overflow */
.elementor-4200 .elementor-element.elementor-element-9cbf9bf .elementor-button{
  width: min(320px, 92vw) !important;
  max-width: 92vw !important;
  display: inline-flex !important;
  justify-content: center !important;
  box-sizing: border-box !important;
}

/* Mobile/tablet: stack nicely */
@media (max-width: 1024px){
  .elementor-4200 .elementor-element.elementor-element-9cbf9bf .elementor-grid,
  .elementor-4200 .elementor-element.elementor-element-9cbf9bf .e-grid{
    grid-template-columns: 1fr !important;
    justify-items: center !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ab977ac */.lang-align {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px; /* small space */
}

.lang-align > .elementor-element {
    width: auto !important;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Optima';
	font-display: auto;
	src: url('http://edu.danat.bh/wp-content/uploads/2025/01/Optima-Medium.ttf') format('truetype');
}
/* End Custom Fonts CSS */