.elementor-891 .elementor-element.elementor-element-e26391c{--display:flex;--min-height:596px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--background-transition:0.3s;--margin-top:5px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-891 .elementor-element.elementor-element-e26391c:not(.elementor-motion-effects-element-type-background), .elementor-891 .elementor-element.elementor-element-e26391c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://hmti.itenas.ac.id/wp-content/uploads/2025/01/20241222_102931_0004.png");background-repeat:no-repeat;background-size:cover;}.elementor-891 .elementor-element.elementor-element-e26391c, .elementor-891 .elementor-element.elementor-element-e26391c::before{--border-transition:0.3s;}.elementor-891 .elementor-element.elementor-element-07499d0{--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;--background-transition:0.3s;--margin-top:-17px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-891 .elementor-element.elementor-element-07499d0:not(.elementor-motion-effects-element-type-background), .elementor-891 .elementor-element.elementor-element-07499d0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E67817;background-image:url("https://hmti.itenas.ac.id/wp-content/uploads/2024/11/Desain-tanpa-judul-768x432.png");background-position:center center;}.elementor-891 .elementor-element.elementor-element-07499d0, .elementor-891 .elementor-element.elementor-element-07499d0::before{--border-transition:0.3s;}.elementor-widget-heading .elementor-heading-title{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-891 .elementor-element.elementor-element-55bce86{width:initial;max-width:initial;text-align:center;}.elementor-891 .elementor-element.elementor-element-55bce86.elementor-element{--align-self:center;}.elementor-891 .elementor-element.elementor-element-55bce86 .elementor-heading-title{color:#FFFFFF;font-family:"Lato", Sans-serif;font-weight:600;font-style:italic;text-decoration:none;}.elementor-891 .elementor-element.elementor-element-c2d891d{--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;--background-transition:0.3s;}.elementor-891 .elementor-element.elementor-element-c2d891d, .elementor-891 .elementor-element.elementor-element-c2d891d::before{--border-transition:0.3s;}.elementor-891 .elementor-element.elementor-element-b220db5{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--background-transition:0.3s;}.elementor-891 .elementor-element.elementor-element-4a15b4a.elementor-element{--align-self:flex-start;--order:-99999 /* order start hack */;}.elementor-891 .elementor-element.elementor-element-4a15b4a{text-align:left;}.elementor-891 .elementor-element.elementor-element-4a15b4a .elementor-heading-title{color:#000000;font-family:"Montserrat", Sans-serif;font-size:67px;font-weight:bold;}.elementor-891 .elementor-element.elementor-element-8182842.elementor-element{--align-self:center;}.elementor-891 .elementor-element.elementor-element-8182842{text-align:center;}.elementor-891 .elementor-element.elementor-element-8182842 .elementor-heading-title{color:#E6781700;}.elementor-891 .elementor-element.elementor-element-c8fe5ae{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--gap:0px 0px;--grid-auto-flow:row;--background-transition:0.3s;--margin-top:0px;--margin-bottom:-257px;--margin-left:0px;--margin-right:0px;}.elementor-widget-text-editor{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-891 .elementor-element.elementor-element-5dd783d{text-align:justify;color:#000000;font-family:"Poppins", Sans-serif;font-weight:500;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-891 .elementor-element.elementor-element-3e4f20b .elementor-button{background-color:#E6781700;font-family:"Montserrat", Sans-serif;font-weight:600;text-transform:uppercase;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-style:solid;border-radius:30px 30px 30px 30px;}.elementor-891 .elementor-element.elementor-element-3e4f20b .elementor-button:hover, .elementor-891 .elementor-element.elementor-element-3e4f20b .elementor-button:focus{background-color:#000000;color:#FFFFFF;}.elementor-891 .elementor-element.elementor-element-3e4f20b.elementor-element{--align-self:flex-start;}.elementor-891 .elementor-element.elementor-element-3e4f20b .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-891 .elementor-element.elementor-element-3e4f20b .elementor-button:hover svg, .elementor-891 .elementor-element.elementor-element-3e4f20b .elementor-button:focus svg{fill:#FFFFFF;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-891 .elementor-element.elementor-element-228ac19 > .elementor-widget-container{background-color:#717171;padding:0px 0px -4px 0px;border-radius:15px 15px 15px 15px;}.elementor-891 .elementor-element.elementor-element-228ac19.elementor-element{--align-self:center;}.elementor-891 .elementor-element.elementor-element-228ac19{text-align:center;}.elementor-891 .elementor-element.elementor-element-228ac19 img{width:72%;}.elementor-891 .elementor-element.elementor-element-b8c7efd{--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;--background-transition:0.3s;--margin-top:-52px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-891 .elementor-element.elementor-element-f873eda{width:var( --container-widget-width, 40.265% );max-width:40.265%;--container-widget-width:40.265%;--container-widget-flex-grow:0;text-align:left;}.elementor-891 .elementor-element.elementor-element-f873eda.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-891 .elementor-element.elementor-element-f873eda .elementor-heading-title{color:#000000;font-family:"Montserrat", Sans-serif;font-size:58px;font-weight:bold;-webkit-text-stroke-color:#000;stroke:#000;}.elementor-891 .elementor-element.elementor-element-4ba106f{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--background-transition:0.3s;}.elementor-891 .elementor-element.elementor-element-10136dc img{border-radius:25px 25px 25px 25px;}.elementor-891 .elementor-element.elementor-element-a239e71:hover img{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-891 .elementor-element.elementor-element-a239e71 img{border-radius:25px 25px 25px 25px;}.elementor-891 .elementor-element.elementor-element-e6d8851 img{border-radius:25px 25px 25px 25px;}.elementor-891 .elementor-element.elementor-element-a3cd317{--display:flex;--background-transition:0.3s;}@media(max-width:1024px){.elementor-891 .elementor-element.elementor-element-e26391c{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-891 .elementor-element.elementor-element-b220db5{--grid-auto-flow:row;}.elementor-891 .elementor-element.elementor-element-4a15b4a .elementor-heading-title{font-size:43px;}.elementor-891 .elementor-element.elementor-element-c8fe5ae{--grid-auto-flow:row;}.elementor-891 .elementor-element.elementor-element-5dd783d{font-size:13px;}.elementor-891 .elementor-element.elementor-element-4ba106f{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-891 .elementor-element.elementor-element-e26391c:not(.elementor-motion-effects-element-type-background), .elementor-891 .elementor-element.elementor-element-e26391c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-891 .elementor-element.elementor-element-e26391c{--margin-top:-5px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-891 .elementor-element.elementor-element-e26391c.e-con{--align-self:center;}.elementor-891 .elementor-element.elementor-element-07499d0:not(.elementor-motion-effects-element-type-background), .elementor-891 .elementor-element.elementor-element-07499d0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://hmti.itenas.ac.id/wp-content/uploads/2024/11/Desain-tanpa-judul-250x141.png");}.elementor-891 .elementor-element.elementor-element-b220db5{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-891 .elementor-element.elementor-element-4a15b4a .elementor-heading-title{font-size:45px;}.elementor-891 .elementor-element.elementor-element-c8fe5ae{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-891 .elementor-element.elementor-element-5dd783d > .elementor-widget-container{margin:-54px 0px 0px 0px;}.elementor-891 .elementor-element.elementor-element-5dd783d{font-size:12px;}.elementor-891 .elementor-element.elementor-element-3e4f20b .elementor-button{font-size:10px;}.elementor-891 .elementor-element.elementor-element-228ac19 > .elementor-widget-container{border-radius:30px 30px 30px 30px;}.elementor-891 .elementor-element.elementor-element-b8c7efd{--margin-top:-9px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-891 .elementor-element.elementor-element-f873eda{width:var( --container-widget-width, 343.125px );max-width:343.125px;--container-widget-width:343.125px;--container-widget-flex-grow:0;}.elementor-891 .elementor-element.elementor-element-f873eda .elementor-heading-title{font-size:50px;}.elementor-891 .elementor-element.elementor-element-4ba106f{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for heading, class: .elementor-element-55bce86 */.typing-text-container {
  display: flex;
  justify-content: center; /* Horizontal centering */
  align-items: center;     /* Vertical centering */
  height: 100vh;           /* Full screen height */
  overflow: hidden;        /* Hide overflow content */
  padding: 0 20px;         /* Add some padding on smaller screens */
}

.typing-text {
  font-size: 30px;             /* Default font size */
  font-family: 'Courier New', Courier, monospace;
  white-space: nowrap;         /* Prevents text from breaking */
  overflow: hidden;            /* Hide the text that is not visible */
  border-right: .15em solid transparent; /* Cursor effect */
  width: 0;
  animation: typing 3s steps(30) 1s forwards, blinkCaret 0.75s step-end infinite, loopTyping 6s infinite;
}

@keyframes typing {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}

@keyframes blinkCaret {
  50% {
    border-color: transparent;
  }
}

@keyframes loopTyping {
  0% {
    width: 0;
  }
  50% {
    width: 100%;
  }
  100% {
    width: 0;
  }
}

/* Responsiveness */
@media (max-width: 1200px) {
  .typing-text {
    font-size: 28px; /* Slightly smaller font on medium screens */
  }
}

@media (max-width: 992px) {
  .typing-text {
    font-size: 24px; /* Smaller font on tablets */
  }
}

@media (max-width: 768px) {
  .typing-text {
    font-size: 20px; /* Even smaller font on smaller screens */
  }
}

@media (max-width: 480px) {
  .typing-text {
    font-size: 18px; /* Font size for mobile devices */
  }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8182842 */.line-animation {
   position: relative;
   display: inline-block;
}

.line-animation::after {
   content: ""; 
   position: absolute;
   bottom: 13px;
   left: 0;
   height: 8px; 
   width: 0; 
   background-color: #E67817;
   transition: width 3s ease-out;
}

.line-animation.active::after {
   width: 100%; /* Garis penuh hanya saat kelas 'active' ditambahkan */
}

/* Responsif untuk perangkat tablet */
@media (max-width: 1024px) {
   .line-animation::after {
      bottom: 20px;
      height: 5px;
   }
}

/* Responsif untuk perangkat mobile */
@media (max-width: 768px) {
   .line-animation::after {
      bottom: 13px;
      height: 5px;
   }
}

/* Responsif untuk perangkat dengan layar lebih kecil */
@media (max-width: 480px) {
   .line-animation::after {
      bottom: 40px;
      height: 5px;
   }
   .line-animation {
      width: 70%;
   }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f873eda */.auto-underline {
   position: relative;
   display: inline-block;
}

.auto-underline::after {
   content: "";
   position: absolute;
   bottom: -6px; /* Jarak underline dari teks */
   left: 0;
   width: 0; /* Default tidak terlihat */
   height: 4px; /* Ketebalan underline */
   background-color: #E67817; /* Warna underline */
   transition: width 2s ease-out; /* Perubahan ukuran dengan transisi */
}

.auto-underline.active::after {
   width: 50%; /* Panjang underline saat aktif */
}/* End custom CSS */