/**
 * @author Sarbodaya Kandel
 *
 * @copyright RDA Research 2023
 */
:root {
	--letter-pos-from-left: 116px;
	--letter-pos-from-right: 10px;
	--first-row-letter-pos-from-top: 7px;
	--second-row-letter-pos-from-top: calc(
		91px + var(--first-row-letter-pos-from-top)
	);
	--third-row-letter-pos-from-top: calc(
		118px + var(--second-row-letter-pos-from-top)
	);
	--third-row-second-col-letter-pos-from-top: calc(
		58px + var(--third-row-letter-pos-from-top)
	);
	--fourth-row-letter-pos-from-top: calc(
		90px + var(--third-row-letter-pos-from-top)
	);
	--fifth-row-letter-pos-from-top: calc(
		95px + var(--fourth-row-letter-pos-from-top)
	);
}

.graph_geosmart .graph_item > img {
	width: 57%;
}

.graph_geosmart .graph_item.letter > img {
	width: 45%;
}

.graph_geosmart {
	width: 940px;
	height: 575px;
	margin: 0 auto;
	position: relative;
}

.graph_geosmart_bg {
	top: 0;
	left: 0;
	position: absolute;
}

.graph_geosmart .graph_items .graph_item.item_a {
	top: var(--first-row-letter-pos-from-top);
	right: var(--letter-pos-from-right);
	text-align: right;
}

.graph_geosmart .graph_items .graph_item.item_b {
	top: var(--first-row-letter-pos-from-top);
	left: var(--letter-pos-from-left);
}

.graph_geosmart .graph_items .graph_item.item_c {
	top: var(--second-row-letter-pos-from-top);
	right: var(--letter-pos-from-right);
	text-align: right;
}

.graph_geosmart .graph_items .graph_item.item_d {
	top: var(--second-row-letter-pos-from-top);
	left: 571px;
}

.graph_geosmart .graph_items .graph_item.item_e {
	top: var(--second-row-letter-pos-from-top);
	left: var(--letter-pos-from-left);
}

.graph_geosmart .graph_items .graph_item.item_f {
	top: var(--third-row-letter-pos-from-top);
	right: var(--letter-pos-from-right);
	text-align: right;
}

.graph_geosmart .graph_items .graph_item.item_g {
	top: var(--third-row-second-col-letter-pos-from-top);
	left: 575px;
}

.graph_geosmart .graph_items .graph_item.item_h {
	top: var(--third-row-letter-pos-from-top);
	left: var(--letter-pos-from-left);
}

.graph_geosmart .graph_items .graph_item.item_i {
	top: var(--fourth-row-letter-pos-from-top);
	right: var(--letter-pos-from-right);
	text-align: right;
}

.graph_geosmart .graph_items .graph_item.item_j {
	top: var(--fourth-row-letter-pos-from-top);
	left: var(--letter-pos-from-left);
}

.graph_geosmart .graph_items .graph_item.item_k1 {
	top: var(--fifth-row-letter-pos-from-top);
	left: var(--letter-pos-from-left);
}

.graph_geosmart .graph_items .graph_item.item_k2 {
	top: var(--fifth-row-letter-pos-from-top);
	right: var(--letter-pos-from-right);
	text-align: right;
}

.graph_geosmart .graph_items .graph_item.item_1 {
	top: 10px;
	left: 813px;
}

.graph_geosmart .graph_items .graph_item.item_2 {
	top: 18px;
	left: 535px;
}

.graph_geosmart .graph_items .graph_item.item_3 {
	top: 39px;
	left: 398px;
}

.graph_geosmart .graph_items .graph_item.item_4 {
	top: 49px;
	left: 676px;
}

.graph_geosmart .graph_items .graph_item.item_5 {
	top: 59px;
	left: 303px;
}

.graph_geosmart .graph_items .graph_item.item_6 {
	top: 57px;
	left: 725px;
}

.graph_geosmart .graph_items .graph_item.item_7 {
	top: 85px;
	left: 208px;
}

.graph_geosmart .graph_items .graph_item.item_8 {
	top: 108px;
	left: 791px;
}

.graph_geosmart .graph_items .graph_item.item_9 {
	top: 110px;
	left: 829px;
}

.graph_geosmart .graph_items .graph_item.item_10 {
	top: 125px;
	left: 414px;
}

.graph_geosmart .graph_items .graph_item.item_11 {
	top: 117px;
	left: 471px;
}

.graph_geosmart .graph_items .graph_item.item_12 {
	top: 136px;
	left: 836px;
}

.graph_geosmart .graph_items .graph_item.item_13 {
	top: 146px;
	left: 785px;
}

.graph_geosmart .graph_items .graph_item.item_14 {
	top: 135px;
	left: 695px;
	z-index: 3;
}

.graph_geosmart .graph_items .graph_item.item_15 {
	top: 152px;
	left: 685px;
	z-index: 2;
}

.graph_geosmart .graph_items .graph_item.item_16 {
	top: 167px;
	left: 642px;
	z-index: 1;
}

.graph_geosmart .graph_items .graph_item.item_17 {
	top: 174px;
	left: 760px;
	z-index: 7;
}

.graph_geosmart .graph_items .graph_item.item_18 {
	top: 175px;
	left: 310px;
}

.graph_geosmart .graph_items .graph_item.item_19 {
	top: 192px;
	left: 713px;
	z-index: 4;
}

.graph_geosmart .graph_items .graph_item.item_20 {
	top: 190px;
	left: 653px;
	z-index: 5;
}

.graph_geosmart .graph_items .graph_item.item_21 {
	top: 190px;
	left: 800px;
}

.graph_geosmart .graph_items .graph_item.item_22 {
	top: 202px;
	left: 741px;
	z-index: 6;
}

.graph_geosmart .graph_items .graph_item.item_23 {
	top: 233px;
	left: 646px;
	z-index: 8;
}

.graph_geosmart .graph_items .graph_item.item_24 {
	top: 237px;
	left: 666px;
}

.graph_geosmart .graph_items .graph_item.item_25 {
	top: 246px;
	left: 172px;
}

.graph_geosmart .graph_items .graph_item.item_26 {
	top: 230px;
	left: 572px;
}

.graph_geosmart .graph_items .graph_item.item_27 {
	top: 251px;
	left: 635px;
	z-index: 9;
}

.graph_geosmart .graph_items .graph_item.item_28 {
	top: 242px;
	left: 510px;
	z-index: 12;
}

.graph_geosmart .graph_items .graph_item.item_29 {
	top: 232px;
	left: 763px;
}

.graph_geosmart .graph_items .graph_item.item_30 {
	top: 256px;
	left: 857px;
}

.graph_geosmart .graph_items .graph_item.item_31 {
	top: 248px;
	left: 741px;
}

.graph_geosmart .graph_items .graph_item.item_32 {
	top: 255px;
	left: 727px;
}

.graph_geosmart .graph_items .graph_item.item_33 {
	top: 264px;
	left: 372px;
}

.graph_geosmart .graph_items .graph_item.item_34 {
	top: 240px;
	left: 495px;
	z-index: 10;
}

.graph_geosmart .graph_items .graph_item.item_35 {
	top: 275px;
	left: 688px;
	z-index: 18;
}

.graph_geosmart .graph_items .graph_item.item_36 {
	top: 278px;
	left: 345px;
}

.graph_geosmart .graph_items .graph_item.item_37 {
	top: 276px;
	left: 777px;
}

.graph_geosmart .graph_items .graph_item.item_38 {
	top: 270px;
	left: 505px;
	z-index: 11;
}

.graph_geosmart .graph_items .graph_item.item_39 {
	top: 280px;
	left: 666px;
	z-index: 16;
}

.graph_geosmart .graph_items .graph_item.item_40 {
	top: 282px;
	left: 652px;
	z-index: 15;
}

.graph_geosmart .graph_items .graph_item.item_41 {
	top: 303px;
	left: 686px;
	z-index: 17;
}

.graph_geosmart .graph_items .graph_item.item_42 {
	top: 290px;
	left: 596px;
	z-index: 14;
}

.graph_geosmart .graph_items .graph_item.item_43 {
	top: 335px;
	left: 595px;
	z-index: 27;
}

.graph_geosmart .graph_items .graph_item.item_44 {
	top: 351px;
	left: 533px;
}

.graph_geosmart .graph_items .graph_item.item_45 {
	top: 365px;
	left: 690px;
	z-index: 16;
}

.graph_geosmart .graph_items .graph_item.item_46 {
	top: 355px;
	left: 605px;
	z-index: 26;
}

.graph_geosmart .graph_items .graph_item.item_47 {
	top: 365px;
	left: 770px;
}

.graph_geosmart .graph_items .graph_item.item_48 {
	top: 367px;
	left: 430px;
}

.graph_geosmart .graph_items .graph_item.item_49 {
	top: 385px;
	left: 645px;
	z-index: 23;
}

.graph_geosmart .graph_items .graph_item.item_50 {
	top: 367px;
	left: 560px;
	z-index: 20;
}

.graph_geosmart .graph_items .graph_item.item_51 {
	top: 410px;
	left: 607px;
	z-index: 25;
}

.graph_geosmart .graph_items .graph_item.item_52 {
	top: 395px;
	left: 517px;
	z-index: 24;
}

.graph_geosmart .graph_items .graph_item.item_53 {
	top: 405px;
	left: 705px;
}

.graph_geosmart .graph_items .graph_item.item_54 {
	top: 400px;
	left: 400px;
}

.graph_geosmart .graph_items .graph_item.item_55 {
	top: 379px;
	left: 526px;
	z-index: 21;
}

.graph_geosmart .graph_items .graph_item.item_56 {
	top: 447px;
	left: 562px;
}