/*
Theme Name: Invest in Bolton
Theme URI: https://thinkeq.co.uk
Author: ThinkEQ
Author URI: https://thinkeq.co.uk
Description: Invest in Bolton Wordpress Theme
Version: 1.0
Text Domain: iib
*/

#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;}
}


:root {
	--iib-white: #FFFFFF;
	--iib-black: #232323;
	--iib-blue: #00ACC8;
	--iib-dark-blue: #1C6673;
	--iib-pink: #C9025F;
	--iib-light-pink: #FFF0F9;
	--iib-section-padding-desktop: 80px;
	--iib-section-padding-tablet: 72px;
	--iib-section-padding-mobile: 64px;
	--iib-font-primary: "Work Sans", sans-serif;
	--iib-font-secondary: "CirceRoundedRegular", sans-serif;
	--iib-custom-ease: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
	--iib-shadow: 0 0 16px rgba(0, 0, 0, 0.16);
}

@font-face {
    font-family: 'CirceRoundedRegular';
    src: url('assets/fonts/CirceRoundedRegular.eot');
    src: url('assets/fonts/CirceRoundedRegular.eot') format('embedded-opentype'),
         url('assets/fonts/CirceRoundedRegular.woff2') format('woff2'),
         url('assets/fonts/CirceRoundedRegular.woff') format('woff'),
         url('assets/fonts/CirceRoundedRegular.ttf') format('truetype'),
         url('assets/fonts/CirceRoundedRegular.svg#CirceRoundedRegular') format('svg');
}
/* =================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================= */
/* =================core css starts here================= */
html {scroll-behavior: smooth;scroll-padding-top: 100px;}
body { padding-top: 84px; font-family: var(--iib-font-primary); font-size: 18px; font-weight: 400; line-height: 1.5; color: var(--iib-black); background: var(--iib-white); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.container { width: calc(100% - 66px); max-width: 1304px; }
a, input, button { display: inline-block; text-decoration: none; color: inherit; outline: none; transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; }
a img { border: 0px none; }
a:hover { outline: none; color: var(--iib-yellow); 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: #000; opacity: 0.5; }
::-moz-placeholder { color: #000; opacity: 0.5; }
:-moz-placeholder { color: #000; opacity: 0.5; }
:-ms-input-placeholder { color: #000; opacity: 0.5; }
img { max-width: 100%; border: 0; height: auto; }
h1, h2, h3, h4, h5, h6 { margin: 0px; padding: 0px; margin-bottom: 24px; font-family: var(--iib-font-secondary); font-weight: 400; line-height: 1.2; color: inherit; }
h1 { font-size: 64px; }
h2 { font-size: 48px; }
h3 { font-size: 40px; }
h4 { font-size: 36px; }
h5 { font-size: 32px; }
h6 { font-size: 28px; }
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: 100px; padding: 12px 24px; font-family: var(--iib-font-primary); font-size: 16px; font-weight: 500; line-height: 1.5; text-align: center; border: 1px solid currentColor; border-radius: 30px; box-shadow: none; transition: var(--iib-custom-ease); }
.btn-pink, .btn-pink:focus { color: var(--iib-white); background-color: var(--iib-pink); border-color: var(--iib-pink); }
.btn-pink:hover, .btn-pink:active { color: var(--iib-black); background-color: var(--iib-light-pink); border-color: var(--iib-light-pink); }
.btn-black-outline, .btn-black-outline:focus { color: var(--iib-black); background-color: transparent; border-color: var(--iib-black); }
.btn-black-outline:hover, .btn-black-outline:active { color: var(--iib-white); background-color: var(--iib-pink); border-color: var(--iib-pink); }
.btn-white, .btn-white:focus { color: var(--iib-black); background-color: var(--iib-white); border-color: var(--iib-white); }
.btn-white:hover, .btn-white:active { color: var(--iib-black); background-color: var(--iib-light-pink); border-color: var(--iib-light-pink); }
.btn-white-outline, .btn-white-outline:focus { color: var(--iib-white); background-color: transparent; border-color: var(--iib-white); }
.btn-white-outline:hover, .btn-white-outline:active { color: var(--iib-black); background-color: var(--iib-light-pink); border-color: var(--iib-light-pink); }
.btn-arrow { min-width: auto; padding: 0; border: 0; color: currentcolor; display: flex; align-items: center; }
.btn-arrow::after { content: ''; width: 14px; height: 12px; position: relative; top: 0; margin-left: 14px; background-color: currentColor; background-repeat: no-repeat; background-position: center; background-size: contain; -webkit-mask: url("data:image/svg+xml,%3Csvg width='7' height='12' viewBox='0 0 7 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.876953 0.5C0.977777 0.5 1.05475 0.530412 1.13281 0.608398L6.07715 5.55273C6.13104 5.60665 6.15622 5.64863 6.16797 5.67676V5.67773C6.18275 5.71329 6.19141 5.75306 6.19141 5.80176C6.19141 5.85046 6.18275 5.89022 6.16797 5.92578V5.92676C6.15621 5.95488 6.13103 5.99687 6.07715 6.05078L1.1084 11.0195C1.03063 11.0973 0.963489 11.1192 0.882812 11.1162C0.788784 11.1127 0.707921 11.0809 0.62207 10.9951C0.543947 10.917 0.512697 10.8402 0.512695 10.7393C0.512695 10.6384 0.543945 10.5615 0.62207 10.4834L5.30371 5.80176L0.59668 1.09473C0.519014 1.01703 0.497072 0.95072 0.5 0.870117C0.503448 0.77585 0.536015 0.694453 0.62207 0.608398C0.699995 0.530589 0.776363 0.500076 0.876953 0.5Z' fill='black' stroke='black'/%3E%3C/svg%3E") no-repeat center; mask: url("data:image/svg+xml,%3Csvg width='7' height='12' viewBox='0 0 7 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.876953 0.5C0.977777 0.5 1.05475 0.530412 1.13281 0.608398L6.07715 5.55273C6.13104 5.60665 6.15622 5.64863 6.16797 5.67676V5.67773C6.18275 5.71329 6.19141 5.75306 6.19141 5.80176C6.19141 5.85046 6.18275 5.89022 6.16797 5.92578V5.92676C6.15621 5.95488 6.13103 5.99687 6.07715 6.05078L1.1084 11.0195C1.03063 11.0973 0.963489 11.1192 0.882812 11.1162C0.788784 11.1127 0.707921 11.0809 0.62207 10.9951C0.543947 10.917 0.512697 10.8402 0.512695 10.7393C0.512695 10.6384 0.543945 10.5615 0.62207 10.4834L5.30371 5.80176L0.59668 1.09473C0.519014 1.01703 0.497072 0.95072 0.5 0.870117C0.503448 0.77585 0.536015 0.694453 0.62207 0.608398C0.699995 0.530589 0.776363 0.500076 0.876953 0.5Z' fill='black' stroke='black'/%3E%3C/svg%3E") no-repeat center; -webkit-mask-size: contain; mask-size: contain; transition: var(--iib-custom-ease); }
.parent-hover:hover .btn-arrow, .btn-arrow:hover { color: currentColor; }
.parent-hover:hover .btn-arrow::after, .btn-arrow:hover::after { margin-left: 24px; }
.btn.btn-block { min-width: 100%; }
.bg-white { color: var(--iib-black)!important; background: var(--iib-white)!important; }
.bg-black { color: var(--iib-white)!important; background: var(--iib-black)!important; }
.bg-blue { color: var(--iib-white)!important; background: var(--iib-blue)!important; }
.bg-dark-blue { color: var(--iib-white)!important; background: var(--iib-dark-blue)!important; }
.bg-light-pink { color: var(--iib-black)!important; background: var(--iib-light-pink)!important; }
.bg-pink { color: var(--iib-white)!important; background: var(--iib-pink)!important; }
.add-index{position: relative; z-index: 9;}

.bg-light-pink .btn-pink:hover,.bg-light-pink .btn-pink:active { color: var(--iib-pink); background-color: transparent; border-color: var(--iib-pink); }

ul:not([class]) { list-style: none; margin-bottom: 24px; }
ul:not([class]) > li:not(:last-child) { margin-bottom: 16px; }
ul:not([class]) > li { position: relative; padding-left: 24px; font-size: 16px; }
ul:not([class]) > li::before { content: ''; width: 4px; height: 4px; position: absolute; left: 10px; top: 10px; color: inherit; background: currentColor; border-radius: 5px; mask: none; }
/* =================core css ends here================= */
/* ================= Contact form 7 css starts here================= */
.form-group { position: relative; margin-bottom: 24px; }
.form-label { display: inline-block; font-size: 16px; font-weight: 400; line-height: 1.5; margin-bottom: 8px; }
.form-control,.form-control:focus { height: 48px; padding: 12px 24px; font-size: 16px; color: var(--iib-black); background-color: var(--iib-white); border: 1px solid #CCCCCC; border-radius: 10px; box-shadow: none; }
.form-control::placeholder { color: rgba(0, 0, 0, 0.6); }
textarea.form-control, textarea.form-control:focus { padding: 24px; height: 155px; resize: vertical; }
.form-select, .form-select:focus { height: 48px; padding: 12px; padding-right: 40px; color: var(--iib-black); background-color: #f2f2f2; background-image: url("assets/images/menu-select-icon.svg"); background-size: 32px 26px; border-radius: 4px; box-shadow: none; }
.form-check-group { padding-left: 0px; margin-bottom: 0; }
.form-check-group label { display: inline-block; position: relative; padding-left: 26px; font-size: 14px; font-weight: 400; line-height: 1.5; vertical-align: top; }
.form-check-group input { display: none; }
.form-check-group input + .wpcf7-list-item-label::before {content: ''; width: 18px;height: 18px;position: absolute; top: 50%; left: 0; transform: translateY(-50%); background: var(--iib-white); border: 1px solid #CCCCCC; border-radius: 2px;}
.form-check-group input + .wpcf7-list-item-label::after { content: ''; position: absolute; top: 6px; left: 4px; width: 10px; height: 5px; border-bottom: 2px solid var(--iib-white); border-left: 2px solid var(--iib-white); transform: rotate(-45deg) scale(0); transition: all 0.3s ease-in; }
.form-check-group input:checked + .wpcf7-list-item-label::before { background-color: var(--iib-pink); border: 1px solid var(--iib-pink); }
.form-check-group input:checked + .wpcf7-list-item-label::after { transform: rotate(-45deg) scale(1); }
.form-check-group label a { color: inherit; text-decoration: underline; }
.form-check-group label a:hover { text-decoration: none; }
.form-btn { margin-top: 32px; }

div.wpcf7-mail-sent-ok { display: none !important; width: 100%; border: 0px solid #499234; max-width: 100%; margin: 10px auto 0; /* background: #499234; */ color: #499234; font-size: 16px; font-weight: normal; padding: 0; float: left; text-align: center; }
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing { border-color: #f00; position: relative; }
span.wpcf7-not-valid-tip { right: 0; padding: 0 10px; bottom: auto; background: #f00; color: #fff; font-weight: 700; font-size: 14px; letter-spacing: 0; position: absolute; top: 100%; margin: 0; margin-top: -12px; border-radius: 40px; }
.wpcf7-form-control-wrap { position: static; }
/*div.wpcf7-validation-errors, div.wpcf7-acceptance-missing { display: none !important; }
*/
.form-control.wpcf7-not-valid { border-color: #f00; }
span.wpcf7-list-item { margin: 0; }
div.wpcf7 form.wpcf7-form .form-group span.ajax-loader { right: 0; bottom: 5px; }
.form-group .wpcf7-acceptance .wpcf7-list-item-label:after { border: 0; }
.form-group div.wpcf7-mail-sent-ok { text-align: center; }
.wpcf7-form-control-wrap.loading:before { opacity: 1; }
div.wpcf7-response-output { margin: 0 0 25px; background: rgba(255, 0, 0, 0.12); border-width: 1px; border-radius: 6px; color: #f00; font-size: 16px; line-height: 18px; padding: 20px; border-style: dashed; position: relative; font-weight: 600; padding: 10px !important; }
.cf-form div.wpcf7-response-output { margin-left: 0; margin-right: 0; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output { border-color: #f00; color: #fff; background: #f00; }
.wpcf7 form.sent .wpcf7-response-output { border-color: var(--iib-blue); color: #fff; background: var(--iib-blue); }
.form-control.wpcf7-not-valid + .nice-select.form-control { border-color: #f00; }
.wpcf7-form-control-wrap .wpcf7-not-valid-tip { font-size: 14px; }
/* ================= Contact form 7 css ends here================= */
/* ============================== Header Start ====================================== */
body.open-menu { overflow: hidden; }
#header { color: var(--iib-black); background: var(--iib-white);position: fixed; left: 0; top: 0; right: 0; padding: 0; z-index: 9999; transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); }
.fixed #header { box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; }
.navbar { padding: 0; width: 100%; height: 84px; transition: 0.2s all ease-in; }
.navbar-brand { width: 117px; padding: 0; margin: 0; position: relative; z-index: 999; }
.navbar-expand-xl .navbar-nav > .nav-item { margin: 0 16px; }
.navbar-expand-xl .navbar-nav .nav-link { font-size: 16px; font-weight: 400; line-height: 60px; padding: 0; color: var(--iib-black); position: relative; }
.navbar-expand-xl .navbar-nav .nav-item:hover > .nav-link, .navbar-expand-xl .navbar-nav .nav-item.active > .nav-link { color: var(--iib-blue); }
.dropdown-toggle::after { display: none; }
.navbar-nav:not(.sm-collapsible) .nav-link .sub-arrow { display: none; }
.nav-inside { width: 100%; padding: 0; }
.nav-inside-content { padding: 30px 0; }
.header-right{margin-left: 8.6%;}
.header-right .btn{padding: 8px 20px;}
.header-social-links ul.social-links { gap: 4px; }
.header-social-links ul.social-links > li > a { display: flex; font-size: 26px; color: var(--iib-black); text-decoration: none; }
.header-social-links ul.social-links > li > a:hover { color: var(--iib-blue); }
.header-resource-btn { width: 42px;height: 42px; padding: 8px; display: flex; align-items: center; justify-content: center; border: 1px solid #000; border-radius: 50%; }
.header-resource-btn img { width: 100%; height: 100%; object-fit: contain; transition: var(--iib-custom-ease)    ; }
.header-resource-btn:hover { background-color: var(--iib-blue); border-color: var(--iib-blue); }
.header-resource-btn:hover img { filter: brightness(0) invert(1); }

/* Push menu start */
.mp-pusher { position: fixed; top: 0; width: 100%; right: -100%; height: 100%; perspective: 1000px; z-index: 9998; display: none; max-width: 500px; }
.mp-pusher { display: block; }
.mp-pusher.mp-pushed { right: 0; }
.mp-menu { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); background: var(--iib-white); }
.mp-level { position: absolute; top: 0; left: 0; width: 100%; min-height: 100%; background: var(--iib-white); -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); overflow: hidden; height: 100%; z-index: 1; }
.mp-sub-level .mp-level { background: var(--iib-white); }
.mp-menu > .mp-level { padding: 0; padding-top: 68px; display: inline-block; display: flex; flex-flow: column; }
.mp-pusher::after, .mp-level::after, .mp-level::before { content: ""; position: absolute; top: 0; right: 0; width: 0; height: 0; opacity: 0; }
.mp-pusher::after, .mp-level::after { background: rgba(0, 0, 0, 0.2); -webkit-transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s; transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s; }
.mp-level::after { z-index: -1; }
.mp-pusher.mp-pushed::after, .mp-level.mp-level-overlay::after { width: 100vw; height: 100%; opacity: 1; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; }
.mp-level.mp-level-overlay { cursor: pointer; }
.mp-level-inside { height: 100%; overflow-y: auto; display: flex; flex-flow: column; padding: 16px 0; }
.mp-level.mp-level-overlay.mp-level::before { width: 100%; height: 100%; background: transparent; opacity: 1; }
.mp-pusher, .mp-level { -webkit-transition: all 0.4s; transition: all 0.4s; }
.mp-overlap .mp-level.mp-level-open { box-shadow: 1px 0 2px rgba(0, 0, 0, 0.2); -webkit-transform: translate3d(-40px, 0, 0); transform: translate3d(-40px, 0, 0); }
.mp-menu > .mp-level, .mp-menu > .mp-level.mp-level-open, .mp-menu.mp-overlap > .mp-level, .mp-menu.mp-overlap > .mp-level.mp-level-open { box-shadow: none; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.mp-cover .mp-level.mp-level-open { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.mp-cover .mp-level.mp-level-open > ul > li > .mp-level:not(.mp-level-open) { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
.no-csstransforms3d .mp-pusher, .no-js .mp-pusher { padding-left: 300px; }
.no-csstransforms3d .mp-menu .mp-level, .no-js .mp-menu .mp-level { display: none; }
.no-csstransforms3d .mp-menu > .mp-level, .no-js .mp-menu > .mp-level { display: block; }
.mp-menu ul { margin: 0; padding: 0; list-style: none; color: var(--iib-black); }
.mp-menu ul > li { display: flex; }
.mp-menu ul > li > img { width: 50px; height: 50px; background: var(--iib-white); padding: 10px; border-radius: 5px; margin: 13px 30px 0 0; }
.mp-menu ul li > a { font-family: "Work Sans"; display: flex; align-items: center; font-size: 18px; line-height: 1.5; font-weight: 400; color: inherit; padding: 12px 20px; width: 100%; gap: 12px; }
.mp-menu ul li > a:hover, .mp-menu ul li.active > a, .mp-menu ul li > a:hover, .mp-menu ul li.active > a:hover { background-color: #f3f4f4; background: var(--iib-pink) !important; color: var(--iib-white) !important; }
.mp-menu ul li > a:hover::after { filter: brightness(0) invert(100%); }
.mp-back { outline: none; font-family: "Work Sans"; font-size: 18px; font-weight: 600; line-height: 1.5; color: var(--iib-black); margin: 0; background: var(--iib-white); margin-bottom: 0; display: flex; align-items: center; flex-direction: row-reverse; justify-content: start; gap: 11px; padding: 12px 24px; }
.mp-menu ul > li > .mp-level[data-level="2"] > .mp-back { background: transparent; }
.mp-back::after { background-image: url(assets/images/dropdown-icon.svg); background-repeat: no-repeat; background-size: cover; content: ''; width: 13px; height: 8px; float: left; transform: rotate(90deg); }
.mp-back:hover { color: var(--iib-black); }
.menu-btn-parent { padding: 0; display: flex; margin-bottom: 0; padding: 0; }
.menu-btn-parent > a { width: 100%; font-size: 17px; line-height: 30px; font-weight: 700; text-transform: uppercase; text-align: left; padding: 18px 20px; color: inherit; border-radius: 0; white-space: normal; letter-spacing: 0; height: auto; border: 0; border-bottom: 2px solid rgb(177 180 182 / 50%); color: var(--iib-blue); }
.mp-menu .sub-menu { padding-bottom: 0; padding-top: 0; margin-top: 0; }
.mp-menu ul > li > .mp-level[data-level="2"] { padding-top: 84px; overflow-y: auto; }
.mp-menu ul > li > .mp-level > ul.sub-menu li > a { display: flex; font-size: 18px; line-height: 1.5; font-weight: 400; color: inherit; padding: 12px 20px; width: 100%; }
.mp-menu ul > li > .mp-level > ul.sub-menu li > a:after { display: none; }
.mp-menu ul > li > .mp-level > ul.sub-menu li.active > a, .mp-menu ul > li > .mp-level > ul.sub-menu li.active > a:hover { color: var(--iib-pink)!important; background: var(--iib-light-pink)!important; }
.mp-menu ul > li > .mp-level > ul.sub-menu li.has-submenu > a::after { color: var(--iib-black); }
.mp-menu ul > li > .mp-level > ul.sub-menu li > .mp-level[data-level="3"] { background: var(--iib-white); padding-top: 84px; }
.mp-menu ul > li > .mp-level > ul.sub-menu li > .mp-level .mp-back:hover { color: var(--iib-black) !important; background: transparent; }
.mp-menu ul > li > .mp-level > ul.sub-menu li > .mp-level .mp-back::before { color: var(--iib-black) !important; }
/* .mp-menu ul > li > .mp-level > ul.sub-menu li > .mp-level .menu-btn-parent .btn { color: var(--iib-black); border-bottom-color: var(--iib-black); }
*/
.mp-menu ul > li > .mp-level > ul.sub-menu li a:hover { background-color: #f3f4f4; }
.mp-menu ul > li > .mp-level[data-level="2"] ul.sub-menu li a:hover { background-color: #e7e8e9; }
.mp-menu ul > li > .mp-level[data-level="3"] ul.sub-menu li a:hover { background-color: #e0e1e2; }
.mob-bottom-box { padding: 0 20px; display: flex; flex-flow: column; gap: 16px; margin-top: 24px; }
.mob-search-wrapper .search { position: relative; }
.mob-search-wrapper input { border-radius: 70px; border: 1px solid #CCCCCC; padding-left: 48px; background: transparent; }
.mob-search-wrapper input:focus { border: 1px solid #CCCCCC; color: var(--iib-black); }
.mob-search-wrapper .search:after { content: ''; position: absolute; top: 50%; left: 14px; transform: translateY(-50%); background-image: url(assets/images/search-icon.svg); background-repeat: no-repeat; background-size: cover; width: 18px; height: 18px; }
.mob-quote-btn .btn i { right: 44px; }
.mob-quote-btn .btn:hover { background-color: #036c40; color: var(--iib-black); border-color: #036c40; }
#menu-mobile-menu2 { background: var(--iib-white); }
.mp-sub-level #menu-mobile-menu2 .mp-level { background: var(--iib-white); }
#menu-mobile-menu2 li > a { border-color: rgba(66, 72, 67, 0.5); }
#menu-mobile-menu2 li > a:hover { color: var(--iib-blue); }
.mp-level-bg { position: absolute; top: 0; right: -241px; opacity: 0.07; width: 494px; height: auto; z-index: -1; }
.mp-level-bg img { width: 100%; }
.fixed .mp-sub-level #menu-mobile-menu .mp-level { height: calc(100vh - 80px); }
.mp-menu ul li.has-submenu > a::after, .mp-menu ul li.has-submenu > a::after, .mp-menu ul > li > .mp-level > ul.sub-menu li.has-submenu > a::after { background-image: url(assets/images/dropdown-icon.svg); background-repeat: no-repeat; background-size: cover; content: ''; width: 13px; height: 8px; margin-right: 5px; float: right; transform: rotate(270deg); display: flex; align-items: center; justify-content: center; flex-shrink: 0; transition: all 0.2s ease; margin-left: auto; }
.mp-menu ul li > a:hover::after, .mp-menu ul li.active > a::after, .mp-menu ul li > a:hover::after, .mp-menu ul li.active > a:hover::after { filter: brightness(0)invert(1); }
.menu-item-type-taxonomy a { display: inline-flex !important; align-items: center !important; gap: 8px !important; font-weight: 600 !important; }
.menu-item-type-taxonomy a::before { content: ''; display: inline-block; width: 24px; height: 24px; background: url(assets/images/location-pin-icon.svg) no-repeat center / 16px 20px; transition: all .2s ease; }
.sub-menu:has(.menu-item-type-taxonomy) { margin-top: 12px; }
.sub-menu:has(.menu-item-type-taxonomy) a { padding: 0 20px !important; }
.sub-menu:has(.menu-item-type-taxonomy) li { margin-bottom: 16px; }
.sub-menu:has(.menu-item-type-taxonomy) a:hover { text-decoration: underline; background-color: var(--iib-white) !important; color: var(--iib-black) !important; }
/* Push menu end */

@media only screen and (min-width:1200px) {
.navbar-expand-xl .navbar-nav > .nav-item:first-child { margin-left: 0; }
.navbar-expand-xl .navbar-nav > .nav-item:last-child { margin-right: 0; }
.navbar-expand-xl .navbar-nav .dropdown-menu { min-width: 221px; display: flex !important; flex-direction: column; gap: 4px; top: 100% !important; left: 0; margin-top: 14px !important; padding: 16px 24px; color: var(--iib-black); background: var(--iib-white); border: 1px solid #CCCCCC; border-radius: 10px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15); opacity: 0; visibility: hidden; transition: all 0.1s ease-in; -webkit-transition: all 0.1s ease-in;  }
.navbar-expand-xl .navbar-nav .dropdown:hover > .dropdown-menu { opacity: 1; visibility: visible; margin-top: -4px !important; transition: var(--iib-custom-ease); -webkit-transition: var(--iib-custom-ease); }
.navbar-expand-xl .navbar-nav .dropdown-menu .dropdown-item { position: relative; width: 100%; height: 100%; display: flex; align-items: center; gap: 2px; padding: 6px 0; font-size: 16px; font-weight: 400; line-height: 1.5; color: var(--iib-black) !important; white-space: normal; transition: var(--iib-custom-ease);  }
.navbar-expand-xl .navbar-nav .dropdown-menu li:focus > .dropdown-item, .navbar-expand-xl .navbar-nav .dropdown-menu li:hover > .dropdown-item, .navbar-expand-xl .navbar-nav .dropdown-menu li.active > .dropdown-item {  color: var(--iib-blue) !important; background: transparent;}
.navbar-expand-xl .navbar-nav .dropdown > .nav-link::after { content: ''; width: 14px; height: 14px; display: inline-block; position: relative; top: 2px; margin-left: 10px; margin-right: 5px; background-color: currentColor; background-repeat: no-repeat; background-position: center; background-size: contain; -webkit-mask: url("data:image/svg+xml,%3Csvg%20width%3D%2713%27%20height%3D%278%27%20viewBox%3D%270%200%2013%208%27%20fill%3D%27none%27%20xmlns%3D%27http://www.w3.org/2000/svg%27%3E%3Cpath%20fill-rule%3D%27evenodd%27%20clip-rule%3D%27evenodd%27%20d%3D%27M6.69506%206.96028C6.47539%207.17996%206.11929%207.17996%205.89961%206.96028L0.164751%201.22541C-0.0549169%201.00573%20-0.0549169%200.649631%200.164751%200.429956L0.429921%200.164756C0.649588%20-0.0549187%201.00574%20-0.0549187%201.22542%200.164756L6.29734%205.23671L11.3693%200.164756C11.589%20-0.0549187%2011.9451%20-0.0549187%2012.1647%200.164756L12.4299%200.429956C12.6496%200.649631%2012.6496%201.00573%2012.4299%201.22541L6.69506%206.96028Z%27%20fill%3D%27black%27/%3E%3C/svg%3E") no-repeat center; mask: url("data:image/svg+xml,%3Csvg%20width%3D%2713%27%20height%3D%278%27%20viewBox%3D%270%200%2013%208%27%20fill%3D%27none%27%20xmlns%3D%27http://www.w3.org/2000/svg%27%3E%3Cpath%20fill-rule%3D%27evenodd%27%20clip-rule%3D%27evenodd%27%20d%3D%27M6.69506%206.96028C6.47539%207.17996%206.11929%207.17996%205.89961%206.96028L0.164751%201.22541C-0.0549169%201.00573%20-0.0549169%200.649631%200.164751%200.429956L0.429921%200.164756C0.649588%20-0.0549187%201.00574%20-0.0549187%201.22542%200.164756L6.29734%205.23671L11.3693%200.164756C11.589%20-0.0549187%2011.9451%20-0.0549187%2012.1647%200.164756L12.4299%200.429956C12.6496%200.649631%2012.6496%201.00573%2012.4299%201.22541L6.69506%206.96028Z%27%20fill%3D%27black%27/%3E%3C/svg%3E") no-repeat center; -webkit-mask-size: contain; mask-size: contain; transition: var(--iib-custom-ease); }
.navbar-expand-xl .navbar-nav .dropdown:hover > .nav-link::after { transform: rotate(180deg); }
.navbar-expand-xl .navbar-nav .dropdown-toggle { display: none; }
.navbar-nav .dropdown-menu:has(.dropdown) .dropdown-item { padding-right: 10px; }
.navbar-nav .dropdown-menu .dropdown .dropdown-menu { left: calc(100% + 10px);margin-top: -30px!important;top: 0!important; }
.navbar-nav .dropdown-menu li.dropdown > .dropdown-item { position: relative; }
.navbar-nav .dropdown-menu li.dropdown > .dropdown-item::after { content: ""; display: inline-block; border: 0; position: absolute; top: 50%; right: -8px; width: 13px; height: 8px; transform: translateY(-50%) rotate(270deg); transform-origin: center center; background-color: currentColor; background-repeat: no-repeat; background-position: center; background-size: contain; -webkit-mask: url("data:image/svg+xml,%3Csvg%20width%3D%2713%27%20height%3D%278%27%20viewBox%3D%270%200%2013%208%27%20fill%3D%27none%27%20xmlns%3D%27http://www.w3.org/2000/svg%27%3E%3Cpath%20fill-rule%3D%27evenodd%27%20clip-rule%3D%27evenodd%27%20d%3D%27M6.69506%206.96028C6.47539%207.17996%206.11929%207.17996%205.89961%206.96028L0.164751%201.22541C-0.0549169%201.00573%20-0.0549169%200.649631%200.164751%200.429956L0.429921%200.164756C0.649588%20-0.0549187%201.00574%20-0.0549187%201.22542%200.164756L6.29734%205.23671L11.3693%200.164756C11.589%20-0.0549187%2011.9451%20-0.0549187%2012.1647%200.164756L12.4299%200.429956C12.6496%200.649631%2012.6496%201.00573%2012.4299%201.22541L6.69506%206.96028Z%27%20fill%3D%27black%27/%3E%3C/svg%3E") no-repeat center; mask: url("data:image/svg+xml,%3Csvg%20width%3D%2713%27%20height%3D%278%27%20viewBox%3D%270%200%2013%208%27%20fill%3D%27none%27%20xmlns%3D%27http://www.w3.org/2000/svg%27%3E%3Cpath%20fill-rule%3D%27evenodd%27%20clip-rule%3D%27evenodd%27%20d%3D%27M6.69506%206.96028C6.47539%207.17996%206.11929%207.17996%205.89961%206.96028L0.164751%201.22541C-0.0549169%201.00573%20-0.0549169%200.649631%200.164751%200.429956L0.429921%200.164756C0.649588%20-0.0549187%201.00574%20-0.0549187%201.22542%200.164756L6.29734%205.23671L11.3693%200.164756C11.589%20-0.0549187%2011.9451%20-0.0549187%2012.1647%200.164756L12.4299%200.429956C12.6496%200.649631%2012.6496%201.00573%2012.4299%201.22541L6.69506%206.96028Z%27%20fill%3D%27black%27/%3E%3C/svg%3E") no-repeat center; -webkit-mask-size: contain; mask-size: contain; transition: var(--iib-custom-ease); }
}
/* ============================== Header End ====================================== */
/* ============================== Global Start ====================================== */
.content-container { padding: var(--iib-section-padding-desktop) 0; }
.overflow-x-clip{overflow-x: clip!important;}
.heading{margin-bottom: 40px;}
.heading h2{font-size: 48px;margin-bottom: 0;}
.heading h2.small{font-size: 40px;}
.heading h2:has(+p){margin-bottom: 24px;}
.bottom-btn-box{margin-top: 48px;}
/* ---- SWIPER CSS ---- */
.custom-navigation {margin-top: 32px;}
.custom-pagination {width: auto !important;display: flex;align-items: center;justify-content: center;gap: 8px;}
.custom-pagination .swiper-pagination-bullet {width: 16px;height: 16px;margin: 0 !important;opacity: 1;background: var(--iib-white);border-radius: 50%;cursor: pointer;transition: width 0.3s ease, background-color 0.3s ease, opacity 0.3s ease;}
.custom-pagination .swiper-pagination-bullet-active {background: var(--iib-blue);}
.full-height .swiper-slide {height: auto !important;}
/* ---- Shape CSS ---- */
.home-shape-left { height: 2296px; position: absolute; top: -32px; left: -172px; }
.home-shape-left img { width: 100%; height: 100%; object-fit: contain; }
.home-shape-right { height: 1883px; position: absolute; top: 31px; right: -49px; }
.home-shape-right img{ width: 100%; height: 100%; object-fit: contain; }
/* ---- */
.why-bolton-shape-left { height: 1883px; position: absolute; top: 38px; left: -154px; }
.why-bolton-shape-left img { width: 100%; height: 100%; object-fit: contain; }
.why-bolton-shape-right { height: 2296px; position: absolute; top: -128px; right: -133px; }
.why-bolton-shape-right img{ width: 100%; height: 100%; object-fit: contain; }
/* ---- */
.news-events-shape-left { height: 1883px; position: absolute; top: calc(50% - 231px); left: -80px; }
.news-events-shape-left img { width: 100%; height: 100%; object-fit: contain; }
.news-events-shape-right { height: 2296px; position: absolute; bottom: -265px; right: -120px; }
.news-events-shape-right img{ width: 100%; height: 100%; object-fit: contain; }
/* ---- */
.event-single-shape { height: 1883px; position: absolute; top: 73px; right: -8px; }
.event-single-shape img{ width: 100%; height: 100%; object-fit: contain; }
/* ---- */
.contact-shape { height: 2225px; position: absolute; top: -269px; right: -105px; transform: rotate(21.39deg); }
.contact-shape img{ width: 100%; height: 100%; object-fit: contain; }
/* ---- */
.district-centres-shape-left { height: 2296px; position: absolute; top: -506px; left: -98px; }
.district-centres-shape-left img { width: 100%; height: 100%; object-fit: contain; }
.district-centres-shape-right { height: 1883px; position: absolute; top: -300px; right: -18px; }
.district-centres-shape-right img{ width: 100%; height: 100%; object-fit: contain; }
/* ---- */
.district-single-shape-left { height: 2296px; position: absolute; bottom: -235px; left: -130px; }
.district-single-shape-left img { width: 100%; height: 100%; object-fit: contain; }
.district-single-shape-right { height: 1883px; position: absolute; bottom: -265px; right: -49px; }
.district-single-shape-right img{ width: 100%; height: 100%; object-fit: contain; }
/* ---- */
.district-single-shape-two { height: 1883px; position: absolute; top: -216px; left: calc(50% - 773px); transform: rotate(162.65deg); }
.district-single-shape-two img{ width: 100%; height: 100%; object-fit: contain; }
/* ---- */
.success-stories-shape-one { height: 1921px; position: absolute; top: 1px; left: -198px; }
.success-stories-shape-one img { width: 100%; height: 100%; object-fit: contain; }
.success-stories-shape-two { height: 2175px; position: absolute; bottom: 0; left: -258px; }
.success-stories-shape-two img{ width: 100%; height: 100%; object-fit: contain; }
.success-stories-shape-three { height: 3514px; position: absolute; top: 4px; right: -476px; }
.success-stories-shape-three img { width: 100%; height: 100%; object-fit: contain; }
/* ============================== Global End ====================================== */
/* ============================== Footer Start ====================================== */
#footer { padding: 80px 0; }
.footer a { text-decoration: none; }
.footer a:hover { text-decoration: underline; }
.footer-shape{ width: 320px; position: absolute; top: 0; left: 0; }
.footer-upper { gap: 30px; }
.footer-upper-left { max-width: 266px; }
.footer-logo { width: 154px; margin-bottom: 40px; }
.footer-social-links h6{ font-size: 20px; line-height: 1.4; }
.footer-social-links ul.social-links { gap: 4px; }
.footer-social-links ul.social-links > li > a { display: flex; font-size: 20px; color: var(--iib-blue); text-decoration: none; }
.footer-social-links ul.social-links > li > a:hover { color: var(--iib-dark-blue); }
.footer-upper-right { width: calc(100% - 266px); max-width: 812px; } 
.footer-upper-row { gap: 24px; }
.footer-upper-col { min-width: 210px; }
.footer-upper-col h6 { font-family: var(--iib-font-primary); font-size: 16px; font-weight: 600; line-height: 1.5; color: var(--iib-blue); margin-bottom: 16px; }
.footer-upper-col:first-child { min-width: 308px; }
.footer-upper-col:first-child .footer-nav {column-count: 2; column-gap: 32px;}
.footer-nav > li > a { font-size: 14px; font-weight: 400; line-height: 1.5; padding: 8px 0; text-decoration: none; }
.footer-nav > li > a:hover { color: var(--iib-blue); }
.footer-lower { padding-top: 24px; margin-top: 40px; border-top: 1px solid var(--iib-white); }
.copyright { font-size: 14px; font-weight: 400; line-height: 1.5; }
/* ============================== Footer End ====================================== */
/* ============================== Home Page Start ====================================== */
/* -- Hero -- */
.hero-container{width: 100%; padding: 20px 0 80px;}
.hero-media{width: 100%; aspect-ratio:16/9; position: relative; border-radius: 20px; overflow: hidden; top: 80px; }
.hero-media iframe{width: 100%; height: 100%; border: none;}
.hero-media h1 {
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 80px;
}

/* -- Intro -- */
body.home .intro-container {
	padding-bottom: 0px;
}
.intro-box { 
	width: 100%; 
	padding: 48px 8.6%; 
	border-radius: 20px;
    position: relative;
    top: -100px;
    left: -50px;
}
.intro-left{width: 38.3%;padding-right: 30px; display: none; }
.intro-left h1{font-size: 70px;margin-bottom: 0;}
.intro-right{ /*width: 61.7%;*/ width: 100%; }
.intro-right strong{font-weight: 600;}
/* -- Signposts -- */
body.home .signposts-container {
	padding-top: 0px;
}
.signposts-container .row + .row { margin-top: 110px; }
.row-reverse { flex-direction: row-reverse; }
.signposts-content-box { padding-right: 20px; }
.row-reverse .signposts-content-box { padding-left: 20px; padding-right: 0; }
.signposts-content h2 { font-size: 48px; margin-bottom: 24px; }
.signposts-cta { margin-top: 32px; }
.signposts-img-box { padding-left: 20px; padding-right: 90px; }
.row-reverse .signposts-img-box { padding-right: 20px; padding-left: 90px; }
.signposts-img-1 img { width: 100%; height: 100%; object-fit: cover; position: absolute; inset: 0; }
.signposts-img-2 img { width: 100%; height: 100%; object-fit: cover; position: absolute; inset: 0; }
.signposts-img-1 { padding-bottom: 96%; border-radius: 20px; overflow: hidden; }
.row-reverse .signposts-img-1 { padding-bottom: 102.6%; }
.signposts-container .row:nth-child(4n+1) .signposts-img-2 { position: absolute; top: 46px; right: 0; width: 304px; padding-bottom: 32.2%; border-radius: 20px; overflow: hidden; }
.signposts-container .row:nth-child(even) .signposts-img-2 { position: absolute; bottom: 0; left: 0; width: 364px; padding-bottom: 57.8%; border-radius: 20px; overflow: hidden; }
.signposts-container .row:nth-child(4n+3) .signposts-img-2 { position: absolute; bottom: 46px; right: 0; width: 304px; padding-bottom: 32.2%; border-radius: 20px; overflow: hidden; }
/* -- Latest News & Events -- */
.lne-list { width: calc(100% + 32px); margin-left: -16px; margin-bottom: -32px; }
.lne-item { width: 33.3333%; padding: 0 16px; margin-bottom: 32px; }
/* ============================== Home Page End ====================================== */
/* ============================== Why Bolton Page Start ====================================== */
/* -- Why Bolton Hero -- */
.why-bolton-hero-container {padding: 112px 0 188px;position: relative;}
.wbh-breadcrumb-wrapper{width: 100%; position: absolute; top: 0; left: 0; padding: 40px 0; z-index: 1;}
.wbh-content-box{width:100%;max-width:768px;}
.wbh-content-box h1{font-size:64px;}
/* -- Why Card -- */
.why-card-container{margin-top: -100px;}
.why-card-list {width: calc(100% + 80px);margin-left: -40px;margin-bottom: -48px;}
.why-card-item {width: 50%;padding: 0 40px;margin-bottom: 48px;}
.why-card {width: 100%;height: 100%;border-radius: 20px;overflow: hidden;}
.why-card-content {font-size: 16px;padding: 48px;height: 100%;}
.why-card-content h3 {font-size: 40px;margin-bottom: 24px;}
.why-card-img {position: relative;padding-bottom: 53%;overflow: hidden;}
.why-card-img img {position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;transition: var(--iib-custom-ease);}
/* -- Stats -- */
.stats-list {width: calc(100% + 32px);margin-left: -16px; margin-bottom: -32px;}
.stats-item {width: 25%;padding: 0 16px;margin-bottom: 32px;}
.stats-box {width: 100%;height: 100%;padding: 32px;border-radius: 20px;font-size: 16px;}
.stats-box h3 {font-size: 40px;margin-bottom: 16px;}
.stats-box h3 span {margin-right: 8px;}
.three-stats-col .stats-list {justify-content: center;margin-bottom: -40px;}
.three-stats-col .stats-item {width: 33.33%;margin-bottom: 40px;}
/* -- Latest Stories -- */
.latest-stories-list { width: calc(100% + 32px); margin-left: -16px; margin-bottom: -32px; }
.latest-stories-item { width: 33.3333%; padding: 0 16px; margin-bottom: 32px; }
.case-study-card { border-radius: 20px; overflow: hidden; background-color: var(--iib-white); }
.case-study-card-img { padding-bottom: 66.6%; overflow: hidden; }
.case-study-card-img img { width: 100%; height: 100%; object-fit: cover; position: absolute; inset: 0; transition: var(--iib-custom-ease); }
.case-study-card-content { font-size: 16px; padding: 24px; }
.case-study-card-content h3 { font-size: 24px; line-height: 1.4; margin-bottom: 8px; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; }
.case-study-card-content p { display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; }
.case-study-card:hover{ color: var(--iib-white)!important; background-color: var(--iib-pink)!important;}
.case-study-card:hover .case-study-card-img img{ transform: scale(1.05); }
/* ============================== Why Bolton Page End ====================================== */
/* ============================== News & Events Page Start ====================================== */
/* -- Inner Hero -- */
.inner-hero-container { min-height: 300px; padding: 80px 0; position: relative; display: flex; flex-flow: column; justify-content: center; }
.ih-breadcrumb-wrapper{ width: 100%; position: absolute; top: 0; left: 0; padding: 40px 0; z-index: 1; }
.ih-content-box h1{font-size:64px;margin-bottom: 0;}
.ih-content-box h1:has(+ p) { margin-bottom: 24px; }
/* -- News Listing -- */
.news-listing-list { width: calc(100% + 32px); margin-left: -16px; margin-bottom: -64px; }
.news-listing-item { width: 33.3333%; padding: 0 16px; margin-bottom: 64px; }
.news-card { border-radius: 20px; overflow: hidden; background-color: var(--iib-light-pink); }
.news-card-img { padding-bottom: 66.6%; overflow: hidden; }
.news-card-img img { width: 100%; height: 100%; object-fit: cover; position: absolute; inset: 0; transition: var(--iib-custom-ease); }
.news-card-content { font-size: 16px; padding: 24px; }
.news-card-content h3 { font-size: 24px; line-height: 1.4; margin-bottom: 8px; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; }
.news-card-content p { display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; }
.news-card:hover{ color: var(--iib-white)!important; background-color: var(--iib-pink)!important;}
.news-card:hover .news-card-img img{ transform: scale(1.05); }
.news-listing-pagination { width: 100%; display: inline-block; vertical-align: top; text-align: center; margin-top: 40px;}
.page-num { gap: 12px; }
.page-numbers { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; font-size: 16px; font-weight: 500; line-height: 1.5; color: var(--iib-black); background-color: var(--iib-white); border: 1px solid #CCCCCC; border-radius: 50%; }
.page-numbers.prev, .page-numbers.next{ width: auto; height: 44px;padding: 10px 24px;border-radius: 30px;}
.page-numbers.current { background-color: var(--iib-blue); color: var(--iib-white); border-color: var(--iib-blue); }
/* -- Events Listing -- */
.events-listing-list { width: calc(100% + 32px); margin-left: -16px; margin-bottom: -64px; }
.events-listing-item { width: 33.3333%; padding: 0 16px; margin-bottom: 64px; }
.events-card { border-radius: 20px; overflow: hidden; background-color: var(--iib-white); }
.events-card-img { padding-bottom: 66.6%; overflow: hidden; }
.events-card-img img { width: 100%; height: 100%; object-fit: cover; position: absolute; inset: 0; transition: var(--iib-custom-ease); }
.events-card-content { padding: 24px; }
.ecc-meta-item:first-child{flex-shrink: 0;} 
.ecc-meta-item:last-child {flex-grow: 1;} 
.ecc-meta-item:last-child .ecc-meta-box span{ display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } 
.ecc-meta-icon { width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; transition: var(--iib-custom-ease); }
.ecc-meta-icon img { width: 100%; height: 100%; object-fit: contain; }
.ecc-meta-box span { font-size: 14px; }
.ecc-text { font-size: 16px; margin-bottom: 24px; }
.ecc-text h3 { font-size: 24px; line-height: 1.4; margin-bottom: 8px; }
.events-card:hover{ color: var(--iib-white)!important; background-color: var(--iib-pink)!important;}
.events-card:hover .events-card-img img{ transform: scale(1.05); }
.events-card:hover .ecc-meta-icon {filter: brightness(0) invert(1);}
/* ============================== News & Events Page End ====================================== */
/* ============================== Event Single Page Start ====================================== */
/* -- Event Single Hero -- */
.event-single-hero-container {padding: 80px 0;}
.esh-breadcrumb-wrapper {padding: 0 0 21px;}
.esh-content-box {font-size: 16px;}
.esh-content-box h1 {font-size: 48px;margin-bottom: 42px;}
.esh-content-box p:not(:last-child){margin-bottom: 24px;}
.esh-image {width: 100%;position: relative;height: 405px;border-radius: 20px;}
.esh-image img {width: 100%;height: 100%;object-fit: cover;}
.esh-meta-list {gap: 16px;margin-bottom: 16px;}
.meta-icon-box {width: 24px;height: 24px;margin-top: 3px;}
.meta-label {font-size: 14px;font-weight: 600;margin-bottom: 2px;}
.esh-contact-box {font-weight: 500;}
.esh-btn-group{gap: 14px;margin-top: 24px;}
/* -- Related Events -- */
.related-events-container { background-color: var(--iib-light-pink); }
.related-events-list { width: calc(100% + 32px); margin-left: -16px; margin-bottom: -64px; }
.related-events-item { width: 33.3333%; padding: 0 16px; margin-bottom: 64px; }
/* ============================== Event Single Page End ====================================== */
/* ============================== Blog Single Page Start ====================================== */
/* -- Blog Single Hero -- */
.blog-single-hero-container {padding: 112px 0;}
.bsh-breadcrumb-wrapper {padding: 0 0 20px;}
.bsh-content-box {padding: 0 6% 0 0;}
.bsh-content-box h1 {font-size: 48px; margin-bottom: 30px;}
.bsh-publish-date-list {width: calc(100% + 24px);margin-left: -12px;}
.bsh-pdb-item {padding: 0 12px;position: relative;}
.bsh-label-inner {font-size: 16px;}
.bsh-date-inner {font-size: 14px;}
.bsh-pdb-item:not(:last-child):before {content: '';width: 5px;height: 5px;background: currentColor;position: absolute;right: -3px;top: 50%;transform: translateY(-50%);border-radius: 50rem;}
.bsh-share-label-box {font-size: 16px;margin-bottom: 16px;}
.bsh-image-box{padding-left: 6px;}
.bsh-image {width: 100%;height: 450px;border-radius: 20px;}
.bsh-image img {width: 100%;height: 100%;object-fit: cover;}
.bsh-share-box .addtoany_shortcode {display: inline-flex;}
.bsh-share-box .addtoany_list { display: inline-flex; gap: 8px;}
.bsh-share-box .addtoany_list a, .widget .addtoany_list a { display: inline-flex; padding: 0; background: var(--iib-white); border-radius: 50%; width: 32px; height: 32px; display: flex; align-items: center; justify-content: center;}
.bsh-share-box .addtoany_list a:hover, .widget .addtoany_list a:hover { background: rgba(255, 255, 255, 0.75);}
.addtoany_list a:hover img, .addtoany_list a:hover span { opacity: 1 !important;}
/* -- Blog Single -- */
.blog-single-content{max-width: 880px;margin: 0 auto;font-size: 16px;}
.blog-single-content h2{font-size: 32px;line-height: 1.3;margin-bottom: 18px;}
.blog-single-content strong{font-weight: 500;}
.blog-single-content p:has(strong) { margin-bottom: 26px; }
.blog-single-content blockquote{font-weight: 500;line-height: 28px;font-style: italic;color: var(--iib-dark-blue);}
.blog-single-content blockquote:not(:last-child) { margin-bottom: 28px; }
.blog-single-content a{color: var(--iib-blue);text-decoration: underline;}
.blog-single-content a:hover{color: var(--iib-blue);text-decoration: none;}
/* -- Related News -- */
.related-news-list { width: calc(100% + 32px); margin-left: -16px; margin-bottom: -32px; }
.related-news-item { width: 33.3333%; padding: 0 16px; margin-bottom: 32px; }
/* ============================== Blog Single Page End ====================================== */
/* ============================== District Centres Page Start ====================================== */
/* -- Lead Text -- */
.lead-text-content{font-family: var(--iib-font-secondary); font-size: 40px; font-weight: 400; line-height: 1.2; color: var(--iib-dark-blue);}
/* -- District Listing -- */
.district-listing-list { width: calc(100% + 32px); margin-left: -16px; margin-bottom: -40px; }
.district-listing-item { width: 33.3333%; padding: 0 16px; margin-bottom: 40px; }
.district-card { border-radius: 20px; overflow: hidden; background-color: var(--iib-white); }
.district-card-img { padding-bottom: 66.6%; overflow: hidden; } 
.district-card-img img { width: 100%; height: 100%; object-fit: cover; position: absolute; inset: 0; transition: var(--iib-custom-ease); }
.district-card-content { padding: 24px; }
.district-card-content h3 { font-size: 24px; line-height: 1.4; margin-bottom: 24px; }
.district-card:hover{ color: var(--iib-white)!important; background-color: var(--iib-pink)!important;}
.district-card:hover .district-card-img img{ transform: scale(1.05); }
/* ============================== District Centres Page End ====================================== */
/* ============================== District Single One Page Start ====================================== */
/* -- Full Width Video -- */
.full-width-video-media{ width: 100%; aspect-ratio: 16/9; border-radius: 20px; overflow: hidden; }
.full-width-video-media iframe{ width: 100%;height: 100%; }
/* -- Details Card -- */
.details-card-list {width: calc(100% + 64px);margin-left: -32px;margin-bottom: -48px;}
.details-card-item {width: 50%;padding: 0 32px;margin-bottom: 48px;}
.details-card-box {padding: 40px 40px 60px;width: 100%;height: 100%;font-size: 18px;border-radius: 20px;}
.details-card-box h3 {font-size: 32px;line-height: 1.3;}
.details-card-box p a {text-decoration: underline;}
.details-card-box p a:hover {text-decoration: none;}
/* -- Related Districts -- */
.related-districts-list { width: calc(100% + 32px); margin-left: -16px; margin-bottom: -32px; }
.related-districts-item { width: 33.3333%; padding: 0 16px; margin-bottom: 32px; }
/* ============================== District Single One Page End ====================================== */
/* ============================== District Single Two Page Start ====================================== */
/* -- District Intro -- */
.district-intro-img-box {max-width: 316px;margin: 0 24px 0 auto; padding: 12px 0;}
.district-intro-img {height: 548px;}
.district-intro-img img {width: 100%;height: 100%;object-fit: contain;}
.district-intro-content-box {max-width: 670px;padding: 80px 0 140px 3%;}
.district-intro-content h2 {font-size: 48px;}
/* -- District Bottom Text -- */
.district-bottom-text-container::after{content: '';width: 100%;height: 50%;position: absolute;bottom: 0;left: 0;background: var(--iib-dark-blue);z-index: 0;}
.db-text-content { width: calc(100% + 80px); margin-left: -40px; padding: 46px 24px;border-radius: 20px;}
.dbt-content-text {max-width: 914px;margin: 0 auto;font-family: var(--iib-font-secondary);font-size: 24px;line-height: 1.4;}
.dbt-content-text p:not(:last-child) { margin-bottom: 36px; }
/* -- District Projects -- */
.district-projects-media {padding-right: 7%;}
.district-projects-img {position: relative;padding-bottom: 83.5%;border-radius: 20px;overflow: hidden;}
.district-projects-img img {position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;}
.district-projects-content {padding-left: 12px;}
.dp-accordion-item {color: var(--iib-white);border: 0;border-bottom: 1px solid var(--iib-white);background: none;border-radius: 0;cursor: pointer;}
.dp-accordion-item:first-child .accordion-button {padding-top: 0;}
.dp-accordion-item .accordion-button {padding: 16px 40px 16px 0;color: var(--iib-white);background: var(--iib-dark-blue);box-shadow: none;}
.dp-accordion-item .accordion-button h3{font-size: 24px;line-height: 1.4;margin-bottom: 0;}
.dp-accordion-item .accordion-button::after {width: 32px;height: 32px;background-image: url(assets/images/plus-sign.svg);background-size: 32px;position: absolute;right: 0;}
.dp-accordion-item .accordion-button:not(.collapsed)::after {transform: none;background-image: url(assets/images/minus-sign.svg)!important;}
.dp-accordion-item .accordion-body {padding: 0 0 16px;background: var(--iib-dark-blue);font-size: 14px;}
.dp-accordion-item .accordion-body p:not(:last-child) { margin-bottom: 21px; }
/* ============================== District Single Two Page End ====================================== */
/* ============================== Success Stories Page Start ====================================== */
/* -- Success Story Hero -- */
.success-story-hero-container {padding: 112px 0 154px;position: relative;}
.ssh-breadcrumb-wrapper{width: 100%; position: absolute; top: 0; left: 0; padding: 40px 0; z-index: 1;}
.ssh-content-box h1 {font-size: 64px;}
.ssh-content-text {margin-bottom: 24px;}
.ssh-filter-buttons{gap:22px;}
.ssh-filter-btn {padding: 8px 20px;font-size: 16px;line-height: 1.5;font-weight: 500;border-radius: 50px;border: 1px solid currentColor;background-color: transparent;}
.ssh-filter-btn:hover,.ss-filter-btn:focus {background-color: var(--iib-white);color: var(--iib-black);border-color: var(--iib-white);}
.ssh-select-wrap {position: relative;}
.ssh-select, .ssh-select:focus{appearance: none;-webkit-appearance: none;-moz-appearance: none;width: 100%;padding: 12px 60px 12px 28px;font-size: 16px;line-height: 1.4;color: var(--iib-white);background: transparent;border: 1px solid var(--iib-white);border-radius: 999px;outline: none;cursor: pointer;}
.ssh-select::-ms-expand {display: none;}
.ssh-select-wrap::after {content: "\f078";font-family: "Font Awesome 7 Free";font-weight: 900;position: absolute;right: 35px;top: 50%;transform: translateY(-50%);color: var(--iib-white);font-size: 14px;pointer-events: none;}
.ssh-select option {color: var(--iib-black);}
/* -- Story Listing -- */
.story-container{margin-top: -100px;}
.story-list {width: calc(100% + 32px);margin-left: -16px;margin-bottom: -32px;}
.story-item {width: 50%;padding: 0 16px;margin-bottom: 32px;}
.story-card {width: 100%;height: 100%;border-radius: 20px;overflow: hidden;}
.story-card-img {padding-bottom: 66.6%;}
.story-card-img img {position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;}
.story-card-content {padding: 32px;font-size: 16px;height: 100%;}
.story-card-content h3 {font-size: 32px;line-height: 1.3;margin-bottom: 10px;}
/* ============================== Success Stories Page End ====================================== */
/* ============================== Contact Page Start ====================================== */
.contact-container {padding: 112px 0;}
.contact-form h1{font-size: 48px;margin-bottom: 32px;}
.contact-img {width: 100%; position: relative; padding-bottom: 103%; border-radius: 20px;overflow: hidden;}
.contact-img img{width: 100%; height: 100%; object-fit: cover; position: absolute; inset: 0;}
/* ============================== Contact Page End ====================================== */
/* ============================== Investment Opportunities Page Start ====================================== */
.ipc-sidebar {width: 333px;}
.ipc-sidebar.sticky-top {top: 100px;}
.ipc-nav-holder {width: 100%;padding: 32px;border-radius: 20px;background-color: var(--iib-pink);color: var(--iib-white);}
.ipc-nav h3 {font-size: 24px;line-height: 1.4;margin-bottom: 18px;}
.ipc-nav-list {gap: 16px;}
.ipc-nav-link {font-size: 20px;line-height: 1.4;font-family: var(--iib-font-secondary);position: relative;transition: none;}
.ipc-nav-link:before {content: '';width: 100%;height: 1px;background-color: currentColor;position: absolute;bottom: 6px;left: 0;right: 0;}
.ipc-nav-link.active {color: currentColor;font-weight: 700;}
.ipc-nav-link.active:before{content:none;}
.ipc-main-container {flex: 1 0 0;padding-left: 80px;}
.ipc-main-row:first-child{padding-top:0;border-top:none;}
.ipc-main-row:last-child{padding-bottom:0;}
.ipc-main-row{padding:80px 0;border-top:1px solid #ccc;}
.ipc-main-title {font-size: 48px;margin-bottom: 40px;}
.ipc-main-content img {width:100%;margin: 30px 0 44px;border-radius:20px;}
.ipc-accordion-holder+.ipc-thumb-wrap {margin-top: 40px;}
.ipc-accordion .accordion-item {background-color: var(--iib-light-pink);border: 0;border-radius: 20px;}
.ipc-accordion .accordion-item+.accordion-item {margin-top: 16px;}
.ipc-accordion .accordion-button {padding: 20px 24px 20px 24px;background-color: transparent;color: var(--iib-black);box-shadow: none !important;font-size: 24px;line-height: 1.4;font-family: var(--iib-font-secondary);}
.ipc-accordion .accordion-button::after {--bs-accordion-btn-icon: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.08789 9.02344C7.18871 9.02344 7.26569 9.05385 7.34375 9.13184L11.6465 13.459L12 13.8145L16.6826 9.13184C16.7603 9.05424 16.8267 9.03227 16.9072 9.03516C17.0015 9.0386 17.0829 9.07117 17.1689 9.15723C17.247 9.23531 17.2773 9.31223 17.2773 9.41309C17.2773 9.51371 17.2468 9.59001 17.1689 9.66797L12.25 14.5869C12.1958 14.6411 12.1532 14.667 12.125 14.6787C12.0895 14.6935 12.0496 14.7021 12.001 14.7021C11.9765 14.7021 11.9542 14.6993 11.9336 14.6953L11.876 14.6787L11.8232 14.6484C11.8025 14.634 11.7789 14.6138 11.752 14.5869L6.80762 9.64355C6.73378 9.56972 6.70759 9.50009 6.71094 9.40527C6.71473 9.29797 6.75075 9.2141 6.83301 9.13184C6.91093 9.05403 6.9873 9.02351 7.08789 9.02344Z' fill='%23232323' stroke='%23232323'/%3E%3C/svg%3E");background-image: var(--bs-accordion-btn-icon);width: 24px;height: 24px;background-size: 24px;}
.ipc-accordion .accordion-body{padding:0;}
.ipc-accordion .ipc-accordion-content {font-size: 16px;padding: 0px 24px 24px 24px;}
.ipc-thumb {width: 100%;border-radius: 20px;}
.ipc-thumb img {width: 100%;}
/* ============================== Investment Opportunities Page End ====================================== */
/* ============================== Resource Page Start ====================================== */
.custom-table .table {border-collapse: collapse;margin-bottom: 0;font-size: 16px;font-weight: 400;line-height: 1.2;color:  var(--iib-black);}
.custom-table .table>:not(caption)>*>*{background-color: transparent;}
.custom-table tbody tr:nth-child(odd) {background-color: var(--iib-light-pink);}
.custom-table tbody tr:nth-child(even) {background-color: var(--iib-white);}
.custom-table td{padding: 20px;vertical-align: middle;border: 0;}
.custom-table td span{white-space: nowrap;}
.custom-table td:first-child{border-top-left-radius: 4px;border-bottom-left-radius: 4px; font-weight: 500;}
.custom-table td:last-child{border-top-right-radius: 4px;border-bottom-right-radius: 4px;text-align: right;}
.download-btn {border: 0;background: transparent;color: var(--iib-pink);}
.download-btn:hover{ color: var(--iib-blue);}
/* ============================== Resource Page End ====================================== */
.default-page-container h1{color: var(--iib-blue);}
.default-page-container strong{font-weight: 500;}
.default-page-container p:has(strong) { margin-bottom: 26px; }
.default-page-container blockquote{font-weight: 500;line-height: 28px;font-style: italic;color: var(--iib-dark-blue);}
.default-page-container blockquote:not(:last-child) { margin-bottom: 28px; }
.default-page-container a{color: var(--iib-blue);text-decoration: underline;}
.default-page-container a:hover{color: var(--iib-blue);text-decoration: none;}

/* ============================== Development Pipeline Page Start ====================================== */
.dp-intro{text-align: center; margin-bottom: 30px;}
.dp-wrapper{width: 100%; position: relative; overflow: hidden;}
.dp-wrapper iframe{width: 100%; height: auto; border: 0; aspect-ratio: 16/9;}
/* ============================== Development Pipeline Page Start ====================================== */
@media (max-width:1919.98px) {
/* ---- Footer ---- */
.footer-shape{ left: calc(50% - 960px); }
 
}

@media (max-width:1399.98px) {
/* ---- Shape CSS ---- */
.home-shape-left { left: calc(50% - 1132px); }
.home-shape-right { right: calc(50% - 1009px); }
.why-bolton-shape-left { left: calc(50% - 1114px); }
.why-bolton-shape-right { right: calc(50% - 1093px); }
.news-events-shape-left { left: calc(50% - 1040px); }
.news-events-shape-right { right: calc(50% - 1080px); }
.event-single-shape { right: calc(50% - 968px); }
.contact-shape { right: calc(50% - 1065px); }
.district-centres-shape-left { left: calc(50% - 1058px); }
.district-centres-shape-right { right: calc(50% - 978px); }
.district-single-shape-left { left: calc(50% - 1090px); }
.district-single-shape-right { right: calc(50% - 1009px); }
.success-stories-shape-one { left: calc(50% - 1158px); }
.success-stories-shape-two { left: calc(50% - 1218px); }
.success-stories-shape-three { right: calc(50% - 1436px); }
}
/* ========================================== 
! Large devices (desktops, less than 1200px)
=========================================== */
@media (max-width:1199.98px) {
body { padding-top: 67px; }
.navbar { height: 67px; }
.navbar-brand { width: 80px; }
.navbar-toggler { width: 60px; height: 60px; border-radius: 0; text-decoration: none; padding: 0; border: 0; background: transparent; margin: 0; position: absolute; right: 6px; top: 50%; z-index: 999; transform: translateY(-50%); }
.navbar-toggler:not([class="collapsed"]), .navbar-toggler:not([class="collapsed"]):focus, .navbar-toggler:not([class="collapsed"]):hover { background: transparent; box-shadow: none; }
.navbar-toggler.collapsed, .navbar-toggler.collapsed:focus, .navbar-toggler.collapsed:hover { background: transparent; }
.navbar-toggler .navbar-toggler-icon { position: relative; display: inline-block; width: 24px; height: 2px; color: #243238; text-indent: -55px; margin-top: -4px; margin-left: 8px; background: transparent !important; border-radius: 8px; transition: var(--iib-custom-ease); -webkit-transition: var(-iib--iib-custom-easee); vertical-align: middle; }
.navbar-toggler .navbar-toggler-icon::before, .navbar-toggler .navbar-toggler-icon::after { content: ""; width: 32px; height: 2px; background: var(--iib-black); position: absolute; right: 0; border-radius: 8px; transition: var(--iib-custom-ease); }
.navbar-toggler.collapsed .navbar-toggler-icon { background: var(--iib-black) !important; }
.navbar-toggler.collapsed .navbar-toggler-icon::before, .navbar-toggler.collapsed .navbar-toggler-icon::after { background: var(--iib-black); }
.navbar-toggler.collapsed .navbar-toggler-icon::before { background: var(--iib-black); }
.navbar-toggler.collapsed .navbar-toggler-icon::after { background: var(--iib-black); }
.navbar-toggler.collapsed .navbar-toggler-icon::before { top: -8px; -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: -8px; -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{ margin-left: auto; margin-right: 56px; position: relative; z-index: 99; }
h1 { font-size: 48px; }
h2 { font-size: 44px; }
h3 { font-size: 40px; }
h4 { font-size: 36px; }
h5 { font-size: 32px; }
h6 { font-size: 28px; }
.container { width: calc(100% - 16px);}
.heading h2 { font-size: 42px; }
/* ---- Footer ---- */
.footer-upper-col:first-child { min-width: auto; width: 50%; }
.footer-upper-col { min-width: auto; width: 25%; }
/* ---- Home Page ---- */

.intro-box { width: 100%; margin-left: 0;padding: 30px;}
.intro-left h1{font-size: 58px;margin-bottom: 0;}
/* ---- */
.signposts-container .row + .row { margin-top: 80px; }
.signposts-content-box { padding-right: 0; }
.row-reverse .signposts-content-box { padding-left: 0; }
.signposts-img-box { padding-left: 0; }
.row-reverse .signposts-img-box { padding-right: 0; }
.signposts-content h2 { font-size: 42px; }
/* ---- Why Bolton Page ---- */
.why-card-list {width: calc(100% + 24px);margin-left: -12px;}
.why-card-item {padding: 0 12px;}
/* ---- */
.stats-list {width: calc(100% + 24px);margin-left: -12px;}
.stats-item {padding: 0 12px;}
.stats-box {padding: 24px;}
/* ---- District Single One Page ---- */
.details-card-list {width: calc(100% + 32px);margin-left: -16px;}
.details-card-item {padding: 0 16px;}
/* ---- District Single Two Page ---- */
.db-text-content { width: 100%; margin-left: 0;}
/* ---- Investment Opportunities Page ---- */
.ipc-sidebar.sticky-top {top: 80px;}
}
/*==========================================
! Medium devices (tablets, less than 992px)
========================================== */
@media (max-width:991.98px) {
h1 { font-size: 44px; }
h2 { font-size: 40px; }
h3 { font-size: 36px; }
h4 { font-size: 32px; }
h5 { font-size: 28px; }
h6 { font-size: 24px; }
.content-container { padding: var(--iib-section-padding-tablet) 0; }
.heading{margin-bottom: 64px;}
.heading h2{font-size: 40px;}
.heading h2.small{font-size: 36px;}
/* ---- Footer ---- */
#footer { padding: 60px 0;}
.footer-shape{left: initial;right: 0;width: 195px;}
.footer-upper-left { margin-bottom: 40px; }
.footer-upper-right { width: 100%; max-width: 100%; }
/* ---- Home Page ---- */
.hero-media h1 {
    font-size: 40px;
    text-align: center;
 }
 
.intro-left h1{font-size: 46px;margin-bottom: 0;}
/* ---- */
.signposts-container .row + .row { margin-top: 65px; }
.signposts-content h2 { font-size: 42px; }
.signposts-img-box { margin-top: 48px; }
/* ---- */
.lne-list { width: 100%; margin-left: 0; margin-bottom: 0; }
.lne-item { width: 100%; padding: 0; margin-bottom: 0; }
/* ---- Why Bolton Page ---- */
.wbh-content-box h1{font-size: 54px;}
/* ---- */
.why-card-content {padding: 36px;}
.why-card-content h3 {font-size: 36px;}
/* ---- */
.stats-item {width: 50%;}
.stats-box h3 {font-size: 36px;}
/* ---- */
.latest-stories-list { width: 100%; margin-left: 0; margin-bottom: 0; }
.latest-stories-item { width: 100%; padding: 0; margin-bottom: 0; }
/* ---- News & Events Page ---- */
.ih-content-box h1{font-size: 54px;}
/* ---- */
.news-listing-item { width: 50%; }
/* ---- */
.events-listing-item { width: 50%; }
/* ---- Event Single Page ---- */
.event-single-hero-container {padding: 64px 0;}
.esh-breadcrumb-wrapper {padding: 0 0 22px;}
.esh-content-box h1 {font-size: 40px;margin-bottom: 46px;}	
.esh-image {height: auto;}
.esh-image-box{margin-bottom: 48px;}
.esh-content-box p:not(:last-child) {margin-bottom: 12px;}
.esh-btn-group {margin-top: 46px;}
/* ---- */
.related-events-list { width: 100%; margin-left: 0; margin-bottom: 0; }
.related-events-item { width: 100%; padding: 0; margin-bottom: 0; }
/* ---- Blog Single Page ---- */
.blog-single-hero-container {padding: 64px 0;}
.bsh-content-box {padding:0;}
.bsh-content-box h1 {font-size: 32px;}
.bsh-publish-date-list {margin-bottom: 33px;}
.bsh-share-box {margin-bottom: 48px;}
.bsh-image-box{padding-left: 0;}
.bsh-image {height: auto;}
/* ---- */
.related-news-list { width: 100%; margin-left: 0; margin-bottom: 0; }
.related-news-item { width: 100%; padding: 0; margin-bottom: 0; }
/* ---- District Centres Page ---- */
.district-listing-item { width: 50%; }
/* ---- District Single One Page ---- */
.details-card-box {padding: 30px;}
.details-card-box h3 {font-size: 28px;}
/* ---- */
.related-districts-list { width: 100%; margin-left: 0; margin-bottom: 0; }
.related-districts-item { width: 100%; padding: 0; margin-bottom: 0; }
/* ---- District Single Two Page ---- */
.district-intro-content {font-size: 16px;}
.district-intro-content h2 {font-size: 36px;}
.district-intro-content-box {max-width: 100%;padding: 50px 0 100px;}
.district-intro-img-box {max-width: 100%;margin-left: 0;}   
/* ---- */
.district-projects-media {padding-right: 0;}   
.district-projects-content {padding-left: 0;margin-top: 26px;}
.district-projects-accordion .accordion-button {padding: 18px 40px 18px 0;}
.district-projects-accordion .accordion-button h3 {font-size: 20px;} 
/* ---- Success Stories Page ---- */
.ssh-content-box h1 {font-size: 54px;}
/* ---- */
.story-card-content {padding: 24px;}
.story-card-content h3 {font-size: 28px;}
/* ---- Investment Opportunities Page ---- */
.content-container.investment-opportunity-container {padding-top: 0 !important;}
.ipc-sidebar.sticky-top {top: 67px;}
.ipc-sidebar {width: calc(100% + 40px);margin-left: -20px;}
.ipc-nav-holder{height: 96px;padding: 24px;border-radius:0;}
.ipc-main-container {padding-left:0;}
.ipc-main-row:first-child{padding-top:75px;}
.ipc-main-row{padding:75px 0;}
.ipc-main-title {margin-bottom: 24px;}
.ipc-main-content img {margin: 0 0 24px;}
.ipc-accordion .accordion-button {font-size: 20px;}
.ipc-accordion-holder+.ipc-thumb-wrap {margin-top: 24px;}
}
/* =================================================  
! Small devices (landscape phones, less than 768px)
================================================= */
@media (max-width:767.98px) {
body { padding-top: 73px !important; font-size: 16px; }
h1 { font-size: 40px; }
h2 { font-size: 36px; }
h3 { font-size: 32px; }
h4 { font-size: 28px; }
h5 { font-size: 24px; }
h6 { font-size: 20px; }
.content-container { padding: var(--iib-section-padding-mobile) 0; }
.heading{margin-bottom: 48px;}
.heading h2{font-size: 36px;}
.heading h2.small{font-size: 32px;}
/* ---- Footer ---- */
#footer { padding: 48px 0; }
.footer-logo { width: 120px; margin-bottom: 24px; }
.footer-contact { margin-bottom: 24px; }
.footer-upper-row { flex-wrap: wrap; gap: 32px 0; }
.footer-upper-col:first-child { min-width: auto; width: 100%; column-gap: 0; }
.footer-upper-col:first-child .footer-nav { column-gap: 0; }
.footer-upper-col { width: 50%; }
.footer-lower { gap: 32px; padding: 24px 0 16px; margin-top: 40px; }
.copyright span { display: block; margin-top: 16px; }
/* ---- Home Page ---- */
.hero-container{ width: calc(100% + 40px); /*margin-left: -20px;*/ padding: 0; max-width: 100%; }
.hero-container .container {
	width: calc(100% + 40px) !important;
    margin-left: -20px;
}
.hero-media{border-radius: 0; overflow: hidden; top: 0px}
.hero-media h1 {
    font-size: 40px;
    text-align: center;
 }
.intro-container{margin-top: 0; padding-bottom: 64px;}
.intro-box{margin-left: -20px; width: calc(100% + 40px); border-radius: 0; padding: 40px 20px; position: relative; top: 0px; left: 0px;}
.intro-left{width: 100%;padding-right: 0;}
.intro-left h1{font-size: 36px;margin-bottom: 24px;}
.intro-right{width: 100%;}
/* ---- */
body.home .signposts-container { 
	padding-top: 64px;
}
.signposts-container .row + .row { margin-top: 46px; }
.signposts-content { font-size: 16px; }
.signposts-content h2 { font-size: 36px; margin-bottom: 22px; }
.signposts-cta { margin-top: 22px; }
/* ---- Why Bolton Page ---- */
.why-bolton-hero-container {padding: 100px 0 135px;}
.wbh-content-box h1{font-size: 40px;}
/* ---- */
.why-card-container{margin-top: -80px;}
.why-card-item {width: 100%;}
.why-card-content {padding: 24px;}
.why-card-content h3 {font-size: 32px;}
.why-card-img {padding-bottom: 61%;}
/* ---- */
.stats-box {padding: 16px;font-size: 14px;}
.stats-box h3 {font-size: 32px;margin-bottom: 10px;}
.three-stats-col .stats-list {justify-content: flex-start;margin-bottom: -24px;}
.three-stats-col .stats-item {width: 50%;margin-bottom: 24px;}
/* ---- */
.case-study-card-content h3 { font-size: 20px; }
/* ---- News & Events Page ---- */
.inner-hero-container { min-height: 214px; padding: 80px 0 64px;}
.ih-content-box h1{font-size:40px;}
/* ---- */
.news-listing-list { margin-bottom: -32px; }
.news-listing-item { width: 100%; margin-bottom: 32px; }
.news-card-content h3 { font-size: 20px; }
/* ---- */
.events-listing-list { margin-bottom: -32px; }
.events-listing-item { width: 100%; margin-bottom: 32px; }
.events-card-img { padding-bottom: 77%; }
.ecc-text h3 { font-size: 20px; }
/* ---- Event Single Page ---- */
.related-events-img { padding-bottom: 77.2%; }
/* ---- Blog Single Page ---- */
.blog-single-content h2{font-size: 24px;line-height: 1.3;}
/* ---- District Centres Page ---- */
.district-listing-list { margin-bottom: -32px; }
.district-listing-item { width: 100%; margin-bottom: 32px; }
.district-card-content h3 { font-size: 20px; }
/* ---- */
.lead-text-content{ font-size: 24px; line-height: 1.3;}
/* ---- District Single One Page ---- */
.details-card-item {width: 100%;}
.details-card-box {padding: 24px;}
.details-card-box h3 {font-size: 24px;}
/* ---- District Single Two Page ---- */
.district-intro-container {padding: 64px 0;}
.district-intro-img-box {margin-left: 0;padding: 0;margin-top: 48px;}
.district-intro-img {max-width: 270px;margin: 0 auto;height: auto;}
.district-intro-content-box {padding: 0;}
/* ---- */
.district-projects-img {padding-bottom: 100%;}
/* ---- Success Stories Page ---- */
.success-story-hero-container {padding: 100px 0 135px;}
.ssh-content-box h1 {font-size: 40px;}
/* ---- */
.story-container{margin-top: -80px;}
.story-list {margin-bottom: -48px;}
.story-item {width: 100%;margin-bottom: 48px;}
.story-card-content h3 {font-size: 24px;margin-bottom: 27px;}
.story-card-img {padding-bottom: 74.6%;}
/* ---- Contact Page ---- */
.contact-img {padding-bottom: 96%;}
/* ---- Investment Opportunities Page ---- */
.ipc-main-row:first-child{padding-top:64px;}
.ipc-main-row{padding:64px 0;}
}
/* ======================================================
! Extra small devices (portrait phones, less than 576px)
====================================================== */
@media (max-width:575.98px) {
.mob-full{ min-width: 100%; }
/* ---- Home Page ---- */
.signposts-cta a { width: 100%; }
.signposts-img-1 { border-radius: 11px; padding-bottom: 92%; }
.row-reverse .signposts-img-1 { padding-bottom: 98.6%; }
.signposts-img-box { padding-right: 53px; }
.row-reverse .signposts-img-box { padding-left: 53px; padding-bottom: 66px; }
.signposts-container .row:nth-child(4n+1) .signposts-img-2 { top: 26px; right: 0; width: 175px; padding-bottom: 33%; border-radius: 11px; }
.signposts-container .row:nth-child(even) .signposts-img-2 { width: 209px; padding-bottom: 60%; }
.signposts-container .row:nth-child(4n+3) .signposts-img-1 { border-radius: 20px; }
.signposts-container .row:nth-child(4n+3) .signposts-img-2 { bottom: 22px; right: 0; width: 175px; padding-bottom: 33.2%; border-radius: 11px; }
}