
.inner-box {
    text-align: center;
    max-width: 550px;
    width: 100%;
    margin: 0 auto;
}
 .inner-box ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: inline-block;
    border: 0.5px solid #707070;
    border-radius: 25px;
    padding-right: 4.4rem;
    font-size: 16px;
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 0;
}
 .inner-box ul li {
    display: block;
    width: 100%;
}
 .inner-box ul li a {
    text-decoration: none;
    display: inline-block;
    width: 100%;
    text-align: center;
    padding: 5px 0;
    font-family: 'Raleway-Regular';
}
 .inner-box ul li a.active {
     background-color: #DFDFDF;
     border-radius: 19px;
 }
 .profile-box {
     display: block !important;
 }
 .photo-circle {
         width: 200px;
     height: 200px;
     margin: 0 auto;
     position: relative;
 }
 .input-img {
     position: absolute;
     opacity: 1;
     top: 0;
     right: 0;
     width: 100%;
     height: 100%;
 }
 .image {
     width: 200px;
     height: 200px;
     border-radius: 50%;
     border: 1px solid #000000;
     overflow: hidden;
 }
 .photo-circle img {
     width: 100%;
     height: 100%;
     border-radius: 50%;
     overflow: hidden;
     padding: 4px;
 }
 .input-img label {
     width: 100%;
     height: 100%;
     display: block;
     background-image: url(https://cdn.shopify.com/s/files/1/0753/2088/5534/files/camera.png?v=1683393101);
     background-repeat: no-repeat;
     background-position: 96% 76%;
     background-size: 22px;
     cursor: pointer;
 }
 input#picture-desktop,
 input#picture {
     position: absolute;
     top: 0;
     opacity: 0;
     width: 100%;
 }
 .profile-box .contact-form {
     width: 550px;
     margin: 0 auto;
     margin-top: 30px;
 }
 .profile-box .contact-form .contact__fields {
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     grid-column-gap: 2rem;
 }
 .customer .profile-box .field{
   margin:0;
   margin-bottom: 2rem;
 }
.contact-form .input-group {
     justify-content: space-between;
     margin-bottom: 0;
 }
 .section-profile-new .contact-form .input-group {
    margin-bottom: 26px;
}
 .contact-form .input-group .field{
     width: 50%;
 }
 .contact-form .input-group .field:first-child {
    padding-right: 12px;
 }
 .contact-form .input-group .field:last-child {
     padding-left: 12px;
 }
 .profile-box .button-box{
     text-align: center;
     margin-top: 20px;
 }
 .profile-box .button-box.button-box-new{
     text-align: left;
     margin-top: 0;
 } 
.profile_body .profile-box .button-box {
    text-align: left;
    margin-top: 20px;
}
 .profile-box .button-box.button-box-new input{
    background: #000;
    border-radius: 19px;
    margin-top: 0;
    padding-top: 6px;
    margin-bottom: 30px;
    padding-bottom: 5px;
}
 .contact-form textarea, .contact-form input {
     font-size: 16px;
     background: transparent;
     font-family: 'Raleway-Regular';
     border-radius: 8px;
     border: 1px solid #000;
     outline: none;
 }
 .contact-form textarea:focus, .contact-form input:focus {
     background: transparent;
     outline: none;
     box-shadow: none;
     border-color: #000000;
 }
 .package_box select {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent;
    background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    background-repeat: no-repeat;
    background-position-x: 99%;
    background-position-y: 5px;
  }

 .contact-form input.edit-info:focus {
    background: #000;
 }
 .profile-title h4 {
     font-size: 18px;
     font-family: 'Raleway-Bold';
     margin-bottom: 12px;
     padding-left: 10px;
     line-height: 16px;
 }
.orders-details-section .profile_body .profile-title {
    margin-bottom: 27px;
    margin-top: 0;
}
 /* .address-box {
     text-align: left;
     max-width: 630px;
     margin: 0 auto;
 } */
 .address-box {
    text-align: left;
    max-width: 630px;
    margin: 0 auto;
    width: 50%;
}
.cart-box-new .address-box {
    margin: 0;
    width: 100%;
    max-width: 100%;
}
.cart-text-new .address-box {
    margin: 0;
    width: 100%;
}
 .customer.addresses {
     max-width: 660px!important;
     width: 100%;
     padding-left: 0 !important;
     padding-right: 0 !important;
 }
 .address-body {
     display: flex;
     justify-content: space-between;
     flex-direction: row;
    flex-wrap: wrap;
 }
 .select-box {
    border: 1px solid #000000;
    border-radius: 16px;
    padding: 12px;
    width: 49%;
    position: relative;
    margin-bottom: 15px;
}
 .select-box.address-left{
       margin-right: 10px;
 }
 .select-box.address-right{
       margin-left: 10px;
 }
 /* .cart-address .address-body {
    margin-bottom: 20px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
} */
.cart-address .address-body {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
}
 /* .cart-address .select-box{
    width: 48%;
    margin: 10px;
    position: relative;
 } */
 .cart-address .select-box {
    width: 100%;
    margin: 10px;
    position: relative;
}
 /* .cart-address .select-box.address-left{
    margin-right: 0;
 } */
 .cart-address .select-box.address-left {
    margin-right: 10px;
    margin-left: 10px;
}
 .cart-address .select-box.address-right {
    margin-right: 10px;
    margin-left: 10px;
}
 .select-box input {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 12px;
    margin-right: 1px;
    left: 12px;
}
.cart-address .cart-box-new .select-box.address-right {
    margin: 0;
    width: 48%;
    margin-bottom: 20px;
}
 .button-box button {
     padding: 0;
     margin: 0;
     background: none;
     color: #000;
     border: 0!important;
     box-shadow: none;
     font-size: 16px;
     width: auto;
     min-width: auto;
     min-height: auto;
     line-height: normal;
 }
 .select-box p, .select-box span, .select-box button {
     font-size: 16px;
     font-family: 'Raleway-Regular';
     line-height: 16px;
     padding: 0;
     margin: 0!important;
     outline: none;
     --border-opacity: none;
     /* text-transform: uppercase; */
 }
 .profile-title {
    margin-bottom: 15px;
    margin-top: 20px;
}
.profile-title p {
    font-size: 18px;
    line-height: 21px;
    font-family: 'Raleway-Regular';
}
 .select-box .button-box,
 .select-box p {
     padding-left: 20px;
     text-align: left;
 }
 .select-box .button-box button:hover,
 .select-box .button-box button{
     outline:none;
 }
 .select-box p {
     margin-bottom: 10px!important;
     color: #363636;
 }
 .button-box span {
     padding-left: 10px;
     padding-right: 7px;
 }
 .address-box .address-box-title{
     font-size: 18px;
     color: #1F1F1F;
     font-family: 'Raleway-Regular';
     padding-left: 15px;
 }
 .address-box h4.address-box-title {
    font-size: 18px;
    font-family: 'Raleway-Bold';
    margin-bottom: 16px;
    padding-left: 0;
}
.cart-box-new .checkmark {
    height: 18px;
    width: 19px;
}
.cart-box-new .checkbox_label .checkmark:after {
    left: 7px;
    top: 4px;
    width: 5px;
    height: 9px;
}
 .profile-box.new-address .contact-form {
     width: 550px;
     margin: 0;
     margin-top: 30px;
 }
 .contact-us button {
    border-radius: 25px;
    border: 0;
}
.contact-us .title-box h2 {
    text-align: center;
    margin-bottom: 30px;
}
.contact-us .contact-form .input-group textarea{
    height: 116px;
}
.contact-us .contact-form .input-group textarea::placeholder, 
 .contact-form .field input::placeholder, 
 .contact-form textarea::placeholder, 
 .login input[type="email"]::placeholder, 
 .login input[type="tel"]::placeholder, 
 .login input[type="text"]::placeholder, 
 .login input[type="password"]::placeholder { 
    color: #000000;
    opacity: 1;
  }
  
  .contact-us .contact-form .input-group textarea::-ms-input-placeholder,
  .contact-form textarea:-ms-input-placeholder,
  .contact-form .field input:-ms-input-placeholder,
  .login input[type="email"]:-ms-input-placeholder,
  .login input[type="tel"]:-ms-input-placeholder,
  .login input[type="text"]:-ms-input-placeholder,
  .login input[type="password"]:-ms-input-placeholder {
    color: #000000;
  }
  .contact-us .contact-form .input-group textarea::-ms-input-placeholder, 
  .contact-form .field input::-ms-input-placeholder,
  .contact-form textarea::-ms-input-placeholder,
  .login input[type="email"]::-ms-input-placeholder,
  .login input[type="tel"]::-ms-input-placeholder,
  .login input[type="text"]::-ms-input-placeholder,
  .login input[type="password"]::-ms-input-placeholder { 
    color: #000000;
  }
.cart-address .profile-box .contact-form {
    max-width: 630px;
    margin: 0 auto;
    margin-top: 30px;
    width: 100%;
}
.cart-box-new .profile-box .contact-form {
    max-width: 100%;
}
.cart-address-title p {
    font-size: 18px;
    margin-bottom: 12px;
}
a#created-address {
    border-radius: 19px;
    font-size: 16px;
    padding: 8px 23px;
    margin-top: 30px;
    display: block;
    width: 122px;
    color: white;
    text-align: center;
    cursor: pointer;
}
.cart-address .contact-form a#created-address:hover{
    color: white;
}
.button-box a.button-block-remove:hover {
    color: black;
    background: none;
    border: 0 !important;
    padding: 0;
    border-radius: 0;
    width: auto;
    display: inline-block;
    outline: none;
}
.button-box a.button-block-remove {
    color: #000;
    background: none;
    border: 0 !important;
    padding: 0;
    border-radius: 0;
    width: auto;
    display: inline-block;
    outline: none;
    font-size: 12px;
    font-family: 'Raleway-Regular';
    line-height: 16px;
}
.order-content {
    display: flex;
}
.order-content .product-images {
    width: 100px;
}
.order-group .order-content img {
    max-width: 100px;
    margin-bottom: 8px;
}
.order-group .order-content img:last-child {
    margin-bottom: 0px;
}
.orders-section .order-group {
    padding: 30px;
}
.orders-section.orders-section-new .order-group {
    padding-bottom: 15px;
    padding-left: 0;
    padding-right: 0;
}
.orders-section.orders-section-new .profile_body {
    max-width: 800px;
}
.orders-section.orders-section-new .profile_body .profile-box .button-box {
    text-align: right;
    margin-top: 15px;
}
.order-text {
    margin-top: 0;
    padding-left: 15px;
}
.order-details {
    border: 1px solid rgba(112,112,112, .16);
    border-radius: 16px;
}
.order-details .order-group:first-child {
    padding-top: 30px;
}
.order-details .order-group {
    border: 0px solid #ddd;
    margin-bottom: 0;
    padding-bottom: 30px;
    padding-top: 0;
}
.order-group p {
    font-family: 'Raleway-Regular';
    font-size: 16px;
    margin-bottom: 5px;
}
.order-group p.status {
    font-size: 16px;
}
.order-group .row {
    width: 100%;
}
.invoice-price table {
    width: 100%;
}
.invoice-price table tr td {
    font-size: 16px;
    padding: 4px 0;
}
.invoice-price table tr td:last-child {
    text-align: right;
}
.invoice-price table tr td.title-price {
    font-family: 'Raleway-Bold';
}
.invoice-price table tr td:last-child{
    text-align: right;
    padding-right: 5px;
}
.invoice-price table tr.total-amount {
    height: 35px;
    border-top: 1px solid #707070;
    border-bottom: 1px solid #707070;
}
.order-details .order-group a:hover{
    color: white;
}
.order-details .order-group a {
    border-radius: 19px;
    padding: 6px 20px;
}
.order-details .order-text-bottom .order-group {
    padding-bottom: 0;
}
.order-details .order-text-bottom .order-group .order-title {
    font-size: 16px;
    line-height: 18px;
    font-family: 'Raleway-Bold';
}
.order-text-bottom {
    padding-bottom: 30px;
}
.order-details .order-group.desktop {
    display: flex;
}
.pagination {
    width: 100%;
    display: block;
}
.pagination ul {
    list-style: none;
    display: flex;
    justify-content: center;
}
.pagination ul li {
    width: 30px;
    text-align: center;
}
.pagination ul li a {
    width: 24px;
    display: block;
    text-align: center;
    height: 24px;
    line-height: 24px;
    font-size: 17px;
    font-family: 'Raleway-Regular';
}
.pagination ul li a.link-page:hover,
.pagination ul li a.link-page.active {
    background-color: #000000;
    color: white;
    border-radius: 19px;
}
.address-box-area {
    display: flex;
    width: 100%;
    justify-content: space-between;
}
.radio_button_address {
    margin-right: 30px;
}
.radio_button_area label {
    font-size: 16px;
    line-height: 19px;
}
.radio_button_address input {
    position: relative;
    top: 3px;
}
.sidebar_box .photo-circle img {
    padding: 0;
}
.orders-details-section .order-details {
    border: 0px solid rgba(112,112,112, .16);
    border-radius: 16px;
}
.orders-section.orders-details-section .order-group {
    padding: 0px;
}
.image-product p{
    text-align: center;
}
.contact-form-shipping-address .contact-form.International-box {
    margin-top: 15px !important;
}
@media screen and (min-width: 768px) {
    .contact-form .input-group {
        justify-content: space-between;
        margin-bottom: 22px;
    }
}
@media screen and (max-width: 1200px) {
    .orders-details-section .col-3.image_product_box {
        width: 50%;
        float: left;
        margin-bottom: 140px;
    }
    .orders-details-section .col-4.order_tracking_box {
        width: 50%;
        float: left;
    }
    .orders-details-section .order-details .order-group {
        display: block;
    }
    .orders-details-section .col-5.details_text_box {
        width: 100%;
        clear: both;
        overflow: hidden;
    }
}
@media screen and (max-width: 991px) {
    .cart-address .profile-box .contact-form.without-international {
        margin-top: 0px;
    }
    .contact-form .shipping-address {
        margin-top: 0;
    }
    .order-details .order-group.desktop {
        display: none;
    }
    .order-details .order-group:first-child {
        padding-top: 15px;
    }
    .order-group-items .order-text {
        padding-left: 0;
        margin-top: 15px;
    }
    .row-box-mobile {
        display: flex;
        justify-content: space-between;
    }
    .order-group-items .order-images-text {
        width: 66.66%;
    }
    .order-group.order-group-items.mobile {
        display: block;
        padding-bottom: 0;
        margin-bottom: 15px;
    }
    .order-details .order-group.order-group-items:last-child {
        margin-bottom: 0px;
    }
    .order-details .order-group p {
        text-align: left;
        padding-top: 5px;
        margin-bottom: 0;
        line-height: 24px;
    }
    .row-box-mobile .text-price {
        width: 33.33%;
        display: flex;
        justify-content: end;
        align-items: center;
    }
    .order-group.order-group-items {
        display: flex;
    }
    .order-group .col-4.text-price{
        width: 33.33%;
    }
    .order-group .col-4.order-images-text{
        width: 66.66%;
    }
    .orders-section .order-group.order-text-box {
        padding-top: 0 !important;
    }
    .invoice-price {
        margin-top: 15px;
    }
    .invoice-price table tr td {
        text-align: left;
    }
    .order-content .product-images {
        width: 60px;
    }
    .order-group .order-content img {
        max-width: 60px;
    }
    .orders-section .order-group {
        padding: 15px;
    }
    .order-group p {
        text-align: left;
    }
    .orders-area .col-8 {
        width: 100%;
    }
    .order-details .order-group .row .col-6{
        width: 100%;
    }
    .profile-box .contact-form {
        width: 100%;
        margin: 0 auto;
        margin-top: 30px;
    }
}
@media screen and (max-width: 768px) {
    .cart-address .cart-box-new .select-box.address-right {
        width: 100%;
    }
    .select-box .button-box {
        padding-left: 0;
    }
    .orders-details-section .profile_body .profile-title {
        margin-bottom: 0;
        margin-top: 20px;
    }
    .orders-details-section .profile_body .orders-box.pdb-4 {
        padding-bottom: 0;
    }
    .status-bar {
        position: relative;
    }
    .orders-details-section .col-3.image_product_box {
        width: 100%;
        margin-bottom: 30px;
    }
    .orders-details-section .col-4.order_tracking_box {
        width: 100%;
    }
    .order-details .order-group p {
        text-align: left;
    }
    .image_product_box .image-product p {
        text-align: center;
    }
    .cart-box-track .cart-bar:last-child {
        padding-bottom: 30px;
    }
    .orders-section.orders-section-new .profile_body .profile-box .button-box {
        text-align: center;
    }
    .orders-section-new  .order-group .order-content img {
        max-width: 100%;
        padding-bottom: 10px;
    }
    .orders-section-new  .order-content .product-images {
        width: 100%;
    }
    .orders-section-new .order-content {
        display: block;
    }
    .profile-box .button-box.button-box-new input {
        margin-bottom: 0;
    }
    .cart-table-section .contact-form .input-group .field {
        width: 100%;
        margin-bottom: 15px;
    }
    .cart-table-section .contact-form .input-group .field:last-child {
        padding-left: 0;
    }
    .cart-table-section .contact-form .input-group .field:first-child {
        padding-right: 0;
    }
    .cart-table-section .contact-form .input-group {
        justify-content: space-between;
        margin-bottom: 0;
        display: block;
        width: 100%;
    }
    .cart-box-new .address-box-area {
        column-count: 1;
    }
    .address-box-area {
        display: block;
    }
    .address-box-area .address-box {
        width: 100%;
    }
    .select-box {
        width: 100%;
    }
    .section-address .contact-form .input-group,
    .section-profile .contact-form .input-group {
        display: block;
        padding: 0;
        margin: 0;
    }
    .section-address .contact-form .input-group .field,
    .section-profile .contact-form .input-group .field {
        padding: 0;
    }
    .section-address .contact-form .input-group .field,
    .section-profile .contact-form .input-group .field,
    .section-address .contact-form .input-group textarea,
    .section-profile .contact-form .input-group textarea{
        width: 100%;
        margin-bottom: 10px;
    }
    .cart-address .address-body {
        display: block;
    }
    .cart-address .select-box {
        width: 100%;
        margin-left: 0;
    }
    .contact-us .title-box h2 {
        text-align: center;
    }
    .contact-us .contact-form .input-group {
        justify-content: space-between;
        margin-bottom: 0;
    }
    .contact-us .contact-form .input-group .field {
        width: 100%;
        padding: 0 !important;
        margin-bottom: 15px;
    }
    .contact-us .contact-form button {
        margin-top: 15px;
    }
    .contact-us.profile-box .contact-form {
        width: 100%;
        margin: 0 auto;
        margin-top: 15px;
    }
}
@media screen and (max-width: 480px) {
    .order-group img {
        max-width: 100%;
    }
    .cart-address .cart-box-new .select-box.address-right {
        width: 100%;
    }
}