@import url("https://fonts.googleapis.com/css2?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&display=swap");

      .primary-btn {
        max-width: 19.6rem;
        width: 100%;
        height: 4.8rem;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #e85a4f;
        color: #fff;
        text-decoration: none;
        position: relative;
        border-radius: 7px;
        overflow: hidden;
      }
      .primary-btn::before {
        content: "";
        position: absolute;
        width: 100%;
        height: 0;
        top: 0;
        z-index: 1;
        background-color: #212529;
        transition: 0.4s ease-in-out;
      }
      .primary-btn span,
      .primary-btn svg,
      .primary-btn img {
        font-size: 14px !important;
        line-height: normal;
        font-weight: 700;
        color: #fff;
        transition: 0.4s ease-in-out;
        z-index: 2;
        text-transform: uppercase;
        letter-spacing: 1.4px;
      }
      .primary-btn:hover:before {
        height: 100%;
      }
      p {
        font-size: 1.6rem;
      }
      html {
        font-size: 10px;
      }
      * {
        padding: 0;
        margin: 0;
        box-sizing: border-box;
        font-family: "Poppins", sans-serif;
      }
      .container {
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
      }

      @media (min-width: 768px) {
        .container {
          width: 750px;
        }
      }

      @media (min-width: 992px) {
        .container {
          width: 970px;
        }
      }

      @media (min-width: 1200px) {
        .container {
          width: 1170px;
        }
      }

      .container-fluid {
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
      }

      .row {
        margin-right: -15px;
        margin-left: -15px;
      }
      .d-flex {
        display: flex !important;
      }
      .flex-wrap {
        flex-wrap: wrap !important;
      }
      .align-items-center {
        align-items: center !important;
      }
      .justify-content-center {
        justify-content: center !important;
      }
      .justify-content-between {
        justify-content: space-between !important;
      }

      .mission-row {
        display: flex;
        flex-wrap: wrap;
        gap: 3.2rem;
      }

      .mission-row > .cols {
        width: calc(33.333% - 21.33px);
      }

      .mission-card {
        padding: 4.6rem 3.75rem;
        height: 40.5rem;
        overflow: hidden;
        border: 1px solid #c9c9c9;
        position: relative;
        text-align: center;
      }

      .mission-card::before {
        content: "";
        position: absolute;
        top: 0;
        width: 100%;
        left: 0;
        right: 0;
        background-color: #e85a4f;
        height: 0;
        z-index: -1;
        transition: 1s ease all;
      }

      .mission-card:hover::before {
        height: 100%;
      }

      .mission-card .icon-block {
        width: 9.2rem;
        height: 9.2rem;
        background-color: #fff;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0 auto 3rem auto;
        transition: 0.4s ease all;
      }

      .mission-card .icon-block img {
        transition: 0.4s ease all;
      }

      .img-fluid {
        height: auto;
        max-width: 100%;
      }

      .mission-card .title {
        font-size: 2rem;
        line-height: 3rem;
        font-weight: 600;
        color: #000;
        margin-bottom: 1.5rem;
        text-transform: capitalize;
        transition: 0.4s ease all;
      }

      .mission-card p {
        line-height: 2.88rem;
        font-weight: 400;
        transition: 0.4s ease all;
        font-size: 1.6rem;
        color: #000;
      }
      .our-mission-sec + .about-sec .about-desc-col .primary-btn {
        margin-inline: auto;
      }

      .performence-sec {
        background-image: url(https://www.placidway.com/frontend/images/gangnam_contact.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        min-height: 31.2rem;
        padding: 6rem 0;
        position: relative;
      }

      .performence-sec .performence-left-col {
        width: 32.55%;
      }

      .performence-sec .performence-left-col h3 {
        font-size: 2rem;
        line-height: 1.9rem;
        font-weight: 600;
        color: #fff;
        margin-bottom: 1rem;
        text-transform: capitalize;
      }

      .performence-sec .performence-left-col h2 {
        font-size: 3.8rem;
        line-height: 5.7rem;
        font-weight: 700;
        color: #fff;
        text-transform: capitalize;
      }

      .performence-sec .performence-right-col {
        padding-right: 10.7rem;
        width: 48.8%;
      }

      .performence-sec .performence-right-col h3 {
        font-size: 2rem;
        line-height: 3rem;
        font-weight: 600;
        color: #fff;
        text-transform: capitalize;
        margin-bottom: 1.95rem;
      }

      .performence-sec .performence-right-col .link {
        font-size: 2.2rem;
        line-height: 3.3rem;
        font-weight: 600;
        color: #fff;
        margin-bottom: 3.1rem;
        display: block;
        transition: 0.4s ease all;
      }
      .performence-sec:before {
        content: "";
        background: #000000a6;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 1;
    }
    .about-sec + .proposal-sec.about-page .prop-img-block > img {
      object-position: -187px center;
    }
    .performence-sec>div {
        z-index: 2;
        position: relative;
    }

      .performence-sec .performence-right-col .link:hover {
        color: #e85a4f;
      }

      .sec-pb-65 {
        padding-bottom: 6.5rem;
      }

      .partners-sec .partner-desc-col {
        width: calc(56.5% - 4.2rem);
      }

      .partners-sec .partner-desc-col h4 {
        font-size: 2rem !important;
        line-height: normal;
        font-weight: 600;
        color: #e85a4f;
        text-transform: capitalize;
      }

      .partners-sec .partner-desc-col h2 {
        font-size: 3.8rem !important;
        line-height: 5.7rem;
        font-weight: 700;
        color: #000;
        text-transform: capitalize;
        margin-bottom: 1.04rem;
      }

      .partners-sec .partner-desc-col h2 span {
        color: #e85a4f;
        font-size: 3.8rem !important;
        line-height: 5.7rem;
        font-weight: 700;
      }

      .partners-sec .partner-desc-col p {
        letter-spacing: 1px;
        font-size: 1.8rem;
        line-height: 2.7rem;
        font-weight: 400;
        color: #000;
        text-transform: capitalize;
        margin-bottom: 1rem;
        font-style: italic;
      }

      .partners-sec .partner-desc-col p strong {
        font-weight: 500;
        font-style: normal;
      }

      .partners-sec .partner-logos-block {
        gap: 6rem 4rem;
        width: calc(43.5% - 4.2rem);
        justify-content: center;
      }

      .stat-card {
        max-width: 21rem;
      }

      .flex-wrap {
        flex-wrap: wrap !important;
      }

      .stat-card h2 {
        font-size: 6.4rem !important;
        line-height: 9.6rem;
        font-weight: 700;
        color: #000;
      }

      .stat-card p {
        text-transform: capitalize;
        color: rgba(0, 0, 0, 0.6);
        font-size: 16px !important;
        line-height: 24px;
        font-weight: 400;
      }

      .primary-btn {
        max-width: 19.6rem;
        width: 100%;
        height: 4.8rem;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #e85a4f;
        color: #fff;
        text-decoration: none;
        position: relative;
        border-radius: 7px;
        overflow: hidden;
      }

      .sec-header .primary-headline span {
        color: #e85a4f;
        font-size: 36px !important;
        line-height: 44px !important;
        font-weight: 700;
      }
      body section p, body section ul li {
        font-size: 16px !important;
        line-height: 28px !important;
      }

      .sec-header .primary-headline {
        font-size: 36px !important;
        line-height: 44px !important;
        font-weight: 700;
        color: #000;
        text-transform: capitalize;
        letter-spacing: -0.597208px;
        margin-bottom: 40px;
      }

      .about-sec {
        padding-top: 5rem;
        padding-bottom: 10rem;
      }

      .max-container {
        max-width: 1130px;
        padding-inline: 15px;
        margin-inline: auto;
      }

      .about-img-block {
        box-shadow: 2px 0px 22px rgba(0, 0, 0, 0.1);
        position: relative;
        max-width: 46.8rem;
        height: 46.8rem;
      }

      .about-img-block > img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
      }

      .about-img-block::before,
      .about-img-block::after {
        content: "";
        position: absolute;
        top: 5rem;
        background-color: #e98074;
        height: 100%;
        top: 5rem;
        display: none;
        right: 100%;
        width: 340px;
        
      }

      .about-img-block::after {
        top: unset;
        bottom: -9.5rem;
        background-color: #de0a0a;
        height: 12.6rem;
        z-index: 1;
        right: 73%;
      }

      .about-row {
        gap: 72px;
      }

      .about-row .about-img-col {
        width: calc(53% - 36px);
        padding: 1.8rem 0 0 1.8rem;
        position: relative;
      }
      .about-row .about-img-col::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        max-width: 48.6rem;
        height: 26.1rem;
        background-color: #e85a4f;
        z-index: -1;
    }

      .about-row .about-img-col::before {
        content: "";
        position: absolute;
        right: 0;
        bottom: 3.3rem;
        background-color: #c4c4c4;
        width: 51.4rem;
        z-index: -1;
        height: 38.8rem;
        display: none;
      }

      .about-row .about-desc-col {
        width: calc(47% - 36px);
        padding-right: 10px;
      }

      .about-row .about-desc-col .sec-header .primary-headline {
        margin-bottom: 1.5rem;
      }

      .about-row .about-desc-col .sec-header p {
        font-size: 2.2rem;
        line-height: 3.1rem;
        font-weight: 500;
        color: #000;
        letter-spacing: 0.01em;
        margin-bottom: 0;
      }

      .about-row .about-desc-col p {
        color: #585c65;
        line-height: 2.88rem;
        margin-bottom: 2.1rem;
      }

      .proposal-sec.about-page {
        padding-top: 2.6rem;
      }

      .proposal-sec.about-page .sec-header .primary-headline {
        margin-bottom: 1.9rem;
      }

      .proposal-sec.about-page .sec-header p {
        font-size: 2.2rem;
        line-height: 3.1rem;
        font-weight: 500;
        color: #000;
        letter-spacing: 0.01em;
        margin-bottom: 1.9rem;
      }

      .proposal-sec.about-page .desc-col .desc p {
        color: #585c65;
        line-height: 2.88rem;
      }

      .proposal-sec.about-page .desc-col .desc p:not(:last-child) {
        margin-bottom: 3.4rem;
      }

      .our-mission-sec.about-page {
        padding-bottom: 10rem;
      }

      .our-mission-sec.about-page .mission-card {
        padding-inline: 2.8rem;
      }

      .mission-card:hover {
        border-color: #e85a4f;
      }

      .mission-card:hover .title,
      .mission-card:hover p {
        color: #fff;
      }

      .mission-card:hover .icon-block img {
        filter: invert(16%) sepia(93%) saturate(6209%) hue-rotate(347deg)
          brightness(98%) contrast(113%);
      }

      .proposal-grid-row {
        gap: 5.2rem;
      }

      .proposal-grid-row .img-col {
        width: calc(47.6% - 2.6rem);
      }

      .prop-img-block {
        max-width: 100%;
        position: relative;
        height: 48.6rem;
        overflow: hidden;
        padding-top: 1.8rem;
        padding-left: 1.8rem;
      }

      .prop-img-block::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 35.4rem;
        height: 26.1rem;
        background-color: #e85a4f;
        z-index: -1;
      }

      .prop-img-block > img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center;
      }

      .proposal-grid-row .desc-col {
        width: calc(52.4% - 2.6rem);
      }

      .proposal-sec {
        padding-bottom: 10rem;
      }

      /* responsiveness */

      @media (max-width: 991px) {
        .about-row {
          gap: 4rem;
        }
        .about-row .about-img-col {
          width: calc(53% - 2rem);
        }
        .about-row .about-desc-col {
          width: calc(47% - 2rem);
        }
        .mission-row > .cols {
          width: calc(50% - 1.6rem);
        }
        .partners-sec .partner-desc-col {
          width: calc(57% - 1.5rem);
        }
        .partners-sec .partner-logos-block {
          gap: 3rem;
          width: calc(43% - 1.5rem);
          gap: 0 1rem;
        }
        .proposal-sec {
          padding-bottom: 5rem;
        }
      }

      @media (max-width: 767px) {
        .proposal-grid-row .desc-col {
          width: 100%;
        }
        .proposal-grid-row .img-col {
          width: 100%;
        }
        .about-sec {
          padding-bottom: 5rem;
        }
        .about-img-block {
          max-width: 90%;
        }
        .about-img-block::after {
          bottom: -6rem;
          right: 58%;
        }
        .about-row .about-img-col {
          width: calc(100%);
          padding-bottom: 6rem;
        }
        .our-mission-sec.about-page {
          padding-bottom: 5rem;
        }

        .stat-card h2 {
          font-size: 5rem !important;
          line-height: 9rem;
        }

        .about-row .about-desc-col {
          width: calc(100%);
        }
        .performence-sec .performence-left-col h2 {
          font-size: 3rem;
          line-height: 4rem;
          margin-bottom: 0;
        }
      }

      @media (max-width: 575px) {
        .partners-sec .partner-desc-col h2,
        .partners-sec .partner-desc-col h2 span {
          font-size: 2.6rem !important;
          line-height: 3rem;
        }
        .sec-header .primary-headline,
        .sec-header .primary-headline span {
          font-size: 2.6rem !important;
        }
        .partners-sec .partner-logos-block {
          width: 100%;
          gap: 0 2rem;
        }
        .partners-sec .partner-desc-col {
          width: 100%;
        }
        .performence-sec .performence-left-col {
          width: 100%;
        }
        .performence-sec .performence-right-col {
          width: 100%;
        }
        .mission-row > .cols {
          width: 100%;
        }
      }

      @media (max-width: 480px) {
        .stat-card {
          width: 100%;
        }
        .prop-img-block {
          height: 38rem;
        }
        .prop-img-block::before {
          width: 80%;
        }
      }