:root {
    --heading-font: "Raleway", sans-serif;
}

@font-face {
    font-family: "miller-display";
    src: url(./../fonts/Miller-Display-Regular.otf);
}

.header,
.overlay {
    /* clip-path: polygon(0 0, 100% 0, 100% 88%, 0% 100%); */
    border-bottom: 8px solid red;
    border-bottom-left-radius: 50% 0%;
    border-bottom-right-radius: 60% 25%;
}


/* banner part start */
.banner h1,
.why-choose-us h2,
.reviews h2,
.valor-difference-right h2 {
    font-family: var(--heading-font);
}

.banner h1 span,
.benefits-content-left h2 span,
.valor-difference-right h2 span,
.learn-more h2 span {
    position: relative;
    display: inline-block;
}

.banner h1 span::after,
.benefits-content-left h2 span::after,
.valor-difference-right h2 span::after,
.learn-more h2 span::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    width: 110%;
    height: 0.4em;
    border-top: 8px solid yellow;
    border-radius: 50%;
    transform: translateX(-50%);
}

.accordion .accordion-item {
    position: relative;
    margin: 10px 20px;
}

.accordion .accordion-item .label {
    position: relative;
    padding-block: 10px;
    cursor: pointer;
    border-block: 1px solid black;
}

.accordion .accordion-item .label::before {
    position: absolute;
    content: "+";
    top: 0;
    right: 0;
    font-size: 1.5rem;
}

.accordion .accordion-item.active .label::before {
    content: "-";
}

.accordion .accordion-content {
    position: relative;
    height: 0;
    overflow: hidden;
    overflow-y: auto;
    transition: all 0.3s ease-in-out;
}

.accordion .accordion-item.active .accordion-content {
    height: 150px;
    padding-block: 10px;
}


/* quotation part */
.quotation-img img{
    height: 600px;
    
}