* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
    display:none;
}
p{
    font-size:13px;
}

input[type=number] {
    -moz-appearance: textfield;
}
body {
    background: #fafafa;
    font-family: "Poppins", sans-serif!important;
    margin: 0;
    padding: 0;
}
a {
    text-decoration: none!important;
}
img{
    height:auto;
}
ul{
    margin:0;
    padding:0;
}
ul li{
    list-style:none;
    font-size:13px;
}
a{
    text-decoration:none;
}
.container{
    margin:auto;
}
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{
    max-width: 1170px!important;
    margin:auto;
}
button {
    border: 0;
    outline: 0;
}
.heading {
    font-size: 25px;
    font-weight: 500;
}
.login-container {
    position: fixed;
    width: 100%;
    height: 100%;
    right: 0;
    left:0;
    top:30px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.login-section {
    width: 70%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: auto;
}
.login-section .left{
    width:45%;
}
.login-section .left ul{
    margin:40px 0px 0px;
    padding:0px;
}
.login-section .left ul li{
    margin-top:25px;
    padding-left:20px;
    position:relative;
}
.login-section .left ul li:before{
    content:'';
    position:absolute;
    left:0;
    width:3px;
    height:100%;
    background:#00B894;
}
.login-section .left ul li span{
    display:block;
    font-weight:500;
    font-size: 18px;
}
.login-section .left ul li p{
    font-size:14px;
    color:#555;
}
.iso-image{
    margin-top:30px;
}
.login-section .right {
    width: 45%;
    display: flex;
    justify-content: end;
}
.login-box {
    box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
    border-radius:10px;
    padding:50px 40px;
    background:#fff;
    width:470px;
}
.login-box button{
    width:100%;
    background:#00B894;
    color:#fff;
    border-radius:5px;
    text-align:center;
    padding:10px 12px;
    margin-top:40px;
}
.login-box h2{
    font-size:20px;
    margin-bottom:15px;
}
.login-box label{
    color:#555;
}
.login-box .mobile-input-bx{
    position:relative;
     margin-top:40px;
}
.login-box .mobile-input{
    border-radius:5px;
    height:45px;
    width:100%;
    margin-top:15px;
    display:flex;
    overflow:hidden;
    border:1px solid #d8d8d8;
}
.login-box .mobile-input .countryDropdown{
    border-right:1px solid #ccc;
    width:20%;   
    height:45px;
    cursor:pointer;
    font-weight:500;
    font-size:13px;
    display:flex;
    padding:0px 6px;
    align-items:center;
    justify-content:space-between;
}
.countryCodeList {
    position: absolute;
    width: 80px;
    border:1px solid #d8d8d8;
    margin: 0px;
    padding: 0px;
    top:50px;
    height: 250px;
    overflow-y: scroll;
    background: #fff;
    border-radius: 8px;
    box-shadow:0px 2px 6px rgba(0,0,0,0.1);    
}
.countryCodeList li{
    padding:6px 10px;
    cursor:pointer;
}
.login-box .mobile-input .countryDropdown span{
    font-size:13px;
    color:#555;
}
.login-box .mobile-input .countryDropdown svg{
    width:12px;
    height:12px;
    fill:#555;
}
.login-box .mobile-input input {
    width: 80%;
    padding-left: 10px;
    border: 0;
    font-size: 13px;
    outline: none;
    height: 100%;
    margin: 0px;
}
#errorMsg{
    position:absolute;
    font-size:13px;
    color:red;
}
.otpform-flex {
    display: flex;
    gap: 8px;
    justify-content: left;
    margin-bottom: 15px;
}
.otpform-flex input{
    width: 40px;
    height: 40px;
    text-align: center;
    font-size: 18px;
    border: 1px solid #ccc;
    border-radius: 5px;
    outline: none;
    transition: 0.3s;
}
.otpform-flex input:focus {
    border-color: #00B894;
    box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
}
/* OTP Timer */
.otp-timer-div input {
    border: none;
    text-align: center;
    font-size: 14px;
    background: none;
}
/* Error Messages */
.text-danger {
    display: block;
    color: red;
    font-size: 14px;
    margin-bottom: 10px;
}
#timerDisplay{
    text-align:left;
}
/* Buttons */
.verify-btn {
    width: 100%;
    padding: 12px;
    font-size: 16px;
    background-color: #00B894;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
    margin-top: 10px;
}
.verify-btn:hover {
    background-color: #00B894;
}
.login-container .cls_terms_con {
    margin-top: 50px;
    font-size: 12px;
    display:flex;
    column-gap:6px;
    align-items:center;
}
.login-container .cls_terms_con input{
    width:16px;
    height:16px;
    border:1px solid #ddd;
    outline:none;
    cursor:pointer;
    border-radius:2px;
}
.login-container .cls_terms_con p{
    margin:0px;
}
.login-container .cls_terms_con a{
    color:#00B894;
}
.edit-no{
    font-size:14px;
    margin-bottom:20px;
}
.edit-no b{
    font-size:14px;
}
.edit-no span{
    font-size:14px;
    display:inline-block;
}
.edit-no a{
    color:#000;
}
.main-contents {
    width: 100%;
    height: auto;
    margin-top: 70px;
    padding-bottom: 30px;
}
.dashboard-flex{
    display:flex;
    width:80%;
    position:relative;
    height:100%;
    justify-content:space-between;
    margin:110px auto 50px;
}
.dashboard-flex .left{
    width:72%;
}
.dashboard-flex .right{
    width:25%;
}
.dashborad-right{
    margin-top:42px;
}
.form16-document .card-box {
    height:130px;
    overflow-y:scroll;
}
.dashboard-flex .left .dashboard-container {
    border: 1px solid #d8d8d8;
    border-radius: 10px;
    padding: 50px 50px 0px;
    width: 100%;
    background: #f5f8f2;
    position: relative;
    overflow: hidden;
    text-align: left;
}
.dashboard-flex .left .dashboard-container button {
    background: #00B894;
    color: #ffff;
    border-radius: 5px;
    padding: 8px 12px;
    font-size:14px;
    text-align: center;
    border: 0;
}
.learn-btn {
    border: 0;   
    color: #000;
    background: #e2efd4;
    font-size: 14px;
    font-weight: 500;
    width:100%;
    margin-bottom:20px;
    padding:10px; 
    border-radius:8px;
}
.dashboard-content {
    padding-bottom: 20px;
    height:390px;
}
.dashboard-content span{
    font-size:18px;
    display:block;
    margin-bottom:10px;
}
.dashboard-content h2{
    font-size:20px;
    font-weight:600;
    text-align:left;
}
.step-progress-modal{
    position:fixed;
    display:none;
    top:0;
    left:0;
    right:0;
    width:100%;
    height:100%;
    z-index:1;
}
.step-progress-modal:before{
    content:'';
    position:fixed;
    left:0;
    right:0;
    top:0;
    background:rgba(0,0,0,0.6);
    width:100%;
    height:100%;
}
.step-progress-container{
    display:flex;
    flex-direction:column;
    justify-content:center;
    position:absolute;
    left:0;
    right:0;
    z-index:1002;
    width:100%;
    height:100%;
}
.step-progress-container-box{
    width:100%;
    margin:auto;
    height:400px;
    background:#fff;
    position:relative;  
}
.step-progress-container-outer {
    max-width: 550px;
    margin: auto;
    background: #fff;
    position: relative;
    border-radius: 8px;
    padding:20px;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
}
.step-progress-tabs {
    display: flex;
    justify-content: center;
    margin-top: 15px;
}
.step-progress-tabs li{
    width:50px;
    position:relative;
    z-index:2;
}
.step-progress-tabs li:before {
    content: '';
    position: absolute;
    left: -35px;
    border: 1px dashed #d8d8d8;
    width: 70%;
    top: 7px;
}
.step-progress-tabs li:first-of-type:before {
    display: none;
}
.step-progress-tabs li.active:before{
    border: 1px dashed #00B894;
}
.step-progress-tabs li span {
    width: 15px;
    height: 15px;
    border-radius:50%;
    display:inline-block;
    border: 5px solid #d8d8d8;
}
.step-progress-tabs li.active span{
    border:5px solid #00B894;
}
.step-progress-inner{
    display:none;
}
.step-progress-inner.active{
    display:block;
}
.step-progress-inner h3 {
    font-size: 18px;
    font-weight: 500;
}
.step-img{
    width:175px;
    height:175px;
    margin:15px auto 20px;
}
.step-img img{
    width:100%;
}
.step-description {
    margin-top:15px;
}
.steps-button{
    display:flex;
    column-gap:10px;
    margin-top:15px;
    position:absolute;
    bottom:-35px;
    right:0;
    align-items:center;
}
#closePopup {
    position: absolute;
    right: 15px;
    top: 0px;
    font-size: 28px;
    cursor: pointer;
}
.steps-button button {
    width: 25px !important;
    height: 25px !important;
    border-radius: 50% !important;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0px !important;
    color: #000 !important;
    background: #f4f8ff !important;
    border: 1px solid #d8d8d8 !important;
}
.step-description p {
    font-size: 13px;
    text-align: left;
    margin-bottom: 10px;
}
.step-description ul{
    margin:0px;
}
.step-description ul li{
    margin:8px 0px;
    text-align:left;
    list-style:disc;
}
.steps-item {
    display: flex;
    margin-top: 25px;
    padding: 0px;
}
.steps-item li{
    position:relative;
    font-size:15px;
    width:25%;
    font-weight:500;
    margin:30px 0px 0px;
}
.steps-item li p{
    font-size:13px;
    width:80%;
    color:#555;
    font-weight:400;
    margin: 8px 0px 0px;
}
.steps-item li:before{
    content: '';
    position: absolute;
    left: 22px;
    border: 1px dashed #d8d8d8;
    width: 90%;
    top: -18px;
}
.steps-item li:last-of-type:before{
    display:none;
}
.steps-item li:after{
    content:'';
    position:absolute;
    left:0;
    width:20px;
    height:20px;
    top:-27px;
    background:#fff;
    border-radius:50%;
    border:6px solid #d8d8d8;
}
.steps-item li.active:after{
    content:'';
    border:6px solid #00B894;
    padding:2px;
    border-radius:50%;
    background:#fff;
    overflow:hidden;
}
.buttons{
    margin-top:20px;
}
.new-filing {
    background: #ecf4f5;
    padding: 15px;
    position: absolute;
    bottom: 0px;
    width: 100%;
    left: 0px;
    right: 0px;
}
.new-filing p{
    font-size:14px;
    margin:0px;
}
.new-filing a{
    text-decoration:none;
    color:#00B894;
    display:inline-block;
    margin-left:5px;
    font-size:14px;
    font-weight:500;
}
.tax-file-text{
    margin-top:30px;
}
.tax-file-text ul{
    display:flex;
    justify-content:space-between;
    padding:0px;
}
  .payment-inner-card {
border-radius: 10px;
padding: 15px;
display: flex;
justify-content: space-between;
align-items: center;
font-size: 14px;
width: 100%;
box-sizing: border-box;
margin-top: 20px;
background: #ecf4f5;
border: 1px solid #d8d8d8;
}

.payment-inner-card .payment-header {
    font-size: 15px;
    font-weight: 600;
    color: #333;
    margin-bottom: 6px;
}
.payment-inner-card .payment-info {
    display: flex;
    flex-direction: column;
}
.payment-inner-card .payment-line {
    white-space: nowrap;
    margin: 0px;
    padding: 0px;
}
.payment-inner-card .payment-line li {
    margin-top: 6px;
    display: flex;
}
.payment-inner-card .payment-line span {
    font-weight: 500;
    width: 150px;
    display: inline-block;
}
.payment-inner-card .payment-line li p {
    margin: 0px;
}
.payment-inner-card .pay-button {
    background-color: #000;
    color: #fff;
    border: none;
    border-radius: 5px;
    padding: 12px 16px;
    font-size: 14px;
    cursor: pointer;
    white-space: nowrap;
    transition: background-color 0.3s ease;
}
.tax-file-text ul li{
    width:19%;
    display:flex;
    background: #ffffff;
    border-radius: 10px;
    padding: 15px;
    border:1px solid #d8d8d8;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);
    transition: transform 0.3s ease;
}
.tax-file-text ul li img{
    object-fit:contain;
    max-width:85px;
    height:50px;
}
.tax-file-text ul li:last-of-type{
    width:40%;
}
.tax-file-text ul li span{
    font-weight:600;
    display:block;
    font-size:20px;
}
.tax-file-text ul li .right{
    width:calc(100% - 30px);
    margin:0px;
}
.tax-file-text ul li p{
    font-size:13px;
    text-align:left;
    margin-bottom:0px;
}
.tax-file-text ul li svg{
    fill:#555;
    width:30px;
    margin-top:5px;
    height:30px;
}
.profile-item-container{
    margin-top:30px;
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
}
.profile-item-container .left{
    width:45%;
}
.profile-item-container .right{
    width:53%;
     background: #f8fff6;
    display: flex;
    align-items: center;
    border-radius:10px;
    border:1px solid #d8d8d8;
}
.profile-item-container .right .profile-item{
   background:none;
   border:0px;
}
.profile-item {
    display: flex;
    column-gap: 15px;
    padding: 25px;
    margin-bottom: 15px;
    background: #ecf4f5;
    border-radius: 10px;
    border:1px solid #d8d8d8;
}
.profile-item:last-of-type{
    margin-bottom:0px;
}
.profile-item a{
    display:flex;
    column-gap:15px;
    color:#000;
}
.profile-item .icon{
    width:40px;
    height:40px;
    align-items:center;
    border-radius:50%;
    background:#e2efd4;
    display:flex;
    justify-content:center;
}
.profile-item .icon svg{
    width:20px;
    height:20px;
    fill:#557a2d;
}
.profile-containts{
    width:calc(100% - 50px);
}
.profile-containts h4{
    font-size:18px;
    font-weight:500;
}
.profile-containts p{
    font-size:14px;
    margin-bottom:0px;
}
.profile-containts a{
    color:#00B894;
    display:inline-block;
    margin-top:15px;
}
.box-item {
    border-radius: 10px;
    border: 1px solid #d8d8d8;
    padding: 15px;
    display: flex;
    column-gap: 15px;
    margin-bottom: 20px;
}
.box-item .icon{
    width:35px;
    height:35px;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    padding:5px;
    background:#e2efd4;
}
.box-item .icon svg{
    fill:#557a2d;
}
.box-item-detail{
    width:calc(100% - 45px);
}
.box-item-detail a{
    color:#00B894;
    font-weight:500;
    font-size:14px;
}
.box-item-detail p{
    margin-bottom:8px;
}
.box-item h4 {
    font-size: 16px;
    font-weight: 500;
}
.card-box {
    border: 1px solid #d8d8d8;
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
    margin-top: 20px;
}
.card-box .card{
    margin-top:0px;
}
.card-header {
    background: #00B894;
    color: #fff;
    border: 0px;
}
.card-title{
    font-size:25px;
}
#addAnotherBank{
    margin:20px 0px 0px;
    background:#00B894;
    color:#fff;
    font-size:14px;
}
.decription-box{
    margin-top:20px;
    display:flex;
    padding:15px 0px;
    border-top:1px solid #d8d8d8;
}
.decription-box p{
    font-size:13px;
    margin-bottom:0px;
}
.steps-card {
    border-radius: 8px;
    overflow: hidden;
    padding: 20px 25px;
    position: relative;
    min-height: 475px;
    background: #fbfdfd;
}
.steps-card table{
    margin-bottom:0px;
}
.table {
    background: #fff;
}
.table tr{
    border-bottom:1px solid #f1f1f1;
}
.table tr th, .table tr td {
    font-size: 14px;
    text-align:left;
    padding:10px;
}
.table tr th {
    font-weight: 500;
    background:#e9ecef;
}
.card {
    margin-top: 20px;
    border: 0px;
}
.form-label-section {
    margin-top: 20px;
}
.form-label-section input,
.form-label-section select,
.form-label-section textarea{
    border:1px solid #d8d8d8;
    border-radius:5px;
    font-size:13px;
    height:40px;
    padding:10px;
    width:100%;
}
.form-label-section input,
.form-label-section select,
.form-label-section textarea:focus{
    box-shadow:none!important;
    outline:none;
    font-size:13px;
}
.form-label-section textarea{
    height:80px;
}
.form-label-section label{
    font-weight:500;
    font-size:14px;
    margin-bottom:5px;
    display:block;
}
.step {
    display: none;
}
.step.active {
    display: block;
}
.step h4{
    font-size:20px;
}
.progress-container {
    margin: 0px 0;
}
.progress-bar{
    background:#00B894!important;
}
#reviewSection{
    height:340px;
    overflow-y:scroll;
}
.review-item {
    padding: 8px 15px;
    font-size: 14px;
    display:flex;
    border-bottom: 1px solid #f1f1f1;
}
.review-item strong {
    display: inline-block;
    width: 180px;
    font-size:14px;
    font-weight: 500;
}
.review-item span{
    display: inline-block;
    width: calc(100% - 180px);
}
#jsonOutput pre {
    background: #e9ecef;
    padding: 15px;
    border-radius: 5px;
}
.income-card {
    cursor: pointer;
    transition: transform 0.2s, border-color 0.2s;
    border: 1px solid #dee2e6;
    border-radius: 0.5rem;
    padding: 1rem;
}
.income-card:hover {
    transform: scale(1.03);
}
.custom-file-input::-webkit-file-upload-button,
.custom-file-input::file-selector-button {
    background: #0d6efd;
    border: none;
    color: #fff;
    padding: 0.5rem 1rem;
    border-radius: 0.25rem;
    cursor: pointer;
}
.btn-primary {
    background: #00B894 !important;
    border:0px!important;
    font-size:14px!important;
    outline:none!important;
}
.info-icon {
    font-size: 1.2rem;
    color: #ccc;
    margin-left: 5px;
    cursor: help;
}

#fixedFooter {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    border-top: 1px solid #ccc;
    padding: 10px 0;
    z-index: 1000;
}
.toggle-switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 28px;
}
.toggle-switch input {
    opacity: 0;
    width: 0;
    height: 0;
}
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: .4s;
    border-radius: 34px;
}
.slider:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    transition: .4s;
    border-radius: 50%;
}
input:checked + .slider {
    background-color: #00B894;
}
input:checked + .slider:before {
    transform: translateX(20px);
}
.form-bottom-buttons {
    border-top: 1px solid #f1f1f1;
    width: 100%;
    height:55px;
    left: 0;
    background:#fff;
    padding: 10px 25px;
    right: 0;
    position: absolute;
    bottom: 0;
}
.form-bottom-buttons button{
    font-size:14px;
}
.dropzone {
    border: 2px dashed #ddd;
    text-align: center;
    background: #fafafa;
    border-radius: 8px;
    cursor: pointer;
    padding:20px 50px;
}
.dropzone p{
    margin-bottom:0px;
}
.dropzone.dragover {
    background: #cce5ff;
    border-color: #004085;
}
.progress, .progress-stacked{
    height:0.4rem!important;
}
.income-source-flex{
    display:flex;
    justify-content:space-between;
}
.remove-file{
    background:none;
    border:0;
    outline:none;
    padding:0;
}
.remove-file svg{
    width:22px;
    height:22px;
}
.remove-bank {
    background: none;
    border: 0;
    outline: none;
    padding: 0;
}
.remove-bank svg{
    width:22px;
    height:22px;
}
.income-source-flex ul {
    width: 40%;
    display: flex;
    margin: 0px;
    padding: 0px;
    justify-content: space-between;
    flex-wrap: wrap;
}
.income-source-flex ul li{
    width:49%;
    margin:10px 0px 0px!important;
    padding:15px 10px;
    cursor:pointer;
}
.income-source-flex ul li.selected {
    border: 1px solid #00B894;
    background: #00B894;
}
.income-source-flex ul li.selected label,
.income-source-flex ul li.selected i{
    color:#fff!important;
}
.income-source-flex ul li.active label,
.income-source-flex ul li.active i{
    color:#000;
}
.income-source-flex ul li label{
    font-size:14px;
    display:block;
    color:#000;
}
.income-source-flex ul li i{
    font-size:20px;
    color:gray;
}
.income-source-flex .income-source-content{
    width:58%;
    background:#fafafa;
    border-radius:8px;
    margin-top:10px;
    display:flex;
    flex-direction:column;
    justify-content:center;
}
.income-source-tab-content{
    display:none;
    padding:30px;
}
.income-source-tab-content.active{
    display:block;
}
.income-source-tab-content span,
.income-source-tab-content p{
    display:block;
    font-size:13px;
    margin:0px;
}
.tab-title{
    display:block;
    color:#00B894;
    font-size:16px;
    margin:8px 0px;
    font-weight:500;
}
.browse-btn {
    margin: 15px auto 0px;
    width:155px;
    height:40px;
    display:inline-flex;
    text-align:center;
    justify-content:center;
    align-items:center;
    background: #00B894;
    color: white;
    border: none;
    cursor: pointer;
    border-radius: 5px;
}
.upload-icon{
    width:40px;
    height:40px;
    margin:10px auto;
}
.upload-icon svg{
    width:35px;
    height:35px;
    fill:gray;
}
.buttons-steps {
    display:flex;
    column-gap:10px;
    align-items:center;
}
.buttons-steps .btn-skip {
    background: #ffc107;
}
.btn-skip:hover{
    background:#ffc107!important;
}
.total-amount{
    margin-top:10px;
}
.coupan-code-input{
    display:flex;
}
.coupan-code-input{
    border:1px solid #d8d8d8;
    border-radius:5px;
    height:40px;
    position:relative;
   padding-left:10px;
    overflow:hidden;
}
.coupan-code-input input{
    border:0;
    height:100%;
    outline:none;
}
.coupan-code-input #applyCoupon {
    position: absolute;
    right: 0;
    width: 155px;
    border: 0;
    margin: 0;
    border-radius: 0;
    text-align: center;
    height: 40px;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #5c636a;
    color: #fff;
}
#paymentSummary div{
    margin-bottom:10px;
}
.payment-inner-flex{
    display:flex;
    justify-content:space-between;
}
.payment-inner-flex .left{
    width:45%;
}
.payment-inner-flex .right{
    width:53%;
}
.income-tax-popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
}

.popup-overlay {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    justify-content: center;
    align-items: center;
    animation: fadeIn 0.3s ease-in;
}

.income-tax-inner-box {
    background: white;
    border-radius: 15px;
    width: 90%;
    max-width: 500px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
    position: relative;
    animation: slideIn 0.3s ease-out;
}
.income-tax-head{
    display:flex;
    align-items:center;
    padding:10px 15px;
    border-bottom:1px solid #f1f1f1;
    justify-content:space-between;
}
.income-tax-popup .form-container{
    padding:20px;
}
.income-tax-head h2 {
    font-size: 18px;
    margin:0px;
}
.close-btn {
    cursor: pointer;
    border-radius: 50%;
    transition: all 0.3s ease;
}
.form-label {
    display: block;
    margin-bottom: 8px;
    font-weight: 500;
}

.form-select {
    width: 100%;
    padding:0px 10px;
    height:40px;
    border: 1px solid #ddd;
    border-radius: 8px;
    font-size: 16px;
}

.form-select:focus {
    outline: none;
    border-color: #007bff;
    box-shadow: 0 0 5px rgba(0, 123, 255, 0.3);
}

.invalid-feedback {
    color: #dc3545;
    font-size: 14px;
    margin-top: 5px;
    display: none;
}
button, input, optgroup, select, textarea {
    font-family: "Poppins", sans-serif!important;
}
.btn-close{
    background:none;
    border:0;
    outline:none;
}
.form-control{
    font-style:normal!important;
    font-size:13px!important;
}
.custom-table{
    margin:0px!important;
}
.tax-table{
    border-radius:5px;
    overflow:hidden;
    border:1px solid #d8d8d8;
}
.tax-table .table thead th {
    background: #fff;
    color: #000;
    border-bottom: 0px !important;
}
.faq-item{
    border:1px solid #d8d8d8;
    padding:15px;
    margin-top:15px!important;
    border-radius:5px;
    background:#fff;
}
.faq-item h3{
    font-size:16px;
    font-weight:500;
    margin-bottom:15px;
}
.faq-item p{
    font-size:14px;
    text-align:left;
    margin:0px;
}
#faq{
    margin-top:25px;
}
.faq-item ul {
    margin-left: 15px;
    padding: 0px;
}
.faq-item ol{
    padding:0px;
    margin-left:15px;
}
.faq-item li {
    margin: 7px 0px;
    font-size: 13px;
    list-style:disc;
}
.card-img-top{
    object-fit:contain;
    max-width:50px;
    margin:15px auto;
}
.h3heading{
    font-size:18px;
}
.bradcrum-item {
    padding: 10px;
    background: #f8f9fa;
}
.bradcrum-item ol{
    margin-bottom:0px;
}
.bradcrum-item ol li{
    margin:0px;
}
.about-more-section{
    margin-top:20px;
}
.about-more-section h2{
    font-size:22px;
    color:#000;
}
.content-detail h4{
    margin-bottom:15px;
}
.aboutusslogan{
    margin-top:20px;
}
/*profile*/
.profile-form-box{
    top:20px;  
    width:85%;
}
.dashboard-heading {
    font-size: 22px;
    text-align: left !important;
    margin-bottom: 15px;
    font-weight:500;
    width: 100%;
}
.profile-inner-box {
    border: 1px solid #d8d8d8;
    border-radius: 8px;
    width: 100%;
    align-items: center;
    padding: 0px 20px 20px;
}
.readonly-span {
    border: 1px solid #d8d8d8;
    border-radius: 5px;
    font-size: 13px;
    height: 40px;
    padding: 10px;
    width: 100%;    
    background:#f1f1f1;
    display:block;
}
.profile-inner-box .btn-submit {
    margin-top:30px;
    width:30%;
    margin-left:auto;
}
.table-data{
    width:100%;
}
.table-data tr{
    border-bottom:1px solid #d8d8d8;
}
.table-data tr th,
.table-data tr td{
    font-size:13px;
    text-align:left;
    padding:10px;
}
.table-data tr th{
    background:#e9ecef;
}
.cover-popup {
    display: none;
    position: fixed;
    z-index: 999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.4);
}
.cover-popup  .popup-content {
    position: relative;
    background-color: #fff;
    margin: 7% auto;
    border-radius: 8px;
    width: 90%;
    text-align: center;
    padding: 25px 25px 30px;
    max-width: 500px;
}
.cover-popup  .popup-content img {
    max-width: 100px;
    margin: auto;
}
.cover-popup  .popup-content .close {
    position: absolute;
    top: 10px;
    right: 20px;
    font-size: 28px;
    font-weight: 500;
    cursor: pointer;
    color: #000;
}
.cover-popup  .popup-content .close:hover {
    color: #333;
}
.cover-popup .popup-content h2 {
    margin: 20px 0;
    font-size: 1.5em;
    color: #333;
}
.popup-content p {
    margin-bottom: 16px;
    line-height: 1.5;
    color: #555;
    font-size:13px;
}
#continueFilingBtn {
    padding: 10px 20px;
    margin-top: 20px;
    font-size: 16px;
    cursor: pointer;
    background-color: #00B894;
    color: #fff;
    border: none;
    border-radius: 5px;
}
.bank-details h5{
    font-weight:400;
    font-size:17px;
    margin:5px 0px 15px;
}
#saveBank{
    background:#00B894;
}
#saveBank, #closeBankForm {
    margin-top: 15px;
    width: 120px;
    border:0px;
    outline:none;
}
#passwordModal h5{
    font-size:18px;
    width:90%;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
#passwordModal label{
    font-weight:400;
    font-size:14px;
}
/*guide page strart*/
.container-help {
    width: 80%;
    margin: 115px auto 0px;
    display: flex;
    flex: 1;
    height: 80vh;
    overflow: hidden;
}
.container-help .sidebar-help {
    width: 250px;
    background-color: #fff;
    padding: 20px;
    overflow-y: auto;
}
.container-help .sidebar-help h2 {
    font-size: 20px;
    margin-bottom: 20px;
    color: #333;
}
.container-help .sidebar-help ul {
    list-style: none;
    padding: 0;
}
.container-help .sidebar-help li {
    margin-bottom: 15px;
}
.container-help .sidebar-help a {
    text-decoration: none;
    color: #555;
    font-size: 16px;
    transition: color 0.3s;
    cursor: pointer;
}
.container-help .sidebar-help a:hover,
.container-help .sidebar-help a.active {
    color: #00B894;
}
.container-help .content {
    flex: 1;
    padding: 30px;
    border-left:1px solid #d8d8d8;
    overflow-y:scroll;
    background-color: #fafafa;
}
.container-help .article {
    display: none;
    animation: fadeIn 0.4s ease;
}
.container-help .article.active {
    display: block;
}
.container-help .article h2 {
    font-size: 26px;
    color: #000;
    margin-bottom: 20px;
}
.container-help .article h3{
    font-size:18px;
    font-weight:500;
    margin-bottom:15px;
}
.process-list{
    padding:0px;
}
.process-list li{
    list-style:none!important;
    position:relative;
    padding-left:20px;
}
.process-list li span{
    font-weight:500;
    display:block;
}
.process-list li:before {
    content: '';
    position: absolute;
    left: -15px;
    width: 15px;
    height: 15px;
    top: 7px;
    background: #fff;
    border:5px solid #00B894;
    border-radius: 50%;
}
.process-list li:after {
    content: '';
    position: absolute;
    height: 100%;
    width: 1px;
    left: -8px;
    top: 22px;
    border: 1px dashed #00B894;
}
.process-list li:last-of-type:after{
    display:none;
}
.container-help .article p {
    font-size: 14px;
    color: #444;
    margin-bottom: 15px;
}
.container-help .illustration {
    width: 100%;
    background-color: #eaeaea;
    border-radius:8px;
    overflow:hidden;
    margin-bottom: 20px;
}
.container-help ol{
    padding-left:15px;
}
.container-help ol li {
    margin: 10px 0px;
    font-size: 14px;
}
.container-help ol li strong{
    display:block;
    font-weight:500;
}
.article-note {
    background: #caddff;
    padding: 10px;
    border-radius: 8px;
}
.article-note strong{
    font-size:13px;
    font-weight:500;
    margin-bottom:8px;
}
.article-note p{
    font-size:12px!important;
    margin:0px;
}
.container-help .article ul {
    padding-left: 15px;
}
.container-help .article ul li strong{
    font-weight:500;
}
.container-help .article ul li{
    list-style:disc;
    margin:10px 0px;
    font-size:14px;
}
.container-help .article ul li a{
    color:#0d6efd;
    font-weight:500;
}
.container-help .faq ul {
    list-style: none;
    padding: 0;
}
.container-help .faq ul li {
    margin-bottom: 20px;
}
.container-help .faq ul li strong {
    display: block;
    font-size: 16px;
    margin-bottom: 5px;
}
.container-help .faq ul li p {
    margin: 0;
    font-size: 15px;
    line-height: 1.5;
}
.order-container h2{
    font-size:20px;
    font-weight:500;
}
.order-inner-box{
    border:1px solid #d8d8d8;
    border-radius:8px;
    overflow:hidden;
}
.order-inner-box table tr:last-of-type{
    border:0px;
}
.payment-summary-container{
    min-height:600px;
    display:flex;
    position:relative;
    left:0;
    right:0;
    top:15px;
    flex-direction:column;
    justify-content:center;
}
#paytmRedirectDiv{
    margin-top:15px;
}
#paytmRedirectDiv h1 {
    font-size: 15px;
}
.payment-summary {
    width: 65%;
    margin: 0px auto;
    background: #ffffff;
    border-radius: 15px;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08);
    padding: 35px;
    position: relative;
    overflow: hidden;
    border: 1px solid #e0e6ed;
}
.payment-details {
    border: 1px solid #d8d8d8;
    border-radius: 10px;
    margin-bottom: 30px;
    overflow:hidden;
}
.payment-summary h2 {
    text-align: center;
    color: #1a2e44;
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 10px;    
}
.payment-summary h3 {
    text-align: center;
    color: #6b7280;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 30px;
}

.customer-details {
    background: #f8fafc;
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 30px;
    border: 1px solid #e5e7eb;
}

.customer-details h4 {
    color: #000;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px;
}
.customer-details p {
    color: #374151;
    font-size: 14px;
    margin-bottom:11px;
    line-height: 1.8;
}
.customer-details p:last-of-type{
    margin:0px;
}
.customer-details p strong {
    display: inline-block;               
    width: 150px;
}
.messageorder {
    display: block;
    background: #e2efd4;
    padding:10px 15px;
    margin-top:15px;
    font-size:13px;
    border-radius: 8px;
}
.summary-table {
    width: 100%;
    border-collapse: collapse;
}
.summary-table th,
.summary-table td {
    padding: 12px;
    text-align: left;
    border-bottom: 1px solid #e5e7eb;
}
.summary-table th:last-of-type,
.summary-table td:last-of-type{
    text-align:right;
}
.summary-table th {
    background: #e9f0ff;
    color: #000000;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1px;
}
.summary-table td {
    color: #1f2937;
    font-size: 15px;
}
.total-row td {
    font-weight: 700;
    font-size: 17px;
    background: #f1f5f9;
}

.discount-section {
    display: flex;
    align-items: center;
    gap: 12px;
    width:100%;
    margin-bottom: 30px;
}
.discount-section input {
    padding: 12px;
    font-size: 13px;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    flex: 1;
    outline: none;
    transition: border-color 0.3s;
}
.discount-section input:focus {
    border-color: #2563eb;
}

.discount-section button {
    background: #808080;
    color: #ffffff;
    padding: 12px 25px;
    border: none;
    border-radius: 6px;
    font-size: 15px;
    cursor: pointer;
    transition: background 0.3s, transform 0.2s;
}

.discount-section button:hover {
    background: #808080;
    transform: translateY(-2px);
}

#paymentButtons {
    text-align: center;
}

#payNowBtn {
    background: #000;
    color: #ffffff;
    padding: 8px 14px;
    border: none;
    border-radius: 5px;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    cursor:pointer;
    transition: transform 0.3s, box-shadow 0.3s;    
}     
#payNowBtn:disabled {
    background: #9ca3af;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}
#payLaterBtn {
    background: #00B894;
    color: #ffffff;
    padding: 12px 50px;
    border: none;
    border-radius: 30px;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    transition: transform 0.3s, box-shadow 0.3s;
}  
#payLaterBtn:disabled {
    background: #9ca3af;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

.watermark {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
    color: rgba(0, 0, 0, 0.04);
    font-size: 90px;
    font-weight: 700;
    pointer-events: none;
    user-select: none;
}
.payment-summary label {
    font-weight: 600;
    display:flex;
    align-items:center;
}
.payment-summary input[type="checkbox"] {
    margin-right: 12px;
    width: 20px;
    height: 20px;
}

#finalTotal {
    color: #000;
    font-weight: 700;
}

#discountRow {
    color: #16a34a;
}

#couponMessage {
    font-size: 14px;
    margin-top: 8px;
    position:absolute;
    margin-top:-30px;
}

/*company page start*/
.company-profile-container{
    width:75%;
    margin:auto;
    padding-top:40px;
}
.search-company-top {
    padding: 20px;
    background: #e9ecef;
    border-radius: 8px;
}
.search-input-bx {
    display: flex;
    align-items: center;
    width: 100%;
    height: 45px;
    border:1px solid #d8d8d8;
    background-color: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-sizing: border-box;
    min-height: 45px;
}
.search-input-bx input {
    flex: 1;
    border: none;
    font-size: 12px;
    padding: 0 8px;
    height: 100%;
    outline: none;
    box-sizing: border-box;
    min-height: 45px;
}
.search-input-bx .searchbtn {
    min-width: 60px;
    min-height: 45px;
    display: inline-flex;
    align-items: center;
    color:#000;
    border-right:1px solid #d8d8d8;
    justify-content: center;
    background-color: #fafafa;
    cursor: pointer;
}
.company-info-container {
    display: flex;
    gap: 1rem;
    padding: 1rem;
    position: relative;
    flex-wrap: wrap;
}
.companies-header {
    margin: 25px auto 0px;
    padding: 0;
    position: relative;
    background: #fff;
    border-radius: .5rem;
    box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    border: 1px solid #e0e0e0;
    z-index: 1;
}
.company-info-container figure{
    max-width:96px;
}
.tcc-seo-companies-logo {
    width: 6rem;
    height: 6rem;
    aspect-ratio: 1 / 1;
    object-fit: contain;
    border-radius: 0.5rem;
    border: 1px solid #d8d8d8;
}
.company-header-details h1 {
    font-size: 22px;
    font-weight: 600;
    color: #333;
    display:inline-block;
    margin-bottom: 0.5rem;
}
.company-header-details time{
    font-size:14px;
}
.company-header-details .add-details {
    display: flex;
    align-items: center;
    min-height: 20px;
}
.company-header-details span{
    font-size:14px;
    margin:8px 0px;
}
.company-card-box {
    background:#fff;
    border-radius:10px;
    overflow:hidden;
    padding:20px 25px;
    border:1px solid #f1f1f1;
    margin-top:25px;
    box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
}
.company-card-box h2{
    font-size:22px;
    font-weight:600;
     margin:0px 0px 15px;
}
#file-itr h2{
    font-size: 24px;
    font-weight: 600;
    margin: 0px 0px 15px;
    text-align:center;
}
#file-itr h3 {
    font-size: 18px;
    margin: 0px 0px 15px;
    font-weight: 500;
}
#file-itr {
    margin-top: 25px;
    padding:25px;
    border-radius:10px;
    box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
}
#file-itr p{
    font-size:15px;
}
.assets-itr-box-flex{
    display:flex;
    justify-content:space-between;
    margin-top:20px;
}
.assets-itr-box-flex .left {
    width: 49%;
    background: #ffffff;
    padding:25px;
    border-radius: 12px;
    text-align:center;
}
.assets-itr-box-flex .left a{
    color:#2563eb;
    font-size:15px;
    display:inline-block;
    margin-top:10px;
    text-decoration:underline!important;
}
.assets-itr-box-flex .right {
    width: 49%;
    padding: 25px;
    background: #ffffff;
    border-radius: 12px;
}
.company-card-box h3 {
    font-size: 18px;
    margin: 0px 0px 15px;
    font-weight: 500;
}
.about-inner-flex {
    display: flex;
    justify-content: space-between;
}
.about-inner-flex .left{
    width:62%;
}
.about-inner-flex .right{
    width:37%;
    border:1px solid #f1f1f1;
    border-radius:10px;
    background:#fff;
    padding:20px 25px;
    box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
}
.company-document-inner{
    margin-top:20px;
}
.company-document-section {
    margin-top: 20px;
}
.company-document-item {    
    margin: 0px;   
    padding: 0px 0px 0px 15px;
}
.company-document-item li{
    margin-top:10px;
    font-size:14px;
    width:100%;
    list-style:disc;
}
.company-data-list{
    margin:0px;
    padding:0px;
}
.company-data-list li {
    display: flex;
    margin-top: 20px;
    justify-content: space-between;
}
.company-data-list li span{
    display:inline-block;
    font-weight:500;
    font-size:14px;
}
.company-data-list li p{
    font-size:14px;
    width:calc(100% - 160px);
    max-width:70%;
}
.itr-platform-flex{
    display:flex;
    column-gap:10px;
    align-items:center;
    justify-content:center;
    margin-top:20px;
}
.itr-platform-flex a {
    display: inline-block;
    width:120px;
}
.itr-platform-flex a img{
    width:100%;
    height:40px;
}
.diffrent-card-box {
    background: #e8f5fb;
    padding: 15px;
    border-radius: 10px;
}
.board-director-flex{
    display:flex;
    justify-content:flex-start;
    flex-wrap:wrap;
    column-gap:20px;
    margin-top:20px;
}
.board-director-flex .board-director-card {
    box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    border-radius: 10px;
    padding: 15px;
    border:1px solid #f1f1f1;
    width: 32%;
    margin-top: 20px;
    background: rgb(249 249 250);
}
.board-director-flex .board-director-card:nth-child(-n+3){
    margin:0px;
}
.company-profile-btn{
    display:inline-block;
    background:#000;
    color:#fff;
    font-size:14px;
    text-align:center;
    margin-bottom:20px;
    padding:8px 16px;
    border-radius:5px;
}
.board-director-flex .board-director-card:nth-child(-3n) {
    margin: 0px;
}
.board-director-card h4{
    font-size:18px;
    font-weight:500;
}
.board-director-card span{
    font-size:14px;
}
.board-director-card p {
    font-size: 14px;
    margin-top:8px;
}
.charges-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;
    margin-top:20px;
    will-change: transform;
}
.charges-content .charges-summary, .charges-content .charges-details{
   flex: 1 1 calc(50% - 20px);
    border-radius: 10px;
    position: relative;
    height: auto;
    overflow: hidden;
    border: 1px solid #d8d8d8;
    transition: transform .3s ease-in-out;
}
.charges-content h3{
    padding: 15px;
    font-size: 1rem;
    font-weight: 500;
    margin: 0;
}
.charges-section .subtitle{
    font-size:15px;
    color:#555;
}
.charges-table table tr th {
    background: #e6ecf1;
    font-weight: 500 !important;
    padding: 10px;
    font-size: 13px;
    border-right: 1px solid #ddd;
}
.charges-table table tr{
    border-bottom:1px solid #f1f1f1;
}
.charges-table table tr td {
    font-size: 13px;
    text-align: left;
    padding: 10px;
    vertical-align:top;
}
.charges-metrics {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 10px;
    border-bottom: 1px solid #ddd;
}
.charges-metrics .charge-metric {
    flex: 1 1 calc(50% - 20px);
    padding: 15px;
    background: #fff;
    margin-bottom: 10px;
    border-right: 1px solid #d8d8d8;
}
.charges-metrics .charge-metric span{
    display:block;
}
.charges-metrics .charge-metric .metric-label{
    font-weight:500;
}
.charges-metrics .charge-metric:last-of-type {
    border: 0px;
}
.lenders-list{
    padding:0px;
}
.lenders-list ul{
    padding:0px 0px 0px 15px;
}
.lenders-list ul li {
    font-size: 14px;
    margin: 10px 0;
    color: #555;
    padding-left: 10px;
    border-left: 3px solid #007bff;
}
.note-found-container {
    width: 100%;
    height: 100%;
    padding:50px 0px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.faq-wrapper {
    margin-top: 20px;
}
.faq-list {
    padding: 0px 0px 0px 15px;
}
.faq-list li{
    margin-top:8px;
    list-style:disc;
}
.company-faq {
    padding: 15px 0px;
    border-bottom: 1px solid #e5e7eb;
}
.company-faq:last-child{
    border:0px;
}
.no-data-message {
    display: flex;
    padding: 20px 30px;
    column-gap: 10px;
    align-items: center;
}
.payment-status-outer{
    position:fixed;
    height:100%;
    display:flex;
    top:35px;
    left:0;
    right:0;
    justify-content:center;
    flex-direction:column;
}
.payment-status {
    width: 600px;
    margin: 50px auto;
    padding: 30px;
    box-shadow: 0px 2px 8px rgba(0,0,0,0.1);
    border-radius: 10px;
    background: #fff;
    border: 1px solid #d8d8d8;
}
    .payment-status h2 {
        font-size: 25px;
    }
    .payment-status p{
        font-size:14px;
    }
    .payment-status-items {
        margin-top: 10px;       
        padding: 0px;       
        justify-content: space-between;
    }
    .payment-status-items li {
        padding:10px 0px;
         display:flex;
         justify-content:space-between;
         border-bottom: 1px solid #eee;
    }
    .payment-status-items li:last-of-type{
        border:0px;
    }
    .payment-status-items li span {
        font-weight: 500;
        display: inline-block;
        font-size:14px;
    }
    .payment-status-items li p {
        text-align: left;
        margin: 0px;
        font-size:14px;
    }
.goto-dashboard{
    width:100%;
    text-align:center;
}
.goto-dashboard a{
    background: #00B894; color:#fff; font-size:14px; border-radius:5px;display:inline-block; padding:8px 12px; margin-top:10px;
}
.mobiledevice{
    display:none;
}
.webdevice{
    display:block;
}
@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}
@keyframes slideIn {
    from { 
        transform: translateY(-50px);
        opacity: 0;
    }
    to { 
        transform: translateY(0);
        opacity: 1;
    }
}
@media(max-width:767px){
    .dashboard-flex{
        flex-wrap:wrap;
        width:92%;
    }
    .dashboard-flex .left{
        width:100%;
    }
    .dashboard-flex .right{
        width:100%;
        margin-top:25px;
    }
    .tax-file-text ul{
        flex-wrap:wrap;
        padding:0px;
    }
   
    .tax-file-text .right{
        width:90%;
        margin:0px;
    }
    .tax-file-text ul li{
        width:49%;
        margin-top:15px;
    }
    .tax-file-text ul li:last-of-type {
        width: 100%;
        margin-top:15px;
    }
    .dashboard-flex .left .dashboard-container{
        padding:18px;
    }
    .dashboard-content{
        height:490px;
    }
    .profile-item{
        width:100%;
    }
    .payment-failed{
        width:100%;
    }
    .payment-failed-items li{
        width:100%;
    }
    .login-container{
        position:relative;
        top:auto;
    }
    .login-section {
    width: 95%;
    display: flex;
    flex-wrap: wrap;
}
.login-section .left {
    width: 100%;
    order:2;
    margin-top:20px;
}
.login-section .right {
    width: 100%;
    order: 1;
    margin-top:90px;
}
    .payment-summary-container{
        height:auto;      
    }
    .payment-summary{
        width:95%;
        padding:20px;
    }
    .payment-inner-flex{
        flex-wrap:wrap;
    }
    .payment-inner-flex .left{
        width:100%;
    }
    .payment-inner-flex .right{
        width:100%;        
    }
    .mobiledevice {
        display: block;
    }
    .webdevice {
        display: none;
    }
    .user-name{
        margin-left:80px;
    }
    .user-dropdown{
        right:10px;
    }
    .user-dropdown:before{
        right:60px;
    }
    .steps-item li{
        font-size:13px;
    }
}