/* ================================
   ------------------------
   ---------------------
   ------------------
	 ---------------

   common_1620x1080.css

            ---------------
         ------------------
      ---------------------
   ------------------------
================================ */

:root {
	--ad-w: 1620px;
	--ad-h: 1080px;
}

/* =====================

	=TITLES

===================== */

/* =TA */
.title--a {
	left: 83px;
	top: 126px;
}

[data-label="infrastructure"] .title--a {
	/* left: 83px; */
	/* top: 126px; */
}

[data-label="planning"] .title--a {
	/* left: 83px; */
	top: 127px;
}

[data-label="etf"] .title--a {
	/* left: 83px; */
	/* top: 126px; */
}

/* =TB */
.title--b {
	left: 336px;
	top: 371px;
}

[data-label="infrastructure"] .title--b {
	left: 336px;
	top: 371px;
}

[data-label="planning"] .title--b {
	left: 405px;
	top: 334px;
}

[data-label="etf"] .title--b {
	left: 347px;
	top: 333px;
}

/* =TC */
.title--c {
	left: 915px;
	top: 600px;
}

[data-label="infrastructure"] .title--c {
	/* left: 915px; */
	/* top: 600px; */
}

[data-label="planning"] .title--c {
	/* left: 915px; */
	/* top: 600px; */
}

[data-label="etf"] .title--c {
	/* left: 915px; */
	/* top: 600px; */
}

/* =====================

	=CONNECTORS

===================== */
/* =A2B */
.connector--a2b {
	left: 1245px;
	top: 152px;
}

[data-label="infrastructure"] .connector--a2b {
	left: 1245px;
	top: 152px;
}

[data-label="planning"] .connector--a2b {
	left: 901px;
	top: 153px;
}

[data-label="etf"] .connector--a2b {
	left: 969px;
	top: 160px;
}

/* =B2C */
.connector--b2c {
	left: 153px;
	top: 399px;
}

[data-label="infrastructure"] .connector--b2c {
	left: 153px;
	top: 399px;
}

[data-label="planning"] .connector--b2c {
	left: 283px;
	top: 444px;
}

[data-label="etf"] .connector--b2c {
	left: 173px;
	top: 436px;
}

/* =ARROWS — scale is applied via gsap.set() in JS to avoid Safari MotionPath conflicts */

/* =====================

	=DESC

===================== */
.desc {
	left: 910px;
	top: 756px;
}

[data-label="infrastructure"] .desc {
	left: 910px;
	top: 756px;
}

[data-label="planning"] .desc {
	left: 909px;
	top: 756px;
}

[data-label="etf"] .desc {
	left: 910px;
	top: 799px;
}

/* =====================

	=BTN

===================== */
.btn {
	left: 909px;
	top: 921px;
}

[data-label="infrastructure"] .btn {
	/* left: 909px; */
	/* top: 921px; */
}

[data-label="planning"] .btn {
	/* left: 909px; */
	/* top: 921px; */
}

[data-label="etf"] .btn {
	/* left: 909px; */
	/* top: 921px; */
}

/* =====================

	=LOGO

===================== */
.logo {
	width: 343px;
	left: 78px;
	top: 927px;
}