/*

	font-family: 'IBM Plex Sans', sans-serif;
	font-family: 'Urbanist', sans-serif;

*/

/* ======================================
	Css Files
========================================= */

@import url('global.css');
@import url('font-awesome.css');
@import url('animate.css');
@import url('owl.css');
@import url('rtl.css');
@import url('dark-body.css');
@import url('jquery-ui.css');
@import url('preloader.css');
@import url('custom-animate.css');
@import url('magnific-popup.css');
@import url('odometer-theme-default.css');
@import url('swiper.min.css');
@import url('icomoon.css');
@import url('nice_select.css');
@import url('bootstrap-select.min.css');

/* Module Css */
@import url('module-css/header.css');
@import url('module-css/about.css');
@import url('module-css/banner.css');
@import url('module-css/services.css');
@import url('module-css/partners.css');
@import url('module-css/unlash.css');
@import url('module-css/feature.css');
@import url('module-css/what-we-are.css');
@import url('module-css/blog.css');
@import url('module-css/product.css');
@import url('module-css/transforming.css');
@import url('module-css/team.css');
@import url('module-css/footer.css');
@import url('module-css/contact.css');
@import url('module-css/counter.css');
@import url('module-css/faq.css');
@import url('module-css/video.css');
@import url('module-css/project.css');
@import url('module-css/testimonial.css');
@import url('module-css/pricing.css');
@import url('module-css/page-title.css');
@import url('module-css/scroll-to-top.css');


/* ---------------------------------------------------- */


.ibm-plex-sans-<uniquifier> {
  font-family: "IBM Plex Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}


.s1 {
  padding-top: 10px;
}

  .img-thumbnail {
        transition: border 0.3s ease, transform 0.3s ease;
        border: 2px solid transparent;
    }

    .img-thumbnail:hover {
        border: 2px solid #007bff; /* Blue border */
        transform: scale(1.05);    /* Slight zoom effect */
        cursor: pointer;
    }

.m {
  font-size: 17px;
  /*! font-family: "IBM Plex Sans", sans-serif; */
  color: rgb(136, 136, 136);
  line-height: 27px;
  /*! text-align: justify; */
}

.m a {
  color: rgb(89, 88, 88);
}

.m1 {font-size: 55px;
	color: #fff;
	text-transform: capitalize;
	font-weight: 700;
    line-height: 62px;
}

.m2 {font-size: 20px;
	font-weight: 500;
	color: #fff;
	margin-top: 30px;
	margin-bottom: 55px;}

.m3 {
font-size: 38px;
font-weight: 700;
color: rgb(255, 255, 255);
line-height: 47px;
}

.m33 {
font-size: 35px;
font-weight: 500;
color: rgb(255, 255, 255);
line-height: 60px;
}

.m4 {
font-size: 32px;
font-weight: 700;
color: rgba(0, 0, 0, 0.274);
line-height: 43px;
	color: var(--color-four);
}

.m44 {
font-size: 20px;
font-weight: 700;
color: rgba(0, 0, 0, 0.274);
line-height: 43px;
	color: rgb(28, 41, 63);
}

.m5 {
	position: relative;
  display: block;
  font-size: 20px;
  text-align: left;
 color: rgb(255, 255, 255);
  font-weight: 700;
    font-family: "IBM Plex Sans", sans-serif;
}

.m6 {
	font-size: 16px;
  font-weight: 300;
   color: rgb(255, 255, 255);
}

.m7 {
  font-size: 27px;
  font-weight: 500;
  color: #fff;
  margin-top: 30px;
  margin-bottom: 52px;
  line-height: 37px;}


 .copy-right {
   color: rgb(174, 174, 174);
   font-family: "IBM Plex Sans", sans-serif;
  font-size: 14px;
 }
.copy-right a:hover {
  color: rgb(255, 251, 251);
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 14px;
}

.location{
  position: relative;
  display: block;
  padding: 20px 40px;
  margin-bottom: 20px;
  border: 1px solid #b3b3b3;
  box-shadow: 0px 7px 10px 4px #7e7e7e9e;
  background: #fff;
}
.location p {
  text-align: justify;
  line-height: 25px;
  margin: 0;
}
.location .sam {
  text-align: justify;
  line-height: 25px;
  color: #151a33;
  font-weight: bolder;
}



.heading {
  padding-top: 100px;
  position: relative;
  z-index: 1;
}

.footer {
  background: #f2f2f2;
  padding: 40px 20px;
font-family: "IBM Plex Sans", sans-serif;
  font-size: 14px;
  color: #000;
}

.footer-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 20px;
}

.footer-column {
  flex: 1 1 220px;
  min-width: 200px;
}

.footer-column h3 {
  font-weight: bold;
  margin-bottom: 10px;
  color: #333;
}

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

.footer-column ul li {
  margin: 5px 0;
}

.footer-column ul li a,
.footer-column a {
  color: #000;
  text-decoration: none;
}

.footer-column a:hover {
  text-decoration: underline;
}

@media (max-width: 768px) {
  .footer-container {
    flex-direction: column;
  }

  .footer-column {
    margin-bottom: 20px;
  }
}