.quad-section .top_content_title {
  margin-bottom: 12px;
}
.quad-section .bottom_content,
.quad-section .top_content {
  position: relative;
  padding-left: 24px;
}
.quad-section .top_content:before {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  width: 2px;
}
.quad-section .top_content p {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0%;
}
.quad-section .quad-section-content .top_content span.button_label {
  font-weight: 500;
  font-size: 14px;
}

.quad-section .bottom_content_title {
  margin-bottom: 12px;
}

.quad-section .bottom_content:before {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  width: 2px;
}
{####### bottom content #######}
.quad-section .quad-section-content .bottom_content span.button_label {
  font-weight: 500;
  font-size: 14px;
}
.quad-section .quad-section-card {
  display: flex;
  gap: 100px;
  flex-wrap: wrap;
}
.quad-section ul.value_list {
  list-style: none;
  padding: 0px;
  margin: 0px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 15px;
}
.quad-section ul.value_list li {
  display: flex;
  gap: 8px;
  font-size: 14px;
  line-height: 22px;
  flex-basis: calc(50% - 20px);
}
.quad-section .quad-section-cards img{
  max-width:100%;
  vertical-align:middle;
}
.quad-section .quad-section-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: calc(53% - 50px);
  gap: 60px;
}

.quad-section .quad-section-cards {
  width: calc(47% - 50px);
  border-radius: 15px;
  padding: 32px;
  backdrop-filter: blur(24px);

}
.quad-section h5.card_title {
  margin-bottom: 4px;    
  margin-top: 0;
}
.quad-section .open_card:nth-child(1) h5.card_title {
  margin-top: 0px;
}
.quad-section .open_card p {
  font-size: 14px;
  line-height: 24px;
  margin: 0px;
}
.quad-section .open_card {
  flex-basis: 50%;
  border-bottom: 1px solid #FFFFFF3B;
  padding-bottom: 32px;
}


.quad-section .open_card:last-child {
  padding: 0px;
  border: 0px;
}


.quad-section .open_card:not(:first-of-type) {
  padding-top: 32px;
}


/*   button */
.quad-section .bottom_btn {
  margin-top: 23px; 
}

.quad-section a.card_btn {
  display: flex;
  align-items: center;
  gap: 8px;
}
.quad-section span.button_icon {
  position: relative;
  display: inline-flex;
  overflow: hidden;
  border: 0px;
  padding: 0px;
}
.quad-section .hr_1 {
  position: relative;
  top: 0px;
  right: 0px;
  transition: 1s;
}
.quad-section .hr_2 {
  transition: 1s;
}
.quad-section .hr_2 {
  position: absolute;
  left: -20px;
  top: 20px;
}
.quad-section .card_btn:hover .hr_2 { 
  top: 0;
  left: 0;
}
.quad-section .card_btn:hover .hr_1 {
  position: relative;
  top: -12px;
  right: -12px;
}


{# right box #}
.quad-section .open_card_content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
}
.quad-section .open_card_logo {
  min-width: 130px;
}

.quad-section .quad-section-cards span.button_label { 
  font-weight: 500;
  font-size: 14px;
}

.quad-section .bottom_btn_box.btn_space {
  margin-top: 10px;
}

.quad-whatsapp .quad-section-cards {
  height: fit-content;
}

.quad-section .bottom_btn_box {
  margin-top: 12px;
}

@media (max-width: 768px) {
  .quad-section	.quad-section-card {
    gap: 30px;
  }
  .quad-section	.quad-section-content {
    gap: 30px;
  }
  .quad-section	.quad-section-cards,
  .quad-section	.quad-section-content {
    flex-basis: 100%;
  }
  .quad-section	.quad-section-cards {
    padding: 20px;
  }
  .quad-section	ul.value_list li {
    flex-basis: 100%;
  }

  .quad-section .open_card_content {
    flex-wrap: wrap;
  }
  
  .quad-section .quad-section-content,
  .quad-section .quad-section-cards{
    width: 100%;
  }
}