/**
 * Inline Styles Externalized
 * Styles that were inline in HTML, moved here for better maintainability
 */

/* Preloader initial state */
.preloader {
    opacity: 1;
    transition: opacity 0.3s ease;
}

.preloader__image {
    background-image: url(../images/logo.jpg);
    width: 100px;
    height: 100px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* Screen reader only text */
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}

/* Background patterns */
.featurer-six__item__hover {
    background-image: url(../images/pattern/pattern-blue.png);
}

.testimonials-five__bg {
    background-image: url(../images/pattern/pattern-blue.png);
}

.testimonials-five__shape {
    background-image: url(../images/pattern/pattern-digi.png);
}

.cta-eleven__bg-shape {
    background-image: url(../images/shapes/cta-11-shape-1.png);
}

.funfact-four__item__bg {
    background-image: url(../images/shapes/funfact-4-shape.png);
}

.solution-two__bg {
    background-image: url(../images/pattern/ids-pattern.png);
}

.cta-nine__bg {
    background-image: url(../images/backgrounds/cta-9-bg.jpg);
}

.contact-two__bg {
    background-image: url(../images/pattern/ids-pattern.png);
}

.contact-two__shape {
    background-image: url(../images/shapes/contact-2-shape-1.png);
}

/* Google Maps iframe */
.contact-two__map {
    width: 100%;
    height: 300px;
    border-radius: 0 0 8px 8px;
    overflow: hidden;
    position: relative;
}

.contact-two__map iframe {
    width: 100%;
    height: 300px;
    border: 0;
    display: block;
}

/* Google Maps overlay button */
.contact-two__map__overlay {
    position: absolute;
    top: 15px;
    right: 15px;
    background: white;
    padding: 10px 15px;
    border-radius: 5px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    z-index: 10;
}

.contact-two__map__overlay a {
    color: #3d72fc;
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 5px;
}

.contact-two__map__overlay i {
    font-size: 16px;
}

/* Google Maps location info */
.contact-two__map__info {
    margin-top: 15px;
    padding: 15px;
    background: #f8f9fa;
    border-radius: 8px;
}

.contact-two__map__info p {
    margin: 0;
    color: #555;
    font-size: 14px;
}

.contact-two__map__info strong {
    color: #3d72fc;
}