@import url('https://cdnjs.cloudflare.com/ajax/libs/Swiper/11.0.5/swiper-bundle.min.css');







/* 1a. Containers */





/* 1b. Colors */












/* 1c. Typography */



























/* 1d. Buttons */

/* Primary Button */












/* Secondary Button */












/* Tertiary Button */












/* Outlined Button */













/* 1e. Forms */

/* form title */


/* form label */





/* form help text */





/* form input field */
/* placeholder */




/* text */




/* field bg */




/* form */







/* submit button */














/* 1f. Tables */














/* 1g. Website header */

/* menu */





/* submenu */








/* header background */





/* 1h. Website footer */







.content-wrapper, .wrapper {
  max-width: 1330px;
}

.big-wrapper {
  max-width: 1330px;
}

.dnd-section,
.content-wrapper--vertical-spacing {
  padding: 80px 1rem;
}

.dnd-section > .row-fluid {
  max-width: 1330px;
}





html {
  font-size: 17px;
  font-family: 'Helvetica Neue', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #202020;
  line-height: 1.2; 
  scroll-behavior: smooth;
}

body {
  font-family: 'Helvetica Neue', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #202020;
  font-size: 17px;
  line-height: 1.2; 
}

/* Paragraphs */

p {
  font-family: 'Helvetica Neue', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #202020;
  font-size: 17px;
  line-height: 1.4; 
}

/* Anchors */

a {
  font-family: 'Helvetica Neue', sans-serif; font-style: normal; font-weight: 400; text-decoration: none;
  color: #202020;
  font-size: 18px;
  line-height: 1.2; 
}

a:hover,
a:focus {
  font-family: 'Helvetica Neue', sans-serif; font-style: normal; font-weight: 400; text-decoration: none;
  color: #83CDB8;
}

a:active {
  font-family: 'Helvetica Neue', sans-serif; font-style: normal; font-weight: 400; text-decoration: none;
  color: #83CDB8;
}

/* Headings */

h1,
.h1 {
  font-weight: 400; text-decoration: none; font-family: 'Helvetica Neue', sans-serif; font-style: normal;
  color: #FFFFFF;
  font-size: 48px;
  text-transform: none;
  line-height: 1.3; 
}

h2,
.h2 {
  font-weight: 400; text-decoration: none; font-family: 'Helvetica Neue', sans-serif; font-style: normal;
  color: #202020;
  font-size: 48px;
  text-transform: none;
  line-height: 1.3; 
}

h3,
.h3 {
  font-weight: 500; text-decoration: none; font-family: 'Helvetica Neue', sans-serif; font-style: normal;
  color: #202020;
  font-size: 40px;
  text-transform: none;
  line-height: 1.3; 
}

h4,
.h4 {
  font-weight: 400; text-decoration: none; font-family: 'Helvetica Neue', sans-serif; font-style: normal;
  color: #202020;
  font-size: 32px;
  text-transform: none;
  line-height: 1.3; 
}

h5,
.h5 {
  font-weight: 700; font-family: 'Minion Pro';
  color: #202020;
  font-size: 21px;
  text-transform: none;
  line-height: 1.2;
  font-family: 'Helvetica Neue', sans-serif;
}

h6,
.h6 {
  font-weight: 500; text-decoration: none; font-family: Roboto, serif; font-style: normal;
  color: #FFFFFF;
  font-size: 20px;
  text-transform: none;
  line-height: 1.2; 
}

/* Blockquote */

blockquote {
  border-left-color: #1A4A5B;
}





button svg, .button svg, .primaryButton svg, .secondaryButton svg, .oulinedButton svg, button svg path, .button svg path, .primaryButton svg path, .secondaryButton svg path, .oulinedButton svg path { transition: all ease 0.3s; }

/* Primary Button */
button, .button, .primaryButton {
  border: 1px solid #83CDB8;

  padding-top: 13px;
padding-right: 34px;
padding-bottom: 13px;
padding-left: 34px;

  font-family: 'Helvetica Neue', sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(131, 205, 184, 1.0)

;
  border-radius: 8px;
  color: #202020;
  font-size: 16px;
  text-transform: none;
  line-height: 1;
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  display:inline-block;
}
button svg path, .button svg path, .primaryButton svg path { fill: #202020; }

button:hover, button:focus, .button:hover, .button:focus, .primaryButton:hover, .primaryButton:focus {
  font-family: 'Helvetica Neue', sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
  border: 1px solid #FFFFFF;
;
  color: 

  
  
    
  


  rgba(32, 32, 32, 1.0)

;
  /*   background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

; */
  border-radius: 8px;
  box-shadow: inset 310px 0 0 0 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}
button:hover svg path, button:focus svg path, .button:hover svg path, .button:focus svg path, .primaryButton:hover svg path, .primaryButton:focus svg path { fill: 

  
  
    
  


  rgba(32, 32, 32, 1.0)

; }

button:active, .button:active, .primaryButton:active {
  font-family: 'Helvetica Neue', sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
  border: 1px solid #FFFFFF;
;
  color: 

  
  
    
  


  rgba(32, 32, 32, 1.0)

;
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  border-radius: 8px;
}
button:active svg path,.button:active svg path, .primaryButton:active svg path { fill: 

  
  
    
  


  rgba(32, 32, 32, 1.0)

; }

button:disabled, button[disabled], .button:disabled, .button[disabled], .primaryButton:disabled, .primaryButton[disabled] {
  font-family: 'Helvetica Neue', sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
  color: #FFFFFF;
  background-color: #EDEAE4;
  border-radius: 8px;
}
button:disabled svg path, button[disabled] svg path, .button:disabled svg path, .button[disabled] svg path, .primaryButton:disabled svg path, .primaryButton[disabled] svg path { fill: #FFFFFF; }


/* Secondary Button */
.secondaryButton {
  border: 1px solid #FFFFFF;

  padding-top: 16px;
padding-right: 32px;
padding-bottom: 16px;
padding-left: 32px;

  font-family: 'Helvetica Neue', sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(32, 32, 32, 0.0)

;
  border-radius: 8px;
  color: #FFFFFF;
  font-size: 16px;
  text-transform: none;
  line-height: 1;
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}
.secondaryButton svg path { fill: #FFFFFF; }

.secondaryButton:hover, .secondaryButton:focus {
  font-family: 'Helvetica Neue', sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
  border: 1px solid #83cdb8;
;
  color: 

  
  
    
  


  rgba(32, 32, 32, 1.0)

;
  /*   background-color: 

  
  
    
  


  rgba(131, 205, 184, 1.0)

; */
  border-radius: 8px;
  box-shadow: inset 300px 0 0 0 

  
  
    
  


  rgba(131, 205, 184, 1.0)

;
}
.secondaryButton:hover svg path, .secondaryButton:focus svg path { fill: 

  
  
    
  


  rgba(32, 32, 32, 1.0)

; }

.secondaryButton:active {
  font-family: 'Helvetica Neue', sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
  color: #6A6868;
  background-color: transparent;
  border: none; 
}
.secondaryButton:active svg path { fill: #6A6868; }

.secondaryButton:disabled, .secondaryButton[disabled] {
  font-family: 'Helvetica Neue', sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
  color: #6A6868;
  background-color: transparent;
  border: none; 
}
.secondaryButton:disabled svg path, .secondaryButton[disabled] svg path { fill: #6A6868; }

/* tertiary Button */
.tertiaryButton {
  border: 1px solid #202020;

  padding-top: 16px;
padding-right: 32px;
padding-bottom: 16px;
padding-left: 32px;

  font-family: 'Helvetica Neue', sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(32, 32, 32, 1.0)

;
  border-radius: 8px;
  color: #FFFFFF;
  font-size: 16px;
  text-transform: none;
  line-height: 1;
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}
.tertiaryButton svg path { fill: #FFFFFF; }

.tertiaryButton:hover, .tertiaryButton:focus {
  font-family: 'Helvetica Neue', sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
  border: 1px solid #202020;
;
  color: 

  
  
    
  


  rgba(32, 32, 32, 1.0)

;
  /*   background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

; */
  border-radius: 8px;
  box-shadow: inset 300px 0 0 0 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}
.tertiaryButton:hover svg path, .tertiaryButton:focus svg path { fill: 

  
  
    
  


  rgba(32, 32, 32, 1.0)

; }

.tertiaryButton:active {
  font-family: 'Helvetica Neue', sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
  color: #6A6868;
  background-color: transparent;
  border: none; 
}
.tertiaryButton:active svg path { fill: #6A6868; }

.tertiaryButton:disabled, .tertiaryButton[disabled] {
  font-family: 'Helvetica Neue', sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
  color: #6A6868;
  background-color: transparent;
  border: none; 
}
.tertiaryButton:disabled svg path, .tertiaryButton[disabled] svg path { fill: #6A6868; }

/* Outlined Button */
.outlinedButton {
  border: 1px solid #202020;

  padding-top: 16px;
padding-right: 32px;
padding-bottom: 16px;
padding-left: 32px;

  font-family: 'Helvetica Neue', sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 0.0)

;
  border-radius: 8px;
  color: #202020;
  font-size: 16px;
  text-transform: none;
  line-height: 1;
}
.outlinedButton svg path { fill: #202020; }

.outlinedButton:hover, .outlinedButton:focus {
  font-family: 'Helvetica Neue', sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
  border: 1px solid #83CDB8;
;
  color: 

  
  
    
  


  rgba(237, 234, 228, 1.0)

;
  background-color: 

  
  
    
  


  rgba(131, 205, 184, 1.0)

;
  border-radius: 8px;
}
.outlinedButton:hover svg path, .outlinedButton:focus svg path { fill: 

  
  
    
  


  rgba(237, 234, 228, 1.0)

; }

.outlinedButton:active {
  font-family: 'Helvetica Neue', sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
  border: 1px solid #83CDB8;
;
  color: 

  
  
    
  


  rgba(237, 234, 228, 1.0)

;
  background-color: 

  
  
    
  


  rgba(131, 205, 184, 1.0)

;
  border-radius: 8px;
}
.outlinedButton:active svg path { fill: 

  
  
    
  


  rgba(237, 234, 228, 1.0)

; }


/* Header Secondary Button */
.headerButton.secondaryButton {
  padding: 14px 27px;
  font-size: 14px;
}






form,
.submitted-message {
  font-family: 'Helvetica Neue', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  border-top-left-radius: 36px;
  border-top-right-radius: 36px;
  border-bottom-left-radius: 36px;
  border-bottom-right-radius: 36px;
  background-color: 

  
  
    
  


  rgba(32, 32, 32, 1.0)

;
}
.submitted-message, .submitted-message p { color: #FFFFFF; font-size: 20px; }
.submitted-message { padding: 30px; border: 4px solid #6A6868;
; }

/* Form title */
.form-title, .form-title h2, .form-title h3, .form-title h4, .form-title h5, .form-title h6, .form-title span {
  font-family: 'Helvetica Neue'; font-style: normal; font-weight: 700; text-decoration: none;
  color: #FFFFFF;
  font-size: 20px;
  line-height: 1;
  font-family: 'Helvetica Neue', sans-serif;
}


/* Labels */
form label {
  color: #FFFFFF;
  font-size: 16px;
  line-height: 1; 
  font-weight: 400;
  margin-bottom: 4px;
}

/* Help text */
form legend {
  color: #FFFFFF;
  font-size: 12px;
  line-height: 1; 
  font-weight: 400;
}

/* Inputs */

form input[type=text],
form input[type=search],
form input[type=email],
form input[type=password],
form input[type=tel],
form input[type=number],
form input[type=file],
form select,
form textarea {
  border-top: 0px solid #6A6868;
border-right: 0px solid #6A6868;
border-bottom: 1px solid #6A6868;
border-left: 0px solid #6A6868;

  background-color: 

  
  
    
  


  rgba(32, 32, 32, 0.0)

;
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 300;
  line-height: 1; 
  border-radius: 0px;
  outline: none;
  padding: 8px 0;
}

/* Form placeholder text */

form input::-webkit-input-placeholder {
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 300;
  line-height: 1; 
}

form input::-moz-placeholder {
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 300;
  line-height: 1; 
}

form input:-ms-input-placeholder {
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 300;
  line-height: 1; 
}

form input::placeholder {
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 300;
  line-height: 1; 
}

/* Inputs - date picker */

.hs-fieldtype-date .input .hs-dateinput:before {
  color: #FFFFFF;
}

.fn-date-picker td.is-selected .pika-button {
  background: #83CDB8;
}

.fn-date-picker td .pika-button:hover {
  background-color: #83CDB8 !important;
}

.fn-date-picker td.is-today .pika-button {
  color: #83CDB8;
}

.hs-error-msg { font-size: 14px; font-weight: 300; }

/* Submit button */

form input[type=submit],
form .hs-button {
  padding-top: 10px;
padding-right: 16px;
padding-bottom: 10px;
padding-left: 16px;
;
  border: 1px solid #83CDB8;
;
  font-family: 'Helvetica Neue', sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
  color: #202020;
  font-size: 15px;
  background-color: 

  
  
    
  


  rgba(131, 205, 184, 1.0)

;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;

}

form input[type=submit]:hover,
form input[type=submit]:focus,
form .hs-button:hover,
form .hs-button:focus {
  box-shadow: inset 180px 0 0 0 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  /*   background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

; */
  color: #202020;
  border: 1px solid #FFFFFF;
;
}

form input[type=submit]:active,
form .hs-button:active {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  color: #202020;
  border: 1px solid #FFFFFF;
;
}

form .hs-form-field { margin-bottom: 16px; }
form .hs-form-required { color: #FFFFFF; }
form fieldset.form-columns-1 .hs-input, form fieldset.form-columns-2 .hs-input , form fieldset.form-columns-3 .hs-input  { width: 100% !important; padding: 8px 0; }
form fieldset .input { margin-right: 0 !important; }
form .form-columns-2 .hs-form-field .hs-input, form .form-columns-3 .hs-form-field .hs-input { width: 100% !important; }
form fieldset.form-columns-2 .hs-form-field:not(:last-child) .input, form fieldset.form-columns-3 .hs-form-field:not(:last-child) .input { margin-right: 24px !important; }
form fieldset.form-columns-1 input[type=checkbox], form fieldset.form-columns-1 input[type=radio], form fieldset.form-columns-2 input[type=checkbox], form fieldset.form-columns-2 input[type=radio] { width: auto !important; }
form .inputs-list span { font-weight: 300; }
form .inputs-list>li { margin: 8px 0; }

form select {appearance: none;}
form .hs-fieldtype-select .input { position: relative; }
form .hs-fieldtype-select .input:before { content: ""; position: absolute; width: 15.5px; height: 9px; right: 0; top: 5px; background-repeat: no-repeat; background-size: contain; 
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="10" viewBox="0 0 16 10" fill="none"><path d="M7.99995 6.93555L14.364 0.52089L15.778 1.93489L7.99995 9.71289L0.221955 1.93489L1.63595 0.520889L7.99995 6.93555Z" fill="%236A6868"/></svg>'); }

form .hs-error-msgs label { color: #ef6b51; }





/* Table */

table {
  border: 1px solid #202020;

  background-color: 

  
  
    
  


  rgba(237, 234, 228, 1.0)

;
}

/* Table cells */

td,
th {
  border: 1px solid #202020;

  padding-top: 8px;
padding-right: 16px;
padding-bottom: 8px;
padding-left: 16px;

  color: #202020;
}

/* Table header */

thead th {
  background-color: 

  
  
    
  


  rgba(232, 232, 232, 1.0)

;
  color: #202020;
}

/* Table footer */

tfoot td {
  background-color: 

  
  
    
  


  rgba(237, 234, 228, 1.0)

;
  color: #202020;
}





.header {  background: linear-gradient(to bottom, rgba(32, 32, 32, 1), rgba(0, 0, 0, 0));   transition: all ease 0.5s; padding: 48px 0 39px; position: fixed; width: 100%; z-index: 9; }
.headerBg { z-index: 55; background-color: 

  
  
    
  


  rgba(32, 32, 32, 1.0)

; transition: all ease 0.5s; padding: 25px; }
.header .headerRow { gap: 30px; }
.header .headerLeft { gap: 180px; }
.header .headerLogoParent { max-width: 77px; }
.header.headerBg .headerLogoParent { max-width: 65px; }
.header .headerRight { gap: 32px; }
.header .languageSwticherParent { gap: 4px; display: none; }
.header .toggleButtonParent { background-color: #EDEAE4; border: 1px solid #6A6868; border-radius: 100px; padding: 4px; }
.header .toggleButton { background-color: #6A6868; border-radius: 23px; width: 24px; height: 24px; padding: 0; display: flex; align-items: center; justify-content: center; opacity: 0; cursor: pointer; }
.header .toggleButton svg { width: 12px; height: 9px; }
.header .toggleButton.active { opacity: 1; pointer-events: none; }

/* menu */
.header .hs-menu-wrapper.hs-menu-flow-horizontal ul { gap: 40px; }
.header .hs-menu-item a, .header .contactLink { color: #FFFFFF; font-family: Helvetica Neue; font-size: 16px; font-weight: 700; line-height: 1; position: relative; width: fit-content; font-family: 'Helvetica Neue', sans-serif; }
.header .hs-menu-item a:hover, .header .hs-menu-item a:focus, .header .contactLink:hover, .header .contactLink:focus, .header .hs-menu-item.active-branch a { color: #83CDB8; }
.header .hs-menu-item a:before, .header .contactLink:before, .header .hs-menu-item.active-branch a:before { content: ""; position: absolute; width: 0; left: 0; height: 2px; background-color: #83CDB8; bottom: -5px; transition: all ease 0.3s; }
.header .hs-menu-item a:hover:before, .header .contactLink:hover:before, .header .hs-menu-item.active-branch a:before { width: 100%; }
.header .hs-menu-item.hs-item-has-children a:before { display: none; }

/* submenu */
.header .hs-menu-wrapper.hs-menu-flow-horizontal .hs-menu-children-wrapper { gap: 16px; }
.header .hs-menu-children-wrapper { background-color: 

  
  
    
  


  rgba(32, 32, 32, 1.0)

; padding: 24px;
; border: 1px solid #202020;
; border-radius: 16px; }
.header .hs-menu-children-wrapper .hs-menu-item a { position: relative; color: #FFFFFF; font-family: Helvetica Neue; font-size: 16px; font-weight: 700; line-height: 1; }
.header .hs-menu-children-wrapper .hs-menu-item a:hover, .header .hs-menu-children-wrapper .hs-menu-item a:focus { color: #83CDB8; }
.header .hs-menu-children-wrapper .hs-menu-item a:before { display: block; content: ""; position: absolute; width: 0; left: 0; height: 2px; background-color: #83CDB8; bottom: -5px; transition: all ease 0.3s; }
.header .hs-menu-children-wrapper .hs-menu-item a:hover:before { width: 100% !important; }

/* Popupform */
.headerPopUpFormParent { height: 100vh; z-index: 999; position: fixed !important; width: 100%;  padding: 15px; }
.headerPopUpFormParent:before { content: ""; position: absolute; background-color: rgba(32, 32, 32, 0.6); width: 100%; height: 100%; top: 0; left: 0; }
.headerPopUpForm { max-width: 588px; z-index: 999; top: 50%; transform: translateY(-50%); }
.headerPopUpForm form { padding: 36px 32px 60px; }
.headerPopUpFormParent .closeButton { right: 50px; top: 40px; width: 24px; height: 24px; cursor: pointer; }

.menu__link,
.header__logo .logo-company-name,
.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
  color: #FFFFFF;
  font-family: Helvetica Neue;
  font-size: 16px;
  font-weight: 700;
  line-height: 1; 
}

.menu__child-toggle-icon {
  border-top-color: #FFFFFF;
}

.menu .menu__link:hover,
.menu .menu__link:focus,
.header__language-switcher-label-current:hover,
.header__language-switcher-label-current:focus,
.header__language-switcher .lang_list_class li:hover a,
.header__language-switcher .lang_list_class li a:focus {
  font-family: Helvetica Neue;
  color: #83CDB8;
  font-weight: 700;
}

.menu__child-toggle-icon:hover,
.menu__child-toggle-icon:focus {
  border-top-color: #d7d7d7;
}

.menu .menu__link:active,
.header__language-switcher-label-current:active,
.header__language-switcher .lang_list_class li a:active {
  font-family: Helvetica Neue;
  color: #83CDB8;
}

.menu__child-toggle-icon:active {
  border-top-color: #ffffff;
}

.menu .menu__item--depth-1 > .menu__link--active-link:after {
  background-color: #FFFFFF;
}

@media (min-width: 767px) {
  .menu .menu__submenu,
  .header__language-switcher .lang_list_class {
    border: 1px solid #202020;

    background-color: 

  
  
    
  


  rgba(32, 32, 32, 1.0)

;
  }

  .menu__submenu--level-2 > .menu__item:first-child:before {
    border: 1px solid #202020;

    background-color: 

  
  
    
  


  rgba(32, 32, 32, 1.0)

;
  }
}

.menu__submenu .menu__link,
.menu__submenu .menu__link:hover,
.menu__submenu .menu__link:focus {
  color: #FFFFFF;
  background-color: 

  
  
    
  


  rgba(32, 32, 32, 1.0)

;
}

.header__language-switcher .lang_list_class:before {
  border-bottom-color: #202020;
}

.menu__submenu .menu__link:hover,
.menu__submenu .menu__link:focus,
.header__language-switcher .lang_list_class li:hover,
.menu__submenu--level-2 > .menu__item:first-child:hover:before,
.menu__submenu--level-2 > .menu__item:first-child.focus:before {
  background-color: 

  
  
    
  


  rgba(32, 32, 32, 1.0)

;
}

.header__language-switcher .lang_list_class.first-active::after {
  border-bottom-color: 

  
  
    
  


  rgba(32, 32, 32, 1.0)

;
}

.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
  font-family: Helvetica Neue;
}

.header__language-switcher-label-current:after {
  border-top-color: #FFFFFF;
}

@media(max-width: 767px) {
  .header__navigation {
    background-color: 

  
  
    
  


  rgba(32, 32, 32, 1.0)

;
  }

  .header__navigation-toggle svg,
  .menu-arrow svg {
    fill: #FFFFFF;
  }
}





.footer { background-color: 

  
  
    
  


  rgba(32, 32, 32, 1.0)

; }
.footer p, .footer h1, .footer h2, .footer h3, .footer h4, .footer h5, .footer h6, .footer label, .footer span, .footer li, .footer a, .footer img {  color: #FFFFFF; }
.footer h6 { line-height: 1.1; }
.footer .footerOuter { border-top: 1px solid #FFFFFF; }
.footer .footerUpperinner { gap: 30px; }
.footer .footerUpperPart { border-bottom: 1px solid #FFFFFF; padding-bottom: 30px; } 
.footer .footerUpperLeft { gap: 30px; }
.footer .footerUpperRight { max-width: 342px; }
.footer .footerUpperLeftLeft { max-width: 428px; }
.footer .footerUpperLeftRight { gap: 50px 25px; }
.footer .footerlogoParent { max-width: 256px; }
.footer .socialMediaGroup { gap: 12px; margin-left: -15px; }
.footer form { border-radius: 0; background-color: transparent; }
.footer form .input input, .footer form .input textarea { border-radius: 8px; border: 1px solid #FFFFFF; padding: 12.5px 24px; font-weight: 400; }
.footer form .input textarea { min-height: 101px; }
.footer form input::placeholder, .footer form input::-webkit-input-placeholder { font-weight: 400; } 
.footer .newsletterForm form { position: relative; }
.footer .newsletterForm form .input { width: calc(100% - 86px); }
.footer .newsletterForm form .hs-submit { position: absolute; top: 0; right: 0; }
.footer .newsletterForm form .hs-button { padding: 12px 16px; } 
.footer .footerMenuParent { width: calc(25% - 19px); }
.footer .menuItem { padding-top: 17px; }
.footer .menuItem a { position: relative; }
.footer .menuItem a:before{ background-color: #83CDB8; bottom: -5px; content: ""; height: 2px; left: 0; position: absolute; transition: all .3s ease; width: 0; }
.footer .menuItem a:hover, .footer .contactInformation a:hover { color: #83CDB8; }
.footer .menuItem a:hover:before{ width: 100%; }
.footer .footerBottomInner { gap: 40px; }
.footer .footerBottomLeft { width: 30%; }
.footer .footerBottomRight { width: 63%; }
.footer .bottomMenuParent { gap: 12px 30px; }
.footer .bottomMenu { width: calc(33.33% - 20px); padding-top: 0; }






.blog-post,
.blog-header__inner,
.blog-related-posts {
  padding: px 0;
}

/* Blog post */

.blog-post__meta a {
  color: #202020;
}

.blog-post__tag-link {
  color: #202020;
}

.blog-post__tag-link:hover,
.blog-post__tag-link:focus {
  color: #000000;
}

.blog-post__tag-link:active {
  color: #484848;
}

/* Blog related posts */

.blog-related-posts__title-link,
.blog-related-posts__title-link:hover,
.blog-related-posts__title-link:focus,
.blog-related-posts__title-link:active {
  font-weight: 400; text-decoration: none; font-family: 'Helvetica Neue', sans-serif; font-style: normal;
  text-transform: none;
}

.blog-related-posts__title-link {
  color: #202020;
}

.blog-related-posts__title-link:hover,
.blog-related-posts__title-link:focus {
  color: #000000;
}

.blog-related-posts__title-link:active {
  color: #484848;
}

/* Blog comments */

.blog-comments {
  margin-bottom: px;
}

#comments-listing .comment-reply-to {
  color: #202020;
}

#comments-listing .comment-reply-to:hover,
#comments-listing .comment-reply-to:focus {
  color: #000000;
}

#comments-listing .comment-reply-to:active {
  color: #484848;
}





.hs-search-results__title {
  font-weight: 400; text-decoration: none; font-family: 'Helvetica Neue', sans-serif; font-style: normal;
  color: #FFFFFF;
}





/* Blog listing */

/* .blogListingSection .searchFieldParent { width: fit-content; }
.blogListingSection .searchInput { outline: none; background-color: #FFFFFF; color: #6A6868; padding:  12px 36px; border: 1px solid #6A6868; border-radius: 36px; font-size: 20px; width: 472px; }
.blogListingSection .searchIcon { right: 36px; top: 12px; }
.blogListingSection .searchIcon svg { width: 24px; height: 24px; } */
.blogListingSection .blogSearchField { max-width: 472px; } 
.blogListingSection .searchForm { background-color: #FFFFFF; border: 1px solid #6A6868; color: #6A6868; padding: 12px 70px 12px 36px; } 
.blogListingSection .searchForm input { border: none; padding: 0; }
.blogListingSection .searchIcon { right: 36px; top: 10px; width: 24px; height: 24px; }
.blogListingSection .searchFieldSuggestions li:not(:first-child) { padding-top: 10px; }
.blogListingSection .searchFieldSuggestions #results-for { color: #202020; font-weight: 500; font-size: 20px; display: block;}
.blogListingSection .searchFieldSuggestions a { display: block; font-size: 16px; }
.blogListingSection .searchFieldOpen .searchFieldSuggestions { list-style: none; background: #FFFFFF; border-radius: 10px; border: 1px solid #6A6868; font-size: 16px;
  left: 0; padding: 20px; top: calc(100% + 12px); width: 100%; z-index: 5; border-radius: 30px; }
.blogListingSection .blogListingInner { gap: 30px 140px; }
.blogListingSection .singleBlogCard { width: calc(50% - 70px); }
.blogListingSection .singleBlogCard:nth-child(2n) { padding-top: 132px; }
.blogListingSection .blogCardImageParent a:hover img { transform: scale(1.07); }
.blogListingSection .blogCardTag { background-color: #FFFFFF; color: #202020; font-size: 14px; border-radius: 30px; padding: 8px 12px; border: 1px solid #202020; }
.blogListingSection .blogCardTag span, .blogListingSection .blogCardTag p { color: #202020; font-size: 14px; }
.blogListingSection .blogCardTitleLinkParent a:hover h5 { text-decoration: underline; }
.blogListingSection .blogCardTitle { width: calc(100% - 44px); }
.blogListingSection .blogCardContent { padding-left: 35px;}
.blogListingSection .blogCardContent:before { content: ""; position: absolute; width: 24px; height: 1px; top: 20px; left: 0; background-color: #202020; }
.blogListingSection .blogCardAuthor:before { content: ""; position: absolute; height: 100%; width: 1px; background-color: #A38F85; right: -8px; }
.blog_listing_pagination ul, .blog_listing_pagination li { list-style: none; margin: 0; }
.blog_listing_pagination .blogCardPagination a, .blog_listing_pagination .blogCardPagination svg, .blog_listing_pagination .blogCardPagination svg path { transition: all ease 0.3s; }
.blog_listing_pagination .blogCardPagination a:hover { color: #83CDB8; }
.blog_listing_pagination .blogCardPagination a:hover svg path { fill: #83CDB8; }
.blog_listing_pagination .blogCardPagination li.active a {  color: #202020; }
.blog_listing_pagination .blogCardPagination .disabled a { pointer-events: none; color: #6A6868; }
.blog_listing_pagination .blogCardPagination .disabled svg path { fill: #6A6868; }

/* Blog tag */
.blogTag { background-color: #FFFFFF; color: #202020; font-size: 14px; border-radius: 30px; padding: 8px 12px; border: 1px solid #202020; }
.blogTag span, .blogTag p { color: #202020; font-size: 14px; }
.blogAuthor:hover { text-decoration: underline; }

/* Blog Post */
.blogPostSection .blogPostOuter { max-width: 1080px; }
.blogPostSection .blogPostAuthorAvatar { width: 58px; border-radius: 50%; height: 58px; }
.blogPostSection .blogPostAuthorName:before { content: ""; position: absolute; height: 100%; width: 1px; background-color: #A38F85; right: -8px; }
.blogPostSection .blogPostFeaturedImage { aspect-ratio: 12/6; }
.blogPostSection .blogPostFeaturedImage img { width: 100%; object-fit: cover; height: 100%; }
.blogPostSection .blogPostContent p, .blogPostSection .blogPostContent span { font-size: 20px; }
.blogPostSection .blogPostContent p, .blogPostSection .blogPostContent h6, .blogPostSection .blogPostContent h5, .blogPostSection .blogPostContent h4, 
.blogPostSection .blogPostContent h3, .blogPostSection .blogPostContent h2, .blogPostSection .blogPostContent h1 { padding-top: 35px; }
.blogPostSection .blogPostContent ol, .blogPostSection .blogPostContent ul { padding-left: 20px; margin: 0; }
.blogPostSection .blogPostContent li { padding-top: 10px; font-size 16px; font-weight: 700; }
.blogPostSection .blogPostAuthorDeatilsParent { max-width: 802px; }
.blogPostSection .blogPostAuthorDeatilsBox { border: 1px solid #B3B3B3; border-radius: 5px; padding: 42px 32px; gap: 28px; box-shadow: inset rgba(0,0,0,0.13) 0px 1px 13px 4px; }
.blogPostSection .blogPostAuthorImage { max-width: 155px; border-radius: 50%; aspect-ratio: 1; }
.blogPostSection .blogPostAuthorImage img { width: 100%; object-fit: cover; height: 100%; }
.blogPostPublishDate p { color: #83CDB8; }
.hs-blog-post-listing__post-title-link,
.hs-blog-post-listing__post-title-link:hover,
.hs-blog-post-listing__post-title-link:focus,
.hs-blog-post-listing__post-title-link:active {
  font-weight: 400; text-decoration: none; font-family: 'Helvetica Neue', sans-serif; font-style: normal;
  text-transform: none;
}

.hs-blog-post-listing__post-title-link { 
  color: #202020;
}

.hs-blog-post-listing__post-title-link:hover,
.hs-blog-post-listing__post-title-link:focus {
  color: #000000;
}

.hs-blog-post-listing__post-title-link:active {
  color: #484848;
}


.hs-blog-post-listing__post-tag,
.hs-blog-post-listing__post-author-name {
  color: #202020;
}

/* Blog pagination */

.hs-pagination__link-text,
.hs-pagination__link--number {
  color: #202020;
}

.hs-pagination__link:hover .hs-pagination__link-text,
.hs-pagination__link:focus .hs-pagination__link-text,
.hs-pagination__link--number:hover,
.hs-pagination__link--number:focus {
  color: #000000;
}

.hs-pagination__link:active .hs-pagination__link-text,
.hs-pagination__link--number:active {
  color: #484848;
}

.hs-pagination__link-icon svg {
  fill: #202020;
}

/* Pricing card */

.card__price {
  font-weight: 500; text-decoration: none; font-family: 'Helvetica Neue', sans-serif; font-style: normal;
  color: #202020;
  font-size: 40px;
}

.card__body svg {
  fill: #83CDB8;
}

/* Social follow */

.social-links__icon {
  background-color: #83CDB8;
}

.social-links__icon:hover,
.social-links__icon:focus {
  background-color: #5ba590;
}

.social-links__icon:active {
  background-color: #abf5e0;
  font-weight: 500; text-decoration: none; font-family: 'Helvetica Neue', sans-serif; font-style: normal;
  color: #202020;
  font-size: 40px;
}

/* .socialLink { width: 48px; height: 48px; background-color: transparent; border-radius: 50%; } */
.socialLink { width: 48px; height: 48px; background-color: transparent; border-radius: 50%; position: relative; z-index: 1; overflow: hidden; transition: .5s; }
.socialLink:hover { background-color: #83CDB8; }
.socialLink svg { width: 24px; height: 24px; }
.socialLink::before { content: ""; position: absolute; width: 48px; height: 48px; border-radius: 100%; background-color: #83CDB8; top: 50%; left: 50%;  transform: translate(-50%, -50%) scale(0); z-index: -1; transition: .5s; }
.socialLink:hover::before { transform: translate(-50%, -50%) scale(1); transition: .5s; }





/* color class */
.primary, .primary h1, .primary h2, .primary h3, .primary h4, .primary h5, .primary h6, .primary p, .primary a, .primary span, .primary li { color: #83CDB8; }
.secondary, .secondary h1, .secondary h2, .secondary h3, .secondary h4, .secondary h5, .secondary h6, .secondary p, .secondary a, .secondary span, .secondary li { color: #1A4A5B; }
.black, .black h1, .black h2, .black h3, .black h4, .black h5, .black h6, .black p, .black a, .black span, .black li { color: #202020; }
.white, .white h1, .white h2, .white h3, .white h4, .white h5, .white h6, .white p, .white a, .white span, .white li { color: #FFFFFF; }
.grey, .grey h1, .grey h2, .grey h3, .grey h4, .grey h5, .grey h6, .grey p, .grey a, .grey span, .grey li { color: #6A6868; }
.lightGrey, .lightGrey h1, .lightGrey h2, .lightGrey h3, .lightGrey h4, .lightGrey h5, .lightGrey h6, .lightGrey p, .lightGrey a, .lightGrey span, .lightGrey li { color: #EDEAE4; }
.brown, .brown h1, .brown h2, .brown h3, .brown h4, .brown h5, .brown h6, .brown p, .brown a, .brown span, .brown li { color: #A38F85; }

/* background color class  */
.whiteBg { background-color: #FFFFFF; }
.darkBg { background-color: #202020; }
.lightBg { background-color: #E8E8E8; }
.ligthGreyBg { background-color: #EDEAE4; }

/* font class */
.primaryFont, .primaryFont h1, .primaryFont h2, .primaryFont h3, .primaryFont h4, .primaryFont h5, .primaryFont h6, .primaryFont p, .primaryFont a, .primaryFont span, .primaryFont li { font-family: Helvetica Neue, sans-serif; }
.secondaryFont, .secondaryFont h1, .secondaryFont h2, .secondaryFont h3, .secondaryFont h4, .secondaryFont h5, .secondaryFont h6, .secondaryFont p, .secondaryFont a, .secondaryFont span, .secondaryFont li { font-family: Minion Pro, serif; font-family: 'Helvetica Neue', sans-serif; }
.tertiaryFont, .tertiaryFont h1, .tertiaryFont h2, .tertiaryFont h3, .tertiaryFont h4, .tertiaryFont h5, .tertiaryFont h6, .tertiaryFont p, .tertiaryFont a, .tertiaryFont span, .tertiaryFont li { font-family: Roboto, serif; }

*{ margin: 0; padding: 0; box-sizing: border-box; }
h1,h2,h3,h4,h5,h6,h1 a,h2 a,h3 a,h4 a,h5 a ,h6 a{  margin:0; padding:0; }



.font12, .font12 p, .font12 li, .font12 span, .font12 a, .font12 h1, .font12 h2, .font12 h3, .font12 h4, .font12 h5, .font12 h6 {font-size: 12px;}

.font14, .font14 p, .font14 li, .font14 span, .font14 a, .font14 h1, .font14 h2, .font14 h3, .font14 h4, .font14 h5, .font14 h6 {font-size: 14px;}

.font16, .font16 p, .font16 li, .font16 span, .font16 a, .font16 h1, .font16 h2, .font16 h3, .font16 h4, .font16 h5, .font16 h6 {font-size: 16px;}

.font18, .font18 p, .font18 li, .font18 span, .font18 a, .font18 h1, .font18 h2, .font18 h3, .font18 h4, .font18 h5, .font18 h6 {font-size: 18px;}

.font20, .font20 p, .font20 li, .font20 span, .font20 a, .font20 h1, .font20 h2, .font20 h3, .font20 h4, .font20 h5, .font20 h6 {font-size: 20px;}

.font26, .font26 p, .font26 li, .font26 span, .font26 a, .font26 h1, .font26 h2, .font26 h3, .font26 h4, .font26 h5, .font26 h6 {font-size: 26px;}

.font60, .font60 p, .font60 li, .font60 span, .font60 a, .font60 h1, .font60 h2, .font60 h3, .font60 h4, .font60 h5, .font60 h6 {font-size: 60px;}





.pt4, .p4_0 { padding-top: 4px }
.pb4, .p4_0 { padding-bottom: 4px }

.pt5, .p5_0 { padding-top: 5px }
.pb5, .p5_0 { padding-bottom: 5px }

.pt8, .p8_0 { padding-top: 8px }
.pb8, .p8_0 { padding-bottom: 8px }

.pt10, .p10_0 { padding-top: 10px }
.pb10, .p10_0 { padding-bottom: 10px }

.pt12, .p12_0 { padding-top: 12px }
.pb12, .p12_0 { padding-bottom: 12px }

.pt13, .p13_0 { padding-top: 13px }
.pb13, .p13_0 { padding-bottom: 13px }

.pt14, .p14_0 { padding-top: 14px }
.pb14, .p14_0 { padding-bottom: 14px }

.pt15, .p15_0 { padding-top: 15px }
.pb15, .p15_0 { padding-bottom: 15px }

.pt16, .p16_0 { padding-top: 16px }
.pb16, .p16_0 { padding-bottom: 16px }

.pt17, .p17_0 { padding-top: 17px }
.pb17, .p17_0 { padding-bottom: 17px }

.pt18, .p18_0 { padding-top: 18px }
.pb18, .p18_0 { padding-bottom: 18px }

.pt20, .p20_0 { padding-top: 20px }
.pb20, .p20_0 { padding-bottom: 20px }

.pt22, .p22_0 { padding-top: 22px }
.pb22, .p22_0 { padding-bottom: 22px }

.pt23, .p23_0 { padding-top: 23px }
.pb23, .p23_0 { padding-bottom: 23px }

.pt25, .p25_0 { padding-top: 25px }
.pb25, .p25_0 { padding-bottom: 25px }

.pt26, .p26_0 { padding-top: 26px }
.pb26, .p26_0 { padding-bottom: 26px }

.pt30, .p30_0 { padding-top: 30px }
.pb30, .p30_0 { padding-bottom: 30px }

.pt32, .p32_0 { padding-top: 32px }
.pb32, .p32_0 { padding-bottom: 32px }

.pt33, .p33_0 { padding-top: 33px }
.pb33, .p33_0 { padding-bottom: 33px }

.pt35, .p35_0 { padding-top: 35px }
.pb35, .p35_0 { padding-bottom: 35px }

.pt38, .p38_0 { padding-top: 38px }
.pb38, .p38_0 { padding-bottom: 38px }

.pt39, .p39_0 { padding-top: 39px }
.pb39, .p39_0 { padding-bottom: 39px }

.pt40, .p40_0 { padding-top: 40px }
.pb40, .p40_0 { padding-bottom: 40px }

.pt45, .p45_0 { padding-top: 45px }
.pb45, .p45_0 { padding-bottom: 45px }

.pt48, .p48_0 { padding-top: 48px }
.pb48, .p48_0 { padding-bottom: 48px }

.pt49, .p49_0 { padding-top: 49px }
.pb49, .p49_0 { padding-bottom: 49px }

.pt50, .p50_0 { padding-top: 50px }
.pb50, .p50_0 { padding-bottom: 50px }

.pt51, .p51_0 { padding-top: 51px }
.pb51, .p51_0 { padding-bottom: 51px }

.pt55, .p55_0 { padding-top: 55px }
.pb55, .p55_0 { padding-bottom: 55px }

.pt60, .p60_0 { padding-top: 60px }
.pb60, .p60_0 { padding-bottom: 60px }

.pt65, .p65_0 { padding-top: 65px }
.pb65, .p65_0 { padding-bottom: 65px }

.pt67, .p67_0 { padding-top: 67px }
.pb67, .p67_0 { padding-bottom: 67px }

.pt70, .p70_0 { padding-top: 70px }
.pb70, .p70_0 { padding-bottom: 70px }

.pt75, .p75_0 { padding-top: 75px }
.pb75, .p75_0 { padding-bottom: 75px }

.pt80, .p80_0 { padding-top: 80px }
.pb80, .p80_0 { padding-bottom: 80px }

.pt82, .p82_0 { padding-top: 82px }
.pb82, .p82_0 { padding-bottom: 82px }

.pt85, .p85_0 { padding-top: 85px }
.pb85, .p85_0 { padding-bottom: 85px }

.pt90, .p90_0 { padding-top: 90px }
.pb90, .p90_0 { padding-bottom: 90px }

.pt92, .p92_0 { padding-top: 92px }
.pb92, .p92_0 { padding-bottom: 92px }

.pt94, .p94_0 { padding-top: 94px }
.pb94, .p94_0 { padding-bottom: 94px }

.pt95, .p95_0 { padding-top: 95px }
.pb95, .p95_0 { padding-bottom: 95px }

.pt96, .p96_0 { padding-top: 96px }
.pb96, .p96_0 { padding-bottom: 96px }

.pt100, .p100_0 { padding-top: 100px }
.pb100, .p100_0 { padding-bottom: 100px }

.pt105, .p105_0 { padding-top: 105px }
.pb105, .p105_0 { padding-bottom: 105px }

.pt110, .p110_0 { padding-top: 110px }
.pb110, .p110_0 { padding-bottom: 110px }

.pt115, .p115_0 { padding-top: 115px }
.pb115, .p115_0 { padding-bottom: 115px }

.pt120, .p120_0 { padding-top: 120px }
.pb120, .p120_0 { padding-bottom: 120px }

.pt125, .p125_0 { padding-top: 125px }
.pb125, .p125_0 { padding-bottom: 125px }

.pt130, .p130_0 { padding-top: 130px }
.pb130, .p130_0 { padding-bottom: 130px }

.pt135, .p135_0 { padding-top: 135px }
.pb135, .p135_0 { padding-bottom: 135px }

.pt140, .p140_0 { padding-top: 140px }
.pb140, .p140_0 { padding-bottom: 140px }

.pt145, .p145_0 { padding-top: 145px }
.pb145, .p145_0 { padding-bottom: 145px }

.pt150, .p150_0 { padding-top: 150px }
.pb150, .p150_0 { padding-bottom: 150px }

.pt155, .p155_0 { padding-top: 155px }
.pb155, .p155_0 { padding-bottom: 155px }

.pt160, .p160_0 { padding-top: 160px }
.pb160, .p160_0 { padding-bottom: 160px }

.pt165, .p165_0 { padding-top: 165px }
.pb165, .p165_0 { padding-bottom: 165px }

.pt170, .p170_0 { padding-top: 170px }
.pb170, .p170_0 { padding-bottom: 170px }

.pt175, .p175_0 { padding-top: 175px }
.pb175, .p175_0 { padding-bottom: 175px }

.pt190, .p190_0 { padding-top: 190px }
.pb190, .p190_0 { padding-bottom: 190px }

.pt200, .p200_0 { padding-top: 200px }
.pb200, .p200_0 { padding-bottom: 200px }

.pt220, .p220_0 { padding-top: 220px }
.pb220, .p220_0 { padding-bottom: 220px }



.mt4, .m4_0 { margin-top: 4px }
.mb4, .m4_0 { margin-bottom: 4px }

.mt5, .m5_0 { margin-top: 5px }
.mb5, .m5_0 { margin-bottom: 5px }

.mt8, .m8_0 { margin-top: 8px }
.mb8, .m8_0 { margin-bottom: 8px }

.mt10, .m10_0 { margin-top: 10px }
.mb10, .m10_0 { margin-bottom: 10px }

.mt12, .m12_0 { margin-top: 12px }
.mb12, .m12_0 { margin-bottom: 12px }

.mt13, .m13_0 { margin-top: 13px }
.mb13, .m13_0 { margin-bottom: 13px }

.mt14, .m14_0 { margin-top: 14px }
.mb14, .m14_0 { margin-bottom: 14px }

.mt15, .m15_0 { margin-top: 15px }
.mb15, .m15_0 { margin-bottom: 15px }

.mt16, .m16_0 { margin-top: 16px }
.mb16, .m16_0 { margin-bottom: 16px }

.mt17, .m17_0 { margin-top: 17px }
.mb17, .m17_0 { margin-bottom: 17px }

.mt18, .m18_0 { margin-top: 18px }
.mb18, .m18_0 { margin-bottom: 18px }

.mt20, .m20_0 { margin-top: 20px }
.mb20, .m20_0 { margin-bottom: 20px }

.mt22, .m22_0 { margin-top: 22px }
.mb22, .m22_0 { margin-bottom: 22px }

.mt23, .m23_0 { margin-top: 23px }
.mb23, .m23_0 { margin-bottom: 23px }

.mt25, .m25_0 { margin-top: 25px }
.mb25, .m25_0 { margin-bottom: 25px }

.mt26, .m26_0 { margin-top: 26px }
.mb26, .m26_0 { margin-bottom: 26px }

.mt30, .m30_0 { margin-top: 30px }
.mb30, .m30_0 { margin-bottom: 30px }

.mt32, .m32_0 { margin-top: 32px }
.mb32, .m32_0 { margin-bottom: 32px }

.mt33, .m33_0 { margin-top: 33px }
.mb33, .m33_0 { margin-bottom: 33px }

.mt35, .m35_0 { margin-top: 35px }
.mb35, .m35_0 { margin-bottom: 35px }

.mt38, .m38_0 { margin-top: 38px }
.mb38, .m38_0 { margin-bottom: 38px }

.mt39, .m39_0 { margin-top: 39px }
.mb39, .m39_0 { margin-bottom: 39px }

.mt40, .m40_0 { margin-top: 40px }
.mb40, .m40_0 { margin-bottom: 40px }

.mt45, .m45_0 { margin-top: 45px }
.mb45, .m45_0 { margin-bottom: 45px }

.mt48, .m48_0 { margin-top: 48px }
.mb48, .m48_0 { margin-bottom: 48px }

.mt49, .m49_0 { margin-top: 49px }
.mb49, .m49_0 { margin-bottom: 49px }

.mt50, .m50_0 { margin-top: 50px }
.mb50, .m50_0 { margin-bottom: 50px }

.mt51, .m51_0 { margin-top: 51px }
.mb51, .m51_0 { margin-bottom: 51px }

.mt55, .m55_0 { margin-top: 55px }
.mb55, .m55_0 { margin-bottom: 55px }

.mt60, .m60_0 { margin-top: 60px }
.mb60, .m60_0 { margin-bottom: 60px }

.mt65, .m65_0 { margin-top: 65px }
.mb65, .m65_0 { margin-bottom: 65px }

.mt67, .m67_0 { margin-top: 67px }
.mb67, .m67_0 { margin-bottom: 67px }

.mt70, .m70_0 { margin-top: 70px }
.mb70, .m70_0 { margin-bottom: 70px }

.mt75, .m75_0 { margin-top: 75px }
.mb75, .m75_0 { margin-bottom: 75px }

.mt80, .m80_0 { margin-top: 80px }
.mb80, .m80_0 { margin-bottom: 80px }

.mt82, .m82_0 { margin-top: 82px }
.mb82, .m82_0 { margin-bottom: 82px }

.mt85, .m85_0 { margin-top: 85px }
.mb85, .m85_0 { margin-bottom: 85px }

.mt90, .m90_0 { margin-top: 90px }
.mb90, .m90_0 { margin-bottom: 90px }

.mt92, .m92_0 { margin-top: 92px }
.mb92, .m92_0 { margin-bottom: 92px }

.mt94, .m94_0 { margin-top: 94px }
.mb94, .m94_0 { margin-bottom: 94px }

.mt95, .m95_0 { margin-top: 95px }
.mb95, .m95_0 { margin-bottom: 95px }

.mt96, .m96_0 { margin-top: 96px }
.mb96, .m96_0 { margin-bottom: 96px }

.mt100, .m100_0 { margin-top: 100px }
.mb100, .m100_0 { margin-bottom: 100px }

.mt105, .m105_0 { margin-top: 105px }
.mb105, .m105_0 { margin-bottom: 105px }

.mt110, .m110_0 { margin-top: 110px }
.mb110, .m110_0 { margin-bottom: 110px }

.mt115, .m115_0 { margin-top: 115px }
.mb115, .m115_0 { margin-bottom: 115px }

.mt120, .m120_0 { margin-top: 120px }
.mb120, .m120_0 { margin-bottom: 120px }

.mt125, .m125_0 { margin-top: 125px }
.mb125, .m125_0 { margin-bottom: 125px }

.mt130, .m130_0 { margin-top: 130px }
.mb130, .m130_0 { margin-bottom: 130px }

.mt135, .m135_0 { margin-top: 135px }
.mb135, .m135_0 { margin-bottom: 135px }

.mt140, .m140_0 { margin-top: 140px }
.mb140, .m140_0 { margin-bottom: 140px }

.mt145, .m145_0 { margin-top: 145px }
.mb145, .m145_0 { margin-bottom: 145px }

.mt150, .m150_0 { margin-top: 150px }
.mb150, .m150_0 { margin-bottom: 150px }

.mt155, .m155_0 { margin-top: 155px }
.mb155, .m155_0 { margin-bottom: 155px }

.mt160, .m160_0 { margin-top: 160px }
.mb160, .m160_0 { margin-bottom: 160px }

.mt165, .m165_0 { margin-top: 165px }
.mb165, .m165_0 { margin-bottom: 165px }

.mt170, .m170_0 { margin-top: 170px }
.mb170, .m170_0 { margin-bottom: 170px }

.mt175, .m175_0 { margin-top: 175px }
.mb175, .m175_0 { margin-bottom: 175px }

.mt190, .m190_0 { margin-top: 190px }
.mb190, .m190_0 { margin-bottom: 190px }

.mt200, .m200_0 { margin-top: 200px }
.mb200, .m200_0 { margin-bottom: 200px }

.mt220, .m220_0 { margin-top: 220px }
.mb220, .m220_0 { margin-bottom: 220px }



.gap4 {gap: 4px }

.gap5 {gap: 5px }

.gap8 {gap: 8px }

.gap10 {gap: 10px }

.gap12 {gap: 12px }

.gap13 {gap: 13px }

.gap14 {gap: 14px }

.gap15 {gap: 15px }

.gap16 {gap: 16px }

.gap17 {gap: 17px }

.gap18 {gap: 18px }

.gap20 {gap: 20px }

.gap22 {gap: 22px }

.gap23 {gap: 23px }

.gap25 {gap: 25px }

.gap26 {gap: 26px }

.gap30 {gap: 30px }

.gap32 {gap: 32px }

.gap33 {gap: 33px }

.gap35 {gap: 35px }

.gap38 {gap: 38px }

.gap39 {gap: 39px }

.gap40 {gap: 40px }

.gap45 {gap: 45px }

.gap48 {gap: 48px }

.gap49 {gap: 49px }

.gap50 {gap: 50px }

.gap51 {gap: 51px }

.gap55 {gap: 55px }

.gap60 {gap: 60px }

.gap65 {gap: 65px }

.gap67 {gap: 67px }

.gap70 {gap: 70px }

.gap75 {gap: 75px }

.gap80 {gap: 80px }

.gap82 {gap: 82px }

.gap85 {gap: 85px }

.gap90 {gap: 90px }

.gap92 {gap: 92px }

.gap94 {gap: 94px }

.gap95 {gap: 95px }

.gap96 {gap: 96px }

.gap100 {gap: 100px }

.gap105 {gap: 105px }

.gap110 {gap: 110px }

.gap115 {gap: 115px }

.gap120 {gap: 120px }

.gap125 {gap: 125px }

.gap130 {gap: 130px }

.gap135 {gap: 135px }

.gap140 {gap: 140px }

.gap145 {gap: 145px }

.gap150 {gap: 150px }

.gap155 {gap: 155px }

.gap160 {gap: 160px }

.gap165 {gap: 165px }

.gap170 {gap: 170px }

.gap175 {gap: 175px }

.gap190 {gap: 190px }

.gap200 {gap: 200px }

.gap220 {gap: 220px }


img { max-width:100%; height:auto; border:none; vertical-align:middle; }
a { transition:all ease 0.3s; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -o-transition:all ease 0.3s; }
p { margin:0; }

.content-wrapper, .wrapper, .big-wrapper { width: 100%; margin: 0 auto; padding: 0 30px; }

/*  line height */
.line0{ line-height: 0; }
.lh1,.lh1 a,.lh1 p{ line-height: 1; }
.lh15,.lh15 a,.lh15 p { line-height: 1.5; }

.set-bg, .bg{ background-size:cover; background-position:center; position:relative; background-repeat: no-repeat; }

.bold,.bold a, .bold h1, .bold h2, .bold h3, .bold h4, .bold h5, .bold h6, .bold p, .bold a, .bold span, .bold li  { font-weight:700; }
.semibold,.semibold a, .semibold h1, .semibold h2, .semibold h3, .semibold h4, .semibold h5, .semibold h6, .semibold p, .semibold a, .semibold span, .semibold li  { font-weight:600; }
.medium,.medium a, .medium h1, .medium h2, .medium h3, .medium h4, .medium h5, .medium h6, .medium p, .medium a, .medium span, .medium li { font-weight:500; }
.normal,.normal a, .normal h1, .normal h2, .normal h3, .normal h4, .normal h5, .normal h6, .normal p, .normal a, .normal span, .normal li { font-weight:400; }
.light,.light a, .light h1, .light h2, .light h3, .light h4, .light h5, .light h6, .light p, .light a, .light span, .light li { font-weight:300; }

/* italic style */
.itlatic, .italic h1, .italic h2, .italic h3, .italic h4, .italic h5, .italic h6, .italic p, .italic a, .italic li, .italic span { font-style: italic; }

/* small Light text css */
.smallLightText, .smallLightText p, .smallLightText span, .smallLightText li, .smallLightText a, .smallLightText label { font-size: 12px; font-weight: 300; line-height: 1; }
.smallLightText14, .smallLightText14 p, .smallLightText14 span, .smallLightText14 li, .smallLightText14 a, .smallLightText14 label { font-size: 14px; font-weight: 300; line-height: 1; }
.smallLightText16, .smallLightText16 p, .smallLightText16 span, .smallLightText16 li, .smallLightText16 a, .smallLightText16 label { font-size: 16px; font-weight: 300; line-height: 1; }

/* Text Alignment */
.uppercase { text-transform: uppercase; }
.text_center { text-align:center; }
.text_right { text-align:right; }
.text_left { text-align:left; }
.text_justify { text-align: justify; }

.relative { position: relative; }
.absolute { position: absolute; }

.noListStyle ul { margin:0; padding:0; list-style:none; } /* put listStyle class to "parent" tag of "ul" */

.margin_center { margin:0 auto; }

.w10 { width: 10%; }
.w20 { width: 20%; }
.w25 { width: 25%; }
.w30 { width: 30%; }
.w33 { width: 33.33%; }
.w35 { width: 35%; }
.w45 { width: 45%; }
.w40 { width: 40%; }
.w50 { width: 50%; }
.w55 { width: 55%; }
.w60 { width: 60%; }
.w66 { width: 66.66%; }
.w70 { width: 70%; }
.w75 { width: 75%; }
.w80 { width: 80%; }
.w100 { width: 100%; }

/* display property */
.d_none {display: none;}
.d_flex {display: flex;}
.d_inline {display: inline;}
.d_block {display: block;}
.d_inline_block { display: inline-block; }
.d_inline_flex { display: inline-flex; }

/* flex-direction  */
.f_row{	flex-direction: row;}
.f_row_reverse{	flex-direction: row-reverse;}
.f_column{	flex-direction: column;}
.f_col_reverse{	flex-direction: column-reverse;}
.f_inherit{	flex-direction: inherit; }
.f_initial{	flex-direction: initial; }
.f_revert{	flex-direction: revert; }
.f_rlayer{	flex-direction: revert-layer; }
.f_unset{	flex-direction: unset; }

/* wrap */
.flex_wrap {	flex-wrap: wrap; }
.flex_nowrap {	flex-wrap: nowrap; }

/* justify content  */
.j_center{ justify-content: center; }
.j_start{	justify-content: start; /* Pack items from the start */}
.j_end{	justify-content: end; /* Pack items from the end */}
.j_fstart{ justify-content: flex-start; /* Pack flex items from the start */}
.j_fend{ justify-content: flex-end; /* Pack flex items from the end */ }
.j_left{ justify-content: left; /* Pack items from the left */ }
.j_right{ justify-content: right; /* Pack items from the right */ }
.j_btw{	justify-content: space-between; }
.j_around{ justify-content: space-around; }
.j_evenly{ justify-content: space-evenly; }
.j_stretch{	justify-content: stretch; }

/* align item  */
.ai_center{	align-items: center; /* Pack items around the center */ }
.ai_start{	align-items: start; /* Pack items from the start */ }
.ai_end{ align-items: end; /* Pack items from the end */}
.ai_fstart{	align-items: flex-start; /* Pack flex items from the start */}
.ai_fend{	align-items: flex-end; /* Pack flex items from the end */}
.ai_sstart{	align-items: self-start; /* Pack flex items from the start */}
.ai_end{ align-items: self-end; /* Pack flex items from the end */}

/* align content */
.ac_center{	align-content: center; /* Pack items around the center */}
.ac_start{	align-content: start; /* Pack items from the start */}
.ac_end{	align-content: end; /* Pack items from the end */}
.ac_fstart{	align-content: flex-start; /* Pack flex items from the start */}
.ac_fend{	align-content: flex-end; /* Pack flex items from the end */}

/* text decoration  */
.decoration_none{	text-decoration: none; } 
.decoration_under{	text-decoration: underline; }

/* Transition */
.transition{ transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; }

/* overflow hidden */
.overflow_hidden{ overflow: hidden; }

/* Link Arrow Button CSS */ 
.linkArrowButton { width: 64px; height: 64px; border: 1px solid #FFFFFF; border-radius: 50%; background-color: transparent; }
.linkArrowButton svg { transition: all ease 0.3s; width: 26px; }
.linkArrowButton svg path { fill: #FFFFFF; }
.linkArrowButton:before { transition: all ease 0.3s; content: ""; position: absolute; width: 3px; height: 3px; border-radius: 50%; background-color: #FFFFFF; top: 29.5px; left: -2px; }
.linkArrowButton:hover, .linkArrowButton:active { background-color: #83CDB8; border: 1px solid #83CDB8; }
.linkArrowButton:hover:before, .linkArrowButton:active:before { left: 45px; }
.linkArrowButton:hover svg { transform: translateX(30px); }
/* small Link Arrow Button CSS */
.linkArrowButton.small { width: 36px; height: 36px; }
.linkArrowButton.small svg { width: 15px; }
.linkArrowButton.small:before { top: 15.5px; } 
.linkArrowButton.small:hover:before, .linkArrowButton.small:active:before { left: 24px; }
.linkArrowButton.small:hover svg, .linkArrowButton.small:active svg { transform: translateX(17px); } 
/*Black Link Arrow Button CSS */
.linkArrowButton.black { border: 1px solid #202020; }
.linkArrowButton.black:hover, .linkArrowButton.black:active { border: 1px solid #83CDB8; }
.linkArrowButton.black:before { background-color: #202020; }
.linkArrowButton.black svg path { fill: #202020; }

/* Step Number CSS */
.stepNumber { min-width: 36px; height: 36px; border: 1px solid #202020; border-radius: 50%; }
.stepNumber:before { content: ""; position: absolute; top: 49%; left: -2px; background-color: #202020; border-radius: 50%; width: 3px; height: 3px; }

/* Whatsapp sticky Button CSS */
.chatWpButtonParent { position: fixed; bottom: 64px; left: 64px; z-index: 99; }
.chatWpButtonParent .chatWpButton { transition: all 0.7s ease-in-out; background-color: #202020; border-radius: 30px; padding: 8px 8.5px; border: 1px solid #202020; width: 42px; }
.chatWpButtonParent .chatWpButton .chatText { font-size: 16px; opacity: 0; white-space: nowrap; width: 0; visibility: hidden; transition: all 0.5s ease-in-out; }
.chatWpButtonParent .whatsappIcon { transition: all 0.7s ease-in-out; }
.chatWpButtonParent .chatWpButton svg { width: 24px; height: 24px; }
.chatWpButtonParent .chatWpButton:hover, .chatWpButtonParent .chatWpButton:active { border: 1px solid #FFFFFF; width: 100%; }
.chatWpButtonParent .chatWpButton:hover .chatText, .chatWpButtonParent .chatWpButton:active .chatText { width: 100%; opacity: 1; padding-right: 8px; visibility: visible; }

/* Quality Contractor form CSS */
.qualityContractorForm { background-color: 

  
  
    
  


  rgba(32, 32, 32, 1.0)

; padding: 36px 25px 45px 25px; border: 4px solid #6A6868;
; border-top-left-radius: 36px;
  border-top-right-radius: 36px; border-bottom-left-radius: 36px; border-bottom-right-radius: 36px; }
.qualityContractorForm form { padding: 0; border: 0; border-radius: 0; }
.qualityContractorForm form fieldset.form-columns-1 .hs-input { width: 100% !important; }
/* .qualityContractorForm form .hs-fieldtype-checkbox { margin: 50px 0 36px; } */
.qualityContractorForm form .hs-fieldtype-checkbox, .huspy-calcualtor .contactPopUpForm form .hs-fieldtype-checkbox { margin: 5px 0 20px; }
.qualityContractorForm form .hs-fieldtype-checkbox.hs_find_quality_contractors_checkbox > label { display: none; }
.qualityContractorForm form .hs-form-checkbox input, .huspy-calcualtor .contactPopUpForm form .hs-form-checkbox input { display: none; }
.qualityContractorForm form .hs-form-checkbox input+span, .huspy-calcualtor .contactPopUpForm form .hs-form-checkbox input+span { background-color: transparent; position: relative; cursor: pointer; padding-left: 32px; }
.qualityContractorForm form .hs-form-checkbox input+span:before, .huspy-calcualtor .contactPopUpForm form .hs-form-checkbox input+span:before { background-position: 50%; background-repeat: no-repeat; content: ""; position: absolute; border: 1px solid #FFFFFF; left: 0; top: 0; width: 16px; height: 16px; border-radius: 2px; }
/* .qualityContractorForm form .hs-form-checkbox input:checked+span:before { background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='none'%3E%3Cpath fill='%23FFFFFF' d='M0 0h17v17H0z'/%3E%3C/svg%3E); } */
.qualityContractorForm form .hs-form-checkbox input:checked+span:before, .huspy-calcualtor .contactPopUpForm form .hs-form-checkbox input:checked+span:before { content: '\2713'; display: inline-block; color: #83CDB8; font-size: 18px; font-weight: 700; }
.qualityContractorForm .clearButton { /*padding: 10px 16px; left: 135px; */ padding: 13px 34px; left: 30%; bottom: 46px; font-size: 15px; }
.qualityContractorForm .clearButton:hover { box-shadow: inset 120px 0 0 0 

  
  
    
  


  rgba(131, 205, 184, 1.0)

; }
.huspy-calcualtor .contactPopUpForm form .hs-form-checkbox input+span:before { border: 2px solid #e8e8e8; }
/* banner Overlay */
.bannerOverlay:before, .overlay:before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(32, 32, 32, 0.8);}
.overlayLight:before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(32, 32, 32, 0.5); z-index: 1; backdrop-filter: blur(2px); }






.chatWpButtonParent { display:none; }

/* Hero Form Banner Module CSS */
/* .heroFormBannerSection { height: 100vh; } */
.heroFormBannerSection .heroBannerLogo { max-width: 409px; }
.heroFormBannerSection .heroBannerLogo img { width: 100%; }
/* .heroFormBannerSection .heroFormParent { max-width: 544px; padding-right: 35px; } */
.heroFormBannerSection .heroFormParent { max-width: 560px; padding-right: 0px; }
.heroFormBannerSection .heroBannerContentParent { padding-left: 40px; }
.heroFormBannerSection .heroBannerContent { padding-left: 20px; border-left: 1px solid #83CDB8; }
.heroFormBannerSection .heroBannerContent p, .heroFormBannerSection .heroBannerContent span, .heroFormBannerSection .heroBannerContent a { line-height: 1.3; }
.heroFormBannerSection .heroBannerContent a { transition: all ease 0.3s; }
.heroFormBannerSection .heroBannerContent a:hover { color: #83CDB8; }
.heroFormBannerSection .heroBannerLink { gap: 10px; width: fit-content; }
.heroFormBannerSection .heroBannerLinktext:before { transition: all ease 0.3s; content: ""; position: absolute; width: 0; background-color: #FFFFFF; height: 1px; bottom: -2px; left: 0; }
.heroFormBannerSection .heroBannerLink:hover .heroBannerLinktext:before, .heroFormBannerSection .heroBannerLink:active .heroBannerLinktext:before  { width: 100%; }
.heroFormBannerSection .heroBannerLink:hover .heroBannerButton, .heroFormBannerSection .heroBannerLink:active .heroBannerButton { background-color: #83CDB8; border: 1px solid #83CDB8; }
.heroFormBannerSection .heroBannerLink:hover .heroBannerButton:before, .heroFormBannerSection .heroBannerLink:active .heroBannerButton:before { left: 45px; }
.heroFormBannerSection .heroBannerLink:hover svg, .heroFormBannerSection .heroBannerLink:active svg { transform: translateX(30px); }
.heroFormBannerSection .heroBannerForm form { transition: all ease 0.3s; }
.heroFormBannerSection .heroBannerForm.active form { border-color: #FFFFFF; transition: all ease 0.3s; }
.heroFormBannerSection .socialMediaGroup { right: 20px; bottom: 40px; }
.heroFormBannerSection .socialMedia:not(:first-child) { padding-top: 8px; }

/* Fit Out Contractor Module CSS */
.fitOutContractorSection .fitOutContractorBottomPart { padding-left: 40px; }
.fitOutContractorSection .sectionContentParent { padding-left: 40px; }
.fitOutContractorSection .sectionContent { border-left: 2px solid #83CDB8; }
.fitOutContractorSection .sectionContent a { text-decoration: underline; }
.fitOutContractorSection .sectionContentInner { padding-left: 20px; }
.fitOutContractorSection .fitOutContractorBox { width: calc(33.33% - 34px); }
/* .fitOutContractorSection .fitOutContractorBox:nth-child(3n-1) { padding-top: 50px; } */
/* .fitOutContractorSection .fitOutContractorBox:nth-child(3n) { padding-top: 118px; } */
/* .fitOutContractorSection .fitOutContractorInformation { padding-left: 35px; } */
/* .fitOutContractorSection .fitOutContractorInformation:before { position: absolute; content: ""; left: 0; width: 24px; height: 1px; background-color: #FFFFFF; top: 10px; } */

/* Project Counter Module CSS */
.projectCounterSection .projectCounterOuter { max-width: 744px; }
.projectCounterSection .projectCounterInner { gap: 64px 172px; }
.projectCounterSection .projectCounterBox { width: calc(50% - 86px); }
.projectCounterSection .projectCounterDescription { padding-left: 35px; }
.projectCounterSection .projectCounterDescription:before { position: absolute; content: ""; left: 0; width: 24px; height: 1px; background-color: #202020; top: 17px; }

/* Trusted By Module CSS */
.trustedBySection .sectionTitle { padding: 0 15px; }
.trustedBySection .trustedByLogoParent { box-shadow: 6px 6px 22px rgba(32, 32, 32, 0.2); }
.trustedBySection .swiper-wrapper{ transition-timing-function: linear; }

/*   How It Works Module CSS */
/* .howItWorksSection .howItWorksOuter { max-width: 935px; } */
.howItWorksSection .howItWorksRight { max-width: 380px; }
.howItWorksSection .sectionButton { width: fit-content; padding: 12px 18px; }
.howItWorksSection .stepContainer:not(:first-child) { padding-top: 50px; }
.howItWorksSection .stepNumber { border: 1px solid #FFFFFF; }
.howItWorksSection .stepNumber:before { background-color: #FFFFFF; }
.howItWorksSection .stepDescriptionParent { padding-left: 60px; }
.howItWorksSection .stepDescription { padding-left: 35px; }
.howItWorksSection .stepDescription:before { position: absolute; content: ""; left: 0; width: 24px; height: 1px; background-color: #FFFFFF; top: 5px; }

/* Fit Out Cost Calculator Module CSS */
/* .fitOutCostCalculatorSection:before { content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(32, 32, 32, 0.5 ); } */
.fitOutCostCalculatorSection .sectionContentParent { padding-left: 40px; }
.fitOutCostCalculatorSection .sectionContent { padding-left: 20px; }
.fitOutCostCalculatorSection .sectionContent:before { content: ""; position: absolute; width: 100%; height: 100%; border-left: 2px solid #83CDB8; left: 0; top: 0; }
.fitOutCostCalculatorSection .fitOutCostCalculatorFormParent { padding: 36px 38px 32px 32px; background-color: 

  
  
    
  


  rgba(32, 32, 32, 1.0)

; border-top-left-radius: 36px; border-top-right-radius: 36px;
  border-bottom-left-radius: 36px; border-bottom-right-radius: 36px; }
.fitOutCostCalculatorSection .fitOutCostCalculatorFormParent form { background-color: transparent; border-radius: 0; }
.fitOutCostCalculatorSection .expert-form-group { position: relative; width: 100%; }
.fitOutCostCalculatorSection .expert-form-group:before { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='10' fill='none' viewBox='0 0 16 10'%3E%3Cpath fill='%23FFFFFF' d='M8 6.936 14.364.52l1.414 1.414L8 9.713.222 1.935 1.636.52z'/%3E%3C/svg%3E");
  background-repeat: no-repeat; background-size: contain; content: ""; height: 9px; position: absolute; right: 0; bottom: 12px; width: 15.5px; } 
.fitOutCostCalculatorSection .expert-form-group:not(:first-child) { padding-top: 20px; }
.fitOutCostCalculatorSection .expert-form-group select { padding: 8px 0; }
.fitOutCostCalculatorSection .include-furniture-group .switch input[type=checkbox], .include-furniture-group .switch label { margin: 0; }
.fitOutCostCalculatorSection .furnitureToggleButtonParent { background-color: #EDEAE4; border: 1px solid #6A6868; border-radius: 100px; padding: 3px; }
.fitOutCostCalculatorSection .furnitureToggleButtonParent.furnitureActive { background-color: #6A6868; }
.fitOutCostCalculatorSection .toggleButton { /*background-color: #6A6868;*/ background-color: #83cdb8; border-radius: 23px; width: 18px; height: 18px; padding: 0; display: flex; align-items: center; justify-content: center; opacity: 0; cursor: pointer; }
.fitOutCostCalculatorSection .toggleButton svg { width: 12px; height: 9px; }
.fitOutCostCalculatorSection .toggleButton.active { opacity: 1; pointer-events: none; }
.fitOutCostCalculatorSection .toggleButton.uncheck.active { background-color: #EDEAE4; }
.fitOutCostCalculatorSection #project-furniture { display: none; }
.fitOutCostCalculatorSection .sqftRangeSlider { -webkit-appearance: none; width: 100%; height: 5px; background-color: #6A6868; outline: none;  }
.fitOutCostCalculatorSection .sqftRangeSlider::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 18px; height: 18px; border-radius: 20px; background-color: #FFFFFF; cursor: pointer; }
.fitOutCostCalculatorSection .rangeOutputParent2 .r-output { border: 1px solid #FFFFFF; border-radius: 8px; padding: 18px 42px; color: #FFFFFF; font-weight: 700; }
.fitOutCostCalculatorSection .estimate-list { border: 1px solid #FFFFFF; border-radius: 8px; margin-top: 20px; padding: 16px 32px; width: 100%; text-align: center; }
.fitOutCostCalculatorSection .formGroupButtonParent { width: 80%; }
.qualityCOntractorFormParent.label-hide-cls label { display: none; }
.calculatorFormParent .total-single.medium { display: flex; justify-content: space-between; align-items: center; gap: 1em; }
textarea::placeholder { color: #FFFFFF; }
.qualityCOntractorFormParent p.error-msg { color: #ff0000; font-size: 14px; padding: 10px 0 0;}
.fitOutCostCalculatorSection .expert-form-group select, .fitOutCostCalculatorSection .min-max-amount { color: #FFFFFF; }
.fitOutCostCalculatorSection .expert-form-group select option, select option { color: #6A6868; }


/* Popupform */
.enquireNowPopUpFormParent { height: 100vh; z-index: 99999; position: fixed !important; top: 0; width: 100%;  padding: 15px; }
.enquireNowPopUpForm { /*max-width: 588px;*/ max-width: 700px; z-index: 999; top: 50%; transform: translateY(-50%); }
.enquireNowPopUpForm form { padding: 40px; }
.enquireNowPopUpFormParent .enquireNowPopUpForm .closeButton { right: 15px; top: 15px; width: 24px; height: 24px; cursor: pointer; }

/* Customer Testimonial Module CSS */
/* .customerTestimonialSection .customerTestimonialTopPart { max-width: 1044px; } */
.customerTestimonialSection .customerMessageGroup { padding: 70px 0 0 70px; }
.customerTestimonialSection .customerMessageGroup:before { content: ""; position: absolute; background-image: url('https://6343132.fs1.hubspotusercontent-na1.net/hubfs/6343132/Contractors%20Direct%20Theme%20-%202024/Assets/Images/inverted_comma_png.png');
  background-size: contain; background-repeat: no-repeat; top: 0; left: 0; width: 112px; height: 112px; }
/* .customerTestimonialSection .customerTestimonailInner  { padding-left: 45px; } */
.customerTestimonialSection .customerTestimonailInner  { padding-left: 0px; }
.customerTestimonialSection .customerTestimonialBoxParent { box-shadow: 4px 4px 15px rgba(32, 32, 32, 0.15); border-radius: 8px; }
.customerTestimonialSection .customerTestimonialBox { padding: 18px 16px; }
.customerTestimonialSection .swiper-wrapper { height:auto !important; }
/* Market Insights Module CSS */
.marketInsightsSection .sectionButton { width: fit-content; }
/* .marketInsightsSection .blogPostImgparent .blogPostUrl { aspect-ratio: 1.2; } */
.marketInsightsSection .blogPostImgparent .blogPostUrl:hover img { transform: scale(1.1); }
.marketInsightsSection .blogPostImg { height: 100%; object-fit: cover; }
.marketInsightsSection .blogPostName a:hover p, .marketInsightsSection .blogPostName a:hover span, .marketInsightsSection .blogPostName a:hover h6 { color: #83CDB8; }

/* Banner Module CSS */
.bannerSection .bannerContentParent { padding-left: 84px; }
.bannerSection .bannerContent { max-width: 364px; padding-left: 20px; }
.bannerSection .bannerContent p, .bannerSection .bannerContent span, .bannerSection .bannerContent a { line-height: 1.3; }
.bannerSection .bannerContent:before { content: ""; position: absolute; width: 100%; height: 100%; border-left: 1px solid #83CDB8; left: 0; top: 0; }
.bannerSection .bannerLink { gap: 10px; width: fit-content; }
.bannerSection .bannerLinktext:before { transition: all ease 0.3s; content: ""; position: absolute; width: 0; background-color: #FFFFFF; height: 1px; bottom: -2px; left: 0; }
.bannerSection .bannerLink:hover .bannerLinktext:before, .bannerSection .bannerLink:active .bannerLinktext:before  { width: 100%; }
.bannerSection .bannerLink:hover .bannerButton, .bannerSection .bannerLink:active .bannerButton { background-color: #83CDB8; border: 1px solid #83CDB8; }
.bannerSection .bannerLink:hover .bannerButton:before, .bannerSection .bannerLink:active .bannerButton:before { left: 45px; }
.bannerSection .bannerLink:hover svg, .bannerSection .bannerLink:active svg { transform: translateX(30px); }

/* Before We Start Module CSS */
.beforeWeStartSection .sectionContentParent { padding-left: 94px; }
.beforeWeStartSection .sectionContent { max-width: 364px; padding: 20px 0 20px 20px; }
.beforeWeStartSection .sectionContent:before { content: ""; position: absolute; width: 100%; height: 100%; border-left: 1px solid #83CDB8; left: 0; top: 0; }
.beforeWeStartSection .beforeWeStartMain { gap: 35px; }
.beforeWeStartSection .workContainer { width: calc(33.33% - 24px); }
.beforeWeStartSection .workDescriptionParent { padding-left: 60px; }
.beforeWeStartSection .workDescription { padding-left: 35px; }
.beforeWeStartSection .workDescription:before { position: absolute; content: ""; left: 0; width: 24px; height: 1px; background-color: #202020; top: 5px; }

/* Form WIth BAckground Module CSS */
.formWithBackgroundSection .sectionForm { padding: 50px 70px 70px 70px; background-color: 

  
  
    
  


  rgba(32, 32, 32, 1.0)

; border-top-left-radius: 36px; border-top-right-radius: 36px;
  border-bottom-left-radius: 36px; border-bottom-right-radius: 36px; }
.formWithBackgroundSection .sectionForm form { display: flex; flex-wrap: wrap; gap: 8px 104px; border-radius: 0; }
.formWithBackgroundSection .sectionForm form .hs-form-field { width: calc(50% - 52px); }
/* .formWithBackgroundSection .sectionForm form .input input, .formWithBackgroundSection .sectionForm form .input select { padding: 3px 0 6px; } */
.formWithBackgroundSection .sectionForm form .hs-fieldtype-select { width: 100% !important; }
.formWithBackgroundSection .sectionForm form .hs-fieldtype-checkbox .hs-input { display: none; }
.formWithBackgroundSection .sectionForm form .hs-fieldtype-checkbox ul { display: flex; gap: 6px 4px; flex-wrap: wrap; padding-top: 16px;  }
.formWithBackgroundSection .sectionForm form .hs-fieldtype-checkbox ul span { transition: all ease 0.3s; color: #202020; font-weight: 400; margin: 0; cursor: pointer; font-size: 12px; padding: 8px 12px; border-radius: 30px; background-color: #FFFFFF; }
.formWithBackgroundSection .sectionForm form .hs-fieldtype-checkbox ul li label { margin-bottom: 0; }
.formWithBackgroundSection .sectionForm form .hs-fieldtype-checkbox ul span:hover { background-color: #CDC5C3 !important; }
.formWithBackgroundSection .sectionForm form .hs-fieldtype-checkbox .hs-input:checked + span { background-color: #6A6868; color: #FFFFFF; position: relative; padding-right: 28px; }
.formWithBackgroundSection .sectionForm form .hs-fieldtype-checkbox .hs-input:checked + span:before { content: ""; position: absolute; width: 10px; height: 10px; right: 10px; top: 10px; background-size: contain;
  background-repeat: no-repeat; background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="%23FFFFFF" height="800px" width="800px" version="1.1" id="Layer_1" viewBox="0 0 512 512" xml:space="preserve"><g><g><polygon points="512,59.076 452.922,0 256,196.922 59.076,0 0,59.076 196.922,256 0,452.922 59.076,512 256,315.076 452.922,512 512,452.922 315.076,256 "></polygon></g></g></svg>');}
.formWithBackgroundSection .sectionForm form .hs-richtext.hs-main-font-element { display: none; }
.formWithBackgroundSection .sectionForm form .hs_recaptcha, .formWithBackgroundSection .sectionForm form .hs_submit  { width: 100% !important; }
.formWithBackgroundSection .sectionForm form .hs_recaptcha .grecaptcha-badge { margin: 0 !important; }
/* .formWithBackgroundSection .sectionForm form .hs-fieldtype-file { border-bottom: 0; } */
.formWithBackgroundSection .sectionForm form .hs-fieldtype-file [type=file] { position: absolute; opacity: 0; z-index: 99; top: 0; left: 0; }
.formWithBackgroundSection .sectionForm form .hs-fieldtype-file .input { display: flex; align-items: center; gap: 5px; position: relative; }
.formWithBackgroundSection .sectionForm form .hs-fieldtype-file .chooseFile { padding: 8px 0; cursor: pointer; font-size: 12px; padding: 4px 12px; background-color: transparent; border: 1px solid #6A6868; color: #6A6868; border-radius: 20px; width: fit-content; }
.formWithBackgroundSection .sectionForm form .hs-fieldtype-file .helpTextFile { font-size: 16px; color: #6A6868; padding: 8px 0; }

/* Next Step Module CSS */
.nextStepSection .sectionContent { padding: 10px 0 10px 54px; }
.nextStepSection .sectionContent:before { content: ""; position: absolute; width: 100%; height: 100%; border-left: 1px solid #83CDB8; left: 0; top: 0; }
.nextStepSection .sectionContent p, .nextStepSection .sectionContent span { font-weight: 300; }

/* Guide Module CSS */
/* .guideSection .guideOuter { max-width: 935px; } */
.guideSection .guideContainer:not(:first-child) { padding-top: 77px; }
.guideSection .guideTitle:before { content: ""; position: absolute; left: 0; bottom: 0; height: 1px; width: 24px; background-color: #202020; }
.guideSection .guideListGroup { padding-left: 20px; margin: 0; }

/* Guide Inner Module CSS */
.guideInnerSection .guideInnerOuter { max-width: 938px; } 
.guideInnerSection ul { padding-left: 20px; margin: 0; }
.guideInnerSection ul li { padding-top: 5px; }
.guideInnerSection .guideInnerLinkOuter { top: 4%; right: 20px; height: calc(100% - 200px); }
.guideInnerSection .guideInnerLinkParent { position: sticky; width: fit-content; top: 140px;}
.guideInnerSection .guideInnerLink { gap: 10px; width: fit-content; }
.guideInnerSection .guideInnerLinktext:before { transition: all ease 0.3s; content: ""; position: absolute; width: 0; background-color: #202020; height: 1px; bottom: -2px; left: 0; }
.guideInnerSection .guideInnerLink:hover .guideInnerLinktext:before, .guideInnerSection .guideInnerLink:active .guideInnerLinktext:before  { width: 100%; }
.guideInnerSection .guideInnerLink:hover .guideInnerButton, .guideInnerSection .guideInnerLink:active .guideInnerButton { background-color: #83CDB8; border: 1px solid #83CDB8; }
.guideInnerSection .guideInnerLink:hover .guideInnerButton:before, .guideInnerSection .guideInnerLink:active .guideInnerButton:before { left: 45px; }
.guideInnerSection .guideInnerLink:hover svg, .guideInnerSection .guideInnerLink:active svg { transform: translateX(30px); }
/* Popupform */
.guidePopUpFormParent { height: 100vh; z-index: 999; position: fixed !important; width: 100%;  padding: 15px; top: 0; left: 0; }
.guidePopUpFormParent:before { content: ""; position: absolute; background-color: rgba(32, 32, 32, 0.6); width: 100%; height: 100%; top: 0; left: 0; }
.guidePopUpFormOuter { max-width: 588px; z-index: 999; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 15px;}
.guidePopUpFormParent .closeButton { right: 50px; top: 40px; width: 24px; height: 24px; cursor: pointer; }

/* Guide Inner Module V1 CSS */
.guideInnerSectionV1 .guideImage { max-width: 360px; }
.guideInnerSectionV1 .guideContent { width: calc(100% - 385px);}
.guideInnerSectionV1 .guideContent a { text-decoration: underline; transition: all ease 0.3s; }
.guideInnerSectionV1 .guideFeatureParent { gap: 37px; }
.guideInnerSectionV1 .guideFeatureBox { width: calc(33.33% - 25px); padding: 25px 17px; border: 1px solid #202020; border-radius: 20px;  }
.guideInnerSectionV1 .featureIcon svg { width: 27px; height: 27px; }

/* Guide Inner Module V2 CSS */
.guideInnerSectionV2 .guideButton { width: fit-content; }
.guideInnerSectionV2 .twoColumnTitle:before { content: ""; position: absolute; width: 24px; height: 1px; background-color: #202020; bottom: 0; left: 0; }
.guideInnerSectionV2 .guideImageListGroupParent { max-width: 360px; }
.guideInnerSectionV2 .guideTwoColSideContent { width: calc(100% - 385px); }
.guideInnerSectionV2 .guideUpperParent a, .guideInnerSectionV2 .guideTwoColumn a { text-decoration: underline; transition: all ease 0.3s; }

.guideSection .guideOuter .guideImageParent .guideImage { max-width: 930px !important; margin: auto; display: block; border-radius: 12px; }

/* Information Contact Module CSS */
.informationContactSection .informationContactInner { max-width: 1001px; }
.informationContactSection .sectionContent { max-width: 80%; }
.informationContactSection .contactButton { width: fit-content; padding: 8px 16px; }
.informationContactSection .contactButton svg { width: 24px; height: 24px; }

/* Contractor Tabbing Module CSS */
.contractorTabbingSection .contractorTab { cursor: pointer; }
.contractorTabbingSection .contractorTab.active { background-color: #202020; }
.contractorTabbingSection .contractorTab.active h5 { color: #FFFFFF; }
.contractorTabbingSection .contractorTabMain:not(:first-child) { display: none; }
.contractorTabbingSection .contractorTabMain.active { display: flex; align-items: flex-start; }
.contractorTabbingSection .tabQAParent:not(:first-child) { padding-top: 48px; }
.contractorTabbingSection .tabAnswer { padding-left: 51px; }
.contractorTabbingSection .tabAnswer:before { content: ""; position: absolute; width: 35px; height: 1px; background-color: #202020; left: 0; top: 18px; }
.contractorTabbingSection .tabButton { width: fit-content; padding: 14px 22px; font-size: 15px; }
/* .contractorTabbingSection .responsiveTab { border-radius: 20px; background-color: #EDEAE4; border: 1px solid #202020; padding: 12px; text-align: center; cursor: pointer; } */
.contractorTabbingSection .responsiveTab { cursor: pointer; }
.contractorTabbingSection .responsiveTab:hover { background-color: #202020; color: #FFFFFF; }
.contractorTabbingSection .responsiveTab:hover svg path { fill: #FFFFFF; }
/* contractor popup form */
.contractorPopUpFormParent { height: 100vh; z-index: 99999; position: fixed !important; left: 0; top: 0; width: 100%; }
.contractorPopUpFormParent:before { content: ""; position: absolute; background-color: rgba(32, 32, 32, 0.6); width: 100%; height: 100%; top: 0; left: 0; }
.contractorPopUpFormOuter { max-width: 588px; z-index: 999; top: 50%; left: 50%; transform: translate(-50%,-50%); padding: 15px; }
.contractorPopUpFormParent .closeButton { right: 50px; top: 40px; width: 24px; height: 24px; cursor: pointer; }

/* Process Form */
.processPopup .contractorPopUpFormOuter { display: flex; height: 100vh; overflow-y: auto; }
.processPopup .contractorPopUpFormOuter .contractorPopUpForm { margin: auto; top: 0; transform: unset; max-width: 588px; z-index: 999; }
.processPopup .contractorPopUpFormOuter .contractorPopUpForm form { height: auto; }
.processPopup .contractorPopUpFormOuter .contractorPopUpForm form .hs_submit { padding-bottom: 12px; }

/* Industires Module CSS */
.industriesSection .industryParent { gap: 50px 30px; }
.industriesSection .industryBox { width: calc(33.33% - 20px); }

/* Work Video Module CSS */
.workVideoSection .workVideoOuter { /*max-width: 1150px;*/ max-width: 100%; }
.workVideoSection .workVideoGroup { width: calc(33.33% - 14px); }

/* Previos Blogs Module CSS */ /* Related Blogs CSS */
.previousBlogSection .previousBlogsInner, .relatedBlogPostsSection .relatedBlogPostsInner { gap: 28px 100px; }
.previousBlogSection .previousBlogCard, .relatedBlogPostsSection .relatedBlogCard { border: 1px solid #202020; width: calc(50% - 50px); border-radius: 4px; }
.previousBlogSection .previousBlogCardImageParent, .relatedBlogPostsSection .relatedBlogCardImageParent { border-radius: 4px; max-width: 152px; aspect-ratio: 16/10; height: 100%; }  
.previousBlogSection .previousBlogCardImage,.relatedBlogPostsSection .relatedBlogCardImage { object-fit: cover; height: 100%; } 
.previousBlogSection .previousBlogCardInformation, .relatedBlogPostsSection .relatedBlogCardInformation { padding: 12px 10px 20px 24px; } 
.previousBlogSection .previousBlogCardLink, .relatedBlogPostsSection .relatedBlogCardLink { width: 100%; height: 100%; top: 0; left: 0; }
.previousBlogSection .previousBlogCard:hover .previousBlogCardImage, .relatedBlogPostsSection .relatedBlogCard:hover .relatedBlogCardImage { transform: scale(1.08); }

/* Timeline Module CSS  */
.timelineSection .singleTimeline:not(:first-child) { padding-top: 40px; }
.timelineSection .stepNumber { background-color: #FFFFFF; z-index: 1; }
.timelineSection .timelineContent { padding-left: 50px; }
.timelineSection .timelineContent:before { position: absolute; content: ""; left: 0; width: 40px; height: 1px; background-color: #202020; top: 27px; }
.timelineSection .timeline { border: 2px dashed #6A6868; width: 4px; height: 89%; left: 18px; top: 60px; transform: translateX(-2px); z-index: 0; }
.timelineSection .line { width: 4px; left: 18px; top: 60px; transform: translateX(-2px); z-index: 0; height: 0; background-color: #202020; }
.timelineSection .stepNumber {
  animation-direction: alternate;
  animation-duration: 1s;
  animation-name: animate-stepNumberBox;
  animation-timeline: view();
}
.timelineSection .stepNumber h5, .timelineSection .stepNumber:before {
  animation-duration: 1s; /* Firefox requires this to apply the animation */
  animation-direction: alternate;
  animation-timeline: view();
  animation-name: animate-step-number;
}
@keyframes animate-stepNumberBox{
  20%{
    background-color: #FFFFFF;
  }
  100%{
    background-color: #202020;
  }
}
@keyframes animate-step-number {
  20%{
    color: #202020;
  }
  100%{
    color: #FFFFFF;
  }
}
.timelineSection .timelineInformation .timelineImageParent img { max-height: 300px; border-radius: 12px; } 

/* FAQ Module CSS  */
.faqSection .faqInner { max-width: 935px; }
.faqSection .faqBox:not(:first-child) { padding-top: 20px; }
.faqSection .faqBox { border-bottom: 1px solid #6A6868; }
.faqSection .faqQuestionParent { padding: 20px; cursor: pointer; }
.faqSection .faqArrow svg { width: 20px; height: 20px; }
.faqSection .faqAnswerParent { padding: 0 20px 30px; display: none; }
.faqSection .faqAnswer { padding-left: 50px; }
.faqSection .faqAnswer:before { position: absolute; content: ""; left: 0; width: 40px; height: 1px; background-color: #202020; top: 5px; }
.faqSection .faqBox.active .faqArrow { rotate: 180deg; }
.faqSection .faqBox.active .faqArrow svg path { fill: #202020; }
.faqSection .faqBox.active { border-bottom: 2px solid #202020; }





/* Contact Page Banner CSS */
.body-container--contact .heroFormBannerSection .heroBannerContentParent { padding-left: 40px; }

/* Residential Commercial Inner - guide CSS */
.body-container--residential-commercial-inner .guideSection .guideOuter { max-width: 100%; }
.body-container--residential-commercial-inner .guideSection .guideImageParent { aspect-ratio: 16/7; }
.body-container--residential-commercial-inner .guideSection .guideImageParent img { height: 100% !important; object-fit: cover; }
.body-container--residential-commercial-inner .guideSection .guideLeftConatiner { width: 40%; }



.hs_cos_wrapper_type_rich_text h1 + p , .hs_cos_wrapper_type_rich_text h2 + p , .hs_cos_wrapper_type_rich_text h3 + p , .hs_cos_wrapper_type_rich_text h4 + p , .hs_cos_wrapper_type_rich_text h4 + strong { margin-top: 20px; }

.hs_cos_wrapper_type_rich_text p + h4,.hs_cos_wrapper_type_rich_text p + h1,.hs_cos_wrapper_type_rich_text p + h2,.hs_cos_wrapper_type_rich_text p + h3 { margin-top: 20px; }
.hs_cos_wrapper_type_rich_text p { font-size:22px; }
.hs_cos_wrapper_type_rich_text p + p { margin-top: 15px; }
.hs_cos_wrapper_type_rich_text ul { padding-left: 30px; }
.hs_cos_wrapper_type_rich_text p + ul  { margin-top: 20px; }
.hs_cos_wrapper_type_rich_text ul li:not(:first-child) { padding-top: 10px; }
.hs_cos_wrapper_type_rich_text .rich-text-cls , .hs_cos_wrapper_type_rich_text .rich-text-cls p { font-weight: 400; font-size: 17px; }
.hs_cos_wrapper_type_rich_text .rich-text-cls p + p { margin-top: 8px; }
.hs_cos_wrapper_type_rich_text .rich-text-cls .grey-bg-cls { background: #D9D9D9; padding: 5px 20px; font-size: 23px; font-weight: 600; }
.hs_cos_wrapper_type_rich_text .rich-text-cls ul { padding-left: 0px; list-style: none; }
/* .hs_cos_wrapper_type_rich_text .rich-text-cls ul li { margin-top: 20px; } */
.hs_cos_wrapper_type_rich_text .rich-text-cls ul li:first-child { margin-top: 25px; }
.hs_cos_wrapper_type_rich_text .rich-text-cls ol li:first-child { margin-top: 18px; }
.hs_cos_wrapper_type_rich_text .rich-text-cls ol li:last-child { margin-bottom: 18px; }
.hs_cos_wrapper_type_rich_text .rich-text-cls p + strong { margin: 15px 0px 10px; }
.hs_cos_wrapper_type_rich_text .rich-text-cls strong { display: inline-block; font-size: 19px; margin-bottom: 10px; }
.hs_cos_wrapper_type_rich_text .rich-text-cls h4 > span { margin-right: 10px; }
.hs_cos_wrapper_type_rich_text .rich-text-cls .faq-list-cls { list-style: auto; padding-left: 30px; }
.hs_cos_wrapper_type_rich_text .rich-text-cls .faq-list-cls li { margin-bottom: 15px; }
.hs_cos_wrapper_type_rich_text .rich-text-cls .faq-list-cls li::marker { font-size: 28px; font-weight: 700; line-height: 1.3; }
.hs_cos_wrapper_type_rich_text .rich-text-cls .faq-list-cls li > h4 { font-weight: 700; font-size: 28px; }
.hs_cos_wrapper_type_rich_text .rich-text-cls .faq-list-cls li > h4 + p { margin-top: 8px; }
.hs_cos_wrapper_type_rich_text .rich-text-cls .faq-list-cls ol { list-style: lower-alpha; padding-left: 30px; }
.hs_cos_wrapper_type_rich_text .rich-text-cls .faq-list-cls li > ol > li:not(:last-child) { margin-bottom: 0px; }
.hs_cos_wrapper_type_rich_text .rich-text-cls .faq-list-cls ol > li::marker { font-weight: 400; font-size: 17px; }
.hs_cos_wrapper_type_rich_text .rich-text-cls h3.faq-title { font-size: 32px; margin-top: 55px; text-decoration: underline; }

form input[type=submit], form .hs-button { padding-top: 13px; padding-right: 34px; padding-bottom: 13px; padding-left: 34px; }
.heroBannerForm.qualityContractorForm form .hs_submit { margin-top: 10px; }

 


.slideLeftContainer { opacity: 0; transform: translateX(-100px); transition: opacity 1s ease-in-out, transform 1s ease-in-out; }
.slideLeftContainer.animate, .slideLeftContainer.slide-left { opacity: 1; transform: translateX(0); }
.slideRightContainer { opacity: 0; transform: translateX(100px); transition: opacity 1s ease-in-out, transform 1s ease-in-out; }
.slideRightContainer.animate, .slideRightContainer.slide-right { opacity: 1; transform: translateX(0); }


 


.emaar-cls .qualityContractorForm, .emaar-cls .heroFormBannerSection .heroBannerForm form { background-color: #000000; }
.emaar-cls .qualityContractorForm form input[type=submit] { background-color: #fff; border: 1px solid #fff; min-width: 120px; padding: 12px 16px; }
.emaar-cls .qualityContractorForm form input[type=submit]:hover, .emaar-cls .qualityContractorForm form input[type=submit]:focus { border: 1px solid #FFFFFF; box-shadow: inset 120px 0 0 0 #434343; color: #FFFFFF; }
.emaar-cls .heroFormBannerSection .bannerTaglineCls .heroBannerContent ul li:before { background-image: url(https://6343132.fs1.hubspotusercontent-na1.net/hubfs/6343132/circle_black.svg); }
.emaar-cls #heroFormBannerMain { min-height: 95vh; }
/* .emaar-cls .heroFormBannerSection .big-wrapper { display: flex; justify-content: center; align-items: center; } */


 


.huspy-wrapper { padding: 0px 80px; }
.huspy-clients-logo-slider-section .huspy-clients-right-col { width: 100%; max-width: 50%; overflow: hidden;}
.huspy-clients-logo-slider-section .huspy-clients-logo-left-col { width: 100%; max-width: 50%;}
.huspy-clients-logo-slider-section .huspy-logo-inner { display: flex; justify-content: center; align-items: center; width: 100%; max-width: 178px; padding: 29px 16px; background-color: #fff; border-radius: 20px;}
.huspy-clients-logo-slider-section .swiper-wrapper{ transition-timing-function : linear;}
.huspy-clients-logo-slider-section .huspy-clients-logo-inner {gap: 16px;}
.huspy-clients-logo-slider-section .huspy-logo-inner img { width: auto; height: 42px; }
.huspy-clients-logo-slider-section .huspy-clients-logo-left-col .section-title { width: 100%; max-width: 520px;}

.csrAdImg { max-width: 1150px; margin: auto; padding: 0 30px 60px; }
.csrAdImg img { padding: 0 30px; }
.csrWork p, .csrWork h2 { color: #202020; }
.terms-cls { color: #FFFFFF; text-decoration: underline; font-size: 16px; }
.terms-cls:focus, .terms-cls:hover { color: #83cdb8; text-decoration: underline; }

input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {  -webkit-appearance: none; margin: 0; }
input[type="number"] { -moz-appearance: textfield; }




 


/* .alaan-cls #heroFormBannerMain { background-image: repeating-radial-gradient(circle at 50% 0, #8c62ca, #011049) !important; } */
.alaan-cls .heroFormBannerSection.bannerOverlay:before, .alaan-cls .heroFormBannerSection.overlay:before { z-index:99; /*background-image: repeating-radial-gradient(circle at 50% 0, rgba(140, 98, 202, 0.1), rgba(1, 16, 73, 0.1));*/ /*background: rgb(47,36,85);
background: linear-gradient(11deg, rgba(47,36,85,1) 0%, rgba(47,36,85,0) 48%, rgba(47,36,85,1) 100%);*/ background: rgb(47,36,85);
background: linear-gradient(50deg, rgba(47,36,85,1) 0%, rgba(47,36,85,0.29184173669467783) 40%); }
.alaan-cls .heroFormBannerSection .bannerTaglineCls h1.logo-title { letter-spacing: 0; margin-top: .5vw; margin-bottom: 1.5vw; font-family: Poppins, sans-serif; font-size: 2.4vw; font-weight: 500; line-height: 3.1vw; }
.alaan-cls .heroFormBannerSection .bannerTaglineCls .heroBannerContent ul li { font-size: 15.5px; font-weight: 300; font-family: Poppins, sans-serif; }
.alaan-cls .heroFormBannerSection .bannerTaglineCls .heroBannerContent ul li:before { background-image: url(https://contractors.direct/hubfs/6343132/ic_circle_fill-yellow.svg); }
.alaan-cls .heroFormBannerSection .bannerTaglineCls h2.banner-tagline, .alaan-cls .heroFormBannerSection .bannerTaglineCls .heroBannerContentParent p strong { font-family: Poppins, sans-serif; }
.alaan-cls .qualityContractorForm { background-color: #FFFFFF; border: 3px solid #564194; }
.alaan-cls .qualityContractorForm form { background-color: #FFFFFF; }
.alaan-cls .mainFormBannerSection .homeForm h6.form-title-cls { color: #564194; }
.alaan-cls form input[type=text], .alaan-cls form input[type=search], .alaan-cls form input[type=email], .alaan-cls form input[type=password], .alaan-cls form input[type=tel], .alaan-cls form input[type=number], .alaan-cls form input[type=file], .alaan-cls form select, .alaan-cls form input::placeholder, .alaan-cls form input::-webkit-input-placeholder, .alaan-cls textarea::placeholder { color: #222222; }
.alaan-cls form .hs-button, .alaan-cls form input[type=submit] { z-index: 2; color: #222222; text-align: center; background-color: #ebbd3e; background-image: none; border-radius: 200px; margin: 1px; position: relative; border: 1px solid #ebbd3e; padding: 13px 25px; font-family: Poppins, sans-serif; font-size: 16px; font-weight: 500; }
.alaan-cls .qualityContractorForm .clearButton { left: 24%; color: #564194; border-radius: 200px; background-color: #FFFFFF; background-image: none; margin-left: 15px; display: block; border: 1px solid #564194; padding: 13px 25px; font-family: Poppins, sans-serif; font-size: 16px; font-weight: 500; }
.alaan-cls form input[type=submit]:hover, .alaan-cls form input[type=submit]:focus, .alaan-cls form .hs-button:hover, .alaan-cls form .hs-button:focus { box-shadow: inset 130px 0 0 0 rgba(255, 255, 255, 1.0) }
.alaan-cls .qualityContractorForm .clearButton:hover, .alaan-cls .qualityContractorForm .clearButton:focus { box-shadow: inset 130px 0 0 0 #564194; color: #FFFFFF !important; }
.alaan-cls #heroFormBannerMain { /*padding-top: 110px !important;*/ padding-top: 0px !important; padding-bottom: 0px; }
.alaan-cls #heroFormBannerMain .big-wrapper { display: flex; height: 100%; justify-content: center; left: 0; margin: 0 auto; min-height: 410px; padding: 120px 20px; position: absolute; right: 0; top: 8%; width: 100%;  z-index: 99; }
.alaan-cls #heroFormBannerMain .cm-home-slider-group, .alaan-cls #heroFormBannerMain .cm-home-slider-group .slide-item { min-height: 100vh; background-size: cover; background-position: center; background-repeat: no-repeat; }
.alaan-cls .qualityContractorForm form .hs-form-checkbox input+span:before, .alaan-cls .contactPopUpForm form .hs-form-checkbox input+span:before { border: 1px solid #222222; color: #564194; }
.alaan-cls form .hs-form-checkbox-display span, .alaan-cls form .terms-cls { color: #222222; }
.alaan-cls form .terms-cls:focus, .alaan-cls form .terms-cls:hover { color: #564194; }
.alaan-cls .requestCallBackForm form h6 { color: #564194; }
.alaan-cls .requestCallBackForm .closeButton svg { fill: #564194; }
.alaan-cls .custom-request-callback-group .r-callback:focus, .alaan-cls .custom-request-callback-group .r-callback:hover { background-color: #2f2455; border: 1px solid #2f2455; color: #FFFFFF; }
.alaan-cls .custom-request-callback-group .r-callback:hover svg path, .alaan-cls .custom-request-callback-group .r-callback:focus svg path { fill: #FFFFFF; }
.alaan-cls .footer-flotaing-icons .icon-wrapper-cls:hover, .alaan-cls .footer-flotaing-icons .icon-wrapper-cls:focus { background-color: #2f2455; border: 1px solid #2f2455; }
.alaan-cls .footer-flotaing-icons .icon-wrapper-cls:hover a svg path, .alaan-cls .footer-flotaing-icons .icon-wrapper-cls:focus a svg path { fill: #FFFFFF; }
.alaan-cls .submitted-message { border: none; font-size: 16px; font-family: Poppins, sans-serif; }
.alaan-cls .trustedBySection { padding-top: 50px; padding-bottom: 50px; }
.alaan-cls .homeForm form textarea { color: #222222; }
.alaan-cls .hamptons-thankyou-banner .hero-banner-content .hero-banner-title { font-family: Poppins, sans-serif; font-weight: 600; font-size: 55px; }
.alaan-cls .hamptons-thankyou-banner .searchoverlay { background-color: rgba(0, 34, 76, .4); }
.alaan-cls .hamptons-thankyou-banner picture { height: 60vh; }





 


.exclusive-links-cls .heroFormBannerSection.bannerOverlay:before, .exclusive-links-cls .heroFormBannerSection.overlay:before { /*background: linear-gradient(65.36deg, rgba(0, 0, 51, .5), rgba(0, 0, 51, 0)); */ background: linear-gradient(0deg, rgba(0, 0, 51, .55), rgba(0, 0, 51, .6)); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 98; }
.exclusive-links-cls .heroFormBannerSection .bannerTaglineCls h1.logo-title { letter-spacing: 0; margin-top: .5vw; margin-bottom: 1vw; font-family: "Montserrat", sans-serif; font-size: 3em; font-weight: 600; line-height: 1; }
.exclusive-links-cls .heroFormBannerSection .bannerTaglineCls .heroBannerContent ul li { font-size: 15.5px; font-weight: 300; font-family: "Montserrat", sans-serif; }
.exclusive-links-cls .heroFormBannerSection .bannerTaglineCls .heroBannerContent ul li:before { background-image: url(https://contractors.direct/hubfs/6343132/ic_circle_fill-blue.svg); }
.exclusive-links-cls .heroFormBannerSection .bannerTaglineCls h2.banner-tagline, .exclusive-links-cls .heroFormBannerSection .bannerTaglineCls .heroBannerContentParent p strong { font-family: "Montserrat", sans-serif; }
.exclusive-links-cls .qualityContractorForm { /*background-color: rgba(255,255,255,0.4);*/ background-color: #FFFFFF; border: 2px solid #000033; border-radius: 4px; padding: 25px; }
.exclusive-links-cls .qualityContractorForm form { background-color: transparent; }
.exclusive-links-cls .mainFormBannerSection .homeForm h6.form-title-cls { color: #000033; text-align: center; }
.exclusive-links-cls form input[type=text], .exclusive-links-cls form input[type=search], .exclusive-links-cls form input[type=email], .exclusive-links-cls form input[type=password], .exclusive-links-cls form input[type=tel], .exclusive-links-cls form input[type=number], .exclusive-links-cls form input[type=file], .exclusive-links-cls form select, .exclusive-links-cls form input::placeholder, .exclusive-links-cls form input::-webkit-input-placeholder, .exclusive-links-cls textarea::placeholder { color: #222222; }
.exclusive-links-cls form .hs-button, .exclusive-links-cls form input[type=submit] { z-index: 2; color: #FFFFFF; text-align: center; background-color: #000033; background-image: none; border-radius: 4px; margin: 1px; position: relative; border: 1px solid #000033; padding: 13px 34px; font-family: "Montserrat", sans-serif; font-size: 16px; font-weight: 500; }
.exclusive-links-cls .qualityContractorForm .clearButton { color: #000033; border-radius: 4px; background-color: #FFFFFF; background-image: none; margin-left: 15px; display: block; border: 1px solid #000033; padding: 13px 34px; font-family: "Montserrat", sans-serif; font-size: 16px; font-weight: 500; line-height: 1.13; }
.exclusive-links-cls form input[type=submit]:hover, .exclusive-links-cls form input[type=submit]:focus, .exclusive-links-cls form .hs-button:hover, .exclusive-links-cls form .hs-button:focus { box-shadow: inset 130px 0 0 0 #d9d9d9; }
.exclusive-links-cls form input[type=submit]:hover, .exclusive-links-cls form input[type=submit]:focus { color: #000033; }
.exclusive-links-cls .qualityContractorForm .clearButton:hover, .exclusive-links-cls .qualityContractorForm .clearButton:focus { box-shadow: inset 130px 0 0 0 #000033; color: #FFFFFF !important; }
.exclusive-links-cls #heroFormBannerMain { /*padding-top: 110px !important;*/ padding-top: 0px !important; padding-bottom: 0px; }
.exclusive-links-cls #heroFormBannerMain .big-wrapper { display: flex; height: 100%; justify-content: center; left: 0; margin: 0 auto; min-height: 410px; padding: 80px 18px; position: absolute; right: 0; top: 8%; width: 100%;  z-index: 99; }
.exclusive-links-cls #heroFormBannerMain .cm-home-slider-group, .exclusive-links-cls #heroFormBannerMain .cm-home-slider-group .slide-item { min-height: 600px; /*background-size: cover; background-position: center; background-repeat: no-repeat;*/ }
.exclusive-links-cls .qualityContractorForm form .hs-form-checkbox input+span:before, .exclusive-links-cls .contactPopUpForm form .hs-form-checkbox input+span:before { border: 1px solid #222222; color: #000033; }
.exclusive-links-cls form .hs-form-checkbox-display span, .exclusive-links-cls form .terms-cls { color: #222222; }
.exclusive-links-cls form .terms-cls:focus, .exclusive-links-cls form .terms-cls:hover { color: #000033; }
.exclusive-links-cls .requestCallBackForm form h6 { color: #564194; }
.exclusive-links-cls .requestCallBackForm .closeButton svg { fill: #000033; }
.exclusive-links-cls .custom-request-callback-group .r-callback:focus, .exclusive-links-cls .custom-request-callback-group .r-callback:hover { background-color: #000033; border: 1px solid #000033; color: #FFFFFF; }
.exclusive-links-cls .custom-request-callback-group .r-callback:hover svg path, .exclusive-links-cls .custom-request-callback-group .r-callback:focus svg path { fill: #FFFFFF; }
.exclusive-links-cls .footer-flotaing-icons .icon-wrapper-cls:hover, .exclusive-links-cls .footer-flotaing-icons .icon-wrapper-cls:focus { background-color: #2f2455; border: 1px solid #2f2455; }
.exclusive-links-cls .footer-flotaing-icons .icon-wrapper-cls:hover a svg path, .exclusive-links-cls .footer-flotaing-icons .icon-wrapper-cls:focus a svg path { fill: #FFFFFF; }
.exclusive-links-cls .submitted-message { border: none; font-size: 16px; font-family: "Montserrat", sans-serif; }
.exclusive-links-cls .trustedBySection { padding-top: 50px; padding-bottom: 50px; }
.exclusive-links-cls .homeForm form textarea { color: #222222; }
.exclusive-links-cls .hamptons-thankyou-banner .hero-banner-content .hero-banner-title { font-family: "Montserrat", sans-serif; font-weight: 600; font-size: 55px; }
.exclusive-links-cls .hamptons-thankyou-banner .searchoverlay { background: linear-gradient(65.36deg, rgba(0, 0, 51, .5), rgba(0, 0, 51, 0)); }
.exclusive-links-cls .hamptons-thankyou-banner picture { height: 60vh; }



.custom-menu-primary { display: none; position: relative; padding-right: 40px; z-index: 99999; }
.custom-menu-primary .header__language-switcher.header--element { right: 0px; color: #FFFFFF; padding: 0; position: absolute; top: -8px; width: 30px; }
.custom-menu-primary .header__language-switcher.header--element:before { background: #FFFFFF; content: ""; height: 18px; position: absolute; right: -2px; top: 1px; width: 1px; }
.custom-menu-primary .header__language-switcher--label { display: flex; position: relative; }
.custom-menu-primary .header__language-switcher .lang_switcher_class { position: static; display: inline-block; }
.custom-menu-primary .globe_class { background-repeat: no-repeat; background-image: url(https://contractors.direct/hubfs/Contractors_Direct_MAIN/Images/globe.png); }
.custom-menu-primary .header__language-switcher .lang_list_class { background-color: #FFFFFF; display: flex; flex-direction: column; left: -20px; min-width: 145px; border: 0; border-radius: 0; box-shadow: none; top: 38px; position: relative; list-style: none; color: #494a52; font-size: .8rem; text-align: left; transition: opacity .3s;  margin: 0; padding: 8px 0 10px;  -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 100; }
.custom-menu-primary .header__language-switcher .lang_list_class:after, .custom-menu-primary .header__language-switcher .lang_list_class:before { left: auto; right: 30px; content: ""; display: block; height: 0; margin-left: -12px; position: absolute; width: 0; }
.custom-menu-primary .header__language-switcher .lang_list_class:before { border: 12px solid transparent; border-bottom-color: #FFFFFF; top: -23px; }
.custom-menu-primary .header__language-switcher .lang_list_class li { background-color: #FFFFFF; font-size: 13px; line-height: 1; padding: 0 6px 14px; position: relative; text-align: center; }
.custom-menu-primary .header__language-switcher .lang_list_class li:first-child { border-radius: 0; padding-top: 13px; }
.custom-menu-primary .header__language-switcher--label-current { align-items: center; display: flex; font-size: 0; margin: 0; padding: 0; }
.custom-menu-primary .header__language-switcher.header--element:after { content: ''; display: inline-block; width: 20px; height: 20px; background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"%3E%3Cpath d="M137.4 374.6c12.5 12.5 32.8 12.5 45.3 0l128-128c9.2-9.2 11.9-22.9 6.9-34.9s-16.6-19.8-29.6-19.8L32 192c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9l128 128z" fill="%23fff"/%3E%3C/svg%3E'); background-size: contain; background-repeat: no-repeat; background-position: center; position: absolute; right: -28px; top: -2px; }
.custom-menu-primary .header__language-switcher .lang_list_class li a { font-weight: 500; font-family: 'Helvetica Neue', sans-serif; font-size: 15px; color: #202020; }
.custom-menu-primary .header__language-switcher .lang_list_class li:hover a, .custom-menu-primary .header__language-switcher .lang_list_class li:focus a { color: #83CDB8; }

 




@media (max-width: 1366px){

  .big-wrapper { max-width: 1246px; }

  /*   .pt220, .p220_0 { padding-top: 180px; }
  .pb220, .p220_0 { padding-bottom: 180px; } */
  .pt220, .p220_0 { padding-top: 80px; }
  .pb220, .p220_0 { padding-bottom: 80px; }
  .pt175, .p175_0, .pt160, .p160_0, .pt165, .p165_0, .pt150, .p150_0, .pt155, .p155_0, .pt145, .p145_0 { padding-top: 140px; }
  .pb175, .p175_0, .pb160, .p160_0, .pb165, .p165_0, .pb150, .p150_0, .pb155, .p155_0, .pb145, .p145_0 { padding-bottom: 140px; }

  /*   Header CSS */
  .header .headerRow { gap: 40px; }
  .header .headerLeft{ gap: 80px; }
  .header .headerRight { gap: 24px; }

  /* Hero Form Banner Module CSS */
  .heroFormBannerSection .heroFormParent { /*padding-right: 60px;*/ padding-right: 0px; }
}


@media (max-width: 1280px){

  .big-wrapper { max-width: 1148px; }

  button, .button, .primaryButton, .secondaryButton, .tertiaryButton, .outlinedButton { padding: 16px 24px; }
  h1, .h1 { font-size: 42px; }
  h2, .h2 { font-size: 36px; }
  h3, .h3 { font-size: 36px; }

  /*   .pt220, .p220_0 { padding-top: 140px; }
  .pb220, .p220_0 { padding-bottom: 140px; } */
  .pt220, .p220_0 { padding-top: 80px; }
  .pb220, .p220_0 { padding-bottom: 80px; }
  .pt175, .p175_0, .pt160, .p160_0, .pt165, .p165_0, .pt150, .p150_0, .pt155, .p155_0, .pt145, .p145_0  { padding-top: 120px; }
  .pb175, .p175_0, .pb160, .p160_0, .pb165, .p165_0, .pb150, .p150_0, .pb155, .p155_0, .pb145, .p145_0  { padding-bottom: 120px; }
  .pt125, .p125_0, .pt120, .p120_0, .pt115, .p115_0 { padding-top: 100px; }
  .pb125, .p125_0, .pb120, .p120_0, .pb115, .p115_0 { padding-bottom: 100px; }
  .pt100, .p100_0 { padding-top: 80px; }
  .pb100, .p100_0 { padding-bottom: 80px; }
  .pt85, .p85_0, .pt80, .p80_0, .pt75, .p75_0 { padding-top: 70px; }
  .pb85, .p85_0, .pb80, .p80_0, .pb75, .p75_0 { padding-bottom: 70px; }
  .header .headerLeft { gap: 150px; }
  .header .headerRight , .header .headerRow { gap: 20px; }
  .header .hs-menu-wrapper.hs-menu-flow-horizontal ul { gap: 15px; }

  /*   Footer css */
  .footer .footerlogoParent { max-width: 200px; }
  .footer .footerUpperLeft, .footer .footerUpperRight { max-width: 100%; gap: 40px; }
  .footer .footerMenuParent { width: calc(50% - 13px); }

  /* Hero Form Banner Module CSS */
  .heroFormBannerSection .socialMediaGroup { right: 25px; }
  .heroFormBannerSection .heroBannerContentParent { padding-left: 40px; }

  /*   How It Works Module CSS */
  .howItWorksSection .stepContainer:not(:first-child) { padding-top: 40px; }

  /* Fit Out Cost Calculator Module CSS */
  .fitOutCostCalculatorSection .sectionContentParent { padding-left: 40px; }

  /* Banner Module CSS */
  .bannerSection .bannerContentParent { padding-left: 60px; }

  /* Form WIth BAckground Module CSS */
  .formWithBackgroundSection .sectionForm { padding: 36px 70px 70px 32px; }
  .formWithBackgroundSection .sectionForm form { gap: 8px 60px; }
  .formWithBackgroundSection .sectionForm form .hs-form-field { width: calc(50% - 30px); }

  /* Guide Module CSS */
  .guideSection .guideImageParent { padding-top: 40px; }

  /* Guide Inner Module V1 CSS */
  .guideInnerSectionV1 .guideImage { max-width: 300px; }
  .guideInnerSectionV1 .guideContent { width: calc(100% - 325px);} 
  .guideInnerSectionV1 .guideFeatureParent { gap: 20px; }
  .guideInnerSectionV1 .guideFeatureBox { width: calc(33.33% - 14px);  }

  /* Contractor Tabbing Module CSS */
  .contractorTabbingSection .tabContent { width: 50%; }
  .contractorTabbingSection .tabQAParent:not(:first-child) { padding-top: 35px; }
  .contractorPopUpForm { overflow-y: auto; }
  .contractorPopUpForm::-webkit-scrollbar { width: 5px; }
  .contractorPopUpForm::-webkit-scrollbar-thumb { background: #FFFFFF; border-radius: 10px; }

  .contractorPopUpForm form { height: 500px; }
  .contractorPopUpForm form .hs_submit { padding-bottom: 20px; }

  /* Industires Module CSS */
  .industriesSection .industryParent { gap: 40px 50px; }
  .industriesSection .industryBox { width: calc(33.33% - 34px); }

  /* Blog listing */
  .blogListingSection .blogListingInner { gap: 0 80px; }
  .blogListingSection .singleBlogCard { width: calc(50% - 40px); }
  .blogListingSection .singleBlogCard:nth-child(2n) { padding-top: 100px; }

  /* Previos Blogs Module CSS */ /* Related Blogs CSS */
  .previousBlogSection .previousBlogsInner, .relatedBlogPostsSection .relatedBlogPostsInner { gap: 28px 60px; }
  .previousBlogSection .previousBlogCard, .relatedBlogPostsSection .relatedBlogCard { width: calc(50% - 30px); } 
  .previousBlogSection .previousBlogCardInformation, .relatedBlogPostsSection .relatedBlogCardInformation { padding: 12px 10px 12px 20px; } 

  /* Blog Post */
  .blogPostSection .blogPostContent p, .blogPostSection .blogPostContent h6, .blogPostSection .blogPostContent h5, .blogPostSection .blogPostContent h4, 
  .blogPostSection .blogPostContent h3, .blogPostSection .blogPostContent h2, .blogPostSection .blogPostContent h1 { padding-top: 25px; }
  .blogPostSection .blogPostAuthorImage { max-width: 120px; }

  /* Guide Inner Module CSS */
  .guideInnerSection .guideInnerOuter { max-width: 800px; } 
  .guidePopUpForm { overflow-y: auto; }
  .guidePopUpForm::-webkit-scrollbar { width: 5px; }
  .guidePopUpForm::-webkit-scrollbar-thumb { background: #FFFFFF; border-radius: 10px; }
  .guidePopUpForm form { height: 500px;  padding-bottom: 20px;  }
  .guidePopUpForm form .hs_submit { padding-bottom: 20px; }

  
  .alaan-cls #heroFormBannerMain .big-wrapper { top: -2%; }
/*   .exclusive-links-cls #heroFormBannerMain .big-wrapper { top: -2%; } */
}


@media (max-width: 1180px){

  .big-wrapper, .wrapper { max-width: 1050px; }

  /*   .pt220, .p220_0 { padding-top: 120px; }
  .pb220, .p220_0 { padding-bottom: 120px; } */
  .pt220, .p220_0 { padding-top: 80px; }
  .pb220, .p220_0 { padding-bottom: 80px; }
  .pt175, .p175_0, .pt160, .p160_0, .pt165, .p165_0, .pt150, .p150_0, .pt155, .p155_0, .pt145, .p145_0  { padding-top: 100px; }
  .pb175, .p175_0, .pb160, .p160_0, .pb165, .p165_0, .pb150, .p150_0, .pb155, .p155_0, .pb145, .p145_0  { padding-bottom: 100px; }
  .pt125, .p125_0, .pt120, .p120_0, .pt115, .p115_0  { padding-top: 80px; }
  .pb125, .p125_0, .pb120, .p120_0, .pb115, .p115_0  { padding-bottom: 80px; }
  .pt100, .p100_0 { padding-top: 70px; }
  .pb100, .p100_0 { padding-bottom: 70px; }
  .pt85, .p85_0, .pt80, .p80_0, .pt75, .p75_0, .pt70, .p70_0 { padding-top: 60px; }
  .pb85, .p85_0, .pb80, .p80_0, .pb75, .p75_0, .pb70, .p70_0 { padding-bottom: 60px; }
  .pt65, .p65_0, .pt60, .p60_0 { padding-top: 50px; }
  .pb65, .p65_0, .pb60, .p60_0 { padding-bottom: 50px; }
  .pt55, .p55_0, .pt50, .p50_0 { padding-top: 40px; }
  .pb55, .p55_0, .pb50, .p50_0 { padding-bottom: 40px; }
  .pt40, .p40_0, .pt45, .p45_0 { padding-top: 35px; }
  .pb40, .p40_0, .pb45, .p45_0 { padding-bottom: 35px; }

  .mt40, .m40_0 { margin-top: 35px; }
  .mb40, .m40_0 { margin-bottom: 35px; }

  .socialLink { width: 40px; height: 40px; }

  /*   Header CSS */
  .header { padding: 35px 0; }
  .header .headerLogoParent { max-width: 65px; }
  .header .headerLeft { gap: 70px; }

  /*   Footer css */
  .footer .footerUpperLeftLeft { max-width: 310px; }
  .footer .footerUpperRight { max-width: 280px; }
  .footer .contactInformation { padding-top: 40px; }

  /* Fit Out Contractor Module CSS */
  .fitOutContractorSection .sectionContentParent, .fitOutContractorSection .fitOutContractorBottomPart { padding-left: 30px; }
  .fitOutContractorSection .fitOutConractorInformationParent { gap: 40px; }
  .fitOutContractorSection .fitOutContractorVideo iframe { height: 265px; }
  .fitOutContractorSection .fitOutContractorBox { width: calc(33.33% - 27px); }

  /* Customer Testimonial Module CSS */
  .customerTestimonialSection .customerTestimonailInner { padding-left: 0; }
  .customerTestimonialSection .customerMessageGroup { padding: 50px 0 0 50px; }
  .customerTestimonialSection .customerMessageGroup:before { width: 90px; height: 90px; }  

  /* Next Step Module CSS */
  .nextStepSection .sectionContent { padding: 5px 0 5px 35px; }
  
  .qualityContractorForm .clearButton { left: 35%; }
  .alaan-cls .qualityContractorForm .clearButton { left: 32%; }

}


@media (max-width: 1080px){

  .big-wrapper, .wrapper { max-width: 991px; }

  /* Fit Out Cost Calculator Module CSS */
  .fitOutCostCalculatorSection .slidecontainer { flex-direction: column; }
  .fitOutCostCalculatorSection .expert-form-group, .fitOutCostCalculatorSection .rangeOutputParent2, .fitOutCostCalculatorSection .estimate-list, .fitOutCostCalculatorSection .formGroupButtonParent { width: 100%; }
  .fitOutCostCalculatorSection .formButton { width: 50%; }
  .fitOutCostCalculatorSection .formButton button { width: 100%; }

  /* Guide Inner CSS */
  .guideInnerSection .guideInnerOuter { max-width: 730px; }

  /* Guide Inner Module V2 CSS */
  .guideInnerSectionV2 .guideUpperSideContent, .guideInnerSectionV2 .guideUpperListGroup, .guideInnerSectionV2 .guideTwoColSideContent, .guideInnerSectionV2 .guideImageListGroupParent { max-width: 100%; width: 100%; }
  .guideInnerSectionV2 .guideTwoColImageParent  { max-width: 100%; aspect-ratio: 16/9; }
  .guideInnerSectionV2 .guideTwoColImageParent img { object-fit: cover; height: 100% !important; }
  
/*   .langMenu.desktop { display: none; } */
  .custom-menu-primary { padding-right: 60px; }
  .custom-menu-primary .header__language-switcher.header--element { right: 20px; }
}


@media (max-width: 991px){

  .big-wrapper, .wrapper { max-width: 100%; }

  button, .button, .primaryButton, .secondaryButton, .tertiaryButton, .outlinedButton { padding: 12px 18px; font-size: 14px; }
  h1, .h1 { font-size: 36px; }
  h2, .h2 { font-size: 36px; }
  h3, .h3 { font-size: 30px; }
  h4, .h4 { font-size: 28px; }
  h5, .h5 { font-size: 22px; }
  p, a, li ,.hs_cos_wrapper_type_rich_text p  { font-size: 16px; }
  form label { font-size: 14px; }
  form input[type=email], form input[type=file], form input[type=number], form input[type=password], form input[type=search], form input[type=tel], form input[type=text], form select, form textarea, form input::placeholder, form input::-webkit-input-placeholder { font-size: 14px; }
  .submitted-message, .submitted-message p { font-size: 18px; }

  .pt220, .p220_0 { padding-top: 100px; }
  .pb220, .p220_0 { padding-bottom: 100px; }
  .pt175, .p175_0, .pt160, .p160_0, .pt165, .p165_0, .pt150, .p150_0, .pt155, .p155_0, .pt145, .p145_0  { padding-top: 80px; }
  .pb175, .p175_0, .pb160, .p160_0, .pb165, .p165_0, .pb150, .p150_0, .pb155, .p155_0, .pb145, .p145_0  { padding-bottom: 80px; }
  .pt125, .p125_0, .pt120, .p120_0, .pt115, .p115_0  { padding-top: 70px; }
  .pb125, .p125_0, .pb120, .p120_0, .pb115, .p115_0  { padding-bottom: 70px; }
  .pt100, .p100_0 { padding-top: 60px; }
  .pb100, .p100_0 { padding-bottom: 60px; }
  .pt85, .p85_0, .pt80, .p80_0, .pt75, .p75_0, .pt70, .p70_0  { padding-top: 50px; }
  .pb85, .p85_0, .pb80, .p80_0, .pb75, .p75_0, .pb70, .p70_0  { padding-bottom: 50px; }
  .pt65, .p65_0, .pt60, .p60_0 { padding-top: 40px; }
  .pb65, .p65_0, .pb60, .p60_0 { padding-bottom: 40px; }
  .pt55, .p55_0, .pt50, .p50_0 { padding-top: 35px; }
  .pb55, .p55_0, .pb50, .p50_0 { padding-bottom: 35px; }
  .pt40, .p40_0, .pt45, .p45_0 { padding-top: 30px; }
  .pb40, .p40_0, .pb45, .p45_0 { padding-bottom: 30px; }
  .pt35, .p35_0, .pt30, .p30_0, .pt33 { padding-top: 25px; } 
  .pb35, .p35_0, .pb30, .p30_0 { padding-bottom: 25px; }

  .mt40, .m40_0 { margin-top: 30px; }
  .mb40, .m40_0 { margin-bottom: 30px; }

  form .hs-button, form input[type=submit] { font-size: 14px; }

  /*   Link Arrow Button CSS */
  .linkArrowButton { width: 54px; height: 54px; }
  .linkArrowButton:before { top: 24.5px; }
  .linkArrowButton:hover:before { left: 40px; }

  /*   Quality COntractor form CSS */
  .qualityContractorForm { padding: 35px 25px; }
  .qualityContractorForm form .hs-fieldtype-checkbox { margin: 40px 0 30px; }
  .qualityContractorForm .clearButton { bottom: 35px; left: 185px; }
  .alaan-cls .qualityContractorForm .clearButton { left: 20%; }

  .chatWpButtonParent { left: 30px; bottom: 30px; }

  /* header css */
  .header { padding: 30px 0; }
  .header .headerLeftMenuParent { position: absolute; top: 100%; width: 100%; left: 0; padding: 30px 20px 40px; background-color: 

  
  
    
  


  rgba(32, 32, 32, 1.0)

; z-index: 99; display: none; }
  .header .headerLeftMenuParent.active { display: block; }
  .header .contactLink, .header .hs-menu-item a, .header .hs-menu-children-wrapper .hs-menu-item a  { font-size: 14px; }
  .header .hs-menu-wrapper.hs-menu-flow-horizontal ul { flex-direction: column; gap: 25px; }
  .header .responsiveContact { display: block; padding-top: 25px; }
  .header .desktopContact { display: none; }
  .header .hamburger { display: block; position: relative; height: 18px; width: 25px; cursor: pointer; }
  .header .hamburger span { width: 25px; height: 2px; background-color: #FFFFFF; position: absolute; left: 0; transition: all ease 0.3s; }
  .header .hamburger span:nth-child(2) { margin-top: 8px; }
  .header .hamburger span:nth-child(3) { margin-top: 16px; }

  .header .hamburger.active span:nth-child(1) { rotate: 45deg; top: 7px; }
  .header .hamburger.active span:nth-child(3){ rotate: -45deg; bottom: 9px; }
  .header .hamburger.active span:nth-child(2) { right: 0; opacity: 0; }

  /*   Footer css */
  .footer .footerUpperPart { padding-bottom: 20px; }
  .footer .menuItem { padding-top: 12px; }
  .footer .bottomMenu { padding-top: 0; }
  .footer .socialMediaGroup { margin-left: -12px; }

  /* Hero Form Banner Module CSS */
  .heroFormBannerSection { height: unset; }
  .heroFormBannerSection .heroFormBannerInner { flex-direction: column; align-items: start; }
  .heroFormBannerSection .heroBannerLink:hover .linkArrowButton:before { left: 40px; }
  .heroFormBannerSection .heroLeftParent { width: calc(100% - 70px); }
  .heroFormBannerSection .heroFormParent { max-width: 100%; }
  .heroFormBannerSection .heroBannerButton { rotate: 0deg; transition: all ease 0.4s; }
  .heroFormBannerSection .heroBannerLink:hover .heroBannerButton, .heroFormBannerSection .heroBannerLink:active .heroBannerButton { rotate: 90deg; }

  /* Fit Out Contractor Module CSS */
  .fitOutContractorSection .fitOutContractorUpperPart { flex-direction: column; gap: 30px; }
  .fitOutContractorSection .fitOutContractorLeft, .fitOutContractorSection .fitOutContractorRight { width: 100%; }
  .fitOutContractorSection .sectionContentParent, .fitOutContractorSection .fitOutContractorBottomPart, .fitOutContractorSection .fitOutContractorRight { padding-left: 0; }
  .fitOutContractorSection .fitOutContractorBox { width: calc(50% - 20px); }
  .fitOutContractorSection .fitOutContractorVideo iframe { height: 345px; }

  /* Project Counter Module CSS */
  .projectCounterSection .projectCounterOuter { max-width: 640px; }
  .projectCounterSection .projectCounterInner { gap: 40px 100px; }
  .projectCounterSection .projectCounterBox { width: calc(50% - 50px); }

  /*   How It Works Module CSS */
  .howItWorksSection .stepContainer:not(:first-child) { padding-top: 40px; }
  .howItWorksSection .howItWorksInner { flex-direction: column; align-items: start; }
  .howItWorksSection .howItWorksLeft, .howItWorksSection .howItWorksRight { width: 100%; max-width: 100%; }
  .howItWorksSection .stepContainer:not(:first-child) { padding-top: 30px; }

  /* Fit Out Cost Calculator Module CSS */
  .fitOutCostCalculatorSection .fitOutCostCalculatorInner { flex-direction: column;}
  .fitOutCostCalculatorSection .fitOutCostCalculatorLeft, .fitOutCostCalculatorSection .fitOutCostCalculatorRight { width: 100%; /*max-width: 640px;*/ }
  .fitOutCostCalculatorSection .sectionContentParent { padding-left: 0px; }
  
  /* Market Insights Module CSS */
  .marketInsightsSection .marketInsightsInner { flex-direction: column; gap: 30px; }
  .marketInsightsSection .marketInsightsLeft, .marketInsightsSection .marketInsightsRight { width: 100%; } 

  /* Banner Module CSS */
  .bannerSection .bannerContentParent { padding-left: 40px; }

  /* Before We Start Module CSS */
  .beforeWeStartSection .sectionContentParent { padding-left: 60px; }
  .beforeWeStartSection .sectionContent { padding: 10px 0 10px 20px; }

  /* Form WIth BAckground Module CSS */
  .formWithBackgroundSection .sectionForm { padding: 30px 40px; }
  .formWithBackgroundSection .sectionForm form { gap: 10px; }
  .formWithBackgroundSection .sectionForm form .hs-form-field { width: 100%; }

  /* Contact Page Banner CSS */
  .body-container--contact .heroFormBannerSection .heroBannerContentParent { padding-left: 20px; }

  /* Guide Module CSS */
  .guideSection .guideContainerTopPart { flex-direction: column; gap: 25px; }
  .guideSection .guideLeftConatiner, .guideSection .guideRightContainer  { width: 100%; }
  .guideSection .guideContainer:not(:first-child) { padding-top: 50px; }

  .guideInnerSection .guideInnerOuter { max-width: 100%; }
  .guideInnerSection .guideInnerLink:hover .linkArrowButton:before { left: 40px; }
  .guideInnerSection .guideInnerLinkOuter { position: unset; padding: 30px 15px 0; }

  /* Guide Inner Module V1 CSS */
  .guideInnerSectionV1 .guideContent { width: 100%; }
  .guideInnerSectionV1 .guideFeatureParent { gap: 20px; }



  /* Contractor Tabbing Module CSS */
  .contractorTabbingSection .contractorTab { padding: 12px 24px; }
  .contractorTabbingSection .contractorTabMain { text-align: center; justify-content: center; }
  .contractorTabbingSection .tabImageparent { max-width: 380px; width: 100%; }
  .contractorTabbingSection .tabContent { width: 100%; }
  .contractorTabbingSection .tabQAParent:not(:first-child) { padding-top: 25px; }
  .contractorTabbingSection .tabButton { margin: 0 auto; } 

  /* Industires Module CSS */
  .industriesSection .industryParent { gap: 30px; }
  .industriesSection .industryBox { width: calc(50% - 15px); }

  /* Work Video Module CSS */  
  .workVideoSection .workVideoGroup { width: calc(50% - 10px); }

  /* Blog listing */
  .blogListingSection { padding-top: 130px; }
  .blogListingSection .searchForm { padding: 12px 50px 12px 20px; }
  .blogListingSection .searchIcon { right: 20px; } 
  .blogListingSection .blogListingInner { gap: 10px 40px; }
  .blogListingSection .singleBlogCard { width: calc(50% - 20px); }
  .blogListingSection .singleBlogCard:nth-child(2n) { padding-top: 70px; }
  .blogCardTagsMain, .blogPostTagsMain { display: none !important; }

  /* Previos Blogs Module CSS */ /* Related Blogs CSS */
  .previousBlogSection .previousBlogsInner, .relatedBlogPostsSection .relatedBlogPostsInner { gap: 25px 30px; }
  .previousBlogSection .previousBlogCard, .relatedBlogPostsSection .relatedBlogCard { width: calc(50% - 15px); } 
  .previousBlogSection .previousBlogCardImageParent, .relatedBlogPostsSection .relatedBlogCardImageParent { max-width: 120px; }

  /* Blog Post */
  .blogPostSection { padding-top: 130px; }
  .blogPostSection .blogPostContent p, .blogPostSection .blogPostContent h6, .blogPostSection .blogPostContent h5, .blogPostSection .blogPostContent h4,   
  .blogPostSection .blogPostContent h3, .blogPostSection .blogPostContent h2, .blogPostSection .blogPostContent h1 { padding-top: 20px; }
  .blogPostSection .blogPostContent p, .blogPostSection .blogPostContent span { font-size: 18px; }
  .blogPostSection .blogPostAuthorDeatilsBox { padding: 25px; }
  .blogPostSection .blogPostAuthorImage { max-width: 100px; }

  /* Timeline Module CSS  */
  .timelineSection .singleTimelineInner { gap: 30px; }
  .timelineSection .timelineLeft, .timelineSection .timelineRight { width: 50%; }

  /* FAQ Module CSS  */
  .faqSection .faqArrow svg { width: 15px; height: 15px; }

  /* Residential Commercial Inner - guide CSS */
  .body-container--residential-commercial-inner .guideSection .guideLeftConatiner { width: 100%; }
  /* Huspy CSS */
  .huspy-wrapper { padding: 0px 16px; }

  .huspy-clients-logo-inner { flex-direction: column; gap: 40px;}
  .huspy-clients-logo-slider-section .huspy-clients-logo-left-col { max-width: 100%; margin: 0 auto;}
  .huspy-clients-logo-slider-section .huspy-clients-right-col { max-width: 100%;}
  
  .alaan-cls #heroFormBannerMain .big-wrapper { top: 6%; }
  .exclusive-links-cls #heroFormBannerMain .big-wrapper { top: 6%; }

}


@media (max-width: 767px){

  .heroFormBannerSection .heroBannerContentParent { padding-left: 20px; }
  
  .fitOutCostCalculatorSection .sectionContent, .fitOutContractorSection .sectionContentInner, .heroFormBannerSection .heroBannerContent { padding-left: 15px; }
  
  /*   Footer css */
  .footer .footerlogoParent { max-width: 175px; }  
  .footer .footerUpperLeft { flex-direction: column; gap: 30px; }
  .footer .footerUpperLeftRight { gap: 40px 25px; }
  .footer .footerBottomInner { flex-direction: column; }
  .footer .footerBottomLeft, .footer .footerBottomRight { width: 100%; }
  .footer .footerUpperLeftLeft { max-width: 285px; }
  /*   .footer .newsletterForm form .input { max-width: 205px; } */
  .footer form .input input, .footer form .input textarea { padding: 12px 16px; }
  .footer .footerUpperLeftLeft, .footer .footerUpperLeftRight { max-width: 100%; }

  /* Customer Testimonial Module CSS */
  .customerTestimonialSection .customerTestimonialTopInner { flex-direction: column; gap: 20px; }
  .customerTestimonialSection .sectionTitle, .customerTestimonialSection .customerMessageGroup { width: 100%; }
  .customerTestimonialSection .customerMessageGroup { padding: 30px 0 0 30px; }
  .customerTestimonialSection .customerMessageGroup:before { width: 50px; height: 50px; }  

  /* Before We Start Module CSS */
  .beforeWeStartSection .workContainer { width: calc(50% - 18px); }

  /* Next Step Module CSS */
  .nextStepSection .sectionContent { padding: 5px 0 5px 15px; }
  .nextStepSection .nextStepInner { flex-direction: column; gap: 20px; }
  .nextStepSection .nextStepRight, .nextStepSection .nextStepLeft { width: 100%; }

  /* Guide Inner Module V1 CSS */
  .guideInnerSectionV1 .guideFeatureBox { width: calc(50% - 10px); padding: 20px 10px; }

  /* Information Contact Module CSS */
  .informationContactSection  .navigationMenuParent { gap: 20px 30px; }

  /* Timeline Module CSS  */
  .timelineSection .singleTimelineInner { gap: 30px; }
  .timelineSection .timelineInformation { flex-direction: column; gap: 20px; }
  .timelineSection .timelineLeft, .timelineSection .timelineRight { width: 100%; }
  .timelineSection .timelineImageParent { width: 80%; }
  .timelineSection .timelineContent { padding-left: 0; }
  .timelineSection .timelineContent:before { display: none; }
  
  .hs_cos_wrapper_type_rich_text .rich-text-cls .faq-list-cls { padding-left: 20px; }
  .hs_cos_wrapper_type_rich_text .rich-text-cls .faq-list-cls li > h4, .hs_cos_wrapper_type_rich_text .rich-text-cls .faq-list-cls li::marker { font-size: 20px; }
  .hs_cos_wrapper_type_rich_text .rich-text-cls h3.faq-title { font-size: 26px; margin-top: 40px; }

  .alaan-cls #heroFormBannerMain .big-wrapper { top: 0%; }
  .exclusive-links-cls #heroFormBannerMain .big-wrapper { top: 10%; } 
  .exclusive-links-cls #heroFormBannerMain .cm-home-slider-group, .exclusive-links-cls #heroFormBannerMain .cm-home-slider-group .slide-item { min-height: 800px;  }
  .alaan-cls .qualityContractorForm .clearButton { left: 24vw; }
}


@media (max-width: 640px){

  h1, .h1 { font-size: 32px; }
  h2, .h2 { font-size: 32px; }
  h5, .h5 { font-size: 20px; }
  h6, .h6 { font-size: 18px; }
  .font16, .font16 a, .font16 h1, .font16 h2, .font16 h3, .font16 h4, .font16 h5, .font16 h6, .font16 li, .font16 p, .font16 span { font-size: 14px; }
  .smallLightText16, .smallLightText16 a, .smallLightText16 label, .smallLightText16 li, .smallLightText16 p, .smallLightText16 span { font-size: 14px; }

  .pt220, .p220_0 { padding-top: 80px; }
  .pb220, .p220_0 { padding-bottom: 80px; }
  .pt175, .p175_0, .pt160, .p160_0, .pt165, .p165_0, .pt150, .p150_0, .pt155, .p155_0, .pt145, .p145_0  { padding-top: 60px; }
  .pb175, .p175_0, .pb160, .p160_0, .pb165, .p165_0, .pb150, .p150_0, .pb155, .p155_0, .pb145, .p145_0 { padding-bottom: 60px; }
  .pt125, .p125_0, .pt120, .p120_0, .pt115, .p115_0  { padding-top: 60px; }
  .pb125, .p125_0, .pb120, .p120_0, .pb115, .p115_0  { padding-bottom: 60px; }
  .pt100, .p100_0 { padding-top: 50px; }
  .pb100, .p100_0 { padding-bottom: 50px; }
  .pt85, .p85_0, .pt80, .p80_0, .pt75, .p75_0, .pt70, .p70_0  { padding-top: 40px; }
  .pb85, .p85_0, .pb80, .p80_0, .pb75, .p75_0, .pb70, .p70_0  { padding-bottom: 40px; }
  .pt65, .p65_0, .pt60, .p60_0 { padding-top: 35px; }
  .pb65, .p65_0, .pb60, .p60_0 { padding-bottom: 35px; }
  .pt55, .p55_0, .pt50, .p50_0 { padding-top: 30px; }
  .pb55, .p55_0, .pb50, .p50_0 { padding-bottom: 30px; }
  .pt40, .p40_0, .pt45, .p45_0 { padding-top: 25px; }
  .pb40, .p40_0, .pb45, .p45_0 { padding-bottom: 25px; }
  .pt35, .p35_0, .pt30, .p30_0, .pt33, .pt25, .p25_0 { padding-top: 20px; }
  .pb35, .p35_0, .pb30, .p30_0, .pb25, .p25_0 { padding-bottom: 20px; }
  .pt20, .p20_0 { padding-top: 15px; }
  .pb20, .p20_0 { padding-bottom: 15px; }
  .pt15, .p15_0 { padding-top: 10px; }
  .pb15, .p15_0 { padding-bottom: 10px; }

  .mt40, .m40_0 { margin-top: 25px; }
  .mb40, .m40_0 { margin-bottom: 25px; }

  .content-wrapper, .wrapper, .big-wrapper { padding: 0 20px; }
  
  fieldset.form-columns-2 .hs-form-field, fieldset.form-columns-3 .hs-form-field { width: 100% !important; }
  form fieldset.form-columns-2 .hs-form-field:not(:last-child) .input, form fieldset.form-columns-3 .hs-form-field:not(:last-child) .input  { margin-right: 0 !important; }

  /*   Quality Contractor form CSS */
  .qualityContractorForm form fieldset.form-columns-1 .hs-input { width: 100% !important; }
  .qualityContractorForm { padding: 20px; border-radius: 24px; } 
  .qualityContractorForm form .hs-fieldtype-checkbox { margin: 20px 0; }
  .qualityContractorForm form .hs-form-checkbox input+span { padding-left: 25px; }
  .qualityContractorForm .clearButton { bottom: 20px; left: 178px; }

  /*   header CSS */
  .headerPopUpFormParent .closeButton { right: 35px; top: 35px; }

  /* Hero Form Banner Module CSS */
  .heroFormBannerSection .heroBannerLogo { max-width: 100%; }
  .heroFormBannerSection .heroFormParent { /*padding-right: 35px;*/ padding-right: 0px; }
  .heroFormBannerSection .socialMediaGroup { right: 5px; }

  /* Fit Out Contractor Module CSS */
  .fitOutContractorSection .fitOutContractorVideo iframe { height: 270px; }
  .fitOutContractorSection .fitOutConractorInformationParent { gap: 25px; }
  .fitOutContractorSection .fitOutContractorBox { width: 100%; }

  /*   How It Works Module CSS */
  .howItWorksSection .howItWorksLeft iframe { height: 300px; }


  /* Fit Out Cost Calculator Module CSS */
  .fitOutCostCalculatorSection .fitOutCostCalculatorFormParent { padding: 20px; border-radius: 24px; }
  .enquireNowPopUpForm form { padding: 30px 20px; height: 500px; overflow-y: auto; }
  .enquireNowPopUpForm form::-webkit-scrollbar { width: 5px; padding-right: 30px; }
  .enquireNowPopUpForm form::-webkit-scrollbar-track { border-radius: 10px; }
  .enquireNowPopUpForm form::-webkit-scrollbar-thumb { background: #FFFFFF; border-radius: 10px; padding-right: 20px; }

  /* Form WIth BAckground Module CSS */
  .formWithBackgroundSection .sectionForm { padding: 20px; border-radius: 24px; }

  /* Guide Module CSS */
  .guideSection .guideContainer:not(:first-child) { padding-top: 35px; }
  .guideSection .guideContainerTopPart { gap: 15px; }
  .guideSection .guideImageParent { padding-top: 20px; }
  .guideSection .guideRightContainer { gap: 20px; flex-direction: column; align-items: start; }

  /* Information Contact Module CSS */
  .informationContactSection  .navigationMenu a { font-size: 16px; text-decoration: underline; font-weight: 500; padding: 0; border: none; background-color: transparent; color: #202020; }
  .informationContactSection  .navigationMenu a:hover { color: #83CDB8; }

  /* Contractor Tabbing Module CSS */
  .contractorTabbingSection .contractorTabParent { margin-top: 15px; flex-direction: column; background-color: #FFFFFF; border-radius: 20px; border: 1px solid #202020; padding: 10px; gap: 10px; display: none; }
  .contractorTabbingSection .contractorTab { width: 100%; padding: 12px; }
  .contractorTabbingSection .contractorTab:not(:first-child) { margin-top: 12px; }
  /*   .contractorTabbingSection .contractorTab.active { border-radius: 20px; } */
  .contractorTabbingSection .responsiveTab { display: block; }
  .contractorTabbingSection .responsiveTab .downArrow { top: 15px; right: 15px; transition: all ease 0.3s; }
  .contractorTabbingSection .responsiveTab .downArrow.rotate { rotate: 180deg; }
  .contractorTabbingSection .tabAnswer { padding-left: 30px; }
  .contractorTabbingSection .tabAnswer:before { width: 22px; } 
  .contractorPopUpFormParent .closeButton { right: 35px; top: 35px; }

  /* Blog listing */
  .blogListingSection { padding-top: 110px; }
  .blogListingSection .blogListingInner { gap: 30px; }
  .blogListingSection .singleBlogCard { width: 100%; }
  .blogListingSection .singleBlogCard:nth-child(2n) { padding-top: 0; } 
  .blog_listing_pagination .blogCardPagination { gap: 25px; } 
  .blog_listing_pagination .blogCardPagination .arrow a { gap: 5px; } 
  .blog_listing_pagination .blogCardPagination .page_index { gap: 15px; }

  /* Previos Blogs Module CSS */ /* Related Blogs CSS */
  .previousBlogSection .previousBlogsInner, .relatedBlogPostsSection .relatedBlogPostsInner { gap: 20px; }
  .previousBlogSection .previousBlogCard, .relatedBlogPostsSection .relatedBlogCard { width: 100%; } 

  /* Blog Post */
  .blogPostSection { padding-top: 110px; }
  .blogPostSection .blogPostFeaturedImage { aspect-ratio: 16/9; }
  .blogPostSection .blogPostContent p, .blogPostSection .blogPostContent span { font-size: 16px; }
  .blogPostSection .blogPostAuthorImage { max-width: 80px; }
  .blogPostSection .blogPostAuthorAvatar { width: 45px; height: 45px; }
  .blogPostSection .blogPostAuthorDeatilsBox { flex-direction: column; gap: 20px; padding: 20px; justify-content: center; text-align: center; }

  /*   Guide CSS  */
  .guideInnerSection .guideInnerLinkOuter { padding: 20px 15px; }

  /* FAQ Module CSS  */
  .faqSection .faqQuestionParent { padding: 15px; }
  .faqSection .faqAnswerParent { padding: 0 15px 20px; }
  .faqSection .faqBox:not(:first-child) { padding-top: 10px; }
  
  /* Huspy CSS */
  .huspy-clients-logo-slider-section .huspy-logo-inner { width: 100%; max-width: 214px;}
  .csrAdImg { padding: 0 30px 40px; }
  
  .emaar-cls .heroFormBannerSection { min-height: 96vh; display: flex;  }
  .emaar-cls .heroFormBannerSection .big-wrapper { display: flex; justify-content: center; align-items: center; }

}


@media (max-width: 575px){

  .pt220, .p220_0 { padding-top: 60px; } 
  .pb220, .p220_0 { padding-bottom: 60x; }

  /* header css */
  .header { padding: 20px 0; }
  .heroFormBannerSection .heroLeftParent { width: 100%; }
  .header .desktopHeaderButton { /*display: none;*/ display: block; }
  .header .reponsiveHeaderButton { display: none; padding-top: 25px; }
  .header .reponsiveHeaderButton .headerButton { width: fit-content; }
  .header .headerLogoParent { max-width: 60px; }

  /* Fit Out Contractor Module CSS */
  .fitOutContractorSection .fitOutContractorVideo iframe { height: 250px; }

  /* Market Insights Module CSS */
  .marketInsightsSection .marketInsghtsBlogInner { flex-direction: column; }
  .marketInsightsSection .marketInsightsBlogCard { width: 100%; }
  .marketInsightsSection .blogPostImgparent .blogPostUrl { aspect-ratio: 9/5; }

  /* Before We Start Module CSS */
  .beforeWeStartSection .workContainer { width: 100%; }

  /* Industires Module CSS */
  .industriesSection .industryParent { gap: 20px; }
  .industriesSection .industryBox { width: 100%; }
  .industriesSection .industryImageParent { /*height: 280px;*/ height: auto; }
  .industriesSection .industryImage { height: 100% !important; object-fit: cover; }

  /* Work Video Module CSS */
  .workVideoSection .workVideoMain  { gap: 30px; }
  .workVideoSection .workVideoGroup { width: 100%; }
  
  .alaan-cls .qualityContractorForm .clearButton { left: 34vw; }

}


@media (max-width: 480px){

  .pt220, .p220_0, .pt175, .p175_0, .pt160, .p160_0, .pt165, .p165_0, .pt150, .p150_0, .pt155, .p155_0, .pt145, .p145_0  { padding-top: 50px; }
  .pb220, .p220_0, .pb175, .p175_0, .pb160, .p160_0, .pb165, .p165_0, .pb150, .p150_0, .pb155, .p155_0, .pb145, .p145_0  { padding-bottom: 50px; }
  .pt100, .p100_0, .pt125, .p125_0, .pt120, .p120_0, .pt115, .p115_0  { padding-top: 40px; }
  .pb100, .p100_0, .pb125, .p125_0, .pb120, .p120_0, .pb115, .p115_0  { padding-bottom: 40px; }

  .heroFormBannerSection .heroBannerContentParent { padding-left: 0px; }
  /*   header css */
  .headerPopUpFormParent .closeButton { right: 15px; top: 15px; }

  /*   Footer css */
  .footer .bottomMenu { width: calc(50% - 20px); }

  /*   Quality form css */
  .qualityContractorForm { padding: 24px 15px; }
  .qualityContractorForm .clearButton { bottom: 24px; left: 35vw; /*padding: 8px 12px;*/ padding: 11px 30px; }
  .qualityContractorForm form input[type=submit], .qualityContractorForm form .hs-button { /*padding: 8px 12px;*/ padding: 11px 30px; }

  /* Project Counter Module CSS */
  .projectCounterSection .projectCounterInner { gap: 30px; }
  .projectCounterSection .projectCounterBox { width: 100%; }

  /* Fit Out Contractor Module CSS */
  .fitOutContractorSection .fitOutContractorVideo iframe { height: 195px; }

  /* Fit Out Cost Calculator Module CSS */
  .fitOutCostCalculatorSection .formGroupButtonParent { flex-direction: column; }
  .fitOutCostCalculatorSection .formButton { width: 100%; }

  /* Contact Page Banner CSS */
  .body-container--contact .heroFormBannerSection .heroBannerContentParent { padding-left: 10px; }

  /* Guide Inner Module V1 CSS */
  .guideInnerSectionV1 .guideFeatureParent { gap: 15px; }
  .guideInnerSectionV1 .guideFeatureBox { width: 100%; border-radius: 15px; }  
  .guideInnerSectionV1 .guideImage { max-width: 100%; }
  .guidePopUpFormParent .closeButton { top: 30px; right: 30px; }

  /* Contractor Tabbing Module CSS */
  .contractorTabbingSection .responsiveTab .downArrow svg { width: 15px; }

  /* Industires Module CSS */
  .industriesSection .industryImageParent { height: auto; }

  /* Timeline Module CSS  */
  .timelineSection .singleTimelineInner { gap: 15px; }
  .timelineSection .timelineImageParent { width: 100%; }

  /* FAQ Module CSS  */
  .faqSection .faqAnswer { padding-left: 0; }
  .faqSection .faqAnswer:before { display: none; }
  .faqSection .faqQuestionParent { padding: 10px 0; }
  .faqSection .faqAnswerParent { padding: 10px 0 20px; }

}


@media (max-width: 375px){

  /*   Footer css */
  .footer .bottomMenu { width: 100%; }
  .footer .footerMenuParent { width: 100%; }

  /* Previos Blogs Module CSS */ /* Related Blogs CSS */
  .previousBlogSection .previousBlogCardInformation, .relatedBlogPostsSection .relatedBlogCardInformation { padding: 12px; }
  .previousBlogSection .previousBlogCardImageParent, .relatedBlogPostsSection .relatedBlogCardImageParent { max-width: 100px; }  

  /* Contractor Tabbing Module CSS */
  .contractorPopUpForm form { height: 450px; }

  /* Guide Inner Module CSS */
  .guidePopUpForm form { height: 450px; }
  .qualityContractorForm .clearButton, .alaan-cls .qualityContractorForm .clearButton { left: 42vw; }

}


@media (max-width: 320px){

}