@font-face {
    font-family: 'itfMirsalD-Bold';
    src: url('../fonts/itfMirsalD/itfMirsalD-Bold.otf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'itfMirsalD-Medium';
    src: url('../fonts/itfMirsalD/itfMirsalD-Medium.otf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'itfMirsalD-Regular';
    src: url('../fonts/itfMirsalD/itfMirsalD-Regular.otf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

html{

    overflow-x: hidden;

}

body{

	font-family: "itfMirsalD-Regular";

    padding-top: 81px;	

    overflow-x: hidden;

}

*{

	padding: 0;

	margin: 0;

	transition: 0.4s;

}

*,

.form-control:focus,

.form-select:focus,

.form-check-input:focus,

.page-link:focus{

	box-shadow: none;

}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
font-family: "itfMirsalD-Bold";
}

.top-search .input-group {

    display: flex;

    align-content: center;

    align-items: center;

    border: 1px solid #C1C7CD;

    border-radius: 65px;

    padding: 0px 15px;

    max-width: 190px;

    width: 100%;

}

.top-notification {

    margin-left: 15px;

}

.top-notification-inner ul {

    list-style: none;

    padding: unset;

    margin: 0;

    display: flex;

    gap: 20px;

	align-items: center; 

}

.top-notification-inner ul li{ 

	position: relative; 

}

.top-notification-inner ul li a{

	position: relative;

}

.top-notification-inner ul li span {

	position: absolute;

    display: block;

    top: -12px;

    right: -12px;

    width: 30px;

    height: 30px;

    text-align: center;

    line-height: 25px;

    border: 2px solid #080808;

    border-radius: 50%;

    background: #fff;

    color: #F5375D;

    font-weight: 600;

}

.jdd-nav {

    padding: 16px 0;

    background: #fff;

    box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 20%);

}

.jdd-nav ul.navbar-nav li{

	padding: 0 12px !important;

}

.jdd-nav ul.navbar-nav li a {

    padding: 0 0 !important;

    color: #667085;

    text-transform: capitalize;

	position: relative;

    font-size: 15px;

}

.jdd-nav ul.navbar-nav li a.active{

	color: #667085;

} 

.jdd-nav ul.navbar-nav li a:after{

	content: '';

	position: absolute;

	bottom: -8px;

	left: 0;

	right: 0;

	margin: 0;

	background: #fff;

	height: 3px;

	width: 0;

	transition: 0.4s;

}

.jdd-nav ul.navbar-nav li a:hover::after{

	width: 100%;

	background: #F5375D; 

	transition: 0.4s;

	left: 0;

	right: 0;

	margin: 0;

}

.jdd-nav ul.navbar-nav li a.active:after{ 

	background: #F5375D; 

	width: 100%;

}

.navbar-brand { 

    margin-right: 10px;

}

.top-notification-inner ul li .dropdown-menu {

    box-shadow: 0px 1px 3px 0px #1018281A;

    border: 1px solid #EAECF0;

    width: 385px;

    top: 50px;

    right: -50px;

    left: auto;

    border-radius: 8px;

    padding: 0;

    margin: 0;

}

.top-notification-inner ul li .dropdown-menu:before {

    content: '';

    position: absolute;

    width: 0;

    height: 0;

    border-top: 0;

    border-right: 15px solid transparent;

    border-bottom: 15px solid #f0f0f0;

    border-left: 15px solid transparent;

    right: 50px;

    top: -15px;

}

.top-notification-inner ul li .dropdown-menu .dropdown-menu-header {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: 15px 20px;

}

.top-notification-inner ul li .dropdown-menu .dropdown-menu-header h4 {

    font-size: 18px;

    font-weight: 500;

    line-height: 28px;

    color: #101828;

    margin: 0;

}

.top-notification-inner ul li .dropdown-menu .dropdown-menu-header a {

    font-size: 14px;

    font-weight: 500;

    line-height: 20px;

    color: #F5375D;

    text-decoration: underline;

}

.top-notification-inner ul li .dropdown-menu .dropdown-menu-items ul {

    display: flex;

    flex-direction: column;

    gap: 0;

}

.top-notification-inner ul li .dropdown-menu .dropdown-menu-items ul li {

    border-bottom: 1px solid #EAECF0;

    width: 100%;

}

.top-notification-inner ul li .dropdown-menu .dropdown-menu-items ul li a {

    text-decoration: none;

}

.message-notification-list {

    display: flex;

    padding: 15px 20px;

    justify-content: space-between;

    gap: 10px;

}

.message-name h5 {

    margin: 0;

    font-size: 14px;

    font-weight: 500;

    line-height: 20px;

    color: #101828;

}

.message-name p {

    font-size: 14px;

    font-weight: 400;

    line-height: 20px;

    color: #667085;

    margin: 0;

}

.message-date {

    font-size: 12px;

    font-weight: 400;

    line-height: 20px;

    color: #667085;

    min-width: 75px;

}

.cart-list-icon {

    border: 1px solid #ccc;

    width: 65px;

    height: 65px;

    text-align: center;

    display: flex;

    justify-content: center;

    align-items: center;

    border-radius: 4px;

}

.cart-list-icon img {

    height: 50px;

}

.item-quantity {

    font-size: 12px;

    font-weight: 400;

    line-height: 20px;

    color: #667085;

    min-width: 75px;

}

.shopping-cart-dropdown-list .message-notification-list { 

    align-items: center;

}

footer.footer {

    background: #000000;

}

footer.footer>.container>.row {

    padding: 90px 0 50px;

}

.footer-col h4 {

    font-size: 23px;

    font-weight: 700;

    line-height: 25.3px;

    color: #fff;

    margin: 0 0 20px;

}

.footer-col ul {

    list-style: none;

    padding: 0;

    margin: 0;

}

.footer-col ul li {

    margin-bottom: 10px;

}

.footer-col ul li:last-child {

    margin-bottom: 0px;

}

.footer-col ul li a {

    font-size: 16px;

    font-weight: 500;

    line-height: 16px;

    color: #fff;

    text-decoration: none;

}

.footer-btm {

    padding: 45px 0;

    border-top: 1px solid #C1C7CD40;

} 

.foot-copyright p {

    font-size: 14px;

    font-weight: 400;

    line-height: 19.6px;

    color: #fff;

    margin: 0;

}

.foot-cards ul {

    padding: 0;

    margin: 0;

    list-style: none;

    display: flex;

    justify-content: flex-end;

}



/**/

/* section.explore-banner {

    background: url(../images/explore-banner.png) no-repeat top center / cover;

    padding: 90px 0;

    position: relative;

} */

.explore-banner-text {

    display: flex;

    align-items: flex-end;

    justify-content: center;

    gap: 30px;

}

.explore-banner-text-inner {

    text-align: center;

    width: 100%;

    max-width: 650px;

}

.explore-banner-text-inner h1 {

    color: #fff;

    margin: 0 auto;

    max-width: 500px;

    font-size: 50px;

    font-weight: 700;

    line-height: 70px;

    text-align: center;

}

.explore-banner-search {

    margin: 40px 0 0;

}

.explore-banner-search-inner .input-group{

	flex-wrap: nowrap;

	gap: 20px;

}

.explore-banner-search-inner .input-group .input-group-inner{

    position: relative;

    display: flex;

    flex-wrap: nowrap;

    align-items: center;

    width: 100%;

    box-shadow: 0px 0px 4px 0px #B6B7C880;

    border-radius: 5px !important;

    background: #fff;

    padding: 14px 15px;

}

button.banner-search-btn {

    background: #F5375D;

    font-family: Inter;

    font-size: 20px;

    font-weight: 600;

    line-height: 24.2px;

    letter-spacing: -0.017em;

    text-align: center;

    color: #FEFEF2;

    border: 1px solid #F5375D;

    border-radius: 5px !important;

    width: 100%;

    max-width: 135px;

}

.explore-data {

    margin-bottom: 100px;

}

.explore-left {

    margin-top: 100px;

    border-right: 1px solid #00000047;

    padding-right: 15px;

}  

.explore-item-col {

    box-shadow: 0px 4px 14px 0px #0000001A;

    border-radius: 6px;

    border: 1px solid #0000001A;

    margin-bottom: 24px;

    max-width: 305px;

}

.explore-item-img {

    background: #F1F1F1;

    position: relative;

    text-align: center;

    min-height: 245px;

    display: flex;

    justify-content: center;

    align-items: center;

}

.my-product .explore-item-col { 

    max-width: 305px;

}

.my-product .explore-item-img { 

    min-height: 245px;

    display: flex;

    justify-content: center;

    align-items: center;

}

.explore-item-cart-like {

    position: absolute;

    left: 10px;

    right: 10px;

    top: 10px;

    margin: auto;

    display: flex;

    justify-content: space-between;

    align-items: center;

}

.explore-item-cart {

    background: #F5375D;

    font-weight: 600;

    line-height: 20px;

    text-align: center;

    color: #fff;

    border-radius: 2px;

    display: flex;

    align-items: center;

    padding: 4px 6px;

    width: 100%;

    max-width: 100px;

    justify-content: space-between;

}

.explore-item-cart img {

    filter: invert(100%);

    width: 20px !important;

}

.explore-item-cart span {

    font-size: 14px;

}

button.explore-item-like-btn {

    border: 1px solid;

    width: 25px;

    height: 25px;

    color: #fff;

    background: #ACA9A9;

    border-radius: 50px;

    line-height: 10px;

}

button.explore-item-like-btn i {

    font-size: 12px;

}

.explore-item-img img {

    max-width: 100%;

    margin: 0 auto;

    display: block;

}

.explore-item-text {

    padding: 15px;

}

.explore-item-text a {

    text-decoration: none;

}

.explore-item-text-inner {

    display: flex; 

    justify-content: space-between;

}

.explore-item-text-inner-col h4 {

    margin: 0;

    font-size: 14px;

    font-weight: 500;

    line-height: 21px;

    letter-spacing: -0.4000000059604645px;

    text-align: left;

    color: #000;

    max-width: 180px;
    font-family: 'itfMirsalD-Medium';

}

.product-view-like {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 6px;

}

.product-view,

.product-like {

    display: flex;

    align-items: center;

    gap: 3px;

    font-size: 10px;

    font-weight: 400;

    line-height: 20px;

}

.explore-item-text-inner-btm {

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-top: 5px;

}

.explore-item-user a {

    font-size: 10px;

    font-weight: 500;

    line-height: 20px;

    color: #500C95;

    text-decoration: none;

}

.explore-item-user a i{ 

    color: #F5375D;

}

.explore-item-add a {

    text-decoration: none;

}

.explore-item-add a i {

    font-size: 22px;

}

.explore-right {

    margin-top: 100px;

}

.filter-categories .filter-categories-items {

    margin-top: 15px;

}

.filter-categories h4 {

    font-size: 16px;

    font-weight: 500;

    line-height: 24px;

    color: #191C1F;

    text-transform: uppercase;

}

.filter-categories-items .form-check {

    margin-bottom: 10px;

}

.filter-categories-items .form-check:last-child {

    margin-bottom: 0px;

}

.filter-categories-items .form-check .form-check-label{

    color: #475156;

    font-size: 14px;

    font-weight: 400;

    line-height: 20px;

}

.filter-categories-items .form-check .form-check-input:checked ~ label.form-check-label {

    color: #191C1F;

}

.filter-categories-items .form-check input.form-check-input {

    width: 20px;

    height: 20px;

    border-radius: 100px;

    border: 1px solid #C9CFD2;

    margin-right: 7px;

    margin-top: 3px;

}

.filter-categories-items .form-check .form-check-input:checked {

    background-color: #000000;

    border-color: #000000;

}

.filter-categories {

    margin-top: 15px;

}

.filter-categories {

    margin-top: 15px;

    border-bottom: 1px solid #00000047;

    padding-bottom: 15px;

}

.filter-sub-categories-items {

    padding: 0 0 15px 15px;

    border-bottom: 1px solid #00000047;

    margin-bottom: 15px;

}

.filter-country {

    margin-top: 15px;

    border-bottom: 1px solid #00000047;

    padding-bottom: 15px;

}

.filter-country h4 {

    font-size: 16px;

    font-weight: 500;

    line-height: 24px;

    color: #191C1F;

    text-transform: uppercase;

}

.filter-country-items {

    margin-top: 15px;

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

}

.filter-country-items .form-check.form-check-inline {

    width: 50%;

    margin-right: 0;

    margin-bottom: 10px;

}

.filter-country-items .form-check.form-check-inline label.form-check-label {

    font-size: 14px;

    font-weight: 400;

    line-height: 20px;

    color: #475156;

}

.filter-country-items .form-check.form-check-inline input.form-check-input {

    width: 20px;

    height: 20px;

    border-radius: 2px;

    border: 1px solid #C9CFD2;

    margin-right: 7px;

}

.filter-country-items .form-check.form-check-inline .form-check-input:checked {

    background-color: #000000;

    border-color: #000000;

}

.filter-country-items .more-countries {

    width: 100%;

}

.filter-country-items .more-countries .more-countries-btn {

    width: 100%;

    margin-top: 10px;

    background: #f5375d;

    border-color: #f5375d;

    font-size: 14px;

    border-radius: 4px;

    color: #fff;

}

.filter-country-items .more-countries ul.dropdown-menu {

    width: 100%;

    padding: 10px;

    z-index: 5;

    border-radius: 4px;

    border: 1px solid #C9CFD2;

}

.filter-range {

    margin-top: 15px;

    padding-bottom: 15px;

}

.filter-range h4 {

    font-size: 16px;

    font-weight: 500;

    line-height: 24px;

    color: #191C1F;

    text-transform: uppercase;

}

.filter-search .input-group {

    border: 1px solid #E4E7E9;

    padding: 3px 0 3px 15px;

    border-radius: 2px;

}

.filter-search .input-group input.form-control {

    padding: 10px 0;

}

.filter-search .input-group button.filter-search-btn {

    border: 0;

    background: transparent;

    width: 35px;

}

.filter-range--range .middle {

    position: relative;

    width: 100%;

} 

.filter-range--range .slider {

    position: relative;

    z-index: 1;

    height: 5px;

    margin: 0;

}

.filter-range--range .slider > .track {

    position: absolute;

    z-index: 1;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    border-radius: 5px;

    background-color: #E4E7E9;

}

.filter-range--range .slider > .range {

    position: absolute;

    z-index: 2;

    left: 25%;

    right: 25%;

    top: 0;

    bottom: 0;

    border-radius: 5px;

    background-color: #000000;

}

.filter-range--range .slider > .thumb {

    position: absolute;

    z-index: 3;

    width: 25px;

    height: 25px;

    background-color: #ffffff;

    border-radius: 50%;

    box-shadow: 0 0 0 0 rgba(98,0,238,.1);

    transition: box-shadow .3s ease-in-out;

    border: 2px solid #000000;

}

.filter-range--range .slider > .thumb.left {

    left: 25%;

    transform: translate(-1px, -11px);

}

.filter-range--range .slider > .thumb.right {

    right: 25%;

    transform: translate(1px, -11px);

} 

.filter-range--range input[type=range] {

    position: absolute;

    pointer-events: none;

    -webkit-appearance: none;

    z-index: 2;

    height: 10px;

    width: 100%;

    opacity: 0;

}

.filter-range--range input[type=range]::-webkit-slider-thumb {

    pointer-events: all;

    width: 30px;

    height: 30px;

    border-radius: 0;

    border: 0 none;

    background-color: red;

    -webkit-appearance: none;

} 

.filter-range--range {

    margin-top: 25px;

}

.filter-range--price {

    margin-top: 25px;

}

.filter-range--price .results {

    display: flex;

    gap: 15px;

    justify-content: space-between;

}

.filter-range--price .results input.form-control {

    border-radius: 3px;

    border: 1px solid #E4E7E9;

    height: 40px;

}

.filter-range--price-single {

    margin-top: 15px;

}

.filter-range-items .form-check {

    margin-bottom: 10px;

}

.filter-range-items .form-check input.form-check-input{

    width: 20px;

    height: 20px;

    border-radius: 100px;

    border: 1px solid #C9CFD2;

    margin-right: 7px;

    margin-top: 3px;

}

.filter-range-items .form-check input.form-check-input:checked{

    background-color: #000000;

    border-color: #000000;

}

.filter-range-items .form-check label.form-check-label{

    color: #475156;

    font-size: 14px;

    font-weight: 400;

    line-height: 20px;

}

.filter-range-items .form-check input.form-check-input:checked ~ label.form-check-label{

    color: #191C1F;

}

.pagination {

    margin-top: 40px;

}

ul.pagination-list {

    list-style: none;

    padding: 0;

    margin: 0 auto;

    display: flex;

    gap: 8px;

}

ul.pagination-list li.page-item a {

    width: 40px;

    height: 40px;

    border-radius: 100px;

    border: 1.5px solid #000000;

    text-align: center;

    padding: 0;

    line-height: 38px;

    font-size: 14px;

    font-weight: 400;

    color: #191C1F;

}

ul.pagination-list li.page-item:first-child a {

    border-radius: 100px !important;

}

ul.pagination-list li.page-item:last-child a {

    border-radius: 100px !important;

}

ul.pagination-list li.page-item a.active {

    background: #000;

    color: #fff;

}

section.hero-banner{

    /* background: url(../images/hero-banner-bg1.png) no-repeat top center / cover;

    padding: 0px 0 0px; */

    position: relative;

} 

.hero-bnr-slide-img {

    position: relative;
    z-index: 0;
    left: 0;
    right: 0;

    top: 0;

    bottom: 0;

    margin: auto;

}

.hero-bnr-slide-img img {

    width: 100% !important;

}

.hero-banner-col {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
.hero-banner-col>.row{
    display: flex;
    height: 100%;
    align-items: center;
    align-content: center;
}

.hero-banner-col-left {

    display: flex;

    flex-direction: column;

    justify-content: center;

    height: 100%;

}

.hero-banner-col-left h1 {

    font-size: 71px;

    font-weight: 700;

    line-height: 80px;

    letter-spacing: -0.02em;

    color: #fff;

    margin: 0 0 10px;

}
.hero-banner-col-left h4{
    color: #fff;
}

.hero-banner-col-left p {

    margin: 0 0 15px;

    color: #fff;

    font-size: 20px;

    font-weight: 400;

    line-height: 30px;

}

.theme-color{

    color: #F5375D !important;

}

.theam-btn {

    background: #F5375D;

    color: #fff;

    box-shadow: 0px 1px 2px 0px #1018280D;

    font-size: 20px;

    font-weight: 700;

    line-height: 24px;

    text-decoration: none;

    border-radius: 8px;

    padding: 18px 15px;

    width: 100%;

    display: inline-block;

    max-width: 208px;

    text-align: center;

    transition: 0.4s;

    border: 1px solid #F5375D;

}

.theam-btn:hover{

    transition: 0.4s;

    background: #fff;

    color: #F5375D;

}

.hero-banner-col-right {

    display: flex;

    justify-content: flex-end;

}

.hero-banner-img {

    margin-left: auto;

    margin-right: 0;

}

.hero-banner-img img {

    width: 100%;

    max-width: 390px;

}

.hero-banner-img-name {

    background: #fff;

    width: 254px;

    min-width: 250px;

    height: 73px;

    border-radius: 170px 340px 0px 170px;

    display: flex;

    flex-direction: column;

    justify-content: center;

    padding: 0 35px;

    position: relative;

    top: 130px;

    left: 110px;

}

.hero-banner-img-name h3 {

    margin: 0 0 0;

    font-family: Inter;

    font-size: 18px;

    font-weight: 700;

    line-height: 21.78px;

    color: #000;

}

.hero-banner-img-name p {

    margin: 0;

    font-family: Inter;

    font-size: 11px;

    font-weight: 400;

    line-height: 13.31px;

    color: #000;

    display: flex;

    gap: 5px;

}

.hero-banner-img-name p span img {

    max-width: 10px;

}

.hero-banner-inner .owl-carousel .owl-dots {

    position: absolute;

    left: 0;

    right: 0;

    margin: auto;

    bottom: 25px;

    display: flex;

    justify-content: center;

    gap: 12px;

}

.hero-banner-inner .owl-carousel .owl-dots button.owl-dot {

    width: 42.67px;

    height: 8px;

    border-radius: 4px;

    background: #D0D5DD;

}

.hero-banner-inner .owl-carousel .owl-dots button.owl-dot.active{

    background: #F5375D;

}

.partner-inner .owl-carousel .item img {

    width: auto;

    margin: 0 auto;

}

.partner-inner {

    padding: 80px 0 65px;

    border-bottom: 1px solid #00000026;

}

section.recommended-section {

    padding: 100px 0;

}

.recommended-section .owl-carousel .owl-item img { 

    width: auto;

}

.section-title {

    text-align: center;

}

.section-title h2 {

    margin: 0 0 10px; 

    font-size: 40px;

    font-weight: 600;

    line-height: 44px;

    letter-spacing: -0.02em;

    color: #101828;
    font-family: "itfMirsalD-Bold";

}

.section-title p{

    color: #667085;  

    font-size: 20px;

    font-weight: 400;

    line-height: 30px;  

    margin-bottom: 30px;

}

section.advantage-section .advantage-section-inner {

    border-top: 1px solid #00000026;

    border-bottom: 1px solid #00000026;

    padding-top: 100px;

    padding-bottom: 100px;

}

.advantage-section-col-right img {

    border-radius: 14px;

}

.advantage-section-col-left {

    display: flex;

    flex-direction: column;

    height: 100%;

    justify-content: center;

}

.advantage-section-col-left h2 {

    margin: 0 0 10px;

    font-size: 48px;

    font-weight: 600;

    line-height: 60px;

    letter-spacing: -0.02em;
    font-family: "itfMirsalD-Bold";

}

.advantage-section-col-left h2 span {

    color: #F5375D;  font-family: "itfMirsalD-Bold";

}

.advantage-section-col-left p {

    margin: 0 0 15px;

    font-family: Inter;

    font-size: 16px;

    font-weight: 400;

    line-height: 24px;

    color: #696969;

}

.advantage-section-col-left p:last-child {

    margin: 0 0 0; 

}

.advantage-section-col-left ul {

    padding: 0 0 0 15px;

    margin: 0;

    list-style: none;

}

.advantage-section-col-left ul li{

    position: relative; 

    font-size: 18px;

    font-weight: 500;

    line-height: 28px;

    color: #000;

    padding-left: 35px;

    margin-bottom: 15px;

}

.advantage-section-col-left ul li:before{

    content: '';

    position: absolute;

    left: 0;

    top: 0;

    bottom: 0;

    margin: auto;

    width: 25px;

    height: 25px;

    background: url(../images/list-check-icon.svg) no-repeat center center / 25px;

}

section.order-step .order-step-inner{  

    padding-top: 100px;

    padding-bottom: 100px;

}

section.order-step .order-step-inner .section-title p {

    margin-bottom: 30px;

}

.order-step-img {

    background: #F0F0F0;

    max-width: 195px;

    margin: 0 auto;

    height: 195px;

    border-radius: 100px;

    display: flex;

    justify-content: center;

    align-items: center;

}

.order-step-text {

    margin: 25px auto 0px;

    text-align: center;

    max-width: 250px;

}

.order-step-text h3 {

    margin: 0 0 10px;

    font-size: 24px;

    font-weight: 600;

    line-height: 20px;

    color: #191C1F;

}

.order-step-text p {

    margin: 0 0 0;

    font-size: 14px;

    font-weight: 400;

    line-height: 20px;

    color: #5F6C72;

}

section.broker-hepl .broker-hepl-inner{

    background: url(../images/broker-hepl-bg.png) no-repeat top center / cover;

    padding-top: 20px;

    border-radius: 18px;

}

.broker-hepl-col-left h3 {

    margin: 0 0 10px;

    font-size: 26px;

    font-weight: 600;

    line-height: 24px;

    color: #F5375D;

}

.broker-hepl-col-left h2 {

    margin: 0 0 0;

    font-family: Inter;

    font-size: 58px;

    font-weight: 600;

    line-height: 80px;

    letter-spacing: -0.02em;

    color: #fff;

}

.broker-hepl-col-left p {

    margin: 0 0 15px;

    font-size: 14px;

    font-weight: 400;

    line-height: 20px;

    color: #fff;

}

.broker-hepl-col-left {

    max-width: 555px;

    margin-left: auto;

    display: flex;

    flex-direction: column;

    justify-content: center;

    height: 100%;

}

.broker-hepl-col-right img {

    max-width: 100%;

}

section.why-souq {

    padding: 100px 0;

}

.why-souq-col {

    padding: 36px;

    border-radius: 10px;

    background: #FFFFFF;

    border: 1px solid #191C1F1A;

    box-shadow: 0px 4px 14px 0px #00000026;

    display: flex;

    gap: 16px;

    align-items: center;

    margin-bottom: 24px;

}

.why-souq-text h3 {

    margin: 0 0 10px;

    font-size: 24px;

    font-weight: 600;

    line-height: 20px;

    color: #191C1F;

}

.why-souq-text p {

    margin: 0;

    font-size: 14px;

    font-weight: 400;

    line-height: 20px;

    color: #5F6C72;

}

.testimonial-inner-slider {

    max-width: 1050px;

    margin: 0 auto;

}

.testimonial-inner-slider .owl-carousel .owl-item img { 

    /* width: auto; */

    width: 160px;

}

section.testimonial {

    padding-bottom: 80px;

}

.testimonial-col {

    text-align: center;

    padding: 40px 20px 40px 20px;

    border-radius: 10px;

    background: #FFFFFF;

    box-shadow: 0px 0px 25px 0px #0000001C;

}

.testimonial-quote img {

    margin: 0 auto;

    max-width: 60px;

}

.testimonial-quote {

    margin-bottom: 30px;

}

.testimonial-inner-slider .item {

    padding: 10px 10px 30px;

}

.testimonial-text {

    max-width: 440px;

    margin-bottom: 25px;

}

.testimonial-text p {

    margin: 0 0 0;

    font-size: 28px;

    font-weight: 500;

    line-height: 38px;

    color: #101828;

    text-align: center;

}

.testimonial-user {

    margin-bottom: 10px;

}

.testimonial-user img {

    margin: 0 auto;

}

.testimonial-user-name h5 {

    margin: 0 0 5px;

    font-size: 18px;

    font-weight: 500;

    line-height: 28px;

    color: #101828;

}

.testimonial-user-post p {

    margin: 0;

    font-size: 16px;

    font-weight: 400;

    line-height: 24px;

    color: #667085;

}

section.recommended-section .owl-carousel .owl-dots {

    display: flex !important;

    justify-content: center;

    align-items: center;

    margin-top: 30px;

    margin-bottom: 35px;

    gap: 10px;

}

section.recommended-section .owl-carousel .owl-dots button.owl-dot {

    background: #D9D9D9;

    width: 14px;

    height: 14px;

    border-radius: 50px;

}

section.recommended-section .owl-carousel .owl-dots button.owl-dot.active {

    background: #000000;

    width: 17px;

    height: 17px;

} 

.owl-carousel .owl-item img { 

    width: auto;

}

/* .product-details-banner {

    background: url(../images/product-details-banner-bg.png) no-repeat top center / cover;

    padding: 100px 0;

    position: relative;

} */

.product-details-banner-text-inner h1 {

    margin: 0;

    text-align: center;

    color: #fff;

    font-size: 50px;

    font-weight: 700;

    line-height: 80px;

    letter-spacing: -0.02em;

}

section.recent-viewed-section {

    padding: 100px 0;

}

.recent-viewed-section .section-title {

    text-align: left;

}

.recent-viewed-section .owl-carousel .owl-nav {

    display: flex;

    position: absolute;

    top: -90px;

    right: 0;

    gap: 15px;

}

.recent-viewed-section .owl-carousel .owl-nav button {

    width: 35px;

    height: 35px;

    padding: 8px;

    border-radius: 5px;

    background: #F0F0F0;

    color: #F5375D;

}

.recent-viewed-section .owl-carousel .owl-nav button span {

    line-height: 0;

    font-size: 25px;

}

/***********/

.product-details-info {

    padding: 70px 0 100px;

}

.product-details-info-inner #slider .item img {

    width: 100%;

    border-radius: 8px;

}

.product-details-info-inner #thumb {

    margin-top: 25px;

}

.product-thumb .item img {

    width: 100%;

    border-radius: 2px;

}

.product-details-info-inner #thumb .owl-nav button {

    border: 2px solid #FFFFFF;

    background: #F5375D;

    width: 48px;

    height: 48px;

    border-radius: 50px;

    color: #fff;

}

.product-details-info-inner #thumb .owl-nav button.owl-prev {

    margin-left: -50px;

}

.product-details-info-inner #thumb .owl-nav button.owl-next {

    margin-right: -50px;

}

.product-details-info-inner #thumb .owl-item.current.active {

    border: 2px solid #F5375D;

    border-radius: 2px;

}

.product-details-info-inner #thumb .owl-nav button {

    position: absolute;

    top: 50%;

    transform: translate(0, -50%);

    outline: none; 

} 

.product-details-info-inner #thumb .owl-nav button.owl-prev {

    left: 25px;

}

.product-details-info-inner #thumb .owl-nav button.owl-next {

    right: 25px;

}

.product-details-info-inner #thumb .owl-nav button span {

    font-size: 45px;

}

.product-name {

    padding-top: 15px;

    border-bottom: 1px solid #0000001A;

    padding-bottom: 20px;

    margin-bottom: 20px;

}

.product-name h4 {

    margin: 0 0 0;

    font-size: 20px;

    font-weight: 400;

    line-height: 44px;

    letter-spacing: -0.02em;

    color: #696969;

}

.product-name h3 {

    margin: 0 0 0;

    font-size: 25px;

    font-weight: 600;

    line-height: 44px;

    letter-spacing: -0.02em;

    color: #000;

    text-transform: uppercase;

}

.choose-color {

    display: flex;

    border-bottom: 1px solid #0000001A;

    padding-bottom: 20px;

    gap: 10px;

    align-items: center;

}

.choose-color-title {

    font-size: 22px;

    font-weight: 400;

    line-height: 20px;

    color: #696969;

}

.choose-color-select {

    /*display: flex;*/

    display: ruby;

    gap: 10px;

}

.choose-color-select .form-check {

    padding: 0;

    width: 30px;

    height: 30px;

    position: relative;

} 

.choose-color-select .form-check input {

    width: 30px;

    height: 30px;

    margin: 0;

}

.choose-color-select .form-check input.form-check-input:checked[type=radio]{ 

    border: 2px solid #F5375D; 

    box-shadow: 0px -2px 6px 0px #FFFFFF3D inset;

} 

.choose-color-select .form-check input#green{

    background: #6DA544;

}

.choose-color-select .form-check input#pink{

    background: #CD176C;

}

.choose-color-select .form-check input#yellowGray{

    background: #CFB3A5;

}

.choose-color-select .form-check input#blak{

    background: #410614;

}

.choose-color-select .form-check input#gray{

    background: #B1B5B8;

}

.product-brand {

    border-bottom: 1px solid #0000001A;

    padding-top: 20px;

    padding-bottom: 20px;

}

.product-brand ul {

    padding: 0;

    margin: 0;

    list-style: none;

    display: flex;

    justify-content: space-between;

    align-items: center;

    gap: 15px;

}

.product-brand ul li {

    font-size: 20px;

    font-weight: 400;

    line-height: 20px;

}

.product-brand ul li strong {

    font-size: 20px;

    font-weight: 600;

    line-height: 20px;

}

.product-prices {

    border-bottom: 1px solid #0000001A;

    padding-top: 20px;

    padding-bottom: 20px;

}

.product-info-title {

    font-size: 20px;

    font-weight: 400;

    line-height: 20px;

    color: #696969;

}

.product-prices-info {

    margin-top: 10px;

}

.product-prices-info input.form-control {

    border: 1px solid #EEEEEE;

    width: 100%;

    border-radius: 4px;

    padding: 10px 30px;

    margin: 0 0 15px;   

    color: #000000;

}

.product-prices-info .form-check label {

    font-size: 14px;

    font-weight: 500;

    line-height: 20px;

    color: #344054;

}

.product-prices-info .form-check input {

    border: 1px solid #F5375D;

    width: 16px;

    height: 16px;

    padding: 2px;

    border-radius: 4px;

}

.product-prices-info .form-check input:checked[type=checkbox] {

   background-image: url(../images/check-box-icon.png);

   background-size: 8px;

   background-color: #fff;	

}

.product-size {

    border-bottom: 1px solid #0000001A;

    padding-top: 20px;

    padding-bottom: 20px;

}

.product-size .product-size-info {

    margin-top: 15px;

}

.product-size .product-size-info {

    margin-top: 15px;

    display: flex;

    gap: 10px;

}

.product-size .product-size-info .form-check {

    position: relative;

    padding: 0;

}

.product-size .product-size-info .form-check label {

    width: 45px;

    height: 45px;

    min-width: 45px;

    border-radius: 5px;

    border: 1px solid #EEEEEE;

    text-align: center;

    line-height: 45px;

    font-size: 18px;

    font-weight: 400;

}

.product-size .product-size-info .form-check input:checked[type=radio] ~ label {

    background: #000;

    color: #fff;

}

.product-size .product-size-info .form-check input {

    display: none;

}

.product-delivery {

    padding-top: 20px;

    padding-bottom: 20px;

}

.product-delivery-inner {

    display: flex;

    gap: 12px;

    margin: 15px 0 0;

}

.product-delivery-inner .form-check {

    padding: 0;

    margin: 0;

}

.product-delivery-inner .form-check label.form-check-label {

    border: 1px solid #EEEEEE;

    width: 140px;

    height: 45px;

    min-width: 45px;

    border-radius: 5px;

    text-align: center;

    line-height: 42px;

    font-size: 18px;

    font-weight: 400;

    color: #000;

}

.product-delivery-inner .form-check input {

    display: none;

}

.product-delivery-inner .form-check .form-check-input:checked[type=radio] ~ label {

    background: #000;

    color: #fff;

}

.product-count {

    display: flex;

    gap: 16px;

}

.product-count form.display-flex {

    display: flex;

    border: 2px solid #E4E7E9;

    border-radius: 3px;

    height: 56px;

}

.product-count form.display-flex input.qty {

    max-width: 60px;

    border: 0;

    text-align: center;

    height: 50px;

}

.product-count .qtyminus,

.product-count .qtyplus {

    width: 50px;

    height: 50px;

    text-align: center;

    font-size: 34px;

    color: #191C1F;

    cursor: pointer;

    line-height: 45px;

}

.round-black-btn {

    color: #fff;

    padding: 0px 10px;

    display: inline-block;

    border: solid 0px #F5375D;

    transition: all 0.5s ease-in-out 0s;

    text-decoration: none;

    border-radius: 3px;

    background: #F5375D;

    line-height: 56px;

    width: 100%;

    text-align: center;

    font-size: 16px;

    font-weight: 700;

    letter-spacing: 0.012em;

}

.product-dtl {

    padding-left: 40px;

}

.product-description-inner {

    border: 1px solid #E4E7E9;

    border-radius: 4px;

}

.product-description-inner ul.nav-tabs {

    display: flex;

    justify-content: center;

    gap: 10px;

}

.product-description-inner ul.nav-tabs li button {

    padding: 14px 20px;

    border-radius: 0;

    border: 0;

    font-size: 14px;

    font-weight: 500;

    line-height: 20px;

    color: #5F6C72;

    text-transform: uppercase;

    border-bottom: 2px solid transparent;

}

.product-description-inner ul.nav-tabs li button:hover {

    border: 0;

}

.product-description-inner ul.nav-tabs li button.active {

    border: 0;

    background: transparent;

    color: #191C1F;

    border-bottom: 2px solid #F5375D;

}

.product-description-content {

    padding: 40px;

}

.product-description-content-left h3 {

    margin: 0 0 15px;

    font-size: 16px;

    font-weight: 600;

    line-height: 24px;

    color: #191C1F;

}

.product-description-content-left p {

    font-size: 14px;

    font-weight: 400;

    line-height: 20px;

    color: #5F6C72;

}

.product-description-content-left p:last-child {

    margin-bottom: 0;

}

.product-description-content-right {

    display: flex;

    justify-content: space-between;

    gap: 15px;

}

.product-description-feature h3 {

    margin: 0 0 15px;

    font-size: 16px;

    font-weight: 600;

    line-height: 24px;

    color: #191C1F;

}

.product-description-feature ul {

    padding: 0;

    margin: 0;

    list-style: none;

}

.product-description-feature ul li {

    font-size: 14px;

    font-weight: 400;

    line-height: 20px;

    color: #191C1F;

    margin: 0 0 14px;

}

.product-description-feature ul li span {

    margin-right: 2px;

}

.product-description-shipping h3 {

    margin: 0 0 15px;

    font-size: 16px;

    font-weight: 600;

    line-height: 24px;

    color: #191C1F;

} 

.product-description-shipping ul {

    padding: 0;

    margin: 0;

    list-style: none;

}

.product-description-shipping ul li {

    font-size: 14px;

    font-weight: 400;

    line-height: 20px;

    color: #5F6C72;

    margin: 0 0 14px;

}

.product-description-shipping ul li span{

    font-weight: 500; 

    color: #191C1F;

}

.customizing-product-modal .modal-body {

    padding: 20px 50px;

}

.customizing-product-modal .modal-header {

    padding: 20px 50px 15px;

    border-bottom: 1px solid #69696999;

}

.customizing-product-modal h1.modal-title {

    font-size: 30px;

    font-weight: 600;

    line-height: 44px;

    letter-spacing: -0.02em;

    color: #101828;

}

.customizing-product-modal .modal-footer {

    padding: 20px 50px;

    border-top: 1px solid #69696999;

}

.customizing-product-modal .modal-footer button.btn.btn-secondary { 

    font-size: 20px;

    font-weight: 700;

    line-height: 24px;

    color: #000000;

    background: transparent;

    box-shadow: 0px 1px 2px 0px #1018280D;

    max-width: 210px;

    padding: 17px;

    border-radius: 8px;

    width: 100%;

    margin: 0 20px 0 0;

}

.customizing-product-modal .modal-footer .btn.btn-primary {

    margin: 0;

    background: #F5375D;

    color: #fff;

    box-shadow: 0px 1px 2px 0px #1018280D;

    border: 1px solid #F5375D;

    max-width: 210px;

    border-radius: 8px;

    width: 100%;

    font-size: 20px;

    font-weight: 700;

    line-height: 24px;

    padding: 17px 10px;

}

.shopping-cart-info {

    padding: 65px 0 80px;

}

.shopping-cart-list {

    border-radius: 5px;

    border: 1px solid #0000001A;

    box-shadow: 0px 4px 34px 0px #0000001A;

    display: flex;

    justify-content: space-between;

    margin-bottom: 35px;

}

.shopping-cart-list-col-left {

    background: #EAE8E8;

    min-width: 300px;

    display: flex;

    justify-content: center;

    align-items: center;

}

.shopping-cart-list-col-left img{

    max-width: 100%;

}

.shopping-cart-list-col-center {

    padding: 35px;

}

.shopping-cart-list-col-right {

    padding: 40px 25px;

}

.shopping-cart-action {

    display: flex;

    align-items: center;

    gap: 13px;

}

.shopping-cart-action button.edit-btn {

    width: 40px;

    height: 40px;

    padding: 5px;

    border-radius: 8px;

    background: #F5375D26;

    border: 0;

}

.shopping-cart-action button.delete-btn {

    width: 40px;

    height: 40px;

    padding: 5px;

    border-radius: 8px;

    background: #F5375D26;

    border: 0;

}

.shopping-cart-item-name h4 {

    margin: 0 0 0;

    font-size: 20px;

    font-weight: 400;

    line-height: 28px;

    color: #191C1F;

}

.shopping-cart-item-price {

    margin-top: 10px;

}

.shopping-cart-item-price h4 {

    margin: 0;

}

.shopping-cart-item-price h4 strong {

    font-size: 24px;

    font-weight: 600;

    line-height: 32px;

    color: #500C95;

}

.shopping-cart-item-price h4 strike {

    color: #77878F;

    font-size: 18px;

    font-weight: 400;

    line-height: 24px;

}

.shopping-cart-list-col-center .product-brand {

    border: 0;

}

.shopping-cart-list-action {

    display: flex;

    gap: 15px;

    align-items: center;

    justify-content: flex-end;

}

.add-another-btn {

    font-size: 20px;

    font-weight: 700;

    line-height: 24px;

    color: #000000;

    text-decoration: none;

    padding: 16px 40px;

    border: 1px solid #000000;

    border-radius: 8px;

}

.submit-order-btn {

    font-size: 20px;

    font-weight: 700;

    line-height: 24px;

    color: #fff;

    background: #F5375D;

    text-decoration: none;

    padding: 16px 40px;

    border: 1px solid #F5375D;

    border-radius: 8px;

    box-shadow: 0px 1px 2px 0px #1018280D;

}

.search-your-product-modal h1 {

    text-align: center;

    font-size: 30px;

    font-weight: 600;

    line-height: 44px;

    letter-spacing: -0.02em;

    color: #101828;

    margin: 50px 0 0px

}

.search-your-product-modal .modal-body {

    padding: 50px 60px 60px;

}

.search-your-product-modal .modal-header-cutom {

    position: relative;

}

.search-your-product-modal .modal-header-cutom button.btn-close {

    position: absolute;

    right: 10px;

    top: 10px;

}

.order-successfull {

    padding: 125px 0 100px;

}

.order-successfull-inner {

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

}

.order-successfull-info {

    text-align: center;

    margin-bottom: 25px;

    max-width: 425px;

}

.order-successfull-icon {

    margin-bottom: 20px;

}

.order-successfull-head h3 {

    margin: 0 0 0;

    font-size: 24px;

    font-weight: 600;

    line-height: 32px;

    color: #191C1F;

}

.order-successfull-text p {

    margin: 10px 0 0;

    font-size: 14px;

    font-weight: 400;

    line-height: 20px;

    color: #5F6C72;

}

.order-successfull-action {

    display: flex;

    justify-content: center;

    align-items: center;

    gap: 12px;

}

.goto-dash-btn {

    width: 100%;

    max-width: 215px;

    padding: 0px 24px 0px 24px;

    border-radius: 2px;

    border: 2px solid #F5375D26;

    color: #F5375D;

    font-size: 14px;

    font-weight: 700;

    line-height: 44px;

    letter-spacing: 0.012em;

    text-decoration: none;

    text-align: center;

}

.goto-dash-btn  span{

    margin-right: 14px;

}

.shop-more-btn {

    width: 100%;

    max-width: 165px;

    padding: 0px 24px 0px 24px;

    border-radius: 2px;

    border: 2px solid #F5375D;

    color: #fff;

    font-size: 14px;

    font-weight: 700;

    line-height: 44px;

    letter-spacing: 0.012em;

    text-decoration: none;

    text-align: center;

    background: #F5375D;

}

.shop-more-btn span {

    margin-left: 8px;

}

.order-successfull-action {

    max-width: 550px;

    width: 100%;

}

.about-hero-banner{

    background: linear-gradient(99.93deg, #2A074E 0%, #610FB4 97.72%);

    padding-bottom: 30px;

}

.about-hero-banner .hero-banner-col-left h1 {

    color: #fff;

    margin: 0 0 10px;

    font-size: 71px;

    font-weight: 700;

    line-height: 80px;

    letter-spacing: -0.02em;

    max-width: 550px;   

}

.about-hero-banner .hero-banner-col-left h1 span{

    color: #F5375D;

}

.about-hero-banner .hero-banner-img img {

    max-width: none;

}

.advantage-section-col-right img {

    max-width: 100%;

    border-radius: 0;

}

.about-journey{

    padding: 100px 0;

}

.journey-col-right {

    padding: 30px 0 0 30px;

}

.journey-numbers {

    margin: 25px 0 0;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

}

.journey-numbers-col {

    width: 50%;

    margin-bottom: 40px;

}

.journey-numbers-col h2 {

    color: #F5375D;

    font-size: 60px;

    font-weight: 600;

    line-height: 72px;

    letter-spacing: -0.02em;

    margin: 0 0 5px;

}

.journey-numbers-col p {

    font-size: 18px;

    font-weight: 500;

    line-height: 28px;

    color: #101828;

}

.advantage-section-col-left.journey-col-left ul li:before{

    background: url(../images/list-check-icon2.svg) no-repeat center center / 25px; 

}

.about-experience {

    padding: 50px 0 100px;

}

.advantage-section-col-left.journey-col-left ul li {

    position: relative;

    color: #667085;

    padding-left: 35px;

    margin-bottom: 15px;

    font-size: 18px;

    font-weight: 400;

    line-height: 28px;

}

.about-experience-card {

    width: 335px;

    border-radius: 10px;

    background: #500C95;

    padding: 25px 25px;

    margin: auto;

    position: absolute;

    left: 0;

    right: 0;

    top: -70px;

}

.about-experience-card h3{

    margin: 0; 

    font-size: 40px;

    font-weight: 600;

    line-height: 48px; 

    color: #fff;

}

.about-experience .advantage-section-col-right {

    position: relative;

}

.about-experience>.container {

    border-bottom: 1px solid #0000001A;

    padding-bottom: 100px;

}

section.mission-vision {

    padding: 0 0 100px;

}

.mission-vision-col {

    padding: 40px 20px 40px 20px;

    border-radius: 3px;

    border: 1px solid #ACA9A93B;

    box-shadow: 0px 1px 13px 0px #00000014;

}

.mission-vision-col h2 {

    font-size: 30px;

    font-weight: 600;

    line-height: 30px;

    color: #101828;

    margin: 0 0 8px;

}

.mission-vision-col h2 span{

    color: #F5375D;

}

.mission-vision-col p {

    font-size: 16px;

    font-weight: 400;

    line-height: 24px;

    color: #667085;

    margin: 0 0 0;

}

.manager-quote{

    background: url(../images/manager-qoute-bg.jpg) no-repeat top center / cover; 

}

.manager-quote-info {

    padding: 185px 40px;

    background: #28044C url(../images/manager-qoute-icon.png) no-repeat top center;

    max-width: 600px;

}

.manager-quote-info h4 {

    font-size: 37px;

    font-style: italic;

    font-weight: 500;

    line-height: 54px;

    color: #FFFFFF;

    margin: 0 0 40px;

}

.manager-quote-info p {

    font-family: Inter;

    font-size: 18px;

    font-weight: 500;

    line-height: 28px;

    color: #F5375D;

    margin: 0 0 0;

}

.manager-quote-info small {

    font-size: 16px;

    font-weight: 400;

    line-height: 24px;

    color: #FFFFFF;

}

.faq-banner {

    background: linear-gradient(0deg, #0D0B0B, #0D0B0B), linear-gradient(0deg, #000000, #000000);

    box-shadow: 0px -1px 0px 0px #E4E7E9 inset;

    padding: 70px 0;

}

.faq-banner-banner-text-inner {

    text-align: center;

}

.faq-banner-badge {

    padding: 8px 16px 8px 16px;

    border-radius: 2px;

    background: #500C95;

    font-size: 14px;

    font-weight: 600;

    line-height: 20px;

    color: #FFFFFF;

    margin-bottom: 10px;

    display: inline-block;

}

.faq-banner-banner-text-inner h1 {

    font-size: 32px;

    font-weight: 600;

    line-height: 40px;

    color: #FFFFFF;

}

.faq-banner-search .input-group {

    display: flex;

    justify-content: center;

    align-items: center;

}

.faq-banner-search .input-group .input-group-inner {

    display: flex;

    align-items: center;

    gap: 12px;

    background: #fff;

    padding: 10px 15px 10px 20px;

    border-radius: 4px;

    border: 1px solid #E4E7E9;

    width: 100%;

    max-width: 780px;

    margin-top: 20px;

}

.faq-banner-search .input-group .input-group-inner i {

    color: #696969;

    font-size: 20px;

}

.faq-banner-search .input-group .input-group-inner input.form-control {

    width: 100%;

}

.faq-banner-search .input-group .input-group-inner .banner-search-btn {

    width: 100%;

    max-width: 110px;

    height: 48px;

    border-radius: 2px;

}

.faq-assist {

    padding: 100px 0;

}

.faq-assist .section-title {

    margin-bottom: 70px;

}

.faq-assist-col {

    margin-bottom: 24px;

}

.faq-assist-col a { 

    border: 2px solid #FFE7D6;

    padding: 22px 20px;

    border-radius: 4px;

    font-size: 16px;

    font-weight: 500;

    line-height: 24px;

    color: #191C1F;

    text-decoration: none;

    display: flex;

    align-items: center;

    gap: 15px;

    transition: 0.4s;

}

.faq-assist-col a:hover{

    border: 2px solid #F5375D;

    box-shadow: 0px 8px 40px 0px #FA82321F;

    transition: 0.4s;

}

.faq-qa {

    padding: 100px 0;

}

.faq-qa-inner {

    margin-top: 50px;

}

.faq-qa-inner .accordion-item {

    border-radius: 5px !important;

    margin-bottom: 20px;

    border: 0;

    box-shadow: 0px 1px 4px 0px #00000026;

}

.faq-qa-inner .accordion-item:last-child{

    margin-bottom: 0px;

}

.faq-qa-inner .accordion-item .accordion-header {

    background: transparent;

}

.faq-qa-inner .accordion-item .accordion-header button.accordion-button {

    background: transparent;

    color: #696969;

    font-size: 23px;

    font-weight: 600;

    line-height: 32.2px;

    padding: 20px;

}

.faq-qa-inner .accordion-item .accordion-header button.accordion-button:focus{

    box-shadow: none;

}

.faq-qa-inner .accordion-item .accordion-body {

    padding: 20px;

    color: #696969;

    font-family: Inter;

    font-size: 20px;

    font-weight: 400;

    line-height: 32.2px;

}

.faq-contact {

    padding: 100px 0 75px;

    background: #F2F4F5;

}

.faq-contact .section-title span.faq-banner-badge {

    margin-bottom: 20px;

} 

.faq-contact-inner {

    margin-top: 30px;

    padding: 32px;

    border-radius: 4px;

    box-shadow: 0px 24px 32px 0px #191C1F14;

    background: #FFFFFF;

    display: flex;

    gap: 24px;

    max-width: 535px;

}

.faq-contact-inner-text {

    display: flex;

    flex-direction: column;

}

.faq-contact-inner-text h4 {

    margin: 0 0 0;

    font-size: 18px;

    font-weight: 600;

    line-height: 24px;

    color: #191C1F;

}

.faq-contact-inner-text p {

    font-size: 14px;

    font-weight: 400;

    line-height: 20px;

    color: #5F6C72;

    margin: 0 0 0;

}

.faq-contact-inner-text a {

    text-decoration: none;

    font-size: 24px;

    font-weight: 400;

    line-height: 32px;

    color: #191C1F;

}

.faq-contact-inner-text a {

    text-decoration: none;

    font-size: 24px;

    font-weight: 400;

    line-height: 32px;

    color: #191C1F;

    margin: 5px 0 0;

    display: inline-block;

}

.faq-contact-inner-text .call-now-btn {

    font-size: 14px;

    font-weight: 700;

    line-height: 48px;

    letter-spacing: 0.012em;

    color: #FFFFFF;

    background: #F5375D;

    max-width: 150px;

    padding: 0px 24px 0px 24px;

    border-radius: 2px;

    text-align: center;

    margin-top: 20px;

}

.faq-contact-inner-text .call-now-btn i {

    margin-left: 5px;

}

.tnc-inner {

    max-width: 1280px;

    margin: 90px auto 90px;

}

.tnc-inner h2 {

    margin-top: 40px;

    font-size: 36px;

    font-weight: 600;

    line-height: 44px;

    letter-spacing: -0.02em;

    color: #000000;

}

.tnc-inner p {

    font-size: 20px;

    font-weight: 400;

    line-height: 30px;

    color: #696969;

}

.tnc-inner ol,

.tnc-inner ul {

    font-size: 20px;

    font-weight: 400;

    line-height: 30px;

    color: #696969;

    padding-left: 25px;

}

.faq-banner-banner-text-inner small {

    font-size: 14px;

    font-weight: 400;

    line-height: 40px;

    color: #FFFFFF;

}

/* .brokers-banner{

    background: url(../images/brokers-banner.jpg) no-repeat top center / cover;

    padding: 70px 0;

} */

.brokers-banner-text-inner {

    text-align: center;

} 

.brokers-banner-text-inner h1 {

    font-size: 32px;

    font-weight: 600;

    line-height: 40px;

    color: #FFFFFF;

}

.brokers-data {

    margin-bottom: 100px;

}

.brokers-left {

    margin-top: 100px;

    border-right: 1px solid #00000047;

    padding-right: 15px;

}

.brokers-right {

    margin-top: 100px;

}

.brokers-item-col {

    border: 1px solid #00000017;

    box-shadow: 0px 4px 4px 0px #00000005;

    background: #FFFFFF;

    max-width: 305px;

    border-radius: 10px;

    margin-bottom: 24px;

}

.brokers-item-banner img {

    max-width: 100%;

    width: 100%;

    object-fit: cover;

    font-family: "object-fit: cover; object-position: center;";

    object-position: center;

    height: 100%;

    max-height: 120px;

    min-height: 120px;

    border-radius: 10px 10px 0px 0px;

}

.brokers-item-img{

    text-align: center;

    margin-top: -57px;

}

.brokers-item-img img {

    width: 112px;

    height: 112px;

    border-radius: 140px;

    border: 3px solid #FFFFFF;

    box-shadow: 0px 4px 4px 0px #0000001F;

    margin: 0 auto;

}

.brokers-item-col a {

    text-decoration: none;

}

.brokers-item-text {

    padding-bottom: 30px;

}

.brokers-item-name h3 {

    font-size: 21px;

    font-weight: 500;

    line-height: 24.61px;

    text-align: center;

    color: #000000;

    margin: 15px 0 15px;

}

.brokers-item-follow {

    display: flex;

    justify-content: center;

    align-items: center;

    gap: 10px;

    margin-bottom: 25px;

}

.brokers-item-follow .brokers-follow-btn,

.brokers-item-follow .brokers-msg-btn {

    background: #F5F8FF;

    border: 1px solid #DFE9FE;

    width: 100%;

    max-width: 110px;

    padding: 6px 10px 6px 10px;

    border-radius: 32px;

    font-size: 12px;

    font-weight: 500;

    line-height: 16px;

    color: #000000;

    text-align: center;

    transition: 0.4s;

    text-decoration: none;

} 

.brokers-item-follow .brokers-follow-btn span,

.brokers-item-follow .brokers-msg-btn span{

    margin-right: 5px;

}

.brokers-item-follow .brokers-follow-btn:hover,

.brokers-item-follow .brokers-msg-btn:hover{

    transition: 0.4s;

    background: #F5375D;

    color: #fff;

}

.brokers-item-numbers {

    display: flex;

    justify-content: center;

    align-items: center;

}

.brokers-item-numbers-col {

    text-align: center;

    padding: 0 15px;

    border-right: 1px solid #00000030;

}

.brokers-item-numbers-col:last-child {

    border: 0;

}

.brokers-item-numbers-col h4 {

    font-size: 18px;

    font-weight: 700;

    line-height: 15.75px;

    color: #242760;

    margin: 0 0 0;

}

.brokers-item-numbers-col p {

    margin: 0 0 0;

    font-size: 12px;

    font-weight: 400;

    line-height: 10.5px;

    color: #544C4C;

}



.brokers-details-top-link {

    padding: 30px 0;

}

.brokers-details-top-link ul {

    padding: 0;

    margin: 0;

    list-style: none;

    display: flex;

    gap: 30px;

}

.brokers-details-top-link ul li a {

    font-size: 14px;

    font-weight: 700;

    line-height: 16px;

    text-align: center;

    color: #191919;

    text-decoration: none;

}

.brokers-details-top-link ul li a.active {

    border: 1px solid #191919;

    background: #191919;

    color: #FFFFFF;

    padding: 4px 18px 5px 18px;

    border-radius: 32px;

}

/* .brokers-details-banner {

    background: url(../images/brokers-banner.jpg) no-repeat top center / cover;

    padding: 110px 0 130px;

} */

.brokers-details-left {

    max-width: 335px;

    padding: 30px;

    border-radius: 4px;

    background: #FFFFFF;

    box-shadow: 0px 1px 4px 0px #00000033;

    position: relative;

    top: -180px;

}

.brokers-details-img {

    text-align: center;

    margin: 0 0 10px;

}

.brokers-details-img img {

    width: 100%;

    max-width: 110px;

    border-radius: 100px;

    margin: 0 auto;

}

.brokers-details-name {

    text-align: center;

    margin: 0 0 10px;

} 

.brokers-details-name h4 {

    font-size: 25px;

    font-weight: 700;

    line-height: 29.3px;

    color: #000000;

}

.brokers-details-company {

    text-align: center;

    margin: 0 0 10px;

}

.brokers-details-company p {

    margin: 0 0 0;

    font-size: 16px;

    font-weight: 400;

    line-height: 18.75px;

    color: #696969;

}

.brokers-details-company a {

    font-size: 16px;

    font-weight: 400;

    line-height: 18.75px;

    color: #696969;

    text-decoration: none;

}

.brokers-details-location {

    text-align: center;

    margin: 18px 0 20px;

    display: flex;

    gap: 10px;

    justify-content: center;

    align-items: center;

    font-size: 16px;

    font-weight: 400;

    line-height: 18.75px;

    color: #696969;

}

.brokers-details-location span {

    line-height: 0;

    margin-top: -2px;

}

.brokers-details-profile-info-col {

    display: flex;

    justify-content: space-between;

}

.brokers-details-profile-info-col {

    display: flex;

    justify-content: space-between;

    margin-bottom: 15px;

}

.details-profile-info-col-inner {

    font-size: 18px;

    font-weight: 400;

    line-height: 21.09px;

    color: #696969;

}

.brokers-details-follow-btn .brokers-item-follow .brokers-follow-btn,

.brokers-details-follow-btn .brokers-item-follow .brokers-msg-btn { 

    border-radius: 4px; 

}

.brokers-details-profile-verifications {

    margin: 30px 0 0;

}

.brokers-details-profile-verifications h4 {

    margin: 0 0 10px;

    font-size: 19px;

    font-weight: 600;

    line-height: 22.27px;

    color: #050505;

}

.brokers-details-badge {

    margin: 30px 0 0;

}

.brokers-details-badge h4 {

    margin: 0 0 10px;

    font-size: 19px;

    font-weight: 600;

    line-height: 22.27px;

    color: #050505;

}

.brokers-details-badge-inner {

    margin: 10px 0 0;

    display: flex;

    gap: 15px;

    align-items: flex-start;

}

.brokers-brands-col {

    max-width: 310px;

    border: 1px solid #0000001A;

    box-shadow: 0px 4px 14px 0px #0000001A;

    border-radius: 6px;

    margin-bottom: 24px;

}

.brokers-brands-img {

    border-radius: 6px 6px 0px 0px;

    background: #EDEDED;

    min-height: 130px;

    display: flex;

    justify-content: center;

    align-items: center;

}

.brokers-brands-img img {

    max-width: 100%;

}

.brokers-brands-text {

    padding: 25px 20px 20px;

}

.brokers-brands-text-col {

    display: flex;

    justify-content: space-between;

    margin-bottom: 14px;

    border-bottom: 1px solid #0000001A;

    padding-bottom: 10px;

}

.brokers-brands-text-col:last-child { 

    margin-bottom: 0; 

}

.brokers-brands-text-col-item { 

    font-size: 16px;

    font-weight: 400;

    line-height: 18.75px;

    color: #696969;

}

.brokers-brands-websites {

    border-radius: 6px 6px 0px 0px;

    background: #EDEDED;

    padding: 14px;

    text-align: center;

}

.brokers-brands-websites a {

    font-size: 20px;

    font-weight: 400;

    line-height: 24.61px;

    color: #000000;

    text-decoration: none;

}

.brokers-brands-col-slider {

    padding: 15px 15px 0;

}

.brokers-brands-col-slider .owl-carousel .owl-nav button {

    position: absolute;

    top: 50%;

    transform: translate(0, -50%);

    outline: none;

    border: 2px solid #FFFFFF;

    background: #F5375D;

    width: 20px;

    height: 20px;

    border-radius: 50px;

    color: #fff;

    line-height: 0;

}

.brokers-brands-col-slider .owl-carousel .owl-nav button.owl-prev{

    margin-left: -10px;

} 

.brokers-brands-col-slider .owl-carousel .owl-nav button.owl-next{

    margin-right: -10px;

    right: 0;

}

.brokers-brands-col-slider .owl-carousel .owl-nav button i {

    font-size: 10px;

    line-height: normal;

}

.brokers-brands-col-slider .owl-carousel .owl-item {

    background: #D9D9D9;

    border-radius: 3px;

}

.brokers-brands-col-slider .owl-carousel .owl-item img { 

    width: 100%;

    border-radius: 3px;

}

.brokers-reviews-col {

    max-width: 310px;

    border-radius: 10px;

    border: 1px solid #0000001A;

    box-shadow: 0px 8px 14px 0px #00000012;

    margin-bottom: 24px;

}

.brokers-reviews-col-inner {

    padding: 15px 20px 20px;

}

.brokers-reviews-user {

    display: flex;

    gap: 12px;

    align-items: center;

}

.reviews-user-pic img {

    box-shadow: 0px 8px 8px 0px #00000014;

    max-width: 60px;

    height: 60px;

    border-radius: 100px;

}

.reviews-user-name h5 {

    margin: 0 0 0;

    font-size: 18px;

    font-weight: 700;

    line-height: 21.09px;

    color: #000000CF;

}

.reviews-user-name .reviews-star {

    color: #FF9900;

}

.brokers-reviews-text {

    margin: 10px 0 0;

}

.brokers-reviews-text h5 {

    margin: 0 0 0;

    font-size: 19px;

    font-weight: 600;

    line-height: 28.5px;

    color: #000000CF;

}

.brokers-reviews-text p {

    margin: 0 0 0;

    font-size: 14px;

    font-style: italic;

    font-weight: 400;

    line-height: 21px;

    color: #000000D6;

}

section.customer-stories-top {

    padding: 85px 0;

}

.customer-stories-top-col {

    max-width: 415px;

    border: 1px solid #0000001A;

    box-shadow: 0px 4px 14px 0px #0000001A;

    border-radius: 5px;

}

.customer-stories-top-col-img {

    position: relative;

}

.customer-stories-top-col-img img{

    max-width: 100%;

}

.customer-stories-top-col-img button.explore-item-like-btn {

    position: absolute;

    right: 15px;

    top: 15px;

    border: 0;

    text-align: center;

    line-height: 22px;

}

.customer-stories-top-col-text {

    padding: 40px 15px;

    text-align: center;

}

.customer-stories-top-col-text h4 {

    margin: 0 0 0;

    font-size: 24px;

    font-weight: 500;

    line-height: 26px;

    letter-spacing: -0.4000000059604645px;

    color: #000000;

    text-transform: uppercase;

}

section.customer-stories {

    padding: 35px 0 100px;

}

section.customer-stories .section-title h2 { 

    text-transform: capitalize;

}

section.customer-stories .section-title p { 

    margin-bottom: 50px;

}

.customer-stories-col {

    max-width: 420px;

    border-radius: 10px;

    background: #FFFFFF;

    border: 1px solid #0000001A;

    box-shadow: 0px 8px 14px 0px #00000012;

    padding: 20px;

    margin: 0 0 24px;

}

.customer-stories-col-img img {

    max-width: 100%;

    border-radius: 10px;

    border: 1px solid #0000001A;

}

.customer-stories-col-text {

    padding: 20px 0;

}

.customer-stories-name {

    display: flex;

    justify-content: space-between;

    align-items: center;

}

.customer-stories-name h4 {

    margin: 0 0 0;

    font-size: 24px;

    font-weight: 600;

    line-height: 36px;

    color: #000;

}

.customer-stories-para p {

    margin: 0 0 0;

    font-size: 15px;

    font-style: italic;

    font-weight: 500;

    line-height: 24px;

    color: #000;

}

.customer-stories-star {

    margin: 30px 0 0;

    display: flex;

    justify-content: space-between;

}

.share-stories .share-stories-btn {

    background: transparent;

    border: 0;

    padding: 5px 10px;

    color: #0000009C;

    font-size: 20px;

}

.customer-stories-views .explore-item-like-btn {

    border: 1px solid;

    width: 25px;

    height: 25px;

    color: #fff;

    background: #d6d6d6;

    border-radius: 50px;

    line-height: 10px;

    text-align: center;

}

.customer-stories-star h5 {

    margin: 0 0 0;

    font-size: 14px;

    font-weight: 600;

    line-height: 17.58px;

    color: #0000009C;

}

.customer-stories-star-reviews {

    color: #FF9900;

}

.customer-stories-load-more {

    text-align: center;

    margin-top: 35px;

}

/*********************************/

.account-forms-header {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

}

.account-forms-header-inner {

    padding: 40px 20px 0;

    display: flex;

    align-items: center;

    justify-content: space-between;

}

.account-forms-help {

    text-decoration: none;

    color: #F5375D;

    font-size: 12.8px;

    font-weight: 400;

    line-height: 22.53px;

    text-align: center;

    max-width: 115px;

    padding: 4px 10px 4px 10px;

    border-radius: 5px;

    background: #FFFFFF;

    display: flex;

    align-items: center;

    gap: 6px;

}

section.account-forms {

    background: url(../images/account-form-bg.png) no-repeat top center / cover;

    margin: -82px 0 0;

    padding: 130px 0;

    min-height: 100vh;

}

.account-forms-inner {

    max-width: 730px;

    min-height: 550px;

    border-radius: 10px;

    background: #FFFFFF;

    padding: 40px 0;

    margin: 0 auto;

    display: flex;

    align-items: center;

}

.loin-form {

    max-width: 360px;

    margin: 15px auto 0;

}

.account-forms-head {

    text-align: center;

}

.account-forms-head h2 {

    margin: 0 0 10px; 

    font-size: 30px;

    font-weight: 600;

    line-height: 38px;

    color: #101828;

}

.account-forms-head p {

    margin: 0 0 0; 

    font-size: 16px;

    font-weight: 400;

    line-height: 24px;

    color: #667085;

}

.loin-form .account-forms-head {

    margin-bottom: 25px;

}

.account-forms form label.form-label { 

    font-size: 14px;

    font-weight: 500;

    line-height: 20px; 

    color: #344054;

    margin: 0 0 5px;

}

.account-forms form .form-control {  

    padding: 10px 14px 10px 14px; 

    border-radius: 4px;  

    background: #FFFFFF;

    border: 1px solid #D0D5DD;

    box-shadow: 0px 1px 2px 0px #1018280D;

}

.remember-check {

    display: flex;

    align-items: center;

    justify-content: space-between;

}

.remember-check .form-check label.form-check-label { 

    font-size: 14px;

    font-weight: 500;

    line-height: 20px; 

    color: #344054;

}

.remember-check .form-check input.form-check-input {

    width: 16px;

    height: 16px;

    border-radius: 4px;

    border: 1px solid #C9CFD2;

    margin-right: 6px;

}

.remember-check .form-check input.form-check-input:checked{

    background-color: #000000;

    border-color: #000000;

}

.forgot-password-link {

    text-decoration: none; 

    font-size: 14px;

    font-weight: 600;

    line-height: 20px; 

    color: #6941C6;

}

.theam-btn-submit { 

    padding: 10px 18px 10px 18px; 

    border-radius: 4px; 

    background: #F5375D;

    border: 1px solid #F5375D;

    box-shadow: 0px 1px 2px 0px #1018280D; 

    font-size: 16px;

    font-weight: 600;

    line-height: 24px;

    text-align: center;

    color: #fff;

    width: 100%;

}

.form-or {

    margin: 20px 0;

    text-align: center;

    position: relative;

}

.form-or:after {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background: #E0E0E0;

    height: 1px;

    margin: auto; 

}

.form-or span {

    display: inline-block;

    background: #fff;

    position: relative;

    z-index: 2;

    padding: 0 10px;

}

.loin-form-other {

    display: flex;

    flex-direction: column;

    gap: 20px;

}

.form-other-btn-submit { 

    width: 100%;

    padding: 10px 16px 10px 16px; 

    border-radius: 4px; 

    background: #FFFFFF;

    border: 1px solid #D0D5DD;

    box-shadow: 0px 1px 2px 0px #1018280D; 

    font-size: 16px;

    font-weight: 600;

    line-height: 24px;

    text-align: center;

    color: #344054;

    display: flex;

    justify-content: center;

    align-items: center;

    gap: 12px;

}

.loin-form-other .have-account-login {

    margin: 15px 0 0;

}

.have-account-login p {

    margin: 0;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 5px; 

    font-size: 14px;

    font-weight: 400;

    line-height: 20px;

    color: #667085;

}

.forgot-password-form {

    max-width: 360px;

    margin: 0 auto 0; 

    display: flex;

    justify-content: center;

    height: 100%;

    flex-direction: column;

}

.new-password-form{

    max-width: 450px;

    margin: 0 auto 0; 

    display: flex;

    justify-content: center;

    height: 100%;

    flex-direction: column;

}

.new-password-form form{

    width: 100%;

    max-width: 360px;

    margin: 25px auto 0;

}

.reset-password-form .account-forms-head p a {

    color: #500C95;

    text-decoration: none;

}

.reset-password-form{

    max-width: 360px;

    margin: 0 auto 0; 

}

.otp-password-form {

    max-width: 510px;

    margin: 0 auto;

    text-align: center;

}

.otp-form {

    max-width: 280px;

    margin: 20px auto 10px;

}

.otp-password-form p {

    margin: 0 0 20px;

}

.otp-password-form p:last-child {

    margin: 0 0 0;

} 

.otp-form .otp-inputs {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 8px;

}

.otp-form .otp-inputs .form-control {

    width: 60px;

    height: 60px;

    text-align: center;

    padding: 2px 8px 2px 8px;

    border-radius: 8px;

    border: 2px solid #C1C7CD80;

    box-shadow: 0px 1px 2px 0px #1018280D;

}

.otp-form .otp-inputs .form-control:focus{

    box-shadow: 0px 0px 0px 4px #F4EBFF; 

    border: 2px solid #C1C7CD80

} 

.otp-password-form .theam-btn-submit {

    max-width: 360px;

}

.otp-password-form p a {

    color: #667085;

    text-decoration: none;

}

.otp-password-form>p {

    margin: 10px 0 0 !important; 

    font-size: 14px;

    font-weight: 400;

    line-height: 20px;  

}

.otp-password-form>p .resend-code {

    padding: 0;

    border: 0;

    background: transparent;

    text-decoration: underline; 

    color: #475467;

}

.forgot-password-form form {

    margin-top: 25px;

}

.signup-form {

    margin: 0 auto;

    max-width: 565px;

}

.signup-form .account-forms-head {

    max-width: 445px;

    margin: 0 auto 25px;

}

.signup-form .theam-btn-submit {

    margin-top: 30px;

}

.signup-shopper-broker {

    max-width: 540px;

    margin: 0 auto 25px;

    display: flex;

    gap: 20px;

}

.signup-shopper-broker .form-check.form-check-inline label.form-check-label {

    border: 1px solid #0B0B0B4D;

    border-radius: 6px;

    width: 100%;

    max-width: 260px;

    padding: 10px 30px;

    height: 80px; 

    font-size: 14px;

    font-weight: 400;

    line-height: 20px;

    display: flex;

    align-items: center;

    gap: 10px;

}

.signup-shopper-broker .form-check.form-check-inline {

    padding: 0;

    margin: 0;

    position: relative;

}

.signup-shopper-broker .form-check.form-check-inline input {

    position: absolute;

    top: 0;

    left: 30px;

    opacity: 0;

}

.signup-shopper-broker .form-check.form-check-inline input:checked ~ label{

    border: 1px solid #F5375D4D;

    background: #fff url(../images/chcek-icon-theme.svg) no-repeat 95% 10px / 12px;

}

.signup-shopper-broker .form-check.form-check-inline input:checked ~ label span svg path {

    fill: #F5375D;

}

.footer-col p {

    font-size: 14px;

    font-weight: 400;

    line-height: 20.32px;

    color: #FFFFFF;

    margin: 10px 0 0;

    max-width: 300px;

}

/***********************Dashboard CSS**************************************/

section.user-dashboard {

    padding: 35px 0 75px;

    background: #F6F6F6;

}

.dashboard-left {

    background: #FFFFFF;

    border: 1px solid #E4E7E9;

    box-shadow: 0px 8px 40px 0px #00000014;

    max-width: 290px;

    padding: 16px 0px 16px 0px;

    border-radius: 4px;

}

.dashboard-left ul {

    padding: 0;

    margin: 0;

    list-style: none;

}

.dashboard-left ul li{}

.dashboard-left ul li a {

    padding: 10px 24px;

    display: block;

    text-decoration: none;

    font-size: 14px;

    /* font-weight: 600; */

    line-height: 20px;

    color: #5F6C72;

}

.dashboard-left ul li a span {

    width: 20px;

    display: inline-block;

    margin-right: 12px;

}

.dashboard-left ul li a.active {

    background: #F5375D;

    color: #fff;

}

.dashboard-left ul li a.active img{

    filter: brightness(0) invert(1);

}

.dashboard-title h2 {

    margin: 0 0 0;

    font-size: 30px;

    font-weight: 600;

    line-height: 28px;

    color: #191C1F;

}

.dashboard-title {

    margin: 0 0 25px;

}

.order-no-card-section {

    margin: 0 0 30px;

}

.order-no-card {

    padding: 16px;

    border-radius: 4px;

    border: 1px solid #0000001A;

    display: flex;

    gap: 15px;

    align-items: center;

}

.order-no-card-text h3 {

    margin: 0 0 0; 

    font-size: 20px;

    font-weight: 600;

    line-height: 28px;

    color: #191C1F;

}

.order-no-card-text p {

    margin: 0 0 0;

    font-size: 14px;

    font-weight: 600;

    line-height: 20px;

    color: #475156;

}

.order-no-card-icon span {

    display: block; 

}

.order-no-card-icon span img{

    border-radius: 5px;

}

.light-blue-bg{

    background: #EAF6FE;

}

.light-orange-bg{

    background: #FFF3EB;

}

.light-green-bg{

    background: #EAF7E9;

}

.statistics-chart {

    padding: 20px;

    border-radius: 4px;

    background: #FFFFFF;

    border: 1px solid #E4E7E9;

    margin-bottom: 30px;

}

.statistics-chart-head {

    border-bottom: 1px solid #EAECF0;

    padding-bottom: 15px;

}

.statistics-chart-head h4{ 

    margin: 0 0 0;

    font-size: 18px;

    font-weight: 500;

    line-height: 28px; 

    color: #101828;

}

.statistics-chart-inner img {

    max-width: 100%;

}

.recent-order-table {

    border-radius: 8px;

    background: #FFFFFF;

    border: 1px solid #EAECF0;

    box-shadow: 0px 1px 3px 0px #1018281A;

}

.recent-order-table-head {

    padding: 16px 24px;

    display: flex;

    align-items: center;

    justify-content: space-between;

}

.recent-order-table-head h4 {

    margin: 0 0 0;

    color: #191C1F;

    font-size: 18px;

    font-weight: 600;

    line-height: 20px;

}

.recent-order-table-head a {

    text-decoration: none;

    color: #F5375D;

    font-size: 14px;

    font-weight: 600;

    line-height: 20px;

}

.recent-order-table-inner .table>thead tr th {

    padding: 16px 10px;  

    color: #475156; 

    font-size: 15px;

    font-weight: 500;

    line-height: 18px;  

    background: #F9FAFB;

    white-space: nowrap;

}

.recent-order-table-inner .table>thead tr th:first-child{

    padding: 13px 24px;  

}

.recent-order-table-inner .table>thead tr th:last-child{

    padding: 13px 24px;  

}

.recent-order-table-inner .table>tbody tr td {

    padding: 16px 10px;

    color: #191C1F; 

    font-size: 14px;

    font-weight: 500;

    line-height: 20px; 

    vertical-align: middle;

    white-space: nowrap;

}

.recent-order-table-inner .table>tbody tr td:first-child{

    padding: 16px 24px;

}

.recent-order-table-inner .table>tbody tr td:last-child{

    padding: 16px 24px;

}

.recent-order-table-inner .table>tbody tr td span.order-item-img {

    margin-right: 10px;

}

.recent-order-table-inner .table>tbody tr td span.badge-completed {  

    padding: 6px 13px 6px 13px; 

    border-radius: 22px;  

    font-size: 14px;

    font-weight: 500;

    line-height: 20px;

    text-align: center;

    color: #027A48;  

    background: #ECFDF3;

}

.recent-order-table-inner .table>tbody tr td span.badge-canceled {  

    padding: 6px 13px 6px 13px; 

    border-radius: 22px;  

    font-size: 14px;

    font-weight: 500;

    line-height: 20px;

    text-align: center;

    color: #EC221F;  

    background: #F5375D33;

}

.recent-order-table-inner .table>tbody tr td span.badge-progress {  

    padding: 6px 13px 6px 13px; 

    border-radius: 22px;  

    font-size: 14px;

    font-weight: 500;

    line-height: 20px;

    text-align: center;

    color: #FF9900;  

    background: #FFFBEB;

}

.recent-order-table-inner .table>tbody tr td span.badge-awaiting-price {  

    padding: 6px 13px 6px 13px; 

    border-radius: 22px;  

    font-size: 14px;

    font-weight: 500;

    line-height: 20px;

    text-align: center;

    color: #FF9900;   

    background: #F5822026; 

}

.recent-order-table-inner .table>tbody tr td span.badge-awaiting-payment {  

    padding: 6px 13px 6px 13px; 

    border-radius: 22px;  

    font-size: 14px;

    font-weight: 500;

    line-height: 20px;

    text-align: center;

    color: #007BDB;  

    background: #007BDB26;

}

.table.recent-order-table>tbody tr td:nth-child(3),

.table.my-order-table>tbody tr td:nth-child(3){

    color: #5F6C72;  

    font-weight: 400; 

}

.table.recent-order-table>tbody tr td:nth-child(4),

.table.my-order-table>tbody tr td:nth-child(4){

    color: #475156;  

    font-weight: 400; 

}

.recent-order-table-inner .table>tbody tr td a { 

    padding: 8px 14px 8px 14px; 

    border-radius: 8px; ;

    background: #F5375D;

    border: 1px solid #F5375D;

    box-shadow: 0px 1px 2px 0px #1018280D;

    color: #fff;

    text-decoration: none;

}

.recent-order-table-inner table.table {

    margin: 0 0 0;

}

.recent-order-table-pagination {

    padding: 12px 24px 16px;

    display: flex;

    align-items: center;

    justify-content: space-between;

}

.recent-order-table-pagination .table-pagination-col {

    font-size: 14px;

    font-weight: 500;

    line-height: 20px;

    color: #344054;

    display: flex;

    gap: 12px;

    align-items: center;

}

.table-pagination-btn {

    padding: 8px 14px 8px 14px;

    border-radius: 8px;

    background: #FFFFFF;

    border: 1px solid #D0D5DD;

    box-shadow: 0px 1px 2px 0px #1018280D;

    font-size: 14px;

    font-weight: 500;

    line-height: 20px;

    color: #344054;

}

.order-details-table {

    margin: 0 0 30px;

}

.order-details-summery{

    padding: 20px 20px 44px 20px;

    border-radius: 4px;

    background: #FFFFFF;

    border: 1px solid #E4E7E9;

    box-shadow: 0px 1px 3px 0px #0000001A;

}

.order-details-summery-head { 

    padding-bottom: 15px;

}

.order-details-summery-head h4 {

    margin: 0 0 0;

    font-size: 30px;

    font-weight: 500;

    line-height: 28px;

    color: #101828;

}

.order-details-summery-inner table.table tbody tr td { 

    font-size: 14px;

    font-weight: 400;

    line-height: 20px;

    text-align: left;

    color: #5F6C72;

}

.order-details-summery-inner table.table tbody tr td:last-child { 

    font-size: 14px;

    font-weight: 500;

    line-height: 20px;

    text-align: right;

    color: #191C1F;

}

.order-details-summery-inner table.table tfoot tr td { 

    font-size: 16px;

    font-weight: 400;

    line-height: 24px;

    text-align: left;

    color: #191C1F;

    border: 0;

}

.order-details-summery-inner table.table tfoot tr td:last-child { 

    font-size: 16px;

    font-weight: 600;

    line-height: 24px;

    text-align: right;

    color: #191C1F;

}

.order-details-buy-product {

    margin-top: 25px;

    background: #FFFFFF;

    border: 1px solid #E4E7E9;

    box-shadow: 0px 1px 3px 0px #0000001A;

    border-radius: 3px;

    padding: 20px;

}

.order-details-buy-product-head {

    padding-bottom: 15px; 

    display: flex;

    justify-content: space-between;

    align-items: center;

}

.order-details-buy-product-head h4 {

    margin: 0 0 0;

    font-size: 30px;

    font-weight: 500;

    line-height: 28px;

    color: #101828;

}

.order-details-buy-product-inner {

    display: flex;

    gap: 25px;

}

.details-buy-product-img {

    background: #D9D9D9;

    width: 100%;

    max-width: 250px;

    border-radius: 7px;

    text-align: center;

    overflow: hidden;

}

.details-buy-product-img img{

    max-width: 100%;

}

.details-buy-product-info {

    width: 100%;

}

.details-buy-product-info h4 {

    margin: 0 0 0; 

    font-size: 25px;

    font-weight: 600;

    line-height: 44px;

    letter-spacing: -0.02em; 

    color: #000000;

}

.details-buy-product-info ul {

    padding: 0;

    margin: 0;

    list-style: none;

    border-top: 1px solid #0000001A;

}

.details-buy-product-info ul li { 

    font-size: 22px;

    font-weight: 400;

    line-height: 20px; 

    color: #696969;

    border-bottom: 1px solid #0000001A;

    padding: 16px 0;

}

.details-buy-product-info ul li span.badge-completed {

    color: #12CF74;

    font-size: 20px;

    font-weight: 400;

    line-height: 20px;

    text-align: left;

}

.details-buy-product-info ul li strong{

    color: #191C1F;

}

button.write-review-btn {

    padding: 6px 20px;

    border-radius: 4px;

    background: #F5375D;

    border: 1px solid #F5375D;

    box-shadow: 0px 1px 2px 0px #1018280D;

    font-size: 14px;

    font-weight: 600;

    line-height: 24px;

    text-align: center;

    color: #FFFFFF;

}

.details-proposals-btn {

    display: inline-block;

}

.details-proposals-btn ul {

    border: 1px solid #DADFE2;

    border-radius: 4px !important;

    display: flex;

    margin: 0 0 25px;

    overflow: hidden;

}

.details-proposals-btn ul li button {

    padding: 10px 16px 10px 16px; 

    font-size: 14px;

    font-weight: 500;

    line-height: 20px;

    text-align: center;

    color: #344054;

    background: #fff;

    border-radius: 0;

}

.details-proposals-btn ul li button.nav-link.active {

    background: #000000;

    border-radius: 0;

}

.details-proposals-btn ul li button.nav-link:hover {

    color: #F5375D;

}

.product-review-modal .modal-title {

    font-size: 32px;

    font-weight: 600;

    line-height: 38.73px;

}

.product-review-modal .modal-dialog { 

    max-width: 720px;

} 

.product-review-modal .modal-header {

    margin: 0 30px;

    padding: 25px 0 20px;

}

.product-review-modal .modal-body {

    padding: 30px 30px 0px;

}

.product-review-star h6 {

    margin: 0 0 0; 

    font-size: 16px;

    font-weight: 500;

    line-height: 19.36px;

    letter-spacing: 0.15000000596046448px;

    color: #000;

}

.product-review-star ul {

    list-style: none;

    padding: 0;

    margin: 20px 0 60px;

    display: flex;

    gap: 10px;

}

.product-review-star ul li {

    color: #FF990026;

    font-size: 36px;

}

.product-review-star ul li.checked-star {

    color: #F58220;

}

.upload-review-images {

    display: flex;

    gap: 20px;

    align-items: center;

    justify-content: flex-start;

}

.upload-review-images .upload-review-images-btn {

    max-width: 190px;

    position: relative;

}

.upload-review-images .upload-review-images-btn input.form-control[type=file] {

    max-width: 188px;

    height: 125px;

    padding: 20px; 

    border: 0;

}

.upload-review-images .upload-review-images-btn label.form-label {

    position: absolute;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    margin: auto;

    display: flex;

    flex-direction: column;

    align-content: center;

    justify-content: center;

    align-items: center;

    background: #fff;

    border: 1px solid #C5C5C580;

    border-radius: 12px;

    cursor: pointer;

    color: #7E7E7E;

    font-size: 16px;

    font-weight: 400;

    line-height: 19.36px;

    letter-spacing: 0.5px;

}

.upload-review-images .upload-review-images-btn label.form-label span {

    margin-bottom: 10px;

}

.upload-review-images-show {

    display: flex;

    gap: 20px;

    align-items: center;

}

.upload-review-images-show img {

    max-width: 100%;

    border-radius: 8px;

}

.write-product-review {

    margin: 30px 0 0;

}

.write-product-review h6 {

    margin: 0 0 20px;

    font-size: 16px;

    font-weight: 500;

    line-height: 19.36px;

    letter-spacing: 0.15000000596046448px;

    color: #000;

}

.write-product-review textarea.form-control {

    padding: 20px;

    border-radius: 12px;

    border: 1px solid #C5C5C580;

    min-height: 200px;

}

.product-review-modal .modal-footer {

    border: 0;

    padding: 20px 30px 30px;

}

.product-review-submit-btn {

    background: #F5375D;

    padding: 6px 30px 6px 30px;

    border-radius: 3px;

    color: #fff;

    box-shadow: 0px 1px 2px 0px #1018280D;

    border: 1px solid #F5375D;

    font-size: 14px;

    font-weight: 600;

    line-height: 24px;

    margin: 0;

}

button.order-details-edit {

    border: 1px solid #00000033;

    box-shadow: 0px 1px 2px 0px #1018280D;

    padding: 5px 14px;

    border-radius: 4px;

    background: #fff;

    font-size: 14px;

    font-weight: 600;

    line-height: 24px;

    color: #000000;

}

button.order-details-cancel {

    border: 1px solid #F5375D;

    box-shadow: 0px 1px 2px 0px #1018280D;

    padding: 5px 14px;

    border-radius: 4px;

    background: #F5375D;

    font-size: 14px;

    font-weight: 600;

    line-height: 24px;

    color: #fff;

}

.recent-order-table-inner .table>tbody tr td .order-details-payment { 

    border: 1px solid #37B569;

    box-shadow: 0px 1px 2px 0px #37B569;

    padding: 5px 14px;

    border-radius: 4px;

    background: #37B569;

    font-size: 14px;

    font-weight: 600;

    line-height: 24px;

    color: #fff;

}

.recent-order-table-inner .table.my-order-table>tbody tr td:last-child {

    padding: 16px 24px 16px 15px;

    display: flex;

    flex-wrap: wrap;

    gap: 10px;

    justify-content: flex-end;

}

.proposals-list {

    padding: 16px;

    border-radius: 16px;

    display: flex;

    justify-content: space-between;

    align-items: center;

    margin-bottom: 20px;

    gap: 12px;

    background: #fff;

}

.proposals-list-img {

    max-width: 85px;

}

.proposals-list-img img {

    max-width: 100%;

    border-radius: 12px;

}

.proposals-list-name h4 {

    margin: 0 0 0;

    font-size: 24px;

    font-weight: 500;

    line-height: 34px;

    color: #3B3B3B;

}

.proposals-rating ul {

    padding: 0;

    margin: 0;

    list-style: none;

    display: flex;

    gap: 2px;

}

.proposals-rating ul li {

    color: #D9D9D9;

}

.proposals-rating ul li.checked-star {

    color: #FF9900;

}

.proposals-location { 

    font-size: 12px;

    font-weight: 400;

    line-height: 22px;

    text-align: left;

}

.proposals-list-price h4 {

    margin: 0 0 0;

    font-size: 22px;

    font-weight: 600;

    line-height: 24px;

    color: #000;

}

.proposals-list-action {

    display: flex;

    gap: 15px;

    align-items: center;

}

button.proposals-chat-btn {

    padding: 6px 25px 6px 25px;

    border-radius: 3px;

    box-shadow: 0px 1px 2px 0px #1018280D;

    background: #000000;

    color: #fff;

    font-size: 14px;

    font-weight: 600;

    line-height: 24px;

    text-align: center;

    white-space: nowrap;

}

button.proposals-chat-btn span{

    margin-right: 3px;

}

button.proposals-accepted-btn {

    background: #0EB551; 

    padding: 6px 20px 6px 20px;

    border-radius: 3px;

    box-shadow: 0px 1px 2px 0px #1018280D;

    border: 1px solid #0EB551;

    color: #fff;

    font-size: 14px;

    font-weight: 600;

    line-height: 24px;

    text-align: center;

}

button.proposals-accept-btn {

    background: #F5375D; 

    padding: 6px 20px 6px 20px;

    border-radius: 3px;

    box-shadow: 0px 1px 2px 0px #1018280D;

    border: 1px solid #F5375D;

    color: #fff;

    font-size: 14px;

    font-weight: 600;

    line-height: 24px;

    text-align: center;

}

button.proposals-reject-btn {

    background: #fff; 

    padding: 6px 20px 6px 20px;

    border-radius: 3px;

    box-shadow: 0px 1px 2px 0px #1018280D;  

    border: 1px solid #0000001A

    color: #000;

    font-size: 14px;

    font-weight: 600;

    line-height: 24px;

    text-align: center;

}

.proposals-list-name {

    width: 55%;

}

.billing-information-tabs {

    background: #EEEEEE; 

    border-radius: 5px 5px 0px 0px;

}

.billing-information-tabs ul{

    justify-content: space-between;

}

.billing-information-tabs ul li button {

    font-size: 14px;

    font-weight: 400;

    line-height: 24px;

    letter-spacing: -0.006em;

    color: #1D212D;

    padding: 10px 30px 10px 30px;

    border-radius: 0 !important;

}

.billing-information-tabs ul li button:hover{

    color: #1D212D;

}

.billing-information-tabs ul li button.active{

   background: #500C95 !important;

}

.billing-information-tabs ul li:first-child button.active{

    border-radius: 5px 0px 0px 0px !important;  

}

.billing-information-tabs ul li:last-child button.active{

    border-radius: 0px 5px 0px 0px !important;

}

.billing-information-tabs ul li button span img {

    width: 18px;

}

.billing-information-tabs ul li button.active span img {

    filter: brightness(0) invert(1);

}

.billing-information-content {

    padding: 30px;

    background: #FFFFFF;

}

.billing-information-head h2 {

    margin: 0 0 0;

    font-size: 20px;

    font-weight: 500;

    line-height: 38px;

    color: #101828;

}

.billing-information-head p {

    margin: 0 0 0; 

    font-size: 13px;

    font-weight: 400;

    line-height: 24px; 

    color: #667085;

}

.billing-information-form label {

    font-size: 14px;

    font-weight: 500;

    line-height: 20px;

    color: #344054;

}

.billing-information-form .form-control {

    padding: 10px 14px 10px 14px;

    border-radius: 4px;

    background: #FFFFFF;

    border: 1px solid #F2F2F2;

    box-shadow: 0px 1px 2px 0px #1018280D;

}

.billing-information-form .form-select {

    padding: 10px 14px 10px 14px;

    border-radius: 4px;

    /*background: #FFFFFF;*/

    border: 1px solid #F2F2F2;

    box-shadow: 0px 1px 2px 0px #1018280D;

}

.billing-information-head {

    margin: 0 0 15px;

}

.billing-information-form form .row {

    margin-bottom: 15px;

}

.billing-submit {

    display: flex;

    justify-content: flex-end;

    margin-top: 10px;

}

.billing-submit-btn {

    padding: 10px 20px 10px 20px;

    border-radius: 3px;

    background: #F5375D;

    box-shadow: 0px 1px 2px 0px #1018280D;

    font-size: 14px;

    font-weight: 600;

    line-height: 24px;

    color: #fff;

    border: 1px solid #F5375D;

    display: flex;

    align-items: center;

    gap: 8px;

}

.billing-submit-btn span img{

    filter: brightness(0) invert(1);

}

.billing-order-summery-item-list {

    display: flex;

    gap: 15px;

    margin-bottom: 15px;

    padding-bottom: 20px;

    border-bottom: 1px solid #D9D9D9;

}

.billing-order-summery-item-img {

   /*background: #D9D9D9;*/

    width: 100%;

    max-width: 90px;

    border-radius: 7px;

    text-align: center;

    /*overflow: hidden;*/

}

.billing-order-summery-item-img img {

    max-width: 75px;

    border-radius: 7px

}

.billing-order-summery-item-info {

    width: 100%;

}

.billing-order-summery-item-info h4 {

    margin: 0 0 0;

    font-size: 14px;

    font-weight: 400;

    line-height: 20px;

    color: #191C1F;

}

.billing-order-summery-item-info ul {

    padding: 0;

    margin: 5px 0 0;

    list-style: none;

    border-top: 0px solid #0000001A;

}

.billing-order-summery-item-info ul li {

    color: #696969;

    padding: 0 0 6px;

    font-size: 14px;

    font-weight: 400;

    line-height: 20px;

    display: flex;

    align-items: center;

}

.billing-order-summery-item-info ul li strong {

    color: #191C1F;

    margin-left: 3px;

}

.billing-order-summery {

    padding: 20px;

    border-radius: 4px;

    background: #FFFFFF;

    border: 1px solid #E4E7E9;

}

.billing-order-summery-head h3 {

    font-size: 18px;

    font-weight: 500;

    line-height: 24px;

    color: #191C1F;

    margin: 0 0 0;

}

.billing-order-summery-head {

    margin: 0 0 20px;

}

.billing-order-summery-pricing-item {

    display: flex;

    justify-content: space-between;

    margin-bottom: 10px;

}

.billing-order-summery-pricing-item:last-child{

    margin-bottom: 0px;

    border-top: 1px solid #E4E7E9;

    padding-top: 10px;

}

.billing-order-summery-pricing-item-col {

    font-size: 14px;

    font-weight: 400;

    line-height: 20px;

    color: #5F6C72;

}

.billing-order-summery-pricing-item-col:last-child { 

    font-weight: 500;

    line-height: 20px;

    color: #191C1F;

}

.billing-order-summery-pricing-item:last-child .billing-order-summery-pricing-item-col{ 

    font-weight: 500;

    line-height: 20px;

    color: #191C1F;

}

.billing-order-summery-item-info ul li img {

    width: 12px;

}

.shipping-information-head {

    display: flex;

    align-items: center;

    justify-content: space-between;

}

.shipping-information-head h5 {

    margin: 0 0 0;

    font-size: 14px;

    font-weight: 500;

    line-height: 38px;

    color: #101828;

}

button.theam-btn-submit {

    max-width: 140px;

    font-size: 14px;

    font-weight: 600;

    line-height: 24px;

}

.shipping-address-box {

    margin-top: 10px;

    display: flex;

    gap: 15px;

}

.shipping-address-box-inner {

    width: 100%;

    border-width: 1px;

    border-style: solid;

    border-color: #0000001A;

    box-shadow: 0px 1px 3px 0px #0000000D;

    border-radius: 4px;

}

.box-title-check {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: 10px 20px 5px;

}

.box-title-check .box-title {

    font-size: 14px;

    font-weight: 500;

    line-height: 30px;

    color: #101828;

}

.shipping-address-box-inner h6 {

    margin: 0 0 0;

    padding: 0 20px 5px;

    font-size: 17px;

    font-weight: 500;

    line-height: 30px;

    color: #545454;

}

.shipping-address-box-inner p {

    margin: 0 0 0;

    font-size: 14px;

    font-weight: 400;

    line-height: 24px;

    color: #696969;

    padding: 0 20px 0;

}

.shipping-address-box-btm {

    border-top: 1px solid #0000001A;

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding: 10px 20px 10px;

    margin-top: 10px;

}

.shipping-address-box-btm button{ 

    font-size: 16px;

    font-weight: 600;

    line-height: 24px;

    color: #7A7A7A;

    border: 0;

    background: transparent;

}

.shipping-address-box-btm button span {

    margin-left: 5px;

}

.shipping-address-box-btm button span img {

    max-width: 15px;

}

.box-title-check .box-check .form-check input {

    width: 20px;

    height: 20px;

}

.box-title-check .box-check .form-check input:checked{

    background: url(../images/check-icon.png) no-repeat center center / 20px;

    border: 0;

}

.shipping-method{

    margin: 15px 0 5px;

}

.shipping-method p {

    margin: 0 0 0;

    font-size: 14px;

    font-weight: 500;

    line-height: 38px;

    color: #101828;

}

.shipping-method-box {

    display: flex;

    justify-content: space-between;

    margin: 0 0 20px;

    gap: 15px;

}

.shipping-method-box-inner {

    width: 100%;

    border: 1px solid #0000001A;

    box-shadow: 0px 1px 3px 0px #0000000D;

    padding: 15px 10px 15px 20px; 

    border-radius: 4px; 

}

.shipping-method-type {

    display: flex;

    align-items: center;

    justify-content: space-between;

}

.shipping-method-name p {

    font-size: 15px;

    font-weight: 500;

    line-height: 30px;

    color: #101828;

    margin: 0 0 0;

}

.shipping-method-name span { 

    font-size: 12px;

    font-weight: 400;

    line-height: 24px;  

    color: #000000;

    margin: 0 0 0;

}

.shipping-method-check {

    position: relative;

}

.shipping-method-check h4 {

    margin: 0 0 0;

    font-size: 20px;

    font-weight: 600;

    line-height: 30px;

    color: #101828;

}

.shipping-method-check .form-check input {

    width: 20px;

    height: 20px;

}

.shipping-method-check .form-check input:checked{

    background: url(../images/check-icon.png) no-repeat center center / 20px;

    border: 0;

}

.shipping-method-check .form-check {

    position: absolute;

    top: -24px;

    right: -4px;

}

.shipping-information-action {

    display: flex;

    justify-content: space-between;

    align-items: center;

}

button.back-shipping-information {

    border-radius: 3px;

    background: #F4F4F4;

    box-shadow: 0px 1px 2px 0px #1018280D;

    font-size: 14px;

    font-weight: 600;

    line-height: 24px;

    color: #000000;

    border: 1px solid #F4F4F4;

    padding: 6px 15px;

}

button.back-shipping-information span {

    margin-right: 5px;

}

button.remove-shipping-information {

    border-radius: 3px;

    background: #F5375D; 

    box-shadow: 0px 1px 2px 0px #1018280D; 

    font-size: 14px;

    font-weight: 600;

    line-height: 24px;

    color: #fff;

    border: 1px solid #F5375D;

    padding: 6px 15px;

}

button.remove-shipping-information span {

    margin-right: 5px;

}

button.remove-shipping-information img{ 

    filter: brightness(0) invert(1);

}

.payment-selection {

    display: flex;

    justify-content: space-between;

    gap: 15px;

    align-items: center;

    margin-bottom: 10px;

    margin-top: 15px;

}

.payment-selection-item {

    width: 100%;

}

.payment-selection-item .form-check {

    margin: 0;

    padding: 0;

}

.payment-selection-item .form-check input {

    display: none;

}

.payment-selection-item label.form-check-label {

    font-size: 12px;

    font-weight: 400;

    line-height: 24px;

    color: #344054;

    padding: 14px 15px 14px 15px;

    border-radius: 4px;

    border: 1px solid #EAECF0;

    width: 100%;

}

.payment-selection-item .form-check input:checked ~ label.form-check-label{

    padding: 14px 15px 14px 15px;

    border-radius: 4px;

    border: 1px solid #F5375D;

}

.payment-form {

    margin: 15px 0;

    border: 1px solid #0000001A;

    padding: 18px 20px 18px 20px;

    border-radius: 5px;

}

.payment-form label.form-label {

    font-size: 14px;

    font-weight: 500;

    line-height: 20px;

    color: #344054;

    margin: 0 0 5px;

}

.payment-form input {

    border: 1px solid #F2F2F2;

    box-shadow: 0px 1px 2px 0px #1018280D;

    padding: 10px 14px 10px 14px;

    border-radius: 4px;

}

.transaction-encryption{

    margin: 0 0 40px;

}

.transaction-encryption p {

    margin: 0 0 0;

    font-size: 14px;

    font-weight: 400;

    line-height: 20px;

    color: #344054;

    display: flex;

    align-items: center;

    gap: 5px;

} 

.billing-information-content .order-successfull-info {

    margin: 0 auto;

}

.order-successfull-id{

    margin: 10px 0;

}

.order-successfull-id h2{ 

    font-size: 24px;

    font-weight: 600;

    line-height: 32px;

    color: #191C1F; 

    margin: 0 0 0;

}

.order-successfull-id h2 span{

    color: #F5375D

}

.profile-account-info-right .order-no-card { 

    margin-bottom: 20px;

}

.profile-account-info-right .order-no-card-section{

    margin: 0;

}

.profile-account-info {

    border: 1px solid #E4E7E9;

    background: #FFFFFF;

    border-radius: 4px;

}

.profile-account-info-head {

    border-bottom: 1px solid #E4E7E9;

    padding: 16px 20px;

}

.profile-account-info-head h4 {

    margin: 0 0 0; 

    font-size: 18px;

    font-weight: 600;

    line-height: 20px;

    color: #191C1F;

}

.profile-account-info-name {

    display: flex;

    gap: 15px;

    align-items: center;

    padding: 20px 20px;

}

.profile-account-info-img img {

    width: 100%;

    max-width: 50px;

    border-radius: 50px;

}

.profile-account-info-name-inner h4 {

    margin: 0 0 0;

    font-size: 20px;

    font-weight: 600;

    line-height: 24px;

    color: #191C1F;

}

.profile-account-info-name-inner h6 {

    margin: 0 0 0;

    font-size: 14px;

    font-weight: 600;

    line-height: 20px;

    color: #5F6C72;

}

.profile-account-contact-info ul {

    margin: 0 0 24px;

    padding: 0 20px;

    list-style: none;

}

.profile-account-contact-info ul li {

    font-size: 14px;

    font-weight: 600;

    line-height: 20px;

    color: #5F6C72;

    margin: 0 0 5px;

}

.profile-account-contact-info ul li span { 

    color: #191C1F;

}

.profile-account-info-action {

    padding: 0 20px 24px;

}

button.edit-account {

    font-size: 14px;

    font-weight: 600;

    line-height: 44px;

    letter-spacing: 0.012em;

    color: #F5375D;

    padding: 0px 24px 0px 24px;

    border-radius: 4px;

    border: 2px solid #F5375D33;

    background: #fff;

}

.account-setting-profile-pic img {

    width: 100%;

    max-width: 180px;

    border-radius: 100px;

}

.account-setting-personal-info {

    border: 1px solid #E4E7E9;

    border-radius: 4px;

    background: #FFFFFF;

    box-shadow: 0px 1px 3px 0px #0000001A;

    padding: 35px 20px 20px;

    margin-bottom: 25px;

}

.account-setting-personal-info-form label.form-label {

    font-size: 14px;

    font-weight: 400;

    line-height: 20px;

    color: #191C1F;

}

.account-setting-personal-info-form input {

    height: 44px;

    padding: 12px 16px 12px 16px;

    border-radius: 2px;

    background: #FFFFFF;

    border: 1px solid #E4E7E9;

}

.account-setting-personal-info-form select { 

    height: 44px;

    padding: 9px 16px 12px 16px; 

    border-radius: 2px; 

    border: 1px solid #E4E7E9;

}

.account-setting-address-inner {

    border: 1px solid #E4E7E9;

    border-radius: 4px;

    background: #FFFFFF;

    box-shadow: 0px 1px 3px 0px #0000001A; 

}

.account-setting-address-form {

    padding: 20px 20px 20px;

}

.account-setting-address-form-head {

    padding: 16px 20px 16px;

    border-bottom: 1px solid #E4E7E9;

}

.account-setting-address-form-head h4 {

    margin: 0 0 0;

    font-size: 18px;

    font-weight: 600;

    line-height: 20px;

    color: #191C1F;

}

.account-setting-address-form input,

.account-setting-address-form select,

.account-setting-address-form textarea {

    height: 44px;

    padding: 12px 16px 12px 16px;

    border-radius: 2px;

    background: #FFFFFF;

    border: 1px solid #E4E7E9;

}

.account-setting-address-form textarea {

    height: auto;

    min-height: 135px; 

}

.account-setting-address-form select { 

    padding: 9px 16px 12px 16px; 

}

.account-setting-address {

    margin-bottom: 25px;

}

.account-setting-address-form label.form-label {

    font-size: 14px;

    font-weight: 400;

    line-height: 20px;

    color: #191C1F;

}

.wallet-ammount {

    margin-bottom: 35px;

}

.wallet-ammount-inner {

    display: flex;

    justify-content: space-between;

    align-items: center;

    border-radius: 10px;

    background: #F6EDFF;

    backdrop-filter: blur(120px);

    padding: 35px 30px;

}

.wallet-ammount-inner-col span {

    font-size: 14px;

    font-weight: 400;

    line-height: 21px;

    color: #000;

}

.wallet-ammount-inner-col h2 {

    margin: 10px 0 0;

    font-size: 38px;

    font-weight: 700;

    line-height: 36px;

    letter-spacing: -0.02em;

    color: #000;

}

.wallet-ammount-inner-col button.theam-btn-submit {

    text-transform: uppercase;

}

span.wallet-order-comp {

    display: block;

    font-size: 14px;

    font-weight: 400;

    line-height: 20px;

    color: #667085;

}

.recent-order-table-inner.wallet-ammount-transactions-table .table>tbody tr td{

    font-size: 14px;

    font-weight: 400;

    line-height: 20px;

    color: #667085;

}

.recent-order-table-inner.wallet-ammount-transactions-table .table>tbody tr td:first-child{  

    font-weight: 500; 

    color: #101828;

}

.recent-order-table-inner.wallet-ammount-transactions-table .table>tbody tr td span.badge-processing{ 

    font-size: 12px;

    font-weight: 500;

    line-height: 18px;

    color: #344054; 

    padding: 2px 10px; 

    border-radius: 16px; 

    background: #F2F4F7;

}

.recent-order-table-inner.wallet-ammount-transactions-table .table>tbody tr td span.badge-success{

    font-size: 12px;

    font-weight: 500;

    line-height: 18px;

    color: #027A48; 

    padding: 2px 10px; 

    border-radius: 16px; 

    background: #ECFDF3;

}

.recent-order-table-inner.wallet-ammount-transactions-table .table>tbody tr td span.badge-declined{

    font-size: 12px;

    font-weight: 500;

    line-height: 18px;

    color: #B42318; 

    padding: 2px 10px; 

    border-radius: 16px; 

    background: #FEF3F2;

} 

.recent-order-table-inner.wallet-ammount-transactions-table .table>tbody tr td span i {

    font-size: 6px;

    display: inline-block;

    position: relative;

    top: -2px;

}

.support-center .faq-contact-inner {

    margin: 0 0 35px;

    box-shadow: 0px 1px 3px 0px #191C1F14;

    border: 1px solid #0000001A;

}   

.add-your-addresses {

    display: flex;

    justify-content: space-between;

    align-items: center;

}

.your-addresses-list .shipping-address-box-inner {

    background: #fff;

    box-shadow: 0px 1px 3px 0px #191C1F14;

    width: 48%;

}

.your-addresses-list .shipping-address-box-inner .box-title-check .box-title {

    color: #101828;

    font-size: 18px;

    font-weight: 600;

    line-height: 24px;

}

.your-addresses-list .shipping-address-box-inner .box-title-check .box-title span {

    font-size: 18px;

    font-weight: 400;

    line-height: 24px;

    color: #B4B4B4;

    margin-left: 15px;

}

.your-addresses-list .shipping-address-box-inner h6{ 

    font-size: 18px;

    font-weight: 600;

    line-height: 24px; 

    color: #191C1F;

}

.your-addresses-list .shipping-address-box-inner p {

    margin: 0 0 0;

    color: #5F6C72;

    padding: 0 20px 0;

    font-size: 17px;

    font-weight: 400;

    line-height: 24px;

} 

.your-addresses-list .shipping-address-box-inner p.mobile-no {

    margin: 15px 0 0;

    font-size: 24px;

    font-weight: 400;

    line-height: 32px;

    color: #191C1F;

}

.your-addresses-list .shipping-address-box {

    display: flex;

    flex-wrap: wrap;

    gap: 25px;

}

.return-requests .order-successfull-info {

    margin: 90px auto 0;

    max-width: 475px;

}

.my-shipments-inner .table>thead tr th{

    text-transform: uppercase;

    color: #475156; 

    font-size: 12px;

    font-weight: 500;

    line-height: 18px; 

}

.my-shipments-inner .table>thead tr th:last-child { 

    border-top-right-radius: 8px;

}

.my-shipments-inner .table>thead tr th:first-child { 

    border-top-left-radius: 8px;

}

.my-shipments-inner .table>tbody tr td a {

    padding: 0;

    border-radius: 0;

    background: transparent;

    border: 0;

    box-shadow: none;

    color: #1740CE;

    text-decoration: none;

}

.my-shipments-inner .table>tbody tr td{ 

    font-size: 14px;

    font-weight: 400;

    line-height: 20px;

    color: #667085;

    white-space: normal;

}

.my-shipments-inner .table>tbody tr td strong{  

    font-weight: 500; 

    color: #101828;

}

.my-shipments-inner span.badge-success {

    font-size: 12px;

    font-weight: 500;

    line-height: 18px;

    color: #027A48;

    padding: 2px 10px;

    border-radius: 16px;

    background: #ECFDF3;

}

.my-shipments-inner span.badge-return {

    font-size: 12px;

    font-weight: 500;

    line-height: 18px;

    color: #344054;

    padding: 2px 10px;

    border-radius: 16px;

    background: #F2F4F7;

}

.shipments-order-status-inner {

    border-radius: 8px;

    background: #FFFFFF;

    border: 1px solid #EAECF0;

    box-shadow: 0px 1px 3px 0px #0000001A;

    margin-top: 25px;

}

.shipments-order-status-inner-list {

    border-top: 1px solid #EAECF0;

    padding: 20px;

}

.shipments-order-status-inner-list ul {

    list-style: none;

    padding: 0;

    margin: 0;

    position: relative;

}

.shipments-order-status-inner-list ul:after {

    content: '';

    position: absolute;

    left: 13px;

    top: 0;

    bottom: 0;

    margin: auto;

    width: 0px;

    border-left: 1px dashed #cccc;

    z-index: 0;

}

.shipments-order-status-inner-list ul li {

    margin-bottom: 35px;

    display: flex;

    align-items: center;

    gap: 10px;  

} 

.shipments-order-status-inner-list ul li:last-child{

    margin-bottom: 0px;

}

.shipments-order-status-inner-list ul li .order-status-icon {

    width: 28px;

    height: 28px; 

    text-align: center;

    line-height: 25px;

    border-radius: 100px;

    background: #E2E2E2;

    position: relative;

    z-index: 2;

}

.shipments-order-status-inner-list ul li.active .order-status-icon {

    background: #500C95;

}

.shipments-order-status-inner-list ul li .order-status-name{

    font-size: 14px;

    font-weight: 500;

    line-height: 20px; 

    color: #101828;

}

.shipments-order-status-inner-list ul li .order-status-name span.order-status-date{ 

    color: #667085;

}

.recent-order-table-inner .table>tbody tr:last-child td:first-child {

    border-bottom-left-radius: 8px;

}

.recent-order-table-inner .table>tbody tr:last-child td:last-child {

    border-bottom-right-radius: 8px;

}

.light-voilet-bg{

   background: #500C951F;

}

section.broker-dashboard {

    padding: 35px 0 75px;

    background: #F6F6F6;

}

.broker-dashboard .order-no-card-text p { 

    font-size: 12px;

    text-transform: uppercase;

}

.revenue-chart-head {

    display: flex;

    align-items: center;

    justify-content: space-between;

}

.revenue-chart-select {

    display: flex;

    gap: 8px;

    align-items: center;

}

button.chart-select-btn {

    padding: 5px 10px 5px 10px;

    border-radius: 3px;

    border: 1px solid #00000033;

    background: #fff;

    font-size: 14px;

    font-weight: 600;

    line-height: 20px;

    color: #696969;

}

button.chart-select-btn.active {

    background: #FFCFD8;

    color: #F5375D;

    border-color: #FFCFD8;

}

.chart-locations-img {

    padding: 65px 0 0;

}

.chart-locations-img img:first-child {

    margin-bottom: 85px;

}

.chart-locations-img img:nth-child(2) {

    margin-bottom: 9px;

}

.revenue-chart-select select.form-select {

    border: 1px solid #0000001A;

    border-radius: 3px;

    padding-top: 5px;

    padding-bottom: 5px;

    font-size: 14px;

    font-weight: 600;

    line-height: 20px;

    color: #344054;

}

.dashboard-left ul li ul {

    padding-left: 32px;

}

.dashboard-left ul li a.accordion-nav {

    position: relative;

}

.dashboard-left ul li a.accordion-nav:after {

    content: '';

    position: absolute;

    width: 10px;

    height: 10px;

    top: 0;

    bottom: 0;

    right: 15px;

    border-right: 2px solid #5F6C72;

    margin: auto;

    border-bottom: 2px solid #5F6C72;

    border-radius: 1px;

    transform: rotate(-135deg);

}

.dashboard-left ul li a.accordion-nav.collapsed:after {

    content: '';

    position: absolute;

    width: 10px;

    height: 10px;

    top: 0;

    bottom: 0;

    right: 15px;

    border-right: 2px solid #5F6C72;

    margin: auto;

    border-bottom: 2px solid #5F6C72;

    border-radius: 1px;

    transform: rotate(45deg);

} 

.order-receive-filters {

    margin-bottom: 20px;

}

.order-receive-filters-inner {

    display: flex;

    justify-content: space-between;

    align-items: center;

}

.order-receive-filters-inner-col-left {

    display: flex;

    align-items: center;

    gap: 15px;

}

.order-receive-filters-inner-col-left .form-check {

    margin: 0;

    padding: 0;

}

.order-receive-filters-inner-col-left .form-check label.form-check-label {

    padding: 7px 20px 7px 40px;

    border-radius: 4px;

    background: #FFFFFF;

    border: 1px solid #D0D5DD;

    box-shadow: 0px 1px 2px 0px #1018280D;

    font-size: 14px;

    font-weight: 600;

    line-height: 24px;

    color: #696969;

}

.order-receive-filters-inner-col-left .form-check input {

    position: relative;

    top: 7px;

    left: 35px;

    width: 18px;

    height: 18px;

    border-radius: 2px;

    border: 1px solid #696969;

}

.order-receive-filters-inner-col-left .form-check input:checked ~ label.form-check-label{

    border: 1px solid #F5375D4D;

    color: #F5375D;

}

.order-receive-filters-inner-col-left .form-check input:checked{

    background: #F9F5FF url(../images/check-box-icon.png) no-repeat center center;

    border: 1px solid #F5375D

}

.order-receive-filters-inner-col-right .select-menu{

    position: relative;

}

.order-receive-filters-inner-col-right .select-menu .select-btn {

    padding: 10px 16px 10px 16px;

    border-radius: 4px;

    background: #FFFFFF;

    border: 1px solid #D0D5DD;

    box-shadow: 0px 1px 2px 0px #1018280D;

    font-size: 14px;

    font-weight: 600;

    line-height: 20px;

    color: #344054;

    display: flex;

    gap: 8px;

    align-items: center;

    cursor: pointer;

} 

.order-receive-filters-inner-col-right .select-menu .options {

    position: absolute;

    overflow-y: auto;

    width: 150px;

    max-height: 295px;

    padding: 8px;

    margin-top: 10px;

    border-radius: 4px;

    background: #fff;

    animation-name: fadeInDown;

    -webkit-animation-name: fadeInDown;

    animation-duration: 0.35s;

    animation-fill-mode: both;

    -webkit-animation-duration: 0.35s;

    -webkit-animation-fill-mode: both;

    box-shadow: 0px 16px 32px 0px #1D212D1A;

    margin-bottom: 0;

    right: 0;

    display: none;

}

.order-receive-filters-inner-col-right .select-menu.active .options li.option {

    padding: 4px 8px 4px 8px;

    font-size: 14px;

    font-weight: 400;

    line-height: 24px;

    letter-spacing: -0.006em;

    color: #1D212D;

    cursor: pointer;

}    

.order-receive-filters-inner-col-right .select-menu.active .options {

  display: block;

  opacity: 0;

  z-index: 10;

  animation-name: fadeInUp;

  -webkit-animation-name: fadeInUp;

  animation-duration: 0.4s;

  animation-fill-mode: both;

  -webkit-animation-duration: 0.4s;

  -webkit-animation-fill-mode: both;

}

@keyframes fadeInUp {

  from {

    transform: translate3d(0, 30px, 0);

  }

  to {

    transform: translate3d(0, 0, 0);

    opacity: 1;

  }

}

@keyframes fadeInDown {

  from {

    transform: translate3d(0, 0, 0);

    opacity: 1;

  }

  to {

    transform: translate3d(0, 20px, 0);

    opacity: 0;

  }

}

.order-receive-list {

    display: flex; 

    border-radius: 5px;

    overflow: hidden;

    background: #FFFFFF;

    border: 1px solid #0000001A;

    box-shadow: 0px 1px 3px 0px #0000000D;

    margin-bottom: 30px;

}

.order-receive-list-left { 

    background: #FFF4F4;

    min-width: 330px;

}

.order-receive-item-img {

    display: flex;

    justify-content: center;

    align-items: center;

    height: 100%;

}

.order-receive-list-right {

    padding: 20px;

}

.order-receive-status {

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-bottom: 10px;

}

.order-receive-status-left {

    font-size: 14px;

    font-weight: 600;

    line-height: 20px;

    color: #5F6C72;

}

span.badge-open {

    padding: 2px 10px 4px 10px;

    border-radius: 4px;

    background: #12CF74;

    box-shadow: 0px 1px 2px 0px #1018280D;

    font-size: 14px;

    font-weight: 600;

    line-height: 20px;

    text-align: left;

    color: #FFFFFF;

}

.order-receive-status-right .theam-btn-submit { 

    max-width: 175px;

    display: flex;

    align-items: center;

    gap: 10px;

    text-decoration: none;

    font-size: 14px;

    font-weight: 600;

    line-height: 24px;

}

.order-receive-status-right .theam-btn-submit img{ 

    filter: brightness(0) invert(1);

}

.order-receive-name-time ul {

    list-style: none;

    padding: 0;

    margin: 0;

    display: flex;

    align-items: center;

    gap: 45px;

}

.order-receive-name-time ul li {

    font-size: 12px;

    font-weight: 500;

    line-height: 20px;

    color: #696969;

}

.order-receive-name-time ul li strong {

    font-size: 14px;

    font-weight: 500;

    line-height: 20px;

    color: #101828;

}

.order-receive-name-time ul li span {

    margin-right: 5px;

}

.order-receive-name-time ul li i {

    font-size: 14px;

}

.order-receive-details {

    margin: 15px 0 20px;

    padding: 10px 15px;

    border-radius: 5px;

    border: 1px solid #EEEEEE;

}

.order-receive-details p{

    margin: 0 0 0; 

}

.order-receive-details p {

    margin: 0 0 0;

    font-size: 14px;

    font-weight: 400;

    line-height: 26px;

    color: #696969;

}

.order-receive-product-info ul {

    margin: 0;

    padding: 0;

    list-style: none;

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    row-gap: 20px;

}

.order-receive-product-info ul li {

    width: 33%;

}

.order-receive-status-right button.proposals-accepted-btn img{ 

    filter: brightness(0) invert(1);

}

.add-your-offer-col {

    padding: 0;

    border-radius: 4px;

    background: #FFFFFF;

    box-shadow: 0px 1px 3px 0px #0000001A;

    margin-bottom: 30px;

}

.add-your-offer-col-head {

    padding: 10px 20px;

    border-bottom: 1px solid #0000001A;

}

.add-your-offer-col-head h3 {

    margin: 0 0 0;

    font-size: 20px;

    font-weight: 500;

    line-height: 38px;

    color: #101828;

}

.add-your-offer-col-info {

    padding: 20px 20px;

}

.add-your-offer-col-info .form-control {

    border: 1px solid #D0D5DD;

    box-shadow: 0px 1px 2px 0px #1018280D;

    border-radius: 4px;

    min-height: 44px;

    padding-right: 12px;

}

.add-your-offer-col-info label.form-label {

    font-size: 14px;

    font-weight: 400;

    line-height: 20px;

    color: #344054;

    margin: 0 0 6px;

}

.add-your-offer-col-info form .col-md-12 {

    position: relative;

}

.add-your-offer-col-info span.doller-icon {

    position: absolute;

    top: 30px;

    right: 12px;

    background: #fff;

    padding: 8px;

    display: inline-block;

}

.add-your-offer-col-info span.doller-icon img {

    width: 10px;

    opacity: 0.7;

}

.add-your-offer-col-info .form-text {

    font-size: 11px;

    font-weight: 400;

    line-height: 20px;

    color: #344054;

}

.add-your-offer-col-info .form-text i {

    display: inline-block;

    width: 15px;

    height: 15px;

    border: 1px solid #500C95;

    text-align: center;

    line-height: 10px;

    border-radius: 50px;

    color: #500C95;

    font-size: 10px;

    margin-left: 10px;

}

.attach-file-input {

    position: relative;

}

.attach-file-input input[type=file] {

    opacity: 0;

}

.attach-file-input label.form-label {

    position: absolute;

    border: 1px solid #D0D5DD;

    display: block;

    width: 100%;

    height: 44px;

    border-radius: 4px;

    text-align: center;

    line-height: 40px;

    font-size: 14px;

    font-weight: 600;

    color: #344054;

    margin: 5px 0 0;

}

.your-offer-submit-btns {

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin: 25px 0 0;

}

.theam-btn-cancel{

    padding: 10px 18px 10px 18px;

    border-radius: 4px;

    background: #fff;

    border: 1px solid #000000;

    box-shadow: 0px 1px 2px 0px #1018280D;

    text-align: center;

    color: #000000;

    width: 100%;

    max-width: 200px; 

    font-size: 14px;

    font-weight: 600;

    line-height: 24px;   

}

.your-offer-submit-btns .theam-btn-submit{

    width: 100%;

    max-width: 200px; 

}

.other-offer-reviews-item {

    display: flex;

    align-items: center;

    gap: 15px;

    border-bottom: 1px solid #0000001A;

    padding-bottom: 15px;

    margin-bottom: 15px;

}

.other-offer-reviews-item:last-child { 

    margin-bottom: 0;

}

.reviews-item-img img {

    max-width: 85px;

    border-radius: 10px;

}

.reviews-item-text h5 {

    margin: 0 0 0;

    font-size: 20px;

    font-weight: 500;

    line-height: 34px;

    color: #3B3B3B;

}

.reviews-item-text .reviews-star i {

    color: #D9D9D9;

}

.reviews-item-text .reviews-star i.selected {

    color: #FF9900;

}

.reviews-item-text .brokers-details-location {

    margin: 5px 0 0;

    padding: 0;

    display: flex;

    justify-content: flex-start;

}

.other-offer-reviews-list {

    max-height: 440px;

    overflow: auto;

}

.other-offer-reviews-list {

    max-height: 440px;

    overflow: auto;

}

.other-offer-reviews-list::-webkit-scrollbar {

    width: 8px; 

    border-radius: 6px;

}

.other-offer-reviews-list::-webkit-scrollbar-track {

  background: #f1f1f1; 

  border-radius: 6px;

  

}

 .other-offer-reviews-list::-webkit-scrollbar-thumb {

  background: rgb(245 55 93 / 30%);

  border-radius: 6px; 

}

.other-offer-reviews-list::-webkit-scrollbar-thumb:hover {

  background: rgb(245 55 93 / 100%); 

  border-radius: 6px;

}

.urls-badges {

    display: flex;

    gap: 8px;

    align-items: center;

    flex-wrap: wrap;

}

.urls-list .toast {

    width: auto;

    padding: 10px 15px;

    border-radius: 8px;

    border: 1px solid #D0D5DD;

    box-shadow: 0px 1px 2px 0px #1018280D;

}

.urls-list .toast .toast-inner {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 8px;

}

.urls-list .toast .toast-inner .toast-body {

    padding: 0;

}

.my-product-head{

    margin-top: 50px;

}

.my-product-head h2{ 

    font-size: 30px;

    font-weight: 600;

    line-height: 28px;

    color: #191C1F;

    margin: 0 0 30px;

}

.my-products-badge {

    margin: 20px 0 45px;

}

.my-products-badge-inner {

    text-align: center;

    background: #500C95;

    color: #fff;

    font-size: 25px;

    font-weight: 700;

    line-height: 29.3px;

    padding: 9px 25px;

    position: relative;

}

.my-products-badge-inner:before {

    content: '';

    position: absolute;

    background: #fff;

    right: -17px;

    top: 6px;

    bottom: 0;

    width: 35px;

    height: 35px;

    transform: rotate(45deg);

}

.my-products-badge-inner:after {

    content: '';

    position: absolute;

    background: #fff;

    left: -17px;

    top: 6px;

    bottom: 0;

    width: 35px;

    height: 35px;

    transform: rotate(45deg);

}

.add-action-products-btn .theam-btn-submit {

    max-width: 270px;

}

.add-action-products-list {

    margin: 0 0 30px;

}

.add-action-products-list-item {

    border-bottom: 1px solid #0000001A;

    padding: 15px 0;

}

.add-action-products-list-item label.form-check-label {

    font-size: 14px;

    font-weight: 500;

    line-height: 20px;

    color: #696969;

}

.add-action-products-list-item .form-check input{

    width: 16px;

    height: 16px; 

    border-radius: 4px;  

    border: 1px solid #D0D5DD

}

.add-action-products-list-item .form-check input:checked[type=checkbox] {

   background-image: url(../images/check-box-icon.png); 

   background-color: #fff;  

   background-size: 10px;

}

.my-product-action-list {

    position: absolute;

    top: 40px;

    right: -45px;

    padding: 0 12px;

    border-radius: 8px;

    background: #FFFFFF;

    display: none;

}

.my-product-action-list:after{

    content: '';

    position: absolute;

    left: 0;

    right: 0;

    margin: auto;

    top: -7px;

    width: 15px;

    height: 15px;

    background: #fff;

    transform: rotate(45deg);

}

.my-product-action-list ul {

    padding: 0;

    margin: 0;

    list-style: none;

}

.my-product-action-list ul li {

    display: flex;

    align-items: center;

    gap: 8px;

    border-bottom: 1px solid #0000000D;

    padding: 10px;

    font-size: 12px;

    font-weight: 500;

    line-height: 18px;

    color: #344054;

}

.my-product-action-list ul li:last-child { 

    border-bottom: 0px solid #0000000D; 

}

.my-product button.my-product-like-btn {

    border: 1px solid #ffffff;

    width: 25px;

    height: 25px;

    color: #000;

    background: #ffffff;

    border-radius: 50px;

    line-height: 10px;

}

.costomized-product {

    border-bottom: 1px solid #0000001A;

    padding-bottom: 20px;

    margin-bottom: 20px;

}

.request-info-head h3 {

    margin: 0 0 0;

    font-size: 20px;

    font-weight: 500;

    line-height: 38px;

    color: #101828;

}

.request-info-content {

    margin-top: 15px;

}

.request-info-content-col {

    text-align: center;

}

.request-info-content-col span {

    font-size: 12px;

    font-weight: 400;

    line-height: 30px;

    color: #5F6C72;

}

.request-info-content-col h3 {

    margin: 0;

    font-size: 20px;

    font-weight: 600;

    line-height: 30px;

    color: #101828;

}

.request-info-content-col h3.green-color { 

    color: #2DB224;

}

.offer-request-info {

    border-bottom: 1px solid #0000001A;

    padding-bottom: 20px;

    margin-bottom: 20px;

}

.requested-by .request-info-content-col span { 

    line-height: 18px; 

    min-height: 35px;

    display: block;

}

.request-info-content.requested-by .other-offer-reviews-item{

    border-bottom: 0;

}

.requested-discussion-head {

    display: flex;

    justify-content: space-between;

    align-items: center;

    border-bottom: 1px solid #0000001A;

    padding-bottom: 20px;

    margin-bottom: 40px;

}

.requested-discussion-head h3 {

    margin: 0 0 0;

    font-size: 20px;

    font-weight: 500;

    line-height: 28px;

    color: #101828;  

    max-width: 180px;

}

.requested-discussion-head h3:last-child { 

    line-height: 20px;  

}

.requested-discussion-head h3 span {

    color: #101828;

    font-size: 14px;

    font-weight: 500;

    line-height: 20px;

}

.requested-discussion-item {

    display: flex;

    gap: 12px;

    margin-bottom: 15px;

}

.chats-pic {

    position: relative;

}

.chats-pic img {

    max-width: 40px;

    border-radius: 100px;

}

.chats-pic span.user-satus {

    position: absolute;

    right: 0;

    top: 25px;

    display: inline-block;

}

.chats-pic span.user-satus i {

    border: 2px solid #fff;

    border-radius: 100px;

    font-size: 8px;

    color: #999;

}

.chats-pic span.user-satus.active i { 

    color: #12B76A;

}

.chats-item {

    width: 100%;

    max-width: 260px;

}

.chats-item-name-date {

    display: flex;

    justify-content: space-between;

    align-items: center;

    margin: 0 0 5px;

}

.chats-item-name-date h5 {

    margin: 0 0 0;

    font-size: 14px;

    font-weight: 500;

    line-height: 20px;

    color: #344054;

}

.chats-item-name-date span {

    font-size: 12px;

    font-weight: 400;

    line-height: 18px;

    color: #667085;

}

.chats-item-text {

    padding: 10px 14px 10px 14px;

    border-radius: 0px 8px 8px 8px;

    background: #F2F4F7;

    box-shadow: 0px 1px 3px 0px #1018281A;

}

.chats-item-text p {

    margin: 0;

    font-size: 16px;

    font-weight: 400;

    line-height: 24px;

    color: #101828;

}

.chats-item-file {

    display: flex;

    gap: 15px;

    padding: 10px 14px 10px 14px;

    border-radius: 0px 8px 8px 8px;

    background: #FFFFFF;

    border: 1px solid #EAECF0;

    box-shadow: 0px 1px 3px 0px #1018281A;

}

.chats-item-file-name p {

    margin: 0 0 0;

    font-size: 14px;

    font-weight: 500;

    line-height: 20px;

    color: #344054;

}

.chats-item-file-name span.item-file-size {

    font-size: 14px;

    font-weight: 400;

    line-height: 20px;

    color: #667085;

}

.chats-item-file-item span.chat-file-icon {

    display: block;

    width: 32px;

    height: 32px;

    padding: 1px;

    background: #F4EBFF;

    border: 4px solid #F9F5FF;

    border-radius: 100px;

    text-align: center;

    line-height: 20px;

}

.chats-item-file-item span.chat-file-icon i {

    line-height: 0px;

    font-size: 14px;

    color: #F5375D;

}

.requested-discussion-item.receiver {

    display: flex;

    justify-content: flex-end;

}



.requested-discussion-item.receiver .chats-item-text {

    padding: 10px 14px 10px 14px;

    border-radius: 8px 0px 8px 8px;

    background: #F5375D;

    box-shadow: 0px 1px 3px 0px #1018281A;

}

.requested-discussion-item.receiver .chats-item-text p { 

    color: #FFFFFF;

}

.chats-day-devider {

    position: relative;

    margin: 25px 0 20px;

    text-align: center;

}

.chats-day-devider:after {

    content: '';

    position: absolute;

    left: 0;

    right: 0;

    margin: auto;

    width: 100%;

    height: 1px;

    background: #EAECF0;

    top: 0;

    bottom: 0;

    z-index: 0;

}

.chats-day-devider span {

    font-size: 14px;

    font-weight: 400;

    line-height: 20px;

    color: #667085;

    display: inline-block;

    background: #fff;

    padding: 0 10px;

    position: relative;

    z-index: 2;

}

.dashboard-left ul li a.accordion-nav.active:after{

    border-right: 2px solid #ffffff; 

    border-bottom: 2px solid #ffffff;

}

.dashboard-left ul li a.accordion-nav.active.collapsed:after {

    content: '';

    position: absolute;

    width: 10px;

    height: 10px;

    top: 0;

    bottom: 0;

    right: 15px;

    border-right: 2px solid #ffffff;

    margin: auto;

    border-bottom: 2px solid #ffffff;

    border-radius: 1px;

    transform: rotate(45deg);

}

.add-product-card {

    border-radius: 4px;

    background: #FFFFFF;

    box-shadow: 0px 1px 3px 0px #1018281A;

    margin-bottom: 30px;

    padding: 20px;

}

.index-tableContainer {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: start;

    -ms-flex-pack: start;

    justify-content: flex-start;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -ms-flex-direction: row;

    flex-direction: row;

}

.index-tableContainer .index-row {

    position: relative;

    border-bottom: 1px solid #eaeaec;

    margin: 0 0 12px;

    padding-bottom: 10px;

    -ms-flex-preferred-size: 40%;

    flex-basis: 40%;

}

.index-tableContainer .index-row:nth-child(odd) {

    margin-right: 10%;

}

.index-tableContainer .index-row .index-rowKey {

    position: relative;

    color: #7e818c;

    font-size: 12px;

    line-height: 1;

    margin-bottom: 5px;

}

.index-tableContainer .index-row .index-rowValue {

    position: relative;

    color: #282c3f;

    font-size: 16px;

    line-height: 1.2;

}

.index-sizeFitDesc {

    font-weight: 400;

    border: none;

    margin-top: 12px;

}

.index-sizeFitDescTitle {

    text-transform: capitalize;

    font-weight: 700;

    font-size: 16px;

    border: none;

    padding-bottom: 5px;

    color: #282c3f;

}

.index-sizeFitDescContent {

    margin: 0;

    width: 90%;

}

.index-product-description-content {

    color: #282c3f;

    line-height: 1.4;

    font-size: 16px; 

}

.specification-top-col{}

.specification-top-col h4{

    text-transform: capitalize;

    font-weight: 700;

    font-size: 16px;

    border: none;

    padding-bottom: 5px;

    margin: 0;

}

.specification-top-col p{

    margin: 0;

    color: #282c3f;

    line-height: 1.4;

    font-size: 16px;

}

.pdp-offers-container { 

}

.pdp-offers-container>h4 {

    font-size: 16px;

    font-weight: 700;

    line-height: 1;

    color: #282c3f;

    margin-bottom: 16px;

    text-transform: uppercase;

    margin-top: 0;

}

.pdp-offers-offer {

    margin-bottom: 16px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}

.pdp-offers-offer>div {

    width: 100%;

}

.pdp-offers-offerTitle {

    font-size: 16px;

    color: #282c3f;

    margin-bottom: 1px;

}

.pdp-offers-offerTitle b {

    color: #282c3f;

    display: inline-block;

}

.pdp-offers-price {

    color: #ff905a;

    font-weight: 700;

}

.pdp-offers-offerDesc {

    font-size: 16px;

    color: #282c3f;

    padding: 0;

    margin: 8px 0 0;

    list-style: none;

    width: 100%;

}

.pdp-offers-linkButton {

    display: inline-block;

    font-size: 14px;

    font-weight: 700;

    color: #ff3f6c;

    margin-top: 4px;

    cursor: pointer;

}

.pdp-offers-offerDesc li {

    margin-bottom: 6px;

}

div.pdp-offers-bullet {

    width: 4px;

    height: 4px;

    border-radius: 4px;

    background-color: #282c3f;

    margin-right: 10px;

    margin-bottom: 2px;

    display: inline-block;

    vertical-align: middle;

}

.pdp-offers-offerDesc li .pdp-offers-labelMarkup {

    display: inline-block;

    vertical-align: top;

    width: 90%;

}

.detailed-reviews-flexContainer {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

}

.detailed-reviews-flexContainer .detailed-reviews-flexReviews {

    -webkit-box-flex: 1;

    -ms-flex: 1;

    flex: 1;

}

.detailed-reviews-ratingContainer {

    padding-bottom: 20px;

    border-bottom: 1px solid #d4d5d9;

}

.index-detailedRatingContainer.index-inPdp {

    margin-top: 10px;

}

.index-detailedRatingContainer .index-header {

    font-size: 16px;

    font-weight: 700;

    text-transform: uppercase;

    width: 100%;

    padding-bottom: 7px;

    color: #282c3f;

}

.index-productRatingsIcon {

    vertical-align: middle;

    margin-left: 5px;

}

.sprites-productRatingsIcon {

    background-position: -276px -60px;

    width: 21px;

    height: 22px;

}

.myntraweb-sprite {

    background: url(../images/bg-icons.png);

    background-size: 1404px 105px;

    display: inline-block;

}

.index-detailedRatingContainer .index-margin22 {

    margin-top: 22px;

}

.index-detailedRatingContainer .index-flexRow {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -ms-flex-direction: row;

    flex-direction: row;

}

.index-detailedRatingContainer .index-flexColumn {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

}

.index-detailedRatingContainer .index-separator {

    margin-left: 34px;

    height: 96px;

    border-left: 1.2px solid #eaeaec;

}

.index-detailedRatingContainer .index-separator {

    margin-left: 34px;

    height: 96px;

    border-left: 1.2px solid #eaeaec;

}

.index-detailedRatingContainer .index-flexRow {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -ms-flex-direction: row;

    flex-direction: row;

}

.index-detailedRatingContainer .index-averageRating {

    height: 58px;

    font-size: 48px;

    color: #282c3f;

}

.index-detailedRatingContainer .index-starIcon {

    margin: 25px 0 0 10px;

}

.sprites-productRatingsExcellentIcon {

    background-position: -171px -28px;

    width: 24px;

    height: 24px;

}

.index-detailedRatingContainer .index-countDesc {

    margin-top: 12px;

    font-size: 14px;

    font-weight: 400;

    color: #282c3f;

}

.index-detailedRatingContainer .index-flexRow {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -ms-flex-direction: row;

    flex-direction: row;

}

.index-ratingBarContainer {

    margin-left: 46px;

    height: 18px;

}

.index-ratingBarContainer .index-rating {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    font-size: 14px;

    color: #a9abb3;

}

.index-ratingBarContainer progress[data-rating="4"], .index-ratingBarContainer progress[data-rating="5"] {

    color: #14958f;

}

.index-ratingBarContainer progress {

    border: none;

    margin-top: 6px;

    width: 120px;

    height: 4px;

    background: #f5f5f6;

}

progress {

    vertical-align: baseline;

}

.index-ratingBarContainer .index-count {

    font-size: 12px;

    color: #282c3f;

    margin-left: 9px;

}

.index-ratingBarContainer .index-rating .index-ratingLevel {

    width: 7px;

}

.index-grayStarIcon {

    margin: 2px 3px;

    -webkit-transform: scale(.8);

    transform: scale(.8);

}

.sprites-productRatingsGrayIcon {

    background-position: -265px -28px;

    width: 12px;

    height: 12px;

}

.image-thumb-wrapper-imageThumbWrapper .image-thumb-wrapper-headline {

    color: #282c3f;

    line-height: 1.4;

    font-size: 16px;

    margin-top: 20px;

    font-weight: 600;

    margin-bottom: 5px;

}

.image-thumb-wrapper-container {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    margin: 0 -5px;

}

.image-thumb-wrapper-container .image-thumb-wrapper-thumb {

    cursor: pointer;

    width: 75px;

    height: 75px;

    margin: 5px;

    position: relative;

    overflow: hidden;

}

.image-thumb-wrapper-container .image-thumb-wrapper-thumb .image-thumb-wrapper-image {

    position: absolute;

    z-index: 2;

    width: 100%;

    height: 100%;

    -o-object-fit: cover;

    object-fit: cover;

    background-size: cover;

}

.detailed-reviews-headline {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    color: #282c3f;

    line-height: 1.4;

    font-size: 16px;

    margin-top: 20px;

    font-weight: 600;

}



.detailed-reviews-userReviewsContainer {

    margin-bottom: 15px;

}

.user-review-userReviewWrapper {

    border-bottom: 1px solid #eaeaec;

    padding: 18px 0;

    margin: 0;

}

.user-review-userReviewWrapper .user-review-main {

    position: relative;

}

.user-review-showRating {

    padding-left: 35px;

}

.user-review-userReviewWrapper .user-review-main .user-review-starWrapper {

    position: absolute;

    top: 3px;

    left: 0;

}

.user-review-userReviewWrapper .user-review-main .user-review-starWrapper .user-review-starRating.user-review-fiveStars {

    background-color: #14958f;

}

.user-review-userReviewWrapper .user-review-main .user-review-starWrapper .user-review-starRating {

    color: #fff;

    font-size: 10px;

    font-weight: 600;

    position: relative;

    height: 14px;

    width: 22px;

    line-height: 14px;

    display: block;

    padding-left: 4px;

    border-radius: 1px;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

}

.user-review-starIcon {

    position: absolute;

    top: -2px;

    left: 10px;

}

.user-review-userReviewWrapper .user-review-main .user-review-reviewTextWrapper {

    font-size: 16px;

    color: #282c3f;

    line-height: 20px;

}

.user-review-userReviewWrapper .user-review-footer {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    color: #565a63;

    font-size: 14px;

    margin-top: 14px;

}

.user-review-showRating {

    padding-left: 35px;

}

.user-review-userReviewWrapper .user-review-footer .user-review-left span:first-child:after {

    content: "|";

    width: 15px;

    display: inline-block;

    text-align: center;

}

.user-review-userReviewWrapper .user-review-votes {

    font-size: 12px;

}

.user-review-userReviewWrapper .user-review-votes .user-review-thumb {

    display: inline-block;

    margin-left: 30px;

}

.user-review-userReviewWrapper .user-review-main .user-review-starWrapper .user-review-starRating.user-review-twoStars {

    background-color: #fcb301;

}

.detailed-reviews-allReviews {

    font-size: 14px;

    font-weight: 600;

    color: #ff3f6c;

    margin-top: 10px;

    display: inline-block;

    text-decoration: none;

}

.statistics-chart-head {

    background: #FBFBFB;

    border-bottom: 1px solid #EAECF0;

    padding: 20px;

}

.statistics-chart-head ul {

    padding: 0;

    margin: 0;

    list-style: none;

    display: flex;

    justify-content: space-around;

    text-align: center;

}

.statistics-chart-head ul li h3 {

    font-size: 24px;

    font-weight: 600;

    line-height: 20px;

    color: #101828;

    margin: 0 0 5px;

}

.statistics-chart-head ul li span {

    font-size: 14px;

    font-weight: 400;

    line-height: 20px;

    color: #667085;

}

.statistics-revenue-chart {

    margin: 30px 0;

}

.progress-Locations .progress-container {

    margin-bottom: 20px;

}

.progress-Locations .progress-label {

    display: flex;

    justify-content: space-between;

    margin-bottom: 5px;

    font-size: 14px;

}

.progress-Locations .progress-bar {

    background-color: #F2F4F7;

    border-radius: 30px;

    overflow: hidden;

    height: 8px;

}

.progress-Locations .progress-bar-fill {

    background-color: #F5375D;

    height: 100%;

    border-radius: 30px;

}

.add-product-card-head h3 {

    font-size: 18px;

    font-weight: 400;

    line-height: 38px;

    color: #101828;

}

.add-product-card-info .form-control,

.add-product-card-info .form-select {

    padding: 10px 14px 10px 14px;

    border-radius: 4px;

    border: 1px solid #F2F2F2;

    box-shadow: 0px 1px 2px 0px #1018280D;

}

.add-product-card-info span.categories-badge {

    padding: 6px 6px 6px 8px;

    border-radius: 2px;

    background: #500C9514;

    font-size: 12px;

    font-weight: 500;

    line-height: 18px;

    text-align: center;

    color: #7C5B9E;

    margin-top: 10px;

    display: inline-block;

}

.related-product-row {

    display: flex;

    gap: 10px;

}

.related-product-row span.related-product-icon {

    border: 1px solid #0000000A;

    padding: 4px;

    border-radius: 4px;

}

.related-product-row span.related-product-icon img {

    max-width: 45px;

}

.availability-check-row .form-check input {

    width: 18px;

    height: 18px;

    border: 1px solid #1C1C1C33;

}

.availability-check-row .form-check input:checked{

    background: url(../images/check-icon.png) no-repeat center center / 25px;

}

.add-product-share-social-media .add-product-card-head h3 {

    font-size: 20px;

    font-weight: 500;

    line-height: 20px;

    color: #1C1C1C;

}

.add-product-share-social-media-info {

    margin-top: 15px;

    background: #E5ECF680;

    border-radius: 8px;

    padding: 20px;

    margin-bottom: 15px;

}

.add-product-share-social-media-info .share-social-info {

    display: flex;

    align-items: flex-start;

    gap: 10px;

}

.add-product-share-social-media-info .share-social-info p {

    margin: 0;

}

.add-product-share-social-media-info .share-social-info img {

    margin-top: 5px;

}

.add-product-share-social-media-info .share-social-info p {

    margin: 0;

    font-size: 12px;

    font-weight: 400;

    line-height: 18px;

    color: #1C1C1C66;

}

.share-social-info-list-item {

    display: flex; 

    width: 100%;

    align-items: center;

    gap: 15px;

}

.logo-icon {

    max-width: 30px;

}

.logo-icon img{

    max-width: 25px;

}

.share-platform-name-icon h6 {

    font-size: 14px;

    font-weight: 600;

    line-height: 20px;

    color: #1C1C1C;

    margin: 0;

}

.share-platform-name-icon small {

    font-size: 12px;

    font-weight: 400;

    line-height: 18px;

    color: #1C1C1C66;

}

.share-social-info-list {

    border-bottom: 1px solid #1C1C1C1A;

    margin-bottom: 15px;

    padding-bottom: 15px;

}

.share-social-info-list:last-child {

    border-bottom: 0; 

}

.share-platform-name-icon {

    width: 100%;

}

.add-product-card-right {

    background: #FFFFFF;

    box-shadow: 0px 1px 3px 0px #0000001A;

    padding: 20px;

    border-radius: 4px;

}

.add-product-card-right .form-check {

    padding: 15px;

    border-radius: 8px;

    background: #FFFFFF;

    border: 1px solid #0000001A;

    margin-bottom: 20px;

    display: flex;

    gap: 6px;

}

.add-product-card-right .form-check label h4 {

    font-size: 16px;

    font-weight: 500;

    line-height: 24px;

    color: #344054;

    margin: 0;

}

.add-product-card-right .form-check label p { 

    margin: 0; 

    font-size: 16px;

    font-weight: 400;

    line-height: 24px; 

    color: #667085;

}

.add-product-card-right .form-check input {

    margin-left: 0 !important; 

    border: 1px solid #D0D5DD;

    width: 20px;

    height: 20px; 

}

.add-product-card-right .form-check input:checked{

    background: url(../images/check-icon.png) no-repeat center center / 18px;

    border: 1px solid #F5375D;

}

.add-product-card-right-action button.btn {

    box-shadow: 0px 1px 2px 0px #1018280D;

    padding: 12px 20px 12px 20px;

    border-radius: 3px;

    width: 100%;

    margin-bottom: 10px;

    font-size: 14px;

    font-weight: 600;

    line-height: 24px;

}

button.btn.preview-btn {

    background: #000000;  

    color: #FFFFFF;

}

button.btn.save-btn {

    background: #F5375D;  

    color: #FFFFFF;

}

button.btn.cancel-btn {

    background: #fff;  

    color: #000000;

    border: 2px solid #000;

}

.explore-item-img {

    height:260px !important;

    overflow: hidden !important;

}

.hideClosedMobile{

  display:none;

}

@media (max-width: 991px) {

.hideClosed{

  display:none;

}

.hideClosedMobile{

  display:block;

}

}



.filter-categories {

    border-bottom: 0px solid #00000047;

}

  .pagination svg {

    width: 30px !important;

}

.spinner {

    border: 10px solid rgba(0, 0, 0, 0.1);

    width: 100px;

    height: 100px;

    border-radius: 50%;

    border-left-color: #e6e8e9;

    animation: spin 1s ease infinite;

}

div#loader {

    position: absolute;

    z-index: 999;

    margin-left: 43%;

    margin-top: 5%;

}



@keyframes spin {

    to {

        transform: rotate(360deg);

    }

}

.explore-item-img {

    max-height: 150px;

}

.explore-item-cart {

    width: auto !important;

    max-width:100% !important;

}

.filter-sub-categories-items.aos-init.aos-animate {

    padding-left: 35px;

}