.elementor-1021 .elementor-element.elementor-element-ebf321d > .elementor-container{min-height:39vw;}.elementor-1021 .elementor-element.elementor-element-ebf321d:not(.elementor-motion-effects-element-type-background), .elementor-1021 .elementor-element.elementor-element-ebf321d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.cloudeka.id/wp-content/uploads/2022/10/25a6754c84ed38566e0b22b6d922d8a1387882.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1021 .elementor-element.elementor-element-ebf321d{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:32px 64px 32px 64px;}.elementor-1021 .elementor-element.elementor-element-ebf321d > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-1021 .elementor-element.elementor-element-ce7229b.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-1021 .elementor-element.elementor-element-ce7229b.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-1021 .elementor-element.elementor-element-ce7229b > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:0px;}.elementor-1021 .elementor-element.elementor-element-ce7229b > .elementor-element-populated, .elementor-1021 .elementor-element.elementor-element-ce7229b > .elementor-element-populated > .elementor-background-overlay, .elementor-1021 .elementor-element.elementor-element-ce7229b > .elementor-background-slideshow{border-radius:36px 36px 36px 36px;}.elementor-1021 .elementor-element.elementor-element-ce7229b > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 0px 0px 0px;padding:12px 72px 12px 72px;}.elementor-1021 .elementor-element.elementor-element-ce7229b > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1021 .elementor-element.elementor-element-9efc8f7 > .elementor-container{max-width:1280px;}.elementor-1021 .elementor-element.elementor-element-86663fa > .elementor-element-populated{padding:0px 120px 0px 120px;}.elementor-1021 .elementor-element.elementor-element-323bb25 .elementor-heading-title{color:#FFFFFF;font-family:"Fira Sans", Sans-serif;font-size:36px;font-weight:800;line-height:48px;}.elementor-1021 .elementor-element.elementor-element-3fc9127 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-1021 .elementor-element.elementor-element-3fc9127{padding:32px 64px 32px 64px;}.elementor-bc-flex-widget .elementor-1021 .elementor-element.elementor-element-c37c7ee.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-1021 .elementor-element.elementor-element-c37c7ee.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-1021 .elementor-element.elementor-element-c37c7ee > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:20px;}.elementor-1021 .elementor-element.elementor-element-c37c7ee:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-1021 .elementor-element.elementor-element-c37c7ee > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E9ECEF;}.elementor-1021 .elementor-element.elementor-element-c37c7ee > .elementor-element-populated, .elementor-1021 .elementor-element.elementor-element-c37c7ee > .elementor-element-populated > .elementor-background-overlay, .elementor-1021 .elementor-element.elementor-element-c37c7ee > .elementor-background-slideshow{border-radius:8px 8px 8px 8px;}.elementor-1021 .elementor-element.elementor-element-c37c7ee > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:6px 24px 6px 24px;}.elementor-1021 .elementor-element.elementor-element-c37c7ee > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1021 .elementor-element.elementor-element-668c073{font-family:"Fira Sans", Sans-serif;font-size:16px;font-weight:400;line-height:24px;color:#6C757D;}.elementor-1021 .elementor-element.elementor-element-668c073 a{color:var( --e-global-color-text );}.elementor-1021 .elementor-element.elementor-element-668c073 > .elementor-widget-container{margin:08px 0px 6px 0px;padding:0px 0px 0px 0px;}.elementor-1021 .elementor-element.elementor-element-a7b71e9 > .elementor-container{max-width:1440px;}.elementor-1021 .elementor-element.elementor-element-a7b71e9 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-1021 .elementor-element.elementor-element-a7b71e9{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:64px 64px 64px 64px;}.elementor-1021 .elementor-element.elementor-element-a7b71e9 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-1021 .elementor-element.elementor-element-06a8735.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-1021 .elementor-element.elementor-element-06a8735.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-1021 .elementor-element.elementor-element-06a8735 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:12px;}.elementor-1021 .elementor-element.elementor-element-d86bd0f .elementor-heading-title{color:var( --e-global-color-text );font-family:"Fira Sans", Sans-serif;font-size:36px;font-weight:800;line-height:48px;}.elementor-1021 .elementor-element.elementor-element-35b665d{--divider-border-style:solid;--divider-color:var( --e-global-color-accent );--divider-border-width:5px;}.elementor-1021 .elementor-element.elementor-element-35b665d .elementor-divider-separator{width:25%;}.elementor-1021 .elementor-element.elementor-element-35b665d .elementor-divider{padding-top:0px;padding-bottom:0px;}.elementor-1021 .elementor-element.elementor-element-35b665d > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1021 .elementor-element.elementor-element-04f0e7f{font-family:"Fira Sans", Sans-serif;font-size:16px;font-weight:400;line-height:24px;}.elementor-1021 .elementor-element.elementor-element-12d474a > .elementor-container{max-width:1440px;}.elementor-1021 .elementor-element.elementor-element-12d474a > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-1021 .elementor-element.elementor-element-12d474a{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:64px 64px 64px 64px;}.elementor-1021 .elementor-element.elementor-element-12d474a > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1021 .elementor-element.elementor-element-7f9f792 > .elementor-container{max-width:1440px;}.elementor-1021 .elementor-element.elementor-element-7f9f792 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-1021 .elementor-element.elementor-element-7f9f792:not(.elementor-motion-effects-element-type-background), .elementor-1021 .elementor-element.elementor-element-7f9f792 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );background-image:url("https://www.cloudeka.id/wp-content/uploads/2022/10/flowers-1-1.png");background-position:top left;background-repeat:no-repeat;background-size:160px auto;}.elementor-1021 .elementor-element.elementor-element-7f9f792 > .elementor-background-overlay{background-image:url("https://www.cloudeka.id/wp-content/uploads/2022/10/flowers-2.png");background-position:bottom right;background-repeat:no-repeat;background-size:160px auto;opacity:1;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1021 .elementor-element.elementor-element-7f9f792{border-style:solid;border-width:8px 0px 0px 0px;border-color:#E83830;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:64px 64px 64px 64px;}.elementor-bc-flex-widget .elementor-1021 .elementor-element.elementor-element-e1288f7.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-1021 .elementor-element.elementor-element-e1288f7.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-1021 .elementor-element.elementor-element-e1288f7.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-1021 .elementor-element.elementor-element-e1288f7 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:15px;}.elementor-1021 .elementor-element.elementor-element-da82748{text-align:center;}.elementor-1021 .elementor-element.elementor-element-da82748 .elementor-heading-title{color:#FFFFFF;font-family:"Fira Sans", Sans-serif;font-size:25px;font-weight:800;line-height:48px;}.elementor-1021 .elementor-element.elementor-element-b9705f0{text-align:center;}.elementor-1021 .elementor-element.elementor-element-b9705f0 .elementor-heading-title{color:#FFFFFF;font-family:"Fira Sans", Sans-serif;font-size:16px;font-weight:400;}.elementor-1021 .elementor-element.elementor-element-bed433b > .elementor-container{max-width:800px;}.elementor-1021 .elementor-element.elementor-element-2b1dc4f.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-1021 .elementor-element.elementor-element-8b7199a .elementor-field-group{padding-right:calc( 0px/2 );padding-left:calc( 0px/2 );margin-bottom:12px;}.elementor-1021 .elementor-element.elementor-element-8b7199a .elementor-form-fields-wrapper{margin-left:calc( -0px/2 );margin-right:calc( -0px/2 );margin-bottom:-12px;}.elementor-1021 .elementor-element.elementor-element-8b7199a .elementor-field-group.recaptcha_v3-bottomleft, .elementor-1021 .elementor-element.elementor-element-8b7199a .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-1021 .elementor-element.elementor-element-8b7199a .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-1021 .elementor-element.elementor-element-8b7199a .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-1021 .elementor-element.elementor-element-8b7199a .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-1021 .elementor-element.elementor-element-8b7199a .elementor-field-type-html{padding-bottom:0px;}.elementor-1021 .elementor-element.elementor-element-8b7199a .elementor-field-group:not(.elementor-field-type-upload) .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;border-width:0px 0px 0px 0px;border-radius:20px 0px 0px 20px;}.elementor-1021 .elementor-element.elementor-element-8b7199a .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;border-width:0px 0px 0px 0px;border-radius:20px 0px 0px 20px;}.elementor-1021 .elementor-element.elementor-element-8b7199a .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-primary );color:#ffffff;}.elementor-1021 .elementor-element.elementor-element-8b7199a .elementor-button[type="submit"]{background-color:var( --e-global-color-primary );color:#ffffff;}.elementor-1021 .elementor-element.elementor-element-8b7199a .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-1021 .elementor-element.elementor-element-8b7199a .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-1021 .elementor-element.elementor-element-8b7199a .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-1021 .elementor-element.elementor-element-8b7199a .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-1021 .elementor-element.elementor-element-8b7199a .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-1021 .elementor-element.elementor-element-8b7199a .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-1021 .elementor-element.elementor-element-8b7199a .elementor-button{border-radius:0px 20px 20px 0px;padding:0px 48px 0px 48px;}.elementor-1021 .elementor-element.elementor-element-8b7199a{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}@media(max-width:1024px){.elementor-1021 .elementor-element.elementor-element-ebf321d > .elementor-container{min-height:13vh;}.elementor-1021 .elementor-element.elementor-element-ebf321d{padding:40px 40px 40px 40px;}.elementor-1021 .elementor-element.elementor-element-323bb25{text-align:center;}.elementor-1021 .elementor-element.elementor-element-3fc9127{padding:40px 30px 40px 30px;}.elementor-1021 .elementor-element.elementor-element-a7b71e9{padding:40px 30px 40px 30px;}.elementor-1021 .elementor-element.elementor-element-12d474a{padding:40px 30px 40px 30px;}.elementor-1021 .elementor-element.elementor-element-7f9f792:not(.elementor-motion-effects-element-type-background), .elementor-1021 .elementor-element.elementor-element-7f9f792 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-size:120px auto;}.elementor-1021 .elementor-element.elementor-element-7f9f792 > .elementor-background-overlay{background-size:120px auto;}.elementor-1021 .elementor-element.elementor-element-b9705f0 .elementor-heading-title{font-size:14px;}}@media(max-width:767px){.elementor-1021 .elementor-element.elementor-element-ebf321d{padding:12px 12px 12px 12px;}.elementor-1021 .elementor-element.elementor-element-86663fa > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-1021 .elementor-element.elementor-element-323bb25{text-align:center;}.elementor-1021 .elementor-element.elementor-element-323bb25 .elementor-heading-title{font-size:24px;line-height:28px;}.elementor-1021 .elementor-element.elementor-element-3fc9127{padding:12px 12px 12px 12px;}.elementor-1021 .elementor-element.elementor-element-668c073{font-size:12px;}.elementor-1021 .elementor-element.elementor-element-a7b71e9{padding:12px 12px 12px 12px;}.elementor-1021 .elementor-element.elementor-element-d86bd0f .elementor-heading-title{font-size:24px;line-height:28px;}.elementor-1021 .elementor-element.elementor-element-04f0e7f{font-size:14px;}.elementor-1021 .elementor-element.elementor-element-12d474a{padding:12px 12px 12px 12px;}.elementor-1021 .elementor-element.elementor-element-7f9f792{padding:84px 12px 84px 12px;}.elementor-1021 .elementor-element.elementor-element-da82748 .elementor-heading-title{font-size:20px;line-height:36px;}.elementor-1021 .elementor-element.elementor-element-b9705f0 .elementor-heading-title{font-size:14px;line-height:18px;}.elementor-1021 .elementor-element.elementor-element-2b1dc4f{width:100%;}}@media(min-width:768px){.elementor-1021 .elementor-element.elementor-element-ce7229b{width:100%;}.elementor-1021 .elementor-element.elementor-element-06a8735{width:28%;}.elementor-1021 .elementor-element.elementor-element-e9a03a0{width:14%;}.elementor-1021 .elementor-element.elementor-element-111cdd9{width:57.666%;}}@media(max-width:1024px) and (min-width:768px){.elementor-1021 .elementor-element.elementor-element-06a8735{width:80%;}.elementor-1021 .elementor-element.elementor-element-111cdd9{width:100%;}.elementor-1021 .elementor-element.elementor-element-745b6ed{width:100%;}}/* Start custom CSS for html, class: .elementor-element-7bbc052 */ul {
  list-style: none;
  margin: 0;
}

.container {
    font-family: 'Fira Sans', sans-serif;
  display: grid;
  grid-template-columns: 1fr auto;
  border-radius: 1rem;
  background: blanchedalmond;
  width: fit-content;
  border-radius: 1rem;
  overflow: hidden;
}
.years {
  padding: 2rem 0;
  background: #184c98;
  color: white;
  width: 120px;
}

.toggler {
  width: 100%;
  text-align: center;
  cursor: pointer;

  line-height: 3em;
}

.toggler.active {
  background: #3e639c;
}

.contentsSection {
  position: relative;
  background: #f7f7f7;
}

.contentsWrapper {
  margin: 2rem 4rem;
  overflow: hidden;
  width: 42vw;
  position: relative;
}

.contents {
  width: fit-content;
  display: flex;
  padding: 0;
  transition: transform 0.4s ease-out;
}

.contents > li {
  width: calc(21vw - 20px);
  padding-right: 20px;
}

@media screen and (max-width: 450px) {
  .container {
    display: flex;
    flex-direction: column;
    width: 90vw;
    margin: auto;
  }
  .years {
    display: flex;
    width: 100%;
    padding: 0;
  }
  .contentsWrapper {
    width: 90vw;
    margin: 1rem auto 3rem auto;
  }
  .contents > li {
    width: calc(45vw - 20px);
    padding-right: 10px;
    padding-left: 10px;
  }
  .navButton.nextContent {
    bottom: 0;
    right: 50%;
    top: auto;
    transform: translateX(120%);
  }
  .navButton.previousContent {
    bottom: 0;
    left: 50%;
    top: auto;
    transform: translateX(-120%);
  }
}

.contentImage {
  width: 100%;
  height: 160px;
  border-radius: 1rem;
  overflow: hidden;
  position: relative;
}

.contentImage img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.contentImage p {
  z-index: 1;
  position: absolute;
  right: 0;
  bottom: 0;
  line-height: 2em;
  padding: 0 1em;
  background: white;
  margin: 0;
  color: rgb(50, 50, 190);
}

.navButton {
  cursor: pointer;
  position: absolute;
  color: #184c98;
  line-height: 3em;
  width: 3em;
  text-align: center;
  border-radius: 1000px;
  box-shadow: -3px -1px 7px 3px #ddd;
  border: none;
  transform: translateY(-50%);
}
.previousContent {
  left: 1rem;
  top: 50%;
  z-index: 5;
}

.nextContent {
  right: 1rem;
  top: 50%;
  z-index: 5;
}

.flex {
  display: flex;
}
.none {
  display: none;
}
.block {
  display: block;
}

/* NEW CSS */
.featuredWrapper {
  width: 66vw;
  margin: auto;
  background: #eeeeee;
}
.featuredContainer {
  margin: auto;
  width: 92vw;
}
.featuredYears {
  width: auto;
}

.featuredProducts {
  width: fit-content;
  padding: 0;
  transition: transform 0.4s ease-out;
  font-size: 1.1rem;
  margin-bottom: 2rem;
}

.featuredBg {
  background: white;
  position: absolute;
  width: 80%;
  height: 100%;
  top: 0;
  left: 10%;
  border-radius: 16px;
  z-index: 1;
}

.featuredProducts h4 {
  color: #2d65ae;
  margin: 0;
  padding: 3px;
  margin-top: 1rem;
  font-size: 1.5rem;
}
.featuredProductDetails {
  flex: 1;
  padding: 13px;
  font-weight: 400;
  font-size: 15px;
}

.featuredProducts a {
  background: #2d65ae;
  padding: 0.6em 2em;
  border-radius: 10000px;
  cursor: pointer;
  color: white;
  margin-bottom: 2rem;
}

.featuredProducts > li {
  width: calc(28vw - 80px);
  padding: 0 52px;
  text-align: center;
  display: flex;
  flex-direction: column;
  place-items: center;
  position: relative;
}

.featuredProducts > li > *:not(.featuredBg) {
  z-index: 5;
  position: relative;
}

.featuredImg {
  width: 100%;
  height: 50px;
  aspect-ratio: 1;
  max-width: 80px;
  margin: auto;
  margin-top: 3rem;
  border-radius: 50%;
  /* overflow: hidden; */
  position: relative;
  background: #3f96d5;
}

.featuredImg img {
  margin-top: 0.5rem;
  width: 40px;
  /* height: 25px; */
  object-fit: cover;
}
.featuredTitle {
  color: #2d65ae;
  text-align: center;
}

@media screen and (max-width: 1024px) {
  .featuredProducts > li {
    width: 21vw;
  }
}

@media screen and (max-width: 450px) {
  .featuredProducts > li {
    width: calc(45vw - 20px);
    padding-right: 10px;
    padding-left: 10px;
  }
  .featuredProducts {
    font-size: 1rem;
  }
  .featuredProducts a {
    padding: 0.6rem 1.2rem;
  }
  .featuredWrapper {
    width: 92vw;
  }
  .featuredBg {
    width: 96%;
    left: 2%;
  }
}/* End custom CSS */