body {
  font-family: 'Lexend';
}
@media (max-width: 576px) {
 .custom-contact-info {
  display: none;
}
}

 .custom-contact-info{
         margin-left: 850px;
}

/* Styling for links */
.custom-contact-link {
  color: #333;
  font-size: 15px;
    margin-left: 22px;
  text-decoration: none;
  transition: color 0.3s ease, transform 0.3s ease;
  padding: 10px 19px;
    font-size: 15px;
    line-height: 14.4px;
    color: #000000;
    vertical-align: middle;
    border-right: 1px solid #211e51;
}

/* Icons inside links */
.custom-contact-link i {
    margin-right: 6px;
    color: #070077;
}

/* Hover effect for links */
.custom-contact-link:hover {
  color: #007bff;
  transform: translateX(-2px);
}
.social-bar {
  position: fixed;
  bottom: 20px;
  left: 20px;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  gap: 10px;
}


.social {
  width: 45px;
  height: 45px;
  background-color: #25D366; /* Default green, override per platform */
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: white;
  font-size: 20px;
  transition: transform 0.3s ease;
}

.social span {
  display: none; /* Hide label, only show icon */
}

.social:hover {
  transform: scale(1.1);
}

/* Specific platform colors */
.social.facebook {
  background-color: #3b5998;
}

.social.linkedin {
  background-color: #0077b5;
}

.social.youtube {
  background-color: #FF0000;
}

.social.instagram {
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, 
              #fd5949 45%, #d6249f 60%, #285AEB 90%);
}

.social.whatsapp {
  background-color: #25D366;
}


    .hover-underline {

  position: relative;
  display: inline-block;
}



.hover-underline::after,
.hover-underline::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 2px;
      background: linear-gradient(to right, #c5391d, #1d144d);
  bottom: -5px;
  left: 0;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 0.4s ease-out;
}

.hover-underline::before {
  top: -5px;
  transform-origin: left;
}

.hover-underline:hover::after,
.hover-underline:hover::before {
  transform: scaleX(1);
}


header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  /* height: 60px; */
       height: 120px;
  background: #ffffff;
  color: white;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 20px;
  z-index: 999;
  transition: top 0.3s;
}

.logo img {
    width: 86px;
    padding-top: 20px;
    padding-bottom: 30px;
        /* width: 225px; */
}

#toggleBtn {
  background: #211e51;
  color: rgb(255, 255, 255);
  border: none;
  padding: 10px 15px;
  cursor: pointer;
}

/* Fullscreen menu overlay */
#menuOverlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.95);
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}

#menuOverlay.active {
  display: flex;
}

#menuOverlay ul {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: center;
}

#menuOverlay li {
  margin: 24px 0;
}

#menuOverlay a {
color: rgb(59, 58, 58);
    font-size: 19px;
    text-decoration: none;
}

#closeBtn {
  position: absolute;
  top: 20px;
  right: 30px;
  background: none;
  border: none;
  color: rgb(54, 54, 54);
  font-size: 2rem;
  cursor: pointer;
}

/* Responsive */
@media (min-width: 768px) {
  @media (min-width: 768px) {
    #toggleBtn {
        font-size: 17px;
    }
}
  .logo img {
        margin-top: 0px;
  }
}
/* Responsive */
@media (max-width: 768px) {

  .logo img {
        margin-top: 40px;
  }
}


.popup-overlay {

			display: none;

			position: fixed;

			top: 0;

			left: 0;

			width: 100%;

			height: 100%;

			background: rgba(0, 0, 0, 0.5);
			border-radius: 6px 6px 0px 0px;
			z-index: 9999 !important;
		}

    input::placeholder {
  color: #d8d8d8; /* Desired color value */
}

textarea::placeholder {
  color: #d8d8d8; /* Desired color value */
}

		
        #popup-form {
            display: none;
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background-color: white;
            padding: 20px;
            border-radius: 5px;
            box-shadow: 0 10px 30px rgba(0,0,0,0.1);
            z-index: 1000;
            animation: fadeIn 0.5s;
            width: 320px;
        }

        #popup-form h2 {
            margin-bottom: 10px;
        }

        #popup-form input,
        #popup-form textarea,
        #popup-form button {
            width: 100%;
            margin-bottom: 10px;
            padding: 10px;
            border: 1px solid #ddd;
            border-radius: 5px;
        }

        #popup-form textarea {
            resize: none;
            height: 80px;
        }

        #popup-form button {
            background-color: #0958ae;
            color: white;
            border: none;
            cursor: pointer;
        }

        #popup-form button:hover {
            background-color: #0958ae;
        }

        /* Close Button */
        .close-button {
            background-color: #dc3545;
            color: white;
            border: none;
            padding: 10px;
            width: 100%;
            cursor: pointer;
        }

        .close-button:hover {
            background-color: #c82333;
        }

        /* Animation for Popup */
        @keyframes fadeIn {
            from {
                transform: translate(-50%, -60%);
                opacity: 0;
            }
            to {
                transform: translate(-50%, -50%);
                opacity: 1;
            }
        }
		@media only screen and (max-width: 768px) {
			.popup {

				width: 100%;
				height: auto;

			}
       #popup-form {
            display: none;
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background-color: white;
            padding: 20px;
            border-radius: 5px;
            box-shadow: 0 10px 30px rgba(0,0,0,0.1);
            z-index: 1000;
            animation: fadeIn 0.5s;
                   width: 74%;
        }
		}


		@media only screen and (min-width: 768px) {
			.popup {
				width: 45%;
				height: auto;
			}
		}
	

    .popup-overlay {
		display: none;
		position: fixed;
		z-index: 9999;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.7);
		justify-content: center;
		align-items: center;
	}
	
	.popup-box {
		background: white;
		padding: 25px;
		border-radius: 10px;
		width: 90%;
		max-width: 400px;
		box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
		text-align: center;
	}
	
	.popup-box h3 {
		margin-bottom: 20px;
		font-weight: bold;
	}
	
	.popup-box input,
	.popup-box textarea {
		width: 100%;
		padding: 10px;
		margin-bottom: 12px;
		border: 1px solid #ccc;
		border-radius: 5px;
	}
	
	.popup-box textarea {
		resize: none;
		height: 80px;
	}
	
	.popup-box button {
		width: 100%;
		padding: 10px;
		border: none;
		margin-top: 5px;
		font-size: 16px;
		color: #fff;
		cursor: pointer;
		border-radius: 5px;
	}
	
	.popup-box button[type="submit"] {
		background: #2b6cb0;
	}
	
	.popup-box .close-popup {
		background: #0b5ed7;
	}