/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/
html,
body.home {
	overflow-x: hidden;
}

/* Hero animation */
.home_hero_bg_wrap {
    z-index: 1;
    justify-content: center;
    align-items: flex-start;
    height: 170vh;
    display: flex;
    position: absolute;
    inset: 0% 0% auto;
    overflow: clip;
}	

.home_hero_circle {
    z-index: 1;
    aspect-ratio: 1;
    background-image: radial-gradient(circle closest-side, #1c20281a, #3038471a 84%, #7c8dae1a);
    border-radius: 1000vw;
    flex: none;
    width: 240rem;
    min-width: 240rem;
    max-width: 240rem;
    padding: 10rem;
    position: relative;
    top: 1rem;
}

.home_hero_circle_inner {
    aspect-ratio: 1;
    background-image: radial-gradient(circle closest-side, #1c20281a, #3038471a 84%, #7c8dae1a);
    border-radius: 1000vw;
    width: 100%;
    max-width: none;
    height: 100%;
    padding: 10rem;
    transform: scale(1);
}

.home_hero_bg_fade {
    z-index: 2;
/*     background-image: linear-gradient(#3b445600, #3b4456); */
    position: absolute;
    inset: 0%;
}

.globe-show {
	transform: translate(-50%,-100%) scale(1.1) !important;
}


.globe-fixed.globe-slide-left {
    transform: translate(-100%,-100%) scale(1.1) !important;
}

.js-globe {
	transition: 0.5s;
}
.globe-fixed--hide {
	transform: scale(0.5);
    opacity: 0;
}

.globe-info-tag {
	position: fixed;
	left: -40%;
    bottom: 0;
	opacity:0;
	//transform: translate(-390px, -50px);
	transition: 0.5s; 
	pointer-events: none;
	z-index: 999;
}

.globe-info-tag--show {
	//transform: translate(-250px, -50px) !important;
    opacity: 1 !important;
	left: -12%;
    bottom: 20%;
}


.globe-info-container {
    overflow-x: hidden;
}

.globe-info-slide {
	z-index: 999;
}

/* Globes */
.js-globe-2.globe-show--down canvas{
	bottom: 40% !important;
	opacity: 0;
}
.js-globe-3.globe-show--down canvas{
	bottom: 80% !important;
	opacity: 0;
}


/* Globe switch */
.js-globe canvas {
	transition: .5s;	
}
@media (max-width: 425px) {
	.js-globe canvas {
		transition: .2s;	
	}
}
@media (min-width: 426px) {
	.js-globe.globe-switch canvas {
		left: -30% !important;
		top: 30% !important;
	}

	.js-globe-2.globe-switch canvas {
		left: 5% !important;
		bottom: -21% !important;
		transform: scale(3.4) !important;
	}

	.js-globe-3.globe-switch canvas {
		left: 50% !important;
		bottom: 30% !important;
		transform: scale(1) !important;
		min-width: 295px !important;
		min-height: 295px !important;
	}

	.js-globe.globe-switch-exit canvas {
		left: -40% !important;
		bottom: -90% !important;
	}

	.js-globe-2.globe-switch-exit canvas {
		left: -40% !important;
		bottom: -90% !important;
	}

	.js-globe-3.globe-switch-exit canvas {
		min-width: 295px !important;
		min-height: 295px !important;
		left: 5% !important;
		bottom: -21% !important;
		transform: scale(3.4) !important;
	}

	body .globe-switch-end canvas {
		left: -75% !important;
		bottom: -85% !important;
	}
	
}

/* CTA */
.globe-cta {
	position: fixed;
	bottom: -30%;
    z-index: 999;
    left: 50%;
    transform: translateX(-50%);
	transition: 0.5s;
	opacity: 0;
}
.globe-cta.globe-cta--show {
	opacity: 1;
	bottom: 40px;
}

.brxe-text-basic ul {
	padding-left: 15px;
	margin-top: 0;
}

@media (max-width: 1024px) {
	.js-globe canvas {
		width: 800px !important;
		height: 800px !important;
	}
}
@media (max-width: 768px) {
	.js-globe canvas {
		width: 700px !important;
		height: 700px !important;
	}
	.h-line {
		width: 60px !important;
	}
}
@media (max-width: 425px) {
	.js-globe canvas {
		width: 330px !important;
		height: 330px !important;
		//transition: 0s !important;
	}
/* 	.js-globe.globe-switch canvas {
		left: auto !important;
	}
	.js-globe.globe-switch-exit canvas {
		left: auto !important;
		bottom: 0 !important;
	} */
	
/* 	canvas.js-globe--fixed {
		bottom: -160px !important;
        top: unset !important;
        transform: translateX(-50%) scale(2) !important;
        left: 50% !important;
	}
	.js-globe.globe-switch canvas.js-globe--fixed { 
		left: unset !important;
		top: unset !important;
	} */
}


@media only screen and (min-width: 1800px) {
	.hero__graphic--globe {
		max-width: 824px !important;
		bottom: -80px !important;
	}
	#worlds-intro .container-sm .brxe-block:nth-of-type(2) {
		max-width: 520px !important;
	}
	#custom-ai-development h3 {
		max-width: 620px !important;
	}
	h3 {
		max-width: 600px !important;
	}
	#brxe-nfjlee p {
		max-width: 100% !important;
	}
	p {
		max-width: 708px !important;
	}
	#custom-ai-development img {
		width: 708px !important;
	}
	#systems-implementation {
		background-size: 900px !important;
		background-position: 105% 120px !important;
	}
	img {
		max-width: 708px !important;
	}
	#ai-services #brxe-bf4c62, #brxe-ff6604 {
		padding-left: calc((100vw - calc(1560px + 8em)) / 2) !important;
	}
	#brxe-292a27 .hero-txt {
		max-width: 520px !important;
	}
	#brxe-fsevcb h2 {
		max-width: 708px !important;
	}
	#brxe-fsevcb .hero-txt {
		max-width: 708px !important;
	}
	#consultation-services {
		z-index: 2;
	}
	.hero p {
		max-width: 100% !important;
	}
}