@font-face {
    font-family: 'IBM Plex Sans';
    src: url('../fonts/IBMPlexSans-Medium.eot');
    src: url('../fonts/IBMPlexSans-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/IBMPlexSans-Medium.woff2') format('woff2'),
        url('../fonts/IBMPlexSans-Medium.woff') format('woff'),
        url('../fonts/IBMPlexSans-Medium.ttf') format('truetype'),
        url('../fonts/IBMPlexSans-Medium.svg#IBMPlexSans-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'IBM Plex Sans';
    src: url('../fonts/IBMPlexSans-Italic.eot');
    src: url('../fonts/IBMPlexSans-Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/IBMPlexSans-Italic.woff2') format('woff2'),
        url('../fonts/IBMPlexSans-Italic.woff') format('woff'),
        url('../fonts/IBMPlexSans-Italic.ttf') format('truetype'),
        url('../fonts/IBMPlexSans-Italic.svg#IBMPlexSans-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'IBM Plex Sans';
    src: url('../fonts/IBMPlexSans-Bold.eot');
    src: url('../fonts/IBMPlexSans-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/IBMPlexSans-Bold.woff2') format('woff2'),
        url('../fonts/IBMPlexSans-Bold.woff') format('woff'),
        url('../fonts/IBMPlexSans-Bold.ttf') format('truetype'),
        url('../fonts/IBMPlexSans-Bold.svg#IBMPlexSans-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'IBM Plex Sans';
    src: url('../fonts/IBMPlexSans-Regular.eot');
    src: url('../fonts/IBMPlexSans-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/IBMPlexSans-Regular.woff2') format('woff2'),
        url('../fonts/IBMPlexSans-Regular.woff') format('woff'),
        url('../fonts/IBMPlexSans-Regular.ttf') format('truetype'),
        url('../fonts/IBMPlexSans-Regular.svg#IBMPlexSans-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'IBM Plex Sans';
    src: url('../fonts/IBMPlexSans-SemiBold.eot');
    src: url('../fonts/IBMPlexSans-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/IBMPlexSans-SemiBold.woff2') format('woff2'),
        url('../fonts/IBMPlexSans-SemiBold.woff') format('woff'),
        url('../fonts/IBMPlexSans-SemiBold.ttf') format('truetype'),
        url('../fonts/IBMPlexSans-SemiBold.svg#IBMPlexSans-SemiBold') format('svg');
    font-weight: 600;
    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: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.woff2') format('woff2'),
       url('../fonts/fontawesome-webfont.woff') format('woff');
  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;background-color: var(--cream-bg); font-size:16px;position:relative;overflow-x: hidden;-webkit-font-smoothing: antialiased !important;color:#635D5B;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:160px;overflow: hidden;margin:0;}
.form-group{margin-bottom: 20px}
.form-group label{
	  font-size:16px;
	  color:#16234D;
	  font-weight:bold;
	  font-family:var(--heading);
		 line-height:1;
	  margin-bottom:6px;
	  display:block;
}
.form-control{
  width: 100%;
  padding:12px 20px;
  border:1px solid var(--cream-bg);
  border-radius:10px;
  height:52px;
  background:var(--cream-bg);
  color:var(--lightgray);
  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: 0.1px;
}
.submitbtn input[type=submit] {
				font-size: 14px;
    text-transform: uppercase;
    padding: 10px 40px;
    position: relative;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: 'IBM Plex Sans';
    font-weight: bold;
    z-index: 1;
    line-height: 1;
    text-decoration: none;
    justify-content: center;
    text-align: center;
    border: 2px solid var(--golden);
    border-radius: 10px;
    background-color: var(--golden);
    color: var(--white);
    min-height: 54px;
    column-gap: 10px;
    cursor: pointer;
    transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    box-shadow: 3px -3px 0px rgb(197 165 114 / 25%);
	width: 100%;
}

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

/* File upload wrapper */
.fileinputs .wpcf7-form-control-wrap {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}
.fileinputs {
    position: relative;
    width: 100%;
    border-bottom: 0;
    border-radius: 10px;
    height: 52px;
    text-align: left;
    background:var(--cream-bg);
    display: block;
}

.fileinputs input.file {
    display: block
}

.fileinputs .fakebtn {
    color: #606060;
    cursor: pointer;
    left: 8px;
    top: 9px;
    position: absolute;
    height: 100%;
    width: 20px;
    text-align: left;
    line-height: 1;
}

.fileinputs .fakebtn:before {
    content: "";
    background: url('../images/file-upload.png') no-repeat;
    width:12px;
    height: 20px;
    position: absolute;
    top: 8px;
    right: 0
}

.fileinputs input.file {
    cursor: pointer;
    line-height: 40px;
    opacity: 0;
    position: relative;
    text-align: left;
    width: 100%;
    z-index: 2;
    color: #606060;
    padding: 0
}

.fileinputs .fakefile {
    background: transparent;
    border-radius: 0;
    left: 0;
    position: absolute;
    top: 0;
    line-height: 1;
    bottom: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.fileinputs input[type="file"] {
    cursor: pointer;
    opacity: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    position: relative;
}

.fileinputs #filevalue {
    color: #707070;
    font-size: 14px;
    z-index: -1;
    font-family: var(--font-main);
    font-weight: 500;
    line-height: 100%
}
.fileinputs .filevalue {
        font-size: 16px;
    color: #16234D;
    font-weight: 500;
    font-family:var(--font-main);
	padding:0 0 0 40px;
}
.fileinputs + label
{
	color:#71727B;
	font-size:14px;
	font-family:var(--font-main);
	font-weight:normal;
	margin:8px 0 0 0;
}
/*-----STRUCTURE-----*/
.row{margin-left: -15px;margin-right: -15px;}
.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:15px;padding-right:15px;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: 20px;
    padding: 0;
    opacity: 0;
    height: 54px;
    width: 54px;
    line-height: 36px;
    z-index: 10;
    color: var(--white);
    background: var(--golden);
    text-align: center;
    font-size: 0;
    box-shadow: 0px 4px 5px rgb(0 0 0 / 50%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.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); }
} 

/*---- inner banner ----*/

.inner-banner-wrap
{
	 border-bottom:1px solid #DADADA;
	 padding: 30px 0 50px;
	
	  & [class*="heading-"]
		 {
				 margin-bottom:10px;
		 }
}


/*------ breacrumbs ---*/
ul.woo_breadcums {
    margin: 0;
}
ul.woo_breadcums li {
    list-style: none;
    color: var(--paragraph);
    font-size: 14px;
    font-weight: normal;
    text-transform: capitalize;
    letter-spacing: 0;
    padding-left: 0;
    margin-bottom: 0;
}
ul.woo_breadcums li span {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    line-height: 24px;
    color: var(--paragraph);
    font-size: 14px;
    line-height: 1.1;
    font-weight: normal;
    font-family: var(--font-main);
    letter-spacing: 0px;
}
ul.woo_breadcums li a {
    position: relative;
    z-index: 0;
    line-height: 100%;
    margin: 0 36px 0 0;
    display: inline-block;
    color:var(--paragraph);
    line-height: 1;
    text-decoration: none;
}
ul.woo_breadcums li a:after {
    content: "\f105";
    font-family: "FontAwesome";
    position: absolute;
    top: 0;
    right: -22px;
    bottom: 0;
    left: unset;
    opacity: 1;
    z-index: 0;
    font-weight: bold;
    font-size: 16px;
    margin-top: -2px;
    color: var(--paragraph);
}
span.breadcrumb_last {
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: middle;
}

/*-----CONTENT-----*/
h1,
h2,
h3,
h4,
h5,
h5,
h6,
[class*="heading-"]{
    font-size: inherit;
    font-weight: bold;
    font-family: var(--heading);
    color: var(--darkblue);
    line-height: 1.2;
    position: relative;
    margin-bottom: 20px;
}
.heading-40{
  font-size: 40px;
}
.heading-36{
  font-size: 36px;
}
.heading-30{
  font-size: 30px;
}
.heading-26{
  font-size: 26px;
}
.heading-22{
  font-size: 22px;
}
.heading-20{
  font-size: 20px;
}
.heading-19{
  font-size: 19px;
}
.heading-18{
  font-size: 18px;
}
.heading-16{
  font-size: 16px;
}
.head-xs{
   font-family: 'IBM Plex Sans';
  font-size: 18px;
  font-weight: 600;
  color: var(--paragraph);
  line-height: 1.4;
}
.small-label
{
	 color:#C5A572;
	font-family: 'IBM Plex Sans';
	font-weight: 600;
	font-size:14px;
	line-height:1.02;
	text-transform:uppercase;
	margin-bottom:10px;
}

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

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


p{font-family: 'IBM Plex Sans';font-weight: normal;font-size: 16px;color: var(--paragraph); margin-bottom: 30px;letter-spacing: normal;line-height: 28px;}
p:last-of-type{margin-bottom: 0;}
p a{
    text-decoration: underline;
    display: inline-block;
 }
p a:hover{
  color: var(--golden);
}

.cream-bg{
  background-color: var( --cream-bg);
}
.white-bg{
  background-color: var( --white);
}
.content-wrapper .ctent-column > *:not(:last-child):not(h1):not(h2):not(h3):not([class*="heading-"]):not(.semi-head) {
    margin-bottom: 30px;
}
.image-block{
  width: 811px;
}
.ctent-block{
  width: calc(100% - 811px);
  padding-left: 135px;
}
.flex-row-reverse .ctent-block{
  padding-left: 0;
  padding-right: 135px;
}
/*.ctent-block p + .button,
.ctent-block ul + .button,
.ctent-block ol + .button{
	margin-top:30px;
}
*/
.alink{
    font-size: 14px;
    color: var(--golden);
    font-weight: bold;
    text-transform: uppercase;
    display: inline-block;
    text-decoration: underline;
    text-underline-offset: 6px;

    & i{
      font-size: 18px;
    }
}
.alink:hover{
  color: var(--maroon);
}
.top-alink{
    position: absolute;
    top: 18px;
    right: 15px;
}

.divider{
  border-bottom: 1px solid #DADADA;
}
/* ********|| UL , OL  ||******** */

main ul:not([class]) {
  list-style-type: none;
  margin-left: 0;
  margin:30px 0 0;
}

main ul:not([class]) li {
    font-size: 16px;
    line-height: 28px;
    position: relative;
    padding-left: 30px;
    color: var(--paragraph);
    letter-spacing: 0px;
}
main ul:not([class]) li:before {
    content: "";
    position: absolute;
    top: 4px;
    left: 0;
    background: url(../../assets/images/svg/checked.svg) no-repeat;
    width: 20px;
    height: 20px;
}
main ul:not([class]) li:not(:last-child) {
  margin-bottom:15px;
}
main ul:not([class]) li:last-child{margin-bottom: 0;}
main ul:not([class]) li strong {
  display: block;
  font-weight:500;
	margin-bottom:10px;
	font-size:18px;
	line-height:1;
}
main ul:not([class]) li  a{
  text-decoration: underline;

  &:hover{
    color: var(--golden);
  }
}

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

.woocommerce a.button,
button,
.button,
a.button,
button[type="submit"],
input[type="submit"],
.woocommerce button.button.alt {
    font-size: 14px;
    text-transform: uppercase;
    padding: 10px 40px;
    position: relative;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: 'IBM Plex Sans';
    font-weight: bold;
    z-index: 1;
    line-height: 1;
    text-decoration: none;
    justify-content: center;
    text-align: center;
    border: 2px solid var(--golden);
    border-radius: 10px;
    background-color: var(--golden);
    color: var(--white);
    min-height: 54px;
    column-gap: 10px;
    cursor: pointer;
    transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    box-shadow: 3px -3px 0px rgb(197 165 114 / 25%);


    &:hover{
        background-color: var(--maroon);
        text-decoration: none;
        background-image: none;
        color: var(--white);
        border-color: var(--maroon);
        box-shadow: 3px 3px 0px rgb(159 27 27 / 50%)
    }
}
a.button-outline ,
.woocommerce a.button-outline{
  border:1px solid var(--paragraph);
  box-shadow: none;
  color: var(--paragraph);
  background: transparent;

  &:hover{
    & img{
      filter:brightness(0) invert(1);
    }
  }
}
a.button-secondary ,
.woocommerce a.button-secondary{
  background: var(--paragraph);
  border:1px solid var(--paragraph);
  color: var(--white);
  box-shadow: none;
}


/* *********** SLICK SLIDER ************* */
.slick-prev, 
.slick-next{
  width: 31px;
  height: 31px;
  min-height: auto;
  min-width: auto;
  background: var(--cream-bg);
  border: 1px solid var(--paragraph);
  border-radius: 100%;
  z-index: 1;
  box-shadow: none;
}
.slick-prev{left: -40px;}
.slick-next{right: -40px;}

 .slick-prev:hover , 
 .slick-next:hover{
  background: var(--golden);
  border-color: var(--golden);
}
.slick-prev:before, .slick-next:before{
    font-family: "FontAwesome";
    color: var(--paragraph);
    opacity: 1;
    position: absolute;
    top: 4px;
    left: 0;
    right: 0;
}
.slick-prev:before {
    content: '\f104 ';
}
.slick-next:before {
    content: '\f105 ';
    right: -3px;
}
.slick-prev:hover:before, 
.slick-next:hover:before{
  color: var(--white);
}
.slick-slider {
  /* Re-enables text selection for the entire slider container */
  -webkit-user-select: text; /* Safari/Chrome */
  -khtml-user-select: text; /* Konqueror HTML */
  -moz-user-select: text; /* Old versions of Firefox */
  -ms-user-select: text; /* Internet Explorer/Edge */
  user-select: text; /* Standard CSS property */
}

.slick-list.draggable {
  /* Ensure the draggable list area also allows selection */
  -webkit-user-select: text;
  -khtml-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
/* **************** || KEYFACTOR || **************** */

.keygrid-list {
    display: flex;
    justify-content: space-between;
    padding: 40px 0;
    border-bottom: 1px solid #DADADA;
}
.keygrid-list.slick-initialized{
  display: block;
}
.keygrid-list li{
  margin-bottom: 0;
}
.keygrid-list li .keybox{
  display: flex;
  align-items: center;
}
.keygrid-list li .keybox .key-icon{
  width: 45px;
}
.keygrid-list li .keybox .key-info{
  width: calc(100% - 45px);
}
.keygrid-list li .keybox .key-info p{
  font-weight: 500;
  line-height: 1.2;
}


/* **************** || FAQ || **************** */
.faq-container , 
.hm-faq  .center-intro{
  max-width: 880px;
  margin: 0 auto 45px;
}
.address-wrapper p{
  font-weight: 500;
  margin-bottom: 12px;
  line-height: 1;
  & a{
    text-decoration: none;

    &:hover{
      color: var(--golden);
      text-decoration: underline;
    }
    
  }
}

/* **************** || INSTAGRAM || **************** */
.instagram-sec .button-group{justify-content: center;}
.social-link{
  font-family: 'Montserrat';
  font-size: 22px;
  color: var(--darkblue);
  font-weight: bold;
  display: inline-flex;
  align-items: center;
  column-gap: 6px;
}
.social-link span{
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background-color: var(--darkblue);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
}
.social-link:hover{
  color: var(--maroon);
}
.social-link:hover span{
  background-color: var(--maroon);
}

/* ******** FOOTER ORDER USP ******** */
.footer-keyfactor{
  padding: 50px 0;
}
.order-usp-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px;
}
.order-usp-list li{
  width: 16.6%;
  padding: 0 15px;
  margin-bottom: 0;
}
.order-usp-list li .box {
    border-radius: 10px;
    background-color: var(--light-golden);
    min-height: 145px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px 20px;
    transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
}
.order-usp-list li .box:hover{
      box-shadow: 4px 4px 4px rgb(197 165 114 / 46%);
}
.order-usp-list li .box .icon{
    margin-bottom: 5px;
    min-height: 38px;
}
.order-usp-list li .box p{
  font-weight: 600;
  line-height: 1.2;
  text-align: center;
}

/* ******** FOOTER  ******** */
footer{
  background-color: var(--darkblue);
}
.ft-top{
  padding: 30px 0;
  border-bottom: 1px solid rgb(255 255 255 / 10%);
}
.ft-top .heading-19{
  color: var(--white);
  line-height: 24px;
  max-width: 545px;
  margin-bottom: 0;
}
.ft-subscribe{
  width: 444px;
}
.ft-subscribe .searchcontrol {
    display: flex;
    column-gap: 10px;
}
.ft-subscribe .searchcontrol input[type="text"]{
  height: 54px;
}
.ft-navigation{
  padding: 60px 0px 47px;
  border-bottom: 1px solid rgb(255 255 255 / 10%);
  align-items: flex-start;
}
.ft-head{
  font-size: 17px;
  color: var(--white);
  font-family: var(--heading);
  font-weight: bold;
  margin-bottom: 15px;
}
.quick-link li {
  color: var(--white);
  font-size: 17px;
  font-weight: normal;
  letter-spacing: 0.32px;
  margin-bottom: 10px;
}
.ft-navigation .ft-block{
    display: flex;
    justify-content: space-between;
}
.ft-navbar{
    width: calc(100% - 870px);
    padding-left: 120px;
    border-left: 1px solid rgb(255 255 255 / 10%);
}
.ft-address{
    width: 870px;
    padding-right: 120px;
}
.ft-get-block{
  width: calc(100% - 250px);
  padding-right: 90px;
}
.ft-showroom{
  width: 250px;
}
.ft-get-block .ft-col:not(:last-child){
  margin-bottom: 25px;
}
.ft-col p{
  font-size: 17px;
  color: var(--white);
  line-height: 24px;
}
.ft-get-block .ft-col .ft-head{
  margin-bottom: 10px;
}
.ft-get-block .ft-col.ft-opening .ft-head{
  margin-bottom: 5px;
}
.ft-showroom .ft-img {
  margin-bottom: 20px;
}
.ft-showroom p{
    font-size: 13px;
    color: var(--white);
    font-weight: 500;
    line-height: 1.4;
}
.ft-showroom p a{
    display: inline-flex;
    color: var(--golden);
    align-items: center;
    column-gap: 6px;
    text-decoration: underline;
}
.social-list{
  display: flex;
  gap: 12px;
}
.social-list li{margin-bottom: 0;}
.social-list li a{
    width: 35px;
    height: 35px;
    border-radius: 100%;
    border: 1px solid rgb(255 255 255 / 10%);
    background-color: #1B2357;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
}
.address-list li{
  margin-bottom: 12px;

  &:last-child{
    margin-bottom: 0;
  }
}
.address-list li .ft-box{
  display: flex;
}
.address-list li .ft-box .ft-icon{
    width: 25px;
    position: relative;
    top: 4px;
}
.address-list li .ft-box .ft-info{
  width: calc(100% - 25px);
}
.address-list li .ft-box .ft-info p ,
.address-list li .ft-box .ft-info a{
  color: var(--white);
  font-weight: 500;
  font-size: 17px;
}
.ft-collection .quick-link {
    column-count: 2;
    column-gap: 150px;
}
.ft-bottom{
  padding:28px 0;
}
.intro-right{
    width: 475px;
    display: flex;
    justify-content: space-between;
}

.ft-google{
  width: 235px;
  display: flex;
  align-items: center;
}
.ft-google .google-icon{
  width: 49px;
  height: 49px;
  border-radius: 100%;
  background-color: var(--white);
  display: flex;
  justify-content: center;
  align-items: center;
}
.google-info{
  width: calc(100% - 49px);
  padding-left: 10px;
}
.google-info p{
  font-size: 17px;
  color: var(--white);
  font-family: 'IBM Plex Sans';
  font-weight: bold;
  line-height: 1.2;
}
.google-review {
    width: 210px;
    border-right: 1px solid #D9D9D9;
    padding-right: 30px;
}
.google-review .google-info p{
    color: var(--paragraph);

    & span{
        display: flex;
        align-items: center;
        column-gap: 10px;
    }
}
.client-review .intro-right p.rated-review{
    font-size: 14px;
    font-weight: 600;
    font-style: italic;
    line-height: 19px;
   width: calc(100% - 210px);
    padding-left: 30px;
}



.ft-shop-secure{
  width: 270px;
}
.ft-shop-secure p{
  font-size: 17px;
  color: var(--white);
  font-weight: bold;
  line-height: 1.2;

  & span{
    display: flex;
    align-items: center;
    color: #0BB86E;
    font-size: 15px;
    column-gap: 8px;
  }

}
.payment-list{
  display: flex;
  gap: 10px;
  align-items: center;
}
.payment-list li{margin-bottom: 0;font-size: 17px;color: var(--white);font-weight: bold;}
.payment-list li .paybox{
  width: 52px;
  height: 32px;
  background-color: var(--white);
  display: flex;
  align-items: center;
  justify-content: center;
}
.copyright{
  padding: 16px 0;
  background-color: #282930;
}
.copyright p{
  color: var(--white);
  font-size: 15px;
  font-weight: normal;
  line-height: 1.2;
}
.address-list li .ft-box .ft-info a:hover , 
.quick-link li:hover,
.quick-link li.active{
  color: var(--golden);
}
.social-list li a:hover{
    background: rgb(255 255 255 / 25%);
}
.ft-showroom p a:hover{
  color: var(--red);

  & img{
    filter: invert(12%) sepia(95%) saturate(5462%) hue-rotate(355deg) brightness(90%) contrast(81%);
  }
}

/*----- 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: 14px 15px 14px 45px;
  text-align: left;
  line-height: 1;
  margin: 0 auto 20px;
  font-family: "Albert Sans";
  font-weight: normal;
  color: #333333;
  font-size: 16px;
  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: 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 {
  background-color: #ffdfdf;
  border-color: #f54812;
}
/* ********| thank you 0r error | ******** */
.thank_you_content{
  max-width: 1345px;
  margin: 0 auto 100px;
  justify-content: space-between;
}
.thank_you_content .heading-30{margin-bottom: 5px;}
.thank_you_content p {margin-bottom: 20px;text-transform: capitalize;}
.thank_you_content p:first-of-type{max-width: 510px;}
main .thank_you_content ul{margin: 20px 0;}
main .thank_you_content ul li:not(:last-child){margin-bottom: 15px;}
main .thank_you_content ul li{padding-left: 30px;position: relative;font-size: 16px;font-weight: normal;text-transform: capitalize;}
.error-left{width: calc(100% - 505px);padding-right: 100px;}
.error-right{width:505px;}
main .thank_you_content ul li a{text-decoration: underline;}
main .thank_you_content ul li a:hover{color: var(--golden);}

/* ******** || TABLE || ******** */
.table-responsive table{
  width: 100%;
}
table tr th{
  background-color: var(--light-golden);
  font-size: 16px;
  font-weight: bold;
  color: var(--darkblue);
}
table tr td{
  font-size: 16px;
  line-height: 28px;
  color: var(--paragraph);
}
table tr th,
table tr td{
  text-align: left;
  vertical-align: middle;
}
.warranty-table table{
  margin-bottom: 60px;
}
.warranty-table table tr th{
 padding: 13px 55px;
}
.warranty-table table tr td{
 padding: 30px 55px;
 background-color: var(--white);

}
.warranty-table table tr td ul{
  margin: 0;
}
.warranty-table table tr td ul li{
  padding-left: 0;
  
  &::before{
    content: none;
  }
}
.warranty-table table tr td ul li:not(:last-child){
  margin-bottom: 0;
}

.warranty-table table tr th.col-product{
  width: 30%;
}

.warranty-table table tr th.col-warranty{
  width: 25%;
}

.warranty-table table tr th.col-details{
  width: 45%;
}
.warranty-page .inpage.content-wrapper p + ul ,
.warranty-page .content-wrapper .ctent-column [class*="heading-"] + ul{
  margin-top: 10px;
}
.warranty-page .inpage.content-wrapper .ctent-column p:has(+ ul){
    margin-bottom: 10px !important;
}
.warranty-page .content-wrapper .ctent-column [class*="heading-"] {
    margin-bottom: 10px;
}


/* ******  TAGS ****** */

.product-tags{
    display: flex;
    flex-wrap: wrap;
    gap:8px 14px;
    margin-top: 60px;
}
.product-tags a.tags {
    font-size: 16px;
    background: var(--light-golden);
    border-radius: 20px;
    padding: 6px 19px;
    display: inline-flex;
    line-height: 1;
    color: var(--paragraph);
    min-height: 38px;
    align-items: center;
    justify-content: center;
}
.product-tags a.tags:hover{
  background: var(--golden);
  color: var(--white);
}


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


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

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

@media (any-hover: none){
  
}


@media screen and (max-width: 1699.98px){
  /* ******* || SLICK SLIDER || ******* */
  .slick-prev {left: -8px;}
  .slick-next {right: -8px;}
  /* ******* || CONTENT WRAPPER || ******* */
  .image-block {width: 650px;}
  .ctent-block {width: calc(100% - 650px);padding-left: 80px;}
  .flex-row-reverse .ctent-block{padding-right: 80px;}
  /* ******* || FOOTER KEYFACTOR || ******* */
  .order-usp-list{margin: 0 -8px;row-gap: 16px;justify-content: center; }
  .order-usp-list li{padding: 0 8px;display: flex;flex-wrap: wrap;width: 25%;}
  .order-usp-list li .box{min-height: auto;}
  /* ******* || FOOTER || ******* */
  .ft-address {width: 700px;padding-right: 80px;}
  .ft-navbar {width: calc(100% - 700px);padding-left: 80px;}
  .ft-collection .quick-link{column-gap: 90px;}
  .ft-get-block{padding-right: 50px;} 
}

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



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

   /* ******* || FOOTER KEYFACTOR || ******* */
  .footer-keyfactor {padding: 30px 0;}

  /* ******* || FOOTER || ******* */
  .ft-address {width: 550px;padding-right: 60px;}
  .ft-navbar {width: calc(100% - 550px);padding-left: 60px;}
  .ft-collection .quick-link {column-gap: 50px;}
  .ft-get-block {padding-right: 30px;width: calc(100% - 225px);}
  .ft-showroom {width: 225px;}
  .address-list li .ft-box .ft-info p, .address-list li .ft-box .ft-info a{font-size: 16px;}
  .quick-link li , 
  .ft-col p{font-size: 16px;}
  
  .payment-list{gap: 5px;flex-wrap: wrap;}
  .ft-shop-secure {width: 200px;}
  .ft-google {width: 220px;}
  .ft-shop-secure p{
    font-size: 16px;
    font-weight: 600;
    & span{
      font-size: 14px;
    }
  }
  .google-info p{
    font-size: 16px;
  }
  .ft-top .heading-19{max-width: 420px;}
  .ft-subscribe {width: 420px;}
 
}


@media screen and (max-width: 1199.98px){
  
  h1, 
  h2, 
  h3, 
  h4, 
  h5, 
  h5, 
  h6, 
  [class*="heading-"]{
    margin-bottom: 12px;
  }

  .heading-40 {font-size: 24px;}
  .heading-30 {font-size: 22px;}
  .heading-26 {font-size: 20px;}
  .heading-22 {font-size: 18px;}
  .heading-18 {font-size: 16px;}

  p{line-height: 26px;}
  .content-wrapper .ctent-column > *:not(:last-child):not(h1):not(h2):not(h3):not([class*="heading-"]):not(.semi-head) {margin-bottom: 22px;}


    main .slick-initialized.slick-slider{padding-bottom: 50px;}
    .slick-slider .slick-arrow{top:inherit;bottom: -20px;}
    .slick-slider .slick-prev{left: calc(50% - 38px);}
    .slick-slider .slick-next {right: calc(50% - 38px);}


   /* ******* || KEYFACTOR || ******* */
  .keygrid-list ,
  .keygrid-list.slick-initialized.slick-slider{padding: 20px 0;}
  .keygrid-list li .keybox .key-info {width: calc(100% - 100px);padding-left: 10px;}

  /* ******* || COMMON CSS || ******* */
  .faq-container, .hm-faq .center-intro{margin: 0 auto 25px;}
  .top-alink {position: relative;top: 0;right: 0;margin-top: 15px;}
  .hm-blog .heading-40{text-align: center;}
  

  /* ******* || CONTENT WRAPPER || ******* */
   .image-block {width: 400px;}
   .ctent-block {width: calc(100% - 400px);padding-left: 30px;}
   .flex-row-reverse .ctent-block{padding-right: 30px;}

  /* ******* || INSTAGRAM || ******* */
  .social-link{font-size: 18px;}
  .social-link span{width: 35px;height: 35px;padding: 8px;}

  /* ******* || TESTIMONIAL || ******* */
  .intro-right {width: 412px;}
  .client-review .intro-right .google-review{padding-right: 15px;width: 190px;}
  .client-review .intro-right p.rated-review{padding-left:15px;width: calc(100% - 190px);}

  /* ******* || FOOTER || ******* */
  .ft-navigation {padding: 40px 0;}
  .ft-address {width: 450px;padding-right: 30px;}
  .address-list li .ft-box .ft-info p, .address-list li .ft-box .ft-info a{font-weight: normal;line-height: 1.4;}
  .ft-navbar {width: calc(100% - 450px);padding-left: 30px;}
  .ft-get-block {width: calc(100% - 160px);padding-right: 15px;}
  .ft-showroom {width: 160px;}
  .ft-showroom p{font-weight: normal;}
  .ft-logo{width: 100%;margin-bottom: 20px;}
  .ft-logo a.logo img{display: block;margin: 0 auto;}
  .ft-subscribe form input[type="submit"]{padding: 10px 20px;}
  .ft-payments{width: 100%;margin-top: 20px;}
  .payment-list {flex-wrap: wrap;justify-content: center;}

  .scrollTop{
    height: 45px;
    width: 45px;
    min-height: 45px;
    border-radius: 10px;
  }
    
}


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

  .woocommerce a.button, 
  button, 
  .button, 
  a.button, 
  button[type="submit"], 
  input[type="submit"]{
    min-height: 40px;
    column-gap: 5px;
    padding: 10px 20px;
  }
  .center-intro.mb-50{margin-bottom: 25px;}

  /* ******* || CONTENT WRAPPER || ******* */
   .image-block , .ctent-block {width: 100%;}
   .ctent-block {padding-left: 0;margin-top: 30px;}
   .flex-row-reverse .ctent-block{padding-right: 0;}

   /* ******* || FOOTER KEYFACTOR || ******* */
  .order-usp-list{margin: 0 -5px;row-gap: 10px;justify-content: center; }
  .order-usp-list li{padding: 0 5px;display: flex;flex-wrap: wrap;width: 33.33%;}
  .order-usp-list li .box{padding: 20px 15px;}


  /* ******* || FOOTER || ******* */
  .ft-top{justify-content: center;}
  .ft-logo{margin-bottom: 12px;}
  .ft-subscribe {width: 380px;}
  .ft-top .heading-19 {font-size: 16px;max-width: 100%;text-align: center;margin-bottom: 20px;}
  .ft-subscribe .searchcontrol input[type="text"] {height: 45px;padding: 8px 15px;}
  .ft-address {width: 100%;padding-right: 0;order: 2;}
  .ft-navbar {
    width: 100%;
    padding-left: 0;
    border-left: 0;
    border-bottom: 1px solid rgb(255 255 255 / 10%);
    padding-bottom: 30px;
    margin-bottom: 30px;
    order: 1;
  }
  .ft-payments .payment-list li:first-child{width: 100%;text-align: center;margin-bottom: 6px;}

  .ft-navigation .ft-navbar .ft-column{width: 33.33%;}
  .ft-navigation .ft-navbar .ft-column.ft-collection{width: 67%;}
  
  .scrollTop{display: none;}
	.inner-banner-wrap{padding:30px 0;}

  /* ******* || TESTIMONIAL || ******* */
  .intro-right{width: 100%;justify-content: center;flex-wrap: wrap;}
  .client-review .intro-column .heading-40{width: 100%;text-align: center;}
  .client-review .intro-right .google-review {padding-right: 0;width: 190px;border-right: 0;margin-bottom: 10px;}
  .client-review .intro-right p.rated-review {padding-left: 0;width: 100%; text-align: center;}

  .error-left{padding-right: 0;}
  .error-right , .error-left{width:100%;}
  .thank_you_content p{max-width: 100%;}
  .thank_you_content{margin: 0px auto 40px;}
  .inner-why-chossing .text-center{text-align: left;}

  .product-tags{gap:6px;}
  .product-tags a.tags{padding: 6px 12px;letter-spacing: normal;font-size: 14px;min-height: 34px;}

}


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

   /* ******* || FOOTER || ******* */
  .ft-collection .quick-link {column-gap: 70px;}
  .ft-subscribe form input[type="submit"] {padding: 10px 12px;}

  .ft-column .quick-link{display: none;padding-bottom: 15px;}
  .ft-navigation .ft-block{flex-wrap: wrap;padding-bottom: 0;border-bottom: 0;}
  .ft-head {font-size: 16px;position: relative;}
  .ft-navbar .ft-column .ft-head {padding: 10px 0;margin-bottom: 0;}
  .ft-navbar{padding-bottom: 10px;}
  .ft-navigation{padding: 0 0 30px;}
  .ft-navbar .ft-column .ft-head::after{
        content: "";
        position: absolute;
        top: 18px;
        right: 0;
        background: url(../../assets/images/plus.png) !important;
        width: 14px;
        height: 15px;
        filter: brightness(0) invert(1);
  }
  .ft-navigation .ft-navbar .ft-column,
  .ft-navigation .ft-navbar .ft-column.ft-collection{width: 100%;}
  .ft-navbar .ft-column{border-bottom: 1px solid rgb(255 255 255 / 10%);}
  .ft-navigation .ft-navbar .ft-column.ft-collection .quick-link{column-count: inherit;}
  .ft-navigation .ft-navbar .ft-column.ft-collection .quick-link li{width: 45%;display: inline-flex;}
  .quick-link li{letter-spacing: normal;margin-bottom: 6px;}
  .sub__menu .sublink li.has-sub a::after{top:5px;}
 
	.width50{
	   padding-left:5px;
    padding-right: 5px;	
	}
	.row{
		margin-left:-5px;
		margin-right:-5px;
	}
	
	ul.woo_breadcums li a{
		    margin: 0 26px 6px 0;
	}
	ul.woo_breadcums li a:after{
		    right: -17px;margin-top: -1px;
	}
}

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

  
   /* ******* || KEYFACTOR || ******* */
  .keygrid-list{margin: 0 -10px;}
  .keygrid-list li {padding: 0 10px;}
  .keygrid-list li .keybox{flex-wrap: wrap;text-align: center;}
  .keygrid-list li .keybox .key-icon {margin: 0 auto 8px;}
  .keygrid-list li .keybox .key-info {width: 100%;padding-left: 0;}
  
  /* ******* || FOOTER || ******* */
  .ft-get-block {width: 100%;padding-right: 0;}
  .ft-showroom{margin-top: 30px;width: 100%;}
  .ft-showroom p a{display: flex;}
  .ft-shop-secure{
    width: 100%;
    text-align: center;
  }
  .social-list{gap: 8px;}
  .address-list li {margin-bottom: 8px;}
  .ft-get-block .ft-col:not(:last-child) {margin-bottom: 18px;}
  .google-info p {
    font-size: 14px;
    font-weight: normal;
  }
  .ft-shop-secure p {
        & span {
            display: flex;
            justify-content: center;
        }
    }
    .ft-google{
      margin: 0 auto 10px;
    }
   .ft-google .google-icon{
      width: 35px;
      height: 35px;
      padding: 4px;
   }

   .order-usp-list li{width: 50%;}
			.width50{
					 width:100%;
			}
	  .inner-banner-wrap{
					 padding:20px 0;
			}
}