/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/
html, body {
    overflow-x: hidden!important;
	}


.elementor-36 .elementor-element.elementor-element-7d6fd25 .elementor-post__text, .elementor-314 .elementor-element.elementor-element-275e249 .elementor-post__text, .elementor-531 .elementor-element.elementor-element-dddc117 .elementor-post__text  {
	    display: flex!important;
}

.elementor-post__excerpt p {
	margin-top: 20px!important;
}

div.elementor-post__meta-data {
	margin-bottom: 20px!important;
}


.help-link a {
  overflow: hidden;
  position: relative;
  display: inline-block;
  color: #134D5F;
}

.help-link a::before,
.help-link a::after {
 content: '';
  position: absolute;
  width: 100%;
  left: 0;
}
.help-link a::before {
  background-color: #FFE46B;
  height: 2px;
  bottom: 0;
  transform-origin: 100% 50%;
  transform: scaleX(0);
  transition: transform .3s cubic-bezier(0.76, 0, 0.24, 1);
}
.help-link a::after {
  content: attr(data-replace);
  height: 100%;
  top: 0;
  transform-origin: 100% 50%;
  transform: translate3d(200%, 0, 0);
  transition: transform .3s cubic-bezier(0.76, 0, 0.24, 1);
  color: #000000;
}

.help-link a:hover::before {
  transform-origin: 0% 50%;
  transform: scaleX(1);
}
.help-link a:hover::after {
  transform: translate3d(0, 0, 0);
}

.help-link a span {
  display: inline-block;
  transition: transform .3s cubic-bezier(0.76, 0, 0.24, 1);
}

.help-link a:hover span {
  transform: translate3d(-200%, 0, 0);
}

#insta-color {
  background: #833ab4;
  background: linear-gradient(
    to right,
    #833ab4,#fd1d1d,#fcb045
  );
}

#insta-color:hover{
  background: #833ab4;
  background: linear-gradient(
    to left,
    #833ab4,#fd1d1d,#fcb045
  );
}

.cont-link-my a {
  display: block;
  margin: auto;
	color: #000000;
  padding: 1rem 1.25rem;
  font-family: sans-serif;
  font-size: 1.5rem;
  text-decoration: none;
  position: relative;
  transition: all .3s cubic-bezier(.2, 0, 0, 1);
  z-index: 1;
  
  &:after {
    content: '';
    display: block;
    height: 2px;
    position: absolute;
    bottom: 0;
    right: 1.25rem;
    left: 1.25rem;
    background-color: #FFE46B;
	  border-radius: 15px;
    transition: all .3s cubic-bezier(.2, 0, 0, 1);
    transform-origin: bottom center;
    z-index: -1;
  }
  
  &:hover {
    color: #000000;
    
    &:after {
      right: 0;
      left: 0;
      height: 100%;
    }
  }
}

.text-link a {
  position: relative;
  text-decoration: none;
  color: #134D5F; /* Колір посилання */
  font-weight: bold;
  transition: color 0.3s ease;
}

.text-link a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 100%;
  height: 3px;
  background-color: #D1925D; /* Колір підкреслення */
  transform: scaleX(1);
  transform-origin: left;
  transition: transform 0.3s ease-in-out;
}

.text-link a:hover {
  color: #D1925D; /* Зміна кольору при наведенні */
}

.text-link a:hover::after {
  transform: scaleX(0);
}


.text-link-two a {
  position: relative;
  text-decoration: none;
  color: #D1925D; /* Колір посилання */
  font-weight: bold;
  transition: color 0.3s ease;
}

.text-link-two a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 100%;
  height: 3px;
  background-color: #D1925D; /* Колір підкреслення */
  transform: scaleX(1);
  transform-origin: left;
  transition: transform 0.3s ease-in-out;
}

.text-link-two a:hover {
  color: #fff; /* Зміна кольору при наведенні */
}

.text-link-two a:hover::after {
  transform: scaleX(0);
}