/* product main sec styling */
.product_main .wrapper {display: grid;grid-template-columns: repeat(2,1fr);gap: 40px;}
.product_main .wrapper > :nth-child(1) > h2 {color: #282828;font-size: 36px;font-weight: 600;text-align: center;margin-bottom: 9px;}
.product_main .scroll {overflow: hidden; overflow-y: auto; scrollbar-width: thin; scrollbar-color: transparent transparent; margin-bottom: 40px;}
.product_main .wrapper > :nth-child(1) p {max-height: 72px; color: #282828;text-align: center; padding-right: 20px;line-height: 24px;}
.product_main .scroll:hover {scrollbar-color: #24C66D #e9e9e9;}
.product_main .wrapper > :nth-child(1) > div > :nth-child(1) img {border-radius: 18px;height: 473px;width: 100%;object-fit: cover;}
.product_main .wrapper > :nth-child(1) > div > :nth-child(2) .slider {padding-block: 10px;padding-inline: 5px;}
.product_main .wrapper > :nth-child(1) > div > :nth-child(2) .slider-card img {
box-shadow: 0px 0px 15px 10px rgba(0, 0, 0, 0.05);cursor: pointer;height: 126px;object-fit: cover;}

.product_main .wrapper .slider-wrapper {padding-inline: 25px;}
.product_main .slider-arrow {padding-inline: 0;}
.product_main .slider-arrow.prev {left: 0;}
.product_main .slider-arrow.next {right: 0;}


/* product trusted sec styling */
.product_trusted {margin-block: 90px 90px;}
.product_trusted .wrapper > ul {display: flex;gap: 11px;align-items: center;margin-bottom: 40px;}
.product_trusted .wrapper > ul li {width: 25%;}
.product_trusted .wrapper > ul li > img {width: 100%;height: 120px;}

.product_trusted .wrapper > div {display: flex;align-items: center;justify-content: center;gap: 11px;}
.product_trusted .wrapper > div > a {display: flex;align-items: center;height: 118px;width: 100%;justify-content: center;border-radius: 8px;}
.product_trusted .wrapper > div > a:nth-child(1) {border: 2px solid #24C66D;max-width: 384px;}
.product_trusted .wrapper > div > a:nth-child(1) > img {width: 86px;height: 68px;object-fit: contain;margin-left: 12px;}
.product_trusted .wrapper > div > a:nth-child(1) > div > span:nth-child(1) {color: #282828;font-size: 24px;font-weight: 600;text-align: center;display: block;}
.product_trusted .wrapper > div > a:nth-child(1) > div > span:nth-child(2) {color: #24C66D;font-size: 28px;font-weight: 700;display: block;}
.product_trusted .wrapper > div > a:nth-child(2) {background-color: #24C66D;max-width: 395px;color: #fff;text-align: center;}
.product_trusted .wrapper > div > a:nth-child(2) > div > span:nth-child(1) {font-size: 24px;font-weight: 600;display: block;}
.product_trusted .wrapper > div > a:nth-child(2) > div > span:nth-child(2) {font-weight: 700;font-size: 28px;}

/* services sec styling */
.services_sec {background-color: #2D4C62;border-radius: 40px;padding-block: 48px 57px;}
.services_sec .wrapper {display: grid;grid-template-columns: repeat(6,1fr);column-gap: 15px;}
.services_sec .wrapper > li {text-align: center;}
.services_sec .wrapper > li > img {width: 120px;height: 120px;object-fit: contain;margin-bottom: 16px;}
.services_sec .wrapper > li > span {display: block;color: #fff;font-weight: 600;text-wrap: nowrap;}

/* nav tab custom styling */
.tab-nav {display: flex;list-style: none;padding: 0;margin: 0 0 10px 0;}
.tab-nav li {padding: 10px 20px;background: #eee;cursor: pointer;margin-right: 5px;border-radius: 4px 4px 0 0;}
.tab-nav li.active {background: #ccc;font-weight: bold;}
.tab-pane {display: none;padding: 10px;}
#tab1-2 { max-height: 768px; overflow: hidden; overflow-y: auto; scrollbar-width: thin; scrollbar-color: transparent transparent;}
#tab1-2:hover {scrollbar-color: #24C66D #e9e9e9;}
.tab-pane.active {display: block;}
/* end */
/* product brief sec styling */
.product_brief {margin-block: 100px 80px;}
.product_brief .tabs {background-color: #ECF1F5;border-radius: 50px;}
.product_brief .tab-content {max-width: 1290px;width: 100%;margin-inline: auto;margin-top: 45px;border-bottom: 1px solid #000;padding-bottom: 70px;}
.product_brief .tab-nav {line-height: 61px;max-width: 1290px;width: 100%;margin-inline: auto;}
.product_brief .tab-nav li {background-color: transparent;font-weight: 600;color: #282828;font-size: 24px;padding: 0;margin-inline: 20px;}
.product_brief .tab-nav li.active {color: #24C66D;border-bottom: 3px solid #24C66D;}

.product_brief .tab-content h2 {color: #282828;font-size: 36px;font-weight: 600;margin-bottom: 45px;}
.product_brief .tab-pane:nth-child(1) table {width: 100%;table-layout: fixed;border-collapse: separate;border-spacing: 7px 8px;}
.product_brief .tab-pane:nth-child(1) table tr > th,
.product_brief .tab-pane:nth-child(1) table tr > td {height: 68px;line-height: 68px;}
.product_brief .tab-pane:nth-child(1) table tr > th {background-color: #24C66D;color: #fff;font-weight: 600;font-size: 24px;}
.product_brief .tab-pane:nth-child(1) table tr > td {background-color: #F0F0F0;font-size: 18px;}
.product_brief .tab-pane:nth-child(1) table tr > :first-child {width: 266px;padding-left: 40px;text-align: left;}
.product_brief .tab-pane:nth-child(1) table tr > td:first-child {font-weight: 600;color: #333333;}
.product_brief .tab-pane:nth-child(1) table tr > :last-child {text-align: left;padding-left: 30px;}

.product_brief .tab-pane:nth-child(2) > h3 {color: #333333;font-size: 18px;font-weight: 600;margin-bottom: 10px;}
.product_brief .tab-pane:nth-child(2) > p {color: #575757;font-size: 18px;margin-bottom: 15px;line-height: 26px;}
.product_brief .tab-pane:nth-child(2) > ul {margin-bottom: 1rem;}
.product_brief .tab-pane:nth-child(2) > ul li {list-style-position: inside;list-style-type: disc;color: #575757;margin-bottom: 8px;}

.product_brief .tab-pane:nth-child(3) > ul {display: grid;grid-template-columns: repeat(3,1fr);gap: 30px;}
.product_brief .tab-pane:nth-child(3) > ul li {color: #282828;font-weight: 600;font-size: 24px;}
.product_brief .tab-pane:nth-child(3) > ul li > img {margin-bottom: 18px;width: 100%;object-fit: cover;height: 278px;}

.product_brief .tab-pane:nth-child(4) > ul,
.product_brief .tab-pane:nth-child(5) > ul,
.product_brief .tab-pane:nth-child(7) > ul {display: grid;grid-template-columns: repeat(4,1fr);gap: 25px;}
.product_brief .tab-pane:nth-child(4) > ul li,
.product_brief .tab-pane:nth-child(5) > ul li,
.product_brief .tab-pane:nth-child(7) > ul li {color: #282828;font-weight: 600;font-size: 24px;}
.product_brief .tab-pane:nth-child(4) > ul li > img,
.product_brief .tab-pane:nth-child(5) > ul li > img,
.product_brief .tab-pane:nth-child(7) > ul li > img {margin-bottom: 18px;width: 100%;object-fit: cover;height: 278px;}

/* print boxes section styling */
.print_boxes {margin-top: 100px;}
.detail_print_boxes {padding-block: 0;}
.print_boxes .wrapper > :nth-child(1) {display: flex;justify-content: space-between;align-items: center;margin-bottom: 35px;}
.print_boxes .wrapper > :nth-child(1) > h2 {font-weight: 600;font-size: 36px;color: #282828;}
.print_boxes .wrapper > :nth-child(1) > a {background-color: #282828;border-radius: 3px;height: 55px;width: 100%;max-width: 223px;line-height: 55px;color: #fff;font-weight: 600;font-size: 18px;text-align: center;}
.print_boxes .wrapper > :nth-child(2) {display: grid;grid-template-columns: repeat(4, 1fr);gap: 30px;}
.print_boxes .wrapper > :nth-child(2) > div {background-color: #fff;padding: 18px 18px 25px 18px;box-shadow: 0px 0px 15px 10px rgba(0, 0, 0, 0.05);border-radius: 16px;}
.print_boxes .wrapper > :nth-child(2) > div > img {border: 1px solid #D9D9D9;border-radius: 18px;margin-bottom: 14px;width: 100%;height: 256px;object-fit: cover;}
.print_boxes .wrapper > :nth-child(2) > div > h3 {color: #000;font-weight: 600;font-size: 24px;line-height: 30px;margin-bottom: 6px;}
.print_boxes .wrapper > :nth-child(2) > div > p {color: #5A5A63;font-size: 14px;line-height: 22px;margin-bottom: 14px;}
.print_boxes .wrapper > :nth-child(2) > div > a {border: 1px solid #24C66D;border-radius: 3px;height: 55px;line-height: 55px;text-align: center;width: 100%;color: #24C66D;font-weight: 600;font-size: 18px;transition: 1s all;}
.print_boxes .wrapper > :nth-child(2) > div > a:hover {background-color: #24C66D;color: #fff;}

@media only screen and (max-width:1200px) {
    /* services sec */
    .services_sec .wrapper > li > img {width: 90px;height: 90px;}
    .services_sec .wrapper > li > span {text-wrap: wrap;}
    /* product brief sec */
    .product_brief .tab-nav {line-height: unset;}
    .product_brief .tab-nav li {font-size: 20px;padding-block: 10px;}
}
@media only screen and (max-width:991px) {
    /* product main sec */
    .product_main .wrapper {grid-template-columns: repeat(1,1fr);}
    .product_main .wrapper > :nth-child(1) > div > :nth-child(1) img {max-width: 90%;margin-bottom: 20px;margin-inline: auto;display: block;}
    /* product trusted sec */
    .product_trusted .wrapper > ul {flex-wrap: wrap;justify-content: center;}
    .product_trusted .wrapper > ul li {width: unset;}
    .product_trusted .wrapper > ul li > img {width: 300px;object-fit: contain;}
    .product_trusted .wrapper > div > a:nth-child(1) > div > span:nth-child(1),
    .product_trusted .wrapper > div > a:nth-child(2) > div > span:nth-child(1) {font-size: 22px;}
    .product_trusted .wrapper > div > a:nth-child(1) > div > span:nth-child(2),
    .product_trusted .wrapper > div > a:nth-child(2) > div > span:nth-child(2) {font-size: 26px;}
    .product_trusted .wrapper > div > a:nth-child(1) > img {width: 75px;height: 60px;}
    /* product brief sec */
    .product_brief .tab-nav {flex-wrap: wrap;}
    .product_brief .tab-content h2 {font-size: 30px;}
    .product_brief .tab-pane:nth-child(1) table tr > th {font-size: 20px;padding-block: 5px;}
    .product_brief .tab-pane:nth-child(1) table tr > th, .product_brief .tab-pane:nth-child(1) table tr > td {height: 50px;line-height: unset;}
    .product_brief .tab-pane:nth-child(4) > ul, .product_brief .tab-pane:nth-child(5) > ul, .product_brief .tab-pane:nth-child(7) > ul {grid-template-columns: repeat(3,1fr);}

    /* print boxes */
    .print_boxes {margin-top: 60px;padding-block:45px 300px;}
    .print_boxes .wrapper {max-width: 750px;margin-inline: auto;}
    .print_boxes .wrapper > :nth-child(2) {grid-template-columns: repeat(2, 1fr);}
    .print_boxes .wrapper > :nth-child(1) > h2 {font-size: 30px;}
    .print_boxes .wrapper > :nth-child(1) > a {font-size: 16px;}
}
@media only screen and (max-width:767px) {
    /* product trusted sec */
    .product_trusted .wrapper > div {flex-direction: column;}
    /* services sec */
    .services_sec .wrapper {grid-template-columns: repeat(3,1fr);row-gap: 15px;}
    /* product brief sec */
    .product_brief .tab-pane:nth-child(3) > ul {grid-template-columns: repeat(2,1fr);}
    .product_brief .tab-pane:nth-child(4) > ul, .product_brief .tab-pane:nth-child(5) > ul, .product_brief .tab-pane:nth-child(7) > ul {grid-template-columns: repeat(2,1fr);}

}
@media only screen and (max-width:575px) {
    /* services sec */
    .services_sec .wrapper {grid-template-columns: repeat(2,1fr);}
    /* product brief sec */
    .product_brief .tab-nav li {font-size: 18px;}
    .product_brief .tab-content h2 {font-size: 26px;margin-bottom: 25px;}
    .product_brief .tab-pane:nth-child(1) table tr > :first-child {width: 200px;}
    .product_brief .tab-pane:nth-child(2) > h3 {font-size: 16px;}
    .product_brief .tab-pane:nth-child(2) > p {font-size: 16px;}
    .product_brief .tab-pane:nth-child(3) > ul {grid-template-columns: repeat(1,1fr);}
    .product_brief .tab-pane:nth-child(3) > ul li {font-size: 22px;}
    .product_brief .tab-pane:nth-child(4) > ul, .product_brief .tab-pane:nth-child(5) > ul, .product_brief .tab-pane:nth-child(7) > ul {grid-template-columns: repeat(1,1fr);}
    .product_brief .tab-pane:nth-child(4) > ul li, .product_brief .tab-pane:nth-child(5) > ul li, .product_brief .tab-pane:nth-child(7) > ul li {font-size: 22px;}
    /* print boxes */
    .print_boxes .wrapper > :nth-child(1) > h2 {font-size: 26px;}
    .print_boxes .wrapper > :nth-child(2) {grid-template-columns: repeat(1,1fr);}
    .print_boxes .wrapper > :nth-child(2) > div > img {height: 390px;object-fit: contain;}
}