/* Global CSS Starts */
 @font-face{font-family: 'CircularStd';font-style: normal;font-weight: 400;src: local('Circular Std Book'), url('../../../backend/css/fonts/CircularStd/CircularStd-Book.woff') format('woff');}
@font-face{font-family: 'CircularStd';font-style: italic;font-weight: 400;src: local('Circular Std Book Italic'), url('../../../backend/css/fonts/CircularStd/CircularStd-BookItalic.woff') format('woff');}
@font-face{font-family: 'CircularStd';font-style: normal;font-weight: 500;src: local('Circular Std Medium'), url('../../../backend/css/fonts/CircularStd/CircularStd-Medium.woff') format('woff');}
@font-face{font-family: 'CircularStd';font-style: italic;font-weight: 500;src: local('Circular Std Medium Italic'), url('../../../backend/css/fonts/CircularStd/CircularStd-MediumItalic.woff') format('woff');}
@font-face{font-family: 'CircularStd';font-style: normal;font-weight: 600;src: local('Circular Std Bold'), url('../../../backend/css/fonts/CircularStd/CircularStd-Bold.woff') format('woff');}
@font-face{font-family: 'CircularStd';font-style: italic;font-weight: 600;src: local('Circular Std Bold Italic'), url('../../../backend/css/fonts/CircularStd/CircularStd-BoldItalic.woff') format('woff');}
@font-face{font-family: 'CircularStd';font-style: normal;font-weight: 800;src: local('Circular Std Black'), url('../../../backend/css/fonts/CircularStd/CircularStd-Black.woff') format('woff');}
@font-face{font-family: 'CircularStd';font-style: italic;font-weight: 800;src: local('Circular Std Black Italic'), url('../../../backend/css/fonts/CircularStd/CircularStd-BlackItalic.woff') format('woff');}


body, p, .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6,.table{font-family: 'CircularStd';color: #000000;}

b, strong {
    font-weight: 500;
}

/* body,
p,
li,
label,
.form-control,
.btn,
.table tr th,
.table tr td{font-size: 14px;font-family: 'CircularStd', sans-serif;/* font-family: "Nunito Sans", sans-serif; } */

h1, h2, h3, h4, h5, h6, p {
    padding: 0px;
    margin: 0px;
}
h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    color: #212529;
}
.h5, h5
 {
    font-size: 1.25rem;
}
.fs-5 {
    font-size: 1.25rem !important;
}

/* .modal {
    z-index: 999999;
} */

/* Global CSS Ends */

/* Buttons CSS Starts */
.btn {
    line-height: 1;
    padding: 15px 20px;
}

.btn-select-rate {
}
.btn-select-rate:hover {
    background-color: #146c43 !important;
    border-color: #146c43 !important;
}
/* Buttons CSS Ends */

/* Form CSS Starts */
.form-group {
    position: relative;
}
.form-group label {
    margin-bottom: 5px;
}
.form-group .form-control {
    height: 47px;
    margin-bottom: 10px;
}
.form-group.letter-x {
}
.form-group.letter-x::before {
    content: "X";
    position: absolute;
    top: 13px;
    left: 103%;
    font-size: 14px;
}
/* Form CSS Ends */

/* Table CSS Starts */
.table {
}
.table tr {
}
.table tr th,
.table tr td {
    vertical-align: middle;
    /* text-align: center; */border: 0px;
    border-bottom: 1px solid #ddd;
    font-size: 15px;
}
.table tr th {
    font-size: 15px;
}
.table tr td {
}

.loc-icon {
    width: 50px;
    height: 47px;
    padding: 5px;
    border-radius: 10px;
    border: 1px solid #eaebec;
    background: #fff;
}
.loc-icon img {
    width: 65%;
    height: 47px;
    object-fit: contain;
    display: block;
    margin: auto;
    transform: translateY(-8px);
}
.tbl-icon {
    height: 38px;
    object-fit: contain;
    /* display: block; */
    margin: auto;
}
/* Table CSS Ends */

/* Card CSS Starts */
.card {
    margin-top: 35px;
    background: #ffffff;
    border: 0;
    border-radius: 15px;
    margin-bottom: 10px;
    -webkit-box-shadow: 0 0 13px 0 rgba(82, 63, 105, 0.05);
    box-shadow: 0 0 13px 0 rgba(82, 63, 105, 0.05);
}
.card-header {
    background-color: transparent;
}
.card-title {
    font-weight: 700;
    font-size: 22px !important;
    margin: 10px 0px;
}
.card-body {
    padding: 25px 15px;
    padding-bottom: 20px;
}
/* Card CSS Ends */

/* Header CSS Starts */
ul.navbar-nav {
}
ul.navbar-nav li {
}
ul.navbar-nav li a {
    display: block;
    font-size: 22px;
    color: #fff;
    margin: 0px 15px;
    text-decoration: none;
}
/* Header CSS Ends */

/* Thank You Page CSS Starts */
.thank-you-main {
    padding: 100px 0px;
}
.thank-you-main .card {
    padding: 50px 15px;
}
.thank-you-inner {
}
.thank-you-icon {
}
.thank-you-icon img {
    width: 100px;
}
.thank-you-content {
}
.thank-you-content h1 {
}
.thank-you-content p {
}
.thank-you-btn-outer {
}
.thank-you-btn-outer .btn {
    width: 150px;
}
/* Thank You Page CSS Ends */

/* new css date(3-04-25) */

.form-label {
    font-weight: 500;
    color: #333;
    margin-bottom: 8px;
}

.form-label.required:after {
    content: " *";
    color: #dc3545;
}

.form-control,
.form-select {
    padding: 0.75rem;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 1rem;
}

.form-control::placeholder {
    color: #999;
}

.product-item {
    display: flex;
    align-items: center;
    padding: 1rem 0;
    border-bottom: 1px solid #eee;
}

.product-image {
    width: 48px;
    height: 48px;
    object-fit: cover;
    border-radius: 4px;
}

.product-details {
    flex: 1;
    padding: 0 15px;
}

.product-details h6 {
    margin: 0;
    font-size: 0.9rem;
    font-weight: 500;
}

.product-details p {
    margin: 0;
    font-size: 0.85rem;
    color: #666;
}

.price {
    font-weight: 600;
    color: #333;
}

.card {
    border: none;
    margin-bottom: 1.5rem;
}

.payment-section {
    border: 1px solid #dee2e6;
    border-radius: 8px;
    padding: 15px 15px 5px 15px;
    margin-top: 1.5rem;
    background: #fff;
}

.payment-method {
    margin-bottom: 1.25rem;
}

.payment-method .form-check {
    margin-bottom: 0;
}

.payment-method .form-check-input {
    margin-right: 10px;
    width: 18px;
    height: 18px;
    border: 2px solid #dc3545;
}

.payment-method .form-check-input:checked {
    background-color: #dc3545;
    border-color: #dc3545;
}

.payment-method .form-check-label {
    color: #dc3545;
    font-weight: 500;
    font-size: 1rem;
    padding-top: 2px;
}

.form-label {
    font-size: 0.9375rem;
    margin-bottom: 0.5rem;
}

.form-control {
    padding: 0.75rem;
    font-size: 1rem;
    border: 1px solid #dee2e6;
    border-radius: 6px;
}

.form-control:focus {
    border-color: #86b7fe;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.card-number-wrapper {
    position: relative;
    margin-bottom: 1.25rem;
}

.card-icons {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    gap: 6px;
    align-items: center;
}

.card-icons img {
    height: 24px;
    width: auto;
}

.security-code-input {
    position: relative;
}

.security-code-input img {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 28px;
    height: 18px;
}

.form-check-label {
    font-size: 0.9375rem;
    color: #495057;
}

.form-check-input[type="checkbox"] {
    width: 16px;
    height: 16px;
    margin-top: 0.2rem;
    border: 1px solid #dee2e6;
}

.form-check-input:checked {
    background-color: #0d6efd;
    border-color: #0d6efd;
}

.btn-place-order {
    background: #dc3545;
    color: white;
    border: none;
    padding: 1rem;
    font-weight: 500;
    font-size: 1rem;
    border-radius: 4px;
}

.btn-place-order:hover {
    background: #bb2d3b;
    color: white;
}

.form-control.card-input {
    padding-right: 100px;
}

.privacy-notice {
    font-size: 0.85rem;
    color: #666;
    margin: 1rem 0;
}

.privacy-notice a {
    color: #dc3545;
    text-decoration: none;
}

.subtotal-row,
.total-row {
    display: flex;
    justify-content: space-between;
    padding: 1rem 0;
    font-weight: 500;
}

.total-row {
    border-top: 1px solid #eee;
    margin-top: 0.5rem;
}

/* end new css */
.form-control.custom-required-field {
    border: 1px solid #f3f3f3 !important;
    background: #eff3f8 !important;
    border-left: 5px solid #0075ba !important;
    outline: unset !important;
    box-shadow: unset !important;
}

.form-inner-row{display: flex;flex-wrap: wrap;flex-direction: row;}
.form-inner-row .loc-icon{width: 10%;}
.form-inner-row .loc-icon img{}
.form-inner-row .loc-input-box{width: 90%;padding-left: 10px;}
.form-inner-row .loc-input-box .form-control{}


.track-section{}
.track-map{}
.track-map img{width: 100%;height: 300px;object-fit: cover;}
.track-map iframe{width: 100%;}
.track-bottom{padding: 15px 0px;}
.tb-left{}
.tb-right{}
.tb-left-inner{}
.tb-title{margin-top: 25px;margin-bottom: 15px;}
.track-section .card{border-radius: 10px;margin-top: 0px;margin-bottom: 10px;}
.track-section .card-header{min-height: inherit;padding: 12px 15px;border-bottom: 1px solid #ddd;}
.track-section .card-header h6{}
.track-section .card-body p{font-size: 13px;margin-bottom: 5px;}
.track-table table tr td, .tb-details p{font-size: 12px;line-height: 16px;}
.track-table{height: 430px;overflow-y: auto;}
.track-table table{margin-bottom: 0px;}
.track-table table tr{}
.track-table table tr td{}
.tb-details{margin-top: 15px;}
.tb-details p{}
.tb-right-inner{}
.tb-right ul{border: 1px solid #ddd;border-radius: 5px;}
.tb-right ul li{}
.tb-right ul li a{display: block;color: #212529;padding: 10px;border-bottom: 1px solid #ddd;}
.tb-right ul li a .fa{margin-right: 5px;}
.tb-right ul li:last-child a{border-bottom: 0px;}

.badge-info{background-color: #007bff;}
.badge-success{background-color: #008000;}
.badge-danger{background-color: #ff0000;}
.btn-transparent{position: relative;}
.banner-section{z-index: -1;}

#shipment-details-modal .modal-dialog{--bs-modal-width: 1200px !important;}
.tracking-tabs-section{}
.tracking-tabs-section ul.nav-tabs{}
.tracking-tabs-section ul.nav-tabs li{}
.tracking-tabs-section ul.nav-tabs li .nav-link{text-transform: uppercase;font-size: 13px !important;color: #000 !important;background: transparent !important;border-radius: 0px !important;border: 0px !important;border-bottom: 2px solid transparent !important;}
.tracking-tabs-section ul.nav-tabs li .nav-link.active{border-bottom-color: #000 !important;}
.tracking-tabs-section .tab-pane{padding-top: 20px;}

.track-section .card-body{min-height: 20px;}
.track-part{margin-top: 20px;}
.track-status-box span.track-status{display: inline-block;padding: 3px 15px;border: 1px solid #000;border-radius: 50px;}



@media screen and (max-width: 1200px)
{
    .form-inner-row .loc-icon{width: 13%;}
    .form-inner-row .loc-input-box{width: 87%;}
}

@media screen and (max-width: 990px)
{
    .form-inner-row .loc-icon{width: 17%;}
    .form-inner-row .loc-input-box{width: 83%;}
}

@media screen and (max-width: 767px)
{
    .form-inner-row .loc-icon{width: 15%;}
    .form-inner-row .loc-input-box{width: 85%;}
}