.elementor-482 .elementor-element.elementor-element-0f05dcd{--display:flex;}.elementor-482 .elementor-element.elementor-element-0f05dcd.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-482 .elementor-element.elementor-element-257970c{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.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-482 .elementor-element.elementor-element-d15252c{--display:flex;}.elementor-482 .elementor-element.elementor-element-68c7fa5{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(3, 1fr);--grid-auto-flow:row;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title,
					 .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-482 .elementor-element.elementor-element-0113697{grid-row:span 1;}.elementor-482 .elementor-element.elementor-element-0113697.elementor-element{--align-self:flex-start;}.elementor-482 .elementor-element.elementor-element-0113697 .elementor-icon-box-wrapper{align-items:center;gap:15px;}.elementor-482 .elementor-element.elementor-element-0113697.elementor-view-stacked .elementor-icon{background-color:#F98500;}.elementor-482 .elementor-element.elementor-element-0113697.elementor-view-framed .elementor-icon, .elementor-482 .elementor-element.elementor-element-0113697.elementor-view-default .elementor-icon{fill:#F98500;color:#F98500;border-color:#F98500;}.elementor-482 .elementor-element.elementor-element-0113697 .elementor-icon{font-size:32px;}.elementor-482 .elementor-element.elementor-element-0113697 .elementor-icon-box-title{color:#012EA9;}.elementor-482 .elementor-element.elementor-element-0113697:has(:hover) .elementor-icon-box-title,
					 .elementor-482 .elementor-element.elementor-element-0113697:has(:focus) .elementor-icon-box-title{color:#012EA9;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.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-482 .elementor-element.elementor-element-38d73aa{grid-row:span 5;font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-482 .elementor-element.elementor-element-c5c3a7f{--display:flex;--margin-top:-29px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-482 .elementor-element.elementor-element-87595af{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-482 .elementor-element.elementor-element-311f3ee > .elementor-widget-container{margin:10px 10px 10px 10px;padding:5px 0px 5px 0px;border-radius:5px 5px 5px 5px;}.elementor-482 .elementor-element.elementor-element-311f3ee.elementor-element{--align-self:center;}.elementor-482 .elementor-element.elementor-element-311f3ee .elementor-icon-box-wrapper{text-align:center;gap:0px;}.elementor-482 .elementor-element.elementor-element-311f3ee .elementor-icon-box-title{margin-block-end:0px;color:#FFFFFF;}.elementor-482 .elementor-element.elementor-element-311f3ee.elementor-view-stacked .elementor-icon{background-color:#F98500;}.elementor-482 .elementor-element.elementor-element-311f3ee.elementor-view-framed .elementor-icon, .elementor-482 .elementor-element.elementor-element-311f3ee.elementor-view-default .elementor-icon{fill:#F98500;color:#F98500;border-color:#F98500;}.elementor-482 .elementor-element.elementor-element-311f3ee .elementor-icon{font-size:35px;}.elementor-482 .elementor-element.elementor-element-311f3ee .elementor-icon-box-title, .elementor-482 .elementor-element.elementor-element-311f3ee .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:600;}.elementor-482 .elementor-element.elementor-element-311f3ee:has(:hover) .elementor-icon-box-title,
					 .elementor-482 .elementor-element.elementor-element-311f3ee:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-482 .elementor-element.elementor-element-311f3ee .elementor-icon-box-description{color:#7A7A7A;}.elementor-482 .elementor-element.elementor-element-9614cc4 > .elementor-widget-container{margin:10px 10px 10px 10px;padding:5px 0px 5px 0px;border-radius:5px 5px 5px 5px;}.elementor-482 .elementor-element.elementor-element-9614cc4.elementor-element{--align-self:center;}.elementor-482 .elementor-element.elementor-element-9614cc4 .elementor-icon-box-wrapper{text-align:center;gap:0px;}.elementor-482 .elementor-element.elementor-element-9614cc4 .elementor-icon-box-title{margin-block-end:0px;color:#FFFFFF;}.elementor-482 .elementor-element.elementor-element-9614cc4.elementor-view-stacked .elementor-icon{background-color:#F98500;}.elementor-482 .elementor-element.elementor-element-9614cc4.elementor-view-framed .elementor-icon, .elementor-482 .elementor-element.elementor-element-9614cc4.elementor-view-default .elementor-icon{fill:#F98500;color:#F98500;border-color:#F98500;}.elementor-482 .elementor-element.elementor-element-9614cc4 .elementor-icon{font-size:35px;}.elementor-482 .elementor-element.elementor-element-9614cc4 .elementor-icon-box-title, .elementor-482 .elementor-element.elementor-element-9614cc4 .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:600;}.elementor-482 .elementor-element.elementor-element-9614cc4:has(:hover) .elementor-icon-box-title,
					 .elementor-482 .elementor-element.elementor-element-9614cc4:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-482 .elementor-element.elementor-element-9614cc4 .elementor-icon-box-description{color:#7A7A7A;}.elementor-482 .elementor-element.elementor-element-e22b688 > .elementor-widget-container{margin:10px 10px 10px 10px;padding:5px 0px 5px 0px;border-radius:5px 5px 5px 5px;}.elementor-482 .elementor-element.elementor-element-e22b688.elementor-element{--align-self:center;}.elementor-482 .elementor-element.elementor-element-e22b688 .elementor-icon-box-wrapper{text-align:center;gap:0px;}.elementor-482 .elementor-element.elementor-element-e22b688 .elementor-icon-box-title{margin-block-end:0px;color:#FFFFFF;}.elementor-482 .elementor-element.elementor-element-e22b688.elementor-view-stacked .elementor-icon{background-color:#F98500;}.elementor-482 .elementor-element.elementor-element-e22b688.elementor-view-framed .elementor-icon, .elementor-482 .elementor-element.elementor-element-e22b688.elementor-view-default .elementor-icon{fill:#F98500;color:#F98500;border-color:#F98500;}.elementor-482 .elementor-element.elementor-element-e22b688 .elementor-icon{font-size:35px;}.elementor-482 .elementor-element.elementor-element-e22b688 .elementor-icon-box-title, .elementor-482 .elementor-element.elementor-element-e22b688 .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:600;}.elementor-482 .elementor-element.elementor-element-e22b688:has(:hover) .elementor-icon-box-title,
					 .elementor-482 .elementor-element.elementor-element-e22b688:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-482 .elementor-element.elementor-element-e22b688 .elementor-icon-box-description{color:#7A7A7A;}.elementor-482 .elementor-element.elementor-element-469bf26{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-482 .elementor-element.elementor-element-266c1ee{--display:flex;--justify-content:flex-start;--overlay-opacity:0.38;--border-radius:25px 25px 25px 25px;}.elementor-482 .elementor-element.elementor-element-266c1ee::before, .elementor-482 .elementor-element.elementor-element-266c1ee > .elementor-background-video-container::before, .elementor-482 .elementor-element.elementor-element-266c1ee > .e-con-inner > .elementor-background-video-container::before, .elementor-482 .elementor-element.elementor-element-266c1ee > .elementor-background-slideshow::before, .elementor-482 .elementor-element.elementor-element-266c1ee > .e-con-inner > .elementor-background-slideshow::before, .elementor-482 .elementor-element.elementor-element-266c1ee > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF8C;--background-overlay:'';}.elementor-482 .elementor-element.elementor-element-eed40a2 > .elementor-widget-container{margin:45px 45px 45px 45px;}.elementor-482 .elementor-element.elementor-element-eed40a2{text-align:justify;color:#2E2E2E;}.elementor-482 .elementor-element.elementor-element-8a54ba5{--display:flex;--justify-content:flex-start;--overlay-opacity:0.38;--border-radius:25px 25px 25px 25px;}.elementor-482 .elementor-element.elementor-element-8a54ba5::before, .elementor-482 .elementor-element.elementor-element-8a54ba5 > .elementor-background-video-container::before, .elementor-482 .elementor-element.elementor-element-8a54ba5 > .e-con-inner > .elementor-background-video-container::before, .elementor-482 .elementor-element.elementor-element-8a54ba5 > .elementor-background-slideshow::before, .elementor-482 .elementor-element.elementor-element-8a54ba5 > .e-con-inner > .elementor-background-slideshow::before, .elementor-482 .elementor-element.elementor-element-8a54ba5 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF8C;--background-overlay:'';}.elementor-482 .elementor-element.elementor-element-de62382 > .elementor-widget-container{margin:18px 18px 18px 18px;}.elementor-482 .elementor-element.elementor-element-de62382{text-align:justify;font-family:"Roboto", Sans-serif;font-weight:400;color:#2E2E2E;}@media(max-width:1024px){.elementor-482 .elementor-element.elementor-element-257970c{--grid-auto-flow:row;}.elementor-482 .elementor-element.elementor-element-68c7fa5{--grid-auto-flow:row;}.elementor-482 .elementor-element.elementor-element-87595af{--grid-auto-flow:row;}.elementor-482 .elementor-element.elementor-element-469bf26{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-482 .elementor-element.elementor-element-0f05dcd{--width:98.596%;}}@media(max-width:767px){.elementor-482 .elementor-element.elementor-element-257970c{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-482 .elementor-element.elementor-element-68c7fa5{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-482 .elementor-element.elementor-element-87595af{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-482 .elementor-element.elementor-element-469bf26{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for container, class: .elementor-element-0f05dcd *//* =======================================
   PROFIL PRODI STYLES
   ======================================= */

/* Header card */
.header-card {
    background: white;
    border-radius: 20px;
    box-shadow: 0 15px 35px rgba(0,0,0,0.1);
    margin-bottom: 30px;
    overflow: hidden;
    transition: transform 0.3s ease;
    border-left: 5px solid #012EA9; /* New accent */
}

.header-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 40px rgba(1, 46, 169, 0.15); /* New accent */
}

.header-content {
    display: grid;
    gap: 0;
    align-items: center;
}

.image-section {
    position: relative;
    overflow: hidden;
}

.prodi-image {
    width: 100%;
    height: 400px;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.header-card:hover .prodi-image {
    transform: scale(1.05);
}

.image-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(45deg, rgba(249, 133, 0, 0.1), rgba(1, 46, 169, 0.1)); /* Updated with new colors */
}

.text-section {
    padding: 40px;
}

.prodi-header {
    display: flex;
    align-items: center;
    margin-bottom: 25px;
}

.prodi-icon {
    width: 60px;
    height: 60px;
    background: linear-gradient(45deg, #012EA9, #F98500); /* Updated with new colors */
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2em;
    color: white;
    margin-right: 20px;
    box-shadow: 0 8px 20px rgba(1, 46, 169, 0.3); /* Updated with new color */
}

.prodi-title {
    font-size: 2.2em;
    font-weight: bold;
    color: #012EA9; /* Updated with new color */
    line-height: 1.2;
}

.prodi-description {
    font-size: 1.1em;
    line-height: 1.6;
    color: #555;
    margin-bottom: 30px;
    text-align: justify;
}

/* Konsentrasi container */
.konsentrasi-container {
    display: grid;
    gap: 20px;
}

.konsentrasi-item {
    background: linear-gradient(135deg, 	#4169E1 0%, #0056b3 100%); /* Updated with new color */
    color: white;
    padding: 20px;
    border-radius: 15px;
    text-align: center;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.konsentrasi-item::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
    transition: left 0.5s ease;
}

.konsentrasi-item:hover::before {
    left: 100%;
}

.konsentrasi-item:hover {
    transform: translateY(-5px) scale(1.05);
    box-shadow: 0 15px 30px rgba(1, 46, 169, 0.4); /* Updated with new color */
}


.konsentrasi-icon {
    font-size: 2.5em;
    margin-bottom: 10px;
    display: block;
}

.konsentrasi-title {
    font-weight: bold;
    font-size: 1.1em;
    margin-bottom: 5px;
}

.konsentrasi-subtitle {
    font-size: 0.9em;
    opacity: 0.9;
}

/* Misi Visi container */
.misi-visi-container {
    display: grid;
    gap: 30px;
}

.misi-card, .visi-card {
    background: white;
    border-radius: 20px;
    padding: 30px;
    box-shadow: 0 15px 35px rgba(0,0,0,0.1);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.misi-card::before, .visi-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 5px;
    background: linear-gradient(45deg, #F98500, #ff6b35); /* Updated with new color */
}

.visi-card::before {
    background: linear-gradient(45deg, #012EA9, #0056b3); /* Updated with new color */
}

.misi-card:hover, .visi-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 25px 50px rgba(1, 46, 169, 0.15); /* Updated with new color */
}

.card-title {
    font-size: 1.8em;
    font-weight: bold;
    color: #012EA9; /* Updated with new color */
    margin-bottom: 20px;
    display: flex;
    align-items: center;
}

.card-title::before {
    content: '🎯';
    margin-right: 10px;
    font-size: 1.2em;
}

.misi-list {
    list-style: none;
}

.misi-list li {
    margin-bottom: 15px;
    padding-left: 30px;
    position: relative;
    line-height: 1.6;
    color: #555;
}

.misi-list li::before {
    content: '✓';
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    background: linear-gradient(45deg, #F98500, #ff6b35); /* Updated with new color */
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.8em;
    font-weight: bold;
}

.visi-text {
    font-size: 1.1em;
    line-height: 1.8;
    color: #555;
    text-align: justify;
}

/* =======================================
   ANIMATIONS
   ======================================= */

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.header-card {
    animation: fadeInUp 0.6s ease-out;
}

.misi-card {
    animation: fadeInUp 0.6s ease-out 0.2s both;
}

.visi-card {
    animation: fadeInUp 0.6s ease-out 0.4s both;
}

/* New accent elements */
.prodi-description::first-letter {
    color: #F98500;
    font-size: 2em;
    font-weight: bold;
    float: left;
    line-height: 0.8;
    margin-right: 8px;
}

.konsentrasi-item:hover .konsentrasi-icon {
    color: #F98500;
    transition: color 0.3s ease;
}

.misi-card:hover .card-title::before,
.visi-card:hover .card-title::before {
    content: '🔥';
    color: #F98500;
}/* End custom CSS */