.g-content {
      display: flex;
      gap: 2rem;
      padding: 2rem;
    }

    .g-left,
    .g-right {
      flex: 1;
    }

    .g-left iframe {
      width: 100%;
      height: 100%;
      min-height: 600px;
      border: none;
    }

    .g-right {
      display: flex;
      flex-direction: column;
      gap: 2rem;
    }

    .g-top {
      display: flex;
      gap: 3rem;
    }

    .g-description {
      flex: 7;
	  max-width: 60%;
    }

    .g-materials {
      flex: 1;

    }

    .g-image {
      text-align: center;
    }

    .g-image img {
      max-width: 100%;
      height: auto;
    }

    .g-bottom {
      display: flex;
      gap: 3rem;
    }

    .g-challenges{
		flex: 1;
		background-color: #FBE2B4;
		padding: 2rem;
	}
    .g-questions {
      flex: 1;
	  padding: 2rem;
	  background-color: #AEE1F0;
    }

    .h2title {
      text-align: center;
    }
	@media (max-width: 768px) {
		.g-content {
		  flex-direction: column;
		  padding: 1rem;
		  gap: 1.5rem;
		}
	  
		.g-left,
		.g-right {
		  flex: unset;
		  width: 100%;
		}
	  
		.g-left iframe {
		  min-height: 300px;
		  height: auto;
		}
		.g-left{
			order: 2;
		}
		.g-right {
		  gap: 1.5rem;
		  order: 1; /* Move the right section above the left section */
		}
	  
		.g-top {
		  flex-direction: column;
		  gap: 1rem;
		}
	  
		.g-description {
		  max-width: 100%;
		  flex: unset;
		}
	  
		.g-materials {
		  flex: unset;
		  width: 100%;
		}
	  
		.g-bottom {
		  flex-direction: column;
		  gap: 1rem;
		}
	  
		.g-challenges,
		.g-questions {
		  flex: unset;
		  width: 90%;
		  padding: 2rem;
		}
	  
		.g-challenges {
		  background-color: #FBE2B4;
		}
	  
		.g-questions {
		  background-color: #AEE1F0;
		}
	  
		.g-image {
		  margin: 1rem 0;
		}
	  }