.elementor-1720 .elementor-element.elementor-element-e62484d{--display:flex;--min-height:331px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:20px 0px;--row-gap:20px;--column-gap:0px;--background-transition:0.3s;--overlay-opacity:0.5;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#E0E0E0;--border-color:#E0E0E0;--border-radius:8px 8px 8px 8px;}.elementor-1720 .elementor-element.elementor-element-e62484d::before, .elementor-1720 .elementor-element.elementor-element-e62484d > .elementor-background-video-container::before, .elementor-1720 .elementor-element.elementor-element-e62484d > .e-con-inner > .elementor-background-video-container::before, .elementor-1720 .elementor-element.elementor-element-e62484d > .elementor-background-slideshow::before, .elementor-1720 .elementor-element.elementor-element-e62484d > .e-con-inner > .elementor-background-slideshow::before, .elementor-1720 .elementor-element.elementor-element-e62484d > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-1720 .elementor-element.elementor-element-d46f966{--display:flex;--overlay-opacity:0.5;}.elementor-1720 .elementor-element.elementor-element-d46f966:not(.elementor-motion-effects-element-type-background), .elementor-1720 .elementor-element.elementor-element-d46f966 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-1720 .elementor-element.elementor-element-d46f966::before, .elementor-1720 .elementor-element.elementor-element-d46f966 > .elementor-background-video-container::before, .elementor-1720 .elementor-element.elementor-element-d46f966 > .e-con-inner > .elementor-background-video-container::before, .elementor-1720 .elementor-element.elementor-element-d46f966 > .elementor-background-slideshow::before, .elementor-1720 .elementor-element.elementor-element-d46f966 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1720 .elementor-element.elementor-element-d46f966 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-1720 .elementor-element.elementor-element-d46f966:hover::before, .elementor-1720 .elementor-element.elementor-element-d46f966:hover > .elementor-background-video-container::before, .elementor-1720 .elementor-element.elementor-element-d46f966:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-1720 .elementor-element.elementor-element-d46f966 > .elementor-background-slideshow:hover::before, .elementor-1720 .elementor-element.elementor-element-d46f966 > .e-con-inner > .elementor-background-slideshow:hover::before{--background-overlay:'';}.elementor-1720 .elementor-element.elementor-element-d46f966:hover{--overlay-opacity:0.5;}.elementor-1720 .elementor-element.elementor-element-7a74f69{--spacer-size:400px;}.elementor-1720 .elementor-element.elementor-element-776b3f2{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1720 .elementor-element.elementor-element-92178f8{--display:flex;}.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-1720 .elementor-element.elementor-element-6a60014 .elementor-heading-title{font-family:"Lexend", Sans-serif;font-size:16px;font-weight:600;line-height:16px;color:var( --e-global-color-text );}.elementor-1720 .elementor-element.elementor-element-8c48895 .elementor-heading-title{font-family:"Lexend", Sans-serif;font-size:14px;font-weight:400;line-height:14px;color:var( --e-global-color-text );}.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-1720 .elementor-element.elementor-element-0089cfc .elementor-button{background-color:#0239A700;font-family:"Lexend", Sans-serif;font-size:14px;font-weight:500;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-primary );padding:10px 20px 10px 20px;}.elementor-1720 .elementor-element.elementor-element-0089cfc .elementor-button:hover, .elementor-1720 .elementor-element.elementor-element-0089cfc .elementor-button:focus{background-color:var( --e-global-color-primary );color:var( --e-global-color-0704066 );}.elementor-1720 .elementor-element.elementor-element-0089cfc > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1720 .elementor-element.elementor-element-0089cfc .elementor-button:hover svg, .elementor-1720 .elementor-element.elementor-element-0089cfc .elementor-button:focus svg{fill:var( --e-global-color-0704066 );}.elementor-1720 .elementor-element.elementor-element-43f1362{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-1720 .elementor-element.elementor-element-12db82e .elementor-icon-wrapper{text-align:center;}.elementor-1720 .elementor-element.elementor-element-12db82e.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-text );}.elementor-1720 .elementor-element.elementor-element-12db82e.elementor-view-framed .elementor-icon, .elementor-1720 .elementor-element.elementor-element-12db82e.elementor-view-default .elementor-icon{color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-1720 .elementor-element.elementor-element-12db82e.elementor-view-framed .elementor-icon, .elementor-1720 .elementor-element.elementor-element-12db82e.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-text );}.elementor-1720 .elementor-element.elementor-element-12db82e .elementor-icon{font-size:12px;border-width:1px 1px 1px 1px;}.elementor-1720 .elementor-element.elementor-element-12db82e .elementor-icon svg{height:12px;}.elementor-1720 .elementor-element.elementor-element-0de8acf .elementor-icon-wrapper{text-align:center;}.elementor-1720 .elementor-element.elementor-element-0de8acf.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-text );}.elementor-1720 .elementor-element.elementor-element-0de8acf.elementor-view-framed .elementor-icon, .elementor-1720 .elementor-element.elementor-element-0de8acf.elementor-view-default .elementor-icon{color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-1720 .elementor-element.elementor-element-0de8acf.elementor-view-framed .elementor-icon, .elementor-1720 .elementor-element.elementor-element-0de8acf.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-text );}.elementor-1720 .elementor-element.elementor-element-0de8acf .elementor-icon{font-size:12px;border-width:1px 1px 1px 1px;}.elementor-1720 .elementor-element.elementor-element-0de8acf .elementor-icon svg{height:12px;}@media(max-width:767px){.elementor-1720 .elementor-element.elementor-element-e62484d{--width:100%;--min-height:524px;--justify-content:flex-start;}.elementor-1720 .elementor-element.elementor-element-d46f966{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1720 .elementor-element.elementor-element-7a74f69{--spacer-size:400px;}}@media(min-width:768px){.elementor-1720 .elementor-element.elementor-element-e62484d{--width:100%;}.elementor-1720 .elementor-element.elementor-element-92178f8{--width:77%;}.elementor-1720 .elementor-element.elementor-element-43f1362{--width:60%;}}/* Start custom CSS for container, class: .elementor-element-e62484d *//* Mother container - the parent element */
.mother-container {
  position: relative; /* For positioning the child (social-widget) relative to it */
  height: 400px; /* Adjust the height of the container */
  background-color: #f0f0f0; /* For visibility */
  border: 1px solid #ccc;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden; /* Hide the social widget by default */
}

/* Social widget - Initially hidden */
.social-widget {
  position: absolute; /* Position it absolutely within the container */
  bottom: -60px; /* Start hidden below the container */
  left: 50%; /* Center horizontally */
  transform: translateX(-50%); /* Adjust horizontal centering */
  display: flex;
  flex-direction: column;
  gap: 10px;
  opacity: 0; /* Completely hide the widget initially */
  visibility: hidden; /* Ensure the widget is not taking up space */
  transition: transform 0.5s ease, opacity 0.5s ease, visibility 0s 0.5s; /* Smooth transitions */
}

/* Social icon styling */
.social-icon {
  color: white;
  text-decoration: none;
  padding: 10px;
  border-radius: 50%;
  background-color: #007bff;
  transition: background-color 0.3s ease;
}

.social-icon:hover {
  background-color: #ff6347; /* Change color on hover */
}

/* On hover, make the social widget slide up and appear */
.mother-container:hover .social-widget {
  bottom: 50%; /* Move it to the middle vertically */
  transform: translate(-50%, 50%); /* Ensure it's centered horizontally and vertically */
  opacity: 1; /* Fade in */
  visibility: visible; /* Make the widget visible */
  transition: transform 0.5s ease, opacity 0.5s ease, visibility 0s 0s; /* Remove the delay for visibility */
  background-color: #000; 
  border-radius: 30px
}/* End custom CSS */