@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Comfortaa&family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Great+Vibes&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Maven+Pro:wght@400..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=PT+Sans+Narrow:wght@400;700&family=Playwrite+BE+WAL+Guides&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Prata&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Sacramento&display=swap');
*{
	padding: 0;
	margin: 0;
}
.bg{
	background-image: url('img/welfare.jpg');
	background-position: center;
	background-size: cover;
	height: 100vh;
	position: relative;
}
.container{
    width: 73% !important ;
    margin: auto;
}
.navbar{
	color: white;
	padding: 30px 0px !important;
}
.logo h1{
	font-size: 25px !important;
}
.logo{
	 animation: bounce 2s infinite alternate; 
}

@keyframes bounce {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-20px); /* Move up */
    }
    100% {
        transform: translateY(0);
    }
}
.menu{
	display: flex;
	gap: 43px;
}
.home1{
	color:#f9f7f6;
}
.home1:hover{
	color:rgb(239, 235, 231) !important;
	background-color:#e07038 !important;
	padding:20px,15px;
}
.row1{
	margin-top: 70px !important;
}
.head1{
	font-size: 50px;
	line-height: 80px;
}
.para1{
	letter-spacing: 2px !important;
}
.btn1{
	background:transparent;
	outline: none;
}
.btn1:hover{
	color:rgb(239, 235, 231) !important;
	background-color:#e07038 !important;
	padding:20px,15px;
}
.btn2{
	border: none;
	outline: none;
}
.btn2:hover{
	color:rgb(239, 235, 231) !important;
	background-color:#e07038 !important;
	padding:20px,15px;
}
.col1{
	background-color: #f86f2d;
}
.col2{
	background-color: #fa8f3d;
}
.col3{
	background-color: #faaa3a;
}
.row2{
	position:absolute;
	bottom:-180px;
	width: 1090px;
}
.row3{
	padding: 250px 0px !important;
}
.don:hover{
	color:rgb(239, 235, 231) !important;
	background-color:#e07038 !important;
	padding:20px,15px;
}
.icon{
	color: #fa9a6c;
	font-size: 40px;
}
.icon:hover{
	color: #e3dfde!important;
	background-color:#e07038 !important;
}
.para2{
	margin-top: 30px;
}
.imgw:hover{
	color:rgb(241, 198, 117) !important;
	transform:scale(1.1);
    transition:all 0.5s ease-in-out;
	cursor:pointer;


}
.bg1{
	background-color: #fafafa;
}
.head2{
	font-size: 40px;
	font-weight: 300px;
}
.para3{
	color: #a6a6a6	;
}
.bg3{
	
	background: linear-gradient(rgba(243, 215, 123, 0.4),rgb(235, 191, 103)),url('img/bg.jpg');
	height: 450px;
}
.container1{
	width: 90%;
	margin: auto;
}
.input1{
	width: 100%;
	padding: 10px 0px;
	margin: 10px 0px;
	background-color:transparent;
	border: 1px solid white;
}
.textarea{
	background:linear-gradient();
	border: 1px solid rgb(148, 145, 145);
}
.bg5{
	background-color: black;
}
.anchor-footer{
	color: orange;
}
.footer{
	color:rgb(69, 73, 75);
}
.f-para{
	color:rgb(69, 73, 75);
}
.f-icon{
	color:rgb(69, 73, 75);
}
.column1{
	display:block !important;
}
footer {
  background: linear-gradient(135deg, #1a1919, #242323);
  color: #fff;
  padding: 50px 20px 20px;
  font-family: 'Segoe UI', sans-serif;
}

.footer-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 30px;
  max-width: 1200px;
  margin: auto;
}

.footer h3 {
  margin-bottom: 15px;
  font-size: 1.3rem;
  border-bottom: 2px solid rgba(255, 255, 255, 0.5);
  display: inline-block;
  padding-bottom: 5px;
}

.footer p, .footer a, .footer span {
  font-size: 0.95rem;
  line-height: 1.6;
}

.footer a {
  color: #fff;
  text-decoration: none;
  transition: 0.3s;
}

.footer a:hover {
  color: #eb8d29;
  font-weight: bold;
}

.social-links a {
  margin-right: 10px;
  display: inline-block;
  font-size: 18px;
  background: hsla(36, 74%, 51%, 0.2);
  padding: 8px;
  border-radius: 50%;
  transition: 0.3s;
}

.social-links a:hover {
  background: #fff;
  color: #dca01e;
}

.blog-item {
  margin-bottom: 15px;
}

.blog-item span {
  font-size: 0.8rem;
  display: block;
  opacity: 0.8;
}

.links ul {
  list-style: none;
  padding: 0;
}

.links ul li {
  margin: 8px 0;
}

.contact p {
  margin: 8px 0;
}

.contact i {
  margin-right: 8px;
  color: #000;
  background: #fff;
  padding: 6px;
  border-radius: 50%;
  font-size: 12px;
}

.footer-bottom {
  text-align: center;
  margin-top: 30px;
  padding-top: 15px;
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  font-size: 0.85rem;
}
