/*****************************************
*************** VARIAVEIS **************** 
*****************************************/

:root {
  /*Fonte*/

  --theme-font: "Fira Sans", sans-serif;

  /*Cores - Primárias*/

  --primary-color: #39877c;
  --primary-color-light: #f4f7f7;

  --secondary-color: #f4bf28;

  /*Cores - Gradiente*/

  --gradient: linear-gradient(45deg, #3a877c 34%, #f4bf27);

  /*Cores - Tons de Cinza*/

  --gray-1: #2f3141;
  --gray-2: #555555;
  --gray-3: #707070;
  --gray-4: #d6d6d6;
  --gray-5: #e9e9e9;
  --gray-6: #f5f5f5;
  --gray-7: #f9f9f9;

  /*Cores - Sombras*/

  --shadow-1: #00000048;
  --shadow-2: #00000015;
  --shadow-3: #00000012;
  --shadow-4: #00000010;
  --shadow-5: #00000008;

  /*Cores - Auxiliares*/

  --black: #000000;
  --white: #ffffff;
  --whatsapp: #028916;
}

/*****************************************
***************** RESET ****************** 
*****************************************/

* {
  box-sizing: border-box;
  text-rendering: geometricPrecision;
  text-decoration: none;
  font-family: "Fira Sans", sans-serif;
  list-style: none;
  padding: 0;
  margin: 0;
}

a,
button {
  cursor: pointer;
  background-color: transparent;
  color: inherit;
  text-decoration: none;
  border: none;
  outline: none;
  padding: 0;
}

img {
  display: block;
  width: 100%;
  height: unset;
}

/*****************************************
************** CONTAINER *****************
*****************************************/

.container {
  width: 100%;
  max-width: 1368px;
  padding: 0 16px;
  margin: 0 auto;
}

@media (max-width: 1368px) {
  .container {
    max-width: 1240px;
  }
}

@media (max-width: 1240px) {
  .container {
    max-width: 1024px;
  }
}

@media (max-width: 1024px) {
  .container {
    max-width: 768px;
  }
}

@media (max-width: 768px) {
  .container {
    max-width: 100%;
  }
}

/*****************************************
**************** SEÇÃO *******************
*****************************************/

section {
  overflow: hidden;
  padding: 144px 0;
}

@media (max-width: 1368px) {
  section {
    padding: 120px 0;
  }
}

@media (max-width: 1240px) {
  section {
    padding: 112px 0;
  }
}

@media (max-width: 1024px) {
  section {
    padding: 96px 0;
  }
}

@media (max-width: 768px) {
  section {
    padding: 80px 0;
  }
}

/*****************************************
************* TIPOGRAFIA *****************
*****************************************/

.sec-ttl_center,
.sec-ttl_line {
  margin: 0 0 96px;
}

.sec-ttl_center {
  text-align: center;
	width: 100%
}

.sec-ttl_center p {
  margin: 12px 0 0;
}

.sec-ttl_center small {
  display: block;
  color: var(--primary-color);
  text-transform: uppercase;
  font-size: 20px;
  letter-spacing: 4px;
  font-weight: 600;
  margin: 0 0 8px;
}

.sec-ttl_line {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.btn-center {
  text-align: center;
  margin: 96px 0 0;
}

h2,
.h2,
h4,
.h4,
h5,
.h5 {
  color: var(--gray-1);
}

h2,
.h2 {
  font-size: 38px;
}

h4,
.h4 {
  font-size: 22px;
}

h5,
.h5 {
  font-size: 19px;
}

p,
li {
  color: var(--gray-2);
  font-size: 17.5px;
  font-weight: 400;
  letter-spacing: 0.2px;
  line-height: 1.56;
}

@media (max-width: 1368px) {
  .sec-ttl_center,
  .sec-ttl_line {
    margin: 0 0 72px;
  }

  .sec-ttl_center small {
    font-size: 18px;
    letter-spacing: 3px;
    margin: 0 0 6px;
  }

  .btn-center {
    margin: 72px 0 0;
  }

  h2,
  .h2 {
    font-size: 36px;
  }

  h4,
  .h4 {
    font-size: 20px;
  }

  h5,
  .h5 {
    font-size: 17px;
  }

  p,
  li {
    font-size: 16px;
  }
}

@media (max-width: 1240px) {
  .sec-ttl_center,
  .sec-ttl_line {
    margin: 0 0 64px;
  }

  .sec-ttl_center small {
    font-size: 17px;
    letter-spacing: 2px;
  }

  .btn-center {
    margin: 64px 0 0;
  }

  h2,
  .h2 {
    font-size: 32px;
  }

  h4,
  .h4 {
    font-size: 18px;
  }

  h5,
  .h5 {
    font-size: 16px;
  }
}

@media (max-width: 1024px) {
  h2,
  .h2 {
    font-size: 30px;
  }

  h5,
  .h5 {
    font-size: 15px;
  }

  p,
  li {
    font-size: 15px;
  }
}

@media (max-width: 768px) {
  .sec-ttl_center,
  .sec-ttl_line {
    margin: 0 0 48px;
  }

  .sec-ttl_center small {
    font-size: 16px;
    letter-spacing: 1.5px;
  }

  .btn-center {
    margin: 48px 0 0;
  }

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

  h4,
  .h4 {
    font-size: 16px;
  }

  h5,
  .h5 {
    font-size: 14.5px;
  }

  p,
  li {
    font-size: 14.5px;
  }
}

/*****************************************
************* FORMULÁRIO *****************
*****************************************/

.form_field-area {
  position: relative;
}

.form_field-area {
  width: 100%;
}

.form_field-area:not(:last-child) {
  margin: 0 0 16px;
}

.form_field-area.form_field-half {
  width: 48%;
}

.form_field {
  display: block;
  width: 100%;
  font-size: 14px;
  line-height: 1.4;
  border: 1px solid var(--gray-4);
  border-radius: 4px;
  outline: none;
  padding: 15px 15px 15px 47px;
  transition: 0.4s;
}

.form_field:focus {
  border-color: var(--primary-color);
}

.form_input {
  height: 48px;
}

.form_textarea {
  height: 150px;
}

.form_label {
  cursor: text;
  position: absolute;
  top: 16px;
  left: 36px;
  background-color: var(--white);
  color: var(--gray-3);
  font-size: 13.7px;
  font-weight: 300;
  padding: 0 8px;
  transition: 0.5s ease;
}

.form_field:focus ~ .form_label,
.form_field:valid ~ .form_label {
  color: var(--primary-color);
  transform: scale(0.9) translate(-5px, -26px);
}

.form_icon {
  position: absolute;
  left: 16px;
  top: 16px;
  width: 14px;
  fill: var(--gray-3);
  transition: 0.5s ease;
}

.form_field:focus ~ .form_icon,
.form_field:valid ~ .form_icon {
  fill: var(--primary-color);
}

.form_btn {
  display: block;
  width: 100%;
}

@media (max-width: 768px) {
  .form_input {
    height: 42px;
  }

  .form_icon {
    top: 15px;
    width: 14px;
  }

  .form_label {
    top: 13px;
    font-size: 13px;
  }

  .form_textarea {
    height: 120px;
  }
}

/*****************************************
**************** BOTÃO *******************
*****************************************/

.btn {
  display: inline-block;
  background-color: var(--primary-color);
  color: var(--white);
  text-align: center;
  text-transform: uppercase;
  font-size: 17px;
  font-weight: 600;
  letter-spacing: 0.5px;
  border: 1px solid var(--primary-color);
  border-radius: 99px;
  padding: 16px 36px;
  transition: 0.5s ease;
}

.btn.sec {
  background-color: var(--secondary-color);
  border-color: var(--secondary-color);
}

.btn.wpp {
  background-color: var(--whatsapp);
  border-color: var(--whatsapp);
}

@media (min-width: 1025px) {
  .btn:hover {
    background-color: var(--white);
    color: var(--primary-color);
  }

  .btn.sec:hover {
    background-color: var(--white);
    color: var(--secondary-color);
  }

  .btn.wpp:hover {
    background-color: var(--white);
    color: var(--whatsapp);
  }
}

@media (max-width: 1368px) {
  .btn {
    font-size: 14px;
    padding: 14px 28px;
  }
}

@media (max-width: 1240px) {
  .btn {
    font-size: 13px;
    padding: 12px 24px;
  }
}

@media (max-width: 768px) {
  .btn {
    font-size: 15px;
    padding: 13px 26px;
  }
}

/*****************************************
*************** NAVBAR *******************
*****************************************/

.nav {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 20px 0;
  z-index: 997;
}

.nav_container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.nav_logo {
  width: 175px;
}

.nav_phone-area {
  display: flex;
  align-items: center;
  gap: 16px;
}

.nav_phone-icon-area {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  background-color: var(--secondary-color);
  fill: var(--white);
  border: 2px solid var(--secondary-color);
  border-radius: 4px;
  transition: 0.5s ease;
}

.nav_phone-icon {
  width: 22px;
  height: 22px;
}

.nav_phone-txt {
  display: block;
  color: var(--white);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.25px;
  text-shadow: 0 0 8px var(--shadow-1);
  margin: 0 0 2px;
  transition: 0.5s ease;
}

.nav_phone-num {
  display: block;
  color: var(--white);
  font-size: 17px;
  font-weight: 400;
  text-shadow: 0 0 8px var(--shadow-1);
  transition: 0.5s ease;
}

@media (min-width: 1025px) {
  .nav_phone-area:hover .nav_phone-icon-area {
    background-color: transparent;
    fill: var(--secondary-color);
  }

  .nav_phone-area:hover .nav_phone-txt,
  .nav_phone-area:hover .nav_phone-num {
    color: var(--secondary-color);
  }
}

/*****************************************
**************** HERO ********************
*****************************************/

.hero {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  background: linear-gradient(45deg, #252734 36%, #39877c);
  height: 100vh;
  max-height: 665px;
  overflow: hidden;
  z-index: 1;
}

.hero_bg-area {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  opacity: 0.28;
  z-index: 1;
}

.hero_bg {
  object-fit: cover;
  object-position: 31%;
  height: 100%;
}

.hero_container {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  z-index: 3;
}

.hero_txt-area {
  width: 52%;
}

.hero_ttl {
  color: var(--white);
  font-size: 55px;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-shadow: 0 0 12px var(--shadow-1);
}

.hero_sub-ttl {
  display: block;
  color: var(--secondary-color);
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0.5px;
  text-shadow: 0 0 12px var(--shadow-1);
  margin: 12px 0 24px;
}

.hero_sub-ttl::before {
  content: "";
  display: inline-block;
  width: 39px;
  height: 2px;
  background-color: var(--secondary-color);
  margin: 0 12px 7px 0;
}

.hero_txt {
  color: var(--white);
}

.hero_mob-btn {
  display: none;
}

.hero_form-area {
  background-color: var(--white);
  width: 34%;
  border-radius: 16px;
  box-shadow: 0 0 24px var(--shadow-2);
  padding: 36px;
  margin: 120px 0 0;
}

.hero_form-ttl {
  text-align: center;
  font-size: 21px;
  font-weight: 600;
  letter-spacing: 0.5px;
  margin: 0 0 28px;
}

.hero_form {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.hero_divider-area {
  position: absolute;
  left: 0;
  bottom: -1px;
  right: 0;
  width: 100%;
  line-height: 0;
  z-index: 2;
}

.hero_divider {
  position: relative;
  display: block;
  width: calc(100% + 2px);
  height: 200px;
}

@media (min-width: 1930px) {
  .hero {
    max-height: 800px;
  }

  .hero_divider {
    height: 304px;
  }
}

@media (min-width: 1369px) {
  .hero_txt {
    font-size: 18px;
  }
}

@media (max-width: 1368px) {
  .hero_ttl {
    font-size: 53.5px;
  }

  .hero_sub-ttl {
    font-size: 17.5px;
  }

  .hero_form-ttl {
    font-size: 18px;
  }
}

@media (max-width: 1240px) {
  .hero_form-area {
    width: 38%;
  }
}

@media (max-width: 1024px) {
  .hero_form-area {
    display: none;
  }

  .hero_mob-btn {
    display: inline-block;
    margin: 32px 0 0;
  }

  .hero_txt-area {
    width: 100%;
  }
}

@media (max-width: 575px) {
  .nav {
    padding: 12px 0;
  }

  .nav_logo {
    width: 130px;
  }

  .nav_phone-area {
    gap: 10px;
  }

  .nav_phone-icon-area {
    width: 38px;
    height: 38px;
  }

  .nav_phone-icon {
    width: 18px;
    height: 18px;
  }

  .nav_phone-txt {
    font-size: 13px;
  }

  .nav_phone-num {
    font-size: 14.5px;
  }

  .hero {
    align-items: end;
    max-height: 560px;
  }

  .hero_txt-area {
    text-align: center;
    margin: 0 0 40px;
  }

  .hero_ttl {
    font-size: 9vw;
  }

  .hero_sub-ttl {
    font-size: 3.28vw;
    margin: 6px 0 12px;
  }

  .hero_sub-ttl::before {
    display: none;
  }

  .hero_txt {
    font-size: 3.55vw;
  }

  .hero_txt br {
    display: none;
  }

  .hero_mob-btn {
    margin: 24px 0 0;
  }

  .hero_divider-area {
    display: none;
  }
}

/*****************************************
*************** SEGURO *******************
*****************************************/

.insurance {
  position: relative;
  background-color: var(--primary-color-light);
  padding: 96px 0;
}

.insurance_txt-area {
  width: 47.7%;
}

.insurance_txt {
  margin: 14px 0 0;
}

.insurance_sub-ttl {
  line-height: 1.32;
  margin: 22px 0;
}

.insurance_sub-ttl span {
  color: #cd542b;
}

.insurance_itens-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  row-gap: 8px;
  margin: 0 0 48px;
}

.insurance_item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 49.3%;
  border: 1px solid var(--gray-5);
  border-radius: 4px;
  padding: 14px 11px;
  transition: 0.5s ease;
}

.insurance_item-icon {
  fill: url(#svgGradient) var(--primary-color);
  width: 32px;
  height: 32px;
  margin: 0 12px 0 0;
  transition: 0.5s ease;
}

.insurance_item-txt {
  width: calc(100% - 32px - 12px);
  font-size: 15px;
  font-weight: 600;
  line-height: 1.24;
  transition: 0.5s ease;
}

.insurance_img-area {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 46%;
  height: 100%;
  z-index: 2;
}

.insurance_img {
  object-fit: cover;
  height: 100%;
}

.insurance .simpleParallax {
  height: 100%;
}

@media (min-width: 1025px) {
  .insurance_item:hover {
    background-color: var(--secondary-color);
    border-color: var(--secondary-color);
  }

  .insurance_item:hover .insurance_item-icon {
    fill: var(--primary-color);
  }

  .insurance_item:hover .insurance_item-txt {
    color: var(--primary-color);
  }
}

@media (max-width: 1024px) {
  .insurance {
    padding: 96px 0 0;
  }

  .insurance_txt-area {
    width: 100%;
    margin: 0 0 56px;
  }

  .insurance_img-area {
    position: static;
    width: 100%;
    height: 480px;
  }
}

@media (max-width: 768px) {
  .insurance {
    padding: 72px 0 0;
  }

  .insurance_txt-area {
    margin: 0 0 72px;
  }

  .insurance_txt {
    margin: 10px 0 0;
  }

  .insurance_sub-ttl {
    margin: 18px 0;
  }

  .insurance_itens-box {
    margin: 0 0 32px;
  }

  .insurance_item {
    width: 49%;
  }

  .insurance_item-icon {
    width: 32px;
    height: 32px;
  }

  .insurance_item-txt {
    width: calc(100% - 32px - 12px);
    font-size: 12px;
  }

  .insurance_img-area {
    height: 300px;
  }
}

/*****************************************
************ SEGURO AGRÍCOLA *************
*****************************************/

.agricultural_swiper-box {
  position: relative;
  padding: 0 24px;
}

.agricultural_swiper .swiper-slide {
  text-align: center;
  padding: 5px;
}

.agricultural_swiper-img {
  box-shadow: -3px 3px 0px 1px var(--primary-color);
  border-radius: 50%;
  margin: 0 0 24px;
}

.agricultural_swiper-nav-prev,
.agricultural_swiper-nav-next {
  position: absolute;
  top: 41.5%;
}

.agricultural_swiper-nav-prev {
  left: -16px;
  transform: rotate(180deg);
}

.agricultural_swiper-nav-next {
  right: -10px;
}

.agricultural_swiper-nav-icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  border: solid var(--primary-color);
  border-width: 3px 3px 0 0;
  transform: rotate(45deg);
  transition: 0.5s ease;
}


.agricultural_sub-ttl{
    text-wrap: balance;
}  

@media (min-width: 1025px) {
  .agricultural_swiper-nav-prev:hover .agricultural_swiper-nav-icon,
  .agricultural_swiper-nav-next:hover .agricultural_swiper-nav-icon {
    border-color: var(--secondary-color);
  }
}

@media (max-width: 1024px) {
 



  .agricultural_swiper-nav-icon {
    width: 12px;
    height: 12px;
  }

  .agricultural_swiper-nav-prev {
    left: -10px;
  }

  .agricultural_swiper-nav-next {
    right: -8px;
  }
}

@media (max-width: 768px) {
    /* .agricultural_sub-ttl .agricultural_sub-ttl-mobile-line-breaker {
    display: block;
  } */
  .agricultural_container {
    padding: 0;
  }

  .agricultural_swiper-box {
    padding: 0 0 0 16px;
  }

  .agricultural .sec-ttl_center {
    padding: 0 16px;
  }

  .agricultural_swiper.swiper {
    overflow: visible;
  }

  .agricultural_swiper-nav-prev,
  .agricultural_swiper-nav-next {
    display: none;
  }

  .agricultural_swiper-img {
    box-shadow: -2px 2px 0px 1px var(--primary-color);
    margin: 0 0 14px;
  }
}

/*****************************************
*** SEGURO AGRÍCOLA MODALIDADES TÍTULO ***
*****************************************/

.mods-ttl-area {
  position: relative;
  overflow: visible;
  overflow-x: clip;
  background-color: var(--primary-color);
  margin: -80px 0 0;
  z-index: 1;
}

.mods-ttl {
  color: var(--white);
  text-wrap: balance;
}

.mods-ttl-area_divider-area {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
  line-height: 0;
  transform: rotate(180deg);
}

.mods-ttl-area_divider {
  position: relative;
  display: block;
  width: calc(100% + 1.5px);
  height: 55px;
}

.mods-ttl-area_detail-area {
  position: absolute;
  top: -2px;
  left: 0;
  right: 0;
  width: fit-content;
  overflow: hidden;
  line-height: 0;
  margin: auto;
}

.mods-ttl-area_detail {
  position: relative;
  display: block;
  width: 22px;
  height: auto;
}

@media (min-width: 1921px) {
  .mods-ttl-area_divider {
    height: 80px;
  }

  .mods-ttl-area_detail-area {
    top: 20px;
  }
}

@media (max-width: 1240px) {
  .mods-ttl-area {
    margin: -56px 0 0;
  }

  .mods-ttl-area_divider {
    height: 36px;
  }

  .mods-ttl-area_detail {
    width: 16px;
  }
}

@media (max-width: 768px) {
  .mods-ttl-area {
    margin: -40px 0 0;
  }

  .mods-ttl-area_divider {
    transform: scaleX(2.5);
  }
}

/*****************************************
******* SEGURO AGRÍCOLA MODALIDADES ******
*****************************************/

.mods {
  position: relative;
  padding-top: 0;
  padding-bottom: 28px;
  margin: -144px 0 0;
  z-index: 3;
}

.mods_box {
  background-color: var(--white);
  box-shadow: 0 0 24px var(--shadow-2);
  border-radius: 16px;
  padding: 44px;
}

.mods_nav-area {
  display: flex;
  justify-content: space-between;
}

.mods_nav {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24.2%;
  border: 1px solid var(--gray-4);
  border-radius: 8px;
  padding: 16px 4px;
  transition: 0.5s ease;
}

.mods_nav.active {
  background-color: var(--secondary-color);
  border-color: var(--secondary-color);
}

.mods_nav-icon {
  fill: var(--gray-3);
  width: 34px;
  height: 34px;
  margin: 0 12px 0 0;
  transition: 0.5s ease;
}

.mods_nav.active .mods_nav-icon {
  fill: var(--primary-color);
}

.mods_nav-txt {
  color: var(--gray-3);
  text-align: left;
  font-size: 17px;
  transition: 0.5s ease;
}

.mods_nav.active .mods_nav-txt {
  color: var(--primary-color);
}

.mods_tab {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  margin: 80px 0 0;
}

.mods_tab-img-area {
  width: 34%;
}

.mods_tab-img {
  border-radius: 12px;
}

.mods_tab-txt-area {
  width: 60%;
}

.mods_ttl {
  margin: 0 0 20px;
}

.mods_txt + .mods_txt {
  margin: 8px 0 0;
}

.mods_list {
  margin: 8px 0 0;
}

.mods_item {
  font-weight: 600;
}

.mods_item::before {
  content: "";
  display: inline-block;
  width: 5px;
  height: 5px;
  border: solid var(--primary-color);
  border-width: 2px 2px 0 0;
  transform: rotate(45deg);
  margin: 0 10px 2px 0;
}

.mods_tab-btn {
  margin: 32px 0 0;
}

@media (min-width: 1025px) {
  .mods_nav:not(.active):hover {
    background-color: var(--gray-6);
  }
}

@media (max-width: 1240px) {
  .mods_box {
    padding: 32px;
  }

  .mods_nav-icon {
    width: 28px;
    height: 28px;
  }

  .mods_nav-txt {
    font-size: 14px;
  }

  .mods_tab {
    margin: 64px 0 0;
  }

  .mods_tab-txt-area {
    width: 62%;
  }
}

@media (max-width: 1024px) {
  .mods {
    margin: -96px 0 0;
  }

  .mods_box {
    padding: 24px;
  }

  .mods_nav-txt strong {
    display: block;
  }

  .mods_tab-img-area {
    width: 56%;
    margin: 0 auto 36px;
  }

  .mods_tab-txt-area {
    width: 100%;
  }

  .mods_ttl {
    margin: 0 0 16px;
  }

  .mods_txt + .mods_txt {
    margin: 6px 0 0;
  }

  .mods_tab-btn {
    margin: 24px 0 0;
  }
}

@media (max-width: 768px) {
  .mods_box {
    padding: 24px 0;
  }

  .mods_nav-area {
    display: flex;
    justify-content: normal;
    white-space: nowrap;
    overflow: hidden;
    overflow-x: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none;
    padding-inline: 16px;
    gap: 8px;
  }

  .mods_nav-area::-webkit-scrollbar {
    display: none;
  }

  .mods_nav {
    flex: 0 0 160px;
    white-space: nowrap;
    border-radius: 4px;
    padding: 10px 5px;
  }

  .mods_nav-txt {
    font-size: 12px;
  }

  .mods_tab {
    margin: 48px 0 0;
  }

  .mods_tab-img {
    border-radius: 8px;
  }

  .mods_tab-img-area {
    width: 76%;
    margin: 0 auto 32px;
  }

  .mods_tab-txt-area {
    padding: 0 24px;
  }

  .mods_item::before {
    width: 4px;
    height: 4px;
    margin: 0 8px 2px 0;
  }
}

/*****************************************
************ OUTROS SEGUROS **************
*****************************************/

.insurance_type {
  position: relative;
  overflow: visible;
  overflow-x: clip;
  z-index: 1;
}

.insurance_type.light {
  background-color: var(--primary-color-light);
}

.insurance_type-container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.insurance_type-container.reverse {
  flex-direction: row-reverse;
}

.insurance_type-img-area {
  width: 44.6%;
}

.insurante_type-img {
  border-radius: 16px;
}

.insurance_type-txt-area {
  width: 47.6%;
}

.insurance_type-txt + .insurance_type-txt {
  margin: 10px 0 0;
}

.insurance_type-txt-highlight {
  color: var(--primary-color);
  font-weight: 900;
}

.insurance_type-ttl {
  margin: 0 0 20px;
}

.insurance_type-btn {
  margin: 32px 0 0;
}

.insurance_type-equipment-item {
  display: flex;
  margin: 10px 0 0;
}

.insurance_type-equipment-icon {
  fill: url(#svgGradient) var(--primary-color);
  width: 48px;
  height: 48px;
  margin: 8px 18px 0 0;
}

.insurance_type-equipment-txt-area {
  width: calc(100% - 48px - 18px);
}

.insurance_type-equipment-item p:first-of-type {
  color: var(--gray-1);
  font-weight: 600;
}

.insurance_type-animal-itens {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 8px;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 20px 0;
}

.insurance_type-animal-item {
  text-align: center;
  border: 1px solid var(--gray-4);
  border-radius: 8px;
  padding: 16px 5px;
  transition: 0.5s ease;
}

.insurance_type-animal-icon {
  fill: url(#svgGradient) var(--primary-color);
  width: 42px;
  height: 42px;
  margin: 0 0 4px;
  transition: 0.5s ease;
}

.insurance_type-animal-ttl {
  font-weight: 600;
  transition: 0.5s ease;
}

.insurance_type_detail-top,
.insurance_type_detail-bottom {
  position: absolute;
  width: 440px;
  z-index: -1;
}

.insurance_type_detail-top {
  top: -220px;
  left: -12%;
}

.insurance_type_detail-bottom {
  bottom: -220px;
  right: -12%;
}

@media (min-width: 1025px) {
  .insurance_type-animal-item:hover {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
  }

  .insurance_type-animal-item:hover .insurance_type-animal-icon {
    fill: var(--secondary-color);
  }

  .insurance_type-animal-item:hover .insurance_type-animal-ttl {
    color: var(--secondary-color);
  }
}

@media (max-width: 1368px) {
  .insurance_type-animal-itens {
    grid-template-columns: repeat(3, 1fr);
  }

  .insurance_type_detail-top,
  .insurance_type_detail-bottom {
    width: 340px;
  }

  .insurance_type_detail-top {
    top: -170px;
    left: -14%;
  }

  .insurance_type_detail-bottom {
    bottom: -170px;
    right: -14%;
  }
}

@media (max-width: 1024px) {
  .insurance_type-animal-itens {
    grid-template-columns: repeat(6, 1fr);
  }

  .insurance_type-img-area {
    width: 50%;
    margin: 0 auto 48px;
  }

  .insurance_type-txt-area {
    width: 100%;
  }
}

@media (max-width: 768px) {
  .insurance_type-img-area {
    width: 100%;
    margin: 0 auto 40px;
  }

  .insurante_type-img {
    border-radius: 8px;
  }

  .insurance_type-ttl {
    margin: 0 0 12px;
  }

  .insurance_type-equipment-icon {
    width: 36px;
    height: 36px;
  }

  .insurance_type-animal-icon {
    width: 28px;
    height: 28px;
  }

  .insurance_type-animal-ttl {
    font-size: 12px;
  }

  .insurance_type-txt + .insurance_type-txt {
    margin: 8px 0 0;
  }

  .insurance_type-btn {
    margin: 24px 0 0;
  }

  .insurance_type_detail-top,
  .insurance_type_detail-bottom {
    display: none;
  }
}

@media (max-width: 575px) {
  .insurance_type-animal-itens {
    grid-template-columns: repeat(3, 1fr);
  }
}

/*****************************************
************** BENEFÍCIOS ****************
*****************************************/

.benefits {
  position: relative;
  background-color: var(--primary-color-light);
  overflow: visible;
  overflow-x: clip;
  z-index: 1;
}

.benefits_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 0 -30px;
}

.benefits_card {
  width: 33%;
  text-align: center;
  border-radius: 16px;
  padding: 40px 24px;
  transition: 0.4s ease;
}

.benefits_icon {
  fill: url(#svgGradient) var(--primary-color);
  width: 72px;
  height: 72px;
  transition: 0.8s ease;
}

.benefits_ttl {
  margin: 18px 0 8px;
  transition: 0.4s ease;
}

.benefits_detail-top,
.benefits_detail-bottom {
  position: absolute;
  width: 440px;
  z-index: 999;
}

.benefits_detail-top {
  top: -220px;
  left: -12%;
}

.benefits_detail-bottom {
  bottom: -220px;
  right: -12%;
}

@media (min-width: 1025px) {
  .benefits_card:hover {
    background-color: var(--primary-color);
  }

  .benefits_card:hover .benefits_icon {
    fill: var(--white);
    perspective-origin: 1000px;
    transform: rotateY(360deg);
  }

  .benefits_card:hover .benefits_ttl {
    color: var(--white);
  }

  .benefits_card:hover .benefits_txt {
    color: var(--gray-5);
  }
}

@media (max-width: 1368px) {
  .benefits_detail-top,
  .benefits_detail-bottom {
    width: 340px;
  }

  .benefits_detail-top {
    top: -170px;
    left: -14%;
  }

  .benefits_detail-bottom {
    bottom: -170px;
    right: -14%;
  }
}

@media (max-width: 1240px) {
  .benefits_detail-top,
  .benefits_detail-bottom {
    width: 240px;
  }

  .benefits_detail-top {
    top: -120px;
    left: -13%;
  }

  .benefits_detail-bottom {
    bottom: -120px;
    right: -13%;
  }

  .benefits_icon {
    width: 64px;
    height: 64px;
  }

  .benefits_ttl {
    margin: 16px 0 6px;
  }
}

@media (max-width: 768px) {
  .benefits_detail-top,
  .benefits_detail-bottom {
    display: none;
  }

  .benefits_card {
    width: 100%;
    padding: 20px;
  }

  .benefits_icon {
    width: 56px;
    height: 56px;
  }

  .benefits_ttl {
    margin: 8px 0 4px;
  }

  .benefits_box {
    margin: 0;
  }
}

/*****************************************
**************** ETAPAS ******************
*****************************************/

.steps {
  background-color: var(--primary-color);
}

.steps_sec-ttl {
  color: var(--white);
}

.steps_sec-sub-ttl {
  color: var(--gray-5);
}

.steps_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.steps_card {
  width: 20.1%;
  text-align: center;
}

.steps_num-area {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 88px;
  height: 88px;
  background-color: var(--primary-color);
  border: 2px solid var(--white);
  border-radius: 50%;
  margin: 0 auto;
  z-index: 2;
  transition: 0.5s ease 0.16s;
}

.steps_card:not(:last-child) .steps_num-area::before,
.steps_card:not(:last-child) .steps_num-area::after {
  content: "";
  position: absolute;
  top: 0;
  left: 100%;
  bottom: 0;
  width: 330%;
  height: 2px;
  margin: auto;
}

.steps_card:not(:last-child) .steps_num-area::before {
  background-color: var(--white);
}

.steps_card:not(:last-child) .steps_num-area::after {
  background-color: var(--secondary-color);
  transform: scaleX(0);
  transform-origin: left;
  transition: 0.8s ease 0.16s;
}

.steps_num {
  color: var(--white);
  font-size: 48px;
  font-weight: 800;
  transition: 0.5s ease 0.16s;
}

.steps_ttl {
  color: var(--white);
  margin: 28px 0 6px;
}

.steps_txt {
  color: var(--gray-5);
}

@media (min-width: 1025px) {
  .steps_num-area:hover,
  .steps_num-area.active {
    background-color: var(--secondary-color);
    border-color: var(--secondary-color);
  }

  .steps_num-area:hover .steps_num,
  .steps_num-area.active .steps_num {
    color: var(--primary-color);
  }

  .steps_card:not(:last-child) .steps_num-area.active::after {
    transform: scaleX(1);
  }
}

@media (max-width: 1240px) {
  .steps_num-area {
    width: 72px;
    height: 72px;
  }

  .steps_num {
    font-size: 40px;
  }

  .steps_ttl {
    margin: 18px 0 4px;
  }
}

@media (max-width: 1024px) {
  .steps_box {
    gap: 48px;
  }

  .steps_card {
    display: flex;
    align-items: center;
    width: 100%;
    text-align: left;
  }

  .steps_num-area {
    margin: 0 16px 0 0;
  }

  .steps_card:not(:last-child) .steps_num-area::before {
    top: 100%;
    left: 0;
    right: 0;
    width: 2px;
    height: 160%;
    margin: 0 auto;
  }

  .steps_card:not(:last-child) .steps_num-area::after {
    display: none;
  }

  .steps_txt-area {
    width: calc(100% - 72px - 16px);
  }

  .steps_ttl {
    margin: 0 0 4px;
  }
}

@media (max-width: 768px) {
  .steps_num-area {
    width: 38px;
    height: 38px;
    margin: 0 12px 0 0;
  }

  .steps_card:not(:last-child) .steps_num-area::before {
    height: 300%;
  }

  .steps_num {
    font-size: 19px;
  }

  .steps_txt-area {
    width: calc(100% - 38px - 12px);
  }
}

/*****************************************
*************** PERSONA ******************
*****************************************/

.persona_container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.persona_img-area {
  position: relative;
  display: flex;
  justify-content: space-between;
  width: 51.5%;
}

.persona_swiper-1,
.persona_swiper-2 {
  width: 47.5%;
  height: min-content;
  border-radius: 8px;
}

.persona_swiper-1 {
  z-index: 1 !important;
}

.persona_swiper-2 {
  margin: 140px 0 0;
  z-index: 3 !important;
}

.persona_img-detail {
  position: absolute;
  top: 60px;
  left: 35%;
  width: 300px;
  z-index: 2;
}

.persona_img-box {
  position: absolute;
  left: 48px;
  bottom: 26px;
  display: flex;
  align-items: center;
  gap: 16px;
  background-color: var(--white);
  box-shadow: 0 0 24px var(--shadow-3);
  border-radius: 8px;
  padding: 20px 30px;
  z-index: 4;
}

.persona_img-box-icon {
  fill: var(--primary-color);
  width: 32px;
  height: 32px;
}

.persona_img-box-txt {
  color: var(--primary-color);
  line-height: 1.36;
}

.persona_img {
  object-fit: cover;
  transform: scale(1.01);
}

.persona_txt-area {
  width: 43.9%;
}

.persona_txt {
  margin: 20px 0;
}

.persona_list {
  column-count: 2;
  margin: 0 0 48px;
}

.persona_item {
  font-weight: 600;
  line-height: 1.4;
}

.persona_item + .persona_item {
  margin: 6px 0 0;
}

.persona_item::before {
  content: "";
  display: inline-block;
  width: 5px;
  height: 5px;
  border: solid var(--primary-color);
  border-width: 2px 2px 0 0;
  transform: rotate(45deg);
  margin: 0 10px 2px 0;
}

@media (max-width: 1368px) {
  .persona_img-area {
    width: 45.5%;
  }

  .persona_txt-area {
    width: 52.1%;
  }
}

@media (max-width: 1024px) {
  .persona_container {
    justify-content: center;
    gap: 56px;
  }

  .persona_img-area {
    width: 88%;
  }

  .persona_txt-area {
    width: 100%;
  }
}

@media (max-width: 768px) {
  .persona_container {
    gap: 40px;
  }

  .persona_img-box {
    left: 0;
    bottom: 32px;
    gap: 12px;
    border-radius: 4px;
    padding: 12px 16px;
  }

  .persona_img-box-icon {
    width: 28px;
    height: 28px;
  }

  .persona_img-box-txt {
    font-size: 13.5px;
  }

  .persona_img-detail {
    width: 200px;
  }

  .persona_txt {
    margin: 14px 0;
  }

  .persona_list {
    column-count: 1;
    margin: 0 0 35px;
  }

  .persona_item::before {
    width: 4px;
    height: 4px;
    margin: 0 8px 2px 0;
  }
}

/*****************************************
*************** SOBRE ********************
*****************************************/

.about_container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.about_column {
  width: 47.5%;
}

.about_txt {
  margin: 16px 0 0;
}

.about_txt strong {
  color: var(--primary-color);
}

.about_img-1 {
  border-radius: 0 0 0 72px;
  margin: 40px 0 0;
}

.about_img-2 {
  border-radius: 0 72px 0 0;
  margin: 0 0 40px;
}

@media (max-width: 768px) {
  .about_column {
    width: 100%;
  }

  .about_column:nth-child(2) {
    display: flex;
    flex-direction: column-reverse;
  }

  .about_txt {
    margin: 10px 0 0;
  }

  .about_column:nth-child(2) .about_txt {
    margin: 0;
  }

  .about_img-1 {
    border-radius: 32px 0 0;
    margin: 28px 0;
  }

  .about_img-2 {
    border-radius: 0 0 32px 0;
    margin: 28px 0 0;
  }
}

/*****************************************
*************** RODAPÉ *******************
*****************************************/

.footer {
  background-color: var(--primary-color);
  border-top: 4px solid var(--secondary-color);
  padding: 36px 0;
}

.footer_container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.footer_link {
  display: block;
  color: #ffffff;
  font-size: 13px;
  font-weight: 300;
}

.footer_link::before {
  content: "";
  display: inline-block;
  width: 5px;
  height: 5px;
  border: 1px solid var(--secondary-color);
  border-width: 2px 2px 0 0;
  transform: rotate(45deg);
  margin: 0 8px 1px 0;
}

.footer_link + .footer_link {
  margin: 8px 0 0;
}

.footer_copy-area {
  width: 50%;
  text-align: center;
}

.footer_copy-ttl {
  color: #ffffff;
  font-size: 15px;
  font-weight: 600;
  margin: 0 0 4px;
}

.footer_copy-txt {
  color: #ffffff;
  font-size: 13px;
  font-weight: 300;
}

.footer_author {
  display: flex;
  color: #ffffff;
  font-size: 13px;
  font-weight: 300;
}

.footer_author-logo {
  position: relative;
  top: -3px;
  width: 58px;
  margin: 0 0 0 8px;
}

@media (max-width: 1368px) {
  .footer_copy-area {
    width: 56%;
  }
}

@media (max-width: 1024px) {
  .footer_container {
    gap: 16px;
  }

  .footer_link-area,
  .footer_copy-area,
  .footer_author {
    justify-content: center;
    width: 100%;
    text-align: center;
  }

  .footer_copy-area {
    order: 1;
  }

  .footer_link-area {
    order: 2;
  }

  .footer_author {
    order: 3;
  }

  .footer_link {
    display: inline-block;
  }

  .footer_link + .footer_link {
    margin: 0 0 0 12px;
  }

  .footer_author-logo {
    width: 54px;
  }
}

@media (max-width: 768px) {
  .footer {
    padding: 24px 0;
  }

  .footer_copy-ttl {
    font-size: 14px;
  }

  .footer_copy-txt,
  .footer_link,
  .footer_author {
    font-size: 12px;
  }

  .footer_author-logo {
    width: 50px;
  }
}

/*****************************************
************ WHATSAPP FIXO ***************
*****************************************/

.fixed-whatsapp_area {
  position: fixed;
  bottom: 15px;
  right: 15px;
  z-index: 998;
}

.fixed-whatsapp {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 70px;
  height: 70px;
  background-color: var(--whatsapp);
  fill: var(--white);
  border: 2px solid var(--whatsapp);
  border-radius: 100%;
  transition: 0.5s ease;
}

.fixed-whatsapp_icon {
  position: relative;
  top: -2px;
  width: 35px;
  height: 35px;
}

@media (min-width: 993px) {
  .fixed-whatsapp:hover {
    background-color: var(--white);
    fill: var(--whatsapp);
  }
}

@media (max-width: 1450px) {
  .fixed-whatsapp {
    width: 58px;
    height: 58px;
  }

  .fixed-whatsapp_icon {
    width: 29px;
    height: 29px;
  }
}

@media (max-width: 575px) {
  .fixed-whatsapp_area {
    bottom: 10px;
    right: 10px;
  }

  .fixed-whatsapp {
    width: 50px;
    height: 50px;
  }

  .fixed-whatsapp_icon {
    width: 26px;
    height: 26px;
  }
}

/*****************************************
**************** MODAL *******************
*****************************************/

.modal {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  text-align: center;
  overflow: auto;
  z-index: 999;
}

.modal::before {
  content: "";
  box-sizing: border-box;
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin: 0 -0.05em 0 0;
}

.modal_overlay {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: var(--black);
  opacity: 0.88;
}

.modal_holder {
  position: relative;
  display: inline-block;
  width: 650px;
  max-width: 95%;
  vertical-align: middle;
  text-align: left;
  overflow: hidden;
  padding: 45px 0;
}

.modal_box {
  overflow: hidden;
  border-radius: 8px;
}

.modal_header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  background-color: var(--whatsapp);
  padding: 30px 40px;
}

.modal_header-icon {
  width: 55px;
  height: 55px;
  fill: var(--white);
  margin: 0 20px 0 0;
}

.modal_header-title-area {
  width: calc(100% - 75px - 45px);
}

.modal_header-title {
  color: var(--white);
  font-size: 24px;
  font-weight: 600;
  margin: 0 0 12px;
}

.modal_close {
  cursor: pointer;
  position: relative;
  background-color: transparent;
  border: none;
  width: 25px;
  height: 25px;
  margin: 0 0 0 20px;
  opacity: 0.5;
  transition: 0.5s ease;
}

.modal_close:before,
.modal_close:after {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  width: 100%;
  height: 2px;
  background-color: var(--white);
}

.modal_close:before {
  transform: translate(-50%, -50%) rotate(45deg);
}

.modal_close:after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.modal_header-description {
  color: var(--white);
  font-size: 17px;
  font-weight: 300;
}

.modal_body {
  background-color: var(--white);
  padding: 40px;
}

@media (max-width: 575px) {
  .modal_header,
  .modal_body {
    padding: 20px;
  }

  .modal_header-icon {
    width: 9vw;
    height: auto;
    margin: 0 3.5vw 0 0;
  }

  .modal_header-title-area {
    width: calc(100% - 22.5vw);
  }

  .modal_header-title {
    font-size: 4.25vw;
    margin: 0 0 7px;
  }

  .modal_header-description {
    font-size: 3vw;
    line-height: 1.2;
  }

  .modal_close {
    width: 5vw;
    height: 5vw;
    margin: 0 0 0 5vw;
  }
}

/*****************************************
***************** LGPD *******************
*****************************************/

.warning {
  position: fixed;
  left: 0;
  bottom: 15px;
  right: 0;
  margin: 0 auto;
  z-index: 997;
}

.warning-wrapper {
  background-color: var(--white);
  box-shadow: 0 0 20px var(--shadow-3);
  border-radius: 8px;
  padding: 15px;
}

.warning_box {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.warning_text-area {
  width: 88%;
}

.warning_text {
  display: block;
  font-size: 14px;
  line-height: 1.4;
}

.warning_link {
  color: var(--primary-color);
  font-weight: 600;
  transition: 0.5s ease;
}

.warning_button-area {
  width: 9%;
}

.warning_button {
  display: block;
  width: 100%;
  background-color: var(--primary-color);
  color: var(--white);
  font-size: 14px;
  font-weight: 600;
  border: 2px solid var(--primary-color);
  border-radius: 4px;
  padding: 8px;
  transition: 0.5s ease;
}

.lgpd_text-area p {
  line-height: 1.6;
}

.lgpd_text-area p:not(:last-child) {
  margin: 0 0 15px;
}

.lgpd_text-area h3 {
  margin: 40px 0 15px;
}

.lgpd_text-area a {
  color: var(--primary-color);
  font-weight: 500;
  transition: 0.5s ease;
}

@media (min-width: 993px) {
  .warning_link:hover {
    color: var(--gray-1);
  }

  .warning_button:hover {
    background-color: var(--white);
    color: var(--primary-color);
  }

  .lgpd_text-area a:hover {
    color: var(--secondary-color-dark);
  }
}

@media (max-width: 1450px) {
  .warning_text-area {
    width: 90%;
  }

  .warning_text {
    font-size: 12px;
  }

  .warning_button {
    font-size: 12px;
  }

  .warning_button-area {
    width: 9%;
  }
}

@media (max-width: 575px) {
  .warning_container .box {
    justify-content: center;
  }

  .warning_text-area {
    width: 100%;
  }

  .warning_text {
    text-align: center;
    font-size: 11px;
    line-height: 1.65;
  }

  .warning_button-area {
    width: 25%;
    text-align: center;
    margin: 10px 0 0;
  }

  .warning_button {
    font-size: 11px;
  }
}


/* SEGURO EQUIPAMENTOS */



.diferenciais{
margin: 0 0 96px 0;
}


.diferenciais .grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 45px;
}

.diferenciais .card {
    overflow: hidden;
    border-radius: 10px;
    box-shadow: 0 0 25px #0c1a1510;
    padding: 35px;
    transition: .5s;
	
}
.diferenciais  .bg-amarelo {
	background-color: #f4bf28 !important;
	background-image: url('../img/bg-amarelo.jpg');
    background-size: cover; /* A imagem cobrirá toda a área */
    background-position: center; /* A imagem será centralizada */
    background-repeat: no-repeat; /* A imagem não será repetida */
    /*background-attachment: fixed;*/ /* O background permanecerá fixo ao rolar a página */
}

.diferenciais  .bg-verde {
	background-color: #3b877c !important;
	background-image: url('../img/bg-verde.jpg');
    background-size: cover; /* A imagem cobrirá toda a área */
    background-position: center; /* A imagem será centralizada */
    background-repeat: no-repeat; /* A imagem não será repetida */
    /*background-attachment: fixed;*/ /* O background permanecerá fixo ao rolar a página */
}

.diferenciais .card i {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 68px;
    height: 68px;
    color: #3c877c;
    border: 1px solid #3c877c;
    font-size: 38px;
    border-radius: 6px;
    transition: .5s;
}

.diferenciais .card h3 {
    margin: 20px 0 10px;
    transition: .5s;
	color: #fff !important;
	text-shadow: 1px 0px 2px rgba(0,0,0,0.26);
}

.diferenciais .card p {
    transition: .5s;
	color: #fff !important;
	text-shadow: 1px 0px 2px rgba(0,0,0,0.26);
}

/* Media Queries Adjustments */
@media (max-width: 1199px) {
    .diferenciais .grid {
        grid-gap: 26px;
    }
    .diferenciais .card {
        padding: 22px;
    }
    .diferenciais .card i {
        width: 59px;
        height: 59px;
        font-size: 31px;
    }
    .diferenciais .card h3 {
        margin: 18px 0 8px;
    }
}

@media (max-width: 991px) {
    .diferenciais .grid {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 20px;
    }
}

@media (max-width: 575px) {
    .diferenciais .grid {
        grid-template-columns: 1fr;
    }
}

.linhas_icon {
  fill: url(#svgGradient) var(--white);
  width: 72px;
  height: 72px;
  transition: 0.8s ease;
}

.porque {
    /*padding: 9rem 0 3rem;*/
    margin: -200px 0 0;
    z-index: 3;
}

.porque .box {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    background-color: #fff;
    border-radius: 1.25rem;
    box-shadow: 0 0 40px #00000015;
}

.porque .box .txt {
    width: 61%;
    padding: 3rem 3.75rem;
}

.porque .box .txt h3 {
    font-size: 1.375rem;
    line-height: 1.35;
    margin: 0 0 1rem;
}

.porque .box .txt p:last-of-type {
    color: #3c887c;
    font-weight: 600;
    line-height: 1.4;
}

.porque .box .txt ul {
    column-count: 1;
    margin: .75rem 0 3.5rem;
}

/*.porque .box .txt ul li::before {
    content: url(../svg/bullet.svg);
    display: inline-block;
    width: .75rem;
    margin: 0 .3rem 0 0;
}*/

.porque .box .txt .btn {
    display: block;
	z-index: 999;
}

.porque .box .img {
    width: calc(100% - 61%);
	
}

.porque .box .img img {
    object-fit: cover;
    width: 100%;
    height: 600px;
	border-radius: 0 16px 16px 0;
}

@media (max-width:1399px) {
    .porque .box .img img {
        height: 658px;
		border-radius: 16px 16px 0 0;
    }
    .porque .box .txt {
        width: 65%;
        padding: 3rem 2rem;
    }
    .porque .box .img {
        width: calc(100% - 65%);
    }
}

@media (max-width:1199px) {
    .porque .box .txt {
        width: 65%;
        padding: 3rem 2rem;
    }
    .porque .box .img {
        width: calc(100% - 65%);
    }
    .porque .box .img img {
        height: 637px;
    }
}

@media (max-width:991px) {
    .porque {
        margin: -100px 0 0;
    }
    .porque .box {
        flex-direction: column-reverse;
    }
    .porque .box .img,
    .porque .box .txt {
        width: 100%;
    }
    .porque .box .img img {
        height: unset;
    }
    .porque .box .txt {
        padding: 3rem;
    }
}

@media (max-width:767px) {
    .porque .box .txt {
        padding: 1.75rem;
    }
    .porque .box .txt h3 {
        font-size: 1.13rem;
    }
    .porque .box .txt ul {
        column-count: 1;
    }
}

.porque_item {
    font-weight: 600;
    line-height: 1.4;
}
.porque_item::before {
    content: "";
    display: inline-block;
    width: 5px;
    height: 5px;
    border: solid var(--primary-color);
    border-width: 2px 2px 0 0;
    transform: rotate(45deg);
    margin: 0 10px 2px 0;
}