/* 
Theme Name: Aegis Child
Theme URI: https://github.com/elementor/hello-theme/
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: 3.4.4
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
*/
.service-style a.elementskit-btn.whitespace--normal {
    text-align: left !important;
}
.service-style p {
	opacity: 0;
	
}
.service-style:hover p {
	opacity: 1;
}
.service-style a.elementskit-btn {
    justify-content: space-between !important;
}

.service-style a.elementskit-btn i.icon {
    transform: rotate(
320deg);
}
.service-style:hover i.icon {
    background: #061058 !important;
    border-radius: 50px;
    color: #fff !important;
}
.service-style .bg-shap {
  position: relative;
  overflow: hidden;
  transition: clip-path 1s ease; /* Apply transition to clip-path */
  
  /* Default shape (a regular rectangle) */
 
}

.service-style:hover .bg-shap {
  clip-path: polygon(
    0% 0%,                     
    calc(100% - 60px) 0%,      
    100% 60px,                 
    100% calc(100% - 30px),    
    100% 100%,                 
    0% 100%                    
  );
}

.slider-service  svg.e-font-icon-svg {
    fill: #fff !important;
}
.service-style .bg-shap:after {
  position: absolute;
  background: #0000005c;
  content: '';
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 20px;
  transition: background 0.3s ease; /* Smooth transition */
}

/* Hover effect */
.service-style .bg-shap:hover:after {
  background: #000000a0; /* Darker overlay on hover */
}
.service-style .bg-shap p {
 position: relative;
	z-index:99;
}
.heaing-tyle span {
    color: #061058f5;
}