.home_content .slide_viewer {
    height: 90vh !important;
    width: 100% !important;
    max-width: 1920px !important;
    max-height: 1000px !important;
}

.single.slide_viewer {
    height: 90vh !important;
}

.div_slide .slide {
    max-width: 1980px;
    max-height: 1000px;
}

.accordion .in.collapse,
.capi h3 br,
.col-md-12.recaptcha,
.rating input,
.scroll-btn,
.side-upload-sec #file-input,
.view-more-btn,
details #close,
details[open] #open {
    display: none
}

.card-group label,
.counter span {
    user-select: none;
    cursor: pointer
}

.banner-image,
.banner-saction {
    height: 100vh;
    max-height: 700px
}

.cont-gallery p span,
.discount-price,
.tbale-row table td span,
span.linethrough {
    text-decoration: line-through
}

.gallery-saction .original_printed_sample_res .row {
    justify-content: space-around;
}

.masonry-item_hoz {
    width: auto;
    min-width: 345px;
    max-width: 48%;
    max-height: 300px;
    margin: 10px
}

.center {
    justify-content: center;
}

.masonry-item_hoz .inner-all-catgor {
    width: 100%;
    height: 100%;
}

.login-remember .card,
.slick-slide {
    height: auto !important
}

.btn-check:checked+.btn,
.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check)+.btn:active {
    color: var(--bs-btn-active-color);
    background-color: var(--bs-btn-active-bg);
    border-color: #fff !important
}

body {
    font-family: Roboto, sans-serif;
    margin: 0;
    padding: 0
}

.checkout-bt a {
    width: 100%;
    background: #056fb9;
    color: #fff;
    display: block;
    text-align: center;
    padding: 5px;
    font-size: 15px;
    margin-top: 10px
}

.cat input:checked+span,
.checkout-bt a:hover,
.cont-tab h3,
.heading-top-upload h4,
.inner-print:hover .cont-prnt,
.inner-print:hover h3,
.inner-print:hover p,
.order-butt a:hover,
.tab-code-nav-recommended .budget-radio label input:checked+span,
.uncon-promis-section .tablink.active {
    color: #fff
}

.common-loader {
    position: fixed;
    z-index: 999;
    width: 100%;
    height: 100vh;
    text-align: center;
    padding: 33rem 0;
    background-color: rgba(0, 0, 0, .9);
    overflow-y: scroll;
    display: inline-block;
    background-size: cover;
    top: 0 !important
}

.common-loader .loading-image {
    width: 95px
}

.top-header {
    display: inline-block;
    width: 100%;
    padding: 10px 0 0
}

.logo-box img {
    width: 90px
}

.buton-order-canves,
.search-box {
    display: inline-block;
    width: 100%;
    text-align: center
}

.search-box .search {
    display: inline-block;
    width: 100%;
    position: relative;
    padding: 6px 0 0
}

.search-box .search .searchTerm {
    width: 100%;
    border: 1px solid grey;
    border-radius: 5px;
    padding: 5px 10px;
    font-size: 13px
}

.search-box .searchButton {
    position: absolute;
    right: -27px;
    background-color: transparent;
    border: none;
    padding: 0;
    top: 2px;
    color: #666;
    font-weight: 400
}

.checkout-canva,
.top-right {
    display: flex;
    width: 100%
}

.top-right ul {
    width: 100%;
    text-align: right;
    margin: 0
}

.top-right li {
    display: inline-block;
    width: auto;
    padding: 9px 10px 0;
    border-right: 2px solid #4d4d4d;
    position: relative
}

.fom-popup,
.nab-bar-row-saction,
.navigaction-baar,
.python-page-all-right,
.text-form,
.top-right li a,
span.more-canvas a {
    display: inline-block;
    width: 100%
}

.top-right li a span {
    display: inline-block;
    text-align: left;
    color: #4d4d4d;
    font-size: 10px;
    font-weight: 500
}

.top-right li:last-child,
.top-right li:nth-child(2) {
    border-right: none
}

.top-right li a img {
    float: left;
    width: 25px;
    margin: 0 7px 0 0
}

.accordion .collapse.show.in,
.button-wall.Automatic a,
.button-wall.display a,
.button-wall.maker a,
.dropdown:hover>.dropdown-menu,
.gallery-inner-box:hover .btn-order,
.login-remember .row.mb-3,
.slide:first-child,
details[open] #close {
    display: block
}

.megamenu {
    position: static
}

.megamenu .dropdown-menu {
    border: none;
    width: 100%
}

.navigaction-baar .navbar.navbar-expand-lg.shadow-sm {
    padding: 0 5%;
    border-top: 2px solid #666;
    margin: 4px 0 0
}

.Largest-Canvas .row,
.col-md-5.form-ne,
.col-md-5.method,
.col-md-6.col-sm-6.col-lg-5,
.col-md-7.manifest,
.collage-section .col-md-6,
.form-box-footer .col-md-12,
.gallery-blade .col-md-9,
.navigaction-baar .col-md-12,
.navigaction-baar .container,
.row.catagory-sec {
    padding: 0
}

.navigaction-baar .navbar-nav.ml-auto {
    display: flex;
    margin: 0 !important;
    align-items: flex-end;
    justify-content: space-between;
    width: 88%
}

.navigaction-baar ul li a {
    padding: 14px 0 0 !important;
    color: #474747;
    font-size: 15px;
    font-weight: 400 !important;
    text-transform: capitalize !important;
    position: relative
}

.nab-bar-row-saction ul li a.active::after,
.navigaction-baar ul li a.active::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 2px;
    background-color: #0e75bb;
    bottom: 0;
    left: 0
}

.dropdown,
.dropleft,
.dropright,
.dropup {
    position: inherit !important
}

.bg-dark {
    background-color: #343a40 !important;
    width: 100%
}

.navigaction-baar ul .p-4 {
    padding: 0 !important
}

.navigaction-baar .list-unstyled li img {
    width: 100%;
    object-fit: cover;
    height: 100px
}

.navigaction-baar .list-unstyled li {
    float: left;
    width: 9%;
    text-align: center;
    margin: 1% 2% 1% 0
}

.navigaction-baar .list-unstyled li a {
    padding: 0 0 10px !important;
    width: 100%;
    display: inline-block;
    box-shadow: 1px 1px 2px #ebebeb;
    border-radius: 5px;
    overflow: hidden
}

.navigaction-baar .row.bg-dark.text-light.rounded-0.m-0.shadow-sm {
    padding: 0 5%
}

.row.bg-dark.text-light.rounded-0.m-0.shadow-sm {
    background-color: #fff !important;
    box-shadow: 1px 3px 3px #e0e0e0
}

.list-unstyled li a span,
.navigaction-baar .list-unstyled li a span {
    font-size: 13px;
    margin: 6px 0 0;
    display: inline-block
}

.banner-saction {
    padding: 0;
    width: 100%;
    background: #000;
    background: linear-gradient(0deg, rgba(0, 0, 0, .7570378493194152) 1%, rgba(255, 255, 255, 0) 90%);
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    position: relative;
    margin: 10px 0 0
}

.banner-image {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1
}

.banner-image img {
    width: 1200px;
    height: 100%;
    object-fit: cover
}

.banner-saction .row {
    z-index: 99;
    position: relative
}

.banner-content-left {
    text-align: center;
    width: 100%;
    padding: 0 0 p;
    display: inline-block;
    position: absolute;
    bottom: 10%;
    left: 0;
    right: 0;
    margin: 0 auto
}

.banner-content-left h2 {
    color: #fff;
    font-size: 2.5rem;
    font-weight: 400;
    line-height: 33px
}

.banner-content-left p {
    padding: 0;
    margin: 15px 0 25px;
    color: #fff;
    font-size: 1.5rem;
    display: inline-block;
    width: 100%
}

.banner-content-left a {
    background-color: #f36f2f;
    color: #fff !important;
    padding: 10px 15px;
    border-radius: 5px;
    font-size: 1.3rem;
    border: none;
    cursor: pointer
}

.select-product .select-dropdown select {
    font-weight: 400;
    max-width: 100%;
    padding: 6%;
    font-size: 15px;
    background-color: transparent;
    border-radius: 6px
}

.accord_btn,
.z-0 {
    display: none !important
}

.accordion-button:focus {
    box-shadow: none !important
}

.carousel-item-next,
.carousel-item-prev,
.carousel-item.active,
.collapse:not(.show),
.dropdown-menu.show,
.order-name p,
.tab-content>.active {
    display: block !important
}

.accordion-button:not(.collapsed) {
    background-color: unset !important
}

.banner-from-table .select-product span {
    font-size: .9rem
}

.select-dropdown select:focus,
.select-product .select-dropdown select:active {
    outline: 0;
    box-shadow: none
}

.banner-from-table {
    background-color: #fff;
    width: 485px;
    display: inline-block;
    border-radius: 5px;
    padding: 20px;
    position: absolute;
    right: 6%;
    z-index: 0;
    margin: 0;
    text-align: center;
    top: 12px
}

.banner_home {
    /* top: 170px */
}

.bn_home {
    /* top: 51px !important */
}

.home_slick_sli .mobile_img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.img-container {
    width: 100%;
    height: 100%;
}

.banner-from-table::-webkit-scrollbar {
    width: 8px
}

.banner-from-table::-webkit-scrollbar-track {
    background: 0 0
}

.banner-from-table::-webkit-scrollbar-thumb {
    background: 0 0;
    border-radius: 10px
}

.banner-from-table:hover .banner-from-table::-webkit-scrollbar-thumb {
    background: #888
}

.header-main-section {
    background: #fff;
    position: relative;
    z-index: 99;
    padding-bottom: 13px
}

.banner-from-table .get-one-free {
    background-color: #cff4fc;
    color: #055160;
    text-align: center;
    padding: 3% 1%;
    border-radius: 5px;
    font-size: 12px;
    width: 100%;
    display: inline-block
}

.banner-from-table .get-one-free em {
    font-style: normal;
    color: #e76d36
}

.banner-from-table .select-product {
    background-color: #efefef;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1% 10%;
    border-radius: 5px;
    margin: 1% 0
}

.banner-from-right {
    display: inline-block;
    width: 100%;
    margin-bottom: 10%
}

.tbale-row {
    display: inline-block;
    width: 100%;
    margin: 15px 0
}

#content img,
.Canvas-Print-gallery img,
.Hi-Resolution-printer-image img,
.canva-print-img img,
.cart-list table,
.cat.action,
.college-img-Qw img,
.content-img img,
.cost-collage-cup img,
.demo-Slider,
.fram-size-pop img,
.hover-3:hover img,
.inner-rec-cont img,
.invited-new-design .row.left-side,
.nav>li>a:focus,
.order-butt button,
.order-image-view .product-image.view-frame,
.order-place-main-section .left-side,
.payment_button-option a,
.photo-prits-canv .photo-prints-button,
.pic-tab img,
.ppt-cart-total-amot-gst.ss,
.print-product-image,
.print-product-image img,
.recommended-code-step table,
.sds img,
.showcase-your-photo-child img,
.store_change_detail ul li,
.style-image-true img,
.tab-code-nav-recommended .nav>li>a:hover,
.table-poduct-order table,
.tbale-row table,
.title-heading-inner.categories-heading h2,
.ump1 img,
.view-canvas-new img,
.width-attached-code .quantity-submit-row__submit.input-row {
    width: 100%
}

.tbale-row table th {
    color: #e76d36;
    font-size: 16px;
    padding: 5px 0;
    border-bottom: 1px solid grey;
    width: 30%
}

.tbale-row table td {
    padding: 2% 0;
    font-size: 13px;
    border-bottom: 1px solid grey
}

.calculate-canvas-box {
    display: inline-block;
    width: 100%;
    margin: 2% 0 0
}

.calculate-canvas-box span {
    display: inline-block;
    width: 100%;
    font-size: 12px;
    text-align: Center
}

.calculate-tow-box {
    float: left;
    width: 49%;
    margin: 2% 3px 0 0;
    padding: 0;
    position: relative
}

.select-product-heifht {
    display: flex;
    width: 100%;
    border: 1px solid #0872ba;
    padding: 2%
}

.Online-Customised,
.Related-Categories-section,
.section-about-04,
.section-about-05,
.soft-Canvas {
    padding: 40px 4%
}

.select-product-heifht .select-dropdown {
    width: 100%;
    font-weight: 600
}

.select-product-heifht select {
    border: none;
    font-size: 13px;
    padding: 3px;
    cursor: pointer
}

.select-product-heifht span {
    font-size: 12px;
    font-weight: 500;
    position: relative;
    top: 5px
}

.soft-Canvas {
    background: #00d3c2
}

.calculate-tow-box h6 {
    display: inline-block;
    width: 100%;
    margin: 9px 0 10px;
    font-size: 12px;
    font-weight: 400
}

.get40 {
    background-color: #cff4fc;
    color: #055160;
    text-align: center;
    padding: 6% 1%;
    border-radius: 5px;
    font-size: 12px;
    margin: 10px 0 0;
}

.price[_ngcontent-tik-c41] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 2%
}

.price p {
    margin: 0;
    font-size: 12px
}

.buton-order-canves button {
    width: 92%;
    margin: 15px 0 0;
    border-radius: 5px;
    border: none;
    padding: 14px 0;
    font-size: 13px;
    font-weight: 400;
    left: 0;
    right: 0;
    bottom: -45px;
    height: 55px
}

.buton-order-canves .order {
    background-color: #2877ab;
    color: #fff;
    background-color: #007bff;
    color: white;
    padding: 15px 10px;
    font-size: 1.1em;
    font-weight: bold;
    border: none;
    border-radius: 5px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
    cursor: pointer;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: fit-content;
    box-sizing: border-box;
    text-decoration: none;
    line-height: normal;
    vertical-align: middle;
    touch-action: manipulation;
}

.buton-order-canves .canvas {
    background-color: #e76d36;
    color: #fff;
    bottom: -49px
}

.categories-heading h2 {
    font-size: 28px;
    font-weight: 700;
    margin: 30px 0 20px;
    text-align: center
}

.categories-heading p {
    font-size: 18px;
    font-weight: 500;
    margin: 0 0 40px;
    text-align: center;
    color: #000
}

.categories-inner-items img {
    width: 100%;
    height: 100%
}

.catgor-inner-pic .categories-inner-items img {
    width: 100%;
    min-height: 27vh;
    overflow: hidden;
    object-fit: cover
}

.categories-inner-items {
    position: relative;
    height: 100% !important;
    object-fit: cover;
    overflow: hidden
}

.categories-inner-items p {
    position: absolute;
    bottom: 0;
    height: 12%;
    background-color: #000000b4;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    transition: .4s;
    margin: 0;
    font-size: 20px
}

.categories-inner-items:hover p,
svg[three-d-preview] {
    height: 100%
}

.catgor-inner-pic .categories-inner-items {
    margin: 1px 0 15px;
    height: 49vh !important;
    display: block
}

.row.catagory-sec .col-md-4 {
    padding: 2px 10px
}

.secnd img {
    width: 100% !important;
    min-height: 310px;
    object-fit: fill
}

.print-poters-soft,
.print-service-section,
.term-condition-sec {
    padding: 50px 0
}

.print-poster-four-boxes-sec h2,
.title-heading-inner h2 {
    font-size: 28px;
    font-weight: 600;
    text-align: center;
    position: relative;
    width: 79rem;
    margin: 0 auto 30px
}

.print-poster-four-boxes-sec h2::before,
.title-heading-inner h2:before {
    position: absolute;
    content: "";
    right: 0;
    bottom: 40%;
    background-color: #000;
    height: 3px;
    width: 30px
}

.print-poster-four-boxes-sec h2::after,
.title-heading-inner h2:after {
    position: absolute;
    content: "";
    left: 0;
    bottom: 40%;
    background-color: #000;
    height: 3px;
    width: 30px
}

.inner-print {
    align-items: center;
    margin: 10px 0;
    box-shadow: 3px 3px 15px #9b9b9b5c;
    border-radius: 5px;
    padding: 24px 46px;
    min-height: 235px
}

#product_add_to_cart #product_upload_file,
.onfiger-cot-canvas-ig {
    min-height: auto !important
}

.icon-prnt {
    text-align: center;
    background: #f9f9f9;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    display: flex;
    margin: 0 auto
}

.cont-prnt h3 {
    font-weight: 600;
    color: #424242;
    text-align: center;
    font-size: 24px;
    margin: 20px 0
}

.cont-prnt p {
    font-size: 16px;
    text-align: center;
    color: gray
}

.uncon-promis-section {
    padding: 70px 0;
    background: #f5f5f5
}

.pic-uncon img {
    width: 100%;
    border-radius: 10px
}

.uncon-inner {
    display: flex;
    width: 100%;
    box-shadow: 5px 5px 14px #e5e5e5;
    border-radius: 0;
    justify-content: space-between;
    margin: 32px 0
}

.loop h2,
.pic-uncon,
.star-demo img {
    width: 30%
}

.cont-uncon.right-cont {
    padding: 0 15px 15px
}

.cont-uncon {
    width: 70%;
    padding-left: 40px
}

.cont-uncon h3 {
    font-size: 20px;
    font-weight: 800;
    color: #2877ab
}

.cont-uncon p {
    font-size: 15px;
    line-height: 23px;
    word-spacing: 0rem;
    color: gray;
    font-weight: 400;
    margin: 5px 0;
    padding: 0 30px 0 0
}

.about-content p,
.art-desgin p,
.footer-inner p,
.largest-canvas-txt p,
.matter p,
.onfiger-cot-canvas-ig p,
.ops p,
.port p,
.wguh p {
    word-spacing: 0.3rem;
    word-spacing: 0.3rem
}

.configer-cot-Canvas .container,
.configer-cot-Canvas.output-seft .container,
.cont-uncon .cont-uncon.right-cont,
.invited-Canvas .container,
.output-photo .container,
.recomdation-cart-button,
canvas.lower-canvas {
    width: 100% !important
}

.button-dyamnic-cod,
.categories-section,
.collage-section {
    padding: 50px 4%
}

.uncon-titile h2 {
    width: 53rem
}

.right-cont {
    width: 70% !important;
    padding-left: 0;
    padding-right: 20px
}

.container {
    max-width: 100% !important
}

.footer {
    padding: 55px 4% 15px;
    background: no-repeat padding-box #eef0f7;
    flex-direction: column;
    width: 100%
}

.footer-logo {
    margin: 0 0 20px
}

.footer-inner h3 {
    font-size: 20px;
    font-weight: 600;
    color: #363636;
    margin: 0 0 20px
}

.footer-inner ul {
    padding: 0;
    list-style: none
}

.footer-inner ul li {
    margin: 7px 0
}

.footer-inner ul li a {
    color: gray !important;
    font-size: 16px;
    text-decoration: none;
    line-height: 28px
}

.footer-inner p {
    line-height: 1.8rem;
    letter-spacing: .1rem;
    color: #363636;
    font-size: 15px;
    width: 390px;
    margin-top: 20px
}

.paymetn-method img {
    width: 26% !important;
    margin: 0 10px
}

.paymetn-method {
    display: inline-flex
}

.bottm-fot,
.btn-quantity,
.buy-add-main,
.card-group,
.counter,
.four-box-icon,
.inner-bottm-sec,
.inner-cart-heading,
.onfiger-cot-canvas-ig,
.pin-code,
.ppt-check-box-pay,
.social-icon,
.two-btn-price,
div#Zoom-slide {
    display: flex
}

.border-line {
    border-top: 1px solid #ddd;
    padding: 30px 0 0;
    margin: 40px 0 0
}

.footer-inner.inqt li img {
    padding-right: 15px
}

.footer-mid-sec img,
.ppt-cart-total-amot,
.soft-Canvas .task-info img,
.text-left.form-group.mb-1,
.width-attached-code .Buy-submit-Buy.input-row,
.width-attached-code .quantity-submit-row__submit.input-row,
a.credit-sec img {}

.footer-cont p {
    color: grey;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px
}

.footer-mid-sec p {
    font-size: 18px;
    font-weight: 600;
    color: #000
}

.cart-list table td:last-child,
.cart-list tr th:last-child,
.inner-bottm p {
    text-align: right
}

.footer-mid-sec,
.frame-detail {
    display: flex;
    align-items: center;
    gap: 20px
}

.bottm-fot {
    justify-content: space-between;
    margin-top: 15px
}

.inner-bottm-sec p {
    margin-left: 20px
}

.social-icon img {
    width: 10%;
    margin: 0 10px
}

.accordion a.btn.btn-header-link.collapsed::after {
    transform: rotate(180deg) !important
}

.accordion .btn.btn-header-link::after {
    transform: rotate(0) !important
}

.accordion .card {
    height: auto !important;
    margin: 0 0 15px !important;
    box-shadow: 0 0 10px #ddd
}

.card {
    box-shadow: 0 3px 1px -2px #0003, 0 2px 2px #00000024, 0 1px 5px #0000001f;
    margin: 0 !important
}

.accordion .card a {
    font-size: 16px;
    font-weight: 600 !important
}

.accordion .card .card-body p span {
    font-size: 14px !important;
    font-family: inherit !important;
    color: grey !important
}

.accordion .card-body {
    font-size: 14px;
    line-height: 25px;
    padding: 10px 24px;
    background: #fff
}

#main #faq .card .card-header .btn-header-link {
    display: block;
    text-align: left;
    background: #fff;
    font-weight: 500;
    color: #222;
    padding: 15px 20px
}

#main #faq .card .card-header .btn-header-link.collapsed {
    background: #fff;
    color: #000
}

#main {
    margin: 50px 0
}

#main #faq .card {
    margin-bottom: 30px;
    border: 0
}

#main #faq .card .card-header {
    border: 0;
    -webkit-box-shadow: 0 0 20px 0 rgba(213, 213, 213, .5);
    box-shadow: 0 0 20px 0 rgba(213, 213, 213, .5);
    border-radius: 2px;
    padding: 0
}

#main #faq .card .card-header .btn-header-link:after {
    content: "\f107";
    font-family: FontAwesome;
    font-weight: 900;
    float: right
}

#main #faq .card .card-header .btn-header-link.collapsed:after {
    content: "\f106";
    font-family: FontAwesome
}

#main #faq .card .collapse {
    border: 0
}

.code-one-imge,
.code-one-imge img,
.code-one-imge::before,
.tab-inner::before {
    border-radius: 11.78px;
    width: 100%
}

#main #faq .card .collapse.show {
    background: #fff;
    line-height: 30px;
    color: #222
}

.title-heading-inner.india h2 {
    width: 58rem
}

.FAQ-secton-canvas {
    padding-top: 40px;
    background-color: #efefef;
    margin-top: 40px
}

.title-heading-inner.info h2 {
    width: 47rem
}

.two-images-code .row {
    justify-content: space-around
}

.code-one-imge img {
    max-height: 100%;
    object-fit: cover
}

.two-images-code .col-md-6 {
    max-width: 35% !important
}

.soft-Canvas .row {
    justify-content: space-evenly;
    display: flex
}

.two-images-code {
    padding: 40px;
    background: #f5f5f5;
    width: 100%
}

.code-one-imge {
    position: relative;
    display: inline-block;
    height: 400px;
    overflow: hidden
}

.code-one-imge h3 {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 25px;
    padding: 12px 0;
    margin: 0;
    position: absolute;
    bottom: 24px;
    left: 0;
    width: 100%;
    font-weight: 700
}

.code-one-imge::before {
    position: absolute;
    content: '';
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 62.73%, #000 100%)
}

.row-code-img {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px
}

.title-heading-inner.online h2 {
    width: 48%
}

.mein-online-customised {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 10px;
    height: 240px;
    text-align: center;
    margin: 0;
    border-radius: 4px;
    border: 1px solid #d9d9d9;
    background: #fff
}

.mein-online-customised img {
    width: 100%;
    height: 125px;
    object-fit: contain
}

.carousel-item img {
    width: 900px !important;
    height: 630px !important;
    margin: 0 auto
}

.mein-online-customised h3 {
    font-size: 16px;
    line-height: 24px;
    margin: 8px 0 5px;
    font-weight: 600;
    display: inline-block
}

.bottm-fot p,
.card-detail .about span,
.mein-online-customised p,
.posters-section-title #category_shape_amount5 span {
    font-size: 16px
}

.desgin-cod-Qw img,
.desgin-cod-Qw-img img {
    width: 100%;
    height: 320px;
    object-fit: cover
}

.Largest-Canvas .desgin-cod-Qw {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-shadow: 0 0 10px #e3e3e3;
    box-sizing: border-box
}

.fieldInput .form-input:focus,
.order-butt button:focus,
details summary:focus {
    outline: 0
}

.Largest-Canvas .desgin-cod-Qw h2 {
    font-size: 18px;
    margin: 15px 0 5px
}

.more-btn {
    text-align: right;
    margin-top: 25px
}

.more-btn a {
    font-size: 18px;
    text-transform: capitalize;
    color: #000;
    font-weight: 700
}

.Largest-Canvas .desgin-cod-Qw table tr th,
.vassiz .desgin-cod-Qw table tr th {
    width: 120px;
    text-align: center;
    color: #e76d36;
    font-size: 15px;
    font-weight: 700;
    padding: 5px
}

.Largest-Canvas .desgin-cod-Qw table td,
.vassiz .desgin-cod-Qw table td {
    width: 178px;
    text-align: center;
    font-size: 14px;
    height: 40px;
    font-weight: 600;
    color: #585858
}

.Largest-Canvas .desgin-cod-Qw table td del,
.vassiz .desgin-cod-Qw table td del {
    display: block;
    padding: 5px 0 0;
    font-size: 13px;
    color: #8b8787
}

.Largest-Canvas .desgin-cod-Qw table tr,
.order-pic-sec table tr,
.store_change_detail li:last-child,
.vassiz .desgin-cod-Qw table tr {
    border-bottom: 1px solid #ddd
}

.backup-txt img,
.button-images-prints img {
    width: 100%;
    height: 350px
}

.desgin-listing ul li {
    color: #fff;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px
}

.backup-icon {
    font-size: 28px;
    position: absolute;
    top: 131px;
    left: 52px
}

#slideshow-items-container,
.Quality.Standards-video,
.art-desgin p,
.box,
.budget-radio label span,
.capi,
.capi1,
.card,
.fieldInput,
.form-box-footer,
.meter,
.meter>span,
.nab-bar-row-saction .container,
.order-table,
.posters-section-title h2,
.printposter-section,
.ribbon,
.stepwizard,
.stepwizard-row.setup-panel,
.stepwizard-step,
.text,
.top-right li .dropdown-container .dropdown,
.ture-webcode button,
.video-main,
details,
div#Zoom-slide,
div#slideshow-items-container {
    position: relative
}

.backup-icon .fa-plus {
    background: #fff;
    border-radius: 50%;
    padding: 15px;
    width: 52px;
    height: 50px;
    line-height: 25px
}

.desgin-listing ul {
    margin-top: 46px;
    margin-left: 80px
}

.desgin-cod-Qw {
    text-align: center;
    box-shadow: 0 0 10px #e3e3e3;
    margin-top: 20px !important
}

.desgin-cod-Qw.canvs-tr {
    display: flex;
    unicode-bidi: c;
    align-items: center;
    gap: 27px
}

.cart-list tr th:first-child,
.desgin-cod-Qw-cont,
.register a:nth-child(odd) {
    text-align: left
}

.desgin-cod-Qw-cont p,
.onfiger-cot-canvas-ig.onfiger-cot-right .desgin-cod-Qw-desc,
.print-heading-soft ul {
    padding: 0 30px 0 0
}

.desgin-cod-Qw p {
    text-align: left;
    font-size: 14px;
    margin: 0;
    line-height: 26px;
    padding: 0 20px 20px
}

.desgin-cod-Qw h2 {
    font-size: 20px;
    margin: 20px 0 10px;
    font-weight: 700
}

.invited-Canvas {
    padding: 40px;
    background: #f9f9f9
}

.largest-canvas-txt p {
    font-size: 14px;
    text-align: justify;
    line-height: 25px;
    color: grey;
    margin: 5px 0
}

.configer-cot-Canvas {
    padding: 50px 40px 7px
}

.largest-canvas-txt {
    padding-right: 30px
}

.Largest-Canvas {
    padding: 40px;
    background: #efefef
}

.mein-step-class .configer-cot-Canvas {
    padding: 0 1%
}

.onfiger-cot-canvas-ig img {
    text-align: center;
    display: flex;
    justify-content: center;
    width: 100%;
    margin: 0;
    float: right;
    height: 350px !important;
    object-fit: fill
}

.onfiger-cot-canvas-ig {
    box-shadow: 0 0 4px 0 #ddd;
    padding: 12px;
    margin-bottom: 30px
}

.onfiger-cot-canvas-ig p {
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    color: grey;
    margin: 11px 3px;
    text-align: justify
}

.onfiger-cot-canvas-ig h3 {
    text-align: left;
    margin: 18px 0 0;
    font-size: 20px;
    font-weight: 600
}

.art-desgin p,
.ops p,
.port p {
    text-align: justify
}

.about-content,
.box-icon,
.box-icon h5,
.btn-price,
.buy-main-cont,
.callout-safery h4,
.canvas-print-btn,
.college-cont-Qw,
.container[three-d-preview],
.counter input,
.inner-cart-picture,
.inner-select h3,
.loop,
.loop h2,
.love-main-image,
.mainTitle,
.matter h3,
.matter p,
.pin-delivery h4,
.two-custom-size-field select option,
.uncon-promis-section .tab-container,
.upload-Qwe,
.upload-sec-01,
.view-canvas-ig,
.wguh,
div#Zoom-slide .row {
    text-align: center
}

.configer-cot-Canvas .col-md-3 {
    padding: 0 8px
}

.order-butt {
    color: #fff;
    width: 100%
}

button {
    background-color: #0872ba;
    color: #fff;
    width: 100px;
    height: 40px;
    border: none;
    border-radius: 5px
}

.legend-bar,
.order h2 {
    width: 60%
}

.view-canvas-txt {
    padding: 0 38px
}

.order-we-Canvas {
    padding: 40px 0;
    background: #f9f9f9
}

.view-canvas-ig {
    box-shadow: 0 0 10px #ddd;
    justify-content: space-around;
    display: flex;
    padding: 30px 0;
    border-radius: 5px;
    background: #fff
}

.view-canvas-ig img {
    width: 68%;
    float: right
}

.view-canvas-txt ul li {
    list-style: none;
    font-size: 18px;
    font-weight: 500;
    line-height: 40px;
    color: grey
}

.view-canvas-txt ul {
    padding-left: 40px;
    padding-top: 20px
}

.shoping h2 {
    width: 36%
}

.title-heading-inner.order {
    margin: 0 0 25px
}

.form-box-footer input {
    width: 100%;
    margin: 10px 0;
    height: 60px;
    padding: 0 10px;
    outline-color: #0872ba;
    border: 1px solid #ddd;
    border-radius: 3px
}

.form-box-footer {
    width: 90%;
    display: inline-block;
    z-index: 999;
    padding: 0 38px
}

.form-box-footer textarea {
    width: 100%;
    height: 120px;
    padding: 12px 10px 0;
    outline-color: #0872ba;
    border-bottom: 1px solid #ddd !important;
    margin: 10px 0;
    border: 1px solid #ddd;
    border-radius: 3px
}

.footer-form {
    background: radial-gradient(3464.21% 144.94% at 19.8% 57.5%, #2877ab 0, #000 100%);
    padding: 40px 0;
    overflow: hidden
}

.form-box-footer input#file {
    padding: 15px 10px 0;
    background: #fff;
    outline: 0;
    border: 1px solid #ddd !important;
    border-radius: 3px
}

.form-box-footer input[type=submit] {
    width: 40%;
    float: left;
    color: #fff;
    border: none;
    font-size: 14px;
    border-radius: 10.78px;
    background: #e76d36
}

.form-pic p {
    font-size: 18px;
    color: #fff;
    margin: 0
}

.form-pic h3 {
    color: #fff;
    font-size: 36px;
    font-weight: 700;
    margin: 0
}

.form-box-footer .row form {
    animation: c;
    display: flex
}

.budget-radio label,
.field.section-option-code label.checkbox,
.five-stars-with-cont,
.form-box-footer .row,
.pointer-cod {
    display: flex;
    align-items: center
}

.g-recaptcha {
    margin: 10px 0 20px
}

.form-pic {
    width: 70%;
    margin: 0 auto
}

.form-pic img {
    width: 65%;
    margin-top: 30px
}

.col-md-6.manifest,
.ppt-cart-main-body {
    margin-left: 0
}

.Hi-Resolution-printer-ppt .row,
.collage-section .row,
.footer-form .row,
.image-content-about-ppt .row,
.print-poters-soft .row,
.row.border-line {
    align-items: center
}

.main-about-07,
.rec-tab {
    justify-content: space-between
}

.footer-form .container {
    padding-left: 0 !important
}

.about-content,
.discription-slider,
div#product_roll_canvas_price {
    margin: 20px 0 0
}

.about-content h2 {
    font-size: 28px;
    line-height: 28px
}

.about-content p {
    font-size: 16px;
    line-height: 28px;
    margin: 13px 0 10px;
    font-weight: 500;
    color: grey
}

.art-desgin p,
.matter p,
.ops p,
.port p {
    line-height: 26px;
    font-size: 16px;
    font-weight: 500
}

.about-content p span,
.loop p span {
    color: #e76d36
}

.port p {
    color: grey;
    padding-right: 40px
}

.ops p {
    color: grey;
    padding-left: 40px
}

.section-about-02,
.section-about-03,
.section-about-06 {
    padding: 20px 4% 10px
}

.art-desgin p {
    color: #fff;
    padding: 30px;
    z-index: 999
}

.section-about-06 .row {
    position: relative;
    display: flex
}

.matter:before,
.section-about-06 .row:after,
.wguh:before {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    content: ''
}

.section-about-06 .row:after {
    background: linear-gradient(90deg, #000 71%, rgba(255, 255, 255, 0) 100%);
    bottom: 0
}

.main-about-07 {
    display: flex;
    width: 100%;
    margin: 30px 4%px 10px
}

.capi,
.capi1,
.capi2 {
    padding: 80px 15px;
    width: 28%
}

.capi {
    background: url('/dev/printposters/public/assets/images/f1.webp') 0 0/cover no-repeat;
    z-index: 999
}

.capi1 {
    background: url('/dev/printposters/public/assets/images/f2.webp') 0 0/cover no-repeat;
    z-index: 999
}

.matter p {
    color: #fff;
    z-index: 9999;
    margin: 0;
    position: relative
}

.Main-order-section .service-sec-core,
.capi2,
.matter h3 {
    z-index: 999;
    position: relative
}

.matter h3 {
    font-size: 18px;
    line-height: 28px;
    color: #fff;
    display: inline-block;
    width: 100%
}

.matter:before {
    background: #000;
    bottom: 0;
    opacity: .6;
    left: 0
}

.capi2 {
    background: url('/dev/printposters/public/assets/images/f3.webp') 0 0/cover no-repeat;
    margin: 0
}

.wguh {
    padding: 40px 0;
    background: url('/dev/printposters/public/assets/images/dd.webp');
    position: relative;
    margin: 40px 0 30px
}

.wguh h2 {
    font-size: 20px;
    color: #fff;
    position: relative;
    z-index: 99
}

.loop p,
.wguh p {
    font-size: 16px;
    line-height: 26px;
    font-weight: 500
}

.wguh p {
    color: #fff;
    position: relative;
    z-index: 999;
    padding: 0 15px
}

.wguh:before {
    background: #000;
    left: 0;
    opacity: .7
}

.section-about-05 {
    padding: 20px 0 10px
}

.loop {
    margin: 68px 0 0
}

.finish h2,
.title-heading-inner.loop.shs h2 {
    width: 14%
}

.finish {
    margin: 10px 0 30px
}

.loop p {
    color: grey;
    width: 35%;
    margin: 16px auto 40px
}

.canva-print-Qrt {
    background: linear-gradient(71deg, silver 0, #0872ba 100%) no-repeat padding-box;
    min-height: 900px;
    padding-bottom: 60px
}

.canva-print-Qrt .banner-from-right {
    margin-bottom: 24%
}

body .carousel-control-prev {
    left: 40px;
    background-color: #fff;
    color: #000 !important;
    padding: 10px 15px;
    border-radius: 50px;
    font-size: 1.3rem;
    border: none;
    cursor: pointer;
    width: 50px;
    height: 50px;
    top: 50%
}

.buy-now-butt a {
    position: relative;
    top: 70px;
    background: #e76d36;
    border-radius: 5px;
    width: 126px;
    height: 48px;
    display: block;
    line-height: 28px;
    font-size: 18px;
    margin: 0 auto
}

body .carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
    filter: invert(1)
}

body .carousel-control-next {
    right: 40px;
    background-color: #fff;
    color: #000 !important;
    padding: 10px 15px;
    border-radius: 50px;
    font-size: 1.3rem;
    border: none;
    cursor: pointer;
    width: 50px;
    height: 50px;
    top: 50%
}

body .carousel-control-next-icon {
    filter: invert(1)
}

.nav-pills-custom .nav-link {
    color: #aaa;
    background: #fff;
    position: relative
}

.nav-pills-custom .nav-link.active {
    color: #45b649;
    background: #fff
}

@media (min-width:992px) {
    .nav-pills-custom .nav-link::before {
        content: '';
        display: block;
        border-top: 8px solid transparent;
        border-left: 10px solid #007bff;
        border-bottom: 8px solid transparent;
        position: absolute;
        top: 50%;
        right: -10px;
        transform: translateY(-50%);
        opacity: 0
    }
}

.box:hover:before,
.nav-pills-custom .nav-link.active::before,
.next_btn:hover,
.previous_btn:hover,
.slideshow-thumbnails.active {
    opacity: 1
}

.login-remember {
    padding: 25px 0;
    width: 45%;
    margin: 0 auto
}

.login-remember .col-md-6 {
    width: 100%;
    max-width: 100%;
    margin: 0
}

.login-remember label.col-md-4.col-form-label.text-md-end {
    width: 100% !important;
    max-width: 100%
}

.login-remember button.btn.btn-primary {
    width: 100%;
    background: #0771b9;
    font-weight: 700;
    letter-spacing: .03rem;
    border-radius: 4px
}

.login-remember .col-md-8.offset-md-4 {
    margin: 0;
    max-width: 100%;
    width: 100%;
    padding: 0
}

.register {
    display: flex;
    max-width: 100%;
    margin-top: 14px
}

.register a {
    width: 50%;
    text-decoration: underline;
    text-align: right;
    color: #000;
    font-weight: 500
}

.inner-two-pic img,
.pic-gallry img {
    width: 100%;
    object-fit: fill;
    transform: perspective(900px) rotateY(25deg) translateZ(-200px) translateX(100px);
    /* box-shadow: 0 15px 40px 5px grey */
}

.login-remember .row.mb-0 {
    max-width: 100%;
    margin: 0;
    display: block
}

.login-remember .card-body {
    padding: 15px 32px 30px
}

body .form-control:focus {
    border-color: #000;
    box-shadow: none
}

.login-remember input {
    background: #fff !important;
    height: 47px;
    border: 1px solid
}

.login-remember input#remember {
    height: auto
}

#product_upload_file,
.login-remember.rules .col-md-6.offset-md-4 {
    padding: 15px 0 0
}

.login-remember .card-header {
    background: #0771b9;
    color: #fff;
    font-size: 22px;
    padding: 8px 8%;
    font-weight: 700;
    text-transform: capitalize;
    letter-spacing: .08rem
}

.login-remember .card {
    box-shadow: 0 0 8px 0 #ddd;
    border: none
}

.pic-gallry img {
    height: 549px
}

.inner-two-pic,
.pic-gallry {
    margin: 0;
    text-align: center;
    background: #FFF;
}

.cont-gallery {
    padding: 15px 35px
}

.cont-gallery p strong {
    /* font-size: 18px;
    padding-right: 10px; */
    font-size: 16px;
    padding-right: 10px;
    color: black;
    font-weight: 500;
}

.cont-gallery p span {
    /* font-size: 18px;
    font-weight: 100;
    color: #676565de; */
    color: #676565de;
    font-size: 16px;
    padding-right: 10px;
    font-weight: 500;
}

.cont-gallery p {
    margin: 0;
    line-height: 16px;
    text-align: center;
}

.cont-gallery h3 {
    /* font-size: 18px;
    font-weight: 600;
    color: #000;
    line-height: 26px;
    padding-bottom: 10px; */
    line-height: 26px;
    padding-bottom: 5px;
    font-size: 14px;
    font-family: avenir, cabin, helvetica, avenir, arial;
    font-weight: normal;
    color: #666666;
    text-align: center;
}

.gallery-inner-box {
    /* background: #fff; */
    border-radius: 5px;
    /* // box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24); */
    transition: .7s;
    position: relative;
    margin-bottom: 30px;
    background-color: #FFF;
    border: solid 2px #efeeeef8;
}

.btn-order {
    display: none;
    position: absolute;
    top: 38%;
    left: 32%;
    color: #fff;
    background-color: #007bff;
    border: 1px solid #007bff;
    font-weight: 700;
    font-size: 15px;
    border-radius: 5px;
    padding: 5px 10px;
    width: 122px
}

#productUploadModal .modal-dialog .modal-content,
.banner-from-table .card-product-detail h2,
.descrption h4,
.gallery-blade .row,
.home-self-code .tbale-row,
.inner-category-page .product-from,
.order-image-view .product-image .pro-slider img,
.store_change_detail li input,
body .dropzone .dz-message {
    margin: 0
}

.gallery-inner-box:hover {
    /* box-shadow: 0 14px 28px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .22) */
}

.tab-pane::-webkit-scrollbar {
    width: .5rem;
    background-color: #ebebeb
}

.tab-pane::-webkit-scrollbar-thumb {
    border-radius: 1rem;
    -webkit-box-shadow: inset 0 0 .6rem rgba(0, 0, 0, .3);
    background-color: #007bff
}

.tab-pane:not(.gallery-tab-pane) {
    overflow-y: scroll;
    min-height: 100vh;
    height: 100vh
}

/* .tab-pane {
    overflow-y: scroll;
    min-height: 100vh;
    height: 100vh
} */

.gallery-blade {
    padding: 40px 50px 60px
}

.gallery-blade .p-5 {
    padding: 0 0 50px !important
}

.col-md-3.ptt-tab-desgin .nav-pills a {
    box-shadow: 0 0 10px 0 #ddd;
    margin: 3px 20px !important
}

.college-cont-Qw h2 {
    font-size: 43px;
    font-weight: 500;
    line-height: 49px
}

.college-cont-Qw {
    width: 76%;
    margin: 0 auto
}

.college-cont-Qw a {
    background: #0e75bb;
    color: #fff;
    width: 133px;
    display: block;
    margin: 0 auto;
    height: 40px;
    line-height: 40px;
    font-weight: 600;
    margin-top: 20px !important;
    border-radius: 4px
}

#slideshow-items-container,
.body-ppt,
.body-ppt a,
.body-ppt p span,
.fom-popup .input-popup,
.fom-popup input,
.fom-popup label,
.fom-popup p,
.from-input,
.invited-new-design .row:nth-child(2),
.login-btn,
.myself-btn-all a,
.pagination,
.python-page-all,
.python-page-all-right h2,
.python-page-all-right p,
.rating,
.ribbon,
.star-icon,
.story-research a,
.text,
.top-size-type,
.top-size-type .div,
.video,
.video-main,
.wrapper,
details #close:after,
details #open:after {
    display: inline-block
}

.invited-new-design .row {
    display: flex !important
}

.story-research img {
    width: 100%;
    border-radius: 10px 10px 0 0
}

.story-research h3 {
    text-align: left;
    font-size: 22px;
    width: 96%;
    margin: 22px 0 10px auto
}

.story-research p {
    text-align: left;
    width: 92%;
    margin: 0 auto;
    padding: 0 0 15px;
    font-size: 16px
}

.story-research a {
    text-align: center;
    padding: 15px 20px;
    border: 1px solid #ddd;
    background: #000;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    margin: 0 auto
}

.story-research {
    text-align: center;
    box-shadow: 0 0 4px 0 #ddd;
    min-height: auto
}

.college-edit-sec {
    padding: 50px 4% 100px
}

.button-wall.Automatic {
    margin-top: 43px
}

.button-wall.maker,
.love-box-image1,
.ppt-extra-changes {
    margin-top: 20px
}

.MsoNormal span {
    font-size: 17pt !important
}

.button-wall.display {
    margin-top: 107px
}

.rating label {
    font-size: 30px;
    color: gray;
    cursor: pointer
}

.rating label:before {
    content: '\2605'
}

.rating input:checked~label,
.rating label:hover:before {
    color: gold
}

.image-content-about-ppt details p,
.reviews-image,
.stepwizard-step p {
    margin-top: 10px
}

.exter-interested h3,
.heading-create h3 {
    margin: 0;
    font-weight: 700;
    text-align: center
}

.stepwizard {
    display: table;
    width: 100%
}

.fade,
.stepwizard-step button[disabled] {
    opacity: 1 !important
}

.stepwizard-step {
    display: table-cell;
    text-align: center
}

.btn-circle {
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 15px
}

.mein-step-class {
    margin-top: 65px;
    margin-bottom: 40px;
    padding-right: 15%;
    padding-left: 15%
}

.input-code,
.mein-step-class .stepwizard-row,
.pin-code-heading {
    display: flex;
    justify-content: center
}

.mein-step-class .stepwizard-step {
    display: flex;
    width: 10%;
    justify-content: center;
    gap: 13px;
    align-items: center
}

.heading-create ul li,
.star-demo {
    align-items: center;
    display: flex
}

.text-orange,
th.extra-changes-rt {
    font-size: 18px
}

.order-table {
    z-index: 9;
    background: #fff;
    width: 100%
}

.col-md-12.upload-image-sq {
    padding: 125px 0
}

.heading-create h3 {
    background: #0872ba;
    color: #fff;
    padding: 14px;
    line-height: 25px;
    font-size: 19px;
    letter-spacing: 1.03px
}

.dz-filename span,
.dz-size span {
    background-color: #fff !important
}

.checkout-canva img {
    width: 100%;
    height: 280px
}

.order-table td {
    font-size: 17px
}

.row.Create-Print {
    margin: 40px 0 10px
}

.heading-create ul li {
    list-style: none;
    padding: 5px 0;
    font-size: 16px;
    color: #000;
    font-weight: 300;
    margin: 8px 0
}

.heading-create ul {
    padding-top: 10px;
    padding-bottom: 10px
}

.heading-create ul li span {
    color: #fff;
    background: #0872ba;
    padding: 6px 8px 6px 10px;
    margin-right: 10px;
    font-weight: 700;
    width: 33px
}

.exter-interested {
    width: 100%;
    margin: 40px auto 0;
    border-radius: 0;
    padding: 0
}

.dz-size span {
    font-size: 15px !important;
    padding: 3px 8px !important
}

.dz-filename span {
    width: auto !important;
    display: inherit;
    font-size: 11px;
    padding: 5px 11px !important;
    overflow: hidden
}

.exter-interested h3 {
    line-height: 37px;
    color: #0872ba;
    font-size: 28px;
    letter-spacing: 1px;
    text-transform: uppercase
}

.side-upload-sec .form-control,
.side-upload-sec button {
    height: 45px;
    font-size: 14px;
    line-height: 26px;
    box-shadow: 0 7px 13px 0 #a5a4a4 !important;
    margin: 0 !important;
    padding: 0 !important
}

.side-upload-sec {
    display: flex;
    width: 100%;
    justify-content: center;
    margin: 0 0 25px;
    gap: 15px
}

.side-upload-sec [type=file]::-webkit-file-upload-button {
    background: #0872ba;
    border: none;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    outline: 0;
    font-weight: 500;
    padding: 10px 25px;
    text-transform: capitalize;
    transition: 1s;
    widows: 100%
}

.side-upload-sec .form-control {
    width: 31%;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: none;
    border-radius: 9px !important;
    font-weight: 700
}

.price,
.rec-tab .nav-link {
    color: #000;
    font-size: 20px
}

.upload-image .pull-right {
    float: inherit;
    margin-bottom: 37px;
    display: block;
    width: 100%;
    border-radius: 0 0 9px 9px
}

.side-upload-sec button {
    width: 21%;
    color: #fff;
    border: none;
    border-radius: 9px !important;
    background: #0872ba
}

.upload-image .form-group {
    text-align: center;
    width: 100%;
    margin: 0 auto;
    border-radius: 4px
}

.pull-right {
    width: 49%;
    height: 50px
}

.row.photo-prits-canv {
    flex-wrap: initial;
    width: 100%;
    margin: 0 auto;
    padding: 0 0 5px
}

.row.photo-prits-canv .Col-md-4 {
    width: 32%;
    margin: 0 auto
}

.button-images-prints {
    background: #fff;
    box-shadow: 0 0 5px 0 #ddd;
    padding: 15px
}

button.photo-prints-button {
    margin: 30px auto 15px;
    color: #fff;
    padding: 1px;
    line-height: 17px;
    font-weight: 800;
    width: 39%;
    display: block;
    height: 50px
}

.stepwizard-row.setup-panel:after {
    content: '';
    position: absolute;
    background: #000;
    width: 59%;
    height: 2px;
    top: 20px
}

.stepwizard-step:nth-child(2n) {
    background: #fff !important;
    position: relative;
    z-index: 9;
    margin: 0 27%
}

.pro-slider,
.row.setup-content {
    margin-top: 0
}

.rec-cont .tab-pane {
    min-height: 100% !important;
    height: 100% !important;
    overflow: auto
}

.rec-tab .nav-link.active {
    border: transparent;
    border-bottom: 1px solid red !important;
    color: red;
    font-size: 20px;
    font-weight: 500
}

.rec-tab {
    border: none;
    margin: 20px 0
}

.budget-radio.canvs-sip label input:checked+span {
    background-color: #0872ba;
    color: #fff;
    font-weight: 500
}

.rec-tab .nav-link {
    font-weight: 500;
    line-height: 28px;
    border: transparent
}

.rec-tab .nav-link:hover {
    border: transparent;
    border-bottom: 1px solid transparent
}

.rec-cont {
    border: 1px solid #ddd;
    padding: 30px;
    border-radius: 20px
}

.rec-cont p {
    font-size: 28px;
    margin: 0;
    font-weight: 700
}

.rec-cont h3 {
    font-size: 28px;
    font-weight: 600;
    line-height: 22px;
    display: inline-block;
    width: 100%
}

.inner-rec-cont h4 {
    font-size: 22px;
    font-weight: 700;
    margin: 20px 0 5px
}

.price {
    font-weight: 500;
    margin: 0 0 10px;
    display: flex
}

.discount-price {
    font-size: 20px;
    font-weight: 400
}

.price-list {
    justify-content: space-between;
    display: flex;
    width: 70%
}

.off-price {
    font-size: 20px;
    font-weight: 600;
    color: green
}

.inner-rec-cont {
    padding: 20px 25px;
    background: #fff;
    box-shadow: 5px 5px 14px #e5e5e5;
    border-radius: 10px
}

.ppt-cart-address h2,
.rec-cont .row {
    margin: 20px 0
}

.more-information h4 {
    font-size: 30px;
    font-weight: 500;
    letter-spacing: 1px
}

.more-information p {
    font-size: 18px;
    color: #8d8a8a;
    font-weight: 300;
    letter-spacing: 1px
}

.text-form input {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 20px;
    padding: 30px 20px;
    height: 80px
}

.outline-section,
.text-form {
    padding: 30px;
    border: 1px solid #ddd;
    border-radius: 20px
}

.product-titile h2,
.text-form h2 {
    font-size: 28px;
    font-weight: 600;
    text-transform: capitalize;
    margin: 0 0 30px
}

.text-form input::placeholder {
    font-size: 20px
}

.text-form a {
    color: #000;
    font-size: 22px;
    font-weight: 400;
    float: right;
    margin: 10px 0 0;
    text-decoration: none
}

.text-form a:hover {
    color: #0872ba
}

.Rating-reviews,
.recomodation-product,
.similar-product {
    padding: 30px 0
}

.Rating-reviews .row {
    border: 1px solid #ddd;
    padding: 20px;
    border-radius: 22px
}

.text-orange {
    color: #d9743e;
    text-align: center
}

.head-custom {
    font-size: 22px;
    font-weight: 500;
    background: #0872ba;
    color: #fff;
    margin: 0;
    padding: 15px 0
}

.order-table tr:nth-child(2n) {
    background: #f6f5f5
}

.testimonial-slide {
    padding: 20px 25px;
    box-shadow: 5px 5px 14px #b9b9b9;
    border-radius: 10px;
    background: #fff
}

.testimonial-slide h3 {
    font-size: 19px;
    font-weight: 600;
    margin: 20px 0 10px
}

.testimonial-slide p {
    font-size: 14px;
    font-weight: 500;
    line-height: 23px
}

span.program-task {
    font-size: 20px;
    font-weight: 600;
    line-height: 9px;
    padding-left: 10px;
    padding-top: 4px
}

span.more-canvas a {
    text-align: right;
    font-size: 17px;
    color: #2c87c4;
    font-weight: 400
}

.demo-user-date {
    display: flex;
    align-items: center;
    gap: 32px;
    margin-top: 15px
}

.demo-user-date h3 {
    margin: 0;
    font-size: 16px;
    font-weight: 600
}

.demo-user-date span.date-emd {
    font-size: 13px;
    line-height: 0
}

.meter {
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    box-shadow: inset 0 -1px 1px rgba(255, 255, 255, .3);
    display: block;
    height: 20px;
    margin-bottom: 5px;
    padding: 2px
}

.meter>span {
    display: block;
    height: 100%;
    border-radius: 20px;
    background-color: #d93015;
    background-image: linear-gradient(to top, #d93015 37%, #d93015 69%);
    overflow: hidden;
    transition: width 2s ease-out
}

.orange>span {
    background-color: #e79c2d;
    background-image: linear-gradient(to bottom, orange, #e79c2d)
}

.red>span {
    background-color: #5f9ea0;
    background-image: linear-gradient(to bottom, #0ff, #1e90ff)
}

.skyblue>span {
    background-color: #0ba7e3;
    background-image: linear-gradient(to bottom, #0ba7e3, #0ba7e3)
}

.cadetblue span {
    background: #249f24
}

.Rating-reviews .col-md-3:nth-child(-n+1) {
    border-right: 1px solid #ddd;
    margin-bottom: 40px
}

.rating-cont h3 {
    font-weight: 700;
    font-size: 26px;
    letter-spacing: 1px;
    line-height: 32px
}

.pointer-cod h5 {
    margin: 0 !important;
    color: #000;
    font-size: 37px;
    padding-right: 25px;
    font-weight: 500
}

.pointer-cod p {
    margin: 0;
    font-size: 18px
}

.brand-listing ul,
.listing-term-condition ul,
.terms-condition-recent-post ul,
ul.list-categories {
    margin: 0;
    padding: 0
}

.brand-listing ul li {
    list-style: none;
    padding-bottom: 14px;
    font-size: 18px;
    text-transform: capitalize
}

.all-details-main {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 12px 0 14px
}

.col-md-4.asa {
    padding-left: 0
}

.price-quantity-box {
    display: flex;
    justify-content: space-around
}

.two-btn-price {
    width: 100%;
    background: #d1af8b78;
    padding: 25px 16px;
    border-radius: 6px;
    margin-top: 8px;
    gap: 16px
}

.btn-price,
.btn-quantity {
    width: 50%;
    background: #fff;
    border-radius: 6px
}

.btn-price h3 span {
    margin-right: 7px;
    text-transform: capitalize
}

.btn-price h3 {
    padding: 6px 0 7px;
    margin: 0;
    height: 58px;
    line-height: 48px
}

.buy-add-main {
    width: 100%;
    gap: 16px
}

.buy-main-cont {
    width: 50%;
    background: #389556;
    border-radius: 37px;
    line-height: 55px
}

.buy-main-cont a {
    color: #fff;
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 600
}

.counter {
    width: 150px;
    margin: auto;
    align-items: center;
    justify-content: center
}

.counter input {
    width: 50px;
    border: 0;
    line-height: 30px;
    font-size: 20px;
    color: #000;
    appearance: none;
    outline: 0
}

.counter span {
    display: block;
    font-size: 25px;
    color: #000;
    padding: 0 36px
}

.pin-code-apply-all {
    background: #e9d9c8;
    margin-top: 5px;
    border-radius: 6px;
    padding: 16px
}

.pin-code {
    padding: 0 25px 17px;
    background: #fff;
    margin-top: 20px;
    align-items: center;
    border-radius: 15px
}

.pin-delivery h4 {
    text-transform: uppercase;
    font-size: 17px;
    margin-bottom: 0;
    line-height: 26px;
    font-weight: 600;
    letter-spacing: 0
}

.price-quantity-box,
h4.all-terms-four.asa {
    margin-top: 28px
}

.interest-free span,
.price-quantity-box h3,
h2.change-class {
    font-weight: 700
}

.pin-code-heading h2 {
    font-size: 14px;
    text-transform: capitalize
}

.pin-apply {
    width: 76%
}

.pin-delivery {
    width: 24%
}

.box-price h3,
.quantity-box h3 {
    text-transform: capitalize;
    font-size: 18px;
    font-weight: 700;
    margin: 0
}

.detail-box-cont h2,
.posters-section-title h2 {
    letter-spacing: 1px;
    font-weight: 600;
    text-transform: capitalize
}

.four-box-icon {
    gap: 26px;
    margin-top: 14px
}

.box-icon {
    box-shadow: 0 0 10px #ddd;
    padding: 13px 10px;
    border-radius: 14px
}

.paint-icon i {
    color: red;
    font-size: 26px
}

.shiping-icon i {
    color: #4f7d5e;
    font-size: 26px
}

.fast-icon i {
    color: #076fe7b3;
    font-size: 26px
}

.tool-icon i {
    color: #ffc400;
    font-size: 26px
}

.box-icon h5 {
    font-size: 19px;
    width: 56%;
    margin: 10px auto;
    letter-spacing: 1px;
    line-height: 25px
}

.mainTitle {
    font-family: 'Open Sans';
    margin: 30px auto
}

.fieldInput {
    display: block;
    width: 300px;
    overflow: hidden;
    border: 1px solid #cccccc61
}

.fieldInput .form-input {
    width: 200px;
    background: 0 0;
    border: none;
    padding: 8px 16px;
    font-size: 14px;
    color: #6a7c92;
    line-height: 19px;
    text-transform: capitalize;
    font-weight: 500
}

.fieldInput .form-submit {
    font-size: 14px;
    color: #d5982a;
    position: absolute;
    right: 0;
    top: 0;
    width: 70px;
    height: 35px;
    border: none;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 500;
    background: #fff
}

span.more-canvas a i {
    width: 87%;
    margin-top: 15px;
    color: #2c87c4
}

.tab-recent-section ul.nav.nav-tabs.rec-tab {
    margin-bottom: 32px;
    border-bottom: 0;
    justify-content: flex-start
}

.tab-recent-section ul.nav.nav-tabs.rec-tab li.nav-item {
    padding-right: 55px
}

.detail-box-cont h2 {
    font-size: 25px
}

.brand-listing ul {
    margin-top: 22px
}

.brand-listing ul li:nth-child(2n) {
    color: #a5a5a5
}

.photo-prits-canv .col-md-3,
.posters-section-title {
    margin-bottom: 3px
}

.cat label input+span,
.close:hover,
.posters-section-title h2,
.ppt-cart-address-heading.ada h2,
.right-side .greeting strong {
    color: #000
}

.posters-section-title p {
    font-size: 17px;
    line-height: 27px;
    font-weight: 400;
    letter-spacing: .5px
}

.brand-listing ul li a {
    color: #dc3445;
    text-decoration: underline;
    font-size: 17px
}

.budget-radio {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 0rem;
    grid-row-gap: 1rem;
    margin-top: 1rem
}

.budget-radio input[type=radio] {
    margin-right: 0;
    display: none
}

.budget-radio label span:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 1rem;
    transition: .5s;
    -webkit-transition: .5s;
    z-index: 0
}

.budget-radio label span {
    border-radius: 1rem;
    padding: 5px 0;
    font-size: 20px;
    width: 100%;
    text-align: center;
    cursor: pointer
}

.secct-frame label span {
    padding: 3px 0 12px;
    border: none
}

.size-choose label span {
    border-radius: 5px;
    padding: 15px 23px;
    border: 1px solid #ddd
}

.inner-select h3 {
    font-size: 20px;
    font-weight: 700;
    line-height: 44px;
    border-bottom: 1px solid #ddd;
    margin: 0
}

.select-typ form {
    margin: 13px 0;
    box-shadow: 0 0 10px #ddd;
    border-radius: 10px;
    padding: 3px 25px 12px
}

.form-search-terms button,
.form-search-terms input {
    box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, .08);
    outline: 0
}

.Canvas-prod-dec h6 {
    margin: 15px 4px 25px;
    font-size: 18px;
    color: #1481d1
}

.Canvas-prod-dec h3 {
    font-size: 28px;
    letter-spacing: 1px;
    color: #000;
    font-weight: 600
}

.heading-top-upload h4,
.heading-top-upload h4 a {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: .03rem
}

.Product-single-page,
.ppt-cart-Review-Payment {
    padding-top: 5px
}

.slideshow-items {
    width: 500px;
    display: none
}

.slideshow-thumbnails {
    width: 100px;
    opacity: .5
}

#lens {
    background-color: rgba(233, 233, 233, .4)
}

#lens,
#result {
    position: absolute;
    display: none;
    z-index: 1
}

.slideshow-items.active {
    display: block;
    width: 100%;
    position: absolute;
    height: 100%
}

#lens,
#result,
.slideshow-items,
.slideshow-thumbnails {
    border: solid var(--light-grey-2) 1px
}

div#slideshow-items-container {
    order: 1;
    width: 80%
}

div#Zoom-slide .row {
    display: flex;
    width: 21%
}

div#Zoom-slide .row img.slideshow-thumbnails {
    width: 70%;
    margin-bottom: 13px;
    border-radius: 10px;
    height: auto
}

.order-table td {
    padding: 15px 0 !important;
    border: 1px solid #ddd;
    width: 33.3%
}

.order-table th.text-orange {
    padding: 25px 0;
    border: 1px solid #ddd
}

.buy-1-get-section,
.print-service-section.Qua-service,
.product-single-sperat,
section.icones {
    padding: 0 4%
}

.upload-sec-01 {
    background: #1565c0;
    padding: 10px 0 2px
}

.heading-top-upload h4 a {
    color: #f36e2d;
    text-transform: capitalize;
    text-decoration: underline
}

.upload-image-sect-02 {
    padding: 50px 4%;
    background: #ededed
}

.ture-webcode {
    padding-top: 25px
}

.ture-webcode button {
    top: 0;
    font-size: 16px;
    width: 65%;
    height: 42px;
    background: #ffcc06;
    color: #000;
    border: none
}

.drag-drop h5,
.drag-drop span {
    color: #191515;
    position: relative
}

.Upload-Max {
    height: 40px
}

body .custom-file-input:focus~.custom-file-label {
    border-color: transparent;
    box-shadow: none
}

.drag-drop h5 {
    font-size: 18px;
    letter-spacing: 1px;
    font-weight: 600;
    z-index: 999
}

.drag-drop {
    border: 3px dotted #c3c3c39c;
    padding: 30px 0 40px;
    margin: 15px auto 0;
    border-radius: 5px
}

.drag-drop span {
    font-size: 20px;
    font-weight: 700;
    top: 2px
}

.side-upload-sec label.custom-file-label {
    border: none;
    background: 0 0
}

.ture-webcode {
    width: 100%;
    margin: 0 auto !important;
    display: flex;
    justify-content: center
}

.upload-Qwe {
    background: #fff;
    width: 80%;
    margin: 0 auto;
    padding: 20px 0 40px;
    border-radius: 5px
}

.drag-drop {
    width: 90%
}

.Upload-Max h4 {
    font-size: 15px;
    margin: 0;
    font-weight: 700;
    letter-spacing: 1px;
    position: relative;
    top: 15px;
    color: #080808
}

.Type-Of-Collage {
    display: flex;
    gap: 22px
}

.comming-task-Query {
    padding: 60px 4% 80px
}

.jquery-free-task h4 {
    font-size: 27px;
    color: #000;
    letter-spacing: .03rem;
    font-weight: 700
}

.jquery-free-task span {
    font-size: 17px;
    color: #4361db;
    font-weight: 700;
    letter-spacing: .08rem
}

.col-md-8.Collage-butt {
    background: #fff;
    padding: 13px 40px;
    border-radius: 10px
}

.callout-safery h4 {
    padding-bottom: 10px;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: 700
}

.cost-collage-cup a,
.heading-img-upload a {
    color: #fff;
    letter-spacing: 1px;
    text-align: center;
    font-weight: 700
}

.cost-collage-cup a {
    background: #4361db;
    padding: 10px;
    font-size: 15px
}

.mein-comming-up {
    position: sticky;
    top: 23rem !important;
    padding: 37px;
    background: #fff;
    box-shadow: 0 0 10px 0 #ddd;
    border-radius: 9px
}

.cost-collage-cup {
    display: inline-grid;
    display: inline-grid;
    margin-bottom: 24px;
    box-shadow: 0 0 10px 0 #ddd;
    padding: 15px
}

.Canvas-Print-gallery,
.box-ppt-image-cont-all,
.love-main-ft,
.ppt-box-foe,
.uesed-code-buy-main {
    box-shadow: 0 0 10px #ddd
}

.col-md-4.coming-for {
    margin: 30px 0
}

.heading-img-upload {
    background: #4361db;
    padding: 10px
}

.heading-img-upload a {
    width: 100%;
    display: inline-block;
    font-size: 16px;
    text-transform: capitalize
}

.Upload-Image-cont {
    margin-top: 13px
}

.directional_nav,
.slider {
    margin: 0 auto;
    max-width: 100%
}

.slide_viewer {
    height: 75vh;
    overflow: hidden;
    position: relative
}

.slide_group {
    height: 100%;
    position: relative;
    width: 100%
}

.slide {
    display: none;
    /* height: 111vh; */
    height: 100%;
    position: absolute;
    width: 100%
}

.slide_buttons {
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    opacity: 0
}

a.slide_btn {
    color: #474544;
    font-size: 42px;
    margin: 0 .175em;
    -webkit-transition: .4s ease-in-out;
    -moz-transition: .4s ease-in-out;
    -ms-transition: .4s ease-in-out;
    -o-transition: .4s ease-in-out;
    transition: .4s ease-in-out
}

.slide_btn.active,
.slide_btn:hover {
    color: #428cc6;
    cursor: pointer
}

.directional_nav {
    position: relative;
    top: -370px
}

.next_btn,
.previous_btn {
    position: absolute;
    top: 0;
    cursor: pointer;
    height: 65px;
    opacity: 1;
    -webkit-transition: opacity .4s ease-in-out;
    -moz-transition: opacity .4s ease-in-out;
    -ms-transition: opacity .4s ease-in-out;
    -o-transition: opacity .4s ease-in-out;
    transition: opacity .4s ease-in-out;
    width: 65px
}

.previous_btn {
    bottom: 0;
    left: 30px;
    margin: auto
}

.next_btn {
    bottom: 0;
    margin: auto;
    right: 30px
}

.myself-btn-all a,
ul.list-categories li a {
    letter-spacing: .0625em;
    height: auto;
    position: relative;
    transition: color 90ms linear, background-color 90ms linear;
    color: #fff;
    line-height: 22px;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer
}

.myself-btn-all a:after,
.myself-btn-all.asa a:after,
ul.list-categories li a:after {
    left: 3px;
    right: 3px;
    top: 3px;
    bottom: 3px;
    transition: border-color 90ms linear
}

@media only screen and (max-width:767px) {
    .dimension-line {
        display: none;
    }

    .select-border-wrapper {
        margin-left: 0% !important;
        margin-top: 0px !important;
    }

    .categories-inner-items {
        margin: 11px 0 !important
    }

    .categories-heading h2,
    .title-heading-inner h2 {
        font-size: 22px
    }

    .categories-heading p {
        font-size: 16px;
        margin: 0 0 20px
    }

    .row.catagory-sec {
        padding: 0
    }

    .categories-inner-items p {
        height: 10%
    }

    .catgor-inner-pic .categories-inner-items p {
        height: 15%
    }

    .title-heading-inner h2,
    .uncon-titile h2 {
        width: 90% !important;
        position: inherit !important
    }

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

    .cont-uncon,
    .pic-uncon {
        width: 100% !important
    }

    .cont-uncon {
        padding: 20px 15px 15px
    }

    .uncon-inner {
        display: grid !important
    }

    .right-cont {
        order: 1
    }

    .cont-uncon p {
        font-size: 13px;
        line-height: 1.2rem
    }

    .previous_btn {
        left: 50px
    }

    .next_btn {
        right: 50px
    }
}

ul.list-categories li {
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 9px
}

ul.list-categories li a {
    display: inline-block;
    background-color: #f36e2d;
    font-weight: 600;
    border: 0;
    padding: 10px 14px;
    font-size: 15px;
    border-radius: 6px
}

h2.discovery-product {
    margin-bottom: 12px;
    position: relative;
    font-size: 28px;
    font-weight: 700
}

ul.list-categories li a:after {
    position: absolute;
    content: "";
    display: block;
    border: 2px solid #f36e2d
}

ul.list-categories li a:hover:after {
    border: 2px solid #fff;
    border-radius: 6px
}

.Quality-Standards-section {
    padding: 44px 4%;
    background: #f4f5f6
}

h2.discovery-product.asa {
    text-align: center;
    font-size: 38px;
    font-weight: 700;
    margin-bottom: 50px
}

.Quality.Standards-video-image img {
    width: 100%;
    height: 460px
}

.quality-gif-title {
    display: flex;
    align-items: center;
    width: 100%
}

.quality-gif-image img {
    overflow: hidden;
    object-fit: cover;
    width: 80%
}

.myself-btn-all {
    text-align: center;
    position: relative;
    width: 68%;
    margin-top: 20px
}

.myself-btn-all a {
    background-color: #ed1c23;
    font-weight: 600;
    border: 0;
    padding: 10px 34px;
    font-size: 15px
}

.Canvas-Print-gallery-cont p,
.love-main-contant p {
    font-weight: 400;
    font-size: 14px
}

.myself-btn-all a:hover:after,
.myself-btn-all.asa a:hover:after,
.myself-btn-all:hover:before {
    border: 2px solid #fff
}

.love-main-ft {
    padding: 34px 31px;
    text-align: center;
    background: #fff;
    border-radius: 18px
}

.Quality-love-section:after {
    background: #000;
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: .7
}

.Main-order-section .choose-photo-files,
.Quality-love-section .row {
    z-index: 9;
    position: relative
}

.Quality-love-section {
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
    padding: 80px 4%;
    margin-bottom: 40px;
    position: relative
}

.video,
.waves {
    background: #ed1c23
}

.love-main-contant h3 {
    font-size: 20px;
    margin-top: 12px
}

.Trustpilot-review img,
.inner-cart-picture,
.quality-gif-image {
    width: 22%
}

.quality-gif-cont {
    width: 75%
}

.Canvas-Print-section {
    padding: 0 4% 58px
}

.myself-btn-all a:after {
    position: absolute;
    content: "";
    display: block;
    border: 2px solid #ed1c23
}

.video,
.waves,
i.slick-arrow {
    border-radius: 100%
}

.myself-btn-all a:hover {
    text-decoration: none;
    color: #fff
}

i.slick-arrow,
i.slick-arrow:hover {
    color: #ed1c23
}

.Canvas-Print-gallery-cont {
    padding: 10px
}

.wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.video {
    height: 50px;
    width: 50px;
    line-height: 50px;
    text-align: center;
    color: #fff;
    z-index: 999
}

@keyframes waves {
    0% {
        -webkit-transform: scale(.2, .2);
        transform: scale(.2, .2);
        opacity: 0
    }

    50% {
        opacity: .9
    }

    100% {
        -webkit-transform: scale(.9, .9);
        transform: scale(.9, .9);
        opacity: 0
    }
}

.fa-play:before {
    content: "\f04b"
}

.waves {
    position: absolute;
    width: 150px;
    height: 150px;
    opacity: 0;
    right: -50px;
    bottom: -50px;
    z-index: -1;
    -webkit-animation: 3s ease-in-out infinite waves;
    animation: 3s ease-in-out infinite waves
}

.wave-1 {
    -webkit-animation-delay: 0s;
    animation-delay: 0s
}

.wave-2 {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.wave-3 {
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

i.slick-prev {
    left: -3%
}

i.slick-next {
    right: -3%
}

i.slick-arrow {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 20px;
    text-align: center;
    position: absolute;
    top: 42%;
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 2;
    overflow-x: visible !important
}

.icones {
    padding: 30px
}

.icones h1 {
    text-align: center;
    font-family: monospace;
    padding-top: 20px;
    padding-bottom: 20px
}

.icones .icones-carousel .item {
    text-align: center;
    height: 210px;
    margin-left: 4px;
    margin-right: 0
}

.icones .icones-carousel .item i {
    font-size: 50px;
    color: #9571e9;
    margin-top: 20px
}

.icones .icones-carousel .item h2 {
    font-size: 15px;
    padding-top: 20px;
    font-family: monospace
}

@media (max-width:768px) {
    i.slick-prev {
        left: -8%
    }

    i.slick-next {
        right: -8%
    }

    .icones .icones-carousel .item {
        margin-left: 10px;
        margin-right: 10px
    }
}

.slick-slide img {
    display: block;
    width: 100%
}

.myself-btn-all.asa {
    text-align: inherit;
    width: 100%;
    margin: 0
}

.love-box-image,
.oeder-now-product,
.ribbon,
.sales-buy-now,
p.osm-message,
th.text-orange {
    text-align: center
}

.price-buy-now {
    display: flex;
    justify-content: space-between
}

.Print-Description-order-now {
    padding: 10px;
    background: #f4f5f6
}

.myself-btn-all.asa a {
    background: #00c697;
    padding: 10px 16px;
    font-weight: 700;
    letter-spacing: 0;
    font-size: 16px
}

.myself-btn-all.asa a:after {
    position: absolute;
    content: "";
    display: block;
    border: 2px solid #00c697
}

.myself-btn-all.asa a i {
    margin-left: 10px;
    font-size: 14px
}

.price-Print-Description h3 {
    color: #363738;
    margin: 0;
    font-size: 26px;
    font-weight: 600
}

.interest-free {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 6px;
    margin-top: 12px;
    padding: 4px 12px
}

p.osm-message {
    font-size: 14px;
    font-weight: 400;
    margin: 0;
    line-height: 17px
}

.interest-free a {
    color: #000;
    text-decoration: revert
}

.ica-coupon.static {
    text-align: center;
    background-color: #fff;
    margin-top: 8px;
    padding: 5px;
    font-size: 16px;
    line-height: 22px;
    clear: both;
    border: 2px dashed #ed1c23
}

.ica-coupon.static strong {
    color: #ed1c23;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 16px;
    margin-left: 4px
}

.ica-coupon.static span {
    font-size: 16px;
    text-transform: uppercase;
    color: #00000080
}

.love-box-main {
    display: flex;
    width: 100%;
    margin-top: 20px
}

.love-box-image {
    width: 45%
}

.love-box-image h3 {
    font-size: 16px;
    color: #363738;
    font-weight: 700;
    margin-top: 8px
}

.love-box-image p {
    font-size: 14px;
    font-weight: 400;
    color: #000000bf;
    margin-bottom: 0
}

.love-box-image a {
    font-size: 12px;
    color: #54bee8;
    text-decoration: revert;
    font-weight: 400
}

.oeder-now-product {
    margin-top: 26px;
    letter-spacing: 1px
}

.oeder-now-product h2 {
    color: #ed1c23;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase
}

.Framed.Print-title h2 {
    font-size: 36px;
    font-weight: 600;
    padding: 10px 0 0
}

.five-stars-with-cont img,
.five-stars-with-cont.asa img {
    padding: 6px;
    margin-right: 4px;
    background: #00b67a;
    color: #fff
}

.Framed.Print-title p {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px
}

.five-stars-with-cont img {
    width: 7%
}

.all-.class-foe-mar {
    display: flex;
    align-items: center;
    padding-top: 26px;
    justify-content: space-between
}

span.rating {
    font-size: 22px;
    font-weight: 700
}

.tp-widget-summary__rating {
    margin-left: 14px
}

.Trustpilot-review {
    display: flex;
    align-items: end;
    gap: 8px
}

.Trustpilot-review h3 {
    font-size: 20px;
    font-weight: 600;
    margin: 0
}

.five-stars-with-cont.asa img {
    width: 4%
}

.over-contant-hidde-main {
    padding: 12px 0;
    border-top: 1px solid #ddd;
    margin-top: 26px;
    border-bottom: 1px solid #ddd
}

span.tp-widget-review__authorship__display-name.secondary-text {
    font-size: 15px;
    font-weight: 700;
    color: #5c5c70
}

span.tp-widget-review__authorship__date.secondary-text {
    color: #5c5c70;
    font-size: 15px;
    font-weight: 400
}

.five-stars-with-cont.asa,
.tp-widget-review__authorship {
    margin-bottom: 12px
}

.tp-widget-review__text span {
    font-size: 16px;
    color: #1b1b21;
    font-weight: 400
}

.tp-widget-review__text h4 i {
    color: #5c5c70;
    font-size: 16px;
    margin-right: 8px
}

.tp-widget-review__text h4 {
    font-size: 14px;
    color: #5c5c70;
    font-weight: 500;
    align-items: center;
    display: flex;
    margin-top: 12px
}

.over-contant-hidde-main.aqq {
    border-top: none;
    margin: 0
}

.reviews-image img {
    width: 14%;
    height: 100px
}

.over-contant-hidde-main.for {
    border-bottom: none;
    margin: 0
}

.Framed-Print-Description-margin {
    margin: 0 34px;
    height: 383px;
    overflow-y: scroll;
    object-fit: cover
}

.Print-Description-section {
    padding: 35px 4%
}

.social-share-media {
    display: flex;
    align-items: center;
    margin-top: 12px
}

.social-share-media h3 {
    margin-right: 14px;
    font-weight: 500;
    font-size: 24px;
    text-transform: uppercase
}

.social-media-facebook i {
    color: #44619d;
    font-size: 38px;
    margin-right: 6px
}

.social-media-twitter i {
    font-size: 38px;
    color: #00aced;
    margin-right: 6px
}

.social-media-pinterest i {
    color: #cb2027;
    font-size: 38px
}

.table td,
.table th {
    padding: 0 !important;
    border-top: 1px solid #dee2e6
}

th.text-orange {
    border: none !important
}

.mid-padding td,
.mid-padding th {
    padding: 12px 8px !important
}

table.mid-padding.table.table-resposive {
    border: 1px solid #ddd;
    margin: 0
}

.sales-buy-now {
    background: #fff;
    border-radius: 10px;
    border: 0
}

.sales-buy-now a {
    color: #e74c3c;
    font-size: 20px;
    font-weight: 600
}

.sales-buy-now h3 {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    padding-bottom: 6px;
    margin: 8px
}

.body-ppt span#close,
.body-ppt span#open,
.title-heading-inner.categories-heading.asa h2,
.title-type-canvas h3,
h2.change-class,
p.text-center.head-custom.bg-primary {
    text-transform: capitalize;
    text-transform: capitalize
}

.ribbon {
    left: -23px;
    top: -4px;
    font-size: 10px !important
}

.ribbon:before {
    top: .3em;
    left: .2em;
    width: 100%;
    height: 100%;
    background: #ebeced;
    z-index: -2
}

.bold:before,
.ribbon:after,
.ribbon:before,
.text:after,
.text:before {
    content: "";
    position: absolute;
    border: 1px solid #fff
}

.text {
    padding: .5em 5px;
    min-width: 50px;
    line-height: 1.2em;
    background: #ffd72a
}

.bold:before,
.ribbon:after {
    top: .5em;
    right: -2em;
    border-width: 1.1em 1em 1.1em 3em;
    border-color: #fecc30 transparent #fecc30 #fecc30;
    z-index: -1;
    opacity: .1
}

.text:before {
    bottom: 100%;
    left: 0;
    border-width: .5em .7em 0 0;
    border-color: transparent #fc9544 transparent transparent
}

.bold:before {
    border-color: #ebeced transparent #ebeced #ebeced;
    top: .7em;
    right: -2.3em
}

.text:after {
    top: 100%;
    right: 0;
    border-width: .5em 2em 0 0;
    border-color: #fc9544 transparent transparent
}

.table td,
.table th {
    vertical-align: top;
    border-bottom: 1px solid #dee2e6 !important
}

.checkout_table_product_img,
td.info-table__callout.info-table__price.text-right {
    text-align: center !important
}

.bg-light.p-1.rounded.shadow span,
.text-left.form-group.mb-1 label,
table.mid-padding.table.mb-0 td {
    font-size: 14px;
    font-weight: 700
}

span.text-dark {
    font-size: 14px;
    font-weight: 900;
    color: #212529 !important;
    padding-left: 24px;
    line-height: 37px
}

.canvas-print-btn a,
.order-now-btn a {
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500
}

.bg-ligh-rounded-shadow,
.form-group-flex {
    display: flex;
    width: 100%;
    gap: 26px
}

.for-extra-container {
    padding: 0 25px
}

.bg-light.p-1.rounded.shadow {
    width: 50%;
    padding: 0 14px 6px !important;
    margin-top: 2px;
    box-shadow: 2px 2px 10px #3335 !important
}

.bg-light.p-1.rounded.shadow a {
    color: #000;
    font-size: 14px;
    font-weight: 700
}

button.btn.btn-block.btn-primary {
    background: #003886;
    width: 60%;
    margin: 0 auto
}

.all-btn-ppt-blog a:hover,
.bg-light.p-1.rounded.shadow a:hover,
.blog-ppt-read-btn a:hover,
.showcase-listing-para ul li a,
.showcase-listing-para-next p a,
.terms-condition-Categories ul li a:hover,
.terms-condition-recent-post ul li a:hover,
.terms-condition-spaces-quality ul li a:hover {
    text-decoration: none
}

.bg-light.p-1.rounded.shadow a img {
    width: 24%;
    height: 20px
}

.order-now-btn {
    text-align: center;
    margin-top: 14px;
    margin-bottom: 12px
}

.order-now-btn a {
    background: #e85100;
    color: #fff;
    padding: 6px 12px
}

.show-price-discount {
    color: #055160;
    background-color: #cff4fc;
    border-color: #b6effb;
    text-align: center;
    margin-bottom: 8px;
    padding: 10px 7px;
    font-size: 14px;
    font-weight: 700
}

.canvas-print-btn a {
    color: #fff;
    background: #003886;
    padding: 6px 16px
}

.uesed-code-buy-main {
    position: relative;
    right: 30%;
    padding: 16px 14px;
    top: 45px
}

.Canvas-prod-dec img {
    width: 3% !important;
    margin-top: 15px
}

.print-heading-soft h2 {
    font-size: 36px;
    font-weight: 800;
    line-height: 44px
}

.print-heading-soft ul li {
    list-style: none;
    padding: 4px 0;
    font-size: 18px;
    display: flex
}

.print-heading-soft ul li span {
    color: #829376;
    text-align: center;
    margin-right: 7px;
    font-weight: 800;
    letter-spacing: 3px
}

.printposter-section {
    background: url('/php-dev/printposters/uploads/category/category_169382732031.webp') center/cover no-repeat;
    padding: 50px 0
}

.printposter-section:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #000000f7;
    opacity: .7
}

.card {
    height: 500px;
    box-shadow: 5px 5px 20px;
    overflow: hidden;
    border-radius: 10px !important;
    cursor: pointer
}

.card .intro {
    position: absolute;
    height: 80px;
    width: 100%;
    bottom: 0;
    overflow: hidden;
    padding: 10px;
    color: #fff;
    background-color: rgba(27, 27, 27, .5);
    transition: .4s ease-in-out
}

.card:hover .intro {
    height: 320px;
    bottom: 0;
    background-color: #000
}

.card:hover .text-p {
    opacity: 1;
    visibility: visible;
    text-align: left;
    font-size: 15px;
    letter-spacing: 1px;
    padding: 1px;
    line-height: 23px
}

.card:hover img {
    transform: scale(1.1) rotate(-3deg)
}

.card img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 10px;
    transition: transform .4s ease-in-out
}

.card .text-h1 {
    margin: 10px;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 700
}

.card .text-p {
    font-size: 16px;
    padding: 0 10px !important;
    visibility: hidden;
    opacity: 0
}

.box:after,
.box:before {
    content: "";
    position: absolute;
    width: 100%;
    top: 0;
    height: 100%
}

.Main-order-section .upload-image .form-group {
    background: #dddddd87;
    border: 1px solid #ddd
}

.Main-order-section .form-group img {
    width: 36%;
    border-radius: 5%
}

.Main-order-section .side-upload-sec .form-control {
    width: 28%
}

.Main-order-section button,
.inner-cart-content,
.store_change_detail {
    width: 40%
}

.title-type-canvas h3 {
    margin-bottom: 24px;
    font-size: 26px;
    font-weight: 700
}

.box:before {
    left: 0;
    background-color: rgba(0, 0, 0, .9);
    opacity: 0;
    transition: .5s
}

.box {
    text-align: center;
    overflow: hidden;
    color: #fff
}

.box:after {
    left: 170%;
    transform: skewX(45deg);
    transition: 1s;
    background-color: #ff206e;
    z-index: 1
}

.box .box-content,
.hover-3-content {
    position: absolute;
    left: 0;
    width: 100%
}

.box:hover:after {
    left: -170%;
    top: 0
}

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

.box .box-content {
    bottom: -100%;
    transition: .5s
}

.box:hover .box-content {
    bottom: 40%
}

.box .box-content .name {
    font-size: 22px;
    font-weight: 700;
    margin: 0 0 10px;
    display: block;
    text-transform: uppercase;
    letter-spacing: 1px
}

.box .box-content .post {
    display: block;
    font-size: 15px;
    font-style: italic;
    font-weight: 600
}

.hover-3::after {
    content: '';
    width: calc(100% - 3rem);
    height: calc(100% - 3rem);
    border: 1px solid #fff;
    position: absolute;
    top: 1.5rem;
    left: 1.5rem;
    z-index: 90;
    transition: .3s;
    transform: scale(1.1);
    display: block;
    opacity: 0
}

.hover-3-content {
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    z-index: 99
}

.hover-3-description {
    opacity: 0;
    transform: scale(1.3);
    transition: .3s
}

.hover-3 img {
    width: 100%;
    top: 50%;
    left: 50%
}

.hover img,
.hover-overlay {
    top: 0;
    left: 0;
    position: absolute
}

.hover-3 .hover-overlay {
    background: rgba(0, 0, 0, .2)
}

.hover-3:hover .hover-3-description,
.hover-3:hover::after {
    opacity: 1;
    transform: none
}

.hover-3:hover .hover-overlay {
    background: rgba(0, 0, 0, .8)
}

.hover {
    overflow: hidden;
    position: relative;
    padding-bottom: 100%
}

.hover-overlay {
    width: 100%;
    height: 100%;
    z-index: 90;
    transition: .4s
}

.hover img {
    width: 100%;
    transition: .3s
}

.dropdown-menu.border-0.p-0.m-0,
body .modal-dialog {
    position: absolute !important
}

.hover-content {
    position: relative;
    z-index: 99
}

.hover.hover-3.text-white.rounded:hover p.hover-3-description.small.text-uppercase.mb-0 {
    background: #1b7cbe;
    color: #fff;
    width: 60%;
    margin: 0 auto;
    text-decoration: none;
    border-radius: 6px
}

.hover.hover-3.text-white.rounded p.hover-3-description.small.text-uppercase.mb-0 {
    padding: 14px 8px;
    background: #1b7cbe;
    color: #fff;
    width: 60%;
    margin: 0 auto
}

.py-5 {
    padding-top: 24px !important
}

.table-shadow {
    box-shadow: 0 0 10px #ddd;
    background: #fff;
    border-radius: 6px;
    padding: 20px 30px
}

p.text-center.head-custom.bg-primary {
    color: #fff;
    line-height: 20px;
    margin: 0;
    font-size: 20px;
    padding: 10px 0;
    font-weight: 600;
    background: #428bca !important
}

.hover.hover-3.text-white.rounded img {
    width: 100%;
    height: auto !important
}

.box:hover {
    border: 1px solid #ddd;
    transition: 1s
}

.body-ppt span#close,
.body-ppt span#open {
    background: #101340;
    color: #fff;
    border-radius: 0 26px 26px;
    box-shadow: 0 0 10px #00000080 !important;
    position: relative;
    width: auto
}

.title-heading-inner.categories-heading.asa h2 {
    color: #fff;
    margin-left: 40px;
    text-align: inherit;
    width: 100%;
    margin-bottom: 18px
}

.title-heading-inner.categories-heading.asa h2:before {
    left: 19%;
    background: #fff
}

.title-heading-inner.categories-heading.asa h2:after {
    background: #fff;
    left: -40px
}

.service-sec-core {
    padding: 60px 4% !important
}

.title-heading-inner.categories-heading.atob h2:after {
    left: 104px
}

.title-heading-inner.categories-heading.atob h2:before {
    right: 104px
}

.printposter-section-follw {
    padding-bottom: 31px
}

.printposter-about-banner {
    background: url('../../assets/images/c.webp') 100%/cover no-repeat;
    padding: 200px 0;
    text-align: center
}

.about-ppt-banner-cont h2 {
    color: #fff;
    text-transform: uppercase;
    font-size: 25px;
    font-weight: 600
}

.size-with-preview h5 {
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    padding: 9px;
    text-transform: uppercase
}

.image-content-about-ppt {
    padding: 16px 0 25px
}

.body-ppt span#close {
    font-size: 18px;
    padding: 18px 44px !important
}

details #close:after {
    position: relative;
    top: 2px;
    padding-left: 8px;
    content: "\f102";
    transform: rotate(359deg);
    left: 8px;
    font-size: 24px;
    font-family: FontAwesome
}

.body-ppt span#open {
    font-size: 18px;
    padding: 18px 44px !important;
    top: 0
}

.body-ppt p {
    font-size: 16px;
    font-weight: 500;
    color: #101340;
    line-height: 26px
}

.body-ppt {
    margin: 10px 0 0;
    max-width: 100%;
    height: auto;
    padding: 0 !important
}

.body-ppt p span {
    font-size: 25px !important;
    font-weight: 600;
    margin: 7px 0 0
}

ul.coustom-breadcrumb li,
ul.coustom-breadcrumb li a {
    color: #000;
    font-size: 14px;
    font-weight: 600
}

.body-ppt a {
    font-size: 17px;
    text-decoration: underline
}

details summary {
    display: flex;
    cursor: pointer;
    color: red
}

details[open] {
    display: block;
    animation: .2s linear open
}

details #open {
    padding-left: 5px;
    text-align: middle
}

details #open:after {
    position: relative;
    top: -2px;
    padding-left: 8px;
    content: "\00bb";
    transform: rotate(90deg);
    left: 8px;
    font-size: 24px
}

::-webkit-details-marker {
    display: none
}

.title-heading-inner.loop.shs h2:before {
    right: -50px
}

.title-heading-inner.loop.shs h2:after {
    left: -50px
}

.body-ppt.dsh {
    padding-left: 0;
    padding-right: 50px
}

ul.coustom-breadcrumb {
    display: flex;
    justify-content: center;
    gap: 32px;
    padding: 0;
    margin: 18px 0 0
}

ul.coustom-breadcrumb li {
    list-style: none;
    text-transform: uppercase;
    position: relative
}

ul.coustom-breadcrumb li a:before {
    font-size: 23px;
    position: absolute;
    right: 0;
    transition: .2s;
    color: #fff;
    content: "\f105";
    font-family: FontAwesome;
    top: -7px;
    left: 55px
}

.odfw {
    text-align: center;
    background: #030353f5;
    padding: 30px 28px;
    height: 100%;
    box-shadow: 0 0 14px #00000080;
    border-radius: 18px
}

.title-heading-inner.loop.ddh h2:before {
    right: -40px
}

.title-heading-inner.loop.ddh h2:after {
    left: -40px
}

.title-heading-inner.loop.ddh {
    margin-left: 42px;
    text-align: inherit;
    margin-bottom: 36px;
    margin-top: 24px
}

.section-ppt-col-office {
    padding-bottom: 70px
}

.odfw h3 {
    color: #fff;
    font-size: 18px;
    font-weight: 600
}

.odfw p {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    line-height: 26px
}

.service-availability-ppt-sec {
    background-color: #f4f4f4;
    padding-bottom: 36px
}

.all-service-availability-content p {
    line-height: 35px;
    font-weight: 600;
    font-size: 18px;
    text-align: center;
    margin-top: 28px;
    color: #101340
}

.Hi-Resolution-printer-ppt {
    padding: 55px 0
}

.Hi-Resolution-printer-para p {
    line-height: 28px;
    font-size: 16px;
    font-weight: 500;
    padding: 0 20px
}

.content-b h3,
.individual-a h2 {
    font-weight: 600;
    text-transform: capitalize
}

#image-preview {
    height: 320px;
    width: auto;
    display: block !important;
    margin-left: auto;
    margin-right: auto;
    padding: 5px
}

body .canvas-container {
    /* width: 100% !important;
    height: 500px !important */
}

canvas.upper-canvas {
    /* width: 100% !important;
    height: 100% */
}

.individual-a h2 {
    font-size: 24px;
    letter-spacing: 1px
}

.content-b h3 {
    font-size: 18px;
    letter-spacing: .5px
}

.content-b p {
    text-transform: capitalize;
    font-weight: 400;
    font-family: inherit
}

.content-b {
    padding: 8px 0
}

.doc .budget-radio label a {
    margin-top: 11px;
    border-bottom: 1px solid
}

.content-button span {
    border: 1px solid;
    padding: 9px 17px;
    margin: 0 6px;
    text-transform: capitalize;
    background: #0872ba;
    color: #fff;
    font-size: 16px
}

.individual-1 {
    padding-top: 80px;
    padding-bottom: 50px;
    background: #f9f9f9;
    margin-top: 60px !important
}

.content-button {
    margin-top: 31px
}

.individual h2 {
    text-align: center;
    width: 52%;
    display: block;
    margin-bottom: 50px
}

.type-product .budget-radio label span {
    font-size: 13px !important;
    font-weight: 400;
    border: 1px solid;
    height: 42px;
    line-height: 31px;
    width: 100%;
    margin-right: 7px;
    border-radius: 5px
}

.doc .size-choose label span {
    border-radius: 5px;
    padding: 5px 27px;
    border: 1px solid #000;
    margin: 0 7px 0 0;
    font-weight: 300;
    font-size: 11px
}

.doc .budget-radio label {
    display: flex;
    align-items: center;
    width: 100%;
    flex-wrap: wrap;
    justify-content: center
}

.doc .budget-radio {
    display: grid;
    margin-top: 1rem
}

.price-product span {
    color: #000;
    font-weight: 500;
    font-size: 22px
}

.budget-radio-canvs-sip label span:hover,
.tab-code-nav-recommended .form-feild.size-choose span:hover,
.tab-code-nav-recommended .nav-tabs>li>a:hover,
.tab-code-nav-recommended .quantity-input button:hover,
button.button.button--large,
button.button.button--large:hover,
button.shopify-payment-button {
    color: #fff;
    background: #0872ba
}

.type-product {
    margin-top: 0px;
    width: 100%;
    display: inline-block
}

.inner-select.doc .category-frame-list {
    float: left;
    width: 112px;
    cursor: pointer
}

.inner-select.doc .category-frame-list img {
    width: 100px;
    height: 100px
}

span.museum {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: initial
}

.doc {
    margin-top: 15px
}

span.special-space {
    position: relative;
    top: 3px;
    left: 10px
}

button.button.button--large {
    border: 1px solid #0872ba;
    width: 100%;
    padding: 10px 0 40px 6px;
    text-align: center;
    margin: 0;
    border-radius: 5px
}

.width-attached-code {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 100% !important;
    gap: 14px
}

button.shopify-payment-button {
    border: 1px solid #0872ba;
    width: 100%;
    padding: 10px 0 40px 6px;
    text-align: center;
    border-radius: 5px
}

.container {
    margin: 0 auto !important;
    padding: 0 !important
}

.showcase-your-photo-sec {
    padding: 70px 0 40px
}

.showcase-listing-para-heading h2 {
    text-transform: capitalize;
    font-size: 24px;
    font-weight: 600
}

.showcase-listing-para ul {
    padding: 0;
    margin: 18px 0 0
}

.showcase-listing-para ul li {
    list-style: none;
    font-size: 15px;
    font-weight: 500;
    color: #121010e3;
    line-height: 24px
}

.right-side-view-showcase {
    padding-top: 50px
}

.showcase-listing-para-next ul {
    margin: 0;
    padding: 10px 0 0
}

.showcase-listing-para-next ul li {
    margin-left: 18px;
    text-transform: capitalize;
    font-weight: 500;
    line-height: 32px
}

.showcase-listing-para-next p {
    margin-top: 20px;
    font-size: 16px;
    font-weight: 500;
    line-height: 28px
}

.print-poster-four-boxes-sec {
    padding: 34px 0 0
}

.box-ppt-image-cont-price a {
    color: #4361db;
    text-decoration: none;
    font-weight: 600;
    font-size: 16px
}

.box-ppt-image-cont-price p {
    margin-bottom: 14px;
    font-size: 14px;
    font-weight: 500
}

.box-ppt-image-cont-price h3 {
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    margin-top: 8px !important
}

.box-ppt-image-cont-price a span {
    margin-right: 10px;
    font-weight: 500;
    text-transform: capitalize
}

.box-ppt-image-cont-price a:hover {
    text-decoration: none;
    color: #000
}

.box-ppt-image {
    overflow: hidden;
    padding: 0;
    width: 100%;
    height: 200px
}

.box-ppt-image img {
    width: 100%;
    height: auto;
    transition-duration: 4s;
    margin: 0 auto;
    display: block
}

.box-ppt-image img:hover {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    z-index: 0
}

.title-heading-inner.loop.ddh h2 {
    width: 15%
}

.form-search-terms {
    margin: 0 auto;
    font: bold 13px sans-serif;
    width: 100%;
    position: relative
}

.form-search-terms input {
    width: 70%;
    box-sizing: border-box;
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px;
    background-color: #fff;
    border: 1px solid #b6c3cd;
    border-right: 0;
    color: #4e565c;
    -webkit-appearance: none;
    padding: 12px 6px
}

.form-search-terms button {
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
    background-color: #6caee0;
    color: #fff;
    margin-left: -4px;
    cursor: pointer;
    border: none;
    width: 25%;
    height: 41px
}

.form-search-terms i {
    position: absolute;
    top: 15px;
    left: 20px;
    font-size: 16px;
    color: #80a3bd
}

.all-term-condition-lines h2 {
    font-size: 40px;
    font-weight: 600;
    text-transform: capitalize;
    margin-top: 0;
    margin-bottom: 26px
}

.listing-term-condition h3 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
    margin-top: 20px
}

.listing-term-condition ul li {
    list-style: none;
    line-height: 33px;
    font-size: 15px;
    font-weight: 500
}

.search-box-terms p {
    font-size: 14px;
    margin-top: 14px;
    letter-spacing: 1px
}

.listing-term-condition ul li p {
    line-height: 24px;
    margin-top: 0
}

.all-term-condition-lines.asa,
.ppt-cart-total-apply-btn {
    margin-top: 26px
}

.next-term-search-box {
    margin-top: 40px
}

h4.all-terms-four {
    font-size: 20px;
    text-transform: capitalize;
    margin-bottom: 14px;
    margin-top: 0
}

.all-term-condition-ul-li {
    margin-right: 20px;
    border-right: 1px solid #00000059;
    padding-right: 30px
}

.terms-condition-recent-post ul li {
    list-style: none;
    line-height: 24px;
    margin-bottom: 12px
}

.terms-condition-recent-post ul li a {
    font-size: 15px;
    font-weight: 400;
    color: #00000099
}

.terms-condition-Categories ul {
    padding: 0;
    column-count: 2;
    margin: 26px 0 0
}

.terms-condition-Categories ul li {
    list-style: none;
    width: 100%;
    border: 1px solid #000;
    padding: 0 6px;
    text-align: center;
    margin-bottom: 18px;
    height: 38px;
    line-height: 38px;
    border-radius: 4px
}

.terms-condition-Categories ul li a {
    font-size: 14px;
    color: #000
}

.terms-condition-spaces-quality ul {
    margin: 20px 0 0;
    padding: 0
}

.terms-condition-spaces-quality ul li {
    list-style: none;
    margin-bottom: 12px
}

.terms-condition-spaces-quality h4 {
    line-height: 28px;
    font-size: 18px
}

.terms-condition-spaces-quality ul li i,
.terms-condition-spaces-quality ul li strong {
    font-size: 16px;
    color: #0000008c
}

.terms-condition-spaces-quality ul li a {
    margin-left: 10px;
    font-size: 16px;
    color: #110f0fcc;
    font-weight: 500
}

.for-sticky-term {
    position: sticky;
    top: 5%
}

body .dropzone .dz-preview {
    width: 30%;
    margin: 10px 0
}

.dropzone {
    margin: 0;
    min-height: 200px !important;
    border: none !important
}

body .dropzone .dz-preview img {
    border: 1px solid #ccc
}

.image-clinte,
.mobile-icon,
.search-box-terms,
.stepwizard-row.setup-panel,
.uncon-promis-section .tab {
    display: none
}

body .dropzone .dz-preview .dz-image img {
    display: block;
    width: 100%;
    text-align: center;
    box-shadow: 0 0 5px #ddd;
    margin: 0;
    object-fit: cover;
    height: 100%
}

body .dropzone .dz-preview .dz-image {
    border-radius: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.Choose-Size-dz a {
    display: block;
    color: #fff;
    font-size: 17px;
    text-transform: capitalize;
    font-weight: 700;
    width: 60%;
    margin: 0 auto 15px
}

.upload-image .dropzone {
    border-bottom: none;
    padding: 40px 0
}

.upload-image .Choose-Size-dz {
    background: #fff;
    border-top: none;
    padding-bottom: 10px
}

.Choose-Size-dz a:hover {
    color: #fff;
    text-decoration: none
}

.recommend-size ul.coustom-breadcrumb li a:before {
    right: -20px;
    left: auto
}

.clinte-saction .slick-list.draggable,
.recommend-size .printposter-about-banner {
    padding: 10px 0
}

.listing-term-condition p {
    line-height: 24px
}

img.code-se.active {
    position: absolute;
    z-index: 1;
    right: 0;
    left: 30%;
    top: 39px;
    border-radius: 0;
    width: 240px;
    object-fit: cover;
    /* box-shadow: 4px 3px 4px -2px #2b2b2b */
}

.uploadFrameImage {
    position: relative;
    z-index: 99 !important
}

.social-icon a {
    display: contents
}

.Choose-Size-dz a button {
    width: 100%;
    height: 52px;
    background: #1820b8
}

.Choose-Size-dz a button[disabled] {
    background: #5973ad !important
}

#addToCartButton:disabled {
    background: #7ebbe5 !important
}

.product-customize a {
    width: 100%;
    background: #fff;
    text-align: center;
    color: #000;
    margin-bottom: 16px;
    display: block;
    height: 55px;
    line-height: 50px;
    border: 1px solid #000;
    border-radius: 5px
}

.quantity-input {
    display: block;
    margin: 15px 0 !important
}

span#rolledPriceDiv {
    display: block;
    margin: 10px 0;
    font-size: 17px
}

span.rolled-price {
    text-decoration: line-through;
    color: red
}

.quantity {
    text-align: center;
    width: 13%;
    padding: 4px 0 4px 16px;
    display: inline-block;
    border: 1px solid #c3c2c2;
    border-radius: 4px
}

.decrease-button,
.increase-button {
    width: 30px;
    height: 30px;
    background-color: #ccc;
    border: none;
    cursor: pointer
}

.decrease-button:hover,
.increase-button:hover {
    background-color: #aaa
}

.quantity-input label {
    width: 100%;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: initial
}

.product-customize a:hover {
    color: #fff;
    background: #0872ba;
    text-decoration: none
}

.recommended-code-step th {
    width: 33%;
    text-align: center;
    border: 1px solid
}

.recommended-code-step tr {
    border: 1px solid;
    text-align: center;
    line-height: 33px
}

.recommended-code-step tr td {
    border: 1px solid
}

.ppt-blog-image img {
    width: 100%;
    height: 262px;
    object-fit: cover
}

.ppt-blog-heading h2 {
    font-size: 20px;
    font-weight: 700;
    text-transform: capitalize
}

.ppt-blog-date-time-btn {
    display: flex;
    gap: 24px;
    position: absolute;
    left: 16px;
    top: 44%
}

.all-btn-ppt-blog {
    background: #fff;
    width: 110px;
    text-align: center;
    height: 30px;
    line-height: 30px
}

.all-btn-ppt-blog a,
.ppt-extra-changes ul li a {
    color: #000;
    font-size: 14px;
    font-weight: 500
}

.ppt-blog-box-main {
    box-shadow: 0 0 10px #ddd;
    margin-bottom: 34px;
    position: relative
}

.all-blog-info {
    padding: 18px 8px 0 14px
}

.print-poster-blog-sec {
    PADDING: 55px 0
}

.blog-ppt-read-btn a {
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 600
}

.blog-ppt-read-btn {
    padding-bottom: 18px
}

.pagination a {
    color: #000;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
    transition: background-color .3s;
    border: 1px solid #ddd;
    font-size: 16px;
    font-weight: 500
}

.pagination a.active {
    background-color: #2199e8;
    color: #fff;
    border: 1px solid #2199e8
}

.pagination a:hover:not(.active) {
    background-color: #ddd
}

.listing-term-condition h6 {
    color: #000;
    font-weight: 700;
    font-size: 17px
}

.head-custon-ppt h2 {
    font-size: 24px;
    font-weight: 600;
    padding-bottom: 16px
}

.ppt-extra-changes ul {
    margin: 0;
    padding: 0;
    border: 1px solid #000
}

.ppt-extra-changes ul li {
    list-style: none;
    border-bottom: 1px solid #000;
    padding: 7px 8px
}

.ppt-extra-changes ul li a span {
    float: right;
    width: 20%
}

.ppt-extra-changes ul li a i {
    color: #070606;
    background: #fff;
    padding: 4px;
    border-radius: 15px;
    font-size: 12px;
    margin-right: 10px
}

.cart-name-field input {
    width: 100%;
    margin-bottom: 26px;
    padding: 8px 12px;
    outline: 0
}

.cart-name-field input::placeholder {
    text-transform: capitalize;
    font-size: 14px;
    font-weight: 500
}

.ppt-cart-address-heading h2 {
    font-size: 18px;
    font-weight: 600;
    text-transform: capitalize;
    margin: 0 0 20px;
    color: #0e75bb !important
}

.ppt-cart-total-amot h5,
.ppt-cart-total-apply-btn a,
.ppt-cart-total-coupon-code label {
    font-size: 14px;
    font-weight: 500
}

.ppt-cart-total-ammount {
    display: flex;
    width: 100%;
    margin-bottom: 6px
}

.ppt-cart-total-price {
    width: 50%;
    text-align: end
}

.ppt-cart-total-apply-btn a {
    background: #ffc107;
    padding: 8px 26px;
    color: #000;
    text-transform: capitalize
}

.ppt-cart-alert.alert-info {
    padding: 12px;
    margin-top: 16px;
    font-size: 16px;
    font-weight: 600
}

.print-poster-cart-sec {
    padding: 40px 0;
    background-color: #f4f4f4
}

.ppt-cart-total-coupon-code input {
    outline: 0;
    border: 1px solid #000
}

.ppt-cart-total-coupon-code input::placeholder {
    font-size: 14px
}

.ppt-cart-total-price h5,
.print-product-image h4,
.profil-drop li a .material-symbols-outlined {
    font-size: 14px
}

.ppt-extra-changes h3 {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 18px
}

.ppt-cart-login-heading-main {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.ppt-cantact-top-cart h3,
.ppt-cart-have-acct h3 {
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 400
}

.ppt-cart-have-acct h3 a {
    color: #fff;
    margin-left: 6px;
    font-weight: 600;
    font-size: 18px
}

.ppt-cart-address {
    margin-top: 0;
    padding: 0 6px
}

.ppt-cart-have-acct h3 {
    color: #fff;
    margin: 0;
    padding: 20px;
    width: 100% !important
}

.cart-top-login-main {
    background: #0e75bb;
    margin-bottom: 25px;
    border-radius: 6px;
    overflow: hidden
}

.cart-name-field a {
    background: #ffc107;
    padding: 16px 36px;
    color: #000;
    text-transform: capitalize
}

.ppt-cart-total-amot-gst h5,
.ppt-cart-total-price-gst h5 {
    color: #28a745;
    font-weight: 500;
    font-size: 14px
}

.cart-name-field.asa input[type=submit] {
    width: 45%;
    background: #4361db;
    border: #ffdead;
    padding: 14px 0;
    color: #fff;
    font-weight: 700;
    letter-spacing: 1px;
    border-radius: 4px
}

.cart-name-field.asa {
    padding-top: 10px
}

.nav-tabs,
.ppt-extra-changes ul li:nth-child(5),
.profil-drop li:last-child a {
    border-bottom: none
}

.ppt-cart-all-info-order ul {
    padding: 0;
    margin: 0
}

.inner-cart-select-content ul,
.ppt-cart-all-info-order ul li {
    list-style: none
}

.ppt-cart-total-price select {
    border-radius: inherit;
    width: 70px;
    height: 38px;
    outline: 0;
    padding: 0 6px;
    font-size: 16px;
    text-transform: capitalize
}

.ppt-cart-total-amot-gst h5 {
    margin-bottom: 14px
}

.ppt-cart-total-amot-gst {
    width: 70%
}

.ppt-cart-total-price-gst {
    width: 30%;
    text-align: end
}

.ppt-cart-total-amot-gst h5 span {
    color: #dc3545
}

.ppt-check-box img {
    width: 80%;
    margin-left: 14px
}

.ppt-cart-order-cle {
    text-align: end;
    margin-top: 40px
}

.ppt-cart-order-cle a {
    background: #dc3545;
    color: #fff;
    padding: 14px 24px;
    font-size: 16px;
    font-weight: 500
}

.ppt-cart-order-cle a i {
    margin-right: 10px
}

.ppt-cart-payment-option {
    margin-top: 0;
    padding-left: 15px
}

.new form {
    display: flex;
    width: 100%;
    align-items: center
}

.form-group {
    display: block;
    margin-bottom: 15px;
    width: 25%
}

.form-group input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer
}

.form-group label {
    position: relative;
    cursor: pointer
}

.form-group label:before {
    content: '';
    -webkit-appearance: none;
    background-color: transparent;
    border: 2px solid #1579bd;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .05), inset 0 -15px 10px -12px rgba(0, 0, 0, .05);
    padding: 8px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 5px;
    border-radius: 41px
}

.form-group input:checked+label:after {
    content: '';
    display: block;
    position: absolute;
    top: 12px;
    left: 8px;
    width: 5px;
    height: 10px;
    border: solid #0079bf;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg)
}

.form-group img {
    text-align: center;
    width: 80%
}

.ppt-cart-address-heading.ada {
    padding-top: 0;
    padding-bottom: 0
}

.field.section-option-code {
    display: flex;
    width: 100%;
    align-items: center;
    padding-bottom: 10px
}

.field.section-option-code p.control img {
    width: 145px;
    margin-left: 10px
}

.login-with-google {
    text-align: center;
    width: 100%;
    display: inline-block;
    text-decoration: underline;
    color: #0771b9;
    font-size: 16px;
    font-weight: 600;
    margin: 25px 0 0
}

.field.section-option-code p.control {
    width: 100%;
    margin-right: 10px
}

.field.section-option-code p.control input {
    width: 18px;
    height: 18px;
    margin: 0
}

.ppt-for.all-contact .col-md-7 {
    background: #fff;
    box-shadow: 0 0 4px 0 #dddd;
    padding: 0
}

.tab-code-nav-recommended .tab-pane {
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important
}

.two-custom-size-field {
    display: flex;
    justify-content: space-between;
    gap: 26px;
    margin-top: 20px
}

.corner-office-task {
    width: 50%;
    text-align: center
}

.corner-office-task select#customSelect {
    height: 34px;
    border: none;
    border-bottom: 1px solid #000
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    border: 1px solid #ddd
}

.modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5)
}

.modal-content {
    background-color: #fff;
    margin: 6% auto;
    padding: 20px;
    border: 1px solid #888;
    width: 50%;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2);
    text-align: center
}

.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: 700;
    cursor: pointer
}

li.threed-popup .modal-content,
li.visual-popup .modal-content {
    width: 58%;
    background: 0 0/100% no-repeat #fff;
    height: auto;
    border: 4px solid #fff;
    position: relative;
    z-index: 999;
    overflow: hidden;
    padding: 0 16px 18%
}

.modal-content span.close {
    display: flex;
    justify-content: end;
    font-size: 44px;
    color: #000;
    opacity: 1;
    margin: 0 0 15px
}

li.visual-popup div#myModal {
    z-index: 99999
}

.tab-code-nav-recommended .nav-tabs {
    border: none;
    margin: 0
}

.tab-code-nav-recommended .nav-tabs li {
    color: #000 !important;
    margin-right: 2px
}

.tab-code-nav-recommended .nav-tabs li a {
    color: #0872ba;
    font-weight: 700;
    padding: 12px 10px !important;
    border: 1px solid #0872ba;
    border-radius: 0
}

.tab-code-nav-recommended .nav-tabs>li.active>a {
    background: #0872ba !important;
    width: 100%;
    border-radius: 0;
    color: #fff !important
}

.tab-code-nav-recommended .nav-tabs li button {
    color: #000;
    width: 100%;
    height: 100%;
    font-weight: 700;
    font-size: 12px;
    background: #fff !important
}

.tab-code-nav-recommended .price-product span {
    font-weight: 500;
    font-size: 17px
}

.dis-price {
    font-weight: 600 !important;
    margin-left: 12px
}

.tab-code-nav-recommended span.museum {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: normal
}

.product-from .product-shape-amount,
.tab-code-nav-recommended {
    padding: 10px 0 0
}

.tab-code-nav-recommended .budget-radio-canvs-sip {
    margin: 5px 0 0
}

.two-custom-size-field select {
    height: 36px;
    font-size: 15px;
    justify-content: center;
    display: flex;
    align-items: center;
    border-color: #0872ba
}

.tab-code-nav-recommended .form-feild.size-choose span {
    font-weight: 700;
    color: #0872ba;
    border: 1px solid #0872ba;
    border-radius: 0
}

.tab-code-nav-recommended .quantity-input label {
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 10px
}

.tab-code-nav-recommended .quantity-input button {
    background: #fff;
    border: 1px solid #0872ba;
    font-size: 24px !important;
    height: 100% !important;
    width: 50px;
    line-height: 40px;
    color: #0872ba
}

.tab-code-nav-recommended .quantity {
    width: 56px;
    border: 1px solid #0872ba;
    border-radius: 0;
    font-size: 16px;
    line-height: 30px;
    margin: 0;
    font-weight: 700;
    height: 100%;
    padding: 14px 0 9px 2px;
    text-align: center
}

.tab-code-nav-recommended .custom-quantity-input {
    width: 80px !important;
}

.recommended-set-ert {
    width: 100%;
    gap: 10px;
    align-items: end
}

.recommended-set-ert img {
    display: block;
    object-fit: cover
}

.tab-code-nav-recommended .tab-content .tab-pane {
    overflow: hidden
}

.tab-code-nav-recommended li.nav-item .nav-link.active {
    background: #0872ba;
    color: #fff;
    width: 100%;
    border-radius: 0
}

.product-customize a {
    margin-top: 0 !important;
    font-size: 16px;
    font-weight: 700
}

button.button.button--large,
button.shopify-payment-button {
    font-size: 15px;
    font-weight: 700;
    line-height: 28px
}

.crop-butt-recommended {
    margin-bottom: 30px;
    margin-top: 37px;
    width: 100%;
    text-align: center
}

.crop-butt-recommended a {
    background: #0872ba;
    color: #fff;
    padding: 8px 27px;
    font-weight: 800;
    letter-spacing: 1px;
    text-transform: revert
}

.box-four-inner h3,
.card-detail-title h3,
.inner-order-place h2 {
    text-transform: capitalize
}

.crop-butt-recommended a:hover {
    color: #fff;
    background: #000;
    text-decoration: none
}

.budget-radio-canvs-sip label span {
    width: 100%;
    border: 1px solid #0872ba;
    font-weight: 600;
    color: #0872ba;
    display: inline-block;
    cursor: pointer
}

.category-frame-list span {
    width: 100%;
    display: inline-block;
    margin: 5px 0 0;
    text-align: center
}

.inner-select.doc .museum {
    display: inline-block;
    width: 100%;
    text-align: left;
    margin-bottom: 10px
}

.category-frame-list {
    float: left;
    width: 18%
}

.banner-from-table label {
    float: left;
    margin: 10px 10px 10px 0
}

.budget-radio-canvs-sip .active,
.quantity-btn:hover {
    background: #0872ba !important;
    color: #fff
}

.budget-radio-canvs-sip input[type=radio] {
    margin: 0;
    display: none
}

.tab-code-nav-recommended .type-heading {
    margin: 0 0 0px;
    padding: 0
}

.tab-code-nav-recommended .doc {
    margin-top: 10px;
    padding: 0
}

.box-ppt-image-cont-price {
    padding: 12px
}

span.calc-price.active,
span.test.active {
    background: #0872ba;
    color: #fff !important
}

.image-class {
    image-rendering: pixelated;
    max-width: 100%;
    height: auto
}

.square[three-d-preview] {
    height: 250px;
    width: 250px
}

.landscape[three-d-preview] {
    width: 300px;
    height: 200px
}

.potrait[three-d-preview] {
    width: 200px;
    height: 300px
}

.fix-content[three-d-preview] {
    width: -moz-fit-content;
    width: fit-content;
    margin: auto;
    position: relative
}

.notch[three-d-preview] {
    position: absolute;
    background-color: #fff;
    width: 10px;
    height: 10px
}

.top-left[three-d-preview] {
    top: 0;
    left: 0
}

.top-right[three-d-preview] {
    top: 0;
    right: 0
}

.bottom-left[three-d-preview] {
    bottom: 0;
    left: 0
}

.bottom-right[three-d-preview] {
    bottom: 0;
    right: 0
}

.border[three-d-preview] {
    border-width: 1px;
    box-shadow: 0 1px 3px #000;
    border-style: groove
}

.canvas-border[three-d-preview] {
    box-shadow: inset 5px 5px 25px #0007
}

.my-full-screen-dialog[three-d-preview] {
    height: 100vh;
    width: 100vw !important;
    max-width: none !important
}

#featured_img img,
#thumb_img img,
.thumbnail {
    max-width: 100%
}

.wrap-option-container[three-d-preview] {
    display: grid;
    width: 100%;
    justify-content: center;
    grid-template-columns: auto auto auto
}

.grid-container[three-d-preview] {
    margin: 1.5rem auto;
    display: grid;
    width: 290px;
    justify-content: center;
    grid-template-columns: 20px 250px 20px;
    grid-template-rows: 20px 200px 20px;
    background-size: cover
}

#canvasBoard[three-d-preview] {
    margin: auto;
    width: -moz-fit-content;
    width: fit-content
}

.item1[three-d-preview],
.item3[three-d-preview],
.item7[three-d-preview],
.item9[three-d-preview] {
    background-color: #fff
}

.item2[three-d-preview],
.item4[three-d-preview],
.item6[three-d-preview],
.item8[three-d-preview] {
    box-shadow: 0 -1px 7px #000000a8
}

mat-card-title[three-d-preview] {
    font-size: 12px !important
}

p[three-d-preview] {
    font-size: 12px
}

.e1[three-d-preview] {
    height: 50px;
    width: 50px
}

.nav[three-d-preview] {
    z-index: 10;
    display: flex;
    font-size: 10px;
    justify-content: center;
    flex-direction: row;
    width: 100%;
    height: 50px;
    filter: drop-shadow(0 0 5px rgba(31, 31, 31, .1))
}

.nav-slot[three-d-preview] {
    flex-basis: 33%;
    text-align: center;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.nav-link[three-d-preview] {
    display: flex;
    line-height: 1;
    align-items: center;
    color: #aab2bd;
    border-radius: 50rem;
    padding: .5rem;
    transition: .3s
}

.active[three-d-preview] {
    color: #2575fc
}

.curve[three-d-preview] {
    flex-basis: auto !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M99,0A36.33,36.33,0,0,0,70,15,25,25,0,0,1,30,15,36.33,36.33,0,0,0,1,0H0V50H100V0Z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: center;
    width: 100px
}

.bg-white[three-d-preview],
.threeD-preview {
    background: #fff
}

.floating-button[three-d-preview] {
    position: fixed;
    padding: 5px 15px;
    display: flex;
    line-height: 2;
    text-align: center;
    color: #ffce54 !important;
    background-image: linear-gradient(to right, #6a11cb 0, #2575fc 100%);
    box-shadow: 0 10px 6px -6px #777;
    z-index: 1;
    transition: .3s
}

.round-top-left[three-d-preview] {
    border-top-left-radius: 15px
}

.round-top-right[three-d-preview] {
    border-top-right-radius: 15px
}

.ex1[three-d-preview] {
    perspective: 700px
}

.cube[three-d-preview] {
    transition: .5s cubic-bezier(.075, .82, .165, 1);
    font-size: 4em;
    margin: 1.5em auto;
    transform-style: preserve-3d;
    transform: rotateX(-45deg) rotateY(30deg)
}

.side[three-d-preview] {
    position: absolute;
    text-align: center
}

.front[three-d-preview] {
    transform: translateZ(1em)
}

.top[three-d-preview] {
    transform: rotateX(90deg) translateZ(1em)
}

.right[three-d-preview] {
    transform: rotateY(90deg) translateZ(1em)
}

.left[three-d-preview] {
    transform: rotateY(-90deg) translateZ(1em)
}

.bottom[three-d-preview] {
    transform: rotateX(-90deg) translateZ(1em)
}

.back[three-d-preview] {
    transform: rotateY(-180deg) translateZ(1em)
}

.slider[three-d-preview] {
    -webkit-appearance: none;
    width: 90%;
    height: 15px;
    border-radius: 5px;
    background: #d3d3d3;
    outline: 0;
    opacity: .7;
    transition: opacity .2s;
    position: unset;
    cursor: pointer
}

.slider[three-d-preview]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #4caf50;
    cursor: pointer
}

.slider[three-d-preview]::-moz-range-thumb {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #4caf50;
    cursor: pointer
}

.clearfix::after {
    content: "";
    display: table;
    clear: both;
    height: 8rem
}

.result-item {
    display: inline-block;
    margin: 0 10px
}

span.decrease-quantity,
span.increase-quantity {
    height: 35px;
    width: 35px;
    line-height: 36px;
    font-size: 20px;
    border: 1px solid #ddd;
    text-align: center;
    cursor: pointer
}

span.current-quantity {
    height: 35px;
    width: 35px;
    line-height: 35px;
    font-size: 18px;
    border: 1px solid #ddd;
    text-align: center;
    border-left: none;
    border-right: none
}

p.control label.checkbox {
    border: 1px solid #ddd;
    height: 57px;
    padding: 0 10px;
    border-radius: 4px
}

.threeD-preview {
    border: 1px solid;
    width: 100%;
    font-size: 15px;
    font-weight: 700;
    margin: 13px 0;
    height: 50px;
    border-radius: 5px
}

.cart-section-box {
    display: flex;
    gap: 50px
}

.cart-section-inner-left {
    width: 70%;
    padding: 10px;
    margin-top: 30px;
    background-color: #fff;
    border-radius: 8px
}

.cart-section-inner-right {
    width: 30%;
    padding: 15px;
    margin-top: 30px;
    background: #fff;
    border-radius: 8px
}

.cart-heading h2 {
    font-size: 18px;
    font-weight: 700;
    color: #056fb9;
    line-height: 48px;
    padding-bottom: 8px;
    margin: 0
}

.self-coders {
    margin-top: 31px;
    border-radius: 9px;
    padding: 0 20px 20px
}

.cart-section {
    padding-bottom: 50px;
    background-color: #f4f4f4
}

.inner-cart-list ul li.remove-button {
    color: #056fb9;
    border: 1px solid;
    text-align: center;
    padding: 5px 13px;
    border-radius: 4px;
    font-size: 13px;
    line-height: 20px;
    font-weight: 500
}

.cart-heading {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #ccc
}

.cart-detail-sec {
    display: flex;
    gap: 40px;
    padding: 30px 10px;
    border: 1px solid #ccc;
    margin-bottom: 15px;
    border-radius: 8px
}

.watsapp_btn img {
    position: fixed;
    float: right;
    z-index: 999;
    bottom: 24px;
    right: 0
}

.inner-cart-picture img {
    width: 100% !important;
    object-fit: contain;
    height: 112px;
    border: 1px solid #0000002e;
    padding: 3px;
    margin-left: 15px
}

.inner-cart-content h3 {
    font-size: 16px;
    font-weight: 700;
    margin: 0
}

.loader {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 20px;
    background-color: rgba(0, 0, 0, .6);
    color: #fff;
    padding: 15px 30px;
    border-radius: 5px;
    z-index: 9999;
    display: none
}

.inner-cart-content p {
    font-size: 12px;
    font-weight: 500;
    margin: 0
}

p.price {
    color: #646464;
    font-weight: 700;
    font-size: 16px;
    padding: 5px 0
}

p.price span {
    color: #000;
    font-weight: 400;
    padding-left: 14px;
    text-decoration: line-through
}

.cart_select {
    display: flex;
    align-items: center;
    padding: 8px 0
}

.cart_select select {
    width: 60px;
    height: 40px;
    padding: 11px;
    font-size: 20px;
    border-color: #ddd;
    border-radius: 5px;
    margin: 10px 0
}

.cart_select span.color_red {
    padding-left: 8px;
    color: red;
    font-weight: 700
}

.inner-cart-list ul {
    display: flex;
    list-style: none
}

.inner-cart-list ul li {
    color: #00f;
    font-size: 16px;
    font-weight: 500;
    margin: 5px 0 0;
    padding-right: 14px;
    cursor: pointer
}

.inner-cart-select-content {
    width: 25%
}

.inner-cart-select-content li label {
    font-size: 18px;
    font-weight: 500;
    padding-left: 10px;
    margin: 0
}

.inner-cart-select-content li span {
    display: block;
    font-size: 18px;
    padding: 5px 0 0
}

.cart-list table td,
.cart-list table th {
    padding: 6px 0 3px;
    font-size: 14px
}

p.store_change {
    color: #00f;
    font-weight: 700;
    font-size: 18px;
    margin: 10px 0 0
}

.inner-cart-select-content li input {
    font-size: 16px;
    width: 20px;
    height: 20px;
    margin: 0
}

.inner-cart-select-content li {
    margin: 0 0 7px
}

.inner-cart-heading button,
.payment_button button {
    width: 100%;
    height: 50px;
    color: #fff;
    margin-top: 15px;
    font-size: 18px;
    display: block;
    text-align: center;
    font-weight: 500;
    outline: 0
}

.inner-cart-heading p {
    font-size: 18px;
    border-bottom: 3px solid #ddd;
    padding: 15px 0;
    font-weight: 500
}

.inner-cart-heading button {
    background: #056fb9;
    padding: 10px 29px;
    border-color: #056fb9
}

.payment_button button {
    background: #00f;
    border-color: #00f
}

.payment_button-option button {
    width: 50%;
    height: 40px;
    font-size: 18px;
    font-weight: 600;
    text-transform: capitalize
}

.payment_button-option {
    display: flex;
    gap: 30px;
    margin: 25px 0 0
}

.payment_button-option img {
    width: auto
}

.payment_button-option a {
    padding: 10px 0;
    background: #fff;
    border-radius: 10px;
    display: block;
    text-align: center
}

a.credit-sec {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50%
}

.cart_select input {
    border: 2px solid #ddd;
    border-radius: 3px;
    width: 32px;
    height: 20px;
    padding: 9px;
    box-shadow: none !important
}

.cart_select input:focus-visible {
    outline: 0
}

span.pickup_color,
td.span_color {
    color: green
}

.cart-detail-sec:last-child,
.top-right li .dropdown-container .dropdown ul li.divider~li {
    border: none
}

.cart-list table td {
    font-weight: 500
}

.cart_select .minus,
.cart_select .minus1,
.plus,
.plus1 {
    display: inline-block;
    width: 40px;
    height: 40px;
    background-color: #fff;
    text-align: center;
    cursor: pointer;
    border: 1px solid #ddd;
    color: #000;
    font-size: 25px;
    border-top: none;
    border-bottom: none
}

.cart_select .num,
.cart_select .num1 {
    padding: 0 10px;
    font-size: 20px
}

.quanitity {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}

.store_change_detail li label {
    font-size: 16px;
    font-weight: 500;
    color: #000;
    line-height: 28px;
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin: 0;
    padding-left: 10px
}

.store_change_detail li {
    margin: 0 0 14px;
    padding: 10px 24px;
    align-items: center;
    display: flex;
    box-shadow: 0 0 10px #ddd;
    line-height: 13px;
    border-radius: 4px
}

.store_change_detail ul {
    margin: 11px 0 0;
    padding: 0;
    display: block
}

.store_change_detail p {
    background: #056fb9;
    color: #fff;
    padding: 10px 21px;
    margin: 0;
    font-size: 14px
}

div label input {
    margin-right: 100px
}

.cat {
    background-color: #fff;
    border: 1px solid #ddd;
    overflow: hidden;
    float: left
}

.cat label {
    float: left;
    line-height: 25px;
    width: 100%;
    height: 27px
}

.cat label span {
    text-align: center;
    padding: 5px 20px;
    display: flex;
    justify-content: space-between
}

.cat label span em {
    font-style: normal;
    font-weight: 500;
    text-align: left;
    font-size: 13px
}

.cat label input {
    position: absolute;
    display: none;
    color: #fff !important
}

.order-detail-section h4 {
    padding: 5px 20px;
    position: absolute;
    top: 0;
    right: 12px;
    color: #fff
}

.action input:checked+span {
    background-color: #007bff
}

.inner-order-place h2 {
    font-size: 28px;
    font-weight: 600;
    color: green;
    margin: 0
}

.order-place-main-section {
    padding: 70px 0;
    background-color: #f1f1f1
}

.order-detail-section h2 {
    font-size: 23px;
    font-weight: 700;
    margin: 0;
    background: #1e7ec0;
    color: #fff;
    padding: 10px 20px
}

.order-place-main-section .order-detail-section {
    background: #f0f0f0c2
}

.inner-order-place h2 {
    padding: 0 0 30px
}

.order-detail-section p {
    font-size: 16px;
    padding: 15px 20px 0;
    margin: 0;
    color: #327f15
}

.Shipping-Details {
    padding-bottom: 14px
}

.order-pic-sec img {
    width: 100px;
    height: 100px;
    margin: 20px 0 0;
    border-radius: 10px
}

sapn.cropped-img,
span.orignal-img {
    border: 1px solid #ddd;
    width: 100%;
    display: flex;
    text-align: center;
    font-size: 18px;
    padding: 10px
}

.order-pic-sec table {
    width: 100%;
    font-size: 18px;
    margin: 20px 0 0
}

.order-pic-sec table td,
.order-pic-sec table th {
    padding: 6px 0;
    text-align: center;
    font-size: 14px
}

span.orignal-img {
    flex-direction: column
}

sapn.cropped-img {
    flex-direction: column;
    margin: 20px 0 0
}

.ppt-cart-sice-style-choose {
    box-shadow: 0 0 4px 0 #ddd;
    padding: 20px;
    background: #fff
}

sapn.cropped-img img,
span.orignal-img img {
    width: 100%;
    display: flex;
    margin: 10px auto 0;
    object-fit: contain
}

.ppt-cart-sice-style-choose table tr td {
    padding: 6px 0 !important
}

span.remove-button {
    color: #fff;
    background: #0e75bb;
    width: 25px !important;
    display: block;
    height: 25px;
    line-height: 25px;
    text-align: center;
    border-radius: 50%;
    cursor: pointer
}

td.product-img-at {
    column-count: 2;
    width: 100% !important
}

.order-detail-section.Shipping-Details p strong {
    margin-right: 7px;
    color: #000
}

.inner-cart-heading button.custom-btn.apply_coupon_code {
    width: 30%;
    margin-left: 4px !important;
    margin: 0;
    height: 57px;
    border-radius: 0
}

.inner-cart-heading input {
    width: 100%;
    height: 56px
}

#LoginModal .modal-dialog {
    margin: 14rem auto
}

#LoginModal .close,
#loginModal .close {
    position: absolute;
    right: 8px;
    top: 9px;
    background-color: transparent;
    border: 1px solid #dcdcdc;
    border-radius: 50%;
    padding: 0;
    width: 30px;
    height: 30px;
    font-size: 31px;
    line-height: 0;
    z-index: 999
}

.fom-popup h3 {
    color: #000;
    font-size: 24px;
    font-weight: 600;
    margin: 10px 0 0;
    width: 100%;
    text-align: left
}

.fom-popup form {
    width: 100%;
    margin: 30px 0 0
}

.fom-popup .input-popup {
    width: 100%;
    margin: 0 0 20px;
    position: relative
}

.icon-from {
    position: absolute;
    right: 14px;
    top: 37px
}

.icon-from img {
    width: 22px;
    height: 22px
}

.fom-popup input {
    width: 100%;
    border: 1px solid #dcdcdc;
    height: 45px;
    border-radius: 4px;
    padding: 10px;
    color: #000;
    font-size: 16px;
    background-color: #f7f7f7
}

.become-a-member p {
    margin: 10px 0 0 !important;
    color: #000 !important
}

.become-a-member p a {
    color: #428bca;
    font-weight: 600;
    margin: 0 0 0 5px
}

.fom-popup .form-check #remember {
    width: auto;
    height: auto;
    position: relative;
    bottom: 4px
}

.login-btn {
    width: 100%;
    margin: 10px 0;
    text-align: left
}

#LoginModal .modal-body {
    padding: 30px 40px
}

.login-btn .custom-btn {
    padding: 10px 30px;
    color: #fff
}

.form-check-label {
    margin: 0 0 0 12px !important
}

.fom-popup label {
    width: 100%;
    font-size: 14px;
    font-weight: 600;
    color: #000;
    text-align: left;
    margin: 0 0 5px
}

.fom-popup p {
    width: 100%;
    margin: 20px 0 0;
    text-align: left;
    font-size: 16px;
    color: #666
}

.demo-Slider li img {
    width: 100%;
    display: block;
    height: auto
}

.card-slider {
    padding-right: 50px
}

.demo-Slider li {
    display: block;
    float: left;
    margin-right: 6px;
    cursor: pointer
}

.card-detail {
    padding: 20px 0 0
}

.card-detail .p-ratings {
    color: #ffc107;
    font-size: 18px
}

.card-detail .about h4 {
    font-size: 22px
}

.product-slider-detail {
    padding: 30px 0 50px
}

.InputGroup.card-group {
    display: inline-block !important;
    text-align: left;
    width: 100%;
    margin: 6px 0 0
}

.InputGroup.card-group .div label {
    width: auto;
    margin: 0 !important;
    padding: 10px
}

.InputGroup.card-group input {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
    height: 100%
}

.InputGroup.card-group .div {
    display: inline-block;
    width: auto
}

.card-group input[type=radio] {
    visibility: hidden;
    height: 0;
    width: 0
}

.card-group label {
    text-align: center;
    font-size: 12px;
    background-color: #fff;
    color: #333;
    font-weight: 700;
    width: 30%;
    padding: 10px 26px;
    margin-right: 8px;
    border: 1px solid #0872ba;
    margin-bottom: 10px
}

.card-group label:hover {
    background: #0872ba !important;
    color: #fff !important
}

#thumb_img img:last-child,
.card-group abel:last-of-type {
    margin-right: 0
}

.card-group input[type=radio]:checked+label,
.top-size-type input[type=radio]:checked+label {
    background-color: #0872ba !important;
    color: #fff !important
}

.card-group input[type=radio]:hover:not(:checked)+label {
    background-color: #fff;
    color: #000
}

.card-product-detail h2 {
    font-size: 28px
}

.card-product-detail p {
    font-size: 18px;
    font-weight: 400;
    margin: 15px 0 0
}

.product-form__submit {
    margin: 40px 0 0;
    width: 40%;
    height: 50px;
    font-size: 16px;
    color: #fff;
    background: #000;
    font-weight: 500;
    text-transform: uppercase
}

#quantity,
.quantity-btn {
    height: 45px;
    width: 45px;
    border: 1px solid #0872ba;
    text-align: center
}

.product-form__submit:hover {
    background: #0872ba
}

.card-product-detail p span {
    font-size: 20px;
    font-weight: 600;
    color: #0872ba;
    padding-left: 8px
}

.quantity-selector {
    margin: 20px 0 0;
    align-items: center;
    display: flex
}

.quantity-btn {
    background: 0 0;
    text-decoration: none;
    display: inline-block;
    font-size: 24px;
    padding: 0 0 6px
}

#quantity {
    font-size: 20px;
    margin: 0 4px
}

.upload-image-sq {
    background: url('tree-new.webp') 100% 100%/100% no-repeat;
    position: relative
}

.upload-image-sq:after {
    content: '';
    background: #0872ba87;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0
}

.upload-image-sq .upload-image {
    position: relative;
    z-index: 9;
    width: 100%;
    margin: 0 auto
}

.upload-image-banner-text {
    display: inline-block;
    width: 100%;
    position: relative;
    z-index: 9
}

.upload-image-banner-text h2 {
    color: #fff;
    font-weight: 600;
    font-size: 35px;
    width: 100%;
    display: inline-block;
    margin: 0
}

.upload-image-banner-text p {
    margin: 10px 0 0;
    display: inline-block;
    color: #fff;
    font-size: 18px;
    width: 80%
}

.container.create-canvas-sec.vassiz {
    padding-top: 40px !important
}

.nethrou-pic img {
    width: 100%;
    margin: 50px 0 0
}

.button-images-prints:hover,
.onfiger-cot-canvas-ig:hover {
    box-shadow: 0 0 26px #ddd
}

.btn-images-pr {
    overflow: hidden;
    transition: 1s
}

.button-images-prints:hover img {
    transform: scale(1.2);
    transition: 1s ease-in-out
}

.inner-print:hover {
    background: #2877ab
}

.discription-slider p {
    font-size: 16px;
    margin: 0 0 10px
}

.card-product-detail.posters-section-title {
    margin: 0 0 10px
}

.desgin-cod-Qw-image {
    width: 28%;
    height: auto
}

.desgin-cod-Qw-desc {
    width: 75%;
    padding-left: 30px
}

.desgin-cod-Qw:hover {
    box-shadow: 0 0 26px #e3e3e3
}

.output-seft .onfiger-cot-canvas-ig {
    margin: 0 0 30px
}

.mein-step-class.full-step-sQ {
    padding: 0;
    overflow-x: hidden;
    margin-top: 0
}

.configer-cot-Canvas.output-seft,
.configer-photo-Canvas.output-photo {
    margin: 0 auto !important
}

.configer-cot-Canvas.output-seft {
    margin: 0 auto !important;
    background: #f9f9f9;
    width: 100%;
    padding: 40px
}

.view-canvas-ig.view-canvas-new {
    padding: 0;
    overflow: hidden
}

.view-canvas-ig.view-canvas-new img:hover {
    transform: scale(1.2);
    transition: 1s
}

.pic-uncon.left-pic img,
.pic-uncon.right-pic img {
    border-radius: 0;
    min-height: 300px
}

button.btn.btn-primary.threeD-preview {
    margin: 0;
    height: 56px
}

.card-product-detail .product-shape-amount {
    font-size: 18px;
    margin: 10px 0 0
}

.card-product-detail .original-price {
    font-size: 20px;
    color: red;
    text-decoration: line-through
}

.card-product-detail .discouted-price {
    font-size: 20px
}

.product-slider-detail button.product-form__submit {
    margin: 15px 0 0;
    width: 70%
}

.product-slider-detail .two-custom-size-field select {
    width: 100px;
    height: 40px;
    outline: 0;
    box-shadow: none
}

.product-slider-detail .two-custom-size-field {
    gap: 10px;
    margin-top: 0
}

.product-custom-size span {
    font-size: 17px;
    font-weight: 500;
    color: #212529
}

.order-butt a {
    color: #fff;
    list-style: none
}

.frame-section {
    display: flex;
    gap: 23px;
    margin: 0 0 15px
}

.frame-detail p {
    font-size: 15px;
    margin: 0;
    font-weight: 500
}

.frame-price {
    margin: 15px 0 0;
    text-align: center
}

.frame-price h4 {
    font-size: 16px;
    font-weight: 600;
    color: #000;
    margin: 0
}

.frame-price .frame-btn {
    font-size: 16px;
    text-align: center;
    background: #0872ba;
    font-weight: 700;
    color: #fff;
    width: 120px;
    height: 36px;
    border-radius: 5px;
    margin: 10px auto 0;
    display: block;
    line-height: 33px;
    text-decoration: none
}

.inner-all-catgor:before,
.tab-inner::before {
    position: absolute;
    height: 100%;
    left: 0;
    content: ''
}

.frame-detail img {
    width: 50px;
    height: 50px;
    border: 1px solid #f4f4f4;
    padding: 4px;
    border-radius: 4px
}

.frame-price-detail {
    padding: 10px;
    box-shadow: 0 0 5px #ddd;
    border-radius: 10px;
    border: 1px solid;
    margin: 15px 0
}

.inner-all-catgor img {
    width: 100%;
    height: auto;
    display: block
}

.masonry-item {
    /* padding: 10px !important;
    min-height: 160px; */
}

.inner-all-catgor p {
    color: #f5f5f5;
    text-align: center;
    font-size: 17px;
    font-weight: 700;
    line-height: 21px;
    position: absolute;
    bottom: 12px;
    right: 0;
    left: 0
}

.inner-all-catgor {
    position: relative;
    overflow: hidden;
    border-radius: 11.78px
}

.inner-all-catgor:hover img {
    transform: scale(1.1);
    transition: 1s ease-in-out
}

.inner-all-catgor:before {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 62.73%, #000 100%);
    width: 100%;
    border-radius: 11.78px
}

.row.all-catagory {
    row-gap: 20px
}

.Qua-service .inner-print {
    padding: 3px 75px;
    border-radius: 4px;
    border: 1px solid #d9d9d9;
    box-shadow: none;
    margin: 0
}

.Qua-service .row {
    row-gap: 30px
}

.uncon-promis-section button.tablink {
    font-size: 16px;
    font-weight: 700;
    white-space: nowrap;
    background: #000;
    outline: 0;
    width: auto;
    padding: 10px 13px;
    border-radius: 8px;
    color: #979797
}

.tab-inner {
    width: 95%;
    margin: 33px auto 0;
    position: relative;
    height: 680px;
    overflow: hidden;
    border-radius: 11.78px
}

.pic-tab {
    float: left;
    width: 50%
}

.cont-tab {
    position: inherit;
    bottom: 0;
    width: 50%;
    float: right;
    padding: 0 15px
}

.cont-tab h3 a {
    color: #000;
    font-size: 33px;
    font-weight: 700;
    text-align: center;
    width: 100%;
    display: inline-block
}

.cont-tab p {
    color: #000;
    text-align: justify;
    font-size: 16px
}

.cont-tab span {
    color: #000 !important
}

.footer-inner.cont-fot li a {
    width: 35px;
    height: 35px;
    border-radius: 7px;
    background: #2877ab;
    display: flex;
    justify-content: center;
    align-items: center
}

.footer-inner.cont-fot ul {
    display: flex;
    gap: 15px
}

.title-heading-iner {
    text-align: center;
    margin: 0 0 40px
}

.title-heading-iner h2 {
    color: #000;
    text-align: center;
    font-size: 36px;
    font-weight: 700;
    margin: 10px 0
}

.title-heading-iner p,
span.heading-sub-tilte {
    font-size: 16px;
    line-height: 21px;
    text-align: center
}

.title-heading-iner p {
    color: grey;
    font-weight: 400
}

span.heading-sub-tilte {
    color: #e76d36;
    font-weight: 400
}

.slider-banner-shapes .banner-from-table {
    bottom: 186px
}

.dz-image {
    box-shadow: 4px 3px 4px -2px #2b2b2b
}

body img.size_8 {
    width: 140px !important
}

body img.size_10 {
    width: 150px !important
}

body img.size_12 {
    width: 165px !important
}

body img.size_16 {
    width: 180px !important
}

body img.size_18 {
    width: 200px !important
}

body img.size_20 {
    width: 230px !important
}

body img.size_24 {
    width: 240px !important
}

body img.size_30 {
    width: 250px !important
}

body img.size_36 {
    width: 260px !important
}

body img.size_48 {
    width: 270px !important
}

body img.size_54,
body img.size_60 {
    width: 280px !important
}

body img.size_72 {
    width: 290px !important
}

span.orignal-img-only img {
    width: 100%;
    margin: 10px 0
}

span.orignal-img-only {
    text-align: center;
    display: block;
    border: 1px solid #ddd;
    height: -webkit-fill-available;
    padding: 10px;
    font-size: 18px;
    font-weight: 500
}

@media only screen and (min-width:1280px) and (max-width:1400px) {

    #quantity,
    .quantity-btn {
        height: 35px;
        width: 35px
    }

    #quantity,
    .card-product-detail .discouted-price,
    .card-product-detail .original-price,
    .product-customize a {
        font-size: 16px
    }

    .budget-radio-canvs-sip label span,
    .tab-code-nav-recommended .form-feild.size-choose span,
    .tab-code-nav-recommended .nav-tabs li a {
        font-size: 11px
    }

    .card-detail-title h3,
    button.button.button--large,
    button.shopify-payment-button {
        font-size: 14px
    }

    .tab-code-nav-recommended .quantity-input button {
        font-size: 22px !important;
        width: 33px;
        padding: 0 0 3px;
        line-height: 28px
    }

    .tab-code-nav-recommended .quantity {
        width: 34px;
        font-size: 16px;
        line-height: 36px;
        padding: 6px 0 6px 5px
    }

    .card-product-detail .product-shape-amount,
    .quantity-btn {
        font-size: 20px
    }

    .order-table td {
        font-size: 12px
    }

    .posters-section-title h2:after {
        top: 30px
    }

    .product-form__submit {
        margin: 25px 0 0;
        height: 40px;
        font-size: 12px
    }

    .product-slider-detail .two-custom-size-field select {
        width: 80px;
        height: 30px
    }

    .Product-single-page .posters-section-title h2 {
        font-size: 18px
    }

    .slider-banner-shapes .banner-from-table {
        bottom: 20px;
        top: 23%
    }
}

.nab-bar-row-saction .navbar-nav.ml-auto {
    display: inline-block;
    width: 100%;
    float: inherit;
    text-align: center
}

.nab-bar-row-saction .navbar-nav.ml-auto li {
    float: inherit;
    display: inline-block !important;
    margin: 0 15px
}

.nab-bar-row-saction .navbar-nav.ml-auto li a {
    color: #474747;
    font-size: 15px;
    font-weight: 400 !important;
    text-transform: capitalize !important;
    padding: 10px 0 4px;
    position: relative
}

.nab-bar-row-saction .list-unstyled li {
    float: left;
    width: 9%;
    margin: 1% 2% 1% 0;
    text-align: center
}

.nab-bar-row-saction .list-unstyled li a {
    display: inline-block;
    overflow: hidden;
    width: 100%;
    padding: 0 !important;
    box-shadow: 1px 1px 2px #ebebeb;
    border-radius: 5px
}

.nab-bar-row-saction .list-unstyled li a img {
    display: inline-block;
    width: 100%;
    height: 100px;
    object-fit: cover
}

.dashboard-account {
    display: inline-block;
    width: 100%;
    padding: 55px 0;
    border-top: 1px solid #dcdcdc
}

.left-side,
.order-image-view .product-image .pro-slider {
    width: 25%;
    float: left
}

.acount-detail,
.address-info-saction ul,
.left-side li,
.left-side li a,
.order-total ul {
    width: 100%;
    display: inline-block;
    margin: 0
}

#is_same_as_billing_address,
.order-box-row {
    margin-bottom: 20px
}

.left-side li a {
    border-bottom: 1px solid #dcdcdc;
    text-decoration: none;
    padding: 17px 0;
    color: #000;
    font-size: 18px;
    font-weight: 600
}

.left-side li.active a {
    color: #2877ab
}

.right-side {
    float: right;
    width: 75%;
    padding: 0 0 0 60px
}

.right-side .greeting {
    display: inline-block;
    width: 100%;
    margin: 0 0 30px;
    color: #515151;
    font-size: 28px;
    font-weight: 400
}

.right-side p a {
    text-decoration: none;
    color: #2877ab
}

.order-box-row {
    display: inline-block;
    width: 100%;
    border: 1px;
    border-radius: 10px;
    overflow: hidden
}

.order-box-row .order-list {
    padding: 10px 20px;
    display: flex;
    width: 100%;
    background-color: #f5f5f5
}

.order-box-row .order-list li {
    display: inline-block;
    width: 25%
}

.order-box-row .order-list li p {
    margin: 0;
    font-weight: 300;
    color: #666;
    font-size: 15px
}

.order-box-row .order-list li span {
    color: #000;
    font-weight: 600;
    font-size: 16px
}

.order-image-view {
    display: inline-block;
    width: 100%;
    padding: 10px 20px
}

.product-image.view-frame {
    width: auto;
    position: relative
}

.invited-new-design .row.right-side-box .col-md-7,
.order-image-view .product-image {
    float: left
}

.product-image img {
    width: 120px;
    height: 100px;
    object-fit: fill;
    border-radius: 4px;
    padding: 5px;
    float: left;
    margin: 0 15px 0 0
}

.view-frame h5 {
    font-size: 14px;
    padding: 4px 0 0;
    width: auto;
    position: relative;
    top: 5px;
    left: 5px
}

.product-view {
    float: right;
    text-align: right;
    width: 50%
}

.product-view a {
    display: inline-block;
    padding: 12px 30px;
    background-color: #2877ab;
    border-radius: 4px;
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    margin: 29px 0 0
}

.view-frame .view-order-shop-gallery-img {
    position: absolute;
    left: 10px;
    width: 100px;
    height: 81px;
    margin: 0 auto;
    padding: 0;
    top: 9px;
    border-radius: 0
}

.adress-boxx {
    display: inline-block;
    width: 100%;
    background-color: #f0f0f0;
    padding: 25px;
    border-radius: 10px;
    border: 1px solid #dcdcdc;
    position: relative;
    height: 250px
}

.adress-boxx a,
.slider-box,
.thank-purchase {
    background-color: #fff
}

.adress-boxx h3 {
    margin: 0;
    display: inline-block;
    width: 100%;
    color: #000;
    font-size: 24px;
    font-weight: 600
}

.adress-boxx p {
    color: #666;
    font-weight: 400;
    font-size: 16px;
    width: 100%
}

.adress-boxx a {
    position: absolute;
    top: 24px;
    right: 26px;
    font-size: 0;
    width: 30px;
    height: 30px;
    line-height: 40px;
    border-radius: 50%
}

.adress-boxx a::before {
    content: '';
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJmZWF0aGVyIGZlYXRoZXItZWRpdC0yIj48cGF0aCBkPSJNMTcgM2EyLjgyOCAyLjgyOCAwIDEgMSA0IDRMNy41IDIwLjUgMiAyMmwxLjUtNS41TDE3IDN6Ij48L3BhdGg+PC9zdmc+");
    width: 14px;
    height: 14px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.acount-detail h3 {
    font-size: 24px;
    width: 100%;
    color: #000;
    font-weight: 600
}

.acount-detail form {
    border: 1px solid #dcdcdc;
    border-radius: 4px;
    margin: 29px 0 0;
    padding: 20px
}

.acount-detail form .fild-account,
.table-poduct-order {
    display: inline-block;
    width: 100%;
    margin: 0 0 20px
}

.acount-detail form label {
    width: 100%;
    display: inline-block;
    font-weight: 600;
    color: #000;
    font-size: 15px;
    margin: 0 0 5px
}

.acount-detail form input {
    width: 100%;
    border: 1px solid #dcdcdc;
    border-radius: 4px;
    padding: 0 10px;
    height: 50px;
    background-color: #f9f9f9;
    font-size: 14px;
    color: #000
}

.acount-detail form p {
    font-style: italic;
    font-weight: 400;
    color: #000;
    margin: 11px 0 0;
    font-size: 16px
}

.save-btn {
    display: inline-block;
    width: 100%;
    margin: 35px 0 0
}

.save-btn button {
    background-color: #2877ab;
    border: none;
    border-radius: 4px;
    font-weight: 600;
    color: #fff;
    padding: 13px 30px
}

.width-attached-code {
    float: left;
    width: 30% !important;
    margin: 0
}

.product-customize {
    float: left;
    width: 30%;
    margin: 0 10px 0 0
}

.width-attached-code #addToCartButton {
    width: 100% !important;
    padding: 16px 0;
    line-height: inherit !important;
    height: inherit !important
}

.ppt-cart-address input {
    border-radius: 4px;
    border: 1px solid #ccc;
    padding: 10px;
    font-size: 15px
}

.check {
    margin: 0 0 0 10px
}

.ppt-cart-all-info-order li {
    border-bottom: 1px solid #dcdcdc;
    padding: 5px 0
}

.ppt-cart-all-info-order li .ppt-cart-total-ammount {
    margin-bottom: 0
}

.ppt-cart-all-info-order li #shipping_type {
    border: 1px solid #dcdcdc;
    border-radius: 5px;
    font-size: 16px
}

.order-place-main-section .left-side li:first-child a {
    padding-top: 0
}

.top-right li .dropdown-container .dropdown[open] .with-down-arrow::after {
    content: "î—‡"
}

.top-right li .dropdown-container .dropdown[open] summary {
    background: #ffffff10
}

.top-right li .dropdown-container .dropdown summary {
    list-style: none;
    display: inline-block;
    cursor: pointer
}

.top-right li .dropdown-container .dropdown summary .with-down-arrow {
    display: inline-flex;
    padding: 5px;
    align-items: center;
    color: #fff;
    line-height: 1
}

.top-right li .dropdown-container .dropdown summary .with-down-arrow::after {
    content: "î—…";
    font-family: "Material Symbols Outlined";
    font-weight: 400;
    font-style: normal;
    font-size: 1.5rem;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-smoothing: antialiased
}

.top-right li .dropdown-container .dropdown.left ul {
    left: 0
}

.top-right li .dropdown-container .dropdown.right ul {
    right: 0
}

.top-right li .dropdown-container .dropdown ul {
    padding: 0;
    margin: 10px 0 0;
    box-shadow: 0 0 10px #00000030;
    min-width: max-content;
    position: absolute;
    top: 100%;
    border-radius: 10px;
    background-color: #fff;
    z-index: 2;
    width: 200px
}

.top-right li .dropdown-container .dropdown ul li {
    list-style-type: none;
    display: block
}

.top-right li .dropdown-container .dropdown ul li:first-of-type {
    border: none;
    background-color: #f2f2f2;
    border-radius: 10px 10px 0 0
}

.top-right li .dropdown-container .dropdown ul li p {
    padding: 10px 15px;
    margin: 0
}

.top-right li .dropdown-container .dropdown ul li a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 10px 15px;
    text-decoration: none;
    line-height: 1;
    color: #333
}

.top-right li .dropdown-container .dropdown ul li a:hover {
    color: #ff34b2
}

.top-right li .dropdown-container .dropdown ul li:last-of-type {
    border-radius: 0 0 10px 10px
}

.top-right li .dropdown-container .dropdown ul li.divider {
    border: none;
    border-bottom: 1px solid #333
}

.dropdown.right img {
    width: 25px !important;
    height: 25px !important;
    border-radius: inherit !important;
    margin: 0 10px 0 0 !important
}

.dropdown.right span {
    color: #4d4d4d;
    font-size: 10px
}

.profil-drop li {
    padding: 0;
    text-align: left;
    border: none
}

.profil-drop li a {
    padding: 10px !important;
    font-size: 17px !important;
    border-bottom: 1px solid #dcdcdc
}

.error {
    color: red;
    left: 15px
}

.invited-new-design .row.right-side-box .col-md-5 {
    float: right
}

.invited-new-design .row {
    margin-bottom: 40px
}

.invited-new-design p {
    color: #666;
    font-size: 20px;
    text-align: justify;
    line-height: 26px;
    margin: 6px 0 0;
    display: inline-block
}

.invited-new-design a {
    color: #000;
    font-weight: 700;
    font-size: 35px;
    text-decoration: inherit
}

.invited-new-design img {
    border-radius: 10px;
    border: 1px solid #dcdcdc;
    padding: 5px
}

.product_add_to_cart_res {
    display: inline-block;
    text-align: left;
    width: 100%
}

.show-company-gst.show_some_detail {
    display: inline-block;
    width: auto;
    margin-bottom: 20px;
    background-color: #0e75bb;
    cursor: pointer;
    border-radius: 4px;
    padding: 8px 10px;
    color: #fff
}

.table-poduct-order th {
    border: 1px solid #dcdcdc;
    font-size: 13px;
    padding: 7px 11px;
    font-weight: 600;
    background-color: #ebebeb;
    line-height: 16px
}

.table-poduct-order td {
    border: 1px solid #dcdcdc;
    vertical-align: middle;
    padding: 4px 10px;
    font-size: 13px;
    font-weight: 500;
    text-align: left
}

.table-poduct-order td img {
    width: 70%;
    border-radius: 4px;
    display: inline-block;
    height: auto !important;
    max-width: 220px;
}

.table-poduct-order td span {
    font-weight: 800
}

.thank-purchase {
    display: inline-block;
    width: 100%;
    border: 1px solid #dcdcdc;
    border-radius: 10px;
    padding: 30px;
    text-align: center;
    box-shadow: 0 0 12px 0 #dcdcdc
}

.thank-purchase h2 {
    display: inline-block;
    width: 100%;
    font-weight: 600;
    color: #000;
    margin: 0 0 60px
}

.rating-clinte,
.thank-purchase table {
    width: 100%;
    text-align: left
}

.thank-purchase table th {
    background-color: #f1f1f1;
    font-size: 16px;
    color: #000;
    vertical-align: middle;
    padding: 10px 11px;
    font-weight: 600
}

.thank-purchase table th:first-child {
    border-radius: 10px 0 0
}

.thank-purchase table th:last-child {
    border-radius: 0 10px 0 0
}

.thank-purchase table td {
    padding: 8px 10px;
    border: 1px solid #dcdcdcdc;
    color: #666;
    font-weight: 400;
    font-size: 16px
}

.order-btn-table .continue-shoping,
.order-btn-table .my-order {
    border-radius: 6px;
    color: #fff;
    text-decoration: none;
    font-weight: 600
}

.thank-purchase table td img {
    border-radius: 4px;
    width: 45%
}

.thank-purchase table td .name-totle {
    color: #000;
    font-weight: 600;
    padding: 10px 0;
    display: inline-block
}

.thank-purchase table td .price-totle {
    font-weight: 800;
    color: #000
}

.order-text-box {
    display: inline-block;
    width: 100%;
    margin: 50px 0 0
}

.order-total ul li,
.rating-clinte {
    margin: 10px 0 0;
    display: inline-block
}

.order-text-box p {
    display: inline-block;
    width: 100%;
    margin: 0 0 15px;
    color: #666;
    font-weight: 400
}

.order-btn-table .my-order {
    background-color: #333;
    padding: 17px 26px
}

.order-btn-table .continue-shoping {
    background-color: #0e75bb;
    padding: 17px 18px;
    margin: 0 0 0 10px
}

.order-total,
.slider-box {
    border: 1px solid #dcdcdc
}

.clinte-saction {
    display: inline-block;
    width: 100%;
    padding: 40px 0 50px
}

.slider-box {
    border-radius: 7px;
    box-shadow: 0 0 11px 0 #dcdcdc;
    padding: 30px;
    position: relative
}

.clinte-saction .slick-slide {
    margin: 0 7px
}

.slider-box p {
    font-size: 14px;
    color: #666;
    font-weight: 400;
    width: 100%;
    display: inline-block;
    font-style: italic;
    margin: 0 0 40px
}

.clinte-saction h2,
.descrption h4,
.list-li li,
.name-clinte span,
.upload-now {
    font-weight: 600;
    display: inline-block
}

.order-item span,
.order-item span i {
    font-style: normal
}

.name-clinte,
.price img {
    float: left;
    width: auto
}

.name-clinte span {
    color: #000;
    font-size: 16px;
    width: 100%
}

.name-clinte h6 {
    margin: 0;
    color: #666;
    font-size: 13px;
    width: 100%
}

.rating-clinte i {
    margin: 0 4px 0 0;
    color: #666;
    font-size: 16px
}

.slider-box::before {
    content: '\f10d';
    font-family: FontAwesome;
    color: #2877ab;
    font-size: 26px
}

.clinte-saction h5 {
    display: inline-block;
    width: 100%;
    text-align: center;
    color: #e76d36;
    font-size: 20px;
    margin: 0
}

.clinte-saction h2 {
    width: 100%;
    text-align: center;
    margin: 0 0 40px;
    color: #000;
    font-size: 36px
}

.slick-dots li button::before {
    font-family: slick;
    font-size: 13px !important;
    line-height: 20px;
    position: absolute;
    top: 10px !important;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: .25;
    color: #000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button::before {
    opacity: inherit !important;
    color: #e76d36 !important
}

label.error {
    position: absolute;
    bottom: 3px;
    font-size: 10px
}

.order-item span,
.order-name h6 {
    color: #000;
    font-size: 16px;
    font-weight: 600
}

#palleon-canvas-wrap {
    margin: 0 30px !important
}

.order-item {
    display: inline-block;
    width: 100%;
    padding: 0 20px
}

.order-image-view .product-image.view-frame .view-order-shop-gallery-img {
    position: inherit;
    float: left;
    left: 0;
    top: 0
}

.order-name {
    float: left;
    width: auto;
    margin: 0 0 0 26px
}

.order-name h6 {
    margin: 0;
    width: 100%
}

.box-four-inner h3,
.order-total h4 {
    font-size: 20px;
    display: inline-block;
    font-weight: 600;
    width: 100%
}

.right-side p {
    display: inline-block;
    width: 100%;
    margin: 15px 0 0;
    color: #666;
    font-weight: 600
}

.order-total {
    border-radius: 11px;
    padding: 20px;
    width: 100%;
    display: inline-block
}

.order-total h4 {
    margin: 0;
    color: #000
}

.order-total ul li {
    width: 100%;
    padding: 0 0 5px;
    border-bottom: 1px solid #dcdcdc;
    color: #000;
    font-size: 15px
}

.order-total ul li:last-child {
    border-bottom: none;
    padding: 0
}

.billing-address {
    border: 1px solid #dcdcdc;
    border-radius: 7px;
    margin: 24px 0 0;
    padding: 20px
}

.billing-address h4 {
    display: inline-block;
    width: 100%;
    color: #000;
    font-weight: 600;
    margin: 0 0 15px
}

.order-box-row .order-list li button {
    color: #fff;
    border-radius: 4px;
    padding: 6px 0;
    height: auto;
    margin: 5px 0 0
}

.Product-single-page .container,
.cart-section .container,
.container,
.individual-1 .container,
.print-poster-cart-sec .container {
    width: 95% !important
}

.Print .container {
    width: 75% !important
}

.box-four-saction {
    background-color: #efefef;
    padding: 40px 0;
    width: 100%;
    display: inline-block
}

.box-four-inner {
    display: inline-block;
    width: 100%;
    border: 1px solid #dcdcdc;
    overflow: hidden;
    background-color: #ffff;
    padding: 10px 10px 20px;
    box-shadow: 0 0 10px 0 #dcdcdc;
    border-radius: 10px
}

.box-four-inner img {
    width: 100%;
    height: 200px
}

.box-four-inner h3 {
    margin: 15px 0 0;
    color: #000
}

.box-four-inner p {
    color: #666;
    margin: 5px 0 0;
    display: inline-block;
    width: 100%
}

.address-info-saction {
    display: inline-block;
    width: 100%;
    margin: 20px 0 0;
    background-color: #fff;
    border-radius: 10px;
    padding: 30px;
    box-shadow: 0 0 12px 0 #dcdcdc;
    border: 1px solid #dcdcdc
}

#button-galery a,
a.canvas-button {
    background-color: #e76d36;
    color: #fff !important;
    border-radius: 5px;
    display: inline-block
}

.address-info-saction ul li span {
    float: left;
    width: 70px;
    font-size: 18px;
    font-weight: 600;
    color: #000
}

.address-info-saction ul li h6 {
    float: left;
    width: auto;
    margin: 0 0 0 31px;
    text-align: left;
    font-size: 14px;
    line-height: 20px;
    color: #666
}

.address-info-saction ul li {
    display: inline-block;
    width: 100%;
    margin: 0 0 10px
}

.gallery-saction .gallery {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    grid-auto-rows: 200px;
    grid-auto-flow: dense;
    max-width: 100%;
    margin: 0 auto;
    padding: 0
}

.gallery-saction .gallery__item {
    align-items: center;
    display: flex;
    justify-content: center
}

.gallery-saction .gallery__item>img {
    height: 100%;
    object-fit: cover;
    width: 100%
}

.gallery-saction .gallery__item--hor {
    grid-column: span 2
}

.gallery-saction .gallery__item--vert {
    grid-row: span 2
}

.gallery-saction .gallery__item--lg {
    grid-column: span 2;
    grid-row: span 2
}

.gallery-saction {
    padding: 40px 0
}

a.canvas-button {
    width: 92%;
    height: 55px;
    line-height: 55px;
    margin: 15px 0 0
}

#button-galery {
    display: inline-block;
    width: 100%;
    text-align: center;
    padding: 40px 0 0
}

#button-galery a {
    padding: 21px 30px
}

.card-detail-title h3,
.frame-card-detail-title h3 {
    margin: 0;
    text-align: left;
    display: inline-block;
    width: 100%;
    font-size: 18px;
    font-weight: 500;
    color: #000
}

.invited-new-design .row.right-side {
    width: 100%;
    padding: 0
}

.ppt-about-image img {
    width: 100%;
    height: 280px;
    border-radius: 6px
}

.photo-prits-canv img {
    height: 200px
}

.print-poster-four-boxes-sec .col-md-3 {
    margin-bottom: 24px
}

.show-tracker a {
    width: 140px;
    display: inline-block;
    padding: 6px 0 !important;
    margin: 25px 0 0 !important;
    background-color: #0872ba;
    border-radius: 4px;
    text-align: center;
    color: #fff;
    font-size: 15px
}

.tracker-details p {
    margin: 0 0 7px;
    font-size: 12px
}

.list-li li .fa.fa-life-ring,
.price img {
    margin: 0 10px 0 0
}

.home-self-code .slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100% !important
}

.home-self-code .slick-slide {
    display: none;
    float: left;
    height: 111vh;
    width: 100% !important;
    min-height: inherit !important
}

.cal-price {
    font-weight: 800;
    margin: 0 0 0 10px;
    font-size: 13px
}

.about .slide_viewer {
    min-height: inherit !important;
    height: 74vh;
    width: 100% !important
}

.print-poster-four-boxes-sec .container {
    width: 100% !important;
    padding: 0 40px !important
}

.inner-category-page {
    margin-top: 130px
}

.top-size-type {
    width: 100%;
    margin: 10px 0 0;
    cursor: pointer;
    text-align: left
}

.top-size-type .top_size_type {
    cursor: pointer
}

.top-size-type .div {
    width: auto;
    text-align: center;
    position: relative;
    margin: 0
}

.top-size-type input.top_size_type {
    display: inherit;
    display: inherit;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    width: 100%;
    height: 100%;
    z-index: 99;
    opacity: 0
}

.top-size-type .div label {
    text-align: center;
    width: 145px;
    margin: 0;
    padding: 10px;
    border: 1px solid #0872ba;
    font-size: 12px !important
}

.inner-two-pic img.side-img {
    transform: perspective(900px) rotateY(-100deg) translateZ(-305px) translateX(-367px) scaleX(-1);
    position: absolute;
    left: -423px;
    box-shadow: 0 0 5px grey;
    -webkit-clip-path: polygon(0 0, 15% 0, 15% 100%, 0 100%);
    clip-path: polygon(0 0, 15% 0, 15% 100%, 0 100%);
    top: 1px;
}

.browser-edge .inner-two-pic img.side-img {
    left: -450px !important;
}

.browser-chrome .inner-two-pic img.side-img {
    left: -425px !important;
}

.inner-two-pic img.main-img {
    transform: perspective(900px) rotateY(25deg) translateZ(-200px) translateX(100px);
    /* box-shadow: 0 15px 40px 5px grey; */
    width: 98%;
}

.python-page-all {
    width: 100%;
    padding: 50px 0
}

#content {
    max-width: 650px;
    margin: 0 auto;
    text-align: center
}

#thumb_img {
    margin-top: 2%
}

#thumb_img img {
    float: left;
    max-width: 32%;
    width: 32%;
    cursor: pointer;
    margin-right: 2%;
    border: 2px solid #eee;
    box-sizing: border-box;
    height: 150px;
    object-fit: cover
}

#featured_img #img {
    height: 414px;
    object-fit: cover
}

.python-page-all-right h2 {
    width: 100%;
    margin: 0;
    font-weight: 600;
    color: #000
}

.star-icon {
    margin: 14px 0 0
}

.star-icon .fa.fa-star {
    color: orange;
    font-size: 16px
}

.python-page-all-right p {
    font-size: 12px;
    margin: 5px 0 0;
    font-weight: 600;
    width: 100%
}

.descrption,
.list-li,
.product-from {
    display: inline-block;
    width: 100%;
    margin: 20px 0 0
}

.from-input {
    width: 100%;
    margin-bottom: 15px
}

.from-input select {
    width: 100%;
    border: 1px solid #dcdcdc;
    border-radius: 7px;
    background-color: #f9f9f9;
    padding: 12px 10px;
    font-weight: 500;
    color: #333;
    cursor: pointer
}

.from-input button {
    width: 100%;
    color: #fff;
    border-radius: 7px
}

.descrption h4,
.likeproduct h2,
.likeproduct-box span,
.list-li li {
    color: #000;
    width: 100%
}

.upload-now {
    width: 100%;
    margin: 10px 0 0;
    border-radius: 7px;
    color: #fff;
    font-size: 16px;
    padding: 12px 0 !important;
    height: auto
}

.list-li li {
    background-color: #f6f6f6;
    border-radius: 7px;
    margin: 0 0 12px;
    padding: 10px;
    font-size: 14px
}

.descrption p {
    margin: 15px 0 0
}

.likeproduct {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin: 2rem 0 0
}

.likeproduct h2 {
    font-size: 24px;
    font-weight: 700;
    margin: 30px 0
}

.likeproduct-box {
    border: 1px solid #dcdcdc;
    border-radius: 4px;
    overflow: hidden;
    width: 100%;
    display: inline-block;
    margin-bottom: 20px
}

.likeproduct-box img {
    height: 210px;
    width: 100%;
    object-fit: cover
}

.likeproduct-box span {
    display: inline-block;
    margin: 15px 0 0;
    font-size: 13px;
    font-weight: 600
}

.likeproduct-box a {
    display: inline-block;
    background-color: #0872ba;
    color: #fff;
    border-radius: 7px;
    padding: 10px 30px;
    margin: 20px 0
}

.python-page-all-right .from-input {
    margin-bottom: 10px
}

.python-page-all-right .from-input label {
    font-size: 12px;
    margin: 0 0 5px
}

.python-page-all-right .from-input select {
    padding: 8px 10px
}

.posters-section-title h2 {
    font-size: 24px
}

.inner-category-page label {
    margin: 0 0 5px;
    font-size: 12px
}

.single-product-banner .slide_viewer {
    height: 110vh
}

#product_add_to_cart .dz-default.dz-message {
    border: 1px dashed #0872ba;
    border-radius: 7px;
    width: 100%;
    display: inline-block;
    position: relative;
    padding: 40px 0
}

#product_add_to_cart .dz-default.dz-message .dz-button {
    display: inline-block;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    height: 100%;
    width: 100%;
    top: 0;
    color: #0872ba;
    font-size: 17px
}

#product_add_to_cart .dz-remove {
    margin: 7px 0 0;
    font-weight: 600;
    font-size: 13px
}

#product_add_to_cart label {
    text-align: left;
    width: 100%
}

#product_add_to_cart #message {
    border: 1px solid #dcdcdc;
    border-radius: 5px
}

#single_product_original_price {
    font-size: 17px;
    color: red;
    text-decoration: line-through
}

#single_product_discounted_price {
    font-size: 16px;
    margin: 0 0 0 3px
}

.python-page-all-right label {
    padding: 12px 0 0
}

.order-we-Canvas.uplaod-page {
    display: inline-block;
    width: 100%;
    margin: 40px 0 0
}

#productUploadModal .modal-dialog {
    width: 1000px !important;
    margin: 80px auto !important;
    right: 0;
    left: 0;
    top: -5%;
    max-height: 600px;
    overflow: auto
}

#productUploadModal .modal-dialog .modal-footer {
    gap: 10px
}

#productUploadModal .modal-dialog .modal-footer button {
    margin: 10px 0 0;
    border-radius: 7px;
    color: #fff;
    font-size: 14px;
    padding: 12px 5px !important;
    height: auto
}

#productUploadModal .modal-dialog::-webkit-scrollbar {
    width: 8px
}

#productUploadModal .modal-dialog::-webkit-scrollbar-track {
    background-color: #c9c9c9
}

#productUploadModal .modal-dialog::-webkit-scrollbar-thumb {
    background: #0872ba;
    border-radius: 10px
}

.pro-slider img {
    height: 205px !important;
    border: 1px solid #ccc;
    width: 100% !important
}

.product_details_slider .pro-slider img {
    width: 42% !important;
    height: auto !important
}

.pro-slider .slick-next:before,
.pro-slider .slick-prev:before {
    color: #000;
    opacity: 1
}

.pro-slider .slick-prev {
    left: -8px;
    z-index: 999
}

.pro-slider .slick-next {
    right: -8px;
    z-index: 999
}

.checkout-left,
.checkout-right {
    height: 100%;
    background-color: #fff;
    padding: 20px 8px;
    border-radius: 8px
}

.checkout-col {
    padding-right: 10px !important;
    padding-left: 10px !important
}

.remove-file-btn {
    background-color: #f66;
    color: #fff;
    border: none;
    padding: 5px 10px;
    cursor: pointer;
    margin-top: 10px
}

.remove-file-btn:hover {
    background-color: #f33
}

.product_details_slider tbody tr td .pro-slider {
    width: 175px;
    height: 175px
}

.product_details_slider tbody tr td .pro-slider img {
    height: 175px
}

.single-inner-category-page {
    margin-top: 10px;
    width: 100%;
    position: unset;
    text-align: left
}

.image-slider {
    display: flex;
    flex-flow: column;
    width: 100%;
    aspect-ratio: 16/9;
    min-height: 300px;
    overflow: hidden;
    border-radius: 8px;
    container-type: inline-size;
    contain: content;
    background-color: #0006
}

.slider__content {
    flex-grow: 1;
    display: flex;
    justify-content: space-between
}

.slider-control--button {
    border: 0;
    background: 0;
    outline: 0;
    cursor: pointer;
    place-content: center;
    padding-inline: 3vw;
    z-index: 1;
    display: grid
}

.icon {
    height: 2rem;
    width: 2rem;
    fill: var(--icon-default);
    border-radius: 50%
}

.slider-control--button:where(:hover) {
    background-image: linear-gradient(to var(--position), #0000 0, #0002, 80%, #0006 100%);
    background: #0001
}

.prev-button {
    --position: left
}

.next-button {
    --position: right
}

.image-display {
    position: fixed;
    inset: 0
}

.slider-navigation {
    z-index: 10;
    display: grid;
    grid-auto-flow: column;
    grid-template-columns: repeat(10, 1fr);
    grid-auto-columns: 100%;
    gap: 1.25rem;
    padding: 1rem;
    place-content: center;
    background-color: var(--navigation-color);
    backdrop-filter: blur(6px)
}

.nav-button {
    display: grid;
    width: 100%;
    height: 100%;
    border-radius: .5em;
    overflow: hidden;
    align-items: center;
    justify-content: center;
    border: 0;
    aspect-ratio: 16/9;
    transition: filter 150ms linear, scale 266ms;
    background: 0 0
}

.thumbnail {
    display: block;
    width: 100%;
    object-fit: cover;
    height: 100%
}

.nav-button[aria-selected=true] {
    scale: 1.1
}

.nav-button:focus-visible,
.nav-button[aria-selected=true] {
    outline: .2em solid var(--active-color);
    outline-offset: 0.2em
}

.nav-button[aria-selected=false] {
    filter: opacity(.7)
}

.nav-button[aria-selected=false]:where(:hover,
    :focus-visible) {
    filter: opacity(1)
}

@container (max-width:660px) {
    .nav-button:not(:has(img)) {
        background-color: #f1ebe8
    }

    .slider-navigation {
        display: flex;
        justify-content: center;
        padding-block: 1.5em
    }

    .nav-button {
        inline-size: 0.625rem;
        aspect-ratio: 1;
        border-radius: 50%
    }

    .nav-button>.thumbnail {
        display: none
    }

    .nav-button[aria-selected=true] {
        background-color: #000;
        scale: 1.5
    }
}

.single-product-hero {
    padding-left: 40px;
    padding-right: 40px
}

.Random,
.get-one {
    padding: 5px;
    font-size: 20px
}

.get-one {
    background-color: #4aa34c1a;
    margin-bottom: 5px
}

.Random {
    background-color: #8eace759;
    margin: 0 2px 5px
}

.coupon-row {
    padding-right: 9px;
    padding-left: 9px
}

.table-poduct-order-inner .section-title {
    color: #fff;
    background-color: #0e75bb;
    display: inline-block;
    padding: 10px;
    margin: 10px 0 5px;
    text-align: center;
    width: 100%;
    font-size: 19px;
    letter-spacing: .5px
}

.apply_coupon_code {
    width: 100%;
    height: 37px
}

.coupon-input {
    padding-left: 10px;
    padding-right: 10px
}

/* img.code-se.active {
    box-shadow: unset !important
} */

.budget-radio-canvs-sip label span,
.tab-code-nav-recommended .form-feild.size-choose span {
    font-size: 11px;
    padding: 10px
}

.doc .budget-radio {
    display: inline-grid
}

.budget-radio {
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 0rem;
    grid-row-gap: 0rem
}

.tab-code-nav-recommended .nav-tabs li a {
    font-size: 11px
}

li.visual-popup .modal-content {
    margin-top: 1%;
    padding: 0 16px
}

.custom_devider {
    height: 0 !important
}

.recommended-set-ert {
    overflow-y: auto;
    height: 86vh
}

.recommended-set-ert .active {
    border: 3px solid #df703a !important
}

.recommended-set-ert img {
    cursor: pointer !important
}

#threeD_preview_modal .modal-dialog {
    margin: 25px auto !important;
    top: 0 !important
}

.remove_coupon_code {
    width: 140px !important;
    height: 37px;
    border-radius: 5px
}

.quantity_label {
    width: 50px !important
}

.shipping_delivery {
    border-right: unset
}

.box-four-inner {
    border: 1px solid #ddd;
    padding: 15px;
    border-radius: 8px;
    transition: box-shadow 0.3s ease;
}

.box-four-inner:hover {
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.1);
    background-color: #f9f9f9;
    cursor: pointer;
}

#cropperContainer canvas {
    width: 100% !important;
}

#loader-overlay-custom {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(255, 255, 255, 0.8);
    display: none;
    z-index: 9999;
}

.loader-container-custom {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.accordion-button-custom {
    width: 100%;
}

.mt-0 {
    margin-top: 0 !important;
}

.rotate-image {
    width: 40px;
    ;
    height: 40px;
    position: absolute;
    z-index: 10;
    margin-left: 85%;
    margin-top: 45px;
}

.rotate-image-btn {
    /* position: absolute;
    z-index: 10;
    margin-left: 75%;
    margin-top: 45px;
    background-size: cover;
    background-position: center;
    width: 50px; */
    position: absolute;
    z-index: 10;
    margin-left: 75%;
    margin-top: 45px;
    background-size: cover;
    background-position: center;
    width: 25px;
    color: black;
    font-size: 12px;
    margin-left: 12px;
}

.rotate-text-style {
    position: absolute;
    margin-left: 74%;
    margin-top: 71px;
    z-index: 2;
    font-size: 12px;
    font-weight: bold;
    width: 50px;
    text-align: center;
    margin-left: -17px;
}

.preview-text-style {
    position: absolute;
    margin-left: 74%;
    margin-top: 79px;
    z-index: 2;
    font-size: 12px;
    font-weight: bold;
    width: 50px;
    text-align: center;
    margin-left: -17px;
    line-height: 11px;
    cursor: pointer;
}

.preview-image-btn,
.rotate-image-btn {
    cursor: pointer;
    margin-left: -5px;
    cursor: pointer !important;
}

.select-border-wrapper {
    position: absolute;
    margin-left: 93%;
    margin-top: 170px;
    position: absolute;
    /* margin-left: 93%; */
    /* margin-top: 100px; */
}

.select-custom-border-wrapper {
    position: absolute;
    margin-left: 93%;
    margin-top: 115px;
}

.border-label {
    z-index: 10;
    font-size: 12px;
    font-weight: 700;
    margin-left: 7px;
    position: absolute;
}

.border-label-o {
    z-index: 10;
    font-size: 12px;
    font-weight: 700;
    margin-left: 8px;
    position: absolute;
    margin-top: 37px;
}

.color-wrapper {
    gap: 10px;
    position: absolute;
    z-index: 10;
    margin-left: 18px;
    display: grid;
    grid-template-columns: 1fr;
}

#customColorPicker {
    width: 25px;
    height: 25px;
    border: none;
    background: transparent;
    cursor: pointer;
    z-index: 10;
    position: absolute;
    margin-left: 16px;
    margin-top: 12px;
}

#circleCanvas {
    display: block;
    width: 100%;
    /* max-width: 500px; */
    height: auto;
    /* maintains aspect ratio */
}

.category_shape_type.acrylic-photo-frame:hover {
    color: #FFF !important;
}

.category_shape_type.acrylic-photo-frame.active {
    color: #FFF !important;
}

.custom-border-label {
    margin-left: 6px;
    margin-bottom: 2px;
    position: absolute;
    z-index: 10;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
}

.rotate-wrapper {
    position: absolute;
    margin-left: 95%;
    margin-top: -40px;
}

.preview-wrapper {
    position: absolute;
    margin-left: 95%;
    margin-top: 0px;
}

.preview-image-btn {
    position: absolute;
    z-index: 10;
    margin-left: 75%;
    margin-top: 48px;
    background-size: cover;
    background-position: center;
    width: 25px;
    color: black;
    font-size: 12px;
    margin-left: -5px;
}

#toggleBorderBtn {
    font-size: 12px;
    line-height: 8px;
    font-weight: 700;
    margin-left: 7px;
    cursor: pointer;
}

.remove-border {
    position: absolute;
    z-index: 10;
    margin-top: 220px;
}

.rotate-wrapper,
.preview-wrapper {
    /* display: none;*/
}

.modal-body2 {
    min-height: 200px;
}

#moda-body2 {
    min-height: 200px;
}

.preview-iamge-style {
    font-size: 12px;
    ;
}

.fade2 {
    opacity: 0.9 !important
}

/* .modal-dialog2 {
        max-width: 100% !important;
}
body .modal-dialog:not(.modal-dialog2) {
    width: 1000px !important;
    margin: 30px auto !important;
    right: 0;
    left: 0;
    top: 0%
}

body .modal-dialog2 {
    width: 1000px !important;
    margin: 0px auto !important;
    right: 0;
    left: 0;
    top: 10%
} */

body .modal-dialog2 {
    width: 1000px !important;
    margin: 0px auto !important;
    right: 0;
    left: 0;
    top: 10%
}

.modal-dialog {
    right: 0;
    left: 0;
    top: 10%
}

.row-all-links {
    display: flex;
}

/***************************/

.canvas-wrap {
    will-change: transform;
}

.canvas-wrap {
    position: relative;
    width: 300px;
    height: 200px;
    perspective: 1000px;
    transform-style: preserve-3d;
    margin: 50px auto;
    transition: transform 0.6s ease;
    transform: rotateX(10deg) rotateY(10deg);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
}

.canvas-wrap:hover {
    transform: rotateX(0deg) rotateY(0deg) scale(1.03);
    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.4);
}

.face {
    position: absolute;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.face.front {
    width: 100%;
    height: 100%;
    transform: translateZ(20px);
    z-index: 3;
}

.face.right {
    width: 40px;
    height: 100%;
    right: 0;
    top: 0;
    transform: rotateY(90deg) translateZ(260px);
    transform-origin: right;
    background-position: right;
}

.face.left {
    width: 40px;
    height: 100%;
    left: 0;
    top: 0;
    transform: rotateY(-90deg) translateZ(40px);
    transform-origin: left;
    background-position: left;
}

.face.top {
    height: 40px;
    width: 100%;
    top: 0;
    left: 0;
    transform: rotateX(90deg) translateZ(40px);
    transform-origin: top;
    background-position: top;
}

.face.bottom {
    height: 40px;
    width: 100%;
    bottom: 0;
    left: 0;
    transform: rotateX(-90deg) translateZ(160px);
    transform-origin: bottom;
    background-position: bottom;
}

/***************************/

/* Firefox */

.custom-quantity-input[type=number] {
    -moz-appearance: textfield;
}

.custom-quantity-wrapper {
    position: relative;
    display: inline-block;
    width: 120px;
}

.custom-quantity-input {
    padding: 8px;
    box-sizing: border-box;
    border: 1px solid #0872ba;
    font-weight: 500;
    width: 57px;
}

.custom-quantity-input::placeholder {
    color: #0872ba;
    font-weight: 500;
}

.custom-quantity-input:focus-visible {
    outline: aqua;
}

.custom-quantity-dropdown {
    position: absolute;
    top: 100%;
    left: 53px;
    right: 0;
    background: white;
    border: 1px solid #ccc;
    z-index: 10;
    display: none;
    max-height: 150px;
    overflow-y: auto;
    width: 80px !important;
}

.custom-quantity-dropdown div {
    padding: 8px;
    cursor: pointer;
}

.custom-quantity-dropdown div:hover {
    background-color: #f0f0f0;
}

/* Add this to your main CSS file, e.g., style.css */

#modal-canvas-container {
    width: 100% !important;
    /* Ensure it takes full width of its parent */
    max-width: 100%;
    /* Prevent it from exceeding parent width */
    height: auto;
    /* Allow height to adjust based on aspect ratio */
    aspect-ratio: 16 / 9;
    /* Maintain a specific aspect ratio (e.g., 16:9 for videos/screens) */
    overflow: hidden;
    /* Hide anything that might spill over */
    display: flex;
    /* Use flexbox to easily center and constrain the canvas */
    justify-content: center;
    /* Center horizontally */
    align-items: center;
    /* Center vertically */
    height: 550px;
}

#modal-canvas-container canvas {
    width: 100% !important;
    /* Make the canvas take 100% of the container width */
    height: 100% !important;
    /* Make the canvas take 100% of the container height */
    object-fit: contain;
    /* Scale the image to fit the container, preserving aspect ratio */
    display: block;
    /* Remove any extra space that might be added by default to img/canvas */
}

.single-product-upload-btn:disabled {
    background-color: skyblue;
}

/* PREMIUM FOOTER */

/* Footer Wrapper */

.pp-footer {
    background: #0c0c0c;
    color: #e6e6e6;
    padding: 60px 0 20px;
    border-top: 2px solid #c8a24f;
}

.footer-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 40px;
}

/* Logo section */

.footer-logo {
    width: 180px;
    margin-bottom: 20px;
}

.footer-about {
    font-size: 14px;
    color: #ccc;
    line-height: 1.6;
}

/* Titles */

.footer-title {
    font-size: 18px;
    margin-bottom: 20px;
    color: #c8a24f;
    font-weight: 700;
}

/* Footer Links */

.footer-links {
    list-style: none;
    padding: 0;
}

.footer-links li {
    margin-bottom: 12px;
}

.footer-links a {
    color: #dcdcdc;
    text-decoration: none;
    font-size: 14px;
}

.footer-links a:hover {
    color: #c8a24f;
}

/* Contact Section */

.footer-contact {
    list-style: none;
    padding: 0;
}

.footer-contact li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 18px;
}

.footer-contact i {
    font-size: 18px;
    color: #c8a24f;
    margin-top: 2px;
}

.footer-contact a {
    color: #fff;
    text-decoration: none;
    font-size: 14px;
}

.footer-contact a:hover {
    color: #c8a24f;
}

/* Social Icons */

.footer-social a {
    display: inline-flex;
    width: 40px;
    height: 40px;
    background: #1a1a1a;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
    transition: 0.3s;
}

.footer-social i {
    color: #fff;
    font-size: 18px;
}

.footer-social a:hover {
    background: #c8a24f;
}

.footer-social a:hover i {
    color: #000;
}

/* Bottom Bar */

.footer-bottom {
    margin-top: 40px;
    padding-top: 20px;
    border-top: 1px solid #333;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.footer-payment img {
    height: 32px;
    margin-left: 10px;
}

.footer-copy {
    color: #999;
    font-size: 14px;
}

/* Responsive */

@media (max-width: 992px) {
    .footer-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 576px) {
    .footer-grid {
        grid-template-columns: 1fr;
    }

    .footer-bottom {
        flex-direction: column;
        gap: 15px;
        text-align: center;
    }
}

/* ---------------- GIFT FINDER SECTION ---------------- */

.pp-finder-nav {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 30px;
}

.pp-finder-pill {
    padding: 12px 28px;
    /* Increased padding for better spacing */
    border: 1px solid #ddd;
    border-radius: 50px;
    background: #fff;
    color: #555;
    font-size: 0.95rem;
    /* Slightly larger text */
    font-weight: 600;
    cursor: pointer;
    transition: 0.3s;
    display: inline-flex;
    /* Changed from flex to inline-flex */
    align-items: center;
    justify-content: center;
    gap: 10px;
    white-space: nowrap;
    /* PREVENTS TEXT WRAPPING */
    min-width: max-content;
    /* Ensures button takes full text width */
    margin: 5px;
    /* Adds space between buttons when they wrap */
}

.pp-finder-pill:hover {
    border-color: var(--pp-gold);
    color: var(--pp-gold);
}

.pp-finder-pill.active {
    background: var(--pp-black);
    color: #fff;
    border-color: var(--pp-black);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.pp-finder-pill i {
    font-size: 1rem;
}

.pp-finder-grid {
    display: none;
    /* Hidden by default */
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    animation: fadeIn 0.5s ease;
}

.pp-finder-grid.active {
    display: grid;
}

.pp-gift-item {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 12px;
    overflow: hidden;
    transition: 0.3s;
    text-align: center;
    padding-bottom: 15px;
}

.pp-gift-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
    border-color: var(--pp-gold);
}

.pp-gift-thumb {
    width: 100%;
    height: 180px;
    object-fit: cover;
    background: #f4f4f4;
}

.pp-gift-info {
    padding: 15px;
}

.pp-gift-name {
    font-size: 1rem;
    font-weight: 700;
    color: var(--pp-black);
    margin-bottom: 5px;
    font-family: 'Playfair Display', serif;
}

.pp-gift-reason {
    font-size: 0.8rem;
    color: #777;
    margin-bottom: 12px;
    line-height: 1.4;
}

.pp-gift-btn {
    font-size: 0.75rem;
    text-transform: uppercase;
    font-weight: 700;
    color: var(--pp-gold-dark);
    text-decoration: none;
    border-bottom: 1px solid var(--pp-gold-dark);
    padding-bottom: 2px;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media(max-width: 991px) {
    .pp-finder-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media(max-width: 575px) {
    .pp-finder-pill {
        padding: 8px 16px;
        font-size: 0.8rem;
    }
}

/* ---------------- PREMIUM SHOP BY ROOM ---------------- */

.pp-room-card-premium {
    position: relative;
    display: block;
    height: 420px;
    /* Tall, elegant aspect ratio */
    border-radius: 12px;
    overflow: hidden;
    text-decoration: none;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    transition: all 0.4s ease;
}

/* The Background Image */

.pp-room-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* The Gradient Overlay (makes text readable) */

.pp-room-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.4) 40%, transparent 100%);
    z-index: 1;
    opacity: 0.9;
    transition: 0.3s;
}

/* The Text Content */

.pp-room-content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 30px 25px;
    z-index: 2;
    transform: translateY(10px);
    /* Slight shift for animation */
    transition: transform 0.4s ease;
}

/* Label (e.g., LIVING ROOM) */

.pp-room-label {
    display: inline-block;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: var(--pp-gold);
    font-weight: 700;
    margin-bottom: 8px;
    background: rgba(0, 0, 0, 0.5);
    padding: 4px 10px;
    border-radius: 30px;
    backdrop-filter: blur(4px);
}

/* Title */

.pp-room-content h4 {
    color: #fff;
    font-size: 1.6rem;
    font-family: 'Playfair Display', serif;
    margin-bottom: 8px;
    line-height: 1.1;
}

/* Description */

.pp-room-content p {
    color: #ddd;
    font-size: 0.9rem;
    line-height: 1.5;
    margin: 0;
    opacity: 0.8;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /* Limit to 2 lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: opacity 0.3s;
}

/* Hover Effects */

.pp-room-card-premium:hover {
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
}

.pp-room-card-premium:hover .pp-room-img {
    transform: scale(1.12);
    /* Slow zoom effect */
}

.pp-room-card-premium:hover .pp-room-content {
    transform: translateY(0);
}

.pp-room-card-premium:hover p {
    opacity: 1;
    color: #fff;
}

/* Mobile Adjustments */

@media(max-width: 767px) {
    .pp-room-card-premium {
        height: 300px;
    }

    .pp-room-content h4 {
        font-size: 1.3rem;
    }
}