.halfi-nav-container {
    background: linear-gradient(138.57deg, #131313 0%, #494949 100%);
}

.text-brown {
    color: #CF7E19;
}

.halfi-top-row {
    background: linear-gradient(138.57deg, #131313 0%, #494949 100%);
}


.halfi-first-mid-row {
    background: #FFFFFF;
}

.halfi-mid-panel {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0% 4% 0% 15%;
    gap: 10px;

    /* Brown */

    background: #CF7E19;
}

.halfi-works-serial {
    /* Auto layout */

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    /* Brown */

    background: #CF7E19;
    border-radius: 100px;

    font-style: Ripple;
    font-weight: 900;
    font-size: 34px;
    line-height: 34px;
    /* identical to box height, or 100% */
    text-align: center;

    /* White */

    color: #FCFCFC;
}

.product-feature-square{
    display: flex;
    align-items: center;
    gap: 1%;
    width: 100%;
    height: 100%;

}

.cal-option-button {
    background: #FCF9EE;
    box-shadow: 0px 4px 4px rgba(241, 90, 41, 0.1);
    border-radius: 10px;
}

.product-feature-icon{
    /* Illustrations */
    width: 30px;
    height: 30px;
}
input#r1 {
    border: 2px solid #CF7E19 !important;
    color: #CF7E19 !important;
}

.halfi-mid-row {
    background: #FFFAF3;
}

.halfi-btn-primary {
    color: #fff;
    background-color: #CF7E19;
    border-color: #CF7E19;
}

.halfi-fa {
    position: static;
    width: 28px;
    height: 29px;
    left: 20px;
    top: 18px;
    flex: none;
    order: 0;
    flex-grow: 0;
    margin: 0px 10px;
}

.halfi-subscribe-row {
    background-image: url("/assets/img/subscribe-background.png");
    background-size: cover;
    background-color: #CF7E19;
    height: 100%;
}

.start-investing-box {
    position: absolute;
    height: 212.34px;
    left: 16.11%;
    right: 16.11%;

    background: linear-gradient(112.32deg, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 101.12%);
    backdrop-filter: blur(42px);
    /* Note: backdrop-filter has minimal browser support */

    border-radius: 10px;
}

.halfi-footer{
    background-color: black;
}

.halfi-copyright{
    background-color: black;
}

.halfi-color {
    color: #CF7E19;
}

.halfi-black-background {
    background: linear-gradient(138.57deg, #131313 0%, #494949 100%);
}

.orange-strip-short {
    position: absolute;
    width: 1%;
    height: 100%;
    opacity: 0.5;
    background: #CF7E19;
}
.orange-strip {
    position: absolute;
    width: 1%;
    height: 40%;
    background: linear-gradient(180deg, #CF7E19 0%, rgba(207, 126, 25, 0) 100%);
}

.black-strip-short {
    position: absolute;
    width: 16px;
    height: 119px;
    left: 359px;
    top: 45.58px;
    opacity: 0.5;
    background: #131313;
}

.black-strip {
    position: absolute;
    width: 1%;
    height: 40%;
    background: linear-gradient(180deg, #131313 0%, rgba(19, 19, 19, 0) 100%);
}

.strip-horizontal {
    transform: rotate(90deg);
}

.strip-container {
    width: 5%;
    top: 0px;
}

@media screen and (orientation:portrait) {
    .strip-container {
        display: none;
    }

    .halfi-slogan-top {
        font-size: xxx-large;
        font-weight: bold;
    }

    .halfi-slogan-bottom {
        font-size: medium;
        font-weight: normal;
    }
    .product-feature-margin-l {
        margin-left: 0%
    }

    .halfi-works-container {
        display: flex;
        align-items: center;
        width: 100%;
        margin-left: 0%;
    }

    .happy-customer {
        background: url('/assets/img/happy-customer.svg') no-repeat;
        width: 100%;
        height: 418px;
    }

    .about-caption {

    }

    .about-caption-description {
        width: 100%;
        top: 0%;
        left: 0%;
        right: 0%;
        text-align: justify;
        text-justify: inter-word;
    }

    .halfi-mission {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 0px;
        gap: 10px;

        position: absolute;
        width: 80%;
        height: 5%;
        left: 10%;
        margin-top: 15%;
    }

    .halfi-vision {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 0px;
        gap: 10px;

        position: absolute;
        width: 80%;
        height: 5%;
        left: 10%;
        margin-top: 15%;
    }
    .our-team-title {
        margin-left: 0%;
    }

    .our-team-item-1 {
        width: 70%;
        margin-left: 10%;
    }

    .our-team-item-3 {
        width: 70%;
        margin-left: 10%;
    }

    .our-team-item-4 {
        width: 70%;
        margin-left: 10%;
    }

    .product-service-description {
        margin-left: 13%;
        width: 75%;
    }

    .service-item-right {
        width: 65%;
        margin-top: 15%;
        margin-left: 25%;
    }

    .contact-request {
        height: 800px;
        background: #FFFFFF;
    }

    .contact-form {
        padding: 50px;
        height: 600px;

        background: linear-gradient(138.57deg, #131313 0%, #494949 100%);
        border-radius: 34px;
    }

    .gmap_canvas {
        overflow:hidden;
        height:396px;
        width:300px;
    }

    .mapouter{
        height:396px;
        width:300px;
        position:relative;
        left: 5%;
        right: 5%;
    }

    .contact-info {
        height: 1000px;
        background: #FCF9EE;
    }

    .halfi-btn-large {
        width: 150px;
        height: 65px;
        border-radius: 10px;
    }
}
@media screen and (orientation:landscape) {
    .halfi-btn-large {
        width: 320px;
        height: 45px;
        border-radius: 10px;
    }

    .strip-container {
        display: block;
    }

    .product-feature-margin-l {
        margin-left: 20%
    }

    .halfi-slogan-top {
        font-size: xxx-large;
        font-weight: bold;
        width: 38%;
        margin-left: 32%;
    }

    .halfi-slogan-bottom {
        font-size: medium;
        font-weight: normal;
        width: 28%;
        margin-left: 37%;
    }

    .halfi-works-container {
        display: flex;
        align-items: center;
        width: 100%;
        margin-left: 20%;
    }

    .happy-customer {
        background: url('/assets/img/happy-customer.svg') no-repeat;
        width: 50%;
        height: 418px;
    }

    .about-caption
    {
        width: 40%;
        position: absolute;
        left: 30%;
        right: 30%;
    }

    .about-caption-description {
        width: 45%;
        position: relative;
        top: 15%;
        left: 28%;
        right: 28%;
    }

    .halfi-mission {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 0px;
        gap: 10px;

        position: absolute;
        width: 286px;
        height: 84px;
        left: 19%;
        margin-top: 15%;
    }

    .halfi-vision {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 0px;
        gap: 10px;

        position: absolute;
        width: 286px;
        height: 84px;
        right: 10%;
        left: 10%;
        margin-top: 15%;
    }

    .our-team-title {
        margin-left: 25%;
    }

    .our-team-item-1 {
        width: 70%;
        margin-left: 35%;
    }

    .our-team-item-3 {
        width: 70%;
        margin-left: -15%;
    }

    .our-team-item-4 {
        width: 70%;
        margin-left: -40%;
    }

    .product-service-description {
        margin-left: 13%;
        width: 45%
    }

    .service-item-right {
        width: 65%;
        margin-top: 15%;
        margin-left: 8%;
    }

    .contact-request {
        height: 600px;
        background: #FFFFFF;
    }

    .contact-title {
        position:absolute;
        left: 10%;
        right: 10%
    }

    .contact-form {
        display: flex;
        padding: 50px;

        position: absolute;
        height: 500px;
        width: 40%;
        left: 55%;
        right: 55%;
        top: 156px;

        background: linear-gradient(138.57deg, #131313 0%, #494949 100%);
        border-radius: 34px;
    }

    .gmap_canvas {
        margin-top: 3%;
        margin-left: 20%;
        overflow:hidden;
        background:none!important;
        height:396px;
        width:90%;
    }

    .mapouter{
        margin-top: 3%;
        position:relative;
        height:396px;
        width:90%;
        left: -8%;
        right: -8%;
    }


    .contact-info {
        height: 480px;
        background: #FCF9EE;
    }
}

.h-text-justify {
    text-align: justify;
}

.product-feature-icon {
    /* Frame 43 */
    box-sizing: border-box;

    /* Auto layout */
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 20px;
    gap: 10px;
    width: 70px;
    height: 70px;
    /* WhiteBrown */
    background: #FFFAF5;
    /* Brown */
    border: 0.3px solid #CF7E19;
    border-radius: 10px;
    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 0;
}

.halfi-divider {
    width: 250px;
    height: 2px;
    background: #CF7E19;

    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;
}

.hml-25 {
    margin-left: 25%;
}

.service-item-left {
    width: 65%;
    margin-top: 15%;
    margin-left: 25%;
}

.h-border-brown {
    border: 0px #CF7E19 !important;
    border-bottom: 1px solid #CF7E19 !important;
}

.accordion-button.collapsed::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23CF7E19'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23CF7E19'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    transform: rotate(-180deg)
}

.accordion-button:focus {
    z-index: 3;
    border-color: #CF7E19;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);
}