/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/* Header CSS */

.mainHeader {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999;
  transition: all 0.3s ease-in-out;
  background-color: transparent;
  backdrop-filter: none;
  transform: translateY(0);
}

.mainHeader.show-on-scroll {
	background-color: #D9DADF !important;
	box-shadow: 0px 0px 8px 2px #c3c3c3;
}

.mainHeader.hide-on-scroll {
  transform: translateY(-100%);
}
/*  */

/* Home CSS */
.homeHeroSec {
	background-size: 1780px !important;
}
.homeHeroSec:after {
    content: '';
    background: linear-gradient(1deg, #DADBDF 50.1%, #FCF7D7 149.17%);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: -1;
    pointer-events: none;
}
.homeHeroSec .heroLockImgRow img{
	max-width: 1700px;
}

.curveLineAnim .end-circles {
	 transform-origin: 10px 10px;
}
.featureLine {
	position: absolute;
    top: 30px;
    left: 396px;
    z-index: 20;
}
.featureLine02 {
    top: 210px !important;
    left: 256px;
}

.featureLine03 {
 	top: unset;
    bottom: 55px;
    left: 383px;
}

.featureLine04 {
    left: unset;
    right: 400px;
    top: 30px;
}
.featureLine05 {
    left: unset;
    right: 262px;
    top: 210px;
}
.featureLine06 {
    left: unset;
    right: 400px;
    top: unset;
    bottom: 62px;
}

.flexIconList ul.elementor-icon-list-items {
    flex-wrap: wrap !important;
    row-gap: 16px !important;
    column-gap: 0 !important;
}
.flexIconList ul.elementor-icon-list-items li.elementor-icon-list-item {
    width: 49%;
}
.homeFaqSec .e-n-accordion-item[open] {
    background: #fff;
    border-radius: 20px;
	border: 1.2px solid #fff;
	transition: 0.3s ease-in-out;
}
.homeFaqSec .e-n-accordion-item {
    border-radius: 20px;
    border: 1.2px solid rgba(255, 255, 255, 0.40);
	transition: 0.3s ease-in-out;
}
.homeFaqSec .e-n-accordion-item span.e-n-accordion-item-title-icon {
    border-radius: 100px;
    border: 1px solid #CBCBCB;
    background: #D5D5DD;
    width: 40px !important;
    height: 40px !important;
}
.homeFaqSec .e-n-accordion-item span.e-n-accordion-item-title-icon > span {
    margin: 0 auto;
}
.flipingTextAnim {
    position: absolute;
    right: 220px;
    top: 50px;
}
.flipingTextAnim .text-flip-container {
    color: #C6C7CC;
    white-space: pre;
    perspective: 400px; 
}
.flipingTextAnim .flip-char {
    display: inline-block;
    transform-origin: center;
    transform-style: preserve-3d;
    backface-visibility: visible;
}
@keyframes randomCharFlip {
    0% { transform: rotateY(0deg); }
    50% { transform: rotateY(180deg); } 
    100% { transform: rotateY(360deg); } 
}
/*  */

/* Services Page */
.serviceSingleBox {
	border-radius: 20px;
	border: 1.2px solid rgba(255, 255, 255, 0.40);
	overflow: hidden;
} 
.servicesListCol .serviceSingleBox {
    will-change: opacity, transform;
    /* Elementor ki apni transitions ko bypass karne ke liye */
    transition: none !important; 
}

/* Shuruati chehra (Backup agar JS block ho) */
.servicesListCol .serviceSingleBox:nth-child(1) { opacity: 1; }
.servicesListCol .serviceSingleBox:nth-child(2) { opacity: 0.6; }
.servicesListCol .serviceSingleBox:nth-child(3) { opacity: 0.2; }
/*  */

/* Blog CSS */

.postListRow article.elementor-post .elementor-post__card {
    padding: 20px ! IMPORTANT;
    border-radius: 20px;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0.04) 100%), rgba(17, 17, 19, 0.08);
    overflow: hidden;
    position: relative;
    border: 1.2px solid rgba(255, 255, 255, 0.40);
	box-shadow: none;
}
.lightBlogList article.elementor-post .elementor-post__card {
	background: #fff !important;
}
.postListRow article.elementor-post .elementor-post__card:hover {
    box-shadow: 0px 0px 13px 2px #c5c5c5;
}
.postListRow article.elementor-post .elementor-post__card .elementor-post__badge {
    top: 302px;
    left: 20px;
    display: inline-block;
    border: 1px solid #0D0D0D;
}
.postListRow.lightBlogList article.elementor-post .elementor-post__card .elementor-post__badge { 
	border: 1px solid #EAEAEA;
}
.postListRow article.elementor-post .elementor-post__card .elementor-post__thumbnail {
    border-radius: 20px !important;
}

/* Footer CSS */

/*  */