/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

body{
	overflow-x:hidden;
}
*{
  scrollbar-width: thin !important;
  scrollbar-color: #B82D30 #eeeeee !important;
}


.main_header{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background-color: transparent; 
    transition: transform 0.3s ease-in-out, background-color 0.3s ease-in-out;
    will-change: transform, background-color;
    overflow: visible !important;
}
.main_header.header-hidden{
    transform: translateY(-100%);
}
.main_header.header-scrolled{
    background: #B82D30 !important; 
}
/* .elementor-nav-menu .sub-arrow .e-font-icon-svg { 
	fill: white;
} */
.main_header li a:hover{ 
	color: #B82D30 !important;
}
.main_header.header-scrolled li a:hover{
	color: #d3cb38 !important;
}
.main_header .elementor-nav-menu>li:hover .elementor-item:after,  .main_header .elementor-nav-menu>li.current-menu-item .elementor-item:after{
	width: 100%;
	opacity: 1;
}







/* ==========================================================================
   Cloud Showcase Pinned Scroll Section
   ========================================================================== */

.cs-pinned-wrap {
    position: relative;
    width: 100%;
    height: 90vh;
    overflow: hidden;
}

/* Background Building Stack */
.cs-bg-building {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.cs-bg-building img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
}

/* Single Cloud Layer */
.cs-cloud-layer {
    position: absolute;
    top: 30%;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    pointer-events: none;
    will-change: transform, opacity;
}
.cs-cloud-layer img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Foreground Framework */
.cs-container {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    padding: 0px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 5; /* Above background and clouds */
}

/* Content Frame Overlays */
.cs-content-card {
    position: absolute;
    max-width: 930px;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    transform: translateY(30px);
    will-change: transform, opacity;
}
.cs-content-card.active {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.cs-content-card p {
    color: #2C2B29;
    font-family: Rethink Sans;
    font-weight: 400;
    font-size: 32px;
    line-height: 140%;
    letter-spacing: 0%;
    text-align: center;
    text-transform: capitalize;
}

/* Logo Element Frame inside Stage 1 (fades in via JS) */
.cs-logo-wrap {
    margin-bottom: 20px;
    opacity: 0;
    will-change: opacity;
}
.cs-logo-wrap img {
    max-height: 120px;
    width: auto;
}

/* Fixed Bottom Progress Bar Wrapper */
.cs-progress-container {
    position: absolute;
    bottom: 0px;
    left: 0%;
    width: 100%;
    height: 4px;
    background: rgba(255, 255, 255, 0.3);
    overflow: hidden;
}
.cs-progress-bar {
    width: 100%;
    height: 100%;
    background: #d4af37; /* Clean Gold Line */
    transform: scaleX(0);
    transform-origin: left center;
}
.stage-3 p{
    color: #fff;
}


.change_theme{
    inset-inline-start: unset !important;
    transform: scale(.9);
    background: #FFFEEA !important;
}
.change_theme h2{
    color: #B82D30 !important;
}
.change_theme .elementor-widget-text-editor{
    color: #2C2B29 !important;
}
.change_theme img{
    filter: sepia(0%) saturate(700%) hue-rotate(336deg);
}

.scroll-section {
    width: 100%;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2rem;
    position: relative;
    background: url(https://orfeostoryweb.com/thianleng.sg/wp-content/uploads/2026/07/pattern.svg);
}

.section-header {
    text-align: center;
    margin-bottom: 3rem;
    /*max-width: 700px;*/
}
.section-header span{
    color: #808080;
}

.section-header h2 {
    font-family: Instrument Sans;
    font-weight: 500;
    font-size: 32px;
    line-height: 160%;
    letter-spacing: 0px;
    text-align: center;
    vertical-align: middle;
    color: #B82D30;
    margin-bottom: 0px;
}

.section-header p {
    color: #2C2B29;
    font-family: Rethink Sans;
    font-weight: 400;
    font-size: 24px;
    line-height: 130%;
    letter-spacing: 0px;
    vertical-align: middle;
}

.showcase-container {
    display: flex;
    width: 100%;
    max-width: 1240px;
    align-items: flex-start;
    justify-content: space-between;
    gap: 115px;
}

/* Left Row Content Height configuration */
.left-wrapper {
    flex: 1;
    display: flex;
    gap: 40px;
    height: 400px; /* Custom Height */
    position: relative;
}

/* Track Border Background Line */
.timeline-track-line {
    width: 6px;
    height: 100%;
    background: #ECE8E0;
    position: relative;
    border-radius: 2px;
    /*overflow: hidden;*/
    flex-shrink: 0;
}

/* Progress Fill Line */
.progress-fill {
    position: absolute;
    top: 0;
    left: 0;
    width: 8px;
    height: 100%;
    background: #D3CB38;
    transform-origin: top center;
    transform: scaleY(0);
    transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
    margin-left: -1px;
}

.content-col {
    height: 100%;
    position: relative;
    display: flex;
    align-items: center;
    min-height: 100%;
    width: 100%;
}

.content-item {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: flex-start;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);
    transition: opacity 0.5s ease, transform 0.5s ease, visibility 0s linear 0.5s;
    flex-direction: column;
    justify-content: center;
}

.content-item.active {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    transition: opacity 0.5s ease, transform 0.5s ease, visibility 0s;
}

.content-item h3 {
    font-family: Instrument Sans;
    font-weight: 500;
    font-size: 24px;
    line-height: 160%;
    letter-spacing: 0px;
    vertical-align: middle;
    color: #2C2B29;
    margin-bottom: 5px;
}

.content-item p {
    color: #2C2B29;
    font-family: Rethink Sans;
    font-weight: 400;
    font-size: 16px;
    line-height: 160%;
    letter-spacing: 0px;
    vertical-align: middle;
}

.btn-view {
    display: inline-block;
    margin-top: 15px;
    padding: 10px 24px;
    border-radius: 24px;
    background: linear-gradient(180deg, #FFFEF4 13.64%, #FFFDD7 54.57%, #F5EC49 176.14%);
    border: 1px solid #F5EC49;
    box-shadow: 0px 4px 4px 0px #00000026;
    font-family: Rethink Sans;
    font-weight: 700;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    text-transform: capitalize;
    color: #B82D30;
    transition: .3s;
}
.btn-view:hover{
    color: #fff;
    background: #b42c2f;
    border-color: #b42c2f;
}

/* Right Aspect Frame Frame */
.image-col {
    flex: 1.3;
    background: url(https://orfeostoryweb.com/thianleng.sg/wp-content/uploads/2026/07/Services.svg);
    min-width: 718px;
    height: 403px;
    background-size: contain;
    background-repeat: no-repeat;
    justify-content: center;
    display: flex;
    align-items: center;
}

.image-wrapper {
    position: relative;
    width: 598px;
    border-radius: 15px;
    overflow: hidden;
    height: 254px;
}

.slide-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    transform: scale(1.05);
    transition: opacity 0.6s ease, transform 0.6s ease;
}

.slide-img.active {
    opacity: 1;
    transform: scale(1);
}



/* ==========================================================================
   Historical Archives - Matched to Design Image
   ========================================================================== */
/*.ha-wrap {*/
/*  max-width: 1140px;*/
/*  margin: 0 auto;*/
/*  padding: 80px 20px;*/
/*  font-family: inherit;*/
/*}*/
.ha-wrap {
    max-width: 1240px;
    margin: 0 auto;
    /* padding: 80px 20px; */
    font-family: inherit;
}

.ha-header {
  text-align: center;
  margin-bottom: 60px;
}
.ha-header h2 {
  color: #b6272d;
  font-size: 32px;
  margin-bottom: 15px;
  font-weight: 700;
}
.ha-header p {
  max-width: 650px;
  margin: 0 auto;
  color: #333;
  line-height: 1.6;
  font-size: 15px;
}
.ha-header p span {
  color: #777;
}

/* Timeline Layout Frame */
.ha-timeline {
  position: relative;
  padding-left: 80px; /* Space for the line and badges */
}

/* The vertical track line */
.ha-line-track {
  position: absolute;
  left: 30px; /* Centered with the badge numbers */
  top: 0;
  bottom: 0;
  width: 2px;
  background: #EBEADC;
}
.ha-line-fill {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0%;
  background: #B82D30;
}

.ha-item {
  position: relative;
  padding-bottom: 60px;
}
.ha-item:last-child {
  padding-bottom: 0;
}

/* Pill Badge - Aligned perfectly over the line */
.ha-badge {
    position: relative;
    display: inline-flex;
    align-items: center;
    margin-left: -85px;
    margin-bottom: 0px;
    z-index: 2;
    height: 41px;
    opacity: 1;
    gap: 10px;
    border-radius: 15px;
    border-width: 1px;
    padding-top: 10px;
    padding-right: 24px;
    padding-bottom: 10px;
    padding-left: 24px;
    background: linear-gradient(180deg, #FFFEF4 13.64%, #FFFDD7 54.57%, #F5EC49 176.14%);
    border: 1px solid #F5EC49;
    box-shadow: 0px 4px 4px 0px #00000026;
    font-family: Rethink Sans;
    font-weight: 700;
    font-size: 16px;
    line-height: 41px;
    letter-spacing: 0%;
    text-transform: capitalize;
    color: #B82D30;
}

/* Circle Number bubble inside the badge */
.ha-badge i {
  font-style: normal;
  width: 22px;
  height: 22px;
  background: #b6272d;
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 700;
}

/* Content Row Configuration */
/*.ha-row {*/
/*  display: flex;*/
/*  gap: 40px;*/
/*  align-items: flex-start;*/
/*}*/
.ha-row {
    display: flex;
    gap: 40px;
    align-items: flex-end;
    width: 940px;
    margin-left: 250px;
    margin-top: -41px;
}

/* Framed White Card Style for Images */
/*.ha-img {*/
  /*flex: 0 0 400px;  */
/*  background: #ffffff;*/
/*  padding: 12px;*/
/*  border-radius: 12px;*/
/*  border: 1px solid #e3dac9;*/
/*  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04);*/
/*}*/

.ha-img {
    width: 465px;
    height: 465px;
    opacity: 1;
    border-radius: 15px;
    border-width: 12px;
    border: 12px solid #FFFEF4;
    box-shadow: 0px 0px 45px 0px #00000014;
}


.ha-img img {
    width: 100%;
    height: 100%;
    border-radius: 8px;
    display: block;
    filter: grayscale(1) sepia(0.15) contrast(1.05);
    object-fit: cover;
}

/* Typography Alignment */
.ha-text {
  flex: 1;
  padding-top: 15px; /* Aligns title smoothly with top of image card */
}
.ha-text h4 {
    margin: 0 0 15px;
    color: #2C2B29;
    font-family: Instrument Sans;
    font-weight: 600;
    font-size: 18px;
    line-height: 160%;
    letter-spacing: 0px;
    vertical-align: middle;
}
.ha-text p {
    margin: 0;
    color: #2C2B29;
    font-family: Rethink Sans;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: 0px;
    vertical-align: middle;
}

/* Responsive fixes for tablets and mobiles */
@media(max-width: 850px){
  .ha-row {
    flex-direction: column;
    gap: 20px;
  }
  .ha-img {
    flex: 0 0 auto;
    width: 100%;
    max-width: 450px;
  }
  .ha-text {
    padding-top: 0;
  }
}

@media(max-width: 480px){
  .ha-timeline {
    padding-left: 45px;
  }
  .ha-line-track {
    left: 15px;
  }
  .ha-badge {
    margin-left: -45px;
  }
}


























.tes-wrap{
  display:flex;
  flex-direction:column;
  align-items:center;
  width:100%;
  font-family: 'Georgia', 'Iowan Old Style', serif;
  color: #2b241c;
  padding: 48px 0;
}

.tes-stage{
  display:flex;
  align-items:center;
  justify-content:center;
  gap: 40px;
  width:100%;
  max-width:1400px;
  padding:0 24px;
}

.tes-side-slot {
    flex: 0 0 auto;
    overflow: hidden;
    position: relative;
    box-shadow: 0 18px 40px -18px rgba(43,36,28,0.22);
    width: 440px;
    height: 284px;
    opacity: 1;
    border-radius: 15px;
    border-width: 12px;
    border: 12px solid #FFFEF4;
}

.tes-side-slot .tes-peek-media{ width:100%; height:100%; }
.tes-side-slot .tes-peek-media img{ width:100%; height:100%; object-fit:cover; display:block; }
.tes-side-slot::after{
  content:"";
  position:absolute; inset:0;
  background: rgba(250,246,236,0.35);
}

/*.tes-center-slot{*/
/*  flex: 0 0 auto;*/
/*  width:820px;*/
/*  max-width:56vw;*/
/*}*/

.tes-card{
    background:#fff;
    border-radius:6px;
    box-shadow: 0 30px 60px -20px rgba(43,36,28,0.25), 0 8px 20px -8px rgba(43,36,28,0.12);
    /*overflow:hidden;*/
    position: relative;
}

.tes-card-bar {
    background: #B82D30;
    height: 480px;
    width: 650px;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    margin-left: -325px;
    margin-top: -12px;
}

.tes-card-body {
    display: flex;
    gap: 36px;
    position: relative;
    min-width: 814px;
    max-width: 814px;
    height: 456px;
    background: #fff;
    overflow: hidden;
    border-radius: 12px;
    padding: 15px;
    box-shadow: 0px 0px 45px 0px #00000014;
}

.tes-card-body::before {
    content: "";
    position: absolute;
    background: url(https://orfeostoryweb.com/thianleng.sg/wp-content/uploads/2026/07/top.svg);
    width: 94px;
    height: 97px;
    pointer-events: none;
    right: 0;
    top: 0;
    background-size: contain;
    background-repeat: no-repeat;
}

.tes-card-body::after{
    content: "";
    position: absolute;
    background: url(https://orfeostoryweb.com/thianleng.sg/wp-content/uploads/2026/07/bottom.svg);
    width: 94px;
    height: 97px;
    pointer-events: none;
    right: 0;
    background-size: contain;
    background-repeat: no-repeat;
    bottom: 0;
}

/*.tes-card-body::before{ top:18px; right:36px; border-left:none; border-bottom:none; }*/
/*.tes-card-body::after{ bottom:18px; right:36px; border-left:none; border-top:none; }*/

.tes-card-media {
    overflow: hidden;
    position: relative;
    width: 445px;
    height: 432px;
    opacity: 1;
    border-radius: 8px;
}

.tes-card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* display: block; */
}

.tes-card-info {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding-top: 6px;
    min-width: 0;
    justify-content: center;
    align-items: flex-start;
}

.tes-eyebrow{
    font-family: 'Helvetica Neue', Arial, sans-serif;
    font-size:11px;
    letter-spacing:0.16em;
    text-transform:uppercase;
    color: #a3222b;
    margin:0 0 10px;
    font-weight:600;
    display: none;
}

.tes-card-title {
    margin: 0 0 10px;
    color: #2C2B29;
    font-family: Instrument Sans;
    font-weight: 600;
    font-size: 18px;
    line-height: 140%;
    letter-spacing: 0px;
    vertical-align: middle;
    width: 220px;
}

.tes-card-desc {
    color: #2C2B29;
    margin: 0 0 15px;
    font-family: Rethink Sans;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: 0px;
    vertical-align: middle;
    padding-right: 30px;
}

.tes-meta {
    /* font-family: 'Helvetica Neue', Arial, sans-serif; */
    /* font-size: 14px; */
    /* margin-bottom: 8px; */
    display: flex;
    gap: 8px;
    padding-right: 15px;
}
.tes-meta .tes-label {
    color: #B82D30;
    font-family: Instrument Sans;
    font-weight: 600;
    font-size: 16px;
    line-height: 160%;
    letter-spacing: 0px;
    vertical-align: middle;
    min-width: 70px;
}
.tes-meta .tes-value {
    color: #2C2B29;
    font-family: Rethink Sans;
    font-weight: 600;
    font-size: 18px;
    line-height: 160%;
    letter-spacing: 0px;
    vertical-align: middle;
}



.tes-details-btn{
    display: inline-block;
    margin-top: 15px;
    padding: 10px 24px;
    border-radius: 24px;
    background: linear-gradient(180deg, #FFFEF4 13.64%, #FFFDD7 54.57%, #F5EC49 176.14%);
    border: 1px solid #F5EC49 !important;
    box-shadow: 0px 4px 4px 0px #00000026;
    font-family: Rethink Sans;
    font-weight: 700;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    text-transform: capitalize;
    color: #B82D30;
}

.tes-details-btn:before{ content:"• "; color:#a3222b; }
.tes-details-btn:hover{
    color: #fff;
    background: #b42c2f;
    border-color: #b42c2f !important;
    transform: translateY(-1px); box-shadow: 0 6px 14px rgba(0,0,0,0.14);
}
.tes-details-btn:hover:before{
    color: #fff;
}

.tes-nav{
  display:flex;
  gap:16px;
  margin-top:26px;
}
.tes-nav-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background .2s ease, transform .15s ease;
    transform: translateY(-1px);
    width: 45px;
    height: 45px;
    opacity: 1;
    border: 1px solid #F5EC49 !important;
    box-shadow: 0px 4px 4px 0px #0000001A;
    padding: 0px !important;
    background: #FFFEF4;
    border-radius: 45px !important;
}
.tes-nav-btn:focus,
.tes-nav-btn:hover {
    background: linear-gradient(180deg, #FFFEF4 13.64%, #FFFDD7 54.57%, #F5EC49 176.14%) !important;
    transform: translateY(-1px);
    /* width: 45px; */
    /* height: 45px; */
    opacity: 1;
    border-width: 1px;
}
.tes-nav-btn:active{ transform: translateY(0); }
.tes-nav-btn svg{ width:18px; height:18px; }

.tes-dots{ display:flex; gap:7px; margin-top:16px; display: none; }
.tes-dot{
  width:6px; height:6px; border-radius:50%;
  background: #e3cf9a;
  cursor:pointer;
  transition: background .25s ease, transform .25s ease;
}
.tes-dot.active{ background: #a3222b; transform: scale(1.3); }

@media (max-width: 1000px){
  .tes-side-slot{ display:none; }
  .tes-center-slot{ max-width: 90vw; }
}
@media (max-width: 720px){
  .tes-card-body{ flex-direction:column; padding:22px 22px 28px; }
  .tes-card-media{ flex-basis:auto; aspect-ratio: 16/10; }
  .tes-card-title{ font-size:21px; }
}



































.ctm-section {
    width: 100%;
    max-width: 1240px;
    background: #fff;
    /* border-left: 4px solid #c9a24b; */
    position: relative;
    font-family: 'Georgia', 'Iowan Old Style', serif;
    color: #2b241c;
}

.ctm-grid{
  display:flex;
  gap: 40px;
  align-items:stretch;
}

.ctm-media {
    position: relative;
    width: 612px;
    height: 335px;
    opacity: 1;
    border-radius: 15px;
    overflow: hidden;
}
.ctm-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.ctm-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 30px;
    justify-content: start;
}

.ctm-divider {
    border: none;
    border-top: 1px solid #D3CB38;
    margin: 0px !important;
}

.ctm-top-row{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0px;
}

.ctm-avatars {
    display: flex;
    gap: 13px;
    flex-direction: row;
}
.ctm-avatar {
    background: #FFFFFF !important;
    transition: border-color .2s ease, transform .15s ease !important;
    width: 46px !important;
    height: 46px !important;
    opacity: 1;
    border-radius: 46px !important;
    border: 1px solid #8080803D !important;
    position: relative;
    padding: 0px !important;
}
.ctm-avatar img{ 
    width:100%; 
    height:100%; 
    object-fit:cover; 
    display:block; 
    display: none;
}
.ctm-avatar:focus,
.ctm-avatar:hover,
.ctm-avatar.active{     
    border: 1px solid #B82D30 !important;
}


.ctm-quote-mark{
  color: #a3222b;
  font-size:48px;
  line-height:1;
  font-family: Georgia, serif;
  font-weight:700;
  flex-shrink:0;
  user-select:none;
}

.ctm-quote {
    font-family: Rethink Sans;
    font-weight: 400;
    font-size: 24px;
    line-height: 36.8px;
    letter-spacing: -0.64px;
    vertical-align: middle;
    color: #2C2B29;
    margin-bottom: 0px;
}

.ctm-meta {
    display: flex;
    align-items: center;
    gap: 20px;
}
.ctm-name {
    color: #321902;
    font-family: Rethink Sans;
    font-weight: 500;
    font-size: 18px;
    line-height: 18px;
    letter-spacing: 0%;
    vertical-align: middle;
}
.ctm-sep {
    color: #321902;
    font-weight: 700;
    font-size: 18px;
    line-height: 19.8px;
    letter-spacing: 0%;
    vertical-align: middle;
    text-transform: uppercase;
}
.ctm-stars {
    letter-spacing: 0px;
    color: #321902;
    font-size: 20px;
    line-height: 14px;
}

.ctm-flourish {
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 70px;
    height: 70px;
    pointer-events: none;
}

@media (max-width: 860px){
  .ctm-grid{ flex-direction:column; }
  .ctm-media{ aspect-ratio: 16/9; }
  .ctm-flourish{ display:none; }
  .ctm-section{ padding: 30px 24px 40px; }
}


.footer_line::before {
    content: '';
    position: absolute;
    height: 2px;
    width: 100%;
    border-bottom: 1px solid rgb(255 254 244 / 4%);
    top: 440px;
}



/* Service Advisor form  css  */

.service_form .gform_heading {
    display: none;
}

.service_form label.gfield_label.gform-field-label,
.service_form legend.gfield_label.gform-field-label.gfield_label_before_complex{
    color: var(--2-c-2-b-29, #2C2B29);
    font-family: "Instrument Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400 !important;
    line-height: normal;
    letter-spacing: 0.12px;
    text-transform: capitalize;
}

.service_form .gfield_checkbox label {
    color: var(--2-c-2-b-29, #2C2B29);
    font-family: "Rethink Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
}

/* 
.service_form .gfield_checkbox{
	border: 1px solid rgba(128, 128, 128, 0.16) !important;
}  */
.service_form div#field_1_3 input,
.service_form div#field_1_4 input,
.service_form div#field_1_5 input,
.service_form div#field_1_6 input,
.service_form div#field_1_9 input{
    border: none;
    border-bottom: 1px solid rgba(128, 128, 128, 0.16);
    box-shadow: none !important;
	padding-left:0;
}

.service_form div#field_1_9 textarea{
    border: none;
    border-bottom: 1px solid rgba(128, 128, 128, 0.16);
    box-shadow: none !important;
	padding-left:0;
}

.service_form .iti--separate-dial-code .iti__selected-flag {
    background-color: transparent !important;
    border-right: 1px solid #eee;
    height: 32px !important;
}
.service_form .iti--separate-dial-code .iti__selected-flag,
.service_form .iti--separate-dial-code .iti__selected-flag:hover,
.service_form .iti--separate-dial-code .iti__selected-flag:focus,
.service_form .iti--separate-dial-code .iti__selected-flag:active {
    background-color: transparent !important;
}


.service_form span.gfield_required.gfield_required_text {
    display: none;
}

#gform_wrapper_1 ::placeholder {
    color: #2C2B29A6;
    opacity: 1; /* Firefox support */
}

#gform_wrapper_1 input::-webkit-input-placeholder,
#gform_wrapper_1 textarea::-webkit-input-placeholder {
    color: #2C2B29A6;
}

#gform_wrapper_1 input::-moz-placeholder,
#gform_wrapper_1 textarea::-moz-placeholder {
    color: #2C2B29A6;
    opacity: 1;
}

#gform_wrapper_1 input:-ms-input-placeholder,
#gform_wrapper_1 textarea:-ms-input-placeholder {
    color: #2C2B29A6;
}

.service_form input#gform_submit_button_1 {
    border-radius: 15px;
    border: 1px solid var(--f-5-ec-49, #F5EC49);
    background: linear-gradient(180deg, #FFFEF4 13.64%, #FFFDD7 54.57%, #F5EC49 176.14%);
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.15);
    display: flex;
    height: 41px;
    padding: 10px 24px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    color: var(--b-82-d-30, #B82D30);
    font-family: "Rethink Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: capitalize;
}

.service_form input#gform_submit_button_1:hover{
	background:#B42C2F;
	color:#fff;
	border:1px solid #B42C2F
}


.service_form .gform-footer.gform_footer.top_label {
    float: right;
}

.service_form .gform-theme--framework input[type=checkbox]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))::before {
    color: var(--b-82-d-30, #B82D30);
}

/* =============================================
   MemberShip Page
   ============================================= */

.membership_card-item .elementor-widget-icon-box{
	background: linear-gradient(180deg, #ffffff -6.32%, rgba(255, 255, 255, 1) 52.64%, #ffffff 110.48%); 
}
.membership_card-item:hover .elementor-widget-icon-box{
	background: linear-gradient(180deg, #FFFFFB -6.32%, rgba(255, 254, 234, 01) 52.64%, #FFFFFB 110.48%);
	border: 1px solid rgba(184, 45, 48, 1);
}
.membership_card-item .elementor-widget-icon-box .elementor-icon{
    padding: 10px;
    background: linear-gradient(180deg, #FFFFFB -6.32%, rgba(255, 254, 234, 0.8) 52.64%, #FFFFFB 110.48%);
    border-radius: 999px;
}
.membership_card-item:hover .elementor-widget-icon-box .elementor-icon{ 
    background: linear-gradient(180deg, #ffffff -6.32%, rgba(255, 255, 255, 1) 52.64%, #ffffff 110.48%); 
}
.membership_card-item .hover_img{
	opacity: 0;
}
.membership_card-item:hover .hover_img{
	opacity: 1;
}
.membership_card-item:hover .default_img{
	opacity: 0;
}
.membership-registration::before {
	content: "";
	position: absolute;
	top: -10px;
	left: 50%;
	transform: translateX(-50%);
	width: 88%;
	height: 10px;
	background: #B82D30;
	border-radius: 0;
}
.membership-registration::after {
	content: "";
	position: absolute;
	bottom: -10px;
	left: 50%;
	transform: translateX(-50%);
	width: 88%;
	height: 10px;
	background: #B82D30;
	border-radius: 0;
}
.membership-registration .pp-custom-radio-checkbox .gchoice label {
	font-family: "Rethink Sans", Sans-serif !important;
	font-weight: 400 !important;
	font-size: 16px !important;
	letter-spacing: 0px !important;
	color: rgba(44, 43, 41, 1) !important;
	line-height: 21px !important;
}
.membership-registration #choice_2_7_1{
	margin-top: 3px;
}

.pp-custom-radio-checkbox input[type="checkbox"]:checked::before, .pp-custom-radio-checkbox input[type="radio"]:checked::before {
	background: transparent; 
	color: var( --e-global-color-accent );
}

