/*----------------------------------------------------
@File: NAAS Style
@Author: Jamshad Shibin
@linkedin: https://www.linkedin.com/in/jamshad-shibin
Author E-mail: jamshadshibin@gmail.com

This file contains the styling for the actual theme, this
is the file you need to edit to change the look of the
theme.
---------------------------------------------------- */
@import url(../fonts/ocean-sans/stylesheet.css);
@import url(../fonts/aileron/stylesheet.css);
@import url(../fonts/manrope/stylesheet.css);

/* update 30.12.24 */
.whatsapp-float {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 1000;
    width: 60px;
    height: 60px;
    overflow: hidden;
}

.whatsapp-float img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: transform 0.3s ease-in-out;
}

.home-product-range {
    background-color: #F8FAFC;
    padding-top: 70px;
    padding-bottom: 70px;
}

.home-product-range .h-product-single h5 {
    font-family: 'Manrope';
    font-weight: 600;
    text-transform: capitalize;
    font-size: 24px;
    padding-top: 20px;
}





/* end update 30.12.24 */
img {
    max-width: 100%;
}

p {
    color: #1A1A1D !important;
    font-size: 16px !important;
    line-height: 30px !important;
    font-family: 'Manrope';
    letter-spacing: 0;
}

footer .footer-box p {
    color: #fff !important;
    font-size: 16px;
}

.footer__contact__cover a {
    color: #fff;
    font-size: 17px;
}

.footer-copy-cover {
    text-align: center;
    padding-top: 10px;
    background: #1e1e1e;
    padding-bottom: 5px;
}

.footer-copy-cover p {
    color: #fff !important;
}

.footer-copy-inner p {
    text-align: center;
    font-size: 12px !important;
    word-spacing: 2px;
    padding-top: 5px;
    letter-spacing: 0px;
    text-transform: uppercase;
}

.about-certification-main {
    padding-top: 5px;
    padding-bottom: 25px;
    text-align: center;
}

.header__inner__page {

    -webkit-box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.1);

}

.header__inner__page .navbar-nav li a {
    /* background-color: #fff; */
    color: #000 !important;
    font-size: 19px !important;
    font-family: 'Manrope';
}

.mt-50 {
    padding-top: 50px;
}

.header_menu_area {
    position: relative;
    left: 0px;
    width: 100%;
    z-index: 30;
    top: 0px;
    background: #ffffff;
}

.header_menu_area .navbar.navbar-expand-lg .nav.navbar-nav li a {
    color: #000;
}

.white_cl .studio_text h5 {
    font-family: 'Manrope';
}

.studio_text p {
    color: #1A1A1D !important;
    font-size: 17px !important;
    line-height: 30px !important;
    font-family: 'Manrope';
    letter-spacing: 0;
    padding-top: 60px;
}

.header_menu_area .navbar.navbar-expand-lg {
    background: transparent !important;
    padding: 0px 0px 0px 0px;
    margin-top: -1px;
}

.header_menu_area .navbar.navbar-expand-lg .navbar-brand img {
    width: 110px;
}

.white_cl.intes_studio_area .studio_img .years_text .years_text_inner h1 {
    color: #fe002a;
}

.white_cl.intes_studio_area .studio_img .years_text .years_text_inner h2 {
    color: #fe002a;
}

.white_cl.intes_studio_area .studio_img .years_text .years_text_inner h4 {
    color: #fe002a;
}

.btn-style-1 {
    background-color: #fe002a;
    padding: 10px 23px;
    color: #fff;
    border-radius: 0px;
    margin-top: 0px;
    font-weight: 600;
    text-transform: uppercase;
    transition: .5s;

}

.btn-style-1:hover {
    background-color: #dab25b;
    color: #fff;

}

.btn-style-2 {
    background-color: #09b285;
    padding: 10px 23px;
    color: #fff;
    border-radius: 0px;
    margin-top: 0px;
    font-weight: 600;
    text-transform: uppercase;
    transition: .5s;

}

.btn-style-2:hover {
    background-color: #dab25b;
    color: #fff;

}

.pt-50 {
    padding-top: 50px;
}

.pt-20 {
    padding-top: 20px;
}

.pt-30 {
    padding-top: 30px;
}

.pt-100 {
    padding-top: 100px;
}

.default__spacer1 {
    padding-top: 25px;
    padding-bottom: 25px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.studio_text h3 {
    text-transform: capitalize;
    font-family: 'Ocean Sans Std Bold Extended';
    color: #000 !important;
}

.spec_item h4 {
    text-transform: capitalize;
    font-family: 'Manrope';
}

.gallery__cover {
    padding-top: 50px;
    padding-bottom: 100px;
}

.header_menu_area .navbar.navbar-expand-lg .nav.navbar-nav li:hover a,
.header_menu_area .navbar.navbar-expand-lg .nav.navbar-nav li.active a {
    color: #eb1c23 !important;
}

.speciallization_area {
    background-color: #eee;
}

.about_studio_area .about__title {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 40px;
    padding-top: 40px;
}

.about_studio_area .about__title h5 {
    font-size: 37px;
    font-family: Aileron;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 49px;

}

.our-mission-cover {
    padding-top: 50px;
}

.our-mission-cover h6 {
    font-size: 30px
}

.about_studio_area .ab_studio_text h5 {
    font-size: 45px;
    line-height: 49px;
    color: #000;
    margin-bottom: 35px;
    font-family: 'Ocean Sans Std Bold Extended';
}

.studio__number__inner {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

.studio__number__inner .single__number_box {
    text-align: center;
    padding: 20px;
    /* background: #fbfafa; */
}

.studio__number__inner .single__number_box h5 {
    font-size: 25px;

}

.form-control {
    font-family: Manrope;
    font-size: 12px !important;
    height: 40px;
    font-weight: 600;
}

label {
    font-size: 13px !important;
    font-weight: 600;
}

.parsley-required {
    font-size: 13px !important;
    padding-top: 3px;
}

.parsley-length {
    font-size: 13px !important;
    padding-top: 3px;
}

.parsley-type {
    font-size: 13px !important;
    padding-top: 3px;
}

.single__number_box .counter {
    font-size: 65px;
    font-weight: 800;
    font-family: "DM Sans", sans-serif;
    color: #fff;
}

.studio__number__inner .single__number_box h5 {
    color: #fff;
}

.white_cl .spec_item h4 {
    color: #000 !important;
}

.about_studio_area {
    padding-bottom: 40px;
    padding-top: 50px !important;
}

.ab_studio_text {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 50px;
}

.contact_area2 {
    padding-top: 50px;
    padding-bottom: 60px;
}

.about_studio_area .ab__studio__img img {
    width: 100%;
}

.contact_area2 .left_contact_details h2 {
    font-size: 20px;
    font-family: "Heebo", sans-serif;
    font-weight: normal;
    color: #8d9aa8;
    margin-bottom: 25px;
}

.right_contact_form {
    background-color: #F8FAFC;
    padding: 40px;
}

.address-cover h2 {
    font-size: 22px;
    font-weight: 600;

}

.address-cover p {
    width: 80%;
}

.address-cover a h6 {
    font-size: 19px !important;
    color: #000;
}

.contact-single-cover {
    background-color: #eee;
    padding: 30px;
    min-height: 200px;
}

.contacr-cover {
    padding-bottom: 100px;
}

.about_studio_number {
    padding-top: 0px;
    background-color: #fe002a;
}


.background-1 {
    background-image: url('../img/home-product-01.jpg');
    /* Replace with your image URL */
    background-size: cover;
    background-position: center;
    height: 100vh;
    position: relative;
}

.background-2 {
    background-image: url('../img/home-product-02.jpg');
    /* Replace with your image URL */

    background-size: cover;
    background-position: center;
    height: 100vh;
    position: relative;
}

.content {
    position: absolute;
    bottom: 20px;
    right: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.logo {
    width: 142px;
    /* Adjust logo size */
    height: auto;
    margin-bottom: 10px;
}

.explore-btn {
    padding: 10px 20px;
    font-size: 20px;
    color: #000;
    background-color: transparent;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-weight: 600;
    transition: background-color 0.3s ease;
}

.header_menu_area.white_menu.navbar_fixed .navbar.navbar-expand-lg .nav.navbar-nav li a {
    /*font-family: 'Manrope'; */
    font-size: 20px;
    color: #000000;
    font-family: 'Manrope';
}

.header_menu_area.white_menu.navbar_fixed {
    /* background-color: #ffffffb0; */
    background-color: #fff;
    /* backdrop-filter: blur(50px) !important; */
}

.header_menu_area .navbar.navbar-expand-lg .nav.navbar-nav li a {
    font-family: 'Manrope';
    font-size: 15px !important;
    font-weight: 500;
}

.nav.navbar-nav li a:hover {
    color: #fe002a !important;
}

.spec_item p {
    letter-spacing: 0px;
    font-size: 16px !important;
}

/* .application-box {
    background-color: #eee;
    padding: 20px;
} */
.application-box .title h5 {
    font-size: 30px;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;

}

.default-spacing {
    padding-top: 70px;
    padding-bottom: 70px;
}

.environment-cover {
    position: relative;
    overflow: hidden;
    background-image: url(../img/about/about-environment.jpg);
    /* height: 450px; */
    height: auto;


}

.environment-cover-inner {
    background-color: #096409d9;
    /* height: 450px; */
    height: auto;
    padding-top: 70px;
    padding-bottom: 70px;
}

.environment-cover-inner p {
    text-align: justify;
    text-align-last: center;
}

.environment-cover .section__title1 h5 {
    color: #000;
}

.environment-inner-cover {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.environment-cover-inner .section__title1 {
    text-align: center;
}

.speciallization_area {
    background-color: #eeeeee7d;
}

.env-img img {
    width: 420px;
    position: absolute;
    right: -10px;
    top: 50px;
    opacity: 1;

}

.pt30 {
    padding-top: 30px;
}

.about-naas-two {
    background-color: #eee;
}

.environment-cover .section__title1 h5 {
    /* color: #1d7147; */
    color: #fff;
    padding-bottom: 10px;
    font-family: Aileron;
    font-weight: bold;
}

.environment-cont p {
    color: #fff !important;
}

.environment-cover .section__title1 {
    padding-bottom: 10px;
}

.home__product__cover {
    padding-top: 80px;
    padding-bottom: 80px;
    background-color: #fff;
}

.home__product__cover .home__product__inner {
    width: 100%;
    text-align: left;
}

.home__product__cover .explore-plywood {
    padding-top: 30px;
    padding-bottom: 30px;
}

.clients_area {
    background-image: unset !important;
    padding-top: 80px;
    padding-bottom: 80px;
}

.hc__testimonial__counter .single__number_box {
    display: flex;
}

.hc__testimonial__counter .single__number_box .counter {
    color: #eb1c23;
}

.hc__testimonial__counter .single__number_box h5 {
    font-size: 50px;
    padding-left: 20px;
    padding-top: 20px;
    font-family: 'Manrope';

}

.client__list__cover {
    padding-top: 50px;
    padding-bottom: 50px;
}

.client__list__cover .client__row .client__single__logo img {
    width: 130px;
}

.client__list__cover .client__row {
    display: flex;
    flex-wrap: wrap;
    /* Allows items to wrap into rows */
    gap: 16px;
    /* Space between columns */
    padding: 16px;
    justify-content: space-between;
    /* Align columns evenly */
}

.client__list__cover .client__row .client__single__logo {
    flex: 1 1 calc(16.666% - 16px);
    /* Six columns per row */
    box-sizing: border-box;
    text-align: center;
    padding: 10px;
    font-size: 18px;
    border-radius: 4px;
}

.test_item {
    min-height: 300px;
}

.products__main__cover {
    padding-top: 50px;
    padding-bottom: 180px;
}

.page-top-title {
    background-image: url(../img/products/title-bg.jpg);
    height: 300px;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    /* Vertical alignment */
    margin: 0;
    width: 100%;
}

.page-top-title .title-inner {
    width: 100%;
}

.page-top-title .title-inner .section__title1 h5 {
    color: #fff !important;
}

.gap__15 {
    margin-top: 15px;
}

.products__main__cover .product__single__cover .product img {
    width: 100%;
}

.product__single__cover .product__title {
    background-color: #fff;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 15px;
    padding-right: 15px;
}

.product__single__cover .title__col h3 {
    font-size: 23px;
    padding-bottom: 6px;
    font-weight: 600;
    text-transform: uppercase;

}

/* accordion */

.panel-title>a:before {
    float: left !important;
    content: "\2212";
    padding-right: 5px;
}

.panel-title>a.collapsed:before {
    float: left !important;
    content: '\002B';

}

.product-more-detail .panel-heading {
    padding-top: 30px;
}

.product-more-detail .panel-heading h4 a {
    font-size: 23px;
    color: #000;
}

.panel-title {
    background-color: #eee;
    padding: 15px 34px;
}

.panel-collapse {
    background: #faf8f8;
    padding: 20px 20px 30px 40px;
    margin-top: -8px;

}

.spec-main-cover .spec-list li {
    font-size: 16px;
}

.spec-main-cover .usage-spec {
    padding-top: 0px;
}

.spec-main-cover .usage-spec .icon-box {
    text-align: center;
}

.spec-main-cover .usage-spec .icon-box h6 {
    font-size: 14px;
    line-height: 15px;
}

.pb10 {
    padding-bottom: 10px;
}

.usage-spec .title h5 {
    padding-bottom: 30px;
}

.product__single__cover {
    background-color: #fff;
}

.product-spec-list h6 {
    font-size: 20px;
    font-weight: 600;
}

.spec-main-cover ul {
    padding-left: 14px !important;
}

.product-spec-list ul {
    padding-left: 0px !important;
}

.product-spec-list ul li {
    list-style-type: none;
    display: inline-block;
    font-size: 18px;

}

.footer_copyright .color-naas-red {
    color: #eb1c23 !important;
}

.footer_area {
    background-color: #000 !important;
}

.more__cover {
    text-align: center;
    padding-top: 50px;
}

.footer_area p {
    color: #fff !important;
    font-family: 'Manrope';
}

.white_f .f_title h3 {
    color: #fff;
}

.white_f .f_link .list li a {
    color: #fff;
}

.white_f .footer_copyright .left_text p a {
    color: #fff;
}

.nav__top {
    background-color: #F8FAFC;
    width: 100%;
    display: flex;
    align-self: center;
}

.top__contact {
    padding-top: 11px;
    text-align: left;
    margin-left: -35px;
}

.top__contact ul li a {
    padding-left: 6px;
}

.nav__top .top__contact ul li {
    list-style-type: none;
    display: inline-block;
    padding-right: 15px;
    color: #000;
    font-size: 16px;
}

.nav__top .top__contact ul li a {
    color: #000;
    position: relative;
    top: 1px;
}

.top__contact__cover {
    display: flex;

}

ul {
    margin-left: 0px !important;
    margin-bottom: 0px !important;

}

.home__about__main .about_cover_img img {
    width: 100%;
}

/* .carousel-item {
    height: calc(100vh - 50px);
} */
.carousel-item img {
    object-fit: cover !important;
    height: auto;
    width: 100%;
}

.intes_studio_area {
    padding-top: 80px;
    padding-bottom: 120px;
    background-color: #fff;
}

.carousel-indicators {
    width: 100%;
}

.full_header {
    position: relative;
}

.color-naas-red {
    color: #eb1c23 !important;
    /* color: #000; */
}

.certificate-cover {
    padding-top: 20px;
    text-align: center;
    padding-top: 50px;
}

.certificate-cover .certificiation-list ul {
    padding-left: unset !important;
}

.certificate-row {
    display: flex;
}

.certificate-row .certi-col {
    padding-right: 15px;
}

.intes_studio_area .home__about__desc {
    padding-top: 50px;
}


.desc_readmore {
    text-align: right;
    padding-top: 30px;
}

.desc_readmore a {
    font-size: 19px;
    color: #fe002a;
    text-transform: capitalize;
}

.section__title1 h5 {
    font-size: 37px;
    padding-bottom: 50px;
    font-family: Aileron;
    font-weight: bold;
    width: 100%;
    text-transform: uppercase;

}

.home__certification__cover {
    background-color: #ebffec;
    padding-top: 40px;
    padding-bottom: 30px;
}

.home-certifi-title h6 {
    font-size: 35px;
    font-weight: 600 !important;
    padding-top: 18px;
    text-transform: uppercase;
}

.speciallization_area {
    padding-top: 80px !important;
    padding-bottom: 80px;
}

.footer_area .footer_widgets .f_widgets_item {
    /* flex: 0 0 20%;
    max-width: 20%; */
    flex: unset !important;
    max-width: unset !important;
}

.f_contact {
    max-width: 100% !important;
}

.footer_area .footer_widgets .f_widgets_item:nth-child(2) .f_contact {
    margin-left: 30px !important;
    width: 80%;
}

.white_f .f_contact a {
    color: #fff !important;
}

.navbar-expand-lg .navbar-collapse {
    text-align: right;
}

.footer_copyright {
    overflow: hidden;
    border-top: 2px solid #282828;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 17px 0px;
}

.align-center {
    text-align: center !important;
}

.f_widgets_item a {
    font-size: 17px !important;
    color: #fff !important;
    font-family: 'Manrope';
    transition: 1s;
}

.footer__contact__cover li {
    margin-left: -35px;
    padding-bottom: 0px;
}

.footer_area a:hover {
    color: #fe002a !important;
}

.certificate-cover {
    margin-left: auto;
    margin-right: auto;
}

.footer_copyright {
    text-align: center !important;
}

.certificiation-list ul {
    margin-left: 0px;
    padding-left: 0px;
}

.certificiation-list ul li {
    display: inline-block;
    padding-right: 20px;
}

/* Free quote form */
.quote-page {
    background-color: #eee;
    height: 100%;
    padding-top: 60px;
}

.quote__form__main .form-cover {
    background-color: #fff;
    padding: 20px;
}

.q__form__footer {
    padding-top: 10px;
}

.q__form__footer a {
    color: #000;
    text-decoration: none;
    font-size: 12px;
    text-transform: uppercase;
}

.form-cover .form__title {
    padding-bottom: 30px;
}

.go__back__cover {
    padding-top: 20px;
    padding-bottom: 20px;
}

.go__back__cover a {
    color: #000;
    font-size: 16px;
    text-transform: capitalize;
}

.success__innner {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding-top: 10%;
}

.success__page__cover .success__innner .img__cover img {
    width: 12%;
}

.success__page__cover .success__innner .success__desc {
    padding-top: 20px;
}

.success__page__cover .success__innner .success__desc h5 {
    font-size: 35px;
    font-weight: 600;
    font-family: 'Manrope';
    color: #09b285 !important;
}

.success__page__cover .success__innner .success__desc p {
    font-size: 16px !important;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
}

.goback__cover {
    padding-top: 50px;

}

.hide-mob {
    display: block;
}

footer {
    background-color: #000;
    padding-top: 70px;
    padding-bottom: 40px;
}

.address {
    display: flex;
}

.address p {
    padding-left: 10px;
}

.nopadding {
    padding: 0px;
}

.ico-contact {
    width: 30px;
    float: right;
    margin-top: 10px;
}

.hide-desk {
    display: none;
}

.align-right {
    text-align: right;
}

.awwards-cover {
    padding-bottom: 70px;
    padding-top: 70px;
    background-color: #F6F6F6;
    border-bottom: 1px solid #e5e2e2;
}

.awward-sigle ul {
    padding-left: 0px;
}

.awward-sigle ul li img {
    width: 23%;
    margin-bottom: 5px;
}

.awward-sigle ul li {
    display: inline;
    list-style-type: none;
    margin-bottom: 5px;
    gap: 10px;

}

.thankyou { 
    padding-top: 50px;
    text-align: center;
    padding-bottom: 100px;
}
.thankyou h6{
    font-size: 25px;
    text-transform: uppercase;
    font-weight: 600;
}
.thankyou .tx-link-cover{
    padding-top: 30px;
}
.thankyou .tx-link-cover a{
    color: #fe002a;
    text-transform: uppercase;
}
lottie-player {
    --lottie-player-seeker-track-color: #e48509;
    --lottie-player-seeker-thumb-color: #ffcc00;
}

.social-main ul{
    padding-left: 0px !important;
    padding-top: 10px;
}
.footer-social-cover {
    padding-top: 5px;
    padding-left: 50px;
}
.social-main ul li{
    list-style-type: none;
    display: inline-block;
    padding-right: 7px;
    
}

/* Responsive Layout */
@media (max-width: 768px) {
    .home-certifi-title {
        text-align: center;
        padding-bottom: 30px;
    }

    .home-certifi-title h6 {
        font-size: 28px;
    }

    .awward-sigle ul li img {
        width: 100%;
        margin-bottom: 5px;
    }

    .awward-sigle ul li {
        display: block;

    }

    .align-right {
        text-align: center;
    }

    .hide-desk {
        display: block;
    }

    p {
        font-size: 15px !important;
        line-height: 27px !important;

    }

    .client__list__cover .client__row .client__single__logo {
        flex: 1 1 calc(50% - 16px);
        /* Two columns per row */
    }

    .environment-inner-cover {
        width: 100%;
    }

    .section__title1 h5 {
        font-size: 28px;
        padding-bottom: 30px;
        text-align: center;
    }

    .desc_readmore {
        text-align: center;
    }

    .home-product-range .h-product-single h5 {
        padding-bottom: 30px;
    }

    .certification__single {
        padding-bottom: 30px;
    }

    .about_studio_area .about__title {
        width: 100%;
    }

    .about_studio_area .about__title h5 {
        font-size: 25px;
        text-align: left;
        line-height: 29px;
    }

    .ab_studio_text {
        width: 100%;
    }

    .hide-mob {
        display: none;
    }

    .product__single__cover .title__col {
        padding-top: 20px;
    }

    .product-more-detail .panel-heading h4 a {
        font-size: 22px;
    }

    .footer-logo img {
        width: 165px;
    }

    .footer-box {
        padding-left: 20px;
        padding-bottom: 50px;
        padding-right: 20px;
    }

    .env-img-mob {
        background-color: #ceffce;
        text-align: center;
        overflow: hidden;
    }

    .env-img-mob img {
        width: 60%;
        margin-bottom: -20px;
        margin-top: 0px;

    }
    .footer-social-cover {
        padding-left: 30px;
    }
    .about_studio_area .ab_studio_text{
        text-align: justify;
        padding-right: 0px;
        padding-top: 10px;
    }
    .ab__studio__img img{
        margin-bottom: 20px;
    }
}