:root {
	--default-font: "Poppins", system-ui, -apple-system, "Segoe UI", Poppins, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	--heading-font: "Nunito", sans-serif;
	--nav-font: "Inter", sans-serif;
}

/* Global Colors */
:root {
	/* Background Color - This color is applied to the background of the entire website as well as individual sections. */
	--background-color: #ffffff;

	/* Default Color - This is the default color used for the majority of the text content. */
	--default-color: #32394c;

	/* Heading Color - This color is used for titles, headings and secondary elements. */
	--heading-color: #32394c;

	/* Accent Color - This is the main accent color that represents your brand on the website. It's used for buttons, links, and other elements that need to stand out. */
	--accent-color: #2aade3;

	/* Secondary Color */
	--secondary-color: #e73d44;

	/* Contrast Color - This is a color used for text when the background color is one of the heading, accent, or default colors. Its purpose is to ensure proper contrast and readability when placed over these more dominant colors. */
	--contrast-color: #ffffff;

	/* footer color */
	--footer-color: #000;

	/* white color */
	--white-color: white;
	/* logo color
	/* #2aade3 - Blue 
	   #32394c - Gray */
}


/* Nav Menu Colors */
:root {
	/* Nav Color - This is the default color of the main navmenu links. */
	--nav-color: #32394c;

	/* Nav Hover Color - This color is applied to main navmenu links when they are hovered over. */
	--nav-hover-color: #2aade3;

	/* Nav Dropdown Background Color - This color is used as the background for dropdown boxes that appear when hovering over primary navigation items. */
	--nav-dropdown-background-color: #ffffff;

	/* Nav Dropdown Color - This color is used for navigation links of the dropdown items in the navigation menu. */
	--nav-dropdown-color: #32394c;

	/* Nav Dropdown Hover Color - Similar to --nav-hover-color, this color is applied to dropdown navigation links when they are hovered over. */
	--nav-dropdown-hover-color: #2aade3;
}

/* Smooth scroll */
:root {
	scroll-behavior: smooth;
}

/*--------------------------------------------------------------
  # General styles
  --------------------------------------------------------------*/
body {
	color: var(--default-color);
	background-color: var(--background-color);
	font-family: var(--default-font);
	overflow-x: hidden;
}

a {
	color: var(--accent-color);
	text-decoration: none;
	transition: 0.3s;
}

a:hover {
	color: color-mix(in srgb, var(--accent-color), transparent 25%);
	text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: var(--heading-color);
	font-family: var(--heading-font);
}

/* logo color
  /* #2aade3 - Blue 
     #32394c - Gray */

strong {
	font-weight: 600;
}

img {
	max-width: 100%;
}

.medium-paragraph {
	font-size: 17px;
	line-height: 32px;
}

::-moz-selection {
	background: #2aade3;
	color: #fff;
	text-shadow: none;
}

::selection {
	background: #2aade3;
	color: #fff;
	text-shadow: none;
}

.black {
	color: black;
}

.blue {
	color: #2aade3;
}

.white {
	color: #ffffff;
}

p {
	color: black;
	font-size: 15px;
}

.phone-text,
.email-text {
	font-size: 18px;
	font-weight: bold;
}

.text-right{
	text-align: right;;
}

/* rounded buttons */
.airdropped-blue-btn {
	background-color: #0ba6ff;
	border-radius: 50px;
	border-width: 0;
	box-shadow: rgba(25, 25, 25, 0.04) 0 0 1px 0, rgba(0, 0, 0, 0.1) 0 3px 4px 0;
	color: 32394c;
	cursor: pointer;
	display: inline-block;
	height: 50px;
	padding: 0 25px;
	transition: all 200ms;
	font-weight: bold;
}

.airdropped-red-btn {
	background-color: #e73d44;
	border-radius: 50px;
	border-width: 0;
	box-shadow: rgba(25, 25, 25, 0.04) 0 0 1px 0, rgba(0, 0, 0, 0.1) 0 3px 4px 0;
	color: white;
	cursor: pointer;
	display: inline-block;
	height: 50px;
	padding: 0 25px;
	transition: all 200ms;
	font-weight: bold;
}


.airdropped-blue-btn:hover,
.airdropped-red-btn:hover {
	background-color: #c9e0ff;
	transform: scale(1.05);
	color: black;
}

/***** General style, all sections *****/

.section-container {
	margin: 0 auto;
	padding-bottom: 80px;
}

.section-container-gray-bg {
	background: #f8f8f8;
}

.section-container-image-bg,
.section-container-image-bg h2,
.section-container-image-bg h3 {
	color: #fff;
}

.section-container-image-bg .divider-1 span {
	border-color: #fff;
}

.section-description {
	margin-top: 60px;
	padding-bottom: 10px;
}

.section-description p {
	margin-top: 20px;
	padding: 0 120px;
}

.section-container-image-bg .section-description p {
	opacity: 0.8;
}

.section-bottom-button {
	padding-top: 60px;
}

.php-email-form label {
	color: black;
}

.start {
	padding-top: 20px;
}

/***** Divider *****/

.divider-1 span {
	display: inline-block;
	width: 200px;
	border-bottom: 1px dotted #aaa;
}

/* ............/navbar/............ *

/* desktop mode............/// */

.menuItem {
	display: block;
	/* margin: 2rem 4rem;
	font-size: 1.8rem;
	color: white;
	text-decoration: none; */
}

.menuItem:hover {
	text-decoration: underline;
}

.closeIcon {
	display: none;
}

.menu {
	position: fixed;
	transform: translate(-150%);
	transition: transform 0.2s;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 99;
	background: black;
	color: white;
	list-style: none;
	padding-top: 4rem;
}

.showMenu {
	transform: translate(0);
}

.hamburger {
	-webkit-transform: scale(1);
	transform: scale(1);
	display: block;
	width: 48px;
	height: 48px;
	background: transparent;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: none!important;
	z-index: 50000;
}

button:focus.hamburger {
	outline: none!important;
}

.menuIcon,.closeIcon {
	font-size: 30px!important;
	color: white!important;
	outline: none!important;
}

/* .sidenav, {
	height: 100%;
	width: 100%;
	position: fixed;
	z-index: 10000000000000000;
	top: 0;
	left: 0;
	/* background-color: #111; */
/* overflow-x: hidden;
transition: 0.5s;
padding-top: 60px;
display: contents;
} */

.navbar-brand {
	margin-top: -30px !important;
}

.navbar input[type="checkbox"],
.navbar .hamburger-lines {
	display: none;
}

.navbar-fixed-top.scrolled {
	background-color: #fff !important;
	transition: background-color 200ms linear;
	box-shadow: 0px 2px 2px 0px #ccc;
}

.navbar {
	box-shadow: none;
	position: fixed;
	width: 100%;
	font-family: var(--nav-font);
	color: var(--nav-color);
	/* opacity: 0.85; */
	height: 100px;
	background-color: rgba(255, 255, 255, 0);
	transition: background-color 200ms linear;
	z-index: 12;
	display: inline-block;
	padding-top: 20px;
}

.navbar-container {
	display: flex;
	justify-content: space-between;
	height: 64px;
	align-items: center;
}

.navbar-container .hamburger-lines .line {
	display: block;
	height: 4px;
	width: 100%;
	border-radius: 10px;
	background: #fff;
}

.ham-color {
	/* background: #000 !important; */
	color: black!important;
}

.menu-items {
	order: 2;
	display: flex;
	margin-top: 15px;
}

.menu-items li {
	list-style: none;
	margin-left: 1.5rem;
	margin-bottom: 0.5rem;
	font-size: 1.1rem;
}

.menu-items a {
	text-decoration: none;
	color: #fff;
	/*   #32394c; */
	transition: color 0.3s ease-in-out;
	text-transform: uppercase;
	font-weight: 700;
}

.menu-items a.color {
	color: var(--nav-color);
}

.menu-items a:hover {
	color: var(--nav-hover-color);
	transition: color 0.3s ease-in-out;
}

.logo {
	order: 1;
	font-size: 2.3rem;
	margin-bottom: 0.5rem;
}

.logo-img {
	width: 75%;
}


/* language bar */
.nav-wrapper {
	/* width: 300px;
	margin: 100px auto; */
	text-align: center;
}

.sl-nav {
	display: inline;
}

.sl-nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
	display: inline-block;
}

.sl-nav li {
	cursor: pointer;
	padding-bottom: 10px;
}

.sl-nav li ul {
	display: none;
}

.sl-nav li:hover ul {
	position: absolute;
	top: 29px;
	right: -15px;
	display: block;
	background: #fff;
	width: 120px;
	padding-top: 0px;
	z-index: 1;
	border-radius: 5px;
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
}

.sl-nav li:hover .triangle {
	position: absolute;
	top: 15px;
	right: -10px;
	z-index: 10;
	height: 14px;
	overflow: hidden;
	width: 30px;
	background: transparent;
}

.sl-nav li:hover .triangle:after {
	content: '';
	display: block;
	z-index: 20;
	width: 15px;
	transform: rotate(45deg) translateY(0px) translatex(10px);
	height: 15px;
	background: #fff;
	border-radius: 2px 0px 0px 0px;
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
}

.sl-nav li ul li {
	position: relative;
	text-align: left;
	background: transparent;
	padding: 15px 15px;
	padding-bottom: 0;
	z-index: 2;
	font-size: 15px;
	color: #3c3c3c;
}

.sl-nav li ul li:last-of-type {
	padding-bottom: 15px;
}

.sl-nav li ul li span {
	padding-left: 5px;
}

.sl-nav li ul li span:hover,
.sl-nav li ul li span.active {
	color: #146c78;
}

.sl-flag {
	display: inline-block;
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
	width: 15px;
	height: 15px;
	background: #aaa;
	border-radius: 50%;
	position: relative;
	top: 2px;
	overflow: hidden;
}

.flag-fr {
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAIAAAAC64paAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTM0A1t6AAAAPUlEQVQ4T+3HMQ0AIBTE0NOHM8x9B7hgh71bIWGieUvze1m7kHGBr/AVvsJX+EpmP5dV5/gKX+ErfIUvVDYcX2NMxQC8PAAAAABJRU5ErkJggg==');
	background-size: cover;
	background-position: center center;
}

.flag-ca {
	background-size: cover;
	background-position: center center;
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAIAAAAC64paAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTM0A1t6AAABhUlEQVQ4T2Ows82PjGixsc4LD2tysC/09Kjw8622tyuICG8u0w/cpGSCBzF4e1VmZkzw9anOzOj38a4KCW4IC22ECHYk1l9tn4gHMeTlTnZxLikvm+XiUpKW2hvgX+vnV5OVOQEoOGfOtv94AYOzU3Fd7XxHh6Lq6rlurqUx0W0J8Z1AnbW18yotonaYuOJBDBXls4A+bGpaBCTz86YEBtQCvVBSPAPIbY0oP1/aiAcxABU1Ny+2tclvbFjo5FgUF9uenNwNDLnmpkWEnV1TPRcY1O1tS4H6i4umA/0MDK2K8tlAwRqHpP1uoXgQKKraWpcClTY3LQZaCLQ5NaUX5OaWJY3++SeTC/AgBmA4AXUClUJs9ver8fKsAAYEUJCws4G21dXNB1oFdD/Qz8DQTk4C+bm2dn6DZ9bRiDQ8iAEYt8CoBpK5YBIYw0AEEZwSXX4oMB4PYoC6gCzAcDqrjGzEsMfen2xEmbMv1rSTjRi26dqRjShz9o2+6WQjBrSShQSkZAIADvW/HLrLY6cAAAAASUVORK5CYII=');
}

/***** Top content *****/
.carousel {
	position: relative;
	/* height: 100vh !important; */
	overflow: hidden;
}

.top-content {
	width: 100%;
	padding: 0;
}

.top-content .carousel-control-prev {
	border-bottom: 0;
}

.top-content .carousel-control-next {
	border-bottom: 0;
}

.top-content .carousel-caption {
	top: 50% !important;
	transform: translateY(-50%);
	bottom: auto !important;
}

.top-content .carousel-caption h1 {
	color: #fff;
	font-weight: 700;
	font-family: var(--default-font)
}

.top-content .carousel-caption h3 {
	color: #fff;
	font-weight: 500;
}

.top-content .carousel-caption .carousel-caption-description {
	color: #fff;
	color: rgba(255, 255, 255, 0.0);
}

.carousel-caption-description p {
	font-size: 20px;
	color: #f2f2f2;
}

.top-content .carousel-indicators li {
	width: 16px;
	height: 16px;
	margin-left: 5px;
	margin-right: 5px;
	border-radius: 50%;
}

.slide-img {
	filter: brightness(50%);
}

/*--------------------------------------------------------------
# Global Footer
--------------------------------------------------------------*/
.footer {
	/* background-color: color-mix(in srgb, var(--footer-color), transparent 0%); */
	color: var(--white-color);
	/* background-color:#3586ff;  */
	background-color: #000;
	font-size: 14px;
	padding-bottom: 50px;
	position: relative;
	background-image: url('../img/business-footer.jpg');
}

.footer .footer-top {
	padding-top: 20px;
}

.footer .footer-about .logo {
	line-height: 1;
	margin-bottom: 25px;
	display: inline-block !important;
}

.footer .footer-about .logo img {
	max-height: 40px;
	margin-right: 6px;
}

.footer .footer-about .logo span {
	font-size: 26px;
	font-weight: 700;
	letter-spacing: 1px;
	font-family: var(--heading-font);
	color: var(--heading-color);
}

.footer .footer-about p {
	font-size: 14px;
	font-family: var(--heading-font);
}

.footer .social-links a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: 1px solid color-mix(in srgb, var(--default-color), transparent 50%);
	font-size: 16px;
	color: color-mix(in srgb, var(--white-color), transparent 30%);
	margin-right: 10px;
	transition: 0.3s;
}

.footer .social-links a:hover {
	color: var(--accent-color);
	border-color: var(--accent-color);
}

.footer h4 {
	font-size: 16px;
	font-weight: bold;
	position: relative;
	padding-bottom: 12px;
	color: var(--accent-color);
}

.footer .footer-links {
	margin-bottom: 30px;
}

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

.footer .footer-links ul i {
	padding-right: 2px;
	font-size: 12px;
	line-height: 0;
}

.footer .footer-links ul li {
	padding: 10px 0;
	display: block;
	align-items: center;
}

.footer .footer-links ul li:first-child {
	padding-top: 0;
}

.footer .footer-links ul a {
	color: color-mix(in srgb, var(--white-color), transparent 30%);
	display: inline-block;
	line-height: 1;
}

.footer .footer-links ul a:hover {
	color: var(--accent-color);
}

.footer .footer-contact p {
	margin-bottom: 5px;
}

.footer .footer-newsletter .newsletter-form {
	margin-top: 30px;
	padding: 6px 8px;
	position: relative;
	border-radius: 50px;
	border: 1px solid color-mix(in srgb, var(--accent-color), transparent 70%);
	display: flex;
	background-color: var(--contrast-color);
	transition: 0.3s;
}

.footer .footer-newsletter .newsletter-form:focus-within {
	border-color: var(--accent-color);
}

.footer .footer-newsletter .newsletter-form input[type=email] {
	border: 0;
	padding: 4px 10px;
	width: 100%;
	background-color: var(--contrsast-color);
	color: var(--default-color);
}

.footer .footer-newsletter .newsletter-form input[type=email]:focus-visible {
	outline: none;
}

.footer .footer-newsletter .newsletter-form input[type=submit] {
	border: 0;
	font-size: 16px;
	padding: 0 20px;
	margin: -7px -9px -7px 0;
	background: var(--accent-color);
	color: var(--contrast-color);
	transition: 0.3s;
	border-radius: 50px;
}

.footer .footer-newsletter .newsletter-form input[type=submit]:hover {
	background: color-mix(in srgb, var(--accent-color), transparent 20%);
}

.footer .footer-newsletter .error-message {
	display: none;
	background: #df1529;
	color: #ffffff;
	text-align: left;
	padding: 15px;
	margin-top: 10px;
	font-weight: 600;
	border-radius: 4px;
}

.footer .footer-newsletter .sent-message {
	display: none;
	color: #ffffff;
	background: #059652;
	text-align: center;
	padding: 15px;
	margin-top: 10px;
	font-weight: 600;
	border-radius: 4px;
}

.footer .footer-newsletter .loading {
	display: none;
	background: var(--background-color);
	text-align: center;
	padding: 15px;
	margin-top: 10px;
}

.footer .footer-newsletter .loading:before {
	content: "";
	display: inline-block;
	border-radius: 50%;
	width: 24px;
	height: 24px;
	margin: 0 10px -6px 0;
	border: 3px solid var(--accent-color);
	border-top-color: var(--background-color);
	animation: subscription-loading 1s linear infinite;
}

@keyframes subscription-loading {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

.footer .copyright {
	/* padding-top: 25px; */
	/* padding-bottom: 25px; */
	border-top: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
}

.footer .copyright p {
	margin-bottom: 0;
}

.footer .credits {
	margin-top: 6px;
	font-size: 13px;
}

footer {
	padding: 40px 0;
}

.wave {
	position: absolute;
	top: -100px;
	left: 0;
	width: 100%;
	height: 100px;
	background: url("https://i.ibb.co/wQZVxxk/wave.png");
	background-size: 1000px 100px;
}

.wave#wave1 {
	z-index: 1000;
	opacity: 1;
	bottom: 0;
	animation: animateWaves 4s linear infinite;
}

.wave#wave2 {
	z-index: 999;
	opacity: 0.5;
	bottom: 10px;
	animation: animate 4s linear infinite !important;
}

.wave#wave3 {
	z-index: 1000;
	opacity: 0.2;
	bottom: 15px;
	animation: animateWaves 3s linear infinite;
}

.wave#wave4 {
	z-index: 999;
	opacity: 0.7;
	bottom: 20px;
	animation: animate 3s linear infinite;
}

@keyframes animateWaves {
	0% {
		background-position-x: 1000px;
	}

	100% {
		background-positon-x: 0px;
	}
}

@keyframes animate {
	0% {
		background-position-x: -1000px;
	}

	100% {
		background-positon-x: 0px;
	}
}

/*--------------------------------------------------------------
  # Preloader
  --------------------------------------------------------------*/
#preloader {
	position: fixed;
	inset: 0;
	z-index: 9999;
	overflow: hidden;
	background-color: var(--background-color);
	transition: all 0.6s ease-out;
	width: 100%;
	height: 100vh;
}

#preloader:before,
#preloader:after {
	content: "";
	position: absolute;
	border: 4px solid var(--accent-color);
	border-radius: 50%;
	animation: animate-preloader 2s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}

#preloader:after {
	animation-delay: -0.5s;
}

@keyframes animate-preloader {
	0% {
		width: 10px;
		height: 10px;
		top: calc(50% - 5px);
		left: calc(50% - 5px);
		opacity: 1;
	}

	100% {
		width: 72px;
		height: 72px;
		top: calc(50% - 36px);
		left: calc(50% - 36px);
		opacity: 0;
	}
}

/*--------------------------------------------------------------
  # Scroll Top Button
  --------------------------------------------------------------*/
.scroll-top {
	position: fixed;
	visibility: hidden;
	opacity: 0;
	right: 15px;
	bottom: -15px;
	z-index: 99999;
	background-color: var(--accent-color);
	width: 44px;
	height: 44px;
	border-radius: 50px;
	transition: all 0.4s;
}

.scroll-top i {
	font-size: 24px;
	color: var(--white-color);
	line-height: 0;
}

.scroll-top:hover {
	background-color: color-mix(in srgb, var(--accent-color), transparent 20%);
	color: var(--contrast-color);
}

.scroll-top.active {
	visibility: visible;
	opacity: 1;
	bottom: 15px;
}

/*--------------------------------------------------------------
  # Disable aos animation delay on mobile devices
  --------------------------------------------------------------*/
@media screen and (max-width: 768px) {
	[data-aos-delay] {
		transition-delay: 0 !important;
	}
}

/*--------------------------------------------------------------
  # Global Page Titles & Breadcrumbs
  --------------------------------------------------------------*/
.page-title {
	--background-color: color-mix(in srgb, var(--default-color), transparent 96%);
	color: var(--default-color);
	background-color: var(--background-color);
	padding: 25px 0;
	position: relative;
}

.page-title h1 {
	font-size: 24px;
	font-weight: 700;
}

.page-title .breadcrumbs ol {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 14px;
}

.page-title .breadcrumbs ol li+li {
	padding-left: 10px;
}

.page-title .breadcrumbs ol li+li::before {
	content: "/";
	display: inline-block;
	padding-right: 10px;
	color: color-mix(in srgb, var(--default-color), transparent 70%);
}

/*--------------------------------------------------------------
  # Global Sections
  --------------------------------------------------------------*/
section,
.section {
	color: var(--default-color);
	background-color: var(--background-color);
	padding: 60px 0;
	scroll-margin-top: 100px;
	overflow: clip;
}

@media (max-width: 1199px) {

	section,
	.section {
		scroll-margin-top: 66px;
	}
}

/*--------------------------------------------------------------
  # Global Section Titles
  --------------------------------------------------------------*/
.section-title {
	text-align: center;
	/* padding-bottom: 60px; */
	position: relative;
}

.section-title h2 {
	font-size: 32px;
	font-weight: 700;
	margin-bottom: 20px;
	padding-bottom: 20px;
	position: relative;
}

.section-title h2:after {
	content: "";
	position: absolute;
	display: block;
	width: 50px;
	height: 3px;
	background: var(--accent-color);
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

.section-title p {
	margin-bottom: 0;
}

/* image hovers */
.blue {
	color: #2aade3
}

.black {
	color: #000000
}

figure.snip {
	font-family: 'Poppins', Arial, sans-serif;
	position: relative;
	overflow: hidden;
	margin-top: 10px;
	/* min-width: 230px; */
	/* max-width: 315px; */
	width: 100%;
	color: #ffffff;
	text-align: center;
	font-size: 16px;
	background-color: #000000;
	border-radius: 10px;
	border: 3px solid #0ba6ff
}

figure.snip:first {
	height: 80vh;
}

figure.snip *,
figure.snip *:before,
figure.snip *:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all 0.55s ease;
	transition: all 0.55s ease;
}

figure.snip img {
	max-width: 100%;
	backface-visibility: hidden;
	vertical-align: top;
	/* opacity: 0.9; */
}

figure.snip .title {
	/* position: absolute; */
	top: 58%;
	left: 25px;
	/* padding: 5px 10px 10px; */
}

figure.snip .title:before,
figure.snip .title:after {
	height: 2px;
	width: 400px;
	position: absolute;
	content: '';
	background-color: #ffffff;
}

figure.snip .title:before {
	top: 0;
	left: 10px;
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
}

figure.snip .title:after {
	bottom: 0;
	right: 10px;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
}

figure.snip .title div:before,
figure.snip .title div:after {
	width: 2px;
	height: 300px;
	position: absolute;
	content: '';
	background-color: #ffffff;
}

figure.snip .title div:before {
	top: 10px;
	right: 0;
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
}

figure.snip .title div:after {
	bottom: 10px;
	left: 0;
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
}

figure.snip h2,
figure.snip h4 {
	margin: 0;
	text-transform: none;
}

figure.snip h2 {
	font-weight: 400;
}

figure.snip h4 {
	display: block;
	font-weight: 700;
	background-color: #28b1d3;
	padding: 5px 10px;
	color: #000000;
}

figure.snip figcaption {
	position: absolute;
	bottom: 42%;
	left: 25px;
	text-align: left;
	opacity: 0;
	padding: 5px 60px 5px 10px;
	font-size: 0.8em;
	font-weight: 500;
	letter-spacing: 1.5px;
	text-align: center;
}

figure.snip figcaption p {
	margin: 0;
}

figure.snip a {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

figure.snip:hover img,
figure.snip.hover img {
	zoom: 1;
	filter: alpha(opacity=35);
	-webkit-opacity: 0.35;
	opacity: 0.35;
	border-radius: 10px !important;
}

figure.snip:hover .title:before,
figure.snip.hover .title:before,
figure.snip:hover .title:after,
figure.snip.hover .title:after,
figure.snip:hover .title div:before,
figure.snip.hover .title div:before,
figure.snip:hover .title div:after,
figure.snip.hover .title div:after {
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
}

figure.snip:hover .title:before,
figure.snip.hover .title:before,
figure.snip:hover .title:after,
figure.snip.hover .title:after {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
}

figure.snip:hover figcaption,
figure.snip.hover figcaption {
	opacity: 1;
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}

.cover {
	object-fit: cover;
	width: 100%;
	height: 469px;
}

/*--------------------------------------------------------------
# Featured Services Section
--------------------------------------------------------------*/
.featured-services {
	--background-color: color-mix(in srgb, var(--accent-color), transparent 94%);
	padding: 40px 0;
}

.featured-services .service-item {
	position: relative;
	padding-top: 20px;
}

.featured-services .service-item .icon {
	background-color: color-mix(in srgb, var(--accent-color), transparent 10%);
	width: 72px;
	height: 72px;
	position: relative;
	margin-right: 15px;
	line-height: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: ease-in-out 0.3s;
}

.featured-services .service-item .icon i {
	color: var(--accent-color);
	font-size: 32px;
	z-index: 2;
	position: relative;
}

.featured-services .service-item .title {
	font-weight: 700;
	margin-bottom: 5px;
	font-size: 18px;
}

.featured-services .service-item .title a {
	color: var(--heading-color);
}

.featured-services .service-item .title a:hover {
	color: var(--accent-color);
}

.featured-services .service-item .description {
	font-size: 14px;
}

.featured-services .service-item:hover .icon {
	background-color: var(--accent-color);
}

.featured-services .service-item:hover .icon i {
	color: var(--contrast-color);
}

/* popular ribbon */
.ribbon-popular {
	--f: 10px; /* control the folded part*/
	--r: 15px; /* control the ribbon shape */
	--t: 1px; /* the top offset */
	
	position: absolute;
	inset: var(--t) calc(-1*var(--f)) auto auto;
	padding: 5px;
	padding-right: 12px;
	text-align: right;
	top: -10px !important;
	right: 6px!important;
	width:90px;
	height:34px;
	/* padding: 0 10px var(--f) calc(10px + var(--r)); */
	clip-path: 
	  polygon(0 0,100% 0,100% calc(100% - var(--f)),calc(100% - var(--f)) 100%,
		calc(100% - var(--f)) calc(100% - var(--f)),0 calc(100% - var(--f)),
		var(--r) calc(50% - var(--f)/2));
	background: var(--accent-color);
	box-shadow: 0 calc(-1*var(--f)) 0 inset #0005;
	font-size: 11px;
	font-weight: lighter;
	color: white;
  }

/*--------------------------------------------------------------
# About Section
--------------------------------------------------------------*/
.about {
	padding-bottom: 20px;
	background-color: #fefefe;
}

.about .content .who-we-are {
	text-transform: uppercase;
	margin-bottom: 15px;
	color: color-mix(in srgb, var(--default-color), transparent 40%);
}

.about .content h3 {
	font-size: 2rem;
	font-weight: 700;
}

.about .content ul {
	list-style: none;
	padding: 0;
}

.about .content ul li {
	padding-bottom: 10px;
	font-size: 14px;
}

.about .content ul i {
	font-size: 1.25rem;
	margin-right: 4px;
	color: var(--accent-color);
}

.about .content p:last-child {
	margin-bottom: 0;
}

.about .content .read-more {
	background: var(--accent-color);
	color: var(--contrast-color);
	font-family: var(--heading-font);
	font-weight: 500;
	font-size: 16px;
	letter-spacing: 1px;
	padding: 12px 24px;
	border-radius: 5px;
	transition: 0.3s;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.about .content .read-more i {
	font-size: 18px;
	margin-left: 5px;
	line-height: 0;
	transition: 0.3s;
}

.about .content .read-more:hover {
	background: color-mix(in srgb, var(--accent-color), transparent 20%);
	padding-right: 19px;
}

.about .content .read-more:hover i {
	margin-left: 10px;
}

.about .about-images img {
	border-radius: 10px;
}

@media (max-width: 992px) {
	.img-hide {
		display: block;
	}
}

@media (max-width: 420px) {
	.img-hide {
		display: none;
	}
}

/***** Section 2 *****/

/* .section-2-box { margin-top: 30px; text-align: left; }
.section-2-box h3 { margin-top: 0; }
.section-2-box-text .medium-paragraph { margin-top: 20px; margin-bottom: 20px; } */

/*--------------------------------------------------------------
# Features Section
--------------------------------------------------------------*/
.features .nav-tabs {
	border: 0;
}

.features .nav-item {
	width: 100%;
	margin-bottom: 15px;
}

.features .nav-item:last-child {
	margin-bottom: 0;
}

.features .nav-link {
	color: var(--heading-color);
	border: 0;
	padding: 30px;
	transition: 0.3s;
	border-radius: 10px;
	display: flex;
	cursor: pointer;
	background: color-mix(in srgb, var(--accent-color), transparent 90%);
}

.features .nav-link i {
	background-color: var(--contrast-color);
	color: var(--accent-color);
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 20px;
	width: 48px;
	height: 48px;
	font-size: 22px;
	flex-shrink: 0;
	border-radius: 50px;
	box-shadow: 0 2px 4px color-mix(in srgb, var(--default-color), transparent 85%);
}

.features .nav-link h4 {
	font-size: 20px;
	font-weight: 600;
	margin: 0 0 10px 0;
	transition: 0.3s;
}

.features .nav-link p {
	font-size: 15px;
	margin: 0;
}

.features .nav-link:hover {
	background: color-mix(in srgb, var(--accent-color), transparent 76%);
}

.features .nav-link.active {
	background: color-mix(in srgb, var(--accent-color), transparent 92%);
}

.features .tab-pane img {
	border-radius: 15px;
}


/***** Section 3 *****/

.section-3-box {
	margin-top: 30px;
	text-align: left;
}

.section-3-box .section-3-box-icon {
	width: 60px;
	height: 60px;
	margin: 0 auto;

	background: #2aade3;
	/* Old browsers */
	background: -moz-linear-gradient(top, #2aade3 0%, #2aade3 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2aade3), color-stop(100%, #2aade3));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #2aade3 0%, #2aade3 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #2aade3 0%, #2aade3 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #2aade3 0%, #2aade3 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, #2aade3 0%, #2aade3 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2aade3', endColorstr='#2aade3', GradientType=0);
	/* IE6-9 */

	font-size: 28px;
	color: #fff;
	line-height: 60px;
	text-align: center;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}

.section-3-box h3 {
	margin-top: 0;
	padding: 0 0 10px 0;
}

/*--------------------------------------------------------------
# Pricing Section
--------------------------------------------------------------*/

/* new pricing */
/* Use a wide full screen for small screens like tablets. */
@media (min-width: 768px) and (max-width:992px) {
	.container {
		width: initial;
		padding-left: 2em;
		padding-right: 2em;
	}
}

/* --- Plans ---------------------------- */

.my_planHeader {
	text-align: center;
	color: white;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
}

.my_planTitle {
	font-size: 2em;
	font-weight: bold;
}

.my_planPrice {
	font-size: 1.4em;
	font-weight: bold;
}

.my_planDuration {
	margin-top: -0.6em;
}

@media (max-width: 768px) {
	.my_planTitle {
		font-size: small;
	}
}

/* --- Features ------------------------- */

.my_feature {
	line-height: 2.8em;
}

@media (max-width: 768px) {
	.my_feature {
		text-align: center
	}
}

.my_featureRow {
	margin-top: 0.2em;
	margin-bottom: 0.2em;
	border: 0.1em solid rgb(163, 163, 163);
}

h2.bold,
.bold {
	font-weight: 700;
}


/* --- Plan 1 --------------------------- */
.my_plan1 {
	background: rgb(224, 234, 242);
}

.my_planHeader.my_plan1 a {
	background: rgb(72, 109, 139);
	color: white;
}

.my_planHeader.my_plan1 {
	background: rgb(105, 153, 193);
	border-bottom: thick solid rgb(72, 109, 139);
}

/* --- Plan 2 --------------------------- */
.my_plan2 {
	background: rgb(230, 235, 218);
}

.my_planHeader.my_plan2 a {
	background: rgb(108, 131, 62);
	color: white;
}

.my_planHeader.my_plan2 {
	background: rgb(134, 162, 77);
	border-bottom: thick solid rgb(108, 131, 62);
}

/* --- Plan 3 --------------------------- */
.my_plan3 {
	background: rgb(254, 235, 212);
}

.my_planHeader.my_plan3 a {
	background: rgb(199, 127, 40);
	color: white;
}

.my_planHeader.my_plan3 {
	background: rgb(253, 161, 49);
	border-bottom: thick solid rgb(199, 127, 40);
}

.my_planFeature {
	text-align: center;
	font-size: 2em;
}

.my_planFeature i.my_check {
	color: green;
}

.bg-bronze,
.btn-bronze {
	background-color: #cd7f32;
}

.bg-silver,
.btn-silver {
	background-color: #c0c0c0;
}

.bg-gold,
.btn-gold {
	background-color: #ffd700;
}

th {
	text-align: left;
}


/*--------------------------------------------------------------
# Contact Section
--------------------------------------------------------------*/
.contact {
	background-color: #f1f1f1 !important;
}

.contact-background {
	position: absolute;
	left: 0;
	right: 0;
	z-index: 0;
	display: block;
	background-image: url('../img/contact-bg.webp');
	background-position: center center;
	width: 100vw;
	height: 100vh;
	background-repeat: no-repeat;
	background-size: contain;
	-webkit-filter: blur(15px);
	-moz-filter: blur(15px);
	-o-filter: blur(15px);
	-ms-filter: blur(15px);
	filter: blur(15px);
}


.table-blue-bordered {
	border: 1px solid #0ba6ff;
}

.contact .info-item {
	padding: 20px 0 30px 0;
	box-shadow: 0 0 4px color-mix(in srgb, var(--default-color), transparent 85%);
	background-color: white;
}

.contact .info-item i {
	color: var(--accent-color);
	width: 56px;
	height: 56px;
	font-size: 24px;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all 0.3s ease-in-out;
	border-radius: 50%;
	box-shadow: 0 2px 3px color-mix(in srgb, var(--default-color), transparent 85%);
}

.contact .info-item h3 {
	font-size: 18px;
	font-weight: 700;
	margin: 10px 0;
}

.contact .info-item p {
	padding: 10px;
	margin-bottom: 0;
	font-size: 14px;
	text-align: center;
}

.contact .php-email-form {
	height: 100%;
	padding: 30px;
	box-shadow: 0 0 4px color-mix(in srgb, var(--default-color), transparent 85%);
	background-color: white;
}

@media (max-width: 575px) {
	.contact .php-email-form {
		padding: 20px;
	}
}

.contact .php-email-form .error-message {
	display: none;
	background: #df1529;
	color: #ffffff;
	text-align: left;
	padding: 15px;
	margin-bottom: 24px;
	font-weight: 600;
}

.contact .php-email-form .sent-message {
	display: none;
	color: #ffffff;
	background: #059652;
	text-align: center;
	padding: 15px;
	margin-bottom: 24px;
	font-weight: 600;
}

.contact .php-email-form .loading {
	display: none;
	background: var(--background-color);
	text-align: center;
	padding: 15px;
	margin-bottom: 24px;
}

.contact .php-email-form .loading:before {
	content: "";
	display: inline-block;
	border-radius: 50%;
	width: 24px;
	height: 24px;
	margin: 0 10px -6px 0;
	border: 3px solid var(--accent-color);
	border-top-color: var(--background-color);
	animation: animate-loading 1s linear infinite;
}

.contact .php-email-form input[type=text],
.contact .php-email-form input[type=email],
.contact .php-email-form textarea {
	font-size: 14px;
	padding: 10px 15px;
	box-shadow: none;
	border-radius: 0;
	color: var(--default-color);
	background-color: color-mix(in srgb, var(--background-color), transparent 50%);
	border-color: color-mix(in srgb, var(--default-color), transparent 80%);
}

.contact .php-email-form input[type=text]:focus,
.contact .php-email-form input[type=email]:focus,
.contact .php-email-form textarea:focus {
	border-color: var(--accent-color);
}

.contact .php-email-form input[type=text]::placeholder,
.contact .php-email-form input[type=email]::placeholder,
.contact .php-email-form textarea::placeholder {
	color: color-mix(in srgb, var(--default-color), transparent 70%);
}

.contact .php-email-form button[type=submit] {
	color: var(--contrast-color);
	background: var(--accent-color);
	border: 0;
	padding: 10px 30px;
	transition: 0.4s;
	border-radius: 50px;
}

.contact .php-email-form button[type=submit]:hover {
	background: color-mix(in srgb, var(--accent-color), transparent 20%);
}

@keyframes animate-loading {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

/* google translate styles */
.VIpgJd-ZVi9od-ORHb-OEVmcd,
.VIpgJd-ZVi9od-l4eHX-hSRGPd {
	display: none !important
}

/* #google_translate_element{
			display: none!important;
		} */

body {
	top: 0px !important
}

.goog-te-gadget {
	font: inherit !important
}

.goog-te-gadget-icon {
	display: none
}

.goog-te-gadget-simple {
	background-color: #ecebf0 !important;
	border: 0 !important;
	font-size: 10pt;
	font-weight: 800;
	display: inline-block;
	padding: 10px 10px !important;
	cursor: pointer;
	zoom: 1
}

.goog-te-gadget-simple span {
	color: #3e3065 !important
}

.goog-te-combo,
.VIpgJd-ZVi9od-ORHb *,
.VIpgJd-ZVi9od-SmfZ *,
.VIpgJd-ZVi9od-xl07Ob *,
.VIpgJd-ZVi9od-vH1Gmf *,
.VIpgJd-ZVi9od-l9xktf * {
	font-family: 'poppins' !important;
	font-size: 10pt !important
}

.goog-tooltip {
	display: none !important
}

.goog-tooltip:hover {
	display: none !important
}

.goog-text-highlight {
	background-color: transparent !important;
	border: none !important;
	box-shadow: none !important
}

#google_translate_element select {
	/* background-color: #f6edfd !important; */
	background-color: var(--secondary-color) !important;
	/* color: #383ffa !important; */
	color: white !important;
	border: none !important;
	border-radius: 3px !important;
	font-weight: 600;
	text-transform: uppercase;
	padding: 6px 8px !important
}

#goog-gt-tt,
.goog-te-balloon-frame {
    display: none !important;
}

.goog-text-highlight {
    background: none !important;
    box-shadow: none !important;
}

.navbar-fixed-top.scrolled {
	color: black;
}

.goog-gt-tt {
	display: none !important
}

.fixed-con {
	z-index: 9724790009779558 !important;
	background-color: #f7f8fc;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow-y: auto
}

.VIpgJd-ZVi9od-aZ2wEe-wOHMyf {
	z-index: 9724790009779 !important;
	top: 0;
	left: unset;
	right: -5px;
	display: none !important;
	border-radius: 50%;
	border: 2px solid gold
}

.VIpgJd-ZVi9od-aZ2wEe-OiiCO {
	width: 80px;
	height: 80px
}

.goog-te-banner-frame {
	display: none !important
}

.goog-logo-link {
	display: none !important;
}

.goog-te-gadget {
	color: transparent !important;
}

/* .goog-te-gadget .goog-te-combo {
	color: blue !important;
} */