section.banner_odoo {
  padding: 149px 0;
  background-image: url(../images/odoo/odoo_bnr.png);
  background-position: top;
  background-repeat: no-repeat;
  margin-top: 0;
  overflow: hidden;
  color: #fff;
  height: 700px;
  position: relative;
  text-align: center
}

section.banner_odoo:before {
  content: "";
  width: 400%;
  height: 0;
  padding-top: 200%;
  border-radius: 100%;
  background: #fff;
  position: absolute;
  top: 92%;
  left: 50%;
  transform: translateX(-50%)
}

section.banner.banner_odoo h1 {
  font-size: 61px
}

.card_odoo_products h6 {
  color: #000
}

section.odoo_about {
  margin-top: 20px;
  text-align: center
}

section.odoo_about h2 {
  margin-top: 26px;
  font-size: 41px;
  font-weight: 600;
  margin-bottom: 16px
}

.module_odoo {
  margin-top: 30px;
  text-align: left
}

.module_odoo h6 {
  margin-top: 12px;
  font-size: 19px;
  font-weight: 600
}

.content_odoo_drop {
  display: none
}

#loadMoreOdoo {
  display: block;
  text-align: center
}

button.common_btn.odoo_btn {
  background: linear-gradient(0deg, #714B67 0%, #98718E 100%)
}

section.odoo_half_bnr {
  margin-top: 86px
}

.bg_odoo {
  background: #714B67;
  padding: 62px;
  color: #fff !important;
  text-align: center;
  border-radius: 23px
}

.bg_odoo h2 {
  font-size: 36px;
  margin-bottom: 12px;
  font-weight: 500
}

.bg_odoo p {
  color: #fff !important;
  margin-bottom: 0;
  line-height: 2
}

section.odoo_products {
  margin-top: 44px
}

section.odoo_products h2 {
  text-align: center;
  font-size: 40px;
  line-height: 1.5
}

.card_odoo_products {
  text-align: center;
  background: #fff;
  box-shadow: 0 0 33px 0 #0000001a;
  padding: 35px 20px;
  border-radius: 21px;
  margin-top: 25px;
  height: 100%
}

.card_odoo_products p {
  margin-bottom: 0
}

@media (max-width: 1527px) {
  section.banner.banner_odoo h1 {
    font-size: 57px
  }
}

@media (max-width: 1201px) {
  section.banner.banner_odoo h1 {
    font-size: 54px
  }
}

@media (max-width: 1152px) {
  section.banner.banner_odoo h1 {
    font-size: 52px
  }
}

@media (max-width: 991px) {
  section.banner.banner_odoo h1 {
    font-size: 46px
  }
}

.footer_info {
  background: linear-gradient(90deg, #714B67 0%, #542D4B 100%);
  padding: 74px 0;
  margin-top: 80px;
  color: #fff
}

.footer_info h2 {
  font-size: 38px;
  margin: 0;
  font-weight: 400
}

.footer_info h2 span {
  font-weight: 500
}

.footer_info p {
  font-size: 20px !important;
  font-weight: 500;
  color: #fff !important;
  margin-bottom: 0
}

.footer_info button {
  background: #fff;
  border: 1px solid #fff;
  padding: 13px 33px;
  color: #704A66;
  border-radius: 7px;
  margin: auto;
  display: block;
  font-weight: 500
}

@media (max-width: 991px) {
  .footer_info {
    text-align: center
  }

  .footer_info p {
    margin-bottom: 14px
  }
}

@media (max-width: 700px) {
  .bg_odoo {
    padding: 62px 18px
  }

  section.odoo_about h2 {
    font-size: 29px
  }

  .bg_odoo h2 {
    font-size: 29px
  }

  section.odoo_products h2 {
    font-size: 29px
  }
}

@media (max-width: 500px) {
  .footer_info h2 {
    font-size: 23px
  }

  .footer_info p {
    font-size: 16px !important;
    font-weight: 300;
    margin-top: 7px
  }
}

.content_odoo_drop img {
  width: auto !important;
}

section.banner.banner_odoo .button_mains {
  margin-top: 43px !important;
}

@media (max-width: 991px) {
  section.banner button.whats_app span p {
    font-size: 14px !important;
  }
}

@media (max-width: 575px) {
  section.odoo_about .button_mains {
    margin-top: 15px !important;
    justify-content: flex-start !important;
  }
}

@media (max-width: 500px) {
  section.odoo_about img {
    width: 60%;
  }
}

@media (max-width: 338px) {
  section.banner button.whats_app span p {
    font-size: 14px !important;
  }
}

.odoo_main_page_img {
    width: 53%;
}