Gecko [ touzafair.com ]

Name	Size	Permission
.pkexec	[ DIR ]	drwxr-xr-x
.well-known	[ DIR ]	drwxr-xr-x
GCONV_PATH=.	[ DIR ]	drwxr-xr-x
additional-services	[ DIR ]	drwxr-xr-x
adwds	[ DIR ]	drwxr-xr-x
cgi-bin	[ DIR ]	drwxr-xr-x
image	[ DIR ]	drwxr-xr-x
privacy-policy	[ DIR ]	drwxr-xr-x
schema.org	[ DIR ]	drwxr-xr-x
terms-and-conditions	[ DIR ]	drwxr-xr-x
thank-you	[ DIR ]	drwxr-xr-x
wp-content	[ DIR ]	drwxr-xr-x
wp-includes	[ DIR ]	drwxr-xr-x
.ftpquota	11 B	-rw-------
.htaccess	533 B	-rw-r--r--
.mad-root	0 B	-rw-r--r--
POST.html	28.34 KB	-rw-r--r--
b.html	28.34 KB	-rw-r--r--
dOPHT6cVSf4.php	51.76 KB	-rw-r--r--
index.html	92.01 KB	-rw-r--r--
index.htmlbad	295 KB	-rw-r--r--
php.ini	105 B	-rw-r--r--
styles.css	2.59 KB	-rw-r--r--
theme-insizws.php	338 B	-rw-r--r--

Code Editor : styles.css

.service-area-map {
    position: relative;
    width: 100%;
    max-width: 100%;
    height: auto; /* Ensure height adjusts based on content */
}

.map-background {
    position: relative;
    width: 100%;
    max-width: 100%;
}

.map-background img {
    width: 100%; /* Ensure image fills its container */
    max-width: 100%; /* Ensure image does not exceed its container */
    height: auto; /* Maintain aspect ratio */
    display: block; /* Ensure proper display as block element */
}

.map-circle {
    position: absolute;
    z-index: 1;
    /* Your existing styles for the circle */
    width: 40%; /* Adjust circle size relative to its container */
    max-width: 200px; /* Set a maximum size if needed */
    height: auto; /* Ensure height adjusts proportionally */
    top: 50%; /* Positioning relative to parent */
    left: 50%; /* Positioning relative to parent */
    transform: translate(-50%, -50%); /* Centering the circle */
}

/* Example of responsiveness for smaller screens */
@media (max-width: 768px) {
    .map-circle {
        width: 80%; /* Adjust circle size for smaller screens */
        max-width: 250px; /* Adjust maximum size for smaller screens */
    }
}
.location {
    display: flex;
    align-items: center;
}

.phone-number {
    display: flex;
    align-items: center;
    margin-left: 10px; /* Adjust as needed */
    text-decoration: none; /* Optional: remove underline from link */
}

.svg-phone {
    width: 20px; /* Adjust as needed */
    height: 20px; /* Adjust as needed */
    margin-right: 5px; /* Adjust as needed */
}

.desktop-only {
    display: none;
}

@media (min-width: 768px) {
    .desktop-only {
        display: flex;
    }
}
.book-now {
    display: inline-block;
    padding: 15px 30px;
    background-color: #FFD700; /* Golden color */
    color: #000; /* Black text */
    text-decoration: none;
    border-radius: 50px; /* Makes it round */
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1); /* Shadow beneath */
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    transition: background-color 0.3s ease;
}

.book-now:hover {
    background-color: #FFC107; /* Darker shade of golden color on hover */
}
--------------------------
.footer {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.footer__items {
    list-style: none;
    padding: 0;
    display: flex;
    justify-content: center;
    gap: 1px; /* Adjust as needed */
}

.phone-number {
    display: block;
    text-align: center;
    margin-top: 1px; /* Adjust spacing */
}

${this.title}

Code Editor : styles.css