body,html{
	overflow-x:hidden;
}
/* header */
 #brx-header{
     left: 0;
     position: fixed !important;
     z-index: 999 !important;
     top: 0;
}
.header-scrolled > .brxe-section{
	background-color:#F4F1DE !important;
}
/* header */
/* footer */
 .mts_sb{
     flex-wrap: nowrap;
     max-width:486px;
     background: rgba(255, 255, 255, 0.1);
     border: 1px solid rgba(255, 255, 255, 0.2);
     border-radius: 100px;
     padding: 8px 8px 8px 24px;
}
 .mts_sb .form-group{
     padding:0;
}
 .mts_sb .ff-default .ff-el-form-control{
     background:transparent;
	 border: 1px solid;
     font-family: "IBM Plex Sans";
     font-style: normal;
     font-weight: 400;
     font-size: 16px;
     color: rgba(255, 255, 255, 1);
}
 .mts_sb .ff-default input::placeholder{
     font-family: "IBM Plex Sans";
     font-style: normal;
     font-weight: 400;
     font-size: 16px;
     color: rgba(255, 255, 255, 0.6);
}
 body.bricks-is-frontend :focus-visible {
     outline: unset;
}
 .mts_sb form.fluent_form_2 .wpf_has_custom_css.ff-btn-submit{
     background-color:#ffffff !important;
     padding:16px 24px 14px 24px;
     border-radius:100px;
     transition: all 0.5s ease-in-out;
}
 .mts_sb form.fluent_form_2 .wpf_has_custom_css.ff-btn-submit:hover{
     background-color: #00457F !important;
     color: #00457F;
     transition: all 0.5s ease-in-out ;
}
 .mts_sb form.fluent_form_2 .wpf_has_custom_css.ff-btn-submit{
     font-family: "Chronica Pro";
     font-weight: 700;
     font-size: 13px;
     line-height: 100%;
     letter-spacing: 0.08em;
     text-transform: uppercase;
     color: #00457F;
	 margin-bottom:0;
     transition: all 0.5s ease-in-out ;
}
 .mts_sb form.fluent_form_2 .wpf_has_custom_css.ff-btn-submit:hover{
     color: #ffffff;
     transition: all 0.5s ease-in-out;
}
.mts_sb .fluentform .ff-el-group{
	margin-bottom:0;
}
.mts_sb .frm-fluent-form .ff-t-container{
	gap:0;
}
.ff-default .ff-el-form-control:focus{
	background:transparent !important;
	border:transparent !important;
    
}
.ff-default .ff-el-form-control:focus{
	 font-family: "IBM Plex Sans";
     font-style: normal;
     font-weight: 400 ;
     font-size: 16px !important;
	 border: 1px solid #dadbdd!important;
}
/* footer */
/* button */
.mts_blue_btn{
	transition: all 0.5s ease-in-out;
	border:1px solid #00457F !important;
}
.mts_blue_btn:hover{
	transition: all 0.5s ease-in-out;
	background-color:#ffffff !important;
	border:1px solid #00457F;
	color:#00457F !important;
}
.mts_white_btn{
	transition: all 0.5s ease-in-out;
	border: 1px solid rgba(0, 69, 127, 0.2) !important;
}
.mts_white_btn:hover{
	transition: all 0.5s ease-in-out;
	border: 1px solid #A1351A !important;
	color:#ffffff !important;
	background:#123553 !important;
}
.wbd_btn_brown{
	transition: all 0.5s ease-in-out;
	border: 1px solid #A1351A !important;
}
.wbd_btn_brown:hover{
	transition: all 0.5s ease-in-out;
	border: 1px solid #A1351A !important;
	color:#A1351A !important;
	background:#ffffff !important;
}
/* button */

/* Blog Page */
.mts_blog_main .brxe-posts {
  display: flex !important;
  flex-direction: row !important;
  gap: 80px !important;
}

.mts_blog_main .bricks-isotope-filters {
  display: flex !important;
  flex-direction: column !important;
  width: 280px !important;
  min-width: 280px !important;
  flex-shrink: 0 !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  position: sticky !important;
  top: 100px !important;
  order: -1 !important;
  align-items: flex-start !important;
  gap: 8px !important;
}

.mts_blog_main .bricks-isotope-filters::before {
  content: "CATEGORIES";
  font-family: 'Chronica Pro', sans-serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 120%;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #123553;
  padding: 0 0 12px 0;
  display: block;
  text-align: left !important;
  width: 100% !important;
}

.mts_blog_main .bricks-isotope-filters li[data-filter="*"] {
  display: none !important;
}

.mts_blog_main .bricks-isotope-filters li {
  padding: 16px 24px !important;
  border-radius: 100px !important;
  border: 1px solid transparent !important;
  cursor: pointer !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  line-height: 150% !important;
  color: #123553CC !important;
  transition: all 0.2s !important;
  margin-bottom: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  width: fit-content !important;
  display: block !important;
  white-space: nowrap !important;
}

.mts_blog_main .bricks-isotope-filters li.active {
  background: #FFFFFF !important;
  border: 1px solid #12355333 !important;
  box-shadow: 0px 6px 12px 0px #12355326 !important;
  color: #123553 !important;
  padding: 16px 24px !important;
  width: fit-content !important;
  white-space: nowrap !important;
}

.mts_blog_main .bricks-isotope-filters li:hover {
  background: #FFFFFF !important;
  border: 1px solid #12355333 !important;
  box-shadow: 0px 6px 12px 0px #12355326 !important;
  color: #123553 !important;
  width: fit-content !important;
  white-space: nowrap !important;
}

.mts_blog_main .bricks-layout-wrapper {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 20px !important;
  position: static !important;
  height: auto !important;
  width: 920px !important;
  max-width: 920px !important;
}

.mts_blog_main .bricks-layout-wrapper .bricks-layout-item {
  position: static !important;
  left: auto !important;
  top: auto !important;
  width: 100% !important;
}

.mts_blog_main .bricks-layout-wrapper .bricks-layout-item:first-child {
  grid-column: 1 / -1 !important;
}

.mts_blog_main .bricks-layout-wrapper .bricks-layout-item .bricks-layout-inner {
  display: flex !important;
  flex-direction: column !important;
}

.mts_blog_main .bricks-layout-wrapper .bricks-layout-item .image-wrapper {
  overflow: hidden !important;
  display: block !important;
  flex-shrink: 0 !important;
}

.mts_blog_main .bricks-layout-wrapper .bricks-layout-item:first-child .image-wrapper {
  height: 424px !important;
}

.mts_blog_main .bricks-layout-wrapper .bricks-layout-item:first-child .image-wrapper img {
  width: 100% !important;
  height: 424px !important;
  object-fit: cover !important;
  display: block !important;
}

.mts_blog_main .bricks-layout-wrapper .bricks-layout-item:not(:first-child) .image-wrapper {
  height: 247px !important;
}

.mts_blog_main .bricks-layout-wrapper .bricks-layout-item:not(:first-child) .image-wrapper img {
  width: 100% !important;
  height: 247px !important;
  object-fit: cover !important;
  display: block !important;
}

.mts_blog_main .bricks-layout-wrapper .bricks-layout-item a {
  text-decoration: none !important;
  outline: none !important;
  border: none !important;
  display: block !important;
}

.mts_blog_main .bricks-layout-wrapper .bricks-gutter-sizer,
.mts_blog_main .bricks-layout-wrapper .bricks-isotope-sizer {
  display: none !important;
}

.mts_blog_main .content-wrapper h3[data-field-id="jtzbue"] {
  background: linear-gradient(to right, #A1351A, #F5AF3D) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  display: inline-block !important;
}

.mts_blog_main .content-wrapper {
  position: relative !important;
}

.mts_blog_main .content-wrapper h3[data-field-id="kegcso"] {
  position: absolute !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0 !important;
  bottom: 35px;
}

.mts_blog_main .content-wrapper h3[data-field-id="kegcso"] img {
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  display: block !important;
}

.mts_blog_main .content-wrapper h3[data-field-id="lavzqk"] {
  padding-left: 50px !important;
  margin: 0 !important;
}

.mts_blog_main .content-wrapper h3[data-field-id="josxfh"] {
  padding-left: 50px !important;
  margin: 0 !important;
}

.mts_blog_main .bricks-layout-wrapper .bricks-layout-item:not(:first-child) .content-wrapper h3[data-field-id="197822"] {
  font-size: 24px !important;
}


/*Contact Form*/
.fluent_form_3 .ff-el-form-control {
  background-color: #ffffff !important;
  border: 1.5px solid #12355333 !important;
  border-radius: 100px !important;
  padding: 12px!important;
  font-size: 14px !important;
  width: 100% !important;
  color: #123553 !important;
}

.fluent_form_3 textarea.ff-el-form-control {
  border-radius: 16px !important;
}

.fluent_form_3 select.ff-el-form-control {
  background-color: #ffffff !important;
  border: 1.5px solid #12355333 !important;
  border-radius: 100px !important;
  padding: 14px !important;
}

.ff-default .ff-el-input--label label{
	color:#123553;
}

/*Portfolio home*/
.bricks-swiper-container .repeater-item .image {
  border-radius: 16px;
}

/*About card*/
.brxe-icon-box .content p {
  margin-top: 16px;
}
.mts_slider{
    position: relative;
}
.mts_slider::after{
  content:'';
  position: absolute;
  width: 486px;
  height: 100%;
  right: 0;
  top: 	0;
  z-index: 	9;
  background: linear-gradient(270deg, #EFF8FF 0%, rgba(239, 248, 255, 0) 100%);
}

.mts_client_logo::after{
	content:'';
  position: absolute;
  width: 486px;
  height: 100%;
  right: 0;
  top: 	0;
  z-index: 	9;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
}
.mts_about_slider::after{
	content:'';
  position: absolute;
  width: 237px;
  height: 100%;
  right: 0;
  top: 	0;
  z-index: 	9;
  background: linear-gradient(270deg, #F4F1DE 0%, rgba(244, 241, 222, 0) 100%);
}
@media (max-width: 768px) {
  .mts_slider::after, .mts_client_logo::after, .mts_project_slider_after::after {
    display: none !important;
  }
}
.mts_for_mobile{
	display:none;
	}
@media screen and (max-width: 991px) {
	
	.mts_for_mobile{
		display:block;
	}
	.mts_about_slider::after,
	.timeline .step::before,
	.timeline::before,
	.mts_for_desktop{
		display:none;
	}	
}
@media screen and (max-width: 768px) {
	.mts_sb .frm-fluent-form .ff-t-container{
		display:flex;
	}
}
@media (max-width: 900px) {
  .mts_blog_main .brxe-posts {
    flex-direction: column !important;
  }
  .mts_blog_main .bricks-isotope-filters {
    width: 100% !important;
    min-width: unset !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    position: static !important;
    align-items: flex-start !important;
  }
  .mts_blog_main .bricks-isotope-filters::before {
    display: block !important;
  }
  .mts_blog_main .bricks-layout-wrapper {
    grid-template-columns: 1fr !important;
    width: 100% !important;
  }
  .mts_blog_main .bricks-layout-wrapper .bricks-layout-item:first-child {
    grid-column: 1 !important;
  }
}

/*Footer bg*/
.page-id-15 .mts_footer_bg, .page-id-18 .mts_footer_bg, .page-id-85 .mts_footer_bg{
	background-color:#FFFFFF!important;
}

/* ===== Our Process ===== */
.mts_process #brxe-kftyvg {
  display: grid !important;
  grid-template-columns: 1fr 40px 1fr !important;
  align-items: stretch !important;
  margin: 0 auto;
}

/* ===== LEFT COLUMN ===== */
.mts_process #brxe-twzkat {
  display: flex !important;
  flex-direction: column;
  gap: 0;
  padding-top: 176px !important;
}

/* ===== RIGHT COLUMN ===== */
.mts_process #brxe-orjaxi {
  display: flex !important;
  flex-direction: column;
  gap: 0;
  padding-top: 0 !important;
}

/* ===== CARDS ===== */
.mts_process #brxe-xolnhw,
.mts_process #brxe-xvsgor,
.mts_process #brxe-auqexd,
.mts_process #brxe-juihdw {
  border-radius: 12px !important;
  margin-bottom: 200px !important;
  width: 100%;
}

/* Last card — extra bottom padding nahi */
.mts_process #brxe-xvsgor,
.mts_process #brxe-juihdw {
  margin-bottom: 0 !important;
}
/*  ////////////////////////////////////// */
.timeline {
    position: relative;
}

/* Center line */
.timeline::before {
    content: '';
    position: absolute;
    left: 50%;
    width: 2px;
    height: 100%;
    background: #D4D4D4;
    transform: translateX(-50%);
}

/* Progress line */
.timeline .progress-line {
    position: absolute;
	top:0;
    left: 50%;
    width: 3px;
    height: 0;
    background: linear-gradient(180deg, rgba(161, 53, 26, 0) 0%, #A1351A 100%);
    transform: translateX(-50%);
	transition: height 0.3s ease-out;
	    border-radius: 10px;
}


/* Steps */
.timeline .step {
    position: relative;
    width: 50%;
    padding: 20px;
}



/* Dot */
.timeline .step::before {
    content: '';
    position: absolute;
    top: 20px;
    width: 12px;
    height: 12px;
    background: #bbb;
    border-radius: 50%;
    left: 111.8%;
    transform: translateX(-50%);
}

.timeline .step.right::before {
    left: -11.8%;
}

/* Active dot */
.timeline .step.active::before {
    background: #A1351A;
}

/* Content box */
.timeline .content {
    background: #f5f5f5;
    padding: 15px;
    border-radius: 8px;
}
/*  //////////////////////////////////////*/

/* ===== RESPONSIVE ===== */

@media (max-width: 768px) {
  .mts_process #brxe-kftyvg {
    grid-template-columns: 1fr !important;
    grid-template-rows: auto !important;
  }

  /* Center progress bar hide on mobile */
  .mts_process #brxe-ekqqsl {
    display: none !important;
  }

  /* Left column reset */
  .mts_process #brxe-twzkat {
    padding-top: 0 !important;
    padding-right: 0 !important;
    order: 1;
  }

  /* Right column reset */
  .mts_process #brxe-orjaxi {
    padding-left: 0 !important;
    padding-top: 0 !important;
    order: 2;
  }

  /* Cards full width */
  .mts_process #brxe-xolnhw,
  .mts_process #brxe-xvsgor,
  .mts_process #brxe-auqexd,
  .mts_process #brxe-juihdw {
    margin-bottom: 20px !important;
    width: 100% !important;
  }

  .mts_process #brxe-xvsgor,
  .mts_process #brxe-juihdw {
    margin-bottom: 0 !important;
  }
}

/*Service Single*/
.mts_project_slider_after::after{
	content:'';
  position: absolute;
  width: 486px;
  height: 100%;
  right: 0;
  top: 	0;
  z-index: 	9;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
}

/*Blog Single*/
.mts_blog_related .content-wrapper h3[data-field-id="jtzbue"] {
  background: linear-gradient(to right, #A1351A, #F5AF3D) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  display: inline-block !important;
}

/*Electric SIngle*/
/* ===== Our Process ===== */
.mts_process #brxe-lsteux {
  display: grid !important;
  grid-template-columns: 1fr 40px 1fr !important;
  align-items: stretch !important;
  margin: 0 auto;
}

/* ===== LEFT COLUMN ===== */
.mts_process #brxe-shmzor {
  display: flex !important;
  flex-direction: column;
  gap: 0;
  padding-top: 176px !important;
}

/* ===== RIGHT COLUMN ===== */
.mts_process #brxe-fvoaqi {
  display: flex !important;
  flex-direction: column;
  gap: 0;
  padding-top: 0 !important;
}

/* ===== CARDS ===== */
.mts_process #brxe-yuveux,
.mts_process #brxe-qfnstt,
.mts_process #brxe-lifbbf,
.mts_process #brxe-jmgrco {
  border-radius: 12px !important;
  margin-bottom: 200px !important;
  width: 100%;
}

/* Last card — extra bottom padding nahi */
.mts_process #brxe-qfnstt,
.mts_process #brxe-jmgrco {
  margin-bottom: 0 !important;
}

/* ////////////////////////////////////// */
.timeline {
  position: relative;
}

/* Center line */
.timeline::before {
  content: '';
  position: absolute;
  left: 50%;
  width: 2px;
  height: 100%;
  background: #D4D4D4;
  transform: translateX(-50%);
}

/* Progress line */
.timeline .progress-line {
  position: absolute;
  top: 0;
  left: 50%;
  width: 3px;
  height: 0;
  background: linear-gradient(180deg, rgba(161, 53, 26, 0) 0%, #A1351A 100%);
  transform: translateX(-50%);
  transition: height 0.3s ease-out;
  border-radius: 10px;
}

/* Steps */
.timeline .step {
  position: relative;
  width: 50%;
  padding: 20px;
}

/* Dot */
.timeline .step::before {
  content: '';
  position: absolute;
  top: 20px;
  width: 12px;
  height: 12px;
  background: #bbb;
  border-radius: 50%;
  left: 111.8%;
  transform: translateX(-50%);
}

.timeline .step.right::before {
  left: -11.8%;
}

/* Active dot */
.timeline .step.active::before {
  background: #A1351A;
}

/* Content box */
.timeline .content {
  background: #f5f5f5;
  padding: 15px;
  border-radius: 8px;
}

/* ////////////////////////////////////// */

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
  .mts_process #brxe-lsteux {
    grid-template-columns: 1fr !important;
    grid-template-rows: auto !important;
  }

  /* Center progress bar hide on mobile */
  .mts_process #brxe-ijpljs {
    display: none !important;
  }

  /* Left column reset */
  .mts_process #brxe-shmzor {
    padding-top: 0 !important;
    padding-right: 0 !important;
    order: 1;
  }

  /* Right column reset */
  .mts_process #brxe-fvoaqi {
    padding-left: 0 !important;
    padding-top: 0 !important;
    order: 2;
  }

  /* Cards full width */
  .mts_process #brxe-yuveux,
  .mts_process #brxe-qfnstt,
  .mts_process #brxe-lifbbf,
  .mts_process #brxe-jmgrco {
    margin-bottom: 20px !important;
    width: 100% !important;
  }

  .mts_process #brxe-qfnstt,
  .mts_process #brxe-jmgrco {
    margin-bottom: 0 !important;
  }
}

/*general-contracting-services SIngle*/
/* ===== Our Process ===== */
.mts_process #brxe-yfytwm {
  display: grid !important;
  grid-template-columns: 1fr 40px 1fr !important;
  align-items: stretch !important;
  margin: 0 auto;
}

/* ===== LEFT COLUMN ===== */
.mts_process #brxe-nlnpqq {
  display: flex !important;
  flex-direction: column;
  gap: 0;
  padding-top: 176px !important;
}

/* ===== RIGHT COLUMN ===== */
.mts_process #brxe-xydgnx {
  display: flex !important;
  flex-direction: column;
  gap: 0;
  padding-top: 0 !important;
}

/* ===== CARDS ===== */
.mts_process #brxe-hagkgd,
.mts_process #brxe-yumwzl,
.mts_process #brxe-ulkvus,
.mts_process #brxe-xwijpf {
  border-radius: 12px !important;
  margin-bottom: 200px !important;
  width: 100%;
}

/* Last card — extra bottom padding nahi */
.mts_process #brxe-yumwzl,
.mts_process #brxe-xwijpf {
  margin-bottom: 0 !important;
}

/* ////////////////////////////////////// */
.timeline {
  position: relative;
}

/* Center line */
.timeline::before {
  content: '';
  position: absolute;
  left: 50%;
  width: 2px;
  height: 100%;
  background: #D4D4D4;
  transform: translateX(-50%);
}

/* Progress line */
.timeline .progress-line {
  position: absolute;
  top: 0;
  left: 50%;
  width: 3px;
  height: 0;
  background: linear-gradient(180deg, rgba(161, 53, 26, 0) 0%, #A1351A 100%);
  transform: translateX(-50%);
  transition: height 0.3s ease-out;
  border-radius: 10px;
}

/* Steps */
.timeline .step {
  position: relative;
  width: 50%;
  padding: 20px;
}

/* Dot */
.timeline .step::before {
  content: '';
  position: absolute;
  top: 20px;
  width: 12px;
  height: 12px;
  background: #bbb;
  border-radius: 50%;
  left: 111.8%;
  transform: translateX(-50%);
}

.timeline .step.right::before {
  left: -11.8%;
}

/* Active dot */
.timeline .step.active::before {
  background: #A1351A;
}

/* Content box */
.timeline .content {
  background: #f5f5f5;
  padding: 15px;
  border-radius: 8px;
}

/* ////////////////////////////////////// */

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
  .mts_process #brxe-yfytwm {
    grid-template-columns: 1fr !important;
    grid-template-rows: auto !important;
  }

  /* Center progress bar hide on mobile */
  .mts_process #brxe-nvuqlv {
    display: none !important;
  }

  /* Left column reset */
  .mts_process #brxe-nlnpqq {
    padding-top: 0 !important;
    padding-right: 0 !important;
    order: 1;
  }

  /* Right column reset */
  .mts_process #brxe-xydgnx {
    padding-left: 0 !important;
    padding-top: 0 !important;
    order: 2;
  }

  /* Cards full width */
  .mts_process #brxe-hagkgd,
  .mts_process #brxe-yumwzl,
  .mts_process #brxe-ulkvus,
  .mts_process #brxe-xwijpf {
    margin-bottom: 20px !important;
    width: 100% !important;
  }

  .mts_process #brxe-yumwzl,
  .mts_process #brxe-xwijpf {
    margin-bottom: 0 !important;
  }
}

/* mechanical services SIngle*/
/* ===== Our Process ===== */
.mts_process #brxe-plyigo {
  display: grid !important;
  grid-template-columns: 1fr 40px 1fr !important;
  align-items: stretch !important;
  margin: 0 auto;
}

/* ===== LEFT COLUMN ===== */
.mts_process #brxe-awsfea {
  display: flex !important;
  flex-direction: column;
  gap: 0;
  padding-top: 176px !important;
}

/* ===== RIGHT COLUMN ===== */
.mts_process #brxe-rdffml {
  display: flex !important;
  flex-direction: column;
  gap: 0;
  padding-top: 0 !important;
}

/* ===== CARDS ===== */
.mts_process #brxe-zrpfjy,
.mts_process #brxe-ehnwiq,
.mts_process #brxe-wsmvms,
.mts_process #brxe-bnzrod {
  border-radius: 12px !important;
  margin-bottom: 200px !important;
  width: 100%;
}

/* Last card — extra bottom padding nahi */
.mts_process #brxe-ehnwiq,
.mts_process #brxe-bnzrod {
  margin-bottom: 0 !important;
}

/* ////////////////////////////////////// */
.timeline {
  position: relative;
}

.timeline::before {
  content: '';
  position: absolute;
  left: 50%;
  width: 2px;
  height: 100%;
  background: #D4D4D4;
  transform: translateX(-50%);
}

.timeline .progress-line {
  position: absolute;
  top: 0;
  left: 50%;
  width: 3px;
  height: 0;
  background: linear-gradient(180deg, rgba(161, 53, 26, 0) 0%, #A1351A 100%);
  transform: translateX(-50%);
  transition: height 0.3s ease-out;
  border-radius: 10px;
}

.timeline .step {
  position: relative;
  width: 50%;
  padding: 20px;
}

.timeline .step::before {
  content: '';
  position: absolute;
  top: 20px;
  width: 12px;
  height: 12px;
  background: #bbb;
  border-radius: 50%;
  left: 111.8%;
  transform: translateX(-50%);
}

.timeline .step.right::before {
  left: -11.8%;
}

.timeline .step.active::before {
  background: #A1351A;
}

.timeline .content {
  background: #f5f5f5;
  padding: 15px;
  border-radius: 8px;
}

/* ////////////////////////////////////// */

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
  .mts_process #brxe-plyigo {
    grid-template-columns: 1fr !important;
    grid-template-rows: auto !important;
  }

  .mts_process #brxe-pveehr {
    display: none !important;
  }

  .mts_process #brxe-awsfea {
    padding-top: 0 !important;
    padding-right: 0 !important;
    order: 1;
  }

  .mts_process #brxe-rdffml {
    padding-left: 0 !important;
    padding-top: 0 !important;
    order: 2;
  }

  .mts_process #brxe-zrpfjy,
  .mts_process #brxe-ehnwiq,
  .mts_process #brxe-wsmvms,
  .mts_process #brxe-bnzrod {
    margin-bottom: 20px !important;
    width: 100% !important;
  }

  .mts_process #brxe-ehnwiq,
  .mts_process #brxe-bnzrod {
    margin-bottom: 0 !important;
  }
}