/* Global Css */
* {
    outline: 0 !important;
    font-family: 'Plus Jakarta Sans', sans-serif;
}

@font-face {
font-family: 'Paneuropa';
src: url('https://dfgcabinets.com/wp-content/themes/cabinet/assets/fonts/Paneuropa.ttf') format('ttf');
font-weight: normal;
font-style: normal; }

h1:empty {
    display: none;
}

.container {
    margin: 0 auto;
    width: 100%;
}

.row {
    display: flex;
    flex-wrap: wrap;
}

@media (min-width:1230px) {
    .container {
        max-width: 1220px;
    }
}

@media (min-width:1430px) {
    .container {
        max-width: 1420px;
    }
}

@media (min-width:1730px) {
    .container {
        max-width: 1720px;
    }
}

.common_grid {
    display: flex;
    flex-wrap: wrap;
}

.common_btn {
    padding: 15px 32px;
    border-radius: 2px;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    text-align: center;
    display: inline-block;
}

.common_btn>img {
    width: 9px;
    margin-left: 5px;
}

.btn_primary {
    background-color: var(--primary-orange-color);
    border: 1px solid var(--primary-orange-color);
    color: var(--primary-white-color);
}

.btn_primary_outline {
    border: 1px solid var(--primary-white-color);
    color: var(--primary-white-color);
}

/* Herder Page Css */
header#masthead {
    position: relative;
    z-index: 999;
}

.top_header {
    background-color: #c30e23;
    color: #fff;
    padding: 5px 0px;
}

.top_header p {
    margin: 5px 0px;
}

.top_header .common_grid {
    justify-content: space-between;
    align-items: center;
}

.top_header select {
    background-color: transparent;
    border: 0;
    color: #fff;
    cursor: pointer;
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.top_header select:after {
    content: '';
    position: absolute;
    top: 0px;
    right: 0;
    width: 25px;
    height: 25px;
    display: block;
    /* background-image: url(/wp-content/uploads/2023/08/drop_down_Icon.png); */
}

option:not(first-child) {
    color: var(--primary-black-color);
    cursor: pointer;
    padding: 5px;
}

.custome_dropdown {
    margin-right: 24px;
}

.currency_lang {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.search_bar input {
    width: 175px;
    height: 36px !important;
    padding: 8px 0px 8px 40px !important;
    border-radius: 2px;
    border: 1px solid var(--primary-white-color);
    background-color: transparent;
    color: #fff !important;
}

.search_bar form {
    margin-bottom: 0px;
    position: relative;
}

.search_bar ::placeholder {
    color: #fff !important;
    opacity: 1 !important;
}

.search_bar form>img {
    position: absolute;
    top: 6px;
    left: 10px;
    width: 24px;
    height: 24px;
}

::-ms-input-placeholder,
:-ms-input-placeholder,
::placeholder {
    color: #fff;
    opacity: 1;
    /* Firefox */
}

.bottom_header {
    padding: 0px;
    background-color: var(--primary-black-color);
    position: sticky;
    top: 0px;
}

.menu_header {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

.menu_header li.menu-item>a {
    position: relative;
}

.menu_header li.current-menu-ancestor>a::after,
.menu_header li.menu-item.current_page_item>a::after {
    width: 100%;
}

.menu_header li.current-menu-ancestor>a,
.menu_header li.menu-item.current_page_item>a {
    color: var(--primary-orange-color);
}

.menu_header ul.menu>li.menu-item>a::after {
    content: '';
    width: 0px;
    height: 2px;
    position: absolute;
    left: 0px;
    bottom: -6px;
    background-color: var(--primary-orange-color);
    transition: all 0.3s ease-in-out;
}

.bottom_header .site-branding {
    width: 164px;
}

li.menu-item svg {
    width: 12px;
    fill: #fff;
    height: 22px;
    margin-left: 10px;
}

.main-navigation ul.menu>li:not(:last-child) {
    margin-right: 57px;
}

.user_menu_bar ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding-left: 0px;
    list-style: none;
    margin: 0px;
}

.user_menu_bar ul>li:not(:last-child) {
    margin-right: 16px;
}

li.user_profile {
    display: flex;
    white-space: nowrap;
}

.user_profile .logout__link {
    margin-left: 10px;
}

.user_profile a.logout__link {
    color: var(--primary-orange-color);
}

.user_menu_bar ul>li a {
    display: block;
}

.user_menu_bar li.user_profile>a {
    display: flex;
    align-items: center;
}

.user_menu_bar li.user_profile>a img {
    margin-right: 5px;
}

.user_menu_bar li.user_profile>a {
    color: #fff;
}
.user_menu_bar li.user_profile a.login-frm.white-header {
    color: #000 !important;
}

.user_menu_bar ul>li:last-child>a {
    background-color: var(--primary-white-color);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0px;
    position: relative;
}

.user_menu_bar ul img {
    display: block;
}

.user_profile img {
    width: 16px;
}

.user_search img {
    width: 24px;
}

/* Footer Css */
footer {
    padding-top: 50px;
    background: var(--primary-white-color);
}

.bottom_footer p {
    margin-bottom: 0px;
}

.footer_menu_link h2 {
    font-size: 18px;
    font-weight: 700;
    line-height: 20px;
    text-align: left;
    margin-top: 0px;
    margin-bottom: 15px;
}

.footer_info>li {
    display: flex;
    align-items: center;
}

.footer_info li>img {
    width: 18px;
    margin-right: 8px;
}

.footer_info li:first-child>img {
    width: 15px;
}

.footer_info li>a {
    padding-bottom: 15px;
    color: var(--primary-black-color);
    display: inline-block;
}

.footer_info li>strong>a {
    display: block;
    color: var(--primary-black-color);
}

.footer_menu_link li {
    padding-bottom: 10px;
}
.footer_menu_link li.current-menu-item > a{
    color: var(--primary-orange-color);
}

.footer_menu_link li>a {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    color: var(--primary-black-color);
}

.footer_menu_link ul {
    padding-left: 0px;
    list-style: none;
}

.footer_grid {
    width: calc(100% / 4);
}

.bottom_footer .container {
    border-top: 1px solid #ccc;
    padding: 10px 0px;
}

.bottom_footer .common_grid {
    justify-content: space-between;
    align-items: center;
}

.social_icons {
    display: flex;
    align-items: center;
    justify-content: center;
}

.social_icons>ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    list-style: none;
    padding-left: 10px;
    margin-bottom: 0px;
}

.social_icons>ul>li {
    padding-bottom: 0px;
}

.social_icons>ul>li:not(:last-child) {
    margin-right: 24px;
}

.social_icons>ul>li img {
    width: auto;
}

.footer_site_logo {
    width: 180px;
    margin: auto;
    margin-bottom: 30px;
}

.footer_menu_link .payment_logo>img {
    width: 265px;
}

/* Home Page CSS */
.home_hero_banner {
    height: 560px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.home_hero_banner::after {
    content: '';
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background-color: rgb(0 0 0 / 50%);
    width: 100%;
    height: 100%;
}

.hero_banner_content {
    text-align: center;
    color: #fff;
    z-index: 99;
    position: relative;
}

.home_hero_banner .common_grid {
    justify-content: center;
}

.hero_banner_content h1 {
    font-size: 70px;
    font-weight: 700;
    line-height: 1;
    margin-top: 0px;
    margin-bottom: 48px;
}

.hero_banner_content p {
    margin-top: 0px;
    font-size: 44px;
    font-weight: 400;
    line-height: 52px;
}

.hero_banner_content .common_btn:first-child {
    /* margin-right: 20px; */
}

.usp_ribbon {
    margin-top: -70px;
    position: relative;
    z-index: 1;
}

.usp_ribbon>.container {
    background-color: var(--primary-white-color);
    padding: 15px 0px;
    border-radius: 4px;
}

.ribbon_inner_grid {
    width: calc(100% / 5);
}

.ribbon_inner_content {
    text-align: center;
}

.ribbon_inner_content h4 {
    font-size: 18px;
    font-weight: 700;
    line-height: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.ribbon_inner_content p {
    font-weight: 500;
    margin-top: 0px;
    margin-bottom: 0px;
}

.high_light_section .row {
    padding: 30px 0px;
    background-color: #c30e23;
    margin-bottom: 90px;
    justify-content: center;
    position: relative;
}

.hl_content * {
    color: #ffff;
}

.hl_content p:not(:last-child) {
    margin-bottom: 10px;
}

.hl_content p:last-child {
    margin-bottom: 0px;
}

.hl_right_side {
    background-color: #fff;
    padding: 1.25rem;
    position: absolute;
    bottom: -30px;
}

.hl_right_side ul {
    list-style: none;
    margin-bottom: 0;
}

.hl_right_side ul>li {
    position: relative;
}

.hl_right_side ul>li::after {
    content: '';
    position: absolute;
    top: 5px;
    bottom: 0px;
    left: -26px;
    right: 0px;
    width: 15px;
    height: 15px;
    background-color: #ccc;
}

.collection_section {
    padding-top: 100px;
}

.collection_section .common_heading h2{
    text-transform: uppercase;
}
.cabinets_lists .container {
    background-color: #c30e23;
    margin-bottom: 90px;
}

.cabinets_lists .container .row {
    align-items: center;
}

.collection_section .common_heading {
    padding-bottom: 20px;
}

.cabinets_lists_img {
    border: 5px solid #FFFFFF;
    width: 410px;
    height: 310px;
    position: relative;
}

section.cabinets_lists {
    margin-bottom: 90px;
}

.shop_now_btn {
    width: 380px;
    text-align: center;
    display: block;
    margin: auto;
    padding: 9px 50px;
}

.cabinets_lists_img img {
    position: absolute;
    top: 15px;
    left: 15px;
    width: 410px;
    height: 310px;
    object-fit: cover;
}

.cabinets_lists_content * {
    color: #fff;
    padding-left: 25px;
}

.cabinets_lists_content h3 {
    font-size: 30px;
}

.cabinets_lists_content p {
    font-size: 20px;
    line-height: 1.2;
}

.common_heading {
    text-align: center;
}

.common_heading span {
    font-size: 18px;
    font-weight: 700;
    line-height: 20px;
    color: var(--primary-orange-color);
    text-transform: capitalize;
}

.common_heading h2 {
    font-size: 32px;
    font-weight: 700;
    line-height: 50px;
    color: #FFFFFF;
    margin-top: 0px;
    margin-bottom: 25px;
    text-transform: capitalize;
}

.common_heading p {
    color: #fff;
    font-weight: 500;
    text-transform: capitalize;
}

.collection_section .common_grid {
    justify-content: space-between;
}

.collection_inner_grid {
    width: calc(100% / 3 - 30px);
}

.collection_grid_card {
    height: 430px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.collection_grid_card * {
    position: relative;
    z-index: 1;
}

.collection_grid_card::before {
    content: '';
    background-color: rgb(0 0 0 / 60%);
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    bottom: 0px;
    right: 0px;
}

.collection_grid_card h3 {
    font-size: 40px;
    font-weight: 700;
    line-height: 50px;
    color: var(--primary-white-color);
    text-transform: uppercase;
}

/*  */
.top_heading h1 {
    color: #fff;
    font-size: 32px;
    line-height: 1.2;
}

.cat_her_banner {
    padding: 30px 0px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    position: relative;
}

.cat_her_banner .container {
    position: relative;
    z-index: 9;
}

.cat_her_banner::after {
    content: '';
    background-color: rgb(0 0 0 / 65%);
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
}
.cat_her_banner * {
    text-align: center;
}
.cat_her_banner h2,
.cat_her_banner p {
    color: #fff;
}
.cat_her_banner h2{
    text-transform: uppercase;
    font-size: 32px;
    margin-bottom: 0;
}
.cat_her_banner p {
    padding-top: 10px;
    font-size: 20px;
    line-height: 1.2;
    margin-bottom: 20px;
}
.cat_her_banner .col-md-7 {
    margin: auto;
}
.cat_her_banner  .btn_primary{
    margin-bottom: 10px;
}
/* Cabinet Offer  */
.cabinet_offer {
    padding-top: 100px;
}
.cabinet_offer .common_heading h2{
    text-transform: uppercase;
}

.cabinet_offer .common_grid {
    justify-content: space-between;
    margin: 0 -30px;
}

.cabinet_inner_grid {
    width: calc(100% / 3);
    padding: 0 30px;
}

.cabinet_inner_img {
    position: relative;
    background: #e3e3e3;
    padding: 40px;
}

.cabinet_inner_img img {
    margin: 0;
    height: 400px;
    object-fit: cover;
}
.cabinet_offer .cabinet_btn{
    margin-top: 30px;
    text-align: center;
}

.cabinet_badga_img {
    width: 71px;
    height: 71px;
    padding: 18px;
    border-radius: 2px;
    box-shadow: 0px 4px 4px 0px var(--primary-black-color)00040;
    background: var(--primary-orange-color);
    position: absolute;
    top: -26px;
    right: -26px;
}

.cabinet_inner_body {
    background: var(--primary-white-color);
    padding: 25px 40px;
    border-radius: 2px;
    width: 80%;
    margin: auto;
    margin-top: -50px;
    z-index: 99;
    position: relative;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.cabinet_inner_body h4 {
    color: #041023;
    margin-bottom: 5px;
}

.cabinet_inner_body p {
    color: #868281;
}

.cabinet_inner_body a {
    color: var(--primary-orange-color);
    display: flex;
    align-items: center;
    text-transform: capitalize;
}
.cabinet_inner_body a:hover {
    text-decoration: underline !important;
}
.product_inner_card a:hover {
    text-decoration: underline !important;
}
.cabinet_inner_body a>img {
    margin-left: 10px;
}

/* Beginning Section */
.beginning_section {
    padding-top: 150px;
}

.beginning_section .common_heading {
    padding-bottom: 60px;
}

.beginning_inner_grid {
    width: calc(100% / 2);
    text-align: center;
}

.beginning_inner_grid:first-child {
    padding-right: 25px;
}

.beginning_inner_grid:last-child {
    padding-left: 25px;
}

.beginning_inner_card p {
    margin-bottom: 22px;
    color: #fff;
}

.beginning_inner_card a {
    display: block;
    width: max-content;
    margin: auto;
}

/* CTA Section */
.cta_section {
    padding-top: 100px;
}

.cta_section .common_grid {
    justify-content: center;
    align-items: center;
}

.cta_section .common_grid-1{
    margin: 150px 0px;
}

.cta_section .common_grid-2 {justify-content: space-between;flex-wrap: nowrap;}

.cta_section .common_heading h2{
    text-transform: uppercase;
}

.cta_inner_section {
    background-color: var(--primary-orange-color);
    border-radius: 12px;
    color: #fff;
    height: 415px;
    width: 1376px;
    display: flex;
    align-items: center;
}

.cta_section h3 {
    font-size: 30px;
    font-weight: 600;
    line-height: 65px;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 0;
    color: #fff;
}

.cta_left-cont{
    width: 20%;
    padding: 0 50px;
}

.cta_card_image {
    position: relative;
    width: 45%;
}

.cta_card_content {
    width: 35%;
    padding-left: 50px;
    padding-right: 50px;
}
.cta_section .cta_inner_bottom{
    width: 1376px;
    margin: 0 auto;
}


.cta_card_content p {
    text-transform: capitalize;
    margin-bottom: 40px;
}

.cta_card_image img {
    background-color: var(--primary-black-color);
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(0%, -50%);
}

.cta_section .box_inner_grid{
    width: calc(100% / 3 - 50px);
}
.cta_section .box-image img{
    width: 100%;
    height: 320px;
    object-fit: cover;
    object-position: center;
    margin-bottom: -60px;
}

.cta_section .box-inner {
    background-color: #d70b24;
    padding: 20px;
    text-align: center;
}

.cta_section .box-content h3{
    font-size: 25px;
}

.btn_primary_white {
    background-color: #fff;
    text-transform: capitalize;
    color: var(--primary-orange-color);
    display: inline-block;
}
.cta_section .cta_btn{
    margin-top: 100px;
    text-align: center;
}

/* Perfect Design */
.perfect_design {
    padding-top: 150px;
    padding-bottom: 100px;
}

.perfect_design .common_heading {
    padding-bottom: 50px;
}

.perfect_design_inner {
    width: 50%;
}

.perfect_design_content {
    color: #fff;
    text-align: center;
}

.perfect_design_inner:first-child {
    padding-right: 40px;
}

.perfect_design_inner:last-child {
    padding-left: 40px;
}

/* Testimonials */
.testimonials_section {
    padding-top: 100px;
}

.testimonials_section .container {
    background-color: var(--primary-white-color);
}

.testimonials_section .common_heading {
    padding-bottom: 100px;
}

.testimonials_slider {
    padding: 100px 124px;
}

.testimonials_section .common_heading h2 {
    margin: 0px;
    color: var(--primary-black-color);
}

.testimonials_slider .common_grid {
    align-items: center;
}

.testi_common_grid {
    width: 50%;
}

.testi_common_grid:last-child {
    padding-left: 120px;
}

.client_avtvar {
    margin-bottom: 20px;
}

.client_avtvar img {
    width: 80px !important;
    height: 80px;
    object-fit: cover;
    border-radius: 50%;
}

.client_review {
    margin-bottom: 40px;
}

.client_review p {
    font-style: italic;
    color: #201F20;
    margin: 0px;
}

.client_name_post p {
    color: var(--primary-orange-color);
    margin-top: 10px;
    margin-bottom: 0;
}

.testi_social_links {
    display: flex;
    padding-left: 0;
    list-style: none;
    margin-bottom: 0px;
}

/* Trending Products  */
.trending_products {
    padding-top: 100px;
}

.trending_products .common_grid {
    margin: 0 -45px;
}

.product_inner_card {
    padding: 0 15px;
    text-align: center;
    margin-bottom: 40px;
}

.product_inner_card img {
    margin-bottom: 25px;
    margin-top: 0;
    background: #e3e3e3;
    padding: 30px;
    height: 250px;
    object-fit: cover;
}

.product_name {
    margin-bottom: 11px;
    color: #fff;
}

.product_inner_card span {
    color: #ffff;
}

.product_inner_card a {
    color: var(--primary-orange-color);
    /* margin-left: 15px; */
    text-transform: capitalize;
}

.products_slider .owl-nav>button {
    position: absolute;
    top: 30%;
    background-color: var(--primary-orange-color) !important;
    color: var(--primary-white-color) !important;
    width: 35px;
    height: 35px;
    border-radius: 50%;
}

.products_slider .owl-nav>button>span {
    font-size: 24px;
    line-height: 0px;
}

.products_slider .owl-nav>button.owl-prev {
    left: 0%;
}

.products_slider .owl-nav>button.owl-next {
    right: 0%;
}
section.trending_products {
    padding-left: 50px;
    padding-right: 50px;
}
/* contact_section */
.contact_section {
    padding-top: 80px;
    padding-bottom: 100px;
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: contain;
}

.contact_section input:not(.button),
.contact_section textarea {
    background-color: #fff !important;
    border: 0;
    color: #404040 !important;
}

.contact_inner_grid {
    width: 50%;
    color: #fff;
    padding-right: 200px;
}

.contact_form_grid{
    width: 50%;
}

.contact_inner_grid span {
    color: var(--primary-orange-color);
    padding-bottom: 15px;
    display: inline-block;
    text-transform: capitalize;
}

.contact_inner_grid h2 {
    font-size: 40px;
    font-weight: 700;
    line-height: 50px;
    margin-top: 0px;
    color: #fff;
    text-transform: capitalize;
}

.contact_inner_grid p {
    text-transform: capitalize;
    font-size: 22px;
    line-height: 27px;
}

.clnt_satisfa {
    display: flex;
    justify-content: space-between;
    align-content: center;
    flex-wrap: wrap;
    margin-top: 40px;
}

.clnt_satisfa>.prograss_bar {
    width: 100%;
    height: 7px;
    background: var(--primary-white-color);
    position: relative;
    margin-top: 12px;
}

.clnt_satisfa>.prograss_bar::after {
    content: '';
    width: 90%;
    height: 7px;
    background: var(--primary-orange-color);
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
}

.clnt_satisfa p {
    margin: 0px;
}

.staff_secti {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 20px;
    padding-bottom: 40px;
}

.img_content {
    display: flex;
    align-items: center;
    width: 40%;
}

.img_content h4 {
    margin-left: 20px;
    margin-bottom: 0px;
    margin-top: 0px;
}

.contact_readmore a,
.contact_readmore {
    display: flex;
    align-items: center;
}

.contact_readmore .common_btn {
    margin-right: 50px;
}

.contact_readmore img {
    margin-right: 15px;
}

.contact_readmore h4 {
    color: #fff;
}

/*.contact_form_grid {
    background: #CFCFCF;
    width: 340.81px;
    padding: 30px 20px;
    border-radius: 4px;
}*/

.contact_section .common_grid {
    position: relative;
    align-items: center;
}
.contact_section .contact_inner_grid h2{
    text-transform: uppercase;
}

.contact_form_grid_img {
    width: 80%;
}

.contact_form_grid .charleft.ginput_counter.gfield_description,
.contact_form_grid .name_first>label,
.contact_form_grid .gform_description,
.contact_form_grid h2 {
    display: none !important
}

.contact_form_grid textarea {
    resize: none;
    height: 130px !important;
}

.contact_form_grid .gform_footer.top_label {
    padding-bottom: 0px !important;
    margin: 0 !important;
}

.contact_form_grid .gform_button.button {
    display: block;
    width: 100%;
    background-color: var(--primary-orange-color);
    color: #fff;
    padding: 15px 32px 15px 32px;
    border-radius: 5px;
    position: relative;
    appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}

.contact_form_grid .gform_footer {
    position: relative;
}

.contact_form_grid .gform_footer img {
    position: absolute;
    left: 15px;
    top: 26px;
}

.contact_form_grid .gform_wrapper.gravity-theme .gform_validation_errors {
    display: none !important;
}

.contact_form_grid .gform_footer::after {
    content: '' !important;
    position: absolute;
    top: 26px;
    right: 43px;
    width: 30px;
    height: 30px;
    background-image: url(https://dfgcabinets.com/wp-content/uploads/2023/08/message-icon-new.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.gfield {
    position: relative;
}

.contact_form_grid .gform_wrapper.gravity-theme .gfield_validation_message,
.contact_form_grid .gform_wrapper.gravity-theme .validation_message {
    background: transparent;
    border: 0;
    font-size: 14.992px;
    margin-top: 8px;
    padding: 0;
    position: absolute;
    bottom: -36px;
}

/** my account **/
.login_form .woocommerce {
    max-width: 80%;
    margin: auto;
}

.login_form .entry-header {
    display: none;
}

.login_form .custom-customer-login>div>h2 {
    text-transform: uppercase;
}

.login_form .custom-customer-login>div input:not([type="submit"], [type="checkbox"]),
.custom-lost-password input:not([type="submit"], [type="checkbox"]) {
    height: 40px;
    background-color: transparent !important;
    border-width: 0;
    border-bottom: 1px solid #f7f7f761;
    color: #fff;
    border-radius: 0px;
}

.login_form .custom-customer-login>div input:not([type="submit"], [type="checkbox"]):focus {
    border-color: var(--primary-orange-color);
}

.login_form .custom-customer-login>div form {
    border-color: #ffffff4d;
    min-height: 390px;
}

.login_form .custom-customer-login>div form.woocommerce-form>.form-row button.woocommerce-button,
.login_form .custom-customer-login>div .woocommerce-form-register button.woocommerce-Button,
.woocommerce .custom-lost-password form button.woocommerce-Button {
    color: var(--primary-white-color) !important;
    display: inline-block;
    width: max-content;
    margin: auto;
    padding: 15px 32px;
    border-radius: 2px;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    text-align: center;
    background-color: var(--primary-orange-color) !important;
    transition: all 0.3s ease-in-out 0s;
}

.login_form {
    padding: 50px 0px 80px 0px;
}

.login_form .woocommerce-form-login .woocommerce-form-login__rememberme {
    width: 100%;
    display: block;
    margin-bottom: 30px;
}

.login_form .woocommerce-form-login .lost_password a {
    /* color: #fff; */
    text-decoration: underline !important;
    font-size: 15px;
}

.login_form .custom-customer-login>div form.woocommerce-form>.form-row button.woocommerce-button:hover,
.login_form .custom-customer-login>div .woocommerce-form-register button.woocommerce-Button:hover {
    background-color: var(--primary-white-color);
    border: 1px solid var(--primary-white-color);
    color: var(--primary-black-color);
}

.login_form .custom-customer-login .woocommerce-privacy-policy-text p a {
    color: var(--primary-orange-color);
    text-decoration: underline !important;
}

.login_form .custom-customer-login .woocommerce-privacy-policy-text p a:hover,
.login_form .woocommerce-form-login .lost_password a:hover {
    color: var(--primary-orange-color);
}

.woocommerce form .show-password-input,
.woocommerce-page form .show-password-input {
    color: var(--primary-white-color);
}

.woocommerce .custom-lost-password {
    width: 50%;
    margin: auto;
    border: 1px solid var(--primary-white-color);
    padding: 2rem;
    border-radius: 5px;
}

.custom-lost-password p {
    margin-top: 0px;
    font-size: 18px;
}

.woocommerce .custom-lost-password form .form-row-first {
    width: 100%;
    margin-bottom: 50px;
}

/* About Us Page */
section.about_banner_section {
    background-color: var(--primary-white-color);
}

.banner_inner_section {
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: contain;
    padding-top: 70px;
    padding-bottom: 70px;
    height: auto;
}

.banner_inner_section h1 {
    color: var(--primary-black-color);
    margin-top: 0;
    line-height: 1.1;
    margin-bottom: 20px;
}

.banner_inner_section .common_grid {
    align-items: center;
}

.about_banner_content {
    width: 50%;
}

.about_banner_content img {
    max-width: 450px;
}

.our-story-inner-section {
    padding: 60px 0;
}

.our-story-inner-section .section-content {
    max-width: 80%;
    margin: auto;
}

.our-story-inner-section .section-content h2,
.our-story-inner-section .section-content p {
    color: var(--primary-white-color);
}

.our-story-inner-section .section-content p:last-child {
    margin-bottom: 0;
}

section.our-promise-section {
    background-color: var(--primary-white-color);
}

.our-promise-inner-section {
    padding: 60px 0;
    padding-top: 90px;
}

.our-promise-inner-section .section-content {
    text-align: center;
    margin: 0 auto;
}

.our-promise-inner-section .section-content p:last-child {
    margin-bottom: 0;
}

.our-promise-inner-section .common_grid {
    align-items: center;
}

.our-promise-inner-section img {
    /* box-shadow: 0 0 40px #c3c3c3; */
    /* border-radius: 10px; */
}

.our_promise_content {
    text-align: left;
    padding-left: 80px;
}

.our_promise_grid {
    width: 50%;
}

.our_promise_grid_img {
    position: relative;
}

.our_promise_grid_img::after {
    content: '';
    background-color: rgb(215 11 36 / 80%);
    width: 250px;
    height: 250px;
    border-radius: 50%;
    position: absolute;
    top: -40px;
    left: -30px;
}

.our_promise_grid_img img {
    border-radius: 50%;
    width: 400px;
    height: 400px;
    object-fit: cover;
    position: relative;
    z-index: 99;
}

.our_promise_content {
    text-align: left;
    background-color: #fff;
    padding: 2rem;
    padding-bottom: 50px;
}

.about-kyle.cabinet-inner-section {
    padding: 80px 0;
}

.about-kyle.cabinet-inner-section .section-content p:last-child {
    margin-bottom: 0;
}

.about-kyle.cabinet-inner-section h2,
.about-kyle.cabinet-inner-section h4,
.about-kyle.cabinet-inner-section p {
    color: var(--primary-white-color);
}

.founder_director_section .image_section {
    max-width: 427px;
    min-width: 427px;
}

.founder_director_section .image_section img {
    width: 100%;
    border: 1px solid #fff;
    padding: 5px;
    border-radius: 2px;
}

.founder_director_common {
    display: flex;
    flex-wrap: wrap;
    flex-flow: row;
}

.founder_detail {
    padding-left: 68px;
}

.director_detail {
    padding-right: 60px;
}

.founder_director_detail p {
    max-width: 100%;
}

.founder_director_section .founder_section {
    margin-bottom: 74px;
}

.section-content h2 {
    margin-top: 0px;
    margin-bottom: 20px;
}

.our-story-section {
    text-align: center;
}

.gform_wrapper.gravity-theme .gfield_label {
    color: var(--primary-black-color);
}

.woocommerce .modal-content .quantity .qty {
    height: 30px;
    width: 50px;
    padding: 0px;
}

.emp-cart .return-to-shop {
    text-align: center;
}

.emp-cart .return-to-shop .empty-img {
    width: 60%;
}

.woocommerce .modal-content .quantity input.qty[type=number]::-webkit-inner-spin-button,
.woocommerce .modal-content .quantity input.qty[type=number]::-webkit-outer-spin-button {
    opacity: 1;
}

.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals {
    width: 100%;
    float: unset;
}

@media (max-width: 1400px) {
    .cta_inner_section{
        max-width: 100%;
        width: 100%;
    }
    .cta_section .cta_inner_bottom{
        max-width: 100%;
        width: 100%;
    }
}

@media (max-width: 1199px) {

    .hl_right_side,
    .cabinets_lists_img img {
        position: unset;
    }

    .cabinets_lists_img img {
        width: 100%;
        height: auto;
    }

    .cabinets_lists_img {
        width: 100%;
        height: 100%;
    }

    .cabinets_lists .container {
        margin-bottom: 50px;
    }

    section.cabinets_lists {
        margin-bottom: 50px;
    }
}

@media (max-width: 1024px) {
    .banner_inner_section {
        height: auto;
        min-height: 580px;
    }
    .footer_site_logo {
        margin-left: 0px;
    }
    .social_icons>ul{
        padding-left: 0px;
        margin-top: 10px;
    }
    .social_icons{
        flex-wrap: wrap;
        justify-content: flex-start;
    }
    .our-story-inner-section .section-content {
        max-width: 810px;
    }

    .founder_detail,
    .director_detail {
        padding-left: 40px;
    }
}

@media (min-width: 991px) {
    .banner_inner_section.responsive-banner {
        display: none;
    }

    .founder_director_section .image_section img {
        position: sticky;
        top: 120px;
    }
}

@media (max-width: 991px) {
    .our_promise_grid {
        width: 100%;
    }
    .footer_grid {
        width: calc(100% / 2);
    }

    .about_banner_content {
        width: 100%;
    }

    .banner_inner_section {
        min-height: 630px;
        padding-top: 90px;
        height: auto;
    }

    .our-story-inner-section .section-content {
        max-width: 660px;
    }

    .our-promise-inner-section .section-content h2 {
        font-family: "Open Sans";
    }

    .founder_director_common {
        flex-flow: column;
    }

    .founder_director_section .image_section {
        margin: 0 auto;
    }

    .founder_director_section {
        padding-top: 60px;
    }

    .founder_director_detail p {
        max-width: 100%;
    }

    .founder_director_detail {
        margin-top: 20px;
        padding-left: 0;
    }

    .founder_director_detail h2,
    .founder_director_detail h4 {
        text-align: center;
    }

    .about_banner_content img {
        display: block;
        margin: auto;
    }

    .our_promise_grid:last-child {
        margin-top: 50px;
    }

    .director_detail {
        padding-left: 0;
        padding-right: 0px;
    }

    .cabinets_lists_content {
        padding: 15px 0px;
    }

    .cabinets_lists_content * {
        padding-left: 0;
    }
    .cta_section .box_inner_grid{
        width: calc(90% / 2);
    }
}

@media (max-width: 767px) {
    .about_banner_content h1,
    .about_banner_content h2 {
        font-size: 26px;
        line-height: 32px;
        font-weight: 600;
    }

    .about_banner_content p {
        font-size: 16px;
        font-weight: 500;
    }

    .banner_inner_section {
        min-height: 530px;
    }

    .about_banner_content img {
        width: 100%;
        max-width: 100%;
    }

    .our-story-inner-section .section-content h2,
    .our-promise-inner-section .section-content h2,
    .about-kylecabinet-inner-section .section-content h2 {
        font-family: "Montserrat";
        font-size: 26px;
        line-height: 30px;
        margin-bottom: 12px;
    }

    .about-kylecabinet-inner-section .section-content h2 {
        padding-right: 20px;
    }

    .about-kylecabinet-inner-section .section-content p {
        margin-bottom: 20px;
    }

    .about-kylecabinet-inner-section {
        padding: 60px 0;
    }

    .banner_inner_section {
        padding-top: 70px;
    }

    .top_heading h1 {
        font-size: 32px;
    }
}

@media (max-width: 576px) {
    .banner_inner_section {
        min-height: 420px;
    }

    .container {
        padding: 0px 15px;
    }

    .about-kylecabinet-inner-section .section-content h2 {
        padding-right: 50px;
    }

    .founder_director_section .image_section {
        width: 100%;
        max-width: 100%;
        min-width: auto;
    }

    .shop_now_btn {
        width: 90%;
    }
}

/** Policy Pages Css **/
.terms_services{
    padding-top: 50px;
}
.terms_heading {
    margin-bottom: 20px;
}
.terms_services *{
    color: var(--primary-white-color);
}
.terms_content_heading {
    font-weight: 600;
    color: var(--primary-orange-color);
    margin-bottom: 15px;
}
.container.terms_content_text a{
    font-weight: 600;
}
.policy_page {
    padding: 50px 0px;
}

.policy_page_heading h1 {
    margin-top: 0px;
    color: var(--primary-white-color);
    position: relative;
    font-size: 55px;
    line-height: 1.5;
}

.policy_page_heading h1::after {
    content: '';
    background-color: var(--primary-orange-color);
    height: 2px;
    width: 300px;
    position: absolute;
    bottom: -10px;
    left: 0px;
}

.policy_page_heading h1::before {
    content: '';
    background-color: var(--primary-orange-color);
    height: 2px;
    width: 20 0px;
    position: absolute;
    bottom: -20px;
    left: 0px;
}

.policy_page_content * {
    color: var(--primary-white-color);
}

.policy_page_content h2 {
    margin-bottom: 10px;
}
.policy_page_content ol ul,
.policy_page_content ul ol{
    padding-left: 0px;
}
.policy_page_content ol,
.policy_page_content ul {

    margin-left: 0px;
}
.policy_page_content ul{
    list-style: none;
}
.policy_page_content ul > li {
    position: relative;
    padding-bottom: 5px;
}
.policy_page_content ol{
    padding-left: 15px;
}
.policy_page_content u{
    text-decoration: none;
}
.policy_page_content a{
    font-weight: 700;
    position: relative;
}
.policy_page_content a::after{
    content: '';
    position: absolute;
    bottom: -4px;
    left: 0px;
    right: 0px;
    width: 100%;
    height: 2px;
    background-color: var(--primary-orange-color);
}
.terms_services ul{
    list-style: none;
}
.terms_services ul>li {
    position: relative;
    padding-bottom: 5px;
}
.terms_services h4, 
.terms_services h5 {
    margin-bottom: 10px;
    margin-top: 25px;
}
.terms_services ul>li::after,
.policy_page_content ul>li::after {
    content: ' ';
    background-image: url(https://dfgcabinets.com/wp-content/uploads/2023/11/check-box.png);
    position: absolute;
    left: -20px;
    top: 6px;
    width: 16px;
    height: 16px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.policy_page_grid {
    padding: 2rem;
    border: 1px solid var(--primary-orange-color);
}

.common_inner_banner {
    background-position: center;
    background-repeat: no-repeat;
    min-height: 260px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: cover;
}

.common_inner_banner::after {
    content: '';
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    background-color: rgb(0, 0, 0, 0.60);
}

.heading-section {
    position: relative;
    z-index: 1;
    width: max-content;
    display: inline-block;
}

.heading-section * {
    color: var(--primary-white-color);
}

.common_inner_banner .container {
    text-align: center;
}

.pro_ecom {
    background-color: #080607;
}
.terms_content {
    padding-bottom: 50px;
}
.trending_products .common_heading {
    margin-bottom: 45px;
}

.trending_products .common_heading h2 {
    margin-bottom: 10px;
}
.cabinet_offer .cabinet_inner_body a>img {
    display: none;
}
div#gform_wrapper_93 {
    background: #e2e2e2;
    padding: 20px;
    max-width: 59%;
}
img.contact_form_grid_img {
    position: absolute;
    right: 0;
    z-index: -1;
    top: 0;
    height: 100%;
    object-fit: cover;
}
.contact_form_grid {
    position: relative;
}
#gform_wrapper_93 .validation_message {
    display: none;
}

/* Header Update */
ul.user_submenu {
    position: absolute;
    width: 195px;
    top: 100%;
    right: 0;
    display: none;
	background: #080607;
}

ul.user_submenu a {
    width: auto !important;
    font-size: 16px !important;
    border-radius: 0 !important;
    padding: 10px 15px !important;
    background: #000 !important;
    box-shadow: 0px 0px 10px rgb(201 201 201 / 43%);
    position: absolute;
    top: 100%;
    z-index: 99999;
    font-weight: 500;
    justify-content: start !important;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: left;
	color: #fff;
    height: unset !important;
}

li.user_profile {
    position: relative;
    padding: 7px;
}

ul.user_submenu li.menu-item {
    width: 100%;
}

li.user_profile:hover ul.user_submenu {
    display: block;
}
ul.user_submenu a:hover {
    color: rgba(195, 14, 35, 1) !important;
}