body {
			margin: 0;
			padding: 0;
			display: flex;
			flex-direction: column;
			align-items: center;
			font-family: 'Inter', sans-serif;
			background: white;
			fill: white;
            background-color: white;
		}
		main {
			margin: 0;
			padding: 0;
			display: flex;
			flex-direction: column;
			align-items: center;
		}
		header {
			width: 90%;
			max-height: 100px;
			padding: 10px 60px;
			display: flex;
			align-items: center;
    		justify-content: space-between;
		}
		header img {
			height: 60px;
		}
		header a {
			height: 20px;
			border-radius: 30px;
			border: 1px solid #0500FF;
			padding: 10px 30px;
			color: white;
			background: #0500FF;
			font-size: 18px;
			font-weight: bold;
			text-decoration: none;
		}
		.section {
			width: 100%;
			display: flex;
			align-items: center;
    		justify-content: center;
		}
		.block_1 {
			width: 80%;
			background: #0500FF;
			border-radius: 30px;
			border: 1px solid #0500FF;
			padding: 40px 100px;
			margin: 50px 0;
			color: white;
		}
		.block_1 h1 {
			font-size: 40px;
			margin-top: 20px;
			font-weight: bold;
		}
		.block_1 p {
			font-size: 20px;
		}
		.block_7 p {
			font-weight: 300;
		}
		.networks p {
			font-size: 20px;
			color: black;
			font-weight: bold;

		}
		.network_text {
			font-size: 20px;
			color: black;
			font-weight: bold;
			width: 60%;
			text-align: center;
			margin-bottom: 40px;
		}
		.block_2 {
			margin-top: 40px;
			width: 80%;
			max-height: 90vh;
			justify-content: space-between;
		}
		.networks {
			min-width: 40%;
			padding: 20px 0;
			background: #F4F4F7;
			border: 1px solid #DBDCE5;
			border-radius: 20px;
			display: flex;
			flex-direction: column;
			align-items: center;
		}

		.block_3 {
			margin: 100px 0;
			justify-content: space-evenly;
		}
		.block_4 {
			background: #F4F4F7;
			border: 1px solid #DBDCE5;
			border-radius: 20px;
			padding: 32px;
			max-width: 25%;
			font-weight: 200;
			min-height: 450px;
			display: block;
			text-align: center;
		}
		.block_4 img {
			max-height: 225px;
			margin-top: 30px ;
		}
		.block_5 {
			margin-top: 0;
		}
		.block_6 {
			display: flex;
			flex-direction: row;
			justify-content: space-between;
		}
		.block_7 {
			max-width: 60%;
		}
		.block_7 a {
			margin: 30px 0;
			padding: 20px 40px;
			border-radius: 30px;
			border: 1px solid white;
			background: white;
			color: #0500FF;
			font-size: 18px;
			font-weight: bold;
			height: 20px;
			text-decoration: none;

		}
		.chain_item {
			display: flex;
			flex-direction: column;
			border-radius: 20px;
			border: 1px solid #DBDCE5;
			background: white;
			padding: 20px 5px;
			align-items: center;
			max-width: 90%;

		}
		.chain_item img {
			height: 60px;
		}
		.chain_item p {
			margin: 10px 0 0 0;
		}
		.network_grid {
			width: 90%;
	      display: grid;
	      grid-template-columns: repeat(3, 1fr);
	      grid-template-rows: repeat(3, 1fr);
	      gap: 20px; /* Adjusts spacing between grid items */
	    }
	
		#load {
			height: 100vh;
			display: flex;
			align-items: center;
		    flex-direction: column;
            justify-content: center;
		}
		.loader {
		  --d:22px;
		  width: 4px;
		  height: 4px;
		  border-radius: 50%;
		  color: #0500FF;
		  box-shadow: 
		    calc(1*var(--d))      calc(0*var(--d))     0 0,
		    calc(0.707*var(--d))  calc(0.707*var(--d)) 0 1px,
		    calc(0*var(--d))      calc(1*var(--d))     0 2px,
		    calc(-0.707*var(--d)) calc(0.707*var(--d)) 0 3px,
		    calc(-1*var(--d))     calc(0*var(--d))     0 4px,
		    calc(-0.707*var(--d)) calc(-0.707*var(--d))0 5px,
		    calc(0*var(--d))      calc(-1*var(--d))    0 6px;
		  animation: l27 1s infinite steps(8);
		}
		@keyframes l27 {
		  100% {transform: rotate(1turn)}
		}
		.faq-container {
		    width: 90%;
		    margin-bottom: 80px;
		}

		h2 {
		    text-align: center;
		    font-size: 24px;
		    font-weight: bold;
		}

		.faq-item {
		    border-bottom: 1px solid #ccc;
		}

		.faq-question {
		    width: 100%;
		    padding: 15px;
		    text-align: left;
		    background: none;
		    border: none;
		    font-size: 16px;
		    font-weight: bold;
		    cursor: pointer;
		    display: flex;
		    justify-content: space-between;
		    align-items: center;
		}

		.faq-answer {
		    display: none;
		    padding: 10px 15px;
		    font-size: 14px;
		    color: #333;
		}

		.faq-answer.show {
		    display: block;
		}

		.icon {
		    font-size: 18px;
		    transition: transform 0.3s;
		}
		.faq-question .icon {
		    transform: rotate(180deg);
		}

		.faq-question.active .icon {
		    transform: rotate(0deg);
		}
		.button_box {
			margin: 40px 0;
			height: 50px;
			display: flex;
			align-items: center;
		}
		@media (max-width: 768px) {
			header {
				width: 90%;
				max-height: 80px;
				padding: 10px 20px;
			}
			header img {
				height: 40px;
			}
			header a {
				padding: 5px 30px;
			}
			.section {
				max-width: 80vw;
			}
			.block_1 {
				padding: 20px 40px;

			}
			.block_1 h1 {
				font-size: 25px;
			}
			.block_1, .chain_item p {
				font-size: 14px;
			}
			.block_2 , .block_3 {
				flex-direction: column;
				max-height: fit-content;
			}
			.networks {
				width: 80vw;
				margin-top: 50px;
				padding: 20px;
			}
			.network_grid {
				width: 80vw;
				gap: 5px;
			}
			.chain_item {
				padding: 15px 10px;
			}
			.chain_item img {
				height: 40px;
			}
			.block_4 {
				margin-top: 30px;
				max-width: 80%;
			}
			.block_4 img {
			    max-height: 45vw;
			    margin-top: 30px;
			}
			#shield {
				display: none;
			}
			.block_5 {
				max-width: 70vw;
			}
			.block_7 {
			    max-width: 90%;
			}
			
		}