/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/
@import url(https://fonts.googleapis.com/css2?family=Acme&family=Poppins:wght@400;500;600;700;800&display=swap);h1,h2,h3,h4,h5 {
    font-family: 'Acme',sans-serif
}

h6,li,a,span,strong,body {
    font-family: 'Poppins',sans-serif
}

body:before {
    position: fixed;
    content: "";
    background: url(/wp-content/uploads/2024/05/Untitled-2.png);
    width: 100px;
    height: 100px;
    z-index: 9999;
    bottom: 20px;
    left: 20px;
    background-size: 100% 100%
}

#page-header-bg h1 {
    font-size: 45px;
    line-height: 55px;
    font-family: 'Acme'
}

.woocommerce .woocommerce-tabs>div h2 {
    color: #000
}

.woocommerce div.product .product_title {
    font-weight: 600;
    color: #000!important
}

.woocommerce div.product .summary p.price {
    display: none!important
}

img.hover-gallery-image {
    height: 100%!important
}

::selection {
    background: #192a51;
    color: #fff
}

.sec-head h2 {
    font-size: 45px;
    line-height: 55px;
    color: #000!important
}

.sec-head p {
    font-size: 18px;
    font-weight: 400;
    line-height: 26px!important;
    color: #000
}

.padding100 {
    PADDING: 70px 0!important
}

#header-secondary-outer #social {
    float: right!important
}

body.material #header-secondary-outer .nectar-center-text p {
    padding: 0!important;
    float: left
}

body.material #header-secondary-outer .nectar-center-text {
    max-width: 100%!important
}

#header-secondary-outer #social li a i {
    font-size: 18px!important
}

ul.sf-menu.sf-js-enabled.sf-arrows li {
    margin: 0 5px!important
}

ul.sf-menu.sf-js-enabled.sf-arrows li a {
    font-size: 18px!important;
    font-weight: 500;
    line-height: 26px!important
}

#header-outer[data-lhe=animated_underline] #top nav>ul>li[class*=button_solid_color]>a {
    padding: 0 30px!important
}

body[data-button-style*="slightly_rounded"] #top nav>ul>li[class*="button_solid_color"]>a:before {
    height: 40px!important;
    border-radius: unset!important
}

.banner h2.ns-heading-el {
    font-size: 60px!important;
    line-height: 70px!important;
    color: #fff!important
}

.banner p {
    font-size: 20px!important;
    line-height: 28px!important;
    width: 70%
}

body[data-button-style*="slightly_rounded"] .banner .swiper-slide .button a {
    font-size: 18px!important;
    font-weight: 500;
    line-height: 20px!important;
    letter-spacing: 0;
    text-transform: capitalize;
    padding: 15px 40px;
    border-radius: 0!important
}

body[data-button-style*="slightly_rounded"] .banner .swiper-slide .button a:hover {
    background: #fff!important;
    color: #192a51!important
}

.section-1 h5 {
    font-size: 22px;
    font-weight: 600;
    line-height: 30px;
    color: #a98a56!important
}

.section-1 h2 span {
    font-family: 'Acme';
    font-size: 55px!important;
    line-height: 65px!important;
    color: #192a51!important
}

.section-1 p {
    font-size: 18px!important;
    font-weight: 400;
    line-height: 26px!important;
    color: #000
}

.sec1in .nectar-split-heading.font_line_height_1-5 * {
    line-height: 20px!important
}

.section-1 .sec1in h2 span {
    font-size: 45px!important
}

.section-1 h2 {
    margin: 0!important
}

.sec1in p {
    font-size: 16px!important;
    width: 100%!important
}

.section-2 h2 , .section-2 p {
    color: #fff !important;
}
.section-2 .inner h3 {
    margin: 0!important;
    background: #00000070;
    padding: 10px 0!important;
    backdrop-filter: blur(30px);
    background-color: rgb(0 0 0 / 66%)!important;
    border: 2px solid #fff
}

.section-3 blockquote {
    height: 320px;
    padding: 30px 30px!important;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    left: 20%;
    width: 60%!important;
    background: #fff!important;
    box-shadow: 0 0 5px 2px #00000052!important
}

.section-3 blockquote p {
    color: #000!important;
    padding: 0 0 0px!important;
    font-size: 18px;
    line-height: 28px;
    font-weight: 400
}

.section-3 span.testimonial-name {
    font-size: 20px!important;
    color: #1D1D1D !IMPORTANT;
    padding-bottom: 30px;
    line-height: 20px!important;
    font-family: 'Acme';
    font-weight: 600
}

color:#000000f7!important}

.section-3 .cell.is-selected {
    padding-top: 0px!important
}

.section-3 .testimonial_slider.span_12.col {
    height: 360px
}

.section-3 .slides {
    height: 340px!important;
    padding: 10px
}

.section-3 span.star-rating {
    margin: 15px 0!important
}

.contact-section .box-4 {
    background: #fff;
    box-shadow: 0 0 10px 0 #00000038;
    padding: 50px 20px!important
}

.contact-section .iwt-text h5 {
    font-size: 20px;
    font-weight: 500;
    color: #FFF
}

.contact-section .iwt-text a {
    font-size: 18px;
    font-weight: 400;
    color: #fff
}

.contact-section div#boxs {
    position: relative;
    padding: 50px 50px!important;
    border-radius: 10px;
    margin-top: 20px;
    background: #192a51;
    width: 110%;
    z-index: 2
}

.contact-section .iwithtext img {
    width: 100%!important
}

.contact-section .iwithtext .iwt-icon {
    width: 58px
}

.contact-section .iwithtext .iwt-text {
    padding-left: 14%
}

.contact-section .iwithtext {
    margin-bottom: 35px!important
}

.contact-section input {
    height: 56px!important;
    border-radius: 7px!important;
    border: 1px solid #DEDEDE!important;
    font-size: 15px!important
}

.contact-section textarea {
    border-radius: 7px!important;
    height: 220px!important;
    border: 1px solid #DEDEDE!important;
    font-size: 15px!important;
    font-weight: 400!important;
    padding-top: 25px!important;
    padding-left: 25px!important
}

body[data-form-submit=regular] .container-wrap .contact-section button[type=submit] {
    width: 100%;
    padding: 0 0px!important;
    border-radius: 7px!important;
    background: #192a51;
    font-size: 20px;
    height: 56px;
    font-weight: 400;
    margin-top: 3%;
    color: #fff;
    font-family: 'Poppins'
}

.contact-section form {
    width: 80%;
    margin: 0 auto
}

.brand-section img {
    height: 180px !IMPORTANT;
    object-fit: contain
}

div#footer-outer {
    background: #d7ba8947!important
}

div#footer-outer p {
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    color: #000
}

ul#menu-social-icon li a i {
    width: 50px;
    height: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 0;
    color: #fff;
    background: #192a51;
    transition: .5s ease
}

ul#menu-social-icon li a i:hover {
    background: #d7ba89!important
}

div#copyright {
    padding: 15px 0!important;
    border-top: 1px solid #000!important
}

body #footer-outer #footer-widgets .row {
    padding: 60px 0!important
}

.order-page label {
    font-size: 15px!important;
    color: #000
}

.order-page input,.order-page select {
    height: 50px !IMPORTANT;
    border: 1px solid #192a51!important;
    font-size: 15px!important
}

.order-page textarea {
    border: 1px solid #192a51!important;
    font-size: 15px!important;
    padding: 10px !IMPORTANT
}

.order-page .wpforms-submit-container {
    text-align: center
}

body[data-form-submit=regular] .container-wrap .order-page button[type=submit] {
    font-size: 18px!important;
    font-weight: 500 !IMPORTANT;
    line-height: 20px!important;
    letter-spacing: 0;
    text-transform: capitalize;
    padding: 15px 40px!important;
    border-radius: 0!important;
    font-family: 'Poppins';
    background: #192a51!important;
    color: #fff!important
}

.order-page ul li input {
    height: unset !IMPORTANT;
    box-shadow: none !IMPORTANT
}

.order-page input:focus,.order-page select:focus {
    border: 1px solid #000 !IMPORTANT
}

.order-page label.wpforms-field-label {
    margin-bottom: 10px!important
}

.single-product table {
    width: 45%!important
}

.single-product table tr td strong {
    font-size: 15px;
    font-weight: 700
}

.single-product table tr td:first-child {
    text-align: center
}

.single-product table tr td {
    text-align: left
}

body:not(.woocommerce-cart) .main-content table tr:nth-child(2n+1) {
    background-color: #192a51;
    color: #fff
}

body:not(.woocommerce-cart) .main-content table tr:nth-child(2n+2) {
    background-color: #d7ba89;
    color: #000
}

.woocommerce div.product div.images.woocommerce-product-gallery .product-slider img {
    height: 350px !IMPORTANT;
    object-fit: cover
}

.woocommerce div.product div.images.woocommerce-product-gallery .flickity-viewport {
    height: 350px!important
}

.single-product .product-thumbs .flickity-slider .thumb img {
    min-height: 100px!important;
    height: 100px!important;
    object-fit: cover
}

.woocommerce div.product div.images.woocommerce-product-gallery .flickity.product-thumbs .flickity-viewport {
    height: 100px !IMPORTANT
}

.woocommerce ul.products li.product h2 {
    font-size: 22px !IMPORTANT;
    font-weight: 700;
    font-family: 'Acme';
    line-height: 32px!important
}

.team-member {
    text-align: center
}

.team-member h4.light {
    font-size: 22px;
    color: #192a51!important
}

.mainnn h4 {
    font-size: 28px!important;
    color: #192a51!important;
    font-weight: 700!important
}

@media only screen and (max-width: 1444px) {
    ul.sf-menu.sf-js-enabled.sf-arrows li a {
        font-size:16px!important
    }

    .section-1 h2 span {
        font-size: 40px!important;
        line-height: 50px!important
    }

    .section-1 p {
        font-size: 15px!important
    }

    .section-1 .sec1in h2 span {
        font-size: 35px!important
    }

    .sec-head h2 {
        font-size: 35px;
        line-height: 45px
    }

    .sec-head p {
        font-size: 15px;
        font-weight: 400;
        line-height: 23px!important
    }

    .section-2 .inner h3 {
        font-size: 18px!important;
        padding: 6px 0!important
    }

    .contact-section .iwt-text h5 {
        font-size: 18px
    }

    .contact-section .iwt-text a {
        font-size: 15px
    }

    .contact-section .iwithtext .iwt-text {
        padding-left: 70px!important
    }

    .section-3 blockquote p {
        font-size: 15px;
        line-height: 23px
    }

    .section-3 blockquote {
        height: 290px
    }

    .section-3 .slides {
        height: 320px!important
    }

    div#footer-outer p {
        font-size: 16px;
        font-weight: 400;
        line-height: 24px
    }
}

@media only screen and (max-width: 1280px) {
    body[data-button-style*="slightly_rounded"] .banner .swiper-slide .button a {
        font-size:15px!important
    }

    .nectar-slider-wrap[data-full-width="true"] .swiper-slide .content p {
        font-size: 16px!important;
        line-height: 26px!important
    }

    .buttons {
        padding-top: 10px!important
    }
}

@media only screen and (max-width: 1199px) {
    ul.sf-menu.sf-js-enabled.sf-arrows li a {
        font-size:14px!important;
        margin: 0 5px!important
    }

    body[data-button-style*="slightly_rounded"] .banner .swiper-slide .button a {
        padding: 12px 30px!important
    }

    .section-3 blockquote {
        left: 10%;
        width: 80%!important
    }

    div#footer-outer p {
        font-size: 14px
    }

    body[data-form-submit=regular] .container-wrap .contact-section button[type=submit] {
        height: 50px
    }

    .sec-head p {
        font-size: 14px
    }
}

@media only screen and (max-width: 999px) {
    body.material #header-secondary-outer .nectar-center-text {
        text-align:center
    }

    body.material #header-secondary-outer .nectar-center-text p {
        float: unset
    }

    .contact-section div#boxs {
        width: 100%
    }

    .contact-section .box-4 {
        padding: 30px!important
    }

    .contact-section form {
        width: 100%
    }

    .section-3 blockquote {
        width: 98%!important;
        left: 1%!important
    }

    .padding100 {
        PADDING: 50px 0!important
    }
}

@media only screen and (max-width: 768px) {
    .nectar-split-heading.font_size_tablet_18px * {
        font-size:15px!important
    }

    .single-product table {
        width: 100%!important
    }

    .single-product table tr td strong {
        font-size: 12px;
        line-height: 15px!important
    }

    .single-product table tr td {
        font-size: 12px!important;
        padding: 5px!important
    }
}

@media only screen and (max-width: 690px) {
    .nectar-slider-wrap[data-full-width="true"][data-fullscreen="false"] .swiper-slide .content h2 {
        font-size:25px !IMPORTANT;
        line-height: 30px!important
    }

    li.product-category {
        width: 100%!important;
        text-align: center
    }

    .woocommerce ul.products[class*=columns-] li.product {
        width: 100%!important;
        margin: 20px auto!important;
        text-align: center
    }

    .woocommerce ul.products li.product a img {
        margin: 0!important
    }

    .nectar-slider-wrap[data-full-width="true"][data-fullscreen="false"] .swiper-slide .content p {
        font-size: 13px !IMPORTANT;
        width: 100%
    }

    body[data-button-style*="slightly_rounded"] .banner .swiper-slide .button a {
        font-size: 12px!important;
        padding: 10px 30px!important
    }

    body .swiper-slide .content .buttons {
        padding: 0!important
    }

    .nectar-split-heading.font_size_tablet_18px * {
        font-size: 13px!important
    }

    .vc_row.inner_row.top_padding_tablet_30px.sec1in {
        padding: 0 0!important
    }

    .sec-head p {
        font-size: 13px
    }

    .sec-head h2 {
        font-size: 30px;
        line-height: 40px
    }

    .nectar-button span {
        font-size: 12px!important
    }

    .contact-section div#boxs {
        padding: 30px!important
    }

    .contact-section .iwithtext .iwt-icon {
        width: 50px
    }

    .contact-section .iwt-text h5 {
        font-size: 15px;
        margin: 0!important
    }

    .contact-section .iwt-text a {
        font-size: 13px
    }

    .contact-section .iwithtext {
        margin-bottom: 20px!important
    }

    .contact-section input {
        height: 40px!important;
        font-size: 12px!important
    }

    .contact-section textarea {
        height: 150px!important;
        font-size: 13px!important;
        padding-top: 15px!important;
        padding-left: 10px!important
    }

    body[data-form-submit=regular] .container-wrap .contact-section button[type=submit] {
        font-size: 15px
    }

    .section-3 blockquote p {
        font-size: 12px;
        line-height: 22px
    }

    .section-3 span.star-rating {
        margin: 5px 0!important
    }

    .testimonial_slider:not([data-style=minimal]) blockquote .star-rating {
        font-size: 16px!important
    }

    div#footer-outer p {
        font-size: 13px
    }
}

@media only screen and (max-width: 479px) {
    .nectar-slider-wrap[data-full-width="true"][data-fullscreen="false"] .swiper-slide .content p {
        font-size:12px !IMPORTANT
    }

    .section-1 h2 span {
        font-size: 30px!important;
        line-height: 30px!important
    }

    .nectar-split-heading.font_size_tablet_18px * {
        font-size: 12px!important
    }

    .sec-head p {
        font-size: 12px
    }

    .contact-section .iwt-text a {
        font-size: 12px
    }

    .contact-section div#boxs {
        padding: 20px!important
    }

    .contact-section .iwithtext .iwt-text {
        padding-left: 60px!important
    }

    div.wpforms-container-full .wpforms-form .wpforms-one-half {
        width: 100%;
        margin: 0!important
    }

    .contact-section textarea {
        height: 100px!important
    }

    .sec-head h2 {
        font-size: 25px;
        line-height: 35px
    }

    .section-3 blockquote {
        padding: 0 10px!important
    }

    .section-3 span.testimonial-name {
        font-size: 18px!important
    }

    body #footer-outer #footer-widgets .row {
        padding: 40px 0!important
    }
}