body {
font-family: 'Roboto', sans-serif;
}
h1, .h1 {
font-size: 4.166666666666666VW;
}
h2, .h2{
font-size: 3.125VW;
}
h3, .h3 {
font-size: 1.25VW;
}
p, .content {
font-size: 1.0416666666666665VW;
}
small, .small{
font-size: 0.8333333333333334VW;
}
.btn-text {
font-size: 0.9114583333333334VW;
}
.mb-35 {
margin-bottom: 35px;
}
.mb-25 {
margin-bottom: 25px;
}
.mb-20 {
margin-bottom: 20px;
}
.p-r-0 {
padding-right: 0px;
}
.p-l-0 {
padding-left: 0px;
}
.p-0 {
padding: 0;
}
.wpcf7 form .wpcf7-response-output {
margin: 0px !important;
} .enquiry-now-btn {
background: #41C66F;
padding: 12px 2.03125VW;
line-height: 140%;
color: #fff;
border-radius: 7.5px;
font-weight: 500 !important;
font-size: 0.9114583333333334VW;
font-family: 'Roboto', sans-serif;
letter-spacing: normal;
border: 1px solid #41C66F;
}
nav#navbar ul li a {
font-size: 1.0416666666666665VW;
line-height: 28px;
padding: 0px 3.0208333333333335VW 0px 0px;
font-family: 'Roboto', sans-serif;
color: #0F2D57;
font-weight: 500;
}
nav#navbar ul li a:hover {
color: #41C66F;
}
section#hero {
padding: 30px 0 0;
overflow: hidden; }
.banner-right-img img {
width: 59.32291666666667VW;
position: absolute;
right: 0;
bottom: 0px;
}
.banner-right-img {
position: relative;
}
.hero-image {
text-align: center;
padding-top: 155px;
}
.hero-image img{
width: 32.55208333333333VW;
}
section#hero h1 {
font-size: 4.166666666666666VW;
font-family: 'Roboto Slab', serif;
line-height: 96px;
font-weight: 500;
padding-top: 113px;
} .btn-find-more:hover {
color: #ffffff;
text-decoration: none;
background: #41C66F;
} .customer-benefits {
background: #fafafa;
}
.customer-benefits .section-title span {
text-transform: capitalize;
color: #5bc670;
display: inline-block;
margin-bottom: 10px;
font-size: 13px;
background: #cff5dc;
font-weight: 500;
padding: 9px 15px 7px;
border-radius: 30px;
line-height: 1.5;
}
.customer-benefits .section-title {
padding: 0 200px !important;
}
.customer-benefits .section-title h2 {
padding-bottom: 0;
margin-bottom: 5px;
}
.customer-benefits .single-card .icon {
background-color: #d6e5ae;
color: #fff;
height: 40px;
width: 40px;
line-height: 40px;
border-radius: 50%;
text-align: center;
font-size: 15px;
position: relative;
z-index: 5;
margin-bottom: 20px;
}
.customer-benefits .single-card h3 {
color: #0f2d57;
font-size: 18px;
font-weight: 700; }
.customer-benefits .single-card p {
font-size: 14px;
margin-top: 20px;
transition: all .4s ease;
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
color: #0f2d57;
}
.customer-benefits .single-card {
margin-bottom: 40px;
}
.customer-benefits .section-title {
margin-bottom: 50px;
} section#product {
padding: 7.239583333333334VW 0px 8.697916666666666VW;
} #product-two-content {
padding-top: 5.052083333333333VW;
} .h2 {
font-family: 'Roboto Slab', serif;
line-height: 72px;
color: #0F2D57;
font-weight: 700;
}
.small {
font-weight: 700;
display: inline-block;
margin-bottom: 5px;
color: #41C66F;
border-radius: 40px;
padding: 0.26041666666666663VW 0.78125VW;
background: #CFF5DC;
line-height: 26px;
font-family: 'Roboto', sans-serif;
font-size: 0.8333333333333334VW;
}
#product-content small {
font-weight: 500;
display: inline-block;
margin-bottom: 5px;
color: #41C66F;
border-radius: 40px;
padding: 5px 15px;
background: #CFF5DC;
line-height: 26px;
font-family: 'Roboto', sans-serif;
font-size: 16px;
}
#product-content h2 {
font-family: 'Roboto Slab', serif;
line-height: 3.75VW;
color: #0F2D57;
font-weight: 700;
font-size: 3.125VW;
margin-bottom: 25px;
}
.content {
font-family: 'Roboto', sans-serif;
line-height: 34px;
font-weight: 400;
color: #0F2D57;
}
#product-content p {
font-family: 'Roboto', sans-serif;
line-height: 34px;
font-weight: 400;
color: #0F2D57;
}
#product-content p:nth-child(1), div#product-two-content p:nth-child(1) {
margin-bottom: 0px;
}
#product-content p:nth-child(2), div#product-two-content p:nth-child(2) {
margin-bottom: 35px !important;
}
div#product-two-content small {
font-weight: 500;
display: inline-block;
margin-bottom: 5px;
color: #41C66F;
border-radius: 40px;
padding: 5px 15px;
background: #CFF5DC;
line-height: 26px;
font-family: 'Roboto', sans-serif;
font-size: 16px;
}
div#product-two-content h2 {
font-family: 'Roboto Slab', serif;
line-height: 3.75VW;
color: #0F2D57;
font-weight: 700;
font-size: 3.125VW;
margin-bottom: 25px;
}
div#product-two-content p {
font-family: 'Roboto', sans-serif;
line-height: 34px;
font-weight: 400;
color: #0F2D57;
}
.book-demo-btn {
font-weight: 500;
font-size: 17.5px;
display: inline-block;
padding: 12px 36px;
border-radius: 7.5px;
transition: 0.5s;
margin: 0;
color: #ffffff;
background: #41C66F;
font-family: 'Roboto', sans-serif;
line-height: 24.5px;
margin-top: 29px;
}
#full-width-employee-section {
margin: 0;
background: #F6F9ED;
border-radius: 20px;
margin-top: 8.125VW;
overflow: auto; }
#full-width-employee-section h2 {
font-family: 'Roboto Slab', serif;
color: #A2C73F;
font-weight: 800;
font-size: 9.895833333333332VW;
line-height: 120%;
margin-bottom: 0;
padding-bottom: 0;
}
div#full-width-employee-section p {
color: #2C6735;
font-size: 1.40625VW;
font-family: 'Roboto', sans-serif;
font-weight: 500;
line-height: 130%;
width: 496px;
max-width: 100%;
text-align: left;
margin-bottom: 30px;
}
div#full-width-employee-section span {
color: #2C6735;
font-family: 'Roboto', sans-serif;
font-size: 0.9375VW;
line-height: 130%;
}
.about-content {
padding-left: 3.5937499999999996VW;
padding-top: 100px;
padding-bottom: 131px;
}
.video-box {
background-image: url(//homesafe360.co.uk/wp-content/themes/HS360/assets/images/circle-wave.png);
background-repeat: no-repeat;
background-position: right;
background-size: cover;
padding: 0;
} .section-title-five {
text-align: center;
max-width: 1000px;
margin: auto;
margin-bottom: 4.427083333333334VW;
position: relative;
z-index: 5;
}
section#benefits {
padding: 5.989583333333334VW 0px 0px;
overflow: hidden;
}
div#customer-benefits-cont {
padding-bottom: 5.989583333333334VW !important;  
}
.section-title-five .content h6 {
font-weight: 500;
display: inline-block;
margin-bottom: 5px;
color: #41C66F;
border: unset;
border-radius: 40px;
padding: 5px 15px;
background: #CFF5DC;
font-size: 16px;
line-height: 160%;
font-family: 'Roboto', sans-serif;
letter-spacing: normal;
}
.section-title-five .content h2 {
font-family: 'Roboto Slab', serif;
color: #0F2D57;
font-weight: 700;
font-size: 3.125VW;
line-height: 120%;
margin-bottom: 0;
}
.section-title-five .content p {
font-size: 1.0416666666666665VW;
font-family: 'Roboto', sans-serif;
color: #0F2D57;
line-height: 170%;
margin-top: 10px;
} .benefits-icon {
margin-bottom: 13px;
}
.benefits-icon img {
width: 45px;
}
.benefits-content h4 {
font-family: 'Roboto Slab', serif;
font-weight: 800;
font-size: 1.5625VW;
line-height: 120%;
}
.benefits-content p {
font-family: 'Roboto', sans-serif;
font-size: 1.0416666666666665VW;
font-weight: 400;
line-height: 170%;
}
.single-benefits {
margin-bottom: 3.3333333333333335VW;
}
.benefits-content {
width: 330px;
max-width: 100%;
} .about-right img {
width: 100%;
max-width: 100%;
height: auto;
}
.communication-area {
background-image: url(//homesafe360.co.uk/wp-content/themes/HS360/assets/images/green-bg.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;  padding-top: 6.666666666666667VW;
}
.communication-content {
padding-left: 6.041666666666667VW;
padding-bottom: 4.166666666666666VW; }
.communication-content span {
color: #2C6735;
font-size: 16px;
line-height: 25.6px;
background: #D9E6B2;
padding: 5px 15px;
border-radius: 40px;
margin-bottom: 11px;
font-weight: 500;
}
.communication-content h2 {
color: #0F2D57;
font-family: 'Roboto Slab', serif;
font-size: 3.125VW;
line-height: 120%;
margin-bottom: 1.5625VW;
margin-top: 11px;
font-weight: 600;
}
.communication-content p{
font-size: 1.0416666666666665VW;
line-height: 170%;
font-weight: 400;
font-family: 'Roboto', sans-serif;
color: #0F2D57;  margin-bottom: 2.604166666666667VW;
margin-top: 1.0416666666666665VW;
}
.communication-content p:nth-child(1) {
margin-bottom: 0px;
margin-top: 0px;
}
.communication-content p:nth-child(1) span{
opacity: 0.7;
}
.communication-info-list li {
color: #fff;
font-size: 18px;
font-weight: 500;
line-height: 160%;
font-family: 'Roboto', sans-serif;
margin-bottom: 28px;
margin-left: 0;
list-style: none;
padding-left: 0px;
color: #ffffff;
width: 49%;
font-weight: 500;
display: inline-flex;
flex-wrap: wrap;
gap: 16px;
align-items: center;
}
.communication-info-list ul {
padding-left: 0;
margin-bottom: 0;
}
.communication-info-list ul li span {
background-color: #0f2d57 !important;
height: 42px;
width: 42px;
border-radius: 50%;
text-align: center;
margin-bottom: 0 !important;
}
.single-licenses {
background: #F8FBEF;
padding: 1.3020833333333335VW 1.5625VW 1.1458333333333333VW 1.5625VW;
border-radius: 10px;
margin-bottom: 15px;
transition: all .4s ease;
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
} .single-licenses:hover { box-shadow: 0px 2px 4px rgba(40, 41, 61, 0.04),
0px 8px 16px rgba(96, 97, 112, 0.16);
}
.single-licenses h3 {
color: #2C6735;
font-size: 18px;
font-weight: 700;
line-height: 28px;
font-family: 'Roboto', sans-serif;
font-size: 1.25VW;
font-weight: 500;
line-height: 120%;
margin-bottom: 0px;
}
.single-licenses p {
font-family: 'Roboto Slab', serif;
color: #9EC046;
font-size: 2.083333333333333VW;
font-weight: 600;
line-height: 120%;
margin-bottom: 0px !important;
text-wrap: pretty;
}
.single-licenses small {
text-transform: inherit;
color: #2C6735;
display: inline-block;
margin-bottom: 0px !important;
font-size: 0.9895833333333333VW;
text-align: left;
font-weight: 500;
font-family: 'Roboto Slab', serif;
line-height: 171%;
}
.single-licenses a {
color: #41C66F;
text-transform: inherit;
display: inline-block;
margin-bottom: 0px !important;
font-size: 0.9895833333333333VW;
text-align: left;
font-weight: 500;
font-family: 'Roboto', sans-serif;
line-height: 171%;
}
.last-column:last-of-type {
margin: 0 auto;
}
.last-column:last-of-type .single-licenses {
border: 1px solid #9fe2b6;
background-color: transparent;
}
.pricing .column{
padding-left: 8px;
padding-right: 8px;
}
section#pricing .section-title-five {
margin-bottom: 57px;
}
section#pricing {
padding-top: 6.822916666666666VW;
padding-bottom: 5.729166666666666VW;
}
section#faq {
padding: 105px 0px;
}
section#faq .accordion-button:focus {
z-index: 3;
border-color: unset;
outline: 0;
box-shadow: unset;
outline: unset !important;
}
.accordion-header {
background: #F2F4FA;
border-radius: 10px;
}
.accordion-button:not(.collapsed) {
background: #F2F4FA !important; 
} section#faq .section-title-five {
margin-bottom: 22px;
}
.accordion-item {
color: #0F2D57;
background-color: #F2F4FA !important; 
border: unset !important;
margin-bottom: 20px;
}  
.accordion {
--bs-accordion-border-color: transparent !important; 
}
.accordion-button {
background: #F2F4FA !important; 
margin-bottom: 20px;
}
.accordion-item {
border-radius: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}
.accordion-item:first-of-type .accordion-button { border-radius: 10px;
} .accordion-item .accordion-button {
border-radius: 10px;
font-size: 1.5625VW;
line-height: 170%;
padding: 20px 30px 13px 30px;
font-weight: 500;
font-family: 'Roboto', sans-serif;
margin-bottom: 0;
}
.accordion-body {
padding: 0px 128px 35px 68px;
}
.accordion-body p {
font-size: 1.0416666666666665VW;
font-family: 'Roboto', sans-serif;
line-height: 170%;
font-weight: 400;
}
section#enquiry {
background: #F1F3FF;
padding: 88px 0px 86px;
} .contact-right-img {
float: right;
width: 50%;
position:absolute;
right:0;
display:table;
}
section#enquiry h6 {
background: #E0E7FF;
color: #566E8A;
padding: 5px 15px;
border-radius: 40px;
width: fit-content;
font-size: 16px;
font-family: 'Roboto', sans-serif;
line-height: 160%;
margin-bottom: 6px;
font-weight: 700;
letter-spacing: normal;
}
section#enquiry h2 {
font-family: 'Roboto Slab', serif;
color: #0F2D57;
font-weight: 700;
font-size: 3.125VW;
line-height: 120%;
margin-bottom: 15px;
text-transform: unset;
padding-bottom: 0;
}
section#enquiry p {
font-size: 1.0416666666666665VW;
font-family: 'Roboto', sans-serif;
color: #0F2D57;
line-height: 170%;
margin-bottom: 30px;
width: 660px;
max-width: 100%;
}
button:not(:hover):not(:active):not(.has-text-color) {
color: #0F2D57;
} input[type=text],input[type=email],input[type=tel] {
padding: 9px 18px 10px;
border-radius: 6px;
border: 1px solid #A7B2C1;
color: #0F2D57;
font-size: 18px;
font-family: 'Roboto', sans-serif;
line-height: 170%;
background: transparent;
width: 74%;
max-width: 100%;
}
label {
color: #A7B2C1;
font-size: 16px;
line-height: 170%;
margin-bottom: 3px;
font-weight: 500;
font-family: 'Roboto', sans-serif;
}
#book-a-call {
background: #41C66F;
color: #fff;
font-family: 'Roboto', sans-serif;
border-radius: 6px;
padding: 12px;
font-size: 19px;
line-height: 140%;
font-weight: 500;
margin-top: 9px;
width: 100%;
width: 74%;
max-width: 100%;
}
.form-group {
display: grid;
margin-bottom: 20px;
}
.screen-reader-response {
display: none;
}
section#enquiry form.wpcf7-form p {
margin-bottom: 0px !important;
}
.book-demo-btn:hover {
color: #fff;
background-color: #5bc770;
}
span.wpcf7-form-control-wrap {
display: grid;
}
.enquiry-now-btn.active {
background-color: #41C66F !important;
color: #fff;
border:unset;
}
.enquiry-now-btn:hover {
color: #fff !important;
}
.accordion-button::after {
background-image: url(//homesafe360.co.uk/wp-content/themes/HS360/assets/images/arrow.png);
}
.accordion-button:not(.collapsed)::after {
background-image: url(//homesafe360.co.uk/wp-content/themes/HS360/assets/images/arrow.png);
}
.bx {
color: #E7E9F0;  
}
.bx:hover {
color: #41C66F;
}
ul {
margin-bottom: 0;
}
.border_radius{
position: relative;
}
.border_radius img{
border-radius: 25px;
width: 100%;
}
.border_radius::after{
background-image: url(//homesafe360.co.uk/wp-content/themes/HS360/assets/images/Picture1.png);
background-repeat: no-repeat;
background-position: right;
background-size: cover;
padding: 0;
content: " ";
position: absolute;
width: 48%;
height: 48%;
right: 10px;
bottom: -30px;
transform: rotate(180deg);
}
#product-content {  
padding-left: 25px;
}
#product-two-content ul li {
font-family: 'Roboto', sans-serif;
line-height: 34px;
font-weight: 400;
color: #0F2D57;
font-size: 1.0416666666666665VW;
}
@media (max-width: 1899px) {
.enquiry-now-btn {
font-weight: normal;
font-size: 16px;
}
nav#navbar ul li a {
font-size: 16px;
line-height: 28px;
}
section#hero h1 {
font-size: 2.75em;
line-height: 1.25;
margin-bottom: 0px;
padding-bottom: 30px;
}
#hero h2 {
color: #0F2D57;
margin-bottom: 40px;
font-size: 18px;
line-height: 160%;
width: 630px;
font-family: 'Roboto', sans-serif;
font-weight: 400;
max-width: 100%;
}  .section-title-five .content p {
font-size: 16px;
line-height: 1.5;
}
.benefits-content p {
font-size: 16px;
line-height: 1.5;
}
.benefits-content h4{
font-size: 20px;
line-height: 1.25;
}
.communication-content {
padding-left: 5.041667VW;
padding-bottom: 2.166667VW; }
.communication-content h2 {
margin-bottom: 10px;
font-size: 2.25em;
line-height: 1.25;
}
.communication-content p {
margin-bottom: 1rem;
font-size: 1em;
font-weight: 400;
line-height: 1.5;
} section#faq {
padding: 60px 0;
}
.accordion-body {
padding: 0px 30px 13px 30px;
}
.accordion-body p {
font-family: 'Roboto', sans-serif;
font-size: 1em;
font-weight: 400;
line-height: 1.5;
color: #0F2D57;
}
.accordion-item .accordion-button {
font-size: 22px;
line-height: 26px;
padding: 20px 30px;
color: #0F2D57 !important;
}
section#enquiry p {
font-size: 16px;
line-height: 1.5;
margin-bottom: 15px;
}
#book-a-call,label,input[type=text],input[type=email],input[type=tel] {
font-size: 16px;
line-height: 1.5;
}
section#enquiry h2 {
font-size: 36px;
line-height: 45px;
margin-bottom: 10px;
}
.single-licenses a {
font-size: 18px;
font-weight: 500;
font-family: 'Roboto', sans-serif;
line-height: 1.5;
}
.hero-image {
text-align: center;
padding-top: 85px;
}
}
@media (min-width: 1400px) {
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
max-width: 1153px;
}
}
@media (min-width: 1901px) {
.container {
max-width: 1544px !important;
}
.banner-right-img {
top: 30px;
}
section#hero h1 {
margin-bottom: 0px;
padding-bottom: 30px;
}
.h2 {
line-height: 72px;
} .communication-info-list li{
font-size: 1.3541666666666667VW;
}
}
@media (max-width: 1900px) {
.h2 {
font-size: 45px;
line-height: 1.2;
}
.small {
font-size: 14px;
padding: 5px 15px;
}
.content {
font-size: 1em;
line-height: 170%;
} div#product-content p{
font-size: 1em;
line-height: 170% !important;
margin-bottom: 0px;
}
#product-two-content p {
font-size: 1em;
line-height: 170% !important; 
margin-bottom: 0px;
}
#product-two-content ul li {
font-size: 1em;
line-height: 170% !important; 
margin-bottom: 0px;
}
div#product-content p:nth-child(3) {
margin-bottom: 35px;
}
#product-two-content p:nth-child(3) {
margin-bottom: 15px;
}
div#full-width-employee-section p {
width: 402px !important;
}
.section-title-five {
text-align: center;
width: 775px;
max-width: 100%;
}
} img#desktop-only {
display: block;
}
#mobile-only-img {
display: none;
} @media (max-width: 767px) {
nav#navbar {
justify-content: end;
}
nav#navbar ul li a {
font-size: 16px;
line-height: 28px;
padding: 10px 17.5px;
}
.getstarted {
font-size: 16px;
line-height: 20px;
padding: 12px 24px;
font-weight: 400 !important;
letter-spacing: .04em;
text-transform: inherit;
padding: 12px 24px;
border-radius: 4px !important;
background: #41C66F;
color: #ffffff !important;
margin-top: 10px !important;
} #footer .footer-top {
padding-top: 30px;
padding-bottom: 30px;
}
.col-lg-3.col-md-6.footer-links p {
font-size: 16px;
line-height: 1.5;
font-weight: normal;
margin-bottom: 10px;
}
.col-lg-3.col-md-6.footer-links ul li {
font-size: 16px;
line-height: 1.5;
padding: 0px !important;
}
#footer .footer-top .footer-links {
margin-bottom: 0 !important;
}
a.footer-logo img {
width: 200px;
}
.social-links {
text-align: left;
margin-top: 11px;
}
#footer .copyright{
text-align: left;
}
#footer .copyright {
float: left;
font-size: 16px;
line-height: 1.5;
}
#footer .credits {
font-size: 16px;
line-height: 1.5;
}
#footer .credits ul li {
padding-left: 0 !important;
padding-right: 20px !important;
}
#footer .footer-bottom {
display: flex;
flex-direction: column;
padding: 20px;
}
#footer .footer-top .container {
padding: 0px 20px;
}
.enquiry-now-btn {
display: none;
} section#hero h1 {
font-size: 30px !important;
line-height: 42px !important;
text-align: left;
padding-top: 0px;
}
section#hero h2 {
font-size: 1em !important;
font-weight: 400;
line-height: 1.5 !important;
text-align: left;
max-width: 100%;
margin-bottom: 30px;
}
div#hero-area-row {
flex-direction: column-reverse !important;
margin-top: 80px;
}
.hero-banner-text {
margin-bottom: 0px;
}
.hero-image {
text-align: center;
padding-top: 0px;
}
.hero-banner-text {
text-align: left;
}
#hero .hero-img img {
width: 100%;
} #header .logo img {
width: 184px;
max-width: initial;
} section#product {
padding-top: 80px;
padding-bottom: 60px;
}
div#product-content { padding: 0px 12px;
}
#product-content small {
margin-bottom: 25px !important;
}
div#product-two-content small {
margin-bottom: 25px !important;
}
section#product .mb-20 {
margin-bottom: 0 !important;
} .mobile-padd {
padding: 0px 20px !important;
}
.hero-banner-text {
padding-left: 20px;
padding-right: 20px;
}
section#product .h2 {
font-size: 31px;
line-height: 1.25;
}
section#product h2 {
font-size: 31px;
line-height: 1.25;
}
#mobile-only-column-reverse {
flex-direction: column-reverse;
}
#product-two-content {
margin-top: 60px;
} #full-width-employee-section {
margin: 0px 8px;
margin-top: 60px;
}
.about-content {
padding-top: 60px;
padding-bottom: 60px;
}
#full-width-employee-section h2 {
font-size: 55px;
line-height: 120%;
}
div#full-width-employee-section p {
font-size: 18px;
line-height: 1.5;
}
div#full-width-employee-section span {
font-size: 16px;
line-height: 130%;
}
.video-box {
height: 282px;
} section#benefits {
overflow: hidden;
padding: 60px 0px 0px;
}
div#customer-benefits-container{
padding-bottom: 30px;
}
.section-title-five .content h6 {
border-radius: 30px;
padding: 8px 30px;
font-size: 16px;
line-height: 1.25;
margin-bottom: 15px;
}
.section-title-five .content h2 {
font-size: 31px;
line-height: 1.25;
}
.section-title-five .content p {
margin-top: 10px;
font-size: 1em;
font-weight: 400;
line-height: 1.5;
}
.section-title-five {
margin-bottom: 35px;
}
.benefits-icon img {
width: 40px;
}
.benefits-content h4 {
font-size: 20px;
line-height: 1.25;
margin-bottom: 20px;
}
.benefits-content p {
font-size: 1em;
font-weight: 400;
line-height: 1.5;
margin-bottom: 0px;
}
.single-benefits {
margin-bottom: 30px;
}
div#customer-benefits-cont {
padding-bottom: 5.989583333333334VW !important;
padding-left: 20px;
padding-right: 20px;
} .communication-area .container{
padding: 60px 20px 30px;
}
.about-right {
margin-bottom: 0px;
}
.communication-content {
padding-left: 0 !important;
padding-bottom: 0 !important; }
.communication-content h2 {
font-size: 31px;
line-height: 1.25;
}
.communication-content p {
font-size: 1em;
font-weight: 400;
line-height: 1.5;
}
.communication-info-list li {
font-weight: 500;
display: block;
font-size: 1em;
line-height: 1.5;
width: 100% !important;
}
.communication-info-list ul li span {
margin-right: 16px;
} section#pricing {
padding: 60px 0px 60px;
}
section#pricing .section-title-five {
margin-bottom: 19px;
}
.single-licenses h3 {
font-size: 18px;
font-weight: 500;
line-height: 1.5;
}
.single-licenses p {
line-height: 1.25;
font-size: 22px;
}
.single-licenses small {
font-size: 1em;
font-weight: 600;
line-height: 1.5;
}
.single-licenses {
padding: 20px;
}
.single-licenses a {
font-size: 16px;
font-weight: 600;
line-height: 1.5;
}
section#pricing .container {
padding-left: 20px;
padding-right: 20px;
} .accordion-item .accordion-button {
font-size: 20px;
line-height: 26px;
padding: 20px;
}
.accordion-body {
padding: 0px 20px 20px;
}
.accordion-body p {
font-family: 'Roboto', sans-serif;
font-size: 1em;
font-weight: 400;
line-height: 1.5;
}
.accordion-item {
margin-bottom: 15px;
}
section#faq .container {
padding-left: 20px;
padding-right: 20px;
}
section#faq {
padding: 60px 0px;
}
#hero .btn-get-started, .btn-find-more {
line-height: 20px;
font-size: 16px;
padding: 12px 24px;
border: 1px solid #41C66F;
}
.contact-right-img {
float: right;
width: 100%;
padding: 0px 20px;
margin-bottom: 30px;
}
section#enquiry .container {
padding: 0px 20px;
}
section#enquiry p, #book-a-call, input[type=text],input[type=email],input[type=tel] {
width: 100%;
max-width: 100%;
} img#desktop-only{
display: none;
}
#mobile-only-img {
display: block;
}
.communication-content #mobile-only-img {
margin-top: 25px;
}
section#enquiry #mobile-only-img {
margin-top: 25px;
}
div#product-content p:first-child::after{
background-image: url(//homesafe360.co.uk/wp-content/themes/HS360/assets/images/Picture1.png);
background-repeat: no-repeat;
background-position: right;
background-size: cover;
padding: 0;
content: " ";
position: absolute;
width: 55%;
height: 55%;
right: 0px;
bottom: -30px;
transform: rotate(180deg);
}
}
@media (min-width: 768px) and (max-width: 1024px) {
nav#navbar {
justify-content: end;
}
nav#navbar ul li a {
font-size: 16px;
line-height: 28px;
padding: 10px 17.5px;
}
.getstarted {
font-weight: 700;
font-size: 16px;
line-height: 20px;
text-align: center;
letter-spacing: .08em;
text-transform: inherit;
padding: 12px 24px;
border-radius: 4px !important;
background: #41C66F;
color: #ffffff !important;
margin-top: 10px !important;
}
#footer .footer-top {
padding-top: 30px;
padding-bottom: 30px;
}
.col-lg-3.col-md-6.footer-links p {
font-size: 16px;
line-height: 1.5;
font-weight: normal;
margin-bottom: 10px;
}
.col-lg-3.col-md-6.footer-links ul li {
font-size: 16px;
line-height: 1.5;
padding: 0px !important;
}
#footer .footer-top .footer-links {
margin-bottom: 0 !important;
}
a.footer-logo img {
width: 200px;
}
.social-links {
text-align: left;
margin-top: 11px;
}
#footer .copyright{
text-align: left;
}
#footer .copyright {
float: left;
font-size: 16px;
line-height: 1.5;
}
#footer .credits {
font-size: 16px;
line-height: 1.5;
}
#footer .credits ul li {
padding-left: 0 !important;
padding-right: 20px !important;
} #footer .credits {
justify-content: end;
}
.enquiry-now-btn {
display: none;
} section#hero h1 {
font-size: 35px !important;
line-height: 45px !important;
text-align: left;
padding-top: 0px;
}
section#hero h2 {
font-size: 1em !important;
font-weight: 400;
line-height: 1.5 !important;
text-align: left;
max-width: 100%;
margin-bottom: 30px;
}
div#hero-area-row {
flex-direction: column-reverse !important;
margin-top: 80px;
}
.hero-banner-text {
margin-bottom: 0px;
}
.hero-image {
text-align: center;
padding-top: 0px;
}
.hero-banner-text {
text-align: left;
}
#hero .hero-img img {
width: 100%;
}
#header .logo img {
width: 184px;
max-width: initial;
} section#product {
padding-top: 100px;
padding-bottom: 70px;
}
div#product-content {
margin-top: 60px;
padding: 0px 12px;
}   section#product .h2 {
font-size: 35px;
line-height: 1.2;
}
section#product h2 {
font-size: 35px;
line-height: 1.2;
}
#mobile-only-column-reverse {
flex-direction: column-reverse;
}
#product-two-content {
margin-top: 60px;
}
#full-width-employee-section {
margin: 0px 8px;
margin-top: 60px;
}
.about-content {
padding-top: 60px;
padding-bottom: 60px;
}
#full-width-employee-section h2 {
font-size: 55px;
line-height: 120%;
}
div#full-width-employee-section p {
font-size: 18px;
line-height: 1.5;
width: 100% !important;
}
div#full-width-employee-section span {
font-size: 16px;
line-height: 130%;
}
.video-box {
height: 370px;
} section#benefits {
overflow: hidden;
padding: 60px 0 0px;
}
div#customer-benefits-cont{
padding-bottom: 30px;
}
.section-title-five .content h6 {
border-radius: 30px;
padding: 8px 30px;
font-size: 16px;
line-height: 1.25;
margin-bottom: 15px;
}
.contact-right-img {
float: right;
width: 100%;
padding: 0px 20px;
margin-bottom: 30px;
position:relative;
}
section#enquiry .container {
padding: 0px 20px;
}
section#enquiry p, #book-a-call, input[type=text],input[type=email],input[type=tel] {
width: 100%;
max-width: 100%;
}
#product-content h2, #product-two-content h2 {
font-family: 'Roboto Slab', serif;
line-height: 1.25;
font-size: 2.25em;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.section-title-five h2 {
font-size: 35px !important;
line-height: 45px !important;
}
section#benefits {
overflow: hidden;
padding: 80px 0 0px !important;
}
div#customer-benefits-cont{
padding-bottom: 50px;
}
.section-title-five .content p {
font-size: 16px;
font-family: 'Roboto', sans-serif;
color: #0F2D57;
line-height: 1.5;
margin-top: 15px;
}
.section-title-five {
width: 610px;
margin-bottom: 45px;
}
.benefits-content h4 {
font-size: 20px;
line-height: 1.25;
}
.benefits-content p {
font-family: 'Roboto', sans-serif;
font-size: 1em;
font-weight: 400;
line-height: 1.5;
margin-bottom: 0;
}
.single-benefits {
margin-bottom: 30px;
}
.communication-area .container{
padding: 60px 20px 30px;
}
.about-right {
margin-bottom: 60px;
}
.communication-content {
padding-left: 0 !important;
padding-bottom: 0 !important; }
.communication-content h2 {
font-size: 2.25em;
line-height: 1.25;
}
.communication-content p {
font-size: 1em;
font-weight: 400;
line-height: 1.5;
}
.communication-info-list li {
font-weight: 500;
display: block;
font-size: 1em;
line-height: 1.5;
width: 100% !important;
}
.communication-info-list ul li span {
margin-right: 16px;
} section#pricing {
padding: 60px 0px 60px;
}
section#pricing .section-title-five {
margin-bottom: 19px;
}
.single-licenses h3 {
font-size: 18px;
font-weight: 600;
line-height: 1.5;
}
.single-licenses p {
line-height: 1.25;
font-size: 22px;
}
.single-licenses small {
font-size: 1em;
font-weight: 400;
line-height: 1.5;
}
.single-licenses {
padding: 20px;
}
.single-licenses a {
font-size: 1em;
font-weight: 400;
line-height: 1.5;  
}
section#pricing .container {
padding-left: 20px;
padding-right: 20px;
} .accordion-item .accordion-button {
font-size: 20px;
line-height: 26px;
padding: 20px;
}
.accordion-body {
padding: 0px 20px 20px;
}
.accordion-body p {
font-family: 'Roboto', sans-serif;
font-size: 1em;
font-weight: 400;
line-height: 1.5;
}
.accordion-item {
margin-bottom: 15px;
}
section#faq .container {
padding-left: 20px;
padding-right: 20px;
}
section#faq {
padding: 60px 0px;
}
}
@media (min-width: 1200px) and (max-width: 1365px){
.communication-content h2 {
font-size: 2.25em;
line-height: 1.25;
}
.communication-content p {
font-size: 1em;
font-weight: 400;
line-height: 1.5;
}
.communication-content {
padding-left: 4.041667VW;
padding-bottom: 1.166667VW;
}
}
@media (min-width: 1025px) {
.mobile-only {
display: none;
}
.enquiry-now-btn {
display: block;
}
}
@media (max-width: 1366px) {
div#full-width-employee-section span {
font-size: 14px;
}
}
@media (min-width: 1024px) and (max-width: 1091px) and (orientation: landscape) {
#mobile-only-column-reverse {
flex-direction: unset !important;
}
}
@media (max-width: 1199px) {
.communication-info-list li {
font-size: 16px !important;
}
}
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
div#hero-area-row {
flex-direction: unset !important;
}
.getstarted {
letter-spacing: normal;
}
div#product-content {
margin-top: 0px;
}
#product-two-content {
margin-top: 0px;
}
#product-two-content {
padding-top: 0;
}  
.enquiry-now-btn {
display: block;
}
.getstarted {
display: none;
}
.single-licenses small{
font-size: 16px;
}
.single-licenses h3{
font-size: 18px;
}
#footer .footer-top .footer-links ul a {
word-break: break-all;
}
}