/* 
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.1.2

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
*/

/* Add your custom styles here */
.btn span.elementor-button-icon {
    position: absolute !important;
    width: 40px !important;
    font-size: 40px !important; 
    right: 8px !important;
    margin-top: -12px !important;
	transition: transform 0.7s ease;
	
}
.btn:hover rect {
    fill: #fff;
}
.btn:hover path {
    fill: #323232;
}
.btn:hover .elementor-button-icon {
  transform: rotate(45deg);
}
.bold-text{ font-weight: 600 !important;}
.animate-head a{ font-size: 14px !important; }
.animate-head {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 10px 20px;
  border-radius: 50px;
  font-size: 14px !important;
  letter-spacing: 2px;
  color: #fff;
  position: relative;
  background: transparent;
  overflow: hidden;
	width: fit-content;
}

/* White animated border */
.animate-head::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50px;
  padding: 2px;
  background: linear-gradient(
    90deg,
    transparent,
    #ffffff,
    transparent
  );
  background-size: 200% 100%;
  animation: borderMove 3s linear infinite;
  -webkit-mask: 
    linear-gradient(#000 0 0) content-box, 
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
}

/* Animation */
@keyframes borderMove {
  0% { background-position: 0% 0; }
  100% { background-position: 200% 0; }
}

/* Small blue icon blocks */
.dot {
  width: 14px;
  height: 10px;
  background: #1e73ff;
  border-radius: 2px;
  position: relative;
}

.dot::after {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  background: #1e73ff;
  left: -12px;
  top: 1px;
  border-radius: 2px;
}
.faq .e-n-accordion-item[open] > summary {
  background: #006EFF !important;
  color: #fff; border:0 !important; border-radius:0 !important; border-top-left-radius: 15px !important; border-top-right-radius: 15px !important;
}
.blog .elementor-post__text {
    background: #fff;
    border-radius: 20px;
    padding: 20px;
    width: 90% ! IMPORTANT;
    margin: auto;
    margin-top: -100px;
    z-index: 1;
}

.blog span.elementor-post-date {
    position: absolute;
    top: 20px; left:20px;
    background: #fff;
    padding: 10px 20px;
    border-radius: 20px;
}

.blog article{ position:relative !important; }
.blog h3.elementor-post__title {
    border-bottom: 1px solid #006EFF2B;
    padding-bottom: 20px;
}
.icon-bg .elementor-image-box-img {
    border: 1px solid #fff !important;
    border-radius: 50px !important;
    padding: 10px !important;
}
.icon-bg img{ border-radius: 0 !important; }
.contact-form span.elementor-button-icon svg { width: 40px !important; position: absolute !important; transition: transform 0.7s ease; }
.contact-form .elementor-button[type="submit"] svg *{ fill: revert-layer !important; }
.contact-form button:hover span.elementor-button-icon svg{ transform: rotate(45deg); }
.contact-form button:hover .elementor-button[type="submit"] svg * { fill: #fff !important; }
.contact-form button:hover .elementor-button[type="submit"] svg * path{ fill: #323232 !important; }
.sidebar { position: sticky !important; top: 20px; height: fit-content; !important }
.icon-bg a{ color: #fff !important; }
.service-content{ opacity: 0;  max-height: 0; overflow: hidden; transition: max-height 1.5s ease,opacity 0.1s ease!important; }
.services:hover .service-content{ opacity: 1; max-height: 200px; padding: 20px 0 !important; }

@media screen and (max-width: 481px) {
     h1 { font-size: 30px !important; line-height: 34px !important; }
     h2 { font-size: 22px !important; line-height: 30px !important; }
     
	
	
}