/* 
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 */


/* General css */
body, body * {
  box-sizing: border-box;

}
.bdt-ep-static-carousel-image{justify-content: center;}
.partnerra-card path{fill: unset !important;}

/* Home Page CSS */
.prt-home-vslider-wrp{display: none;}


/* post css start */
.ptr-post-wrap {padding-bottom: 85px;}
.ptr-cnt-wrp {display: flex;width: 100%;color: #DCE4EE;gap: 20px;border-radius: 40px;border: 1px solid #DCE4EE;padding: 30px;}
.ptr-post-img {width: 50%;}
.ptr-post-img img{width: 100%;}
.ptr-post-cnt {width: 50%;}

.slick-prev {background-image: url(assets/images/next-arrow.svg);background-size: contain;background-repeat: no-repeat;background-position: center;width: 40px;height: 40px;text-indent: -9999px;bottom: 0;position: absolute;left: 50px;left: 53%;transform: translateX(-50%);border: none;}
.slick-next {background-image: url(assets/images/previous-arrow.svg);background-size: contain;background-repeat: no-repeat;background-position: center;width: 40px;height: 40px;text-indent: -9999px;position: absolute;bottom: 0;left: 48%;transform: translateX(-50%);border: none;}



/* Accordion CSS */
.e-n-accordion-item-title{position: relative;}
.ptr-accr-black-wrp .e-n-accordion-item-title:before {content:'';background-image: url(assets/images/arrow.svg);background-size: contain;background-repeat: no-repeat;width: 25px;height: 25px;position: absolute;left: 0; }
.ptr-accr-white-wrp .e-n-accordion-item-title:before {content:'';background-image: url(assets/images/blue.svg);background-size: contain;background-repeat: no-repeat;width: 25px;height: 25px;position: absolute;left: 0; }



/* Contact form css */
.ptr-cnt-inr {display: grid;grid-template-columns: repeat(2, 1fr);grid-column-gap: 10px;}
.ptr-cnt-inr input, .wpcf7-select, .wpcf7-textarea{border-radius: 9px;border: none;}
.ptr-cnt-inr span.wpcf7-list-item-label{color: #fff;}
.ptr-cnt-inr:placeholder{font-family: "Inter", Sans-serif;font-size: 14px;}
.ptr-contact-form .wpcf7-list-item-label{color: #fff;font-size: 14px;}
.ptr-contact-form .wpcf7-submit{border: 1px solid #fff;border-radius: 27px;padding: 12px 35px;color: #fff;margin: 20px auto;}


.email-input-container{position: relative; padding-bottom: 15px;}
.email-input-container p{display: flex;width: 100%; align-items: center;}
.newsletter-text{font-size: 14px;max-width: 370px;}
.email-input-container input {border: 0;border-bottom: 1px solid #000;border-radius: 0;background-color: transparent;padding: 10px 0;}
.ptr-submit-button{text-align: center;}
.email-input-container input.wpcf7-form-control.wpcf7-submit {background: url("./assets/images/email-arrow.svg") no-repeat center center; background-size: contain; width: 25px; color: transparent; cursor: pointer; text-indent: -999999px;}
.wpcf7-not-valid + .wpcf7-not-valid-tip{position: absolute;}

/*.cards-container {display: flex;gap: 8px;width: 100%;}
.card {background: #99F6FF;padding: 20px;flex: 1;position: relative;transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);overflow: hidden;display: flex;flex-direction: column;justify-content: space-between;border-radius: 30px;min-height: 320px;}
.collspan-btn{display: none;}
.card.card-active .expand-btn{display: none;}
.card.card-active .collspan-btn{display: inline-block;}
.card svg {width: 20px;border-radius: 50%;background-color: #000;padding: 4px;height: 20px;}
.card path{fill:#99F6FF;}
.card button{border: 0;text-align: left;}

.icon {width: 32px;height: 32px;margin: 24px 0 16px 0;opacity: 0.7;stroke: #1e40af;stroke-width: 1.5;fill: none;}

.card-title {font-size: 23px;color: #1D171A;margin-bottom: 8px;font-family: "atyp bl medium", Sans-serif;}
.card-subtitle {font-size: 13px;color: #1e40af;opacity: 0.8;margin-bottom: 16px;line-height: 1.2;}
.card-content {font-size: 16px;color: #1D171A;display: none;line-height: 28px;}
.card.card-active .card-content{display: block;}
.card.card-active {flex: 2;justify-content: flex-start;}
.card-main-cnt img{width: 84px;height: 84px;}*/

#ptr-card-container-wrp, #ptr-card-container-wrp *{box-sizing: border-box;}
#ptr-card-container-wrp {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

/* --- Card Styles --- */
.ptr-card-layout {
    min-height: 375px;
    flex: 1;
    transition: flex 0.4s ease-in-out;
    background-color: #99F6FF;
    padding: 20px 20px;
    border-radius: 30px;
}

.ptr-card-layout.active {
    flex: 2; /* The active card will expand */
}
.ptr-card-layout svg {width: 20px; border-radius: 50%; background-color: #000; fill: #fff; padding: 4px; height: 20px;}
.ptr-card-lyt-inr{display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-end; height: 100%;}
.ptr-card-layout img{width: 84px; height: 84px;}

.ptr-card-lyt-collspan-btn{display: none;}
.ptr-card-layout.active .ptr-card-lyt-collspan-btn{display: block;}
.ptr-card-layout.active .ptr-card-lyt-expand-btn{display: none;}
.ptr-card-layout svg {width: 20px;border-radius: 50%;background-color: #000;padding: 4px;height: 20px;}
.ptr-card-layout path{fill:#99F6FF;}
.ptr-card-lyt-ttl {font-size: 23px;color: #1D171A;margin-bottom: 8px;font-family: "atyp bl medium", Sans-serif;}
.ptr-card-layout.active .ptr-card-lyt-ttl br{display: none;}

/* --- Card Content Styles --- */
.ptr-card-layout .ptr-card-lyt-icon {
    display: flex;
    justify-content: center;
    margin-bottom: 1rem;
}

.prt-card-lyt-description {
    font-size: 16px;color: #1D171A;line-height: 28px;
    transition: max-height 0.5s ease-in-out, opacity 0.3s ease-in-out;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
}

.ptr-card-layout.active .prt-card-lyt-description {
    max-height: 200px; /* Adjust as needed */
    opacity: 1;
}

@media (min-width: 1024px) {
    #ptr-card-container-wrp {
        flex-direction: row; /* Cards in a row on large screens */
    }
}

.ptr-accr-white-wrp svg{width: 20px;height: 20px !important;border-radius: 50%;background-color: #915AE6;padding: 4px;}
.ptr-accr-white-wrp svg path{fill: #fff;}
.ptr-accr-black-wrp svg{width: 20px;height: 20px !important;border-radius: 50%;background-color: #99F6FF;padding: 4px;}
.ptr-accr-black-wrp svg path{fill: #000;}


@media (max-width: 768px) {

	.cards-container {flex-direction: column;gap: 12px;}

	/* Home Page CSS */
	.prt-home-vslider-wrp{display: block;}
	.prt-home-vslider-wrp ul.slick-dots {
		display: inline-block;
		width: 100%;
		text-align: center;
		padding: 0;
		margin-top: 15px;
	}
	.prt-home-vslider-wrp .slick-dots li {
		display: inline-block;
		width: 15px;
		height: 15px;
		background-color: transparent;
		margin: 5px;
		border-radius: 50px;
		border: 1px solid #fff;
	}
	.prt-home-vslider-wrp .slick-dots li button{display: none;}
	.prt-home-vslider-wrp .slick-dots li.slick-active{background-color: #fff;}
	.prt-home-vslider-wrp .slick-slide{padding-right: 15px;}

	.prt-icon-list-slider-wrap li.elementor-icon-list-item{margin-bottom: 25px !important;}
	.prt-icon-list-slider-wrap span.elementor-icon-list-icon{display: inline-block; vertical-align: middle;}
	.prt-icon-list-slider-wrap span.elementor-icon-list-icon circle{fill: var(--e-global-color-primary);}
	.prt-icon-list-slider-wrap span.elementor-icon-list-icon path{fill: #fff;}
	.prt-icon-list-slider-wrap ul.slick-dots {
		display: inline-block;
		width: 100%;
		text-align: center;
		padding: 0;
		margin-top: 15px;
	}
	.prt-icon-list-slider-wrap .slick-dots li {
		display: inline-block;
		width: 15px;
		height: 15px;
		background-color: transparent;
		margin: 5px;
		border-radius: 50px;
		border: 1px solid #fff;
	}
	.prt-icon-list-slider-wrap .slick-dots li button{display: none;}
	.prt-icon-list-slider-wrap .slick-dots li.slick-active{background-color: #fff;}


	.prt-counter-slider-wrap ul.slick-dots {
		display: inline-block;
		width: 100%;
		text-align: center;
		padding: 0;
		margin-top: 15px;
	}
	.prt-counter-slider-wrap .slick-dots li {
		display: inline-block;
		width: 15px;
		height: 15px;
		background-color: transparent;
		margin: 5px;
		border-radius: 50px;
		border: 1px solid #000;
	}
	.prt-counter-slider-wrap .slick-dots li button{display: none;}
	.prt-counter-slider-wrap .slick-dots li.slick-active{background-color: #000;}



	.prt-why-partnerra-slider .slick-slide > div{padding: 0 5px;}
	.prt-why-partnerra-slider ul.slick-dots {
		display: inline-block;
		width: 100%;
		text-align: center;
		padding: 0;
		margin-top: 15px;
	}
	.prt-why-partnerra-slider .slick-dots li {
		display: inline-block;
		width: 15px;
		height: 15px;
		background-color: transparent;
		margin: 5px;
		border-radius: 50px;
		border: 1px solid #fff;
	}
	.prt-why-partnerra-slider .slick-dots li button{display: none;}
	.prt-why-partnerra-slider .slick-dots li.slick-active{background-color: #fff;}
}





/* First Section - Sticky Layout */
.ptr-our-solution-wrp {
    display: flex;
    height: 130vh; /* Extended height for page scroll */
}

.ptr-osleft-clm {
    width: 40%;
    padding: 4rem 2rem;
    position: sticky;
    top: 0;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.ptr-osleft-clm h1 {
    font-size: 3rem;
    font-weight: 700;
    color: white;
    margin-bottom: 2rem;
    text-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}

.ptr-osleft-clm p {
    font-size: 1.2rem;
    color: rgba(255, 255, 255, 0.9);
    line-height: 1.8;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

.ptr-osright-clm {
    width: 60%;
    position: relative;
    padding: 4rem 2rem;
}

.ptr-cards-container {
    position: sticky;
    top: 0;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 800px;
    margin: 0 auto;
}

.card-group {
    position: absolute;
    /*display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;*/
    width: 100%;
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.card-group.ptr-os-active {
    opacity: 1;
    transform: translateY(0);
}

.ptr-home-card {
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(15px);
    border-radius: 20px;
    padding: 2rem;
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    color: white;
    min-height: 250px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.ptr-home-card h3 {
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 1rem;
    color: #fff;
}

.ptr-home-card p {
    font-size: 1rem;
    color: rgba(255, 255, 255, 0.8);
    line-height: 1.6;
}

.ptr-card-img-wrp {width: 80px;}

.ptr-card-img-wrp img{width: 100%;height: 100%;object-fit: cover;}

.ptr-home-card {
    position: relative;
}

/* Responsive Design */
@media (max-width: 768px) {
    .ptr-our-solution-wrp {
        flex-direction: column;
    }

    .ptr-osleft-clm {
        width: 100%;
        height: auto;
        position: relative;
        padding: 3rem 1rem;
    }

    .ptr-osleft-clm h1 {
        font-size: 2rem;
    }

    .ptr-osright-clm {
        width: 100%;
        padding: 2rem 1rem;
    }

    .ptr-cards-container {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }
}