.elementor-widget-container.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-container .premium-global-cursor-{{ID}}{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-widget-container .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-container.pa-bg-clipped-yes.premium-gbadge-custom .premium-global-badge-{{ID}} .premium-badge-text, .elementor-widget-container:not(.premium-gbadge-custom) .premium-global-badge-{{ID}} .premium-badge-container, .elementor-widget-container.premium-gbadge-custom:not(.pa-bg-clipped-yes) .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-container .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-2379 .elementor-element.elementor-element-1848443a{--display:flex;--min-height:70vh;--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;--justify-content:center;--align-items:center;--gap:26px 26px;--row-gap:26px;--column-gap:26px;--padding-top:5%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}.elementor-2379 .elementor-element.elementor-element-1848443a:not(.elementor-motion-effects-element-type-background), .elementor-2379 .elementor-element.elementor-element-1848443a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #F0F6FF 10%, #FFFFFF 50%);}.elementor-widget-heading.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-heading .premium-global-cursor-{{ID}}{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-widget-heading .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-heading.pa-bg-clipped-yes.premium-gbadge-custom .premium-global-badge-{{ID}} .premium-badge-text, .elementor-widget-heading:not(.premium-gbadge-custom) .premium-global-badge-{{ID}} .premium-badge-container, .elementor-widget-heading.premium-gbadge-custom:not(.pa-bg-clipped-yes) .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-heading .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-2379 .elementor-element.elementor-element-f195cdc{text-align:start;}.elementor-2379 .elementor-element.elementor-element-f195cdc .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:23px;letter-spacing:4px;color:#123A7A;}.elementor-widget-text-editor.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-text-editor .premium-global-cursor-{{ID}}{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-widget-text-editor .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-text-editor.pa-bg-clipped-yes.premium-gbadge-custom .premium-global-badge-{{ID}} .premium-badge-text, .elementor-widget-text-editor:not(.premium-gbadge-custom) .premium-global-badge-{{ID}} .premium-badge-container, .elementor-widget-text-editor.premium-gbadge-custom:not(.pa-bg-clipped-yes) .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.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-2379 .elementor-element.elementor-element-4842ffe{font-family:"Great Vibes", Sans-serif;font-size:54px;font-weight:400;color:#D4A52B;}.elementor-2379 .elementor-element.elementor-element-ad7e52f{--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;--justify-content:flex-end;--gap:40px 40px;--row-gap:40px;--column-gap:40px;}.elementor-widget-image.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-image .premium-global-cursor-{{ID}}{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-widget-image .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-image.pa-bg-clipped-yes.premium-gbadge-custom .premium-global-badge-{{ID}} .premium-badge-text, .elementor-widget-image:not(.premium-gbadge-custom) .premium-global-badge-{{ID}} .premium-badge-container, .elementor-widget-image.premium-gbadge-custom:not(.pa-bg-clipped-yes) .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-image .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.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-2379 .elementor-element.elementor-element-407e2ec img{width:90%;border-radius:24px 24px 24px 24px;}.elementor-2379 .elementor-element.elementor-element-8f9ebce{--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;--justify-content:center;}@media(max-width:1024px){.elementor-2379 .elementor-element.elementor-element-1848443a{--min-height:600px;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:10%;--padding-bottom:10%;--padding-left:5%;--padding-right:5%;}}@media(max-width:767px){.elementor-2379 .elementor-element.elementor-element-1848443a{--gap:50px 50px;--row-gap:50px;--column-gap:50px;--padding-top:20%;--padding-bottom:20%;--padding-left:5%;--padding-right:5%;}.elementor-2379 .elementor-element.elementor-element-f195cdc{margin:6px 6px calc(var(--kit-widget-spacing, 0px) + 6px) 6px;}.elementor-2379 .elementor-element.elementor-element-4842ffe{font-size:25px;}.elementor-2379 .elementor-element.elementor-element-ad7e52f{--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;--justify-content:center;--gap:24px 24px;--row-gap:24px;--column-gap:24px;}}@media(min-width:768px){.elementor-2379 .elementor-element.elementor-element-1848443a{--width:100%;}.elementor-2379 .elementor-element.elementor-element-ad7e52f{--width:82%;}.elementor-2379 .elementor-element.elementor-element-8f9ebce{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-2379 .elementor-element.elementor-element-8f9ebce{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-1848443a *//* ==========================================================
   UKM PERPUSTAKAAN – PERUTUSAN KETUA PERPUSTAKAAN
   Elementor Free Version
   Color Palette:
   Navy  : #062D70
   Blue  : #1D5CB7
   Gold  : #D4A52B
   BG    : #F5F8FC
========================================================== */


/* ==========================
   MAIN PAGE CONTAINER
========================== */

.library-chief-page{
    position:relative;
    max-width:1200px;
    margin:auto;
    padding:70px 35px 120px;
    background:linear-gradient(180deg,#FFFFFF,#F5F8FC);
    overflow:hidden;
    z-index:1;
}

/* Decorative Background Glow */

.library-chief-page::before{
    content:"";
    position:absolute;
    width:600px;
    height:600px;
    background:radial-gradient(circle,rgba(29,92,183,.12),transparent 70%);
    top:-220px;
    right:-150px;
    z-index:-2;
}

.library-chief-page::after{
    content:"";
    position:absolute;
    width:700px;
    height:700px;
    background:radial-gradient(circle,rgba(212,165,43,.08),transparent 70%);
    bottom:-320px;
    left:-250px;
    z-index:-2;
}


/* ==========================
   TOP RIGHT RIBBON
========================== */

.corner-ribbon{
    position:absolute;
    top:0;
    right:0;
    width:220px;
    height:220px;
    background:linear-gradient(135deg,#062D70 60%,#D4A52B 60%);
    clip-path:polygon(100% 0,0 0,100% 100%);
    z-index:-1;
}


/* ==========================
   SMALL LABEL
========================== */

.library-label{
    position:relative;
    display:inline-block;
    color:#123A7A;
    text-transform:uppercase;
    letter-spacing:4px;
    font-weight:600;
    font-size:18px;
    margin-bottom:8px;
    padding-left:65px;
    font-family:'Montserrat',sans-serif;
}

.library-label::before{
    content:"";
    position:absolute;
    width:50px;
    height:4px;
    background:#D4A52B;
    left:0;
    top:50%;
    transform:translateY(-50%);
    border-radius:20px;
}


/* ==========================
   MAIN TITLE
========================== */

.library-title{
    color:#062D70;
    font-size:72px;
    font-weight:800;
    line-height:0.95;
    letter-spacing:-2px;
    margin:0;
    font-family:'Montserrat',sans-serif;
}


/* ==========================
   GOLD SCRIPT TITLE
========================== */

.library-script{
    display:inline-block;
    position:relative;
    font-family:'Great Vibes',cursive;
    color:#D4A52B;
    font-size:56px;
    line-height:1;
    margin-top:-8px;
    margin-bottom:35px;
}

.library-script::after{
    content:"";
    position:absolute;
    width:180px;
    height:3px;
    background:#D4A52B;
    left:32%;
    bottom:-8px;
    transform:rotate(-4deg);
    border-radius:20px;
}


/* ==========================
   HERO FLEX CONTAINER
========================== */

.hero-flex{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:40px;
}


/* ==========================
   LEFT IMAGE CARD
========================== */

.chief-image-card{
    position:relative;
}

.chief-image-card img{
    width:100%;
    border-radius:28px !important;
    border:10px solid white;
    box-shadow:0 25px 60px rgba(0,42,92,.18);
    transform:rotate(-2deg);
    transition:.35s ease;
}

.chief-image-card img:hover{
    transform:rotate(0deg) scale(1.00);
}

/* Gold outline */

.chief-image-card::before{
    content:"";
    position:absolute;
    width:100%;
    height:100%;
    border:2px solid #D4A52B;
    border-radius:30px;
    top:18px;
    left:0px;
    z-index:-1;
}

/* Blue abstract blob */

.chief-image-card::after{
    content:"";
    position:absolute;
    width:180px;
    height:180px;
    background:#0E3E8A;
    border-radius:40px;
    left:-40px;
    bottom:-30px;
    transform:rotate(-15deg);
    opacity:.9;
    z-index:-2;
}


/* ==========================
   GREETING HEADING
========================== */

.chief-greeting{
    position:relative;
    color:#103C80;
    font-family:'Montserrat',sans-serif;
    font-size:28px;
    font-weight:700;
    line-height:1.3;
    padding-left:22px;
}

.chief-greeting::before{
    content:"";
    position:absolute;
    width:6px;
    height:100%;
    background:#D4A52B;
    left:0;
    top:0;
    border-radius:20px;
}


/* ==========================
   BODY TEXT
========================== */

.chief-body{
    color:#35527A;
    font-size:16px;
    font-family:'Poppins',sans-serif;
    line-height:2;
    text-align:justify;
}

.chief-body p{
    margin-bottom:22px;
}


/* ==========================
   QUOTE BANNER
========================== */

.library-quote-banner{
    position:relative;
    background:linear-gradient(135deg,#062D70,#1D5CB7);
    border-radius:28px;
    padding:40px;
    margin-top:60px;
    margin-bottom:50px;
    overflow:hidden;
    box-shadow:0 20px 45px rgba(6,45,112,.15);
}

.library-quote-banner::before{
    content:"“";
    position:absolute;
    top:-40px;
    left:25px;
    font-size:170px;
    color:rgba(255,255,255,.08);
    font-family:serif;
}

.quote-icon{
    color:#FFD76C;
    font-size:40px;
    margin-bottom:10px;
}

.quote-text{
    color:#FFD76C;
    font-size:34px;
    font-style:italic;
    font-family:'Playfair Display',serif;
    font-weight:700;
    line-height:1.4;
}

.quote-subtitle{
    margin-top:18px;
    color:#D9E8FF;
    letter-spacing:3px;
    text-transform:uppercase;
    font-size:13px;
    font-family:'Montserrat',sans-serif;
}


/* ==========================
   SIGNATURE SECTION
========================== */

.chief-signature{
    position:relative;
    padding-left:28px;
    margin-top:20px;
}

.chief-signature::before{
    content:"";
    position:absolute;
    width:4px;
    height:100%;
    background:#D4A52B;
    left:0;
    top:0;
    border-radius:20px;
}

.chief-signature h3{
    color:#103C80;
    font-size:28px;
    margin-bottom:5px;
    font-family:'Montserrat',sans-serif;
}

.chief-signature p{
    margin:2px 0;
    color:#506888;
    font-family:'Poppins',sans-serif;
    line-height:1.8;
}


/* ==========================
   GOLD LINE DECORATION
========================== */

.gold-line{
    width:160px;
    height:4px;
    background:#D4A52B;
    border-radius:50px;
    transform:rotate(-4deg);
    margin:25px auto;
}


/* ==========================
   BOTTOM BLUE WAVE
========================== */

.wave-bottom{
    position:absolute;
    bottom:-170px;
    left:-10%;
    width:120%;
    height:260px;
    background:linear-gradient(90deg,#041F50,#083A85,#0E4BAA);
    border-top-left-radius:100% 100%;
    border-top-right-radius:100% 100%;
    z-index:-3;
}

.wave-bottom::before{
    content:"";
    position:absolute;
    top:-8px;
    width:100%;
    height:10px;
    background:#D4A52B;
    border-radius:100%;
}

.wave-bottom::after{
    content:"";
    position:absolute;
    top:-22px;
    width:100%;
    height:2px;
    background:rgba(255,255,255,.4);
    border-radius:100%;
}


/* ==========================
   FLOATING BOOK ICON
========================== */

.book-decoration{
    position:absolute;
    bottom:35px;
    left:35px;
    font-size:52px;
    color:#D4A52B;
    opacity:.85;
}


/* ==========================
   FADE BUILDING BACKGROUND
========================== */

.building-overlay{
    position:absolute;
    top:0;
    right:0;
    width:45%;
    height:350px;
    background-size:cover;
    background-position:center;
    opacity:.08;
    pointer-events:none;
    mask-image:linear-gradient(to left,black,transparent);
    -webkit-mask-image:linear-gradient(to left,black,transparent);
}


/* ==========================
   PARAGRAPH SPACING
========================== */

.elementor-widget-text-editor p{
    margin-bottom:22px;
}


/* ==========================
   RESPONSIVE TABLET
========================== */

@media(max-width:1024px){

.library-chief-page{
    padding:60px 30px 110px;
}

.library-title{
    font-size:58px;
}

.library-script{
    font-size:46px;
}

.hero-flex{
    gap:30px;
}

.chief-greeting{
    font-size:24px;
}

.quote-text{
    font-size:28px;
}

}


/* ==========================
   MOBILE
========================== */

@media(max-width:767px){

.library-chief-page{
    padding:45px 20px 90px;
}

.library-label{
    font-size:14px;
    letter-spacing:2px;
    padding-left:48px;
}

.library-label::before{
    width:35px;
}

.library-title{
    font-size:42px;
    letter-spacing:-1px;
}

.library-script{
    font-size:36px;
    margin-bottom:25px;
}

.hero-flex{
    flex-direction:column;
    gap:25px;
}

.chief-image-card{
    width:100%;
}

.chief-image-card::before,
.chief-image-card::after{
    display:none;
}

.chief-image-card img{
    transform:none;
    border-width:8px;
}

.chief-greeting{
    font-size:22px;
    padding-left:18px;
}

.chief-body{
    font-size:15px;
    line-height:1.9;
}

.library-quote-banner{
    padding:28px;
    border-radius:22px;
}

.quote-text{
    font-size:22px;
}

.quote-subtitle{
    letter-spacing:2px;
    font-size:11px;
}

.chief-signature{
    padding-left:18px;
}

.chief-signature h3{
    font-size:22px;
}

.wave-bottom{
    height:170px;
    bottom:-120px;
}

.corner-ribbon{
    width:130px;
    height:130px;
}

}/* End custom CSS */