.elementor-3016 .elementor-element.elementor-element-d933388{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--align-items:center;--padding-top:80px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-3016 .elementor-element.elementor-element-2bbad7d{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3016 .elementor-element.elementor-element-2bbad7d.e-con{--align-self:center;}.elementor-3016 .elementor-element.elementor-element-4d93534{--display:flex;--min-height:90vh;--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;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3016 .elementor-element.elementor-element-4d93534:not(.elementor-motion-effects-element-type-background), .elementor-3016 .elementor-element.elementor-element-4d93534 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#999999;}.elementor-3016 .elementor-element.elementor-element-c442f22{--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;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.5;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3016 .elementor-element.elementor-element-c442f22:not(.elementor-motion-effects-element-type-background), .elementor-3016 .elementor-element.elementor-element-c442f22 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://sbus.hsu.edu.hk/wp-content/uploads/2025/06/Work-integrated-Learning-img.jpg");background-position:center center;background-size:cover;}.elementor-3016 .elementor-element.elementor-element-c442f22::before, .elementor-3016 .elementor-element.elementor-element-c442f22 > .elementor-background-video-container::before, .elementor-3016 .elementor-element.elementor-element-c442f22 > .e-con-inner > .elementor-background-video-container::before, .elementor-3016 .elementor-element.elementor-element-c442f22 > .elementor-background-slideshow::before, .elementor-3016 .elementor-element.elementor-element-c442f22 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3016 .elementor-element.elementor-element-c442f22 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-5e9d79b );--background-overlay:'';}.elementor-3016 .elementor-element.elementor-element-b8d51a6.elementor-element{--align-self:stretch;}.elementor-3016 .elementor-element.elementor-element-b8d51a6{text-align:center;font-family:var( --e-global-typography-5cc5721-font-family ), Sans-serif;font-size:var( --e-global-typography-5cc5721-font-size );font-weight:var( --e-global-typography-5cc5721-font-weight );line-height:var( --e-global-typography-5cc5721-line-height );color:#FFFFFF;}.elementor-3016 .elementor-element.elementor-element-454d8e7{--display:flex;}.elementor-3016 .elementor-element.elementor-element-454d8e7:not(.elementor-motion-effects-element-type-background), .elementor-3016 .elementor-element.elementor-element-454d8e7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(135deg, var( --e-global-color-primary ) 0%, var( --e-global-color-accent ) 100%);}.elementor-3016 .elementor-element.elementor-element-2f0d4fa{--display:flex;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-3016 .elementor-element.elementor-element-d4a21f7{text-align:center;}.elementor-3016 .elementor-element.elementor-element-d4a21f7 .elementor-heading-title{font-family:var( --e-global-typography-5cc5721-font-family ), Sans-serif;font-size:var( --e-global-typography-5cc5721-font-size );font-weight:var( --e-global-typography-5cc5721-font-weight );line-height:var( --e-global-typography-5cc5721-line-height );color:var( --e-global-color-fb6cfac );}.elementor-3016 .elementor-element.elementor-element-67a13e3 .elementor-button{fill:var( --e-global-color-fb6cfac );color:var( --e-global-color-fb6cfac );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-fb6cfac );}.elementor-3016 .elementor-element.elementor-element-a0c188d{--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;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.5;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3016 .elementor-element.elementor-element-a0c188d:not(.elementor-motion-effects-element-type-background), .elementor-3016 .elementor-element.elementor-element-a0c188d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://sbus.hsu.edu.hk/wp-content/uploads/2025/06/Banner-Mentorship-Programme.jpg");background-position:center center;background-size:cover;}.elementor-3016 .elementor-element.elementor-element-a0c188d::before, .elementor-3016 .elementor-element.elementor-element-a0c188d > .elementor-background-video-container::before, .elementor-3016 .elementor-element.elementor-element-a0c188d > .e-con-inner > .elementor-background-video-container::before, .elementor-3016 .elementor-element.elementor-element-a0c188d > .elementor-background-slideshow::before, .elementor-3016 .elementor-element.elementor-element-a0c188d > .e-con-inner > .elementor-background-slideshow::before, .elementor-3016 .elementor-element.elementor-element-a0c188d > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-5e9d79b );--background-overlay:'';}.elementor-3016 .elementor-element.elementor-element-ee20f65.elementor-element{--align-self:stretch;}.elementor-3016 .elementor-element.elementor-element-ee20f65{text-align:center;font-family:var( --e-global-typography-5cc5721-font-family ), Sans-serif;font-size:var( --e-global-typography-5cc5721-font-size );font-weight:var( --e-global-typography-5cc5721-font-weight );line-height:var( --e-global-typography-5cc5721-line-height );color:#FFFFFF;}.elementor-3016 .elementor-element.elementor-element-76bc6a7{--display:flex;}.elementor-3016 .elementor-element.elementor-element-76bc6a7:not(.elementor-motion-effects-element-type-background), .elementor-3016 .elementor-element.elementor-element-76bc6a7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(135deg, var( --e-global-color-primary ) 0%, var( --e-global-color-accent ) 100%);}.elementor-3016 .elementor-element.elementor-element-75cad1d{--display:flex;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-3016 .elementor-element.elementor-element-965f112{text-align:center;}.elementor-3016 .elementor-element.elementor-element-965f112 .elementor-heading-title{font-family:var( --e-global-typography-5cc5721-font-family ), Sans-serif;font-size:var( --e-global-typography-5cc5721-font-size );font-weight:var( --e-global-typography-5cc5721-font-weight );line-height:var( --e-global-typography-5cc5721-line-height );color:var( --e-global-color-fb6cfac );}.elementor-3016 .elementor-element.elementor-element-fed6a54 .elementor-button{fill:var( --e-global-color-fb6cfac );color:var( --e-global-color-fb6cfac );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-fb6cfac );}.elementor-3016 .elementor-element.elementor-element-4691a0e{--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;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.5;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3016 .elementor-element.elementor-element-4691a0e:not(.elementor-motion-effects-element-type-background), .elementor-3016 .elementor-element.elementor-element-4691a0e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://sbus.hsu.edu.hk/wp-content/uploads/2025/06/International-Study-and-Global-Exchange.jpg");background-position:center center;background-size:cover;}.elementor-3016 .elementor-element.elementor-element-4691a0e::before, .elementor-3016 .elementor-element.elementor-element-4691a0e > .elementor-background-video-container::before, .elementor-3016 .elementor-element.elementor-element-4691a0e > .e-con-inner > .elementor-background-video-container::before, .elementor-3016 .elementor-element.elementor-element-4691a0e > .elementor-background-slideshow::before, .elementor-3016 .elementor-element.elementor-element-4691a0e > .e-con-inner > .elementor-background-slideshow::before, .elementor-3016 .elementor-element.elementor-element-4691a0e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-5e9d79b );--background-overlay:'';}.elementor-3016 .elementor-element.elementor-element-ca92cce.elementor-element{--align-self:stretch;}.elementor-3016 .elementor-element.elementor-element-ca92cce{text-align:center;font-family:var( --e-global-typography-5cc5721-font-family ), Sans-serif;font-size:var( --e-global-typography-5cc5721-font-size );font-weight:var( --e-global-typography-5cc5721-font-weight );line-height:var( --e-global-typography-5cc5721-line-height );color:#FFFFFF;}.elementor-3016 .elementor-element.elementor-element-26d909a{--display:flex;}.elementor-3016 .elementor-element.elementor-element-26d909a:not(.elementor-motion-effects-element-type-background), .elementor-3016 .elementor-element.elementor-element-26d909a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(135deg, var( --e-global-color-primary ) 0%, var( --e-global-color-accent ) 100%);}.elementor-3016 .elementor-element.elementor-element-3440eb3{--display:flex;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-3016 .elementor-element.elementor-element-5e46b49{text-align:center;}.elementor-3016 .elementor-element.elementor-element-5e46b49 .elementor-heading-title{font-family:var( --e-global-typography-5cc5721-font-family ), Sans-serif;font-size:var( --e-global-typography-5cc5721-font-size );font-weight:var( --e-global-typography-5cc5721-font-weight );line-height:var( --e-global-typography-5cc5721-line-height );color:var( --e-global-color-fb6cfac );}.elementor-3016 .elementor-element.elementor-element-16a2db8 .elementor-button{fill:var( --e-global-color-fb6cfac );color:var( --e-global-color-fb6cfac );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-fb6cfac );}.elementor-3016 .elementor-element.elementor-element-a718291{--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:80px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-3016 .elementor-element.elementor-element-12b326b{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-3016 .elementor-element.elementor-element-12b326b.elementor-element{--align-self:flex-end;}.elementor-3016 .elementor-element.elementor-element-f4ccc93{--grid-columns:1;}.elementor-3016 .elementor-element.elementor-element-f35e6fa{--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:80px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-3016 .elementor-element.elementor-element-f35e6fa:not(.elementor-motion-effects-element-type-background), .elementor-3016 .elementor-element.elementor-element-f35e6fa > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-f296c88 );}.elementor-3016 .elementor-element.elementor-element-162d341{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-3016 .elementor-element.elementor-element-162d341.elementor-element{--align-self:flex-start;}.elementor-3016 .elementor-element.elementor-element-eeac282{--grid-columns:1;}@media(max-width:1024px){.elementor-3016 .elementor-element.elementor-element-d933388{--grid-auto-flow:row;--padding-top:60px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-3016 .elementor-element.elementor-element-b8d51a6{font-size:var( --e-global-typography-5cc5721-font-size );line-height:var( --e-global-typography-5cc5721-line-height );}.elementor-3016 .elementor-element.elementor-element-d4a21f7 .elementor-heading-title{font-size:var( --e-global-typography-5cc5721-font-size );line-height:var( --e-global-typography-5cc5721-line-height );}.elementor-3016 .elementor-element.elementor-element-ee20f65{font-size:var( --e-global-typography-5cc5721-font-size );line-height:var( --e-global-typography-5cc5721-line-height );}.elementor-3016 .elementor-element.elementor-element-965f112 .elementor-heading-title{font-size:var( --e-global-typography-5cc5721-font-size );line-height:var( --e-global-typography-5cc5721-line-height );}.elementor-3016 .elementor-element.elementor-element-ca92cce{font-size:var( --e-global-typography-5cc5721-font-size );line-height:var( --e-global-typography-5cc5721-line-height );}.elementor-3016 .elementor-element.elementor-element-5e46b49 .elementor-heading-title{font-size:var( --e-global-typography-5cc5721-font-size );line-height:var( --e-global-typography-5cc5721-line-height );}.elementor-3016 .elementor-element.elementor-element-a718291{--padding-top:60px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-3016 .elementor-element.elementor-element-f4ccc93{--grid-columns:1;}.elementor-3016 .elementor-element.elementor-element-f35e6fa{--padding-top:60px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-3016 .elementor-element.elementor-element-eeac282{--grid-columns:1;}}@media(max-width:767px){.elementor-3016 .elementor-element.elementor-element-d933388{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-3016 .elementor-element.elementor-element-2bbad7d.e-con{--order:-99999 /* order start hack */;}.elementor-3016 .elementor-element.elementor-element-b8d51a6{font-size:var( --e-global-typography-5cc5721-font-size );line-height:var( --e-global-typography-5cc5721-line-height );}.elementor-3016 .elementor-element.elementor-element-d4a21f7 .elementor-heading-title{font-size:var( --e-global-typography-5cc5721-font-size );line-height:var( --e-global-typography-5cc5721-line-height );}.elementor-3016 .elementor-element.elementor-element-ee20f65{font-size:var( --e-global-typography-5cc5721-font-size );line-height:var( --e-global-typography-5cc5721-line-height );}.elementor-3016 .elementor-element.elementor-element-965f112 .elementor-heading-title{font-size:var( --e-global-typography-5cc5721-font-size );line-height:var( --e-global-typography-5cc5721-line-height );}.elementor-3016 .elementor-element.elementor-element-ca92cce{font-size:var( --e-global-typography-5cc5721-font-size );line-height:var( --e-global-typography-5cc5721-line-height );}.elementor-3016 .elementor-element.elementor-element-5e46b49 .elementor-heading-title{font-size:var( --e-global-typography-5cc5721-font-size );line-height:var( --e-global-typography-5cc5721-line-height );}.elementor-3016 .elementor-element.elementor-element-a718291{--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-3016 .elementor-element.elementor-element-12b326b{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-3016 .elementor-element.elementor-element-f4ccc93{--grid-columns:1;}.elementor-3016 .elementor-element.elementor-element-f35e6fa{--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-3016 .elementor-element.elementor-element-162d341{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-3016 .elementor-element.elementor-element-eeac282{--grid-columns:1;}}/* Start custom CSS for container, class: .elementor-element-4d93534 *//* Code from https://element.how/elementor-flex-containers-expand-on-hover/
* Copyright 2022 Maxime Desrosiers
* Licensed for personal and commercial use for customers who purchased access
* No redistribution or resale allowed
*/

.flexHover_containerAccordion {
    transition: width 0.6s; /* transition of the expanding containers */
}

.flexHover_title {
    width: 50%; /* default width of the titles */
    transition: opacity 0.6s, width 0.6s;
}

.flexHover_title  .elementor-widget-container {
    background-color: #00000044; /* background color of the titles */
    display: flex;
    flex-direction: column;
    justify-content: center;
    pointer-events: none;
    transition: opacity 0.6s, width 0.6s; /* transition of the titles */
}

.flexHover:hover .flexHover_containerAccordion:hover .flexHover_title {
    opacity: 0; /* 0 opacity for the title in the container being hovered */
}

.flexHover:hover .flexHover_title {
    width: 100%; /* 100% width for the titles not being hovered */
}

.flexHover_content {
    opacity: 0;
    transition: 0.4s opacity; /* transition of the content containers while not hovering*/
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    min-width: 400px; /* width of the content containers, on tablet and desktop */
    width: 400px; /* width of the content containers, on tablet and desktop */
    padding: 0; /* required, can be changed but not removed, to prevent bug on Safari */
}

.flexHover:hover .flexHover_containerAccordion:hover .flexHover_content {
    opacity: 1;
    transition: 0.4s opacity  0.2s; /* transition of the content containers while hovering, 0.2s represent the transition delay */
}

@media (max-width:767px) {

.flexHover_content{
    min-width: 300px; /* width of the content containers, on mobile */
    width: 300px; /* width of the content containers, on mobile */
}
    
}

@media (min-width:767px) {
    
.flexHover:hover .flexHover_containerAccordion {
    width: 20%; /* width of the collapsed flex hover containers */
}

.flexHover:hover .flexHover_containerAccordion:hover {
    width: 60%; /* width of the expanded flex hover containers */
}

}/* End custom CSS */