.th_banner img {margin-inline:auto; width:100%; height:auto; max-width:1920px;}
.th_products p {margin-bottom:1rem;}
/* showcase 1 */

.th_showcase .th_head {text-align: left; margin-bottom: 24px;}
.th_showcase .th_head h1 {font-size: var(--fs-36); margin-bottom: 16px; text-align:left;}
.th_showcase .th_products > p {margin-bottom: 24px;}
.th_showcase .th_products > :where(:not(:has(p)) > :first-child, :has(p) > p) {margin-bottom: 24px;}
.th_showcase-1 .th_card a img {object-fit: cover;}
.th_showcase .description.scroll {max-height: 80px;}
.th_showcase .description * {width: fit-content;}
.th_showcase .description :where(h2, h3, h4, h5, h6) {margin-bottom: 12px;}
.th_showcase .description h2 {font-size: var(--fs-lg);}
.th_showcase .description h3 {font-size: var(--fs-md);}
.th_showcase .description h4 {font-size: var(--fs-sm);}
.th_showcase .description h5 {font-size: var(--fs-base);}
.th_showcase .description h6 {font-size: var(--fs-xs);}
.th_showcase .description p {margin-bottom: 15px;}
.th_showcase .description ul {list-style-position: outside; padding-left: 20px; padding-bottom: 0.50rem;}

.th_showcase .description ul li {list-style: disc;    padding-bottom: 0.25rem;}
.th_showcase .description ol li {list-style: decimal;}

/* showcase */
.th_showcase-2 {padding-bottom: 40px;}
.th_showcase-2 .th_products > :first-child {margin-bottom: 24px;}
.th_showcase-2 .th_products {text-align: center;}
.th_showcase-2 .th_products > p {margin-bottom: 24px;}
.th_showcase-2 .th_cards-container {display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px;}
.th_showcase-2 .th_card {height:350px;display: grid; grid-template-columns: repeat(2, 1fr); background: no-repeat center/cover url(https://www.emenacpackaging.co.uk/wp-content/themes/Epukup/assets/images/inspire_bg.webp); background-color: #ECF1F5; padding-block: 18px; border-radius: 15px;}
.th_showcase-2 .th_card .th_card-title {display: flex; flex-direction: column; align-items: center; justify-content: center;}
.th_showcase-2 .th_card .th_card-title a:first-child {font-family: var(--ff-quicksand); font-size: var(--fs-30); font-weight: var(--fw-700); margin-bottom: 25px; padding-inline: 50px; text-align: center; transition: var(--transition);}
.th_showcase-2 .th_card .th_card-img {display: flex; align-items: center; justify-content: center;}
.th_showcase-2 .th_card .th_card-img img {max-width: 300px; transition: var(--transition); width:100%; height:auto;}
.th_showcase-2 .th_card .th_card-title .button {border-radius: 5px; padding-inline: 20px; width: 147px; height: 50px; display: flex; align-items: center; justify-content: center;}

/* quote */
.th_quote {padding-block: 40px; overflow-x: hidden;}
.th_quote form {position: relative; max-width: 570px; margin-inline: auto; background-color: var(--clr-white); border-radius: 0 70px 0 90px; box-shadow: var(--shadow-form);}
.th_quote form::before {position: absolute; top: -35px; bottom: 0; left: -510px; margin: auto; height: 30%; transform: rotate(-90deg); font-size: 180px; font-weight: var(--fw-700); color: #F4F9FF; content: 'Custom'; transition: var(--transition);}
.th_quote form::after {position: absolute; top: -35px; bottom: 0; right: -440px; margin: auto; height: 30%; transform: rotate(-90deg); font-size: 180px; font-weight: var(--fw-700); color: #F4F9FF; content: 'Quote'; transition: var(--transition);}
.th_quote .th_title {background-color: var(--clr-red); text-align: center; padding: 15px 10px; border-top-right-radius: 90px;}
.th_quote .th_title h2 {color: #fff; margin-bottom: 0;}
.th_quote .th_body {padding: 20px;}
.th_quote .th_group {margin-bottom: 20px; transition: var(--transition);}
.th_quote .th_group div {display: flex; align-items: center; gap: 30px;}
.th_quote form input,
.th_quote .th_group select,
.th_quote .th_group textarea {width: 100%; height: 40px; padding: 5px 10px; background-color: #fff!important; border: none; appearance: none;  font-family: var(--ff-source-sans); font-size: var(--fs-16); transition: var(--transition);}
.th_quote form input[type="number"]::-webkit-inner-spin-button {appearance: none;}
.th_quote .th_group input[type="file"] {height: auto; background: none; padding: 8px 10px;}
.th_quote .th_group input[type="file"]::file-selector-button {padding: 6px; margin-right: 6px; font-size: var(--fs-14); transition: var(--transition);}
.th_quote .th_group select {background: no-repeat 97%/10px url(https://www.emenacpackaging.co.uk/wp-content/themes/Epukup/assets/images//icons/caret-down-fill.svg); background-color: #fff; color: #757575;}
.th_quote .th_group textarea {height: 100px;}
.th_quote form input:focus {border: 1px solid var(--clr-red);}
.th_quote .th_group input[type="file"] {color: #757575;}
.th_quote .th_group input[type="file"]:focus {border: none;}
.th_quote .th_group select:focus {border: none;}
.th_quote .th_group div > * {flex: 1;}
.th_quote .th_group label {font-size: var(--fs-18); font-weight: var(--fw-700); display: block; padding-left: 30px; margin-bottom: 10px; transition: var(--transition);}
.th_quote .th_submit {display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; transition: var(--transition);}
.th_quote .th_submit button {width: 175px; font-weight: var(--fw-400); font-size: var(--fs-16);}
.th_quote .th_captcha {flex: 1; display: flex; align-items: center; justify-content: space-between; margin-right: 30px; padding-left: 15px; transition: var(--transition);}
.th_quote .th_captcha label {font-size: var(--fs-18); font-weight: var(--fw-700); padding-left: 30px; transition: var(--transition);}
.th_quote .th_captcha label span {font-size: var(--fs-16); font-weight: var(--fw-400); transition: var(--transition);}
.th_quote .th_captcha input {width: 110px;}
.th_quote label[for="product-name"] {background: no-repeat left/19px url('https://www.emenacpackaging.co.uk/wp-content/themes/Epukup/assets/images//icons/product-information.svg');}
.th_quote label[for="size"] {background: no-repeat left/19px url('https://www.emenacpackaging.co.uk/wp-content/themes/Epukup/assets/images//icons/select-sizes.svg');}
.th_quote label[for="stock"] {background: no-repeat left/19px url('https://www.emenacpackaging.co.uk/wp-content/themes/Epukup/assets/images//icons/material.svg');}
.th_quote label[for="upload"] {background: no-repeat left/19px url('https://www.emenacpackaging.co.uk/wp-content/themes/Epukup/assets/images//icons/artwork.svg');}
.th_quote label[for="personal-info"] {background: no-repeat left/19px url('https://www.emenacpackaging.co.uk/wp-content/themes/Epukup/assets/images//icons/personal-information.svg');}
.th_quote label[for="additional-information"] {background: no-repeat left/19px url('https://www.emenacpackaging.co.uk/wp-content/themes/Epukup/assets/images//icons/additional-information.svg');}
.th_quote label[for="captcha"] {background: no-repeat left/19px url('https://www.emenacpackaging.co.uk/wp-content/themes/Epukup/assets/images//icons/captcha.svg');}

/* showacase 3 */
.th_showcase-3 .th_card img{background-color: #F5F5F5; width:100%; }
.th_showcase {padding-block: 35px 40px; transition: var(--transition);}
.th_showcase .th_cards-container {display: grid; grid-template-columns: repeat(5, 1fr); gap: 20px;}
.th_showcase .th_card {display: flex; flex-direction: column; text-align: center; width: fit-content; margin: auto;}
.th_showcase .th_card .th_card-title {display: block; margin-block: 12px 18px; font-family: var(--ff-quicksand); font-weight: var(--fw-700); font-size: var(--fs-18);}
.th_showcase .th_card div  {display: flex; align-items: center; justify-content: center; flex-direction: row;}
.th_showcase .th_card div img {width:fit-content; background-color:#fff;}
.th_showcase .th_card div a {margin-left: auto; font-size: var(--fs-16); font-weight: var(--fw-700); color: var(--clr-blue)!important;}
.th_showcase .th_card ul {display: inline-flex; align-items: center; margin-bottom: 6px}
.th_showcase .th_card ul li {padding-right: 3px;}
.th_showcase .th_card ul svg {width: 14px; height: 14px; fill: var(--clr-yellow);}
.th_showcase .th_card ul li:last-child span {font-size: 12px; color: var(--clr-grey-md); margin-left: 6px;}
.th_showcase-4 .th_card  img{background-color: #F5F5F5; width:100%;}

/* showacase 5 */
.th_showcase-5 {padding-block: 35px 40px; transition: var(--transition);}
.th_showcase-5 .th_cards-container {display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px;}
.th_showcase-5 .th_products > :where(:not(:has(p)) > :first-child, :has(p) > p) {margin-bottom: 24px;}
.th_showcase-5 .th_card {background-color: #fff; border-radius: 10px; box-shadow: var(--shadow-card); font-size: var(--fs-18);}
.th_showcase-5 .th_card  img {border-radius: 10px 10px 0 0;background-color: #F5F5F5; width:100%;}
.th_showcase-5 .th_card .th_card-title {display: block; font-family: var(--ff-quicksand); font-weight: var(--fw-700); padding: 12px 12px 24px 15px; border-bottom: 1px solid var(--clr-grey-ltr); transition: var(--transition);}
.th_showcase-5 .th_card div {display: flex; align-items: center; justify-content: space-between; padding: 12px 15px 22px 12px; transition: var(--transition);}
.th_showcase-5 .th_card div img {width:fit-content; background-color:white;border-radius:unset;}
.th_showcase-5 .th_card div a {font-size: var(--fs-16); font-weight: var(--fw-700); color: var(--clr-blue)!important;}
.th_showcase-5 .th_card ul {display: inline-flex; align-items: center;}
.th_showcase-5 .th_card ul li {padding-right: 3px;}
.th_showcase-5 .th_card ul svg {width: 14px; height: 14px; fill: var(--clr-yellow);}
.th_showcase-5 .th_card ul li:last-child span {font-size: 12px; color: var(--clr-grey-md); margin-left: 6px;}
.th_showcase-5 .th_card div a:hover {text-decoration: underline;}

/* cp-portfolio */
.cp-portfolio {padding-block: 50px 20px;}
.cp-portfolio .portfolio .item .th_image img{height: auto; border-radius: 20px; width:100%;}
.cp-portfolio h2 {font-size: var(--fs-32); font-weight: var(--fw-700); margin-bottom: 24px;}
.cp-portfolio .portfolio {display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px;}
.cp-portfolio .portfolio > :nth-child(1) {grid-area: 1 / 1 / 3 / 3;}
.cp-portfolio .portfolio > :nth-child(2) {grid-area: 3 / 1 / 4 / 2;}
.cp-portfolio .portfolio > :nth-child(3) {grid-area: 3 / 2 / 4 / 3;}
.cp-portfolio .portfolio > :nth-child(4) {grid-area: 1 / 3 / 2 / 4;}
.cp-portfolio .portfolio > :nth-child(5) {grid-area: 1 / 4 / 2 / 5;}
.cp-portfolio .portfolio > :nth-child(6) {grid-area: 2 / 3 / 4 / 5;}
.cp-portfolio .portfolio .item {position: relative; overflow: hidden; display: block;}
.cp-portfolio .portfolio .item .th_text {position: absolute; inset: 0; top: -100%; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; background-color: rgb(0 0 0 / .6); border-radius: 19px; transition: .4s ease-in-out}
.cp-portfolio .portfolio .item .th_image {position: relative;}
.cp-portfolio .portfolio .item .th_text :where(h3,h4,h5,h6,strong)::before {position: absolute; inset: 0; margin: 0 auto; width: 42px; height: 3px; background-color: #ef233c; content: '';}
.cp-portfolio .portfolio .item .th_text :where(h3,h4,h5,h6,strong) {text-align: center;position: relative; font-size: var(--fs-32); color: #fff; padding-top: 15px; margin-bottom: 10px;}
.cp-portfolio .portfolio .item .th_text span {color: #fff;}
.cp-portfolio .portfolio .item:hover .th_text {top: 0;}
.cp-portfolio .portfolio .item .th_text span:hover {color: #ef233c; transition: var(--transition);}

/* showcase 6*/
.th_showcase-6 {padding-block: 15px; transition: var(--transition);}
.th_showcase-6 .th_products h2 {margin-bottom: 24px;}
.th_showcase-6 .th_cards-container {display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px;}
.th_showcase-6 .th_card {text-align: center;}
.th_showcase-6 .th_card img{background-color: #F5F5F5; width:100% }
.th_showcase-6 .th_card a img {background-color: var(--clr-white); width:100%; height:auto; } 
.th_showcase-6 .th_card .th_card-title {display: block; margin-block: 12px; font-family: var(--ff-quicksand); font-weight: var(--fw-700); font-size: var(--fs-18);}
.th_showcase-6 .th_card div {display: flex; align-items: center; justify-content: center; flex-direction: row;}
.th_showcase-6 .th_card div img {width:fit-content; background-color:#fff;}
.th_showcase-6 .th_card div a {font-size: var(--fs-16); font-weight: var(--fw-700); color: var(--clr-blue)!important;}
.th_showcase-6 .th_card ul {display: inline-flex; align-items: center; margin-bottom: 6px}
.th_showcase-6 .th_card ul li {padding-right: 3px;}
.th_showcase-6 .th_card ul svg {width: 14px; height: 14px; fill: var(--clr-yellow);}
.th_showcase-6 .th_card ul li:last-child span {font-size: 12px; color: var(--clr-grey-md); margin-left: 6px;}
.th_showcase-6 .th_card div a {margin-left: auto;}

/* showcase 7*/
.th_showcase-7 {padding-block: 35px; transition: var(--transition);}
.th_showcase-7 .th_products h2 {text-align: center; line-height: 155%;}
.th_showcase-7 .th_cards-container {display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-top: 30px;}
.th_showcase-7 .th_card > img{background-color: #F5F5F5; width:100%;}

.th_showcase-7 .th_card a img {border-radius: 20px; width:100%;}
.th_showcase-7 .th_card .title {position: relative; margin: -75px auto 0 auto; max-width: 400px; background-color: #fff; border-radius: 20px; padding: 30px; box-shadow: var(--shadow-card-body); z-index: 10; transition: var(--transition);}
.th_showcase-7 .th_card div.rating {display: flex;  justify-content: space-between; flex-direction: row;}
.th_showcase-7 .th_card div.rating img {width:fit-content;}
.th_showcase-7 .th_card .th_card-title {display: block; font-family: var(--ff-quicksand); font-weight: var(--fw-700); font-size: var(--fs-22); margin-bottom: 12px; transition: var(--transition);}
.th_showcase-7 .th_card ul {display: inline-flex; align-items: center; margin-bottom: 6px}
.th_showcase-7 .th_card ul li {padding-right: 3px;}
.th_showcase-7 .th_card ul svg {width: 14px; height: 14px; fill: var(--clr-yellow);}
.th_showcase-7 .th_card ul li:last-child span {font-size: 12px; color: var(--clr-grey-md); margin-left: 6px;}
.th_showcase-7 .th_card div a:last-child {font-size: var(--fs-16); font-weight: var(--fw-700); color: var(--clr-blue);}
.th_showcase-7 .th_card div a:last-child {margin-left: auto;}

/* showcase 8*/
.th_showcase-8 .th_products > p {margin-bottom: 24px;}
.th_showcase-8 .th_card img{background-color: #F5F5F5; width:100%;}

/* showcase 9*/
.th_showcase-9 {padding-block: 35px 40px; transition: var(--transition);}
.th_showcase-9 .th_products > :where(:not(:has(p)) > :first-child, :has(p) > p) {margin-bottom: 24px; line-height: 1.2;}
.th_showcase-9 .th_cards-container {display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px;}
.th_showcase-9 .th_card {background-color: #fff; border-radius: 10px; box-shadow: var(--shadow-card); font-size: var(--fs-18);}
.th_showcase-9 .th_card  img {border-radius: 10px 10px 0 0;background-color: #F5F5F5; width:100%;}
.th_showcase-9 .th_card .th_card-title {display: block; font-family: var(--ff-quicksand); font-weight: var(--fw-700); padding: 12px 12px 24px 15px; border-bottom: 1px solid var(--clr-grey-ltr); transition: var(--transition);}
.th_showcase-9 .th_card div {display: flex; align-items: center; justify-content: space-between; padding: 12px 15px 22px 12px; transition: var(--transition);}
.th_showcase-9 .th_card div img {width:fit-content; border-radius:unset; background-color:#fff;}
.th_showcase-9 .th_card div a {font-size: var(--fs-16); font-weight: var(--fw-700); color: var(--clr-blue)!important;}
.th_showcase-9 .th_card ul {display: inline-flex; align-items: center;}
.th_showcase-9 .th_card ul li {padding-right: 3px;}
.th_showcase-9 .th_card ul svg {width: 14px; height: 14px; fill: var(--clr-yellow);}
.th_showcase-9 .th_card ul li:last-child span {font-size: 12px; color: var(--clr-grey-md); margin-left: 6px;}
.th_showcase-9 .th_card div a:hover {text-decoration: underline;}


/* showcase 10*/
.th_showcase-10 {padding-block: 35px 40px; transition: var(--transition);}
.th_showcase-10 .th_products > h2 {margin-bottom: 24px;}
.th_showcase-10 .th_cards-container {display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px;}
.th_showcase-10 .th_card {text-align: center;}
.th_showcase-10 .th_card  img{background-color: #F5F5F5; width:100%;}
.th_showcase-10 .th_card a img {background-color: var(--clr-white); width:100%;}
.th_showcase-10 .th_card .th_card-title {display: block; margin-block: 12px; font-family: var(--ff-quicksand); font-weight: var(--fw-700); font-size: var(--fs-18);}
.th_showcase-10 .th_card div {display: flex; align-items: center; justify-content: center; flex-direction: row;}
.th_showcase-10 .th_card div img {width:fit-content; background-color:#fff; }
.th_showcase-10 .th_card div a {font-size: var(--fs-16); font-weight: var(--fw-700); color: var(--clr-blue)!important;}
.th_showcase-10 .th_card ul {display: inline-flex; align-items: center; margin-bottom: 6px}
.th_showcase-10 .th_card ul li {padding-right: 3px;}
.th_showcase-10 .th_card ul svg {width: 14px; height: 14px; fill: var(--clr-yellow);}
.th_showcase-10 .th_card ul li:last-child span {font-size: 12px; color: var(--clr-grey-md); margin-left: 6px;}
.th_showcase-10 .th_card div a {margin-left: auto;}

/* showcase 11*/
.th_showcase-11 .th_products > p {margin-bottom: 24px;}
.th_showcase-11 .th_card img{background-color: #F5F5F5; width:100%;}

/* note*/

.th_note {padding-block: 70px 35px;}
.th_note .th_content {height:280px;}
.th_note .th_content h2 {font-size: var(--fs-24); line-height: 38px; margin-bottom: 18px; transition: var(--transition);}
.th_note .th_content p {font-size: var(--fs-16); font-weight: var(--fw-500); line-height: 29px; margin-block: 20px;}
.th_note .th_content :where(ul, ol) {padding-left: 24px;}
.th_note .th_content li {margin-bottom: 0.75rem;}
.th_note .th_content ul li {list-style: disc;}
.th_note .th_content ol li {list-style: decimal;}

/* testimonials*/
.testimonials {background: no-repeat center/cover url(https://www.emenacpackaging.co.uk/wp-content/themes/Epukup/assets/images//testimonial-bg.webp); padding-block: 60px;}
/* .testimonials .head {display: grid; grid-template-columns: 31.4% 1fr 22%; gap: 40px; place-items: center; transition: var(--transition);} */
.testimonials .head {display:flex; justify-content:space-between;}
.testimonials .head h2 {font-size: calc(var(--fs-32) + 2px);}
.testimonials .head p {font-weight: var(--fw-400); font-size: var(--fs-18); color: var(--clr-grey-md);}
.testimonials .head a {font-family: var(--ff-quicksand); line-height: normal; background-color:#fff;  font-weight: var(--fw-700); border: 1px solid var(--clr-grey-md); border-radius: 5px; padding: 8px 72px; color: var(--clr-grey-md) !important;}
.testimonials .reviews-container {display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; margin-top: 40px; transition: var(--transition);}
.testimonials .review {position: relative; background-color: #fff; border: 1px solid var(--clr-grey-ltr); border-radius: 5px; padding: 48px 28px 15px; display: flex; flex-direction: column; justify-content: space-between; height: 360px;}
.testimonials .review p {height: 216px; color: var(--clr-grey-md); line-height: 27px; margin-bottom: 15px;}
.testimonials .review::before {position: absolute; top: 35px; left: 0; background: no-repeat center/cover url(https://www.emenacpackaging.co.uk/wp-content/themes/Epukup/assets/images//icons/quote-up-svgrepo-com-1.png); width: 45px; height: 45px; z-index: 10; content: '';}
.testimonials .review::after {position: absolute; bottom: 150px; right: 20px; background: no-repeat center/cover url(https://www.emenacpackaging.co.uk/wp-content/themes/Epukup/assets/images//icons/quote-up-svgrepo-com-2.png); width: 45px; height: 45px; z-index: 10; content: '';}
.testimonials .review .user-name {display:flex; flex-direction:column; align-items:end; padding-top: 12px; border-top: 1px solid rgb(0 0 0 / 5%);}
.testimonials .review .user-name h3 {font-size: var(--fs-20); transition: var(--transition); margin-bottom:8px;}
.testimonials .review .user-name span {color: var(--clr-grey-md); transition: var(--transition); display:block; margin-bottom:8px;}
.testimonials .review .user-name img {max-width:fit-content;}

/* media quries */
@media only screen and (max-width: 1200px) {
.th_showcase {height: auto}
.th_showcase .th_head h1 {font-size: var(--fs-32);}
.th_showcase .th_products h2,
.th_showcase-2 .th_products h2,
.th_showcase-5 .th_products h2,
.cp-portfolio h2,
.th_showcase-6 .th_products h2,
.th_showcase-7 .th_products h2,
.th_showcase-9 .th_products h2,
.th_showcase-10 .th_products h2 {font-size: var(--fs-28);}
.th_showcase-2 .th_card .th_card-title a:first-child {font-size: var(--fs-26);}
.th_showcase-2 .th_card .th_card-title .button {width: 120px; height: 42px;}
.cp-portfolio .portfolio .item .th_text :where(h3,h4,h5,h6,strong) {font-size: var(--fs-28);}
.th_showcase .th_cards-container {grid-template-columns: repeat(4, 1fr);}
.th_quote form::before {left: -410px; height: 20%; font-size: 160px;}
.th_quote form::after {right: -290px; height: 20%; font-size: 160px;}
.th_showcase-1, .th_showcase-3, .th_showcase-4 .th_showcase-5, .th_showcase-6, .th_showcase-7, .th_showcase-8{height: auto;}
.th_showcase-5 .th_card div {padding-left: 15px;}

.th_showcase-7 .th_card .th_card-title {font-size: var(--fs-20); margin-bottom: 15px;}
.th_showcase-7 .th_card div {padding: 0;}
.th_showcase-7 .th_card .title {padding: 20px;}
.th_note .th_content h2 {font-size: var(--fs-22);}
.testimonials .head h2 {font-size: var(--fs-30);}
.testimonials .reviews-container {gap: 20px;}
.testimonials .review .user-name h5 {font-size: var(--fs-18);}
.testimonials .review .user-name span {font-size: var(--fs-15);}
}
@media only screen and (max-width: 991px) {
.th_showcase .th_head h1 {font-size: var(--fs-28);}
.th_showcase .th_cards-container {grid-template-columns: repeat(3, 1fr);}
.th_showcase .th_products h2,
.th_showcase-2 .th_products h2,
.th_showcase-5 .th_products h2,
.cp-portfolio h2,
.th_showcase-6 .th_products h2,
.th_showcase-7 .th_products h2,
.th_showcase-9 .th_products h2,
.th_showcase-10 .th_products h2 {font-size: var(--fs-24);}
.cp-portfolio .portfolio .item .th_text :where(h3,h4,h5,h6,strong) {font-size: var(--fs-26);}
.th_showcase-2 .th_card {height: auto;}
.th_showcase-2 .th_card .th_card-title a:first-child {font-size: var(--fs-24); padding-inline: 35px;}
.th_quote .th_title h2 {font-size: var(--fs-28);}
.th_quote form::before,
.th_quote form::after {display: none;}
.th_showcase-5 {height:auto}
.th_showcase-5 .th_cards-container,
.th_showcase-9 .th_cards-container {grid-template-columns: repeat(3, 1fr);}
.th_showcase-6 {max-height: 100%;}
.th_showcase-6 .th_cards-container {grid-template-columns: repeat(3, 1fr);}
.th_showcase-7 {max-height: 100%}
.th_showcase-7 .th_cards-container {grid-template-columns: repeat(2, 1fr);}
.th_showcase-9, .th_showcase-10, .th_showcase-11{height:auto}
.th_showcase-10 .th_cards-container {grid-template-columns: repeat(2, 1fr);}
.cp-portfolio .portfolio-grid .th_text h3{font-size: 20px;padding:12px}
.th_note {padding: 35px 0;}
.testimonials {height:auto}
.testimonials .head {grid-template-columns: 1fr; gap: 20px; place-items: start;}
.testimonials .head h2 {font-size: var(--fs-26);}
.testimonials .head a {margin-left: 0;}
.testimonials .reviews-container {grid-template-columns: repeat(2, 1fr);}
.testimonials .review:last-child p {height: auto;}
}

@media only screen and (max-width: 767px) {
.cp-portfolio .portfolio {grid-template-columns: repeat(3, 1fr); gap: 15px;}
.cp-portfolio .portfolio > :nth-child(1) {grid-area: 1 / 1 / 3 / 3;}
.cp-portfolio .portfolio > :nth-child(2) {grid-area: 1 / 3 / 2 / 4;}
.cp-portfolio .portfolio > :nth-child(3) {grid-area: 2 / 3 / 3 / 4;}
.cp-portfolio .portfolio > :nth-child(4) {grid-area: 3 / 1 / 4 / 2;}
.cp-portfolio .portfolio > :nth-child(5) {grid-area: 3 / 2 / 4 / 3;}
.cp-portfolio .portfolio > :nth-child(6) {grid-area: 3 / 3 / 4 / 4;} 
.th_nav{height: auto;}
.th_showcase .th_head h1 {font-size: var(--fs-24);}
.th_showcase .th_cards-container {grid-template-columns: repeat(2, 1fr);}
.th_showcase .th_products h2,
.th_showcase-2 .th_products h2,
.th_showcase-5 .th_products h2,
.cp-portfolio h2,
.th_showcase-6 .th_products h2,
.th_showcase-7 .th_products h2,
.th_showcase-9 .th_products h2,
.th_showcase-10 .th_products h2 {font-size: var(--fs-22);}
.th_showcase-2 {height:auto}
.th_showcase-2 .th_cards-container {grid-template-columns: 1fr}
.th_quote{height:auto;}
.th_showcase-5 .th_cards-container,
.th_showcase-9 .th_cards-container {grid-template-columns: repeat(2, 1fr);}
.th_showcase-6 .th_cards-container,
.th_showcase-7 .th_cards-container {grid-template-columns: repeat(2, 1fr); }
.th_showcase-7 .th_card .th_card-title {font-size: var(--fs-18);}
.th_note .th_content h2 {font-size: var(--fs-20);}
.testimonials .head h2 {font-size: var(--fs-22);}
.testimonials .reviews-container {grid-template-columns: 1fr;}
.testimonials .review:last-child {grid-column: auto;}
.testimonials .review p {height: auto;}
}
@media only screen and (max-width: 575px) {

.cp-portfolio .portfolio {grid-template-columns: repeat(2, 1fr);}
.cp-portfolio .portfolio > :nth-child(n+1) {grid-area: unset;}
.th_showcase {padding-block: 20px;}
.th_showcase .th_cards-container {grid-template-columns:repeat(2, 1fr);}
.th_showcase-2 .th_card .th_card-title a:first-child {font-size: var(--fs-22);}
.th_showcase-2 .th_card .th_card-title a:last-child {padding: 8px 12px;}
.cp-portfolio .portfolio .item .th_text :where(h3,h4,h5,h6,strong) {font-size: var(--fs-24);}
.th_quote .th_title h2 {font-size: var(--fs-24);}
.th_quote .th_group {margin-bottom: 0;}
.th_quote .th_group div {display: block;}
.th_quote .th_group label, 
.th_quote .th_captcha label {font-size: var(--fs-16);}
.th_quote .th_captcha label span {font-size: var(--fs-14);}
.th_quote form input,
.th_quote .th_group select,
.th_quote .th_group textarea {font-size: var(--fs-14); margin-bottom: 15px;}
.th_quote .th_group input[type="file"]::file-selector-button {font-size: var(--fs-12);}
.th_quote .th_captcha {margin-right: 10px;}
.th_quote .th_captcha input {margin-bottom: 0;}
.th_quote .th_submit button {width: auto; padding: 0 24px;}
.th_showcase-5 .th_cards-container,
.th_showcase-9 .th_cards-container {grid-template-columns: repeat(2, 1fr);}
.th_showcase-5 .th_card div {flex-direction: column; gap: 15px; padding: 15px;}
.th_showcase-5 .th_cards-container .th_card:last-child,
.th_showcase-6 .th_cards-container .th_card:last-child {grid-column: auto;}
.th_showcase-7 .th_cards-container {grid-template-columns: 1fr;}
.th_note .th_content h2 {font-size: var(--fs-18); line-height: 32px;}
.testimonials .head{flex-direction:column;}
}

@media only screen and (max-width: 475px) {
.cp-portfolio .portfolio {grid-template-columns: 1fr;}
.th_showcase .th_head h1 {font-size: var(--fs-22);}
.th_showcase .th_cards-container {grid-template-columns: 1fr;}
.th_showcase-2 .th_card .th_card-title a:first-child {font-size: var(--fs-20);} 
.th_showcase .th_products h2,
.th_showcase-2 .th_products h2,
.th_showcase-5 .th_products h2,
.cp-portfolio h2,
.th_showcase-6 .th_products h2,
.th_showcase-7 .th_products h2,
.th_showcase-9 .th_products h2,
.th_showcase-10 .th_products h2 {font-size: var(--fs-20);}
.th_showcase-2 .th_card .th_card-title .button {width: auto; height: auto;}
.th_quote .th_title h2 {font-size: var(--fs-20);}
.cp-portfolio .portfolio .item .th_text :where(h3,h4,h5,h6,strong) {font-size: var(--fs-20);}
.cp-portfolio .portfolio .item .th_text span {font-size: var(--fs-15);}
.th_showcase-5 .th_cards-container,
.th_showcase-6 .th_cards-container,
.th_showcase-9 .th_cards-container, 
.th_showcase-10 .th_cards-container {grid-template-columns: 1fr;}
.th_quote .th_submit {display: block; margin: 0; text-align: center;}
.th_quote .th_captcha {padding: 0; margin: 0 0 15px 0;}
.testimonials .head h2 {font-size: var(--fs-20); margin: 0;}
}

@media only screen and (max-width: 400px) {
.banner{
}
.th_showcase .th_cards-container {grid-template-columns: 1fr;}
.th_showcase-9 .th_cards-container, .th_showcase-10 .th_cards-container,.th_showcase-11 .th_cards-container{grid-template-columns: 1fr;}
.cp-portfolio .portfolio-grid .th_text h3{font-size: 16px;padding:5px}
}