.th_showcase h2{text-align:center}
.read-more, .read-less{cursor:pointer;}
.th_products p {margin-bottom:1rem}
/* showcase 1 */
.th_showcase .th_head {text-align: center; margin-bottom: 24px;}
.th_showcase .th_head h1 {font-size: var(--fs-36); margin-bottom: 16px;}
.th_showcase .th_head p {height: 75px;}
.th_showcase .th_products > p {margin-bottom: 24px;}
.th_showcase .th_products > :where(:not(:has(p)) > :first-child, :has(p) > p) {margin-bottom: 24px; text-align: center;}

/* 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://emenacpackaging.ca/wp-content/themes/epca_new/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); 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://emenacpackaging.ca/wp-content/themes/epca_new/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://emenacpackaging.ca/wp-content/themes/epca_new/assets/images//icons/product-information.svg');}
.th_quote label[for="size"] {background: no-repeat left/19px url('https://emenacpackaging.ca/wp-content/themes/epca_new/assets/images//icons/select-sizes.svg');}
.th_quote label[for="stock"] {background: no-repeat left/19px url('https://emenacpackaging.ca/wp-content/themes/epca_new/assets/images//icons/material.svg');}
.th_quote label[for="upload"] {background: no-repeat left/19px url('https://emenacpackaging.ca/wp-content/themes/epca_new/assets/images//icons/artwork.svg');}
.th_quote label[for="personal-info"] {background: no-repeat left/19px url('https://emenacpackaging.ca/wp-content/themes/epca_new/assets/images//icons/personal-information.svg');}
.th_quote label[for="additional-information"] {background: no-repeat left/19px url('https://emenacpackaging.ca/wp-content/themes/epca_new/assets/images//icons/additional-information.svg');}
.th_quote label[for="captcha"] {background: no-repeat left/19px url('https://emenacpackaging.ca/wp-content/themes/epca_new/assets/images//icons/captcha.svg');}

/* showacase 3 */
.th_showcase-3 .th_card img{background-color: #F5F5F5;}
.th_showcase-3 .th_card ul li img{background-color:unset;}
.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 {text-align: center;}
.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 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;}


/* 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;}
.th_showcase-5 .th_card ul li img{background-color:unset;}
.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 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;}
.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;}
.th_showcase-6 .th_card ul li img{background-color:unset;}
.th_showcase-6 .th_card a img {background-color: var(--clr-white);}
.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 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_products p {text-align: center;margin-inline:auto;}
.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;}
.th_showcase-7 .th_card ul li img{background-color:unset;}

.th_showcase-7 .th_card img {border-radius: 20px;}
.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 .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;}
.th_showcase-8 .th_card ul li img{background-color:unset;}

/* 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;}
.th_showcase-9 .th_card ul li img{background-color:unset;}
.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 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; object-fit: cover;}
.th_showcase-10 .th_card ul li img{background-color:unset;}
.th_showcase-10 .th_card a img {background-color: var(--clr-white);}
.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 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;}
.th_showcase-11 .th_card ul li img{background-color:unset;}

/* IDEAS */
.ideas {padding-block: 102px; background: no-repeat center/cover url(https://emenacpackaging.ca/wp-content/themes/epca_new/assets/images//icons/ideas-bg.webp); background-color: var(--c-secondary);}
.ideas .wrapper {display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px;}
.ideas .item {display: flex; align-items: flex-start; gap: 30px; color: #fff;}
.ideas .item div :first-child {display: block; font-size: var(--fs-lg, 30px); font-weight: 600; margin-bottom: 10px;}
.ideas .item p {color: #fff; padding-right: 10px; height:70px;}
:where(.ideas, .ideas :where(.wrapper .item, .item div *)) {transition: var(--transition);}
.ideas img {width:auto}
@supports not selector(::-webkit-scrollbar) {
.ideas .item p {scrollbar-color: transparent transparent;}
.ideas .item p:hover {scrollbar-color: var(--clr-red-dk) #fff;}
}
/* note*/

.th_note {padding-block: 70px 35px;}
.th_note .th_content {height:300px}
.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 ul {margin-bottom: 15px;}
.th_note .th_content li {list-style: disc; list-style-position: inside; color: var(--clr-grey-md);}
.th_note .th_content li:not(:last-of-type) {margin-bottom: 10px;}

/*works*/
.work{padding-block: 35px 40px; transition: var(--transition);}
.work .heading{text-align:center}
.work .wrapper {display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px;}
.work .item {gap: 30px; color: #fff;}
.work .item h3 {text-align: center;color: #ef233c;font-weight: 600;margin: 40px 0px 10px 0px; font-size: 24px;}
.work .item p{float: left;  text-align: center; color: #747474; height:53px;}

/* testimonials*/
.testimonials {background: no-repeat center/cover url(https://emenacpackaging.ca/wp-content/themes/epca_new/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://emenacpackaging.ca/wp-content/themes/epca_new/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://emenacpackaging.ca/wp-content/themes/epca_new/assets/images//icons/quote-up-svgrepo-com-2.png); width: 45px; height: 45px; z-index: 10; content: '';}
.testimonials .review .user-name {float: right; text-align: end; padding-top: 12px; border-top: 1px solid rgb(0 0 0 / 5%);}
.testimonials .review .user-name > * {padding-block: 8px;} 
.testimonials .review .user-name h3 {font-size: var(--fs-20); transition: var(--transition);}
.testimonials .review .user-name span {color: var(--clr-grey-md); transition: var(--transition);}
.testimonials .review ul {display: flex; align-items: center; justify-content: end;}
.testimonials .review ul li {padding-right: 3px;}
.testimonials .review ul svg {width: 14px; height: 14px; fill: var(--clr-yellow);}

/* FAQ */
.faq {padding-block: 30px 60px;}
.faq .wrapper {display: grid; grid-template-columns: minmax(500px, 682px) minmax(400px, 472px); gap: 85px;}
.faq .wrapper .image img{ height: auto; }
.faq .content > :first-child {position: relative; font-size: calc(var(--fs-xl, 36px) - 1px); padding-bottom: 20px; margin-bottom: 20px;}
.faq .content > :first-child::before {position: absolute; bottom: 0; left: 0; width: 313px; height: 1px; background-color: #ef233c; content: '';}
.faq .content .accordions {max-height: 380px;}
.faq .content .custom__scroll {padding-right: 0;}
.faq .content button {position: relative; width: 100%; display: block; font-weight: 700; color: #000; text-align: start; border-bottom: 1px solid rgba(0 0 0 / 0.125); padding: 7px 12px 7px 26px; margin-bottom: 14px; font-size: var(--fs-14); font-family: var(--ff-quicksand);}
.faq .content button::before {position: absolute; top: 14px; left: 12px; width: 5px; height: 9px; background: no-repeat center/cover url(https://emenacpackaging.ca/wp-content/themes/epca_new/assets/images//icons/accordian-arrow.svg); content: '';}
.faq .content .panel[data-collapse="false"] {display: none;}
.faq .content .panel {padding: 6px 20px 10px 20px;}
.faq .content .panel p {margin-bottom: 10px;}
.faq .content .panel ul {margin-bottom: 20px;}
.faq .content .panel li {list-style: disc; list-style-position: inside;}
:where(.faq, .faq :where(.wrapper, .content, .content *)) {transition: var(--transition);}

.th_card .link{display:flex; justify-content:space-between}


ul li img{background-color:unset;}

/* media quries */
@media only screen and (max-width: 1200px) {
.th_banner picture img {width:100%;}
.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);}
.ideas :is(.wrapper, .item) {gap: 20px;}
.work :is(.wrapper, .item) {gap: 20px;}
.faq .wrapper {gap: 50px;}
}
@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;}
.ideas .wrapper {grid-template-columns: repeat(2, 1fr); row-gap: 50px;}
.work .wrapper {grid-template-columns: repeat(2, 1fr); row-gap: 50px;}
.faq .wrapper {grid-template-columns: 1fr;}
.faq .image {max-width: 510px;}
}

@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;}
.ideas {padding-block: 65px;}
.faq {padding-block: 20px;}
.work .items{gap: 50px;}
}
@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;}
.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;}
.ideas .wrapper {grid-template-columns: 1fr;}
.work .wrapper {grid-template-columns: 1fr;}
}

@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: flex; margin: 0; text-align: center;}
.th_quote .th_captcha input {width: 90px;}
.th_quote .th_captcha {display:flex; padding: 0; }
.testimonials .head h2 {font-size: var(--fs-20); margin: 0;}
.ideas .wrapper {gap: 30px;}
.work .wrapper {gap: 0px;}
.faq .wrapper {gap: 30px;}
.faq .content > :first-child {padding-bottom: 15px; margin-bottom: 10px;}
.faq .content > :first-child::before {max-width: 180px;}
.faq .content button {line-height: 24px; margin-bottom: 7px;}
.faq .content .panel {padding-block: 6px;}
}

@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}
}