/*
Theme Name: TSL Scotland | VerticalVertical
Text Domain: verticalvertical
Version: 1.0.0
Description: Our default theme for 2024 is designed to take full advantage of the flexibility of the block editor..
Author: Vertical Vertical
Author URI: https://verticalvertical.com/
Template: verticalvertical
*/

:root {
  --totalHeaderHeight: 230px;
  --headerMainStickyColor: #003e80;
  --headerSocketColor: #CD3834;
  --headerMainColor: #003e80;
  --defaultColor: #171717;
  --whiteColor: #FFFFFF;
  --redColor: #CD3834;
  --blueColor: #003e80;
  --blackColor: #171717;
  --grayColor: #444A4E;
  --borderColor: #707070;
  --selectionBgColor: #003e80;
  --selectionTextColor: #FFFFFF;
  --scrollBarBgColor: #003e80;
  --borderRadiusText: 0 122px;
  --borderRadiusButton: 0 22px;
  --slideInAnimationDuration: 1s;
  --slideInMegaMenuAnimationDuration: .5s;
  --slideInDelay: .2s;
  --verticalContactFont: 'Poppins', Arial, HelveticaNeue, "Helvetica Neue", Helvetica, sans-serif !important;
}

h1::selection,
h2::selection,
h3::selection,
h4::selection,
h5::selection,
h6::selection,
span::selection,
a::selection,
ul::selection,
li::selection,
ol::selection,
p::selection,
quote::selection,
::selection {
  background-color: var(--selectionBgColor) !important;
  color: var(--selectionTextColor) !important;
}

::-webkit-scrollbar {
  width: 10px;
  -webkit-overflow-scrolling: auto
}

::-webkit-scrollbar-thumb {
  background-color: var(--blueColor)
}

#vertical-cookie-banner {
  background-color: var(--blueColor);
}

#vertical-cookie-banner p {
  font-size: 12px !important;
  line-height: 14px !important;
  color: var(--whiteColor) !important;
}

#vertical-cookie-banner button {
  background-color: var(--blueColor) !important;
}

:where(.wp-block-columns) {
  margin-bottom: 0px !important;
}

#site-header.has-sticky.sticky .site-header-inner {
  box-shadow: 0px 3px 6px rgba(0, 0, 0, .61);
}

body *,
html * {
  box-sizing: border-box;
  letter-spacing: 0;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  white-space: normal;
  word-break: normal
}

body img,
html img {
  display: block;
  max-width: 100%
}

@font-face {
  font-family: 'Poppins';
  src: url('./tslscotland/fonts/Poppins-Thin.ttf') format('truetype');
  font-style: normal;
  font-weight: 200;
  font-display: swap
}

@font-face {
  font-family: 'Poppins';
  src: url('./tslscotland/fonts/Poppins-ThinItalic.ttf') format('truetype');
  font-style: italic;
  font-weight: 200;
  font-display: swap
}

@font-face {
  font-family: 'Poppins';
  src: url('./tslscotland/fonts/Poppins-Light.ttf') format('truetype');
  font-style: normal;
  font-weight: 300;
  font-display: swap
}

@font-face {
  font-family: 'Poppins';
  src: url('./tslscotland/fonts/Poppins-LightItalic.ttf') format('truetype');
  font-style: italic;
  font-weight: 300;
  font-display: swap
}

@font-face {
  font-family: 'Poppins';
  src: url('./tslscotland/fonts/Poppins-Regular.ttf') format('truetype');
  font-style: normal;
  font-weight: 400;
  font-display: swap
}

@font-face {
  font-family: 'Poppins';
  src: url('./tslscotland/fonts/Poppins-Italic.ttf') format('truetype');
  font-style: italic;
  font-weight: 400;
  font-display: swap
}

@font-face {
  font-family: 'Poppins';
  src: url('./tslscotland/fonts/Poppins-Medium.ttf') format('truetype');
  font-style: normal;
  font-weight: 500;
  font-display: swap
}

@font-face {
  font-family: 'Poppins';
  src: url('./tslscotland/fonts/Poppins-MediumItalic.ttf') format('truetype');
  font-style: italic;
  font-weight: 500;
  font-display: swap
}

@font-face {
  font-family: 'Poppins';
  src: url('./tslscotland/fonts/Poppins-SemiBold.ttf') format('truetype');
  font-style: normal;
  font-weight: 600;
  font-display: swap
}

@font-face {
  font-family: 'Poppins';
  src: url('./tslscotland/fonts/Poppins-SemiBoldItalic.ttf') format('truetype');
  font-style: italic;
  font-weight: 600;
  font-display: swap
}

@font-face {
  font-family: 'Poppins';
  src: url('./tslscotland/fonts/Poppins-Bold.ttf') format('truetype');
  font-style: normal;
  font-weight: 700;
  font-display: swap
}

@font-face {
  font-family: 'Poppins';
  src: url('./tslscotland/fonts/Poppins-BoldItalic.ttf') format('truetype');
  font-style: italic;
  font-weight: 700;
  font-display: swap
}

@font-face {
  font-family: 'Poppins';
  src: url('./tslscotland/fonts/Poppins-ExtraBold.ttf') format('truetype');
  font-style: normal;
  font-weight: 800;
  font-display: swap
}

@font-face {
  font-family: 'Poppins';
  src: url('./tslscotland/fonts/Poppins-ExtraBoldItalic.ttf') format('truetype');
  font-style: italic;
  font-weight: 800;
  font-display: swap
}

@font-face {
  font-family: 'Poppins';
  src: url('./tslscotland/fonts/Poppins-Black.ttf') format('truetype');
  font-weight: 900;
  font-display: swap
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
html {
  margin: 0
}

h1 {
  font-family: 'Poppins', Arial, HelveticaNeue, "Helvetica Neue", Helvetica, sans-serif !important;
  color: var(--blackColor);
  font-weight: 700;
}

h2,
h3,
h4,
h5,
h6 {
  font-family: 'Poppins', Arial, HelveticaNeue, "Helvetica Neue", Helvetica, sans-serif !important;
  color: var(--blackColor);
  font-weight: 700;
}

h1 {
  font-size: 35px;
  line-height: 40px;
  margin-bottom: 30px;
}

h2 {
  font-size: 35px;
  line-height: 40px;
}

h3 {
  font-size: 30px;
  line-height: 25px;
}

h4 {
  font-size: 24px;
  line-height: 28px;
}

h5 {
  font-size: 20px;
  line-height: 28px;
}

a,
ul,
li,
ol,
p,
quote {
  font-family: 'Poppins', Arial, HelveticaNeue, "Helvetica Neue", Helvetica, sans-serif !important;
  color: var(--defaultColor);
  font-weight: 400;
  font-size: 20px;
  line-height: 25px;
  text-decoration: none;
}

h1>span,
h2>span,
h3>span,
h4>span,
h5>span,
h6>span {
  color: var(--defaultColor);
}

p {
  margin: 0 0 25px;
}

* a:last-child,
* p:last-child {
  margin-bottom: 0 !important
}

.subtitle {
  font-size: 20px;
  line-height: 25px;
  font-weight: 700;
}

.underline,
.underlineHover:hover {
  text-decoration: underline
}

.overflow-hidden {
  overflow: hidden;
}

.bg-section {
  background-color: rgba(46, 44, 100, 0.01);
  background-repeat: no-repeat;
}

.bg-top {
  background-position: top;
}

.bg-center {
  background-position: center;
}

.bg-cover {
  background-size: cover;
}

.bg-blue {
  background-color: var(--blueColor);
}

.bg-gray {
  background-color: var(--grayColor);
}

.bg-red {
  background-color: var(--redColor);
}

.border-title-section {
  padding: 23px 0;
  border-radius: var(--borderRadiusText);
  border: 5px solid var(--blueColor);
  min-height: 128px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.border-title-section .section-title {
  padding: 0 100px;
  text-align: left;
  margin: 0;
}

.border-title-section .section-title h2 {
  max-width: unset;
  margin: 0;
}

.border-red {
  border-color: var(--redColor);
}

.border-blue {
  border-color: var(--blueColor);
}

.text-black-color {
  color: var(--blackColor);
}

.text-white-color {
  color: var(--whiteColor);
}

.text-red-color {
  color: var(--redColor);
}

.text-gray-color {
  color: var(--grayColor);
}

.text-blue-color {
  color: var(--blueColor);
}

.text-default-color {
  color: var(--defaultColor);
}

.text-center {
  text-align: center;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-small-regular {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
}

.text-semibold-weight {
  font-weight: 600;
}

.text-bold-weight {
  font-weight: 700;
}

.text-regular-weight {
  font-weight: 400;
}

.text-black-weight {
  font-weight: 900;
}

.text-h2 {
  font-size: 35px;
  line-height: 40px;
  font-weight: 700;
  margin: 0;
}

.btn-style {
  font-family: 'Poppins', Arial, HelveticaNeue, "Helvetica Neue", Helvetica, sans-serif !important;
  font-size: 16px;
  padding: 13px 18px 12px;
  border-radius: var(--borderRadiusButton);
  border: 1px solid;
  font-weight: 400;
  text-transform: none;
  display: block;
  width: 100%;
  max-width: 238px;
  text-align: center;
  cursor: pointer;
}

.btn-blue-style {
  background-color: var(--blueColor);
  border-color: var(--blueColor);
  color: var(--whiteColor);
}

.btn-blue-style:hover {
  background-color: var(--redColor);
  border-color: var(--redColor);
  color: var(--whiteColor);
}

.btn-red-style {
  background-color: var(--redColor);
  border-color: var(--redColor);
  color: var(--whiteColor);
}

.btn-red-style:hover {
  background-color: var(--blueColor);
  border-color: var(--blueColor);
  color: var(--whiteColor);
}

.btn-white-style {
  background-color: var(--white);
  border-color: var(--blueColor);
  color: var(--blueColor);
}

.btn-white-style:hover {
  background-color: var(--blueColor);
  border-color: var(--blueColor);
  color: var(--whiteColor);
}

.margin-0 {
  margin: 0;
}

.padding-0 {
  padding: 0;
}

.position-relative {
  position: relative;
}

.absolute-full {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.element-mobile {
  display: none !important;
}

.section-title-spacing {
  margin: 0 0 70px;
}

.page-section-spacing {
  padding: 70px 0px;
}

.page-section-spacing-small {
  padding: 30px 0px;
}

.page-section-spacing-top {
  padding: 70px 0px 0;
}

.page-section-spacing-bottom {
  padding: 0 0px 70px;
}

.page-header-summary {
  padding: 70px 0px;
}

.page-header-summary * {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.page-header-summary p {
  width: 100%;
  max-width: 966px;
}

.flex-box {
  display: flex;
}

.flex-column {
  flex-flow: column;
}

.flex-row {
  flex-flow: row;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex-end {
  justify-content: flex-end;
}

.flex-1 {
  flex: 1;
}

.full-width {
  width: 100%;
  max-width: 100%;
}

.full-height {
  height: 100%;
  max-height: 100%;
}

.align-center {
  align-items: center;
}

.justify-center {
  justify-content: center;
}

.flex-box .flex-child {
  padding-left: 15px;
  padding-right: 15px;
  width: 100%;
}

.flex-box .flex-second {
  width: 50%;
}

.flex-box .flex-third {
  width: calc(100% / 3);
}

.flex-box .flex-fourth {
  width: 25%;
}

.flex-box .flex-fifth {
  width: 20%;
}

.box-shadow {
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
}

/* Header */
#site-header .header-socket-wrapper .header-socket-inner-section .header-socket-item {
  font-size: 13px;
  font-weight: 600;
  line-height: 14px;
}

#site-header .header-main-wrapper {
  background-color: transparent !important;
  background: linear-gradient(to right, var(--blueColor) 0%, var(--blueColor) 50%, var(--redColor) 50%, var(--redColor) 100%);
}

#site-header .header-main-wrapper .container {
  max-width: 100%;
  padding: 0;
  margin: 0;
}

#site-header .header-main-wrapper .header-main-inner-section {
  flex-flow: column;
  width: 100%;
}

#site-header .header-main-wrapper .header-main-inner-section .site-logo-wrapprer {
  width: 100%;
  background-color: var(--grayColor);
  padding: 22px;
  border-radius: var(--borderRadiusText);
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

#site-header .header-main-wrapper .header-main-inner-section .site-logo-wrapprer::before {
  content: "";
  background-image: url("/assets/uploads/tslscotland/images/iso_14001.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 50%;
  left: 100px;
  transform: translateY(-50%);
  width: 55px;
  height: 56px;
}

#site-header .header-main-wrapper .header-main-inner-section .site-logo-wrapprer::after {
  content: "";
  background-image: url("/assets/uploads/tslscotland/images/iso_45001.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 50%;
  left: 190px;
  transform: translateY(-50%);
  width: 55px;
  height: 56px;
}

#site-header .header-main-wrapper .header-main-inner-section .site-main-menu-wrapper {
  padding: 25px 0 27px;
  background-color: var(--blueColor);
  width: 100%;
}

#site-header .header-main-wrapper .header-main-inner-section .site-main-menu-wrapper ul.site-main-menu {
  justify-content: center !important;
  margin: 0 auto !important;
  /* padding: 0 80px !important; */
}

#site-header .header-main-wrapper .header-main-inner-section .site-main-menu-wrapper ul.site-main-menu li:not(:last-child) {
  margin: 0 18px !important;
  text-align: center;
  font-size: 13px;
  line-height: 14px;
  font-weight: 700;
  /* flex: 1; */
}

#site-header .header-main-wrapper .header-main-inner-section .site-main-menu-wrapper ul.site-main-menu li:not(:last-child) .menu-item-text:hover {
  text-decoration: underline;
}

#site-header .header-main-wrapper .header-main-inner-section .site-main-menu-wrapper ul.site-main-menu li .menu-item-text {
  font-size: 13px;
  line-height: 14px;
  font-weight: 700;
  color: var(--whiteColor);
}

.site-header-area-wrapper {
  padding-top: var(--totalHeaderHeight);
}

.site-header-area-wrapper .site-header-area-inner {
  padding-top: 41%;
  position: relative;
}

.site-header-area-wrapper .site-header-area-inner.video-banner {
  padding-top: 31.25%;
}

.site-header-video-wrapper {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
}

.site-header-video-wrapper .site-header-video-inner {
  width: 100%;
  height: 100%;
  position: relative;
}

.site-header-video-wrapper .site-header-video-inner video {
  width: 100%;
  height: 100%;
}

.site-header-video-wrapper .site-header-video-inner .site-header-video-content {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, .61);
  display: none;
}

.site-header-image-wrapper {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
}

.site-header-image-wrapper .site-header-image-inner {
  width: 100%;
  height: 100%;
  position: relative;
}

.site-header-image-wrapper .site-header-image-inner:before {
  content: '';
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background-color: var(--blackColor);
  opacity: .35;
  pointer-events: none;
  z-index: 1;
}

.site-header-image-wrapper .site-header-image-inner .site-header-image {
  width: 100%;
  height: 100%;
  background-color: rgba(112, 112, 112, 0.2);
}

.site-header-banner-content-wrapper {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 2;
  pointer-events: none;
}

.site-header-banner-content-inner {
  width: 100%;
  height: 100%;
  position: relative;
}

.site-header-banner-content {
  display: flex;
  align-items: flex-end;
}

.site-header-banner-content h1 {
  font-size: 50px;
  line-height: 50px;
  margin-bottom: 20%;
}


/* Service List */
.site-service-list .section-title {
  margin-left: 22px;
  margin-bottom: 65px;
}

.site-service-list .site-service-list-boxes .site-service-list-box-item {
  padding: 22px;
}


.site-service-list .site-service-list-boxes .site-service-list-box-item .site-service-list-box {
  padding-top: 77.5%;
  position: relative;
}

.site-service-list .site-service-list-boxes .site-service-list-box-item .content-text {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  justify-content: end;
  width: 100%;
  max-width: 312px;
  z-index: 2;
  padding-bottom: 50px;
}

.site-service-list .site-service-list-boxes .site-service-list-box-item .content-text .title-service {
  font-size: 35px;
  line-height: 40px;
  font-weight: 700;
  margin: 0;
  text-transform: uppercase;
}

.site-service-list .site-service-list-boxes .site-service-list-box-item .service-image-wrapper {
  padding-left: 33px;
  width: 100%;
  height: 100%;
  position: relative;
}

.site-service-list .site-service-list-boxes .site-service-list-box-item .service-image-wrapper::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  background-color: var(--whiteColor);
  z-index: 1;
}

.site-service-list .site-service-list-boxes .site-service-list-box-item .service-image-wrapper .service-image {
  width: 100%;
  height: 100%;
  border-radius: var(--borderRadiusText);
  box-shadow: 0px 5px 6px rgba(9, 9, 9, 0.16);
}

.site-service-list .site-service-list-boxes .site-service-list-box-item .border-prefix {
  max-width: 263px;
  background: transparent;
  border: none;
  border-top: 5px solid var(--redColor);
  width: 100%;
  margin: 20px 0 0;
}

/* section image content */
.site-section-image-content .site-section-image-content-inner {
  padding-top: 36.1%;
  position: relative;
  width: 100%;
}

.site-section-image-content .site-section-image-content-box-inner {
  width: 100%;
  height: 100%;
  position: relative;
}

.site-section-image-content .site-section-image-content-box-inner::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.4;
  background-color: var(--blueColor);
  z-index: 1;
}

.site-slider-image-wrapper .site-section-image-content .site-section-image-content-box-inner::before {
  background-color: transparent;
}

.site-section-image-content .site-section-image-content-box-inner .section-content-image {
  width: 100%;
  height: 100%;
}

.site-section-image-content .site-section-image-content-box-inner .section-content-text {
  z-index: 2;
  padding: 27px 0 45px;
}

.site-section-image-content .site-section-image-content-box-inner .section-content-text .container {
  height: 100%;
}

.site-section-image-content .site-section-image-content-box-inner .section-content-text-box {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  max-width: 1000px;
  margin: 0 auto;
  text-align: center;
  font-size: 35px;
  line-height: 40px;
  font-weight: 700;
  color: var(--whiteColor);
}

.site-section-image-content .site-section-image-content-box-inner .section-content-text-box * {
  text-align: center;
  font-size: 35px;
  line-height: 40px;
  font-weight: 700;
  color: var(--whiteColor);
}

.slick-navigation {
  position: relative;
}

.slick-navigation .slick-arrow.slick-pre-cus {
  display: none !important;
}

.slick-navigation .slick-arrow {
  position: absolute;
  bottom: 80px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  cursor: pointer;
}

.site-section-image-content-box-inner.slick-navigation .slick-arrow {
  bottom: 21px;
}

.site-slider-image-wrapper .site-slider-image-list .site-slider-image-item .site-section-image-content .site-section-image-content-inner {
  padding-top: 58.33%;
}

.site-slider-image-wrapper .site-slider-image-list .site-slider-image-item .site-section-image-content .site-section-image-content-box-inner::before {
  border-radius: 22px;
}

.site-slider-image-wrapper .site-slider-image-list .slick-list {
  border-radius: 22px;
  overflow: hidden;
}

/* our startegic */
.site-our-startegic .site-our-startegic-boxes .site-our-startegic-boxes-row {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.site-our-startegic .site-our-startegic-boxes .site-our-startegic-boxes-row::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  height: 128px;
  width: 100%;
  border: 5px solid var(--blueColor);
  border-radius: var(--borderRadiusText);
}

.site-our-startegic .site-our-startegic-boxes .site-our-startegic-boxes-row:first-child:before {
  background-color: var(--redColor);
}

.site-our-startegic .site-our-startegic-boxes .site-our-startegic-boxes-row h2 {
  content: "";
  position: absolute;
  top: 50%;
  left: 100px;
  transform: translateY(-50%);
  color: var(--whiteColor);
  font-size: 35px;
  line-height: 40px;
  font-weight: 700;
  white-space: pre-wrap;
  z-index: 1;
}

.site-our-startegic .site-our-startegic-boxes .site-our-startegic-boxes-row:nth-child(odd):before {
  border-color: var(--redColor);
}

.site-our-startegic .site-our-startegic-box-item-wrapper {
  width: calc(100% / 3);
  max-width: 255px;
  margin: 19px 13px;
  background-color: transparent;
  position: relative;
  z-index: 1;
}

.site-our-startegic .site-our-startegic-box-item-inner {
  box-shadow: 8px 8px 24px rgba(9, 14, 20, 0.4);
  border-radius: 22px;
  overflow: hidden;
  background-color: var(--whiteColor);
}

.site-our-startegic .site-our-startegic-boxes .site-our-startegic-box-item:not(.box-hidden) .site-our-startegic-box-wrapper {
  background: var(--whiteColor);
}

.site-our-startegic .site-our-startegic-boxes .site-our-startegic-box-item:not(.box-hidden) .site-our-startegic-box-inner {
  padding-top: 111%;
  position: relative;
}

.site-our-startegic .site-our-startegic-boxes .site-our-startegic-box-item .site-our-startegic-box-content-wrapper {
  padding: 8px 24px;
}

.site-our-startegic .site-our-startegic-boxes .site-our-startegic-box-item .content-text h5 {
  font-weight: 400;
  margin: 8px 0;
}

.site-our-startegic .site-our-startegic-boxes .site-our-startegic-box-item .startegic-image-wrapper {
  height: 95px;
  display: flex;
}

.site-our-startegic .site-our-startegic-boxes .site-our-startegic-box-item .startegic-image-wrapper img {
  margin: auto;
}

.site-blog-journal-wrapper .blog-journal-subtitle {
  margin-top: 8px;
  margin-bottom: 60px;
}

.site-blog-journal-inner {
  margin: 0 -10px;
}

.site-blog-journal-list {
  flex-wrap: wrap;
}

.site-blog-journal-list .site-blog-journal-item {
  padding: 10px;
  position: relative;
}

body.page-id-34 .site-blog-journal-list .site-blog-journal-item {
  width: 50%;
  padding: 30px 60px;
}

.seciton-content-blog-wrapper .site-section-summary-header .section-title {
  text-align: center;
  margin-bottom: 95px;
}

.seciton-content-blog-wrapper .site-section-summary-inner {
  margin: 0 auto;
  max-width: 840px;
}

/* Blog Item */
.site-blog-item-wrapper {
  height: 100%;
  max-width: 500px;
  margin: 0 auto;
}

.site-blog-item-wrapper .site-blog-item-image {
  width: 100%;
  height: 100%;
  border-radius: var(--borderRadiusText);
  background-color: rgba(112, 112, 112, 0.2);
}

.site-blog-item-wrapper .site-blog-item-image-inner {
  padding-top: 100%;
  position: relative;
}

.site-blog-item-wrapper .site-blog-item-image-box-wrapper {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
}

.site-blog-item-wrapper .site-blog-item-image-box-inner {
  width: 100%;
  height: 100%;
  position: relative;
  border-radius: var(--borderRadiusText);
}

.site-blog-item-wrapper .site-blog-item-inner .site-blog-item-content h4 {
  font-size: 25px;
  line-height: 35px;
  font-weight: 600;
  margin: 20px 0 10px;
}

.site-blog-item-wrapper .site-blog-item-inner .site-blog-item-content .text-description {
  text-overflow: ellipsis;
  overflow: hidden;
  height: 105px;
  white-space: nowrap;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}

.site-blog-item-wrapper .site-blog-item-inner .site-blog-item-content .text-description * {
  font-size: 18px;
  line-height: 25px;
  font-weight: 400;
}

.site-blog-item-wrapper .site-blog-item-inner .site-blog-item-content .btn-style {
  margin-top: 16px;
}

/* Slick dots */
.slick-dots-dot:not(.slick-initialized) .slick-dots {
  display: none;
}

.slick-dots-dot .slick-dots {
  display: flex;
  align-items: center;
  justify-content: center;
  list-style: none;
  margin: 40px auto 0;
  padding: 0px;
}

.slick-dots-dot .slick-dots li {
  font-size: 0px;
  line-height: 26px;
  margin: 0 8px;
}

.slick-dots-dot .slick-dots li button {
  color: transparent;
  font-size: 0px;
  width: 26px;
  height: 26px;
  border: 0px;
  background-color: var(--borderColor);
  cursor: pointer;
  box-shadow: none;
  border-radius: 50%;
}

.slick-dots-dot.slick-dots-small .slick-dots li button {
  width: 20px;
  height: 20px;
  background-color: var(--blueColor);
}


.slick-dots-dot .slick-dots li.slick-active button {
  background-color: var(--blueColor);
}

.slick-dots-dot.slick-dots-small .slick-dots li.slick-active button {
  width: 18px;
  height: 18px;
  background-color: var(--redColor);
}

/* Testimonial */
.site-testimonial-wrapper .site-testimonial-list .slick-list {
  width: 100%;
  padding-bottom: 16px;
}

.site-testimonial-wrapper .site-testimonial-list .slick-list .slick-track {
  display: flex;
}

.site-testimonial-wrapper .site-testimonial-list .site-testimonial-rating {
  position: relative;
  text-align: center;
  padding-bottom: 50px;
}

.site-testimonial-wrapper .site-testimonial-rating .site-testimonial-source {
  font-size: 50px;
  line-height: 50px;
  font-weight: 600;
  margin-bottom: 16px;
}

.site-testimonial-wrapper .site-testimonial-list .site-testimonial-rating::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='46.665' height='44.431' viewBox='0 0 46.665 44.431'%3E%3Cpath id='_111116_quote_icon' data-name='111116_quote_icon' d='M36.992,86.8a3.971,3.971,0,0,0,3.971,3.972H53.87A3.971,3.971,0,0,0,57.842,86.8V70.91a3.97,3.97,0,0,0-3.972-3.971H47.5a1.985,1.985,0,0,1-1.986-1.986,1.965,1.965,0,0,1,.089-.606,15.968,15.968,0,0,1,9.809-10.366l.02-.02a3.972,3.972,0,0,0-3.067-7.328l-.18.07a23.852,23.852,0,0,0-15.19,22.22Zm25.815,0a3.971,3.971,0,0,0,3.971,3.972H79.685A3.971,3.971,0,0,0,83.657,86.8V70.91a3.97,3.97,0,0,0-3.971-3.971H73.311a1.985,1.985,0,0,1-1.986-1.986,1.892,1.892,0,0,1,.089-.606,15.969,15.969,0,0,1,9.81-10.366l.02-.02a3.972,3.972,0,0,0-3.067-7.328L78,46.7a23.852,23.852,0,0,0-15.19,22.22Z' transform='translate(-36.992 -46.336)' fill='%23003e80' fill-rule='evenodd'/%3E%3C/svg%3E%0A");
  background-position: center;
  background-size: cover;
  width: 46px;
  height: 44px;
  position: absolute;
  bottom: 15px;
  left: 60px;
}

.site-testimonial-wrapper .site-testimonial-list .site-testimonial-content::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='46.665' height='44.431' viewBox='0 0 46.665 44.431'%3E%3Cpath id='_111116_quote_icon' data-name='111116_quote_icon' d='M36.992,86.8a3.971,3.971,0,0,0,3.971,3.972H53.87A3.971,3.971,0,0,0,57.842,86.8V70.91a3.97,3.97,0,0,0-3.972-3.971H47.5a1.985,1.985,0,0,1-1.986-1.986,1.965,1.965,0,0,1,.089-.606,15.968,15.968,0,0,1,9.809-10.366l.02-.02a3.972,3.972,0,0,0-3.067-7.328l-.18.07a23.852,23.852,0,0,0-15.19,22.22Zm25.815,0a3.971,3.971,0,0,0,3.971,3.972H79.685A3.971,3.971,0,0,0,83.657,86.8V70.91a3.97,3.97,0,0,0-3.971-3.971H73.311a1.985,1.985,0,0,1-1.986-1.986,1.892,1.892,0,0,1,.089-.606,15.969,15.969,0,0,1,9.81-10.366l.02-.02a3.972,3.972,0,0,0-3.067-7.328L78,46.7a23.852,23.852,0,0,0-15.19,22.22Z' transform='translate(-36.992 -46.336)' fill='%23003e80' fill-rule='evenodd'/%3E%3C/svg%3E%0A");
  background-position: center;
  background-size: cover;
  width: 46px;
  height: 44px;
  position: absolute;
  bottom: 0;
  right: 60px;
  transform: rotate(-180deg);
}

.site-testimonial-wrapper .site-testimonial-list .site-testimonial-content {
  position: relative;
  text-align: center;
  padding: 0 60px;
  max-width: 1102px;
  margin: 0 auto;
}


/* Service Page */
.section-summary-serivce .section-summary-serivce-content h1 {
  max-width: 701px;
  margin: 0 auto;
}

.section-summary-serivce .section-summary-serivce-content .subtitle {
  margin: 10px 0 0;
}

.section-summary-serivce .section-summary-serivce-content .text-description {
  margin: 32px auto 0;
  max-width: 80%;
}

/* Service Item */
.site-service-item-wrapper {
  height: 100%;
}

.site-service-item-wrapper .site-service-item-image {
  width: 100%;
  height: 100%;
}

.site-service-item-wrapper .site-service-item-image-inner {
  padding-top: 100%;
  position: relative;
}

.site-service-item-wrapper .site-service-item-image-box-wrapper {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
}

.site-service-item-wrapper .site-service-item-image-box-inner {
  width: 100%;
  height: 100%;
  position: relative;
}

.site-service-item-wrapper .site-service-item-inner .site-service-item-content h3 {
  font-size: 25px;
  line-height: 50px;
  font-weight: 600;
  margin-top: 10px;
}

.site-service-item-wrapper .site-service-item-inner .site-service-item-content .text-description {
  /* text-overflow: ellipsis;
  overflow: hidden;
  height: 125px;
  white-space: nowrap;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical; */
  margin-top: 10px;
}

.site-service-item-wrapper .site-service-item-inner .site-service-item-content .text-description * {
  font-size: 18px;
  line-height: 25px;
  font-weight: 400;
}

/* Section Why Choose */
.section-why-choose .section-why-choose-child-top {
  width: calc(200% / 3);
}

.section-why-choose .section-why-choose-child-bot {
  margin-top: 50px;
}

.section-why-choose .section-why-choose-child-bot .section-why-choose-services-list {
  margin: -10px;
}

.section-why-choose .section-why-choose-child-bot .section-why-choose-service-item {
  padding: 10px;
}

/* Section Service Process */
.section-services-process .section-services-process-child-top {
  width: calc(200% / 3);
  background-color: var(--blueColor);
  margin-left: auto;
}

.section-services-process .section-services-process-child-bot {
  margin-top: 90px;
}

.section-services-process .section-services-process-services-list .section-services-process-service-item {
  margin-bottom: 48px;
}

.section-services-process .section-services-process-services-list .section-services-process-service-item:last-child {
  margin-bottom: 0;
}

/* Service Process Item */
.site-service-process-item-wrapper .site-service-process-item-inner {
  padding: 23px 0;
  border-radius: var(--borderRadiusText);
  border: 5px solid var(--redColor);
}

.site-service-process-item-wrapper .site-service-process-item-inner .site-service-process-item-content {
  padding: 0 30px 0 100px;
}

.site-service-process-item-wrapper .site-service-process-item-inner .site-service-process-item-content .text-description {
  margin-top: 10px;
}

.site-service-process-item-wrapper .site-service-process-item-inner .site-service-process-item-content .text-description * {
  font-size: 18px;
  line-height: 25px;
}

/* Follow us */
.site-slider-follow-us-wrapper .site-slider-follow-us-inner {
  background: var(--grayColor);
  border: 1px solid var(--borderColor);
}

.site-slider-follow-us-wrapper .site-slider-follow-us-header {
  padding: 24px 0 34px;
}

.site-slider-follow-us-wrapper .site-slider-follow-us-header .subtitle {
  font-size: 24px;
  margin-top: 20px;
}

.site-slider-follow-us-wrapper .site-slider-follow-us-list .site-slider-follow-us-item {
  padding: 0 14px;
}

.site-slider-follow-us-wrapper .site-slider-follow-us-list .site-slider-follow-us-item-inner {
  padding-top: 100%;
  position: relative;
  border-radius: 22px;
}

.site-instagram-list .site-instagram-icon {
  position: absolute;
  top: 10px;
  right: 10px;
}

.site-slider-follow-us-wrapper .site-slider-follow-us-list .site-slider-follow-us-item-inner .follow-us-image {
  width: 100%;
  height: 100%;
  background-color: var(--whiteColor);
  border-radius: 22px;
}

.site-slider-follow-us-wrapper .site-slider-follow-us-list .site-slider-follow-us-content {
  display: flex;
  align-items: center;
  justify-content: center;
}

.site-slider-follow-us-wrapper .site-slider-follow-us-list {
  position: relative;
  /* max-width: 1440px; */
  margin: 0 auto;
  margin-bottom: 55px;
}

.site-slider-follow-us-wrapper .site-slider-follow-us-list .slick-arrow.slick-pre-cus {
  display: none !important;
}

.site-slider-follow-us-wrapper .site-slider-follow-us-list .slick-arrow {
  position: absolute;
  bottom: unset;
  left: unset;
  top: -82px;
  right: 7%;
  z-index: 10;
  cursor: pointer;
}

/* our coverage */
.site-our-coverage-wrapper .site-our-coverage-header {
  border-color: var(--redColor);
}

.site-our-coverage-wrapper .site-our-coverage-content {
  padding: 50px 0;
}

.site-our-coverage-wrapper .site-our-coverage-map {
  padding-right: 34px;
  display: flex;
  justify-content: flex-end;
  position: relative;
}

.site-our-coverage-wrapper .site-our-coverage-map-box {
  max-width: 679px;
  border-radius: 22px;
  box-shadow: 0px 5px 6px rgba(0, 0, 0, 0.46);
  width: 100%;
  position: absolute;
  top: -172px;
  right: 34px;
}

.site-our-coverage-wrapper .site-our-coverage-map-box-wrapper {
  width: 100%;
  height: 100%;
}

.site-our-coverage-wrapper .site-our-coverage-map-box-inner {
  padding-top: 100%;
  position: relative;
}

.site-our-coverage-wrapper .site-our-coverage-map-child-inner {
  width: 100%;
  height: 100%;
}

.googleMapSection>.vc_column-inner>.wpb_wrapper,
.googleMapSection>.vc_column-inner>.wpb_wrapper>.wpb_text_column,
.googleMapSection>.vc_column-inner>.wpb_wrapper>.wpb_text_column>.wpb_wrapper {
  height: 100%;
}

.googleMapWWrapper {
  width: 100%;
  height: 100%;
}

#googleMap {
  width: 100%;
  height: 100%;
  border-radius: 22px;
}

/* contact */
.contact-us-box .contact-item {
  margin-top: 19px;
  align-items: center;
}

.contact-us-box .contact-item .button-box {
  flex: 1;
  margin-left: 21px;
}

.contact-us-box.nobutton .contact-item img {
  filter: brightness(0) saturate(100%) invert(23%) sepia(44%) saturate(4753%) hue-rotate(348deg) brightness(92%) contrast(77%);
}

/* site-under-warranty */
.site-under-warranty .site-under-warranty-child-top {
  background-color: var(--grayColor);
}

.site-under-warranty .site-under-warranty-child-top .site-under-warranty-child-top-inner {
  padding: 155px 0 60px;
}

.site-under-warranty .site-under-warranty-child-top .site-under-warranty-header {
  background-color: var(--redColor);
  border-color: var(--redColor);
}

.site-under-warranty .site-under-warranty-child-top .site-under-warranty-inner {
  padding-top: 45px;
}

.site-under-warranty .site-under-warranty-child-top .site-under-warranty-inner-left {
  padding-right: 10px;
}

.site-under-warranty .site-under-warranty-child-top .site-under-warranty-inner-right {
  padding-left: 40px;
  margin-top: -250px;
}

.site-under-warranty .site-under-warranty-child-top .site-under-warranty-inner-right .site-under-warranty-inner-right-top {
  max-width: 650px;
}

.site-under-warranty .site-under-warranty-child-bot {
  background-color: var(--redColor);
}

.site-under-warranty .site-under-warranty-child-bot .site-under-warranty-child-bot-inner {
  padding: 50px 0;
}

.site-under-warranty .site-under-warranty-inner-right-bot {
  margin-top: 50px;
}

.site-under-warranty .site-under-warranty-inner-right-bot .site-under-warranty-inner-right-box-child {
  margin-bottom: 20px;
}

.site-under-warranty .site-under-warranty-inner-right-bot .site-under-warranty-inner-right-box-child img {
  margin-right: 20px;
}

.site-under-warranty .site-under-warranty-inner-right-top .site-under-warranty-inner-right-box {
  padding-top: 50%;
  position: relative;
}

.site-under-warranty .site-under-warranty-inner-right-top .site-under-warranty-video-inner {
  width: 100%;
  height: 100%;
}

.site-under-warranty .site-under-warranty-inner-right-top .site-under-warranty-video-inner .warranty-video {
  width: 100%;
  height: 100%;
  border-radius: 22px;
  border: 1px solid var(--borderColor);
  background-color: var(--whiteColor);
  cursor: pointer;
}

.site-under-warranty .site-under-warranty-inner-right-top .site-under-warranty-video-inner .site-under-warranty-video-content {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, .1);
  border-radius: 22px;
  border: 1px solid var(--borderColor);
}

.site-under-warranty .site-under-warranty-inner-right-top .site-under-warranty-video-inner .site-under-warranty-video-content img {
  filter: brightness(0) saturate(100%) invert(23%) sepia(44%) saturate(4753%) hue-rotate(348deg) brightness(92%) contrast(77%);
  cursor: pointer;
}

.site-under-warranty .site-under-warranty-child-bot .site-under-warranty-child-bot-right h2 {
  margin-bottom: 40px;
}

.site-under-warranty .site-under-warranty-child-bot .contact-us-box .contact-item.contact-email .btn-style {
  background-color: var(--whiteColor);
  color: var(--blueColor);
}

.site-under-warranty .site-under-warranty-child-bot .contact-us-box .contact-item.contact-email .btn-style:hover {
  background-color: var(--blueColor);
  color: var(--whiteColor);
}

.site-under-warranty .site-under-warranty-child-bot .contact-us-box .contact-item.contact-phone .btn-style:hover {
  border-color: var(--blueColor);
}

.site-under-warranty .site-under-warranty-child-bot .contact-us-box .contact-item img {
  filter: brightness(0) saturate(100%) invert(100%) sepia(1%) saturate(2925%) hue-rotate(176deg) brightness(113%) contrast(100%);
}

.site-under-warranty .site-under-warranty-child-bot-left .group-iso img {
  margin-right: 4px;
  margin-bottom: 10px;
}

/* Subscribe Form */
.subscribe-form {
  padding: 23px 74px;
  background: var(--whiteColor);
  border-radius: 22px;
  position: relative;
  margin-top: 9px;
  max-width: 493px;
  width: 100%;
}

.subscribe-form input,
.subscribe-form input:hover,
.subscribe-form input:active,
.subscribe-form input:focus {
  width: 100%;
  height: 100%;
  border: none;
  background-color: transparent;
  outline: none;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  text-overflow: ellipsis;
}

.subscribe-form input:focus::placeholder {
  color: transparent;
}

.subscribe-form input::placeholder {
  font-size: 15px;
  line-height: 20px;
  color: var(--blackColor);
  text-align: center;
}

.subscribe-form input[type="submit"] {
  background-image: url("/assets/uploads/tslscotland/images/send_icon.svg");
  background-color: transparent;
  position: absolute;
  right: 22px;
  top: 50%;
  transform: translateY(-50%);
  border: none;
  width: 30px;
  height: 30px;
  color: transparent;
}

/* Footer */
.site-footer-widget-bottom {
  background-color: var(--grayColor);
  padding: 70px 0px 50px;
}

.site-footer-widget-bottom .site-footer-widget-group-logo {
  display: flex;
  align-items: center;
  width: 100%;
  margin-bottom: 24px;
}

.site-footer-widget-bottom .site-footer-widget-group-logo .group-iso img {
  margin-left: 4px;
  filter: brightness(0) saturate(100%) invert(23%) sepia(44%) saturate(4753%) hue-rotate(348deg) brightness(92%) contrast(77%);
}

.site-footer-widget-bottom .site-footer-widget-group-menu {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-top: 68px;
}

.site-footer-widget-bottom .site-footer-widget-child {
  width: calc(100% / 3);
  display: flex;
  flex-flow: column;
}

.site-footer-widget-bottom .site-footer-widget-child.child-left {
  width: calc(100% / 3 + 40px);
}

.site-footer-widget-bottom .site-footer-widget-child.child-middle {
  width: calc(100% / 3 - 40px);
  align-items: center;
  text-align: left;
}

.site-footer-widget-bottom .site-footer-widget-child.child-right {
  align-items: flex-end;
  text-align: right;
}

.site-footer-widget-bottom .site-footer-widget-child.child-cross {
  width: 100%;
  margin-top: 40px;
  align-items: flex-end;
  flex-flow: row;
}

.site-footer-widget-bottom .site-footer-widget-child.child-cross .site-footer-widget-child.child-left .get-the-lastest {
  font-size: 15px;
  line-height: 20px;
  margin-top: 8px;
}


.site-footer-widget-bottom .site-footer-widget-child.child-cross .site-footer-widget-child.child-right {
  display: flex;
  align-items: flex-end;
}

.site-footer-widget-bottom .site-footer-widget-child.child-cross .site-footer-widget-child.child-right .social-network * {
  font-size: 15px;
  line-height: 20px;
  margin-top: 30px;
}

.site-footer-widget-bottom .site-footer-widget-child.child-cross .site-footer-widget-child.child-right .social-network .social-item {
  margin-left: 19px;
}

.site-footer-widget-bottom .site-footer-widget-child .site-footer-menu {
  padding: 0;
  margin: 10px 0;
}

.site-footer-widget-bottom .site-footer-widget-child .site-footer-menu .site-footer-menu-item {
  list-style: none;
  margin-bottom: 10px;
}

.site-footer-widget-bottom .site-footer-widget-child .site-footer-menu .site-footer-menu-item .menu-item-text {
  color: var(--whiteColor);
  font-size: 18px;
  line-height: 25px;
}

.site-footer-widget-bottom .site-footer-widget-child .site-footer-menu .site-footer-menu-item.address-text {
  margin-bottom: 50px;
}

.site-footer-widget-bottom .site-footer-widget-child .site-footer-menu .site-footer-menu-item.address-text p {
  font-size: 18px;
  line-height: 31px;
  margin: 0;
}

.site-footer-widget-bottom .site-footer-widget-child .site-footer-menu .site-footer-menu-item.contact-text {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-bottom: 8px;
}

.site-footer-widget-bottom .site-footer-widget-child .site-footer-menu .site-footer-menu-item.contact-text img {
  filter: brightness(0) saturate(100%) invert(100%) sepia(1%) saturate(2925%) hue-rotate(176deg) brightness(113%) contrast(100%);
  margin-left: 12px;
}

.site-footer-embed-wrapper {
  background-color: var(--whiteColor);
  padding: 44px 0;
}

.site-footer-embed-inner .copy-right,
.site-footer-embed-inner .website-owner {
  font-size: 15px;
  line-height: 21px;
  margin: 0;
}

/* site-section-summary-wrapper */
.site-section-summary-wrapper .site-section-summary-inner .site-section-summary-content {
  max-width: 1014px;
}

.site-section-summary-wrapper .site-section-summary-inner .site-section-summary-content .subtitle {
  color: red;
  margin-bottom: 39px;
  margin-top: 18px;
}

.site-section-summary-wrapper .site-section-summary-inner .site-section-summary-content p {
  margin: 0;
}

.site-section-summary-wrapper .site-section-summary-inner.hasbox {
  margin-top: 64px;
}

.site-section-summary-wrapper .site-section-summary-inner.hasbox .site-section-summary-content {
  max-width: 791px;
}

.site-section-summary-wrapper.border-red .site-section-summary-header {
  border-color: var(--redColor);
}

.site-section-summary-wrapper.left:not(.full-width) .site-section-summary-header,
.site-section-summary-wrapper.right:not(.full-width) .site-section-summary-header {
  width: calc(200% / 3);
}

.site-section-summary-wrapper.right .site-section-summary-header {
  margin-left: auto;
  justify-content: flex-end;
}

.site-section-summary-wrapper.left .site-section-summary-inner.hasbox .site-section-summary-content,
.site-section-summary-wrapper.right .site-section-summary-inner.hasbox .site-section-summary-content {
  max-width: 100%;
}

/* site-meet-the-team-wrapper */
.site-meet-the-team-wrapper .site-meet-the-team-list {
  margin-top: -20px;
}

.site-meet-the-team-wrapper .site-meet-the-team-item {
  padding: 20px 9px;
}

/* .site-meet-the-team-wrapper .site-meet-the-team-item .team-detail-box {
  text-align: center;
} */

.site-meet-the-team-wrapper .site-meet-the-team-item .team-detail-box h5 {
  margin-top: 8px;
  font-weight: 400;
  line-height: 25px;
}

.site-meet-the-team-wrapper .site-meet-the-team-item .team-image-box {
  width: 100%;
  margin: 0 auto;
  position: relative;
}

.site-meet-the-team-wrapper .site-meet-the-team-item .team-image-box .team-image-hover {
  width: 100%;
  margin: 0 auto;
  padding-top: 116.7%;
  border-radius: 0 22px;
  transition: all .4s ease;
  cursor: pointer;
  opacity: 0;
  background-color: transparent;
}

.site-meet-the-team-wrapper .site-meet-the-team-item .team-image-box:hover .team-image-hover {
  opacity: 1;
}

.site-meet-the-team-wrapper .site-meet-the-team-item .team-image-box::before {
  content: '';
  display: none;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background-color: rgb(0, 0, 0);
  opacity: .21;
  transition: opacity 2250ms cubic-bezier(0.6, 0, 0.1, 0.5) 0s;
  border-radius: 0 22px;
}

.site-meet-the-team-wrapper .site-meet-the-team-item .team-image {
  padding-top: 116.7%;
  border-radius: 0 22px;
  transition: all .4s ease;
  cursor: pointer;
  background-color: transparent;
}

/* site-summary-box-wrapper */
.site-summary-box-wrapper .site-summary-box-inner {
  width: 100%;
  max-width: 1168px;
  margin: 0 auto;
  align-items: center;
}

.site-summary-box-wrapper .site-summary-box-inner .site-summary-box-child {
  display: flex;
  flex-direction: column;
}

.site-summary-box-wrapper .site-summary-box-inner .site-summary-box-child.child-left .site-summary-box-child-wrapper {
  width: 100%;
  max-width: 584px;
}


.site-summary-box-wrapper .site-summary-box-inner .site-summary-box-child.child-left .site-summary-box-child-inner {
  padding-top: 100%;
  position: relative;
}

.site-summary-box-wrapper .site-summary-box-inner .site-summary-box-child.child-left .site-summary-box-child-image-wrapper {
  z-index: 10;
}

.site-summary-box-wrapper .site-summary-box-inner .site-summary-box-child.child-left .site-summary-box-child-image {
  border-radius: 22px;
  width: 100%;
  height: 100%;
}

.site-summary-box-wrapper.hasbox .site-summary-box-inner .site-summary-box-child.child-left .site-summary-box-child-image {
  border: 5px solid var(--blueColor);
}

.site-summary-box-wrapper .site-summary-box-inner .site-summary-box-child.child-right {
  padding-left: 54px;
}

.site-summary-box-wrapper .site-summary-box-inner .site-summary-box-child.child-right .site-summary-box-child-content {
  max-width: 490px;
}

.site-summary-box-wrapper .site-summary-box-inner .site-summary-box-child.child-right .site-summary-box-child-content .site-summary-title {
  margin-bottom: 60px;
  position: relative;
  border: 0px;
  justify-content: flex-end;
}

.site-summary-box-wrapper.revert .site-summary-box-inner .site-summary-box-child.child-right .site-summary-box-child-content .site-summary-title {
  justify-content: flex-start;
}

.site-summary-box-wrapper .site-summary-box-inner .site-summary-box-child.child-right .site-summary-box-child-content .site-summary-title::before {
  content: "";
  position: absolute;
  left: -100%;
  right: unset;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  border-radius: 0 0 0 122px;
  border: 5px solid var(--blueColor);
  border-right: 0px;
  z-index: 1;
}

.site-summary-box-wrapper.revert .site-summary-box-inner .site-summary-box-child.child-right .site-summary-box-child-content .site-summary-title::before {
  left: 0;
  right: unset;
  border-color: var(--redColor);
}

.site-summary-box-wrapper .site-summary-box-inner .site-summary-box-child.child-right .site-summary-box-child-content .site-summary-title::after {
  content: "";
  position: absolute;
  right: unset;
  left: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  border: 5px solid var(--blueColor);
  border-radius: 0 122px 0 0;
  border-left: 0px;
  z-index: 1;
}

.site-summary-box-wrapper.revert .site-summary-box-inner .site-summary-box-child.child-right .site-summary-box-child-content .site-summary-title::after {
  right: -100%;
  left: unset;
  border-color: var(--redColor);
}

.site-summary-box-wrapper .site-summary-box-inner .site-summary-box-child.child-right .site-summary-box-child-content p {
  margin: 0;
}

.site-summary-box-wrapper:not(.hasbox) .site-summary-box-inner .site-summary-box-child.child-right .site-summary-box-child-content p {
  font-size: 24px;
  line-height: 28px;
}

.site-summary-box-wrapper .site-summary-box-inner .site-summary-box-child.child-right .btn-style {
  margin-top: 47px;
}

.site-summary-box-wrapper.revert .site-summary-box-inner {
  flex-direction: row-reverse;
}

.site-summary-box-wrapper.revert .site-summary-box-inner .site-summary-box-child.child-right {
  align-items: flex-start;
}

.site-summary-box-wrapper.revert .site-summary-box-inner .site-summary-box-child.child-left {
  align-items: flex-end;
}

.site-summary-box-wrapper.revert.hasbox {
  background-color: var(--grayColor);
}

.site-summary-box-wrapper.revert.hasbox .site-summary-box-inner {
  padding: 70px 0;
}

.site-summary-box-wrapper.revert.hasbox .site-summary-box-inner .site-summary-title {
  border-color: var(--redColor);
}

.site-summary-box-wrapper.revert.hasbox .site-summary-box-inner .site-summary-title .summary-box-title,
.site-summary-box-wrapper.revert.hasbox .site-summary-box-inner .site-summary-box-child-content * {
  color: var(--whiteColor);
}

.site-summary-box-wrapper.hasbox .site-summary-box-inner {
  max-width: 100%;
}

.site-summary-box-wrapper.hasbox .site-summary-box-inner .site-summary-box-child.child-right .site-summary-box-child-content {
  max-width: 100%;
}

.site-summary-box-wrapper.hasbox .site-summary-box-inner .site-summary-box-child.child-right {
  padding-left: 0;
}

.site-summary-box-wrapper.hasbox:not(.revert) .site-summary-box-inner .site-summary-box-child.child-left {
  align-items: center;
  padding-right: 20px;
}

.site-summary-box-wrapper.hasbox.revert .site-summary-box-inner .site-summary-box-child.child-left {
  align-items: flex-start;
  padding-left: 20px;
}

.site-summary-box-wrapper.hasbox .site-summary-box-inner .site-summary-box-child.child-left .site-summary-box-child-wrapper {
  max-width: 488px;
  margin: 0 auto;
}

.site-summary-box-wrapper.hasbox .site-summary-box-inner .site-summary-box-child.child-left .site-summary-box-child-inner {
  padding-top: 130%;
}

/* site-blog-list-slider-wrapper */

.site-blog-list-slider-wrapper .site-blog-list-slider-item {
  padding: 30px 60px;
}

/* site-benefits-joining-wrapper */

.site-benefits-joining-wrapper {
  background-color: var(--blueColor);
}

.site-benefits-joining-wrapper .site-benefits-joining-list {
  max-width: 926px;
  margin: 50px auto 0;
}

.site-benefits-joining-wrapper .site-benefits-joining-box-item {
  display: flex;
  align-items: center;
  padding: 13px 0;
  border-bottom: 5px solid var(--redColor);
}

.site-benefits-joining-wrapper .site-benefits-joining-box-item .site-benefits-joining-title {
  padding-right: 20px;
  max-width: 220px;
}

.site-benefits-joining-wrapper .site-benefits-joining-box-item .site-benefits-joining-title h4 {
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
}

.site-benefits-joining-wrapper .site-benefits-joining-box-item .site-benefits-joining-content * {
  font-size: 15px;
  line-height: 20px;
  font-weight: 600;
}

/* site-contact-form */
.site-contact-form .vcf-contact-wrapper {
  border-radius: 22px;
  background: var(--grayColor);
  padding: 31px 17px;
}

.site-contact-form .vcf-contact-control-wrapper {
  width: 100%;
}

.site-contact-form .vcf-contact-control-wrapper .vcf-contact-submit {
  display: flex !important;
  justify-content: flex-end;
  margin-top: 20px;
  margin-right: 29px;
}

.site-contact-form .vcf-contact-control-wrapper #vcf-contact-submit {
  max-width: 339px;
}

.site-contact-form .vcf-contact-control-wrapper #vcf-contact-submit span {
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  color: var(--whiteColor);
}

.site-contact-form #vcf-contact-from-main .form-group .vcf-contact-control-wrapper {
  display: flex;
  flex-flow: column;
}

.site-contact-form #vcf-contact-from-main .form-group .vcf-contact-control-wrapper label {
  font-family: Poppins;
  font-weight: bold;
  font-size: 20px;
  line-height: 35px;
  color: var(--whiteColor);
  margin-bottom: 6px;
}

.site-contact-form #vcf-contact-from-main .form-group .vcf-contact-control-wrapper .error-message {
  font-family: var(--verticalContactFont);
  background-color: transparent;
  color: var(--whiteColor);
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
}

.site-contact-form #vcf-contact-from-main .form-group {
  padding: 10px 29px;
}

.site-contact-form #vcf-contact-from-main .form-group input,
.site-contact-form #vcf-contact-from-main .form-group select,
.site-contact-form #vcf-contact-from-main .form-group textarea {
  height: 61px;
  border-radius: 22px;
  background: var(--whiteColor);
  border: 1px solid var(--borderColor);
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  width: 100%;
  padding: 24px !important;
  outline: 0;
}

.site-contact-form #vcf-contact-from-main .form-group select {
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 16px 24px !important;
}

.site-contact-form #vcf-contact-from-main .form-group textarea {
  height: 353px;
}

/* our coverage */
.site-location-wrapper .site-location-contact {
  margin: 60px 0 40px;
}

.site-location-wrapper .site-location-content .text-description .address-text {
  margin-top: 25px;
}

.site-location-wrapper .site-location-content .text-description h2 {
  margin-bottom: 8px;
}

.site-location-wrapper .site-location-content-inner {
  width: 100%;
  max-width: 548px;
  display: flex;
  flex-flow: column;
  align-items: center;
  margin-left: auto;
}

.site-location-wrapper .site-location-map-inner {
  padding-top: 100%;
  position: relative;
}

.site-location-wrapper .site-location-map-box-inner {
  width: 100%;
  height: 100%;
}

.site-location-wrapper .site-location-content-inner .site-location-header {
  width: 100%;
  justify-content: flex-end;
}

.site-location-wrapper .site-location-map-box {
  width: 100%;
}

.site-location-wrapper #googleMap {
  border-radius: 0;
  height: 100%;
  width: 100%;
}

/* site-newsletter-signup-inner */
.site-newsletter-signup-inner {
  border-radius: 22px;
  background: var(--grayColor);
  padding: 54px 35px;
  display: flex;
  flex-flow: column;
  align-items: center;
}

.site-newsletter-signup-inner h2,
.site-newsletter-signup-inner .text-h2 {
  margin-top: 18px;
  margin-bottom: 43px;
  line-height: 50px;
}

.site-newsletter-signup-inner .site-newsletter-signup {
  margin: 43px auto;
  text-align: center;
  max-width: 90%;
}

/*  */
@font-face {
  font-family: "dashicons";
  src: url("../fonts/dashicons.eot");
}

@font-face {
  font-family: "dashicons";
  src: url(data:application/x-font-woff;charset=utf-8;base64,) format("woff"),
    url("../fonts/dashicons.ttf") format("truetype"),
    url("../fonts/dashicons.svg#dashicons") format("svg");
  font-weight: normal;
  font-style: normal;
}

.star-rating .star-full:before {
  content: "\f155";
}

.star-rating .star-half:before {
  content: "\f459";
}

.star-rating .star-empty:before {
  content: "\f154";
}

.star-rating .star {
  color: #003e80;
  display: inline-block;
  font-family: dashicons;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  height: 20px;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  vertical-align: top;
  width: 20px;
}

/* mega menu */
.slide-in-mega-menu-animation {
  transition: clip-path var(--slideInMegaMenuAnimationDuration) cubic-bezier(0.19, 1, 0.2, 1);
  will-change: clip-path;
}

.site-mega-menu-wrapper {
  position: fixed;
  top: 0;
  left: 0px;
  right: 0px;
  opacity: 0;
  pointer-events: none;
  width: 0px;
  height: 0px;
}

.site-mega-menu-wrapper .site-mega-menu-inner {
  width: 100%;
  height: 100%;
}

.site-mega-menu-wrapper.show {
  opacity: 1;
  pointer-events: all;
  width: 100%;
  height: 100%;
  z-index: 100;
}

.site-mega-menu-wrapper .site-mega-menu-inner .site-mega-menu-child {
  width: 100%;
  height: 100%;
  position: relative;
  padding: 50px 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: var(--grayColor);
}

.site-mega-menu-wrapper .site-mega-menu-inner .site-mega-menu-child-inner {
  display: flex;
  flex-flow: column;
  width: 100%;
  height: 100%;
}

.site-mega-menu-group-header {
  position: relative;
}

.site-mega-menu-wrapper .group-iso img {
  margin-right: 4px;
  filter: brightness(0) saturate(100%) invert(23%) sepia(44%) saturate(4753%) hue-rotate(348deg) brightness(92%) contrast(77%);
}

.site-mega-menu-group-header .logo-mega {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.site-mega-menu-group-header .close-icon {
  cursor: pointer;
}

.site-mega-menu-group-menu {
  margin-top: 100px;
  overflow-y: auto;
}

.site-mega-menu-group-menu .site-footer-menu {
  padding: 0;
  list-style: none;
}

.site-mega-menu-group-menu .site-footer-menu .site-footer-menu-item {
  transform: translateY(100px);
  transition: transform .4s cubic-bezier(.55, .085, .68, .53), opacity .4s cubic-bezier(.55, .085, .68, .53);
  opacity: 0;
}

.site-mega-menu-wrapper.show .site-mega-menu-group-menu .site-footer-menu .site-footer-menu-item {
  opacity: 1;
  transform: none;
  transition-timing-function: cubic-bezier(.215, .61, .355, 1);
  transition-delay: .7s;
}

.site-footer-menu-item:hover a,
.site-footer-menu-item.active a {
  color: var(--redColor) !important;
}

.site-mega-menu-wrapper.show .site-mega-menu-group-menu .site-footer-menu .site-footer-menu-item:nth-child(1) {
  transition-delay: .7s;
}

.site-mega-menu-wrapper.show .site-mega-menu-group-menu .site-footer-menu .site-footer-menu-item:nth-child(2) {
  transition-delay: .8s;
}

.site-mega-menu-wrapper.show .site-mega-menu-group-menu .site-footer-menu .site-footer-menu-item:nth-child(3) {
  transition-delay: .9s;
}

.site-mega-menu-wrapper.show .site-mega-menu-group-menu .site-footer-menu .site-footer-menu-item:nth-child(4) {
  transition-delay: 1.0s;
}

.site-mega-menu-wrapper.show .site-mega-menu-group-menu .site-footer-menu .site-footer-menu-item:nth-child(5) {
  transition-delay: 1.1s;
}

.site-mega-menu-wrapper.show .site-mega-menu-group-menu .site-footer-menu .site-footer-menu-item:nth-child(6) {
  transition-delay: 1.2s;
}

.site-mega-menu-wrapper.show .site-mega-menu-group-menu .site-footer-menu .site-footer-menu-item:nth-child(7) {
  transition-delay: 1.3s;
}

.site-mega-menu-wrapper.show .site-mega-menu-group-menu .site-footer-menu .site-footer-menu-item:nth-child(8) {
  transition-delay: 1.4s;
}

.site-mega-menu-wrapper.show .site-mega-menu-group-menu .site-footer-menu .site-footer-menu-item:nth-child(9) {
  transition-delay: 1.5s;
}

.site-mega-menu-wrapper.show .site-mega-menu-group-menu .site-footer-menu .site-footer-menu-item:nth-child(10) {
  transition-delay: 1.6s;
}

.site-mega-menu-wrapper.show .site-mega-menu-group-menu .site-footer-menu .site-footer-menu-item:nth-child(11) {
  transition-delay: 1.7s;
}

.site-mega-menu-group-menu .site-mega-menu-child-left {
  display: flex;
  justify-content: center;
}

.site-mega-menu-group-menu .site-mega-menu-child-left .site-footer-menu .site-footer-menu-item .menu-item-text {
  color: var(--whiteColor);
  font-size: 30px;
  line-height: 43px;
  font-weight: 300;
}

.site-mega-menu-group-menu .site-mega-menu-child-right .site-footer-menu .site-footer-menu-item {
  list-style-type: none;
  margin-bottom: 9px;
}

.site-mega-menu-group-menu .site-mega-menu-child-right .site-footer-menu .site-footer-menu-item .menu-item-text {
  color: var(--whiteColor);
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
}

.site-mega-menu-group-footer {
  align-items: flex-end;
}

.site-mega-menu-group-footer .site-mega-menu-child-left {
  transform: translate(-50%, 100px);
  transition: transform .4s cubic-bezier(.55, .085, .68, .53), opacity .4s cubic-bezier(.55, .085, .68, .53);
  opacity: 0;
}

.site-mega-menu-wrapper.show .site-mega-menu-group-footer .site-mega-menu-child-left {
  opacity: 1;
  transform: none;
  transition-timing-function: cubic-bezier(.215, .61, .355, 1);
  transition-delay: 1.1s;
}

.site-mega-menu-group-footer .site-mega-menu-child-left * {
  font-size: 30px;
  line-height: 25px;
  font-weight: 700;
}

.site-mega-menu-group-footer .site-mega-menu-child-right {
  display: flex;
  flex-flow: column;
  align-items: flex-end;
  opacity: 0;
  transform: translate(50%, 100px);
  transition: transform .4s cubic-bezier(.55, .085, .68, .53), opacity .4s cubic-bezier(.55, .085, .68, .53);
}

.site-mega-menu-wrapper.show .site-mega-menu-group-footer .site-mega-menu-child-right {
  opacity: 1;
  transform: none;
  transition-timing-function: cubic-bezier(.215, .61, .355, 1);
  transition-delay: 1.1s;
}

.site-mega-menu-group-footer .site-mega-menu-child-right .social-network * {
  font-size: 15px;
  line-height: 20px;
  margin-top: 25px;
}

.site-mega-menu-group-footer .site-mega-menu-child-right .social-network .social-item {
  margin-left: 19px;
}

.menu-item-406.site-main-menu-item {
  position: fixed;
  right: 100px;
  top: 79px;
  min-width: unset !important;
  margin: 0 !important;
  width: 47px;
  height: 37px;
  z-index: 1;
  cursor: pointer;
}

.menu-item-406.site-main-menu-item::before {
  content: "";
  background-image: url("/assets/uploads/tslscotland/images/mega_icon.svg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.site-header-image-content {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
}

.site-header-mega-title {
  width: 100%;
  height: 100%;
  align-items: center;
  background-color: rgba(0, 0, 0, .15);
}

.site-header-mega-title h2 {
  color: var(--whiteColor);
  font-size: 60px;
  line-height: 65px;
  position: relative;
  z-index: 1;
  width: 100%;
  margin: 0px auto;
  text-align: center;
  max-width: 840px;
}

.site-header-mega-title h2 br {
  display: none;
}

.lottie-box-wrapper {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
}

.mc4wp-form {
  width: 100%;
  max-width: 100%;
}

.post-type .contentBody .mc4wp-form .subscribe-form {
  margin-left: auto;
  margin-right: auto;
}

body.page-id-21 .site-section-image-content-box-inner .section-content-text-box .text-oversize {
  font-size: 100px;
  line-height: 100px;
}

.mc4wp-response p,
.mc4wp-response a,
.mc4wp-response span {
  font-size: 13px;
  line-height: 15px;
  margin: 5px 0px 5px;
  color: var(--whiteColor);
}

.site-our-startegic .site-our-startegic-boxes .site-our-startegic-box-item .content-text *::-moz-selection,
.site-our-startegic .site-our-startegic-boxes .site-our-startegic-box-item .content-text *::selection {
  color: var(--whiteColor) !important;
}

.site-footer-customer-slider{
  padding-top: 40px;
}

body.service-type .site-under-warranty-child-bot .contact-us-box .contact-item.contact-phone a:hover,
body.service-type .site-under-warranty-child-bot .contact-us-box .contact-item.contact-phone a:active,
body.service-type .site-under-warranty-child-bot .contact-us-box .contact-item.contact-phone a:focus{
  background-color: var(--whiteColor);
  color: var(--blueColor);
}

.menu-item-406.menu-object-406.site-main-menu-item a{
  display: block;
  color: transparent;
  width: 0px;
  height: 0px;
  opacity: 0;
  pointer-events: none;
}

.footer-nav-widgets-wrapper form.mc4wp-form {
  overflow: hidden;
}

.footer-nav-widgets-wrapper form.mc4wp-form .subscribe-form input[type="submit"]{
  background-repeat: no-repeat;
}