.elementor-13370 .elementor-element.elementor-element-30ab34f{--display:flex;--min-height:400px;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overflow:hidden;--overlay-opacity:1;--overlay-mix-blend-mode:overlay;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:4%;--padding-bottom:4%;--padding-left:03%;--padding-right:03%;}.elementor-13370 .elementor-element.elementor-element-30ab34f:not(.elementor-motion-effects-element-type-background), .elementor-13370 .elementor-element.elementor-element-30ab34f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#838383;}.elementor-13370 .elementor-element.elementor-element-30ab34f::before, .elementor-13370 .elementor-element.elementor-element-30ab34f > .elementor-background-video-container::before, .elementor-13370 .elementor-element.elementor-element-30ab34f > .e-con-inner > .elementor-background-video-container::before, .elementor-13370 .elementor-element.elementor-element-30ab34f > .elementor-background-slideshow::before, .elementor-13370 .elementor-element.elementor-element-30ab34f > .e-con-inner > .elementor-background-slideshow::before, .elementor-13370 .elementor-element.elementor-element-30ab34f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://dpp.fisipol.ugm.ac.id/wp-content/uploads/sites/1334/2026/09/img-hero-program-sarjana-c2.jpg");--background-overlay:'';background-position:center right;background-repeat:no-repeat;background-size:cover;}.elementor-13370 .elementor-element.elementor-element-30ab34f::before{filter:brightness( 100% ) contrast( 100% ) saturate( 90% ) blur( 0px ) hue-rotate( 0deg );}.elementor-13370 .elementor-element.elementor-element-03bc267{--display:flex;--min-height:400px;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:1;--overlay-mix-blend-mode:multiply;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13370 .elementor-element.elementor-element-03bc267:not(.elementor-motion-effects-element-type-background), .elementor-13370 .elementor-element.elementor-element-03bc267 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(90deg, #0D1520 0%, #004B75 50%);}.elementor-13370 .elementor-element.elementor-element-03bc267::before, .elementor-13370 .elementor-element.elementor-element-03bc267 > .elementor-background-video-container::before, .elementor-13370 .elementor-element.elementor-element-03bc267 > .e-con-inner > .elementor-background-video-container::before, .elementor-13370 .elementor-element.elementor-element-03bc267 > .elementor-background-slideshow::before, .elementor-13370 .elementor-element.elementor-element-03bc267 > .e-con-inner > .elementor-background-slideshow::before, .elementor-13370 .elementor-element.elementor-element-03bc267 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://dpp.fisipol.ugm.ac.id/wp-content/uploads/sites/1334/2026/09/img-hero-program-sarjana-c2.jpg");--background-overlay:'';background-position:center right;background-repeat:no-repeat;background-size:cover;}.elementor-13370 .elementor-element.elementor-element-59243b5{--display:flex;--min-height:400px;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:1;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13370 .elementor-element.elementor-element-59243b5:not(.elementor-motion-effects-element-type-background), .elementor-13370 .elementor-element.elementor-element-59243b5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(90deg, #00304D 0%, #004B75 70%);}.elementor-13370 .elementor-element.elementor-element-59243b5::before, .elementor-13370 .elementor-element.elementor-element-59243b5 > .elementor-background-video-container::before, .elementor-13370 .elementor-element.elementor-element-59243b5 > .e-con-inner > .elementor-background-video-container::before, .elementor-13370 .elementor-element.elementor-element-59243b5 > .elementor-background-slideshow::before, .elementor-13370 .elementor-element.elementor-element-59243b5 > .e-con-inner > .elementor-background-slideshow::before, .elementor-13370 .elementor-element.elementor-element-59243b5 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-13370 .elementor-element.elementor-element-09e218c{--display:flex;--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;--align-items:flex-start;--gap:15px 0px;--row-gap:15px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13370 .elementor-element.elementor-element-6e40bfe{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 10px;--row-gap:0px;--column-gap:10px;border-style:none;--border-style:none;--border-radius:1000px 1000px 1000px 1000px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13370 .elementor-element.elementor-element-a532da0 > .elementor-widget-container{border-style:none;border-radius:50px 50px 50px 50px;}.elementor-13370 .elementor-element.elementor-element-a532da0{text-align:center;}.elementor-13370 .elementor-element.elementor-element-a532da0 .elementor-heading-title{font-size:1.4rem;font-weight:700;}.elementor-13370 .elementor-element.elementor-element-1ecc25b .elementor-heading-title{color:#FFFFFF;}.elementor-13370 .elementor-element.elementor-element-74b2cd6{width:var( --container-widget-width, 40% );max-width:40%;--container-widget-width:40%;--container-widget-flex-grow:0;text-align:start;}.elementor-13370 .elementor-element.elementor-element-74b2cd6 .elementor-heading-title{font-weight:500;color:#FFFFFF;}:root{--page-title-display:none;}@media(min-width:501px){.elementor-13370 .elementor-element.elementor-element-09e218c{--width:100%;}.elementor-13370 .elementor-element.elementor-element-6e40bfe{--width:fit-content;}}@media(max-width:1024px){.elementor-13370 .elementor-element.elementor-element-30ab34f{--min-height:400px;--padding-top:5%;--padding-bottom:5%;--padding-left:6%;--padding-right:6%;}.elementor-13370 .elementor-element.elementor-element-30ab34f::before, .elementor-13370 .elementor-element.elementor-element-30ab34f > .elementor-background-video-container::before, .elementor-13370 .elementor-element.elementor-element-30ab34f > .e-con-inner > .elementor-background-video-container::before, .elementor-13370 .elementor-element.elementor-element-30ab34f > .elementor-background-slideshow::before, .elementor-13370 .elementor-element.elementor-element-30ab34f > .e-con-inner > .elementor-background-slideshow::before, .elementor-13370 .elementor-element.elementor-element-30ab34f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:80% 0px;}.elementor-13370 .elementor-element.elementor-element-03bc267{--min-height:400px;}.elementor-13370 .elementor-element.elementor-element-03bc267::before, .elementor-13370 .elementor-element.elementor-element-03bc267 > .elementor-background-video-container::before, .elementor-13370 .elementor-element.elementor-element-03bc267 > .e-con-inner > .elementor-background-video-container::before, .elementor-13370 .elementor-element.elementor-element-03bc267 > .elementor-background-slideshow::before, .elementor-13370 .elementor-element.elementor-element-03bc267 > .e-con-inner > .elementor-background-slideshow::before, .elementor-13370 .elementor-element.elementor-element-03bc267 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:80% 0px;}.elementor-13370 .elementor-element.elementor-element-59243b5{--min-height:400px;}.elementor-13370 .elementor-element.elementor-element-74b2cd6{--container-widget-width:65%;--container-widget-flex-grow:0;width:var( --container-widget-width, 65% );max-width:65%;}}@media(max-width:500px){.elementor-13370 .elementor-element.elementor-element-30ab34f{--min-height:300px;--gap:15px 0px;--row-gap:15px;--column-gap:0px;--padding-top:10%;--padding-bottom:10%;--padding-left:10%;--padding-right:10%;}.elementor-13370 .elementor-element.elementor-element-30ab34f::before, .elementor-13370 .elementor-element.elementor-element-30ab34f > .elementor-background-video-container::before, .elementor-13370 .elementor-element.elementor-element-30ab34f > .e-con-inner > .elementor-background-video-container::before, .elementor-13370 .elementor-element.elementor-element-30ab34f > .elementor-background-slideshow::before, .elementor-13370 .elementor-element.elementor-element-30ab34f > .e-con-inner > .elementor-background-slideshow::before, .elementor-13370 .elementor-element.elementor-element-30ab34f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:70% 0px;background-size:cover;}.elementor-13370 .elementor-element.elementor-element-03bc267{--min-height:300px;--gap:15px 0px;--row-gap:15px;--column-gap:0px;}.elementor-13370 .elementor-element.elementor-element-03bc267::before, .elementor-13370 .elementor-element.elementor-element-03bc267 > .elementor-background-video-container::before, .elementor-13370 .elementor-element.elementor-element-03bc267 > .e-con-inner > .elementor-background-video-container::before, .elementor-13370 .elementor-element.elementor-element-03bc267 > .elementor-background-slideshow::before, .elementor-13370 .elementor-element.elementor-element-03bc267 > .e-con-inner > .elementor-background-slideshow::before, .elementor-13370 .elementor-element.elementor-element-03bc267 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:70% 0px;background-size:cover;}.elementor-13370 .elementor-element.elementor-element-59243b5{--min-height:300px;--gap:15px 0px;--row-gap:15px;--column-gap:0px;}.elementor-13370 .elementor-element.elementor-element-6e40bfe{--width:fit-content;}.elementor-13370 .elementor-element.elementor-element-a532da0 .elementor-heading-title{font-size:1.2rem;}.elementor-13370 .elementor-element.elementor-element-74b2cd6{--container-widget-width:90%;--container-widget-flex-grow:0;width:var( --container-widget-width, 90% );max-width:90%;text-align:start;}}/* Start custom CSS for container, class: .elementor-element-03bc267 *//*.elementor-widget .elementor-icon-list-icon+.elementor-icon-list-text {*/ /* overflow: hidden; */ /* display: -webkit-box;*/ /* -webkit-line-clamp: 1;*/ /* -webkit-box-orient: vertical;*/ /*}*/ /*.elementor-widget .elementor-icon-list-icon+.elementor-icon-list-text:hover {*/ /* overflow: visible; */ /* display: block;*/ /*}*//* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-30ab34f *//*================================================================================================== SECTION HERO IMG ================================================================================ */ /*fix TITLE CONTAINER WIDTH 767px*/ @media (min-width: 767px) and (max-width: 768px) { .con-title-hero { width: 400px; }} /*BLUR BG*/ .blur-2 { position: absolute; width: 100%; height: 100%; scale: 1.02; top:0; left:0; overflow: hidden; margin-left: 0px; filter: blur(5px) !important; -webkit-filter: blur(5px) brightness(1.5) !important; -webkit-mask-image: linear-gradient(to right, rgba(0,0,0,1) 15%,rgba(0,0,0,0) 60%) !important; } @media (max-width:767px) { .blur-2 { position: absolute; width: 100%; height: 100%; scale: 1.02; top:0; left:0; overflow: hidden; margin-left: 0px; filter: blur(5px) !important; -webkit-filter: blur(5px) brightness(1.5) !important; -webkit-mask-image: linear-gradient(to right, rgba(0,0,0,1) 20%,rgba(0,0,0,0) 100%) !important; }} /*================================================================================================== SECTION PAGE - CONTENT PROFIL DETAIL 2 COLUMN ================================================================================ */ /*---------------------------------------------------------------------------------------------------------------------------*/ /*1 COLUMN WRAPPER*/ /*---------------------------------------------------------------------------------------------------------------------------*/ /*PADDING & GAP*/ .con-sideprofile, .con-profile-part1, .con-profile-link, .con-profile-link-list, .con-profile-expertise { padding: 0; } /*---------------------------------------------------------------------------------------------------------------------------*/ /*2 COLUMN WRAPPER*/ /*---------------------------------------------------------------------------------------------------------------------------*/ .vds-con-2-column, .vds-column-secondary, .vds-column-primary { padding: 0; } .vds-con-2-column { margin-top: 0; } /*---------------------------------------------------------------------------------------------------------------------------*/ /* PRIMARY COL - CONTENT - KANAN */ /*---------------------------------------------------------------------------------------------------------------------------*/ /* LAYOUT */ .con-content { padding: 0; } /*HEADING*/ .prodi-title { font-size:var(--vds-fs-h4); font-weight:var(--vds-fw-semibold); line-height:var(--vds-lh-heading); color:var(--vds-color-navy); } /*PHONE*/ @media (max-width: 500px) { .prodi-title { font-size: var(--vds-fs-h5); }} .mini-heading { font-size:var(--vds-fs-body); font-weight:var(--vds-fw-semibold); line-height:var(--vds-lh-heading); color:var(--vds-color-navy); } .mini-heading-v2 { font-size:var(--vds-fs-subheading-l); font-weight:var(--vds-fw-semibold); line-height:var(--vds-lh-heading); color:var(--vds-color-navy); } /*HEADING ICON*/ .con-heading-icon { column-gap: 10px; } /*ACCORDION STYLE-------------------------------------------------*/ /*ACCORDION*/ /*LAYOUT KANAN KIRI*/ #vds-accordion .elementskit-accordion .elementskit-card-body { padding: 20px 30px 30px 30px; } /*COLOR*/ #vds-accordion .elementskit-accordion .elementskit-btn-link { border-color: var(--vds-color-outline-dark); } #vds-accordion .elementskit-btn-link .ekit_accordion_normal_icon { color: var(--vds-color-navy); } #vds-accordion .number { color: var(--vds-color-navy); } /*FIX Clicked color*/ #vds-accordion .elementskit-btn-link i { color: var(--vds-color-navy); } /*BG box heading*/ #vds-accordion .elementskit-accordion .elementskit-btn-link[aria-expanded="true"] { background-color: var(--vds-color-navy); } /*Heading semester*/ #vds-accordion .elementor-heading-title { color: var(--vds-color-navy); font-weight: var(--vds-fw-semibold); } #vds-accordion .elementskit-btn-link[aria-expanded="true"] span, #vds-accordion .elementskit-accordion .ekit_accordion_active_icon i { color: white ; } #vds-accordion .ekit-accordion-title { color: var(--vds-color-navy); font-weight: 500 ; padding-right: 30px; } /*ISI ACCORDION*/ /*List*/ .vds-tab .elementkit-tab-pane li { list-style: disc; margin-left: 40px; } .vds-tab li { margin: 0px; } /*Text accordion*/ #vds-accordion .elementskit-card-body.ekit-accordion--content, #vds-accordion .elementskit-card-body.ekit-accordion--content span, #vds-accordion .elementskit-card-body.ekit-accordion--content p { font-size:var(--vds-fs-body-m); font-weight:var(--vds-fw-regular); line-height:var(--vds-lh-body); color: var(--vds-color-dark-grey) ; } @media (max-width:500px) { #vds-accordion .elementskit-card-body.ekit-accordion--content span, #vds-accordion .ekit-accordion-title { font-size:var(--vds-fs-body-s); line-height:var(--vds-lh-body); }} /* ========================= CUSTOM LIST ========================= */ .vds-list { list-style: none; counter-reset: vds-list-number; padding-left: 0; margin-left: 0; color: var(--vds-color-dark-blue); } /* ITEM LEVEL UTAMA */ .vds-list-item { counter-increment: vds-list-number; display: flex; align-items: flex-start; gap: 20px; padding: 15px 0; } /* DIVIDER */ .vds-list-item:not(:last-child) { border-bottom: 1px solid rgba(0, 75, 117, 0.15); } /* NOMOR CUSTOM */ .vds-list-item::before { content: counter(vds-list-number); flex: 0 0 46px; width: 46px; height: 46px; display: flex; align-items: center; justify-content: center; background-color: var(--vds-color-navy); color: var(--vds-color-white); border-radius: 10px; font-weight: var(--vds-fw-bold); line-height: 1; z-index: 1; } /* CONTENT */ .vds-list-content { flex: 1; min-width: 0; } /* JUDUL / TEXT UTAMA */ .vds-list-title { display: block; font-weight: var(--vds-fw-semibold); } /* NESTED LIST */ .vds-sublist { margin-top: 0; padding-left: 24px; } /* ITEM NESTED LIST */ .vds-sublist-item { display: list-item; padding: 2px 0; } /* ========================= MODIFIER: CENTER VERTICAL ========================= */ .vds-list-center .vds-list-item { align-items: center; } .vds-list-center .vds-list-content { display: flex; align-items: center; min-height: 46px; } /* ========================= TAMBAHAN ========================= */ .vds-list ol { margin-bottom: 0; } /* ========================= LEADING LINE ========================= */ /* LEADING LINE */ .vds-list-leading-line::before { content: ""; position: absolute; /* tepat di tengah box nomor 46px */ left: 23px; /* mulai dari tengah box pertama */ top: 38px; /* berhenti di tengah box terakhir */ bottom: 38px; width: 2px; background-color: rgba(253, 203, 44, 0.7); transform: translateX(-50%); } /*DIVIDER*/ /* ITEM */ .vds-list-leading-line .vds-list-item { position: relative; } /* HAPUS BORDER ASLI */ .vds-list-leading-line .vds-list-item:not(:last-child) { border-bottom: none; } /* CUSTOM DIVIDER */ .vds-list-leading-line .vds-list-item:not(:last-child)::after { content: ""; position: absolute; left: 66px; right: 0; bottom: 0; height: 1px; background-color: rgba(0, 75, 117, 0.15); }/* End custom CSS */