PH 5

About

.slick5 .prev.slick-arrow { position: absolute; top:48%; font-size: 25px; transform: scale(1,1.5); display: block; z-index: 1; left:1em; background:none; filter: brightness(0) invert(1); } .next.slick-arrow{ position: absolute; top: 48%; font-size: 25px; transform: scale(1,1.5); display: block; z-index: 1; left: auto; right: 1em; background: none; filter: brightness(0) invert(1); } .slick-slide:not(.slick-center){ opacity: 0.8 !important; } .slick-list:after { background:linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 0, 0, 0) 3%, rgba(255, 0, 0, 0) 97%, rgba(255, 255, 255, 1) 100%) !important; } h4 { padding-bottom:20px; text-align:center; } .model-name{ padding-left:0em; font-size:1.2em; color: #333; } .br_link{color:#7f9b4d; font-weight:bold;} .cthd_wrap{ overflow:hidden; } .cthd_txt { display:block; width: 60%; padding-top: 2%; padding-bottom:10px; margin-left: 0%; float:left; } .cthd_img{ margin-left:10px; margin-top:10px; display:block; width:37%; float:left; } .product_sub_txt { padding: 0 10px 20px; text-align: justify; line-height: 1.7; letter-spacing: 0.3px; } .product_sub_txt2 { padding: 24px 32px 20px; text-align: justify; line-height: 1.7; letter-spacing: 0.3px; } .scene-ttl{ font-size: 1.4em; margin: 20px 10px 10px; padding: 0 0 16px; font-weight: bold; text-align: left; } .btn_wrap { text-align: center; width: 100%; padding: 20px 0 40px; } .btn_wrap .btn { transition: all .3s linear; width: 270px; height: 50px; margin: 0 auto; position: relative; border: 1px solid #212121; display: inline-block; align-items: center; justify-content: center; display: flex; font-size: 14px; } .btn_wrap .btn:after { content: ''; width: 20px; height: 1px; background: #212121; display: block; position: absolute; right: 0; top: 50%; } .color-ttl{ font-size:11px; color: #333; margin:0 14px; margin: 12px 14px; text-align: center; line-height: 1.7; } .btn:hover { background: #649433; border-color:#fff; text-decoration:none!important; } .btn:hover .txt { color:#f