:root { --color-white: #fff; --color-black: #333; --color-gray: #75787b; --color-gray-light: #bbb; --color-gray-disabled: #e8e8e8; --color-green: #0000FF; --color-green-dark: #0000FF; --font-size-small: .75rem; --font-size-default: .875rem; }
/* ------------------------ */
.btn:first-child:hover, :not(.btn-check)+.btn:hover{color: #FFF !important;}
.product-thumbnail{margin-top: 15px;}
.carousel-inner{border-radius: 15px !important;}
.product-thumb-image{width: 20% !important; height: 20% !important;}
.img-thumbnail:hover{padding: 0.50rem; border: 1px solid #0000FF; border-radius: 5px !important;}
.detail-table{max-height: 300px; overflow-y: auto;}
.company-list-scroling thead th{ position: sticky; top: 0px; background-color: #fff !important;}
/* ---------------------------- */
.progress-bar-new { display: flex; justify-content: space-between; list-style: none; padding: 0; margin: 0 0 1rem 0; }
.progress-bar-new li { flex: 2; position: relative; padding: 0 0 14px 0; font-size: var(--font-size-default); line-height: 1.5; color: var(--color-green); font-weight: 600; white-space: nowrap; overflow: visible; min-width: 0; text-align: center; border-bottom: 2px solid var(--color-gray-disabled); }
.progress-bar-new li:first-child,
.progress-bar-new li:last-child { flex: 1; }
.progress-bar-new li:last-child { text-align: right; }
.progress-bar-new li:before { content: ""; display: block; width: 10px; height: 10px; background-color: var(--color-gray-disabled); border-radius: 50% !important; border: 2px solid var(--color-white); position: absolute; left: calc(50% - 6px); bottom: -6px; z-index: 3; transition: all .2s ease-in-out; }
.progress-bar-new li:first-child:before { left: 0; }
.progress-bar-new li:last-child:before { right: 0; left: auto; }
.progress-bar-new span { transition: opacity .3s ease-in-out; }
.progress-bar-new li:not(.is-active) span { opacity: 0; }
.progress-bar-new .is-complete:not(:first-child):after,
.progress-bar-new .is-active:not(:first-child):after { content: ""; display: block; width: 100%; position: absolute; bottom: -2px; left: -50%; z-index: 2; border-bottom: 2px solid var(--color-green); }
.progress-bar-new li:last-child span { width: 80%; display: inline-block; position: absolute; left: -0%; }
.progress-bar-new .is-complete:last-child:after, .progress-bar-new .is-active:last-child:after { width: 50%; left: -100%; }
.progress-bar-new .is-complete:before { background-color: var(--color-green); }
.progress-bar-new .is-active:before, .progress-bar-new li:hover:before, .progress-bar-new .is-hovered:before { background-color: var(--color-white); border-color: var(--color-green); }
.progress-bar-new li:hover:before, .progress-bar-new .is-hovered:before { transform: scale(1.33); }
.progress-bar-new li:hover span, .progress-bar-new li.is-hovered span { opacity: 1; }
.progress-bar-new:hover li:not(:hover) span { opacity: 0; }
.progress-bar-new .has-changes { opacity: 1 !important; }
.progress-bar-new .has-changes:before { content: ""; display: block; width: 8px; height: 8px; position: absolute; left: calc(50% - 4px); bottom: -20px; }
/* ---------------------------------------*/
.sectionClass { padding: 0px 0px 40px 0px; position: relative; display: block; }
.fullWidth { width: 100% !important; float: none; padding: 0; min-height: 1px; height: 100%; position: relative; }
.sectiontitle { background-position: center; margin: 30px 0 0px; text-align: center; min-height: 20px; }
.sectiontitle h2 { font-size: 30px; color: #222; margin-bottom: 0px; padding-right: 10px; padding-left: 10px; }
.headerLine { width: 160px; height: 2px; display: inline-block; background: #101F2E; }
.projectFactsWrap{flex-direction: row; flex-wrap: wrap; }
#projectFacts .fullWidth{ padding: 0; }
.projectFactsWrap .item{padding: 20px 0px; text-align: center; margin: 20px; }
.projectFactsWrap.border-shadow .item{ background: #0000FF; }
.projectFactsWrap.border-shadow-2 .item{ background: rgb(86, 154, 255);}
.projectFactsWrap.border-shadow-3 .item{ background: rgb(86, 154, 255);}
.projectFactsWrap.border-shadow-4 .item{ background: #0000FF;}
.projectFactsWrap .item p.number, .projectFactsWrap .item p.number-days{ font-size: 30px; padding: 0; font-weight: bold; }
.projectFactsWrap .item p{ color: rgb(255, 255, 255); font-size: 16px; margin: 0; padding: 10px;}
.projectFactsWrap .item span{ width: 60px; background: rgba(255, 255, 255, 0.8); height: 2px; display: block; margin: 0 auto; }
.projectFactsWrap .item i{ vertical-align: middle; font-size: 50px; color: rgba(255, 255, 255, 0.8); }
.projectFactsWrap .item:hover i, .projectFactsWrap .item:hover p{ color: white; }
.projectFactsWrap .item:hover span{ background: white; }
@media (max-width: 786px){ .projectFactsWrap .item { flex: 0 0 50%; } }
/* ---------------------------------------------------------------- */
#progressbar-new { overflow: hidden; color: lightgrey; }
#progressbar-new .active { color: rgb(51, 186, 2); }
#progressbar-new li { list-style-type: none; font-size: 15px; float: left; position: relative; font-weight: 400; text-align: center; }
#progressbar-new #account.active-style:before { font-family: FontAwesome; content: "\f13e";}
#progressbar-new #account.inactive-style:before { font-family: FontAwesome; content: "\f023";}
#progressbar-new li:before { width: 35px; height: 35px; line-height: 35px; display: block; font-size: 17.5px; color: #ffffff; background: lightgray; border-radius: 50% !important; margin: 0 auto 10px auto; padding: 2px; text-align: center; }
#progressbar-new li:after { content: ''; width: 100%; height: 3px; background: lightgray; position: absolute; left: 80; top: 17.5px; z-index: -1; }
#progressbar-new li.active:before, #progressbar-new li.active:after { background: rgb(51, 186, 2); }
#progressbar-new li:last-child::after{width: 0px;}
.progress { height: 20px; }
.progress-bar { background-color: rgb(0, 123, 255); }
.fit-image { width: 100%; object-fit: cover; }
.sticky-header{position: sticky; top: 0px; background: #FFF;}
.table-scrolling, .company-list-scroling{max-height: 380px; overflow-y: auto;}
.target_achieved{background-color: #e8e8e8; font-weight: bolder;}
#number2::after{margin-left: 5px;}
/* ---------------------------------------------------------------- */
/* Join group modal Css */
.btn.buy-btn:first-child:hover, :not(.btn-check)+.btn.buy-btn:hover { color: #000000 !important; }
.otp-input { display: flex; justify-content: space-evenly; width: 50%; }
.otp-input .otp-value { width: 20px; padding: 0px; text-align: center; }
.text-small { font-size: 0.9rem;}
.glow{box-shadow: rgba(0, 123, 255, 0.488) 0px 0px 5px 2px ;}
/* ------------------------------------------- */
/* New css */
/* ---------------------------------------------------------------- */
.border-shadow  {box-shadow: rgba(0, 0, 0,0.45) 22px 22px 5px -23px;}
.border-shadow-2{box-shadow: rgba(0, 0, 0,0.45) -22px 22px 5px -23px;}
.border-shadow-3{box-shadow: rgba(0, 0, 0,0.45) 22px -22px 5px -23px; }
.border-shadow-4{box-shadow: rgba(0, 0, 0,0.45) -22px -22px 5px -23px;}
/* -------------------------------------------------------------------------- */
.max-height{max-height: 150px; overflow-y: auto;}
/* -------------------------------------------------------------------------- */
section .section-title { text-align: center; color: #0000FF; margin-bottom: 50px; text-transform: uppercase; }
#team .card { background: #ffffff; }
.image-flip:hover .backside, .image-flip.hover .backside { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); -ms-transform: rotateY(0deg); transform: rotateY(0deg); border-radius: .25rem; }
.image-flip:hover .frontside, .image-flip.hover .frontside { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); }
.mainflip { -webkit-transition: 1s; -webkit-transform-style: preserve-3d; -ms-transition: 1s; -moz-transition: 1s; -moz-transform: perspective(1000px); -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transition: 1s; transform-style: preserve-3d; position: relative; }
.frontside { position: relative; -webkit-transform: rotateY(0deg); -ms-transform: rotateY(0deg); z-index: 2; margin-bottom: 30px; }
.backside {width: 100%; position: absolute; top: 0; left: 0; background: white; -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); transform: rotateY(-180deg); -webkit-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158); -moz-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158); box-shadow: 5px 7px 9px -4px rgb(158, 158, 158); }
.frontside, .backside { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: 1s; -webkit-transform-style: preserve-3d; -moz-transition: 1s; -moz-transform-style: preserve-3d; -o-transition: 1s; -o-transform-style: preserve-3d; -ms-transition: 1s; -ms-transform-style: preserve-3d; transition: 1s; transform-style: preserve-3d;}
.frontside .card, .backside .card { min-height: 312px; }
.backside .card a { font-size: 18px; color: rgb(0, 0, 255) !important; }
.frontside .card .card-title,
.backside .card .card-title { color: #0000FF !important; }
.frontside .card .card-body img { width: 100%; height: 250px; border-radius: 50%; }
/* New Group Purchasing (Bharti SME) */
.img-responsive{height: 300px !important;}
.wsk-cp-product{ background:#fff; padding:15px; border-radius:6px; box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); position:relative; margin:20px auto; cursor: pointer; }
.wsk-cp-img{ position:absolute; top:5px; left:50%; transform:translate(-50%); -webkit-transform:translate(-50%); -ms-transform:translate(-50%); -moz-transform:translate(-50%); -o-transform:translate(-50%); -khtml-transform:translate(-50%); width: 100%; padding: 15px; transition: all 0.2s ease-in-out; }
.wsk-cp-img img{ width:100%; transition: all 0.2s ease-in-out; border-radius:6px; height: 300px !important;}
.wsk-cp-product:hover .wsk-cp-img{ top:-40px; cursor: pointer; }
.wsk-cp-product:hover .wsk-cp-img img{ box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22); }
.wsk-cp-text{ padding-top:82%; }
.wsk-cp-text .category{ text-align:center; font-size:12px; font-weight:bold; padding:5px; margin-bottom:45px; position:relative; transition: all 0.2s ease-in-out; letter-spacing: 2px; }
.wsk-cp-text .category > *{ position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -khtml-transform: translate(-50%,-50%);}
.wsk-cp-text .category > span{ padding: 12px 30px; border: 1px solid #0d6efd; background:#0d6efd; color:#fff; box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22); border-radius:27px; transition: all 0.05s ease-in-out; }
.wsk-cp-product:hover .wsk-cp-text .category > span{ border-color:#ddd; box-shadow: none; padding: 11px 28px; }
.wsk-cp-product:hover .wsk-cp-text .category{ margin-top: 0px; }
.wsk-cp-text .title-product{display: flex; }
.wsk-cp-text .title-product h3{ font-size:20px; font-weight:bold; margin:0px 0px 14px 0px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width:100%; }
.wsk-cp-text .description-prod p{ margin:0; }
/* Truncate */
.wsk-cp-text .description-prod { width: 100%; height:30px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.card-footer{ padding: 25px 0 5px; border-top: 1px solid #ddd; }
.card-footer:after, .card-footer:before{ content:''; display:table; }
.card-footer:after{ clear:both; }
.card-footer .wcf-left{ float:left; }
.card-footer .wcf-right{ float:right; }
.price{ font-size:16px; font-weight:bold; }
.custom-view{ display:block;  background: #0000FF;  text-align:center;  border:1px solid #0000FF; }
.join_group_button{ background: linear-gradient(to bottom, rgb(86, 154, 255), rgb(35, 35, 254) );  text-align:center;  font-size: 14px;  border:1px solid rgb(13, 110, 253);  border-radius: 10px !important; }
.wsk-btn {  display:inline-block;  color:#212121;  text-align:center;  font-size: 14px;  transition: all 0.2s ease-in-out;  border-color: #FF9800;  background: linear-gradient(to bottom,#ffc107, #FF9800) !important;  padding:12px 30px;  margin: 0 5px; }
.wsk-btn:hover, .wsk-btn:focus, .wsk-btn:active { text-decoration:none;  color:#fff; }
.btn.new_btn1:first-child:hover, :not(.btn-check)+.btn.new_btn1:hover{ color:#000 !important; }
.red{ color:#F44336; font-size:22px; display:inline-block; margin: 0 5px; }
@media screen and (max-width: 991px) { .wsk-cp-product{ margin:40px auto; } .wsk-cp-product .wsk-cp-img{ top:-40px; } .wsk-cp-product .wsk-cp-img img{ box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22); } .wsk-cp-product .wsk-cp-text .category > span{ border-color:#ddd; box-shadow: none; padding: 11px 28px; } .wsk-cp-product .wsk-cp-text .category{ margin-top: 0px; } a.buy-btn{ border-color: #FF9800; background: #FF9800; color: #fff; } }
.buy-btn .fa{display: block !important; }
/* -------------------------------------------------- */
button#gt_btn{border-radius: 8px !important; width: 50px; background: linear-gradient(to bottom,#ffd146, #FF9800) !important; border-color: #FF9800; font-size: 20px !important; color: #000000;}
#grouptrading_search .form-control{padding: 0px 0px 0px 10px !important;}
#grouptrading_search{width: 250px;}
.img-fluid{width: 100%; height: 250px !important;}
.carousel-item{ min-height: 300px !important; }
.ap-otp-input{padding:10px;border:none;border-bottom:2px solid #000;margin:0 5px;width:40px;font-weight:700;text-align:center}
.ap-otp-input:focus{outline:0!important;border-bottom:1px solid #1f6feb;transition:.12s ease-in}
/* ---------------------Responsive Css----------------------------- */
@media only screen and (max-width:1024px){
  .group_section{padding-top: 0px !important; margin-top: 0px !important;}
  .wsk-cp-img img{ height: 250px !important;}
  .wsk-cp-text{ padding-top: 100% !important; }
  .wsk-cp-text .title-product h3{ font-size: 16px; }
  .description-prod p, table.table.target-achieved-table.text-center { font-size: 13px; }
  .description-prod p img { width: 18px; }
  .wsk-cp-text .category{ margin-bottom: 40px; }
  .wsk-cp-text .category > *{ top: 0%; }
  .wsk-cp-text .category > span{ padding: 8px 26px; }
  .wsk-cp-product:hover .wsk-cp-text .category > span{ padding: 8px 26px; }
  .card-footer{ padding-top: 15px; }
  /* .group_section .btn{ padding: .6rem .6rem; } */
  span.text-primary.fw-bold{ font-size: 13px; letter-spacing: 1px; }
  .small, small{ font-size: 0.65rem; font-weight: bold; letter-spacing: 1px; }
  .h1, h1{font-size: 1.3rem;}
  .h6, h6, span.text-muted.text-justify {font-size: 0.85rem;}
  .p-3{padding: 0.875rem;}
  button#profile-tab{font-size: 15px;}
  .projectFactsWrap .item{padding: 15px 0px;}
  .projectFactsWrap .item p.number, .projectFactsWrap .item p.number-days{font-size: 22px;}
}

/* 10-Jan-23 New Group Listing Design CSS */
.new-img-card ,.new-img-card img{ height: 400px; width: 90%; border-top-right-radius: 20% !important; border-bottom-left-radius: 20% !important; background-size: contain;}
.btn-view{background-color: #0000FF; color: #FFF; border: 1px solid #0000FF; padding: 9px 20px;  font-weight: 500; font-size: 14px; line-height: 1; filter: drop-shadow(0 2px 8px rgba(39, 94, 254, 0.32)); letter-spacing: 1px;}
.btn-share{ --btn-color: #0d6efd; position: relative; padding: 10px 45px; font-weight: 500; font-size: 14px; line-height: 1; color: white; background: none; border: none; outline: none; overflow: hidden; cursor: pointer; filter: drop-shadow(0 2px 8px rgba(39, 94, 254, 0.32)); transition: 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);letter-spacing: 1px; }
.btn-share::before { position: absolute; content: ""; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background: var(--btn-color); transition: 0.3s cubic-bezier(0.215, 0.61, 0.355, 1); }
.btn-share .btn-text,
.btn-share .btn-icon { display: inline-flex; vertical-align: middle; transition: 0.3s cubic-bezier(0.215, 0.61, 0.355, 1); }
.btn-share .btn-text { transition-delay: 0.05s; }
.btn-share .btn-icon { margin-left: 0px; transition-delay: 0.1s; }
.btn-share .social-icons { position: absolute; top: 18px; left: 0; right: 0; display: flex; margin: 0; padding: 0; list-style-type: none; transform: translateY(-50%); }
.btn-share .social-icons li { flex: 1; }
.btn-share .social-icons li a { display: inline-flex; vertical-align: middle; transform: translateY(55px); transition: 0.3s cubic-bezier(0.215, 0.61, 0.355, 1); }
.btn-share .social-icons li a:hover { opacity: 0.5; }
.btn-share:hover::before { transform: scale(1.2); }
.btn-share:hover .btn-text, .btn-share:hover .btn-icon { transform: translateY(-55px); }
.btn-share:hover .social-icons li a { transform: translateY(0); }
.btn-share:hover .social-icons li:nth-child(1) a { transition-delay: 0.15s; }
.btn-share:hover .social-icons li:nth-child(2) a { transition-delay: 0.2s; }
.btn-share:hover .social-icons li:nth-child(3) a { transition-delay: 0.25s; }
.view-more-button:hover { color: white; }
p{font-size: 14px;}
.navbar-nav .nav-item .nav-link{font-size: 16px;}
.product-name{color: #333;}
.nobuyer_text{letter-spacing: 0.5px;}
/* -------------------------------------- */