/*
    Theme Name: Theme 1
    Description: Website Factory Theme 1
    Author: The Website Factory
    Author URI: https://thewebsitefactory.info/
    Version: 1.0
    Copyright: The Website Factory
*/
/* ::-webkit-scrollbar {
    display: none;
} */

.hero .overlay, .hero-inner .overlay {
    clip-path: polygon(76vw 0, 100% 0, 100% 100%, 76vw 100%, 64vw 50%);
}

@media only screen and (max-width: 1319px) {
    .hero-content {
        left: auto;
    }
    .hero .overlay, .hero-inner .overlay {
        clip-path: polygon(76vw 0, 100% 0, 100% 100%, 76vw 100%, 60vw 50%);
    }
}

.hero-content {
    right: 0;
    width: 38.6vw;
    padding: 4vw 0 4vw 6.8vw;
    top: 58%;
}

.hero-content .page-heading{
    font-size: 3.8vw;
}
.hero-content p {
    font-size: 1.8vw;
    width: 27vw;
    margin-right: auto;
    margin-left: auto;
    line-height: 5rem;
}

@media only screen and (min-width: 768px) and (max-width: 1280px) and (orientation: landscape) {
    .phone {
        width: 24px;
    }
    .phone-icon {
        display: block;
    }
    .phone-number {
        display: none;
     }
     .hero .overlay, .hero-inner .overlay {
        clip-path: polygon(82vw 0, 100% 0, 100% 100%, 82vw 100%, 60vw 50%);
    }
}
@media only screen and (max-width: 1280px) and (orientation: portrait) {
    .hero .overlay, .hero-inner .overlay {
        clip-path: polygon(50% 50%, 100% 70%, 100% 100%, 0 100%, 0 70%);
    }
    .hero-content {
        bottom: 0;
        width: 100vw;
        padding: 1vw;
        top: auto;
    }
    .hero-content .page-heading {
        font-size: 3.2rem;
        line-height: 3.2rem;
        margin-bottom: 2.0rem;
    }
    .hero-content p {
        font-size: 1.8rem;
        margin-bottom: 1.5rem;
        display: block;
        margin-right: 0;
        margin-left: 0;
        width:auto;
    }
    .hero-content .button {
        font-size: 1.2rem;
        padding: 2.0rem 3.2rem;
    }
}

@media only screen and (max-width:850px) and (orientation: landscape) {
    .hero .overlay, .hero-inner .overlay {
        clip-path: polygon(50% 50%, 100% 70%, 100% 100%, 0 100%, 0 70%);
    }
    .hero-content {
        bottom: 0;
        width: 100vw;
        padding: 1vw;
        top: auto;
    }
    .hero-content .page-heading {
        font-size: 3.2rem;
        line-height: 3.2rem;
        margin-bottom: 2.0rem;
    }
    .hero-content p {
        font-size: 1.8rem;
        margin-bottom: 1.5rem;
        display: block;
        margin-right: 0;
        margin-left: 0;
        width:auto;
    }
    .hero-content .button {
        font-size: 1.2rem;
        padding: 2.0rem 3.2rem;
    }
}

.stripe {
    background: linear-gradient(-45deg, rgba(0,0,0,0.4) 0%, #258014 100%);
    background-color: #174F0D;
}
.stripe:nth-last-of-type(2) {
    background:linear-gradient(45deg, rgba(0,0,0,0.4) 0%, #5c4732 100%);
    background-color: #f5c18c;
}

.map-responsive {
    filter: grayscale(0);
}
.services {
    background-color: rgb(101 137 89);
}
.services-slider .item {
    padding-top: 24rem;
}