.guten-XdjpI8.layout-boxed > .guten-container { max-width: 1190px; } .guten-element.guten-XdjpI8 { padding-top: 50px; padding-bottom: 100px; } @media only screen and (max-width: 1024px) { .guten-element.guten-XdjpI8 { padding-top: 0px; padding-right: 20px; padding-bottom: 100px; padding-left: 20px; } } @media only screen and (max-width: 767px) { .guten-element.guten-XdjpI8 { padding-top: 50px; padding-bottom: 80px; } }.guten-SOrDlV.layout-boxed > .guten-container { max-width: 1190px; } .guten-element.guten-SOrDlV { padding-top: 100px; padding-bottom: 100px; } @media only screen and (max-width: 1024px) { .guten-element.guten-SOrDlV { padding-top: 100px; padding-right: 20px; padding-bottom: 100px; padding-left: 20px; } } @media only screen and (max-width: 767px) { .guten-element.guten-SOrDlV { padding-top: 80px; padding-bottom: 80px; } }.guten-H9Xek9 { width: 50%;  } .guten-H9Xek9:not(.background-animated) > .sticky-wrapper > .guten-column-wrapper, .guten-H9Xek9.background-animated > .sticky-wrapper > .guten-column-wrapper > .guten-background-animated .animated-layer, .guten-H9Xek9:not(.background-animated) > .guten-column-wrapper, .guten-H9Xek9.background-animated > .guten-column-wrapper > .guten-background-animated .animated-layer { background-image: url(https://if.iti.ac.id/wp-content/uploads/2024/08/windows.webp); background-position: bottom left; background-repeat: no-repeat; background-size: 500px;  } @media only screen and (max-width: 1024px) { .guten-H9Xek9 { width: 100%; order: 2; } .guten-H9Xek9:not(.background-animated) > .sticky-wrapper > .guten-column-wrapper, .guten-H9Xek9.background-animated > .sticky-wrapper > .guten-column-wrapper > .guten-background-animated .animated-layer, .guten-H9Xek9:not(.background-animated) > .guten-column-wrapper, .guten-H9Xek9.background-animated > .guten-column-wrapper > .guten-background-animated .animated-layer { background-image: url(https://if.iti.ac.id/wp-content/uploads/2024/08/windows.webp); background-position: bottom center; background-repeat: no-repeat; } .guten-H9Xek9 > .sticky-wrapper > .guten-column-wrapper, .guten-H9Xek9 > .guten-column-wrapper { margin-top: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } } @media only screen and (max-width: 767px) { .guten-H9Xek9:not(.background-animated) > .sticky-wrapper > .guten-column-wrapper, .guten-H9Xek9.background-animated > .sticky-wrapper > .guten-column-wrapper > .guten-background-animated .animated-layer, .guten-H9Xek9:not(.background-animated) > .guten-column-wrapper, .guten-H9Xek9.background-animated > .guten-column-wrapper > .guten-background-animated .animated-layer { background-image: url(https://if.iti.ac.id/wp-content/uploads/2024/08/windows.webp); background-position: bottom center; background-repeat: no-repeat; background-size: 250px; } }.guten-menFWN { width: 50%; order: 1;  } .guten-section > .guten-container > .guten-menFWN.guten-column > .sticky-wrapper > .guten-column-wrapper, .guten-section > .guten-container > .guten-menFWN.guten-column > .guten-column-wrapper { align-content: center; align-items: center; } .guten-menFWN > .sticky-wrapper > .guten-column-wrapper, .guten-menFWN > .guten-column-wrapper { margin-left: 40px; } @media only screen and (max-width: 1024px) { .guten-menFWN { width: 100%; } .guten-menFWN > .sticky-wrapper > .guten-column-wrapper, .guten-menFWN > .guten-column-wrapper { margin-bottom: 50px; margin-left: 0px; } } @media only screen and (max-width: 767px) { .guten-menFWN > .sticky-wrapper > .guten-column-wrapper, .guten-menFWN > .guten-column-wrapper { margin-top: 0px; margin-bottom: 50px; padding-top: 0px; } }.guten-49inkG { width: 50%; order: 1;  } .guten-section > .guten-container > .guten-49inkG.guten-column > .sticky-wrapper > .guten-column-wrapper, .guten-section > .guten-container > .guten-49inkG.guten-column > .guten-column-wrapper { align-content: center; align-items: center; } .guten-49inkG > .sticky-wrapper > .guten-column-wrapper, .guten-49inkG > .guten-column-wrapper { padding-right: 30px; } @media only screen and (max-width: 1024px) { .guten-49inkG { width: 100%; } .guten-49inkG > .sticky-wrapper > .guten-column-wrapper, .guten-49inkG > .guten-column-wrapper { margin-bottom: 80px; } }.guten-Fr5BLO { width: 50%; order: 1;  } .guten-Fr5BLO > .sticky-wrapper > .guten-column-wrapper, .guten-Fr5BLO > .guten-column-wrapper { padding-left: 40px; } @media only screen and (max-width: 1024px) { .guten-Fr5BLO { width: 100%; } .guten-Fr5BLO > .sticky-wrapper > .guten-column-wrapper, .guten-Fr5BLO > .guten-column-wrapper { padding-left: 0px; } }.guten-Xu2gg7 img { border-top-left-radius: 20px;border-top-right-radius: 20px;border-bottom-right-radius: 20px;border-bottom-left-radius: 20px; box-shadow:  10px 9px 30px  rgba(165, 62, 3, 0.1); } .guten-Xu2gg7 {  width: 30%!important; display: inline-block; position: absolute!important; right: 5%; top: 60%; animation-delay: 0.4s; } .guten-element.guten-Xu2gg7 { z-index: 10; } @media only screen and (max-width: 1024px) { .guten-Xu2gg7 { width: 25%!important; display: inline-block; right: 6%; } }.guten-JHeN1T img { width: 400px; } .guten-JHeN1T {   } .guten-element.guten-JHeN1T { margin-bottom: -7px; margin-left: -50px; } @media only screen and (max-width: 1024px) { .guten-element.guten-JHeN1T { margin-left: 0px; } } @media only screen and (max-width: 767px) { .guten-JHeN1T img { width: 200px; } }.guten-eoOngH.guten-image .guten-image-wrapper { justify-content: flex-start; } .guten-eoOngH img { border-top-left-radius: 20px;border-top-right-radius: 20px;border-bottom-right-radius: 20px;border-bottom-left-radius: 20px; box-shadow:  -8px 11px 30px  rgba(165, 62, 3, 0.1); } .guten-eoOngH {  width: 32%!important; display: inline-block; position: absolute!important; left: -8%; top: 42%; animation-delay: 0.4s; } .guten-eoOngH.guten-element:hover { border-top-left-radius: 20px;border-top-right-radius: 20px;border-bottom-right-radius: 20px;border-bottom-left-radius: 20px; } @media only screen and (max-width: 1024px) { .guten-eoOngH { width: 24%!important; display: inline-block; left: 4%; } }h1.guten-element.guten-Yduo4A, h2.guten-element.guten-Yduo4A, h3.guten-element.guten-Yduo4A, h4.guten-element.guten-Yduo4A, h5.guten-element.guten-Yduo4A, h6.guten-element.guten-Yduo4A { color: rgba(26, 21, 76, 1); font-family: "Muli"; font-size: 40px; font-weight: 800; line-height: 1.1em;  overflow-wrap: break-word; word-break: break-word; } .guten-Yduo4A {   } .guten-element.guten-Yduo4A { margin-bottom: 20px; padding-top: 100px; } @media only screen and (max-width: 1024px) { h1.guten-element.guten-Yduo4A, h2.guten-element.guten-Yduo4A, h3.guten-element.guten-Yduo4A, h4.guten-element.guten-Yduo4A, h5.guten-element.guten-Yduo4A, h6.guten-element.guten-Yduo4A { font-size: 44px; } .guten-element.guten-Yduo4A { margin-bottom: 20px; padding-top: 0px; } } @media only screen and (max-width: 767px) { h1.guten-element.guten-Yduo4A, h2.guten-element.guten-Yduo4A, h3.guten-element.guten-Yduo4A, h4.guten-element.guten-Yduo4A, h5.guten-element.guten-Yduo4A, h6.guten-element.guten-Yduo4A { font-size: 32px; } .guten-element.guten-Yduo4A { margin-top: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } }.guten-fHHXa1 { columns: 1; color: rgba(91, 90, 103, 1); font-family: "Hind Siliguri"; font-size: 16px; font-weight: 400; line-height: 1.5em;  animation-delay: 0.2s; } .guten-element.guten-fHHXa1 { margin-bottom: 30px; } @media only screen and (max-width: 767px) { .guten-element.guten-fHHXa1 { margin-bottom: 30px; } }.guten-kudDPX.layout-boxed > .guten-container { max-width: 1190px; }.guten-Majy4n.layout-boxed > .guten-container { max-width: 1140px; }.guten-ds7jZ7 { columns: 1; color: rgba(91, 90, 103, 1); font-family: "Hind Siliguri"; font-size: 16px; font-weight: 400; line-height: 1.5em;  animation-delay: 0.1s; } .guten-element.guten-ds7jZ7 { margin-bottom: 40px; padding-right: 80px; } @media only screen and (max-width: 1024px) { .guten-element.guten-ds7jZ7 { margin-bottom: 20px; padding-right: 20px; } } @media only screen and (max-width: 767px) { .guten-element.guten-ds7jZ7 { padding-right: 0px; } }.guten-AlRXpl.layout-boxed > .guten-container { max-width: 1140px; }.guten-WOrGkA.layout-boxed > .guten-container { max-width: 1140px; }.guten-2fh2W6 img { width: 5%; height: 65px; opacity: 0.4; object-fit: cover; } .guten-2fh2W6 {  width: 30px!important; display: inline-block; position: absolute!important; left: 56px; top: 64px; animation-delay: 0.4s; } .guten-element.guten-2fh2W6 { z-index: 0; } @media only screen and (max-width: 1024px) { .guten-2fh2W6 img { height: 62px; } .guten-2fh2W6 { width: 6%!important; display: inline-block; left: 12px; } } @media only screen and (max-width: 767px) { .guten-2fh2W6 img { height: 113px; } .guten-2fh2W6 { width: 12%!important; display: inline-block; left: 8px; top: 159px; } }.guten-aAQNCP img { width: 5%; height: 63px; opacity: 0.4; object-fit: cover; } .guten-aAQNCP {  width: 30px!important; display: inline-block; position: absolute!important; left: 56px; top: 192px; animation-delay: 0.6s; } .guten-element.guten-aAQNCP { z-index: 0; } @media only screen and (max-width: 1024px) { .guten-aAQNCP img { height: 61px; } .guten-aAQNCP { width: 6%!important; display: inline-block; left: 12px; top: 189px; } } @media only screen and (max-width: 767px) { .guten-aAQNCP img { height: 112px; } .guten-aAQNCP { width: 12%!important; display: inline-block; left: 8px; top: 221px; } }.guten-DNAlnj .guten-icon-box-wrapper { text-align: left;justify-content: flex-start; } .guten-DNAlnj.guten-icon-box .guten-icon-box-wrapper .icon-box .icon i { font-size: 34px; } .guten-DNAlnj.guten-icon-box .guten-icon-box-wrapper { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } .guten-icon-box.guten-DNAlnj .guten-icon-box-wrapper { border-style: none; overflow: hidden; } .guten-icon-box.guten-DNAlnj .icon-box.icon-box-header .icon i { color: rgba(252, 118, 41, 1); } .guten-icon-box.guten-DNAlnj .icon-box.icon-box-header .icon svg { fill: rgba(252, 118, 41, 1); } .guten-icon-box.guten-DNAlnj .icon-box.icon-box-header .icon { background-color: rgba(255, 229, 218, 1); border-top-left-radius: 20px;border-top-right-radius: 20px;border-bottom-right-radius: 20px;border-bottom-left-radius: 20px; padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; margin-right: 15px; } .guten-icon-box.guten-DNAlnj .icon-box.icon-box-body .title { margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; color: rgba(26, 21, 76, 1); font-family: "Muli"; font-size: 26px; font-weight: 800; line-height: 1.2em; } .guten-icon-box.guten-DNAlnj .icon-box.icon-box-body .icon-box-description { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; color: rgba(91, 90, 103, 1); font-family: "Hind Siliguri"; font-size: 16px; font-weight: 400; line-height: 1.5em; } .guten-DNAlnj {  animation-delay: 0.3s; } .guten-element.guten-DNAlnj { margin-bottom: 40px; padding-right: 0px; z-index: 0; } @media only screen and (max-width: 1024px) { .guten-DNAlnj.guten-icon-box .guten-icon-box-wrapper .icon-box .icon i { font-size: 34px; } .guten-icon-box.guten-DNAlnj .icon-box.icon-box-body .title { font-size: 24px; } .guten-element.guten-DNAlnj { padding-right: 30px; } } @media only screen and (max-width: 767px) { .guten-DNAlnj.guten-icon-box .guten-icon-box-wrapper .icon-box .icon i { font-size: 30px; } .guten-icon-box.guten-DNAlnj .icon-box.icon-box-header .icon { padding-top: 12px; padding-right: 12px; padding-bottom: 12px; padding-left: 12px; margin-top: 0px; margin-right: 10px; margin-bottom: 0px; margin-left: 0px; } .guten-icon-box.guten-DNAlnj .icon-box.icon-box-body .title { font-size: 24px; } .guten-element.guten-DNAlnj { padding-top: 0px; padding-right: 0px; } }.guten-aQ7HO9 .guten-icon-box-wrapper { text-align: left;justify-content: flex-start; } .guten-aQ7HO9.guten-icon-box .guten-icon-box-wrapper .icon-box .icon i { font-size: 34px; } .guten-aQ7HO9.guten-icon-box .guten-icon-box-wrapper { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } .guten-icon-box.guten-aQ7HO9 .guten-icon-box-wrapper { border-style: none; overflow: hidden; } .guten-icon-box.guten-aQ7HO9 .icon-box.icon-box-header .icon i { color: rgba(252, 118, 41, 1); } .guten-icon-box.guten-aQ7HO9 .icon-box.icon-box-header .icon svg { fill: rgba(252, 118, 41, 1); } .guten-icon-box.guten-aQ7HO9 .icon-box.icon-box-header .icon { background-color: rgba(255, 229, 218, 1); border-top-left-radius: 20px;border-top-right-radius: 20px;border-bottom-right-radius: 20px;border-bottom-left-radius: 20px; padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; margin-right: 15px; } .guten-icon-box.guten-aQ7HO9 .icon-box.icon-box-body .title { margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; color: rgba(26, 21, 76, 1); font-family: "Muli"; font-size: 26px; font-weight: 800; line-height: 1.2em; } .guten-icon-box.guten-aQ7HO9 .icon-box.icon-box-body .icon-box-description { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; color: rgba(91, 90, 103, 1); font-family: "Hind Siliguri"; font-size: 16px; font-weight: 400; line-height: 1.5em; } .guten-aQ7HO9 {  animation-delay: 0.5s; } .guten-element.guten-aQ7HO9 { margin-bottom: 40px; padding-right: 0px; } @media only screen and (max-width: 1024px) { .guten-aQ7HO9.guten-icon-box .guten-icon-box-wrapper .icon-box .icon i { font-size: 34px; } .guten-icon-box.guten-aQ7HO9 .icon-box.icon-box-body .title { font-size: 24px; } .guten-element.guten-aQ7HO9 { padding-right: 30px; } } @media only screen and (max-width: 767px) { .guten-aQ7HO9.guten-icon-box .guten-icon-box-wrapper .icon-box .icon i { font-size: 30px; } .guten-icon-box.guten-aQ7HO9 .icon-box.icon-box-header .icon { padding-top: 12px; padding-right: 12px; padding-bottom: 12px; padding-left: 12px; margin-top: 0px; margin-right: 10px; margin-bottom: 0px; margin-left: 0px; } .guten-icon-box.guten-aQ7HO9 .icon-box.icon-box-body .title { font-size: 24px; } .guten-element.guten-aQ7HO9 { padding-right: 0px; } }.guten-RB6wKQ .guten-icon-box-wrapper { text-align: left;justify-content: flex-start; } .guten-RB6wKQ.guten-icon-box .guten-icon-box-wrapper .icon-box .icon i { font-size: 34px; } .guten-RB6wKQ.guten-icon-box .guten-icon-box-wrapper { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } .guten-icon-box.guten-RB6wKQ .guten-icon-box-wrapper { border-style: none; overflow: hidden; } .guten-icon-box.guten-RB6wKQ .icon-box.icon-box-header .icon i { color: rgba(252, 118, 41, 1); } .guten-icon-box.guten-RB6wKQ .icon-box.icon-box-header .icon svg { fill: rgba(252, 118, 41, 1); } .guten-icon-box.guten-RB6wKQ .icon-box.icon-box-header .icon { background-color: rgba(255, 229, 218, 1); border-top-left-radius: 20px;border-top-right-radius: 20px;border-bottom-right-radius: 20px;border-bottom-left-radius: 20px; padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; margin-right: 15px; } .guten-icon-box.guten-RB6wKQ .icon-box.icon-box-body .title { margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; color: rgba(26, 21, 76, 1); font-family: "Muli"; font-size: 26px; font-weight: 800; line-height: 1.2em; } .guten-icon-box.guten-RB6wKQ .icon-box.icon-box-body .icon-box-description { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; color: rgba(91, 90, 103, 1); font-family: "Hind Siliguri"; font-size: 16px; font-weight: 400; line-height: 1.5em; } .guten-RB6wKQ {  animation-delay: 0.7s; } .guten-element.guten-RB6wKQ { padding-right: 0px; } @media only screen and (max-width: 1024px) { .guten-RB6wKQ.guten-icon-box .guten-icon-box-wrapper .icon-box .icon i { font-size: 34px; } .guten-icon-box.guten-RB6wKQ .icon-box.icon-box-body .title { font-size: 24px; } .guten-element.guten-RB6wKQ { padding-right: 30px; } } @media only screen and (max-width: 767px) { .guten-RB6wKQ.guten-icon-box .guten-icon-box-wrapper .icon-box .icon i { font-size: 30px; } .guten-icon-box.guten-RB6wKQ .icon-box.icon-box-header .icon { padding-top: 12px; padding-right: 12px; padding-bottom: 12px; padding-left: 12px; margin-top: 0px; margin-right: 10px; margin-bottom: 0px; margin-left: 0px; } .guten-icon-box.guten-RB6wKQ .icon-box.icon-box-body .title { font-size: 24px; } .guten-element.guten-RB6wKQ { padding-right: 0px; } }.guten-BUMlR2 { width: 100%; order: 1;  } .guten-section > .guten-container > .guten-BUMlR2.guten-column > .sticky-wrapper > .guten-column-wrapper, .guten-section > .guten-container > .guten-BUMlR2.guten-column > .guten-column-wrapper { align-content: center; align-items: center; } @media only screen and (max-width: 1024px) { .guten-BUMlR2 { width: 100%; } .guten-section > .guten-container > .guten-BUMlR2.guten-column > .sticky-wrapper > .guten-column-wrapper, .guten-section > .guten-container > .guten-BUMlR2.guten-column > .guten-column-wrapper { align-content: center; align-items: center; } }.guten-wZb4wY { width: 100%; order: 1;  } @media only screen and (max-width: 1024px) { .guten-wZb4wY { width: 100%; } }.guten-U1mwLY { width: 100%; order: 1;  } @media only screen and (max-width: 1024px) { .guten-U1mwLY { width: 100%; } }.guten-NkYXwh { width: 100%; order: 1;  } @media only screen and (max-width: 1024px) { .guten-NkYXwh { width: 100%; } }.guten-JFBs7m .text-content .text-wrapper {  z-index: 1 } .guten-animated-text.guten-JFBs7m .text-content svg path { stroke: ; } .guten-JFBs7m .text-content svg path { stroke-width: 10; stroke-linecap: round; stroke-linejoin: round; } .guten-JFBs7m .text-content svg { z-index: 2 }.guten-AjikcB { text-align: left;   } .guten-AjikcB .guten-icon-wrapper.framed i { color: rgba(255, 229, 218, 1); } .guten-AjikcB .guten-icon-wrapper.framed svg { fill: rgba(255, 229, 218, 1); } .guten-AjikcB .guten-icon-wrapper.framed { border-color: rgba(255, 229, 218, 1); background-color: rgba(252, 118, 41, 1); } .guten-AjikcB .guten-icon-wrapper.stacked { background-color: rgba(255, 229, 218, 1); } .guten-AjikcB .guten-icon-wrapper.stacked i { color: rgba(252, 118, 41, 1); } .guten-AjikcB .guten-icon-wrapper.stacked svg { fill: rgba(252, 118, 41, 1); }.guten-u11lgk .text-content .text-wrapper {  z-index: 1 } .guten-animated-text.guten-u11lgk .text-content svg path { stroke: ; } .guten-u11lgk .text-content svg path { stroke-width: 10; stroke-linecap: round; stroke-linejoin: round; } .guten-u11lgk .text-content svg { z-index: 2 }