html {
    color: #222930;
}

.t-hero {
    font-size: 4.25rem;
    min-height: 60vh;
}

.text-orange {
    color:#F57E25;
}

.t-next {
    width: 5rem;
    height: 5rem;
    position: relative;
    top: 2.5rem;
}

.t-next > span{
    display: block;
    font-family: system-ui;
    transform: translate(25%, -25%) rotate(90deg);
    font-size: 6rem;    
}

.t-service-btn {
    width: 6rem;
    height: 6rem;
    position: relative;
    top: 3rem;
    z-index: 1;
    font-size: 3rem;
    font-weight: bold;
}

.t-semi-ring {
    width: 50%;
    height: 5rem;
    background-color: transparent;
    border-bottom-left-radius: 8rem;
    border-bottom-right-radius: 8rem;
    border: 10px solid gray;
    border-top: 0;
    border-color: #F57E25;
    margin-left: 25%;
    pointer-events: auto;
}

.t-serv-box:hover {
    background-color: #2B6EB5;
    color: #fff !important;
}

.t-serv-box:hover .t-semi-ring, .t-semi-ring:hover {    
    border-color: #FFF;
}

.t-serv-box:hover .t-service-btn, .t-service-btn:hover {
    background-color: #F57E25;
}

.item {
    min-height: 60vh;
}

.t-product-item-right {
    border:23px solid rgba(34, 41, 48, 0.2); 
    border-right: 0;
}

.t-product-item-left {
    border:23px solid rgba(34, 41, 48, 0.2); 
    border-left: 0;
}