.elementor-3178 .elementor-element.elementor-element-c9b0fc5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3178 .elementor-element.elementor-element-606351d{text-align:center;}.elementor-3178 .elementor-element.elementor-element-606351d .elementor-heading-title{font-family:"Montserrat", Sans-serif;color:#222222;}.elementor-3178 .elementor-element.elementor-element-12391e0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3178 .elementor-element.elementor-element-b300e94 > .elementor-widget-container{margin:30px 0px 30px 0px;}.elementor-3178 .elementor-element.elementor-element-b300e94{font-family:"Montserrat", Sans-serif;font-size:18px;}.elementor-3178 .elementor-element.elementor-element-ec1a546{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-3178 .elementor-element.elementor-element-bf6e0a4{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-3178 .elementor-element.elementor-element-9fbbe69{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3178 .elementor-element.elementor-element-f6df0b4{--display:flex;}.elementor-3178 .elementor-element.elementor-element-94d8c7f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3178 .elementor-element.elementor-element-7502f42{--display:flex;}.elementor-3178 .elementor-element.elementor-element-e6bfdfe{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3178 .elementor-element.elementor-element-07eb363{--display:flex;}.elementor-3178 .elementor-element.elementor-element-c389680{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3178 .elementor-element.elementor-element-cfa2b5f{--display:flex;}.elementor-3178 .elementor-element.elementor-element-c82d23f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3178 .elementor-element.elementor-element-40ab07f{--display:flex;}.elementor-3178 .elementor-element.elementor-element-d85881f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3178 .elementor-element.elementor-element-5ba1c6a{--display:flex;}.elementor-3178 .elementor-element.elementor-element-7153cf0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3178 .elementor-element.elementor-element-2ea2ea6{--display:flex;}.elementor-3178 .elementor-element.elementor-element-3f65848{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3178 .elementor-element.elementor-element-82ae339{--display:flex;}.elementor-3178 .elementor-element.elementor-element-86c9bad{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3178 .elementor-element.elementor-element-96fe5c2{--n-accordion-title-font-size:1rem;--n-accordion-title-justify-content:initial;--n-accordion-title-flex-grow:initial;--n-accordion-item-title-space-between:25px;--n-accordion-item-title-distance-from-content:21px;--n-accordion-title-normal-color:#2F2440;--n-accordion-icon-size:15px;}.elementor-3178 .elementor-element.elementor-element-96fe5c2 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{background-color:#F3EEF8;border-style:none;}:where( .elementor-3178 .elementor-element.elementor-element-96fe5c2 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:"Montserrat", Sans-serif;}:where( .elementor-3178 .elementor-element.elementor-element-96fe5c2 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item ) > .e-con{border-style:none;}.elementor-3178 .elementor-element.elementor-element-917fb8c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3178 .elementor-element.elementor-element-74f2f5a{--display:flex;--position:absolute;--min-height:415px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;top:210px;--e-transform-origin-x:center;--e-transform-origin-y:center;}.elementor-3178 .elementor-element.elementor-element-74f2f5a:not(.elementor-motion-effects-element-type-background), .elementor-3178 .elementor-element.elementor-element-74f2f5a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://digital.web2social.gr/wp-content/uploads/2025/12/heart-scaled.png");background-position:center right;background-repeat:no-repeat;background-size:contain;}.elementor-3178 .elementor-element.elementor-element-74f2f5a.e-con{--align-self:flex-end;}body:not(.rtl) .elementor-3178 .elementor-element.elementor-element-74f2f5a{right:110px;}body.rtl .elementor-3178 .elementor-element.elementor-element-74f2f5a{left:110px;}.elementor-3178 .elementor-element.elementor-element-6d10926{--display:flex;--position:absolute;--min-height:415px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;top:744px;--e-transform-origin-x:center;--e-transform-origin-y:center;}.elementor-3178 .elementor-element.elementor-element-6d10926:not(.elementor-motion-effects-element-type-background), .elementor-3178 .elementor-element.elementor-element-6d10926 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://digital.web2social.gr/wp-content/uploads/2025/12/questionmark-scaled.png");background-position:center left;background-repeat:no-repeat;background-size:contain;}.elementor-3178 .elementor-element.elementor-element-6d10926.e-con{--align-self:flex-start;}body:not(.rtl) .elementor-3178 .elementor-element.elementor-element-6d10926{left:89px;}body.rtl .elementor-3178 .elementor-element.elementor-element-6d10926{right:89px;}.elementor-3178 .elementor-element.elementor-element-fac4fc6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3178 .elementor-element.elementor-element-a4491fa{--spacer-size:250px;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}@media(min-width:768px){.elementor-3178 .elementor-element.elementor-element-12391e0{--content-width:1200px;}.elementor-3178 .elementor-element.elementor-element-74f2f5a{--width:19%;}.elementor-3178 .elementor-element.elementor-element-6d10926{--width:23%;}}@media(max-width:1024px){.elementor-3178 .elementor-element.elementor-element-606351d > .elementor-widget-container{margin:180px 0px 0px 0px;}.elementor-3178 .elementor-element.elementor-element-b300e94 > .elementor-widget-container{margin:30px 20px 30px 20px;}}@media(max-width:767px){.elementor-3178 .elementor-element.elementor-element-c9b0fc5{--margin-top:130px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-3178 .elementor-element.elementor-element-606351d > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-3178 .elementor-element.elementor-element-b300e94 > .elementor-widget-container{margin:30px 10px 30px 10px;}.elementor-3178 .elementor-element.elementor-element-b300e94{font-size:14px;}}/* Start custom CSS for html, class: .elementor-element-69faea1 */.status-icons {
  display: flex;
  align-items: center;
  gap: 8px;
}

/* Signal */
.signal {
  width: 14px;
  height: 10px;
  background: linear-gradient(
    to right,
    #000 2px,
    transparent 2px,
    transparent 4px,
    #000 4px,
    #000 6px,
    transparent 6px,
    transparent 8px,
    #000 8px,
    #000 10px,
    transparent 10px,
    transparent 12px,
    #000 12px
  );
}

/* Battery */
.battery {
  width: 22px;
  height: 10px;
  border: 1.5px solid #000;
  border-radius: 2px;
  position: relative;
  box-sizing: border-box;
}

.battery::after {
  content: "";
  position: absolute;
  right: -3px;
  top: 2px;
  width: 2px;
  height: 6px;
  background: #000;
}

.battery-level {
  height: 100%;
  background: #000;
   animation: battery-fill 2.5s forwards ease-out;
  width: 20%;
  border-radius: 1px;
  display: block;
}

@keyframes battery-fill {
  to { width: 85%; }
}

.tablet-frame {
  padding-top: 36px;
}

.tablet-screen {
  height: 100%;
  overflow-y: auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bf6e0a4 */.tablet-status {
  height: 28px;
  margin-bottom: 12px;

  display: flex;
  align-items: center;
  justify-content: space-between;

  font-size: 13px;
  font-weight: 500;
  color: #000;

  padding: 0 12px;
  box-sizing: border-box;

  user-select: none;
}
@media (max-width: 480px) {
  .tablet-status {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-9caa0ff */.typing-indicator {
  font-size: 1.5rem;
  font-weight: 600;
  letter-spacing: 2px;
  display: inline-block;
}

.typing-indicator span {
  animation: blink 1.4s infinite both;
}

.typing-indicator span:nth-child(2) {
  animation-delay: .2s;
}

.typing-indicator span:nth-child(3) {
  animation-delay: .4s;
}

@keyframes blink {
  0% { opacity: .2; }
  20% { opacity: 1; }
  100% { opacity: .2; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d9013e6 */.typing-indicator {
  font-size: 1.5rem;
  font-weight: 600;
  letter-spacing: 2px;
  display: inline-block;
}

.typing-indicator span {
  animation: blink 1.4s infinite both;
}

.typing-indicator span:nth-child(2) {
  animation-delay: .2s;
}

.typing-indicator span:nth-child(3) {
  animation-delay: .4s;
}

@keyframes blink {
  0% { opacity: .2; }
  20% { opacity: 1; }
  100% { opacity: .2; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-9caa0ff */.typing-indicator {
  font-size: 1.5rem;
  font-weight: 600;
  letter-spacing: 2px;
  display: inline-block;
}

.typing-indicator span {
  animation: blink 1.4s infinite both;
}

.typing-indicator span:nth-child(2) {
  animation-delay: .2s;
}

.typing-indicator span:nth-child(3) {
  animation-delay: .4s;
}

@keyframes blink {
  0% { opacity: .2; }
  20% { opacity: 1; }
  100% { opacity: .2; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d9013e6 */.typing-indicator {
  font-size: 1.5rem;
  font-weight: 600;
  letter-spacing: 2px;
  display: inline-block;
}

.typing-indicator span {
  animation: blink 1.4s infinite both;
}

.typing-indicator span:nth-child(2) {
  animation-delay: .2s;
}

.typing-indicator span:nth-child(3) {
  animation-delay: .4s;
}

@keyframes blink {
  0% { opacity: .2; }
  20% { opacity: 1; }
  100% { opacity: .2; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-9caa0ff */.typing-indicator {
  font-size: 1.5rem;
  font-weight: 600;
  letter-spacing: 2px;
  display: inline-block;
}

.typing-indicator span {
  animation: blink 1.4s infinite both;
}

.typing-indicator span:nth-child(2) {
  animation-delay: .2s;
}

.typing-indicator span:nth-child(3) {
  animation-delay: .4s;
}

@keyframes blink {
  0% { opacity: .2; }
  20% { opacity: 1; }
  100% { opacity: .2; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d9013e6 */.typing-indicator {
  font-size: 1.5rem;
  font-weight: 600;
  letter-spacing: 2px;
  display: inline-block;
}

.typing-indicator span {
  animation: blink 1.4s infinite both;
}

.typing-indicator span:nth-child(2) {
  animation-delay: .2s;
}

.typing-indicator span:nth-child(3) {
  animation-delay: .4s;
}

@keyframes blink {
  0% { opacity: .2; }
  20% { opacity: 1; }
  100% { opacity: .2; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-9caa0ff */.typing-indicator {
  font-size: 1.5rem;
  font-weight: 600;
  letter-spacing: 2px;
  display: inline-block;
}

.typing-indicator span {
  animation: blink 1.4s infinite both;
}

.typing-indicator span:nth-child(2) {
  animation-delay: .2s;
}

.typing-indicator span:nth-child(3) {
  animation-delay: .4s;
}

@keyframes blink {
  0% { opacity: .2; }
  20% { opacity: 1; }
  100% { opacity: .2; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d9013e6 */.typing-indicator {
  font-size: 1.5rem;
  font-weight: 600;
  letter-spacing: 2px;
  display: inline-block;
}

.typing-indicator span {
  animation: blink 1.4s infinite both;
}

.typing-indicator span:nth-child(2) {
  animation-delay: .2s;
}

.typing-indicator span:nth-child(3) {
  animation-delay: .4s;
}

@keyframes blink {
  0% { opacity: .2; }
  20% { opacity: 1; }
  100% { opacity: .2; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-9caa0ff */.typing-indicator {
  font-size: 1.5rem;
  font-weight: 600;
  letter-spacing: 2px;
  display: inline-block;
}

.typing-indicator span {
  animation: blink 1.4s infinite both;
}

.typing-indicator span:nth-child(2) {
  animation-delay: .2s;
}

.typing-indicator span:nth-child(3) {
  animation-delay: .4s;
}

@keyframes blink {
  0% { opacity: .2; }
  20% { opacity: 1; }
  100% { opacity: .2; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d9013e6 */.typing-indicator {
  font-size: 1.5rem;
  font-weight: 600;
  letter-spacing: 2px;
  display: inline-block;
}

.typing-indicator span {
  animation: blink 1.4s infinite both;
}

.typing-indicator span:nth-child(2) {
  animation-delay: .2s;
}

.typing-indicator span:nth-child(3) {
  animation-delay: .4s;
}

@keyframes blink {
  0% { opacity: .2; }
  20% { opacity: 1; }
  100% { opacity: .2; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-9caa0ff */.typing-indicator {
  font-size: 1.5rem;
  font-weight: 600;
  letter-spacing: 2px;
  display: inline-block;
}

.typing-indicator span {
  animation: blink 1.4s infinite both;
}

.typing-indicator span:nth-child(2) {
  animation-delay: .2s;
}

.typing-indicator span:nth-child(3) {
  animation-delay: .4s;
}

@keyframes blink {
  0% { opacity: .2; }
  20% { opacity: 1; }
  100% { opacity: .2; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d9013e6 */.typing-indicator {
  font-size: 1.5rem;
  font-weight: 600;
  letter-spacing: 2px;
  display: inline-block;
}

.typing-indicator span {
  animation: blink 1.4s infinite both;
}

.typing-indicator span:nth-child(2) {
  animation-delay: .2s;
}

.typing-indicator span:nth-child(3) {
  animation-delay: .4s;
}

@keyframes blink {
  0% { opacity: .2; }
  20% { opacity: 1; }
  100% { opacity: .2; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-9caa0ff */.typing-indicator {
  font-size: 1.5rem;
  font-weight: 600;
  letter-spacing: 2px;
  display: inline-block;
}

.typing-indicator span {
  animation: blink 1.4s infinite both;
}

.typing-indicator span:nth-child(2) {
  animation-delay: .2s;
}

.typing-indicator span:nth-child(3) {
  animation-delay: .4s;
}

@keyframes blink {
  0% { opacity: .2; }
  20% { opacity: 1; }
  100% { opacity: .2; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d9013e6 */.typing-indicator {
  font-size: 1.5rem;
  font-weight: 600;
  letter-spacing: 2px;
  display: inline-block;
}

.typing-indicator span {
  animation: blink 1.4s infinite both;
}

.typing-indicator span:nth-child(2) {
  animation-delay: .2s;
}

.typing-indicator span:nth-child(3) {
  animation-delay: .4s;
}

@keyframes blink {
  0% { opacity: .2; }
  20% { opacity: 1; }
  100% { opacity: .2; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-9caa0ff */.typing-indicator {
  font-size: 1.5rem;
  font-weight: 600;
  letter-spacing: 2px;
  display: inline-block;
}

.typing-indicator span {
  animation: blink 1.4s infinite both;
}

.typing-indicator span:nth-child(2) {
  animation-delay: .2s;
}

.typing-indicator span:nth-child(3) {
  animation-delay: .4s;
}

@keyframes blink {
  0% { opacity: .2; }
  20% { opacity: 1; }
  100% { opacity: .2; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d9013e6 */.typing-indicator {
  font-size: 1.5rem;
  font-weight: 600;
  letter-spacing: 2px;
  display: inline-block;
}

.typing-indicator span {
  animation: blink 1.4s infinite both;
}

.typing-indicator span:nth-child(2) {
  animation-delay: .2s;
}

.typing-indicator span:nth-child(3) {
  animation-delay: .4s;
}

@keyframes blink {
  0% { opacity: .2; }
  20% { opacity: 1; }
  100% { opacity: .2; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-9caa0ff */.typing-indicator {
  font-size: 1.5rem;
  font-weight: 600;
  letter-spacing: 2px;
  display: inline-block;
}

.typing-indicator span {
  animation: blink 1.4s infinite both;
}

.typing-indicator span:nth-child(2) {
  animation-delay: .2s;
}

.typing-indicator span:nth-child(3) {
  animation-delay: .4s;
}

@keyframes blink {
  0% { opacity: .2; }
  20% { opacity: 1; }
  100% { opacity: .2; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d9013e6 */.typing-indicator {
  font-size: 1.5rem;
  font-weight: 600;
  letter-spacing: 2px;
  display: inline-block;
}

.typing-indicator span {
  animation: blink 1.4s infinite both;
}

.typing-indicator span:nth-child(2) {
  animation-delay: .2s;
}

.typing-indicator span:nth-child(3) {
  animation-delay: .4s;
}

@keyframes blink {
  0% { opacity: .2; }
  20% { opacity: 1; }
  100% { opacity: .2; }
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-96fe5c2 */.e-n-accordion-item-title {
  background: #FFF6E8;
  border-radius: 22px;
  padding: 16px 20px 16px 70px;
  max-width: 100%;
  position: relative;
}

.e-n-accordion-item-title::before {
  content: "";
      background: url(/wp-content/uploads/2025/12/icons8-girl-48.png);
    width: 45px;
    height: 45px;
  border-radius: 50%;
  
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
}

.elementor-tab-content {
  background: #FFF4E5;
  border-radius: 22px;
  padding: 18px 70px 18px 20px;
  max-width: 100%;
  margin-left: auto;
  position: relative;
}

.elementor-tab-content::after {
  content: "";
  
  background: url(/wp-content/uploads/2025/12/icons8-girl-48-1.png);
    width: 45px;
    height: 45px;
  border-radius: 50%;
  position: absolute;
  right: 14px;
  top: 18px;
}

#e-n-accordion-item-1584 .e-n-accordion-item-title::before{
  content: "";

  background: url(/wp-content/uploads/2025/12/icons8-boy-48.png);
    width: 45px;
    height: 45px;
  border-radius: 50%;
  position: absolute;
  right: 14px;
  top: 18px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ec1a546 */.accordion-answer {
  white-space: pre-wrap;
}

.type-cursor {
  display: inline-block;
  width: 1ch;
  animation: blinkCursor 1s infinite;
}

@keyframes blinkCursor {
  0%, 50% { opacity: 1; }
  50.01%, 100% { opacity: 0; }
}



.tablet-frame {
  width: 620px;
  max-width: 90vw;
  height: 720px;

  margin: 0 auto;
  padding: 60px 24px;

  background: #fff;
  border: 14px solid #1f1f1f;
  border-radius: 38px;

  box-shadow: 0 30px 70px rgba(0,0,0,0.35);
  box-sizing: border-box;

  position: relative;
}
.tablet-screen {
  height: 100%;
  overflow-y: auto;

  background: #fafafa;
  border-radius: 18px;

  padding: 20px;
  box-sizing: border-box;
}
.tablet-screen::-webkit-scrollbar {
  width: 6px;
}

.tablet-screen::-webkit-scrollbar-thumb {
  background: rgba(0,0,0,0.25);
  border-radius: 10px;
}

.tablet-screen {
  scrollbar-width: thin;
}

@media (max-width: 480px) {
.tablet-frame {
  width: 90%;
  max-width: 90vw;
  height: 520px;

  margin: 0 auto;
  padding: 20px 24px;

  background: #fff;
  border: 14px solid #1f1f1f;
  border-radius: 38px;

  box-shadow: 0 30px 70px rgba(0,0,0,0.35);
  box-sizing: border-box;

  position: relative;
}
}
.tablet-section {
  position: relative;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-74f2f5a */body:not(.rtl) .elementor-3178 .elementor-element.elementor-element-74f2f5a{width:80%;}/* End custom CSS */