.ubermenu .ubermenu-target {
    padding: 15px 15px !important;
}

.ubermenu-sub-indicators .ubermenu-has-submenu-drop>.ubermenu-target>.ubermenu-sub-indicator {
    right: 0px !important;
    position: relative !important;
    margin-left: 4px;
    margin-top: 0px !important;
}
	.onlymobile {
		display: none ;
	}
.round {
    height: 320px;
    width: 320px;
/*     position: relative; */
	    display: flex;
    align-items: center;
    justify-content: center;
}

.round canvas {
    position: absolute;
}

.round .text {
    max-width: 230px;
    margin: 0 auto;
    display: block;
    position: static;
    left: inherit;
    transform: inherit;
}

.round .text {
/*     position: absolute;
    left: 46%;
    transform: translate(-44%, -50%); */
/*  top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); */
}

.round .text .count {
    font-size: 54px;
    font-weight: 700;
    line-height: 58px;
    color: #000;
    text-align: center;
    display: block;
}

.round .text .small {
    font-size: 15px;
    font-weight: 700;
    display: block;
    text-align: center;
    color: #000;
}


* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.footer-inline-list a:nth-last-child(2):after {
    content: none;
}

/* header .logo-link svg path {
    fill: white !important;
} */

@media(max-width: 765px) {
    body.home #content > *:first-child,
    body.page-template-t-inverness #content > *:first-child {
        padding-top: calc(3.75rem + 54px) !important;
    }

    body #content > *:first-child {
        padding-top: 54px !important;
    }
}

@media (max-width: 992px) {
    #what-is-full-fibre2 .btn-outline-white {
        width: 100%;
        margin-top: 20px;
    }
}

/*body:not(.single) header:not(.scrolled) .logo-link svg path {
    fill: white !important;
}*/


.logo-link svg {
    max-width: 220px;
}


.ubermenu-main .ubermenu-item-level-0 > .ubermenu-target {
    color: #000000 !important;
}

/*.scrolled .ubermenu-main .ubermenu-item-level-0 > .ubermenu-target {
    color: #000 !important;
}*/

.slicknav_menu {
    position: fixed;
    top: 0;
    z-index: 2;
    width: 100%;
    background: #0099DB;
}

.slicknav_menu {
    position: fixed;
    top: 0;
    z-index: 2;
    width: 100%;
    background: #0099DB;
    transition: .5s ease-in-out;
}

.slicknav_menu.mobile-scrolled {
    background: #0099DB;
    transition: .5s ease-in-out;
}

.slicknav_brand svg {
    width: 100%;
    position: relative;
    top: 4px;
}

.slicknav_brand a svg path {
    fill: white !important;
}

body:not(.single) .slicknav_menu:not(.mobile-scrolled) .slicknav_icon-bar {
    background-color: #fff;
}
.blogImage img {
	max-width: 100%;
	height: auto;
	margin-bottom: 40px;
}

@media(max-width: 767px) {
    .logo {
        max-width: 127px;
        will-change: display;
    }
	

}


.logo-black {
    display: none;
    will-change: display;
}

/*.logo-white, .navbar-toggled-show .logo-white {
    display: none;
 will-change: display;
  
}*/

.logo-black, .navbar-toggled-show .logo-black {
    display: block;
	 will-change: display;
}

header {
    position: fixed;
    top: 0;
    z-index: 1053;
    width: 100%;
    padding: 1rem 1rem;
    transition: .3s ease-in-out;
	background-color: #ffffff !important;
}
#content header.entry-header-blog {
    position: relative !important;
    top: 300 !important;
    z-index: 1053;
    width: 100%;
    padding: 1rem 1rem;
    transition: .3s ease-in-out;
	background-color: #ffffff !important;
}
header.scrolled {
    background-color: #fff;
}

.single-header {
    background-color: #fff;
}

.single-header .logo-black{
    display: block;
}

/*.single-header .logo-white {
    display: none;
}*/

/*.logo-black {
    display: none;
}

.logo-white {
    display: none;
}*/

.logo-black {
    display: block !important;
}

@media(max-width: 1200px) {
    header{
        display: none;
    }
    
    .slicknav_brand img {
        max-width: 140px;
/*      display: none; */
    }
    
    .slicknav_nav {
        padding-top: 20px;
    }
    
    .slicknav_btn {
        background-color: transparent;
        padding: .6em .625em;
    }
    
    .ubermenu-sub-indicator {
        display: none !important;
    }
    
    .slicknav_arrow {
        font-size: 20px !important;
        color: #7f7f7f !important;
    }
}

/* CSS BY AMAN */
.special-button {
    width: 80% !important;
    display: block !important;
    margin: 0 auto;
}
.special-button.btn-outline-primary.checked:after {
    content: "\f058";
    font-family: "Font Awesome 5 Free";
    font-size: 14px !important;
    display: inline-block;
    text-align: right;
    float: right;
    position: relative;
    top: 2px;
}
.special-button.btn.btn-outline-primary.checkbox.checked:after {
    content: "\f14a";
}
.special-button.checked {
background: rgb(174 223 249);   
}

.btn-outline-primary:focus, .btn-outline-primary.focus {
    box-shadow: none !important;
}

.form-control:focus {
    border-color: #1f93cf;
}

.btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: rgb(174 223 249);
    border-color: rgb(174 223 249);
}


/* CSS BY HAMMAD */
/* #menu-item-741 {
    display: none;
} 

.page-template-t-new-home #menu-item-741,
.page-template-t-inverness #menu-item-741 {
    display: inline-block;
} */

.ubermenu .ubermenu-target {
    padding: 15px 10px !important;
}

p {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    color: #616061;
}

.ubermenu-nav {
    text-align: right !important;
}

.bg-primary-3 {
    background-color: #0099db !important;
}

.hero {
    padding-top: 170px;
}

.p-relative {
    position: relative;
}

section.hero > .divider-bottom {
    margin-top: 30px;
}

.bb-hero {
    background-image: url(https://www.brawband.co.uk/wp-content/uploads/2020/12/Buffering-coo-big-min.gif);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: contain;
    height: 100%;
    width: 100%;
    position: absolute;
    bottom: -5px;
    right: -10%;
}

.page-template-t-inverness .bb-hero {
    right: -15%;
}

.page-id-662 .bb-hero,
.page-id-697 .bb-hero {
    right: -10%;
}

@media only screen and (max-width: 1400px) {
    .bb-hero {
        background-position: right center;
        height: 90%;
        right: 12%;
    }
}

@media (max-width: 1024px) {
    .bb-hero {
        height: 80%;
        right: 0% !important;
    }
}

.hero-heading {
    font-size: 82px;
    line-height: 80px;
    max-width: 455px;
    margin-bottom: 15px;
}

.hero-heading span {
    display: block;
}

.bb-price-detail {
    display: flex;
    align-items: center;
}

.bb-price-detail .list-inline-item:not(:last-child) {
    margin-right: 8px;
}

.small-paragraph {
    font-size: 16px;
    line-height: 24px;
    font-weight: bold;
 /*   max-width: 230px;*/
    display: inline-block;
    letter-spacing: 0.5px;
}


.bb-price {
    line-height: 52px;
}

.bb-price sup {
    font-size: 24px;
    top: -22px;
}

.bb-month {
    font-size: 13px;
    line-height: 18px;
    max-width: 50px;
    color: #fff;
}

.bg-light {
    color: #0a4070;
    font-weight: bold;
    background-color: #ffffff !important;
    font-size: 16px;
	border: 2px solid #0a4070;
}

.hero .bg-light {
    margin-top: 25px;
}

.scrolled .bg-light {
    border: 2px solid #0a4070;
}

.single .single-header .ubermenu-main .ubermenu-item-level-0 > .ubermenu-target {
    color: #000000 !important;
}

.single .single-header .bg-light {
    border: 2px solid #0a4070 !important;
}

.loader-image {
    max-width: 100px;
}

.loader-image h3 {
    font-size: 18px;
    line-height: 38px;
    text-align: center;
    max-width: 100px;
}

.page-template-t-inverness .bb-card-box {
    padding-top: 80px;
}

.bb-card-box .card {
    border-radius: 24px;
    box-shadow: 10px 12px 22px 2px rgb(0 0 0 / 0.16) !important;
    height: 100%;
    /*min-height: auto;*/
}

.bb-card-box .card h4 {
    font-size: 24px;
    font-weight: 700;
    color: #003f70 !important;
}

.bb-card-box .card .price span,
.bb-card-box .card .per-month span {
    color: #003f70 !important;
}

.bb-card-box .card .bg-success-alt {
    background-color: #ccebf8;
    padding: 4px 5px;
    width: 24px;
    height: 24px;
}

/*.users-icon-list {
    flex-grow: 1;
}*/

.users-icon-list .bg-success-alt {
    width: 40px !important;
    height: 29px !important;
    padding: 6px 6px !important;

}

.bb-card-box .card .bg-success-alt i {
    font-size: 13px;
    line-height: 18px;
    color: #21a6df;
    text-align: center;
    display: block;
}

.bb-card-box .card h6 small {
    display: block;
    color: #009b72;
    font-size: 14px;
    font-weight: bolder;
}

.bb-card-box .card p {
    font-size: 16px;
    line-height: 22px;
    max-width: 260px;
    margin-bottom: 20px;
    color: #000;
    flex-grow: 1;
}

.bb-section-heading {
    font-weight: 700;
    margin-bottom: 20px;
    letter-spacing: -0.01em;
    line-height: 38px;
}

.bb-section-paragragh p {
    font-size: 16px;
    line-height: 24px;
    color: #616061;
}

.bb-left-image {
    background-image: url(https://www.brawband.co.uk/wp-content/uploads/2020/11/Asset.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 49%;
}

#what-is-full-fibre2 {
    background-color: #0099db;
    background-size: auto 100%;
}

@media (min-width: 992px) {
    #what-is-full-fibre2 {
        background-image: url(https://www.brawband.co.uk/wp-content/uploads/2021/07/meet-brawphone.png);
    }
}

@media (max-width: 992px) {
    #what-is-full-fibre2 {
        padding-top: 0px;
    }
}

#what-is-full-fibre2 * {
    color: #fff;
}

.btn-outline-white {
    border-color: #fff;
}

.bb-faqs {
    background-color: #F7F9FC !important;
}

.bb-faqs .display-4 {
    margin-bottom: 3rem;
}

.bb-faqs .collapse p {
    font-size: 16px;
    line-height: 24px;
    color: #616061;
}

.bb-faqs .collapse ul li {
    font-size: 16px;
    line-height: 24px;
    color: #616061;
    margin-bottom: 8px;
}

.faqs-template p {
    font-size: 18px;
    line-height: 28px;
    color: #fff;
}

.h-email-box {
    position: relative;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid #EAEDF2;
    border-radius: 0.3125rem;
    padding: 20px 0px;
/*  margin-top: 30px; */
}

.h-email-box p {
    font-size: 16px;
    margin-bottom: 0px;
    color: #000;
}

.h-email-box p a {
    color: #000;
}

.h-email-box p a:hover {
    color: #00684c;
}

.bb-inverness {
    padding: 100px 0px 0px;
}

.bb-inverness-post h2 {
    font-size: 40px;
    font-weight: bold;
    line-height: 48px;
    margin-bottom: 16px;
    color: #000;
    max-width: 450px;
}

.bb-inverness-post p {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    color: #616061;
    margin-bottom: 26px;
    max-width: 450px;
}

.bb-inverness-circle {
    width: 100%;
    max-width: 330px;
    height: 100%;
    min-height: 330px;
/*     border: 24px solid #dadada;
    border-radius: 50%;
    position: relative;
    text-align: center;
    padding: 60px 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; */
}

.progress {
    width: 100%;
    max-width: 330px;
    height: 330px;
    line-height: 330px;
    background: none;
    margin: 0 auto;
    box-shadow: none;
    position: relative;
}

.progress::after {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 24px solid #dadada;
    position: absolute;
    top: 0;
    left: 0;
}

.progress span {
    width: 50%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 1;
}

.progress-left {
    left: 0;
}

.progress-bar {
    width: 100%;
    height: 100%;
    background: none;
    border-width: 20px;
    border-style: solid;
    position: absolute;
    top: 0;
    border-color: #1F93CF;
}

.progress-left .progress-bar {
    left: 100%;
    border-top-right-radius: 165px;
    border-bottom-right-radius: 165px;
    border-left: 0;
    -webkit-transform-origin: center left;
    transform-origin: center left;
    /*animation: loading-2 1.5s linear forwards 1.8s;*/
}

.progress-right {
    right: 0;
}

.progress-bar {
    left: -100%;
    border-top-left-radius: 165px;
    border-bottom-left-radius: 165px;
    border-right: 0;
    -webkit-transform-origin: center right;
    transform-origin: center right;
    /*animation: loading-1 1.8s linear forwards;*/
}

.progress-value {
    display: flex;
    border-radius: 50%;
    font-size: 1rem;
    text-align: center;
    line-height: 20px;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    font-weight: 300;
}

.progress-value h2 {
    /*margin-top: 10px;*/
}

.progress-value h2 span {
    font-size: 12px;
    text-transform: uppercase;
    position: relative;
}

.bb-location {
    padding: 100px 0px 0px;
}

.bb-location h2 {
    font-size: 40px;
    font-weight: bold;
    line-height: 48px;
    text-align: center;
    color: #003f70;
    margin: 0px 0px 50px;
}

.bb-location h2 i {
    color: #0099db;
    margin-right: 6px;
}

.bb-location-img {
/*     background-image: url(https://www.brawband.co.uk/wp-content/uploads/2021/07/home-location-glasgow.png); */
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    height: 100%;
}

.bb-location a {
    width: 100%;
    max-width: 300px;
    height: 300px;
    margin: 0px auto;
    display: block;
}

.bb-location a img {
    width: 100%;
    min-height: 100%;
    display: block;
}

.main-card-box-heading {
    font-size: 40px;
    font-weight: bold;
    line-height: 48px;
    text-align: center;
    color: #003f70;
    margin: 0px;
}

/* FOOTER CSS BY HAMMAD */
.footer-1 {
    background-image: url(/wp-content/uploads/2020/10/brawband-footer-darker.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 80px !important;
}

.footer-logo {
    display: block;
    width: 100%;
}

.footer-logo img {
    max-width: 350px;
    display: block;
}

.footer-social {
    text-align: center;
    padding-top: 70px;
}

.footer-social li {
    line-height: 40px;
}

.footer-social .list-inline-item:not(:last-child) {
    margin-right: 70px;
}

.footer-social li a {
    font-size: 28px;
    line-height: 30px;
    color: #fff !important;
    text-align: center;
}

.footer-1 hr {
    margin-top: 25px !important;
}

.footer-1 p {
    font-size: 14px;
    margin-top: 15px;
    color: rgba(255, 255, 255, 0.7);
    margin-bottom: 0px;
}

.footer-inline-list a {
    position: relative;
    margin-right: 8px;
    display: inline-block;
}

.footer-inline-list a:after {
    content: '|';
    position: absolute;
    right: -8px;
    top: -1px;
}

.footer-inline-list a:nth-last-child {
    margin-right: 0px;
}

.footer-inline-list a:nth-last-child:after {
    content: none;
}


/* 
.footer-1 h5 {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #fff;
}
.footer-nav {
    padding: 0px;
    margin: 0px;
    list-style: none;
}

.footer-nav li {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
} 

.footer-nav li a {
    color: #fff;
}*/


@media (max-width: 992px) {
    .ubermenu-nav {
        text-align: left !important;
    }
    
    .hero {
        padding-top: 100px;
    }
    
    .hero-container {
        margin-bottom: 516px;
    }
    
    .bb-hero {
        background-position: center center;
        height: 67.5%;
        bottom: -5px;
        right: 0 !important;
    }

    .hero-heading {
        font-size: 60px;
        line-height: 70px;
        max-width: 100%;
    }
    
    .small-paragraph {
/*         font-size: 14px;
        line-height: 18px;
        max-width: 200px; */
    }

    .bb-price-detail {
        max-width: 410px;
        margin: 0px auto 20px;
    }

    .bb-price {
        line-height: 47px !important;
        font-size: 50px;
    }
    
    .bb-price sup {
        font-size: 16px;
        top: -22px;
    }

    .bb-month {
        font-size: 12px;
        line-height: 16px;
        text-align: left;
    }
    
    .hero .bg-light {
        margin-top: 6px;
    }
    
    .hero img {
        width: 100%;
        max-width: 77%;
        margin: 0px auto;
        position: absolute;
        bottom: -14%;
        left: 11%;
        right: auto;
    }
    
    .bb-card-box .card {
        min-height: 100% !important;
        margin-bottom: 30px;
        margin-top: 0px !important;
    }

    .bb-card-box .card h4 {
        font-size: 20px;
    }

    .per-month {
        font-size: 14px;
    }

    .bb-card-box .card p {
        font-size: 14px;
        line-height: 20px;
        max-width: 100%;
    }
    
    .bb-section-paragragh p {
        text-align: center;
        font-size: 15px;
        line-height: 22px;
    }

    .bb-section-heading {
        line-height: 34px;
        margin-bottom: 12px;
        max-width: 100% !important;
    }

    .bb-section-paragragh p:last-child {
        margin-bottom: 0px;
    }

    .bb-left-image {
        background-image: none;
    }
    
    .bb-location a {
        margin: 0px auto 40px;
    }
    
    .bb-location-img {
        background-size: contain !important;
    }
    
    .main-card-box-heading {
        margin: 0px 0px 30px;
    }
    
    .bb-inverness-post h2 {
        font-size: 36px;
        line-height: 46px;
        max-width: 100%;
    }
    
    .bb-inverness-post p {
        max-width: 100%;
    }
    
    .bb-inverness-post .btn-primary {
        margin-bottom: 40px;
    }
    
    .footer-logo img {
        max-width: 200px;
    }

    .footer-social {
        padding-top: 50px;
    }
    
    .footer-social .list-inline-item:not(:last-child) {
        margin-right: 50px;
    }
}
@media(min-width: 768px) {
    .logo {
        max-width: 200px;
        will-change: display;
    }
}
@media screen and (min-width: 312px) and (max-width: 768px){

.small-paragraph {	
	max-width: 700px !important;
	}
	.onlymobile {
		display: block !important;
		padding-top: 90px;
		background-color: #0099DB;

	}
}

@media (max-width: 767px) {
    .hero-container {
        margin-bottom: 333px;
    }

    .bb-hero {
        bottom: -64px;
    }
    
    .bb-price-detail {
        max-width: 100%;
        margin: 0px 0px 15px;
    }
    
    .small-paragraph {
        font-size: 14px;
        line-height: 18px;
	
    }
    
    .bb-price {
        line-height: 35px !important;
        font-size: 36px;
    }

    .bb-price sup {
        font-size: 14px;
        top: -15px;
    }
    
    .bb-month {
        font-size: 10px;
        line-height: 12px;
    }
    
    .bb-price-detail .list-inline-item:not(:last-child) {
        margin-right: 4px;
    }
    
    .bb-location h2 {
        font-size: 32px;
        line-height: 40px;
        margin: 0px 0px 30px;
    }

    .bb-location a {
        max-width: 250px;
        height: 250px;
        margin: 0px auto 25px;
    }
    
    .main-card-box-heading {
        font-size: 32px;
        line-height: 40px;
    }
}

 /*header .logo-link svg path {
    fill: white !important;
} */

@media(max-width: 765px) {
    body.home #content > *:first-child {
        padding-top: calc(3.75rem + 54px) !important;
    }

    body #content > *:first-child {
        padding-top: 54px !important;
    }
}

/*body:not(.single) header:not(.scrolled) .logo-link svg path {
    fill: white !important;
}*/


.logo-link svg {
    max-width: 220px;
}

@media(min-width: 768px) {
    .logo {
        max-width: 200px;
        will-change: display;
    }
}

.ubermenu-main .ubermenu-item-level-0 > .ubermenu-target {
    color: #000000 !important;
}

/*.scrolled .ubermenu-main .ubermenu-item-level-0 > .ubermenu-target {
    color: #000 !important;
}*/

.slicknav_menu {
    position: fixed;
    top: 0;
    z-index: 2;
    width: 100%;
    background: #0099DB;
	
}

.slicknav_menu {
    position: fixed;
    top: 0;
    z-index: 2;
    width: 100%;
    transition: .5s ease-in-out;
	background: #0099DB;
}

.slicknav_menu.mobile-scrolled {
   background: #0099DB;
    transition: .5s ease-in-out;
}

.slicknav_brand svg {
    width: 100%;
    position: relative;
    top: 4px;
}

/*body:not(.single) .slicknav_menu:not(.mobile-scrolled) .slicknav_brand a svg path {
    fill: white !important;
}*/

body:not(.single) .slicknav_menu:not(.mobile-scrolled) .slicknav_icon-bar {
   background-color: #fff;
}

@media(max-width: 767px) {
    .logo {
        max-width: 127px;
        will-change: display;
    }
}


.logo-black {
    display: none;
    will-change: display;
}

.logo-white, .navbar-toggled-show .logo-white {
    display: none;
 will-change: display;
}

.logo-black, .navbar-toggled-show .logo-black {
    display: block;
 will-change: display;
}

header {
    position: fixed;
    top: 0;
    z-index: 1053;
    width: 100%;
    padding: 1rem 1rem;
    transition: .3s ease-in-out;
	background-color: #0099DB;
}
#content header.entry-header-blog {
    position: relative !important;
    top: 300 !important;
    z-index: 1053;
    width: 100%;
    padding: 1rem 1rem;
    transition: .3s ease-in-out;
}
header.scrolled {
    background-color: #fff;
}

.single-header {
    background-color: #fff;
}

.single-header .logo-black{
    display: block;
}

/*.single-header .logo-white {
    display: none;
}

.logo-black {
    display: none;
}*/

/*.logo-white {
    display: none;
}*/
.logo-black {
    display: block;
}

@media(max-width: 1200px) {
    header{
        display: none;
    }
    
    .slicknav_brand img {
        max-width: 140px;
/*      display: none; */
    }
    
    .slicknav_nav {
        padding-top: 20px;
    }
    
    .slicknav_btn {
        background-color: transparent;
        padding: .6em .625em;
    }
    
    .ubermenu-sub-indicator {
        display: none !important;
    }
    
    .slicknav_arrow {
        font-size: 20px !important;
        color: #7f7f7f !important;
    }
}

/* CSS BY AMAN */
.special-button {
    width: 80% !important;
    display: block !important;
    margin: 0 auto;
}
.special-button.btn-outline-primary.checked:after {
    content: "\f058";
    font-family: "Font Awesome 5 Free";
    font-size: 14px !important;
    display: inline-block;
    text-align: right;
    float: right;
    position: relative;
    top: 2px;
}
.special-button.btn.btn-outline-primary.checkbox.checked:after {
    content: "\f14a";
}
.special-button.checked {
background: rgb(174 223 249);   
}

.btn-outline-primary:focus, .btn-outline-primary.focus {
    box-shadow: none !important;
}

.form-control:focus {
    border-color: #1f93cf;
}

.btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: rgb(174 223 249);
    border-color: rgb(174 223 249);
}


/* CSS BY HAMMAD */
.ubermenu-nav {
    text-align: right !important;
}

.bg-primary-3 {
    background-color: #0099db !important;
}

.hero {
    padding-top: 170px;
}

section.hero > .divider-bottom {
    margin-top: 30px;
}

.bb-hero {
    background-image: url(https://www.brawband.co.uk/wp-content/uploads/2020/12/Buffering-coo-big-min.gif);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: contain;
    height: 100%;
    width: 100%;
    position: absolute;
    bottom: -5px;
    /*right: -10%;*/
}

/* @media only screen and (max-width: 1500px) {
    .page-id-697 .bb-hero {
        background-position: right center;
        height: 90%;
        right: 0 !important;
    }
} */

@media only screen and (max-width: 1400px) {
    .bb-hero {
        background-position: right center;
        height: 90%;
        right: 12%;
    }
}

@media (max-width: 1024px) {
    .bb-hero {
        height: 80%;
        right: 0%;
    }
    
    .page-template-t-inverness .bb-hero {
        right: 0 !important;
    }
}

.hero-heading {
    font-size: 82px;
    line-height: 80px;
    max-width: 455px;
    margin-bottom: 15px;
}

.hero-heading span {
    display: block;
}

.bb-price-detail {
    display: flex;
    align-items: center;
}

.bb-price-detail .list-inline-item:not(:last-child) {
    margin-right: 8px;
}

/*.small-paragraph {
    font-size: 16px;
    line-height: 24px;
    font-weight: bold;
    max-width: 230px;
    display: inline-block;
    letter-spacing: 0.5px;
}*/

.page-id-697 .small-paragraph {
    max-width: 252px;
}

.bb-price {
    line-height: 52px;
}

.bb-price sup {
    font-size: 24px;
    top: -22px;
}

.bb-month {
    font-size: 13px;
    line-height: 18px;
    max-width: 50px;
}

.bg-light {
    color: #0a4070;
    font-weight: bold;
    background-color: #ffffff !important;
    font-size: 16px;
}

.hero .bg-light {
    margin-top: 25px;
}

/*.scrolled .bg-light {
    border: 2px solid #0a4070;
}*/

.loader-image {
    max-width: 100px;
}

.loader-image h3 {
    font-size: 18px;
    line-height: 38px;
    text-align: center;
    max-width: 100px;
}

.bb-card-box .card {
    border-radius: 24px;
    box-shadow: 10px 12px 22px 2px rgb(0 0 0 / 0.16) !important;
    height: 100%;
    /*min-height: auto;*/
}

.bb-card-box .card h4 {
    font-size: 24px;
    font-weight: 600;
    color: #ffffff !important;
    margin-bottom: 0px;
}

.bb-card-box .card .price span,
.bb-card-box .card .per-month span {
    color: #003f70 !important;
}

.bb-card-box .card .bg-success-alt {
    background-color: #ccebf8;
    padding: 4px 5px;
    width: 24px;
    height: 24px;
}

/*.users-icon-list {
    flex-grow: 1;
}*/

.users-icon-list .bg-success-alt {
    width: 40px !important;
    height: 29px !important;
    padding: 6px 6px !important;

}

.bb-card-box .card .bg-success-alt i {
    font-size: 13px;
    line-height: 18px;
    color: #21a6df;
    text-align: center;
    display: block;
}

.bb-card-box .card p {
    font-size: 16px;
    line-height: 22px;
    max-width: 260px;
    margin-bottom: 20px;
    color: #000;
    flex-grow: 1;
}

.bb-section-heading {
    font-weight: 700;
    margin-bottom: 20px;
    letter-spacing: -0.01em;
    line-height: 38px;
}

.bb-section-paragragh p {
    font-size: 16px;
    line-height: 24px;
    color: #616061;
}

.bb-left-image {
    background-image: url(https://www.brawband.co.uk/wp-content/uploads/2020/11/Asset.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 49%;
}

.bb-faqs {
    background-color: #F7F9FC !important;
/*     padding-bottom: 60px; */
}

.page-template-t-brawbuddy header {
    background-color: #ffffff;
}

.page-template-t-brawbuddy header.scrolled {
    background-color: #fff;
}

.page-template-t-brawbuddy .slicknav_menu {
    background-color: #0099db;
}

.page-template-t-brawbuddy .slicknav_menu .slicknav_icon-bar {
    background-color: #0099db !important;
}

.bb-buddy {
    background-color: #F7F9FC !important;
}

.buddy-logo {
    margin-bottom: 20px;
    width: 100%;
    max-width: 300px;
    height: 100%;
    max-height: 66px;
}

.buddy-list h3 {
    font-size: 22px;
    line-height: 28px;
    margin: 20px 0px 15px;
}

.buddy-list ul {
    padding: 0px;
    margin-bottom: 20px;
}

.buddy-list ul li:not(:last-child) {
    margin-bottom: 16px;
}

.buddy-list ul li .bg-success-alt {
    background-color: #ccebf8;
    padding: 4px 5px;
    width: 24px;
    height: 24px;
}

.buddy-list ul li .bg-success-alt i {
    font-size: 13px;
    line-height: 18px;
    color: #21a6df;
    text-align: center;
    display: block;
}

.buddy-list ul li p {
    font-size: 16px;
    font-weight: 700;
    line-height: 19.2px;
    margin-bottom: 0px;
    margin-left: 16px;
    color: #2C3038;
}

.circle-big {
    position: relative;
    width: 320px;
    height: 320px;
    margin: 0px auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.circle-big svg {
    width: 320px;
    height: 320px;
}

.circle-big .bg {
    fill: none;
    stroke-width: 20px;
    stroke: #E6E6E6;
}

.circle-big .progress {
    fill: none;
    stroke-width: 20px;
    stroke: #089cdc;
    stroke-linecap: round;
    stroke-dasharray: 647.56;
    stroke-dashoffset: 60;
    transform: rotate(-90deg);
    transform-origin: 50% 50%;
    animation: big 1.5s ease-in-out;
}

.circle-big .text {
    position: absolute;
    font-size: 46px;
    text-align: center;
    font-weight: bold;
    line-height: 36px;
    color: #000;
}

.circle-big .text .small {
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 20px;
    max-width: 240px;
    margin-top: 10px;
}

.bb-new-card-box {
    padding-top: 61px;
}

.bb-new-card-container {
    max-width: 1200px;
    padding-top: 49px;
}

.bb-new-card-container .card {
    border: 0px;
    border-radius: 20px 20px 0px 0px;
    min-height: 630px;
}

.bb-new-card-container .card-header {
    width: 100%;
    border: 0px;
    background: #0099DB;
    border-radius: 20px 20px 0px 0px;;
    padding: 34px 0px 27px;
    text-align: center;
}

.bb-new-card-container .card-header h4 {
    margin-bottom: 8px;
}

.bb-card-price {
    font-weight: 600;
    font-size: 64.8312px;
    line-height: 66px;
    color: #FFFFFF;
    margin-bottom: 6px;
}

.bb-card-per-month span {
    font-weight: 600;
    font-size: 22.961px;
    line-height: 27px;
    color: #ffffff !important;
}

.bb-new-card-container .card-body {
    padding: 20px 24px 29px;
    display: flex;
    flex-direction: column;
}

.bb-new-card-container .card-body ul {
    flex-grow: 1;
}

.bb-new-card-container .card-body ul li:not(:last-child) {
    margin-bottom: 10px;
}

.bb-new-card-container .card .bg-success-alt {
    width: 19px;
    height: 19px;
    padding: 5px 4px;
}

.bb-new-card-container .card .bg-success-alt i {
    font-size: 11px;
    line-height: 10px;
}

.bb-new-card-container .card .bg-primary-3 {
    width: 19px;
    height: 19px;
    padding: 5px 4px;
}

.bb-new-card-container .card .bg-primary-3 i {
    font-size: 11px;
    line-height: 10px;
    color: #fff;
    text-align: center;
    display: block;
}

.bb-new-card-container .card-body ul li h6 span {
    display: inline;
}

.bb-new-card-container .card-body ul li h6 {
    font-weight: 600;
    font-size: 17px;
    line-height: 20px;
    color: #616061;
}

.bb-card-amazon-prime-logo {
    max-width: 108px;
}

.bb-card-brawbox-logo {
    max-width: 93px;
}

.bb-card-brawboost-logo {
    max-width: 117px;
}

.btn-new-card-button {
    width: 100%;
    max-width: 219px;
    height: 62px
    ;background-color: #FFFFFF;
    border: 1px solid #0099DB;
    border-radius: 100px;
    padding: 15px 24px;font-weight: 700;
    font-size: 16px;
    line-height: 32px;
    text-align: center;
    color: #555A64;
    margin: 0px auto;
}

.btn-new-card-button:hover {
    background-color: #246f96;
    border-color: rgba(0, 0, 0, 0);
    color: #fff;
}

.btn-new-card-button:active {
    color: #fff;
    background-color: #009b72;
    border-color: #009b72;
}

.home-brawboost-wee {
    padding: 55px 0px 98px !important;
}

/* BRAWBOX PAGE */
.page-template-t-brawbox .container {
    max-width: 1140px;
}

.brawbox-hero {
    padding: 250px 0px 450px;
    background-image: url(/wp-content/uploads/2022/01/bg.jpg);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: 100% 100%;
}

/* .brawbox-hero::before {
    content: " ";
    width: 100%;
    height: 96px;
    background-image: url(/wp-content/uploads/2022/01/brawbox-shape.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 100% 100%;
    position: absolute;
    bottom: 0px;
} */

/* .bb-hero-image::before {
    content: " ";
    background-image: url(/wp-content/uploads/2022/01/netgem-tv-brand-board.png);
    background-repeat: no-repeat;
    background-position: center right;
    background-size: 100% auto;
    width: calc(75vw - 365px);
    min-height: 566px;
    position: absolute;
}

.brawbox-hero-image {
    right: 20px;
    top: 80px;
} */

/* .bb-brawbox-content {
    width: 100%;
    max-width: 387px;
    margin-left: auto;
} */

.vector-text {
    width: 100%;
    max-width: 413px;
    min-height: 72px;
}

.brawbox-hero h3 {
    font-weight: bold;
    font-size: 44px;
    line-height: 74px;
    margin-bottom: 20px;
}

.bb-hero-image img {
    width: 100%;
/*     max-width: 1035px;
    height: 100%;
    min-height: 507px;
    margin: 0px auto; */
}

.brawbox-hero-image {
    background-image: url(/wp-content/uploads/2022/01/netgem-tv-brand-board.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 53.5%;
    height: 100%;
    width: 100%;
    position: absolute;
    bottom: 45px;
    right: 16px;
}

.bb-prepare {
    padding-top: 0px;
    padding-bottom: 180px;
    background: #093E67;
}

.bb-prepare h2 {
    font-weight: 600;
    font-size: 36px;
    line-height: 49px;
    max-width: 560px;
    margin: 0px auto 20px;
}

.bb-prepare p {
    font-weight: 600;
    font-size: 17px;
    line-height: 20px;
    color: #fff;
    max-width: 757px;
    margin: 0px auto;
}

.bb-bundle-box {
    padding: 48px 0px 0px 48px;
    max-width: 946px;
    margin: 96px auto 0px;
    position: relative;
/*  background-image: url(/wp-content/uploads/2022/01/brawbox-mockup.png);
    background-position: right;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    z-index: 10; */
/*     width: 100%;
    max-width: 946px;
    margin: 96px auto 0px;
    padding: 48px;
    background-color: #FFFFFF;
    background-image: url(/wp-content/uploads/2022/01/brawbox-box-background.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px;
    position: relative;
    box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.4); */
}

.bb-bundle-box::before {
    content: " ";
    width: 100%;
/*     max-width: 946px; */
    height: 100%;
    background-color: #FFFFFF;
    background-image: url(/wp-content/uploads/2022/01/bundle-box-background.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px;
    box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.4);
    position: absolute;
    bottom: 0;
    left: 0px;
}

.bb-bundle-content {
    max-width: 370px;
    padding-bottom: 47px;
}

.bundele-section {
    margin-bottom: 36px;
}

.brawbox-logo-blue {
    max-width: 219px;
    margin-right: 19px;
}

.bundle-text {
    width: 100%;
    max-width: 122px;
    height: 36px;
    padding: 2px 12px;
    background: #093F67;
    border-radius: 4px;
    font-weight: bold;
    font-size: 24px;
    line-height: 34px;
}

.bb-bundle-content p {
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
    color: #555A64;
    max-width: 343px;
    margin: 0px 0px 15px;
}

.bb-bundle-content p span {
    color: #000;
}

.bb-bundle-content ul {
    display: flex;
    margin-bottom: 0px;
}

.bb-bundle-content ul li {
    display: inline-flex;
    align-items: center;
    flex-direction: column;
}

.bb-bundle-content ul li:not(:last-child) {
    margin-right: 12px;
}

.bb-bundle-content ul li h1 {
    font-weight: 600;
    font-size: 81.039px;
    line-height: 86px;
    color: #0099DB;
    margin-bottom: 10px;
}

.bb-bundle-content ul li h1 span {
    font-weight: 600;
    font-size: 28.7013px;
    line-height: 34px;
    max-width: 80px;
    display: inline-block;
}

.bb-bundle-content ul li .bb-save-price {
    color: #E6007E !important;
    margin-bottom: 20px !important;
}

.bb-ps-box {
    width: 114.61px;
    height: 114.61px;
    background: #000;
    border-radius: 50%;
    padding: 16px 0px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.bb-ps-box h4 {
    font-style: normal;
    font-weight: 600;
    font-size: 11.1431px;
    line-height: 16px;
    margin-bottom: 0px;
}

.bb-ps-box img {
    max-width: 87.98px;
    min-height: 39px;
    margin: 6px auto;
}

.btn-blue {
    width: 263px;
    height: 49px;
    background: #0099DB;
    border-radius: 100px;
    padding: 13px 15px;
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    color: #FFFFFF;
}

/* .bb-bundle-image {
    position: relative;
} */

.bb-bundle-image img {
    max-width: 606px;
    min-height: 516px;
    position: absolute;
    bottom: 0;
    right: -70px;
}

.brawbox-gallery {
    padding-top: 0px;
    padding-bottom: 47px;
}

.brawbox-page-content {
    position: relative;
    margin-top: -94px;
}

.bb-brawbox-gallery {
    display: flex;
    text-align: center;
}

.bb-brawbox-gallery li {
    display: inline-flex;
    align-items: center;
}

.bb-brawbox-gallery li:not(:last-child) {
    margin-right: 16px !important;
}

.bb-brawbox-carousel {
    display: none;
}

.bb-brawbox-carousel .carousel-item img {
    width: 100%;
    height: 217.83px;
}

.carousel-control-prev, 
.carousel-control-next {
    background: transparent;
    border: none;
    color: #000;
}

.brawbox-netgemtv {
    padding-top: 95px;
}

.brawbox-netgemtv img {
    max-width: 261px;
    margin-bottom: 33px;
}

.brawbox-netgemtv p {
    font-weight: 600;
    font-size: 17px;
    line-height: 24px;
    max-width: 715px;
    margin: 0px auto;
}

.bb-baw {
    padding: 200px 0px;
/*     padding: 240px 0px; 
    background-image: url(/wp-content/uploads/2022/01/baw-image.png), url(/wp-content/uploads/2022/01/bg-baw.png); */
    background-image: url(/wp-content/uploads/2022/05/baw-image-2.png), url(/wp-content/uploads/2022/01/bg-baw.png);
    background-position: right center, center center;
    background-repeat: no-repeat, no-repeat;
    background-size: auto 100%, 100% 382px;
    position: relative;
}

/* .bb-baw::before {
    content: " ";
    width: 100%;
    height: 381px;
    background: #CFCAC5;
    position: absolute;
    top: 108px;
    left: 0;
} */

/* .bb-baw .container-fluid {
    padding-top: 180px;
    padding-bottom: 180px;
} */

/* .bb-baw-content {
    width: 100%;
    max-width: 548px;
    margin-left: auto;
} */

.bb-baw-content h2 {
    font-weight: bold;
    font-size: 36px;
    line-height: 46px;
    color: #093E67;
    margin-bottom: 18px;
}

.bb-baw-content p {
    font-weight: 600;
    font-size: 17px;
    line-height: 24px;
    color: #555A64;
    max-width: 375px;
    margin-bottom: 39px;
}

/* .bb-baw-image {
    background-image: url(/wp-content/uploads/2022/01/baw-image.png);
    background-position: top right;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 613px;
} */

.bb-baw-image .bb-ps-box {
    width: 256px;
    height: 256px;
    padding: 43px 0px;
    display: block;
    margin-left: auto;
}

.bb-baw-image .bb-ps-box h4 {
    font-weight: 600;
    font-size: 24.8889px;
    line-height: 36px;
    text-align: center;
    color: #FFFFFF;
}

.bb-baw-image .bb-ps-box img {
    max-width: 196.51px;
}

.bb-brawbox-price-boxes {
    padding-top: 95px;
}

.bb-brawbox-price-boxes .card {
    box-shadow: 0px -17px 38px rgba(0, 0, 0, 0.3);
    border-radius: 19.4792px !important;
    min-height: 675.81px;
    border: 0px solid transparent;
    /* border-image-source: linear-gradient(180deg, #133F6C 47.92%, rgba(19, 63, 108, 0) 82.81%); */
    /* border-image-slice: 1; */
}

.bb-brawbox-price-boxes .card::after {
    content: " ";
    width: 103.1%;
    height: 100%;
    background: linear-gradient(180deg, #3E98D5 47.92%, rgba(62, 152, 213, 0) 82.81%);
/*     background: linear-gradient(180deg, #133F6C 47.92%, rgba(19, 63, 108, 0) 82.81%); */
    border-radius: 19.4792px !important;
    position: absolute;
    top: -4px;
    left: -4px;
    right: 0px;
    z-index: -1;
}

.bb-brawbox-price-boxes .card.bb-braw-one::after {
    background: linear-gradient(180deg, #3E98D5 47.92%, rgba(62, 152, 213, 0) 82.81%);
}

.bb-brawbox-price-boxes .card .card-header {
    background-color: #ffffff;
    border: none;
    border-radius: 19.4792px 19.4792px  0px 0px !important;
    padding: 43px 0px 0px 0px;
    display: block;
    min-height: 277.89px;
    display: flex;
    flex-direction: column;
}

.bb-brawbox-price-boxes .card .card-header h2 {
    font-weight: bold;
    font-size: 35px;
    color: #3E98D5;
    margin: 0px;
}

.bb-brawbox-price-boxes .card .card-header h3 {
    font-weight: 300;
    font-size: 23.74px;
    color: #133F6C;
}

.bb-brawbox-price-boxes .card .card-header p {
    font-weight: 300;
    font-size: 11px;
    line-height: 16.03px;
	color: #6C7077;
    flex-grow: 1;
}

.bb-brawbox-price-boxes .card .card-header p span {
    display: block;
    font-size: 14px;
    line-height: 20.4px;
}

.bb-brawbox-price-boxes .card .card-header .bb-card-price {
    font-weight: 300;
    font-size: 53.125px;
    line-height: 58px !important;
    color: #3E98D5;
    margin-bottom: 0px;
}

.bb-save-price {
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
    color: #E6007E !important;
	margin-bottom: 0px;
}

.bb-save-price span {
    text-decoration-line: line-through;
    color: #6C7077;
    margin-left: 13px;
}

.bb-brawbox-price-boxes .card .card-body {
    padding: 0px 10px 18.69px;
	display: flex;
    flex-direction: column;
}

.bb-brawbox-price-boxes .card .card-body ul {
    margin-top: 10px;
}

.bb-brawbox-price-boxes .card .card-body ul li {
    font-weight: 300;
    font-size: 10.3676px;
    color: #6C7077;
}

.bb-brawbox-price-boxes .card .card-body ul li span {
    font-weight: bold;
}

.bb-brawbox-price-boxes .card .card-body img {
    margin-bottom: 15px;
	flex-grow: 1;
}

.bb-brawbox-price-boxes .card .card-body .btn-new-card-button {
	max-width: 224px;
    height: 39.84px;
    padding: 8px 24px;
    font-weight: 400;
    font-size: 12.3854px;
    line-height: 22px;
    box-shadow: 0px 3.5416667461395264px 3.5416667461395264px 0px #00000040;
}

#netgem-channels-widget,
#x55zsza h2, 
#x55zsza p {
    font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}

#netgem-channels-widget {
    border: 2px solid #0099DB;
    padding: 76px 100px 43px;
}

#netgem-channels-widget h1[ntgm] {
    font-weight: 600 !important;
    font-size: 36px;
    line-height: 42px;
}

#netgem-channels-widget p {
    font-weight: 600;
    font-size: 17px;
    line-height: 20px;
    color: #555A64;
}

.categories span[ntgm] {
    font-weight: 600;
    font-size: 17px !important;
    line-height: 20px !important;
}

.types[ntgm] {
    margin: 40px 0px;
}

.types button[ntgm] {
    width: 112px;
    height: 28px;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    padding: 4px 22px !important;
}

.show-more button[ntgm] {
    width: 100%;
    max-width: 187px;
    height: 49px;
    border-radius: 100px;
    background-color: #fff !important;
    color: #0099DB !important;
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
}

.show-more button[ntgm]:hover {
    background-color: #0099DB !important;
    color: #fff !important;
}

div#netgem-marketing-widget {
    width: 80%;
    margin: 0px auto;
    padding: 40px 0px 115px;
}

#x55zsza h2 {
    font-weight: 600 !important;
    font-size: 36px !important;
    line-height: 20px !important;
    color: #0099DB;
}

#x55zsza p {
    font-weight: 600;
    font-size: 17px !important;
    line-height: 20px !important;
}

/* BRAWBOOST PAGE */
.page-template-t-brawboost .container {
    max-width: 1140px;
}

.brawboost-hero {
    padding: 280px 0px 300px !important;
}

.brawboost-hero .vector-text {
    min-height: 58px;
    margin-bottom: 24px;
}

.brawboost-hero .bb-price-detail .small-paragraph {
    max-width: 260px;
}

.brawboost-hero .bg-light {
    width: 100%;
    max-width: 263px;
    height: 49px;
    line-height: 27px;
    color: #0099DB;
    margin-top: 16px;
}

.bb-brawboost-hero {
    background-image: url(https://www.brawband.co.uk/wp-content/uploads/2022/03/brawboost-hero-image.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 54%;
    height: 100%;
    width: 100%;
    position: absolute;
    bottom: -19px;
    right: 30px;
}

.bb-page-content {
    position: relative;
    margin-top: -95px;
}

.bb-page-content .divider.divider-bottom {
    top: 0px;
}

.page-template-t-brawboost .bb-left-image {
    background-image: none;
    padding: 120px 0px 110px;
    position: relative;
}

.page-template-t-brawboost .bb-left-image::before {
    content: " ";
    width: 50%;
    height: 100%;
    background-image: url(https://www.brawband.co.uk/wp-content/uploads/2022/03/brawboost-left-image.jpg);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 62%;
    position: absolute;
    bottom: -23px;
    left: 23px;
}

.page-template-t-brawboost .bb-section-paragragh p {
    margin-bottom: 0px;
}

.page-template-t-brawboost .bb-section-paragragh p:not(:last-child) {
    margin-bottom: 16px;
}

.page-template-t-brawboost .bb-right-image {
    background-color: #F9F9F9;
    padding: 107px 0px 97px;
    position: relative;
}

.page-template-t-brawboost .bb-right-image::before {
    content: " ";
    width: 50%;
    height: 100%;
    background-image: url(/wp-content/uploads/2022/03/brawboost-right-image.jpg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 64%;
    position: absolute;
    top: 15px;
    right: -20px;
}

.brawboost-see {
    padding: 93px 0px 109px;
}

.brawboost-wee .container {
    max-width: 1226px;
}

.brawboost-see h2 {
    font-size: 36px;
    font-weight: 700;
    line-height: 49px;
    letter-spacing: 0em;
    margin-bottom: 27px;
    color: #000000;
}

.brawboost-wee {
    padding: 146px 0px 163px;
    background-color: #F9F9F9;
    position: relative;
}

.brawboost-wee h2 {
    font-size: 36px;
    font-weight: 700;
    line-height: 49px;
    letter-spacing: 0em;
    margin-bottom: 34px;
    color: #000000;
}

.brawboost-video {
    position: relative;
}

.brawboost-video-image {
    width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
}

.brawboost-video .hide {
    display: none;
}

.brawboost-box {
    background-color: #0099DB;
    padding: 62px 28px 34px;
    position: relative;
    border-radius: 20px;
}

.bb-brawbox {
    background-image: url(/wp-content/uploads/2022/03/brawbox-box-background.png);
    background-repeat: no-repeat;
    background-position: center right;
    background-size: 100% 100%;
}

.brawboost-box::before {
    content: " ";
    width: 50%;
    height: 100%;
    background-repeat: no-repeat;
    position: absolute;
    right: 0px;
    bottom: 0;
}

.bb-brawbox::before {
    background-image: url(/wp-content/uploads/2022/03/brawbox-image.png);
    background-position: center right;
    background-size: 82%;
}

.brawboost-box h3 {
    font-size: 24px;
    font-weight: 700;
    line-height: 33px;
    letter-spacing: 0em;
    color: #FFFFFF;
    margin-bottom: 26px;
}

.brawboost-box .bg-light {
    width: 100%;
    max-width: 263px;
    height: 49px;
    line-height: 27px;
    color: #0099DB;
    margin-top: 31px;
}

.bb-brawbox img {
    max-width: 235px;
    height: 41px;
    margin: 8px 0px 13px;
}

.bb-brawbox p {
    font-family: Nunito;
    font-weight: 600;
    font-size: 17px;
    line-height: 20px;
    color: #FFFFFF;
    max-width: 306px;
    margin-bottom: 0px;
}

.bb-brawphone::before {
    background-image: url(/wp-content/uploads/2022/03/brawphone-image.png);
    background-size: contain;
    background-position: right bottom;
}

.bb-brawphone img {
    max-width: 313px;
    height: 57px;
    margin-bottom: 5px;
}

.bb-brawphone p {
    font-family: Nunito;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #FFFFFF;
    max-width: 291px;
    margin-bottom: 0px;
}

.brawboost-image {
    width: 100%;
    display: none;
    height: auto !important;
    margin: 15px 0px 0px;
}

/* REFER A FRIEND PAGE */
.refer-hero p {
    max-width: 475px;
    font-weight: 600;
    font-size: 36px;
    line-height: 49px;
    color: #FFFFFF;
}

.refer-hero .bb-hero {
    background-image: url(https://www.brawband.co.uk/wp-content/uploads/2022/12/refer-hero-image50.png);
}

.bb-braw-customer {
    padding: 61.5px 0px 81px;
}

.bb-braw-customer h2 {
    font-weight: 700;
    font-size: 36px;
    line-height: 49px;
    color: #093E67;
    margin-bottom: 44px;
}

.bb-braw-customer p {
    font-weight: 700;
    font-size: 18px;
    line-height: 25px;
    color: #093E67;
    margin-bottom: 0px;
}

.bb-braw-customer p span {
    display: block;
}

.bb-braw-customer p:not(:last-child) {
    margin-bottom: 40px;
}

.bb-braw-customer-list {
    margin-top: 44px;
    margin-bottom: 80px;
}

.bb-braw-customer-list li {
    display: inline-flex;
    align-items: center;
    position: relative;
}

.bb-braw-customer-list li:not(:last-child) {
    padding-right: 38.5px;
    margin-right: 0px !important;
}

.bb-braw-customer-list li:not(:last-child)::before {
    content: " ";
    width: 50px;
    height: 4px;
    background: #093E67;
    position: absolute;
    top: 105px;
    right: -6px;
    z-index: -1;
}

.bb-braw-customer-box {
    max-width: 371px;
    min-height: 254px;
    background: #093E67;
    padding: 30px 33px 0px 44px;
    border-radius: 26px;
}

.bb-braw-customer-box h2 {
    font-weight: 500;
    font-size: 38px;
    line-height: 45px;
    color: #fff;
    margin-bottom: 14px;
}

.bb-braw-customer-box h3 {
    font-weight: 500;
    font-size: 26px;
    line-height: 31.67px;
    color: #fff;
    margin-bottom: 12px;
}

.bb-braw-customer-box p {
    font-weight: 500;
    font-size: 17px;
    line-height: 20.71px;
    color: #fff;
    margin-bottom: 0px;
}

.bg-refer {
    display: block;
    width: 100%;
    max-width: 309px;
    height: 62px;
    padding: 20px;
    background: #E6007E;
    border: none;
    border-radius: 100px;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    color: #FFFFFF;
    text-align: center;
    margin: 0px auto 40px;
}

.bg-refer:hover {
    background: #0099db;
    color: #fff;
    text-transform: none;
}

.bb-refer-logos {
    padding-top: 44px;
    margin-bottom: 87px;
}

.bb-refer-logos li:not(:last-child) {
    margin-right: 37px;
}

/* EDINBURGH PAGE */
.b-edinburgh-hero {
    padding-top: 190px;
    z-index: 1;
}

.b-edinburgh-hero::before {
    content: " ";
    width: 44.67%;
    height: 100%;
    background-image: url(/wp-content/uploads/2022/06/edinburgh-hero-after.png);
    background-repeat: no-repeat;
    background-position: left;
    background-size: 100% 100%;
    position: absolute;
    bottom: 0;
    left: 18%;
    z-index: 1;
}

.bb-edinburgh-hero-images {
    background-image: url(/wp-content/uploads/2022/06/edinburgh-hero-images.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 100% 100%;
    height: 100%;
    width: 57%;
    position: absolute;
    bottom: 0;
    right: 0px;
}

.b-edinburgh-hero .container {
    z-index: 2;
}

.bb-edin-heading {
    max-width: 460px;
    font-weight: 700;
    font-size: 48px;
    line-height: 56px;
    margin-bottom: 33px;
}

.b-edinburgh-hero .small-paragraph {
    color: #fff;
    max-width: 324px;
    margin-bottom: 10px;
}

.b-edinburgh-hero .bg-light {
    margin-top: 40px;
}

.b-edinburgh-hero .bb-hero {
    background-image: url(/wp-content/uploads/2022/06/edinburgh-spaceman.png);
    height: 92%;
    bottom: 0;
    right: -12%;
    z-index: 1;
}

.b-edinburgh-hero .divider-bottom {
    z-index: 2;
}


@media only screen and (max-width: 1500px) {
    .brawbox-hero {
        padding: 220px 0px 350px;
    }

    .brawbox-hero-image {
        background-size: 55.5%;
        bottom: 35px;
    }
    
    .bb-baw {
        padding: 160px 0px;
    }

    .brawboost-hero {
        padding: 230px 0px 250px !important;
    }
    
    .page-template-t-brawboost .bb-left-image::before {
        background-size: 80%;
    }
    
    .page-template-t-brawboost .bb-right-image::before {
        background-size: 80%;
    }
}

@media (max-width: 1300px) {
    .bb-baw {
        padding: 130px 0px;
    }

    .brawboost-hero {
        padding: 200px 0px 230px !important;
    }

    .page-template-t-brawboost .bb-left-image::before {
        background-size: 91%;
    }
    
    .page-template-t-brawboost .bb-right-image::before {
        background-size: 91%;
    }
}

@media (max-width: 1240px) {
    .bb-braw-customer-list {
        max-width: 1153px;
        margin: 44px auto 80px;
    }
    
    .bb-braw-customer-list li:not(:last-child) {
        padding-right: 15px;
    }
}

@media (max-width: 1200px) {
    .brawbox-hero {
        padding: 150px 0px 200px;
    }

    .brawbox-hero-image {
        background-size: 52%;
        bottom: 30px;
    }
    
    .bb-baw {
        padding: 80px 0px;
        background-size: auto 100%, 100% 300px;
    }
    
    .bb-bundle-image img {
        max-width: 550px;
        /* min-height: 450px; */
        right: -20px;
        bottom: -23px;
        object-fit: contain;
    }

    .brawboost-hero {
        padding: 150px 0px 150px !important;
    }

    .page-template-t-brawboost .bb-left-image {
        padding: 95px 0px 90px;
    }

    .page-template-t-brawboost .bb-left-image::before {
        background-size: 92%;
        bottom: -31px;
    }
    
    .page-template-t-brawboost .bb-right-image::before {
        background-size: 95%;
    }

    .brawboost-video-image {
        height: 100%;
    }

    .bb-brawphone::before {
        background-size: 80%;
    }
    
    .bb-brawbox::before {
        background-size: 70%;
    }
}

@media (max-width: 1193px) { 
    .bb-braw-customer-list {
        max-width: 1000px;
    }
    
    .bb-braw-customer-box {
        max-width: 320px;
    }
}

/* FOOTER CSS BY HAMMAD */
.footer-1 {
    background-image: url(/wp-content/uploads/2020/10/brawband-footer-darker.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 80px !important;
}

.footer-logo {
    display: block;
    width: 100%;
}

.footer-logo img {
    max-width: 350px;
    display: block;
}

.footer-social {
    text-align: center;
    padding-top: 70px;
}

.footer-social li {
    line-height: 40px;
}

.footer-social .list-inline-item:not(:last-child) {
    margin-right: 70px;
}

.footer-social li a {
    font-size: 28px;
    line-height: 30px;
    color: #fff !important;
    text-align: center;
}

.footer-1 hr {
    margin-top: 25px !important;
}


/* 
.footer-1 h5 {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #fff;
}
.footer-nav {
    padding: 0px;
    margin: 0px;
    list-style: none;
}

.footer-nav li {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
} 

.footer-nav li a {
    color: #fff;
}*/

@media (max-width: 1040px){
    .bb-braw-customer-list {
        max-width: max-content;
    }
    
    .bb-braw-customer-box {
        max-width: 300px;
        min-height: 309px;
        padding: 30px 33px 30px 44px;
    }
}

@media (max-width: 1024px) {
    .brawboost-hero {
        padding: 130px 0px 90px !important;
    }
    
    .bb-brawboost-hero {
        background-size: 55%;
        right: 12px;
    }
    
    .bb-page-content {
        margin-top: -50px;
    }
    
    .page-template-t-brawboost .bb-left-image {
        padding: 85px 0px 50px;
    }
    
    .page-template-t-brawboost .bb-left-image::before {
        background-size: 100%;
        bottom: -40px;
    }
}

@media (max-width: 992px) {
    .ubermenu-nav {
        text-align: left !important;
    }
    
    .hero {
        padding-top: 100px;
    }
    
    .hero-container {
        margin-bottom: 516px;
    }
    
    .bb-hero {
        background-position: center center;
        height: 67.5%;
        bottom: -5px;
    }
    
    .page-id-697 .bb-hero {
        width: 100%;
        right: 10px !important;
    }

    .hero-heading {
        font-size: 60px;
        line-height: 70px;
        max-width: 100%;
    }
    
    .small-paragraph {
/*         font-size: 14px;
        line-height: 18px;
        max-width: 200px; */
    }

    .bb-price-detail {
        max-width: 410px;
        margin: 0px auto 20px;
    }

    .bb-price {
        line-height: 47px !important;
        font-size: 50px;
    }
    
    .bb-price sup {
        font-size: 16px;
        top: -22px;
    }

    .bb-month {
        font-size: 12px;
        line-height: 16px;
        text-align: left;
    }
    
    .hero .bg-light {
        margin-top: 6px;
    }
    
    .hero img {
        width: 100%;
        max-width: 77%;
        margin: 0px auto;
        position: absolute;
        bottom: -14%;
        left: 11%;
        right: auto;
    }
    
    .bb-card-box .card {
        min-height: 100% !important;
        margin-bottom: 30px;
        margin-top: 0px !important;
    }

    .bb-card-box .card h4 {
        font-size: 20px;
    }

    .per-month {
        font-size: 14px;
    }

    .bb-card-box .card p {
        font-size: 14px;
        line-height: 20px;
        max-width: 100%;
    }
    
    .bb-section-paragragh p {
        text-align: center;
        font-size: 15px;
        line-height: 22px;
    }

    .bb-section-heading {
        line-height: 34px;
        margin-bottom: 12px;
        max-width: 100% !important;
    }

    .bb-section-paragragh p:last-child {
        margin-bottom: 0px;
    }

    .bb-left-image {
        background-image: none;
    }
    
    .bb-inverness {
        padding: 40px 0px 0px;
    }
    
    .brawbox-hero {
        padding: 140px 0px 100px;
        background-image: url(/wp-content/uploads/2022/01/bg-mobile.png);
    }

    .vector-text {
        max-width: 246px;
        min-height: 47px;
        margin-bottom: 30px;
    }

    .brawbox-hero h3 {
        font-size: 38px;
        line-height: 50px;
        margin-bottom: 35px;
    }

    .brawbox-hero .bg-light {
        max-width: 190px;
        display: block;
        margin: 0px auto 40px;
    }

    .brawbox-hero-image {
        display: none;
    }

    .bb-hero-image img {
        margin-top: 20px;
        max-width: 530px;
        min-height: 217px;
        margin: 20px auto 0px;
    }
    
    .bb-prepare {
        padding-top: 76px;
    }

    .bb-bundle-box {
        padding: 48px 28px 0px;
        margin: 50px auto 0px;
        max-width: inherit;
        background-color: #FFFFFF;
        background-image: url(/wp-content/uploads/2022/01/mobile-bundle-box-background.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        border-radius: 20px;
        box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.4);
    }

    .bb-bundle-image img {
        max-width: 100%;
        min-height: auto;
        position: relative;
        right: 0px;
        bottom: 0px;
        object-fit: cover;
    }

    .bb-bundle-box::before {
        content: none;
    }

    .bb-bundle-content {
        max-width: 370px;
        padding-bottom: 0px;
        margin: 0px auto;
        display: block;
    }

    .brawbox-netgemtv {
        padding-top: 50px;
    }

    .bb-baw {
        padding: 50px 0px 0px;
        background-image: none, url(/wp-content/uploads/2022/01/bg-baw.png);
        background-position: bottom , top center;
        background-size: auto 100%, 100% 660px;
    }

/*     .bb-baw::before {
        content: " ";
        background-image: url(/wp-content/uploads/2022/01/baw-image.png);
        background-repeat: no-repeat;
        background-position: bottom;
        background-size: 100% auto;
        width: 100%;
        height: 100%;
        position: absolute;
        bottom: 0px;
    } */

    .bb-baw-content {
        text-align: center;
    }

    .bb-baw-content p {
        margin-bottom: 39px;
        margin: 0px auto 39px;
    }

    .bb-baw-image {
/*      background-image: url(/wp-content/uploads/2022/01/baw-image.png); */
        background-image: url(/wp-content/uploads/2022/05/baw-image-2.png);
        background-repeat: no-repeat;
        background-position: bottom;
        background-size: 100% auto;
        min-height: 590px;
    }

    .bb-baw-image .bb-ps-box {
        margin: 160px auto 0px;
    }
	
	.bb-brawbox-price-boxes .card {
        margin-bottom: 30px;
    }
    
    .bb-brawbox-price-boxes .card::after {
        width: 102%;
		top: -7px;
		left: -7px;
    }
	
	.bb-brawbox-price-boxes .card .card-header {
		min-height: auto;
	}
    
    #netgem-channels-widget {
        width: 95% !important;
        margin: 0px auto !important;
        padding: 50px 50px 43px;
    }

    #netgem-channels-widget h1[ntgm] {
        font-size: 30px;
        line-height: 38px;
    }

    .types[ntgm] {
        margin: 30px 0 !important;
    }

    .categories span[ntgm] {
        line-height: 32px !important;
    }

    .categories[ntgm] {
        margin: 0px 0 !important;
    }

    .items[ntgm] {
        margin-top: 20px !important;
        padding: 20px 0px !important;
    }

    div#netgem-marketing-widget {
        width: 95%;
        margin: 0px auto;
        padding: 15px 0px 50px;
    }

    #x55zsza h2 {
        font-size: 30px !important;
        line-height: 20px !important;
        margin-bottom: 10px;
    }

    .brawboost-hero {
        padding: 100px 0px 70px !important;
    }
    
    .brawboost-hero .vector-text {
        max-width: 376px;
        min-height: auto;
        margin-bottom: 20px;
    }
    
    .brawboost-hero .bb-price-detail {
        max-width: 376px;
        margin: 0px auto 10px;
    }
    
    .brawboost-hero .bb-hero-image img {
        margin: 40px auto 0px;
    }
    
    .bb-brawboost-hero {
        display: none;
    }
    
    .page-template-t-brawboost .hero-container {
        margin-bottom: 0px;
    }
    
    .page-template-t-brawboost .bb-left-image {
        padding: 60px 0px;
    }
    
    .page-template-t-brawboost .bb-left-image::before {
        content: none;
    }
    
    .page-template-t-brawboost .bb-left-image img {
        margin: 0px auto 40px;
    }
    
    .page-template-t-brawboost .bb-right-image {
        padding: 60px 0px;
    }
    
    .page-template-t-brawboost .bb-left-image .bb-section-paragragh {
        max-width: 720px;
    }
    
    .page-template-t-brawboost .bb-right-image::before {
        content: none;
    }
    
    .brawboost-right-image {
        max-width: 720px;
        margin: 0px auto;
    }
    
    .brawboost-right-image img {
        margin-bottom: 40px;
    }
    
    .page-template-t-brawboost .bb-right-image .bb-section-paragragh {
        max-width: 720px;
    }

    .brawboost-see {
        padding: 60px 0px;
    }
    
    .brawboost-video {
        display: block;
        max-width: 720px;
        margin: 0px auto;
    }

    .brawboost-video video {
        height: auto;
    }
    
    .brawboost-wee {
        padding: 60px 0px;
    }
    
    .brawboost-wee .container {
        max-width: 720px;
    }
    
    .bb-brawbox {
        margin-bottom: 40px;
    }

    .brawboost-box::before {
        background-size: contain;
    }
    
    .bb-new-card-container {
        padding-top: 0px;
    }

    .page-template-t-home-new .bb-location {
        padding: 60px 0px 30px;
    }

    .home-brawboost-wee {
        padding: 55px 0px !important;
    }

    .hero-heading span {
        display: inline;
    }
    
    .refer-hero p {
        font-size: 28px;
        line-height: 41px;
        margin: 0px auto 16px;
    }
    
    .bb-braw-customer {
        padding: 60px 0px;
    }
    
    .bb-braw-customer h2 {
        margin-bottom: 20px;
    }
    
    .bb-braw-customer p:not(:last-child) {
        margin-bottom: 25px;
    }
    
    .bb-braw-customer-list {
        margin: 40px auto 50px;
    }
    
    .bb-braw-customer-list li:not(:last-child) {
        padding-right: 0px;
        padding-bottom: 30px;
    }
    
    .bb-braw-customer-list li {
        display: block;
    }
    
    .bb-braw-customer-list li:not(:last-child)::before {
        content: none;
    }
    
    .bb-braw-customer-list li:not(:last-child)::after {
        content: " ";
        width: 4px;
        height: 50px;
        background: #093E67;
        position: absolute;
        left: 100px;
        bottom: 0px;
        z-index: -1;
    }
    
    .bb-braw-customer-box {
        max-width: 380px;
        min-height: 254px;
    }

    .bg-refer {
        margin: 0px auto 25px;
    }
    
    .bb-refer-logos {
        padding-top: 25px;
        margin-bottom: 50px;
    }

    .b-edinburgh-hero::before {
        width: 45%;
        height: 57%;
        left: 0px;
    }
    
    .bb-edinburgh-hero-images {
        height: 57%;
        width: 100%;
    }
    
    .bb-edin-heading {
        font-size: 40px;
        line-height: 48px;
        margin: 0px auto 25px;
    }
    
    .b-edinburgh-hero .bb-price-detail {
        max-width: 165px !important;
    }
    
    .b-edinburgh-hero .small-paragraph {
        margin: 0px auto 10px;
    }
    
    .b-edinburgh-hero .bb-hero {
        height: 58.5%;
        right: 0 !important;
    }
    
    .footer-logo img {
        max-width: 200px;
    }

    .footer-social {
        padding-top: 50px;
    }
    
    .footer-social .list-inline-item:not(:last-child) {
        margin-right: 50px;
    }
}

@media (max-width: 767px) {
    .hero-container {
        margin-bottom: 333px;
    }

    .bb-hero {
        bottom: -64px;
    }
    
    .bb-price-detail {
        max-width: 100%;
        margin: 0px 0px 15px;
    }
    
    .small-paragraph {
        font-size: 14px;
        line-height: 18px;
    }
    
    .bb-price {
        line-height: 35px !important;
        font-size: 36px;
    }

    .bb-price sup {
        font-size: 14px;
        top: -15px;
    }
    
    .bb-month {
        font-size: 10px;
        line-height: 12px;
    }
    
    .bb-price-detail .list-inline-item:not(:last-child) {
        margin-right: 4px;
    }
    
    .bb-inverness {
        padding: 10px 0px 0px;
    }
    
    .brawbox-hero {
        padding: 140px 0px 50px !important;
    }

    .vector-text {
        margin: 70px auto 30px;
    }

    .bb-hero-image img {
        max-width: 100%;
        min-height: auto;
    }

    .bb-prepare {
        padding-top: 60px;
        padding: 60px 0px;
    }

    .bb-prepare h2 {
        font-size: 28px;
        line-height: 38px;
    }

    .bb-bundle-box {
        padding: 0px;
        background-size: 100% 100%;
        min-height: 816px;
    }
    
    .bb-bundle-content {
        padding: 48px 28px 0px;
/*         max-width: 100%; */
    }

    .bundele-section {
        margin-bottom: 20px;
    }

    .brawbox-logo-blue {
        max-width: 172.44px;
        margin-right: 14px;
    }

    .bundle-text {
        max-width: 96.07px;
        height: 28.35px;
        font-size: 19px;
        line-height: 26px;
        padding: 2px 9px;
    }

    .bb-bundle-content ul {
        display: block;
        margin: 20px 0px;
    }

    .bb-bundle-content ul li:not(:last-child) {
        margin-right: 0px !important;
    }

    .bb-bundle-content ul li h1 {
        text-align: center;
    }

    .bb-bundle-content ul li {
        display: block;
    }

    .bb-bundle-content ul li h1 span {
        text-align: left;
    }

    .bb-bundle-content ul li .bb-ps-box {
        margin: 15px auto 24px;
    }

    .bb-bundle-content .btn-blue {
        width: 189px;
        margin: 0px auto;
        display: block;
    }

    .bb-bundle-image img {
        max-width: 100%;
        min-height: 290px;
/*         position: absolute;
        top: -7px;
        left: 0px; */
    }

    .brawbox-gallery {
        padding: 33px 0px 80px;
    }

    .brawbox-page-content {
        margin-top: 0px;
    }
    
    .bb-brawbox-gallery {
        display: none;
    }
    
    .bb-brawbox-carousel {
        display: block;
    }

    .brawbox-netgemtv {
        padding-top: 30px;
    }

    .brawbox-netgemtv img {
        max-width: 250px;
        margin-bottom: 30px;
    }

    .bb-baw {
        background-size: 100% 455px;
    }

    .bb-baw-content p {
        margin: 0px auto 20px;
    }

    .btn-blue {
        width: 100%;
        max-width: 189px;
        display: block;
        margin: 0px auto;
    }

    .bb-baw-image {
        min-height: 280px;
/*         background-image: url(/wp-content/uploads/2022/01/baw-image-mobile.png); */
        background-image: url(/wp-content/uploads/2022/05/baw-image-2.png);
    }

    .bb-baw-image .bb-ps-box {
        width: 119px;
        height: 119px;
        padding: 22px 0px;
        margin: 100px auto 0px;
        box-shadow: 2px -10px 8px rgb(255 255 255 / 49%);
        position: relative;
    }

    .bb-baw-image .bb-ps-box h4 {
        font-size: 11.0557px;
        line-height: 16px;
    }

    .bb-baw-image .bb-ps-box img {
        max-width: 92px;
        min-height: 40.38px;
        margin: 2px auto;
    }
	
	.bb-brawbox-price-boxes .card::after {
        width: 102%;
        top: -4px;
        left: -4px;
    }
    
    #netgem-channels-widget {
        padding: 30px 20px 15px;
    }

    #netgem-channels-widget p {
        font-size: 16px;
        margin-bottom: 0px;
    }

    #netgem-channels-widget h1[ntgm] {
        font-size: 26px;
        line-height: 34px;
    }

    .types[ntgm] {
        margin: 25px 0 !important;
    }
    
    #x55zsza h2, #x55zsza p {
        width: 100% !important;
    }
    
    #x55zsza h2 {
        font-size: 26px !important;
    }

    .brawboost-see h2, .brawboost-wee h2 {
        font-size: 32px;
        line-height: 36px;
        margin-bottom: 20px;
    }

    .brawboost-box {
        padding: 30px 0px 0px 20px;
    }

    .bb-brawbox {
        margin-bottom: 30px;
    }
    
    .brawboost-box::before {
        content: none;
    }

    .brawboost-box-content {
        padding-right: 20px;
    }
    
    .brawboost-box-content img {
        max-width: 220px;
        height: auto;
    }

    .bb-brawbox img {
        margin: 0px 0px 13px;
    }

    .bb-brawphone img {
        margin-bottom: 13px;
    }
    
    .brawboost-box h3 {
        font-size: 21px;
        line-height: 26px;
        margin-bottom: 10px;
    }
    
    .brawboost-box p {
        font-size: 14px;
        line-height: 20px;
        max-width: 100%;
    }
    
    .brawboost-box .bg-light {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .brawboost-image {
        display: block;
        max-width: inherit !important;
        border-radius: 0px 0px 20px 0px;
    }

    .refer-hero p {
        font-size: 22px;
        line-height: 37px;
        max-width: 100%;
        margin: 0px 0px 16px;
    }
    
    .refer-hero .hero-container {
        margin-bottom: 425px;
    }
    
    .refer-hero .bb-hero {
        bottom: 0px;
    }
    
    .bb-braw-customer {
        padding: 50px 0px;
    }
    
    .bb-braw-customer h2 {
        font-size: 30px;
        line-height: 43px;
        margin-bottom: 15px;
    }
    
    .bb-braw-customer p:not(:last-child) {
        margin-bottom: 20px;
    }
    
    .bb-braw-customer-list {
        margin: 30px auto 40px;
    }
    
    .bb-braw-customer-list li:not(:last-child) {
        padding-bottom: 20px;
    }
    
    .bb-braw-customer-box {
        max-width: 100%;
        min-height: auto;
        padding: 30px 30px 34px;
    }
    
    .bb-braw-customer-box h2 {
        line-height: 40px;
        margin-bottom: 6px;
    }
    
    .bb-braw-customer-box h3 {
        font-size: 22px;
        line-height: 30px;
        margin-bottom: 10px;
    }
    
    .bg-refer {
        margin: 0px auto 15px;
    }
    
    .bb-refer-logos {
        padding-top: 15px;
        margin-bottom: 40px;
    }
    
    .bb-refer-logos li:not(:last-child) {
        margin-right: 0px;
        margin-bottom: 30px;
    }
    
    .bb-refer-logos li {
        display: block;
    }

    .b-edinburgh-hero .hero-container {
        margin-bottom: 400px;
    }

    .bb-edin-heading {
        font-size: 32px;
        line-height: 40px;
        margin: 0px auto 10px;
    }

    .b-edinburgh-hero .bb-price-detail {
        max-width: 132px !important;
        margin: 0px auto;
    }
}

/* @media (max-width: 400px) {
    .bb-bundle-image img {
        max-width: 100%;
        top: -5px;
    }
} */

/*  404 PAGE CSS  */
.error404 .hero {
    padding-bottom: 60px;
    padding-top: 120px;
}

.police-image {
    width: 100%;
    max-width: 250px;
    margin-bottom: 30px;
}

.error404 .hero p {
    color: #fff;
}

/* .hit-the-floor {
    font-size: 80px;
    line-height: 100px;
}*/

.error404 .hero a {
    font-size: 22px;
    color: #fff;
    margin-top: 20px;
    display: block;
}
@media (min-width: 992px){
.trustpilot-widget {
	text-align: right !important;
}
.trustpilot-widget iframe {
	display: inline-block !important;
	width: 230px !important;
    text-align: right;
	border-width: 0px !important;
	padding: 0px !important;
}
a.btn.bg-light.ml-lg-4.mr-3.mr-md-4.mr-lg-0.d-none.d-sm-block {
    margin-right: 0.5rem !important;
}
}

body {
    overflow-x: hidden;
}

.wp-block-image img {
    height: auto;
}

.bb-hero {
    background-image: url(http://brawband-dev.local/wp-content/uploads/2023/04/Brawband-Hero-Image-Woman-Happy.jpg);
}

.red-text {
    color: #ee0303 !important;
}

.bg-primary-3-1 {
    background-image: url(http://brawband-dev.local/wp-content/uploads/2023/09/brawband-hero-image-highland-cow-on-ipad.jpg);
    background-repeat: no-repeat;
    background-size: 140vh;
    background-position: bottom center !important;
}

.card-header-1 {
    background-image: url(http://brawband-dev.local/wp-content/uploads/2024/05/TheBairnSummer.png);
    background-repeat: no-repeat;
    background-size: 100%;
    padding-bottom: 40px;
    padding-left: 30px;
    padding-top: 200px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.card-header-3 {
    background-image: url(http://brawband-dev.local/wp-content/uploads/2023/09/The-Pure-Rapid-One.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    padding-bottom: 40px;
    padding-left: 30px;
    padding-top: 200px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.card-header-4 {
    background-image: url(http://brawband-dev.local/wp-content/uploads/2023/09/The-Belter-Pricing-Box-image.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    padding-bottom: 40px;
    padding-left: 30px;
    padding-top: 200px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.card-header-2 {
    background: #0099DA;
    padding: 15px 15px 0px 15px;
    border-top-left-radius: 0px;
    border-top-right-radius: 00px;

}

.bg-primary-refer {
    background-repeat: no-repeat;
    background-size: 140vh;
    background-position: bottom center !important;
}


.card-header-5 {
    background-image: url(http://brawband-dev.local/wp-content/uploads/2023/12/Refer-Step-1-1.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    padding-bottom: 40px;
    padding-left: 30px;
    padding-top: 200px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.card-header-6 {
    background-image: url(http://brawband-dev.local/wp-content/uploads/2023/12/Refer-Step-2-1.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    padding-bottom: 40px;
    padding-left: 30px;
    padding-top: 200px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.card-header-7 {
    background-image: url(http://brawband-dev.local/wp-content/uploads/2023/12/Refer-Step-3-1.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    padding-bottom: 40px;
    padding-left: 30px;
    padding-top: 200px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.card-header-8 {
    min-height: 200px;
    background: #0099DA;
    padding: 15px 15px 0px 15px;
    border-top-left-radius: 0px;
    border-top-right-radius: 00px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

.bb-refer-card-container {
    max-width: 1200px;
    padding-top: 49px;
}

.bb-refer-card-container .rcard {
    border: 0px;
    border-radius: 20px 20px 20px 20px;
    height: auto !important;
    box-shadow: 10px 12px 22px 2px rgb(0 0 0 / 0.16) !important;
}

.bb-refer-card-container .rcard-header {
    width: 100%;
    border: 0px;
    background: #0099DB;
    border-radius: 20px 20px 0px 0px;
    ;
    padding: 34px 0px 27px;
    text-align: center;
}


h2.refercardtext {
    font-size: 24px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
}

h4.refercardtext {
    font-size: 17px !important;
    font-weight: 600 !important;
    color: #ffffff !important;
}

@media (max-width: 992px) {
    h2.refercardtext {
        font-size: 26px !important;
        font-weight: 700 !important;
        color: #ffffff !important;
    }
}

@media (max-width: 992px) {
    h4.refercardtext {
        font-size: 17px !important;
        font-weight: 600 !important;
        color: #ffffff !important;
    }
}

.bg-refer {
    color: #0a4070;
    font-weight: bold;
    background-color: #ffffff;
    font-size: 16px;
    padding: 1.1875rem 2.25rem;
    border: 2px solid #ffffff;
    margin: 0px auto 0px;
}

.bg-refer:hover {
    color: #ffffff;
    font-weight: bold;
    background-color: #0099da !important;
    font-size: 16px;
    padding: 1.1875rem 2.25rem;
    border: 2px solid #ffffff;
}

#referphone {
    background-color: #ffffff;
    background-size: auto 100%;
}

@media (min-width: 992px) {
    #referphone {
        background-image: url(http://brawband-dev.local/wp-content/uploads/2023/12/BrawPhone.jpg);
    }
}

@media (max-width: 992px) {
    #referphone {
        padding-top: 0px;
    }
}

.card-header-3dec23 {
    background-image: url(http://brawband-dev.local/wp-content/uploads/2024/05/PureRapidSummer.png);
    background-repeat: no-repeat;
    background-size: 100%;
    padding-bottom: 40px;
    padding-left: 30px;
    padding-top: 200px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.card-header-4dec23 {
    background-image: url(http://brawband-dev.local/wp-content/uploads/2024/05/TheBelterSummer.png);
    background-repeat: no-repeat;
    background-size: 100%;
    padding-bottom: 40px;
    padding-left: 30px;
    padding-top: 200px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.slicknav_menu .slicknav_icon-bar {
    background-color: #fff !important;
    box-shadow: none;
}

.slicknav_arrow {
    color: #fff !important;
}

.slicknav_nav li a {
    color: #fff !important;
}

.ubermenu-target,
.ubermenu-submenu .ubermenu-target {
    color: rgba(0, 0, 0, .5) !important;
}

.card-header-0 {
    background: #003f70;
    padding: 10px 15px;
    border-top-left-radius: 0px;
    border-top-right-radius: 00px;
}

.card-header-tag {
    margin-bottom: 176px;
    padding-left: 20px;
    padding-right: 20px;
    height: 30px;
    font-size: 14px;
    background: #29b00b;
    width: fit-content;
    border-radius: 20px 0px;
    align-content: center;
}

.card-header-type {
    font-size: 16px;
}

/* Tooltip container */
.tooltip {
    font-family: 'Nunito';
    font-weight: 600;
    position: relative;
    display: inline-block;
    text-decoration: underline;
    opacity: 1;
    font-size: 16px;
    padding-left: 16px;
}

/* Tooltip text */
.tooltip .tooltiptext {
    font-family: 'Nunito';
    visibility: hidden;
    width: 250px;
    background-color: #003f70;
    color: #fff;
    text-align: left;
    padding: 15px 20px;
    border-radius: 6px;
    top: -5px;
    left: 65%;
    position: absolute;
    z-index: 1;
}

@media (max-width:500px) {
    .tooltip .tooltiptext {
        font-family: 'Nunito';
        visibility: hidden;
        width: 250px;
        background-color: #003f70;
        color: #fff;
        text-align: left;
        padding: 15px 20px;
        border-radius: 6px;
        top: -5px;
        left: 0%;
        position: absolute;
        z-index: 1;
    }
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
}

.tooltip .tooltiptext::after {
    content: " ";
    position: absolute;
    top: 15%;
    right: 100%;
    /* To the left of the tooltip */
    margin-top: -5px;
    border-width: 7.5px;
    border-style: solid;
    border-color: transparent #003f70 transparent transparent;
}

.avg-speed {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.speed-text {
    font-weight: 600;
    color: #fff;
    font-size: 48px;
    line-height: 50px;
    margin-bottom: 0px;
}

.speed-text-unit {
    font-weight: 600;
    color: #fff;
    font-size: 28px;
    line-height: 50px;
    margin-bottom: 0px;
    margin-left: -10px;
}

.price-box-iconbox {
    width: 40px;
    margin-right: 10px;
    margin-left: 10px;
}

.price-box-icon {
    width: 30px
}

.price-pm {
    display: flex;
    margin-top: 10px;
    margin-bottom: -30px;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
}

.price-pm-textbox {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 0px;
}

.price-pm-text {
    font-weight: 600;
    color: #fff;
    font-size: 36px;
    line-height: 26px;
    margin-bottom: 0px;
}

.price-pm-text-sub {
    font-weight: 600;
    color: #fff;
    font-size: 18px;
    line-height: 27px;
    margin-bottom: 20px;
}

.guaranteed-speed {
    display: flex;
    align-self: center;
    font-size: 12px;
    flex-wrap: nowrap;
    justify-content: center;
    font-weight: 800;
    padding: 10px;
    color: #003f70;
}

.bg-primary-green {
    background-color: #29b00b !important;
}

.bb-new-card-container .card .bg-primary-green {
    width: 19px;
    height: 19px;
    padding: 5px 4px;
}

.bb-new-card-container .card .bg-primary-green i {
    font-size: 11px;
    line-height: 10px;
    color: #fff;
    text-align: center;
    display: block;
}

.bb-new-card-container .card-body ul li h6 {
    font-size: 16px !important;
}

.bb-new-card-container .card {
    border-radius: 20px;
}

@media (max-width:768px) {
    .testimonials-2 {
        display: none
    }
}

@media (min-width: 1200px) {
    .trustpilot-widget {
        text-align: right !important;
    }
}

@media (max-width: 1200px) {
    .trustpilot-widget {
        text-align: center !important;
    }
}

@media screen and (min-width: 312px) and (max-width: 1200px) {

    .onlymobile {
        display: block !important;
        padding-top: 90px;
        background-color: #0099DB;

    }
}

.btn-primary:not(:disabled):not(.disabled):active {
    background-color: #246f96;
    border-color: #246f96;
}

.card>[data-toggle="collapse"][aria-expanded="false"]:hover h6,
.card>[data-toggle="collapse"][aria-expanded="true"] h6 {
    color: #0099da
}

a {
    color: #0099da
}

a:hover {
    color: #0a4070;
}

.btn-outline-primary:hover {
    background-color: #0099da;
    border-color: rgba(0, 0, 0, 0);
    color: #fff;
}

.btn-outline-primary {
    border-color: #0099da29;
}

.blog-page {
    color: #2C3038 !important;
    font-size: 1.5rem;
    border: none !important;
}

@media (min-width:992px) {
    .blog-title {
        width: fit-content;
    }
}

.blog-section {
    padding-top: 40px;
}

.bb-faqs {
    background-color: #ffffff !important;
}

@media (max-width: 992px) {
    .footer-logo img {
        max-width: 120px;
    }
}

.footer-logo img {
    max-width: 120px;
}

.tldr {
    background-color: #0099da10;
    color: #0099da;
    padding: 40px;
    border-radius: 20px;
    width: 50%;
    float: right;
    margin-left: 20px;
    margin-bottom: 20px;
}

@media (max-width:768px) {
    .tldr {
        width: 100%
    }
}

.tldr ul {
    padding-inline-start: 20px
}

.tldr h3 {
    color: #0099da
}

.figure {
    text-align: left !important;
}

.alert-danger {
    display:none;
    width: 100vw;
    font-family: 'Nunito', sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    padding: 10px;
    margin-top: -1rem;
    margin-bottom: 20px;
    border: 1px solid transparent;
    color: #ffffff;
    background-color: #a94442!important;
    border-color: #a94442;
    border-width: 2px;
}

.alert-danger:is(.service-disruption){
    display:block;
}

#header-top:is(.service-disruption){margin-top:50px;}

.row {margin-left:0;margin-right:0}