/**
 * Custom styles for Hello Elementor Child Theme.
 * Add your custom CSS below.
 */
#comments{
	display:none;
}
section {
	padding:50px 15px;
}
a{
	color:inherit;
	text-decoration:none;
}

html , body {
	overflow-x:hidden;
}
.blog-card_desc{
	height:65px;
	overflow:hidden;
}
.arch-desc{
	height:80px;
	overflow:hidden;
}
/* CHANGE DOTS STYLE GLOBAL  */
.swiper-pagination .swiper-pagination-bullet {
	width:16px;
	height:6px;
	border-radius:5px;
	transition:all .3s ease-in-out;
	background-color:#0DA096;
}
.swiper-pagination .swiper-pagination-bullet:hover{
	background:#0DA096 !important;
}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	width:50px;
	transition:all .3s ease-in-out;
	box-shadow: 0px 4px 4px 0px #00000040;
}

/* BACKGROUND CLASS FOR IMAGE BACKGROUND ELEMNTOR ERROR  */

.elementor-element[data-settings*='"background_background":"classic"'] {
    background-size: cover ;
    background-position: center ;
    background-repeat: no-repeat ;
}
.fake-counter{
	display:none;
}
button , a.elementor-button{
	border-radius:5px;
	min-width:170px;
}
.icon-resetss .elementor-icon{
	display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    box-shadow: 0 4px 4px 0 #0000000d;
    margin: auto;
}
.elementor-gallery__titles-container{
	row-gap:15px;
}
/* START PROJECTS SLIDER  */
@media (min-width:767px) {
	.project-slider{
	position: absolute;
    bottom: 30px;
    inset-inline-start: -50px;
    padding: 5px;
    background: #FAFAFA;
	border-radius:5px;
}
}

    
.project-slider .swiper-slide-inner {
	aspect-ratio:1.14 / 1 ;
}
.project-slider .swiper-slide-inner .swiper-slide-image{
	width:100%;
	height:100%;
	object-fit:cover;
}

/* START TEAM CARD  */
.team-card {}


/* START BLOG CARD  */
.blog-card{}

/* START FAQ SECTION  */
.faq-accordion .e-n-accordion {
	display:grid;
	grid-template-columns: repeat(auto-fill, minmax(48%, 1fr));
    gap:20px; 
}

.faq-accordion .e-n-accordion .e-n-accordion-item-title-icon svg{
	aspect-ratio: 1 / 1;
    border-radius: 50%;
    background: #0DA096;
    padding: 7px;
        transform: rotate(45deg);
    fill: #fff ;
}
.faq-accordion .e-n-accordion .e-n-accordion-item-title-icon svg:hover{
	
}
.faq-accordion .e-n-accordion .e-n-accordion-item-title-icon .e-opened svg {
	background: #fff;
	transform: rotate(-45deg);
}
/* EDIT SINGLE POST DESIGN  */
.single-article-content , .single-article-content .e-con-inner {
    display: block !important;
}

.single-article-content .single-featured-image {
    float: left;
    width: 38%;
    margin: 0 30px 20px 0;
}

.single-article-content .single-featured-image img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 4px;
}

.single-article-content::after {
    content: "";
    display: block;
    clear: both;
}
.single-article-content .article-body{
	display:content;
}
/* style btn header */
.cutsom-btn .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    background: transparent;
    color: #0DA096 !important;
}


.cutsom-btn .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 200%;
    background: #0DA096;
    transform: scaleX(0);
    transform-origin: right;
    transition: transform 0.3s ease;
    z-index: -1;
	border:1px solid #0DA096;
}


.cutsom-btn .elementor-button:hover::before {
    transform: scaleX(1);
}


.cutsom-btn .elementor-button:hover {
    color: #0DA096 !important;
}

.cutsom-btn .elementor-button:hover .elementor-button-text {
    color:  #fff !important;
}

/*====== strat section aboutus======= */
.services-slider .service-card {
    transition: transform 0.3s ease;
/*     transform: scale(1); */
    position: relative;
    z-index: 1;
}

.services-slider .service-card:hover {
/*     transform: scalex(1.09); */
    z-index: 10;
	transition: transform 0.3s ease;
}
.services-slider .service-card:hover .service-icon  {
  display:none !important;
  transition:  0.3s;
}
.service-icon {
    position: absolute;
    top: 32px;
    right: 16px;
}
.service_expert {
    min-height: 90px !important;
}
.service-card-btn a.elementor-button.elementor-button-link.elementor-size-sm {
    min-width: 42px;
	width:42px;
    height: 42px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
	padding:0;
	 transition:.5s ease-in-out;
	
}
.service-card-btn .elementor-button-text {
 display: none;
}
.services-slider .service-card:hover a.elementor-button.elementor-button-link.elementor-size-sm {
   min-width:170px;
   padding:10px 15px;
   border-radius: 5px;
   transition:.5s ease-in-out;
	
 	
	
}
.services-slider .service-card:hover .elementor-button-text  {
  display:block !important;
   transition:.5s ease-in-out;
}
.services-slider .service-card:hover .elementor-button-icon  {
  display:none !important;
   transition:.5s ease-in-out;
}
/*====== end section aboutus======= */
.blog-card .elementor-widget-image a{
	display:block;
}
.blog-card:hover .blog-card_title .elementor-heading-title,.blog-card:hover .blog-card_desc  {
   color:white !important;

}
.blog-card.loop-card:hover a.elementor-button.elementor-button-link.elementor-size-sm {
   min-width:170px;
   padding:10px 15px;
   border-radius: 5px;
   transition:.5s ease-in-out;
	background-color:white;
	color:#292A56;	
}
.blog-card.loop-card:hover .blog-card_info {
	background-color:#292A56 !important;
}
.blog-card.loop-card:hover .elementor-button-text{
	  display:block !important;
   transition:.5s ease-in-out;
}
.blog-card.loop-card:hover .elementor-button-icon{
	  display:none !important;
   transition:.5s ease-in-out;
}
.carer-form input[type="file"] {
	border: 1px solid #0DA09680;
	height:50px;
}

#form-field-file {
    width: 100%;
    height: 50px;
    border: 1px solid #0DA09680;
    background-color: #fff;
    color: transparent; 
    direction: rtl;
    position: relative;
    cursor: pointer;
    outline: none;
	
}


#form-field-file::before {
    content: 'تحميل السيرة الذاتية';
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    color: #999;
    font-size: 15px;
    font-family: inherit;
    pointer-events: none; 
}

/* تصميم المربع الأخضر الجانبي والأيقونة */
#form-field-file::file-selector-button {
    float: left; /* تثبيت الزر في الجهة اليسرى */
    width: 60px;
    height: 100%;
    border: none;
    background-color: #17a697; 
    color: transparent; 
    cursor: pointer;
    /* أيقونة الرفع المدمجة بصيغة SVG */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='white'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-8l-4-4m0 0L8 8m4-4v12'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 27px;
    transition: background-color 0.3s ease;
	border-radius:5px 0 0 5px;
	margin-inline: 0;
}

/* تأثير عند تمرير الماوس */
#form-field-file::file-selector-button:hover {
    background-color: #138c7f;
}
/* إظهار اسم الملف المرفوع (تغيير لون النص من شفاف إلى رمادي غامق) */
#form-field-file:valid {
    color: #555; 
    padding-right: 10px; /* لضبط مسافة اسم الملف من اليمين */
	line-height:50px;
}

/* إخفاء النص المخصص "تحميل السيرة الذاتية" بمجرد اختيار ملف */
#form-field-file:valid::before {
    display: none;
}
/* PROJECT PAGE GALLERY STYLES  */
.project-gallery .elementor-gallery__titles-container a { 
	min-width: 75px;
    text-align: center;
    border: 1px solid #181933;
    border-radius: 5px;
	
}


/* STYLE ABOUT PAGE ICON  */
.custom-gradient-icon .elementor-icon {
    width: 112px;
    height: 112px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    /* الدائرة الداخلية */
    background: linear-gradient(
        180deg,
        #0DA096 0%,
        #292A56 100%
    );

    /* 
     * 4px مسافة بيضاء
     * بعدها Border أخضر 1px
     * بعدها Shadow
     */
    border: none;
    box-shadow:
        0 0 0 4px #fff,
        0 0 0 5px #0DA096,
        0 5px 8px 5px rgba(0, 0, 0, 0.20);

    padding: 0;
}

.custom-gradient-icon .elementor-icon-wrapper {
    line-height: 0;
    padding: 6px; /* مساحة عشان الـ shadow/border ميتقصش */
}

.custom-gradient-icon .elementor-icon svg {
    width: 50px;
    height: 40px;
    display: block;
}

.custom-gradient-icon .elementor-icon svg path {
    fill: #fff;
}
.team-slider .swiper{
	padding-top:50px;
}

.team-position{
	height:45px;
	overflow:hidden;
}
@media (max-width:767px){
	section {
	padding:25px 15px;
}

	.single-article-content .single-featured-image {
        float: none;
        width: 100%;
        margin: 0 0 20px !important;
    }
}