/*
Theme Name: Six Connections V2
Theme URI: http://www.thinkeq.co.uk/
Author: EQ
Author URI: http://www.thinkeq.co.uk/
Description: Six Connections brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2018 works great in many languages, for any abilities, and on any device.
Version: 1.0
Text Domain: six-connections-v2
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


:root{
    --sc-white: #FFF;
    --sc-black: #172642;
    --sc-grey-dark: #333;
    --sc-red: #FC5440;
    --sc-blue: #144FC2;
    --sc-yellow: #FFCA3A;
    --sc-green: #295E4A;
    --sc-gradient: linear-gradient(45deg, rgba(43, 84, 104, 1) 0%, rgba(53, 114, 176, 1) 100%);
    --sc-primary-font: "Eudoxus Sans", sans-serif;
    --sc-secondary-font: "hwt-artz", sans-serif;
    --sc-custom-ease: all 0.2s ease-in;
    --sc-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    --sc-padding-desktop: 100px;
    --sc-padding-tablet: 70px;
    --sc-padding-mobile: 50px;
}


@font-face{font-family: 'Eudoxus Sans';src: url('include/fonts/EudoxusSansExtraBold.eot');src: url('include/fonts/EudoxusSansExtraBold.eot') format('embedded-opentype'),url('include/fonts/EudoxusSansExtraBold.woff2') format('woff2'),url('include/fonts/EudoxusSansExtraBold.woff') format('woff'),url('include/fonts/EudoxusSansExtraBold.ttf') format('truetype'),url('include/fonts/EudoxusSansExtraBold.svg#EudoxusSansExtraBold') format('svg');font-weight: 800;font-style: normal;}
@font-face{font-family: 'Eudoxus Sans';src: url('include/fonts/EudoxusSansBold.eot');src: url('include/fonts/EudoxusSansBold.eot') format('embedded-opentype'),url('include/fonts/EudoxusSansBold.woff2') format('woff2'),url('include/fonts/EudoxusSansBold.woff') format('woff'),url('include/fonts/EudoxusSansBold.ttf') format('truetype'),url('include/fonts/EudoxusSansBold.svg#EudoxusSansBold') format('svg');font-weight: 700;font-style: normal;}
@font-face{font-family: 'Eudoxus Sans';src: url('include/fonts/EudoxusSansMedium.eot');src: url('include/fonts/EudoxusSansMedium.eot') format('embedded-opentype'),url('include/fonts/EudoxusSansMedium.woff2') format('woff2'),url('include/fonts/EudoxusSansMedium.woff') format('woff'),url('include/fonts/EudoxusSansMedium.ttf') format('truetype'),url('include/fonts/EudoxusSansMedium.svg#EudoxusSansMedium') format('svg');font-weight: 500;font-style: normal;}
@font-face{font-family: 'Eudoxus Sans';src: url('include/fonts/EudoxusSansRegular.eot');src: url('include/fonts/EudoxusSansRegular.eot') format('embedded-opentype'),url('include/fonts/EudoxusSansRegular.woff2') format('woff2'),url('include/fonts/EudoxusSansRegular.woff') format('woff'),url('include/fonts/EudoxusSansRegular.ttf') format('truetype'),url('include/fonts/EudoxusSansRegular.svg#EudoxusSansRegular') format('svg');font-weight: 400;font-style: normal;}

#html { margin-top: 0 !important; }
#html #wpadminbar { top: auto; width: auto; min-width: auto; bottom: 0; }
#html #wp-admin-bar-top-secondary, #html #wpadminbar .menupop, #wp-admin-bar-customize, #wp-admin-bar-updates, #wp-admin-bar-comments { display: none; }
@media (max-width:1199.98px) {
	#html #wpadminbar { display: none !important; }
}

/* =================reset css starts here=================  */
*{ margin: 0;padding: 0;}
h1, h2, h3, h4, h5, h6, p, ul, li, body, html, form, fieldset, address{ margin: 0;padding: 0;outline: none;border: 0 }
a{ text-decoration: none;border: 0;outline: 0;}
ul{list-style: none;}
a:focus, input:focus, textarea:focus, *:focus{ outline: 0 !important;}
/* =================reset css ends here================= */
/* ================= Contact form 7  Start ================= */ 
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing { border-color: #f00; position: relative; }
div.wpcf7 form.wpcf7-form span.ajax-loader { width: 24px; height: 24px; background-size: 20px; position: absolute; right: 0; margin: 0 15px; top: 50%; margin-top: -12px; z-index: 9; opacity: 1; }
span.wpcf7-not-valid-tip {top: 0;right: 0;padding: 0;bottom: auto;color: var(--sc-white); font-weight: 500; font-family: var(--sc-primary-font); font-size: 14px;line-height: 1.3;letter-spacing: 0;position: absolute;top: 100%;margin-top: -11px;padding: 0;border-radius: 4px 0px 4px 4px;background: #f00;padding: 0 5px;}
.wpcf7-form-control-wrap { position: static; }
.form-control.wpcf7-not-valid { border-color: #f00; }
div.wpcf7-response-output {margin: 30px 0 0 0 !important;background: rgb(255 0 0);border-width: 0px !important;border-radius: 5px;color: var(--sc-white) !important;font-size: 18px !important;line-height: 22px;padding: 10px 15px !important;border-style: solid !important;border-color: var(--sc-white) !important;font-weight: 700; font-family: var(--sc-primary-font);text-align: center;}
.wpcf7 form.sent .wpcf7-response-output {border-color: var(--sc-green) !important;background: var(--sc-green);color: var(--sc-white) !important; }
span.wpcf7-spinner{position: absolute; top: 11px; right: 8px; margin: 0;}
div.wpcf7 .wpcf7-submit:disabled { cursor: not-allowed; background: inherit !important; border-color: inherit !important; color: inherit !important; opacity: 0.6; }
.form-btn{position: relative;}
/* ================= Contact form 7  End ================= */
/* =================core css starts here================= */
html,body{min-height: 100vh;}
body{display: flex;flex-flow: column;padding-top:100px;font-family: var(--sc-primary-font);font-size: 18px;font-weight:400;line-height: 1.6;color: var(--sc-black);background: #FCEBD9;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.container{width: calc(100% - 10px);max-width: 1332px;}
a, input, button{ display: inline-block;text-decoration: none;color: inherit;outline: none;transition: var(--sc-custom-ease); -webkit-transition: var(--sc-custom-ease);}
a img{border: 0px none;}
a:hover{ outline: none;color: var(--sc-red);text-decoration: none;}
a:active{ outline: none;text-decoration: none;}
a:focus{ outline: none;outline-offset: 0px;text-decoration: none;color: inherit;}
::-webkit-input-placeholder{ color: var(--sc-black);opacity: 0.5;}
::-moz-placeholder{ color: var(--sc-black);opacity: 0.5;}
:-moz-placeholder{ color: var(--sc-black);opacity: 0.5;}
:-ms-input-placeholder{ color: var(--sc-black);opacity: 0.5;}
.os-animation{opacity: 0;}
.os-animation.animated{opacity: 1;}
img{max-width: 100%;border:0;height: auto;}
h1, h2, h3, h4, h5, h6{ margin: 0px;padding: 0px;margin-bottom: 24px;line-height: 1.1;font-weight: 700;color: inherit;}
h1{font-size: 70px;}
h2{font-size: 55px;}
h3{font-size: 55px;}
h4{font-size: 30px;}
h5{font-size: 26px;}
h6{font-size: 18px;}
p{margin: 0px;padding: 0px;margin-bottom: 28px;}
strong{font-weight: 700;}
b{font-weight: 400;}
p:last-child{margin-bottom: 0;}

.btn{min-width: 227px;padding: 14px 20px;font-size: 18px;font-weight: 800;line-height: 1;letter-spacing: 0.1em;border: 2px solid;border-radius: 30px;box-shadow: none;transition: var(--sc-custom-ease);-webkit-transition: var(--sc-custom-ease);}
.btn-white,.btn-white:focus{ color: var(--sc-black);background-color: var(--sc-white);border-color: var(--sc-white);}
.btn-white:hover,.btn-white:active{ color: var(--sc-white);background-color: transparent;border-color: var(--sc-white);}
.btn-black,.btn-black:focus{ color: var(--sc-white);background-color: var(--sc-black);border-color: var(--sc-black);}
.btn-black:hover,.btn-black:active{ color: var(--sc-black);background-color: transparent;border-color: var(--sc-black);}
.btn-white-outline,.btn-white-outline:focus{ color: var(--sc-white);background-color: transparent;border-color: var(--sc-white);}
.btn-white-outline:hover,.btn-white-outline:active{ color: var(--sc-black);background-color: var(--sc-white);border-color: var(--sc-white);}
.btn-black-outline,.btn-black-outline:focus{ color: var(--sc-black);background-color: transparent;border-color: var(--sc-black);}
.btn-black-outline:hover,.btn-black-outline:active{ color: var(--sc-white);background-color: var(--sc-black);border-color: var(--sc-black);}
.btn-red,.btn-red:focus{ color: var(--sc-white);background-color: var(--sc-red);border-color: var(--sc-red);}
.btn-red:hover,.btn-red:active{ color: var(--sc-red);background-color: transparent;border-color: var(--sc-red);}
.btn-blue,.btn-blue:focus{ color: var(--sc-white);background-color: var(--sc-blue);border-color: var(--sc-blue);}
.btn-blue:hover,.btn-blue:active{ color: var(--sc-blue);background-color: transparent;border-color: var(--sc-blue);}
.btn-yellow,.btn-yellow:focus{ color: var(--sc-black);background-color: var(--sc-yellow);border-color: var(--sc-yellow);}
.btn-yellow:hover,.btn-yellow:active{ color: var(--sc-yellow);background-color: transparent;border-color: var(--sc-yellow);}
.btn-green,.btn-green:focus{ color: var(--sc-white);background-color: var(--sc-green);border-color: var(--sc-green);}
.btn-green:hover,.btn-green:active{ color: var(--sc-green);background-color: transparent;border-color: var(--sc-green);}
.btn-red-white,.btn-red-white:focus{ color: var(--sc-white);background-color: var(--sc-red);border-color: var(--sc-red);}
.btn-red-white:hover,.btn-red-white:active{ color: var(--sc-red);background-color: var(--sc-white);border-color: var(--sc-white);}
.btn-blue-white,.btn-blue-white:focus{ color: var(--sc-white);background-color: var(--sc-blue);border-color: var(--sc-blue);}
.btn-blue-white:hover,.btn-blue-white:active{ color: var(--sc-blue);background-color: var(--sc-white);border-color: var(--sc-white);}
.btn-yellow-white,.btn-yellow-white:focus{ color: var(--sc-black);background-color: var(--sc-yellow);border-color: var(--sc-yellow);}
.btn-yellow-white:hover,.btn-yellow-white:active{ color: var(--sc-yellow);background-color: var(--sc-white);border-color: var(--sc-white);}
.btn-green-white,.btn-green-white:focus{ color: var(--sc-white);background-color: var(--sc-green);border-color: var(--sc-green);}
.btn-green-white:hover,.btn-green-white:active{ color: var(--sc-green);background-color: var(--sc-white);border-color: var(--sc-white);}
.btn.btn-lg{min-width: 271px;}
.btn.btn-xxl{min-width: 304px;}
.btn.btn-block{min-width: 100%;}
.btn+.btn{margin-left: 25px;}
.btn:focus{box-shadow: none;outline: none;}

ul:not([class]){list-style: none;margin-bottom: 15px;text-align:left;line-height: 22px;}
ul:not([class]) > li{padding-left: 16px;position: relative;margin-bottom: 14px;}
ul:not([class]) > li:last-child{margin-bottom: 0;}
ul:not([class]) > li:before{content: '';position: absolute;left: 2px;top:10px;background: var(--sc-black);height: 5px;width: 5px;border-radius: 50%;}
.white-bullet ul:not([class]) > li:before{background: var(--sc-white);}
.add-index{position: relative;z-index: 9;}
.bg-grey-dark{background: var(--sc-grey-dark);color: var(--sc-white);}
.bg-blue-light{background: #1882C4; color: var(--sc-white);}
.bg-blue{background: var(--sc-blue); color: var(--sc-white);}
.bg-dark{background: var(--sc-grey-dark); color: var(--sc-white);}
.bg-yellow {background-color: var(--sc-yellow);}
.bg-white {background-color: var(--sc-white);}
.bg-red-gradient {background: #FF5440;color: var(--sc-white);}

main{overflow: hidden;}
/* =================core css ends here================= */
/* ================= Header Start ================= */
body.nav-open{overflow: hidden;}
#header{ background: var(--sc-white);color: var(--sc-black);position: fixed;left: 0;top: 0;right: 0;padding: 0;z-index: 9999;box-shadow: var(--sc-shadow);transition: var(--sc-custom-ease);-webkit-transition: var(--sc-custom-ease);}
.fixed #header{ background: var(--sc-white); }
.navbar{padding: 0;width: 100%;height: 100px;} 
.navbar-brand{ width: 192px;padding: 0;margin: 0;position: relative;z-index: 999;}
.navbar-expand-xl .navbar-nav .nav-item{padding: 0 34px;}
.navbar-expand-xl .navbar-nav .nav-link{font-size: 18px;font-weight: 800;line-height:50px;letter-spacing: 0.1em;color: var(--sc-black);padding: 0;margin:0;text-transform: uppercase;position: relative;}
.navbar-expand-xl .navbar-nav .nav-link::after{content: '';width: 0;height: 5px;position: absolute;top: 100%;left: 0;transition: all .2s ease-in;}
.navbar-expand-xl .navbar-nav .nav-item:nth-child(1) .nav-link::after{background: var(--sc-red);}
.navbar-expand-xl .navbar-nav .nav-item:nth-child(2) .nav-link::after{background: var(--sc-blue);}
.navbar-expand-xl .navbar-nav .nav-item:nth-child(3) .nav-link::after{background: var(--sc-yellow);}
.navbar-expand-xl .navbar-nav .nav-item:nth-child(4) .nav-link::after{background: var(--sc-green);}
.navbar-expand-xl .navbar-nav .nav-item:hover .nav-link, .navbar-expand-xl .navbar-nav .nav-item.active .nav-link{color:var(--sc-black);}
.navbar-expand-xl .navbar-nav .nav-item:hover .nav-link::after, .navbar-expand-xl .navbar-nav .nav-item.active .nav-link::after{width: 100%;}
.dropdown-toggle::after{display:none;}
.navbar-nav:not(.sm-collapsible) .nav-link .sub-arrow{display:none;}
.nav-inside{width: 100%;padding: 0;}
.header-right{margin-left: 12px;}
.social-links{font-size: 25px;line-height: 25px;gap: 23px;color: var(--sc-blue);}
.nav-inside-content{position: relative;margin-top: auto;}

@media only screen and (min-width: 1200px){
.navbar-nav>li>.dropdown-menu{ display: block !important;top: 100% !important;margin-top: 10px !important;opacity: 0;visibility: hidden;background: #ff5440;color: var(--sc-white);  min-width: 180px;box-shadow: 0 5px 8px rgba(0, 0, 0, 0.2);border: 0;border-radius: 0;transition: all 0.1s ease-in;-moz-transition: all 0.1s ease-in;-webkit-transition: all 0.1s ease-in;}
.dropdown:hover .dropdown-menu{ opacity: 1;visibility: visible;margin-top: 0px !important;transition: var(--sc-custom-ease);-moz-transition: var(--sc-custom-ease);-webkit-transition: var(--sc-custom-ease);}
.dropdown-item{ color: var(--sc-white);padding: 5px 15px; font-weight: 400;}
.dropdown-item:focus, .dropdown-item:hover{color:#333;background: transparent;}
} 

/* ================= Header End ================= */
/* ================= Footer Start ================= */
#footer{background: var(--sc-black);color: var(--sc-white);font-size: 18px;}
#footer a:hover{color:var(--sc-yellow);}
.footer-upper{padding: 38px 0 46px;}
.footer-logo{width: 192px;}
.footer-upper address{line-height: 1.58;}
.footer-lower{padding: 36px 0 36px;background: rgba(255, 255, 255, 0.1);}
.footer-nav li a{text-transform: uppercase;}
.footer-nav li:not(:last-child){position: relative;padding-right: 36px;margin-right: 36px;}
.footer-nav li:not(:last-child)::before{content: '|';position: absolute;top:0;left: 100%;}
/* ================= Footer End ================= */ 
.content-container{padding: var(--sc-padding-desktop) 0;} 

.link{font-size: 15px;display: flex;align-items: center;}
.link i{font-size: 22px;margin-left: 16px;transition: var(--sc-custom-ease);}
.link:hover i, .link-parent:hover .link i{margin-left: 10px;}

.default-page-title{font-size: 40px;font-weight: 800;line-height: 1.2;margin-bottom: 10px;color: rgba(23, 38, 66, 0.8);}
.default-page-wrapper {margin-top: 15px;position: relative;background: var(--sc-white);padding: 60px 0;border-radius: 0 0 30px 30px;filter: drop-shadow(10px 10px 20px rgba(0, 0, 0, 0.16));}
.default-page-wrapper::before {content: '';position: absolute;top: -135px;left: 0px;width: calc(100% - 0.5px);height: 140px;background: var(--sc-white);transform: skewY(-4.6deg);transform-origin: top right;border-radius: 30px 30px 0 0;}
.default-page-wrapper h2{font-size: 30px;color: var(--sc-blue);margin-bottom: 5px;}
.default-page-wrapper h3{font-size: 40px;font-weight: 800;color: var(--sc-grey-dark);margin-bottom: 5px;}
.default-page-holder {filter: drop-shadow(10px 10px 20px rgba(0, 0, 0, 0.16));}


/* ================= Home Page Start ================= */
.hero-container {height: 1016px;}
.hero-box-outer {width: 100%;height: 100%;}
.hero-box-outer::after {content: '';position: absolute;top: 0;left: 100%;bottom: 0;width: 100vw;height: 100%;background: #FCEBD9;margin-left: -1px;}
.hero-mask{width: 100%;height: 100%;background-color: #172642;-webkit-mask-repeat: no-repeat;-webkit-mask-size: cover;mask-repeat: no-repeat;mask-size: 100% 100%;}
.hero-mask-1 {-webkit-mask-image: url('include/images/hero-shape-1.png');mask-image: url('include/images/hero-shape-1.png');}
.hero-mask-2 {-webkit-mask-image: url('include/images/hero-shape-2.png');mask-image: url('include/images/hero-shape-2.png');}
.hero-left {width: 51%;}
.hero-left-box{padding-top: 55px;padding-right: 29px;padding-bottom: 50px;}
.hl-img-box{height: 549px;filter: drop-shadow(10px 10px 30px rgb(0 0 0 / 30%));}
.hl-img {border-radius: 35px;overflow: hidden;}
.hl-img img {width: 100%;height: 100%;object-fit: cover;}
.hl-quote {width: 105px;height: 85px;position: absolute;}
.hl-quote img {width: 100%;height: 100%;object-fit: contain;}
.hl-quote-1 {top: 0;left: 39px;}
.hl-quote-2 {right: 31px;bottom: 55px;}
.hl-content-box {max-width: 440px;padding-left: 12px;line-height: 1.4;margin: 71px auto 0;}
.hero-btn {margin-top: 30px;}
.hero-right {width: 49%;}
.hero-right-box{background: #FCEBD9;padding-left: 108px;padding-top: 68px;padding-bottom: 50px;width: 100%;height: 100%;position: relative;z-index: 9;}
.hr-img-box {height: 459px;filter: drop-shadow(10px 10px 30px rgb(0 0 0 / 30%));}
.hr-quote {width: 104px;height: 86px;position: absolute;}
.hr-quote img {width: 100%;height: 100%;object-fit: contain;}
.hr-quote-1 {top: 0;left: 34px;}
.hr-quote-2 {right: 36px;bottom: -44px;}
.hr-img {border-radius: 35px;overflow: hidden;}
.hr-img img {width: 100%;height: 100%;object-fit: cover;}
.hr-title-img-box {margin-top: 7px;}
.hr-title-img img {width: 100%;height: 100%;object-fit: contain;}
.hr-title-img {width: 525px;height: 112px;}
.hr-content-box {max-width: 414px;margin-top: 30px;line-height: 1.4;}
.hero-quote {position: absolute;top: 35px;left: -77px;width: 782px;height: 630px;opacity: 7%;left: 50%;margin-left: -1040px;}
.hero-quote img{width: 100%;height: 100%;object-fit: contain;}
.hl-title-box {position: absolute;width: 57%;bottom: 22.5%;left: 50%;transform: translateX(-50%);right: 0;margin-left: -4%;}
.page-stack-container {position: relative;}
.stack-icon {position: absolute;top: 50%;right: 0;transform: translateY(-50%);opacity: 0.07;width: 903px;left: 50%;margin-left: 300px;}
.info-spotlight-content {font-size: 25px;line-height: 32px;}
.info-spotlight-content h2 {font-size: 50px;line-height: 1.25;font-weight: 800;color: var(--sc-white);margin-bottom: 15px;}
.button-group {width: 100%;max-width: 635px;margin-top:50px;gap:30px}
.button-group .btn+.btn{margin-left:0;}
.button-group .btn{min-width:303px;}
.cta-form-content {font-size: 22px;line-height: 32px;}
.cta-form-content h2 {font-size: 40px;line-height: 1.25;color: var(--sc-white);margin-bottom: 26px;}
.cta-form-box {max-width: 414px;}
.form-group{position: relative;margin-bottom: 16px;}
.form-label {font-size: 18px;line-height: 30px;font-weight: 700;margin-bottom: 12px;}
.form-control {height: 50px;padding: 14px 20px;font-size: 18px;line-height: 30px;color: #172642;border-radius: 0;border: none;}
.form-control::placeholder {color: rgb(23 38 66 / 30%);}
.cta-form .btn.btn-default {margin-top: 24px;}
.cta-form-box .btn {margin-top: 26px;min-width: 245px;text-transform: uppercase;}
/* ================= Home Page End ================= */
/* ================= Powered by Mates Page Start ================= */
.inner-hero-container {width: 100%;height: 706px;background-color: var(--sc-white);position: relative;z-index: 2;}
.inner-hero-text {font-size: 27px;line-height: 35px;font-weight: 700;text-transform: uppercase;padding-right: 8px;padding-top: 0px;}
.inner-hero-text h1 {font-size: 182px;line-height: 152px;text-transform: uppercase;font-family: var(--sc-secondary-font);color: #FC5440;}
.inner-hero-outer {width: 100%;filter: drop-shadow(10px 10px 30px rgba(0, 0, 0, 0.3));position: relative;padding-bottom: 45px;}
.inner-hero-hold {width: 100%;position: relative;padding-bottom: 86.5%;width: 100%;background-color: #e7edf9;-webkit-mask-image: url('include/images/pbm-hero-shape.svg');-webkit-mask-repeat: no-repeat;-webkit-mask-size: cover;mask-image: url('include/images/pbm-hero-shape.svg');mask-repeat: no-repeat;mask-size: 100% 100%;}
.inner-hero-heading {margin-bottom: 40px;}
.inner-hero-image {width: 100%;height: 100%;position: absolute;left: 0;right: 0;top: 0;bottom: 0;}
.inner-hero-image>img {width: 100%;height: 100%;object-fit: cover;}
.quote-top-icon {width: 16.5%;height: auto;position: absolute;top: 0;left: 6%;z-index: 2;}
.quote-bottom-icon {width: 16.5%;height: auto;position: absolute;bottom: 17%;right: 5%;z-index: 2;}
.quote-bottom-icon>img {width: 100%;height: 100%;object-fit: contain;}
.quote-top-icon>img {width: 100%;height: 100%;object-fit: contain;}
.quote-wrap {position: absolute;top: 100%;left: 100%;width: 175%;height: 160%;margin-top: -350px;margin-left: -495px;max-width: none;z-index: 0;opacity: 7%;}
.quote-wrap>img {width: 100%;height: 100%;object-fit: contain;}
.content-container.text-image-container {min-height: 764px;}
.text-image-container{position:relative;}
.ti-img-box {width: 50%;height: 100%;position: absolute;left:0;right: 0;top: 0;bottom: 0;padding-right: 15px;}
.ti-media-box {width: 100%;height: 100%;}
.ti-media-box img {width: 100%;height: 100%;object-fit: cover;}
.text-content-box h2 {font-size: 90px;line-height: 70px;margin-bottom: 20px;font-family: var(--sc-secondary-font);color: var(--sc-white);}
.ti-btn {height: 65px;width:198px;}
.ti-btn img {height:100%;width:100%; object-fit: contain;} 
.text-content-box {padding: 35px 80px 40px 17%;font-size: 18px;line-height: 26px;}
.bg-white .text-content-box h2{color:var(--sc-green);}
.bg-white .text-content-box{color:#000;}
.bg-red-gradient .page-backdrop-title {color: var(--sc-red);}
.rmc-text-box {line-height: 30px;}
.rmc-text-box h2 {font-size: 90px;line-height: 70px;margin-bottom: 30px;font-family: var(--sc-secondary-font);color: var(--sc-white);}
.overflow-visible {overflow: visible;}
.page-member-outer {margin-top: 52px;}
.page-member-holder {position: relative;}
.page-member-box {width: 100%;padding: 85px 45px 35px 30px;min-height: 414px !important;background: var(--sc-white);border-radius: 20px;box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.3);transition: transform 0.3s ease, box-shadow 0.3s ease;color: var(--sc-black);font-size: 18px;line-height: 30px;}
.page-member-box h3 {color: #134AB6;font-size: 25px;line-height: 30px;margin-bottom: 30px;}
.page-member-box .pm-img {position: absolute;right: 30px;top: 30px;}
.pm-img {width: 100px;height: 100px;border-radius: 50rem;overflow: hidden;position: relative;}
.pm-img>* {width: 100%;height: 100%;object-fit: cover;position: absolute;left: 0;right: 0;top: 0;bottom: 0;}
.link-btn {font-weight: 700;color: #154EBF;letter-spacing: 0.100em;position: relative;}
.link-btn::after {content: '';position: absolute;bottom: 4px;left: 0;width: 100%;height: 1px;background: #154EBF;transition: all 0.3s ease-in;}
.link-btn:hover::after {width: 0;}
.link-btn:hover {color: #154EBF;}
.member-swiper-button-prev::before,.member-swiper-button-next::before {font-family: "Font Awesome 5 Free";font-weight: 900;font-size: 50px;color: var(--sc-black);display: inline-block;}
.bg-red-gradient .member-swiper-button-prev::before,.bg-red-gradient .member-swiper-button-next::before{color: var(--sc-white);}
.member-swiper-button-prev::before {content: "\f137";}
.member-swiper-button-next::before {content: "\f138";}
.member-swiper-button-prev,.member-swiper-button-next {position: absolute;top: 50%;transform: translateY(-50%);z-index: 10;border-radius: 50%;display: flex;align-items: center;justify-content: center;cursor: pointer;}
.member-swiper-button-prev {left: -150px;}
.member-swiper-button-next {right: -150px;}
.pm-bott-wrap {width: 100%;height: 50px;display: flex;align-items: center;justify-content: center;margin-top: 50px;}
.member-pagination {text-align: center;width: 100%;font-size: 20px;font-weight: 700;color:#172642;gap: 16px;display: flex;justify-content: center;}
.bg-red-gradient .member-pagination{color:var(--sc-white);}
.page-member-slider .swiper-slide {height: auto;opacity: 0;transition: all 0.3s ease;}
.swiper-slide.swiper-slide-next,.swiper-slide.swiper-slide-next + .swiper-slide,.swiper-slide.swiper-slide-active {opacity: 1;}
.swiper-button-disabled {opacity: 0.3;pointer-events: none;cursor: default; transition: opacity 0.3s ease;}
.content-container.real-mates-container.bg-red-gradient:before {content: '';width: 100%;height: 50%;position: absolute;bottom: 0;left: 0;right: 0;background: linear-gradient(180deg, rgba(255, 84, 64, 1) 0%, rgba(128, 42, 32, 1) 100%);}
.tv-content-box h2{font-size: 90px;line-height: 70px;margin-bottom: 20px;font-family: var(--sc-secondary-font);color: var(--sc-white);max-width: 340px;}
.tv-content-box .btn {margin-top: 18px;}
.tv-media-holder {position: relative;width: 100%;padding-top: 56.25%;}
.tv-media-box {position: absolute;top: 0;left: 0;bottom: 0;right: 0;width: 100%;height: 100%;}
.tv-media-box iframe,.tv-media-box img {width: 100%;height: 100%;border: 0;object-fit:cover;}
.tv-content-inner h3 {font-size: 30px;line-height: 40px;text-transform: uppercase;font-weight: 800;margin-bottom: 10px;}
.tv-content-inner {margin-top: 40px;}
.our-beers-outer {padding-top: 80px;margin-top: -80px;}
.our-beers-container {min-height: 728px;position:relative;padding-bottom: 80px;}
.our-beers-content {font-size: 18px;line-height: 26px;color: #323232;}
.our-beers-content h2 {color: #285B48;font-size: 90px;line-height: 1.15;text-transform: uppercase;font-family: var(--sc-secondary-font);}
.media-box-outer {width: 50%;position: absolute;left: 0;bottom: -4px;height: calc(100% + 80px);}
.media-box {width: calc(100% + 255px);height: 100%;margin-left: 0px;filter: drop-shadow(10px 10px 30px rgb(0 0 0 / 30%));}
.media-box > img {width: 100%;height: 100%;object-fit: cover; object-position: top right;}
.content-container.connection-space-container {position: relative;min-height: 670px;}
.page-backdrop-title {text-transform: uppercase;font-family: "hwt-artz", sans-serif;font-size: 286px;line-height: 30px;position: absolute;top: 100%;left: 50%;transform: translateX(-50%); white-space: nowrap;z-index: 5;color: var(--sc-yellow);text-align: center;margin-left: 16px;margin-top: -10px;}
.cs-left-box {color: #000;line-height: 1.45;}
.cs-left-box h2 {font-size: 90px;line-height: 70px;color: #323232;font-family: var(--sc-secondary-font);}
.cs-right-box {height: 100%;color: #323232;line-height: 1.45;}
.cs-right-box h3 {font-size: 30px;font-weight: 800;margin-bottom: 20px;text-transform: uppercase;}
.cs-btn {margin-top: 4px;}
.quote-icon {position: absolute;top: 50%;transform: translateX(-50%) translateY(-50%);left: 50%;width: 701px;height: 564px;opacity: 7%;margin-left: 16px;margin-top: -2px;z-index: 6;}
.quote-icon img {width: 100%;height: 100%;object-fit: contain;}
.md-content-box {font-size: 18px;line-height: 26px;padding: 242px 0 120px;}
.md-content-box p:not(:last-child){margin-bottom:24px;}
.md-content-box h2 {color: #134CBA;font-size: 90px;line-height: 1.15;text-transform: uppercase;font-family: "hwt-artz", sans-serif;margin-bottom: 12px;}
.md-img-hold{width:100%;height:100%;position:relative;}
.md-overlay {background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(24, 130, 196, 1) 100%);width: 100%;height: 100%;position: absolute;left: 0;    top: 0;bottom: 0;}
.md-overlay, .md-img-box {width: calc(100% + 308px);}
.md-img-box {position: absolute;bottom: 0;left: 0;margin-left: -8px;z-index: 5;height: calc(100% + 55px);filter: drop-shadow(10px 10px 30px rgba(0, 0, 0, 0.3));}
.md-back-bg {width: 50vw;height: 100%;position: absolute;left: 100%;top: 0;bottom: 0;right: 0;margin-left: -200px;}
.md-back-bg>img {width: 100%;height: 100%;object-fit: cover;}
.md-img-box>img {width: 100%;height: 100%;object-fit: cover;}
.get-in-touch-content h2 {font-family: var(--sc-secondary-font);font-size: 70px;line-height: 1.3;color: var(--sc-white);margin-bottom: 0;}
.get-in-touch-wrap {border-radius: 20px;background: #FF5440;padding: 25px 30px 32px;margin-top: 60px;}
.get-in-touch-wrap h3 {font-size: 30px;line-height: 1.25;font-weight: 800;color: var(--sc-white);}
.get-in-touch-wrap .social-links {font-size: 38px;line-height: 1;gap: 24px;color:var(--sc-white);}
.mailto-link {font-size: 18px;line-height: 1.25;}
.mailto-link:hover {color: #e9ecef;text-decoration: underline;}
.get-in-touch-wrap .social-links {margin-top: 32px;}
.get-in-touch-wrap .social-links a:hover{color: var(--sc-blue);}
.get-in-touch-form {width: 100%;position: relative;padding: 30px;background: var(--sc-white); color: var(--sc-black); border-radius: 10px;margin-top: 14px;overflow: hidden;}
.get-in-touch-form iframe{width: 100%;height: 100%;object-fit: cover;}
.cta-container {overflow: hidden;padding-top: 15px;}
.cta-content-wrap {width: calc(100% + 160px);margin-left: -80px;margin-bottom: -20px;}
.cta-content-wrap h2 {font-size: 30px;line-height: 33px;color: var(--sc-white);margin-bottom: 0;padding-right: 24px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.cta-mask-left {padding: 54px 35px 73px 80px;}
.mask-left,.mask-center {-webkit-mask-image: url(include/images/cta-left-shape.svg);-webkit-mask-repeat: no-repeat;-webkit-mask-size: cover;mask-image: url(include/images/cta-left-shape.svg);mask-repeat: no-repeat;mask-size: cover;mask-position: top center;width: calc(100% + 5px);height: calc(100% + 45px);position: absolute;left: 0;right: 0;top: -45px;margin-left: 5px;filter: drop-shadow(10px 10px 30px rgba(0, 0, 0, 0.3));}
.mask-right {-webkit-mask-image: url(include/images/cta-right-shape.svg);-webkit-mask-repeat: no-repeat;-webkit-mask-size: cover;mask-image: url(include/images/cta-right-shape.svg);mask-repeat: no-repeat;mask-size: cover;mask-position: top center;width: calc(100% + 4px);height: calc(100% + 45px);position: absolute;left: 0;right: 0;top: -45px;margin-left: -8px;}
.cta-mask-right {padding: 54px 80px 73px 45px;}
.cta-content-inner {width: 100%;position:relative;}
.cta-content-inner .btn {min-width: 244px;}
.cta-blue .mask-left,.cta-blue .mask-center{background-color: var(--sc-blue);}
.cta-green .mask-right {background-color: var(--sc-green);}
.cta-red .mask-left {background-color: var(--sc-red);}
.cta-red .btn-white{color:var(--sc-red);}
.cta-blue .btn-white{color:var(--sc-blue);}
.cta-green .btn-white{color:var(--sc-green);}
.cta-container .btn.btn-white:hover, .cta-container .btn.btn-white:focus {background: transparent !important;border-color:var(--sc-white)!important;color:var(--sc-white)!important;}
/* ================= Powered by Mates Page End ================= */
/* ================= Training Page Start ================= */
.training-hero-container {padding: 65px 0 30px;}
.th-content-box {font-size: 18px;line-height: 30px;padding: 65px 0;}
.th-content-box h1 {font-size: 40px;line-height: 45px;color: var(--sc-blue);margin-bottom: 18px;}
.th-logo-area {width: 82.5%;height: auto;margin-bottom: 80px;}
.th-logo-area>img {width: 100%;height: 100%;object-fit: contain;}
.th-content-box p:not(:last-child) {margin-bottom: 10px;}
.th-img-holder {width: 100%;position: relative;filter: drop-shadow(10px 10px 30px rgba(0, 0, 0, 0.3));}
.quote-top {position: absolute;top: 0;left: 6.3%;z-index: 1;width: 20%;}
.quote-bottom {position: absolute;right: 6.6%;width: 19.8%;z-index: 1;top: 100%;margin-top: -8%;}
.th-img-box {position: relative;padding-bottom: 86.5%;width: 100%;background-color: #e7edf9;-webkit-mask-image: url(include/images/training-hero-shape.svg);-webkit-mask-repeat: no-repeat;-webkit-mask-size: cover;mask-image: url(include/images/training-hero-shape.svg);mask-repeat: no-repeat;mask-size: 100% 100%;}
.th-img-inner {width: 100%;height: 100%;position: absolute;left: 0;right: 0;top: 0;bottom: 0;}
.th-img-inner>img {width: 100%;height: 100%;object-fit: cover;}
.th-icon-wrap {width: 141%;position: absolute;top: 0;left: 100%;margin-left: -75%;margin-top: -30%;opacity: 7%;z-index: -1;}
.th-icon-wrap img {width: 100%;height: 100%;object-fit: contain;}
.heading { line-height: 1.66; }
.heading h3 { font-size: 40px; line-height: 1.5; font-weight: 900; margin-bottom: 18px; color: var(--sc-blue); }
.content-container.what-we-do-container {margin-bottom: -195px;}
.wwd-holder {position:relative; padding: 135px 0 190px;filter: drop-shadow(10px 10px 30px rgba(0, 0, 0, 0.3));}
.wwd-shape-area {background: #E7EDF9;width: calc(100% + 330px);margin-left: -165px;-webkit-mask-image: url(include/images/wwd-shape.svg);mask-image: url(include/images/wwd-shape.svg);-webkit-mask-size: 100% 100%;mask-size: 100% 100%;-webkit-mask-position: center;mask-position: center;-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat;height: 100%;position: absolute;left: 0;right: 0;top: 0;bottom: 0;}
.wwd-insider {width: 100%;max-width: 1300px;margin: 0 auto;}
.wwd-left-box {padding: 0 4% 70px 2%;}
.wwd-right-box {line-height: 30px;}
.wwd-item {flex: 1 0 0;}
.wwd-box {font-size: 22px;line-height: 30px;font-weight: 700;}
.wwd-box h3 {font-size: 100px;line-height: 1;color: var(--sc-blue);font-weight: 800;margin-bottom: 10px;display: flex;align-items: flex-end;}
.wwd-box h3 > small{font-size:60px;font-weight: 800;}
.wwd-right-box h2 {font-size: 40px;line-height: 60px;color: var(--sc-blue);margin-bottom: 20px;}
.wwd-right-box p:not(:last-child) {margin-bottom: 30px;}
.wwd-list {gap: 50px;}
.vt-5050-shape { mask-image: url('include/images/vt-5050-mask-img.svg'); -webkit-mask-image: url('include/images/vt-5050-mask-img.svg'); mask-size: 100% 100%; -webkit-mask-size: 100% 100%; mask-position: center; -webkit-mask-position: center; mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; background: #000; position: absolute; top: 0; right: 0; left: 0; bottom: 0; filter: drop-shadow(10px 10px 30px rgb(0 0 0 / 30%)); opacity: .7; }
.vt-5050-video-wrapper { padding: 35px 30px 93px; border-radius: 40px; }
.vt-5050-text-wrapper { padding-top: 28px; }
.vi-5050-text { line-height: 1.66; }
.vi-5050-text h5 { font-size: 40px; line-height: 1.12; font-weight: 900; color: #FF8061; margin-bottom: 25px; }
.vi-5050-btn { margin-top: 25px; }
.vt-5050-video { position: relative; padding-bottom: 56%; }
.vt-5050-video iframe,.vt-5050-video img { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.stack-icon-2 {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);opacity: 0.07;width: 903px;margin-left: -960px;margin-top: 205px;z-index: -1;}
.hww-shape { clip-path: polygon(0 11%, 100% 0, 100% 100%, 0 81%); background-color: rgb(23 38 66 / 7%); padding: 118px 0 237px; }
.hww-content { margin-top: 60px; }
.hww-list { width: calc(100% + 30px); margin-left: -15px; margin-bottom: -30px; }
.hww-item { width: 33.33%; padding: 0 15px; margin-bottom: 30px; }
.hww-box { padding: 30px 32px; border-radius: 20px; background-color: var(--sc-white); filter: drop-shadow(10px 10px 30px rgb(0 0 0 / 30%)); height: 100%; }
.hww-box-num { font-size: 30px; line-height: 1.2; font-weight: 900; background-color: var(--sc-black); width: 60px; height: 60px; border-radius: 50%; color: var(--sc-white); margin-bottom: 10px; }
.hww-box-text h5 { font-size: 25px; line-height: 1.2; margin-bottom: 8px; color: var(--sc-blue); }
.hww-box-text { padding-right: 5px; }
.content-container.why-it-matter-container{margin-top: -80px;}
.wim-wrapper { position: relative; padding:60px 0 125px;}
.wim-shape { mask-image: url('include/images/wim-shape-img.svg'); mask-size: 100% 100%; -webkit-mask-image: url('include/images/wim-shape-img.svg'); -webkit-mask-size: 100% 100%; mask-position: center; -webkit-mask-position: center; background: var(--sc-green); position: absolute; top: 50%; right: 0; left: 0; bottom: 0; height: 100%; width: calc(100% + 186px); margin-left: -110px; filter: drop-shadow(10px 10px 30px rgb(0 0 0 / 30%)); z-index: -1;transform: translateY(-50%) scale(1.075);}
.wim-text-content { padding-right: 25px; line-height: 1.66;}
.wim-text-content h3 { font-size: 40px; line-height: 1.5; font-weight: 900; margin-bottom: 30px; color: var(--sc-green); }
.wim-text-btn { margin-top: 35px; }
.wim-stats-list { width: calc(100% + 30px); margin-left: -15px; margin-bottom: -30px; }
.wim-stats-item { width: 33.33%; padding: 0 15px; margin-bottom: 30px; }
.wim-stats-box { text-align: center; font-size: 22px; line-height: 1.36; font-weight: 700; color: var(--sc-white); }
.wim-stats-box h3 { font-size: 70px; line-height: 1.2; font-weight: 900; margin-bottom: 10px; color: var(--sc-white); opacity: .5; }
.wim-stats-box h3 > small {display: inline-block;font-size: 70px;font-weight: 700;}

.tesimonial-shape { clip-path: polygon(0 10%, 100% 0, 100% 100%, 0 81%); background-color: rgb(23 38 66 / 7%); padding: 94px 0 237px; }
.join-us-shape { padding: 142px 0 200px; background-color: #FF8061; clip-path: polygon(0 0, 100% 14%, 100% 73%, 0 100%);margin-top: 15px;}
.ju-bg-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: .1; mix-blend-mode: luminosity; }
.ju-bg-img img { width: 100%; height: 100%; object-fit: cover; }
.join-us-content { color: var(--sc-white); line-height: 1.66; }
.join-us-content h4 { font-size: 40px; line-height: 1.5; font-weight: 900; margin-bottom: 10px; }
.join-us-btn { margin-top: 30px; }
.stack-icon-3 { position: absolute; top: 50%; right: 0; transform: translateY(-50%); opacity: 0.07; width: 1806px; left: 25%; margin-left: 67px; margin-top: -44px; z-index: -1; }
.content-container.contact-us {margin-top: -35px;}
.contact-us .get-in-touch-wrap { background-color: var(--sc-black); color: var(--sc-white); border-radius: 20px;margin-top: 50px;}
.contact-us .get-in-touch-form { margin-top: 35px; }
.contact-us .social-links a:hover{color: var(--sc-yellow);}
.book-a-call-wrap { border-radius: 20px; background: var(--sc-black); color: var(--sc-white); padding: 25px 30px 32px; margin-top: 35px; }
.book-a-call-wrap h3 { font-size: 30px; line-height: 1.25; font-weight: 800; margin-bottom: 15px; color: var(--sc-white); }
.real-people-outer {position: relative;}
.content-container.real-people-container {position: relative;clip-path: polygon(0 11%, 100% 0%, 100% 100%, 0 79%);background: rgb(23 38 66 / 7%);padding: 185px 0 206px;margin-top: -30px;}
.top-qoute-icon {position: absolute;left: 50%;transform: translateX(-50%);top: -60px;margin-left: 444px;}
.bottom-qoute-icon {position: absolute;bottom: -6px;left: 50%;transform: translateX(-50%);margin-left: 445px;}
.real-people-container .rmc-text-box h2 {font-size: 40px;line-height: 60px;color: #144FC2;font-family: var(--sc-primary-font);margin-bottom: 15px;}
.font-normal {font-weight: 400;}
/* ================= Training Page End ================= */
/* ================= Help & Support Page Start ================= */
.page-template-help-support{background: var(--sc-white);}
.simple-hero-container{padding: 103px 0;background: #EEEFF1;}
.simple-hero-content h1{font-size: 50px;font-weight: 800;line-height: 1.2;color: var(--sc-blue);margin-bottom: 0;}

.support-container .heading{margin-bottom: 44px;}
.support-container .heading h2{font-size: 40px;font-weight: 800;color: var(--sc-blue);margin-bottom: 0;}
.support-container .help-card{width: 100%;height: 100%;}
.support-container .help-card-logo{max-width: 300px;height: 178px;margin: 0 auto 20px;}
.support-container .help-card-logo img{width: 100%;height: 100%;object-fit: contain;}
.support-container .help-card-content{margin-bottom: 44px;}

.mates-app-container{margin-top: 100px;}
.mates-app-content h2 {font-size: 40px;line-height: 33px;font-weight: 800;margin-bottom: 38px;}
.mates-app-img-hold {width: 100%;position: relative;z-index:98;}
.mates-app-img {position: relative;width: calc(100% + 360px);margin-top: -160px;}
.mates-app-img>img {width: 100%;height: 100%;object-fit: contain;}
.align-top-backdrop .page-backdrop-title {top: 0;margin-top: -5px;}
.align-top-backdrop {position: relative;width: 100%;}
.mates-app-content {padding: 0px 0 100px;}

.hoh-container .col-lg-6:first-child {-ms-flex: none;flex: none;max-width: none;width: calc(100% + 220px);margin-left: -110px;}
.hoh-container .col-lg-6:first-child .help-card-logo {width: 50%;padding-right: 15px;}
.hoh-container .col-lg-6:first-child .help-card-logo img{width:100%;}
.hoh-container .col-lg-6:first-child .help-card-content {width: 50%;margin-left: auto;padding-left: 15px;}
.hoh-container .col-lg-6:first-child .help-card-cta {width: 50%;margin-left: auto;padding-left: 15px;margin-top: 36px !important;}
.hoh-container .col-lg-6:not(:nth-child(1)) .help-card{margin-top: 100px;}
.hoh-container .col-lg-6:not(:nth-child(1)) .help-card-cta{margin-top: 24px !important;}

.help-content-box {margin-left: -30px;padding-top: 12px;}
.help-content-box h2 {font-size: 40px;line-height: 33px;font-weight: 800;    margin-bottom: 40px;}
.help-media-holder {margin-top: -46px;position:relative;margin-left: -26px;filter: drop-shadow(10px 10px 20px rgba(0, 0, 0, 0.3));}
.help-media-holder::before {content: '';position: absolute;top: 0%; left: 13%; width: 20%; height: 20%;background-image: url('include/images/chevron-qoute-top.svg');background-size: contain;background-repeat: no-repeat;background-position: center;z-index: 98;}
.help-media-holder::after {content: '';position: absolute;bottom: 3%;right: 9.5%; background-image: url('include/images/chevron-qoute-bottom.svg');background-size: contain;background-repeat: no-repeat;background-position: center;z-index: 2; width: 25%;height: 25%;}
.help-media-inner {position: relative;width: 100%;padding-bottom: 79.2%; background-color: #e7edf9;-webkit-mask-image: url(include/images/help-shape.svg);-webkit-mask-repeat: no-repeat;-webkit-mask-position: center;-webkit-mask-size: 100% 100%;mask-image: url(include/images/help-shape.svg);mask-repeat: no-repeat;mask-position: center;mask-size: 100% 100%;}
.help-media-box {width: 100%;height: 100%;position: absolute;left: 0;right: 0;top: 0;bottom: 0;object-fit: cover;}
.help-media-box>* {width: 100%;height: 100%;object-fit: cover;}

.help-support .cta-container.three-col {padding-top: 50px;}
.cta-container.three-col {background: var(--sc-white);}
.three-col .cta-content-wrap {width: calc(100% + 60px);margin-left: -30px;margin-bottom: 0px;}
.three-col .cta-container {padding: 90px 0 0;}
.three-col .cta-mask-left {padding: 45px 30px 30px 30px;display: flex;align-items: center;justify-content: center;}
.three-col .cta-mask-center{padding: 45px 30px 30px 30px;display: flex;align-items: center;justify-content: center;}
.three-col .cta-mask-right {padding: 34px 30px 30px 25px;display: flex;align-items: center;justify-content: center;}
.three-col .cta-mask-left,.three-col .cta-mask-center,.three-col .cta-mask-right{height: 210px;text-align: center;}
.three-col  .cta-content-inner{flex-flow:column!important;gap: 25px;justify-content: flex-start !important;align-items: flex-start !important;}
.three-col .cta-mask-center  .cta-content-inner{justify-content: center !important;align-items: center !important;}
.three-col .mask-left,.three-col .mask-center,.three-col .mask-right{width: calc(100% + 30px);height: calc(100% + 20px);margin-left: 0;top: -20px;left: -20px;}
.three-col .mask-left{-webkit-mask-image: url(include/images/red-shape.svg);mask-image: url(include/images/red-shape.svg);}
.three-col .mask-center{-webkit-mask-image: url(include/images/blue-shape.svg);mask-image: url(include/images/blue-shape.svg);top: 20px;left: 50%;transform: translateX(-50%);width: 90%;
mask-size: 105% 105%;}
.three-col .mask-right{-webkit-mask-image: url(include/images/green-shape.svg);mask-image: url(include/images/green-shape.svg);}
.three-col .cta-content-wrap h2{padding:0;}
/* ================= Help & Support Page End ================= */


@media (max-width:1650px){
.member-swiper-button-prev, .member-swiper-button-next {top: 100%;transform: none;margin-top: 35px;}
.member-swiper-button-next {right: 0;}
.member-swiper-button-prev {left: 0;}
}

@media (max-width:1399.98px){
.hero-left-box {padding-right: 29px;}
.hero-right-box {padding-left: 40px;}
}

/* ========================================== 
! Large devices (desktops, less than 1200px)
=========================================== */
@media (max-width: 1199.98px){
body{padding-top: 80px;} 
.navbar{padding:0 15px;width: 100%;height: 80px;}  
.navbar-toggler{width: 60px;height: 60px;border-radius: 0;cursor: pointer;text-decoration: none;padding: 0;border: 0;background: transparent;margin: 0;position: absolute;right: 6px;top: 50%;z-index: 999;transform: translateY(-50%);margin-top: -3px;}
.navbar-default .navbar-toggler:hover,.navbar-default .navbar-toggler:focus{background: transparent;}
.navbar-toggler:not([class="collapsed"]),.navbar-toggler:not([class="collapsed"]):focus,.navbar-toggler:not([class="collapsed"]):hover{background: transparent;}
.navbar-toggler.collapsed,.navbar-toggler.collapsed:focus,.navbar-toggler.collapsed:hover{background: transparent;}
.navbar-toggler .navbar-toggler-icon{position: relative;display: inline-block;width: 27px;height: 3px;color: var(--sc-black);text-indent: -55px;margin-top: 0;background: transparent;transition: all .2s ease-out;-webkit-transition: all .2s ease-out;-moz-transition: all .2s ease-out;-ms-transition: all .2s ease-out;vertical-align: middle;}
.navbar-toggler .navbar-toggler-icon:before,.navbar-toggler .navbar-toggler-icon:after{content: '';width: 27px;height: 3px;background: var(--sc-black);position: absolute;left: 0;transition: all .2s ease-out;}
.navbar-toggler.collapsed .navbar-toggler-icon{background: var(--sc-black);}
.navbar-toggler.collapsed .navbar-toggler-icon:before,.navbar-toggler.collapsed .navbar-toggler-icon:after{background: var(--sc-black);}
.navbar-toggler.collapsed .navbar-toggler-icon:before{top: -9px;-webkit-transform: rotateZ(0deg);-moz-transform: rotateZ(0deg);-ms-transform: rotateZ(0deg);-o-transform: rotateZ(0deg);transform: rotateZ(0deg);}
.navbar-toggler .navbar-toggler-icon:before{ top: 0;-webkit-transform: rotateZ(45deg);-moz-transform: rotateZ(45deg);-ms-transform: rotateZ(45deg);-o-transform: rotateZ(45deg);transform: rotateZ(45deg);}
.navbar-toggler.collapsed .navbar-toggler-icon:after{bottom: -9px;-webkit-transform: rotateZ(0deg);-moz-transform: rotateZ(0deg);-ms-transform: rotateZ(0deg);-o-transform: rotateZ(0deg);transform: rotateZ(0deg);}
.navbar-toggler .navbar-toggler-icon:after{ bottom: 0;-webkit-transform: rotateZ(-45deg);-moz-transform: rotateZ(-45deg);-ms-transform: rotateZ(-45deg);-o-transform: rotateZ(-45deg);transform: rotateZ(-45deg);}
.header-right{position: relative;z-index: 999;margin-right: 50px;}
.navbar-collapse, .navbar-collapse.collapsing{position:fixed;top: 0;left: 100%;bottom: 0;display: block !important;width: 100%;height: calc(100dvh - 80px);background: #FCEBD9;padding: 0;margin:0;border:0;overflow-y:auto;z-index:99;transition: all .3s cubic-bezier(0.77,0.2,0.05,1.0);margin-top: 80px;}
.navbar .collapse.show{left: 0;}
.navbar-inside{height: 100%;padding: 0 20px;display: flex;flex-flow: column;position: relative;z-index: 9;}
.navbar-expand-xl .navbar-nav .nav-item{padding: 32px 0;margin: 0;}
.navbar-expand-xl .navbar-nav .nav-link{width: fit-content;font-size: 20px;line-height: 36px;position:relative;color: var(--sc-black);}
.navbar-expand-xl .navbar-nav .nav-link::after{width: 100%;}
.navbar-nav.sm-collapsible .sub-arrow{border:0;margin: 0;width: auto;font-size: 30px;line-height: 60px;top: 0;height: 60px;color: var(--sc-red);width: 40px;}
.dropdown-menu{background:transparent;border:0;padding: 0;margin: 0 0 20px 0;}
.dropdown-item{padding: 7px 20px 7px 40px;}
.dropdown-item:focus, .dropdown-item:hover{color: var(--sc-red);background:transparent;}
.navbar-brand{width:176px;margin-left: 2px;}
.navbar-nav{ padding: 18px 0 30px;}
#header .social-links{max-width:200px;margin:0 auto 74px;position: relative;z-index: 9;}
#header .social-links li a{ font-size: 44px;}
.menu-btn{min-width: 100%;padding: 16px 24px;font-size: 20px;font-weight: 800;line-height: 1;letter-spacing: 0.1em;text-transform: uppercase;color: var(--sc-black);background: var(--sc-yellow);border: 2px solid var(--sc-yellow);border-radius: 30px 30px 0 0;box-shadow: var(--sc-shadow);transition: var(--sc-custom-ease);}
.menu-btn:hover{color: var(--sc-yellow);background: var(--sc-black);border-color: var(--sc-black);}
.header-bg{width: calc(100% + 40px);height: 463px;position: absolute;bottom: 0;right: -20px;overflow: hidden;}
.header-bg img{width: 1670px;max-width: none;float: right;object-fit: contain;}

.hr-title-img {width: 341px;height: 73px;}
.cta-mask-left {padding: 54px 16px 73px 70px;}
.cta-mask-right {padding: 54px 70px 73px 16px;}
.cta-content-wrap h2 {font-size: 25px;padding-right: 12px;}
.cta-content-inner .btn {min-width: 215px;}
.text-content-box h2 {font-size: 80px;line-height: 60px;}
.wwd-list {gap: 20px;}
.wwd-left-box {padding: 0;}
.wwd-box h3 {font-size: 70px;}
.hww-item { width: 50%;}
.wim-shape { width: calc(100% + 40px); margin-left: -20px;transform: translateY(-50%) scale(1);}
.wim-stats-box h3 { font-size: 65px; }

.hoh-container .col-lg-6:first-child {width: 100%;margin-left: 0;}
.help-content-box {margin-left: 0;padding-top:0;}

.three-col .mask-center {width: 100%;mask-size: 96% 100%;top: 10px;}


}
/*==========================================
! Medium devices (tablets, less than 992px)
========================================== */
@media (max-width: 991.98px){
.ipad-pt-0{padding-top:0!important;}
h1{font-size: 55px;}
h2{font-size: 45px;}
h3{font-size: 35px;}
h4{font-size: 30px;}
h5{font-size: 24px;}
h6{font-size: 18px;}

.content-container{padding: var(--sc-padding-tablet) 0;} 

.footer-upper{padding: 50px 0 66px;}
.footer-logo{margin: 0 auto;margin-bottom: 38px;display: block;}
.footer-upper address{margin-top: 37px;line-height: 30px;}
.footer-lower{background: transparent;padding: 0;}
.footer-content{justify-content: center;}
.footer-nav{width: 100%;margin-bottom: 46px;text-align: center;}
.footer-nav li:not(:last-child){padding: 0;margin: 0;margin-bottom: 11px;}
.footer-nav li:not(:last-child)::before{display: none;}
.copyright{width: calc(100% + 40px);margin: 0 -20px;background: rgba(255, 255, 255, 0.1);padding: 32px 0 32px;text-align: center;}

.default-page-wrapper {width: calc(100% + 40px);position: relative;border-radius: 0;padding: 80px 20px;margin-left: -20px;clip-path: polygon(0 0.27%, 100% 0%, 100% 100%, 0% 100%);margin-top: -48px;}
.default-page-wrapper::before{content:none}
.default-page-title {font-size: 30px;}

.hero-container {height: auto;}
.hero-left {width: 100%;}
.hero-left-box {padding-top: 0;padding-right: 0;padding-bottom: 0;}
.hl-content-box {max-width: 100%;padding-left: 0;margin-top: 44px;padding-bottom: 60px;}
.hero-box-outer::after {content: none;}
.hero-right {width: 100%;}
.hero-right-box {width: calc(100% + 60px);margin-left: -30px;padding: 58px 30px;}
.hr-content-box {max-width: 100%;}
.hl-quote {width: 81px;height: 65px;}
.hl-quote-1 {top: 28px;left: 44px;}   
.hr-quote {width: 85px;height: 70px;}
.hr-quote-1 {top: 0;left: 32px;}   
.hero-quote {top: 198px;left: 66px;width: 478px;height: 385px;margin-left: 0;}
.hl-title-box {bottom: 23.5%;}
.info-spotlight-content h2 {font-size: 40px;margin-bottom: 30px;}
.button-group {max-width: 100%;margin-top: 35px;gap: 40px;}
.stack-icon {transform: translateY(-50%);width: 611px;height: 542px;margin-left: -65px;margin-top: -55px;max-width: none;}
.cta-form-box {margin-top: 24px;}
.ti-cta {margin-top: 40px;}
.cta-form-content {font-size: 20px;line-height: 30px;}
.inner-hero-container{height:auto;padding: 40px 0 0;}
.inner-hero-heading {margin: 0 auto 20px;display: flex;align-items: center;justify-content: center;width: 80%;}
.inner-hero-text h1 {font-size: 90px;line-height: 76px;text-align: center;margin-bottom: 0;}
.inner-hero-text {font-size: 27px;line-height: 35px;padding-right: 0;padding-top: 0;}
.inner-hero-outer {width: calc(100% + 100px);margin-left: -35px;}
.quote-top-icon {top: 7%;left: 9%;}
.quote-bottom-icon {bottom: 15%;right: 13%;}
.quote-wrap-text {position: absolute;z-index: 3;color: var(--sc-white);font-weight: 700;font-size: 20px;line-height: 25px;text-align: center;padding: 24px 20.5% 21% 14%;bottom: 0;text-transform: uppercase;}
.quote-wrap {top: 0;left: 100%;width: 100%;height: 100%;margin-top: -110px;margin-left: -385px;z-index: -1;}
.ti-img-box {width: 100%;height: auto;position: relative;left: auto;right: auto;top: auto;bottom: auto;padding-right: 0;}
.text-content-box {padding: 50px 0 75px;}
.text-content-box h2 {font-size: 70px;}
.text-content-box p:not(:last-child) {margin-bottom: 22px;}
.mob-p-0{padding:0!important;}
.tv-media-holder {width: calc(100% + 40px);margin-left: -20px;padding-top: 61.25%;}
.tv-content-box {padding: 50px 0;}
.tv-content-box h2 {font-size: 70px;line-height: 60px; max-width: 280px;margin-bottom: 30px;}
.tv-content-box .btn{margin-top:30px;}
.our-beers-container {min-height: auto;padding-bottom: 0;}
.media-box-outer {width: 100%;position: relative;left: auto;bottom: auto;margin-top: 40px;height: auto;}
.media-box {width: 100%;}
.media-box> img{object-position: top center;}
.our-beers-outer {margin-top: 0px;}
.our-beers-content h2{font-size:70px;margin-bottom: 12px;}
.cs-left-box h2 {font-size: 70px;line-height: 60px;margin-bottom: 28px;}
.cs-right-box {margin-top: 64px;height: auto;}
.cs-btn {margin-top: 14px;}
.page-backdrop-title {font-size: 200px;margin-left: 0px;margin-top: -12px;}
.md-content-box {padding: 100px 0 24px;}
.md-content-box h2{font-size:70px;margin-bottom: 18px;}
.md-content-box p:not(:last-child) {margin-bottom: 26px;}
.md-img-hold {width: calc(100% + 40px);margin-left: -20px;position: relative;padding-bottom: 130%;}
.md-img-box {margin-left: 0;height: 100%;}
.md-overlay, .md-img-box {width: 100%;}
.md-overlay{background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(24, 130, 196, 1) 100%);}
.get-in-touch-content h2 {font-size: 50px;margin-bottom: 8px;}
.get-in-touch-wrap {margin-top: 47px;}
.get-in-touch-wrap h3 {margin-bottom: 22px;}
.get-in-touch-form {margin-top: 50px;}
.get-in-touch-wrap .social-links {margin-top: 26px;}
.cta-container{padding-top:0;}
.cta-content-wrap {width: 100%;margin-left: 0;margin-bottom: 0;}
.cta-content-wrap h2 {text-align: center;padding-right: 0;}
.cta-content-inner {gap: 22px;}
.cta-mask-left,.cta-mask-center {background-color: #144FC2;border-radius: 20px 20px 0 0;padding: 44px 16px 60px 16px;}
.cta-mask-center{margin-top: -20px;}
.cta-mask-right {background-color: #0A8537;border-radius:20px 20px 0 0;margin-top: -20px;padding: 42px 16px 40px 16px;}
.cta-content-inner .btn {min-width: 227px;}
.cta-red.cta-mask-left {background-color: #FF5440;}
.cta-dark-green.cta-mask-right {background-color: #295E4A;}
.training-hero-container {padding: 0;}
.th-img-holder {width: calc(100% + 160px);margin-left: -80px;margin-top: -80px;}
.th-img-box {padding-bottom: 81.5%;}
.quote-top {top: 17%;left: 18.5%;width: 15.5%;}
.quote-bottom {right: 15.6%;width: 15.5%;top: 100%;margin-top: -8.2%;}
.th-content-box p:not(:last-child) {margin-bottom: 15px;}
.th-content-box h1 {font-size: 30px;line-height: 35px;margin-bottom: 12px;}
.th-content-box {line-height: 26px;padding: 50px 0;}
.th-icon-wrap {width: 110%;top: 100%;left: 100%;margin-left: -67%;margin-top: 6%;opacity: 7%;}
.mates-app-content {padding: 28px 0 65px;}
.mates-app-img {width: calc(100% + 190px);margin-top: -120px;margin-left: 10px;}
.mates-app-content h2 {font-size: 30px;margin-bottom: 16px;}
.wwd-holder{padding:0;}
.wwd-insider {position: relative;padding: 60px 35px 120px;clip-path: polygon(0 2%, 100% 0, 100% 100%, 0 94%);background: #E7EDF9;width: calc(100% + 40px);margin-left: -20px;}
.wwd-right-box h2 {font-size: 30px;margin-bottom: 10px;line-height: 1.15;}
.wwd-right-box {line-height: 26px;}
.wwd-left-box {padding: 45px 0 0;}
.wwd-box {text-align: left !important;}
.wwd-box h3 {font-size: 70px;margin: 0;width: 150px;text-align: center;display: flex;justify-content: center;}
.wwd-box p {width: calc(100% - 150px);padding-left: 12%;font-size: 18px;line-height: 26px;font-weight: 700;}
.wwd-box h3 > span {font-size: 50px;}
.wwd-right-box .btn {margin-top: 11px;}
.page-member-outer {margin-top: 48px;}
.page-member-box {padding: 85px 45px 30px 32px;}
.rmc-text-box {line-height: 26px;}
.rmc-text-box h2 {font-size: 70px;margin-bottom: 20px;}
.vt-5050-text-wrapper { padding-top: 40px; }
.hww-shape { clip-path: polygon(0 5%, 100% 0, 100% 100%, 0 93%);}
.content-container.what-we-do-container {margin-bottom: -155px;}
.wim-wrapper { margin-top: 46px; }
.wim-stats-box h3 { font-size: 70px; }
.wim-shape { mask-image: none; clip-path: polygon(0 0, 100% 1.5%, 100% 90.5%, 0 100%); }
.tesimonial-shape { clip-path: polygon(0 5%, 100% 0, 100% 100%, 0 91%);}
.mob-pt-0{padding-top:0!important;}
.real-people-container .rmc-text-box h2 {font-size: 30px;margin-bottom: 6px;}
.content-container.real-people-container {clip-path: polygon(0 5.5%, 100% 0%, 100% 100%, 0 91%);padding: 110px 0 118px;margin-top: 0;}
.real-people-outer {margin-bottom: 90px;margin-top: 120px;}
.top-qoute-icon {left: auto;transform: none;top: -68px;margin-left: 0;right: 22px;width: 160px;height: 160px;z-index: 98;}
.bottom-qoute-icon {position: absolute;bottom: -68px;left: auto;transform: none;margin-left: 0;right: 20px;width: 160px;height: 150px;z-index: 98;}
.content-container.contact-us {margin-top:0;}

.hoh-container .col-lg-6:first-child .help-card-logo {width: 100%;padding-right: 0;margin-bottom: 50px;max-width: 388px;}
.hoh-container .col-lg-6:first-child .help-card-content {width: 100%;margin-left: 0;padding-left: 0;}
.hoh-container .col-lg-6:first-child .help-card-cta {width:auto;margin-left: 0;padding-left: 0;margin-top: 36px !important;}
.hoh-container .col-lg-6:not(:nth-child(1)) .help-card{margin-top: 40px;}
.simple-hero-container {padding: 50px 0;}
.simple-hero-content h1 {font-size: 30px;}


.content-container.help-content-container.bg-blue {background: transparent;background:var(--sc-white);}
.help-content-container .col-lg-6.order-lg-2:after {content: '';width: 100vw;height: 50%;background: #144FC2;position: absolute;bottom: -1px;left: 50%;transform: translateX(-50%);z-index:-1;}
.help-content-container .col-lg-6.col-xl-5.offset-xl-1.order-lg-1 {filter: drop-shadow(10px 10px 30px rgba(0, 0, 0, 0.3));}
.help-content-container .help-content-box{width: calc(100% + 40px);margin-left: -20px;padding: 100px 20px 70px;clip-path: polygon(0 0, 100% 0%, 100% 96%, 0% 100%);background: #144FC2;}
.help-content-box h2 {font-size: 30px;margin-bottom: 24px;}
.help-content-container .col-lg-6.order-lg-2{z-index:3;}
.help-content-box {margin-left:0;}
.help-media-holder {width: calc(100% + 120px);}
.help-media-holder::before {top: -4%;left: 14%;width: 25%;height: 25%;}
.help-media-holder::after {bottom: -7%;right: 16.5%;width: 32%;height: 32%;}
.support-container .heading h2 {font-size: 30px;line-height: 40px;}

.help-support .cta-container.three-col {padding-top: 50px;}
.three-col .cta-content-wrap {width: 100%;margin-left: 0;}
.three-col .cta-content-inner {width: auto;flex-flow: column !important;gap: 25px;justify-content: center !important;align-items: center !important;}
.three-col .cta-mask-left, .three-col .cta-mask-center, .three-col .cta-mask-right {height: auto;text-align: center;padding: 44px 16px 60px 16px;}

}
/* =================================================  
 ! Small devices (landscape phones, less than 768px)
 ================================================= */
@media (max-width: 767.98px){
h1, h2, h3, h4, h5, h6{line-height: 1;}
h1{font-size: 40px;}
h2{font-size: 35px;}
h3{font-size: 30px;}
h4{font-size: 25px;}
h5{font-size: 22px;}
h6{font-size: 18px;}

.mob-mb{margin-bottom: 40px;}
.mob-mt{margin-top: 40px;}
.mob-pt-0{padding-top: 0 !important;}
.mob-pb-0{padding-bottom: 0 !important;}

.content-container{padding: var(--sc-padding-mobile) 0;} 

.stack-icon {margin-left: -145px;}
.page-backdrop-title {font-size: 180px;}
.heading h3 { font-size: 30px; margin-bottom: 5px;}
.heading { line-height: 1.44;}
.vt-5050-shape { display: none; }
.vt-5050-video { width: calc(100% + 40px); margin-left: -20px; padding-bottom: 61%; }
.vt-5050-video-wrapper { padding: 0; }
.vi-5050-text h5 { font-size: 30px; margin-bottom: 30px; }
.stack-icon-2 { display: none;}
.th-logo-area{margin-bottom: 40px;}
.hww-shape { clip-path: none; background-color: transparent;    padding: 118px 0 77px; }
.hww-shape:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 50%; clip-path: polygon(0 0%, 100% 0, 100% 100%, 0 95.2%); background-color: rgb(23 38 66 / 7%); z-index: -1; }
.hww-content { margin-top: 45px; }
.hww-item { width: 100%; }
.hww-box-text h5 { margin-bottom: 0; }
.hww-box-num { margin-bottom: 0; }
.hww-box-text { line-height: 1.44; }
.wim-text-content {line-height: 1.44;}
.wim-text-content h3 {font-size: 30px;margin-bottom: 16px;}
.wim-stats-list { margin-bottom: -10px; }
.wim-stats-item { width: 100%; margin-bottom: 10px; }
.wim-stats-box { text-align: start; display: flex; gap: 15px; align-items: center; font-size: 18px; line-height: 1.44; }
.wim-stats-box h3 { width: 50%; flex-shrink: 0; }
.wim-stats-box h3 > small {display: inline-block;font-size: 50px;}
.wim-wrapper { padding: 45px 0 70px; }
.hww-box {min-height: 250px;}
.stack-icon-3 { transform: none; top: auto; bottom: -110px; width: 571px; }
.join-us-shape { padding: 35px 0 45px; clip-path: polygon(0 0, 100% 4.5%, 100% 91%, 0 100%); }
.join-us-content h4 { font-size: 30px; margin-bottom: 20px; }


.support-container .help-card {align-items: flex-start;} 
.support-container .help-card-logo {margin: 0 0 8px;}
.support-container .heading {margin-bottom: 8px;}
.support-container .help-card-content {margin-bottom: 28px;}
.support-container .row{gap:35px;}
.mates-app-container{margin-top: 40px;}
}
/* ======================================================
 ! Extra small devices (portrait phones, less than 576px)
 ====================================================== */
@media (max-width: 575.98px){
.hl-img-box {height: 424px;width: calc(100% + 103px);margin-left: -35px;margin-top: -48px;}
.hr-img-box {height: 374px;width: calc(100% + 45px);}
.hr-title-img-box {margin-top: 40px;}
.hl-quote-2 {right: 65px;bottom: 24px;}
.hr-quote-2 {right: 56px;bottom: -17px;}
.page-backdrop-title {font-size: 100px;}
}


@media (max-width: 390.98px){
.hr-title-img {width: 270px;}
}


.hs-cta-container {
    margin-bottom: 56px;
}
    .hs-cta-container .hs-cta-content h2 {
        font-size: 30px;
        color: var(--sc-blue);
        text-align: center;
        font-weight: 800;
    }

@media (max-width: 499px) {
    .hs-cta-container .hs-cta-content h2 {
        font-size: 24px;
    }
}

.hr-title-img-box {
    position: relative;
    top: -181px;
    width: 80%;
    left: 20px;
    max-width: 360px;
}
    .hr-title-img-box .hr-title-img {
        height: auto;
        width: auto;
    }

    .hl-content-box {
        margin: 50px auto 0;
    }

    .hr-content-box {
        margin-top: 0px;
    }

@media (min-width: 1024px) {
    .hr-content-box {
        margin-top: 42px;
    }
}

@media (max-width: 768px) {
    .hr-content-box {
        margin-top: -45px;
    }
}

.bottom-cta-container {
    display: none;
}