.guten-6wJGIb.layout-boxed > .guten-container { max-width: 1140px; } .guten-element.guten-6wJGIb { padding-top: 60px; padding-right: 0px; padding-bottom: 100px; padding-left: 0px; } @media only screen and (max-width: 1024px) { .guten-element.guten-6wJGIb { padding-top: 60px; padding-right: 10px; padding-bottom: 0px; padding-left: 10px; } } @media only screen and (max-width: 767px) { .guten-element.guten-6wJGIb { padding-top: 40px; padding-right: 10px; padding-bottom: 100px; padding-left: 10px; } }.guten-ny5Ge0 { width: 100%; order: 1;  } @media only screen and (max-width: 1024px) { .guten-ny5Ge0 { width: 100%; } }.guten-uJfHqK { text-align: center;  } h1.guten-element.guten-uJfHqK, h2.guten-element.guten-uJfHqK, h3.guten-element.guten-uJfHqK, h4.guten-element.guten-uJfHqK, h5.guten-element.guten-uJfHqK, h6.guten-element.guten-uJfHqK { color: rgba(255, 255, 255, 1); font-family: "Tajawal"; font-size: 50px; font-weight: 800; line-height: 1.1em;  overflow-wrap: break-word; word-break: break-word; } @media only screen and (max-width: 1024px) { .guten-uJfHqK { text-align: left; } h1.guten-element.guten-uJfHqK, h2.guten-element.guten-uJfHqK, h3.guten-element.guten-uJfHqK, h4.guten-element.guten-uJfHqK, h5.guten-element.guten-uJfHqK, h6.guten-element.guten-uJfHqK { font-size: 74px; } .guten-element.guten-uJfHqK { margin-top: 0px; } } @media only screen and (max-width: 767px) { .guten-uJfHqK { text-align: center; } h1.guten-element.guten-uJfHqK, h2.guten-element.guten-uJfHqK, h3.guten-element.guten-uJfHqK, h4.guten-element.guten-uJfHqK, h5.guten-element.guten-uJfHqK, h6.guten-element.guten-uJfHqK { font-size: 36px; } }.guten-vs1T8Y { columns: 1; text-align: right; color: rgba(91, 90, 103, 1); font-family: "Tajawal"; font-size: 18px; font-weight: 400; line-height: 1.5em;  display: inline-block; animation-delay: 0.2s; } .guten-element.guten-vs1T8Y { margin-bottom: 20px; } @media only screen and (max-width: 1024px) { .guten-vs1T8Y { text-align: left; font-size: 18px; } .guten-element.guten-vs1T8Y { margin-bottom: 40px; } } @media only screen and (max-width: 767px) { .guten-vs1T8Y { font-size: 16px;  display: inline-block; } .guten-element.guten-vs1T8Y { padding-right: 0px; } }.guten-h9peDI.layout-boxed > .guten-container { max-width: 1140px; } section.guten-element.guten-h9peDI > .guten-container > .guten-column > .sticky-wrapper > .guten-column-wrapper, section.guten-element.guten-h9peDI > .guten-container > .guten-column > .guten-column-wrapper { align-content: center; align-items: center; }.guten-f8lo3h { width: 50%; order: 1;  } .guten-f8lo3h > .sticky-wrapper > .guten-column-wrapper, .guten-f8lo3h > .guten-column-wrapper { margin-left: 20px; } @media only screen and (max-width: 1024px) { .guten-f8lo3h { width: 50%; } }.guten-xLf0VX { width: 50%; order: 1;  } @media only screen and (max-width: 1024px) { .guten-xLf0VX { width: 50%; } } @media only screen and (max-width: 767px) { .guten-xLf0VX > .sticky-wrapper > .guten-column-wrapper, .guten-xLf0VX > .guten-column-wrapper { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } }.guten-l0WpMQ .progress-group .progress-skill-bar .skill-bar { background-color: rgba(248, 248, 248, 1); height: 15px; margin-bottom: 20px; } .guten-l0WpMQ .progress-group .progress-skill-bar .skill-bar .skill-track { background-color: rgba(0, 108, 155, 1); } .guten-l0WpMQ .progress-group .progress-skill-bar .skill-bar-content .skill-title { color: rgba(24, 24, 24, 1); font-family: "Tajawal"; font-size: 16px; font-weight: 400;  } .guten-l0WpMQ .progress-group .progress-skill-bar .number-percentage, .guten-l0WpMQ .progress-group .number-percentage { color: rgba(24, 24, 24, 1); font-family: "Roboto"; font-size: 14px;  }.guten-Ii5558 .progress-group .progress-skill-bar .skill-bar { background-color: rgba(248, 248, 248, 1); height: 15px; margin-bottom: 20px; } .guten-Ii5558 .progress-group .progress-skill-bar .skill-bar .skill-track { background-color: rgba(0, 108, 155, 1); } .guten-Ii5558 .progress-group .progress-skill-bar .skill-bar-content .skill-title { color: rgba(24, 24, 24, 1); font-family: "Tajawal"; font-size: 16px; font-weight: 400;  } .guten-Ii5558 .progress-group .progress-skill-bar .number-percentage, .guten-Ii5558 .progress-group .number-percentage { color: rgba(24, 24, 24, 1); font-family: "Roboto"; font-size: 14px;  } .guten-Ii5558 { align-self: flex-end; vertical-align: bottom;   }