.elementor-20515 .elementor-element.elementor-element-b456351{--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;--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-20515 .elementor-element.elementor-element-a9835f4{width:100%;max-width:100%;}.elementor-20515 .elementor-element.elementor-element-a9835f4 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:010px 0px 0px 0px;}.elementor-20515 .elementor-element.elementor-element-b99f25f{--display:flex;--padding-top:10px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-20515 .elementor-element.elementor-element-b99f25f:not(.elementor-motion-effects-element-type-background), .elementor-20515 .elementor-element.elementor-element-b99f25f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F3F3F2;}.elementor-20515 .elementor-element.elementor-element-7838aa8 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(1.4em/2);}.elementor-20515 .elementor-element.elementor-element-7838aa8 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(1.4em/2);}.elementor-20515 .elementor-element.elementor-element-7838aa8 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(1.4em/2);}.elementor-20515 .elementor-element.elementor-element-7838aa8 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-1.4em/2);}.elementor-20515 .elementor-element.elementor-element-7838aa8 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-1.4em/2);}.elementor-20515 .elementor-element.elementor-element-7838aa8 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-20515 .elementor-element.elementor-element-7838aa8 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-20515 .elementor-element.elementor-element-7838aa8{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-20515 .elementor-element.elementor-element-7838aa8 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-20515 .elementor-element.elementor-element-7838aa8 .elementor-icon-list-item > a{font-size:16px;}.elementor-20515 .elementor-element.elementor-element-7838aa8 .elementor-icon-list-text{transition:color 0.3s;}.elementor-20515 .elementor-element.elementor-element-c2e61de{--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;}.elementor-20515 .elementor-element.elementor-element-324f56b > .elementor-widget-container{margin:20px 20px 20px 20px;padding:02% 5% 00% 5%;border-style:none;border-radius:50px 50px 50px 50px;}.elementor-20515 .elementor-element.elementor-element-324f56b.elementor-element{--align-self:center;}.elementor-20515 .elementor-element.elementor-element-324f56b{text-align:center;font-family:"Swear Display Light", aesthet-nova,Sans-serif;font-size:24px;}.elementor-20515 .elementor-element.elementor-element-3aee319{--display:flex;--min-height:0px;--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-20515 .elementor-element.elementor-element-3aee319.e-con{--align-self:center;}.elementor-20515 .elementor-element.elementor-element-e780b4f > .elementor-widget-container{margin:60px 60px 60px 60px;}.elementor-20515 .elementor-element.elementor-element-e780b4f .elementor-wrapper{--video-aspect-ratio:1.77777;filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-20515 .elementor-element.elementor-element-a6e30f8{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--padding-top:20px;--padding-bottom:0px;--padding-left:40px;--padding-right:40px;}.elementor-20515 .elementor-element.elementor-element-a6e30f8.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-20515 .elementor-element.elementor-element-dbea887{--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;--margin-top:020px;--margin-bottom:80px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20515 .elementor-element.elementor-element-35722ef{width:var( --container-widget-width, 90% );max-width:90%;--container-widget-width:90%;--container-widget-flex-grow:0;text-align:start;}.elementor-20515 .elementor-element.elementor-element-35722ef > .elementor-widget-container{margin:080px 0100px 20px 100px;padding:02% 5% 02% 5%;border-style:solid;border-width:1px 1px 1px 1px;border-radius:50px 50px 50px 50px;}.elementor-20515 .elementor-element.elementor-element-35722ef.elementor-element{--align-self:center;}.elementor-20515 .elementor-element.elementor-element-06d60c3{--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;--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-20515 .elementor-element.elementor-element-81f7f65{width:100%;max-width:100%;}.elementor-20515 .elementor-element.elementor-element-81f7f65 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-20515 .elementor-element.elementor-element-16f8627{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20515 .elementor-element.elementor-element-2ff7564{--display:flex;--min-height:500px;--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:stretch;--padding-top:0em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-20515 .elementor-element.elementor-element-2ff7564:not(.elementor-motion-effects-element-type-background), .elementor-20515 .elementor-element.elementor-element-2ff7564 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-b6dcc9b );}.elementor-20515 .elementor-element.elementor-element-bd01632{--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;--justify-content:center;--align-items:center;--overlay-opacity:0.5;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:7em;--padding-bottom:7em;--padding-left:0em;--padding-right:0em;}.elementor-20515 .elementor-element.elementor-element-bd01632:not(.elementor-motion-effects-element-type-background), .elementor-20515 .elementor-element.elementor-element-bd01632 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://join-us.esf.edu.hk/wp-content/uploads/2023/07/HKG20190918_0234-min-1500x1000.jpg");background-position:center center;background-size:cover;}.elementor-20515 .elementor-element.elementor-element-bd01632::before, .elementor-20515 .elementor-element.elementor-element-bd01632 > .elementor-background-video-container::before, .elementor-20515 .elementor-element.elementor-element-bd01632 > .e-con-inner > .elementor-background-video-container::before, .elementor-20515 .elementor-element.elementor-element-bd01632 > .elementor-background-slideshow::before, .elementor-20515 .elementor-element.elementor-element-bd01632 > .e-con-inner > .elementor-background-slideshow::before, .elementor-20515 .elementor-element.elementor-element-bd01632 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-secondary );--background-overlay:'';}.elementor-20515 .elementor-element.elementor-element-c80fa6b{width:var( --container-widget-width, 48% );max-width:48%;--container-widget-width:48%;--container-widget-flex-grow:0;text-align:center;}.elementor-20515 .elementor-element.elementor-element-c80fa6b > .elementor-widget-container{margin:0em 0em 1em 0em;}.elementor-20515 .elementor-element.elementor-element-c80fa6b.elementor-element{--align-self:center;}.elementor-20515 .elementor-element.elementor-element-c80fa6b .elementor-heading-title{font-family:"aesthet-nova", aesthet-nova,Sans-serif;font-size:4.7rem;font-weight:500;line-height:1;letter-spacing:0px;text-shadow:0px 0px 4px rgba(0, 0, 0, 0.39);mix-blend-mode:screen;color:var( --e-global-color-eeaba78 );}.elementor-20515 .elementor-element.elementor-element-3af7d29 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-20515 .elementor-element.elementor-element-3af7d29 .elementor-button .elementor-button-content-wrapper{gap:16px;}.elementor-20515 .elementor-element.elementor-element-3af7d29 .elementor-button{font-size:1.2em;font-weight:700;text-transform:none;letter-spacing:0.3px;fill:#263D46;color:#263D46;padding:1em 3em 1em 3em;}body.elementor-page-20515:not(.elementor-motion-effects-element-type-background), body.elementor-page-20515 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}body.elementor-page-20515{margin:0px 0px 0px 0px;}@media(min-width:768px){.elementor-20515 .elementor-element.elementor-element-b99f25f{--content-width:1280px;}.elementor-20515 .elementor-element.elementor-element-3aee319{--content-width:1600px;}.elementor-20515 .elementor-element.elementor-element-dbea887{--width:100%;}.elementor-20515 .elementor-element.elementor-element-bd01632{--content-width:1310px;}}@media(max-width:1366px) and (min-width:768px){.elementor-20515 .elementor-element.elementor-element-b99f25f{--content-width:1000px;}}@media(max-width:1024px) and (min-width:768px){.elementor-20515 .elementor-element.elementor-element-2ff7564{--width:100%;}}@media(max-width:1366px){.elementor-20515 .elementor-element.elementor-element-a9835f4 > .elementor-widget-container{padding:010px 0px 0px 0px;}.elementor-20515 .elementor-element.elementor-element-35722ef{width:100%;max-width:100%;}.elementor-20515 .elementor-element.elementor-element-35722ef > .elementor-widget-container{padding:025px 35px 0px 35px;}.elementor-20515 .elementor-element.elementor-element-c80fa6b > .elementor-widget-container{margin:0em 0em 1.3em 0em;}.elementor-20515 .elementor-element.elementor-element-c80fa6b{--container-widget-width:600px;--container-widget-flex-grow:0;width:var( --container-widget-width, 600px );max-width:600px;}.elementor-20515 .elementor-element.elementor-element-c80fa6b .elementor-heading-title{font-size:4em;}.elementor-20515 .elementor-element.elementor-element-3af7d29 .elementor-button{font-size:1.1em;}}@media(max-width:1024px){.elementor-20515 .elementor-element.elementor-element-a9835f4 > .elementor-widget-container{padding:10px 0px 0px 0px;}.elementor-20515 .elementor-element.elementor-element-e780b4f > .elementor-widget-container{margin:20px 20px 20px 20px;}.elementor-20515 .elementor-element.elementor-element-35722ef > .elementor-widget-container{margin:0px 20px 20px 20px;}.elementor-20515 .elementor-element.elementor-element-16f8627{--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-20515 .elementor-element.elementor-element-2ff7564{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-20515 .elementor-element.elementor-element-c80fa6b .elementor-heading-title{font-size:4rem;line-height:1;}}@media(max-width:767px){.elementor-20515 .elementor-element.elementor-element-a9835f4 > .elementor-widget-container{padding:10px 0px 0px 0px;}.elementor-20515 .elementor-element.elementor-element-b99f25f{--padding-top:6px;--padding-bottom:6px;--padding-left:12px;--padding-right:12px;}.elementor-20515 .elementor-element.elementor-element-7838aa8 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(1em/2);}.elementor-20515 .elementor-element.elementor-element-7838aa8 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(1em/2);}.elementor-20515 .elementor-element.elementor-element-7838aa8 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(1em/2);}.elementor-20515 .elementor-element.elementor-element-7838aa8 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-1em/2);}.elementor-20515 .elementor-element.elementor-element-7838aa8 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-1em/2);}.elementor-20515 .elementor-element.elementor-element-e780b4f > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-20515 .elementor-element.elementor-element-35722ef > .elementor-widget-container{padding:5% 5% 5% 5%;}.elementor-20515 .elementor-element.elementor-element-2ff7564{--min-height:40vh;--padding-top:3em;--padding-bottom:3em;--padding-left:0.7em;--padding-right:0.7em;}.elementor-20515 .elementor-element.elementor-element-bd01632:not(.elementor-motion-effects-element-type-background), .elementor-20515 .elementor-element.elementor-element-bd01632 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://join-us.esf.edu.hk/wp-content/uploads/2023/07/HKG20190918_0234-min-450x300.jpg");background-position:top center;}.elementor-20515 .elementor-element.elementor-element-bd01632{--overlay-opacity:0.38;--padding-top:3em;--padding-bottom:3em;--padding-left:1em;--padding-right:1em;}.elementor-20515 .elementor-element.elementor-element-c80fa6b{width:100%;max-width:100%;}.elementor-20515 .elementor-element.elementor-element-c80fa6b > .elementor-widget-container{margin:0px 0px 16px 0px;}.elementor-20515 .elementor-element.elementor-element-c80fa6b .elementor-heading-title{font-size:2.4rem;line-height:2.2rem;}.elementor-20515 .elementor-element.elementor-element-3af7d29.elementor-element{--align-self:center;}.elementor-20515 .elementor-element.elementor-element-3af7d29 .elementor-button{font-size:1rem;padding:16px 46px 16px 50px;}}/* Start custom CSS for image, class: .elementor-element-a9835f4 */.topbanner img {
            width: 100%;
        }
@media (max-width: 720px) {
 .topbanner img {
                content: url('https://join-us.esf.edu.hk/wp-content/uploads/2026/07/IB452026_2026_IB45_mobile_banner.jpg');
            }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-324f56b */#ib45text,
#ib45text p {
  font-family: sans-serif !important;
  font-weight: 300 !important; /* Adjust weight to 'light' if necessary */
  font-size: 23px;
}
@media (max-width: 768px) {
    #ib45text p {
  font-family:  sans-serif !important;
  font-weight: 300 !important; /* Adjust weight to 'light' if necessary */
  font-size: 15px;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-516563c */.class-dropdown-wrapper { position: relative; display: inline-block; } .class-dropdown { appearance: none; -webkit-appearance: none; -moz-appearance: none; background: white; border: 2px solid #333; border-radius: 50px; padding: 15px 45px 15px 25px; font-size: 18px; font-weight: 600; color: #333; cursor: pointer; min-width: 200px; text-align: center; transition: all 0.3s ease; box-shadow: 0 2px 8px rgba(0,0,0,0.1); } .class-dropdown:hover { background-color: #f8f9fa; border-color: #555; transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.15); } .class-dropdown:focus { outline: none; border-color: #007cba; box-shadow: 0 0 0 3px rgba(0, 124, 186, 0.1); } .dropdown-arrow { position: absolute; right: 20px; top: 50%; transform: translateY(-50%); pointer-events: none; font-size: 14px; color: #333; transition: transform 0.3s ease; } .class-dropdown:focus + .dropdown-arrow { transform: translateY(-50%) rotate(180deg); }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d82398b */.class-dropdown-wrapper { position: relative; display: inline-block; } .class-dropdown { appearance: none; -webkit-appearance: none; -moz-appearance: none; background: white; border: 2px solid #333; border-radius: 50px; padding: 15px 45px 15px 25px; font-size: 18px; font-weight: 600; color: #333; cursor: pointer; min-width: 200px; text-align: center; transition: all 0.3s ease; box-shadow: 0 2px 8px rgba(0,0,0,0.1); } .class-dropdown:hover { background-color: #f8f9fa; border-color: #555; transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.15); } .class-dropdown:focus { outline: none; border-color: #007cba; box-shadow: 0 0 0 3px rgba(0, 124, 186, 0.1); } .dropdown-arrow { position: absolute; right: 20px; top: 50%; transform: translateY(-50%); pointer-events: none; font-size: 14px; color: #333; transition: transform 0.3s ease; } .class-dropdown:focus + .dropdown-arrow { transform: translateY(-50%) rotate(180deg); }/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-35722ef */#ib45summary,
#ib45summary h3 {
  font-family: "Moranga", sans-serif !important;
  font-weight: 500 !important; /* Adjust weight to 'light' if necessary */
  font-size: 25px;
}
#ib45summary p {
  font-family: 'Cerebri Sans', sans-serif !important;
  font-weight: 400;
  font-size: 20px;
}

@media (max-width: 768px) {
#ib45summary h3 {
  font-family: "Moranga", sans-serif !important;
  font-weight: 500 !important; /* Adjust weight to 'light' if necessary */
  font-size: 20px;
}
#ib45summary p {
  font-family: 'Cerebri Sans', sans-serif !important;
  font-size: 15px;
}
}/* End custom CSS */
/* Start custom CSS */trs-header {
    background: black;
    opacity: 1;
}/* End custom CSS */