.elementor-106 .elementor-element.elementor-element-383ccd3{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--justify-content:center;--align-items:flex-start;--background-transition:0.3s;}.elementor-106 .elementor-element.elementor-element-b962f23{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--gap:50px 50px;--background-transition:0.3s;--padding-block-start:0px;--padding-block-end:0px;--padding-inline-start:0px;--padding-inline-end:0px;}.elementor-106 .elementor-element.elementor-element-00c3da6 .elementor-nav-menu .elementor-item{font-size:60px;}.elementor-106 .elementor-element.elementor-element-00c3da6 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );padding-left:0px;padding-right:0px;padding-top:50px;padding-bottom:50px;}.elementor-106 .elementor-element.elementor-element-00c3da6 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-106 .elementor-element.elementor-element-00c3da6 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-106 .elementor-element.elementor-element-00c3da6 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-106 .elementor-element.elementor-element-00c3da6 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-106 .elementor-element.elementor-element-2af98f2{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--background-transition:0.3s;--margin-block-start:100px;--margin-block-end:0px;--margin-inline-start:0px;--margin-inline-end:0px;--padding-block-start:100px;--padding-block-end:0px;--padding-inline-start:0px;--padding-inline-end:0px;}#elementor-popup-modal-106 .dialog-message{width:100vw;height:100vh;align-items:flex-start;}#elementor-popup-modal-106{justify-content:center;align-items:center;}#elementor-popup-modal-106 .dialog-close-button{display:flex;font-size:50px;}#elementor-popup-modal-106 .dialog-widget-content{animation-duration:0.7s;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}@media(max-width:767px){.elementor-106 .elementor-element.elementor-element-2af98f2{--margin-block-start:0px;--margin-block-end:0px;--margin-inline-start:0px;--margin-inline-end:0px;--padding-block-start:0px;--padding-block-end:0px;--padding-inline-start:0px;--padding-inline-end:0px;}}/* Start custom CSS */.hover-effect {
  position: relative;
  display: inline-block;
  text-decoration: none;
  color: #000 /* Change the color as needed */
  transition: transform 0.3s ease; /* Add a smooth transition effect */
}

/* Create a line using the ::before pseudo-element */
.hover-effect::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0; /* Initially, the line has no width */
  height: 2px; /* Adjust the line height as needed */
  background-color: #007bff; /* Change the line color as needed */
  transition: width 0.3s ease; /* Transition for line animation */
}

/* Define the hover effect to move the text 50px to the right and expand the line */
.hover-effect:hover {
  color: #007bff; /* Change the text color on hover */
  transform: translateX(50px); /* Move the text 50px to the right on hover */
}

.hover-effect:hover::before {
  width: 100%; /* Expand the line to 100% width on hover */
}/* End custom CSS */