/* Lix lix-animationation */

:root {
--lix-animation-1: moveup; 
--lix-animation-2: slide-right;
--lix-animation-3: slide-left;
--lix-animation-4: movedown;
--lix-animation-duration: 1.7s;
--lix-animation-timing-function: ease;
--lix-animation-fill-mode: forwards;
	  
}


.lix-instant-slide-up-animate.start {
	-webkit-animation: var(--lix-animation-1) var(--lix-animation-duration) var(--lix-animation-timing-function) var(--lix-animation-fill-mode);
	-moz-animation: var(--lix-animation-1) var(--lix-animation-duration) var(--lix-animation-timing-function) var(--lix-animation-fill-mode);
	-ms-animation: var(--lix-animation-1) var(--lix-animation-duration) var(--lix-animation-timing-function) var(--lix-animation-fill-mode);
	-o-animation: var(--lix-animation-1) var(--lix-animation-duration) var(--lix-animation-timing-function) var(--lix-animation-fill-mode);
	animation: var(--lix-animation-1) var(--lix-animation-duration) var(--lix-animation-timing-function) var(--lix-animation-fill-mode);
	transition: opacity ease-out, transform ease; /* Smooth transition */
}

.lix-instant-slide-down-animate.start {
	-webkit-animation: var(--lix-animation-4) var(--lix-animation-duration) var(--lix-animation-timing-function) var(--lix-animation-fill-mode);
	-moz-animation: var(--lix-animation-4) var(--lix-animation-duration) var(--lix-animation-timing-function) var(--lix-animation-fill-mode);
	-ms-animation: var(--lix-animation-4) var(--lix-animation-duration) var(--lix-animation-timing-function) var(--lix-animation-fill-mode);
	-o-animation: var(--lix-animation-4) var(--lix-animation-duration) var(--lix-animation-timing-function) var(--lix-animation-fill-mode);
	animation: var(--lix-animation-4) var(--lix-animation-duration) var(--lix-animation-timing-function) var(--lix-animation-fill-mode);
	transition: opacity ease-out, transform ease; /* Smooth transition */
}

.lix-instant-slide-right-animate.start {
	-webkit-animation: var(--lix-animation-2) var(--lix-animation-duration) var(--lix-animation-timing-function) var(--lix-animation-fill-mode);
	-moz-animation: var(--lix-animation-2) var(--lix-animation-duration) var(--lix-animation-timing-function) var(--lix-animation-fill-mode);
	-ms-animation: var(--lix-animation-2) var(--lix-animation-duration) var(--lix-animation-timing-function) var(--lix-animation-fill-mode);
	-o-animation: var(--lix-animation-2) var(--lix-animation-duration) var(--lix-animation-timing-function) var(--lix-animation-fill-mode);
	animation: var(--lix-animation-2) var(--lix-animation-duration) var(--lix-animation-timing-function) var(--lix-animation-fill-mode);
	transition: opacity ease-out, transform ease; /* Smooth transition */
}


.lix-instant-slide-left-animate.start {
	-webkit-animation: var(--lix-animation-3) var(--lix-animation-duration) var(--lix-animation-timing-function) var(--lix-animation-fill-mode);
	-moz-animation: var(--lix-animation-3) var(--lix-animation-duration) var(--lix-animation-timing-function) var(--lix-animation-fill-mode);
	-ms-animation: var(--lix-animation-3) var(--lix-animation-duration) var(--lix-animation-timing-function) var(--lix-animation-fill-mode);
	-o-animation: var(--lix-animation-3) var(--lix-animation-duration) var(--lix-animation-timing-function) var(--lix-animation-fill-mode);
	animation: var(--lix-animation-3) var(--lix-animation-duration) var(--lix-animation-timing-function) var(--lix-animation-fill-mode);
	transition: opacity ease-out, transform ease; /* Smooth transition */
}

.lix-slide-up-animate.start {
	-webkit-animation: var(--lix-animation-1) var(--lix-animation-duration) var(--lix-animation-timing-function) var(--lix-animation-fill-mode);
	-moz-animation: var(--lix-animation-1) var(--lix-animation-duration) var(--lix-animation-timing-function) var(--lix-animation-fill-mode);
	-ms-animation: var(--lix-animation-1) var(--lix-animation-duration) var(--lix-animation-timing-function) var(--lix-animation-fill-mode);
	-o-animation: var(--lix-animation-1) var(--lix-animation-duration) var(--lix-animation-timing-function) var(--lix-animation-fill-mode);
	animation: var(--lix-animation-1) var(--lix-animation-duration) var(--lix-animation-timing-function) var(--lix-animation-fill-mode);
	transition: opacity ease-out, transform ease-out; /* Smooth transition */
}

.lix-slide-down-animate.start {
	-webkit-animation: var(--lix-animation-4) var(--lix-animation-duration) var(--lix-animation-timing-function) var(--lix-animation-fill-mode);
	-moz-animation: var(--lix-animation-4) var(--lix-animation-duration) var(--lix-animation-timing-function) var(--lix-animation-fill-mode);
	-ms-animation: var(--lix-animation-4) var(--lix-animation-duration) var(--lix-animation-timing-function) var(--lix-animation-fill-mode);
	-o-animation: var(--lix-animation-4) var(--lix-animation-duration) var(--lix-animation-timing-function) var(--lix-animation-fill-mode);
	animation: var(--lix-animation-4) var(--lix-animation-duration) var(--lix-animation-timing-function) var(--lix-animation-fill-mode);
	transition: opacity ease-out, transform ease-out; /* Smooth transition */
}

.lix-slide-right-animate.start {
	-webkit-animation: var(--lix-animation-2) var(--lix-animation-duration) var(--lix-animation-timing-function) var(--lix-animation-fill-mode);
	-moz-animation: var(--lix-animation-2) var(--lix-animation-duration) var(--lix-animation-timing-function) var(--lix-animation-fill-mode);
	-ms-animation: var(--lix-animation-2) var(--lix-animation-duration) var(--lix-animation-timing-function) var(--lix-animation-fill-mode);
	-o-animation: var(--lix-animation-2) var(--lix-animation-duration) var(--lix-animation-timing-function) var(--lix-animation-fill-mode);
	animation: var(--lix-animation-2) var(--lix-animation-duration) var(--lix-animation-timing-function) var(--lix-animation-fill-mode);
	transition: opacity ease-out, transform ease-out; /* Smooth transition */
}


.lix-slide-left-animate.start {
	-webkit-animation: var(--lix-animation-3) var(--lix-animation-duration) var(--lix-animation-timing-function) var(--lix-animation-fill-mode);
	-moz-animation: var(--lix-animation-3) var(--lix-animation-duration) var(--lix-animation-timing-function) var(--lix-animation-fill-mode);
	-ms-animation: var(--lix-animation-3) var(--lix-animation-duration) var(--lix-animation-timing-function) var(--lix-animation-fill-mode);
	-o-animation: var(--lix-animation-3) var(--lix-animation-duration) var(--lix-animation-timing-function) var(--lix-animation-fill-mode);
	animation: var(--lix-animation-3) var(--lix-animation-duration) var(--lix-animation-timing-function) var(--lix-animation-fill-mode);
	transition: opacity ease-out, transform ease-out; /* Smooth transition */
}



@keyframes moveup {
  from {
	opacity: 0;
	transform:translateY(100%);
  }
  to {
    opacity: 1;
	transform:translateY(0px);
  }
}


@keyframes movedown {
  from {
	opacity: 0;
	transform:translateY(-100%);
  }
  to {
    opacity: 1;
	transform:translateY(0px);
  }
}

@keyframes slide-left {
  from {
	opacity: 0;
	transform:translateX(-100%);
  }
  to {
    opacity: 1;
	transform:translateX(0px);
  }
}

@keyframes slide-right {
  from {
	opacity: 0;
	transform:translateX(100%);
  }
  to {
    opacity: 1;
	transform:translateX(0px);
  }
}

.lix-animation-delay-0.5s {
	animation-delay: 0.5s;
}

.lix-animation-delay-1s {
	animation-delay: 1s;
}

.lix-animation-delay-1.5s {
  animation-delay: 1.5s;
}

.lix-animation-delay-2s {
  animation-delay: 2s;
}


.lix-animation-delay-3s {
  animation-delay: 3s;
}

.lix-animation-delay-3.5s {
  animation-delay: 3.5s;
}

.lix-animation-delay-4s {
  animation-delay: 4s;
}


.lix-animation-delay-4.5s {
  animation-delay: 4.5s;
}


/* 	Basic Reset & Utilities */

body {
	line-height: 1.5;
	font-size: 1rem;
	font-weight: 400;
	min-height: 500px;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: transparent;
}

html {
    scroll-behavior: smooth;
}

@media(max-width: 768px){
	html {
		overflow-x: hidden;
	}
}

a {
    text-decoration: none;
    font-weight: 500;
	color: var(--brand-color-1);
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color:var(--brand-color-3)!important;
}


i {
	vertical-align: middle;
}

.c-margin-center {
	margin: 0 auto;
}

.text-color-inherit {
	color: inherit!important;
}

.text-color-gray {
	color: #212529;
    font-weight: 400;
}

.smaller {
	font-size: 11px!important;
}

.border-radius-4 {
	border-radius: var(--border-radius-4);
}

.border-radius-8 {
	border-radius: var(--border-radius-8);
}

.border-radius-100 {
	border-radius: var(--border-radius-100);
}

.box-shadow-1 {
	box-shadow: var(--box-shadow-1);
}

.box-shadow-2 {
	box-shadow: var(--box-shadow-2);
}


.over-lay-color {
	background: var(--over-lay-color);
}

.absolute-center {
	transform: translate(-50%, -50%);
	position: absolute;
	top: 50%;
	left: 50%;
}

/*
<--
FONTs
-->
*/

.large-font {
	font-family: 'Ubuntu', sans-serif;
    font-size: 58px;
    font-weight: 700;
}

.medium-font {
	font-family: 'Ubuntu', sans-serif;
	font-size: 38px;
	font-weight: 700;
}

.section-heading {
	position: relative;
	text-align: center;
	font-size: 30px;
	font-weight: 500;
	font-family: 'Ubuntu', sans-serif;
}

.subheading-font {
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 10px;
}

.subheading-title-wrapper {
	background-color: transparent;
	max-width: fit-content;
	margin: 0 auto;
	display: flex;
}
					
.subheading-title-wrapper h6 {
	font-size: 17px;
	color: var(--brand-color-1);
	font-weight: 400;
	font-family: "Ubuntu", sans-serif;
	position: relative;
	letter-spacing: 1px;
}
.section-heading-underline {
	border-bottom: 1px solid #6666662a;
	text-align: left;
	padding: 20px 0;
}

.section-heading-underline::after {
	position: absolute;
	content: '';
	bottom: -1px;
	left: 0;
	width: 100px;
	height: 2px;
	background: var(--brand-color-1);
}

.section-heading-underline span {
	font-weight: normal !important;
}

.section-heading-underline .viewall {
    font-size: 14px;
    font-weight: 400 !important;
    float: right;
    color: #6c757d;
    margin-top: 10px;
}

@media (max-width: 768px){
	.section-heading-underline .viewall {
		float: none;
		display:block;
	}
}


.blogside-bar .section-heading-underline {
	 font-size: 18px;
	 padding: 15px 0;
	 margin-bottom: 10px;
}

.blogside-bar .viewall {
    margin-top: 5px;
}

.text-white .subheading-title-wrapper * {
	color: #fff;
}

.text-shadow-1 {
    text-shadow: 1px 3px 3px rgba(0, 0, 0, 0.5);
}
                  
.subheading-title-wrapper h6:before {
	content: "";
	position: absolute;
	width: 9px;
	height: 2px;
	background: #111;
	margin-top: 10px;
	margin-left: -13px;
	border-radius: 4px;
}

.subheading-title-wrapper h6:after{
	content: "";
	position: absolute;
	width: 9px;
	height: 2px;
	background: #111;
	margin-top: 10px;
	margin-left: 3px;
	border-radius: 4px;
}

.text-white .subheading-title-wrapper h6:before,
.text-white .subheading-title-wrapper h6:after  {
    background: #fff;
}


p {
	font-size: 0.9375rem;
	font-weight: 400;
	margin-top: 5px;
	margin-bottom: 10px;
	color: #302c2ce3;
	line-height: 23px;
	letter-spacing: 0.5px;
}

.accordion-body {
	font-size: 0.885rem;
	font-weight: 400;
	margin-bottom: 0;
	color: #302c2ce3;
	line-height: 23px;
	letter-spacing: 0.5px;
}


.accordion-item {
    color: #666666e3;
}

/* Justifying content */

.justify {
	text-align: justify!important;
	text-justify: inter-word; /* or inter-character, auto, none */
}

.no-justify, .nojustify {
    text-align: unset!important;
}

.initial-caps, .initialcaps  {
  text-transform: capitalize !important;
}

.all-caps, .allcaps{
  text-transform: uppercase !important;
}

/* Justifying content END */

.line-through {
	text-decoration: line-through !important;
}

.navbar-toggler:focus,
a:focus,
input:focus,
textarea:focus,
button:focus,
.btn:focus,
.btn.focus,
.btn:not(:disabled):not(.disabled).active,
.btn:not(:disabled):not(.disabled):active {
    text-decoration: none;
    outline: none;
    outline: none !important;
    border-color: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
    color: var(--brand-color-2);
}

.btn-check:checked+.btn, 
.btn.active, 
.btn.show, 
.btn:first-child:active, :not(.btn-check)+.btn:active {
    color: var(--brand-color-3);
    background-color: var(--brand-color-1);
    border-color: none;
}


.form-check-input:checked {
    background-color: var(--form-check-input-checked-background-color);
    border-color: var(--form-check-input-checked-border-color);
}


img {
    max-width: 100%;
}

.mt-25 {
	margin-top: 25px !important;
}

.mb-25 {
	margin-bottom: 25px !important;
}

.m-25 {
	margin-top: 25px !important;
	margin-bottom: 25px !important;
}

.mt-50 {
	margin-top: 50px !important;
}

.mb-50 {
	margin-bottom: 50px !important;
}

.m-50 {
	margin-top: 50px !important;
	margin-bottom: 50px !important;
}

.ptop-25 {
    padding-top: 25px !important;
}
.pbottom-25 {
    padding-bottom: 25px !important;
}

.mr-10, .me-10 {
	margin-right: 10px !important;
}

.ml-10 , .ms-10{
	margin-left: 10px !important;
}

.mr-neg-5, me-neg-5 {
	margin-right: -5px !important;
}

.border-top-left-radius-0 {
	border-top-left-radius: 0!important;
}

.border-top-right-radius-0 {
	border-top-right-radius: 0!important;
}

.border-bottom-left-radius-0 {
	border-bottom-left-radius: 0!important;
}

.border-bottom-right-radius-0 {
	border-bottom-right-radius: 0!important;
}


ul,
ol {
	margin: 0px;
	padding: 5px;
	list-style-type: none;
}


ul#myTab, ul.nav-tabs {
	padding: 0;
}


img {
    width: 100%;
}

.font-color-white {
	color: #fff !important;
}

.font-color-black {
	color: black !important;
}

.font-color-brand-color-1 {
	color: var(--brand-color-1) !important;
}

.font-color-brand-color-2 {
	color: var(--brand-color-2) !important;
}

.font-color-brand-color-3 {
	color: var(--brand-color-3) !important;
}

.font-color-brand-color-1-light {
	color: var(--brand-color-1-light) !important;
}

.font-color-brand-color-1-dark {
	color: var(--brand-color-1-dark) !important;
}

.gray-bg-color {
	background-color: #f9f9f9 !important;
}

.brand-color-1 {
	color: var(--brand-color-1)!important;
}

.brand-color-2 {
	color: var(--brand-color-2)!important;
}

.brand-color-3 {
	color: var(--brand-color-3)!important;
}


.brand-color-4 {
	color: var(--brand-color-4)!important;
}


.brand-color-1-bg {
	background-color: var(--brand-color-1)!important;
}


.brand-color-1-border-color {
	border-color: 1px solid  var(--brand-color-1)!important;
}

.brand-color-1-hover-border-color:hover {
	border-color: var(--brand-color-1)!important;
	transition: all .4s ease-in-out;
}


.white-bg-color {
	background-color: #fff !important;
}

.ribbon-right {
	position: absolute;
	top: -10px;
	right: -10px;
	width: 150px;
	height: 150px;
	display: flex;
	justify-content: center;
	align-items: center; 
	overflow: hidden;
}

.ribbon-right::before {
	content: 'Best Value';
	position: absolute;
	width: 120%;
	height: 40px;
	background: var(--brand-color-1);
	transform: rotate(45deg) translateY(-35px);
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: 600;
	color: #fff;
	letter-spacing: .1em;
	box-shadow: 0 5px 10px rgba(0,0,0,0.1);
	font-size: 14px;
	z-index: 1;
}

.ribbon-right::after {
	content: '';
	position: absolute;
	width: 10px;
	height: 10px;
	bottom: 21px;
	right: 0;
	background: #49505773;
	z-index: 0;
	box-shadow: 140px -140px #49505773;	
}

.ribbon-right span::after {
	content: '';
	position: absolute;
	width: 10px;
	height: 10px;
	bottom: 141px;
	right: 118px;
	background: #49505773;
	z-index: 0;
	box-shadow: 140px -140px #49505773;
}


.bg-cover {
    background-position: center !important;
    background-size: cover !important;
}

/* Screen Width */

section, nav {
	width: 100%;
	padding-right: 20px;
	padding-left: 20px;
}

section {
	padding-top: 50px;
	padding-bottom: 50px;
}

.p-top-100 {
	padding-top: 100px!important;
}


#blogdetails {
	padding-top: 25px;
	padding-bottom: 50px;
}

/*section.single-page-top {
	margin-top:120px !important;
}*/

section.halfsize {
    padding-top: 25px;
    padding-bottom: 25px;
}

section.default-height {
	min-height: 400px;
	padding-top: 180px;
}

section.blogdetail {
    padding-top: 0;
    padding-bottom: 0;
}



/*
<--
Cookie Consent
-->
*/


.cookie-consent.active {
    display: none;
}

.cookie-consent {
    background-color: rgba(0, 0, 0, .8);
    color: #fff;
    padding: 15px;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    z-index: 9999;
    transition: bottom 1s;
}


.cookie-consent .accept-cookies {
    background-color: #009bd9;
    color: #fff;
    border: 0;
    padding: 3px 15px;
    cursor: pointer;
    border-radius: 3px;
    transition: none;
    margin-left: 10px;
}

.cookie-consent,
.cookie-consent a {
    font-size: 1rem;
}

@media(max-width: 768px){
	.cookie-consent {
		display: block;
	}
	.cookie-consent .cookie-text {
		display: block;
		max-width: 100%;
        margin-bottom: 10px;
        margin-left: 0;
	}
	
	.cookie-consent .cookie-button {
		display: block;
		max-width: 100%;
	}

	.cookie-consent .accept-cookies,
	.cookie-consent .text-info {
		margin-left: 0 !important;
	}

}


/*
<--
Preloader
-->
*/


#preloader {
    background: #fff;
    position: fixed;
    width: 100%  !important;
    height: 100vh !important;
	top:0;
	left:0;
    z-index: 9999;
}



#status {	
	position: fixed;
	top: calc(50% - 30px);
	left: calc(50% - 25px);
	border: 6px solid  #fff;
	border-top-color: var(--brand-color-1);
	border-bottom-color: var(--brand-color-1);
	border-radius: 50%;
	width: 60px;
	height: 60px;
	-webkit-animation: preloader-spin 2s linear infinite; /* Safari */
	animation: preloader-spin 2s linear infinite;
}

/* Safari */
@-webkit-keyframes preloader-spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes preloader-spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/*
<--
TOP NAV
-->
*/

.top-navbar {
	font-family: 'Ubuntu', sans-serif;
    background-color: var(--brand-color-1);
    font-size: 14px!important;
    padding-top: 5px;
    padding-bottom: 5px;
    transition: var(--animation-type-1);
}


.top-navbar .container .row {
    border-bottom: 1px solid #fff;
	padding: 0;
}

.top-navbar-transparent {
    background-color: transparent;
}

.top-navbar-no-display {
    display: none;
}

.top-navbar p,
.top-navbar a {
    display: inline-block;
    margin-bottom: 0;
    margin-right: 16px;
    color: #fff;
}

.top-navbar p:last-child,
.top-navbar a:last-child {
    margin-right: 0;
}

.top-navbar a {
    color:#fff !important;
}

.top-navbar a:hover {
    color: var(--brand-color-1-light)!important;
}

.top-navbar:not(.top-navbar-transparent) a:hover{
	color: #dee2e6;
}

.topmenu-sesson-dropdown {
	font-size: 14px;
	color: #fff;
}

.topmenu-sesson-dropdown .btn:hover,
.topmenu-sesson-dropdown .btn:active {
	color: #fff;
}

.topmenu-sesson-dropdown .dropdown-menu a{
	color: #495057;
	font-size: 14px;
}

.topmenu-sesson-dropdown .dropdown-menu a:hover, .topmenu-sesson-dropdown .dropdown-menu a:active{
	    color: #000;
}

.topmenu-sesson-dropdown .dropdown-toggle::after {
    vertical-align: 0;
}

.i-badage-wrapper {
	position: relative;
}

.i-badage {
    font-size: 10px !important;
    position: absolute;
    left: 61%;
    top: -49%;
    background: #dc3545 !important;
    display: block;
    color: #fff;
    padding: 1px 5px;
    line-height: 15px;
    border-radius: 3px;
}

.i-trending-badage {
	font-size: 10px !important;
	position: absolute;
	background: #dc3545 !important;
	letter-spacing: 1.2px;
	line-height: 15px;
	display: block;
	top: -21px;
}


.i-trending-badage::after  {
    content: '';
    border: 7px solid transparent;
    border-top-color: #dc3545 !important;
    left: 3px;
    position: absolute;
    bottom: -11px;
}

.triangle {
    width: 0;
    height: 0;
    border-left: 40px solid transparent;
    border-right: 40px solid transparent;
    border-bottom: 80px solid lightblue;
}

/*
<--
MAIN NAV or Second NAV
-->
*/


.navbar {
    box-shadow: var(--box-shadow-1);
	font-family: 'Ubuntu', sans-serif;
    transition: all 0.3s ease;
}

.navbar .navbar-nav .nav-item .nav-link {
    font-size: 1rem;
    padding: 10px 0 10px 20px;
    transition: 0.3s;
    white-space: nowrap;
}

@media (max-width: 768px){
	.navbar .navbar-nav .nav-item .nav-link {
		 padding: 5px 0 5px 5px;
	}

	.top-navbar .container .row {
		display: block !important;
		text-align: center !important;
	}

}


.nav-link:hover, .nav-link.active {
    color: var(--brand-color-1-light) !important;
}

.navbar-brand {
    font-weight: 700 !important;
    font-size: 26px !important;
    color: var(--brand-color-3);
}

.navbar-brand span {
    color: var(--brand-color-1);
}


.box-shadow-none {
    box-shadow: none !important;
}


.nav2.navbar-dark a:not(.btn) {
    color: #fff;
    font-size: 1rem;
    font-weight: 500;
}

.nav2.navbar-dark a:not(.btn):not(.navbar-brand) {
    color: #fff;
    font-size: 1rem;
    padding: 10px 0 10px 30px;
    transition: 0.3s;
    white-space: nowrap;
    font-weight: 500;
}


.navbar-toggler:focus {
    box-shadow: none !important;
    border-color: var(--brand-color-1) !important;
}


/* Special Fonts e.g Ubuntu */
.large-font, .medium-font, .section-heading, .top-navbar, .navbar,
.subheading-title-wrapper h6 {
  font-family: 'Ubuntu', sans-serif;
}


/* Special Fonts e.g Poppins */
.subheading-font, p, .accordion-body, small, .small-font, figcaption  {
  font-family: 'Poppins', sans-serif;
}


/*
<--
BUTTON
-->
*/


.btn {
    padding:  9px 24px;
    font-weight: 500;
	outline: none;
	transition: var(--animation-type-1);
	vertical-align: baseline;
}


.btn-outline-light{
  padding: 8px 21px;
}

.btn-brand,
.btn-primary {
    background-color: var(--brand-color-1);
    color: #fff;
    letter-spacing: 0.9px;
	border: none;
}


.btn-brand:hover,
.btn-primary:hover {
    color: #fff;
    background-color: var(--brand-color-1-light);
	border: none;
}


.btn-outline-light#navactionbtn:hover {
    color:  var(--brand-color-2);
}


.btn:focus-visible, .btn:active,
.btn.disabled, .btn:disabled, fieldset:disabled .btn {
    color: #fff;
    background-color: var(--brand-color-1);
    border-color: var(--brand-color-1);
    outline: 0;
    box-shadow: none;
}


button {
    font-size: 0.8rem;
    font-weight: 700;
    outline: none;
    border: none;
    background-color: #1d1d1d;
    padding:5px 17px;
    color: aliceblue;
    cursor: pointer;
    transition: var(--animation-type-1);
    border-radius: 0.25rem;
}

button.navbar-toggler:hover {
    background: transparent;
}

button:hover {
    background-color: var(--brand-color-2);
}

button.accordion-button:hover {
    background-color: transparent;
    outline: none;
}

button.accordion-button:focus,
button.accordion-button.active {
    outline: none;
    border-color: var(--brand-color-1);
    border-bottom-width: thin;
    box-shadow: none;
}

.header-btn {
	float: right !important;
}

@media (max-width: 500px){
	.header-btn {
		float: none !important;
		display: block;
		width: fit-content;
	}
}


/*
<--
 ABOUT - ICONS IN A BOX
-->
*/


.about-icon-box {
	padding: 9px 15px;
	color: #fff;
	font-size: 20px;
	text-align: center;
	display: inline-block;
	background-color: var(--brand-color-1);
	border-radius: 7px;
	-webkit-box-shadow: 0px 4px 6px #0000002a;
	box-shadow: 0px 4px 6px #0000002a;
	margin-bottom: 20px;
}



/*
<--
OWL CAROUSEL DOT POSITION
-->
*/


.vertical-height-100 {
	height: 100vh !important;	
}

.put-dots-inside .owl-dots {
    justify-content: center !important;
    align-items: center !important;
    position: absolute !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    margin-top: -20px !important;
}


/*
<--
WATCH VIDEO BTN
-->
*/

.watch-video-btn {
    /* display: flex; */
    justify-content: center;
    align-items: center;
    vertical-align: middle;
    background-color: DodgerBlue;
    padding: 13px 18px 13px 20px;
    border: none;
    color: #fff;
    cursor: pointer;
    border-radius: 50%;
    position: relative;
    margin-left: 5px;
    margin-right: 5px;
}

.watch-video-btn:hover {
  background-color: RoyalBlue;
}


.watch-video-btn::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 50%;
    background-color: rgba(8, 152, 231, .8);
    animation: watch-video-animation 2s linear infinite;
}


@keyframes watch-video-animation {
    0% {
        transform: scale(1);
        opacity: 1;
    }

    100% {
        transform: scale(1.4);
        opacity: 0;
    }
}

.popup-youtube {
	color: #fff;
	margin: auto 0;
	padding-left: 3px;
}




/*
SLIDE
*/


.hero-slide1 {
    background: linear-gradient(var(--over-lay-color)), url('../../images/bg_banner1.jpg');
	height: var(--height-of-hero-item);
}


.hero-slide2 {
    background: linear-gradient(var(--over-lay-color)), url('../../images/project3.jpg');
	height: var(--height-of-hero-item);
}


/*
<--
OWL
-->
*/

.owl-prev,
.owl-next {
	position: absolute !important;
	top: 50% !important;
	width: 43px !important;
	height: 43px !important;
	display: grid !important;
	place-items: center !important;
	background-color: var(--brand-color-1) !important;
	font-size: 11px !important;
	color:  #fff !important;
	margin-top: -30px !important;
	font-weight: 700 !important;
	border-radius: 100px !important;
	transition: var(--animation-type-1) !important;
	opacity: 0.7;
}


.owl-prev {
    left: 19px !important;
}


.owl-next {
    right: 19px !important;
}

.owl-next:hover,
.owl-prev:hover {
    background-color: var(--brand-color-1) !important;
	    opacity: 1;
}

.social-links i {
	font-size: 1rem;
	line-height: 15px;
}

.social-links a {
    width: 34px;
    height: 34px;
    background-color: rgba(255, 255, 255, 0.3);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 20px;
    border-radius: var(--border-radius-100);
	transition: all .4s ease-in-out;
}

.social-links a:hover {
    background-color: #fff;
    color: #ff4d29;
}

.home-image,
.home-colored-bg {
    background: none;
}

.home-image {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	height: var(--height-of-hero-item);
	background: url('../../images/project3.jpg');
	background-position: center;
	background-size: cover;
	object-fit: cover;
	background-repeat:no-repeat;
}


.home-image::before {
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100% !important;
    background-color: rgba(0, 0, 0, 0.55);
    z-index: 1;
}


.home-image > * {
	z-index: 10;
}

.page-bg-image,
.page-bg-colored-bg {
    background: none;
}

.page-bg-image {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	height: var(--height-of-hero-item);
    background: url('../../images/project3.jpg');
	background-position: center;
	background-size: cover;
	object-fit: cover;
	background-repeat:no-repeat;
}


.page-bg-image::before {
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100% !important;
    background-color: rgba(0, 0, 0, 0.55);
    z-index: 1;
}


.page-bg-image > * {
	z-index: 10;
}


.home-colored-bg {
    width: 100%;
    height: var(--height-of-hero-item);
    background: var(--brand-color-1);
    background-position: center;
    background-size: cover;
    position: relative;
    padding-top: 197px;
	object-fit: cover;
}

.list-style-inside {
	list-style: inside;
}

@media(min-width: 1024px){
	.home-colored-bg {
		padding-top: 184px;
	}
	.home-text h1 {
		font-size: 41px;
	}
}

@media(min-width: 1440px){
	.home-colored-bg {
		padding-top: 203px;
	}
}	

@media(max-width: 768px){
	.home-colored-bg .col-6.img {
		display: none;
	}
	.home-colored-bg .col-6 {
		width: 100%;
	}
}

.home-colored-bg  p, .home-colored-bg h1, .home-colored-bg nav {
	color: #fff;
}

.home-colored-bg  .btn-brand {
	background-color: #fff;
}

.home-colored-bg  .btn-brand  {
	color: var(--brand-color-3);
}

.home-colored-bg  .btn-brand:hover  {
	color: var(--brand-color-1);
}


/* full screen video */

.home-video-bg {
    width: 100%;
    height: var(--height-of-hero-item-video);
    background-color: rgba(0, 0, 0, 0.4);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    object-fit: cover;
    background-size: cover;
}


.home-video-bg video {
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: -1;
}

@media (min-aspect-ratio:16/9){
	.home-video-bg video {
		width: 100%;
		height: auto;
	}	
}

@media (max-aspect-ratio:16/9){
	.home-video-bg video {
		width: 100%;
		height: auto;

	}
}

@media(max-width: 768px){
	.home-video-bg video {
		transform: translate(-50%, -50%);
		position: absolute;
		top: 50%;
		left: 50%;
        width: 132vw;
        height: fit-content;
	}
}

@media(max-width: 500px){
	.home-video-bg video {
        width: 320vw!important;
	}
}
	
.home-text h4 {
    color: #fff;
    font-size: 18px;
    font-weight: 400;
}

.home-text h1 {
    font-size: 48px;
    font-weight: 700;
    margin-bottom: 10px;
    color: #fff;
}


.home-text p {
    color: #fff;
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 20px;
}


.home-text span {
    font-weight: bold;
}

.overlay-parent::after {
    content: "";
    display: block;

    width: 100vw !important;
    height: 100vh !important;

    min-height: 100% !important;
    background-color: #000;
    position: absolute !important;
    top: 0;
    left: 0;
    opacity: 0.25 !important;
    z-index: 0;
}

.overlay-parent {
    position: relative !important;
}

.overlay-parent>* {
    z-index: 20;
}

/*
<--
BACK TOP
-->
*/


#backtoTop {
    padding: 5px 3px;
    position: fixed;
    bottom: 10%;
    right: 1%;
    display: none;
    cursor: pointer;
    z-index: 2;
    font-size: 1.58rem;
}


#backtoTop i {
    font-size: 1.67rem;
    color: var(--brand-color-1);
}



#backtoTop .bi-arrow-up-square-fill:hover {
    color: #bdc0c1;
}





/* About */

/* info box */

.info-box {
    align-items: center;
    border: 0.5px solid #ccc;
    padding: 31px;
    border-radius: 0.25rem;
    box-shadow: rgba(0, 0, 0, 0.20) 0px 2px 3px;
    background: #fff;
	margin: 5px!important;
	width: 333px !important;
	object-fit: cover;
	text-align: center;

}

.info-box img {
    width: 60px;
    margin: 10px 0;
}

.info-box-image-only {
	padding: 0px;
	overflow: hidden;
}

.info-box-image-only img {
    width: 100%;
    margin: 0px;
	transition: all .4s ease-in-out;
}

.info-box-image-only img:hover {
	scale: 1.1;
}

.briefinfo {
    display: flex;
    padding: 10px 0;
    border-top: 1px solid #ccc;
    margin-top: 10px;
}

.briefinfo img {
	max-height: 50px;
	max-width: 50px;
	padding: 5px;
	border-radius: 50%;
	margin-right: 10px;
}

.newsletter-row {
   	border: 1px solid #fff;
    padding: 50px;
    border-radius: 0.35rem;
}



/* Stats */

#statistics {
    background: var(--brand-color-1);
}

#statistics .display-4,
#statistics p {
    color: #fff;
}

#statistics .display-4 {
    font-weight: 700;
}


/* Services */

.heading-intro {
    margin-bottom: 40px;
}

.heading-intro p {
    max-width: 500px;
    margin: auto;
}

.service-box {
    padding: 32px;
    box-shadow: var(--box-shadow-1);
    text-align: center;
}

.service-box img {
    width: unset;
}

.service-box h5 {
    margin-top: 24px;
    margin-bottom: 12px;
}


/* Portfolio */

.portfolio {
    position: relative;
}

.portfolio .overlay {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    height: 100%;
    background-color: rgba(0,0,0,0.3);
}


.portfolio .content {
    position: absolute;
    width: 100%;
    top: 0px;
    left: 0px;
    padding: 32px;
}

.portfolio h1,
.portfolio h6 {
    color: #fff;
}


.portfolio h6 {
    font-size: 14px;
    letter-spacing: 1px;
}

.portfolio h6::before {
    content: '';
    height: 2px;
    width: 24px;
    background-color: var(--brand-color-1);
    display: inline-block;
    vertical-align: middle;
    margin-right: 12px;
}


.owl-carousel {
	cursor: pointer;
}

.owl-dot.active span {
    background-color: var(--brand-color-1) !important;
}

.owl-theme .owl-dots .owl-dot span {
    width: 12px !important;
    height:12px !important;
}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
    padding: 4px 0px !important;
}


.arranged-dots-img {
	position: relative;
	max-width: 540px;
	padding-left: 54px;
	padding-bottom: 50px;
	text-align: right;
	transition: all 400ms ease-in-out;	
}

@media(max-width: 768px){
	.arranged-dots-img {
		padding-left: 0px;
	}
}

.arranged-dots-img::before {
	position: absolute;
	content: '';
	top: 20px;
	right: 60px;
	left: 0;
	bottom: 0;
	background: url("../../images/dots.png");
	opacity: .2;
	z-index: -1;
}

/* Team */

.team-member {
    text-align: center;
    overflow: hidden !important;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .164);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .164);
    border-radius: 8px;
    padding: 20px;
	max-width: 360px;
    margin: 0 auto;
	position: relative;
}

.team-member img {
    border-radius: 8px;
}

.team-member .team-img-wrapper {
    position: relative;
    overflow: hidden;
	max-height: 280px;
}

.team-member img {
	height: 60vh;
}

.team-member-details-img {
	display: inline-block;
	max-width: 100%;
	height: auto;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.team-member-title {
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
}

.team-member-title-socials .social-links a {
	background-color: #9e9e9ee8;
	color: #fff;
	line-height: 20px;
	border-radius: 4px;
}

.team-member-title-socials .social-links a:hover {
	background-color: var(--brand-color-1);
	color: #fff;
	border-radius: 0px;
}

@media(max-width: 768px){
	.team-member {
		margin-bottom: 30px;
	}
}

.team-member .overlay {
    width: 100%;
    height: 100%;
    background-color: rgba(255, 77, 41, 0.89);
    top: -10%;
    left: 0;
    position: absolute;
    transition: var(--animation-type-1);
    opacity: 0;
}


.offer-thumb-product-image-wrapper .social-links,
.offer-image-wrapper .social-links,
.team-member .social-links {
	position: absolute;
	top: 10%;
	right: 10%;
	display: grid;
}

.offer-thumb-product-image-wrapper .social-links a,
.offer-image-wrapper .social-links a,
.team-member .social-links a {
	width: 35px;
	height: 35px;
	background-color: transparent;
	color: #fff;
	margin: 4px;
	border: 1px solid #ccc;
	padding: 5px;
}

.offer-thumb-product-image-wrapper .social-links a:hover,
.offer-image-wrapper .social-links a:hover,
.team-member .social-links a:hover {
    background-color: #ff4d29;
    color: #fff;
}

.offer-thumb-product-image-wrapper .social-links a i:hover,
.offer-image-wrapper .social-links a i:hover,
.offer-image-wrapper .social-links .percent-off:hover,
.team-member .social-links a i:hover {
    color: #fff;
}



.team-member h5 {
    margin-top: 24px;
}

/* Reviews */

#testimonials, .testimonials {
    background: linear-gradient(rgba(9, 32, 50, 0.8), rgba(9, 32, 50, 0.55)), url('../../images/project1.jpg');
}

.review {
	text-align: center;
	padding: 15px 10px;
	border-radius: 8px;
	border: 1px solid #ccc;
	background: #0000005e;
	width: 250px;
	margin: 0 auto;
}

.review img {
    width: 65px !important;
	height: 65px !important;
    border-radius: var(--border-radius-100);
    margin: auto;
}


.review h4,
.review p {
    color: #fff;
}

.review h4 {
    margin-top: 10px;
}

.review p {
    margin-top: 10px;
    font-size: 14px;
}

.review small {
    color: #fff;
}


/* Blog Post */

.blog-post {
    position: relative;
    border-radius: 5px;
	padding: 10px !important;
	margin: 5px !important;
    border: 1px solid #94949428;
	box-shadow: 1px 2px 5px #94949428;
	transition: all .3s ease-in-out;
	background: #fff;
}

.blog-post p {
    font-size: 13px;
    line-height: 18px;
}

.blog-post.fixed-width {
	width: 31%;
	border-radius: 2px;
}

.blog-post.fixed-width p {
	font-size: 13px;
}


@media(max-width: 768px){
	.blog-post.fixed-width {
		width: 48%;
		border-radius: 2px;
	}
	.blog-topics-wrapper {
		justify-content: center;
	}
}

@media(max-width: 500px){
	.blog-post.fixed-width {
		width: 98%;
	}
}

.blog-roll-blog-post {
	margin: 0 !important;
	border-radius: 0;
}


.blog-post.resize {
 width: 23%;
}

.blog-post:hover {
    border: 1px solid #ccc;
}

.blog-post-image {
    width: 100%;
    height: 22vh;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
	object-fit: cover;
}

.blog-post .tag {
    position: absolute;
    padding: 4px 12px;
    background-color: var(--brand-color-1);
    color: #fff;
    border-radius: var(--border-radius-100);
    top: 20px;
    left: 20px;
	font-size: 12px;
}


.blog-post h4 {
    margin-top: 6px;
    margin-bottom: 6px;
    transition: var(--animation-type-1);
}

.blog-post h4 a {
    font-weight: 700 !important;
}

.blog-post h4 a:hover {
    color: var(--brand-color-1) !important;
}

.blog-post .small, .blog-post small {
    color: var(--brand-color-2);
	font-size: .785em;
	margin:0;
	padding:0;
}

@media(max-width: 769px){	
	.blog-post-wrapper {
		justify-content: center !important;
		display: flex;
	}
	
	.blog-roll-blog-post {
		max-height: fit-content;
	}
}

@media(max-width: 500px){	

	.blog-post {
		width: 100%;
		margin: 0 auto !important;
		margin-bottom: 10px !important;
		max-height: fit-content;
	}
}


.blog-details-related-topic .blog-post,
.blog-details-related-topic-inblog .blog-post,
.related-topics .blog-post {
	border-radius: 0!important;
}

.blog-details-related-topic .blog-post p,
.blog-details-related-topic-inblog .blog-post p,
.related-topics .blog-post p {
	font-size: 13px!important;
}


.blog-banner-image {
    width: 100%;
    border-radius: 6px;
}

.blog-sidebar-card-wrapper {
	border:1px solid #ccc;
	height:auto !important;
	-webkit-transition: all 0.15s ease-out; 
	-moz-transition: all 0.15s ease-out; 
	transition: all 0.15s ease-out;
}

.blog-sidebar-card-img-wrp {
	margin-right:5px;
	height:79px !important;
}

.blog-sidebar-card-img {
	height:79px !important;
	width: 100% !important;
}

.blog-sidebar-card-heading {
	height: auto !important;
}

.blog-sidebar-card-heading .title {
	font-weight:500 !important;
}

.blog-sidebar-card-wrapper:hover{
	border-color: #ccc;
	opacity: 0.8;
}


footer {
    background-color: #222;
	padding-top: 20px;
}

footer .navbar-brand {
    font-weight: 700 !important;
    font-size: 26px !important;
    color: #fff;
}

footer a {
    color: #999;
    font-size: 0.87rem;
    line-height: normal;
}


footer .foot-logo {
    width: 45%;
}

footer .foot-payment-options {
    width: 50px;
    margin: 0;
    padding: 0;
    display: inline-block;
}

footer .paypal {
	width: 46px !important;
	padding: 0;
	margin: 0;
	display: inline-block !important;
	height: 26px;
}

footer h5 {
    color: #fff;
    font-weight: 700;
    font-size: 1.2rem;
}

footer h6 {
    color: #dee2e6d9;
}

footer li {
    padding-bottom: 4px;
}

footer li .bi {
	margin: 0 5px;
}

footer li a {
    transition: var(--animation-type-1);
}


footer li a:hover {
    color: var(--brand-color-1);
}

footer p {
    color: #999;
    font-size: 0.87rem;
	margin-bottom: 10px;
}

footer .last-foot-link-row {
    border-top-style: solid;
    border-top-color: #dee2e652;
    border-top-width: thin;
}




footer .last-foot-link {
    margin-right: 7px;
    transition: var(--animation-type-1);
}

footer .last-foot-link:hover {
    color: var(--brand-color-1);
}


footer .linkback a {
    text-decoration: none;
    color: #d8d8d83b !important;
	font-size: 12px;
}

@media (max-width:767px) {

    footer .last-foot-link-left,
    footer .last-foot-link-right {
        text-align: center !important;
    }
}

hr {
    width: 30px !important;
    height: 2px !important;
    background-color: var(--brand-color-1) !important;
}

hr.wide{
	width: 100% !important;
	background-color: #f8f9fa !important;
	height: 1px;
}

/** documentation **/

.documentation-nav-1 {
    font-weight: 500;
    font-size: 17px!important;
    line-height: 16px;
	    margin-top: 5px !important;
    margin-bottom: 5px !important;
}

.documentation-nav-1 .bi {
	cursor: pointer;
	transition: width 600ms ease-out, height 600ms ease-out;
}

.documentation-nav-2 {
    font-weight: 400;
    font-size: 15px!important;
    line-height: 15px;
	transition: all .4s ease;
}

.documentation-nav-2 li {
    margin-left: 10px;
    border-bottom: 1px solid #ccc;
    padding: 10px 0px;
    /*margin-top: 5px;*/
	border-left: 1px solid #cccc;
}


.documentation-nav-2 li:last-child {
	 border-bottom: none !important;
}

.documentation-nav-2 li a {
	color: var(--brand-color-3) !important;
	text-decoration: none;
	transition: width 600ms ease-out, height 600ms ease-out;
}


.documentation-nav-2 li a:hover {
	text-decoration: none;
	color: var(--brand-color-1-light);
}


.documentation-nav-2 ul {
		transition: width 1000ms ease-out, height 1000ms ease-out;

}

/************ ||  ***********/


.accordion {
    --bs-accordion-color: var(--bs-body-color);
    --bs-accordion-bg: var(--bs-body-bg);
    --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
    --bs-accordion-border-color: var(--bs-border-color);
    --bs-accordion-border-width: var(--bs-border-width);
    --bs-accordion-border-radius: var(--bs-border-radius);
    --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
    --bs-accordion-btn-padding-x: 1.25rem;
    --bs-accordion-btn-padding-y: 1rem;
    --bs-accordion-btn-color: var(--bs-body-color);
    --bs-accordion-btn-bg: var(--bs-accordion-bg);
    --bs-accordion-btn-icon: var(--accordion-plus-icon);
    --bs-accordion-btn-icon-width: 1.25rem;
    --bs-accordion-btn-icon-transform: rotate(-180deg);
    --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;

    --bs-accordion-btn-active-icon: var(--accordion-minus-icon);

    --bs-accordion-btn-focus-border-color: #86b7fe;
    --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    --bs-accordion-body-padding-x: 1.25rem;
    --bs-accordion-body-padding-y: 1rem;
    --bs-accordion-active-color: var(--bs-primary-text-emphasis);
    --bs-accordion-active-bg: var(--bs-primary-bg-subtle);
}


.accordion-header {
    margin-bottom: 0;
    padding-bottom: 0;
}

.accordion-button:first-child,
.accordion-button:first-child.active,
.accordion-button:first-child:hover {
    border-top: transparent !important;
}

.accordion-button:not(.collapsed) {
    background-color: transparent;
}


.accordion-button:not(.collapsed) {
    color: var(--bs-accordion-active-color);
    background-color: transparent !important;
    box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}

.accordion-flush .accordion-item .accordion-button, .accordion-flush .accordion-item .accordion-button.collapsed {
    padding-left: 0px;
    padding-bottom: 10px;
    padding-right: 6px;
}

.accordion-flush .accordion-item .accordion-button, .accordion-flush .accordion-item .accordion-button.collapsed {
    border-radius: 0;
    border-bottom: 1px solid #eee;
}

/*
.accordion-item:not(:first-child) .accordion-button {
    border-top: 1px solid #ccc !important;
}

.accordion-button:not(:first-child),
.accordion-button:not(:first-child).active,
.accordion-button:not(:first-child):hover {
    border-top: 1px solid #ccc !important;
}

.accordion-button {
    margin: 10px 0 !important;
}
*/

.accordion-flush .accordion-item:not(:first-child) .accordion-button {
    border-top: none !important;
}

.accordion-item {
    border: 1px solid #ccc;
    transition: all 400ms ease;
}

.nav-tabs button.nav-link {
    width: fit-content;
    padding: 10px;
    font-size: 0.88rem;
    background: #f8f9fa;
    color: inherit;
    font-weight: 500;
    letter-spacing: 1px;
    margin: 0px 1px;
    border-bottom: 0 !important;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.tab-pane {
	padding: 20px 0;

}
.nav-tabs {
    display: inline-flex;
}

.nav-tabs .nav-link {
    margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
    border: var(--bs-nav-tabs-border-width) solid #dee2e6;
    border-top-left-radius: var(--bs-nav-tabs-border-radius);
    border-top-right-radius: var(--bs-nav-tabs-border-radius);
}

nav .nav-item .nav-link i.bi.bi-search {
    vertical-align: text-top;
}


/* comment block */
.comment-box {
    border-radius: 4px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    padding: 20px;
    display: flex;
    transition: all 400ms ease;
}


.comment-img {
    width: 10%;
    min-width: 10%;
    max-width: 10%;
   /* margin: 10px;*/
}


.comment-img img {
   	border-radius: 50%;
	height: 50px !important;
	width: 50px !important;
}

.comment-body {
    display: inline-block;
}


@media (max-width:768px) {
    .comment-box {
        display: inline-block !important;
        text-align: center !important;
    }

    .comment-img {
        width: 25%;
        min-width: 25%;
        max-width: 25%;
        display: inline-block;
        margin: 0;
        margin-bottom: 10px;
    }
}

.comment-box .author-details .author-name,
.comment-box .author-details .author-datetime {
    display: inline-block;
}


.author-img {
    width: 40px;
    height: 40px;
    margin-right: 10px;
    border-radius: 50%;
}

.blog-tags a {
    font-size: 11px;
    margin: 1px;
    transition: all 0.4s ease;
}

.blog-tags a.btn {
    padding: 5px 10px;
    border: 1px solid #ccc;
}

.blog-tags a.btn:hover {
    background: var(--brand-color-1);
    border-color: var(--brand-color-1);
}

.comment-box .author-details .author-name {
    font-weight: 600 !important;
}


/* form */

.modal-form-bg-left {
    background-image: url('../../images/c2.jpg');
    min-height: 300px;
    background-position: center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}


form input.form-control, form select.form-control {
	height: auto !important;
	padding: 0.375rem 0.75rem;
	padding-bottom: 7px !important;
}

form select.form-control {
	padding-right: 1.75rem;
}


form .form-control, .form-select {
	border: var(--bs-border-width) solid #ddd;
}

form .form-control:focus, form .form-control:hover {
	box-shadow: none !important;
	border-color: var(--brand-color-1) !important;
}


form .form-label,
form ::placeholder {
    font-size: 14px;
}

form ::placeholder {
	color:#adb5bd !important;
}

@media(max-width: 425px){
	.form-control , form .btn {
		width: 100% !important;
		border-radius: var(--border-radius-4) !important;
		margin: 3px auto !important;
	}
}

.google-map iframe {
    height: 70vh;
    width: 100%;
}

.getintouch iframe {
    height: 394px !important;
    width: 100%;
}

@media(max-width: 768px){
	.getintouch iframe {
		margin-bottom: 20px;
	}
}


/* Docs */
.docs-head img {
    width: 200px;
    justify-self: flex-end;
}

.docs-main h3 {
    margin: 20px 0;
}

.docs-main .grid {
    grid-template-columns: 1fr 2fr;
    align-items: flex-start;
}

.docs-main nav li {
    font-size: 17px;
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #ccc;
}



/*  code */

code,
pre {
    width: 100%;
    margin: 0;
    max-height: 400px;
    overflow-y: auto;
    font-size: 13px;
    line-height: 26px;
    background: #333;
    border: 1px solid #777;
    padding: 10px;
    color: #fff;
    border-radius: 4px;
    letter-spacing: 1px;
    display: inline-block;
}

@media print {

    code,
    pre {
        overflow-x: auto;
        white-space: pre-wrap;
        white-space: -moz-pre-wrap !important;
        white-space: -pre-wrap;
        white-space: -o-pre-wrap;
        word-wrap: break-word;
        background: #fff;
    }
}



/* Products */

.product-thumb {
    max-width: 50px !important;
    max-height: 50px !important;
}


.payment-method-icons img {
    margin-right: 10px;
    max-width: 50px !important;
    height: auto;
    cursor: pointer;
}

.payment-method-icons img.paypal {
    height: 28px !important;
    margin-right: 10px;
    margin-top: 12px;
}


.product-breadcrumbs {
	font-size: 14px;
	color: #3D565F;
	display: block;
	padding: 0px 0px 20px 0px;
	letter-spacing: 1px;
}

@media (max-width: 768px){
	.product-breadcrumbs {
		margin-top: 176px;
	}
}

.product-breadcrumbs .bi {
	    font-size: 14px
}

.product-breadcrumbs i {
	margin-left: 5px !important;
	margin-right: 5px !important;
	vertical-align: middle !important;
}

.product-breadcrumbs a {
    text-decoration: none;
    color: #3D565F;
    font-weight: 500;
    transition: all .4s ease;
}


.product-breadcrumbs a:hover {
    text-decoration: underline;
}

#client-slider img, .client-slider img  {
	width: 110px;
	height: 30px;
}

#closed-columns .closed-column-content {
    position: relative !important;
}

#closed-columns .closed-column-content img {
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}


#closed-columns .closed-column-content .details {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transition: var(--animation-type-1);
}

#closed-columns .closed-column-content:hover .details {
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.7);
    transition: var(--animation-type-1);
}

#closed-columns .closed-column-content .details h2 {
    opacity: 0;
    top: 30%;
}

#closed-columns .closed-column-content .details button {
    font-weight: 500;
    font-size: 14px;
    color: var(--brand-color-3);
    background: none;
    border: none;
    border-top: 1px solid var(--brand-color-3) !important;
    border-bottom: 1px solid var(--brand-color-3) !important;
    padding: 2.5px;
    display: inline-block !important;
    transform: translateY(70px) !important;
    transition: var(--animation-type-1);
    opacity: 0;
    top: 70%;
}


#closed-columns .closed-column-content .details:hover h2 {
    color: #fff !important;
    opacity: 1;
    top: 50%;
}

#closed-columns .closed-column-content .details button {
    font-size: 18px;
}

#closed-columns .closed-column-content .details:hover button {
    color: #fff !important;
    border: none !important;
    border-top: 1px solid #fff !important;
    border-bottom: 1px solid #fff !important;
    opacity: 1;
    top: 65%;
}

#closed-columns .closed-column-content .details:hover button:hover {
    color: var(--brand-color-1) !important;
    border-top: 1px solid var(--brand-color-1) !important;
    border-bottom: 1px solid var(--brand-color-1) !important;
}

#closed-columns .closed-column-content .details h2 {
    text-align: center;
    top: 10%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: var(--animation-type-1);
    position: absolute;
    display: inline-block;
    width: 100%;
}


#closed-columns .closed-column-content .details button {
    text-align: center !important;
    top: 75%;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    transition: var(--animation-type-1);
    position: absolute;
}

.product-wrapper {
	margin: 0 auto;
	align-items: center;
	justify-content: center;
}

.product {
	cursor: pointer;
	margin-bottom: 2rem;
	text-align: center;
	position: relative;
	border: 1px solid #ccc!important;
	border-radius: 6px;
	/* padding: 15px 10px 15px 10px;*/
	padding: 10px;
	box-shadow: rgba(27, 31, 35, 0.04) 0px 1px 0px, rgba(255, 255, 255, 0.25) 0px 1px 0px inset;
	width: 240px;
	height: 348px;
	object-fit: cover;
	margin: 5px !important;
}

.sku-item {
	border: 1px solid #ccccccb2;
	padding: 10px 10px 10px 0;
/*	border-left:0;
	border-right:0;
	border-bottom:0;*/
	margin-top: 10px;
	padding: 10px;
}

.sku-item .sku-name {
  font-size: 14px;
  font-weight: 500;
}

.sku-item  .sku-option-label{
	font-weight:500;
}


.category {
    max-height: 267px !important;
}

.product:hover img {
    opacity: 0.7;
}

.product img {
	transition: var(--animation-type-1);
	width: 177px !important;
	height: 177px;
	/*height: auto;*/
	margin: 0 auto;
	border-radius: 4px;
	margin-bottom: 10px;
}

.product .sales {
    background: var(--brand-color-1);
    font-size: 12px;
    position: absolute;
    transition: var(--animation-type-1);
    color: #fff;
    padding: 4px 11px;
    box-shadow: var(--bs-box-shadow);
    text-align: left !important;
    left: 13px;
    text-decoration: line-through !important;
    top: 0;
}


.product .buy-btn {
	background: var(--brand-color-1);
	border: 1px solid var(--brand-color-1);
	margin-top: 8px;
	bottom: 10px;
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	margin-inline: auto;
	width: fit-content;
}

.product .star {
    display: block;
    position: absolute;
    bottom: 50px;
    left: 0;
    right: 0;
    margin-inline: auto;
    width: fit-content;
    padding: 0;
}

.rateonlycontent1 input,
.rateonlycontent1 .form-control {
	height: auto !important;
}

.bd-callout-info {
    --bd-callout-color: var(--bs-info-text-emphasis);
    --bd-callout-bg: var(--bs-info-bg-subtle);
    --bd-callout-border: var(--bs-info-border-subtle);
}

.bd-callout-warning {
    --bd-callout-color: var(--bs-warning-text-emphasis);
    --bd-callout-bg: var(--bs-warning-bg-subtle);
    --bd-callout-border: var(--bs-warning-border-subtle);
}


.bd-callout-success {
    --bd-callout-color: var(--bs-success-text-emphasis);
    --bd-callout-bg: var(--bs-success-bg-subtle);
    --bd-callout-border: var(--bs-success-border-subtle);
}

.bd-callout-danger {
    --bd-callout-color: var(--bs-danger-text-emphasis);
    --bd-callout-bg: var(--bs-danger-bg-subtle);
    --bd-callout-border: var(--bs-danger-border-subtle);
}

.bd-callout {
    --bs-link-color-rgb: var(--bd-callout-link);
    --bs-code-color: var(--bd-callout-code-color);
    padding: 1.25rem;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    color: var(--bd-callout-color, inherit);
    background-color: var(--bd-callout-bg, var(--bs-gray-100));
    border-left: 0.25rem solid var(--bd-callout-border, var(--bs-gray-300));
}


.bd-callout.brand-callout {
	background-color: var( --brand-color-4);
	padding: 14px 35px 14px 35px;
	border-style: solid;
	border-width: 0px 0px 0px 7px;
	border-color: var( --brand-color-1 );
	border-radius: 10px 10px 10px 10px;
}


.star {
    padding: 10px 0;
    font-size: 16px !important;
}

.star i, .single-wrap-star .bi-star-fill {
	font-size: 0.96rem;
	color: #ffc107;
	letter-spacing: 1.5px;
}

.product-name,
.product-price {
    font-weight: 400;
    color: var(--brand-color-3);
}


.product-name,
.product-price {
    font-size: .9375rem;
}

.product span.product-notices {
	color: #adb5bd;
	display: block;
	font-size: .6875rem;
	max-width: 100%;
	margin-top: 10px;
}

.tag-category {
	position: absolute;
	padding: 4px 12px;
	background-color: var(--brand-color-1);
	color: #fff;
	border-radius: var(--border-radius-100);
	top: 16px;
	left: 16px;
	font-size: 11px;
	z-index: 10;
}

#parallax-banner {
    background-image: url('../../images/project5.jpg');
    width: 100%;
    height: 60vh;
    background-position: top 70px center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    position: relative;
}

#parallax-banner h4 {
    color: var(--brand-color-3);
}

#parallax-banner h1 {
    color: #fff;
}

#parallax-banner button {
    background-color: var(--brand-color-1);
}


#parallax-banner .overlay {
    background-color: rgba(0, 0, 0, 0.35);
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    height: 60vh;
}

.prod-detail-gallery-wrapper .prod-d-gallery-img {
	/*max-width: 120px!important;*/
}

.product-details .prod-detail-gallery {
    display: flex;
    justify-content: space-between;
}

.product-details .prod-detail-gallery-wrapper {
    flex-basis: 24%;
    cursor: pointer;
}

.product-details .right h6 {
    color: #343a40 !important;
}

.product-details .right select {
    display: block;
    padding: 5px 10px;
}

.product-details .right input {

    padding-left: 10px;
    width: 50px;
    height: 40px;
    font-size: 1rem;
    margin-right: 10px;
}

.product-details .right input:focus,
.product-details .right select:focus {
    outline: none;
}

input[type=number]::-webkit-inner-spin-button {
    opacity: 1;
}

.product-details .left img,
.product-details .left .prod-d-gallery-img {
    transition: var(--animation-type-1);
}


.product-details .prod-detail-gallery {
    display: flex;
    justify-content: space-between;
}

.product-details .prod-detail-gallery-wrapper {
    flex-basis: 24%;
    cursor: pointer;
}

.product-details .right select {
    display: block;
    padding: 5px 10px;
}

.product-details .right input {

    padding-left: 10px;
    width: 50px;
    height: 40px;
    font-size: 1rem;
    margin-right: 10px;
}

.product-details .right input:focus,
.product-details .right select:focus {
    outline: none;
}

input[type=number]::-webkit-inner-spin-button {
    opacity: 1;
}

.product-details .left img,
.product-details .left .prod-d-gallery-img {
    transition: var(--animation-type-1);
}

.product-details .left img{
	width: 350px;	
	height: 184px;
	background-position: center !important;
	background-size: cover !important;
	background-repeat: no-repeat !important;
	object-fit: cover;
	/*min-height: 100%;
	height: 100%;
	object-fit: cover;*/
}

.addcart-qty {
	display: flex;
    height: 38px;
	width: 200px;
}

.addcart-qty .decrement-btn,
.addcart-qty .increment-btn {
    background: #ccc !important;
    color: #333 !important;
	border-radius:0;
}

.addcart-qty .form-control {
    width: 60px !important;
	border-radius:0;
	margin-right: -5px !important;
	margin-top: 0px !important;
}

.addcart-qty .addcart-qty-btn {
	min-width: fit-content;
	border-top-right-radius: 0.375rem;
	border-bottom-right-radius: 0.375rem;
		border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.addcart-qty .addcart-qty-btn .bi,
.btn .bi {
	font-size:inherit;
}


@media (max-width:768px) {
	.addcart-qty, .mob-sku-view {
		display: block !important;
	}
	
	.addcart-qty {
		width: 100% !important;
	}
	
	.addcart-qty .form-control {
		display: block !important;
		border-radius: 4px !important;
		margin: 3px auto !important;
		width: 100% !important;
	}
	
	.addcart-qty button {
		display: block !important;
		width: 100% !important;
		border-radius: 4px !important;
	}
	
	.sku-item {
		margin-bottom: 15px;
		padding: 10px;
	}
}



.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
       background: transparent;
    text-align: center !important;
}

 .increment-btn:hover, .decrement-btn:hover {
 	background-color: transparent;
 }
 
/* Our Pricing */

.pricingcards:not(.price):not(.price-month) {
    color: var(--brand-color-2);
	box-shadow: -5px 5px 15px 1px rgba(0, 0, 0, 0.1);
}

.pricingcards h5 {
	font-size: 30px;
	font-weight: 700;
	display: inline-block;
	margin: 10px;
}

.pricingcards .price {
    font-size: 27px;
    font-weight: 700;
    display: inline-block;
}


.pricing-table .price .price-month {
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    margin-left: 3px;
}

.pricingcards li {
    padding: 10px 5px;
    border-bottom: 1px solid #ccc;
    margin-top: 2px;
    display: flex;
    align-items: center;
    line-height: 22.5px;
    font-size: 15px;
}

.pricingcards li .bi {
	margin: 0 5px;
}

.pricingcards:hover {
    color: var(--brand-color-3) !important;
}

.pricing-btn {
    margin-top: 1rem;
    height: 2.6rem;
    width: 13.3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    background: var(--brand-color-1);
    color: #fff;
    outline: none;
    font-weight: bold;
    border: none;
}

.active-pricing-btn {
    background: #fff;
    color: var(--brand-color-1);
}

.pricingcards .bottom-bar {
    border-bottom: 2px solid hsl(240, 8%, 85%, 0.583);
}

.pricingcard.active .bottom-bar {
    border-bottom: 2px solid #fff;
}

.pricingpack {
    font-size: 1.25rem;
    font-weight: 600;
}

.pricepack-pad-left {
    padding-left: 2rem;
}

.pricepack-pad-right {
    padding-right: 2rem;
}


.progress-bar-title {
    font-size: 17px;
    font-weight: 700;
    margin: 10px 0;
}

.progress-container {
	width: 100%;
	height: 14px;
	background-color: #eee;
	border-radius: 4px;
	overflow: hidden; /* Ensures the inner bar stays within bounds */
}

.progress-bar {
	height: 100%;
	width: 0; /* Initial state: not filled */
	background-color: var(--brand-color-1); /* Example color */
	color: #fff;
	border-radius: 4px;
	transition: width 1s ease-out; /* Smooth animation when width changes */
	font-size: 10px;
	padding: 5px 0 5px 0;
}

/* Class to trigger the animation */
.progress-bar.animate {
  /* This class will be added by JavaScript to trigger the animation */
}


/* Tablets and below */

@media(max-width: 768px){
	.hero-slider .home-text,
	.hero-video .home-text,
	.home-video-bg .home-text {
	    margin-bottom: -158px;
        display: block;
        text-align: center;
	}
	
	.home-image .home-text {
        display: block;
        text-align: center;
	}
	
	.home-colored-bg .home-text {
		display: block;
		text-align: center;
	}
	
	.home-text .btn {
        width: 50%;
        display: block;
        margin: 10px auto;
    }


	.home-text h1 {
		font-size: 32px;
	}	
	
	.home-text p {
		font-size: 13px;
		text-align: center;
	}

}




/* Mobile and below */
@media(max-width: 500px){

	.home-text h1 {
		font-size: 1.5rem;
		margin-top: 50px;
	}	
	
	.home-text p {
		font-size: 13px;
		padding: 0 51px;
	}
	
	.md-text-center {
		text-align:center !important;
	}	
	
	.md-expnd-btn {
		display:block;
		margin: 10px auto;
	}
	
	.btn.md-expnd-btn {
		width: 50%!important;
	}
	
	.md-mr-10 {
		margin-right: 10px !important;
	}
	
	.md-ml-10 {
		margin-left: 10px !important;
	}
	
	.vertical-margin {
		    margin: 50px auto !important;
	}
	
	.change-flex-direction {
		flex-direction: column !important;
	}
	
	.change-flex-direction > * {
		text-align: center !important;
	}
	
	.home-text .btn {
        width: 100%;
        display: block;
        margin: 10px auto;
    }		
}


/* LOGIN PAGE */

.login-form-wrapper  {
	max-width: 850px;
	background: #fff;
	box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
	margin: 0 auto;
	border-radius: .30rem;
}

.login-right {
	transition: all 1s ease-in-out;	
}
        
.login-form-wrapper .login-img {
	background-image: url('../../images/app_images/login-bg.jpg');
	background-position: center;
	background-size: cover;
	width: 100%;
	height: 100%;
	border-bottom-right-radius: 0.3rem;
	border-top-right-radius: 0.3rem;
}


.login-form-wrapper .login-img::after {
    content: "";
    background-color: #000;
   /* opacity: 0.25 !important;*/
    z-index: 1;
   	background-position: center;
	background-size: cover;
	width: 100%!important;
	/*height: 55vh!important;*/
	height: auto !important;
	border-bottom-right-radius: 0.3rem;
    border-top-right-radius: 0.3rem;
}


.login-form-wrapper .login-text {	
	z-index: 2;
	top: 50%;
    position: absolute !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
	width: 100%;
}

.login-form-wrapper .login-text .text-1 {
	font-size: 26px;
	font-weight: 600;
	text-align:center;
	color: #fff;
	display:block;
}

.login-form-wrapper .login-text .text-2 {
	font-size: 15px;
	font-weight: 600;
	text-align: center;
	color: #fff;
	display: block;
	text-wrap: nowrap;
}

@media (max-width:767px) {
	.login-right {
		display: none;
	}
}

.credits-page li a {
	text-decoration:none;
	color: var(--bs-link-color);
}

.credits-page li a:hover {
	text-decoration: var(--bs-link-decoration);
}


.credits-page li .bi {
    font-size: 15px;
    line-height: 24px;
    vertical-align: bottom;
    margin-right: 5px;
}

.login-password-wrap {
	position:relative;
}

.login-password-wrap .bi {
	position:absolute;
	top: 25%;
	left:10px;
}

.login-password-wrap #inputPassword {
	padding-left: 34px;
}


.social-icon-stats .single-wrap,
.social-icon-stats .single-wrap-star {
	margin-right: 10px;
}

.social-icon-stats .single-wrap-star:hover {
	color: var(--brand-color-1);
}

.social-icon-stats, figcaption {
	margin-top: 20px;
	color: #6c757d;
	font-size: 13px;
}

.social-icon-stats i {
	margin-right: 2px;
	vertical-align: middle;
}


.height-100 {
	height: 100px !important;
}

.height-98 {
	height: 98px !important;
}

.letter-spacing-1{
	letter-spacing: 1px !important;
	font-weight:500;
}

.c-fs-14 {
	font-size: 14px!important;
}

.blog-sidelink ul{
	margin-bottom: 10px;
}

.blog-sidelink li a {
	border-bottom: 1px solid #ccc;
	/*padding: 0.7em 8px 0.7em 8px;*/
	padding: 0.7em 8px 0.7em 0;
	line-height: 1.3em;
	display: block;
	font-weight: 550;
	text-decoration: none;
	font-size: 0.75rem;
}

.blog-sidelink ul h5 {
	font-size:0.9375rem
}

.blog-sidelink li a:hover {
	background: #f6f6f6;
	transition: all 400ms ease-in-out;	
}

.dark-overlay {
	 box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.dark-band-overlay {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.22);
}

.c-light-gray {
	color: #6c757d !important;
}


.blog-roll-slider-item-wrap {
	border-radius: 0.375rem;
}

.blog-roll-slider-item-wrap img {
	max-height: 336px !important;
	object-fit: cover;
}

.blog-roll-row {
	margin-bottom: 25px!important;
}

.blog-roll-slider-item-height .blog-post img {
		height: 33vh !important; 	
}

.blog-roll-slider-item-height .blog-post .product-name {
	margin-top: 5px;
}


@media (max-width: 768px) {
	.blog-roll-slider-item-height {
		height: auto !important; 	
	}

	.blog-roll-slider-item-height .blog-post img {
			height: 38vh !important; 	
	}
	
	.blog-roll-row {
		margin-bottom: 40px !important;
	}
}

@media (max-width: 500px) {
    .blog-roll-slider-item-height .blog-post img {
        height: 200px !important;
    }
}

.blog-roll-slider-item-wrap .carousel-caption {
	text-align:left; 
	color: #e9ecef; 
	left: 3%;
}

#generalsearchInputResult a {
	color: #6c757d !important;
	transition: all .4s ease-in-out;
}

#generalsearchInputResult a:hover{
	color: var(--brand-color-1-light) !important;
}

.popupsearchwindow {
	margin-top: 80px;
	margin-bottom: 80px;
	padding: 0 5px;
}

.popupsearchwindow .searchdata h4 {
	font-size: 15px;
	font-weight:600;
	margin: 4px auto;
}
	  
.popupsearchwindow a h4 {
	color: #084399d4 !important;
}

.popupsearchwindow .searchdata p {
	font-size: 14px;
	margin: 4px auto;
	color: #4d5156 !important;
}

.popupsearchwindow .searchdata {
	margin: 10px auto; 
}

.popupsearchwindow .searchdata, .popupsearchwindow a, .popupsearchwindow .searchdata p {
	cursor:pointer !important;
}
	  


.blog-brief-intro {
    font-size: 12px;
    margin-bottom: -2px !important;
    padding-right: 12px;
}


<!-- custom pager style END -->

<!-- -->

.close-alert {
	background-color: transparent !important; 
	color: #000 !important; 
}

.alert-dismissible .btn-close {
    position: absolute !important;
    top: 25% !important;
    right: 2% !important;
    padding: 5px !important;
    line-height: 10px !important;
    font-size: 10px !important;
}


.custom-position-close-btn {
	position: absolute;
    right: 9px;
    top: 6px;
    color: #000;
    border: 1px solid #ccc;
    font-size: 10px;
    padding: 5px;
}

.form-error-div {
	padding: 5px 0;
	font-size: 13px;
	margin: 3px;
	border-radius: 4px;
	letter-spacing: 0.9px;
	background: #fff;
}

.form-error-div:empty {
  display: none;
}

div:empty { 
  display: none;
}

.brand-foot {
	text-align:center;
	align-content: center;
	color: #9e9e9e;
	font-size: 12px;
	margin:10px 0 0 0;
}

.brand-foot a {
	color:#9e9e9e !important;
	text-decoration:underline;
	font-size: 12px;
}

.brand-foot a:hover {
	color:#9e9e9e !important;
	text-decoration:underline;
	font-size: 12px;
}

.datemodified {
	font-size: 11px;
	font-weight: 500;
}

/* Custom Style */
.custom-h-slider-wrapper {
	display: flex;
	justify-content: center;
	align-items:center;
}

.custom-h-slider{
    width: 100%;
    overflow: hidden;
    display: flex;
    padding: 10px 0px 0px 5px;
}

.custom-h-slider .prod-d-gallery-img {
    height: 102px!important;
}


.custom-h-slider .item  {
	margin: 2px 0px 2px 4px;
	transition: .5s ease all;
}

.arrow {
	width: 100%;
    display: block;
    margin: 0;
    padding: 0;
    transition: .5s ease all;
	text-align: center;
	cursor:pointer;
}

.arrow i {
	color: #333;
	opacity: .8;
	font-size: 18px;
	background: #f5f5f5;
	padding: 5px;
	border-radius: 0.25rem;
	text-align: center;
	justify-content: center;
	margin: 0 auto;
}

.arrow i:hover {
	opacity: 1;
}


.w-250 {
	width: 250px!important;
}

.close-search {
	position: absolute;
	top: 20%;
	/*right: 23%;*/
	right: 5%;
	display:none;
	transition: .3s ease;
	cursor:pointer;
}

.date-search-i {
	position: absolute;
	top: 53%;
	right: 5%;
	display:block;
	transition: .3s ease;
	cursor:pointer;
}

/*  BACK Bottom */

#backtoBottom, #closeScrollDown {
	padding: 5px 3px;
	position: absolute;
	bottom: 53%;
	right: 3.5%;
	cursor: pointer;
	z-index: 4;
	font-size: 1.58rem;
	display: none;
}


#backtobottomNotify {	
	display: none;
	vertical-align: text-bottom !important;
	cursor:pointer;
}

#closeScrollDown {
	bottom: 62%;
	font-size: 14px !important;
	right: 4.5% !important;
	cursor: pointer;
	padding: 5px;
	display: none;
}

@media (max-width:768px) {
	#closeScrollDown {
		right: 5.5% !important;
	}
}

#backtobottomNotify.new {	
	font-size: 10px !important;
	display: block;
	margin-top: -8px!important;
	margin-left: -4px;
}

#backtoBottom .bi-arrow-down-circle {
    font-size: 1.52rem;
    color: #666 !important;
}



#backtoBottom .bi-arrow-down-circle:hover {
	color: #bdc0c1;
}

.z-index-10 {
	z-index: 10 !important;
}


@media print {
	.chatwrapper {
		height:auto!important;
	}
}


.clear-float {
	clear: both!important;
}

/*  The Layout  */
.design-wrapper {
	width: 100% !important;
	height: auto;
	margin-bottom:10px;
	text-align: justify;
}

textarea.form-control {
    min-height: 70px;
}

.col-top {
	width: 100% !important;
	display: block;
	margin-bottom:10px;
}

.col-bottom {
	width: 100% !important;
	display: block; 
}

.one-col-center {
	width: 100% !important;
	height:60%; 
	margin-bottom: 10px;
}

.design-wrapper textarea:hover, 
.col-top textarea:hover,
.col-bottom textarea:hover, 
.one-col-center textarea:hover,
.two-col-left-sb-left textarea:hover,
.two-col-left-sb-right textarea:hover,
.two-col-right-sb-left textarea:hover,
.two-col-right-sb-right textarea:hover,
.three-col-right textarea:hover,
.three-col-center textarea:hover,
.three-col-left textarea:hover{
	border: 2px solid green !important;
	transition: all 0.2s ease;
}

.mce-tinymce {
    border: 1px solid #198754 !important;
	border-radius: none !important;
}

.mce-tinymce:hover {
    border: 1px solid red !important;
}


/* 2 col left side bar */

.two-col-center-wrapper {
	display: flex;
	height: 60%;
	margin-bottom: 10px;
}


.two-col-left-sb-left, .two-col-right-sb-right {
	width: 100% !important;
	display: block;
}

.two-col-left-sb-right, .two-col-right-sb-left {
	width: 100% !important;
	display: block;
}

.two-col-left-sb-right {
	margin-left: 10px;
}

.two-col-right-sb-left {
	margin-right: 10px;
}

/* 3 col left side bar */

.three-col-center-wrapper {
	display: flex;
	margin-bottom: 10px;
}
 
.three-col-left, .three-col-right {
	width: 100% !important;
	display: block;
}

.three-col-center {
	width: 100% !important;
	display: flex;
	margin-left: 5px;
	margin-right: 5px;
}

.linkdiv {
	display: none;
}

@media (max-width: 768px) {
	.three-col-center-wrapper {
		display: block;
		margin-bottom: 10px;
	}
	
	.three-col-left, .three-col-right {
		min-width: 100% !important;
	}
	
	.three-col-center {
		min-width: 100% !important;
		margin-left: 0;
		margin-right: 0;
		margin-top: 10px;
		margin-bottom: 10px;
	}

	.two-col-center-wrapper {
		display: block;
		margin-bottom: 10px;
	}
	
	
	.two-col-left-sb-left, .two-col-right-sb-right {
		min-width: 100% !important;
	}
	
	.two-col-left-sb-right, .two-col-right-sb-left {
		min-width: 100% !important;
		margin-left: 0;
		margin-top: 10px;
		margin-bottom: 10px;
	}
}


small.author-datetime {
	margin-top: 5px;
}


/* Popup Author Profile */

.author-img {
	cursor:pointer !important;
}
.authorpopup {
	box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
	border-radius: 4px;
}
.authorpopup .author-img {
	width: 80px;
    height: 80px;
	margin-bottom: 5px !important;
}

.authorpopup hr {
	margin-bottom: 10px !important;
}

.exitpopup, .authorpopup {
	  transition: all 0.5s ease;
}

 @media (max-width:768px){
	.exitpopup, .authorpopup {
		width: 90%;
        margin: 0 auto;
	}
	
	.exitpopup  .right {
		width: 100% !important;
	}
	
	.exitpopup  .left {
		display: none;
	}
}

<!-- Social Media Block -->

.socail-media-block {
	display: block!important;
	margin-bottom: 20px !important;
}

.socail-media-block .bi {
    padding: 7px;
    font-size: 15px;
	text-align: center;
	text-decoration: none;
	margin: 2px 1px;
	border-radius: 4px;
	display: inline-flex;
}

.socail-media-block .bi:hover {
    opacity: 0.7;
}

.socail-media-block .bi-facebook {
  background: #3B5998;
  color: white;
}

.socail-media-block .bi-twitter-x {
  background: #55ACEE;
  color: white;
}

.socail-media-block .bi-google {
  background: #dd4b39;
  color: white;
}

.socail-media-block .bi-linkedin {
  background: #007bb5;
  color: white;
}

.socail-media-block .bi-youtube {
  background: #bb0000;
  color: white;
}

.socail-media-block .bi-instagram {
  background: #125688;
  color: white;
}

.socail-media-block .bi-whatsapp {
  background: #00b489;
  color: white;
}
.socail-media-block .bi-pinterest {
  background: #cb2027;
  color: white;
}

.socail-media-block .bi-snapchat {
  background: #fffc00;
  color: white;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.socail-media-block .bi-skype {
  background: #00aff0;
  color: white;
}

.socail-media-block .bi-android2 {
  background: #a4c639;
  color: white;
}

.socail-media-block .bi-dribbble {
  background: #ea4c89;
  color: white;
}

.socail-media-block .bi-vimeo {
  background: #45bbff;
  color: white;
}

.socail-media-block .bi-reddit {
  background: #ff5700;
  color: white;
}

.socail-media-block .bi-rss {
  background: #ff6600;
  color: white;
}

.socail-media-block .bi-github {
  background: #212529;
  color: white;
}

section.container.product-details.pt-5 {
    padding-top: 15px !important;
}

.auto-fit-img {
	object-fit: cover !important;
    background-size: cover;
    height: 100% !important;
}

.custom-position-close-btn {
	position: absolute;
    right: 9px;
    top: 6px;
    color: #000;
    border: 1px solid #ccc;
    font-size: 10px;
    padding: 5px;
}

 .plain-wide-center {
	  width: 100%;
	  height: 100vh;
	  position:relative;
	  transition: all 0.5s ease;
	  background-color: #f4f8fa;	 
  }
  
   .plain-wide-center .container .row {
	width: 50%;
	background-color: #fff;	 		 
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	border-radius: 4px;
	padding: 10px;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;	
  }
  
 @media (max-width:768px){
	.plain-wide-center .container .row .left{
		display: none;
	}
	
	.plain-wide-center .container .row {
		width: 90%;
        margin: 0 auto;
	}
	
	.plain-wide-center .container .row .right {
		width: 100% !important;
	}
}

.bd-callout.bd-callout-warning {
    max-width: fit-content !important;
}

.bd-callout.wrap-border {
	border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-radius: 5px;
	max-width: fit-content;
}

.form-error-div {
	padding: 5px 10px;
	font-size: 13px;
	margin: 3px;
	border-radius: 4px;
	letter-spacing: 0.9px;
	background: #fff;
	color: #2E6F40!important;
	font-weight: 600;
}


.form-error-div.show-as-callout {
    color: var(--bs-info-text-emphasis);
    background: var(--bs-info-bg-subtle);
    border: var(--bs-info-border-subtle);
    font-weight: 500;
    letter-spacing: 1px;
    font-size: 13px;
	margin:5px;
}

.border-radius-0 {
	border-radius: 0!important;
}

i {
	vertical-align: middle;
}

 .product-sort{
	/*float: inline-end;*/
	font-size: 12px;
	line-height: 1.5;
	color: #6c757d;
 }
 .product-sort i {
	color: #6c757d;
	cursor:pointer;
 }
 .product-sort .spike{
	font-size: 10px;
	vertical-align: text-bottom;
	margin:0 5px;
 }


/* New Product */
.product_category_sidebar {
	background: #fff;
	height: 325px;
	    border-top-left-radius: 6px;
		    border-top-right-radius: 6px;
}

.product_category_sidebar h2 {
	padding: 15px;
	font-size: 17px;
}

.product_category_sidebar li {
	font-size: 14px;
	font-weight: 500;
	border-top: 1px solid var(--border-color);
	display: flex;
	gap: 15px;
	align-items: end;
}

.product_category_sidebar li a {
	color: var(--brand-color-2);
	transition: 0.3s ease-in-out;
}

.product_category_sidebar li a:hover {
	color: var(--brand-color-1);
}

.carousel-indicators [data-bs-target] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

.carousel-control-next, .carousel-control-prev {
    width: 6%;
}

.carousel-control-next:hover, .carousel-control-prev:hover {
    background-color: #5161716e;
}

.product-item {
	position: relative;
	background: #fff;
	padding: 5px 10px !important;
	margin: 5px !important;
	min-height: 298px;
	text-align: center;
	overflow: hidden;
	width: 23%;
}

.slider-product-items .product-item, .left-product-slider .productdetail-more-image,
.category-list-with-product-slider .product-item, .category-list-with-product-slider-right-banner .product-item,
.review-slider .review,
.blog-details-related-topic .blog-post,
.blog-details-related-topic-inblog .blog-post  {
	/*width: auto!important;*/
	width: 93% !important;
}

.sale_percent {
	top: 5px !important;
	left: 61% !important;
	width: fit-content !important;
	padding: 1px 3px !important;
	font-size: 11px !important;
	border-radius: 4px !important;
	    padding-right: 12px !important;
}


.prod-details.sale_percent {
    top: -21px !important;
    right: 0% !important;
}

.product-item .sale_percent::after, .sale_percent::after{
	content: "%";
	position: absolute;
	padding-right: 2px;
}

.product-item .sale_percent, .sale_percent {
	position: absolute;
	top: 10px;
	right: 15px;
	z-index: 2;
	background-color: var(--brand-color-1);
	color: #fff;
	padding: 3px 15px 3px 6px;
	font-size: 13px;
	border-radius: 3px;
}

.sale_discount {
	background-color: var(--brand-color-1);
	color: #fff;
	padding: 3px 6px 3px 6px;
	font-size: 13px;
	border-radius: 3px;
}

@media(max-width: 768px){
	.sale_percent {
		position: static;
		display: inline-block;
		margin-top: 10px;
	}
}

span.sale_percent:empty, .sale_percent:empty {
    display: none;
}

.product-item .img_product {
	position: relative;
    width: 165px;
    height: 160px;
    margin: 0 auto;
    margin-bottom: 5px;
}

.product-item .img_product img {
/*	width: 80%;
	transition: 0.3s ease-in-out;*/
	
	width: 165px;
	transition: 0.3s ease-in-out;
	height: 160px;
	margin: 0 auto !important;
	display: block;
	margin-top: 5px !important;
}

.product-item:hover .img_product img {
	opacity: 0;
}

.product-item .img_product .img_hover {
	/*width: 100%;*/
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	scale: 0.1;
	transition: 0.3s ease-in-out;
	
	width: 165px;
	height: 160px;
	margin: 0 auto !important;
	display: block;
	margin-top: 5px !important;
}

.product-item:hover .img_product .img_hover {
	opacity: 1;
	scale: 1;
}

.product-item .name_product {
	font-size: 14px;
	font-weight: 500;
	padding:0;
	margin: 0;
}

.product-item .name_product a {
	color: var(--name-item);
}

.product-item .name_product a:hover {
	text-decoration: underline;
}

.product-item .stars {
	margin: 2px 0;
}

.product-item .stars i, .product-item .stars svg {
	color: orange;
	font-size: 13px;
}

.price {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
}

.price p {
	color: var(--brand-color-1);
	font-weight:bold;
}

.price .old_price {
	color: var(--paragraph-color);
	text-decoration: line-through;
	font-size: 13px;
	font-weight: normal;
}

.product-item .icons {
	display: flex;
	flex-direction: column;
	gap: 10px;
	position: absolute;
	right: -80px;
	z-index: 3;
	top: 54%;
	transform: translateY(-50%);
}

.product-item .icons i, .product-item .icons svg{
color: var(--brand-color-2);
background: #fff;
padding: 10px;
border: 1px solid var(--border-color);
text-align: center;
cursor: pointer;
transition: 0.3s ease;

}

.product-item .icons i.active, .product-item .icons svg.active {
	background: var(--brand-color-1);
	cursor: auto;
	pointer-events: none;
	position: relative;
}

.product-item .icons i.active::after , .product-item .icons svg.active::after {
	content: '';
	position:absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #0000004f;
	z-index: 5;
	overflow: hidden;
}

.product-item .icons i:hover , .product-item .icons svg:hover {
	background: var(--brand-color-1);
	color: #fff;
}

.product-item:hover .icons {
	right: 15px;
}

.productlist_page {
    display: contents;
}

.productlist_page .icons {
	display: none;
}

.product-item .moreinfo {
	font-size: 12px !important;
    line-height: 16px !important;
	white-space: nowrap;
    color: #007185;
	font-weight: 500;
	padding-bottom: 5px;
}

.product-item .moreinfo a {
	text-decoration: none;
}

.product-left-align {
	text-align: left;
	box-shadow: 5px 5px 10px #94949428;
	border: 1px solid var(--border-color);
	border-radius: 5px;
	transition: 0.3s ease;
}

.product-left-align .price {
  justify-content: left;
}

table.product-compare-tb th,table.product-compare-tb td {
	padding: .5rem .5rem;
	text-align: left;
	
}

.product-compare-tb .main-product-img img {
	width: 200px;
	height: 200px;
}

.product-compare-tb .product-name a {
	text-decoration: none;
	color: inherit;
	transition: all .4s ease;
	letter-spacing: .6px;
}

.product-compare-tb .product-name a:hover {
	text-decoration: underline;
	color: var(--brand-color-1);
}

.product-compare-tb .product-image-gallery img {
	width: 50px;
	height: 50px;
	margin: 5px;
}


.product-compare-tb  .product-options-wrapper {
	border: 1px solid #dee2e6;
	border-radius: 5px;
	margin: 7px auto;
}

.product-compare-tb  .product-options {
	display: flex;
	justify-content: space-between;
	padding: 5px 10px;
	border-bottom: 1px solid #dee2e6;
}

.product-compare-tb  .product-options:last-child{
		border-bottom: none!important;
}

.product-compare-tb  .product-options  .opt {
	font-weight: 500;
}

.product-compare-tb  .product-options  .opt::after {
	content: ":";
	font-weight: 500;
}

.product-compare-tb  tr > :first-child {
	font-weight: 500 !important;
	letter-spacing: .6px;
}

.product-compare-tb  input[type="checkbox"] {
	font-size: 13px;
	margin: 5px;
}


.product_category_sidebar.documentation h2 {
    padding: 10px;
    font-size: 18px;
}

.product_category_sidebar.documentation li {
    padding: 10px;
	word-break: break-word;
}

.product_category_sidebar.documentation {
    background: #fff;
    border: 1px solid #ccc;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
	height: auto;
	margin-bottom: 15px;
}

.product_category_sidebar .documentation-nav-2 li {
	border-top: 0 !important;
	padding: 7px !important;
}

.product_category_sidebar li a,
.product_category_sidebar .documentation-nav-2 li a {
	color: var(--brand-color-2);
	transition: 0.3s ease-in-out;
}

.product_category_sidebar li a:hover, 
.product_category_sidebar .documentation-nav-2 li a:hover {
	color: var(--brand-color-1) !important;
}

.category-list-with-product-slider .product-item .name_product,
.category-list-with-product-slider-right-banner .product-item .name_product {
  font-size: 13px;
}

@media(max-width: 768px){
	.product-item {
		width: 48%;
	}
}

@media(max-width: 600px){
	.product-item {
		width: 98%;
	}
}


.review-message-wrapper  {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
	gap: 5px;
	margin-bottom: 10px;
}

.review-message-wrapper.no-grid  {
    display: grid;
    grid-template-columns: none;
    gap: 5px;
    margin-top: 1rem;
}

*_search_result_display {
	margin: 10px auto;
	padding: 0 10px;
}

.review-message-wrapper  a{
	color: inherit;
}		

.review-message-wrapper .review-item {
	display: flex;
	width: 100%;
	gap: 10px;
	align-items: center;
	border: 1px solid #6666662a;
	padding: 5px;
	border-radius: 5px;
	margin-bottom: 5px;
	 transition: all 0.3s ease;
}

.review-message-wrapper .review-item:hover {
	border: 1px solid #91808066;
}

.review-message-wrapper .review-img {
	display: flex;
	width: 40px;
	height: 40px;
	background-size: cover;
	object-fit: cover;
	border-radius: 50%;
}

.review-message-wrapper .review-info {
	display: flex;
	flex-direction: column;
	width: 85%;
	color: #302c2ce3;
}

.review-message-wrapper .review-info .star {
		padding: 2px 0;
		font-size: 10px !important;
}

.review-message-wrapper .review-info .star .bi {
		font-size: 10px !important;
}

.review-message-wrapper .review-title {
	font-size: 15px;
	font-weight: 500;
	display: block;
	margin:3px 0;
}

.review-message-wrapper .review-msg {
	font-size: 13px;
	font-weight: 400;
}


.review-stats {
	font-size: 12px !important;
	margin-top: 2px;
	color: #6c757de6;
	line-height: 19.5px;
}


@media(max-width: 768px){
	.review-msg {
		display: block !important;
	}
}

.review-message-wrapper .review-date {
	font-size: 12px;
	font-weight: 400;
	color: #6c757d;
}

.review-form {
    margin: 20px 0;
    border-top: 1px solid #6666662a;
    padding: 15px 10px;
    border: 1px solid #eee;
    border-radius: 5px;	
}

.review-form  form {
	margin: 20px 0;
	border-top: 1px solid #6666662a;
	padding: 15px 10px;
	border: 1px solid #eee;
	border-radius: 5px;
}

.review-form .bi {
	font-size: 13px;
}

.review-form  .ratting-star-box {
	display: flex;
	align-items: center;
}
.review-form  .ratting-star-box span {
	font-size: 14px;
}

.blogside-bar .review-message-wrapper .review-info {
	display: flex;
	flex-direction: column;
	width: 75% !important;
	margin: 0 auto !important;
	align-self: baseline;
}

.blogside-bar .review-message-wrapper .review-img {
	display: flex;
	width: 98px;
	height: 92px;
	border-radius: 4px;
	object-fit: cover !important;
	background-size: cover !important;
}

.blogside-bar .review-message-wrapper .review-item {
	border: none;
	border-bottom: 1px solid #6666662a;
	border-radius: 0;
	padding-left: 0;
}

.blogside-bar .review-message-wrapper .review-msg {
	font-size: 0.75rem;
}
						
.blogside-bar .star {
	font-size: 10px !important;
}


@media (max-width: 600px) {
	.review-message-wrapper .review-item {
		flex-direction: column;
		text-align: center;
	}

}

.no-data-found {
	float: left;
	border: 1px solid #ccc;
	padding: 10px;
	border: 0.5px solid #ccc;
	border-radius: 0.25rem;
	box-shadow: rgba(0, 0, 0, 0.20) 0px 2px 3px;
	position: relative;
    padding-top: 34px !important;
}
	


/* filtering product */
.filtercolumn {
	width: 20%;
	padding: 5px 10px;
}

.filtercolumn  .custom-position-sticky {
	position: sticky !important;
	top: 80px !important;
/*	display: flex;
	flex-direction: column;*/
	align-items: center;
}

.filteroutput {
	width: 77%; 
	margin-left: 15px;
	position: relative;
}

.filteritem-group {
	padding: 10px;
	margin: 0 auto;
	margin-bottom: 5px;
	background: #fff;	
	/*border-radius: 5px;*/
	width: 100%;
	border: 1px solid #ccc !important;
	padding-bottom: 0;
}

.filteritem-group h2 {
	font-size: 17px;
	font-weight: 500;
	margin-bottom: 5px;
}

.filteritem-group  input[type="checkbox"],
.filteritem-group  li {
	font-size: 13px;
	line-height: 20px;
	padding: 3px;
}

.filteritem-group  input[type="checkbox"] a,
.filteritem-group  li a {
		transition: all .4s ease-in-out;
}

.filteritem-group  input[type="checkbox"] a:hover,
.filteritem-group  li a:hover {
	color: inherit;
	text-decoration:underline;
}

.filteritem-group  input[type="checkbox"] {
	margin: 5px;
	cursor: pointer;
	line-height: 13px !important;
}

.filteritem-group  input[type="checkbox"]:hover {
	line-height: 13px !important;
}

.filteroutput .bfelixis-pager {
    padding: 10px 0 !important;
}

.loadmore-content-link {
	position: absolute;
	left: 0;
	right: 0;
	margin-inline: auto;
	width: fit-content;
	bottom: -50px;
	cursor: pointer;
	transition: all .4s ease-in-out;
}

.loadmore-content-link:hover {
	color: var(--brand-color-1);
}

@media(max-width: 768px){
	.filtercolumn {
		margin: 0 auto;
		margin-bottom: 10px;
		width: 100%;
	}
	
	.filteroutput {
		margin: 0 auto;
		margin-bottom: 15px;
		width: 100%;
	}
}

	

#big-image-wrapper {
			position: relative;
			z-index: 10;
		 }
		 
		 #product-magnify-lens {
			width: 125px;
			height: 125px;
			background-color: #cccccc30;
			border: 1px solid #ccc;
			position: absolute;
			cursor: none;
			z-index: 12;
			background-repeat: no-repeat;
			display: none;
 		 }
 
 		 #big-image-wrapper:hover #product-magnify-lens {
		 	display: block;
		}
		
         .productdetail-images-wrapper {
			display: flex;
			gap: 10px;
			align-items: center;
			justify-content: center;
		 }
		 
		 .productdetail-more-image {
		 	flex-basis: 20%;
			cursor: pointer;
		 }
		 
		 .productdetail-more-image .small-image {
		 	
		 }
		 
		 .productdetail-more-image a .small-image {
			display: flex;
			height: 50px !important;
			width: 100px !important;
			margin: 0 auto !important;
			align-items: center;
		 }
		 
		.productdetail-price {
			font-size: 21px;
			margin: 20px 0;
			display: flex;
			/*justify-content: space-between;*/
			width: 50%;
			align-items: center;
			line-height: 22px;
			font-weight: 500;
			position: relative;
		 }
		
		.old-price-wrapper {
			margin-left: 20px;
		}
		
		@media(max-width: 768px){
			.productdetail-price {
				display: block;
			 }	
			
			.old-price-wrapper {
				margin-left: 0px;	
				margin-top: 10px;	
			}
		}
		
		
		.productdetail-price .old-price {
			color: #adb5bd;
			text-decoration: line-through;
			font-size: 14px;
			font-weight: 400;
		}
		
		.productdetail-price .sale_percent {
				font-size: 13px;
				font-weight: 400;
				border: 1px solid var(--dark-red);
				padding: 3px 4px;
				border-radius: 4px;
				color: #fff;
				background: var(--dark-red);
		}
		
		.productdetails-icons-wrapper .icons {
			display: flex;
		}

		.productdetails-icons-wrapper .icons i, .productdetails-icons-wrapper .icons svg {
			color: var(--brand-color-2);
			background: #fff;
			width: 38px;
			height: 38px;
			line-height: 40px;
			border: 1px solid var(--border-color);
			border-radius: 50%;
			text-align: center;
			cursor: pointer;
			display: block;
			transition: 0.3s ease;
			margin-right: 10px;
		}

		.productdetails-icons-wrapper .icons i:hover , .productdetails-icons-wrapper .icons svg:hover {
			background: var(--brand-color-1);
			color: #fff;
		}
		
		.productdetails .productdetails-right h3 {
		   font-size: 24px !important;
			line-height: 32px !important;
			    font-weight: 400;
		}		
		
		   .view-count {
				padding: 14px 0;
				margin-left: 15px;
				color: #666;
				font-size: 12px;
			}
			
			.rate-and-view-count {
				display: flex;
				justify-content: start;
				margin-top: -5px;
			}
			
			.stock-stats {
				margin: 10px 0 ;
				max-width: 100%;
			}
			
			.stock-stats .stock-remaining, 
			.stock-stats .stock-sold {
				color: #666;
				font-size: 12px;
				margin-bottom: 5px;
			}
			
			.stock-stats-inner-wrapper {
				display: flex;
				justify-content: space-between;
			}
			
			.stock-stats .stock-remaining span, 
			.stock-stats .stock-sold span{
				font-weight: 700;
			}
			
			.stock-stats .progress {
				height: 5px;
			}
		
			.mark {
				padding: 4px 8px;
				border-radius: 4px;
				background-color: var(--green);
				color: #fff;
			}
			

.category-product-slider {
	display: flex;
	align-items: center;
}

.category-banner {
	width: 20%;
	padding: 0px;
	overflow:hidden;
	margin-top: -42px;
}

.category-banner img {
	object-fit: cover;
	border-radius: 5px;
	height: 300px;
    border: 1px solid var(--border-color);	
		transition: 0.3s ease;
}

.category-banner img:hover {
    scale: 1.1;
}

.category-item-wrapper {
	padding: 10px;
	width: 78%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-radius: 5px;
	margin-top:-42px;
}

.category-item-wrapper .owl-dots {
	margin-bottom:-42px;
}

@media(max-width: 768px){
	.mb-50 {
	    margin: 0 auto;
	}
	.category-item-wrapper .owl-dots {
		margin-bottom: 15px;
	}
	.category-item-wrapper {
		margin-top: 15px;
	}
}



.category-item {
	width: 23%;
	background: gray;
	margin: 5px;
	padding: 10px;
}

@media(max-width: 768px){
	.category-item-wrapper, .category-product-slider, .category-item-wrapper {
		height: auto;
		width: 100%;
		flex-direction: column;
	}
	
	.category-banner {
		margin-top: 0;
	}
	
	.category-banner, .category-item {
		width: 100%;
		height:auto;
		margin-top: 0;
	}
	
	.category-banner img {
		height: auto;
	}
}

			
/* Only show Bootstrap slider nav on hover */
.carousel .carousel-control-prev,
.carousel .carousel-control-next
{
    visibility: hidden;
    opacity: 1;
}

.carousel:hover .carousel-control-prev,
.carousel:hover .carousel-control-next
{
    visibility: visible;
    animation-duration: 1s;
    transition-timing-function: linear;
}

.carousel:hover .carousel-control-prev
{
    animation-name: FadeInPrev;
}

.carousel:hover .carousel-control-next
{
    animation-name: FadeInNext;
}

@keyframes FadeInPrev
{
    0%
    {
        opacity: 0;
        padding-left: 40px;
    }
    100%
    {
        opacity: 1;
        padding-left: 0px;
    }
}

@keyframes FadeInNext
{
    0%
    {
        opacity: 0;
        padding-right: 40px;
    }
    100%
    {
        opacity: 1;
        padding-right: 0px;
    }
}
		

.contactform form {
    margin: 25px 0;
    border-top: 1px solid #6666662a;
    padding: 15px 10px;
    border: 1px solid #eee;
    border-radius: 5px;
}

.contactform form .form-control {
    margin-bottom: 10px !important;
}

.contactform h2 {
    margin-bottom: 10px !important;
}

@media(max-width: 768px){
    .contactform form {
        margin: 10px 0;
    }
    .contactform form .form-control {
        margin-bottom: 10px !important;
    }
    .contactform form h2, .contactform form p {
        margin-bottom: 5px !important;
    }
}


.searchform-wrapper {
	position: relative !important;
	display: inline-flex;
	    width: 100%;
}

.searchform-wrapper .text-field-change {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.searchform-wrapper .btn {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
.pl-40 {
	 padding-left: 40px!important;
}

.input-date-pick{
	position: absolute;
	left: 10px;
	top: 24%;
	font-size: 11px !important;
}

@media(max-width: 768px){
	.input-date-pick{
		position: absolute;
		left: 10px;
		top: 11px;
		font-size: 11px !important;
	}
}

@media(max-width: 500px){
	.searchform-wrapper {
		display: inline-flex !important;
	} 
}

.selectize-control .selectize-input {
    border-radius: 0 !important;
    /*height: 38px !important;*/
	line-height: normal;
}

.selectize-input {
    overflow: inherit !important;
}

form input.form-control, form select.form-control,
form input.btn, form .btn, .input-group-text  {
	height: 38px !important;
	padding: 0.375rem 0.75rem;
	padding-bottom: 7px !important;
	outline: none;
}

@media (max-width: 500px) {
	.page_searchdisplay {
		justify-content: center;
	}
}

.custom-box {
	transition: all .25s ease-in-out;
}

.custom-box:hover {
	cursor:pointer;
	color: var(--brand-color-1);
}

.custom-divider {
    border-bottom: 1px solid #ccc;
    margin-top: 10px;
}

.accordion-header {
    font-size: 0.9375rem !important;
    /*padding: 5px 0px !important;*/
    font-weight: 500 !important;
    line-height: 1.2 !important;
    margin-bottom: 0 !important;
    margin: 0 !important;
    color: inherit;
}

.blog-sidelink li:last-child a {
	border: none;
}

.blog-sidelink li:first-child a {
	margin-top: -5px;
}

.justify-content-space-between {
	display: flex !important;
	justify-content: space-between !important;
}


.locations {
    margin: 10px 0;
    max-width: 250px;
}

.location-items {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #6c757d;
    padding: 5px;
    margin: 5px 0;
    border: 1px solid #ccc;
    border-radius: 5px;
	cursor: pointer;
	position: relative;
}

.location-icon {
	    margin-right: -3px;
}
											
.location-items p {
	font-size: 12px;
	line-height: 12px;
}

.location-items p::before {
	position: absolute;
	content: '';
    bottom: 17px;
    right: 40px;
    width: 40px;
	height: 1px;
	background: #6c757d;
}

.location-items p::after {
	position: absolute;
	content: '';
    bottom: 17px;
    left: 40px;
    width: 40px;
	height: 1px;
	background: #6c757d;
}

/**
 Mega Menu
*/

.dropdown-menu { 
	color: #454545;
	font-size: 0.875rem;
	border-radius: 5px; 
	overflow-x: hidden;
	overflow-y: auto; 
}

@media(max-width: 768px){
	.dropdown-menu {
		max-height: 60vh;
	}
}

.mega-menu-dropdown-menu {
	border-radius: 5px;  
	max-height: 60vh;
	overflow-x: hidden;
	overflow-y: auto;	
}


.mega-menu-dropdown-menu ul {
	list-style: none;
	padding: 0;
	margin: 10px 20px;
	min-width: 210px;
}

.mega-menu-dropdown-menu ul li img{
	width: 100% !important;
	height: auto !important;
	border-radius: 5px;
}


.mega-menu-dropdown-menu li:first-child a {
	color: #454545;
	font-size: 0.875rem;
	font-weight: 600;
	padding-bottom: 10px;
	border-bottom: 1px solid #ededed;
	margin-bottom: 10px;
}

.mega-menu-dropdown-menu li:first-child a:hover {
 background-color: transparent;
}

.mega-menu-dropdown-menu li a {
    font-size: 0.875rem;
	transition: all 0.4s ease;
}

.mega-menu-dropdown-menu li a:hover,
.dropdown-menu li a:hover ,
.dropdown-item.active,
.dropdown-item:active 
  {
	color: var(--brand-color-1) !important;
	 background-color: transparent !important;
}

@media(max-width: 768px){
	.mega-menu-dropdown-menu {
		border-radius: 5px;  
		max-height: 60vh;
		overflow-x: hidden;
		overflow-y: auto;	
	}
}


@media only screen and (min-width: 992px) {
	  .mega-menu-dropdown:hover .mega-menu-dropdown-menu {
		display: flex;
	  }
	  
	  .mega-menu-dropdown-menu.show {
		display: flex;
	  }
	  
	.dropdown-menu-center {
		right: auto !important;
		left: 50% !important;
		-webkit-transform: translate(-70%, 0) !important;
		-o-transform: translate(-70%, 0) !important;
		transform: translate(-70%, 0) !important;
	}
	
	.dropdown-menu-center-left {
		right: auto !important;
		left: 50% !important;
		-webkit-transform: translate(-50%, 0) !important;
		-o-transform: translate(-50%, 0) !important;
		transform: translate(-40%, 0) !important;
	}
}


.horizontal-search {
	padding: 50px;
	background: #f7f7f7;
}

.horizontal-search .search-result-wrapper {
    display: flex;
	flex-direction: column;
    border: 1px solid #ccc;
    border-radius: 5px;
	padding: 20px;
}

.horizontal-search .search-result-wrapper .input-group {
	 width: 75%;
}

.horizontal-search .search-result-wrapper .result-stats {
	font-size: 12px;
	display: block;
}


@media (max-width: 500px){
	.horizontal-search .search-result-wrapper .input-group {
		 width: 100%;
		 display: grid;
	}
	
	.horizontal-search .search-result-wrapper .input-group .btn {
		border-radius: .25rem!important;
		margin-top: 5px;
	}
}


@media(max-width: 768px){
	.horizontal-search .search-result-wrapper {
	  padding: 15px;
	}
}

.modal-search-result-wrapper {
	position: sticky;
	top: 0px;
	overflow: hidden;
	padding-top: 10px;
	background: #fff;
}
	
.modal-search-result-stats {
	font-size: 12px;
	line-height: 14px;
	margin-bottom: 10px;
	display: block;
	padding-bottom: 10px;
	border-bottom: 1px solid var(--border-color);
}



/* rating star select/click */

span#commentstar1content1.active .bi-star-fill,
span#commentstar2content1.active .bi-star-fill,
span#commentstar3content1.active .bi-star-fill,
span#commentstar4content1.active .bi-star-fill, 
span#commentstar5content1.active .bi-star-fill {
color: #ffc107 !important;
}

span#commentstar1content1.clicked,
span#commentstar2content1.clicked,
span#commentstar3content1.clicked,
span#commentstar4content1.clicked,
span#commentstar5content1.clicked {
color: #0ebd0e !important;
}


.error-msg, .errormsg, .simple-msg {
	padding: 10px;
	margin-bottom: 1.25rem;
	border: 1px solid #e9ecef;
	border-left-width: 0.25rem;
	border-radius: 0.25rem;
	border-left-color: #5bc0de;
	background: #fff;
	font-size: 13px;
	color: #333;
	letter-spacing: 0.5px;
}

.rotate-on-click {
	transition: all .25s ease;
}

.rotate {
    -moz-transform: rotate(90deg);
    -webkit-transform:rotate(90deg); 
    -ms-transform:rotate(90deg);
    -o-transform:rotate(90deg);
    transform:rotate(90deg);
	transition: all .25s ease;
}

.searchresult {
	-webkit-transition: all 0.15s ease-out; 
	-moz-transition: all 0.15s ease-out; 
	transition: all 0.15s ease-out;	
	margin: 10px 0;
}

.custom-border {
	border: 1px solid #e5e2e2;
}

.custom-border-bottom {
	border-bottom: 1px solid #e5e2e2;
}

.custom-border-top {
	border-top: 1px solid #e5e2e2;
}

/* shrink width */
.width-20 {
	width: 18% !important;
}

/* add sticky to a div */
.custom-position-sticky {
	position: sticky !important;
	top: 100px !important;
}

/* on show scroll bar on hover */
.custom-scrollbar-y, .custom-scrollbar-x {
  overflow: hidden;
}

.custom-scrollbar-y:hover {
  overflow-y: scroll;
}

.custom-scrollbar-x:hover {
  overflow-x: scroll;
}

.productdetails-icons-wrapper, .wishlist-compare-btn {
	transition: var(--animation-type-1);
}

.wishlist-compare-btn {
	background: transparent;
}

.wishlist-compare-btn:hover {
	background: transparent;
}

.wishlist-compare-btn:hover .wishlist-compare-link{
	display: contents!important;
}

.link-elixmau-web-dev-terms , .link-elixmau-web-dev-terms a, .link-elixmau-web-dev-terms strong {
	font-size: 11px !important;
	letter-spacing: 1px!important;
	color: var(--color-dark-variant)!important;
}

.link-elixmau-web-dev-terms a:hover {
	text-decoration: none !important;
}

.div-to-animate {
    display: inline-block;
    position: relative;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
	margin-left: 10px;
    background-color: var(--brand-color-1);
    z-index: 10;
	color: #fff;
}


.div-to-animate .bi-geo-alt, .div-to-animate .bf-product-location {
	position: absolute;
	top: 55%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.div-to-animate::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 50%;
    background-color: var(--brand-color-1);
    z-index: -9;
    animation: div-to-animate-key-frames 2s linear infinite;
}


@keyframes div-to-animate-key-frames {
    0% {
        transform: scale(1);
        opacity: 1;
    }

    100% {
        transform: scale(1.4);
        opacity: 0;
    }
}

/* Scroll Bar */
/* width */
::-webkit-scrollbar {
  width: 8px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 4px grey; 
  border-radius: 8px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: var(--brand-color-1); 
  border-radius: 8px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background:#bcbcbc; 
  border-radius: 8px;
}


/* Image Gallery CSS */
.gallery-container .gallery-col,  .gallery-container .item-box {
	transition: all 0.5s ease-in-out;
	-webkit-transition: all .4s ease;
}

.gallery-col {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
    gap: 10px;
    margin-bottom: 10px;
}


.gallery-container .item-box {
	display: flex;
	width: 100%;
	gap: 10px;
	align-items: center;
	border: 1px solid #6666662a;
	border-radius: 5px;
	transition: all 0.3s ease;
	margin-bottom: 10px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;			
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	position: relative;
	overflow: hidden;
}

.gallery-container .item-box .gallery-item  {
	width: 100%;
	height: 218px; /*230px;*/
	margin-bottom: 0;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;			
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	transition: all 0.5s ease-in-out;
	-webkit-transition: all .4s ease;
}


.gallery-container .item-box .details {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transition: var(--animation-type-1);
}

.gallery-container .item-box:hover .details {
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.7);
    transition: var(--animation-type-1);
}

.gallery-container .item-box .details h2 {
    opacity: 0;
    top: 15%;
}

.gallery-container .item-box .details p {
    opacity: 0;
    top: 30%;
	padding: 5px;
}


.gallery-container .item-box .details button {
    font-weight: 500;
    font-size: 14px;
    color: var(--brand-color-3);
    background: none;
    border: none;
    border-top: 1px solid var(--brand-color-3) !important;
    border-bottom: 1px solid var(--brand-color-3) !important;
    padding: 2.5px;
    display: inline-block !important;
    transform: translateY(70px) !important;
    transition: var(--animation-type-1);
    opacity: 0;
    top: 70%;
}

.gallery-container .item-box .details:hover h2 {
    color: #fff !important;
    opacity: 1;
    top: 25%;
}

.gallery-container .item-box .details:hover p {
	color: #fff !important;
	opacity: 1;
	top: 38%;
	padding: 7px;
}

.gallery-container .item-box .details button {
    font-size: 18px;
}

.gallery-container .item-box .details:hover button {
    color: #fff !important;
    border: none !important;
    border-top: 1px solid #fff !important;
    border-bottom: 1px solid #fff !important;
    opacity: 1;
    top: 85%;
}

.gallery-container .item-box .details:hover button:hover {
    color: var(--brand-color-1) !important;
    border-top: 1px solid var(--brand-color-1) !important;
    border-bottom: 1px solid var(--brand-color-1) !important;
}

.gallery-container .item-box .details h2 {
    text-align: center;
    top: 5%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: var(--animation-type-1);
    position: absolute;
    display: inline-block;
    width: 100%;
}

.gallery-container .item-box .details p {
    text-align: center;
    top: 10%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: var(--animation-type-1);
    position: absolute;
    display: inline-block;
    width: 100%;
}


.gallery-container .item-box .details button {
    text-align: center !important;
    top: 85%;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    transition: var(--animation-type-1);
    position: absolute;
}

.gallery-container .wrap .hidden-item {
	display: block;
}

/* custom member list */

.gallery-container .item-box.our-team-members   {
	display: block !important;
}

.gallery-container .item-box.our-team-members  .gallery-item  {
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;			
}

.gallery-container .item-box.our-team-members  .gallery-item  {
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;		
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	transition: all 0.5s ease-in-out;
	-webkit-transition: all .4s ease;	
}

.gallery-container .item-box.our-team-members  .gallery-item:hover {
 transform: scale(1.02);
}

.gallery-container .item-box.our-team-members .content  {
    padding: 10px;
    align-items: center;
    text-align: center;
}

.gallery-container .item-box.our-team-members .content  {
    padding: 10px;
    align-items: center;
    text-align: center;
}

.gallery-container .item-box.our-team-members .content p  {
	margin: 0 auto;
	margin-bottom: 5px;
}

.gallery-container .item-box.our-team-members .content  .social-links a {
	background-color: var(--brand-color-1);
	color: #fff;
	border-radius: 4px;
	transition: all .4s ease-in-out;
}

.gallery-container .item-box.our-team-members .content  .social-links a:hover {
	background-color: var(--brand-color-2);
	color: #fff;
}


/* Add Floating Chats */

.foot-whatsapp {
	padding: 5px 3px;
	position: fixed;
	bottom: 1%;
	left: 7%;
	display: block;
	cursor: pointer;
	z-index: 2;
	font-size: 1.38rem;
	transition: all 400ms ease-in-out;
}

.foot-whatsapp img {
	height: 50px; 
	width: auto;
	border-radius: 45%;
	transition: all 400ms ease-in-out;	
}

.foot-whatsapp:hover img {
	transform: scale(1.1);
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.foot-whatsapp .bi, .foot-whatsapp .fa, .foot-whatsapp svg {
	font-size: 37px;
	color:#075e54;
	transition: all 400ms ease-in-out;	
}

.foot-whatsapp .bi:hover, .foot-whatsapp .fa:hover, .foot-whatsapp svg:hover {
	color:#333;
	stroke: #fff;
	transform: scale(1.1)!important;
}


.foot-livechat {
	padding: 5px 3px;
	position: fixed;
	bottom: 2%;
	right: 7%;
	display: block;
	cursor: pointer;
	z-index: 2;
	font-size: 1.58rem;
	transition: all 400ms ease-in-out;	
}

.foot-livechat img.light {
	height: 50px; 
	width: auto;
	border-radius: 45%;
	transition: all 400ms ease-in-out;	
}

.foot-livechat img.dark  {
	height: 50px; 
	width: auto;
	border-radius: 45%;
	transition: all 400ms ease-in-out;	
}

.foot-livechat img.dark {
	transition: all 400ms ease-in-out;	
	display: none;
}

.foot-livechat:hover img.light {
	display: none;
}

.foot-livechat:hover img.dark {
	display: block;
}

.foot-livechat .bi, .foot-livechat .fa, .foot-livechat svg {
	font-size: 44px;
	color: var(--brand-color-1);
	transition: all 400ms ease-in-out;	
}

.foot-livechat .bi:hover, .foot-livechat .fa:hover, .foot-livechat svg:hover {
	color:#333;
	stroke: #fff;
}


.hiddenemail-page:after {
  content: attr(data-name) "@" attr(data-domain) "." attr(data-tld); 
}


.hiddenphone-number:after {
  content: attr(data-name) "-" attr(data-domain) "-" attr(data-tld); 
}

.width-fit-content {
	width: fit-content!important;
}

.coming-soon p {
	font-size: 1rem;
	margin-bottom: 15px;
}

.coming-soon h1 {
	margin-bottom: 15px;
}

.coming-soon-count-down {
	font-weight: 600;
	border: 1px solid #ccc;
	width: fit-content;
	display: block;
	margin: 0 auto;
	padding: 10px;
	margin-top: 25px;
	margin-bottom: 25px;
	font-size: 1.28rem !important;
	text-transform: uppercase;
	line-height: 50px;
	transition: all 400ms ease-in-out;	
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}


.form-check-input:checked[type=radio] {
	background: var(--brand-color-1);
	border-color: var(--brand-color-1);
}

.form-check-input {
   border-color: var(--brand-color-1);
}

.form-check {
    line-height: 20px;
}

.booking-summary, .bordered-p {
    border: 1px solid #ccc;
    padding: 5px;
    border-radius: 4px;
    width: fit-content;
    text-align: center;
    display: block;
}

.booking-summary span {
    font-style: italic;
}


.pagination {
    --bs-pagination-color: var(--brand-color-1);
    --bs-pagination-hover-color: var(--brand-color-1-light);
    --bs-pagination-focus-color: var(--brand-color-1-dark);
    --bs-pagination-active-bg: var(--brand-color-1);
    --bs-pagination-active-border-color: var(--brand-color-1); 
}

.medical-status-flag {
    font-size: 11px;
    margin: 0 5px 0 5px;
    color: red;
    display: inline-block;
}


@media(max-width: 768px){
	.row {
		margin:0 auto;
	}
}