.popup-overlay {
      position: fixed;
      top: 0; left: 0;
      width: 100vw;
      height: 100vh;
      background: rgba(0,0,0,0.6);
      display: none;
      justify-content: center;
      align-items: center;
      z-index: 999;
    }

    .popup-box {
      background: white;
      padding: 10px;
      border-radius: 15px;
      text-align: center;
      width: 290px;
	  
    }

    .social-icons {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 10px;
      margin-bottom: 20px;
	  border-radius:4px;
     background-color: rgba(0, 128, 0, 0.2);
	  padding:10px 0px;
    }

    .social-icons a {
      text-decoration: none;
      font-size: 22px;
      width: 30px;
      height: 30px;
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 50%;
      color: white;
    }

    .facebook {background:  #2c7873;}
    .twitter { background: #2c7873; }
    .instagram { background: #2c7873; }
    .linkedin { background: #2c7873; }
    .youtube { background: #2c7873; }
    .github { background: #2c7873; }
    .tiktok { background: #2c7873; }

    .thank-you-text {
      font-size: 20px;
      margin-bottom: 20px;
      font-weight: bold;
      color: #323b3d;;
    }
	/* Common hover effect for all */
	.facebook:hover,
	.twitter:hover,
	.instagram:hover,
	.youtube:hover,
	.github:hover,
	.linkedin:hover {
		background:#1e5155;
	 transition: .5s ease;
		
	}
	

    .ok-btn {
      padding: 10px 25px;
      background-color: #2c7873;;
      color: white;
      border: none;
      border-radius: 5px;
      cursor: pointer;
    }

    .ok-btn:hover {
      background-color: #245f5a;
    }