@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800&display=swap');

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* pricing section  starts here  */

.pricing-section {
    /* font-family: 'Jost', 'Helvetica Neue', Helvetica, Arial, sans-serif; */
    font-family: 'Poppins', sans-serif;
    color: #6f6f6f;
    line-height: 1;
    font-weight: 400;
}

.tooltip-inner {
    /* background-color: #FAA392; */
    height: auto;
    width: fit-content;
    font-family: 'Poppins', sans-serif;
    color: #ffffffe5;
}


.banner-1-wrapper {
    background-image: url(../images/banner-1.jpg);
    padding: 110px 80px;
}

*,
::after,
::before {
    box-sizing: border-box;
}

.rel,
.container {
    position: relative !important;
    z-index: 3;
}

.pricing-section .pricing-5-table.left-column {
    padding-right: 20px;
}

.pricing-5-category.mb-4 {
    margin-bottom: 45px !important;
}

.pricing-5-category.mt-4 {
    margin-top: 55px !important;
}

h3 {
    font-size: 2.125rem;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #363636;
    font-family: 'Vollkorn', serif;
    letter-spacing: 0;
    letter-spacing: -0.75px;
    font-weight: 400;
    margin-bottom: 0;
}

ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.pricing-5-table .pricing-list li {
    margin-bottom: 30px;
}

.detail-price {
    margin: 0;
    display: table;
}

.price-name {
    position: relative;
    display: table-cell;
    width: 1%;
    white-space: nowrap;
    padding: 0 10px 0 0;
}

.pricing-5 .price-name p,
.pricing-5 .price-number p {
    font-size: 1.1875rem;
}

.price-name p,
.price-number p {
    color: #363636;
    position: relative;
    font-size: 1.2rem;
    line-height: 1;
    font-weight: 600;
    margin-bottom: 0;
}

/* service cursor css */

.cursorPointer {
    cursor: pointer;
}

p {
    margin-top: 0;
    margin-bottom: 1rem;
}

.price-number p {
    font-weight: 400;
}

.price-dots {
    position: relative;
    display: table-cell;
    height: 3px;
    width: 98%;
    z-index: 1;
    background-image: radial-gradient(circle closest-side, #878889 99%, transparent 100%);
    background-position: 50% 100%;
    background-size: 5px 2px;
    background-repeat: repeat-x;
}

.price-number {
    display: table-cell;
    width: 1%;
    padding: 0 0 0 10px;
    white-space: nowrap;
}

.col {
    flex: 1 0 0%;
}

.more-btn {
    text-align: center;
}

.mt-6 {
    margin-top: 4rem !important;
}

.btn {
    background-color: transparent;
    font-size: 0.725rem;
    line-height: 1;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding: 1rem 1.8rem;
    border: 1.5px solid transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}

.btn--tra-black,
.hover--tra-black:hover,
.scroll .hover--tra-black:hover,
.white-scroll .scroll .hover--tra-black:hover,
.black-scroll .scroll .hover--tra-black:hover {
    color: #262b2f !important;
    background-color: transparent !important;
    border-color: #262b2f !important;
}



a {
    color: #6f6f6f;
    text-decoration: none;
    transition: all 400ms ease-in-out;
}

/* eyecatching button */

.eyecatchingButton {
    padding: 11px 30px 11px 30px;
    background: var(--colorPrimary);
    color: var(--colorWhite) !important;
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 500;
    border-radius: 5px;
    position: relative;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.eyecatchingButton::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    border: 6px solid var(--colorPrimary);
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    animation: play_animat 1.3s infinite;
    -webkit-animation: play_animat 1.3s infinite;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}


@keyframes play_animat {
    from {
        width: 0px;
        height: 0px;
        opacity: 1;

    }

    to {
        width: 200px;
        height: 200px;
        opacity: 0;
    }
}

.mb-6 {
    margin-bottom: 2rem !important;
}

.category-title h2 {
    line-height: 1;
}

h2.h2-title {
    font-size: 3.25rem;
}

.py-8 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
}

@media (min-width: 992px) {
    .order-lg-2 {
        order: 2 !important;
    }
}

.ct-table .left-column {
    padding-right: 25px;
}

.txt-table table {
    margin-bottom: 0;
}

.ct-table .txt-table .table td {
    font-size: 1.125rem !important;
}

.txt-table .table td,
.txt-table .table th {
    padding: 14px 0;
    border-top: none;
    border-bottom: 1px dashed #aaa;
}

.content-section .table>:not(caption)>*>* {
    background-color: transparent;
}

.ct-table .txt-table .table td.text-end {
    font-size: 1.0625rem !important;
}

td.text-end {
    color: #363636;
    font-weight: 600;
}

.ct-table .right-column {
    padding-left: 25px;
}

.section-id {
    color: var(--colorPrimary);
    display: block;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 30px;
    font-weight: 600;
    font-size: 20px;
}

.section-id p {
    font-size: 1.0625rem;
}

.ct-table h3,
.ct-table h2,
.txt-block h2 {
    margin-bottom: 20px;
}

h2.h2-md {
    font-size: 2.875rem;
}

.pt-8 {
    padding-top: 2rem !important;
}

h2.h2-title {
    font-size: 3.25rem;
}

.pricing-4-table.left-column,
.pricing-section .pricing-1-table.left-column {
    padding-right: 15px;
}

.pricing-list li {
    margin-bottom: 22px;
}

.price-txt {
    margin-top: 6px;
}

.price-txt p {
    font-weight: 400;
    line-height: 1.4;
    margin-bottom: 0;
}

.pr-20 {
    padding-right: 19px;
}

/* contact page  */
.contactEmail {
    padding-bottom: 46px;
}

.contactTime {
    padding-bottom: 4px;
}

/* footer  */
.footer_link p {
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
    color: var(--colorWhite);
    margin-top: 15px !important;
    position: relative;
    padding-left: 50px;
    padding-top: 10px;
}

.about_page_welcome_img .call_area {
    position: absolute;
    top: 84%;
    left: 0;
    transform: translateY(-50%);
    z-index: 1;
    background: var(--colorWhite);
    padding: 25px;
    border-left: 10px solid var(--colorPrimary);
    box-shadow: 5px 8px 30px rgb(5 13 54 / 5%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.SustainablePara {
    padding-bottom: 0px !important;
}

@media (min-width: 1200px) and (max-width: 1399.99px) {

    .award_text ul li,
    .award_text ol li {
        width: 50%;
    }
}

@media (min-width: 992px) and (max-width: 1199.99px) {

    .award_text ul li,
    .award_text ol li {
        width: 100%;
    }

    .awardllist {
        display: none;
    }
}

@media (min-width: 992px) and (max-width: 1400px) {
    .visionPara {
        display: none;
    }
}

@media (min-width: 580px) and (max-width: 1400px) {
    .price-txt p {
        font-weight: 400;
        line-height: 1.4;
        margin-bottom: 0;
        width: 85%;
    }
}

@media (min-width: 1400px) {
    .price-txt p {
        font-weight: 400;
        line-height: 1.4;
        margin-bottom: 0;
        width: 90%;
    }
}

@media (min-width: 1023px) {

    .pricing-4-table.right-column,
    .pricing-section .pricing-1-table.right-column {
        padding-left: 15px;
    }

    .xl-image {
        height: 116px !important;
        position: relative;
        top: 3px;
    }
}


@media (max-width: 575.99px) {
    .about_page_welcome_img {
        height: 370px;
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 20px;
        width: 100%;
    }

    .about_page_welcome_img .call_area h4 {
        font-size: 14px;
        position: relative;
        top: -6px;
    }

    .bookingDetail {
        display: none !important;
    }

    .about_img {
        margin: 0;
        width: 96%;
        height: 290px;
        float: left;
        margin-bottom: 40px;
    }

    h2.h2-title {
        font-size: 2.25rem;
    }

    .price-name p,
    .price-number p {
        color: #363636;
        position: relative;
        font-size: 1rem;
        line-height: 1;
        font-weight: 600;
        margin-bottom: 0;
    }

    .price-txt p {
        font-weight: 400;
        line-height: 1.4;
        margin-bottom: 0;
        font-size: 13px;
        width: 71%;
    }

    .xl-image {
        height: 80px !important;
        position: relative;
        top: -11px;
    }

    .main_menu .navbar-toggler {
        position: relative;
        top: -13px;
    }

    .navbar-sm {
        position: relative;
        top: -30px;
    }
}

@media (min-width: 767px) and (max-width: 993px) {
    .futurePara {
        padding-bottom: 22px;
    }

    .xl-image {
        height: 94px !important;
        position: relative;
        top: -18px;
    }

    .main_menu .navbar-toggler {
        position: relative;
        top: -21px;
    }

    .navbar-sm {
        position: relative;
        top: -43px;
    }
}




@media (min-width: 994px) and (max-width: 1100px) {
    .futurePara2 {
        padding-bottom: 22px;
    }

}


@media (min-width:1399px) {
    .SustainablePara {
        padding-bottom: 22px;
    }

    .futurePara2 {
        padding-bottom: 22px;
    }
}

@media (min-width:1500px) {
    .SustainablePara {
        padding-bottom: 0px !important;
    }
}

.footer-bg {
    background-image: url(faminaAssets/images/footer_bg.jpg)
}

.footer_link p a {
    color: #fff;
}

.footer_link p a:hover {
    color: var(--colorPrimary);
}

.contact_form h2 {
    font-size: 35px;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 0px !important;
}

.pt-8 {
    padding-top: 6rem !important;
}

#contacts-3 .cbox-2.mb-5 {
    margin-bottom: 50px !important;
}

.cbox-2 h4 {
    line-height: 1;
    margin-bottom: 30px;
}

.cbox-1 p,
.cbox-2 p {
    line-height: 1;
    margin-bottom: 14px;
}

.cbox-2-contacts {
    margin-top: 30px;
}

.cbox-1 p a,
.cbox-2 p a {
    color: #363636;
    font-weight: 500;
}

.contact-form-wrapper h4 {
    line-height: 1;
    margin-bottom: 40px;
}

.contact-form .form-control {
    height: 52px;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #6f6f6f;
    box-shadow: 0 0 0 0;
    color: #363636;
    font-size: 1.125rem;
    line-height: 1;
    padding: 0 5px;
    margin-bottom: 25px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.contact-form .form-control.message {
    line-height: 1.6;
}

.contact-form textarea.form-control {
    padding: 10px 5px 0;
}

.pt-2 {
    padding-top: 2rem !important;
}

.contact-form-wrapper h4 {
    font-weight: 700;
    font-size: 44px;
    text-transform: capitalize;
    color: var(--colorPrimary);
}

.footer_address {
    width: 35px;
    height: 35px;
    line-height: 37px !important;
    text-align: center;
    background: var(--colorWhite);
    color: var(--colorPrimary);
    border-radius: 50%;
    font-size: 16px;
    transition: all linear .3s;
    position: absolute;
    left: -33px;
    top: 166px;
}

.footer_address2 {
    width: 35px;
    height: 35px;
    line-height: 37px !important;
    text-align: center;
    background: var(--colorWhite);
    color: var(--colorPrimary);
    border-radius: 50%;
    font-size: 16px;
    transition: all linear .3s;
    position: absolute;
    left: -33px;
    top: 239px;
}

.footer_img {
    width: 77% !important;
    height: 100%;
    padding-bottom: 20px;
}

/* vbox css */
.vbox-content {

    max-width: 560px;
    max-height: 691px;

}

@media screen and (min-width: 1300px) {
    .footer_address {
        position: absolute;
        left: -33px;
        top: 166px;
    }

    .footer_address2 {
        position: absolute;
        left: -33px;
        top: 223px;
    }
}

@media screen and (min-width:992px) and (max-width:1200px) {
    .footer_address {
        position: absolute;
        left: -28px;
        top: 166px;
    }

    .footer_address2 {
        position: absolute;
        left: -28px;
        top: 223px;
    }

}

/* Additional css for top bar and banner  */
@media screen and (min-width:1301px) and (max-width:1600px) {
    .topbar_left li a, .topbar_left li p {
        margin-right: 12px;
        line-height: 50px;
        font-size: 14px;
    }
    .breadcrumb_area {
        background-position: 100% 10px !important;
        background-repeat: no-repeat !important;
        background-size: cover !important;
        margin-top: 100px;
    }
    
    
}

@media screen and (min-width:1120px) and (max-width:1300px) {
    .topbar_left li a, .topbar_left li p {
        margin-right: 12px;
        line-height: 50px;
        font-size: 14px;
    }
    .breadcrumb_area {
        background-position: 100% 40px !important;
        background-repeat: no-repeat !important;
        background-size: cover !important;
        margin-top: 100px;
    }
    
    
}

@media (min-width: 992px) and (max-width: 1199.99px){
    .topbar_left li a, .topbar_left li p {
        margin-right: 15px;
        font-size: 11px;
}
.breadcrumb_area {
    background-position: 100% 40px !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    margin-top: 100px;
}
.breadcrumb_overlay {
    padding: 76px 0px 130px !important;
}
}

@media (min-width: 768px) and (max-width: 991px){
    .topbar_left li a, .topbar_left li p {
        margin-right: 15px;
        font-size: 11px;
}
.breadcrumb_area {
    margin-top: 100px;
    background-position: 100% 24px !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}
.breadcrumb_overlay {
    padding:75px 0px 72px 0px !important;
}
}

@media (max-width: 575.99px)
{
    .topbar_left li:nth-child(2) {
        display: none;
    }
    .breadcrumb_area {
        background-position: 100% 40px !important;
        background-repeat: no-repeat !important;
        background-size: cover !important;
        margin-top: 86px;
    }
    .servicebreadcrumb{
        margin-top: 55px;
    }
    .appreciation_breadcrumb{
        margin-top: 55px !important;
    }
    .gallery_breadcrumb{
        margin-top: 55px !important;
    }
}