/*import google fonts */

@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oxygen:wght@300;400;700&display=swap');

/** Please add your Custom CSS here **/
.pricing-list {
    list-style: none !important;
    padding-left: 30px !important;  /* left padding */
    padding-right: 30x !important;  /* right padding */
}

.pricing-list li {
    position: relative !important;
    padding-left: 26px !important;
    margin-bottom: 10px !important;
}

.pricing-list li::before {
    content: "\e013" !important;
    font-family: 'Glyphicons Halflings' !important;
    font-size: 16px !important;
    color: white !important;
    position: absolute !important;
    left: 0 !important;
    top: 3px !important; /*Nudge icon down slightly for better alignment */
}
.testimonial-pad {padding-top: 50px;}
.modal-pad {padding:30px;}
.centertext {text-align:center;}
.iconpad {margin-bottom: 18px; max-height:150px;}
.iconpad2 {margin-bottom: 10px; max-height:125px;}
@media (max-width: 767px) {
	.hide-div {display: none;}
	.iconpad {margin-top: 25px;}
	.steps {margin-bottom:60px;}
}
.hide-div h2 {line-height: 30px;}
.30-pad {padding-bottom: 100px;}
.padding-50 {padding: 50px 0;}
.padding-75 {padding: 75px 0;}
.glyph-pad {padding-right: 10px;}
.icon2 {
    font-size: 75px;
    color: #29A7A7; padding-right: 20px; padding-left: 10px;}
.padding-25-map {margin-top: 5px; margin-bottom: 0; padding-bottom: 0;}
#mapdiv2  {height: 715px;}
.lead-in-text {  margin-bottom: 30px; font-size: 22px; font-weight: 400; line-height: 1.4;}
.responsiveimg {max-width:100%}
.nhs-111 {max-width:100%}
.side-banner {max-width:100%; margin-top: 10px; margin-bottom: 20px;}
.padding-top { margin-top: 110px;}
.intro-padding { margin-top: 75px; margin-bottom: 50px;}
.padding-bottom { margin-bottom: 110px;}
.logos-pad {margin 25px;}
.label-1 {padding-top: 30px;}
p {font-size: 18px; line-height: 26px; margin-bottom: 24px; font-weight: 400;}
.spotlight-container p {font-size: 18px; line-height: 26px; margin-bottom: 24px;}
.cta-primary p {margin-top: 24px; color: #fff; font-weight:600;}
.cta-primary .btn {margin-top: 15px;}
.page-banner { margin-bottom: 30px;}
.blue-border {border-bottom: solid 5px #25ADB7;}
.bg-photo {border-bottom: solid 0px #25ADB7;}	
html {  scroll-behavior: smooth;}
ul {font-size: 18px; line-height: 25px; margin-bottom: 24px; font-weight: 400;}
ol {font-size: 18px; line-height: 25px; margin-bottom: 24px; font-weight: 400;}
li {margin-bottom: 18px;}
.btn-margin-btm {margin-bottom: 36px;}
.dropdown-menu li { margin-bottom:0; text-align: left;}
.sidebar li {margin-bottom:0;}
#sidebar-info p {font-size:16px; line-height: 1.4;}
.sidebar-header2 {color: #25ADB7; margin-top: 20px;}
.page-section a {
	color: #25ADB7;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #25ADB7;
}
.page-section a:hover, a:focus {
    color:#127D8F;
    text-decoration: none;
    outline: none
	border-bottom-style: dotted;
	border-bottom-color: #127D8F;
}

@media (max-width: 768px) {
.page-section {padding: 50px 0;}
padding-top { margin-top: 50px;}
.padding-bottom { margin-bottom: 50px;}
.intro-padding { margin-top: 50px; margin-bottom: 50px;}
.padding-75 {padding-top: 55px; padding-bottom: 75px;}
.padding-30 {padding: 30px 0;}
.contact-details {margin-top: 35px;}
.padding-25-map {margin-top: 0px; margin-bottom: 0; padding-bottom: 0;}
}	

/* Hide side and bottom links on mobile */
@media (max-width: 768px) {
#sidelinks {display:none;}
#sidebar-info p {font-size:18px; line-height: 26px;}
#poster {display:none;}
#quick-links1 {display:none;}
#quick-links2 {display:none;}
#quick-links3 {display:none;}
}

/* Logo (change width here) */
.logo1 {max-width:100%}

@media (max-width: 550px) {
.logo1 {max-width:72%}
}


/* Alternating text/image sections: shared horizontal spacing.
   Uses existing markup on all pages; no new HTML classes are required.
   Text columns use .spotlight-container; accompanying image columns use
   .padding-0 in the same .row (including Bootstrap push/pull layouts).
   Keep desktop image columns unpadded. Below 992px, inset the stacked
   image 15px from the left and add 10px right padding. Reduce its width
   by the left margin so it stays within the row.
*/
.page-section .row > .spotlight-container {
    padding-left: 15px;
    padding-right: 15px;
}

@media (max-width: 991px) {
    .page-section .row > .spotlight-container ~ .padding-0 .img-responsive {
        margin-left: 15px;
        padding-right: 10px;
        width: calc(100% - 15px);
        max-width: calc(100% - 15px);
    }
}


/* Alternating text/image sections: vertically centre existing columns on
   desktop. Applies to themes, design process, FAQs and other sections using
   .spotlight-container, without adding classes to their HTML. Bootstrap's
   push/pull positioning is preserved. Below 992px the normal stack remains.
   Hide clearfix pseudo-elements so they do not become extra flex items.
*/
@media (min-width: 992px) {
    .page-section .row:has(> .spotlight-container) {
        display: flex;
        align-items: center;
    }

    .page-section .row:has(> .spotlight-container)::before,
    .page-section .row:has(> .spotlight-container)::after {
        display: none;
    }
}