@import url('https://fonts.googleapis.com/css2?family=Maven+Pro:wght@400..900&display=swap');
:root {
    --primary: #274584 ;
    --secondary: #055c65;
       /* backgroundlightgreen */
    --itemlightbackgorund:#038a991f;
    --incrementbtnbackground:#038a992b;

    --productspecificationcolor:#ea540b;
    --popularsectioncolor:#edc48373;
    --policybackgroundcolor:#bfebed;

    --bg-mobile-footer: var(--primary);
    --bg-mobile-footer: var(--primary);
    --bg-mobile-sidebar:var(--primary);
    --bordercolor: var(--primary);
    --cardbordercolor:#337ab75c;

    --text-color: #252525;
    --text-white: #fff;
    --footer-text:#fff;

 
    --color: #00376f;
    
    --anchorcolor:#337ab7;

    --thirdcolor:#35958b;
    --orangecolor:#fb641b;
  
    --barcolor: var(--primary);
    --bartextcolor: var(--text-white);
    --bardetailtextcolor: var(--text-color);
    --bardetailtexthovercolor: var(--text-white);
    --descriptiontabbgcolor: #85b839;
    --top-bar-color: #e3f6f9;
    --btnhovercolor: #1152a1;

    /* hovercolors */
    --btnhovercolor:#006d79;
    --submitbtnhover:#d94e3f;
    --buynowbtnhover:#eb4d00;

 

     /* color assign */
    --bg-header: var(--primary);
    --bg-footer: var(--primary);

    --bg-button: var(--primary);

    --footerformplaceholdercolor: #ffffff;
    --bg-newsletter: #ffffff00;
    --footerformtext: #ffffff;

    --bg-auth:#000;
    --bg-searchandprofile:var(--secondary);
    --texthover:var(--primary);
    --border:var(--bordercolor);
    --card-border:var(--cardbordercolor);
    --dropdownhovercolor:var(--thirdcolor);
    --addtocartbtn:var(--primary);
    --buynowbtn:var(--orangecolor);   
    --submitbtn:#f05d4d; 

} 

body{
    font-size: 14px;
    line-height: 25px;
    color: #888;
    border-right: 1px solid #dad2d2;
    border-left: 1px solid #dad2d2;
}
header{
    box-shadow: none !important;
    background-color: #fff !important;
    padding: 25px 0;
}
.search-container,.dark-nav .container-fluid{
    width: 1170px !important;
    padding-left: 0px !important;
}
.custom-container{
    width: 1170px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.tb_right li .tbr-info span {
    padding: 0px 0px;
    display: inline-flex;
    font-size: 13px;
    color:#000000 !important;
}
.tb_right li a, .tb_right li i, .tbr-info span b{
       color: var(--primary) !important;
}
.tb_right li{
    color: var(--primary);
    float: left;
    position: relative;
    padding: 9px 0;
    cursor: pointer;
    padding: 10px 15px;
    cursor: pointer;
    display: inline-flex;
    font-size: 14px;
    font-weight:500;
}
.r1 a {
    color: #fff;
    margin: 0px 15px;
}
.top_bar {
    height: 44px;
    position: relative;
    z-index: 9999999 !important;
    background-color: var(--top-bar-color) !important;
    border-bottom: .5px solid #ededed;
}
a.mb-0.text-white{
    color: #000000 !important;
}
.tb_right li .mb1{
    font-size: 60px !important;
    color: var(--primary);
}
.top-search3 input{
    border-radius:25px 0px 0px 25px !important;
    width:60%;
    border-left:0px !important;
}

.top-search3 button{
    border-radius: 0px 25px 25px 0px !important;
    background-color: #85b839 !important;
    border-right: 1px solid #e2e2e2 !important;
    border-top: 1px solid #e2e2e2 !important;
    border-bottom: 1px solid #e2e2e2 !important;
      line-height:30px !important;
}
.dark-nav{
   background-color: var(--primary) !important;
   margin-top:1rem !important;
}

.banner-box{
    width:100%;
}
.banner-box .col-sm-8{
    padding-left:0px !important;
}

.navbar-default .navbar-collapse{
    background-color: transparent !important;
}


.blog-content{
    background-color: #fff !important;
}


.mechanic-to-bar{
    display: block !important;
}
.mechanic-to-bar .hideondesktop{
    display:block !important;
}
.top-bar__new-icon{
    background-color: #f89f36;
    color: #fff !important;
    font-weight: 700;
    padding: 5px 10px !important;
}
.top-bar__new-icon-2{
    color: #fff !important;
    font-weight: 700;
    padding: 4px 10px !important;
    margin: 5px;
}
.top-bar__new-icon-3 {
    background-color: #333;
    color: #fff !important;
    font-weight: 700;
    padding: 4px 10px !important;
    margin: 5px;
}
.tb_right li:not(:last-child)::after{
   display: none !important;
}
.cashback-text{
    color:#000 !important;
    font-weight:400 !important;
}
.cashbackcode{
    font-weight:600 !important;
}
.cd-dropdown-trigger{
    padding: 0px 58px 0 0px !important;
    margin-left: 0.8em !important;
}
.top-search3{
    text-align: end !important;
}
.top-search3 input{
    border:1px solid #e2e2e2 !important;
}


#searchbycat{
    margin-right: -7px;
    width: 14%;
    padding-left: 10px;
    border-radius:25px 0px 0px 25px !important;
    border: 1px solid #e2e2e2;
}

.searchbutton .fa.fa-search{
    color:#f89f36 !important;
}

.fa.fa-shopping-cart.cart-icon{
    color:#f89f36 !important;
}
.login-header-item{
        padding: 6px 12px !important;
        background-color:#f89f36 !important;
    }
.tb_right li a, .tb_right li i, .tbr-info span b{
    font-size:15px !important;
    font-weight:500 !important;
}
.tbr-info{
  display:flex;
  gap:5px;
}
.whish_lish {
    display:none !important;
}
.cd-dropdown-trigger{
    background:transparent !important;
    padding: 0px 60px 5px 15px !important;
    color:#fff !important;
}
.cd-dropdown-wrapper{
    border:none !important;
}
.cd-dropdown-trigger .fa.fa-bars{
    display:none !important;
}
.menu-inner-header .cd-dropdown-trigger:hover, .menu-inner-header .cd-dropdown-trigger.dropdown-is-active,.menu-inner-header .topcart:hover, .no-touch .menu-inner-header .cd-dropdown-trigger:hover{
    background-color:transparent !important;
}
.cd-dropdown-trigger::before, .cd-dropdown-trigger::after{
    background-color: #fff !important;
}
.trigd{
    color:#fff !important;
}
.cd-dropdown-content a, .cd-dropdown-content ul a{
    color: #333 !important;
    height: 40px !important;
    line-height: 40px !important;
    text-transform: none;
    font-weight: 400;
    font-size: 14px !important;
    border-color: #ebebeb !important;
    font-weight: 500;
    text-transform: uppercase;
}
.cd-dropdown-content>.has-children>a.is-active{
    color:#85b839!important;
    background-color: #fff !important;
}
.cd-dropdown-content>.has-children>a.is-active::after,.cd-dropdown-content>.has-children>a.is-active::before{
    background-color: #00ad5a !important;
}
.menu-inner-header .cd-dropdown-trigger.dropdown-is-active{
  background-color: transparent !important;
}
.header-xtra span, .navbar-default .navbar-toggle, .navbar-default .navbar-nav>li>a:hover{
    background: transparent !important;
    color: #ffffff !important;
}
.menu-inner-header{
    border-top: 1px solid #ededed !important;
}
.custom-select>select{
    background-color: #fff;
    border: none;
    padding: 10px 20px;
    margin: 10px auto;
    width: 100%;
    font-family: inherit;
    font-size: 16px;
    cursor: inherit;
    border: 1px solid #ccc;
    line-height: inherit;
    height: 50px;
    color: #888;
}
.header-submit-btn{
    background-color: #f89f36;
    color: #fff;
    width: 100%;
    border: none;
    font-weight: 700;
    padding: 10px;
}
.slider-row img{
    height:100% !important;
}
.slid-images{
    height:426px !important;
}
.display-grid {
    margin-top: 1.5rem;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(139px, 1fr));
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    margin-bottom: 1.5625rem;
    list-style: none;
    padding: 0;
}
.category-wise{
    display: flex;
    flex-direction: column;
    width:100%;
}

.cat-img img{
    width:100px !important;
}
.cat-img{
    margin-bottom:10px;
}
.cat-text{
    text-align:center;
}
.menu-item-cat a{
    text-decoration: none;
    color: #888;
}
.text-center.firstheading{
    text-align: left;
}
.menu-item-cat{
    background-color: #f1f1f1;
    padding: 20px 10px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    display: flex;
    justify-content: center;
    transition: all .5s;
}
.menu-item-cat:hover{
  transform: scale(1.1);
  transition: all .5s;
  cursor: pointer;
}



#policy2 .pi-wrap h4{
    margin: 0 0 0 71px;
    padding: 0px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
    position: relative;
    font-weight: 100 !important;
}
#policy2 .pi-wrap p{
    margin: -10px 20px 0 70px;
    font-size: 14px;
    line-height: 18px;
    word-spacing: 2px;
    color: #888888 !important;
    word-break: break-all !important;
}
 .flex-col{
    flex-basis: 50%;
 }
.flex-row{
    display:flex;
    flex-direction: row;
    align-items:center;
}  
button.accordion{
        width: 100%;
    background-color: whitesmoke;
    border: none;
    outline: none;
    text-align: left;
    padding: 10px 20px;
    font-size: 16px;
    color: #333;
    cursor: pointer;
    transition: background-color 0.2s 
linear;
    line-height: 26px;
}
.accordion-content {
    background-color: white;
    border-left: 1px solid whitesmoke;
    border-right: 1px solid whitesmoke;
    padding: 0 20px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s 
ease-in-out;
    display: block;
        margin-bottom: 15px;
    border: 1px solid #d2d2d2;
}
.accordion-content p{
    padding: 1em 0.5em;
}
.accordion.accordion1 i {
    float: right;
}
.heading-title,.heading-sub h5{
font-size: 23px;
    font-weight: bold;
    text-transform: uppercase;
    color: #333;
}
.heading-title,.heading-title2{
    height:50px;
}
.heading-title:before {
    content: "\f097";
    font-family: "FontAwesome";
    width: 40px;
    height: 30px;
    background: #FFF none repeat scroll 0% 0%;
    position: absolute;
    top: 30px;
    color: #333;
    left: 0px;
    right: 0px;
    margin: 0px auto;
    font-weight: 400;
    z-index: 9;
}
.heading-title2:before {
    content: "\f097";
    font-family: "FontAwesome";
    width: 40px;
    height: 30px;
    background: #FFF none repeat scroll 0% 0%;
    position: absolute;
    top: 30px;
    color: #333;
    left: 0px;
    right: 0px;
    margin: 0px auto;
    font-weight: 400;
    z-index: 9;
}
.heading-title:after {
    content: "";
    width: 170px;
    bottom: -18px;
    height: 1px;
    background: #CCC;
    position: absolute;
    top: 42px;
    left: 0;
    right: 0;
    margin: 0 auto;
    display:block;
}
.heading-title2:after {
    content: "";
    width: 170px;
    bottom: -18px;
    height: 1px;
    background: #CCC;
    position: absolute;
    top: 42px;
    left: 0;
    right: 0;
    margin: 0 auto;
    display:block;
}
.heading-sub2 h5:after{
     bottom: 120px;
     bottom:60px;
}
#myModalLabel{
    color:#000 !important;
    font-weight:700 !important;
}
#myModalLabel strong{
    font-weight:700 !important;
}
.isselected{
    background-color: #fff !important;
    border-radius:0px !important;
}
.notselected {
    background-color: #d2d8d8;
    padding: 10px;
    border-radius:0px !important;
    margin-top:0px !important;
}
.form-list li:nth-child(4){
    height:85px;
}
.form-control{
    border-radius:4px !important;
}
.product-overlay .Q_view_btn{
    display: none;
}
.product-overlay.top1 form{
    display: flex;
    align-items: end;
    width: 80%;
    /* margin: auto; */
}
.product-overlay.top1{
    padding-bottom:20px !important;
}
.product-overlay .add1{
        width: 25%;
}

.item_display_body .item{
   box-shadow: none !important;
   border: 1px solid #efefef !important;
}
.product-overlay .add1 input[type="number"]{
    width: 80%;
    background-color: #efefefee;
    border: none;
    border-radius: 5px;
    padding: 5px;
    height: 30px;
}
.product-overlay .addtobag{
        width: 80% !important;
        flex-basis: 70% !important;
        border-radius:30px !important;
        background: var(--bg-button) !important;
}


button#load_more {
    background: var(--bg-button);
    border: 1px solid #111;
    border-radius: 3px;
    padding: 5px;
    color: #fff !important;
    padding: 5px 12px;
    transition: .5s all;
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    -ms-transition: .5s all;
    -o-transition: .5s all;
}

button#load_more:hover {
    background-color: #fff;
    color: #111 !important;
}
.item-thumb img.img-responsive{
    object-fit:contain !important;
    border-radius: 5px !important;
}
.tpc-content{
  border-radius: 5px !important;
  box-shadow:none !important;
}
.item-thumb{
 background-color: #fff;
 border-bottom:0px !important;
 border-radius:5px !important;
 height:190px;
 padding-top:20px !important;
}

.tpc-content:hover{
    box-shadow: none !important;
    border-radius: 5px !important;
}

.item_display_body .item{
    border-radius: 5px !important;
}
.tpc-info h6 a{
    font-size: 12px;
    margin: 0;
}
.colorsize {
    min-height:10px !important;
}
.product-price,.product-single{
    border:none !important;
}
.product-price{
    font-size:16px !important;
}
.body-space-inner .shop-single{
       margin-top: 14.5em !important;
}
.width95{
    background-color: #fff;
    border: 1px solid #eee;
    padding: 10px;
}
.sep {
    height: 1px;
    background: #cccccc;
    width: 100%;
    margin: 15px 0 12px;
}
.body-space-inner h2{
    max-width: 90%;
    font-size: 19px !important;
    font-weight: 100;
    color: #333;
}
.wish_btn.wish_list_btn{
    border:none !important;
    top: 3rem !important;
    padding: 7px 8px !important;
}
.ps-price {
    color: var(--primary) ;
    text-decoration: none;
    font-size: 20px !important;
    font-weight: 500;
    display: flex;
    gap:2px;
}

.product-single .ps-price b.discountp,b.discountp{
    top: 0;
    left: 0;
    padding: 0rem 0.5em;
    font-weight: 400;
    width: max-content;
    color:#388e3c !important;
    font-size:18px !important;
    background-color: transparent !important;
    position:static !important;
    font-size:13px !important;
    font-weight:700 !important;
}
.indservice h4 {
    font-size: 12px;
    line-height: 12px;
}
.indservice {
    text-align: center !important;
}
.indservice img {
    width: 33px;
}
.indservice p {
    font-size: 9px !important;
    line-height: 12px;
}
.action_for_chde.maddtocart .add_to_cart_btn{
    background-color: var(--primary)  !important;
}
.sdescription h3{
    color: #888 !important;
    font-size: 14px !important;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{
    background-color: var(--primary)   !important;
}
.tab-content{
    background-color: #fff !important;
        border: solid 1px #eee;
}
.similar-products .product-overlay{
    display: none !important;
}
.similar-products .MultiCarousel .MultiCarousel-inner .item>div{
    height:auto !important;
    border: 1px solid #eee !important;
}

.similar-products .item-thumb{
  background-color: #fff !important;
  border:none;
}
.shop-content{
    margin-top: 7em !important;
}
.ui-state-default, .ui-widget-content .ui-state-default,button#min_max_btn{
    background: var(--primary)  !important;
}
input, select, textarea{
    color:#000000 ;
}
.panel-default>.panel-heading{
        background: transparent !important;
        border-bottom:1px solid #eee !important;
}
.filter-wrap select{
    border:1px solid black !important;
}
span.sort-fillter-text{
    color:#000 !important;
}
hr.heading-underline {
    border: 2px solid #f89f36;
    width: 75px;
    margin-bottom: 10px;
    background-color: #f89f36;
    margin-top: 20px;
}

.container-fluid.add_service{
    margin-left:0px !important;
    width:1170px;
    margin: auto !important;
}

.header-form select{
   color:#888 !important;
}
#top-brands__container {
    margin-top: 1.5rem;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(139px, 1fr));
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    margin-bottom: 1.5625rem;
    list-style: none;
    padding: 0;
}
.top-brands__container-box {
    background-color: #f3f3f3;
    padding: 20px 10px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
}
.top-brands__container-box>a {
    text-decoration: none;
    color: #888;
}
.shop-content.mt_10{
  margin-top:8em !important;
}
.dark-nav{
    margin-top:0rem !important;
}
.blog-content{
    margin-top:17rem !important;
}

.contact-info .media i{
    background-color: #ededed !important;
    border: none !important;
    color:#333 !important;
}
#contact-btn{
    background-color: #333 !important;
}
#contact-btn:active{
   color: #fff;
}
#contact-btn:hover{
   color: #fff;
   background-color: #D6644A !important;
}
.form-control{
    color:#000;
    border: 1px solid #ccc !important;
}
.form-control:focus{
border-color:#66aef9 !important;
}
.tb_right.pull-right{
    height:15px !important;
}
#elegantModalForm{
    z-index:999999999 !important;
}
.modal-header .close{
    left:95% !important;
}

span#searchbycatSelectBoxIt{
    display: block !important;
    background-color: #fff !important;
    border: 1px solid #e2e2e2 !important;
    border-radius: 25px 0px 0px 25px !important;
    border-right:0px !important;
}
.topcart.pull-right .cart-info{
    border-top:1px solid black!important;
    box-shadow: 0px 0px 4px 1px #247f2d;
}
.slider-row img{
    object-fit: fill !important;
}

.section-product{
    margin-top:50px !important;
}
.top_head{
    font-size:30px !important;
    font-weight:600 !important;
    letter-spacing: 2px;
}
.category-slider .owl-stage-outer .owl-item .item{
    border: none !important;
}
.MultiCarousel .item.e_pct_ftr_bx {
    /* width: 275px !important;
    margin: 0 10px !important; */
    box-sizing: border-box;
}
.MultiCarousel .MultiCarousel-inner{
    width: max-content !important;
}
.category-wise .display-grid{
   margin-top: 0rem !important;
}
.menu-item-cat{
    position: relative !important;
    border-radius:10px !important;
}
.menu-item-cat a{
    margin-top:25px !important;
}
.cat-text span{
    padding: 20px 15px;
    color: #333;
    font-size: 19px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 24px;
    position: absolute;
    top: 0;
    bottom: unset;
    margin: 0;
    height: 80px;
    text-align: left !important;
    width: 100%;
    left: 0px;
    font-family: 'Maven Pro', sans-serif !important;
}
#popular-collections-section{
    width: 1170px;
    margin: auto;
    background-color: transparent !important;
}
.block-main{
    padding: 0 20px 20px 20px !important;
}
.our-product-area{
    max-width: 1170px !important;
    margin: auto !important;
}
.recent-listing .container-fluid{
    /* display: inline-block !important; */
    /* width: 1170px !important; */
    /* padding-left: 0px !important; */
}
.recent-listing{
    /* padding-left: 0px !important; */
}
.item_display_body{
    padding:40px 1rem !important;
}

.recent-listing .tophead,#title-span{
    font-weight: 600;
    font-size: 30px;
    color:var(--primary) !important;
    letter-spacing: 2px;
    text-align: left;
    margin: 0;
    text-transform: capitalize;
}

.item_display_body{
    display: grid;
    gap: 1.5rem;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)) !important;
}

.product-overlay .addtobag:hover{
    transform: scaleX(1);
    background: var(--primary) !important;
}
.item_display_body .item:hover{
    box-shadow:none !important;
}
.vc_single_image-wrapper.vc_box_border_grey {
    padding: 30px 0px 0px 0px;
}

footer .container-fluid{
    width:100% !important;
}
.pi-wrap img{
    width: 68px;
    margin: 0px 0px 0px 0px;
    border-radius: 15px;
    box-shadow: 0px 4px 7px #e8e8e8;
}
#policy2{
    border-top-width: 1px !important;
    padding-top: 30px !important;
    padding-bottom: 15px !important;
    background-color: #fafafa !important;
    border-top-color: #eeeeee !important;
    border-top-style: solid !important;
}
.service-img-box{
    padding: 0px;
    border: 0px solid #055c65;
    border-radius: 0px;
    background-color: #fff !important;
}
.service-contant{
    position: relative;
    top: 0px;
}
#policy2 .pi-wrap h4{
    padding: 0px;
    color: #24a3b5;
    font-size: 15px;
    text-transform: none;
    font-weight: 500;
    margin: 0px 0 0 20px;
}
#policy2 .pi-wrap{
    margin:40px 0px !important;
    align-items: flex-start !important;
}
#policy2 .pi-wrap p{
    margin: 10px 0 0 20px;
    font-size: 13px;
    line-height: 22px;
    color: #888 !important;
}
#policy2 .pi-wrap h4{
   color: #666666 !important; 
}
footer{
    background-color: var( --bg-footer) !important;
}
.widget-footer p,
.widget-tags li a,
.f-social li a,
.widget-footer h5 {
    color: var(--footer-text) !important;
}
.newsletter input {
    background-color: var(--bg-newsletter) !important;
    color: var(--footerformtext) !important;
}

.newsletter input::placeholder {
    color: var(--footerformplaceholdercolor) !important;
}

 .widget-tags li a{
        border: 1px solid #ffffff !important;
 }
 .newsletter input{
    background-color: #ffffff00 !important;
 }
 .item_display_body .item{
    max-height: 440px !important;
    background-color: #fff;
    margin: 10px 3px;
    background: #fff none repeat scroll 0 0;
    border-radius: 2px;
 }
 .MultiCarousel .MultiCarousel-inner .item>div{
        border: none !important;
 }

header{
    top:0px;
    height: 141px !important;
}
.search-container{
    margin-bottom: 15px;
}

.f-social .fa{
  color:#ffffff !important;
}
.f-social{
    border-top:1px solid #ffffff !important;
}
.no-touch .menu-inner-header .cd-dropdown-trigger:hover {
    background-color: var(--primary) !important
}
.tpc-info{
    text-align: center;
    margin: 10px 0px 0 0px;
    min-height: 125px;
    background-color: #fff;
    width: 100%;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.searchcat.select1{
    display: none;
}
.selectboxit-container{
    display:none !important;
}
.banner-box{
    margin-top:165px !important;
}


.modal-content.form-elegant{
    border-radius: 0px !important;
}
.modal-header .close span{
    position: relative;
    bottom:3px;
}
.navbar-brand{
    height: 60px;
    width: 150px;

}
span#total-cart-items{
    background-color: #00ad5a !important;
}
.MultiCarousel .MultiCarousel-inner .item>div{
    height:auto !important;
}
/* .product-overlay.top1{
    margin-bottom:-5px !important;;
} */
button.btn-primary.view2, button.btn-primary.view, button.btn-primary.view3{
    background: var(--bg-button) !important;
    margin-top:10px !important;
}
 .find-vehicle-form{
        margin-top:150px !important;
    }

.MultiCarousel .MultiCarousel-inner .item{
    width:275px !important;
}  
.body>.container-fluid{
    background-color: #fff;
}

.dina-product-backgorund-container{
    background-color: var(--popularsectioncolor)!important;
}

.popular-section.section-product{
    background-color: transparent!important;
}

.search_box{
    display:none;
}

.dark-nav>.container-fluid,.menu-inner-header{
    border:none !important;
}
.navbar-default .navbar-nav>li>a{
    color:#fff !important;
}

.navbar{
    min-height: 70px;
    display: flex;
    align-items: center;
}
.navbar-brand>img{
    transform: scale(3.5)!important;
    margin-top:1em;
}
.mz-figure.mz-ready > img{
    height: 400px !important;
}
.MagicZoom>img, .mz-figure>img{
    height:400px !important;
}
figure.mz-figure{
    overflow: hidden !important;
    margin: 0 !important;
}
.MagicZoom{
    height:auto !important;
    max-width:370px !important;
    min-height:400px !important;
}
body div div div div div div div div div a#ex-jeans > .mz-figure > img{
    max-width:400px !important;
}
.MagicZoom, .mz-figure{
    display: inline-block !important;
}
a[data-zoom-id] img, .mz-thumb img{
    margin:5px 0 !important;
}




/* account page css */
.dropdown-toggle.active {
    background-color: transparent !important;
}
.sidemenu ul li {
    background-color: #fff !important;
}
.sidemenu ul li a {
    border-bottom: 1px solid var(--barcolor) !important;
    color: var(--bardetailtextcolor) !important;
}
.sidemenu ul li a:hover {
    background: var(--barcolor) !important;
    color: var(--bardetailtexthovercolor) !important;
}

.myaccountpage h1,
.sidemenu .accountno {
    background: var(--barcolor) !important;
    color: var(--bartextcolor) !important;
}

.addressrowlist,
.sidemenu ul {
    border: 1px solid var(--barcolor) !important;
}

.sidemenu .accountno .fa.fa-mobile {
    color: var(--text-white);
}

.accountno {
    border-bottom: 1px solid var(--primary) !important;
}

.cart-header strong {
    color: var(--text-color) !important
}
.addtobag {
    background-color: var(--primary) !important;
}

.storerow {
    background-color: var(--barcolor) !important;
    color: var(--bartextcolor) !important;
}

.checkout_price.checkout-date {
    background-color: var(--itemlightbackgorund);
    border: 1px solid var(--incrementbtnbackground);
    color: var(--bartextcolor);
}


.cartrow>h4>span.checked,
.storerow {
    background-color: var(--barcolor) !important;
}

.cart-header strong {
    color: var(--text-color) !important;
}

.cartrow>h4 {
    color: var(--barcolor);
}

.addnew {
    background-color: var(--bg-button) !important;
}

.checkoutitemrow .checkcount_img {
    border: 1px solid var(--barcolor) !important;
}

#shippingMethods {
    border-top: 1px solid var(--barcolor) !important;
}

.checkoutitemrow .checkout_price {
    padding-top: 8px !important;
}

.paymentrow.pr_0, .paymentrow.paytotal{
    background-color: var(--barcolor);
    color:var(--bartextcolor);
}

.Q_view_btn {
    color: var(--primary);
}

.support-col-bdr {
    background-color: #fff;
}

.support-col-bdr h5.heading>span {
    color: var(--text-color) !important;
}

.support-col-bdr {
    border: 1px solid var(--barcolor) !important;
    border-radius: 4px;
    padding: 15px 15px 30px 15px;
    box-shadow: 0px 0px 4px 0px var(--incrementbtnbackground) !important;
}

.checkout-page label.control-label {
    color: var(--bardetailtextcolor)
}


    body {
        font-family: 'Poppins', sans-serif;
        margin: 0;
        padding: 0;
        background-color: #fff;
        color: #333;
    }

    section {
        max-width: 1200px;
        margin: 50px auto;
        padding: 0 20px;
    }

    h2 {
        color: #002d72;
        font-size: 2em;
        margin-bottom: 10px;
    }

    .subtitle {
        font-size: 1.1em;
        color: #444;
        margin-bottom: 40px;
    }

    .pi-wrap img{
        width: 90px;
        /* height: 90px; */
        margin: 0px 0px -25px -35px;
        border-radius: 100%;
        padding: 6px;
        box-shadow: 0px 4px 7px #e8e8e8;
        object-fit: contain;
    }
    .pi-wrap:hover img.lazyload{
        transform: rotate(359deg);
        transition: 1s all ease;
        cursor: pointer;
    }
    .pf1{
        font-size:20px !important;
    }

    .block-content{
        display: block;
        width: 100%;
        position: relative;
        overflow: hidden;
        cursor: pointer;
        margin: 15px 0px;
        height:280px;
    }
    .block-content img{
        width: 100%;
        height: 100%;
        object-fit: fill;
    }
    .block-content .bs-text-down{
        background: rgb(255 255 255 / 53%);
        padding: 20px 15px;
        color: var(--primary);
        font-size: 19px;
        font-weight: bold;
        text-transform: uppercase;
        line-height: 20px;
        position: absolute;
        bottom: 45px;
        width: auto;
        text-align: left;
        margin: 0px 10px;
        bottom: 10px;
        height: fit-content !important;
        transform: translatex(415px);
        box-shadow: 0px 0px 1px transparent;
        backface-visibility: hidden;
        width: 50%;
        bottom:4% !important;
        top:auto !important;
    }
    .block-content:hover .bs-text-down{
        transform: translatex(-20px);
        transition: transform .5s 
            ease;
    }
    .block-content:hover img{
        opacity:0.2;
        transition: 1s;
    }
    .block-content:hover .bs-text-down:before{
    content: '';
    position: absolute;
    border: rgba(255, 255, 255, 0.5) solid 3px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: top, right, bottom, left;
    transition-property: top, right, bottom, left;
    top: -7px;
    right: -7px;
    bottom: -7px;
    left: -7px;
    }
    .borderl {
        padding: 20px 0px 10px 20px;
    border-left: 3px solid var(--primary);
}
a.btn.btn-bordered.btnl {
    border: 2px solid var(--primary)!important;
    border-radius: 0 !important;
    padding: 10px 20px;
    margin: 30px 0px;
}

.wellness-description a.btn{
    border: 2px solid #fff!important;
    color: #fff!important;
     padding: 10px 20px;
}


.borderl:before {
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate( -45deg );
    border-radius: 50% 50% 50% 0;
    content: "";
    display: block;
    height: 20px;
    left: 6px;
    position: absolute;
    top: 140px;
    transform: rotate( -45deg );
    width: 20px;
    background: var(--primary);
}
.borderl:after{
   background: var(--primary);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate( 135deg );
    border-radius: 50% 50% 50% 0;
    bottom: -3px;
    content: "";
    display: block;
    height: 20px;
    left: 6px;
    position: absolute;
    transform: rotate( 135deg );
    width: 20px;
}
.borderl p {
    font-size: 16px;
    color: #afa7a4 !important;
    letter-spacing: 2px;
}
.block-main{
    background-color: #fff !important;
}
.section-product.recent-listing{
    background-color:transparent !important;
}
#projectFacts{
    background-image: url(https://www.guruch.com/Uploads/websiteimg/1005095/1757338555_TURMERIC_POWDER.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
}
.quote-info{
    background-color: #f2f5f6;
    padding: 20px;
    width:auto !important;
}
.quote-carousel img{
    margin-bottom:20px !important;
    border:none !important;
}
.quote-info h4{
    margin: 4px 0 1px;
    color: #111 !important;
    font-weight: 600;
}
.quote-info p{
    font-style: italic;
}
.projectfacts-heading{
    font-size: 30px;
    color: #000000;
    margin-bottom: 0px;
    padding-right: 10px;
    padding-left: 10px;
    font-weight: 100 !important;
    text-align: center !important;
    margin-top:55px !important;
}
.projectfacts-heading span,.ecom-testimonial .sectiontitle h2 span{
    color:var(--primary);
}
.sectionClass:before{
    content: "";
    position: absolute;
    display: block;
    left: 0;
    width: 100%;
    height:100%;
    z-index:0;
    opacity: 0.85;
    background-color: #e3f6f9;
}
.projectFactsWrap .item p.number, .projectFactsWrap .item:hover p.number{
    color:var(--primary) !important;
    font-size:60px !important;
}
.projectFactsWrap .item span{
    background: rgb(0 0 0 / 80%);
}
.projectFactsWrap .item p, .projectFactsWrap .item:hover p{
    color: var(--primary) !important;
}
.projectFactsWrap .item{
    padding:80px 0px !important;
}
.sectionClass{
    padding: 0px 0px 20px 0px !important;
}
.header-inner{
    padding-top:20px;
}
.is-sticky header .search-container .header-inner{
     padding-top:0px !important;
}

.selectorsD a[data-zoom-id] img, .mz-thumb img{
    margin: 10px 14px;
}
.my-slider{
    margin-top:140px !important;
}
 .is-sticky header img{
    margin-top: 0.5em;
}
.header-right{
    display:flex;
    justify-content: end !important;
}
.tb_center{
    color: #4d4d4d !important;
    font-weight: 500;
    font-size: 14px;
}
#policy2 .pi-wrap{
    margin:20px 0px !important;
}
.topcart.pull-right{
    position: relative;
    top:35px;
}

.account-list li a:hover,
.account-list li a:focus,
.account-list li.active a,
.details-box ul li a:hover,
.details-box ul li a:focus,
.pay-pal a:hover,
.pay-pal a:focus,
.form-login label a:hover,
.form-login label a:focus,
#home5 .topcart:hover span,
#home5 .topcart span:hover,
.promo-panel-text,
.cart-table tr td h4 a:hover,
.cart-table tr td h4 a:focus,
.side-widget .cart-table td a:hover,
.side-widget .cart-table td a:focus,
.side-widget .cart-table td a:hover,
.side-widget .cart-table td a:focus,
#home2 .topcart:hover span,
#home2 .topcart span:hover,
.filter-wrap .col-md-3 a.active,
#policy3 .pi-wrap i,
.tpc-info h4 a:hover,
.ci-item-info h5 a:hover,
.cart-info small em,
.quote-info cite,
.post-excerpt h4 a:hover,
.nav li a:hover,
.product-title a:hover {
    color: var(--primary) !important;
}
.firstheading span{
    color:var(--primary) !important;
} 



@media only screen and (max-width:768px){
 .MagicZoom{
    min-height:220px !important;
    max-width: 100% !important;
 }
.panel-heading:not(.collapsed) .arrow i {
  transform: rotate(180deg);
}
.panel-heading.collapsed .arrow i {
  transform: rotate(0deg);
}
.panel-heading .arrow i {
  transition: transform 0.3s ease;
}
    .panel-title{
    padding: 9px 0.8vw !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    font-family: 'Raleway', sans-serif !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
 }
 .panel-default>.panel-heading{
    background-color: #002d72 !important;
    color:#fff !important;
    transition: 0.3s;
 }
 .panel-heading.collapsed{
    background-color: transparent !important;
    color:#000 !important;
     transition: 0.3s;
 }
    .topcart.pull-right{
    position: relative;
    top: -11px !important;
}

.logo_section{
    max-width: 0px!important;
}

    input.select1{
    width:30px !important;
}
    .body-space-inner .shop-single{
        margin-top: 5.5em !important;

    }
    .is-sticky header img{
        margin-top: 0em !important;
    }
    body .navbar-brand>img{
        position: fixed;
        margin-top: 0em;
        transform: scale(2)!important;
    }
    .header-inner{
        padding-top: 0px !important;
    }
    a[data-zoom-id] img, .mz-thumb img{
        margin: 0px 2px !important;
    }
    .navbar-brand{
        position: relative;
        left:27vw !important;
    }
    .search-container,.dark-nav .container-fluid{
    width: 100% !important;
    padding-left: 0px !important;
     }
    .flex-row{
        flex-direction: column !important;
    }
    header{
        width:100% !important;
    }
    .mechanic-to-bar{
        display: none !important;
    }
    #nav-trigger .line{
        background-color: #000 !important;
    }
    body .navbar-brand{
        top:10px !important;
    }
    #nav-trigger{
        top:0px !important;
    }
    .top-search3.pull-right{
    width: 100%;
    position: absolute;
    right: 0.7em;
    top: 4.8em;
    }
    .search_btn span i{
        color:#000 !important;
    }
    #search_form{
        display:flex !important;
    }
    body .topcart.pull-right{
          margin-right: 0px;
        margin-top: 0;
        position: relative;
        right: 20px;
        bottom:10px;
    }
    #undefined-sticky-wrapper{
        height:75px !important;
    }
    .top-search3{
        display: block !important;
    }
    .top-search3 button{
     left:0px !important;
    }
    .col-md-6.col-sm-6.search_box,.search{
        width: 100% !important;
    }
    body .header-right.col-md-3.col-sm-3{
        width:auto !important;
    }
    #nav-trigger{
        margin-right:0px !important;
    }
    .is-sticky header{
        height:61px !important;
    }
    .is-sticky header,header{
        padding:15px 0px !important;
    }
      .oldhamberger-menu.is-clicked{
        left: 19.6em !important;
    }
    .navigation.single-item-wrapper{
        background-color: transparent !important;
    }
    .navigation.single-item-wrapper.mb_menu li:last-child{
        background-color: transparent !important;
    }
   .login_signup[data-target="#elegantModalForm"],
    body #side-nav a{
     color:#585858 !important;
    }
    

    .search_box{
        width: 100%;
        position: absolute;
        bottom: 75px;
    }
    .header-inner.row{
        position: relative;
    }
    body .navbar-brand{
        top:-12px !important;
    }
    body .search_btn.pull-right{
        display: none !important;
    }
    .header-right{
        position: absolute;
        right:0px !important;
    }
    #side-nav .nav-login-left a{
        color:#000 !important;
    }
    .btn.btn-success.navbar-toggler-icon{
        width:50%;
    }
    .as-toggler{
        background-color: transparent !important;
    }
    .product-overlay.top1{
        margin-bottom:0px !important;
    }
    .our-product-area,.section-product.recent-listing,.recent-listing .container-fluid{
        width:100% !important;
    }
    .section-product{
        padding: 20px 15px 0 15px !important;
        width:100% !important;
    }
    .item_display_body{
        row-gap: 2em !important;
    }
    .item_display_body .item{
        width:100% !important;
        margin:auto !important;
    }
  
    .banner-box{
        width:100%;
        margin-top:30px !important;
    }
    body .my-slider{
        margin-top:0px !important;
    }
   
    .add_service{
        width:100% !important;
    }
    #policy2 .row{
        row-gap:0px;
    }
    body .service-col-section .service-box.col-sm-3{
        width:50% !important;
    }
    body .slid-images{
        height:160px !important;
    }
    .banner-box .col-sm-8{
        width:100%;
        padding-left: 15px !important;
    }
    .find-vehicle-form{
        margin-top:100px !important;
    }
    .category-wise .display-grid{
        grid-template-columns: 1fr !important;
    }
    .item-thumb{
        padding-top: 0px !important;
    }


  .projectFactsWrap .item p.number, .projectFactsWrap .item:hover p.number{
        font-size:30px !important;
    }
    .projectFactsWrap .item{
        padding:20px 0px !important;
    }


    header {
        height:61px !important;
        box-shadow: 0px 5px 20px 0px rgba(121, 121, 121, 0.78) !important;
    }
    body.overlay .body-overlay{
        background-color: transparent !important;
    }
    .pi-wrap img{
        width:auto !important;
        margin:0px !important;
    }
    body #policy2 .pi-wrap p{
        padding: 20px 0px !important;
        margin: -10px 0px 0px 0px !important;
    }
    #policy2 .pi-wrap{
        gap:20px;
    }
    #policy2 .pi-wrap h4{
        font-size:14px !important;
    }
    .borderl:before{
        top:70px !important;
    }
    
}

.tpc-info .clr1s p{
    display: none!important; 
}

.topcart.pull-right .cart-info{
    height: fit-content!important;
    max-height: 465px!important;
}

@media screen and (max-width: 992px){
    .search-container,.dark-nav .container-fluid{
    width: 90% !important;
    padding-left: 0px !important;
}

.top_bar{
    display: none!important;
}

header{
    padding: 15px 0px!important;
}

footer{
    display: block!important;
}
}

@media screen and (max-width: 500px){
    body .topcart.pull-right {
        right: -28px!important;
    }

    .block-main{
        padding: 0px!important;
    }

    .study-section{
        padding: 60px 0px!important;
    }
}