/*---
Theme Name: trnum
Description: trnum
Text Domain: trnum
---*/

/* GENERAL */
  
body {
font-size: 16px;
background: #EAE3DB;
font-weight: 400;
font-family: 'Poppins', sans-serif;
margin: 0;
padding: 0;
color: #000;
line-height: 28px;
background-color: #ffffff;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25'%3E%3Cdefs%3E%3ClinearGradient id='a' gradientUnits='userSpaceOnUse' x1='0' x2='0' y1='0' y2='100%25' gradientTransform='rotate(192,960,484)'%3E%3Cstop offset='0' stop-color='%23ffffff'/%3E%3Cstop offset='1' stop-color='%234FE'/%3E%3C/linearGradient%3E%3Cpattern patternUnits='userSpaceOnUse' id='b' width='526' height='438.3' x='0' y='0' viewBox='0 0 1080 900'%3E%3Cg fill-opacity='0.08'%3E%3Cpolygon fill='%23444' points='90 150 0 300 180 300'/%3E%3Cpolygon points='90 150 180 0 0 0'/%3E%3Cpolygon fill='%23AAA' points='270 150 360 0 180 0'/%3E%3Cpolygon fill='%23DDD' points='450 150 360 300 540 300'/%3E%3Cpolygon fill='%23999' points='450 150 540 0 360 0'/%3E%3Cpolygon points='630 150 540 300 720 300'/%3E%3Cpolygon fill='%23DDD' points='630 150 720 0 540 0'/%3E%3Cpolygon fill='%23444' points='810 150 720 300 900 300'/%3E%3Cpolygon fill='%23FFF' points='810 150 900 0 720 0'/%3E%3Cpolygon fill='%23DDD' points='990 150 900 300 1080 300'/%3E%3Cpolygon fill='%23444' points='990 150 1080 0 900 0'/%3E%3Cpolygon fill='%23DDD' points='90 450 0 600 180 600'/%3E%3Cpolygon points='90 450 180 300 0 300'/%3E%3Cpolygon fill='%23666' points='270 450 180 600 360 600'/%3E%3Cpolygon fill='%23AAA' points='270 450 360 300 180 300'/%3E%3Cpolygon fill='%23DDD' points='450 450 360 600 540 600'/%3E%3Cpolygon fill='%23999' points='450 450 540 300 360 300'/%3E%3Cpolygon fill='%23999' points='630 450 540 600 720 600'/%3E%3Cpolygon fill='%23FFF' points='630 450 720 300 540 300'/%3E%3Cpolygon points='810 450 720 600 900 600'/%3E%3Cpolygon fill='%23DDD' points='810 450 900 300 720 300'/%3E%3Cpolygon fill='%23AAA' points='990 450 900 600 1080 600'/%3E%3Cpolygon fill='%23444' points='990 450 1080 300 900 300'/%3E%3Cpolygon fill='%23222' points='90 750 0 900 180 900'/%3E%3Cpolygon points='270 750 180 900 360 900'/%3E%3Cpolygon fill='%23DDD' points='270 750 360 600 180 600'/%3E%3Cpolygon points='450 750 540 600 360 600'/%3E%3Cpolygon points='630 750 540 900 720 900'/%3E%3Cpolygon fill='%23444' points='630 750 720 600 540 600'/%3E%3Cpolygon fill='%23AAA' points='810 750 720 900 900 900'/%3E%3Cpolygon fill='%23666' points='810 750 900 600 720 600'/%3E%3Cpolygon fill='%23999' points='990 750 900 900 1080 900'/%3E%3Cpolygon fill='%23999' points='180 0 90 150 270 150'/%3E%3Cpolygon fill='%23444' points='360 0 270 150 450 150'/%3E%3Cpolygon fill='%23FFF' points='540 0 450 150 630 150'/%3E%3Cpolygon points='900 0 810 150 990 150'/%3E%3Cpolygon fill='%23222' points='0 300 -90 450 90 450'/%3E%3Cpolygon fill='%23FFF' points='0 300 90 150 -90 150'/%3E%3Cpolygon fill='%23FFF' points='180 300 90 450 270 450'/%3E%3Cpolygon fill='%23666' points='180 300 270 150 90 150'/%3E%3Cpolygon fill='%23222' points='360 300 270 450 450 450'/%3E%3Cpolygon fill='%23FFF' points='360 300 450 150 270 150'/%3E%3Cpolygon fill='%23444' points='540 300 450 450 630 450'/%3E%3Cpolygon fill='%23222' points='540 300 630 150 450 150'/%3E%3Cpolygon fill='%23AAA' points='720 300 630 450 810 450'/%3E%3Cpolygon fill='%23666' points='720 300 810 150 630 150'/%3E%3Cpolygon fill='%23FFF' points='900 300 810 450 990 450'/%3E%3Cpolygon fill='%23999' points='900 300 990 150 810 150'/%3E%3Cpolygon points='0 600 -90 750 90 750'/%3E%3Cpolygon fill='%23666' points='0 600 90 450 -90 450'/%3E%3Cpolygon fill='%23AAA' points='180 600 90 750 270 750'/%3E%3Cpolygon fill='%23444' points='180 600 270 450 90 450'/%3E%3Cpolygon fill='%23444' points='360 600 270 750 450 750'/%3E%3Cpolygon fill='%23999' points='360 600 450 450 270 450'/%3E%3Cpolygon fill='%23666' points='540 600 630 450 450 450'/%3E%3Cpolygon fill='%23222' points='720 600 630 750 810 750'/%3E%3Cpolygon fill='%23FFF' points='900 600 810 750 990 750'/%3E%3Cpolygon fill='%23222' points='900 600 990 450 810 450'/%3E%3Cpolygon fill='%23DDD' points='0 900 90 750 -90 750'/%3E%3Cpolygon fill='%23444' points='180 900 270 750 90 750'/%3E%3Cpolygon fill='%23FFF' points='360 900 450 750 270 750'/%3E%3Cpolygon fill='%23AAA' points='540 900 630 750 450 750'/%3E%3Cpolygon fill='%23FFF' points='720 900 810 750 630 750'/%3E%3Cpolygon fill='%23222' points='900 900 990 750 810 750'/%3E%3Cpolygon fill='%23222' points='1080 300 990 450 1170 450'/%3E%3Cpolygon fill='%23FFF' points='1080 300 1170 150 990 150'/%3E%3Cpolygon points='1080 600 990 750 1170 750'/%3E%3Cpolygon fill='%23666' points='1080 600 1170 450 990 450'/%3E%3Cpolygon fill='%23DDD' points='1080 900 1170 750 990 750'/%3E%3C/g%3E%3C/pattern%3E%3C/defs%3E%3Crect x='0' y='0' fill='url(%23a)' width='100%25' height='100%25'/%3E%3Crect x='0' y='0' fill='url(%23b)' width='100%25' height='100%25'/%3E%3C/svg%3E");
background-attachment: fixed;
background-size: cover;
}

header {
    display: flex;
background: #000;
border-bottom: 3px dashed #1ad7e7;
    width: 100%;
    box-shadow: 0px 3px 7px rgba(0,0,0,0.05);
    padding: 12px 0;
    z-index: 999;
    position: fixed;
    top: 0;
    transition: all 0.2s ease-in-out;
}

.home header {
    display: flex;
    width: 100%;
    box-shadow: none;
    padding: 12px 0;
    z-index: 999;
    background: none;
   border-bottom: 3px dashed rgba(255,255,255,0.3);
}

header.active {
    background: #000;
    border-bottom: 3px dashed #1ad7e7;
}

.home menu ul li, .home menu ul li a {
    color:#fff;
}

a {
   color:#1ad7e7;
   text-decoration: none;
}

textarea, input, button, input[type="button"] { 
    outline: none; 
    -webkit-appearance: none;
}

.owl-prev {
position: absolute;
    left: 20px;
    bottom: 50%;
    height: 40px;
    transform: translateY(20px);
}

.owl-next {
position: absolute;
    right: 20px;
    bottom: 50%;
    height: 40px;
    transform: translateY(20px);
}

body.home .owl-carousel {
    height:210px;
}

menu {
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
}

menu ul {
    margin:0;
    padding:0;
    display:flex;
    list-style: none;
}

menu ul li {
    margin: 0 17px;
    position: relative;
    display: block;
    padding: 30px 0;
    cursor: pointer;
}

menu ul li:last-child {
    margin-right:0;
}

menu ul li a {
    color: #fff;
    text-decoration: none;
    font-weight: 400;
}

menu ul li span {
    color: #fff;
}

menu ul li a.my {
    box-shadow: 0px 2px 7px rgb(11 11 43 / 7%);
    padding: 12px 16px;
    border-radius: 10px;
    background: #000000;
    color: #fff;
    font-size: 14px;
    margin-left: -15px;
    font-weight: 500;
	background: rgba(255,255,255,0.2);
}

body.home  menu ul li a.my {
	background: rgba(255,255,255,0.2);
}


menu ul li a.rg {
    box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.07);
    padding: 12px 16px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 500;
	background: #1ad7e7;
	color:#fff;
	box-shadow: 0px 2px 7px rgb(0 0 0 / 7%);
border: 1px solid rgba(0,0,0,0.2);
}

menu ul li ul {
background: #000;
visibility: visible;
opacity: 0;
min-width: 230px;
position: absolute;
transition: all 0.5s ease;
margin-top: 27px;
left: -25px;
display: none;
box-shadow: 0px 4px 7px rgb(11 11 43 / 5%);
border-bottom-left-radius: 14px;
border-bottom-right-radius: 14px;
z-index: 3;
}

menu ul li:hover > ul, menu ul li ul:hover {
  visibility: visible;
  opacity: 1;
  display: block;
}

menu ul li ul {
    padding: 14px 10px 3px 25px;
}

menu ul li ul li {
    clear: both;
    width: 100%;
    margin: 0 0 14px;
    padding: 0;
}

menu ul li ul li a {
    color: #fff !important;
}

.home menu ul li a.rg {
color: #fff;
background: #1ad7e7;
}

header .wrap {
    display: flex;
    justify-content: space-between;
    width: 1100px;
    margin: 0 auto;
    align-items: center;
    position: relative;
}

.logo {
    display:flex;
}

.logo img {
    height:80px;
}

.menu-res {
    display:none;
}


.homewrap {
    position: relative;
    overflow: hidden;
    top: 0;
    height: 550px;
    margin-bottom: -100px;
	clip-path: polygon(0 0, 100% 0%, 100% 95%, 0% 100%);
}

.homewrap .blur {
    position: relative;
    top: -20px;
    left: 0;
    right: 0;
    z-index: 0;
    height: 630px;
}

.homewrap .blur::before {
content: "";
position: absolute;
left: -20px;
top: -300px;
z-index: -1;
display: block;
background-image: url("img/bg4.jpg");
width: 110%;
height: 1200px;
background-size: cover;
filter: blur(5px);
}

.homewrap .ttsea {
    position: absolute;
    top: 55%;
    left: 50%;
    z-index: 2;
    transform: translate(-50%, -50%);
	text-align:center;
	max-width: 700px;
}

.homewrap .ttsea span {
color: #fff;
font-size: 22px;
line-height: 34px;
background: #18b5c2;
display: block;
clip-path: polygon(15px 0, 100% 0%, calc(100% - 15px) 100%, 0% 100%);
padding: 10px 30px;
}

.homewrap .ttsea h1 {
color: #fff;
text-align: center;
font-size: 32px;
font-weight: 600;
background: #1ad7e7;
display: inline-block;
padding: 10px 50px;
clip-path: polygon(15px 0, 100% 0%, calc(100% - 15px) 100%, 0% 100%);
margin-bottom: 10px;
line-height: 42px;
}

.homewrap .ttsea h3 {
	color: #fff;
	text-align: center;
	font-size: 20px;
	text-shadow: 0px 1px 4px rgba(0,0,0,0.2);
	margin-bottom: 45px;
	font-weight: 400;
	line-height: 1.4;
}


.homewrap .search {
    max-width: 480px;
    margin: 30px auto;
    position: relative;
}

.homewrap .inline {
    background: #fff;
    max-width: 500px;
    margin: 0 auto;
    position: relative;
    height: 70px;
    border-radius: 20px;
    box-shadow: 0px 3px 7px rgba(0,0,0,0.05);
}

.homewrap input {
    position: absolute;
    left: 0;
    top: 0;
    width: calc(100% - 60px);
    height: 100%;
    border: 0;
    padding: 0 30px;
    font-size: 16px;
    box-shadow: 0px 3px 7px rgba(0,0,0,0.05);
    border-radius: 20px;
    font-weight: 400;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
}

.homewrap #submit {
	background-color: #1ad7e7;
	border: 0;
	width: 56px;
	height: 56px;
	position: absolute;
	top: 7px;
	right: 7px;
	left: auto;
	border-radius: 16px;
	cursor: pointer;
	background-image: url("img/search.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 32px;
	box-shadow: 0px 2px 7px rgb(0 0 0 / 7%);
	border: 1px solid rgba(0,0,0,0.2);
}


.homewrap .bg-blur-overlay {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.3);
    position: absolute;
    top: 0;
}

.wrapper {
    max-width: 1100px;
    margin: 150px auto 0;
}

form.create label {
    display:block;
}

input:read-only {
    background-color: rgba(0,0,0,0.05);
    color: rgba(0,0,0,0.5);
}

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

.wel h2 {
margin: 0;
font-size: 26px;
font-weight: 700;
color: #000;
}

.wel span {
    margin: 0;
    font-size: 28px;
    font-weight: 600;
    color: #1ad7e7;
}

.mcl a {
background: #1ad7e7;
border-radius: 10px;
padding: 12px 16px;
color: #fff;
font-size: 12px;
margin-left: 8px;
box-shadow: 0px 2px 7px rgb(0 0 0 / 7%);
border: 1px solid rgba(0,0,0,0.2);
font-weight: 500;
}

.mcl a.tr {
	background: #1ad7e7;
	color: #fff;
}

.cont {
    margin-top: 40px;
}

.cont h3 {
    margin: 0 0 10px;
    font-size: 18px;
    font-weight: 600;
}

table.tradetails {
width: 100%;
border-radius: 12px;
border-spacing: 0;
background: #f9f1ea;
padding: 7px 0;
}

table.tradetails td {
    padding: 7px 20px;
    width:0;
}

table.tradetails td:last-child {
    font-weight:600;
}

table.tradetails td span {
color: rgba(0,0,0,0.5);
margin-left: 8px;
font-weight: 400;
}

table.transactions {
background: #fff;
width: 100%;
border-spacing: 0;
padding-bottom: 0;
clip-path: polygon(5px 0, 100% 0%, calc(100% - 5px) 100%, 0% 100%);
}

table.transactions tr.clickable-row {
    cursor: pointer;
}

table.transactions tr.clickable-row:hover {
    background:#f4f4f4;
}

table.transactions thead {
background: #000;
color: #fff;
}

table.transactions th {
    font-weight: 500;
    padding: 12px 0;
    border-bottom: 2px dashed #1ad7e7;
    font-size: 14px;
    text-align: center;
}

table.transactions td {
text-align: center;
font-size: 14px;
padding: 10px 10px 10px 10px;
font-weight: 600;
}

table.transactions td span {
display:block;
}

table.transactions td img {
	width: 60px;
	height: 60px;
	object-fit: cover;
	border-radius:4px;
	position: relative;
top: 3px;
}


table.transactions td a {
    background: #1ad7e7;
    color: #fff;
    font-size: 14px;
    padding: 12px 14px;
    font-weight: 500;
    border-radius: 10px;
    margin: 0 3px;
    box-shadow: 0px 3px 7px rgba(0,0,0,0.05);
}

table.transactions td span.btn {
    font-size: 14px;
    padding: 12px 14px;
    font-weight: 500;
    border-radius: 10px;
    margin: 0 3px;
    background-color: rgba(0,0,0,0.2);
    color: rgba(0,0,0,0.5);
    box-shadow: 0px 3px 7px rgba(0,0,0,0.05); 
}

.tabletrans {
    display: none;
}

.tstatus {
    margin-top: 45px;
}

table.status {
background: #fff;
width: 100%;
border-spacing: 0;
padding-bottom: 20px;
clip-path: polygon(5px 0, 100% 0%, calc(100% - 5px) 100%, 0% 100%);
}

table.status thead {
background: #000;
color: #fff;
}

table.status th {
font-weight: 500;
padding: 12px 0;
border-bottom: 2px dashed #1ad7e7;
font-size: 14px;
text-align: center;
}

table.status tbody tr:first-child {
    color:#000;
	font-weight:500;
}

table.status tbody tr {
    color:rgba(0,0,0,0.5);
}

table.status td {
    text-align: center;
    font-size: 16px;
    padding: 20px 10px 0px 10px;
}

footer {
    background: rgba(0,0,0,0.75);
    color: rgba(255,255,255,0.75);
    padding: 0;
    margin-top: 80px;
    font-size: 14px;
    overflow: hidden;
}

footer .bg {
    text-align: center;
    padding: 0;
    margin-bottom: 65px;
    position: relative;
}

footer .bg::before {
content: "";
position: absolute;
left: -10px;
top: -280px;
z-index: -1;
display: block;
background-image: url("img/bg1.jpg");
width: 110%;
height: 700px;
background-size: cover;
filter: blur(7px);
}

footer .bg .inline {
    background: #fff;
    max-width: 500px;
    margin: 0 auto;
    position: relative;
    height: 70px;
    border-radius: 20px;
    box-shadow: 0px 3px 7px rgba(0,0,0,0.05);
	display:none;
}

footer .bg .inline input {
    position: absolute;
    left: 0;
    top: 0;
    width: calc(100% - 60px);
    height: 100%;
    border: 0;
    padding: 0 30px;
    font-size: 16px;
    box-shadow: 0px 3px 7px rgba(0,0,0,0.05);
    border-radius: 20px;
    font-weight:400;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
}

footer .bg .inline #submit {
    background-color: #1ad7e7;
    border: 0;
    width: 56px;
    height: 56px;
    position: absolute;
    top: 7px;
    right: 7px;
    left: auto;
    border-radius: 16px;
    cursor: pointer;
    background-image: url("img/search.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 32px;
    box-shadow: 0px 2px 7px rgb(0 0 0 / 7%);
	border: 1px solid rgba(0,0,0,0.2);
}

footer h2 {
    color: #fff;
    margin: 0 0 20px 0;
    font-weight: 600;
    font-size: 24px;
}

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

footer ul li {
    font-size: 14px;
    margin-bottom: 0px;
}

footer ul li strong {
    width: 100px;
    display: inline-block;
    font-weight: 600;
}

footer ul li .small {
    color: #fa185e;
}

footer .ope {
    background-repeat: no-repeat;
    padding-left: 36px;
    background-size: 20px;
    margin-bottom: 15px;
    background-position: left center;
    width:50%;
}

footer .ope div strong {
    font-size: 12px;
    margin-bottom: -8px;
    display: block;
    font-weight: 600;
}

footer .ope.office {
    background-image: url(img/placew.svg);
}

footer .ope.phone {
    background-image: url(img/phonew.svg);
}

footer .ope.email {
    background-image: url(img/emailw.svg);
}

.fwrap {
    margin: 0 auto;
    max-width: 960px;
    display: flex;
	justify-content: space-between;
}

.fwrap .col {
    width:35%;
}

.fwrap .colwork {
    width:30%;
}


.fwrap .collink {
    width:35%;
}

.fwrap .collink .links {
    display:flex;
}

.fwrap .collink ul {
    margin:0;
    padding:0;
    list-style: none;
    width:100%;
}

.fwrap .collink ul li a {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
}

.fwrap .collink ul li a:hover {
	color:#1ad7e7;
}

footer .copy {
    text-align: center;
    font-size: 12px;
    padding: 10px 0;
    max-width: 960px;
    margin: 35px auto 0;
    border-top: 3px solid #1ad7e7;
}

.modal {
    top: 50px;
    position: absolute !important;
    left: 50%;
    transform: translate(-50%, 0);
    padding: 15px 40px 40px 40px !important;
    max-width: 440px !important;
    box-shadow: 0px 3px 10px rgba(0,0,0,0.7);
    border-radius: 12px;
}

.modal a.close-modal {
    background-image: url("img/close.svg") !important;
    top: 10px !important;
    right: 10px !important;
    border-radius: 50%;
    background-size: 22px !important;
}

.modal {
	color:#000;
}

.modal h4 {
    font-size: 22px;
    margin: 15px 0 25px;
    font-weight: 400;
    text-align: center;
	color:#000;
}

.modal h5 {
    color: #e12a2a;
    font-weight: 500;
    font-size: 14px;
    margin: 0 0 5px;
    line-height: 20px;
}

.modal h6 {
    color:#00d084;
    font-weight: 500;
    font-size: 14px;
    margin: 0 0 5px;
    line-height: 20px;
}

#details.modal, #step1.modal {
    max-width: 420px !important;
}

#details.modal form .big, #step1.modal form .big {
    display: block;
}

#details.modal form .group, #step1.modal form .group {
width: 100%;
display: block;
}

#details.modal form .group > div, #step1.modal form .group > div {
    margin-bottom:15px;
}


#details.modal form label {
    font-size: 14px;
}

#details.modal form input, #step1.modal form input {
    display: block;
    border: 1px solid rgba(0,0,0,0.2);
    padding: 14px 10px;
    border-radius: 6px;
    box-shadow: inset 0 0 5px 1px rgba(0,0,0,0.05);
    width: calc(100% - 22px);
}

#details.modal form input.button, #step1.modal form input.button {
    background: #1ad7e7;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    margin: 0 auto;
    font-family: 'Poppins', sans-serif;
    cursor: pointer;
    padding: 12px 0;
    width: 50%;
    margin-top: 10px;
    margin-bottom: -5px;
    border-radius: 10px;
}

#passm.modal {
    max-width: 380px !important;
}

#passm.modal form > div {
    margin-bottom: 15px;
}

#passm.modal form label {
    font-size: 14px;
}

#passm.modal form input {
    display: block;
    border: 1px solid rgba(0,0,0,0.2);
    padding: 14px 10px;
    border-radius: 6px;
    box-shadow: inset 0 0 5px 1px rgba(0,0,0,0.05);
    width: calc(100% - 22px);
}

#passm.modal form input.button {
    background: #1ad7e7;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    margin: 0 auto;
    font-family: 'Poppins', sans-serif;
    cursor: pointer;
    padding: 12px 0;
    width: 100%;
    margin-top: 25px;
    margin-bottom: -5px;
    border-radius: 10px;
}

#bill .dpdf, #invoice .dpdf {
    background: #fa185e;
    color: #fff;
    font-size: 14px;
    padding: 8px 4px;
    font-weight: 500;
    border-radius: 10px;
    margin: 0 auto;
    display: block;
    width: 110px;
    text-align: center;
}

#bill .upload, #invoice .upload {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    margin-top: 30px;
    margin-bottom: -35px;
}

#bill .download h3, #invoice .download h3 {
    font-size: 16px;
    margin: 20px 0 7px;
    font-weight: 400; 
}

#bill .download strong, #invoice .download strong {
    font-weight:600;
}

#bill .down, #invoice .down {
    background: rgba(0,0,0,0.01);
    padding: 15px;
    border-radius: 6px;
    border: 1px solid rgba(0,0,0,0.01);
}

#bill .upload h3, #invoice .upload h3 {
    font-size: 16px;
    margin: 20px 0 7px;
    font-weight: 400; 
}

#bill form.file, #invoice form.file {
    padding: 5px;
}

#bill form.file .filewrap .tx, #invoice form.file .filewrap .tx {
    left: 43px;
    top: 19px;
    font-size: 14px;
}

#bill form.file .filewrap .icon, #invoice form.file .filewrap .icon {
    width: 20px;
    height: 20px;
    left: 12px;
    top: 22px;
    background-size: 20px;
}

#invoice p {
    font-size: 12px;
    line-height: 18px;
    font-weight: 500;
    margin-top: -18px;
    margin-bottom: 25px;
}

.codedropz-upload-handler {
	border-radius: 10px;
	margin-bottom: 25px;
	position: relative;
	background: rgba(250, 125, 9, 0.05);
	border:0;
}

.codedropz-upload-container {
    padding: 15px 15px;
}

.codedropz-upload-inner {
overflow: hidden;
width: calc(100% - 2px);
white-space: nowrap;
text-align: center;
text-overflow: ellipsis;
font-weight: inherit;
border: 2px dashed #18b5c2;
border-radius: 6px;
}

.dnd-upload-counter {
    position: absolute;
    right: 5px;
    bottom: 3px;
    font-size: 12px;
    display: none;
}

.codedropz-upload-inner h3 {
    margin: 7px 0 !important;
    font-size: 14px !important;
    line-height: 26px;
}

.dnd-upload-status .dnd-upload-image {
    display:none;
}

.dnd-upload-status {
    padding: 0;
    margin-bottom: 25px;
}

.dnd-upload-status .dnd-upload-details .name em {
    display:none;
}

.dnd-upload-status .dnd-upload-details {
    padding-left: 0;
    width: 100%;
}

.dnd-upload-status .dnd-upload-details .name {
 /*   color: rgba(255,255,255,0.7);*/
    display: flex;
    font-size: 14px;
    padding: 0;
    margin-left: 10px;
}

.dnd-upload-status .dnd-upload-details .remove-file {
    top:5px;
}

.dnd-upload-status .dnd-upload-details .remove-file span::after {
    background-image: url("data:image/svg+xml,%3Csvg width='35' height='35' viewBox='0 0 35 35' fill='red' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.5 0C7.83499 0 0 7.83499 0 17.5C0 27.165 7.83499 35 17.5 35C27.165 35 35 27.165 35 17.5C34.9888 7.83965 27.1604 0.0112198 17.5 0ZM17.5 33.871C8.45857 33.871 1.12903 26.5414 1.12903 17.5C1.12903 8.45857 8.45857 1.12903 17.5 1.12903C26.5414 1.12903 33.871 8.45857 33.871 17.5C33.861 26.5373 26.5373 33.861 17.5 33.871Z' fill='red'/%3E%3Cpath d='M25.4834 9.51661C25.2629 9.29624 24.9056 9.29624 24.6852 9.51661L17.5 16.7018L10.3148 9.51661C10.0983 9.29236 9.74087 9.28615 9.51661 9.50271C9.29236 9.71927 9.28615 10.0767 9.50271 10.3009C9.50723 10.3057 9.51188 10.3103 9.51661 10.3148L16.7018 17.5L9.51661 24.6852C9.29236 24.9018 9.28615 25.2591 9.50278 25.4834C9.71941 25.7076 10.0768 25.7139 10.301 25.4972C10.3057 25.4927 10.3103 25.488 10.3148 25.4834L17.5 18.2982L24.6852 25.4834C24.9094 25.7 25.2668 25.6938 25.4834 25.4696C25.6947 25.2508 25.6947 24.9039 25.4834 24.6852L18.2982 17.5L25.4834 10.3148C25.7038 10.0944 25.7038 9.73705 25.4834 9.51661Z' fill='red'/%3E%3C/svg%3E%0A");
}

.dnd-upload-status .dnd-upload-details .dnd-progress-bar {
background: rgba(255,255,255,0.1);
height: 16px;
padding: 8px;
box-sizing: content-box;
}

.dnd-upload-status .dnd-upload-details .dnd-progress-bar span {
    background: #000000;
    font-size:10px;
    line-height: 16px;
    font-weight: 600;
    color: rgba(255,255,255,0.8);
    background: #18b5c2;
	border-radius:4px;
}

.upload .wpcf7 .ajax-loader {
  background-color: rgba(0,0,0,0.2);
    opacity: 1;
    top: -37px;
    right: -265px;
    margin:0;
}

.upload .wpcf7 .wpcf7-submit {
    display: block;
    margin: 0 auto;
    padding: 14px 0;
    width: 100%;
}

.codedropz-upload-inner h3, .codedropz-upload-inner span {
    display:none;
}

.codedropz-btn-wrap a {
width: 100%;
display: block;
height: 100%;
padding: 20px 0;
color: #1ad7e7;
font-weight: 600;
}

#bill.modal, #invoice.modal {
    width:380px;
}

.upload-billofsale, .upload-invoice {
    display:block;
}

.upload .wpcf7-not-valid-tip {
    position: absolute;
    bottom: -25px;
    display: inline-block;
    right: 0;
}

.upload .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .upload .wpcf7 form.sent .wpcf7-response-output {
    padding: 0;
    line-height: 22px;
    margin-top: -20px;
    margin-bottom: 25px;
}

form .state {
    display: block;
    font-size: 14px;
    padding: 11px 10px;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    margin: 0;
    border-radius: 6px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    background-image: url("img/down.svg");
    background-repeat: no-repeat, repeat;
    background-position: right 10px top 50%, 0 0;
    background-size: 10px;
    box-shadow: inset 0 0 5px 1px rgb(11 11 43 / 5%);
    border: 1px solid rgba(0,0,0,0.2);
    font-family: 'Poppins', sans-serif;
    line-height: 21px;
}

form .state::-ms-expand {
    display: none;
}

form .state:hover {
    border-color: #888;
}

form .state:focus {
    outline: none;
}

form .state option {
    font-weight:400;
}

#payment.modal {
    max-width: 660px !important;
    padding: 15px 40px 20px 40px !important;
}

#payment.modal .row {
    margin-bottom: 15px;
}

#payment.modal .row > div {
    display: inline-block;
    width: 200px;
}

#payment.modal .row span {
    font-weight: 500;
}

#login.modal {
    max-width: 380px !important;
}

#login.modal form > p {
    margin-bottom: 15px;
    margin-top:0;
}

#login.modal form label {
    font-size: 14px;
}

#login.modal form input {
    display: block;
    border: 1px solid rgba(0,0,0,0.2);
    padding: 14px 10px;
    border-radius: 6px;
    box-shadow: inset 0 0 5px 1px rgba(0,0,0,0.05);
    width: calc(100% - 22px);
}

#login.modal form .login-remember {
    display:none;
}

#login.modal form input.button {
    background: #1ad7e7;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    margin: 0 auto;
    font-family: 'Poppins', sans-serif;
    cursor: pointer;
    padding: 12px 0;
    width: 100%;
    margin-top: 25px;
    margin-bottom: -5px;
    border-radius: 10px;
}

#login.modal .or {
    font-size: 14px;
    border-top: 1px solid rgba(0,0,0,0.1);
    text-align: center;
    margin-bottom: 9px;
    padding-top: 8px;
    margin-top: 30px;
}

#login.modal .breg {
    background: #000000;
    color: #fff;
    width: 100%;
    display: inline-block;
    text-align: center;
    font-size: 14px;
    border-radius: 10px;
    font-weight: 500;
    padding: 10px 0;
}

.regacc {
background: #fff;
max-width: 400px;
margin: 0 auto;
padding: 40px;
clip-path: polygon(1% 0, 100% 0%, 99% 100%, 0% 100%);
}

.regacc h3 {
    font-size: 24px;
    font-weight: 400;
    margin: -10px 0 20px;
    text-align: center;
}

.regacc form .big .group {
    width: 48%;
}

.regacc form .big .group > div {
    margin-bottom: 15px;
}

.regacc form .big .group1 {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
}

.regacc form .big .group1.under {
    border-top: 1px solid rgba(0,0,0,0.1);
    padding-top: 9px;
    margin-top: 20px;
}

.regacc form .big .group1 > div {
    width:48%;
}

.regacc form .big .full {
    margin-bottom: 15px;
}


.regacc label {
    font-size:14px;
}

.regacc input {
    display: block;
    border: 1px solid rgba(0,0,0,0.2);
    padding: 14px 10px;
    border-radius: 6px;
    box-shadow: inset 0 0 5px 1px rgba(0,0,0,0.05);
    width: calc(100% - 22px);
}

.regacc button {
    background: #1ad7e7;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    margin: 0 auto;
    font-family: 'Poppins', sans-serif;
    cursor: pointer;
    padding: 12px 0;
    width: 100%;
    margin-top: 25px;
    margin-bottom: -5px;
    border-radius: 10px;
    border:0;
}

.regacc .alr {
    text-align: center;
    font-size: 14px;
    margin-top: 15px;
    margin-bottom: -10px;
}

.regacc h5 {
    color: #e12a2a;
    font-weight: 500;
    font-size: 14px;
    margin: 20px 0 -5px;
    line-height: 20px;
}

.regacc h6 {
    color:#00d084;
    font-weight: 500;
    font-size: 14px;
    margin: 20px 0 -5px;
    line-height: 20px;
}

.contdet {
background: #fff;
padding: 35px;
margin-top: 30px;
clip-path: polygon(5px 0, 100% 0%, calc(100% - 5px) 100%, 0% 100%);
}

.contdet h3 {
    font-size: 20px;
    font-weight: 500;
    margin-top: 40px;
    margin-bottom: 0;
    display: block;
}

#paydet {
    padding-top: 70px;
    margin-top: -70px;
}

#paydet p {
    display: flex;
    align-items: center;
    margin: 10px 0 0 10px;
}

#paydet p.sec {
    font-size: 14px;
    line-height: 24px;
    margin-top: -5px;
    display: block;
}

#paydet p.sec strong {
    font-weight: 600;
}

#paydet p.sec.last {
    margin-bottom: -10px;
    display:block;
    font-weight:400;
}

#paydet p span {
font-weight: 600;
font-size: 16px;
background: rgba(250, 125, 9, 0.2);
padding: 4px 14px;
margin-right: 16px;
border-radius: 6px;
width: 10px;
flex-grow: 0;
flex-shrink: 0;
text-align: center;
line-height: 27px;
color: #000;
}

#paydet table {
width: 100%;
border-spacing: 0;
border-collapse: collapse;
margin: 25px 0;
font-family: 'Space Mono', monospace;
font-size: 16px;
background: #f9f1ea;
border-radius:12px;
overflow: hidden;
}

#paydet td, #paydet th {
    padding: 10px 20px;
    width: 50%;
}

#paydet td:last-child {
	font-weight:600;
}

#paydet tr:nth-child(even) {
    background-color: rgba(0, 0, 0, 0.03);
}

form.file {
    background: rgba(22, 188, 212, 0.05);
    padding: 10px;
    height: 70px;
    border-radius: 6px;
}

form.file input[type="file"] {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    cursor: pointer;
}

form.file .filewrap {
    position: relative;
    border: 2px dashed rgba(22, 188, 212, 0.4);
    font-size: 16px;
    width: calc(100% - 4px);
    margin: 0 auto;
    height: calc(100% - 4px);
    font-family: 'Poppins', sans-serif;
    border-radius: 6px;
}

form.file .filewrap .icon {
    width: 31px;
    height: 30px;
    position: absolute;
    left: 20px;
    top: 17px;
    background: url("img/upload.svg");
    background-size: 30px;
    background-repeat: no-repeat;
}

form.file .filewrap .tx {
    position: absolute;
    left: 70px;
    top: 20px;
    margin: 0;
    font-size: 16px;
    color: rgba(0, 0, 0, 0.8);
}

form.file .filewrap .tx span {
    font-weight: 500;
    color: rgb(11, 11, 43);
}

form.file .filewrap button {
    background: #1ad7e7;
    color: #fff;
    font-size: 14px;
    padding: 10px 14px;
    font-weight: 500;
    border-radius: 10px;
    border: 0;
    font-family: 'Poppins', sans-serif;
    position: absolute;
    right: 12px;
    top: 12px;
    cursor:pointer;
}

.wop {
    display: block;
    margin-top: 20px;
    color: rgba(0, 0, 0, 0.8);
    margin-bottom: -20px;
}

.coll {
    margin-top:40px;
}

.wrpage .coll {
    margin-bottom: 20px;
}

.coll .collapsible {
cursor: pointer;
padding: 18px 20px;
width: 100%;
text-align: left;
outline: none;
font-size: 16px;
font-family: 'Poppins', sans-serif;
border-radius: 10px;
border: 0px solid #1ad7e7;
margin-top: 10px;
background: rgba(0,0,0,0.05);
font-weight: 600;
color: #000;
}
  
.coll .active, .collapsible:hover {
    background-color: rgba(0,0,0,0.1);
}
  
.coll .collapsible:after {
    content: '\002B';
    float: right;
    margin-left: 5px;
    font-family: 'Space Mono', monospace;
    font-size: 30px;
    line-height: 22px;
}

.coll .active:after {
    content: "\2212";
}

.coll .content {
    padding: 0 6px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.1s ease-out;
    font-size: 14px;
    line-height: 26px;
}

.coll .content b {
    font-weight:600;
}

.coll .shipinfo {
    font-size: 16px;
    margin-top: 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.coll .shipinfo .row {
    display: flex;
    margin-bottom: 10px;
    margin-left: 0px;
    margin-right: 0PX;
}

.coll .shipinfo .row div {
    width: 50%;
}

.coll .shipinfo .row div span {
    font-weight:600;
}

.progressbar-wrapper {
    width: 100%;
    display: inline-block;
    margin-top: 5px;
}

.progressbar li {
    list-style-type: none;
    width: 20%;
    float: left;
    font-size: 14px;
    position: relative;
    text-align: center;
}

.progressbar li:before {
    width: 28px;
    height: 28px;
    content: "";
    border: 4px solid rgba(0, 0, 0, 0.15);
    display: block;
    text-align: center;
    margin: 0 auto 3px auto;
    border-radius: 50%;
    position: relative;
    z-index: 2;
    background-color: #fff;
}
.progressbar li:after {
    width: 100%;
    height: 8px;
    content: '';
    position: absolute;
    top: 14px;
    left: -50%;
    z-index: 0;
    background: rgba(0, 0, 0, 0.15);
}
.progressbar li:first-child:after {
     content: none;
}

.progressbar li.active {
    color: #000000;
    font-weight: 600; 
}

.progressbar li.active:before {
    border-color:rgba(22, 188, 212, 1);
    background: green;
}

.progressbar li.active + li:after {
    background-color:rgba(22, 188, 212, 1);
}

.progressbar li.active.half + li:after {
    background-color: rgba(0, 0, 0, 0.15);
}


.progressbar li.active:before {
    background:rgba(22, 188, 212, 1);
}

.progressbar li::before {
    background: #fff;
}

.progressbar {
    width: 100%;
    display: inline-block;
    padding: 0;
    margin: 0;
}

.contdet .map {
    margin-bottom: 35px;
}

.contdet .map span {
 font-size: 12px;
color: rgba(255,255,255,0.5);
}

.contdet .map iframe {
    width: 100%;
    height: 500px;
    display: inherit;
}

.contdet .map small, .contdet .map br, contdet .map .App__touchtarget {
    display:none !important;
}

.prot {
    margin-bottom: 45px;
    display: inline-block;
}

.prot img {
    width: 55%;
    margin: 0 auto;
    display: block;
}

.wrpage {
background: #fff;
padding: 0 35px 20px 35px;
margin-top: 30px;
overflow: hidden;
clip-path: polygon(5px 0, 100% 0%, calc(100% - 5px) 100%, 0% 100%);
}

.wrpage .cover {
    position: relative;
    left: -35px;
    top: 0;
    width: calc(100% + 70px);
    height: 500px;
    margin-bottom:30px;
}

.wrpage .cover.vd {
    height: 100%;
}

.wrpage .cover video {
    width:100%;
	position: relative;
top: -15px;
}

.wrpage h2 {
    position: absolute;
    top: 50%;
    left: 50%;
    color: #fff;
    transform: translate(-50%, -50%);
    font-size: 40px;
    margin: 0;
    font-weight: 700;
    z-index: 1;
    width: 100%;
    text-align: center;
    text-shadow: 0px 2px 4px rgb(0 0 0 / 50%);
}

.wrpage img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.wrpage .bgov {
    background: rgba(0,0,0,0.0);
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}

.wrpage strong {
    font-weight:700;
}

.wp-block-table.is-style-stripes {
    width: 100%;
    margin: 20px 0 20px 0;
}

.wp-block-table.is-style-stripes td, .wp-block-table.is-style-stripes th {
    padding: 4px 15px;
}

.blocker {
    z-index: 999 !important;
}

.advant {
    margin-bottom:60px;
}

.advant .headva {
    margin-bottom: 20px;
}

.advant .headva h2 {
    font-size: 32px;
    font-weight: 700;
    margin: 0 0 0 0;  
color: #000;	
}

.advant .headva h4 {
font-size: 20px;
font-weight: 400;
margin: 15px 0 -5px 0;
line-height: 30px;
}

.advant .list.solds {
    display:flex;
}

.advant .list .adv {
	width: calc(100% - 40px);
	background: #fff;
	padding: 20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 20px;
	clip-path: polygon(10px 0, 100% 0%, calc(100% - 10px) 100%, 0% 100%)
}

.advant .list .adv .wrapad {
width: calc(100% - 100px);
text-align: left;
}

.advant .list .adv .icon {
    width: 80px;
    height: 80px;
}

.advant .list .adv .icon.verify {
    background-image: url("img/verify.svg");
    background-size: 80px;
}

.advant .list .adv .icon.handshake {
    background-image: url("img/handshake.svg");
    background-size: 80px;
}

.advant .list .adv .icon.dollar {
    background-image: url("img/dollar.svg");
    background-size: 80px;
}

.advant .list .adv .icon.call-center {
    background-image: url("img/call-center.svg");
    background-size: 80px;
}

.advant .list .adv h5 {
    font-size: 18px;
    font-weight: 500;
    margin: 0 0 10px;   
}

.advant .list .adv p {
    margin: 0;
    font-size: 14px;
    line-height: 28px;  
}

.advant .list .sold {
    width: 33%;
    background: #fff;
    margin: 0 5px;
    overflow: hidden;
    text-align: left;
	clip-path: polygon(10px 0, 100% 0%, calc(100% - 10px) 100%, 0% 100%);
}

.advant .list .sold .cover {
    position: relative;
    height: 220px;
}

.advant .list .sold .cover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.advant .list .sold .cover .soldtxt {
position: absolute;
top: 20px;
right: 20px;
background: #1ad7e7;
color: #fff;
text-align: center;
text-transform: uppercase;
font-size: 14px;
font-weight: 600;
padding: 3px 12px;
letter-spacing: 1px;
z-index: 1;
border-radius: 4px;
clip-path: polygon(3% 0, 100% 0%, 97% 100%, 0% 100%);
}

.advant .list .sold .cover .price {
    position: absolute;
    bottom: 20px;
    right: 25px;
    color: #fff;
    z-index: 1;
    font-weight: 700;
    font-size: 28px;
}

.advant .list .sold .cover .bg {
    position: absolute;
    bottom: 0;
    right: 0;
    /*background: linear-gradient(to top,rgba(0,0,0, 0.5) 0%,rgba(0,0,0, 0.3) 35%,rgba(0,0,0, 0) 60%,rgba(0,0,0,0) 100%);*/
    width: 100%;
    height: 100px;
}

.advant .list .sold h5 {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
    padding: 20px 20px 0 20px;
}

.advant .list .sold .info {
    padding: 10px 20px 20px 20px;
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 400;
    opacity: 0.7;
}

.advant .list .sold .info .mi {
    margin-right: 25px;
    background-image: url("img/mi.svg");
    background-size: 18px;
    background-repeat: no-repeat;
    padding-left: 24px;
    background-position: left 5px;
}

.advant .list .sold .info .station {
    margin-right: 25px;
    background-image: url("img/station.svg");
    background-size: 20px;
    background-repeat: no-repeat;
    padding-left: 24px;
    background-position: left 4px;
}

.advant .list .sold .info .calendar {
    margin-right: 25px;
    background-image: url("img/calendar.svg");
    background-size: 18px;
    background-repeat: no-repeat;
    padding-left: 24px;
    background-position: left 4px;
}

.questions {
    margin-bottom: -80px;
    padding: 40px 0;
    margin-top: 0;
}

.questions .quewrap {
    max-width: 1100px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center; 
}

.questions .quewrap h6 {
    margin: 0;
    font-size: 26px;
    font-weight: 700;    
}

.questions .quewrap a {
    background: #1ad7e7;
    border-radius: 10px;
    font-size: 14px;
    padding: 14px 30px;
	box-shadow: 0px 2px 7px rgb(0 0 0 / 7%);
	border: 1px solid rgba(0,0,0,0.2);
    text-transform: uppercase;
    font-weight: 500;
    color: #fff;
    line-height: 29px;
}

.testimonial {
width: 100%;
height: 400px;
position: relative;
overflow: hidden;
clip-path: polygon(0 15px, 100% 0, 100% calc(100% - 15px), 0% 100%);
}

.testimonial .bg {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.5);
}

.testimonial img {
width: calc(100% + 40px);
height: 1000px;
object-fit: cover;
filter: blur(7px);
position: relative;
top: -320px;
left: -20px;
}

.teswrap {
position: absolute;
top: 50px;
width: 1100px;
left: 50%;
transform: translate(-50%, 0);
display: flex;
align-items: center;
color: #fff;
justify-content: space-between;
}

.teswrapnow {
position: absolute;
bottom: 50px;
color: #fff;
width: 1100px;
margin: 0 auto;
left: 50%;
transform: translate(-50%, 0);
text-align: center;
font-weight: 600;
font-size: 20px;
line-height: 30px;
max-width: 700px;
}

.teswrapnow span {
display: inline;
background: #18b5c2;
letter-spacing: 1px;
}

.teswrap .tett {
    width: 30%;
    margin-right: 70px; 
}

.teswrap .tett h6 {
font-size: 24px;
margin: 0;
font-weight: 600;
background: #1ad7e7;
padding: 10px 20px;
display: inline-block;
clip-path: polygon(5px 0, 100% 0%, calc(100% - 5px) 100%, 0% 100%);
}

.teswrap .tett p {
margin-bottom: 0;
margin-top: 20px;
color: rgba(255,255,255,0.8);
font-size: 14px;
line-height: 26px;
}

.teswrap .list {
    display: flex; 
    width:70%;
    align-items: flex-end;
}

.teswrap .list .monial {
    margin: 0 15px;
    max-width: 50%;
    min-width: 50%;
}

.teswrap .list .monial .info {
display: flex;
justify-content: space-between;
width: 100%;
}

.teswrap .list .monial p {
    font-size: 14px;
    line-height: 26px;
    background: rgba(0,0,0,0.7);
    padding: 15px 25px;
    border-radius: 20px;
    position:relative;
	margin-bottom:5px;
}

.teswrap .list .monial p span {
    position: absolute;
    bottom: -5px;
    right: -5px;
    background: #18b5c2;
    font-weight: 600;
    padding: 5px;
    font-size: 14px;
    border-radius: 100%;
    width: 26px;
    height: 26px;
    text-align: center;
    vertical-align: middle;
    line-height: 26px;
}

.teswrap .list .monial .user {
    display: flex;
}

.teswrap .list .monial .user img {
    width: 60px;
    height: 60px;
    margin-right: 15px;
    filter: none;
    top: 0;
    left: 0;
    border-radius: 100%;
	display:none;
}

.teswrap .list .monial .user .info .name {
    font-weight: 700;
}

.teswrap .list .monial .user .info .loc {
    font-size:12px;
    color:rgba(255,255,255,0.6);
}

.sold, .monial {
    display:none;
}

.sold.selected, .monial.selected {
    display:block;
}

#tabs {
    display: inline-block;
    margin: 0;
    padding: 0;
}

#tabs li {
    float:left; 
    list-style:none; 
    outline:none;
}
 
 #tabs li a {
    outline: none;
    background: #000000;
    color: #fff;
    padding: 14px 20px;
    border-radius: 10px;
    margin-right: 12px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
 }
 
#tabs li a.inactive {
    background: #1ad7e7;
}
 
#tabs li a:hover, #tabs li a.inactive:hover {
    outline:none;
    background: #000000;
}
 
.container {
    clear:both;           
    width:100% !important; 
    margin-top: 20px;
}
 
.wpcf7 label {
    margin-bottom: 20px;
    display: block;
    margin-right: 40px; 
    position: relative;
}

.wpcf7 label span {
    display: block;
    font-size: 14px; 
}

.wpcf7 label input {
    display: block;
    border: 1px solid rgba(0,0,0,0.2);
    padding: 14px 10px;
    border-radius: 6px;
    box-shadow: inset 0 0 5px 1px rgb(11 11 43 / 5%);  
    width: 100%;
}

.wpcf7 label textarea {
    display: block;
    border: 1px solid rgba(0,0,0,0.2);
    padding: 14px 10px;
    border-radius: 6px;
    box-shadow: inset 0 0 5px 1px rgb(11 11 43 / 5%);
    width: 100%;
}

.wpcf7 .wpcf7-submit {
    background: #1ad7e7;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
    cursor: pointer;
    padding: 12px 20px;
    margin-top: 10px;
    border-radius: 10px;
    border: 0;
	box-shadow: 0px 2px 7px rgb(0 0 0 / 7%);
	border: 1px solid rgba(0,0,0,0.2);
}

.wrapfoh {
    display: flex;
    margin-top: 40px;
}

.wrapfoh .formct {
    width: 60%;
}

.wrapfoh .formct .controw {
    display: flex;
}

.wrapfoh .formct .opening {
    width: 50%;
}

.wrapfoh .opening {
    margin-left: 50px;
    width: 40%;
}

.wrapfoh .opening h3 {
    margin: 0;
    font-size: 24px;
    font-weight: 500;   
}

.wrapfoh .opening ul {
    list-style: none;
    padding: 0;
    margin-top: 20px;
    border-bottom: 1px solid rgba(11 11 43 / 10%);
    padding-bottom: 15px;
    margin-bottom: 20px;
}

.wrapfoh .opening ul li {
    margin-bottom: 5px;   
}

.wrapfoh .opening ul li strong {
    width: 130px;
    display: inline-block;
    font-weight: 500;
}

.wrapfoh .opening ul li .small {
    color: #fa185e;
}

.wrapfoh .opening .ope {
background-repeat: no-repeat;
padding-left: 42px;
background-size: 26px;
margin-bottom: 20px;
background-position: left center;
}

.wrapfoh .opening .ope.office {
    background-image: url("img/place.svg");
}

.wrapfoh .opening .ope.phone {
    background-image: url("img/phone.svg");
}

.wrapfoh .opening .ope.email {
    background-image: url("img/email.svg");
}

.wrapfoh .opening .ope div strong {
    font-size: 14px;
    margin-bottom: -5px;
    display: block;
}

.wpcf7-not-valid-tip {
    position: absolute;
    bottom: -22px;
    right: -22px;
    font-size: 12px !important;
    color: #fa185e;
}

.wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output {
    border: 0;
    font-size: 14px;
    margin: 15px 0 0 0;
    color: #fa185e;
    padding: 0;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
    border: 0;
    font-size: 14px;
    margin: 15px 0 0 0;
    color: #fe9923;
    padding: 0;
	font-weight:600;
}

.wpcf7 form.sent .wpcf7-response-output {
	border: 0;
    font-size: 14px;
    margin: 15px 0 0 0;
    color: #56dd62;
    padding: 0;
    font-weight: 600;
}

.p404 {
    text-align: center;
    max-width: 600px;
    margin: 250px auto 150px auto;
}

.p404 h1 {
    font-size: 60px;
    font-weight: 600;  
}

.p404 h2 {
    font-size: 20px;
    font-weight: 400;
}

.p404 h3 {
    font-size: 16px;
    font-weight: 400;
}

body.page-template-email1signedbill header, body.page-template-email1signedbill footer, body.page-template-email2invoice header, body.page-template-email2invoice footer, body.page-template-email3paymentconfirmed header, body.page-template-email3paymentconfirmed footer, body.page-template-email4shippingstarted header, body.page-template-email4shippingstarted footer,
body.page-template-email5text header, body.page-template-email5text footer   {
    display:none;
}

.hide, .disabled {
    display:none;
}

.tabletd {
    display:none;
}

.menupon {
    display:none;
}

.bar-holder {
    display:none;
}

.ControlGroup ControlGroup__bottom-left {
    display:none !important;
}

#map_canvas {
  height: 100%;
}


.searchnow {
	display: block;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 30px;
}

.searchnow a.btn {
	background: #1ad7e7;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
    cursor: pointer;
    padding: 12px 0;
    border-radius: 10px;
    border: 0;
    max-width: 200px;
	width: 200px;
	text-align:center;
	box-shadow: 0px 2px 7px rgb(0 0 0 / 7%);
	border: 1px solid rgba(0,0,0,0.2);
	display: block;
padding: 8px;
margin-top: 20px;
}

.searchtext b {
	font-weight:600;
}

.searchimage {
display: flex;
width: calc(100% - 20px);
height: 250px;
background: rgba(0,0,0,0.1);
padding: 10px 10px 10px 10px;
border-radius: 10px;
box-sizing: content-box;
}

.searchimage img {
	height: 100%;
	object-fit: cover;
	border-radius:4px;
}

.boxconf {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 30px;
  cursor: pointer;
  font-size: 16px;
  line-height:22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-align: left;
}

/* Hide the browser's default radio button */
.boxconf input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: -2px;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 50%;
}

.checkmark.fix {
  top: 6px;
}

/* On mouse-over, add a grey background color */
.boxconf:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */


/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.boxconf input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.boxconf .checkmark:after {
	top: 7px;
	left: 7px;
	width: 11px;
	height: 11px;
	border-radius: 50%;
	background: #000;
}

#confirm.modal {
	text-align:center;
}

#confirm.modal form{
	margin-top:35px;
}
	
#confirm #updateuserconfirm {
	background: #1ad7e7;
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	margin: 0 auto;
	margin-top: 0px;
	margin-bottom: 0px;
	font-family: 'Poppins', sans-serif;
	cursor: pointer;
	padding: 12px 0;
	width: 50%;
	margin-top: 10px;
	margin-bottom: -5px;
	border-radius: 10px;
	border:0;
}

#zipnow {
	display: block;
	border: 1px solid rgba(0,0,0,0.2);
	padding: 14px 10px;
	border-radius: 6px;
	box-shadow: inset 0 0 5px 1px rgba(0,0,0,0.05);
	width: 50%;
	margin: -20px auto 30px
}



.tsteps {
    margin-top: 45px;
}

table.steps {
background: #fff;
width: 100%;
border-spacing: 0;
padding-bottom: 20px;
clip-path: polygon(5px 0, 100% 0%, calc(100% - 5px) 100%, 0% 100%);
}

table.steps thead {
    background: #000;
	color:#fff;
}

table.steps th {
    font-weight: 500;
    padding: 12px 0;
   border-bottom: 2px dashed #1ad7e7;
    font-size: 14px;
    text-align: center;
}

table.steps td {
    text-align: center;
    font-size: 16px;
    padding: 20px 10px 0px 10px;
	width:300px;
}

.sellerbill {
	display: flex;
	align-items: center;
	margin-top: 40px;
}

.sellerinvoice {
	display: flex;
	align-items: center;
	margin-top: 20px;
}

.sellerinvoice .fix3 {
	position:relative;
	top:-15px;
}

.sellerbill .textstep, .sellerinvoice p {
	width: 60%;
	margin-right: 40px;	
}

.sellerbill h3 {
	font-size: 20px;
	font-weight: 500;
	display: block;
	margin: 0;	
}

.sellerbill .upload, .sellerinvoice .upload {
	width: 40%;
}

.sellerbill .codedropz-upload-inner h3, .sellerinvoice .codedropz-upload-inner h3 {
	display:none;
}

.sellerbill-ok {
	margin-top: 50px;
}

.statussuccess {
	background-image: url("img/success.svg");
	height: 26px;
	background-repeat: no-repeat;
	background-position: center;
	width: 100%;
	background-size: 26px;
}

.statusinvalid {
	background-image: url("img/invalid.svg");
	height: 26px;
	background-repeat: no-repeat;
	background-position: center;
	width: 100%;
	background-size: 26px;
	opacity:0.3;
}

.statusload {
	background-image: url("img/stepload.svg");
	height: 36px;
	background-repeat: no-repeat;
	background-position: center;
	width: 100%;
	background-size: 36px;
}


a.stepbtn {
	background: #1ad7e7;
	color: #fff;
	font-size: 14px;
	font-weight: 400;
	margin-bottom: 0px;
	font-family: 'Poppins', sans-serif;
	cursor: pointer;
	padding: 10px 16px;
	border-radius: 10px;
	box-shadow: 0px 2px 7px rgb(0 0 0 / 7%);
	border: 1px solid rgba(0,0,0,0.2);
}

.rboifshipping, .rboifcompany {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 25px;
  cursor: pointer;
  font-size: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-top: 10px;
}

/* Hide the browser's default checkbox */
.rboifshipping input, .rboifcompany input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.rboifshipping .checkmark, .rboifcompany .checkmark {
  position: absolute;
  top: 2px;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 4px;
}

/* On mouse-over, add a grey background color */
.rboifshipping:hover input ~ .checkmark, .rboifcompany:hover input ~ .checkmark {
  background-color: #ccc;
}

/* Create the checkmark/indicator (hidden when not checked) */
.rboifshipping:after, .rboifcompany:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.rboifshipping input:checked ~ .checkmark:after, .rboifcompany input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.rboifshipping .checkmark:after, .rboifcompany .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid #000;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.wpcf7-response-output {
	display:none;
}

.rboifinputcompany {
	display: flex;
margin-top: -10px;
margin-bottom: 30px;
width: calc(50% - 12px);
}

#spnError {
color: rgb(225, 42, 42);
display: block;
text-align: left;
margin-bottom: 10px;
}

.error {
	color: rgb(225, 42, 42);
    font-size: 14px;
}

#confirmship-error {
text-align: left;
float: left;
width: 100%;
margin-bottom: 10px;
margin-top: -5px;
}

#zipnow-error {
	display:none !important;
}

#zipnow.error {
	color: #000000;
}


form.create label.error, form#requestbillofsale label.error {
	display:none !important;	
}

form.create input.error, form#requestbillofsale input.error {
	background: rgba(225, 42, 42, 0.3);
	border: 1px solid rgb(225, 42, 42);
}

#rboifshipping-error {
	display: block !important;
	line-height: 18px;
	margin-top: 10px;
}

form.create .rboifshipping {
	margin-bottom:0 !important;
}

h2.searchnow {
margin: 180px 0 70px 0;
font-size: 26px;
font-weight: 400;
line-height: 34px;
}

.moreless-button {
cursor: pointer;
color: #1ad7e7;
font-weight: 600;
display: inline-block;
font-size: 14px;
}

.moretextpar, .moretextparhead {
font-size: 14px;
line-height: 28px;
}

.moreless-buttonhome {
cursor: pointer;
color: #fff;
font-weight: 600;
display: inline-block;
font-size: 12px;
border-radius: 4px;
border: 1px solid rgba(255,255,255,0.2);
padding: 0 10px;
background: rgba(255,255,255,0.2);
position: relative;
top: -3px;
margin-left: 10px;
}

.page-id-18 em {
background: rgba(255,255,255,0.1);
    font-family: 'Gloria Hallelujah', cursive;
    line-height: 36px;
}

.page-template-contact .wpcf7-response-output {
	display:block;
}

.ttrans .inline input {
    position: absolute;
    left: 0;
    top: 0;
    width: calc(100% - 60px);
    height: 100%;
    border: 0;
    padding: 0 30px;
    font-size: 16px;
    box-shadow: 0px 3px 7px rgba(0,0,0,0.05);
    border-radius: 20px;
    font-weight: 400;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
}

.ttrans .inline #submit {
    background-color: #1ad7e7;
    border: 0;
    width: 56px;
    height: 56px;
    position: absolute;
    top: 7px;
    right: 7px;
    left: auto;
    border-radius: 16px;
    cursor: pointer;
    background-image: url("img/search.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 32px;
    box-shadow: 0px 2px 7px rgb(0 0 0 / 7%);
    border: 1px solid rgba(0,0,0,0.2);
}

.ttrans .inline {
background: #fff;
max-width: 500px;
margin: 0 auto;
position: relative;
height: 70px;
border-radius: 20px;
box-shadow: 0px 3px 7px rgba(0,0,0,0.05);
z-index:1;
}

.inlinebg {
padding: 40px;
position: relative;
overflow: hidden;
clip-path: polygon(5px 0, 100% 0%, calc(100% - 5px) 100%, 0% 100%);
}

.inbghse {
position: absolute;
bottom: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.7);
left: 0;
}

.inlinebg::before {
content: "";
position: absolute;
left: -10px;
top: -300px;
z-index: -1;
display: block;
background-image: url("img/bg3.jpg");
width: 110%;
height: 600px;
background-size: cover;
filter: blur(5px);
}

.moretextparhome {
	display:none;
}

.advant .headva ul {
	width: calc(100% - 40px);
	background: #fff;
	padding: 0 20px;
	margin-bottom: 20px;
	clip-path: polygon(10px 0, 100% 0%, calc(100% - 10px) 100%, 0% 100%);
}

.advant .headva ul li {
display: flex;
align-items: center;
border-bottom: 1px solid rgba(0,0,0,0.1);
padding: 20px 0;
font-size: 14px;
border-bottom: 2px dashed #1ad7e7;
}

.advant .headva ul li:last-child {
	border-bottom:0;
}

.advant .headva ul li span {
font-size: 16px;
font-weight: 600;
border-radius: 4px;
flex: 0 0 120px;
text-align: center;
color: #1ad7e7;
}

.advant .galleryin {
	width: calc(100% - 40px);
background: #fff;
padding: 20px 20px;
margin-bottom: 20px;
clip-path: polygon(10px 0, 100% 0%, calc(100% - 10px) 100%, 0% 100%);
object-fit: cover;
display:flex;
flex-wrap:wrap;
}

.advant .galleryin img {
width: 100%;
height: 200px;
padding: 5px 5px;
flex: 0 0 calc(33.3% - 10px);
object-fit: cover;
}


#lostpasswordform fieldset {
	border: 0;
font-family: 'Poppins', sans-serif;
margin-top: -15px;
margin-bottom: -30px;
}

#lostpasswordform fieldset legend {
	font-size: 24px;
font-weight: 400;
margin: -10px auto 0px;
text-align: center;
}

.som-password-error-message {
	background-color: #fa185e !important;
border-color: #fa185e !important;
padding: 0;
text-align: center;
margin-top: -20px;
}

.resetmodal {
	width:100%;
	text-align:center;
}

.codedropz-upload-wrapper span.has-error-msg {
	display: inline-block;
color: #fa185e;
padding: 5px 0;
font-style: italic;
font-size: 12px;
position: relative;
top: -15px;
}

.ec .ec__holder {
	height: 210px;
}

.ec .ec__nav {
border-top: 5px solid #fff !important;
border-right: 5px solid #fff !important;
width: 20px !important;
height: 20px !important;
bottom: 115px !important;
}

.ec .ec__nav--prev {
	left: 40px !important;
}

.ec .ec__nav--next {
	right: 40px !important;
}

.rboifinput {
	margin-bottom: 30px;
margin-top: -10px;
}

.rboifinputcompany {
	width:100%;
	    z-index: 2;
    position: relative;
}

.rboifcompany {
	margin-bottom: 15px;
margin-top: 20px;
}

.wp-block-gallery.is-cropped .blocks-gallery-item img {
	height:220px;
}

.wp-block-gallery {
	margin-top: 25px;
}

.colwork li:last-child, .opening  li:last-child {
    font-size:12px;
}

.page-id-59 .wrpage .cover, .page-id-54 .wrpage .cover, .page-id-497 .wrpage .cover, .page-id-504 .wrpage .cover, .page-id-515 .wrpage .cover {
    display:none;
}

.has-large-font-size {
    line-height: 1.2;
}

.som-password-sent-message {
        font-size: 14px !important;
    width: calc(100% - 30px) !important;
    display: block !important;
    padding: 0 15px !important;
    text-align: center !important;
    margin-top: -10px !important;
}

#resetpasswordform fieldset, #password-lost-form-wrap fieldset {
    border:0;
}

#resetpasswordform legend, #password-lost-form-wrap legend {
    display:none;
}

.page-id-515 .wp-block-image {
    margin: 0 0 1em;
    padding: 10px;
    background: rgba(255,255,255,0.1);
    border-radius: 8px;
}

.page-id-515 .wp-block-image img {
    width: calc(100% - 60px);
    height: 100%;
    object-fit: cover;
    background: #fff;
    padding: 30px;
    border-radius: 4px !important;
    overflow: hidden;
}

.page-id-515 .wp-block-image figcaption {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    font-size: 18px;
    text-align: center;
    font-weight: 600;
}

.galleryin.carousel-multiple-items.fix {
width: calc(100% - 10px);
object-fit: cover;
display: flex;
flex-wrap: wrap;
}

.galleryin.carousel-multiple-items.fix img {
  width: 100%;
 height: 245px !important;
  padding: 5px 5px;
  flex: 0 0 calc(33.3% - 10px);
  object-fit: cover;
}

.galleryin.carousel-multiple-items.fix .ec__holder {
	height: 245px !important;
}

.contdet.search h5 {
font-size: 24px;
margin-bottom: 10px;
font-weight: 600;
}

.searchimage.video {
	height:100%;
	padding: 15px 15px 15px 15px;
	width:calc(100% - 30px);
}

.searchimage.video video {
	width:100%;
}

.owl-carousel .owl-stage {
 display:flex;   
 height: 250px;
}

.has-white-color {
	color:#000 !important; 
}


.trustpilot-widget {
  background: transparent;
  color: #333;
/*  padding: 30px 0 25px 0; */
  overflow: hidden;
}
.trustpilot-widget .wrapper-left a {
  color: #333;
  font-weight: 600;
  text-decoration: underline;
}
.trustpilot-widget .wrapper-left {
  text-align: center;
}
.trustpilot-widget .wrapper-left .title {
  color: #333;
  font-size: 24px;
  padding: 0;
  margin: 0;
  margin-bottom: 10px;
}
.trustpilot-widget .wrapper-left .rating img {
  max-width: 160px;
  margin: auto;
}
.trustpilot-widget .wrapper-left .info {
  color: #333;
  font-size: 13px;
  line-height: 45px;
}
.trustpilot-widget .wrapper-left .brand-logo img {
  max-width: 40px;
  margin: auto;
  margin-top: -10px;
  display: inline-block;
}
.trustpilot-widget .wrapper-left .brand-logo p {
  font-size: 18px;
  line-height: 35px;
  color: #333;
  text-align: center;
  display: inline-block;
}
.trustpilot-widget .reviews {
  margin-left: 2%
}
/* The controlsy */
.trustpilot-widget .carousel-control {
    height: 25px;
    width: 25px;
    border: 1px solid #9E9E9E;
    border-radius: 50%;
    margin-top: 60px;
    font-size: 25px;
    background: transparent;
    line-height: 18px;
}
.trustpilot-widget .carousel-control.right {
  margin-right: -50px;
  color: #333;
  text-shadow: none;
}
.trustpilot-widget .carousel-control.left {
  left: -70px;
  color: #333;
  text-shadow: none;
}
.trustpilot-widget .carousel-control.right:hover, .trustpilot-widget .carousel-control.left:hover {
    color: #333;
}
.trustpilot-widget .carousel-inner .rating img {
  max-width: 110px
}
.trustpilot-widget .carousel-inner {
    overflow: hidden
}
.trustpilot-widget .carousel-inner .date, .trustpilot-widget .carousel-inner .name {
  color: rgba(0,0,0,0.6);
  font-size: 13px;
}
.trustpilot-widget .carousel-inner .title {
  margin: 10px 0 5px 0;
  font-weight: 700;
  text-overflow: ellipsis;
  overflow: hidden; 
  width: 100%; 
  white-space: nowrap; 
}
.trustpilot-widget .carousel-inner .descriptions {
    min-height: 42px;
}
.trustpilot-widget .carousel-inner .name {
  margin-top: 10px
}

.trustpilot-widget a{
    color: #333;
}

.trustpilot-widget p {
    font-size:14px !important;
    line-height:20px !important;
    font-weight:400 !important;
}


.styles_reviewLabel__IPaZd .styles_reviewLabelButton__SNIsL {
    border: none;
    background: none;
}

.styles_iconWrapper___YvOv, .styles_reviewLabel__IPaZd .styles_detailsIcon__yqwWi {
    display: flex;
    align-items: center;
}

.styles_reviewLabel__IPaZd .styles_detailsIcon__yqwWi>svg {
    margin-right: 6px;
}

.ml-5{
    margin-left:5px;
}




@media only screen and (max-width: 768px){
    
menu{
    
    display:none !important;
}

.carousel{
    margin-top: 15px;
}

.trustpilot-widget .carousel-inner .name {
  margin-top: 10px;
  margin-bottom: 10px;
}

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

.ptm-10{
    padding-top:25px;
}

.advant .headva.fix {
  margin: 70px auto 20px auto !important;
}

.mcl a {
    display: inline-block;
    margin-top: 5px;
}

.tabletd {
    display:none !important;
}

.tradetails{
    border-radius: 6px !important;
    padding: 10px 15px !importantn;
    display: block !important;
    font-size: 14px;
    margin-bottom: -15px;
    background: #f9f1ea !important;
}

.tradetails tr{
   margin-bottom: 10px;
    border-bottom: 1px solid rgba(0,0,0,0.05);
    padding-bottom: 10px;
    font-weight: 500; 
    
}

.tradetails tr:last-child{
   margin-bottom: 10px;
    border-bottom: none;
   
    
}


.tradetails td{
    padding: 7px 20px !important;
    width: 100% !important;
    display: grid;
    word-break: break-all;
}

.codedropz-upload-wrapper{
    height: 7%;
    margin-bottom: 20px;
}

}

}