[class*=section-]{padding:80px 0}
#prod-hero .new { margin-right: 10px; margin-bottom: 0; padding: 6px 8px; border-radius: 10px;}
.new-text-wrap {display: flex; align-items: center;}

.hero { padding: 64px 0; background-color: #F5F2FD; }
.hero-img { /* margin-top: 32px; */ text-align: center; }
.hero-logo { margin-bottom: 18px;text-align: center;}
.hero-logo img {max-width: 180px;}
.hero .row { display: flex; flex-wrap: wrap; justify-content: center;  }
.hero-content { text-align: center; }
.hero-content .product-name { margin: 0; display: inline-flex; flex-wrap: wrap; align-items: center; justify-content: center; }
.hero-content .product-name img { flex-shrink: 0; display: inline-block; width: auto; height: 56px; margin-left: 12px; }
.hero-content .heading { margin: 12px 0 0;  }
.hero-content p.large { margin: 16px 0 24px; }
.hero-content .buttons { margin: 24px 0; }
.hero-content .note small { display: block; }
.hero-content .note small + small { margin-top: 4px; }
.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(var(--bs-gutter-y) * -1);margin-right:calc(var(--bs-gutter-x)/ -2);margin-left:calc(var(--bs-gutter-x)/ -2)}
.justify-content-center { justify-content: center;}
.align-items-center { align-items: center;}
.bg-pink { background-color: #FFF9FE;}
.template-item { border-radius: 8px; padding: 16px 8px; text-align: center;transition: background-color 0.3s ease; }
.template-item__icon{width:46px;height:46px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}
.template-item__title { margin: 7px 0 0;line-height: 24px; font-weight: 700;}
.template-item--orange .template-item__icon { background-color: #FCC269;}
.template-item--blue .template-item__icon { background-color: #BFD9F2;}
.template-item--green .template-item__icon { background-color: #80F0B5;}
.template-item--rose .template-item__icon { background-color: #FFB5F0;}
.template-item--orange:hover{background-color:rgba(252, 194, 105, 0.25)}
.template-item--blue:hover{background-color:rgba(191,217,242,.25)}
.template-item--green:hover{background-color:rgba(128,240,181,.25)}
.template-item--rose:hover{background-color:rgba(255,181,240,.25)}
.template-item__icon img { max-width: 24px;}
.section-other-templates a { color: #000; text-decoration: none;}
.section-other-templates h2 { margin-bottom:40px;}
.section-create { color: #ffffff; background: url("/static/cdgs/images/templates/5cdgo-hero banner.png") 0 0 no-repeat;  }
.section-create h2 { margin-bottom: 24px;}
.font-300 { font-weight: 300; }
.padding-b-0 { padding-bottom: 0;}
.hero-img--with-pb { padding-bottom: 2vw; }

@media (max-width: 991px) {
    [class*=section-]{padding:40px 0}
    .hero-img--with-pb { padding-bottom: 1vw; }
}
@media (max-width: 767px) {
    .hero { padding: 40px 0 30px; }
    #prod-hero { background-color: #F5F2FD; }
    .hero .lto-box { margin-top: 24px; }
    .hero-img { margin-top: 24px; }
    .new-text-wrap {display: flex; align-items: flex-start; flex-direction: column;}
    .quote-icon.close-quote,.quote-icon.open-quote{width:35px;height:30px}
    .quote-icon.open-quote{left:20px}
    .quote-icon.close-quote{right:20px}
    .testimonial-rating{max-width:75px;}
    .hero-content .product-name img{height:28px;margin-top:22px}
}

@media screen and (min-width:1600px){
    .hero-img--with-pb {
        padding-bottom: 35px;
    }
}