/* ADJUSTING TO THE PAGES ON WEBAPP */
.view_custom {
  margin-top: 85px !important;
  min-height: 100vh !important;
  margin-bottom: 15px !important;
}

.view_custom_create_acc {
  margin-top: 85px !important;
  min-height: 100vh !important;
}

.header_custom {
  padding-bottom: 1.5rem !important;
  padding-top: 1.5rem !important;
}

.navigation_color {
  color: black !important;
}

.nav_icon {
  margin-bottom: -5px;
  margin-left: -2px;
  font-size: 21px !important;
  color: black !important;
}

/* -------------------------->--------------------------> GLOBAL STYLE <--------------------------<-------------------------- */
@import url("https://fonts.googleapis.com/css2?family=Gothic+A1&family=Montserrat:wght@400;500;700;900&family=Poppins:wght@300;400;500;600;700;800;900&family=Roboto&family=Rubik+Mono+One&family=Ubuntu&display=swap");

body {
  overflow-x: hidden;
}

:root {
  --blue1: #00afef;
  --black1: #262626;
}

* {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

a {
  color: black;
  text-decoration: none;
}

.bg_1 {
  background-color: var(--blue1);
}

.bg_2 {
  background-color: #f2f3f5;
}

.bg_3 {
  background-color: var(--black1);
}

.bg_4 {
  background-color: #000;
}

.bg_5 {
  background-color: #142878;
}

.bg_6 {
  background-color: #3366cc;
}

.bg_white {
  background-color: white;
  -webkit-box-shadow: 0 4px 6px 0 rgb(12 0 46 / 6%);
  box-shadow: 0 4px 6px 0 rgb(12 0 46 / 6%);
}

.form_round {
  border-radius: 20px;
}

.round {
  border-radius: 7px;
}

.breadcrumb_style {
  font: 400 12px Montserrat, Arial, Helvetica, sans-serif;
  text-transform: uppercase;
}

.margin_right {
  margin-right: 5px;
}

.margin_right_img {
  margin-right: 50px;
}

.margin_right_info {
  margin-right: 10px;
}

.margin_left {
  margin-left: 5px;
}

.margin_page {
  margin-left: 20px;
}

.margin_end {
  margin-bottom: 50px;
}

#search_text::-webkit-input-placeholder {
  font-size: 15px !important;
}

#search_text::-moz-placeholder {
  font-size: 15px !important;
}

#search_text:-ms-input-placeholder {
  font-size: 15px !important;
}

#search_text::-ms-input-placeholder {
  font-size: 15px !important;
}

#search_text::placeholder,
#search_text,
#categories,
#btn_search h6,
#btn_search i {
  font-size: 15px !important;
}

.poppins {
  font-family: Poppins, sans-serif;
}

/* -------------------------->--------------------------> MAIN LAYOUT <--------------------------<--------------------------- */

.logo_header {
  margin-top: -1.7px;
}

#toggle_sidebar {
  margin-top: -2px;
  margin-right: -5px;
}

.moving_header {
  background-color: white;
  -webkit-box-shadow: 0 4px 6px 0 rgb(12 0 46 / 6%);
  box-shadow: 0 4px 6px 0 rgb(12 0 46 / 6%);
}

.moving_hd_icon {
  color: black !important;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

#toggle_sidebar i {
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

header {
  position: fixed;
  top: 0;
  background-color: transparent;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  max-width: 100vw;
  padding: 15px 0px;
}

header img {
  width: 200px;
  height: auto;
}

header a.nav-link {
  color: #000;
  display: inline-block;
  position: relative;
  font: 500 15px Poppins, sans-serif;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.border_bottom {
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(237, 237, 237, 0.4);
}

header a.nav-link::after {
  content: "";
  position: absolute;
  width: 100%;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: rgb(151, 120, 209);
  -webkit-transform-origin: bottom right;
  transform-origin: bottom right;
  -webkit-transition: -webkit-transform 0.25s ease-out;
  transition: -webkit-transform 0.25s ease-out;
  transition: transform 0.25s ease-out;
  transition: transform 0.25s ease-out, -webkit-transform 0.25s ease-out;
}

header a.nav-link:hover {
  color: rgb(148, 108, 223) !important;
}

header a.nav-link:hover::after {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transform-origin: bottom left;
  transform-origin: bottom left;
}

#btn_signup_collapse {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

#btn_signup,
#btn_signup_collapse {
  font-family: "Poppins", sans-serif;
  padding: 13px 32px;
  font-size: 15px;
  font-weight: 500;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border-top-left-radius: 45px;
  border-top-right-radius: 45px;
  border-bottom-left-radius: 45px;
  color: #fff !important;
  background-color: black !important;
}

#btn_signup:hover,
#btn_signup_collapse:hover {
  -webkit-box-shadow: 0px 10px 20px -5px rgba(0, 0, 0, 0.6);
  box-shadow: 0px 10px 20px -5px rgba(0, 0, 0, 0.6);
}

.nav-bar {
  font-size: 23px;
  color: var(--primary);
}

footer {
  padding: 15px;
}

#repeat_top_categories {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.container_footer {
  padding: 50px 0px 10px 0px;
}

.footer_title_over {
  font-size: 25px;
  letter-spacing: 2px;
}

.footer_subtitle {
      color: #FFFFFF;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1.5px;
}

.title_footer {
  width: 100%;
  text-align: center;
  color: white;
  font: 600 16px Poppins, sans-serif;
}

a.footer_link {
  color: #fff !important;
  font: 200 13px Poppins, sans-serif;
  text-align: center;
  width: 100% !important;
  line-height: 25px;
}

.footer_bottom {
  color: #ffffffb0 !important;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  font: 400 12px Poppins, sans-serif;
}

.bigger_margin {
  margin: 25px 0px;
}

.partners_margin {
  margin-top: 30px;
}

.partners_img {
  width:20rem;
  cursor:pointer;
}

.btm_lk_hvr:hover {
  color: #4c85f5 !important;
}

.icon_custom {
  font-size: 15px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.icon_custom:hover {
  color: #3366cc !important;
}

/* -------------------------->--------------------------> 404 <--------------------------<-------------------------- */

.overlay_error {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  /* background-size: cover; */
  background: linear-gradient(
      245deg,
      rgba(94, 44, 237, 0.93) 0,
      rgba(164, 133, 253, 0.9)
    )
    no-repeat center;
  padding: 200px 0px;
}

.overlay_error #back_home {
  color: #5e2ced;
  padding: 20px 50px;
  font-size: 15px;
}

.error_title {
  font-size: 20vw;
  font-weight: 700;
}

.error_subtitle {
  font-size: 30px;
  font-weight: 400;
  letter-spacing: 3px;
}

.error_info {
  font-size: 15px;
  font-weight: 400;
  margin-bottom: 50px;
}

/* -------------------------->--------------------------> HOME <--------------------------<-------------------------- */

.search_home {
  margin-left: 0px !important;
  margin-bottom: 0px !important;
  padding: 0px !important;
}

#form_search {
  padding: 10px !important;
}

.form_search {
  padding: 15px 5px;
  height: 45px;
  width: 100% !important;
  font-size: 15px;
}

.category_search {
  width: 100%;
  height: 45px;
  font-size: 18px;
}

.container_home {
  margin: 15px 10px;
}

.btn_search {
  padding: 15px 45px;
  height: 45px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  border: none !important;
}

.btn_search:hover {
  background-color: #fff !important;
  color: #00afef !important;
}

.btn_show_all {
  border: none;
  border-radius: 7px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  padding: 10px 45px;
  margin: 20px 0px;
  width: 100%;
}

.btn_show_all:hover {
  background-color: #fff !important;
  color: #00afef !important;
}

.hero-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  background-image: url("../assets/img/hero_img_1140.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: center;
  width: 100%;
  padding: 0px;
}

.overlay {
  padding-top: 95px;
  padding-bottom: 30px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.hero_nav {
  width: 100%;
}

#main-title {
  position: relative;
  border-radius: 25px;
  text-align: center;
}

#secondary_title,
#third_title {
  font-size: 16px;
  font-weight: 400;
  width: 75%;
}

.home_info {
  font-size: 18px;
}

.home_text {
  padding: 30px 15px;
}

#list_suppliers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}

.category_hero {
  position: static;
  left: 0;
  top: 0;
  right: 0;
  bottom: 75%;
  z-index: 1;
  overflow: visible;
  height: 75px;
  border-radius: 8px 8px 0 0;
  background-position: 50% 50%;
  background-image: url("../assets/img/bg-1.jpg");
  background-size: cover;
  background-repeat: no-repeat;
}

.icon_category {
  padding: 10px;
  border-radius: 50%;
  background-color: white;
  margin-bottom: -25px;
}

#job_categories_home {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.item {
  display: inline-block;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  padding: 10px;
  margin: 10px;
  height: 200px;
  width: 200px;
  cursor: pointer;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: center;
}

.item:hover {
  -webkit-transform: scale(1.075);
  transform: scale(1.075);
}

.category_card {
  width: 40%;
  border: 1px solid lightgrey;
  background-color: rgba(220, 220, 220, 0.5);
}

.category_card:hover {
  -webkit-box-shadow: 0px 0px 10px 0px #000000;
  box-shadow: 0px 0px 10px 0px #000000;
}

/* -------------------------->--------------------------> SUPPLIERS <--------------------------<-------------------------- */

#clean_filters:hover {
  -webkit-transform: scale(1.025);
  transform: scale(1.025);
}

.icon_cat_acc {
  margin-right: 7px;
}

.list_title {
  font-size: 1.5rem;
}

.btn_acc_cat {
  border: none;
  font-size: 14px;
  padding: 7px;
  margin-bottom: 7px;
  background-color: transparent;
}

#check_regions_greater,
#check_regions_less,
#check_regions_none,
#check_categories_greater,
#check_categories_less {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-left: 0px !important;
}

.regions_icon,
.segment_icon,
.category_icon {
  margin: 5px !important;
}

.background_fade_1 {
  /* background-color: rgba(0, 0, 0, 0.3); */
  width: 100%;
  margin: 0px !important;
  padding: 100px 40px 50px;
}

.job_category_filter:active {
  border-color: transparent !important;
}

.supplier_card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-transition: 0.7s;
  transition: 0.7s;
  margin: 20px 0px;
  cursor: pointer;
  width: 100%;
  -webkit-box-shadow: 0 3.2px 7.2px 0 rgb(0 0 0 / 13%),
    0 0.6px 1.8px 0 rgb(0 0 0 / 11%);
  box-shadow: 0 3.2px 7.2px 0 rgb(0 0 0 / 13%), 0 0.6px 1.8px 0 rgb(0 0 0 / 11%);
  border-radius: 2px;
}

.supplier_card:hover {
  -webkit-transform: scale(1.025);
  transform: scale(1.025);
  color: black !important;
}

.heading_text {
  font-size: 12px;
}

.sup_title_format {
  height: 40px;
}

.job_category_format {
  height: 30px;
}

.supplier_subtitle {
  font-size: 14px;
}

.supplier_info {
  font-size: 12px;
}

.supplier_inner {
  width: 100%;
  color: black !important;
}

.regions_sup {
  color: #605e5c;
}

.supplier_logo_search {
  max-width: 105px;
  height: 75px;
  padding-bottom: 10px;
  -o-object-fit: scale-down;
  object-fit: scale-down;
}

.cta_btn {
  border-radius: 2px;
  background-color: #ccc;
  color: white !important;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-weight: bolder;
  padding: 7px 18px;
  font-size: 16px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.supplier_card:hover .cta_btn {
  background-color: #0e7eff;
}

.logo_background {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

/* -------------------------->--------------------------> ONE SUPPLIER <--------------------------<-------------------------- */

.bg_hero_sup {
  background-image: url("../assets/img/bg-3.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  width: 100%;
  margin: 0px !important;
  padding: 0px;
}

.background_fade {
  background-color: rgba(0, 0, 0, 0.3);
  width: 100%;
  margin: 0px !important;
  padding: 0px 10px 150px;
}

.org_logo {
  -o-object-fit: scale-up;
  object-fit: scale-up;
  width: 200px;
  margin-top: -30px;
  background-color: white;
  padding: 5px;
}

.about_company {
  font-size: 0.9rem;
  margin-bottom: 0px;
}

.regions_header {
  font-size: 12px;
}

.button_contact {
  border-radius: 2px;
  background-color: #00afef;
  color: white !important;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-weight: bolder;
  padding: 7px 18px;
  font-size: 16px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.button_contact_btm {
  width: 75%;
  background-color: #00afef;
  color: white !important;
}

#learn_more,
#sign_up {
  width: 200px;
}

.categories_sup {
  width: 100%;
}

#button_style {
  margin-top: -7%;
}

.open_about {
  -webkit-transition: 0.7s !important;
  transition: 0.7s !important;
  max-height: -webkit-fit-content;
  max-height: -moz-fit-content;
  max-height: fit-content;
}

.icon_show_more {
  margin-left: 5px;
}

.swiper-slide {
  width: 100% !important;
}

#repeat_regions,
#repeat_services,
#repeat_categories {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.btn_speak {
  background-color: #fff;
  color: var(--blue1);
  font-weight: 900;
  border-radius: 7px;
  border: 1px solid var(--blue1);
}

.invite {
  background-color: #f2f3f5;
}

.invitation {
  color: #4c535d;
}

.free-use {
  background-color: #979ea8;
}

/* -------------------------->--------------------------> MODAL <--------------------------<-------------------------- */

#close_modal {
  margin-top: 7px;
  margin-right: 7px;
}

/* -------------------------->--------------------------> MEDIA QUERYS <--------------------------<-------------------------- */

/* -------------->-------------> 576 <--------------<-------------- */

@media (min-width: 576px) {
  #main-title {
    font-size: 42px !important;
  }

  #secondary_title,
  #third_title {
    font-size: 20px;
  }

  #job_categories_home,
  #states {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row !important;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

/* -------------->-------------> 768 <--------------<-------------- */

@media (min-width: 768px) {
  .icon_custom {
    font-size: 28px;
    margin: 20px;
  }

  .partners_img {
  width:12rem;
}

  #repeat_regions,
  #repeat_services {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  #repeat_stages {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: flex-start;
  }

  #job_categories_home {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .btn_show_all {
    width: 31%;
  }

  #form_search {
    padding: 0px !important;
  }

  .hero_nav {
    background-color: transparent;
  }

  .search_home {
    margin-left: 0px !important;
    margin-bottom: 0px !important;
    padding: 0px !important;
  }

  .background_fade_1 {
    padding: 100px 20px;
  }

  .form_search {
    padding: 10px;
    height: 50px;
    border-radius: 0px !important;
  }

  .category_search {
    width: 100%;
    height: 50px;
    border-radius: 0px;
  }

  .btn_search {
    padding: 15px 45px;
    height: 50px;
    border-radius: 0px !important;
    border: none;
  }

  .swiper-slide {
    width: 50% !important;
  }

  #button_style {
    margin-top: -3%;
  }

  .supplier_card {
    width: 30%;
    height: 245px;
  }

  .categories_sup {
    width: 40%;
  }

  .category_card {
    width: 30%;
  }
}

/* -------------->-------------> 1024 <--------------<-------------- */

@media (min-width: 1024px) {
  .container_footer {
    padding: 45px 0px 5px 0px;
  }

  .partners_img {
  width:15rem;
}

  .footer_padding_btm {
    padding-bottom: 35px !important;
  }
  .footer_padding_top {
    padding-top: 35px !important;
  }

  a.footer_link {
  font: 200 14px Poppins, sans-serif;
}

  .logo_header {
    margin-left: -20px;
  }
  .org_logo {
    width: 270px;
    background-color: white;
    padding: 5px;
    border-radius: 7px;
    -o-object-fit: scale-up;
    object-fit: scale-up;
    margin-top: -120px;
  }

  .about_company {
    font-size: 1rem;
    margin-bottom: 0px;
  }

  #learn_more,
  #sign_up {
    width: 150px;
  }

  .background_fade {
    padding: 0px 10px 200px;
  }

  .supplier_logo_search {
    max-width: 150px !important;
  }

  .category_card {
    width: 25%;
  }

  .container_home {
    margin: 15px 23px;
  }

  .supplier_subtitle {
    font-size: 14.5px;
    margin-top: 10px;
  }

  .supplier_info {
    font-size: 13px;
  }

  .regions_sup {
    margin-bottom: 13px !important;
    height: 30px;
  }

  .supplier_inner {
    width: 100%;
  }

  .supplier_card {
    width: 20%;
    margin: 15px;
    height: 340px;
  }

  .btn_show_all {
    width: 32%;
  }

  #repeat_categories {
    margin-left: 10px;
  }

  .top_title_custom {
    width: 33%;
  }

  header a.nav-link {
    padding: 0px !important;
    margin-bottom: 0px;
  }

  .search_amount {
    width: 100%;
  }

  .overlay {
    padding: 200px 10px;
  }

  .overlay_filter {
    padding: 200px 10px 100px;
  }

  .item {
    width: 22% !important;
  }

  .item h5 {
    font-size: 21px;
  }

  #main-title {
    font-size: 50px !important;
    width: 75% !important;
    margin-bottom: 50px;
    position: relative;
    border-radius: 25px;
    text-align: center;
  }

  .button_contact_btm {
    width: 50%;
  }

  #secondary_title,
  #third_title {
    font-size: 30px;
    width: 50%;
  }

  .hero_nav {
    width: 75%;
    max-width: 1500px;
    padding: 50px 50px 25px;
  }

  .form_search {
    padding: 15px 10px !important;
    font-size: 19px;
    height: 60px;
  }

  .category_search {
    width: 100%;
    padding: 15px 5px 15px 10px !important;
    font-size: 19px;
    height: 60px;
  }

  .btn_search {
    height: 60px;
  }

  .btn_search h6 {
    font-size: 19px;
  }

  #list_suppliers {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    /* width: ; */
  }

  #search_text::-webkit-input-placeholder {
    font-size: 17px !important;
  }

  #search_text::-moz-placeholder {
    font-size: 17px !important;
  }

  #search_text:-ms-input-placeholder {
    font-size: 17px !important;
  }

  #search_text::-ms-input-placeholder {
    font-size: 17px !important;
  }

  #search_text::placeholder,
  #search_text,
  #categories,
  #btn_search h6,
  #btn_search i {
    font-size: 17px !important;
  }

  /* #job_categories_home a:nth-last-child(1) {
    margin-left: 2.6%;
  } */

  .swiper-slide {
    width: 25% !important;
  }

  #button_style {
    margin-top: -5%;
  }

  .categories_sup {
    width: 25%;
  }
}

/* -------------->-------------> 1200 <--------------<-------------- */

@media (min-width: 1200px) {
  .container_home {
    margin: 15px 85px;
  }

  .partners_img {
  width:18rem;
} 

  .home_text {
    max-width: 1050px;
  }

  .org_logo {
    width: 280px;
  }

  #search_text::-webkit-input-placeholder {
    font-size: 18px !important;
  }

  #search_text::-moz-placeholder {
    font-size: 18px !important;
  }

  #search_text:-ms-input-placeholder {
    font-size: 18px !important;
  }

  #search_text::-ms-input-placeholder {
    font-size: 18px !important;
  }

  #search_text::placeholder,
  #search_text,
  #categories,
  #btn_search h6,
  #btn_search i {
    font-size: 18px !important;
  }

  #org_logo_container {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}

/* -------------->-------------> 1440 <--------------<-------------- */

@media (min-width: 1440px) {
  .container_limit {
    max-width: 1535px;
  }
  .footer_bottom {
    font-size: 15px;
  }

  .logo_header {
    margin-left: -15px;
    margin-top: -6px;
  }

  .org_logo {
    margin-top: -135px;
    width: 300px;
  }

  .overlay_error #back_home {
    font-size: 18px;
  }

  .error_title {
    margin-bottom: -30px;
  }

  .error_subtitle {
    font-size: 40px;
    letter-spacing: 13px;
    margin-bottom: 50px;
  }

  .error_info {
    font-size: 18px;
    margin-bottom: 45px;
  }

  #search_text::-webkit-input-placeholder {
    font-size: 19px !important;
  }

  #search_text::-moz-placeholder {
    font-size: 19px !important;
  }

  #search_text:-ms-input-placeholder {
    font-size: 19px !important;
  }

  #search_text::-ms-input-placeholder {
    font-size: 19px !important;
  }

  #search_text::placeholder,
  #search_text,
  #categories,
  #btn_search h6,
  #btn_search i {
    font-size: 19px !important;
  }

  #org_logo_container {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }

  .container_home {
    margin: 15px 130px;
  }

  .background_fade {
    padding: 0px 10px 250px;
  }

  #main-title {
    width: 55% !important;
    max-width: 1200px;
  }

  #button_style {
    margin-top: -5.5%;
  }

  .hero_nav {
    width: 75vw;
  }

  .form_search {
    font-size: 21px;
    height: 60px;
  }

  .supplier_card {
    height: 335px;
  }

  .form_category {
    height: 70px;
  }

  .btn_search {
    height: 60px;
    padding: 10px 50px;
  }

  .btn_search h6 {
    font-size: 21px;
  }

  .categories_sup {
    width: 20%;
  }

  .home_text {
    max-width: 1200px;
  }
}

@media (min-width: 1820px) {
  .search_amount {
    margin-left: 3% !important;
  }

  .container_home {
    margin: 15px 325px;
  }
}