/* CSS Media Queries */

@media screen and (min-width: 1601px) and (max-width: 2300px) {
  .signup-page-two .login-area .content {
    max-width: 650px;
  }

  .signup-page .login-area .content {
    left: auto;
    right: 0;
  }

  .signup-page .login-page .login-area .content {
    left: auto;
    right: 0;
  }

  .signup-page-two .login-area .content {
    padding-top: 120px;
  }
  .mt-lg-70 {
    margin-top: 70px;
  }

  img.custom-width {
    width: 70%;
  }
  .login-area .content input {
    max-width: 100%;
  }

  .singup-one .login-area .content {
    padding-top: 100px;
  }
  .signup-page .login-area.login-page-bg {
    padding-right: 200px;
  }
}

@media screen and (min-width: 1300px) and (max-width: 1450px) {
  .success-cards .card2 {
    max-height: 420px;
    box-sizing: border-box;
  }
  .success-cards .card2 .icon {
    margin-bottom: 60px;
  }
  .signup-page {
    justify-content: start;
  }
  .features .cards .right-box .mt-100 {
    margin-top: 0;
  }
  .features .container {
    max-width: 1206px;
  }
  .features .card1 {
    min-width: 200px;
  }

  .key-feature-card {
    padding: 20px;
    padding-top: 30px;
  }
  .key-feature .container,
  .additional-feature .container,
  .benefits-features .container,
  .experience .container {
    max-width: 1250px;
  }
  .additional-card h3 {
    font-size: 20px;
    margin-bottom: 15px;
  }
  .key-feature-content h4 {
    margin-bottom: 15px;
    font-size: 22px;
    line-height: 32px;
  }
  .additional-card p {
    font-size: 14px;
  }
  .discover .discover-card {
    padding: 22px;
  }
}

@media screen and (max-width: 1365px) {
  .explore-service .container {
    max-width: 1080px;
  }
  .pricing-page .container {
    max-width: 1250px;
  }
  .explore-inner {
    padding: 24px;
  }
  .explore-service-card {
    padding: 12px 16px;
  }
  .footer {
    padding: 50px 20px;
  }
  .footer .offset-lg-2 {
    margin-left: 1%;
  }
  .footer .col-lg-8 {
    width: 39.5%;
  }

  .features .mobile {
    display: flex;
  }
  .features .desktop {
    display: none;
  }

  .features .mobile .card1 ul {
    list-style: none;
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
    box-shadow: 0px 10px 20px 0px #0000000f;
    background-color: #fff;
    border-radius: 40px;
    padding: 4px;
    border: 0;
  }
  .features .card1 .icon {
    background-color: transparent;
  }
  .features .mobile .card1 .ui-tabs-panel {
    color: #162b2a;
    font-size: 18px;
    font-weight: 500;
  }

  .features .mobile .card1 .ui-state-active .icon {
    background-color: #ecf3fe;
    border-radius: 58px;
  }

  .features .mobile .card1 {
    display: block;
    background-color: transparent;
    padding: 0;
    border: 0;
  }

  .features .cards {
    margin-top: 40px;
  }

  .features .col-md-12.col-lg-8 {
    width: 60%;
  }

  .features .col-lg-12.my-5.py-5 {
    width: 40%;
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  .discover-card .text-sm {
    flex-wrap: wrap;
  }

  .we-offer {
    padding-inline: 20px;
  }

  .we-offer .items {
    grid-template-columns: repeat(3, 1fr);
  }

  .integration-cards {
    --bs-gutter-x: 20px;
    --bs-gutter-y: 20px;
  }

  .integration {
    padding-inline: 20px;
    padding-bottom: 50px;
    margin-bottom: 60px;
  }

  .discover {
    margin-top: 100px;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .cta {
    min-height: 480px;
  }

  .cta .content {
    margin-top: 100px;
  }

  .integration-cards .card3 > div {
    align-items: center;
  }

  .course-top-block {
    flex-direction: column;
    gap: 80px;
  }
  .course-top-left {
    width: 100%;
  }
  .course-booking-thumb {
    height: 400px;
  }
  .course-training-wrapper {
    flex-wrap: wrap;
    gap: 25px 15px;
  }
  .course-overview-listing .features-list li {
    line-height: 20px;
    align-items: start;
    margin-bottom: 10px;
  }
  .course-training-wrapper {
    flex-wrap: wrap;
    gap: 25px 15px;
  }
  .bid-support-inner {
    flex-wrap: wrap;
    justify-content: center;
    gap: 80px;
  }
  .bid-support-thumb {
    height: 470px;
  }
}

@media screen and (min-width: 1051px) and (max-width: 1600px) {
  .login-page .login-area .content {
    max-width: 500px;
    padding: 50px 50px;
    padding-bottom: 80px;
  }
  .signup-page-two .login-area .content {
    max-width: 50%;
  }
  .signup-page .login-area .content {
    left: auto;
    right: 0;
  }

  .login-page header {
    background-color: #ffffffdf;
    border-bottom: solid 1px #dee3e9;
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9;
  }
  img.custom-width {
    width: 75%;
  }

  .success-cards .card2 {
    min-height: 460px;
  }

  .success-cards .card2 .icon {
    margin-bottom: 50px;
  }
  .success-cards .card2 .title {
    font-size: 22px;
    line-height: 30px;
  }
  .login-page.signup-page.signup-page-two {
    overflow: hidden;
  }
  .signup-page .login-area.login-page-bg {
    padding-left: 50px;
  }
  .footer .subscribe ul li a {
    padding: 8px 22px;
  }
  .benefits-feature-thumb {
    width: 430px;
    height: 440px;
  }
  .benefits-feature-wrapper {
    gap: 25px;
  }
  .service-faq .ui-tabs {
    margin-left: 40px;
  }
  .additional-card {
    padding: 20px;
  }

  .key-feature-wrapper .row .col-lg-4:nth-child(1) .key-feature-thumb img,
  .key-feature-wrapper .row .col-lg-4:nth-child(4) .key-feature-thumb img {
    height: 159px;
  }

  .key-feature-wrapper .row .col-lg-4:nth-child(2) .key-feature-thumb img,
  .key-feature-wrapper .row .col-lg-4:nth-child(3) .key-feature-thumb img,
  .key-feature-wrapper .row .col-lg-4:nth-child(6) .key-feature-thumb img {
    height: 138px;
  }
  .key-feature-thumb {
    height: 176px;
  }

  .services-page .service-banner .card.two {
    margin: 0;
  }
  .services-page .service-banner .card.one {
    margin: 0;
  }
  .services-page .service-banner .card.three {
    margin: 0;
  }
  .service-banner .row {
    --bs-gutter-x: 18px;
    --bs-gutter-y: 18px;
  }

  .services-page .key-feature .card {
    min-height: 365px;
    margin: 0;
  }

  .compare-plans-inner .plans-options {
    gap: 40px;
  }
  .compare-top-block {
    gap: 80px;
  }

  .footer .subscribe ul li a {
    padding: 8px 20px;
  }

  .about-top-content {
    margin-bottom: 80px;
  }
  .about-overview-thumb {
    height: 520px;
  }
  .about-overview-wrapper {
    gap: 100px;
  }
  .services-page .key-feature .row {
    --bs-gutter-x: 12px;
    --bs-gutter-y: 12px;
  }
  .services-page .key-feature .card .text-black400 {
    font-size: 16px;
    text-align: center;
  }
  .services-page .key-feature .card .text-black500 {
    font-size: 22px;
    line-height: 26px;
    margin-bottom: 12px !important;
  }
  .services-page .key-feature .card .my-40 {
    margin-block: 16px !important;
  }
  .services-page .key-feature .card {
    min-height: 275px;
    padding: 24px 0;
  }
  .services-page .key-feature .card a {
    font-size: 14px;
  }
  .services-page .key-feature .card p {
    padding-inline: 14px;
  }
  .services-page .service-banner {
    padding-inline: 40px;
  }
}

@media screen and (min-width: 1050px) and (max-width: 1300px) {
  .key-feature-content p {
    min-height: 120px;
  }

  .key-feature-content h4 {
    min-height: 64px;
  }
  .buyer-profile {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media screen and (max-width: 1050px) {
  .tender-workflow-wrapper .row {
    --bs-gutter-x: 70px;
  }
  .tender-workflow-wrapper {
    margin-bottom: 80px;
  }
  .tender-workflow {
    padding-top: 80px;
    padding-bottom: 120px;
  }
  .tender-workflow-inner .opportunities-title {
    margin-bottom: 100px;
  }
  .tender-workflow-inner .opportunities-title .text-black500 {
    font-size: 52px;
    line-height: 60px;
    margin-bottom: 20px;
  }
  .tender-workflow-inner .opportunities-title .text-black400 {
    font-size: 16px;
    line-height: 24px;
    max-width: 500px;
  }
  .tender-workflow-inner .opportunities-title span {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 20px;
  }
  .tender-workflow-content h4 {
    font-size: 38px;
    line-height: 44px;
    margin-bottom: 20px;
  }
  .tender-workflow-content p {
    font-size: 15px;
    line-height: 22px;
  }
  .tender-workflow-content > span {
    font-size: 15px;
  }
  .workflow {
    padding-bottom: 100px;
  }
  .workflow-button a {
    font-size: 15px;
    padding: 10px 22px;
  }
  .cases__hero__tabs .nav-tabs {
    gap: 10px 20px;
  }
  .workflow-card-content {
    min-height: 264px;
  }
  header nav ul {
    display: none;
  }
  .menu-icon {
    display: block;
  }
  header .buttons {
    display: none !important;
  }
  .features {
    padding: 100px 25px;
  }
  .integration {
    margin: 160px 25px;
  }
  .discover {
    padding: 10px 25px 60px 25px;
    background: #f7f8fa;
    background-image: none;
  }
  .subscribe {
    padding: 100px 25px;
  }
  .footer {
    padding: 80px 25px;
  }
  .we-offer {
    padding-left: 40px;
    padding-right: 40px;
  }
  .features .card1 {
    min-width: 160px;
    padding: 12px 12px;
  }
  .row {
    --bs-gutter-x: 20px;
    --bs-gutter-y: 20px;
  }
  .footer .row .col-12 {
    width: 25%;
  }
  .footer .col-lg-8 {
    width: 500px;
  }
  .footer .offset-lg-2 {
    margin-left: 0;
    padding-left: 0;
  }

  .key-feature-wrapper .col-lg-4 {
    width: 50%;
  }
  .key-feature-wrapper .row {
    --bs-gutter-y: 20px;
  }

  .experience-right-block {
    width: 100%;
  }
  .experience-inner .tender-service-title {
    max-width: 100%;
    width: 100%;
  }
  .experience-inner {
    flex-direction: column;
  }

  .experience-right-block {
    width: 100%;
  }
  .experience-inner .tender-service-title {
    max-width: 100%;
  }
  .experience-inner {
    flex-direction: column;
  }
  .additional-feature-wrapper .row .col-lg-8 {
    width: 50%;
  }

  .benefits-feature-thumb {
    width: 100%;
    height: auto;
  }
  .benefits-feature-wrapper {
    gap: 20px;
    flex-direction: column;
  }
  .benefits-feature-accordion .accordion {
    margin-top: 10px;
  }
  .benefits-features-inner {
    padding: 40px;
  }
  .service-faq .ui-tabs {
    margin-left: 0;
    margin-bottom: 40px;
  }
  .service-faq .row {
    flex-direction: column-reverse;
  }
  .service-faq .text-center.mb-80 {
    text-align: left;
  }
  .cta {
    min-height: 370px;
    padding: 30px 0;
  }

  .service-faq .col-lg-16 {
    width: 100%;
  }
  .service-faq .col-lg-8 {
    width: 50%;
  }
  .tender-services-page {
    overflow: hidden;
  }
  .container-sm,
  .container {
    box-sizing: border-box;
  }
  .footer .col-lg-8 {
    width: 100%;
    padding-right: 0;
    max-width: 600px;
    margin: 0 auto;
  }
  .explore-service-wrapper .row .col-md-6 {
    width: 33.33333%;
  }

  .key-feature .row .col-lg-6 {
    width: 50%;
  }
  .services-page .key-feature .card {
    margin: 0;
    min-height: 355px;
  }

  .count-area > .text-black500 br {
    display: none;
  }
  .count-area > .text-black500 {
    font-size: 40px;
    line-height: 48px;
  }
  .services-page .count-area .count-box {
    padding: 80px 65px;
    margin-top: 40px;
    overflow: hidden;
    z-index: 2;
    position: relative;
  }
  .services-page .key-feature {
    margin-bottom: 20px;
  }

  .pricing-wrapper .row .col-lg-3 {
    width: 33.333333%;
  }

  .compare-top-block {
    gap: 50px;
  }

  .compare-plans-inner .plans-options {
    gap: 20px;
  }

  .service-addons {
    overflow: hidden;
  }

  .service-addons-wrapper .row {
    --bs-gutter-x: 20px;
  }
  .workflow-wrapper .row .col-md-8 {
    width: 50%;
  }
  .workflow-card {
    border: 1px solid #ebeff4;
    border-radius: 12px;
  }

  .about-overview-wrapper {
    gap: 50px;
  }
  .about-top-content {
    margin-bottom: 165px;
  }
  .about-overview-thumb {
    height: 470px;
  }
  .about-top-content span {
    font-size: 14px;
    margin-bottom: 12px;
    line-height: 20px;
  }
  .about-top-content h3 {
    font-size: 32px;
    line-height: 40px;
  }
  .about-bottom-content h5 {
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 20px;
  }
  .about-bottom-content p {
    line-height: 20px;
    margin-bottom: 20px;
    font-size: 15px;
  }
  .about-overview-sec-wrapper {
    margin-top: 100px;
  }
  .about-overview {
    padding-block: 120px;
  }
  .about-us {
    padding-bottom: 0;
  }
  .about-us-inner .opportunities-title .text-black500 {
    font-size: 48px;
    line-height: 54px;
    margin-bottom: 20px;
  }
  .about-us-inner .opportunities-title span {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 20px;
  }
  .about-us-inner .opportunities-title .text-black400 {
    font-size: 16px;
    line-height: 24px;
  }
  .about-us .container {
    padding-top: 100px;
  }
  .about-culture {
    padding-bottom: 120px;
  }
  .contact-service-wrapper .row {
    --bs-gutter-x: 25px;
    --bs-gutter-y: 25px;
  }

  .contact-support-wrapper .row {
    --bs-gutter-x: 25px;
    --bs-gutter-y: 25px;
  }

  .contact-support-card .about-bottom-content p {
    min-height: 40px;
  }
  .buyer-profile .banner {
    flex-direction: column;
    gap: 40px;
  }
  .buyer-profile .banner .left-side {
    width: 100%;
    padding: 0 12px;
  }
  .buyer-profile .banner .right-side {
    width: 100%;
    padding: 0 12px;
  }
}

@media screen and (max-width: 900px) {
  .key-feature .row .col-lg-6 {
    width: 33.33333%;
  }
  .about-overview-wrapper {
    flex-direction: column;
    align-items: center !important;
  }
  .about-overview-thumb {
    max-width: 100%;
  }
  .about-top-content {
    margin-bottom: 50px;
  }
  .service-faq .text-center .text-black500 {
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 12px !important;
  }
  .service-faq .text-center .text-black400 {
    font-size: 16px;
    line-height: 24px;
  }
  .service-faq .text-center.mb-80 {
    margin-bottom: 60px;
  }
  .about-overview-sec-wrapper {
    margin-top: 80px;
  }
  .trust-plans-wrapper .col-md-6 {
    width: 33.33333%;
  }
  .trust-plans-wrapper .additional-card {
    padding: 0;
  }
  body {
    overflow-x: hidden;
  }
  .singup-bg {
    height: auto;
  }
  .we-offer .items {
    grid-template-columns: repeat(2, 1fr);
  }
  .singup-bg .p-100 {
    padding: 20px;
  }
  .login-area .content {
    padding: 20px;
    background-color: #fff;
    height: auto;
  }
  .singup .ms-5 {
    margin-left: 0px !important;
  }
  body.vh-100 {
    height: auto;
  }
  body.overflow-hidden {
    overflow: visible;
  }

  .content .mt-100 {
    margin-top: 50px;
  }
  .bg-two .p-100 {
    padding: 25px;
  }
  .singup .mt-70 {
    margin-top: 50px;
  }
  .btn-outline {
    margin-bottom: 10px;
  }
  header nav {
    padding: 0 20px;
  }

  header .buttons {
    display: none !important;
  }

  .banner.p-100 {
    padding: 40px;
  }
  .m-80.price-packege {
    margin: 40px;
  }

  .m-80 {
    margin: 40px;
  }
  .management-tabs .tabs ul {
    overflow-x: auto;
    padding-bottom: 10px;
  }
  .about-page .values {
    padding: 50px;
    padding-right: 100px;
  }
  #job-description-main-area .col-md-8.job-description-tab-area {
    width: 100%;
  }
  #job-description-main-area .col-md-16 {
    width: 100%;
  }

  .no-result .looking .right-side {
    max-width: 610px;
    margin-left: auto;
    margin-right: auto;
  }
  .integration__main__blk {
    gap: 30px !important;
  }
  .interface__content__single {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  .mobile-hide.buy-payment-summary {
    display: none;
  }
  button.btn.btn-green.proceed-to-summary.mobile-only {
    display: block !important;
  }
  .my-subscription-modal {
    gap: 4px !important;
    grid-template-columns: 1fr !important;
  }
  button.btn.btn-green.proceed-to-summary.mobile-only {
    padding: 10px 45px;
    height: 44px;
    margin-top: 20px;
    width: 100%;
  }
  .features .col-md-12.col-lg-8 {
    width: 100%;
  }

  .features .col-lg-12.my-5.py-5 {
    width: 100%;
    margin-top: 30px !important;
    padding-top: 0 !important;
  }
  .features .right-box {
    margin-left: 0;
  }

  .training-service-wrapper .row > .col-md-6 {
    width: 50%;
  }
  .booking-service-shape {
    display: none;
  }
  .tender-service-title {
    padding: 0;
  }
  .footer .col-lg-8 {
    max-width: 100%;
    padding-inline: 0;
  }
  .feedbackSwiper .review-card {
    min-height: 325px;
  }
  .footer #tabs-5 p,
  .footer #tabs-6 p,
  .footer #tabs-7 p {
    max-width: 100%;
    text-align: left;
  }
  .footer .title {
    text-align: left;
  }
  .footer {
    padding-bottom: 40px;
  }
  .features h2 br {
    display: none;
  }
  .explore-service-wrapper .row > .col-md-6 {
    width: 50%;
  }
  .explore-service-thumb {
    height: 100%;
  }
  .explore-service-card {
    gap: 15px;
    flex-wrap: wrap;
  }
  .explore-service {
    padding-inline: 20px;
  }
  .training-service-card .key-feature-content p {
    min-height: 28px;
  }
  .booking-service-shape {
    z-index: -1;
    height: 250px;
    top: 40%;
  }
  .home-page .find-tender {
    padding: 60px 20px;
  }
  .find-tender .counter {
    max-width: 590px;
  }
  .find-tender-bottom .search-box {
    max-width: 100%;
  }
  .discover {
    padding-top: 40px;
  }
  .footer .row {
    --bs-gutter-y: 20px;
  }

  .contact-left-block .opportunities-title .text-black500 {
    font-size: 52px;
    line-height: 56px;
    margin-bottom: 25px !important;
  }
  .contact-left-block .opportunities-title .text-black400 {
    font-size: 16px;
    line-height: 24px;
  }
  .contact-left-block .opportunities-title span {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 16px;
  }

  .find-tender-bottom .row .col-lg-12:first-child {
    padding-right: 60px;
  }
  .pricing-area {
    padding-top: 45px;
  }
  .pricing-inner-block .opportunities-title .text-black500 {
    line-height: 64px;
  }
  .text-60 {
    font-size: 54px;
  }
  .training-service .section-breadcrumb {
    margin-bottom: 20px;
  }
  .about-us .container {
    padding-top: 40px;
  }
}

/* Tablet devices media query css */
@media screen and (min-width: 601px) and (max-width: 800px) {
  .trust-plans-wrapper .col-md-6 {
    width: 50%;
  }
  .we-offer .offer-img {
    position: relative;
    top: -20px;
    justify-content: center;
    display: none;
  }
  .success-cards .card2 .icon {
    margin-bottom: 50px;
  }
  .feedback,
  .find-tender,
  .success {
    padding: 0 20px;
  }
  .success {
    margin-top: 100px;
  }
  .success-cards .card2 {
    min-height: 400px;
  }
  .success-cards .card2 .title {
    font-size: 24px;
    line-height: 30px;
  }
  .integration {
    margin: 80px 25px;
  }
  .integration-cards {
    margin-top: 20px;
  }
  .discover {
    margin-top: 80px;
  }
  .discover .card {
    margin: 60px;
  }
  .subscribe {
    padding: 60px;
    text-align: center;
    padding-top: 40px;
  }
  .subscribe .social {
    text-align: center;
  }
  .subscribe .title {
    margin-bottom: 20px;
  }
  .search-page .card .d-flex.justify-content-between {
    display: block !important;
  }
  .search-page .published.text-sm {
    margin-top: 20px;
  }
  .search-page .btn-one {
    width: auto;
  }
  .services-page .home-banner .card2 {
    margin-left: 0;
    margin-right: 0;
  }
  .services-page .management-tabs .tabs-inner {
    padding: 0px;
    margin-top: 50px;
  }
  .services-page .discover-tender .card {
    margin-bottom: 20px;
  }

  .management-tabs .tabs-inner .col-lg-12.text-end {
    text-align: left !important;
  }
  .services-page .UYBP .card {
    margin-bottom: 20px;
  }
  .discover-tender .col-lg-12.text-end {
    text-align: left !important;
  }
  .training__support__content {
    margin-right: auto;
    margin-left: 0;
  }
  .about-page .banner .shape {
    display: none;
  }
  .about-page .banner,
  .about-page .mission,
  .about-page .faq,
  .contact-page {
    padding: 80px;
  }
  .about-page .faq {
    margin-top: 60px;
  }
  .about-page .banner .left-side .card-one {
    margin-left: 0;
    margin-right: auto;
    margin-top: 20px;
  }
  .about-page .banner .left-side .card-two {
    margin-left: 0;
    margin-right: auto;
  }
  .contact-page .contact-card {
    margin-top: 20px;
  }
  .contact-page .reach-us .card {
    margin-top: 30px;
  }
  .login-area .img-area {
    display: none;
  }
  .login-area .content input,
  .login-area .select2-selection__rendered {
    max-width: 100%;
  }

  .login-area.login-page-bg {
    overflow-x: hidden;
  }
  .service-banner .row {
    --bs-gutter-y: 18px;
  }
  .services-page .service-banner .card {
    margin: 0 !important;
  }
  .trust-plans-wrapper .additional-card {
    height: 100%;
  }
  .compare-top-block {
    gap: 30px;
    flex-direction: column;
  }

  .compare-plans-inner .plans-options {
    justify-content: space-around;
  }
  .pricing-wrapper .row .col-lg-3 {
    width: 50%;
  }

  .contact-service-wrapper .row {
    --bs-gutter-x: 20px;
    --bs-gutter-y: 20px;
  }
  .contact-support-card .about-bottom-content p {
    min-height: 48px;
  }
  .contact-area {
    padding-top: 40px;
  }
  .contact-left-block .opportunities-title .text-black500 {
    font-size: 48px;
    line-height: 52px;
    margin-bottom: 20px !important;
  }
  .contact-left-block .opportunities-title .text-black400 {
    font-size: 16px;
    line-height: 24px;
  }
  .contact-left-block .opportunities-title span {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 18px;
  }
  .contact-left-block .opportunities-title {
    margin-bottom: 60px;
  }
  .contact-right-block {
    padding: 16px;
  }
  .form-group label {
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 8px;
  }
  .form-group input {
    font-size: 14px;
    padding: 10px 14px;
  }
  .contact-right-block form .row {
    --bs-gutter-x: 12px;
    --bs-gutter-y: 12px;
  }
  .form-group textarea {
    height: 90px;
  }
  .contact-submit-btn {
    margin: 0;
  }
  .contact-submit-btn button {
    padding: 16px;
    font-size: 16px;
  }
  .contact-map iframe {
    height: 250px;
  }
  .contact-map {
    margin-bottom: 25px;
  }
  .office-address h5 {
    margin-bottom: 14px;
  }
  .office-address a {
    font-size: 15px;
    line-height: 22px;
  }
  .contact-support {
    padding-block: 90px;
  }
  .tender-service-title h4 {
    font-size: 32px;
    line-height: 38px;
    margin-bottom: 14px !important;
  }
  .contact-support-inner .tender-service-title {
    max-width: 600px;
    margin: 0 auto;
    padding-bottom: 50px;
  }
  .contact-service {
    padding-block: 80px;
  }
  .contact-service-inner .about-top-content h3 {
    font-size: 32px;
    line-height: 38px;
  }
  .contact-service-inner .about-top-content span {
    font-size: 14px;
    margin-bottom: 12px;
  }
  .contact-service-inner .about-top-content {
    padding-bottom: 50px;
  }
  .contact-service-card a {
    padding: 40px 20px;
    width: 100%;
  }
  .contact-service-card img {
    height: 40px;
  }
  .contact-service-icon {
    margin-bottom: 20px;
  }
  .contact-support-wrapper .row {
    --bs-gutter-x: 20px;
  }
}

@media screen and (max-width: 767px) {
  .service-banner .row .col-lg-8 {
    width: 50%;
  }

  .contact-inner-block .row .col-12 {
    width: 100%;
  }
  .contact-left-block {
    max-width: 620px;
    margin: 0 auto;
  }
  .contact-right-block {
    max-width: 600px;
    margin: 0 auto;
  }
  .services-page .count-area img {
    display: none;
  }

  .services-page .count-area {
    margin-bottom: 60px;
    margin-inline: 40px;
  }

  .services-page .service-banner {
    padding: 60px 40px;
  }
  .service-banner .content > .text-black500 {
    font-size: 48px;
    line-height: 56px;
    padding-bottom: 0 !important;
  }
  .services-page .key-feature {
    margin: 0;
    padding-inline: 40px;
  }
  .buyer-profile {
    padding-top: 30px;
  }
  .services-page .key-feature {
    margin: 0;
    padding-inline: 40px;
    margin-bottom: 40px;
  }
  .services-page .count-area .count-box .content {
    grid-template-columns: repeat(1, 1fr);
  }

  .key-feature .row .col-lg-6 {
    width: 100%;
  }
  .no-result .looking .right-side {
    padding: 12px;
  }
  .right-side #search-buyer {
    margin-top: 0 !important;
  }
  .right-side #search-buyer p:nth-child(2) {
    margin-bottom: 20px;
  }
  .other-lists {
    margin-top: 30px;
  }
  .service-banner .row .col-lg-8 {
    width: 100%;
  }
  .service-faq .col-lg-8 {
    width: 100%;
  }
  .explore-service-wrapper .row > .col-md-6 {
    width: 100%;
  }
  .service-faq .col-lg-16 {
    order: 1;
    margin-bottom: 0;
  }

  .search-page form ~ .card.mb-5 {
    margin-top: 35px !important;
  }
  .search-page .card {
    padding: 15px;
  }
  .mt-2.d-flex.buyer .text-sm {
    display: flex;
    align-items: center;
    gap: 7px;
  }
  #additional-feature-link {
    padding-bottom: 60px;
  }

  .container-sm,
  .container {
    max-width: 100%;
    padding: 0 12px;
  }

  .service-faq .row {
    flex-direction: column-reverse;
  }

  .tender-service-title h4 br {
    display: none;
  }

  .service-faq {
    padding: 70px 40px 120px 40px;
  }

  .key-feature-thumb {
    height: 130px;
  }

  .key-feature-wrapper .row .col-lg-4:nth-child(2) .key-feature-thumb img,
  .key-feature-wrapper .row .col-lg-4:nth-child(3) .key-feature-thumb img,
  .key-feature-wrapper .row .col-lg-4:nth-child(6) .key-feature-thumb img {
    height: 100px;
  }

  .additional-card {
    padding: 20px;
  }

  .key-feature-wrapper .row .col-lg-4:nth-child(1) .key-feature-thumb img,
  .key-feature-wrapper .row .col-lg-4:nth-child(4) .key-feature-thumb img {
    height: 110px;
  }

  .experience-thumb {
    margin: 0;
    max-width: 400px;
  }

  .experience-right-block {
    padding: 0;
  }

  .benefits-features-inner {
    padding-bottom: 0;
  }

  .service-faq li.ui-tabs-tab a {
    font-size: 16px;
    padding: 12px 14px;
  }

  .footer .row .col-12 {
    width: 50%;
  }

  .compare-top-block {
    flex-wrap: wrap;
    gap: 30px;
  }

  .compare-plans-inner .plans-options {
    gap: 15px;
    justify-content: space-between;
  }

  .service-addons-wrapper .col-lg-6 {
    width: 100%;
  }

  .service-addons-card .key-feature-content p {
    min-height: 30px;
  }

  .service-addons {
    padding-inline: 40px;
    padding-block: 80px;
  }

  .trust-plans-wrapper .additional-card {
    padding: 20px;
    border: 1px solid #ebeff4;
  }

  .trust-plans-wrapper .additional-card p {
    max-width: 100%;
  }

  .trust-plans {
    padding-block: 90px;
  }

  .pricing-wrapper .row .col-lg-3 {
    width: 100%;
  }

  .features-list {
    height: 227px;
    overflow-y: scroll;
    padding-right: 5px;
  }

  .tender-workflow-inner .opportunities-title .text-black500 {
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 16px;
  }

  .tender-workflow {
    padding-block: 75px;
  }

  .tender-workflow-inner .opportunities-title span {
    font-size: 14px;
    margin-bottom: 14px;
  }

  .tender-workflow-inner .opportunities-title {
    margin-bottom: 80px;
  }

  .tender-workflow-content {
    text-align: center;
  }

  .tender-workflow-content > span {
    font-size: 14px;
  }

  .tender-workflow-content h4 {
    font-size: 26px;
    line-height: 32px;
    max-width: 400px;
    margin: 0 auto 24px;
  }

  .tender-workflow-thumb {
    max-width: 225px;
    margin: 0 auto;
    border-radius: 16px;
    height: 255px;
    margin-bottom: 24px;
  }

  .tender-workflow-thumb img {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }

  .tender-workflow-content p {
    font-size: 16px;
    color: #5d5f5f;
    max-width: 400px;
    margin: 0 auto;
  }

  .tender-workflow-btn {
    justify-content: center;
    margin-top: 40px;
  }

  .tender-workflow-wrapper {
    margin-bottom: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid #ebeff4;
  }
  .tender-service-title {
    margin-bottom: 40px;
  }
  .pricing-area {
    padding-top: 35px;
  }
  .pricing-inner-block .opportunities-title .text-black500 {
    line-height: 58px;
  }
  .text-60 {
    font-size: 48px;
  }
  .about-us-inner .opportunities-title .text-black500 {
    line-height: 40px;
  }
  .about-us .container {
    padding-top: 40px;
  }
  .home-page .home-banner {
    padding-top: 30px;
  }
  .breadcrumb {
    padding-top: 25px;
  }

  .use__title {
    padding: 0 12px;
  }
}

/* Home page media query */

@media screen and (max-width: 600px) {
  .custom-mobile-dropdown {
    display: block !important;
  }

  .additional-feature-wrapper .row .col-lg-8 {
    width: 100%;
  }

  .home-banner {
    padding: 0 20px;
    padding-top: 64px;
  }

  .home-banner .content {
    max-width: 100%;
    margin: 5px auto 24px auto;
  }

  .home-banner h1 {
    font-size: 32px;
    font-weight: 600;
  }
  .home-banner .btn-one {
    margin-bottom: 8px;
    display: block;
    font-size: 18px;
    font-weight: 500;
  }

  .home-banner button.btn-one {
    width: 100%;
  }

  .home-banner .btn-outline {
    width: 100%;
    margin: 0 !important;
    font-size: 18px;
    font-weight: 500;
  }

  .we-offer .offer-img {
    position: relative;
    top: -20px;
    display: none;
  }

  .we-offer {
    padding: 20px;
  }

  .we-offer {
    margin-top: 50px;
    margin-bottom: 50px;
  }
  .find-tender h2,
  h1 {
    font-size: 30px;
  }
  .find-tender .content {
    margin-top: 0px;
    margin-bottom: 0px;
  }

  .home-page .find-tender {
    padding: 16px 10px;
  }

  .home-page .find-tender h2 {
    font-size: 30px;
  }

  .find-tender .btn {
    margin: 5px;
    font-size: 14px;
    padding: 6px 24px;
    line-height: 32px;
  }
  .profile-my-subscription-plan-card {
    padding: 46px 32px 32px !important;
  }

  .profile-my-subscription-plan-card {
    max-height: 650px !important;
  }

  .profile-my-subscription-plan-card-body .plan-card-body-list li {
    display: none !important;
  }

  .profile-my-subscription-plan-card-body .plan-card-body-list li:nth-child(1),
  .profile-my-subscription-plan-card-body .plan-card-body-list li:nth-child(2) {
    display: grid !important;
  }

  .mxHeightNont
    .profile-my-subscription-plan-card-body
    .plan-card-body-list
    li {
    display: grid !important;
  }

  .find-tender .search button {
    margin: 0;
  }
  .find-tender .counter > div {
    margin-bottom: 15px;
  }
  .find-tender .search input {
    border-radius: 8px;
    height: 56px;
  }
  .key-feature-content {
    text-align: center;
  }
  .find-tender-bottom .row .col-lg-12:first-child {
    padding-right: 0;
  }
  .training-service .section-breadcrumb {
    margin-bottom: 25px;
  }
  .find-tender .search button {
    width: 100%;
    position: relative;
    background-color: #018375;
    border: solid 2px #018375;
    color: #fff;
    left: 0;
    right: 0;
    border-radius: 50px;
    border: 0;
    height: 48px;
    font-weight: 500;
    font-size: 16px;
  }
  .find-tender .counter p.fw-md {
    font-size: 12px;
  }
  .find-tender .counter p.text-40 {
    font-size: 20px;
  }
  .find-tender .counter p.text-black200 {
    font-size: 13px;
  }

  .find-tender .btn-two.active,
  .find-tender .search-click.active,
  .find-tender .btn-three.active {
    font-weight: 600;
  }
  .client {
    margin-top: 40px;
  }

  .client .brands {
    margin-top: 24px;
  }

  .features .bg-shape {
    display: none;
  }
  .features .card1 {
    margin-right: 0;
    font-size: 20px;
    margin-bottom: 40px;
  }

  .features .card1:hover {
    box-shadow: none;
  }

  .features {
    padding: 60px 20px 20px 20px;
  }
  .features h2 {
    font-size: 30px;
    margin-bottom: 0;
  }
  .features h2 br {
    display: none;
  }
  .features .row.justify-content-between {
    text-align: center;
  }

  .success {
    margin-top: 60px;
    padding: 20px;
  }
  .success-cards .card2 .title {
    font-size: 24px;
  }
  .success-cards .card2 .icon {
    margin-bottom: 32px;
  }
  .success-cards .card2 {
    padding: 24px;
  }
  .feedback {
    padding: 20px;
    margin-top: 50px;
  }
  .feedback .card4 .sub-title {
    display: block;
  }
  .integration {
    margin: 20px;
  }
  .integration .title {
    font-size: 30px;
    margin-bottom: 16px;
  }
  .integration-cards {
    margin-top: 10px;
    margin-left: 0;
    margin-right: 0;
  }

  .integration-cards .card3 .icon {
    width: 52px;
    height: 52px;
    padding: 6px;
  }

  .integration-cards .card3 {
    padding: 24px 16px;
    min-height: 105px;
  }

  .integration-cards .card3 .d-flex.justify-content-between.mb-5.pb-4 {
    margin-bottom: 0 !important;
  }

  .integration .card3 .title {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 0;
  }
  .integration-cards.row.g-5 {
    --bs-gutter-y: 1rem;
  }
  .integration .card3 .integrate {
    display: none;
  }
  .integration .card3 p:last-child {
    display: none;
  }
  .integration-cards.row.g-5 > * {
    padding-left: 8px;
    padding-right: 8px;
  }

  .integration-cards.row.g-5 .col-lg-8:first-child {
    padding-left: 0;
  }
  .integration-cards.row.g-5 .col-lg-8:nth-child(2) {
    padding-right: 0;
  }

  .integration-cards.row.g-5 .col-lg-8:last-child {
    margin-top: 16px;
    padding-left: 0;
  }
  .feedback .title {
    font-size: 24px;
  }
  .feedback .card4 {
    padding: 24px;
  }
  .feedback .card4 .title {
    font-size: 18px;
  }
  .discover {
    padding: 60px 20px;
    margin-top: 60px;
  }
  .discover .card {
    padding: 24px;
  }
  .discover .title {
    font-size: 32px;
    line-height: 36px;
  }
  .discover .ui-tabs-nav {
    border-radius: 8px;
    text-align: center;
    gap: 8px;
    border-radius: 32px;
    margin-bottom: 40px;
  }
  .discover .sub-title {
    font-size: 24px;
    line-height: 30px;
  }
  .discover .sub-title {
    font-weight: 500;
  }

  .discover .card .btn-outline {
    justify-content: center;
  }
  .discover .card .btn-outline span {
    display: none;
  }
  .cta {
    padding: 80px 20px;
    background-color: #ffffff;
    background-image: url(../image/cta-bg-3.jpg);
    min-height: auto;
    background-position: top;
    background-size: contain;
  }
  .cta .content p {
    font-size: 14px;
  }
  .cta .content .title {
    font-size: 30px;
    line-height: 36px;
  }
  .cta .content button {
    margin-bottom: 10px;
    margin-right: 0px !important;
    margin-left: 0px !important;
    font-weight: 500;
    font-size: 16px;
  }
  .cta .content .btn-one {
    margin-bottom: 10px;
    margin-right: 0px !important;
    margin-left: 0px !important;
    font-weight: 500;
  }

  .subscribe .social {
    text-align: center;
    margin-top: 40px !important;
  }
  .subscribe .title {
    font-size: 24px;
    text-align: center;
    margin-bottom: 40px;
  }
  .subscribe .subs-btn {
    position: relative;
    width: 100%;
    margin-top: 16px;
    height: 56px;
    right: 0;
    font-size: 16px;
    font-weight: 500;
  }
  .subscribe input {
    height: 56px;
  }
  .footer {
    padding: 20px;
  }
  .contact {
    margin-top: 20px;
  }
  .footer .title {
    margin-top: 32px;
    font-weight: 700;
    font-size: 16px;
  }
  .text-32 {
    font-size: 24px;
  }
  .text-30 {
    font-size: 22px;
  }
  .text-48 {
    font-size: 30px;
  }
  .text-40 {
    font-size: 28px;
  }

  /* Search page media query */
  .search-page .card .d-flex.justify-content-between {
    display: block !important;
  }

  .search-page .card .d-flex.mt-1 {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr);
    gap: 6px;
    margin-top: 20px !important;
  }

  .search-page .card .d-flex.mt-1 > :last-child {
    grid-column: 1 / -1;
  }

  .search-page .card .d-flex.mt-1 div {
    margin-left: 0px !important;
  }

  .search-page .published.text-sm {
    margin-top: 20px;
  }
  .filter .all-drops {
    display: flex;
    flex-direction: column;
    gap: 24px;
    gap: 12px;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0px 2px 10px #00000031;
  }
  .filter select {
    width: 100%;
  }
  .filter .total-matched {
    flex-direction: column;
    gap: 10px;
  }
  .filter .d-flex.align-items-center.gap-2 {
    flex-direction: column;
    gap: 10px;
    text-align: left;
    align-items: start !important;
  }
  .search-page p.title {
    font-size: 16px;
    line-height: 22px;
  }
  .search-page .buyer {
    font-size: 12px;
  }
  .search-page .location span {
    font-size: 12px;
  }
  .search-page .tag span {
    font-size: 12px;
  }
  .search-page .text > span {
    font-size: 12px;
  }

  .free-trial {
    display: block;
    height: auto;
    padding: 10px 0;
  }

  .free-trial .title {
    display: block;
  }
  .free-trial .link {
    padding-left: 20px;
  }
  .all-drops .date select {
    width: 130px;
  }
  .find-tender .search img {
    left: 20px;
    top: 16px;
  }
  .all-drops .card-sm:nth-child(2) {
    width: 100%;
  }

  .search-page .search input {
    width: 100%;
  }

  .search-page .search img {
    left: 15px;
    top: 17px;
  }

  .search-page .search .btn-one {
    height: 48px;
    border-radius: 8px;
    color: #fff;
    line-height: 22px;
  }

  .find-tender .add-filter {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
    padding: 10px;
  }
  .search-page .search input {
    height: 48px;
  }
  .all-drops .date {
    width: 100%;
  }

  .mobile-filter .card-sm.advance {
    border: solid 1px #02897a;
    padding: 12px 24px;
    height: auto;
    margin-bottom: 64px;
  }

  .mobile-filter .card-sm.advance .advance-title {
    font-size: 16px;
    color: #151b28;
  }

  .mobile-filter .reset {
    display: inline-block;
    background-color: #dee3e9;
    border-radius: 4px;
    border: 0;
    width: 50%;
    padding: 12px 20px;
    color: #6a707d;
    font-size: 16px;
    font-weight: 500;
  }
  .mobile-filter .apply {
    display: inline-block;
    background-color: #006e62;
    border-radius: 4px;
    border: 0;
    width: 50%;
    padding: 12px 20px;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
  }
  .desktop-filter {
    display: none;
  }

  .search-page .pagination {
    display: block;
  }
  .search-page .pagination .showing-entities {
    margin-bottom: 20px;
  }

  /* No result page media css */

  .search-page .no-result .error-img {
    padding: 0;
  }

  .search-page .no-result .keywords span {
    padding: 8px 12px;
    margin: 2px;
    font-size: 12px;
  }
  .no-result .looking .left-side .title {
    font-size: 30px;
    line-height: 40px;
  }
  .most-searched {
    background-color: #f8f8f9;
    padding: 50px 20px;
    margin-top: 50px;
  }
  .most-searched .links .col-lg-12:last-child {
    padding-left: 0px;
    margin-top: 20px;
  }

  .search-result .d-flex.buyer {
    display: block !important;
  }

  .search-result .d-flex.buyer a.ps-1 {
    padding-left: 0px !important;
  }
  .search-page .search-tasbs .btn {
    width: 100px;
    max-width: 100px;
    min-width: 100px;
    font-size: 14px;
  }

  .categories-worked .d-flex {
    flex-direction: column;
  }

  .categories-worked .badge {
    width: 45px;
    margin-bottom: 4px;
  }

  .search-page .card {
    overflow: hidden;
  }
}

/* buyer-profile responsive */

@media screen and (max-width: 600px) {
  .buyer-profile {
    margin-left: 16px;
    margin-right: 16px;
    padding-top: 30px;
  }
  .buyer-profile .banner {
    display: block;
    padding-top: 50px;
  }

  .buyer-profile .banner .left-side .title {
    font-size: 22px;
    line-height: 24px;
    text-align: left;
    font-weight: 600;
  }

  .buyer-profile .banner .left-side {
    text-align: center;
  }

  .buyer-profile .buyer-cta .subscribe-box {
    width: 294px;
  }
  .buyer-profile .banner .buyer-info {
    text-align: left;
  }

  .buyer-profile .banner .buyer-info .d-flex > p {
    padding-right: 20px;
    white-space: nowrap;
  }

  .buyer-profile .banner .right-side .card {
    margin-top: 40px;
  }

  .buyer-profile .banner .right-side .card {
    max-width: initial;
    min-width: inherit;
  }

  .buyer-profile .banner .buyer-info .d-flex.align-items-center {
    align-items: flex-start !important;
  }

  .buyer-profile .banner .buyer-info .d-flex.align-items-center img {
    margin-top: 5px;
  }
  .breadcrumb {
    display: flex;
  }
  .buyer-profile .buyer-cta .content .title {
    font-size: 24px;
    line-height: 30px;
  }
  .buyer-profile .buyer-cta {
    padding: 30px 16px;
    border-radius: 8px;
  }

  .buyer-profile .buyer-cta .subscribe-box button {
    position: relative;
    box-shadow: 4px 4px 30px 0px #ebd5b480;
    background-color: #ffffff;
    width: 100%;
    border-radius: 40px;
    padding-top: 15px;
    padding-bottom: 15px;
    right: 0;
    font-weight: 500;
    display: block;
    margin-bottom: 15px;
  }

  .buyer-profile .council-overview .council-title {
    font-size: 24px;
  }

  .buyer-profile .council-overview .tabs a {
    display: inline-block;
    white-space: nowrap;
  }

  /* .council-overview .d-flex.align-items-center.mt-5.pt-5 {
    display: block !important;
  } */

  .buyer-profile .council-overview .tabs {
    overflow-y: scroll;
    display: flex;
    padding-bottom: 10px;
  }

  .no-result .looking {
    margin-top: 30px;
  }

  .no-result .looking .right-side {
    margin-top: 24px;
  }

  .buyer-profile .buyer-cta img.left {
    display: none;
  }

  .buyer-profile .buyer-cta img.right {
    display: none;
  }

  .decision-makers .card {
    margin-top: 20px;
  }

  .sign-up-cta {
    flex-direction: column;
    padding: 24px;
    padding-bottom: 40px;
    gap: 20px;
  }

  /* Services page responsive css */
  .services-page .management-tabs .tabs ul {
    overflow-x: scroll;
    padding-bottom: 10px;
  }

  .services-page .home-banner .content {
    margin: 0px auto 24px auto;
  }

  .services-page .home-banner {
    padding: 60px 20px 0 20px;
  }
  .services-page .home-banner h1 {
    font-size: 36px;
    text-align: center;
  }
  .services-page .home-banner .card2 {
    margin: 24px 0;
  }
  .services-page .home-banner .card3 {
    margin-top: 0px;
  }

  .services-page .home-banner .card .title {
    font-size: 24px;
  }
  .services-page .discover-tender {
    padding: 40px 20px;
    padding-bottom: 0px;
    margin-top: 20px;
    background: transparent;
  }
  .services-page .discover-tender .title {
    font-size: 24px;
    line-height: 30px;
  }
  .discover-tender .row:first-child img {
    display: none;
  }
  .services-page .discover-tender .card {
    margin-right: 0px;
    margin-bottom: 20px;
    margin-top: 20px;
  }

  .services-page .management-tabs {
    padding: 20px;
  }
  .services-page .management-tabs .tabs-inner {
    padding: 0px;
    margin-top: 40px;
  }
  .services-page .management-tabs .title {
    font-size: 24px;
  }
  .services-page .management-tabs .tabs-inner .title2 {
    font-size: 20px;
  }
  .services-page .UYBP {
    margin-top: 60px;
    padding: 0 20px;
    margin-bottom: 0;
  }
  .services-page .UYBP .title {
    font-size: 30px;
    margin-bottom: 24px;
  }
  .services-page .UYBP .card {
    margin-left: 0;
    margin-bottom: 24px;
  }
  .services-page .collaboration {
    padding: 60px 20px 60px 20px;
  }
  .services-page .collaboration .content .title {
    font-size: 30px;
  }
  .services-page .collaboration .card {
    display: block;
    padding: 20px;
    text-align: center;
    margin-right: 16px;
  }
  .services-page .collaboration .card.three.me-0 {
    margin-right: 16px !important;
  }
  .services-page .collaboration .card p {
    font-size: 16px;
    line-height: 20px;
  }

  /* About page responsive css */
  .about-page .banner {
    padding: 40px 20px;
    text-align: center;
  }
  .about-page .banner .shape {
    display: none;
  }
  .about-page .banner .title {
    font-size: 36px;
    margin-bottom: 16px;
  }
  .about-page .banner .subtitle {
    margin-top: 24px;
    font-size: 18px;
  }
  .about-page .banner .left-side {
    margin-top: 60px;
    display: flex;
    flex-direction: column;
  }
  .about-page .banner .left-side .card-one {
    max-width: 100%;
    order: 2;
    margin: 0 15px;
  }
  .about-page .banner .left-side .card-two {
    max-width: 100%;
    order: 1;
    margin: 0 15px;
    margin-bottom: 40px;
  }
  .about-page .mission {
    padding: 80px 20px;
    overflow-x: hidden;
  }
  .about-page .mission .title {
    font-size: 30px;
    line-height: 36px;
    margin-bottom: 40px;
  }
  .about-page .mission .mission2 {
    margin-top: 40px;
  }
  .about-page .values {
    margin: 0;
    border-radius: 0px;
    padding: 40px 20px 40px 20px;
  }
  .about-page .values .title {
    font-size: 36px;
  }
  .about-page .values .col-lg-12:last-child {
    order: 1;
  }
  .about-page .values .col-lg-12:first-child {
    order: 2;
  }
  .about-page .accordion-wrapper {
    margin-top: 24px;
  }
  .about-page .accordion-item {
    width: auto;
  }
  .about-page .faq .text-center {
    padding: 0 20px;
  }
  .about-page .faq .title {
    font-size: 30px;
  }
  .about-page .faq {
    margin-top: 60px;
    padding: 0 20px;
    overflow-x: hidden;
  }

  .about-page .faq .accordion-item {
    padding: 15px 10px;
  }

  .about-page .faq .accordion-button {
    text-align: left;
    line-height: 24px;
  }

  .about-page .faq .accordion {
    margin-right: 15px;
  }
  /* Contact page responsive css */

  .contact-page {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 64px;
    text-align: center;
  }
  .contact-page h1 {
    font-size: 24px;
  }
  .contact-page .contact-card {
    margin-left: 0;
  }

  .contact-page .contact-card {
    padding: 24px;
  }

  .contact-page .contact-card textarea {
    margin-bottom: 0px;
  }

  .contact-page form .relative {
    text-align: left;
  }

  .contact-page form #enquiry-error {
    margin-bottom: 20px;
    display: block;
    text-align: left;
  }

  .contact-page .reach-us {
    margin-top: 60px;
    margin-bottom: 60px;
  }
  .contact-page .reach-us .title {
    font-size: 30px;
  }
  .contact-page .reach-us .card {
    margin-top: 0px;
    margin-bottom: 0px;
    display: block;
    text-align: left;
    margin-left: 0 !important;
    margin-top: 24px;
  }
  .contact-page .reach-us .card .icon {
    width: 64px;
    margin-bottom: 32px;
  }
  .contact-page .left-side {
    margin-right: 0px;
  }
  .contact-page .row .col-lg-12:first-child {
    order: 2;
  }
  .contact-page .row .col-lg-12:last-child {
    order: 1;
  }

  .contact-page .mobile-tile {
    display: block;
    margin-bottom: 24px;
    font-weight: 700;
  }

  .contact-page .mobile-tile h1 {
    font-size: 36px;
  }
  .contact-page .mobile-tile p {
    font-size: 24px;
  }

  .contact-page .desktop-title {
    text-align: left;
  }
}

/* New all responsive  */

@media screen and (max-width: 600px) {
  .login-area .img-area {
    display: none;
  }
  main.login-page.signup-page.singup-one {
    height: auto;
  }
  .login-page {
    overflow-x: hidden;
  }
  .search-page .buyer a {
    word-break: break-word;
    overflow-wrap: break-word;
    hyphens: auto;
  }
  .client {
    padding-left: 20px;
    padding-right: 20px;
  }
  /* Signup page */
  .login-page .login-area .content {
    min-width: 335px;
    padding: 0;
  }
  .singup-bg {
    display: none;
  }
  .login-page .login-area .content .ms-2 {
    margin-left: 0px !important;
  }

  .login-page .login-area .content .me-2 {
    margin-right: 0px !important;
  }

  .login-page .login-area .content .col-md-12 {
    margin-top: 16px;
  }

  .login-page .login-area .content .col-md-12 .mt-4 {
    margin-top: 0 !important;
  }

  .login-page .login-area .content .select2-container {
    margin-bottom: 16px;
  }

  .login-page-bg .bg-two {
    display: none;
  }
  .login-page .check__box {
    display: block;
  }
  .login-page .check__box a.text-cta {
    padding-left: 30px;
  }
  .search-page .competitors {
    margin-left: 0 !important;
    margin-top: 10px;
  }

  .footer .col-12:nth-child(1) {
    order: 1;
  }
  .footer .col-12:nth-child(2) {
    order: 2;
  }
  .footer .col-12:nth-child(3) {
    order: 4;
  }
  .footer .col-12:nth-child(4) {
    order: 3;
  }
  .footer .col-lg-8 {
    order: 5;
  }
  .footer .subscribe {
    padding-top: 40px;
    padding-bottom: 20px;
    padding-left: 0;
    padding-right: 0;
  }
  .footer .subscribe .title {
    text-align: left;
  }
  /* New css start */
  .login-area.login-page-bg .content .row.my-4 .col-lg-11:first-child hr {
    display: block;
    border-color: #dee3e9;
  }
  .login-area.login-page-bg
    .content
    .mt-4.d-flex.justify-content-between:first-child {
    display: block !important;
  }
  .login-area.login-page-bg
    .content
    .mt-4.d-flex.justify-content-between
    .ms-3 {
    margin-left: 0 !important;
  }
  .login-area.login-page-bg .content .btn-outline {
    text-align: left;
    justify-content: start;
  }

  .login-page.signup-page.signup-page-two,
  .login-page.signup-page.singup-one,
  .login-page {
    height: auto;
  }
  .about-page .banner button.btn-outline.ms-4 {
    margin-left: 0 !important;
    margin-top: 10px;
  }
  /* New css 18-12-2024 */

  .sidebar ul li:nth-child(8) {
    border-top: solid 1px #e8e8e8;
    padding-top: 24px;
  }

  .sidebar ul li:nth-child(8) a,
  .sidebar ul li:nth-child(9) a {
    background-color: #ebeff4;
    padding: 12px 24px;
    border-radius: 24px;
    height: 48px;
    font-size: 16px;
    color: #151b28;
    font-weight: 500;
    box-sizing: border-box;
    margin-left: 24px;
    width: 200px;
    text-align: center;
    line-height: 24px;
  }

  .sidebar ul li:nth-child(9) a {
    background-color: #beddff;
    margin-top: 16px;
  }
  .offer .card {
    border: solid 1px #ebeff4;
    padding: 24px;
  }
  .offer .card .tag {
    border-radius: 4px;
    padding: 4px 8px;
  }
  .offer .card .title {
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    color: #113733;
    margin-top: 24px;
  }
  .we-offer .swiper-button-prev,
  .we-offer .swiper-button-next {
    display: none;
  }

  .feedback .card4 .desc {
    line-height: 28px;
    display: block;
  }
  .home-banner .text-18 {
    font-size: 16px;
  }
  .find-tender .counter {
    margin-top: 32px;
  }
  .we-offer .swiper-button-prev {
    display: none;
  }
  .training__course__book {
    width: 180px !important;
    text-align: right;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
  }
  /* mobile version price page css */
  .mobile-only {
    display: block !important;
  }
  .mobile-plan-update {
    display: flex;
    list-style: none;
    gap: 4px;
    align-items: center;
    border-bottom: solid 1px #dee3e9;
    padding: 10px 0 0 0;
  }
  .mobile-plan-update a {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #a4a8b1;
    font-size: 14px;
    font-weight: 500;
    padding-bottom: 12px;
  }

  .mobile-plan-update .active img.check {
    display: inline-block;
  }

  .mobile-plan-update .active span.circle {
    display: none;
  }

  .mobile-plan-update .active {
    border-bottom: solid 1px #151b28;
    padding-bottom: 12px;
  }
  .mobile-hide {
    display: none !important;
  }

  .mobile-plan-update li a img {
    display: none;
  }
  .mobile-plan-update li a.active img {
    display: inline-block;
  }

  .my-subscription-modal {
    gap: 4px !important;
    grid-template-columns: 1fr !important;
  }
  .profile-payment-billings-card-area {
    grid-template-columns: 1fr !important;
    gap: 6px;
  }
  #editBilling .subscribed-input-area .col-12 {
    width: 100% !important;
    /* padding-right: 0; */
  }
  .subscribed-input-area input {
    /* width: 105% !important; */
  }

  #editBilling .subscribed-input-area .col-12.mt-24 {
    margin-top: 10px !important;
  }

  .tender-details-content-body .tender-details-section {
    padding: 20px !important;
  }
  main.login-page.signup-page.signup-page-two .mt-60 {
    margin-top: 10px !important;
  }
  button.btn.btn-green.proceed-to-summary.mobile-only {
    padding: 10px 45px;
    height: 44px;
    margin-top: 20px;
    width: 100%;
  }
  .jc-bs3-container {
    margin-left: 10px;
    margin-right: 10px;
  }
  .integration__main__blk,
  .integration__specification__content {
    grid-template-columns: 1fr !important;
    gap: 30px !important;
  }
  .interface__content__single,
  .interface__title {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .integration__wrap {
    padding-left: 10px;
    padding-right: 10px;
  }
  .integration__introduction ul li,
  .integration__introduction p {
    font-size: 14px !important;
  }
  .integration__update p {
    padding-right: 0 !important;
  }
  .integration__security {
    max-width: 350px;
    overflow-x: auto;
  }
  .buy-payment-summary .remember__blk .check__box {
    display: block !important;
  }
  .buy-payment-summary .remember__blk .check__box .text-cta {
    padding-left: 20px;
  }
  .subscriptions-plan-area {
    gap: 0px !important;
    grid-template-columns: 1fr !important;
  }
  .content-body {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .signup-page-three
    .content-body.tender-details-content-body.pt-5
    .d-flex.align-items-center.gap-2.mt-24 {
    margin-top: 0 !important;
    margin-bottom: 10px;
  }

  .feedback .swiper-wrapper {
    align-items: start;
  }
  .use__area {
    padding-bottom: 0 !important;
  }
  .cases__banner__img img {
    height: 200px !important;
  }
  .h2__title {
    font-size: 20px;
  }
  .about-page .faq .accordion-button img {
    width: 16px;
  }
  .mobile-plan-update li.first-item {
    padding-left: 20px;
  }
  .content-body.tender-details-content-body.pt-5
    .mobile-plan-update
    li.first-item {
    padding-left: 0px;
  }

  .mt-35.d-flex.gap-4.justify-content-end.subscribed-input-area.mobile-only.mb-5
    button.btn.btn-green.subscription-first-submit {
    width: 100%;
  }
  .profile-my-subscription-plan-card-header .plan-description,
  .profile-my-subscription-plan-card-header .plan-price-area .plan-time {
    font-size: 14px !important;
  }
  .profile-my-subscription-plan-card-header {
    min-height: auto !important;
  }
  .m-80.price-packege {
    margin: 20px;
  }
  .tender-details-body-timeline-content {
    grid-template-columns: 30px auto !important;
  }
  .tender-details-front
    .tender-details-body-right-item
    .tender-details-workflow-item:last-child {
    margin-bottom: 160px !important;
  }
  .tender-details-body-timeline-item {
    grid-template-columns: 160px auto !important;
  }
  .tender-details-body-timeline-right-item {
    flex-direction: column;
    font-size: 14px;
    align-items: start !important;
  }
  .tender-details-workflow-item {
    grid-template-columns: 110px auto !important;
  }
  .tender-details-body-right-content
    .tender-details-body-right-item:nth-child(2)
    .tender-details-workflow-item.progress-area {
    margin-bottom: 0 !important;
  }
  .tender-details-competitor-item {
    flex-direction: column;
    gap: 20px;
  }
  .tender-details-front .content-body {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .tender-details-body-timeline-view-details-btn {
    margin-left: 0 !important;
  }

  .search-page .search .btn-one:hover {
    color: #018375;
  }

  .use__area .container .left-arrows {
    left: 6% !important;
    top: -60px !important;
  }
  .use__area .container .right-arrows {
    top: -60px !important;
    right: 6% !important;
  }
  .features .right-box {
    margin-left: 0px;
  }
}

@media screen and (max-width: 600px) {
  .plan-area .profile-my-subscription-plan-cards-area {
    grid-template-columns: 1fr !important;
  }
  .total-box .d-flex {
    display: block !important;
  }
  .total-box .amount {
    display: block !important;
  }
  .card-details #addCard .col-12,
  .card-details #addCard .col-24 {
    width: 100%;
    padding-right: 0;
  }
  .plan-area .content,
  .cards-area .content {
    padding-left: 20px;
    padding-right: 20px;
  }

  .plan-area > .row,
  .cards-area > .row {
    padding-left: 20px;
    padding-right: 20px;
  }

  .plan-area .col-lg-12 .px-5.mx-5.d-flex.gap-4 {
    margin-top: 20px !important;
    justify-content: center;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .plan-area .col-lg-12 .px-5.mx-5.d-flex.gap-4 button,
  .cards-area .col-lg-12 .d-flex.gap-4.justify-content-end button {
    width: 100%;
  }

  .total-box {
    background-color: #fff;
    border: solid 1px #dee3e9;
    padding: 16px;
    margin: 20px;
  }
  .cards-area {
    padding-top: 0;
  }
  .card-details {
    padding: 16px 5px;
  }
  .card-details .modal-footer .btn-outline {
    margin-bottom: 0;
  }
  .card-details .register_pay {
    width: 100%;
    margin-top: 20px;
  }
  .cards-area .col-lg-12 .d-flex.gap-4.justify-content-end {
    margin-top: 20px;
    justify-content: center !important;
    display: none;
  }
  #register_step_two
    .login-area
    span.select2.select2-container.select2-container--default {
    height: 48px;
  }

  #register_step_two .login-area .btn-one {
    width: calc(100% - 20px);
  }

  .login-area .col-lg-8 .text-end {
    text-align: center !important;
  }

  .plan-area .content.singup .col-9 {
    width: 100%;
  }
  .plan-area .subscription-plan-btn span {
    width: 100%;
  }

  .plan-area .switch-wrapper {
    width: 100%;
  }

  .plan-area .switch-wrapper label {
    width: 50%;
    line-height: 40px;
    height: 40px;
  }

  .total-box .amount {
    background: #151b28;
    color: #fff;
  }

  .steps .content .title.for-mobile {
    display: block;
    font-size: 12px;
    font-weight: 500;
  }

  .steps .content .title.for-desktop {
    display: none;
  }
  .steps .col-lg-8 {
    width: 33.33333333% !important;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
  }
  .steps .content .active {
    border-bottom: 0;
  }
  .steps .content .active .check-icon {
    width: 24px;
    height: 24px;
  }
  .steps .content .title {
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .steps {
    padding: 16px;
    padding-bottom: 24px;
  }
  .steps .content .number {
    border: solid 1px #393f4c;
    border-radius: 40px;
    width: 32px;
    height: 32px;
    line-height: 32px;
    min-width: 32px;
  }

  .steps .content hr,
  .steps .content hr.active {
    display: none !important;
  }

  .cards-area
    .add-team-member-dropdown-select
    ul.multiselect-container.dropdown-menu {
    min-width: 380px;
  }

  .steps .content p.number {
    margin-left: 0;
    margin-right: 0;
    font-size: 14px;
    max-width: 28px;
    width: 28px;
    height: 28px;
    max-height: 28px;
    line-height: 27px;
    font-weight: 500;
    min-width: 28px;
  }

  .login-area .remember__blk .check__box {
    flex-direction: column;
  }

  .login-area .btn-back {
    margin-left: 20px;
    width: calc(100% - 20px);
  }

  .login-area .btn-one {
    margin-top: 0;
    /* width: 85%; */
  }

  .login-area .social {
    flex-direction: column;
  }
  .login-area .social .ms-3 {
    margin-left: 0 !important;
  }
  .login-page {
    height: calc(100vh - 155px);
  }

  .login-area .row.justify-content-between.mt-5 .col-lg-10.col-12 {
    text-align: right;
  }

  .login-area .row.justify-content-between.mt-5 .col-lg-10.col-12 .btn-one {
    margin-right: 20px;
  }

  #register_step_two .login-area {
    overflow-x: hidden;
  }

  .card-details .left-side,
  .card-details .right-side {
    padding: 22px;
  }

  .singup .captcha-img {
    width: 50%;
  }

  #register_step_two .content.singup .row.mt-60 .col-md-12:nth-child(2) {
    margin-top: 16px;
  }

  #register_step_three label {
    font-size: 14px;
  }

  .plan-area
    .add-team-member-dropdown-select
    button.multiselect.dropdown-toggle.btn.btn-default {
    font-size: 16px;
    margin-bottom: 16px;
  }

  .cards-area .remember__blk .check__box .container-ck span:last-child {
    line-height: 16px;
  }

  #register_step_one .content h1.text-32 {
    font-size: 32px;
  }

  #register_step_one .content p.m-0 {
    font-size: 14px;
  }

  .login-area.login-page-bg .content .btn-outline {
    background-color: #fff;
    border: solid 1px #f1f3f6;
    border-radius: 8px;
    font-weight: 400;
    justify-content: center;
  }

  #register_step_one .login-area .content input {
    background-color: #fff;
    border: solid 1px #f1f3f6;
  }

  #register_step_one .content .btn-one img {
    width: 20px;
    height: 20px;
  }

  #register_step_two .login-area {
    padding-top: 0;
  }

  .free-trial p.text-14 {
    font-size: 16px;
  }

  .free-trial p.text-sm {
    font-size: 12px;
  }

  .login-area .free-trial,
  .cards-area .free-trial,
  .plan-area .free-trial {
    height: 100px;
    margin-bottom: 0;
  }

  .register_step_two .singup .text-24 {
    font-size: 20px;
  }

  #register_step_two .row.mt-60 {
    margin-top: 40px !important;
  }
  #register_step_two .login-area .content input {
    background-color: #fff;
    border: solid 1px #e4e4e4;
    border-radius: 4px;
  }

  .steps p.colour {
    display: none;
  }

  .steps .row.pt-5.mt-1 {
    padding-top: 0 !important;
    margin-top: 0 !important;
  }

  .plan-area {
    padding-top: 0;
  }

  .plan-area .recommendation {
    padding: 0;
    margin-top: 16px;
    display: block;
  }

  .plan-area .recommendation button {
    background-color: #f1f3f6;
    border: solid 1px #dee3e9;
    border-radius: 8px;
    width: 92%;
    color: #393f4c;
    font-size: 16px;
    font-weight: 600;
    padding: 11px 24px;
    margin: 0 14px;
  }

  .plan-area p.text-black.fw-lg.text-24.my-0 {
    display: none;
  }

  .profile-my-subscription-plan-card-header .header-plan-icon {
    display: none;
  }

  .plan-area .profile-my-subscription-plan-card {
    padding: 32px 20px 20px;
    height: 350px;
  }

  .profile-my-subscription-plan-card .show-details {
    background-color: transparent;
    border: 0;
    margin-left: auto;
    margin-right: auto;
    font-size: 16px;
    color: #e65151;
    border-bottom: solid 1px #e65151;
    margin-bottom: 40px;
    display: inline-block;
  }

  .card-details input {
    padding-left: 12px;
  }

  .we-offer .mobile-only p.title {
    font-size: 24px;
    font-weight: 600;
  }

  .we-offer .mobile-only ul li {
    list-style: none;
    display: flex;
    gap: 8px;
    margin-bottom: 14px;
    font-size: 14px;
    align-items: start;
  }

  .we-offer .mobile-only ul li img {
    margin-top: 4px;
  }

  .we-offer .swiper.offer {
    display: none;
  }

  .job-details-area {
    flex-direction: column !important;
    gap: 24px;
  }
  .how-we-help {
    margin: 50px 20px;
  }
  .how-we-help .accordion h2 button {
    grid-template-columns: 40px 1fr 1fr;
    font-size: 18px;
    font-weight: 600;
  }
  .how-we-help .accordion .accordion-body {
    max-width: none;
    margin-left: 40px;
  }
  .how-we-help h2 {
    font-size: 30px;
    font-weight: 600;
    line-height: 38px;
  }
  .how-we-help .d-flex {
    flex-direction: column;
    gap: 12px;
  }
  .how-we-help .d-flex h2 {
    padding-left: 0 !important;
    margin-left: 0 !important;
  }
  .how-we-help .accordion {
    margin-top: 28px;
  }
  .how-we-help .mt-100 {
    margin-top: 30px;
    text-align: left;
  }

  .cases__info .h2__title {
    font-size: 24px !important;
    line-height: 32px !important;
  }

  .cases__info {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }

  .use__single__blk {
    padding: 18px !important;
    margin-bottom: 15px !important;
  }

  .use__single__blk ul li {
    font-size: 14px !important;
  }

  .cases__hero__area .custom-mobile-dropdown button.dropbtn {
    background-color: #fff;
  }

  .contact-page .left-side .location {
    margin-top: 52px;
    margin-bottom: 40px;
  }

  .terms-modal .modal-body .container {
    padding: 0;
  }

  .integration__area {
    padding-top: 0;
  }

  .buyer-info .website {
    word-break: break-all;
    overflow-wrap: break-word;
  }

  #makePaymentForm .content.singup.p-80 .row.grid.gap-4 .col-md-12,
  #makePaymentForm .content.singup.p-80 .row.grid.gap-4 .col-md-24 {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
  .find-tender .search-page {
    padding: 0 20px;
  }
  .find-tender .counter .card {
    padding: 2px;
    height: 75%;
  }
  .success-cards .card2 {
    min-height: 400px;
  }
  .terms-modal .integration__area {
    padding-top: 0;
  }
  .modal.terms-modal .modal-body {
    padding: 16px;
  }
  .footer .contact-area .card {
    margin-right: 0;
    margin-bottom: 16px;
  }
  .subscribe .subs-btn {
    background-color: #0c2724;
    color: #fff !important;
  }
  .footer .subscribe .title {
    margin-top: 0;
  }
  .footer .contact-area .col-lg-8:last-child .card {
    margin-bottom: 0;
  }
  .track {
    margin: 20px;
    margin-top: 100px;
  }
  .track .text-30.fw-lg {
    font-weight: 500;
  }
  .track .card.ms-3 {
    margin-left: 0 !important;
    margin-top: 24px;
  }
  .track .card {
    padding: 24px;
  }
  .track .card a {
    margin-bottom: 18px;
    display: inline-block;
  }
  .track .card img.shape {
    display: none;
  }
  .we-offer .items {
    grid-template-columns: repeat(1, 1fr);
    gap: 24px;
  }
  .we-offer {
    margin: 60px 20px 100px 20px;
  }
  .home-page .find-tender {
    margin-left: 20px;
    margin-right: 20px;
  }
  .find-tender-bottom {
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 80px;
    padding: 20px;
  }
  .find-tender .counter .card {
    margin-right: 0;
  }
  .footer li a {
    font-size: 14px;
  }
  .footer .subscribe ul li {
    padding: 0;
  }
  .we-offer-mobile {
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 100px;
    margin-top: 80px;
  }

  .we-offer-mobile h3 {
    border-radius: 8px;
    padding: 16px 24px;
    color: #0c2724;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 16px;
    display: flex;
    justify-content: space-between;
  }

  .we-offer-mobile h3.ui-accordion-header:nth-child(1) {
    background-color: #f0f7ff;
  }
  .we-offer-mobile h3.ui-accordion-header:nth-child(3) {
    background-color: #ffe1c4;
  }
  .we-offer-mobile h3.ui-accordion-header:nth-child(5) {
    background-color: #bfddc7;
  }
  .we-offer-mobile h3.ui-accordion-header:nth-child(7) {
    background-color: #cdbeff;
  }

  .we-offer-mobile h3 .ui-accordion-header-icon {
    display: none;
  }
  .we-offer-mobile h3 .fa-minus {
    display: none;
  }
  .we-offer-mobile h3.ui-state-active .fa-plus {
    display: none;
  }
  .we-offer-mobile h3.ui-state-active .fa-minus {
    display: inline-block;
  }

  .we-offer-mobile .ui-accordion-content {
    height: auto !important;
    margin-bottom: 16px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border-radius: 8px;
  }
  .we-offer-mobile .ui-accordion-content:nth-child(2) {
    background-color: #f0f7ff;
  }
  .we-offer-mobile .ui-accordion-content:nth-child(4) {
    background-color: #ffe1c4;
  }
  .we-offer-mobile .ui-accordion-content:nth-child(6) {
    background-color: #bfddc7;
  }
  .we-offer-mobile .ui-accordion-content:nth-child(8) {
    background-color: #cdbeff;
  }
  .we-offer-mobile .ui-accordion-content p {
    color: #5d5f5f;
    line-height: 24px;
    padding: 24px;
  }

  .find-tender-bottom .search-box button {
    width: 100%;
    margin-top: 52px;
  }

  .find-tender-bottom ul {
    margin-bottom: 24px;
    margin-top: 72px;
  }
  .success .content {
    text-align: left;
  }
  .personalised-search {
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .personalised-search .search-box input {
    width: calc(100% - 50px);
  }

  .services-page .service-banner {
    padding: 40px 20px 40px 20px;
  }
  .services-page .text-60 {
    font-size: 32px;
  }
  .services-page .count-area {
    margin-left: 20px;
    margin-right: 20px;
  }
  .services-page .count-area .count-box {
    padding: 20px 20px 20px 20px;
    margin-top: 40px;
  }
  .services-page .count-area .count-box .content {
    max-width: 800px;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 0;
  }
  .services-page .count-area img {
    display: none;
  }
  .services-page .key-feature {
    margin: 80px 20px;
    padding: 0;
  }
  .services-page .key-feature .card {
    padding: 20px 0;
    margin-left: 0;
    min-height: 300px;
  }
  .services-page .services-cta {
    padding: 20px 20px;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 40px;
  }
  .services-page .service-banner .card.two {
    margin: 24px 0;
  }
  .services-page .lh-56 {
    line-height: 34px;
  }
  .services-page .count-area .count-box .content .card {
    margin-bottom: 40px;
    margin-left: 24px;
  }
  .services-page .key-feature .col-lg-6:nth-child(2) .card {
    margin-top: 22px;
    margin-bottom: 22px;
  }
  .services-page .services-cta .card {
    background: transparent;
    padding: 0;
    margin-bottom: 40px;
  }
  .services-page .services-cta .card-two {
    padding: 20px;
  }

  .btn-outline-mobile {
    border: solid 1px #ebeff4;
    height: 56px;
    border-radius: 68px;
    color: #0c2724;
    font-size: 16px;
    width: 100%;
    text-align: center;
    line-height: 52px;
  }
  .find-tender .search input {
    border-radius: 50px;
    height: 48px;
  }
  .feedbackSwiper .review-card {
    min-height: 320px;
    padding: 20px;
  }
  .footer .row > .col-lg-4 {
    width: 50%;
  }
  .footer .subscribe ul {
    gap: 12px;
  }
  .footer .subscribe ul li a {
    padding: 9px 16px;
  }
  .more-result {
    box-shadow: 0px 10px 20px 0px #0000000f;
    border: solid 1px #ebeff4;
    border-radius: 40px;
    height: 48px;
    color: #5d5f5f;
    font-size: 16px;
    padding: 12px 56px;
    margin-left: auto;
    margin-right: auto;
  }

  .service-faq {
    background-color: #f7f8fa;
    background-image: none;
    padding: 60px 20px 60px 20px;
  }
  .services-page .service-banner .card.three {
    margin-left: 0;
  }

  .services-page .service-banner .card.one {
    margin-right: 0;
  }
  .services-page .service-banner .card .btn-outline {
    box-shadow: 0px 4px 20px 0px #b9bfdc2e;
    font-size: 16px;
    border: solid 1px #ebeff4;
  }
  .services-page .count-area .count-box .content .one hr {
    border-left: solid 2px #0088ff;
  }
  .services-page .count-area .count-box .content .two hr {
    border-left: solid 2px #ff7c07;
  }
  .services-page .count-area .count-box .content .three hr {
    border-left: solid 2px #b987ff;
  }
  .services-page .count-area .count-box .content .four hr {
    border-left: solid 2px #2eb24f;
  }
  .services-page .key-feature .col-lg-6:nth-child(4) .card {
    margin-top: 22px;
  }
  .key-feature {
    padding-bottom: 0;
  }
  .service-faq .text-center.mb-80 {
    text-align: left;
    margin-bottom: 40px;
  }
  .service-faq .text-center.mb-80 .lh-56 {
    line-height: 32px;
  }
  .service-faq .ui-tabs {
    margin-left: 0px;
  }
  .service-faq li.ui-tabs-tab a {
    padding: 8px 16px;
    font-size: 15px;
    white-space: nowrap;
    line-height: 26px;
  }
  .service-faq .ui-accordion h3 {
    font-size: 16px;
    display: grid;
    margin-top: 8px;
  }
  .service-faq .ui-accordion h3 .title {
    margin-left: 16px;
  }
  .services-page .count-area .lh-56 br {
    display: none;
  }
  .tender-services-page .opportunities .opportunities-title .text-60 {
    font-size: 32px;
    line-height: 40px;
  }
  .tender-services-page .opportunity-links {
    margin-left: 20px;
  }
  .tender-services-page .opportunity-links a {
    white-space: nowrap;
    padding: 8px 20px;
  }
  .tender-services-page .opportunity-links-inner {
    overflow-x: auto;
    justify-content: start !important;
  }
  .tender-services-page .opportunities {
    padding-bottom: 24px;
  }
  .tender-services-page .key-feature {
    padding-left: 20px;
    padding-right: 20px;
  }
  .tender-service-title h4 {
    font-size: 26px;
    line-height: 32px;
  }
  .tender-services-page .key-feature .row > .col-lg-4 {
    width: 100%;
  }
  .tender-services-page .key-feature-card {
    border-radius: 24px;
    margin-bottom: 24px;
  }
  .tender-services-page .tender-service-title {
    padding-bottom: 40px;
    margin-bottom: 0;
  }
  .tender-services-page .key-feature .feature-btn {
    width: 100%;
    text-align: center;
    box-shadow: 0px 4px 20px 0px #b9bfdc2e;
  }
  .tender-services-page .experience-inner {
    display: block;
  }
  .tender-services-page .experience {
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 100px;
  }

  .tender-services-page .additional-feature .tender-service-title {
    padding-left: 20px;
    padding-right: 20px;
  }
  .tender-services-page .additional-feature-wrapper {
    padding: 20px;
  }
  .tender-services-page .additional-feature {
    padding-bottom: 20px;
  }
  .benefits-features {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .benefits-features-inner {
    border-radius: 0;
    padding: 20px;
    margin-left: 20px;
    margin-right: 20px;
  }
  .benefits-feature-thumb {
    width: 100%;
    height: auto;
    flex: inherit;
  }
  .benefits-feature-thumb img {
    height: auto;
  }
  .benefits-feature-wrapper {
    gap: 32px;
    flex-direction: column;
  }
  .benefits-feature-accordion .accordion {
    margin-top: 0;
  }
  .tender-services-page .experience .mobile-only {
    background-color: #ebf0e9;
    color: #5c7751;
    line-height: 24px;
    border-radius: 16px;
    min-height: 142px;
    position: relative;
    font-size: 20px;
    text-align: center;
    padding: 40px 0;
    box-sizing: border-box;
  }
  .tender-services-page .experience .mobile-only img.one {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
  }
  .tender-services-page .experience .mobile-only img.two {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
  }
  .key-feature-thumb {
    height: auto;
  }
  .course-top-block {
    gap: 24px;
    flex-direction: column;
    padding-bottom: 24px;
  }
  .course-training-wrapper {
    gap: 24px;
    flex-direction: column;
  }
  .tender-training-page .course {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 0;
  }
  .tender-training-page .course-overview-wrapper.d-flex {
    flex-direction: column;
    gap: 24px;
  }
  .course-overview-listing {
    width: 100%;
  }
  .course-top-left .tender-service-title h4 {
    font-size: 26px;
    line-height: 32px;
  }
  .course-top-left .tender-service-title p {
    font-size: 16px;
  }
  .bid-support-inner {
    gap: 40px;
    flex-direction: column;
  }
  .bid-support {
    padding-block: 80px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 40px;
  }
  .course-top-left {
    width: 100%;
  }
  .course-training-card-texts h5 {
    font-size: 16px;
  }
  .course-training-card-texts h4 {
    font-size: 18px;
    line-height: 24px;
  }
  .course-booking-form form.d-flex.align-items-center {
    flex-direction: column;
  }
  .course-booking-form form input {
    width: 100%;
    box-sizing: border-box;
  }
  .course-overview-block {
    margin-bottom: 40px;
  }
  .tender-training-page .course-module-wrapper .tender-service-title {
    padding-bottom: 24px;
  }
  .bid-support-inner .training__support__content .h2__title {
    font-size: 24px;
    line-height: 32px;
  }
  .tender-training-page .course-booking-form button {
    width: 100%;
  }
  .section-breadcrumb nav ul {
    gap: 2px;
  }
  .tender-search-inner .opportunities-title .text-60 {
    font-size: 32px;
  }
  .tender-search .container-fluid {
    padding: 0;
  }
  .tender-search-inner img {
    border-radius: 0;
  }
  .tender-search-image {
    padding-left: 0;
  }
  .tender-search-inner {
    height: auto;
    padding-left: 20px;
    padding-right: 20px;
  }
  .tender-search {
    padding-bottom: 80px;
  }
  .service-details .tender-business,
  .bid-service-details .tender-business {
    padding-left: 20px;
    padding-right: 20px;
  }
  .service-details .tender-service-title h4 {
    font-size: 24px;
    line-height: 32px;
  }
  .business-content h4 {
    font-size: 20px;
  }
  .tender-business {
    padding-bottom: 80px;
  }
  .explore-inner {
    padding: 20px;
    border: 0;
  }
  .explore-service-card {
    flex-direction: column;
    gap: 16px;
    align-items: start;
  }
  .explore-service {
    padding-bottom: 80px;
  }
  .booking-service-shape img {
    display: none !important;
  }
  .booking-service {
    padding: 40px 20px;
  }
  .booking-service .tender-service-title {
    padding-bottom: 0px;
  }
  .tender-search-inner .opportunities-title {
    padding-top: 40px;
  }
  .service-details .tender-search .tender-search-image {
    margin-top: 40px;
  }
  .pricing-wrapper .row .col-lg-3 {
    width: 100%;
  }
  .service-addons-wrapper .col-lg-6 {
    width: 100%;
  }
  .compare-plans-inner .plans-options,
  .compare-top-block {
    gap: 30px;
    flex-direction: column;
  }
  .pricing-area .text-60 {
    font-size: 32px;
  }
  .pricing-content {
    margin-bottom: 40px;
  }
  .pricing-page .trust-plans {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .pricing-page .tender-service-title h4 {
    font-size: 24px;
    line-height: 32px;
  }
  .pricing-page .tender-service-title p {
    font-size: 16px;
  }
  .trust-plans-wrapper .additional-card {
    padding: 32px 24px;
    border: solid 1px #ebeff4;
    text-align: center;
  }
  .pricing-page .plans-card-icon {
    margin-left: auto;
    margin-right: auto;
  }
  .service-addons-wrapper .key-feature-content h4 {
    font-size: 20px;
  }
  .service-addons-card {
    padding: 32px 24px;
  }
  .addons-inner-card a {
    background-color: transparent;
    padding: 0;
    box-shadow: none;
  }
  .service-addons {
    padding-block: 80px;
  }
  .compare-plans select {
    background-color: #f7f8fa;
    border-radius: 4px;
    padding: 12px 16px;
    width: 100%;
    color: #0c2724;
    font-size: 16px;
    font-weight: 500;
    border: 0;
  }
  .mobile-only .packages-table {
    padding: 0;
    display: block;
  }
  .mobile-only .packages-table td img {
    width: 24px;
  }
  .mobile-only .packages-table tr:first-child td {
    border-top: 1px solid #ebeff4;
  }
  .cases-hero-inner .opportunities-title .text-60 {
    font-size: 32px;
    line-height: 40px;
  }
  .cases__hero__area {
    padding-left: 10px;
    padding-right: 10px;
  }
  .cases-hero-image {
    height: auto;
    padding-bottom: 60px;
  }
  .cases-hero-image img {
    object-fit: contain;
  }
  .use__area {
    padding-top: 40px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .use__inner .use__title .h2__title {
    font-size: 24px;
    line-height: 32px;
  }
  .use-single-tab {
    padding: 24px;
  }
  .use-tab-listing li {
    margin-bottom: 16px;
  }
  .use-tab-listing {
    margin-left: 15px;
    margin-bottom: 40px;
  }
  main.main .bid-support.bid-wealth-support {
    margin-top: 80px;
    text-align: center;
  }
  .pricing-page .booking-service {
    margin-top: 80px;
  }
  .pricing-page .addional-features .card p.text-24 {
    color: #151b28;
    font-size: 20px;
    font-weight: 500;
  }
  .pricing-page .addional-features .card {
    padding: 32px 10px;
    gap: 24px;
  }
  .pricing-page .addional-features .card svg {
    margin-bottom: 16px;
  }

  .about-shape {
    display: none;
  }
  .about-us .about-us-inner .text-60 {
    font-size: 32px;
  }
  .about-overview-wrapper {
    gap: 0px;
    margin-bottom: 5px;
    flex-direction: column;
    margin-top: 0;
  }
  .about-us .container {
    padding-top: 40px;
  }
  .about-top-content {
    margin-bottom: 40px;
  }
  .about-us .opportunities-title {
    margin-top: 0px;
  }
  .about-us,
  .about-overview,
  .about-culture {
    padding-left: 20px;
    padding-right: 20px;
  }
  .about-top-content h3 {
    font-size: 26px;
    line-height: 32px;
  }
  .about-overview-content {
    order: 2;
  }
  .about-overview-thumb {
    max-width: 448px;
    height: auto;
    width: 100%;
    order: 1;
    margin-bottom: 24px;
  }
  .about-overview-sec-wrapper .about-overview-thumb {
    margin-top: 80px;
  }

  .about-us {
    padding-bottom: 40px;
  }
  .about-top-content span {
    font-size: 14px;
    font-weight: 500;
  }
  .about-bottom-content h5 {
    margin-bottom: 16px;
    color: #2eb24f;
    font-size: 16px;
    line-height: 24px;
  }
  .about-overview {
    padding-bottom: 80px;
  }
  .about-culture-top {
    flex-direction: column;
  }
  .about-culture-navigation {
    display: none !important;
  }
  .about-culture {
    padding-bottom: 80px;
  }
  .contact-area .contact-inner-block .col-12 {
    width: 100%;
  }
  .contact-area .contact-inner-block .text-60 {
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 16px;
    font-weight: 600;
  }
  .contact-area {
    padding-top: 30px;
    overflow-x: hidden;
  }
  .contact-right-block {
    margin: 20px;
  }
  .contact-left-block,
  .contact-service {
    padding-left: 20px;
    padding-right: 20px;
  }
  .contact-left-block .opportunities-title span {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 16px;
  }
  .contact-support-inner .tender-service-title h4 {
    font-size: 24px;
    line-height: 32px;
  }
  .contact-support-inner .tender-service-title {
    padding-bottom: 60px;
    text-align: left;
  }
  .contact-support {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .contact-service {
    padding-top: 60px;
  }
  .contact-service-inner .about-top-content h3 {
    line-height: 32px;
    font-size: 24px;
  }
  .contact-service-inner .about-top-content {
    padding-bottom: 40px;
  }
  .contact-service-card a {
    padding: 40px 24px;
    min-height: auto;
  }
  .contact-service-card .about-bottom-content h5 {
    margin-bottom: 20px;
  }
  .discover .discover-card {
    padding: 24px 18px;
    margin: 10px 0;
  }
  .signup-page .login-area .content {
    padding: 50px;
  }
  .training-service .training-service-wrapper .col-lg-4.col-md-6 {
    width: 100%;
    padding: 0;
  }
  .training-service .training-service-inner .text-60 {
    font-size: 32px;
    line-height: 40px;
  }
  .training-service-inner .opportunities-title .text-black500 {
    margin-bottom: 8px;
  }
  .training-service .training-service-inner .text-18 {
    font-size: 16px;
    line-height: 24px;
  }
  .training-service-inner .opportunities-title {
    margin-bottom: 40px;
  }
  .training-service {
    padding-left: 20px;
    padding-right: 20px;
  }

  .training-service .training-service-card {
    border: solid 1px #ebeff4;
    border-radius: 24px;
    padding: 8px;
  }

  .training-service .training-service-card .key-feature-content {
    padding-left: 18px;
    padding-right: 18px;
    padding-bottom: 18px;
  }
  .training-service .training-service-card .feature-btn {
    box-shadow: 0px 4px 20px 0px #b9bfdc2e;
    border: solid 1px #ebeff4;
    background-color: #fff;
    padding: 12px 26px;
    display: inline-flex;
  }
  .explore-service-card .explore-service-content {
    padding: 0;
    background-color: #fff;
    border-radius: 0;
  }

  .explore-service-wrapper .row .col-12 {
    order: 1;
  }
  .explore-service-wrapper .row .col-lg-8.col-md-6:nth-child(2) {
    order: 2;
  }
  .explore-service-wrapper .row .col-lg-8.col-md-6:nth-child(3) {
    order: 3;
  }
  .explore-service-card.d-flex.align-items-center {
    align-items: start !important;
  }
  .booking-inner .tender-service-title h4 {
    font-size: 26px;
    line-height: 32px;
    margin-bottom: 24px;
  }
  .tender-service-title p {
    font-size: 16px;
    line-height: 24px;
  }
  .section-breadcrumb nav ul li a {
    font-size: 12px;
  }
  .pricing-page {
    overflow-x: hidden;
  }
  .accordion__title {
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
  }
  .additional-card h3 span {
    height: 40px;
    width: 40px;
  }
  .experience-right-block {
    flex-direction: column;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
  .footer .col-lg-8 {
    width: 100%;
  }

  .success-cards .card2 .icon {
    width: 100px;
    margin: 0;
  }

  .success-cards .card2 {
    min-height: 310px;
  }

  .success-cards .card2 .title {
    line-height: 34px;
    margin-bottom: 16px;
  }

  .success-cards .card2 .desc {
    line-height: 24px;
  }

  .footer #tabs-5 p,
  .footer #tabs-6 p,
  .footer #tabs-7 p {
    max-width: 100%;
  }

  .find-tender-bottom .search-box input {
    padding-right: 4px;
  }

  .find-tender-bottom .search-box {
    max-width: 100%;
  }

  .find-tender-bottom .search-box button {
    right: 0;
    height: 48px;
    border: 0;
  }

  .benefits-features-inner {
    padding-bottom: 0;
  }

  .experience-right-block {
    padding: 0;
  }

  .pricing-area {
    padding-inline: 20px;
    padding-top: 35px;
  }
  .trust-plans {
    padding-inline: 20px;
  }
  .compare-plans {
    padding-inline: 20px;
  }
  .service-addons {
    padding-inline: 20px;
  }
  .trust-plans-wrapper .col-md-6 {
    width: 100%;
  }
  .workflow {
    padding-bottom: 0;
    padding-top: 80px;
  }

  .workflow-wrapper .row .col-md-8 {
    width: 100%;
  }
  .workflow-card-content {
    min-height: 100px;
  }
}

@media only screen and (min-width: 601px) {
  .search-page .search input {
    padding-right: 150px !important;
  }

  .find-tender .search input {
    padding-right: 150px !important;
  }
}

@media only screen and (max-width: 575px) {
  .home-banner h1 {
    font-size: 23px;
  }

  .home-banner h1 .text-20 {
    font-size: 18px;
  }

  .success-cards .card2 {
    min-height: 355px;
  }

  .success-cards .card2 .icon {
    height: 80px;
    width: 80px;
  }

  .success-cards .card2 .title {
    font-size: 20px;
    margin-top: 0;
    line-height: 28px;
    font-weight: 500;
    margin-bottom: 16px;
  }

  .success-cards .card2 .desc {
    line-height: 24px;
  }

  .home-banner .mt-5 {
    padding-top: 0 !important;
    margin-top: 24px !important;
  }

  .discover .ui-tabs-nav {
    gap: 4px;
  }

  .discover li.ui-tabs-tab a {
    font-size: 12px;
    padding: 12px 14px;
  }

  .feedbackSwiper .user-card {
    padding: 10px;
  }

  .home-page .home-banner .trial {
    display: flex;
    gap: 5px;
    max-width: 298px;
    margin: 0 auto;
    margin-bottom: 8px;
  }

  .home-page .home-banner .trial a {
    margin: 0;
    font-size: 15px;
  }
  .training-service .section-breadcrumb {
    overflow-x: auto;
  }

  .training-service .section-breadcrumb nav {
    width: 100%;
  }
  .home-page .home-banner .content .text-black400 {
    font-size: 17px;
    line-height: 22px;
  }

  .home-page .home-banner .content .checkoutSME {
    font-size: 17px;
    line-height: 22px;
  }

  .we-offer-mobile .pb-1 {
    margin-bottom: 24px !important;
    padding: 0 !important;
  }

  .we-offer-mobile .pb-1 .text-black500 {
    margin: 0 !important;
    line-height: 32px;
  }

  .we-offer-mobile h3 {
    padding: 16px 24px;
    line-height: 24px;
  }

  .we-offer-mobile .btn-outline-mobile {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
  }

  .we-offer-mobile {
    margin-bottom: 80px;
  }

  .we-offer-mobile .ui-accordion-content p {
    padding-top: 12px;
  }

  .we-offer-mobile .btn-outline-mobile:hover {
    background-color: #018375;
    border-color: #018375;
    color: #fff !important;
  }

  .home-page .find-tender {
    padding: 20px;
  }

  .home-page .find-tender {
    margin-inline: 20px;
  }

  .home-page .find-tender {
    padding: 20px;
  }

  .home-page .find-tender h2 {
    font-size: 22px;
    margin-bottom: 8px !important;
  }

  .home-page .find-tender .text-black400 {
    font-size: 15px;
    line-height: 23px;
  }
  .home-page .find-tender .text-p2 {
    color: #089081;
    font-size: 14px;
  }

  .find-tender .search input {
    height: 48px;
  }

  .find-tender .search img {
    left: 20px;
    height: 20px;
    width: 20px;
    top: 18px;
  }

  .find-tender .search {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
  }

  .find-tender-bottom .text-32 {
    font-size: 22px;
  }

  .features h2 {
    font-size: 24px;
  }

  .find-tender .counter p.text-black200 {
    font-size: 12px;
    margin-top: 2px;
  }

  .find-tender-bottom .search-box button {
    height: 48px;
    right: 0;
  }

  .find-tender-bottom .search-box button:hover {
    box-shadow: none;
    border-color: transparent !important;
  }

  .features .text-black400 {
    display: none;
  }

  .features .card1 {
    border: none;
  }

  .features .card1 {
    margin: 0 !important;
  }

  .features .right-box .content {
    padding: 32px 24px;
  }

  .client .text-40 {
    font-size: 24px;
    margin-bottom: 16px !important;
  }

  .features .right-box .mt-50 {
    margin-top: 0 !important;
  }

  .find-tender-bottom .search-box input {
    padding-right: 4px;
  }

  .client .text-black400 {
    line-height: 22px;
    font-size: 15px;
  }

  .success-bottom {
    display: none;
  }

  .integration .text-center {
    text-align: left;
  }

  .discover .title {
    font-size: 26px;
    line-height: 32px;
    text-align: left;
  }

  .cta .content p {
    font-size: 16px;
    line-height: 24px;
  }

  .cta .content .btn-one {
    max-width: 100%;
  }

  .cta .content button.btn-outline {
    max-width: 100%;
  }

  .footer .row {
    --bs-gutter-x: 8px;
    --bs-gutter-y: 14px;
  }

  .footer .title {
    font-weight: 600;
    text-align: center !important;
    margin-bottom: 24px;
  }

  .subscribe-box img {
    top: 16px;
    left: 18px;
  }

  .footer .subscribe ul li a {
    padding: 9px 13px;
    font-size: 13px;
  }

  .footer #tabs-5 p,
  .footer #tabs-6 p,
  .footer #tabs-7 p {
    padding: 4px 10px;
    padding-left: 10px;
    padding-right: 0;
    line-height: 22px;
  }

  .footer-bottom {
    padding-top: 16px;
    padding-bottom: 24px;
  }

  .footer .title {
    margin-top: 0;
    font-weight: 500;
    font-size: 15px;
    text-align: left !important;
    margin-bottom: 24px;
  }

  .footer .row {
    --bs-gutter-x: 8px;
    --bs-gutter-y: 30px;
  }

  .user-card .text-xs {
    font-size: 11px;
  }

  .user-card .feedbackSwiper .user-card .dot {
    width: 3px;
    height: 3px;
  }

  .we-offer-mobile h3 {
    font-size: 16px;
    align-items: center;
  }

  .client .brands {
    margin-top: 0;
  }

  .success .content .text-black400 {
    font-size: 15px;
    line-height: 24px;
  }

  .swiper-button-next {
    display: none;
  }

  .swiper-button-prev {
    display: none;
  }

  .success-cards {
    margin: 0;
  }

  .success .content {
    margin-bottom: 24px;
  }

  .integration {
    margin-top: 80px;
  }

  .success {
    padding-bottom: 0;
  }

  .home-page .content .text-48 {
    font-size: 26px;
    line-height: 32px;
    margin-bottom: 16px !important;
  }

  .integration .title {
    font-size: 26px;
    letter-spacing: -1%;
  }

  .cta .content .title {
    font-size: 26px;
    line-height: 32px;
    letter-spacing: -1%;
  }

  .integration-cards.row.g-5 > * {
    padding: 0;
  }

  .integration-cards .card3 .icon {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .discover-card .text-sm {
    font-size: 12px;
  }

  .discover-card .gap-2 {
    gap: 5px;
  }

  .footer .text-center {
    margin-top: 60px !important;
    padding: 0 !important;
  }

  .services-page .service-banner .content .text-60 {
    font-size: 31px;
    padding: 0 !important;
    margin-bottom: 24px !important;
    line-height: 40px;
  }

  .services-page .service-banner .row.mt-60.text-center {
    margin-left: 0px;
    margin-right: 0px;
  }
  .services-page .service-banner .content .text-20 {
    font-size: 16px;
    line-height: 24px;
  }

  .services-page .service-banner .card .text-24 {
    font-size: 20px;
  }

  .services-page .service-banner .card .text-black500 {
    color: #5d5f5f !important;
  }

  .services-page .service-banner .card {
    padding: 24px;
    padding-top: 60px;
  }

  .services-page .service-banner .card.one .mt-60 {
    margin-top: 24px !important;
  }

  .key-feature .content .text-48 {
    font-size: 26px;
    line-height: 32px;
  }

  .key-feature .mt-60 {
    margin-top: 24px !important;
  }

  .service-faq .text-center .text-black500 {
    line-height: 32px;
    font-size: 26px;
    letter-spacing: -2%;
    margin-bottom: 16px !important;
  }

  .services-page .count-area .count-box .content .text-32 {
    margin: 0;
  }

  .discover .ui-tabs-nav,
  .service-faq .ui-tabs-nav {
    flex-wrap: wrap;
    justify-content: center;
  }

  .count-area .text-48 {
    font-size: 24px;
    line-height: 32px !important;
    letter-spacing: -2%;
  }

  .service-faq .text-center .text-black400 {
    line-height: 24px !important;
    font-size: 16px;
  }

  .img-box {
    max-height: 380px;
  }

  .additional-card {
    padding: 24px;
  }

  .additional-card h3 {
    margin-bottom: 24px;
    font-size: 18px;
  }

  .key-feature-content h4 {
    text-align: center;
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 16px;
  }

  .key-feature-content p {
    text-align: center;
    margin-bottom: 24px;
  }

  .tender-services-page .key-feature-card {
    padding: 24px;
    padding-top: 40px;
  }

  .key-feature-thumb {
    padding: 0;
    max-width: 160px;
    margin: 0 auto;
    max-height: 140px;
    margin-bottom: 30px;
  }

  .key-feature-thumb img {
    height: 100% !important;
    width: 100%;
    object-fit: contain;
  }

  .tender-services-page .experience {
    margin-top: 80px;
  }

  .tender-service-title h4 {
    margin-bottom: 16px;
    font-size: 23px;
    line-height: 30px;
  }

  .additional-card p {
    line-height: 22px;
    font-size: 14px;
  }

  .additional-feature-wrapper .row {
    --bs-gutter-y: 16px;
  }

  .tender-service-title p {
    margin-bottom: 16px;
  }

  .additional-inner .tender-service-title h4 {
    margin: 0;
    font-size: 22px;
  }

  .tender-services-page .additional-feature {
    padding-top: 120px;
  }

  .accordion__item:last-child {
    padding-bottom: 0;
  }

  .service-faq .ui-accordion h3 {
    font-size: 15px;
  }

  .text-black500.text-60.fw-lg.lh-60 {
    font-size: 30px;
    line-height: 34px;
    margin-bottom: 6px;
  }

  .opportunities-title .text-black400 {
    font-size: 16px;
    line-height: 24px;
  }

  .service-details .tender-search .tender-search-image {
    border: 4px solid #fff;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: -50px;
  }

  .booking-inner .tender-service-title p {
    margin-bottom: 120px;
    line-height: 22px;
  }

  .booking-service-shape {
    display: block;
    height: 155px;
    top: 38%;
    right: -15px;
  }

  .booking-service-shape img {
    display: block !important;
  }

  .login-page .login-area .content {
    width: 100%;
  }

  .business-title ul li {
    font-size: 15px;
    padding-left: 16px;
    line-height: 20px;
    margin-bottom: 6px;
  }

  .business-title ul li::before {
    width: 5px;
    height: 5px;
  }

  .tender-business-image {
    height: 240px;
  }

  .business-listing ul li::before {
    width: 5px;
    height: 5px;
  }

  .explore-service-thumb {
    height: 200px;
  }

  .business-listing ul li {
    font-size: 15px;
    line-height: 20px;
    padding-left: 16px;
    max-width: 100%;
  }

  .business-listing ul li:not(last-child) {
    margin-bottom: 6px;
  }

  .opportunity-links-inner {
    padding-bottom: 30px;
    gap: 4px;
  }

  .opportunity-links a:hover {
    border-color: #0c2724;
  }

  .tender-services-page .opportunity-links a {
    padding: 3px 16px;
  }

  .experience-right-block {
    padding: 0;
    gap: 16px;
  }

  .additional-card h3 span {
    height: 35px;
    width: 35px;
  }

  .additional-card h3 span {
    height: 35px;
    width: 35px;
  }

  .benefits-features-inner .tender-service-title h4 {
    margin: 0;
    max-width: 100%;
  }

  .benefits-features-inner .tender-service-title {
    padding-bottom: 24px;
  }

  .experience-inner .tender-service-title p {
    font-size: 15px;
  }

  .service-faq .ui-accordion-content .text-black500 {
    margin-left: 30px;
  }

  .service-faq .ui-accordion-content p {
    font-size: 14px;
    line-height: 20px;
  }

  .service-faq .ui-accordion-content {
    padding-top: 0;
  }

  .accordion__title {
    font-size: 16px;
    line-height: 22px;
  }

  .accordion__item {
    padding-block: 20px;
  }

  .subscribe .subs-btn {
    margin-top: 5px;
    height: 48px;
  }

  .subscribe input {
    height: 48px;
    padding-left: 50px;
  }

  .explore-service-btns a {
    font-size: 14px;
  }

  .explore-service-btns {
    margin-bottom: 24px;
  }

  .explore-service-btns a {
    font-size: 14px;
  }

  .explore-service-btns {
    margin-bottom: 24px;
  }

  .explore-service-content h4 {
    font-size: 18px;
    margin-bottom: 8px;
  }

  .explore-service-content p {
    font-size: 14px;
  }

  .explore-service-card {
    padding: 24px;
  }

  .explore-service-btn .feature-btn {
    font-size: 14px;
    padding: 7px 22px;
  }

  .explore-service-wrapper .row {
    --bs-gutter-y: 16px;
  }

  .explore-service-card > span {
    margin-bottom: 16px;
  }

  .explore-service-content h4 {
    font-size: 18px;
    margin-bottom: 16px;
  }

  .explore-service-content p {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 16px;
  }

  .explore-service-content a {
    font-size: 14px;
    letter-spacing: 0;
  }

  .explore-service-card {
    padding: 24px;
  }

  .explore-inner {
    padding: 0;
  }

  .booking-service-shape img {
    display: block !important;
  }

  .container-sm,
  .container {
    padding: 0;
  }

  .training-service-thumb {
    height: 168px;
  }

  .training-service-card .key-feature-content h4 {
    margin-bottom: 16px;
    font-weight: 500;
    text-align: left;
  }

  .training-service-card .key-feature-content p {
    min-height: auto;
    margin-bottom: 24px;
    text-align: left;
  }

  .training-service .training-service-card .feature-btn {
    padding: 11px 30px;
    gap: 10px;
  }

  .pricing-btns button {
    padding: 8px 24px;
    font-size: 14px;
  }

  .pricing-btns {
    max-width: 226px;
    margin-bottom: 40px;
  }

  .pricing-inner-block .opportunities-title .text-black500 {
    line-height: 40px;
    margin-bottom: 16px !important;
  }

  .features-list li {
    font-size: 15px;
    line-height: 22px;
    gap: 6px;
    margin-bottom: 5px;
  }

  .compare-packages-features.open .packages-table {
    padding-inline: 14px;
    padding-bottom: 0;
  }

  .packages-table td {
    font-size: 13px;
    line-height: 24px;
  }

  .packages-header {
    padding: 10px 20px;
  }

  .toggle-table img {
    height: 16px;
    width: 16px;
  }
  .toggle-table {
    width: 30px;
    height: 30px;
  }
  .packages-header {
    padding: 10px 20px;
  }

  .features-list {
    margin-top: 24px;
    height: 240px;
    overflow-y: scroll;
    padding-right: 5px;
  }

  .service-addons-card .key-feature-content h4 {
    text-align: left;
  }

  .service-addons-card .key-feature-content p {
    text-align: left;
    min-height: auto;
  }

  .addons-inner-card h4 {
    font-size: 18px;
    line-height: 24px;
  }

  .addons-card-icon {
    width: 32px;
    height: 32px;
  }

  .service-addons {
    padding-bottom: 0;
  }

  .cases-hero-inner .opportunities-title .text-black500 {
    margin-bottom: 16px;
  }

  .opportunities-title.text-center.mb-60 {
    margin-bottom: 40px;
  }

  .cases-hero-inner .opportunities-title .text-black500 {
    margin-bottom: 16px;
  }

  .opportunities-title.text-center.mb-60 {
    margin-bottom: 40px;
  }

  .cases-hero-image {
    height: 200px;
    padding-bottom: 50px;
  }

  .cases-hero-image img {
    object-fit: cover;
    border-radius: 24px 100px 24px 24px;
  }

  .custom-mobile-dropdown button.dropbtn {
    padding: 8px 12px !important;
  }

  .custom-mobile-dropdown .dropdown-content {
    left: 50%;
    transform: translateX(-50%);
  }

  .workflow-card {
    border: 1px solid #ebeff4;
    padding: 16px 24px;
  }

  .workflow-icon {
    width: 56px;
    height: 56px;
    margin-bottom: 24px;
  }

  .workflow-wrapper .row {
    --bs-gutter-y: 24px;
  }

  main.main .bid-support.bid-wealth-support {
    padding-block: 60px;
  }

  .bid-support-thumb {
    height: 320px;
  }

  .bid-support-inner {
    gap: 24px;
  }

  .bid-support-inner .training__support__content button {
    height: 40px;
    padding-inline: 23px;
  }

  .about-overview-content .about-bottom-content a {
    display: block !important;
  }

  .about-us-inner .opportunities-title span {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 16px;
  }

  .about-us-inner .opportunities-title .text-black500 {
    margin-bottom: 16px;
  }

  .about-overview-thumb img {
    border-radius: 16px;
  }

  .explore-service-content {
    margin-inline: 5px;
  }

  .contact-service-icon img {
    height: 40px;
    width: 40px;
  }

  .contact-service-icon {
    margin-bottom: 20px;
  }

  .contact-service-card .about-bottom-content h5 {
    margin-bottom: 16px;
  }

  .contact-service-wrapper .row {
    padding: 0;
    --bs-gutter-y: 20px;
  }

  .contact-right-block {
    margin-inline: 16px;
    padding: 16px;
  }

  .form-group input {
    padding: 11px 16px;
  }

  .contact-right-block form .row {
    --bs-gutter-y: 16px;
  }

  .contact-support {
    padding-top: 70px;
  }

  .contact-right-block {
    margin-inline: 16px;
  }

  .contact-support {
    padding-top: 70px;
  }

  .contact-support-card .about-bottom-content h5 {
    font-size: 20px;
    line-height: 30px;
  }

  .contact-support-card .about-bottom-content p {
    font-size: 14px;
    line-height: 20px;
  }

  .cta .content .btn-one {
    height: 55px;
    line-height: 51px;
    font-size: 16px;
  }

  .cta .content button.btn-outline {
    font-size: 16px;
  }

  .cta .content button {
    height: 55px;
  }

  .footer .offset-lg-2 {
    margin-left: 0;
  }

  .workflow-inner .tender-service-title h4 {
    text-align: left;
  }

  .workflow-inner .tender-service-title p {
    text-align: left;
  }

  .workflow-inner .tender-service-title {
    padding-bottom: 10px;
  }

  .use-single-tab {
    padding: 12px;
  }

  .workflow {
    padding-inline: 12px;
  }

  .use__area {
    padding-inline: 10px;
  }

  .cases-hero-inner .opportunities-title .text-60 {
    font-size: 30px;
    line-height: 34px;
  }

  .custom-mobile-dropdown .dropdown-content button {
    padding: 8px 10px;
  }

  .use-cases-page {
    padding: 0 !important;
  }

  .workflow {
    padding-inline: 20px;
  }

  .use__area {
    padding-inline: 20px;
    padding-left: 20px !important;
    padding-right: 20px !important;
    padding-bottom: 20px !important;
  }

  .custom-mobile-dropdown .dropdown-content button {
    padding: 8px 10px;
  }

  .custom-mobile-dropdown {
    padding: 0;
  }

  .cases__hero__area .custom-mobile-dropdown button.dropbtn {
    background-color: #f7f8fa;
  }

  .custom-mobile-dropdown button.dropbtn {
    padding-block: 12px !important;
  }

  .use__area {
    background-color: #ffffff;
    margin-top: -85px;
  }

  .course-benefits ul li {
    font-size: 14px;
    line-height: 20px;
  }

  .course-training-card {
    align-items: center;
  }

  .course-training-card-texts p {
    font-size: 14px;
    line-height: 20px;
  }

  .course-content span {
    font-size: 14px;
  }

  .course-content h3 {
    font-size: 24px;
    line-height: 30px;
    gap: 10px;
  }

  .course-booking-thumb {
    height: 200px;
  }

  .hide-sm-device {
    display: none;
  }

  .course-module-card.active {
    padding: 12px;
  }

  .footer .row .col-12 {
    width: 50%;
  }

  .find-tender .counter > div {
    padding: 0;
  }

  .course-module-title h4 {
    font-size: 18px;
    margin-bottom: 8px;
    line-height: 24px;
  }

  .course-module-number p {
    font-size: 14px;
    line-height: 20px;
  }
  .about-overview {
    padding-top: 40px;
  }

  .contact-page .desktop-title {
    font-size: 32px;
    line-height: 38px;
    margin: 0 !important;
  }

  .feedback-page .contact-page .contact-card {
    padding: 18px;
    border-radius: 16px;
  }

  .contact-page .contact-card input {
    padding: 15px;
    padding-left: 40px;
    height: 52px;
  }

  .contact-page .contact-card .relative {
    margin-bottom: 15px;
  }

  .contact-page .contact-card .relative img {
    top: 50%;
    transform: translateY(-50%);
    left: 12px;
    height: 20px;
  }

  .contact-page .contact-card input[type="radio"] {
    width: 16px;
    height: 16px;
  }

  .contact-page .contact-card textarea {
    height: 74px;
    font-size: 14px;
    padding: 12px;
  }

  .contact-page .contact-card button.btn-dark.w-50 {
    width: 100%;
    font-size: 14px;
    border: 0;
    padding: 18px 5px;
  }
  .how-it-work-page .contact-service-card a {
    min-height: auto;
  }

  .service-faq p.text-48 br {
    display: none;
  }
  .opportunities .opportunities-title p br,
  .about-us .about-us-inner p br {
    display: none;
  }

  .job-header-right-content .job-header-right-open-position {
    top: 28px !important;
    left: 10px !important;
  }

  .service__hero__area .service__shape__1,
  .service__hero__area .service__shape__2 {
    display: none;
  }
  .job-details-main-area {
    padding: 22px;
  }
}