:root {
    --app-theme-rgb: 7, 172, 217;
    --app-theme: rgb(21, 87, 46);
    --app-theme-rgb: 7, 217, 87;
    --bs-body-color: rgb(21, 87, 46);
    --btn-primary-bg-rgb: 30, 186, 89;
    /* --btn-primary-bg: rgb(30, 186, 89); */
    --header-gold: #cdb271;
    --content-gold: #cdb27199;
}

.team .image img.fixed-width-135px {
    width: 135px;
}

.image.logo {
    margin-right: 5px;
}

.whatsApp {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 60px;
    left: 40px;
    background: #25d366 url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NzguMTY1IDQ3OC4xNjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ3OC4xNjUgNDc4LjE2NSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjUxMiIgaGVpZ2h0PSI1MTIiPjxwYXRoIGQ9Ik00NzguMTY1IDIzMi45NDZjMCAxMjguNTY3LTEwNS4wNTcgMjMyLjk2Ni0yMzQuNjc5IDIzMi45NjYtNDEuMTAyIDAtNzkuODE0LTEwLjU5OS0xMTMuNDQ1LTI4Ljk2OUwwIDQ3OC4xNjVsNDIuNDM3LTEyNS4wNGMtMjEuNDM4LTM1LjA2NS0zMy43Ny03Ni4yMDctMzMuNzctMTIwLjE1OUM4LjY2NyAxMDQuMzQgMTEzLjc2MyAwIDI0My40ODUgMGMxMjkuNjIzIDAgMjM0LjY4IDEwNC4zNCAyMzQuNjggMjMyLjk0NnpNMjQzLjQ4NSAzNy4wOThjLTEwOC44MDIgMC0xOTcuNDIyIDg3LjgwMy0xOTcuNDIyIDE5NS44NjggMCA0Mi45MTUgMTMuOTg2IDgyLjYwMyAzNy41NzYgMTE0Ljg3OWwtMjQuNTg2IDcyLjU0MiA3NS44NDktMjMuOTY4YzMxLjEyMSAyMC40ODEgNjguNDU3IDMyLjI5NiAxMDguNTgzIDMyLjI5NiAxMDguNzIzIDAgMTk3LjMyMy04Ny44NDMgMTk3LjMyMy0xOTUuOTA4IDAtMTA3Ljg4Ni04OC42LTE5NS43MDktMTk3LjMyMy0xOTUuNzA5ek0zNjEuOTMxIDI4Ni42MmMtMS4zOTUtMi4zMzEtNS4yMi0zLjc0Ni0xMC44OTgtNi44MTQtNS45MTctMi44NDktMzQuMDg5LTE2LjQ5Ny0zOS41MDgtMTguMzctNS4xNi0xLjkxMy04Ljk4Ni0yLjg0OS0xMi44MTEgMi44MjktNC4wMDUgNS42MzgtMTQuOTAzIDE4LjYyOS0xOC4yMyAyMi4zNTQtMy41NDYgMy43ODUtNi44NTQgNC4yNjQtMTIuNTUyIDEuNDM1LTUuNjE4LTIuODA5LTI0LjI2Ny04Ljg2Ni00Ni4yMDMtMjguMzkxLTE3LjA1NS0xNS4wNDItMjguNjctMzMuNzExLTMxLjk5Ny0zOS41MDgtMy40MjctNS43NTgtLjM5OC04LjgyNiAyLjQ3MS0xMS42MzUgMi42OS0yLjU5IDUuNzc4LTYuNzM0IDguNjI3LTEwLjA0MSAyLjk2OS0zLjI4NyAzLjkwNS01LjYzOCA1Ljc5OC05LjQyNCAxLjkxMy0zLjkwNS45MzYtNy4xOTItLjQ3OC0xMC4xNDEtMS40MTUtMi44NDktMTMuMDEtMzAuODgxLTE3Ljc1Mi00Mi4zMzctNC44NDEtMTEuNDE2LTkuNTQzLTkuNTIzLTEyLjg3MS05LjUyMy0zLjQ2NyAwLTcuMjEyLS40NzgtMTEuMTE3LS40NzgtMy43ODUgMC0xMC4wNDEgMS4zOTUtMTUuMzgxIDcuMTkyLTUuMiA1LjY1OC0yMC4xMjMgMTkuNDY1LTIwLjEyMyA0Ny41OTcgMCAyOC4wNTIgMjAuNjAxIDU1LjMwOCAyMy41NSA1OS4wNTMgMi44NjkgMy43ODUgMzkuNzQ3IDYzLjE5NyA5OC4zMDMgODYuMDcgNTguNDc2IDIyLjg3MiA1OC40NzYgMTUuMzIxIDY5LjExNSAxNC4zNjUgMTAuMzgtLjk1NiAzNC4wNjktMTMuODY3IDM4LjgxMS0yNy4wOTYgNC42Ni0xMy40NSA0LjY2LTI0Ljc2NiAzLjI0Ni0yNy4xMzd6IiBmaWxsPSIjRkZGIi8+PC9zdmc+) 50% no-repeat;
    background-size: 30px auto;
    -webkit-background-size: 30px auto;
    -moz-background-size: 30px auto;
    z-index: 1;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    box-shadow: 2px 2px 3px #999;
    z-index: 100;
}

.chat-box-text {
    position: fixed;
    bottom: 75px;
    left: 115px;
    color: white;
    border-radius: 10px;
    background-color: #25d366;
    padding: 5px 10px 5px 10px;
    box-shadow: 2px 2px 3px #999;

}

.chat-box-text:hover {
    text-decoration: none;
    color: white;
}

.content.has-bg .content-bg:before {
    /*background: "";*/
    /*background: url(images/bg-content-cover-peacock.png); Can use an image to set the background color if desired */
    /*background-color: #25d366;*/
    opacity: 0.5;
}

.content.has-bg .content-title {
    color: var(--app-theme);
}

.home .home-content .h1,
.home .home-content .h2,
.home .home-content .h3,
.home .home-content .h4,
.home .home-content h1,
.home .home-content h2,
.home .home-content h3,
.home .home-content h4 {
    /* color: var(--header-gold); */
    /* color: var(--app-theme);  */
    color: white;
}

.home .home-content p {
    color: var(--content-gold);
}

.skills .skills-name {
    color: var(--app-theme);
}

.about-author .quote .h3,
.about-author .quote h3 {
    color: var(--app-theme);
}

.about-author .author .info {
    color: rgb(var(--app-theme));
}

.about-author .author .info .small,
.about-author .author .info a,
.about-author .author .info small {
    color: rgba(var(--app-theme), 0.5);
}

.content .content-title:after {
    background: var(--app-theme) !important;
}

.text-theme {
    color: rgba(var(--app-theme-rgb), var(--bs-text-opacity));
}

.quote {
    color: var(--app-theme);
}

.quote .small,
.quote small {
    color: rgba(var(--app-theme), 0.75);
}

.service .icon {
    background: var(--bs-body-color);
}

.content .content-desc {
    color: rgba(var(--app-theme), 0.5);
}

.milestone .number {
    color: var(--app-theme);
}

.milestone .title {
    color: rgba(var(--app-theme), 0.5);
}

.service .info .desc {
    color: rgba(var(--app-theme), 0.25);
}

.testimonials blockquote {
    color: rgba(var(--app-theme), 0.25);
}

.fa-quote-left,
.fa-quote-right {
    color: var(--app-theme) !important;
}

.testimonials .carousel-indicators li.active {
    background: #000000;
}

.testimonials .carousel-indicators li:focus,
.testimonials .carousel-indicators li:hover {
    background: rgb(255, 255, 255)
}

.team-img {
    width: 135px !important;
    /* Adjust as needed, can be overriden and set to px etc */
    height: 100% !important;
    object-fit: cover;
    /* This will crop the image to fit */
    min-height: 155px;
    /* Pick the max height your images in the row to balance them out */
}


.case-study {
    background: rgba(var(--app-theme-rgb), 0.15);
    background-size: calc(70%);
    background-repeat: no-repeat;
    background-position: calc(100% - 20px) calc(100% - 10px);
    border-radius: 50px;
    padding: 25% 10px 25% 10px;
    width: 100% !important;
    object-fit: cover;
    /* This will crop the image to fit */
}

.case-study.no-img {
    background-image: none !important;
}

@media (min-width: 400px) {
    .case-study {
        background-image: url(./../../img/hr/check-list.png);
    }

    .case-study.tenant-container {
        padding: 15px !important;
    }
}

.case-study-img {
    width: 100% !important;
    height: 250px;
    /* Adjust as needed, can be overriden and set to px etc */
    object-fit: cover;
    /* This will crop the image to fit */
    border-radius: 25px;
}

.btn.btn-theme.btn-primary {
    background: rgba(var(--btn-primary-bg-rgb), 0.75);
}

.btn.btn-theme.btn-primary:hover {
    background: rgb(var(--btn-primary-bg-rgb));
}

.tenant-text {
    background: rgba(var(--app-theme-rgb), 0.15);
    border-radius: 25px;
    padding: 20px 10px 20px 10px;
    margin-top: 10px;

}

@media (min-width: 768px) {
    .case-study.tenant-container {
        padding: 25px;
        padding-bottom: 65px !important;
    }
}

@media (min-width: 1200px) {
    .container,.container-lg,.container-md,.container-sm,.container-xl {
        max-width:1200px !important;
    }
}