@font-face {
    font-family: 'Archivo';
    src: url('../fonts/Archivo-Regular.eot');
    src: url('../fonts/Archivo-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Archivo-Regular.woff2') format('woff2'),
        url('../fonts/Archivo-Regular.woff') format('woff'),
        url('../fonts/Archivo-Regular.ttf') format('truetype'),
        url('../fonts/Archivo-Regular.svg#Archivo-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Archivo';
    src: url('../fonts/Archivo-Medium.eot');
    src: url('../fonts/Archivo-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Archivo-Medium.woff2') format('woff2'),
        url('../fonts/Archivo-Medium.woff') format('woff'),
        url('../fonts/Archivo-Medium.ttf') format('truetype'),
        url('../fonts/Archivo-Medium.svg#Archivo-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Archivo';
    src: url('../fonts/Archivo-SemiBold.eot');
    src: url('../fonts/Archivo-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Archivo-SemiBold.woff2') format('woff2'),
        url('../fonts/Archivo-SemiBold.woff') format('woff'),
        url('../fonts/Archivo-SemiBold.ttf') format('truetype'),
        url('../fonts/Archivo-SemiBold.svg#Archivo-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Archivo';
    src: url('../fonts/Archivo-Bold.eot');
    src: url('../fonts/Archivo-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Archivo-Bold.woff2') format('woff2'),
        url('../fonts/Archivo-Bold.woff') format('woff'),
        url('../fonts/Archivo-Bold.ttf') format('truetype'),
        url('../fonts/Archivo-Bold.svg#Archivo-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow Condensed';
    src: url('../fonts/BarlowCondensed-Medium.eot');
    src: url('../fonts/BarlowCondensed-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/BarlowCondensed-Medium.woff2') format('woff2'),
        url('../fonts/BarlowCondensed-Medium.woff') format('woff'),
        url('../fonts/BarlowCondensed-Medium.ttf') format('truetype'),
        url('../fonts/BarlowCondensed-Medium.svg#BarlowCondensed-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow Condensed';
    src: url('../fonts/BarlowCondensed-SemiBold.eot');
    src: url('../fonts/BarlowCondensed-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/BarlowCondensed-SemiBold.woff2') format('woff2'),
        url('../fonts/BarlowCondensed-SemiBold.woff') format('woff'),
        url('../fonts/BarlowCondensed-SemiBold.ttf') format('truetype'),
        url('../fonts/BarlowCondensed-SemiBold.svg#BarlowCondensed-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow Condensed';
    src: url('../fonts/BarlowCondensed-ExtraBold.eot');
    src: url('../fonts/BarlowCondensed-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/BarlowCondensed-ExtraBold.woff2') format('woff2'),
        url('../fonts/BarlowCondensed-ExtraBold.woff') format('woff'),
        url('../fonts/BarlowCondensed-ExtraBold.ttf') format('truetype'),
        url('../fonts/BarlowCondensed-ExtraBold.svg#BarlowCondensed-ExtraBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Barlow Semi Condensed';
    src: url('../fonts/BarlowSemiCondensed-Bold.eot');
    src: url('../fonts/BarlowSemiCondensed-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/BarlowSemiCondensed-Bold.woff2') format('woff2'),
        url('../fonts/BarlowSemiCondensed-Bold.woff') format('woff'),
        url('../fonts/BarlowSemiCondensed-Bold.ttf') format('truetype'),
        url('../fonts/BarlowSemiCondensed-Bold.svg#BarlowSemiCondensed-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Barlow Condensed';
    src: url('../fonts/BarlowCondensed-Bold.eot');
    src: url('../fonts/BarlowCondensed-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/BarlowCondensed-Bold.woff2') format('woff2'),
        url('../fonts/BarlowCondensed-Bold.woff') format('woff'),
        url('../fonts/BarlowCondensed-Bold.ttf') format('truetype'),
        url('../fonts/BarlowCondensed-Bold.svg#BarlowCondensed-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow';
    src: url('../fonts/Barlow-SemiBold.eot');
    src: url('../fonts/Barlow-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Barlow-SemiBold.woff2') format('woff2'),
        url('../fonts/Barlow-SemiBold.woff') format('woff'),
        url('../fonts/Barlow-SemiBold.ttf') format('truetype'),
        url('../fonts/Barlow-SemiBold.svg#Barlow-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Radio Canada Big';
    src: url('../fonts/RadioCanadaBig-Bold.eot');
    src: url('../fonts/RadioCanadaBig-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/RadioCanadaBig-Bold.woff2') format('woff2'),
        url('../fonts/RadioCanadaBig-Bold.woff') format('woff'),
        url('../fonts/RadioCanadaBig-Bold.ttf') format('truetype'),
        url('../fonts/RadioCanadaBig-Bold.svg#RadioCanadaBig-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Radio Canada Big';
    src: url('../fonts/RadioCanadaBig-Regular.eot');
    src: url('../fonts/RadioCanadaBig-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/RadioCanadaBig-Regular.woff2') format('woff2'),
        url('../fonts/RadioCanadaBig-Regular.woff') format('woff'),
        url('../fonts/RadioCanadaBig-Regular.ttf') format('truetype'),
        url('../fonts/RadioCanadaBig-Regular.svg#RadioCanadaBig-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}




html,body{width:100%;}
body{margin:0px;padding:0px; font-family: var(--font-main) ;font-weight:normal;font-size:16px;position:relative;overflow-x: hidden;-webkit-font-smoothing: antialiased !important;color:var(--paragraph);line-height: 30px;letter-spacing: 0.1px;}
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, 
legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin: 0;padding: 0;border: 0;vertical-align: baseline;}
html {margin: 0;padding: 0;border: 0;-webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-text-size-adjust: 100%;}
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section{display: block;}
table {border-collapse: separate;border-spacing: 0;}
*,*::before,*::after {box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box; -ms-box-sizing: border-box;}
a img {border: none;}
:focus {outline: 0;}
::-moz-focus-inner {border:0;}
a,button{text-decoration:none;color:inherit;transition: all .5s ease-in-out;-webkit-transition: all .5s ease-in-out;-ms-transition: all .5s ease-in-out;cursor: pointer}
audio,
canvas,
embed,
iframe,
img,
object,
svg,
video {
  display: block;
  vertical-align: middle;
}
img,
video {
  max-width: 100%;
  height: auto;
}
hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
}
a {
    color: inherit;
    text-decoration: inherit;
  }
  b,
  strong {
    font-weight: bolder;
  }
  code,
  kbd,
  pre,
  samp {
    font-family: var(--font-main);
    font-size: 1.125rem;
  }
  small {
    font-size: 80%;
  }
  sub,
  sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
ul{
    list-style: none;
  }
  html {
    scroll-behavior: smooth;
  }
/*-----FORM CONTROL-----*/
::-webkit-input-placeholder {color:var(--secondary-color);font-family: var(--font-main);font-weight:normal;}
::-moz-placeholder {color:var(--secondary-color);font-family: var(--font-main);font-weight:normal;}
:-ms-input-placeholder {color:var(--secondary-color);font-family: var(--font-main);font-weight:normal;}
::-moz-selection {color: #fff;background:#000000;}
::selection {color:#fff; background:#000000;} 
select {-webkit-appearance: none;-moz-appearance: none;}
select::-ms-expand {display: none;}
input:invalid {box-shadow: none;}
input[type=text] ,input[type=submit],input[type=email],textarea  {-webkit-appearance: none;-moz-appearance: none;appearance: none;}
textarea{resize: none;height: auto!important;min-height:110px;overflow: hidden;margin:0;overflow-y: scroll;}
.form-group{margin-bottom: 20px}

.form-control{
    width: 100%;
    padding: 12px 20px;
    border: 2px solid var(--white);
    border-radius: 4px;
    height: 60px;
    background: var(--white);
    color: #222426;
    font-family: var(--font-main);
    font-weight: normal;
    font-size: 14px;
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    letter-spacing: normal;
}

.form-control:focus{border-color: var(--primary) !important;}
select.form-control{
  background:url(../../assets/images/caret.png)no-repeat  top 25px right 15px #fff;
  padding-right: 34px;
}

form{
  & label{
    color: var(--white);
    font-size: 16px;
    font-family: 'Archivo';
    font-weight: 600;
    display: block;
    margin-bottom: 9px;
    line-height: 1.2;
  }

  & .submit_btn{
    width: 100%;

    &  input[type="submit"]{
        width: 100%;
        border: 2px solid var(--red);
        background-color: var(--red);
        border-radius: 4px;
        min-height: 60px;
        font-size: 16px;
        text-transform: uppercase;
        cursor: pointer;
    }

  }
}
form > .form-group:last-child{
  margin-bottom: 0;;
}



/*-----STRUCTURE-----*/
.container ,
.container-fluid{padding-right:15px;padding-left:15px;margin-right: auto;margin-left: auto;position: relative}
.row{margin-left: -11px;margin-right: -11px;}
.row::before, .row::after ,.container::before, .container::after ,.clearfix::before, .clearfix::after{display: table;content: " ";}
.row::after,.container::after,.clearfix::after{ clear: both;}
.width50{width: 50%;padding-left:11px;padding-right:11px;position:relative;float:left}
.flex-container{-ms-box-orient: horizontal;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex; display:-webkit-flex;
  display:flex;align-items: center;}
.wrap{-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.hidden{display: none;}



/*----------------------------------------COMMON------------------------------------*/
/*-----SCROLL TOP-----*/
.scrollTop {
    position: fixed;
    right: 0;
    bottom: 85px;
    border-radius: 4px;
    opacity: 0;
    height: 40px;
    width: 40px;
    line-height: 36px;
    z-index: 10;
    color: var(--white);
    background: var(--red);
    text-align: center;
    font-size: 16px;
    box-shadow: 0px 4px 5px rgb(0 0 0 / 50%);
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: auto;
    min-height: auto;
}


.scrollTop:hover{
  -webkit-animation: uparrow 0.6s infinite alternate ease-in-out;
}
@-webkit-keyframes uparrow {
  0% { -webkit-transform: translateY(0); }
  100% { -webkit-transform: translateY(-0.4em); }
} 


/*-----CONTENT-----*/
h1,
h2,
h3,
h4,
h5,
h5,
h6,
[class*="heading-"]{
    font-size: inherit;
    font-weight: bold;
    font-family: var(--font-heading);
    color: var(--paragraph);
    line-height: 1.1;
    margin-bottom: 25px;
    position: relative;
}
.heading-56,h1{
  font-size: 56px;
}
.heading-44,h2{
  font-size: 44px;
}
.heading-36,h3{
  font-size: 36px;
}
.heading-32,h4{
  font-size: 32px;
}
.heading-28,h5{
  font-size: 28px;
}
.heading-26,h6{
  font-size: 26px;
}
.heading-24{
  font-size: 24px;
}
.heading-22{
  font-size: 22px;
}
.heading-18{
  font-size: 18px;
}
.head-xs , h2.head-xs{
  font-size: 18px;
  font-weight: 600;
  color:var(--paragraph);
  line-height: 24px;
  margin-bottom: 20px;
  font-family: var(--font-main);
}

.intro{
  margin-bottom: 30px;

  & [class*="heading-"]{
    margin-bottom: 10px;
  }
}

/* **************** PAGE WRAPPER **************** */

/* .black-bg :is(*) , 
.secondary-bg :is(p) ,
.content-white :is(*) ,
.white-bg .btn-primary {
  color: var(--white);
}
.secondary-bg{
  background: var(--secondary);
} */


p{font-size: 17px;color: var(--paragraph); margin-bottom: 30px;font-family: var(--font-main);font-weight: normal;line-height: 1.4;}
p:last-of-type{margin-bottom: 0;}
p a{text-decoration: none;display: inline-block;font-weight: 600;text-decoration: underline; }
p a:hover{color: var(--red);}

.image-block{
  width: 700px;
}
.ctent-block{
  width: calc(100% - 700px);
  padding-left: 130px;
}
.flex-row-reverse .ctent-block{
  padding-left: 0;
  padding-right: 130px;
}
.radius-20{
  border-radius: 20px;
}
.content-wrapper .ctent-column > *:not(:last-child):not(h1):not(h2):not(h3):not([class*="heading-"]):not(.semi-head):not(.head-xs) {
    margin-bottom: 30px;
}
.content-wrapper .ctent-column  ul + .button-group{
  margin-top: 40px;
}

.light-pink-bg{
  background: var(--lightpink);
}
.section-radius{
  border-radius: 50px 50px 0 0;
  overflow: hidden;
}
.intro-container {
  margin-bottom: 30px;
}
.column-left{
  width: 650px;
}
.column-right{
  width: 585px;
}
.inspection-service .intro-container{
  align-items: flex-start;
}

.dark-opacity-bg{
    background: rgb(10 10 10 / 70%);

    & [class*="heading-"] {
      color: var(--white);
    }
}
.center-intro{
  max-width: 900px;
  margin: 0 auto 50px;
}
.semi-head{
    background: var(--lightpink);
    border-radius: 4px;
    min-width: 135px;
    margin-bottom: 10px;
    color: var(--red);
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.32px;
    line-height: 1.1;
    min-height: 35px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 4px 10px;
}

.vertical-text-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    right: 115px;
}


.vertical-text-container .arrow {
  font-size: 18px;
  margin-bottom: 5px;
}

.vertical-text {
  writing-mode: vertical-rl;
  font-size: 16px;
  letter-spacing: 3px;
  text-align: center;
  color: rgb(69 72 72 / 50%);
  text-transform: uppercase;
  transform: rotate(-180deg);
  transform-origin: center;
} 
.full-text-wrapper {
  position: relative;
  top: 10px;
  margin:0 -25px;
}
.text-slider .heading-100{
    font-size: 100px;
    color: var(--lightpink);
    letter-spacing: 12px;
    text-transform: uppercase;
    margin-bottom: 0;
    line-height: 80px;
    padding: 0 25px;
    background: linear-gradient(180deg, #FBEEEE, rgb(251 238 238 / 52%));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}
.available-online .vertical-left{
  right:inherit;
  left:115px;
  top: 62px;
}
.vertical-left .vertical-text{
  color: var(--white);
}
.common-block-wr {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
                
     & .common-left{
        max-width:1100px;
                 width:100%;
                 padding-right:30px;
     }
     & .common-right{
       width:350px;
     }
}

.full-text-wrapper:not(.slick-initialized) > div:not(:first-child){
  display: none;
}
.full-text-wrapper:not(.slick-initialized) .heading-100{
    letter-spacing:4px;
    text-align: center;
    font-size: 95px;
}


/* ********|| GRID AND FLEX COLUMN  ||******** */

.column-3{
    margin: 0 -27px;
}
.item-flex{
  width: 33.33%;
  padding: 0 27px;
}

/* ********|| UL , OL  ||******** */
main ul:not([class]) li a ,
.content-wrapper .ctent-block ul.checked-ul li a{
	text-decoration:underline;
}
main ul:not([class]) li a:hover ,
.content-wrapper .ctent-block ul.checked-ul li a:hover{
	color:var(--red);
}
main ul:not([class]) ,
.content-wrapper .ctent-block ul.checked-ul {
  list-style-type: none;
  margin-left: 0;
}

main ul:not([class]) li ,
.content-wrapper .ctent-block ul.checked-ul li {
    font-size: 18px;
    line-height: 1.4;
    font-weight: normal;
    position: relative;
    padding-left: 30px;
    color: var(--paragraph);
    letter-spacing: 0px;
    text-align: left;
}
main ul:not([class]) li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    width: 21px;
    height: 21px;
    background-image: url(../../assets/images/svg/checked.svg);
    background-repeat: no-repeat;
}
main ul:not([class]) li:not(:last-child) ,
.content-wrapper .ctent-block ul.checked-ul li:not(:last-child) {
  margin-bottom:18px;
}
main ul:not([class]) li:last-child{margin-bottom: 0;}
main ul:not([class]) li strong {
  font-weight:600;
	margin-bottom:10px;
	font-size:18px;
	line-height:1;
}
.half-ul ul{
  column-count: 2;
}
main ul:not([class]) + p{
	margin-top:30px;
}

.content-wrapper .ctent-block ul.checked-ul li:after{
    content: "";
    position: absolute;
    left: 0;
    top: 1px;
    width: 23px;
    height: 24px;
    background-image: url(../../assets/images/svg/check-circle.svg);
    background-repeat: no-repeat;
}

.ctent-block  ol {
  counter-reset: my-counter; /* reset counter */
  list-style: none;          /* remove default numbers */
  padding-left: 0;
}

.ctent-block  ol li {
  counter-increment: my-counter; /* increase counter */
  font-size: 18px;
  line-height: 1.4;
  font-weight: normal;
  position: relative;
  padding-left: 34px;
  color: var(--paragraph);
  letter-spacing: 0px;
  text-align: left;
  margin: 0;
}
.ctent-block  ol li:not(:last-child){
  margin-bottom:18px;
}

.ctent-block  ol li::before {
   content: counter(my-counter); /* display counter */
    position: absolute;
    left: 0;
    top: 0;
    font-weight: bold;
    color: var(--white);
    width: 25px;
    height: 25px;
    background: var(--red);
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
}

/*-----BUTTONS-----*/
.button-group {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  row-gap:8px;
  column-gap: 20px;
}


button,
.button,
button[type="submit"],
input[type="submit"] {
  font-size: 18px;
    text-transform: inherit;
    padding: 10px 17px;
    position: relative;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    font-family: var(--font-main);
    font-weight: 600;
    z-index: 1;
    line-height: 1;
    text-decoration: none;
    justify-content: center;
    text-align: center;
    border: 2px solid var(--paragraph);
    border-radius: 4px;
    min-height: 50px;
    background-color: var(--paragraph);
    color: var(--white);
    text-decoration: none;
    justify-content: center;
    text-align: center;
    column-gap: 10px;
    transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;

    &.button-secondary{
      background-color: transparent;
      color: var(--paragraph);
    }

    &.button-theme{
      background-color: var(--red);
      border-color: var(--red);
    }
    &.button-outline{
      border-color: var(--white);
      background-color: transparent;
    }
    &.button-call{
      font-size: 20px;
      min-width: 200px;
    }


    &:hover{
      background: var(--red);
      border-color:var(--red);
      color: var(--white);

      &.button-outline{
        background: var(--white);
        border-color: var(--white);
        color: var(--section);

        & img{
              filter: brightness(0.2);
          }
      }

      &.button-theme{
        background: var(--paragraph);
        border-color: var(--paragraph);
      }

      &.button-secondary {
        & img{
              filter: brightness(0) invert(1);
          }
        }
    }
}


/* *********** SLICK SLIDER ************* */
.slick-prev, 
.slick-next{
  width: 40px;
  height: 40px;
  background: transparent;
  border: 2px solid #333333;
  border-radius: 100%;
  z-index: 1;
  min-height: auto;
  min-width: auto;
}
.slick-prev{left:0;}
.slick-next{right: 0;}

.slick-prev:hover , 
.slick-next:hover{
  background: var(--red);
  border-color: var(--red);
}
.slick-prev:before, 
.slick-next:before{
  content: none;
}
.slick-prev:after, 
.slick-next:after{
    content: "";
    position: absolute;
    top: 2px;
    left: 0;
    right: 0;
    margin: auto;
    width: 18px;
    height: 17px;
    bottom: 0;
    transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
}
.slick-prev:after{
  background: url(../../assets/images/svg/arrow-left.svg)no-repeat ;
}
.slick-next:after{
  background: url(../../assets/images/svg/arrow-right.svg)no-repeat ;
} 
.slick-initialized .slick-arrow:hover:after{
  filter: brightness(0) invert(1);
}

.slick-dots li{
  margin: 0 3px;
  width:auto;
  height: auto;
}
.slick-dots li button{
    width: 10px;
    height: 10px;
    border: 2px solid #C2C2C2;
    min-height: auto;
    border-radius: 100%;
}
.slick-dots li.slick-active button{
  background: var(--red);
  border-color: var(--red);
}
.line{
  position: relative;
}
.line:after{
    content: "";
    position: absolute;
    width: 75%;
    height: 1px;
    background: rgb(0 0 0 / 10%);
    right: 125px;
    bottom: 0;
    margin: auto;
    top: 0;
}
/* ******** Quality Awards *********/
.quality-award{
  margin-top: -304px;
}
.quality-wrapper{
  background: var(--white);
  border:1px solid #E1E1E1;
  border-radius: 10px;
  padding: 50px;
}
.award-left{
  width: 575px;
  padding-right:50px;
}
.award-left .badge-wrapper{
  position: relative;
  padding: 0;
  margin-top: 0;
}
.award-right{
  width: calc(100% - 575px);
}
.badge-heading{
  margin-bottom: 20px;
    position: relative;
    text-align: center;
    display: flex;
    justify-content: center;

  &::before{
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    left: 0;
    margin: auto;
    background: rgb(0 0 0 / 10%);
  }
}
.badge-heading span{
    background: var(--paragraph);
    font-size: 18px;
    color: var(--white);
    font-family: var(--font-main);
    text-align: center;
    padding: 10px 50px;
    line-height: 1.1;
    clip-path: polygon(3% 0%, 97% 0%, 100% 50%, 97% 100%, 3% 100%, 0% 50%);
}

.award-slider:not(.slick-initialized) .award-box:nth-child(n + 2){display: none;}

/* ******** CTA WRAPPER *********/
.cta-wrapper .col-6:first-child{
  padding-right: 25px;
}
.cta-wrapper .col-6:last-child{
  padding-left: 90px;
}
.cta-wrapper p{
  color: var(--white);
}


/* ******** Keyfactor *********/
.key-factor-wrapper{
  margin-top: 80px;
}
.key-list{
  display: flex;
  margin: 0 -10px;
}
.key-list li{
  width: 20%;
  text-align: center;
  margin-bottom: 0;
  padding: 0 10px;
}
.key-list li:not(:last-child){
  border-right:1px solid rgb(112 112 112 / 20%)
}
.key-list li .key-box .key-icon{
   min-height: 66px;
   margin-bottom: 12px;
}
.key-list li .key-box .key-icon > img{
     display: block;
     margin: 0 auto;
}
.key-list li .key-box p{
     font-size: 18px;
    font-weight: bold;
    line-height: 26px;
    max-width: 215px;
    margin: 0 auto;
}

/* ******** GET AN QUOTE *********/

.get-quote-block{
  background-color: var(--paragraph);
  border-radius: 20px;
  padding: 45px 75px;
  position: relative;
  overflow: hidden;
  z-index: 1;

  & .heading-44{
    color: var(--white);
    margin-bottom: 20px;
  }
}
.get-quote-block .logo-shape{
    opacity: 1;
    right: -212px;
    bottom: -324px;
    z-index: -1;
}
.google-block{
  display: flex;
  align-items: center;
  max-width: 190px;
}
.google-block .google-icon{
  width: 57px;
  height: 57px;
  background-color: var(--white);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
}
.google-block .google-info{
  width: calc(100% - 57px);
  display: flex;
  align-items: center;
  padding-left: 10px;
  column-gap: 10px;
}
.google-block .google-info{

}
.google-block .google-info .heading-44{margin-bottom: 0;}
.google-block .google-info .google-text{
  font-size: 16px;
    line-height: 1.1;
    font-weight: 600;
    letter-spacing: 0.32px;
}
.happy-customer{
    display: flex;
    align-items: center;
    column-gap: 10px;
    border-left:1px solid rgb(112 112 112 / 20%);
    padding-left: 20px;
    margin-left: 20px;
}
.happy-customer p{
      font-size: 15px;
    font-weight: 600;
}
.happy-customer .divcount {
  display: flex;
  min-width: 80px;
}

/* ******** Accreditation and Certifications *********/
.accreditations-top{
    border-bottom: 1px solid rgb(0 0 0 / 10%);
    padding: 22px 0;
}
.accreditions-certification-sec .flex-container{
    padding-top: 45px;
    border-top: 1px solid rgb(0 0 0 / 10%);
}
.accred-left{
  width: 285px;
}
.accred-left .heading-24{
  font-family: 'Barlow Semi Condensed';
  color: var(--paragraph);
}
.accred-left .heading-24:after{
  content: "";
  position: absolute;
  top:5px;
  right:0;
  background:url(../../assets/images/svg/big-arrow.svg) no-repeat;
  width: 40px;
  height: 40px;
}
.accred-right{
  width: calc(100% - 285px);
  padding-left:50px;
}
.accred-list:not(.slick-initialized ) {
  display: flex;
  flex-wrap: wrap;
}
.accred-list li{
  width: 20%;
  margin-bottom: 0;
  text-align: center;
}
.accred-js:not(.slick-initialized) li:nth-child(n + 6) {display: none;}

/* ******** FOOTER  ******** */
footer{
  background-color: var(--footer);
  position: relative;
  overflow: hidden;
}
img.footer-shape{
    position: absolute;
    right: -478px;
    top: -38px;
}

.footer-cta{
  background-color: var(--secondary);
  padding: 35px 0;
}
.ft-logo{width: 320px;}
.ft-cta-block{
  width: 950px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  
  & .heading-28{
    color: var(--white);
    margin-bottom: 0;
    max-width: 495px;
    font-family: 'Barlow';
    font-weight: 600;
    padding-right: 30px;
  }
}
.ft-navigation{
  width: 820px; 
  display: flex;
}
.ft-addreas-wrap{
  width: calc(100% - 820px);
  padding-right: 115px;
}
.ft-cta-block .button-group{
  width: 400px;
}
.footer-bottom [class*="heading-"]{
  color: var(--white);
  font-weight: 500;
}
.nav-link li{
  font-size: 16px;
  color: #CBCBCB;
  line-height: 22px;
  margin-bottom: 14px;

  &:hover,
  &.active{
    color:var(--red);
  }

}
.ft-navigation .navbar-block{
  padding-left: 80px;
  border-left: 1px solid rgb(255 255 255 / 10%);
}
.ft-navigation .navbar-block:first-child{
  padding-right: 70px;
  width: 450px;
}
.ft-navigation .navbar-block:last-child{
  width: 375px;
}

.footer-contianer{
  margin: 60px 0 65px;
}
.addreass-list li .ft-box{
  display: flex;

  & label{
    display: block;
    font-size: 16px;
    color: var(--white);
    margin-bottom: 5px;
  }

  & p,
  & a{
    font-size: 16px;
    color: #CBCBCB;
    line-height: 24px;

    & span{
      display: block;
    }
  }

  & a:hover{
    color: var(--red);
  }

}

.ft-navigation .navbar-block:last-child .navbar-column:last-child{
  margin-top: 30px;
}
.ft-navigation .navbar-block:last-child .navbar-column:last-child .heading-26.acc-nav-head{
  font-size: 20px;
  font-family: var(--font-main);
  font-weight: 500;
  letter-spacing: 0.32px;
  margin-bottom: 20px;
}
.navbar-block:last-child .navbar-column a.heading-26{
  display: block;
  margin-bottom: 0;
}
.navbar-block:last-child .navbar-column a.heading-26:hover ,
.navbar-block:last-child .navbar-column a.heading-26.active{
  color: var(--red);
}

.ft-icon{
  width: 30px;
}
.ft-info{
  width: calc(100% - 30px);
}
.address-wrapper .addreass-list{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 65px;
}
.navbar-block [class*="heading-"] ~ [class*="heading-"] {
  margin-top: 30px;
}
.footer-bottom{
  position: relative;
  z-index: 1;
}

footer .divider{
  border-top: 1px solid rgb(255 255 255 / 10%);
  margin: 65px 0 40px;
}
.other-office-address{
  margin: 40px 0 50px;

  & .heading-16{
    font-weight: normal;
    font-family: var(--font-main);
  }
}


.ft-office-list{
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px;
}
.ft-office-list li{
  width: 25%;
  padding: 0 10px;
  margin-bottom: 0;
}
.ft-office-list li .office-box{
  display: flex;
  background-color: var(--darkgray);
  border-radius: 4px;
  padding: 30px;
  align-items: flex-start;
  height: 100%;
}
.ft-office-list li .office-box .location-icon{
    width: 30px;
    position: relative;
    top: 4px;
}
.ft-office-list li .office-box .location-info{
  width: calc(100% - 30px);

  & p{
    font-size: 16px;
    line-height: 24px;
    color: #CBCBCB;
  }
}
.ft-office-list .slick-track{
  display: flex;
}
.ft-office-list .slick-track  .slick-slide{
  height: auto;
}
.ft-office-list .slick-track  .slick-slide > *{
  height: 100%;
  display: flex !important;
}
.ft-office-js .slick-arrow{
    width: 16px;
    height: 16px;
    border: 0;
    top: -35px;
    bottom: inherit;
}
.ft-office-js .slick-arrow:after{
  filter: brightness(0) invert(0.6);
  transition: all 0.5s linear;
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
}
.ft-office-js .slick-prev{
  left:inherit;
  right:50px;
}
.ft-office-js .slick-next{
  right:10px;
}
.ft-office-js .slick-arrow:hover{
  background-color: transparent;

  &:after{
    filter: brightness(0) invert(1);
  }
}

.ft-office-js:not(.slick-initialized) li:nth-child(n + 5) {
    display: none;
}


.navigation-wrapper-bottom{
  margin: 40px 0;
}
.navigation-wrapper-bottom .nav-link{
  display: flex;
  margin: 0 -22px;
}
.navigation-wrapper-bottom .nav-link li{
  padding: 0 22px;
  margin-bottom: 0;
}
.aust-standard{
  font-size: 16px;
  line-height: 24px;
  color: #CBCBCB;
}

.copyright{
  background-color: var(--white);
  padding: 15px 0;
}
.copyright p{
  font-size: 16px;
  color: #333333;
}
.vic-text{
  font-size: 14px;
 color: #333333;
 line-height: 1.4;
}


/*----- FORM COMMON  -----*/
.wpcf7 .ajax-loader {
  position: absolute;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
  border-color: #fff;
  color: #eb3b16;
  text-align: center;
  border-width: 1px;
}
.wpcf7 form .wpcf7-response-output {
  margin: 0 0 20px;
  padding: 10px 15px;
}
.wpcf7-not-valid-tip {
  font-size: 14px;
  margin: 5px 0 0;
}

.wpcf7 .ajax-loader,
.wpcf7-spinner {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
}

.wpcf7 form .wpcf7-response-output {
  margin: 0 0 20px;
  padding: 10px 15px;
}

.wpcf7-not-valid-tip {
  font-size: 12px;
  margin: 0;
  position: relative;
  background: #fe0000;
  display: inline-block;
  color: var(--white);
  letter-spacing: 0.2px;
  padding: 7px 10px;
  line-height: 100%;
  top: -5px;
}

/*FORM ERROR MASSSAGE*/
.wpcf7 form .wpcf7-response-output,
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
    border: 1px solid #f5c812;
    background: #fff9df;
    width: 100%;
    display: block;
    color: inherit;
    padding: 12px 12px 12px 40px;
    text-align: left;
    line-height: 1;
    margin: 0 auto 20px;
    font-weight: normal;
    color: #333333;
    font-size: 14px;
    position: relative;
}

.wpcf7-response-output:before {
    position: absolute;
    content: "";
    background: url(../../assets/images/svg/material-error-outline.svg) no-repeat left top;
    width: 20px;
    height: 20px;
    left: 12px;
    top: 8px;
    display: inline-block;
}

.wpcf7-not-valid-tip:before {
  top: -5px;
  margin: 0;
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid red;
}

.wpcf7-validates-as-required.wpcf7-not-valid {
  background-color: #ffdfdf;
  border-color: #f54812;
}
.wpcf7 form.sent .wpcf7-response-output{
  border-color: #46b450;
    background: rgb(70 180 80 / 10%);
}

/* ********| thank you 0r error | ******** */

.thank_you_content {
  margin: 0 auto;
}
.thank_you_content p {
margin-bottom: 20px;
}
.thank_you_content p a {
font-weight: bold;
}
main .thank_you_content ul{
margin: 30px 0;
}
main .thank_you_content ul li:not(:last-child){
margin-bottom: 15px;
}
main .thank_you_content ul li{padding-left: 18px;position: relative;}
main .thank_you_content ul li:before{
  content: "\f105 " !important;
  position: absolute;
  top: -1px;
  left: 0;
  bottom: 0;
  font-family: "FontAwesome";
  opacity: 1;
  z-index: 0;
  background: none;
  width: auto;
  height: auto;
}

.error-left{
width: 60%;
padding-right: 100px;
}
.error-right{
width: 40%;
}
main .thank_you_content ul li a{text-decoration: underline;}
main .thank_you_content ul li a:hover{
color: var(--mediumseagreen);
}



/*-----------bottom block image, form section ----------*/
.btm-wrap{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
		& .btm-left{
			width:calc(100% - 680px);
			max-width:800px;
			padding-right:40px;
			
			& .btmform-wr{
				border-radius:20px;
				position:relative;
				height:100%;
				& img{
					border-radius: 20px;
     width: 100%;
     height: 100%;
     object-fit: cover;
				}
			}
			& .btmform-wr:before
			{
				position:absolute;
				content:"";
				background: linear-gradient(180deg,rgba(222, 9, 20, 1) 0%, rgba(222, 9, 20, 0) 100%);
				width:100%;
				height:430px;
				top:0;
				left:0;
				right:0;
				border-radius:20px;
				opacity:0.70;
			}
			& .badge-wrapper {
  				display: flex;
			    gap: 10px;
			    justify-content: space-between;
			    align-items: center;
			    max-width:max-content;
			    position: absolute;
			    top: 0;
			    left: 0;
			    right: 0;
			    margin:40px auto 0;
			    bottom: inherit;

			    & img{
			    	border-radius: 0;
			    	width: auto;
			    	height: auto;
			    	object-fit: none;
			    }

			}
	}	
	 & .btm-right{
			 width:680px;
			position:relative;
			
			& .get-quote-block .logo-shape {
        position: absolute;
        bottom: 0;
        right: 40px;
        z-index: -1;
    }
	 }	
}

.common-block-wr {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
  & .common-left{
    max-width:1100px;
    width:calc(100% - 350px);
    padding-right:30px;
  }
  & .common-right{
   width:350px;
  }
}

.blog-detail-page .common-left > *:not(:last-child):not(h1):not(h2):not(h3):not([class*="heading-"]) {
    margin-bottom: 30px;
}

/*--- right side call action ----*/
.call-act-wr{
	position:relative;
	padding:30px 30px 0 40px;
	z-index:1;
}
.call-act-wr:before{
	position:absolute;
	content:"";
	width:100%;
	height:100%;
	background-color:rgba(35 35 35 / 91%);
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index:-1;
}
.call-act-wr .bgimg{
	z-index:-2;
}
.callact-box [class*="heading-"]{
	color:var(--white);
	font-weight:900;
	margin-bottom:15px;
}
.common-right .callact-box h3.heading-44{
  font-size: 26px;
}

.callact-box
{
	& p{
		color:var(--white);
		margin-bottom:30px;
		line-height:1.53;
	}
}
.callact-box .button-group .button{
	font-size:18px;
	min-width:257px;
	margin-bottom:4px;
}
.callact-box .button-group{
	margin-bottom:20px;
}

.divider{
  border-top:1px solid rgb(0 0 0 / 10%);
  margin-bottom: 100px;
}

/* ******** Our Value packed pricing ******** */
.packed-item{ 
  display: flex;
  flex-wrap: wrap;
  margin: 0 -30px;
}
.packed-item .pricing-box{
  width: calc(33.33% - 60px);
  margin: 0 30px;
  background: var(--lightpink);
  border-radius: 8px;
}
.packed-item .pricing-box .price-top{
  padding: 45px 45px 30px;
  border-bottom: 1px solid var(--white);
}
.packed-item .pricing-box .price-top .icon{
  margin-bottom: 15px;
}
.packed-item .pricing-box .price-top .heading-36  {
  margin-bottom: 15px;
}

.packed-item .pricing-box ul li:last-child{
  margin-bottom: 0;
}
.packed-item .pricing-box .price-top .price-gst li {
  font-size:18px;
  color: var(--paragraph);
  font-weight: 600;
  margin-bottom: 0;

  &:not(:last-child){
    margin-bottom: 5px;
  }
}
.packed-item .pricing-box .price-detail {
  padding: 30px 35px 50px 45px;
}
.packed-item .pricing-box .price-detail ul li{
  font-size: 16px;
  color: var(--paragraph);
}
 main ul.circle-black li,
ul.circle-black.more-info li{
    position: relative;
    padding-left: 32px;
    line-height: 24px;
 }

 main ul.circle-black li:after,
ul.circle-black.more-info li:after{
  content: "";
  position: absolute;
  background: url(../../assets/images/svg/check-circle-black.svg) no-repeat;
  width: 22px;
  height: 22px;
  top:0;
  left:0;
}


ul.circle-black.more-info li:not(:last-child){
	margin-bottom:12px;
}
ul.circle-black.more-info{
	text-align:left;
	padding-right: 50px;
}
.packed-item .pricing-box .price-top .price-gst li.redclr{
  color: var(--red);
}
.packed-item .pricing-box.new-home-box .price-detail{
  padding: 0 0 20px;
}
.packed-item .pricing-box.new-home-box .price-detail ul li{
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;

  &:before{
    content:none;
  }
}
.packed-item .pricing-box.new-home-box .price-detail ul li{
  padding: 22px 45px;
  margin-bottom: 0;
}
.packed-item .pricing-box.new-home-box .price-detail ul li:not(:last-child){
  border-bottom: 1px solid var(--white);
}
/* ******** Stage Construction Inspection ******** */
.stage-grid{
  display: flex;
  flex-wrap: wrap;
  margin: 0 -27px;
  grid-row-gap: 55px;
}
.stage-grid .stage-item{
  width: calc(33.33% - 54px);
  margin: 0 27px;
  border-radius: 10px;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
}
.stage-grid .stage-item .stage-box{
  width: 100%;
  display: flex;
  flex-direction: column;
  background: var(--white);
}
.stage-grid .stage-item .stage-detail{padding: 60px 35px 40px;position: relative;flex: 1;height: 100%;display: flex;flex-direction: column;}
.stage-grid .stage-item .stage-detail .button-group{column-gap: 15px;margin-top: 40px;}
.stage-grid .stage-item .stage-detail .button-group .button {min-width: 185px;padding:10px 15px;}
.stage-grid .stage-item .stage-detail .num{
    position: absolute;
    top: -35px;
    left: 35px;
    width: 68px;
    height: 68px;
    border: 4px solid var(--white);
    background: var(--red);
    border-radius: 100%;
    font-family: 'Barlow Condensed';
    font-size: 30px;
    color: var(--white);
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
}
.external-list a{
  font-size: 18px;
  font-weight: bold;
  display: block;
  line-height: 24px;
}
.external-list a:not(:last-child){
  margin-bottom: 30px;
}
.stage-grid .stage-item .stage-detail .alink{
  display: block;
  font-size: 16px;
  font-weight: 600;
  color: var(--red);
  text-decoration: underline;
  text-underline-offset: 2px;

  &:hover{
    color:var(--paragraph);
  }
}
.stage-grid .stage-item .stage-detail .alink i{
  margin-left: 6px;
  font-weight: bold;
  font-size: 20px;
}
.stage-grid .stage-item .stage-detail .stage-content{
    flex: 1;
    height: auto;
}
.safety-wrapper{
  margin: 0 -23px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.safty-block{
  width: calc(50% - 56px);
  margin: 0 23px;
}
.saftey-tab-wrapper{
    background: var(--white);
    border-radius: 8px;
    padding: 30px 40px;
    min-height: 1050px;
}

.saftey-tab-wrapper ol li{
  font-size: 18px;
  color: var(--paragraph);
  font-weight: bold;
  margin: 0;
}
.saftey-tab-wrapper ol li:not(:last-child){
  margin-bottom: 30px;
}
main .saftey-tab-wrapper .tab_content .head-xs{
  font-size: 18px;
  font-weight:bold; 
  line-height: 1.3;
  margin-bottom: 6px;
}
main .saftey-tab-wrapper .tab_content ul{
  margin-bottom: 20px;
}
main .saftey-tab-wrapper .tab_content ul li{
    font-size: 16px;
    padding-left: 18px;
    line-height: 1.2;
}
main .saftey-tab-wrapper .tab_content li:not(:last-child){
margin-bottom: 10px;
}
main .saftey-tab-wrapper .tab_content li:before{
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background: var(--paragraph);
    top: 6px;
}

/* *********** pop UP *********** */
.inspection-popup-box {
    display: none;
    max-width: 800px;
    padding: 60px;
    background-color: var(--primary);
    height: auto;

    & p{
      color: var(--white);

      &:not(:last-child){
        margin-bottom: 25px;
      }

    }
}





/* play icon */
.contentvideoimg{
    position: absolute;
    width: 40px;
    height: 40px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
	   z-index:0;
}
.contentvideoimg:before
{
	content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 50px;
    height: 50px;
    background:var(--white);
    opacity: 0.5;
    border-radius: 50%;
    -webkit-animation: pulse-border 1500ms ease-out infinite;
    animation: pulse-border 1500ms ease-out infinite;
    z-index: -1;
}
@-webkit-keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.1);
    opacity: 0;
  }
}

@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}
.contentvideoimg>img {
    width: 40px;
    height: 40px;
}

#html5-lightbox-box button {
    padding: 0;
    min-height: auto;
    background-color: var(--paragraph);
    margin: 10px;
	    border-radius: 0;
}
#html5-lightbox-box #html5-close .mh-icon-close {
    background-color: var(--paragraph);
    color: var(--white);
    padding: 5px;
    border-radius: 0;
}
#html5-lightbox-box button:hover{
	background-color: var(--red);
 border-color: var(--red);
}
#html5-lightbox-box #html5-close .mh-icon-close:hover{
	background-color: var(--red);
}

.inspection-popup-box.inspections-popup {
	border-radius: 10px;

	& p {
		    color: var(--paragraph);
	}
}
.inspection-popup-box.inspections-popup .fancybox-button
{
	background:var(--secondary);
}

.fancybox-close-small{
    background: var(--primary);
    opacity: 1;
}

.inspection-popup-box .review-inner ul li {
    position: relative;
    padding-left: 32px;
    line-height: 24px;
}
.inspection-popup-box .review-inner ul li:after{
	content: "";
    position: absolute;
    background: url(../../assets/images/svg/check-circle-black.svg) no-repeat;
    width: 22px;
    height: 22px;
    top: 0;
    left: 0;
}
#html5box-html5-lightbox .html5-elem-wrap{
	height: 100% !important;
}

.fancybox-slide--html .fancybox-close-small{
	width: 28px;
    height: 28px;
    background: #c3c3c3;
    padding: 5px;
    border-radius: 50%;
    min-height: 28px;
    margin: 23px 20px;
}
.fancybox-navigation .fancybox-button{
    padding: 0;
    height: 40px;
    width: 40px;
    margin: 0;
    background: var(--primary);
}
.fancybox-navigation .fancybox-button.fancybox-button--arrow_left{
	left:15px;
}
.fancybox-navigation .fancybox-button.fancybox-button--arrow_right{
	right:15px;
}
.html5-image{padding:44px !important;}
#html5-lightbox-box #html5-close .mh-icon-close{
	width: 30px;
	height: 30px;
	border-radius: 100%
}
.html5-image .html5lightbox-div ul.circle-black.more-info{
	padding-right: 0;
}
[class^="mh-icon-"]:before, 
[class*=" mh-icon-"]:before{
    position: absolute;
    top: 18px;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    font-size: 10px;
    width: auto !important;
}
/*======= START HOVER EFFECT ===========*/
  


@media (hover: hover) and (pointer: fine) { 
  
  
}

/*===== No Hover =====*/

@media (any-hover: none){
  
}



/*Small devices (landscape phones, 576px and up)*/

@media (min-width: 576px) {
    .container {max-width: 540px;}  
}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
    .container {max-width: 720px;}
}
/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
    .container{max-width: 960px;}
}
/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
    .container {max-width: 1120px;}    
}
@media (min-width: 1440px) {
    .container {max-width: 1400px;}    
}

@media (min-width: 1600px) {
      .container {max-width: 1550px;}    
}



/* ************* START MEDIA QUERY ************* */

@media screen and (max-width: 1700px){
  .available-online  .vertical-text-container{left:15px;}
  .vertical-text-container{right:15px;}
}
@media screen and (max-width: 1599.98px){

  /* ****** FAQ ****** */
  .hm-faq .ctent-block{padding-left: 50px;}

  .key-list li .key-box p{
    font-size: 16px;
    line-height: 1.4;
  }

  /* ****** FOOTER ****** */
  .ft-cta-block{width: 895px;}
  .ft-addreas-wrap {width: calc(100% - 700px);padding-right: 80px;}
  .ft-navigation {width: 700px;justify-content: space-between;}
  .ft-navigation .navbar-block{padding-left: 60px;}
  .ft-navigation .navbar-block:first-child {padding-right: 50px;width: auto;}

  .full-text-wrapper:not(.slick-initialized) .heading-100{font-size: 74px;line-height: 80px;}


  .stage-grid{margin: 0 -10px;grid-row-gap: 30px;}
  .stage-grid .stage-item {width: calc(33.33% - 20px);margin: 0 10px;}
  .stage-grid .stage-item .stage-detail .button-group {column-gap: 10px;}
  .stage-grid .stage-item .stage-detail .button-group .button {min-width: 170px;padding: 10px;}
 
}

@media screen and (max-width: 1439.98px){
  .available-online .vertical-left{top: 45px; }

  /* ****** CTA ****** */
  .cta-wrapper .col-6:last-child {padding-left: 30px;}


  /* ****** Column ****** */
  .image-block {width: 500px;}
  .ctent-block {width: calc(100% - 500px);padding-left: 80px;}
  .flex-row-reverse .ctent-block{padding-right: 80px;}

  .item-flex{padding: 0 10px;}

  .get-quote-block{padding: 30px 35px;}
  .line:after{width: 65%;}

  .column-right,
  .column-left {width: 450px;}

  /* ****** quality business award  ****** */
  .award-left {width: 490px;}
  .award-right {width: calc(100% - 490px);}
  .award-left .badge-wrapper img{max-width: 120px;}

  /* ****** Accreditation and Certificationss ****** */
  .accred-left {width: 250px;}
  .accred-right{width: calc(100% - 250px);padding-left: 30px;}

  /* ****** FOOTER ****** */
  .ft-logo {width: 250px;}
  .ft-cta-block {width: calc(100% - 250px);padding-left: 30px;}
  .ft-cta-block {
      & .heading-28 {
            max-width: 400px;
            font-size: 24px;
        }
    }
    .address-wrapper .addreass-list{column-gap: 20px;}
    .ft-addreas-wrap {
        width: calc(100% - 550px);
        padding-right: 30px;
    }
    .ft-navigation{width: 550px;}
    .ft-navigation .navbar-block:first-child{padding-right: 20px;}
    .ft-navigation .navbar-block {padding-left: 30px;}
	
		.btm-wrap {
						& .btm-right {
									width: 530px;
						}
						& .btm-left {
									width: calc(100% - 530px);
							  padding-right:20px;
						}
				}

  .divider{margin-bottom: 60px;}
  .full-text-wrapper:not(.slick-initialized) .heading-100 {font-size: 56px;line-height: 72px;}
  .ft-office-js:not(.slick-initialized) li:nth-child(n + 4) {display: none;}
  .ft-office-js:not(.slick-initialized) li{width: 33.33%;}

  .accred-js:not(.slick-initialized) li:nth-child(n + 5) {display: none;}
  .accred-js:not(.slick-initialized) li{width: 25%;}

  .packed-item{ margin: 0 -15px;}
  .packed-item .pricing-box{  width: calc(33.33% - 30px);margin: 0 15px;}
  .packed-item .pricing-box .price-top .heading-36{font-size: 30px;}
  .packed-item .pricing-box.new-home-box .price-detail ul li br{display: none;}

  .stage-grid .stage-item .stage-detail {padding: 45px 20px 30px;}
  .stage-grid .stage-item .stage-detail .button-group{column-gap: 5px;}
  .stage-grid .stage-item .stage-detail .button-group .button {min-width: 145px;font-size: 14px;column-gap: 5px;min-height: 40px;}

  .safety-wrapper{margin: 0 -10px;;}
  .safty-block{width: calc(50% - 20px);margin: 0 10px;}

}


@media screen and (max-width: 1199.98px){
	.menu-cta.hidden .heading-44{
  color: var(--white);
} 

  .heading-56,h1{font-size: 30px;}
  .heading-44,h2{font-size: 28px;}
  .heading-36,h3{font-size: 26px;}
  .heading-28,h4{font-size: 24px;}
  .heading-26,h5{font-size: 22px;}
  .heading-24,h6{font-size: 20px;}
  .heading-22{font-size: 20px;}
  h1, h2, h3, h4, h5, h5, h6, [class*="heading-"]{margin-bottom: 15px;}


  .button-group{column-gap: 12px;}
  button, 
  .button, 
  button[type="submit"], 
  input[type="submit"] {
      font-size: 16px;
      padding: 10px 15px;
      column-gap: 6px;

      &.button-call {
          font-size: 16px;
          min-width: auto;
      }

  }

  .divider{margin-bottom: 40px;}

  .center-intro{margin: 0 auto 30px;}
  .form-control{padding: 10px 15px;height: 48px;}
  form .form-group{margin-bottom: 15px;}
  select.form-control {background: url(../../assets/images/caret.png) no-repeat top 18px right 15px #fff;}

  p ,
  main ul:not([class]) li ,
  main ul:not([class]) li strong ,
  .ctent-block  ol li{
    font-size: 16px;
  }
    main ul:not([class]) li{padding-left: 26px;}

  .column-right,
  .column-left {width: 100%;text-align: center;}
  .google-container{justify-content: center;text-align: left;}
  .google-block .google-icon{width: 48px;height: 48px;}


  .line:after {width: 55%;}
  .content-wrapper .ctent-column > *:not(:last-child):not(h1):not(h2):not(h3):not([class*="heading-"]):not(.semi-head) {
    margin-bottom: 20px;
}
.full-text-wrapper:not(.slick-initialized) .heading-100 {
    font-size: 38px;
    line-height: 50px;
}
	.accred-list{margin: 0 -15px;}
	.accred-list li{padding:0 15px;}


  /* ****** Column ****** */
  .image-block {width: 400px;}
  .ctent-block {width: calc(100% - 400px);padding-left: 30px;}
  .hm-faq .ctent-block {padding-left: 30px;}
  .flex-row-reverse .ctent-block{padding-right: 30px;}
  .key-factor-wrapper {margin-top: 30px;}

  .vertical-left , .vertical-text-container{display: none;}

  /* ******* quality business award ******* */
  .quality-award {margin-top: 0;}
  .quality-wrapper{padding: 30px;}
  .award-left {width: 50%;padding-right: 0;margin: 0 auto 30px;}
  .award-right {width: 100%;}
  .award-box > img{margin: 0 auto;}

  /* ****** Accreditation and Certificationss ****** */
    .accred-left , .accred-right {width: 100%;text-align: center;}
    .accred-right{padding-left: 0;margin-top: 30px;}
    .accred-left .heading-24:after{display: none;}

  /* ****** FOOTER ****** */
  .ft-addreas-wrap  ,
  .ft-navigation{
    width: 100%;
    padding-right: 0;
  }
  .ft-navigation .navbar-block:first-child{padding-right: 0;}
  .ft-navigation .navbar-block {padding-left: 0;border-left:0;}
  .ft-navigation {
        border-bottom: 1px solid rgb(255 255 255 / 10%);
        padding-bottom: 30px;
        margin-bottom: 30px;
        order: 1;
    }
    .ft-addreas-wrap{
      order:2;
     }
  .ft-icon {width: 22px;}
  .ft-info {width: calc(100% - 22px);padding-left: 8px;}
  .address-wrapper .addreass-list{display: grid;grid-template-columns: repeat(3, 1fr);}
  .footer-contianer {margin: 30px 0;}
  footer .divider{margin: 30px 0;}
  .ft-logo{width: 100%;display: flex;justify-content: center;}
  .ft-cta-block {
    width: 100%;
    padding-left: 0;
    margin-top: 30px;

    & .heading-28 {
      max-width: max-content;
      padding-right: 0;
    }
  }
  .ft-cta-block .button-group {width: 520px;}

  .other-office-address ,
  .navigation-wrapper-bottom{margin: 30px 0;}
  .ft-office-list{margin: 0 -5px;}
  .ft-office-list li{padding: 0 5px;}
  .ft-office-list li .office-box{padding: 20px;}
  .ft-office-list li .office-box .location-icon{width: 20px;}
  .ft-office-list li .office-box .location-info{width: calc(100% - 20px);padding-left: 8px;}
  .navigation-wrapper-bottom .nav-link{margin: 0 -12px;}
  .navigation-wrapper-bottom .nav-link li{padding: 0 12px;}

  .full-text-wrapper{top: 0;margin-bottom: -11px;}
  .text-slider .heading-100{font-size: 60px;letter-spacing: 5px;line-height: 1.2;}
  .error-left{padding-right: 60px;}

		.common-block-wr {
    & .common-right {
        width: 310px;
    }
			 & .common-left{
				  max-width: 1100px;
      width: calc(100% - 310px);
			 }
		}
	
		.call-act-wr{
				padding:30px 30px 0 30px;
		}
		.callact-box .button-group .button {
    font-size: 16px;
    min-width: 226px;
    margin-bottom: 4px;
	}
		
	  .btm-wrap {
    & .btm-left {
					& .badge-wrapper {
						 gap:5px;
						 margin:30px auto 0;
       width:340px;
						& img{
							width:calc(33.33% - 5px);
							object-fit:contain;
						}
					}
				}
	  }

  .packed-item{ margin: 0 -5px;}
  .packed-item .pricing-box{  width: calc(33.33% - 10px);margin: 0 5px;}
  .packed-item .pricing-box .price-top , 
  .packed-item .pricing-box .price-detail{padding: 30px;}
  .packed-item .pricing-box.new-home-box .price-detail ul li{padding: 22px 30px;font-size: 16px;}

  .stage-grid {margin: 0 -5px;grid-row-gap: 20px;}
  .stage-grid .stage-item {width: calc(33.33% - 10px);margin: 0 5px;}
  .stage-grid .stage-item .stage-detail .num {
      top: -29px;
      left: 20px;
      width: 50px;
      height: 50px;
      border: 3px solid var(--white);
      font-size: 20px;
  }
  main ul.circle-black li {padding-left: 22px;line-height: 1.3;}
	main ul.circle-black li:after{width: 16px;height: 16px;top: 3px;background-size: 16px;}
  .saftey-tab-wrapper{padding:20px;}
}


@media screen and (max-width: 991.98px){
	
	.navbar-block [class*="heading-"] ~ [class*="heading-"] {
    margin-top: 0;
}
  
  .half-ul ul{column-count: 1;}
  .get-quote-block {padding: 25px;}
  .section-radius {border-radius: 20px 20px 0 0;}

  .key-list{flex-wrap: wrap;row-gap:25px;justify-content: center;}
  .key-list li{width: 33.33%;}

  /* ******* CTA ******* */
  .cta-wrapper .col-6:last-child{padding-left: 0;text-align: center;}
  .cta-wrapper .col-6:last-child .button-group{justify-content: center;}

  /* ******* quality business award ******* */
  .award-left{width: 100%;}
  .badge-heading span{padding: 10px 25px;}

/* ****** Column ****** */
  .image-block{position: relative;}
  .image-block , .ctent-block {width: 100%;}
  .ctent-block {padding-left: 0;margin-top: 30px;}
  .hm-faq .ctent-block {padding-left: 0;}
  .line:after{content: none;}
  .flex-row-reverse .ctent-block {padding-right: 0;}
  .tech-ctent{text-align: center;}

  /* ****** Accreditation and Certificationss ****** */
  .accred-list{margin: 0 -10px;}
  .accred-list li{padding: 0 10px;}
  .accred-list li .accred-box > img{display: block;margin: 0 auto;}

  /* ****** FOOTER ****** */
  img.footer-shape{display: none;}
  .ft-cta-block{flex-wrap: wrap;text-align: center;justify-content: center;grid-row-gap: 20px;}
  .ft-cta-block .button-group {width: 100%;justify-content: center;}
  .address-wrapper .addreass-list{grid-template-columns: repeat(2, 1fr);}
  .ft-navigation{flex-wrap: wrap;padding-bottom: 15px;}
  .ft-navigation .nav-link {display: none;}
  .ft-navigation .navbar-block:first-child , 
  .ft-navigation .navbar-block:last-child{width: 100%;}
  .ft-navigation .navbar-block .heading-26{margin-bottom: 0;padding: 15px 0;}
  .ft-navigation .navbar-block .heading-26:after{
    content: "\f105 ";
    position: absolute;
    right:0;
    font-family: "FontAwesome";
    top:14px;
    transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
  }
  .navigation-wrapper-bottom{justify-content: center;row-gap:15px;}
  .ft-navigation .navbar-block .heading-26.showhide:after{content: "\f107 ";}
  .navigation-wrapper-bottom .nav-link{flex-wrap: wrap;text-align: center;justify-content: center;row-gap: 6px;margin-bottom: 6px;}
  .copyright .flex-container {justify-content: center;text-align: center;}
  .copyright p{margin-bottom: 10px;}
  .error-left{
    padding-right: 0;
  }
  .error-left , 
  .error-right{width: 100%;}

	
	 .common-block-wr {
    & .common-right {
        width:100%;
    }
			 & .common-left{
				  max-width:100%;
      width:100%;
					 padding-right:0;
					 margin-bottom:30px;
			 }
		}
	.testpg-list li{
		margin-bottom:20px;
	}
	
	.btm-wrap {
   & .btm-left{
                width: 100%;
            padding-right: 0px;
            max-width: 500px;
            margin: 0 auto 20px;
   }
		 & .btm-right{
				width:100%;
		 }
  }
	.full-text-wrapper:not(.slick-initialized) .heading-100{
    font-size: 26px;
    line-height: 1.1;
  }

  .ft-office-js:not(.slick-initialized) li:nth-child(n + 3) {display: none;}
  .ft-office-js:not(.slick-initialized) li{width: 50%;}
  .accred-js:not(.slick-initialized) li:nth-child(n + 4) {display: none;}
  .accred-js:not(.slick-initialized) li{width: 33.33%;}

  .packed-item{row-gap:20px;justify-content: center;}
  .packed-item .pricing-box{  width: calc(50% - 10px);margin: 0 5px;}
  .packed-item .pricing-box .price-top, .packed-item .pricing-box .price-detail {
        padding: 20px;
  }
  .packed-item .pricing-box.new-home-box .price-detail ul li {padding: 15px 20px;}

  .stage-grid .stage-item {width: calc(50% - 10px);}
  .safety-wrapper{row-gap:20px;}
  .safty-block {width: 100%;}
  .inspection-popup-box{padding: 20px;width: 95%;}
  .ft-navigation .navbar-block:last-child .navbar-column:last-child {margin-top:20px;}
  .ft-navigation .navbar-block:last-child .navbar-column:last-child .heading-26.acc-nav-head{margin-bottom: 0;}

  .accred-list li{padding: 0 10px;}

  .html5lightbox-div ul.circle-black.more-info{ padding-right: 0;}
  .html5-image {padding: 35px 20px 20px !important;}
}


@media screen and (max-width: 767.98px){

  .item-flex{padding: 0 5px;}

  .key-list li {width: 50%;}
  .key-list li:nth-child(even){border-right:0;}
  .text-slider .heading-100{font-size: 45px;letter-spacing: 2px;}
 
	 .btm-wrap {
    & .btm-left {
					& .btmform-wr:before {
						height:100%;
					}
			}
	}

  .ft-office-js:not(.slick-initialized) li:nth-child(n + 2) {display: none;}
  .ft-office-js:not(.slick-initialized) li{width: 100%;}

  .packed-item .pricing-box ,
  .stage-grid .stage-item {  width: 100%;}
  .stage-grid .stage-item .stage-detail .button-group{margin-top: 20px;}
  main ul.circle-black li{margin-bottom: 12px;}
 ul.circle-black.more-info li {
    line-height: 1.22;
    padding-left: 30px;
}

	.inspection-popup-box .review-inner ul li{
		margin-bottom: 10px;
		line-height: 22px;
	}

	.fancy-test-popup .fancybox-button.fancybox-close-small{
		   margin: 0;
	}
	.fancy-test-popup{
		border-radius:14px;
	}
	.fancybox-navigation .fancybox-button{
		    background: rgb(0 0 0 / 20%);
		
		& svg path{
			    fill: #000;
		}
	}

}

@media screen and (max-width: 575.98px){
  .width50{width: 100%;}
  .form-group {margin-bottom: 15px;}
  form{
    & label{
      margin-bottom: 5px;
    }
  }
  .award-left .badge-wrapper{flex-wrap: wrap;justify-content: center;}
  .quality-wrapper {padding: 20px;}
  .award-left .badge-wrapper img {max-width: 90px;}


  /* ****** FOOTER ****** */
  .ft-cta-block {
    & .heading-28 {
        font-size: 20px;
    }
  }
  .address-wrapper .addreass-list {
        grid-template-columns: repeat(1, 1fr);
    }

    .key-list li .key-box .key-icon{min-height: 45px;max-width: 45px;margin: 0 auto 12px;}
    .key-list li .key-box p{font-weight: 500;}
    .google-container{grid-row-gap: 18px;}
    .google-block .google-icon{width: 32px;height: 32px;padding: 4px;}
    .happy-customer {
      border-left: 0;
      padding-left: 0;
      margin-left: 0;
      width: 100%;
      justify-content: center;
  }
  .happy-customer .divcount{
      min-width: auto;
  }
 
       .call-act-wr {
        padding: 25px 25px 0 25px;
    }
			.callact-box {
		& p {
			margin-bottom:20px;
		}
	}
	 
	  .btm-wrap {
        & .btm-left {
            & .badge-wrapper {
                margin:20px auto 0;
                width:92%;
                max-width: 100%;
            }
        }
    }
	
}