html,
body{
  width: 100%;
  overflow-x: hidden;
}
body{
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
.page-content{
  flex: 1;
}
/* CONTAINER */
.container{
  width: 90%;
  max-width: 1400px;
  margin: auto;
}
.footer{
  background: #f7f8fc;
  padding-top: 55px;
  margin-top: 60px;
  border-top: 1px solid #e4e7f2;
}

/* GRID */
.footer-wrapper{
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 40px;
  padding-bottom: 40px;
}

/* LOGO */
.footer-logo{
  margin-bottom: 18px;
}

.footer-logo img{
  width: 280px;
  height: auto;
}
/* HEADINGS */
.footer-box h3{
  font-size: 24px;
  color: #2456d3;
  margin-bottom: 18px;
  font-weight: 600;
}

/* TEXT */

.footer-box p{
  color: #6b7280;
  font-size: 18px;
  line-height: 1.8;
}

/* LINKS */

.footer-box ul{
  list-style: none;
}

.footer-box ul li{
  margin-bottom: 10px;
}

.footer-box ul li a{
  text-decoration: none;
  color: #615f5f;
  font-size: 20px;
  transition: 0.3s;
}

.footer-box ul li a:hover{
  color: #2456d3;
  text-decoration: underline;
}

/* WORKING TIME */
.working-time h4{
  font-size: 18px;
  color: #4b5563;
  margin-bottom: 12px;
}

.working-time p{
  margin-bottom: 10px;
}

.working-time a{
  display: block;
  text-decoration: none;
  color: #6b7280;
  font-size: 18px;
  margin-bottom: 10px;
  transition: 0.3s;
}

.working-time a:hover{
  color: #2456d3;
}

/* ADDRESS */

.address-box p{
  max-width: 260px;
}

/* FOOTER BOTTOM */
.footer-bottom{
  margin-top: 40px;
  border-top: 1px solid #d7dce8;
  padding: 22px 0;
  background: #eef1f7;
}
.footer-bottom-wrapper{
  display: flex;
  align-items: center;
  justify-content: center;
}
.footer-bottom p{
  color: #5f6b7a;
  font-size: 15px;
  line-height: 1.7;
  text-align: center;
}

.footer-bottom span{
  color: #2456d3;
  font-weight: 600;
}
.whatsapp-btn{
  position:fixed;

  right:20px;
  bottom:20px;

  width:60px;
  height:60px;

  background:#25d366;

  border-radius:14px;

  display:flex;
  align-items:center;
  justify-content:center;

  color:#fff;

  font-size:34px;

  text-decoration:none;

  z-index:9999;

  box-shadow:0 5px 15px rgba(0,0,0,0.25);

  transition:0.3s;
}

.whatsapp-btn:hover{
  transform:translateY(-5px) scale(1.05);
}

@media(max-width:767px){

  .whatsapp-btn{
    width:52px;
    height:52px;

    font-size:28px;

    right:15px;
    bottom:15px;
  }

}
/* LAPTOP */

@media(max-width:1100px){

  .footer-wrapper{
    grid-template-columns: repeat(2,1fr);
  }

}

/* MOBILE */

@media(max-width:768px){

  .footer{
    padding-top: 45px;
  }

  .footer-wrapper{
    grid-template-columns: 1fr;
    gap: 30px;
  }

  .footer-logo img{
    width: 120px;
  }

  .footer-box h2{
    font-size: 26px;
  }

  .footer-box h3{
    font-size: 22px;
  }
  .footer-bottom{
  flex-direction:column;
  text-align:center;
  align-items:center;
  gap:12px;
}
  .footer-box p,
  .footer-box ul li a,
  .working-time a{
    font-size: 14px;
  }

  .working-time h4{
    font-size: 17px;
  }

  .footer-bottom p{
    font-size: 13px;
    line-height: 1.7;
  }

}