/*styles*/

html {
scroll-behavior: smooth;
}

body {
overflow-x: hidden;
font-size: 15px;
font-family: var(--bodyfont);
}

body.active {
overflow-y: hidden;
}
body.lock-scroll {
overflow: hidden;
}
html.lock-scroll {
overflow: hidden;
}

.container {
position: relative;
height: 100%;
}

.container-fluid {
max-width: 100%;
padding: 0;
}

.aos-animate {
z-index: 9;
}

.icon {
background: transparent;
}

.heading h1, .heading h2, .heading h3,
.sub-heading h1, .sub-heading h2, .sub-heading h3 {
font-size: inherit !important;
margin: inherit !important;
font-style: inherit !important;
font-weight: inherit !important;
line-height: inherit !important;
}

.breadcrumb {
border-radius: 0;
padding: 4px 60px;
position: relative;
background: transparent;
margin-bottom: 12px;
width: fit-content;
left: 50%;
transform: translate(-50%);
font-size: 18px;
color: var(--primary);
}

.breadcrumb-list a {
color: white;
transition: all .5s ease;
}

.breadcrumb-list a:hover {
text-decoration: none;
color: var(--primary);
}

.breadcrumb_last {
color: white;
}

.text-white {
color: inherit !important;
}

body::-webkit-scrollbar {
width: 8px;
}

body::-webkit-scrollbar-track {
background-color: var(--secondary);
}

body::-webkit-scrollbar-thumb {
background-color: var(--primary);
border: 0;
outline: 0;
}

a {
color: var(--primary);
}

ul {
margin-bottom: 1.5em;
}

.grecaptcha-badge {
display: none !important;
}

ul.location-ul {
position: relative;
columns: 2;
list-style: disclosure-closed;
margin-bottom: 30px;
}

.block ul.location-ul li {
font-size: 18px;  
}

ul.location-ul li {
margin: 5px 0;
}

ul.location-ul li a {
  color: #fff;
}

@media (max-width: 768px) {
  ul.location-ul {
    columns: 1;
  }
}

.checkatrade-icon {
max-height: 20px;
object-fit: contain;
object-position: center;
height: 100%;
width: 100%;
}

/*Block Styles*/

.lines {
  background-size: 120px 100% !important;
  background-position: center !important;
}

.lines.linesdark {
  background-image: linear-gradient(to right, #0000000a 1px, transparent 1px) !important;
}

.lines.lineslight {
  background-image: linear-gradient(to right, #ffffff0a 1px, transparent 1px) !important;
}

.grid {
  background-size: 120px 120px !important;
  background-position: center !important;
}

.grid.griddark {
  background-image: linear-gradient(to right, #0000000a 1px, transparent 1px), linear-gradient(to bottom, #0000000a 1px, transparent 1px) !important;
}

.grid.gridlight {
  background-image: linear-gradient(to right, #ffffff0a 1px, transparent 1px), linear-gradient(to bottom, #ffffff0a 1px, transparent 1px) !important;
}

/*Accreditations*/

img.accreditation {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  padding: 10px;
  margin: 10px 0;
  max-height: 160px;
  max-width: 275px;
  -webkit-filter: drop-shadow(2px 2px 5px #0000);
  filter: drop-shadow(2px 2px 5px #0000);
}

/*Share*/

.main-header .top-bar ul li#share-li {
font-weight: 600;
}

.main-header .top-bar ul li a#share-button i {
font-size: 13.5px;
top: -1px;
color: var(--primary);
}

.main-header .top-bar ul li a#larger-share-button i {
font-size: 16px;
top: 0;
color: var(--primary);
}

.main-header .top-bar ul li a#share-button:hover i, .main-header .top-bar ul li a#larger-share-button:hover i {
color:  var(--primary);
}

/*Review Banner*/

.floating-banner {
position: relative;
width: 100%;
text-align: center;
padding: 8px 14px;
color: white;
font-weight: 600;
font-size: 20px;
}

.floating-banner-content {
display: flex;
justify-content: center;
align-content: center;
}

.floating-banner .review-tag {
position: relative;
margin-right: 10px;
display: flex;
align-items: center;
}

.floating-banner .btn {
padding: 7px 18px;
font-size: 16px;
width: fit-content !important;
margin: 0 !important;
}

@media (max-width: 400px) {
  .floating-banner {
    font-size: 17px;
  }
}

/*Accordion*/

.accordion-single  {
margin-top: 10px;
}

.accordion-single-item {
border-bottom: solid 1px var(--primary);
}

.accordion-single-title {
padding: 22px 15px;
font-weight: 700;
cursor: pointer;
position: relative;
font-size: 25px;
margin: 0;
padding-left: 0;
padding-right: 45px;
}

.accordion-single-title::after{
content: "";
position: absolute;
right: 25px;
top: 50%;
transition: all 0.2s ease-in-out;
display: block;
width: 8px;
height: 8px;
border-top: solid 2px var(--primary);
border-right: solid 2px var(--primary);
transform: translateY(-50%) rotate(135deg);
}

.accordion-single-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
}

.accordion-single-item.is-open .accordion-single-content {
  max-height: none;
}

.accordion-single-content p {
padding: 0 20px;
font-weight: 500;
font-size: 18px;
margin-bottom: 22px;
padding-left: 0;
padding-right: 45px;
}

.accordion-single-item.is-open .accordion-single-title::after  {
transform: translateY(-50%) rotate(315deg);
}


/*404*/

.error-wrap {
text-align: center;
padding: 80px;
border: 20px solid #f4f4f4;
position: relative;
}

.error-main {
font-size: 70px;
font-weight: 600;
}

.error-sub {
font-size: 20px;
}

.error-main h1, .error-sub h2 {
font-size: inherit !important;
margin: inherit !important;
font-style: inherit !important;
font-weight: inherit !important;
line-height: inherit !important;
}

@media (max-width: 991px) {
.error-wrap {
margin-top: 140px;
}
}

@media (max-width: 576px) {
.error-wrap {
margin-top: 117px;
padding: 50px;
}
}

@media (max-width: 400px) {
.error-wrap {
padding: 40px;
}
.error-main {
font-size: 60px;
font-weight: 600;
}
.error-sub {
font-size: 18px;
}
}

/* Header */

.header {
position: relative;
background: white;
color: white;
z-index: 999;
}

.header .main-header {
background: var(--tertiary);
}

.header .main-header .top-bar {
position: relative;
background: var(--secondary);
color: #fff;
}

.main-header .top-bar ul {
padding: 0;
margin: 0;
display: inline-flex;
}

.main-header .top-bar ul li {
position: relative;
border-right: 1px solid #ffffff12;
padding: 15px 20px;
display: flex;
justify-content: center;
align-items: center;
}

.main-header .top-bar ul li a {
color: #fff;
transition: all 0.5s ease;
}

.main-header .top-bar ul li a i {
color: var(--primary);
font-size: 18px;
vertical-align: middle;
transition: all 0.5s ease;
top: -2.5px;
}

.main-header .top-bar ul li a i.hub {
text-transform: uppercase;
font-weight: 600;
font-size: 14px;
margin-left: 10px;
}

.main-header .top-bar ul.right-ul {
float: right;
}

.main-header .top-bar ul.right-ul li {
border-left: 1px solid #ffffff12;
border-right: 0;
}

.main-header .top-bar ul.right-ul li a i {
color: var(--primary);
font-size: 18px;
vertical-align: middle;
margin-right: 5px;
}

.main-header .top-bar ul li a:hover, .main-header .top-bar ul li a:hover i {
text-decoration: none;
color: var(--primary);
}

.header .menu ul li {
color: var(--headertext);
font-weight: 500;
font-size: 16px;
}

.header.mid .main-header {
position: fixed;
left: 0;
top: -250px;
width: 100%;
transition: all .8s ease;
box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.18);
}

.header.stuck .main-header {
top: 0;
}

.header.mid .header-banner {
margin-bottom: 177.5px;
}

.header.mid .main-header .logo {
transition: all 0.5s ease;
}

.header .main-header .side-modal .logo {
position: relative;
height: auto;
width: 320px;
transition: all 0.5s ease;
top: 0;
left: 0;
transform: translate(0, 0);
max-height: unset;
}

.main-header .side-modal {
position: fixed;
right: -480px;
height: 100vh;
background: var(--secondary);
padding: 100px 50px;
top: 0;
z-index: 1;
max-width: 480px;
text-align: left;
color: var(--sidemenutext);
transition: all 1s ease;
overflow-y: scroll;
box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.03);
width: 100%;
}

.main-header .side-modal .modal-logo {
width: fit-content;
position: relative;
margin-bottom: 30px;
}

.main-header .side-modal a {
transition: all .3s ease;
color: var(--sidemenutext);
}

.main-header .side-modal a:hover {
text-decoration: none;
color: var(--sidemenutext);
}

.main-header .side-modal ul li a {
transition: all .3s ease;
color: var(--sidemenutext);
}

.main-header .side-modal ul li a:hover {
text-decoration: none;
color: var(--primary);
}

.main-header .frosted {
position: fixed;
right: 0;
height: 100vh;
top: 0;
width: 0;
background: var(--secondary);
opacity: 0;
transition-delay: .5s;
transition: all 1s ease;
}

.main-header .big-menu.active .side-modal {
right: 0;
}

.main-header .big-menu.active .frosted {
width: 100%;
opacity: .8;
}

.main-header .modal-heading {
font-size: 22px;
font-weight: 700;
margin-bottom: 5px;
}

.main-header .modal-sub {
font-size: 18px;
font-weight: 600;
margin-bottom: 5px;
}

.main-header .bottom-header {
display: inline-flex;
height: 100%;
}

.main-header .logo-hold {
height: 100%;
padding: 0;
}

.header .logo {
position: relative;
height: auto;
width: 280px;
top: 50%;
left: 0;
transform: translateY(-50%);
}

.header .logo img {
max-height: 110px;
height: 100%;
width: 100%;
object-fit: contain;
object-position: left;
padding: 10px;
}

.header .menu {
position: relative;
width: 100%;
padding: 0 20px;
height: 100%;
}

.header .menu ul {
display: flex;
justify-content: right;
display: -webkit-box;
-webkit-box-pack: end;
-webkit-box-align: end;
position: relative;
margin: 0;
padding: 0;
top: 50%;
transform: translateY(-50%);
}

.header .menu ul li {
display: inline-block;
margin-right: 30px;
}

.header .menu ul li a {
color: var(--headertext);
transition: all 0.5s ease;
position: relative;
font-size: 16px;
font-weight: 500;
}

.header .menu ul li a::before {
position: absolute;
content: "";
left: 0;
bottom: -45px;
width: 0;
height: 4px;
background: var(--primary);
transition: all 0.5s ease;
z-index: 1;
opacity: 1;
}

.header .menu ul li a:hover::before {
width: 100%;
}

.header .menu ul li a:hover {
text-decoration: none;
}

.header ul li i {
position: relative;
top: 0;
font-size: 10px;
vertical-align: middle;
margin-left: 6px;
color: var(--primary);
}

.header ul li ul.dropdown {
transition: all 0.5s ease;
display: block !important;
line-height: 45px;
font-size: 15px;
top: unset;
transform: unset;
list-style: disclosure-closed;
}

.header ul li {
position: relative;
}

.header ul li .dropdown-wrap {
position: absolute !important;
left: -50px;
top: 61px;
transition: all 0.5s ease;
opacity: 0;
border-radius: 0;
padding: 17px 25px;
height: auto;
visibility: hidden;
background: var(--secondary);
color: white;
border-top: 3px solid var(--primary);
z-index: 2;
transform: translateY(0);
width: unset;
box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1);
}

.header ul li:hover .dropdown-wrap {
opacity: 1;
visibility: visible;
}

.header ul li .dropdown-wrap p {
margin-bottom: 0;
}

.header ul li .dropdown-wrap .heading {
font-size: 26px;
margin-bottom: 5px;
line-height: 35px;
}

.header .menu ul li .dropdown-wrap a {
font-size: unset;
font-weight: unset;
}

.header .menu ul li .dropdown-wrap a:hover {
color: var(--primary);
}

.header .menu ul li .dropdown-wrap a::before {
display: none;
}

.header ul li .dropdown-wrap::before {
position: absolute;
content: "";
left: 0;
top: -40px;
width: 100%;
height: 40px;
background: transparent;
z-index: 1;
}

.header ul li ul.dropdown li {
float: none;
width: 100%;
display: list-item;
margin-left: 15px;
}

.header ul li ul.dropdown li::marker {
color: #fff;
}

.header ul li ul.dropdown li a {
color: #fff;
white-space: nowrap;
}

.header ul li ul.dropdown li a:hover {
color: var(--primary);
}

.header ul li ul.dropdown li a::before {
display: none;
}

.big-menu {
position: relative;
height: 100%;
text-align: center;
cursor: pointer;
width: 120px;
min-width: 112px;
background: var(--quaternary);
}

.big-menu.active {
cursor: default;
}

.big-menu i {
position: relative;
top: 50%;
transform: translateY(-50%);
display: block;
font-size: 32px;
color: var(--primary);
}

.big-menu .side-modal i {
position: relative;
display: block;
font-size: 42px;
color: var(--primary);
top: unset;
transform: unset;
}

.close-btn {
position: absolute;
top: 35px;
right: 35px;
width: fit-content;
cursor: pointer;
}

.close-btn .heading {
color: white;
font-size: 40px;
font-weight: 700;
}

.logo-icon {
height: 135px;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
margin-bottom: 15px;
position: relative;
width: 135px;
left: 50%;
transform: translate(-50%);
background-color: white;
border-radius: 50%;
border: 10px solid white;
}

@-webkit-keyframes SlideRightOne {
0% {
opacity: 0;
-webkit-transform: translateX(-500px);
transform: translateX(-500px);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}@keyframes SlideRightOne {
0% {
opacity: 0;
-webkit-transform: translateX(-500px);
transform: translateX(-500px);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}.SlideRightOne {
-webkit-animation-name: SlideRightOne;
animation-name: SlideRightOne;
}
.slick-active .slide-content1 {
animation-name: SlideRightOne;
animation-duration: .8s;
opacity: 1;
}

@-webkit-keyframes SlideRightTwo {
0% {
opacity: 0;
-webkit-transform: translateX(-500px);
transform: translateX(-500px);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}@keyframes SlideRightTwo {
0% {
opacity: 0;
-webkit-transform: translateX(-500px);
transform: translateX(-500px);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}.SlideRightTwo {
-webkit-animation-name: SlideRightTwo;
animation-name: SlideRightTwo;
}
.slick-active .slide-content2 {
animation-name: SlideRightTwo;
animation-duration: 1.2s;
opacity: 1;
}

@-webkit-keyframes SlideRightThree {
0% {
opacity: 0;
-webkit-transform: translateX(-500px);
transform: translateX(-500px);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}@keyframes SlideRightThree {
0% {
opacity: 0;
-webkit-transform: translateX(-500px);
transform: translateX(-500px);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}.SlideRightThree {
-webkit-animation-name: SlideRightThree;
animation-name: SlideRightThree;
}
.slick-active .slide-content3 {
animation-name: SlideRightThree;
animation-duration: 1.6s;
opacity: 1;
}
.menu-burger {
position: relative;
height: 100%;
}
.ham-hold {
position: relative;
top: 50%;
transform: translateY(-50%);
float: right;
}
.ham {
cursor: pointer;
-webkit-tap-highlight-color: transparent;
transition: transform 400ms;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
position: relative;
top: 5px;
}
.hamRotate.active {
transform: rotate(45deg);
}
.hamRotate180.active {
transform: rotate(180deg);
}
.line {
fill:none;
transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;
stroke:var(--primary);
stroke-width:5.5;
stroke-linecap:round;
}
.ham1 .top {
stroke-dasharray: 40 139;
}
.ham1 .bottom {
stroke-dasharray: 40 180;
}
.ham1.active .top {
stroke-dashoffset: -98px;
}
.ham1.active .bottom {
stroke-dashoffset: -138px;
}

/*Home*/

.hero {
position: relative;
background: var(--secondary);
}

.hero-image {
position: relative;
background-size: cover;
background-position: center;
/*border-bottom: 5px solid var(--primary);*/
}

.hero-image::before {
position: absolute;
content: "";
left: 0;
bottom: 0;
width: 100%;
height: 100%;
background: var(--secondary);
opacity: 0.8;
}

.hero-image iframe {
border: 0;
box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.25);
border-radius: 14px;
overflow: hidden;
}

.hero.sub-page .hero-image {
height: 320px;
background-position: center;
/*border-bottom: 5px solid var(--primary);*/
}

.hero.sub-page::before {
display: none;
}

.hero.sub-page .inner-content .heading {
margin: 0;
font-weight: 700;
}

.hero-text p {
margin-bottom: 0;
}

.hero-content {
height: 100%;
position: relative;
}

.hero-content p a {
transition: all .3s ease;
}

.hero-content p a:hover {
color: var(--primary);
}

.inner-content {
position: relative;
text-align: center;
top: 50%;
transform: translate(-50%, -50%);
max-width: 60%;
left: 50%;
color: white;
}

.hero.sub-page .hero-image .inner-content {
top: 50%;
}

.inner-content .heading {
font-size: 48px;
line-height: 48px;
}

.hero-image.map-hero .inner-content {
position: relative;
text-align: left;
transform: unset;
max-width: 80%;
color: white;
left: 0;
top: 50%;
transform: translateY(-50%);
}
.hero-image.map-hero .container {
justify-content: center;
align-items: center;
display: flex;
}
.hero-image.form-hero .hero-map-hold {
padding: 35px;
background: var(--tertiary);
border-radius: 14px;
box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.25);
color: white;
}
.hero-image.form-hero input.wpcf7-form-control.wpcf7-text {
margin: 7px 0;
padding: 10px 16px;
border-radius: 0;
background: transparent;
font-weight: 600;
border: 0;
border-bottom: 2px solid var(--primary);
color: white;
}
.hero-image.form-hero .hero-form-hold .heading {
font-size: 30px;
font-weight: 700;
position: relative;
margin-bottom: 15px;
line-height: 30px;
}
.hero-image.form-hero .inner-content {
text-align: center;
max-width: 90%;
}

.home-blocks {
position: relative;
top: -80px;
z-index: 9;
margin-bottom: -40px;
}

.home-block {
position: relative;
padding: 40px;
background: white;
box-shadow: 0 9px 19px rgba(0,0,0,.06);
}

.home-block.right {
background: var(--secondary);
color: white;
z-index: 9;
}

.home-block.right::before {
position: absolute;
content: "";
left: 0;
top: -30px;
width: 100%;
height: 30px;
background: var(--secondary);
clip-path: polygon(100% 0, 0% 100%, 100% 100%);
z-index: 1;
box-shadow: 0 9px 19px rgba(0,0,0,.06);
}

.home-block.right::after {
position: absolute;
content: "";
left: 0;
bottom: -30px;
width: 100%;
height: 30px;
background: var(--secondary);
clip-path: polygon(100% 0, 0 0, 100% 100%);
z-index: 1;
box-shadow: 0 9px 19px rgba(0,0,0,.06);
}

.home-block.left::before {
position: absolute;
content: "";
left: 0;
top: -30px;
width: 100%;
height: 30px;
background: white;
clip-path: polygon(100% 100%, 0 0, 0 100%);
z-index: 1;
box-shadow: 0 9px 19px rgba(0,0,0,.06);
}

.home-block.left::after {
position: absolute;
content: "";
left: 0;
bottom: -30px;
width: 100%;
height: 30px;
background: white;
clip-path: polygon(100% 0, 0 0, 0 100%);
z-index: 1;
box-shadow: 0 9px 19px rgba(0,0,0,.06);
}

.block-heading {
font-size: 30px;
font-weight: 600;
margin-bottom: 10px;
}

.icon-wrap i {
font-size: 50px;
margin-bottom: 10px;
color: var(--primary);
}

.block {
padding: 80px 10px;
position: relative;
}

.inner-block {
padding: 120px 80px;
max-width: 100%;
}

.heading {
font-size: 34px;
font-weight: 700;
position: relative;
margin-bottom: 15px;
line-height: 38px;
}

.tag {
position: relative;
border-radius: 4px;
font-size: 19px;
display: inline-block;
color: var(--primary);
font-weight: 700;
}

.notice {
position: relative;
font-weight: 600;
font-size: 19px;
margin-bottom: 20px;
}

.vertical-content {
position: relative;
top: 50%;
transform: translateY(-50%);
}

.list i {
vertical-align: middle;
position: relative;
font-size: 18px;
top: -1px;
color: var(--primary);
margin-right: 5px;
}

.tall-image {
height: 100%;
background-size: cover;
background-position: center;
overflow: hidden;
min-height: 400px;
}

.inner-block.orange {
color: white;
background: var(--primary);
}

.inner-block.orange .list i {
color: white;
}

.inner-block.orange .icon-wrap i {
color: white;
}

.inner-block.orange .tag {
background: #f2f2f21f;
}

.logo-float.right {
left: unset;
right: 0;
background: var(--secondary);
}

.design-block {
position: relative;
height: 100%;
background: #ececec;
overflow: hidden;
background-size: cover;
background-position: center;
}

.logo-float {
background: var(--primary);
position: absolute;
left: 0;
bottom: 0;
padding: 20px;
z-index: 9;
color: white;
box-shadow: 0 9px 19px rgba(0,0,0,.2);
}

.logo-float i {
font-size: 100px;
}

.service-block .heading {
font-size: 26px;
line-height: 26px;
}

.service-block .heading strong {
font-size: 28px;
}

.info-block .heading {
font-weight: 700;
font-size: 30px;
line-height: normal;
}

.sub-heading {
font-size: 18px;
font-weight: 500;
opacity: .8;
}

.heading.small {
font-size: 24px;
font-weight: 400;
margin-bottom: 0;
}

.wpcf7-submit.btn {
background: var(--primary);
color: white;
}

.btn {
background: transparent;
color: #fff !important;
font-size: 18px;
border: 0;
transition: all .7s ease;
font-weight: 800;
overflow: hidden;
position: relative;
z-index: 1;
text-decoration: none !important;
}

.block.gridlight .btn {
color: #fff !important;
}

.btn:hover {
color: #fff;
}

.btn::before {
content: "";
position: absolute;
background: #64AE40;
opacity: 1;
width: 100%;
height: 100px;
transition: all 1s ease;
z-index: -1;
}

.btn::after {
content: "";
position: absolute;
background: #70bf4a;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
transition: all 1s ease;
z-index: -2;
}

.btn.dark, .banner.image-bg.default a.btn.dark:hover {
color: #fff !important;
}

.btn.dark::before {
background: #181818;
}

.btn.dark::after {
background: #282828;
}

.btn.darkened::before {
background: #00000012;
}

.btn.darkened::after {
background: #00000012;
}

.btn.white {
color: #212529;
}

.btn.white::before {
background: #efefef;
}

.btn.white::after {
background: #fff;
}

.btn i {
position: absolute;
right: 35px;
font-size: 18px;
top: 50%;
transform: translateY(-50%);
opacity: 0;
transition: all .7s ease;
}

.btn:hover i {
right: 20px;
opacity: 1;
}

.more {
color: var(--primary);
font-weight: 600;
font-size: 16px;
position: relative;
left: 20px;
transition: all .5s ease;
}

.more:hover {
color: var(--secondary);
text-decoration: none;
}

.more::before {
position: absolute;
content: "";
left: -20px;
top: 50%;
transform: translateY(-50%);
height: 6px;
width: 6px;
background: var(--primary);
border-radius: 50%;
transition: all .5s ease;
}

.more:hover::before {
background: var(--secondary);
}

.block {
padding: 60px;
position: relative;
}

.inner-block {
padding: 80px 60px;
}

.img-hold {
position: relative;
top: 50%;
transform: translateY(-50%);
}
.transition {
height: 100%;
}
.transform-hold {
position: relative;
top: 50%;
transform: translateY(-50%);
}

.logo-img {
width: 240px;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
height: 175px;
position: relative;
left: 50%;
transform: translate(-50%);
}

.banner {
position: relative;
padding: 80px;
}

.banner.image-bg {
background-position: center;
background-size: cover;
}

.banner.image-bg.default::before {
position: absolute;
content: "";
left: 0;
top: 0;
width: 100%;
height: 100%;
background: var(--primary);
opacity: .92;
}

.banner.image-bg.default a, .side-modal p a {
text-decoration-color: var(--secondary) !important;
}

.banner.image-bg.default a:hover {
text-decoration-color: #000 !important;
color: #000 !important;
}

.header .side-modal p a:not([class]):hover {
text-decoration-color: #000 !important;
text-decoration: underline !important;
color: #000 !important;
}

.banner.image-bg.dark::before {
position: absolute;
content: "";
left: 0;
top: 0;
width: 100%;
height: 100%;
background: var(--secondary);
opacity: .9;
}

.banner.image-bg .container {
position: relative;
z-index: 1;
}

.banner-content-wrap {
max-width: 700px;
text-align: left;
position: relative;
padding: 50px;
}
.banner-content-wrap::before {
position: absolute;
content: "";
left: 0;
top: 0;
width: 100%;
height: 100%;
background: var(--secondary);
opacity: .9;
}
.banner-content-wrap span {
position: relative;
z-index: 1;
}
.style2_banner {
padding: 40px 80px;
}
.style2_banner::before {
position: absolute;
content: "";
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #fff;
opacity: .3;
}
.banner-content-wrap .btn {
animation: wobble-pause 6s infinite;
animation-delay: 2s;
}
.banner .heading {
font-weight: 700;
font-size: 40px;
margin-bottom: 10px;
}
.banner .heading.small {
font-size: 24px;
font-weight: 400;
margin-bottom: 0;
}

.side-image {
background-size: cover;
background-position: center;
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
border-radius: 0;
}
.map iframe {
width: 100% !important;
margin-bottom: -8px;
border-bottom: 12px solid var(--primary) !important;
}
.graphic {
position: relative;
height: 160px;
background-size: contain;
background-position: center;
width: 160px;
background-repeat: no-repeat;
margin-bottom: 5px;
}

.graphic.lg {
height: 160px;
width: 300px;
}

.graphic.sml {
height: 100px;
width: 100px;
width: 100%;
margin-bottom: 10px;
}
ul.bullet-points {
margin-bottom: 30px;
}
.point {
font-size: 18px;
position: relative;
}
.point i {
font-size: 10px;
position: relative;
top: -2px;
margin-right: 10px;
}

.info-block {
position: relative;
height: 100%;
overflow: hidden; 
}

.info-block::before {
position: absolute;
content: "";
left: 0;
width: 100%;
background: var(--primary);
transition: all .4s ease;
}

.info-block:hover::before {
bottom: 0px;
}

.info-block i {
font-size: 60px;
display: block;
position: relative;
margin-bottom: 20px;
color: var(--primary);
opacity: .7;
}

.image {
position: relative;
background-size: cover;
background-position: center;
min-height: 400px;
height: 100%;
}

.panel-hold {
display: flex;
}

.panel {
position: relative;
height: 600px;
padding: 50px;
background-size: cover;
background-position: center;
flex: 1;
transition: all .5s ease;
overflow: hidden;
}

.panel.dark::before {
position: absolute;
content: "";
left: 0;
top: 0;
width: 100%;
height: 100%;
background: black;
opacity: .8;
}

.panel.primary::before {
position: absolute;
content: "";
left: 0;
top: 0;
width: 100%;
height: 100%;
background: var(--primary);
opacity: .8;
}

.panel.secondary::before {
position: absolute;
content: "";
left: 0;
top: 0;
width: 100%;
height: 100%;
background: var(--secondary);
opacity: .8;
}

.panel:hover {
flex: 1.2;
}

.panel-content {
position: absolute;
width: 80%;
bottom: 60px;
transition: all .5s ease;
}

.panel .heading {
color: white;
}

.panel-content p {
width: 450px;
margin-bottom: 30px;
}

.service-block {
position: relative;
text-align: center;
padding: 28px;
border-radius: 8px;
background: #1a1a1a;
margin: 15px 0;
}

/*.service-block::before {
position: absolute;
content: "";
left: 0;
top: 0;
width: 0;
height: 3px;
background: var(--primary);
opacity: 1;
transition: all .8s ease;
}

.service-block:hover::before {
width: 100%;
}

.service-block::after {
position: absolute;
content: "";
right: 0;
bottom: 0;
width: 0;
height: 3px;
background: var(--primary);
opacity: 1;
transition: all .8s ease;
}

.service-block:hover::after {
width: 100%;
}*/

.video-float {
position: relative;
z-index: 2;
top: 48%;
transform: translateY(-50%);
margin: 25px;
border-bottom: 12px solid #70bf4a;
}

.slick-dots {
position: absolute;
bottom: 20px;
display: block;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
width: fit-content;
left: 50%;
transform: translate(-50%);
background: transparent;
padding: 8px 20px 12px 20px;
}

.slick-dots li button {
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: 0;
background: 0 0;
left: 58%;
position: relative;
transform: translate(-50%);
}

.slick-dots li button::before {
font-family: slick;
font-size: 10px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 15px;
height: 15px;
text-align: center;
opacity: .25;
color: #000;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.slick-dots li button::before {
opacity: .4;
color: #fff;
}

.slick-dots li.slick-active button::before {
opacity: .9;
color: #fff;
}

.slick-dotted.slick-slider {
margin-bottom: 0;
}

.slick-next::before, .slick-prev::before {
display: none;
}

.slick-arrow.slick-prev {
left: 35px;
z-index: 9;
}

.slick-arrow.slick-next {
right: 35px;
z-index: 9;
}

.slick-arrow {
position: absolute;
color: var(--primary);
font-size: 50px;
border: none;
box-shadow: none;
transition: all .5s;
opacity: 1;
top: 50%;
transform: translateY(-50%);
}

.slick-next, .slick-prev {
width: 52px;
height: 52px;
}

.slick-next:focus, .slick-next:hover, .slick-prev:focus, .slick-prev:hover {
color: var(--primary);
}

input.wpcf7-form-control.wpcf7-text, textarea.wpcf7-form-control.wpcf7-textarea, select.wpcf7-form-control.wpcf7-select {
width: 100%;
margin: 10px 0;
padding: 13px 15px;
border: 0;
border-bottom: 3px solid var(--primary);
border-radius: 0;
background: #fbfbfb;
transition: all 0.5s ease;
font-weight: 600;
}

input.wpcf7-form-control.wpcf7-text:hover, textarea.wpcf7-form-control.wpcf7-textarea:hover {
outline: 0;
border-bottom-color: var(--secondary);
}

input.wpcf7-form-control.wpcf7-text:focus, textarea.wpcf7-form-control.wpcf7-textarea:focus {
outline: 0;
border-bottom-color: var(--secondary);
}

textarea.wpcf7-form-control.wpcf7-textarea {
height: 125px;
margin-bottom: 20px;
}

.wpcf7-form .btn {
float: right;
}


/*Gallery*/

.gallery-block {
position: relative;
margin-bottom: 30px;
}
.front-image {
position: relative;
margin-bottom: 30px;
}
.gallery-image {
height: 300px;
width: 100%;
max-height: 300px;
object-fit: cover;
object-position: center;
box-shadow: 0px 5px 15px 0px rgba(0, 33, 85, 0.1);
border: 3px solid white;
}
.gallery-image.no-border {
border: 0;
box-shadow: unset;
}
.zoom-cover {
position: absolute;
right: 12px;
bottom: 12px;
width: 45px;
height: 45px;
display: flex;
justify-content: center;
align-items: center;
font-size: 25px;
background: var(--secondary);
border-radius: 3px;
transition: all .3s ease;
opacity: 0;
transform: scale(.4);
}
.zoom-cover i {
color: white;
}
.front-image:hover .zoom-cover {
opacity: 1;
transform: scale(1);
}

/*Sitemap*/

.sitemap-container {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
max-width: 1400px;
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}

.sitemap-container .column {
width: 48%;
}

.sitemap-container .link-title {
position: relative;
font-size: 21px;
font-weight: 700;
}

.sitemap-container .link-desc {
margin-bottom: 13px;
font-weight: 400;
}

.sitemap-container ul {
list-style-type: none;
padding: 0;
}

@media screen and (max-width: 768px) {
.sitemap-container .column {
width: 100%;
}
}

/*GPT*/

.gpt-block {
  padding: 60px;
}

.gpt-block a {
  color: #4169e1;
}

.gpt-block .col-lg-6 {
  display: flex;
  align-items: center;
}

.gpt-image {
  object-fit: cover;
  object-position: center;
  position: relative;
  width: 100%;
  border: 10px solid white;
  min-height: 380px;
  max-height: 450px;
  box-shadow: 0px 5px 15px 0px rgba(0, 33, 85, 0.1);
  margin: 10px 0;
  height: calc(100% - 20px);
  overflow: hidden;
  outline: 4px solid #ffffff26;
  outline-offset: 10px;
}

.gpt-image::before {
  position: absolute;
  content: "";
  left: -80px;
  top: -80px;
  width: 160px;
  height: 160px;
  background: transparent;
  border: 12px solid var(--primary);
  opacity: 0.6;
  transform: rotate(-45deg);
  border-radius: 50%;
}

.gpt-image::after {
  position: absolute;
  content: "";
  right: -80px;
  bottom: -80px;
  width: 160px;
  height: 160px;
  background: transparent;
  border: 12px solid var(--primary);
  opacity: 0.6;
  transform: rotate(-45deg);
  border-radius: 50%;
}

.gpt-content {
  padding: 40px;
}

.blog-services {
  display: block;
  position: relative;
  z-index: 1;
}

.blog-services li {
  display: inline-block;
  margin: 0 10px;
}

.blog-services li a {
  font-weight: 600;
  font-size: 18px;
  color: inherit !important;
}

.contact-wrap {
  position: relative;
  left: 50%;
  transform: translate(-50%);
  max-width: 800px;
}

/*Blog*/

.blog-wrap {
margin: 10px;
}

.blog-wrap .btn {
padding: 12px 18px;
font-size: 15px;
}

.blog-image {
max-height: 185px;
width: calc(100% - 20px);
object-fit: cover;
object-position: center;
margin: 0 10px;
margin-top: 10px;
border-bottom: 5px solid  var(--primary);
}

.blog-content {
padding: 20px 10px;
}

.blog-wrap .heading {
font-size: 22px;
line-height: 26px;
min-height: 80px;
}

.blog-content .sub-heading {
margin-bottom: 5px;
font-size: 15px;
font-weight: 500;
opacity: 0.5;
}

.blog-pagination {
width: fit-content;
float: right;
margin: 10px;
}

.blog-pagination .page-numbers {
padding: 5px;
background: #eceff3;
min-width: 32px;
display: inline-block;
text-align: center;
font-weight: 600;
margin: 0 2px;
border-radius: 5px;
text-decoration: none !important;
transition: all .2s ease;
}

.blog-pagination .page-numbers:hover {
background:  var(--secondary);
color:  var(--primary);
}

.pages-link {
padding: 5px 12px;
font-size: 18px;
background: #f2f2f259;
border-radius: 4px;
width: fit-content;
margin-bottom: 10px;
transition: all .4s ease;
}

.pages-link:hover {
background: #f2f2f2d1;
}

.pages-link i {
color: var(--primary);
}

.block a, .banner a, .info-block a, .footer p a, .side-modal p a, .hero-content p a {
color: unset;
text-decoration: underline;
text-decoration-color: var(--primary);
font-weight: 700;
transition: all .2s ease;
}

.block a:not([class]):hover, .banner a:not([class]):hover, .info-block a:not([class]):hover, .footer p a:not([class]):hover, .side-modal p a:not([class]):hover {
color: var(--primary) !important;
}

.block ul, .banner ul, .info-block ul {
list-style-position: inside !important;
list-style: disclosure-closed;
padding-left: 0 !important;
}

.block ul li, .banner ul li, .info-block ul li {
font-weight: 500;
font-size: 16px;
}

.block ul li::marker, .banner ul li::marker, .info-block ul li::marker {
color: var(--primary) !important;
}

/*Other Reviews Slider*/
.other-logo {
max-width: 320px;
position: relative;
width: 100%;
height: 100%;
object-fit: contain;
object-position: center;
margin-bottom: 10px;
}
.other-rating {
font-weight: 800;
padding: 4px 14px;
font-size: 20px;
color: rgb(0, 88, 162);
background: rgb(208, 227, 255);
border-radius: 4px;
width: fit-content;
position: relative;
left: 50%;
transform: translate(-50%);
margin-bottom: 10px;
line-height: 24px;
}
.heading.other-heading {
font-size: 28px;
margin-bottom: 19px;
line-height: 30px;
}
.review-total.other-reviews {
color: #eb1f40;
text-decoration: none !important;
}

/*Text Contact Form*/

.form-information-wrapper {
position: relative;
background: var(--grey);
border-radius: 5px;
padding: 35px;
}
.form-information-wrapper .heading {
font-size: 28px;
margin-bottom: 20px;
line-height: 25px;
}
.form-wrapper {
border: 2px solid var(--grey);
padding-top: 35px;
border-radius: 6px;
}
.form-map-wrapper {
position: relative;
margin: 15px 0;
border-radius: 5px;
overflow: hidden;
}
.form-map-wrapper iframe {
max-height: 200px !important;
width: 100% !important;
min-width: 100% !important;
margin-bottom: -6px !important;
}
.form-information-wrapper p, .form-map-wrapper p {
margin-bottom: 0;
}
.form-information-wrapper ul {
columns: 3;
margin-bottom: 0;
list-style: none;
}
.form-information-wrapper ul li {
padding: 5px 0 !important;
}
.form-wrapper .heading {
margin-left: 18px;
font-size: 28px;
line-height: 25px;
margin-bottom: -20px;
max-width: 90%;
}
.form-button-wrapper {
display: flex;
gap: 10px;
}
.form-button-wrapper .btn {
width: 50%;
padding: 10px 0;
}
@media (max-width: 991px) {
  .form-information-wrapper.locations-wrapper {
  margin-bottom: 15px;
  }
}
@media (max-width: 576px) {
  .form-information-wrapper ul {
  columns: 2;
  }
}

/*Footer*/

.tradie-banner {
position: relative;
text-align: center;
margin-top: -60px;
}
.tradie-banner::before {
position: absolute;
content: "";
left: 0;
bottom: 0;
width: 100%;
height: calc(100% - 60px);
background: var(--secondary);
filter: brightness(.8);
}
.tradie-banner .tradie-graphic {
max-width: 375px;
}

.footer-bottom ul.policies {
top: 50%;
transform: translateY(-50%);
}
.footer-bottom .tradesmen-overlay {
display: flex;
color: white;
max-width: 350px;
align-items: center;
position: relative;
float: right;
bottom: 0;
right: 0;
padding: 12px;
background: var(--secondary);
}
.footer-bottom .tradesmen-overlay img.tradesmen-logo {
max-width: 130px;
}
.footer-bottom .tradesmen-overlay .trade-content {
padding-left: 10px;
}
.footer-bottom .tradesmen-overlay .trade-heading {
font-weight: 600;
font-size: 15px;
line-height: 20px;
margin-bottom: 12px;
}
.footer-bottom .tradesmen-overlay .link {
font-weight: 800;
color: #000;
padding: 6px 12px;
background: #e6ad00;
border-radius: 3px;
transition: all .3s ease;
}

.footer-bottom .tradesmen-overlay .link:hover {
text-decoration: none;
background: #ffca29;
}

.footer-bottom a {
transition: all .3s ease;
}

.footer-bottom a:hover {
text-decoration: none;
color: var(--primary);
}

.footer {
padding: 75px 40px 60px 40px;
line-height: 42px;
font-size: 15px;
color: #fff;
background: var(--secondary);
position: relative;
overflow: hidden;
}

.footer-heading {
font-size: 26px;
margin-bottom: 15px;
font-weight: 700;
position: relative;
line-height: 30px;
color: white;
border-bottom: 1px solid #ffffff0d;
padding-bottom: 15px;
}

.footer-heading strong {
font-size: 22px;
font-weight: 400;
}

.footer iframe {
border-bottom: 5px solid var(--primary) !important;
box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.18) !important;
margin-bottom: 10px;
}

.footer-list-column li {
line-height: 20px;
margin-bottom: 20px;
}

.footer .contact-li {
line-height: 28px;
margin-bottom: 20px;
}

.footer-text {
opacity: .8;
position: relative;
line-height: 20px;
font-size: 14px;
max-width: 80%;
margin-top: 26px;
display: block;
}

.footer ul {
list-style-position: inside !important;
padding-left: 0 !important;
list-style: disc !important;
margin-left: 15px;
}

.footer ul li::marker {
  color: var(--primary) !important;
}

.footer ul i {
font-size: 8px;
position: relative;
top: -2px;
margin-right: 5px;
color: var(--primary);
}

.footer ul li a {
text-decoration: none;
transition: all 0.3s ease;
color: white;
opacity: .82;
}

.footer ul li a:hover {
text-decoration: none;
color: var(--primary);
}

.footer-bottom {
position: relative;
background: var(--secondary);
filter: brightness(.9);
}

.footer-bottom ul li a {
color: white;
}

ul.policies {
display: inline-flex;
position: relative;
margin: 0;
padding: 15px;
filter: brightness(1);
}

ul.policies li {
margin-right: 25px;
}

@media (max-width: 1200px) {
.header ul li ul.dropdown {
columns: 2 !important;
}
.panel-hold {
display: block;
}
.panel {
position: relative;
height: 100%;
padding: 40px;
width: 100%;
}
.panel-content {
position: relative;
width: 100%;
bottom: 0;
}
.panel-content p {
width: 100%;
}

.main-header .top-bar ul.right-ul li a span {
display: none !important;
}

.header .main-header .top-bar, .main-header .top-bar ul li a span.hub {
font-size: 11px;
}

.main-header .top-bar ul li a span {
font-size: 15px;
}

.header .menu ul li a {
font-size: 15px;
}

.header .logo {
max-width: 275px;
width: 100%;
padding: 0 10px;
}

.big-menu {
width: 100%;
min-width: unset;
}

.main-header .container {
padding: 0;
}

}

@media (max-width: 991px) {

.big-menu .side-modal ul li i {
position: relative;
display: inline;
font-size: 10px;
color: var(--primary);
transform: unset;
margin-left: 0;
margin-right: 2px;
top: -2px;
}

.big-menu .side-modal p {
font-size: unset !important;
}

.big-menu .side-modal ul li a:hover {
text-decoration: none;
}

.header .main-header, .header.mid .main-header, .header.stuck .main-header {
position: fixed;
left: 0;
top:  0;
width: 100%;
transition: all .8s ease;
box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.18);
}

.top-bar {
display: none;
}

.header .logo {
width: 230px;
padding: 0;
}

.header .menu {
position: relative;
top: 0;
transform: none;
}

.header .menu ul li {
width: 100%;
text-align: center;
}

.main-header .side-modal {
padding: 100px 30px;
}

.header ul {
display: block;
}

.header ul li {
display: inline-block;
padding: 5px 0;
position: relative;
transition: all 0.5s ease;
text-align: left;
width: 100%;
font-size: 17px;
}

.header ul li a {
color: white;
position: relative;
padding: 0;
margin: 0;
transition: all 0.5s ease;
font-size: 17px;
}

.header .menu ul li a {
line-height: 40px;
color: white;
}

.header .menu ul li a {
font-size: 22px;
}

.header .menu ul li {
display: block;
}

.header .menu ul {
height: 100vh;
width: 100vw;
background: white;
position: fixed;
top: 0;
left: 0;
opacity: 0;
visibility: hidden;
display: block;
padding: 80px 50px;
transform: translateY(0);
overflow-y: scroll;
}

.header ul li ul.dropdown {
position: relative !important;
left: 0;
top: 0;
margin-left: 0;
background: white;
line-height: unset;
padding: 10px 0 0 0;
background: transparent;
border-top: 0;
width: 100%;
overflow: unset;
visibility: visible;
opacity: 1;
columns: 1 !important;
}

.header ul li ul.dropdown li a {
white-space: unset;
}

.header .menu ul.active {
opacity: 1;
visibility: visible;
}

.header .menu ul li a, .header ul li ul.dropdown li a, .header .menu ul li a:hover, .header ul li ul.dropdown li a:hover {
color: var(--sidemenutext);
}

.header .menu ul li a::before {
display: none;
}

.floating-banner {
margin-top: 116px;
}

.hero {
padding-left: 0;
padding-right: 0;
margin-top: 89px;
}

.hero-content {
width: 100%;
position: relative;
padding: 10px;
top: 50%;
left: unset;
transform: unset;
transform: translateY(-50%);
}

.hero-content p {
margin-bottom: 20px;
font-size: 16px;
line-height: 22px;
}

.hero-content .heading {
font-size: 40px;
line-height: 40px;
margin-bottom: 25px;
}

.info-block {
border-bottom: 1px solid #eee;
}

.service-block {
margin-bottom: 25px;
}

.main-header .logo-hold {
border: 0;
padding: 8px;
float: left;
}

.side-image {
height: 300px;
}

.footer iframe {
max-height: 350px;
}

.inner-block {
padding: 80px 20px !important;
}

ul.policies {
display: block;
}

ul.policies li {
margin-right: 0;
margin-bottom: 10px;
}

.btn {
margin-bottom: 5px;
}

}

@media (max-width: 768px) {

.slick-arrow.slick-next {
right: -5px;
}

.slick-arrow.slick-prev {
left: -5px;
}

.banner {
padding: 50px;
}

p {
font-size: 14px;
}

.btn {
font-size: 16px;
}

.block {
padding: 50px 20px !important;
}

.inner-block {
padding: 60px 20px !important;
}

.video-float {
position: relative;
top: 0;
transform: translateY(0);
margin: 0;
}

.footer iframe {
max-height: 300px;
}

.footer-text {
max-width: 100%;
width: 100%;
}

.inner-content {
max-width: 75%;
top: 50%;
}

.hero-content .heading {
font-size: 30px;
line-height: 28px;
}

}

@media (max-width: 576px) {

.hero-content p {
font-size: 14px;
}

.inner-content {
max-width: 90%;
}

.ham-hold {
transform: translateY(-50%) scale(.8);
}

.floating-banner {
margin-top: 89px;
}

.hero-image {
padding: 60px 10px;
}

.inner-block {
padding: 20px 10px !important;
}

.block {
padding: 20px 10px;
}

.block .container {
padding: 0;
}

p {
font-size: 14px;
}

.btn {
font-size: 15px;
}

.block.blue .heading {
line-height: 30px;
margin-bottom: 10px;
}

.block.blue .heading strong {
font-size: 30px;
}

.heading, .info-block .heading {
font-size: 24px;
}

.block .heading {
line-height: 26px !important;
margin-bottom: 12px !important;
color: inherit !important;
}

.block .heading strong {
font-size: 24px !important;
font-weight: 700 !important;
text-transform: uppercase !important;
}

.graphic {
height: 125px;
}

.graphic.sml {
height: 85px;
}

.footer .col-lg-3 {
margin-bottom: 20px;
}

.banner {
padding: 30px 10px !important;
}

.banner .heading {
font-size: 26px !important;
line-height: 28px !important;
}

.heading.small {
font-size: 22px !important;
line-height: 25px !important;
margin-bottom: 0px !important;
}

.footer {
padding: 50px 5px 20px 5px;
}

.side-image {
height: 225px;
}

.breadcrumb {
padding: 0;
}

.footer iframe {
max-height: 250px;
}

ul.policies {
padding: 15px 5px;
}

.header .logo {
width: 160px;
}

.accordion-single-title {
font-size: 20px;
text-align: left;
}

.accordion-single-content p {
font-size: 15px;
text-align: left;
}

}

@media (max-width: 400px) {

p {
font-size: 14px;
}

.footer iframe {
max-height: 200px;
}

.service-block {
padding: 20px;
}

.block {
padding: 30px 20px !important;
}

}