/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/
.single-silder  .row { align-items: center; }
orange { color: #f15a29; }
.single-silder h2 { font-size: 60px; width: 80%; line-height: 60px; }
.single-silder p { width: 66%; }
.t-btn { transition: all 0.45s; background: rgb(241, 95, 42); background: linear-gradient(90deg, rgba(241, 95, 42, 1) 0%, rgba(226, 141, 15, 1) 100%); padding: 15px 44px; font-size: 16px; color: #fff !important; font-weight: 500; border-radius: 50px; width: fit-content; }
.t-btn:hover { background: linear-gradient(274deg, rgba(241, 95, 42, 1) 0%, rgba(226, 141, 15, 1) 100%); color: #fff; transition: all 0.45s; }
.main-page-wrapper { padding-top: 0; }
.whb-general-header { background: transparent !important; }
.single-silder { padding: 110px 0 10px; outline: none !important; }
.social a { color: #d6c5bb; padding: 20px; border: 1px solid #d6c5bb; border-radius: 100px; font-size: 18px; width: 15px; height: 15px;    /* width: fit-content; */ display: flex; align-items: center; justify-content: center; margin: 3px 0; }
.social { display: flex; flex-flow: column; width: 200px; position: absolute; left: 3%; top: 45%; }
.single-silder { position: relative; }
.social a:hover { background: #fdd8c4; border-color: transparent; color: #f2602a; }
.whb-header .searchform .s { padding: 10px 20px !important; border: 1px solid #da9d90 !important; border-radius: 20px !important; }
.whb-header .searchsubmit { color: #f0512d !important; }
.whb-header .menu .menu-item a { padding: 0 28px; font-weight: 600; }
.whb-header { padding: 10px 0; }
.sliderImg { margin: 0 0 0 auto; }
.popupBtn { font-size: 0; background: url('https://stage.projects-delivery.com/start-finish-salon/wp-content/uploads/2022/11/play.png') no-repeat; width: 232px; height: 165px; padding: 0 !important; background-position: center; text-align: left; margin: 0 !important; background-color: transparent !important; box-shadow: 0 0 !important; }
.aboutTopHeading strong { color: #f15f2a; }
.aboutSection:before { content: ''; position: absolute; width: 850px; height: 100%; background: url(images/about-left-new.png) no-repeat; left: 0; background-size: 730px; }
.aboutSection { position: relative; }
.aboutSection:after { content: ''; position: absolute; bottom: 0; right: 0; background: url(images/after-leaf.png) no-repeat; height: 327px; width: 250px; background-size: 250px; }
.aboutContent strong { color: #e28d0f; }
#mainservice { display: flex; flex-flow: row wrap; }
.singleService { width: 19%; background-size: cover !important; min-height: 429px; margin: 0 5px; max-height: 429px; overflow: hidden; }
.singleService a { background: #f15f2a; height: 94%; display: block; writing-mode: vertical-lr; color: #fff; text-align: center; margin: 10px; padding: 10px 7px !important; font-size: 13px; text-transform: uppercase; display: flex; align-items: center; justify-content: space-between; font-weight: 600; letter-spacing: 2px; }
.sectionTitle .info-box-inner { width: 50%; margin: 0 auto; }
.sectionTitle strong { color: #e28d0f; }
.single-testi { padding: 10px; display: flex !important; align-items: center; background: #ffeed5; transition: all 0.25s; }
.imageArea-testi { width: 40%; }
.titleArea-testi { width: 60%; }
.titleArea-testi h4 { font-size: 30px;    /* margin-bottom: 0; */ }
.starWrapper h2 { font-family: 'Montserrat'; }
.titleArea-testi p { width: 90%; }
.single-testi:hover { background: #f2612a; transition: all 0.25s; }
.single-testi:hover h2,
.single-testi:hover h4,
.single-testi:hover p { color: #fff; }
.rating .star::after { color: #f1b410; content: ""; font-family: 'Font Awesome 5 Free'; font-size: 14px; }
.rating .star.star-1::after { content: "\f005 \f006 \f006 \f006 \f006" }
.rating .star.star-2::after { content: "\f005 \f005 \f006 \f006 \f006" }
.rating .star.star-3::after { content: "\f005 \f005 \f005 \f006 \f006" }
.rating .star.star-4::after { content: "\f005 \f005 \f005 \f005 \f006" }
.rating .star.star-5::after { content: "\f005 \f005 \f005 \f005"; }
.starWrapper { display: flex; align-items: center; justify-content: space-between; width: 85%; }
.starWrapper h2 { margin-bottom: 0; }
#maintestimonial .slick-arrow { background: #faad3f; border-radius: 100%; padding: 16px 20px; font-size: 18px; color: #fff; position: absolute; top: 45%; }
#maintestimonial .slick-arrow:hover { background: #f7e8e2; color: #deae9b; }
#maintestimonial .slick-arrow.slick-prev { left: -70px; }
#maintestimonial .slick-arrow.slick-next { right: -70px; }
.single-postGrid .singlepostImg { width: 100%; object-fit: cover; height: 579px; }
.contentArea-post { margin: 15px; background: #000000e0; margin-top: -252px; position: relative; color: #fff; padding: 20px; }
.contentArea-post span { font-size: 35px; font-weight: 600; font-family: 'stangith'; }
.contentArea-post h2 { color: #fff; font-size: 25px; width: 70%; line-height: 25px; font-weight: 500; }
p.recentDec { margin-bottom: 0; font-size: 14px; color: #aeb6bc; width: 70%; }
a.postBtn:hover { background: #f2612a; color: #fff; }
a.postBtn { margin: 17px; position: absolute; bottom: 0; right: 0; background: #fff; padding: 10px 20px; }
a.postBtn img { width: 18px; }
.formRow .sectionTitle .info-box-inner { margin: 0; }
#gform_fields_1 input { padding: 35px 30px; text-transform: uppercase; }
#gform_fields_1 input:focus { color: #f2612a; border-color: #f2612a; }
#gform_fields_1 textarea { padding: 20px 30px; }
#gform_fields_1 textarea { text-transform: uppercase; }
#gform_submit_button_1 { transition: all 0.45s; background: rgb(241, 95, 42); background: linear-gradient(90deg, rgba(241, 95, 42, 1) 0%, rgba(226, 141, 15, 1) 100%); padding: 15px 44px; font-size: 16px; color: #fff !important; font-weight: 500; border-radius: 50px; display: block; width: fit-content; margin: 0 auto; }

/*css by nofil*/

/* banner social icon */
#mainSlider .social .wd-social-icons {
    display: flex;
    flex-direction: column;
}

#mainSlider .social .wd-social-icons a.wd-social-icon {
    padding: 10px;
    border: 2px solid #fff;
    width: 50px;
    height: 50px;
}

#mainSlider .social .wd-social-icons a.wd-social-icon span.wd-icon {
    font-size: 24px;
    margin-top: -6px;
}

#mainSlider .social .wd-social-icons a.wd-social-icon:hover {
    background: #fff0;
    color: #e58314 !important;
}

#mainSlider .social .wd-social-icons a.wd-social-icon:hover {
    border-color: #e58314;
}

/*Appointment form*/
input#gform_submit_button_2 { transition: all 0.45s; background: rgb(241, 95, 42); background: linear-gradient(90deg, rgba(241, 95, 42, 1) 0%, rgba(226, 141, 15, 1) 100%); padding: 15px 44px; font-size: 16px; color: #fff !important; font-weight: 500; border-radius: 50px; display: block; width: fit-content; margin: 0 auto; }
div#gform_fields_2 input { padding: 35px 30px; text-transform: uppercase; }
div#gform_fields_2 input:focus { color: #f2612a; border-color: #f2612a; }
div#gform_fields_2 select#input_2_10 { padding: 8px 30px; height: 70px; }
.serviceSec { display: flex; justify-content: center; text-align: center; }
form#easy-newsletter-form label { display: none; }
form#easy-newsletter-form { display: flex; justify-content: space-between; border: solid 1px; height: 50px; }
form#easy-newsletter-form button,
form#easy-newsletter-form input { height: 50px; }
form#easy-newsletter-form button { border-radius: 0px 20px 20px 0px; background: #0000; color: #fde519; }
form#easy-newsletter-form input { border-radius: 20px 0px 0px 20px; border: none; }
.ul_sep ul { padding: 0; text-align: left; }
.ul_sep ul li { list-style: none; display: inline; padding: 0px 11px; }
#bottoms a { color: #7e8896; }
.wd-prefooter { padding-bottom: 0 !important; }
#menu-footer-nav .menu-item a { padding: 0; }
.ai-track-control { background: #2f2e2e !important; }
.ai-wrap .ai-audio-control { background-color: #fcbf11 !important; }
.ai-wrap .ai-volume-bar.ai-volume-bar-active::before { background-color: #fcbf11 !important; }
.ai-wrap .ai-track-progress { background: #fcbf11 !important; }
.ai-wrap .ai-audio-control:hover { background: #0061b8 !important; }
#bottoms .menu .menu-item a { color: white !important; }
.wd-prefooter .menu .menu-item a { color: white !important; }
.copyright p,
#bottoms a { font-family: 'Montserrat'; }
.site-content { margin-bottom: 0; }
.imageArea-testi img { height: 300px; object-fit: cover; }
 .page-title {margin-bottom: 0 !important;}

@media (max-width:1600px){
    .popupBtn {
        width: 100%;
    }
    
    .social {
        left: 1%;
    }
}
@media (max-width:1400px){
    .container {
        max-width: 1200px !important;
    }
    .aboutSection:before {
        width: 620px;
    }
    .aboutSection:after {
        height: 227px;
        width: 191px;
        background-size: 190px;
    }
    .whb-header .menu .menu-item a {
        padding: 0 20px;
    }
    .titleArea-testi {
        padding: 0 20px;
    }
}
@media (max-width:1300px){
    .container {
        max-width: 1140px !important;
    }
    .aboutSection:before {
    width: 49%;
}
}
@media (max-width:1200px){
    .single-silder h2 {
        font-size: 55px;
    }
    .social {
        bottom: 6%;
        top: unset;
        left: 3%;
    }
    #mainSlider .social .wd-social-icons {
        flex-flow: row wrap;
    }
    .popupBtn {
        background-position: right;
        background-size: 160px;
    }
    .vc_row.formRow , 
    .vc_row.testi-row {
        padding-top: 50px !important;
        padding-bottom: 40px !important;
    }
}
@media (max-width:1100px){
    .aboutTopHeading 
     .info-box-title,.sectionTitle .info-box-title {
        line-height: 50px !important;
        font-size: 40px !important;
    }
    
    .aboutContent .info-box-title {
        font-size: 35px !important;
        line-height: 45px !important;
    }
    
    .aboutSection .innerAbout{
        padding-top: 85px !important;
        padding-bottom: 85px !important;
    }
    
    .t-btn {
        padding: 15px 35px;
        font-size: 15px;
    }
    
    .aboutSection:after {
        background-size: 130px;
        height: 172px;
        width: 131px;
        z-index: 0;
    }
    
    .starWrapper h2 {
        font-size: 22px;
    }
    
    .titleArea-testi h4 {
        font-size: 26px;
    }
    .single-silder h2 {
        font-size: 50px;
        width: 90%;
    }
    
    .sliderImg {
        object-fit: cover;
        width: 70%;
        margin: 0 auto;
    }
    
    .single-silder p {
        width: 86%;
    }
    
    .t-btn {
        margin-top: 10px;
        display: block;
    }
    
    .social {
        bottom: 0%;
    }
    #mainSlider .social .wd-social-icons a.wd-social-icon span.wd-icon {
        font-size: 20px;
    }  
    .serviceSection .t-btn {
        margin: 0 auto;
    }
}
@media (max-width:1024px){
    #mainservice {
        justify-content: space-evenly;
    }
    
    .singleService {
        width: 18%;
    }
}
@media (max-width:991px){
    .t-btn {
        margin-bottom: 20px;
    }
}
@media (max-width:767px){
    .single-silder .row {
    flex-direction: column-reverse;
    }
    
    .sliderImg {
        width: 40%;
    }
    
    .single-silder h2 {
        font-size: 40px;
        width: 100%;
        text-align: center;
        margin-top: 11px;
        margin-bottom: 0;
    }
    
    .single-silder p {
        margin: 0 auto;
        text-align: center;
    }
    
    .single-silder .t-btn {
        margin: 0 auto;
        margin-top: 20px;
    }
    
    .single-silder {
        padding: 110px 0 100px;
    }
    
    #mainSlider .social .wd-social-icons {
        justify-content: center;
    }
    
    .social {
        left: 38%;
        bottom: 14px;
    }
    .aboutSection:before {
    display: none;
    }
    
    .singleService {
        width: 48%;
        margin: 18px 5px 0;
    }
    
    .titleArea-testi p {
        width: 98%;
    }
    
    .titleArea-testi h4 {
        font-size: 23px;
        margin-bottom: 0;
    }
    
    .starWrapper h2 {
        font-size: 18px;
    }
    
    .popupBtn {
        background-position: center;
    }
    
    .aboutSection .innerAbout {
        padding-top: 0 !important;
        padding-bottom: 85px !important;
    }
    
    .aboutContent .info-box-title br {
        display: none !important;
    }
    
    .vc_row.formRow, .vc_row.testi-row {
        padding-top: 40px !important;
        padding-bottom: 30px !important;
    }
    .vc_custom_1645562609918 {
        display: none;
    }
    
    form#easy-newsletter-form {
        width: 50%;
        justify-content: space-between !important;
    }
    .easy-newsletter .input-field {
        width: 80%;
    }
    
    .input-field.input-submit {
        width: 20%;
    }
    .page-title {
        margin-bottom: 0;
        padding: 50px 0;
    }
    .aboutSection:after {
        display: none;
    }
    .aboutSection:after {
        display: none;
    }
    
    .page-id-130 .aboutSection .innerAbout {
        padding-top: 0 !important;
        padding-bottom: 5px !important;
    }
}
@media (max-width:600px){
    .single-testi {
        flex-flow: column;
    }
    
    .titleArea-testi {
        width: 100%;
        margin: 10px 0;
        padding: 10px 10px;
    }
    
    .imageArea-testi {
        width: 100%;
    }
    
    .imageArea-testi img {
        height: 273px;
        object-fit: cover;
        width: 100%;
    }
    .aboutTopHeading .info-box-title, .sectionTitle .info-box-title {
        line-height: 42px !important;
        font-size: 34px !important;
        text-align: center;
    }
    .aboutContent .info-box-title {
        font-size: 30px !important;
    }
    
    #gform_fields_1 input,#gform_fields_1 textarea {
        padding: 25px 20px;
    }
    
    #gform_submit_button_1 {
        padding: 10px 42px;
        font-size: 15px;
    }
}
@media (max-width:550px){
        .singleService {
        width: 90%;
        margin: 18px 5px 0;
        max-height: 519px;
    }
    .social {
        left: 32%;
        bottom: 14px;
    }
    .single-silder h2 {
        font-size: 36px;
    }
    form#easy-newsletter-form {
    width: 80%;
}
}
@media (max-width:450px){
    .single-silder h2 {
    line-height: 47px !important;
    font-size: 39px !important;
    }
    
    .social {
        left: 25%;
    }
}