* {
    margin: 0;
    padding: 0;
}

body {
    background-color: rgba(50, 153, 185, 0.685); 
    background-repeat: no-repeat;
    background-size: cover;
    color: white;
}

@media (min-width: 320px) and (max-width: 767px) {
    /*Header--Header*/
        /*Header--Header*/
        .top-button {
            text-align: center;
            background-color: #000000;
        }
        .top-button button {
            font-size: 80px;
            margin-bottom: 50px;
            padding-left: 25px;
            padding-right: 25px;
            padding-top: 10px;
            padding-bottom: 10px;
            background-color:  rgba(50, 153, 185, 0.685);
            color: white;
        }
        .top-button button:hover {
            transform: 1.5;
        }
        .top-bar img {
            height: 1200px;
            width: 100%;
            background-color: #000000;
            margin-bottom: -20px;
        }
        .top-contact {
            display: none;
        }
        .quote-button button {
            background: #026194b6;
            font-size: 100px;
            font-weight: bold;
            border: 4px rgb(0, 0, 0) solid;
            border-radius: 10px;
            padding-left: 50px;
            padding-right: 50px;
            padding-top: 25px;
            padding-bottom: 25px;
            cursor: pointer;
            color: white;
        }
        .quote-button button:hover {
            transform: scale(1.2);
        }
        .navbar {
            display: none;
        }
        /* The subnavigation menu */
        .subnav {
            display: none;
        }
        /*Nav-Bar--Nav-Bar*/
        .topnav {
            overflow: hidden;
            background-color: #000000;
            position: relative;
        }
        /* Hide the links inside the navigation menu (except for logo/home) */
        .topnav #myLinks {
            display: none;
        }
        /* Style navigation menu links */
        .topnav a {
            color: white;
            padding: 14px 16px;
            text-decoration: none;
            font-size: 180px;
            display: block;
        }
        /* Style the hamburger menu */
        .topnav a.icon {
            background: black;
            display: block;
            position: absolute;
            right: 0;
            top: 0;
            padding-right: 100px;
        }
        /* Add a grey background color on mouse-over */
        .topnav a:hover {
            background: #037fc2b6;
            color: black;
        }
        .active {
            background-color: #000000;
            color: white;
        }
        /*Nav-Bar--Nav-Bar*/
        /*Footer--Footer*/
        /*Footer--Footer*/
        .footer-quote p {
            text-align: center;
            margin-top: 30px;
        }
        .footer-quote button {
            box-shadow: 10px 20px 50px rgba(0, 0, 0, 0.727);
            margin-top: 50px;
        }

        .footer-distributed {
            color: white;
            text-align: center;
            margin-top: 20px;
        }
        .footer-left a {
            text-decoration: none;
            text-shadow: 5px 5px 10px rgba(0, 0, 0, 0.727);
        }
        .footer-left h3 {
            font-size: 100px;
            text-shadow: 5px 5px 10px rgba(0, 0, 0, 0.727);
        }
        .footer-left h4 {
            font-size: 100px;
            text-shadow: 5px 5px 10px rgba(0, 0, 0, 0.727);
        }
        .footer-distributed .footer-left {
            margin-top: 50px;
        }
        .footer-distributed .footer-links a {
            text-decoration: none;
        }
        .footer-distributed .footer-links a {
            display: inline-block;
            line-height: 1.8;
            text-decoration: none;
            font-size: 72px;
            font-weight: bold;
            color: white;
            margin-left: 30px;
        }
        .footer-distributed .footer-links a:hover {
            text-decoration: none;
            color: #026194b6;
        }
        .footer-distributed .footer-links a:active {
            text-decoration: none;

            color: #026194b6;
        }
        .footer-distributed .footer-center p a {
            text-decoration: none;
            color: inherit;
        }
        .footer-company-name {
            display: none;
        }
        .footer-center {
            margin-top: 80px;
            line-height: 50px;
        }
        .footer-center a {
            text-decoration: none;
            color: inherit;
            text-shadow: 5px 5px 10px rgba(0, 0, 0, 0.727);
        }
        .footer-center i {
            transform: scale(10.0);
            margin-top: 200px;
            padding-bottom: 20px;
            text-shadow: 5px 5px 10px rgba(0, 0, 0, 0.727);
        }
        .footer-center i:hover {
            transform: scale(12.0);
        }
        .footer-center p:hover {
            transform: scale(1.5);
        }
        .footer-center p {
            font-size: 100px;
            letter-spacing: 5px;
            font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
            margin-top: 100px;
            padding-bottom: 30px;
            margin-bottom: 50px;
        }
        .footer-right {
            display: none;
        }
        .qwc {
            text-align: center;
        }
        .qwc h3 {
            color: white;
            font-size: 50px;
            text-shadow: 5px 5px 10px rgba(0, 0, 0, 0.727);
        }
        .qwc img {
            height: 500px;
        }
        /*Index--Index*/
        /*Index--Index*/

        #drone {
            object-fit: fill;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            z-index: -1;
            box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.727)
        }
        .video-overlay{
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .about-us {
            position: absolute;
            text-align: center;
            text-shadow: #00b0d4; 
            margin-top: 70px;
        }
        .about-us h2 {
            /* text-shadow: 0 0 3px rgba(192, 192, 192, 0.473), 0 0 5px rgba(192, 192, 192, 0.473); */
            font-size: 150px;
            /* text-shadow: 0 0 3px red, 0 0 5px red; */
            background: -webkit-linear-gradient( #0d9dd1 5%,#01bfe1 10%,#01d2f0 ,#04d7ff ,#02609d ,#00b0d4,#1f87be);
            -webkit-text-fill-color: transparent;
            -webkit-background-clip: text;
            text-shadow: 10px 10px 10px rgba(0, 0, 0, 0.466);
        }
        .about-us p {
            color: #f6f6f8;
            line-height: 60px;
            margin-top: 50px;
            font-size: 50px;
            text-shadow: 10px 10px 10px rgba(50, 153, 185, 0.685);
            margin-left: 20px;
            margin-right: 20px;
        }
        .click-index {
            margin-top: 50px;
            display: inline-block;
            margin-left: 30px;
            margin-right: 30px;
        }
        .click-index h2 {
            text-align: center;
            font-size: 100px;
            color: black;
            text-shadow: 10px 10px 10px rgba(255, 255, 255, 0.466);
        }
        .index-background {
            display: inline-block;
        }
        .index-left {
            border-radius: 20px;
            margin-top: 100px;
            margin-left: 80px;
            margin-right: 80px;
            padding-bottom: 40px;
            overflow: hidden;
            background-color: white;
            box-shadow: 0px 30px 90px 30px rgba(0, 0, 0, 0.548);
        }

        .index-right {
            border-radius: 20px;
            margin-top: 100px;
            margin-left: 80px;
            margin-right: 80px;
            padding-bottom: 40px;
            overflow: hidden;
            background-color: white;
            box-shadow: 0px 30px 90px 30px rgba(0, 0, 0, 0.548);
        }
        .index-left img {
            height: 1000px;
            width: 100%;
        }

        .index-right img {
            height: 1000px;
            width: 100%;
        }
        .index-left h2 {
            text-align: center;
        }
        .index-right h2 {
            text-align: center;
        }
        .index-left button {
            color: #f6f6f8;
            font-size: 80px;
            margin-top: 30px;
            padding: 20px 30px;
            background-color: rgba(50, 154, 185, 0.466);
            box-shadow: 10px 20px 50px rgba(0, 0, 0, 0.727);
            text-shadow: 10px 20px 50px rgba(0, 0, 0, 0.727);
            font-family: 'Times New Roman', Times, serif;
            font-weight: bold;
            border: none;
            width: 800px;
            cursor: pointer;
            text-shadow: 10px 10px 10px rgba(0, 0, 0, 0.466);
        }
        .index-left button:hover {
            transform: scale(1.1);
        }
        .index-right button {
            color: #f6f6f8;
            font-size: 80px;
            margin-top: 30px;
            padding: 20px 30px;
            background-color: rgba(50, 154, 185, 0.466);
            box-shadow: 10px 20px 50px rgba(0, 0, 0, 0.727);
            text-shadow: 10px 20px 50px rgba(0, 0, 0, 0.727);
            font-family: 'Times New Roman', Times, serif;
            font-weight: bold;
            border: none;
            width: 800px;
            cursor: pointer;
            text-shadow: 10px 10px 10px rgba(0, 0, 0, 0.466);
        }
        .index-right button:hover {
            transform: scale(1.1);
        }

        .form h2 {
            text-align: center;
            margin-top: 80px;
            font-size: 95px;
            margin-left: 30px;
            margin-right: 30px;
            text-shadow: 5px 5px 10px rgba(0, 0, 0, 0.727);
        }
        .form input {
            padding: 50px 50px;
            padding-left: 100px;
            padding-right: 100px;
            font-size: 40px;
            margin-top: 50px;
            box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.727);
        }

        .contact-form button:hover {
            transform: scale(1.1);
        }
        /*Reviews--Reviews*/
        /*Reviews--Reviews*/
        .review-background {
            background-image: url(/images/background/review03.jpg);
            background-color: rgb(182, 182, 182);
            background-position: 0% 20%;
            background-repeat: no-repeat;
            background-size: cover;
            height: 280px;
            box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.727);
        }
        .review-title h2 {
            text-align: center;
            color: rgb(0, 0, 0);
            text-shadow: 1px 2px 5px rgba(0, 0, 0, 0.727);
            text-shadow: 10px 10px 10px rgba(50, 154, 185, 0.466);
            font-size: 92px;
            padding-top: 30px;
        }
        .widget-review {
            margin-right: 70px;
            margin-left: 70px;
            margin-top: 150px;
            transform: scale(1.12);
            margin-bottom: 150px;
        }
        /*Contact--Contact*/
        .contact-left {
            color: white;
            text-align: center;
            margin-top: 20px;
        }
        .contact-info a {
            margin-top: 150px;
            text-decoration: none;
            color: inherit;
            transform: scale(3.0);
        }
        .contact-info a:hover {
            transform: scale(4.5);
        }
        .contact-info h3 {
            font-size: 150px;
            margin-top: 80px;
            margin-left: 50px;
            margin-right: 50px;
        }
        .contact-info p {
            font-size: 75px;
        }
        .contact-middle {
            color: white;
            text-align: center;
            margin-top: 80px;
        }
        .contact-title h2 {
            font-size: 120px;
            font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
            letter-spacing: 5px;
            color: white;
            text-align: center;
            text-shadow: 5px 5px 10px rgba(0, 0, 0, 0.727);
            padding-top: 70px;
        }
        .contact-middle p {
            font-size: 80px;
            font-weight: bolder;
            margin-top: 50px;
            margin-left: 20px;
            margin-right: 20px;
        }
        .contact-right {
            text-align: center;
            margin-top: 80px;
            margin-left: 80px;
            margin-right: 80px;
        }
        .contact-right iframe {
            height: 1000px;
            width: 100%;
        }
        .contact-form {
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            margin-top: 50px;
        }
        
        .contact-form p {
            color: #f6f6f8;
            font-size: 130px;
            font-weight: bold;
            text-shadow: 5px 5px 10px rgba(0, 0, 0, 0.727);
            margin-top: 20px;
        }
        .contact-form button {
            margin-top: 20px;
            font-weight: bold;
            border: none;
            background: #026194b6;
            padding: 12px;
            border-radius: 30px;
            color: #f6f6f8;
            font-weight: bold;
            font-size: 72px;
            padding-left: 25px;
            padding-right: 25px;
            transition: .4s;
            text-shadow: 5px 5px 10px rgba(0, 0, 0, 0.727);
            box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 0.727);    
            cursor: pointer;
        }
        .contact-middle p {
            font-size: 100px;
        }
        .contact-middle h2 {
            font-size: 100px;
            text-shadow: 5px 5px 10px rgba(255, 255, 255, 0.727);
            color: #000000;
        }
        .contact-middle input {
            padding: 50px;
            font-size: 50px;
            margin-top: 50px;
        }
        /*BoxesForMainPages--BoxesForMainPages*/
        /*BoxesForMainPages--BoxesForMainPages*/
        .page-title {
            color: white;
            text-align: center;
            font-size: 40px;
            margin-top: 20px;
        }
        .menu-info {
            color: white;
            text-align: center;
            font-size: 28px;
            margin-left: 20px;
            margin-right: 20px;
            margin-top: 20px;
            line-height: 40px;
        }
        .box-links img {
            height: 300px;
            width: 600px;
            margin-left: -25px;
        }
        .box-row {
            text-align: center;
        }
        .box-row button {
            color: white;
            font-size: 32px;
            margin-top: 20px;
            padding: 20px 30px;
            background-color: rgba(29, 7, 7, 0.466);
            box-shadow: 10px 20px 50px rgba(0, 0, 0, 0.727);
            font-family: 'Times New Roman', Times, serif;
            font-weight: bold;
            border: none;
        }
        .box-row button:hover {
            transform: scale(1.2);
        }
        .page-title {
            color: white;
            text-align: center;
        }
        .services-title-main {
            color: white;
            font-size: 114px;
            text-align: center;
            text-shadow: 10px 10px 10px rgba(0, 0, 0, 0.466);
        }
        .services-body {
            color: #ffffff;
            text-align: center;
            font-size: 65px;
            text-shadow: 10px 10px 10px rgba(50, 154, 185, 0.466);
        }
        .services-back {
            text-align: center;
            display: flex;
            justify-content: center;
        }
        .services {
            margin-top: 30px;
            padding: 20px;
            padding-top: 30px;
            padding-bottom: 50px;
            overflow: hidden;
            background-color: rgba(255, 255, 255, 0.61);
            box-shadow: 0px 10px 10px 10px rgba(0, 0, 0, 0.548);
        }
        .services-background {
            background-image: url(/images/background/house-banner.jpg);
            background-color: rgb(182, 182, 182);
            background-position: 0% 65%;
            background-repeat: no-repeat;
            background-size: cover;
            height: 280px;
            box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.727);
            text-shadow: 1px 2px 10px rgba(0, 0, 0, 0.727);
            padding-top: 50px;
        }
        .services img {
            height: 600px;
            width: 700px;
        }
        .services p {
            color: black;
            margin-top: 20px;
            text-shadow: 10px 10px 10px rgba(50, 154, 185, 0.466);
            font-weight: bolder;
            font-size: 42px;
            width: 700px;
        }
        /*Gallery*/
        /*Gallery*/
        /*Gallery*/
        .gallery-backdrop {
            background-image: url(/images/background/gallery.jpg);
            background-position: 0% 50%;
            background-repeat: no-repeat;
            background-size: cover;
            height: 280px;
            box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.727);
        }
        .gallery-title {
            color: #000000c4;
            text-align: center;
            font-size: 100px;
            text-shadow: 10px 10px 10px rgba(50, 154, 185, 0.466);
            padding-top: 50px;
        }
        .gallery-left {
            border-radius: 20px;
            margin-top: 100px;
            margin-left: 80px;
            margin-right: 80px;
            padding-bottom: 40px;
            overflow: hidden;
            background-color: white;
            box-shadow: 0px 30px 90px 30px rgba(0, 0, 0, 0.548);
        }
        .gallery-middle {
            border-radius: 20px;
            margin-top: 100px;
            margin-left: 80px;
            margin-right: 80px;
            padding-bottom: 40px;
            overflow: hidden;
            background-color: white;
            box-shadow: 0px 30px 90px 30px rgba(0, 0, 0, 0.548);
        }

        .gallery-right {
            border-radius: 20px;
            margin-top: 100px;
            margin-left: 80px;
            margin-right: 80px;
            padding-bottom: 40px;
            overflow: hidden;
            background-color: white;
            box-shadow: 0px 30px 90px 30px rgba(0, 0, 0, 0.548);
        }
        .gallery-left img {
            height: 1000px;
            width: 100%;
        }
        .gallery-middle img {
            height: 1000px;
            width: 100%;
        }
        .gallery-right img {
            height: 1000px;
            width: 100%;
        }
        .gallery-left h2 {
            text-align: center;
        }
        .gallery-middle h2 {
            text-align: center;
        }
        .gallery-right h2 {
            text-align: center;
        }
        .gallery-left button {
            color: #f6f6f8;
            font-size: 80px;
            margin-top: 30px;
            padding: 20px 30px;
            background-color: rgba(50, 154, 185, 0.466);
            box-shadow: 10px 20px 50px rgba(0, 0, 0, 0.727);
            text-shadow: 10px 20px 50px rgba(0, 0, 0, 0.727);
            font-family: 'Times New Roman', Times, serif;
            font-weight: bold;
            border: none;
            width: 800px;
            cursor: pointer;
            text-shadow: 10px 10px 10px rgba(0, 0, 0, 0.466);
        }
        .gallery-left button:hover {
            transform: scale(1.1);
        }
        .gallery-middle button {
            color: #f6f6f8;
            font-size: 80px;
            margin-top: 30px;
            padding: 20px 30px;
            background-color: rgba(50, 154, 185, 0.466);
            box-shadow: 10px 20px 50px rgba(0, 0, 0, 0.727);
            text-shadow: 10px 20px 50px rgba(0, 0, 0, 0.727);
            font-family: 'Times New Roman', Times, serif;
            font-weight: bold;
            border: none;
            width: 800px;
            cursor: pointer;
            text-shadow: 10px 10px 10px rgba(0, 0, 0, 0.466);
        }
        .gallery-middle button:hover {
            transform: scale(1.1);
        }
        .gallery-right button {
            color: #f6f6f8;
            font-size: 80px;
            margin-top: 30px;
            padding: 20px 30px;
            background-color: rgba(50, 154, 185, 0.466);
            box-shadow: 10px 20px 50px rgba(0, 0, 0, 0.727);
            text-shadow: 10px 20px 50px rgba(0, 0, 0, 0.727);
            font-family: 'Times New Roman', Times, serif;
            font-weight: bold;
            border: none;
            width: 800px;
            cursor: pointer;
            text-shadow: 10px 10px 10px rgba(0, 0, 0, 0.466);
        }
        .gallery-right button:hover {
            transform: scale(1.1);
        }
        /*Different-Galleries*/
        /*Different-Galleries*/
        /*Different-Galleries*/
        .gallery-title-main {
            color: rgb(0, 0, 0);
            font-size: 114px;
            text-align: center;
            text-shadow: 10px 10px 10px  rgba(50, 154, 185, 0.466);
            padding-top: 30px;
        }
        .gallery-title {
            color: rgb(0, 0, 0);
            font-size: 60px;
            padding-top: 80px;
            text-shadow: 10px 10px 10px  rgba(50, 154, 185, 0.466);
            text-align: center;
        }
        .gallery {
            margin-top: 50px;
            justify-content: center;
            align-items: center;
            text-align: center;
        }
        .gallery img {
            width: 700px;
            height: 650px;
            padding: 5px;
            margin: 20px;
            background-color: rgb(182, 182, 182);
            box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.727);
            border-radius: 2%;
        }
        .gallery img:hover {
            transform: scale(1.1);
            transition: .4s ease-in;
        }
        /*End-Gallery*/
        /*End-Gallery*/
        /*End-Gallery*/

        .contact-box {
            margin-top: 50px;
            color: white;
        }
        .image-background img {
            width: 115%;
            height: 300px;
        }
        .flex-item a {
            text-shadow: 5px 5px 10px rgba(0, 0, 0, 0.727);
        }
        .flex-item p {
            text-shadow: 5px 5px 10px rgba(0, 0, 0, 0.727);
        }
        .flex-item h2 {
            text-shadow: 5px 5px 10px rgba(0, 0, 0, 0.727);
            margin-top: 120px;
            font-size: 100px;
        }
        .contact-middle p {
            text-shadow: 5px 5px 10px rgba(0, 0, 0, 0.727);
        }
        .contact-middle input {
            box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.727);
        }
        .contact-middle button {
            margin-top: 60px;
            font-weight: bold;
            border: none;
            background: #026194b6;
            padding-bottom: 20px;
            border-radius: 30px;
            padding: 40px 50px;
            color: #f6f6f8;
            font-weight: bold;
            font-size: 70px;
            padding-left: 25px;
            padding-right: 25px;
            transition: .4s;
            text-shadow: 5px 5px 10px rgba(0, 0, 0, 0.727);
            box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 0.727);    
            cursor: pointer;
        }
        .contact-middle button:hover {
            transform: scale(1.1);
        }
        .contact-us-background {
            background-image: url(/images/background/review01.jpg);
            background-color: rgb(182, 182, 182);
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            height: 280px;
            box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.727);
        }
    
}

@media screen and (min-width: 768px) and (max-width: 1600px) {
    /*Header--Header*/
    /*Header--Header*/
    .top-contact {
        display: flex;
        justify-content: center;
        background-color: rgba(50, 153, 185, 0.685);;
        text-decoration: none;
        padding-top: 20px;
        padding-bottom: 20px;
        font-size: 11px;
    }
    .top-contact h2 {
        padding-left: 10px;
        padding-right: 10px;
    }
    .top-contact a{
        text-decoration: none;
        color: #000000;
    }
    .top-contact a:hover {
        color: silver;
    }
    .top-contact p {
        margin-left: 15px;
        margin-right: 15px;
    }
    .top-bar {
        background-color: #000000;
        justify-content: center;
        align-items: center;
        text-align: center;
    }
    .top-bar img {
        height: 500px;
        width: 50%;
        background-color: #000000;
        margin-bottom: -20px;
    }
    .navbar {
        display: none;
    }
    /* The subnavigation menu */
    .subnav {
        display: none;
    }
    /*Nav-Bar--Nav-Bar*/
    .topnav {
        overflow: hidden;
        background-color: #000000;
        position: relative;
    }
    /* Hide the links inside the navigation menu (except for logo/home) */
    .topnav #myLinks {
        display: none;
    }
    /* Style navigation menu links */
    .topnav a {
        color: white;
        padding: 14px 16px;
        text-decoration: none;
        font-size: 50px;
        display: block;
    }
    /* Style the hamburger menu */
    .topnav a.icon {
        background: black;
        display: block;
        position: absolute;
        right: 0;
        top: 0;
    }
    /* Add a grey background color on mouse-over */
    .topnav a:hover {
        background: #037fc2b6;
        color: black;
    }
    .active {
        background-color: #000000;
        color: white;
    }
    .sub-menu-gallery {
        display: none;
    }
    .sub-menu-stain {
        display: none;
    }
    .sub-menu-paint {
        display: none;
    }
    .sub-menu-wash {
        display: none;
    }
    /*Nav-Bar--Nav-Bar*/
    /*Footer--Footer*/
    /*Footer--Footer*/
    .quote-button button {
        background: #026194b6;
        font-size: 50px;
        font-weight: bold;
        border: 4px rgb(0, 0, 0) solid;
        border-radius: 10px;
        padding-left: 50px;
        padding-right: 50px;
        padding-top: 25px;
        padding-bottom: 25px;
        cursor: pointer;
        color: white;
    }
    .quote-button button:hover {
        transform: scale(1.2);
    }
    .footer-quote p {
        text-align: center;
        margin-top: 30px;
    }
    .footer-quote button {
        box-shadow: 10px 20px 50px rgba(0, 0, 0, 0.727);
        margin-top: 50px;
    }
    .footer-distributed {
        color: white;
        text-align: center;
        margin-top: 20px;
    }
    .footer-left a {
        text-decoration: none;
    }
    .footer-left h3 {
        font-size: 40px;
        text-shadow: 5px 5px 10px rgba(0, 0, 0, 0.727);
    }
    .footer-left h4 {
        font-size: 24px;
        text-shadow: 5px 5px 10px rgba(0, 0, 0, 0.727);
    }
    .footer-distributed .footer-links a {
        text-decoration: none;
    }
    .footer-distributed .footer-links a {
        display: inline-block;
        line-height: 1.8;
        text-decoration: none;
        font-size: 42px;
        font-weight: bold;
        color: white;
        margin-left: 30px;
        text-shadow: 5px 5px 10px rgba(0, 0, 0, 0.727);
    }
    .footer-distributed .footer-links a:hover {
        text-decoration: none;
        color: #026194b6;
    }
    .footer-distributed .footer-links a:active {
        text-decoration: none;
        color: #026194b6;
    }
    .footer-distributed .footer-center p a {
        text-decoration: none;
        color: inherit;
    }
    .footer-company-name {
        display: none;
    }
    .footer-center {
        margin-top: 80px;
        line-height: 50px;
    }
    .footer-center a {
        text-decoration: none;
        color: inherit;
        text-shadow: 5px 5px 10px rgba(0, 0, 0, 0.727);
    }
    .footer-center i {
        transform: scale(6.0);
        margin-top: 60px;
        padding-bottom: 20px;
        text-shadow: 5px 5px 10px rgba(0, 0, 0, 0.727);
    }
    .footer-center i:hover {
        transform: scale(7.0);
    }
    .footer-center p:hover {
        transform: scale(1.5);
    }
    .footer-center p {
        font-size: 48px;
        letter-spacing: 5px;
        font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
        margin-top: 20px;
        padding-bottom: 30px;
        margin-bottom: 50px;
    }
    .footer-right {
        display: none;
    }
    .qwc {
        text-align: center;
    }
    .qwc h3 {
        color: white;
        text-shadow: 5px 5px 10px rgba(0, 0, 0, 0.727);
    }
    .qwc img {
        height: 200px;
    }
    /*Index--Index*/
    /*Index--Index*/
    #drone {
        width: 100vw;
        height: 40vh;
        object-fit: fill;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: -1;
        box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.727)
    }
    .video-overlay{
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .about-us {
        font-size: 72px;
        position: absolute;
        text-align: center;
        text-shadow: #00b0d4;
        
    }
    .about-us h2 {
        /* text-shadow: 0 0 3px rgba(192, 192, 192, 0.473), 0 0 5px rgba(192, 192, 192, 0.473); */
        font-size: 72px;
        /* text-shadow: 0 0 3px red, 0 0 5px red; */
        background: -webkit-linear-gradient( #0d9dd1 5%,#01bfe1 10%,#01d2f0 ,#04d7ff ,#02609d ,#00b0d4,#1f87be);
        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text;
        text-shadow: 10px 10px 10px rgba(0, 0, 0, 0.466);
    }
    .about-us p {
        color: #f6f6f8;
        margin-top: 50px;
        font-size: 36px;
        text-shadow: 10px 10px 10px rgba(50, 153, 185, 0.685);
    }
    .click-index {
        text-align: center;
        align-items: center;
        margin-top: 10px;
    }
    .click-index h2 {
        color: black;
        font-size: 48px;
        text-shadow: 10px 10px 10px rgba(255, 255, 255, 0.466);
    }
    .index-top {
        text-align: center;
        justify-content: center;
        align-items: center;
        margin-left: 100px;
        margin-right: 100px;
        margin-top: 50px;
    }
    .index-bottom {
        text-align: center;
        justify-content: center;
        align-items: center;
        margin-left: 100px;
        margin-right: 100px;
        margin-top: 50px;
    }
    .index-left {
        padding: 20px;
        padding-top: 30px;
        padding-bottom: 50px;
        overflow: hidden;
        background-color: rgba(255, 255, 255, 0.61);
        box-shadow: 0px 10px 10px 10px rgba(0, 0, 0, 0.548);
        margin-top: 50px;
    }

    .index-right {
        padding: 20px;
        padding-top: 30px;
        padding-bottom: 50px;
        overflow: hidden;
        background-color: rgba(255, 255, 255, 0.61);
        box-shadow: 0px 10px 10px 10px rgba(0, 0, 0, 0.548);
        margin-top: 50px;
    }
    .index-left img {
        height: 500px;
        width: 500px;
        box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.466);
    }
    .index-right img {
        height: 500px;
        width: 500px;
        box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.466);
    }
    .menu-links {
        display: none;
    }
    .index-top h2 button {
        color: #f6f6f8;
        font-size: 50px;
        margin-top: 20px;
        padding: 20px 30px;
        background-color: rgba(50, 154, 185, 0.466);
        box-shadow: 10px 20px 50px rgba(0, 0, 0, 0.727);
        text-shadow: 10px 20px 50px rgba(0, 0, 0, 0.727);
        font-family: 'Times New Roman', Times, serif;
        font-weight: bold;
        border: none;
        width: 600px;
        cursor: pointer;
        text-shadow: 10px 10px 10px rgba(0, 0, 0, 0.466);
    }
    .index-bottom h2 button {
        color: #f6f6f8;
        font-size: 50px;
        margin-top: 20px;
        padding: 20px 30px;
        background-color: rgba(50, 154, 185, 0.466);
        box-shadow: 10px 20px 50px rgba(0, 0, 0, 0.727);
        text-shadow: 10px 20px 50px rgba(0, 0, 0, 0.727);
        font-family: 'Times New Roman', Times, serif;
        font-weight: bold;
        border: none;
        width: 600px;
        cursor: pointer;
        text-shadow: 10px 10px 10px rgba(0, 0, 0, 0.466);
    }
    .index-top h2 button:hover {
        transform: scale(1.2);
    }
    .index-bottom h2 button:hover {
        transform: scale(1.2);
    }

    .form h2 {
        text-align: center;
        margin-top: 80px;
        font-size: 75px;
        margin-left: 30px;
        margin-right: 30px;
        text-shadow: 5px 5px 10px rgba(0, 0, 0, 0.727);
    }
    .form p {
        text-align: center;
        font-weight: bolder;
        font-size: 46px;
        margin-top: 40px;
        text-shadow: 5px 5px 10px rgba(0, 0, 0, 0.727);
    }
    .form input {
        padding: 20px 20px;
        padding-left: 50px;
        padding-right: 50px;
        font-size: 40px;
        margin-top: 50px;
        box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.727);
        text-align: center;
    }
    .contact-form button {
        margin-top: 20px;
        font-weight: bold;
        border: none;
        background: #026194b6;
        padding: 12px;
        border-radius: 30px;
        color: #f6f6f8;
        font-weight: bold;
        font-size: 32px;
        padding-left: 25px;
        padding-right: 25px;
        transition: .4s;
        text-shadow: 5px 5px 10px rgba(0, 0, 0, 0.727);
        box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 0.727);    
        cursor: pointer;
    }
    .contact-form button:hover {
        transform: scale(1.1);
    }
    .contact-form {
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        margin-top: 50px;
    }
    
    /*Reviews--Reviews*/
    /*Reviews--Reviews*/
    .review-background {
        background-image: url(/images/background/review03.jpg);
        background-color: rgb(182, 182, 182);
        background-position: 0% 20%;
        background-repeat: no-repeat;
        background-size: cover;
        height: 280px;
        box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.727);
    }
    .review-title h2 {
        text-align: center;
        color: rgb(0, 0, 0);
        text-shadow: 1px 2px 5px rgba(0, 0, 0, 0.727);
        text-shadow: 10px 10px 10px rgba(50, 154, 185, 0.466);
        font-size: 92px;
        padding-top: 80px;
    }
    .widget-review {
        margin-right: 150px;
        margin-left: 150px;
        margin-top: 150px;
        transform: scale(1.12);
        margin-bottom: 150px;
    }
    /*Contact--Contact*/
    .contact-left {
        color: white;
        text-align: center;
        margin-top: 20px;
    }
    .contact-info a {
        margin-top: 50px;
        text-decoration: none;
        color: inherit;
        transform: scale(3.0);
        text-shadow: 1px 2px 5px rgba(0, 0, 0, 0.727);
    }
    .contact-info a:hover {
        transform: scale(4.0);
    }
    .contact-info h3 {
        font-size: 100px;
        margin-top: 80px;
        margin-left: 50px;
        margin-right: 50px;
        text-shadow: 1px 2px 5px rgba(0, 0, 0, 0.727);
    }
    .flex-item {
        margin-top: 100px;
    }
    .flex-item h2 {
        text-shadow: 5px 5px 10px rgba(0, 0, 0, 0.727);
        margin-top: 120px;
        font-size: 100px;
    }
    .contact-info p {
        font-size: 50px;
        margin-left: 100px;
        margin-right: 100px;
        text-shadow: 1px 2px 5px rgba(0, 0, 0, 0.727);
    }
    .contact-middle {
        color: white;
        text-align: center;
        margin-top: 80px;
    }
    .contact-title h2 {
        font-size: 120px;
        font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
        letter-spacing: 5px;
        color: white;
        text-align: center;
        text-shadow: 5px 5px 10px rgba(0, 0, 0, 0.727);
        padding-top: 70px;
    }
    .contact-middle p {
        font-size: 80px;
        font-weight: bolder;
        margin-top: 50px;
        margin-left: 20px;
        margin-right: 20px;
    }
    .contact-right {
        text-align: center;
        margin-top: 80px;
        margin-left: 80px;
        margin-right: 80px;
    }
    .contact-right iframe {
        height: 1000px;
        width: 100%;
    }
    .contact-form {
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        margin-top: 50px;
    }
    
    
    .contact-form p {
        color: #f6f6f8;
        font-size: 130px;
        font-weight: bold;
        text-shadow: 5px 5px 10px rgba(0, 0, 0, 0.727);
        margin-top: 20px;
    }
    .contact-form button {
        margin-top: 20px;
        font-weight: bold;
        border: none;
        background: #026194b6;
        padding: 12px;
        border-radius: 30px;
        color: #f6f6f8;
        font-weight: bold;
        font-size: 72px;
        padding-left: 25px;
        padding-right: 25px;
        transition: .4s;
        text-shadow: 5px 5px 10px rgba(0, 0, 0, 0.727);
        box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 0.727);    
        cursor: pointer;
    }
    .contact-middle button {
        margin-top: 30px;
        font-weight: bold;
        border: none;
        background: #026194b6;
        padding-bottom: 20px;
        border-radius: 30px;
        padding: 20px 30px;
        color: #f6f6f8;
        font-weight: bold;
        font-size: 50px;
        padding-left: 25px;
        padding-right: 25px;
        transition: .4s;
        text-shadow: 5px 5px 10px rgba(0, 0, 0, 0.727);
        box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 0.727);    
        cursor: pointer;
    }
    .contact-middle button:hover {
        transform: scale(1.1);
    }
    .flex-item a {
        text-align: center;
    }
    .contact-middle p {
        font-size: 80px;
        text-shadow: 5px 5px 10px rgba(0, 0, 0, 0.727);
    }
    .contact-middle h2 {
        font-size: 80px;
        text-shadow: 5px 5px 10px rgba(255, 255, 255, 0.727);
        margin-left: 50px;
        margin-right: 50px;
        color: #000000;
    }
    .contact-middle input {
        padding: 30px;
        font-size: 50px;
        margin-top: 50px;
        box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.727);
    }
    .services-title {
        color: white;
        font-size: 80px;
        text-align: center;
        margin-top: 50px;
    }
    .services-background {
        background-image: url(/images/background/house-banner.jpg);
        background-color: rgb(182, 182, 182);
        background-position: 0% 65%;
        background-repeat: no-repeat;
        background-size: cover;
        height: 280px;
        box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.727);
        text-shadow: 1px 2px 10px rgba(0, 0, 0, 0.727);
        padding-top: 50px;
    }
    .services-title-main {
        color: white;
        font-size: 114px;
        text-align: center;
        text-shadow: 10px 10px 10px rgba(0, 0, 0, 0.466);
    }
    .services-body {
        color: #ffffff;
        text-align: center;
        font-size: 65px;
        text-shadow: 10px 10px 10px rgba(50, 154, 185, 0.466);
    }
    .services-back {
        text-align: center;
        display: flex;
        justify-content: center;
    }
    .services {
        margin-top: 30px;
        padding: 20px;
        padding-top: 30px;
        padding-bottom: 50px;
        overflow: hidden;
        background-color: rgba(255, 255, 255, 0.61);
        box-shadow: 0px 10px 10px 10px rgba(0, 0, 0, 0.548);
    }
    .services img {
        height: 600px;
        width: 700px;
    }
    .services p {
        color: black;
        margin-top: 20px;
        text-shadow: 10px 10px 10px rgba(50, 154, 185, 0.466);
        font-weight: bolder;
        font-size: 42px;
        width: 700px;
    }
      /*Gallery*/
        /*Gallery*/
        /*Gallery*/
        .gallery-backdrop {
            background-image: url(/images/background/gallery.jpg);
            background-position: 0% 50%;
            background-repeat: no-repeat;
            background-size: cover;
            height: 280px;
            box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.727);
        }
        .gallery-title {
            color: #000000c4;
            text-align: center;
            font-size: 100px;
            text-shadow: 10px 10px 10px rgba(50, 154, 185, 0.466);
            padding-top: 50px;
        }
        .gallery-left {
            border-radius: 20px;
            margin-top: 100px;
            margin-left: 80px;
            margin-right: 80px;
            padding-bottom: 40px;
            overflow: hidden;
            background-color: white;
            box-shadow: 0px 30px 90px 30px rgba(0, 0, 0, 0.548);
        }
        .gallery-middle {
            border-radius: 20px;
            margin-top: 100px;
            margin-left: 80px;
            margin-right: 80px;
            padding-bottom: 40px;
            overflow: hidden;
            background-color: white;
            box-shadow: 0px 30px 90px 30px rgba(0, 0, 0, 0.548);
        }

        .gallery-right {
            border-radius: 20px;
            margin-top: 100px;
            margin-left: 80px;
            margin-right: 80px;
            padding-bottom: 40px;
            overflow: hidden;
            background-color: white;
            box-shadow: 0px 30px 90px 30px rgba(0, 0, 0, 0.548);
        }
        .gallery-left img {
            height: 1000px;
            width: 100%;
        }
        .gallery-middle img {
            height: 1000px;
            width: 100%;
        }
        .gallery-right img {
            height: 1000px;
            width: 100%;
        }
        .gallery-left h2 {
            text-align: center;
        }
        .gallery-middle h2 {
            text-align: center;
        }
        .gallery-right h2 {
            text-align: center;
        }
        .gallery-left button {
            color: #f6f6f8;
            font-size: 60px;
            margin-top: 30px;
            padding: 20px 30px;
            background-color: rgba(50, 154, 185, 0.466);
            box-shadow: 10px 20px 50px rgba(0, 0, 0, 0.727);
            text-shadow: 10px 20px 50px rgba(0, 0, 0, 0.727);
            font-family: 'Times New Roman', Times, serif;
            font-weight: bold;
            border: none;
            width: 600px;
            cursor: pointer;
            text-shadow: 10px 10px 10px rgba(0, 0, 0, 0.466);
        }
        .gallery-left button:hover {
            transform: scale(1.1);
        }
        .gallery-middle button {
            color: #f6f6f8;
            font-size: 60px;
            margin-top: 30px;
            padding: 20px 30px;
            background-color: rgba(50, 154, 185, 0.466);
            box-shadow: 10px 20px 50px rgba(0, 0, 0, 0.727);
            text-shadow: 10px 20px 50px rgba(0, 0, 0, 0.727);
            font-family: 'Times New Roman', Times, serif;
            font-weight: bold;
            border: none;
            width: 600px;
            cursor: pointer;
            text-shadow: 10px 10px 10px rgba(0, 0, 0, 0.466);
        }
        .gallery-middle button:hover {
            transform: scale(1.1);
        }
        .gallery-right button {
            color: #f6f6f8;
            font-size: 70px;
            margin-top: 30px;
            padding: 20px 30px;
            background-color: rgba(50, 154, 185, 0.466);
            box-shadow: 10px 20px 50px rgba(0, 0, 0, 0.727);
            text-shadow: 10px 20px 50px rgba(0, 0, 0, 0.727);
            font-family: 'Times New Roman', Times, serif;
            font-weight: bold;
            border: none;
            width: 600px;
            cursor: pointer;
            text-shadow: 10px 10px 10px rgba(0, 0, 0, 0.466);
        }
        .gallery-right button:hover {
            transform: scale(1.1);
        }
        /*Different-Galleries*/
        /*Different-Galleries*/
        /*Different-Galleries*/
        .gallery-title {
            font-size: 60px;
            padding-top: 80px;
        }
        .gallery-title-main {
            color: rgb(0, 0, 0);
            font-size: 114px;
            text-align: center;
            text-shadow: 10px 10px 10px  rgba(50, 154, 185, 0.466);
            padding-top: 30px;
        }
        .gallery {
            margin-top: 50px;
            justify-content: center;
            align-items: center;
            text-align: center;
        }
        .gallery img {
            width: 700px;
            height: 650px;
            padding: 5px;
            margin: 20px;
            background-color: rgb(182, 182, 182);
            box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.727);
            border-radius: 2%;
        }
        .gallery img:hover {
            transform: scale(1.1);
            transition: .4s ease-in;
        }
        /*End-Gallery*/
        /*End-Gallery*/
        /*End-Gallery*/
    .image-background {
        margin-left: 150px;
        margin-right: 150px;
    }
    .contact-box {
        margin-top: 50px;
        color: white;
    }
    .image-background img {
        width: 100%;
        height: 500px;
    }
}

@media screen and (min-width: 1601px) {
    /*Header start*/
    .topnav {
        display: none;
    }
    .top-contact {
        display: flex;
        justify-content: center;
        background-color: rgba(50, 153, 185, 0.685);;
        text-decoration: none;
        padding-top: 3px;
        padding-bottom: 3px;
    }
    .top-contact h2 {
        padding-left: 20px;
        padding-right: 20px;
    }
    .top-contact a{
        text-decoration: none;
        color: #000000;
    }
    .top-contact a:hover {
        color: silver;
    }
    .top-contact p {
        margin-left: 15px;
        margin-right: 15px;
    }
    .top-bar {
        display: flex;
        background-color: #000000;
        justify-content: center;
    }
    header img {
        width: 250px;
        height: 200px;
        margin-right: 100px;
    }
    /*Nav start*/
    .navbar {
        align-items: center;
        justify-content: center;
        background-color: #000000;
        display: flex;
        margin-top: 70px;
    }
    .navbar a {
        font-size: 32px;
        font-weight: bold;
        color: rgb(0, 195, 255);
        padding: 10px 30px;
        text-decoration: none;
        text-shadow: 10px 10px 10px rgba(255, 255, 255, 0.685);
    }
    /* The subnavigation menu */
    .subnav {
        overflow: hidden;
        text-align: center;
        text-shadow: 10px 10px 10px rgba(0, 0, 0, 0.685);
    }
    .subnav-content a {
        font-size: 16px;
        text-shadow: 10px 10px 10px rgba(0, 0, 0, 0.685);
    }
    /* Subnav button */
    .subnav .subnavbtn {
        font-size: 16px;
        border: none;
        outline: none;
        color: rgb(0, 195, 255);
        background-color: inherit;
        font-family: inherit;
        display: flex;
        text-shadow: 10px 10px 10px rgba(0, 0, 0, 0.685);
    }
    /* Add a red background color to navigation links on hover */
    .navbar a:hover,
    .subnav:hover .subnavbtn {
        background-color: silver;
        text-shadow: 10px 10px 10px rgba(0, 0, 0, 0.685);
    }
    /* Style the subnav content - positioned absolute */
    .subnav-content {
        display: none;
        background: black;
        position: absolute;
    }
    /* Style the subnav links */
    .subnav-content a {
        color: rgb(0, 195, 255);
        text-decoration: none;
        text-shadow: 10px 10px 10px rgba(255, 255, 255, 0.685);
        
    }
    /* Add a grey background color on hover */
    .subnav-content a:hover {
        background-color: silver;
        color: rgb(0, 195, 255);
        text-shadow: 10px 10px 10px rgba(0, 0, 0, 0.685);
    }
    /* When you move the mouse over the subnav container, open the subnav content */
    .subnav:hover .subnav-content {
        display: flex;
        flex-direction: column;        
    }
    /*video*/
    #drone {
        width: 100vw;
        height: 60vh;
        object-fit: fill;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: -1;
        box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.727)
    }
    .video-overlay{
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .about-us {
        font-size: 72px;
        position: absolute;
        text-align: center;
        text-shadow: #00b0d4;
        
    }
    .about-us h2 {
        /* text-shadow: 0 0 3px rgba(192, 192, 192, 0.473), 0 0 5px rgba(192, 192, 192, 0.473); */
        font-size: 72px;
        /* text-shadow: 0 0 3px red, 0 0 5px red; */
        background: -webkit-linear-gradient( #0d9dd1 5%,#01bfe1 10%,#01d2f0 ,#04d7ff ,#02609d ,#00b0d4,#1f87be);
        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text;
        text-shadow: 10px 10px 10px rgba(0, 0, 0, 0.466);
    }
    .about-us p {
        color: #f6f6f8;
        margin-top: 50px;
        font-size: 36px;
        text-shadow: 10px 10px 10px rgba(50, 153, 185, 0.685);
    }

/*Footer start*/
    footer {
        bottom: 0;
        background-color: black;
        box-sizing: border-box;
        color: #f6f6f8;;
    }
    footer img {
        height: 100px;
    }
    footer h3 {
        font-size: 12px;
        text-decoration: none;
    }
    .footer-distributed {
        display: flex;
        text-align: left;
        font: bold 16px;
        padding-top: 100px;
        padding-left: 100px;
    }
    .footer-distributed .footer-left .footer-distributed .footer-center .footer-distributed .footer-right {
        display: inline-block;
        vertical-align: top;
    }
    .footer-distributed .footer-left {
        width: 30%;
    }
    .footer-left h4 {
        font-size: 20px;
        color: #f6f6f8;;
        margin-bottom: 10px;
    }
    .footer-distributed h3 {
        font-size: 36px;
    }
    .footer-distributed .footer-links a {
        display: inline-block;
        line-height: 1.8;
        text-decoration: none;
        font-size: 21px;
        font-weight: bold;
        color: inherit;
    }
    .footer-distributed .footer-links a:hover {
        text-decoration: none;
        color:  rgb(0, 195, 255);
    }
    .footer-distributed .footer-links a:active {
        text-decoration: none;
        color: #f6f6f8;;
    }
    .footer-distributed .footer-company-name {
        font-size: 14px;
        font-weight: normal;
        margin: 0;
    }
    .footer-distributed .footer-center {
        width: 35%;
    }
    .footer-distributed .footer-center i {
        font-size: 25px;
        width: 38px;
        height: 3;
        text-align: center;
        border-radius: 50%;
        line-height: 42px;
        margin: 10px 15px;
        vertical-align: middle;
        color: black;
        background-color: #026194b6;
    }
    .footer-distributed .footer-center p {
        display: inline-block;
        vertical-align: middle;
        margin: 0;
        font-size: 28px;
        font-weight: bold;
    }
    .footer-distributed .footer-center p a {
        text-decoration: none;
        color: inherit;
    }
    .footer-center p:hover {
        color:  rgb(0, 195, 255);
    }
    .footer-distributed .footer-right {
        width: 30%;
    }
    .footer-distributed .footer-company-about {
        line-height: 20px;
        font-size: 18px;
        font-weight: normal;
        margin-bottom: 20px;
    }
    .footer-distributed .footer-company-about span {
        font-size: 24px;
    }
    .qwc {
        text-align: center;
        padding-top: 50px;
        color: #f6f6f8;
    }
    .footer-distributed strong {
        background: -webkit-linear-gradient( #0d9dd1 5%,#01bfe1 10%,#01d2f0 ,#04d7ff ,#02609d ,#00b0d4,#1f87be);
        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text;
    }
    .footer-distributed p {
        color: #f6f6f8;
    }
    .footer-quote {
        position: relative;
        color: black;
        text-align: center;
        margin-top: 50px;
        margin-bottom: -75px;
    }
    .footer-quote button {
        margin-top: 20px;
    }
    
    .click-index {
        text-align: center;
        align-items: center;
        margin-top: 10px;
    }
    .click-index h2 {
        color: black;
        font-size: 48px;
        text-shadow: 10px 10px 10px rgba(50, 154, 185, 0.466);
    }
    .index-top {
        text-align: center;
        display: flex;
        justify-content: center;
        margin-left: 50px;
        margin-right: 50px;
    }
    .index-bottom {
        margin-top: 35px;
        text-align: center;
        display: flex;
        justify-content: center;
        margin-left: 50px;
        margin-right: 50px;
    }
    .index-left {
        margin-top: 30px;
        margin-right: 35px;
        padding: 20px;
        padding-top: 30px;
        padding-bottom: 50px;
        overflow: hidden;
        background-color: rgba(255, 255, 255, 0.61);
        box-shadow: 0px 10px 10px 10px rgba(0, 0, 0, 0.548);

    }

    .index-right {
        margin-top: 30px;
        margin-left: 35px;
        padding: 20px;
        padding-top: 30px;
        padding-bottom: 50px;
        overflow: hidden;
        background-color: rgba(255, 255, 255, 0.61);
        box-shadow: 0px 10px 10px 10px rgba(0, 0, 0, 0.548);
    }
    .index-left img {
        height: 500px;
        width: 500px;
        box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.466);
    }
    .index-right img {
        height: 500px;
        width: 500px;
        box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.466);
    }
    .menu-links {
        display: none;
    }
    .index-top h2 button {
        color: #f6f6f8;
        font-size: 50px;
        margin-top: 20px;
        padding: 20px 30px;
        background-color: rgba(50, 154, 185, 0.466);
        box-shadow: 10px 20px 50px rgba(0, 0, 0, 0.727);
        text-shadow: 10px 20px 50px rgba(0, 0, 0, 0.727);
        font-family: 'Times New Roman', Times, serif;
        font-weight: bold;
        border: none;
        width: 600px;
        cursor: pointer;
        text-shadow: 10px 10px 10px rgba(0, 0, 0, 0.466);
    }
    .index-bottom h2 button {
        color: #f6f6f8;
        font-size: 50px;
        margin-top: 20px;
        padding: 20px 30px;
        background-color: rgba(50, 154, 185, 0.466);
        box-shadow: 10px 20px 50px rgba(0, 0, 0, 0.727);
        text-shadow: 10px 20px 50px rgba(0, 0, 0, 0.727);
        font-family: 'Times New Roman', Times, serif;
        font-weight: bold;
        border: none;
        width: 600px;
        cursor: pointer;
        text-shadow: 10px 10px 10px rgba(0, 0, 0, 0.466);
    }
    .index-top h2 button:hover {
        transform: scale(1.2);
    }
    .index-bottom h2 button:hover {
        transform: scale(1.2);
    }
    .contact-form {
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
    }
    
    .contact-form p {
        color: #f6f6f8;
        font-size: 40px;
        font-weight: bold;
        text-shadow: 5px 5px 10px rgba(0, 0, 0, 0.727);
    }
    
    .contact-form input {
        margin-top: 10px;
        margin-bottom: 10px;
        font-size: 14px;
        padding: 15px;
        width: 80%;
        border: 0;
        border-radius: 5px;
        outline: none;
        opacity: 70%;
        box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.498);
    }
    
    .contact-form button {
        margin-top: 20px;
        font-size: 18px;
        font-weight: bold;
        border: none;
        background: #026194b6;
        padding: 12px;
        border-radius: 30px;
        color: #f6f6f8;
        font-weight: bold;
        font-size: 22px;
        padding-left: 25px;
        padding-right: 25px;
        transition: .4s;
        text-shadow: 5px 5px 10px rgba(0, 0, 0, 0.727);
        box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 0.727);    
        cursor: pointer;
    }

    .contact-form button:hover {
        transform: scale(1.2);
    }

    .form-title h2 {
       text-align: center;
       font-size: 70px;
       color: rgb(255, 255, 255);
       margin-top: 10px;
       margin-bottom: 10px;
       text-shadow: 5px 5px 10px rgba(0, 0, 0, 0.727);
    }
    
    .footer-distributed .footer-center p {
        display: inline-block;
        vertical-align: middle;
        margin: 0;
        font-size: 28px;
        font-weight: bold;
    }
    .footer-distributed .footer-center p a {
    text-decoration: none;
    color: inherit;
    }
    .footer-distributed .footer-right {
        width: 30%;
    }
    .footer-distributed .footer-company-about {
        line-height: 20px;
        font-size: 18px;
        font-weight: normal;
        margin-bottom: 20px;
    }
    .footer-distributed .footer-company-about span {
        font-size: 24px;
    }
    .qwc {
        text-align: center;
        padding-top: 50px;
        color: #f6f6f8;
    }
    .footer-distributed strong {
        background: -webkit-linear-gradient( #0d9dd1 5%,#01bfe1 10%,#01d2f0 ,#04d7ff ,#02609d ,#00b0d4,#1f87be);
        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text;
    }
    .footer-distributed p {
        color: #f6f6f8;
    }
    .footer-quote {
        position: relative;
        color: black;
        text-align: center;
        margin-top: 50px;
        margin-bottom: -75px;
    }
    .footer-quote button {
        margin-top: 20px;
    }
    .quote-button button {
        background-color: #026194b6;
        font-size: 32px;
        font-weight: bold;
        border: 4px rgb(0, 0, 0) solid;
        border-radius: 10px;
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 5px;
        padding-bottom: 5px;
        cursor: pointer;
        color: white;
    }
    .quote-button button:hover {
        transform: scale(1.2);
    }
    .menu-links {
        display: none;
    }

    .contact-box {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .contact-left {
        width: 33%;
        margin-top: 80px;
    }

    .icon {
        color: #026194;
        text-decoration: none;
        vertical-align: middle;
        border-image: initial;
        border-radius: 50% 50% 50% 50%;
        padding: 3% 6% 3% 6%;
        text-shadow: 5px 5px 10px rgba(0, 0, 0, 0.795);
    }

    .icon:hover {
        transform: scale(1.2);
    }
    .flex-item p {
        color: white;
        font-size: 20px;
        text-align: right;
        padding-bottom: 4px;
        font-weight: bolder;
        text-shadow: 5px 5px 10px rgba(0, 0, 0, 0.795);
    }
    .flex-item {
        justify-content: center;
        margin: 70px;
        border-bottom: #026194b6 2px solid;
    }
    .flex-item h2 {
        justify-content: center;
        color: white;
        font-size: 32px;
        display: inline-block;
        margin-left: 30px;
        vertical-align: middle;
        font-weight: bold;
        text-shadow: 5px 5px 10px rgba(0, 0, 0, 0.795);
    }
    #contact-form {
        text-align: center;
        color: white;
        text-shadow: 5px 5px 10px rgba(0, 0, 0, 0.795);
        margin-top: 50px;
    }
    .contact-middle {
        width: 30%;
    
    }
    .contact-right {
        width: 30%;
        text-align: center;
        margin-top: 150px;
        margin-left: 50px;
        margin-right: 50px;
    }
    #contact-form h2 {
        text-align: center;
        color: white;
        padding-top: 10px;
        font-size: 56px;
        text-shadow: 5px 5px 5px rgba(0, 0, 0, 0.993);
        
    }
    #contact-form p {
        text-align: center;
        font-size: 25px;
        text-shadow: 5px 5px 10px rgba(0, 0, 0, 0.795);
        font-weight: bolder;
        margin-top: 20px;
        color: rgb(0, 0, 0);
        text-shadow: 1px 2px 5px rgba(0, 0, 0, 0.727);
        text-shadow: 10px 10px 10px rgba(50, 154, 185, 0.466);
    }
    #contact-form input {
        font-size: 18px;
    }
    #contact-form label {
        font-size: 25px;
        text-align: center;
    }
    #contact-form span {
        font-size: 18px;
        text-align: center;
        
    }
    #contact-form textarea {
        width: 400px;
        height: 100px;
    }
    #my-form .data-entry {
        padding: .5em 8%;
    }
    #my-form textarea {
        padding: 10px 20px;
    }
    label {
        font-weight: bolder;
        color: rgb(0, 0, 0);
        text-shadow: 1px 2px 5px rgba(0, 0, 0, 0.727);
        text-shadow: 10px 10px 10px rgba(50, 154, 185, 0.466);
    }

    #submit {
        margin-top: 20px;
        font-size: 18px;
        font-weight: bold;
        border: none;
        background: #026194b6;
        padding: 12px;
        border-radius: 30px;
        color: #f6f6f8;
        font-weight: bold;
        font-size: 22px;
        padding-left: 25px;
        padding-right: 25px;
        transition: .4s;
        text-shadow: 5px 5px 10px rgba(0, 0, 0, 0.727);
        box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 0.727);    
        cursor: pointer;
    }
    #submit:hover {
        transform: scale(1.2);
    }
    #contact-form input {
        margin-top: 10px;
        margin-bottom: 10px;
        font-size: 14px;
        padding: 15px;
        width: 80%;
        border: 0;
        border-radius: 5px;
        outline: none;
        opacity: 70%;
        box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.498);
    }
    #contact-form textarea {
        margin-top: 10px;
        margin-bottom: 10px;
        font-size: 14px;
        padding: 15px;
        width: 80%;
        border: 0;
        border-radius: 5px;
        outline: none;
        opacity: 70%;
        box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.498);
    }
    #contact-form {
        text-align: center;
    }
    #my-form #align {
        box-sizing: border-box;
        width: 96%;
        text-align: center;
        margin: 0 2%;
        padding: 2em;
    }
    .contact-right iframe {
        height: 800px;
        width: 600px;
    }
    /*end-contact-us*/

    /*Services Page*/

    .services-background {
        background-image: url(/images/background/house-banner.jpg);
        background-color: rgb(182, 182, 182);
        background-position: 0% 65%;
        background-repeat: no-repeat;
        background-size: cover;
        height: 280px;
        box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.727)
    }
    .services-title h2 {
        text-align: center;
        color: rgba(255, 255, 255, 0.881);
        text-shadow: 1px 2px 5px rgba(0, 0, 0, 0.727);
        font-size: 92px;
        padding-top: 70px;
        text-shadow: 10px 10px 10px rgba(50, 154, 185, 0.466);
    }
    .services-title-main {
        text-align: center;
        color: rgba(255, 255, 255, 0.881);
        text-shadow: 1px 2px 5px rgba(0, 0, 0, 0.727);
        font-size: 92px;
        padding-top: 70px;
        text-shadow: 10px 10px 10px rgba(50, 154, 185, 0.466);
    }
    /*Contact Page*/

    .contact-title h2 {
        text-align: center;
        color: rgba(255, 255, 255, 0.881);
        text-shadow: 1px 2px 5px rgba(0, 0, 0, 0.727);
        font-size: 92px;
        padding-top: 70px;
        text-shadow: 10px 10px 10px rgba(50, 154, 185, 0.466);
    }
    .contact-us-background {
        background-image: url(/images/background/review01.jpg);
        background-color: rgb(182, 182, 182);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 280px;
        box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.727)
    }

    /* Reviews Page*/
    .review-background {
        background-image: url(/images/background/review03.jpg);
        background-color: rgb(182, 182, 182);
        background-position: 0% 20%;
        background-repeat: no-repeat;
        background-size: cover;
        height: 280px;
        box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.727);
    }
    .review-title h2 {
        text-align: center;
        color: rgb(0, 0, 0);
        text-shadow: 1px 2px 5px rgba(0, 0, 0, 0.727);
        text-shadow: 10px 10px 10px rgba(50, 154, 185, 0.466);
        font-size: 92px;
        padding-top: 70px;
    }
    .widget-review {
        margin-top: 50px;
    }
    /*gallerys start*/
    .gallery-backdrop {
        background-image: url(/images/background/gallery.jpg);
        background-position: 0% 50%;
        background-repeat: no-repeat;
        background-size: cover;
        height: 280px;
        box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.727);
    }
    .gallery-title {
        color: #000000c4;
        text-align: center;
        font-size: 100px;
        text-shadow: 10px 10px 10px rgba(50, 154, 185, 0.466);
        padding-top: 50px;
    }
    .gallery-title-main {
        color: #000000c4;
        text-align: center;
        font-size: 100px;
        text-shadow: 10px 10px 10px rgba(50, 154, 185, 0.466);
        padding-top: 50px;
    }
    .gallery-top {
        text-align: center;
        display: flex;
        justify-content: center;
        margin-left: 50px;
        margin-right: 50px;
    }
    .gallery-left {
        margin-top: 30px;
        margin-right: 35px;
        padding: 20px;
        padding-top: 30px;
        padding-bottom: 50px;
        overflow: hidden;
        background-color: rgba(255, 255, 255, 0.61);
        box-shadow: 0px 10px 10px 10px rgba(0, 0, 0, 0.548);

    }
    .gallery-middle {
        margin-top: 30px;
        padding: 20px;
        padding-top: 30px;
        padding-bottom: 50px;
        overflow: hidden;
        background-color: rgba(255, 255, 255, 0.61);
        box-shadow: 0px 10px 10px 10px rgba(0, 0, 0, 0.548);
    }
    .gallery-right {
        margin-top: 30px;
        margin-left: 35px;
        padding: 20px;
        padding-top: 30px;
        padding-bottom: 50px;
        overflow: hidden;
        background-color: rgba(255, 255, 255, 0.61);
        box-shadow: 0px 10px 10px 10px rgba(0, 0, 0, 0.548);
    }
    .gallery-left img {
        height: 500px;
        width: 500px;
        box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.466);
    }
    .gallery-middle img {
        height: 500px;
        width: 500px;
        box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.466);
    }
    .gallery-right img {
        height: 500px;
        width: 500px;
        box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.466);
    }
    .gallery-top h2 button {
        color: #f6f6f8;
        font-size: 50px;
        margin-top: 20px;
        padding: 20px 30px;
        background-color: rgba(50, 154, 185, 0.466);
        box-shadow: 10px 20px 50px rgba(0, 0, 0, 0.727);
        text-shadow: 10px 20px 50px rgba(0, 0, 0, 0.727);
        font-family: 'Times New Roman', Times, serif;
        font-weight: bold;
        border: none;
        width: 500px;
        cursor: pointer;
        text-shadow: 10px 10px 10px rgba(0, 0, 0, 0.466);
    }
    .gallery-top h2 button:hover {
        transform: scale(1.2);
    }
    /*Different-Galleries*/
    /*Different-Galleries*/
    /*Different-Galleries*/
    .gallery {
        margin-top: 20px;
    }
    .container {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .gallery img {
        width: 500px;
        height: 450px;
        padding: 5px;
        margin: 20px;
        background-color: rgb(182, 182, 182);
        box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.727);
        border-radius: 2%;
    }
    .gallery img:hover {
        transform: scale(1.1);
        transition: .4s ease-in;
    }
        /*gallerys end*/
        /*services*/
        .services-body {
            color: #ffffff;
            text-align: center;
            font-size: 75px;
            text-shadow: 10px 10px 10px rgba(50, 154, 185, 0.466);
        }
        .services-back {
            text-align: center;
            display: flex;
            justify-content: center;
        }
        .services {
            margin-top: 30px;
            margin-right: 35px;
            padding: 20px;
            padding-top: 30px;
            padding-bottom: 50px;
            overflow: hidden;
            background-color: rgba(255, 255, 255, 0.61);
            box-shadow: 0px 10px 10px 10px rgba(0, 0, 0, 0.548);
        }
        .services img {
            height: 600px;
            width: 700px;
        }
        .services p {
            color: black;
            margin-top: 20px;
            text-shadow: 10px 10px 10px rgba(50, 154, 185, 0.466);
            font-weight: bolder;
            font-size: 32px;
            width: 700px;
        }
}