* {box-sizing: border-box; font-family: 'Titillium Web', Arial, sans-serif; outline: none; -webkit-tap-highlight-color: transparent;} html {font-size: 10px;} html.zoom2 {font-size: 10.5px;} html.zoom4 {font-size: 11px;} body {margin: 0;} #sh135-temp h1, #sh135-temp h2, #sh135-temp h3, #sh135-temp h4, #sh135-temp h5, #sh135-temp h6, #sh135-temp li, #sh135-temp p, #sh135-temp ul {margin: 0; padding: 0; font-weight: normal; line-height: 1.5;} #sh135-temp a {text-decoration: none;} #sh135-temp button {cursor: pointer;} #sh135-temp ul {list-style: none;} #sh135-temp img {width: auto; max-width: 100%; height: auto; border: none;} #sh135-temp textarea {resize: none;} #sh135-temp {position: relative; margin-right: auto; margin-left: auto; background-color: #F2F4F8;} #sh135-temp .container-box {width: 100%; max-width: 1430px; margin-right: auto; margin-left: auto; padding-right: 75px; padding-left: 75px;} #sh135-temp .owl-stage {display: flex; gap: 16px; padding-right: 0 !important; padding-left: 0 !important;} #sh135-temp .owl-stage .owl-item {flex: 1;} #sh135-temp .owl-dots {display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 16px; padding-right: 15px;} #sh135-temp .owl-dots .owl-dot {width: 24px; height: 24px; background: #DEDEDE; border: 2px solid #306EE8; border-radius: 50%; transition: opacity .3s, background-color .3s, border-color .3s;} #sh135-temp .owl-dots .owl-dot:not(.active):hover {opacity: 0.7;} #sh135-temp .owl-dots .owl-dot.active {background: #306EE8; cursor: default;} #sh135-temp .btn-magenta {overflow: hidden; position: relative; z-index: 2; display: flex; align-items: center; justify-content: center; width: max-content; padding: 8px 48px; background-color: #E2007A; color: #FFF; text-align: center; border: 1px solid #E2007A; border-radius: 150px; transition: background-color .3s, color .3s, border-color .3s;} #sh135-temp .btn-magenta:hover {background-color: #AA036C; color: #FFF; border-color: #AA036C;} #sh135-temp .btn-white {overflow: hidden; position: relative; z-index: 2; display: flex; align-items: center; justify-content: center; width: max-content; padding: 8px 48px; background-color: #FFF; color: #E2007A; text-align: center; border: 1px solid #FFF; border-radius: 150px; transition: background-color .3s, color .3s, border-color .3s;} #sh135-temp .btn-white:hover {background-color: #E2007A; color: #FFF; border-color: #E2007A;} #sh135-temp .uppercase {text-transform: uppercase;} #sh135-temp .bold {font-weight: bold;} #sh135-temp .semibold {font-weight: 600;} #sh135-temp .thin {font-weight: 300;} #sh135-temp .magenta {color: #E2007A;} #sh135-temp .blue-msp {color: #306EE8;} #sh135-temp .teal {color: #008285;} .slick-next:before {content: '';} .slick-prev:before {content: '';} #SH135-CONTENT {min-width: 320px;} #sh135-temp .f-12 {font-size: 1.2rem;} #sh135-temp .f-14 {font-size: 1.4rem;} #sh135-temp .f-16 {font-size: 1.6rem;} #sh135-temp .f-18 {font-size: 1.8rem;} #sh135-temp .f-20 {font-size: 2.0rem;} #sh135-temp .f-22 {font-size: 2.2rem;} #sh135-temp .f-24 {font-size: 2.4rem;} #sh135-temp .f-26 {font-size: 2.6rem;} #sh135-temp .f-28 {font-size: 2.8rem;} #sh135-temp .f-30 {font-size: 3.0rem;} #sh135-temp .f-32 {font-size: 3.2rem;} #sh135-temp .f-34 {font-size: 3.4rem;} #sh135-temp .f-36 {font-size: 3.6rem;} #sh135-temp .f-38 {font-size: 3.8rem;} #sh135-temp .f-40 {font-size: 4.0rem;} #sh135-temp .f-48 {font-size: 4.8rem;} #sh135-temp .f-50 {font-size: 5.0rem;} #sh135-temp .f-60 {font-size: 6.0rem;} #sh135-temp .f-68 {font-size: 6.8rem;} #sh135-temp .f-70 {font-size: 7.0rem;} #sh135-temp .section-banner-top {position: relative; background-color: #306EE8;} #sh135-temp .section-banner-top .decoration-img {position: absolute; top: 0; right: 0; z-index: 2; display: block; width: auto; height: auto; max-width: 200px; max-height: 60%;} #sh135-temp .section-banner-top .inner-box {position: relative; z-index: 2; display: flex; align-items: center; gap: 24px;} #sh135-temp .section-banner-top .inner-box .img {display: block; width: auto; max-width: 650px; height: auto;} #sh135-temp .section-banner-top .inner-box .img.img-contrast {display: none;} #sh135-temp .section-banner-top .inner-box .text-box {display: flex; flex-direction: column; gap: 36px; color: #FFF; padding: 16px 0;} #sh135-temp .section-banner-top .inner-box .text-box .page-title {line-height: 1.2; max-width: 675px;} #sh135-temp .section-banner-top .inner-box .text-box .banner-text {line-height: 1.2; max-width: 600px;} #sh135-temp .section-banner-top .inner-box .text-box .btn-banner {display: block; margin-right: auto;} #sh135-temp .section-articles {position: relative;} #sh135-temp .section-articles .articles-wrapper {position: relative; padding-top: 64px; padding-bottom: 64px;} #sh135-temp .section-articles .articles-wrapper .decoration-img {display: block; position: absolute; width: 100%; height: auto; z-index: 1;} #sh135-temp .section-articles .articles-wrapper .decoration-img-1 {max-width: 285px; top: 80px; left: 100px;} #sh135-temp .section-articles .articles-wrapper .decoration-img-2 {max-width: 160px; bottom: 100px; right: 15px;} #sh135-temp .section-articles .articles-wrapper .grid-box {display: grid; grid-template-columns: repeat(2, 1fr); gap: 64px; justify-content: space-between;} #sh135-temp .section-articles .articles-wrapper .grid-box .single-article {display: grid; grid-template-columns: 260px auto; gap: 48px; align-items: center; position: relative; z-index: 2;} #sh135-temp .section-articles .articles-wrapper .grid-box .single-article .img-box {position: relative; z-index: 1; display: flex; align-items: center; color: #000; text-decoration: none;} #sh135-temp .section-articles .articles-wrapper .grid-box .single-article .img-box::before {content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 2; display: block; opacity: 0; background-color: #FFF; border-radius: 16px; transition: opacity .3s;} #sh135-temp .section-articles .articles-wrapper .grid-box .single-article .img-box:hover::before {opacity: 0.7;} #sh135-temp .section-articles .articles-wrapper .grid-box .single-article .img-box::after {content: url('data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'64\' height=\'38\' viewBox=\'0 0 75 44\' fill=\'none\'%3E%3Crect x=\'-0.78125\' y=\'0.78125\' width=\'73.4375\' height=\'42.1875\' rx=\'21.0938\' transform=\'matrix(-1 0 0 1 73.4375 0)\' fill=\'white\'/%3E%3Crect x=\'-0.78125\' y=\'0.78125\' width=\'73.4375\' height=\'42.1875\' rx=\'21.0938\' transform=\'matrix(-1 0 0 1 73.4375 0)\' stroke=\'%23808080\' stroke-width=\'1.5625\'/%3E%3Cpath fill-rule=\'evenodd\' clip-rule=\'evenodd\' d=\'M36.75 11.75C31.5723 11.75 27.375 15.9473 27.375 21.125C27.375 26.3027 31.5723 30.5 36.75 30.5C41.9277 30.5 46.125 26.3027 46.125 21.125C46.125 15.9473 41.9277 11.75 36.75 11.75ZM25.125 21.125C25.125 14.7047 30.3297 9.5 36.75 9.5C43.1703 9.5 48.375 14.7047 48.375 21.125C48.375 27.5453 43.1703 32.75 36.75 32.75C30.3297 32.75 25.125 27.5453 25.125 21.125Z\' fill=\'%23757575\'/%3E%3Cpath fill-rule=\'evenodd\' clip-rule=\'evenodd\' d=\'M43.4545 27.8295C43.8939 27.3902 44.6061 27.3902 45.0454 27.8295L49.5454 32.3295C49.9848 32.7689 49.9848 33.4811 49.5454 33.9204C49.1061 34.3598 48.3939 34.3598 47.9545 33.9204L43.4545 29.4204C43.0152 28.9811 43.0152 28.2689 43.4545 27.8295Z\' fill=\'%23757575\'/%3E%3Cpath fill-rule=\'evenodd\' clip-rule=\'evenodd\' d=\'M31.875 21.125C31.875 20.5037 32.3787 20 33 20H40.5C41.1213 20 41.625 20.5037 41.625 21.125C41.625 21.7463 41.1213 22.25 40.5 22.25H33C32.3787 22.25 31.875 21.7463 31.875 21.125Z\' fill=\'%23757575\'/%3E%3Cpath fill-rule=\'evenodd\' clip-rule=\'evenodd\' d=\'M36.75 16.25C37.3713 16.25 37.875 16.7537 37.875 17.375V24.875C37.875 25.4963 37.3713 26 36.75 26C36.1287 26 35.625 25.4963 35.625 24.875V17.375C35.625 16.7537 36.1287 16.25 36.75 16.25Z\' fill=\'%23757575\'/%3E%3C/svg%3E'); position: absolute; top: 50%; left: 50%; z-index: 3; transform: translate(-50%, -50%); display: block; opacity: 0; transition: opacity .3s;} #sh135-temp .section-articles .articles-wrapper .grid-box .single-article .img-box:hover::after {opacity: 1;} #sh135-temp .section-articles .articles-wrapper .grid-box .single-article .img-box .img {display: block; height: auto; width: 100%; max-width: 260px; filter: drop-shadow(4px 6px 16px rgba(39, 59, 98, 0.16));} #sh135-temp .section-articles .articles-wrapper .grid-box .single-article .info-box {display: flex; flex-direction: column; gap: 24px; min-height: 180px;} #sh135-temp .section-articles .articles-wrapper .grid-box .single-article .info-box .info-heading-icon {display: block; min-width: 64px; max-width: 64px; height: auto;} #sh135-temp .section-articles .articles-wrapper .grid-box .single-article .info-box .info-heading-text {max-width: 300px; line-height: 1.35;} #sh135-temp .section-how-to-order {position: relative; padding-bottom: 64px;} #sh135-temp .section-how-to-order .section-heading {margin-bottom: 32px;} #sh135-temp .section-how-to-order .info-box {display: grid; grid-template-columns: 315px auto; align-items: center; gap: 48px;} #sh135-temp .section-how-to-order .info-box .img {display: block; width: 100%; max-width: 290px; height: auto; margin: 0 auto;} #sh135-temp .section-how-to-order .info-box .info-content {display: flex; flex-direction: column; gap: 16px;} #sh135-temp .section-how-to-order .info-box .info-content .content-box {position: relative;} #sh135-temp .section-how-to-order .info-box .info-content .content-box.content-top {padding: 16px;} #sh135-temp .section-how-to-order .info-box .info-content .content-box.content-bottom {display: grid; grid-template-columns: auto max-content; align-items: flex-end; gap: 32px; row-gap: 0; padding: 24px; background-color: #FFF; border-radius: 24px;} #sh135-temp .section-how-to-order .info-box .info-content .content-box .content-heading {grid-column: 1/-1; margin-bottom: 16px; line-height: 1.2;} #sh135-temp .section-how-to-order .info-box .info-content .content-box.content-bottom .single-btn {max-height: max-content;} #sh135-temp .section-how-to-order .info-box .info-content .content-box .content-links {display: flex; flex-wrap: wrap; align-items: center; column-gap: 16px; row-gap: 16px;} #sh135-temp .section-how-to-order .info-box .info-content .content-box .content-links .single-link {display: grid; grid-template-columns: 15px auto; align-items: center; gap: 8px; padding: 8px 16px 8px 8px; color: #000; text-decoration: none; border: 1px solid #E2007A; border-radius: 250px; transition: background-color .3s, color .3s, border-color .3s;} #sh135-temp .section-how-to-order .info-box .info-content .content-box .content-links .single-link:hover {background-color: #E2007A; color: #FFF;} #sh135-temp .section-how-to-order .info-box .info-content .content-box .content-links .single-link .icon {display: block; width: 100%; max-width: 16px; height: auto;} #sh135-temp .section-how-to-order .info-box .info-content .content-box .content-links .single-link .icon path {transition: fill .3s;} #sh135-temp .section-how-to-order .info-box .info-content .content-box .content-links .single-link:hover .icon path {fill: #FFF;} #sh135-temp .section-how-to-order .info-box .info-content .content-box .content-links .single-link .link-text {display: block; padding-bottom: 1px; line-height: 1.2;} #sh135-temp .section-how-to-order .info-box .info-content .content-box .content-list {display: flex; flex-direction: column; gap: 8px;} #sh135-temp .section-how-to-order .info-box .info-content .content-box .content-list .list-item {display: flex; align-items: center; gap: 24px;} #sh135-temp .section-how-to-order .info-box .info-content .content-box .content-list .list-item .item-iterator {line-height: 1;} #sh135-temp .section-how-to-order .info-box .info-content .content-box .content-list .list-item .item-text {line-height: 1.2;} #sh135-temp .section-white-banner {position: relative; padding-bottom: 48px;} #sh135-temp .section-white-banner .banner-box {display: grid; grid-template-columns: 76px 1fr; align-items: center; gap: 32px; padding: 24px; background-color: #FFF; box-shadow: 0 4px 8px rgba(36, 36, 36, 0.03); border: 1px solid #306EE8; border-radius: 32px;} #sh135-temp .section-white-banner .banner-box .heading-icon {display: block; width: 100%; max-width: 76px; height: auto;} #sh135-temp .section-white-banner .banner-box .banner-content {display: flex; flex-direction: column; gap: 8px;} #sh135-temp .section-white-banner .banner-box .banner-content .banner-heading {line-height: 1.2;} #sh135-temp .section-white-banner .banner-box .banner-content .single-link {display: flex; align-items: center; gap: 8px; max-width: max-content; color: #000; text-decoration: none;} #sh135-temp .section-white-banner .banner-box .banner-content .single-link .icon {display: block; min-width: 16px; max-width: 16px; height: auto; transition: transform .3s;} #sh135-temp .section-white-banner .banner-box .banner-content .single-link:hover .icon {transform: translateX(-4px);} #sh135-temp .section-white-banner .banner-box .banner-content .single-link .link-text {color: #000; line-height: 1.2; transition: color .3s;} #sh135-temp .section-white-banner .banner-box .banner-content .single-link:hover .link-text {color: #E2007A;} #sh135-temp .section-scrolling-widget {min-height: 120px; padding-bottom: 64px;} #sh135-temp .section-scrolling-widget .widget-box {position: relative; left: 50%; transform: translateX(-50%); width: calc(100vw - 17px); padding: 8px 16px; background: rgb(48, 110, 232); background: -moz-linear-gradient(180deg, rgba(48, 110, 232, 1) 0%, rgba(27, 62, 130, 1) 100%); background: -webkit-linear-gradient(180deg, rgba(48, 110, 232, 1) 0%, rgba(27, 62, 130, 1) 100%); background: linear-gradient(180deg, rgba(48, 110, 232, 1) 0%, rgba(27, 62, 130, 1) 100%);} #sh135-temp .section-scrolling-widget.positioned .widget-box {position: fixed; bottom: 0; left: 50%; z-index: 999; transform: translateX(-50%); width: 100%;} #sh135-temp .section-scrolling-widget .widget-box .widget-text {color: #FFF; line-height: 1.2;} #sh135-temp .section-scrolling-widget .widget-box .container-box {display: grid; grid-template-columns: auto max-content; align-items: center; gap: 32px;} #sh135-temp .popup-articles-zoom {position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 9999999; display: none; align-items: center; justify-content: center; padding: 15px; background-color: rgba(0, 0, 0, 0.7);} #sh135-temp .popup-articles-zoom.active {display: flex;} #sh135-temp .popup-articles-zoom .inner-box {position: relative; width: 100%; max-width: 675px; height: auto; max-height: 100%; padding: 48px 24px 16px 24px;} #sh135-temp .popup-articles-zoom .inner-box .close-popup-icon {position: absolute; top: 8px; right: 8px; display: block; width: 36px; height: auto; cursor: pointer;} #sh135-temp .popup-articles-zoom .inner-box .close-popup-icon path {transition: fill .3s;} #sh135-temp .popup-articles-zoom .inner-box .close-popup-icon:hover path {fill: #E2007A;} #sh135-temp .popup-articles-zoom .inner-box .top-slider {margin-bottom: 16px;} #sh135-temp .popup-articles-zoom .inner-box .top-slider .img {display: block; width: auto; max-width: 100%; height: auto; max-height: calc(70vh - 48px); margin: 0 auto;} #sh135-temp .popup-articles-zoom .inner-box .bottom-slider .img {display: block; width: auto; max-width: 100%; height: calc(25vh - 48px); max-height: 100%; margin: 0 auto; cursor: pointer;} #sh135-temp .popup-articles-zoom .inner-box .bottom-slider .slick-current .img {border: 3px solid #E2007A; border-radius: 16px;} #sh135-temp .popup-articles-zoom .slick-arrow svg {transform: translateY(-75%);} #sh135-temp .popup-articles-zoom .slick-arrow svg path {transition: stroke .3s;} #sh135-temp .popup-articles-zoom .slick-arrow svg:hover path {stroke: #E2007A;} .contrast #sh135-temp .owl-dots .owl-dot {border-color: #FFE800 !important;} .contrast #sh135-temp .owl-dots .owl-dot.active {background: #FFE800 !important;} .contrast #sh135-temp .section-banner-top .semibold {color: #FFE800 !important;} .contrast #sh135-temp .btn-magenta {background-color: #000 !important; color: #FFE800 !important; border: 1px solid #FFE800 !important;} .contrast #sh135-temp .btn-magenta:hover {background-color: #FFE800 !important; color: #000 !important; border-color: #FFE800 !important;} .contrast #sh135-temp .btn-white {background-color: #000 !important; color: #FFE800 !important; border: 1px solid #FFE800 !important;} .contrast #sh135-temp .btn-white:hover {background-color: #FFE800 !important; color: #000 !important; border-color: #FFE800 !important;} .contrast #sh135-temp .section-banner-top .decoration-img {display: none;} .contrast #sh135-temp .section-banner-top .inner-box .img {display: none;} .contrast #sh135-temp .section-banner-top .inner-box .img.img-contrast {display: block;} .contrast #sh135-temp .section-articles .articles-wrapper .grid-box .single-article .info-box .info-heading-icon circle {fill: #FFE800 !important;} .contrast #sh135-temp .section-articles .articles-wrapper .grid-box .single-article .info-box .info-heading-icon path {fill: #000 !important;} .contrast #sh135-temp .section-how-to-order .info-box .info-content .content-box .content-links .single-link {border-color: #FFE800 !important;} .contrast #sh135-temp .section-how-to-order .info-box .info-content .content-box .content-links .single-link:hover {background-color: #FFE800 !important;} .contrast #sh135-temp .section-how-to-order .info-box .info-content .content-box .content-links .single-link .icon {background: transparent !important;} .contrast #sh135-temp .section-how-to-order .info-box .info-content .content-box .content-links .single-link .icon path {fill: #FFE800 !important;} .contrast #sh135-temp .section-how-to-order .info-box .info-content .content-box .content-links .single-link:hover .icon path {fill: #000 !important;} .contrast #sh135-temp .section-how-to-order .info-box .info-content .content-box .content-links .single-link .link-text {background: transparent !important;} .contrast #sh135-temp .section-how-to-order .info-box .info-content .content-box .content-links .single-link:hover .link-text {color: #000 !important;} .contrast #sh135-temp .section-how-to-order .info-box .info-content .content-box.content-bottom {border: 1px solid #FFF;} .contrast #sh135-temp .section-how-to-order .info-box .info-content .content-box .content-list .list-item .item-iterator {color: #FFE800 !important;} .contrast #sh135-temp .section-how-to-order .info-box .info-content .content-box .content-list .semibold {color: #FFE800 !important;} .contrast #sh135-temp .section-white-banner .banner-box {border-color: #FFE800 !important;} .contrast #sh135-temp .section-white-banner .banner-box .banner-content .banner-heading {color: #FFE800 !important;} .contrast #sh135-temp .section-white-banner .banner-box .heading-icon path {fill: #FFE800 !important;} .contrast #sh135-temp .section-white-banner .banner-box .banner-content .single-link .icon {background: transparent !important;} .contrast #sh135-temp .section-white-banner .banner-box .banner-content .single-link .icon path {fill: #FFE800 !important;} .contrast #sh135-temp .section-white-banner .banner-box .banner-content .single-link:hover .link-text {color: #FFE800 !important;} .contrast #sh135-temp .section-scrolling-widget .widget-box {background: #000 !important; border: 2px solid #FFE800 !important;} @media all and (max-width: 1600px) { html.zoom-x2 {font-size: 10.5px !important;} html.zoom-x4 {font-size: 11px !important;} #sh135-temp .f-18 {font-size: 1.6rem;} #sh135-temp .f-20 {font-size: 1.8rem;} #sh135-temp .f-22 {font-size: 1.8rem;} #sh135-temp .f-24 {font-size: 2.0rem;} #sh135-temp .f-26 {font-size: 2.2rem;} #sh135-temp .f-28 {font-size: 2.4rem;} #sh135-temp .f-30 {font-size: 2.6rem;} #sh135-temp .f-32 {font-size: 2.8rem;} #sh135-temp .f-34 {font-size: 3.0rem;} #sh135-temp .f-36 {font-size: 3.2rem;} #sh135-temp .f-38 {font-size: 3.4rem;} #sh135-temp .f-40 {font-size: 3.6rem;} #sh135-temp .f-48 {font-size: 3.6rem;} #sh135-temp .f-50 {font-size: 4.0rem;} #sh135-temp .f-60 {font-size: 5.0rem;} #sh135-temp .f-70 {font-size: 6.0rem;} #sh135-temp .section-banner-top .inner-box .img {max-width: 475px;} #sh135-temp .section-banner-top .inner-box .text-box {gap: 16px;} #sh135-temp .section-articles .articles-wrapper {padding-top: 48px; padding-bottom: 48px;} #sh135-temp .section-articles .articles-wrapper .decoration-img-1 {left: 15px; top: 48px; max-width: 250px;} #sh135-temp .section-articles .articles-wrapper .decoration-img-2 {bottom: 48px; max-width: 125px;} #sh135-temp .section-articles .articles-wrapper .grid-box {gap: 48px;} #sh135-temp .section-articles .articles-wrapper .grid-box .single-article {grid-template-columns: 175px auto; gap: 24px;} #sh135-temp .section-articles .articles-wrapper .grid-box .single-article .info-box {gap: 16px; min-height: 170px;} #sh135-temp .section-articles .articles-wrapper .grid-box .single-article .info-box .info-heading-icon {min-width: 54px; max-width: 54px;} #sh135-temp .section-how-to-order {padding-bottom: 48px;} #sh135-temp .section-how-to-order .section-heading {margin-bottom: 24px;} #sh135-temp .section-how-to-order .info-box {grid-template-columns: 250px auto; gap: 24px;} #sh135-temp .section-how-to-order .info-box .info-content {gap: 8px;} #sh135-temp .section-how-to-order .info-box .info-content .content-box.content-bottom {padding: 16px;} #sh135-temp .section-how-to-order .info-box .info-content .content-box .content-links {column-gap: 16px;} #sh135-temp .section-how-to-order .info-box .info-content .content-box .content-links .single-link {grid-template-columns: 12px auto; gap: 6px; padding: 4px 12px 4px 8px;} #sh135-temp .section-how-to-order .info-box .info-content .content-box .content-list .list-item {gap: 16px;} #sh135-temp .section-white-banner {padding-bottom: 32px;} #sh135-temp .section-white-banner .banner-box {grid-template-columns: 64px 1fr; gap: 24px; padding: 16px;} #sh135-temp .section-scrolling-widget {padding-bottom: 48px;} #sh135-temp .section-scrolling-widget .widget-box {padding: 12px 8px;} #sh135-temp .section-scrolling-widget .widget-box .container-box {grid-template-columns: auto max-content; gap: 16px;} } @media all and (max-width: 1400px) { #sh135-temp .section-banner-top .inner-box {gap: 16px;} #sh135-temp .section-banner-top .inner-box .img {max-width: 375px;} } @media all and (max-width: 1200px) { #sh135-temp .section-banner-top .decoration-img {display: none;} #sh135-temp .section-banner-top .inner-box {gap: 8px;} #sh135-temp .section-banner-top .inner-box .img {max-width: 300px;} } @media all and (max-width: 992px) { #sh135-temp .f-24 {font-size: 1.8rem;} #sh135-temp .f-26 {font-size: 2.0rem;} #sh135-temp .f-28 {font-size: 2.2rem;} #sh135-temp .f-30 {font-size: 2.4rem;} #sh135-temp .f-32 {font-size: 2.6rem;} #sh135-temp .f-34 {font-size: 2.8rem;} #sh135-temp .f-36 {font-size: 3.0rem;} #sh135-temp .f-38 {font-size: 3.2rem;} #sh135-temp .f-40 {font-size: 3.4rem;} #sh135-temp .f-48 {font-size: 3.4rem;} #sh135-temp .f-50 {font-size: 3.8rem;} #sh135-temp .f-60 {font-size: 4.8rem;} #sh135-temp .f-70 {font-size: 5.8rem;} #sh135-temp .container-box {padding-right: 15px; padding-left: 15px;} #sh135-temp .section-articles .articles-wrapper .decoration-img-1 {max-width: 225px;} #sh135-temp .section-articles .articles-wrapper .decoration-img-2 {max-width: 100px;} #sh135-temp .section-articles .articles-wrapper .grid-box {gap: 24px;} #sh135-temp .section-articles .articles-wrapper .grid-box .single-article {gap: 16px; grid-template-columns: 150px auto;} #sh135-temp .section-articles .articles-wrapper .grid-box .single-article .info-box {gap: 8px; min-height: auto;} #sh135-temp .section-articles .articles-wrapper .grid-box .single-article .info-box .info-heading-icon {min-width: 48px; max-width: 48px;} #sh135-temp .section-how-to-order .info-box {grid-template-columns: 1fr; gap: 16px;} #sh135-temp .section-how-to-order .info-box .img {max-width: 200px; margin-left: 0;} #sh135-temp .section-how-to-order .info-box .info-content .content-box.content-bottom {grid-template-columns: 1fr;} #sh135-temp .section-how-to-order .info-box .info-content .content-box.content-bottom .single-btn {margin-top: 16px;} } @media all and (max-width: 768px) { #sh135-temp .section-banner-top .inner-box {flex-direction: column-reverse; gap: 0;} #sh135-temp .section-banner-top .inner-box .img {max-width: 350px;} #sh135-temp .section-banner-top .inner-box .text-box {max-width: 590px; text-align: center;} #sh135-temp .section-banner-top .inner-box .text-box .btn-banner {margin: 0 auto; padding: 8px 24px;} #sh135-temp .section-articles .articles-wrapper {padding-top: 0; padding-bottom: 48px;} #sh135-temp .section-articles .articles-wrapper .owl-stage-outer {padding-top: 48px;} #sh135-temp .section-articles .articles-wrapper .decoration-img {display: none;} #sh135-temp .section-articles .articles-wrapper .grid-box {display: flex; flex-direction: column;} #sh135-temp .section-articles .articles-wrapper .grid-box .single-article {display: flex; flex-direction: column; max-width: max-content; margin: 0 auto;} #sh135-temp .section-articles .articles-wrapper .grid-box .single-article .img-box {max-width: 175px;} #sh135-temp .section-articles .articles-wrapper .grid-box .single-article .info-box .info-heading-icon {position: absolute; top: -16px; right: 48px; z-index: 2;} #sh135-temp .section-articles .articles-wrapper .grid-box .single-article .info-box .info-heading-text {text-align: center;} #sh135-temp .section-how-to-order .section-heading {text-align: center;} #sh135-temp .section-how-to-order .info-box .img {margin-left: auto;} #sh135-temp .section-how-to-order .info-box .info-content .content-box.content-top {margin-bottom: 24px; padding: 0;} #sh135-temp .section-how-to-order .info-box .info-content .content-box.content-bottom .single-btn {margin-right: auto; margin-left: auto;} #sh135-temp .section-how-to-order .info-box .info-content .content-box .content-heading {text-align: center;} #sh135-temp .section-how-to-order .info-box .info-content .content-box .content-links {justify-content: center;} #sh135-temp .section-white-banner .banner-box {grid-template-columns: 1fr; justify-content: center; gap: 8px;} #sh135-temp .section-white-banner .banner-box .heading-icon {max-width: 48px; margin: 0 auto;} #sh135-temp .section-white-banner .banner-box .banner-content .banner-heading {text-align: center;} #sh135-temp .section-white-banner .banner-box .banner-content .single-link {margin: 0 auto;} #sh135-temp .section-scrolling-widget .widget-box {padding: 8px 10px;} #sh135-temp .section-scrolling-widget.positioned .widget-box {bottom: 0; left: 0; right: 0; transform: translateX(0); border-bottom: none;} #sh135-temp .section-scrolling-widget .widget-box .widget-text {text-align: center;} #sh135-temp .section-scrolling-widget .widget-box .widget-link {margin: 0 auto;} #sh135-temp .section-scrolling-widget .widget-box .container-box {grid-template-columns: 1fr; gap: 8px;} } @media all and (max-width: 576px) { #sh135-temp .f-28 {font-size: 2.0rem;} #sh135-temp .f-30 {font-size: 2.2rem;} #sh135-temp .f-32 {font-size: 2.4rem;} #sh135-temp .f-34 {font-size: 2.6rem;} #sh135-temp .f-36 {font-size: 2.8rem;} #sh135-temp .f-38 {font-size: 2.8rem;} #sh135-temp .f-40 {font-size: 3.2rem;} #sh135-temp .f-48 {font-size: 3.2rem;} #sh135-temp .f-50 {font-size: 3.6rem;} #sh135-temp .f-60 {font-size: 4.6rem;} #sh135-temp .f-70 {font-size: 5.6rem;} #sh135-temp .section-banner-top .inner-box .img {max-width: 100%;} #sh135-temp .section-banner-top .inner-box .text-box .page-title {font-size: 2.6rem;} #sh135-temp .section-banner-top .inner-box .text-box .btn-banner {padding: 8px 16px;} } @media all and (max-width: 359px) { #sh135-temp .section-scrolling-widget .widget-box {left: -15px; transform: translateX(0); width: calc(100vw + 30px);} #sh135-temp .section-scrolling-widget .widget-box .widget-link {width: 100%; max-width: 100%; padding: 8px;} }