/* Reviewed /bdsd_dieu_khoan/ only; later CMS edits use the standard renderer. */
/* The source uses a synthesized italic from its regular Open Sans face. */
@font-face { font-family:"OneKids Terms Intro"; src:url('../fonts/opensans/OpenSans[wdth,wght].ttf') format('truetype'); font-style:normal; font-weight:400; font-display:swap; }
body:has(.okterms-page) { margin:0; padding:0; background:#fff; }
.okterms-page,.okterms-footer { font-family:"Open Sans",sans-serif; font-weight:400; }
.okterms-page { overflow:clip; color:#000; background:#fff; }
.okterms-document { position:relative; isolation:isolate; width:min(960px,100%); margin:0 auto; padding:9px 0 19.3125px; }
.okterms-title { position:relative; width:calc(100% + 1px); margin:0 auto; color:#cb6ce6; text-align:center; font-size:25px; font-weight:700; line-height:1.4; letter-spacing:0; }
.okterms-intro { position:relative; width:931px; max-width:calc(100% - 29px); margin:12px auto 27px; color:#000; text-align:center; font-family:"OneKids Terms Intro",sans-serif; font-size:15px; font-style:italic; line-height:1.6; }
.okterms-copy { position:relative; width:924px; max-width:calc(100% - 36px); margin-left:18px; color:#000; font-size:16px; line-height:2; text-align:justify; overflow-wrap:break-word; }
.okterms-clause { margin:0; padding:0; border:0; background:transparent; }
.okterms-clause h2 { margin:0; padding:0; color:inherit; font:700 16px/2 "Open Sans",sans-serif; letter-spacing:0; }
.okterms-clause span { font-weight:700; }
.okterms-clause--1 { position:relative; left:1.5px; width:921px; max-width:100%; }
.okterms-clause--4,.okterms-clause--5,.okterms-clause--6,.okterms-clause--7 { width:922px; max-width:100%; }
.okterms-clause--5 { margin-top:7.5px; }
.okterms-clause--6 { margin-top:13px; }
.okterms-clause--7 { position:relative; left:-2px; margin-top:12.5px; }
.okterms-art { position:absolute; inset:0; z-index:-1; pointer-events:none; }
.okterms-art img { position:absolute; top:43.5px; left:526.438px; width:445.261px; height:464px; max-width:none; opacity:.13; object-fit:cover; object-position:left top; }
.okterms-art span { position:absolute; display:block; background-repeat:no-repeat; background-size:100% 100%; }
.okterms-rings { top:20.5px; left:-101.875px; width:361px; height:361px; background-image:url('../onekids/privacy/rings.svg'); }
.okterms-dots { top:550px; left:606.002px; width:327.998px; height:328.5px; background-image:url('../onekids/privacy/dots.svg'); }
.okterms-payment { top:797.253px; left:-12.6305px; width:494.631px; height:438.064px; opacity:.09; background-image:url('../onekids/privacy/payment.svg'); }
.okterms-footer { color:#fff; background:#5271ff; }
.okterms-footer__inner { width:min(960px,calc(100% - 32px)); margin:auto; padding:35.097px 0 30.203125px; }
.okterms-footer h2 { margin:0; color:inherit; text-align:center; font:700 18px/1.4 "Open Sans",sans-serif; letter-spacing:0; }
.okterms-contacts { display:grid; grid-template-columns:356px 337px 223px; justify-content:space-between; gap:12px; margin-top:28.765625px; }
.okterms-contact { display:flex; align-items:flex-start; gap:11.45px; min-width:0; font-size:14px; line-height:1.4; }
.okterms-contact svg { flex:0 0 22.55px; width:22.55px; height:22.55px; color:#fff; fill:currentColor; }
.okterms-contact :where(p,a) { margin:0; color:inherit; font:inherit; text-decoration:none; overflow-wrap:anywhere; }
.okterms-contact:first-child p { position:relative; top:4px; }
.okterms-contact:nth-child(2) svg { position:relative; top:.71875px; }
.okterms-contact:nth-child(2) p { position:relative; top:2.71875px; }
.okterms-contact:last-child { gap:8.2007px; }
.okterms-contact:last-child svg { flex-basis:28.7993px; width:28.7993px; }
.okterms-contact:last-child a { position:relative; top:2px; }
.okterms-divider { margin-top:35px; border-top:1px solid #ffffff33; }
.okterms-contact a:focus-visible,.okterms-preview a:focus-visible { outline:2px solid currentColor; outline-offset:4px; }
.okterms-contact a:hover { text-decoration:underline; }
.okterms-copyright { margin:21.140625px 0 0; color:#ffffffe6; text-align:center; font-size:12px; line-height:1.2; }
.okterms-preview { font-family:"Open Sans",sans-serif; }
@media (min-width:1000px) {
  .okterms-footer h2 { width:471px; margin-left:329px; text-align:left; }
}
@media (max-width:999px) {
  .okterms-contacts { grid-template-columns:1.5fr 1.3fr 1fr; }
  .okterms-art img { left:auto; right:-12px; }
}
@media (max-width:767px) {
  /* Match the source's 420-unit mobile proportions without locking viewport zoom. */
  .okterms-page,.okterms-footer { --okterms-unit:calc(100vw / 420); }
  .okterms-document { padding:calc(6 * var(--okterms-unit)) 0 calc(10.25 * var(--okterms-unit)); }
  .okterms-title { width:auto; margin:0 calc(14 * var(--okterms-unit)) 0 calc(10 * var(--okterms-unit)); font-size:calc(18 * var(--okterms-unit)); }
  .okterms-intro { width:auto; max-width:none; margin:calc(5.4 * var(--okterms-unit)) calc(10 * var(--okterms-unit)) calc(4.6 * var(--okterms-unit)); font-size:calc(12 * var(--okterms-unit)); }
  .okterms-copy { width:auto; max-width:none; margin:0 calc(10 * var(--okterms-unit)); font-size:calc(14 * var(--okterms-unit)); line-height:1.6; }
  .okterms-clause h2 { font-size:calc(14 * var(--okterms-unit)); line-height:1.6; }
  .okterms-clause { width:auto; left:0; }
  .okterms-clause--1 { margin:0 calc(5 * var(--okterms-unit)); }
  .okterms-clause--2 { margin-top:calc(4.8 * var(--okterms-unit)); }
  .okterms-clause--3 { margin-top:calc(7.7 * var(--okterms-unit)); }
  .okterms-clause--4 { margin-top:calc(7.4 * var(--okterms-unit)); }
  .okterms-clause--5 { margin-top:calc(12.75 * var(--okterms-unit)); }
  .okterms-clause--6 { margin-top:calc(13.65 * var(--okterms-unit)); }
  .okterms-clause--7 { margin-top:calc(7.85 * var(--okterms-unit)); }
  .okterms-art img { top:calc(87 * var(--okterms-unit)); left:calc(221.5 * var(--okterms-unit)); right:auto; width:calc(273.376 * var(--okterms-unit)); height:calc(356 * var(--okterms-unit)); }
  .okterms-rings { top:calc(82 * var(--okterms-unit)); left:calc(-67.5 * var(--okterms-unit)); width:calc(257 * var(--okterms-unit)); height:calc(257 * var(--okterms-unit)); }
  .okterms-dots { top:calc(714 * var(--okterms-unit)); left:calc(5 * var(--okterms-unit)); width:calc(400 * var(--okterms-unit)); height:calc(400.615 * var(--okterms-unit)); }
  .okterms-payment { top:calc(2019.61 * var(--okterms-unit)); left:calc(10 * var(--okterms-unit)); width:calc(400 * var(--okterms-unit)); height:calc(354.256 * var(--okterms-unit)); }
  .okterms-footer__inner { width:100%; padding:calc(26 * var(--okterms-unit)) 0 calc(34.609375 * var(--okterms-unit)); }
  .okterms-footer h2 { width:calc(372 * var(--okterms-unit)); margin-left:calc(20 * var(--okterms-unit)); font-size:calc(18 * var(--okterms-unit)); }
  .okterms-contacts { display:block; width:calc(364 * var(--okterms-unit)); margin:calc(15.3125 * var(--okterms-unit)) 0 0 calc(44.5 * var(--okterms-unit)); }
  .okterms-contact { gap:calc(11.45 * var(--okterms-unit)); font-size:calc(14 * var(--okterms-unit)); }
  .okterms-contact + .okterms-contact { margin-top:calc(13.453125 * var(--okterms-unit)); }
  .okterms-contact:nth-child(2) { margin-top:calc(12.8875 * var(--okterms-unit)); }
  .okterms-contact svg { flex-basis:calc(22.5469 * var(--okterms-unit)); width:calc(22.5469 * var(--okterms-unit)); height:calc(22.5469 * var(--okterms-unit)); }
  .okterms-contact:first-child p { top:calc(4 * var(--okterms-unit)); }
  .okterms-contact:nth-child(2) svg { top:0; }
  .okterms-contact:nth-child(2) p,.okterms-contact:last-child a { top:calc(2 * var(--okterms-unit)); }
  .okterms-contact:last-child { gap:calc(8.2007 * var(--okterms-unit)); }
  .okterms-contact:last-child svg { position:relative; margin-left:calc(-3 * var(--okterms-unit)); flex-basis:calc(28.7993 * var(--okterms-unit)); width:calc(28.7993 * var(--okterms-unit)); }
  .okterms-divider { width:calc(379 * var(--okterms-unit)); margin:calc(31.6906 * var(--okterms-unit)) 0 0 calc(10 * var(--okterms-unit)); border-top-width:var(--okterms-unit); }
  .okterms-copyright { width:calc(390 * var(--okterms-unit)); margin:calc(15 * var(--okterms-unit)) 0 0 calc(11 * var(--okterms-unit)); font-size:calc(12 * var(--okterms-unit)); }
}