/*===========================================================

   Template Name: Script Theme
   Author: Kerem Demirbas
   File Description : Main css file of the script theme
	
=================================================
  Table of Contents
=================================================
	
	1. Reset
	2. Basic
	3. Helpers
	4. Header
	5. Elements
	6. Footer

=======================================================*/

/* =================================== */
/*  1. RESET CSS
/* =================================== */

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font-weight: normal;
	vertical-align: baseline;
	background: transparent;
}

main, article, aside, figure, footer, header, nav, section, details, summary {display: block;}

html {
	box-sizing: border-box;
}

*,
*:before,
*:after {
	box-sizing: inherit;
}

img,
object,
embed {max-width: 100%;}

html {overflow-y: scroll;}

ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before,
blockquote:after,
q:before,
q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; text-decoration: none; }

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

table {border-collapse: separate; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}

pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom;}
.ie7 input[type="checkbox"] {vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}

small {font-size: 85%;}

strong {font-weight: 500;}

td, td img {vertical-align: top;}

sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label,
input[type=button],
input[type=submit],
input[type=file],
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button,
input[type=button] {width: auto; overflow: visible;}

/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* let's clear some floats */
.clearfix:after { content: " "; display: block; clear: both; }

/* clears the ‘X’ from Internet Explorer */
input[type=search]::-ms-clear { display: none; width : 0; height: 0; }
input[type=search]::-ms-reveal { display: none; width : 0; height: 0; }
/* clears the ‘X’ from Chrome */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none; }

/* =================================== */
/*  2. Basic Style 
/* =================================== */

body, html {
	height: 100%;
}

::selection {
	background: #00aedf;
	color: #fff;
	text-shadow: none;
}

img {
	vertical-align: inherit;
}

a, a:focus {
	color: #3776ff;
	-webkit-transition: all .15s ease;
	transition: all .15s ease;
}

a:hover, a:active {
	color: #0355b3;
	-webkit-transition: all .15s ease;
	transition: all .15s ease;
}

a:focus, a:active,
.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus,
button:focus,
button:active {
	outline: none;
}

p {
	line-height: 1.6;
	margin: 0 0 1.5rem 0;
}
p:last-child {
	margin-bottom: 0;
}

blockquote {
	border-left: 5px solid #eee;
	padding: 10px 20px;
}

iframe {
	border: 0 !important;
}

h1, h2, h3, h4, h5, h6 {
	line-height: 1.3;
	margin: 0 0 1.3rem 0;
}

h1 {
	font-size: 3.4rem;
}

h2 {
	font-size: 3rem;
}


body {
	background: #fff;
	color: #333;
	font-family: 'Work Sans', sans-serif;
}

#main-wrapper {
}

.container {
	max-width: 1200px;
}

#content {
	padding-top: 30px;
	min-height: 550px;
}


/* =================================== */
/*  3. HELPERS
/* =================================== */
.color-white {
	color: #fff;
}
.font-400 {
	font-weight: 400 !important;
}

.text-center {
	text-align: center !important;
}
.text-right {
	text-align: right;
}

.left {
	float: left;
}
.right {
	float: right;
}
.all-center {
	display: flex;
	align-items: center;
	justify-content: center;
}
.flex-center {
	display: flex;
	align-items: center;
}

.mt-40 {
	margin-top: 40px;
}
.mb-50 {
	margin-bottom: 50px;
}
.mb-5r {
	margin-bottom: 5rem !important;
}
.ml-10 {
	margin-left: 10px;
}
.bold {
	font-weight: 600;
}
.required {
	color: #e75454;
}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
.btn,
a.btn,
button.btn {
	font-weight: 600;
	font-size: 15px;

	padding: 8px 24px;

	position: relative;

	background: #fff;
	color: #222;

	display: inline-block;

	border: 1px solid;
	border-color: transparent;
	border-radius: 100px;
	box-shadow: 0px 1px 0px rgb(255 255 255 / 16%) inset, 0px 3px 8px rgb(0 0 0 / 8%);
	text-shadow: 0px 1px 5pt rgb(0 0 0 / 6%);

	-webkit-transition: all .15s ease;
	transition: all .15s ease;

	font-family: 'Work Sans', sans-serif;
}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,
.btn:hover,
a.btn:hover,
button.btn:hover {
	transform: translateY(-3px);
	box-shadow: 0px 1px 0px rgb(255 255 255 / 16%) inset, 0px 3px 8px rgb(0 0 0 / 18%);
}

.btn .type {
    background: rgb(0 0 0 / 24%);
    border-radius: 100px;
    box-shadow: 0px 1px 0pt rgb(255 255 255 / 30%);
    padding: 0px 10px;
    margin-right: 10px;
    margin-left: -26px;
    font-weight: 500;
    display: inline-flex;
}

.btn-border {
	border: 1px solid !important;
	border-color: #e7e7e7 !important;
	background: none !important;
	color: inherit !important;
	margin-left: 0 !important;
}

.btn-drop {
	padding-right: 12px !important;
}
.btn-drop:after {
	content: '\e90d';
	font-family: 'keremiya';
	margin-left: 10px;
}

.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
.btn-green {
	background: #09c16c !important;
	color: #fff !important;
}
.btn-blue {
	background: #0975c1 !important;
	color: #fff !important;
}
.btn-light-blue {
	background: #11b7b7 !important;
	color: #fff !important;
}

.btn.btn-big {
	font-size: 24px;
	padding: 18px 48px;
	box-shadow: 0px 1px 0px rgb(255 255 255 / 15%) inset, 0px 3px 8px rgb(0 0 0 / 18%);
	letter-spacing: -.4px;
}
.btn.btn-big:hover {
	box-shadow: 0px 1px 0px rgb(255 255 255 / 16%) inset, 0px 3px 8px rgb(0 0 0 / 28%);
}

.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
.btn.btn-mid {
	font-size: 20px;
	padding: 16px 46px;
	box-shadow: 0px 1px 0px rgb(255 255 255 / 15%) inset, 0px 3px 8px rgb(0 0 0 / 16%);
	letter-spacing: -.4px;
}
.btn.btn-mid:hover {
	box-shadow: 0px 1px 0px rgb(255 255 255 / 16%) inset, 0px 3px 8px rgb(0 0 0 / 26%);
}

.btn.btn-sml {
	font-size: 13px;
	padding: 8px 12px;
	color: #555 !important;
	font-weight: 300;
	cursor: default;

	-webkit-transition: all .15s ease;
	transition: all .15s ease;
}
.btn.btn-sml:hover {
	transform: none;
}
.btn.btn-sml strong {
	font-weight: 500;
}

.status {
    width: 86px;
    display: inline-block;
    text-align: center;
    border: 1px solid;
    border-radius: 2px;
    padding: 3px 0;
    font-size: 13px;
    font-weight: 600;
    cursor: default;
    color: #666;
}

.status.answered, .status.completed, .status.quotation, .status.accepted, .status.created {
    color: #0aa000;
}
.status.canceled, .status.failed, .status.rejected {
    color: #d43b33;
}
.status.closed {
    color: #999;
}
.status.pending, .status.ordered {
    color: #d06627;
}
.status.processing {
    color: #f5b05b;
}

.status-border.answered, .status-border.completed, .status-border.quotation, .status-border.accepted, .status-border.created {
    border-left-color: #0aa000;
}
.status-border.canceled, .status-border.failed, .status-border.rejected {
    border-left-color: #d43b33;
}
.status-border.closed {
    border-left-color: #999;
}
.status-border.pending, .status-border.ordered {
    border-left-color: #d06627;
}
.status-border.processing {
    border-left-color: #f5b05b;
}
.featured-item {
	text-align: center !important;
	height: 100%;
}
.featured-item .title {
	display: block;
	color: #777;
	font-weight: 600;
	font-size: 14px;
	margin-bottom: 5px;
}
.featured-item .body {
	font-size: 18px;
	font-weight: 600;
}

/* INPUTS */

input, textarea {
	font-family: 'Work Sans', sans-serif;
    display: block;
    border: 1px solid #ccc;
    background: #fff;
    color: #555;
    border-radius: 2px;
    padding: 10px;
    width: 100%;
    box-shadow: 0px 2px 7px rgb(0 0 0 / 2%);
    outline: none;

    -webkit-transition: all .15s ease;
    transition: all .15s ease;
}
input:focus, textarea:focus, select:focus {
    border-color: #7b8696;
}
textarea {
    resize: vertical;
}

input[type=checkbox] {
    width: auto;
    display: inline-block;
    margin-top: 0px;
    margin-right: 8px;
    margin-left: 0px;
}
input[type=radio] {
    width: auto;
    display: inline-block;
}

select {
    outline: none;
    display: block;
    border: 1px solid #ccc;
    background: #fff;
    color: #777;
    border-radius: 2px;
    padding: 10px 24px 10px 10px;
    width: 100%;
    box-shadow: 0px 2px 7px rgb(0 0 0 / 7%);
    cursor: pointer;

    -webkit-appearance: none;
    background: #fff url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E) no-repeat right 5px top 55%;
    background-size: 16px 16px;
}
select:focus {
    color: #333;
}

/* table */
.table {
	width: 100%;
	border-collapse: collapse;
	margin: 10px 0px 3em;
	text-align: left;
	background:#fff;

    box-shadow: 0 10px 30px -20px rgb(50 50 93 / 18%), 0 20px 40px -30px rgb(0 0 0 / 0%), 0 -30px 60px -10px rgb(0 0 0 / 0%);
}
.table {
	border-spacing: 0px;
}
.table a {
	color:#03568A;
}
.table th {
	padding: 20px 14px;
	font-size: 14px;
	font-weight: 500;
	color: #6e6f71;
	text-transform: uppercase;
	text-align: center;
	border-width: 1px 1px 1px;
	border-style: solid;
	border-color: rgb(230, 230, 230) rgb(230, 230, 230) rgb(230, 230, 230);
	-moz-border-top-colors: none;
	-moz-border-right-colors: none;
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	border-image: none;
}
.table th, .table td {
	vertical-align: middle;
}
.table td {
	font-size: 15px;
	padding: 1.25em;
	border: 1px solid rgb(230, 230, 230);
}

.order-total {
	width: 10%;
}

.table td.order-total {
	width: 15%;
}
.table td.order-date {
	width: 15%;
}
.table td.order-number {
	width: 10%;
}
.order-status, .order-actions {
	width: 15%;
	text-align: center !important;
}

/* =================================== */
/*  4. HEADER
/* =================================== */

.header-con {
	position: relative;
	background: #fff;
	box-shadow: 0 10px 30px -20px rgb(50 50 93 / 15%), 0 20px 40px -30px rgb(0 0 0 / 19%), 0 -30px 60px -10px rgb(0 0 0 / 3%);

	border-top: 3px solid #00b963;
}

.header-con.fixed {
	position: fixed;
	left: 0;
	right: 0;
	z-index: 9999;
}

.flex-con {
	display: flex;
	align-items: stretch;
	height: 70px;
	gap: 20px;
}

.header-logo {
	max-width: 200px;
	display: flex;
}
.header-logo a {
	display: block;
}
.header-logo img {
	display: block;
	max-width: 186px;
}
.logo-title {
	position: absolute !important;
	margin: -1px;
	padding: 0;
	height: 1px;
	width: 1px;
	overflow: hidden;
	border: 0;
	clip: rect(0 0 0 0);
}

.header-mobile-menu {
	display: none;
}

.all-items {
	display: flex;
}

.user-items {
	display: flex;
	gap: 10px;
}

.user-item a {
	white-space: nowrap;
}
.user-item a.btn {
	padding:  8px 20px;
}

.cart-items {
    background: #09c16c;
    position: absolute;
    right: 0;
    top: -6px;
    padding: 2px 4px;
    font-size: 12px;
    border-radius: 50%;
    color: #fff;
}

/* Menu */

.menu-nav {
	display: flex;
	width: 100%;
	justify-content: flex-end;
	border-right: 1px solid #f7f7f7;
}


/* NAV */

.nav {
	display: flex;
	height: 100%;
	align-items: center;
}
.nav > ul {
	display: flex;
	height: 100%;
}
.nav > ul > li {
	display: flex;
	height: 100%;
}
.nav > ul > li > a {
	display: flex;
	height: 100%;
	align-items: center;

	padding: 0px 20px;

	color: #2b3631;
	font-weight: 500;
}
.nav > ul > li > a:hover {
	background: #fafbff;
}
.nav > ul > li > a > span {
	color: #71a72c;
	font-size: 24px;
	padding-right: 8px;
}

.nav > ul > li > ul > li ul {
	display: none;
}

.nav > ul > li.menu-item-has-children {
	position: relative;
}
.nav > ul > li.menu-item-has-children > a:after {	
	font-family: keremiya;
	content: '\E807';
	margin-left: 10px;
}
.nav > ul > li.menu-item-has-children:hover > ul {
	opacity: 1;
	visibility: visible;
}
.nav > ul > li.menu-item-has-children:hover > ul:before {
    content: '';
    background: #fff0;
    position: absolute;
    left: 0;
    right: 0;
    top: -7px;
    height: 7px;
}
.nav > ul > li.menu-item-has-children > ul {
	opacity: 0;
	visibility: hidden;
    -webkit-transition: .12s ease;
    -moz-transition: .12s ease;
    -o-transition: .12s ease;
    transition: .12s ease;
    position: absolute;
    top: 110%;
    right: 0;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    transform: translate(-50%,0);
    width: 200px;
    z-index: 999;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 7px 8px rgb(0 0 0/18%);
    cursor: auto;
    background: #fff;
}
.nav > ul > li.menu-item-has-children > ul li a {
	display: flex;
	padding: 15px 20px;
	border-bottom: 1px solid #ececec;
	color: #2b3631;
	font-weight: 500;
	font-size: 16px;
}
.nav > ul > li.menu-item-has-children > ul li a:hover {
	background: #;
}
.nav > ul > li.menu-item-has-children > ul li:last-child a {
	border-bottom: 0;
}


/* =================================== */
/*  5. ELEMENTS
/* =================================== */

.section {
	position: relative;
	padding: 90px 0;
}

.section-title {
	font-weight: 500;
	letter-spacing: -1.2px;
}
.section-title span {
	color: #09c16c;
}
.section-title-alt {
	font-size: 1.8rem !important;
}
.section-text {
	margin-bottom: 1.5rem;
}

.section p {
	font-size: 1.2rem;
	font-weight: 300;
	color: #464646;
	letter-spacing: -.2px;
}


.section h2 {
	font-size: 2.35rem;
	font-weight: 500;
	letter-spacing: -.8px;
}

.section h3 {
	font-size: 1.8rem;
	font-weight: 500;
	letter-spacing: -.8px;
}

.section-center {
	text-align: center;
}

.section-block {
	max-width: 85%;
	margin: 0 auto 0;
}
.section-block-2 {
	padding-left: 3rem;
}
.section-pt-60 {
	padding-top: 60px;
}
.centered-section .section-image {
	margin-bottom: 40px;
}


.head-icon {
	margin-bottom: 40px;
	width: 50px;
}

.section-grey-bg {
	background: #edf2f4;
}
.section-bg-linear {
	background: linear-gradient(90deg,#01aee0 15%, #b2d22c 94%);
	padding: 140px 0 180px;
}

.section-image img {
	width: 390px;
	max-width: 100%;
	border-radius: 2px;
	position: relative;
	z-index: 2;
}

.section-featured {
	background-image: -webkit-radial-gradient(closest-corner,rgba(16,47,70,0) 60%,rgba(16,47,70,.26)),-webkit-linear-gradient(108deg,#26d0c8,#0975c1 90%);
	color: #fff;
}
.section-featured::before {
	content: '';
    height: 140px;
    background: #ffffff;
    transform: skewY(183deg);
    width: 100%;
    display: block;
    position: absolute;
    bottom: -133px;
}
.section-featured::after {
    content: '';
    height: 140px;
    background: #fff;
    transform: skewY(-183deg);
    width: 100%;
    display: block;
    position: absolute;
    bottom: -133px;
}

.section-featured .section-title,
.section-featured .section-text,
.section-featured .section-text p {
	color: #fff;
	text-shadow: 7px 6px 16px rgb(0 0 0 / 8%);
}
.section-featured .stars {
	color: #24d986;
    text-shadow: 7px 6px 16px rgb(0 0 0 / 13%);
}

.stars {
	color: #12af66;
	cursor: default;
}
.stars span:before {
	margin: 0;
}

/* Section Page */

.section-page h1 {
	font-size: 3.1rem;
	font-weight: 500;
	letter-spacing: -.8px;

    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
	background-image: -webkit-linear-gradient(120deg,#558970,#2a3c48f2);
	text-align: center;

	margin-bottom: 30px;
}

.section-page .container {
	max-width: 1000px;
}


/* TESTIMONIALS */
.testimonials {
	-webkit-columns: 3 300px;
 	-moz-columns: 3 300px;
	columns: 3 300px;
	column-gap: 1.8rem;

	margin-top: 80px;
	margin-bottom: 40px;
}

.testimonial-item {
	background: #fff;
	border-radius: 8px;
	padding: 30px 25px;
	margin-bottom: 20px;

	-webkit-column-break-inside: avoid;
  	page-break-inside: avoid;
  	break-inside: avoid;
  	text-align: left;

	box-shadow: 0 10px 30px -20px rgb(50 50 93 / 21%), -4px 2px 60px -30px rgb(2 94 189 / 25%), 0 -30px 60px -10px rgb(5 30 68 / 3%);

	letter-spacing: -.3px;
}

.testimonial-item .stars {
	margin-top: 5px;
	color: #ccc;
}
.testimonial-item .stars .fullStar {
	color: #12af66;
}

.testimonial-head {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px;

    margin-bottom: 20px;
}
.testimonial-user-image {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    box-shadow: 0 3px 8px rgb(0 0 0 / 8%);
    color: #666;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.testimonial-user-title {
	font-weight: 500;
	color: #5f727a;
}

.testimonial-title {
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 15px;
}
p.testimonial-text {
	font-size: 16px;
	color: #555;
	margin-bottom: 0;
}

/* ACCORDION */

.faq {
	max-width: 800px;
	margin: 65px auto 0;
}
.accordion {
	background: #f1f3f2;
	border-radius: 4px;
}
.accordion .accordion-body {
	display: none;
}
.accordion .accordion-item {
	margin-bottom: 15px;
	font-size: 16px;
	line-height: 24px;
	box-shadow: 0 10px 30px -20px rgb(50 50 93 / 21%), -4px 2px 60px -30px rgb(2 94 189 / 25%), 0 -30px 60px -10px rgb(5 30 68 / 3%);
	color: #565e5b;
}
.accordion .accordion-item.active .accordion-icon {
	transform: rotate(180deg);
}

.accordion .accordion-header {
	padding: 10px;
}

.accordion .accordion-title {
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 5px;
	font-size: 16px;
	margin-bottom: 0;
}
.accordion .accordion-alt-title {
	width: 100%;
	text-overflow: ellipsis;
	-webkit-line-clamp: 1;
	word-break: break-word;
	overflow: hidden;
	display: -webkit-box !important;
	-webkit-box-orient: vertical;
	text-align: left;
	padding:  0px 10px;
}
.accordion .accordion-title span {
	transition: .3s all;
	display: flex;
	font-weight: 500;
}
.accordion .accordion-title .accordion-icon {
	font-size: 26px;
}
.accordion .accordion-body .accordion-body-inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-direction: column;
	grid-gap: 10px;
	padding: 20px;
	font-size: 15px;
}

.accordion .accordion-body {
	border-top: 1px solid #ddd;
}

.accordion .accordion-body div {
	display: inline-block;
}
.accordion .accordion-body .accordion-left {
	font-weight: bold;
	margin-right: 5px;
	color: #ff6868;
}


/* SINGLE */

.single-featured h1 {
	font-weight: 600;
}

.single-featured-row {

}

.single-featured-image {
    background: #fff;
    box-shadow: 0 10px 30px -20px rgb(30 30 62 / 38%), 0px 0px 60px 4px rgb(10 10 10 / 17%), 0 -30px 53px -30px rgb(46 46 46 / 33%);
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    padding-bottom: 64.9%;
    margin-bottom: 15px;
}
.single-featured-image-con {
    position: absolute;
    padding: 10px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.single-featured-image img {
    min-height: 100%;
    width: 100%;
    height: 100%;
}
.btn-demo {
	margin-left: 10px;
}

.theme-versions {
	display: flex;
    justify-content: space-around;
}

.step-item {
    text-align: center;
    box-shadow: 0 10px 30px -20px rgb(50 50 93 / 21%), -4px 2px 60px -30px rgb(2 94 189 / 25%), 0 -30px 60px -10px rgb(5 30 68 / 3%);
    background: #fff;
    padding: 30px 15px;
    border-radius: 10px;
}
.step-item p {
	margin-bottom: 0;
	font-size: 15px;
}
.step-item-label {
	margin-bottom: 10px;
}
.step-item-label-icon {
	font-size: 42px;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-image: -webkit-linear-gradient(120deg,#66dfa7,#2f73a3f2);
    color: #444444
}
.step-item-title {
	margin-bottom: 15px;
	font-weight: 500;
}
.step-item.showcase {
	padding-top: 15px;
	margin-bottom: 30px;
}
.step-item.showcase .step-item-label {
	height: 190px;
	border: 1px solid #efefef;
	padding: 2px;

	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.step-item.showcase .step-item-label img {
	max-width: 100%;
	max-height: 100%;
}
.step-item.showcase p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.features-con .step-item {
	box-shadow: none;
}
.features-con .step-item-label-icon {
	font-size: 56px;
}
.features-con .step-item-title {
	font-size: 18px;
}

/* package */
.packages {
	margin-bottom: 100px;
}
.package {
    text-align: center;
    box-shadow: 0 10px 30px -20px rgb(50 50 93 / 21%), -4px 2px 60px -30px rgb(2 94 189 / 25%), 0 -30px 60px -10px rgb(5 30 68 / 3%);
    background: #fff;
    background-image: -webkit-radial-gradient(closest-corner,rgb(16 47 70 / 0%) 60%,rgb(16 47 70 / 1%)),-webkit-linear-gradient(108deg,#ffffff,#ffffff 90%);
    padding: 35px 15px;
    border-radius: 10px;
    letter-spacing: -.8px;
    border: 1px solid #efefef;

    position: relative;
	-webkit-transition: all .15s ease;
	transition: all .15s ease;
}
.package:hover {
	transform: scale(1.1);
	z-index: 2;
	box-shadow: 0 10px 30px -20px rgb(50 50 93 / 41%), -4px 2px 60px -30px rgb(2 94 189 / 35%), 0 -30px 60px -10px rgb(5 30 68 / 8%);
}
.package-title {
	font-size: 24px;
	font-weight: 500;
	margin-bottom: 30px;
}
.package-features {
	font-size: 20px;
	margin-bottom: 10px;
	font-weight: 500;
	color: #5c5c5c;
}
.package-price {
	font-size: 26px;
	color: #09c16c;
	margin-bottom: 25px;
}
.package-cover {
	color: #09c16c;
}


/*
 * BREADCRUMBS
 */
#breadcrumbs {
	margin-bottom: 10px;
	font-size: 15px;
	color: #888;
}
#breadcrumbs a {
	color: #777;
	font-size: 15px;
}
#breadcrumbs span:last-child a {
	font-weight: 600;
}
#breadcrumbs a:hover {
	text-decoration: underline;
}

/*
 * TABS
 */

.tab-wrap {
    display: none;
    background: #fff;
    padding: 30px 40px;
    box-shadow: 0 10px 30px -20px rgb(50 50 93 / 15%), 0 20px 40px -30px rgb(0 0 0 / 19%), 0 -30px 60px -10px rgb(0 0 0 / 3%);
    text-align: left;
	border: 1px solid #efefef;
    border-radius: 8px;
}
.tab-wrap.current_item {
	display: block;
}
.tab-wrap .section-image img {
	width: 300px;
}

.tabs {
	display: flex;
    justify-content: center;
    align-items: flex-start;
    padding: 14px;
    position: relative;
    z-index: 1;
    gap: 10px;
}
.tabs .tab {
    padding: 14px 20px;
    background: #fdfdfd;
    box-shadow: 0 10px 30px -20px rgb(50 50 93 / 15%), 0 20px 40px -30px rgb(0 0 0 / 19%), 0 -30px 60px -10px rgb(0 0 0 / 3%);
    border: 1px solid #efefef;
    border-radius: 10px;
    cursor: pointer;
    color: #333;
}
.tabs .tab.no-need {
	opacity: .3;
	cursor: default;
}
.tabs .tab .title {
	margin-left: 8px;
}
.tabs .tab .number {
	background: #f7f7f7;
    border-radius: 50%;
    width: 28px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.tabs .tab.current_item,
.tabs .tab.is-active {
    background: #fff;
    padding-bottom: 30px;
    padding-top: 21px;
    margin-top: -8px;
    margin-bottom: -15px;
    border-bottom: 1px solid #ffff;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    position: relative;
    z-index: 4;
    box-shadow: -1px -13px 30px -20px rgb(50 50 93 / 8%), 0px -20px 40px -30px rgb(0 0 0 / 9%), 0 -30px 60px -10px rgb(0 0 0 / 3%);
    cursor: default;
}
.tabs .tab.is-active {
	cursor: pointer;
}
.tabs .tab.current_item .number,
.tabs .tab.is-active .number {
    background: #09c06c;
    color: #fff;
}

.tab-wrap .more {
	display: none;
	padding: 0;
	margin-top: 40px;
	padding-top: 40px;
	box-shadow: none;
	border-radius: 0;
	border: 0;
	border-top: 1px solid #efefef;
}


/* POST CONTENT */
.post-content,
.content-box {
    background: #fff;
    padding: 30px 40px;
    box-shadow: 0 10px 30px -20px rgb(50 50 93 / 15%), 0 20px 40px -30px rgb(0 0 0 / 19%), 0 -30px 60px -10px rgb(0 0 0 / 3%);
        box-shadow: 0 10px 30px -20px rgb(50 50 93 / 18%), 0 20px 40px -30px rgb(0 0 0 / 0%), 0 -30px 60px -10px rgb(0 0 0 / 0%);
    text-align: left;
    border: 1px solid #efefef;
    border-radius: 8px;
}
.post-content:after {
	content: " "; display: block; clear: both;
}

.post-content .section {
	padding: 40px 0;
	border-bottom: 1px solid #efefef;
}
.post-content .section:last-child {
	border-bottom: 0;
}

.post-content p,
.content-box p {
	font-size: 16px;
	line-height: 26px;
	font-weight: 400;
	color: #626f74;
}
.post-content figure {
	margin-bottom: 1.1rem;
}

.post-content p > strong, .post-content p > b {
	color: #484646;
}

.post-content h1,
.post-content h2,
.post-content h3,
.post-content h4,
.post-content h5,
.post-content h6 {
	color: #474d54;

	margin: 0 0 0.5em;
	line-height: 1.4;
	font-weight: 500;
}

.post-content img {
	max-width: 100%;
	-ms-interpolation-mode: bicubic;
	height: auto;
	border-radius: 4px !important;
}

.post-content > ul {
	list-style: disc;
	margin-bottom: 20px;
	padding-left: 19px;
	line-height: 20px;
}
.post-content > li {
	margin-bottom: 5px;
}
.post-content > li::marker {
	font-weight: 500;
}
.post-content > li a {
	text-decoration: underline;
}
.post-content > ul li ul {
	list-style: circle;
	margin-top: 8px;
}

.post-content > ol {
	margin-bottom: 20px;
	list-style: decimal;
	padding-left: 19px;
	line-height: 20px;
}

.alignleft, img.alignleft {
	margin-right: 1.5em;
	display: inline;
	float: left;
}
.alignright, img.alignright {
	margin-left: 1.5em;
	display: inline;
	float: right;
}
.aligncenter, img.aligncenter {
	margin-right: auto;
	margin-left: auto;
	display: block;
	clear: both;
}
.alignnone, img.alignnone {
	/* not sure about this one */
}
.wp-caption {
	margin-bottom: 1.5em;
	text-align: center;
	padding-top: 5px;
	max-width: 100% !important;
}
.wp-caption img {
	border: 0 none;
	padding: 0;
	margin: 0;
}
.wp-caption .wp-caption-text {
	background: #fff;
	border-radius: 3px;
	box-shadow: 0px 3px 8px rgb(0 0 0 / 4%);
	padding: 3px 10px 3px;
	text-align: center;
	margin-bottom: 15px;
	font-size: 14px;
}
.wp-smiley {
	margin: 0 !important;
	max-height: 1em;
}

.wp-block-embed-youtube > div {
	position: relative;
	padding-bottom: 56%;
}
.wp-block-embed-youtube iframe {
	width: 100%;
	height: 100%;

	position: absolute;
}
.wp-block-pullquote {
	border-width: 1px 0;
	border-top: 1px solid #48576e;
    border-bottom: 1px solid #48576e;
}
.wp-block-pullquote p {
	font-size: 24px;
}
.wp-block-pullquote cite, .wp-block-pullquote footer, .wp-block-pullquote__citation {
    text-transform: uppercase;
    font-style: normal;
}

.post-content ul.wp-block-post-template {
	list-style: none;
	padding: 0;
}
.post-content li.wp-block-post {
	margin-bottom: 1.1rem;
    box-shadow: 0px 3px 7px rgb(0 0 0 / 2%);
    padding: 20px 30px;
    border: 1px solid #ddd;
    border-radius: 4px;
}

pre.wp-block-code {
    background: #333;
    white-space: pre;
    word-wrap: break-word;
    overflow: auto;
}

pre.wp-block-code {
    margin-bottom: 1.1rem;
    border-radius: 4px;
    border: 1px solid #292929;
    position: relative;
}
pre.wp-block-code code {
    font-family: "Inconsolata","Monaco","Consolas","Andale Mono","Bitstream Vera Sans Mono","Courier New",Courier,monospace;
    display: block;
    margin: 0 0 0 60px;
    padding: 15px 16px 14px;
    border-left: 1px solid #555;
    overflow-x: auto;
    font-size: 13px;
    line-height: 19px;
    color: #ddd;
}
pre.wp-block-code:before {
    content: '\E818';
    font-family: ekonews;
    color: #ddd;
    position: absolute;
    font-size: 32px;
    top: 50%;
    left: 19px;
    transform: translateY(-50%);
}
pre.wp-block-verse {
    margin-bottom: 1.1rem;
    box-shadow: 0px 3px 7px rgb(0 0 0 / 2%);
    padding: 20px 30px;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.wp-block-table {
  margin: 0 0 1em 0;
  overflow-x: auto;
}
.wp-block-table table {
  border-collapse: collapse;
  width: 100%;
}
.wp-block-table td, .wp-block-table th {
    padding: 0.5em;
    border: 1px solid;
    word-break: normal;
}
.wp-block-table th {
	font-weight: bold;
}

.wp-block-quote {
	position: relative;
	border-left: 3px solid #111;
	padding: 10px 15px 15px 40px;
	margin-bottom: 1.1rem;
	background: #fafafa;
}
.wp-block-quote:before {
    content: '"';
    position: absolute;
    font-size: 72px;
    opacity: 0.1;
    top: 0;
    left: 7px;
}
.wp-block-quote cite {
	font-size: 13px;
}
.wp-block-quote.is-style-plain {
	border-left: 0;
}
.wp-block-quote.is-style-large {
	border-left: 0;
	padding-top: 20px;
	padding-bottom: 20px;
	border-radius: 4px;
}
.wp-block-quote.is-style-large cite {
	display: block;
	text-align: right;
}

.wp-block-image figcaption {
	text-align: center;
	font-size: 13px;
	opacity: .8;
}

/* Contact Form */
.contact-form .error {
	color: #cf6868;
    font-size: 15px;
}

/* SECTION SUPPORT */

.technical-support {
	top: 90px;
    position: sticky;
}

.section-support .icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 110px;
    height: 110px;
    font-size: 56px;
    color: #444444;
    border-radius: 50%;
    color: #fff;

	box-shadow: 0px 1px 0px rgb(255 255 255 / 16%) inset, 0px 3px 8px rgb(0 0 0 / 8%);
    text-shadow: 0px 1px 5pt rgb(0 0 0 / 6%);

    margin-bottom: 30px;
}
.section-support .icon span:before {
    margin: 0;
    width: 0.95em;
}
.section-support .content-box .btn {
	width: 100%;
}
.section-support .title {
	font-weight: 500;
}

.create-ticket-box,
.documentation-box {
	height: 400px;
}

.create-ticket-box .icon {
	background: #09c16c;
}
.documentation-box .icon {
	background: #11b7b7;
}
.documentation-box .themes {
	display: none;
	height: 100%;
    overflow-y: scroll;
    width: 100%;
    cursor: auto;
}
.documentation-box .themes ul {
	padding-right: 20px;
}
.documentation-box .themes ul li {
	margin-bottom: 10px;
}

/* SINGLE TICKET */

.ticket-con h4 {
	font-size: 1.4rem;
	font-weight: 500;
}
.ticket-con h4 span {
	font-size: 14px;
	color: #777;
}
.desc {
	margin-top: 8px;
	font-size: 15px;
	display: block;
}

.comment-inner {
    background: #fff;
    padding: 20px 30px;
    text-align: left;
    border: 1px solid #efefef;
    border-radius: 8px;
    margin-bottom: 20px;
}
.comment-inner h5 {
	font-weight: 500;
}
.comment-inner h5 span {
	font-size: 14px;
}

/* MY ACCOUNT */
.license-key {
    max-width: 60%;
    display: flex;
    margin: 0 auto 0;
}
.license-key .copied {
	border-color: #09bf6b;
}
.license-key .copy {
    background: #09bf6b;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px 10px;
    margin-left: -2px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    box-shadow: 0px 1px 0px rgb(255 255 255 / 16%) inset, 0px 3px 8px rgb(0 0 0 / 8%);
    cursor: pointer;
}

.account-product {
    display: grid;
    position: relative;
    grid-template-areas: "cross cross cross"
        "image content buttons";
    grid-template-columns: 150px auto 165px;
    grid-column-gap: 16px;
    padding: 16px;
    color: #767d81;
    font-size: 15px;

    box-shadow: 0 10px 30px -20px rgb(50 50 93 / 18%), 0 20px 40px -30px rgb(0 0 0 / 0%), 0 -30px 60px -10px rgb(0 0 0 / 0%);
    border: 1px solid #efefef;
    border-radius: 8px;
    margin-bottom: 20px;
}
.account-product .image {
    grid-area: image;
    position: relative;
}
.account-product .image img{
    box-shadow: 0 10px 30px -20px rgb(50 50 93 / 18%), 0 20px 40px -30px rgb(0 0 0 / 0%), 0 -30px 60px -10px rgb(0 0 0 / 0%);
    border-radius: 8px !important;
    background: #fff;
}
.account-product .image .product-price {
	right: auto !important;
    left: -10px !important;
}
.account-product .content {
    grid-area: content;
    text-align: left;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}
.account-product .buttons {
	grid-area: buttons;
	text-align: right;
	display: flex;
    flex-direction: column;
    align-items: self-end;
    justify-content: space-between;
}
.account-product .buttons .btn:last-child {
	margin-top: 10px;
}
.account-product .product-title a {
	font-size: 24px;
    font-weight: 500;
    color: #444444;
}
.account-product .product-title-alt {
	color: #747474;
}
.account-product .product-version {
	font-size: 14px;
	opacity: .8;
}
.account-product .license-items {
    margin-top: 12px;
    display: inline-flex;
    width: 100%;
    gap: 50px;
}
.account-product .license-items .connected {
    color: #19a564;
    font-weight: 600;
}

.domain-list {
    position: absolute;
    top: calc(100% - 9px);
    right: -1px;
    left: 20%;
    background: #fff;
    border: 1px solid #efefef;
    border-radius: 8px;
    box-shadow: 0px 6px 16px rgb(0 0 0 / 10%);
    text-align: left;
    word-break: break-all;
    padding: 10px;
    visibility: hidden;
    opacity: 0;
	-webkit-transition: all .15s ease;
    transition: all .15s ease;
}
.domain-list.active {
	visibility: visible;
	opacity: 1;
	z-index: 2;
}

.domain-list-con {
	overflow-x: auto;
    max-height: 132px;
}
.domain-list-con > div {
    background: #fff;
    border: 1px solid #efefef;
    padding: 5px;
    border-radius: 8px;
    margin-bottom: 5px;
    margin-left: 5px;
    float: left;
    font-size: 14px;
}

/* BLOG CON */
.blog-item {
    text-align: center;
    box-shadow: 0 10px 30px -20px rgb(50 50 93 / 21%), -4px 2px 60px -30px rgb(2 94 189 / 25%), 0 -30px 60px -10px rgb(5 30 68 / 3%);
    background: #fff;
    padding: 15px 15px 30px 15px;
    border-radius: 10px;
}
.blog-item p {
	margin-bottom: 0;
	font-size: 15px;
}
.blog-item-image {
	margin-bottom: 10px;
	position: relative;
	padding-bottom: 64%;
}
.blog-item-image img {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	right: 0;
}

.blog-item-title {
	margin-bottom: 15px;
	font-weight: 500;
}
.blog-item-description {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.post-footer {
	font-size: 15px;
}
.post-footer span {
	margin-right: 5px;
}
.post-footer a {
	margin-bottom: 5px;
}
.post-footer > div {
	margin-bottom: 10px;
}
.post-footer > div:last-child {
	margin-bottom: 0;
}


/* =================================== */
/*  6. FOOTER
/* =================================== */
#footer {
	background: #fff;
	border-top: 3px solid #00b963;
	letter-spacing: -.4px;
	opacity: .9;
}
#footer > .container {
	padding-top: 60px;
	padding-bottom: 60px;
	position: relative;
}
.footer-logo {
	position: inherit;
	display: flex;
	align-items: center;
	text-align: center;
}
.footer-logo-content {
	display: flex;
	width: 100%;
	justify-content: center;
	align-items: stretch;
}
.footer-logo .logo-content {
	margin-bottom: 20px;
}
.footer-logo:before {
  content: '';
  position: absolute;
  width: 2px;
  top: 0;
  bottom: 0;
  background: #f7f7f7;
  margin-left: -30px;
}
.footer-menu h4 {
	font-size: 16px;
	font-weight: 500;
	text-transform: uppercase;
}
.footer-menu ul li {
	margin-bottom: 8px;
}
.footer-menu ul li a {
	font-size: 15px;
	color: #73777d;
	font-weight: 400;
}
.footer-menu ul li a:hover {
	color: #000;
}
.social-items {
	margin-top: 40px;
}

.footer-copyright {
	padding-top: 30px;
	padding-bottom: 30px;
	border-top: 2px solid #f7f7f7;
	font-size: 14px;
	color: #777;
}
.footer-copyright-content {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.footer-payments {
	display: inline-flex;
	align-items: center;
	justify-content: space-between;
	gap:  15px;
}
.footer-payments .payment-icons {
	font-size: 30px;
}
.footer-payments .payment-icons span:before {
	width: auto;
	margin:  0;
}
.icon-cc-visa {
	color: #3956a7;
}
.icon-cc-mastercard {
	color: #13457b;
	background: -webkit-linear-gradient(0, #eb1c2d, #fab130 110%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.icon-cc-discover {
	color: #f5821f;
}
.icon-cc-amex {
	color: #0079aa;
}
.icon-cc-paypal {
	color: #1c3662;
}

/*
 * WOOCOMMERCE 
 */
.woocommerce-error, .woocommerce-message, .woocommerce-info{
    box-shadow: 0 10px 30px -20px rgb(50 50 93 / 15%), 0 20px 40px -30px rgb(0 0 0 / 19%), 0px -3px 60px -10px rgb(0 0 0 / 3%);
    border-radius: 10px;
    margin: 0 0 2em !important;
}
.woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button, .woocommerce-page .woocommerce-error .button, .woocommerce-page .woocommerce-info .button, .woocommerce-page .woocommerce-message .button {
	font-size: 15px;
    padding: 8px 24px;
    font-weight: 500;
}

.woocommerce .woocommerce-notices-wrapper .button,
.woocommerce .shop_table .button {
	font-size: 15px;
    padding: 8px 18px;
}
.woocommerce-cart table.cart td.actions .coupon .input-text {
	width: 130px !important;
	margin-right: 10px;
}


.woo-nav {
    margin-top: -87px;
    background: #fff;
}


.logged-in.woocommerce-account .post-content {
	margin-top: 116px;
	padding: 0;
}

.woocommerce-account .woocommerce-MyAccount-content {
	float: none;
	width: 100%;
    max-width: 100%;
    padding:  20px 30px;
}

.woocommerce-MyAccount-navigation-link--subscriptions,
.woocommerce-MyAccount-navigation-link--edit-address,
.woocommerce-MyAccount-navigation-link--downloads {
	display: none;
}


.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 {
	max-width: 48%;
}


.edit-account fieldset {
	margin-top: 40px;
}
.edit-account fieldset legend {
	font-weight: 500;
}

.woocommerce-Addresses {
	font-size: 15px;
}

.select2-container .select2-selection--single {
    height: 40px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 36px !important;
    width: 27px !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 38px !important;
    padding-left: 10px !important;
}



.woocommerce table {
	border: 0;
	border-collapse: collapse !important;
}
.woocommerce table.shop_table td {
	border: 0;
	padding: 12px 12px;
	border: 1px solid #efefef !important;
}
.woocommerce table.shop_table th {
	font-size: 16px;
	border: 1px solid #efefef !important;
}
.woocommerce table.shop_table tbody tr {
    box-shadow: 0 10px 30px -20px rgb(50 50 93 / 18%), 0 20px 40px -30px rgb(0 0 0 / 0%), 0 -30px 60px -10px rgb(0 0 0 / 0%);
}

.woocommerce table.my_account_orders tr,
.woocommerce table.shop_table tr.cart_item {
	box-shadow: 0 10px 30px -20px rgb(50 50 93 / 15%), 0 20px 40px -30px rgb(0 0 0 / 19%), 0 -30px 60px -10px rgb(0 0 0 / 3%);
}


.woocommerce-cart-form {
	float: left;
	width: 60%;
}
.woocommerce .cart-collaterals, .woocommerce-page .cart-collaterals {
	float: right;
	width: 38%;
    border-left: 1px solid #efefef;
    padding-left: 20px;
}
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
	width: 100%;
}
.cart_totals h2 {
	font-size: 2rem;
}
.woocommerce-checkout h3 {
	font-size: 1.6rem;
}
.woocommerce-checkout #customer_details {
	float: left;
	width: 48%;
}
.woocommerce-checkout #customer_details .col-1,
.woocommerce-checkout #customer_details .col-2{
	max-width: 100%;
	width: 100%;
}
.woocommerce-additional-fields {
	margin-top: 40px;
}
.woocommerce-additional-fields h3 {
	font-size: 1.3rem;
}

.woocommerce-checkout #order_review_heading,
.woocommerce-checkout #order_review {
	float: right;
	width: 48%;

	border-left: 1px solid #efefef;
	padding-left: 20px;
	margin-bottom: 0;
}
.woocommerce-checkout-review-order-table {
	padding-top: 15px;
}

form.checkout:after {
	content: " "; display: block; clear: both;
}

.woocommerce-order h2 {
	font-size: 1.6rem;
}
.woocommerce-order .woocommerce-customer-details {
	display: none;
}
.woocommerce-thankyou-order-details,
.bacs_details {
    padding: 30px 20px;
    border: 1px solid #efefef !important;
    box-shadow: 0 10px 30px -20px rgb(50 50 93 / 18%), 0 20px 40px -30px rgb(0 0 0 / 0%), 0 -30px 60px -10px rgb(0 0 0 / 0%);
}
.woocommerce .wc-bacs-bank-details-account-name {
	font-weight: 500;
	font-size: 1.3rem;
}
.woocommerce-MyAccount-content h2 {
	font-size: 1.6rem;
}
.woocommerce-order-details .order_details {
	padding: 30px 20px;
	border: 1px solid #efefef !important;
	box-shadow: 0 10px 30px -20px rgb(50 50 93 / 18%), 0 20px 40px -30px rgb(0 0 0 / 0%), 0 -30px 60px -10px rgb(0 0 0 / 0%);
}
.woocommerce-thankyou-order-received {
	text-align: center;
	padding-top: 30px;
	margin-bottom: 60px;
}
.woocommerce-thankyou-order-received:before {
    content: '\E850';
    font-family: keremiya;
    font-size: 72px;
    display: block;
    margin-bottom: 30px;
}


#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
	background: #f8fafb;
}
#add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box {
	background-color: #ffffff;
    box-shadow: 0px 3px 20px 3px rgb(0 0 0 / 2%);
    border-radius: 8px;
}
#add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before {
    border: 1em solid #fff;
    border-right-color: transparent;
    border-left-color: transparent;
    border-top-color: transparent;
    box-shadow: 0px -3px 20px 3px rgb(0 0 0 / 2%);
}
#add_payment_method #payment ul.payment_methods li input, .woocommerce-cart #payment ul.payment_methods li input, .woocommerce-checkout #payment ul.payment_methods li input {
    margin: 9px 1em 0 0;
    float: left;
}
.woocommerce-privacy-policy-text p {
	font-size: 14px;
	margin-bottom: 10px;
}

.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register {
	border: 0;
	padding: 0;
	margin: 0 0 2em;
}
#customer_login h2 {
	font-size: 1.6rem;
}
#customer_login {
	position: relative;
}
#customer_login:before {
	position: absolute;
	content: '';
	background: #fff;
	border-right: 1px solid #efefef;
	width: 1px;
	height: 100%;
	margin-left: 50%;
}
.woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme {
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.woocommerce .woocommerce-form-login .woocommerce-form-login__submit,
.woocommerce .woocommerce-form-register .woocommerce-form-register__submit{
	float: right;
	margin-right: 0;
}
.woocommerce-LostPassword {
	text-align: right;
}

.woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled, .woocommerce #respond input#submit:disabled[disabled], .woocommerce a.button.disabled, .woocommerce a.button:disabled, .woocommerce a.button:disabled[disabled], .woocommerce button.button.disabled, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], .woocommerce input.button.disabled, .woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled] {
	padding: 16px 46px !important;
}

.woocommerce form.checkout_coupon {
	background: #fff;
    padding: 30px 40px;
    box-shadow: 0 10px 30px -20px rgb(50 50 93 / 18%), 0 20px 40px -30px rgb(0 0 0 / 0%), 0 -30px 60px -10px rgb(0 0 0 / 0%);
    text-align: left;
    border: 1px solid #efefef;
    border-radius: 8px;
}
.woocommerce form.checkout_coupon .button {
    font-size: 17px;
    padding: 10px 30px;
}
.woocommerce form .form-row .required {
	color: #d97979;
	font-size: 14px;
}


/* SHOP */
.woocommerce.archive .post-content {
	background: none;
	padding: 0;
	box-shadow: none;
	border: 0;
	border-radius: 0;
}
.woocommerce.archive .container {
	max-width: 1200px;
}

.woocommerce .product-item {
    text-align: center;
    box-shadow: 0 50px 100px -20px rgb(78 50 93 / 11%), 0 30px 60px -30px rgb(0 0 0 / 2%), 0 -18px 60px -10px rgb(0 0 0 / 3%);
    background: #fff;
    padding: 10px 15px 30px 15px !important;
    border-radius: 10px;
    position: relative;
}
.woocommerce .product-item .poster-item {
}
.woocommerce .product-item .product-title {
	margin-bottom: 15px;
}
.woocommerce .product-item .product-title a {
	font-size: 24px;
	font-weight: 500;
	color: #252525;
}
.woocommerce .product-item .product-title-alt {
	height: 78px;
	overflow: hidden;
}
.woocommerce .product-item .product-buttons {
	display: flex;
	justify-content: space-evenly;
}
.woocommerce .product-item .product-buttons .btn {
	padding: 8px 18px;
}
.woocommerce .product-item .product-price,
.account-product .product-price {
    position: absolute;
    right: -10px;
    top: -10px;
    background: #09c16c;
    width: 54px;
    height: 52px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border: 5px solid #ffffff;
    box-shadow: 0 50px 100px -20px rgb(78 50 93 / 11%), 0 30px 60px -30px rgb(0 0 0 / 0%), 0 -18px 60px -10px rgb(0 0 0 / 64%);
}

.woocommerce-result-count,
.woocommerce-ordering {
	display: none;
}

.term-description {
	text-align: center;
	max-width: 65%;
	margin: 0 auto 50px;
}

.woocommerce-password-strength {
	font-size: 14px;
	font-weight: 400;
}