@charset "utf-8";

/* CSS Document */

html {

    scroll-behavior: smooth;

}
body a:hover{
    color: #000;
}
/* custom helvetica font */


/* {{ asset('live/assets/css/owl.carousel.css')}} */

@media(min-width:1500px) {
    .container{
        max-width: 1440px;
    }
}
.megamenu-list .megamenu-list-title .hm-sb-me li a {
    color: #000 !important;
}

.megamenu-list .megamenu-list-title .hm-sb-me li a:hover {
    color: #ec0404 !important;
}


.dLg-block.fr-mne-icn {
    display: none;
}
.owl-wrapper {
    display: flex !important;
}



#loading {

    width: 100%;

    height: 100vh;

    background: #fff url(../img/Pre-loader-new22.gif) no-repeat center;

    background-size: 200px;

    z-index: 99999999999999;

    overflow: hidden;

    position: fixed;

}

.loader-container {

    width: 100%;

    height: 100vh;

    padding: 25px;

    background-color: rgba(0, 0, 0, 0.6);

    position: fixed;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    z-index: 99999999999999999999999;

}

.loader {

    width: 48px;

    height: 48px;

    border: 5px solid #000;

    border-bottom-color: #FF3D00;

    border-radius: 50%;

    display: inline-block;

    box-sizing: border-box;

    animation: rotation 1s linear infinite;

}



@keyframes rotation {

    0% {

        transform: rotate(0deg);

    }

    100% {

        transform: rotate(360deg);

    }

}


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

.header-sec .up-header-link {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 7px 0px;
}

.hom-become-membr {

}


.mbl-tr-mnu .up-rgt-menu a {
    font-size: 15px;
    color: #000;
    text-decoration: none;
    /* display: flex; */
    align-items: center;
    font-weight: 500;
    margin-right: 20px;
    transition: all 0.5s ease-in-out;
    display: none;
}

.mbl-tr-mnu .up-rgt-menu a:hover {
    color: #ec0404;

}

.mbl-logo {
    display: none;
}

.nav-menus-wrapper .desk-logo {
    display: none;
}


.header-sec .up-header-link a {
    font-size: 12px;
    color: #000;
    text-decoration: none;
    display: flex;
    align-items: center;
    font-weight: 400;
    transition: all 0.5s ease-in-out;
    gap: 4px;
}

.header-sec .up-header-link a:hover {
    color: #ec0404;

}

.header-sec .up-header-link .up-lft-menu {
    display: flex;
    align-items: center;
}

.header-sec .up-header-link .up-rgt-menu {
    display: flex;
    align-items: center;
}

.up-rgt-menu-item {
    border-right: 1px solid var(--muted-foreground);
    padding-inline: 8px;
    line-height: 10px;
}

.header-sec .up-header-link .up-rgt-menu .up-rgt-menu-item:last-child {
    border-right: 0;
    padding-right: 0;
}

.up-rgt-menu .up-rgt-menu-item svg {
    color: var(--primary);
}

.header-sec .up-header-link a img {
    height: 15px;
    margin-right: 5px;

}

.header-sec .top-sec .dLg-block {
    display: flex;
    align-items: center;
}

.header_cart .d-flex {
    gap: 15px;
}

l̥ .srch-inpt-cl .search .input-group {
    border: 1px solid var(--border);
    border-radius: 5px;
    padding: 4px;
}

.srch-inpt-cl .search .input-group input::placeholder {
    color: #858585;
    font-family: 'Helvetica Neue', sans-serif;
    font-size: 14px;
    font-weight: 300;
}

.loaderText {
    color: #fff;
    display: block;
    font-size: 16px;
}

body {
    margin: 0px;
    padding: 0px;
    font-size: 16px !important;
    font-family: 'Helvetica Neue' !important;
    position: relative;
    background-color: #fff !important;
}

.sec-pnk-bg {
    background-color: #fffafa;
}

a {
    color: #000;
    outline: none !important;
}

a:hover {
    text-decoration: none !important;
}

.wishList {
    color: red;
    font-size: 18px
}

.wishList:hover {
    color: black;
}

h1,
h2,
h3,
h4,
h5,
h6,
a {
    /* font-family: 'Helvetica Neue', sans-serif; */
    /* font-family: 'Roboto', sans-serif !important; */
    font-family: 'Helvetica Neue' !important;
}





.hr {
    border-top: 1px solid #cdd4e0 !important;
}

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

* {

    box-sizing: border-box;

}

.red {
    color: red;
}

.breadcrumb {
    background-color: transparent !important;
    padding: 0.75rem 0rem !important;
}

.bgF6F9FC {
    background-color: #ffffff !important;
}

.white {
    color: #FFFFFF !important;
}

.white-bg {
    background-color: #fff;
    border-top: solid 4px #D2232A;
}

.bgwhite {
    background-color: #ffffff !important
}

.zero {

    padding: 0 !important;

    margin: 0;

}

.pr_0 {
    padding-right: 0 !important;
}

.small,
small {

    font-size: 75% !important;

}

/* .fill-hrt .wilst-icn{
  font-size: 17px;
  transition: all 0.5s ease-in-out;
  color: black;
  display: flex;
  height: 18px;
  justify-content: center;
  align-items: center;

} */



.fill-hrt .wilst-icn {
    transition: all 0.5s ease-in-out;
    color: black;
    display: inline-block;
}


.fill-hrt .wilst-icn:hover {
    color: #fff;
}

.fill-hrt:hover .wilst-icn::before {
    content: "\F415";
    font-family: "Bootstrap Icons";
    color: #fff;
}




.m_t_10 {
    margin-top: 10px !important;
}

.m_r_10 {
    margin-right: 10px !important;
}

.m_t_20 {
    margin-top: 20px !important;
}

.m_t_30 {
    margin-top: 30px !important;
}

.m_t_40 {
    margin-top: 40px !important;
}

.m_t_80 {
    margin-top: 80px;
}

.m_b_20 {
    margin-bottom: 20px;
}

.m_b_30 {
    margin-bottom: 30px;
}

.p_b_20 {
    padding-bottom: 20px !important;
}

.p_t_10 {
    padding-top: 10px !important;
}

.p_t_30 {
    padding-top: 30px !important;
}

.pl0 {
    padding-left: 0 !important;
}

.mt-0 {
    margin-top: 0
}

.checked {
    color: #222;
}

.cl {
    clear: both;
}

label {
    font-weight: 400;
    font-size: 16px;
    color: var(--secondary-foreground);
}

.cLoss {
    padding: 10px;
    float: left;
    cursor: pointer;
}

button:focus {
    outline: none !important;
}

.heading_f {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
    display: inline-block;
    color: var(--foreground);
}

.head-top {
    background: #fff;
    border-bottom: solid 1px #f5f5f5;
    padding: 17px 0 10px;
}

.hidden-top-inner ul {

    list-style: none;

    margin: 0;

    padding-top: 3px;

}

.head-top ul li {

    color: #656565;

    font-size: 16px;

}

.hidden-top-inner ul li {

    display: inline;

    margin: 0 20px 0 0;

}

.brdr-b {
    border-bottom: solid 1px #D4F2FA;
    padding: 5px 0;
}

.heading {
    letter-spacing: 0px;
    margin-top: 0;
    padding-top: 0px;
    position: relative;
    margin-bottom: 25px;
    font-size: 20px;
    font-weight: 400;
    padding-bottom: 10px;
    color: var(--secondary-foreground);
}
.section-heading_wrap{
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
}

.section-heading_wrap h3.heading {
    margin: 0;
}
.col-md-12:has(.homeItemSlider ) {
    padding: 0 5px;
}
.homeItemSlider  .owl-wrapper {
    display: flex !important;
}

.homeItemSlider .owl-wrapper .testimonial {
    height: 100%;
}
footer .content_footer_inner .brdr2px .heading {
    padding-top: 0px;
}

.heading:before {
    content: "";
    height: 2px;
    width: 55px;
    background-color: var(--primary);
    z-index: 111;
    display: block;
    position: absolute;
    bottom: -2px;
    left: 0;
}

.explor {

    font-size: 14px;
    font-weight: normal;
    color: var(--primary);
    display: flex;
    align-items: center;
    line-height: normal;
    padding: 8px 16px;
    border: 1px solid var(--primary);
    border-radius: 6px;
    transition: all 0.5s;
}

.explor:hover {
    background: var(--primary);
    color: white;
}

.explor i {
    float: right;
    margin-top: 2px;
    transition: all 0.5s;
    font-weight: 700;
    font-size: 12px;
}

.video_ {

    display: block;

    float: right;

    font-weight: bold;

    color: #eb0407;

    cursor: pointer;

    font-size: 15px;

}

.heading1 {
    font-weight: bold;
    letter-spacing: -1px;
    margin-top: 0;
    padding-top: 20px;
    position: relative;
    margin-bottom: 25px;
    font-size: 30px;
}

.cd-breadcrumb,
.cd-multi-steps {
    margin: 12px 0;
    padding: 0;

}

.cd-breadcrumb::after,
.cd-multi-steps::after {

    clear: both;

    content: "";

    display: table;

}

.cd-breadcrumb li,
.cd-multi-steps li {

    display: inline-block;
    font-size: 14px;
    float: left;

}

.cd-breadcrumb li::after,
.cd-multi-steps li::after {

    display: inline-block;

    content: '\00bb';

    margin: 0 .6em;

    color: #959fa5;

}

.cd-breadcrumb li:last-of-type::after,
.cd-multi-steps li:last-of-type::after {

    display: none;

}

.cd-breadcrumb li>*,
.cd-multi-steps li>* {

    display: inline-block;

    color: #222;

}

.cd-breadcrumb li a:hover {

    color: var(--primary);

    text-decoration: none;

}

.cd-breadcrumb li.current>*,
.cd-multi-steps li.current>* {

    color: #222;

}

.no-touch .cd-breadcrumb a:hover,
.no-touch .cd-multi-steps a:hover {

    color: var(--primary);

}

.cd-breadcrumb.custom-separator li::after,
.cd-multi-steps.custom-separator li::after {

    content: '';

    height: 16px;

    width: 16px;

    background: url(../img/icon/custom-separator.png) no-repeat center center;

    vertical-align: middle;

}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    padding-left: 0 !important;
    padding-top: 5px !important
}

/*------- form-sec ---------*/

.holiday-head {

    width: 100%;

    padding: 30px 0 5px;

    height: 80vh;

    background: url(../img/holiday-bg.jpg) no-repeat;

    background-size: cover;

}



.header2 {

    width: 100%;

    padding: 30px 0 5px;

    height: 100vh;

    background: url(../img/hoter-bg.jpg) no-repeat;

    background-size: cover;

}

.holiday-sec {

    width: 100%;

    padding: 30px 0 5px;

    height: 60vh;

    background: url(../img/holiday-p-bg.jpg) no-repeat;

    background-size: cover;

}

.form {

    background-color: #f5f5f5;

    padding: 30px;

    max-width: 600px;

    margin: 40px auto;

    border-radius: 4px;

    box-shadow: 0 4px 10px 4px rgba(19, 35, 47, 0.3);

}

.car-result-sec {

    width: 100%;

    padding: 30px 0 5px;

    height: 70vh;

    background: url(../img/result-bg.jpg) no-repeat;

    background-size: cover;

}

.hadding {
    margin-top: 100px;
}

.hadding h1 {
    font-size: 40px;
}

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

.search {

    position: relative;

}



#ab {

    width: 100%;

}

.search .dropdown-menu {
    width: 100%;
    max-height: 300px;
    overflow-x: hidden;
    padding: 0;
}

.search ul li {
    display: inline-block;
    background-image: none;
    width: 100%;
    border-bottom: solid 1px #ddd;
}

.search ul li a {
    color: #444;
    font-weight: normal;
    padding: 8px 15px;
    font-size: 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    border: none !important;

    line-height: 18px;
    float: left;
    width: 100%;
}

.search ul li a img {
    width: 40px;
    max-height: 30px;
    margin-right: 10px;
    border-radius: 5px;
}

.search ul li a:hover {
    text-decoration: none;
    opacity: .9
}

.search ul li ul li a {
    color: #444;
    font-size: 14px;
    padding: 5px 10px 5px 20px;
    font-weight: normal;
}

.search ul li .category {

    padding: 0 10px;

    margin-top: 10px;



    float: left;

}

.search ul li .category a {

    padding: 8px 10px;

    background-color: #e5e3e3;

    border-radius: 5px;

    color: #0f073a;

    margin-right: 10px;

    display: block;

}

.search-heading {

    background-color: #df0605;

    color: #fff;

    padding: 5px 15px;

    margin: auto;

    display: block !important;

    float: left;

    margin-top: 10px;

}

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

.home-tit {

    text-align: center;

    width: 100%;

    margin-bottom: 30px;

    padding-top: 10px;

}

.home-tit h2 {

    font-size: 30px;

    font-weight: 300;

    margin-top: 0;

}

.home-tit h2 span {

    font-weight: 600;

}

.home-tit p {

    font-size: 16px;

    font-weight: 400;

    display: block;

    text-align: center !important;

}

.tt_hd {
    color: #3CB191;
}

.badge {

    line-height: 15px !important;

    font-size: inherit !important;

    font-weight: normal !important;

}

/*-------*/

.drop-down {

    display: inline-block;

    position: relative;

}



.drop-down__button {
    display: flex;
    align-items: center;
    cursor: pointer;

}





.drop-down__icon {

    width: 18px;

    vertical-align: middle;

    margin-left: 14px;

    height: 18px;

    border-radius: 50%;

    transition: all 0.4s;

    -webkit-transition: all 0.4s;

    -moz-transition: all 0.4s;

    -ms-transition: all 0.4s;

    -o-transition: all 0.4s;



}

/* .drop-down__menu-box {

    position: absolute;

    width: 220%;

    right: 0;

    background-color: #fff;

    border-radius: 4px;

  box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.2);

     transition: all 0.3s;

  -webkit-transition: all 0.3s;

  -moz-transition: all 0.3s;

  -ms-transition: all 0.3s;

  -o-transition: all 0.3s;

 visibility: hidden;

opacity: 0;

  margin-top: 5px;

  z-index: 9999;

} */


.drop-down__menu-box {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    border-radius: 8px;
    min-width: 132px;
    text-align: center;
    left: 50%;
    transform: translateX(-50%);
    background-color: #fff;
    border-radius: 8px;
    padding: 8px 8px 0 8px;
    border: 1px solid rgba(0, 0, 0, .15);
}

.drop-down__menu {

    margin: 0;

    padding: 0;

    list-style: none;

    width: 100%;

}

/* .drop-down__menu-box:before{

  content:'';

  background-color: transparent;

  border-right: 8px solid transparent;

  position: absolute;

  border-left: 8px solid transparent;

  border-bottom: 8px solid #e10507;

  border-top: 8px solid transparent;

  top: -15px;

  right: 18px;

} */

.drop-down__menu-box:after {

    content: '';

    background-color: transparent;

}

.drop-down__menu li {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100%;
}

.drop-down__item {

    background-color: #efefef;
    border-radius: 40px;
    margin-bottom: 8px;
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    /* background-color: transparent; */
    border: 0;
    line-height: 28px;

    /* font-size: 13px !important; */

    /* line-height: 18px !important; */

    /* padding:10px 15px; */

    /* text-align: left; */

    /* font-weight: 500; */

    /* color: #000; */

    /* cursor: pointer; */

    /* position: relative; */

    /* border-bottom: 1px solid #e0e2e9 !important; */

    /* width: 100%; */

    /* float: left !important; */

}

.drop-down__item-icon {

    width: 15px;

    height: 15px;

    position: absolute;

    right: 0px;

    fill: #8995b6;



}

.drop-down__item:hover .drop-down__item-icon {

    fill: #df0605;

}

.drop-down__item:hover {
    color: white;
    background-color: #df0605;

}

.drop-down__item:last-of-type {

    border-bottom: 0;

}

/* .drop-down--active .drop-down__menu-box{

visibility: visible;

opacity: 1;

  margin-top: 15px;

} */

.drop-down:hover .drop-down__menu-box {

    visibility: visible;

    opacity: 1;

    /* margin-top: 15px; */

}


/* .drop-down__item:before{

  content:'';

  position: absolute;

width: 3px;

height: 28px;

background-color: #df0605;

left: 0px;

top: 50%;

transform: translateY(-50%);

  display:none;

} */

.drop-down__item:hover:before {

    display: block;

}

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

.home-city {

    width: 100%;

}

.home-city ul {}

.home-city ul li {

    float: left;

    width: 50%;

}

.hcity {

    position: relative;

    margin: 0px 10px;

    border-radius: 7px;

}

.hcity:before {

    content: '';

    position: absolute;

    width: 100%;

    height: 100%;

    background: linear-gradient(to top, #2e3b44, #b7a23a00 100%);

    z-index: 2;

    left: 0px;

    border-radius: 5px;

    transition: all 0.5s ease;

}

.hcity:hover {

    box-shadow: 0px 16px 11px -7px rgba(0, 0, 0, 0.68);

    transition: all 0.5s ease;

    transform: translateY(-5px);

}

.home-city ul li div {

    float: left;

    position: relative;

    transition: all 0.5s ease;

}

.hcity div:nth-child(1) {}

.hcity div:nth-child(1) img {

    width: 100%;

    object-fit: cover;

    height: 350px;

    border-radius: 5px;

}

.hcity div:nth-child(2) img {

    width: 70px;

    object-fit: cover;

    height: 70px;

    border-radius: 50%;

    border: 5px solid #fff;

}

.hcity div:nth-child(2) {

    margin-top: -180px;

    text-align: center;

    z-index: 2;

    width: 100%;

    color: #fff;

}

.hcity div:nth-child(2) h4 {

    font-size: 20px;

    font-weight: 600;

    margin: 15px 0px 5px 0px;

}

.hcity div:nth-child(2) p {

    font-weight: 300;

    font-size: 14px;

}

.fclick {

    position: absolute;

    cursor: pointer;

    left: 0px;

    right: 0px;

    top: 0px;

    bottom: 0px;

    z-index: 5;

}

.dr-reckeweg-bg {

    width: 100%;

    background: url(../img/dr-reckeweg-bg.jpg);

    background-size: cover;

    padding: 22px;

    color: #ffffff;

}

/* = EVENTS IN HOME PAGE

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

.blog-ss {
    width: 100%;
    padding: 40px;
    background-color: #ffffff;
    margin-top: 0 !important;
}

.blog-sec {
    width: 100%;
    padding: 40px;
    background-color: #ffffff;
    margin-top: 40px;
}

.hom-event {

    position: relative;

    overflow: hidden;

}

.hom-eve-com {

    float: left;

}


#home-blg {
    margin: 0 0 20px 0;
}

.blog-sec .hom-eve-lhs-1 {
    width: 100%;
    padding: 0px 5px;
}

.eve-box {

    background: #fff;

    padding: 0px;

    position: relative;

    border-radius: 5px;

    overflow: hidden;

    border: 1px solid #efefef;

    box-shadow: 0px 0px 9px -7px rgba(150, 150, 150, 0.78);

}

.eve-box:hover div:nth-child(1) img {

    transition: all 0.5s ease;

    transform: scale(1.1);

}

.all-list-sh .eve-box:hover div:nth-child(1) .auth img {
    transform: scale(1);
}

.eve-box:hover div:nth-child(3) .auth img {

    transform: scale(1);

}

.eve-box:hover div:nth-child(2) h4 a {

    color: #000;

}

.eve-box div {

    position: relative;

    overflow: hidden;

}

.eve-box div:nth-child(1) {}

.eve-box div:nth-child(1) img {

    width: 100%;

    float: left;

    object-fit: cover;

    height: 250px;

    transition: all 0.5s ease;

    cursor: pointer;

}

.eve-box div:nth-child(1) span {

    position: absolute;

    background: var(--primary);

    z-index: 3;

    top: 0px;

    left: 0px;

    color: #ffffff;

    font-size: 13px;

    line-height: 15px;

    padding: 3px 5px 4px 5px;

    border-radius: 0px;

}

.eve-box div:nth-child(1) span b {}

/* .eve-box div:nth-child(2){

    padding: 15px;

} */

.eve-box div:nth-child(2) h4 {
    font-size: 18px;
    padding-bottom: 0px;
    position: relative;
    text-align: left;
    padding-left: 0px;
    display: inline-block;
    font-weight: 400;
    width: 100%;
}

.eve-box div:nth-child(2) h4 a {

    color: #000;

    text-overflow: ellipsis;

    white-space: pre;

    overflow: hidden;

    display: block;

}

.eve-box div:nth-child(2) p {

    margin: 0px;

    overflow: hidden;

    font-size: 13px;

    line-height: 17px;

    margin-bottom: 20px;

    height: 50px;

    color: #86807c;

    /* text-overflow: ellipsis;

     */

    /* white-space: pre;

     */

    /* overflow: hidden;

     */

    display: none;

}

.eve-box div:nth-child(2) span {

    font-size: 16px;

    display: block;

    padding-bottom: 10px;

    font-weight: 500;

    color: #1d1d1d;

    line-height: 26px;

}

.eve-box div:nth-child(2) span.pho {

    padding-bottom: 0px;

}

.eve-box div:nth-child(3) {

    width: 100%;

    padding: 15px 25px 15px 25px;

    border-top: 1px solid #efefef;

}



.hom-eve-lhs-2 {

    float: left;

    width: 50%;

    padding-left: 25px;

}

/* .hom-eve-lhs-2 ul{

} */

.hom-eve-lhs-2 ul li {

    float: left;

    width: 100%;

    margin-top: 10px;

}


.hom-eve-lhs-2 h3 {
    font-size: 20px;
    margin-bottom: 0;
}

.eve-box-list {

    float: left;

    width: 100%;

    background: #fff;

    padding: 0px 10px 0px 0px;

    position: relative;

    overflow: hidden;

    border: 1px solid #efefef;

    border-radius: 6px;
    box-shadow: 0px 0px 9px -7px rgba(150, 150, 150, 0.78);

    position: relative;

}

.eve-box-list:hover h4 {
    color: var(--primary);

}

.eve-box-list img {

    width: 65px;

    height: 65px;

    object-fit: cover;

    float: left;

    margin-right: 18px;

    transition: all 0.5s ease;

}

.eve-box-list h4 {

    margin-top: 14px;

    margin-bottom: 0px;

    color: #343c42;

    font-size: 14px;

    font-weight: 600;

    transition: all 0.5s ease;

    text-overflow: ellipsis;

    white-space: pre;

    overflow: hidden;

    /* padding-right: 50px;

     */

}

.eve-box-list p {

    color: #343c42;

    font-size: 12.5px;

    font-weight: 400;

    transition: all 0.5s ease;

    text-overflow: ellipsis;

    white-space: pre;

    overflow: hidden;

    margin-bottom: 0px;

    padding-top: 2px;

}

.eve-box-list span {

    position: absolute;

    background: #000000a1;

    z-index: 3;

    bottom: 0px;

    left: 0px;

    color: #ffffff;

    font-size: 12px;

    line-height: 15px;

    padding: 2px;

    border-radius: 0px;

    text-align: center;

    width: 65px;

}

.eve-box-list span b {

    font-weight: 600;

    padding-left: 2px;

}

.eve-box-list a {

    position: absolute;

    cursor: pointer;

    left: 0px;

    right: 0px;

    top: 0px;

    bottom: 0px;

    z-index: 5;

}

.auth {

    position: relative;

    overflow: hidden;

}

.auth img,
.eve-box .auth img {

    width: 36px !important;

    height: 36px !important;

    border-radius: 50%;

    object-fit: cover;

    float: left;

    margin-right: 10px;
    transition: all 0.5s ease;

    cursor: pointer;

}

.auth b {

    padding: 0px;

    font-size: 11px;

    font-weight: 400;

    color: #ac836d;

    line-height: 15px;

    float: left;

}

.auth h4 {

    margin: 0px;

    font-size: 14px;

    /* float: left; */

    line-height: 15px;

    text-overflow: ellipsis;

    white-space: pre;

    overflow: hidden;

    margin-top: -7px;

    font-weight: 600;

    text-align: left;

    padding-left: 0px;

}

.auth .fclick {}

.view-all {

    padding: 20px 0 0px;

    color: #54c1f1;

    font-weight: 500;

    font-size: 18px;

    float: right;

    border-radius: 4px;

}

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



.btn-holder {

    width: 100%;

    height: 100%;

    background: #e0d7fc;

    display: flex;

    justify-content: center;

    align-items: center;

}

.help-btn {

    font-size: 14px;

    padding: 10px 15px;

    border-radius: 5px;

    cursor: pointer;

    transition: .3s ease-out;

    border: none;

    -webkit-box-shadow: 0px 0px 33px 0px rgba(0, 0, 0, 0.2);

    -moz-box-shadow: 0px 0px 33px 0px rgba(0, 0, 0, 0.2);

    box-shadow: 0px 0px 33px 0px rgba(0, 0, 0, 0.2);

    position: fixed;

    right: 15px;

    bottom: 10px;

    background-color: #003ca6;

    z-index: 999;

}

.help-btn:hover {

    transform: translateY(-0.7em);

}

.help-btn:focus {

    outline: none;

}



/*.overlay{

  position:fixed;

  height:100%;

  width:100%;

  background:rgba(0,0,0,0.4);

  top:0;

  right:0;

  bottom:0;

  left:0;

  z-index:99999;

  cursor:pointer;

}*/

.fade-enter-active,
.fade-leave-active {

    transition: opacity .5s;

}

.fade-enter,
.fade-leave-to {

    opacity: 0;

}



.side-element {

    position: fixed;

    height: 80vh;

    width: 80%;

    border-radius: 5px 5px 0 0;

    right: -100%;

    bottom: 0px;

    -webkit-box-shadow: -1px 0px 8px 0px rgba(0, 0, 0, 0.3);

    -moz-box-shadow: -1px 0px 8px 0px rgba(0, 0, 0, 0.3);

    box-shadow: -1px 0px 8px 0px rgba(0, 0, 0, 0.3);

    transition: .5s ease-out;

    z-index: 9999999999;

}

.show-element {

    right: 0;

}



.side-element .content {
    padding: 0px;
}

.side-element .content h3 {

    line-height: 28px;

    font-size: 18px;

    margin-top: 0;

    text-align: center;

}

.side-element .content .form-control {
    border-radius: 5px !important
}

.close-btn2 {
    font-size: 28px;
    cursor: pointer;
}

@media(min-width:768px) {

    .side-element {
        width: 400px;
    }

    .artcl {
        padding: 0px 0 20px;
    }

}

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



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

.main {

    width: 100%;

    padding: 30px 40px;

    background-color: #FFFFFF;

    float: left;

    position: relative;

}

.grid-item {

    width: 100%;

    margin-bottom: 20px;

    border-radius: 10px;

    -webkit-box-shadow: 0 2px 10px rgb(0 0 0 / 15%);

    box-shadow: 0 2px 10px rgb(0 0 0 / 15%);

    background: #ffffff;

    overflow: hidden;

    position: relative;

}

.imgholder {

    height: 210px;

    overflow: hidden;

}

.product_footer {

    padding: 15px;

    border-top: solid #128c49 1px;

}

.grid_product_header .name {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    margin: 0 0 2px 0;

    font-size: 17px;

    line-height: 1;

    font-weight: 600;

    color: #333333;

}

.product_footer-info {
    display: flex;
}

.product-price-grid {

    color: #128c37;

    font-size: 15px;

    font-weight: 500;

    margin-bottom: 5px;

    width: 100%;

}

.product-location-grid {

    font-size: 18px;

    color: #333333;

    position: relative;

    width: 100%;

    text-align: right;

    font-weight: bold;

}

/*.product-location-grid:after {

    content: '';

    position: absolute;

    top: 0;

    right: 0;

    width: 11px;

    height: 16px;

    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAQCAMAAAD6fQULAAAAAXNSR0IB2cksfwAAAEhQTFRFAAAAMDAwMzMzMzMzMzMzNDQ0MDAwNTU1MzMzMzMzMzMzNDQ0MzMzMzMzMzMzNDQ0MzMzMjIyMjIyMzMzMzMzMzMzMjIyMzMzdFOl6AAAABh0Uk5TABBvr7+PIDDfoFBAkPDQgOBgwLDP/3DvpZMcmwAAAINJREFUeJw9jlkSwyAMQ5+TBsq+BOj9b1ognepDHmks2QBynK/XpdjQb2Od8+HYIrhtSkyTs4VyHYIETangY7qbkAwmIV0gFlSgWlSfATOg42c2XlK6QmdsA1X76pq53fmc+GhwQR51+8X+3GLk7Uoe66W19/ymkTZ+cUo4muEPW9OeXzXKBNr3N5kqAAAAAElFTkSuQmCC) 0 0 no-repeat;

    background-size: 100%;

}*/

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

.pp-main {

    width: 100%;

    padding: 10px 2px 5px;

    border-radius: 8px;

    border: 1px solid #a9a9a9;
    /* background-color: #fbfbfb;

  box-shadow: 0 2px 4px rgb(37 39 42 / 15%); */

}

.land-pack {

    margin: 0px 0px 0px 0px;

    text-align: center;

}

.land-pack ul {

    position: relative;

    width: 100%;

    float: left;

    overflow: hidden;

    margin-bottom: 20px;

    margin: 0px;

    padding: 0px;

}

.land-pack ul li {

    width: 50%;

    display: inline-block;

    padding: 0px 10px;
    margin-top: 10px;
    float: left;

}

.land-pack-grid {

    float: left;

    position: relative;

    overflow: hidden;

    box-sizing: border-box;

    border-radius: 2px;

    background-color: #fff;

    background-clip: border-box;

    margin-bottom: 0px;

    text-align: center;

    width: 100%;

    cursor: pointer;

}

.see-more {

    color: #eb0405;

    font-size: 14px;

    padding-left: 10px;

    font-weight: 500;

}

.see-more i {
    transition: all 0.5s;
    font-size: 12px;
    opacity: 0;
    font-weight: bold;

}

.see-more:hover i {
    opacity: 1;
}


.see-more:hover {
    color: #eb0405;
    text-decoration: none;
}

.land-pack-grid:hover .land-pack-grid-text {

    -webkit-transition: all .5s ease;

    -moz-transition: all .5s ease;

    -o-transition: all .5s ease;

    transition: all .5s ease;

}

.land-pack-grid:hover .land-pack-grid-btn {

    -webkit-transition: all .5s ease;

    -moz-transition: all .5s ease;

    -o-transition: all .5s ease;

    transition: all .5s ease;

    color: #3330;

}

.land-pack-grid-img {
    height: 100px;
    overflow: hidden;
    border-radius: 7px;
}

.land-pack-grid-img img {

    width: 100%;

    transition: all .5s ease;

    height: 100px;

    object-fit: cover;

    border-radius: 0 !important;

}

.land-pack-grid:hover .land-pack-grid-img img {

    -webkit-transform: scale(1.05);

    -moz-transform: scale(1.05);

    transform: scale(1.05)
}

.land-pack-grid-text {

    position: relative;

    -webkit-transition: all .5s ease;

    -moz-transition: all .5s ease;

    -o-transition: all .5s ease;

    transition: all .5s ease;

    /*position: absolute;*/

    top: 0px;

    bottom: 0px;

    left: 0px;

    right: 0px;

    width: 100%;

    height: 100%;

    z-index: 2;

    /*background: linear-gradient(to top, #000000c7, #00000008);*/

}

.land-pack-grid-text h5 {

    padding: 5px 0 0px 0px;

    margin-bottom: 0px;

    margin-top: 0;

    font-size: 13px;

    line-height: 18px;

    font-weight: 400;

    text-align: left;

    bottom: 0px;

    width: 100%;

    color: #000;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

}

.pp-tt {
    padding-left: 10px;
    color: #000;
    font-weight: 500;
    font-size: 16px;
    margin-top: 0;
    margin-bottom: 0;
}

.land-pack-grid-text p {
    color: #fff;
    padding-top: 10px;
    font-weight: bold;
}

.land-pack-grid-btn {

    color: #3330;

    /*position: absolute;*/

    top: 0px;

    bottom: 0px;

    left: 0px;

    right: 0px;

    width: 100%;

    height: 100%;

    z-index: 8;

}

.land-pack-grid-btn-red {

    background: #df431f
}

.land-pack-grid-btn-yel {

    background: #f3c438
}

.land-pack-grid-btn-blu {

    background: #01a0d8
}

.land-pack .more {

    color: #ffffff;

    padding: 10px 40px;

    border-radius: 2px;

    font-size: 16px;

    display: table;

    margin: 0 auto;

    /* border: 1px solid #3675b6; */

    background: #075376;

}

.land-pack input {

    width: 93%;

    margin: 0 auto;

    display: table;

    margin-bottom: 38px;

    line-height: 40px;

    border: 0px;

    border-bottom: 1px solid #d1d1d1;

    text-align: center;

    font-size: 16px;

}

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

.addressROW {

    display: flex;

    flex-wrap: wrap;

    flex-direction: row;

}

.addressColumn {

    width: 32%;

    min-height: 250px;

    border: solid 1px;

    margin-right: 10px;

    margin-bottom: 10px;

    padding: 15px;

    position: relative;

    font-size: 14px;

    border-radius: 8px;

}

.addnewadd {

    border-style: dashed !important;

    border-width: 2px !important;

    text-align: center;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    cursor: pointer;

}

.addnewadd a {

    width: 100%;

    display: inline-block;

}

.addnewadd a:hover {
    text-decoration: none;
}

.addnewadd i {

    display: block;

    width: 50px;

    height: 50px;

    border: solid 2px #000;

    border-radius: 50%;

    margin: auto;

    line-height: 50px;

    color: #000;

    font-size: 16px;

    margin-bottom: 10px;

}

.addnewadd span {
    color: #000;
    font-size: 16px;
}

.addDelete {
    display: inline-block;
}

.flits-address-card-action {

    position: absolute;

    right: 15px;

    bottom: 15px;

}

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

.mainRewarded {

    width: 100%;

    padding: 40px;

}

.mainRewarded-bg {

    width: 100%;

    padding: 50px 50px;

    background-color: #eb0405;

}

.mainRewarded-bg p {

    color: #fff;

    padding-bottom: 50px;

    position: relative;

}

.mainRewarded-bg h1 {

    color: #fff;

    letter-spacing: 2px;

    padding-bottom: 50px;

    position: relative;

}

.mainRewarded-bg h1:before {

    content: "";

    height: 3px;

    width: 100px;

    background-color: #fff;

    z-index: 11;

    display: block;

    position: absolute;

    bottom: 25px;

    left: 0;

}

.bttn-lgn {

    display: inline-block;

    padding: 15px 30px;

    background-color: #fff;

    color: #eb0405;

    text-decoration: none;

    text-transform: uppercase;

    font-size: 14px;

    font-weight: 500;

    letter-spacing: 3px;

    line-height: 14px;

    cursor: pointer;

}

.bttn-lgn:hover {

    text-decoration: none;

    color: #eb0405;

}

.bttn-lgn:focus {

    text-decoration: none;

    color: #eb0405;

}

.w3ls-pince {
    margin-top: 5px;
    padding-bottom: 1em;
    /* border-bottom: solid 1px #d4d4d4; */
    float: left;
    width: 100%;
    display: flex;

}



.pince-dleft {

    float: left;

    width: 25%;

    height: 170px;

    border: 1px solid #d4d4d4;

    text-align: center;

    overflow: hidden;

    margin-right: 10px;

}

.pince-left {

    /* float: left;
  width: 138px; */
    text-align: center;
    /* overflow: hidden; */
    margin-right: 10px;


}

.w3ls-pince img {

    width: 65px;
    height: auto;

}

.pince-right {

    float: right;
    font-size: 15px;
    /* width: 90%; */

}

.pince-right p {
    color: #000;
    text-align: left;
    margin-bottom: 0;
    font-weight: 300;
    font-size: 14px;
}

/*.w3ls-pince:hover{cursor: pointer;}*/

.w3ls-pince h4 {

    font-size: 16px;
    color: #000;
    padding-bottom: 2px;

    margin-bottom: 0;

    margin-top: 0;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}

/*.w3ls-pince:hover h4{color: #000;text-decoration: underline;}*/

.w3ls-pince h5 {

    font-size: 20px;

    color: #003CA6;

    margin-bottom: 6px;

    margin-top: 4px;

    transition: .5s all;

    -webkit-transition: .5s all;

    -moz-transition: .5s all;

    -o-transition: .5s all;

    -ms-transition: .5s all;

}

.w3ls-pince h6 {

    margin: 0;

    border-top: solid 1px #a7a7a7;

    font-size: 22px;

    padding-top: 8px;

    color: #003CA6;

}

.features .pince-right p {

    margin: 0;

}



.w3ls-pince:hover h5 {

    transform: rotatey(360deg);

    -webkit-transform: rotatey(360deg);

    -moz-transform: rotatey(360deg);

    -o-transform: rotatey(360deg);

    -ms-transform: rotatey(360deg);

    color: #fff;

}

.w3ls-pince:hover h6 {

    color: #fff;
    border-top: solid 1px #ffffff;

}

.news-mm {

    width: 100%;

    padding: 40px;

}

.news-mm .news-mm-img {
    width: 100%;
    max-width: 500px;
}

.news-mm .news-mm-cnt {
    width: 100%;
    margin-left: auto;
}

.news-mm .news-mm-cnt .home-tit h2 {
    font-weight: 500;
    color: #000;
    text-align: left;
}

.news-mm .news-mm-cnt .home-tit span {
    display: block;
    height: 2px;
    width: 15%;
    background-color: #ec0404;
}

.item-slider-sec a:hover {
    text-decoration: none;
}

.catg {
    width: 100%;
    border: 1px solid var(--border);
    border-radius: 10px;
    padding-bottom: 15px;
    height: 100%;
}
.col-xl-3.col-lg-4.col-md-6:has(.catg) {
    margin-bottom: 30px;
}
.catg-pic {
    height: 240px;
    position: relative;
    margin: 0 auto;
    border-radius: 8px 8px 0px 0px;
    overflow: hidden;
    cursor: pointer;

}

.catg-pic img {
    width: 100%;
    height: 100%;
    border-radius: 8px 8px 0px 0px !important;
    object-fit: cover;

}

.catg .catg-title {
    font-size: 18px;
    font-weight: 500;
    color: #000;
    text-transform: capitalize;
    margin-top: 15px;
    margin-bottom: 10px;
    line-height: 22px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    cursor: pointer;
    padding: 0 15px;

}
ul.mkt-catalog-layer{
      padding: 0 15px;
}
.catg .catg-title:hover {
    color: var(--primary);
}

.mkt-catalog-layer a {

    color: #2f2f2f;

    text-decoration: none;

    padding: 1px;

    display: block;

    font-size: 14px;

}

.sAll {
    font-weight: bold;
    padding: 4px;
    color: var(--primary);
    margin: 0 15px;
}

.sAll:hover {
    color: var(--primary);
}

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

.main1 {

    width: 100;

    padding: 20px 0;

}

.cstmr-review {

    width: 100%;

    display: inline-block;

}

.cstmr-review h3 {
    margin-bottom: 20px;
    font-size: 20px;
}

.review-item {

    width: 100%;

    display: inline-block;

    margin-bottom: 20px;

    border-bottom: solid 1px #ddd;

}

.review-item .review-top {

    width: 100%;

    display: block;

    clear: both;

    display: inline-block;

    margin-bottom: 10px;

}

.review-user-icon {

    width: 30px;

    height: 30px;

    overflow: hidden;

    border-radius: 50%;

    margin-right: 10px;

    float: left;

}

.review-user-icon img {
    width: 100%;
    height: 100%;
}

.review-user-cnt {

    float: left;

}

.review-user-cnt h4 {
    font-size: 16px;
    margin: 5px 0;
}

.review-item .rating {

    float: right;

    padding-bottom: 0;

}

.review-item .name-tt {

    float: left;

}

.review-rating p {
    font-size: 14px;
    font-weight: 400;
    text-align: justify;
    line-height: 28px;
}

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

.money-item {

    width: 100%;

    margin-bottom: 15px;

    border-radius: 10px;

    -webkit-box-shadow: 0 2px 10px rgb(0 0 0 / 15%);

    box-shadow: 0 2px 10px rgb(0 0 0 / 15%);

    background: #ffffff;

    overflow: hidden;

    position: relative;

    padding-top: 10px;

    text-align: center;

}

.money-item .mn-cnt p {
    margin-top: 10px;
    color: #333;
}

.money-item .mn-cnt p:hover {
    color: #54C1F1;
}

.main a:hover {
    text-decoration: none;
}

/*--------------- Testimonial ----------------*/

.item-slider-sec {
    width: 100%;
    padding: 40px;
    margin-top: 0px;
}
@media (max-width: 1200px) {
    .item-slider-sec{
        padding: 15px 5px;
    }
}
.item-slider-sec .owl-carousel a:hover {
    text-decoration: none;
}

.testimonial .description {

    font-size: 15px;

    color: #303030;

    line-height: 28px;

    margin-bottom: 20px;

}

.testimonial {

    /*width: 260px;*/

    margin: 0 5px;

}

.testimonial:first {
    margin-left: 0;
}

.testimonial .pic {
    /*width: 270px;*/
    height: 240px;
    position: relative;
    margin: 0 auto;
    border-radius: 7px;
    overflow: hidden;
    cursor: pointer;
}

.testimonial .pic img {
    width: 100%;
    mix-blend-mode: darken;
    height: 100%;
    object-fit: contain;
}

.testimonial .pic2 {
    width: 170px;
    height: 170px;
    position: relative;
    margin: 0 auto;
    border: solid 1px #29ab87;
    border-radius: 50%;
    overflow: hidden;
}

.testimonial .pic2 img {
    width: 100%;
    height: 100%;
}
.testimonial {
    border: 1px solid var(--border);
    padding: 10px;
    border-radius: 10px;
    overflow: hidden;
    height: 100%;
}

.testimonial .pic {
    margin: -10px;
    padding: 20px;
    margin-bottom: 15px;
    background: #fafafa;
    border-radius: 0;
}


.testimonial .testimonial-prc a.fill-hrt, .testimonial .add-wistlst, .product-list a.fill-hrt, .product-list .add-wistlst{
    position: absolute;
    top: 10px;
    right: 15px;
    height: auto;
}
.add-wistlst .fa-heart:before {
    content: "\f415";
    font-family: bootstrap-icons !important;
}
.testimonial ul li {
    width: 100%;
    padding-bottom: 0;
}

.testimonial ul {
    flex-direction: column;
}

.testimonial .testimonial-title {
    font-size: 14px;
    font-weight: 400;
    color: #000;
    text-transform: capitalize;
    margin-top: 8px;
    line-height: 19px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    /* padding-left: 10px; */
    padding-right: 10px;
    cursor: pointer;
    height: 38px;
    margin-bottom: 0;
}

.testimonial .testimonial-title:hover {
    color: var(--primary);
}

.testimonial .pr-price {

    font-size: 16px;

    font-weight: bold;

    color: var(--primary);

    margin-top: 0;

    padding-left: 10px;

    clear: both;

}



.testimonial-prc {

    width: 100%;

    text-align: left;

    padding: 0 00px;

}

.testimonial-prc ul {
    margin: 0px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.testimonial-prc ul li {
    padding-right: 2px;
    padding-bottom: 5px;
    padding-top: 2px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-align: left;
    font-size: 18px;
}

.testimonial-prc ul li:last-child {
    text-align: right;
}

.testimonial-prc ul li a i {
    line-height: normal !important;
}

#recentView .owl-wrapper {
    display: flex !important;
}

#recentView .owl-wrapper .testimonial {
    height: 100%;
}


.fill-hrt {
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.5s ease-in-out;
    margin-left: auto;
}

.fill-hrt:hover .bi-heart:before {
    content: "\f415";
    font-family: bootstrap-icons !important;
    color: var(--primary);
}


.rentl-hrt {
    width: 50px;
}

.testimonial-prc .pr-price {

    font-weight: bold;

    color: #000;

    margin: 0px;

    font-size: 18px;

    padding: 0;

}

.testimonial-prc ul li h4 {

    font-weight: normal;

    font-size: 14px;

    color: #000;

}

/*---*/

.brand {

    margin: 0 5px 5px;



}

.brand .brand-pic {

    width: 100%;

    height: 230px;

    border-radius: 7px;

    overflow: hidden;

    cursor: pointer;

    /* box-shadow: 0 2px 4px rgb(37 39 42 / 15%); */

    background-color: #fff;

}

.brand .brand-pic img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 20px;
}

.brand .brand-title {

    font-size: 15px;

    font-weight: 500;

    color: #000;

    text-transform: capitalize;

    margin-top: 10px;

    line-height: 22px;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    overflow: hidden;

    padding-left: 10px;

    padding-right: 10px;

    cursor: pointer;

}

/*---*/

.owl-theme .owl-controls {

    position: absolute;

    top:-48px;

    right: 25px;

    opacity: 1;

}
.item-slider-sec .section-heading_wrap{
    padding-right: 60px;
}
.owl-theme .owl-controls .owl-buttons div {

    width: 22px;

    height: 30px;

    line-height: 28px;

    text-align: center;

    /* background-color: var(--primary); */

    margin-right: 0px;

}

.owl-prev {

    position: absolute;

    right: -3%;

}

.owl-next {

    position: absolute;

    left: -3%;

}

.owl-prev:after,

.owl-next:after {

    content: "\f104";

    font-family: "Fontawesome";
    font-weight: 400;

    font-size: 28px;

    color: #000;

}

.owl-next:after {

    content: "\f105";

}



@media screen and (max-width: 767px) {
    .owl-next {
        right: 0;
    }
}

@media screen and (max-width: 480px) {

    .owl-theme .owl-controls {
        top: -13%;
    }

}

/*--------------</ testimonieal >------------*/

.dataTables_wrapper {

    padding-top: 10px;

}

.dt-buttons {

    display: inline-block;

    margin-bottom: 15px;

    padding-top: 5px;

}

.dt-buttons .dt-button {

    background: #1976d2 none repeat scroll 0 0;

    border-radius: 4px;

    color: #ffffff;

    margin-right: 3px;

    padding: 5px 15px;

}

.dt-buttons .dt-button:hover {

    background: #2f3d4a none repeat scroll 0 0;

}

.dataTables_info,

.dataTables_length {

    display: inline-block;

}

.dataTables_length {

    margin-top: 10px;

}

.dataTables_length select {

    background-color: transparent;

    background-image: linear-gradient(#1976d2, #1976d2), linear-gradient(#b1b8bb, #b1b8bb);

    background-position: center bottom, center calc(99%);

    background-repeat: no-repeat;

    background-size: 0 2px, 100% 1px;

    border: 0 none;

    padding-bottom: 5px;

    transition: background 0s ease-out 0s;

}

.dataTables_length select:focus {

    background-image: linear-gradient(#1976d2, #1976d2), linear-gradient(#b1b8bb, #b1b8bb);

    background-size: 100% 2px, 100% 1px;

    box-shadow: none;

    outline: medium none;

    transition-duration: 0.3s;

}

.dataTables_filter {

    float: right;

    margin-top: 10px;

}

.dataTables_filter input {

    background-color: transparent;

    background-image: linear-gradient(#1976d2, #1976d2), linear-gradient(#b1b8bb, #b1b8bb);

    background-position: center bottom, center calc(99%);

    background-repeat: no-repeat;

    background-size: 0 2px, 100% 1px;

    border: 0 none;

    border-radius: 0;

    box-shadow: none;

    float: none;

    margin-left: 10px;

    transition: background 0s ease-out 0s;

}

.dataTables_filter input:focus {

    background-image: linear-gradient(#1976d2, #1976d2), linear-gradient(#b1b8bb, #b1b8bb);

    background-size: 100% 2px, 100% 1px;

    box-shadow: none;

    outline: medium none;

    transition-duration: 0.3s;

}

table.dataTable thead .sorting,

table.dataTable thead .sorting_asc,

table.dataTable thead .sorting_asc_disabled,

table.dataTable thead .sorting_desc,

table.dataTable thead .sorting_desc_disabled {

    background: transparent none repeat scroll 0 0;

}

table.dataTable thead .sorting_asc::after {

    content: "";

    cursor: pointer;

    font-family: fontawesome;

    margin-left: 10px;

}

table.dataTable thead .sorting_desc::after {

    content: "";

    cursor: pointer;

    font-family: fontawesome;

    margin-left: 10px;

}

table.dataTable thead .sorting::after {

    color: rgba(50, 50, 50, 0.5);

    content: "";

    cursor: pointer;

    font-family: fontawesome !important;

    margin-left: 10px;

}

.dataTables_wrapper .dataTables_paginate {

    float: right;

    padding-top: 0.25em;

    text-align: right;

}

.dataTables_wrapper .dataTables_paginate .paginate_button {

    border: 1px solid #ddd;

    box-sizing: border-box;

    color: #67757c;

    cursor: pointer;

    display: inline-block;

    min-width: 1.5em;

    padding: 0.5em 1em;

    text-align: center;

    text-decoration: none;

}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,

.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {

    background-color: #1976d2;

    border: 1px solid #1976d2;

    color: #ffffff !important;

}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active,

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {

    background: transparent none repeat scroll 0 0;

    border: 1px solid #ddd;

    box-shadow: none;

    color: #67757c;

    cursor: default;

}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {

    background-color: #1976d2;

    border: 1px solid #1976d2;

    color: white;

}

.dataTables_wrapper .dataTables_paginate .paginate_button:active {

    background-color: #67757c;

    outline: medium none;

}

.dataTables_wrapper .dataTables_paginate .ellipsis {

    padding: 0 1em;

}

.tablesaw-bar .btn-group label {

    color: #67757c !important;

}

.dt-bootstrap {

    display: block;

}

.paging_simple_numbers .pagination .paginate_button {

    background: #ffffff none repeat scroll 0 0;

    padding: 0;

}

.paging_simple_numbers .pagination .paginate_button:hover {

    background: #ffffff none repeat scroll 0 0;

}

.paging_simple_numbers .pagination .paginate_button a {

    border: 0 none;

    padding: 2px 10px;

}

.paging_simple_numbers .pagination .paginate_button.active a,

.paging_simple_numbers .pagination .paginate_button:hover a {

    background: #1976d2 none repeat scroll 0 0;

    color: #ffffff;

}

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

/*.form-control{

    border-radius: 0 !important;

    font-size: 14px !important;

}*/

.bootstrap-tagsinput {

    margin: 0 !important;

    width: 100%;

    padding: 10px 12px !important;

    transition: border-color 0.15s ease-in-out;

}

.bootstrap-tagsinput.has-focus {

    background-color: #fff;

    border-color: #5cb3fd;

}

.bootstrap-tagsinput .label-info {

    display: inline-block;

    background-color: #636c72;

    padding: 5px 6px;

    border-radius: 0.25rem;

    font-weight: normal;

    font-size: 100%;

    margin-top: 5px;

}

.bootstrap-tagsinput input {

    margin-bottom: 0.5em;

}



.bootstrap-tagsinput .tag [data-role=remove]:after {

    content: "×";

}

.oops_sec {

    width: 100%;

    padding: 30px;

}

.oops_sec .oops-img img {
    width: 100px;
}

.recommen {
    width: 100%;
    height: 100%;
    float: left;
    border-radius: 8px;
    margin-bottom: 15px;
    border: 1px solid var(--border);
    padding-bottom: 10px;
}

.recommen .recommen-pic {
    width: 100%;
    height: 200px;
    position: relative;
    margin: 0 auto;
    border-radius: 7px;
    overflow: hidden;
    margin-bottom: 10px;
    background: #fafafa;
}

.recommen .recommen-pic img {
    width: 100%;
    object-fit: contain;
    height: 100%;
    mix-blend-mode: darken;
}

.recommen .verified {
    position: absolute;
    background: var(--primary);
    z-index: 3;
    top: 0px;
    left: 0px;
    color: #fff;
    font-size: 14px;
    padding: 5px;
    line-height: 18px;
}

.recommen .recommen-title {
    padding: 0 15px;
    font-size: 14px;
    font-weight: 400;
    height: 40px;
    line-height: 22px;
    color: #000;
    text-transform: capitalize;
    margin-top: 0px;
    margin-bottom: 10px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: left;
    width: 100%;
}

.recommen-prc {
    padding: 0 15px;
    width: 100%;
    text-align: left;
}

.recommen-prc ul {

    margin: 0px;

    width: 100%;
    display: flex;
    align-items: center;
}

.recommen-prc ul li {

    float: left;

    padding-right: 0px;

    line-height: normal;

    padding-top: 5px;

    width: 50%;

    text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden;

    text-align: left;

    font-size: 20px;

}

.recommen-prc ul li a {
    color: red
}

.recommen-prc ul li a:hover {
    color: red
}

.recommen-prc ul li:last-child {
    text-align: right;
}

.recommen-prc .pr-price {
    font-weight: bold;
    color: #000000;
    margin: 0px;
    font-size: 18px;
}

.recommen-prc ul li h4 {

    font-weight: normal;

    font-size: 14px;

    color: #000;

}

/*.recommen-prc i {

    font-size: 20px;

}*/

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

.item-product {
    width: 100%;
    border: 1px solid var(--border);
    padding: 10px;
    border-radius: 10px;
    overflow: hidden;
    height: 100%;
}

.describe {

    display: flex;

    margin-top: 20px;

}

.describe p {

    width: 70%;

    height: 40px;

    line-height: 18px;

    font-size: 12px;

    overflow: hidden;

}

.describe h3 {

    margin-top: 0px;

}

.location {

    width: 100%;

    float: left;

}

.location ul {
    margin: 0;
}

.location ul li {

    float: left;

    padding-right: 0px;

    padding-bottom: 5px;

    padding-top: 5px;

    width: 70%;

    text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden;

}

.location ul li h4 {

    font-weight: normal;

    font-size: 16px;

    color: #000;

}

.location ul li:last-child {

    width: 30%;

    text-align: right;

    padding-right: 2px;

}

.location i {
    color: #54C1F1;
    font-size: 16px;
}

.location span {
    font-size: 12px;
}

.itm-prc {
    width: 100%;
    text-align: left;
}

.itm-prc ul {
    margin: 0px;
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.itm-prc ul li {
    float: left;
    padding-right: 0px;
    line-height: normal;
    padding-top: 5px;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-align: left;
    font-size: 20px;

}

.itm-prc ul li a {
    color: red
}

.itm-prc ul li a:hover {
    color: red
}

.itm-prc ul li:last-child {
    text-align: right;
}

.itm-prc .pr-price {

    font-weight: bold;

    color: #000;

    margin: 0px;

    font-size: 20px;

}
.item-product a.add-wistlst, .item-product a.fill-hrt, .recommen-prc a.add-wistlst, .recommen-prc a.fill-hrt  {
    position: absolute;
    top: 9px;
    right: 24px;
}
/*.itm-prc ul{margin: 0;}

.itm-prc ul li{

  padding-right: 0px;

  padding-bottom: 5px;

  padding-top: 5px;

  width: 100%;

  text-overflow: ellipsis;

  white-space: nowrap;

  overflow: hidden;

}

.itm-prc ul li h4{

  font-weight: normal;

  font-size: 14px;

  color: #000;

}

.itm-prc ul li:last-child{

  width: 45%;

  text-align: right;

  padding-right: 2px;

}*/

/*.itm-prc i{color: #E80605;font-size: 16px;}*/

.itm-prc span {
    font-size: 12px;
}

.item-product .description {

    font-size: 15px;

    color: #303030;

    line-height: 28px;

    margin-bottom: 20px;

}

.item-product .pic {
    height: 210px;
    position: relative;
    overflow: hidden;
    margin: -10px;
    padding: 20px;
    margin-bottom: 15px;
    background: #fafafa;
    border-radius: 0;

}
.col-xl-3.col-lg-4.col-md-6:has(.item-product) {
    margin-bottom: 10px;
}
.item-product .pic img {
    width: 100%;
    mix-blend-mode: darken;
    height: 100%;
    object-fit: contain;
}

.item-product .pic2 {

    width: 170px;

    height: 170px;

    position: relative;

    margin: 0 auto;

    border: solid 1px #29ab87;

    border-radius: 50%;

    overflow: hidden;

}

.item-product .pic2 img {

    width: 100%;

    height: 100%;

}

.featured {

    position: absolute;
    background: #e80406;
    z-index: 3;
    border-radius: 4px;
    top: 5px;
    left: 5px;
    color: #fff;
    font-size: 11px;
    padding: 1px 6px;
    letter-spacing: 0.5px;
    line-height: 18px;
    font-weight: 400;

}



.item-product .item-product-title {
    font-size: 14px;
    font-weight: 400;
    height: 40px;
    line-height: 22px;
    color: #000;
    text-transform: capitalize;
    margin-top: 0px;
    margin-bottom: 15px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: left;
    width: 100%;
}

.panel-group .panel+.panel {
    margin-top: 20px !important;
}



.simple-pagination ul {

    margin: 20px 0 20px;

    padding: 0;

    list-style: none;

    text-align: center;

}



.simple-pagination li {

    display: inline-block;

    margin-right: 5px;

}



.simple-pagination li a,

.simple-pagination li span {

    color: #666;

    padding: 5px 10px;

    text-decoration: none;

    border: 1px solid #EEE;

    background-color: #FFF;

    box-shadow: 0px 0px 10px 0px #EEE;

}



.simple-pagination .current {

    color: #FFF;

    background-color: #FF7182;

    border-color: #FF7182;

}



.simple-pagination .prev.current,

.simple-pagination .next.current {

    background: #e04e60;

}

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

.elementor-section {

    width: 100%;

}

.elementor-row {

    width: 100%;

    display: flex !important;

    display: -webkit-box;

    flex-wrap: wrap;
    justify-content: space-between;

}

.elementor-item {
    width: 24%;
    border: 1px solid #d4d4d4;
    border-radius: 10px;
}

.elementor-section {

    width: 100%;

    padding: 40px 40px;

    background-color: #fff;

}

.elementor-icon-box-wrapper {
    display: flex;
    padding: 10px;
    align-items: center;
    /* border: 1px solid #f5f5f5; */
    border-radius: 8px;
}

.elementor-icon img {
    width: 60px;
}

.elementor-icon {

    color: #000;
    font-size: 34px;
    line-height: normal;
    /* padding: 8px; */
    text-align: center;
    width: 60px;
    height: 60px;
    border-radius: 100px;
    float: left;
    margin: auto;
    display: flex;
    align-items: center;

}



.elementor-icon-box-icon {
    margin-right: 10px;
}

.elementor-icon-box-content h5 {
    color: #1b1b1b;
    margin-top: 0;
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 8px;
}



.elementor-icon-box-content h5 .elemrntor-btm-bdr {
    display: block;
    height: 2px;
    background-color: #ec0404;
    width: 10%;
    margin-top: 5px;
}

.elementor-icon-box-content p {
    font-size: 13px;
    margin-bottom: 0;
    color: #000;
    font-weight: 400;
    line-height: 1.3;
}

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



/* -------------home-sell-buy------------ */
.homeBuySell h2 {
    font-size: 30px;
    letter-spacing: 0px;
    margin-top: 0;
    padding-top: 20px;
    position: relative;
    margin-bottom: 25px;
    padding-bottom: 10px;
    color: var(--secondary-foreground);
}
.homeBuySell img.img-fluid {
    padding: 30px;
}
.homeBuySell h2:after {
    display: block;
    content: "";
    width: 120px;
    height: 2px;
    background: var(--primary);
    position: absolute;
    bottom: 0;
    left: 0;
}

.homeBuySell p {
    font-size: 16px;
    font-weight: 300;
    color: var(--secondary-foreground);
    margin: 24px 0 0 0;
    line-height: 26px;
}


/* --- */
/**/

footer {

    width: 100%;

    background: #fffafa;

    padding-top: 50px;

    padding-left: 40px;

    padding-right: 40px;

    /* box-shadow: 0 -5px 15px -5px #e1e1e1; */

    transition: background-color 1s;

}


footer .content_footer_wrapper .content_footer_inner .ffsocial a {
    width: 100%;
    display: block;
}

footer .content_footer_wrapper .content_footer_inner .ffsocial img {
    width:100%;
}
footer .app-links {
    display: flex;
    gap: 10px;
    max-width: 230px;
}

footer .content_footer_wrapper .content_footer_inner .ffsocial p {
    font-size: 14px;
    line-height: 1.2;
    margin: 0 0 25px 0;
}

footer .content_footer_wrapper .content_footer_inner .ffsocial {
    width: 75%;
}

footer a {

    color: #020202;

    text-decoration: none;

}

footer .column {

    float: left;

    border: none;

}

footer h5 {

    color: #020202;
    font-size: 16px;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 15px;
    letter-spacing: .5px;


}

footer .column li i {
    color: #020202;
    margin-right: 5px;
    font-weight: 600;
}

.ffsocial li a:hover .fa {
    background-color: #ec0404;
    color: white;
    border: 1px solid #eb0447;
}



footer .content_footer_wrapper .content_footer_inner .ffsocial li {
    display: inline-block;
    padding: 8px 0;
    font-size: 15px;
    font-weight: 500;
    color: #020202;
}

.ffsocial .fa {

    width: 32px;
    height: 32px;
    line-height: 28px;
    text-align: center;
    color: #000;
    float: left;
    border-radius: 50px;
    font-weight: 100;
    font-size: 19px;
    border: 1px solid #000;
    display: flex;
    justify-content: center;
    align-items: center;

}

footer .column .ffsocial li a {

    display: inherit;

    padding: 0px 0px;

    clear: both;

    font-weight: normal;

    line-height: 1.928571429;

    color: #020202;

    white-space: normal;

    font-size: 15px;

    box-shadow: 0 0 1px transparent;

    -webkit-transition-duration: 0.3s;

    transition-duration: 0.3s;

    -webkit-transition-property: transform;

    transition-property: transform;

}

footer .column li a {

    display: inline-block;

    padding: 6px 0px;

    clear: both;

    font-weight: 400;

    line-height: 1.428571429;

    color: #020202;

    white-space: normal;

    font-size: 16px;

    box-shadow: 0 0 1px transparent;

    -webkit-transition-duration: 0.3s;

    transition-duration: 0.3s;

    -webkit-transition-property: transform;

    transition-property: transform;

}

footer .column li a:hover,

footer .column li a:focus {

    text-decoration: none;

    color: #eb0447;

}

footer .adrs p {
    line-height: 30px;
}



footer .content_footer_inner {

    width: 100%;

    display: block;

    padding-bottom: 20px;

}

footer .copyright-container {

    background: transparent;

    padding: 20px 0;
    border-top: 1px solid #9f9f9f;
    line-height: 9px;

}

footer .copyright-container .social {

    float: left;

    margin: 0px;

    padding: 0px;

    list-style: none;

    color: #020202;

}

footer .copyright-container .social ul li a i {

    color: #020202;

}

footer .payment-block>ul>li {

    display: inline-block;

    vertical-align: top;

    margin-left: 10px;

}

.flogo {
    margin-bottom: 20px;
    width: 200px;
}

.flogo img {
    width: 100%;
}

.payment-block li .fa {

    font-size: 26px;

    line-height: normal;

}

.payment-block {

    float: right;

    margin: 3px 0 0;

}

.payment-block ul {

    margin: 0;

}

.powered {

    color: #020202;

    text-align: center;

    line-height: 24px;

    font-size: 14px;

    display: inline-block;

    vertical-align: top;

    margin: 5px 0 0;

}


.powered span {
    color: #ec0404;
}

.powered a:hover {

    color: #020202;

    text-decoration: none;

}



.fsocial {

    float: left;

    margin: 0px;

    padding: 5px 10px;

    list-style: none;

    color: #020202;

}

.fsocial label {

    color: #020202;

    margin-right: 10px;

}



.fsocial ul {

    margin: 0;

    list-style: none;

}

.fsocial ul li {

    float: left;

    list-style: none;

    margin-left: 5px;

}

.fsocial ul li a i {

    padding-top: 8px;

    text-align: center;

    text-decoration: none;

    font-size: 14px;

    color: #020202;

    border-radius: 50%;

    height: 30px;

    width: 30px;

}









@media only screen and (min-width: 300px) and (max-width: 350px) {

    .slide {
        height: 140px !important;
    }

}

@media only screen and (min-width: 350px) and (max-width: 450px) {

    .slide {
        height: 156px !important;
    }

    .header {
        padding: 0;
    }

    .elementor-section {

        padding: 30px 0px 0;

    }

    .mainRewarded {

        padding: 15px 0;

    }

    .mainRewarded-bg {
        padding: 15px;
    }

    .mainRewarded-bg h1 {
        padding-bottom: 40px;
        font-size: 24px;
    }

    .blog-sec {
        padding: 20px 0;
        margin-top: 0px;
    }

    .news-mm {
        padding: 20px 0;
    }

    .pince-right {
        width: 85%;
    }

    .elementor-item {

        width: 100%;

        margin-bottom: 15px;

    }


    .drop-down__menu-box {

        width: 250px;

    }

    .item-slider-sec {

        padding: 15px 0px;

    }

    footer {
        padding-left: 0px;
        padding-right: 0px;
    }

    .addressColumn {

        width: 100%;

    }



}



@media only screen and (min-width: 450px) and (max-width: 912px) {



    .elementor-section {

        padding: 30px 0px;

    }

    .item-slider-sec {

        padding: 15px 0px;

    }

    .elementor-item {

        width: 50%;

        margin-bottom: 15px;



    }

    .show-modal {
        position: absolute;
        top: -100px;
        right: 15px;
        width: 150px;
    }

    .lction span {}

    .top-search-sec {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .header {
        padding: 0;
    }

    /*.land-pack ul li{width: 100%;}*/



}

/*-------popup css-------*/

.butn {

    display: inline-block;

    padding: 3px 12px;

    margin-bottom: 0;

    font-size: 13px;

    font-weight: 500;

    line-height: 1.42857143;

    text-align: center;

    white-space: nowrap;

    vertical-align: middle;

    -ms-touch-action: manipulation;

    touch-action: manipulation;

    cursor: pointer;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    background-image: none;

    border: 1px solid transparent;

    border-radius: 0px;

}

.butn:focus,

.button:active:focus,

.butn.active:focus,

.butn.focus,

.butn:active.focus,

.butn.active.focus {

    outline: 5px auto -webkit-focus-ring-color;

    outline-offset: -2px;

}

.button-fullcolor {

    color: #fff;

    background-color: #cd2122;

    border-color: #cd2122;

}

.button-fullcolor:focus,

.button-fullcolor.focus {

    color: #fff;

    background-color: #a41a1b;

    border-color: #741b1c;

}

.button-fullcolor:hover {

    color: #fff;

    background-color: #a41a1b;

    border-color: #741b1c;

    text-decoration: none;

}

/*-----------</---- Testimonial ------>----------*/



.product-sec {

    width: 100%;

    float: left;

}

.product-sec h4 {
    font-weight: bold;
    color: #000
}

.section-sec {

    width: 100%;

    background-color: #e3dfdc;

    padding: 30px;

}

.text-list h3 {

    color: #f0683b;

    font-size: 28px;

    margin: 20px 0;

}

.text-list h4 {
    line-height: 28px;
}

.text-list {
    width: 100%;
}

.text-list ul {

    padding-left: 20px;

}

.text-list ul li {

    padding: 7px;

    list-style: square;

}

.pro-sec {
    width: 100%;
    background-color: #FFFFFF;
    padding: 30px 0 50px;
}

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



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

.contact-rich {

    color: #7a7a7a;

    margin-bottom: 2rem;

    word-wrap: break-word;

    border: solid 1px #84b7f1;

    border-radius: 5px 5px 0 0;

}

.add-title {

    margin: 0;

    padding: 10px 15px;

    background-color: #156dd1;

    color: #ffffff;

    letter-spacing: .56px;

    text-transform: capitalize !important;

    font-weight: 500;

    font-size: 16px;

    line-height: 24px;

}

.contact-rich .add-item {

    height: auto;

    overflow: hidden;

    padding: 15px 15px;

    background: #e8e8e8;

}

.contact-rich .add-item .icon {

    float: left;

    width: 3rem;

    height: 35px;

}

.contact-rich .add-item .icon i {
    font-size: 20px;
    margin-top: 7px;
}

.contact-rich .add-item .data {

    color: #232323;

    font-size: 14px;

    width: auto;

    overflow: hidden;

    line-height: 2;

}

.contact-rich .add-item .data h5 {
    margin: 0px;
    color: #f7511f;
    font-size: 16px;
}

.ul-li ul {
    padding-left: 30px;
}

.ul-li ul li {
    padding: 8px;
    list-style: square;
    line-height: 28px;
}

.form-sec {
    width: 100%;
}

.form-sec form {
    padding: 15px 15px 0;
    border: solid 1px #84b7f1;
}

.form-sec label {
    font-weight: normal;
}

.form-style {
    display: block;
    width: 100%;
    padding: 10px 12px;
    font-size: 14px;
    height: 40px;
    color: var(--foreground);
    background-color: var(--background);
    background-image: none;
    border: 1px solid var(--border);
    border-radius: 6px;
    outline: none;
    line-height: 20px;
}

.form-style:focus,
.Web-dashbrdN .form-style:focus {

    border: 1px solid #df0605 !important;

}

textarea {

    display: block;

    width: 100%;

    padding: 10px 12px;

    font-size: 14px;

    line-height: 1.42857143;

    color: #555;

    background-color: #fff;

    background-image: none;

    border: 1px solid #ccc;

    border-radius: 1px;

    outline: none;

}

/*input[type=text]:focus, textarea:focus{box-shadow: none;border: 1px solid #51c6ec}*/

.career-sec {

    width: 100%;

    padding: 30px 0;

}

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



@media only screen and (max-width:990px) {

    .box {
        margin-bottom: 30px;
    }

}

/*---</Hover>----*/







@media only screen and (min-width: 300px) and (max-width: 350px) {}

@media only screen and (min-width: 350px) and (max-width: 450px) {}



@media all and (max-width: 768px) {

    .abt-sec {
        background: none;
        border-bottom: solid 2px #ccc;
    }

    .abt-sec h4 {
        text-align: justify;
    }

    .m_t_80 {

        margin-top: 20px;

    }

    .with25 {

        width: 100%;

    }

    .with30 {

        width: 100%;

    }

    .car-result-sec {

        height: 45vh;

        padding-top: 0px;

    }

    .hadding {

        margin-top: 50px;

    }

    .cars-contant {

        padding-top: 20px;

    }

    .heading {

        font-weight: 500;

        font-size: 20px;

        padding-top: 0px;

    }

}

@media only screen and (max-width: 990px) {

    .form-style {

        padding: 8px 8px !important;

        font-size: 12px;

        line-height: 16px;

    }

}

/*-----*/

.box {

    display: block;

    min-width: 100%;

    height: 165px;

    margin: 0px;

    margin-bottom: 20px;

    background-color: white;

    border-radius: 5px;

    box-shadow: rgb(122 216 178) 0px 1px 3px, rgb(103 132 120) 0px 1px 2px;

    -webkit-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);

    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);

    overflow: hidden;

}



.upload-options {

    position: relative;

    height: 35px;

    background-color: #cecece;

    cursor: pointer;

    overflow: hidden;

    text-align: center;

    -webkit-transition: background-color ease-in-out 150ms;

    transition: background-color ease-in-out 150ms;

}

.upload-options:hover {

    background-color: #7fb1b3;

}

.upload-options input {

    width: 0.1px;

    height: 0.1px;

    opacity: 0;

    overflow: hidden;

    position: absolute;

    z-index: -1;

}

.upload-options label {

    display: -webkit-box;

    display: flex;

    -webkit-box-align: center;

    align-items: center;

    width: 100%;

    height: 100%;

    font-weight: 400;

    text-overflow: ellipsis;

    white-space: nowrap;

    cursor: pointer;

    overflow: hidden;

}

.upload-options label::after {

    content: 'add';

    font-family: 'Material Icons';

    position: absolute;

    font-size: 30px;

    color: #fff;

    top: calc(50% - 2rem);

    left: calc(50% - 20px);

    z-index: 0;

}

.upload-options label span {

    display: inline-block;

    width: 50%;

    height: 100%;

    text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden;

    vertical-align: middle;

    text-align: center;

}

.upload-options label span:hover i.material-icons {

    color: lightgray;

}



.js--image-preview {

    height: 130px;

    width: 100%;

    position: relative;

    overflow: hidden;

    background-image: url("");

    background-color: white;

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

}

.js--image-preview::after {

    content: "photo_size_select_actual";

    font-family: 'Material Icons';

    position: relative;

    font-size: 65px;

    color: #54C1F1;

    top: calc(50% - 4rem);

    left: calc(50% - 3.25rem);

    z-index: 0;

}

.js--image-preview.js--no-default::after {

    display: none;

}

.js--image-preview:nth-child(2) {

    background-image: url("http://bastianandre.at/giphy.gif");

}



i.material-icons {

    -webkit-transition: color 100ms ease-in-out;

    transition: color 100ms ease-in-out;

    font-size: 2.25em;

    line-height: 55px;

    color: white;

    display: block;

}



.drop {

    display: block;

    position: absolute;

    background: rgba(95, 158, 160, 0.2);

    border-radius: 100%;

    -webkit-transform: scale(0);

    transform: scale(0);

}



.animate {

    -webkit-animation: ripple 0.4s linear;

    animation: ripple 0.4s linear;

}



@-webkit-keyframes ripple {

    100% {

        opacity: 0;

        -webkit-transform: scale(2.5);

        transform: scale(2.5);

    }

}



@keyframes ripple {

    100% {

        opacity: 0;

        -webkit-transform: scale(2.5);

        transform: scale(2.5);

    }

}

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



.videO .video-main {
    width: 75%;
}

.videO .video-itm {
    width: 25%;
}

.openmodale1 {
    margin-top: 10px;
    text-align: right;
    display: block;
    cursor: pointer;
    cursor: pointer;
    color: #37a7d7;
    font-weight: 500;
}

a>.openmodale1:hover {
    text-decoration: underline;
}

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

.detail-img-sec {
    border-radius: 8px;
    width: 52%;

}


.prdt-zm-out {
    display: flex;
    justify-content: space-between;
    border: 1px solid #eeeeee;
    border-radius: 8px;
    padding: 8px;
}


/* .proD-ttinr{
  border: 1px solid #eeeeee;
  border-radius: 8px;
  padding: 8px;
} */




.kf-content {

    width: 45%;

    padding-left: 15px;

}


.kf-content h5 {
    font-size: 17px;
    margin-bottom: 0;
}

.proD-tt ul {
    margin-bottom: 0;
}

.proD-tt h3 {
    margin-top: 0;
}

.proD-tt {


    border: 1px solid #eeeeee;
    border-radius: 8px;
    padding: 8px;




    /* border-bottom: solid 1px #ddd; */

    margin-bottom: 10px;

    float: left;

    width: 100%;

}

.product-meta__reference {

    float: left;

    width: 100%;

}

.product-meta__reference li {

    float: left;

    margin-right: 10px;

    padding-right: 10px;

    border-right: solid 1px #222;

}

.product-meta__reference li a {
    color: #000;
}

.product-meta__reference li:last-child {
    border-right: none
}

.kf-ul {

    padding-left: 15px;

    list-style: disc;

    padding-bottom: 10px;

}

.kf-ul li {
    font-size: 14px;
    padding-bottom: 10px;
    word-wrap: break-word;

}

.is-sticky {
    top: 122px !important;
    position: fixed;

}



.is-sunk {

    position: absolute;

    bottom: 0;

    width: 90% !important;

}



.is-sunk-wrapper {

    position: relative;

}

.rdo-btn-sec {
    padding-bottom: 10px;
    float: left;

    width: 100%;

    max-height: 100px;

    overflow-x: hidden;

}


.rdo-btn-sec label {
    border-radius: 6px !important;

}

.rdo-btn-sec::-webkit-scrollbar {

    width: 10px;

}



.rdo-btn-sec::-webkit-scrollbar-track {

    background-color: #ebebeb;

    -webkit-border-radius: 10px;

    border-radius: 10px;

}



.rdo-btn-sec::-webkit-scrollbar-thumb {

    -webkit-border-radius: 10px;

    border-radius: 10px;

    background: #6d6d6d;

}

.soCial {
    float: left;
    width: 100%;
    margin-bottom: 0px;
}

.soCial li {
    float: left;
    list-style: none;
}

.prs-flr-btn {
    width: 100%;
    background-color: #000 !important;
    margin-bottom: 10px;
    font-size: 13px !important;
    font-weight: 300 !important;
    letter-spacing: 1.5px;
}

.soCial li a {

    float: left;

    padding: 5px;

}

.soCial .fa {

    width: 28px;

    height: 28px;

    line-height: 22px;

    text-align: center;

    color: #fff;

    padding: 4px;

    float: left;

    border-radius: 5px;

    font-weight: 100;

    font-size: 16px;

    background-color: #ccc;

}

.faq-sec {
    width: 100%;
    float: left;
}

.faq-main {
    width: 100%;
    padding: 20px 0;
    float: left;
}

.faq-item {

    width: 100%;

    float: left;

    margin-bottom: 20px;

    border-bottom: solid 1px #ddd;

}

.faq-item .question-top {

    width: 100%;

    display: block;

    clear: both;

    float: left;

    margin-bottom: 10px;

}

.q-user-icon {

    width: 30px;

    height: 30px;

    overflow: hidden;

    border-radius: 50%;

    margin-right: 10px;

    float: left;

}

.q-user-icon img {
    width: 100%;
    height: 100%;
}

.q-user-cnt {

    float: left;

}

.q-user-cnt h4 {
    font-size: 16px;
    margin: 5px 0;
}

.faq-main .reply {

    width: 100%;

    padding: 15px;

    background-color: #f5f5f5;

}

/*-----*/

.filter-price {

    width: 220px;

    border: 0;

    padding: 0;

    margin: 0;

}



.price-title {

    position: relative;

    color: #000;

    font-size: 14px;

    line-height: 1.2em;

    font-weight: 400;

}



.price-field {

    position: relative;

    width: 100%;

    height: 36px;

    padding-top: 15px;

    margin-bottom: 10px;

    box-sizing: border-box;

    background: rgba(248, 247, 244, 0.2);

    border-radius: 3px;

}



.price-field input[type=range] {

    position: absolute;

}



/* Reset style for input range */



.price-field input[type=range] {

    height: 5px;

    border: 0;

    outline: 0;

    box-sizing: border-box;

    border-radius: 5px;

    pointer-events: none;

    -webkit-appearance: none;

}



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

    -webkit-appearance: none;

}



.price-field input[type=range]:active,

.price-field input[type=range]:focus {

    outline: 0;

}



.price-field input[type=range]::-ms-track {

    height: 5px;

    border: 0;

    outline: 0;

    box-sizing: border-box;

    border-radius: 5px;

    pointer-events: none;

    background: transparent;

    border-color: transparent;

    color: transparent;

    border-radius: 5px;

}



/* Style toddler input range */



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

    /* WebKit/Blink */

    position: relative;

    -webkit-appearance: none;

    margin: 0;

    border: 0;

    outline: 0;

    border-radius: 5px;

    height: 20px;

    width: 20px;

    margin-top: -8px;

    background-color: #54C1F1;

    cursor: pointer;

    cursor: pointer;

    pointer-events: all;

    z-index: 100;

}



.price-field input[type=range]::-moz-range-thumb {

    /* Firefox */

    position: relative;

    appearance: none;

    margin: 0;

    border: 0;

    outline: 0;

    border-radius: 50%;

    height: 20px;

    width: 20px;

    margin-top: -10px;

    background-color: #54C1F1;

    cursor: pointer;

    cursor: pointer;

    pointer-events: all;

    z-index: 100;

}



.price-field input[type=range]::-ms-thumb {

    /* IE */

    position: relative;

    appearance: none;

    margin: 0;

    border: 0;

    outline: 0;

    border-radius: 50%;

    height: 20px;

    width: 20px;

    margin-top: -10px;

    background-color: #54C1F1;

    cursor: pointer;

    cursor: pointer;

    pointer-events: all;

    z-index: 100;

}



/* Style track input range */



.price-field input[type=range]::-webkit-slider-runnable-track {

    /* WebKit/Blink */

    height: 5px;

    cursor: pointer;

    background: #222;

    border-radius: 5px;

}



.price-field input[type=range]::-moz-range-track {

    /* Firefox */

    height: 5px;

    cursor: pointer;

    background: #222;

    border-radius: 5px;

}



.price-field input[type=range]::-ms-track {

    /* IE */

    height: 5px;

    cursor: pointer;

    background: #222;

    border-radius: 5px;

}



/* Style for input value block */



.price-wrap {

    display: flex;

    justify-content: center;

    color: #222;

    font-size: 14px;

    line-height: 1.2em;

    font-weight: 400;

    margin-bottom: 20px;

}



.price-wrap-1 {

    width: 50%;

    border: solid 1px #dbdbdb;

    padding: 5px;

}

.price-wrap-2 {

    width: 50%;

    text-align: left;

    border: solid 1px #dbdbdb;

    padding: 5px;

}

.price-title {

    margin-right: 5px;

    backgrund: #d58e32;

}



.price-wrap_line {

    margin: 6px 10px;

}



.price-wrap #one,

.price-wrap #two {

    width: 45px;

    margin: 0;

    padding: 0;

    margin-right: 2px;

    background: 0;

    border: 0;

    outline: 0;

    color: #222;

    font-family: 'Karla', 'Arial', sans-serif;

    font-size: 14px;

    line-height: 1.2em;

    font-weight: 400;

}



.price-wrap label {

    text-align: right;

    margin-bottom: 0;

}



/* Style for active state input */



.price-field input[type=range]:hover::-webkit-slider-thumb {

    box-shadow: 0 0 0 0.5px #222;

    transition-duration: 0.3s;

}



.price-field input[type=range]:active::-webkit-slider-thumb {

    box-shadow: 0 0 0 0.5px #222;

    transition-duration: 0.3s;

}

.scrollr {

    overflow: hidden;

    position: relative;

}

.track {

    position: absolute;

    cursor: pointer;

    transition: background-color .3s;

    user-select: none;

    background-color: #ccc;

}

.track.x {

    left: 0;

    bottom: 0;

    width: 100%;

    height: 10px;

    top: 0;

}

.bar {

    position: absolute;

    background-color: #54c1f1;

    transition: background-color .3s, opacity .3s, width .3s, height .3s, margin .3s;

    display: block;

    width: 100%;

    height: 100%;

    opacity: .7;

    border-radius: 5px;

}

.track.x .bar {

    min-width: 25px;

    height: 10px;

    margin: 0px;

}

.track.active {

    background-color: #ccc;

}

.track.active .bar {

    background-color: #999;

    margin: 0;

    opacity: 1;

}

.track.x.active .bar {

    height: 10px;

}

.panel1 {
    padding-bottom: 18px;
}

.panel-heading1 {
    padding: 10px 10px 12px;
    cursor: pointer;
}

.panel-heading1:hover {
    background-color: #ddd
}

.modal-footer1 {
    padding: 15px;
    border-top: none;
    text-align: center;
}

.panel-heading1 h4 {
    margin: 0px;
    font-size: 16px;
}

.panel-heading1 label {
    margin-bottom: 0;
    font-weight: 500;
    cursor: pointer;
}

.panel-body1 {
    padding-bottom: 0px;
    padding-top: 10px;
    padding-right: 10px;
    padding-left: 10px;
}

.d_flex {
    display: flex;
}

@media screen and (max-width:799px) {

    .modal-dialog2 {

        width: 90%;

        left: 5%;

    }

    .main {
        padding: 30px 0;
    }

    .is-sticky {
        position: inherit;
    }

    .is-sunk {
        position: relative;
        width: 100% !important;
    }

    .d_flex {
        display: block;
    }

    .detail-img-sec {
        width: 100%;
    }

    .kf-content {
        width: 100%;
        margin-top: 25px;
    }

}

.frequently-bought-container {

    width: 100%;

    padding: 15px;

    margin-top: 10px;
    border-radius: 8px;

    margin-bottom: 10px;

    border: 1px solid rgb(242, 242, 242);

    float: left;

}

.frequently-bought-container h5 {
    margin-top: 0;
    font-weight: 500;
    margin-bottom: 25px;
    font-size: 18px;
}

.frequently-bought-container .fbc-img ul {
    flex-wrap: wrap;
}

.frequently-bought-container .fbc-img ul li {
    float: left;
}

.frequently-bought-container .fbc-img ul li::after {

    content: " +";

    margin: 0 20px;

}

.frequently-bought-container .fbc-img ul li:last-child::after {

    content: "";

}

.frequently-bought-container .fbc-img ul li:nth-last-child(2)::after {

    content: "";

}

.frequently-bought-container .fbc-img img {
    width: 100px;
}

.frequently-bought-container .fbc-img .priC {
    margin-bottom: 15px;
}

.frequently-bought-container .fbc-cnt {

    width: 100%;

    margin: 20px 0 0;

}

.frequently-bought-container .fbc-cnt ul li {
    padding: 10px 0;
    font-size: 13px;
    font-weight: 300;
}



.dSm-block {
    display: none;
}

.dLg-block {
    display: block;
}

@media screen and (max-width:991px) {

    /* .dSm-block{display:block;} */

    /* .dLg-block{display:none;} */

    body {
        font-size: 13px !important;
    }

    .cd-breadcrumb li,
    .cd-multi-steps li {
        font-size: 12px
    }

}



.grid-spacing {

    margin: 0 0 30px 0;

}



input[type="checkbox"] {

    accent-color: #000000;

    /* Black color */

}







/* add new css for home page in services section */

/* #service .owl-wrapper .owl-item{
  width: 480px !important;
} */

/* #service.owl-carousel{
  width: 77% !important;
  margin: auto
} */

body .box_wrap_service {
    margin: 0 5px;
}





/* home page blog section new changes css  */
.blog-sec .hom-eve-lhs-1 .eve-box .blog-inr-cnt {
    padding: 15px;
}

.blog-sec .hom-eve-lhs-1 .eve-box .blog-inr-cnt .blg-btn-time {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;


}

.blog-sec .hom-eve-lhs-1 .eve-box .blog-inr-cnt .blg-btn-time span {
    font-size: 10px !important;
    color: #fff;
    overflow: hidden;
    /* Hides overflowing text */
    text-overflow: ellipsis;
    max-width: 55%;
    white-space: nowrap;
    background-color: #000;
    border-radius: 4px;
    display: inline-block;
    padding: 6px 6px;
    line-height: normal;
    position: inherit;
    font-family: 'Helvetica Neue', sans-serif;
    /* font-family: 'Roboto', sans-serif !important; */
    letter-spacing: 1px;
}

.blog-sec .hom-eve-lhs-1 .eve-box .blog-inr-cnt .blg-btn-time a {
    display: inline-block;
    text-decoration: none;
    color: #707070;
    font-size: 14px;

}

.btn-eye {
    background-color: #000;
}

.btn-eye i {
    color: white;
}

.blog-sec .hom-eve-lhs-1 .eve-box .blog-inr-cnt .blg-btn-time a i {
    margin-right: 2px;
}

.blog-sec .hom-eve-lhs-1 .eve-box .blog-inr-cnt p {
    font-size: 16px;
    color: #000;
    display: block;
    margin: 4px 0 5px;
    font-weight: 300;
    height: 36px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 20px;
}

.blog-sec .hom-eve-lhs-1 .eve-box .blog-inr-cnt .blog-rd-mr-btn {
    display: inline-block;
    color: var(--primary);
    font-size: 14px;
    text-decoration: underline;
    font-weight: 500;
}




/* Product-detail-page */

table.table.prdt-dtltbl th {
    white-space: nowrap;
}



/* ------------sell---------------- */
#sell-banner {
    background-image: url(/uploads/slider_image/bg.jpg);
    height: 380px;
    border: none;
    background-size: cover;
    border-radius: 36px;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px 60px 0;
}

#sell-banner .bannr-cnt {
    text-align: center;
    width: 770px;
}

#sell-banner .bannr-cnt h1 {
    font-size: 50px;
    line-height: 63px;
    font-weight: 700;
    color: #181818;
    margin-bottom: 24px;
}

#sell-banner .bannr-cnt p {
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
    color: #181818;
    margin-bottom: 32px;
}

.rd-pill-btn {
    font-size: 16px;
    line-height: 16px;
    font-weight: 700;
    color: #ffffff;
    border-radius: 120px;
    padding: 16px 51px;
    display: inline-block;
    background-color: #EB0405;
    text-transform: uppercase;
    margin: 0 10px;
}

.sell-bdy-top-head {
    margin: 70px auto;
    text-align: center;
    width: 820px;
}

.rd-pill-btn:hover {
    color: #ffffff;
}

.sell-bdy-top-head h2 {
    font-size: 35px;
    font-weight: 600;
}

.sell-bdy-top-head p {
    font-size: 20px;
    font-weight: 300;
}

.sell-img-sec .video-container {
    max-width: 100%;
    height: auto;
}

.sell-cnt-sec h3 {
    font-size: 32px;
    font-weight: 500;
}

.sell-cnt-sec p {
    font-size: 20px;
    font-weight: 300;
}

.sell-cnt-sec {
    width: 90%;
}


.sell-upld-pdct,
.join-crt-acnt {
    padding: 80px 0;
}

.sell-upld-pdct {
    margin: 0 60px;
    background-color: #EB04050A;


}

.join-crt-acnt {
    background-color: #EB04050A;
}

.crate-acc-inr {
    background-color: #EB04050A;
    padding: 25px 20px;
    border-radius: 15px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 175px;
    margin-top: 30px;
}

.crate-acc-inr p {
    font-size: 20px;
    color: #000;
    font-weight: 300;
    margin-top: 14px;
    margin-bottom: 0;
}

.crate-acc-inr .icns-crt-act {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: #EB0405;
    display: flex;
    justify-content: center;
    align-items: center;
}

.crate-acc-inr .icns-crt-act span {
    color: #ffffff;
    font-size: 25px;
}




.join-gold-stnd h2 {
    font-size: 30px;
    font-weight: 500;
    width: 60%;
    padding-bottom: 10px;
    position: relative;
    margin-bottom: 20px;
}

.join-gold-stnd h2:after,
.sell-advert .sl-advert-rgt h2::after {
    display: block;
    content: "";
    width: 120px;
    height: 2px;
    background: #EB0405;
    position: absolute;
    bottom: 0;
    left: 0;
}

.join-gold-stnd p {
    font-size: 16px;
    font-weight: 300;
    line-height: 20px;
}

.join-gold-stnd h5 {
    font-size: 16px;
    font-weight: 300;
    color: #000;
    margin: 24px 0 0 0;
}

.join-crt-acnt h2,
.join-crt-acnt h4 {
    width: 60%;
    margin: auto;
}

.join-gold-stnd .gold-stnd-inr {
    border-radius: 15px;
    padding: 10px;
    min-height: 287px;
}

.join-gold-stnd .gold-stnd-inr img {
    width: 70px;
}

.join-gold-stnd .gold-stnd-inr h4 {
    font-size: 22px;
    margin: 22px 0 8px;
}

.join-gold-stnd .gold-stnd-inr p {
    font-size: 16px;
    font-weight: 300;
    line-height: 20px;
}

.sell-advert,
.join-crt-acnt {
    margin: 80px 0;
}


.sell-advert .sl-advert-lft {
    height: 639px;
    border-radius: 60px;
    overflow: hidden;
}

.sell-advert .sl-advert-lft .positon-img {
    position: absolute;
    bottom: 42px;
    right: 48px;
    width: auto;
    height: auto;
}

.sell-advert .sl-advert-lft .positon-img2 {
    position: absolute;
    bottom: 0px;
    left: -50px;
    width: auto;
    height: auto;
}

.sell-advert .sl-advert-lft img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sell-advert .sl-advert-rgt h2 {
    font-size: 40px;
    font-weight: 700;
    line-height: 50px;
    position: relative;
    width: 80%;
    padding-bottom: 20px;
    margin-bottom: 30px;
}

.join-testimo h2 {
    margin-bottom: 60px !important;
}

.sell-advert .sl-advert-rgt p {
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
}

.sell-advert .sl-advert-rgt li i {
    color: #EB0405;
    font-size: 20px;
    margin-right: 7px;
}

.sell-advert .rd-pill-btn {
    margin: 30px 0 0 0;
}

.sell-advnc-seller .avd-slr-inr {
    background-image: url(/uploads/slider_image/sell-advnc-seller-bg-desk.png);
    height: 476px;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
}

.sell-advnc-seller .avd-slr-inr .avd-slr-cnt {
    width: 600px;
    margin-left: 40px;
}

.sell-advnc-seller {
    margin-bottom: 80px;
}

.sell-advnc-seller .avd-slr-inr .avd-slr-cnt h2 {
    font-size: 50px;
    font-weight: 700;
    line-height: 66px;
    color: #ffffff;
}

.sell-advnc-seller .avd-slr-inr .avd-slr-cnt p {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #ffffff;
}

.sell-advnc-seller .avd-slr-inr .avd-slr-cnt a,
.sell-advnc-seller .avd-slr-inr .avd-slr-cnt a:hover {
    color: #EB0405;
    background-color: white;
}

/* .sell-advnc-seller .container, .sell-advert .container, .join-solution .container{
    max-width: 1440px;
    margin: auto;
  } */

.by-sl-advt {
    margin: 70px 0;
}


.by-sl-advt .by-sl-ad-inr {
    border-radius: 20px;
    border: 1px solid #a3a3a3;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    min-height: 213px;
}

.by-sl-advt .by-sl-ad-inr img {
    width: 70px;
}

.by-sl-advt .by-sl-ad-inr h5 {
    font-size: 19px;
    font-weight: 600;
    margin: 20px 0 15px;
}

.by-sl-advt .by-sl-ad-inr p {
    margin: 0;
    color: #a3a3a3;
    font-size: 16px;
    text-align: center;
    font-weight: 300;
    line-height: 21px;
}

.join-solution {
    margin: 70px 0;
    text-align: center;
}

.join-solution h2,
.by-sl-advt h2,
.join-testimo h2,
.join-crt-acnt h2 {
    color: #000000;
    font-weight: 700;
    font-size: 40px;
    line-height: 50px;
    position: relative;
    text-align: center;
    padding-bottom: 20px;
    margin-bottom: 30px;
}





.join-testimo {
    margin: 70px 0;
}

:root {
    --quote-bg-color: #f7f7f7;
}

.join-testimo .responsive-quote {
    position: relative;
    padding: 35px 20px;
    background-color: var(--quote-bg-color);
    border-radius: 16px;
    min-height: 185px;
}

.join-testimo .responsive-quote::before {
    content: url("data:image/svg+xml,%3Csvg class='quote-svg' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M7.56863 4H4.43137C2.56863 4 1 5.6 1 7.5V10.8C1 12.7 2.56863 14.3 4.43137 14.3H6.78431C7.56863 14.3 8.35294 14 9.03922 13.6V15.7C9.03922 17 8.05882 18 6.78431 18H5.21569C4.62745 18 4.23529 18.4 4.23529 19C4.23529 19.6 4.62745 20 5.21569 20H6.78431C9.13725 20 11 18.1 11 15.7V10V7.5C11 5.6 9.43137 4 7.56863 4Z'%3E%3C/path%3E%3Cpath d='M19.6638 4H16.4299C14.5679 4 13 5.6 13 7.5V10.8C13 12.7 14.5679 14.3 16.4299 14.3H18.7818C19.5658 14.3 20.3497 14 21.0357 13.6V15.7C21.0357 17 20.0557 18 18.7818 18H17.2138C16.6259 18 16.2339 18.4 16.2339 19C16.2339 19.6 16.6259 20 17.2138 20H18.7818C21.1337 20 22.9956 18.1 22.9956 15.7V10V7.5C23.0936 5.6 21.5257 4 19.6638 4Z'%3E%3C/path%3E%3C/svg%3E");
    position: absolute;
    top: -10px;
    left: -10px;
    transform: scale(2);
    opacity: 0.1;
}

.join-testimo .responsive-quote::after {
    content: url("data:image/svg+xml,%3Csvg class='quote-svg' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M7.56863 4H4.43137C2.56863 4 1 5.6 1 7.5V10.8C1 12.7 2.56863 14.3 4.43137 14.3H6.78431C7.56863 14.3 8.35294 14 9.03922 13.6V15.7C9.03922 17 8.05882 18 6.78431 18H5.21569C4.62745 18 4.23529 18.4 4.23529 19C4.23529 19.6 4.62745 20 5.21569 20H6.78431C9.13725 20 11 18.1 11 15.7V10V7.5C11 5.6 9.43137 4 7.56863 4Z'%3E%3C/path%3E%3Cpath d='M19.6638 4H16.4299C14.5679 4 13 5.6 13 7.5V10.8C13 12.7 14.5679 14.3 16.4299 14.3H18.7818C19.5658 14.3 20.3497 14 21.0357 13.6V15.7C21.0357 17 20.0557 18 18.7818 18H17.2138C16.6259 18 16.2339 18.4 16.2339 19C16.2339 19.6 16.6259 20 17.2138 20H18.7818C21.1337 20 22.9956 18.1 22.9956 15.7V10V7.5C23.0936 5.6 21.5257 4 19.6638 4Z'%3E%3C/path%3E%3C/svg%3E");
    position: absolute;
    bottom: -10px;
    right: -10px;
    transform: scale(2) rotate(180deg);
    opacity: 0.1;
}

.join-testimo .responsive-quote p {
    font-size: 16px;
    font-weight: 300;
}

.join-testimo .responsive-quote cite {
    font-size: 16px;
}
















.join-solution h2::after,
.by-sl-advt h2::after,
.join-crt-acnt h2::after,
.join-testimo h2:after {
    display: block;
    content: "";
    width: 120px;
    height: 2px;
    background: #EB0405;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.join-solution p,
.by-sl-advt h4,
.join-crt-acnt h4 {
    color: #000000;
    font-weight: 300;

    font-size: 16px;
    line-height: 24px;
    text-align: center;
}

.jon-ctn-top {
    width: 70%;
    margin: auto;
}

.join-solution .inr-box-contener {
    margin-top: 60px;
}

.join-solution .inr-box-contener .box-inr {
    padding: 30px;
    border-radius: 24px;
    display: flex;
    text-align: left;
    box-shadow: 0px 8px 40px -17px rgba(0, 0, 0, 0.30);
    -webkit-box-shadow: 0px 8px 40px -17px rgba(0, 0, 0, 0.30);
    -moz-box-shadow: 0px 8px 40px -17px rgba(0, 0, 0, 0.30);
}

.join-solution .inr-box-contener .box-inr img {
    width: 100px;
    height: 100px;
    display: inline-block;
    margin-right: 20px;
}

.join-solution .inr-box-contener .box-inr h4 {
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    position: relative;
    margin: 0 0 10px 0;
    padding-bottom: 4px;
}

.join-solution .inr-box-contener .box-inr h4::after {
    display: block;
    content: "";
    width: 30px;
    height: 2px;
    background: #EB0405;
    position: absolute;
    bottom: 0;
    left: 0;
}

.join-solution .inr-box-contener .box-inr p {
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    text-align: left;
}

.sell-advert .sl-advert-lft .positon-img3 {
    position: absolute;
    top: 84px;
    left: -50px;
    width: auto;
    height: auto;
}

.sell-advert .sl-advert-lft .positon-img4 {
    position: absolute;
    bottom: 82px;
    right: -46px;
    width: auto;
    height: auto;
}

.sell-advert .sl-advert-lft .positon-img5 {
    position: absolute;
    top: 66px;
    left: -102px;
    width: auto;
    height: auto;
}

.sell-advert .sl-advert-lft .positon-img6 {
    position: absolute;
    bottom: 91px;
    right: -40px;
    width: auto;
    height: auto;
}

.join-solution .rd-pill-btn {
    margin-top: 20px;
}



/* Mobile-Menu-css */


/* Hamburger Button */
#hamburger_menu {
    background-color: transparent;
    background-image: linear-gradient(to right, #000, #000);
    background-position: center;
    background-repeat: repeat-x;
    background-size: 100% 2px;
    border: 0;
    color: transparent;
    cursor: pointer;
    font-size: 0;
    height: 18px;
    padding: 0;
    position: relative;
    transition: transform 0.2s;
    width: 25px;
}

#hamburger_menu::before,
#hamburger_menu::after {
    background: #000;
    content: "";
    display: block;
    height: 2px;
    position: absolute;
    width: 100%;
}

#hamburger_menu::before {
    top: 0;
}

#hamburger_menu::after {
    bottom: 0;
}

body:has(.MblN-wrapper.active) #hamburger_menu {
    transform: rotate(90deg);
    background: none;
    height: 25px;
}

body:has(.MblN-wrapper.active) #hamburger_menu::before {
    top: 12px;
    transform: rotate(-45deg);
}

body:has(.MblN-wrapper.active) #hamburger_menu::after {
    bottom: 11px;
    transform: rotate(45deg);
}

/* Menu Wrapper (hidden by default) */
.MblN-wrapper {
    width: 320px;
    background: #e3e3e3;
    position: fixed;
    top: 0;
    left: -320px;
    height: 100vh;
    transition: left 0.3s ease;
    z-index: 1000;
    overflow: hidden;
    box-shadow: 0px 0px 6px #0000003d;
}

.MblN-wrapper.active {
    left: 0;
    /* slide in */
}

/* Main Menu */
.back-btn {
    background: var(--muted);
    padding: 10px;
    width: 100%;
}

.MblN-wrapper .rwd-menu {
    background: #ffffff;
    position: relative;
    /* left: 0; */
    /* top: 0; */
    /* z-index: 1; */
    height: 100vh;
}

.back_menu_btn {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: var(--muted);
    padding-right: 10px;
}

.MblN-wrapper,
.rwd-submenu {
    will-change: transform, left, opacity;
}

.MblN-wrapper .rwd-menu li {
    /* position: relative; */
}

.MblN-wrapper .rwd-menu li i {
    font-size: 23px;
    line-height: 1;
}

.MblN-wrapper .rwd-menu li:hover {
    background: #ededed;
}

.MblN-wrapper .rwd-menu li a {
    display: block;
    padding: 10px;
    font-size: 14px;
    border-bottom: 1px solid  var(--border);
    color: #000;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* hide submenu */
.rwd-submenu {
    position: absolute;
    left: 100%;
    top: 40px;
    background: var(--sidebar-background);
    width: 100%;
    visibility: hidden;
    transition: opacity 0.2s ease, left 0.2s ease;
    height: 100% !important;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: calc(100dvh - 40px) !important;
}
ul.parent-ul-active {
    overflow: hidden !important;
}
ul.rwd-submenu.main-cat.maincate {
    overflow-x: hidden;
    overflow-y: auto;
}
.back_menu_btn a {
    color: #000;
}
.MblN-wrapper .rwd-menu li.open-submenu>.rwd-submenu {
    left: 0;
    z-index: 2;
    visibility: visible;

}

ul.rwd-submenu li .rwd-submenu {
    visibility: hidden;
    height: 0 !important;
}

.MblN-wrapper .rwd-menu li .rwd-submenu li.open-submenu .rwd-submenu {
    visibility: visible;
    height: calc(100% - 0px) !important;
}

ul.rwd-submenu.rwd-submenu2 {
    top: 0;
    overflow-x: hidden;
    overflow-y: auto;
}

.global-back .close-menu {
    color: #000;
    padding: 0 10px;
    text-decoration: none;
}

.global-back .close-menu:hover {
    color: red;
}

.form_edit_ui td {
    padding-inline: 0;
    padding-top: 0;
}

.form_edit_ui .btn-secondary {
    border: 1px solid var(--primary);
    background: none;
    color: var(--primary);
}

.form_edit_ui .btn-secondary:hover {
    background: var(--primary);
    color: #fff;
}

.form_edit_ui h5 {
    font-size: 16px;
    color: var(--secondary-foreground);
    font-weight: 400;
}

.form_edit_ui .form-row {
    width: 100%;
    border: 1px solid var(--border);
    padding: 15px;
    border-radius: 10px;
    margin-bottom: 30px;
    margin-top: 10px;
    align-items: start;
}

.form_edit_ui .form-row textarea {
    height: auto;
    background: none;
}
.form_edit_ui span.bi.bi-trash {
    border: 1px solid var(--primary);
    color: var(--primary);
    padding: 7px 2px;
    height: 100%;
    display: block;
    text-align: center;
    border-radius: 5px;
    margin-left: 10px;
    cursor: pointer;
    max-width: 40px;
    min-width: 40px;
    margin: auto;
}

.form_edit_ui span.bi.bi-trash:hover {
    background: var(--primary);
    color: #fff;
}
.form_edit_ui td.trash {
    width: 52px;
}


   /* About Us Page Styles */
    .about-us-page {
      font-family: 'Helvetica Neue', sans-serif;
      line-height: 1.6;
    }

    /* Typography Classes */
    .about-us-page .section-title {
      color: var(--primary);
      font-size: 2.5rem;
      font-weight: 700;
      margin-bottom: 1rem;
    }

    .about-us-page .section-subtitle {
      font-size: 1.2rem;
      color: var(--muted-foreground);
      max-width: 600px;
      margin: 0 auto;
    }

    .about-us-page .card-title {
      color: var(--primary);
      font-size: 1.2rem;
      font-weight: 600;
      margin-bottom: 10px;
    }

    .about-us-page .card-text {
      color: var(--muted-foreground);
      font-size: 0.95rem;
      line-height: 1.6;
    }


    /* Hero Section */
    .about-us-page .about-hero {
      background:  rgb(from var(--card) r g b / 0.05);
      color: var(--foreground);
      padding: 80px 0;
      position: relative;
      overflow: hidden;
    }

    .about-us-page .about-hero::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: url('/uploads/slider_image/about-tp-bnr.png') center/cover;
      opacity: 0.2;
      z-index: 1;
    }

    .about-us-page .about-hero-content {
      position: relative;
      z-index: 2;
    }

    .about-us-page .about-hero h1 {
      font-size: 2.5rem;
      font-weight: 700;
      margin-bottom: 1.5rem;
      color: var(--primary);
      text-shadow: none;
    }

    .about-us-page .about-hero p {
      font-size: 1.2rem;
      font-weight: 300;
      color: var(--foreground);
      max-width: 600px;
      margin: 0 auto;
    }

    /* Main Content Section */
    .about-us-page .about-main {
      padding: 80px 0;
      background: var(--background);
    }

    .about-us-page .about-content {
      background: var(--card);
      border-radius: 20px;
      padding: 60px;
      box-shadow: 0 20px 60px rgba(0,0,0,0.1);
      border: 1px solid var(--border);
    }

    .about-us-page .about-content h2 {
      color: var(--primary);
      font-size: 2.5rem;
      font-weight: 700;
      margin-bottom: 2rem;
      text-align: left;
    }

    .about-us-page .about-content p {
      font-size: 1.1rem;
      color: var(--foreground);
      margin-bottom: 1.5rem;
      text-align: justify;
    }

    .about-us-page .story-layout {
      display: block;
    }

    .about-us-page .story-content {
      padding-right: 0;
    }


    /* Mission & Vision Section */
    .about-us-page .mission-vision {
      padding: 80px 0;
      background: var(--secondary);
    }

    .about-us-page .mission-card, 
    .about-us-page .vision-card {
      background: var(--card);
      border-radius: 20px;
      padding: 40px;
      text-align: center;
      box-shadow: 0 15px 40px rgba(0,0,0,0.08);
      border: 1px solid var(--border);
      transition: transform 0.3s ease, box-shadow 0.3s ease;
      height: 100%;
    }

    .about-us-page .mission-card:hover, 
    .about-us-page .vision-card:hover {
      transform: translateY(-10px);
      box-shadow: 0 25px 60px rgba(0,0,0,0.15);
    }

    .about-us-page .mission-card h3, 
    .about-us-page .vision-card h3 {
      color: var(--primary);
      font-size: 1.8rem;
      font-weight: 700;
      margin-bottom: 1.5rem;
    }

    .about-us-page .mission-card p, 
    .about-us-page .vision-card p {
      font-size: 1.1rem;
      color: var(--foreground);
      line-height: 1.8;
    }

    .about-us-page .mission-icon, 
    .about-us-page .vision-icon {
      width: 80px;
      height: 80px;
      background: linear-gradient(135deg, var(--primary), #d40e0e);
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 auto 2rem;
      color: white;
      font-size: 1.8rem;
    }

    /* About Image Section */
    .about-us-page .about-image-section {
      padding: 60px 0;
      background: var(--card);
    }

    .about-us-page .about-image-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
      gap: 30px;
      margin-top: 40px;
    }

    .about-us-page .about-image-card {
      background: var(--card);
      border-radius: 15px;
      overflow: hidden;
      box-shadow: 0 10px 30px rgba(0,0,0,0.1);
      border: 1px solid var(--border);
      transition: transform 0.3s ease;
    }

    .about-us-page .about-image-card:hover {
      transform: translateY(-5px);
    }

    .about-us-page .about-image-card img {
      width: 100%;
      height: 200px;
      object-fit: cover;
    }

    .about-us-page .about-image-card .card-content {
      padding: 20px;
    }

    /* Values Section */
    .about-us-page .values-section {
      padding: 80px 0;
      background: var(--background);
    }

    .about-us-page .values-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
      gap: 30px;
      margin-top: 50px;
    }

    .about-us-page .value-card {
      background: var(--card);
      border-radius: 15px;
      padding: 30px;
      text-align: center;
      box-shadow: 0 10px 30px rgba(0,0,0,0.08);
      border: 1px solid var(--border);
      transition: transform 0.3s ease;
    }

    .about-us-page .value-card:hover {
      transform: translateY(-5px);
    }

    .about-us-page .value-icon {
      width: 60px;
      height: 60px;
      background: var(--medical-red-light);
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 auto 1.5rem;
      color: var(--primary);
      font-size: 1.3rem;
    }

    .about-us-page .value-card h4 {
      color: var(--foreground);
      font-size: 1.2rem;
      font-weight: 600;
      margin-bottom: 1rem;
    }

    .about-us-page .value-card p {
      color: var(--muted-foreground);
      font-size: 1rem;
      line-height: 1.6;
    }


    /* Responsive Design */
    @media (max-width: 768px) {
      .about-us-page .about-hero {
        padding: 60px 0;
      }
      
      .about-us-page .about-hero h1 {
        font-size: 2rem;
      }
      
      .about-us-page .about-hero p {
        font-size: 1.1rem;
      }
      
      .about-us-page .about-main,
      .about-us-page .mission-vision,
      .about-us-page .values-section {
        padding: 60px 0;
      }
      
      .about-us-page .about-content {
        padding: 40px 30px;
      }
      
      .about-us-page .about-content h2 {
        font-size: 2rem;
      }
      
      
      .about-us-page .mission-card, 
      .about-us-page .vision-card {
        padding: 30px 20px;
        margin-bottom: 30px;
      }
      
      .about-us-page .values-grid {
        grid-template-columns: 1fr;
      }
      
      .about-us-page .stat-number {
        font-size: 1.8rem;
      }
      
      .about-us-page .section-title {
        font-size: 2rem;
      }
    }

    @media (max-width: 576px) {
      .about-us-page .about-hero {
        padding: 40px 0;
      }
      
      .about-us-page .about-hero h1 {
        font-size: 1.8rem;
      }
      
      .about-us-page .about-main,
      .about-us-page .mission-vision,
      .about-us-page .values-section {
        padding: 40px 0;
      }
      
      .about-us-page .about-content {
        padding: 30px 20px;
      }
      
      .about-us-page .section-title {
        font-size: 1.8rem;
      }
      
      .about-us-page .section-subtitle {
        font-size: 1.1rem;
      }
      
      .about-us-page .stat-number {
        font-size: 1.5rem;
      }
    }

    /* Animation */
    @keyframes fadeInUp {
      from {
        opacity: 0;
        transform: translateY(30px);
      }
      to {
        opacity: 1;
        transform: translateY(0);
      }
    }

    .fade-in-up {
      animation: fadeInUp 0.8s ease-out;
    }

    /* Custom Scrollbar */
    ::-webkit-scrollbar {
      width: 8px;
    }

    ::-webkit-scrollbar-track {
      background: var(--secondary);
    }

    ::-webkit-scrollbar-thumb {
      background: #8B8B8B;
      border-radius: 4px;
    }

    ::-webkit-scrollbar-thumb:hover {
      background: #8B8B8B;
    }


      /* Contact Us Page Styles */
  .contact-us-page {
    font-family: 'Helvetica Neue', sans-serif;
    line-height: 1.6;
  }

  /* Typography Classes */
  .contact-us-page .section-title {
    color: var(--primary);
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 1rem;
  }

  .contact-us-page .section-subtitle {
    font-size: 1.2rem;
    color: var(--muted-foreground);
    max-width: 600px;
    margin: 0 auto;
  }

  .contact-us-page .contact-info-title {
    color: var(--foreground);
    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
  }

  .contact-us-page .contact-info-text {
    color: var(--muted-foreground);
    font-size: 1rem;
    margin-bottom: 0;
  }

  /* Hero Section */
  .contact-us-page .contact-hero {
    background: rgba(240, 20, 20, 0.1);
    color: var(--foreground);
    padding: 80px 0;
    position: relative;
    overflow: hidden;
  }

  .contact-us-page .contact-hero::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('/uploads/slider_image/about-tp-bnr.png') center/cover;
    opacity: 0.1;
    z-index: 1;
  }

  .contact-us-page .contact-hero-content {
    position: relative;
    z-index: 2;
  }

  .contact-us-page .contact-hero h1 {
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
    color: var(--primary);
  }

  .contact-us-page .contact-hero p {
    font-size: 1.2rem;
    font-weight: 300;
    color: var(--foreground);
    max-width: 600px;
    margin: 0 auto;
  }

  /* Main Contact Section */
  .contact-us-page .contact-main {
    padding: 80px 0;
    background: var(--background);
  }

  .contact-us-page .contact-form-card {
    background: var(--card);
    border-radius: 20px;
    padding: 30px;
    border: 1px solid var(--border);
    height: 100%;
    margin-bottom: 30px;
  }

  .contact-us-page .contact-form-card h3 {
    color: var(--primary);
    font-size: 1.8rem;
    font-weight: 700;
    margin-bottom: 2rem;
    text-align: center;
  }

  .contact-us-page .form-control {
    border: 2px solid var(--border);
    border-radius: 10px;
    padding: 15px 20px;
    font-size: 1rem;
    transition: all 0.3s ease;
    background: var(--card);
    color: var(--foreground);
  }
.contact-us-page .contact-item:last-child {
    margin-bottom: 0px;
}
  .contact-us-page .form-control:focus {
    border-color: var(--primary);
    box-shadow: 0 0 0 0.2rem rgba(240, 20, 20, 0.25);
    background: var(--card);
    color: var(--foreground);
  }

  .contact-us-page .form-control::placeholder {
    color: var(--muted-foreground);
  }

  .contact-us-page .prmt-bttn {
    background: linear-gradient(135deg, var(--primary), #d40e0e);
    border: none;
    border-radius: 10px;
    padding: 15px 30px;
    font-size: 1.1rem;
    font-weight: 600;
    color: white;
    transition: all 0.3s ease;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    justify-content: center;
  }
.contact-form-card .g-recaptcha {
    display: flex;
    justify-content: center;
}
  .contact-us-page .prmt-bttn:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 30px rgba(240, 20, 20, 0.3);
  }

  /* Contact Info Section */
  .contact-us-page .contact-info-card {
    background: var(--card);
    border-radius: 20px;
    padding: 30px;
    border: 1px solid var(--border);
    height: 100%;
  }

  .contact-us-page .contact-info-card h1 {
    color: var(--primary);
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 1rem;
  }

  .contact-us-page .contact-info-card h3 {
    color: var(--foreground);
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 1rem;
    text-transform: uppercase;
    letter-spacing: 1px;
  }

  .contact-us-page .contact-info-card p {
    color: var(--muted-foreground);
    font-size: 1.1rem;
    line-height: 1.8;
    margin-bottom: 2rem;
  }

  .contact-us-page .contact-item {
    display: flex;
    align-items: flex-start;
    padding: 20px;
    background: var(--secondary);
    border-radius: 15px;
    transition: transform 0.3s ease;
  }

  .contact-us-page .contact-item:hover {
    transform: translateY(-5px);
  }

  .contact-us-page .contact-icon {
    width: 60px;
    height: 60px;
    background: linear-gradient(135deg, var(--primary), #d40e0e);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 20px;
    color: white;
    font-size: 1.5rem;
    flex-shrink: 0;
  }

  .contact-us-page .contact-details h4 {
    color: var(--foreground);
    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: 5px;
  }

  .contact-us-page .contact-details p {
    color: var(--muted-foreground);
    font-size: 1rem;
    margin-bottom: 0;
  }

  /* Alert Messages */
  .contact-us-page .alert {
    border-radius: 10px;
    border: none;
    padding: 15px 20px;
    margin-bottom: 20px;
  }

  .contact-us-page .alert-success {
    background: #d4edda;
    color: #155724;
  }

  .contact-us-page .alert-danger {
    background: #f8d7da;
    color: #721c24;
  }
.contact-info-card-item{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 25px;
}

  /* Responsive Design */
  @media (max-width: 768px) {
    .contact-us-page .contact-hero {
      padding: 60px 0;
    }
    
    .contact-us-page .contact-hero h1 {
      font-size: 2rem;
    }
    
    .contact-us-page .contact-hero p {
      font-size: 1.1rem;
    }
    
    .contact-us-page .contact-main {
      padding: 60px 0;
    }
    
    .contact-us-page .contact-form-card,
    .contact-us-page .contact-info-card {
      padding: 30px 20px;
      margin-bottom: 30px;
    }
    
    .contact-us-page .contact-info-card h1 {
      font-size: 2rem;
    }
    
    .contact-us-page .contact-item {
      flex-direction: column;
      text-align: center;
    }
    
    .contact-us-page .contact-icon {
      margin-right: 0;
      margin-bottom: 15px;
    }
  }

  @media (max-width: 576px) {
    .contact-us-page .contact-hero {
      padding: 40px 0;
    }
    
    .contact-us-page .contact-hero h1 {
      font-size: 1.8rem;
    }
    
    .contact-us-page .contact-main {
      padding: 40px 0;
    }
    
    .contact-us-page .contact-form-card,
    .contact-us-page .contact-info-card {
      padding: 25px 15px;
    }
    
    .contact-us-page .contact-info-card h1 {
      font-size: 1.8rem;
    }
  }

  /* Animation */
  @keyframes fadeInUp {
    from {
      opacity: 0;
      transform: translateY(30px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  .contact-us-page .fade-in-up {
    animation: fadeInUp 0.8s ease-out;
  }

  /* Custom Scrollbar */
  .contact-us-page ::-webkit-scrollbar {
    width: 8px;
  }

  .contact-us-page ::-webkit-scrollbar-track {
    background: var(--secondary);
  }

  .contact-us-page ::-webkit-scrollbar-thumb {
    background: var(--primary);
    border-radius: 4px;
  }

  .contact-us-page ::-webkit-scrollbar-thumb:hover {
    background: var(--primary);
  }


  /* FAQ Page Enhancement Styles */
    .faq-page {
      font-family: 'Helvetica Neue', sans-serif;
      line-height: 1.6;
    }

    /* Hero Section */
    .faq-page .faq-hero {
      background: rgba(240, 20, 20, 0.1);
      color: var(--foreground);
      padding: 80px 0;
      position: relative;
      overflow: hidden;
    }

    .faq-page .faq-hero::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: url('/uploads/slider_image/about-tp-bnr.png') center/cover;
      opacity: 0.1;
      z-index: 1;
    }

    .faq-page .faq-hero-content {
      position: relative;
      z-index: 2;
    }

    .faq-page .faq-hero h1 {
      font-size: 2.5rem;
      font-weight: 700;
      margin-bottom: 1.5rem;
      color: var(--primary);
    }

    .faq-page .faq-hero p {
      font-size: 1.2rem;
      font-weight: 300;
      color: var(--foreground);
      max-width: 600px;
      margin: 0 auto;
    }

    /* Main FAQ Section */
    .faq-page .faq-main {
      padding: 60px 0;
      background: var(--background);
    }

    .faq-page .faq-container {
      background: var(--card);
      border-radius: 15px;
      padding: 30px;
      border: 1px solid var(--border);
      margin: 0 auto;
    }

    /* Enhanced FAQ Accordion */
    .faq-page .faq-accodian {
      position: relative;
    }

    .faq-page .faq-accodian .ekit-heading--title {
      font-size: 2.5rem;
      font-weight: 700;
      color: var(--primary);
      margin-bottom: 2rem;
      text-align: center;
    }

    .faq-page .faq-accodian .faq-sb-heading {
      font-size: 1.4rem;
      color: var(--foreground);
      margin-bottom: 1.5rem;
      margin-top: 2.5rem;
      padding: 15px 20px;
      background: var(--secondary);
      border-radius: 8px;
      border-left: 4px solid var(--primary);
      position: relative;
    }

    /* Enhanced Accordion Items */
    .faq-page .accordion-title {
      background: var(--card);
      border: 1px solid var(--border);
      border-radius: 8px;
      margin-bottom: 12px;
      padding: 18px 20px;
      transition: all 0.3s ease;
    }

    .faq-page .accordion-title:hover {
      background: var(--medical-red-light);
      border-color: var(--primary);
    }

    .faq-page .accordion-title.active-title {
      background: var(--medical-red-light);
      border-color: var(--primary);
          border-bottom: 0;
    border-radius: 8px 8px 0px 0px;
    }

    .faq-page .accordion-title-head {
      font-size: 1.1rem;
      color: var(--foreground);
      margin-bottom: 0;
      padding-right: 30px;
      line-height: 1.4;
    }

    .faq-page .accordion-content {
      background: var(--card);
      border: 1px solid var(--primary);
      border-top: none;
      border-radius: 0 0 8px 8px;
      margin-top: -12px;
      margin-bottom: 12px;
      padding: 20px;
    }

    .faq-page .accordion-content p {
      color: var(--muted-foreground);
      font-size: 1rem;
      line-height: 1.7;
      margin-bottom: 0;
    }

    .faq-page .accordion-content a {
      color: var(--primary);
      text-decoration: none;
    }

    .faq-page .accordion-content a:hover {
      text-decoration: underline;
    }

    /* Enhanced Plus Icon */
    .faq-page .plus {
      width: 20px;
      height: 20px;
      position: relative;
      transition: transform 0.3s ease;
    }
    .faq-page .plus.rotate::after {
      transform: translate(-50%, -50%) rotate(90deg);
    }


    /* Responsive Design */
    @media (max-width: 768px) {
      .faq-page .faq-hero {
        padding: 60px 0;
      }
      
      .faq-page .faq-hero h1 {
        font-size: 2rem;
      }
      
      .faq-page .faq-hero p {
        font-size: 1.1rem;
      }
      
      .faq-page .faq-main {
        padding: 40px 0;
      }
      
      .faq-page .faq-container {
        padding: 30px 20px;
        margin: 0 15px;
      }
      
      .faq-page .faq-accodian .ekit-heading--title {
        font-size: 2rem;
      }
      
      .faq-page .faq-accodian .faq-sb-heading {
        font-size: 1.3rem;
      }
      
      .faq-page .accordion-title-head {
        font-size: 1rem;
      }
    }

    @media (max-width: 576px) {
      .faq-page .faq-hero {
        padding: 40px 0;
      }
      
      .faq-page .faq-hero h1 {
        font-size: 1.8rem;
      }
      
      .faq-page .faq-main {
        padding: 30px 0;
      }
      
      .faq-page .faq-container {
        padding: 25px 15px;
        margin: 0 10px;
      }
      
      .faq-page .faq-accodian .ekit-heading--title {
        font-size: 1.8rem;
      }
    }

    /* Animation */
    @keyframes fadeInUp {
      from {
        opacity: 0;
        transform: translateY(30px);
      }
      to {
        opacity: 1;
        transform: translateY(0);
      }
    }

    .faq-page .fade-in-up {
      animation: fadeInUp 0.8s ease-out;
    }

    /* Custom Scrollbar */
    .faq-page ::-webkit-scrollbar {
      width: 8px;
    }

    .faq-page ::-webkit-scrollbar-track {
      background: var(--secondary);
    }

    .faq-page ::-webkit-scrollbar-thumb {
      background: var(--primary);
      border-radius: 4px;
    }

    .faq-page ::-webkit-scrollbar-thumb:hover {
      background: var(--primary);
    }
    .hp_owl_space{
        padding-inline: 5px;
    }

    @media screen and (max-width: 768px) {
        .col-md-12:has(.homeItemSlider ) .owl-carousel, .hp_owl_space .owl-carousel{
            padding: 0 5px;
        }
    }
.conversation-actions #deleteButton {
    border: 1px solid var(--primary);
    color: var(--primary);
    padding: 2px 6px;
    display: block;
    text-align: center;
    border-radius: 5px;
    margin-left: 10px;
    cursor: pointer;
    background: none;
}

.new-price-rang-sldr input {
    border-radius: 0px 50px 50px 0px;
}

.new-price-rang-sldr .input-group {
    border-radius: 60px;
    overflow: hidden;
}

.product-meta__reference i.fa.fa-flag, .product-meta__reference i.fa.fa-heart {
    color: var(--primary);
}
.seller-details-cover {
    max-width: 100%;
}

.seller-details-cover .image-container img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.seller-details-cover .image-container {
    height: 600px;
    max-width: 100%;
    margin: 15px 0px;
}
#service-list .col-md-4 {
    padding-bottom: 30px;
}
.item-slider-sec.pt-4.bgwhite {
    max-width: 100%;
}

.seller_profile_links {
    display: flex;
    gap: 10px;
    margin-top: 5px;
}
.seller_profile_links span.badge {
    align-items: center;
    display: flex;
}
.product-details-title-wrapper {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 15px;
    padding-top: 5px;
}

.product-details-title-wrapper h3 {
    margin: 0;
    line-height: normal;
}
.product-details-title-wrapper form {
    margin: 0 !important;
}
.product-details-link:hover, .product-details-link:hover h4 {
    color: var(--primary);
}

.imageCome:after {
    display: none;
}

.list-wrapper .item-product-col {
    padding-inline: 7.5px;
    padding-bottom: 15px;
    position: relative;
}
.row.list-wrapper {
    margin-inline: -7.5px;
}
.row.list-wrapper.sub-sub-catcnt {
    width: auto;
}
.service-list-container {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));
    gap: 15px;
    margin: 0 auto;
}

.main-category-page .category-list-row {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 15px;
    margin-bottom: 40px;
}
.full-page-product-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 15px;
    margin-bottom: 40px;
    margin-inline: 0 !important;
    padding: 0 !important;
}

.full-page-product-list .item-product-col {
    padding: 0;
}
@media screen and (max-width: 767px) {
    .row.list-wrapper{
        margin-inline: -15px;
    }
    .list-wrapper .item-product-col{
        padding-inline: 0px;
        padding-bottom: 10px;
    }
    .service-list-container {
        grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    }
    .owl-carousel .owl-wrapper, .owl-carousel .owl-item{
        padding: 0px;
    }
}

.box_item_wrap {
    margin: 0 7.5px;
    display: inline-block;
}
.cat-product-area .col-md-12:has(.box_item_wrap) {
    padding: 0 7px;
}
.cat-product-area .owl-item {
    padding: 0;
}