:root {
	--fs-16: 16px;
	--fs-18:18px;
	--fs-20:20px;
	--fs-22:22px;
	--fs-24:24px;
	--fs-26:26px;
	--fs-28:28px;
	--fs-30:30px;
	--fs-32:32px;
}

.head {padding-block: 30px; text-align: center; background-color: white; }
.head :where(h1, h2, h3, h4, h5, h5) {font-weight: var(--fw-600); line-height: normal; margin-bottom: 12px; color: #000;}
.head h1 {font-size: var(--fs-26); color: var(--_c-light-50); margin-bottom: 10px; font-family: "Nunito700";line-height: 36px;}
.head .content {max-height: 90px; text-align: left; color: var(--clr-grey-md); line-height: 24px;}
.head .content:has(table) :where(h2, h3):not(:first-child) {padding-top: 15px; border-top: 1px solid #d0d0d0; margin-top: 15px;}
.head .content > :first-child:not(:where(ul, ol)) {margin-top: 0;}
.head h2 {font-size: var(--fs-26);}
.head h3 {font-size: var(--fs-24);}
.head h4 {font-size: var(--fs-22);}
.head h5 {font-size: var(--fs-20);}
.head h6 {font-size: var(--fs-18);}
.head p {text-align: justify; margin-block: 10px;}
.head a {display: inline;}
.head strong + p {display: inline; margin-left: 6px;}
.head strong {margin-block: 10px; font-size: var(--fs-16); line-height: 160%;}
.head :is(ul, ol) {padding-left: 20px; margin-block: 15px;}
.head ul li {list-style: disc;}
.head ol li {list-style: decimal;}
.head .content > :last-child {margin-bottom: 0;}
/* TABLE */
.head table {max-width: 725px;}
table {width: 100%; border-spacing: 0; margin-block: 15px;}
table tr {display: grid; grid-template-columns: repeat(2 , 1fr);}
table thead :is(th, td),
table tbody tr:not(:last-of-type) :is(th, td) {border-bottom: none;}
table :is(th, td) {display: flex; align-items: center; line-height: 1.3; padding: 6px 8px; border: 1px solid #000; word-break: break-word;}
table th {padding: 10px;}
table tbody tr > td:first-of-type {font-weight: 700;}



:where(.custom__scroll, .custom__scroll-p > p) {overflow-y: auto; padding-right: 15px;}
:where(.custom__scroll, .custom__scroll-p > p)::-webkit-scrollbar {width: 6px;}
:where(.custom__scroll, .custom__scroll-p > p)::-webkit-scrollbar-track {border-radius: 6px; background-color: #f5f5f5; visibility: hidden;}
:where(.custom__scroll, .custom__scroll-p > p)::-webkit-scrollbar-thumb {border-radius: 6px; background-color:#EF233C80; visibility: hidden;}

:where(.custom__scroll, .custom__scroll-p > p):hover::-webkit-scrollbar-track {visibility: visible;}
:where(.custom__scroll, .custom__scroll-p > p):hover::-webkit-scrollbar-thumb {visibility: visible;}
@supports not selector(::-webkit-scrollbar) {
	:where(.custom__scroll, .custom__scroll-p > p) {overflow-y: auto; scrollbar-width: thin; scrollbar-color: transparent transparent;}
	:where(.custom__scroll, .custom__scroll-p > p):hover {scrollbar-color: #EF233C80 #f5f5f5;}
}
/* media query */
 @media only screen and (max-width: 991px){
.head .content > :first-child {font-size: 24px;}
}
@media only screen and (max-width: 575px){
.head .content > :first-child {font-size: 20px;}
}


.product {padding-block:  0 20px;}
.product .wrapper {display: grid;  grid-template-columns: minmax(250px, 350px) minmax(555px, 600px) minmax(250px, 306px); gap:0 24px;}
.product .details {grid-row: 1 / 3;}
.product .product-images {grid-row: 1 / 2;}
.product .form {grid-row: 1 / 4;}
.product .categories  {grid-row: 3 / 4;}
.product .content {grid-row: 2 / 4;}
.th_quote_form { margin-top:0px!important; }
/* .product .details {grid-area: 1 / 1 / 2 / 2;}
.product .product-images {grid-area: 1 / 2 / 2 / 3;}
.product .form {grid-area: 1 / 3 / 4 / 4;}
.product .categories  {grid-area: 2 / 1 / 3 / 2;}
.product .content {grid-area: 2 / 2 / 3 / 3;} */
.product .details {width: 100%; height: fit-content; padding: 15px; border: 1px solid #dedbd3; margin-bottom: 20px; }
.product .details > :first-child {font-size: 20px; color: #d70000;font-weight:600; padding-bottom: 10px; border-bottom: 1px solid #dedbd3; margin-bottom: 8px;}
.product .details li:not(:last-child) {padding-bottom: 8px; border-bottom: 1px solid #dedbd3; margin-bottom: 8px;}
.product .details > img {max-width:258px; width: 100%; height: auto; margin-block: 10px 20px;}
.product .details a {color: black; margin-inline: auto;display:block;text-align:center;padding-top:20px}
.product .details a svg {margin-right:10px}
.product .details a strong {font-size: var(--fs-sm, 18px); color: #d70000; border-left: 1px solid #EF233C20; padding-left:10px;}
.product .categories > :first-child {display: block; padding: 12px 10px; border-bottom: solid 2px #c9c9c9; border-radius: 3px; background:#eee;}
.product .categories ul {margin-bottom:0;}
.product .categories li img {width:100%;}
.product .product-images .images {display: flex; align-items: center; gap: 14px; margin-bottom: 30px; justify-content:center;}
.product .product-images .images img {width: 100%; object-fit: cover; border:1px solid #eee;}
.product .product-images .images button {border:none;}
.product-images .carousel {width:100%;}
.product-images .carousel > a {display: block;}
.product-images .carousel img {width: 100%; height:450px; object-fit:contain;}
.product .content {max-height: 655px; overflow-y:auto; padding-right:16px;}
.product .content :where(h2) {color: #ff3802; font-size: 24px; margin-bottom: 1.25rem;}
.product .content :where(h3,h4,h5,h6) { color: #212529; font-size: 24px; margin-bottom: 0.75rem;}
.product .content :where(h3) {margin-bottom: 1rem;}
.product .content h2 {font-size: var(--fs-md, 24px);}
.product .content :where(p, ul) {margin-block: 15px;}
.product .content p {text-align: justify; margin-bottom: 1rem;}
.product .content strong:not(li strong) {display: block; margin-block: 15px;}
.product .content li {position: relative; padding-left: 16px;}
.product .content li::before {position: absolute; top: 11px; left: 0; width: 5px; height: 5px; background-color: #525d63; border-radius: 50%; content: '';}
.product .content li a { color:#ff3802; }
.product .form > a {margin-inline: auto; background:linear-gradient(#eb0000, #a70000 ); padding: 10px; font-size: 20px; height: 50px; color: #fff; margin-bottom: 20px;}
.product .modal {position: fixed; top: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background-color: rgba(0 0 0 / 0.3); z-index: 600;}  
.product .modal img {height:auto;}
.product .modal #close-btn {position: absolute; top: 2%; right: 2%; font-size: 40px; font-weight: 600;}

.spec-list{display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px;  padding-block: 28px 32px; border-block: 1px solid #DEDBD3;}
.spec-item{margin-inline: auto; text-align: center;}
.spec-item img{margin-bottom:10px;}


.th_review_sec label{color:#b41006;font-family: "Nunito700";font-size:25px;margin-top:20px;}
.th_review_sec .review_slider{margin:40px 0;}
.th_review_sec p{color:#525d63;}
.th_review_sec .th_item{ padding: 10px;width:100%;border:1px solid #dee2e6;}
.th_review_sec .th_item span i{color:#da5621;font-size:26px;}
.th_review_sec .th_item span small i{font-size:14px;color:#525d63;}
.th_review_sec .th_item b{font-size:20px;font-family: "Nunito700";text-transform:uppercase;color:#000;margin-top:8px;height:60px;width:100%;float:left;}
.th_review_sec .th_item p{white-space: normal;color: #747474;width:100%;font-size:14px;height:60px;transition:0.3s;overflow-y:scroll;padding-right: 10px;}
.th_review_sec .th_item .read_more a{color:#0275d8;}
.th_review_sec .th_item span{margin:8px 0;color:#525d63;font-family: "Nunito700";}
.th_review_sec .slick-slide{padding:0 10px;}
.th_review_sec .slick-prev{left:-13px;}
.th_review_sec .slick-arrow{top:50%;z-index: 999;background:#fff;border:solid 1px #525d63;}
.th_review_sec .slick-next:before{content:"›"}
.th_review_sec .slick-prev:before{content:"‹"}
.th_review_sec .slick-prev:before, .slick-next:before, 
.th_review_sec .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before{opacity:1;color:#525d63;font-size:42px;
  line-height:24px;}
.th_review_sec .slick-next{right:-72px;}
.bottom_content{height:598px;margin-top:20px;overflow:auto;padding-right:15px;} 
@media screen and (max-width: 767px){
  .th_review_sec .slick-prev {left: -7px;}
  .th_review_sec .slick-next {right: -66px;}
	}
	  @media screen and (max-width: 575px){
    .th_review_sec .th_item h5 {font-size: 16px;}
    .th_review_sec h4 {font-size: 20px;margin-top: 20px;}
    .th_review_sec .review_slider {margin: 20px 0;}
  }

 @media only screen and (max-width: 1200px) {
    .product .wrapper { grid-template-columns: 35% 1fr; gap: 16px;}
    .product .wrapper > * {grid-area: auto;}
    .product .details {width: 100%; grid-area: 1 / 1 / 2 / 2; margin-bottom: 0;}
    .product .product-images { grid-area: 1 / 1 / 2 / 3; }
    .product .form { grid-area: 2 / 2 / 3 / 3;}
    .product .content { grid-area: 3 / 1 / 4 / 3;  }
    
}

   @media only screen and (max-width: 991px) {
    .product .wrapper { display: flex; flex-direction: column; gap: 16px; align-items: center; width: 100%; }
    .product .product-images { order: 1; }
    .product .form { order: 2; width: 100%; }
    .product .details { order: 3; }
    .product .content { order: 4; }
    .product .categories { display: none; }
}


 @media only screen and (max-width: 575px){
    .product .form > a { width: 100%;}
	 .product .content {max-height: 500px}
	 .product .product-images .images {gap: 5px; width: 100%; margin: 0;}
    .product .product-images .images img{height: 66px; width: 100%; }
	 .product-images .carousel img {height:230px;}
	 .product .details > img {display: block; margin-inline: auto;}
	 .product .details > a {display: block; width: fit-content;}
 }