h1, h2, h3, h4, h5, h6 {
		font-family: "Lexend", "Roboto", sans-serif;
		color: var(--dark);
}

.custom-font-secondary {
		font-family: "Lexend", "Roboto", sans-serif !important;
}

.custom-font-tertiary {
		font-family: "Playfair Display", "Roboto", serif !important;
}

p {
		line-height: 1.8;
		font-size: 16px;
		font-size: 1rem;
		letter-spacing: -0.015em;
}

.badge {
		font-weight: 500;
		font-family: "Lexend", "Roboto", sans-serif !important;
}

.custom-graph-svg-color-primary {
		fill: var(--primary) !important;
}

.custom-graph-svg-color-secondary {
		fill: var(--secondary) !important;
}

.btn {
		font-family: "Lexend", "Roboto", sans-serif !important;
		padding: 16px 35.2px;
		padding: 1rem 1.8rem;
		font-size: 14.4px;
		font-size: 0.9rem;
		font-weight: 500;
}

.custom-text-color-1 {
		color: #df0b0b;
}

.custom-text-color-2 {
		color: #e3993f;
}

@media (min-width: 992px) {
		#header .header-nav.header-nav-links:not(.header-nav-light-text) nav > ul > li > a {
				font-family: "Roboto", sans-serif !important;
				font-size: 17px;
				font-weight: 500;
				letter-spacing: -0.6px;
				color: var(--dark);
		}
		#header .header-nav.header-nav-links:not(.header-nav-light-text) nav > ul > li > a:hover {
				color: var(--primary) !important;
		}
		#header .header-nav.header-nav-links:not(.header-nav-light-text) nav > ul > li > a.active {
				color: var(--dark-rgba-50) !important;
		}
		#header .header-nav.header-nav-links:not(.header-nav-light-text) nav > ul > li.dropdown:not(.dropdown-mega) .dropdown-menu {
				transition: all 300ms;
				opacity: 0;
				transform: translate3d(-5px, 0, 0) !important;
				border: 1px solid var(--grey-200);
				border-radius: var(--border-radius2x) !important;
				overflow: hidden;
				padding-top: 0;
				padding-bottom: 0;
		}
		#header .header-nav.header-nav-links:not(.header-nav-light-text) nav > ul > li.dropdown:not(.dropdown-mega) .dropdown-menu li a {
				padding-top: 12px !important;
				padding-bottom: 12px !important;
				padding-right: 22px !important;
				padding-left: 22px !important;
		}
		#header .header-nav.header-nav-links:not(.header-nav-light-text) nav > ul > li:hover.dropdown:not(.dropdown-mega) .dropdown-menu {
				opacity: 1;
				transform: translate3d(-5px, -10px, 0) !important;
		}
}

/* Mask Image */
.custom-mask-img {
		-webkit-mask-repeat: no-repeat;
						mask-repeat: no-repeat;
		-webkit-mask-size: 100%;
						mask-size: 100%;
		-webkit-mask-position: center;
						mask-position: center;
}

.custom-mask-img-1 {
		-webkit-mask-image: url(../../img/demos/accounting-1/generic/mask-image-1.png);
		mask-image: url(../../img/demos/accounting-1/generic/mask-image-1.png);
		-webkit-mask-repeat: no-repeat;
						mask-repeat: no-repeat;
		-webkit-mask-size: 100%;
						mask-size: 100%;
		-webkit-mask-position: center;
						mask-position: center;
}

.custom-mask-img-2 {
		-webkit-mask-image: url(../../img/demos/accounting-1/generic/mask-image-2.png);
		mask-image: url(../../img/demos/accounting-1/generic/mask-image-2.png);
}

.custom-mask-img-3 {
		-webkit-mask-image: url(../../img/demos/accounting-1/generic/mask-image-3.png);
		mask-image: url(../../img/demos/accounting-1/generic/mask-image-3.png);
}

.custom-mask-img-4 {
		-webkit-mask-image: url(../../img/demos/accounting-1/generic/mask-image-4.png);
		mask-image: url(../../img/demos/accounting-1/generic/mask-image-4.png);
}

/* Cascading Wrapper */
.custom-cascading-images-wrapper-1 {
		padding: 40% 0% 0 30%;
}

/* Stamp */
.custom-stamp-1 {
		width: 180px;
		height: 180px;
		left: -90px;
		top: 55%;
		border-radius: 50%;
}

.custom-stamp-1 svg {
		position: relative;
		left: 4px;
		top: 1px;
		margin: 2px;
}

.custom-stamp-1:after {
		opacity: 0.2;
		position: absolute;
		content: "";
		width: 105px;
		height: 105px;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		border: 1px solid #FFF;
		border-radius: 50%;
		display: block;
}

@media (max-width: 992px) {
		.custom-stamp-1 {
				top: 30%;
				transform: scale(0.5);
		}
}

/* Custom Elements */
.custom-el-1 {
		bottom: 13%;
		right: 7%;
}

@media (max-width: 1200px) {
		.custom-el-1 {
				right: 0;
				bottom: 8%;
		}
}

@media (max-width: 575px) {
		.custom-el-1 {
				bottom: 0;
		}
}

.custom-el-1 p {
		font-size: clamp(35px, -1.6666666667px + 0.0763888889 * 100vw, 90px);
		letter-spacing: -5px;
		position: relative;
		z-index: 1;
		margin: 0;
		line-height: 1;
		font-weight: bold;
}

@media (max-width: 991px) {
		.custom-el-1 p {
				letter-spacing: -2px;
		}
}

.custom-el-1 em {
		font-size: clamp(18px, 11.3333333333px + 0.0138888889 * 100vw, 28px);
		position: relative;
		bottom: 2px;
		display: inline-flex;
		letter-spacing: -2px;
}

.custom-el-1 em mark {
		padding: 0 7px 5px !important;
}

@media (max-width: 991px) {
		.custom-el-1 em {
				bottom: 5px;
				right: -1px;
		}
}

.custom-el-2 {
		position: absolute;
		width: 100%;
		height: 100%;
}

.custom-el-2 img {
		height: 150%;
		min-width: 1200px !important;
		min-height: 1200px !important;
}

@media (max-width: 1400px) {
		.custom-el-2 img {
				min-height: 1500px !important;
		}
}

.custom-el-3 {
		position: absolute;
		width: 100%;
		height: 100%;
		transform: rotateY(180deg);
}

.custom-el-3 img {
		height: 100%;
		min-width: 1200px !important;
		min-height: 1200px !important;
}

.custom-el-4 svg {
		width: 100%;
}

.custom-el-5 {
		position: absolute;
		width: 100%;
		height: 100%;
}

.custom-el-5 img {
		height: 100%;
		min-width: 1000px !important;
		min-height: 1000px !important;
}

@media (min-width: 992px) {
		.custom-el-6 {
				margin-bottom: -70px;
				margin-left: 7px;
		}
}

.custom-el-7 {
		max-height: 32px;
		width: auto !important;
		max-width: 150px !important;
		transform: none !important;
}

/* Custom Pos */
.custom-pos-1 {
		right: -37%;
		top: -33%;
}

.custom-pos-2 {
		left: -75%;
		top: -33%;
}

.custom-pos-3 {
		margin-top: -80px;
}

.custom-pos-4 {
		right: -40%;
		top: -57%;
}

.custom-pos-5 {
		top: -85%;
}

.custom-pos-6 {
		left: -75%;
		bottom: -10%;
}

/* Gradient */
.custom-bg-gradient-1 {
		background-image: linear-gradient(to right, var(--secondary-rgba-30) 30%, var(--dark) 200%) !important;
}

@media (max-width: 991px) {
		.custom-bg-gradient-1 {
				border-radius: 0 !important;
		}
}



/*CUSTOM TABS*/
.tabs {
  position: relative;
  margin: 3rem 0;
  background: #000; /* #1abc9c */
  /*border: 0.125rem solid #fff;
  border-radius: 4px;*/
  /*height: 14.75rem;*/
}
.tabs::before,
.tabs::after {
  content: "";
  display: table;
}
.tabs::after {
  clear: both;
}
.tab {
  float: left;
}
.myh3{
  font-size: 30px;
}
.mytabimage{
	width: 350px;
}
.tab-switch {
  display: none;
}
.tab-label {
  position: relative;
  display: block;
  line-height: 2.75em;
  height: 3em;
  padding: 0 1.618em;
  /*background: #1abc9c;*/
  border-right: 0.125rem solid #fff; /* #16a085 */
  color: #fff;
  cursor: pointer;
  top: 0;
  transition: all 0.25s;
}
.tab-label:hover {
  top: -0.25rem;
  transition: top 0.25s;
}
.tab-content {
  /*height: 12rem;*/
  border: none !important;
  width: 100%;
  position: absolute;
  z-index: 1;
  top: 2.75em;
  left: 0;
  padding: 1.618rem;
  background: #000; /* #fff */
  color: #FFF; /*  #2c3e50 */
  /*border-bottom: 0.25rem solid #bdc3c7;*/
  opacity: 0;
  visibility: hidden;
  transition: all 0.35s;
}
.tab-switch:checked + .tab-label {
  background: #fff;
  color: #2c3e50;
  border-bottom: 0;
  border-right: 0.125rem solid #fff;
  transition: all 0.35s;
  z-index: 1;
  top: -0.0625rem;
}
.tab-switch:checked + label + .tab-content {
  z-index: 2;
  opacity: 1;
  visibility: visible;
  transition: all 0.35s;
}

.myradialtitles {
	font-size: 20px;
}

@media only screen and (max-width: 500px) {
	.myh3{
		padding: 0;
		padding-top: 10px;
		margin: 0;
		font-size: 18px;
	}
	.mytabimage{
		width: 120px;
	}
	.myradialtitles {
		font-size: 14px;
	}
}

.mygrid-container {
  display: grid;
  grid-template-columns: auto auto auto;
}
.mygrid-item {
  text-align: center;
}

.mybook_response {
	color: #ffffff;
}

.timeslots_css {
	background-color: #000;
	border: none; 
	width: 12%; 
	color: #fff !important; 
	padding: 15px; 
	min-width:12%;
	cursor: pointer;
}

.table-striped>tbody>tr:nth-of-type(odd)>* {
    --bs-table-color-type: var(--bs-table-striped-color);
    --bs-table-bg-type: #c2e4f8 !important;
}

@media screen and (max-width:500px){
	.mfp-close{
		width:44px;
		height:44px;
		line-height:44px;
		position:absolute;
		right:80px;
		top:0;
		text-decoration:none;
		text-align:center;
		opacity:.65;
		padding:0 0 18px 10px;
		color:#fff;
		font-style:normal;
		font-size:28px;
		font-family:Arial,Baskerville,monospace
	}
	.my_popup{
		max-width: 380px;
	}
	.custom-pos-1 {
		right: 0;
		top: -40%;
	}
	/*.text-lg-start>h4, .text-lg-start>h1{
		color: #FFF;
	}
	.mobile-white{
		color: #FFF !important;
		font-weight: 700 !important;
	}*/
	.periergo{
		max-width: 240px;
	}
}