/*
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: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.5.1766492583
Updated: 2025-12-23 12:23:03

*/

a{
	font-size: inherit;
}
.underline span {
	text-decoration: underline;
}
/* Layout */
.slider-details-wrapper { 
    display:flex; 
    gap:40px; 
    align-items:flex-start; 
}
.slider-details-wrapper .slider-details-left {
    width: 40%;
}
.slider-details-wrapper .slider-details-right {
    width: 60%;
}
/* Slider */
.slider-details-left { 
    width:45%; 
    position:relative; 
}
.slider-details-left-slider .slider-details-slide img { 
    width:100%; 
    border-radius:10px; 
}

/* Progress */
.slider-details-progress{
    display:flex;
    gap:20px;
}
.slider-details-segment{
    flex: 1;
    height: 15px;
    overflow: hidden;
    position: relative;
    background-color: #F4F5F6;
}

.slider-details-segment i{
    position: absolute;
    left: 0;
    top: 0;
    height: 15px;
    background-color: #A9DDF3;
}

/* Arrows */
.progress-arrow-details {
    display: flex;
    gap: 40px;
    align-items: center;
    margin-top: 30px;
}
.slider-details-progress-wrap {
    width: calc(85% - 20px);
}
.slider-details-arrows { 
    display: flex;
    gap: 20px;
    width: calc(15% - 20px);
}
.slider-details-arrows button {
    background-color: unset !important;
    border: none !important;
    padding: 0 !important;
}

/* Tabs */
.slider-details-tabs {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}
.slider-details-tabs span {
    cursor: pointer;
    padding: 24px;
    border-radius: 20px;
    background-color: #F4F5F6;
    font-size: 24px;
    font-weight: 700;
    color: #0E1F2F;
    line-height: normal;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}
.slider-details-tabs span.active { 
    background-color: #D4EEF9;
}
.slider-details-tabs span b{
	display: none;
}
.slider-details-tabs span.active b {
	display: inline-block;
    font-size: 16px;
    font-weight: 800;
}

/* Content */
.slider-details-tab-content { 
    display: none;
    
}
.slider-details-tab-content.active { 
    display:block; 
    margin-top:20px; 
}
.slider-content-deteails {
    display: flex;
    gap: 40px;
    background-color: #D4EEF9;
    padding: 60px 45px 0;
    border-radius: 20px;
    color: #0E1F2F; 
}
.slider-content-deteails.content-full-width {
    padding: 60px 45px;
}
.slider-content-deteails .slider-details-tab-image {
    width: 40%;
    display: flex;
    justify-content: center;
}
.slider-content-deteails .slider-details-tab-image img {
    object-fit: contain;
    object-position: bottom;
}
.slider-content-deteails .slider-left-side-content {
    width: 60%;
}
.slider-content-deteails.content-full-width .slider-left-side-content {
    width: 100%;
}
.slider-content-deteails .slider-main-number {
    font-size: 36px;
    font-weight: 700;
}
.slider-content-deteails .main-content-title {
    font-size: 36px;
    font-weight: 300;
}
.slider-content-deteails .slider-details-desc {
    font-size: 16px;
}
.gform-body input[type="text"],
.gform-body input[type="email"],
.gform-body input[type="tel"],
.gform-body textarea {
	height: 48px !important;
    background-color: #ffffff !important;
    border: none !important;
    border-radius: 5px !important;
	box-shadow: none !important;
}
.gform-body .gfield_label,
.gform-body .gform-field-label {
	font-size: 16px !important;
    color: #0E1F2F !important;
}
.gform-body textarea {
	height: 180px !important;
	resize: none !important;
}
.gform-body .gform_fields {
	row-gap: 15px !important;
}
.gform-body .gfield_radio {
	display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
}
.gform-body .gfield_radio .gfield-choice-input,
.gform-body input[type="checkbox"] {
	border: none !important;
    box-shadow: none !important;
    background-color: #DDDDE3 !important;
}
.gform-footer .gform_button {
	background-color: #2591B7 !important;
    border-radius: 30px !important;
    padding: 15px 25px !important;
    color: #ffffff !important;
    font-size: 16px !important;
}
.gform-footer .gform_button:hover {
	background-color: #DDDDE3 !important;
	color: #2591B7 !important;
}
/* .why-we-exit-sec .swiper-slide {
    opacity: 0;
    transform: translateY(60px);
    filter: blur(6px);
    transition: all .8s cubic-bezier(.22,.61,.36,1);
}

.why-we-exit-sec .swiper-slide-active {
    opacity: 1;
    transform: translateY(0);
    filter: blur(0);
} */
.story-step .e-con .elementor-widget,
.career-loop-details.e-con .elementor-widget {
    min-width: unset;
}
.career-details-sec .e-loop-item * {
    word-break: normal;
} 
/* ===== Disable default slide transform animation ===== */
.why-we-exit-sec .swiper-wrapper {
    transition-timing-function: ease !important;
}

/* ===== Base slide state ===== */
.why-we-exit-sec .swiper-slide {
    opacity: 0;
    transform: translateY(60px);
    transition: 
        opacity .7s ease,
        transform .7s ease;
}

/* ===== Active slide animation ===== */
.why-we-exit-sec .swiper-slide-active {
    opacity: 1;
    transform: translateY(0);
    z-index: 2;
}

/* ===== Previous slide fade out ===== */
.why-we-exit-sec .swiper-slide-prev,
.why-we-exit-sec .swiper-slide-next {
    opacity: 0;
    transform: translateY(-60px);
}

/* smoother */
.why-we-exit-sec .swiper-slide > div {
    height: 100%;
}
.story-step {
    opacity: 0;
    transform: translateY(50px);
    transition: all .8s cubic-bezier(.25,.8,.25,1);
}

/* animate when slide active */
.swiper-slide-active .story-step {
    opacity: 1;
    transform: translateY(0);
}

.stack-card-details {
    position: relative;
}

/* cards stacked */
.stack-card {
    position: absolute !important;
    left: 0 !important;
    width: 100% !important;
    transition: transform .45s cubic-bezier(.22,.61,.36,1),
                box-shadow .3s !important;

    cursor: pointer;
}
.stack-card-details .stack-card.active {
	background-color: #D4EEF9 !important;
}
.resource-loop-item-details .elementor-loop-container {
	display: flex !important;
    flex-wrap: wrap !important;
    gap: 30px !important;
}
.resource-loop-item-details .elementor-loop-container .e-loop-item {
	width: calc(50% - 15px);
}
.resource-loop-item-details .elementor-loop-container .e-loop-item:nth-child(2) {
	width: 100%;
}
.resource-loop-item-details .elementor-loop-container .e-loop-item:nth-child(2) .e-con-inner .e-child {
	background-color: transparent;
	padding:0;
}
.resource-loop-item-details .elementor-loop-container .e-loop-item .e-parent,
.resource-loop-item-details .elementor-loop-container .e-loop-item .e-child {
	height: 100%;
}
.resource-loop-item-details .elementor-loop-container .elementor-widget-image img {
	aspect-ratio: 16 / 9;
	object-fit: cover;
}

.resource-banner-section .banner-featured-details::before {
    position: absolute;
    content: '';
    top: -97px;
    left: -103px;
    width: 116px;
    height: 114px;
    background-image: url(/wp-content/uploads/2026/02/featured-bg-1.png);
    background-repeat: no-repeat;
    background-size: contain;
}
.resource-category-filter .e-filter-item[aria-pressed="true"] {
	font-weight: 600 !important;
}
.resource-loop-item-details .elementor-widget-icon .elementor-icon {
    display: flex;
    justify-content: center;
}
.grid-animate {
  position: relative;
  display: inline-block;
  overflow: hidden;
}

/* Wave Layer */
.grid-animate::after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(
    circle at 30% 50%,
    rgba(77,184,255,0.4) 0%,
    rgba(77,184,255,0.2) 10%,
    rgba(77,184,255,0.1) 20%,
    transparent 40%
  );
  animation: waveMove 4s linear infinite;
  pointer-events: none;
}

@keyframes waveMove {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(100%);
  }
}
@media (max-width: 1366px) {
    .slider-details-wrapper {
        gap: 30px;
    }
    .slider-content-deteails.content-full-width {
        padding: 30px 20px;
    }
    .slider-content-deteails {
        padding: 30px 20px 0;
        gap: 20px;
    }
    .slider-details-tabs span {
        font-size: 20px;
        padding: 20px;
    }
    .slider-details-progress {
        gap: 10px;
    }
    .progress-arrow-details {
        gap: 20px;
    }
    .slider-details-progress-wrap {
        width: calc(80% - 10px);
    }
    .slider-details-arrows {
        width: calc(20% - 10px);
    }
    .slider-content-deteails .slider-main-number,
    .slider-content-deteails .main-content-title {
    font-size: 25px;
    }
	.resource-banner-section .banner-featured-details::before {
		top: -65px;
		left: -70px;
		width: 82px;
		height: 80px;
	}
}
@media (max-width: 1024px) {
	.resource-banner-section .banner-featured-details::before {
		content: none;
	}
}
@media (max-width: 991px) {
    .slider-details-wrapper {
        flex-direction: column-reverse;
    }
    .slider-details-wrapper .slider-details-right {
        width: 100%;
    }
    .slider-details-wrapper .slider-details-left {
        width: 100%;
    }
	.resource-loop-item-details .elementor-loop-container .e-loop-item {
		width: 100%;
	}
	.resource-loop-item-details .elementor-loop-container .e-loop-item .e-parent,
	.resource-loop-item-details .elementor-loop-container .e-loop-item .e-child {
		height: auto;
	}
}
@media (max-width: 767px) {
    .slider-content-deteails {
        flex-direction: column;
    }
    .slider-content-deteails .slider-details-tab-image,
    .slider-content-deteails .slider-left-side-content {
        width: 100%;
    }
	.banner-center-image {
		position:relative !important;
		top: 0 !important;
	}
	.gform-body .gfield_radio {
	display: grid !important;
    grid-template-columns: repeat(1, 1fr) !important;
}
}