/*@import url('https://fonts.googleapis.com/css2?family=Encode+Sans+Condensed&family=Open+Sans&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

* {
    margin: 0%;
    padding: 0%;
    font-family: 'Open Sans';

}



h1,
h3,
h4 {
      font-family: 'Open Sans';
}

h2,
p,
a {
    font-family: 'Open Sans';
}


/* top-header-start */


.top-nav-btn a::after {
    content: "";
    position: absolute;
    top: 0%;
    right: 0%;
    background-color: #434547;
    transition: all .3s ease-in-out;
    z-index: -1;
    width: 0%;
    border-radius: 8px;
    height: 100%;
}

.seaction3-makeover-101-header h1{
    color: #34627c;
    font-size: 30px;
    line-height: 32px;
    margin-bottom: 20px;
}

.seaction3-makeover-101-refinishing h2{
    color: #6f6f71 !important;
    font-size: 30px;
    line-height: 32px;
    margin-bottom: 20px;
    font-weight: 400;
    text-align: left !important;
}

.seaction3-makeover-101-painting h2{
    color: #6f6f71 !important;
    font-size: 30px;
    line-height: 32px;
    margin-bottom: 20px;
    font-weight: 400;
    text-align: left !important;
}

.seaction3-makeover-101-header p{
      line-height: 24px;
    font-size: 16px;
    margin-bottom: 10px;
}

.top-nav-btn a:hover::after {
    width: 100%;
    left: 0;
}

.top-nav-btn2 button {
    font-family: 'Open Sans';
    background-color: #325C77;
    color: #ffffff;
    text-decoration: none;
    font-size: 18px;
    padding: 14px 14px;
    line-height: 25px;
    font-weight: 900;
    cursor: pointer;
    border: none;
    letter-spacing: 1px;
    border-radius: 8px;
    position: relative;
    overflow: hidden;
    z-index: 1;
    display: inline-block;
}

.top-nav-btn2 button::after {
    content: "";
    position: absolute;
    top: 0%;
    right: 0%;
    background-color: #434547;
    transition: all .3s ease-in-out;
    z-index: -1;
    width: 0%;
    border-radius: 8px;
    height: 100%;
}

.top-nav-btn2 button:hover::after {
    width: 100%;
    left: 0;
}

.top-nav-logo {
    width: 200px;
    height: 77px;
}

.top-nav-logo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.top-nav-number-text p {
    font-family: 'Open Sans';
    color: #434547;
    font-size: 24px;
    font-weight: 400;
}

.top-nav-number a {
    font-family: 'Open Sans';
    color: #34627c !important;
    font-weight: bold;
    font-size: 24px;
    text-decoration: none;
    position: relative;
}

.top-nav-number a::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: -2px;
    background-color: #434547;
    width: 0;
    height: 2px;
    transition: all .3s ease-in-out;
}

.top-nav-number a:hover::after {
    width: 100%;
    left: 0;
}

.top-nav-phone-number {
    display: flex;
    align-items: center;
    gap: 10px;
}

.top-navbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #FFFFFF;
    padding: 10px 120px;
}

/* second-header-start */
.second-header-menu {
    background-color: #FFFFFF;
    box-shadow: -1px 6px 19px 0px rgba(0,0,0,0.49);
    padding: 12px;
}


.second-header-menu ul li {
    list-style: none;
    position: relative;
}



.second-header-menu ul li a svg {
    width: 16px;
    height: 16px;
    color: #434547;
}

.dropdown {
    position: absolute;
    top: 43px;
    left: 9px;
    background-color: white;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    min-width: 230px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);
    transition: all 0.3s ease;
    z-index: 99;
    padding: 10px 0;
}

.dropdown ul {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: start;
    gap: 5px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.dropdown ul li a {
    display: block;
    padding: 8px 12px;
    margin-left: 4px;
    color: #434547;
    text-decoration: none;
    font-size: 14px;
    font-weight: 400;
    transition: all 0.2s;
}

.dropdown ul li a:hover {
    background-color: #f2f2f2;
}

.dropdown-parent:hover .dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
}


.hero-seaction-context p {
    font-family: 'Open Sans';
    color: #34627c;
    font-size: 48px;
    font-weight: 700;
    text-align: center;
    background-color: #fff;
    padding: 30px;
    box-shadow: 1px 7px 29px -10px rgba(0, 0, 0, 0.75);
    -webkit-box-shadow: 1px 7px 29px -10px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 1px 7px 29px -10px rgba(0, 0, 0, 0.75);
    margin: 0px 0 40px 0;
    line-height: 1em;
}

.main-top-navbars {
    width: 100%;
    z-index: 999999999999;
    position: fixed;
}

.hero-seaction-main {
    padding-top: 140px;
}

/* homepage-seaction1-start */
.homepage-seaction1-main-heading h1 {
    font-size: 45px;
    font-weight: 400;
    text-align: center;
    margin-bottom: 80px;
    line-height: 1.1em;
    color: #434547;
    letter-spacing: 1px;
}

.homepage-seaction1-left h1 {
    font-size: 28px;
    font-weight: 400;
    color: #434547;
    line-height: 32px;
    margin-bottom: 20px;

}

.homepage-seaction1-left p {
    font-family: 'Open Sans';
    font-size: 14px;
    font-weight: 400;
    color: #434547;
    line-height: 22px;
    margin-bottom: 20px;
    padding-bottom: 0px;
}

.homepage-seaction1-left a {
    font-family: 'Open Sans';
    font-size: 16px;
    font-weight: 700;
    color: #34627c;
    text-decoration: underline;
    letter-spacing: 0;
    text-underline-offset: 2px;
}

.homepage-seaction1-left a:hover {
    text-decoration: none;
    color: #434547;
}


.honmepage-right-img {
    width: 590px;
    height: 320px;
    position: relative;
}

.honmepage-right-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.homepage-right-context a {
    font-family: 'Open Sans';
    position: absolute;
    right: 0;
    bottom: 0px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    text-transform: none;
    background-color: #434547;
    color: #fff;
    padding: 20px;
    -webkit-border-top-left-radius: 20px;
    -moz-border-radius-topleft: 20px;
    border-top-left-radius: 20px;
    margin-bottom: 0;
    text-decoration: none;
    cursor: pointer;
}

.homepage-right-context a:hover {
    background-color: #325C77;
}



.seaction1-homepage-main-divs {
    display: flex;
    justify-content: center;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 5px;
    position: relative;
}

.seaction1-homepage-main-divs::after {
    display: block;
    content: "";
    width: 40px;
    height: 40px;
    position: absolute;
    top: -46px;
    left: 46px;
    border-top: 3px solid #fc671a;
    border-left: 3px solid #fc671a;
}
.seaction1-homepage-main-divs::before {
    display: block;
    content: "";
    width: 40px;
    height: 40px;
    position: absolute;
    bottom: -46px;
    right: 46px;
    border-bottom: 3px solid #fc671a;
    border-right: 3px solid #fc671a;
}

/* seaction2-homepage-start */
.seaction2-homepage-card-tilte h1 {
    text-align: center;
    font-size: 22px;
    font-weight: 400;
    text-transform: uppercase;
    color: #34627c;
    letter-spacing: 1px;
    line-height: 28px;
    margin-bottom: 20px;
}

.seaction2-homepage-img-card {
       width: 349px !important;
    height: 295px;
    overflow: hidden;
}

.seaction2-homepage-img-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .3s ease-in-out;
}

.seaction2-homepage-img-card img:hover {
    transform: scale(1.1);
}

.seaction2-homepage-last-title-card a {
    position: absolute;
    right: 0;
    bottom: 0px;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    text-transform: none;
    background-color: #434547;
    color: #fff;
    padding: 25px 20px;
    -webkit-border-top-left-radius: 20px;
    -moz-border-radius-topleft: 20px;
    border-top-left-radius: 20px;
    margin-bottom: 0;
    text-decoration: none;
    letter-spacing: 1px;
    cursor: pointer;
}
.seaction2-homepage-img-card:hover .seaction2-homepage-last-title-card a {
    background-color: #325C77;
}

.seaction2-homepage-img-card {
    position: relative;
}

.seaction2-homepage-main {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 100px 80px 40px 80px;
    flex-wrap: wrap;
}

/* homepage-seaction3-start */
.seaction3-homepage {
    display: flex;
    width: 100%;
    height: 320px;
}

.seaction3-homepage-left {
    width: 15%;
    /* ✅ Width set to 15% */
    background-position: right center;
    /* ✅ Right-aligned image */
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 50px;
}

.seaction3-homepage-left p {
    color: #ffffff;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 1px;
    text-align: center;
}

.seaction3-homepage-sub-img-1 {
    width: 200px;
    height: auto;
}

.seaction3-homepage-sub-img-1 img {
    width: 100%;
    height: 100%;
}

.seaction3-homepage-right {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 45px;
    background-color: #FFFFFF;
    padding-right: 40px;
}

.seaction3-homepage-main {
    display: flex;
    align-items: center;
    gap: 40px;
    margin: 80px 0;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;

}

/* seaction4-start */
.seaction4-homepage-main {
    width: 88%;
    margin: 40px auto 60px auto;
}

/* seaction5-start */
.seaction5-homepage-img {
    width: 353px;
    height: 73px;
}

.seaction5-homepage-img img {
    width: 100%;
    height: 100%;
    padding: 60px 60px 60px 20px;
    border-right: 1px solid;
}

.seaction5-homepage-right h1 {
    font-size: 28px;
    font-weight: 400;
    color: #434547;
    line-height: 32px;
    margin-bottom: 20px;
}

.seaction5-homepage-right p {
    font-family: 'Open Sans';
    font-size: 14px;
    font-weight: 400;
    color: #434547;
    line-height: 22px;
    margin-bottom: 20px;
}



.seaction5-homepage-right a:hover {
    text-decoration: none;
    color: #434547;
}

.seaction5-homepage-right {
    width: 60%;
}

.seaction5-homepage-left {
    width: 40%;
}

.seaction5-homepage-main {
    display: flex;
    justify-content: space-between;
    margin: 0 80px;
    border-top: 2px solid #F26E21;
    border-bottom: 2px solid #F26E21;
    padding: 40px 0;
}

/* seaction6-start */
.seaction6-homepage-body-context p {
    font-family: 'Open Sans';
    font-size: 14px;
    font-weight: 400;
    color: #434547;
    line-height: 25px;
    margin-bottom: 20px;
}

.seaction6-homepage-body-context a {
    font-family: 'Open Sans';
    font-size: 14px;
    font-weight: 900;
    color: #34627c;
    text-decoration: underline;
    letter-spacing: 0;
    text-underline-offset: 2px;
}

.seaction6-homepage-body-context a:hover {
    text-decoration: none;
    color: #434547;
}

.seaction6-homepage-combine {
    display: flex;
    align-items: center;
    gap: 5px;
}

.seaction6-homepage-tilte-img {
    width: 16px;
    height: 16px;
}

.seaction6-homepage-tilte-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.seaction6-homepage-star-img {
    width: 98px;
    height: 20px;
}

.seaction6-homepage-star-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.seaction6-homepage-card-div {
    top: -90px;
    position: relative;
    padding: 12px 14px 30px 12px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: #eaeaea;

}

.seaction6-homepage-main-cards-div {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
    padding: 0 80px;
    background-color: #EF7038;
}

.seaction6-homepage-main-title h2 {
    color: #434547 !important;
    font-size: 40px;
    font-weight: 400;
    margin-bottom: 40px;
    text-align: center !important;
    text-transform: capitalize;
    margin-bottom: 120px;
}

.seaction6-homepage-main {
    margin: 100px 0 30px 0;
}

/* footer-start */
.footer-1-btn a {
    font-family: 'Open Sans';
    background-color: #434547;
    color: #ffffff;
    text-decoration: none;
    font-size: 12px;
    padding: 10px 14px;
    line-height: 25px;
    font-weight: 900;
    cursor: pointer;
    border: none;
    letter-spacing: 1px;
    border-radius: 6px;
    position: relative;
    overflow: hidden;
    z-index: 1;
    display: inline-block;
}

.footer-1-btn a::after {
    content: "";
    position: absolute;
    top: 0%;
    right: 0%;
    background-color: #325C77;
    transition: all .3s ease-in-out;
    z-index: -1;
    width: 0%;
    border-radius: 8px;
    height: 100%;
}

.footer-1-btn a:hover::after {
    width: 100%;
    left: 0;
}

.footer-1-logo {
    width: 275px;
    height: 123px;
    margin-left: -38px;
}

.footer-1-logo img {
    width: 100%;
    height: 100%;
}

.footer-1 {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.footer-2 ul {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 20px;
}

.footer-2 ul li {
    list-style: none;
    border-bottom: 1px solid #e7e7e7;
    -webkit-box-shadow: 0 1px 0 #fafafa;
    -moz-box-shadow: 0 1px 0 #fafafa;
    box-shadow: 0 1px 0 #fafafa;
    padding-bottom: 10px;
}

.footer-2 ul li a {
    text-decoration: none;
    color: #434547;
    font-size: 13px;
    font-weight: 400;
}

.footer-2 ul h2 {
    font-size: 18px;
    font-weight: 400;
    color: #434547;
    margin-top: 20px;
    text-decoration: none;
}

.footer-2 ul li a:hover {
    color: #325C77;
}

.footer-3 ul {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 20px;
}

.footer-3 ul li {
    list-style: none;
}

.footer-3 ul li a {
    text-decoration: none;
    color: #434547;
    font-size: 13px;
    font-weight: 400;
}

.footer-3 ul h2 {
    font-size: 18px;
    font-weight: 400;
    color: #434547;
    margin-top: 20px;
    text-decoration: none;
}

.footer-3 ul li a:hover {
    color: #325C77;
}

.footer-3-main-heading h2 {
    font-size: 18px;
    font-weight: 400;
    color: #434547;
    margin-bottom: 20px;
}

.footer-3-main-icon ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.footer-3-main-icon ul li {
    list-style: none;
}

.footer-3-main-icon ul li a {
    text-decoration: none;
}

.footer-3-main-icon ul li a svg {
    width: 25px;
    height: 25px;
    padding: 6px;
    border-radius: 50px;
    color: #FFFFFF;
    background-color: #434547;
}

.footer-3-main-icon ul li a svg:hover {
    color: #FFFFFF;
    background-color: #325C77;
}

.footer-main {
    display: flex;
    justify-content: space-between;
    margin: 0 80px;
    border-bottom: 1px solid #434547;
}

.footer-3-main {
    width: 19%;
}

.footer-2 {
    width: 24%;
}

.footer-1 {
    width: 27%;
}

.footer-end {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 50px;
    padding-top: 30px;
}

.footer-end p {
    font-size: 14px;
    font-weight: 400;
    color: #434547;
}

/* cabinet-color-change-start */

/* top-header-start */
.top-nav-btn a {
    font-family: 'Open Sans';
    background-color: #325C77;
    color: #ffffff;
    text-decoration: none;
    font-size: 18px;
    padding: 14px 14px;
    line-height: 25px;
    font-weight: 700;
    cursor: pointer;
    border: none;
    letter-spacing: 1px;
    border-radius: 8px;
    position: relative;
    overflow: hidden;
    z-index: 1;
    display: inline-block;
}

.top-nav-btn a::after {
    content: "";
    position: absolute;
    top: 0%;
    right: 0%;
    background-color: #434547;
    transition: all .3s ease-in-out;
    z-index: -1;
    width: 0%;
    border-radius: 8px;
    height: 100%;
}

.top-nav-btn a:hover::after {
    width: 100%;
    left: 0;
}

.top-nav-logo {
    width: 200px;
    height: 77px;
}

.top-nav-logo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.top-nav-number-text p {
    font-family: 'Open Sans';
    color: #434547;
    font-size: 24px;
    font-weight: 400;
}

.top-nav-number a {
    font-family: 'Open Sans';
    color: #34627c !important;
    font-weight: bold;
    font-size: 24px;
    text-decoration: none;
    position: relative;
}

.top-nav-number a::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: -2px;
    background-color: #434547;
    width: 0;
    height: 2px;
    transition: all .3s ease-in-out;
}

.top-nav-number a:hover::after {
    width: 100%;
    left: 0;
}

.top-nav-phone-number {
    display: flex;
    align-items: center;
    gap: 10px;
}

.top-navbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #FFFFFF;
    padding: 10px 120px;
}

/* second-header-start */




.second-header-menu ul li {
    list-style: none;
    position: relative;
}


.second-header-menu ul li a svg {
    width: 16px;
    height: 16px;
    color: #434547;
}

.dropdown {
    position: absolute;
    top: 43px;
    left: 9px;
    background-color: white;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    min-width: 230px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);
    transition: all 0.3s ease;
    z-index: 99;
    padding: 10px 0;
}

.dropdown ul {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: start;
    gap: 5px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.dropdown ul li a {
    display: block;
    padding: 8px 12px;
    margin-left: 4px;
    color: #434547;
    text-decoration: none;
    font-size: 14px;
    font-weight: 400;
    transition: all 0.2s;
}

.dropdown ul li a:hover {
    background-color: #f2f2f2;
}

.dropdown-parent:hover .dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
}

/* hero-seaction-start */
.hero-seaction-image {
    width: 100%;
    height: 300px;
}

.befortimginner span{
    font-size: 17px;
    font-weight: 600;
}
.befortimginner{
     position: absolute;
    bottom: 1%;
    left: 17%;
}
.aftertimginner{
    position: absolute;
    bottom: 1%;
    right: 17%;
}
.aftertimginner span{
    font-size: 17px;
    font-weight: 600;
}



.hero-seaction-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.hero-seaction-main {
    padding-top: 140px;
}

.homepage-cabinet-painting-heading h1 {
    font-size: 42px;
    font-weight: 400;
    text-align: center;
    margin-bottom: 50px;
    line-height: 1.1em;
    color: #434547;
    letter-spacing: 1px;
}



.homepage-seaction1-left {
    width: 44%;
    padding-left:25px;
}


.homepage-right-context a {
    font-family: 'Open Sans';
    position: absolute;
    right: 0;
    bottom: 0px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    text-transform: none;
    background-color: #434547;
    color: #fff;
    padding: 20px;
    -webkit-border-top-left-radius: 20px;
    -moz-border-radius-topleft: 20px;
    border-top-left-radius: 20px;
    margin-bottom: 0;
    text-decoration: none;
    cursor: pointer;
}

.homepage-right-context a:hover {
    background-color: #325C77;
}



.homepage-seaction1-main-ltr {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

.homepage-seaction1-main-ltr22 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    margin: 10px 100px 0px 100px;
}

.professionaldddh1 h1{
    font-size: 45px;
    text-align: center;
    margin: 50px 0px;
    line-height: 1.1em;
    color: #434547;
    font-weight: 400;
}
.homepage-seaction1-main-ltr::after {
    display: block;
    content: "";
    width: 40px;
    height: 40px;
    position: absolute;
    top: -24px;
    left: -18px;
    border-top: 3px solid #fc671a;
    border-left: 3px solid #fc671a;
}
.homepage-seaction1-main-ltr::before {
    display: block;
    content: "";
    width: 40px;
    height: 40px;
    position: absolute;
    bottom: -20px;
    right: -18px;
    border-bottom: 3px solid #fc671a;
    border-right: 3px solid #fc671a;
}

.cabinet-painting-seaction1-main {
    margin: 60px 0;
}

/* seaction2-cabinet-color-chaning-main-start */
.seaction2-cabinet-color-chaning-main-heading h2 {
    font-size: 16px;
    font-weight: 400;
    color: #434547;
    margin-bottom: 10px;
}

.seaction2-cabinet-color-chaning-main-heading h1 {
    font-size: 28px;
    font-weight: 400;
    color: #434547;
    margin-bottom: 20px;
}

.seaction2-cabinet-color-chaning-img {
  
}

.seaction2-cabinet-color-chaning-img img {
    width: 100%;
    height: 100%;
}

.seaction2-cabinet-color-chaning-heading p {
    font-size: 17px;
    font-weight: 600;
    color: #434547;
}

.seaction2-cabinet-color-chaning-main-images2{
       width: 100% !important;
}

.seaction2-cabinet-color-chaning-main-images {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 10px;
    width: 22%;
}

.image-preview-container{
      width: 100%;
}
.image-preview-container img{
      width: 100% !important;
}



.seaction2-cabinet-color-changing-mains {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 15px;
}

.seaction2-cabinet-color-chaning-main12 {
    margin: 0 80px;
}

/* seaction3-cabinet-color-chaning-start */
.seaction3-cabinet-color-chaning-heading p {
    font-size: 14px;
    font-weight: 400;
    color: #434547;
    line-height: 25px;
}

.seaction3-cabinet-color-chaning-heading {
    margin: 40px 80px 0 80px;

}

/* carsoul-after-before */
.cabinet-painting-main-div-seaction2 {
    display: flex;
    align-items: center;
    justify-content: center;
}

.swiper {
    margin: 60px 0 20px 0;
}


.seaction2-cabinet-painting-carsoul-main {
    display: flex;
    align-items: center;
    width: 80%;
    margin: auto;
}

.seaction2-cabinet-painting-carsoul-left-img,
.seaction2-cabinet-painting-carsoul-right-img {
    width: 480px;
    height: 405px;
    position: relative;
}

.seaction2-cabinet-painting-carsoul-left-img img {
    width: 100%;
    height: 100%;
    border-bottom-left-radius: 15px;
    border-top-left-radius: 15px;
}

.seaction2-cabinet-painting-carsoul-right-img img {
    width: 100%;
    height: 100%;
    border-bottom-right-radius: 15px;
    border-top-right-radius: 15px;
}

.seaction2-cabinet-painting-carsoul-left-after p,
.seaction2-cabinet-painting-carsoul-right-before p {
    position: absolute;
    bottom: 0%;
    left: 0;
    background: #3D3D3D;
    color: #FFFFFF;
    padding: 7px 15px;
    font-size: 15px;
    line-height: 1em;
    font-weight: normal;
    text-transform: capitalize;
}

.swiper {
    width: 100%;
    padding: 30px 0;
}

.swiper-pagination-bullet {
    background: #3D3D3D;
    opacity: 0.5;
}

.swiper-pagination-bullet-active {
    background: #000000;
    opacity: 1;
}

.cobinet-painting-carsoul-last-text p {
    font-size: 12px;
    font-weight: 400;
    color: #434547;
    width: 95%;
    margin: 40px auto 80px auto;
}

/* seaction3-cabinet-painting  */
.seaction5-homepage-img {
    width: 353px;
    height: 73px;
}

.seaction5-homepage-img img {
    width: 100%;
    height: 100%;
    padding: 60px 60px 60px 20px;
    border-right: 1px solid;
}

.seaction5-homepage-right h1 {
    font-size: 28px;
    font-weight: 400;
    color: #434547;
    line-height: 32px;
    margin-bottom: 20px;
}


.seaction5-homepage-right a {
    font-family: 'Open Sans';
    font-size: 16px;
    font-weight: 700;
    color: #34627c;
    text-decoration: underline;
    letter-spacing: 0;
    text-underline-offset: 2px;
}

.seaction5-homepage-right a:hover {
    text-decoration: none;
    color: #434547;
}

.seaction5-homepage-right {
    width: 60%;
}

.seaction5-homepage-left {
    width: 40%;
}

.seaction5-homepage-main {
    display: flex;
    justify-content: space-between;
    margin: 60px 80px;
    border-top: 2px solid #F26E21;
    border-bottom: 2px solid #F26E21;
    padding: 40px 0;
}

/* seaction4-cabinet-painting  */
.seaction6-homepage-body-context p {
    font-family: 'Open Sans';
    font-size: 14px;
    font-weight: 400;
    color: #434547;
    line-height: 25px;
    margin-bottom: 20px;
}

.seaction6-homepage-body-context a {
    font-family: 'Open Sans';
    font-size: 14px;
    font-weight: 900;
    color: #34627c;
    text-decoration: underline;
    letter-spacing: 0;
    text-underline-offset: 2px;
}

.seaction6-homepage-body-context a:hover {
    text-decoration: none;
    color: #434547;
}

.seaction6-homepage-combine {
    display: flex;
    align-items: center;
    gap: 5px;
}

.seaction6-homepage-tilte-img {
    width: 16px;
    height: 16px;
}

.seaction6-homepage-tilte-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.seaction6-homepage-star-img {
    width: 98px;
    height: 20px;
}

.seaction6-homepage-star-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.seaction6-homepage-card-div {
    top: -90px;
    position: relative;
    padding: 12px 14px 30px 12px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: #eaeaea;

}

.seaction6-homepage-main-cards-div {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
    padding: 0 80px;
    background-color: #EF7038;
}

.seaction6-homepage-main-title h2 {
    color: #434547 !important;
    font-size: 40px;
    font-weight: 400;
    margin-bottom: 40px;
    text-align: center !important;
    text-transform: capitalize;
    margin-bottom: 120px;
}

.seaction6-homepage-main {
    margin: 100px 0 30px 0;
}

.seaction5-cabinet-painting-main-accordine {
    display: flex;
    align-items: center;
    gap: 15px;
    cursor: pointer;
}

.seaction5-cabinet-painting-accordine-icon svg {
    background-color: #3D3D3D;
    color: #FFFFFF;
    padding: 3px;
    width: 24px;
    height: 24px;
    font-weight: 900;
    transition: transform 0.3s ease;
}

.seaction5-cabinet-painting-accordine-heading h1 {
    font-size: 18px;
    font-weight: 400;
    color: #434547;
    letter-spacing: 1px;
}

.accordion-content {
    overflow: hidden;
    height: 0;
    transition: all 0.4s ease;
}

.icon-rotate {
    transform: rotate(45deg);
}

.seaction5-cabinet-painting-accordion {
    width: 45%;
}

.cabinet-painting-main-accordine-div {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
    margin: 0 99px;

}

.seaction5-cabinet-painting-main-title h1 {
    width: 88%;
    text-align: center;
    margin: 60px auto 40px auto;
    padding-bottom: 20px;
    font-size: 36px;
    font-weight: 400;
    color: #34627c;
    border-bottom: 1px solid #d3d3d3;
}

.seaction5-cabinet-painting-main {
    margin-bottom: 40px;
    padding-bottom: 40px;
    box-shadow: 0px 8px 10px -6px rgba(0, 0, 0, 0.24);
}

/* footer-start */
.footer-1-btn a {
    font-family: 'Open Sans';
    background-color: #434547;
    color: #ffffff;
    text-decoration: none;
    font-size: 12px;
    padding: 10px 14px;
    line-height: 25px;
    font-weight: 900;
    cursor: pointer;
    border: none;
    letter-spacing: 1px;
    border-radius: 6px;
    position: relative;
    overflow: hidden;
    z-index: 1;
    display: inline-block;
}

.footer-1-btn a::after {
    content: "";
    position: absolute;
    top: 0%;
    right: 0%;
    background-color: #325C77;
    transition: all .3s ease-in-out;
    z-index: -1;
    width: 0%;
    border-radius: 8px;
    height: 100%;
}

.footer-1-btn a:hover::after {
    width: 100%;
    left: 0;
}



.footer-2 ul {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 20px;
}

.footer-2 ul li {
    list-style: none;
    border-bottom: 1px solid #e7e7e7;
    -webkit-box-shadow: 0 1px 0 #fafafa;
    -moz-box-shadow: 0 1px 0 #fafafa;
    box-shadow: 0 1px 0 #fafafa;
    padding-bottom: 10px;
}

.footer-2 ul li a {
    text-decoration: none;
    color: #434547;
    font-size: 13px;
    font-weight: 400;
}

.footer-2 ul h2 {
    font-size: 18px;
    font-weight: 400;
    color: #434547;
    margin-top: 20px;
    text-decoration: none;
}

.footer-2 ul li a:hover {
    color: #325C77;
}

.footer-3 ul {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 20px;
}

.footer-3 ul li {
    list-style: none;
}

.footer-3 ul li a {
    text-decoration: none;
    color: #434547;
    font-size: 13px;
    font-weight: 400;
}

.footer-3 ul h2 {
    font-size: 18px;
    font-weight: 400;
    color: #434547;
    margin-top: 20px;
    text-decoration: none;
}

.footer-3 ul li a:hover {
    color: #325C77;
}

.footer-3-main-heading h2 {
    font-size: 18px;
    font-weight: 400;
    color: #434547;
    margin-bottom: 20px;
}

.footer-3-main-icon ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.footer-3-main-icon ul li {
    list-style: none;
}

.footer-3-main-icon ul li a {
    text-decoration: none;
}

.footer-3-main-icon ul li a svg {
    width: 25px;
    height: 25px;
    padding: 6px;
    border-radius: 50px;
    color: #FFFFFF;
    background-color: #434547;
}

.footer-3-main-icon ul li a svg:hover {
    color: #FFFFFF;
    background-color: #325C77;
}

.footer-main {
    display: flex;
    justify-content: space-between;
    margin: 0 80px;
    border-bottom: 1px solid #434547;
}

.footer-3-main {
    width: 19%;
}

.footer-2 {
    width: 24%;
}

.footer-1 {
    width: 27%;
}

.footer-end {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 50px;
    padding-top: 30px;
}

.footer-end p {
    font-size: 14px;
    font-weight: 400;
    color: #434547;
}

/* cabinet-door-start */

/* top-header-start */

.top-nav-btn a::after {
    content: "";
    position: absolute;
    top: 0%;
    right: 0%;
    background-color: #434547;
    transition: all .3s ease-in-out;
    z-index: -1;
    width: 0%;
    border-radius: 8px;
    height: 100%;
}

.top-nav-btn a:hover::after {
    width: 100%;
    left: 0;
}

.top-nav-logo {
    width: 200px;
    height: 77px;
}

.top-nav-logo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.top-nav-number-text p {
    font-family: 'Open Sans';
    color: #434547;
    font-size: 24px;
    font-weight: 400;
}

.top-nav-number a {
    font-family: 'Open Sans';
    color: #34627c !important;
    font-weight: bold;
    font-size: 24px;
    text-decoration: none;
    position: relative;
}

.top-nav-number a::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: -2px;
    background-color: #434547;
    width: 0;
    height: 2px;
    transition: all .3s ease-in-out;
}

.top-nav-number a:hover::after {
    width: 100%;
    left: 0;
}

.top-nav-phone-number {
    display: flex;
    align-items: center;
    gap: 10px;
}

.top-navbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #FFFFFF;
    padding: 10px 120px;
}





.second-header-menu ul li {
    list-style: none;
    position: relative;
}



.second-header-menu ul li a svg {
    width: 16px;
    height: 16px;
    color: #434547;
}

.dropdown {
    position: absolute;
    top: 43px;
    left: 9px;
    background-color: white;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    min-width: 230px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);
    transition: all 0.3s ease;
    z-index: 99;
    padding: 10px 0;
}

.dropdown ul {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: start;
    gap: 5px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.dropdown ul li a {
    display: block;
    padding: 8px 12px;
    margin-left: 4px;
    color: #434547;
    text-decoration: none;
    font-size: 14px;
    font-weight: 400;
    transition: all 0.2s;
}

.dropdown ul li a:hover {
    background-color: #f2f2f2;
}

.dropdown-parent:hover .dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
}

.hero-seaction-main {
    padding-top: 140px;
}

/* seaction1-cabinet-door-start */
.seaction1-cabinet-door-title h1 {
    font-size: 44px;
    font-weight: 400;
    color: #434547;
}

.seaction1-cabinet-door-title h4 {
    font-size: 30px;
    font-weight: 600;
    color: #434547;
}

.seaction1-cabinet-door-title p {
    font-size: 15px;
    font-weight: 400;
    color: #434547;
    line-height: 22px;
}

.seaction1-cabinet-door-title {
    display: flex;
    flex-direction: column;
    text-align: center;
    gap: 20px;
    width: 80%;
    margin: 40px auto 60px auto;
}

/* seaction2-cabinet-door-start */
.seaction2-cabinet-door-title2 h1 {
    font-size: 28px;
    font-weight: 600;
    color: #325C77;
}

.seaction2-cabinet-door-title2 h4 {
    font-size: 46px;
    font-weight: 500;
    color: #325C77;
    letter-spacing: 1px;
}

.seaction2-cabinet-door-title2 p {
    font-size: 15px;
    font-weight: 400;
    color: #434547;
    line-height: 25px;
    margin-top: 20px;
}

.seaction2-cabinet-door-title2 {
    display: flex;
    flex-direction: column;
    text-align: center;
    width: 90%;
    margin: 40px auto 0px auto;
}

.seaction2-cabinet-door-main {
    margin-top: 30px;
}

.seaction2-cabinet-door-card-img1 {
    width: 260px;
    height: 260px;
    position: relative;
}
.seaction2-cabinet-door-card-img1 img{
    width: 100%;
    height: 100%;
}

.seaction2-cabinet-door-card-text2{
    position: absolute;
    top: 10px;
    left: -7px;
}
.seaction2-cabinet-door-card-text{
    position: absolute;
    top: 10px;
    left: -7px;
}

.seaction2-cabinet-door-card-img1 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .3s ease-in-out;
}



.seaction2-cabinet-door-card-text p {
    position: absolute;
    top: 0%;
    left: 0%;
    font-size: 26px;
    letter-spacing: -1px;
    font-weight: 600 !important;
    color: #fff !important;
    position: absolute;
    padding: 5px 10px 5px 10px !important;
    box-shadow: 2px 2px 5px #d34e0f3b;
    background: #575656;
    text-transform: capitalize;
}

.seaction2-cabinet-door-card-img2 {
    width: 260px;
    height: 260px;
    position: relative;
}

.seaction2-cabinet-door-card-img2 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .3s ease-in-out;
}



.seaction2-cabinet-door-card-text2 p {
    position: absolute;
    top: 0%;
    left: 0%;
    font-size: 26px;
    letter-spacing: -1px;
    font-weight: 600 !important;
    color: #fff !important;
    position: absolute;
    padding: 5px 10px 5px 10px !important;
    box-shadow: 2px 2px 5px #d34e0f3b;
    background: #34627c;
    text-transform: capitalize;
}

.seaction2-cabinet-door-cards-main {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.seaction2-caninets-door-main-div {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 50px;
    margin: 40px 80px 60px 80px;
}

/* seaction3-cabinet-door-start  */
.seaction3-cabinet-door-left h1 {
    font-size: 28px;
    font-weight: 600;
    line-height: 1.4em;
    color: #434547;
    margin-bottom: 20px;
}

.seaction3-cabinet-door-left p {
    font-size: 14px;
    font-weight: 400;
    color: #FFFFFF;
}

.seaction3-cabinet-door-left {
    background-color: #575656;
    width: 46%;
    padding: 62px 10px;
}

.seaction3-cabinet-door-right {
    width: 48%;
}

.seaction3-cabinet-door-main {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    margin: auto;
    width: 84%;
}

/* seaction4-cabinet-door-start */
.seaction4-cabinet-door-tilte h1 {
    font-size: 40px;
    font-weight: 600;
    letter-spacing: 0;
    color: #34627c;
    text-align: center;
}

.seaction4-cabinet-door-first-context h1 {
    font-size: 24px;
    font-weight: 600;
    line-height: 1.4em;
    color: #434547;
    margin-bottom: 20px;
}

.seaction4-cabinet-door-first-context p {
    font-size: 16px;
    line-height: 20px;
    color: #6f6f71;
    font-weight: 400;
    margin-bottom: 20px;
}

.seaction4-cabinet-door-first-context {
    margin: 10px 100px;
}

.seaction4-cabinets-door-frist-img {
    width: 168px;
    height: 290px;
}
.seaction4-cabinets-door-frist-img222{
    width: 145px;
}

.seaction4-cabinet-door-first-context h1{
    font-size: 30px;
    font-weight: 600;
    line-height: 1.4em;
    color: #434547;
}

.seaction4-cabinets-door-frist-img img {
    width: 100%;
    height: 100%;
}

.seaction4-cabinets-door-frist-img-heading p {
    color: #434547;
    font-size: 18px;
    background: #fff;
    text-transform: capitalize;
}

.seaction3-makeover-101-main{
    width: 86%;
    margin: auto;
}

.seaction4-cabinet-door-images {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}

.seaction4-cabinet-door-main-div-10-img2 {
    width: 336px !important;
    height: 246px;
}

.seaction4-cabinet-door-main-div {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 0 94px;
    gap:9px;
}

.seaction4-cabinet-door-main-div6 {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}

.seaction4-cabinet-door-first {
    margin-top: 40px;
}

.seaction4-cabinet-door-main {
    margin-top: 80px;
}

.seaction4-cabinet-door-btn a {
    font-family: 'Open Sans';
    background-color: #325C77;
    color: #ffffff;
    text-decoration: none;
    font-size: 14px;
    padding: 12px 14px;
    line-height: 25px;
    font-weight: 700;
    cursor: pointer;
    border: none;
    letter-spacing: 1px;
    border-radius: 8px;
    position: relative;
    overflow: hidden;
    z-index: 1;
    display: inline-block;
}

.seaction4-cabinet-door-btn a::after {
    content: "";
    position: absolute;
    top: 0%;
    right: 0%;
    background-color: #434547;
    transition: all .3s ease-in-out;
    z-index: -1;
    width: 0%;
    border-radius: 8px;
    height: 100%;
}

.seaction4-cabinet-door-btn a:hover::after {
    width: 100%;
    left: 0;
}

.seaction4-cabinet-door-btn {
    margin: 120px auto 30px auto;
    width: 20%;
}

.seaction4-cabinet-door-main-div-10-heading h1 {
    color: #434547;
    font-size: 18px;
    font-weight: 400;
    text-align: center;
    max-height: 48px;
    background: #fff;
    margin: 10px 0;
}

.seaction4-cabinet-door-main-div-10-img {
    width: 444px;
    height: 246px;
}

.seaction4-cabinet-door-main-div-10-img img {
    width: 100%;
    height: 100%;
}

.seaction4-cabinet-door-main-div-10 {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.seaction4-cabinet-door-main-div-10-main {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0px 100px;
    flex-wrap: wrap;
}

.seaction4-cabinet-door-main-div-10-main2 {
    display: flex;
    flex-direction: column;
    gap: 10px;
    flex-wrap: wrap;
}

.seaction4-cabinet-door-first-context10 h1 {
    font-size: 24px;
    font-weight: 600;
    line-height: 1.4em;
    color: #434547;
    margin-bottom: 20px;
}

.seaction4-cabinet-door-first-context10 p {
    font-size: 16px;
    line-height: 20px;
    color: #6f6f71;
    font-weight: 400;
    margin-bottom: 20px;
}

.seaction4-cabinet-door-first-context10 {
    margin: 0 100px;
}

.seaction4-cabint-door-second-faq-mian-heading h1 {
    font-size: 48px;
    color: #34627c;
    font-weight: 400;
    margin: 30px 0;
}

.seaction4-cabint-door-second-faq-heading h2 {
    font-size: 18px;
    font-weight: 400;
    color: #34627c;
}

.seaction4-cabint-door-second-faq-heading p {
    font-size: 15px;
    font-weight: 400;
    color: #434547;
}

.seaction4-cabint-door-second-faq-heading {
    margin-bottom: 30px;
}

.seaction4-cabint-door-second-faq {
    margin-bottom: 30px;
    padding: 0 100px 80px 100px;
    box-shadow: 0px 4px 6px -2px rgba(0, 0, 0, 0.24);

}

/* footer-start */
.footer-1-btn a {
    font-family: 'Open Sans';
    background-color: #434547;
    color: #ffffff;
    text-decoration: none;
    font-size: 12px;
    padding: 10px 14px;
    line-height: 25px;
    font-weight: 900;
    cursor: pointer;
    border: none;
    letter-spacing: 1px;
    border-radius: 6px;
    position: relative;
    overflow: hidden;
    z-index: 1;
    display: inline-block;
}

.footer-1-btn a::after {
    content: "";
    position: absolute;
    top: 0%;
    right: 0%;
    background-color: #325C77;
    transition: all .3s ease-in-out;
    z-index: -1;
    width: 0%;
    border-radius: 8px;
    height: 100%;
}

.footer-1-btn a:hover::after {
    width: 100%;
    left: 0;
}


.footer-2 ul {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 20px;
}

.footer-2 ul li {
    list-style: none;
    border-bottom: 1px solid #e7e7e7;
    -webkit-box-shadow: 0 1px 0 #fafafa;
    -moz-box-shadow: 0 1px 0 #fafafa;
    box-shadow: 0 1px 0 #fafafa;
    padding-bottom: 10px;
}

.footer-2 ul li a {
    text-decoration: none;
    color: #434547;
    font-size: 13px;
    font-weight: 400;
}

.footer-2 ul h2 {
    font-size: 18px;
    font-weight: 400;
    color: #434547;
    margin-top: 20px;
    text-decoration: none;
}

.footer-2 ul li a:hover {
    color: #325C77;
}

.footer-3 ul {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 20px;
}

.footer-3 ul li {
    list-style: none;
}

.footer-3 ul li a {
    text-decoration: none;
    color: #434547;
    font-size: 13px;
    font-weight: 400;
}

.footer-3 ul h2 {
    font-size: 18px;
    font-weight: 400;
    color: #434547;
    margin-top: 20px;
    text-decoration: none;
}

.footer-3 ul li a:hover {
    color: #325C77;
}

.footer-3-main-heading h2 {
    font-size: 18px;
    font-weight: 400;
    color: #434547;
    margin-bottom: 20px;
}

.footer-3-main-icon ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.footer-3-main-icon ul li {
    list-style: none;
}

.footer-3-main-icon ul li a {
    text-decoration: none;
}

.footer-3-main-icon ul li a svg {
    width: 25px;
    height: 25px;
    padding: 6px;
    border-radius: 50px;
    color: #FFFFFF;
    background-color: #434547;
}

.footer-3-main-icon ul li a svg:hover {
    color: #FFFFFF;
    background-color: #325C77;
}

.footer-main {
    display: flex;
    justify-content: space-between;
    margin: 0 80px;
    border-bottom: 1px solid #434547;
}

.footer-3-main {
    width: 19%;
}

.footer-2 {
    width: 24%;
}

.footer-1 {
    width: 27%;
}

.footer-end {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 50px;
    padding: 30px 0px;
}

.footer-end p {
    font-size: 14px;
    font-weight: 400;
    color: #434547;
}

/* cabinet-painting-start */


/* top-header-start */


.top-nav-btn a::after {
    content: "";
    position: absolute;
    top: 0%;
    right: 0%;
    background-color: #434547;
    transition: all .3s ease-in-out;
    z-index: -1;
    width: 0%;
    border-radius: 8px;
    height: 100%;
}

.top-nav-btn a:hover::after {
    width: 100%;
    left: 0;
}

.top-nav-logo {
    width: 200px;
    height: 77px;
}

.top-nav-logo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.top-nav-number-text p {
    font-family: 'Open Sans';
    color: #434547;
    font-size: 24px;
    font-weight: 400;
}

.top-nav-number a {
    font-family: 'Open Sans';
    color: #34627c !important;
    font-weight: bold;
    font-size: 24px;
    text-decoration: none;
    position: relative;
}

.top-nav-number a::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: -2px;
    background-color: #434547;
    width: 0;
    height: 2px;
    transition: all .3s ease-in-out;
}

.top-nav-number a:hover::after {
    width: 100%;
    left: 0;
}

.top-nav-phone-number {
    display: flex;
    align-items: center;
    gap: 10px;
}

.top-navbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #FFFFFF;
    padding: 10px 120px;
}





.second-header-menu ul li {
    list-style: none;
    position: relative;
}



.second-header-menu ul li a svg {
    width: 16px;
    height: 16px;
    color: #434547;
}

.dropdown {
    position: absolute;
    top: 43px;
    left: 9px;
    background-color: white;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    min-width: 230px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);
    transition: all 0.3s ease;
    z-index: 99;
    padding: 10px 0;
}

.dropdown ul {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: start;
    gap: 5px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.dropdown ul li a {
    display: block;
    padding: 8px 12px;
    margin-left: 4px;
    color: #434547;
    text-decoration: none;
    font-size: 14px;
    font-weight: 400;
    transition: all 0.2s;
}

.dropdown ul li a:hover {
    background-color: #f2f2f2;
}

.dropdown-parent:hover .dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
}



.hero-seaction-main {
    padding-top: 140px;
}

/* homepage-seaction1-start */
.homepage-cabinet-painting-heading h1 {
    font-size: 42px;
    font-weight: 400;
    text-align: center;
    margin-bottom: 50px;
    line-height: 1.1em;
    color: #434547;
    letter-spacing: 1px;
}


.seaction2-cabinet-refinishing-leftbr{
       position: relative;
}
.seaction2-cabinet-refinishing-leftbr::after{
    content:"" ;
    position: absolute;
    top: 0;
    right: 10px;
    background: #FF671F;
    height: 100%;
    width: 2px;
}

.seaction2-cabinet-storage-main-card32{
    width: 22.8% !important;
}

.cabinet-painting-img {
    width: 100%;
    height: 620px;
    position: relative;
}

.cabinet-painting-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.homepage-right-context a {
    font-family: 'Open Sans';
    position: absolute;
    right: 0;
    bottom: 0px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    text-transform: none;
    background-color: #434547;
    color: #fff;
    padding: 20px;
    -webkit-border-top-left-radius: 20px;
    -moz-border-radius-topleft: 20px;
    border-top-left-radius: 20px;
    margin-bottom: 0;
    text-decoration: none;
    cursor: pointer;
}

.homepage-right-context a:hover {
    background-color: #325C77;
}

.homepage-seaction1-right {
    width: 50%;
}


/* seaction2-cabinet-painting */
.seaction2-cabinet-painting-title h1 {
    font-size: 28px;
    font-weight: 400;
    color: #434547;
    line-height: 32px;
    margin-bottom: 20px;
}

.seaction2-cabinet-painting-title p {
    line-height: 24px;
    font-size: 16px;
    margin-bottom: 10px;
    color: #434547;
    font-weight: 400;
}

.seaction2-cabinet-painting-title {
    margin-left: 40px;
}

.seaction2-cabinet-painting-img1 {
    width: 12%;
    height: 332px;
}

.seaction2-cabinet-painting-img1 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.seaction2-cabinet-painting-main-images {
       display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin: 0 67px;
    gap: 8px;
}

.seaction2-cabinet-painting-main{
    width: 95%;
    margin: auto;
}

.cabinet-painting-main-images-div {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    gap: 20px;
}

.cabinet-painting-description-1 p {
    font-size: 16px;
    font-weight: 400;
    color: #434547;
}

.cabinet-painting-description-1 h1 {
    font-size: 20px;
    font-weight: 100;
    color: #434547;
}

.cabinet-painting-description-points1-svg svg {
    width: 15px;
    height: 15px;
    color: #434547;
}

.cabinet-painting-description-points1-text h1 {
    font-size: 18px;
    font-weight: 600;
    color: #434547;
    letter-spacing: 1px;
}

.cabinet-painting-description-points1-text p {
    font-size: 16px;
    font-weight: 400;
    color: #434547;
}

.cabinet-painting-description-points1-text {
    display: flex;
    align-items: center;
    gap: 5px;
}

.cabinet-painting-description-points-1 {
    display: flex;
    align-items: center;
    gap: 10px;
}

.cabinet-painting-description-points-main {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 10px;
}

.cabinet-painting-description-main2-title h1 {
    font-size: 24px;
    font-weight: 400;
    color: #434547;
    letter-spacing: 1px;
    margin: 20px 0px;
}

.cabinet-painting-description-main2-title span {
    font-size: 18px;
    font-weight: 400;
    color: #434547;

}

.cabinet-painting-description-main2-title p {
    font-size: 16px;
    font-weight: 400;
    color: #434547;
    margin-bottom: 10px;

}

.cabinet-painting-description-main2-points-1 {
    display: flex;
    align-items: center;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 10px;
}

.cabinet-painting-description-main2-points-1-head h1 {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 1px;
    color: #434547;
}

.cabinet-painting-description-main2-points-1-head p {
    font-size: 14px;
    font-weight: 400;
    color: #434547;
}

.cabinet-painting-description-main2-vedio-tilte h1 {
    font-size: 16px;
    font-weight: 400;
    color: #434547;
    margin: 10px 0;
}

.cabinet-painting-description-main2-vedio-mian {
    width: 100%;
}

.cabinet-painting-description-main2-vedio-miandbcdbv{
    width: 100% !important;
    margin: 30px auto;
}
}
.cabinet-painting-description-main2-vedio-mian-description p {
    font-size: 14px;
    font-weight: 400;
    color: #434547;
}

.seaction2-cabinet-main6 {
    width: 94%;
    margin: 10px auto 10px auto;
}


.cabinet-painting-description-main2 h2{
    font-size: 26px !important;
}
/* carsoul-after-before */
.cabinet-painting-main-div-seaction2 {
    display: flex;
    align-items: center;
    justify-content: center;
}

.swiper {
    margin: 60px 0 20px 0;
}

.swiper-paginationdiv{
        position: relative;
        padding-bottom: 10px;
}
.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: #000000 !important;
}

.swiper-pagination-bullet {
    width: 11px !important;
    height: 11px !important;
}

.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 0 !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
}

.seaction2-cabinet-painting-carsoul-left-img,
.seaction2-cabinet-painting-carsoul-right-img {
    width: 50%;
    height: 405px;
    position: relative;
}

.seaction2-cabinet-painting-carsoul-left-img img {
    width: 100%;
    height: 100%;
    border-bottom-left-radius: 15px;
    border-top-left-radius: 15px;
}

.seaction2-cabinet-painting-carsoul-right-img img {
    width: 100%;
    height: 100%;
    border-bottom-right-radius: 15px;
    border-top-right-radius: 15px;
}

.seaction2-cabinet-painting-carsoul-left-after p,
.seaction2-cabinet-painting-carsoul-right-before p {
    position: absolute;
    bottom: 0%;
    left: 0;
    background: #3D3D3D;
    color: #FFFFFF;
    padding: 7px 15px;
    font-size: 15px;
    line-height: 1em;
    font-weight: normal;
    text-transform: capitalize;
}

.swiper {
    width: 100%;
    padding: 30px 0;
}

.swiper-pagination-bullet {
    background: #3D3D3D;
    opacity: 0.5;
}

.swiper-pagination-bullet-active {
    background: #000000;
    opacity: 1;
}

.cobinet-painting-carsoul-last-text p {
    font-size: 12px;
    font-weight: 400;
    color: #434547;
    width: 95%;
    margin: 40px auto 80px auto;
}

/* seaction3-cabinet-painting  */
.seaction5-homepage-img {
    width: 353px;
    height: 73px;
}

.seaction5-homepage-img img {
    width: 100%;
    height: 100%;
    padding: 60px 60px 60px 20px;
    border-right: 1px solid;
}

.seaction5-homepage-right h1 {
    font-size: 28px;
    font-weight: 400;
    color: #434547;
    line-height: 32px;
    margin-bottom: 20px;
}


.seaction5-homepage-right a:hover {
    text-decoration: none;
    color: #434547;
}

.seaction5-homepage-right {
    width: 60%;
}

.seaction5-homepage-left {
    width: 40%;
}

.seaction5-homepage-main {
    display: flex;
    justify-content: space-between;
    margin: 0 80px;
    border-top: 2px solid #F26E21;
    border-bottom: 2px solid #F26E21;
    padding: 40px 0;
}

/* seaction4-cabinet-painting  */
.seaction6-homepage-body-context p {
    font-family: 'Open Sans';
    font-size: 14px;
    font-weight: 400;
    color: #434547;
    line-height: 25px;
    margin-bottom: 20px;
}

.seaction6-homepage-body-context a {
    font-family: 'Open Sans';
    font-size: 14px;
    font-weight: 900;
    color: #34627c;
    text-decoration: underline;
    letter-spacing: 0;
    text-underline-offset: 2px;
}

.seaction6-homepage-body-context a:hover {
    text-decoration: none;
    color: #434547;
}

.seaction6-homepage-combine {
    display: flex;
    align-items: center;
    gap: 5px;
}

.seaction6-homepage-tilte-img {
    width: 16px;
    height: 16px;
}

.seaction6-homepage-tilte-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.seaction6-homepage-star-img {
    width: 98px;
    height: 20px;
}

.seaction6-homepage-star-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.seaction6-homepage-card-div {
    top: -90px;
    position: relative;
    padding: 12px 14px 30px 12px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: #eaeaea;

}

.seaction6-homepage-main-cards-div {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
    padding: 0 80px;
    background-color: #EF7038;
}

.seaction6-homepage-main-title h2 {
    color: #434547 !important;
    font-size: 40px;
    font-weight: 400;
    margin-bottom: 40px;
    text-align: center !important;
    text-transform: capitalize;
    margin-bottom: 120px;
}

.seaction6-homepage-main {
    margin: 80px 0 30px 0;
}

.seaction5-cabinet-painting-main-accordine {
    display: flex;
    align-items: center;
    gap: 15px;
    cursor: pointer;
}

.seaction5-cabinet-painting-accordine-icon svg {
    background-color: #3D3D3D;
    color: #FFFFFF;
    padding: 3px;
    width: 24px;
    height: 24px;
    font-weight: 900;
    transition: transform 0.3s ease;
}

.seaction5-cabinet-painting-accordine-heading h1 {
    font-size: 18px;
    font-weight: 400;
    color: #434547;
    letter-spacing: 1px;
}

.accordion-content P {
    font-size: 14px;
    font-weight: 400;
    color: #434547;
    letter-spacing: 1px;
    padding-top: 20px;
    line-height: 22px;
}

.accordionulsls{
        background: #333 !important;
    z-index: 999999999999999999999 !important;
    position: relative !important;
    left: -17px !important;
    width: 100% !important;
}

.seaction2-cabinet-door-title2h3 h3{
       font-size: 16px !important;
}
.accordion-content {
    overflow: hidden;
    height: 0;
    transition: all 0.4s ease;
}

.icon-rotate {
    transform: rotate(45deg);
}

.seaction5-cabinet-painting-accordion {
    width: 45%;
}



.seaction5-cabinet-painting-main-title h1 {
    width: 88%;
    text-align: center;
    margin: 60px auto 40px auto;
    padding-bottom: 20px;
    font-size: 36px;
    font-weight: 400;
    color: #34627c;
    border-bottom: 1px solid #d3d3d3;
}

.seaction5-cabinet-painting-main {
    margin-bottom: 40px;
    padding-bottom: 40px;
    box-shadow: 0px 8px 10px -6px rgba(0, 0, 0, 0.24);
}

/* footer-start */
.footer-1-btn a {
    font-family: 'Open Sans';
    background-color: #434547;
    color: #ffffff;
    text-decoration: none;
    font-size: 12px;
    padding: 10px 14px;
    line-height: 25px;
    font-weight: 900;
    cursor: pointer;
    border: none;
    letter-spacing: 1px;
    border-radius: 6px;
    position: relative;
    overflow: hidden;
    z-index: 1;
    display: inline-block;
}

.footer-1-btn a::after {
    content: "";
    position: absolute;
    top: 0%;
    right: 0%;
    background-color: #325C77;
    transition: all .3s ease-in-out;
    z-index: -1;
    width: 0%;
    border-radius: 8px;
    height: 100%;
}

.footer-1-btn a:hover::after {
    width: 100%;
    left: 0;
}




.footer-2 ul {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 20px;
}

.footer-2 ul li {
    list-style: none;
    border-bottom: 1px solid #e7e7e7;
    -webkit-box-shadow: 0 1px 0 #fafafa;
    -moz-box-shadow: 0 1px 0 #fafafa;
    box-shadow: 0 1px 0 #fafafa;
    padding-bottom: 10px;
}

.footer-2 ul li a {
    text-decoration: none;
    color: #434547;
    font-size: 13px;
    font-weight: 400;
}

.footer-2 ul h2 {
    font-size: 18px;
    font-weight: 400;
    color: #434547;
    margin-top: 20px;
    text-decoration: none;
}

.footer-2 ul li a:hover {
    color: #325C77;
}

.footer-3 ul {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 20px;
}

.footer-3 ul li {
    list-style: none;
}

.footer-3 ul li a {
    text-decoration: none;
    color: #434547;
    font-size: 13px;
    font-weight: 400;
}

.footer-3 ul h2 {
    font-size: 18px;
    font-weight: 400;
    color: #434547;
    margin-top: 20px;
    text-decoration: none;
}

.footer-3 ul li a:hover {
    color: #325C77;
}

.footer-3-main-heading h2 {
    font-size: 18px;
    font-weight: 400;
    color: #434547;
    margin-bottom: 20px;
}

.footer-3-main-icon ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.footer-3-main-icon ul li {
    list-style: none;
}

.footer-3-main-icon ul li a {
    text-decoration: none;
}

.footer-3-main-icon ul li a svg {
    width: 25px;
    height: 25px;
    padding: 6px;
    border-radius: 50px;
    color: #FFFFFF;
    background-color: #434547;
}

.footer-3-main-icon ul li a svg:hover {
    color: #FFFFFF;
    background-color: #325C77;
}

.footer-main {
    display: flex;
    justify-content: space-between;
    margin: 0 80px;
    border-bottom: 1px solid #434547;
}

.footer-3-main {
    width: 19%;
}

.footer-2 {
    width: 24%;
}

.footer-1 {
    width: 27%;
}

.footer-end {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 50px;
    padding-top: 30px;
}

.footer-end p {
    font-size: 14px;
    font-weight: 400;
    color: #434547;
}

/* cabinet-refacing-start */

/* top-header-start */


.top-nav-btn a::after {
    content: "";
    position: absolute;
    top: 0%;
    right: 0%;
    background-color: #434547;
    transition: all .3s ease-in-out;
    z-index: -1;
    width: 0%;
    border-radius: 8px;
    height: 100%;
}

.top-nav-btn a:hover::after {
    width: 100%;
    left: 0;
}

.top-nav-logo {
    width: 200px;
    height: 77px;
}

.top-nav-logo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.top-nav-number-text p {
    font-family: 'Open Sans';
    color: #434547;
    font-size: 24px;
    font-weight: 400;
}

.top-nav-number a {
    font-family: 'Open Sans';
    color: #34627c !important;
    font-weight: bold;
    font-size: 24px;
    text-decoration: none;
    position: relative;
}

.top-nav-number a::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: -2px;
    background-color: #434547;
    width: 0;
    height: 2px;
    transition: all .3s ease-in-out;
}

.top-nav-number a:hover::after {
    width: 100%;
    left: 0;
}

.top-nav-phone-number {
    display: flex;
    align-items: center;
    gap: 10px;
}

.top-navbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #FFFFFF;
    padding: 10px 120px;
}



.second-header-menu ul {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.second-header-menu ul li {
    list-style: none;
    position: relative;
}

.second-header-menu ul li a {
    font-family: 'Open Sans', sans-serif;
    color: #434547;
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 5px 10px;
    line-height: 18px;
    text-decoration: none;
    text-transform: capitalize;
    font-size: 14px;
    font-weight: 400;
}

.second-header-menu ul li a svg {
    width: 16px;
    height: 16px;
    color: #434547;
}

.dropdown {
    position: absolute;
    top: 43px;
    left: 9px;
    background-color: white;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    min-width: 230px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);
    transition: all 0.3s ease;
    z-index: 99;
    padding: 10px 0;
}

.dropdown ul {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: start;
    gap: 5px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.dropdown ul li a {
    display: block;
    padding: 8px 12px;
    margin-left: 4px;
    color: #434547;
    text-decoration: none;
    font-size: 14px;
    font-weight: 400;
    transition: all 0.2s;
}

.dropdown ul li a:hover {
    background-color: #f2f2f2;
}

.dropdown-parent:hover .dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
}


.hero-seaction-main {
    padding-top: 140px;
}

/* Kitchen Cabinet Refacing-start */
.seaction1-cabinet-refacing-main-heading h1 {
    font-size: 50px;
    font-weight: 400;
    text-align: center;
    margin-bottom: 40px;
    line-height: 1.1em;
    color: #434547;
}

.seaction1-cabinet-refacing-description p {
    line-height: 24px;
    font-weight: 400;
    font-size: 15px;
    margin-bottom: 10px;
    color: #434547;
}

.seaction1-cabinet-refacing-description h1 {
    font-weight: 400;
    font-size: 28px;
    margin: 20px 0 30px 0;
    color: #434547;
}

.seaction1-cabinet-refacing-main {
    width: 90%;
    margin: 80px auto 0 auto;

}

.homepage-seaction1-main-ltr2{
        margin: 0px 100px 0px 100px;
}
.seaction1-cabinet-refacing-vedio-main {
    width: 100%;
    margin: 80px auto 80px auto;
    border-bottom: 2px solid #434547;
    border-top: 2px solid #434547;
    padding: 40px 0;
}

.seaction1-cabinet-refacing-description2 h1 {
    font-weight: 400;
    font-size: 28px;
    margin: 30px 0 20px 0;
    color: #434547;
}

.seaction1-cabinet-refacing-description2 p {
    line-height: 24px;
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 10px;
    color: #434547;
}

.seaction1-cabinet-refacing-description2 h3 {
    font-weight: 200;
    font-size: 18px;
    margin: 10px 0 10px 0;
    color: #6f6f71;
}

/* seaction2-cabinet-color-chaning-main-start */
.seaction2-cabinet-color-chaning-main-heading h2 {
    font-size: 16px;
    font-weight: 400;
    color: #434547;
    margin-bottom: 10px;
}

.seaction2-cabinet-color-chaning-main-heading h1 {
    font-size: 28px;
    font-weight: 400;
    color: #434547;
    margin-bottom: 20px;
}

.seaction2-cabinet-color-chaning-img img {
    width: 100%;
    height: 100%;
}

.seaction2-cabinet-color-chaning-heading p {
    font-size: 17px;
    font-weight: 600;
    color: #434547;
}

.aboutusocntent p{
    line-height: 24px;
    font-size: 16px;
    margin-bottom: 10px;
}
.aboutusocntent h2{
    font-size: 28px;
    color: #434547;
    line-height: 32px;
    margin-bottom: 20px;
}
.aboutusocntent-h h1{
   font-size: 45px;
    text-align: center;
    margin-bottom: 40px;
    line-height: 1.1em;
    color: #434547;
    font-weight: 400;
}
.franchise-p h1{
    font-size: 28px;
    color: #434547;
    line-height: 32px;
    font-weight: 500;
    margin-bottom: 20px;
}
.franchise-p p span{
    line-height: 24px;
    font-size: 16px;
    margin-bottom: 10px;
    display: block;
}
.recommended-p-h h2{
    font-size: 28px;
    color: #434547;
    line-height: 32px;
    margin-bottom: 20px;
    font-weight: 600;
}

.advantage-p-h h3{
      font-size: 28px;
    color: #434547;
    line-height: 32px;
    margin-bottom: 20px;
    font-weight: 600;
}
.advantage-p-h h3{
    font-size: 28px;
    color: #434547;
    line-height: 32px;
    margin-bottom: 20px;
    font-weight: 600;
}
.recommended-p-h2 h2{
      font-size: 28px;
    color: #434547;
    line-height: 32px;
    margin-bottom: 20px;
    font-weight: 600;
}
.seaction2-cabinet-color-chaning-main {
    width: 100%;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
    flex-wrap: wrap;
}

.seaction2-cabinet-color-changing-mains {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 15px;
    margin: 60px 0;
}

.seaction2-cabinet-color-chaning-main12 {
    margin: 0 80px;
}

.seaction1-cabinet-refacing-description3 h1 {
    font-size: 28px;
    font-weight: 400;
    color: #434547;
    margin-bottom: 20px;
}

.seaction1-cabinet-refacing-description3 p {
    line-height: 24px;
    font-weight: 400;
    font-size: 15px;
    margin-bottom: 10px;
    color: #434547;
}

.seaction1-cabinet-refacing-img {
    width: 95%;
    margin: auto;
    height: 380px;
}

.seaction1-cabinet-refacing-img img {
    width: 100%;
    height: 100%;
}

.seaction1-cabinet-refacing-description4 h1 {
    font-size: 24px;
    font-weight: 400;
    color: #434547;
    margin: 30px 0 20px 0;
}

.seaction1-cabinet-refacing-description4 p {
    font-size: 16px;
    font-weight: 400;
    color: #434547;
    margin: 0px 0 10px 0;
}

.seaction1-cabinet-refacing-description4 h3 {
    font-size: 24px;
    font-weight: 400;
    color: #434547;
    margin: 10px 0 20px 0;
}

.seaction1-cabinet-refacing-description4-btn a {
    font-family: 'Open Sans';
    background-color: #434547;
    color: #ffffff;
    text-decoration: none;
    font-size: 15px;
    padding: 10px 14px;
    line-height: 25px;
    font-weight: 900;
    cursor: pointer;
    border: none;
    letter-spacing: 1px;
    border-radius: 8px;
    position: relative;
    overflow: hidden;
    z-index: 1;
    display: inline-block;
    margin-top: 30px;
}

.seaction1-cabinet-refacing-description4-btn a::after {
    content: "";
    position: absolute;
    top: 0%;
    right: 0%;
    background-color:  #325C77;
    transition: all .3s ease-in-out;
    z-index: -1;
    width: 0%;
    border-radius: 8px;
    height: 100%;
}

.seaction1-cabinet-refacing-description4-btn a:hover::after {
    width: 100%;
    left: 0;
}

.seaction1-cabinet-refacing-description4 {
    border-bottom: 2px solid #434547;
    padding-bottom: 30px;
}

.seaction1-cabinet-refacing-description5 h1 {
    font-size: 24px;
    font-weight: 400;
    color: #434547;
    margin: 10px 0 20px 0;
}

.seaction1-cabinet-refacing-description5 h3 {
    font-size: 18px;
    font-weight: 400;
    margin: 10px 0 20px 0;
    color: #808080;
}

.seaction1-cabinet-refacing-description5 p {
    font-size: 15px;
    font-weight: 400;
    color: #434547;
    margin: 0px 0 10px 0;
    line-height: 25px;
}

.seaction1-cabinet-refacing-description5 li p {
    font-size: 15px;
    font-weight: 400;
    color: #434547;
}

.seaction1-cabinet-refacing-description5 li span {
    font-size: 18px;
    font-weight: 900;
    color: #434547;
}

.seaction1-cabinet-refacing-description6 h1 {
    font-size: 20px;
    font-weight: 400;
    color: #808080;
    margin: 30px 0 10px 0;
}

.seaction1-cabinet-refacing-description6 P {
    font-size: 15px;
    font-weight: 400;
    color: #434547;
    margin: 0px 0 30px 0;
}

/* seaction2-cabinet-refinishing-strat */
.seaction2-cabinet-refinishing-left h1 {
    font-size: 22px;
    font-weight: 400;
    color: #434547;
}

.seaction2-cabinet-refinishing-left p {
    font-size: 15px;
    font-weight: 400;
    color: #434547;
    margin-top: 10px;
    line-height: 25px;
    padding-right: 20px;
}

.seaction2-cabinet-refinishing-right p {
    font-size: 15px;
    font-weight: 400;
    line-height: 28px;
    color: #434547;
    margin-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
}

.seaction2-cabinet-refinishing-main {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 40px 80px 30px 80px;
}

/* .seaction3-cabinet-refinishing-start */
.seaction3-cabinet-refinishing-start {
    width: 88%;
    margin: 60px auto 60px auto;
}


/* seaction2-cabinet-storage-start */
.seaction2-cabinet-storage-card-img {
    width: 251px;
    height: 285px;
}

.seaction2-cabinet-storage-card-img img {
    width: 100%;
    height: 100%;
}

.seaction2-cabinet-storage-card-title a {
    font-size: 20px;
    font-weight: 600;
    color: #688AB3;
    display: flex;
    justify-content: center;
}

.seaction2-cabinet-storage-card-title a:hover {
    text-decoration: none;
}

.seaction2-cabinet-storage-card-title p {
    font-size: 16px;
    font-weight: 400;
    color: #434547;
    padding-top: 10px;
}

.seaction2-cabinet-storage-main-card {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 10px;
    width: 23%;
    margin-bottom: 20px;
}

.seaction2-main-cabinet-storage {
    display: flex;
    gap: 30px;
    margin: 120px 85px 60px 85px;
    flex-wrap: wrap;
}

.seaction3-cabinet-storage-main-title h1 {
    font-size: 50px;
    font-weight: 400;
    color: #325C77;
    margin-bottom: 30px;
}

.seaction3-cabinet-storage-main-title h3 {
    font-size: 22px;
    font-weight: 400;
    color: #325C77;
    margin-bottom: 10px;
}

.seaction3-cabinet-storage-main-title p {
    font-size: 15px;
    font-weight: 400;
    color: #434547;
}

.seaction3-cabinet-storage-main-title {
    margin: 40px 80px 80px 80px
}

/*
seaction1-cabinets-start */
.seaction1-cabinets-start-mian-title h1 {
    font-size: 50px;
    font-weight: 400;
    text-align: center;
    margin-bottom: 40px;
    line-height: 1.1em;
    color: #434547;
}


.seaction2-color-image img{
    width: 100%;
}

.seaction1-cabinets-start-mian-title h3 {
    color: rgb(252, 103, 26);
    font-size: 30px;
    line-height: 32px;
    font-weight: 700;
    margin-bottom: 30px;
    text-align: left !important;
}
.seaction1-cabinets-start-mian-title h4 {
    color: #6f6f71;
    font-weight: 400;
    font-size: 30px;
    line-height: 32px;
    margin-bottom: 20px;
    text-align: left !important;
    letter-spacing: 1px;
}
.colorOptionstitles{
    font-weight: 400 !important;
    font-size: 30px !important;
}
.seaction1-cabinets-start-mian-title p {
    color: #434547;
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 23px !important;
    margin-bottom: 10px;
    text-align: left !important;
}

.seaction1-cabinets-main {
    width: 87%;
    margin: 40px auto 20px auto;
}

.seaction1-cabinets-card-btn a {
    font-family: 'Open Sans';
    background-color: #434547;
    color: #ffffff;
    text-decoration: none;
    font-size: 14px;
    padding: 8px 14px;
    line-height: 25px;
    font-weight: 900;
    cursor: pointer;
    border: none;
    letter-spacing: 1px;
    border-radius: 8px;
    position: relative;
    overflow: hidden;
    z-index: 1;
    display: inline-block;
}

.seaction1-cabinets-card-btn a::after {
    content: "";
    position: absolute;
    top: 0%;
    right: 0%;
    background-color: #325C77;
    transition: all .3s ease-in-out;
    z-index: -1;
    width: 0%;
    border-radius: 8px;
    height: 100%;
}

.seaction1-cabinets-card-btn a:hover::after {
    width: 100%;
    left: 0;
}

.seaction1-cabinets-card-left-img {
    width: 95%;
    height: 580px;
}

.seaction1-cabinets-card-left-img img {
    width: 100%;
    height: 100%;
}

.seaction1-cabinets-card-right-context h1 {
    font-size: 30px;
    color: #6f6f71;
    line-height: 32px;
    margin-bottom: 15px;
    text-align: left !important;
    font-weight: 400;
}

.seaction1-cabinets-card-right-context p {
    font-size: 16px;
    color: #434547;
    line-height: 30px;
    margin-bottom: 20px;
    text-align: left !important;
}

.seaction1-cabinets-card-left {
    width: 50%;
}

.seaction1-cabinets-card-right {
    width: 50%;
}

.seaction1-cabinets-main-cards {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 30px 0px 60px 0px;
}

.seaction2-cabinets-main-title h1 {
    color: #6f6f71;
    font-size: 30px;
    font-weight: 400;
    line-height: 32px;
    margin-bottom: 10px;
    text-align: left !important;
}

.seaction2-img-cabinets {
    width: 1114px;
    height: 376px;
}

.seaction2-img-cabinets img {
    width: 100%;
    height: 100%;
    margin-bottom: 20px;
}

.seaction2-cabinets-main-title p {
    font-size: 16px;
    line-height: 30px;
    font-weight: 400;
    margin-bottom: 20px;
    color: #434547;
    text-align: left !important;
}

.seaction2-cabinets-main {
    width: 87%;
    margin: 40px auto 20px auto;
    border-bottom: 2px solid #325C77;
    padding-bottom: 60px;
}

.seaction2-cabinets-main-description h1 {
    color: #34627c;
    font-size: 30px;
    line-height: 32px;
    margin-bottom: 20px;
    text-align: left !important;
}

.seaction2-cabinets-main-description h3 {
    color: #6f6f71;
    font-size: 30px;
    line-height: 32px;
    margin: 20px 0;
    text-align: left !important;
}

.seaction2-cabinets-main-description p {
    color: #434547;
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 20px;
    text-align: left !important;
}

.seaction2-cabinets-main-vedio{
    margin: auto;
}
.seaction2-cabinets-main-description {
    margin: 40px auto !important;
    margin: 40px 0;
}

.seaction2-cabinets-main-description-box h1 {
    font-size: 29px;
    margin-bottom: 20px;
    line-height: 1.2em;
    color: #fff;
    font-weight: 400;
    text-align: center !important;
}

.seaction2-cabinets-main-description-box {
    background-color: #325C77;
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 20px;
    padding: 80px 0 120px 0px;
    border-radius: 30px;
}

.seaction2-cabinets-main-description-box-btn a {
    font-size: 24px;
    line-height: 1.1em;
    border: 2px solid #fff;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background-color: #fff;
    color: #34627c;
    text-align: center;
    margin: 10px;
    padding: 12px 20px;
    text-decoration: none;
}

.seaction2-cabinets-main-description-box-btn a:hover {
    border: 2px solid #fff;
    background-color: transparent;
    color: #fff;
}

/* floor-start */
.seaction2-floor-main {
    width: 41%;

}
.seaction2-main2-floo22{
    width: 93%;
    margin: auto !important;
}

.seaction2-main2-floor {
    padding: 20px 40px 80px 40px;
    /* bottom-only feel */
    box-sizing: border-box;
    background-color: #fff;
    margin: 0px 0px 30px 0px
}

.seaction2-floor-descrition h1 {
    font-size: 28px;
    font-weight: 400;
    color: #434547;
    line-height: 32px;
    margin-bottom: 20px;
}

.seaction2-floor-descrition p {
    color: #fc671a;
    font-weight: 400;
    font-size: 28px;
    margin-bottom: 20px;
    line-height: 34px;
}

.seaction2-floor-points {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    padding-bottom: 10px;
}

.seaction2-floor-points-img svg {
    width: 12px;
    height: 12px;
    color: #434547;
}

.seaction2-floor-points-text h1 {
    font-size: 20px;
    font-weight: 400;
    font-style: italic;
    color: #434547;
}

/* seaction1-hardwood-refinishing-painting-start */
.seaction1-hardwood-refinishing-main h1 {
    font-size: 28px;
    font-weight: 400;
    color: #434547;
    margin-bottom: 20px;
    text-align: center;
}

.seaction1-hardwood-refinishing-main p {
    font-size: 16px;
    font-weight: 400;
    color: #434547;
    line-height: 30px;
    margin-bottom: 10px;
}

.seaction1-hardwood-refinishing-main span {
    font-size: 16px;
    font-weight: 400;
    color: #434547;
    line-height: 30px;
    margin-bottom: 10px;
    text-align: center;
    display: block;
}

.seaction1-hardwood-refinishing-main {
    margin: 40px auto 80px auto;
    width: 93%;
}

/* seaction2-non-sandable-floor-start */
.seaction2-non-sandable-floor-main-title h1 {
    font-size: 28px;
    color: #434547;
    line-height: 32px;
    margin-bottom: 20px;
    font-weight: 600;
}

.seaction2-non-sandable-floor-main-title p {
    font-size: 16px;
    color: #434547;
    line-height: 30px;
    margin-bottom: 10px;
}

.seaction2-non-sandable-floor-main-points {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}

.seaction2-non-sandable-floor-main-points-img svg {
    width: 10px;
    height: 10px;
    color: #434547;
}

.seaction2-non-sandable-floor-main-points-text h1 {
    font-size: 16px;
    font-weight: 400;
    color: #434547;
    margin-bottom: 0;
}

.seaction2-non-sandable-floor-main {
    width: 88%;
    margin: 60px auto 60px auto;
}

/* seaction2-floor-sanding-start */
.seaction2-floor-sanding-point-img svg {
    width: 10px;
    height: 10px;
    color: #434547;
}

.seaction2-floor-sanding-point-text p {
    font-size: 16px;
    font-weight: 400;
    color: #434547;
    margin-bottom: 0;
}

.seaction2-floor-sanding-main-headings h1 {
    font-size: 28px;
    font-weight: 400;
    color: #434547;
    margin: 20px 0px;
}

.seaction2-floor-sanding-main-points {
    display: flex;
    gap: 10px;
    margin-bottom: 10px;
}

.seaction2-floor-sanding-main {
    width: 88%;
    margin: 40px auto 80px auto;
}

/* seaction1-find-local-nhance */
.seaction1-find-local-nhance {
    width: 100%;
    height: 100vh;
    margin: 0 auto 0px auto;
    border-radius: 8px;
    overflow: hidden;
}

.seaction1-find-local-nhance iframe {
    width: 100%;
    height: 100%;
    display: block;
    border: none;
}

.seaction2-find-local-nhance-main h1 {
    font-size: 24px;
    line-height: 28px;
    color: #434547;
    margin-bottom: 20px;
}

.seaction2-find-local-nhance-main p {
    font-size: 16px;
    line-height: 30px;
    color: #434547;
    margin-bottom: 20px;
}

.seaction2-find-local-nhance-main {
    background-color: #EDEDED;
    padding: 20px 30px 40px 30px;
    margin-bottom: 40px;
}

.seaction2-find-local-nhance-main-btn a {
    font-family: 'Open Sans';
    background-color: #325C77;
    color: #ffffff;
    text-decoration: none;
    font-size: 14px;
    padding: 10px 14px;
    line-height: 25px;
    font-weight: 900;
    cursor: pointer;
    border: none;
    letter-spacing: 1px;
    border-radius: 8px;
    position: relative;
    overflow: hidden;
    z-index: 1;
    display: inline-block;
}

.seaction2-find-local-nhance-main-btn a::after {
    content: "";
    position: absolute;
    top: 0%;
    right: 0%;
    background-color: #434547;
    transition: all .3s ease-in-out;
    z-index: -1;
    width: 0%;
    border-radius: 8px;
    height: 100%;
}

.seaction2-find-local-nhance-main-btn a:hover::after {
    width: 100%;
    left: 0;
}

/* seaction1-contact-main */
.seaction1-contact-main-heading h1 {
    font-size: 50px;
    text-align: center;
    font-weight: 400;
    margin-bottom: 40px;
    line-height: 1.1em;
    color: #434547;
}

.seaction1-contact-main-heading h3 {
    font-size: 28px;
    font-weight: 400;
    margin-bottom: 20px;
    color: #434547;
}

.seaction1-contact-main-heading p {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 10px;
    color: #434547;
}

.contact-us-main {
    display: flex;
    align-items: center;
    gap: 5px;
}

.contact-us-main-phone p {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0px;
    color: #434547;
}

.contact-us-main-number a {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 10px;
    color: #34627c;
}

.seaction1-contact-main {
    margin: 80px auto;
    width: 88%;
}

/* seaction1-nhance-vedio-start */
.seaction1-nhance-vedio1 {
    width: 270px;
    height: 160px;
    overflow: hidden;
}

.seaction1-nhance-vedio1 iframe,
.seaction1-nhance-vedio1 video {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.seaction1-nhance-vedio-title h1 {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 10px;
    color: #34627c;
}

.seaction1-nhance-vedio-title p {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 10px;
    color: #434547;
}

.seaction1-nhance-vedio-1-main {
    width: 28%;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 10px;

}

.seaction1-nhance-vedio-main {
    display: flex;
    gap: 80px;
    flex-wrap: wrap;

}

.seaction1-nhance-vedio-main-div2-heading h1 {
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 10px;
    color: #6F6F71;
    text-align: center;
}

.seaction1-nhance-vedio-main-div2-heading P {
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 40px;
    color: #434547;
    text-align: center;
}

.seaction1-nhance-vedio-main-div2 {
    margin: 80px 60px
}

.seaction2-nhance-vedio-main-left h1 {
    font-size: 32px;
    line-height: 28px;
    color: #434547;
    margin-bottom: 20px;
}

.seaction2-nhance-vedio-main-left p {
    color: #34627c;
    font-size: 28px;
    margin-bottom: 20px;
    line-height: 34px;
}

.seaction2-nhance-vedio-main-left-point {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-bottom: 8px;
}

.seaction2-nhance-vedio-main-left-point-img svg {
    width: 10px;
    height: 10px;
    color: #434547;

}

.seaction2-nhance-vedio-main-left-point-text p {
    font-size: 18px;
    font-weight: 400;
    color: #434547;
    margin-bottom: 0;

}

.seaction2-nhance-vedio-main-left-point-2 {
    width: 600px;
    height: 300px;
    overflow: hidden;
}

.seaction2-nhance-vedio-main-left-point-2 iframe,
.seaction2-nhance-vedio-main-left-point-2 video {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}








.seaction2-nhance-vedio-main-right {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    padding: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    background-color: #fff;
}

.nhance-contact-form {
    display: flex;
    flex-direction: column;
}

.form-nhance-btn {
    display: flex;
    justify-content: space-between;
    margin: 30px 0;
}

.nhance-contact-form h2 {
    margin-bottom: 20px;
    font-size: 24px;
    font-weight: 900;
    color: #434547;
}

.nhance-contact-form label {
    margin-bottom: 5px;
    font-size: 18px;
    font-weight: 400;
    color: #434547;
}

.nhance-contact-form input,
.nhance-contact-form textarea {
    margin-bottom: 15px;
    padding: 10px;
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.form-nhance-text p {
    font-size: 16px;
    font-weight: 400;
    color: #434547;
}

.seaction2-nhance-vedio-main {
    display: flex;
    gap: 20px;
    margin: 60px 0px 40px 0px;
    box-shadow: 0px 8px 8px -4px rgba(0, 0, 0, 0.24);
    padding: 0 80px 80px 80px;

}

.seaction2-nhance-vedio-main-right {
    width: 50%;
}

.seaction2-nhance-vedio-main-left {
    width: 50%;
}

/* seaction1-local-jop */
.seaction1-local-jop-main-btn {
    display: flex;
    justify-content: center;
    /* ✅ This centers the <a> horizontally */
}

.seaction1-local-jop-main-btn a {
    font-family: 'Open Sans';
    background-color: #325C77;
    color: #ffffff;
    text-decoration: none;
    font-size: 15px;
    padding: 10px 14px;
    line-height: 25px;
    font-weight: 900;
    cursor: pointer;
    border: none;
    letter-spacing: 1px;
    border-radius: 8px;
    position: relative;
    overflow: hidden;
    z-index: 1;
    display: inline-flex;
    /* changed from flex to inline-flex to size better */
    align-items: center;
    justify-content: center;
    margin: 0 0 30px 0;
}

.seaction1-local-jop-main-btn a::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    background-color: #434547;
    transition: all 0.3s ease-in-out;
    z-index: -1;
    width: 0%;
    border-radius: 8px;
    height: 100%;
}

.seaction1-local-jop-main-btn a:hover::after {
    width: 100%;
    left: 0;
}

.seaction1-local-jop-main-description p {
    padding: 0 0 10px 0;
    font-size: 16px;
    font-weight: 400;
    color: #434547;
}

.seaction1-local-jop-main {
    width: 93%;
    margin: 20px auto;
}

.seaction2-local-jop-accordine-main1-icon svg {
    width: 45px;
    height: 35px;
    color: #fc671a;
}

.seaction2-local-jop-accordine-main1-text p {
    font-size: 20px;
    font-weight: 600;
    color: #434547;
}

.seaction2-local-jop-title h1 {
    color: #fff;
    text-shadow: 2px 2px 4px #000;
    font-size: 36px;
    text-align: center;
    font-weight: 700;
    margin-bottom: 20px;
}

.seaction2-local-jop-accordine-main1 {
    display: flex;
    align-items: center;
    gap: 10px;
    background: #fff;
    padding: 30px 110px 30px 30px;
    height: 100%;
}

.seaction2-local-jop-main {
    background-image: url(images/50.jpg);
    background-repeat: no-repeat;
    background-position: center;
    height: 500px;
}

.seaction2-local-jop-accordine-main {
    width: 75%;
    margin: 20px auto;
}

.seaction2-local-jop-accordine-main {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px;
}

.seaction3-local-jop-start {
    width: 80%;
    margin: 0px auto 00px auto;
    padding: 20px 0px
}

.seaction3-local-jop-main2 {
    background-image: url('images/lightspeed_call_bg.jpg');
    background-repeat: no-repeat;
    background-position: center;
}

.seaction4-local-jop-main2-heading p {
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    color: #434547;
}

.seaction4-local-jop-main2-heading input {
    border: 1px solid #ddd;
    border-radius: 4px;
    background: #fcfcfc;
    height: 34px;
    padding: 0px 12px;
    color: #555;
    line-height: 1.42857;
    font-size: 14px !important;
    font-size: 20px;
    font-weight: 400;
    outline: none;
    margin-top: 10px;

}

.seaction4-local-jop-main-title h1 {
    font-size: 24px;
    font-weight: 400;
    line-height: 28px;
    color: #434547;
    margin-bottom: 20px;
    text-align: center;
}

.seaction4-local-jop-main2 {
    display: flex;
    gap: 90px;
    background-color: #E6E7E8;
    padding: 40px 0 30px 0px;
    width: 95%;
    margin: 20px auto 0 auto;
    justify-content: center;
    align-items: center;
}

.seaction4-local-jop-main2-btn button {
    font-family: 'Open Sans';
    background-color: #325C77;
    color: #ffffff;
    text-decoration: none;
    font-size: 12px;
    padding: 10px 14px;
    line-height: 25px;
    font-weight: 900;
    cursor: pointer;
    border: none;
    letter-spacing: 1px;
    border-radius: 50px;
    position: relative;
    overflow: hidden;
    z-index: 1;
    display: inline-block;
}

.seaction4-local-jop-main2-btn a::after {
    content: "";
    position: absolute;
    top: 0%;
    right: 0%;
    background-color: #434547;
    transition: all .3s ease-in-out;
    z-index: -1;
    width: 0%;
    border-radius: 8px;
    height: 100%;
}

.seaction4-local-jop-main2-btn a:hover::after {
    width: 100%;
    left: 0;
}

.input-1 p {
    font-size: 14px;
    font-weight: 400;
    color: #434547;
}

.input-1 svg {
    width: 15px;
    height: 15px;
    color: #434547;
}

.input-1 {
    display: flex;
    align-items: center;
    gap: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    background: #fcfcfc;
    height: 34px;
    padding: 0px 6px 0 6px;
    color: #434547;
    margin-top: 10px;
}

/* Container must be relative to position the dropdown absolutely */
.input-1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    user-select: none;
    position: relative;
    padding: 8px 10px;
    border: 1px solid #ccc;
    border-radius: 6px;
    width: 200px;
    background-color: #fff;
}

/* Dropdown itself */
.custom-dropdown {
    position: absolute;
    top: 40px;
    /* show below the input */
    left: 0;
    width: 100%;
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.3s ease;
    z-index: 999;
    /* ensure it's on top of other content */
}

.custom-dropdown.open {
    max-height: 200px;
}

/* Dropdown items */
.dropdown-item {
    padding: 10px;
    cursor: pointer;
    border-bottom: 1px solid #eee;
}

.dropdown-item:last-child {
    border-bottom: none;
}

.dropdown-item:hover {
    background-color: #f5f5f5;
}

.input-1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    user-select: none;
    position: relative;
    padding: 1px 14px;
    border-radius: 6px;
    width: 139px;
    background-color: #fff;
}


.custom-dropdown.open {
    max-height: 300px;
    /* enough for all items */
}

.dropdown-item {
    padding: 10px;
    border-bottom: 1px solid #eee;
    cursor: pointer;
}

.dropdown-item:last-child {
    border-bottom: none;
}

.seaction4-local-jop-main {
    margin: 60px 0px;
}

.dropdown-item:hover {
    background-color: #f0f0f0;
}

.seaction4-local-jop-main3-left a {
    font-size: 17px;
    font-weight: 400;
    color: #434547;
    text-decoration: none;
}

.seaction4-local-jop-main3-right a {
    font-size: 17px;
    font-weight: 400;
    color: #434547;
    text-decoration: none;
}

.seaction4-local-jop-main3 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #757B83;
    width: 92%;
    margin: 0 auto;
    padding: 20px 20px;
    transition: all .3s ease-in-out;
}

.seaction4-local-jop-main3:hover {
    background-color: #34627C;
    border: 1px solid transparent;
}

.seaction4-local-jop-main3:hover .seaction4-local-jop-main3-right a {
    color: #ffffff;
}

.seaction4-local-jop-main3:hover .seaction4-local-jop-main3-left a {
    color: #ffffff;
}

.aboutusocntent22{
    margin-bottom: 50px !important;
}




/* bilal */









/* aboutus  */
.aboutusocntent-h p {
    font-size: 14px;
    margin-top: 15px;
    line-height: 24px;
}

.aboutusocntent {
    width: 90%;
    margin: auto;
    padding: 50px 0px 0px 0px;
}


.aboutusocntent-main-t {
    width: 70%;
}

.aboutusocntent-t {
    width: 28%;
}

.aboutusocntent-t img {
    width: 100%;
}

.aboutusocntent-main-t h1 {
    margin: 0;
    font-size: 25px;
    font-weight: 500;
    line-height: 32px;
}

.aboutusocntent-h-img {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 35px 0px 20px 0px;
}

.franchise-p p {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 15px;
}

.aboutusocntent-video {
    margin: 50px 0px;
}

.aboutusocntent-video iframe {
    width: 100%;
    aspect-ratio: 16 / 9;
    border: none;
    border-radius: 10px;
}



.iewfter {
    position: relative;
}

.btniewfter {
    position: absolute;
    bottom: 0;
    right: 0;
    background: #434547;
    color: white;
    padding: 19px 31px;
    font-size: 18px;
    font-weight: 700;
    border: navajowhite;
    border-radius: 20px 0px 0px 0px;
    transition: all 0.4s linear;
}

.btniewfter:hover {
    background:  #325C77;
}

.btniewbefore {
    position: absolute;
    bottom: 0;
    right: 0;
    background: #325C77;
    color: white;
    padding: 20px 28px;
    font-size: 20px;
    font-weight: 500;
    border: navajowhite;
    border-radius: 20px 0px 0px 0px;
}

.viewbefore {
    position: relative;
}


.hero-seaction-main2 {
    position: relative;
}


.hero-seaction-image2 {
    display: none;
}


.hero-seaction-image button {
    cursor: pointer;
}

.renovations-p p {
    font-size: 14px;
    line-height: 24px;
    margin: 35px 0px 20px 0px;
}



.advantage-p-h p {
    font-size: 14px;
    margin-bottom: 15px;
    line-height: 24px;
}

.advantage-p-h p a {
    color: black;
    text-decoration: underline;
}

.advantage-p-h ul {
    line-height: 38px;
    margin-left: 30px;
}

.advantage-p-h ul li {
    font-size: 16px;
}



.advantage-p-h2 {
    margin-bottom: 30px;
}

.lightspeed-sec {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 40px 0px;
    border-top: 2px solid #fc671a;
    border-bottom: 2px solid #fc671a;
    padding: 40px 0px;
}

.lightspeed-sec-left {
    width: 36%;
}


.lightspeed-sec-right {
    width: 60%;
}

.lightspeed-sec-left img {
    width: 100%;
}

.lightspeed-sec-right h1 {
    font-weight: 200;
    font-size: 27px;
    margin-bottom: 15px;
}

.lightspeed-sec-right p {
    line-height: 24px;
    font-size: 14px;
    margin-bottom: 15px;
}

.lightspeed-sec-right a {
    color: black;
    font-size: 18px;
    font-weight: 700;
}



.countertopsimg {
    width: 70%;
    margin: 30px auto;
}

.countertopsimg img {
    width: 100%;
}








.recommended-p-h ul {
    line-height: 35px;
    margin-left: 40px;
    padding-top: 19px;
}

.recommended-p-h ul li {
    font-weight: 600;
    font-size: 15px;
}

.advantage-p-h2 {
    margin-top: 30px;
}





.harwoodmains {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    width: 85%;
    margin: auto;
    gap: 20px;
    padding: 45px 0px;
}



.harwoodmains-cardss h3 {
    font-size: 20px;
    font-weight: 100;
    margin-bottom: 15px;
}

.harwoodmains-cardss ul {
    margin-left: 32px;
    line-height: 32px;
}

.several-img-1 {
    width: 100%;
    margin-top: 30px;
}

.several-img-1 img {
    width: 100%;
}

.spees1imgs {
    width: 280px;
}

.spees1imgs {
    width: 100%;
}


.spees1main {
    width: 39%;
    margin: auto;
}

.harwoodmains2 {
    margin-top: 30px;
}


.aboutusocntent-main-t p {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 10px;
}


.information-h h1 {
    font-weight: 200;
    font-size: 27px;
    margin-bottom: 30px;
}


.cabinetspaintmains {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 60px;
    width: 90%;
    margin: auto;
    padding: 20px;
}
.cabinetspaint-cardss{
        display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.cabinetspaint-cardss-image {
    height: 250px;
}

.cabinetspaint-cardss-image img {
    height: 100%;
}

.cabinetspaint-cardss-text h2 {
    font-weight: 200;
    font-size: 21px;
}

.cabinetspaint-cardss-text p {
    font-size: 14px;
    margin: 20px 0px;
    line-height: 22px;
}

.cabinetspaint-cardss-text button {
    background: #ff6900;
    color: white;
    border: none;
    padding: 20px 30px;
    cursor: pointer;
    border-radius: 100px;
}


.kitchenCabinets-row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 26px;
    padding: 50px 0px;
}


.KitchenCabinets-col-text h1 {
    font-size: 30px;
    font-weight: 100;
    margin-bottom: 15px;
}

.KitchenCabinets-col-text p {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 15px;
}

.KitchenCabinets-col-text h2 {
    color: #325C77;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 12px;
}


.firstimage {
    position: relative;
    width: 100%;
}

.firstimage img {
    width: 100%;
}

.firstimage button {
    position: absolute;
    bottom: 0;
    right: 0;
    background: #434547;
    color: white;
    padding: 18px 30px;
    border: none;
    font-size: 18px;
    border-radius: 30px 0px 0px 0px;
}

.firstimage button:hover {
    background: #325C77;
    cursor: pointer;
}

.KitchenCabinets22 {
    position: relative;
}

.firstimage2 {
    position: absolute;
    top: 0;
}


.firstimage2 {
    display: none;
}


.quote-h-p h1 {
    font-size: 30px;
    font-weight: 200;
    margin-bottom: 15px;
}

.quote-h-p p {
    font-size: 14px;
    line-height: 24px;
}


.partneredmainss {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    gap: 40px;
}


.partneredmainss-text h1 {
    font-size: 27px;
    font-weight: 500;
}

.partneredmainss-text p {
    font-size: 14px;
    margin: 20px 0px;
    line-height: 24px;
}

.partneredmainss-text a {
    font-size: 20px;
    font-weight: 500;
    color: black;
}

.partneredmainss-image img {
    width: 100%;
}


.blog-mains {
    display: flex;
    justify-content: space-between;
}

.blog-left {
    width: 70%;
}

.blog-right {
    width: 25%;
}


.blog-main-h h1 {
    font-size: 30px;
    font-weight: 5 00;
    margin-bottom: 25px;
}

.blog-cards {
    display: flex;
    justify-content: space-between;
}

.blog-cards-image {
    width: 25%;
}

.blog-cards-image img {
    width: 100%;
}


.blog-cards-text {
    width: 72%;
}

.blog-cards-text h1 a {
    font-size: 30px;
    font-weight: 300;
    line-height: 42px;
    margin-bottom: 20px;
    text-decoration: none;
    color: #656565;
}

.ostedmains {
    display: flex;
    gap: 30px;
    align-items: center;
}

.ostedmains p {
    font-size: 14px;
}

.mainscarddsblogs p {
    font-size: 14px;
    margin-top: 20px;
}

.mainscarddsblogs {
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 25px;
    margin-bottom: 25px;
}

.dropdown-parent button {
    color: #434547;
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 5px 10px;
    line-height: 18px;
    text-decoration: none;
    text-transform: capitalize;
    font-size: 15px;
    font-weight: 500;
    background-color: transparent;
}

.blog-right ul {
    list-style: none;
}

.blog-right ul li {
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 10px;
    margin-bottom: 10px;
    font-size: 14px;
    text-decoration: none;
    color: #656565;
}

.blog-right ul li a {
    text-decoration: none;
    color: #656565;
}

.replacement-h {
    display: flex;
    align-items: center;
    gap: 4px;
}

.replacement-h p {
    font-size: 14px;
}

.replacement-h a {
    font-size: 14px;
    color: black;
}

.blog-detal-t h1 {
    font-size: 32px;
    font-weight: 500;
    margin-bottom: 15px;
}

.replacement-h {
    margin-bottom: 20px;
    border-bottom: 1px solid rgb(225, 225, 225);
    padding-bottom: 15px;
}

.blog-detal-image-p img {
    width: 100%;
}

.blog-detal-image-p p {
    font-size: 14px;
    line-height: 24px;
    margin: 20px 0px;
}


.affordably-h-p h1 {
    font-size: 24px;
    font-weight: 300;
    margin-bottom: 12px;
}

.affordably-h-p p {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 15px;
}

.affordably-h-p {
    margin-bottom: 30px;
}

.affordably-h-p ul {
    line-height: 27px;
    margin-left: 30px;
    margin-bottom: 15px;
}

.affordably-h-p ul li {
    font-size: 14px;
}

.aboutusocntent-h h2 {
    text-align: center;
    font-size: 20px;
    font-weight: unset;
    margin: 20px;
}

.allreviews-section {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
    padding: 20px;
    max-width: 1200px;
    margin: 30px auto;
}

.review-card {
    background-color: #3c5a79;
    color: white;
    border-radius: 10px;
    padding: 20px;
    margin-bottom: 20px;
}

.review-header {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.social-icon {
    width: 24px;
    height: 24px;
    margin-right: 10px;
}

.stars {
    color: gold;
    font-size: 1.2em;
}

.review-body p {
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 24px;
}

.review-author p {
    text-align: right;
    font-style: italic;
    font-size: 14px;
    font-weight: bold;
}



.photgallerymain {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(3, 1fr);
}

.photgallerymain2 {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(5, 1fr);
}

.photgaller-images {
    width: 100%;
    height: 210px;
    margin-bottom: 15px;
}

.photgaller-images img {
    width: 100%;
    height: 100%;
}


.photgaller-card a {
    text-decoration: none;
    color: black;
}

.photgaller-text h1 {
    margin-bottom: 15px;
    text-align: center;
    font-size: 18px;
    font-weight: 400;
}

.aboutusocntent-photo {
    padding-bottom: 40px;
}

.poto-detail-h h3 {
    font-size: 26px;
    margin-bottom: 30px;
    font-weight: 300;
}

.photodetail-sliders {
    width: 80%;
    margin: 40px auto;
}

.photodetail-swiper.swiper-container {
    width: 100%;
    height: 500px;
    /* Adjust height as needed */
}

.photodetail-swiper .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.photodetail-swiper .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.seaction2-cabinet-color-changing-mains22{
    width: 88% !important;
    margin:  40px auto !important;
}
.aboutusocntent-h22 h1{
        font-size: 24px;
    font-weight: 400;
    text-align: center;
    color: rgb(111, 111, 113);
        margin-bottom: 20px;
}
.aboutusocntent-h22 h2{
    color:rgb(67, 69, 71);
    font-size: 24px;
    text-align: center;
        margin-bottom: 20px;
    font-weight: 400;
}

.slide-label {
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: #434547;
    /* Dark gray from the image */
    color: white;
    padding: 10px 20px;
    font-size: 16px;
    font-weight: bold;
    border-top-left-radius: 10px;
}

.photodetail-swiper .swiper-pagination-bullet {
    background: #434547;
    /* Match pagination color to label background */
    opacity: 0.5;
}

.photodetail-swiper .swiper-pagination-bullet-active {
    background: #000;
    /* Active pagination color */
    opacity: 1;
}

body,
html {
    overflow-x: hidden;
}

.before-after-comparison {
    position: relative;
    width: 100%;
    height: 100%;
    /* Ensure the comparison container fills the slide */
    overflow: hidden;
}

.before-image,
.after-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    pointer-events: none;
    /* Allow dragging over images */
}

.after-image {
    width: 50%;
    /* Initially show half of the after image */
    transition: width 0.1s linear;
    /* Smooth transition for resizing */
}

.slider-handle {
    position: absolute;
    top: 0;
    left: 50%;
    /* Start in the middle */
    width: 1px;
    /* Even thinner handle line */
    height: 100%;
    background-color: rgba(255, 255, 255, 0.8);
    /* Slightly less transparent white handle line */
    transform: translateX(-50%);
    /* Center the handle */
    cursor: ew-resize;
    /* Indicate horizontal resize */
    z-index: 10;
    /* Ensure handle is above images */
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: all;
    /* Make sure the handle is draggable */
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
    /* Further soften the shadow */
    transition: background-color 0.2s ease-in-out, width 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

/* Handle indicator - using ::before and ::after for subtle arrows */
.slider-handle::before,
.slider-handle::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.slider-handle::before {
    border-right: 8px solid rgba(255, 255, 255, 0.8);
    /* White left arrow */
    left: -12px;
    /* Position arrow */
}

.slider-handle::after {
    border-left: 8px solid rgba(255, 255, 255, 0.8);
    /* White right arrow */
    right: -12px;
    /* Position arrow */
}

/* Optional: Add a class for when dragging to change handle appearance */
.before-after-comparison.dragging .slider-handle,
.slider-handle:hover {
    background-color: #325C77;
    /* Change handle line color when dragging or hovered */
    width: 2px;
    /* Slightly increase width on hover/drag */
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.3);
}

.before-after-comparison.dragging .slider-handle::before,
.slider-handle:hover::before {
    border-right-color: #325C77;
    /* Change arrow color on hover/drag */
}

.before-after-comparison.dragging .slider-handle::after,
.slider-handle:hover::after {
    border-left-color: #325C77;
    /* Change arrow color on hover/drag */
}

.photodetail-swiper.swiper-container {
    /* Keep existing styles, adjust height if needed */
    width: 100%;
    height: 500px;
    /* Example height */
}

/* Hide the default slide-label */
.slide-label {
    display: none;
}

/* Styling for the bottom pagination dots */
.photodetail-swiper .swiper-pagination {
    position: absolute;
    bottom: 20px;
    /* Adjust vertical position as needed */
    left: 50%;
    transform: translateX(-50%);
    z-index: 11;
    /* Ensure dots are above slider content */
}

.photodetail-swiper .swiper-pagination-bullet {
    width: 8px;
    /* Size of the dots */
    height: 8px;
    /* Size of the dots */
    background-color: rgba(255, 255, 255, 0.6);
    /* Color of inactive dots (semi-transparent white) */
    opacity: 1;
    /* Ensure opacity is not reduced by default Swiper styles */
    margin: 0 5px;
    /* Space between dots */
    transition: background-color 0.2s ease-in-out, opacity 0.2s ease-in-out;
}

.photodetail-swiper .swiper-pagination-bullet-active {
    background-color: #325C77;
    /* Color of the active dot */
    opacity: 1;
}

.photodetail-swiper .swiper-pagination-bullet:hover {
    background-color: #325C77;
    /* Change color on hover */
    opacity: 0.8;
}

.side-by-side-images {
    display: flex;
    width: 100%;
    height: 100%;
}

.image-container {
    position: relative;
    width: 50%;
    /* Each container takes half the width */
    height: 100%;
    overflow: hidden;
    /* Ensure labels stay within the container */
}

.side-by-side-images img {
    display: block;
    width: 100%;
    /* Image fills its container */
    height: 100%;
    object-fit: cover;
}

.image-label {
    position: absolute;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.6);
    /* Dark semi-transparent background */
    color: white;
    padding: 8px 15px;
    /* Adjust padding as needed */
    font-size: 14px;
    /* Adjust font size as needed */
    font-weight: bold;
    z-index: 1;
    /* Ensure label is above the image */
}

.after-label {
    left: 0;
    border-top-right-radius: 10px;
    /* Rounded top-right corner */
}

.before-label {
    right: 0;
    border-top-left-radius: 10px;
    /* Rounded top-left corner */
}

/* Hide the old interactive slider and label styles */
.before-after-comparison {
    display: none;
}

.slider-handle {
    display: none;
}

/* The original slide-label class from the interactive slider */
.slide-label {
    display: none;
}

.photodetail-swiper.swiper-container {
    /* Keep existing styles, adjust height if needed */
    width: 100%;
    height: 500px;
    /* Example height */
}

/* Styling for the bottom pagination dots (keep these) */
.photodetail-swiper .swiper-pagination {
    position: absolute;
    bottom: 20px;
    /* Adjust vertical position as needed */
    left: 50%;
    transform: translateX(-50%);
    z-index: 11;
    /* Ensure dots are above slider content */
}

.photodetail-swiper .swiper-pagination-bullet {
    width: 8px;
    /* Size of the dots */
    height: 8px;
    /* Size of the dots */
    background-color: rgba(255, 255, 255, 0.6);
    /* Color of inactive dots (semi-transparent white) */
    opacity: 1;
    /* Ensure opacity is not reduced by default Swiper styles */
    margin: 0 5px;
    /* Space between dots */
    transition: background-color 0.2s ease-in-out, opacity 0.2s ease-in-out;
}

.photodetail-swiper .swiper-pagination-bullet-active {
    background-color: #325C77;
    /* Color of the active dot */
    opacity: 1;
}

.photodetail-swiper .swiper-pagination-bullet:hover {
    background-color: #325C77;
    /* Change color on hover */
    opacity: 0.8;
}

.photgaller-images2 {
    height: 130px !important;
}

.photgaller-text2 h1 {
    margin-bottom: 15px;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
}

.faq-section {
    margin: 40px auto;
    padding: 0 20px;
}

.faq-section h1 {
    font-size: 28px;
    font-weight: 500;
    margin-bottom: 30px;
    text-align: left;
    color: #333;
}

.faq-item {
    border-bottom: 1px solid #eee;
    padding: 15px 0;
}

.faq-question {
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 10px 0;
}

.faq-icon {
    width: 24px;
    height: 24px;
    background-color: #555;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: bold;
    margin-right: 15px;
    flex-shrink: 0;
}

.question-text {
    font-size: 16px;
    color: #333;
    flex-grow: 1;
}

.faq-answer {
    padding-top: 10px;
    padding-left: 39px;
    font-size: 15px;
    color: #555;
    display: none;
    overflow: hidden;
    transition: height 0.3s ease;
}

.faq-answer p {
    margin: 0;
    line-height: 1.6;
}

.faq-item.open .faq-icon {
    background-color: #f00;
}

.faq-item.open .faq-answer {
    display: block;
}

.faq-item.open .faq-icon::before {
    content: '-';
}

.privacy-policy-container {
    margin: 40px auto;
    padding: 0 20px;
    color: #333;
}

.privacy-policy-container h1 {
    font-size: 28px;
    font-weight: 500;
    margin-bottom: 30px;
    text-align: left;
    color: #333;
}

.policy-section {
    margin-bottom: 25px;
}

.policy-section h2 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
    color: #333;
}

.policy-section p {
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 15px;
}

.policy-section ul {
    margin-bottom: 15px;
    padding-left: 20px;
}

.policy-section ul li {
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 8px;
    color: #333;
}

}

.sitemap-container h1 {
    font-size: 28px;
    /* Adjust font size as needed */
    font-weight: 500;
    /* Adjust font weight as needed */
    margin-bottom: 30px;
    /* Space below the main heading */
    text-align: left;
    /* Align to the left */
    color: #333;
    /* Adjust color as needed */
}

.sitemap-container ul {
    list-style: disc;
    /* Use black dots for main list items */
    padding: 0;
    margin: 0;
    padding-left: 20px;
    /* Add padding for list markers */
}

.sitemap-container ul li {
    margin-bottom: 8px;
    /* Space between list items */
    font-size: 15px;
    /* Adjust font size as needed */
    color: #333;
    /* Adjust text color as needed */
}

.sitemap-container ul li a {
    text-decoration: none;
    /* Remove underline from links */
    color: #333;
    /* Adjust link color as needed */
}

.sitemap-container ul li a:hover {
    text-decoration: underline;
    /* Add underline on hover */
}

.sitemap-container ul ul {
    list-style: circle;
    /* Use hollow dots for nested list items */
    margin-top: 5px;
    /* Space above nested lists */
    margin-bottom: 5px;
    /* Space below nested lists */
    padding-left: 20px;
    /* Indent nested lists */
}

.sitemap-container ul ul li {
    font-size: 14px;
    /* Slightly smaller font for nested items */
    margin-bottom: 5px;
    /* Less space between nested list items */
    color: #555;
    /* Slightly lighter color for nested items */
}

.job-detail-container {
    display: flex;
    justify-content: space-between;
    gap: 40px;
    padding: 40px 20px;
    max-width: 1200px;
    margin: 40px auto;
    flex-wrap: wrap;
}

.job-description,
.application-form {
    flex: 1;
}

.job-description h2,
.application-form h2 {
    font-size: 28px;
    font-weight: 500;
    margin-bottom: 20px;
    color: #333;
}

.job-description p,
.job-description li {
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 10px;
    color: #555;
}

.job-description h3 {
    font-size: 20px;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 10px;
    color: #333;
}

.job-description h4 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
    color: #333;
}

.job-description ul {
    margin-bottom: 15px;
    padding-left: 20px;
    list-style: circle;
}

.application-form .form-group {
    margin-bottom: 15px;
}

.application-form label {
    display: block;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 5px;
    color: #333;
}

.application-form input[type="text"],
.application-form input[type="email"],
.application-form input[type="tel"],
.application-form select,
.application-form input[type="file"] {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 14px;
    box-sizing: border-box;
}

.application-form input[type="file"] {
    padding: 5px 10px;
}

.application-form .checkbox-group {
    display: flex;
    align-items: center;
}

.application-form .checkbox-group input[type="checkbox"] {
    width: auto;
    margin-right: 10px;
}

.application-form .checkbox-group label {
    margin-bottom: 0;
    font-weight: normal;
}

.application-form .state-zip-group {
    display: flex;
    gap: 20px;
}

.application-form .state-zip-group label {
    width: auto;
}

.application-form .state-zip-group select,
.application-form .state-zip-group input[type="text"] {
    flex: 1;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .job-detail-container {
        flex-direction: column;
        padding: 20px;
    }

    .job-description,
    .application-form {
        width: 100%;
    }

    .application-form .state-zip-group {
        flex-direction: column;
        gap: 15px;
    }

    .application-form .state-zip-group select,
    .application-form .state-zip-group input[type="text"] {
        width: 100%;
    }

    .application-form .state-zip-group label {
        margin-bottom: 5px;
    }
}


.jobconss {
    margin-top: 50px;
}


.subapilaction button {
    background: #434547;
    color: white;
    padding: 15px 20px;
    font-size: 18px;
    border-radius: 10px;
    cursor: pointer;
}

.form-group input:focus {
    outline: none;
}

.form-group select:focus {
    outline: none;
}

.expensiverenovationmain {
    display: flex;
    align-items: center;
    width: 90%;
    margin: auto;
    padding: 40px 0px;
}

.expensiverenovationleft {
    width: 48%;
}

.expensiverenovationright {
    width: 48%;
}


.formmainsss {
    background: #DADBDC;
    padding: 30px;
    border-radius: 20px;
    position: relative;
}

.shapesfrom {
    background: white;
    width: 40px;
    height: 40px;
    border-radius: 10px 0px 10px 0px;
    rotate: 43deg;
    position: absolute;
    top: 17%;
    left: -24px;
}

.formmainsss h1 {
    letter-spacing: 2px;
    font-size: 30px;
    font-weight: 600;
    padding-bottom: 20px;
}


.additioninputss input {
    width: 100%;
    height: 37px;
    border: none;
    margin-bottom: 15px;
}

.additioninputss label {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px;
    display: block;
    color: #434547;
    padding-bottom: 10px;
}

.additioninputssradios {
    padding: 10px 0px;
}

.additioninputssradios h1 {
    font-size: 20px !important;
    margin-bottom: 0px !important;
}

.preferred-radio {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 8px !important;
}

.preferred-radio label {
    font-size: 14px;
}

.submittingbottoms p {
    font-size: 14px;
    line-height: 24px;
}

.submittingbottoms button {
    background: #434547;
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 10px;
    font-size: 18px;
}

.submittingbottoms {
    display: flex;
    align-items: center;
    gap: 20px;
}

.trendstrends h2 {
    font-size: 30px;
    font-weight: 400;
    text-align: center;
    margin: 40px 0px 20px 0px;
}

.trendstrends p {
    width: 90%;
    margin: auto;
    padding-bottom: 35px;
    font-size: 14px;
    line-height: 27px;
}

.honmepage-right-img2 {
    height: 450px !important;
    width: 553px !important;
}

.homepage-seaction1-left h2 {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 10px;
    color: #325C77;
}

.cabinetsconsultation {
    width: 90%;
    margin: auto;
    padding-top: 40px;
}

.cabinetsconsultation h1 {
    font-size: 26px;
    font-weight: 500;
    margin-bottom: 10px;
}

.cabinetsconsultation p {
    font-size: 14px;
    line-height: 24px;
}

.environmentallyconscious {
    display: flex;
    justify-content: space-between;
}

.environmentallyconscious-text {
    width: 65%;
}

.environmentallyconsciousimg {
    width: 30%;
}

.environmentallyconsciousimg img {
    width: 100%;
}

.environmentallyconsciousmain {
    width: 85%;
    margin: auto;
    padding: 30px 0px 60px 0px;
}

.makingseparate h1 {
    font-size: 22px;
    font-weight: 500;
}

.makingseparate p {
    font-size: 14px;
    line-height: 24px;
    padding: 10px 0px;
}

.seaction3-local-jop-main2 {
    background-image: url('images/lightspeed_call_bg.jpg');
    background-repeat: no-repeat;
    background-position: center;
}

.sitemap-container {
    margin: 30px auto;
    width: 90%;
}

.sitemap-title {
    font-size: 22px;
    font-weight: 400;
    margin: 0 0 10px 0;
    color: #444;
}

.sitemap-list {
    list-style: disc;
    margin: 0 0 0 16px;
    padding: 0;
    font-size: 11px;
    font-weight: 300;
    color: #444;
}

.sitemap-list ul {
    list-style: disc;
    margin-left: 16px;
    padding-left: 0;
}

.sitemap-list li {
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-weight: 300;
    color: #444;
    line-height: 22px;
}

.subsitetitle {
    list-style: circle !important;
}


.responsive-main-nav2 {
    display: none;
}

.responsive-main-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 10px;
}

.responsive-nav-menu svg {
    background-color: #434547;
    line-height: 25px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    color: #fff;
    padding: 12px;
    border-radius: 8px;
}

/* Sidebar style */
.sidebar {
    position: fixed;
    top: 0;
    left: -350px;
    /* Initially hidden */
    width: 250px;
    height: 100vh;
    background-color: #333;
    color: #fff;
    padding: 20px;
    transition: left 0.3s ease;
    z-index: 999;
    overflow: auto;
}


.responsive-menu-main ul {
    display: flex;
    flex-direction: column;
    gap: 30px;
    margin: 0;
    padding: 0;
}

.responsive-menu-main ul li {
    list-style: none;
}

.responsive-menu-main ul li a {
    color: white;
    text-decoration: none;
    font-size: 15px;
}

/* Sidebar active */
.sidebar.active {
    left: 0;
}

/* seaction1-local-jop */
.seaction1-local-jop-main-btn {
    display: flex;
    justify-content: center;
    /* ✅ This centers the <a> horizontally */
}

.seaction1-local-jop-main-btn a {
    font-family: 'Open Sans';
    background-color: #325C77;
    color: #ffffff;
    text-decoration: none;
    font-size: 15px;
    padding: 10px 14px;
    line-height: 25px;
    font-weight: 900;
    cursor: pointer;
    border: none;
    letter-spacing: 1px;
    border-radius: 8px;
    position: relative;
    overflow: hidden;
    z-index: 1;
    display: inline-flex;
    /* changed from flex to inline-flex to size better */
    align-items: center;
    justify-content: center;
    margin: 0 0 30px 0;
}

.seaction1-local-jop-main-btn a::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    background-color: #434547;
    transition: all 0.3s ease-in-out;
    z-index: -1;
    width: 0%;
    border-radius: 8px;
    height: 100%;
}

.seaction1-local-jop-main-btn a:hover::after {
    width: 100%;
    left: 0;
}

.seaction1-local-jop-main-description p {
    padding: 0 0 10px 0;
    font-size: 16px;
    font-weight: 400;
    color: #434547;
}

.seaction1-local-jop-main {
    width: 93%;
    margin: 20px auto;
}

.seaction2-local-jop-accordine-main1-icon svg {
    width: 45px;
    height: 35px;
    color: #fc671a;
}

.seaction2-local-jop-accordine-main1-text p {
    font-size: 20px;
    font-weight: 600;
    color: #434547;
}

.seaction2-local-jop-title h1 {
    color: #fff;
    text-shadow: 2px 2px 4px #000;
    font-size: 36px;
    text-align: center;
    font-weight: 700;
    margin-bottom: 20px;
}

.seaction2-local-jop-accordine-main1 {
    display: flex;
    align-items: center;
    gap: 10px;
    background: #fff;
    padding: 30px 110px 30px 30px;
    height: 100%;
}

.seaction2-local-jop-main {
    background-image: url(images/50.jpg);
    background-repeat: no-repeat;
    background-position: center;
    height: 500px;
}

.seaction2-local-jop-accordine-main {
    width: 75%;
    margin: 20px auto;
}

.seaction2-local-jop-accordine-main {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px;
}

.seaction3-local-jop-start {
    width: 80%;
    margin: 0px auto 00px auto;
    padding: 20px 0px
}

.seaction3-local-jop-main2 {
    /*background-image: url(images/55.jpg);*/
    background-repeat: no-repeat;
    background-position: center;
}

.seaction4-local-jop-main2-heading p {
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    color: #434547;
}

.seaction4-local-jop-main2-heading input {
    border: 1px solid #ddd;
    border-radius: 4px;
    background: #fcfcfc;
    height: 34px;
    padding: 0px 12px;
    color: #555;
    line-height: 1.42857;
    font-size: 14px !important;
    font-size: 20px;
    font-weight: 400;
    outline: none;
    margin-top: 10px;

}

.seaction4-local-jop-main-title h1 {
    font-size: 24px;
    font-weight: 400;
    line-height: 28px;
    color: #434547;
    margin-bottom: 20px;
    text-align: center;
}

.seaction4-local-jop-main2 {
    display: flex;
    gap: 90px;
    background-color: #E6E7E8;
    padding: 40px 0 30px 0px;
    width: 95%;
    margin: 20px auto 0 auto;
    justify-content: center;
    align-items: center;
}

.seaction4-local-jop-main2-btn button {
    font-family: 'Open Sans';
    background-color: #325C77;
    color: #ffffff;
    text-decoration: none;
    font-size: 12px;
    padding: 10px 14px;
    line-height: 25px;
    font-weight: 900;
    cursor: pointer;
    border: none;
    letter-spacing: 1px;
    border-radius: 50px;
    position: relative;
    overflow: hidden;
    z-index: 1;
    display: inline-block;
}

.seaction4-local-jop-main2-btn a::after {
    content: "";
    position: absolute;
    top: 0%;
    right: 0%;
    background-color: #434547;
    transition: all .3s ease-in-out;
    z-index: -1;
    width: 0%;
    border-radius: 8px;
    height: 100%;
}

.seaction4-local-jop-main2-btn a:hover::after {
    width: 100%;
    left: 0;
}

.input-1 p {
    font-size: 14px;
    font-weight: 400;
    color: #434547;
}

.input-1 svg {
    width: 15px;
    height: 15px;
    color: #434547;
}

.input-1 {
    display: flex;
    align-items: center;
    gap: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    background: #fcfcfc;
    height: 34px;
    padding: 0px 6px 0 6px;
    color: #434547;
    margin-top: 10px;
}

/* Container must be relative to position the dropdown absolutely */
.input-1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    user-select: none;
    position: relative;
    padding: 8px 10px;
    border: 1px solid #ccc;
    border-radius: 6px;
    width: 200px;
    background-color: #fff;
}

/* Dropdown itself */
.custom-dropdown {
    position: absolute;
    top: 40px;
    /* show below the input */
    left: 0;
    width: 100%;
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.3s ease;
    z-index: 999;
    /* ensure it's on top of other content */
}

.custom-dropdown.open {
    max-height: 200px;
}

/* Dropdown items */
.dropdown-item {
    padding: 10px;
    cursor: pointer;
    border-bottom: 1px solid #eee;
}

.dropdown-item:last-child {
    border-bottom: none;
}

.dropdown-item:hover {
    background-color: #f5f5f5;
}

.input-1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    user-select: none;
    position: relative;
    padding: 1px 14px;
    border-radius: 6px;
    width: 139px;
    background-color: #fff;
}


.custom-dropdown.open {
    max-height: 300px;
    /* enough for all items */
}

.dropdown-item {
    padding: 10px;
    border-bottom: 1px solid #eee;
    cursor: pointer;
}

.dropdown-item:last-child {
    border-bottom: none;
}

.seaction4-local-jop-main {
    margin: 60px 0px;
}

.dropdown-item:hover {
    background-color: #f0f0f0;
}

.seaction4-local-jop-main3-left a {
    font-size: 17px;
    font-weight: 400;
    color: #434547;
    text-decoration: none;
}

.seaction4-local-jop-main3-right a {
    font-size: 17px;
    font-weight: 400;
    color: #434547;
    text-decoration: none;
}

.seaction4-local-jop-main3 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #757B83;
    width: 92%;
    margin: 0 auto;
    padding: 20px 20px;
    transition: all .3s ease-in-out;
}

.seaction4-local-jop-main3:hover {
    background-color: #34627C;
    border: 1px solid transparent;
}

.seaction4-local-jop-main3:hover .seaction4-local-jop-main3-right a {
    color: #ffffff;
}

.seaction4-local-jop-main3:hover .seaction4-local-jop-main3-left a {
    color: #ffffff;
}


.responsive-nav-logo{
    width: 250px;
}
.responsive-nav-logo img{
    width: 100%;
}
.custom-pagination {
    display: flex;
    justify-content: center;
    list-style: none;
    padding: 0;
    margin-top: 30px;
    gap: 10px;
}

.custom-pagination li {
    display: inline-block;
}

.custom-pagination li a,
.custom-pagination li span {
    padding: 8px 14px;
    border: 1px solid #ddd;
    color: #333;
    background: #fff;
    text-decoration: none;
    border-radius: 5px;
    transition: all 0.2s ease-in-out;
}

.custom-pagination li a:hover {
    background-color: #f2f2f2;
}

.custom-pagination li.active span {
    background-color: #007bff;
    color: #fff;
    border-color: #007bff;
}

.custom-pagination li.disabled span {
    color: #ccc;
    pointer-events: none;
    cursor: default;
}


.revicesmainsrows{
    width: 86%;
    margin: 60px auto;
    display:flex;
    flex-wrap:wrap;
    gap: 20px;
}
.seaction1-hardwood-refinishing-main p span{
    text-align: left !important;
}
.revicescolss{
    width: 32%;
}

.harwoodmains-cardss2 ul li{
    font-weight: 300;
    font-size: 16px;
}

.seaction22-cabinet-refinishing-right2::before{
    content: "";
    position: absolute;
    top:0;
    left: -5px;
    width: 2px;
    height: 100%;
    background: #ef7024;
}

.non-sandable-images{
    align-items: center;
    display: flex;
    gap: 10px;
}
.non-sandable-images button{
     color: white;
    background: #606369;
    border: none;
    padding: 6px 17px;
    border-radius: 5px;
}

.expensiverenovationleft h2{
        font-weight: 200;
        padding-top: 10px;
}
.expensiverenovationleft h1{
        font-weight: 400;
}
.expensiverenovationleft ul{
    line-height: 29px;
    list-style: circle;
}
.expensiverenovationleft ul li{
    font-size: 20px;
    font-weight: 300;
}