:root {
	--bs-white: #ffffff;
	--bs-black: #000000;
	--bs-richblack: #2a2a2a;
	--bs-deepblue: #0067b8;
	--bs-aquablue: #00c3e3;
    --bs-gray:#c0c0c0;
    --bs-lightgray:#e5e5e5;
    --bs-gray-2:#f3f3f3;
    --white-surface: #fefefe;
    --bs-gray-3:#dee2e6;
    --bs-darkgray:#858585;
    --bs-button-color:#957453;
    --datepick-bg-color:#c69d67;
    --bs-alert:#967554;
    --bs-counter-bg:#F6F5F5;
    --bs-bg-color:#7d2b13;
    --bs-red:#ff0000;
    --bs-border-color:#dee2e6;
    --text-surface:#7c7c7c;
	--round-50-corner:50px;
	--round-40-corner:40px;
	--round-30-corner:30px;
	--round-20-corner:20px;
	--round-10-corner:10px;
}
/* .navbar{
  --bs-navbar-toggler-icon-bg:url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e);
} */
header{background: #e7e7e7;padding:5px 15px;box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);}
header .navbar{padding: 0px;height: 74px;justify-content: flex-end;}
header .logo{padding:0}
header .logo img.img-fuild{width:60px;margin:0}
header .navbar-collapse{position:fixed;top:0;bottom:0;width:250px;right:-250px;z-index:4;background-color:#656565;overflow:auto!important;height:auto!important;display:block!important;box-shadow:0 0 10px rgba(0,0,0,0.2);text-align:center;border-left:2px solid #9f9f9f;transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s;-ms-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;}
header .navbar-collapse.show{right:0}
.headers .navbar ul.nav-menu{
  margin-top: 30px;
}
.close_menu{
  display: flex;
  justify-content: right;
  padding: 8px 8px 0 0;
  width: 100%;
}
.close_menu a{
    width: 45px;
    height: 45px;
    display: block;
    background-color: #ffffff;
    padding: 10px;
    line-height: 21px;
    border-radius: 45px;
  }
header .navbar-collapse ul.nav-menu li{padding: 15px 25px;display:block;}

/**********************************login************************************************/
.login-form{padding-top: 0px;}
.login-chart{max-width: 700px;margin: 60px auto 0;}
.login-chart .nav {
    background-color: #fff;
    border-radius: 50px;
    box-shadow: 0 1px 7px 0 #0000004d;
    padding: 7px;
    gap: 30px;
}
.login-chart .contactus .nav{
  width:400px;
  margin: 0 auto;
}
.login-chart .nav .nav-item{
    flex: 1;
    text-align: center;
}
.login-chart .tab-content{margin-top: 2rem;}
.login-chart .nav .nav-link{border-radius: 30px;padding: 7px 14px;font-weight: 500;font-size: 20px;color: var(--bs-black);}
.login-chart .nav .nav-link.active {
    background-image: var(--color-btn-primary-bg, linear-gradient(93deg, #957453, #c69d67));
    color: var(--bs-white);
}
.login-chart form label{font-weight: 500;font-size: 16px}
.login-chart .form-control, .login-chart .form-select{border: 1px solid rgba(0, 0, 0, 0.1);border-radius: 10px;padding: 0.75rem;color:var(--bs-darkgray);height: 50px;margin-top: 0;}
.login-chart .form-control::-webkit-input-placeholder {
  color: var(--bs-darkgray)!important;
}
  
.login-chart .form-control::-moz-placeholder {
  color: var(--bs-darkgray)!important;
}
  
.login-chart .form-control:-ms-input-placeholder {
  color: var(--bs-darkgray)!important;
}
.login-chart textarea.form-control{height: auto;text-align:left}
.login-chart .form-group .iti--separate-dial-code .iti__selected-flag{background-color: transparent;color: var(--bs-black);padding: 0 6px 0 18px;height:50px}
.login-chart .form-group input[type="checkbox"]{width: 20px;height: 20px;}
.login-chart .form-group .form-check-label{margin-left: 10px;line-height: 26px;font-size: 14px;font-weight: 400;}
.login-chart .form-group .form-check-label a{color: var(--bs-button-color);}
.login-chart .form-group .iti{width: 100%;}
.login-chart .form-group .iti__arrow{border-top:5px solid var(--bs-darkgray);border-left: 5px solid transparent;border-right: 5px solid transparent;}
.login-chart .form-group .iti__arrow.iti__arrow--up{border-top:5px solid transparent;}
.login-chart label{display: block;}
.book-a-stay .btn-primary, .read-more-btn{background-color:var(--bs-bg-color); border-color: var(--bs-bg-color);padding: 0.75rem 2rem;border-radius: 10px;text-transform: uppercase;color:var(--bs-white);outline: none;box-shadow:none;border:1px solid var(--bs-bg-color);
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;}
.otp-modal.modal .modal-body button svg{width:30px;position: absolute;right: -5px;left: auto;top:-5px}
.otp-modal.modal .modal-body .card{border:none;padding-top: 30px;}
.otp-modal.modal .form-group .d-flex{gap: 10px;}
.otp-modal.modal .form-group .d-flex input{text-align: center;}
.book-a-stay .btn-primary:hover, .book-a-stay .btn-primary:focus, .read-more-btn:hover, .read-more-btn:focus{background-color:var(--bs-button-color); border-color: var(--bs-button-color);border:1px solid var(--bs-button-color);}
.read-more-btn:hover, .read-more-btn:focus{outline: none;}
#hideDiv{display: none;}

/**********************************registration************************************************/
.custom-select {
    position: relative;
    user-select: none;
}
.select-options {
    display: none; 
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background-color: white;
    padding: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    min-width: auto;
    max-width: 100%;
    border-radius:15px;
    max-height: 300px;
    overflow-y: scroll;
    z-index: 2;
}
.select-option {
    padding: 10px;
    cursor: pointer;
    border-bottom: 1px solid #ddd;
    position: relative;
    padding-left: 20px;
    transition: background-color 0.3s;
}
.select-option i{
    position: absolute;
    left: 0px;
    right: auto;
    top: 50%;
    transform: translateY(-50%);
    bottom: auto;

}
.select-option:last-child{border:none}
.contact-form{margin: 30px auto 0;text-align: center;}
.select-option:hover {
    /* background-color: #f0f0f0; */
    font-weight: 500; 
    border-bottom: 1px solid #222;
}
.custom-select .select-selected{padding: 12px 10px;}
.custom-select.open .select-options {
    display: block;
}
.registration-form .login-chart{max-width: 100%;}
.registration-form .login-chart .form-control, .registration-form .login-chart .form-select{margin-top: 0;}
.headers .navbar .sign_inup .btn-primary{background-color: var(--bs-button-color);border-color:var(--bs-button-color);margin-right: 15px;}
.headers .navbar .sign_inup.am-member-name a:first-child{color: #000000;text-decoration: none;}
.headers .navbar .sign_inup .btn-primary:hover, .headers .navbar .sign_inup .btn-primary:focus{background-color: var(--bs-bg-color);border-color:var(--bs-bg-color)}

/**********************************dashboard************************************************/
#verify-otp{background-color: var(--bs-button-color);border-color: var(--bs-button-color);}
#verify-otp:hover, #verify-otp:focus{background-color: var(--bs-bg-color);border-color: var(--bs-bg-color);}
#verify-phone-otp{background-color: var(--bs-button-color);border-color: var(--bs-button-color);}
#verify-phone-otp:hover, #verify-phone-otp:focus{background-color: var(--bs-bg-color);border-color: var(--bs-bg-color);}
.am-member-dtls{padding: 0px 50px;}
.am-member-dtls .am-member-name{display: flex;justify-content: space-between;align-items: center;}
.am-member-dtls .am-member-name a{color: var(--bs-white);font-size: 18px;}
/* .am-member-dtls .am-member-name a:last-child{background-color: rgba(0,0,0,0.1);padding: 10px;border-radius: 5px;text-decoration: none;}
.am-member-dtls .am-member-name a:last-child:hover, .am-member-dtls .am-member-name a:last-child:focus{background-color: rgba(255,255,255,1);color:var(--bs-black)} */
.am-member-dtls .am-member-points{color: var(--bs-white);font-size: 16px;}

.left_col {
    background-color: var(--bs-button-color);
    /* height: 100vh;*/ 
    padding: 23px 20px 60px 20px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
.nav_list {
    /* margin: 72px 0px 30px;*/
    /* height: calc(100% - 170px);*/ 
    overflow-y: auto;
    overflow-x: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius:10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  
  .nav_list .more-text {
    color: #fefefe;
    font-size: 18px;
    font-weight: 700;
    padding: 47px 20px 15px;
  }
  
  .nav_list::-webkit-scrollbar {
    width: 0;
  }
  
  .nav_list .navbar-nav {
    gap: 10px;
  }
  
  .nav_list .navbar-nav .nav-item .nav-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 10px;
    padding: 13px 15px 13px 20px;
    border-radius: 10px;
  }
  
  .nav_list .navbar-nav .nav-item .nav-link svg {
    width: 20px;
  }
  
  .nav_list .navbar-nav .nav-item .nav-link svg path {
    stroke: #fff;
  }
  
  .nav_list .navbar-nav .nav-item .nav-link span {
    color: #fefefe;
    text-wrap: nowrap;
  }
  
  .nav_list .navbar-nav .nav-item .nav-link .bookmark {
    padding: 5px 7px;
    background-color: rgba(48, 224, 162, 0.185);
    border-radius: 20px;
    width: 35px;
    height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  
  .nav_list .navbar-nav .nav-item .nav-link .bookmark svg path {
    stroke: #30e0a1 !important;
  }
  
  .nav_list .navbar-nav .nav-item .nav-link.active, .nav_list .navbar-nav .nav-item .nav-link:hover {
    background-color: #fff;
  }
  
  .nav_list .navbar-nav .nav-item .nav-link.active svg path, .nav_list .navbar-nav .nav-item .nav-link:hover svg path {
    stroke: #fe4a49;
  }
  
  .nav_list .navbar-nav .nav-item .nav-link.active span, .nav_list .navbar-nav .nav-item .nav-link:hover span {
    font-weight: 700;
    color: var(--bs-black);
  }
  
  .nav_list .navbar-nav .nav-item .nav-link.highlight svg path {
    stroke: #fe4a49;
  }
  
  .nav_list .btn-green {
    margin-top: 63px;
  }
  
  .logo_box {
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }
  
  .layout .leftside.move {
    width: 90px;
    padding: 30px 10px 60px 10px;
  }
  
  .layout .leftside.move .side_toggle_btn {
    right: 30px;
    -webkit-transform: rotate(-180deg);
            transform: rotate(-180deg);
  }
  
  .layout .leftside.move .logo_box {
    display: none;
  }
  
  .layout .leftside.move .nav_list .nav-item .nav-link {
    padding: 15px 13px;
    width: 50px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-radius: 60px;
    border-top: 1px solid transparent;
    border-left: 1px solid transparent;
  }
  
  .layout .leftside.move .nav_list .nav-item .nav-link svg {
    width: 20px;
  }
  
  .layout .leftside.move .nav_list .nav-item .nav-link svg path {
    stroke: #fff;
  }
  
  .layout .leftside.move .nav_list .nav-item .nav-link span,
  .layout .leftside.move .nav_list .nav-item .nav-link .bookmark {
    display: none;
  }
  
  .layout .leftside.move .nav_list .nav-item .nav-link.active, .layout .leftside.move .nav_list .nav-item .nav-link:hover {
    border-top: 1px solid #fe4a49;
    border-left: 1px solid #fe4a49;
    background-color: #fff;
  }
  
  .layout .leftside.move .nav_list .nav-item .nav-link.active svg path, .layout .leftside.move .nav_list .nav-item .nav-link:hover svg path {
    stroke: #fe4a49;
  }

  /******************************card****************************************/
  .left_col .card {
    width: 100%;
    height: 200px;
    background-color: var(--bs-lightgray);
    border-radius: 10px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    padding: 15px;
    margin:0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .left_col .header {
    display: flex;
    justify-content: space-between;
    align-items: start;
    flex-direction: column;
  }

  .left_col .logo {
    font-size: 20px;
    font-weight: bold;
    width: auto;
    float: none;
    padding: 0;
  }

  .left_col .card-title {
    font-size: 14px;
    color: #555;
  }

  .left_col .content {
    margin-top: 10px;
  }

  .left_col .member-name {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 5px;
  }

  .left_col .member-id {
    font-size: 14px;
    color: #777;
  }

  .left_col .footer {
    font-size: 12px;
    color: #888;
    text-align: right;
  } 
  .dashboard{margin-bottom: 100px;}
  .dashboard .row{margin: 72px -2px 30px -2px;}
  .dashboard .card .row{margin: 0;align-items: center;padding: 20px;}
  .dashboard .card .row>div:first-child {margin: 0;text-align: center;}
  .dashboard .card .row>div:first-child .member-image{background-color: var(--bs-richblack);width:180px;border-radius: 10px;margin:0 auto;margin: 0 auto;height: 110px;line-height: 100px;}
  .dashboard .card:first-child .row>div:first-child .member-image img{width:150px}
  .dashboard .card .row>div:first-child .member-image img{width:70px}
  .dashboard .my-stays .card .row{align-items: start;}
  .dashboard form .row{margin: 35px 0 0 0;}
  .dashboard .row div[class*='col-']{padding:0 2px}
  .right_col .top-nav{display: flex;list-style: none;background-color: var(--bs-lightgray);gap:2px;border-radius: 10px;padding:1px;justify-content: space-between;box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);}
  .right_col .top-nav .am-menu .am-link{display:block;text-decoration: none;border:1px soild var(--bs-lightgray);padding: 15px 30px;color: var(--bs-darkgray);border-radius:10px}
  .right_col .top-nav .am-link.am-active{background-color: var(--bs-white);border-radius:10px}
  /* .right_col .top-nav .amritaraSubscribeButton.am-link{background-color: var(--bs-bg-color);margin:0px;color: var(--bs-white);} */
  .details-content{padding: 20px;}
  .details-content h1{font-size: 40px;font-weight:100;color: var(--bs-bg-color);padding-bottom: 15px;text-align: center;}
  .price_main_box{display: flex;gap: 25px;align-items: stretch;}
  .box_shadow{box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);padding: 15px;border-radius: 15px;}
  .price_main_box .main_box{ padding: 20px;
    border-radius: 10px;
    border: 1px solid var(--bs-gray-3);
    text-align: center;
    background: var(--bs-gray-2);
    -webkit-backdrop-filter: blur(29.5px);
            backdrop-filter: blur(29.5px);
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex: 1;
            display: flex;
            flex-direction: column;
          }
          .price_main_box .main_box #currentTier
          {
            font-size: 30px;
            letter-spacing: 0.11px;
            font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"
          }
        .price_main_box .main_box h4 {
                color: var(--bs-black);
                font-size:28px;
                font-weight: 600;
                line-height: normal;
                letter-spacing: 0.11px;
                margin-bottom: 0px;
              }
              
         .price_main_box .main_box h5 {
                color: var(--bs-black);
                font-size: 18px;
                font-weight: 700;
                line-height: normal;
                letter-spacing: 0.07px;
                margin-bottom: 0px;
              }
              
  .price_main_box .member-details{flex:1;display: flex;}
  .price_main_box .member-details .table-responsive, .stay .table-responsive{
    border-radius: 10px;
    border: 1px solid var(--bs-gray-3)
  }
  .price_main_box .member-details .table-responsive .table, .stay .table-responsive .table{width:100%;table-layout: fixed;height:100%}
  .price_main_box .member-details .table-responsive table th, .price_main_box .member-details .table-responsive table td, .stay .table-responsive table th, .stay .table-responsive table td{border:none;padding: 0.55rem!important;vertical-align: middle;}
  .price_main_box .member-details .table-responsive table td h5{letter-spacing: 0.11px;}
  .price_main_box .member-details .table-responsive table tr:nth-child(even), .stay .table-responsive table tr:nth-child(even){
    background: var(--bs-white);
    border: 0px; 
    color: var(--bs-black);
    margin: 0px !important; 
    border:none
  }
  .price_main_box .member-details .table-responsive table tr:nth-child(odd), .stay .table-responsive table tr:nth-child(odd){border:none;background-color: rgba(0, 0, 0, 0.05);color: var(--bs-black);}
  #emailmsgshow, #phonemsgshow, #otpMessage, .error, #eotpMessage{color:var(--bs-alert);font-size: 13px;}

 /**********************************progress-bar*************************************************/
 .am-dash-board-content-wrap {
 margin-top: 1rem;
}
.am-tier-progress-container {
  padding: 20px;
  border: 1px solid var(--bs-gray-3);
  border-radius: 8px;
  background-color: var(--bs-gray-2);
}
.am-tier-progress-header .assessment-year span{font-weight: 700;font-size: 18px;}
.am-tier-progress-header {
  text-align: center;
  margin-bottom: 20px;
}
.highlight-tier {
  color: #d9534f;
  font-weight: bold;
}
.am-tier-progress-bar {
  display: flex;
  align-items: start;
  justify-content: space-between;
  position: relative;
  padding: 10px 0;
}
.am-progress-line {
  position: absolute;
  top: 35%;
  left: 0;
  right: 0;
  height: 8px;
  /* background: linear-gradient(to right, #d9534f 15%, #c0c0c0 40%, #d4af37 60%, #e5e4e2 80%); */
  background: linear-gradient(to right, #bcbdc0 15%, #c0c0c0 30%, #d4af37 35%, #d4af37 65%, #e5e4e2 75%, #e5e4e2 98%);
  z-index: 0;
  border-radius: 10px;
}
.am-tier-step {
  position: relative;
  text-align: center;
  z-index: 1;
}
.am-tier-circle {
  width: 20px;
  height: 20px;
  background-color: #ddd;
  border-radius: 50%;
  margin: 0 auto 30px auto;
  border: 2px solid #ccc;
}
.am-tier-step.active .am-tier-circle {
  background-color: #d9534f;
  border-color: #d9534f;
}
.am-tier-label {
  font-size: 12px;
}
.am-tier-label span{display: block;font-weight:600}
.am-tier-info-box {
  margin-top: 20px;
}
.tier-info {
  width: 400px;
    position: absolute;
    background: #fff;
    left: 0px;
    top: 100%;
    padding: 10px 25px;
    display: block;
    opacity:0;
    visibility:hidden;
    z-index: 5;
    text-align: left;
  border: 1px solid var(--bs-gray);
  margin-bottom: 10px;
  border-radius: 5px;
}
.tier-info p{margin:0}
.tier-info h3, .tier-info p{color:var(--bs-white)}
.tier-info:after
{
  position: absolute;
  content:'';
  top:auto;
  bottom: calc(100% - 9.5px);
  left: 20px;
  right: auto;
  width: 20px;
  height: 20px;
 transform: rotate(45deg);
 border-top: 1px solid var(--bs-gray);
 border-left: 1px solid var(--bs-gray);
 border-bottom: 1px solid var(--bs-white);
 border-right: 1px solid var(--bs-white);
  z-index: 2;
}

.am-tier-progress-bar .am-tier-step:nth-child(3) .tier-info:after
{
  position: absolute;
  content:'';
  top:auto;
  bottom: calc(100% - 9.5px);
  right: 20px;
  left: auto;
  width: 20px;
  height: 20px;
 transform: rotate(45deg);
 border-top: 1px solid var(--bs-gray);
 border-left: 1px solid var(--bs-gray);
 border-bottom: 1px solid var(--bs-white);
 border-right: 1px solid var(--bs-white);
  z-index: 2;
}

/* .tier-info:before{
  position: absolute;
  content:'';
  top:auto;
  bottom:100%;
  left: 4px;
  right: auto;
  width:11px;
  height: 11px;
  transform: rotate(45deg);
  border: 1px solid var(--bs-gray);
} */
.am-tier-progress-bar .am-tier-step:hover .tier-info{
  opacity:1;
  visibility:visible;
}

.am-tier-progress-bar .am-tier-step:nth-child(1) .am-tier-circle, .am-tier-progress-bar .am-tier-step:nth-child(1) .tier-info, .am-tier-progress-bar .am-tier-step:nth-child(1) .tier-info:after{background-color: #c0c0c0;
    border-color: #c0c0c0;}  
.am-tier-progress-bar .am-tier-step:nth-child(2) .am-tier-circle, .am-tier-progress-bar .am-tier-step:nth-child(2) .tier-info, .am-tier-progress-bar .am-tier-step:nth-child(2) .tier-info:after{background-color: #d4af37;
    border-color: #d4af37;}  
.am-tier-progress-bar .am-tier-step:nth-child(3) .am-tier-circle, .am-tier-progress-bar .am-tier-step:nth-child(3) .tier-info, .am-tier-progress-bar .am-tier-step:nth-child(3) .tier-info:after{background-color: #e5e4e2;
    border-color: #e5e4e2;}  
    .am-tier-progress-bar .am-tier-step:nth-child(3) .tier-info{margin-left: -300px;}

/****************************************redemption-stay************************************************/
.summer-points h5{margin-top: 3rem;margin-bottom: 0.5rem;}
.summer-points h5, .summer-points p{color: var(--bs-darkgray);}    
.stay .login-chart{max-width: 100%;}
.hasDatepicker{position: relative;}
.hasDatepicker+.fa-calendar{position: absolute;top:40%;transform: translateY(-60%);right:15px;left:auto}

.custom-select .select-options::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: var(--white-surface);
}

.custom-select .select-options::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  background-color: var(--white-surface);
  border-radius: 10px;
}

.custom-select .select-options::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: var(--bs-darkgray);
}
.room .d-flex{gap:10px}
.room .d-flex .btn-minus, .room .d-flex .btn-plus{border:none}
.room .d-flex button[class*='btn-']:hover, .room .d-flex button[class*='btn-']:focus{background-color: transparent;border:none;box-shadow: none;}
.room .d-flex button[class*='btn-'] img{width:15px}
.limited-offer p:first-child{margin-bottom: 0.5rem;}
.contact-details>div{display: flex;}
.contact-details>div a, .contact-details>div p:last-child{margin-left: 20px;}
.contact-details>div a{color: var(--bs-black);text-decoration: none;}

.contactus{margin-top: 20px;padding-top: 20px;border-top: 1px solid rgba(0, 0, 0, 0.1);}
.contactus .nav-link span{margin-left: 20px;}
.contactus .nav-link span{position: relative;}
.contactus .form-check-input {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border: 2px solid var(--text-surface);
  border-radius: 50%;
  min-width: 20px;
  height: 20px;
  margin-right: 20px;
  opacity: 0;
  --bs-form-check-bg: var(--white-surface);
}
.contactus .nav-link span:after{
  position: absolute;
  content:'';
  left: auto;
  right: 100%;
  top: 50%;
  transform: translateY(-50%);
  background-color: rgba(255,255,255,0.5);
  border: 4px solid var(--text-surface);
  border-radius: 50%;
  min-width: 20px;
  height: 20px;
  margin-right: 20px;
 }
 .contactus .nav-link.active span:after{
  border: 4px solid var(--bs-white);
 }


.contactus .nav-pills .nav-links.active .form-check-input {
  background-color: var(--datepick-bg-color);
  border: 4px solid var(--bs-white);
  background-image: none;
}

.contactus .form-check-input:focus {
  background-image: none;
  border-color: var(--bs-white);
}

.contactus .form-check-input {
  background-color: rgba(0,0,0,0.1);
  border: 4px solid var(--bs-darkgray);
}
.login-chart .contactus textarea{text-align:left}
.login-chart .contactus textarea.form-control{height: 50px;}
.amritara-subscribe{display: flex;gap: 20px;width:600px;max-width:100%;align-items: self-end;}
.amritara-subscribe .form-control{flex: 3;}
.amritara-subscribe button{flex: 1;}
.amritara-subscribe.book-a-stay .btn-primary{padding: 0.75rem 0rem;}

/*******************************my-account-summary***************************************/
.portfolio_box .price_main_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 25px;
}

.portfolio_box .price_main_box .single_line {
  border-radius: 52px;
  border: 1px solid #e5e4e5;
  background: linear-gradient(259deg, #fff 0.19%, rgba(255, 255, 255, 0) 94.84%);
  -webkit-backdrop-filter: blur(29.5px);
          backdrop-filter: blur(29.5px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 44px;
  height: 44px;
}

.portfolio_box .price_main_box .single_line i {
  color: var(--black);
  font-weight: 700;
}

.portfolio_box .price_main_box .main_box {
  padding: 20px 10px;
  border-radius: 12px;
  border: 2px solid #fff;
  background: rgb(125 43 19 / 10%);
  -webkit-backdrop-filter: blur(29.5px);
          backdrop-filter: blur(29.5px);
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.portfolio_box .price_main_box .main_box.border-red {
  border: 2px solid var(--red);
}

.portfolio_box .price_main_box .main_box.border-green {
  border: 2px solid var(--status-green);
}

.portfolio_box .price_main_box .main_box h4 {
  color: var(--black-2);
  font-size: 22px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.11px;
  margin-bottom: 0px;
}

.portfolio_box .price_main_box .main_box h5 {
  color: var(--black-2);
  font-size: 14px;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.07px;
  margin-bottom: 20px;
}
/* .portfolio_box .price_main_box {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
} */
.portfolio_box .price_main_box .main_box {
  width: 100%;
}
.portfolio_box .price_main_box .single_line {
  border-right: 0px;
  min-height: auto;
}
.portfolio_box .price_main_box .single_line .icon {
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.account-statement.contactus{display: flex;gap: 10px;align-items: baseline;}
.account-statement.contactus .contact-form{margin:0 0 0 auto;}
.account-statement.contactus span a{color: var(--bs-bg-color);text-decoration: none;}
.account-statement.contactus span{margin: 0;}
.account-statement.contactus span{font-size: 10px;}
.account-statement .form-control{border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  padding: 0.75rem;
  color: var(--bs-black);
  height: 50px;
  margin-top: 0px;
}
.account-statement+.table-responsive .table tr:nth-child(even){background-color: #d0d0d0;}

/********************************************************************************/
.my-stays .card{-webkit-box-shadow: 5px 8px 30px 0 rgba(31, 35, 37, 0.08); -moz-box-shadow: 5px 8px 30px 0 rgba(31, 35, 37, 0.08); box-shadow: 5px 8px 30px 0 rgba(31, 35, 37, 0.08);margin-bottom: 10px;}
.my-stays .accordion-body{padding-top: 20px!important;}
.my-stays .accordion-button{padding: 1rem 0rem;position: relative;display: flex;width: 100%;color: var(--bs-bg-color);}
.my-stays .accordion-button:not(.collapsed) {
        color: var(--bs-bg-color);
        box-shadow: none;
        border-bottom: 1px solid #efefef;
      }
.my-stays .accordion-button::after {
  position: absolute;
  right: 20px;
  left: auto;
  top: 50%;
  transform: translateY(-50%);
        height: 40px;
        width: 40px;
        content:'';
        border-radius: 30px;
        background-position: center;
        border: 1px solid var(--bs-border-color);
        background-image: url(/websites/amritara/assets/front/image/dashboard/accordion-icon.svg) !important;
        background-size: 20px;
    background-repeat: no-repeat;
        -webkit-transition: all 150ms linear;
        -o-transition: all 150ms linear;
        transition: all 150ms linear;
      }
.my-stays .accordion-button:not(.collapsed)::after{transform: translateY(-50%) rotate(-180deg);}
      
.my-stays .accordion-button:hover::after {
        background-color: #f9f9f9;
        border-color: #ffffff;
        background-image: var(--bs-accordion-btn-hover-icon);
      }
.my-stays .card{border:none;border-radius: 15px;}
.my-stays .card .card-header{background-color: var(--bs-white);}
.my-stays .card-header{padding: 0.25rem 1.25rem;border:none}
.my-stays .btn-link:hover, .my-stays .accordion-button:focus{text-decoration: none;}
.my-stays .card-body .table-responsive .table{width:100%}
.my-stays .card-body .table-responsive .table tbody tr td{color:var(--bs-black)}
.missing-stays p a{color: var(--bs-bg-color);text-decoration: none;font-weight: 700;}
.dashboard .dining.card{border:none;padding: 0;}
.dashboard .dining.card .row{align-items: start;}
.dashboard .dining.card .row>div:first-child .member-image{width:100%; height: auto;}
.dashboard .dining.card .row>div:first-child .member-image img{width:100%;margin: 0;}
.dashboard .dining.card .card-body{padding: 0 0 0 1.25rem;}
.content-row{display: flex;}
.voucher-details{display: flex;flex-direction: column;gap: 15px;}
.content-row>div:first-child{flex: 0 0 82px;margin-right: 15px;}
.content-row>div:first-child span{float: right;}
.worth-list ul{list-style: none;padding: 0;margin: 0;display: flex;gap: 5px;}
.worth-list ul li{border:1px solid rgba(0, 0, 0, 0.1);padding: 5px;}
.contactus.about-the-program .tab-content>.active .row{border:none}
.account-statement+.table-responsive .table{width: 100%;}
.account-statement+.table-responsive .table tbody tr td{color:var(--bs-black)}
.left_col.nav_list .side_toggle_btn{display: none;}
.about-the-program .card-body .card-text br{display: none;}
.about-the-program .card-body .card-title{
    font-weight: 600;
    letter-spacing: 1px;
}
.about-the-program .card-body .card-text ul{list-style: none;padding: 0;margin:0}
.about-the-program .card-body .card-text ul li{padding-left: 30px;position: relative}
.about-the-program .card-body .card-text ul li:before{
  position: absolute;
  content: '';
  left: 0;
  top:6px;
  right: auto;
  width: 15px;
  height: 15px;
  border: 1px solid #000000;
  border-radius: 50%;
  display: inline-block;
  margin: 0 5px;
}
.about-the-program .card-body .card-text ul li:after{
  width: 5px;
  height: 5px;
  background: #000000;
  border-radius: 50%;
  display: block;
  position: absolute;
  content: '';
  z-index: 11;
  left: 10px;
  top: 11px;
  transform: none;
  margin: auto;
}
.about-the-program .card:last-child{background-color: var(--bs-bg-color);color: var(--bs-white);}
.about-the-program .card:last-child .card-text{color: var(--bs-white);}
/********************************************************************************/
.heading {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 20px;
}
.tier-section {
  margin-bottom: 40px;
}
.sub-heading {
  font-size: 18px;
  font-weight: bold;
  margin: 20px 0 10px;
}
.progress-bar-container {
  margin: 10px 0;
  padding: 10px 0;
  text-align: center; 
}

.progress-value {
  font-size: 14px;
  font-weight: bold;
  color: #333;
  margin-bottom: 5px;
}

.progress-bar {
  background-color: #f3f3f3;
  border: 1px solid #ddd;
  border-radius: 20px;
  overflow: hidden;
  height: 20px;
  position: relative;
}

.progress-fill {
  height: 100%;
  background-color: var(--bs-button-color);
  border-radius: 20px;
  transition: width 0.3s ease; 
}
.label {
  font-size: 14px;
  text-align: center;
  margin-top: 5px;
}
.tier-section.box_shadow{background-color: #f3f3f3;}
.tier-section.box_shadow .progress-bar-container{background-color: var(--bs-white);}
@media (min-width: 992px) {
  .navbar-expand-lg .navbar-collapse {
      display: -ms-flexbox !important;
      display: flex !important;
      flex-direction: column;
      opacity: 0;
      visibility: hidden;
      -ms-flex-preferred-size: auto;
      flex-basis: auto;
  }
  .navbar-expand-lg .navbar-collapse.show {
    display: -ms-flexbox !important;
    opacity: 1;
    visibility: visible;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
}

}
@media (min-width: 310px) {
  .navbar .navbar-toggler .navbar-toggler-icon{ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");}
  .navbar .navbar-toggler {
    display: block;
    background-color: var(--bs-white);
  }
}


@media (max-width: 1199.98px) {
  ul.nav-menu li{padding: 0 15px;}
  .left_col.nav_list .navbar-nav {
    overflow-y: auto;
    overflow-x: auto;
    padding: 0% 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: block;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .right_col .top-nav{flex-wrap: nowrap;overflow-x: auto;}
  .right_col .top-nav::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: var(--white-surface);
  }
  
  .right_col .top-nav::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background-color: var(--white-surface);
    border-radius: 10px;
  }
  
  .right_col .top-nav::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #959595;
  }

  header {
    padding: 5px 15px 5px 60px;
  }
  
  
  .left_col.nav_list .navbar-nav::-webkit-scrollbar {
    width: 0;
  }
  .left_col.nav_list {
        position: fixed;
        z-index: 9999;
        width: 265px;
        left: -265px;
        background-color: #000606;
        height: calc(100vh - 0px);
        padding: 23px 20px 10px 20px;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
        margin-top: auto;
        overflow: unset;
        top: 0;
        bottom: auto;
        right: auto;
  }
  .left_col.nav_list.move{
    width: 265px;
    left: 0;
    padding: 23px 20px 60px 20px;
  }
  .left_col.nav_list .side_toggle_btn {
    position: absolute;
    z-index: 111;
    right: -60px;
    top: 30px;
    background-color: #fff;
    width: 30px;
    height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;  
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: 50%;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.1), 2px 2px 8px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.1), 2px 2px 8px 0 rgba(0, 0, 0, 0.1);
  }
  .left_col.nav_list.move .side_toggle_btn{
    right:-15px
  }
  .details-content{
    padding:0;
    border:none
  }
  .left_col.nav_list .side_toggle_btn i {
    font-size: 18px;
    font-weight: 800;
  }
  .left_col.nav_list.move .side_toggle_btn i{
    transform: rotate(-180deg);
  }
  .contact-details{padding: 0px 10px;}
  
}
.profile-form .hasDatepicker+.fa-calendar {
  position: absolute;
  top: 60%;
  transform: translateY(-50%);
  right: 15px;
  left: auto;
}
.login-chart .profile-form textarea.form-control{height:50px}


.layout .leftside.move {
  width: 265px;
  left: 0;
  padding: 23px 20px 60px 20px;
}

.layout .leftside.move {
width: 90px;
padding: 30px 10px 60px 10px;
}
.login-chart .active.nav{
	flex-direction:column;
	gap:0px;
	width:350px;
	max-width:100%;
	margin:0 auto
}
@media only screen and (max-width: 991.98px) {
header .container-fluid{display: block;}
header .navbar-collapse ul.nav-menu li {
    display: block;
    text-align: center;
}
header .navbar-collapse ul.nav-menu li a{
  font-size: 14px;
}
.layout .leftside {
  left: -265px;
}
ul.side_social{bottom: 60px;}
.right_col .top-nav .am-menu{display: flex;flex-wrap: nowrap;}
.right_col .top-nav .am-menu .am-link{display: inline-flex;
  white-space: nowrap;
  overflow: hidden; 
  text-overflow: ellipsis;
  word-break: keep-all; 
  min-width: 0; 
}
}
@media only screen and (max-width: 767.98px) {
.menu-btn{display: none;}
.headers .navbar ul.nav-menu.inner-pagee{
  display: block!important;
}
header .logo {
  width: 60px;
  text-align: left;
}
header.headers.darkHeader{padding: 5px 0px 5px 35px;}
}
@media only screen and (max-width: 575.98px) {
  header {
    padding: 5px 0px 5px 35px;
}
.dashboard .container-fluid{padding: 0;}
.left_col.nav_list .side_toggle_btn{right:-35px}
.details-content h1{font-size: 35px;}
.price_main_box{flex-direction: column;}
.am-tier-progress-container{padding: 20px 5px;}
.tier-info{width:200px}
.am-tier-progress-bar .am-tier-step:nth-child(3) .tier-info{margin-left: -100px;}
.login-chart .nav .nav-link{padding: 7px 10px;}
.login-chart .active.nav{
	flex-direction:column;
	gap:0px;
	width:320px;
	max-width:100%;
  border-radius: 30px;
}
}
@media only screen and (max-width: 479.98px) {
  .navbar .navbar-toggler {
    padding: 0.25rem;
  }
  .headers .navbar .sign_inup .btn-primary{margin-right: 5px;}
  .login-chart .nav .nav-link{border-radius: 40px;font-size: 18px;}
  .login-chart .nav{flex-direction: column;border-radius: 20px;gap:10px}
  .login-chart .contactus .nav{
    width:300px;
    border-radius:40px;
    margin: 0 auto;
  }
  .amritara-contact .container-fluid, header .container-fluid{padding: 0 5px;}
}