/* Encoder IT (Harun) Custom Styles - July 2025 */

@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap");

:root {
  --white: #ffffff;
  --dark: #000000;
  --color-222222: #222222;
  --theme-yellow: #eba03b;
  --text-1d1f1e: #1d1f1e;
  --section-bg: #f5f7f7;
  --section-bg-2: #def6f6;
  --transition: 0.45s ease-in;
  --border: 1px solid #dfdede;
  --border-color: #dfdede;
  --body-bg: #f3f1ee;
  --ff-Roboto: "Roboto", sans-serif;
}

/* @font-face {
font-family: "Snell Roundhand Script";
src: url("../fonts/Snell/Snell-Roundhand-Regular.ttf");
font-weight: 700;

}

@font-face {
font-family: "the-seasons", sans-serif;
src: url("../fonts/Fontspring/Fontspring-DEMO-theseasons-bd.otf");
font-weight: 600;

}

@font-face {
font-family: "the-seasons", sans-serif;
src: url("../fonts/Fontspring/Fontspring-DEMO-theseasons-bdit.otf");
font-weight: 500;

}

@font-face {
font-family: "the-seasons", sans-serif;
src: url("../fonts/Fontspring/Fontspring-DEMO-theseasons-it.otf");
font-weight: 400;

} */

mark {
  padding: 0;
  background: var(--gradient-dark-green-ramp);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: #fff0;
}
.section_bg {
  background-color: var(--color-222222);
}
.section_bg_2 {
  background-color: var(--section-bg-2);
}
.bordered {
  border: var(--border);
}
.border_top {
  border-top: var(--border);
}
.border_bottom {
  border-bottom: var(--border);
}
.cursor-pointer {
  cursor: pointer;
}
.border-none {
  border: none !important;
}
.text-primary,
.primary_color {
  color: var(--theme-yellow) !important;
}
.bg_white {
  background-color: var(--white);
}
.p_8 {
  padding: 8px;
}
.p_12 {
  padding: 12px;
}
.p_15 {
  padding: 15px;
}
.p_16 {
  padding: 16px;
}
.p_35 {
  padding: 35px;
}
.p_48 {
  padding: 48px;
}
.pt_48 {
  padding-top: 48px;
}
.pt_40 {
  padding-top: 40px;
}
.pt_32 {
  padding-top: 32px;
}
.pt_20 {
  padding-top: 20px;
}
.pt_12 {
  padding-top: 12px;
}
.m_12 {
  margin: 12px;
}
.mt_50 {
  margin-top: 50px;
}
.mt_48 {
  margin-top: 48px;
}
.mt_43 {
  margin-top: 43px;
}
.mt_40 {
  margin-top: 40px;
}
.mt_36 {
  margin-top: 36px;
}
.mt_32 {
  margin-top: 32px;
}
.mt_30 {
  margin-top: 30px;
}
.mt_27 {
  margin-top: 27px;
}
.mt_24 {
  margin-top: 24px;
}
.mt_18 {
  margin-top: 18px;
}
.mt_16 {
  margin-top: 16px;
}
.mt_13 {
  margin-top: 13px;
}
.mt_12 {
  margin-top: 12px;
}
.mt_8 {
  margin-top: 8px;
}
.mt_6 {
  margin-top: 6px;
}
.me_1 {
  margin-right: 1px;
}
.me_4 {
  margin-right: 4px;
}
.me_6 {
  margin-right: 6px;
}
.me_8 {
  margin-right: 8px;
}
.me_10 {
  margin-right: 10px;
}
.me_12 {
  margin-right: 12px;
}
.me_16 {
  margin-right: 16px;
}
.me_24 {
  margin-right: 24px;
}
.ms_8 {
  margin-left: 8px;
}
.pt_18 {
  padding-top: 18px;
}
.p_30 {
  padding: 30px;
}
.p_32 {
  padding: 32px;
}
.p_24 {
  padding: 24px;
}
.p_20 {
  padding: 20px;
}
.p_25 {
  padding: 25px;
}
.pe_50 {
  padding-right: 50px;
}
.mb_4 {
  margin-bottom: 4px;
}
.mb_6 {
  margin-bottom: 6px;
}
.mb_7 {
  margin-bottom: 7px;
}
.mb_9 {
  margin-bottom: 9px;
}
.mb_8 {
  margin-bottom: 8px;
}
.mb_10 {
  margin-bottom: 10px;
}
.mb_11 {
  margin-bottom: 11px;
}
.mb_12 {
  margin-bottom: 12px;
}
.mb_16 {
  margin-bottom: 16px;
}
.mb_19 {
  margin-bottom: 19px;
}
.mb_20 {
  margin-bottom: 20px;
}
.mb_24 {
  margin-bottom: 24px;
}
.mb_25 {
  margin-bottom: 25px;
}
.mb_28 {
  margin-bottom: 28px;
}
.mb_30 {
  margin-bottom: 30px;
}
.mb_32 {
  margin-bottom: 32px;
}
.mb_34 {
  margin-bottom: 34px;
}
.mb_35 {
  margin-bottom: 35px;
}
.mb_36 {
  margin-bottom: 36px;
}
.mb_37 {
  margin-bottom: 37px;
}
.mb_38 {
  margin-bottom: 38px;
}
.mb_40 {
  margin-bottom: 40px;
}
.mb_42 {
  margin-bottom: 42px;
}
.mb_43 {
  margin-bottom: 43px;
}
.mb_48 {
  margin-bottom: 48px;
}
.mb_50 {
  margin-bottom: 50px;
}
.mb_58 {
  margin-bottom: 58px;
}
.mb_60 {
  margin-bottom: 60px;
}
.my_12 {
  margin-top: 12px;
  margin-bottom: 12px;
}
.my_16 {
  margin-top: 16px;
  margin-bottom: 16px;
}
.my_20 {
  margin-top: 20px;
  margin-bottom: 20px;
}
.my_24 {
  margin-top: 24px;
  margin-bottom: 24px;
}
.py_12 {
  padding-top: 12px;
  padding-bottom: 12px;
}
.py_24 {
  padding-top: 24px;
  padding-bottom: 24px;
}
.py_20 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.b_radius_30 {
  border-radius: 30px;
}
.b_radius_20 {
  border-radius: 20px;
}
.b_radius_15 {
  border-radius: 15px;
}
.b_radius_10 {
  border-radius: 10px;
}
.lh_0 {
  line-height: 0;
}
.lh_120 {
  line-height: 120%;
}
.lh_100_i {
  line-height: 100% !important;
}
*,
body {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  /* color: var(--text-1d1f1e); */
  transition: color 0.45s ease-in;
  font-family: var(--ff-Roboto);
}

body {
  color: var(--color-222222);
  background-color: var(--white);
}

i,
a,
p,
span,
strong,
td,
th {
  font-size: 16px;
  line-height: 20px;
}

a,
p,
span,
td {
  font-weight: 400;
}

th,
strong {
  font-weight: 700;
}

a {
  text-decoration: none;
  color: var(--text-1d1f1e);
}

i,
a,
p,
h1,
h2,
h3,
h4,
h5,
h6,
div,
td,
span,
small,
strong {
  margin: 0;
  transition: color var(--transition);
}

main {
  min-height: calc(100vh - 600px);
  min-height: calc(100vh - 337px);
}

iframe,
img {
  max-width: 100%;
}

img[data-stringify-type="emoji"],
img.emoji {
  max-width: 1em;
}
.mx-100 {
  max-width: 100% !important;
}
.lineClamp1,
.lineClamp2,
.lineClamp4,
.lineClamp3 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.lineClamp1 {
  -webkit-line-clamp: 1;
  line-clamp: 1;
}
.lineClamp2 {
  -webkit-line-clamp: 2;
  line-clamp: 2;
}
.lineClamp3 {
  -webkit-line-clamp: 3;
  line-clamp: 3;
}
.lineClamp4 {
  -webkit-line-clamp: 4;
  line-clamp: 4;
}
.text-white,
.text-white * {
  color: var(--white);
}
.section_padding {
  padding-top: 46px;
  padding-bottom: 46px;
}
.section_paddingTop46 {
  padding-top: 46px;
}
.section_paddingBottom46 {
  padding-bottom: 46px;
}
.section_marginTop46 {
  margin-top: 46px;
}
.row_d {
  display: flex;
  flex-wrap: wrap;
}
.flex_align_center {
  display: flex;
  align-items: center;
}
.flex_align_end {
  display: flex;
  align-items: end;
}
.flex_align_end_between {
  display: flex;
  align-items: end;
  justify-content: space-between;
}
.flex_center_center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.flex_start_justify_center {
  display: flex;
  align-items: start;
  justify-content: center;
}
.flex_center_justify_between {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.flex_stretch_justify_between {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}
.flex_center_justify_end {
  display: flex;
  align-items: center;
  justify-content: end;
}
.flex_start_justify_between {
  display: flex;
  align-items: start;
  justify-content: space-between;
}
.flex_end_justify_between {
  display: flex;
  align-items: end;
  justify-content: space-between;
}
.flex_justify_center {
  display: flex;
  justify-content: center;
}
.flex_align_stretch {
  display: flex;
  align-items: stretch;
}
.flex_column {
  display: flex;
  flex-direction: column;
}
.flex_column_justify_center {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.flex_column_justify_end {
  display: flex;
  flex-direction: column;
  justify-content: end;
}
.flex_column_justify_between {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.container {
  max-width: 1312px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 16px;
  padding-right: 16px;
  box-sizing: border-box;
}
.section_width {
  margin-left: auto;
  margin-right: auto;
}
.letter-spacing--2 {
  letter-spacing: -2%;
}

h1,
h1 span,
h1 i,
.heading_55,
.heading_55 i,
.heading_55 span {
  font-size: clamp(30px, 4vw, 55px);
  line-height: 115%;
  font-weight: 400;
}

h2,
h2 span,
h2 i,
.heading_40,
.heading_40 i,
.heading_40 span {
  font-size: clamp(25px, 3.5vw, 40px);
  line-height: 125%;
  font-weight: 400;
}
.heading_34,
.heading_34 i,
.heading_34 span {
  font-size: clamp(25px, 3vw, 34px);
  line-height: 120%;
  font-weight: 400;
}

h3,
.heading_32,
.heading_32 i,
.heading_32 span {
  font-size: clamp(25px, 3vw, 32px);
  line-height: 120%;
  font-weight: 400;
}
.heading_30,
.heading_30 i,
.heading_30 span {
  font-size: clamp(25px, 3vw, 30px);
  line-height: 120%;
  font-weight: 400;
}

h4,
.heading_25,
.heading_25 i,
.heading_25 span {
  font-size: clamp(18px, 3vw, 25px);
  line-height: 120%;
  font-weight: 400;
}

h5,
.heading_18,
.heading_18 span {
  font-size: 18px;
  line-height: 25px;
}
.fs_12 {
  font-size: 12px;
  line-height: 18px;
}
.fs_13 {
  font-size: 13px;
  line-height: 1.3333;
}
.fs_14 {
  font-size: 14px;
  line-height: 18px;
}
.fs_15 {
  font-size: 15px;
}
.fs_17 {
  font-size: 17px;
}
.fs_18,
.pf_18 {
  font-size: 18px;
}
.fs_20 {
  font-size: 20px;
}
.fs_20all *,
.fs_20all {
  font-size: 20px;
}
.fs_16all *,
.fs_16all {
  font-size: 16px;
}
.fs_22 {
  font-size: 22px;
}
.fs_24 {
  font-size: 24px;
}
.fs_25 {
  font-size: 25px;
}
.fw_700 {
  font-weight: 700;
}
.fw_600 {
  font-weight: 600;
}
.fw_500 {
  font-weight: 500;
}
.fw_400 {
  font-weight: 400;
}

/* Btn Design start */

._btn {
  font-weight: 500;
  font-size: clamp(18px, 2vw, 23px);
  line-height: 120%;
  text-align: center;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 53px;
  border-radius: 10px;
  width: max-content;
  max-width: 100%;
  border: none;
  box-shadow: none;
  min-height: 54px;
  transition: all var(--transition);
  box-sizing: border-box;
}
._btn {
  color: var(--white);
  background-color: var(--theme-yellow);
  border: 2px solid var(--theme-yellow);
}
._btn:hover {
  background-color: transparent;
  color: var(--theme-yellow);
}
.btn40 {
  min-height: 40px;
}
.btn_green {
  background-color: var(--text-174137);
  border: 1px solid #296356;
  color: var(--white);
}
.btn_round {
  border-radius: 29px;
}
.btn-primary {
  --myColor1: #00a8a3;
  --myColor2: #01605d;
  padding: 14px 32px;
  font-size: 16px;
  line-height: 1.5;
  background: linear-gradient(146deg, var(--myColor1) 0%, var(--myColor2) 100%);
  border: 0;
  border-radius: 5px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
  transition-property: --myColor1, --myColor2, background-color, box-shadow,
    color, background;
  color: var(--white);
}
.btn-sm {
  padding: 7px 20px;
}
.btn-sm *,
.btn-sm {
  font-size: 15px;
}

/* Btn Design end */

.for_mobile {
  display: none !important;
}
.themeHeader {
  padding: 42px 0;
}
.headerItemcontainer .item {
  flex: 1 1 auto;
  width: 100%;
}
.headerItemcontainer .leftBtn {
  padding: 4px 10px;
  padding-right: 15px;
  border-radius: 100px;
  background-color: var(--theme-yellow);
  width: max-content;
  border: 1px solid var(--theme-yellow);
  transition: all var(--transition);
}
.headerItemcontainer .leftBtn:hover {
  background-color: transparent;
}
.headerItemcontainer .leftBtn .phnIcon {
  border-radius: 50%;
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 8px;
  background-color: #b97923;
}

.headerItemcontainer .phnIcon i {
  font-size: 11px;
}
.headerItemcontainer .leftBtn .numberFld,
.headerItemcontainer .leftBtn .topSub {
  line-height: 100%;
  color: var(--dark);
}
.headerItemcontainer .leftBtn .topSub {
  font-size: 12px;
}
.headerItemcontainer .leftBtn .numberFld {
  font-size: 16px;
}
.headerItemcontainer .rightPart .rightContent {
  max-width: 225px;
}
.headerItemcontainer .rightPart * {
  font-size: 12px;
  line-height: 16px;
  color: #0d0d0d;
}
.headerItemcontainer .rightPart i {
  margin-right: 10px;
  font-size: 14px;
  color: var(--theme-yellow);
}
.logo,
.themeHeader .logo {
  max-width: 220px;
  object-fit: contain;
}
.bannerSection h1 {
  /* color: var(--white); */
  margin-bottom: 45px;
}
.bannerSection h1 span {
  color: var(--theme-yellow);
}
.bgImg {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.bannerSection .sectionBg {
  background-image: url("../images/images/banner_bg.webp");
}
.bannerSection .parentCol {
  padding: 140px 88px;
  background-color: rgba(0, 0, 0, 0.6);
}
.bannerSection .leftCol {
  width: 40.6%;
  margin-right: 15.9%;
}
.bannerSection .rightFromCol {
  width: 43.5%;
  background-color: rgba(101, 101, 101, 0.5);
  backdrop-filter: blur(4px);
  padding: 65px 47px;
}
.bannerSection .leftInfos {
  background-color: rgba(232, 232, 232, 0.1);
  backdrop-filter: blur(4px);
  padding: 21px 23px;
  margin-top: 62px;
  gap: 18px;
}
.bannerSection .leftInfos .item {
  /* flex: 1 1 auto; */
  /* width: 100%; */
}
.bannerSection .leftInfos .icon {
  max-width: 30px;
  min-width: 30px;
  margin-right: 10px;
}
.bannerSection .leftInfos .item p {
  font-size: clamp(12px, 2vw, 14px);
  line-height: 15px;
  text-transform: capitalize;
}
.bannerSection .leftCol .titleDes p {
  max-width: 300px;
}
.footerTopArea {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 50px;
}
.themeFooter {
  padding-top: 50px;
  padding-bottom: 38px;
}
.themeFooter .copyrightText {
  margin-top: 70px;
  /* line-height: 100%; */
  font-size: clamp(12px, 1.5vw, 14px);
}
.socialCol {
  gap: 45px;
}
.socialCol a {
  display: inline-block;
}
.socialCol i {
  font-size: 22px;
  transition: color var(--transition);
}

a:hover,
.socialCol a:hover i {
  color: var(--theme-yellow);
}
.locationNumber > *:not(:last-child) {
  margin-bottom: 18px;
  max-width: 100%;
}
.locationNumber > * {
  display: flex;
  gap: 25px;
}
.locationNumber *,
.locationNumber a,
.locationNumber p {
  font-size: 18px;
  line-height: 22px;
}
.locationNumber i {
  font-size: 16px;
  min-width: 16px;
  color: var(--theme-yellow);
  text-align: center;
}
.outdoorProjectsSection .leftCol {
  width: 44.6%;
  margin-right: 11.5%;
}
.outdoorProjectsSection .leftCol,
.outdoorProjectsSection .stepMainPart h2 {
  padding-left: 55px;
}
.outdoorProjectsSection .rightCol {
  background-image: url("../images/images/outdoorProjectsImg.webp");
  min-height: 765px;
  width: 43.9%;
}
.outdoorProjectsSection .leftCol ul li {
  list-style: none;
  padding-left: 50px;
  background-image: url("../images/icons/li_error.svg");
  background-repeat: no-repeat;
  background-size: 34px;
  background-position: left center;
  font-weight: 400;
  font-size: clamp(18px, 2vw, 25px);
  line-height: 30px;
  margin-bottom: 15px;
}
.outdoorProjectsSection .leftCol .shortDes {
  margin-top: 40px;
  margin-bottom: 31px;
  display: flex;
  flex-direction: column;
  justify-content: start;
}
.outdoorProjectsSection .leftCol .shortDes p {
  font-size: clamp(18px, 2vw, 23px);
  line-height: 120%;
  display: inline-block;
  background-color: var(--theme-yellow);
  padding: 5px 17px;
  position: relative;
  width: max-content;
  max-width: 100%;
  border-radius: 10px;
}
.outdoorProjectsSection .leftCol .shortDes p:first-child {
  padding-bottom: 3px;
  border-bottom-left-radius: 0;
}
.outdoorProjectsSection .leftCol .shortDes p:last-child {
  padding-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  position: relative;
  padding-right: 25px;
  border-bottom-right-radius: 15px;
}
.outdoorProjectsSection .leftCol .shortDes p:last-child::before,
.outdoorProjectsSection .leftCol .shortDes p:last-child::after {
  position: absolute;
  width: 15px;
  height: 35px;
  background-color: #fff;
  border-top-left-radius: 10px;
}
.outdoorProjectsSection .leftCol .shortDes p:last-child::after {
  top: -0.3px;
  right: -11px;
  content: "";
}
.outdoorProjectsSection .leftCol .shortDes p:last-child::before {
  top: 0;
  left: -11px;
}
.outdoorProjectsSection .stepMainPart {
  position: absolute;
  bottom: 47px;
  left: 0;
  z-index: 2;
}
.outdoorProjectsSection .stepPart {
  display: flex;
  align-items: center;
  gap: 42px;
  padding: 35px 48px;
  border-radius: 60px;
  background-color: #1ec34a;
  width: max-content;
  min-height: 119px;
  margin-top: 35px;
}
.outdoorProjectsSection .stepPart p {
  font-size: clamp(18px, 3vw, 40px);
  line-height: 115%;
  text-transform: capitalize;
}
.outdoorProjectsSection .stepPart i {
  color: var(--white);
  font-size: clamp(17px, 3vw, 34px);
}
.sliderSection .parentCol {
  border: 7px solid #e8e8e8;
}

/* After Before Slider start */

.beforeAfterWrapper {
  position: relative;
  width: 100%;
  margin: auto;
  /* aspect-ratio: 16 / 9; */
  height: 600px;
  overflow: hidden;
}
.imageHolder {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.imageHolder img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
}
.beforeWrapper {
  z-index: 2;
  clip-path: inset(0 50% 0 0);
  transition: clip-path 0.2s ease;
}
.beforeAfterSliderInput {
  -webkit-appearance: none;
  appearance: none;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 100%;
  background: transparent;
  z-index: 2;
  cursor: ew-resize;
  pointer-events: auto;
}
.beforeAfterSliderInput::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 35px;
  height: 35px;
  background: url("../images/icons/sliderArrowMiddle.svg") no-repeat center
    center;
  background-size: cover;
  border: 0;
  border-radius: 50%;
  box-shadow: none;
  margin-top: -20px;
}
.beforeAfterSliderInput::-moz-range-thumb {
  width: 35px;
  height: 35px;
  background: url("../images/icons/sliderArrowMiddle.svg") no-repeat center
    center;
  background-size: cover;
  border: 0;
  border-radius: 50%;
  box-shadow: none;
}
.slider-divider {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 3px;
  background: #e8e8e8;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
  z-index: 2;
  transition: left 0.2s ease;
}

/* After Before Slider end */

.sliderSection .topLabel {
  padding: 20px;
}
.sliderSection .topLabel p {
  font-size: clamp(18px, 2.5vw, 25px);
  text-transform: capitalize;
  min-width: 150px;
  height: 50px;
  background-color: #e8e8e8;
  border-radius: 60px;
}
.sliderBtnContainer {
  gap: 20px;
}
.sliderSection .sliderBtnContainer {
  gap: 100px;
  margin-top: 53px;
}
.sliderBtn,
.sliderSection .sliderBtn {
  background-color: transparent;
  border: none;
  padding: 0;
  box-shadow: none;
  outline: none;
  display: flex;
  align-items: center;
  gap: 20px;
  font-weight: 400;
  font-size: 18px;
  text-transform: capitalize;
}
.sliderSection .sliderBtn {
  min-height: 50px;
}
.sliderBtn.slick-disabled,
.sliderSection .sliderBtn.slick-disabled {
  opacity: 0.5;
  pointer-events: none;
}
.sliderBtn img,
.sliderSection .sliderBtn img {
  max-width: 35px;
  object-fit: contain;
}
.includedSection .section_width {
  background-color: #024951;
}
.includedSection .parentCol {
  background-image: url("../images/images/gridLinePattern.webp");
  background-color: #02495187;
  background-blend-mode: multiply;
  padding: 105px;
}
.includedSection .headingArea {
  max-width: 450px;
  margin-bottom: 100px;
}
.whatsGrid {
  gap: 157px;
}
.whatsGrid .item {
  min-width: 162px;
}
.whatsGrid .icon {
  max-height: 70px;
  height: 70px;
  min-width: 70px;
  object-fit: contain;
  margin-bottom: 30px;
}
.testimonialSection .section_width {
  max-width: 1140px;
}
.testimonialSection .leftCol {
  width: 55%;
  margin-right: 10.5%;
}
.testimonialSection .rightCol {
  width: 34.5%;
}
.testimonialSection .testimonialSlider p {
  font-size: 18px;
  line-height: 23px;
  text-transform: capitalize;
}
.testimonialSection .ratingsName {
  gap: 42px;
  margin-top: 6px;
}
.testimonialSection .sliderBtnContainer {
  margin-top: 40px;
}
.testimonialSection .ratingContainer i {
  color: var(--theme-yellow);
  margin-right: 1px;
}
.testimonialSection .commentsArea {
  min-height: 55px;
}
.letsFinalizeSection .parentCol p {
  font-size: clamp(16px, 2vw, 18px);
  line-height: 125%;
}
.letsFinalizeSection .parentCol {
  gap: 40px;
  margin: 0 auto;
}
.mw_645,
.letsFinalizeSection .parentCol {
  max-width: 645px;
}
.howWorksSection .sectionBg {
  background-image: url("../images/images/banner_bg.webp");
}
.howWorksSection .parentCol {
  padding: 50px;
  min-height: 400px;
  background-color: rgba(0, 0, 0, 0.5);
}
.listenWriteSection .parentCol {
  gap: 70px;
}
.listenWriteSection .item {
  background-color: #d78a22;
  padding-right: 60px;
  flex: 1 1 auto;
  width: 100%;
}
.listenWriteSection .arrowIcon {
  background-color: #ffba5c;
  height: 94px;
  width: 94px;
  min-width: 94px;
  transform: translate(-50%, -50%);
  left: 100%;
  top: 50%;
}
.listenWriteSection .arrowIcon img {
  max-width: 34px;
  object-fit: contain;
}
.listenWriteSection .item:last-child .arrowIcon {
  display: none;
}
.chooseOutdoorSection .parentCol {
  background-color: #fffaf3;
  padding: 110px;
  padding-bottom: 85px;
}
.chooseOutdoorSection .headingArea {
  max-width: 580px;
  margin-bottom: 70px;
}
.chooseOutdoorGrid .item {
  flex: 1 1 auto;
  width: 100%;
}
.chooseOutdoorGrid .item:not(:last-child) {
  margin-right: 65px;
  padding-right: 65px;
  border-right: 1px solid var(--dark);
}
.chooseOutdoorGrid .heading_55 {
  font-size: 55px;
  line-height: 40px;
  text-transform: capitalize;
  margin-bottom: 7px;
}
.headingMargin,
.specializeRemodelingSection .headingArea {
  margin-bottom: 85px;
}
.remodelingGrid {
  margin-top: -38.5px;
  margin-left: -38.5px;
  margin-right: -38.5px;
  justify-content: center;
}
.remodelingGrid .item {
  width: calc(33.33333% - 77px);
  margin: 38.5px;
}
.remodelingGrid .item .likeBtn {
  margin: 12px;
  background-color: var(--white);
  font-weight: 400;
  font-size: 25px;
  line-height: 100%;
  padding: 20px;
  border-radius: 10px;
}
.gridImg {
  background-position: center center;
  background-size: cover;
  transition: transform var(--transition);
}
.item:hover .gridImg {
  transform: scale(1.1);
}
.specializeRemodelingSection .btnColumn {
  margin-top: 120px;
}

#bannerForm .forminator-row:not(:last-child) {
  margin-bottom: 22px !important;
}
#bannerForm .forminator-row-last:not(:last-child) {
  padding-top: 35px;
  margin-bottom: 0 !important;
}
.forminator-button,
.forminator-input,
#bannerForm .forminator-button,
#bannerForm .forminator-input {
  min-height: 53px !important;
  outline: none !important;
  box-shadow: none !important;
  border-radius: 10px !important;
  padding: 5px 20px !important;
  width: 100%;
}
#bannerForm .forminator-input {
  background-color: var(--white) !important;
  border: 1px solid var(--white) !important;
}
.forminator-input,
#bannerForm .forminator-input {
  font-size: clamp(14px, 1.3vw, 16px) !important;
  transition: all var(--transition);
}
.forminator-input:focus,
#bannerForm .forminator-input:focus {
  border-color: var(--theme-yellow) !important;
}
.forminator-button,
#bannerForm .forminator-button {
  font-weight: 400 !important;
  font-size: clamp(16px, 1.3vw, 18px) !important;
  text-align: center !important;
  background-color: var(--theme-yellow) !important;
  color: var(--white) !important;
  border: 1px solid var(--theme-yellow) !important;
  transition: all var(--transition) !important;
  margin-bottom: 0 !important;
}
.forminator-button:hover,
#bannerForm .forminator-button:hover {
  background-color: transparent !important;
  color: var(--theme-yellow) !important;
}
.mx_700 {
  max-width: 700px;
}
.p_50_30 {
  padding: 50px;
}
#planFormMain {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 16px;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  border: 1px solid rgba(255, 255, 255, 0.3);
}
.forminator-ui.forminator-custom-form[data-design="default"].forminator-pagination-steps.forminator-step.forminator-step-dot {
  height: 30px !important;
  -ms-flex: 0 0 30px !important;
  flex: 0 0 30px !important;
  border-radius: 30px !important;
}
.forminator-ui.forminator-custom-form[data-design="default"]:not(
    .forminator-size--small
  ).forminator-pagination-steps.forminator-step,
.forminator-ui.forminator-custom-form[data-design="default"].forminator-pagination-steps.forminator-step.forminator-step-dot {
  width: 30px !important;
}
.forminator-ui.forminator-custom-form[data-design="default"]:not(
    .forminator-size--small
  ).forminator-pagination-steps.forminator-break {
  margin: 15px 0 !important;
}
.forminator-ui.forminator-design--default.forminator-pagination-steps.forminator-step.forminator-current
  ~ .forminator-step.forminator-step-dot {
  border-color: #777771 !important;
  background-color: #777771 !important;
}
.forminator-ui.forminator-design--default.forminator-radio.forminator-radio-bullet::before,
.forminator-ui.forminator-design--default.forminator-pagination-steps.forminator-break::before,
.forminator-ui.forminator-design--default.forminator-pagination-steps.forminator-step.forminator-step-dot {
  background-color: var(--theme-yellow) !important;
}
.forminator-ui.forminator-design--default.forminator-radioinput:checked
  + .forminator-radio-bullet,
.forminator-ui.forminator-design--default.forminator-pagination-steps.forminator-step.forminator-step-dot {
  border-color: var(--theme-yellow) !important;
}
.plan_FormSection {
  min-height: 80vh;
}
.forminator-label {
  font-size: clamp(14px, 1.5vw, 16px) !important;
  line-height: 125% !important;
}
#planFormMain .forminator-pagination {
  min-height: 400px;
}
.forminator-step .forminator-step-label {
  margin-bottom: -30px;
  position: relative;
  z-index: 3;
  font-size: 20px !important;
  line-height: 20px !important;
  color: var(--white) !important;
}
.forminator-ui.forminator-custom-form[data-design="default"].forminator-radio:not(
    .forminator-radio-inline
  ) {
  margin: 5px 0 !important;
}