html[lang=id] body,html[lang=id] body :where(main,section,article,aside,nav,header,footer,div,h1,h2,h3,h4,h5,h6,p,a,li,small,summary,label,span,strong,b,td,th,button,input,select,textarea){font-family:Poppins,Arial,sans-serif!important;letter-spacing:normal!important}
html[lang=id] body{line-height:1.7}
html[lang=id] :is(h1,h2,h3){line-height:1.35;overflow-wrap:break-word}
html[lang=id] .site-head nav>a{white-space:nowrap}
html[lang=id] .head-cta{font-size:14px!important}
html[lang=id] .es1-selector a[lang=ar]{direction:rtl}
@media(min-width:1280px){html[lang=id] body .site-head>nav:has(.es1-selector){gap:13px!important}html[lang=id] body .site-head>nav:has(.es1-selector)>a{font-size:13px!important}}
@media(min-width:1600px){html[lang=id] body .site-head>nav:has(.es1-selector){gap:22px!important}html[lang=id] body .site-head>nav:has(.es1-selector)>a{font-size:14px!important}}
@media(max-width:767px){html[lang=id] h1{font-size:30px!important}html[lang=id] h2{font-size:25px!important}}
@media(min-width:1280px) and (max-width:1499px){
 html[lang=id] body .site-head{grid-template-columns:1fr auto!important;row-gap:12px!important;height:auto!important;min-height:130px;padding-block:12px!important}
 html[lang=id] body .site-head>.brand{grid-column:1!important;grid-row:1!important}
 html[lang=id] body .site-head>.head-cta{grid-column:2!important;grid-row:1!important}
 html[lang=id] body .site-head>nav{grid-column:1 / -1!important;grid-row:2!important;width:100%;padding-bottom:5px!important}
}

