/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: A lightweight and minimalist WordPress theme for Elementor page builder.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 2.8.1.1695644511
Updated: 2023-09-25 12:21:51

*/

.button-wrapper.elementor-widget .elementor-widget-container .elementor-button-wrapper .elementor-button{
    background-image: linear-gradient(93.94deg, #8CC559 8.75%, #2D7AAA 57.35%, #2B3064 99.36%);
}
.banner-video .elementor-background-video-hosted.elementor-html5-video {
width:auto!important;
height:auto!important;
}
.banner-video .elementor-html5-video {
    object-fit: contain;
}
.banner-video .elementor-background-video-hosted {
    top: 0%;
    transform: translate(-50%,0%);
}

.sign-hover .elementor-widget-container{
    min-width:173px;
    min-height:166px
}

.sign-hover .elementor-widget-container:hover{
    background-image: linear-gradient(130deg, #8CC559 8.75%, #2D7AAA 57.35%, #2B3064 99.36%);
}
.sign-hover .elementor-widget-container .elementor-image-box-img{
    filter: contrast(0.5);
}
.sign-hover .elementor-widget-container:hover .elementor-image-box-img{
    filter: grayscale(1);
}
.sign-hover .elementor-widget-container:hover .elementor-image-box-content h3{
    color:#fff
}

.animation-text h2 {
    position: fixed;
    left: 50%; /* Center horizontally */
    transform: translateX(calc(-1 * var(--scroll) * 100%)); /* Reverse the direction by negating the scroll value */
    transition: transform 3s ease, bottom 3s ease; /* Add smooth transitions for motion and vertical position */
    font-size: 300px; /* Adjust text size */
}
body{
    overflow-x:hidden
}
.follow-us-title h4{
    margin-left:15px
}
.ziodic-box .elementor-image-box-wrapper{
    position:relative;
}
.ziodic-box .elementor-image-box-content{
    position:absolute;
    bottom:10%;
    left: 6%;
}
.ziodic-box .elementor-image-box-content .elementor-image-box-title img{
    width:60%
}
.ziodic-box .elementor-image-box-content .elementor-image-box-title{
    margin-bottom:0px;
}
.ziodic-box .elementor-image-box-content .elementor-image-box-title{
    margin-bottom:0px;
}
.zodiac-slider .e-con-inner{
    margin-left:140px;
}
.zodiac-slider .slick-slide{
    padding-right:20px;
}
.zodiac-slider .slick-arrow:before{
     display:none;
}
.zodiac-slider .slick-dots li button:before{
	color:#fff;
	opacity:1;
	font-size:40px;
	margin-top:5px
}
.zodiac-slider .slick-dots li.slick-active button:before{
	color:#000
}
.zodiac-slider .slick-dots{
	text-align: inherit;
	margin-left:10px;
}
.zodiac-slider .slick-dots li{
    margin:0px 2px;
}
.slick-prev, .slick-next{
	bottom:-6px!important;
	top:unset!important;
	width:95%!important;
	text-align:end;
	
}
.slick-prev:before, .slick-next:before{
	display:none;
}
.slick-next{
	right:2%!important
}
.slick-prev img, .slick-next img{
	width:6%;
}
.zodiac-slider .slick-dots {
    width: calc(50% - 16%);
    z-index: 3;
}
.slick-prev {
    z-index: 1;
}
.zodiac-slider .slick-dots{
	bottom:0px;
}
.slick-prev img:hover, .slick-next img:hover{
	filter: invert(99%) sepia(15%) saturate(4526%) hue-rotate(31deg) brightness(83%) contrast(83%);
}
.zodiac-slider .elementor-image-box-wrapper a:after { content: ""; display: block !IMPORTANT; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; }
.zodiac-slider .elementor-widget-container .elementor-image-box-wrapper:before{
    content: url(https://staging.starpathanand.com/wp-content/uploads/2023/10/3225191_app_instagram_logo_media_popular_icon-3.png);
    position: absolute;
    top: 10px;
    left: 80%;
	transition: opacity 0.3s ease;
    opacity: 0;
}
.zodiac-slider .elementor-widget-container .elementor-image-box-wrapper:hover:before{
    opacity: 1!important;
}
.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.w-100{
	width:100%;
	padding-left:15px;
	padding-right:15px;
}

.w-50{
	width:50%;
	padding-left:15px;
	padding-right:15px;
}
.form-width textarea{
	height:80px;
}
.form-width input, .form-width textarea{
	border-radius:0px;
	border:unset;
	border-bottom:1px solid #b9b9b9;
	padding-left:0px;
	margin-top:10px;
	color:#000;
	font-family: "Quicksand", Sans-serif;
    font-size: 16px;
	font-weight:500;
	background:#f9f9f9;
}
::placeholder{
	color:#000;
}
.form-width .wpcf7-submit{
	background-image: linear-gradient(93.94deg, #8CC559 8.75%, #2D7AAA 57.35%, #2B3064 99.36%);
	color:#fff;
	padding:10px 40px;
	border-radius:50px;
	border:unset;
}
.contact-wrapper.e-con>.e-con-inner{
	gap:0px!important;
}
.icon-wrapper a{
	text-decoration:none;
	transition-duration: 0.3s;
}
.icon-wrapper a:hover{
	text-decoration:underline;
	transition-duration: 0.3s;
}
.icon-wrapper .elementor-image-box-wrapper:hover img{
	transform: scale(0.9);
}
.icon-wrapper .elementor-image-box-wrapper:hover a{
	text-decoration:underline;
	transition-duration: 0.3s;
}
.mail-wrapper .elementor-image-box-title a{
	font-family: "Quicksand", Sans-serif;
    font-size: 20px;
	font-weight:500;
}
[type=button]:focus, [type=button]:hover, [type=submit]:focus, [type=submit]:hover, button:focus, button:hover{
	background:transparent;
}
:focus-visible {
    outline: unset;
}
input[type=date]:focus, input[type=email]:focus, input[type=number]:focus, input[type=password]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=url]:focus, select:focus, textarea:focus {
    border-color: #b9b9b9;
}
.button-wrapper.elementor-widget .elementor-widget-container .elementor-button-wrapper .elementor-button:hover, .form-width .wpcf7-submit:hover{
	background-image: linear-gradient(93.94deg, #2B3064 8.75%, #2D7AAA 57.35%, #8CC559 99.36%);
}
.zodiac-post .custom-post img{
	filter: contrast(0.5);
}
.zodiac-post .custom-post{
	text-align:center;
	padding: 35px 0px;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #D9D9D9;
	border-radius: 10px 10px 10px 10px;
	margin-bottom:15px
}
.zodiac-post .custom-post h2 a{
	color: #515152;
    font-family: "Glory", Sans-serif;
    font-size: 20px;
    font-weight: 600;
	text-decoration:unset;
}
.zodiac-post .custom-post h2{
	margin:0px;
}

.zodiac-post .custom-post:hover{
	background-image: linear-gradient(130deg, #8CC559 8.75%, #2D7AAA 57.35%, #2B3064 99.36%);
}
.zodiac-post .custom-post:hover img{
	filter: grayscale(1);
}
.zodiac-post .custom-post:hover h2 a{
	color:#fff;
}
 body.popup-open{
    overflow: hidden;
}
.ui-widget-overlay{
	background:linear-gradient(130deg, #8CC559 8.75%, #2D7AAA 57.35%, #2B3064 99.36%)!important;
	
}
.custom-popup-content .image-center{
	text-align:center;
	margin-top:20px;
}
.custom-popup-content img{
	background:linear-gradient(130deg, #8CC559 8.75%, #2D7AAA 57.35%, #2B3064 99.36%)!important;
	padding:20px;
	border-radius:10px;
	-webkit-box-shadow: 1px 0px 35px -3px rgba(140,197,89,0.55);
-moz-box-shadow: 1px 0px 35px -3px rgba(140,197,89,0.55);
box-shadow: 1px 0px 35px -3px rgba(140,197,89,0.55);
	
}
.custom-popup-content h2{
	color: #515152;
    font-family: "Glory", Sans-serif;
    font-size: 30px;
    font-weight: 600;
}
.custom-popup-content p{
	color: #515152;
    font-family: "Quicksand", Sans-serif;
    font-size: 16px;
    font-weight: 500;
}
.ui-dialog-titlebar.ui-corner-all{
	color: #515152;
    font-family: "Glory", Sans-serif;
    font-size: 30px;
    font-weight: 600;
	background:#f9f9f9;
	border:unset;
	border-radius:30px 30px 0px 0px 
}
.ui-dialog.ui-corner-all{
	border-radius:30px;
	box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.2);
	border:unset!important;
}
.popup-open .ui-dialog .ui-dialog-titlebar-close{
	border-radius:50px;
	height: 30px;
	width: 30px;
}
[type=button]:focus, [type=submit]:focus, button:focus {
    outline: unset;
}

@media(max-width:1024px){
.zodiac-slider .e-con-inner {
    margin-left: 10px;
}
	.zodiac-post .slick-dots li button:before{
	color: #8CC559;
	opacity:1;
	font-size:40px;
	margin-top:5px
}
.zodiac-post .slick-dots li.slick-active button:before{
	color:#000
}
.zodiac-post .slick-dots{
}
.zodiac-post .slick-dots li{
    margin:0px 2px;
}
	.zodiac-post .slick-initialized .slick-slide{
	padding:0px 10px;
}
.zodiac-post .slick-slide img{
	display:inherit;
}
	.zodiac-slider .slick-next {
    right: 5%!important;
}
.zodiac-slider .slick-prev, .slick-next {
    bottom: -6px!important;
    top: unset!important;
    width: 94%!important;
    text-align: end;
}
	.animation-text h2{
		left:3%;
	}
	.zodiac-post .slick-dots li button{
		position:relative;
		z-index:1;
	}
	
}
@media (min-width:1025px){
	.test-slider .elementor-shortcode {
  display: flex;
  flex-wrap: wrap; /* Allow columns to wrap to the next row */
}

.test-slider .custom-post {
  flex-basis: calc(16.666% - 10px); 
  margin-right: 10px; 
  box-sizing: border-box; 
}

.custom-post:nth-child(6n) {
  margin-right: 0;
}
}
@media(max-width:767px){
.slick-prev img, .slick-next img {
    width: 8%;
}
	.w-50 {
    width: 100%;
}
	.icon-wrapper .elementor-image-box-wrapper{
	display:flex;
}
.icon-wrapper .elementor-image-box-content{
	text-align: initial;
    padding-left: 12px;
}
	.change-order{
		order:2;
	}
	.popup-open .ui-dialog.ui-corner-all {
    width: 350px!important;
}
	.animation-text h2 {
    left: 4%;
}
}

body{
	overflow-x:hidden;
}