.elementor-172 .elementor-element.elementor-element-8865bbc{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:150px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-172 .elementor-element.elementor-element-8865bbc:not(.elementor-motion-effects-element-type-background), .elementor-172 .elementor-element.elementor-element-8865bbc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://iptec.id/wp-content/uploads/2026/03/Asset-3z.png");background-position:top center;background-size:cover;}.elementor-172 .elementor-element.elementor-element-8865bbc.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-172 .elementor-element.elementor-element-0066fd0{width:initial;max-width:initial;animation-duration:2000ms;animation-delay:500ms;}.elementor-172 .elementor-element.elementor-element-0066fd0 > .elementor-widget-container{padding:0px 80px 0px 80px;}.elementor-172 .elementor-element.elementor-element-0066fd0.elementor-element{--align-self:center;}.elementor-172 .elementor-element.elementor-element-4549f35 > .elementor-widget-container{padding:0px 0px 40px 0px;}.elementor-172 .elementor-element.elementor-element-4549f35{animation-delay:700ms;animation-timing-function:cubic-bezier(0.77,0,0.175,1);}.elementor-172 .elementor-element.elementor-element-4549f35 img{width:45%;}.elementor-172 .elementor-element.elementor-element-c28d104{animation-duration:2000ms;animation-delay:500ms;text-align:center;font-family:"Saira Condensed", Inconsolata;font-size:19px;color:#DAE9EF;}.elementor-172 .elementor-element.elementor-element-39dc07f .elementor-button{background-color:#DAE9EF;font-family:"Saira Condensed", Inconsolata;font-weight:600;fill:#0D2842;color:#0D2842;}.elementor-172 .elementor-element.elementor-element-39dc07f{animation-delay:800ms;}.elementor-172 .elementor-element.elementor-element-3874128{animation-duration:2000ms;animation-delay:300ms;animation-timing-function:cubic-bezier(0.77,0,0.175,1);}.elementor-172 .elementor-element.elementor-element-3874128 > .elementor-widget-container{padding:350px 0px 0px 0px;}.elementor-172 .elementor-element.elementor-element-3874128 img{width:33%;}.elementor-172 .elementor-element.elementor-element-9437521{animation-duration:1000ms;animation-delay:100ms;animation-timing-function:cubic-bezier(0.77,0,0.175,1);}.elementor-172 .elementor-element.elementor-element-c4dee37{--display:flex;}.elementor-172 .elementor-element.elementor-element-bb9550c > .elementor-widget-container{padding:35px 0px 0px 0px;}.elementor-172 .elementor-element.elementor-element-bb9550c{animation-delay:300ms;animation-timing-function:cubic-bezier(0.77,0,0.175,1);text-align:center;font-family:"Saira Condensed", Inconsolata;font-size:15px;color:#DAE9EF;}.elementor-172 .elementor-element.elementor-element-fb7dce5 .elementor-button{background-color:#DAE9EF;font-family:"Saira Condensed", Inconsolata;font-weight:600;fill:#0D2842;color:#0D2842;}.elementor-172 .elementor-element.elementor-element-fb7dce5{animation-duration:1000ms;animation-delay:100ms;animation-timing-function:cubic-bezier(0.77,0,0.175,1);}.elementor-172 .elementor-element.elementor-element-fb7dce5 > .elementor-widget-container{padding:42px 42px 42px 42px;}.elementor-172 .elementor-element.elementor-element-b835a9b{--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;--margin-top:-11px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-172 .elementor-element.elementor-element-015e4e8{--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;--margin-top:-72px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:200px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-172 .elementor-element.elementor-element-015e4e8:not(.elementor-motion-effects-element-type-background), .elementor-172 .elementor-element.elementor-element-015e4e8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://iptec.id/wp-content/uploads/2026/03/Asset-10.png");background-position:center center;background-size:cover;}.elementor-172 .elementor-element.elementor-element-e9fbe28{animation-duration:1000ms;animation-delay:100ms;animation-timing-function:cubic-bezier(0.77,0,0.175,1);}.elementor-172 .elementor-element.elementor-element-e9fbe28 > .elementor-widget-container{padding:0px 0px 30px 0px;}.elementor-172 .elementor-element.elementor-element-e9fbe28 img{width:31%;}.elementor-172 .elementor-element.elementor-element-8dd6d73{animation-duration:1000ms;animation-delay:100ms;}.elementor-172 .elementor-element.elementor-element-e267341{--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;--gap:0px 20px;--row-gap:0px;--column-gap:20px;--margin-top:-10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-172 .elementor-element.elementor-element-e267341:not(.elementor-motion-effects-element-type-background), .elementor-172 .elementor-element.elementor-element-e267341 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://iptec.id/wp-content/uploads/2026/03/Asset-19e.png");background-position:top center;background-size:cover;}.elementor-172 .elementor-element.elementor-element-e267341.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-172 .elementor-element.elementor-element-c011538{--spacer-size:117px;}.elementor-172 .elementor-element.elementor-element-a2d07ea{animation-duration:1000ms;animation-delay:100ms;animation-timing-function:cubic-bezier(0.77,0,0.175,1);}.elementor-172 .elementor-element.elementor-element-a2d07ea > .elementor-widget-container{padding:71px 0px 30px 0px;}.elementor-172 .elementor-element.elementor-element-a2d07ea img{width:28%;}.elementor-172 .elementor-element.elementor-element-973ea81 > .elementor-widget-container{background-color:#FFFFFF;}.elementor-172 .elementor-element.elementor-element-973ea81 .deensimc-marquee-main-container{--deensimc-container-padding:5px;--deensimc-item-gap:7px;}.elementor-172 .elementor-element.elementor-element-973ea81 .deensimc-scroll-text{font-family:"Cyberion", Inconsolata;color:#0D2842;}.elementor-172 .elementor-element.elementor-element-973ea81 .deensimc-text-wrapper svg{height:24px;width:24px;}.elementor-172 .elementor-element.elementor-element-973ea81 .deensimc-text-wrapper i{font-size:24px;}.elementor-172 .elementor-element.elementor-element-973ea81 .deensimc-text-wrapper{gap:8px;}.elementor-172 .elementor-element.elementor-element-4027341{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:250px;--padding-right:250px;}.elementor-172 .elementor-element.elementor-element-4027341:not(.elementor-motion-effects-element-type-background), .elementor-172 .elementor-element.elementor-element-4027341 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://iptec.id/wp-content/uploads/2026/03/Asset-9.png");background-position:center center;background-size:cover;}.elementor-172 .elementor-element.elementor-element-684284b{--spacer-size:75px;}.elementor-172 .elementor-element.elementor-element-ff46df3{animation-duration:1000ms;animation-delay:100ms;text-align:left;}.elementor-172 .elementor-element.elementor-element-ff46df3 .entry-title a{color:#DAE9EF;font-family:"Cyberion", Inconsolata;font-size:15px;font-weight:400;font-style:normal;line-height:1px;letter-spacing:0.4px;}.elementor-172 .elementor-element.elementor-element-ff46df3 .entry-title{margin-bottom:35px;}.elementor-172 .elementor-element.elementor-element-ff46df3 .entry-info a, .elementor-172 .elementor-element.elementor-element-ff46df3 .entry-info{color:#E0B70B;}.elementor-172 .elementor-element.elementor-element-ff46df3 .entry-info, .elementor-172 .elementor-element.elementor-element-ff46df3 .entry-info a{font-family:"Saira Condensed", Inconsolata;}.elementor-172 .elementor-element.elementor-element-ff46df3 .entry-info{margin-bottom:0px;}.elementor-172 .elementor-element.elementor-element-ff46df3 .entry-info [class^="entry-"] + [class^="entry-"]:before, .elementor-172 .elementor-element.elementor-element-ff46df3 .entry-info .entry-tax a:after{margin-right:0px;margin-left:0px;}.elementor-172 .elementor-element.elementor-element-ff46df3 .entry-meta a, .elementor-172 .elementor-element.elementor-element-ff46df3 .entry-meta, .elementor-172 .elementor-element.elementor-element-ff46df3 .entry-meta span{color:#FFFFFF;}.elementor-172 .elementor-element.elementor-element-ff46df3 .entry-meta, .elementor-172 .elementor-element.elementor-element-ff46df3 .entry-meta a, .elementor-172 .elementor-element.elementor-element-ff46df3 .entry-meta span{font-family:"Saira Condensed", Inconsolata;font-size:13px;font-weight:500;line-height:3px;letter-spacing:1.5px;}.elementor-172 .elementor-element.elementor-element-ff46df3 .entry-meta{padding:0px 0px 0px 0px;margin-bottom:0px;}.elementor-172 .elementor-element.elementor-element-ff46df3 .type-post .entry-main{padding:11px 0px 26px 20px;}.elementor-172 .elementor-element.elementor-element-ff46df3 .entry-meta .aux-read-more{padding:0px 0px 9px 0px;}.elementor-172 .elementor-element.elementor-element-6a1aab5 .elementor-button{background-color:#DAE9EF;font-family:"Saira Condensed", Inconsolata;font-weight:600;fill:#0D2842;color:#0D2842;}.elementor-172 .elementor-element.elementor-element-6a1aab5 > .elementor-widget-container{padding:30px 0px 40px 0px;}.elementor-172 .elementor-element.elementor-element-e62d93c > .elementor-widget-container{background-color:#FFFFFF;}.elementor-172 .elementor-element.elementor-element-e62d93c .deensimc-marquee-main-container{--deensimc-container-padding:5px;--deensimc-item-gap:7px;}.elementor-172 .elementor-element.elementor-element-e62d93c .deensimc-scroll-text{font-family:"Cyberion", Inconsolata;color:#0D2842;}.elementor-172 .elementor-element.elementor-element-e62d93c .deensimc-text-wrapper svg{height:24px;width:24px;}.elementor-172 .elementor-element.elementor-element-e62d93c .deensimc-text-wrapper i{font-size:24px;}.elementor-172 .elementor-element.elementor-element-e62d93c .deensimc-text-wrapper{gap:8px;}@media(max-width:1024px){.elementor-172 .elementor-element.elementor-element-0066fd0{width:initial;max-width:initial;}.elementor-172 .elementor-element.elementor-element-0066fd0 > .elementor-widget-container{padding:0px 130px 0px 130px;}.elementor-172 .elementor-element.elementor-element-c28d104{font-size:13px;}.elementor-172 .elementor-element.elementor-element-3874128 > .elementor-widget-container{padding:200px 0px 0px 0px;}.elementor-172 .elementor-element.elementor-element-3874128 img{width:45%;}.elementor-172 .elementor-element.elementor-element-bb9550c{font-size:17px;}.elementor-172 .elementor-element.elementor-element-e9fbe28 img{width:45%;}.elementor-172 .elementor-element.elementor-element-a2d07ea img{width:45%;}.elementor-172 .elementor-element.elementor-element-4027341{--padding-top:0px;--padding-bottom:0px;--padding-left:60px;--padding-right:60px;}.elementor-172 .elementor-element.elementor-element-ff46df3 .entry-title a{font-size:12px;}}@media(min-width:768px){.elementor-172 .elementor-element.elementor-element-8865bbc{--width:100%;}.elementor-172 .elementor-element.elementor-element-e267341{--width:117.962%;}}@media(max-width:767px){.elementor-172 .elementor-element.elementor-element-8865bbc:not(.elementor-motion-effects-element-type-background), .elementor-172 .elementor-element.elementor-element-8865bbc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:top center;background-size:cover;}.elementor-172 .elementor-element.elementor-element-8865bbc{--padding-top:210px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-172 .elementor-element.elementor-element-0066fd0 > .elementor-widget-container{padding:0px 50px 0px 50px;}.elementor-172 .elementor-element.elementor-element-c28d104 > .elementor-widget-container{padding:0px 20px 0px 20px;}.elementor-172 .elementor-element.elementor-element-c28d104{font-size:10px;}.elementor-172 .elementor-element.elementor-element-3874128 > .elementor-widget-container{padding:130px 0px 0px 0px;}.elementor-172 .elementor-element.elementor-element-3874128 img{width:70%;}.elementor-172 .elementor-element.elementor-element-c4dee37{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-172 .elementor-element.elementor-element-bb9550c{font-size:10px;}.elementor-172 .elementor-element.elementor-element-015e4e8:not(.elementor-motion-effects-element-type-background), .elementor-172 .elementor-element.elementor-element-015e4e8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://iptec.id/wp-content/uploads/2026/04/Asset-14.png");background-size:cover;}.elementor-172 .elementor-element.elementor-element-015e4e8{--padding-top:100px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-172 .elementor-element.elementor-element-e9fbe28 img{width:70%;}.elementor-172 .elementor-element.elementor-element-8dd6d73 > .elementor-widget-container{margin:-73px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-172 .elementor-element.elementor-element-c011538{--spacer-size:0px;}.elementor-172 .elementor-element.elementor-element-a2d07ea img{width:70%;}}/* Start custom CSS for text-editor, class: .elementor-element-9437521 */<style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
           
            
        
            justify-content: center;
            align-items: center;
            
           
        }

        .page-title {
            font-size: 3rem;
            font-weight: 700;
            letter-spacing: 0.2rem;
            margin-bottom: 3rem;
            background: linear-gradient(90deg, #64b5f6, #42a5f5, #2196f3);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
            text-shadow: 0 0 20px rgba(33, 150, 243, 0.5);
        }

        .thumbnail-container {
            display: flex;
            flex-wrap: wrap;
            gap: 3rem;
            justify-content: center;
            max-width: 100%;
            width: 100%;
        }

        .thumbnail {
            position: relative;
            width: 410px;
            height: 219px;
            overflow: hidden;
            border-radius: 0px;
            background: rgba(13, 27, 42, 0.7);
            backdrop-filter: blur(10px);
            border: 2px solid rgba(100, 181, 246, 0.2);
            cursor: pointer;
            transition: all 0.3s ease;
            border-style: solid;
            border-width: 1px;
            border-color: #DAE9EF;
        }

        .thumbnail:hover {
            transform: translateY(-3px) scale(1.04);
            box-shadow: 0 20px 40px rgba(33, 150, 243, 0.4);
            border-color: rgba(100, 181, 246, 0.6);
        }

        .image-container {
            position: relative;
            width: 100%;
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: 2;
            overflow: hidden;
        }

        .thumbnail-image {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: all 0.3s ease;
        }

        .thumbnail:hover .thumbnail-image {
            transform: scale(1.28);
            filter: brightness(0.7);
            
        }

        /* Marquee Border Container */
        .marquee-border {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            overflow: hidden;
            z-index: 3;
            opacity: 0;
            transition: opacity 0.3s ease;
        }

        .thumbnail:hover .marquee-border {
            opacity: 1;
        }

        /* Individual marquee strips with white background */
        .marquee-strip {
            position: absolute;
            background: rgba(255, 255, 255);
            overflow: hidden;
            box-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
        }

        .marquee-top {
            top: 0;
            left: 0;
            width: 100%;
            height: 14px;
            border-bottom: 2px solid #1a237e;
        }

        .marquee-right {
            top: 0;
            right: 0;
            width: 14px;
            height: 100%;
            border-left: 2px solid #1a237e;
        }

        .marquee-bottom {
            bottom: 0;
            left: 0;
            width: 100%;
            height: 14px;
            border-top:2px solid #1a237e;
        }

        .marquee-left {
            top: 0;
            left: 0;
            width: 14px;
            height: 100%;
            border-right: 2px solid #1a237e;
        }

        /* Marquee text styling with dark color for white background */
        .marquee-text {
            color: #1a237e;
            font-weight: bold;
            font-size: 7.3px;
            white-space: nowrap;
            text-transform: uppercase;
            letter-spacing: 1px;
            font-family: "Cyberion";
            display: inline-block;
        }

        /* Top marquee - moves right continuously */
        .text-top {
            position: absolute;
            top: 2px;
            left: 0;
            animation: moveRightContinuous 40s linear infinite;
        }

        /* Right marquee - moves down continuously */
        .text-right {
            position: absolute;
            top: 0;
            right: 2px;
            writing-mode: vertical-rl;
            animation: moveDownContinuous 40s linear infinite;
        }

        /* Bottom marquee - moves left continuously */
        .text-bottom {
            position: absolute;
            bottom: -2px;
            left: 0;
            animation: moveLeftContinuous 40s linear infinite;
        }

        /* Left marquee - moves up continuously */
        .text-left {
            position: absolute;
            bottom: 0;
            left: -2px;
            writing-mode: vertical-rl;
            animation: moveUpContinuous 40s linear infinite;
        }

        /* Continuous seamless animation keyframes */
        @keyframes moveRightContinuous {
            0% {
                transform: translateX(0);
            }
            100% {
                transform: translateX(-50%);
            }
        }

        @keyframes moveDownContinuous {
            0% {
                transform: translateY(0);
            }
            100% {
                transform: translateY(-50%);
            }
        }

        @keyframes moveLeftContinuous {
            0% {
                transform: translateX(0);
            }
            100% {
                transform: translateX(-50%);
            }
        }

        @keyframes moveUpContinuous {
            0% {
                transform: translateY(0);
            }
            100% {
                transform: translateY(50%);
            }
        }

        /* Corner decorations */
        .corner {
            position: absolute;
            width: 20px;
            height: 20px;
            border: 0px solid white;
            opacity: 0;
            transition: opacity 0.3s ease;
            z-index: 4;
        }

        .thumbnail:hover .corner {
            opacity: 1;
        }

        .corner-tl {
            top: 10px;
            left: 10px;
            border-right: none;
            border-bottom: none;
        }

        .corner-tr {
            top: 10px;
            right: 10px;
            border-left: none;
            border-bottom: none;
        }

        .corner-bl {
            bottom: 10px;
            left: 10px;
            border-right: none;
            border-top: none;
        }

        .corner-br {
            bottom: 10px;
            right: 10px;
            border-left: none;
            border-top: none;
        }
		
		 /* Thumbnail info panel */
        .thumbnail-info {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            background-image: url("http://localhost/web-unhan/wp-content/uploads/2025/11/Asset-6.png");
            background-size: cover;
            padding: 6.8rem;
			transform: translateY(-100%);
            transition: transform 0.3s ease;
            border-top: 1px solid rgba(100, 181, 246, 0.3);
            z-index: 5;
        }

        .thumbnail:hover .thumbnail-info {
            transform: translateY(0);
        }

        .thumbnail-title {
            font-size: 1.5rem;
            margin-bottom: 1.5rem;
            color: #64b5f6;
        }

        .thumbnail-description {
            font-size: 0.9rem;
            color: #e1f5fe;
            line-height: 1.5;
        }

        @media (max-width: 768px) {
            .page-title {
                font-size: 2rem;
            }
            
            .thumbnail {
                width: 300px;
                height: 300px;
            }
            
            .marquee-text {
                font-size: 12px;
            }
        }
    </style>/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8dd6d73 */.ag-clients{
position:relative;
background:# ;
padding:100px 0;
overflow:hidden;
}



/* ROW */
.ag-row{
overflow:hidden;
margin:40px 0;
}

/* TRACK */
.ag-track{
display:flex;
width:max-content;
animation:ag-scroll 32s linear infinite;
align-items:center;
}

/* REVERSE ROW */
.ag-track.reverse{
animation:ag-scroll-reverse 26s linear infinite;
}

/* LOGO */
.ag-track img{
height:45px;
margin:0 60px;
opacity:.55;
filter:grayscale(100%);
transition:all .3s ease;
}

.ag-track img:hover{
opacity:1;
filter:grayscale(0%);
transform:scale(1.05);
}

/* ANIMATION */
@keyframes ag-scroll{
0%{
transform:translateX(0);
}
100%{
transform:translateX(-50%);
}
}

@keyframes ag-scroll-reverse{
0%{
transform:translateX(-50%);
}
100%{
transform:translateX(0);
}
}

/* GRADIENT MASK */
.ag-clients::before{
content:"";
position:absolute;
inset:0;
background:linear-gradient(
90deg,
#0D2842 0%,
transparent 12%,
transparent 88%,
#0D2842 100%
);
z-index:2;
pointer-events:none;
}

/* RESPONSIVE */
@media(max-width:768px){

.ag-track img{
height:34px;
margin:0 30px;
}

.ag-clients{
padding:70px 0;
}

}/* End custom CSS */
/* Start custom CSS for aux_recent_posts, class: .elementor-element-ff46df3 */.entry-main {
    background: url("/iptec_baru/wp-content/uploads/2026/03/Asset-12za.png") bottom center / cover no-repeat !important;
    position: relative !important;
    z-index: 999 !important;
    margin-top: -24px !important;
    border-radius: 0px;
}
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Cyberion';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://iptec.id/wp-content/uploads/2026/03/Cyberion-Demo.eot');
	src: url('https://iptec.id/wp-content/uploads/2026/03/Cyberion-Demo.eot?#iefix') format('embedded-opentype'),
		url('https://iptec.id/wp-content/uploads/2026/03/Cyberion-Demo.woff2') format('woff2'),
		url('https://iptec.id/wp-content/uploads/2026/03/Cyberion-Demo.woff') format('woff'),
		url('https://iptec.id/wp-content/uploads/2026/03/Cyberion-Demo.ttf') format('truetype'),
		url('https://iptec.id/wp-content/uploads/2026/03/Cyberion-Demo.svg#Cyberion') format('svg');
}
/* End Custom Fonts CSS */