/*
Theme Name: Astra Child theme of astra
Theme URI: 
Description: Child theme of astra theme for the Astra theme
Author: <a href="https://wpastra.com/about/?utm_source=theme_preview&#038;utm_medium=author_link&#038;utm_campaign=astra_theme">Brainstorm Force</a>
Author URI: 
Template: astra
Version: 4.11.18
*/

/* Generated by Orbisius Child Theme Creator (https://orbisius.com/products/wordpress-plugins/orbisius-child-theme-creator/) on Sun, 28 Dec 2025 16:46:59 +0000 */ 
/* The plugin now uses the recommended approach for loading the css files.*/

.web-header{
	padding-top: 5px;
	padding-bottom: 5px;
	 position: fixed;
    top: 20px;
}

*{
	transition: 0.3s ease-in !important;
}

/* Sticky state */
.web-header.web-sticky {
	margin-top: 0;
   
    left: 0;
    width: 100%;
    z-index: 999;
    transform: translateY(0);
	 background-color: #ffffff63;
    backdrop-filter: blur(10px);
    animation: slideDown 0.35s ease forwards;
	
}
a{
	text-decoration: none !important;
}
.list-style .elementor-icon-list-icon {
    background-color: #e2821f;
    padding: 8px 5px 8px 8px;
    border-radius: 50px;
    text-align: center;
}
.list-style li {
	margin-top: 20px !important; 
}
div#ast-scroll-top + div {
    display: none;
}
.contact-links .elementor-icon {
    background-color: #fff;
    padding: 7px;
    border-radius: 50%;
}

*{
	transition: 0.3s ease-in-out !important;
}

/* Slide down animation */
@keyframes slideDown {
    from {
        transform: translateY(-100%);
    }
    to {
        transform: translateY(0);
    }
}

.list-style li {
    background-color: #fff;
    padding: 10px 15px !important;
    border-radius: 2px;
}

.after a {
    position: relative;
}

.after a:after {
    position: absolute;
    content: "";
    right: -34px;
    top: 0;
    width: 50px;
    height: 50px;
	background-size: contain;
    background-image: url(https://websitebetalink.com/beta/skyclickmedia/wp-content/uploads/2025/12/button-after.png);
}

.mb-0 p{
	margin-bottom: 0;
}

.gradient-text, .gradient-text .elementor-headline-text-active {
    background: linear-gradient(90deg, #293E7D, #4196D5);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
	display:inline-block;
}

.elementor-headline-dynamic-text,
.elementor-headline-dynamic-text span {
    display: inline-block;
    line-height: 1.25 !important;   /* KEY FIX */
    padding-top: 0.15em;            /* prevents top crop */
    padding-bottom: 0.15em;         /* prevents bottom crop */
    height: auto !important;
    vertical-align: middle;
    
    background: linear-gradient(90deg, #ff6a00, #8e2de2);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent !important;
}

.footer-title h4 {
    position: relative;
    padding-left: 30px;
}

.footer-title h4::before {
    position: absolute;
    left: 0;
    top: 4px;
    width: 18px;
    height: 18px;
    background-color: #449FDF;
    border-radius: 50%;
    content: "";
}
.footer-link li {
    position: relative;
    padding-left: 20px;
}
/* width */
::-webkit-scrollbar {
  width:5px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #888; 
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}

.footer-link li::before {
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    width: 14px;
    height: 14px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%23000' d='M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z'/%3E%3C/svg%3E");
    transform: translateY(-50%);
}

.position-relative{
	position: relative;
}

.verticle-scroll {max-height: 600px; overflow-y: auto;}

.verticle-scroll .item {transition: 0.3s ease-in;}

.verticle-scroll .item:hover {background: linear-gradient(45deg, #2c4787, #4192d2);color: #fff;}

.verticle-scroll .item:hover .elementor-heading-title{color: #fff; !important}

.verticle-scroll .item:hover img{filter: brightness(5);}

.verticle-scroll .item:hover .icon {
    background-color: #e48421;
}

@media (max-width: 1024px){
	h3.elementor-headline.elementor-headline-animation-type-clip {
		display: flex;
		flex-direction: column;
		gap: 0;
	}

	h3 span.elementor-headline-plain-text.elementor-headline-text-wrapper img {
		display: none !important;
	}
	.after a:after {
		width: 45px;
		height: 45px;
		background-size: contain;
	}
}
