/* LG CSS Library v0.5.5 */

/* Menu uppercase */
.header-nav-main .nav-top-link {
    text-transform: uppercase;
}

/* Text Box Shadow */
.text.shadow h1,
.text.shadow h2,
.text.shadow h3,
.text.shadow h4,
.text.shadow h5,
.text.shadow h6,
.text.shadow p {
    text-shadow:
        1px 1px 3px rgba(0, 0, 0, 0.9),
        2px 3px 8px rgba(0, 0, 0, 0.65);
}

/* Toggle Video */
.sl3d-video-switcher {
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
    border-radius: 10px;
    line-height: 0;
}

.sl3d-video-switcher .sl3d-video {
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0;
}

/* Cover the black 10px strip at the bottom */
.sl3d-video-switcher::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 10px;
    background: #161d2d;
    z-index: 5;
}

/* Toggle */
.sl3d-toggle {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 20;
    display: flex !important;
    gap: 5px;
    padding: 5px;
    background: #161d2d;
    border-radius: 7px;
    line-height: 1;
}

.sl3d-toggle .sl3d-btn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: auto !important;
    min-width: 60px;
    height: 34px !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 14px !important;
    border: 1px solid #fff !important;
    border-radius: 5px !important;
    background: #161d2d !important;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    text-transform: none !important;
    box-shadow: none !important;
}

.sl3d-toggle .sl3d-btn.active,
.sl3d-toggle .sl3d-btn:hover {
    background: #fff !important;
    color: #161d2d !important;
}

@media (max-width: 549px) {
    .sl3d-toggle {
        top: 8px;
        right: 8px;
    }

    .sl3d-toggle .sl3d-btn {
        min-width: 52px;
        height: 30px !important;
        padding: 0 10px !important;
        font-size: 11px !important;
    }
}

/* Services Cards */
/* ScanLogic3D Services */

.sl3d-services {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    width: 100%;
}

/* Service Card */
.sl3d-service-card {
    display: grid;
    grid-template-columns: 38px 1fr;
    column-gap: 15px;
    align-items: start;
    padding: 22px;
    border: 1px solid #3be0f4;
    border-radius: 10px;
    background: transparent;
    transition: background-color 0.25s ease,
                transform 0.25s ease;
}

/* Icon */
.sl3d-service-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    margin: 0;
    border: 1px solid #3be0f4;
    border-radius: 7px;
    color: #3be0f4;
    font-size: 16px;
    line-height: 1;
    grid-row: 1 / span 2;
}

/* Heading */
.sl3d-service-card h3 {
    grid-column: 2;
    margin: 1px 0 7px;
    padding: 0;
    font-size: 18px;
    line-height: 1.25;
}

/* Description */
.sl3d-service-card p {
    grid-column: 2;
    margin: 0;
    padding: 0;
    line-height: 1.55;
}

/* Hover */
.sl3d-service-card:hover {
    transform: translateY(-3px);
    background: rgba(59, 224, 244, 0.04);
}

/* Tablet */
@media (max-width: 849px) {

    .sl3d-services {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Mobile */
@media (max-width: 549px) {

    .sl3d-services {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .sl3d-service-card {
        grid-template-columns: 34px 1fr;
        column-gap: 12px;
        padding: 18px;
    }

    .sl3d-service-icon {
        width: 34px;
        height: 34px;
        font-size: 14px;
    }

    .sl3d-service-card h3 {
        font-size: 17px;
    }
}

/* Banner Round */
.banner.round {
    border-radius: 10px;
    overflow: hidden;
}

.banner.round .banner-inner,
.banner.round .banner-bg,
.banner.round .banner-bg img {
    border-radius: 10px;
}

/* Block Quote */
blockquote {
    border-left-color: #3be0f4 !important;
}

/* Image rounded */
.round .img-inner.image-cover {
    border-radius: 10px;
    overflow: hidden;
}

.round .img-inner.image-cover img {
    border-radius: 10px;
}

@scope (.round) {
.img-inner.image-cover {
    border-radius: 10px;
    overflow: hidden;
}

.img-inner.image-cover img {
    border-radius: 10px;
}
}

/* Gallery images rounded */
/* Flatsome Gallery - 10px rounded images */
.gallery-box .box-image {
    border-radius: 10px;
    overflow: hidden;
}

.gallery-box .box-image img {
    border-radius: 10px;
}

/* Formcraft Fields */
/* Little Forms - improve field visibility */

/* Normal field border */
.formcraft-css input[type="text"],
.formcraft-css input[type="email"],
.formcraft-css input[type="tel"],
.formcraft-css input[type="number"],
.formcraft-css input[type="url"],
.formcraft-css textarea,
.formcraft-css select {
    border-color: #8a8a8a !important;
}

/* Placeholder text */
.formcraft-css input::placeholder,
.formcraft-css textarea::placeholder {
    color: #555 !important;
    opacity: 1 !important;
    font-weight: 400;
}

/* Entered text */
.formcraft-css input,
.formcraft-css textarea,
.formcraft-css select {
    color: #333 !important;
}

/* Slightly stronger border when active */
.formcraft-css input:focus,
.formcraft-css textarea:focus,
.formcraft-css select:focus {
    border-color: #3be0f4 !important;
    box-shadow: 0 0 0 1px #3be0f4 !important;
}

/* Required / validation message */
.formcraft-css .error {
    color: #c62828 !important;
    font-weight: 500;
}