/* 
Theme Name: Our Solution Child 
Theme URI: -
Description: Our theme child 
Theme Author: 1234-kind
Author URI: https://ourbetatesting.my.id
Template: hello-elementor 
Version: 1.0.0
Text Domain: our-solution-child
License: GNU General Public License or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
*/
body{--contentLayout:1320px;--sspBlue:#1EB3DD;--f40:clamp(20px,5vw,40px);--l40:calc(var(--f40) + 10px);--f32:clamp(16px,2vw,32px);--l32:calc(var(--f32) + 10px);--f28:clamp(20px,2vw,28px);--l28:calc(var(--f28) + 10px);--f22:clamp(18px,2vw,22px);--l22:calc(var(--f22) + 10px);scroll-behavior:smooth}.has-caret>:where(.caret,.menu-link),.caret{--caretSize:6px;--margin:var(--caretSize) / 2;--color:#333333;&:after{content:'';display:block;width:var(--caretSize);height:var(--caretSize);border-bottom:2px solid var(--color);border-right:2px solid var(--color);rotate:45deg;margin-left:10px;transition:rotate .3s .1s,margin .2s,border-color 1s}}:is(.has-caret:not(.no-hover):hover,.active)>:where(.caret,.menu-link)::after,.caret.active:after{rotate:-135deg}.circleShape{--scale:1;border-radius:100%;scale:var(--scale)}:is(.baru,.terbaik){--img:url('/wp-content/uploads/2026/06/NEW-Badge-SSP.png');& div:nth-child(1):has(img)::before{content:'' !important;background:var(--img) no-repeat right top;background-size:15%;z-index:2;display:block;position:absolute;width:100%;height:100%}}.terbaik{--img:url('/wp-content/uploads/2026/06/best-choice-badge-SSP.png')}.arrow,.list-nav-link>a{--line:1px;--arrColor:var(--sspBlue);--size:15px;--deg:45deg;&:before{content:'';display:block;border:var(--line) solid transparent;border-top-color:var(--arrColor);border-right-color:var(--arrColor);aspect-ratio:1;width:var(--size);rotate:var(--deg);position:relative;margin-right:calc(var(--size) / 2)}&.left{rotate:180deg}}.spacer{&.vertical{width:4px;background-color:black;height:150%;align-self:center !important}}.anchorSite{anchor-name:--anchorSite;&+ .anchorItem{--overlap:0%;--r:0%;--l:0%;--t:0%;--b:0%;position-anchor:--anchorSite;position:absolute;z-index:1;inset:unset !important;&.overBottom{bottom:calc(anchor(bottom) + var(--overlap) + var(--b)) !important}&.overRight{right:calc(anchor(right) + var(--overlap) + var(--r)) !important}&.overTop{top:calc(anchor(top) + var(--overlap) + var(--t)) !important}&.overLeft{left:calc(anchor(left) + var(--overlap) + var(--l)) !important}&.onCenter{position-area:center}}}.btnItem{background-color:var(--sspBlue);padding-block:20px;padding-inline:50px 80px;font-size:40px;font-weight:600;border-radius:150px;color:white;line-height:100%}.boxFurniture{&:after{content:'';display:block;width:100%;height:70px;background:url('https://www.solusisuksespratama.com/wp-content/uploads/2026/02/block-furniture.avif') no-repeat;position:absolute;bottom:0}}.addressSSP{--img:url('/wp-content/uploads/2026/02/point-icon.svg');--icW:16px;--icH:20px;&>.nameAddress~div{font-size:20px;line-height:26px;margin-bottom:8px;display:grid;column-gap:11px;grid-template-columns:max-content auto;&:before{content:'';display:block;width:var(--icW);height:var(--icH);background:var(--img) no-repeat}}&>:nth-child(n){color:white}&>.nameAddress{font-size:32px;font-weight:700;line-height:100%}&>.callAddress{--img:url('/wp-content/uploads/2026/02/call-icon.svg')}&>.mailAddress{--img:url('/wp-content/uploads/2026/02/email-icon.svg');align-items:end}}li::marker{color:var(--sspBlue)}#site-header{height:150px;padding:0;position:relative;background-color:#FAFAFA;& img{object-fit:contain}}#site-footer{&>.container{display:grid;position:relative;margin:0 auto;background-color:var(--sspBlue);min-height:200px;grid-template-columns:min(100%,var(--contentLayout));justify-content:center;padding-top:66px;padding-inline:20px}& .row{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:space-between;gap:15px;&:nth-child(1){border-bottom:1px dashed white;padding-bottom:18px;&>.logoFooter{flex-basis:100%;height:max-content;margin-bottom:54px;&>img{width:min(391px,100%);filter:brightness(100);object-fit:contain}}}}& .footerPart>div:before{filter:brightness(100)}& :is(.footerAboutUs,.footerNewsPromo){& :is(.aboutUsName,.newsPromoName),& :is(.aboutUsList,.newsPromoList)>a{color:white}& :is(.aboutUsName,.newsPromoName){font-size:28px;font-weight:bold;line-height:100%;margin-bottom:10px}& :is(.aboutUsList,.newsPromoList){display:flex;flex-direction:column;row-gap:10px}}& .footerFollowUs{display:flex;flex-wrap:wrap;justify-content:space-between;flex-basis:100%;padding:36px 0 47px;& .followTxt{color:white;font-size:20px}& .followList{display:flex;flex-direction:row;column-gap:20px;align-items:end}}&>#copyright{text-align:center;padding:28px 0 16px;font-size:18px;color:white;background-color:#14A6D0}}#backToTop{--line:4px;--deg:315deg;--size:20px;width:66px;height:60px;background-color:white;position:fixed;bottom:0;right:20px;border-radius:20px 20px 0 0;display:grid;place-items:center;cursor:pointer;z-index:20;&:before{margin:unset}}#content>.page-content{.headingText{& h1,& h2{font-size:var(--f40);line-height:var(--l40);&>span{font-size:var(--f32);line-height:var(--l32)}}}}:is(#page-product,.contentArticle){& .product{&>:nth-child(2)>:nth-child(1 of :is(p,b,a)){font-size:var(--f28);& a{color:#575656}&:has(b){color:#575656}}& li::marker{color:inherit}& ul{padding-left:20px}}& .btnItem{--arrColor:white;--line:2px;--size:9px;font-size:var(--f22);font-weight:bold;line-height:var(--l22);padding:18px 55px 18px 26px;width:max-content;display:flex;flex-direction:row-reverse;align-items:center;cursor:pointer;&:before{height:var(--size)}&:after{content:'Lihat Produk Detail';color:white}}& .productContainer{display:flex;flex-wrap:wrap;justify-content:space-between;&.crown{&>:nth-child(-n + 2 of .product){flex-basis:calc(45% + (var(--column-gap) / 2))}&>:nth-child(n + 3 of .product){flex-basis:32%}&.reverse{&>:nth-last-child(-n + 2 of .product){flex-basis:calc(45% + (var(--column-gap) / 2))}&>:nth-last-child(n + 3 of .product){flex-basis:32%}}}&.squareDuo{&>:nth-child(n){flex-basis:calc(45% + (var(--column-gap) / 2))}}&.squareTrio{&>:nth-child(n){flex-basis:calc(30% + (var(--column-gap) / 2))}}&.solo{justify-content:center;&>:nth-child(n){flex-basis:calc(45% + (var(--column-gap) / 2))}}}}.contentArticle{& :is(h2,h3,h4,h5,h6,p,ol,ul){font-size:20px;font-weight:600;color:#57565680}& .boxContent{transition:height .5s;&>p,& li{font-weight:400}}& .btnItem{column-gap:28px;background-color:#57565666;&:after{content:"Baca Selengkapnya" !important}}}.e-con.e-grid .bottomPart{flex-direction:row;flex-wrap:wrap;justify-content:space-around;&>.leftSide{flex-basis:max-content}&>.rightSide{flex-basis:auto;justify-self:end}&>.bottomCol{width:max-content}& .needHelp,& .downloadTxt{font-size:var(--f32);color:var(--sspBlue);line-height:var(--l32);&>span{font-size:var(--f40);font-weight:600}}& .waBottomBtn,& .downloadBtn{--btnIcon:url('/wp-content/uploads/2026/02/wa-icon.svg');background-image:linear-gradient(90deg,rgba(8,150,95,1) 0%,rgba(0,128,78,1) 100%);display:flex;align-items:center;font-size:28px;gap:15px;color:white !important;cursor:pointer;&:before{content:'';display:block;background-image:var(--btnIcon);background-size:contain;width:43px;aspect-ratio:1}}& .downloadBtn{--btnIcon:url('/wp-content/uploads/2026/02/download-icon.svg');background-image:unset}}@media (width>768px){#site-header{&>.header-inner{display:grid;grid-template-columns:min(300px,25%) auto;max-width:var(--contentLayout);padding:20px;& .site-navigation{& :is(.menu,.menu>div){display:flex;flex-wrap:wrap}&>.menu{height:-webkit-fill-available;&>div{padding:0 clamp(10px,1.5vw,25px);height:inherit;align-content:center;font-size:clamp(16px,2vw,22px);cursor:pointer;&.active>a{--color:var(--sspBlue);color:var(--sspBlue)}& a{transition:color .5s}}& .menu-link{display:flex;align-items:center;position:relative;color:#575656}& .iproc-menu,& .search-products-menu{background:url('/wp-content/uploads/2026/05/logo-inaproc.avif') no-repeat;background-size:contain;background-position:center;&>a{color:transparent !important}}& .search-products-menu{background-image:url('/wp-content/uploads/2026/05/search-icon-ssp.svg');background-size:25px}}}}& .header-viewbox{width:100%;height:auto;background-color:white;position:absolute;z-index:-1;top:100%;padding-inline:20px;&>.header-viewbox-contents{position:relative;margin:0 auto;display:grid;grid-template-columns:auto;justify-items:center;&>div{width:min(var(--contentLayout),100%);display:none;grid-template-columns:auto;top:0;padding:35px 0;column-gap:60px;&:has(>:nth-child(3)){grid-template-columns:25% calc(75% - 60px)}&.select-active{display:grid}}& .name-cat-product,.name-viewbox,.list-nav-link>a{font-size:20px}& .name-viewbox{grid-column:1/-1;color:#57565680;margin-bottom:10px}& .name-cat-product{color:var(--sspBlue);font-weight:600}& .list-nav-link{padding-left:25px;margin:13px 0;&>a{--size:8px;--line:2px;--arrMove:-50px;--opacity:0;color:#575656;display:block;border-bottom:1px solid #57565666;padding:4px 0;position:relative;&:hover,&.select-active{--arrMove:0;--opacity:1;border-bottom-color:var(--sspBlue)}&:before{position:absolute;right:10px;top:calc(50% - ((var(--size) + var(--line)) / 2));translate:var(--arrMove) 0;opacity:var(--opacity);transition:translate .2s,opacity .2s}}}& .top-nav-link{display:grid;gap:33px;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));height:clamp(400px,35dvw,500px);&>.top-view-link{background-image:linear-gradient(0deg,var(--sspBlue) 0%,rgba(255,255,255,0) 100%);flex-grow:1;border-radius:20px;padding:25px 0;flex-direction:column;justify-content:end;height:min(500px,100%);position:relative;overflow:hidden}& .top-link-img{position:absolute;z-index:-1;object-fit:cover;height:100%;top:0;width:100%}& .top-cat-name,.top-item-name{--fontS:20px;color:#FAFAFA;font-size:var(--fontS);line-height:var(--fontS);padding-inline:27px}& .top-item-name{--fontS:32px;font-size:var(--fontS);line-height:var(--fontS)}& .arrow{--line:3px;background-color:white;aspect-ratio:1;max-width:63px;display:grid;place-items:center;margin-top:25px;margin-left:27px;&:before{border-radius:4px}}}& .top-view-link.show-up{display:flex}& :where(.top-view-link):not(.select-active){display:none}}}& .menuMobileIcon{display:none}.header-viewbox:has(.select-active),.header-viewbox:hover{z-index:9}}}@media (width<768px){#site-header{height:unset;min-height:150px;& .show-logo{margin:0 auto;width:200px;padding-top:30px;padding-bottom:10px}&>.header-viewbox{display:none}& .site-navigation{width:90%;margin:0 auto;display:grid;background-color:#efefef;margin-block:30px;&>.menu>div>.menu-link{padding-inline:10px}& .menu-link{display:flex;align-items:center;justify-content:space-between}& :is(.search-products-menu,.iproc-menu)>a{background:url('/wp-content/uploads/2026/05/search-icon-ssp.svg') no-repeat;background-position:center;color:transparent}& .iproc-menu>a{background-image:url('/wp-content/uploads/2026/05/logo-inaproc.avif');background-size:35%}}& .menuMobileIcon{display:grid;grid-template-columns:auto max-content;gap:20px;align-items:center;width:100%;grid-row:1/2;&:before{content:'Main Menu'}&>input{display:none}&>.menuLine{width:20px;aspect-ratio:1;background-color:#202020;position:relative;display:block;transition:clip-path .4s;clip-path:shape(from 0% 20%,line to 100% 20%,line to 100% 30%,line to 0% 30%,close,move to 0% 45%,line to 100% 45%,line to 100% 55%,line to 0% 55%,close,move to 0% 70%,line to 100% 70%,line to 100% 80%,line to 0% 80%,close)}&:has(input:checked)>.menuLine{clip-path:shape(from 10% 13%,line to 90% 77%,line to 90% 93%,line to 10% 28%,close,move to 52% 45%,line to 52% 45%,line to 52% 55%,line to 52% 55%,close,move to 10% 77%,line to 90% 13%,line to 90% 28%,line to 10% 93%,close)}}.view-side.nav-side,.list-nav-link{display:none}.menu-link.active + .view-side.nav-side,.name-cat-product.active + .list-nav-link{display:block}.force-show{display:block !important}& .ssp-menu-item .caret{display:flex;align-items:center;justify-content:space-between}& .list-nav-link>a{display:block;&:before{display:none}}& :is(.menu-link,.name-cat-product,.list-nav-link>a,.menuMobileIcon){padding:10px;border:1px solid #c0c0c0;border-spacing:0;border-collapse:collapse}& a{color:oklch(from var(--sspBlue) .6 c h)}}#content>.page-content{.headingText{--margin-top:0;&>div>[data-element_type="container"]{--padding-top:40px;--padding-bottom:30px;--padding-left:20px;--padding-right:20px;&>div{padding:0 15px 0 15px}& h2{text-align:center;margin-top:30px}}& h1,& h2{font-weight:800}}& .e-con.e-grid .bottomPart{padding-inline:15px;& .needHelp,& .downloadTxt{line-height:var(--l32);margin-bottom:15px;&>span{font-size:var(--f40)}}& .downloadTxt{font-size:var(--f40)}&>.bottomCol:has(.downloadTxt,.downloadBtn){justify-self:center}& a{font-size:var(--f28);padding-inline:40px;&:before{width:30px}}}}& .productContainer{&.crown,&.squareDuo,&.squareTrio,&.solo{&>:nth-child(n){flex-basis:min(100%,360px) !important;padding:20px 15px}}}:is(#page-product,.contentArticle){& .btnItem{align-self:center}}}