/* Base Css Start  */
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@200;300;400;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');
:root {
	--theme-primary-color: #23cf5f;
	--theme-secondary-color: #2c3038;
	--bg-color-one:  #d4edd8;
}
html {
	font-size: 62.5%;
}
 body {
	font-family: 'Nunito', sans-serif;
	font-weight: normal;
	font-style: normal;
	color: var(--theme-secondary-color);
}
.fix {
    overflow: hidden;
}

p {
	font-size: 1.7rem;
	font-weight: 400;
	line-height: 2.6rem;
	margin-bottom: 0;
	color: #555a64;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 700;
	margin-top: 0;
}
h2 {
	font-size: 3.6rem;
}
h3 {
	font-size: 2.8rem;
}
h4 {
	font-size: 2.2rem;
}
h5 {
	font-size: 1.8rem;
}
h6 {
	font-size: 1.6rem;
}

a {
	font-size: 1.6rem;
}
.img {
	max-width: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}

a:focus,
input:focus,
textarea:focus,
button:focus {
	text-decoration: none;
	outline: none;
}

a:focus,
a:hover{
	text-decoration: none;
}

span, a {
    display: inline-block;
}
ul,ol {
	margin: 0px;
	padding: 0px;
    list-style-type: none;
}
div[data-relative="yes"] {
	position: relative;
}

/* Base Css End */

/* header-top-bar css start  */

.header-top-bar {
	background-color: var(--theme-primary-color);
	padding: 1rem 0;
  }
  .header-top-bar-content p {
	color: #fff;
	font-size: 1.7rem;
	font-weight: 500;
  }
  .mail-icon .dual-icon i {
	font-size: 14px;
  }
  .header-top-bar-content p span {
	display: inline-block;
  }
  .header-top-bar-content p span.dual-icon {
	margin-left: 5px;
	margin-right: 2px;
  }
  .header-top-bar-content p span.mail-icon > i {
	vertical-align: middle;
  }

/* header-top-bar css end */

/* header-area css start  */
.header-area {
	position: sticky;
	top: 0;
	left: 0;
	right: 0;
	z-index: 55;
	background: #fff;
	border-bottom: 1px solid #D4EDD8;
}
.header-area .container {
	max-width: 100%;
	padding-right: 30px;
	padding-left: 26px;
}
.logo {
	display: block;
  }
  .logo img {
	max-width: 235px;
}
.main-menu li a {
	color: rgba(0, 0, 0, 0.5);
	font-size: 1.8rem;
	font-weight: 700;
	display: inline-block;
	transition: .3s;
	padding: 2.65rem 1.5rem;
  }
  .main-menu li a:hover,
  .main-menu li a:hover i {
	color:rgba(0, 0, 0, 0.7);
  }
  .main-menu li {
	margin-right: .5rem;
	position: relative;
}
  .main-menu li a i {
	vertical-align: top;
	font-size: 2rem;
	margin-left: .2rem;
}
/* submenu css start  */
.main-menu li ul.submenu {
	position: absolute;
	top: calc(100%);
	background: #fff;
	min-width: 17rem;
	max-width: 30rem;
	box-shadow: 0 0.8rem 1.6rem rgba(0, 0, 0, 0.09);
	border-radius: 0.5125rem;
	transition: .3s;
	z-index: 1;
	border: 1px solid #EAEDF2;
	padding: .5rem 0;
	opacity: 0;
	visibility: hidden;
}
.main-menu li:hover ul.submenu {
	top: calc(100% - 1rem);
	opacity: 1;
	visibility: visible;
}
  .main-menu li ul.submenu li a {
	display: block;
	padding: .5rem 1.5rem;
	font-size: 1.6rem;
  }
  .main-menu li ul.submenu::after {
	  z-index: 1;
  }
  .main-menu li ul.submenu::after, .main-menu li ul.submenu::before {
	content: "";
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	border-color: transparent transparent #fff transparent;
	border-style: solid;
	border-width: 10px;
	top: -17px;
	left: 20px;
}
.main-menu li ul.submenu::before {
	border-color: transparent transparent #EAEDF2 transparent;
	z-index: -1;
	border-width: 10px;
	top: -19px;
}
/* submenu css end */


  
.round-btn {
	background-color: var(--theme-primary-color);
	color: #fff;
	padding: 1rem 2.3rem;
	border-radius: 3rem;
	font-weight: 700;
	font-size: 1.7rem;
	border: .2rem solid var(--theme-primary-color);
	transition: .3s;
	display: inline-block;
  }
  .round-btn:hover {
	background-color: #fff;
	color: var(--theme-primary-color);
  }
  .round-btn.connection-btn {
	background: transparent;
	color: var(--theme-primary-color);
} 
.round-btn.connection-btn:hover {
	color: #fff;
	background: var(--theme-primary-color);
}
.header-ls-right-btns a:not(:first-child) {
	margin-left: .5rem;
}
/* header-area css end */


/* hero-area css start  */
.hero-area {
	background-color: var(--bg-color-one);
	min-height: 60rem;
}
  .hero-content-wrap h1 {
	font-size: 7.5rem;
	line-height: 1.1;
	margin-bottom: 2rem;
  }
  .mark-line {
	display: inline-block;
	position: relative;
	z-index: 1;
  }
  .mark-line::after {
	width: 100%;
	height: 2.2rem;
	background: linear-gradient(120deg, rgba(255, 193, 7, 0.4) 0%, rgba(255, 193, 7, 0.4) 100%);
	content: "";
	position: absolute;
	bottom: .9rem;
	left: 0;
	z-index: -1;
	transition: .3s;
  }
  .hero-content-wrap p {
	font-size: 2rem;
	line-height: 2.8rem;
  }
  .hero-transparent-img img {
	max-width: 400px;
	width: 100%;
}
  .hero-transparent-img {
	width: 100%;
	padding-top: 1rem;
	text-align: right;
  }
/* hero-area css end */

/* service-area css start  */
.service-grid-wrapper {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-column-gap: 8rem;
	grid-row-gap: 7rem;
}
  .single-service {
	text-align: center;
  }
  .service-icon img {
	max-width: 8rem;
	width: 100%;
}
  .service-icon {
	min-height: 4.8rem;
	margin-bottom: 2.2rem;
}
.service-content h4 {
	margin-bottom: 1.2rem;
}
.service-content p {
	font-size: 1.6rem;
	font-weight: 600;
	line-height: 1.5;
}
/* service-area css end */

/* customer-area css start  */

.customer-area {
	background-color: var(--theme-primary-color);
  }
  .customer-flex-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	max-width: 80rem;
	margin-left: auto;
	margin-right: auto;
  }
  .customer-thumb {
	flex: 0 0 5rem;
	max-width: 5rem;
	margin-right: 1.2rem;
  }
  .single-customer {
	display: flex;
	align-items: center;
	background-color: #fff;
	border-radius: .7rem;
	margin: .8rem;
	padding: 1rem 1.5rem;
  }
  .customer-thumb img {
	width: 100%;
  }
  .customer-thumb img {
	border-radius: 100%;
	height: 5rem;
	background: transparent
  }
  .single-customer p {
	font-size: 1.6rem;
	font-weight: 600;
	line-height: 2.4rem;
}

  .section-title h2 {
	font-size: 4.8rem;
	margin-bottom: 1.2rem;
  }
  .customer-area .section-title h2 {
	color: #fff;
  }
  .section-title {
	text-align: center;
	margin-bottom: 6rem;
  }
  .customer-area .section-title p {
	color: #fff;
  }
.cmn-link {
	display: inline-block;
	color: #fff;
	text-transform: uppercase;
	font-size: 24px;
	font-weight: 800;
	text-decoration: underline;
	transition: .3s;
  }
  .cmn-link:hover {
	color: #fff;
  }
/* customer-area css end */

/* brand-area css start  */
.brand-area {
	background-color: #f5f8ff;
	padding: 3rem 0;
  }
  .brand-item-img {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 4rem;
  }
  .brand-item-img img {
	max-width: 100%;
	height: 3.5rem;
	filter: grayscale(100%) opacity(60%);
	transition: .3s;
	cursor: pointer;
}
.brand-item-img img:hover {
	filter: grayscale(0) opacity(100%);
}
  .brand-wrapper {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
  .brand-wrapper .brand-item {
	margin: .5rem 1.6rem;
  }
/* brand-area css end */

/* feature-area css start  */
.feature-twin-grid-wrapper {
	display: grid;
	grid-template-columns: 1fr .8fr;
	grid-gap: 3rem;
	background: #fff;
	border-radius: 1rem;
	padding: 2rem;
	margin-bottom: 3rem;
}
.feature-wrapper .set-2 {
	display: none;
}
  .feature-area {
	background-color: #f7f9fc;
  }
  .tertiary-title {
	font-size: 3rem;
	margin-bottom: 1.5rem;
  }
  .feature-wrapper p {
	font-size: 1.8rem;
	margin-bottom: .5rem;
}
.feature-list li {
	font-size: 1.8rem;
	color: var(--theme-secondary-color);
	font-weight: 700;
	position: relative;
	padding-left: 3.5rem;
	margin-bottom: 1.4rem;
	line-height: 1.5;
}
.feature-list li::before {
	content: "";
	left: 0;
	top: 4px;
	color: var(--theme-primary-color);
	font-size: 2rem;
	background-image: url(../img/ok.svg);
	width: 22px;
	height: 22px;
	position: absolute;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
  .feature-list {
	margin-top: 3rem;
	margin-left: 1rem;
  }
  .feature-img img {
	width: 100%;
	max-width: 100%;
  }
  .feature-list li:last-child {
	margin-bottom: 0;
  }
  .button-group-wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	margin-bottom: 5rem;
  }
  .button-group-wrapper button {
	border: 0;
	padding: 1rem 2rem;
	font-size: 1.8rem;
	color: var(--theme-primary-color);
	font-weight: 700;
	border-radius: .5rem;
	background: transparent;
	transition: .3s;
  }
  .button-group-wrapper button.active {
	background: var(--theme-primary-color);
	color: #fff;
  }
  
.state-text {
	background-color: #eaedf2;
	border-radius: 5rem;
	display: grid;
	grid-template-columns: 14rem auto;
	grid-gap: 1.5rem;
	align-items: center;
	padding: 2rem 3rem;
	max-width: 48rem;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 8rem;
  }
  .round-btn.state-btn {
	text-align: center;
	padding: 0 1rem;
	height: 4rem;
	line-height: 4rem;
  }
  .state-text p {
	color: var(--theme-secondary-color);
	font-weight: 700;
  }
  .combine-wrapper {
	text-align: center;
  }
  .tertiary-title.theme-color {
	color: var(--theme-primary-color);
  }
  .combine-wrapper h3.tertiary-title {
	text-transform: uppercase;
	font-size: 4rem;
	font-family: Arial;
	margin-bottom: 7.5rem;
  }
  .combine-twin-photo {
	display: flex;
	justify-content: space-between;
	max-width: 70rem;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5rem;
  }
  .combine-twin-photo img {
	width: 100%;
	max-width: 20rem;
  }
  .combine-twin-photo img:nth-child(2) {
	max-width: 27rem;
}
  .combine-btm-para {
	text-align: center;
  }
  .partenaire {
	width: 350px;
	margin: 0 auto;
}
.valeur::before {
	margin-left: calc(-125px/2);
	width: 125px;
	height: 125px;
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	z-index: 1;
	border-radius: 50%;
	opacity: 0.21;
	background-image: linear-gradient(to top, #ffffff, #02b440);
}
.valeur .user-type {
	text-transform: uppercase;
	font-size: 21px;
	padding-top: 30px;
	margin: 0;
	margin-bottom: -32px;
	color: #23cf5f;
	font-weight: 900;
}
.valeur {
	color: #23cf5f;
	font-size: 100px;
	font-weight: 700;
	position: relative;
	font-family: 'Montserrat', sans-serif;
}
/* feature-area css end */

/* work-area css start  */
.work-area {
	position: relative;
	background-color: var(--theme-primary-color);
	min-height: 60rem;
	display: flex;
	align-items: center;
}
.work-transparent-img {
	position: absolute;
	top: 0;
	left: 0;
	width: 50%;
	height: 100%;
	object-fit: cover;
	object-position: right center;
}

  .work-area .cmn-section-content-wrap {
	padding-left: 7rem;
  }
  .cmn-section-content-wrap .tertiary-title {
	font-size: 4rem;
	margin-bottom: 3rem;
  }
  .tertiary-title.white-color {
	color: #fff;
  }
  .cmn-section-content-wrap p {
	font-size: 2rem;
	color: #fff;
	line-height: 2.8rem;
	margin-bottom: 1.5rem;
  }
  .commenter-text {
	margin-top: 6rem;
  }
  .commenter-text p {
	font-size: 1.8rem;
	margin-bottom: 0;
  }
/* work-area css end */

/* brand-area.two css start  */
.brand-flex-wrap-2 {
	display: flex;
	justify-content: space-around;
	align-items: center;
	max-width: 100rem;
	margin-left: auto;
	margin-right: auto;
}
  .brand-flex-wrap-2 .brand-item {
	padding: 0 1.5rem;
  }
  .brand-area.two h3.tertiary-title {
	margin-bottom: 4rem;
  }
  .brand-area.two {
	padding: 5rem 0;
  }
  .brand-area.two .brand-item img {
	filter: grayscale(0) opacity(100%);
}
/* brand-area.two css end */

/* step-area css start  */
.step-area {
	background: #f7f9fc;
	padding-top: 8rem;
}

.account-creation li {
	position: relative;
	padding-left: 4rem;
  }
  .account-creation {
	counter-reset: step;
  }
  .account-creation li::before {
	content: counter(step);
	counter-increment: step;
	width: 4rem;
	height: 4rem;
	border-radius: 50%;
	background: var(--theme-primary-color);
	display: inline-block;
	text-align: center;
	line-height: 4rem;
	color: #fff;
	font-size: 1.8rem;
	position: absolute;
	left: -2rem;
	top: 0;
  }
  .account-creation-step h5 {
	font-size: 2.2rem;
	font-weight: 700;
	margin-bottom: 1rem;
  }
  .account-creation-step p {
	color: var(--theme-secondary-color);
	font-size: 1.8rem;
	margin-bottom: 1rem;
  }
  .account-creation li:not(:last-child) {
	margin-bottom: 6rem;
}
  .create-link {
	color: var(--theme-primary-color);
	font-weight: 600;
	transition: .3s;
  }
  .create-link:hover {
	color: #38bf67;
  }
  .step-left-image img {
	max-width: 100%;
}
.step-left-image img {
	max-width: 100%;
	width: 100%;
}
.step-left-image {
	text-align: center;
  }
  .step-left-image img {
	max-width: 340px;
  }
/* step-area css end */

/* accordion-area css start  */
#accordionExample .card {
	border: 1px solid #eaedf2;
	border-radius: .5rem;
	max-width: 73.6rem;
	margin-left: auto;
	margin-right: auto;
}
  .accor-btn {
	background: transparent;
	border: 0;
	color: var(--theme-secondary-color);
	font-size: 1.8rem;
	font-weight: 700;
	text-align: left;
	position: relative;
	padding: 2rem;
  }
  .accor-btn::after {
	content: "\f0dd";
	font-family: "Font Awesome 5 Pro";
	position: absolute;
	right: 1.5rem;
	top: 50%;
	transform: translateY(-50%) rotateZ(-90deg);
	transition: .3s;
}
.accor-btn[aria-expanded="true"]::after {
	transform: translateY(-50%) rotateZ(0deg);
}
  #accordionExample .card:not(:last-child) {
	margin-bottom: 2rem;
  }
  .accor-btn[aria-expanded="true"] {
	border-bottom: 1px solid #eaedf2;
}
#accordionExample .card-body p {
	font-size: 1.6rem;
}
/* accordion-area css end */

/* cta-area css start  */

.cta-area {
	background-color: var(--theme-primary-color);
	padding: 6rem 0;
  }
  .cta-content-wrapper {
	text-align: center;
  }
  .cta-content-wrapper p {
	font-size: 3rem;
	text-transform: uppercase;
	line-height: 1.4;
	color: #fff;
	font-weight: 200;
	margin-bottom: 3.5rem;
	letter-spacing: .2rem;
}
.round-btn.box-btn {
	background: #fff;
	color: var(--theme-primary-color);
	text-transform: uppercase;
	font-weight: 800;
	padding: 1.5rem 5rem;
	padding-top: 1.8rem;
}
  .round-btn.box-btn:hover {
	background:#0f6d30!important;
	border-color:#0f6d30!important;
	color: #fff;
  }
/* cta-area css end */

/* buy-area css start  */

.buy-content-wrapper {
	text-align: center;
  }
  .buy-content-wrapper .section-title {
	margin-bottom: 4rem;
  }
  .buy-area {
	padding-top: 10rem;
	padding-bottom: 2rem;
}
/* buy-area css end */


/* footer css start  */
.footer-area {
	background: #192d35;
	position: relative;
	padding-top: 10rem;
	margin-top: 5vw;
}
  .footer-area::before {
	width: 100%;
	position: absolute;
	height: 5vw;
	pointer-events: none;
	-webkit-mask-image: url("data:image/svg+xml;utf8,%3csvg viewBox='0 0 100 100' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'%3e%3cpath d='M0,0 C16.6666667,66 33.3333333,98 50,98 C66.6666667,98 83.3333333,66 100,0 L100,100 L0,100 L0,0 Z' fill='%23fff'/%3e%3c/svg%3e");
	mask-image: url("data:image/svg+xml;utf8,%3csvg viewBox='0 0 100 100' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'%3e%3cpath d='M0,0 C16.6666667,66 33.3333333,98 50,98 C66.6666667,98 83.3333333,66 100,0 L100,100 L0,100 L0,0 Z' fill='%23fff'/%3e%3c/svg%3e");
	-webkit-mask-size: 100% 101%;
	mask-size: 100% 101%;
	background: #192d35;
	content: "";
	top: -5vw;
}
.footer-g-wrapper {
	display: grid;
	grid-template-columns: 1fr 1fr 2fr;
	grid-gap: 3rem;
	margin-bottom: 10rem;
}
  .footer-widget h4 {
	color: #fff;
	font-size: 2rem;
	margin-bottom: 1.8rem;
}
  .ft-links li a {
	color: rgba(255, 255, 255, 0.7);
	font-size: 1.6rem;
	display: inline-block;
	transition: .3s;
  }
  .ft-links li a:hover {
	color: #fff;
  }
  .ft-links li:not(:last-child) {
	margin-bottom: .8rem;
  }
  .copyright-wrapper {
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	padding: 2.4rem 0;
  }
  .copyright-wrapper p, .copyright-wrapper a {
	color: rgba(255, 255, 255, 0.5);
	font-size: 1.4rem;
	font-weight: 600;
  }
  
.article-thumb {
	display: block;
  }
  .article-thumb img {
	max-width: 100%;
	width: 100%;
	border-radius: .5rem;
  }
  .footer-widget article {
	display: grid;
	grid-template-columns: 17rem auto;
	grid-gap: 2rem;
	margin-top: 2.5rem;
}
  .footer-widget article h5 a {
	color: rgba(255, 255, 255, 0.7);
	display: block;
	transition: .3s;
  }
  .footer-widget article h5 a:hover {
	color: #fff;
  }
  .footer-widget article h5 {
	margin-bottom: 0;
  }
  .article-publish-date {
	color: rgba(255, 255, 255, 0.5);
	font-size: 1.4rem;
	font-weight: 600;
	display: block;
	margin-top: 1rem;
  }
  
.newsletter-ft-wrap {
	background: rgba(255, 255, 255, 0.05);
	border-radius: .5rem;
	padding: 3.6rem;
  }
  .newsletter-ft-wrap h5 {
	color: #fff;
	font-size: 1.6rem;
	margin-bottom: 1.6rem;
  }
  .input-inside input {
	width: 100%;
	height: 4.8rem;
	border-radius: .5rem;
	border: 1px solid #EAEDF2;
	font-size: 1.5rem;
	font-weight: 700;
	padding: 0 1.5rem;
}
  .newsletter-ft-wrap form {
	display: grid;
	grid-template-columns: auto 63px;
	grid-gap: 1rem;
  }
  .round-btn[type="submit"] {
	padding: 0;
  }
  .newsletter-ft-wrap p {
	color: rgba(255, 255, 255, 0.5);
	font-size: 1.4rem;
	margin-top: 1.5rem;
  }

/* footer css end */
.back-to-top {
	position: fixed !important;
	right: 30px;
	bottom: 0;
	color: #fff;
	display: block;
	font-size: 22px;
	line-height: 30px;
	text-align: center;
	width: 40px;
	height: 40px;
	opacity: 0;
	visibility: hidden;
	z-index: 999;
	cursor: pointer;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 50%;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	background: var(--theme-primary-color);
	transition: .3s;
	display: flex;
	align-items: center;
	justify-content: center;
}
.back-to-top.visible {
	opacity: 1;
	visibility: visible;
	bottom: 35px;
}
.offcanvas-menu-wrap {
	position: fixed;
	width: 24.9rem;
	height: 100vh;
	z-index: 9999;
	background: #fff;
	transition: .3s;
	left: -100%;
	border-right: 1px solid #D4EDD8;
}
.close-canvas-menu {
	position: absolute;
	right: 2rem;
	top: 1rem;
	font-size: 3rem;
	display: inline-block;
	color: var(--theme-primary-color);
	cursor: pointer;
	z-index: 5;
  }
  .main-menu.canvas-menu li ul.submenu {
	position: unset;
	opacity: 1;
	visibility: visible;
	max-width: 100%;
}
.main-menu.canvas-menu li ul.submenu::after,
.main-menu.canvas-menu li ul.submenu::before {
	content: none;
}
.main-menu.canvas-menu {
	padding: 1.5rem;
	padding-top: 0;
}
.main-menu.canvas-menu li a {
	padding: .5rem 0;
	color: var(--theme-primary-color);
	display: block;
	font-weight: 500;
	font-size: 1.7rem;
}
.main-menu.canvas-menu li a:hover i {
	color: var(--theme-primary-color);
}
.offcanvas-scroll-wrap {
	height: calc(100vh - 7.5rem);
	overflow-y: scroll;
}
.main-menu.canvas-menu li {
	margin-right: 0;
	margin-bottom: 1rem;
}
.main-menu.canvas-menu li ul.submenu li {
	margin-bottom: 0;
}
.main-menu.canvas-menu li {
	margin-right: 0;
	margin-bottom: 0;
}
.canvas-logo {
	display: block;
	padding: 1.5rem;
}
.canvas-logo img {
	max-width: 18rem;
}
.header-ls-right-btns.canvas .round-btn {
	font-size: 1.4rem;
	padding: 0.4rem 1rem;
	display: block;
	width: 100%;
	text-align: center;
	margin-bottom: 1rem;
	margin-left: 0;
}
.header-ls-right-btns.canvas {
	padding: 0 1.5rem;
}
/* loader css start  */
.lds-dual-ring {
	display: inline-block;
	width: 80px;
	height: 80px;
  }
  .lds-dual-ring:after {
	content: " ";
	display: block;
	width: 64px;
	height: 64px;
	margin: 8px;
	border-radius: 50%;
	border: 6px solid #fff;
	border-color: #23CF5F transparent #23CF5F transparent;
	animation: lds-dual-ring 1.2s linear infinite;
  }
  @keyframes lds-dual-ring {
	0% {
	  transform: rotate(0deg);
	}
	100% {
	  transform: rotate(360deg);
	}
  }
  #loader {
	position: fixed;
	width: 100vw;
	height: 100vh;
	background: #fff;
	z-index: 99999;
	display: flex;
	align-items: center;
	justify-content: center;
}
/* loader css end */

/* hamburger menu css start  */
.hamburger-menu > input {
	position: absolute;
	max-width: 0;
	max-height: 0;
	opacity: 0;
	visibility: hidden;
}
  #menu__toggle:checked ~ .menu__btn > span {
	transform: rotate(45deg);
  }
  #menu__toggle:checked ~ .menu__btn > span::before {
	top: 0;
	transform: rotate(0);
  }
  #menu__toggle:checked ~ .menu__btn > span::after {
	top: 0;
	transform: rotate(90deg);
  }
  #menu__toggle:checked ~ .menu__box {
	visibility: visible;
	left: 0;
  }
  .menu__btn {
	display: flex;
	align-items: center;
	position: relative;
	width: 26px;
	height: 26px;
	cursor: pointer;
	z-index: 1;
	margin-bottom: 0;
	margin-top: 1px;
}
.menu__btn > span, .menu__btn > span::before, .menu__btn > span::after {
	display: block;
	position: absolute;
	width: 100%;
	height: 2px;
	transition-duration: .25s;
	background-color: var(--theme-secondary-color);
}
  .menu__btn > span::before {
	content: '';
	top: -8px;
  }
  .menu__btn > span::after {
	content: '';
	top: 8px;
  }  
  #whole-page-wrapper {
	  transition: .3s;
  }

/* hamburger menu css end */


/* sign-in / sign-up page css start  */
.checkBox {
	display: block;
	position: relative;
	padding-left: 24px;
	cursor: pointer;
	font-size: 1.5rem;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	color: var(--theme-secondary-color);
	margin-bottom: 0;
	font-weight: 600;
}
  .checkBox input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
  }
  .checkmark {
	position: absolute;
	top: 2px;
	left: 0;
	height: 17px;
	width: 17px;
	border: 1px solid rgba(0, 0, 0, 0.5);
	border-radius: 3px;
}
.checkBox input:checked ~ .checkmark {
	background-color: var(--theme-primary-color);
	border-color: var(--theme-primary-color);
}
  .checkmark:after {
	content: "";
	position: absolute;
	display: none;
  }
  
  .checkBox input:checked ~ .checkmark:after {
	display: block;
  }
  .checkBox .checkmark::after {
	left: 6px;
	top: 2px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 2px 2px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.login-signup-page-wrapper {
	min-height: 100vh;
	width: 100vw;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 1.5rem;
	background: #d4edd8;
}
  .login-signup-page-inner-wrap {
	flex: 0 0 45rem;
	max-width: 45rem;
  }
  .lg-sn-bg-wrap {
	background-color: #fff;
	border-radius: .5rem;
	padding: 3rem;
	border: 1px solid #dddddd61;
}
.lg-sn-title {
	text-align: center;
	color: var(--theme-primary-color);
	font-size: 2.8rem;
	margin-bottom: 2.5rem;
	line-height: 1.2;
}
  .forget-term-check-wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 2.5rem;
	margin-top: 2rem;
}
.lg-sn-bg-wrap .input-inside input {
	border: 1px solid var(--theme-primary-color);
	height: 4rem;
	font-size: 1.4rem;
	font-weight: normal;
}
  .lg-sn-bg-wrap .input-inside {
	margin-bottom: 1.5rem;
  }
  .round-btn.lg-sn-btn {
	width: 100%;
	height: 4rem;
}
.forgot-link {
	color: var(--theme-secondary-color);
	font-weight: 600;
	font-size: 1.5rem;
	display: inline-block;
	transition: .3s;
}
  .forgot-link:hover {
	color: var(--theme-primary-color);
  }
  .signup-link-way {
	color: var(--theme-secondary-color);
	font-size: 1.5rem;
	font-weight: 600;
}
  .signup-link-way a {
	color: var(--theme-primary-color);
	display: inline-block;
	transition: .3s;
  }
  .signup-link-way a:hover {
	text-decoration: underline;
  }
  .password-limit {
	color: var(--theme-secondary-color);
	font-size: 1.4rem;
	font-weight: 500;
	margin-top: .5rem;
}
.checkBox a {
	color: var(--theme-primary-color);
	font-size: 1.5rem;
	display: inline-block;
	transition: .3s;
  }
  .checkBox a:hover {
	text-decoration: underline;
  }

  .st-logo {
	display: block;
	text-align: center;
	margin-bottom: 1.6rem;
  }
  .st-logo img {
	max-width: 8rem;
  }
  .input-field-twin-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 1.5rem;
}
.nice-select.sl-select {
	border: 1px solid var(--theme-primary-color);
	width: 100%;
	font-size: 1.4rem;
	font-weight: 600;
  }
  .selection-wrap {
	min-height: 4rem;
  }
  .nice-select.sl-select::after {
	border-color: var(--theme-primary-color);
	width: 7px;
	height: 7px;
  }
  #sign-up-fm .checkBox a {
	font-size: 1.4rem;
}
/* sign-in / sign-up page css end */

/* dashboard css start  */
#dashboard-pge-wrapper .container {
	max-width: 960px;
}
/* d-unverified page css start  */

.dash-header-flex-wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 1.2rem 3rem;
  }
  .dash-header-flex-wrap a.logo {
	max-width: 5rem;
  }
  .dash-header-flex-wrap a.logo img {
	max-width: 100%;
	width: 100%;
  }
  .dash-header-crud-list {
	display: flex;
	align-items: center;
	justify-content: flex-end;
  }
  .dash-header-crud-list li a {
	color: var(--theme-secondary-color);
	font-weight: 700;
	display: inline-block;
	transition: .3s;
	font-size: 1.7rem;
  }
  .dash-header-crud-list li:not(:first-child) {
	margin-left: 3rem;
  }
  .dash-header-crud-list li.active a {
	color: var(--theme-primary-color);
  }
  .dash-header-crud-list li a.profile .user_name {
	display: inline-block;
	margin-left: .5rem;
  }
  .dash-header-crud-list li a:hover {
	color: var(--theme-primary-color);
  }
  
.dash-verify-area {
	background: #1D974A;
	padding: 2.5rem 0;
  }
  .dash-verify-content-wrapper {
	background: #1EB051;
	border-radius: .5rem;
	padding: 2rem;
  }
  .twin-flex-wrap {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.twin-flex-wrap .secondary-title-two {
	margin-bottom: .5rem;
	color: #fff;
}
.twin-left-wrap p {
	color: #fff;
}
  .round-btn.type-2 {
	padding: .5rem 2rem;
	background: #fff;
	color: #1EB051;
	border-color: #1EB051;
  }
  .round-btn.type-2:hover {
	background: #1EB051;
	color: #fff;
	border-color: #fff;
  }
  .needed-verify-list li a {
	color: #fff;
	font-size: 1.7rem;
	display: inline-block;
	text-decoration: underline;
}
  .needed-verify-list li a > span {
	width: 2rem;
	display: inline-block;
	text-align: right;
	margin-right: .3rem;
  }
  .needed-verify-list li a > span i {
	font-size: 1.6rem;
  }
  .needed-verify-list {
	display: flex;
	align-items: center;
	justify-content: space-between;
  }
  .needed-verify-list li {
	width: 33.333333%;
	text-align: center;
	position: relative;
}

.needed-verify-list {
	display: flex;
	align-items: center;
	justify-content: space-between;
	counter-reset: step;
	padding-top: 50px;
  }
  .needed-verify-list li {
	width: 33.333333%;
	text-align: center;
	position: relative;
  }
  .needed-verify-list li::after {
	width: 100%;
	height: 2px;
	background: rgba(255, 255, 255, 0.31);
	content: "";
	position: absolute;
	left: -50%;
	top: -26px;
	z-index: 0;
  }
  .needed-verify-list li:first-child:after {
	content: none;
  }
  .needed-verify-list li::before {
	width: 3.5rem;
	height: 3.5rem;
	border: 2px solid rgba(255, 255, 255, 0.31);
	content: counter(step);
	border-radius: 50%;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: -42px;
	z-index: 1;
	background: #1EB051;
	counter-increment: step;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
  }
  .needed-verify-list li.active::before {
	border-color: #fff;
	background: #fff;
	color: var(--theme-primary-color);
}
  .needed-verify-list li.active + li::after {
	background: #fff;
  }
  .verify-twin-g-wrap {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 2rem;
	align-items: start;
}
  .cmn-white-box {
	background: #fff;
	padding: 1.5rem;
	border-radius: .5rem;
	margin-bottom: 2rem;
  }
  .accor-title {
	background-color: transparent;
	font-size: 1.8rem;
	padding: .8rem 1.5rem;
	margin: 0;
	position: relative;
	padding-left: 5rem;
	padding-right: 3rem;
	border: 1px solid #EAEDF2;
}
.verify-single-collapse-wrap {
	border: 0;
	background-color: #fff;
}
.accor-body {
	border: 1px solid #EAEDF2;
	border-top: 0;
}
  .left-ac-icon {
	display: inline-block;
	width: 4.1rem;
	height: calc(100% + .2rem);
	background: var(--theme-primary-color);
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-weight: 900;
	font-size: 2.2rem;
  }
  .accor-title .left-ac-icon {
	position: absolute;
	top: -1px;
	left: -1px;
  }
  
.accor-body-content {
	padding: 1.5rem;
  }
  .accor-body-content p {
	font-size: 1.5rem;
	line-height: 1.3;
	margin-bottom: 1rem;
  }
  #country-code {
	display: none;
}
.input-inside.tel {
	position: relative;
	z-index: 1;
}
  .country-code-flag {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	height: 100%;
	min-width: 30px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
  }
  .input-inside.tel input {
	padding-left: 50px;
	height: 35px;
	border-radius: 0;
	font-weight: 500;
	font-size: 1.3rem;
	padding-right: 35px;
}
  .country-select.inside {
	height: 100%;
}

.input-right-icon {
	position: absolute;
	right: 0;
	width: 35px;
	display: flex;
	align-items: center;
	justify-content: center;
	top: 0;
	height: 100%;
	bottom: 0;
	background: #EAEDF2;
  }
  .input-right-icon i {
	font-size: 1.3rem;
  }

  .round-btn.style-3 {
	padding: .5rem 2rem;
	font-size: 1.6rem;
	line-height: 1.3;
  }
  
.transaction-section.place-2 .round-btn.style-3 {
	font-size: 22px;
	font-weight: 600;
	line-height: 1;
	padding: 4px 15px;
	padding-top: 5px;
  }
  .transaction-section.place-2 .round-btn.style-3 strong {
	font-weight: normal;
	font-size: 19px;
  }
  .transaction-section.place-2 .round-btn.style-3:hover {
	background: var(--theme-primary-color);
	color: #fff;
	cursor: auto;
}
  .telephone-number-wrap {
	margin-bottom: 2rem;
  }
  .accor-title::after {
	content: "\f107";
	position: absolute;
	font-family: "Font Awesome 5 Pro";
	right: 10px;
	font-weight: 600;
	font-size: 1.8rem;
	top: 51%;
	transform: translateY(-50%) rotateZ(180deg);
	color: var(--theme-secondary-color);
}
.accor-title[aria-expanded="true"]::after {
	transform: translateY(-50%) rotateZ(0deg);
}
  .input-inside.regular input {
	padding-left: 15px;
}
.cmn-box-wrapper {
	background-color: #fff;
	padding: 1.5rem;
	border-radius: .5rem;
}

.input-tag-list {
	display: flex;
	align-items: center;
	margin-top: 1rem;
  }
  .input-tag-list li a {
	display: inline-block;
	color: #555a64;
	font-size: 1.3rem;
  }
  .input-tag-list li:not(:last-child) {
	margin-right: 2rem;
  }
  .input-tag-list li a i {
	color: var(--theme-primary-color);
	font-size: 1.2rem;
	margin-right: .4rem;
  }
  .toggle-switch input[type=checkbox] {display:none}
.toggle-switch label {cursor:pointer;}
.toggle-switch label .toggle-track {
	display: block;
	height: 35px;
	width: 70px;
	background: var(--theme-primary-color);
	border-radius: 20px;
	position: relative;
}

.toggle-switch .toggle-track::before {
	content: '';
	display: inline-block;
	height: 31px;
	width: 31px;
	background: #fff;
	border-radius: 20px;
	position: absolute;
	top: 2px;
	right: 2px;
	transition: right .2s ease-in;
}
.toggle-switch input[type="checkbox"]:checked + label .toggle-track::before {
	right: 37px;
}

.verify-mode {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 2rem;
  }
  .mode-info-text {
	background: #CCEBE3;
	padding: 2rem;
	text-align: left;
	display: flex;
	align-items: center;
}
  .mode-info-text p {
	text-align: left;
	color: #356745;
	font-weight: 700;
	font-size: 1.5rem;
	line-height: 1.5;
  }
  .mode-info-text p a {
	font-size: 1.5rem;
	display: inline-block;
	color: #07A17F;
  }

  .mode-toggle-wrap {
	text-align: center;
	padding: 3rem 0;
  }
  .mode-toggle-wrap h2 {
	font-size: 3rem;
	font-weight: 800;
	margin-bottom: 2rem;
  }
  .verify-element-area {
	padding: 3rem 0;
}
.verify-twin-g-wrap.g-col-one {
	grid-template-columns: 1fr;
}
.country-select.inside > input {
	display: none;
}
.dash-verify-content-wrapper .twin-flex-wrap a.round-btn.type-2 {
	flex: 0 0 130px;
	max-width: 130px;
	margin-left: 20px;
	border-color: #1D974A;
	cursor: auto;
}
.dash-verify-content-wrapper .twin-flex-wrap a.round-btn.type-2:hover {
	border-color: #1D974A;
	background: #fff;
	color: #1EB051;
}
.country-select .country-list {
  background: #fff;
  scrollbar-width: thin;
  top: calc(100% - 2px);
  box-shadow: none;
  border: 1px solid #EAEDF2;
}
.country-select .country-list::-webkit-scrollbar {
	width: 5px;
}
.country-select .country-list li {
  font-size: 1.2rem;
}
.verify-status {
	flex: 0 0 100%;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.verify-status p {
	color: #fff;
	font-size: 1.8rem;
	margin: 0;
}
.dash-verify-content-wrapper.verified-wrap {
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	background: transparent;
	padding: 0 1.5rem;
}
  .verify-status i {
	color: var(--theme-primary-color);
	font-size: 4rem;
	margin-bottom: 1rem;
  }
  .verify-status span {
	color: var(--theme-primary-color);
	font-size: 2.6rem;
	font-weight: 600;
  }
  .upload-twin-g-wrap {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 2rem;
	margin-top: 1rem;
	margin-bottom: 1rem;
	align-items: center;
}
.upload-twin-g-wrap.transaction-section .upload-wrapper p {
	margin-bottom: 0;
}
  .upload-wrapper {
	text-align: center;
  }
  .upload-squre {
	border: 3px dashed var(--theme-primary-color);
	width: 10rem;
	height: 10rem;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 2rem;
	cursor: pointer;
	text-align: center;
  }
  .upload-squre input {
	max-width: 1px;
	max-height: 1px;
	position: absolute;
	opacity: 0;
  }
  
.upload-squre p {
	display: flex;
	flex-direction: column;
	margin-bottom: 0;
	transition: .3s;
  }
  .upload-squre p i {
	font-size: 1.8rem;
	margin-bottom: .2rem;
  }
  .upload-squre p span {
	display: block;
	font-weight: 500;
	font-size: 1.4rem;
	word-break: break-all;
  }
  .upload-squre:hover p {
	color: var(--theme-primary-color);
  }
  .dash-verify-area.verified {
	padding: 2rem 0;
	background: #1EB051;
}
.verify-status span.round-btn {
	font-size: 18px;
	font-weight: 700;
	padding: 5px 30px;
}
.verify-status span.round-btn:hover {
	background: #fff;
	color: #1EB051;
	border-color: #1EB051;
}
/* d-unverified page css end */

/* verified-seller page css start  */
.download-section a.round-btn i {
	font-size: 1.4rem;
	margin-right: .2rem;
}
.one-third-grid-wrap {
	display: grid;
	grid-template-columns: auto 22rem;
	grid-gap: 2rem;
}
  .one-third-grid-wrap .round-btn {
	width: 100%;
  }

  .verify-single-collapse-wrap.accor-type-2 .accor-title {
	padding: .8rem 1.5rem;
	text-align: center;
	background: var(--theme-primary-color);
	color: #fff;
  }
  .verify-single-collapse-wrap.accor-type-2 .accor-title::after {
	content: none;
  }
/* verified-seller page css end */

/* d-verified-profile page css start  */

.input-inside.tel.regular.style-4 label {
	font-size: 1.5rem;
	display: block;
	color: var(--theme-secondary-color);
	font-weight: 600;
  }
  .input-inside.tel.regular.style-4 {
	margin-bottom: 1.5rem;
  }

  .input-inside.selection-type-2 .nice-select.sl-select {
	height: 35px;
	border: 1px solid #EAEDF2;
	line-height: 35px;
  }
  .input-inside.selection-type-2 .nice-select.sl-select::after {
	border-color: var(--theme-secondary-color);
  }
  .input-inside.selection-type-2 {
	min-height: 65px;
  }
  
.two-fifth-g-wrap {
	display: grid;
	grid-template-columns: 12rem auto;
	grid-gap: 1.5rem;
  }
  .two-fifth-g-wrap input {
	margin-bottom: 0;
  }
  .input-inside.multifield input {
	margin-bottom: 1.5rem;
  }
  .two-fifth-g-wrap input {
	margin-bottom: 0 !important;
  }
  .accor-title .left-ac-icon i {
	font-size: 1.8rem;
}
.input-inside.tel.regular.style-4 input {
	padding: 0 1.5rem;
}

.verify-single-collapse-wrap.red-mark .left-ac-icon {
	background: #BC0E0E;
  }
  .round-btn.style-3.red-bg {
	background: #BC0E0E;
	border-color: #BC0E0E;
  }
  .round-btn.style-3.red-bg:hover {
	  background: transparent;
	  color: #BC0E0E;
  }
/* d-verified-profile page css end */

/* all modal css start  */

.step-m-title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 1rem 1.5rem;
	border-bottom: 1px solid #ddd;
}
.step-m-title h3 {
	color: var(--theme-secondary-color);
	font-size: 1.8rem;
	margin: 0;
}
  .step-m-close {
	background: transparent;
	font-size: 2.4rem;
	padding: 0;
	line-height: 1;
	border: 0;
  }
  .telephone-input {
	padding-left: 50px;
	height: 35px;
	border-radius: 0;
	font-weight: 500;
	font-size: 1.3rem;
	padding-right: 35px;
	border: 1px solid #EAEDF2;
	width: 100%;
}
.iti.iti--allow-dropdown {
	width: 100%;
}
.modal-dialog.step-modals .modal-body {
	padding: 1.5rem;
}
.number-verification h5 {
	font-size: 1.6rem;
	font-weight: 600;
	margin-bottom: 1rem;
}

.tele-input-wrap.with-select .nice-select {
	border: 1px solid #EAEDF2;
	height: 35px;
	line-height: 35px;
	padding-left: 15px;
  }
  .tele-input-wrap.with-select {
	min-height: 35px;
  }
  .tele-input-wrap.with-select .nice-select::after {
	border-color: var(--theme-secondary-color);
  }
  
.contidion-for-selection li {
	font-size: 1.5rem;
	color: var(--theme-secondary-color);
	display: block;
	position: relative;
	padding-left: 18px;
  }
  .contidion-for-selection li::before {
	content: "";
	position: absolute;
	width: 8px;
	height: 8px;
	background: var(--theme-primary-color);
	border-radius: 50%;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
  }
  
.photo-format {
	display: flex;
	align-items: center;
	justify-content: center;
  }
  .photo-format li {
	max-width: 90px;
	margin: 5px;
  }
  .photo-format li img {
	max-width: 100%;
	width: 100%;
  }
  .up-file-type-demo p {
	color: var(--theme-secondary-color);
	font-size: 1.6rem;
  }
  .adr-photo-upload p {
	font-size: 1.5rem;
	color: var(--theme-secondary-color);
	margin-bottom: 15px;
}

  .verify-code-field input {
	width: 35px;
	height: 35px;
	text-align: center;
	border: 1px solid #EAEDF2;
	color: var(--theme-secondary-color);
	font-size: 16px;
	font-weight: 700;
	margin: 5px;
  }
  .mobile-code-verification p {
	color: var(--theme-secondary-color);
	font-size: 1.5rem;
	font-weight: 600;
  }
  .resend-code {
	color: var(--theme-primary-color);
	text-decoration: underline;
	display: block;
	margin: 10px 0;
	margin-bottom: 15px;
  }
  .verify-code-field input:first-child {
	margin-left: 0;
  }
  .verify-code-field input:focus {
	  border-color: var(--theme-primary-color);
  }
  .resend-code:hover {
	color: var(--theme-primary-color);
  }
  .step-modals .round-btn.style-3 {
	min-width: 118px;
}
.mobile-code-verification {
	padding-top: 15px;
}
.mobile-code-verification {
	padding-top: 10px;
	border-top: 1px solid #EAEDF2;
	margin-top: 15px;
	text-align: center;
}
.phone-second-step {
	overflow: hidden;
	transition: .3s;
}
.adr-photo-upload .upload-squre p {
	margin-bottom: 0;
	justify-content: center;
	align-items: center;
}
.identity-v-expand-wrap .upload-twin-g-wrap {
	margin-top: 0;
	margin-bottom: 0;
  }
  .identity-v-expand-wrap label.checkBox {
	margin-bottom: 15px;
	color: var(--theme-primary-color);
  }
  .identity-v-expand-wrap {
	display: none;
}
.identity-v-expand-wrap.show {
	display:block;
}

.identity-v-expand-wrap .number-verification {
	padding-top: 15px;
	margin-top: 15px;
	border-top: 1px solid #EAEDF2;
}
.round-btn.style-3.tp-2 {
	background-color: transparent;
	color: var(--theme-primary-color);
  }
  .round-btn.style-3.tp-2:hover {
	background: var(--theme-primary-color);
	color: #fff;
  }
  .identity-v-expand-wrap .number-verification {
	padding-top: 0;
	border-top: 0;
	margin-top: 0;
}
/* all modal css end */

/* full-open-with-secret-code page css start  */
.twin-g-wrap {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 20px;
  }
  .twin-g-wrap .verify-code-field {
	margin-bottom: 10px;
  }

  .upload-twin-g-wrap.transaction-section.place-2 .upload-wrapper a {
	display: block;
	color: var(--theme-primary-color);
	font-weight: 500;
	margin-top: 5px;
  }
  .upload-twin-g-wrap.transaction-section.place-2 {
	align-items: center;
	margin-top: 2rem;
}
.upload-twin-g-wrap.transaction-section.place-2.place-3 {
	align-items: center;
	margin-top: 1rem;
}
  .round-btn.style-3.price:hover {
	background: var(--theme-primary-color);
	color: #fff;
  }
  .round-btn.style-3.price {
	line-height: 1;
  }
  .getted-data-rw {
	display: grid;
	grid-template-columns: 150px auto;
	grid-gap: 15px;
	align-items: center;
}
.getted-value {
	border: 1px solid var(--theme-primary-color);
	margin: 7px 0;
	padding: 3px 15px;
	text-align: center;
}
  .getted-bottom-wrapper {
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 15px;
  }
.getted-data-rw p {
	margin: 0;
}
  .getted-value p {
	font-weight: 700;
	color: var(--theme-secondary-color);
	font-size: 16px;
  }
  .getted-type p {
	color: var(--theme-secondary-color);
  }
  .getted-wrapper {
	border: 1px solid #00DE61;
	padding: 25px 15px;
	padding-bottom: 13px;
	margin-top: 20px;
	background: #CFF2D7;
}
.getted-top {
	text-align: center;
	margin-bottom: 20px;
}
  .getted-top a img {
	max-width: 80px;
	margin-bottom: 8px;
  }
  .getted-top p {
	color: #0CE05F;
	font-weight: 700;
	margin-bottom: 0;
}
  .accor-body-content.for-getted h4 {
	font-size: 16px;
	font-weight: 700;
	color: var(--theme-secondary-color);
	margin-bottom: 6px;
}
.twin-g-wrap .code-secret {
	color: var(--theme-primary-color) !important;
	font-size: 15px;
	margin-bottom: 10px;
	text-align: center;
	display: block;
}
  .twin-g-wrap .code-secret span {
	display: inline-block;
	margin-right: 5px;
  }
  .twin-g-wrap .verify-code-field {
	margin-bottom: 5px;
	text-align: center;
}
  
.verification-assets-wrap h4 {
	text-align: center;
	font-size: 18px;
	margin-bottom: 18px;
  }
  .v-assets-flex-wrap {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 15px;
  }
  .v-assets-flex-wrap.one-in {
	grid-template-columns: 1fr;
	max-width: 285px;
	margin-left: auto;
	margin-right: auto;
  }
  .v-assets-flex-wrap.two-in {
	grid-template-columns: 1fr 1fr;
	max-width: 285px;
	margin-left: auto;
	margin-right: auto;
  }
  .asset-icon img {
	max-width: 90px;
  }
  .asset-icon {
	min-height: 46px;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	margin-bottom: 5px;
  }
  .v-single-assets {
	text-align: center;
  }
  .v-single-assets p {
	font-size: 14px;
	color: var(--theme-secondary-color);
  }
  .verification-assets-wrap {
	padding-top: 22px;
  }
  .modal-dialog.max-960 {
	max-width: 740px;
}
.set-time-g-wrapper {
	display: grid;
	grid-template-columns: 1fr 1.4fr;
	grid-gap: 30px;
}
  .set-portion p {
	color: var(--theme-secondary-color);
	font-size: 1.5rem;
	margin-bottom: 2rem;
  }
  .set-portion {
	margin-bottom: 2rem;
  }
  .box-btn {
	border: 1px solid var(--theme-primary-color);
	color: var(--theme-secondary-color);
	background: #fff;
	font-size: 1.4rem;
	padding: .4rem 2rem;
	border-radius: .5rem;
	min-width: 110px;
	transition: .3s;
  }
  .set-time-action-btn button:not(:last-child) {
	margin-right: 5px;
  }
  .box-btn:hover,
  .box-btn.active {
	background: var(--theme-primary-color);
	color: #fff;
  }

  .set-portion.last-portion {
	margin-bottom: 0;
  }
  .set-portion.last-portion p.note {
	margin-bottom: 0;
	font-size: 1.3rem;
	line-height: 1.3;
	margin-top: 15px;
  }
  
.settable-time-wrapper {
	max-width: 320px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
  }
  .settable-time-twin-wrap {
	display: grid;
	grid-template-columns: 1fr 15px 1fr;
	grid-gap: 20px;
	align-items: center;
  }
  .time-box {
	border: 1px solid var(--theme-primary-color);
	padding: 15px;
	text-align: center;
  }
  .time-box p {
	font-size: 1.3rem;
	color: var(--theme-primary-color);
	margin-bottom: 1rem;
  }
  .dt {
	color: var(--theme-primary-color);
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1.6;
  }
  .dt span {
	display: block;
}
  .settable-time-twin-wrap .or {
	color: var(--theme-secondary-color);
	font-size: 1.5rem;
	font-weight: 600;
  }
  .set-time-right {
	text-align: center;
	border-left: 1px solid #ddd;
	padding-left: 15px;
}
  .set-time-right p {
	font-size: 1.5rem;
	margin-bottom: 2rem;
  }
  .set-time-right p.note {
	color: var(--theme-secondary-color);
	font-size: 1.3rem;
	margin-bottom: .5rem;
	line-height: 1.3;
  }
  .set-time-action-btn {
	margin-left: 35px;
}

.input-inside.tel.style-5 input {
	border-color: var(--theme-primary-color);
	border-radius: .5rem;
	height: 31px;
	font-size: 13px;
	line-height: 32px;
	padding: 0 15px;
  }
  .set-portion .input-inside.tel.style-5 {
	margin-left: 35px;
	max-width: 230px;
  }
  
.secret-code-verification p {
	color: var(--theme-secondary-color);
	font-size: 1.5rem;
	text-align: center;
  }
  .coupon-code span {
	text-align: center;
	color: var(--theme-secondary-color);
	font-size: 3rem;
	font-weight: 700;
	display: inline-block;
  }
  .coupon-code {
	margin: 15px 0;
	text-align:center;
  }
  .coupon-code span.blur {
	text-shadow: 0 0 8px rgba(0,0,0,1);
	color: transparent;
}
#see-secret-code {
  font-size: 15px;
}
#see-secret-code:hover {
  background: var(--theme-primary-color);
  color: #fff;
}
.identity-top-part.hide {
	display: none;
}
/* full-open-with-secret-code page css end */

.top-alert-bar {
	height: 5.2rem;
	background: transparent;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: .5rem 1.5rem;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 999;
  }
  .top-alert-bar strong {
	color: #fff;
	font-size: 1.6rem;
}
  .top-alert-bar.success {
	background: var(--theme-primary-color);
  }
  .top-alert-bar.danger {
	background: red;
  }

/* dashboard css end */

/* secret-code page css start  */

.sub-title-para {
	color: var(--theme-primary-color);
	line-height: 2.2rem;
	text-align: center;
	font-weight: 600;
	margin-bottom: 2rem;
  }
  .lg-sn-bg-wrap.secret-code-wrap .lg-sn-title {
	margin-bottom: 1rem;
  }
  .lg-sn-bg-wrap.secret-code-wrap .verify-code-field {
	text-align: center;
	margin-bottom: 1.5rem;
  }

  .twin-btn.for-secret-code {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 1.5rem;
  }
  .twin-btn.for-secret-code a {
	line-height: 3.7rem;
	padding: 0;
	text-align: center;
}
.input-inside.secret-code p {
	font-size: 1.3rem;
	line-height: 2rem;
	margin-top: .5rem;
	margin-bottom: 2rem;
  }
  .input-inside.secret-code label {
	font-size: 1.6rem;
	color: var(--theme-primary-color);
	font-weight: 700;
  }
  .lg-sn-bg-wrap.secret-code-wrap .verify-code-field input {
	width: 4rem;
	height: 4rem;
}
.dash-verify-content-wrapper .twin-left-wrap {
	max-width: 70rem;
}
.dash-verify-content-wrapper .twin-left-wrap p {
	font-size: 1.6rem;
	line-height: 2rem;
}
/* secret-code page css end */

/* 404 page css start  */

.not-found-content-wrap {
	text-align: center;
	background: #fff;
	border-radius: 2rem;
	padding: 4rem 2rem;
}

  .not-found-content h3 {
	color: #23cf5f;
	font-size: 4rem;
	font-weight: 700;
	line-height: 1.3;
	margin-bottom: 2rem;
  }
  .not-found-content p {
	color: var(--theme-secondary-color);
	font-size: 2rem;
	font-weight: 500;
  }
  .not-found-img img {
	max-width: 37rem;
	width: 100%;
  }
  .not-found-img {
	margin-bottom: 4rem;
}
  .not-found-pge .login-signup-page-inner-wrap {
	flex: 0 0 55rem;
	max-width: 55rem;
}
.not-found-content {
	margin-bottom: 3.8rem;
}
.login-signup-page-wrapper.not-found-pge {
	overflow: hidden;
	height: 100vh;
}
/* 404 page css end */