:root{
  --fontsize1: .8rem; /*header-info*/
  --fontsize2: .7rem; /*page > block text*/
  --color1: #8bd94a; /*header-info bg; btn - success, outline success*/
  --color1-hover: #72b730; /*hover - btn - success, outline success*/
  --color2: #00102c; /*h1-6; nav-item*/
  --color2-2: #00102c; /*home - title line*/
  --color3: #015d6c; /*btn - dark*/
  --color3-hover: #013333; /*hover - btn - dark*/
  --color4: #c7ffc2; /*home - section title*/
  --color5-1: #c9fe92; /*home - fivecomponents #1 bg*/
  --color5-1-2: #dfffbe; /*home - fivecomponents #1 caption bg*/
  --color5-2: #ffcfdb; /*home - fivecomponents #2 bg*/
  --color5-2-2: #ffe3e8; /*home - fivecomponents #2 caption bg*/
  --color5-3: #9aecf7; /*home - fivecomponents #3 bg*/
  --color5-3-2: #c3f4fb; /*home - fivecomponents #3 caption bg*/
  --color5-4: #fed45e; /*home - fivecomponents #4 bg*/
  --color5-4-2: #ffe59e; /*home - fivecomponents #4 caption bg*/
  --color5-5: #ffff66; /*home - fivecomponents #5 bg*/
  --color5-5-2: #ffffa3; /*home - fivecomponents #5 caption bg*/
  --color5-6: #41210a; /*home - fivecomponenets subtitle*/
  --color6: #000065;
  --color7: #d9e02a; /*carousel - dot active*/
  --color7-1: 21,33,36; /*carousel - subtitle left color*/
  --color7-2: 13,68,39; /*carousel - subtitle right color*/
  --color7-3: 44,255,0; /*carousel - subtitle outer glow*/
  --color8: #004233;
  --color9: #05916a;
  --color10: #36d867;
  --color11: #ffe254;
  --color12: #001f42;
  --color13: #8bc53f; /*page - subtitle*/
  --color14: #42210b; /*page - subtitle span; contact*/
  --color15: #002e1d; /*page - enrollment title*/
  --color16: #9a2e00; /*page - enrollment btn text; r/e-mode subtitle*/
  --color17: #fcee21; /*page - mamapapa subtitle*/
  --color18: #89c33f; /*page - contact-msg > Address*/
  --color19: #d6dd21; /*page - contact-form > button*/
  --color19-text: #42210b; /*page - contact-form > button text*/
  --color20: #f4901e; /*page - contact-msg > phone, email*/
  --color21: #001827; /*page - banner h1*/
  --color22: #00365b; /*page - banner h1 @ events, gallery*/
  --color23: #ffe054; /*home - awards > year*/
  --color23-1: white; /*home - awards > caption*/
  --color24: #fee684; /*footer - subtitle*/
  --color25: 0, 54, 55; /*home - we offer > caption bg*/
  --color26: #0d2c27;
  --color27: #ffc107; /*block-enrollment btn-warning*/
  --color28-1: 251, 175, 33; /*page (about) - banner*/
  --color28-1-text: var(--white); /*page (about) - banner > h1*/
  --color28-2: 251, 133, 109; /*page (program) - banner*/
  --color28-2-text: var(--white); /*page (program) - banner > h1*/
  --color28-3: 174, 151, 255; /*page (products) - banner*/
  --color28-3-2: 204,186,255; /*page (products) - banner line3*/
  --color28-3-text: var(--white); /*page (products) - banner > h1*/
  --color28-4: 0, 111, 255; /*page (news) - banner*/
  --color28-4-text: var(--white); /*page (news) - banner > h1*/
  --color28-5: 96, 248, 255; /*page (events) - banner*/
  --color28-5-text: var(--color22); /*page (events) - banner > h1*/
  --color28-6: 86,255,178; /*page (gallery) - banner*/
  --color28-6-text: var(--color22); /*page (gallery) - banner > h1*/
  --radius1: .75rem;
  --radius2: 1.2rem;
  --radius3: 1.5rem;
  --radius4: 2rem;
  --shadow1: 0px 11px 11px -1px rgba(0,0,0,0.4);
  --shadow2: rgba(0, 0, 0, 0.09) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
  --shadow3: #2cff00;
  --shadow4: 0px 5px 10px 1px rgba(0,0,0,0.6);
  --opacity1: 20%;
  --body-gradient: linear-gradient(0deg, rgba(0,87,104,1) 0%, rgba(97,171,166,1) 56.95%, rgba(193,255,228,1) 100%), url('../img/3q/bg-light.png') left bottom repeat-x, url('../img/3q/bg-light-top.png') left top repeat-x;
  --body-bg-position: bottom left;
  --page-banner-left-path: unset;
  --page-banner-right-path: unset;
  --banner-line1-height: 307px;
  --footer-bg-display: block;
  --footer-bg: rgba(34,116,150,0.57);
  --footer-bg-gradient: linear-gradient(to top,black 10%, rgba(0,0,0,0.8) 50%, transparent 100%);
  --block-fivecomponents-icon-top: -130%;
  --block-fivecomponents-icon-left: calc(-1*0.59em*7);
  --welcome-bg: url('/img/3q/welcome/bg.jpg');
  --welcome-top: url('/img/3q/welcome/top.jpg');
  --welcome-left: url('/img/3q/welcome/left.jpg');
  --welcome-right: url('/img/3q/welcome/right.jpg');
  --welcome-banner-text: 209, 249, 64;
  --welcome-banner-btn: #d40000;
  --welcome-btn: rgba(0,79,0, 0.23);
  --banner: url('/img/3q/banner.png');
  --smm-experiential: url('/img/3q/smm-experiential.jpg');
  --smm-intelligent: url('/img/3q/smm-intelligent.jpg');
  --testimonial-bg: url('/img/3q/testimonial-bg.png');
  --testimonial-title: url('/img/3q/testimonial-title.png');
  --testimonial-title-width: 278px;
  --testimonial-title-height: 117px;
  --awards-item: url('/img/3q/awards-border.png');
  --about-bg: url('/img/3q/about-msg.png');
  --about-width: 444px; /*579*/
  --about-height: 568px; /*620*/
  --about-padding: 31px 60px 21px 75px;
  --programme-details-width: 519px; /*591px*/
  --programme-details-height: 487px; /*661*/
  --programme-details-padding: 74px 36px 100px 36px;
  --programme-details2-width: 471px; /*551*/
  --programme-details2-height: 429px; /*566*/
  --programme-details2-padding: 87px 40px 50px;
  --contact-form-bg: url('../img/3q/contact-form.png');
  --contact-msg-icon-top: calc(0.59em*5);
  --contact-form-width: 494px; /*614*/
  --contact-form-height: 449px; /*505*/
  --contact-form-padding: 34px 56px 22px 64px;
  --contact-form-icon-top: -34px; /*-34px*/
  --contact-form-icon-right: -20px;
  --contact-msg-bg: url('/img/3q/contact-msg.png');
  --contact-msg-width: 307px; /*381*/
  --contact-msg-height: 377px; /*459*/
  --contact-msg-padding: 60px 37px 22px;
  --contact-msg-icon-right: 52px;
  --subtitle-height: 62px;
  --subtitle-padding: 0 0 0 30px;
  --enrollment-title: url('/img/3q/enrollment-title.png');
  --enrollment-content-bg: url('/img/3q/enrollment-img.png');
  --prevarrow: url('/img/3q/prevarrow.png');
  --nextarrow: url('/img/3q/nextarrow.png');
  --prevarrow-active: url('/img/3q/prevarrow-active.png');
  --nextarrow-active: url('/img/3q/nextarrow-active.png');
  --programme-details-content1: url('/img/3q/programme-details-msg.png');
  --programme-details-content2: url('/img/3q/programme-details-msg2.png');
  --material-subtitle1: url('/img/3q/material/subtitle1.png');
  --material-subtitle2: url('/img/3q/material/subtitle2.png');
}

.body-wrapper{
  position: relative;
  z-index: 10;
  background: var(--body-wrapper-btm);
  background-size: contain;
}

.banner-content{  float: left; }
.banner-btn{  text-align: left; }