.profilecontainer{padding: 35px 0px; background: rgba(var(--primary-rgb), 0.03);}
.profilecontainer .formcontainer{max-width: 100%; width: 100%; margin: auto; margin-top: 0px; background: #fff; border-radius: 10px; overflow: hidden; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
.profilecontainer .loginlt{background: var(--theme-gradient); display: flex; flex-wrap: wrap; align-items: center; height: 100%; color: #fff; padding: 40px; text-align: left;}
.profilecontainer h2{font-weight: 600; font-size: 32px; margin: 0px 0px 5px 0px;}
.profilecontainer h5{margin-bottom: 10px;}
.profilecontainer p{font-size: 14px; font-weight: 400; margin: 0px 0px 15px 0px;}
.profilecontainer p a{color: var(--primary); font-weight: 600;}
.profilecontainer .loginrt{padding: 40px 40px 40px 25px; height: 100%;} 
.profilecontainer .loginrt h2{color: var(--theme-heading);}
.profilecontainer .form-control{border-radius: 5px;}
.profilecontainer .password-wrapper{position: relative;}
.profilecontainer .password-wrapper i{position: absolute; right: 15px; top: 50%; transform: translateY(-50%); cursor: pointer;}
.profilecontainer .privacy-text a{color: var(--primary); font-weight: bold; text-decoration: none;}
.profilecontainer .forgot{color: var(--primary); text-decoration: underline;}
.profilecontainer .form-group{position: relative; margin-bottom: 20px;}
.profilecontainer .form-group label{text-align: left; padding: 0px; margin: 0px 0px 3px 0px; color: #333; font-size: 14px; display: block; letter-spacing: 0.5px;}
.profilecontainer .form-group label sup{color: #db1156; font-size: 1em; top: -0.1em;}
.profilecontainer .form-group .formgroupinner{display: block; position: relative;}
.profilecontainer .form-group .formgroupinner .passtoggle{position: absolute; right: 15px; top: 50%; background: none; outline: none; border: none; color: #333; font-size: 1.2em; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.profilecontainer .form-group .formgroupinner .passtoggle i{position: static; -webkit-transform: none; transform: none;}
.profilecontainer .form-group .form-control, .profilecontainer .form-group .form-select{background-color: #fff; border: 1px solid #D4D4D4; height: 46px; color: #202020; font-size: 15px; padding: 6px 20px 6px 15px; -webkit-border-radius: 9px; border-radius: 9px;}
.profilecontainer .form-group .form-control:focus, .profilecontainer .form-group .form-select:focus{border-color: var(--primary); box-shadow: 0 0 0 .25rem rgba(var(--primary-rgb), 0.34); -webkit-box-shadow: 0 0 0 .25rem rgba(var(--primary-rgb), 0.34);}
.profilecontainer .form-group .form-control.error{border-color: red;}
.profilecontainer fieldset legend{font-size: 18px; font-weight: 500; border: none; margin: 0px 0px 5px 0px;}
.profilecontainer .profilepanel{float: left; width: 100%; background: var(--theme-white); box-shadow: 0px 0px 9px 7px rgba(243, 233, 227, 0.37); border-radius: 20px; overflow: hidden;}
.profilecontainer .profilepanel .profileheading{float: left; width: 100%; background: var(--primary); color: var(--theme-white); font-size: 20px; font-weight: 500; padding: 10px 20px;}
.profilecontainer .profilepanel .profilebody{float: left; width: 100%;}
.profilecontainer .profilepanel .profilebody .list-group .list-group-item{border: none; border-radius: 0px; padding: 10px 20px;}
.profilecontainer .profilepanel .profilebody .list-group .list-group-item:hover{color: var(--primary);}
.profilecontainer .profilepanel .profilebody .list-group .list-group-item + .list-group-item{border-top: 1px solid #ddd;}
.profilecontainer .profile-bx{background: var(--theme-white); padding: 30px; border-radius: 20px; box-shadow: 0px 0px 9px 7px rgba(243, 233, 227, 0.37);}
.profilecontainer .profile-bx h1{font-size: 30px; line-height: 30px; letter-spacing: 0.3px; font-weight: 600; position: relative; color: var(--theme-heading); margin-top: 0px; margin-bottom: 15px; text-transform: capitalize;}
.profilecontainer .profile-bx h3{font-size: 22px; line-height: 26px; letter-spacing: 0.3px; font-weight: 600; position: relative; color: var(--theme-heading); margin-top: 0px; margin-bottom: 15px; text-transform: capitalize;}
.profilecontainer .profile-bx p{font-size: 14px; line-height: 22px; margin: 0px 0px 10px 0px;}
.profilecontainer .profile-bx .circle-check{width: 70px; height: 70px; display: inline-flex; justify-content: center; align-items: center; border-radius: 50%; background: #4CAF50; color: #fff; font-size: 4em; margin: 0px 0px 20px 0px;}
.profilecontainer .profile-bx .circle-check.icon-clearclose{background: red;}
.profilecontainer .profile-bx h2{font-size: 22px; line-height: 24px; letter-spacing: 0.3px; font-weight: 600; position: relative; color: var(--theme-heading); margin-top: 0px; margin-bottom: 10px; text-transform: capitalize;}
.profilecontainer .profile-bx ul{margin: 0px; padding: 0px 0px 0px 16px; list-style: circle;}
.profilecontainer .profile-bx ul li{margin: 0px 0px 6px 0px;}
.profilecontainer .profile-bx ul li a{font-size: 14px; color: var(--theme-paragarph); text-decoration: none; margin: 0px; transition: 0.3s ease-in-out;}
.profilecontainer .profile-bx ul li a:hover{color: var(--primary); text-decoration: underline;}

.cartproductlist{display: flex; justify-content: space-between; gap: 10px; padding: 15px; background: rgba(var(--primary-rgb), 0.03); border-radius: 14px; align-items: center; margin: 0px 0px 10px 0px;}
.cartproductlist .cartitem{display: flex; align-items: center; gap: 10px; width: 100%; max-width: 360px;}
.cartproductlist .cartitem .cartlis-img{display: block; border-radius: 10px; border: 1px solid #ddd; background: linear-gradient(0deg, rgba(84, 84, 84, 0.04) 0%, rgba(215, 215, 215, 0.06) 67.5%);}
.cartproductlist .cartitem .cartlis-img img{mix-blend-mode: darken; border-radius: 10px; width: 70px; min-width: 70px; height: 70px; object-fit: cover;}
.cartproductlist .qtyinner{max-width: 110px; position: relative;}
.cartproductlist .qtyinner .form-control{border: 1px solid #F4F4F4; height: 36px; font-size: 14px; border-radius: 6px; text-align: center; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.cartproductlist .qtyinner .form-control[type=number]::-webkit-inner-spin-button, 
.cartproductlist .qtyinner .form-control[type=number]::-webkit-outer-spin-button{-webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0;}
.cartproductlist .qtyinner .form-control:focus{border-color: #933CA3;}
.cartproductlist .qtyinner button{position: absolute; right: 10px; top: 50%; font-size: 17px; width: 20px; height: 20px; display: inline-flex; justify-content: center; align-items: center; text-align: center; transform: translateY(-50%); border: none; background: none; outline: none; color: #C4C7D3; transition: 0.3s ease-in-out;}
.cartproductlist .qtyinner button.addbtns{right: auto; left: 10px;}
.cartproductlist .qtyinner button:hover{color: #933CA3;}
.cartproductlist .carttitle{padding-right: 0px;}
.cartproductlist .carttitle h3{font-size: 15px; text-align: left; font-weight: 600; margin: 0px 0px 5px 0px;}
.cartproductlist .carttitle h3 a{color: var(--theme-black); text-decoration: none;}
.cartproductlist .carttitle span.modal-name{font-size: 13px; color: #1C161E; display: block;}
.cartproductlist .productmn{display: flex; flex-wrap: wrap; align-items: center; gap: 8px;}
.cartproductlist .productmn span.stock{font-size: 13px; background: #ffdcf5; white-space: nowrap; color: #C11491; border-radius: 20px; padding: 4px 8px; background: #d1e7dd; color: #0f5132;}
.cartproductlist .cart-price .price{color: #1C161E; font-size: 20px; font-weight: 600;}
.cartproductlist .cart-delete{display: flex; gap: 15px;}
.cartproductlist .cart-delete form{display: flex; gap: 15px;}
.cart-delete .btn{min-width: 40px; height: 40px; padding: 0px; background: rgba(var(--primary-rgb), 0.09); text-shadow: none; color: var(--primary); outline: none; border: none; font-size: 16px; border-radius: 50%; display: inline-flex; justify-content: center; align-items: center; box-shadow: none; text-decoration: none; transition: 0.3s ease-in-out;}
.cart-delete .btn:hover{background: var(--primary); color: var(--theme-white);}
.cart-delete .btn.btn-danger{background: #ffc9db; color: #E91E63;}
.cart-delete .btn.btn-danger:hover{background: #E91E63; color: #fff;}
.cart-delete .btn.btn-outline-primary{background: #C11491; color: #fff; box-shadow: none;}
.cart-delete .btn.btn-outline-primary:hover{background: #ffdcf5; color: #C11491;}

table tr td .theme-btn, table tr td .default-btn{min-width: 40px; height: 40px; max-width: 40px; padding: 4px 5px; border-radius: 50%;}
table tr td .theme-btn:active{color: var(--theme-white);}
table tr td .theme-btn:first-child:active{color: var(--theme-white);}
table tr td a{color: var(--primary); text-decoration: none;}
.profilecontainer .profile-bx table thead tr th, .profilecontainer .profile-bx table thead tr td{vertical-align: middle; background: #f9f9f9;}
.profilecontainer .profile-bx table tbody tr td{vertical-align: middle;}

.profilecontainer .profile-bx .usernameheader{ display: flex; gap: 15px; margin: 0px 0px 15px 0px; border-bottom: 1px solid #f3f3f3; padding: 0px 0px 15px 0px;}
.profilecontainer .profile-bx .usernameheader .usernameicon{display: none;}
.profilecontainer .profile-bx .usernameheader .usernameicon i{display: inline-flex; justify-content: center; align-items: center; min-width: 50px; max-width: 50px; height: 50px; font-size: 24px; background: rgba(var(--primary-rgb), 1); color: var(--theme-white); border-radius: 50px}
.profilecontainer .profile-bx .usernameheader strong{color: var(--primary); font-weight: 600;}
.profilecontainer .profile-bx .usernameheader .username{padding: 0px;}
.profilecontainer .profile-bx .usernameheader .username strong{color: #979797; font-size: 16px; font-weight: 500; text-transform: uppercase;}
.profilecontainer .profile-bx .usernameheader .username p{color: var(--primary); font-size: 22px; font-weight: 400; text-transform: capitalize; margin: 0px;}




/*rgba(var(--primary-rgb), 0.03)*/





@media (min-width: 1700px) {
  .profilecontainer h2{font-size: 38px;}
  .profilecontainer p{font-size: 16px;}
  .profilecontainer .form-group label{font-size: 16px;}
  .profilecontainer .form-group .form-control, .profilecontainer .form-group .form-select{height: 52px; font-size: 17px;}


}
@media (max-width: 1399px) {
  .profilecontainer .profile-bx h1{font-size: 28px; line-height: 34px;}
  .profilecontainer .profile-bx h3{font-size: 20px; line-height: 24px;}
}
@media (max-width: 991px){
  .profilecontainer{padding: 25px 0px;}
  .profilecontainer .loginlt{padding: 20px;}
  .profilecontainer h2{font-size: 24px;}
  .profilecontainer p{font-size: 13px;}
  .profilecontainer .loginrt{padding: 30px 30px 30px 0px;}
  .profilecontainer .form-group .form-control, .profilecontainer .form-group .form-select{height: 38px;}

  .profilecontainer .profilepanel{box-shadow: none; border-radius: 0px;}
  .profilecontainer .columnright{position: fixed; top: 0; padding: 0; height: 100%; left: 0; margin-left: -268px; padding-top: 0px; max-height: 100%; overflow: auto; margin-right: 0; transition: all 0.5s ease; width: 268px; z-index: 99999; box-shadow: none; border-radius: 0px;}
  .profile-expanded .profilecontainer .columnright{margin-left: 0px;}
  .profile-expanded{overflow: hidden;}
  .layoutovarlay{position: fixed; z-index: 1000; top: 0; right: 0; height: 100% !important; left: 0; display: none; background: #181C21; opacity: .5; cursor: pointer;}
  .profile-expanded .layoutovarlay{display: block;}
  .cartproductlist .carttitle h3{font-size: 13px; margin: 0px 0px 5px 0px;}
  .cartproductlist .cart-price .price{font-size: 13px;}
  .cart-delete .btn{min-width: 26px; height: 26px; font-size: 13px;}
  .cartproductlist .carttitle span.modal-name{line-height: 17px; font-size: 12px;}
  .cartproductlist .carttitle h3{display: -webkit-box; max-width: 100%; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
  .cartproductlist .cart-delete form{gap: 5px;}
}

@media (max-width: 767px){
  .profilecontainer{padding: 20px 0px;}
  .profilecontainer .loginlt{padding: 20px;}
  .profilecontainer h2{font-size: 24px;}
  .profilecontainer p{font-size: 13px; margin: 0px 0px 10px 0px;}
  .profilecontainer .loginrt{padding:20px;}
  .profilecontainer .form-group .form-control, .profilecontainer .form-group .form-select{height: 38px;}
  .profilecontainer .profile-bx h1{font-size: 24px; line-height: 30px;}
  .profilecontainer .profile-bx h3{font-size: 20px; line-height: 24px;}
  .profilecontainer .profile-bx p{font-size: 13px; line-height: 20px;}
  .profilecontainer .profile-bx table tbody tr td{font-size: 13px;}
  .profilecontainer .profile-bx table tfoot tr td{font-size: 13px;}
  .profilecontainer .profile-bx table thead tr th, .profilecontainer .profile-bx table thead tr td{font-size: 13px;}
  

}
@media (max-width: 575px){
  .profilecontainer .profile-bx{padding: 15px;}
  .profilecontainer .profile-bx h1{font-size: 20px; line-height: 26px;}
  .profilecontainer fieldset legend{font-size: 16px;}
  .profilecontainer .form-group label{font-size: 13px;}
  .cartproductlist .productmn span.stock{font-size: 12px;}
  .profilecontainer .form-group .form-control, .profilecontainer .form-group .form-select{font-size: 13px; height: 36px;}
  .theme-btn{min-width: 100px; font-size: 13px; line-height: 20px; padding: 7px 12px;}
  .default-btn{min-width: 100px; font-size: 13px; line-height: 20px; padding: 6px 12px;}

  .cartproductlist{padding: 10px;}
  .cartproductlist .cartitem .cartlis-img img{width: 50px; min-width: 50px; height: 50px;}

  .profilecontainer .profile-bx h2{font-size: 16px; line-height: 18px;}
  .profilecontainer .profile-bx ul li a{font-size: 13px;}


  .profilecontainer .profile-bx .usernameheader .username strong{font-size: 13px;}
  .profilecontainer .profile-bx .usernameheader .username p{font-size: 15px;}




}