@charset "UTF-8";
/* CSS Document */
.cfa-tab-bk{
background-image: linear-gradient(to bottom, #fffbc7, transparent);
background-position: center;
background-size: auto 100% ;
background-repeat: no-repeat;
padding: 5px 0;
position: relative;
min-height: 400px;
margin-top: 20px;
border-radius: 20px 20px 0 0;
}
.tap-wrapper {
filter: drop-shadow(4px 4px 3px rgb(153, 119, 56, 0.5));
}
.tab-wrap{
width: 100%;
max-width: 600px;
margin-left: auto;
margin-right: auto;
display: flex;
background-color: #f8eab0;
align-items: center;
position: relative;
clip-path: polygon(25px 0%, calc(100% - 25px) 0%, 100% 50%, calc(100% - 25px) 100%, 25px 100%, 0% 50%);
border: 0;
}

.tab{
background: none !important;
border: none;
font-size: 20px;
line-height: 1.5;
padding: 15px 40px;
font-weight: bold;
box-shadow: none;
z-index: 5;
color: #6f5019;
position: relative;
height: auto !important;
}
@media (max-width: 576px){
.tab-en{
line-height: 1.25;
}
}

.tab.active{
color: white;
}
.tab-slider{
position: absolute;
width: 50%;
height: 100%;
left: 0;
background: #6f5019;
z-index: 1;
clip-path: polygon(25px 0%, calc(100% - 25px) 0%, 100% 50%, calc(100% - 25px) 100%, 25px 100%, 0% 50%);
background-image: linear-gradient(to right, #fffbc7, #fffbc7);
background-repeat: no-repeat;
background-size: 100% 1px;
background-position: center bottom 5px;
}

.tab-con{
border: none !important;
background: none !important;
padding: 0;
}
.tab-wrap.sliderleft .tab-slider{
left: 0;
transition-duration: 0.2s;
z-index: 1;
}
.tab-wrap.sliderright .tab-slider{
left: 50%;
transition-duration: 0.2s;
z-index: 1;
}
.tab-title-exitcus{
font-size: 20px;
line-height: 1.5;
padding: 15px 40px;
font-weight: bold;
color: white;
text-align: center;
clip-path: polygon(25px 0%, calc(100% - 25px) 0%, 100% 50%, calc(100% - 25px) 100%, 25px 100%, 0% 50%);
background: #6f5019;
background-image: linear-gradient(to right, #fffbc7, #fffbc7);
background-repeat: no-repeat;
background-size: 100% 1px;
background-position: center bottom 5px;
width: 100%;
max-width: 300px;
filter: drop-shadow(4px 4px 3px rgb(153, 119, 56, 0.5));
margin-left: auto;
margin-right: auto;
}
.steparea {position:relative; padding-bottom: 0px; padding: 0  30px; height: 450px;} 
        .step-top {width: 100%;}
        .mobile-new {width: 45%; margin-left: auto; margin-right: auto; margin-top: 0px; margin-bottom: 10px; text-align: center; float: left;}
        .mobe {height: 500px;}
        .word {height: 500px; position: relative; padding-left: 380px; }
        .dec { position: absolute; top: 50%; transform: translateY(-50%); padding-right: 40px;}
        .stepsubhead {color:#08457c; font-weight: bold;}

        .app-row{
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: space-between;
        }
.swiper-login-bar{
width: 100%;
margin-top: 30px;
background-image: linear-gradient(to right, transparent, #fffbc7 10% 90%, transparent);
background-repeat: no-repeat;
padding: 15px 20px;
text-align: center;
font-weight: bold;
}

.se-tab-container{
width: 100%;
margin: 20px 0;
}
.se-tab-flex{
display: flex;
flex-wrap: nowrap;
justify-content: center;
gap: 15px 10px;
}
.se-tab{
transition: transform 0.3s;
cursor: pointer;
padding: 10px 30px;
background-color: white;
border: 1px solid #6f5019;
font-size: 20px;
line-height: 1.2;
border-radius: 99px;
color: #6f5019;
text-align: center;
width: 100%;
max-width: 280px;
display: flex;
align-items: center;
justify-content: center;
}
.se-tab-en{
max-width: 360px;
}
@media (max-width: 576px){
.se-tab-flex-en{
flex-wrap: wrap;
flex-flow: column;
align-items: center;
}
}
.se-tab.tabActive{
background-color: #6f5019 !important;
color: white;
font-weight: bold;
}
.tab-con-new{
display: none;
}
.conActive {
    display: block !important;
}