:root {
    --color-main: #8D3C3C;
    --color-alt: #333;
    --color-alt2: #8D3C3C;
    --text-main-light: white;
    --text-main-dark: rgb(46, 46, 46);
     
    --section1: var(--color-main);
    --sectiontitle1: var(--text-main-light);
    --sectionbtn1: color-mix(in srgb, var(--section1) 80%, black);
    --sectionbtnborder1: color-mix(in srgb, var(--sectionbtn1) 90%, black);
    --section2: var(--color-alt);
    --sectiontitle2: var(--text-main-light);
    --sectionbtn2: color-mix(in srgb, var(--section2) 80%, black);
    --sectionbtnborder2: color-mix(in srgb, var(--sectionbtn2) 90%, black);
    --section3: var(--color-alt2);
    --sectiontitle3: var(--text-main-light);
    --sectionbtn3: color-mix(in srgb, var(--section3) 80%, black);
    --sectionbtnborder3: color-mix(in srgb, var(--sectionbtn3) 90%, black);
}
.modal-body, .modal-body h4  {
    background-color: var(--color-main);
    color: var(--text-main-light);

}
.popup-button {
    margin-top: 30px;
}
#header-text-8--1 .bg {
    background-image: url('../images/home.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    opacity:0.75;
}
/* #desc-text-halfbg-2 .bg-wrap {
    background: #E4C158;
}
#desc-text-halfbg .bg-wrap {
    background: #333;
}
#price-3col .bg-wrap {
    background-color: #F4F5F6;
}
#footer-img-text .bg-wrap {
    background-color: #F4F5F6;
} */
#nav-logo-menu-btn {
    background-color: white;
}
@media (min-width: 1230px) {
    #nav-logo-menu-btn {
        background-color: rgba(0, 0, 0, 0.2);
    }    
    .nav-item a {
        color:white !important;
        cursor: pointer;
    }
}
.companylogo {
    width: 200px;
}
.googleformbg {
    background-image: url('../images/home.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    opacity:0.75;
}
.title1 {
    font-size: 160%;
    color: var(--sectiontitle1);
}
.title2 {
    font-size: 160%;
    color: var(--sectiontitle2);
}
.title3 {
    font-size: 160%;
    color: var(--sectiontitle3);
}
section.desc1, section.desc2, section.desc3 {
    font-size: 20px;
    line-height: 38px;
}
section.desc1 {
    color: var(--sectiontitle1) !important;
    background-color: var(--section1) !important;
}
section.desc1 .btn {
    background-color: var(--sectionbtn1) !important;
    /* border-color: var(--sectionbtnborder1) !important; */
}
section.desc1 .btn:hover {
    background-color: var(--sectionbtnborder1) !important;
}
section.desc2 {
    color: var(--sectiontitle2) !important;
    background-color: var(--section2) !important;
}
section.desc2 .btn{
    background-color: var(--sectionbtn2) !important;
    /* border-color: var(--sectionbtnborder2) !important; */
}
section.desc2 .btn:hover {
    background-color: var(--sectionbtnborder1) !important;
}
section.desc3 {
    color: var(--sectiontitle3) !important;
    background-color: var(--section3) !important;
}
section.desc3 .btn{
    background-color: var(--sectionbtn3) !important;
    /* border-color: var(--sectionbtnborder3) !important; */
}
section.desc3 .btn:hover {
    background-color: var(--sectionbtnborder1) !important;

}
.btn {
    cursor: pointer !important;
}
.btn-nav {
    color: var(--sectiontitle1) !important;
    background-color: var(--section1) !important;
    border-color: var(--sectionbtn1) !important;
}
.btn-nav:hover {
    background-color: var(--sectionbtn1) !important;
}
.btn-top {
    color: var(--sectiontitle1) !important;
    background-color: var(--section1) !important;
    font-size: 22px;
    line-height: 34px;
}
.btn-top:hover {
    background-color: var(--sectionbtn1) !important;
}
.sectionfooter {
    color: var(--sectiontitle1) !important;
    background-color: var(--section1) !important;
}