@charset "UTF-8";section.hero{padding:3em 0;background:rgb(42,45,65);background:linear-gradient(90deg,rgb(42,45,65) 0%,rgb(9,64,121) 47%,rgb(84,52,180) 100%);color:#fff}section.hero .container{z-index:2}section.hero .heading{font-size:2.5em}section.hero .heading .primary{color:#fcc425}section.hero .heading .secondary{color:#7fdcc5}section.hero .left{margin-bottom:3em}section.hero .right iframe{width:100%;border-radius:1.5em}section.why{position:relative;padding:3em 0 0}section.why .left{width:100%;height:20em;margin-bottom:3em;margin-left:-2em;border-radius:0 1.5em 1.5em 0}section.why .right{margin-bottom:3em}section.why .right .list-excess{margin-top:2em}section.why .right .subheading{color:#747474}section.why .right .heading{color:#00235b}section.why .right .list-excess-item{display:flex;align-items:center;gap:.5em;font-weight:500;font-size:1em;margin-bottom:.8em}section.why .right .list-excess-item svg{color:#fcc425;font-size:1.5em}section.competen{padding:1em 0}section.competen .subheading{text-align:center}section.competen .heading{width:92%;margin:0 auto;text-align:center}section.competen .list-competens{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2em;margin-top:5.5em}section.competen .list-competen-item{display:flex;flex-direction:column;justify-content:space-between;background-color:#f6f6f6;padding:1.5em;margin-bottom:2em;border-radius:1em;transition:.3s ease}section.competen .list-competen-item .competen-title{font-size:1em;font-weight:600;margin-bottom:.3em}section.competen .list-competen-item .competen-description{font-size:.9em;font-weight:400;height:2em}section.competen .list-competen-item .icon{display:flex;align-items:center;justify-content:center;width:5em;height:5em;background-color:#fff;border-radius:50%;margin-top:-4em;margin-bottom:1.2em;box-shadow:0 2px 10px #e1e1e180;transition:.3s ease}section.competen .list-competen-item .icon img{width:50%;object-fit:cover}section.competen .list-competen-item .circle-arrow{position:relative;display:block;width:1.5em;height:1.5em;font-size:2em;border-radius:50%;border:1px solid rgb(179,179,179);margin-top:.6em;color:#000;transition:.3s ease}section.competen .list-competen-item .circle-arrow svg{position:absolute;left:-.1em;bottom:-.1em}section.competen .list-competen-item:hover{background-color:#fff;box-shadow:0 2px 10px #e1e1e180}section.competen .list-competen-item:hover .circle-arrow{background-color:#fcc425;border-color:#fcc425}section.competen .list-competen-item:hover .icon{background-color:#fcc425}section.info-more .row{padding:3.5em 1em;border-radius:1em;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='1440' height='560' preserveAspectRatio='none' viewBox='0 0 1440 560'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1010%26quot%3b)' fill='none'%3e%3crect width='1440' height='560' x='0' y='0' fill='rgba(58%2c 70%2c 151%2c 1)'%3e%3c/rect%3e%3cpath d='M0%2c469.41C84.837%2c446.475%2c118.577%2c346.271%2c187.468%2c291.705C247.054%2c244.509%2c344.297%2c240.8%2c375.905%2c171.67C407.513%2c102.54%2c363.916%2c23.821%2c343.418%2c-49.376C325.426%2c-113.624%2c307.337%2c-178.026%2c263.817%2c-228.599C220.204%2c-279.28%2c158.981%2c-306.547%2c98.177%2c-334.36C27.822%2c-366.542%2c-41.159%2c-406.459%2c-118.467%2c-403.462C-207.399%2c-400.015%2c-316.032%2c-390.621%2c-365.144%2c-316.399C-415.107%2c-240.891%2c-357.375%2c-140.982%2c-351.952%2c-50.603C-347.774%2c19.026%2c-349.562%2c85.269%2c-336.927%2c153.869C-320.292%2c244.181%2c-333.333%2c351.608%2c-266.306%2c414.38C-198.778%2c477.622%2c-89.312%2c493.555%2c0%2c469.41' fill='%23262e62'%3e%3c/path%3e%3cpath d='M1440 1102.8609999999999C1548.746 1110.31 1665.151 1111.95 1756.3609999999999 1052.268 1847.329 992.744 1890.748 885.047 1928.612 783.142 1964.338 686.991 1970.733 586.686 1967.4470000000001 484.165 1963.792 370.144 1980.993 242.13 1908.45 154.086 1835.683 65.76999999999998 1707.88 50.889999999999986 1594.997 32.12800000000004 1492.652 15.116999999999962 1387.009 12.918999999999983 1290.662 51.40300000000002 1199.191 87.94 1145.52 175.59699999999998 1071.925 241.06099999999998 985.1179999999999 318.277 858.824 361.522 819.231 470.747 777.914 584.728 796.988 721.356 860.358 824.7139999999999 921.624 924.639 1044.644 960.044 1150.318 1010.7529999999999 1243.558 1055.495 1336.823 1095.7930000000001 1440 1102.8609999999999' fill='%235a68c0'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1010'%3e%3crect width='1440' height='560' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e");color:#fff}section.info-more .list-infos{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:2em}section.info-more .list-info-item{display:flex;flex-direction:column;align-items:center;justify-content:center}section.info-more .list-info-item .icon{font-size:3em;margin-bottom:.2em}section.info-more .list-info-item .info-description{width:15em;height:3em;text-align:center;font-size:.8em}section.blog{margin-top:2em}section.blog .subheading{text-align:center}section.blog .heading{margin-bottom:1.4em;text-align:center}section.faq{margin-top:7em}section.faq .left{margin-bottom:2em}section.banner{padding:0 1.5em;margin-top:7em;color:#fff}section.banner .container{position:relative;background-color:#3a4697;border-radius:1em;padding:5em 2em;overflow:hidden}section.banner .container .banner-info{position:relative;z-index:1}section.banner .container .heading{font-size:1.5em}section.banner .container .description{font-size:.8em;margin-bottom:2em}section.banner .container .shape{width:6em;position:absolute}section.banner .container .shape1{left:0;bottom:0}section.banner .container .shape2{right:0;top:-2em}@media (min-width: 1000px){section.hero{display:flex;justify-content:center;align-items:center;height:35em}section.hero .row{display:grid;gap:3em;grid-template-columns:repeat(2,1fr);align-items:center}section.why{padding:6em 0 0}section.why .left{position:absolute;left:-10em;width:50%;height:80%}section.why .left:before{content:"";position:absolute;top:-3em;left:-5em;width:100%;height:37.5em;background-color:#e6e6e6;border-radius:0 1.5em 1.5em 0;z-index:-1}section.why .right{max-width:650px;margin-left:auto}section.competen{margin-top:10em}section.competen .heading{width:50%}section.faq .row{display:grid;grid-template-columns:repeat(2,1fr);gap:4em}section.banner .container{padding:5em 15em}section.banner .container .heading{font-size:2em}section.banner .container .shape{width:12em;position:absolute}}@media (max-width: 1000px){section.hero{background:linear-gradient(90deg,rgb(42,45,65) 0%,rgb(9,64,121) 47%)}}.list-blogs{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2em}.card-blog{border-radius:1em;box-shadow:0 2px 10px #e1e1e180;overflow:hidden}.card-blog .card-blog-cover{height:18em}.card-blog .card-blog-cover img{width:100%;height:100%;object-fit:cover;z-index:-1}.card-blog .card-blog-body{padding:0 1.5em}.card-blog .card-blog-body .card-author{display:flex;align-items:center;justify-content:space-between;background-color:#fff;box-shadow:0 10px 10px #e1e1e180;border-radius:1.1em;transform:translateY(-27px)}.card-blog .card-blog-body .card-author .card-author-info{display:flex;align-items:center;padding:.4em;gap:.8em}.card-blog .card-blog-body .card-author .card-author-info img{width:2.5em;height:2.5em;border-radius:50%;object-fit:cover}.card-blog .card-blog-body .card-author .card-author-info .card-author-detail p{font-size:.8em}.card-blog .card-blog-body .card-author .card-author-info .card-author-detail h3{font-weight:500;font-size:.9em;margin-top:-.4em}.card-blog .card-blog-body .card-author .circle-arrow{display:flex;align-items:center;justify-content:center;width:1.7em;height:1.7em;font-size:1.5em;border-radius:50%;margin-right:.2em;background-color:#3a4697;color:#fff}.card-blog .card-blog-body .card-title{display:inline-block;font-size:1.2em;font-weight:600;line-height:1.4;margin-bottom:.5em;color:#000}.card-blog .card-blog-body .card-description{font-size:.9em}.card-blog .card-blog-body .card-info{display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgb(232,232,232);margin-top:1em;padding:1em 0}.card-blog .card-blog-body .card-info .circle{width:.5em;height:.5em;background-color:#cacaca;border-radius:50%}.card-blog .card-blog-body .card-info h4{font-weight:400}.card-blog:hover .card-blog-body .circle{background-color:#fcc425}.accordion-item{padding:1em 0 1em 70px;border-bottom:1px solid rgb(231,228,228);transition:all .5s ease-in}.accordion-toggle{position:relative;cursor:pointer}.accordion-toggle .icon{display:flex;justify-content:center;align-items:center;position:absolute;top:5%;left:-4.5em;width:2.5em;height:2.5em;border-radius:50%;background-color:orange}.accordion-toggle .accordion-title{font-size:1em;font-weight:600;padding:1em;border-top-left-radius:1em;border-top-right-radius:1em;transition:all .5s ease}.accordion-toggle .accordion-title.active{transition:all .5s ease;background-color:#f6f6f6}.accordion-content{max-height:0;overflow:hidden;padding:0 0 0 15px;font-size:.9em;border-bottom-left-radius:1em;border-bottom-right-radius:1em;transition:all .5s cubic-bezier(0,1,0,1);transition:background-color .5s ease}.accordion-content.show{background-color:#f6f6f6;transition:all .5s cubic-bezier(1,0,1,0);padding:0 0 20px 15px;height:auto;max-height:9999px}header{padding:1em;max-width:1300px;margin:0 auto}header .row:nth-child(1) .list-informs{display:none}header .header{display:flex;align-items:center;justify-content:space-between}header .header .nav-logo{display:flex;align-items:center;gap:.5em}header .header .nav-logo img{flex:0 0 auto;width:4.5em}header .header .nav-logo .title{font-size:.9em;font-weight:600;width:45%;color:#000}header .header .btn-open-nav{display:flex;align-items:center;justify-content:center;font-size:2em;cursor:pointer}header .wrapper-nav{display:flex;justify-content:space-between}header nav{position:fixed;top:0;max-width:1300px;right:-40em;display:flex;justify-content:space-between;height:100%;padding:2em;transition:.3s ease-out;z-index:9999999}header nav.show{right:0em}header nav .wrapper-buttons{display:flex;align-items:center;gap:1em}header nav .nav-items{display:flex;flex-direction:column;gap:.5em;margin-top:3em}header nav .nav-item{font-weight:500;padding-bottom:.5em;cursor:pointer}header nav .nav-item a{display:block}header .area-close-nav{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0f0f0f7c;opacity:.4;z-index:99}@media (min-width: 1000px){header{height:9.8em;padding:.5em 1em 0}header .row:nth-child(1){display:flex;align-items:center;justify-content:space-between;padding-bottom:.6em;border-bottom:1px solid rgb(214,214,214)}header .row:nth-child(1) .header .btn-open-nav{display:none}header .row:nth-child(1) .list-informs{display:flex;gap:3em}header .row:nth-child(1) .list-inform-item{display:flex;align-items:center;gap:1.2em}header .row:nth-child(1) .list-inform-item .icon{display:flex;align-items:center;justify-content:center;width:2.5em;height:2.5em;background-color:#3a4697;border-radius:50%;color:#fff}header .row:nth-child(1) .list-inform-item .title{font-size:1em;font-weight:500}header .row:nth-child(1) .list-inform-item .description{font-size:.8em}header .row:nth-child(2){display:flex;align-items:center;justify-content:center;padding:1.3em 0;transition:.2s ease-in}header .row:nth-child(2).sticky{width:100%;position:fixed;top:0;left:0;z-index:99;background-color:#fff;padding-bottom:1.6em;padding-top:1.6em;box-shadow:0 5px 10px #c8c8c880}header .row:nth-child(2) nav{width:100%;padding:0;position:unset;background-color:transparent}header .row:nth-child(2) nav .nav-items{flex-direction:row;margin:0;gap:2em}header .row:nth-child(2) nav .nav-item{padding:0;cursor:pointer}}@media (max-width: 1000px){header{height:6.5em}.wrapper-buttons{display:none}.header{transition:.3s ease-in}.header.sticky{width:100%;position:fixed;padding:.6em;top:0;left:0;z-index:99;background-color:#fff;box-shadow:0 5px 10px #c8c8c880}nav{width:400px;overflow-y:scroll;background-color:#fff}}.dropdown .dropdown-button{display:flex;align-items:center;width:100%;font-size:1em;font-weight:500;background:none;border:none;gap:.6em;cursor:pointer}.dropdown .dropdown-item{display:flex;flex-direction:column;height:0;max-height:0;visibility:hidden;opacity:0;gap:.7em}.dropdown .dropdown-item a{padding-bottom:.5em;padding-left:1.5em}.dropdown .dropdown-item.show{height:auto;max-height:9999px;padding-top:.9em;visibility:visible;opacity:1;transition:.2s ease-in}@media (min-width: 1000px){.dropdown{position:relative}.dropdown .dropdown-item{width:max-content;height:auto;max-height:9999px;position:absolute;background-color:#fff;border-radius:.8em;padding:1em;box-shadow:0 5px 10px #bdbdbd80;transition:.1s ease-in;top:2.5em}.dropdown .dropdown-item a{font-size:.8em;padding:0}.dropdown:hover .dropdown-item{top:2em;visibility:visible;transition:.2s ease-in;opacity:1}}.btn-link{padding:.8em 1.5em;border-radius:.5em;font-size:.9em;font-weight:500}.btn.primary,.btn-link.primary{background-color:#3a4697;color:#fff}.btn.secondary,.btn-link.secondary{background-color:#fcc425;color:#fff}.btn.secondary2,.btn-link.secondary2{background-color:#fcc425;color:#000}.btn.outline-secondary,.btn-link.outline-secondary{background-color:transparent;border:2px solid #fcc425;color:#000}footer{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='1440' height='560' preserveAspectRatio='none' viewBox='0 0 1440 560'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1036%26quot%3b)' fill='none'%3e%3crect width='1440' height='560' x='0' y='0' fill='rgba(58%2c 70%2c 151%2c 1)'%3e%3c/rect%3e%3cpath d='M0%2c630.161C116.439%2c600.728%2c143.562%2c444.118%2c236.636%2c368.213C314.443%2c304.759%2c430.958%2c303.261%2c495.326%2c226.208C569.13%2c137.86%2c635.225%2c24.971%2c618.524%2c-88.93C601.828%2c-202.797%2c502.378%2c-286.604%2c410.06%2c-355.319C329.917%2c-414.972%2c229.392%2c-426.982%2c132.364%2c-450.791C39.981%2c-473.46%2c-49.761%2c-502.131%2c-144.271%2c-491.343C-251.868%2c-479.061%2c-368.327%2c-462.167%2c-444.278%2c-384.969C-521.498%2c-306.482%2c-543.267%2c-188.968%2c-549.893%2c-79.063C-556.168%2c25.029%2c-517.36%2c121.906%2c-480.72%2c219.538C-441.404%2c324.3%2c-413.514%2c438.372%2c-328.431%2c511.048C-238.052%2c588.248%2c-115.237%2c659.29%2c0%2c630.161' fill='%23343e86'%3e%3c/path%3e%3cpath d='M1440 871.2819999999999C1498.351 857.895 1556.577 851.777 1609.363 823.533 1665.748 793.364 1713.709 753.1030000000001 1753.873 703.341 1804.5439999999999 640.561 1889.76 576.604 1872.225 497.855 1854.307 417.384 1730.0430000000001 417.76099999999997 1676.353 355.199 1622.2350000000001 292.138 1640.442 170.51299999999998 1563.781 138.44099999999997 1489.177 107.23000000000002 1406.621 170.45100000000002 1338.344 213.79000000000002 1282.309 249.35899999999998 1251.185 308.808 1211.533 362.03200000000004 1175.08 410.961 1137.194 456.38599999999997 1115.204 513.301 1088.161 583.295 1052.109 656.164 1069.71 729.106 1088.375 806.4590000000001 1137.7730000000001 886.1610000000001 1212.058 914.684 1285.757 942.981 1363.054 888.935 1440 871.2819999999999' fill='%23404ea8'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1036'%3e%3crect width='1440' height='560' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e");color:#fff;padding:1em 0 .5em;margin-top:7em}footer .row{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}footer .col{margin-bottom:1.5em}footer .col:nth-child(2),footer .col:nth-child(3){margin-top:2em}footer .col:nth-child(1) .logo{width:4em}footer .col:nth-child(1) .quote{width:16em;font-size:1em;font-weight:500;margin-top:.5em;margin-bottom:1em}footer .col:nth-child(1) .list-inform-item{display:flex;align-items:center;column-gap:.5em;margin-bottom:.5em}footer .col:nth-child(1) .list-inform-item .icon{display:flex;align-items:center;justify-content:center;width:2em;height:2em;background-color:#fcc425;border-radius:50%;font-size:.9em}footer .col:nth-child(2) .location{margin-bottom:1.5em}footer .col:nth-child(2) .location .title{font-size:1em;font-weight:600}footer .description{font-size:.9em}footer .copyright{text-align:center;margin-top:3em}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-container{background:url(/assets/bg-popup-f47b4abb.jfif);background-size:cover;border-radius:16px;max-width:500px;width:90%;position:relative;padding:20px;box-shadow:0 4px 8px #0000001a;z-index:-1}.modal-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:#030e3fcc;border-radius:16px;z-index:-1}.modal-close-btn{position:absolute;top:10px;right:10px;background:none;border:none;font-size:24px;cursor:pointer;color:#fff}.modal-content{margin-top:10px}.ppdb-modal{text-align:center}.ppdb-modal h3{color:#fff;margin-bottom:10px}.ppdb-modal .highlight{color:#f39c12;font-weight:700}.ppdb-modal .jurusan-list{text-align:left;margin:15px 0}.ppdb-modal .jurusan-list .jurusan-item{margin:8px 0}.ppdb-modal .contact-info{margin:15px 0}.ppdb-modal .contact-info .phone-numbers{margin:10px 0}.ppdb-modal .contact-info .phone-numbers .phone-number{display:block;margin:5px 0;text-decoration:underline}.ppdb-modal .cta-button{background-color:#f39c12;color:#fff;border:none;padding:10px 20px;border-radius:5px;font-weight:700;cursor:pointer;margin-top:15px}.ppdb-modal .cta-button:hover{background-color:#c87f0a}section.hero-banner{position:relative;height:28em;background-size:cover;background-position:center;color:#fff;z-index:2}section.hero-banner:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.3);z-index:-1}section.hero-banner .container{display:flex;align-items:center;height:100%;justify-content:center}section.hero-banner .container .heading{font-size:2.5em}section.hero-banner .container .crumben{position:absolute;bottom:0;display:flex;align-items:center;justify-content:center;width:40em;padding:1.5em 1em;background-color:#3a4697;border-top-left-radius:1em;border-top-right-radius:1em;gap:2em}section.hero-banner .container .crumben .circle{display:flex;align-items:center;justify-content:center;width:1.5em;height:1.5em;border:1.5px solid white;border-radius:50%}section.hero-banner .container .crumben .circle .dot{width:.5em;height:.5em;background-color:#fff;border-radius:50%}section.hero-banner .container .crumben a{color:#fff}section.hero-banner .container .crumben a.active{text-decoration:underline}.profile-about{padding:5em 0}.profile-about .row{display:flex;flex-direction:column;gap:2em}.profile-about .row .left .heading{margin-top:.5em}.profile-about .row .right p{margin-bottom:1.5em;line-height:1.7;color:#555;font-size:1.1em}.profile-about .row .right p:last-child{margin-bottom:0}.vision-mission{padding:2em 0;background-color:#f8f9fa}.vision-mission .section-header{text-align:center;margin-bottom:3em}.vision-mission .section-header .heading{margin-top:.5em}.vision-mission .vision-mission-content{display:flex;flex-direction:column;gap:3em}.vision-mission .vision-mission-content .vision-box,.vision-mission .vision-mission-content .mission-box{background-color:#fff;padding:2em;border-radius:10px;box-shadow:0 5px 15px #0000000d}.vision-mission .vision-mission-content .vision-box h4,.vision-mission .vision-mission-content .mission-box h4{font-size:1.3em;font-weight:600;color:#3a4697;margin-bottom:1em;position:relative;padding-bottom:.5em}.vision-mission .vision-mission-content .vision-box h4:after,.vision-mission .vision-mission-content .mission-box h4:after{content:"";position:absolute;bottom:0;left:0;width:50px;height:3px;background-color:#fcc425}.vision-mission .vision-mission-content .vision-box p{line-height:1.7;font-style:italic;color:#555;font-size:1.2em}.vision-mission .vision-mission-content .mission-box .mission-list{list-style:none;padding:0}.vision-mission .vision-mission-content .mission-box .mission-list li{position:relative;padding-left:1.5em;margin-bottom:1em;line-height:1.7;color:#555;font-size:1.1em}.vision-mission .vision-mission-content .mission-box .mission-list li:before{content:"\2022";position:absolute;left:0;color:#fcc425;font-size:1.2em}.vision-mission .vision-mission-content .mission-box .mission-list li:last-child{margin-bottom:0}@media (min-width: 1000px){.profile-about .row{flex-direction:row;gap:5em}.profile-about .row .left{flex:1}.profile-about .row .right{flex:2}.vision-mission .vision-mission-content{flex-direction:row;gap:2em}.vision-mission .vision-mission-content .vision-box,.vision-mission .vision-mission-content .mission-box{flex:1;transition:transform .3s ease}.vision-mission .vision-mission-content .vision-box:hover,.vision-mission .vision-mission-content .mission-box:hover{transform:translateY(-5px)}}section.detail-blog{margin-top:2em}section.detail-blog .left .info-blog{display:flex;align-items:center;gap:1.5em}section.detail-blog .left .info-profile-user{width:3.7em;height:3.7em;overflow:hidden;border-radius:50%}section.detail-blog .left .info-profile-user img{width:100%;object-fit:cover}section.detail-blog .left .info-user-name{font-size:1.2em;font-weight:400}section.detail-blog .left .blog-content{margin-top:2em}section.detail-blog .left .blog-content .blog-title{font-size:2em;font-weight:700;margin-bottom:1em}section.detail-blog .left .blog-content .image-content{width:100%;border-radius:10px;margin-bottom:2em}section.detail-blog .right{margin-top:4em}section.detail-blog .right .wrapper{padding:2em;border:1px solid rgb(200,200,200);border-radius:1em}section.detail-blog .right .title{font-weight:600;margin-bottom:1.5em}section.detail-blog .right .recent-blogs{display:flex;flex-direction:column;row-gap:1.8em}section.detail-blog .right .recent-blog-item{padding-bottom:1.7em}section.detail-blog .right .recent-blog-item:nth-child(1),section.detail-blog .right .recent-blog-item:nth-child(2){border-bottom:1px solid rgb(169,169,169)}section.detail-blog .right .recent-blog-item h3{font-weight:600}section.detail-blog .right .recent-blog-item .recent-blog-cover{width:4em;height:4em;border-radius:50%}section.detail-blog .right .recent-blog-item .recent-blog-info{display:flex;align-items:center;column-gap:1em;margin-bottom:1em}section.detail-blog .right .recent-blog-item .recent-blog-info-detail h2{font-size:1em;font-weight:500}@media (min-width: 1000px){section.detail-blog .row{display:flex}section.detail-blog .left{width:60%}section.detail-blog .right{width:40%;padding-left:5em;margin-top:0}}section.artikel{margin-top:2em}section.artikel h2{text-align:center;margin-bottom:1.7em}.mikrotik-headmaster{padding:5rem 0;background-color:#fff}.mikrotik-headmaster .row{display:flex;flex-wrap:wrap;gap:3rem}@media (max-width: 768px){.mikrotik-headmaster .row{flex-direction:column}}.mikrotik-headmaster .row .left{flex:1;min-width:300px}.mikrotik-headmaster .row .left .subheading{color:#3a4697;font-size:1rem;font-weight:600;margin-bottom:1rem}.mikrotik-headmaster .row .left .heading{font-size:2rem;font-weight:700;margin-bottom:1.5rem;color:#333}.mikrotik-headmaster .row .left .name{font-size:1.2rem;font-weight:600;color:#fcc425;margin-bottom:2rem}.mikrotik-headmaster .row .left .headmaster-image{width:100%;border-radius:10px;overflow:hidden;box-shadow:0 10px 30px #0000001a}.mikrotik-headmaster .row .left .headmaster-image img{width:100%;height:auto;object-fit:cover}.mikrotik-headmaster .row .right{flex:1;min-width:300px}.mikrotik-headmaster .row .right p{font-size:1rem;line-height:1.8;color:#555;margin-bottom:1.5rem}.mikrotik-about{padding:5rem 0;background-color:#f9f9f9}.mikrotik-about .row{display:flex;flex-wrap:wrap;gap:3rem;align-items:center}@media (max-width: 768px){.mikrotik-about .row{flex-direction:column}}.mikrotik-about .row .left{flex:1;min-width:300px;display:flex;justify-content:center;align-items:center}.mikrotik-about .row .left .mikrotik-logo{max-width:300px;padding:2rem;background-color:#fff;border-radius:10px;box-shadow:0 10px 30px #0000001a}.mikrotik-about .row .left .mikrotik-logo img{width:100%;height:auto}.mikrotik-about .row .right{flex:1;min-width:300px}.mikrotik-about .row .right .subheading{color:#3a4697;font-size:1rem;font-weight:600;margin-bottom:1rem}.mikrotik-about .row .right .heading{font-size:2rem;font-weight:700;margin-bottom:1.5rem;color:#333}.mikrotik-about .row .right p{font-size:1rem;line-height:1.8;color:#555;margin-bottom:1.5rem}.mikrotik-about .responsive-image{max-width:100%;height:auto;display:block}@media (min-width: 1000px){.mikrotik-about .responsive-image{max-width:680px}}.mikrotik-benefits{padding:5rem 0;background-color:#fff}.mikrotik-benefits .row .section-header{text-align:center;margin-bottom:3rem}.mikrotik-benefits .row .section-header .subheading{color:#3a4697;font-size:1rem;font-weight:600;margin-bottom:1rem}.mikrotik-benefits .row .section-header .heading{font-size:2rem;font-weight:700;margin-bottom:1.5rem;color:#333}.mikrotik-benefits .row .benefits-list{list-style:none;padding:0;max-width:800px;margin:0 auto}.mikrotik-benefits .row .benefits-list .benefit-item{display:flex;align-items:flex-start;margin-bottom:1.5rem;padding:1.5rem;background-color:#f9f9f9;border-radius:8px;transition:all .3s ease}.mikrotik-benefits .row .benefits-list .benefit-item:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000001a}.mikrotik-benefits .row .benefits-list .benefit-item .check-icon{color:#fcc425;font-size:1.5rem;margin-right:1rem;flex-shrink:0}.mikrotik-benefits .row .benefits-list .benefit-item span{font-size:1rem;line-height:1.6;color:#444}.mitra-intro{padding:4em 0}.mitra-intro .section-header{text-align:center;margin-bottom:2em}.mitra-intro .intro-content{max-width:800px;margin:0 auto}.mitra-intro .intro-content p{margin-bottom:1.5em;line-height:1.7;color:#555;font-size:1.1em}.mitra-intro .intro-content p:last-child{margin-bottom:0}.mitra-benefits{padding:4em 0;background-color:#f8f9fa}.mitra-benefits .section-header{text-align:center;margin-bottom:3em}.mitra-benefits .benefits-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2em}.mitra-benefits .benefits-container .benefit-box{background-color:#fff;padding:2em;border-radius:10px;box-shadow:0 5px 15px #0000000d;transition:transform .3s ease}.mitra-benefits .benefits-container .benefit-box:hover{transform:translateY(-5px)}.mitra-benefits .benefits-container .benefit-box h4{font-size:1.3em;font-weight:600;color:#3a4697;margin-bottom:1em;position:relative;padding-bottom:.5em}.mitra-benefits .benefits-container .benefit-box h4:after{content:"";position:absolute;bottom:0;left:0;width:50px;height:3px;background-color:#fcc425}.mitra-benefits .benefits-container .benefit-box .benefit-list{list-style:none;padding:0}.mitra-benefits .benefits-container .benefit-box .benefit-list li{position:relative;padding-left:1.5em;margin-bottom:1em;line-height:1.6;color:#555}.mitra-benefits .benefits-container .benefit-box .benefit-list li:before{content:"\2022";position:absolute;left:0;color:#fcc425;font-size:1.2em}.mitra-benefits .benefits-container .benefit-box .benefit-list li:last-child{margin-bottom:0}.mitra-list{padding:4em 0}.mitra-list .section-header{text-align:center;margin-bottom:3em}.mitra-list .partners-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2em}.mitra-list .partners-grid .partner-card{background-color:#fff;border-radius:10px;box-shadow:0 5px 15px #0000000d;overflow:hidden;transition:transform .3s ease}.mitra-list .partners-grid .partner-card:hover{transform:translateY(-5px)}.mitra-list .partners-grid .partner-card .partner-logo{height:150px;background-color:#f8f9fa;display:flex;align-items:center;justify-content:center;padding:1.5em}.mitra-list .partners-grid .partner-card .partner-logo img{max-width:100%;max-height:100%;object-fit:contain}.mitra-list .partners-grid .partner-card .partner-info{padding:1.5em}.mitra-list .partners-grid .partner-card .partner-info h4{font-size:1.2em;font-weight:600;margin-bottom:.5em;color:#3a4697}.mitra-list .partners-grid .partner-card .partner-info .industry{color:#fcc425;font-weight:500;margin-bottom:.5em}.mitra-list .partners-grid .partner-card .partner-info .cooperation{font-size:.9em;color:#666}.mitra-cta{padding:4em 0;background-color:#3a4697;color:#fff}.mitra-cta .cta-content{max-width:800px;margin:0 auto;text-align:center}.mitra-cta .cta-content .heading{color:#fff;margin-bottom:1em}.mitra-cta .cta-content p{margin-bottom:2em;line-height:1.7;font-size:1.1em}.mitra-cta .cta-content .cta-buttons .btn{display:inline-block;padding:.8em 2em;border-radius:5px;font-weight:600;text-decoration:none;transition:all .3s ease}.mitra-cta .cta-content .cta-buttons .btn.btn-primary{background-color:#fff;color:#3a4697}.mitra-cta .cta-content .cta-buttons .btn.btn-primary:hover{background-color:#fcc425;color:#fff}@media (max-width: 768px){.benefits-container{grid-template-columns:1fr!important}.partners-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))!important}}*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{overflow-x:hidden}p{font-size:.9em;font-weight:400;line-height:1.9}a{text-decoration:none;color:#000}ul{list-style:none}.container{max-width:1300px;margin:0 auto;padding:1.5em}.description-grey{color:#747474}.subheading{font-weight:500;font-size:1.1em}.heading{font-size:2em;font-weight:700;line-height:1.4;margin:.4em 0}@media (min-width: 1000px){.subheading{font-size:1.1em}.heading{font-size:2em}}
