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

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

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

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

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

/*-----RESET-----*/
:root{
  --white:#fff;
  --primary:#000000;
  --secondary:#2E2C2D;
  --lightgray:#707070;
  --gray:#F5F5F5;
  --blue:#3DA2CD;
  --dark-blue:#093142;
}

html,body{width:100%;}
body{margin:0px;padding:0px; font-family: 'Montserrat', sans-serif ;font-weight:normal;font-size:16px;position:relative;overflow-x: hidden;-webkit-font-smoothing: antialiased !important;color:var(--secondary);line-height: 30px;letter-spacing: 0.2px;}
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: 'Myriad Pro';
    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;
  }
  .signature img{
    display:inline-block !important;
    vertical-align: middle;
  }
/*-----FORM CONTROL-----*/
::-webkit-input-placeholder {color:var(--lightgray);font-family: 'Montserrat';font-weight:500;}
::-moz-placeholder {color:var(--lightgray);font-family: 'Montserrat';font-weight:500;}
:-ms-input-placeholder {color:var(--lightgray);font-family: 'Montserrat';font-weight:500;}
::-moz-selection {color: #fff;background:#1A1818;}
::selection {color:#fff; background:#1A1818;} 
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:102px;overflow: hidden;margin:0;}
.form-group{margin-bottom: 20px}

.form-control{
  width: 100%;
  padding:15px 15px 10px;
  border:0;
  border-radius:0;
  background:var(--white) ;
  color:var(--secondary-color);
  font-family: 'Myriad Pro';
  font-weight:normal;
  font-size: 15px;
  transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out;
  letter-spacing: 0;
}
.submitbtn input[type=submit] {background: transparent;border: 0;outline: 0;font-size: 16px;text-transform: capitalize;color: #fff;
  padding:0;cursor: pointer;font-weight:normal;line-height: 100%;}
  .submit_btn .submitbtn {
    width: 100%;
    background: transparent;
    color: #fff;
    border: 0;
    font-size: 18px;
    font-weight: 600;
    line-height: 100%;
    padding: 6px 20px;
    cursor: pointer;
    text-align: center;
}
.submit_btn {
  background: var(--blue);
  border: 1px solid var(--blue);
  border-radius: 100px;
  color: #fff;
  letter-spacing: 0.2px;
  line-height: 100%;
  cursor: pointer;
  transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out;
  position: relative;
  z-index: 0;
  overflow: hidden;
  text-transform: capitalize;
  display: flex;
  min-width: 140;
  min-height: 45px;
  width: 140px;
  margin: 0 0 0 auto;
}

.form-control:focus{border-color:#fff !important;}
select.form-control{
  background:url(../../assets/images/caret.png)no-repeat  top 20px right 15px #fff;
}
.submit_btn:hover{
  box-shadow: inset 0 0px 30px var(--box-color);
    border-color: var(--box-color);
}

/*-----STRUCTURE-----*/
.container{padding-right:15px;padding-left:15px;margin-right: auto;margin-left: auto;position: relative}
.row{margin-left: -10px;margin-right: -10px;}
.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:10px;padding-right:10px;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;}
/* FLEX  */
.flex {
    display: flex;
}
.inline-flex {
    display: inline-flex;
}
.flex-none {
    flex: none;
}
.flex-auto {
    flex: 1 1 auto;
}
.flex-1 {
    flex: 1 1 0%;
}
.flex-shrink-0 {
    flex-shrink: 0;
}
.shrink {
    flex-shrink: 1;
}
.shrink-0 {
    flex-shrink: 0;
}
.flex-grow {
    flex-grow: 1;
}
.grow {
    flex-grow: 1;
}     
.flex-col {
    flex-direction: column;
}
.flex-col-reverse {
    flex-direction: column-reverse;
}
.flex-row-reverse{
  flex-direction: row-reverse;
}
.flex-wrap {
    flex-wrap: wrap;
}
.flex-wrap-reverse {
    flex-wrap: wrap-reverse;
 }
  .flex-nowrap {
    flex-wrap: nowrap;
  }
  .items-start {
    align-items: flex-start;
  }
  .items-end {
    align-items: flex-end;
  }
  .items-center {
    align-items: center;
  }
  .items-baseline {
    align-items: baseline;
  }
  .items-stretch {
    align-items: stretch;
  }
  .justify-start {
    justify-content: flex-start;
  }
  .justify-end {
    justify-content: flex-end;
  }
  .justify-center {
    justify-content: center;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-around {
    justify-content: space-around;
  }

  .absolute {
    position: absolute;
  }
  .relative {
    position: relative;
  }
  .sticky {
    position: sticky;
    top:100px;
    align-self: flex-start;
  }


/*-----HELPER-----*/
.hidden{display: none}
.bgimg{position: absolute;right: 0;bottom: 0;max-height: 100%;max-width: inherit;left:0;top:0;width: 100%;object-fit: cover;height: 100%;
  z-index:-1;overflow: hidden;}
/*----------------------------------------COMMON------------------------------------*/
/*-----SCROLL TOP-----*/
.scrollTop {
  position: fixed;
  right: 0;
  bottom: 85px;
  border-radius: 100%;
  opacity: 0;
  height: 40px;
  width: 40px;
  line-height: 36px;
  z-index: 10;
  color: var(--white);
  background: var(--blue);
  text-align: center;
  font-size: 16px;
  box-shadow: 0px 4px 5px rgb(0 0 0 / 50%);
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
  cursor: pointer;

}
.scrollTop > img{transform: rotate(-90deg);}

.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); }
} 
/*-----BREADCRUMBS-----*/
/* main{position: relative;overflow: hidden; } */
.breadcrumb {position: relative;padding:0 70px 25px 80px;z-index: 1;}
.breadcurmb_img{
  position: relative;
    min-height: 400px;
    display: flex;
    align-items: flex-end;
    z-index: 1;
    overflow: hidden;
}
.breadcurmb_img:after{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(86deg, rgb(32 30 31 / 60%) 0%, rgb(11 126 122 / 50%) 10% , transparent 75%);
  border-radius: 0 0 0 70px;
  overflow: hidden;
  z-index: -1;
}
.breadcrumb:after{
  content: "";
  position: absolute;
  left: -20px;
  top: 0;
  border: 2px solid #000000;
  width: 93.5%;
  height: 100%;
  border-top: 0;
  border-right: 0;
  margin: 0 auto;
  right: 0;
  border-radius: 0 0 0 100px;
}
.breadcurmb_img .container{
  width: 100%;
}
.breadcurmb_inner img{
  border-radius: 0 0 0 70px;
}
.breadcrumb .title_md{
  font-size: 22px;
  color: var(--white);
  margin-bottom: 15px;
}
ul.woo_breadcums {
  width: 100%;
  padding: 6px 0;
  margin-bottom: 0;
  border-top: 1px solid rgb(255 255 255 / 21%);
  margin-top: 130px;
}
ul.woo_breadcums li {
    list-style: none;
    color: var(--white);
    font-size: 12px;
    font-weight: 500;
    text-transform: capitalize;  
}
ul.woo_breadcums li span {padding: 0;}
ul.woo_breadcums li a {position: relative;z-index: 0;line-height: 100%;margin: 0 20px 0 0;display: inline-block;}
ul.woo_breadcums li a:after {position: absolute;z-index: 0;content: '/';top: 0;right: -23px;width: 15px;height: 15px;}
ul.woo_breadcums li a:hover{text-decoration: underline;color: var(--white);}

.pagetitle{
  font-size: 42px;
    color: var(--blue);
    font-weight: 900;
    line-height: 50px;
    text-shadow: 2px 0px 0 #fff, 1px -2px 0 #fff, -3px -2px 0 #fff, -3px 0px 0 #fff, 1px 1px 0 #fff;
    text-transform: uppercase;
   
}
.areas_suburbpg .pagetitle{
  margin-bottom: 30px;
}
.areas_suburbpg ul.woo_breadcums{
  margin-top: 70px;
}

/* Services detail */
.bcrumb_left{width: calc(100% - 475px);padding-right: 242px;}
.bcrumb_right{width: 475px;}
.service_breadcrumb ul.woo_breadcums{margin-top: 0;}
.service_breadcrumb .breadcurmb_img{padding-top: 40px;}

/*-----CONTENT-----*/
h1,
h2,
h3,
h4,
h5,
h5,
h6,
[class*="title_"] ,
[class*="small_"]{
    font-size: inherit;
    font-family: 'Montserrat';
    font-weight: bold;
    color: var(--secondary);
    position: relative;
    letter-spacing: 0.2px;
    margin-bottom: 30px;
}

h1,
.title_xlg{
  font-size: clamp(30px, 30px + (40 - 30) * ((100vw - 600px) / (800 - 600)), 40px);
  line-height: 1.2;
}

h2,
.title_lg{
  font-size: clamp(22px, 22px + (30 - 22) * ((100vw - 600px) / (800 - 600)), 30px);
  line-height: 1.4;
}

h3,
.title_md ,
.small_lg{
  font-size: clamp(20px, 20px + (24 - 20) * ((100vw - 600px) / (800 - 600)), 24px);
}

h4,
.title_sm {
  font-size: clamp(16px, 16px + (18 - 16) * ((100vw - 600px) / (800 - 600)), 18px);
}

h5,
.title_xs {
  font-size: clamp(14px, 14px + (16 - 14) * ((100vw - 600px) / (800 - 600)), 16px);
}

.title_line{
  position: relative;
  display: inline-block;
  z-index: 1;
}
[class*="title_"] .title_line{
  margin-bottom: 0;
 
}
.dark_bg [class*="title_"] .title_line{
   color: var(--white); 
}
.title_line:after{
  content: "";
  position: absolute;
  bottom: 4px;
  width: 100%;
  height: 10px;
  left: 0;
  z-index: -1;
  background: rgb(42 169 224 / 10%);
}

[class*="small_"]{
	font-weight: 500;
}

/* Spacing */
.my_100{
  margin: 100px 0;
}
.mb_30{
  margin-bottom: 30px;
}
.mb_50{
  margin-bottom: 50px;
}
.mb_0{
  margin-bottom: 0;
}
.py_100{
  padding: 100px 0;
}
/* TEXT CASE */
.uppercase{
  text-transform: uppercase;
}
.w-full {
  width: 100%;
}

.font-regular{
    font-weight: normal;
}
.font-light{
    font-weight: var(--text-light);
}
.font-semibold{
    font-weight:var(--text-semibold);
}
.font-bold{
    font-weight: bold;
}
.text-center{
    text-align: center;
}
.primary_bg{
  background: var(--primary);
}
.light_blue_bg{
  background: linear-gradient(#F1FBFF, #fff);
}
.gray_bg{
  background: var(--gray);
}
.blue_clr{
  color: var(--blue);
}
.white_clr{
  color: var(--white);
}
.semibold{
  font-family: 'Montserrat';
  font-weight: 600;
}


/*P tags*/
p{margin-bottom: 30px;letter-spacing: 0.2px;  font-family: 'Montserrat';font-weight: 500;}
p:last-of-type{margin-bottom: 0;}
p a{text-decoration: none;display: inline-block;font-weight: 600;text-decoration: underline;}
p a:hover{text-decoration: underline;color: var(--blue);}
p + ul{
  margin-top: 30px;
}
/*Default List*/
ul{margin-bottom: 25px;}
.dlist{display: flex;flex-wrap: wrap;}
.dlist li{font-size: 16px;line-height:1.4;position: relative;font-weight: 500;padding-left: 32px;flex: 0 0 100%;color: var(--secondary-color);}
.half li{flex: 0 0 50%;}
.thrice li{flex: 0 0 33.33%;}
.dlist li:before {
  content: '';
  background: url(../../assets/images/checked.png) no-repeat;
  position: absolute;
  left: 0;
  top:-3px;
  width: 21px;
  height: 21px;
}
.dlist li:not(:last-child){
  margin-bottom: 20px;
}

/*Inner Content*/
.intro{
  margin-bottom: 25px;
}
.intro [class*="title_"]{
  margin-bottom: 10px;
}
.intro p{
  font-weight: 500;
  line-height: 24px;
}
.center-block{
  max-width: 937px;
  margin: 0 auto;
}
.inpage{margin: 100px 0;}

hr{
  margin: 45px 0;
  border-top:1px solid #E8E8E8;
  border-bottom:0;
}

/*-----BUTTONS-----*/

.btnlist{display: inline-flex;flex-wrap: wrap;justify-content: center;flex-direction:row;margin: 0 -8px;}
.btnlist li{padding:0px 8px;}
[class*="btn_"] {
  font-family: 'Darker Grotesque';
    font-weight: bold;
    font-size:20px;
    line-height: 100%;
    letter-spacing: 0.2px;
    color: #fff;
    text-transform: inherit;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 30px;
    position: relative;
    z-index: 0;
    padding: 9px 15px 12px;
    overflow: hidden;
    border: 1px solid var(--blue);
    min-width: 185px;
    background: var(--blue);
    min-height: 47px;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
}
.btn_border{
  background:transparent;
  border-color: var(--white);
}
.btn_black{
  background-color:var(--secondary) ;
  border-color: var(--secondary);
}
.btn_black_border{
  border-color: #093142;
  background: transparent;
  color: #093142;
}
.btn_black_border span > img{
  filter: invert(14%) sepia(10%) saturate(6550%) hue-rotate(162deg) brightness(28%) contrast(93%);
}
.btn_black_border:hover{
  color: var(--white);
  border-color:var(--dark-blue);
}
.btn_black_border:hover span > img{
  filter: inherit;
}
.btn_bluebdr{
  border-color:var(--dark-blue);
  background:transparent;
  color: var(--dark-blue);
}
[class*="btn_"] img{margin-right: 8px;top: 2px;position: relative;}

[class*="btn_"]::after{
  content: "";
  position: absolute;
  top:0;
  left:0;
  z-index: -1;
  width: 0;
  height: 100%;
  background: var(--dark-blue);
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
}
[class*="btn_"]:hover{
  border-color:var(--dark-blue);
}
[class*="btn_"]:hover::after{
  width: 100%;
}
/* .btn_border:after{
  background: var(--blue);
} */
.btn_bluebdr:hover{
  color: var(--white);
}
.btn_bluebdr:hover img{
  filter: brightness(0) invert(1);
}

p + .btnlist{
  margin-top: 30px;
}
/* *********** SLICK SLIDER ************* */
.slick-arrow .slick-prev, .slick-arrow .slick-next{
  width: 34px;
  height: 34px;
  background: #E6E6E6;
  border-radius: 100%;
  z-index: 1;
}
.slick-arrow .slick-prev{left:0;}
.slick-arrow .slick-next{right: 0;}

.slick-arrow .slick-prev:hover , 
.slick-arrow .slick-next:hover{
  background:var(--blue);
}
.slick-arrow .slick-prev:before, 
.slick-arrow  .slick-next:before{
  content: none;
}
.slick-arrow .slick-prev:after, 
.slick-arrow  .slick-next:after{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 5px;
  height: 10px;
  bottom: 0;
}
.slick-arrow .slick-prev:after{
  background: url(../../assets/images/arrow-left.svg) no-repeat ;
}
.slick-arrow  .slick-next:after{
  background: url(../../assets/images/arrow-right.svg) no-repeat ;
}
.slick-center .slick-arrow:after ,
.client_js  .slick-arrow  .slick-arrow:after{
  filter: invert(1);
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
}
.slick-center .slick-arrow:hover:after{
  filter:inherit;
}
.slick-center{
  padding-bottom: 40px;
}
.slick-center .slick-arrow{
  top:inherit;
  bottom:-80px;
}
.slick-center .slick-prev{
  left: calc(50% - 40px);
}
.slick-center .slick-next{
  right: calc(50% - 40px);
}
.container-fluid{
  padding: 0 80px;
}
/* ++++++++++ content wrapper +++++++++ */
.image_block{width: 650px;}
.ctent_block{width: calc(100% - 650px);padding-left: 90px; }

.left_block{
  width: calc(100% - 675px);
  padding-right: 126px;
}
.right_block{
  width: 675px;
}
.flex-row-reverse .left_block{
  padding-right: 0;
  padding-left: 160px;
}
.image_wrap{
  position: relative;
}

/* gradient pattern */
.page-wrapper{
  position: relative;
  /*overflow: hidden;*/
}
.yellow_pattern , 
.blue_pattern ,
.lightblue_pattern ,
.pink_pattern ,
.green_pattern{
  position: relative;
}
.yellow_pattern:before,
.lightblue_pattern:after ,
.blue_pattern:after ,
.pink_pattern:after ,
.green_pattern:after{
  content: "";
  position: absolute;
}
.yellow_pattern:before{
    
    top: -270px;
    left: -595px;
    z-index: -1;
    background: url(../../assets/images/yellow-pattern.png)no-repeat;
    width: 1017px;
    height: 1105px;
}
.lightblue_pattern:after{
  background: url(../../assets/images/lightblue-pattern.png)no-repeat;
  width: 1017px;
    height: 1105px;
    right: -22%;
    top: 0;
}
.blue_pattern:after{
  background: url(../../assets/images/blue-pattern.png) no-repeat;
  width: 1017px;
  height: 1105px;
  right: -220px;
  top: 36%;
  z-index: -1;
}
.green_pattern:after{
  background: url(../../assets/images/green-pattern.png) no-repeat;
  width: 716px;
  height:804px;
  bottom: -67%;
  right: -20%;
}
.pink_pattern:after{
  background: url(../../assets/images/pink-pattern.png) no-repeat;
  left: -506px;
  top: -203%;
  width: 1017px;
  height: 1105px;
  z-index: -1;
}


.col6{
  width: 50%;
}
.top_sec_line {
  position: relative;
  border-top: 10px solid #fff;
  outline: 1px solid rgb(25 52 65 / 20%);
}
/* .top_sec_line:before{
  content: "";
  position: absolute;
  top:-10px;
  width: 100%;
  height: 1px;
  background:rgb(25 52 65 / 20%);
} */
/* .black_border:before, .black_border:after{
  content: "";
  position: absolute;
  background: var(--primary);
  width: 100%;
  height: 3px;
}
.black_border:before{
  top:-10px
}
.black_border:after{
  bottom: -10px;
} */

/* ++++++++++ Gallery +++++++++ */
.hm_gallery{
  z-index: 1;
  overflow: hidden;
}
.hm_gallery  img.bgimg{
  filter: grayscale(1);
}
.pervious_project_js{
  margin: 20px -35px 0;
}
.pervious_project_js li{
  padding:0 35px;
}
.pervious_project_js .slick-arrow{
  top: -63px;
  background: rgb(255 255 255 / 10%);
}
.pervious_project_js .slick-prev{
  left:inherit;
  right: calc(50% - 33%);
}
.pervious_project_js .slick-next{
  right: calc(50% - 35.6%);
}

/* ++++++++++ keyfactor +++++++++ */
.keyfactor_list{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  border-bottom: 1px solid rgb(112 112 112 / 20%);
  margin-bottom: 0;
  padding-bottom: 35px;
  margin-top: 25px;
}
.keyfactor_list li{
  width: 20%;
}
.keyfactor_list li .factbox{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.keyfactor_list li .factbox .icon{
  width: 75px;
}
.keyfactor_list li .factbox p{
  width: calc(100% - 92px);
  line-height: 20px;
}
.keyfactor_js.slick-initialized {
  display: block;
}

/* ++++++++++ OuR SERVICES +++++++++ */
.our_services{
  overflow: hidden;
}
.our_services.blue_pattern:after{
  right: -545px;
    top: -27%;
}
.ser_grid {
  /*display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 46px;*/
  row-gap: 46px;
  margin: 50px -23px 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.ser_grid li{
	padding: 0 23px;
	width: 25%;
}

.ser_grid li .serbox{
  position: relative;
  display: block;
}
.ser_grid li .serbox:after{
  content: "";
  position: absolute;
  right:-10px;
  top:10px;
  width: 100%;
  height: 100%;
  border:1px solid #EBEBEB;
  border-radius: 5px;
  z-index: -1;
}
.ser_grid li .serbox .serimg{
  border-radius: 5px;
  overflow: hidden;
  position: relative;
}
.ser_grid li .serbox .serimg:before{
  content: "";
  position: absolute;
  top:0;
  right:0;
  left:0;
  background-image: linear-gradient(rgb(69 70 71 / 84%) 12%, transparent 60%);
  width: 100%;
  height: 100%;
 
}
.ser_grid li .serbox .serimg:before , 
.ser_grid li .serbox:after ,
.ser_grid li .serbox .serimg ,
.ser_info span.arrow_link {
  transition: all 0.5s ease-in-out;
  -webkit-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
}
.ser_grid li .serbox .title_md{
  font-size: 20px;
  color: var(--white);
  line-height: 28px;
  max-width: 250px;
}
.ser_info {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 30px;
}
.ser_grid li .serbox:hover:after{
  border-color: var(--blue);
}
.ser_grid li .serbox:hover .serimg{
  box-shadow: 0 0 10px rgb(0 0 0 / 30%);
}
.ser_grid li .serbox:hover .ser_info span.arrow_link {
  transform: translate(0, 0);
  opacity: 1;
}
.ser_info span.arrow_link {
  width: 33px;
  height: 33px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  background: var(--primary);
  border: 1px solid var(--white);
  position: absolute;
  bottom: 30px;
  right: 30px;
  transform: translate(0, 30px);
  opacity: 0;
}
/* ++++++++++ specialist flooring services ++++++++ */

.flooring_services {
  background-color: rgb(30 30 30 / 90%);
  padding: 85px 0 60px;
  overflow: hidden; 
  outline: 4px solid var(--primary);
  border-top: 6px solid #FFF;
  border-bottom: 6px solid #fff;
}
.specialist_left .title_lg {
  margin-bottom: 15px;
}
.flooring_services .flex-container{
  position: relative;
  z-index: 1;
}
.specialist_left{
  width: calc(100% - 475px);
  padding-right: 70px;
}
.specialist_right{
  width: 475px;
}
.flooring_ser_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 20px;
}
.flooring_ser_list  li{
  width: 45%;
  padding-right: 40px;
}
/* .flooring_ser_list li:nth-child(-n+7) .info_ser {
  border-bottom: 1px solid rgb(255 255 255 / 10%);
} */
/* .flooring_ser_list  li:nth-child(odd){
  padding-right: 70px;
} */
.flooring_ser_list  li .floorbox{
  display: flex;
  min-height: 112px;
  align-items: center;
  position: relative;
}
.flooring_ser_list li:nth-child(-n+7) .floorbox:after{
  content: "";
  position: absolute;
  width: calc(100% - 70px);
  height: 1px;
  bottom: 0;
  right:0;
  background-color: rgb(255 255 255 / 10%);
}
.flooring_ser_list  li .floorbox .icon{
  width: 70px;
}
.flooring_ser_list  li .floorbox .info_ser{
  width: calc(100% - 70px);
}
.flooring_ser_list  li .floorbox .info_ser p{
  color: var(--white);
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
}
.floor_sideimg{
  position: absolute;
  right:0;
  top:0;
}
/* +++++++++ get in touch +++++++++++ */
.get_box{
  background-color: var(--white);
  padding: 55px 45px;
  border-radius: 0 0 0 70px;
  position: relative;
}
.get_box:before{
  content: "";
  position: absolute;
  top:5px;
  left:0;
  right:0;
  height: 10px;
  width: 100%;
  background-color: var(--blue);
}
.input-container {
  display: -ms-flexbox; /* IE10 */
  display: flex;
  width: 100%;
  margin-bottom: 20px;
  border:1px solid #707070;
  position: relative;
}
.input-container .from_icon {
  min-width: 40px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.input-container input{
  padding-left: 0;
}
/* +++++++ TESTIMONIAL +++++++++++ */
.reviewbox{
  padding: 55px 45px;
  background: var(--white);
  border-radius: 5px;
}
.name_wrap{
  display: flex;
  margin-top: 25px;
}

.name_wrap .quote{
  width: 42px;
  height: 42px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background:#60B2D5;
}
.name_info{
  width: calc(100% - 42px);
  padding-left: 20px;
  text-align: left;
}
.reviewbox p{
  font-size: 15px;
  line-height: 26px;
}
.reviewbox .star{
  margin-bottom: 15px;
}
.name_info .name{
  font-size: 15px;
  font-weight: 600;
  line-height: 26px;
}
.name_info .name span{
  font-size: 14px;
  font-weight: normal;
  display: block;
}

/* +++++++ WHY CHOOSE US +++++++++++ */
.choose_list{
  display: flex;
  flex-wrap: wrap;
  margin-top: 30px;
  margin-bottom: 0;
}
.choose_list li{
  width: 20%;
  text-align: center;
}
.choose_list li .chbox{
  width: 165px;
  height:165px;
  border-radius: 100%;
  border:1px solid #DFF5FF;
  padding: 10px;
  margin: 0 auto 20px;
}
.choose_list li .chbox span{
  width: 143px;
  height:143px;
  border-radius: 100%;
  background: #2AA9E0;
  display: flex;
  justify-content:center;
  align-items: center;
}
.choose_list li .title_xs{margin-bottom: 0;}

/* +++++++++  OUR CLIENT +++++++ */
.client_js{
  margin-top: 45px;
}
.client_hm{
  padding: 90px 0;
}
.client_list li .client_box{
  border:1px solid #DBDBDB;
  min-height: 119px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  background: var(--white);
}
.client_list{
  margin: 0 -15px;
}
.client_list li{
  padding: 0 15px;
}

/* +++++++++ footer CTA ++++++++++ */
.cta_sec{
    position: relative;
    z-index: 1;
    /* top: -84px;
    margin-top: -45px; */
}
.cta_wrapper{
  min-height: 220px;
  background: rgb(39 160 210 / 80%);
  border-radius: 0 0 0 70px;
  overflow: hidden;

}
.cta_left{
  width: 450px;
  padding: 72px 85px 72px 90px;
  border-right: 1px solid rgb(255 255 255 / 30%);
}
.cta_right{
  width: calc(100% - 450px);
  padding-left: 65px;
  padding-right: 30px;
}
.thick_line{
  width: 36px;
  background: var(--white);
  height: 100%;
  position: absolute;
  right:25px;
  top:0;
  bottom: 0;
}
.thick_line:before , 
.thick_line:after{
  content: "";
  position: absolute;
  top:0;
  width: 2px;
  height:100%;
  background: #fff;
}
.thick_line:before{
  left:-5px
}
.thick_line:after{
  right:-5px;
}

/* +++++++++++ BLOG +++++++++++ */
.blog_list{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 -15px;
  row-gap: 30px;
}
.blog_list li{
  width: 25%;
  padding: 0 15px;
}
.blog_list li .blog-detail{
      border: 1px solid rgb(112 112 112 / 20%);
    padding: 20px;
    border-top: 0;
    border-radius: 0 0 20px 20px;
}
.blog_list li .blogimg{
  border-radius: 20px 20px 0 0;
  overflow: hidden;
}
.blog_list li .blog-list{
  border-radius: 20px;
}

.blog_list li .blog-detail .blogtitle{
      font-size: 16px;
    font-weight: 600;
    line-height: 1.4;
    display: block;
    margin-bottom: 10px;
}
.blog_list li .blog-detail .blogdate{
  font-size: 12px;
    font-weight: 500;
    line-height: 100%;
    margin-bottom: 15px;
}
.blog_list li .blog-detail .blogexcert{
      font-size: 14px;
    line-height: 1.4;
}
/* +++++++++++ BLOG DETAIL +++++++++++ */
.post-content{
      max-width: 1150px;
    margin: 0 auto;
    background: var(--gray);
    padding: 50px;
    border-radius: 20px;
    margin-top: -50px;
    position: relative;
  }
.post-img{
   max-width: 1250px;
    margin: 0 auto;
    border-radius: 20px 20px 0 0;
    background: #e1eef6;
    overflow: hidden;
}
.post-img > img{
  margin: 0 auto;
}
.wp-block-image{
  margin-bottom: 50px;
}
.single-post .post-content figure.wp-block-image{
	float: left;
    margin-right: 80px;
}

/* +++++++++++ FOOTER +++++++++++ */
footer{
  background: var(--secondary);
  padding-top: 190px;
  position: relative;
  margin-top: -118px;
}
.ft_top{
  border-bottom: 1px solid rgb(255 255 255 / 10%);
  padding-bottom: 40px;
  margin-bottom: 40px;
}
.ft_top .title_lg{
  width: calc(100% - 553px);
  margin-bottom: 0;
}
.newsletter_wrap{
  width: 553px;
}
.news_form {
  position: relative;
  width: 100%;
}
.news_form .wpcf7-not-valid-tip{
    left: 21px;
    bottom: -40px;
}

.subscribe_now {
  background: var(--blue);
  font-weight: bold;
  position: absolute;
  right: 0;
  border-radius: 30px;
  color: var(--white);
  border: 0;
  padding: 10px;
  font-family: 'Darker Grotesque';
  font-weight: 600;
  min-width: 160px;
  min-height: 47px;
  font-size: 20px;
  cursor:pointer;
}

.news_form .form-control {
  height: 47px;
    background: var(--white);
    color: #2E2C2D;
    font-family: 'Darker Grotesque';
    font-size: 16px;
    font-weight: 600;
    border-radius: 30px;
    padding: 10px 30px;
}
.ft_block1{
  width: 393px;
  padding-right: 80px;
}
.ft_block2{
  width: calc(100% - 393px);
}
.ft_bottom ul{
  margin-bottom: 0;
}
.address_list li .ft_box{
  display: flex;
  flex-wrap: wrap;
}
.add_icon{
  width: 30px;height: 30px;
  background:var(--blue);
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.add_info{
  width: calc(100% - 30px);
  padding-left: 10px;
}
.address_list li .ft_box .add_info .title_xs{
  margin-bottom: 12px;
  line-height: 100%;
}
.address_list li .ft_box .add_info p , .address_list li .ft_box .add_info a{
  color: var(--white);
  line-height: 27px;
  letter-spacing: 0.2px;
  font-size: 14px;
  font-weight: normal;
}
.address_list li .ft_box .add_info a{
  line-height: 100%;
  display: block;
}
.address_list li:not(:last-child){
  margin-bottom: 22px;
}
.address_list li .ft_box .add_info a:hover{
  color: var(--white);
}
.quick_link li{
  line-height: 21px;
  font-size: 14px;
  font-weight: normal;
  color: rgb(255 255 255 / 70%);
}
.quick_link li:hover , 
.quick_link li.active{
  color: var(--white);
}
.quick_link li:not(:last-child){
  margin-bottom: 10px;
}
.service_nav .quick_link{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.service_nav .quick_link li{
  width: 45%;
 
}
.service_nav{
  width: 515px;
}
.ft_bottom .title_xs{
  margin-bottom: 30px;
}
.copyright {
  padding: 20px 0;
  border-top: 1px solid rgb(255 255 255 / 10%);
  margin-top: 50px;
}
.copyright p{
  color: rgb(255 255 255 / 70%);
  font-size: 14px;
  letter-spacing: 0.2px;
  line-height: 32px;
  font-weight: normal;
}

/*----- thank you 0r error -----*/
.thank_you_content{text-align: center;}
.thank_you_content p{font-size: 18px;}
.thank_you_content p a{font-weight: bold;}
.thank_you_content p a:hover{color: var(--secondary-color);}
.thank_you_content > img{margin: 0 auto;}
/*----- FORM COMMON  -----*/
.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: absolute;
    background: #fe0000;
    display: inline-block;
    color: var(--white);
    letter-spacing: 0.2px;
    padding: 7px 10px;
    line-height: 100%;
    left: 0;
        bottom: -22px;
}
.input-container .wpcf7-form-control-wrap{
	width: calc(100% - 40px);
  position: initial;
}

/*FORM ERROR MASSSAGE*/
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output{
   border: 1px solid #f5c812;
}
.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: 14px 15px 14px 45px;
    text-align: left;
    line-height: 1;
    margin: 0 auto 20px;
    font-family: 'Montserrat';
    color: #333333;
    font-size: 13px;
    position: relative;
    font-weight: 500;
}

.wpcf7-response-output:before {
  position: absolute;
  content: "";
  background: url(../images/material-error-outline.svg) no-repeat left top;
  width: 20px;
  height: 20px;
  left: 15px;
  top: 12px;
  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 , .invalid .input-container .from_icon{
  background-color: #ffdfdf;
  border-color: #f54812;
}
/* SOCIAL wrap */
.social_wrap{
  min-width: 45px;
  border-radius: 25px;
  background: var(--white);
  position: fixed;
  top: 23%;
  right: 50px;
  z-index: 1;
  padding: 15px 10px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 14px;
}
.social_wrap a img{
	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
}
.social_wrap a:hover img{
	filter: brightness(0);
}


/************* GALLERY ***************/
.wonderplugin-gridgallery-tags-topcenter{
	margin-bottom: 50px;
}
#wonderplugingridgallery-1 .wpp-category-greybutton .wonderplugin-gridgallery-tag{
    background: transparent !important;
    font-size: 16px !important;
    color: #2E2C2D !important;
    border: 1px solid #2E2C2D !important;
    border-radius: 30px !important;
    padding: 10px 25px !important;
    min-height: 60px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 600 !important;
    margin: 0 5px !important;
}

#wonderplugingridgallery-1 .wpp-category-greybutton .wonderplugin-gridgallery-tag:hover, 
#wonderplugingridgallery-1 .wpp-category-greybutton .wonderplugin-gridgallery-tag:focus ,
#wonderplugingridgallery-1 .wpp-category-greybutton .wonderplugin-gridgallery-tag-selected, #wonderplugingridgallery-1 .wpp-category-greybutton .wonderplugin-gridgallery-tag-selected:hover, 
#wonderplugingridgallery-1 .wpp-category-greybutton .wonderplugin-gridgallery-tag-selected:focus {
  	border-color: var(--blue) !important;
    background: var(--blue) !important;
    color: #fff !important;
}
.wonderplugin-gridgallery-list .wonderplugin-gridgallery-item-container {
	position: relative;
}
.wonderplugin-gridgallery-list .wonderplugin-gridgallery-item-container:after{
	content: "";
	position: absolute;
}
.wonderplugin-gridgallery-list .wonderplugin-gridgallery-item-container:after{
	left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: url(../../assets/images/zoom.png) no-repeat;
    width: 50px;
    height: 50px;
    margin: auto;
    transform: scale(0);
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
}

.wonderplugin-gridgallery-list .wonderplugin-gridgallery-item-container:hover:after{
	 transform: scale(1);
}
#wonderplugingridgallery-1 .wonderplugin-gridgallery-loadmore-btn{
  font-family: 'Darker Grotesque' !important;
    font-weight: bold !important;
    font-size: 20px !IMPORTANT;
    line-height: 100%;
    letter-spacing: 0.2px;
    color: #fff !important;
    text-transform: inherit;
    display: inline-flex !important;
    justify-content: center;
    align-items: center;
    border-radius: 30px !important;
    position: relative;
    z-index: 0;
    padding: 9px 15px 12px !important;
    overflow: hidden;
    border: 1px solid var(--blue) !important;
    min-width: 185px;
    background: var(--blue) !important;
    min-height: 47px;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    text-shadow: none !important;
}
#wonderplugingridgallery-1 .wonderplugin-gridgallery-loadmore-btn:before{
  content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 0;
    height: 100%;
    background: var(--dark-blue);
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
}
#wonderplugingridgallery-1 .wonderplugin-gridgallery-loadmore-btn:hover::before {
    width: 100%;
}
.lightbox_open{
position: fixed;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

/* +++++++++++++ with out js css  +++++++++++++ */

.pervious_project_js:not(.slick-initialized ) , 
.testimonial_js ul:not(.slick-initialized) , 
.client_js ul:not(.slick-initialized){
  display: flex;
  flex-wrap: wrap;
}
.pervious_project_js:not(.slick-initialized ) li{
  width:33.33%;
}

.pervious_project_js:not(.slick-initialized ) li:nth-child(3) ~ li ,
.testimonial_js ul:not(.slick-initialized) li:nth-child(4) ~ li , 
.client_js ul:not(.slick-initialized) li:nth-child(5) ~ li{
 display: none;
}
.testimonial_js ul:not(.slick-initialized) li{
  display: flex;
}
.client_js ul:not(.slick-initialized) li{
  width: 20%;
}

/*======= START HOVER EFFECT ===========*/


/*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: 1430px;}    
}
@media screen and (min-width: 1921px){
  .breadcrumb:after{width: 95%;}
}
    /* START MEDIA QUERY  */


  @media screen and (max-width: 1599.99px){
      .breadcurmb_img{padding-left:50px;}
      .breadcrumb{padding: 0 60px 25px 60px;}
      .social_wrap{right: 15px;}
      .pagetitle {font-size: 34px;}
      .bcrumb_right {width: 425px;}
      .bcrumb_left {padding-right: 100px;}
  }

@media screen and (max-width: 1439.99px){
  .container-fluid{
    padding: 0 30px;
  }
  .my_100 {margin: 60px 0;}

  /* Keyfactor */
  .keyfactor_list{padding-bottom: 18px;}
  .keyfactor_list li .factbox .icon {width: 60px;}
  .keyfactor_list li .factbox p {width: calc(100% - 60px);}

  /* GRID CSS */
  .image_block {width: 550px;}
  .ctent_block {width: calc(100% - 550px);padding-left: 60px;}
  .flex-row-reverse .left_block {padding-right: 0;padding-left: 80px;}
  
  /* SERVICES */
  .ser_grid{margin: 30px -15px 0}
  .ser_grid li {padding: 0 15px;}
  /* WHY CHOOSE */
  .choose_list li .title_xs{line-height: 1.4;}
  /* FLOORING SERVICES */
  .specialist_right {width: 430px;}
  .specialist_left {width: calc(100% - 430px);padding-right: 30px;}
  .get_box{padding: 40px 30px;}
  .flooring_ser_list li {width: 50%;padding-right: 20px;}
  /* content wrapper */
  .right_block {width: 500px;}
  .left_block {width: calc(100% - 500px);padding-right: 80px;}

  /* FOOTER */
  .ft_block1 {width: 300px;padding-right: 50px;}
  .ft_block2 {width: calc(100% - 300px);}
  .service_nav {width: 450px;}
  .newsletter_wrap {width: 450px;}
  .ft_top .title_lg {width: calc(100% - 450px);padding-right: 20px;}

  /* CTA */
  .cta_left {width: 350px;padding: 72px 50px 72px 50px;}
  .cta_right {width: calc(100% - 350px);}

    .py_100 {padding: 60px 0;}
  /* our client */
  .client_hm {padding: 60px 0;}

  .yellow_pattern::before ,
  .pink_pattern:after,
  .blue_pattern:after ,
  .green_pattern:after,
  .lighblue_pattern:after{
   content: none;
  }

  .twentytwenty-container{
  	 height: 430px !important;
  }

  /* **** BLOG *******/
  .blog_list{margin: 0 -8px;row-gap:16px;}
  .blog_list li{
    padding: 0 8px;
  }
   
}
@media screen and (max-width: 1199.99px){
  /* SPACE */
  .mb_50 {margin-bottom: 25px;}
  .py_100 {padding: 40px 0;}
  .mb_30 {margin-bottom: 20px;}

  .my_100 , .inpage{margin: 40px 0;}

  .container-fluid{padding: 0 15px;}
  hr {margin: 30px 0;}

  .breadcurmb_img{
    padding-top: 40px;
    min-height: auto;
  }
  ul.woo_breadcums{
    margin-top: 70px;
  }
  .lightblue_pattern:after{
    content: none;
  }

  .pagetitle {font-size: 24px;line-height: 1.3;}
  .bcrumb_left {padding-right: 30px;width: calc(100% - 350px);}
  .bcrumb_right {width: 350px;}
  .bcrumb_right form .width50{width: 100%;}
  .bcrumb_right form .input-container{margin-bottom: 10px;}
  .bcrumb_right .intro p {line-height: 1.2;font-size: 14px;}

  
  
  .keyfactor_list{justify-content: center;row-gap: 30px;}
  .keyfactor_list li {width: 33.33%;}

  /* review  */
  .reviewbox p {font-size: 14px;line-height: 22px;}
  .name_info{padding-right: 12px;}

  /* content wrapper */
  .right_block {width:400px;}
  .left_block {width: calc(100% - 400px);padding-right: 30px;}
  .hm_content .flex-container{align-items: flex-start;}
  .flex-row-reverse .left_block{padding-left: 30px;}

  /* Grid css */
  .image_block {width: 400px;}
  .ctent_block {width: calc(100% - 400px);padding-left: 30px;}
  /* FORM */
  .get_box {padding: 20px 25px;}
  .get_box:before{height: 5px;}
  /* SERVICES */
 /* .ser_grid{
    grid-template-columns: repeat(3, 1fr);
    margin-top: 30px;
  }*/


  .ser_grid{margin: 30px -12px 0;row-gap: 28px;}
  .ser_grid li {padding: 0 12px;width: 33.33%;}

  .ser_grid li .serbox .title_md {
    font-size: 18px;
  }
  .ser_info{
    padding: 20px;
  }
  .pervious_project_js{
    padding-bottom: 30px;
    margin: 20px -15px 0;
  }
  .pervious_project_js .slick-arrow{
    top: inherit;
    bottom: 0;
  }
  .pervious_project_js .slick-prev {
    left: calc(50% - 45px);
    right: inherit;
  }
  .pervious_project_js .slick-next {
    right: calc(50% - 45px);
}
.pervious_project_js li {
  padding: 0 15px;
}

.single-post .post-content figure.wp-block-image{
	float: none;
    margin-right: 80;
}
  

  /* FLOORING SERVICES */
  .row {margin-left: -5px;margin-right: -5px;}
  .width50{padding-left: 5px;padding-right: 5px;}
  .flooring_services{padding: 40px 0;}
  .flooring_ser_list li {width: 100%;padding-right:0;}
  .flooring_ser_list li .floorbox{min-height: auto;}
  .flooring_ser_list li:not(:last-child) .floorbox{padding-bottom: 15px;}
  .flooring_ser_list li:not(:last-child){margin-bottom: 15px;}
  .flooring_ser_list li:not(:last-child) .floorbox:after {
    content: "";
    position: absolute;
    width: calc(100% - 65px);
    height: 1px;
    bottom: 0;
    right: 0;
    background-color: rgb(255 255 255 / 10%);
}
.flooring_ser_list li .floorbox .info_ser {
  width: calc(100% - 40px);
  padding-left: 15px;
}
.flooring_ser_list li .floorbox .icon {
  width: 40px;
}
.floor_sideimg{display: none;}

  /* WHY CHOOSE */
  .choose_list{
    justify-content: center;
    row-gap: 20px;
  }
  .choose_list li {width: 33.33%;}

  /* TESTIMONIAL */
  .reviewbox{padding: 30px;}

   /* our client */
 .client_hm {padding: 40px 0;}
 .client_js {margin-top: 25px;}
 .client_list {margin: 0 -8px;}
 .client_list li {padding: 0 8px;}

  /* FOOTER */
  .service_nav .quick_link li {width: 100%;}
  .service_nav {width: 280px;}
  .ft_top{padding-bottom: 30px;margin-bottom: 30px;}
  .ft_bottom .title_xs {margin-bottom: 20px;}
  .quick_link li {line-height: 18px;}

   /* **** BLOG *******/
  .blog_list li{width: 33.33%}
  .post-content{padding: 20px;}


  .testimonial_js ul:not(.slick-initialized) li:nth-child(3) ~ li{display: none;}
  .testimonial_js ul:not(.slick-initialized) li{width: 33.33%;}

 
}

@media screen and (max-width: 991.99px){
  h1, h2, h3, h4, h5, h5, h6, [class*="title_"]{letter-spacing: normal;margin-bottom: 15px;}
  [class*="btn_"]{
    font-size: 18px;
    min-width: 160px;
    min-height: 40px;
  }
  body{
    font-size: 15px;
    line-height: 26px;
  }

  .breadcrumb {
      padding: 0 0 15px 15px;
  }
  .breadcrumb:after{
    width: 100%;
    left:0;
    border-radius: 0 0 0 84px;
  }
  .bcrumb_left{width: 100%;padding-right: 0;}
  .bcrumb_right {width: 100%;margin-top: 30px;}
  .breadcurmb_img {padding-left: 0;}
  .bcrumb_right form .width50 {width: 50%;}

  .ser_grid li .serbox .title_md {
      font-size: 16px;
      max-width: 100%;
      line-height: 22px;
  }
  /* content wrapper */
  .right_block {width:100%;margin-top: 30px;}
  .left_block {width: 100%;padding-right: 0}
  .flex-row-reverse .left_block{padding-left: 0;}

  /* Keyfactor */
  .keyfactor_list li .factbox .icon {width: 40px;margin: 0 auto 10px;min-height: 45px;display: flex;
    align-items: flex-end;
    justify-content: center;}
  .keyfactor_list li .factbox .icon > img{
    margin: 0 auto;
  }
  .keyfactor_list li .factbox p {width: 100%; text-align: center;}


   /* FLOORING SERVICES */
   .specialist_right ,
   .specialist_left{
    width: 100%;
   }
   .specialist_left{
    padding-right: 0;
   }
   .specialist_right{
    margin-top: 30px;
   }

  /* OUR CLIENT */
  .client_list li .client_box{min-height: 100px;}
  /* Grid css */
  .image_block {width: 100%;}
  .ctent_block {width: 100%;padding-left: 0;margin-top: 30px;}
  .sticky{position: relative;top:0;}

  /* WHU CHOOSE US */
  .choose_list li .chbox span {width: 100px;height: 100px;padding: 25px;}
  .choose_list li .chbox {width: 120px;height: 120px;}

  /* FOOTER */
  footer{
    padding-top: 160px;
  }
  .ft_top .title_lg{
    width: 100%;
    padding-right: 0;
  }
  .ft_block1{
    width: 100%;
    padding-right: 0;
    order:2;
    margin-top: 15px;
  }
  .ft_block2 {
    width: 100%;
    order:1;
  }
  .ft_block2  .col3{
    width: 100%;
  }
  .ft_block2 .col3 .quick_link{
    display: none;
    margin-top: 20px;
  }
  .ft_block2 .col3 .title_xs:before{
      content: "";
      position: absolute;
      right: 0;
      top: 17px;
      background: url(../../assets/images/plus.png)no-repeat;
      width: 20px;
      height: 20px;
      filter: brightness(0) invert(1);
      transition: all 0.4s ease-in-out;
      -webkit-transition: all 0.4s ease-in-out;
      --transition: all 0.4s ease-in-out;
      -moz-transition: all 0.4s ease-in-out;
  }
  .ft_block2 .col3 .title_xs.showhide:before{
    background: url(../../assets/images/minus.png)no-repeat;
  }
  .ft_top{
    margin-bottom: 0;
    text-align: center;
  }
  .newsletter_wrap {
    width: 100%;
    margin-top: 20px;
}
.cta_left {
  width: 100%;
  padding: 20px;
  border-bottom: 1px solid rgb(255 255 255 / 30%);
  border-right: 0;
  text-align: center;
}
.cta_left a img{
  margin: 0 auto;
}
.cta_right {
  width: 100%;
  text-align: center;
  padding: 30px 20px;
}
.thick_line{display: none}
.copyright{margin-top: 20px;}
  
  .ft_block2  .col3 .title_xs{
    margin: 0;
    padding: 12px 0;
    border-bottom: 1px solid rgb(255 255 255 / 10%);
  }
  .address_list li .ft_box .add_info .title_xs {margin-bottom: 6px;}
  .copyright p{line-height: 20px;}
  .address_list li .ft_box .add_info p, .address_list li .ft_box .add_info a{
   line-height: 22px;
  }

   /* **** BLOG *******/
  .blog_list li{width: 50%}

  .testimonial_js ul:not(.slick-initialized) li:nth-child(2) ~ li{display: none;}
  .testimonial_js ul:not(.slick-initialized) li{width: 50%;}
  
  .client_js ul:not(.slick-initialized){row-gap: 20px;}
  .client_js ul:not(.slick-initialized) li:nth-child(3) ~ li{display: block;}
  .client_js ul:not(.slick-initialized) li{width: 33.33%;}


  .pervious_project_js:not(.slick-initialized ) li:nth-child(2) ~ li{display: none;}
  .pervious_project_js:not(.slick-initialized ) li {width: 50%;}
 
}

@media screen and (max-width: 767.99px){
  /* SLIDER */
  .slick-arrow .slick-prev, .slick-arrow .slick-next{width: 30px;height: 30px;}

  /* services  */
  .ser_grid {grid-template-columns: repeat(2, 1fr);}

  .breadcrumb:after{content:none;}
  .breadcrumb {padding: 0;}
  .breadcurmb_img:after , 
  .breadcurmb_inner img{border-radius: 0;}
  .service_breadcrumb ul.woo_breadcums {margin-top: 20px;}

  .social_wrap {
    right: 0;
    border-radius: 15px 0 0 15px;
    padding: 10px;
    gap: 10px;
}

	.twentytwenty-container {
	    height: 400px !important;
	}
  	.ser_grid li {width:50%;}

 
}

@media screen and (max-width: 575.99px){
  .title_line:after{content: none;}
  /* WHY CHOOSE US */
  .choose_list li {width: 50%;}
  .choose_list li .chbox span {width: 80px;height: 80px;padding: 22px;}
  .choose_list li .chbox {width: 95px;height: 95px;margin: 0 auto 15px;padding: 7px;}
  .thrice li {flex: 0 0 100%;}

  .keyfactor_list li {width: 50%;}

  /* Services */
  .ser_grid{margin: 30px -5px 0;row-gap:10px;}
  .ser_grid li{padding: 0 5px;}
  .ser_grid li .serbox:after{content: none;}
  .ser_info {padding: 15px;}
  .ser_grid li .serbox .title_md{font-size: 14px;line-height: 18px;}

  .subscribe_now{
    min-width: 110px;
    font-size: 18px;
    letter-spacing: 0.8px;
  }
  .btnlist li {padding: 0px 8px 8px;}

  .input-container{
    margin-bottom: 12px;
  }
  .get_box{padding: 25px;}
  .width50 ,
  .bcrumb_right form .width50{
    width: 100%;
  }

   /* **** BLOG *******/
  .blog_list li{width: 100%}

    .twentytwenty-container {height: 300px !important;}
    .twentytwenty-container img.twentytwenty-before ,
    .twentytwenty-container img.twentytwenty-after{height: 300px;}
    /*.hm_gallery .twentytwenty-container img{max-width: inherit;}*/

    .client_js ul:not(.slick-initialized) li{width: 50%;}

    .testimonial_js ul:not(.slick-initialized) li:nth-child(1) ~ li , 
    .pervious_project_js:not(.slick-initialized ) li:nth-child(1) ~ li{display: none;}
    .testimonial_js ul:not(.slick-initialized) li , .pervious_project_js:not(.slick-initialized ) li {width: 100%;}

  }
  .fancy-test-popup {
    width: 700px !important;
    padding: 0px !important;
    height: 45% !important;
  }