body {
      font-family: 'Montserrat', sans-serif;
      background-color: #f9f9f9;
      color: #333;
      margin: 0;
      padding: 0;
    }
    .modal-content
    {
    background-color: unset !important;
     /*background-clip: padding-box; */
     border: none !important;
    }
    .modal-header
    {
        background-color:#fff;
    }
	.mt-4
	{
		margin-top:4.1rem !important;
	}
	a
	{
		text-decoration:none;
	}
	.img-title
	{
	font-size: 12px;
    padding: 10px;
	}
	.modal-title
	{
	    font-size:14px;
	}
    .logo {
      text-align: center;
      padding: 48px 0;
	  margin-left:-131px;
	  padding-top:0px;
    }
    .logo img {
      width: 349px;
	  height:84px;
    }
    .social-links {
      text-align: left;
      margin: 63px 0;
	  margin-left:-14px;
    }
    .social-links a {
      margin: 0 10px;
      color: #555;
      font-size: 20px;
      transition: color 0.3s;
    }
    .social-links a:hover {
      color: #007bff;
    }
    .thumbnail img {
      width: 831px;
      height: auto;
      border-radius: 10px;
    }
    .filter-item img {
      width: 400px;
      height:263px;
      border-radius: 10px;
      cursor: pointer;
      transition: transform 0.2s, box-shadow 0.2s;
    }
    .filter-item img:hover {
      transform: scale(1.05);
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
	  
    }
	.list-group
	{
		margin-left:-22px;
	}
    .list-group-item {
      cursor: pointer;
      background-color: transparent;
      border: none;
      padding: 10px 15px;
      font-weight: 600;
      color: rgba(0, 0, 0, 0.4);
	  font-size:15px;
    }
    .list-group-item.active {
    /*  background-color: #007bff;
      border-color: #007bff;*/
      color: #000;
	  text-decoration:none;
	  font-size:15px;
    }
	.list-group-item.hover {
    /*  background-color: #007bff;
      border-color: #007bff;*/
      color: #000;
	  text-decoration:underline;
    }
    .container {
      padding-top: 20px;
    }
    .section-heading {
      margin-top: 20px;
      margin-bottom: 10px;
      font-size: 24px;
      font-weight: 700;
      text-align: center;
      color: #333;
    }
    .section-description {
      margin-bottom: 43px;
      text-align: center;
      font-size: 16px;
      color: #777;
	  padding: 0 100px;
    }
	.list-group-item.active
	{
		    background-color: unset !important;
    border-color: unset !important;
	}
	.footer p{
		margin-top:56px;
    bottom: 40px;
    right: 1.5em;
    left: 1.5em;
    font-size: 14px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.6);
    padding: -2 19px;
	    font-size: 14px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.6);
	    text-align: left !important;
		line-height: 1.8;
		    font-family: "Montserrat", Arial, sans-serif;
			padding:10px;
	}
	.footer span
	{
		float:right;
	}
	.designcompanylogo
	{
		width:210px;
	}
  .modal-dialog {
    max-width: 100%;
    margin: 20px 30px;
  }
  .contact-btn:hover
  {
    text-decoration: none;
  }
  .desktop
  {
      display:unset;
  }
  .mbl-ftr
  {
      display:none;
  }
  @media (max-width: 768px) {
       .filter-item
    {
         display: flex;
    justify-content: center;   
    }
    .filter-item img {
      width: auto !important;
      height:auto !important;
    }
      .desktop
      {
          display:none;
      }
        
      .designcompanylogo
      {
        /*width: unset;*/
        margin: 0px auto;
        margin-top:10px;
        display: flex;
        flex-direction: row;
        align-items: center;
      }
     .logo {
         margin-left:0px;
     }
     .list-group
     {
         margin-left: 0px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
     }
     .social-links
     {
         text-align: center;
    margin: 23px 0;
    margin-left: 0px;
     }
     .mt-4
     {
         margin-top:0px !important;
     }
     .footer p
     {
         margin-top:60px;
         margin-bottom:20px;
         font-size:11px;
     }
     .modal-header .close
     {
             text-align: right;
     }
  }
  /* Mobile (480px and below) */
@media (max-width: 480px) {
    .footer span
    {
    float: unset; 
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    }
      .desktop
      {
          display:none;
      }
        .mbl-ftr
  {
      display:unset;
  }
  header {
    padding: 0.5rem 0;
  }

  header h1 {
    font-size: 1.25rem;
  }

  nav ul {
    flex-direction: column;
    gap: 0.5rem;
  }

  .card {
    padding: 0.5rem;
  }

  .card h2 {
    font-size: 1rem;
  }

  button {
    width: 100%;
    padding: 0.75rem;
  }
}




/*Whatsapp Integrate*/

.whatsapp-chat {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 1000;
  display: block;
}
.whatsapp-chat img {
  border-radius: 50%;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
}
.whatsapp-chat:hover img {
  transform: scale(1.1);
  transition: transform 0.3s;
}
/*End Whats app Integrate*/