*,
*:after,
*:before {
-webkit-box-sizing:border-box;
box-sizing:border-box;
margin: 0;
padding: 0;
}
:active,
:hover,
:focus {
outline: none !important;
outline-offset:0;
}
a,
a:hover {
text-decoration: none;
}
a:hover {
color:var(--bs-primary);
}
ul,
ol {
margin: 0;
padding: 0;
}
input[type=text]::-ms-clear { display: none; width : 0; height: 0; }
input[type=text]::-ms-reveal { display: none; width : 0; height: 0; }
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none; }
@font-face {
font-family: 'Calibre';
src: url('Calibre-Light.eot');
src: local('Calibre Light'), local('Calibre-Light'),
url('Calibre-Light.eot?#iefix') format('embedded-opentype'),
url('Calibre-Light.woff2') format('woff2'),
url('Calibre-Light.woff') format('woff'),
url('Calibre-Light.ttf') format('truetype');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Calibre';
src: url('calibre/Calibre-Thin.eot');
src: local('Calibre Thin'), local('Calibre-Thin'),
url('calibre/Calibre-Thin.eot?#iefix') format('embedded-opentype'),
url('calibre/calibre/Calibre-Thin.woff2') format('woff2'),
url('calibre/Calibre-Thin.woff') format('woff'),
url('calibre/Calibre-Thin.ttf') format('truetype');
font-weight: 100;
font-style: normal;
}
@font-face {
font-family: 'Calibre';
src: url('calibre/Calibre-LightItalic.eot');
src: local('Calibre Light Italic'), local('Calibre-LightItalic'),
url('calibre/Calibre-LightItalic.eot?#iefix') format('embedded-opentype'),
url('calibre/Calibre-LightItalic.woff2') format('woff2'),
url('calibre/Calibre-LightItalic.woff') format('woff'),
url('calibre/Calibre-LightItalic.ttf') format('truetype');
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: 'Calibre';
src: url('calibre/Calibre-MediumItalic.eot');
src: local('Calibre Medium Italic'), local('Calibre-MediumItalic'),
url('calibre/Calibre-MediumItalic.eot?#iefix') format('embedded-opentype'),
url('calibre/Calibre-MediumItalic.woff2') format('woff2'),
url('calibre/Calibre-MediumItalic.woff') format('woff'),
url('calibre/Calibre-MediumItalic.ttf') format('truetype');
font-weight: 500;
font-style: italic;
}
@font-face {
font-family: 'Calibre';
src: url('calibre/Calibre-BlackItalic.eot');
src: local('Calibre Black Italic'), local('Calibre-BlackItalic'),
url('calibre/Calibre-BlackItalic.eot?#iefix') format('embedded-opentype'),
url('calibre/Calibre-BlackItalic.woff2') format('woff2'),
url('calibre/Calibre-BlackItalic.woff') format('woff'),
url('calibre/Calibre-BlackItalic.ttf') format('truetype');
font-weight: 900;
font-style: italic;
}
@font-face {
font-family: 'Calibre';
src: url('calibre/Calibre-Semibold.eot');
src: local('Calibre Semibold'), local('Calibre-Semibold'),
url('calibre/Calibre-Semibold.eot?#iefix') format('embedded-opentype'),
url('calibre/Calibre-Semibold.woff2') format('woff2'),
url('calibre/Calibre-Semibold.woff') format('woff'),
url('calibre/Calibre-Semibold.ttf') format('truetype');
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'Calibre';
src: url('calibre/Calibre-Black.eot');
src: local('Calibre Black'), local('Calibre-Black'),
url('calibre/Calibre-Black.eot?#iefix') format('embedded-opentype'),
url('calibre/Calibre-Black.woff2') format('woff2'),
url('calibre/Calibre-Black.woff') format('woff'),
url('calibre/Calibre-Black.ttf') format('truetype');
font-weight: 900;
font-style: normal;
}
@font-face {
font-family: 'Calibre';
src: url('calibre/Calibre-Medium.eot');
src: local('Calibre Medium'), local('Calibre-Medium'),
url('calibre/Calibre-Medium.eot?#iefix') format('embedded-opentype'),
url('calibre/Calibre-Medium.woff2') format('woff2'),
url('calibre/Calibre-Medium.woff') format('woff'),
url('calibre/Calibre-Medium.ttf') format('truetype');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'Calibre';
src: url('calibre/Calibre-RegularItalic.eot');
src: local('Calibre Regular Italic'), local('Calibre-RegularItalic'),
url('calibre/Calibre-RegularItalic.eot?#iefix') format('embedded-opentype'),
url('calibre/Calibre-RegularItalic.woff2') format('woff2'),
url('calibre/Calibre-RegularItalic.woff') format('woff'),
url('calibre/Calibre-RegularItalic.ttf') format('truetype');
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: 'Calibre';
src: url('calibre/Calibre-BoldItalic.eot');
src: local('Calibre Bold Italic'), local('Calibre-BoldItalic'),
url('calibre/Calibre-BoldItalic.eot?#iefix') format('embedded-opentype'),
url('calibre/Calibre-BoldItalic.woff2') format('woff2'),
url('calibre/Calibre-BoldItalic.woff') format('woff'),
url('calibre/Calibre-BoldItalic.ttf') format('truetype');
font-weight: bold;
font-style: italic;
}
@font-face {
font-family: 'Calibre';
src: url('calibre/Calibre-Bold.eot');
src: local('Calibre Bold'), local('Calibre-Bold'),
url('calibre/Calibre-Bold.eot?#iefix') format('embedded-opentype'),
url('calibre/Calibre-Bold.woff2') format('woff2'),
url('calibre/Calibre-Bold.woff') format('woff'),
url('calibre/Calibre-Bold.ttf') format('truetype');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'Calibre';
src: url('calibre/Calibre-Regular.eot');
src: local('Calibre'), local('Calibre-Regular'),
url('calibre/Calibre-Regular.eot?#iefix') format('embedded-opentype'),
url('calibre/Calibre-Regular.woff2') format('woff2'),
url('calibre/Calibre-Regular.woff') format('woff'),
url('calibre/Calibre-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Calibre';
src: url('calibre/Calibre-SemiboldItalic.eot');
src: local('calibre/Calibre Semibold Italic'), local('Calibre-SemiboldItalic'),
url('calibre/Calibre-SemiboldItalic.eot?#iefix') format('embedded-opentype'),
url('calibre/Calibre-SemiboldItalic.woff2') format('woff2'),
url('calibre/Calibre-SemiboldItalic.woff') format('woff'),
url('calibre/Calibre-SemiboldItalic.ttf') format('truetype');
font-weight: 600;
font-style: italic;
}
@font-face {
font-family: 'Calibre';
src: url('calibre/Calibre-ThinItalic.eot');
src: local('Calibre Thin Italic'), local('Calibre-ThinItalic'),
url('calibre/Calibre-ThinItalic.eot?#iefix') format('embedded-opentype'),
url('calibre/Calibre-ThinItalic.woff2') format('woff2'),
url('calibre/Calibre-ThinItalic.woff') format('woff'),
url('calibre/Calibre-ThinItalic.ttf') format('truetype');
font-weight: 100;
font-style: italic;
}
/*Variables Define*/
:root {
--bs-gutter-x:15px;
--bs-gutter-y:15px;
--wot-font-family:Calibre;
--wot-light-brown: #A95D1C;
--wot-dark-brown: #532310;
--wot-white: #FFFFFF;
--wot-blue: #3F87DE;
--wot-green: #8BC34A;
--wot-red: #E61616;
--wot-black: #000000;
--wot-box-shadow-black: rgba(0, 0, 0, 0.16);
--wot-grey-light: #F0F0F0;
--wot-grey-dark: #E4E4E4;
--wot-border-seprator: #e0dbd9;
--wot-placeholder: #a38b7f;
--wot-white-check: url(../images/icon-white-check.svg);
--wot-light-brown-check: url(../images/icon-light-brown-check.svg);
--wot-white-arrow: url(../images/white-arrow.svg);
--wot-light-brown-arrow: url(../images/light-brown-arrow.svg);
--wot-dark-brown-arrow-down: url(../images/dark-brown-arrow-down.svg);
--wot-white-email-field-icon: url(../images/white-email-field-icon.svg);
--wot-brown-email-field-icon: url(../images/brown-email-field-icon.svg);
--wot-dark-brown-minus-square: url(../images/dark-brown-minus-square.svg);
--wot-dark-brown-plus-square: url(../images/dark-brown-plus-square.svg);
--wot-light-brown-post-here-icon: url(../images/light-brown-post-here-icon.svg);
--wot-light-brown-request-offer-icon: url(../images/light-brown-request-offer-icon.svg);
--wot-white-post-here-icon: url(../images/white-post-here-icon.svg);
--wot-white-request-offer-icon: url(../images/white-request-offer-icon.svg);
--wot-dark-brown-pg-prev-icon: url(../images/dark-brown-pg-prev-icon.svg);
--wot-dark-brown-pg-next-icon: url(../images/dark-brown-pg-next-icon.svg);
--wot-white-arrow-left-icon: url(../images/white-arrow-left-icon.svg);
--wot-white-arrow-right-icon: url(../images/white-arrow-right-icon.svg);
--wot-btn-loader: 40px;
}
html {
scroll-behavior:smooth;
}
.clr {
clear:both;
}
.float-left {
float:left;
}
.float-right {
float:right;
}
body {
background-color: var(--wot-dark-brown);
font-family: var(--wot-font-family), Arial, Helvetica, sans-serif;
font-size: 16px;
}
.bg-half {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -2;
}
.bg-half div {
width: 50%;
height: 100%;
float: left;
}
.bg-left {
background-color: var(--wot-white);
}
.bg-right {
background-color: var(--wot-dark-brown);
}
.full-width {
width: 100%;
}
.full-height {
height: 100%;
}
.container {
max-width: 1683px;
width: 100%;
}
/*Start Header*/
header {
position: relative;
}
.hdr-sc-1, .hdr-sc-mnu-2, .hdr-sc-mnu-3 {
padding: 30px 0;
}
.logo img {
max-width: 117px;
}
.hdr-src-c {
position: relative;
margin-left: 30px;
}
#hdr-src-input {
width: 100%;
background: var(--wot-grey-light);
color: var(--wot-dark-brown);
outline: none;
border: none;
border-radius: 40px;
font-size: 21.33px;
padding: 10px 15px 5px 15px;
}
#hdr-src-input:focus {
box-shadow: 0px 3px 6px #d6d6d6;
}
#hdr-src-submit {
position: absolute;
background:none;
border: 0;
right: 0;
background: var(--wot-grey-light);
height: 100%;
padding: 0 30px 0 15px;
border-radius:0 40px 40px 0;
color: var(--wot-dark-brown);
}
.bg-white {
background: var(--wot-white);
}
.bg-light-brown {
background: var(--wot-light-brown);
}
.bg-dark-brown {
background: var(--wot-dark-brown);
}
.main-mnu {
padding: 30px;
}
.main-mnu ul {
list-style: none;
}
.main-mnu ul li {
float: left;
margin-left: 30px;
}
.main-mnu ul li a {
font-weight: 600;
color: var(--wot-dark-brown);
font-size: 21.33px;
}
.header-c .dropdown-toggle {
position: relative;
padding-right: 15px;
}
.header-c .dropdown-toggle::after {
background: var(--wot-dark-brown-arrow-down) no-repeat 100% 30%;
border: 0;
width: 15px;
height: 15px;
top: 50%;
right: 0;
transform: translateY(-50%);
position: absolute;
}
.header-c .dropdown-menu {
padding: 15px;
border-radius:20px;
min-width: 250px;
}
.header-c .dropdown-menu li {
margin: 0;
float: none;
margin-top: -3px;
margin-bottom: -3px;
background: var(--wot-white);
}
.header-c .dropdown-menu li.active, .header-c .dropdown-menu li:hover {
position: relative;
}
.header-c .dropdown-menu li a {
font-weight: normal;
color: var(--wot-dark-brown);
border-top: 1px solid var(--wot-dark-brown);
border-bottom: 1px solid var(--wot-dark-brown);
}
.header-c .dropdown-menu li:first-child a {
border-top: 1px solid var(--wot-white);
}
.header-c .dropdown-menu li:last-child a {
border-bottom: 1px solid var(--wot-white);
}
.header-c .dropdown-menu li a:hover, .header-c .dropdown-menu li.active a, .header-c .dropdown-menu li a:focus, .header-c .dropdown-menu li a:active {
border-radius:40px;
background: var(--wot-light-brown);
color: var(--wot-white);
border-top: 1px solid var(--wot-light-brown);
border-bottom: 1px solid var(--wot-light-brown);
position: relative;
}
.hdr-sc-mnu-3 {
width: 100%;
color: var(--wot-white);
}
.hdr-sc-mnu-3 a {
color: var(--wot-white);
}
.notifications-c {
font-size:21.33px;
position: relative;
}
.notification-counter {
background: var(--wot-light-brown);
padding: 5px;
border-radius:5px;
display: inline-block;
height: 16px;
font-size: 13px;
line-height: 10px;
position: absolute;
top: -3px;
right: -3px;
}
.user-icon {
font-size: 61px;
}
.header-pt-2 {
background: var(--wot-light-brown);
color: var(--wot-white);
font-size: 50px;
padding: 30px;
}
.header-pt-2 h1 {
font-size: 50.52px;
font-weight: 600;
margin-bottom: 0;
height: 43px;
font-weight: normal;
}
.bdy_dashboard .header-pt-2 h1 {
font-weight: normal;
}
.sp-header-pt-2, .bp-header-pt-2 {
background: var(--wot-light-brown);
color: var(--wot-white);
padding: 30px;
}
.sp-header-pt-2 h1, .bp-header-pt-2 h1 {
margin-bottom: 0;
font-size: 50.52px;
font-weight: 600;
height: 43px;
margin-bottom: 10px;
}
.sp-header-pt-2 h2, .bp-header-pt-2 h2 {
font-size: 28.43px;
height: 28px;
margin-bottom: 0;
}
.breadcrumb-bg {
background: var(--wot-light-brown);
color: var(--wot-white);
font-size: 21.33px;
padding: 25px 0;
}
.breadcrumb-c * {
margin-right: 15px;
}
.breadcrumb-c a {
color: var(--wot-white);
background: var(--wot-white-arrow) no-repeat right 15%;
padding-right: 30px;
background-size: 8px;
}
.breadcrumb-c .active {
font-weight: 600;
}
/*End Header*/
/*Start Body*/
.body-container {
background:var(--wot-white);
padding: 30px 0;
}
.seperator {
border-bottom: 1px solid var(--wot-grey-light);
margin: 15px 0;
}
.dark-brown-seperator {
border-bottom: 1px solid var(--wot-dark-brown);
margin: 15px 0;
}
.btn-light-brown {
background:var(--wot-light-brown);
color: var(--wot-white);
padding: 10px 15px 5px 15px;
}
.btn-light-brown:hover, .btn-light-brown:focus {
color: var(--wot-white);
box-shadow: 0px 3px 6px #d6d6d6;
}
.btn-dark-brown {
background:var(--wot-dark-brown);
color: var(--wot-white);
padding: 10px 15px 5px 15px;
}
.btn-dark-brown:hover, .btn-dark-brown:focus {
color: var(--wot-white);
box-shadow: 0px 3px 6px #d6d6d6;
}
.btn-wot-close {
color: var(--wot-dark-brown);
background: none;
border: 0;
display: inherit;
padding: 10px;
}
.btn-wot-close:focus {
box-shadow: 0px 3px 6px #d6d6d6;
}
.modal-title {
color: var(--wot-dark-brown);
}
.hm_frm label {
color: var(--wot-dark-brown);
font-size: 21.33px;
}
.hm_frm input, .hm_frm select {
font-size: 21.33px;
color: var(--wot-dark-brown);
}
.hm_frm select {
background-image:url("data:image/svg+xml;utf8,");
}
.hm_frm input:focus, .hm_frm select:focus {
border: 1px solid var(--wot-grey-light);
box-shadow: 0px 3px 6px #d6d6d6;
}
.wot-label {
position: relative;
top: 3px;
}
.wot-checkbox {
border-color: var(--wot-light-brown);
}
.wot-checkbox:checked {
background-color: var(--wot-light-brown);
border-color: var(--wot-light-brown);
}
.wot-checkbox:focus {
border-color: var(--wot-light-brown);
box-shadow: 0px 3px 6px #d6d6d6;
}
.dropdown-item.active, .dropdown-item:active {
background-color: var(--wot-light-brown);
}
/*Dashboard*/
.dashboard-container {
background: var(--wot-white);
padding: 30px 0;
}
.dashboard-nav-c {
margin-bottom: 30px;
border-bottom: 2px solid var(--wot-grey-light);
}
.dashboard-container .nav-tabs.ajx_tabs {
margin-bottom: 0px;
border-bottom: 0;
}
.dashboard-container .nav.ajx_tabs a {
min-width: 195px;
text-align: center;
padding: 5px 0 0 0;
}
.d-buy_hdr_right, .d-sell_hdr_right {
margin-bottom: 15px;
}
.welcome_note {
font-size: 21.33px;
color: var(--wot-dark-brown);
padding-right: 30px;
}
.d-buy_hdr_right .btn, .d-sell_hdr_right .btn {
font-size: 21.33px;
padding-right: 50px;
}
.d-buy_hdr_right .btn {
background: var(--wot-light-brown) var(--wot-white-post-here-icon) no-repeat 93% center;
}
.d-sell_hdr_right .btn {
background: var(--wot-light-brown) var(--wot-white-request-offer-icon) no-repeat 93% center;
}
.sidebar-ul {
font-size: 21.33px;
list-style: none;
}
.sidebar-ul li {
margin-top: -3px;
margin-bottom: -3px;
margin-left: 15px;
}
.sidebar-ul li a {
background: var(--wot-grey-light);
color: var(--wot-dark-brown);
border-top:1px solid var(--wot-border-seprator);
border-bottom:1px solid var(--wot-border-seprator);
padding: 10px 15px 5px 0px;
display: block;
margin: 0 15px 0 0;
}
.sidebar-ul li:hover, .sidebar-ul li.active {
position: relative;
background: var(--wot-grey-light);
margin-left:0px;
}
.sidebar-ul li:hover a, .sidebar-ul li a:hover, .sidebar-ul li.active a {
color: var(--wot-white);
background: var(--wot-light-brown);
border-top:1px solid var(--wot-light-brown) !important;
border-bottom:1px solid var(--wot-light-brown) !important;
margin: 0;
padding: 10px 30px 5px 15px;
border-radius:40px;
position: relative;
}
.sidebar-ul li:first-child a {
border-top:1px solid var(--wot-grey-light);
border-bottom:1px solid var(--wot-border-seprator);
}
.sidebar-ul li:last-child a {
border-top:1px solid var(--wot-border-seprator);
border-bottom:1px solid var(--wot-grey-light);
}
.d-section-header {
border-bottom:1px solid var(--wot-grey-light);
padding-bottom: 30px;
}
.d-section-header h1 {
font-size: 37.9px;
font-weight: normal;
color: var(--wot-dark-brown);
margin: 0;
height: 30px;
}
.slider_act {
min-width: 109px;
}
.slider_act_left {
background: var(--wot-light-brown) var(--wot-white-arrow-left-icon) center center no-repeat;
margin-right: 30px;
}
.slider_act_right {
background: var(--wot-dark-brown) var(--wot-white-arrow-right-icon) center center no-repeat;
}
.d-silder-prd-section {
margin: 0 -15px;
}
body .slick-track {
margin: 0;
}
.latest_offer_slider {
overflow-x:hidden;
}
.latest_offer_slider .product-gap-c {
padding:10px 15px;
}
.d-stats {
background: var(--wot-light-brown);
padding: 15px;
border-radius: 5px;
}
.d-stats h2 {
color: var(--wot-white);
font-size: 28.43px;
}
.d-stats .btn-wot-white-ghost {
margin-bottom: 15px;
}
.r-tbl-c {
background: var(--wot-white);
padding: 15px;
min-height: 300px;
}
.r-tbl-c table {
table-layout: fixed;
width: 100%;
}
.r-tbl-c table tr th {
border-bottom: 1px solid var(--wot-black);
}
.r-tbl-c table tr td {
white-space: nowrap;
text-overflow: ellipsis;
padding-top: 4px;
}
.r-tbl-c table tr:hover {
box-shadow: 0px 2px 12px var(--wot-box-shadow-black);
cursor: pointer;
}
.r-tbl-c table tr td .text-ellipsis {
padding-right: 5px;
}
.r-tbl-c table tr td a, .target_link a {
display: none;
}
.r-tbl-status-c {
background: var(--wot-white);
padding: 15px;
}
.r-tbl-status-c .status-indv {
margin-right: 10px;
white-space: nowrap;
}
.status-indv i {
font-size: 6px;
position: relative;
top: -3px;
margin-right: 6px;
padding-left: 6px;
}
.status-light-brown {
color: var(--wot-light-brown);
}
.status-dark-brown {
color: var(--wot-dark-brown);
}
.status-blue {
color: var(--wot-blue);
}
.status-green {
color: var(--wot-green);
}
.status-red {
color: var(--wot-red);
}
/*Home*/
.bdy_home .header-c {
padding-bottom: 60px;
}
.bdy_home .bg-left {
background: none;
}
.header-bg {
position: absolute;
width: 100%;
height: 100%;
z-index: -1;
}
.header-bg-image-c {
position: absolute;
width: 100%;
height: 100%;
right: 0;
bottom: 0;
}
.header-bg-image {
background: url(../images/header-bg.jpg) no-repeat;
background-size:cover;
position: absolute;
right: 0;
height: 100%;
width: 100vw;
}
.header-mid {
background: var(--wot-grey-light);
border-radius:15px;
padding: 30px 0;
}
.catg-menu {
padding-left: 30px;
margin-right: -15px;
}
.catg-menu h2 {
font-size: 28.43px;
color: var(--wot-dark-brown);
}
.catg-menu ul {
font-size: 21.33px;
list-style: none;
}
.catg-menu ul li {
margin-top: -3px;
margin-bottom: -3px;
margin-left: 15px;
}
.catg-menu ul li a {
background: var(--wot-grey-light) var(--wot-light-brown-arrow) no-repeat 100% center;
color: var(--wot-dark-brown);
border-top:1px solid var(--wot-border-seprator);
border-bottom:1px solid var(--wot-border-seprator);
padding: 10px 15px 5px 0px;
display: block;
margin: 0 15px 0 0;
}
.catg-menu ul li .cs-span {
background: var(--wot-light-brown);
border-radius: 40px;
position: absolute;
right: 10px;
top: 8px;
padding: 5px 10px;
font-size: 15px;
color: var(--wot-white);
}
.catg-menu ul li:hover, .catg-menu ul li.active {
position: relative;
background: var(--wot-grey-light);
margin-left:0px;
}
.catg-menu ul li:hover a, .catg-menu ul li a:hover, .catg-menu ul li.active a {
color: var(--wot-white);
background: var(--wot-light-brown) var(--wot-white-arrow) no-repeat 96% center;
border-top:1px solid var(--wot-light-brown);
border-bottom:1px solid var(--wot-light-brown);
margin: 0;
padding: 10px 30px 5px 15px;
border-radius:40px;
position: relative;
}
.catg-menu ul li:first-child a {
border-top:1px solid var(--wot-grey-light);
border-bottom:1px solid var(--wot-border-seprator);
}
.catg-menu ul li:last-child a {
border-top:1px solid var(--wot-border-seprator);
border-bottom:1px solid var(--wot-grey-light);
}
.catg-menu ul .sub-menu-parent {
display: none;
min-width: 330px;
background: var(--wot-white);
padding: 0;
border-radius:20px;
overflow: hidden;
box-shadow: 0px 3px 6px var(--wot-box-shadow-black);
}
.catg-menu ul li:hover .sub-menu-parent {
display: block;
position: absolute;
left:100%;
top: 0;
z-index: 2;
}
.catg-menu ul .sub-menu-parent li {
margin: 0;
background: none;
}
.catg-menu ul .sub-menu-parent li a {
color: var(--wot-dark-brown);
background: var(--wot-grey-light);
border-top:0;
border-bottom:0;
border-radius:0px;
font-weight: 600;
margin: 0;
padding: 10px 30px 5px 30px;
}
.catg-menu ul .sub-menu-parent .sub-menu li {
margin: 0 30px;
}
.catg-menu ul .sub-menu-parent .sub-menu li a {
background: var(--wot-white);
color: var(--wot-light-brown);
padding: 10px 0px 5px 0px;
border-top:1px solid var(--wot-border-seprator);
border-bottom:1px solid var(--wot-border-seprator);
font-weight: normal;
}
.catg-menu ul .sub-menu-parent .sub-menu li:first-child a {
border-top:1px solid var(--wot-white);
}
.catg-menu ul .sub-menu-parent .sub-menu li a {
border-bottom:1px solid var(--wot-white);
}
.banner_container {
position: relative;
z-index: 1;
width: 100%;
overflow: hidden;
border-radius:20px;
}
.banner_mc {
height: 514px;
overflow: hidden;
position: relative;
}
.bslide {
position: absolute;
top: 0;
left: 0;
z-index: 0;
opacity:0;
width: 100%;
}
.bslide_actv {
display: block;
z-index: 1;
opacity:1;
}
.bslide img {
width: 100%;
max-width: inherit !important;
max-height: inherit !important;
}
.indicator_c {
text-align: center;
width: 100%;
position: absolute;
bottom: 20px;
z-index: 1;
height: 15px;
}
.indicator_c a {
width: 15px;
height: 15px;
display: inline-block;
background: none;
position: relative;
overflow: hidden;
outline: none;
margin: 0 5px;
border: 1px solid var(--wot-white);
border-radius:30px;
}
.indicator_c a:hover, .indicator_c a:focus {
outline: none;
}
.indicator_c .b_ind_actv {
background: var(--wot-white);
}
.slider-right-c {
background: var(--wot-white);
padding: 0 15px 15px 15px;
margin-right: 15px;
border-radius:20px;
}
.premium-c {
background: var(--wot-light-brown);
border-radius:20px;
margin: 0 -15px 0 -15px;
padding: 15px;
}
.premium-c .premium-inner {
margin-top: 15px;
}
.premium-c .data-c {
margin-left: 15px;
}
.premium-c h2 {
font-size: 28.43px;
font-weight: bold;
color: var(--wot-white);
line-height: 35px;
height: 20px;
margin-bottom: 15px;
}
.premium-c .text-c {
font-size: 16px;
color: var(--wot-white);
}
.premium-c .premium-action a {
font-size: 21.33px;
display: block;
margin: 20px 0 15px 0;
box-shadow: 0px 3px 6px var(--wot-box-shadow-black);
}
.premium-c .premium-action a:hover, .premium-c .premium-action a:focus {
box-shadow:none;
color: var(--wot-dark-brown);
}
.slider-right-c h4 {
background: var(--wot-dark-brown);
color: var(--wot-white);
font-size: 21.33px;
display: block;
padding: 10px 0 5px 0;
border-radius:5px;
text-align: center;
margin-top: 15px;
}
.btn-wot-white-dark-brown-border {
background: var(--wot-white);
color: var(--wot-dark-brown);
font-size: 21.33px;
border: 2px solid var(--wot-dark-brown);
border-radius:5px;
padding: 15px 0 10px 0;
}
.btn-wot-white-dark-brown-border:focus, .btn-wot-white-dark-brown-border:active {
box-shadow:none;
}
.slider-right-c .btn-wot-white-dark-brown-border {
margin-top: 15px;
}
.slider-right-c .btn-wot-white-dark-brown-border img {
position: relative;
top: -3px;
margin-right: 20px;
}
.home-product-section {
background: var(--wot-grey-light);
padding: 30px 0;
}
.home-product-section .product-box-c {
background: var(--wot-white);
}
.home-product-section .d-section-header {
border: 0;
padding-bottom: 0px;
}
.product_tab_nav a {
font-size: 28.43px;
font-weight: normal;
color: var(--wot-dark-brown);
margin: 0 30px 0 0;
position: relative;
}
.product_tab_nav a.active::after {
content: "";
position: absolute;
height: 2px;
width: 100%;
bottom: -6px;
left: 0;
background: var(--wot-dark-brown);
}
.home-section-3 {
background: var(--wot-white);
padding: 30px 0;
}
.customized-products-c {
background: url(../images/bg-customized-products.jpg) no-repeat;
background-size:cover;
height: 494px;
}
.ready-to-ship-orders-c {
background: url(../images/bg-ready-to-ship-orders.jpg) no-repeat;
background-size:cover;
height: 494px;
}
.home-section-3 .data-c {
text-align: center;
}
.home-section-3 h1 {
font-size: 50.52px;
color: var(--wot-white);
height: 43px;
line-height: 60px;
text-align: center;
margin: 30px 0;
}
.home-section-3 .desc-text-c {
color: var(--wot-white);
text-align: center;
font-size: 21.33px;
max-width: 526px;
}
.home-section-3 .desc-text-c p {
margin-bottom: 30px;
}
.home-section-3 .action-c {
}
.home-section-3 .action-c a {
font-size: 28.43px;
}
.home-section-3 .action-c a:hover, .home-section-3 .action-c a:focus {
box-shadow:none;
color: var(--wot-light-brown);
}
.home-section-4 {
background: url(../images/bg-home-section-4.jpg) no-repeat;
background-size:cover;
padding: 60px 0;
}
.home-section-4 .get-quotations-c {
border: 2px solid var(--wot-white);
border-radius:20px;
}
.home-section-4 .stats-mc {
text-align: center;
color: var(--wot-white);
height: 100%;
}
.home-section-4 .stats-mc .stats-inner {
padding: 30px 0;
}
.home-section-4 .stats-mc .img-c {
margin-bottom: 0px auto 30px auto;
height: 81px;
width: 100%;
position: relative;
}
.home-section-4 .stats-mc .img-c img {
position: absolute;
top: 50%;
transform: translate(-50%,-50%);
left: 50%;
}
.home-section-4 .stats-mc .title-c {
font-size: 28.43px;
height: 25px;
line-height: 33px;
margin: 30px 0;
}
.home-section-4 .stats-mc .stats-c {
font-size: 67.34px;
font-weight: bold;
height: 50px;
line-height: 72px;
}
.home-section-4 .action-c a {
font-size: 28.43px;
}
.home-section-4 a:hover, .home-section-4 a:focus {
box-shadow:none;
color: var(--wot-light-brown);
}
/*Seller*/
.bdy_buy .header-pt-2, .bdy_sell .header-pt-2 {
padding-bottom: 91px;
}
.sell_hdr_right h3, .buy_hdr_right h3 {
display: inline-block;
font-size: 28.43px;
font-weight: 600;
margin-right: 30px;
margin-bottom: 0;
height: 25px;
}
.sell_hdr_right .btn, .buy_hdr_right .btn {
font-size: 28.43px;
font-weight: bold;
padding-right: 100px;
}
.sell_hdr_right .btn {
background: var(--wot-white) var(--wot-light-brown-post-here-icon) no-repeat 93% center;
}
.buy_hdr_right .btn {
background: var(--wot-white) var(--wot-light-brown-request-offer-icon) no-repeat 93% center;
}
.sell_hdr_right .btn:hover, .sell_hdr_right .btn:focus, .sell_hdr_right .btn:active {
color: var(--wot-light-brown);
box-shadow:none;
}
.buy_hdr_right .btn:hover, .buy_hdr_right .btn:focus, .buy_hdr_right .btn:active {
color: var(--wot-light-brown);
box-shadow:none;
}
.white-container {
background: var(--wot-white);
padding-bottom: 15px;
}
.inner-search-container {
background: var(--wot-dark-brown);
margin-top: -72px;
border-radius:5px;
padding: 0 15px;
margin-bottom: 15px;
}
.inner-search-container .frm-field-c, .inner-search-container .frm-select-c {
margin: 30px 0;
}
.inner-search-container .frm-field-c label, .inner-search-container .frm-select-c label {
font-size: 21.33px;
color: var(--wot-white);
position: relative;
margin-bottom: 10px;
}
.inner-search-container .frm-select-c .btn-light {
background: var(--wot-white);
font-size: 21.33px;
color: var(--wot-dark-brown);
border: none;
box-shadow: none
border-radius:5px;
padding: 15px 15px 9px 15px;
}
.inner-search-container .frm-select-c .btn-light:focus, .inner-search-container .frm-select-c .btn-light:active {
box-shadow: none
}
.inner-search-container .frm-select-c .bootstrap-select .dropdown-menu li a {
color: var(--wot-dark-brown);
}
.inner-search-container .frm-select-c .bootstrap-select .dropdown-menu li a:hover, .inner-search-container .frm-select-c .bootstrap-select .dropdown-menu li a:focus, .inner-search-container .frm-select-c .bootstrap-select .dropdown-menu li a:active, .inner-search-container .frm-select-c .bootstrap-select .dropdown-menu li a.selected {
background: var(--wot-light-brown);
color: var(--wot-white);
}
.inner-search-container .frm-select-c .dropdown-menu li span.text {
font-size: 21.33px;
}
.inner-search-container .frm-select-c .dropdown-menu li .separate {
height: 1px;
background: var(--wot-grey-light);
position: relative;
}
.inner-search-container .frm-select-c .btn-light::after {
font-size: 27px;
}
.inner-search-container .frm-field-c input, .inner-search-container .frm-select-c .bs-searchbox input {
font-size: 21.33px;
color: var(--wot-dark-brown);
border: none;
box-shadow: none;
border-radius:5px;
padding: 15px 10px 7px 15px;
}
.inner-search-container .bootstrap-select>.dropdown-toggle:after {
margin-top: -5px;
}
.inner-search-container .btn-wot-white {
padding: 15px 15px 7px 15px;
}
.inner-search-container .frm-select-c select {
background:url("data:image/svg+xml;utf8,") no-repeat 98% center;
font-size: 21.33px;
color: var(--wot-dark-brown);
border: none;
box-shadow: none
border-radius:5px;
padding: 10px 30px 10px 15px;
}
.inner-search-container .frm-field-c input::placeholder, .inner-search-container .frm-select-c .bootstrap-select > .dropdown-toggle.bs-placeholder {
color: var(--wot-dark-brown);
opacity:0.5;
}
.inner-search-container .frm-field-c input:focus, .inner-search-container .frm-select-c select:focus {
border: none;
box-shadow: none
}
.inner-search-container .btn-wot-white {
font-size: 21.33px;
}
.inner-search-container .btn-wot-white:hover, .inner-search-container .btn-wot-white:focus {
box-shadow: none;
color: var(--wot-light-brown);
}
.nav-tabs.search_tabs {
margin-bottom: 30px;
border-bottom: 2px solid var(--wot-border-seprator);
}
.nav.search_tabs .nav-link {
margin-bottom: -2px;
}
.nav.search_tabs li {
flex: 1;
}
.nav.search_tabs a {
border:0;
color: var(--wot-dark-brown);
border-bottom: 2px solid transparent;
font-size: 16px;
padding: 17px 0;
text-align: center;
}
.nav.search_tabs a .fas {
margin-right: 5px;
}
.nav.search_tabs a:hover {
border:0;
background:none;
border-bottom: 2px solid var(--wot-dark-brown);
color: var(--wot-dark-brown);
}
.nav.search_tabs .active, .nav.search_tabs .active:hover {
border:0;
background:none;
border-bottom: 2px solid var(--wot-dark-brown);
color: var(--wot-dark-brown);
}
.catg-section-left .frm-field-c label, .catg-section-left .frm-select-c label {
font-size: 21.33px;
color: var(--wot-dark-brown);
position: relative;
margin-bottom: 10px;
}
.catg-section-left .unit-mc {
margin-bottom: 15px;
}
.catg-section-left .unit_to_c {
margin-top: 15px;
}
.catg-section-left .unit-mc label {
margin-bottom: 0;
}
.catg-section-left .unit-c {
min-width: 109px;
margin-top: 0;
}
.catg-section-left .frm-select-c .btn-light {
background: var(--wot-white);
font-size: 21.33px;
color: var(--wot-dark-brown);
border: none;
box-shadow: 0px 2px 6px #d6d6d6;
border-radius:5px;
padding: 15px 15px 7px 15px;
}
.catg-section-left .frm-select-c .bootstrap-select .dropdown-menu li a {
color: var(--wot-dark-brown);
}
.catg-section-left .frm-select-c .bootstrap-select .dropdown-menu li a:hover, .catg-section-left .frm-select-c .bootstrap-select .dropdown-menu li a:focus, .catg-section-left .frm-select-c .bootstrap-select .dropdown-menu li a:active, .catg-section-left .frm-select-c .bootstrap-select .dropdown-menu li a.selected {
background: var(--wot-light-brown);
color: var(--wot-white);
}
.catg-section-left .frm-select-c .dropdown-menu li span.text {
font-size: 21.33px;
}
.catg-section-left .frm-select-c .dropdown-menu li .separate {
height: 1px;
background: var(--wot-grey-light);
position: relative;
}
.catg-section-left .frm-select-c .btn-light::after {
font-size: 27px;
margin-top: -5px;
}
.catg-section-left .frm-field-c input, .catg-section-left .frm-select-c .bs-searchbox input {
font-size: 21.33px;
color: var(--wot-dark-brown);
border: none;
box-shadow: 0px 2px 6px #d6d6d6;
border-radius:5px;
padding: 15px 15px 7px 15px;
}
.catg-section-left .frm-select-c select {
background:url("data:image/svg+xml;utf8,") no-repeat 98% center;
font-size: 21.33px;
color: var(--wot-dark-brown);
border: none;
box-shadow: 0px 2px 6px #d6d6d6;
border-radius:5px;
padding: 10px 30px 10px 15px;
}
.catg-section-left .frm-field-c input::placeholder, .catg-section-left .frm-select-c .bootstrap-select > .dropdown-toggle.bs-placeholder {
color: var(--wot-dark-brown);
opacity:0.5;
}
.catg-section-left .frm-field-c input:focus, .catg-section-left .frm-select-c select:focus {
border: none;
box-shadow: 0px 2px 6px #d6d6d6;
}
.catg-section-left .btn-dark-brown {
font-size: 21.33px;
}
.overflow_hidden {
overflow: hidden;
}
.catg-section-left {
transition: all 0.5s ease-in-out;
}
.catg-section-right {
padding: 0 15px;
}
.bdr_bottom_grey {
border-bottom: 2px solid var(--wot-grey-light);
}
.shw_hd_left_bar {
margin-right: 15px;
font-size: 40px;
color: var(--wot-dark-brown);
cursor: pointer;
}
.flex_grow_1 {
flex-grow:1;
}
.nav-tabs.ajx_tabs {
border-bottom: 0;
}
.nav.ajx_tabs .nav-link {
margin-bottom: -2px;
}
.nav.ajx_tabs a {
border:0;
color: var(--wot-dark-brown);
border-bottom: 2px solid transparent;
font-size: 28.43px;
padding: 15px 0;
margin-right: 30px;
}
.nav.ajx_tabs a:hover {
border:0;
background:none;
border-bottom: 2px solid var(--wot-dark-brown);
color: var(--wot-dark-brown);
}
.nav.ajx_tabs .active, .nav.ajx_tabs .active:hover {
border:0;
background:none;
border-bottom: 2px solid var(--wot-dark-brown);
color: var(--wot-dark-brown);
}
.dashboard-container .nav.ajx_tabs .active, .dashboard-container .nav.ajx_tabs .active:hover {
border:0;
background:var(--wot-light-brown);
border-bottom: 2px solid var(--wot-light-brown);
color: var(--wot-white);
}
.records_c {
font-size: 21.33px;
color: var(--wot-dark-brown);
}
.r_count {
height: 25px;
}
.r_seperator {
height: 45px;
background: var(--wot-dark-brown);
width: 2px;
margin: 0 15px;
}
.sort_by label {
font-size: 21.33px;
color: var(--wot-dark-brown);
margin-right: 15px;
height: 25px;
}
.sort_by .btn-light {
background: var(--wot-white);
font-size: 21.33px;
color: var(--wot-dark-brown);
border: 1px solid var(--wot-dark-brown);
box-shadow: none
border-radius:5px;
padding: 10px 15px;
min-width: 93px;
}
.sort_by .btn-light:focus, .sort_by .btn-light:active {
box-shadow: none
}
.sort_by .dropdown-menu li span.text {
font-size: 21.33px;
}
.sort_by .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
height: 23px;
}
.text-ellipsis {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.text-nowrap {
white-space: nowrap;
}
.products-box-outer {
margin-top: 30px;
}
.product-box-c {
box-shadow: 0px 2px 6px #d6d6d6;
border-radius:6px;
margin-bottom: 30px;
}
.product-box-data {
padding: 12px;
}
.product-box-data .img-c {
margin-bottom: 10px;
min-height: 155px;
position: relative;
}
.product-box-data .img-c img {
width: 100%;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
}
.p_images_container {
position: relative;
z-index: 1;
width: 100%;
overflow: hidden;
border-radius:6px;
height: 155px;
}
.p_slideshow_mc {
position: relative;
}
.p_slide {
position: absolute;
top: 0;
left: 0;
z-index: 0;
opacity:0;
width: 100%;
}
.p_slide_actv {
display: block;
z-index: 1;
opacity:1;
}
.pi_action_c {
position: absolute;
z-index: 1;
top: 50%;
transform: translateY(-50%);
font-size: 35px;
color: var(--wot-white);
cursor: pointer;
opacity: 0;
transition: all 0.3s ease-in-out;
}
.p_images_container:hover .pi_action_c {
opacity: 1;
}
.pi_action_c_left {
left: 15px;
}
.pi_action_c_right {
right: 15px;
}
.product-box-data .b-title {
color: var(--wot-black);
font-size: 21.33px;
margin-top: 6px;
}
.product-box-data .b-title a {
color: var(--wot-black);
}
.bdy_buy .product-box-data .p-row-dat-btn, .dash_buy .product-box-data .p-row-dat-btn, .dash_sell .product-box-data .p-row-dat-btn, .home-product-section .product-box-data .p-row-dat-btn {
margin: 10px 0 10px 10px;
}
.bdy_buy .product-box-data .p-row-dat-btn, .bdy_sell .product-box-data .p-row-dat-btn {
white-space: nowrap;
}
.product-box-data .p-row-dat-btn .btn-light-brown {
min-width: 60px;
}
.product-box-data .price {
color: var(--wot-light-brown);
font-size: 28.43px;
margin-left: 15px;
}
.product-box-data .c-data {
color: var(--wot-dark-brown);
font-size: 16px;
margin-right: 15px;
}
.product-box-data .s-title {
color: var(--wot-light-brown);
font-size: 12px;
}
.p-row-data-mc {
position: relative;
}
.bdy_buy .p-row-data-display-all, .dash_sell .p-row-data-display-all, .home-product-section .p-row-data-display-all {
top: -5px;
}
.bdy_sell .p-row-data-display-all, .dash_buy .p-row-data-display-all {
top: 5px;
}
.p-row-data-display-all {
position: absolute;
background: var(--wot-white);
width: 100%;
left: 0;
z-index: 2;
box-shadow: 0px 2px 6px #d6d6d6;
border-radius: 6px;
}
.p-row-data-display-all .p-row-data {
padding: 0 12px;
}
.p-row-data-display-all .p-row-data:first-child .col-4 {
border-top:0;
}
.p-row-data-display-all .btn-light-brown:hover, .p-row-data-display-all .btn-light-brown:focus, .p-row-data-display-all .btn-light-brown:active {
box-shadow: none;
}
.p-row-data .col-4 {
border-top:1px solid var(--wot-grey-light);
padding: 10px 0;
}
.bdy_sell .product-box-top, .dash_buy .product-box-top {
padding:12px;
}
.product-box-top {
padding:12px 12px 6px 12px;
border-bottom:1px solid var(--wot-grey-light);
background: var(--wot-dark-brown);
border-radius: 6px 6px 0 0;
color: var(--wot-white);
font-size: 21.33px;
}
.product-box-top a {
color: var(--wot-white);
}
.product-box-top .p_seperator {
background: var(--wot-white);
width: 2px;
margin: 0 15px;
position: relative;
top: -3px;
height: 35px;
}
.product-box-top .price {
font-weight: 600;
}
.product-box-top .b-id {
}
.product-box-action {
padding:12px;
border-bottom:1px solid var(--wot-grey-light);
background: var(--wot-dark-brown);
border-radius: 0 0 6px 6px;
color: var(--wot-white);
font-size: 21.33px;
}
.btn-wot-white-ghost {
padding: 10px 15px 5px 15px;
border: 2px solid var(--wot-white);
background: none;
color: var(--wot-white);
}
.btn-wot-white-ghost:hover, .btn-wot-white-ghost:focus, .btn-wot-white-ghost:active {
background: none;
color: var(--wot-white);
box-shadow:none;
}
.product-box-action .btn-light-brown:hover, .product-box-action .btn-light-brown:focus, .product-box-action .btn-light-brown:active {
box-shadow:none;
}
.product-box-top .btn-light-brown:hover, .product-box-top .btn-light-brown:focus, .product-box-top .btn-light-brown:active {
box-shadow:none;
}
.pagination-outer {
margin-bottom: 15px;
}
.pagination-outer .jump_to_page label {
font-size: 21.33px;
color: var(--wot-dark-brown);
}
.pagination-outer .jump_to_page input {
padding: 10px 15px 5px 15px;
border: 2px solid var(--wot-dark-brown);
border-radius: 36px;
background: none;
color: var(--wot-dark-brown);
max-width: 87px;
font-size: 21.33px;
text-align: center;
margin: 0 15px;
height: 50px;
}
.pagination-outer .jump_to_page .btn {
min-width: 87px;
font-size: 21.33px;
}
.pagination-outer .jump_to_page .btn:hover, .pagination-outer .jump_to_page .btn:focus, .pagination-outer .jump_to_page .btn:focus {
color: var(--wot-white);
box-shadow:none;
}
.pagination {
box-shadow: 0px 2px 6px #d6d6d6;
padding: 15px;
border-radius: 36px;
}
.pagination a {
font-size: 16px;
color: var(--wot-dark-brown);
display: inline-block;
}
.pagination .active {
transform: scale(1.5);
display: inline-block;
margin: 0 10px;
cursor: default;
}
.pagination a.prev {
background: var(--wot-dark-brown-pg-prev-icon) no-repeat left 4px;
padding-left: 20px;
}
.pagination a.next {
background: var(--wot-dark-brown-pg-next-icon) no-repeat right 4px;
padding-right: 20px;
}
.pagination .pages-c a {
color: var(--wot-light-brown);
margin: 0 10px;
height: 17px;
}
/*Buyer Inner*/
.inner-section-1 {
padding: 30px 0;
}
.inner-container .image-box-data {
box-shadow: 0px 2px 6px #d6d6d6;
padding: 15px;
top: 0;
border-radius:6px;
}
.p_inner_images_container {
position: relative;
z-index: 1;
width: 100%;
overflow: hidden;
border-radius: 6px;
height: 780px;
}
.p_inner_images_container:hover .pi_action_c {
opacity: 1;
}
.p_inner_images_container .indicator_c {
}
.inner-section-1 .p-row-data {
border-top: 1px solid var(--wot-dark-brown);
padding: 15px 0;
}
.np_act {
cursor: pointer;
}
.inner-section-1 .price {
font-size: 50.52px;
color: var(--wot-light-brown);
font-weight: 600;
}
.inner-section-1 .b-id {
font-size: 37.9px;
color: var(--wot-light-brown);
}
.inner-section-1 .s-title {
font-size: 21.33px;
color: var(--wot-dark-brown);
}
.inner-section-1 .c-data {
font-size: 28.43px;
color: var(--wot-light-brown);
font-weight: 600;
}
.inner-section-1 .c-desc-data {
font-size: 28.43px;
color: var(--wot-light-brown);
}
.inner-section-2 {
font-size: 21.33px;
padding-bottom: 30px;
}
.inner-section-2 .heading {
background: var(--wot-light-brown);
padding: 30px 15px;
border-radius:5px 5px 0 0;
}
.inner-section-2 .heading h1 {
color: var(--wot-white);
font-size: 50.52px;
font-weight: 600;
margin: 0;
height: 42px;
}
.inner-section-2 .heading #hide_counter_offer_c {
height: 20px;
color: var(--wot-white);
}
.inner-section-2 .heading #hide_counter_offer_c #hide_counter_offer {
cursor: pointer;
}
.inner-section-2 .info {
}
.offer-frm-c {
border-radius:0 0 5px 5px;
box-shadow: 0px 2px 6px #d6d6d6;
padding: 15px;
}
.offer-frm-c .frm-field-c, .offer-frm-c .frm-select-c {
margin-top: 15px;
}
.inner-section-2 .frm-field-c label, .inner-section-2 .frm-select-c label {
font-size: 21.33px;
color: var(--wot-dark-brown);
position: relative;
margin-bottom: 10px;
}
.inner-section-2 .unit-mc {
margin-bottom: 15px;
}
.inner-section-2 .unit_to_c {
margin-top: 15px;
}
.inner-section-2 .unit-mc label {
margin-bottom: 0;
}
.inner-section-2 .unit-c {
min-width: 109px;
margin-top: 0;
}
.inner-section-2 .frm-select-c .btn-light {
background: var(--wot-white);
font-size: 21.33px;
color: var(--wot-dark-brown);
border: none;
box-shadow: 0px 2px 6px #d6d6d6;
border-radius:5px;
padding: 15px 15px 7px 15px;
}
.inner-section-2 .frm-select-c .bootstrap-select .dropdown-menu li a {
color: var(--wot-dark-brown);
}
.inner-section-2 .frm-select-c .bootstrap-select .dropdown-menu li a:hover, .inner-section-2 .frm-select-c .bootstrap-select .dropdown-menu li a:focus, .inner-section-2 .frm-select-c .bootstrap-select .dropdown-menu li a:active, .inner-section-2 .frm-select-c .bootstrap-select .dropdown-menu li a.selected {
background: var(--wot-light-brown);
color: var(--wot-white);
}
.inner-section-2 .frm-select-c .dropdown-menu li span.text {
font-size: 21.33px;
}
.inner-section-2 .frm-select-c .dropdown-menu li .separate {
height: 1px;
background: var(--wot-grey-light);
position: relative;
}
.inner-section-2 .frm-select-c .btn-light::after {
font-size: 27px;
margin-top: -5px;
}
.inner-section-2 .frm-field-c input, .inner-section-2 .frm-select-c .bs-searchbox input {
font-size: 21.33px;
color: var(--wot-dark-brown);
border: none;
box-shadow: 0px 2px 6px #d6d6d6;
border-radius:5px;
padding: 15px 15px 7px 15px;
}
.inner-section-2 .frm-select-c select {
background:url("data:image/svg+xml;utf8,") no-repeat 98% center;
font-size: 21.33px;
color: var(--wot-dark-brown);
border: none;
box-shadow: 0px 2px 6px #d6d6d6;
border-radius:5px;
padding: 10px 30px 10px 15px;
}
.inner-section-2 .frm-field-c input::placeholder, .inner-section-2 .frm-select-c .bootstrap-select > .dropdown-toggle.bs-placeholder {
color: var(--wot-dark-brown);
opacity:0.5;
}
.inner-section-2 .frm-field-c input:focus, .inner-section-2 .frm-select-c select:focus {
border: none;
box-shadow: 0px 2px 6px #d6d6d6;
}
.inner-section-2 .btn-dark-brown {
font-size: 21.33px;
}
.scroll_tbl_mc {
position: relative;
overflow: hidden;
}
.scroll_tbl_c {
overflow-x: auto;
}
.scroll_tbl.fix-left-tbl {
position: absolute;
left: 0;
top: 0;
width: auto;
background: var(--wot-white);
box-shadow: 0px -15px 30px -15px #3d3d3d;
z-index: 1;
}
.scroll_tbl.fix-right-tbl {
position: absolute;
right: 0;
top: 0;
width: auto;
background: var(--wot-white);
box-shadow: 0px -15px 30px -15px #3d3d3d;
z-index: 1;
}
.scroll_tbl {
width: 100%;
table-layout: fixed;
}
.scroll_tbl th, .scroll_tbl td {
width: 120px;
height: 75px;
white-space: nowrap;
padding: 15px 15px 5px 15px;
text-align: center;
}
.scroll_tbl th {
font-size: 21.33px;
color: var(--wot-dark-brown);
border-bottom: 1px solid var(--wot-dark-brown);
}
.scroll_tbl td {
background: var(--wot-grey-dark);
font-size: 21.33px;
font-weight: 600;
color: var(--wot-light-brown);
}
.scroll_tbl tbody tr:nth-child(odd) td {
background: var(--wot-grey-light);
}
.scroll_tbl .col_left_width {
width: 200px;
}
.scroll_tbl .col_right_width {
width: 230px;
}
.scroll_tbl.fix-left-tbl .col_left_width {
border-right: 1px solid var(--wot-dark-brown);
}
.scroll_tbl.fix-right-tbl .col_right_width {
border-left: 1px solid var(--wot-dark-brown);
background: var(--wot-white);
}
.frm-field-c.tbl-field {
margin-top: 0px;
margin-bottom: 12px;
}
.frm-field-c.tbl-field input {
margin-top: 0;
padding: 5px 5px 0px 5px;
text-align: center;
}
.containers-c {
color: var(--wot-dark-brown);
margin-top: 15px;
}
.containers-c .part-left {
font-size: 28.43px;
}
.containers-c .part-right {
font-size: 28.43px;
font-weight: 600;
}
.inner-section-2 .field-err {
color: red;
margin-top: 15px;
}
.offer-details-c {
margin-top: 15px;
}
.offer-details-c .odc-title {
font-size: 28.43px;
color: var(--wot-dark-brown);
}
.offer-details-c .odc-value {
font-size: 28.43px;
font-weight: 600;
color: var(--wot-dark-brown);
}
.offer-details-c a {
color: var(--wot-black);
}
.inner-section-2 .btn_proceed_inner_buy {
font-size: 21.33px;
margin-top: 15px;
}
.wot-light-brown-checkbox {
border-color: var(--wot-light-brown);
background:none;
cursor: pointer;
}
.wot-light-brown-checkbox:checked {
background-color: var(--wot-white);
border-color: var(--wot-light-brown);
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='%23a95d1c' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e") !important;
}
.wot-light-brown-checkbox:focus {
border-color: var(--wot-light-brown);
box-shadow: none;
}
/*Seller Inner*/
.inner-rq-section {
padding: 30px 0;
}
.inner-rq-section-bdr {
border: 1px solid var(--wot-light-brown);
border-radius:0 0 5px 5px;
}
.inner-rq-section .posting-date {
font-size: 21.33px;
color: var(--wot-white);
height: 24px;
}
.inner-rq-section .p-row-data {
padding: 15px 0 5px 0;
}
.inner-rq-section .p-row-bdr {
border-bottom: 1px solid var(--wot-dark-brown);
}
.inner-rq-section .p-row-bdr-right {
border-right: 1px solid var(--wot-dark-brown);
}
.inner-rq-section .p-row-data .col-4, .inner-rq-section .p-row-data .col-12 {
border-top:0;
padding: 0 15px;
}
.inner-rq-section .s-title {
font-size: 21.33px;
color: var(--wot-dark-brown);
}
.inner-rq-section .c-data {
font-size: 21.33px;
color: var(--wot-light-brown);
font-weight: 600;
}
.inner-rq-section .c-desc-data {
font-size: 21.33px;
color: var(--wot-light-brown);
}
.sizes_tbl {
width: 100%;
}
.sizes_tbl th, .sizes_tbl tbody td {
padding: 15px 15px 5px 15px;
text-align: left;
}
.sizes_tbl th {
font-size: 21.33px;
color: var(--wot-dark-brown);
border-bottom: 1px solid var(--wot-dark-brown);
}
.sizes_tbl tbody td {
background: var(--wot-grey-dark);
font-size: 21.33px;
font-weight: 600;
color: var(--wot-light-brown);
}
.sizes_tbl tfoot td {
padding: 15px 15px 5px 15px;
text-align: left;
font-size: 28.43px;
color: var(--wot-dark-brown);
}
.sizes_tbl tfoot td.semi-bold {
font-weight: 600;
}
.sizes_tbl tbody tr:nth-child(odd) td {
background: var(--wot-grey-light);
}
.sizes_tbl tfoot .btn-wot-light-brown-ghost {
font-size: 28.43px;
font-weight: 600;
font-size: 21.33px;
}
.sizes_tbl .dropdown-item {
font-size: 21.33px;
}
.sizes_tbl tfoot .btn-wot-light-brown-ghost::after {
position: relative;
top: 5px;
}
.sizes_tbl .btn-group {
margin-bottom: 12px;
}
.btn-wot-light-brown-ghost {
padding: 10px 15px 5px 15px;
border: 2px solid var(--wot-light-brown);
background: none;
color: var(--wot-light-brown);
}
.btn-wot-light-brown-ghost:hover, .btn-wot-light-brown-ghost:focus, .btn-wot-light-brown-ghost:active {
background: none;
color: var(--wot-light-brown);
box-shadow:none;
}
#counter_offer_c {
padding: 0;
}
.counter_sizes_tbl tbody td {
vertical-align: top;
}
.counter_sizes_tbl .frm-field-c {
margin-top: 0;
}
.counter_sizes_tbl .price_c {
padding-top: 30px;
}
.inner-section-2 .btn_proceed_inner_sell {
font-size: 21.33px;
}
.counter_sizes_tbl .field-err {
font-weight: normal;
}
/*Ongoing Consignment*/
.inner_ongoing_consignment .dark-brown-seperator {
margin: 30px 0;
}
.inner_ongoing_consignment .progress-bar-ul li a:hover {
color: var(--wot-white);
background: var(--wot-light-brown) no-repeat 96% center;
border-top:1px solid var(--wot-light-brown);
border-bottom:1px solid var(--wot-light-brown);
margin: 0;
padding: 10px 30px 5px 15px;
border-radius:40px;
position: relative;
}
.inner_ongoing_consignment .progress-bar-ul li.active a:hover {
background: var(--wot-light-brown) var(--wot-white-check) no-repeat 96% center;
}
.multi_upload_file_c {
margin-top: 25px;
}
.multi_upload_file_c .btn, .btn_proceed_inner_ongoing_consignment {
font-size: 28.43px;
min-width: 250px;
}
.inner_ongoing_consignment .sp-frm-inner p {
font-size: 21.33px;
color:var(--wot-dark-brown);
margin: 25px 0;
}
.inner_ongoing_consignment h6 {
margin: 0;
font-size: 21.33px;
font-weight: 600;
color:var(--wot-dark-brown);
}
.photo_upload_file_c {
margin-left: 15px;
}
.photo_upload_file_c .btn, .oc_btn {
font-size: 28.43px;
min-width: 125px;
}
.estimated_rtc_date label {
white-space: nowrap;
}
.bdy_inner_ongoing_consignment .datepicker-cell.selected, .bdy_inner_ongoing_consignment .datepicker-cell.selected:hover {
background-color: var(--wot-dark-brown);
}
.upload_list-c {
margin-bottom: 10px;
}
.upload_list-c .upload_list-li {
border:1px solid var(--wot-dark-brown);
padding: 10px;
}
.upload_list-c .upload_list-li a {
font-size: 21.33px;
color:var(--wot-dark-brown);
}
.upload_list-c .upload_list-li .del-li {
font-size: 21.33px;
color:var(--wot-light-brown);
cursor: pointer;
}
.com_dis_act h2 {
color:var(--wot-light-brown);
font-size: 37.9px;
}
.com_dis_btn_c .btn {
font-size: 28.43px;
min-width: 125px;
}
.sp-frm-inner .frm-field-c textarea, .com_dis_c textarea {
font-size: 21.33px;
color: var(--wot-dark-brown);
border: none;
box-shadow: 0px 2px 6px #d6d6d6;
border-radius:5px;
padding: 10px 15px;
resize:none;
min-width: 600px;
height: 120px;
}
.sp-frm-inner .frm-field-c textarea::placeholder, .com_dis_c textarea::placeholder {
color: var(--wot-placeholder);
}
.smiley_rating_mc {
width: 400px;
margin: 0 auto;
}
.smiley_rating_c {
background: var(--wot-grey-light);
padding: 15px;
display: inline-block;
border: 1px solid #707070;
border-radius:69px;
}
.rating_indv {
height: 48px;
width: 48px;
display: inline-block;
margin: 0 15px;
cursor: pointer;
}
.rating_1 {
background: url(../images/rating/no-active/1.svg) no-repeat center center;
}
.is_active .rating_1:hover, .rating_1.active {
background: url(../images/rating/1.svg) no-repeat center center;
}
.rating_2 {
background: url(../images/rating/no-active/2.svg) no-repeat center center;
}
.is_active .rating_2:hover, .rating_2.active {
background: url(../images/rating/2.svg) no-repeat center center;
}
.rating_3 {
background: url(../images/rating/no-active/3.svg) no-repeat center center;
}
.is_active .rating_3:hover, .rating_3.active {
background: url(../images/rating/3.svg) no-repeat center center;
}
.rating_4 {
background: url(../images/rating/no-active/4.svg) no-repeat center center;
}
.is_active .rating_4:hover, .rating_4.active {
background: url(../images/rating/4.svg) no-repeat center center;
}
.rating_5 {
background: url(../images/rating/no-active/5.svg) no-repeat center center;
}
.is_active .rating_5:hover, .rating_5.active {
background: url(../images/rating/5.svg) no-repeat center center;
}
/* Bootstrap 5 CSS and icons included */
/* vanillajs-datepicker 1.1.4 CSS included */
main h2{
font-size: 16px;
margin: 15px 0;
}
/* Adapts a floating label for use with a left-handed input group icon */
.form-floating > .bi-calendar-date + .datepicker_input + label {
padding-left: 3.5rem;
z-index: 3;
}
/*Sell Your Product*/
.div_only_loader {
width: 40px;
height: 40px;
display: none;
}
.sell-your-product-container {
background: var(--wot-white);
padding: 30px;
}
.catg-section-left .progress-bg {
padding-bottom: 30px;
}
.progress-bg {
background: var(--wot-grey-light);
padding:15px;
border-radius:5px;
}
.progress-sticky {
position: sticky;
top: 15px;
}
.progress-c {
font-size: 21.33px;
color: var(--wot-light-brown);
padding-top: 15px;
}
.progress-c .progress_percent {
font-weight: bold;
}
.progress-bar-c {
background: var(--wot-white);
height: 15px;
border-radius:8px;
overflow: hidden;
margin-bottom: 30px;
}
.progress-bar {
background: var(--wot-light-brown);
height: 15px;
width: 0%;
border-radius:8px;
}
.progress-bar-ul {
font-size: 21.33px;
list-style: none;
}
.progress-bar-ul li {
margin-top: -3px;
margin-bottom: -3px;
margin-left: 15px;
}
.progress-bar-ul li a {
background: var(--wot-grey-light) no-repeat 100% center;
color: var(--wot-dark-brown);
border-top:1px solid var(--wot-border-seprator);
border-bottom:1px solid var(--wot-border-seprator);
padding: 10px 15px 5px 0px;
display: block;
margin: 0;
}
.progress-bar-ul li.active a {
background: var(--wot-grey-light) var(--wot-light-brown-check) no-repeat 96% center;
}
.progress-bar-ul li:hover {
position: relative;
background: var(--wot-grey-light);
margin-left:0px;
}
.sell-your-product-container .progress-bar-ul li a:hover {
color: var(--wot-white);
background: var(--wot-light-brown) no-repeat 96% center;
border-top:1px solid var(--wot-light-brown);
border-bottom:1px solid var(--wot-light-brown);
margin: 0;
padding: 10px 30px 5px 15px;
border-radius:40px;
position: relative;
}
.sell-your-product-container .progress-bar-ul li.active a:hover {
background: var(--wot-light-brown) var(--wot-white-check) no-repeat 96% center;
}
.progress-bar-ul li:first-child a {
border-top:1px solid var(--wot-grey-light);
border-bottom:1px solid var(--wot-border-seprator);
}
.progress-bar-ul li:last-child a {
border-top:1px solid var(--wot-border-seprator);
border-bottom:1px solid var(--wot-grey-light);
}
.sp-frm-container, .bp-frm-container {
margin-bottom: 60px;
}
.sp-frm-heading, .bp-frm-heading {
padding-bottom: 25px;
border-bottom:1px solid var(--wot-dark-brown);
}
.sp-frm-heading h3, .bp-frm-heading h3 {
font-size: 28.43px;
color: var(--wot-dark-brown);
font-weight: 600;
margin-bottom: 0;
height: 22px;
}
.sp-frm-heading i, .bp-frm-heading i {
color: var(--wot-light-brown);
font-size: 22px;
}
.accordion-icon-c {
width: 30px;
height: 30px;
display: block;
cursor: pointer;
}
.accordion-minus {
background: var(--wot-dark-brown-minus-square) no-repeat center center;
}
.accordion-plus {
background: var(--wot-dark-brown-plus-square) no-repeat center center;
}
.frm-field-c, .frm-select-c {
margin-top: 30px;
}
.sp-frm-inner .frm-field-c label, .sp-frm-inner .frm-select-c label, .bp-frm-inner .frm-field-c label, .bp-frm-inner .frm-select-c label {
font-size: 21.33px;
color: var(--wot-dark-brown);
position: relative;
margin-bottom: 10px;
}
.sp-frm-inner .frm-select-c .btn-light, .bp-frm-inner .frm-select-c .btn-light {
background: var(--wot-white);
font-size: 21.33px;
color: var(--wot-dark-brown);
border: none;
box-shadow: 0px 2px 6px #d6d6d6;
border-radius:5px;
padding: 10px 15px;
}
.sp-frm-inner .frm-select-c .bootstrap-select .dropdown-menu li a, .bp-frm-inner .frm-select-c .bootstrap-select .dropdown-menu li a {
color: var(--wot-dark-brown);
}
.sp-frm-inner .frm-select-c .bootstrap-select .dropdown-menu li a:hover, .sp-frm-inner .frm-select-c .bootstrap-select .dropdown-menu li a:focus, .sp-frm-inner .frm-select-c .bootstrap-select .dropdown-menu li a:active, .sp-frm-inner .frm-select-c .bootstrap-select .dropdown-menu li a.selected {
background: var(--wot-light-brown);
color: var(--wot-white);
}
.bp-frm-inner .frm-select-c .bootstrap-select .dropdown-menu li a:hover, .bp-frm-inner .frm-select-c .bootstrap-select .dropdown-menu li a:focus, .bp-frm-inner .frm-select-c .bootstrap-select .dropdown-menu li a:active, .bp-frm-inner .frm-select-c .bootstrap-select .dropdown-menu li a.selected {
background: var(--wot-light-brown);
color: var(--wot-white);
}
.sp-frm-inner .frm-select-c .dropdown-menu li span.text, .bp-frm-inner .frm-select-c .dropdown-menu li span.text {
font-size: 21.33px;
}
.sp-frm-inner .frm-select-c .dropdown-menu li .separate, .bp-frm-inner .frm-select-c .dropdown-menu li .separate {
height: 1px;
background: var(--wot-grey-light);
position: relative;
}
.sp-frm-inner .frm-select-c .btn-light::after, .bp-frm-inner .frm-select-c .btn-light::after {
font-size: 27px;
}
.sp-frm-inner .frm-field-c input, .sp-frm-inner .frm-select-c .bs-searchbox input, .bp-frm-inner .frm-field-c input, .bp-frm-inner .frm-select-c .bs-searchbox input {
font-size: 21.33px;
color: var(--wot-dark-brown);
border: none;
box-shadow: 0px 2px 6px #d6d6d6;
border-radius:5px;
padding: 10px 15px;
}
.sp-frm-inner .field-err, .bp-frm-inner .field-err, .inner_ongoing_consignment .field-err {
margin-top: 10px;
color: red;
}
.sp-frm-inner .frm-select-c select, .bp-frm-inner .frm-select-c select {
background:url("data:image/svg+xml;utf8,") no-repeat 98% center;
font-size: 21.33px;
color: var(--wot-dark-brown);
border: none;
box-shadow: 0px 2px 6px #d6d6d6;
border-radius:5px;
padding: 10px 30px 10px 15px;
}
.sp-frm-inner .frm-field-c input::placeholder, .sp-frm-inner .frm-select-c .bootstrap-select > .dropdown-toggle.bs-placeholder {
color: var(--wot-dark-brown);
opacity:0.5;
}
.bp-frm-inner .frm-field-c input::placeholder, .bp-frm-inner .frm-select-c .bootstrap-select > .dropdown-toggle.bs-placeholder {
color: var(--wot-dark-brown);
opacity:0.5;
}
.sp-frm-inner .frm-field-c input:focus, .sp-frm-inner .frm-select-c select:focus {
border: none;
box-shadow: 0px 2px 6px #d6d6d6;
}
.bp-frm-inner .frm-field-c input:focus, .bp-frm-inner .frm-select-c select:focus {
border: none;
box-shadow: 0px 2px 6px #d6d6d6;
}
.sp-frm-inner h4, .bp-frm-inner h4 {
color: var(--wot-dark-brown);
font-weight: 600;
font-size: 21.33px;
margin-top:30px;
padding-bottom: 25px;
border-bottom:1px solid var(--wot-dark-brown);
height: 45px;
margin-bottom: 15px;
}
.sp-frm-inner h5, .bp-frm-inner h5 {
color: var(--wot-dark-brown);
font-weight: 600;
font-size: 21.33px;
margin-top:30px;
margin-bottom: 0;
position: relative;
}
.sp-frm-inner .btn-more, .sp-frm-inner .btn-add-dimension, .sp-frm-inner .btn-add-pricing {
font-size: 21.33px;
margin-right: 15px;
}
.sp-frm-inner .btn-add-dimension, .sp-frm-inner .btn-add-pricing {
margin-top: 15px;
margin-right: 0;
}
.bp-frm-inner .btn-more, .bp-frm-inner .btn-add-dimension, .bp-frm-inner .btn-add-pricing {
font-size: 21.33px;
margin-right: 15px;
}
.bp-frm-inner .btn-add-dimension, .bp-frm-inner .btn-add-pricing {
margin-top: 15px;
margin-right: 0;
}
.act-hide {
color: var(--wot-light-brown);
font-size: 15px;
position: relative;
top: -5px;
cursor: pointer;
font-size: 21.33px;
}
.act-dimension-hide, .act-pricing-hide {
color: var(--wot-light-brown);
font-size: 15px;
position: relative;
cursor: pointer;
font-size: 21.33px;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
}
.sp-section-right .agree-c, .bp-section-right .agree-c {
background: var(--wot-dark-brown);
padding: 15px 30px;
border-radius:5px;
font-size: 21.33px;
color: var(--wot-white);
}
.sp-section-right .agree-c .btn-wot-white:hover, .sp-section-right .agree-c .btn-wot-white:focus {
box-shadow: none;
color: var(--wot-light-brown);
}
.bp-section-right .agree-c .btn-wot-white:hover, .bp-section-right .agree-c .btn-wot-white:focus {
box-shadow: none;
color: var(--wot-light-brown);
}
.sp-section-right .agree-c a, .bp-section-right .agree-c a {
color: var(--wot-white);
}
.sp-section-right .i_agree-err, .bp-section-right .i_agree-err {
font-size: 16px;
}
.sp-section-right .upload_file_c, .bp-section-right .upload_file_c {
margin-top: 30px;
}
.upload_file_c {
position: relative;
overflow: hidden;
}
.upload_file_c .btn {
font-size: 28.43px;
}
.upload_file_c input.wot-upload-file {
display: none;
}
.modal-body, .modal .btn {
font-size: 21.33px;
}
/*About Us*/
.about-us-container {
background: var(--wot-white);
color: var(--wot-dark-brown);
overflow: hidden;
}
.about-info-left {
position: relative;
z-index: 1;
}
.about-us-bg {
position: absolute;
right: 0;
z-index: 0;
top: 50%;
transform: translateY(-50%);
}
.about-us-container h1, .accomplishments-container h1 {
font-size: 50.52px;
font-weight: 600;
margin-top: 60px;
}
.about-us-container p {
font-size: 21.33px;
margin-bottom: 30px;
line-height: 29px;
}
.contact-info-c {
font-size: 21.33px;
}
.contact-info-c .icon {
font-size: 28.43px;
background: var(--wot-dark-brown);
color: var(--wot-white);
border-radius:53px;
height: 53px;
width: 53px;
display: block;
position: relative;
text-align: center;
margin-right: 15px;
}
.contact-info-c .icon i {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
right: 0;
}
.contact-info-c .text {
line-height: 29px;
}
.contact-info-c .heading {
font-weight: 600;
display: block;
}
.info-c {
margin-right: 30px;
margin-bottom: 30px;
}
.accomplishments-container {
background: var(--wot-dark-brown);
color: var(--wot-white);
padding-bottom: 165px;
}
.accomplishments-container h1 {
margin-bottom: 60px;
text-align: center;
font-weight: 600;
}
.accomplishments-slider-timeline-c {
position: relative;
}
.timeline-c {
background: var(--wot-white);
height: 5px;
width: 100%;
position: absolute;
bottom: 53px;
}
.accomplishments-slider-c {
cursor: grab;
user-select: none;
overflow: hidden;
}
.accomplishments-slider {
height: 300px;
}
.accom-info-c {
margin:0 30px;
}
.accom-info-c .left-bdr {
border-left: 1px solid var(--wot-white);
position: relative;
margin-bottom: 90px;
}
.accom-info-c .icon-c {
}
.accom-info-c .icon-bdr {
border: 10px solid var(--wot-dark-brown);
border-radius: 104px;
width: 52px;
height: 52px;
margin-left: -26px;
margin-top: -8px;
}
.accom-info-c .icon {
background: var(--wot-light-brown);
border: 10px solid var(--wot-white);
width: 34px;
height: 34px;
border-radius:68px;
margin-right: 15px;
}
.accom-info-c .date-c {
position: absolute;
bottom: -90px;
left: 0;
transform: translateX(-50%);
white-space: nowrap;
text-align: center;
}
.accom-info-c .bullet {
background: var(--wot-white);
width: 34px;
height: 34px;
border-radius:68px;
margin: 0 auto;
}
.accom-info-c .date {
margin-top: 15px;
}
.accom-info-c .text {
margin-left: 15px;
width: 200px;
}
.accom-info-c .heading {
font-size: 21.33px;
font-weight: 600;
display: block;
}
.accom-info-c .data {
font-size: 16px;
}
.light-grey-container {
background: var(--wot-grey-light);
padding-bottom: 60px;
}
.stats-container {
background: var(--wot-light-brown);
border-radius:30px;
margin-top: -107px;
padding: 30px;
}
.stats-container .stats-mc {
text-align: center;
color: var(--wot-white);
}
.stats-container .stats-mc .img-c {
}
.stats-container .stats-mc .title-c {
font-size: 28.43px;
height: 25px;
line-height: 33px;
margin: 15px 0;
}
.stats-container .stats-mc .stats-c {
font-size: 67.34px;
font-weight: bold;
height: 50px;
line-height: 72px;
}
.team {
color: var(--wot-dark-brown);
}
.team h1 {
text-align: center;
margin: 60px 0;
font-weight: 600;
}
.team-indv .img-c {
border-radius:10px;
overflow: hidden;
}
.team-indv .img-c img {
width: 100%;
}
.team-indv .title {
font-size: 28.43px;
font-weight: 600;
margin-top: 20px;
line-height: 30px;
height: 20px;
}
.team-indv .designation {
font-size: 16px;
}
.team-indv .social {
width: 30px;
height: 30px;
text-align: center;
display: inline-block;
box-shadow: 0px 3px 6px #d6d6d6;
background: var(--wot-white);
position: relative;
border-radius:5px;
margin-right: 10px;
margin-top: 20px;
}
.team-indv .social img {
position: absolute;
top: 50%;
transform: translate(-50%,-50%);
left: 50%;
}
.appointment-container {
background: url(../images/appointment-bg.jpg) no-repeat;
background-size:cover;
padding: 60px 0;
}
.appointment-container h1 {
font-size: 50.52px;
color: var(--wot-white);
font-weight: 600;
margin-right: 80px;
height: 43px;
line-height: 60px;
}
.appointment-container a {
font-size: 28.43px;
font-weight: bold;
min-width: 391px;
}
.appointment-container a:hover, .appointment-container a:focus {
box-shadow:none;
color: var(--wot-light-brown);
}
.btn-wot-white {
background: var(--wot-white);
color: var(--wot-light-brown);
padding: 10px 15px 5px 15px;
}
.services-container {
background: url(../images/services-bg.jpg) no-repeat;
background-size:cover;
padding-bottom: 60px;
}
.services-container h1 {
font-size: 50.52px;
color: var(--wot-light-brown);
height: 43px;
line-height: 60px;
text-align: center;
margin: 60px 0;
}
.services-indv {
color: var(--wot-light-brown);
border: 2px solid var(--wot-light-brown);
border-radius:20px;
text-align: center;
height: 100%;
}
.services-indv .img-c {
margin: 30px auto 30px auto;
height: 81px;
width: 100%;
position: relative;
}
.services-indv .img-c img {
position: absolute;
top: 50%;
transform: translate(-50%,-50%);
left: 50%;
}
.services-indv .title-c {
font-size: 28.43px;
}
.services-indv .desc-c {
font-size: 21.33px;
color: var(--wot-dark-brown);
}
.services-indv .action-c {
margin: 30px 0;
}
.services-indv .action-c a {
font-size: 28.43px;
min-width: 169px;
}
/*Sign Up*/
.bdy_sign_up {
}
.sign-up-bg-half, .sign-up-bg-design {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -2;
}
.sign-up-bg-design {
z-index: -1;
}
.sign-up-bg-design .container, .sign-up-bg-design .row {
height: 100%;
}
.sign-up-bg-half div {
width: 50%;
height: 100%;
float: left;
}
.sign-up-bg-left {
background-color: var(--wot-white);
}
.sign-up-bg-right {
background-color: var(--wot-dark-brown);
}
.sign-up-left-inner, .sign-up-right-inner {
padding:0 0px 30px 0px;
height: 100%;
}
.sign-up-left h2, .sign-up-left h1 {
color: var(--wot-black);
}
.sign-up-left h2 {
font-size:37.9px;
margin-top: 15px;
}
.sign-up-left h1 {
font-size:50.52;
font-weight: bold;
}
.sign-up-left .logo, .sign-up-left h2, .sign-up-left h1 {
text-align: center;
}
.steps-ul {
margin: 0 auto;
max-width: 342px;
}
.steps-ul ul {
list-style: none;
margin-bottom: 30px;
}
.steps-ul ul li {
margin-top: 30px;
}
.steps-ul ul li a {
border: 2px solid var(--wot-light-brown);
border-radius: 40px;
display: block;
padding: 10px 15px 5px 15px;
color: var(--wot-light-brown);
font-size: 21.33px;
text-align: center;
background: var(--wot-light-brown-arrow) no-repeat 95% center;
}
.steps-ul ul li a.active {
border: 2px solid var(--wot-light-brown);
color: var(--wot-white);
background: var(--wot-light-brown) var(--wot-white-arrow) no-repeat 95% center;
}
.sign-up-mnu {
padding: 30px 0;
}
.sign-up-mnu ul {
list-style: none;
}
.sign-up-mnu ul li {
float: left;
margin-left: 30px;
}
.sign-up-mnu ul li a {
color: var(--wot-white);
font-size: 21.33px;
}
.usr-mnu {
padding: 30px 0;
margin-left: 30px;
}
.usr-mnu > ul {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
}
.usr-mnu ul {
list-style: none;
}
.usr-mnu ul li a {
color: var(--wot-white);
font-size: 21.33px;
}
.usr-mnu .fa-user-circle {
font-size: 59px;
}
.header-c .usr-mnu .dropdown-toggle {
padding-right: 0;
}
.header-c .usr-mnu .dropdown-toggle::after {
display: none;
}
.btn-wot-rounded {
padding: 10px 15px 5px 15px;
border: 2px solid var(--wot-white);
border-radius: 36px;
background: none;
}
.contact_support_btn {
padding: 15px 15px 10px 15px;
}
.btn-wot-white-rounded {
padding: 10px 15px 5px 15px;
border: 2px solid var(--wot-white);
border-radius: 36px;
background: var(--wot-white);
color: var(--wot-dark-brown);
}
.btn-wot-light-brown-rounded {
padding: 10px 15px 5px 15px;
border: 2px solid var(--wot-light-brown);
border-radius: 36px;
background: var(--wot-light-brown);
color: var(--wot-white);
}
.translte-c-img {
margin-left: 10px;
}
.sign-up-frm-c {
border: 1px solid var(--wot-white);
border-radius: 5px;
height: 100%;
}
.ajx-output-sign-up, .div-step {
height: 100%;
}
.step-frm {
}
.step-frm .frm-field-c {
position: relative;
width: 50%;
}
.frm-option-c {
position: relative;
width: 50%;
color: var(--wot-white);
}
.step-frm .frm-field-c, .step-frm .frm-option-c {
margin-bottom: 30px;
}
.sty-err-field {
color: var(--wot-white);
font-size: 16px;
background-color: var(--wot-light-brown);
padding: 10px;
margin-top: 5px;
}
.sty-err-field:before {
content: "\f057";
font-family: "Font Awesome 5 Free";
margin-right: 5px;
position: relative;
top: 1px;
}
.step4-frm .agree-c.i_agree-err {
font-size: 16px;
}
.step-frm .frm-field-c label {
position: absolute;
font-size: 21.33px;
background-color: var(--wot-dark-brown);
color: var(--wot-white);
top: -15px;
left: 13px;
padding: 0 2px;
}
.step-frm .frm-field-c input {
background: none;
border: 1px solid var(--wot-white);
color: var(--wot-white);
padding: 15px;
font-size: 16px;
border-radius: 0;
}
.step-frm .frm-field-c input:focus {
box-shadow:none;
background: none;
border: 1px solid var(--wot-white);
color: var(--wot-white);
}
.step-frm .frm-field-c input::placeholder {
color: var(--wot-white);
opacity:0.5;
}
.step-frm .frm-option-c .side-label {
margin-right: 15px;
position: relative;
top: 2px;
}
.step-frm .frm-option-c .form-check {
margin-right: 15px;
}
.step-frm .frm-option-c .form-check-label {
position: relative;
top: 2px;
cursor: pointer;
}
.step-frm .frm-option-c .form-check-input {
background-color: var(--wot-dark-brown);
border-color: var(--wot-white);
cursor: pointer;
}
.step-frm .frm-option-c .form-check-input:checked {
background-color: var(--wot-dark-brown);
border-color: var(--wot-white);
}
.step-frm .frm-option-c .form-check-input:focus {
box-shadow:none;
}
.btn-wot-next-light-brown {
padding: 10px 15px 5px 15px;
border: none;
border-radius: 36px;
background: var(--wot-light-brown) var(--wot-white-arrow) no-repeat 90% center;
color: var(--wot-white);
font-size: 21.33px;
}
.step-frm .btn-wot-next-light-brown {
min-width: 164px;
}
.btn_loader_trigger {
-webkit-animation: all 2s 0.25s linear;
animation: all 2s 0.25s linear;
}
.btn_loader {
height: var(--wot-btn-loader);
}
.btn_loader.btn_loader_b_w.btn_onclic {
border: 5px solid var(--wot-light-brown);
border-color: var(--wot-white);
border-left-color: var(--wot-light-brown);
border-radius: 50%;
}
.btn_loader.btn_loader_b_db.btn_onclic {
border: 5px solid var(--wot-light-brown);
border-color: var(--wot-grey-dark);
border-left-color: var(--wot-light-brown);
border-radius: 50%;
}
.btn_loader.btn_onclic {
min-width: var(--wot-btn-loader);
width: var(--wot-btn-loader);
height: var(--wot-btn-loader);
background: none;
border-width: 5px;
font-size: 0;
-webkit-animation: rotating 2s 0.25s linear infinite;
animation: rotating 2s 0.25s linear infinite;
}
.btn_onclic:after {
content: "";
}
@-webkit-keyframes rotating {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes rotating {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.step2-frm h3 {
font-size: 28.43px;
color: var(--wot-white);
font-weight: 500;
}
.step2-frm h3 .fa-check {
font-size: 40px;
}
.step2-frm p {
font-size: 16px;
color: var(--wot-white);
margin: 0;
}
.abs-field-icon {
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
height: 20px;
}
.abs-field-icon span {
cursor: pointer;
}
.step-frm .email-field-icon {
background: var(--wot-dark-brown) var(--wot-white-email-field-icon) no-repeat center center;
width: 42px;
height: 42px;
}
.step-frm .shw_pass_c label {
z-index: 1;
}
.step-frm .shw_pass_c input {
padding-right: 30px;
}
.step-frm .shw_pass_c .shw_pass {
position: relative;
z-index: 0;
color: var(--wot-white);
}
.frm-option-c h4 {
font-size: 21.33px;
font-weight: normal;
}
.two-fields {
margin: 0 15px;
}
.two-fields .frm-field-c {
margin-left: 15px;
margin-right: 15px;
}
.combine-two-fields {
margin-left: 15px;
margin-right: 15px;
width: 50%;
}
.combine-two-fields .frm-field-c {
margin-left: 0;
margin-right: 0;
width: 100%;
}
.combine-two-fields-inner:first-child {
margin-right: 15px;
}
.combine-two-fields-inner:last-child {
margin-left: 15px;
}
.frm-full-option-c {
width: 100%;
margin-left:30px;
margin-right:30px;
}
.sign-up-country-c label, .sign-up-contact-number-c label {
height: 18px;
z-index: 1;
}
.sign-up-country-c .bootstrap-select {
width: 100% !important;
}
.sign-up-country-c .dropdown-menu li a span.text, .sign-up-contact-number-c .iti__country {
font-size: 21.33px;
}
.sign-up-country-c .bootstrap-select > .dropdown-toggle::after {
font-size: 27px;
}
.step-frm .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
color: var(--wot-white);
}
.step-frm .dropdown-header {
color: var(--wot-dark-brown);
font-size: 21.33px;
font-weight: 600;
}
.category-list .dropdown-item {
color: var(--wot-dark-brown);
font-weight: 600;
}
.category-list .dropdown-item.opt {
color: var(--wot-black);
font-weight: normal;
}
.category-list .dropdown-item.opt:hover {
color: var(--wot-white);
}
.step-frm .frm-field-c .btn-light {
background-color: var(--wot-dark-brown);
border-color: var(--wot-white);
color: var(--wot-white);
padding: 15px;
width: 100%;
border-radius:0;
}
body .bootstrap-select .dropdown-toggle:focus, .bootstrap-select>select.mobile-device:focus+.dropdown-toggle {
outline: none !important;
}
.sign-up-contact-number-c .flag-cutom-c {
position: absolute;
bottom: 0;
left: 0;
}
.sign-up-contact-number-c .flag-cutom-inner {
position: absolute;
z-index: 2;
list-style: none;
text-align: left;
padding: .5rem 0;
margin: 0 0 0 -1px;
box-shadow: 1px 1px 4px rgba(0,0,0,.2);
background-color: #fff;
white-space: nowrap;
max-height: 225px;
border-radius:4px;
}
.sign-up-country-c .dropdown-item:focus, .dropdown-item:hover, .sign-up-contact-number-c .iti__country.iti__highlight, .sign-up-contact-number-c .iti__country.iti__active {
background-color: var(--wot-light-brown);
color: var(--wot-white);
}
.sign-up-contact-number-c .iti__country-list {
position: relative;
box-shadow: none;
border: 0;
margin: 0;
}
.sign-up-contact-number-c .iti__dial-code {
color: var(--wot-black);
}
.sign-up-contact-number-c .iti {
display: block;
}
.sign-up-contact-number-c .iti__arrow {
font-size: 27px;
border-top: .3em solid var(--wot-white);
border-right: .3em solid transparent;
border-bottom: 0;
border-left: .3em solid transparent;
}
.step-frm .frm-field-c .btn-light:focus, .step-frm .frm-field-c .btn-light:active {
background-color: var(--wot-dark-brown);
border-color: var(--wot-white);
box-shadow:none;
outline: none !important;
}
.step4-frm .agree-c {
margin: 0 30px;
color: var(--wot-white);
font-size: 21.33px;
}
.step4-frm .agree-c a {
color: var(--wot-white);
}
.step4-frm .agree-c a:hover {
color: var(--wot-light-brown);
}
.wot-label {
position: relative;
top: 3px;
}
.form-check label {
cursor: pointer;
}
.wot-checkbox {
border-color: var(--wot-white);
background:none;
cursor: pointer;
}
.wot-checkbox:checked {
background-color: var(--wot-dark-brown);
border-color: var(--wot-white);
}
.wot-checkbox:focus {
border-color: var(--wot-white);
box-shadow: none;
}
.sign-up-right .btn-wot-rounded, .sign-up-right .btn-wot-light-brown-rounded {
color: var(--wot-white);
font-size: 21.33px;
}
.sign-up-right h1 {
font-size:50.52;
color: var(--wot-white);
text-align: center;
font-weight: normal;
width: 100%;
padding: 30px 0;
}
.sign-up-right .steps-indicator {
width: 100%;
}
.sign-up-right .ind-point.active {
background-color: var(--wot-white);
}
.sign-up-right .ind-point {
border: 1px solid var(--wot-white);
height: 15px;
width: 15px;
border-radius:30px;
margin: 30px 15px;
}
.login-frm-c {
max-width: 387px;
margin: 0 auto;
}
.login-frm-c .frm-field-c {
position: relative;
margin-top: 30px;
}
.login-frm-c .frm-field-c label {
position: absolute;
font-size: 21.33px;
background-color: var(--wot-white);
color: var(--wot-dark-brown);
top: -15px;
left: 13px;
padding: 0 2px;
}
.login-frm-c .field-err {
color: var(--wot-dark-brown);
}
.login-frm-c .shw_pass_c label {
z-index: 1;
}
.login-frm-c .shw_pass_c input {
padding-right: 30px;
}
.login-frm-c .shw_pass_c .shw_pass {
position: relative;
z-index: 0;
color: var(--wot-light-brown);
}
.login-frm-c .frm-field-c input {
background: none;
border: 1px solid var(--wot-dark-brown);
color: var(--wot-light-brown);
padding: 15px;
font-size: 16px;
border-radius: 0;
}
.login-frm-c .frm-field-c input:focus {
box-shadow:none;
background: none;
border: 1px solid var(--wot-dark-brown);
color: var(--wot-light-brown);
}
.login-frm-c .frm-field-c input::placeholder {
color: var(--wot-light-brown);
opacity:0.5;
}
.login-frm-c .email-field-icon {
background: var(--wot-white) var(--wot-brown-email-field-icon) no-repeat center center;
width: 42px;
height: 42px;
}
.wot-dark-brown-checkbox {
border-color: var(--wot-dark-brown);
background:none;
cursor: pointer;
}
.wot-dark-brown-checkbox:checked {
background-color: var(--wot-white);
border-color: var(--wot-dark-brown);
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='%23532310' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e") !important;
}
.wot-dark-brown-checkbox:focus {
border-color: var(--wot-dark-brown);
box-shadow: none;
}
.remember_me {
font-size: 21.33px;
margin-top: 15px;
color: var(--wot-dark-brown);
}
.login-action-c {
color: var(--wot-light-brown);
font-size: 16px;
margin: 15px 0;
}
.login-action-c .forgot-pass {
font-weight: 600;
cursor: pointer;
}
.login-action-c a {
color: var(--wot-light-brown);
font-weight: 600;
}
/*End Body*/
/*Start Footer*/
.copyrights {
background-color: var(--wot-dark-brown);
color: var(--wot-white);
padding: 30px;
font-size: 21.33px;
}
.copyrights p {
margin: 0;
}
.copyrights a {
color: var(--wot-white);
}
.copyrights a:hover {
color: var(--wot-light-brown);
}
/*End Footer*/