/* -- text title, header -- */
.text-title {
    font-weight: 900;
    color: var(--color1);
}
.text-title.dark {
    color: var(--color3);
}

/* -- custom title, sections -- */
.custom-title {
    position: relative;
    z-index: 0;
}
.custom-title h1 {
    font-weight: 900;
    color: var(--color3);
}
.custom-title .custom-title-bg {
    width: calc(100% + 15px);
    height: 25px;
    position: absolute;
    bottom: 5px;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(var(--color2rgb), 0.25);
    z-index: -1;
}
.custom-title .custom-title-bg.bg-blue {
    background: rgba(var(--color1rgb), 0.25);
}

/* -- custom buttons -- */
.btn-custom {
    color: white;
    background-color: var(--color4);
    border-radius: 30px;
    font-weight: 800;
    padding: 10px 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.btn-custom:hover {
    background-color: var(--color4);
    color: white;
    opacity: 0.75;
}
.btn-custom.btn-custom-outline {
    background-color: transparent;
    border: 2px solid var(--color1);
    color: var(--color1);
}
.btn-custom i {
    font-size: .8rem;
    margin-right: 8px;
}

/* tabs */
.canvas-alt-tabs2 .nav-link {
    box-shadow: none !important;
    background: #F0F0F0;
    color: #3737373D;
    font-weight: 700;
    font-size: .875rem;
}
.canvas-alt-tabs2 .nav-link.active {
    background: var(--color1);
    color: white;
}
.canvas-alt-tabs2 .nav-item:first-child .nav-link {
    border-radius: 8px 0 0 8px;
}
.canvas-alt-tabs2 .nav-item:last-child .nav-link {
    border-radius: 0 8px 8px 0;
}