@font-face {
  font-family: 'FontAwesome';
  src: url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/webfonts/fa-solid-900.woff2') format('woff2');
  font-display: swap;
}.port{position:relative;}
.loo{display: flex}

@media (max-width: 800px) {.loo{display:block}}
.kfw{display: inline-flex;text-decoration: none;color: #000}.kfw a{text-decoration: none;color: #000}
.kfw p {background: #c7d8e2;padding: 50px 50px;margin:50px 15px auto}
@media (max-width: 800px) {.kfw{display:block}.kfw p {margin:15px 0 auto}}
.pdf{display:inline-block;margin: 0 20px auto;padding: 0 15px}.pdf a{text-decoration: none;color: #000}
.pdf img{text-align: center;margin: 0 auto}
.pdf p {padding:0px;margin:20px auto;width:220px}
@media (max-width: 800px) {.pdf{display:block}.pdf img{margin-top: 50px}.pdf p {margin:15px auto}}
.pdf3{max-width: 1300px;margin: 0 auto;text-align: center;padding:120px 15px}
.pdf2{text-align: center;padding: 50px 15px}
.po{max-width: 1500px;overflow:hidden;padding: 100px 0;margin: 0 auto}
.port{display:inline-flex;margin: 0 15px auto;justify-content: center;margin-bottom:80px}
.port p{font-weight: bold; position:absolute;margin-top:0px;bottom:10px; background: #fff;padding:20px 40px; justify-content: flex-end;align-items: flex-end;align-self: flex-end}
/* ---------------------------------Prevent horizontal scrolling -----------------------*/
html,
body {
  overflow-x: hidden;
  scroll-behavior: smooth;
}
/*  -------------------------------hero section --------------------------------------- */
/* -----------freelancing section---------  */
.freelance-section {
  height: 300px;
  width: 100%;
  background-color: #dbeafe; /* light blue fallback */
  background-image: url(pictures/d7f019a0e0ef4cfb83f63dab7b09ecfe.avif);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

/* Container ko responsive banane ke liye */
.freelance-section-div {
  height: 100%;
 width: 700px;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Button ko responsive banane ke liye */
.freelance-section .btn {
  background: #283b62;
  padding: 60px;
  font-size: 34px;
  font-weight: 700;
  text-align: center;

  width: 70%;
}

/* Responsive adjustments */
@media (max-width: 1024px) {
  .freelance-section {
    height: 250px;
    background-size: cover;
  }

  .freelance-section-div {
    width: 70%;
  }

  .freelance-section .btn {
    padding: 35px;
    font-size: 24px;
  }
}

@media (max-width: 768px) {
  .freelance-section {
    height: 200px;
  }

  .freelance-section-div {
    width: 80%;
  }

  .freelance-section .btn {
    padding: 30px;
    font-size: 20px;
  }
}

@media (max-width: 480px) {
  .freelance-section {
    height: 180px;
  }

  .freelance-section-div {
    width: 100%;
  }

  .freelance-section .btn {
    padding: 16px;
    font-size: 18px;
  }
}
/* -----------------------------------unser section css------------------------------- */
.custom-container {
      width: 90%;
  }
  @media (min-width: 768px) {
      .custom-container {
          width: 80%;
      }
  }