.main-banner {
padding: 4em 4.7em 5em;
background: url(//www.safeguardsecurity.co.uk/wp-content/uploads/2022/04/027.jpg);
background-position: center;
background-size: cover;
position: relative;
}
.banner-content-list {
flex: 1;
width: auto !important;
background-color: #000;
padding: 30px;
}
.banner-new .video-and-benifit-points-wrap {
align-items: center;
}
.banner-new .video-pop-up-wrap {
flex: 1;
width: auto;
}
.banner-content-list h3.banner-title {
width: 100%;
}
.list-buttons {
padding: 20px;
background-color: #fff;
}
.list-items {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.list-items ul {
width: calc(50% - 10px);
}
.banner-content .banner-content-list li {
color: #000 !important;
padding-left: 34px;
margin-bottom: 20px;
}
li.free-delivery strong {
background-color: #ed702e;
color: #fff;
padding: 5px 8px 7px;
}
.banner-content-list ul li::before {
display: none
}
.banner-content-list li img {
position: absolute;
width: 24px;
height: 24px;
background-color: #7dc65f;
border-radius: 50%;
padding: 5px;
left: 0;
top: -1px;
}
.list-buttons {
background-color: #fff;
padding: 20px 25px;
margin-top: 30px;
}
.banner-new .banner-cta-btns-wrap {
width: 100%;
margin-top: 10px;
}
.banner-new .banner-cta-btns-wrap .x-btn {
flex: 1;
}
@media (max-width: 768px) {
.main-banner {
padding-left: 15px;
padding-right: 15px;
padding-top: 2em;
padding-bottom: 18px;
margin-bottom: 15px;
background: #000;
}
.banner-content-list {
flex: auto !important;
padding: 0 !important;
}
.list-buttons {
margin-bottom: 30px;
}
.list-items {
flex-direction: column;
}
.list-items ul {
width: 100% !important;
}
.banner-content .banner-content-list li {
margin-bottom: 18px;
}
.banner-new .video-and-benifit-points-wrap {
margin-top: 10px;
}
.pop-up-video-container {
padding-bottom: 10px;
}
.list-buttons {
padding: 20px !important;
}
.banner-new .banner-cta-btns-wrap {
margin-top: 0 !important;
padding-top: 2px;
}
}
.main-banner::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: #00000066;
}
.video-and-benifit-points-wrap {
display: flex;
gap: 3rem;
margin-top: 1.5rem;
}
@media (max-width: 768px) {
.video-and-benifit-points-wrap {
flex-wrap: wrap;
gap: 0;
}
}
.video-and-benifit-points-wrap > :nth-child(1) {
width: 40%;
}
.video-and-benifit-points-wrap > :nth-child(2) {
width: 60%;
}
@media (max-width: 768px) {
.video-and-benifit-points-wrap > :nth-child(1),
.video-and-benifit-points-wrap > :nth-child(2) {
width: 100%;
}
}
.video-and-benifit-points-wrap ul li {
font-size: 14px !important;
}
.banner-content {
max-width: 100%;
position: relative;
}
.banner-content h3 {
text-transform: uppercase;
font-size: 2.5rem;
color: #fff;
width: 50%;
line-height: 1.1;
margin: 0 !important;
padding-right: 3rem;
}
@media (max-width: 768px) {
.banner-content h3 {
width: 100%;
}
}
.banner-content ul {
list-style: none;
margin: 0;
}
.pop-up-video-container {
padding-bottom: 1.5rem;
}
.video-pop-up-wrap {
position: relative;
width: max-content;
}
@media (max-width: 768px) {
.video-pop-up-wrap {
width: 100%;
}
}
.banner-content ul li {
margin-bottom: 8px;
position: relative;
padding-left: 25px;
color: #fff !important;
}
.banner-content ul li::before {
content: "";
position: absolute;
width: 16px;
height: 16px;
top: 1px;
left: 0;
background: url(//www.safeguardsecurity.co.uk/wp-content/uploads/2024/07/check_mark.png);
background-size: cover;
} .banner-cta-btns-wrap {
width: 40%;
display: flex;
align-items: center;
justify-content: center;
}
.banner-cta-btns-wrap.mobile {
display: none;
}
@media(max-width: 768px) {
.banner-cta-btns-wrap.desktop {
display: none;
}
.banner-cta-btns-wrap.mobile {
display: flex;
}
}
.banner-cta-btns-wrap .x-btn {
border-radius: 100px !important;
border: 3px solid #000 !important;
font-size: 14px !important;
}
.banner-cta-btns-wrap > :first-child {
background-color: white !important;
color: #000 !important;
}
@media (max-width: 768px) {
.banner-cta-btns-wrap {
width: 100%;
gap: 10px !important;
padding-top: 1rem; }
.banner-cta-btns-wrap .x-btn {
padding: 12px 8px !important;
font-size: 13px !important;
margin: 0 !important;
}
.banner-cta-btns-wrap > :first-child {
width: 40% !important;
}
.banner-cta-btns-wrap > :nth-child(2) {
width: 60% !important;
}
} body.home .get-photo-quote {
background: url(//www.safeguardsecurity.co.uk/wp-content/uploads/2022/12/sectional-31.jpeg);
background-size: cover;
}
body.home .get-in-touch {
background: url(//www.safeguardsecurity.co.uk/wp-content/uploads/2024/06/get_in_touch.jpg);
background-size: cover;
}
.image-bg-col {
position: relative;
}
.image-bg-col::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #0000008c;
}
.image-bg-col h2,
.image-bg-col .x-text {
color: #fff;
position: relative;
}
.image-bg-col .x-text {
margin: 20px 0 25px;
}
.get-started {
background: url(//www.safeguardsecurity.co.uk/wp-content/uploads/2024/07/home_contact_us_bg.jpg);
background-size: cover;
background-position: center;
padding: 4em 0 !important;
position: relative;
}
.get-started::before {
content: "" !important;
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100%;
background-color: #00000070;
}
.get-started .x-text {
margin-bottom: 20px !important;
}
#cta_wrapper { }
#x-section-7 .x-img {
filter: brightness(1.2);
}
.x-container.cs-ta-center.marginless-columns.clients {
display: flex;
flex-wrap: wrap;
}
.x-container.cs-ta-center.marginless-columns.clients .x-column {
padding: 0 !important;
margin: 0 !important;
width: 20%;
}
.x-container.cs-ta-center.marginless-columns.clients .x-column img {
max-width: 75%;
}
.ss-post {
display: flex;
flex-wrap: wrap;
}
.ss-post .post-item {
width: 33.333%;
padding: 15px;
}
.post-item-details {
height: 100%;
background-color: #ffffff;
padding: 15px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.post-item-img {
min-height: 220px;
position: relative;
margin: -15px -15px 0;
}
.post-item-details h3 a {
text-transform: none;
display: block;
margin: 25px 0 0;
font-size: 1.475rem;
}
.post-item-details h3 {
margin-bottom: 6px !important;
}
.post-item-details p.date {
font-size: 15px;
margin-bottom: 15px;
}
.post-item-img a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.post-item-img a img {
width: 100%;
height: 100%;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.expandable-safety-barriers p {
color: #fff;
}
.expandable-safety-barriers .x-anchor-button {
border: 3px solid white !important;
border-radius: 100px !important;
background-color: rgb(125, 198, 95) !important;
padding: 0px 10px;
text-transform: uppercase;
font-weight: 600;
}
.ideal-for-text {
color: #fff !important;
}
.ideal-for-text {
display: flex;
justify-content: space-between;
background-color: #f7700a;
margin-bottom: 20px;
padding: 8px 20px;
font-size: 18px !important;
font-weight: 600 !important;
color: #000 !important;
}
.main-features ul {
list-style: none;
margin-left: 0;
}
.main-features ul li {
list-style: none;
margin-bottom: 13px;
position: relative;
padding-left: 30px;
color: #fff !important;
}
.main-features ul li::before {
content: "";
position: absolute;
width: 16px;
height: 16px;
top: 3px;
left: 0;
background: url(//www.safeguardsecurity.co.uk/wp-content/uploads/2024/07/check_mark_brown.png);
background-size: cover;
}
.main-features {
margin-top: 25px;
display: flex;
}
#cs-content .x-section {
padding-left: 4.7em;
padding-right: 4.7em;
} #get_free_estimate {
padding: 0.5em 4.7em 2.5em;
}
@media (max-width: 768px) {
#get_free_estimate {
padding: 2rem;
}
} .free_estimate_info {
padding-right: 6rem;
}
#free_estimate_mobile {
display: none; 
}
@media (max-width: 678px) {
#free_estimate_mobile {
display: block; 
} .free-estimate-mobile-cta-wrap * {
font-size: 13px !important;
}
.banner-content {
max-width: 100%;
}
.banner-content iframe {
width: 100% !important;
height: 190px;
}
.banner-content h3 {
font-size: 2rem;
padding-right: 0;
}
.free-estimate-points {
list-style: none;
}
.free-estimate-points li {
font-size: 14px !important;
font-weight: 900 !important;
}
img.security-door-grilles {
width: 100%;
}
body.home .image-bg-col {
padding: 20px 20px 35px !important;
}
div#x-section-8 {
margin-top: 30px !important;
}
.x-container.cs-ta-center.marginless-columns.clients {
margin-left: 0 !important;
margin-right: 0 !important;
width: 100% !important;
}
.x-container.cs-ta-center.marginless-columns.clients .x-column {
width: 33.333%;
display: flex;
justify-content: center;
align-items: center;
}
.x-container.cs-ta-center.marginless-columns.clients .x-column img {
margin-bottom: 0 !important;
margin-top: 0 !important;
}
.ss-post .post-item {
width: 100%;
}
.ss-post .post-item .post-item-details {
background-color: #fff;
padding: 15px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
#x-section-3 hr.x-gap.mobile-show {
margin-top: 10px !important;
}
#x-section-3 .x-container:last-child {
padding: 0 !important;
}
.home #x-section-3 .x-column .x-text {
margin: 30px 0;
}
#guides hr.x-gap.mobile-show {
margin-top: 30px !important;
}
div#x-section-7 {
margin-left: 0 !important;
margin-right: 0 !important;
}
#x-section-7 .x-column.x-sm.x-1-3 {
padding: 15px !important;
}
.expandable-safety-barriers h3 {
font-size: 2.5rem !important;
}
.expandable-safety-barriers .x-col {
padding-right: 0 !important;
padding-top: 0 !important;
}
.main-features {
flex-direction: column;
}
.main-features ul {
margin-bottom: 0;
}
.expandable-safety-barriers .x-row.x-container:nth-child(2) h3 {
font-size: 2.125rem !important;
}
div#x-section-9,
div#x-section-10,
div#x-section-11 {
padding: 40px 0 !important;
}
#x-section-10 > .x-container {
display: flex;
flex-direction: column-reverse;
}
#cs-content .x-section {
padding-left: 15px;
padding-right: 15px;
}
.home-contact-form-section {
padding: 15px !important;
}
} .why-us-section-card .x-text > a {
display: block;
margin-top: 10px;
}
.why-us-section-card-container{
display: flex !important;
gap: 1rem;
padding: 1rem 0rem !important;
}
@media(max-width: 768px) {
.why-us-section-card-container{
flex-wrap: wrap !important;
}
}
.x-section .x-container.marginless-columns > .x-column {
vertical-align: center !important;
} .home-contact-form-section {
padding: 125px 4.7em;
background-color: #7dc75e;
}
.home-contact-form-section .form-title {
font-size: 28px;
font-weight: 400 !important;
}
.home-contact-form-section .company-name {
font-size: 1.5rem;
text-transform: none;
margin-top: 30px !important;
}
.home-contact-form-section .form-description,
.home-contact-form-section .company-address,
.home-contact-form-section .company-contact-no {
color: #000;
}
.home-contact-form-section .company-contact-no {
margin-top: 10px;
margin-right: 0em;
margin-bottom: 0em;
margin-left: 0em;
font-size: 1.5rem;
font-weight: bold;
color: rgb(22, 22, 22);
}
.ss-posts {
display: none !important;
} .check-mark-points {
list-style: none;
margin: 0;
padding: 1.5rem 0rem;
}
@media (max-width: 768px) {
.quote-option-main-title { }
}
.quote-option-description {
margin: 0;
font-size: 14px;
color: rgb(153, 153, 153);
}
.check-mark-points li {
font-size: 14px !important;
position: relative;
padding-left: 30px;
margin-bottom: 8px;
}
.check-mark-points li::before {
content: "";
position: absolute;
width: 19px;
height: 16px;
top: 50%;
transform: translateY(-50%);
left: 0;
background: url(//www.safeguardsecurity.co.uk/wp-content/uploads/2024/08/Frame-1-2.png);
background-size: contain;
background-repeat: no-repeat;
}
.quote-option-btns-wrap .x-btn:not(:last-child) {
margin-bottom: 10px !important;
}
.quote-option-btns-wrap .x-btn:not(:first-child) {
background-color: white !important;
color: #000 !important;
}
.quote-option-btns-wrap .x-btn {
font-size: 14px !important;
}
article .wp-gr {
padding: 40px !important;
}
@media(max-width: 768px) { 
.quote-option-btns-wrap .x-btn {
font-size: 13px !important;
}
article .wp-gr {
padding: 40px 10px!important;
}
}
#getting_quote_option {
padding: 0rem 5rem 5em;
}
.quote-option-btns-wrap .quote-btn {
font-weight: 700 !important;
}
@media(max-width: 768px) {
#getting_quote_option {
padding: 2.5rem 0rem;
}
}
#getting_quote_option .quote_option_column {
padding: 2.5rem;
}
@media (max-width: 768px) {
#getting_quote_option .quote_option_column {
padding: 2rem 0rem;
}
}
@media (max-width: 768px) {
.quote-option-info-wrap {
padding: 0rem 2rem;
}
} .cta-wrapper {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 2em 0;
}
.cta-wrapper>.x-column {
margin-right: auto !important;
margin-left: auto !important;
margin-bottom: 50px !important;
width: calc(50% - 50px) !important;
padding: 1em 4em 3em;
}
.cta-wrapper .x-column:first-child {
background: url(//www.safeguardsecurity.co.uk/wp-content/uploads/2025/05/home_free_shipping_bg.jpg) center/cover;
}
.cta-wrapper .x-column:nth-child(2) {
background: url(//www.safeguardsecurity.co.uk/wp-content/uploads/2025/05/home_trade_bg.jpg) center/cover;
}
.cta-wrapper .x-column:nth-child(3) {
background: url(//www.safeguardsecurity.co.uk/wp-content/uploads/2025/05/home_high_crime_bg.jpg) center/cover;
}
.cta-wrapper .x-column:last-child {
background: url(//www.safeguardsecurity.co.uk/wp-content/uploads/2025/05/home_gold_bg.jpg) center/cover;
}
.reviews-title {
margin-top: 2em !important;
margin-bottom: 0 !important;
}
.wp-gr.wpac {
padding-top: 5px !important;
}
#get_free_estimate {
background-color: #7dc65f;
}
#get_free_estimate li {
color: #272727;
margin-bottom: 10px;
}
#get_free_estimate a.x-btn {
background-color: #fff !important;
color: #69ab4e !important;
}
@media (max-width: 767px) {
.cta-wrapper.x-container {
padding: 0;
}
.cta-wrapper>.x-column {
margin-bottom: 15px !important;
}
body.home .cta-wrapper .image-bg-col {
padding: 35px 20px 50px !important;
}
.cta-wrapper>.x-column a.x-btn {
font-size: 0.75rem;
}
.cta-wrapper .x-column:last-child {
margin-bottom: 0 !important;
}
.cta-wrapper .x-column:last-child {
margin-bottom: 0 !important;
}
.why-us-section-card-container {
padding-top: 0 !important;
}
.reviews-title {
padding: 0 10px;
margin-top: 30px !important;
}
}