/*
Theme Name: Hello Biz Child
Theme URI: http://example.com/hello-biz-child
Description: Child theme for Hello Biz
Author: Your Name
Template: hello-biz
Version: 1.0.0
Text Domain: hello-biz-child
*/

/*-------- key heighlight section ----------------*/
.keyhilight ul{padding: 0; margin: 0;}
.keyhilight ul li{list-style: none; display: flex; align-items: baseline; gap: 10px; line-height: 1.9;}
.keyhilight ul li img{flex-shrink: 0; width: 15px;}
.keyhilight ol { padding: 0 0 0 49px; margin: 12px 0;}
.keyhilight ol li { list-style: disc; display: list-item; line-height: 1.8;}
.keyhilight div > p:nth-last-of-type(1){margin: 15px 0 0;}

/*------------- capital protection ---------------*/
.elementor-186 .elementor-element.elementor-element-097c1c7 img{filter: grayscale(1) !important;}

/*-------------- interest payment section ----------------*/
.interestpayment ul{padding: 0; margin: 0;}
.interestpayment div ul li { list-style: none; display: flex; align-items: center; gap: 10px;}
.interestpayment strong{margin-bottom: 15px; display: block;}
.interestpayment .elementor-widget .elementor-icon-list-item{gap: 0;}

/*------------- fiduciary section --------------*/
.fiduciary .elementor-icon-box-icon{width: 100px; height: 100px; border-radius: 100px; background-color: #fff; display: flex !important; align-items: center; justify-content: center; margin: 0 auto;}
.fiduciary .elementor-icon-box-title{margin: 0;}

/*---------------- instrument section --------------------*/
.quanta-table { width: 100%; border-collapse: collapse; margin: 0 auto;}
.quanta-table thead th { background-color: #D70000; color: #fff; text-align: left; padding: 16px 60px; font-weight: bold; border: none; font-size: 25px; font-family: "Outfit", Sans-serif;}
.quanta-table tbody td { padding: 16px 60px; color: #5F6673; border: none; font-weight: 400; font-family: "Istok Web", Sans-serif; font-size: 20px;}
.quanta-table tbody tr:nth-child(even) {background-color: #fff;}
.quanta-table tbody tr:nth-child(odd) {background-color: #F2F2F2;}
.quanta-table { overflow: hidden; border: none;}
table tbody tr:hover>td, table tbody tr:hover>th{background-color: transparent !important;}
.elementor-186 .elementor-element.elementor-element-80f3df5 .elementor-icon-list-text{line-height: 22px !important;}
.elementor-widget .elementor-icon-list-item{margin: 0 0 17px !important;}
table.quanta-table.issuer-table {box-shadow: 0px 4px 9px -2px rgb(241 241 241 / 80%); border-radius: 0 0 20px 20px;}

.timeline ul{ list-style: none; position: relative; transform: translate(-50%, -50%); top: 64%; left: 50%; height: 100%;}
.timeline li { display: flex; align-items: flex-start; position: relative; margin-bottom: 40px;}
.timeline li::after { content: ""; position: absolute; left: 29px; top: 70px; width: 2px; height: calc(100% - 42px); background-color: #bbb;}
.timeline li:last-child::after {display: none;}
.circle { background-color: #c00; color: #fff; font-weight: bold; border-radius: 50%; width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; margin-right: 15px; flex-shrink: 0; font-size: 22px; font-family: "Istok Web", Sans-serif;}
.content {color: #fff;}
.content h5 { margin: 0; font-size: 24px; font-weight: 400; font-family: "Istok Web", Sans-serif;}
.content h3{ font-size: 16px; font-weight: 400; font-family: "Istok Web", Sans-serif;}

@media (min-width: 576px) {
  .e-con-inner {max-width: none !important; width: 100%; padding-left: 16px; padding-right: 16px; margin-left: auto; margin-right: auto;}
}
@media (min-width: 768px) {
  .e-con-inner {max-width: 740px !important;}
}
@media (min-width: 992px) {
  .e-con-inner {max-width: 960px !important;}
}
@media (min-width: 1200px) {
  .e-con-inner {max-width: 1170px !important;}
}
@media (min-width: 1400px) {
  .e-con-inner {max-width: 1300px !important;}
}
@media (min-width: 1440px) {
  .e-con-inner {max-width: 1320px !important;}
}
@media (min-width: 1520px) {
  .e-con-inner {max-width: 1340px !important;}
}
@media (min-width: 1920px) {
  .e-con-inner {max-width: 1600px !important;}
}


@media (max-width: 1920px){
  .elementor-571 .elementor-element.elementor-element-3ebe69f {width: 63%;}
}
@media (max-width: 1600px) {
  .elementor-178 .elementor-element.elementor-element-dd80875 {width: 33%;}
  .elementor-186 .elementor-element.elementor-element-6412dbe {width: 45%;}
  .interestpayment ul li b{display: inline-block; width: 25%;}
  .elementor-186 .elementor-element.elementor-element-4a71daa {width: 70%;}
  .elementor-186 .elementor-element.elementor-element-d2c4589 {width: 65%;}
  .elementor-186 .elementor-element.elementor-element-ab0cfc9, .elementor-186 .elementor-element.elementor-element-0662e64, .elementor-186 .elementor-element.elementor-element-7083aac, .elementor-186 .elementor-element.elementor-element-53292ea, .elementor-186 .elementor-element.elementor-element-d7ea7b2{padding-left: 8px; padding-right: 8px; padding-top: 30px; padding-bottom: 30px;}
  .elementor-571 .elementor-element.elementor-element-6429791 {width: 95%;}
  .elementor-571 .elementor-element.elementor-element-3ebe69f {width: 80%;}
  .elementor-178 .elementor-element.elementor-element-ff389bb {width: 28%;}
}
@media (max-width: 1440px){
  .elementor-571 .elementor-element.elementor-element-6429791 {width: 100%;}
}
@media (max-width: 1366px) {
  .elementor-178 .elementor-element.elementor-element-601ac3e{font-size: 17px !important;}
  .elementor-178 .elementor-element.elementor-element-3ff9550{font-size: 17px !important;}
  .elementor-186 .elementor-element.elementor-element-4a71daa{width: 100%;}
  .elementor-186 .elementor-element.elementor-element-796bcbf {width: 10%;}
  .elementor-186 .elementor-element.elementor-element-db3ce72 {width: 10%;}
  .elementor-186 .elementor-element.elementor-element-d2c4589 {width: 100%;}
  .elementor-186 .elementor-element.elementor-element-feb6f66 .elementor-heading-title, .elementor-186 .elementor-element.elementor-element-0d0cd0a .elementor-heading-title, .elementor-186 .elementor-element.elementor-element-dde84d1 .elementor-heading-title, .elementor-186 .elementor-element.elementor-element-60c97cc .elementor-heading-title, .elementor-186 .elementor-element.elementor-element-95c1bcc .elementor-heading-title{font-size: 40px !important;}
  .elementor-178 .elementor-element.elementor-element-ff389bb { width: 29%;}
}
@media (max-width: 1280px){
  .elementor-571 .elementor-element.elementor-element-b7624f3 {width: 80%;}
}
@media (max-width: 1024px) {
  .elementor-178 .elementor-element.elementor-element-dd80875 { width: 29%;}
  .elementor-element.elementor-element-50eb7d8{height: 100%;}
  .elementor-element.elementor-element-5a9e737{height: 100%;}
  .content h5{font-size: 20px;}
  .fiduciary .elementor-icon-box-icon{width: 80px; height: 80px;}
  .quanta-table thead th{font-size: 20px;}
  .quanta-table tbody td{font-size: 17px;}
  .timeline ul{left: 45%;}
}
@media (max-width: 768px) {
    .elementor-178 .elementor-element.elementor-element-ff389bb { width: 36%;}
}
@media (max-width: 600px) {
  .quanta-table, .quanta-table thead, .quanta-table tbody, .quanta-table th, .quanta-table td, .quanta-table tr { border: none;}
  .quanta-table tr {margin-bottom: 10px;}
  .quanta-table td { text-align: right; padding-left: 50%; position: relative; border: none;}
  .quanta-table td::before { content: attr(data-label); position: absolute; left: 15px; width: 45%; white-space: nowrap; text-align: left; font-weight: bold;}
  .table-responsive{overflow: auto; width: 100%;}
  .quanta-table thead th{font-size: 15px; padding: 7px 18px;}
  .quanta-table tbody td{font-size: 15px; padding: 7px 18px; text-align: left;}
}
@media (max-width: 575px){
  .elementor-178 .elementor-element.elementor-element-ff389bb {width: 100%;}
  .elementor-178 .elementor-element.elementor-element-dd80875 { width: 71%;}
  .elementor-186 .elementor-element.elementor-element-6412dbe {width: 100%;}
  .timeline ul{left: 0%; transform: translate(0%, 0%); top: 5%; padding: 0 0 0 26px;}
  .interestpayment div ul li{gap: 0; flex-direction: column; justify-content: start; align-items: flex-start; margin: 0 0 17px 0;}
  .elementor-186 .elementor-element.elementor-element-796bcbf {width: 100%;}
  .elementor-186 .elementor-element.elementor-element-db3ce72 {width: 100%;}
}