* {
    margin: 0;
    padding: 0;
}

@font-face {
    font-family: "poppins_regular";
    src: url(../fonts/Poppins/Poppins-Regular.ttf);
}

@font-face {
    font-family: "poppins_italic";
    src: url(../fonts/Poppins/Poppins-Italic.ttf);
}

@font-face {
    font-family: "poppins_light";
    src: url(../fonts/Poppins/Poppins-Light.ttf);
}

@font-face {
    font-family: "poppins_medium";
    src: url(../fonts/Poppins/Poppins-Medium.ttf);
}

@font-face {
    font-family: "poppins_semibold";
    src: url(../fonts/Poppins/Poppins-SemiBold.ttf);
}

@font-face {
    font-family: "poppins_bold";
    src: url(../fonts/Poppins/Poppins-Bold.ttf);
}

:root {
    --poppins_regular: "poppins_regular";
    --poppins_italic: "poppins_italic";
    --poppins_light: "poppins_light";
    --poppins_medium: "poppins_medium";
    --poppins_semibold: "poppins_semibold";
    --poppins_bold: "poppins_bold";

    --font_10: 10px;
    --font_12: 12px;
    --font_14: 14px;
    --font_16: 16px;
    --font_18: 18px;
    --font_20: 20px;
    --font_24: 24px;
    --font_26: 26px;
    --font_28: 28px;
    --font_32: 32px;
    --font_42: 42px;

    --bg_color_1: #FFFFFF;
    --bg_color_2: #000000;
    --bg_color_3: #454545;
    --bg_color_4: #DEA653;
    --bg_color_5: #838383;
    --bg_color_6: #EF9600;
    --bg_color_7: #EDEDED;
    --bg_color_8: #19508E;
    --bg_color_9: #0D3A0E;
    --bg_color_10: #DFDFDF;
    --bg_color_11: #915B00;
    --bg_color_12: #EBE3D7;
    --bg_color_13: #009903;
    --bg_color_14: #F1F2F4;
    --bg_color_15: #FFDB9E;
    --bg_color_16: #D4D4D4;
    --bg_color_17: #F0F0F0;


    --text_color_1: #000000;
    --text_color_2: #FFFFFF;
    --text_color_3: #454545;
    --text_color_4: #DEA653;
    --text_color_5: #838383;
    --text_color_6: #EF9600;
    --text_color_7: #EDEDED;
    --text_color_8: #CEE5FF;
    --text_color_9: #0D3A0E;
    --text_color_10: #DFDFDF;
    --text_color_11: #915B00;
    --text_color_12: #6C6C6C;
    --text_color_13: #232b40cc;
    --text_color_14: #232B40;
    --text_color_15: #8B8B8B;
    --text_color_16: #009903;
    --text_color_17: #2566AF;
    --text_color_18: #DBDBDB;
    --text_color_19: #CECECE;
    --text_color_20: #949494;
    --text_color_21: #007004;
    --text_color_22: #FF4A4A;
}

body {
    background-color: var(--bg_color_14);
}

.login_page {
    min-height: 100vh;
    height: max-content;
    background-color: var(--bg_color_1);
    background-image: url(../images/Login_bg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.login_page .row .col-lg-6:nth-of-type(1) {
    display: flex;
    justify-content: center;
    align-items: center;
}

.login_page .left_form_part {
    width: 60%;
}

.login_page .row .col-lg-6:nth-of-type(1) .heading_part {
    text-align: center;
}

.login_page .row .col-lg-6:nth-of-type(1) .heading_part h2 {
    font-size: var(--font_42);
    font-family: var(--poppins_regular);
    padding-bottom: 5px;
}

.login_page .row .col-lg-6:nth-of-type(1) .heading_part h2 span {
    font-size: var(--font_42);
    font-family: var(--poppins_medium);
}

.login_page .row .col-lg-6:nth-of-type(1) .heading_part p {
    font-size: var(--font_14);
    font-family: var(--poppins_regular);
    padding-bottom: 30px;
}

.login_page .row .swiper-slide.slider-bg {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 95vh;
    height: 100%;
    border-radius: 20px;
}

.login_page .row .mySwiper {
    height: 100vh;
    width: 100%;
}

.login_page .row .mySwiper .swiper-pagination {
    background-color: var(--bg_color_1);
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(3.95px);
    border-radius: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 10px;
    margin-bottom: 15px;
}

.login_page .row .mySwiper .swiper-pagination-bullet-active {
    background-color: var(--bg_color_15);
}

.login_page .row .mySwiper .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.login_page .row .mySwiper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    padding: 5px;
}

.login_page .row .mySwiper .swiper-horizontal>.swiper-pagination-bullets,
.login_page .row .mySwiper .swiper-pagination-bullets.swiper-pagination-horizontal,
.login_page .row .mySwiper .swiper-pagination-custom,
.login_page .row .mySwiper .swiper-pagination-fraction {
    width: fit-content;
    left: 50%;
    transform: translateX(-50%);
}

.login_page .overlay-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    z-index: 10;
}

.login_page .form_part form .forgot_password_part {
    display: flex;
    justify-content: end;
}

.login_page .form_part form .forgot_password_part a {
    text-decoration: none;
    font-family: var(--poppins_light);
    color: var(--text_color_3);
    padding: 25px 0 20px 0;
}

.login_page .form_part form label {
    color: var(--text_color_5);
    font-family: var(--poppins_regular);
    font-size: var(--font_16);
    margin-bottom: 12px;
}

.login_page .form_part form input {
    border-radius: 12px;
    padding: 12px 15px;
    font-family: var(--poppins_regular);
}

.login_page .form_part form .form-control {
    border: none;
    outline: none;
}

.login_page .form_part form .form-control:focus {
    border: none;
    outline: none;
    box-shadow: none;
}

.login_page .form_part form .login_button button {
    background-color: var(--bg_color_4);
    color: var(--text_color_2);
    font-family: var(--poppins_regular);
    font-size: var(--font_16);
    border-radius: 12px;
    padding: 14px;
    width: 100%;
    border: none;
    text-decoration: none;
    color: var(--text_color_2);
}

.navbar_part .navbar {
    padding: 10px 20px;
    box-shadow: 0px -3px 14px rgba(0, 0, 0, 0.15);
    z-index: 3;
}

.navbar_part .navbar .navbar-toggler {
    border: none;
    height: 35px;
    width: 35px;
    padding: 0;
}

.navbar_part .navbar .collapse {
    display: flex;
    justify-content: space-between;
}

.navbar_part .navbar .collapse .main_form {
    width: 75%;
}

.navbar_part .navbar .input-group {
    font-family: var(--poppins_regular);
    font-size: var(--font_14);
    width: 75%;
}

.navbar_part .navbar .input-group i {
    color: var(--text_color_5);
}

.navbar_part .navbar .input-group .input-group-text {
    background-color: var(--bg_color_7);
    outline: none;
    border: none;
}

.navbar_part .navbar .input-group form .form-control {
    border: none;
    outline: none;
}

.navbar_part .navbar .input-group form .form-control:focus {
    border: none;
    outline: none;
    box-shadow: none;
}

.navbar_part .navbar .input-group .search_field {
    background-color: var(--bg_color_7);
    outline: none;
    border: none;
    border-radius: 8px;
    padding: 10px 10px 10px 0;
    font-size: var(--font_14);
}

.navbar_part .navbar .navbar-nav .nav-link {
    color: var(--text_color_6);
    text-decoration: none !important;
}

.navbar_part .navbar .nav-item.dropdown {
    position: relative;
}

.navbar_part .navbar .dropdown-menu {
    position: absolute;
    top: 155%;
    right: 0;
    background-color: white;
    border: 1px solid #D2D2D2;
    border-radius: 2px;
    list-style: none;
    padding: 8px 0;
    margin: 0;
    display: none;
    min-width: 150px;
    z-index: 999;
}

.navbar_part .navbar .dropdown-menu.show {
    display: block;
}

.navbar_part .navbar .dropdown-menu li {
    padding: 2px 16px;
}

.navbar_part .navbar .dropdown-menu li a {
    text-decoration: none !important;
    color: var(--text_color_6);
    display: block;
    font-family: var(--poppins_regular);
}

.navbar_part .navbar .dropdown .dropdown-toggle span {
    margin-left: 15px;
}

.navbar_part .navbar .nav-item .nav-link {
    text-decoration: none !important;
    color: inherit;
}

.navbar_part .navbar .dropdown-menu li:hover {
    background-color: #f5f5f5;
}

.navbar_part .navbar .navbar-nav .nav-item:nth-of-type(1) {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.navbar_part .navbar .navbar-nav .nav-item:nth-of-type(2) {
    display: flex;
    align-items: center;
    padding-left: 25px;
    cursor: pointer;

    /* flex-direction: column; */
}

.navbar_part .navbar .navbar-nav .nav-item:nth-of-type(1) img,
.navbar_part .navbar .navbar-nav .nav-item:nth-of-type(2) img {
    width: 20px;
    height: 40px;
}

.navbar_part .navbar .navbar-nav .nav-item .cart {
    color: var(--text_color_6);
    font-family: var(--poppins_regular);
    font-size: var(--font_16);
    display: flex;
    align-items: center;
    padding: 0 0 0 15px;
    text-wrap-mode: nowrap;
}

.navbar_part .navbar .navbar-nav .nav-item a {
    color: var(--text_color_6);
    font-family: var(--poppins_regular);
    font-size: var(--font_16);
    display: flex;
    align-items: center;
    /* padding: 0 0 0 0; */
    padding: 0 0 0 0;
    text-wrap-mode: nowrap;
}

.dashoboard_first_section {
    background-color: var(--bg_color_14);
    padding: 40px 0 0 10px;
    min-height: 100vh;
}

.dashoboard_first_section .col-sm-10 .card {
    min-height: 290px;
    height: max-content;
    /* max-width: 510px; */
    background-color: var(--bg_color_1);
    background-image: url(../images/product_card.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 16px;
    border: 1px solid #D2D2D2;
    box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.07);
    padding: 22px;
    text-decoration: none;
    cursor: pointer;
}

.dashoboard_first_section .col-sm-10 .card .image_wrapper {
    background: rgba(239, 150, 0, 0.3);
    width: fit-content;
    border-radius: 12px;
    padding: 12px;
}

.dashoboard_first_section .col-sm-10 .card .image_wrapper img {
    height: 42px;
    width: 42px;
}

.dashoboard_first_section .col-sm-10 .card .text_part .card-title {
    font-family: var(--poppins_regular);
    font-size: var(--font_26);
    margin-top: 25px;
}

.dashoboard_first_section .col-sm-10 .card .visits_card {
    min-height: 150px;
    height: max-content;
    background: #224874;
    background: linear-gradient(0deg, rgba(34, 72, 116, 1) 0%, rgba(19, 69, 126, 1) 100%);
    border-radius: 16px;
    padding: 15px;
    margin-top: 25px;
}

.dashoboard_first_section .col-sm-10 .card .visits_card .image_wrapper {
    background-color: var(--bg_color_1);
    width: fit-content;
    border-radius: 26px;
    padding: 12px;
}

.dashoboard_first_section .col-sm-10 .card .visits_card .image_wrapper img {
    height: 29px;
    width: 29px;
}

.dashoboard_first_section .col-sm-10 .card .visits_card .text_part .card-title {
    font-family: var(--poppins_regular);
    font-size: var(--font_16);
    margin-top: 25px;
    color: var(--text_color_2);
}

.dashoboard_first_section .col-sm-10 .card .visits_card .text_part .date_part {
    display: flex;
    margin-top: 5px;
}

.dashoboard_first_section .col-sm-10 .card .visits_card .text_part .date_part p:nth-of-type(1) {
    margin: 0;
    color: var(--text_color_8);
    font-family: var(--poppins_regular);
    font-size: var(--font_14);
}

.dashoboard_first_section .col-sm-10 .card .visits_card .text_part .date_part p:nth-of-type(2) {
    margin: 0;
    padding-left: 15px;
    color: var(--text_color_6);
    font-family: var(--poppins_regular);
    font-size: var(--font_12);
}

.dashoboard_first_section .col-sm-10 .card .visits_card .detail_text {
    background-color: var(--bg_color_8);
    padding: 15px;
    margin-top: 20px;
    border-radius: 16px;
}

.dashoboard_first_section .col-sm-10 .card .visits_card .detail_text p {
    margin: 0;
    font-family: var(--poppins_regular);
    font-size: var(--font_12);
    color: var(--text_color_8);
}

.dashoboard_first_section .advertisment_swiper .swiper-wrapper .swiper-slide img {
    min-height: 603px;
    max-height: 603px;
    height: 603px;
    width: 430px;
    object-fit: cover;
    border-radius: 16px;
}

.dashoboard_first_section .custom-vertical-strip-wrapper {
    position: fixed;
    top: 125px;
    right: 0;
    height: calc(100% - 16%);
    width: 35px;
    z-index: 2;
}

.dashoboard_first_section .white-strip-vertical {
    height: 100%;
    width: 100%;
    background: #FFFFFF;
    border: 1px solid #D2D2D2;
    border-right: none;
    border-radius: 16px 0 0 16px;
}

.dashoboard_first_section .sidebar-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.4);
    display: none;
    z-index: 2;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}

.dashoboard_first_section .sidebar-modal.active {
    display: block;
}

.dashoboard_first_section .sidebar-slide {
    position: absolute;
    top: 100px;
    right: -300px;
    width: fit-content;
    /* height: calc(100% - 16%); */
    height: fit-content;
    min-height: 805px;
    background-color: var(--bg_color_1);
    transition: right 0.3s ease-in-out;
    border-radius: 20px 0 0 20px;
    z-index: 2;
    /* overflow-x: hidden; */
}

.dashoboard_first_section .sidebar-slide.open {
    right: 0;
    padding: 30px 0px 30px 30px;
}

.dashoboard_first_section .sidebar-toggle-btn {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(-50%, -50%);
    background-color: var(--bg_color_2);
    color: var(--text_color_2);
    border: none;
    width: 45px;
    height: 120px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 2;
}

.dashoboard_first_section .sidebar-toggle-btn.inside-btn {
    position: absolute;
    /* top: 50%; */
    top: 50%;
    left: 0;
    transform: translate(-50%, -50%);
    background-color: var(--bg_color_2);
    color: var(--text_color_2);
    border: none;
    width: 45px;
    height: 120px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 2;
}

/* Added for remove white space */

.dashoboard_first_section .sidebar-modal .siderbar_content_part {
    margin-right: -30px;
}

/* Added for remove white space */

.dashoboard_first_section .sidebar-modal .siderbar_content_part .recent_order_text {
    display: flex;
    align-items: center;
}

.dashoboard_first_section .sidebar-modal .siderbar_content_part .recent_order_text p {
    color: var(--text_color_6);
    font-family: var(--poppins_regular);
    font-size: var(--font_16);
    margin-bottom: 0;
}

.dashoboard_first_section .sidebar-modal .siderbar_content_part .recent_order_text .hr-line {
    height: 1px;
    background-color: var(--bg_color_6);
    margin-right: 100px;
}

.dashoboard_first_section .sidebar-modal .siderbar_content_part .modal_slider_part {
    width: 190px;
}

.dashoboard_first_section .sidebar-modal .siderbar_content_part .modal_open_part {
    display: flex;
    margin-top: 20px;
}

.dashoboard_first_section .sidebar-modal .siderbar_content_part .modal_open_part .left_side_part {
    padding: 0 0 0 20px;
}

.dashoboard_first_section .sidebar-modal .siderbar_content_part .modal_open_part .left_side_part .heading h4 {
    font-family: var(--poppins_regular);
    font-size: var(--font_18);
    color: var(--text_color_1);
    line-height: 1.5;
}

.dashoboard_first_section .sidebar-modal .siderbar_content_part .order-timeline {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    font-family: var(--poppins_regular);
    margin-top: 20px;
}

.dashoboard_first_section .sidebar-modal .siderbar_content_part .order-timeline .timeline-step {
    display: flex;
    align-items: center;
    position: relative;
}

.dashoboard_first_section .sidebar-modal .siderbar_content_part .order-timeline .timeline-step .dot {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background-color: var(--text_color_21);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
}

.dashoboard_first_section .sidebar-modal .siderbar_content_part .order-timeline .timeline-step.completed .dot {
    background-color: #a8d5b8;
    color: var(--text_color_1);
}

.dashoboard_first_section .sidebar-modal .siderbar_content_part .order-timeline .timeline-step.completed .dot i {
    font-size: var(--font_12);
}

.dashoboard_first_section .sidebar-modal .siderbar_content_part .order-timeline .timeline-step.active .dot {
    background-color: var(--bg_color_9);
    border: 5px solid #cfe3ce;
}

.dashoboard_first_section .sidebar-modal .siderbar_content_part .order-timeline .timeline-step .text {
    font-size: var(--font_14);
    color: var(--bg_color_2);
    font-family: var(--poppins_regular);
    margin-bottom: 0;
}

.dashoboard_first_section .sidebar-modal .siderbar_content_part .order-timeline .timeline-line {
    width: 2px;
    height: 30px;
    background-color: #4B4B4B;
    margin-left: 11px;
}

.dashoboard_first_section .sidebar-modal .siderbar_content_part .know_more_btn_part {
    margin-top: 25px;
}

.dashoboard_first_section .sidebar-modal .siderbar_content_part .know_more_btn_part button {
    border: 1px solid var(--bg_color_6);
    background-color: var(--bg_color_1);
    border-radius: 60px;
    padding: 10px 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.dashoboard_first_section .sidebar-modal .siderbar_content_part .know_more_btn_part button span {
    font-family: var(--poppins_semibold);
    font-size: var(--font_12);
}

.dashoboard_first_section .sidebar-modal .siderbar_content_part .know_more_btn_part button i {
    color: var(--bg_color_6);
    padding: 0 2px 0 5px;
}

.dashoboard_first_section .sidebar-modal .siderbar_content_part .modal_open_part .modal_slider_part .swiper-wrapper .swiper-slide img {
    object-fit: contain;
    height: 100%;
    width: 100%;
    border-radius: 20px;
}

.dashoboard_first_section .sidebar-modal .siderbar_content_part .modal_open_part .modal_slider_part .mySwiper .swiper-pagination {
    background-color: var(--bg_color_1);
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(3.95px);
    border-radius: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 7px 10px;
    margin-bottom: 2px;
}

.dashoboard_first_section .sidebar-modal .siderbar_content_part .modal_slider_part .mySwiper .swiper-pagination-bullet-active {
    background-color: var(--bg_color_15);
}

.dashoboard_first_section .sidebar-modal .siderbar_content_part .modal_slider_part .mySwiper .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.dashoboard_first_section .sidebar-modal .siderbar_content_part .modal_slider_part .mySwiper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    padding: 0px;
}

.dashoboard_first_section .sidebar-modal .siderbar_content_part .modal_slider_part .mySwiper .swiper-horizontal>.swiper-pagination-bullets,
.dashoboard_first_section .sidebar-modal .siderbar_content_part .modal_slider_part .mySwiper .swiper-pagination-bullets.swiper-pagination-horizontal,
.dashoboard_first_section .sidebar-modal .siderbar_content_part .modal_slider_part .mySwiper .swiper-pagination-custom,
.dashoboard_first_section .sidebar-modal .siderbar_content_part .modal_slider_part .mySwiper .swiper-pagination-fraction {
    width: fit-content;
    left: 50%;
    transform: translateX(-50%);
}

.cart_first_section,
.create_order_first_section {
    padding: 10px 0 0 0;
}

.cart_first_section .your_cart_detail,
.create_order_first_section .your_cart_detail {
    background-color: var(--bg_color_10);
    border-radius: 16px;
    margin: 0 20px;
    padding: 20px;
    display: flex;
    justify-content: space-between;
}

.cart_first_section .your_cart_detail .left_side_text h4,
.create_order_first_section .your_cart_detail .left_side_text h4 {
    font-family: var(--poppins_regular);
    font-size: var(--font_24);
    color: var(--text_color_11);
    margin-bottom: 0;
}

.cart_first_section .your_cart_detail .left_side_text div span,
.create_order_first_section .your_cart_detail .left_side_text div span {
    font-family: var(--poppins_regular);
    font-size: var(--font_14);
    color: var(--text_color_12);
}

.cart_first_section .your_cart_detail .left_side_text div i,
.create_order_first_section .your_cart_detail .left_side_text div i {
    color: var(--text_color_12);
    font-size: var(--font_14);
}

.cart_first_section .your_cart_detail .right_side_text {
    background-color: var(--bg_color_7);
    width: fit-content;
    height: fit-content;
    display: flex;
    align-self: center;
    border-radius: 10px;
    padding: 10px 15px;
    font-family: var(--poppins_regular);
    font-size: var(--font_14);
    gap: 0px;
    flex-wrap: wrap;
}

.cart_first_section .your_cart_detail .right_side_text .first {
    display: flex;
    flex-direction: row;
}

.cart_second_section {
    margin: 20px;
    background-color: var(--bg_color_1);
    border-radius: 16px;
    border: 1px solid var(--bg_color_7);
}

.cart_second_section .cart_product_part hr {
    width: 80%;
}

.cart_second_section .card {
    display: flex;
    flex-direction: row;
    padding: 15px;
    border: none;
    border-radius: 16px;
}

.cart_second_section .card .checkbox-wrapper {
    display: flex;
    align-items: center;
    margin: 0 10px 0 0;
}

.cart_second_section .card .checkbox-wrapper .cbx span {
    float: left;
    vertical-align: middle;
    transform: translate3d(0, 0, 0);
}

.cart_second_section .card .checkbox-wrapper .cbx span:first-child {
    position: relative;
    width: 20px;
    height: 20px;
    border-radius: 4px;
    transform: scale(1);
    border: 1px solid #cccfdb;
    transition: all 0.2s ease;
    box-shadow: 0 1px 1px rgba(0, 16, 75, 0.05);
}

.cart_second_section .card .checkbox-wrapper .cbx span:first-child svg {
    position: absolute;
    top: 3px;
    left: 2px;
    fill: none;
    stroke: var(--text_color_2);
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 16px;
    stroke-dashoffset: 16px;
    transition: all 0.3s ease;
    transition-delay: 0.1s;
    transform: translate3d(0, 0, 0);
}

.cart_second_section .card .checkbox-wrapper .cbx:hover span:first-child {
    border-color: var(--bg_color_6);
}

.cart_second_section .card .checkbox-wrapper .inp-cbx {
    position: absolute;
    visibility: hidden;
}

.cart_second_section .card .checkbox-wrapper .inp-cbx:checked+.cbx span:first-child {
    background: var(--bg_color_6);
    border-color: var(--bg_color_6);
    animation: wave-4 0.4s ease;
}

.cart_second_section .card .checkbox-wrapper .inp-cbx:checked+.cbx span:first-child svg {
    stroke-dashoffset: 0;
}

.cart_second_section .card .checkbox-wrapper .inline-svg {
    position: absolute;
    width: 0;
    height: 0;
    pointer-events: none;
    user-select: none;
}

@media screen and (max-width: 640px) {
    .cart_second_section .card .checkbox-wrapper .cbx {
        width: 100%;
        display: inline-block;
    }
}

@-moz-keyframes wave-4 {
    50% {
        transform: scale(0.9);
    }
}

@-webkit-keyframes wave-4 {
    50% {
        transform: scale(0.9);
    }
}

@-o-keyframes wave-4 {
    50% {
        transform: scale(0.9);
    }
}

@keyframes wave-4 {
    50% {
        transform: scale(0.9);
    }
}

.cart_second_section .card .image_wrapper img {
    height: 180px;
    width: 180px;
}

.cart_second_section .card .card-body .card-title {
    color: var(--text_color_14);
    font-size: var(--font_24);
    font-family: var(--poppins_medium);
    margin: 0 0 6px 0;
}

.cart_second_section .card .card-body .qty_part {
    display: flex;
    margin: 0 0 10px 0;
}

.cart_second_section .card .card-body .qty_part .card_text_1,
.cart_second_section .card .card-body .qty_part .card_text_2 {
    color: var(--text_color_17);
    font-size: var(--font_14);
    font-family: var(--poppins_regular);
    margin: 0 0 0 0;
}

.cart_second_section .card .card-body .qty_part .line {
    border: 1px solid #AEAEAE;
    height: 20px;
    margin: 0 20px;
}

.cart_second_section .card .card-body .card_text_3 {
    color: var(--text_color_16);
    font-size: var(--font_14);
    font-family: var(--poppins_medium);
    margin: 0 0 0 0;
}

.cart_second_section .card .card-body .card_text_4,
.cart_second_section .card .card-body .card_text_5 {
    color: #1D2540;
    font-size: var(--font_14);
    font-family: var(--poppins_semibold);
    margin: 0 0 0 0;
}

.cart_second_section .card .card-body .card_text_4 span,
.cart_second_section .card .card-body .card_text_5 span {
    color: #1D2540;
    font-size: var(--font_14);
    font-family: var(--poppins_regular);
    margin: 0 0 0 0;
}

.cart_second_section .card .card-body {
    padding-top: 0;
    padding-bottom: 0;
}

.cart_second_section .card .card-body .qty_no_part {
    border: 1px solid var(--bg_color_6);
    width: fit-content;
    border-radius: 4px;
    padding: 5px 10px;
}

.cart_second_section .card .card-body .qty_no_part span {
    font-family: var(--poppins_regular);
    font-size: var(--font_16);
    color: var(--text_color_1);
}

.cart_second_section .card .card-body .qty_no_part i:nth-of-type(1) {
    margin-right: 5px;
    cursor: pointer;
}

.cart_second_section .card .card-body .qty_no_part i:nth-of-type(2) {
    margin-left: 5px;
    cursor: pointer;
}

.cart_second_section .card .custom-select-wrapper {
    position: relative;
    display: inline-block;
    margin-left: 10px;
}

.cart_second_section .card .box_select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: 5px 35px 5px 10px;
    border: 1px solid var(--bg_color_6);
    border-radius: 4px;
    font-family: var(--poppins_regular);
    font-size: var(--font_16);
    color: var(--text_color_1);
}

.cart_second_section .card .select-arrow-icon {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    color: var(--text_color_1);
    font-size: 12px;
}

.cart_second_section .card .delete_icon_part {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.cart_third_section {
    margin: 20px 20px 50px 20px;
}

.cart_third_section .continue_button {
    display: flex;
    justify-content: end;
}

.cart_third_section .continue_button .btn {
    background-color: var(--bg_color_4);
    color: var(--text_color_2);
    font-family: var(--poppins_regular);
    font-size: var(--font_16);
    border-radius: 8px;
    padding: 12px 70px;
    width: fit-content;
    border: none;
    text-decoration: none;
    color: var(--text_color_2);
}

.cart_third_section .continue_button_1 {
    display: flex;
    justify-content: center;
}

.cart_third_section .continue_button_1 a {
    background-color: var(--bg_color_4);
    color: var(--text_color_2);
    font-family: var(--poppins_regular);
    font-size: var(--font_16);
    border-radius: 8px;
    padding: 12px 70px;
    width: fit-content;
    border: none;
    text-decoration: none;
    color: var(--text_color_2);
}

.placeorder_first_section {
    padding: 40px 0 0 0;
}

.placeorder_first_section .your_cart_detail {
    background-color: var(--bg_color_10);
    border-radius: 16px;
    margin: 0 20px;
    padding: 20px;
    display: flex;
    justify-content: space-between;
}

.placeorder_first_section .your_cart_detail .left_side_text h4 {
    font-family: var(--poppins_regular);
    font-size: var(--font_24);
    color: var(--text_color_11);
    margin-bottom: 0;
}

.placeorder_first_section .your_cart_detail .left_side_text div span {
    font-family: var(--poppins_regular);
    font-size: var(--font_14);
    color: var(--text_color_12);
}

.placeorder_first_section .your_cart_detail .left_side_text div i {
    color: var(--text_color_12);
    font-size: var(--font_14);
}

.placeorder_first_section .your_cart_detail .right_side_text {
    background-color: var(--bg_color_7);
    width: fit-content;
    height: fit-content;
    display: flex;
    align-self: center;
    border-radius: 10px;
    padding: 10px 15px;
    font-family: var(--poppins_regular);
    font-size: var(--font_14);
    gap: 0px;
    flex-wrap: wrap;
}

.placeorder_first_section .your_cart_detail .right_side_text .first {
    display: flex;
    flex-direction: row;
}

.placeorder_first_section .your_cart_detail .right_side_text .first .tw {
    padding-left: 12px;
}

.placeorder_second_section {
    margin: 20px;
}

.placeorder_second_section .cart_product_part {
    background-color: var(--bg_color_1);
    border-radius: 16px;
    border: 1px solid var(--bg_color_7);
}

.placeorder_second_section .cart_product_part .form_part {
    margin: 25px 18px;
    border-radius: 12px;
}

.placeorder_second_section .cart_product_part .form_part label {
    font-family: var(--poppins_regular);
    font-size: var(--font_16);
    color: var(--text_color_14);
}

.placeorder_second_section .cart_product_part .form_part input,
.placeorder_second_section .cart_product_part .form_part textarea {
    font-family: var(--poppins_regular);
    font-size: var(--font_16);
    color: var(--text_color_14);
    padding: 15px;
}

.placeorder_second_section .cart_product_part .form_part .form-control,
.placeorder_second_section .cart_product_part .form_part .form-control:focus {
    border-radius: 16px;
    box-shadow: none;
}

.placeorder_second_section .cart_product_part .form_part .form-control[type=file]:not(:disabled):not([readonly]) {
    padding-left: 25px;
}

.placeorder_second_section .cart_product_part .form_part textarea.form-control {
    min-height: 140px;
    resize: vertical;
}

.placeorder_second_section .delivery_detail_part {
    background-color: var(--bg_color_1);
    border-radius: 16px;
    border: 1px solid var(--bg_color_7);
    padding: 25px 15px;
}

.placeorder_second_section .delivery_detail_part .deliverto_text {
    display: flex;
    align-items: center;
}

.placeorder_second_section .delivery_detail_part .deliverto_text p {
    color: var(--text_color_6);
    font-family: var(--poppins_regular);
    font-size: var(--font_16);
    margin-bottom: 0;
}

.placeorder_second_section .delivery_detail_part .deliverto_text .hr-line {
    height: 1px;
    background-color: var(--bg_color_6);
    margin-right: 100px;
}

.placeorder_second_section .delivery_detail_part .customer_detail_part .customer_name {
    font-family: var(--poppins_regular);
    font-size: var(--font_24);
    color: var(--text_color_1);
    margin-top: 30px;
}

.placeorder_second_section .delivery_detail_part .customer_detail_part .customer_number,
.placeorder_second_section .delivery_detail_part .customer_detail_part .customer_address,
.placeorder_second_section .delivery_detail_part .customer_detail_part .delivery_date,
.placeorder_second_section .delivery_detail_part .customer_detail_part .ref_no,
.placeorder_second_section .delivery_detail_part .customer_detail_part .remark {
    font-family: var(--poppins_regular);
    font-size: var(--font_16);
    color: var(--text_color_1);
    margin-bottom: 4px;
}

.placeorder_second_section .delivery_detail_part .placeorder_button {
    display: flex;
    justify-content: center;
    margin-top: 30px;
}

.placeorder_second_section .delivery_detail_part .placeorder_button .btn {
    background-color: var(--bg_color_4);
    color: var(--text_color_2);
    font-family: var(--poppins_medium);
    font-size: var(--font_24);
    border-radius: 10px;
    padding: 10px 70px;
    width: 100%;
    border: none;
    text-decoration: none;
    color: var(--text_color_2);
}

.create_order_second_section {
    padding: 40px 0 40px 0;
}

.create_order_second_section .product_card .card {
    padding: 10px;
    text-decoration: none;
}

.create_order_second_section .product_card .card img {
    border-radius: 0;
}

.create_order_second_section .product_card .card .card-body {
    padding: 12px 0 0 0;
}

.create_order_second_section .product_card .card .card-body .card-title {
    font-family: var(--poppins_medium);
    font-size: var(--font_16);
    margin: 0;
}

.create_order_second_section .col-sm-12 .size_option_part {
    padding: 20px 20px 12px 20px;
    border-radius: 8px;
    background-color: var(--bg_color_12);
}

.create_order_second_section .col-sm-12 .size_option_part h4 {
    font-family: var(--poppins_semibold);
    font-size: var(--font_24);
    color: var(--text_color_1);
    margin: 0 0 0 0;
}

.create_order_second_section .col-sm-12 .size_option_part .all_category {
    background-color: var(--bg_color_4);
    color: var(--text_color_2);
}

.create_order_second_section .col-sm-12 .size_option_part p {
    color: var(--text_color_13);
    font-family: var(--poppins_medium);
    font-size: var(--font_16);
    padding: 14px 15px;
    margin: 0;
    cursor: pointer;
}

.create_order_category_second_section {
    padding: 40px 100px;
}

/* .create_order_category_second_section .custom-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 25px;
}

.create_order_category_second_section .custom-grid .card {
    padding: 10px;
    text-decoration: none;
    border: 1px solid #eee;
}

.create_order_category_second_section .custom-grid .card img {
    border-radius: 0;
    width: 100%;
    height: auto;
}

.create_order_category_second_section .custom-grid .card .card-body {
    padding: 12px 0 0 0;
}

.create_order_category_second_section .custom-grid .card .card-body .checkbox-wrapper {
    max-width: 20px;
    max-height: 20px;
    margin-right: 0;
}

.create_order_category_second_section .custom-grid .card .card-body .card-title-1 {
    font-family: var(--poppins_medium);
    font-size: var(--font_16);
    margin: 0;
}

.create_order_category_second_section .custom-grid .card .card-body .card-title-2 {
    color: var(--text_color_16);
    font-size: var(--font_14);
    font-family: var(--poppins_medium);
    margin: 0 0 0 0;
}

.create_order_category_second_section .custom-grid .card .card-body .card-title-3 {
    color: var(--text_color_17);
    font-size: var(--font_14);
    font-family: var(--poppins_regular);
    margin: 0 0 0 0;
} */


.create_order_category_second_section .card {
    padding: 10px;
    text-decoration: none;
    border: 1px solid #eee;
}

.create_order_category_second_section .card img {
    border-radius: 0;
    width: 100%;
    height: 200px;
    object-fit: cover;
}

.create_order_category_second_section .card .card-body {
    padding: 12px 0 0 0;
}

.create_order_category_second_section .card .card-body .checkbox-wrapper {
    max-width: 20px;
    max-height: 20px;
    margin-right: 0;
}

.create_order_category_second_section .card .card-body .card-title-1 {
    font-family: var(--poppins_medium);
    font-size: var(--font_16);
    margin: 0;
}

.create_order_category_second_section .card .card-body .card-title-2 {
    color: var(--text_color_16);
    font-size: var(--font_14);
    font-family: var(--poppins_medium);
    margin: 0 0 0 0;
}

.create_order_category_second_section .card .card-body .card-title-3 {
    color: var(--text_color_17);
    font-size: var(--font_14);
    font-family: var(--poppins_regular);
    margin: 0 0 0 0;
}

.create_order_category_second_section .col-lg-5th {
    width: 20%; 
    float: left;
    padding-right: 15px;
    padding-left: 15px;
}

@media (max-width: 1200px) {
    .create_order_category_second_section .col-lg-5th {
        width: 33.3333%; 
    }
}

@media (max-width: 992px) {
    .create_order_category_second_section .col-lg-5th {
        width: 50%; 
    }
}

@media (max-width: 576px) {
    .create_order_category_second_section .col-lg-5th {
        width: 100%; 
    }
}

.create_order_category_second_section .card {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.card-title-1, .card-title-2, .card-title-3 {
    /* white-space: nowrap; */
    /* overflow: hidden; */
    /* text-overflow: ellipsis; */
}



.productdetail_first_section {
    padding: 40px 0 0 0;
}

.productdetail_first_section .product-slider-container {
    display: flex;
}

.productdetail_first_section .product-slider-container .main-swiper {
    height: 440px;
}

.productdetail_first_section .product-slider-container .main-swiper .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 16px;
    background-color: var(--bg_color_17);
    border: 1px solid var(--bg_color_16);
    width: 100% !important;
    cursor: pointer;
}

.productdetail_first_section .product-slider-container .main-swiper .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
}

.productdetail_first_section .product-slider-container .thumb-swiper .swiper-slide {
    height: 80px !important;
    width: 80px !important;
    cursor: pointer;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid var(--bg_color_16);
    background-color: var(--bg_color_17);
    display: flex;
    justify-content: center;
    align-items: center;
}

.productdetail_first_section .product-slider-container .thumb-swiper .swiper-wrapper {
    display: flex;
    flex-direction: column;
}

.productdetail_first_section .product-slider-container .thumb-swiper .swiper-slide-thumb-active {
    opacity: 1;
    border: 1px solid var(--bg_color_3);
}

.productdetail_first_section .product-slider-container .thumb-swiper .swiper-slide {
    margin-bottom: 10px;
}

.productdetail_first_section .product-slider-container .thumb-swiper .swiper-slide img {
    height: 100%;
    /* padding: 10px 5px; */
}

.productdetail_first_section .right_side_part .product_title {
    font-family: var(--poppins_medium);
    font-size: var(--font_32);
    color: var(--text_color_14);
}

.productdetail_first_section .right_side_part .text_1 {
    font-family: var(--poppins_medium);
    font-size: var(--font_14);
    color: var(--text_color_15);
    margin: 0;
}

.productdetail_first_section .right_side_part .text_2 {
    font-family: var(--poppins_medium);
    font-size: var(--font_14);
    color: var(--text_color_16);
    margin: 0;
}

.productdetail_first_section .right_side_part .detail_table {
    margin-top: 12px;
}

.productdetail_first_section .right_side_part .detail_table table tr td {
    border: 1px solid var(--text_color_19);
    background-color: var(--bg_color_14) !important;
}

.productdetail_first_section .right_side_part .detail_table table tr td:nth-of-type(1) {
    color: #8B8B8B;
    font-family: var(--poppins_semibold);
    font-size: var(--font_14);
    width: 50%;
}

.productdetail_first_section .right_side_part .detail_table table tr td:nth-of-type(2) {
    color: #1D2540;
    font-family: var(--poppins_semibold);
    font-size: var(--font_14);
    width: 50%;
}

.productdetail_first_section .right_side_part .add_quantity_part h4 {
    font-family: var(--poppins_medium);
    font-size: var(--font_24);
    color: #DEA653;
    margin: 5px 0 10px 0;
}

.productdetail_first_section .right_side_part .toggle_part .toggle-group {
    display: inline-flex;
    border: none;
    border-radius: 40px;
    padding: 8px;
    background: #ffffff;
    gap: 0;
}

.placeorder_second_section .cart_product_part .toggle_part .toggle-group {
    display: inline-flex;
    border: 1px solid #DEDEDE;
    border-radius: 40px;
    padding: 8px;
    background: #ffffff;
    gap: 0;
    flex-direction: row;
}

.productdetail_first_section .right_side_part .toggle_part .toggle-group p,
.placeorder_second_section .cart_product_part .toggle_part .toggle-group p {
    margin: 0;
    font-family: var(--poppins_medium);
    font-size: var(--font_14);
}

.productdetail_first_section .right_side_part .toggle_part .toggle-group input[type="radio"],
.placeorder_second_section .cart_product_part .toggle_part .toggle-group input[type="radio"] {
    display: none;
}

.productdetail_first_section .right_side_part .toggle_part .toggle-group .toggle-btn {
    padding: 10px 40px;
    cursor: pointer;
    font-size: 14px;
    border-radius: 40px;
    color: var(--text_color_1);
    transition: all 0.5s ease;
    border: none;
}

.placeorder_second_section .cart_product_part .toggle_part .toggle-group .toggle-btn {
    padding: 12px 30px;
    cursor: pointer;
    font-size: 14px;
    border-radius: 40px;
    color: var(--text_color_1);
    transition: all 0.5s ease;
    border: none;
}

.productdetail_first_section .right_side_part .toggle_part .toggle-group input[type="radio"]:checked+.toggle-btn,
.placeorder_second_section .cart_product_part .toggle_part .toggle-group input[type="radio"]:checked+.toggle-btn {
    border: none;
    background-color: var(--bg_color_2);
    color: var(--text_color_2);
}

.productdetail_first_section .right_side_part .enter_tiles_qty input {
    border: 1px solid var(--bg_color_4);
    font-family: var(--poppins_regular);
    font-size: var(--font_16);
    border-radius: 4px;
    width: 100%;
    background-color: var(--bg_color_14);
    padding: 10px;
    margin: 20px 0 0 0;
    outline: none;
    color: var(--text_color_1);
}

.productdetail_first_section .right_side_part .note_part {
    display: flex;
    margin-top: 10px;
}

.productdetail_first_section .right_side_part .note_part p {
    margin: 0 0 0 5px;
    font-family: var(--poppins_regular);
    color: var(--text_color_22);
}

.productdetail_first_section .right_side_part .note_part img {
    height: 22px;
    width: 22px;
}

.productdetail_first_section .right_side_part .addtocart_button {
    display: flex;
    justify-content: end;
    margin-top: 30px;
}

.productdetail_first_section .right_side_part .addtocart_button .btn {
    background-color: var(--bg_color_4);
    color: var(--text_color_2);
    font-family: var(--poppins_medium);
    font-size: var(--font_24);
    border-radius: 8px;
    padding: 12px 70px;
    width: 100%;
    border: none;
    text-decoration: none;
    color: var(--text_color_2);
}

.productdetail_second_section {
    padding: 40px 0;
}

.productdetail_second_section .related_title h4 {
    color: var(--text_color_14);
    font-family: var(--poppins_regular);
    font-size: var(--font_32);
    margin-bottom: 30px;
}

.productdetail_second_section .product_card .card {
    padding: 10px;
    text-decoration: none;
}

.productdetail_second_section .product_card .card img {
    border-radius: 0;
}

.productdetail_second_section .product_card .card .card-body {
    padding: 12px 0 0 0;
}

.productdetail_second_section .product_card .card .card-body .card-title {
    font-family: var(--poppins_medium);
    font-size: var(--font_16);
    margin: 0;
}

.placeorder_second_section .cart_product_part .top_button_part {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 15px;
}

.placeorder_second_section .cart_product_part .top_button_part .change_address button {
    border: 1px solid var(--bg_color_8);
    font-family: var(--poppins_regular);
    font-size: var(--font_14);
    border-radius: 41px;
    background-color: var(--bg_color_1);
    color: var(--text_color_17);
    padding: 7px 18px;
}

.request_sample_first_section {
    margin: 30px 35px;
}

.request_sample_first_section .card {
    border-radius: 16px;
    border: none;
    background-color: transparent;
    text-decoration: none;
}

.request_sample_first_section .request_full_sample_card {
    border-radius: 16px;
    border: none;
    background-color: transparent;
    display: flex;
    justify-content: center;
    align-items: start;
}

.request_sample_first_section .request_full_sample_card .img_wrapper {
    background: #151515;
    border: 1px solid #3C3C3C;
    border-radius: 100%;
    width: fit-content;
    padding: 14px 16px;
}

.request_sample_first_section .request_full_sample_card p {
    font-family: var(--poppins_regular);
    font-size: var(--font_24);
    color: var(--text_color_18);
    margin: 15px 0 0 0;
}

.request_sample_first_section .matt_card {
    position: relative;
    overflow: hidden;
}

.request_sample_first_section .matt_card::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
    z-index: 1;
}

.request_sample_first_section .free_wrapper {
    position: absolute;
    top: 10px;
    right: 10px;
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(27px);
    border-radius: 30px;
    padding: 8px 30px;
    z-index: 2;
    color: var(--text_color_1);
    font-family: var(--poppins_semibold);
    font-size: var(--font_16);
}

.request_sample_first_section .free_wrapper p {
    margin: 0;
}

.request_sample_first_section .matt_card .matt_label {
    position: absolute;
    bottom: 14px;
    margin: 0;
    left: 20px;
    z-index: 2;
    color: var(--text_color_2);
    font-size: var(--font_24);
    font-family: var(--poppins_regular);
}

.request_sample_detail_first_section {
    margin: 20px 20px 50px 20px;
    background-color: var(--bg_color_1);
    border-radius: 16px;
    border: 1px solid var(--bg_color_7);
}

.request_sample_detail_first_section .cart_product_part .card {
    display: flex;
    flex-direction: row;
    border: none;
    padding: 0 30px;
    border-radius: 16px;
}

.request_sample_detail_first_section .cart_product_part .card:first-of-type {
    padding: 30px 30px 0 30px;
}

.request_sample_detail_first_section .cart_product_part .card:last-of-type {
    padding: 0 30px 30px 30px;
}

.request_sample_detail_first_section .cart_product_part .card .image_wrapper img {
    height: 111px;
    width: 180px;
    border-radius: 0;
}

.request_sample_detail_first_section .cart_product_part .card .card-body {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.request_sample_detail_first_section .cart_product_part .card .card-body .card-title {
    color: var(--text_color_14);
    font-size: var(--font_20);
    font-family: var(--poppins_medium);
    margin: 0 0 6px 0;
}

.request_sample_detail_first_section .cart_product_part .card .card-body .tiles_size {
    color: var(--text_color_14);
    font-size: var(--font_20);
    font-family: var(--poppins_medium);
    margin: 0;
}

.request_sample_detail_first_section .cart_product_part .placeorder_button {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.request_sample_detail_first_section .cart_product_part .placeorder_button a {
    background-color: var(--bg_color_4);
    color: var(--text_color_2);
    font-family: var(--poppins_medium);
    font-size: var(--font_14);
    border-radius: 4px;
    padding: 10px 12px;
    width: 100%;
    border: none;
    text-decoration: none;
    color: var(--text_color_2);
}

.cart_first_section .your_cart_detail .input-group {
    font-family: var(--poppins_regular);
    font-size: var(--font_14);
}

.cart_first_section .your_cart_detail .input-group i {
    color: var(--text_color_5);
}

.cart_first_section .your_cart_detail .input-group .input-group-text {
    background-color: var(--bg_color_7);
    outline: none;
    border: none;
    margin: 0;
    padding: 0 15px 0 0;
}

.cart_first_section .your_cart_detail .input-group form .form-control {
    border: none;
    outline: none;
}

.cart_first_section .your_cart_detail .input-group form .form-control:focus {
    border: none;
    outline: none;
    box-shadow: none;
}

.cart_first_section .your_cart_detail .input-group .search_field {
    background-color: var(--bg_color_7);
    outline: none;
    border: none;
    border-radius: 8px;
    padding: 10px 10px 10px 0;
    font-size: var(--font_14);
}

.cart_first_section .your_cart_detail .right_side_text_search {
    background-color: var(--bg_color_7);
    width: fit-content;
    height: fit-content;
    display: flex;
    align-self: center;
    border-radius: 30px;
    padding: 0 15px;
    font-family: var(--poppins_regular);
    font-size: var(--font_14);
}

.order_list_first_section .cart_product_part .card {
    padding: 0 30px;
    border-radius: 16px;
    padding: 30px;
    margin: 20px;
    background-color: var(--bg_color_1);
    border: 1px solid var(--text_color_19);
}

.order_list_first_section .cart_product_part .card .first_part {
    display: flex;
}

.order_list_first_section .cart_product_part .card .image_wrapper img {
    /* height: 111px;
    width: 180px;
    border-radius: 0; */

    width: 180px;
    max-width: 180px;
    height: 120px;
    max-height: 120px;
    border-radius: 0
}

.order_list_first_section .cart_product_part .card .image_wrapper_first {
    position: relative;
    width: 180px;
    height: 120px;
}

.order_list_first_section .cart_product_part .card .image_wrapper_first .card-img-top {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0;
    position: relative;
}

.order_list_first_section .cart_product_part .card .image_wrapper_first .sample_label {
    position: absolute;
    left: -6px;
    top: 7px;
}

/* .order_list_first_section .cart_product_part .card .image_wrapper_first img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0;
}

.order_list_first_section .cart_product_part .card .image_wrapper_first .sold_out {
    position: absolute;
    top: 10px;
    left: -20px;
    background-color: #A00;
    color: #fff;
    text-align: center;
    text-decoration: none;
    letter-spacing: 1px;
    padding: 8px 20px 8px 20px;
    transform: rotate(0deg) scale(0.75, 1);
    z-index: 2;
    font-family: var(--poppins_semibold);
    font-size: var(--font_18);
}

.order_list_first_section .cart_product_part .card .image_wrapper_first .sold_out::before {
    content: '';
    position: absolute;
    top: 4px;
    left: 4px;
    right: 4px;
    bottom: 4px;
    border: 1.5px solid var(--bg_color_1);
    border-left: none;
    box-sizing: border-box;
    pointer-events: none;
    z-index: 1;
} */

.order_list_first_section .cart_product_part .card .card-data {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 16px;
}

.order_list_first_section .cart_product_part .card .card-data .card-title {
    color: var(--text_color_14);
    font-size: var(--font_20);
    font-family: var(--poppins_medium);
    margin: 0 0 6px 0;
}

.order_list_first_section .cart_product_part .card .card-data .no_of_products {
    color: var(--text_color_17);
    font-size: var(--font_14);
    font-family: var(--poppins_medium);
    margin: 0 0 6px 0;
}

.order_list_first_section .cart_product_part .card .card-data .tiles_size {
    color: var(--text_color_14);
    font-size: var(--font_20);
    font-family: var(--poppins_medium);
    margin: 0;
}

.order_list_first_section .cart_product_part .card .order_info p:nth-of-type(1) {
    font-family: var(--poppins_regular);
    font-size: var(--font_18);
    color: var(--text_color_14);
    margin: 0;
}

.order_list_first_section .cart_product_part .card .order_info p:nth-of-type(1):before {
    content: "•";
    padding-right: 10px;
    font-family: var(--poppins_regular);
    font-size: var(--font_18);
    color: var(--text_color_14);
}

.order_list_first_section .cart_product_part .card .order_info p:nth-of-type(2) {
    font-family: var(--poppins_regular);
    font-size: var(--font_16);
    color: var(--text_color_14);
    margin: 0;
}

.order_list_first_section .cart_product_part .card .order_info p:nth-of-type(2) span {
    font-family: var(--poppins_medium);
    font-size: var(--font_16);
    color: var(--text_color_14);
}

.order_list_first_section .cart_product_part .card .date_part button {
    border: 1px solid #DCDCDC;
    border-radius: 60px;
    background-color: transparent;
    padding: 8px 15px;
    font-family: var(--poppins_regular);
    font-size: var(--font_16);
    display: flex;
    align-items: center;
}

.order_list_first_section .cart_product_part .card .vieworder_button_part .vieworder_button {
    display: flex;
    justify-content: end;
    align-items: start;
}

.order_list_first_section .cart_product_part .card .vieworder_button_part {
    display: flex;
    justify-content: end;
    align-items: start;
    cursor: pointer;
    /* width: fit-content; */
}

.order_list_first_section .cart_product_part .card .vieworder_button_part a {
    background-color: var(--bg_color_4);
    color: var(--text_color_2);
    font-family: var(--poppins_medium);
    font-size: var(--font_14);
    border-radius: 4px;
    padding: 10px 45px;
    width: 100%;
    border: none;
    text-decoration: none;
    color: var(--text_color_2);
    text-wrap-mode: nowrap;
}

.order_detail_first_section {
    margin: 20px;
}

.order_detail_first_section .cart_product_part .left_side_portion .card_order_part {
    background-color: var(--bg_color_1);
    border-radius: 16px;
    border: 1px solid var(--bg_color_7);
    height: fit-content;
}

.order_detail_first_section .cart_product_part .card {
    border: none;
    padding: 0 30px;
    border-radius: 16px;
    text-decoration: none;
}

.order_detail_first_section .cart_product_part .card .first_part {
    display: flex;
}

.order_detail_first_section .cart_product_part .card:first-of-type {
    padding: 30px 30px 0 30px;
}

.order_detail_first_section .cart_product_part .card:last-of-type {
    padding: 0 30px 30px 30px;
}

.order_detail_first_section .cart_product_part .card .image_wrapper img {
    height: 70px;
    width: 110px;
    border-radius: 8px;
}

.order_detail_first_section .cart_product_part .card .card-body {
    display: flex;
    flex-direction: column;
    justify-content: start;
    padding-top: 0;
}

.order_detail_first_section .cart_product_part .card .card-body .card-title {
    color: #737A8B;
    font-size: var(--font_16);
    font-family: var(--poppins_medium);
    margin: 0 0 6px 0;
}

.order_detail_first_section .cart_product_part .card .size_weight_part p {
    font-family: var(--poppins_medium);
    font-size: var(--font_14);
    color: var(--text_color_17);
    margin-bottom: 3px;
}

.order_detail_first_section .cart_product_part .card .size_weight_part p span {
    font-family: var(--poppins_regular);
    font-size: var(--font_14);
    color: var(--text_color_17);
    margin-bottom: 3px;
}

.order_detail_first_section .cart_product_part .card .date_part {
    display: flex;
    justify-content: end;
}

.order_detail_first_section .cart_product_part .card .date_part button {
    border: 1px solid #DCDCDC;
    border-radius: 60px;
    background-color: transparent;
    padding: 6px 15px;
    font-family: var(--poppins_regular);
    font-size: var(--font_12);
    display: flex;
    align-items: center;
    width: fit-content;
}

.order_detail_first_section .right_side_portion .invoice_card,
.view_sample_cart_first_section .right_side_portion .invoice_card {
    background: var(--bg_color_1);
    margin: auto;
    border-radius: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
    padding: 10px 15px 40px 15px;
    position: relative;
}

.order_detail_first_section .punch-holes,
.view_sample_cart_first_section .punch-holes {
    display: flex;
    justify-content: space-between;
    position: absolute;
    bottom: -17px;
    left: 0;
    right: 0;
    padding: 0 12px;
    pointer-events: none;
}

.order_detail_first_section .punch-holes span,
.view_sample_cart_first_section .punch-holes span {
    width: 35px;
    height: 35px;
    background: #EFEFEF;
    border-radius: 50%;
}

.order_detail_first_section .right_side_portion .invoice_card::before,
.order_detail_first_section .right_side_portion .invoice_card::after,
.view_sample_cart_first_section .right_side_portion .invoice_card::before,
.view_sample_cart_first_section .right_side_portion .invoice_card::after {
    content: '';
    width: 22px;
    height: 22px;
    background: #f4f4f4;
    border: 2px solid #f4f4f4;
    border-radius: 50%;
    position: absolute;
    top: 195px;
}

.order_detail_first_section .right_side_portion .invoice_card::before,
.view_sample_cart_first_section .right_side_portion .invoice_card::before {
    left: -8px;
}

.order_detail_first_section .right_side_portion .invoice_card::after,
.view_sample_cart_first_section .right_side_portion .invoice_card::after {
    right: -8px;
}

.order_detail_first_section .right_side_portion .logo,
.view_sample_cart_first_section .right_side_portion .logo {
    text-align: center;
    padding-bottom: 12px;
    border-bottom: 1.5px dashed var(--text_color_4);
}

.order_detail_first_section .right_side_portionv .logo img,
.view_sample_cart_first_section .right_side_portionv .logo img {
    max-width: 120px;
}

.order_detail_first_section .right_side_portion .divider,
.view_sample_cart_first_section .right_side_portion .divider {
    border-top: 1.5px dashed var(--text_color_4);
    margin: 10px 0 16px 0;
}

.order_detail_first_section .right_side_portion .door_delivery,
.view_sample_cart_first_section .right_side_portion .door_delivery {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.order_detail_first_section .right_side_portion .door_delivery p,
.view_sample_cart_first_section .right_side_portion .door_delivery p {
    font-family: var(--poppins_regular);
    font-size: var(--font_16);
    margin: 0;
}

.order_detail_first_section .right_side_portion .door_delivery .orderid,
.view_sample_cart_first_section .right_side_portion .door_delivery .orderid {
    font-family: var(--poppins_regular);
    font-size: var(--font_16);
    margin: 0;
}

.order_detail_first_section .right_side_portion .door_delivery .orderid span,
.view_sample_cart_first_section .right_side_portion .door_delivery .orderid span {
    font-family: var(--poppins_medium);
    font-size: var(--font_16);
}

.order_detail_first_section .right_side_portion .orange-text,
.view_sample_cart_first_section .right_side_portion .orange-text {
    color: var(--text_color_6);
    font-family: var(--poppins_regular);
    margin-bottom: 15px;
}

.order_detail_first_section .right_side_portion .orange-text span,
.view_sample_cart_first_section .right_side_portion .orange-text span {
    color: var(--text_color_6);
    font-family: var(--poppins_semibold);
}

.order_detail_first_section .right_side_portion .dispatch-info,
.view_sample_cart_first_section .right_side_portion .dispatch-info {
    border: 1px solid var(--text_color_19);
    border-radius: 10px;
    padding: 10px;
    margin: 12px 0;
    font-size: 13px;
    display: flex;
}

.order_detail_first_section .right_side_portion .dispatch-info .first,
.view_sample_cart_first_section .right_side_portion .dispatch-info .first {
    border-right: 1.5px solid var(--text_color_20);
}

.order_detail_first_section .right_side_portion .dispatch-info .first p:first-of-type,
.order_detail_first_section .right_side_portion .dispatch-info .second p:first-of-type,
.view_sample_cart_first_section .right_side_portion .dispatch-info .first p:first-of-type,
.view_sample_cart_first_section .right_side_portion .dispatch-info .second p:first-of-type {
    color: var(--text_color_20);
    font-family: var(--poppins_regular);
    font-size: var(--font_14);
    margin: 0;
}

.order_detail_first_section .right_side_portion .dispatch-info .first p:last-of-type,
.order_detail_first_section .right_side_portion .dispatch-info .second p:last-of-type,
.view_sample_cart_first_section .right_side_portion .dispatch-info .first p:last-of-type,
.view_sample_cart_first_section .right_side_portion .dispatch-info .second p:last-of-type {
    color: var(--text_color_14);
    font-family: var(--poppins_medium);
    font-size: var(--font_16);
    margin: 0;
}

.order_detail_first_section .right_side_portion .order_images_part,
.view_sample_cart_first_section .right_side_portion .order_images_part {
    display: flex;
    gap: 10px;
    margin-bottom: 15px;
}

.order_detail_first_section .right_side_portion .order_images_part img,
.view_sample_cart_first_section .right_side_portion .order_images_part img {
    width: 60px;
    height: 60px;
    border-radius: 0;
    object-fit: cover;
}

.order_detail_first_section .right_side_portion .shipping_address_part .section-title,
.view_sample_cart_first_section .right_side_portion .shipping_address_part .section-title {
    color: var(--bg_color_6);
    margin-bottom: 15px;
    font-size: var(--font_14);
    font-family: var(--poppins_semibold);
}

.order_detail_first_section .right_side_portion .shipping_address_part .name,
.order_detail_first_section .right_side_portion .shipping_address_part .number,
.order_detail_first_section .right_side_portion .shipping_address_part .address,
.view_sample_cart_first_section .right_side_portion .shipping_address_part .name,
.view_sample_cart_first_section .right_side_portion .shipping_address_part .number,
.view_sample_cart_first_section .right_side_portion .shipping_address_part .address {
    font-size: var(--font_16);
    font-family: var(--poppins_regular);
    margin: 0;
    padding-left: 8px;
}

.order_detail_first_section .right_side_portion .remarks_part,
.view_sample_cart_first_section .right_side_portion .remarks_part {
    margin: 15px 0;
}

.order_detail_first_section .right_side_portion .remarks_part .remarks-title,
.view_sample_cart_first_section .right_side_portion .remarks_part .remarks-title {
    color: var(--bg_color_6);
    margin-bottom: 6px;
    font-size: var(--font_14);
    font-family: var(--poppins_semibold);
}

.order_detail_first_section .right_side_portion .remarks_part .remarks,
.view_sample_cart_first_section .right_side_portion .remarks_part .remarks {
    font-size: var(--font_16);
    color: var(--text_color_14);
    font-family: var(--poppins_regular);
    margin: 20px 0 20px 0;
    padding-left: 8px;
}

.order_detail_first_section .right_side_portion .download-btn,
.view_sample_cart_first_section .right_side_portion .download-btn {
    display: flex;
    align-items: center;
    background: rgba(239, 150, 0, 0.2);
    color: var(--text_color_6);
    padding: 10px 15px;
    border-radius: 8px;
    text-decoration: none;
    font-size: var(--font_14);
    font-family: var(--poppins_regular);
    gap: 10px;
}

.view_sample_cart_first_section .advertisment_swiper .swiper-wrapper .swiper-slide img {
    /* min-height: 600px; */
    width: 100%;
}

.order_detail_first_section .cart_product_part .left_side_portion .progress-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    background-color: var(--bg_color_1);
    border-radius: 16px;
    border: 1px solid var(--bg_color_7);
    height: fit-content;
    margin-bottom: 20px;
    padding: 30px;
}

.order_detail_first_section .progress-line-wrapper {
    position: absolute;
    top: 40px;
    left: 30px;
    right: 30px;
    height: 4px;
    z-index: 0;
}

.order_detail_first_section .cart_product_part .left_side_portion .progress-bar {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: #e0e0e0;
    z-index: 0;
}

.order_detail_first_section .cart_product_part .left_side_portion .progress-bar-filled {
    position: absolute;
    top: 0;
    left: 0;
    height: 4px;
    background: var(--bg_color_13);
    z-index: 1;
    /* width: 50%; */
}

.order_detail_first_section .cart_product_part .left_side_portion .step {
    text-align: center;
    z-index: 2;
    width: 25%;
    position: relative;
}

.order_detail_first_section .cart_product_part .left_side_portion .step span {
    font-size: var(--font_14);
    color: var(--text_color_14);
    font-family: var(--poppins_regular);
}

.order_detail_first_section .cart_product_part .left_side_portion .step .circle {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: #e0e0e0;
    margin: 0px auto 20px;
    position: relative;
}

.order_detail_first_section .cart_product_part .left_side_portion .step.completed .circle {
    background-color: var(--bg_color_13);
}

.order_detail_first_section .cart_product_part .left_side_portion .step.completed .circle::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 14px;
    height: 14px;
    background-image: url('../images/tick_mark.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transform: translate(-50%, -50%);
}

.order_detail_first_section .cart_product_part .left_side_portion .step.pending span {
    color: #aaa;
}

.view_sample_cart_first_section {
    margin: 20px;
}

.view_sample_cart_first_section .left_side_portion .order_cart_part {
    background-color: var(--bg_color_1);
    border-radius: 16px;
    border: 1px solid var(--bg_color_7);
}

.view_sample_cart_first_section .card {
    display: flex;
    flex-direction: row;
    border: none;
    padding: 15px;
}

.view_sample_cart_first_section .card .image_wrapper img {
    height: 111px;
    width: 180px;
    border-radius: 0;
}

.view_sample_cart_first_section .card .card-body {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.view_sample_cart_first_section .card .card-body .card-title {
    color: var(--text_color_14);
    font-size: var(--font_20);
    font-family: var(--poppins_medium);
    margin: 0 0 6px 0;
}

.view_sample_cart_first_section .card .card-body .tiles_size {
    font-family: var(--poppins_medium);
    font-size: var(--font_20);
    color: var(--text_color_14);
    margin: 0;
}

.view_sample_cart_first_section .card .delete_icon_part {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.view_sample_cart_first_section .continue_button {
    display: flex;
    justify-content: end;
    margin: 20px 0 0 0;
}

.view_sample_cart_first_section .continue_button a {
    background-color: var(--bg_color_4);
    color: var(--text_color_2);
    font-family: var(--poppins_regular);
    font-size: var(--font_16);
    border-radius: 8px;
    padding: 12px 70px;
    width: fit-content;
    border: none;
    text-decoration: none;
    color: var(--text_color_2);
}

.manage_visit_first_section {
    margin: 20px;
}

.manage_visit_first_section .main_card_part {
    background-color: var(--bg_color_1);
    border-radius: 16px;
    border: 1px solid #DCDCDC;
    padding: 20px;
}

.manage_visit_first_section .main_card_part .show_entries_part {
    display: flex;
    align-items: center;
    gap: 8px;
}

.manage_visit_first_section .main_card_part .show_entries_part .text_entries {
    font-family: var(--poppins_regular);
    font-size: var(--font_16);
    color: var(--text_color_6);
}

.manage_visit_first_section .main_card_part .show_entries_part input {
    padding: 6px 8px 6px 14px;
    max-width: 60px;
    border-radius: 8px;
    border: 1px solid var(--text_color_17);
    color: var(--text_color_17);
    font-size: var(--font_14);
    font-family: var(--poppins_regular);
    outline: none;
}

.manage_visit_first_section .main_card_part .show_entries_part input::placeholder {
    color: var(--text_color_17);
}

.manage_visit_first_section .main_card_part .table_part table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    border: 1px solid var(--text_color_19);
    border-radius: 16px;
    overflow: hidden;
    margin: 22px 0 0 0;
}

.manage_visit_first_section .main_card_part .table_part thead tr th:first-child {
    border-top-left-radius: 16px;
}

.manage_visit_first_section .main_card_part .table_part thead tr th:last-child {
    border-top-right-radius: 16px;
}

.manage_visit_first_section .main_card_part .table_part tbody tr:last-child td:first-child {
    border-bottom-left-radius: 16px;
}

.manage_visit_first_section .main_card_part .table_part tbody tr:last-child td:last-child {
    border-bottom-right-radius: 16px;
}

.manage_visit_first_section .main_card_part .table_part td,
.manage_visit_first_section .main_card_part .table_part th {
    border-bottom: 1px solid var(--text_color_19);
    font-family: var(--poppins_regular);
    font-weight: normal;
    padding: 20px 90px 20px 20px;
    font-size: var(--font_14);
}

.manage_visit_first_section .main_card_part .table_part tbody tr:last-child td {
    border-bottom: none;
}

.manage_visit_first_section .main_card_part .table_part td,
.manage_visit_first_section .main_card_part .table_part th {
    padding: 20px;
    font-family: var(--poppins_regular);
    font-size: var(--font_14);
}


.manage_visit_first_section .main_card_part .table_part .blue {
    color: var(--text_color_17);
}

.manage_visit_first_section .main_card_part .table_part .orange {
    color: var(--text_color_6);
}

.manage_visit_first_section .main_card_part .table_part .red {
    color: var(--text_color_22);
}

.manage_visit_first_section .main_card_part .pagination_part {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0 0 0;
}

.manage_visit_first_section .main_card_part .pagination_part .showing_text {
    font-family: var(--poppins_regular);
    font-size: var(--font_14);
    color: var(--text_color_17);
}

.manage_visit_first_section .main_card_part .pagination_part input {
    padding: 6px 10px 6px 16px;
    max-width: 50px;
    border-radius: 8px;
    border: 1px solid var(--text_color_6);
    color: var(--text_color_6);
    font-size: var(--font_14);
    font-family: var(--poppins_regular);
    outline: none;
}

.manage_visit_first_section .main_card_part .pagination_part input::placeholder {
    color: var(--text_color_6);
}

.manage_visit_first_section .main_card_part .pagination_part .prev_next_part {
    display: flex;
    align-items: center;
    gap: 8px;
}

.manage_visit_first_section .main_card_part .pagination_part .prev_next_part p {
    margin-bottom: 0;
}

.manage_visit_first_section .main_card_part .pagination_part .prev_next_part p {
    font-family: var(--poppins_regular);
    font-size: var(--font_16);
    color: var(--text_color_17);
}

.address_model_section .add_address_heading_part .add_new_address_text,
.forgot_password_section .forgot_password_heading_part .forgot_password_text,
.otp_section .reset_password_heading_part .reset_password_heading_text,
.reset_password_section .reset_password_heading_part .reset_password_heading_text {
    font-family: var(--poppins_medium);
    font-size: var(--font_16);
    color: var(--text_color_6);
    margin-left: 20px;
}

.select_address_modal_section .modal-dialog .select_address_heading_part,
.delete_order_modal .modal-dialog .modal-content .modal-header .modal-title {
    font-family: var(--poppins_medium);
    font-size: var(--font_16);
    color: var(--text_color_6);
}

.delete_order_modal .modal-dialog .modal-content .modal-body {
    font-family: var(--poppins_regular);
    font-size: var(--font_16);
    color: var(--text_color_1);
}

.delete_order_modal .modal-dialog .modal-content .modal-footer button {
    font-family: var(--poppins_regular);
    font-size: var(--font_16);
}

.delete_order_modal .modal-dialog .modal-content .modal-footer a {
    font-family: var(--poppins_regular);
    font-size: var(--font_16);
    background-color: var(--bg_color_4);
    border: 1px solid var(--bg_color_4);
}

.address_model_section .modal-dialog .add_address_heading_part,
.forgot_password_section .modal-dialog .forgot_password_heading_part,
.otp_section .modal-dialog .reset_password_heading_part,
.select_address_modal_section .modal-dialog .select_address_heading_part,
.reset_password_section .modal-dialog .reset_password_heading_part {
    display: flex;
    justify-content: start;
    align-items: center;
    margin-bottom: 20px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--text_color_19);
}

.address_model_section .modal-dialog .add_address_heading_part button,
.forgot_password_section .modal-dialog .forgot_password_heading_part button,
.otp_section .modal-dialog .reset_password_heading_part button,
.select_address_modal_section .modal-dialog .select_address_heading_part button,
.reset_password_section .modal-dialog .reset_password_heading_part button {
    font-family: var(--poppins_medium);
    font-size: var(--font_16);
    color: var(--text_color_6);
    border: none;
    background-color: transparent;
}

.address_model_section form label,
.otp_section form label {
    font-family: var(--poppins_regular);
    font-size: var(--font_16);
}

.address_model_section form .input-group .input-group-text {
    font-family: var(--poppins_regular);
    font-size: var(--font_16);
    padding: 15px;
    background-color: var(--bg_color_14);
    border: none;
}

.forgot_password_section form .main_title,
.otp_section form .main_title,
.reset_password_section form .main_title {
    font-family: var(--poppins_regular);
    font-size: var(--font_24);
    color: var(--text_color_14);
}

.forgot_password_section form .sub_title,
.otp_section form .sub_title,
.reset_password_section form .sub_title {
    font-family: var(--poppins_regular);
    font-size: var(--font_16);
    color: #737A8B;
}

.address_model_section form input,
.forgot_password_section form input,
.otp_section form input,
.reset_password_section form input {
    font-family: var(--poppins_regular);
    font-size: var(--font_16);
    padding: 15px;
    background-color: var(--bg_color_14);
    border: none;
}

.address_model_section form .save_address_btn,
.forgot_password_section form .continue_btn,
.otp_section form .continue_btn,
.reset_password_section form .continue_btn {
    font-family: var(--poppins_semibold);
    font-size: var(--font_16);
    color: var(--text_color_2);
    border: none;
    background-color: var(--bg_color_4);
    width: 100%;
    margin-top: 15px;
    padding: 14px;
    border-radius: 8px;
    cursor: pointer;
}

.modal-dialog {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.otp_section .modal-dialog input.password-input {
    width: fit-content;
    outline: none;
    letter-spacing: 20px;
    color: transparent;
    caret-color: var(--text_color_3);
    font-family: var(--poppins_regular);
    font-size: var(--font_16);
    padding: 15px;
    background-color: var(--bg_color_14);
    border: none;
    display: block;
    border-radius: 8px;
}

.otp_section .modal-dialog input.password-input::placeholder {
    color: #ccc;
    letter-spacing: 20px;
}

.otp_section .modal-dialog form .bottom_part {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid var(--text_color_19);
    padding-top: 20px;
}

.otp_section .modal-dialog form .bottom_part p {
    font-family: var(--poppins_regular);
    font-size: var(--font_14);
    color: #737A8B;
    margin: 0;
}

.otp_section .modal-dialog form .bottom_part button {
    font-family: var(--poppins_semibold);
    font-size: var(--font_16);
    color: var(--text_color_2);
    border: none;
    background-color: var(--bg_color_4);
    width: fit-content;
    padding: 14px 28px;
    border-radius: 8px;
    cursor: pointer;
}

.select_address_modal_section .modal-dialog .select_address_heading_part .add_address_btn button {
    border: 1px solid var(--bg_color_8);
    font-family: var(--poppins_regular);
    font-size: var(--font_14);
    border-radius: 5px;
    background-color: var(--bg_color_1);
    color: var(--text_color_17);
    padding: 4px 15px;
}

.select_address_modal_section .modal-dialog .add_address_form .continue_btn {
    font-family: var(--poppins_semibold);
    font-size: var(--font_16);
    color: var(--text_color_2);
    border: none;
    background-color: var(--bg_color_4);
    width: 100%;
    margin-top: 15px;
    padding: 14px;
    border-radius: 8px;
    cursor: pointer;
}

.select_address_modal_section .modal-dialog .add_address_form label p:first-of-type {
    margin: 0;
    font-family: var(--poppins_regular);
    font-size: var(--font_24);
}

.select_address_modal_section .modal-dialog .add_address_form label p {
    margin: 0;
    font-family: var(--poppins_regular);
    font-size: var(--font_16);
}

.select_address_modal_section .modal-dialog .form-check {
    display: flex;
    align-items: center;
}

.select_address_modal_section .modal-dialog .form-check label {
    padding-left: 20px;
}

.select_address_modal_section .modal-dialog .add_address_form input[type="radio"] {
    display: none;
}

.select_address_modal_section .modal-dialog .add_address_form .custom-radio-button {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.select_address_modal_section .modal-dialog .add_address_form .radio-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 1px solid var(--bg_color_6);
    border-radius: 50%;
    position: relative;
}

.select_address_modal_section .modal-dialog .add_address_form input[type="radio"]:checked+.radio-icon::after {
    content: "";
    position: absolute;
    top: 2px;
    left: 2px;
    width: 14px;
    height: 14px;
    background-color: var(--bg_color_6);
    border-radius: 50%;
}

.stock-error-message {
    font-family: var(--poppins_regular);
    display: none;
    color: red;
    text-align: center;
    font-size: 14px;
    padding-left: 20px;
}

#error-message {
    font-family: var(--poppins_regular);
    visibility: hidden;
    color: red;
    text-align: center;
    font-size: 14px;
    padding-left: 20px;
    margin: 20px 40px;
}




/* ---------------------
 */
.navbar-nav .nav-item .toggle_part .toggle-group {
    display: inline-flex;
    border: none;
    border-radius: 40px;
    padding: 8px;
    background: #ffffff;
    gap: 0;
}


.navbar-nav .nav-item .toggle_part .toggle-group p {
    margin: 0;
    font-family: var(--poppins_medium);
    font-size: var(--font_14);
}

.navbar-nav .nav-item .toggle_part .toggle-group input[type="radio"] {
    display: none;
}

.navbar-nav .nav-item .toggle_part .toggle-group .toggle-btn {
    padding: 10px 40px;
    cursor: pointer;
    font-size: 14px;
    border-radius: 40px;
    color: var(--text_color_1);
    transition: all 0.5s ease;
    border: none;
}


.navbar-nav .nav-item .toggle_part .toggle-group input[type="radio"]:checked+.toggle-btn {
    border: none;
    background-color: var(--bg_color_2);
    color: var(--text_color_2);
}

.cart_first_section .cart_product_part {
    margin-bottom: 20px;
    display: flex;
    justify-content: end;
    margin-right: 20px;
}

.cart_first_section .cart_product_part .toggle_part .toggle-group {
    display: inline-flex;
    border: none;
    border-radius: 40px;
    padding: 8px;
    background: #ffffff;
    gap: 0;
}

.cart_first_section .cart_product_part .toggle_part .toggle-group p {
    margin: 0;
    font-family: var(--poppins_medium);
    font-size: var(--font_14);
}

.cart_first_section .cart_product_part .toggle_part .toggle-group input[type="radio"] {
    display: none;
}

.cart_first_section .cart_product_part .toggle_part .toggle-group .toggle-btn {
    padding: 10px 40px;
    cursor: pointer;
    font-size: 14px;
    border-radius: 40px;
    color: var(--text_color_1);
    transition: all 0.5s ease;
    border: none;
}


.cart_first_section .cart_product_part .toggle_part .toggle-group input[type="radio"]:checked+.toggle-btn {
    border: none;
    background-color: var(--bg_color_2);
    color: var(--text_color_2);
}

/* -------------------------------------------- */
.create_order_category_second_section .container-fluid .card-body .checkbox-wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 0 10px 0 0;
}

.create_order_category_second_section .container-fluid .card-body .checkbox-wrapper .cbx span {
    float: left;
    vertical-align: middle;
    transform: translate3d(0, 0, 0);
}

.create_order_category_second_section .container-fluid .card-body .checkbox-wrapper .cbx span:first-child {
    position: relative;
    width: 20px;
    height: 20px;
    border-radius: 4px;
    transform: scale(1);
    border: 1px solid #cccfdb;
    transition: all 0.2s ease;
    box-shadow: 0 1px 1px rgba(0, 16, 75, 0.05);
}

.create_order_category_second_section .container-fluid .card-body .checkbox-wrapper .cbx span:first-child svg {
    position: absolute;
    top: 3px;
    left: 2px;
    fill: none;
    stroke: var(--text_color_2);
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 16px;
    stroke-dashoffset: 16px;
    transition: all 0.3s ease;
    transition-delay: 0.1s;
    transform: translate3d(0, 0, 0);
}

.create_order_category_second_section .container-fluid .card-body .checkbox-wrapper .cbx:hover span:first-child {
    border-color: var(--bg_color_6);
}

.create_order_category_second_section .container-fluid .card-body .checkbox-wrapper .inp-cbx {
    position: absolute;
    visibility: hidden;
}

.create_order_category_second_section .container-fluid .card-body .checkbox-wrapper .inp-cbx:checked+.cbx span:first-child {
    background: var(--bg_color_6);
    border-color: var(--bg_color_6);
    animation: wave-4 0.4s ease;
}

.create_order_category_second_section .container-fluid .card-body .checkbox-wrapper .inp-cbx:checked+.cbx span:first-child svg {
    stroke-dashoffset: 0;
}


.create_order_category_second_section .add_to_cart_sample {
    background-color: var(--bg_color_4);
    color: var(--text_color_2);
    font-family: var(--poppins_regular);
    font-size: var(--font_16);
    border-radius: 8px;
    padding: 12px 70px;
    width: fit-content;
    border: none;
    text-decoration: none;
    color: var(--text_color_2);
    width: 100%;
    margin-top: 15px;
}

.return-to-admin {
    background-color: var(--bg_color_4);
    color: var(--text_color_2);
    font-family: var(--poppins_medium);
    font-size: var(--font_16);
    border-radius: 0;
    padding: 12px 25px;
    width: 100%;
    border: none;
    text-decoration: none;
    color: var(--text_color_2);
    margin-right: 20px;
}

.return-to-admin a {
    text-decoration: none;
    color: var(--text_color_2);
    text-wrap-mode: nowrap;
}

.otp-input-group {
    display: flex;
    justify-content: center;
    gap: 12px;
    margin-top: 10px;
}

.otp-box {
    width: 50px;
    height: 50px;
    font-size: 24px;
    text-align: center;
    border: 1px solid #ccc;
    border-radius: 8px;
    outline: none;
    transition: border-color 0.3s;
}

.otp-box:focus {
    border-color: #007bff;
    box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.2);
}

body {
    overflow-x: hidden;
}

.select-all-wrapper .checkbox-wrapper {
    display: flex;
    align-items: center;
    margin: 0 10px 0 0;
}

.select-all-wrapper .checkbox-wrapper .cbx span {
    float: left;
    vertical-align: middle;
    transform: translate3d(0, 0, 0);
}

.select-all-wrapper .checkbox-wrapper .cbx span:first-child {
    position: relative;
    width: 20px;
    height: 20px;
    border-radius: 4px;
    transform: scale(1);
    border: 1px solid #cccfdb;
    transition: all 0.2s ease;
    box-shadow: 0 1px 1px rgba(0, 16, 75, 0.05);
}

.select-all-wrapper .checkbox-wrapper .cbx span:first-child svg {
    position: absolute;
    top: 3px;
    left: 2px;
    fill: none;
    stroke: var(--text_color_2);
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 16px;
    stroke-dashoffset: 16px;
    transition: all 0.3s ease;
    transition-delay: 0.1s;
    transform: translate3d(0, 0, 0);
}

.select-all-wrapper .checkbox-wrapper .cbx:hover span:first-child {
    border-color: var(--bg_color_6);
}

.select-all-wrapper .checkbox-wrapper .inp-cbx {
    position: absolute;
    visibility: hidden;
}

.select-all-wrapper .checkbox-wrapper .inp-cbx:checked+.cbx span:first-child {
    background: var(--bg_color_6);
    border-color: var(--bg_color_6);
    animation: wave-4 0.4s ease;
}

.select-all-wrapper .checkbox-wrapper .inp-cbx:checked+.cbx span:first-child svg {
    stroke-dashoffset: 0;
}

.select-all-wrapper .checkbox-wrapper .inline-svg {
    position: absolute;
    width: 0;
    height: 0;
    pointer-events: none;
    user-select: none;
}

@media screen and (max-width: 640px) {
    .select-all-wrapper .checkbox-wrapper .cbx {
        width: 100%;
        display: inline-block;
    }
}

.select_all_option{
    font-family: var(--poppins_regular);
    font-size: var(--font_20);
}


#example_wrapper .row{
    overflow: scroll;
}