@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .current_item_1 .slide_handle {
        top: 37% !important;
    }
    .current_item_2 .slide_handle {
        top: 66% !important;
    }
}
.stoex_right .stoex_slider_right:not(.active) {
    opacity: 0.3;
}
.stoex_left .stoex_slider_left {
    opacity: 0;
    height: 0; 
    overflow: hidden; 
    transition: opacity 0.6s linear, height 0.6s linear; 
}
.stoex_left .stoex_slider_left.active {
    opacity: 1;
    height: auto; 
}
.accessibility_arrow {
    position: absolute;
    top: 35%;
    left: 55%;
    transition: all 0.3s linear;
    width: auto !important;
}
.accessibility_col:hover .accessibility_arrow {
    top: 25%;
    left: 50%;
}
.slite_up_img img{
    transition: transform 0.4s ease-in-out; 
}
.slite_up_img:hover img{
    transform: translateY(-10px); 
}
.smart_works.active .change_icon_color path[fill="black"] {
    fill: #1A5AFF;
}
.num_svg, .efficiency_chart{
    text-align: right;
}
.smart_works.active .change_icon_color path[fill="white"], 
.smart_works.active .num_svg path[opacity="0.2"] {
    opacity: 1;
}
.smart_works.active .num_svg linearGradient stop[offset="1"]{
	stop-color: #38E0D7;
}
.smart_works.active > .elementor-element-populated{
    background-image: url(/wp-content/uploads/2024/09/down-shade.png);
    background-position: bottom;
    background-size: cover;
    background-repeat: no-repeat;
}
.smart_works.active .connector svg rect{
	fill: #1A5AFF;
}
.connector {
    position: absolute;
    top: 45%;
    left: -26px;
}
.smart_works_4 .connector {
	top: -26px;
	left: 50%;
    max-width: fit-content;
}
.smart_works_4 .connector svg{
	rotate: 90deg;
}
.smart_works_5 .connector, .smart_works_6 .connector{
	left: unset;
	right: -26px;
	text-align: right;
}

.liquidity_img {
    position: absolute;
    width: auto !important;
    transition: all 0.3s linear;
}
.liquidity_img3 {
    top: 15%;
    left: 20%;
}
.liquidity_img2 {
    top: 45%;
    left: 40%;
}
.liquidity_img1 {
    top: 25%;
    left: 60%;
}
.liquidity_col:hover .liquidity_img3{
    top: 18%;
    left: 20%;
}
.liquidity_col:hover .liquidity_img2 {
    top: 43%;
    left: 38%;
}
.liquidity_col:hover .liquidity_img1 {
    top: 25%;
    left: 57%;
}
.liquidity_col:hover > .elementor-element-populated:after{
	content: '';
    background-image: url(/wp-content/uploads/2024/09/down-shade.png);
    background-position: bottom;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 20px;
}
.know_difference_row .go_up {
    transition: all 0.4s linear;
}
.know_difference_row:hover .go_up {
    transform: translate(54px, -56px); 
}
.know_difference_row:hover .know_difference_col {
    background-image: url(/wp-content/uploads/2024/09/knowmore_active.png);
    background-position: center;
    background-size: cover;
}
.explore_row.currently_viewing .animate_line_circle line {
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  animation: drawLine 6s forwards ease-in-out 1s; /* Added 2s delay */
  animation-play-state: running; /* Ensure it plays when the class is added */
  animation-fill-mode: forwards; /* Keep the final state after animation */
}
.explore_row.currently_viewing .animate_line_circle circle {
  opacity: 0;
  animation: showCircle 2s forwards ease-in-out 1s; /* Added 2s delay */
  animation-play-state: running;
  animation-fill-mode: forwards;
}
.mobile_only{
  display: none;
}

@keyframes drawLine {
  to {
    stroke-dashoffset: 0;
  }
}

@keyframes showCircle {
  to {
    opacity: 1;
  }
}

.current_item_0 .slide_handle, .slide_handle{
    position: absolute;
    left: -14.5%;
    top: 8%;
    transition: all 0.3s linear;
    z-index: 0;
}
.current_item_1 .slide_handle {
    top: 41%;
}
.current_item_2 .slide_handle {
    top: 74%;
}

@keyframes fadeIn {
  from {
    opacity: 0; 
  }
  to {
    opacity: 1;
  }
}

.efficiency_row .eff_circle {
  opacity: 0; 
  transition: opacity 0.4s linear; 
}

.efficiency_row:hover .eff_circle {
  opacity: 1; 
  animation: fadeIn 0.4s linear; 
}
.efficiency_row .efficiency_chart .save_box {
  transform: translateX(-10%); 
  opacity: 0; 
  transition: transform 0.4s linear, opacity 0.5s linear; 
}

.efficiency_row:hover .efficiency_chart .save_box {
  transform: translateX(0); 
  opacity: 1; 
}


@keyframes slideIn {
  from {
    transform: translateX(-10%);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}
.banner_mouse svg rect.wheel_animate {
    animation: scrollWheel 2s ease-in-out infinite;
}

@keyframes scrollWheel {
  0% { transform: translateY(0px); }
  40% { transform: translateY(15px); }  /* Moving down */
  50% { transform: translateY(15px); }  /* Pause at bottom */
  90% { transform: translateY(0px); }   /* Moving back to top */
  100% { transform: translateY(0px); }  /* Pause at top */
}





/*animation for Simple Investment Steps*/
.simply_invest #animated-path {
	stroke-dasharray: 1400; 
	stroke-dashoffset: 1400;
	animation: none; 
}

.simply_invest.currently_viewing #animated-path {
	animation: drawPath 6s ease forwards; 
}

@keyframes drawPath {
	0% {
	  stroke-dashoffset: 1400; /* Path is not visible */
	}
	33% {
	  stroke-dashoffset: 1233.33; /* Draws 1/3 of the path */
	}
	66% {
	  stroke-dashoffset: 666.66; /* Draws 2/3 of the path */
	}
	100% {
	  stroke-dashoffset: 0; /* Completes the drawing */
	}
}

/*animation for Simple Investment Steps*/




@media (min-width: 600px) and (max-width: 1000px){
	.explore_row svg.animate_line_circle {
		max-width: 600px;
	}
	.efficiency_chart svg, .simply_invest svg.desktop_only{
		max-width: 100%;
	}	
	.current_item_0 .slide_handle, .slide_handle{
	    left: -20%;
	}
	.current_item_0 .slide_handle, .slide_handle img{
		max-width: 55px;
	}
	.num_svg svg {
		max-height: 80px;
	}	
	.simply_invest svg.desktop_only {
		max-width: 600px;
	}
	.blog_right_col .elementor-heading-title a {
		font-size: 24px !important;!i;!;
		line-height: 30px !important;!i;!;
	}
	.blog_right_col .elementor-loop-container > div[data-elementor-type="loop-item"] {
		padding: 10px;
	}
}



@media(max-width: 480px){
	.mobile_only{
		display: inherit;
	}	
	.desktop_only{
		display: none;
	}
	.efficiency_chart svg {
		width: 100%;
		margin-top: 190px;
	}
	.smart_works .num_svg svg {
		width: 80px;
		height: 50px;
	}  
	.smart_works_3 .connector svg, .smart_works_5 .connector svg{
		rotate: 90deg;
	}
	.connector {
		left: -12px;
	}
	.connector svg{
		width: 12px;
		height: 10px;
	}
	.smart_works_3 .connector, .smart_works_5 .connector{
		top: -20px;
		left: 50%;
		max-width: fit-content;
	}
	.smart_works_4 .connector svg {
		rotate: none;
	}
	.smart_works_4 .connector {
		top: 45%;
		right: -13px;
		text-align: right;
		left: unset;
	}  
	.smart_works_6 .connector {
		right: unset;
		left: -12px;
		text-align: left;
	}
	.know_difference_col svg {
		margin: 0 auto 32px auto;
	}
	.stoex_right > .elementor-element-populated {
		flex-direction: row !important;
		flex-wrap: nowrap;
		width: 100%;
		overflow: hidden;
	}
	.stoex_right > .elementor-element-populated > div.stoex_slider_right,
	.stoex_left div[data-elementor-type="loop-item"]{
		min-width: 90%;
		margin-right: 10px;
	}
	.stoex_left .stoex_slider_left {
		opacity: 1;
		height: auto;
	}
	.stoex_left .elementor-loop-container {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
	}  
	.stoex_left {
		max-width: 100%;
		overflow: hidden;
	}
	.stoex_slider_right, .stoex_slider_left{
		transition: all 0.3s linear !important;
	}
	.stoex_right.current_item_0 > .elementor-element-populated .stoex_slider_right,
	.stoex_left.current_item_0 .elementor-loop-container .stoex_slider_left{
		transform: translateX(0%);
	}
	.stoex_right.current_item_1 > .elementor-element-populated .stoex_slider_right,
	.stoex_left.current_item_1 .elementor-loop-container .stoex_slider_left{
		transform: translateX(-101%);
	}
	.stoex_right.current_item_2 > .elementor-element-populated .stoex_slider_right,
	.stoex_left.current_item_2 .elementor-loop-container .stoex_slider_left{
		transform: translateX(-203%);
	}
	.explore_box{
		position: relative;
	}
	.explore_box > .elementor-widget-container {
		background-color: rgb(19 21 27 / 40%);
		backdrop-filter: blur(3px);
	}
	.explore_box:not(.active):after {
		content: '';
		background-color: #0000005c;
		width: 100%;
		height: 100%;
		position: absolute;
		z-index: 3;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
	.simply_invest_box .elementor-icon-box-content {
		margin-left: 50px;
	}	
	.simply_invest svg.mobile_only {
		height: 0px;
		width: 4px;
	}
	.currently_viewing.simply_invest svg.mobile_only {
		animation: increaseHeight 4s ease-in-out forwards;
	}

	@keyframes increaseHeight {
		0% {
			height: 0px;
		}
		50% {
			height: 250px;
		}
		60% {
			height: 250px; /* Pause at 250px for a second */
		}
		100% {
			height: 500px;
		}
	}
	
	.explore_row svg.mobile_only {
		height: 0px;
		transition: height 0.8s ease-in-out;
	}
	.currently_viewing.explore_row.current_item_0 svg.mobile_only {
		height: 0px;
	}
	.currently_viewing.explore_row.current_item_1 svg.mobile_only {
		height: 187px;
	}
	.currently_viewing.explore_row.current_item_2 svg.mobile_only {
		height: 374px;
	}
	.currently_viewing.explore_row.current_item_3 svg.mobile_only {
		height: 561px;
	}
	.currently_viewing.explore_row.current_item_4 svg.mobile_only {
		height: 890px;
	}
	.current_item_5 svg.mobile_only {
		visibility: hidden;
		display: none;
	}
	.explore_mb_line {
		max-height: 750px;
		overflow: hidden;
	}

	.explore_end_mb {
		position: relative; 
	}
	.explore_end_mb::before {
		background: radial-gradient(56.62% 67.18% at 50% 55.48%, rgba(27, 237, 186, 0.5) 0%, rgba(0, 0, 0, 0.1) 100%);
		content: '';
		width: 400px;
		height: 280px;
		position: absolute;
		opacity: 0;
		left:0;
		right:0;
		transition: opacity 1s ease;
/* 		
		content: '';
		background-image: url(/wp-content/uploads/2024/09/bg_glow.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		position: absolute; 
		top: -80px;
		left: 0;
		right: 0;
		bottom: 0;
		opacity: 0; 
		transition: opacity 1s ease; */
	}
	.currently_viewing.explore_row.current_item_3 .explore_end_mb::before {
		opacity: 1; 
	}
	.explore_box:not(.active) > .elementor-widget-container{
		background-color: transparent;
		backdrop-filter: none;
	}	
	
/* 	.explore_row svg.mobile_only {
		height: 0px;
	}
	.currently_viewing.explore_row svg.mobile_only {
		animation: increaseHeightExploreNow 4s linear infinite;
	}
	@keyframes increaseHeightExploreNow {
		0% { height: 0px; }
	    25% { height: 187px; }
	    50% { height: 374px; }
	    75% { height: 561px; }
	    100% { height: 750px; }
	} */
	
}