.elementor-3678 .elementor-element.elementor-element-cffc0d7{--display:flex;--background-transition:0.3s;}.elementor-3678 .elementor-element.elementor-element-cffc0d7.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-3678 .elementor-element.elementor-element-f3db922{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--justify-content:center;--background-transition:0.3s;}.elementor-3678 .elementor-element.elementor-element-3ca6a75{--display:flex;--min-height:0vh;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--background-transition:0.3s;}.elementor-3678 .elementor-element.elementor-element-3ca6a75.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-3678 .elementor-element.elementor-element-d04ae6c{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--justify-content:center;--align-items:center;--background-transition:0.3s;--border-radius:0px 0px 0px 0px;--padding-block-start:05%;--padding-block-end:2%;--padding-inline-start:0%;--padding-inline-end:0%;}.elementor-3678 .elementor-element.elementor-element-49f20aa{--display:flex;--background-transition:0.3s;}.elementor-3678 .elementor-element.elementor-element-49f20aa.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-3678 .elementor-element.elementor-element-999c24c{text-align:left;width:auto;max-width:auto;--e-transform-transition-duration:1020ms;}.elementor-3678 .elementor-element.elementor-element-999c24c .elementor-heading-title{color:#263238;font-family:"Manrope", Sans-serif;font-size:32px;font-weight:800;line-height:41px;-webkit-text-stroke-color:#000;stroke:#000;}.elementor-3678 .elementor-element.elementor-element-999c24c.elementor-element{--align-self:flex-start;}.elementor-3678 .elementor-element.elementor-element-0881b18{--display:flex;--background-transition:0.3s;}.elementor-3678 .elementor-element.elementor-element-9bf3120{--display:flex;--background-transition:0.3s;}.elementor-3678 .elementor-element.elementor-element-4991033{column-gap:0px;color:#546E7A;font-family:"Manrope", Sans-serif;font-size:18px;font-weight:400;line-height:25px;}.elementor-3678 .elementor-element.elementor-element-5aa3472{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--background-transition:0.3s;}.elementor-3678 .elementor-element.elementor-element-5aa3472.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-3678 .elementor-element.elementor-element-e956892{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--justify-content:center;--align-items:center;--background-transition:0.3s;--border-radius:0px 0px 0px 0px;--padding-block-start:05%;--padding-block-end:2%;--padding-inline-start:0%;--padding-inline-end:0%;}.elementor-3678 .elementor-element.elementor-element-e826e40{--display:flex;--justify-content:center;--background-transition:0.3s;}.elementor-3678 .elementor-element.elementor-element-5a62012{text-align:left;width:auto;max-width:auto;}.elementor-3678 .elementor-element.elementor-element-5a62012 .elementor-heading-title{color:#263238;font-family:"Manrope", Sans-serif;font-size:32px;font-weight:800;line-height:41px;}.elementor-3678 .elementor-element.elementor-element-5a62012.elementor-element{--align-self:flex-start;}.elementor-3678 .elementor-element.elementor-element-cc68123{--display:flex;--background-transition:0.3s;}.elementor-3678 .elementor-element.elementor-element-8e28bd9{--display:flex;--min-height:100vh;--background-transition:0.3s;}.elementor-3678 .elementor-element.elementor-element-0d08eb8{column-gap:0px;color:#546E7A;font-family:"Manrope", Sans-serif;font-size:18px;font-weight:400;line-height:25px;width:100%;max-width:100%;}body:not(.rtl) .elementor-3678 .elementor-element.elementor-element-0d08eb8 .elementor-drop-cap{margin-right:10px;}body.rtl .elementor-3678 .elementor-element.elementor-element-0d08eb8 .elementor-drop-cap{margin-left:10px;}@media(min-width:768px){.elementor-3678 .elementor-element.elementor-element-cffc0d7{--width:100%;}.elementor-3678 .elementor-element.elementor-element-f3db922{--content-width:100vw;}.elementor-3678 .elementor-element.elementor-element-3ca6a75{--width:100%;}.elementor-3678 .elementor-element.elementor-element-d04ae6c{--content-width:735px;}.elementor-3678 .elementor-element.elementor-element-5aa3472{--width:100%;}.elementor-3678 .elementor-element.elementor-element-e956892{--content-width:735px;}}@media(max-width:1024px){.elementor-3678 .elementor-element.elementor-element-4991033{font-size:16px;}.elementor-3678 .elementor-element.elementor-element-0d08eb8{font-size:16px;}}@media(max-width:767px){.elementor-3678 .elementor-element.elementor-element-4991033{line-height:22px;}.elementor-3678 .elementor-element.elementor-element-0d08eb8{line-height:22px;}}/* Start custom CSS for html, class: .elementor-element-ef662b5 */.animated-underline {
    /* Required for the ::after pseudo-element to be positioned relative to the text */
    position: relative; 
    /* Remove default underline for links, if applicable */
    text-decoration: none; 
    /* Important: makes the element behave like inline-block so it only spans the text width */
    display: inline-block;
    /* Set your text color */
    color: #333; 

}

/* Base style for the pseudo-element (the underline) */
.animated-underline::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 4px; /* Thickness of the underline */
    bottom: 0;
    left: 0;
    background-color: #444; /* Color of the underline */
    
    /* Initially hide the underline by scaling its width to 0 */
    transform: scaleX(0);
    /* Set the origin of the transform to the left so it expands from left to right */
    transform-origin: bottom left;
    
    /* Apply the transition for a smooth animation */
    transition: transform 0.3s ease-out; /* Adjust time and function as desired */
}

/* Style to apply when the text is hovered */
.animated-underline:hover::after {
    /* Scale the underline to full width (100%) to make it appear */
    transform: scaleX(1);
    /* Optional: Change the origin to make it collapse to the right when the mouse moves off.
       If you want it to expand/collapse from the left consistently, you can omit this line. */
    transform-origin: bottom left; 
}

.js-hideable {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  transition: opacity 0.5s, max-height 0.5s;
  pointer-events: none;
}

.js-hideable.visible {
  opacity: 1;
  max-height: 5000px;
 /* Adjust as needed for your content */
  pointer-events: auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3ca6a75 */.about-profile {
  /*background-color: #3498db;*/
  color: white;
  transition: background-color 0.4s, color 0.4s;
}

.about-profile:hover {
  background-color: #F5F1EB;
  color: black;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5aa3472 */.about-profile {
  /*background-color: #3498db;*/
  color: white;
  transition: background-color 0.4s, color 0.4s, max-height 0.4s;
  overflow: hidden;
}

.about-profile:hover {
  background-color: #F5F1EB;
  color: black;
  max-height: 100%;
}/* End custom CSS */
/* Start custom CSS */main, #page {
    min-height: 60vh;

}/* End custom CSS */