@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


@font-face {
    font-display: swap;
    font-family: "Centra No2";
    font-style: normal;
    font-weight: 300;
    src: url("https://a.travel-assets.com/egds/fonts/CentraNo2/CentraNo2-Light.woff2") format("woff2");
    unicode-range: U+000-0FF;
}

@font-face {
    font-display: swap;
    font-family: "Centra No2";
    font-style: normal;
    font-weight: 400;
    src: url("https://a.travel-assets.com/egds/fonts/CentraNo2/CentraNo2-Book.woff2") format("woff2");
    unicode-range: U+000-0FF;
}

@font-face {
    font-display: swap;
    font-family: "Centra No2";
    font-style: normal;
    font-weight: 500;
    src: url("https://a.travel-assets.com/egds/fonts/CentraNo2/CentraNo2-Medium.woff2") format("woff2");
    unicode-range: U+000-0FF;
}

@font-face {
    font-display: swap;
    font-family: "Centra No2";
    font-style: normal;
    font-weight: 700;
    src: url("https://a.travel-assets.com/egds/fonts/CentraNo2/CentraNo2-Bold.woff2") format("woff2");
    unicode-range: U+000-0FF;
}

:root {
    font-family: "Centra No2", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-synthesis: none;
}





:root {
    --primary-color: #232F3E;
    --secondary-color: #F35828;
    --additional-color: #1ca510;
    --white-color: #ffffff;
    --text-color: #555555;
    --dark-color: #191e3b;
    --button-hover: #F35828;
    --rating-color: #F5C34B;
    --transition: ease-in-out .3s;
    --border-radius: 5px;
    --border-color: #EAEAEA;
    /* --border-color: #F35828; */
    --bg-color: rgba(245, 195, 75, 0.1);
}

body {
    margin: 0;
    padding: 0;
    /* font-size: 11px; */
    font-size: 13px;
    /* font-family: "Jost", sans-serif; */
    font-family: "Centra No2", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

    /* font-family: "Poppins", serif; */

}

ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

a {
    text-decoration: none;
    color: var(--primary-color);
}

img {
    width: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 500;
    color: var(--dark-color);
}

p {
    font-size: 12px;
    line-height: 1.6;
    color: var(--text-color);
    margin-bottom: 20px;
}

.mt {
    margin-top: 50px;
}

.mb {
    margin-bottom: 50px;
}

.pt {
    padding-top: 50px;
}

.pb {
    padding-bottom: 50px;
}

.mt1 {
    margin-top: 30px;
}

.mb1 {
    margin-bottom: 30px;
}

.pt1 {
    padding-top: 30px;
}

.pb1 {
    padding-bottom: 30px;
}

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

.container {
    max-width: 1260px;
}


/* Header Top  */
.header-top {
    background: var(--white-color);
}

.th-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 0;
}

.logo a {
    display: block;
}

.logo img {
    height: 34px;
    width: auto;
}

.search {
    width: 600px;
    position: relative;
}

.search .form-control {
    height: 40px;
    border: 1px solid var(--border-color);
    /* border-radius: var(--border-radius); */
    border-radius: 50px;
    padding: 5px 15px;
    padding-right: 60px;
    font-size: 13px;
    background-color: #80808014;
}

.search button {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    border: none;
    padding: 3px 13px;
    /* padding: 6px 13px; */
    background: var(--secondary-color);
    /* font-size: 25px; */
    font-size: 16px;
    color: var(--white-color);
    border-radius: 50px;

}

.search button i {
    transform: rotate(-90deg);
}

.header-utilities ul {
    display: flex;
}

.header-utilities ul li a {
    display: block;
}

.util-wrap {
    display: flex;
    align-items: center;
}

.util-icon {
    height: 35px;
    width: 35px;
    line-height: 35px;
    text-align: center;
    border: 1px solid var(--border-color);
    border-radius: 100%;
    transition: var(--transition);
    position: relative;
    background-color: #f5f5f5;
}

.util-wrap:hover .util-icon {
    background: var(--secondary-color);
    border-color: var(--secondary-color);
}

.cart-popup {
    position: absolute;
    top: -5px;
    right: -5px;
    z-index: 10;
}

.cart-popup b {
    display: block;
    background: var(--secondary-color);
    height: 17px;
    width: 17px;
    line-height: 17px;
    color: var(--white-color);
    font-weight: 500;
    font-size: 11px;
    border-radius: 100%;
    transition: var(--transition);
    border: 1px solid var(--secondary-color);
}

.util-wrap:hover .cart-popup b {
    background: var(--white-color);
    color: var(--secondary-color);
}

.util-icon i {
    color: var(--primary-color);
    font-size: 19px;
    line-height: 35px;
    transition: var(--transition);
}

.util-wrap:hover .util-icon i {
    color: var(--white-color);
}

.util-info span {
    display: block;
    color: var(--primary-color);
    font-weight: 500;
    transition: var(--transition);
    white-space: nowrap;
    font-size: 10px;
}

.util-info span:hover {
    color: var(--secondary-color);
}

.util-info {
    width: calc(100% - 40px);
    padding-left: 10px;
}

.header-utilities ul li+li {
    /* margin-left: 30px; */
    margin-left: 15px;
}

.util-info p {
    margin-bottom: 0;
    color: var(--text-color);
    /* font-size: 13px;
    line-height: 18px; */

    font-size: 10px;
    line-height: 10px;
}


.cart-popups {
    position: fixed;
    top: 0;
    right: -430px;
    bottom: 0;
    background: var(--white-color);
    width: 430px;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.10);
    padding: 25px;
    z-index: 1022;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    transition: ease-in-out .5s;
    opacity: 0;
    visibility: hidden;
}

.cart-popups.active {
    right: 0;
    opacity: 1;
    visibility: visible;
}

.cart-popup-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #F3F5F6;
    margin-top: -25px;
    margin-left: -25px;
    margin-right: -25px;
    padding: 20px 25px;
    height: 75px;
    margin-bottom: 25px;
    position: sticky;
    top: -25px;
    z-index: 10;
}

.cart-popup-head h3 {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 0;
}

.cart-close {
    height: 35px;
    width: 35px;
    line-height: 35px;
    text-align: center;
    background: var(--bg-color);
    border-radius: 100%;
    cursor: pointer;
}

.cart-close i {
    line-height: 35px;
    font-size: 18px;
}

.cart-popup-item {
    display: flex;
}

.cart-popup-img a {
    display: block;
}

.cart-popup-img img {
    height: 80px;
    width: 80px;
    object-fit: contain;
    object-position: center;
}

.cart-popup-content {
    width: calc(100% - 80px);
    padding-left: 10px;
}

.cart-popup-content h3 {
    font-size: 15px;
    margin-bottom: 0;
    font-weight: 500;
    line-height: 1.5;
}

.cart-popup-content h3 a {
    display: block;
    color: var(--dark-color);
    transition: var(--transition);
}

.cart-popup-content h3 a:hover {
    color: var(--secondary-color);
}

.cart-popup-content-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 15px;
}

.qty button {
    height: 25px;
    width: 25px;
    line-height: 25px;
    text-align: center;
    padding: 0;
    border: none;
    /* border-radius: 100%; */
    background: #F3F5F6;
    color: var(--dark-color);
}

.qty button i {
    line-height: 25px;
}

.qty .form-control {
    width: 40px;
    padding: 0;
    border: none;
    text-align: center;
}

.qty {
    display: flex;
    align-items: center;
}

.item-price p {
    margin-bottom: 0;
    font-size: 16px;
    font-weight: normal;
    color: var(--dark-color);
}

.cart-item-total {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid var(--border-color);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.cart-item-total span {
    display: block;
    font-size: 18px;
    font-weight: 500;
    color: var(--dark-color);
}

.cart-item-total p {
    margin-bottom: 0;
    font-weight: 600;
    color: var(--dark-color);
}

.cart-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 30px;
}

.cart-footer a {
    display: block;
    border: 2px solid var(--secondary-color);
    flex: 1;
    text-align: center;
    color: var(--white-color);
    font-weight: 500;
    border-radius: var(--border-radius);
    padding: 12px 15px;
    transition: var(--transition);
    background: transparent;
    font-size: 15px;
}

.cart-footer a:hover {
    background: var(--secondary-color);
}

.cart-footer a:first-child {
    color: var(--primary-color);
}

.cart-footer a:last-child {
    background-color: var(--secondary-color);
    margin-left: 10px;
}

.cart-footer a:first-child:hover {
    color: var(--white-color);
    background: var(--button-hover);
    border-color: var(--button-hover);
}

.cart-footer a:last-child:hover {
    background: var(--button-hover);
    border-color: var(--button-hover);
}

.cart-item-close {
    height: 30px;
    width: 30px;
    line-height: 30px;
    text-align: center;
    background: transparent;
    cursor: pointer;
    margin-left: 20px;
}

.cart-item-close i {
    line-height: 30px;
    font-size: 18px;
    background-color: var(--secondary-color);
    height: 28px;
    width: 28px;
    border-radius: 50%;
    color: #fff;
}

.cart-popup-item+.cart-popup-item {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid var(--border-color);
}

/* Header Top End  */







/* Header  */
.header {
    background: var(--secondary-color);
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    position: sticky;
    top: 0;
    z-index: 1021;
}

.header-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

.header-menus>ul {
    display: flex;
}

.header-menus>ul>li>a {
    color: var(--white-color);
    font-size: 12px;
    display: block;
    padding: 12px 10px;
    transition: var(--transition);
}

.header-menus>ul>li:hover>a {
    color: #ffffffc6;
}

.header-right a {
    color: var(--white-color);
    font-size: 13px;
    display: flex;
    align-items: center;
    transition: var(--transition);
    position: relative;
}

.header-right span {
    position: absolute;
    top: -3px;
    right: -15px;
    height: 16px;
    width: 16px;
    line-height: 16px;
    text-align: center;
    background: var(--secondary-color);
    color: var(--white-color);
    border-radius: 100%;
    font-size: 12px;
}

.header-right a:hover {
    color: var(--secondary-color);
}

.header-right a i {
    margin-right: 7px;
    vertical-align: middle;
    font-size: 20px;
}

.bars img {
    height: 18px;
    width: auto;
}

.header-menus {
    display: flex;
    align-items: center;
}

.bars {
    margin-right: 10px;
    margin-top: -3px;
    cursor: pointer;
}

.header-menus ul li a i {
    vertical-align: middle;
    font-size: 10px;
    margin-left: 2px;
}

.mega-menus {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: var(--white-color);
    box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.10);
    display: flex;
    flex-wrap: wrap;
    padding: 15px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    transform: scaleY(0);
    transform-origin: top center;
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    transition: ease-in-out .5s;
}

.sub-drop:hover .mega-menus {
    opacity: 1;
    visibility: visible;
    z-index: 10;
    transform: scaleY(1);
}

.mega-menus-item {
    flex: 0 0 20%;
    padding: 15px;
}

.mega-menus-item h3 {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 12px;
    line-height: 1.3;
}

.mega-menus-item h3 a {
    display: block;
    transition: var(--transition);
}

.mega-menus-item h3 a:hover {
    color: var(--secondary-color);
}

.mega-menus-item ul li a {
    display: block;
    font-size: 13px;
    color: var(--dark-color);
    transition: var(--transition);
}

.mega-menus-item ul li a:hover {
    color: var(--secondary-color);
}

.mega-menus-item ul li+li a {
    margin-top: 7px;
}

.sub-dropdown {
    position: relative;
}

.sub-menus {
    position: absolute;
    top: 100%;
    left: 0;
    right: auto;
    width: 200px;
    background: var(--white-color);
    box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.10);
    padding: 15px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    transform: scaleY(0);
    transform-origin: top center;
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    transition: var(--transition);
}

.sub-dropdown:hover .sub-menus {
    opacity: 1;
    visibility: visible;
    z-index: 10;
    transform: scaleY(1);
}

.sub-menus ul li a {
    display: block;
    color: var(--dark-color);
    font-size: 13px;
    transition: var(--transition);
}

.sub-menus ul li a:hover {
    color: var(--secondary-color);
}

.sub-menus ul li+li a {
    margin-top: 10px;
}

/* Header End  */






/* Mobile Menu  */
.mobile-menu {
    position: fixed;
    top: 0;
    left: -320px;
    bottom: 0;
    height: 100%;
    background: var(--white-color);
    width: 320px;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.10);
    opacity: 0;
    visibility: hidden;
    transition: ease-in-out .5s;
    z-index: 1022;
    overflow-x: hidden;
    overflow-y: auto;
}

.mobile-menu.active {
    left: 0;
    opacity: 1;
    visibility: visible;
}

.mobile-close {
    cursor: pointer;
    height: 35px;
    width: 35px;
    line-height: 35px;
    text-align: center;
    background: var(--bg-color);
    border-radius: 100%;
}

.mobile-close i {
    font-size: 20px;
    line-height: 35px;
}

.mobile-menu-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 20px;
    background: #F3F5F6;
    height: 75px;
    position: sticky;
    top: 0;
    z-index: 10;
}

.mobile-logo a {
    display: block;
}

.mobile-logo img {
    height: 34px;
    width: auto;
}

.mob-menu li a {
    display: block;
    font-size: 13px;
    color: var(--dark-color);
    padding: 10px 0;
    transition: var(--transition);
}

.mob-menu li a:hover {
    letter-spacing: .5px;
    color: var(--secondary-color);
}

.drop-mobile {
    position: relative;
}

.toggle-ecs {
    position: absolute;
    top: 5px;
    right: 0;
    cursor: pointer;
    height: 32.5px;
    width: 32.5px;
    line-height: 32.5px;
    text-align: center;
    background: var(--bg-color);
}

.toggle-ecs.active::before {
    content: "\f106";
    font-family: 'Line Awesome Free';
    font-weight: 900;
}

.dropdown-item-mobile {
    position: relative;
}

.drop-mobile>a {
    margin-right: 32.5px;
}

.mob-menu {
    padding: 20px;
}

.sub-menu-mobile {
    display: none;
}

.multi-drop {
    display: none;
}

.mobile-cat {
    padding: 20px;
    border-top: 1px solid var(--border-color);
}

.mobile-cat ul li a {
    display: block;
    font-size: 15px;
    color: var(--dark-color);
    transition: var(--transition);
}

.mobile-cat ul li a:hover {
    color: var(--secondary-color);
    letter-spacing: .5px;
}

.mobile-cat ul li+li a {
    margin-top: 15px;
}

/* Mobile Menu End  */







/* Slider  */
.carousel-item {
    /* height: 500px; */
    height: 320px;
    overflow: hidden;
}

.carousel-item img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: top;
    border-radius: 8px;
}

.carousel-indicators [data-bs-target] {
    margin: 0 5px !important;
    height: 15px;
    width: 15px;
    border-radius: 100%;
    background: transparent;
    border: 1px solid var(--secondary-color);
    /* border: 1px solid #fb5408; */
    opacity: 1;
}

.carousel-indicators .active {
    position: relative;
}

.carousel-indicators .active::before {
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 6px;
    width: 6px;
    background: var(--secondary-color);
    border-radius: 100%;
    margin: auto;
}

.carousel-control-prev-icon {
    background-image: none;
}

.carousel-control-prev-icon::before {
    position: absolute;
    content: '\f104';
    font-family: 'Line Awesome Free';
    font-weight: 900;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    font-size: 18px;
}

.carousel-control-next-icon::before {
    position: absolute;
    content: '\f105';
    font-family: 'Line Awesome Free';
    font-weight: 900;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    font-size: 18px;
}

.carousel-control-next,
.carousel-control-prev {
    width: auto;
    top: 50%;
    transform: translateY(-50%);
    bottom: inherit;
    opacity: 1;
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
    height: 30px;
    width: 30px;
    line-height: 30px;
    border-radius: 100%;
    text-align: center;
    background: var(--white-color);
    color: var(--dark-color);
    display: block;
    position: relative;
}

.carousel-control-prev {
    left: 30px;
}

.carousel-control-next {
    right: 30px;
}

.carousel-control-next:focus,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-prev:hover {
    opacity: 1;
}

/* Slider End  */








/* Information  */
.information-wrap {
    display: flex;
}

.information-icon i {
    font-size: 35px;
}

.information-content {
    padding-left: 15px;
}

.information-content b {
    display: block;
    font-size: 17px;
    font-weight: 500;
    color: var(--dark-color);
    line-height: 1.4;
}

.information-content span {
    display: block;
    margin-top: 5px;
    color: var(--text-color);
    line-height: 1.3;
}

.information .row {
    /* border-bottom: 0.5px solid var(--border-color);
    padding-bottom: 30px; */
}

/* Information End  */



/* Featured Category  */
.main-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
}

.main-title h3 {
    font-size: 25px;
    font-weight: 500;
    margin-bottom: 0;
}

.main-title a {
    display: block;
    color: var(--dark-color);
    border: 1px solid var(--border-color);
    border-radius: 50px;
    padding: 4px 10px;
    transition: var(--transition);
    font-size: 14px;
}

.main-title a i {
    font-size: 12px;
}

.main-title a:hover {
    background: var(--secondary-color);
    border-color: var(--secondary-color);
    color: var(--white-color);
}

.featured-category ul {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
    border: 0.5px solid var(--border-color);
    border-right: none;
}

.featured-category ul li {
    border-right: 0.5px solid var(--border-color);
    border-bottom: 0.5px solid var(--border-color);
    padding: 15px 15px;
    /* padding:25px 15px; */
    transition: var(--transition);
}

.featured-category ul li:nth-child(9),
.featured-category ul li:nth-child(10),
.featured-category ul li:nth-child(11),
.featured-category ul li:nth-child(12),
.featured-category ul li:nth-child(13),
.featured-category ul li:nth-child(14),
.featured-category ul li:nth-child(15),
.featured-category ul li:nth-child(16) {
    border-bottom: none;
}

.featured-category ul li:hover {
    box-shadow: 0px 5px 15px rgba(6, 2, 1, 0.229);
    background-color: #f357287e;
    border-radius: 5px;

}

.featured-category ul li a {
    display: block;
}

.featured-category-img img {
    height: 75px;
    width: 75px;
    object-fit: contain;
    object-position: center;
}

.featured-category-info {
    margin-top: 15px;
}

.featured-category-info h3 {
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 0;
    transition: var(--transition);
}

.featured-category-info h3:hover {
    color: var(--secondary-color);
}

.featured-category-wrap {
    text-align: center;
}

/* Featured Category End  */



/* Feature Product  */
.product-wrap {
    /* border: 0.5px solid var(--border-color); */
    border-radius: var(--border-radius);
    padding: 10px;
}

.product-util {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.product-util span {
    display: block;
    /* background: var(--secondary-color); */
    background: linear-gradient(269deg, #f35828 50%, #00000003 100%);
    /* font-size: 13px; */
    font-size: 9px;
    padding: 2px 10px;
    /* border-radius: 50px; */
    border-bottom-right-radius: 50px;
    border-top-right-radius: 50px;
    color: var(--white-color);
}

.product-util span.arrivals {
    /* background: var(--additional-color); */
    background: linear-gradient(269deg, #E58E04 50%, #00000003 100%);

    color: var(--white-color);
}

.product-util i {
    /* height: 30px; */
    height: 20px;
    /* width: 30px; */
    width: 20px;
    /* line-height: 30px; */
    line-height: 20px;
    text-align: center;
    background: rgb(243 243 243);
    border-radius: 100%;
    color: var(--text-color);
    /* font-size: 18px; */
    font-size: 15px;
    cursor: pointer;
    transition: var(--transition);
}

.product-util i:hover {
    color: var(--secondary-color);
}

.product-content h3 {
    font-size: 13px;
    margin-bottom: 0;
    font-weight: 500;
    line-height: 1.3;
}

.product-content h3 a {
    display: block;
    color: var(--dark-color);
    transition: var(--transition);
}

.product-content h3 a:hover {
    color: var(--secondary-color);
}

.product-rating {
    margin-top: 10px;
    display: flex;
}

.product-rating i {
    font-size: 15px;
    color: var(--rating-color);
    margin-right: 3px;
}

.prev-price {
    /* margin-top: 10px; */
}

.prev-price del {
    display: block;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: .5px;
    color: #9d9d9d;
    line-height: normal;
    margin-bottom: 7px;

}


.new-price span {
    display: block;
    font-weight: 500;
    font-size: 15px;
    letter-spacing: .5px;
    color: var(--secondary-color);
    line-height: normal;
    margin-bottom: 7px;
}

.both-price {
    display: inline-flex;
    width: 100%;
    justify-content: space-between;
    /* justify-content: space-around; */
    ;
}

.product-btn {
    margin-top: 15px;
}

.product-btn i {
    font-size: 16px;
}

.product-btn button {
    width: 100%;
    border: 0.5px solid var(--secondary-color);
    background: transparent;
    border-radius: 100px;
    padding: 5px 10px;
    color: var(--secondary-color);
    font-weight: 500;
    transition: var(--transition);
}

.product-btn button:hover {
    background: var(--secondary-color);
    color: var(--white-color);
}

.product-img a {
    display: block;
}

.product-img {
    text-align: center;
}

.product-img img {
    height: 180px;
    width: 180px !important;
    object-fit: contain;
    object-position: center;
}

.owl-nav .owl-prev,
.owl-nav .owl-next {
    display: none !important;
    height: 35px;
    width: 35px;
    line-height: 35px !important;
    text-align: center;
    background: var(--bg-color) !important;
    border-radius: 100% !important;
    opacity: 1;
    margin: 0 !important;
    font-size: 17px !important;
    color: var(--text-color) !important;
}

.owl-nav {
    margin-top: 0 !important;
}

.owl-nav [class*=owl-]:hover {
    color: var(--dark-color) !important;
}

.owl-nav {
    position: absolute;
    top: -62px;
    right: 0;
}

.owl-nav .owl-next {
    margin-left: 7px !important;
}

/* Featured Product End  */







/* Additional Category  */
.add-cat-wrap {
    background: #fdf3e9;
    /* background: #F2F2F2; */
    padding: 20px 20px;
    /* padding: 40px 30px; */
    border-radius: var(--border-radius);
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    z-index: 0;
    overflow: hidden;
}

.add-cat-wrap::before {
    background-color: var(--white-color);
    border-radius: 50%;
    bottom: -17px;
    content: "";
    height: 0;
    position: absolute;
    right: -17px;
    width: 0;
    transition: var(--transition);
    z-index: -1;
}

.add-cat-wrap:hover::before {
    border-radius: 20% 0 0 0;
    bottom: 0px;
    height: 75%;
    right: 0px;
    width: 45%;
}

.add-cat-img img {
    height: 100%;
    width: 100%;
    object-fit: contain;
    object-position: center;
}

.add-cat-img {
    width: 150px;
    height: 135px;
}

.add-cat-content {
    width: calc(100% - 150px);
    padding-right: 25px;
}

.add-cat-content span {
    display: block;
    color: var(--primary-color);
    margin-bottom: 5px;
}

.add-cat-content h3 {
    font-size: 22px;
    margin-bottom: 0;
    font-weight: 500;
}

.add-cat-content a {
    display: inline-block;
    margin-top: 20px;
    background: var(--white-color);
    padding: 5px 15px 6px;
    border: 0.5px solid #dcdcdc;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 500;
    transition: var(--transition);
    color: var(--dark-color);
}

.add-cat-content a:hover {
    background: var(--secondary-color);
    border-color: var(--secondary-color);
    color: var(--white-color);
}

.additional-cat .col-lg-4:nth-child(2) .add-cat-wrap {
    background: #fdf4e9;
}

/* Additional Category End  */




/* Best Selling  */
.best-selling .product-wrap {
    border: none;
    border-radius: 0;
    /* border-right: 0.5px solid var(--border-color); */
    /* border-bottom: 0.5px solid var(--border-color); */
    padding: 25px;
}

.best-selling .row .col-lg-3 {
    width: 16.6666667%;
    padding-left: 0;
    padding-right: 0;
}

.best-selling .row {
    margin-left: 0;
    margin-right: 0;
}

.border-section {
    border: 0.5px solid var(--border-color);
    border-radius: var(--border-radius);
}

.best-selling .product-img img {
    height: 150px;
    width: 150px !important;
}

.best-selling .row .col-lg-3:nth-child(5) .product-wrap {
    border-right: none;
}

.best-selling .row .col-lg-3:nth-child(6) .product-wrap {
    border-bottom: none;
}

.best-selling .row .col-lg-3:nth-child(7) .product-wrap {
    border-bottom: none;
}

.best-selling .row .col-lg-3:nth-child(8) .product-wrap {
    border-bottom: none;
}

.best-selling .row .col-lg-3:nth-child(9) .product-wrap {
    border-bottom: none;
}

.best-selling .row .col-lg-3:nth-child(10) .product-wrap {
    border-bottom: none;
    border-right: none;
}

/* Best Selling End  */






/* Product Ads  */
.product-ads-img {
    overflow: hidden;
    border-radius: var(--border-radius);
    height: 150px;
    /* height: 100px; */
}

.product-ads-img a {
    display: block;
    height: 100%;
    width: 100%;
}

.product-ads-img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
    transition: ease-in-out .5s;
}

.product-ads-img:hover img {
    transform: scale(1.05);
}

/* Product Ads End  */







/* Thumbnail Product  */
.thumbnail-product .main-title {
    margin-bottom: 14px;
}

.thumbnail-product-wrap {
    border: 0.5px solid var(--border-color);
    border-radius: var(--border-radius);
    padding: 20px;
    display: flex;
    position: relative;
    margin-top: 16px;
}

.thumbnail-product-img {
    width: 100px;
    height: 100px;
}

.thumbnail-product-img a {
    display: block;
    height: 100%;
    width: 100%;
}

.thumbnail-product-img img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.thumbnail-product-content {
    width: calc(100% - 100px);
    padding-left: 15px;
}

.thumbnail-product-content h3 {
    font-size: 14px;
    margin-bottom: 0;
    font-weight: 500;
    line-height: 1.4;
}

.thumbnail-product-content h3 a {
    display: block;
    color: var(--dark-color);
    transition: var(--transition);
}

.thumbnail-product-content h3 a:hover {
    color: var(--secondary-color);
}

.thumbnail-product-wrap .product-util {
    position: absolute;
    right: 20px;
    bottom: 30px;
}

.thumbnail-product .row .col-lg-4 {
    padding-left: 8px;
    padding-right: 8px;
}

.thumbnail-product .row {
    margin-left: -8px;
    margin-right: -8px;
}

/* Thumbnail Product End  */





/* Category Option  */
.category-option-col {
    border: 0.5px solid var(--border-color);
    border-radius: var(--border-radius);
    padding: 25px;
}

.inner-title {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 5px;
}

.inner-title h3 {
    margin-bottom: 0;
    font-size: 20px;
    font-weight: 500;
}

.inner-title a {
    position: relative;
    display: block;
    transition: var(--transition);
}

.inner-title a::before {
    position: absolute;
    content: '';
    bottom: -4px;
    height: 2px;
    width: 40%;
    background: var(--secondary-color);
    transition: var(--transition);
}

.inner-title a:hover {
    color: var(--secondary-color);
}

.inner-title a:hover::before {
    width: 100%;
}

.category-option-img {
    height: 130px;
    overflow: hidden;
    border-radius: var(--border-radius);
}

.category-option-img a {
    display: block;
    height: 100%;
    width: 100%;
}

.category-option-img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
    transition: var(--transition);
}

.category-option-wrap:hover .category-option-img img {
    transform: scale(1.10);
}

.category-option-info {
    margin-top: 10px;
}

.category-option-info h3 {
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 0;
}

.category-option-info h3 a {
    display: block;
    color: var(--dark-color);
    transition: var(--transition);
}

.category-option-info h3 a:hover {
    color: var(--secondary-color);
}

.category-option-wrap {
    margin-top: 20px;
}

/* Category Option End  */






/* Offer Walls  */
.offer-walls-wrap {
    background: #ffd612;
    padding: 30px 40px;
    display: flex;
    border-radius: var(--border-radius);
    cursor: pointer;
}

.offer-walls-left {
    width: 55%;
    padding-right: 10px;
}

.offer-walls-right {
    width: 45%;
}

.offer-walls-left span {
    display: block;
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: .5px;
    margin-bottom: 10px;
}

.offer-walls-left h3 {
    font-size: 32px;
    font-weight: 500;
    margin-bottom: 0;
}

.offer-walls-left p {
    margin-bottom: 7px;
    color: var(--dark-color);
    margin-top: 15px;
}

.offer-walls-left a {
    display: inline-block;
    border: 0.5px solid var(--dark-color);
    color: var(--dark-color);
    padding: 10px 20px;
    font-size: 15px;
    font-weight: 500;
    border-radius: var(--border-radius);
    transition: var(--transition);
}

.offer-walls-left a:hover {
    border-color: var(--secondary-color);
    color: var(--secondary-color);
}

.offer-walls-right a {
    display: flex;
}

.offer-walls-right img {
    height: 200px;
    width: 200px;
    object-fit: contain;
    object-position: center;
    margin-left: auto;
    transition: ease-in-out .5s;
}

.offer-walls-wrap:hover .offer-walls-right img {
    transform: scale(1.05);
}

.offer-walls-left b {
    font-weight: 500;
    margin-bottom: 20px;
    display: block;
    font-size: 16px;
}

.offer-walls .col-lg-6:nth-child(2) .offer-walls-wrap {
    background: #05c6c6;
}

.offer-walls .col-lg-6:nth-child(2) .offer-walls-wrap .offer-walls-left span {
    color: var(--white-color);
}

.offer-walls .col-lg-6:nth-child(2) .offer-walls-wrap .offer-walls-left h3 {
    color: var(--white-color);
}

.offer-walls .col-lg-6:nth-child(2) .offer-walls-wrap .offer-walls-left p {
    color: var(--white-color);
}

.offer-walls .col-lg-6:nth-child(2) .offer-walls-wrap .offer-walls-left b {
    color: var(--white-color);
}

.offer-walls .col-lg-6:nth-child(2) .offer-walls-wrap .offer-walls-left a {
    border-color: var(--white-color);
    color: var(--white-color);
    transition: var(--transition);
}

.offer-walls .col-lg-6:nth-child(2) .offer-walls-wrap .offer-walls-left a:hover {
    border-color: var(--secondary-color);
    color: var(--secondary-color);
}

#countdown {
    /* padding-right: 100px; */
    padding-right: none;
    display: flex;
    align-items: center;
}

#countdown ul {
    display: flex;
}

#countdown h3 {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 0;
    color: var(--secondary-color);
    margin-right: 5px;
}

#countdown ul li {
    border: 0.5px solid var(--border-color);
    padding: 6px 8px;
    border-radius: 3px;
    font-size: 14px;
    font-weight: 500;
    color: var(--secondary-color);
    margin-left: 5px;
    text-transform: lowercase;
}

/* Offer Walls End  */






/* Brands  */
.marquee {
    display: flex;
    overflow: hidden;
}

.marquee-list {
    align-items: center;
    animation: marquee 30s linear infinite;
    display: flex;
    flex-shrink: 0;
    gap: calc(clamp(10rem, 1rem + 40vmin, 30rem) / 5);
    justify-content: space-around;
    min-width: 100%;
    margin-left: 1.25rem;
}

.partner-img {
    min-width: 7.5rem;
    text-align: center;
}

.partner-img a {
    display: block;
}

.partner-img img {
    height: 35px;
    width: auto;
}

.marquee-reverse .marquee-list {
    animation-direction: reverse;
}

.marquee-reverse {
    margin-top: 50px;
}

.partner {
    position: relative;
    z-index: 0;
}

@keyframes marquee {
    0% {
        transform: translateX(0);
    }

    to {
        transform: translateX(calc(-100% - clamp(10rem, 1rem + 40vmin, 30rem) / 14));
    }
}

/* Brands End  */






/* Footer  */
.footer {
    padding: 50px 0 20px;
    background: var(--primary-color);
}

.footer-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 0.5px solid #414142;
}

.social-media ul {
    display: flex;
}

.social-media ul li a {
    display: block;
    color: var(--dark-color);
    color: #ffff;
    font-size: 22px;
    transition: var(--transition);
    height: 28px;
    width: 28px;
    line-height: 28px;
    text-align: center;
    /* background: var(--white-color); */
    border-radius: 10%;
}

.social-media ul li a i {
    line-height: 28px;
}

.social-media ul li+li a {
    margin-left: 10px;
}

.social-media ul li a:hover {
    background: var(--secondary-color);
    color: var(--white-color);
}

.newsletter {
    width: 450px;
    position: relative;
}

.newsletter .form-control {
    height: 40px;
    border: none;
    border-radius: 3px;
    font-size: 15px;
}

.newsletter button {
    height: 40px;
    border: none;
    background: var(--secondary-color);
    color: var(--white-color);
    border-radius: 3px;
    padding: 5px 15px;
    font-weight: 500;
    margin-left: 5px;
    transition: var(--transition);
}

.newsletter button:hover {
    background-color: var(--button-hover);
}

.newsletter .form-group {
    display: flex;
    align-items: center;
}

.store {
    display: flex;
}

.store a {
    display: block;
    border: 0.5px solid var(--border-color);
    border-radius: 3px;
    color: var(--white-color);
    padding: 5px 15px;
    transition: var(--transition);
}

.store a+a {
    margin-left: 10px;
}

.store a i {
    margin-right: 5px;
    font-size: 17px;
    vertical-align: middle;
}

.store a:hover {
    background: var(--secondary-color);
    color: var(--white-color);
    border-color: var(--secondary-color);
}

.footer .row .col-lg-3 {
    width: 20%;
}

.footer-wrap h3 {
    font-size: 17px;
    font-weight: 500;
    line-height: 1.3;
    margin-bottom: 15px;
}

.footer-wrap h3 a {
    display: block;
    color: var(--white-color);
    transition: var(--transition);
}

.footer-wrap h3 a:hover {
    color: var(--secondary-color);
}

.footer-wrap ul li a {
    display: block;
    color: #d7d7d7;
    transition: var(--transition);
}

.footer-wrap ul li a:hover {
    color: var(--secondary-color);
    letter-spacing: .5px;
}

.footer-wrap ul li+li a {
    margin-top: 5px;
}

.footer-wrap {
    margin-bottom: 30px;
}

.footer-bottom {
    background: #1e2733;
    padding: 20px 0;
}

.footer-bottom-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.footer-logo a {
    display: block;
}

.footer-logo img {
    height: 32px;
    width: auto;
}

.copyright p {
    margin-bottom: 0;
    color: var(--white-color);
    font-size: 15px;
}

.payment-list {
    display: flex;
}

.payment-list img {
    height: 25px;
    width: auto;
    border-radius: 3px;
}

.payment-list img+img {
    margin-left: 7px;
}

/* Footer End  */







/* Details Page  */
.details-page {
    margin-top: 20px;
}

.breadcrumb-item+.breadcrumb-item::before {
    content: '\f105';
    font-family: 'Line Awesome Free';
    font-weight: 900;
    font-size: 13px;
    margin-top: 2px;
    padding-right: 5px;
}

.breadcrumb-item+.breadcrumb-item {
    padding-left: 5px;
}

.breadcrumb-item a {
    transition: var(--transition);
}

.breadcrumb-item a:hover {
    color: var(--secondary-color);
}

.breadcrumb-item.active {
    color: var(--secondary-color);
}

.breadcrumb {
    margin-bottom: 30px;
}

.flexslider {
    margin: 0;
    border: none;

}

.flexslider .slides img {
    border-radius: var(--border-radius);
}

.flex-active-slide img {
    border-color: var(--secondary-color) !important;
}

#slider {
    /* height: 480px; */
    height: 380px;
    overflow: hidden;
    border: 0.5px solid var(--border-color);
    border-radius: var(--border-radius);

}

#slider .flex-viewport {
    height: 480px;
}

#slider img {
    height: 380px;
    width: 100%;
    object-fit: contain;
}

#carousel img {
    border: 0.5px solid var(--secondary-color);
    height: 90px;
    width: 100%;
    object-fit: contain;
}

#carousel {
    margin-top: 10px;
}

.flexslider .slides>li {
    cursor: pointer;
}

.details-page-info {
    padding-left: 15px;
}

.details-page-info>span {
    display: inline-block;
    background: var(--secondary-color);
    font-size: 13px;
    padding: 3px 12px 1px;
    /* border-radius: 50px; */
    color: var(--white-color);
    margin-bottom: 10px;
    background: linear-gradient(269deg, #F35828 50%, #00000003 100%);
    border-bottom-right-radius: 50px;
    border-top-right-radius: 50px;
}

.details-stock-left .product-rating {
    margin-top: 0;
}

.details-page-info>span i {
    vertical-align: middle;
    font-size: 16px;
    margin-right: 2px;
    line-height: normal;
}

.details-page-info h3 {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.4;
    margin-bottom: 20px;
}

.details-stock {
    display: flex;
    /* justify-content: space-between; */
    justify-content: flex-start;
    align-items: flex-start;
}

.details-stock-right b {
    font-weight: 500;
    color: var(--additional-color);
    display: block;
    color: #fff;
    padding: 2px 4px 2px 6px;
    border-radius: 3px;
    font-weight: 500;
    font-size: 12px;
    background-color: #388e3c;
}

.details-price-info {
    display: flex;
    margin-top: 10px;
}

.details-price-info .prev-price {
    margin-top: 0;
    margin-right: 15px;
}

.details-qty {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
}

.details-qty-wrap {
    display: flex;
    align-items: center;
}

.details-qty-head h4 {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 0;
    margin-right: 20px;
}

.details-compare input {
    height: 18px;
    width: 18px;
    cursor: pointer;
}

.details-compare input:focus {
    box-shadow: none;
    outline: none;
    border-color: var(--border-color);
}

.details-compare label {
    margin-left: 3px;
    color: var(--dark-color);
}

.details-key {
    margin-top: 20px;
}

.details-key p {
    margin-bottom: 0;
    font-size: 13px;
}

.form-check-input:checked {
    background-color: var(--secondary-color);
    border-color: var(--secondary-color);
}

.details-footer {
    margin-top: 20px;
    display: flex;
    align-items: center;
}

.details-buttons button {
    height: 45px;
    width: 45px;
    line-height: 45px;
    text-align: center;
    font-size: 22px;
    border: 0.5px solid var(--border-color);
    background: transparent;
    border-radius: var(--border-radius);
    color: var(--dark-color);
    transition: var(--transition);
    padding: 0;
    margin-left: 10px;
}

.details-buttons {
    display: flex;
}

.details-buttons button:hover {
    background: var(--secondary-color);
    border-color: var(--secondary-color);
    color: var(--white-color);
}

.details-footer-head {
    display: flex;
    width: calc(100%);
    /* width: calc(100% - 45px); */
    align-items: center;
}

.details-footer-head button {
    flex: 1;
    height: 45px;
    border: none;
    border-radius: var(--border-radius);
    /* border-radius: 50px; */
    background: var(--secondary-color);
    font-size: 17px;
    font-weight: 500;
    transition: var(--transition);
    color: var(--white-color);
}

.details-footer-head button:hover {
    background: var(--button-hover);
}

.details-footer-head a {
    flex: 1;
    display: block;
    background: #FF9F00;
    text-align: center;
    padding: 10px 15px;
    height: 45px;
    font-size: 17px;
    font-weight: 500;
    color: var(--white-color);
    border-radius: var(--border-radius);
    transition: var(--transition);
    margin-left: 10px;
}

.details-footer-head a:hover {
    background: #e58e02;
}

.additional-list ul li {
    display: flex;
}

.additional-list ul li i {
    font-size: 25px;
    margin-right: 15px;
    color: var(--secondary-color);
}

.additional-list {
    margin-top: 30px;
}

.additional-list ul li span {
    display: block;
    line-height: 1.4;
}

.additional-list ul li+li {
    margin-top: 4px;
    /* margin-top: 15px; */
}

.nav-tabs {
    border: none;
}

.nav-tabs .nav-link {
    border: none;
    padding: 0;
    font-size: 16px;
    /* font-size: 20px; */
    font-weight: 500;
    color: var(--dark-color);
    margin-right: 40px;
    border-bottom: 3px solid var(--white-color);
    padding-bottom: 5px;
}

.nav-tabs .nav-link:hover {
    border-bottom-color: var(--white-color);
}

.nav-tabs .nav-link.active {
    border-bottom-color: var(--dark-color);
}

.details-additional-wrap {
    margin-top: 30px;
}

.details-additional-wrap table td {
    border-color: var(--border-color);
    padding: 12px;
    /* font-size: 16px; */
    font-size: 12px;
}

.details-additional-wrap table>tbody>tr>td:first-child {
    font-weight: 500;
    text-transform: capitalize;
}

.details-additional-wrap table td span {
    font-weight: 500;
    margin-bottom: 5px;
    display: block;
    font-size: 16px;
}

.details-additional-wrap table td ul li {
    list-style: disc;
    line-height: 1.3;
}

.details-additional-wrap table td ul {
    padding-left: 16px;
}

.details-additional-wrap table td ul li+li {
    margin-top: 5px;
}

.details-additional-wrap h5 {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 15px;
}

.details-featured-product .product-wrap+.product-wrap {
    margin-top: 25px;
}

.details-add-review-col {
    display: flex;
    justify-content: space-between;
}

.customer-reviews-left {
    flex: 1;
}

.customer-reviews-right {
    flex: 1;
    margin-left: 60px;
}

.details-add-review-col h4 {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 15px;
}

.customer-review-list {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.customer-rev-star {
    width: 50px;
    display: flex;
    align-items: center;
}

.review-percent {
    width: 50px;
    text-align: right;
}

.review-progress {
    width: calc(100% - 100px);
}

.customer-review-list+.customer-review-list {
    margin-top: 12px;
}

.customer-rev-star b {
    font-weight: normal;
    display: block;
}

.customer-rev-star i {
    color: var(--rating-color);
    margin-left: 3px;
}

.progress {
    border-radius: 50px;
    height: 12px;
}

.progress-bar {
    background: var(--rating-color);
}

.avg-rating-head {
    display: flex;
    align-items: center;
}

.avg-rating-star {
    display: flex;
}

.avg-rating-star i {
    color: rgb(209, 209, 209);
    margin-right: 2px;
}

.avg-rating-star i.fill {
    color: var(--rating-color);
}

.avg-rating-count {
    margin-left: 15px;
}

.avg-rating-count span {
    display: block;
    font-weight: 500;
}

.avg-overall-count {
    margin-top: 10px;
}

.avg-overall-count p {
    margin-bottom: 0;
}

.avg-rating-btn {
    margin: 10px 0;
    display: flex;
}

.avg-rating-btn a {
    display: inline-block;
    background: var(--secondary-color);
    color: var(--white-color);
    font-size: 17px;
    padding: 10px 30px;
    font-weight: 500;
    border-radius: var(--border-radius);
    transition: var(--transition);
}

.avg-rating-btn a:hover {
    background: var(--button-hover);
}

.avg-rating-info p {
    margin-bottom: 0;
}

.avg-rating-btn button {
    background: transparent;
    color: var(--dark-color);
    font-size: 17px;
    padding: 10px 30px;
    font-weight: 500;
    border-radius: var(--border-radius);
    transition: var(--transition);
    border: 2px solid var(--secondary-color);
    margin-left: 10px;
}

.avg-rating-btn button:hover {
    background: var(--secondary-color);
    color: var(--white-color);
}

.modal-header {
    padding: 17px 25px;
    background: rgb(241 241 241);
    border-bottom: none;
}

.modal-title {
    font-weight: 500;
}

.btn-close {
    opacity: 1;
}

.modal-body {
    padding: 25px;
}

.modal-dialog {
    max-width: 600px;
}

.review-modal label {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 5px;
    display: block;
}

.review-modal .form-control {
    height: 45px;
    border: 0.5px solid var(--border-color);
    font-size: 15px;
    border-radius: var(--border-radius);
}

.review-modal .form-control:focus {
    border-color: var(--secondary-color);
}

.review-modal .form-group {
    margin-bottom: 15px;
}

.review-modal textarea.form-control {
    height: 120px;
}

.review-modal .modal-body button {
    width: 100%;
    border: none;
    background: var(--secondary-color);
    border-radius: var(--border-radius);
    font-size: 18px;
    font-weight: 500;
    padding: 10px 20px;
    margin-top: 10px;
    transition: var(--transition);
    color: var(--white-color);
}

.review-modal .modal-body button:hover {
    background: var(--button-hover);
}

.rate {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
}

.rate:not(:checked)>input {
    position: absolute;
    top: -9999px;
}

.rate:not(:checked)>label {
    float: right;
    width: 1em;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    font-size: 30px;
    color: #ccc;
}

.rate:not(:checked)>label:before {
    content: '★ ';
}

.rate>input:checked~label {
    color: var(--rating-color);
}

.rate:not(:checked)>label:hover,
.rate:not(:checked)>label:hover~label {
    color: var(--rating-color);
}

.rate>input:checked+label:hover,
.rate>input:checked+label:hover~label,
.rate>input:checked~label:hover,
.rate>input:checked~label:hover~label,
.rate>label:hover~input:checked~label {
    color: var(--rating-color);
}

.main-review {
    margin-top: 50px;
}

.main-review h5 {
    font-size: 20px;
    font-weight: 500;
    border-bottom: 0.5px solid var(--border-color);
    margin-bottom: 40px;
    padding-bottom: 15px;
}

.main-review-list {
    display: flex;
}

.main-review-icon img {
    height: 80px;
    width: 80px;
    object-fit: contain;
    object-position: center;
}

.main-review-content {
    width: calc(100% - 80px);
    padding-left: 25px;
}

.review-content-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.review-content-head b {
    font-weight: 500;
    font-size: 18px;
    display: block;
}

.main-review-rating {
    display: flex;
    margin-top: 5px;
}

.main-review-rating i {
    margin-right: 3px;
    font-size: 16px;
    color: #d1d1d1;
}

.main-review-rating i.fill {
    color: var(--rating-color);
}

.main-review-content p {
    margin-top: 15px;
    margin-bottom: 0;
}

.main-review-list+.main-review-list {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 0.5px solid var(--border-color);
}

/* Details Page End  */







/* Category Page  */
.category-page {
    margin-top: 20px;
}

.category-sidebar h3 {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 22px;
    margin-top: 5px;
}

.category-sidebar h3 i {
    margin-right: 0px;
}

.category-filter-wrap {
    background: var(--white-color);
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.10);
    padding: 25px;
    border-radius: var(--border-radius);
}

.category-filter-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

.category-filter-head h4 {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 0;
}

.category-filter-head i {
    color: var(--dark-color);
}

.p-range {
    display: flex;
    margin-bottom: 20px;
    margin-top: 20px;
}

.price-range-block {
    padding-bottom: 10px;
}

.p-range input {
    flex: 1;
    height: 35px;
    padding: 5px 10px;
    border: 0.5px solid var(--border-color);
    background: transparent;
    border-radius: var(--border-radius);
    width: 100%;
}

.p-range input+input {
    margin-left: 10px;
}

.p-range input:focus {
    outline: none;
}

.ui-state-default,
.ui-widget-content .ui-state-default {
    border-radius: 100%;
    border: 3px solid var(--secondary-color);
    background: var(--white-color);
    cursor: pointer;
    top: -6px;
}

.ui-state-default,
.ui-widget-content .ui-state-default:focus {
    outline: none;
}

.ui-widget-header {
    background: var(--secondary-color) !important;
    border: none !important;
    cursor: pointer;
}

.ui-widget.ui-widget-content {
    border: none;
    background: #e9e9e9;
    margin-left: 10px;
    margin-right: 10px;
}

.ui-slider-horizontal {
    height: 6px;
}

.ui-widget-header {
    background: #3FE331;
}

.price-range-search {
    width: 35%;
    background-color: transparent;
    border: 2px solid var(--secondary-color);
    display: inline-block;
    height: 40px;
    border-radius: var(--border-radius);
    margin-top: 20px;
    font-size: 16px;
    transition: var(--transition);
}

.price-range-search:hover {
    background-color: var(--secondary-color);
    color: var(--white-color);
}

.price-range-field {
    background-color: #f9f9f9;
    border: 0.5px solid #6e6666;
    color: black;
    border-radius: 5px;
    height: 23px;
    padding: 5px;
}

.search-results-block {
    position: relative;
    display: block;
    clear: both;
}

.category-filter-list+.category-filter-list {
    margin-top: 12px;
    padding-top: 12px;
}

.filter-body .form-check .form-check-input {
    height: 20px;
    width: 20px;
    border-color: #dcdcdc;
    margin-top: 0;
    cursor: pointer;
}

.filter-body label {
    margin-left: 7px;
    cursor: pointer;
}

.filter-body .form-check {
    margin-bottom: 0;
    cursor: pointer;
}

.filter-body ul {
    margin-top: 20px;
    margin-left: 10px;
}

.filter-body ul li {
    margin-top: 12px;
}

.filter-body .form-check .form-check-input:focus {
    box-shadow: none;
}

.category-main-head {
    margin-bottom: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.category-main-head h3 {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 0;
}

.category-main-head .form-control {
    width: 230px;
    border: 0.5px solid var(--border-color);
    font-size: 15px;
    cursor: pointer;
}

/* .category-page .row .col-lg-3 {
    width: 27%;
} */

.category-page .row .col-lg-4 {
    width: 25%;
}

.category-page .row .col-lg-9 {
    width: 73%;
}

.page-link {
    padding: 6px 14px;
    display: block;
    border: 0.5px solid var(--border-color);
    color: var(--dark-color);
    border-radius: var(--border-radius) !important;
    margin-right: 10px;
    font-size: 15px;
    transition: var(--transition);
}

.page-link:hover {
    background: var(--secondary-color);
    color: var(--white-color);
    border-color: var(--secondary-color);
}

.active>.page-link,
.page-link.active {
    background: var(--secondary-color);
    border-color: var(--secondary-color);
}

.pagination {
    margin-top: 22px;
    justify-content: center;
}

.category-page .product-wrap {
    margin-bottom: 25px;
}

/* Category Page End  */








/* Cart Page  */
.cart-page-main h3 {
    font-size: 22px;
    margin-bottom: 20px;
    font-weight: 500;
}

.cart-page-list {
    border: 0.5px solid var(--border-color);
    padding: 15px;
    border-radius: var(--border-radius);
    position: relative;
}

.cart-page-col {
    display: flex;
}

.car-page-img a {
    display: block;
    height: 100%;
    width: 100%;
}

.car-page-img img {
    height: 50px;
    width: 50px;
    /* height: 104px; */
    /* width: 120px; */
    object-fit: contain;
    object-position: center;
}

.cart-page-content {
    width: calc(100% - 120px);
    padding-left: 15px;
}

.cart-page-content h4 {
    margin-bottom: 20px;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.5;
}

.cart-page-content h4 a {
    display: block;
    color: var(--dark-color);
    transition: var(--transition);
}

.cart-page-content h4 a:hover {
    color: var(--secondary-color);
}

.cart-page-util-left {
    display: flex;
    align-items: center;
}

.cart-page-util-left .prev-price {
    margin-top: 0;
    margin-right: 20px;
}

.cart-page-util {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.qty span {
    display: block;
    font-size: 16px;
    font-weight: 500;
    margin-right: 15px;
}

.cart-page-list+.cart-page-list {
    margin-top: 10px;
}

.cart-page-main {
    margin-right: 20px;
}

.cart-list-close {
    position: absolute;
    top: -5px;
    right: -5px;
}

.cart-list-close button {
    height: 25px;
    width: 25px;
    line-height: 25px;
    text-align: center;
    border: none;
    background: var(--secondary-color);
    border-radius: 100%;
    color: var(--white-color);
    font-size: 14px;
}

.cart-page-sidebar h3 {
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 20px;
}

.cart-sidebar-col {
    background: #f0f0f0;
    padding: 25px;
    border-radius: var(--border-radius);
}

.cart-sidebar-col ul li {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    /* font-size: 16px; */
    line-height: 1.4;
    color: var(--dark-color);
}

.cart-sidebar-col ul li span {
    display: block;
    width: calc(100% - 100px);
    padding-right: 20px;
}

.cart-sidebar-col ul li b {
    display: block;
    text-align: right;
    white-space: nowrap;
    width: 100px;
    font-weight: 600;
}

.cart-sidebar-col ul li+li {
    margin-top: 10px;
}

.cart-sidebar-col ul {
    margin-bottom: 25px;
    padding-bottom: 25px;
    border-bottom: 0.5px solid #d1d1d1;
}

.discount-code form {
    display: flex;
}

.discount-code .form-control {
    height: 45px;
    font-size: 15px;
    border-radius: var(--border-radius);
    width: calc(100% - 110px);
    margin-right: 5px;
}

.discount-code .form-control:focus {
    outline: none;
    border-color: var(--secondary-color);
}

.discount-code button {
    height: 45px;
    border: none;
    white-space: nowrap;
    background: #FF9F00;
    border-radius: var(--border-radius);
    color: var(--white-color);
    font-weight: 500;
    width: 110px;
    transition: var(--transition);
}

.discount-code button:hover {
    background: var(--button-hover);
}

.discount-code {
    margin-bottom: 15px;
    padding-bottom: 25px;
    border-bottom: 0.5px solid #d1d1d1;
}

.grand-total {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.grand-total span {
    font-weight: 500;
    font-size: 18px;
    display: block;
}

.grand-total b {
    display: block;
    font-weight: 500;
    font-size: 18px;
}

.common-btn a {
    display: block;
    background: var(--secondary-color);
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    color: var(--white-color);
    padding: 12px 15px;
    border-radius: var(--border-radius);
    transition: var(--transition)
}

.common-btn {
    margin-top: 20px;
}

.common-btn a:hover {
    background: var(--button-hover);
}

/* Cart Page End  */









/* Checkout Page  */
.checkout-main h3 {
    font-size: 22px;
    margin-bottom: 20px;
    font-weight: 500;
}

.checkout-form {
    border: 0.5px solid var(--border-color);
    border-radius: var(--border-radius);
    padding: 30px;
    background: #f6f6f6;
}

.checkout-form label {
    display: block;
    font-weight: 500;
    margin-bottom: 7px;
    font-size: 13px;
    /* font-size: 16px; */
}

.checkout-form .form-control {
    height: 45px;
    border-radius: var(--border-radius);
    font-size: 15px;
}

.checkout-form .form-control:focus {
    border-color: var(--secondary-color);
}

.checkout-form textarea.form-control {
    height: 180px;
}

.checkout-form .form-group {
    margin-bottom: 20px;
}

.checkout-sidebar h3 {
    font-size: 22px;
    margin-bottom: 20px;
    font-weight: 500;
}

.checkout-sidebar-wrap {
    border: 0.5px solid var(--border-color);
    border-radius: var(--border-radius);
}

.checkout-product-list {
    display: flex;
    border-bottom: 0.5px solid var(--border-color);
    padding: 20px;
}

.checkout-product-right {
    width: 100px;
    text-align: right;
}

.checkout-product-left {
    width: calc(100% - 100px);
}

.checkout-product-left h3 {
    font-size: 13px;
    line-height: 1.4;
    font-weight: normal;
    margin-bottom: 0;
}

.checkout-product-left b {
    display: block;
    font-weight: 600;
    font-size: 16px;
    margin-top: 3px;
}

.checkout-product-right span {
    display: block;
    font-size: 16px;
    font-weight: 500;
}

.checkout-sidebar-wrap .grand-total {
    padding: 15px 20px 0 20px;
}

.checkout-sidebar-wrap .common-btn {
    padding: 0 20px 20px;
}

/* Checkout Page End  */





/* Login Page  */
.auth-card {
    max-width: 500px;
    margin: auto;
    position: relative;
    z-index: 10;
}

.auth-card-body {
    background: var(--white-color);
    padding: 35px 30px;
    border-radius: 5px;
    box-shadow: 0 1px 30px rgb(0 0 0 / 8%);
}

.auth-page {
    background: #f3f6f9;
}

.auth-card-head {
    margin-bottom: 25px;
}

.auth-card-head img {
    height: 50px;
    width: auto;
}

.auth-card-head h3 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 22px;
    font-weight: 500;
}

.auth-card-body label {
    display: block;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 7px;
}

.auth-card-body input {
    width: 100%;
    height: 45px;
    border: 0.5px solid #ced4da;
    border-radius: var(--border-radius);
    padding: 5px 15px;
    font-size: 15px;
}

.auth-card-body input:focus {
    outline: none;
    box-shadow: none;
    border: 0.5px solid #ced4da;
}

.auth-card-body .form-group {
    margin-bottom: 15px;
}

.input-form-group {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 25px;
}

.user-check {
    display: flex;
    align-items: center;
}

.user-check input {
    height: 18px;
    width: 18px;
    box-shadow: none;
    outline: none;
    border: 0.5px solid var(--secondary-color);
    margin: 0;
}

.user-check label {
    margin-bottom: 0;
    margin-left: 8px;
    font-weight: normal;
    line-height: 1.3;
}

.forgot a {
    display: block;
    text-decoration: none;
    font-size: 15px;
    font-weight: 500;
    color: var(--secondary-color);
    transition: var(--transition);
}

.forgot a:hover {
    text-decoration: underline;
}

.submit-btn .btn {
    width: 100%;
}

.submit-btn .btns {
    width: 100%;
    border: none;
    background: var(--secondary-color);
    color: var(--white-color);
    padding: 12px 15px;
    border-radius: var(--border-radius);
    font-size: 16px;
    font-weight: 500;
    margin-top: 10px;
    transition: ease-in-out .3s;
    cursor: pointer;
}

.submit-btn .btns:hover {
    background: var(--button-hover);
}

.auth-card-footer p {
    margin-top: 25px;
    text-align: center;
    margin-bottom: 0;
    font-size: 15px;
    font-weight: normal;
}

.auth-card-footer p a {
    display: inline-block;
    color: var(--secondary-color);
    font-weight: 500;
    text-decoration: none;
}

.auth-card-footer p a:hover {
    text-decoration: underline;
}

.password-field {
    position: relative;
}

.toggle-eye {
    position: absolute;
    top: 15px;
    right: 15px;
    bottom: 0;
    font-size: 18px;
    cursor: pointer;
}

.other-login span {
    display: block;
    text-align: center;
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 500;
}

.other-login {
    margin-top: 20px;
}

.other-login-btn a {
    display: flex;
    align-items: center;
    flex: 1;
    color: var(--dark-color);
    font-size: 15px;
    border: 0.5px solid var(--border-color);
    padding: 10px 15px;
    line-height: 1.4;
    border-radius: var(--border-radius);
    transition: var(--transition);
}

.other-login-btn a:hover {
    border-color: var(--secondary-color);
}

.other-login-btn a img {
    height: 20px;
    width: 20px;
    object-fit: contain;
    object-position: center;
    margin-right: 8px;
}

.other-login-btn {
    display: flex;
}

.other-login-btn a+a {
    margin-left: 15px;
}

/* Login Page End  */





/* Compare Page  */
.compare-popup {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--white-color);
    z-index: 1020;
    box-shadow: 0px -3px 30px rgba(0, 0, 0, 0.20);
    padding: 25px;
    height: 181px;
    display: none;
}

.compare-popup.active {
    bottom: 0;
    opacity: 1;
    visibility: visible;
}

.compare-popup-wrap {
    display: flex;
    justify-content: space-between;
}

.compare-popup-right {
    width: 150px;
}

.compare-popup-left {
    width: calc(100% - 150px);
    display: flex;
}

.compare-popup-list {
    display: flex;
    padding: 15px;
    border: 0.5px solid var(--border-color);
    border-radius: var(--border-radius);
    margin-right: 25px;
    flex: 1;
    position: relative;
    min-height: 131px;
}

.compare-popup-img img {
    height: 80px;
    width: 80px;
    object-fit: contain;
    object-position: center;
}

.compare-popup-content {
    width: calc(100% - 80px);
    padding-left: 10px;
}

.compare-popup-content h3 {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.3;
    margin-bottom: 0;
}

.compare-popup-content span {
    display: block;
    margin-top: 10px;
    font-size: 18px;
    font-weight: 500;
    color: var(--secondary-color);
}

.common-btn a i {
    font-size: 18px;
    vertical-align: middle;
    margin-left: 3px;
}

.clear-all {
    margin-top: 10px;
}

.clear-all button {
    padding: 12px 15px;
    color: var(--dark-color);
    border: 2px solid var(--secondary-color);
    width: 100%;
    border-radius: var(--border-radius);
    background: transparent;
    transition: var(--transition);
    font-size: 16px;
    font-weight: 500;
}

.clear-all button:hover {
    background: var(--secondary-color);
    color: var(--white-color);
}

.compare-close {
    position: absolute;
    top: -10px;
    right: -10px;
    height: 24px;
    width: 24px;
    line-height: 24px;
    text-align: center;
    background: #eaeaea;
    color: var(--secondary-color);
    border-radius: 100%;
    font-size: 16px;
    cursor: pointer;
}

.compare-close i {
    line-height: 24px;
}

.compare-popup-close {
    position: absolute;
    top: -36px;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    cursor: pointer;
}

.compare-popup-close i {
    background: var(--white-color);
    padding: 9px 10px;
    font-size: 22px;
    height: 36px;
    width: 70px;
    border-top-left-radius: var(--border-radius);
    border-top-right-radius: var(--border-radius);
    box-shadow: 0px -8px 10px rgba(0, 0, 0, 0.15);
}

.compare-page table thead th {
    width: 25%;
    vertical-align: top;
    padding: 10px;
    border: none;
}

.compare-page-wrap h3 {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 15px;
}

.compare-page-wrap .form-control {
    height: 42px;
    font-size: 15px;
}

.comp-img {
    text-align: center;
    margin-top: 15px;
}

.comp-img img {
    height: 150px;
    width: 150px;
    object-fit: contain;
    object-position: center;
}

.compare-page-wrap h4 {
    font-size: 17px;
    font-weight: 500;
    line-height: 1.4;
    margin-bottom: 0;
}

.compare-page-wrap h4 a {
    display: block;
    transition: var(--transition);
}

.compare-page-wrap h4 a:hover {
    color: var(--secondary-color);
}

.compare-page-wrap b {
    font-size: 18px;
    font-weight: 500;
    color: var(--secondary-color);
    margin-top: 20px;
    display: block;
}

.table-responsive {
    overflow-x: inherit;
}

.nice-select {
    white-space: inherit;
    padding-left: 10px;
    padding-right: 5px;
}

.nice-select .current {
    line-height: 1.4;
    font-size: 15px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    padding: 10px 18px 7px 3px;
    height: 30px;
}

.nice-select .option {
    font-size: 15px;
    font-weight: normal;
    line-height: 1.6;
}

.nice-select .option+.option {
    border-top: 0.5px solid var(--border-color);
    padding: 10px;
}

.nice-select .option.selected {
    padding: 10px;
    font-weight: normal;
    font-size: 15px;
}

.nice-select.open .list {
    height: 300px;
    overflow-y: auto;
}

.nice-select.open .list::-webkit-scrollbar {
    width: 7px;
}

.nice-select.open .list::-webkit-scrollbar-track {
    background: var(--white-color);
    display: none;
}

.nice-select.open .list::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 50px;
}

.compare-page table tbody tr td {
    width: 25%;
    border: none;
    font-size: 16px;
    padding: 10px;
}

.compare-page table tbody tr {
    border: none;
}

.compare-page table tbody tr:first-child td {
    font-weight: 500;
    font-size: 16px;
}

.compare-page table tbody tr td:first-child {
    font-weight: 500;
    font-size: 16px;
}

.compare-page table tbody tr:nth-child(even) td {
    background: #fff1f1;
}

.comps-btn button {
    width: 100%;
    border: none;
    border-radius: var(--border-radius);
    background: var(--secondary-color);
    color: var(--white-color);
    font-size: 16px;
    font-weight: 500;
    padding: 10px 15px;
    margin: 10px 0;
    transition: var(--transition);
}

.comps-btn button:hover {
    background: var(--button-hover);
}

/* Compare Page End  */




/* Blog Page */
.bp-content {
    padding: 20px;
    border: 1px solid var(--border-color);
    border-bottom-left-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius);
}

.bp-content ul {
    display: flex;
    margin-bottom: 15px;
}

.bp-content ul li+li {
    margin-left: 30px;
}

.bp-content ul li i {
    /* font-size: 12px; */
    font-size: 9px;
    margin-right: 2px;
}

.bp-content ul li {
    color: var(--text-color);
    /* font-size: 12px; */
    color: #fff;
    padding: 2px 4px 2px 6px;
    border-radius: 3px;
    font-weight: 500;
    font-size: 11px;
    vertical-align: middle;
    background-color: var(--secondary-color);
}

.bp-content h3 {
    font-size: 16px;
    margin-bottom: 0;
    font-weight: 500;
    line-height: 1.3;
}

.bp-content h3 a {
    color: var(--dark-color);
    transition: var(--transition);
}

.bp-content h3 a:hover {
    color: var(--secondary-color);
}

.bp-content p {
    margin-bottom: 0;
    margin-top: 15px;
}

.bp-img {
    height: 180px;
    /* height: 280px; */
    overflow: hidden;
    border-top-left-radius: var(--border-radius);
    border-top-right-radius: var(--border-radius);
}

.bp-img a {
    width: 100%;
    height: 100%;
    display: block;
}

.bp-img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    transition: ease-in-out .5s;
}

.bp-wrap:hover .bp-img img {
    transform: scale(1.10);
}

.bp-wrap {
    margin-bottom: 30px;
}

.blog-page .pagination {
    margin-top: 10px;
}

/* Blog Page End */





/* Event Details */
.bd-main h3 {
    font-size: 28px;
    margin-bottom: 20px;
    font-weight: 600;
}

.bd-main ul {
    display: flex;
    margin-bottom: 25px;
}

.bd-main ul li+li {
    margin-left: 30px;
}

.bd-main ul li i {
    font-size: 20px;
    margin-right: 3px;
    vertical-align: middle;
    color: var(--primary-color);
}

.bd-main-img {
    height: 450px;
    overflow: hidden;
    margin-bottom: 25px;
    border-radius: var(--border-radius);
}

.bd-main-img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.bd-sidebar {
    position: sticky;
    top: 80px;
}

.bd-main p {
    line-height: 1.6;
}

.bd-search {
    box-shadow: 0 3px 30px 0 rgb(102 102 102 / 20%);
    background: var(--white-color);
    padding: 20px;
    border-radius: 4px;
}

.bd-search .btn {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 0;
    background: var(--primary-color);
    border: none;
    padding: 10px 15px;
    font-size: 25px;
}

.bd-search form {
    position: relative;
}

.bd-search .form-control {
    height: 50px;
    border-radius: 0;
    border: 1px solid #eee;
    padding-right: 65px;
}

.bd-sidebar h3 {
    background: var(--secondary-color);
    padding: 15px 20px;
    border-left: 7px solid var(--secondary-color);
    margin-bottom: 0;
    color: var(--white-color);
    font-weight: 500;
    font-size: 20px;
}

.popular-post {
    /* box-shadow: 0 3px 50px 0 rgb(102 102 102 / 30%); */
    border-radius: var(--border-radius);
    overflow: hidden;
    border: 0.5px solid #f359294a;
    ;
}

.popular-post ul {
    padding: 20px;
    background: var(--white-color);
    border-radius: var(--border-radius);
}

.popular-post ul li {
    display: flex;
    align-items: center;
}

.pp-img {
    height: 70px;
    overflow: hidden;
    flex: 2;
    border-radius: var(--border-radius);
}

.pp-img a {
    width: 100%;
    height: 100%;
}

.pp-img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.pp-content {
    margin-left: 20px;
    flex: 6;
}

.pp-content span {
    display: block;
    color: var(--text-color);
    font-size: 12px;
}

.pp-content h4 {
    margin-bottom: 0;
    margin-top: 5px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
}

.pp-content h4 a {
    color: var(--dark-color);
    transition: var(--transition);
}

.pp-content h4 a:hover {
    color: var(--secondary-color);
}

.popular-post ul li+li {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid var(--border-color);
    /* border: 0.5px solid #f359294a; */
}

/* Event Details End */


/* Service information */
.ss-main h3 {
    font-size: 16px;
    margin-bottom: 10px;
    font-weight: 500;
}

.ss-main ul {
    display: flex;
    margin-bottom: 5px;
}

/* .ss-main ul li+li { */
.ss-main ul li {
    /* margin-left: 30px; */
    color: #15930a;
}

.ss-main ul li i {
    font-size: 20px;
    margin-right: 3px;
    vertical-align: middle;
    color: var(--primary-color);
}

.ss-main-img {
    /* height: 450px; */
    overflow: hidden;
    margin-bottom: 25px;
    border-radius: var(--border-radius);
}

.ss-main-img img {
    /* height: 100%; */
    height: auto;
    width: 100%;
    object-fit: cover;
}

.ss-sidebar {
    position: sticky;
    top: 80px;
}

.ss-main p {
    line-height: 1.6;
}

.ss-search {
    box-shadow: 0 3px 30px 0 rgb(102 102 102 / 20%);
    background: var(--white-color);
    padding: 20px;
    border-radius: 4px;
}

.ss-search .btn {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 0;
    background: var(--primary-color);
    border: none;
    padding: 10px 15px;
    font-size: 25px;
}

.ss-search form {
    position: relative;
}

.ss-search .form-control {
    height: 50px;
    border-radius: 0;
    border: 1px solid #eee;
    padding-right: 65px;
}

.ss-sidebar h3 {
    background: var(--secondary-color);
    padding: 15px 20px;
    border-left: 7px solid var(--secondary-color);
    margin-bottom: 0;
    color: var(--white-color);
    font-weight: 500;
    font-size: 20px;
}



.service-post ul {
    padding: 20px;
    background: var(--white-color);
    border-radius: var(--border-radius);
}

.service-post ul li {
    display: flex;
    align-items: center;
}

.sp-img {
    height: 70px;
    overflow: hidden;
    flex: 2;
    border-radius: var(--border-radius);
}

.sp-img a {
    width: 100%;
    height: 100%;
}

.sp-img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.sp-content {
    margin-left: 20px;
    flex: 6;
}

.sp-content span {
    display: block;
    color: var(--text-color);
    font-size: 12px;
}

.sp-content h4 {
    margin-bottom: 0;
    margin-top: 5px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
}

.sp-content h4 a {
    color: var(--dark-color);
    transition: var(--transition);
}

.sp-content h4 a:hover {
    color: var(--secondary-color);
}

.service-post ul li+li {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid var(--border-color);
    /* border: 0.5px solid #f359294a; */
}


.service-post {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.service-post {
    /* box-shadow: 0 3px 50px 0 rgb(102 102 102 / 30%); */
    border-radius: var(--border-radius);
    overflow: hidden;
    border: 0.5px solid #f359294a;
    padding: 12px;
}

.service-item {
    border-radius: 5px;
    padding: 1px;
    text-align: center;
    background: #f6f6f6;
    /* box-shadow: 0 2px 5px rgba(0,0,0,0.1); */
    width: 85px;
    margin-bottom: 10px;
    border-radius: 8px;
    display: block;
}

.service-item img {
    max-width: 80px;
    height: 63px;
    width: auto;
    /* border-radius: 50%; */
}

.service-item h4 {
    margin-top: 10px;
    font-size: 12px;
    font-weight: 400;
}

/* Service information end */






/* General Page  */
.general-page-wrap h2 {
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 20px;
}

.general-page-wrap h3 {
    margin-top: 20px;
    margin-bottom: 15px;
    font-size: 22px;
}

.general-page-wrap ul {
    margin: 20px 0;
    padding-left: 16px;
}

.general-page-wrap ul li {
    list-style: disc;
    font-size: 12px;
    color: var(--text-color);
    line-height: 1.4;
}

.general-page-wrap ul li+li {
    margin-top: 10px;
}

/* General Page End  */

/* Why Choose Us  */
.choose-us-wrap h2 {
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 20px;
}

.choose-us-wrap h3 {
    margin-top: 20px;
    margin-bottom: 15px;
    font-size: 25px;
}

.choose-us-wrap ul {
    margin: 20px 0;
    padding-left: 16px;
}

.choose-us-wrap ul li {
    list-style: disc;
    font-size: 12px;
    color: var(--text-color);
    line-height: 1.4;
}

.choose-us-wrap ul li+li {
    margin-top: 10px;
}

.choose-us {
    /* padding: 50px 0; */
    /* background-color: #f8f9fa; */
}

.choose-us h2 {
    font-size: 1.8rem;
    color: #1d3557;
    text-align: center;
    margin-bottom: 30px;
}

.grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
}

.feature-card {
    background: #FCF4E9;
    padding: 10px;
    border-radius: 5px;
    /* box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); */
    text-align: center;
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* .feature-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
} */

.feature-card h3 {
    font-size: 20px !important;
    /* color: #0000; */
    margin-bottom: 10px;
}

.feature-card p {
    font-size: 14px !important;
    /* color: #0000; */
    line-height: 1.6;
}

/* end choose-us Page End  */


/* Testimonial Page  */
.testimonial-page-wrap h2 {
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 20px;
}

.testimonial-page-wrap h3 {
    margin-top: 20px;
    margin-bottom: 15px;
    font-size: 22px;
}

.testimonial-page-wrap ul {
    margin: 20px 0;
    padding-left: 16px;
}

.testimonial-page-wrap ul li {
    list-style: disc;
    font-size: 12px;
    color: var(--text-color);
    line-height: 1.4;
}

.testimonial-page-wrap ul li+li {
    margin-top: 10px;
}


.testimonial-header {
    margin-bottom: 40px;
}

.testimonial-title {
    font-size: 2.5rem;
    font-weight: bold;
    color: #23374d;
}

.testimonial-subtitle {
    font-size: 1rem;
    color: #7a869a;
}

.testimonial-slider {
    display: flex;
    gap: 20px;
    overflow-x: auto;
    padding: 10px;
}

.testimonial-card {
    background: linear-gradient(to bottom, #ffe6d5, #ffffff);
    padding: 20px;
    border-radius: 10px;
    /* box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); */
    flex: 0 0 300px;
    text-align: center;
}

.testimonial-content {
    margin-bottom: 20px;
}

.quote-icon {
    font-size: 2rem;
    color: var(--secondary-color);
    display: block;
    text-align: left
        /* margin-bottom: 10px; */
}

.testimonial-info {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.testimonial-avatar {
    width: 70px !important;
    height: 70px !important;
    border-radius: 50%;
    border: 4px solid #ffff;

}

.testimonial-name {
    font-size: 1rem;
    font-weight: bold;
    color: #23374d;
}

.testimonial-role {
    font-size: 0.9rem;
    color: #7a869a;
}

.testimonial-rating {
    font-size: 1rem;
    color: var(--secondary-color);
}

/* .owl-carousel .owl-item img {
    display: block;
    width: 65px;
    height: 65px;
} */
/* Testimonial Page End  */


/*  FAQ's  */
.faq-page-wrap h2 {
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 20px;
}

.faq-page-wrap h3 {
    margin-top: 20px;
    margin-bottom: 15px;
    font-size: 22px;
}

.faq-page-wrap ul {
    margin: 20px 0;
    padding-left: 16px;
}

.faq-page-wrap ul li {
    list-style: disc;
    font-size: 16px;
    color: var(--text-color);
    line-height: 1.4;
}

.faq-page-wrap ul li+li {
    margin-top: 10px;
}

.faq-item {
    border-bottom: 1px solid #e6e9f0;
    margin-bottom: 10px;
}

.faq-question {
    background: #ffffff;
    color: #333;
    width: 100%;
    padding: 10px 16px;
    text-align: left;
    font-size: 13px;
    font-weight: 500;
    border: none;
    outline: none;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 4px;
    transition: all 0.3s ease;
}

.faq-question:hover {
    background: #f1f5f9;
}

.faq-icon {
    font-size: 18px;
    /* font-weight: bold; */
    color: #888;
}

.faq-answer {
    max-height: 0;
    overflow: hidden;
    background: #ffffff;
    padding: 0 20px;
    transition: max-height 0.3s ease;
}

.faq-answer p {
    margin: 15px 0;
    font-size: 14px;
    line-height: 1.6;
    color: #555;
}

/* FAQ's End  */



/* Contact Us Page  */
.contact-us-list-wrap {
    /* border: 1px solid var(--border-color); */
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.07);
    padding: 25px;
    border-radius: 7px;
    margin-bottom: 25px;
}

.contact-us-list-wrap h3 {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 25px;
    background: #f9f9f9;
    padding: 12px 25px;
    margin-left: -25px;
    margin-right: -25px;
    margin-top: -25px;
    border-bottom: 1px solid var(--border-color);
}

.contact-us-list-wrap ul li {
    display: flex;
    align-items: flex-start;
}

.contact-us-list-wrap ul li a {
    display: block;
    font-size: 16px;
    line-height: 1.6;
    color: var(--dark-color);
    transition: var(--transition);
}

.contact-us-list-wrap ul li a:hover {
    color: var(--secondary-color);
}

.contact-us-list-wrap ul li i {
    font-size: 20px;
    color: var(--secondary-color);
    margin-top: 4px;
    margin-right: 10px;
}

.contact-us-list-wrap ul li+li {
    margin-top: 10px;
}

.contact-us-form {
    /* background: rgb(243 89 41 / 4%); */
    border: 1px solid #f3582847;
    border-radius: 10px;
    padding: 30px;
    margin-top: 20px;
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.07)
}

.contact-us-form h3 {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 20px;
}

.contact-us-form label {
    font-size: 16px;
    margin-bottom: 7px;
    color: var(--dark-color);
    display: block;
    font-weight: 500;
}

.contact-us-form .form-control {
    height: 45px;
    border-radius: var(--border-radius);
    /* border: 1px solid var(--secondary-color); */
}

.contact-us-form textarea.form-control {
    height: 134px;
}

.contact-us-form .form-control:focus {
    outline: none;
    box-shadow: none;
    border-color: var(--secondary-color);
}

.contact-us-form .form-group {
    margin-bottom: 15px;
}

.contact-us-form button {
    margin-top: 15px;
    background: var(--secondary-color);
    border: none;
    font-size: 16px;
    font-weight: 500;
    color: var(--white-color);
    padding: 10px 30px;
    border-radius: var(--border-radius);
    transition: var(--transition);
}

.contact-us-form button:hover {
    background: var(--button-hover);
}

.call-to-action {
    margin-top: 20px;
    border-radius: 10px;
    overflow: hidden;
    background: #f5f5f5;
}

.cta-content {
    padding: 30px;
}

.cta-img {
    height: 254px;
    overflow: hidden;
}

.cta-img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.cta-content h3 {
    font-size: 22px;
    color: var(--dark-color);
    font-weight: 500;
    margin-bottom: 12px;
}

.cta-content p {
    color: var(--text-color);
    line-height: 1.5;
}

.call-us a {
    display: block;
    color: var(--dark-color);
    font-size: 25px;
    font-weight: 600;
    letter-spacing: -.3px;
}

.call-us a i {
    vertical-align: middle;
    margin-right: 5px;
    font-size: 34px;
}

.cta-btn {
    display: flex;
    margin-top: 27px;
}

.cta-btn a {
    display: block;
    flex: 1;
    background: var(--secondary-color);
    color: var(--white-color);
    font-size: 16px;
    font-weight: 500;
    padding: 10px 20px;
    border-radius: var(--border-radius);
    text-align: center;
    transition: var(--transition);
}

.cta-btn a:first-child:hover {
    background: var(--button-hover);
}

.cta-btn a+a {
    margin-left: 10px;
    background: var(--white-color);
    color: var(--secondary-color);
    border: 1px solid var(--secondary-color);
}

.cta-btn a+a:hover {
    background: var(--secondary-color);
    color: var(--white-color);
}

/* Contact Us Page End  */

/* ------------------- */

/* Main Header */
.main-header {
    background-color: #333;
    color: #fff;
    padding: 10px 20px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.menu-toggle img {
    cursor: pointer;
    width: 30px;
    height: auto;
}

.menu-list {
    list-style: none;
    margin: 0;
    padding: 7px 0 0 20px;
    display: flex;
    align-items: flex-start;
    /* gap: 20px; */
    justify-content: flex-start;
    flex-direction: column;
    position: relative;
    background: #ffff;
    /* box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.10); */
    border-radius: 8px;
}

.menu-item {
    position: relative;
}

.menu-item>a {
    color: #242f3e;
    text-decoration: none;
    font-size: 13px;
    font-weight: 400;
    /* padding: 5px 10px; */
    padding: 6px 0;
    display: flex;
    align-items: center;
}

.menu-item>a:hover {
    color: #f90;
}

.icon-angle-down {
    margin-left: 5px;
    font-size: 12px;
}

/* Mega Menu */
.mega-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #ffff;
    padding: 40px;
    width: 700px;
    box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.10);
    z-index: 10;
    border-radius: 8px;
}

.menu-item:hover .mega-menu {
    display: flex;
    gap: 20px;
}

.mega-menu-group {
    flex: 1;
}

.mega-menu-group h3 {
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 10px;
}

.mega-menu-group h3 a {
    text-decoration: none;
    color: inherit;
    color: #383838;
}

.mega-menu-group h3 a:hover {
    color: #f90;
}

.sub-menu-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.sub-menu-item {
    margin-bottom: 5px;
}

.sub-menu-item a {
    text-decoration: none;
    color: #383838;
    font-size: 13px;
}

.sub-menu-item a:hover {
    color: #f90;
}

/* Responsive Design */
@media (max-width: 768px) {
    .menu-list {
        display: none;
        flex-direction: column;
        gap: 10px;
    }

    .menu-toggle {
        display: block;
    }

    .menu-toggle img {
        width: 40px;
    }

    .menu-item:hover .mega-menu {
        display: none;
        /* Disable hover-based dropdowns for mobile */
    }

    .menu-list.active {
        display: flex;
    }
}

/* For membership */
.pricing-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    padding: 20px;
}

.plan {
    border-radius: 15px;
    padding: 20px;
    width: 300px;
    text-align: center;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.basic {
    background: #f359291a;
}

.best {
    background: #111827;
    color: white;
}

.fantastic {
    background: #f359291a;
}

.plan-title {
    background: #f35929;
    padding: 10px;
    border-radius: 15px;
    color: white;
    font-weight: bold;
}

.best .plan-title {
    background: #f35929;
}

.price {
    font-size: 35px;
    margin: 10px 0;
}

.features {
    text-align: left;
    padding: 0;
    list-style-type: none;
}

.features li {
    margin: 5px 0;
    padding-left: 20px;
    background: url('https://img.icons8.com/ios-filled/20/000000/checkmark.png') no-repeat left center;
    background-size: 16px;
}

.select-btn {
    margin-top: 20px;
    padding: 10px;
    border: none;
    border-radius: 5px;
    background: #f35929;
    color: white;
    cursor: pointer;
}

.plan {
    width: 100%;
    max-width: 350px;
}

/* for membership end */

/* for team-member */
.team-section {
    text-align: center;
    padding: 50px 20px;
}

.section-title {
    font-size: 2.5rem;
    margin-bottom: 40px;
    color: #333;
}

.team-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
}

.team-member {
    border-radius: 15px;
    padding: 4px;
    width: 300px;
    text-align: center;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    background: white;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    overflow: hidden;
    position: relative;
    /* border: 1px solid; */
}

.team-member:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 25px rgba(0, 0, 0, 0.2);
    background-color: linear-gradient(180deg, rgba(241, 97, 34, 0.00) 0%, #F16122 100%)
}

.team-member img {
    border-radius: 5px;
    width: 100%;
    height: 200px;
    /* height: auto; */
    /* object-fit: cover; */
    object-fit: fill;
    /* background-color: linear-gradient(180deg, rgba(241, 97, 34, 0.00) 0%, #F16122 100%) */
    /* border: 5px solid #ddd; */
}


.team-member h3 {
    margin: 10px 0;
    font-size: 16px;
}

.team-member p {
    color: #777;
}

/* end team member */

/* |================================| */
/* |================================| */
/*  */
.emptycart_wrapper p {
    font-size: 14px;
    color: rgb(117, 117, 117);
    line-height: 20px;
    text-align: center;
    margin-bottom: 0;
    margin-top: 16px;
}

.emptycart_wrapper img {
    height: auto;
    width: 114px;
}

.emptycart_wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(227, 227, 227, 1.00);
    border-radius: 4px;
    margin-bottom: 15px;
    padding: 21px;
}

.cartitem_head {
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
    margin-bottom: 13px;
}

.cartalertmessage {
    color: rgb(255, 255, 255);
    font-size: 12px;
    line-height: 16px;
    background-color: #07794c;
    text-align: center;
    padding: 9px 0;
    font-weight: 600;
}

.cartalertmessage i {
    margin-right: 3px;
    font-size: 16px;
    vertical-align: text-bottom;
}

.cartitem_item {
    display: flex;
    justify-content: space-between;
}

.item_name {
    font-size: 14px;
    line-height: 20px;
    width: 35%;
}

.quantity {
    width: 94px;
    height: 32px;
    background-color: #f7d7cd66;
    border-style: solid;
    border-color: var(--secondary-color);
    border-radius: 8px;
    border-width: 1px;
    opacity: 1;
    display: flex;
    /* padding: 2px 10px; */
    overflow: hidden;
}

.quantity input {
    width: 38px;
    text-align: center;
    border: none;
    background: none;
    color: var(--secondary-color);
}

.quantity a {
    width: 28px;
    text-align: center;
    font-size: 18px;
    padding: 2px 10px;
}

.quantity a span {
    color: var(--secondary-color);
}

.quantity a:hover {
    background-color: #f7d7cd66;
    display: block;
}

.cart_with_item_wrapper {
    /* border: 1px solid black; */
    margin-bottom: 15px;
    box-shadow: 0px 4px 12px rgba(15, 15, 15, 0.08);
    border: 1px solid rgba(227, 227, 227, 1.00);
    border-radius: 8px;
}

.item_price p:first-of-type {
    margin-bottom: 0;
    color: rgb(15, 15, 15);
    font-size: 12px;
}

.item_price p:nth-child(2) {
    margin-bottom: 0;
    color: rgb(117, 117, 117);
    font-size: 12px;
}

.cartitem_body {
    padding: 16px;
}

.viewcart_wrapper {
    display: flex;
    justify-content: space-between;
    /* background-color: #572ac8; */
    background-color: var(--secondary-color);
    color: white;
    padding: 12px 16px;
    border-radius: 8px;
}

.cartbutton_wrapper {
    padding: 16px;
}

.price_tag_wrapper s {
    margin-left: 4px;
    color: rgba(255, 255, 255, 1.00);

}

.addtocart_wrapper {
    font-size: 14px;
    font-weight: 600;
}

.cartitem_item:not(:last-of-type) {
    margin-bottom: 14px;
}

.viewdetail_text_link {

    color: var(--secondary-color);
    font-weight: 600;
    font-size: 14px;
}

.view_info .modal-body h1 {
    font-size: 20px;
    line-height: 28px;
}

.view_info .btn-close {
    position: absolute;
    right: -36px;
    top: 0;
    background-color: white;
    padding: 10px;
    border-radius: 50%;
}

.view_info .modal-footer button:hover {
    background-color: #07794c;
}

.rwComment_head {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.rwComment_head {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.view_info .modal-footer button {
    background-color: var(--secondary-color);
    height: 48px;
    width: 100%;
}

.view_info .modal-footer {
    padding: 3px;
}

.review_tabwrapper .nav-item button {
    border: 1px solid #e2e1e1;
    margin-right: 7px;
    color: rgb(117, 117, 117);
    font-size: 14px;
    font-weight: 600;
}

.review_tabwrapper .nav-item .active {
    background-color: #efecec;
    color: rgb(0 0 0 / 78%);
    border-color: rgb(0 0 0 / 78%);
}

.rwComment_head {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.rwComment_head h3 {
    font-size: 20px;
    font-weight: 600;
    color: rgb(15, 15, 15);
    margin-bottom: 7px;
}

.rwComment_head span {
    background-color: rgba(7, 121, 76, 1.00);
    padding: 5px 8px;
    color: white;
    display: inline-block;
    border-radius: 4px;
}

.rwComment_head div p {
    color: rgb(84, 84, 84);
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 13px;
}

.rwcomment_body p {
    color: rgb(15, 15, 15);
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    margin-bottom: 8px;
}


.review_commentsItem:not(:last-of-type) {
    border-bottom: 1px solid #eae9e9;
    margin-bottom: 21px;
}

.revewcomment_wrapper {
    height: 200px;
    overflow-y: scroll;
}

.service-post-item h4 {
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    text-align: center;
}

.service-post-item {
    position: relative;
    cursor: pointer;
    width: 33.33333%;
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-bottom: 16px;
}

.service-post-item a {
    border: 2px solid transparent;
}

.service-post-item .active {
    border: 2px solid #6e6e6e;
}

.service-post-item h4 {
    position: relative;
}

.service-post-item:before {
    content: '';
    width: 0%;
    height: 2px;
    background-color: black;
    position: absolute;
    left: 0;
    bottom: 3px;
    right: 0;
    margin: 0 auto;
    transition: ease-in-out 0.3s;
}

.service-post-item:hover:before {
    width: 70%;
    transition: ease-in-out 0.3s;
}

.top_ss_content_title div:first-of-type {
    width: 68%;
}
.top_ss_content_title{
    display: flex;
    justify-content: space-between;
}

/* |================================| */
/* |================================| */


/* |================================| */

.city{
    font-size: 12px;
    color: #fff;
    border-radius: 5px;
    background-color: #377a4b;

}
.city select {
    width: 100%;
    padding: 5px;
    background-color: #377a4b;
    color: #fff;
    font-size: 12px;
    border: none;
}

/* main-sidemenu */
.main-side-menu{
    box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.10);
    border-radius: 8px;

}