/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */


/* 25-09-2025 */


td.woocommerce-table__product-name.product-name a {
    font-size: 14px;
    margin-bottom: 18px!important;
}

td.woocommerce-table__product-name.product-name ul.wc-item-meta {
    padding: 0px;
    margin-top: 15px;
}


body.woocommerce-view-order .order_details span.woocommerce-Price-currencySymbol, 
body.woocommerce-view-order span.woocommerce-Price-amount.amount bdi, body.woocommerce-view-order span.woocommerce-Price-amount.amount{
    color: #ffffff!important;
}

body.woocommerce-view-order .order_details tr td {
    border-bottom: 1px solid #fff !important;
    border-left: 1px solid #fff;
}

body.woocommerce-view-order span.woocommerce-Price-amount.amount bdi{
    color: #ffffff;
    font-size: 24px!important;
}

.gallery-spacing-custom figure.gallery-item .gallery-icon.landscape img {  transition: 0.3s;
}
.gallery-spacing-custom figure.gallery-item .gallery-icon.landscape img:hover {
      transform: scale(1.1);

}

div#menu-bar-item a.hfe-menu-item {
    padding: 12px 18px;
    border-radius: 30px;
}

.nextend-bullet-bar div .n2-bullet{
   
        background: #002441 !important;
         transition: all .4s;

}

.nextend-bullet-bar div .n2-bullet.n2-active {
    height: 0px;
    width: 44px;
    margin: 0px 9px;
     transition: all .4s;
    background: #002441 !important;
}

.image-box-service {
    position: relative;
}

.image-box-service:after {
   box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
   position: absolute;
   content: '';
   width: 200px;
   left: 8px;
   top: 8px;
   height: 291px;
   background: #000;
   border-radius: 30px;
}

.image-box-service:before {
   box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
   position: absolute;
   top: 4px;
   content: '';
   width: 204px;
   height: 297px;
   background: #fff;
   border-radius: 30px;
   transform: rotate(4deg);
   left: 3px;
}

.image-box-service img {
    position: relative;
    z-index: 99;
    transform: rotate(-4deg);
    margin: 0px!important;
    width: 204px;
}

.image-box-service .elementor-element{
   position: relative;
}

.image-box-service .elementor-element:after {
    content: '';
    position: absolute;
    top: 0px;
    width: 100%;
    left: 155px;
    height: 100%;
    background-image: url(./images/crafted-memories-arrow-right.webp);
    background-position: center;
    background-repeat: no-repeat;
}

div#printing-services .image-box-service.elementor-element:last-child :after {
    background: inherit;
}

div#album-designer-section .pp-info-box-content {
    background: #E3E2DD;
    padding: 10px;
    z-index: 999;
    position: relative;
    box-shadow: rgba(0, 0, 0, 0.35) 1px 2px 5px 2px;
    min-height:170px;
}

div#album-designer-section .pp-info-box-container:not(.elementor-grid) {
    display: block;
    padding: 50px 5px;
}
div#testimonial-section {

    position: relative;
}
div#testimonial-section .pp-info-box {
    display: flex;
    flex-direction: column;
}

div#testimonial-section .pp-info-box .pp-info-box-description {
    width: 60%;
    margin: auto;
}

div#testimonial-section .pp-info-box .pp-info-box-content {
    display: flex;
    flex-direction: column;
}

div#testimonial-section .pp-info-box .pp-info-box-content .pp-info-box-description {
    order: 1;
}

div#testimonial-section .pp-info-box .pp-info-box-content .pp-info-box-title-wrap {
    order: 2;
    margin-top: 16px;
}

.role-based-description-below-title {
    order: 4;
}



div#who-we-serve .pp-slider-arrow {
    top: 178px;
    width: 50px;
    height: 50px;
}

div#album-designer-section .pp-slider-arrow {
    width: 50px;
    height: 50px;
}

div#testimonial-section .pp-slider-arrow path {
    display: none;
}

div#testimonial-section .pp-slider-arrow {
    width: 44px;
    height: 30px;
}

div#testimonial-section .pp-slider-arrow svg.e-fas-angle-left {
    background-image: url(./images/arrow.webp);
    width: 44px;
    height: 30px;
    background-repeat:no-repeat;
}

div#testimonial-section .pp-slider-arrow svg.e-fas-angle-right {
    background-image: url(./images/arrow.webp);
    width: 44px;
    height: 30px;
    background-repeat: no-repeat;
    transform: rotateZ(180deg);
}

/*div#testimonial-section:after {
    position: absolute;
    content: '';
    left: 95px;
    top: -36%;
    background-image: url(./images/quote-right.png);
    width: 120px;
    height: 86px;
    background-repeat: no-repeat;
    opacity: 0.4;
}


div#testimonial-section:before {
    position: absolute;
    content: '';
    right: 108px;
    bottom: 0px;
    background-image: url(./images/quote-right.png);
    width: 136px;
    height: 86px;
    background-repeat: no-repeat;
    opacity: 0.4;
    transform: rotateZ(180deg);
}
*/

i.flaticon-back.slick-arrow::before{
content:url(./images/arrow-product.png);
    background-repeat: no-repeat;
    background-position: center;

}


i.flaticon-right-arrow:before{
    content:url(./images/produc-right-arrow.png);
    background-repeat: no-repeat;
    background-position: center;
}
div#slider-text-outer {
    overflow: hidden;
}


 @keyframes scroll-left {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(-50%);
    }
  }

  .scroll-container {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    padding: 15px 0;
    position: relative;
  }

  .scroll-content {
    display: inline-block;
    animation: scroll-left 50s linear infinite;
  }

  .scroll-content p {
    display: inline;
    margin-right: 20px;
        font-size: 120px;
    white-space: nowrap;
    justify-content: space-around;
    text-shadow: 2px 0 #fff, -2px 0 #fff, 0 2px #fff, 0 -2px #fff, 1px 1px #fff, -1px -1px #fff, 1px -1px #fff, -1px 1px #fff;
    line-height: 140px;
    font-weight: 900;
    font-family: 'Lato';
    vertical-align: middle;
  }


/*div#slider-text marquee {
      display: flex;
    font-size: 120px;
    white-space: nowrap;
    justify-content: space-around;
    text-shadow: 2px 0 #fff, -2px 0 #fff, 0 2px #fff, 0 -2px #fff, 1px 1px #fff, -1px -1px #fff, 1px -1px #fff, -1px 1px #fff;
    line-height: 140px;
    font-weight: 900;
    font-family: 'Lato';
}*/

div#blog-section-row article.hfe-post-card {
    display: flex;
    flex-direction: column;
    padding-top: 99px;
    position: relative;
}

div#blog-section-row article .hfe-post-excerpt {
    text-align: center;
}

div#blog-section-row article.hfe-post-card .hfe-post-image {
    box-shadow:rgb(0 0 0 / 18%) 0px -3px 20px 3px;
}


div#blog-section-row article.hfe-post-card h4.hfe-post-title {
    position: absolute;
    top: 36px;
    width: 100%;
    left: 0px;
    padding: 0px 10px;
}

div#footer-icons {
    display: flex;
    justify-content: end;
}

a {
    color: #00467f;
}

a:hover{
    color: #000;
}

.woocommerce-form-login__rememberme {
    margin-top: 8px;
}


div#our-albums-section .elementor-image-box-content {
    padding: 0px 20px 20px 20px;
}


div#info-detalis .elementor-icon-box-wrapper {
    border: 1px solid #fff;
    padding: 40px 41px;
    min-height: 227px;
}

div#get-in-touch ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;

}

div#get-in-touch ul  li.full{
    width: 100%;
}

div#get-in-touch ul li.half {
    width: calc(50% - 10px);
}
div#get-in-touch ul li input, div#get-in-touch ul li select, 
div#get-in-touch ul li textarea, .woocommerce form .form-row input{
        width: 100%!important;
    padding: 14px 10px!important;
    border: 1px solid #002441!important;
    background: none!important;
    border-radius: 0px!important;
    color: #002441!important;
    position: relative;
}

.woocommerce form .form-row select{

            width:auto;
            padding: 14px 10px!important;
    border: 1px solid #002441!important;
    background: none!important;
    border-radius: 0px!important;
    color: #002441!important;
    position: relative;

}

body.woocommerce-account form .form-row select{
    width: 100%;
    position: relative;
}


body.woocommerce-lost-password .page-content {
    padding: 50px 20px;
}


.form-control:focus {
border-color: #000;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}

input::placeholder {
color: #000!important;
}

.woocommerce-account .woocommerce-MyAccount-content form.woocommerce-EditAccountForm.edit-account input::placeholder, .woocommerce-account .woocommerce-MyAccount-content form input::placeholder {
color: #fff!important;
}
.woocommerce-account .woocommerce-MyAccount-content form.woocommerce-EditAccountForm.edit-account input, .woocommerce-account .woocommerce-MyAccount-content form input {
color: #fff!important;
border:1px solid #fff!important;
}

.woocommerce form .form-row .input-text:focus, .woocommerce form .form-row select:focus{
    border-color: #fff;
}

li.submit-button .wpcf7-submit{
      background-color: #ffff;
    font-family: "lato", Sans-serif;
    font-size: 20px;
    font-weight: 400;
    border-radius: 0px 0px 0px 0px;
    padding: 18px 51px 18px 51px;

}


div#get-in-touch ul li.submit-button input:hover {
    background: #002441!important;
    color: #fff!important;
}



.banner-blog-all {
    padding: 150px 20px;
    background: #002441;
}

.banner-blog-all {
    padding: 150px 20px;
    background: #002441;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}

.single.single-post .blog-main-page {
    padding-bottom: 80px;
    z-index: 99;
    position: relative;
}
.banner-blog-all h1.entry-title {
    color: #ffffff;
    z-index: 9;
    position: relative;
}
.banner-blog-all:after{
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    opacity: 0.6;
    background: #002441;
    top: 0px;
    left: 0px;
}
.banner-blog-all h1 {
    color: #fff;
    text-align: center;
    font-size: 48px;
    z-index: 9;
    position: relative;
}


.blog-main-page {
    padding-bottom: 80px;
}

.single-post .blog-main-page .page-content {
    margin-top: -63px;
    padding: 50px 40px;
    background: #fff;
    border: 2px solid #002441;
}


header#masthead.sticky .header-main-0background{
    background: #E3E2DD;
}

header#masthead.sticky .header-main-0background .elementor-social-icon {
    background: inherit;
}

div#listing-albums-detalis ul {column-count: 3;gap: 50px 30px;}

div#listing-albums-detalis ul li.elementor-icon-list-item {
    padding: 10px;
    border: 1px solid #fff;
    text-align: center;
    margin-bottom: 30px;
}

.woocommerce-account .blog-main-page .page-content{
   padding: 12px!important;
    margin-top: -63px!important;
    background: #fff!important;
    border: 2px solid #002441;}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
    list-style: none;
    padding: 0px;
    background: #fff;
    height: 100%;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
    list-style: none;
    text-decoration: none;
    padding: 14px 20px;
    background: #fff;
    font-size: 18px;
    display: block;
    line-height: 36px;
    color: #002441;
    transition: all .4s;
    border-bottom: 2px solid #002441;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a, .woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover {
    list-style: none;
    text-decoration: none;
    padding: 14px 20px;
    background: #002441;
    font-size: 18px;
    line-height: 36px;
    color: #fff;
    display: block;
    transition: all .4s;
        border-bottom: 2px solid #fff;



}

.woocommerce-account .blog-main-page .page-content .woocommerce {
    display: flex;
}

.woocommerce-account .woocommerce-MyAccount-content {
    float: right;
    width: 70%;
    background: #002441;
    padding: 30px;
    color: #fff;
}
button.woocommerce-Button.button{
    margin-top: 20px;
}

a.go-to-blog {
    margin-top: 58px;
    display: inline-block;
}

button.woocommerce-button, a.button.wc-forward, a.go-to-blog, button.woocommerce-Button.button, button.single_add_to_cart_button, 
.woocommerce-MyAccount-content button.button{
       background-color: #fff!important;
    font-family: "Lato", Sans-serif;
    font-size: 18px!important;
    font-weight: 500!important;
    color: #002441!important;
    border-radius: 0px 0px 0px 0px!important;
    padding: 18px 51px!important;
        transition: all .4s!important;
        text-decoration: none!important;
        border: 1px solid #002441!important;

}

button.woocommerce-button:hover, a.button.wc-forward:hover, button.woocommerce-Button.button:hover,  a.go-to-blog:hover,
button.single_add_to_cart_button:hover, .woocommerce-MyAccount-content button.button:hover{
    background-color: #002441!important;
    font-family: "Lato", Sans-serif!important;
    font-size: 18px!important;
    font-weight: 500!important;
    color: #fff!important;
    border-radius: 0px 0px 0px 0px;
    padding: 18px 51px!important;
        transition: all .4s!important;
                border: 1px solid #fff!important;


}

.col-sm-8 table.shop_table tbody td button.button, .coupon input#coupon_code {
    background-color: #fff !important;
    font-family: "Lato", Sans-serif;
    font-size: 16px !important;
    font-weight: 500 !important;
    color: #002441 !important;
    border-radius: 0px 0px 0px 0px !important;
    transition: all .4s !important;
    text-decoration: none !important;
    border: 1px solid #002441 !important;
}

.col-sm-8 table.shop_table tbody td button.button:hover{
    background-color: #002441!important;
    font-family: "Lato", Sans-serif!important;
    font-size: 16px!important;
    font-weight: 500!important;
    color: #fff!important;
    border-radius: 0px 0px 0px 0px;
        transition: all .4s!important;
                border: 1px solid #fff!important;


}

.woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text{
    width: 200px!important;
}
.woocommerce-form-login__rememberme input#rememberme{
    width: inherit!important;
    padding: inherit!important;
    border: 0px!important;
    background: none !important;
    border-radius: 0px !important;
    color: #002441 !important;
}

.woocommerce-account .woocommerce-MyAccount-content a{
    color: #fff;
    text-decoration: underline;
    font-weight: 600;
    font-size: 18px;
}

.woocommerce-account .woocommerce-MyAccount-content h2, .woocommerce-account .woocommerce-MyAccount-content p{
    color: #fff;

}

.woocommerce-account .addresses .title .edit{
    float: none!important;
}


.woocommerce-account .addresses .title .edit{
    float: none!important;
}


form.woocommerce-EditAccountForm.edit-account input {
    border: 1px solid #fff !important;
}

.woocommerce form .show-password-input::before, .woocommerce-page form .show-password-input::before{
        filter: invert(100%) sepia(0%) saturate(7492%) hue-rotate(341deg) brightness(111%) contrast(81%);

}


main#content {
    width: 100%;
    max-width: 1200px !important;
    background: #ffffff;
    margin: auto;
}

button.wc-block-components-button {
    padding: 0px !important;
}


#prodcut-slider-prodcut h2.woocommerce-loop-product__title, section.related.products ul.products li h2 {
    color: #fff;
    font-size: 20px !important;
    line-height: 30px;
    min-height: 80px;
}

div#prodcut-slider-prodcut ul.products li {
    width: calc(24% - 10px);
    margin-right: 0px;
    margin-bottom: 10px;
}

 section.related.products ul.products li {
    width: calc(24% - 10px);
    margin-right: 23px;
    text-align: left;
    margin-bottom: 0px;
}


div#prodcut-slider-prodcut ul.products {
    width: 100%;
    gap: 20px;
    flex-wrap: wrap;
    display: flex;
}

div#prodcut-slider-prodcut span.price, section.related.products ul.products li span.price, .related-products ul.products li span.price, 
.related-products ul.products li span.button.restricted{

    color: #fff!important;

}
div#prodcut-slider-prodcut ul.products li img, section.related.products ul.products li img {
    background: #fff;
    border-radius: 18px;
}

p.price a.button.login-to-view {
    background: inherit;
    font-size: 16px;
    text-decoration: underline;
    color: #002441;
    text-transform: capitalize;
}


div#prodcut-slider-prodcut a.button.product_type_simple, section.related.products ul.products li a.button.product_type_simple, 
div#prodcut-slider-prodcut ul.products li a.button.product_type_variable, div#prodcut-slider-prodcut ul.products li a.button.login-to-view, 
section.related.products ul.products li a.login-to-view {


        background-color: #fff;
    font-family: "Lato", Sans-serif;
    font-size: 18px;
    font-weight: 500;
    color: #002341;
    border-radius: 0px 0px 0px 0px;
    padding: 18px 51px 18px 51px;
    transition: all .4s!important;
    border: 1px solid #fff;


}

.woocommerce-variation-price a.button.login-to-view {
         background-color: #002341;
    font-family: "Lato", Sans-serif;
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    border-radius: 0px 0px 0px 0px;
    padding: 18px 51px 18px 51px;
    transition: all .4s!important;
    border: 1px solid #fff;
}


div#prodcut-slider-prodcut a.button.product_type_simple:hover, section.related.products ul.products li a.button.product_type_simple :hover, 
div#prodcut-slider-prodcut ul.products li a.button.product_type_variable:hover, div#prodcut-slider-prodcut ul.products li a.button.login-to-view:hover, 
section.related.products ul.products li a.login-to-view:hover, .woocommerce-variation-price a.button.login-to-view:hover{


        background-color: #002341;
    font-family: "Lato", Sans-serif;
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    border-radius: 0px 0px 0px 0px;
    padding: 18px 51px 18px 51px;
    transition: all .4s!important;
    border: 1px solid #fff;

}

main#main section.related.products {
    /* display: none; */
}

section.related.products {
    background: #002441;
    color: #fff;
        padding: 90px 0px;
        position: relative;

}

section.related.products:after{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background:  #002441;
}

section.related.products ul.products {
    width: 100%;
    margin: auto;
    max-width: 1320px;
}

section.related.products > h2 {
    color: #fff;
    text-align: center;
    margin-bottom: 30px;
}

.woocommerce-account .blog-main-page .page-content .woocommerce {
    display: flex;
    flex-direction: column;
}

.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register{
    border: 0px;
    padding: 0px;
    margin:0px;
}


.my-account-page {
    padding: 80px 0px;
    background: #f5f5f5;
}

.my-account-page .xoo-el-form-container.xoo-el-form-inline {
    background: #fff;
    padding: 50px;
    width: 100%;
}


.my-account-page .xoo-el-form-container ul.xoo-el-tabs li.xoo-el-active {
    background-color: #002441;
}


.my-account-page .xoo-el-form-container button.btn.button.xoo-el-action-btn {
    background-color: #002441;

}


.my-account-page .xoo-aff-input-group .xoo-aff-input-icon {
    background-color: #002441;
    color: #fff;
    border-color: #002441;

}

.my-account-page .woocommerce {
    display: flex;
}

.single-product main#main {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}

.main-product-page-one, nav.woocommerce-breadcrumb{
    width: 100%;
    max-width: 1320px;
    margin: auto!important;
    padding: 40px 0px;
    clear: both;
    overflow: hidden;
}

body.single.single-product .woocommerce-notices-wrapper{
    width: 100%;
    max-width: 1320px;
    margin: auto!important;
    overflow: hidden;
}

.woocommerce .quantity .qty {
    width: 70px !important;
    padding: 15px 0px !important;
    text-align: center;
    border-radius: 0px !important;
    margin: 0px 20px;
}

nav.woocommerce-breadcrumb {
    padding: 30px 0px ! Important;
}

nav.woocommerce-breadcrumb a {
    color: #181818!important;
}


nav.woocommerce-breadcrumb a:hover{
    color:#002441!important;
}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) .woocommerce-breadcrumb, .breadcrumb {
    font-size: 18px!important;
    color: #002441!important;
}

nav.woocommerce-breadcrumb
 {
    display: none;
}

/*.main-product-page-one .slick-track {
    display: flex;
}

.main-product-page-one .slick-track .slick-slide.slick-active, .main-product-page-one.slick-cloned{
    width: 100px!important;
    height: 120px;
    object-fit: cover;
}


.main-product-page-one .slick-track .slick-slide.slick-active img {
    width: 100px!important;
    height: 120px;
    object-fit: cover;
}
*/

.main-description .woocommerce-tabs.wc-tabs-wrapper {
    margin: auto;
    max-width: 1320px;
    width: 100%;
}


.main-description div#tab-description, .woocommerce div.product .woocommerce-tabs .panel {
    border: 1px solid #dfdfdf;
    padding: 50px;
    text-align: left;
}

.woocommerce table.shop_attributes{
    text-align: left;
}
.woocommerce table.shop_attributes td {
    padding: 10px;
}


.woocommerce div.product .woocommerce-tabs ul.tabs::before {
    border-bottom: 0px solid #cfc8d8!important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li{
    background: #fff;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a, .woocommerce div.product .woocommerce-tabs ul.tabs li a {
    color: #181818 !important;
    font-size: 21px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li{
    border: 0px solid #cfc8d8 !important;

}


ul.tabs.wc-tabs {
    margin: 0px;
    padding: 0px;
    text-align: center;
}

ul.tabs.wc-tabs li {
    border: 0px!important;
}


.woocommerce div.product .woocommerce-tabs ul.tabs li::after, .woocommerce div.product .woocommerce-tabs ul.tabs li::before {
    border-width: 0px!important;
}


div#album-design-printing {
    overflow: hidden;
}


div#menu-bar-item nav.hfe-nav-menu__layout-horizontal {
    width: 100% !important;
    max-width: 100%;
}


div#blog-section-row article.hfe-post-card .hfe-post-image {
    height: 196px;
    width: 100%;
    overflow: hidden;
}

body.archive main#main {
    width: 100%;
    max-width: 100%;
}

body.archive div#prodcut-slider-prodcut {
    background: #d6d6d6;
    padding: 90px 0px;
}

div#prodcut-slider-prodcut .container {
    width: 100%;
    max-width: 1250px;
    margin: auto;
}


body.archive #prodcut-slider-prodcut h2.woocommerce-loop-product__title{
    color: #002441;
}

body.archive div#prodcut-slider-prodcut span.price span.woocommerce-Price-amount.amount, body.archive #prodcut-slider-prodcut span.price{
color: #002441!important;
    font-size: 16px;
    margin-bottom: 0px;
    padding: 0px;

}

body.woocommerce-checkout .blog-main-page{
    padding: 80px 0px;
}

body.woocommerce-checkout .blog-main-page .page-content {
    padding: 0px;
}

div#company-text-after-logo h3.elementor-heading-title span {
    display: block;
    margin: 6px 0px;
    text-align: center;
}

div#company-text-after-logo {
    width: 82%;
}


.tabbed-login-register {
    width: 100%;
    max-width: 80%;
    margin: auto;
}
.tabbed-login-register .tabs {display: flex;list-style: none;padding: 0;margin: 0 0 20px;border: 1px solid #002441;}

.tabbed-login-register .tabs li {flex: 1;text-align: center;padding: 10px;cursor: pointer;background: #ffffff;}

.tabbed-login-register .tabs li.current {background: #002441;border-bottom: 0px solid #fff;font-weight: bold;color: #fff;}

.tabbed-login-register .tab-content { display: none; }

.tabbed-login-register .tab-content.current { display: block; }

.tabbed-login-register div#tab-login form.woocommerce-form {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between;
}

.woocommerce-edit-address .page-content, .woocommerce-edit-account .page-content, .woocommerce-orders .page-content, .woocommerce-dashboard .page-content, .woocommerce-downloads .page-content{
    padding: 0px;
}

div#prodcut-slider-prodcut span.price{
    color: #002441;
}

body.woocommerce-account .banner-blog-all {
    background-repeat: no-repeat!important;
    background-size: cover!important;
    background-image: url(./images/account.webp)!important;
    background-position: center!important;
    background-repeat: no-repeat!important;
}


div#copy-right-all p {
    margin: 0px;
    padding: 0px;
}



.woocommerce nav.woocommerce-pagination ul li span.current {
    background: #002441!important;
    color: #fff!important;
    padding: 8px 12px!important;
    border: 0px;
}
.woocommerce nav.woocommerce-pagination ul li a.page-numbers {
    background: #fff!important;
    border: 1px solid #fff!important;
        padding: 8px 12px!important;

}



a.woocommerce-button.button.view, a.request {
    background: #092a45;
    font-size: 16px;
    color:#fff;
    font-weight: 500;
    text-decoration:underline;
    padding:10px 16px;
    width: fit-content;
    text-decoration: none;
}

a.woocommerce-button.button.view:hover, a.request:hover {
    background: #fff
    color: #002441;
    font-size: 16px;
}
.shop_table.my_account_orders.account-orders-table {
    text-align: center;
}


section.woocommerce-order-details span.woocommerce-Price-amount.amount, 
td.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-total span.woocommerce-Price-amount.amount {
    color: #fff;
    font-size: 14px;
}




section.woocommerce-customer-details .woocommerce-column.woocommerce-column--2.woocommerce-column--shipping-address.col-2{
    padding: 0px;
}

section.woocommerce-customer-details h2.woocommerce-column__title {
    text-align: left;
}

body.single-product .summary.entry-summary {
    display: flex;
    flex-direction: column;
}

body.single-product h1.product_title.entry-title {
    order: 1;
}

body.single-product p.price {
    order: 3;
}

body.single-product .woocommerce-product-details__short-description {
    order: 2;
}

body.single-product form.variations_form.cart {
    order: 4;
    margin-bottom: 0px;
}

body.single-product p.price {
    font-size: 18px !important;
    color: #000 !important;
}

.product_meta {
    display: none;
}
.woocommerce-column.woocommerce-column--2.woocommerce-column--shipping-address.col-2 address {
    color: #002441;
}



.woocommerce-Price-amount .amount .product-total{
    color: #002441;
}


td.woocommerce-table__product-total.product-total bdi {
    color: #002441;
}

table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details td span {
    color: #002441;
}


.woocommerce div.product form.cart{
    order: 5 !important;
}


div#tab-description h2 {
    display: none;
}

div#blog-listing article.hfe-post-card .hfe-post-image img {
    height: 200px;
    object-fit: cover;
}


div#crat a.custom-cart-contents.no-add-cart {
    position: relative;
}

div#crat a.custom-cart-contents.no-add-cart i.fas.fa-shopping-cart {
    color: #002441 !important;
}



div#crat a.custom-cart-contents.no-add-cart span.cart-count, div#crat a.custom-cart-contents.add-cart span.cart-count {
    position: absolute;
    top: -5px;
    width: 18px;
    height: 18px;
    color: #ffffff;
    border-radius: 50px;
    background: #002441;
    text-align: center;
    line-height: 17px;
    font-size: 12px;
    font-family: 'Lato';
    font-weight: 500;
}


/* Responsive */


@media (max-width:1600px){



    div#who-we-serve .pp-slider-arrow{
        right: 72%;
        top: 172px;
    }


    div#menu-bar-item ul {
        width: 100%;
        flex-wrap: nowrap;
        justify-content: space-between;
    }


    div#menu-bar-item a.hfe-menu-item {
    padding: 12px 10px;
}


    div#who-servee {
    width: 84%;
}

 @keyframes scrollText {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(-50%);
    }
  }

/*



@keyframes scrollText {
    from {
        transform: translateX(0%);
    }

   to {
        transform: translateX(-298%);
    }
}*/

}
#basic-gallery-image-album{
    overflow: hidden;
}




.material-swatch-colors {
    width: 100%;
    height: 139px;
    margin-top: 30px;
}

.material-swatch-colors ul li {
    list-style: none;
}

.material-swatch-colors ul {
    margin: 0px;
    padding: 0px;
    display: flex;
    list-style: none;
    justify-content: left;
    align-items: center;
}


.material-swatch-colors h5 {
    color: #002441;
    font-family: "Playfair Display", Sans-serif;
    font-size: 26px;
    font-weight: 500;
    text-transform: uppercase;
}

.material-swatch-colors ul li img {
    width: 140px;
    height: 100px;
    object-fit: cover;
}


.breadcrumb {
    width: 1320px;
    margin: auto;
    padding-top: 60px;
}

span.woocommerce-Price-amount.amount {
    font-size: 18px;
    color: #002441;
    font-weight: 700;
}

div#prodcut-slider-prodcut span.price span.woocommerce-Price-amount.amount {
    color: #fff;
    line-height: 0px;
}

.woocommerce-notices-wrapper{
    padding: 0px;
}

.woocommerce-message {
    border-top-color: #002441;
    margin-top: 30px;
}



.woocommerce-cart .blog-main-page {
    padding-bottom: 0px;
}


td.actions .coupon button.button {
    border-radius: 0px;
    padding: 10px;
    font-family: 'Lato';
    font-size: 14px;
}


a.added_to_cart.wc-forward {
    color: #fff;
    display: inline-block;
    font-weight: 500;
    background: #002341;
    border-radius: 0px 0px 0px 0px;
    padding: 18px 75px 18px 75px;
    position: absolute;
    left: 50px;
    top: 27%;
        transition: all .4s;

}

a.added_to_cart.wc-forward, .woocommerce-shop ul.products li.product a.button.login-to-view {
    color: #fff;
    display: inline-block;
    font-weight: 500;
    background: #002341;
    border-radius: 0px 0px 0px 0px;
    padding: 18px 75px 18px 75px;
        transition: all .4s;

}


a.added_to_cart.wc-forward:hover, .woocommerce-shop ul.products li.product a.button.login-to-view:hover {
    color:#002341 ;
    background:#fff;
        transition: all .4s;

}



.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1{
    margin-bottom: 30px;
}

.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
    padding: 0px 20px 0px;
    color: #fff !important;
}




.woocommerce table.shop_table td, .woocommerce table.shop_table, table td,  table thead:first-child tr:first-child th{
    border: 0px;
}
table th{
    border-bottom: 1px solid #ccc;
}
.col-sm-8 table.shop_table tbody td {
    padding: 20px 0px;
    background: #fff;
    border-width: 0 0 1px 0;
    border-color: #ccc;
    border-style: solid;
}

.col-sm-8 table.shop_table tbody td img {
    max-width: 106px!important;
    width: 100%!important;
}

.col-sm-8 table.shop_table tbody td a, a.showcoupon, span.posted_in a {
    text-align: left;
    text-decoration: none!important;
    font-size: 16px!important;
    color: #000!important;
    font-weight: 500!important;
}

.page-content {
    padding: 80px 0px;
}

.cart_totals {
    background: #f6f6f6;
    width: 100% !important;
    float: none;
    width: 100%;
    padding: 40px;
}

.cart_totals h2{
    color: #002441;
    font-family: "Roboto", Sans-serif;
    font-size: 24px;
    font-weight: 500;
    line-height: 24px;
}

body.woocommerce-checkout table.shop_table.woocommerce-checkout-review-order-table {
    border: solid 2px #002441;
    border-radius: 0px 0px 10px 10px;
}

body.woocommerce-checkout h3#order_review_heading {
    background: #002441;
    color: #fff;
    padding: 10px 15px;
    border-radius: 10px 10px 0px 0px;
    margin-bottom: 0px;
}

body.woocommerce-checkout .woocommerce-checkout #payment {
    background: #f9f5f1;
    border-radius: 10px;
    padding: 20px;
    background: #e6e6e6;
    border: solid 2px #002441;
}


body.woocommerce-checkout .woocommerce-info::before {
    color: #000000;
}

div#customer_details {
    margin-bottom: 60px;
}


body.woocommerce-account h2{
    font-size: 30px;
    text-align: center;
    color: #002441;
}


body.woocommerce-cart main#content {
  
    width: 1320px!important;
    max-width: 100%!important;
    margin: auto;
}

body.woocommerce-cart .row {
    display: flex;
    justify-content: space-between;
}


body.woocommerce-cart .row .col-sm-8 {
    width: 66%;
}

body.woocommerce-cart .row .col-sm-4{
    width: 33%;
}


body.woocommerce-cart .row .col-sm-8 span.woocommerce-Price-amount.amount {
    font-size: 16px;
    color: #002441;
    font-weight: 500;
}

body.woocommerce-cart .row .col-sm-4 {
    width: 33%;
    margin-left: 70px;
}

div#order_review span.woocommerce-Price-amount.amount {
    font-size: 18px;
    color: #002441;
    font-weight: 700;
}

.select2-search--dropdown, {
    display: none;
}

span.select2-selection.select2-selection--single {

    height: 49px;
    padding: 5px 10px!important;
}

body.woocommerce-checkout {
    overflow-x: hidden;
}

div#tab-register form.woocommerce-form.woocommerce-form-register.register {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

div#tab-register form.woocommerce-form.woocommerce-form-register.register p.form-row {
    width: calc(50% - 10px);
}



.woocommerce-lost-password .woocommerce {
    flex-direction: column;
    max-width: 800px;
    margin: auto;
}

p.lost_password {
    display: block;
    width: 100%;
}

p.form-row.form-row-wide.full-input {
    width: 100% !important;
}

.woocommerce-MyAccount-content input {
    color: #fff;
}

.woocommerce div.product div.summary td, .woocommerce div.product div.summary td:hover, .woocommerce div.product div.summary th, .woocommerce div.product div.summary th:hover {
    background: inherit!important;
}


.woocommerce div.product div.summary td .cfvsw-swatches-option.cfvsw-label-option .cfvsw-swatch-inner {
    position: relative;
}

.woocommerce div.product div.summary td .cfvsw-swatches-option.cfvsw-label-option.cfvsw-selected-swatch :after {
    position: absolute;
    content: '\f058';
    color: #000;
    font-size: 12px;
    top: -11px;
    right: -13px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

.woocommerce div.product form.cart .variations label{
    text-transform: uppercase;

}

th.label label {
    font-size: 18px!important;
    text-transform: uppercase;
    font-weight: 600!important;
    font-family: 'Lato'!important;
}

div#prodcut-slider-prodcut .variation-function-added {
    display: none;
}

th.label {
    border-bottom: 1px solid #e3e2dd ! Important;
    margin: 0px !important;
    padding: 14px 4px;
}

.woocommerce div.product div.summary .cfvsw-selected-label {
    content: " : ";
    font-weight: 500;
    font-size: 18px;
    text-transform: capitalize;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active
 {
    background: #ffffff;
    color: #002441 !important;
    border-bottom: 1px solid #000 !important;
    z-index: 2;
    border-bottom-color: #fff;
}


.woocommerce-shipping-fields label {
    color: #002441;
}


header.woocommerce-Address-title.title h2 {
    text-align: left;
    font-size: 28px;
}

.u-columns.woocommerce-Addresses.col2-set.addresses .u-column2.col-2.woocommerce-Address {
    padding: 0px;
}

header.woocommerce-Address-title.title h2 {
    text-align: left;
    font-size: 28px;
}

.u-columns.woocommerce-Addresses.col2-set.addresses .u-column2.col-2.woocommerce-Address {
    padding: 0px;
}


td.value.disable-to-select, td.value  {
    flex-direction: column!important;
    
}

/*td.value a.reset_variations {
    margin: 0px;
    padding: 0px!important;
}
*/
 td.value.disable-to-select a.reset_variations, td.value a.reset_variations {
    width: max-content;
    background-color: #fff !important;
    font-family: "Lato", Sans-serif;
    font-size: 18px !important;
    font-weight: 500 !important;
    color: #002441 !important;
    border-radius: 0px 0px 0px 0px !important;
    padding: 10px 26px!important;
    transition: all .4s !important;
    text-decoration: none !important;
    border: 1px solid #002441 !important;
    margin-top: 30px;
}
 td.value.disable-to-select a.reset_variations:hover, td.value a.reset_variations:hover {
    background-color: #002441 !important;
    color: #fff !important;


}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
    color: #002441 !important;
}

a.request {
    order: 4;
}



form.wpcf7-form.init ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

div#pum_popup_title_2930 {
    font-size: 22px;
    font-family: 'Playfair Display';
    padding: 5px 0px;
}
.p-rich_text_section ul {
    padding: 0px;
    list-style: none;
}

.p-rich_text_section ul li.full textarea {
    height: 150px;
}


.p-rich_text_section ul  li.submit-button input.wpcf7-form-control {
    padding: 10px 30px;
    font-size: 16px;
}

a.reset_variations[style="visibility: hidden;"]{
    display: none;
}

/*form.cart .quantity, button.single_add_to_cart_button.button, input.input-text.qty.text {
    display: none;
}
*/

h3.package-detail-title {
    font-weight: 600;
    font-size: 20px;
}


.summary.entry-summary ul {
    padding-left: 24px;
    margin-bottom: 10px;
}

.summary.entry-summary ul li {
    line-height: 27px;
}


.summary.entry-summary ul li {
    line-height: 24px;
    font-size: 14px;
    color: #000;
}

div#our-albums-section a.button.product_type_variable.add_to_cart_button {
    display: none !important;
}

body.woocommerce-view-order .woocommerce-column.woocommerce-column--2.woocommerce-column--shipping-address.col-2 address{
    color: #fff;
}

p#order_comments_field label{
    color: #000;
}
section.related.products ul.products li span.woocommerce-Price-amount.amount{
    color: #fff;
}

section.related.products ul.products li a.button.product_type_variable{
    display: none;
}



 section.related.products ul.products li a.login-to-view {
    padding: 18px 30px 18px 30px;
}

section.related.products ul.products li a.login-to-view:hover{
    padding: 18px 30px 18px 30px;
}


section.related.products ul.products li.last {
    margin-right: 0px !important;
}

div#privacy-policy-menu-section nav.hfe-nav-menu__layout-horizontal {
    width: 100% !important;
    max-width: 100%;
}



div#privacy-policy-menu-section ul li:after {
    position: absolute;
    content: "|";
    top: 2px;
    left: 0px;
}

div#privacy-policy-menu-section ul li:nth-child(1):after {
    position: absolute;
    content: inherit;
    top: 2px;
    left: 0px;
}

div#privacy-policy-menu-section ul {
    position: relative;
}

.summary.entry-summary h2.product_title.entry-title {
    color: #002441;
    font-family: "Playfair Display", Sans-serif;
    font-size: 48px;
    font-weight: 500;
    text-transform: capitalize;
}


.pum-trigger, select.orderby{display:none;}


.woocommerce-view-order .page-content {
    padding: 0px;
}
.create-account label.woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox {
    display: flex!important;
    align-items: center;
    justify-content: start;
}
.create-account label.woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox span {
    width: calc(100% - 30px);
}
.create-account label.woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox input {
    width: 20px!important;
    margin: 10px 10px 10px 0;
}

.all-albums-wrapper a.all-albums-btn{
    text-align: center;
    display: inline-block;
    background: #fff;
    padding: 18px 56px;
    margin-top: 50px;
    margin-bottom: 30px;
    font-size: 18px;
    border: 1px solid #fff;
     transition: all .4s;
      font-weight: 500;
    font-family: "Lato", Sans-serif;;
    text-transform: uppercase;
}

.all-albums-wrapper {
    text-align: center;
}

.all-albums-wrapper a.all-albums-btn:hover{
    background: #002441;
    color: #fff;
     transition: all .4s;
}
button#place_order:hover {
 background: #fff;
    color: #002441;
     transition: all .4s;
         border: 1px solid #002441;


}
button#place_order {
    text-align: center;
    display: inline-block;
    background: #002441;
    padding: 18px 56px;
    margin-top: 30px;
    font-size: 16px;
    border: 1px solid #fff;
     transition: all .4s;
}

.ehf-header #masthead{
    position: initial;
}
  
header#masthead {
  width: 100%;
  transition: all 0.3s ease;
}


header#masthead.sticky {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
}

body.sticky-header {
  padding-top: 80px; /* set to header height, adjust as needed */
}

td.product-name a, dl.variation {
    width: 85%;
    display: inline-block;
    margin: 0px 20px 8px 20px;
    text-align: left !important;
}


@media (max-width:1600px) {
        .image-box-service .elementor-element:after {
        left: 162px;
    }


    div#crat a.custom-cart-contents.no-add-cart span.cart-count, div#crat a.custom-cart-contents.add-cart span.cart-count {
    position: absolute;
    top: -5px;
   }
}


@media (max-width:1400px){


    div#menu-bar-item nav.hfe-nav-menu__layout-horizontal {
    width: 100% !important;
    max-width: 100%;
}

    div#who-we-serve-section .elementor-element img {
    height: 710px;
}


div#who-we-serve-section  .pp-info-box-description p{
    min-height: 200px;
}

    div#who-we-serve .pp-slider-arrow {
        right: 72%;
        top: 243px;
    }


    .image-box-service .elementor-element:after{


            left: 155px;
    }

div#footer-menu nav.hfe-nav-menu__layout-vertical.hfe-nav-menu__submenu-arrow {
    width: 100% !important;
}


}


@media (max-width:1300px){

    div#crat a.custom-cart-contents.no-add-cart span.cart-count, div#crat a.custom-cart-contents.add-cart span.cart-count {
    top: -6px;
}
    .image-box-service .elementor-element:after {
        left: 120px;
    }


    section.related.products ul.products li {
    width: calc(24% - 10px);
    margin-right: 28px;
}

section.related.products{
    padding: 90px 10px;
}

}


@media (max-width:1200px){


div#album-designer-section .pp-info-box-content{
    min-height: 186px;
}



div#album-designer-section .pp-slider-arrow.elementor-swiper-button-next {
    right: 0px;
}

div#album-designer-section .pp-slider-arrow.elementor-swiper-button-prev{
    left: 0px;
}

div#who-we-serve .pp-slider-arrow{
    top: 200px;
}



  section.related.products ul.products li {
        width: calc(22% - 0px);
    }

#prodcut-slider-prodcut h2.woocommerce-loop-product__title, section.related.products ul.products li h2 {
 
    min-height: 113px;
}

    div#menu-bar-item a.hfe-menu-item {
        padding: 12px 8px;
    }



    .single.single-product .breadcrumb {
        padding: 50px 50px 0px 50px;
    }

  .main-product-page-one, nav.woocommerce-breadcrumb {
  
    padding: 50px 50px;
}

section.related.products {
    padding: 50px 20px;
}

/*section.related.products ul.products li {
    width: calc(24% - 8px);
}*/

.image-box-service .elementor-element:after{
    display: none;
}

.blog-main-page {
    padding: 50px;
}

.single-post .blog-main-page .page-content {

    padding: 30px;

}

.blog-main-page ol, .blog-main-page ul {
    padding: 0px;
}

.blog-main-page ol li {
    margin-bottom: 12px;

}

    div#who-we-serve-section .elementor-element img {
        height: 607px;
    }


    div#who-servee {
        width: 98%;
    }

    div#crat a.custom-cart-contents.no-add-cart span.cart-count, div#crat a.custom-cart-contents.add-cart span.cart-count {
    top: -5px;
    width: 13px;
    right: -11px;
    height: 13px;
    line-height: 13px;
    font-size: 9px;
}


}




@media (max-width:1024px){

    nav.hfe-nav-menu__layout-horizontal.hfe-nav-menu__submenu-arrow.hfe-dropdown {
    overflow: hidden;
}


    body.woocommerce-cart .row {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

body.woocommerce-cart .row .col-sm-8 {
    width: 100%;
}

body.woocommerce-cart .row .col-sm-4 {
    width: 100%;
    margin-left: 0px;
}


    .breadcrumb {
    width: 1320px;
    max-width:96%;
}
.single.single-product .breadcrumb{

    padding: 10px 10px;
}
.summary.entry-summary h2.product_title.entry-title {
    font-size: 36px;

}

    #prodcut-slider-prodcut h2.woocommerce-loop-product__title, section.related.products ul.products li h2 {
        min-height: 68px;
        font-size: 17px !important;
    }


    body.woocommerce-checkout .blog-main-page {
    padding: 60px 10px;
}


    div#album-designer-section .pp-info-box-content {

    min-height: 192px;

}

    div#who-we-serve-section .elementor-element img {
    height: 600px;
}


      .blog-main-page {
        padding: 20px;
    }

    header#masthead.sticky a.elementor-icon {
    background: #fff !important;
}

    .image-box-service:before, .image-box-service:after, .image-box-service img{
        width: 100%;
    }


    div#prodcut-slider-prodcut ul.products li {
        width: calc(30% - 0px);
        margin-bottom: 13px;
    }


/*header#masthead.sticky {

    overflow: visible;
}*/

    section.related.products ul.products {
        width: 100%;
        gap: 20px;
        flex-wrap: wrap;
        display: flex;
        justify-content: space-evenly;
    }

div#who-we-image-side .elementor-widget-image {
    width: 100%;
    object-fit: cover;
}

section.related.products ul.products li{
    margin-right: 18px;
    width: calc(47% - 10px);
}

.woocommerce .products ul::after, .woocommerce .products ul::before, .woocommerce ul.products::after, .woocommerce ul.products::before {
  content: inherit;
  display: none;

}
section.related.products {
        padding: 50px 10px;
    }

}



@media (max-width:991PX) {

 .woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last, 
 .woocommerce form .form-row, div#tab-register form.woocommerce-form.woocommerce-form-register.register p.form-row {
    width: 100%;
}
div#tab-register form.woocommerce-form.woocommerce-form-register.register {

    gap: 10px;
}

div#company-text-after-logo h3.elementor-heading-title span
 {
    display: block;
    margin: 6px 0px;
    text-align: left;
}

        .my-account-page {
    padding: 50px 20px;
}

.woocommerce-account .woocommerce-MyAccount-navigation, .woocommerce-account .woocommerce-MyAccount-content{
    float: inherit;
    width: 100%!important;
}
.my-account-page .woocommerce {
    display: flex;
    flex-direction: column;
}

.banner-blog-all h1 {
    color: #fff;
    font-size: 36px;
}

.banner-blog-all {
    padding: 100px 20px;
    background: #002441;
}

div#footer-menu ul li a {
    justify-content: start;
}

.single-product main#main{
    padding: 0px;
}



.main-description {
    display: inline-block;
    width: 100%;
}

div#prodcut-slider-prodcut a.button.product_type_simple, section.related.products ul.products li a.button.product_type_simple {


    transition: all 0!important;


}


div#prodcut-slider-prodcut a.button.product_type_simple:hover, section.related.products ul.products li a.button.product_type_simple :hover{


    transition: all 0!important;
    border: 1px solid #fff;

}

div#album-designer-section .pp-slider-arrow {
    width: 30px;
    height: 30px;
    font-size: 16px;
}


div#prodcut-slider-prodcut ul.products:before {display: none;}

div#prodcut-slider-prodcut ul.products:after {
    display: none;
}


    body.archive div#prodcut-slider-prodcut{
        padding: 50px 0px;
    }



div#prodcut-slider-prodcut ul.products, div#prodcut-slider-prodcut ul.products {
    width: 100%;
    gap: 20px;
    flex-wrap: wrap;
    display: flex;
    justify-content: center;
}

div#our-albums-section {
    padding: 0px;
}

    section.related.products ul.products li {
        margin-right: 18px;
        width: calc(46% - 10px);
    }

}

@media (max-width:767px){





section.related.products ul.products li.wpzoom-wc-spi-has-enabled.product.type-product{
    margin-bottom: 10px!important;
}


    .breadcrumb {
    width: 1320px;
    margin: auto;
    padding-top: 60px;
    max-width: 94%;
}


.summary.entry-summary h2.product_title.entry-title {
    font-size: 30px;
}

    .single-post .blog-main-page .page-content h2 {
    font-size: 24px;
}


        div#prodcut-slider-prodcut ul.products li {
        width: calc(47% - 0px);
        margin-bottom: 13px;
    }


    .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2{
        padding: 0px;
    }

    div#album-designer-section .pp-slider-arrow {
            top: 41%;
}

    .scroll-content p{
        font-size: 76px;
        line-height: 70px;
    }

        div#who-we-serve .pp-slider-arrow {
        right: 61%;
        top: 243px;
    }

       div#tab-album-design .e-n-tabs-heading {
    display: flex;
    flex-direction: column !important;
}

  
    .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
        width: 46%;
    }

        .main-product-page-one, nav.woocommerce-breadcrumb {
        padding: 20px 20px;
    }

    h1.product_title.entry-title, .main-description div#tab-description h2, section.related.products h2, div#tab-additional_information h2 {
    font-size: 24px;
}

.main-description div#tab-description, .woocommerce div.product .woocommerce-tabs .panel {
    padding: 20px 20px;
}




    div#testimonial-section::after, div#testimonial-section:before{
        display: none;
    }


    div#footer-icons {
    display: flex;
    justify-content: start;
}

    div#prodcut-slider-prodcut ul.products li
 {
        width: calc(46% - 0px);
        margin-bottom: 13px;
    }


    .banner-blog-all h1 {
        color: #fff;
        font-size: 28px;
    }

    div#who-we-serve .pp-slider-arrow {
        top: 80%;
    }


.gallery-spacing-custom figure.gallery-item .gallery-icon.landscape img:hover {
      transform: scale(0.9);

}


body.woocommerce-cart .row .col-sm-8 {
    width: 100%;
}
body.woocommerce-cart .row {
 
    flex-direction: column;
}

.col-sm-8 table.shop_table tbody td {
    padding: 20px 10px;
}

body.woocommerce-cart .row .col-sm-4 {
    width: 100%;
    margin-left: 0px;
}

.cart_totals {
    padding: 10px;
}

    .blog-main-page {
        padding: 0px;
    }
    .page-content, body.woocommerce-checkout .blog-main-page{
        padding: 50px 0px;
    }
.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2{
    padding: 0px;
}

.woocommerce-shipping-fields label{
    font-size: 21px;
}

body.woocommerce-checkout .blog-main-page .page-content {
    padding: 20px;
}


.all-albums-wrapper a.all-albums-btn {
        font-size: 16px;
        margin-top: 0px;
        padding: 14px 36px;
    }


}


@media (max-width:593px){


body.woocommerce-checkout .woocommerce-checkout #payment{
    padding: 0px;
}

    .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text{
        width: 160px!important;
    }


    .woocommerce-account .woocommerce-MyAccount-content {
        padding: 10px;
}

 
.material-swatch-colors ul li img {
    width: 46px;
    height: 47px;
}

.material-swatch-colors ul {justify-content: space-evenly;padding: 0px;}

    section.related.products, .main-description .woocommerce-tabs.wc-tabs-wrapper {
        padding: 14px;
    }

div#slider-text marquee {
        font-size: 73px;
        line-height: 80px;
    }

.woocommerce-account main#content {
        width: 100%;
        max-width: 362px !important;
        background: #ffffff;
    }
    

div#tab-login form.woocommerce-form, div#tab-register form.woocommerce-form.woocommerce-form-register.register {
    display: flex;
    flex-wrap: inherit;
    gap: 20px;
    flex-direction: column;
} 

div#tab-login form.woocommerce-form p.form-row, div#tab-register form.woocommerce-form.woocommerce-form-register.register p.form-row {
    width: 100%;
}

.tabbed-login-register {
    width: 100%;
    max-width: 86%;
    margin: auto;
}


div#prodcut-slider-prodcut a.button.product_type_simple, section.related.products ul.products li a.button.product_type_simple, div#prodcut-slider-prodcut ul.products li a.button.product_type_variable, div#prodcut-slider-prodcut ul.products li a.button.login-to-view, section.related.products ul.products li a.login-to-view {

    padding: 10px 26px;
    font-size: 14px;

}

div#prodcut-slider-prodcut a.button.product_type_simple:hover, section.related.products ul.products li a.button.product_type_simple:hover, 
div#prodcut-slider-prodcut ul.products li a.button.product_type_variable:hover, div#prodcut-slider-prodcut ul.products li a.button.login-to-view:hover, 
section.related.products ul.products li a.login-to-view:hover, .woocommerce-variation-price a.button.login-to-view:hover{
  padding: 10px 26px;
      font-size: 14px;

}

.all-albums-wrapper {
    text-align: left;
}

td.product-name a, dl.variation {
    width: 100%;
    display: inline-block;
    margin: 10px 0px;
    text-align: left !important;
}

}




@media (max-width:480px) {


        .main-product-page-one, nav.woocommerce-breadcrumb {
        padding: 10px;
    }


      .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
        width: 100%;
}


 

        div#who-we-serve-section .elementor-element img {
        height: 300px;
    }


    
    div#who-we-image-side .elementor-widget-image {
    margin: 0px;
}

     div#prodcut-slider-prodcut ul.products li
 {
        width: calc(100% - 0px);
        margin-bottom: 13px;
    }

        #prodcut-slider-prodcut h2.woocommerce-loop-product__title, section.related.products ul.products li h2 {
        min-height: inherit;
    }


    div#get-in-touch ul li.half {
    width: calc(100% - 0px);
}

    .my-account-page {
        padding: 50px 0px;
    }

    .my-account-page .xoo-el-form-container.xoo-el-form-inline {
    padding: 30px;
    width: 100%;
}


.woocommerce-shipping-fields label{
    font-size: 19px;
}

.woocommerce-order-received h2.woocommerce-column__title{

    font-size: 30PX;
}

    body.woocommerce-order-received .blog-main-page .page-content {
        padding: 0px;
    }

    .col-sm-8 table.shop_table tbody td button.button, .coupon input#coupon_code, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text {
        width: 100%!important;
        margin-bottom: 20px;
    }

}



@media (max-width:320px) {




    div#privacy-policy-menu-section ul li:after {
    position: absolute;
    content: inherit;
    top: 2px;
    left: 0px;
}


div#privacy-policy-menu-section ul {
    position: relative;
}


    .breadcrumb {
        width: 320px;
        margin: inherit!important;
        overflow: hidden;
    }


}

//  added on 1/18/2026 for the arrow
/* Container for the new navigation */
.custom-album-nav-container {
    display: flex;
    justify-content: space-between; /* Forces the gap in the middle */
    align-items: center;
    width: 100%;
    max-width: 1200px; /* Adjust this to match your site's content width */
    margin: 15px auto; /* Centers the container and adds vertical spacing */
    padding: 10px 0;
    border-bottom: 1px solid #f0f0f0; /* Adds a clean separator line */
}

/* Style for the Previous/Next links */
.nav-arrow-link {
    font-size: 13px;
    font-weight: 700;
    color: #151C62 !important; /* Your signature blue #002D58 */
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    transition: color 0.3s ease;
}

.nav-arrow-link:hover {
    color: #bfa37a !important; /* Your brand gold */
    text-decoration: underline;
}

/* Mobile responsive adjustments */
@media (max-width: 768px) {
    .custom-album-nav-container {
        padding: 10px 15px; /* Adds breathing room on small screens */
    }
    .nav-arrow-link {
        font-size: 11px; /* Keeps text from wrapping on cell phones */
    }
}
/* Forces the container to span the width and pushes buttons to the edges */
.custom-album-nav-container {
    display: flex !important;
    justify-content: space-between !important;
    width: 100% !important;
    margin: 15px 0 !important;
    padding-bottom: 10px !important;
    /* Updated to the Navy Blue color code used in your headings */
    border-bottom: 2px solid #002D58 !important;
}


/* Style for the Previous/Next/View All text */
.nav-arrow-link {
    font-size: 12px;
    font-weight: 700;
    color: #151C62 !important; /* Matches your Mesmera brand blue #002D58 */
    text-decoration: none;
    letter-spacing: 0.5px;
    white-space: nowrap; /* Prevents text wrapping on mobile */
}

.nav-arrow-link:hover {
    color: #bfa37a !important; /* Matches the gold in your product images */
}

/* Specific styling for the 'VIEW ALL' center link */
.nav-arrow-link.view-all {
    font-size: 10px;
    opacity: 0.6;
}



/* --- CUSTOM PRODUCT BANNER HEIGHTS done by provat on 1/24/2026 --- */

/* Mobile First (Default) */
.banner-blog-all {
    padding: 5px 0 !important;
    min-height: auto !important;
}
.banner-blog-all h1.entry-title {
    font-size: 1.4rem !important;
    margin: 0 !important;
}

/* Tablet */
@media (min-width: 768px) {
    .banner-blog-all {
        padding: 25px 0 !important;
    }
}

/* Desktop & Large Monitors */
@media (min-width: 1024px) {
    .banner-blog-all {
        padding: 35px 0 !important;
    }
    .banner-blog-all h1.entry-title {
        font-size: 2.2rem !important;
    }
}