.elementor .titel-2{font-family:Roboto;font-weight:600;font-size:clamp(1.8125rem, 1.2204rem + 2.6316vw, 3.0625rem);;color:var(--dark-blue-2);line-height:120%;text-align:center;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;align-self:center;}.elementor .titel-1{font-family:Roboto;font-weight:700;font-size:clamp(2rem, 1.1414rem + 3.8158vw, 3.8125rem);;color:var(--white);line-height:120%;display:flex;align-items:center;}.elementor .main-section{padding-block-start:5rem;padding-block-end:5rem;padding-inline-start:5%;padding-inline-end:5%;margin-block-start:-5rem;margin-block-end:0rem;margin-inline-start:0rem;margin-inline-end:0rem;display:flex;flex-direction:column;gap:20px;}.elementor .button-2{width:10rem;font-family:"Open Sans";font-weight:400;font-size:1rem;color:var(--white);line-height:120%;padding-block-start:10px;padding-block-end:10px;padding-inline-start:20px;padding-inline-end:20px;margin-block-start:0rem;margin-block-end:0rem;margin-inline-start:0rem;margin-inline-end:0rem;border-radius:12px;border-width:2px;border-color:var(--white);border-style:solid;display:flex;flex-direction:column;align-items:center;}.elementor .boxed-m{max-width:1120px;overflow:hidden;padding-block-start:0rem;padding-block-end:0rem;padding-inline-start:0rem;padding-inline-end:0rem;margin-block-start:7rem;margin-block-end:0rem;margin-inline-start:0rem;margin-inline-end:0rem;flex-direction:column;gap:20px;justify-content:center;align-items:center;align-self:center;}.elementor .body-size-xl{gap:30px;justify-content:center;}.elementor .body-size-s{max-width:760px;padding-block-start:0rem;padding-block-end:0rem;padding-inline-end:0px;margin-block-start:4rem;margin-block-end:0rem;border-width:0px;border-style:none;display:flex;flex-direction:row;justify-content:center;align-items:center;}.elementor .body-size-s:hover,.elementor .body-size-s:focus-visible{border-color:#cac6c6;border-style:none;}.elementor .back-grnd-img-2{background-image:linear-gradient(var(--light-blue-backgr-2), var(--light-blue-backgr-2)),url("https://el-projects.be/wp-content/uploads/2026/04/web-022-1024x683.jpg");background-repeat:repeat,no-repeat;background-attachment:scroll;background-size:auto auto,cover;background-position:0% 0%,center center;background-color:var(--dark-blue-bckgrnd-5);background-clip:border-box;}.elementor .paragraph-{font-weight:400;font-size:1.2rem;color:var(--text);text-align:center;display:flex;justify-content:center;align-items:center;align-self:center;}.elementor .container1{padding:0px;display:flex;flex-direction:column;gap:1rem;}.elementor .container1:hover,.elementor .container1:focus-visible{c\n}.elementor .reveal1{padding:0px;.reveal2 {
  visibility: hidden;
  opacity: 0; 
  }\n}.elementor .reveal1:hover,.elementor .reveal1:focus-visible{opacity:100%;}.elementor .visible1{justify-content:flex-start;}.elementor .mar-tp-bt-1rem{padding:0px;margin-block-start:1rem;margin-block-end:1rem;}.elementor .padd-l-r-1rem{padding-block-start:0rem;padding-block-end:0rem;padding-inline-start:1rem;padding-inline-end:1rem;}.elementor .padd-bt-4rem{padding-block-end:4rem;}.elementor .text10{color:var(--light-blue-backgr-2);}.elementor .container2{background-color:#bfa8f6;flex-direction:column;justify-content:center;align-items:start;/* This remains valid for V4 */
selector .reveal, 
selector .visible {
  transition: width 0.5s ease-in-out;
}

selector:hover .reveal {
  width: 25% !important;
  flex-basis: 25% !important;
}

selector:hover .visible {
  width: 75% !important;
  flex-basis: 75% !important;
}





Add this code to the Advanced > Custom CSS section of the parent container (.container1):
/* Ensure a smooth transition for the width change */
selector .reveal, 
selector .visible {
  transition: width 0.5s ease-in-out;
}

/* When the parent container is hovered */
selector:hover .reveal {
  width: 25% !important;
  flex-basis: 25% !important;
}

selector:hover .visible {
  width: 75% !important;
  flex-basis: 75% !important;
}\n}.elementor .container2:hover,.elementor .container2:focus-visible{background-color:#e47853fc;selector:hover .reveal2 {
  width: 25% !important;
  flex-basis: 25% !important;
}

selector:hover .visible2 {
  width: 75% !important;
  flex-basis: 75% !important;
}\n}.elementor .reveal2{overflow:auto;padding:0px;}.elementor .reveal2:hover,.elementor .reveal2:focus-visible{overflow:visible;}.elementor .visible2{width:100%;overflow:visible;}.elementor .visible2:hover,.elementor .visible2:focus-visible{width:75%;}