@import url("href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&family=Vend+Sans:ital,wght@0,300..700;1,300..700&display=swap" rel="stylesheet"");

.w3-top	{
	background-color: #667;
}

body {
  font-family: "Roboto", sans-serif;
  color: #0c0c0c;
  background-color: #ffffff;
  overflow-x: hidden;
  margin: 0;
}

.w3-content {
		width:100%;
		height:auto%;
		object-fit:cover;
	}
.w3-auto {
		width:100%;
		height:auto%;
		object-fit:cover;
	}

@media screen and (min-width: 601px) {
  .w3-opacity-min {
    font-size: 61px;
  }
}

@media screen and (max-width: 600px) {
  .w3-opacity-min {
    font-size: 30px;
  }
}

.w3-row-padding a {
	transition: transform 0.3s ease; /* Smooth transition for transform */
	display:flex;
	flex-wrap: wrap;
	margin-bottom: 24px;

}

.w3-row-padding a:hover {
	transform: scale(1.07); /* Scale up on hover */
	position: absolute;
	z-index: 1000;
}

div .about {
	font-size: 21px;
	font-weight: bold;

	border:50px;
	padding: 50px 0 20px 0;
}

#video {
        width: 75%;
        height: auto;
		display: block;
		margin: auto;
    }

video {
		width: 75%; 
	}

.justified {
		text-align: justify;
		font-size: 17px;
}

.justified-footer {
		text-align: justify;
}

.truncated {
  display: -webkit-box;
  -webkit-line-clamp: 1; /* Sets the maximum number of lines */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis; /* Adds ellipsis at the end of the truncated text */
}

.p-renovated {
	padding-top:24px;

}

/* NEW FOOTER STARTS i add */

h3	a {
	text-decoration: none;
}

/* NEW FOOTER STARTS */

    .footer-dark {
  padding:50px 0;
  color:#f0f9ff;
  background-color:#282d32;
}

.footer-dark h3 {
  margin-top:0;
  margin-bottom:12px;
  font-weight:bold;
  font-size:16px;
}

.footer-dark ul {
  padding:0;
  list-style:none;
  line-height:1.6;
  font-size:14px;
  margin-bottom:0;
}

.footer-dark ul a {
  color:inherit;
  text-decoration:none;
  opacity:0.6;
}

.footer-dark ul a:hover {
  opacity:0.8;
}

@media (max-width:767px) {
  .footer-dark .item:not(.social) {
    text-align:center;
    padding-bottom:20px;
  }
}

.footer-dark .item.text {
  margin-bottom:36px;
}

@media (max-width:767px) {
  .footer-dark .item.text {
    margin-bottom:0;
  }
}

.footer-dark .item.social {
  text-align:center;
}

@media (max-width:991px) {
  .footer-dark .item.social {
    text-align:center;
    margin-top:20px;
  }
}

.footer-dark .item.social > a {
  font-size:20px;
  width:36px;
  height:36px;
  line-height:36px;
  display:inline-block;
  text-align:center;
  border-radius:50%;
  box-shadow:0 0 0 1px rgba(255,255,255,0.4);
  margin:0 8px;
  color:#fff;
  opacity:0.75;
}

.footer-dark .item.social > a:hover {
  opacity:0.9;
}

.footer-dark .copyright {
  text-align:center;
  padding-top:24px;
  opacity:0.3;
  font-size:13px;
  margin-bottom:0;
}

/* NEW FOOTER ENDS */