@import url('https://fonts.cdnfonts.com/css/open-sauce-one');
body, html, p, a, h1, h2, h3, h4, h5, h6, li, span, strong{
	font-family: 'Open Sauce One', sans-serif !important;
}

.za-gradient-text .elementor-headline-dynamic-text,
.za-gradient-text .elementor-counter-number,
.za-gradient-text .elementor-counter-number-suffix{
    background-image: linear-gradient(to bottom, #ffc86a 40%, #9d6100 120%) !important;
    background-clip: text !important;
    color: transparent !important;
}
.za-gradient-text h1, .za-gradient-text span{
	padding: 0 !important;
	margin: 0 !important;
}
.za-gradient-text .elementor-counter-title {
    line-height: 1.1em !important;
    text-align: center;
}
.za-service {
    position: relative;
}

.za-service .service-thumbnail {
    position: fixed !important;
    top: 0;
    left: 0;

    width: 500px !important;
    height: 250px !important;

    z-index: 99999 !important;

    pointer-events: none;

    opacity: 0;
    visibility: hidden;

    transform: scale(0.5);
    transform-origin: center center;

    transition:
        opacity 0.2s ease,
        transform 0.6s cubic-bezier(0.22, 1, 0.36, 1),
        visibility 0s linear 0.6s;
}

.za-service .service-thumbnail.is-visible {
    opacity: 1;
    visibility: visible;

    transform: scale(1);

    transition:
        opacity 0.2s ease,
        transform 0.6s cubic-bezier(0.22, 1, 0.36, 1),
        visibility 0s linear 0s;
}


/* Elementor video */
.za-service .service-thumbnail .elementor-wrapper {
    width: 100% !important;
    height: 100% !important;
}

.za-service .service-thumbnail video.elementor-video {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
}
.za-service:before {
    content: '';
    width: 1700px;
    height: 100%;
    background-color: #F4F2E9;
    left: -35%;
    transform: scaleX(0.5);
    transition: transform 0.5s;
    border-radius: 20px;
    opacity: 0;
}
.za-service:hover:before {
    transform: scaleX(1);
    opacity: 1;
}

.za-service:hover h3,
.za-service:hover h6{
    color: #101010;
}
.za-service h3 {
    transition:  0.7s;
}




.za-portfolio-carousel {
    pointer-events: none !important;
}
.tri-video-carousel {
    position: relative;
    z-index: 1;
}
.za-portfolio-carousel {
    z-index: 2;
}
.tri-work-tabs .ue-item:hover .ue-item-title,
.tri-work-tabs .elementor-widget-ucaddon_remote_tabs .ue-item-active .ue-item-title
{
    font-size: 32px !important;
}
.tri-work-tabs .ue-item-active .ue-item-title {
    font-size: 32px !important;
}
.tri-work-tabs a.ue-item-link {
    align-items: center !important;
    flex-direction: row-reverse;
}
.tri-work-tabs .ue-item-active .fa-arrow-right {
    transform: rotate(-45deg);
}
.tri-work-tabs .fa-arrow-right{
	transition: .2s;
}
.tri-faqs .e-n-accordion-item {
    border-radius: 20px !important;
    overflow: hidden;
	border: 1px solid #101010;
}
.tri-faqs .e-n-accordion-item:has(.e-n-accordion-item-title[aria-expanded="true"])  {
    border-color: #f59e0b !important;
}
.tri-reviews .uc_author {
    background-color: #F4F2E9;
    border-radius: 20px;
    padding: 30px 20px;
    order: 1;
    transition: .3s;
}
.tri-reviews .ue-text {
        background-color: #F4F2E9;
    border-radius: 0 0 20px 20px;
    padding: 80px 20px 30px 20px;
    order: 3;
}
.tri-reviews .uc_stars {
    background-color: #F4F2E9;
    border-radius: 20px 20px 0 0;
    padding: 30px 20px;
    order: 2;
    transition: .3s;
}
.tri-reviews .uc_quote_item:hover .uc_stars {
    margin: 0 !important;
    border-radius: 0;
}
.tri-reviews .uc_quote_item:hover .uc_author{
    border-radius: 20px 20px 0 0;
}


/****** portfolio carousel ********/


.tri-work:has(#e-n-tab-title-1187496481[aria-selected="true"]) .e-commerce,
.tri-work:has(#e-n-tab-title-1187496482[aria-selected="true"]) .real-estate,
.tri-work:has(#e-n-tab-title-1187496483[aria-selected="true"]) .education{
    display: block !important;
	opacity: 1;
}
.e-commerce, .real-estate, .education{
    display: none !important;
	opacity: 0;
	transition: 1s;
	transition-delay: 1s;
}
.tri-video-carousel .owl-nav {
    display: none;
}











@media only screen and (max-width:1800px){
body{
	zoom: 0.9;
}
	.za-orbit-scroll {
    zoom: 1.1;
}
.form-popup {
    zoom: 1.1;
}
	.service-thumbnail.is-visible {
    zoom: 1.1;
}
	.za-banner-trp {
    min-height: 95vh;
}
}
@media only screen and (max-width:1680px){
body{
	zoom: 0.85;
}
	.za-orbit-scroll {
    zoom: 1.2;
}
.form-popup {
    zoom: 1.2;
}
	.service-thumbnail.is-visible {
    zoom: 1.2;
}
}
@media only screen and (max-width:1600px){
	.orionix-progress {
    left: -150%;
}
	.za-banner-trp {
    min-height: 100vh;
}
}
@media only screen and (max-width:1566px){
body{
	zoom: 0.8;
}
		.za-orbit-scroll {
    zoom: 1.25;
}
.form-popup {
    zoom: 1.25;
}
	.service-thumbnail.is-visible {
    zoom: 1.25;
}
	.orionix-service {
    width: 370px !important;
		left: 50px !important;
}
	.za-banner-trp {
    min-height: 107vh;
}
}
@media only screen and (max-width:1490px){
body{
	zoom: 0.75;
}
		.za-orbit-scroll {
    zoom: 1.33;
}
.form-popup {
    zoom: 1.33;
}
	.service-thumbnail.is-visible {
    zoom: 1.3;
}
		.orionix-progress {
    left: -200%;
}
	.za-banner-trp {
    min-height: 115vh;
}
}
@media only screen and (max-width:1366px){
body{
	zoom: 0.7;
}
.za-orbit-scroll {
    zoom: 1.43;
}
	.form-popup {
    zoom: 1.43;
}
	.service-thumbnail.is-visible {
    zoom: 1.4;
}
	.za-banner-trp {
    min-height: 125vh;
}
}






html,
body {
    overflow-x: hidden;
}

/* GSAP dynamically creates this wrapper */
.section-transition-wrap {
    position: relative;
    width: 100%;
}

/* Both Elementor sections occupy the exact same position */
.section-transition-wrap .section-1,
.section-transition-wrap .section-2 {
    width: 100%;
}

/* Section 2 = background / underlying section */
.section-transition-wrap .section-2 {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
}

/* Section 1 = layer above Section 2 */
.section-transition-wrap .section-1 {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2;

    transform-origin: center center;

    will-change: transform, opacity;

    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

/* Helps prevent rendering issues */
.section-transition-wrap {
    overflow: hidden;
}

@media only screen and (max-width:1032px){
body{
	zoom: 1;
}
.za-orbit-scroll {
    zoom: 1;
}
	.form-popup {
    zoom: 1;
}
	.service-thumbnail.is-visible {
    zoom: 1;
}
.orionix-progress {
    left: -95vh !important;
	width: auto !important;
}
.orionix-service {
    width: 400px !important;
    margin-left: 100px !important;
	left: 0 !important;
}
	.orionix-service.service-1 {
    margin-top: 48vh;
}
	.orionix-illustrations{
		display: block !important;
	}
.tri-work-tabs .ue-item:hover .ue-item-title,
.tri-work-tabs .elementor-widget-ucaddon_remote_tabs .ue-item-active .ue-item-title
{
    font-size: 22px !important;
}
.tri-work-tabs .ue-item-active .ue-item-title {
    font-size: 22px !important;
}
	.za-banner-trp {
    min-height: 90vh;
}
}
@media only screen and (max-width:991px){
	.orionix-service {
    width: 350px !important;
    margin-left: 60px !important;
}
}
@media only screen and (max-width:768px){
	.za-banner-trp {
    min-height: 85vh;
}
}
@media only screen and (max-width:767px){
	.tri-reviews .ue-text {
    padding: 40px 20px 30px 20px;
}
	.za-service:before {
    width: 300px;
    left: 0 !important;
}
		.za-service:before {
    width: 100%;
    left: 50% !important;
    transform: translateX(-50%) scaleX(0);
}
	.za-service:hover:before {
    transform: translateX(-50%) scaleX(1);
    opacity: 1;
}
	.orionix-pin--orbit {
    z-index: 0;
}
	.za-banner-trp {
    min-height: 600px;
}
/* 	.orionix-progress-number {
    font-size: 20px !important;
    top: -30px !important;
}
.orionix-service-description {
    font-size: 14px !important;
    max-width: 200px !important;
}
h2.orionix-service-title {
    font-size: 36px !important;
}
	.orionix-progress-item {
    top: 0 !important;
		left: -150px !important;
}
	.orionix-progress {
    transform: rotate(90deg) translate(0 , 0);
    margin-top: -30vh !important;
    width: 100px !important;
    height: 60vh !important;
    left: 38% !important;
}
.orionix-service {
    margin: 300px 0 !important;
    left: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    text-align: center;
}
.orionix-service.service-1 {
    height: 60vh;
    margin-top: 0 !important;
}
section.orionix-services {
    grid-template-columns: unset !important;
    width: 100%;
    display: flex;
    flex-direction: column;
}
.orionix-illustrations {
    width: 100% !important;
    right: 50% !important;
    transform: translateX(50%) !important;
    height: 1000px !important;
    margin-top: -30px !important;
    text-align: center !important;
    z-index: 0 !important;
}
.orionix-illustrations img{
    width: 200px !important;
    height: 200px !important;
    margin: auto;
}
p.orionix-service-description {
    max-width: 70% !important;
    margin: auto;
    margin-top: 20px;
}
	span.orionix-progress-number {
    transform: translate(-50%, -50%) rotate(180deg) !important;
}
	.orionix-service-content {
    width: 90%;
    margin: auto;
    border-radius: 20px;
    backdrop-filter: blur(10px);
    padding: 15px 0;
} */
}




/******* SECTION ANIMATIONS ******/



/* .za-banner-trp {
    transform: translateY(-100px) scale(1.023);
    z-index: 9999;
    height: 97vh;
    transition: .5s;
}
.za-banner-trp h2,
.za-banner-trp .elementor-widget-text-editor,
.za-banner-trp .elementor-button{
    opacity: 0;
    transition: .5s;
    transition-delay: .8s;
    z-index: 999;
    position: relative;
}
.za-banner-trp h1{
    transform: translateX(40%) scale(1.5);
    transition: .5s;
    z-index: 999;
    position: relative;
}
.za-banner-trp .elementor-headline-dynamic-wrapper {
    width: 512px !important;
    transition: .5s;
}
.za-banner-trp::after{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color:#000;
    opacity: 0.7;
    transition: .5s;
    margin: auto;
    left: 50% !important;
    top: 50% !important;
    transform: scale(1) translateX(-50%) translateY(-50%) !important;
}
.za-banner-trp.is-active {
    transform: translateY(0) scale(1);
    z-index: 9999;
    height: auto;
}
.za-banner-trp.is-active h2,
.za-banner-trp.is-active .elementor-widget-text-editor,
.za-banner-trp.is-active .elementor-button{
    opacity: 1;
}
.za-banner-trp.is-active h1{
    transform: translateX(0) scale(1);
}
.za-banner-trp.is-active .elementor-headline-dynamic-wrapper {
    width: auto !important;
}
.za-banner-trp.is-active::after{
    opacity: 1;
    left: 50% !important;
    top: 50% !important;
    transform: scale(0) translateX(-50%) translateY(-50%) !important;
} */