/*
Theme Name: Creative Wrath
Author: Design Hub Solutions
Description: Your description goes here
Version: 1.0
Template: hello-elementor

This is the child theme for Hello Elementor theme, generated with Generate Child Theme plugin by catchthemes.

(optional values you can add: Theme URI, Author URI, License, License URI, Tags, Text Domain)
*/
.magnetic-cursor {
  position: fixed;
  top: 0;
  left: 0;
  width: 25px;
  height: 25px;
  border: 1px solid #000;
  border-radius: 50%;
  pointer-events: none;
  transform: translate(-50%, -50%);
  z-index: 9999;
  transition: width 0.2s ease, height 0.2s ease, background 0.2s ease;
}

.magnetic-image {
  position: relative;
  display: inline-block;
  overflow: hidden;
}

.magnetic-image img {
  display: block;
  width: 100%;
  height: auto;
}

.magnetic-plus {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 28px;
  color: white;
  background: black;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
}

.magnetic-image:hover .magnetic-plus {
  opacity: 1;
}
/* --------------------------------------------------- */
.card-bg{
	max-width:100% !important;
}
.card-bg .a-image img {
/*   display: none !important; */
	opacity:0.5 !important;
  transition: all 0.3s ease-in-out;
}
.card-bg:hover .a-image img {
/*   display: block !important; */
	opacity:1 !important;
}

/* JS will add this class to the visual center slide */
.center-active .a-image img {
/*   display: block !important; */
		opacity:1 !important;

}

/* keep this too (no harm) */
.swiper-slide-active .a-image img {
  /* optional: helps if active really is center */
/*   display: block !important; */
		opacity:1 !important;

}

.card-bg .a-image img {
/*   display: none !important; */
	opacity:0.5 !important;

	transition: all 0.3s ease-in-out;
}
.swiper-slide-active .a-image img {
/*   display: block !important; */
		opacity:1 !important;

}
.swiper-slide-active .card-bg{
	transform: scale(1.1) !important;
/* 	border:1px solid #d1d1d1;
	border-radius:20px;
	padding:10px; */
}


/* -------------------------------------------- */
/* ---------------------------------------------*/

			 .scroll_1010 {
                height: 350px !important;
                overflow-y: scroll;
            }


			.scroll_1010::-webkit-scrollbar {
                width: 6px;
				border-radius:20px;
            }

            /* Track */
           .scroll_1010::-webkit-scrollbar-track {
                background: #e0e0e0;
	            border-radius:20px;
		   }

            /* Handle */
           .scroll_1010::-webkit-scrollbar-thumb {
                background: #000000;
			   border-radius:20px;
            }








			 .scroll_10101 .body-description {
                height: 350px !important;
                overflow-y: scroll;
            }


			.scroll_10101 .body-description::-webkit-scrollbar {
                width: 6px;
				border-radius:20px;
            }

            /* Track */
           .scroll_10101 .body-description::-webkit-scrollbar-track {
                background: #e0e0e0;
	            border-radius:20px;
		   }

            /* Handle */
           .scroll_10101 .body-description::-webkit-scrollbar-thumb {
                background: #000000;
			   border-radius:20px;
            }



span.e-n-accordion-item-title-header span {
    font-family: 'Poppins' !important;
    letter-spacing: 0;
    padding: 10px 25px !important;
    margin-left: 30px;
}

.single-post h3, .single-post h4 , .single-post p , .single-post h5 {
    /* letter-spacing: normal !important; */
    font-family:poppins !important;
}