/* === index Start === */
.disp-block-inline {
    display: inline-block;
}

.pg-index {
    overflow-y: visible;
}

.pg-index .container-fluid {
    padding: 0px;
}

.pg-index .pg-space-top {
    height: 60px;
}

.pg-index .section {
    padding: 60px 0px;
}

.pg-index .section-card {

}

.pg-index .section-header {
    margin-bottom: 30px;
}

.pg-index .section-body {
    margin-bottom: 30px;
}

.pg-index .section-footer {

}

.pg-index .section-title-main {
    font-size: 34px;
    line-height: 44px;
    font-weight: bold;
}

.pg-index .section-desc {
    
}

.pg-index .section-cta {
    margin-top: 20px;
}

.pg-index .slick-container-custom .slick-dots {
    position: relative;
    bottom: 0px;
}

.pg-index .slick-container-custom .slick-prev {
    left: -10px;
}

.pg-index .slick-container-custom .slick-next {
    right: -10px;
}

@media (max-width: 640px) {
    .pg-index .section {
        padding: 30px 0px;
    }

    .pg-index .section-title-main {
        font-size: 24px;
        line-height: 32px;
    }
}

/* menu Start */
.pg-index .app-nav-container {
    background-color: var(--blue);
}

.pg-index .app-nav-brand .flex-item,
.pg-index .app-nav-logo-2 .logo-name {
    color: #ffffff;
}

.pg-index .app-nav-logo-2 .logo-box::before,
.pg-index .app-nav-logo-2 .logo-box::after {
    border-color: #ffffff;
}
/* menu End */

/* keyvis Start */
#sec-canprint-keyvis.section {
    min-height: 494px;
    background-color: #ffffff;
    background: url("../images/home/bg-keyvis.jpg") no-repeat center center;
    background-size: cover;
}

#sec-canprint-keyvis .section-card {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    min-height: 340px;
}

@media (max-width: 640px) {
    #sec-canprint-keyvis.section {
        min-height: 640px;
        background-color: #fbfbfb !important;
        background: url("../images/home/bg-keyvis-xs.jpg") no-repeat center bottom;
        background-size: contain;
    }
}
/* keyvis End */

/* category Start */
#sec-canprint-category.section {
    background-color: #ffffff;
}

.category-panel {
    margin: 40px auto auto auto;
    max-width: 1000px;
}

.category-panel .row {
    gap: 0px;
    margin: 0px;
}

.col-cust-category {
    padding:0px;
}

.category-card {
    position: relative;
    margin: 10px;
}

.category-card-title {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);

    color:#ffffff;
    font-size: 18px;
    line-height: 18px;
    text-align: center;

    text-shadow: 0px 0px 10px #000000;
}

.category-card-tmb {
    margin: auto;
    width: 100%;
    max-width: 314px;
}

.category-card-tmb img {
    margin: auto;
    width: 100%;
}

@media (max-width: 640px) {
    .category-card-title {
        font-size: 14px;
        line-height: 14px;
    }
}
/* category End */

/* customise Start */
#sec-canprint-customise.section {
    background-color: #f2f2f2;
}

.customise-slide-panel {
    margin-top: 40px;
}

.customise-slide-body {
    margin: auto;
    max-width: 900px;
}

.customise-panel-title {
    margin-left: 20px;
    margin-bottom: 20px;
    font-size: 20px;
    line-height: 20px;
    font-weight: bold;
}

.customise-slide-container {
}

.slider-slick-container {
}

.centerContent {
}

.slick-container-custom {
}

.slide-card-container {
}

.customise-card {
}

.customise-tmb {
    margin: auto auto 14px auto;
    width: 100%;
    max-width: 260px;
}

.customise-tmb img {
    margin: auto;
    width: 100%;
}

.customise-desc {
    text-align: center;
}
/* customise End */

/* testimonial Start */
#sec-canprint-testimonial.section {
    min-height: 710px;
    background-color: #716cfa;
    background: url("../images/home/bg-testimonial.jpg") no-repeat center center;
    background-size: cover;
}

.testimonial-slide-panel {
    
}

.testimonial-slide-body {
}

.testimonial-slide-container {
}

.testimonial-card {
    margin: auto 20px;
    padding: 30px;
    border-radius: 10px;
    background-color: #ffffff;
}

.testimonial-rate {
    margin-bottom: 20px;
}

.rate-stars {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 6px;
}

.rate-star {
    color: var(--blue);
}

.testimonial-title {
    margin-bottom: 10px;
    font-weight: bold;
    text-align: center;
}

.testimonial-review {
    text-align: center;
}

.testimonial-from {
    margin-top: 30px;
    text-align: center;
}

.testimonial-from-name {
}

.testimonial-from-variation {
}

.testimonial-from-date {

}
/* testimonial End */

/* app Start */
#sec-canprint-app.section {
    min-height: 440px;
    background-color: #ffffff;
    background: url("../images/home/bg-app.jpg") no-repeat center center;
    background-size: cover;
}

@media (max-width: 640px) {
    #sec-canprint-app.section {
        min-height: 500px;
        background-color: #ffffff;
        background: url("../images/home/bg-app-xs.jpg") no-repeat center bottom;
        background-size: cover;
    }
}
/* app End */
/* === index End === */




/* menu Start */
.pg-main .app-nav-container {
    background-color: transparent;
}

.pg-main .app-nav-brand .flex-item,
.pg-main .app-nav-logo-2 .logo-name {
    color: var(--blue);
}

.pg-main .app-nav-logo-2 .logo-box::before,
.pg-main .app-nav-logo-2 .logo-box::after {
    border-color: var(--blue);
}
/* menu End */

.pg-main #app-login.flex-box {
    flex-direction: row;
    justify-content: center;
    align-items: flex-end;

    position: relative;
    
    background: url(../images/home/bg-main-xs.jpg) no-repeat center center;
    background-size: cover;
    background-color: #b4b4b4;
    
    
}

/* new user Start */
.user-new-container {
    margin: 20px;
    padding: 20px;
    max-width: 500px;
}

.user-new-header {
    margin-bottom: 20px;
}

.logo-canprint {
    max-width: 130px;
}

.user-new-body {
    margin-bottom: 10px;
}

.pg-index .user-new-tagline {
    margin-bottom: 20px;
    font-size: 24px;
    line-height: 30px;
    text-align: center;
}

.pg-index .user-new-tagline-sub {
    margin-bottom: 20px;
    text-align: center;
}

.form-user-new {
}

.user-new-footer {

}

.ahref-cta.cta-SignIn {
    color: #ffffff;
}



@media (min-width: 641px) and (max-width: 820px) {
    
    .pg-main #app-login.flex-box {
        background: url(../images/home/bg-main-sm.jpg) no-repeat center center;
        background-size: cover;
        
    }
    
}

@media (min-width: 821px) and (max-width: 1280px) {
    
    .pg-main #app-login.flex-box {
        background: url(../images/home/bg-main-md.jpg) no-repeat center center;
        background-size: cover;
        
    }
    
}

@media (min-width: 1281px) {
    
    .pg-main #app-login.flex-box {
        background: url(../images/home/bg-main-lg.jpg) no-repeat center center;
        background-size: cover;
        
    }
    
}
/* new user End */



/* main Start */
.msg-welcome {
    margin: 40px auto 20px auto;
    font-size: 24px;
    line-height: 30px;
    text-align: center;
}
/* main End */