@import url(./variables.css);
@import url(./font.css);
@import url(./header.css);
@import url(./footer.css);
@import url(./above-footer.css);

html {
    scroll-behavior: smooth;
}
body {
    margin: 0;
    font-family: var(--fv-font-family);
    font-weight: normal;
    font-size: 1rem;
    line-height: 1.5;
    color: var(--fv-black-color);
    background-color: var(--fv-white-color);
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    transition: background-color 1.5s ease-in-out;
}
a {
    text-decoration: none;
    color: var(--fv-green-dark-color);
    word-wrap: break-word;
}
a:hover {
    color: var(--fv-black-color);
}
ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
img {
    display: block;
}

/* section heading style  */
.section-heading h2 {
    font-size: 4rem;
    color: var(--fv-green-dark-color);
    line-height: 80px;
    font-weight: 300;
    text-align: left;
    margin: 0;
}
.section-heading .section-description {
    margin-top: 28px;
    max-width: 561px;
    font-size: 1.375rem;
    line-height: 32px;
    font-weight: 300;
}

.section-heading .section-description a {
    color: var(--fv-green-dark-color);
}

.section-heading .section-description a:hover {
    /* opacity: 0.65; */
    color: #45413d;
}
.section-heading .section-description strong {
    font-weight: bold;
}

.required {
    color: var(--fv-error-color);
    position: relative;
    padding: 0 5px 0 0;
}

.custom-tooltip {
    position: relative;
    display: inline-block;
}
.custom-tooltip .info-icon {
    background: #509664;
    border-radius: 100%;
    cursor: pointer;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2px;
    height: 20px;
    width: 20px;
}
.custom-tooltip .tooltip-text {
    visibility: hidden;
    width: 150px;
    text-align: center;
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 150%;
    background-color: #82ca9c;
    border-radius: 3px;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 15px;
    color: #45413d;
    padding: 10px 5px;
    transform: translateY(-50%);
}
.custom-tooltip:hover .tooltip-text {
    visibility: visible;
}

.custom-tooltip .tooltip-text::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 100%;
    margin-top: -8px;
    border-width: 8px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0) #82ca9c rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}
.tooltip {
    &.show {
        opacity: 1;
    }
}
.tooltip .tooltip-inner{
    background-color: #82ca9c;
    border: none;
    color: #212529;
    border-radius: 3px;
}
.tooltip.bs-tooltip-left .tooltip-inner {
    text-align: right;
}
.tooltip.bs-tooltip-right .tooltip-inner {
    text-align: left;
}
.tooltip.bs-tooltip-top .tooltip-arrow:before,
.tooltip.bs-tooltip-top .tooltip-arrow:after,
.tooltip.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow:before,
.tooltip.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow:after {
    border-top-color: #82ca9c;
}
.tooltip.bs-tooltip-right .tooltip-arrow::before,
.tooltip.bs-tooltip-right .tooltip-arrow::after,
.bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow::after  {
    border-right-color: #82ca9c;
}
.tooltip.bs-tooltip-bottom .tooltip-arrow::before,
.tooltip.bs-tooltip-bottom .tooltip-arrow::after,
.bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow::after  {
    border-bottom-color: #82ca9c;
}
.tooltip.bs-tooltip-left .tooltip-arrow:before,
.tooltip.bs-tooltip-left .tooltip-arrow:after,
.bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow::after {
    border-left-color: #82ca9c;
}
.tooltip-info {
    font-weight: 300;
    font-size: 10px;
    color: white;
    background: #509664;
    border-radius: 100%;
    cursor: pointer;
    display: inline-flex;
    width: 22px;
    align-items: flex-end;
    justify-content: center;
    vertical-align: middle;
    height: 22px;
    padding-bottom: 2px;
    position: relative;
    margin-left: 4px;
}
.section-button:hover,
.to-ask-btn:hover,
.btn-box .to-ask-btn:hover {
    background-color: hsl(137.14deg 30.43% 65%);
}
.more-project-img {
    /* max-height: 211px;
    object-fit: cover;
    min-width: 178px; */
}
.more-project-text {
    font-weight: 600 !important;
}

.error {
    color: red !important;
    font-weight: 400 !important;
}

/* media style  */

@media (max-width: 1366px) {
    .section-heading h2 {
        font-size: 2.5rem;
        line-height: 48px;
    }
    .section-heading .section-description {
        font-size: 1.125rem;
        line-height: 25px;
    }
}
@media (min-width: 1600px) {
    .container {
        max-width: 1635px;
    }
}

@media (max-width: 991px) {
    .section-heading .section-description {
        max-width: 100%;
    }
}

@media (max-width: 767px) {
    .section-heading .section-description {
        max-width: 100%;
        text-align: center;
    }
    .section-heading h2 {
        text-align: center;
        font-size: 2rem;
        line-height: 38px;
    }
    .section-heading .section-description {
        font-size: 1rem;
        line-height: 22px;
    }
    .section-button,
    .to-ask-btn {
        margin-top: 0;
    }
}