.scrollDown {
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
    margin-top: 30px;
}

.scrollBtn {
    height: 18px;
    margin-right: 40px;

}

#myCarousel {
    position: relative;
}

.carousel-indicators {
    bottom: 25%;
}

.overlay {
    margin-left: -4.5%;
}

.number2 {
    left: 5.5%;
}

.bigEstimateBtn {
    max-width: 610px;
}

.notificationBtn {
    cursor: pointer;
    z-index: 1;
}

.carousel-indicators .active,
.popup-logo-section {
    background: #800000;
}


.projectCTA .generalBtn {
    width: 330px;
}


.achievement {
    background: url(img/achievement.jpg?embed_image_url={{{cover_photo}}});
}

.achievement img {
    border-radius: 0;
}

.contactPage #textArea, .getQuote form textarea,
 .contact form textarea {
    resize: none;
}

.suggestions  p,
.about h3,
.services h3,
.serviceHeading p,
.project h3,
.contactLink a,
.contact address,
.about h5,
.contact h6,
.reviews h3,
.reviews h5,
.more-about h3,
.teamHeading  h3,
.team-img  h6,
.teamHeading  p,
.accordion-h5  {
    color: #1E1E1E;
}

.video-img {
    position: relative;
}

.about-playBtn {
    right: 300px;
}

.contact .blogLink img {
    background: #1E1E1E;
}

.navbar-nav .nav-item .nav-link:hover,
.dropdown-item:hover,
.navbar-nav .nav-item .navBarlink:active,
.activeLink:hover,
.activeLink:active,
.generalBtn a,
.msgBox p,
.about h2,
.playBtn-icon,
.services h2,
.contact h2,
.questionSec div p,
.reviews h2,
.clients h2,
.project h2,
.rating,
.team h2,
.infoSection .icons,
.blog button a,
.footerBtn a,
.about-cards h5 span,
.Privacy,
.accordion-h5 .fa-solid,
.info .fa-solid {
    color: #800000;
}

/* .activeLink, */
.msgTime {
    color: #000;
}

.suggestion1  p {
    color: #fff;
}

.suggestion1,
.send,
.blog,
.avatar-circle,
#next,
footer {
    background: #800000;
}

.generalBtn,
.dropdown-arrow,
.popUpinput,
.services .card-details,
.quote,
.form-group input,
#prev,
.getQuote .form-group input {
    border-color: #800000;
}

.contact p {
    color: inherit;
}

.placeholder {
    pointer-events: none;
}


#scrollup {
    position: fixed;
    font-size: 25px;
    right: 10px;
    bottom: 20px;
    cursor: pointer;
    z-index: 1000;
    display: none;
}

#custom-select {
    position: relative;
    width: 820px;
    padding: 15px 15px 35px; /* Adjusted padding */
    border-radius: 8px;
    border: 0.5px solid #800000;
    background: #FFF;
    display: flex;
    cursor: pointer;
}

#custom-select .placeholder {
    margin-top: -5px;
    margin-left: -2px;
}

#dropdownMenuButton {
    position: absolute;
    left: 750px;
    top: 40%;
    transform: translateY(-70%);
}

.placeholder-underlay {
    position: absolute;
    background: transparent;
    width: 100%;
    border-radius: 8px;
    padding: 10px 5px 35px;
    padding-bottom: 10px;
    margin-left: -15px;
    margin-top: -13px;
    height: 45px;
}

.select-items {
    position: absolute;
    font-size: 18px;
    margin-left: -12px;
    margin-right: 20px;
    text-align: left;
    background-color: #fff;
    box-shadow: 2px 5px #faf4f4d2, 4px 2px #fff;
    z-index: 1;
    width: 100%;
    display: none; /* Hidden by default */
}

.select-items div:hover {
    background-color: #666666ad;
    color: #fff;
    padding: 5px;
}

.about-cards h5 {
    position: relative;
}

.about-cards h5::after {
    position: absolute;
    left: -31px;
    bottom: 10px;
}

.before {
    max-width: 100%;
}

.estimatePage.contactPage .formBtn {
    color: #800000;
}

.estimatePage .small-image {
    height: 300px;
}

.project-category .project-card .card-words a {
    color: #4D5053;
}

@media (min-width: 1200px) and (max-width: 1247px) {
    .number2 {
        left: 4%;
    }

}

@media (min-width: 1250px) and (max-width: 1295px) {
    .number2 {
        left: 5%;
    }

}

@media (min-width: 1300px) and (max-width: 1390px) {
    .number2 {
        left: 8%;
    }

}

@media (min-width: 1920px) and (max-width: 2000px) {
    .number2 {
        left: 17.5%;
    }

    .strengths {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 21.237px;
        margin-left: -205px;
    }

    .about-playBtn {
        right: 600px;
    }

    .homeBtn {
        margin-top: 256px;
        right: 950px;
    }
}

@media (max-width: 767.98px) {
    .bigEstimateBtn {
        width: calc(100% + 50px);
    }

    .generalBtn {
        width: 200px;
        
    }

    .getQuote button {
        width: 235px;
    }

    .rightArrow {
        display: none;
    }

    .playBtn {
        right: 210px;
    }

    .strengths {
        margin-left: -70px;
    }

    .footerBtn .rightArrow {
        display: flex;
    }

    #custom-select {
        width: 400px;
        padding: 15px 15px 20px;
    }

    #custom-select .placeholder {
        margin-top: -5px;
        margin-left: -5px;
    }

    #dropdownMenuButton {
        position: absolute;
        top: 10px;
        right: -280px;
        left: auto;
    }

    .select-items {
        font-size: 12px;
        margin-left: -12px;
        width: 98%; 
    }
    .select-items div {
        margin-left: 5px;
    }

    .placeholder-underlay {
        width: 90%;
        font-size: 10px;
        margin-top: -15px;
    }

    .about-cards .card {
        height: auto;
    }

    .about-cards h5::after {
        left: -32px;
        bottom: 15px;
    }
}