@import url(../css/ie7.css);
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap");

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap');
/****************************************************************************************
@
@	Global Style and Reset
@
****************************************************************************************/
/* Global Styles */
::selection {
  background: #000;
  color: #fff; }

::-moz-selection {
  background: #000;
  color: #fff; }

html, body {
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  scroll-behavior: smooth; }

body {
  font-family: 'Open Sans', sans-serif;
  height: auto;
  min-height: 100%;
  overflow-x: hidden;
  font-size: 1rem;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -webkit-font-smoothing: subpixel-antialiased;
  background-color:#F3F3F3;
}

p {
  line-height: 24px; }

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

img {
  max-width: 100%;
  height: auto; }

a {
  text-decoration: none;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  color: #000;
  cursor: pointer; }

a:hover {
  color: #000;
  text-decoration: none; }

a img {
  border: none; }

/* width */
::-webkit-scrollbar {
  width: 5px; }

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 4px #efdb00;
  border-radius: 5px; }

/* Handle */
::-webkit-scrollbar-thumb {
  background: #4c4c4c;
  border-radius: 5px; }

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #000; }

.darkHeader {
  background-color: #f4f4f4;
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 5px 8px 0 rgba(0, 0, 0, 0.14), 0 1px 14px 0 rgba(0, 0, 0, 0.12);
  padding-top: 20px !important;
  padding-bottom: 17px;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  position: fixed;
  width: 100%;
  animation: smoothScroll 1s forwards;
  z-index: 9; }

@keyframes smoothScroll {
  0% {
    transform: translateY(-20px); }
  100% {
    transform: translateY(0px); } }
/*
  ---------------------------------------------
  preloader
  ---------------------------------------------
  */
#preloader {
  overflow: hidden;
  background-image: linear-gradient(127deg, #003625 0%, #003625 91%);
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: fixed;
  z-index: 9999;
  color: #fff; }

#preloader .jumper {
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: block;
  position: absolute;
  margin: auto;
  width: 50px;
  height: 50px; }

#preloader .jumper > div {
  background-color: #fff;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  position: absolute;
  opacity: 0;
  width: 50px;
  height: 50px;
  -webkit-animation: jumper 1s 0s linear infinite;
  animation: jumper 1s 0s linear infinite; }

#preloader .jumper > div:nth-child(2) {
  -webkit-animation-delay: 0.33333s;
  animation-delay: 0.33333s; }

#preloader .jumper > div:nth-child(3) {
  -webkit-animation-delay: 0.66666s;
  animation-delay: 0.66666s; }

@-webkit-keyframes jumper {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0); }
  5% {
    opacity: 1; }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0; } }
@keyframes jumper {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0); }
  5% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@-webkit-keyframes dyinglight {
  15% {
    -webkit-transform: scale(1.6);
    transform: scale(1.6); }
  50% {
    -webkit-transform: rotate(-89deg);
    transform: rotate(-89deg); }
  100% {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg); } }
@keyframes dyinglight {
  15% {
    -webkit-transform: scale(1.6);
    transform: scale(1.6); }
  50% {
    -webkit-transform: rotate(-89deg);
    transform: rotate(-89deg); }
  100% {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg); } }
.dl {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: inline-block; }

.dl__square {
  display: block;
  width: 50px;
  height: 50px;
  background: #fff; }

.dl__container {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  -webkit-transform-origin: 50% 50% 0;
  transform-origin: 50% 50% 0;
  -webkit-animation: dyinglight 1s ease infinite;
  animation: dyinglight 1s ease infinite;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.dl__corner--top:before,
.dl__corner--top:after,
.dl__corner--bottom:before,
.dl__corner--bottom:after {
  position: absolute;
  width: 17px;
  height: 17px;
  color: #fff;
  content: ""; }

.dl__corner--top:before {
  border-left: 1px solid;
  border-top: 1px solid;
  top: -6px;
  left: -6px; }

.dl__corner--top:after {
  border-right: 1px solid;
  border-top: 1px solid;
  top: -6px;
  right: -6px; }

.dl__corner--bottom:before {
  border-left: 1px solid;
  border-bottom: 1px solid;
  bottom: -6px;
  left: -6px; }

.dl__corner--bottom:after {
  border-right: 1px solid;
  border-bottom: 1px solid;
  bottom: -6px;
  right: -6px; }

button:focus {
  outline: 0px dotted !important;
  outline: 0px auto -webkit-focus-ring-color !important; }

#back2Top {
  position: fixed;
  bottom: 2px;
  right: 2px;
  z-index: 999; }

/*----------------------*/
.container {
  max-width: 1170px;
  width: 100%;
  margin: 0 auto;
  position: relative;
  padding: 0;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 16px; }

/*==================================css reset==================================*/
/****************************************************************************************
@
@	Styles
@
****************************************************************************************/
.headerSec {
  position: relative;
  min-height: 50px;

}
  .headerSec .dropdown-submenu {
    position: relative; }
  .headerSec .dropdown-submenu a::after {
    transform: rotate(-90deg);
    position: absolute;
    right: 6px;
    top: .8em; }
  .headerSec .dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%;
    margin-left: .1rem;
    margin-right: .1rem; }

/*####################### MENU ########################*/
#cssmenu > ul > li:hover > a, #cssmenu > ul > li.active > a {
  color: red;
  border-bottom: none !important; }

#cssmenu > ul > li:hover > a::before, #cssmenu > ul > li.active > a::before {
  opacity: 1; }

#cssmenu > ul > li > a {
  padding: 11px 0px;
  text-transform: none;
  font-size: 15px;
  color: #fff;
  font-weight: 500;
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
  margin: 0 10px 0 0; }

#cssmenu ul ul {
  position: absolute;
  left: -9999px;
  z-index: 9999;
  box-shadow: 1px 0 12px rgba(0, 0, 0, 0.22); }

#cssmenu ul ul li a {
  padding: 10px 15px;
  width: 200px;
  font-size: 14px;
  background: #02aef1;
  text-decoration: none;
  color: #fff;
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
  border-bottom: 1px solid #e64850; }

#cssmenu > ul > li.has-sub > a::after {
  display: none; }

#cssmenu > ul > li.has-sub > a {
  padding-right: 6px; }

#cssmenu ul ul li:hover > a, #cssmenu ul ul li a:hover {
  color: #222; }

/*####################### ENd MENU ########################*/

/*# sourceMappingURL=main.css.map */
.headerTop{
  background-color: #003625;
  color:#fff;
  padding: 5px 0;
}
.ctbtn{
  background-color: #EFEFEF;
  border-color:#EFEFEF;
}
.locationTop{
  display: flex;
  align-items: center;
}
.locationTop p{
  margin-bottom:5px;
}
.locationTop i {
  font-size: 25px;
  margin-right: 5px;
}
.btn1 {
  background-color: #11B380;
  color: #fff;
  min-width: 114px;
  min-height: 38px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  border-radius: 3px;
  margin-right: 5px;
  border: none;
}
.loginSec{
  gap: 10px;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}
.carousel-caption {
  top: 50%;
  transform: translateY(-50%);
}
.menuTop{
  background-color:#141414;
}
.productBx{
  padding-top: 15px;
  height: 100%;
}
.prdctInner{
  background-color: #fff;
  padding: 15px;
  border-radius: 5px;
  height: 100%;
}
.prdctInner h2{
  font-size: 20px;
  font-weight: 600;
}
.oneLine{
  display: flex;
  align-items: center;
  margin-bottom:20px;
  align-items: center;
}

.oneLine h2{
  margin-right: 10px;
}
.viewDeal{
 color:#EF8920;
 font-weight: 600;
}
.productBxWrp{
  position: relative;
}
.productBxWrp h6{
  font-size: 16px;
  text-align: center;
  position: relative;
  margin-top: 5px;
}
.productBxWrp .discntSec {
  background-color: #EC5150;
  display: inline-flex;
  min-height: 29px;
  justify-content: center;
  align-items: center;
  padding: 3px 10px;
  font-size: 14px;
  color: #fff;
  position: absolute;
  top: 10px;
  left: 10px;
}
 .owl-nav {
  margin-top: 10px;
  position: absolute;
  top: -55px;
  right: 0;
}
.owl-theme .owl-nav [class*=owl-]:hover {
  background: transparent;
}
.owl-nav i{
    background-color: #fff;
	font-size: 26px;
    color:#000;
    margin: 0 5px;
	}
  .owl-nav i:hover{
  color:#EF8920;
  }
  .b2banner {
    height: 322px;
    background-size: 100% 100% !important;
    margin: 20px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-repeat: no-repeat !important;
}
  .b2Txt{
    text-align: center;
    color:#fff;
  }
  .b2Txt h2{
    font-size: 30px;
  }
  .b2Txt h6{
    font-size:24px;
    color:#EC5150;
    margin-bottom: 15px;
  }

  .btn2{
    min-width: 165px;
    min-height: 58px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background-color:#EF8920;
    border-radius:3px;
    font-size: 16px;
    color:#fff;
  }
  .facebook{
    background:#3b5998;
  }

  .twitr-color{
    background:#55acee;
  }

  .instagram-color{
    background:#CC0088;
  }
.youtub-color{
  background-color: #CC0001;
}

  .top-scl-icn li{
    display: inline-block;
  }
   .top-scl-icn li a {
      display: inline-block;
      position: relative;
      margin: 0 auto 0 auto;
      -moz-border-radius: 50%;
      -webkit-border-radius: 50%;
      border-radius: 50%;
      text-align: center;
      width: 48px;
      height:48px;
    line-height:48px;
      font-size: 18px;
  }

    .top-scl-icn li a:hover i {
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -ms--transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
    transition: all 0.2s;
  }
   .top-scl-icn li a i {
    color:#fff;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -o-transition: all 0.8s;
    -ms-transition: all 0.8s;
    transition: all 0.8s;
  }
  .foterLogo img{
    max-width: 70px;
    margin-bottom: 10px;
  }
  .footerSec{
    background-color: #fff;
    padding-top: 50px;
    margin-top: 15PX;
  }
  .footerSec h5{
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 1rem;
  }
  .quikLink li{
    margin-bottom: 10px;
  }
  .quikLink a{
    color:#848484;
    font-size: 15px;
    border-left: 1px solid transparent;
  }
  .quikLink a:hover{
    color: #003625;
    border-left: 1px solid #000;
    padding-left: 5px;
  }
 .paymentSec {
  text-align: right;
 }
 .copyRight{
  color:#B9B9B9;
  padding: 15px 7px;
  border-top:1px solid #E6E6E6;
  margin-top: 30px;
 }
 .b2bannerSec h2{
  font-family: 'Poppins', sans-serif;
 }
 .b2bannerSec.light h2{
  color:#000;
 }
 .bannerSec .carousel-item{
  position: relative;
 }
 .bannerSec{
  position: relative;
 }
.cmnBanner{
  height: 350px;
}
 .bannerSec .txtBanner{
  position: absolute;
  width: 1170px;
  top:50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color:#fff;
 }
 .bannerSec .txtBanner h2{
  font-size: 64px;
  font-weight: 700;
 }
 .bannerSec .txtBanner h6{
  font-size: 30px;
 }
 .bannerSec .txtBanner h6 span{
  color:#EC5150;
 }
 .bannerSec .txtBanner .btn2{
  margin-top: 20px;
 }
 .menuBar{
  margin-right: 3px;
 }
 .menuBar i{
  color:#fff;
  margin-right: 2px;
 }
 /*###### category menu css start #####*/
.mm-wrapper_background #my-cat-header.mm-page.header-menu-wrap{
  position: relative;
  width: 100%;
  background-color: #232f3e;
  height: auto;
  min-height: auto;
}
.header-menu-wrap{
  background-color: #141414;
}
#my-cate-menu{
  z-index: 99;
  opacity: 0;
}
.mm-wrapper_opening #my-cate-menu{
  opacity: 1;
}
.mm-wrapper_opening [class*=mm-menu_pagedim].mm-menu_opened~.mm-wrapper__blocker{
  opacity: .7;
}
.close-cate-icon{
  position: absolute;
  right: -40px;
  top: 10px;
  z-index: 1;
  color: #fff;
  font-size: 30px;
}
/*###### category menu css end #####*/
.mm-menu_offcanvas:not(.mm-menu_opened) {
  display: none;
}
.menuAll{
  display: flex;
  color:#fff;
  align-items: center;
}
.cate-btn{
  color:#fff;
}
.innerBanner{
  background-size: cover !important;
  min-height: 350px;
}
.aboutSec {
  position: relative;
  background-attachment: fixed !important;
  background: url(../images/mapBg.jpg);
  background-size: cover;
  background-position: center; }
  .aboutSec h2 {
    font-size: 94px;
    color: #003625;
    -webkit-text-fill-color: white;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #003625;
    text-align: right;
    line-height: 50px; }
    .aboutSec h2 span {
      font-size: 60px;
      color:#003625;
      -webkit-text-fill-color: #003625;
      -webkit-text-stroke-width: 0;
      -webkit-text-stroke-color: inherit; }
  .aboutSec h3 {
    color: #003625;
    font-size: 30px; }

    .aboutSec{
      background-color: #fff;
    }
    .contactSec{
      background: #fff;
    }
    .contactSec .contact-item {
      text-align: left;
      display: inline-block;
      width: 100%;
      margin-top: 20px; }
    .contactSec .contact-item .icon-box {
      background: #003625 none repeat scroll 0 0;
      color: #fff;
      /* display: inline-block; */
      float: left;
      height: 50px;
      min-height: 50px;
      min-width: 50px;
      text-align: center;
      vertical-align: middle;
      width: 50px;
      margin-right: 20px; }
    .contactSec .contact-item .icon-box i {
        /* transform: rotate(
      -45deg
      ); */
      line-height: 50px;
      font-size: 18px; }
    .contactSec .contact-item .text-box {
      overflow: hidden; }
    .contactSec .contact-item h3 {
      color: #000;
      font-size: 16px;
      font-weight: 600;
      line-height: 30px;
      /* margin: 20px 0 0; */
      line-height: 1.5;
      padding: 0;
      text-transform: uppercase; }
    .contactSec .contact-item p {
      color: #969393;
      font-size: 16px;
      font-weight: 300;
      /* margin: 10px 0 0; */
      line-height: 1.5;
      padding: 0; }

      .team .heading-title {
        margin-bottom: 100px;
        width: 100%; }
      .team .text-center {
        text-align: center; }
      .team .heading-title h3 {
        margin-bottom: 0;
        letter-spacing: 2px;
        font-weight: normal; }
      .team .p-top-30 {
        padding-top: 30px; }
      .team .half-txt {
        width: 60%;
        margin: 0 auto;
        display: inline-block;
        line-height: 25px;
        color: #7e7e7e; }
      .team .text-uppercase {
        text-transform: uppercase; }
      .team .team-member, .team .team-member .team-img {
        position: relative; }
      .team .team-member {
        overflow: hidden; }
      .team .team-member, .team .team-member .team-img {
        position: relative; }
      .team .team-hover {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: 0;
        border: 20px solid rgba(0, 0, 0, 0.1);
        background-color: rgba(255, 255, 255, 0.9);
        opacity: 0;
        -webkit-transition: all 0.3s;
        transition: all 0.3s; }
      .team .team-member:hover .team-hover .desk {
        top: 35%; }
      .team .team-member:hover .team-hover, .team .team-member:hover .team-hover .desk, .team .team-member:hover .team-hover .s-link {
        opacity: 1; }
      .team .team-hover .desk {
        position: absolute;
        top: 0%;
        width: 100%;
        opacity: 0;
        -webkit-transform: translateY(-35%);
        -ms-transform: translateY(-35%);
        transform: translateY(-35%);
        -webkit-transition: all 0.3s 0.2s;
        transition: all 0.3s 0.2s;
        padding: 0 20px; }
      .team .team-hover .desk p {
        font-size: 12px; }
      .team .desk, .team .desk h4, .team .team-hover .s-link a {
        text-align: center;
        color: #222; }
      .team .team-member:hover .team-hover .s-link {
        bottom: 10%; }
      .team .team-member:hover .team-hover, .team .team-member:hover .team-hover .desk, .team .team-member:hover .team-hover .s-link {
        opacity: 1; }
      .team .team-hover .s-link {
        position: absolute;
        bottom: 0;
        width: 100%;
        opacity: 0;
        text-align: center;
        -webkit-transform: translateY(45%);
        -ms-transform: translateY(45%);
        transform: translateY(45%);
        -webkit-transition: all 0.3s 0.2s;
        transition: all 0.3s 0.2s;
        font-size: 35px; }
      .team .desk, .team .desk h4, .team .team-hover .s-link a {
        text-align: center;
        color: #222; }
      .team .team-member .s-link a {
        margin: 0 10px;
        color: #333;
        font-size: 16px; }
      .team .team-title {
        position: static;
        padding: 20px 0;
        display: inline-block;
        letter-spacing: 2px;
        width: 100%; }
      .team .team-title h5 {
        margin-bottom: 0px;
        display: block;
        text-transform: uppercase; }
      .team .team-title span {
        font-size: 12px;
        text-transform: uppercase;
        color: #a5a5a5;
        letter-spacing: 1px; }

/*-- Terms--*/
.terms-container {
  color: #262626; }

.terms-title h1 {
  font-size: 26px;
  font-family: "RobotoCondensed-Bold";
  text-align: center;
  font-weight: bold;
  letter-spacing: 10px; }

.terms-body h4 {
  color: #EB573D;
  font-size: 14px;
  line-height: 25px; }

.terms-body h3 {
  font-family: "RobotoCondensed-Bold";
  color: #262626;
  font-weight: bold;
  text-align: left;
  margin-bottom: 7px;
  font-size: 15px;
  border-left: 2px solid #ccc;
  padding-left: 8px; }

.terms-body p {
  font-size: 12px;
  line-height: 25px; }

.terms-body a {
  color: #EB573D; }

.terms-body a:hover {
  color: #EB573D;
  text-decoration: none; }

.terms_footer h3 {
  margin-top: 60px;
  margin-bottom: 38px;
  text-align: center;
  font-weight: bold;
  letter-spacing: 3px;
  line-height: 1.5;
  color: #262626;
  border: 0; }

.terms_footer h3 a:link {
  color: #EB573D;
  text-decoration: none; }
  .navbar-expand-lg {
    justify-content: center;
}
.cartSec {
  position: relative;
  left: -8px;
}

.cartSec span {
  position: absolute;
  right: -6px;
  top: -8px;
  font-weight: 600;
  background-color: #EB573D;
  color: #FFF;
  display: inline-flex;
  min-width: 15px;
  height: 15px;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  font-size: 12px;
}
.mobileHeader .logoSec img{
max-width: 60px;
}
.logoLogin{
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}
.mobileHeader{
  display: none;
}
.mobileHeader .leftMblMnu{
  display: flex;
  align-items: center;
}
.mobileHeader .locationTop {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin: 10px 0;
  background: #05261c;
  padding: 10px;
}
.mobileHeader .icn{
  display: flex;
}


/* product details page css start */
.product-wrapper{
  position: relative;
  width: 100%;
  padding: 60px 0px;
  background-color: #fff;
}


.product-images-wrap {
  position: relative;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.product-images-wrap #product-thumbnail-slider {
  position: relative;
  width: 105px;
  height: fit-content;
}

.product-images-wrap #product-big-slider {
  position: relative;
  width: calc(100% - 105px);
}
.product-images-wrap #product-big-slider .product-big-img img{
  object-fit: contain;
  width: 100%;
  max-height: 335px;
}

/* arrow css start */
#product-thumbnail-slider .slick-arrow{
  position: relative;
  font-size: 20px;
  color: #000;
  z-index: 9;
}
#product-thumbnail-slider .slick-arrow::before{
  content: none;
}
#product-thumbnail-slider .slick-prev{
  position: absolute;
  top: 0;
  left: 40%;
  transform: rotate(90deg);
}
#product-thumbnail-slider .slick-next{
  position: absolute;
  bottom: 0;
  left: 40%;
  top: auto;
  transform: rotate(90deg);
}
/* arrow css end */

.product-details-wrap{
  position: relative;
  width: 100%;
}
.product-details-wrap .title{
  position: relative;
  width: 100%;
  margin-bottom: 15px;
}
.product-details-wrap .title h3{
  position: relative;
  width: 100%;
  color: #000;
  font-size: 30px;
}
.product-details-wrap .rating{
  position: relative;
  width: 100%;

}
.product-details-wrap .rating span{
  position: relative;
  color: #000;
  font-size: 15px;
  margin-left: 5px;
}
.product-details-wrap .price-wrap{
  position: relative;
  width: 100%;
  margin-bottom: 15px;
}
.product-details-wrap .price-wrap h4{
  position: relative;
  width: 100%;
  font-size: 20px;
  color: #EC5150;
}
.product-details-wrap .price-wrap h3{
  position: relative;
  width: 100%;
  color: #000;
  font-size: 30px;
  font-weight: 600;
}
.product-details-wrap .price-wrap h3 span{
  color: #EC5150;
}
.product-details-wrap .price-wrap h5{
  position: relative;
  width: 100%;
  color: #848484;
  font-size: 14px;
  margin-bottom: 10px;
}
.product-details-wrap .categories-tag-wrap{
  position: relative;
  width: 100%;
  margin-bottom: 15px;
}
.product-details-wrap .categories-tag-wrap h5{
  position: relative;
  width: 100%;
  color: #000;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 10px;
}
.product-details-wrap .categories-tag-wrap p{
  position: relative;
  color: #848484;
  font-size: 15px;
}
.product-details-wrap .categories-tag-wrap p a{
  color: #262e96;
}
.product-details-wrap .size-wrap{
  position: relative;
  width: 100%;
  margin-bottom: 15px;
}
.product-details-wrap .size-wrap h5{
  position: relative;
  width: 100%;
  color: #000;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 10px;
}
.product-details-wrap .size-wrap ul{
  position: relative;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.product-details-wrap .size-wrap ul li{
  position: relative;
  margin-right: 5px;
  margin-bottom: 5px;
}
/*  */
.custom-radio > input {
  display: none;
}
.custom-radio > .label {
  cursor: pointer;
  border: 2px solid #000;
  padding: 5px 8px;
  border-radius: 3px;
  color: #000;
  font-size: 15px;
}
.custom-radio > input:checked + .label {
  border: 2px solid #ef8920;
}
/*  */


/* additional info css */
.additional-info-wrap{
  position: relative;
  width: 100%;
}
.additional-info-wrap table{
  border-bottom: 1px solid #ddd;
}
.additional-info-wrap table tr th{
  border: 0;
}
.additional-info-wrap table tr td{
  border: 0;
}

.about-items-wrap{
  position: relative;
  width: 100%;
  margin-bottom: 15px;
  text-align: justify;
}
.about-items-wrap h5{
  position: relative;
  width: 100%;
  color: #000;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 10px;
}
.about-items-wrap ul{
  position: relative;
  display: block;
  list-style: disc;
  padding-left: 20px;
}
.about-items-wrap ul li{
  position: relative;
  width: 100%;
  font-size: 15px;
  color: #000;
  margin-bottom: 10px;
}
/* additional info css end*/
/*  */
.product-right-sidebar{
  position: relative;
  width: 100%;
  padding: 15px 15px;
  border: 1px solid #ddd;
  border-radius: 5px;
}

.product-right-sidebar .sidebar-price{
  position: relative;
  width: 100%;
}
.product-right-sidebar .sidebar-price h5{
  position: relative;
  width: 100%;
  color: #000;
  font-size: 18px;
  font-weight: 600;
}
.product-right-sidebar .sidebar-price h4{
  position: relative;
  width: 100%;
  color: #000;
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 10px;
}
.product-right-sidebar .delivery-return-list{
  position: relative;
  width: 100%;
  margin-bottom: 15px;
}
.product-right-sidebar .delivery-return-list h5{
  position: relative;
  width: 100%;
  color: #000;
  font-weight: 600;
  font-size: 16px;
}
.product-right-sidebar .delivery-return-list h5 span{
  position: relative;
  color: #003625;
}
.product-right-sidebar .delivery-return-list p{
  position: relative;
  width: 100%;
  color: #000;
  font-size: 16px;
  margin-bottom: 10px;
}
.product-right-sidebar .delivery-return-list p span{
  color: #228B22;
  font-weight: 600;
}
.product-right-sidebar .delivery-location{
  position: relative;
  width: 100%;
}
.product-right-sidebar .delivery-location p{
  position: relative;
  width: 100%;
  color: #003625;
  font-size: 15px;
  margin-bottom: 10px;
}
.product-right-sidebar .delivery-location p .fa{
  color: #000;
}
.product-right-sidebar .stock{
  position: relative;
  width: 100%;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 10px;
}
.product-right-sidebar .stock h5{
  position: relative;
  width: 100%;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 0px;
}
.product-right-sidebar .stock.in-stock{
  color: #228B22;
}
.product-right-sidebar .qty-wrap{
  position: relative;
  width: 100%;
  margin-bottom: 15px;
}
.product-right-sidebar .qty-wrap select{
  position: relative;
  border: 1px solid #ddd;
  border-radius: 2px;
}
.cart-buy-btn-wrap{
  position: relative;
  width: 100%;

}
.cart-buy-btn-wrap .btn{
  position: relative;
  width: 100%;
  margin-bottom: 10px;
}
.cart-buy-btn-wrap .btn.cart-btn{
  background-color: #EF8920;
  border-color: #EF8920;
  color: #fff;
  border-radius: 30px;
  padding: 8px 15px;
}
.cart-buy-btn-wrap .btn.buy-btn{
  background-color: #000;
  border-color: #000;
  color: #fff;
  border-radius: 30px;
  padding: 8px 15px;
}

.related-products-wrap{
  position: relative;
  width: 100%;

}
.related-products-wrap h3{
  position: relative;
  width: 100%;
  font-size: 30px;
  color: #000;
  margin-bottom: 20px;
  font-weight: 600;
}

/* responsive css start */
@media(max-width:767px){
  .product-images-wrap #product-thumbnail-slider{
    display: none;
  }
  .product-images-wrap #product-big-slider{
    width: 100%;
  }

  /*###### Arrow css start #####*/
  #product-big-slider .slick-dots{
    position: relative;
    width: 100%;

    z-index: 9;
    margin-bottom: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  #product-big-slider .slick-dots li{
    position: relative;
    margin: 0px 5px;
  }
  #product-big-slider .slick-dots li button{
    padding: 0;
    font-size: 0;
      line-height: 0;
    color: transparent;
      border: 0;
      outline: none;
      background: transparent;
  }
  #product-big-slider .slick-dots li button:before{
    content: "";
    width: 10px;
    height: 10px;
    background-color: #000;
    display: block;
    border-radius: 50%;
  }
  #product-big-slider .slick-dots li.slick-active button:before{
    width: 10px;
    height: 10px;
    background-color: #000;
    border: 2px solid #000000;
  }
  /*###### Arrow css end #####*/
}

/* responsive css end */
/* product details page css end */
.productCategri{
  padding-top: 60px;
  padding-bottom: 20px;
}
.productCategri .productSec {
  position: relative;
  padding: 10px 10px !important;
  border: 1px solid #ddd;
  background-color: #fff;
}
.productSec{
  position: relative;
}
.productSec span.onsale {
  min-height: 3.236em;
  min-width: 3.236em;
  padding: .202em;
  font-size: 1em;
  font-weight: 700;
  position: absolute;
  text-align: center;
  line-height: 3.236;
  top: -.5em;
  left: -.5em;
  margin: 0;
  border-radius: 100%;
  background-color: #77a464;
  color: #fff;
  font-size: .857em;
  z-index: 9;
}

.productSec img {
  width: 100%;
  height: auto;
  display: block;
  margin: 0 0 1em;
  box-shadow: none;
}
.cmnTitle{
  font-size: 2.5rem;
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
}
.productSec .price {
  font-size: 20px !important;
  color: #EC5150 !important;
  font-weight: 400;
}
.productSec ins {
  background: 0 0;
  font-weight: 700;
  display: inline-block;
}
.productSec .btn1{
  background-color: #003625;
  font-weight: 700;
  margin-top:12px;
}
.productSec .btn1:hover{
  color:#77a464;
}
/* ########## Cart ########### */
.cartSec .table>:not(caption)>*>* {
  border-bottom-width:0px;
}
.cart-dtl-bx{
	border: 1px solid #023625;
	padding: 15px;
	border-radius: 8px;
}
.cart-dtl-bx table th{
	font-size: 18px;
	color: #060606;
	font-weight: 400;
}
.cart-dtl-bx table td,
.cart-dtl-bx table th{
	padding: 1rem;
}
.cart-pro-dtl{
	display: flex;
	align-items: center;
  position: relative;
}
.cart-pro-dtl img{
	height: 65px;
	width: auto;
	margin-right: 12px;
}
.cart-pro-dtl h4 {
  color: #222222;
  font-weight: 700;
  font-size: 16px;
  margin: 0;
  padding: 0;
}
.cart-pro-dtl h4 span{
	font-size: 14px;
	display: block;
}
.table > :not(caption) > * > * {
	padding: 1rem;
}
.coupon-bx {
	position: relative;
	margin: 0;
}
.coupon-bx form{
	display: flex;
}
.coupon-bx input[type="text"] {
	background-color: transparent !important;
	border: 1px solid #D9D9D9;
	color: #020202;
	font-size: 15px;
	font-weight: 400;
	height: 45px;
	line-height: 1;
	margin: 0 8px 0 0;
	outline: medium none;
	padding: 5px 10px;
	border-radius: 3px;
	box-shadow: none;
}
.count-bx {
	display: flex;
	align-items: center;
	margin: 8px 0 0;
}
.count-bx button{
	width: 30px;
	height: 30px;
	border-radius: 4px;
	line-height: 30px;
	border: 1px solid #B74244;
	margin:6px;
	font-size: 22px;
	color:#B74244
}
.count-bx input{
	width: 30px;
	font-size: 16px;
	text-align: center;
}
.main-wrap {
 /* padding: 60px 0; */
  background-color: #fff;
}
/*##### Wishlist page css start #####*/
.wishlist-table table tbody tr{
	vertical-align: middle;
}
.wishlist-table .wishlist-instock{
	position: relative;
	font-size: 16px;
    color: #009900;
	margin-bottom: 0px;
}
.wishlist-table .wishlist-instock:before{
    font-family: 'FontAwesome';
    letter-spacing: 0;
    display: inline-block;
    content: "\f00c";
    margin-right: 5px;
    font-weight: 900;
}
.wishlist-table .wishlist-outofstock{
	position: relative;
	font-size: 16px;
    color: #f50000;
	margin-bottom: 0px;
}
.wishlist-table .wishlist-outofstock:before{
    font-family: 'FontAwesome';
    letter-spacing: 0;
    display: inline-block;
    content: "\f00d";
    margin-right: 5px;
    font-weight: 900;
}
.wishlist-table .remove-icon{
	position: relative;
	color: #000;
	font-size: 16px;
}
/*##### Wishlist page css end #####*/

/*##### my order css start ####*/
.my-order-wrapper{
	position: relative;
	width: 100%;
	padding: 60px 0px;
}
.account-hdr{
	position: relative;
	width: 100%;
	padding-bottom: 15px;
	border-bottom: 1px solid #ececec;
}
.account-hdr h4{
	position: relative;
	width: 100%;
	color: #000;
	font-size: 16px;
	margin-bottom: 5px;
}
.account-hdr h5{
	position: relative;
    width: 100%;
    color: #505050;
    font-size: 14px;
    margin: 0;
}

.order-left-sidebar{
	position: relative;
	width: 100%;
	padding-right: 30px;
    border-right: 1px solid #ececec;
}
.order-left-sidebar h3{
	font-size: 16px;
    font-weight: 600;
    color: #000;
    margin: 0;
    padding: 20px 0;
    border-bottom: 1px solid #ececec;
}
.order-left-sidebar .cat-list{
	position: relative;
	width: 100%;
    padding: 15px 0px;
    border-bottom: 1px solid #ececec;
}
.order-left-sidebar .cat-list h4{
	position: relative;
	width: 100%;
	font-size: 15px;
    font-weight: 600;
    color: #686868;
    margin-bottom: 15px;
}
.order-left-sidebar .cat-list ul{
	position: relative;
	width: 100%;
	padding-left: 0px;
	margin-bottom: 0px;
}
.order-left-sidebar .cat-list ul li{
    position: relative;
    width: 100%;
    padding: 5px 0px;
}
.order-left-sidebar .cat-list ul li a{
	position: relative;
	color: #686868;
	font-size: 14px;
}
.order-left-sidebar .cat-list ul li.active a{
	color: #C6102E;
}

.order-right-box{
	position: relative;
	width: 100%;
	padding: 15px 15px;
}

.my-order-list{
    position: relative;
    width: 100%;
    padding: 10px 10px;
    box-shadow: 0px 0px 4px rgb(0 0 0 / 37%);
    border-radius: 5px;
    margin-bottom: 20px;
}
.my-order-list .order-img{
	position: relative;
	width: 100%;
	text-align: center;
}
.my-order-list .order-img img{
	max-height: 145px;

}
.my-order-list .order-details{
	position: relative;
	width: 100%;
}
.my-order-list .order-details h4{
	position: relative;
	width: 100%;
	font-size: 18px;
    font-weight: 600;
    color: #000;
    margin-bottom: 10px;
}
.my-order-list .order-details .order-qty{
	position: relative;
	width: 100%;
}
.my-order-list .order-details .order-qty p{
	position: relative;
	width: 100%;
	color: #000;
	font-size: 16px;
	margin-bottom: 5px;
}
.my-order-list .order-details .order-price{
	position: relative;
	width: 100%;
	margin-bottom: 10px;
}
.my-order-list .order-details .order-price h5{
	position: relative;
	width: 100%;
	color: #000;
	font-size: 18px;
	margin-bottom: 0px;
}
.my-order-list .order-details .order-cancel-wrap{
	position: relative;
	width: 100%;
}
.my-order-list .order-details .order-cancel-wrap ul{
	position: relative;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-left: 0px;
	padding: 0px;
	margin-bottom: 0px;
}
.my-order-list .order-details .order-cancel-wrap ul li{
	position: relative;
	margin-right: 10px;
}
.my-order-list .order-details .order-cancel-wrap ul li.in-progress p{
	position: relative;
	width: 100%;
	color: #686868;
	font-size: 14px;
	margin-bottom: 0px;
}
.my-order-list .order-details .order-cancel-wrap ul li.cancel-order a{
	position: relative;
    color: #c6102e;
    font-size: 15px;
    font-weight: 600;
}

.my-profile-wrap{
	position: relative;
	width: 100%;
	padding: 15px 15px;
    box-shadow: 0 0 8px #8c8c8c;
    border-radius: 10px;
}
.my-profile-wrap h3{
	position: relative;
	width: 100%;
	color: #000;
	font-size: 18px;
	margin-bottom: 10px;
}
.my-profile-wrap .info-table tr td{
	padding: 3px 3px;
	border-bottom: 0px;
}
.my-profile-wrap .info-table tfoot th{
	padding: 3px 3px;
	border-bottom: 0px;
	border-top: 1px dashed #D4D4D4;
}
.my-profile-wrap .info-table tfoot th .cancel-btn{
	position: relative;
    color: #c6102e;
    font-size: 15px;
    font-weight: 600;
}

/*##### my order css end ####*/
.tabPrice{
  padding: 100px 0;
}
.pricingSec {
  text-align: center;
  background-color: #fff;
}
.pricingSec p {
  font-size: 14px;
}
.pricingSec .priceBx h6 {
  background: #333;
  color: #fff;
  margin-bottom: 2px;
  padding: 20px 0;
  font-size: 20px;
  font-weight: bold;
}
.pricingSec .priceBx .btn1{
  margin: 10px 0;
}
.pricingSec .priceBx h5 {
  font-size: 60px;
  background: #333;
  margin-bottom: 0;
  color: #fff;
  margin-bottom: 2px;
  font-family: "Raleway", sans-serif;
  font-weight: 700;
}
.pricingSec .priceBx h5 span {
  font-size: 35px;
}
.pricingSec .priceBx h4 {
  font-size: 14px;
  color: #adadad;
  background: #333;
  margin-bottom: 2px;
  border-bottom: 6px solid #3672ab;
  padding: 10px 0;
  font-style: italic;
  margin-bottom: 0;
}
.pricingSec .priceBx h3 {
  font-size: 14px;
  background-color: #3672ab;
  margin-bottom: 0;
  color: #fff;
  padding-top: 5px;
  padding-bottom: 10px;
}
.pricingSec .priceBx .list-group-item {
  text-transform: uppercase;
  color: #86878b;
}
.cmnBx:nth-child(2) {
  margin-top: -20px !important;
}
.priceBx {
  background: #003625;
  margin-bottom: 15px;
}
.pricingSec .commnHeader {
  margin-bottom: 30px;
}
.loginRegister{
  background-color: #fff;
  padding: 50px 0;
}
/*-- Form Price --*/
.tabPrice{
  background: #fff;
}
.payment-successful-panel {
  padding: 80px 0;
  text-align: center;
  background: url(../images/sucess-bg.jpg);
  background-size: cover;
  /* height: 100vh; */
  /* background-position: 153px 10%; */
}
.success-icon {
  width: 150px;
  height: 150px;
  border-width: 2px;
  display: block;
  margin: 0 auto;
  border-radius: 100%;
  text-align: center;
  border-color: #10c633;
  border-style: dotted;
  padding: 10px;
}
.success-icon i{
  width: 100%;
  height: 100%;
  background: #fff;
  font-size: 40px;
  line-height: 121px;
  color: #4c89ff;
  border-radius: 100%;
  text-align: center;
  border-width: 2px;
  border-style: dotted;
  -webkit-text-stroke: 1px #fff;
  -webkit-text-fill-color: #10c633;
  box-shadow: 0 0 8px rgba(0,0,0,0.3);
}
.payment-successful-panel h3{
  font-size: 60px;
  padding: 15px 0;
  color: green;
  font-weight: 200;
}
.payment-successful-panel p{
  font-size:14px;
  color: #333;
}
.payment-successful-panel p strong{
  font-size: 22px;
  color: #333;
}
.payment-successful-panel .btnClose {
display: inline-block;
background: transparent;
text-transform: uppercase;
font-weight: 500;
font-style: normal;
font-size: 13px;
letter-spacing: 0.3em;
color: #000;
border-radius: 0;
padding: 18px 80px 20px;
transition: all 0.7s ease-out;
background-image: linear-gradient(to right, #f6ac39 0%, #f6ac39 51%, #8a5b10 100%);

background-position: 1% 50%;
background-size: 300% 300%;
text-decoration: none;
margin: 0.625rem;
border: none;
border: 1px solid rgb(91, 167, 91);
}

.payment-successful-panel .btnClose:hover {
color: #fff;
border: 1px solid rgba(223,190,106,0);
color: #fff;
background-position: right center;
}
.tabPrice .nav-tabs .nav-item.show .nav-link,.tabPrice .nav-tabs .nav-link.active {
  color: #ffffff;
  background-color: #003625;
}

.tabPrice .nav-tabs {
  display: flex;
  border-bottom: 1px solid #dee2e6;
  justify-content: space-around;
  margin-bottom: 50px;
}
.tabPrice .right.form-label{
  display: none;
}
.nav-link {
  color: #003625;
}

/*----start step form css for vendor registration-----*/
#msform {
  text-align: center;
  position: relative;
  margin-top: 20px
}

#msform fieldset {
  background: white;
  border: 0 none;
  border-radius: 0.5rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding-bottom: 20px;
  position: relative
}

@media(min-width: 768px) and (max-width: 3000px){
#msform fieldset {
  background: white;
  border: 0 none;
  border-radius: 0.5rem;
  box-sizing: border-box;
  width: 60%;
  margin: 0;
  padding-bottom: 20px;
  position: relative;
  margin: 0 auto;
}
}
#msform input {
  color: #2C3E50;
  background-color: #ECEFF1;
  font-size: 16px;
  letter-spacing: 1px;
  border: 1px solid #ddd;
  border-radius: 8px;
  min-height: 44px;
}



.form-card {
  text-align: left
}

#msform fieldset:not(:first-of-type) {
  display: none
}

#msform input,
#msform select,
#msform textarea {
  padding: 8px 15px 8px 15px;
  border: 1px solid #ccc;
  border-radius: 0px;
  margin-bottom: 25px;
  margin-top: 2px;
  width: 100%;
  box-sizing: border-box;
  font-family: montserrat;
  color: #2C3E50;
  background-color: #ECEFF1;
  font-size: 16px;
  letter-spacing: 1px
}

#msform input:focus,
#msform textarea:focus {
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border: 1px solid #3672ab;
  outline-width: 0
}

#msform .action-button {
  width: 100px;
  background: #3672ab;
  font-weight: bold;
  color: white;
  border: 0 none;
  border-radius: 0px;
  cursor: pointer;
  padding: 10px 5px;
  margin: 10px 0px 10px 5px;
  float: right
}

#msform .action-button:hover,
#msform .action-button:focus {
  background-color: #311B92
}

#msform .action-button-previous {
  width: 100px;
  background: #616161;
  font-weight: bold;
  color: white;
  border: 0 none;
  border-radius: 0px;
  cursor: pointer;
  padding: 10px 5px;
  margin: 10px 5px 10px 0px;
  float: right
}

#msform .action-button-previous:hover,
#msform .action-button-previous:focus {
  background-color: #000000
}

.card {
  z-index: 0;
  border: none;
  position: relative
}

.fs-title {
  font-size: 25px;
  color: #673AB7;
  margin-bottom: 15px;
  font-weight: normal;
  text-align: left
}

.purple-text {
  color: #673AB7;
  font-weight: normal
}

.steps {
  font-size: 25px;
  color: gray;
  margin-bottom: 10px;
  font-weight: normal;
  text-align: right
}

.fieldlabels {
  color: gray;
  text-align: left
}

#progressbar {
  margin-bottom: 30px;
  overflow: hidden;
  color: lightgrey
}

#progressbar .active {
  color: #3672ab
}

#progressbar li {
  list-style-type: none;
  font-size: 15px;
  width: 33%;
  float: left;
  position: relative;
  font-weight: 400
}

#progressbar #account:before {
  font-family: FontAwesome;
  content: "\f022"
}

#progressbar #personal:before {
  font-family: FontAwesome;
  content: "\f007"
}

#progressbar #payment:before {
  font-family: FontAwesome;
  content: "\f09d"
}

#progressbar #confirm:before {
  font-family: FontAwesome;
  content: "\f00c"
}

#progressbar li:before {
  width: 50px;
  height: 50px;
  line-height: 45px;
  display: block;
  font-size: 20px;
  color: #ffffff;
  background: lightgray;
  border-radius: 50%;
  margin: 0 auto 10px auto;
  padding: 2px
}

#progressbar li:after {
  content: '';
  width: 100%;
  height: 2px;
  background: lightgray;
  position: absolute;
  left: 0;
  top: 25px;
  z-index: -1
}

#progressbar li.active:before,
#progressbar li.active:after {
  background: #3672ab
}

.progress {
  height: 20px
}

.progress-bar {
  background-color: #3672ab
}

.fit-image {
  width: 100%;
  object-fit: cover
}
#msform .form-check-input {
  width: 1em !important;
  height: 1em !important;
  margin-top: 0.25em;
  vertical-align: top;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 1px solid rgba(0,0,0,.25);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-print-color-adjust: exact;
  color-adjust: exact;
  padding: 0;
}
#msform .form-check-input[type=checkbox] {
  border-radius: 0.25em !important;
}
#msform .form-check-input:checked {
    background-color: #0d6efd !important;
    border-color: #0d6efd !important;
  }
#msform .form-check-input:checked[type=checkbox] {
  background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e)v !important;
}

/*----stop step form registration for vendor registration----*/


/*-- Chate Sec*/
.ticketChatSec .blog {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	position: absolute;
	bottom: 15px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 1;
}
.ticketChatSec .alink {
	display: inline-block;
	text-align: center;
	cursor: pointer;
}
.msg,
.ticketChatSec button {
	padding: 4px 8px;
	border: 0;
	outline: 0;
}
.ticketChatSec button {
	background-color: transparent;
	cursor: pointer;
}
.ticketChatSec button:hover i {
	color: #79c7c5;
	transform: scale(1.2);
}

/* container */
.ticketChatSec .container {
	width: 450px;
	height: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1;
	border-radius: 10px;
	background-color: #f9fbff;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
	overflow: hidden;
}

/* chat_box */
.ticketChatSec .chat_box {
	display: flex;
	flex-direction: column;
	height: 100%;
}
.ticketChatSec .chat_box > * {
	padding: 16px;
}

/* head */
.ticketChatSec .head {
	display: flex;
	align-items: center;
}
.ticketChatSec .head .user {
	display: flex;
	align-items: center;
	flex-grow: 1;
}
.ticketChatSec .head .user .avatar {
	margin-right: 8px;
}
.ticketChatSec .head .user .avatar img {
	display: block;
	border-radius: 50%;
}
.ticketChatSec .head .bar_tool {
	display: flex;
}
.ticketChatSec .head .bar_tool i {
	padding: 5px;
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* body */
.ticketChatSec .body {
  flex-grow: 1;
  max-height: 350px;
  background-color: #eee;
  overflow-y: scroll;
}
.ticketChatSec .body .bubble {
	display: inline-block;
	padding: 10px;
	margin-bottom: 5px;
	border-radius: 15px;
}
.ticketChatSec .body .bubble p {
	color: #f9fbff;
	font-size: 14px;
	text-align: left;
	line-height: 1.4;
}
.ticketChatSec .body .incoming {
	text-align: left;
}
.ticketChatSec .body .incoming .bubble {
	background-color: #b2b2b2;
}
.ticketChatSec .body .outgoing {
	text-align: right;
}
.ticketChatSec .body .outgoing .bubble {
	background-color: #79c7c5;
}

/* foot */
.ticketChatSec .foot {
	display: flex;
}
.ticketChatSec .foot .msg {
	flex-grow: 1;
}

@keyframes bounce {
	50% {
		transform: translate(0, 5px);
	}
	100% {
		transform: translate(0, 0);
	}
}
.ticketChatSec .ellipsis {
	display: inline-block;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background-color: #b7b7b7;
}
.ticketChatSec .dot_1 {
	/* animation: name duration timing-function delay iteration-count */
	animation: bounce 0.8s linear 0.1s infinite;
}
.ticketChatSec .dot_2 {
	animation: bounce 0.8s linear 0.2s infinite;
}
.ticketChatSec .dot_3 {
	animation: bounce 0.8s linear 0.3s infinite;
}
.ticketChatSec {
  max-width: 800px;
}


 #msform .form-label {
  margin-bottom: .5rem;
  color: #11b380;
  font-weight: 600;
}
#msform .left > a{
  color:#ec5150;
}
#msform  .form-check-input {
  min-height: 1rem;
}
.csLogin {
  color: #11b380;
  font-weight: bold;
}
.csLogin span{
  color: #ec5150;
}



/*-- User Profile--*/
.updatePrflSec{

  margin-bottom: 70px;
  background: #fff;
}
.updatePrflSec .profileImg img{
  width: 244px;
  height: 244px;
  border-radius: 50%;
  border:10px solid #fff;
  object-fit: cover;
}
.updatePrflSec .profileImg{
  position: relative;
  background-color: #f1f1f1;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.updatePrflSec .profileImg span{
  position: relative;
}
.updatePrflSec .profileImg i{
  position: absolute;
  top:50%;
  right:0;
  width: 62px;
  height: 62px;
  background: #1fb381;
  color:#fff;
  font-size: 30px;
  border-radius: 50%;
  line-height: 62px;
  text-align: center;
}
.updatePrflSec .profileImg{
  min-height: 573px;
  border-radius: 20px;
}
.updateWrap{
  margin-bottom: 70px;
}
.updateWrap {
  border:1px solid #ccc ;
  border-radius: 20px;
  overflow: hidden;
}
.updateWrap h2 {
  position: absolute;
  top: -22px;
  background: #fff;
  padding: 0 15px;
}
.updateWrap  input.form-control {
  background: #f1f1f1;
  min-height: 52px;
  border-color: #f1f1f1;
  border-right: 1px solid #fff;
}
.updateWrap .input-group-text {
  color: #a0a0a0;
  background-color: #f1f1f1;
  border: 1px solid #f1f1f1;
}
.updateWrap .form-label {
  margin-bottom: .5rem;
  color: #a2a2a2;
}

.updateWrap  textarea.form-control{
  background: #f1f1f1;
  border-color: #f1f1f1;
  border-right: 1px solid #fff;
}
.updateWrap  .form-select {
  background-color: #f1f1f1;
  min-height: 52px;
  border-color: #f1f1f1;
  border-right: 1px solid #fff;
}

.sidebar-price  button {
  border-left: 0;
  border-right: 0;
  border-top: 0;
  border-radius: 0;
  border-bottom: 1px solid #ccc;
}
.sidebar-price input.form-control {
  border-bottom: 1px solid #ccc;
  border-radius: 0;
}
.sidebar-price small{
  font-size: 14px;
}
.orderList .bg-snow {
  background: #F9FAFB !important;
}

ul.list-unstyled.text-pebble.mb-2.small {
  display: flex;
  gap: 7px;
  font-size: 13px;
}

/*### 18.03.24 Pricing page css start ####*/
.pricing-wrapper #msform fieldset{
  position: relative;
  width: 100%;
}
@media(min-width:768px){
  .pricing-wrapper #msform fieldset .cmnBx:nth-child(2){
    margin-top: 1.5rem !important;
  }
}
@media(max-width:767.99px){
  .pricing-wrapper #msform fieldset .cmnBx:nth-child(2){
    margin-top: 1.5rem !important;
  }
}

.pricing-wrapper #msform fieldset .cmnBx .priceBx{
  position: relative;
  width: 100%;
  height: 100%;
  background: #333333;
  padding-bottom: 80px;
  padding-top: 30px;
}
.pricing-wrapper #msform fieldset .cmnBx .priceBx h4{
  padding: 15px 5px;
  min-height: 70px;
}
.pricing-wrapper #msform fieldset .cmnBx .priceBx form.subscribe-btn{
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  z-index: 1;
  padding: 10px 0px 10px 0px;
  background-color: #003625;
}
.pricing-wrapper #msform fieldset .cmnBx .priceBx form.subscribe-btn .btn1{
  border: 0;
  border-radius: 0;
  padding: 10px 15px;
}
.fbk-tag{
  position: absolute;
  right: 0;
  top: 0;
  padding: 5px 8px;
  background-color: #11b380;
  font-size: 12px;
  font-weight: 600;
  color: #d9261f;
  color: #fff;
  background: rgb(17, 179, 128);
  background: linear-gradient(90deg, rgba(17, 179, 128, 1) 0%, rgba(217, 38, 31, 1) 100%);
  border-radius: 0px 0px 0px 4px;
}


/*### 18.03.24 Pricing page css end ####*/

/* ####### 20.03.2024 CSS for Product Review ####### */
.job-field {
    padding: 30px 0;
}

.job-title {
    font-weight: 700;
    font-size: 22px;
    color: #000;
}

.hire-box {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
    padding: 30px;
    background: #fff;
    color: #000;
    position: relative;
    border-radius: 15px;
}

.rate {
    float: left;
    height: 46px;
    padding: 0 10px;
    padding-left: 0;
}

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

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

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

.rate>input:checked~label {
    color: #ffc700;
}

.rate:not(:checked)>label:hover,
.rate:not(:checked)>label:hover~label {
    color: #deb217;
}

.rate>input:checked+label:hover,
.rate>input:checked+label:hover~label,
.rate>input:checked~label:hover,
.rate>input:checked~label:hover~label,
.rate>label:hover~input:checked~label {
    color: #c59b08;
}

.job-post-field label {
    font-weight: 700;
    color: #000;
    margin-bottom: 0;
}

.job-post-field .form-control {
    border-radius: 0;
    border: none;
    border-bottom: 1px solid #cacaca;
    min-height: 48px;
    font-size: 14px;
    padding-left: 2px;
    padding-right: 2px;
}

.rating-list ul li {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #e8e8e8;
    padding: 20px 0px;
    position: relative;
}

.rating-list ul li .participant-img {
    width: 125px;
    height: 125px;
    border-radius: 50%;
    overflow: hidden;
}

.rating-list ul li .participant-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.rating-list ul li .participant-details {
    display: flex;
    flex-direction: column;
    width: 80%;
    padding: 0 15px;
    color: #575757;
    line-height: 22px;
}

.rating-list ul li .participant-details .rating {
    color: #000;
    font-weight: 700;
}

.rating-list ul li .participant-details p {
    margin-top: -14px;
    font-size: 14px;
    margin-bottom: -6px;
    /* margin-bottom: 5px; */
}

.rating-list ul li .participant-details .rating-date {
    font-size: 14px;
    color: #575757;
    margin-top: 10px;
}
.rating img{
	width: auto;
}
.rating-list {
    padding: 26px 0px;
    max-height: 400px;
    overflow-y: scroll;
    min-height: 100%;
}
.hire-box .row{
  gap: 32px;
}
/* ####### End of 20.03.2024 CSS for Product Review ####### */


/* ####### 20.03.2024 CSS for Category Highlight ####### */
.mm-btn_next:after {
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
  right: 23px;
  left: auto;
  border: 2px solid;
  border-bottom: 0;
  border-right: 0;
}

.mm-listitem a:hover {
  text-decoration: none;
  background-color: #11b380;
  color: #fff;
}
.mm-listitem a:hover::after{
  border: 2px solid #fff;
}
.mm-navbar.mm-navbar_sticky {
  background-color: #11b380;
  color: #fff;
}
/* background-color: #11b380;
  border-color: #11b380; */

/* ####### End of 20.03.2024 CSS for Category Highlight ####### */
.rounded-circle {
  background: floralwhite;
  margin-right: 10px;
}

#id_wishlist{
  cursor: pointer;
  color: rgb(200, 200, 200);
}

.wishLstIcn{
  display: flex;
  justify-content: space-between;
  align-items: center ;
}
#heading > img{
  width: 22.5%;
}
.brand-image{
  width: 75%;
}
/* Google translate css */
body > .skiptranslate {
  display: none !important;
  } 
 
  .goog-logo-link, .gskiptranslate, .goog-te-gadget span, .goog-te-banner-frame, #goog-gt-tt, .goog-te-balloon-frame, div#goog-gt- {
    display: none !important;
}
#google_translate_element select, #google_translate_element2 select {
  background: transparent;
  font-size: 16px;
  display: inline-flex;
  max-width: 190px;
  color: #fff;
  border: none;
  border-radius: 5px;
  padding: 6px 8px;
  font-family: 'Red Hat Display', sans-serif;
  appearance: none;
  cursor: pointer;
  outline: none;
}
#google_translate_element select > option, #google_translate_element2 select > option {
  background-color: #11b380;
  
}
.goog-te-gadget {
  color: transparent !important;
  
}
.skiptranslate.goog-te-gadget{
width: 165px;
}
.loginbtn{
color: #fff;
top: -11px;
position: relative;
right: 15px;
}
.loginbtn:hover {
  color: #fff;
  text-decoration: none;
}

.product-des {
  text-align: center;
  display: flex;
  width: 100%;
  align-items: center;
  flex-direction: column;
}
.carousel.pointer-event {
  touch-action: pan-y pinch-zoom;
}
ul.social-media {
  gap: 22px;
  display: flex;
  align-items: center;
  
}
.title_wordwrap{
  font-size: 1em;
  text-overflow: ellipsis;
  max-height: 2.8em;
  overflow: hidden;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 4em;
}
/* .prd-thumbnail-sld-items .thumbnail-img img {
  height: 100px;
  width: 100%;
} */