.flex_cell.av-mjoggp2z-27d270878f6e149060f35d7b5dbf4501{vertical-align:top;background-color:#06337b;background:linear-gradient( to bottom,#06337b,#0c5ad6 )} .flex_cell.av-mknoslgp-0780626d8a976ec586bb969f2717ccbd{vertical-align:middle}.responsive #top #wrap_all .flex_cell.av-mknoslgp-0780626d8a976ec586bb969f2717ccbd{padding:50px 50px 50px 50px !important} @keyframes av_boxShadowEffect_av-mjn3ra9j-d8e8c2104344dc394e716186308e3917-column{0%{box-shadow:0 0 0 0 #c1c1c1;opacity:1}100%{box-shadow:0 0 5px 0 #c1c1c1;opacity:1}}.flex_column.av-mjn3ra9j-d8e8c2104344dc394e716186308e3917{box-shadow:0 0 5px 0 #c1c1c1;border-radius:20px 20px 20px 20px;padding:100px 100px 100px 100px;height:auto;min-height:300px;background:url(https://dev-chemistryeducation.uii.ac.id/wp-content/uploads/2026/02/Copy-of-Untitled-Design.jpg) 50% 50% no-repeat scroll } #top #wrap_all .avia-button.av-mlhpyeey-e9619106e4ed593bf4d64876ce05c3a5{font-size:25px;background-color:#f7d217;border-color:#f7d217;color:#06337b;box-shadow:5px 0px 0px 0px ;transition:all 0.4s ease-in-out}#top #wrap_all .avia-button.av-mlhpyeey-e9619106e4ed593bf4d64876ce05c3a5:hover{background-color:#ffffff;color:#06337b;transition:all 0.4s ease-in-out}#top #wrap_all .avia-button.av-mlhpyeey-e9619106e4ed593bf4d64876ce05c3a5 .avia-svg-icon svg:first-child{fill:#06337b;stroke:#06337b}#top #wrap_all .avia-button.av-mlhpyeey-e9619106e4ed593bf4d64876ce05c3a5:hover .avia-svg-icon svg:first-child{fill:#06337b;stroke:#06337b} .flex_cell.av-mjojp60a-a0cabefd796a9987764aa36bcb156f30{vertical-align:top}.responsive #top #wrap_all .flex_cell.av-mjojp60a-a0cabefd796a9987764aa36bcb156f30{padding:0 50px 50px 50px !important} .flex_column.av-mjoj4lpb-722936ed984df5d84c4bc7730449736d{border-radius:30px 30px 30px 30px;padding:0 50px 50px 50px;height:auto;min-height:500px} #top .hr.hr-invisible.av-mjn45fuy-40b45c077eb1cb0bc0e7d8104c0ec1dc{height:60px} #top .togglecontainer.av-mjohyhil-647129f5a39030d6e4d40e4657bf3c58 p.toggler{font-size:20px;color:#000000;background-color:#ffffff;border-color:#d3d3d3}#top .togglecontainer.av-mjohyhil-647129f5a39030d6e4d40e4657bf3c58 p.toggler .toggle_icon{color:#d6d6d6;border-color:#d6d6d6}#top .togglecontainer.av-mjohyhil-647129f5a39030d6e4d40e4657bf3c58 p.toggler .toggle_icon > span{color:#d6d6d6;border-color:#d6d6d6}#top .togglecontainer.av-mjohyhil-647129f5a39030d6e4d40e4657bf3c58 .toggle_wrap .toggle_content{color:#000000;background-color:#ffffff;border-color:#d3d3d3} .flex_column.av-mjoj0w86-4b031e593c3968fc4c37a5b79a2d75d5{border-radius:30px 30px 30px 30px;padding:0 50px 50px 50px;height:auto;min-height:500px} @keyframes av_boxShadowEffect_av-mjoiw3uy-ecc5e487186eb8f5c3f392ef119eb30e{0%{box-shadow:0 0 0 0 #c1c1c1;opacity:1}100%{box-shadow:0 0 10px 0 #c1c1c1;opacity:1}}.avia-image-container.av-mjoiw3uy-ecc5e487186eb8f5c3f392ef119eb30e img.avia_image{box-shadow:0 0 10px 0 #c1c1c1}.avia-image-container.av-mjoiw3uy-ecc5e487186eb8f5c3f392ef119eb30e .av-image-caption-overlay-center{color:#ffffff} .flex_cell.av-fvc6v-4d9d51b2ba2a98fc836ca93ad8e0993b{vertical-align:top;background:url(https://dev-chemistryeducation.uii.ac.id/wp-content/uploads/2026/01/Copy-of-Untitled-Design-2.png) 50% 50% no-repeat fixed } @keyframes av_boxShadowEffect_av-f60jf-2c1c351e1eb21310de774ceda11ce336-column{0%{box-shadow:0 0 0 0 ;opacity:1}100%{box-shadow:0 0 5px 0 ;opacity:1}}.flex_column.av-f60jf-2c1c351e1eb21310de774ceda11ce336{width:46.75%;border-radius:20px 20px 20px 20px;padding:70px 70px 70px 70px} #top .hr.hr-invisible.av-eky7f-85509d0ec2668f40b7b2d8bcf71ce1a5{height:20px} #top .hr.hr-invisible.av-ddddn-5e9c3903030737336aeceb3e1ee2ee07{height:1px} #top .hr.hr-invisible.av-bzadb-4e8f2452304206091f4950573be38793{height:20px} #top #wrap_all .avia-button.av-bgdnr-cff1c951b8e842b8ad3870fb1d9379e6{font-size:25px;background-color:#f7d217;border-color:#f7d217;color:#06337b;transition:all 0.4s ease-in-out}#top #wrap_all .avia-button.av-bgdnr-cff1c951b8e842b8ad3870fb1d9379e6:hover{background-color:#ffffff;color:#06337b;transition:all 0.4s ease-in-out}#top #wrap_all .avia-button.av-bgdnr-cff1c951b8e842b8ad3870fb1d9379e6 .avia-svg-icon svg:first-child{fill:#06337b;stroke:#06337b}#top #wrap_all .avia-button.av-bgdnr-cff1c951b8e842b8ad3870fb1d9379e6:hover .avia-svg-icon svg:first-child{fill:#06337b;stroke:#06337b} .flex_column.av-mmsnmbqe-d82297d72c697357edbc6fcd8543752e{width:46.75%;margin-left:6.5%;padding:20px 20px 20px 20px} #top .hr.hr-invisible.av-ax9dz-8274c91cec7107c7d7348637b3a7ea74{height:20px} @keyframes av_boxShadowEffect_av-115xz-bcb3527be0a5ca9bcd5a15fee6aed39d-column{0%{box-shadow:0 0 0 0 rgba(255,255,255,0.4);opacity:1}100%{box-shadow:0 0 5px 0 rgba(255,255,255,0.4);opacity:1}}.flex_column.av-115xz-bcb3527be0a5ca9bcd5a15fee6aed39d{width:46.75%;box-shadow:0 0 5px 0 rgba(255,255,255,0.4);border-radius:20px 20px 20px 20px;padding:50px 50px 50px 50px;height:auto;min-height:300px;background-color:rgba(12,90,214,0.7);background:linear-gradient( to bottom,rgba(12,90,214,0.7),rgba(224,224,224,0.4) )} #top .hr.hr-invisible.av-9lv4z-c28b8ed2574adcdb95ae1a450120c7f5{height:20px} #top .hr.hr-invisible.av-8v1xr-326bae6a6fd2360545f172a62b462884{height:1px} #top #wrap_all .avia-button.av-832wz-bb6020974e92b3b768d35a94c6f81df4{font-size:25px;background-color:#f7d217;border-color:#f7d217;color:#06337b;transition:all 0.4s ease-in-out}#top #wrap_all .avia-button.av-832wz-bb6020974e92b3b768d35a94c6f81df4:hover{background-color:#ffffff;color:#06337b;transition:all 0.4s ease-in-out}#top #wrap_all .avia-button.av-832wz-bb6020974e92b3b768d35a94c6f81df4 .avia-svg-icon svg:first-child{fill:#06337b;stroke:#06337b}#top #wrap_all .avia-button.av-832wz-bb6020974e92b3b768d35a94c6f81df4:hover .avia-svg-icon svg:first-child{fill:#06337b;stroke:#06337b} @keyframes av_boxShadowEffect_av-3wuyv-95968f6ba1d1704b3d4f237c1a4f4a4a-column{0%{box-shadow:0 0 0 0 rgba(255,255,255,0.4);opacity:1}100%{box-shadow:0 0 5px 0 rgba(255,255,255,0.4);opacity:1}}.flex_column.av-3wuyv-95968f6ba1d1704b3d4f237c1a4f4a4a{width:46.75%;margin-left:6.5%;box-shadow:0 0 5px 0 rgba(255,255,255,0.4);border-radius:20px 20px 20px 20px;padding:50px 50px 50px 50px;height:auto;min-height:300px;background-color:rgba(11,99,193,0.7);background:linear-gradient( to bottom,rgba(11,99,193,0.7),rgba(224,224,224,0.4) )} #top .hr.hr-invisible.av-39cin-55a1ba1c5cc73fe6333a7b3db9538f7e{height:20px} #top .hr.hr-invisible.av-1n1ob-ef671e4147ba41134379fb6ed44a545e{height:1px} #top #wrap_all .avia-button.av-11ir3-e4169a9d5c4898f61bb3590e9a464b65{font-size:25px;background-color:#f7d217;border-color:#f7d217;color:#06337b;transition:all 0.4s ease-in-out}#top #wrap_all .avia-button.av-11ir3-e4169a9d5c4898f61bb3590e9a464b65:hover{background-color:#ffffff;color:#06337b;transition:all 0.4s ease-in-out}#top #wrap_all .avia-button.av-11ir3-e4169a9d5c4898f61bb3590e9a464b65 .avia-svg-icon svg:first-child{fill:#06337b;stroke:#06337b}#top #wrap_all .avia-button.av-11ir3-e4169a9d5c4898f61bb3590e9a464b65:hover .avia-svg-icon svg:first-child{fill:#06337b;stroke:#06337b} @keyframes av_boxShadowEffect_av-3zlqf-3b3cf1e31bc01ac45d2716bb6a734b71-column{0%{box-shadow:0 0 0 0 #c1c1c1;opacity:1}100%{box-shadow:0 0 5px 0 #c1c1c1;opacity:1}}.flex_column.av-3zlqf-3b3cf1e31bc01ac45d2716bb6a734b71{box-shadow:0 0 5px 0 #c1c1c1;border-radius:30px 30px 30px 30px;padding:50px 50px 50px 50px;height:auto;min-height:500px} #top .hr.av-2xdf7-a842f63512030b76abd1ee2fe4d45cca{margin-top:0px;margin-bottom:50px}.hr.av-2xdf7-a842f63512030b76abd1ee2fe4d45cca .hr-inner{width:100px;border-color:#f7d217} #top #wrap_all .avia-button.av-1ii3f-0c4e4242a2b6a7ac58ed4f2912e98ce8{background-color:#06337b;border-color:#06337b;color:#ffffff;transition:all 0.4s ease-in-out}#top #wrap_all .avia-button.av-1ii3f-0c4e4242a2b6a7ac58ed4f2912e98ce8 .avia-svg-icon svg:first-child{fill:#ffffff;stroke:#ffffff} #top .hr.av-mjn2zqxo-11dcb3961197f85a1a9a091ff20725b2{margin-top:0px;margin-bottom:30px}.hr.av-mjn2zqxo-11dcb3961197f85a1a9a091ff20725b2 .hr-inner{width:100px;border-color:#f7d217} .av-horizontal-gallery.av-mjn2sc7s-25f26967d8c3c6a64516571a0f0961d3 .av-horizontal-gallery-inner{padding-bottom:20%} .flex_cell.av-mjn3lxm4-6dfa23c16e4c5bb1b5ecff8cd243b40d{vertical-align:top} @keyframes av_boxShadowEffect_av-43xfz-d610de0c41c38cad0e1c51ad1315f86a-column{0%{box-shadow:0 0 0 0 #c1c1c1;opacity:1}100%{box-shadow:0 0 5px 0 #c1c1c1;opacity:1}}.flex_column.av-43xfz-d610de0c41c38cad0e1c51ad1315f86a{box-shadow:0 0 5px 0 #c1c1c1;border-radius:20px 20px 20px 20px;padding:25px 25px 25px 25px;height:auto;min-height:560px;background-color:#f4f4f4} #top .hr.av-2uexv-49de4c91dad5e7d3d850ed47b977a161{margin-top:0;margin-bottom:10}.hr.av-2uexv-49de4c91dad5e7d3d850ed47b977a161 .hr-inner{width:100px;border-color:#f7d217} #top .hr.hr-invisible.av-28qdv-d05f63e1fc5da8b1fcea1d69d8f8cac1{height:10px} #top #wrap_all .avia-button.av-100yz-09dbbeafe5b71c76dbd96fe2fd530c49{background-color:#06337b;border-color:#06337b;color:#ffffff;transition:all 0.4s ease-in-out}#top #wrap_all .avia-button.av-100yz-09dbbeafe5b71c76dbd96fe2fd530c49 .avia-svg-icon svg:first-child{fill:#ffffff;stroke:#ffffff} .flex_cell.av-mjn3m5nt-69e68cba785010171b38cf78390c54cd{vertical-align:top} @keyframes av_boxShadowEffect_av-mjn3rq32-e08211285589bd5c224a924147b47207-column{0%{box-shadow:0 0 0 0 #c1c1c1;opacity:1}100%{box-shadow:0 0 5px 0 #c1c1c1;opacity:1}}.flex_column.av-mjn3rq32-e08211285589bd5c224a924147b47207{box-shadow:0 0 5px 0 #c1c1c1;border-radius:20px 20px 20px 20px;padding:25px 25px 25px 25px;height:auto;min-height:560px;background-color:#f4f4f4} #top .hr.av-mjn4ac8b-98e139598b63b85d6f3108d3ca50e8e9{margin-top:0;margin-bottom:10}.hr.av-mjn4ac8b-98e139598b63b85d6f3108d3ca50e8e9 .hr-inner{width:100px;border-color:#f7d217} #top .hr.hr-invisible.av-2yxzb-9bb9d391a63d04310e9ba35239b04f47{height:10px} #top #wrap_all .avia-button.av-mjn4cxaq-e994342272ba565d09e0b1d6e3dd3aa7{background-color:#06337b;border-color:#06337b;color:#ffffff;transition:all 0.4s ease-in-out}#top #wrap_all .avia-button.av-mjn4cxaq-e994342272ba565d09e0b1d6e3dd3aa7 .avia-svg-icon svg:first-child{fill:#ffffff;stroke:#ffffff} .flex_cell.av-mjn3mlp3-dac60aca56a8c23a2edcef10ddc060a5{vertical-align:top} @keyframes av_boxShadowEffect_av-mjn3s9qt-3d0d34fcd913005c93482e67b096d380-column{0%{box-shadow:0 0 0 0 #c1c1c1;opacity:1}100%{box-shadow:0 0 5px 0 #c1c1c1;opacity:1}}.flex_column.av-mjn3s9qt-3d0d34fcd913005c93482e67b096d380{box-shadow:0 0 5px 0 #c1c1c1;border-radius:20px 20px 20px 20px;padding:25px 25px 25px 25px;height:auto;min-height:560px;background-color:#f4f4f4} #top .hr.av-mjn40l25-88b4cd3528d9013f47a22ea13df3d05a{margin-top:0;margin-bottom:10}.hr.av-mjn40l25-88b4cd3528d9013f47a22ea13df3d05a .hr-inner{width:100px;border-color:#f7d217} #top .hr.hr-invisible.av-1h0ur-48777b7bc3bb0803f19bc17793b286e5{height:10px} #top #wrap_all .avia-button.av-mjn4d4sm-e361dc3e8d8fea0c69de007c1fb05f03{background-color:#06337b;border-color:#06337b;color:#ffffff;transition:all 0.4s ease-in-out}#top #wrap_all .avia-button.av-mjn4d4sm-e361dc3e8d8fea0c69de007c1fb05f03 .avia-svg-icon svg:first-child{fill:#ffffff;stroke:#ffffff} #top .hr.hr-invisible.av-vzaj-8a7a7a1ad9ba30e501c7e1c8d6b28f69{height:50px} #top .hr.hr-invisible.av-px5r-abd3bb17f8b0e93b8b9846308b42e48b{height:10px} @media only screen and (min-width:990px){.responsive #top #wrap_all .flex_cell.av-mknoslgp-0780626d8a976ec586bb969f2717ccbd{padding:50px 50px 50px 50px !important} .flex_column.av-mjn3ra9j-d8e8c2104344dc394e716186308e3917{padding:100px 100px 100px 100px} .responsive #top #wrap_all .flex_cell.av-mjojp60a-a0cabefd796a9987764aa36bcb156f30{padding:0 50px 50px 50px !important} .flex_column.av-mjoj4lpb-722936ed984df5d84c4bc7730449736d{padding:0 50px 50px 50px} #top .togglecontainer.av-mjohyhil-647129f5a39030d6e4d40e4657bf3c58 p.toggler{font-size:20px} .flex_column.av-f60jf-2c1c351e1eb21310de774ceda11ce336{padding:70px 70px 70px 70px} .flex_column.av-mmsnmbqe-d82297d72c697357edbc6fcd8543752e{padding:20px 20px 20px 20px} .flex_column.av-115xz-bcb3527be0a5ca9bcd5a15fee6aed39d{padding:50px 50px 50px 50px} .flex_column.av-3wuyv-95968f6ba1d1704b3d4f237c1a4f4a4a{padding:50px 50px 50px 50px} .flex_column.av-43xfz-d610de0c41c38cad0e1c51ad1315f86a{padding:25px 25px 25px 25px} .flex_column.av-mjn3rq32-e08211285589bd5c224a924147b47207{padding:25px 25px 25px 25px} .flex_column.av-mjn3s9qt-3d0d34fcd913005c93482e67b096d380{padding:25px 25px 25px 25px}}