body{
    background-color: #D9AD2B;
    font-family: 'Heebo', sans-serif;
}

header
{
    background-color: #3B6D8C;
    color: #ffffff;
    padding: 20%;
}
header img
{
    padding: 10px;
}

/*Footer*/
footer
{
    background-color: #3B6D8C;
    width: 100%;
    color: #ffffff;
    padding: 20%;
}

.Cookies
{
    text-align: center;
}

.Cookies img
{
    padding: 10px;
}

/*End Footer*/


/*About Us Page*/
/*ABout Us Staff*/
.marketing .col-lg-4 {
    margin-bottom: 1.5rem;
    text-align: center;
    padding: 20px;
}
/*End ABout Us Staff*/


.AboutUSPage
{
    text-align: center;
    padding: 20px;
}

.nav-pills
{
    --bs-nav-pills-link-active-bg: #fff !important;
    --bs-nav-pills-link-active-color: #000 !important;
}

.nav-link
{
    color: #fff !important;
}

.nav-link.active
{
    color: #000 !important;
}
/*End About Us Page*/


/*Index Page*/
.carousel-item img 
{
    width: auto;
    height: 600px;
    max-height: 600px;
}

.indexPageBackground
{
    display: flex;
    flex-direction: column;
    min-height: 80vh;
    color: #ffffff;
    justify-content: center;
    align-items: center;
    text-align: center;
    background-image: url('../images/WelcomePage.jpg');
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover; /* Resize the background image to cover the entire container */
}


.indexPageBackground h1
{
    font-size: 3em;
}

/*End Index Page*/


.row >img
{
    width: auto;
    height: 350px;
    max-height: 350px;
}

.repairBackground
{
    background-color: #D9AD2B;
}


.comment
{
    background-color: #C2dcf2;
    padding: 20px;
}


.circular-square
{
    border-radius: 50%;
    background-position: center;
}


.F0F1F2
{
    background-color: #F0F1F2;
}

.C386D8C
{
    background-color: #C2dcf2;
}


.Repair
{
    background-color: #C2dcf2;
}


/*Hire Page*/
:root{ --main-color: #3B6D8C; }
.pricingTable{
    background: linear-gradient(to right bottom,transparent 50%, #eee 50%);
    font-family: 'Montserrat', sans-serif;
    text-align: center;
    padding: 60px 20px;
    box-shadow: 0 0 10px rgba(0,0,0,0.15);
    overflow: hidden;
    position: relative;
}
.pricingTable:before,
.pricingTable:after{
    content: "";
    background: var(--main-color);
    width: 120px;
    height: 300px;
    transform: rotate(-20deg);
    transform-origin: top left;
    position: absolute;
    top: -20px;
    right: -40px;
}
.pricingTable:after{
    top: auto;
    bottom: -25px;
    right: auto;
    left: -150px;
    transform-origin: top right;
}
.pricingTable .pricingTable-header{ margin: 0 0 20px; }
.pricingTable .title{
    color: var(--main-color);
    font-size: 35px;
    font-weight: 800;
    text-transform: capitalize;
    margin: 0;
}
.pricingTable .pricing-content{
    text-align: left;
    padding: 0;
    margin: 0 0 35px;
    list-style: none;
    display: inline-block;
}
.pricingTable .pricing-content li{
    color: #666;
    font-size: 18px;
    line-height: 35px;
    padding: 0 10px 0 30px;
    margin: 0 0 15px;
    position: relative;
}
.pricingTable .pricing-content li:last-child{ margin: 0; }
.pricingTable .pricing-content li:before{
    content: "\f00c";
    color: #3A7B12;
    font-family: "Font Awesome 5 free";
    font-weight: 900;
    position: absolute;
    top: 1px;
    left: 0;
}

.pricingTable .price-value{
    color: var(--main-color);
    font-size: 50px;
    font-weight: 800;
    line-height: 45px;
    margin: 0 0 5px; 
}
.pricingTable .pricingTable-signup a{
    color: #333;
    font-size: 23px;
    font-weight: 800;
    letter-spacing: 1px;
    text-transform: uppercase;
    transition: all 0.3s;
}
.pricingTable .pricingTable-signup a:hover{
    color: var(--main-color);
    text-shadow: 3px 3px rgba(0,0,0,0.2);
}
.pricingTable.orange{ --main-color: #D9AD2B; }
.pricingTable.green{ --main-color: #403140; }
@media only screen and (max-width: 990px){
    .pricingTable{ margin: 0 0 40px; }
}
@media only screen and (max-width: 576px){
    .pricingTable .title{ font-size: 30px; }
    .pricingTable .pricing-content li{ font-size: 16px; }
}
/*End Hire page*/



/*Contact Page*/
.animate__animated.animate__backInRight {
    --animate-duration: 2s;
  }
  

  :root {
    --animate-duration: 800ms;
    --animate-delay: 0.9s;
  }

/*End Contact Page*/

.error
{
    color: red;
}


.Cookies a:link
{
    color: #fff;
    background-color: transparent;
    text-decoration: none;
}

.Cookies a:visited 
{
    color: white;
    background-color: transparent;
    text-decoration: none;
}

.Cookies a:hover 
{
    color: #D9AD2B;
    background-color: transparent;
    text-decoration: underline;
}



a.nav-link.p-0.text-muted
{
    color: #fff !important;
}



.fs-4
{
    color: #fff !important;
}


.indexbackground
{
    background-color: #403140;
    color: #fff;
}


.info-wrap.bg-primary.w-100.p-lg-5.p-4
{
    color: #fff;
}

.text.pl-3 p
{
    color: #fff;
}


p.lead.fw-normal.text-white-50.mb-4
{
    color: #fff !important;
}


  
.column 
{
    float: left;
    width: 50%;
    padding: 10px;
    height: 300px;
}

.row2:after 
{
    content: "";
    display: table;
    clear: both;
}


.btn.btn-primary
{
    background-color: #D9AD2B;
    border: none;
}

.btn.btn-primary:hover
{
    background-color: #D9AD2B;
    text-decoration: underline;
}