@import url('flaticon.css');

@font-face {
	font-family: 'interstateregular';
	src: url('../fonts/interstate-regular-webfont.woff') format('woff2'),
		url('../fonts/interstate-regular-webfont.woff2') format('woff');
	font-weight: normal;
	font-style: normal;

}

@font-face {
	font-family: 'interstateregular';
	src: url('../fonts/interstate-light-webfont.woff') format('woff2'),
		url('../fonts/interstate-light-webfont.woff2') format('woff');
	font-weight: normal;
	font-style: normal;

}

* {
	margin: 0px;
	padding: 0px;
	border: none;
	outline: none;
}

body {
	font-family: 'interstateregular', Arial, sans-serif;
	font-size: 14px;
	color: black;
	line-height: 1.6em;
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	background: #282828;
}

.common_padding {
	padding: 0 110px !important;
}

a {
	position: relative;
	text-decoration: none;
	cursor: pointer;
	color: balck;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
	font-family: 'interstateregular';
}

section {
	z-index: 11 !important;
}

.auto-container {
	position: static;
	max-width: 1200px;
	padding: 0px 15px;
	margin: 0 auto;
}

.medium-container {
	position: static;
	max-width: 1000px;
	padding: 0px 15px;
	margin: 0 auto;
}

.page-wrapper {
	position: relative;
	margin: 0 auto;
	width: 100%;
	min-width: 300px;
}


button,
a:hover,
a:focus,
a:visited {
	text-decoration: none;
	outline: none !important;
}

textarea {
	overflow: hidden;
}

.text,
p {
	font-family: 'interstateregular';
	font-style: normal;
	font-weight: 400;
	font-size: 18px !important;
	line-height: 26px;
}

/* Typography */
h1,
h2,
h3,
h4,
h5,
h6 {
	position: relative;
	margin: 0px;
	background: none;
	color: #FFF;
	font-style: normal;
	font-weight: 700 !important;
	line-height: normal;
	font-family: 'interstateregular';
	text-transform: capitalize;
}

h1 {
	line-height: 95px;
	font-weight: 700 !important;
	font-size: var(--font-85);
}

h2 {
	font-weight: 700 !important;
	font-size: 34px;
	line-height: 41px;
}

h3 {
	line-height: 1.3em;
	font-weight: 700 !important;
	font-size: var(--font-28);
}

h4 {
	color: #FFF;
	font-size: 50px;
	font-style: normal;
	font-weight: 700 !important;
	line-height: normal;
}

h5 {
	line-height: 38px;
	font-weight: 700 !important;
	font-size: 20px;
}

h6 {
	line-height: 1.6em;
	font-weight: 700 !important;
	font-size: 18px;
}

p {
	font-family: 'interstateregular';
	font-style: normal;
	font-weight: 500;
	font-size: 17px;
	color: rgba(255, 255, 255, 0.67);

}

ul,
li {
	list-style: unset;
}

img {
	display: inline-block;
	max-width: 100%;
}

::-webkit-input-placeholder {
	color: inherit;
}

::-moz-input-placeholder {
	color: inherit;
}

::-ms-input-placeholder {
	color: inherit;
}

.main {
	overflow: hidden;
}

/* header */
/* Header Style Five */


.main-header .header-lower {
	position: relative;
	background-color: red;
}

.main-header .header-lower .auto-container {
	max-width: 1780px;
}

.main-header .main-box {
	position: relative;
	padding: 0px 0px;
	left: 0px;
	top: 0px;
	width: 100%;
	background: none;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
}

.main-header .main-menu li.active a {
	color: #ff9015 !important;
}

.main-header .main-box .outer-container {
	position: relative;
	padding: 0px 40px;
}

.main-header .logo-box {
	position: relative;
	float: left;
	z-index: 10;
	padding: 16px 0px;
}

.main-header .logo-box .logo img {
	display: inline-block;
	max-width: 100%;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
}

.main-header .header-lower .nav-outer {
	position: relative;
}

/* Main Menu */

.main-header .main-menu {
	position: relative;
	float: left;
	text-align: center;
	margin-left: var(--margin-left-180);
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
}

.main-header .main-menu .navbar-collapse {
	padding: 0px;
	float: right;
	display: block !important;
}

.main-header .main-menu .navigation {
	position: relative;
	margin: 0px;
}

.main-header .main-menu .navigation>li {
	position: relative;
	display: inline-block;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	margin-right: 40px;
}

.main-header .sticky-header .main-menu .navigation>li>a {
	padding: 23px 0px;
	color: white;
}


.main-header .sticky-header .main-menu .navigation>li:hover>a,
.main-header .sticky-header .main-menu .navigation>li.current>a {
	color: #FF9015;
	background-color: inherit !important;
}

.main-header .sticky-header .nav-outer .options-box {
	margin-top: var(--margin-top-40);
}

/*Sticky Header*/

.main-header .sticky-header {
	position: fixed;
	opacity: 1;
	visibility: show;
	left: 0px;
	top: 35px;
	width: 100%;
	padding: 0px 0px;
	z-index: 1;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	/* background-color: white; */
	/* box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.10); */
}

.sticky_inner {
	padding: 15px 19px;
	border-radius: 5px;
	background: rgba(21, 21, 21, 0.30);
	backdrop-filter: blur(27px);
	-webkit-backdrop-filter: blur(27px);
}

.main-header .sticky-header .mobile-nav-toggler {
	display: none;
	cursor: pointer;
	color: rgb(255, 255, 255);
	font-size: 30px;
	font-family: "flaticon";
}

.main-header .sticky-header .logo {
	padding: 8px 0px;
}

.logo img {
	width: 100%;
}

.main-header.fixed-header .sticky-header {
	z-index: 999;
	opacity: 1;
	visibility: visible;

}

.main-header .main-menu .navigation>li>a {
	position: relative;
	display: block;
	color: #FFF;
	font-family: 'interstateregular';
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-align: center;
	line-height: 30px;
	letter-spacing: 0px;
	padding: 41px 0px;
	text-transform: capitalize;
}


.main-header .main-menu .navigation>li:last-child {
	margin-right: 0;
}

.main-header .main-menu .navigation>li:last-child>a {
	padding-right: 0px;
}

.main-header .sticky-header .main-menu .navigation>li {
	position: relative;
}

.main-header .sticky-header .main-menu .navigation>li:last-child {
	margin-right: 0;
}

.main-header .main-menu .navigation>li:last-child ul {
	right: 0px;
}

.main-header .main-menu .navigation>li:hover>a,
.main-header .main-menu .navigation>li.current>a {
	opacity: 1;
	color: var(--main-color);
}

.main-header .main-menu .navigation>li>ul {
	position: absolute;
	width: 17rem;
	transform: perspective(300px) scaleY(0) translateZ(30px);
	-webkit-transform-origin: top;
	-ms-transform-origin: top;
	-o-transform-origin: top;
	transform-origin: top;
	opacity: 0;
	visibility: hidden;
	transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	border-radius: 20px;
	border: 1px solid #606060;
	background: rgba(21, 21, 21, 0.30);
	backdrop-filter: blur(27px);
	-webkit-backdrop-filter: blur(27px);
}

.main-header .main-menu .navigation>li>ul.from-right {
	left: auto;
	right: 0px;
}

.main-header .main-menu .navigation>li>ul>li {
	position: relative;
	width: 100%;
	text-align: left;
}

.main-header .main-menu .navigation>li>ul>li:last-child {
	border-bottom: none;
}

.main-header .main-menu .navigation>li>ul>li>a {
	display: block;
	padding: 12px 18px;
	color: #FFF !important;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 30px;
	/* 166.667% */
	text-transform: capitalize;
}

.main-header .main-menu .navigation>li>ul>li>a:before {
	position: absolute;
	content: "\f061";
	font-family: FontAwesome;
	left: 10px;
	top: 12px;
	opacity: 0;
	font-weight: 500;
	color: #FF9015;
	font-size: 18px;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.main-header .main-menu .navigation>li>ul>li:hover>a::before {
	opacity: 1;
}

/* .main-header .sticky-header .main-menu .navigation>li>a:before {} */

.main-header .main-menu .navigation>li>ul>li:hover>a {
	padding-left: 30px;
	color: #FF9015;
}

.main-header .main-menu .navigation>li>ul>li.dropdown>a:after {
	font-family: 'FontAwesome';
	content: "\f105";
	position: absolute;
	right: 8px;
	top: 13px;
	width: 10px;
	height: 20px;
	display: block;
	color: white;
	line-height: 20px;
	font-size: var(--font-16);
	font-weight: normal;
	text-align: center;
	z-index: 5;
}

.main-header .main-menu .navigation>li>ul>li>ul {
	position: absolute;
	left: 100%;
	top: 0px;
	width: 15rem;
	-webkit-transform: scaleY(0);
	-ms-transform: scaleY(0);
	-o-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: top;
	-ms-transform-origin: top;
	-o-transform-origin: top;
	transform-origin: top;
	opacity: 0;
	visibility: hidden;
	visibility: hidden;
	transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	border-radius: 0px;
	background-color: var(--main-color);
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.10);
}

.main-header .main-menu .navigation>li>ul>li>ul.from-right {
	left: auto;
	right: 0px;
}

.main-header .main-menu .navigation>li>ul>li>ul>li {
	position: relative;
	width: 100%;
	text-align: left;
	border-bottom: 1px solid rgba(255, 255, 255, 0.10);
}

.main-header .main-menu .navigation>li>ul>li>ul>li:last-child {
	border-bottom: none;
}

.main-header .main-menu .navigation>li>ul>li>ul>li>a {
	position: relative;
	display: block;
	padding: 12px 18px;
	line-height: 24px;
	font-weight: 600;
	font-size: var(--font-16);
	text-transform: capitalize;
	color: white;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.main-header .main-menu .navigation>li>ul>li>ul>li:hover>a {
	color: white;
	background-color: #00AE8D;
}

.main-header .main-menu .navigation>li>ul>li>ul>li>a:before {
	position: absolute;
	content: '';
	left: 10px;
	top: 12px;
	opacity: 0;
	font-weight: 500;
	font-size: var(--font-10);
	color: white;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.main-header .main-menu .navigation>li>ul>li>ul>li:hover>a::before {
	opacity: 1;
}

.main-header .main-menu .navigation>li>ul>li>ul>li:hover>a {
	padding-left: 30px;
	color: white;
	background-color: #00AE8D;
}

.main-header .main-menu .navigation>li.dropdown:hover>ul {
	transform: perspective(300px) scaleY(1) translateZ(0);
	opacity: 1;
	visibility: visible;
}

.main-header .main-menu .navigation li>ul>li.dropdown:hover>ul {
	-webkit-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-o-transform: scaleY(1);
	transform: scaleY(1);
	opacity: 1;
	visibility: visible;
}

.main-header .main-menu .navbar-collapse>ul li.dropdown .dropdown-btn {
	position: absolute;
	right: 10px;
	top: 6px;
	width: 30px;
	height: 30px;
	text-align: center;
	color: white;
	line-height: 28px;
	border: 1px solid var(--white-color-opicity-two);
	background-size: 20px;
	cursor: pointer;
	z-index: 5;
	display: none;
}

.header-style-five {
	position: absolute;
	left: 0px;
	top: 35px;
	right: 0px;
	z-index: 9999;
}

.main-header.header-style-five .sticky-header .main-menu .navigation>li>a {
	/* padding: 23px 0px; */
	padding: 10px;
}

.main-header.header-style-five .sticky-header .main-menu .navigation>li>a:last-child {
	padding-right: 0;
}

.main-header.header-style-five .auto-container {
	max-width: 1200px;
}

.main-header.header-style-five .header-top {
	background: none;
}

.main-header.header-style-five .header-top .action {
	color: black;
}

.main-header.header-style-five .header-lower {
	background: none;
}

.main-header.header-style-five .header-lower .inner-container {
	border-radius: 4px;
	display: flex;
	justify-content: space-between;
	background: white;
	padding: 0 14px;
	border: 1px solid #d5d5d57a;
	display: none;
}

.main-header.header-style-five .header-top .info {
	margin-left: 0;
}

.main-header.header-style-five .logo-box {
	padding: 0px 0 0;
	border-radius: 4px 0px 0px 4px;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
}

.main-header.header-style-five .outer-box {
	padding: 19px 0px;
}

.main-header.header-style-five .outer-box .button-box .theme-btn {
	padding: 11px 46px;
}

.main-header.header-style-five .main-menu .navigation>li>a {
	padding: 10px;
}

.main-header .main-menu .navigation>li>a:last-child {
	padding-right: 0;
}

.main-header.header-style-five .main-menu {
	margin-left: 30px;
	padding: 15px 0;
}

/* Header Top */

.main-header .header-top {
	position: relative;
	overflow: hidden;
	background-color: #00AE8D;
}

.main-header .header-top .auto-container {
	max-width: 1890px;
}

.main-header .header-top .top-left {
	position: relative;
	float: left;
}

.main-header .header-top .info {
	position: relative;
	padding: 19px 0px;
	float: left;
	margin-left: 30px;
}

.main-header .header-top .info li {
	position: relative;
	font-weight: 400;
	display: inline-block;
	font-size: 16px;
	color: black;
	margin-right: 20px;
}

.main-header .header-top .info li .icon {
	position: absolute;
	left: 0px;
	color: black;
	font-family: "flaticon";
}

.main-header .header-top .info li:last-child {
	margin-right: 0px;
}

.main-header .header-top .info li a {
	position: relative;
	color: rgb(124, 84, 84);
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
	padding-left: 25px;
}

.main-header .header-top li a:hover {
	color: #FF9015;
}

.main-header .header-top .social-box {
	position: relative;
	padding: 18px 0px;
	float: left;
}

.main-header .header-top .social-box li {
	position: relative;
	display: inline-block;
	margin-right: 20px;
}

.main-header .header-top .social-box li a {
	position: relative;
	opacity: 0.70;
	color: black;
	font-size: 18px;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
}

.main-header .header-top .social-box li:last-child {
	margin-right: 0;
}

.main-header .header-top .social-box li a:hover {
	opacity: 1;
}

.main-header .header-top .text {
	float: left;
	padding: 19px 0px;
	color: black;
}

.main-header .header-top .action {
	float: left;
	padding: 19px 0px;
	color: red;
	font-size: 16px;
}

.main-header .header-top .options-box {
	position: relative;
	float: left;
	padding: 18px 0px;
	margin-left: 20px;
}

.main-header .login {
	position: relative;
	line-height: 1em;
	font-size: 20px;
	font-family: "flaticon";
	color: white;
	padding-left: 20px;
	border-left: 1px solid white;
}

.main-header .header-top .search-box-btn {
	position: relative;
	line-height: 1em;
	float: left;
	cursor: pointer;
	font-size: 20px;
	font-family: "flaticon";
	color: white;
	padding-left: 20px;
	border-left: 1px solid white;
}

.main-header .cart-box:hover,
.main-header .login:hover {
	color: #FF9015;
}

.pull-left {
	float: left;
}

.pull-right {
	float: right;
}


.mobile-menu {
	position: fixed;
	right: 0;
	top: 0;
	width: 98%;
	padding-right: 30px;
	max-width: 100%;
	height: 100%;
	visibility: hidden;
	z-index: 999999;
}

.mobile-menu .nav-logo {
	position: relative;
	padding: 20px 20px;
	text-align: left;
}

.mobile-menu .nav-logo img {
	max-width: 200px;
}

.mobile-menu-visible {
	overflow: hidden;
}

.mobile-menu-visible .mobile-menu {
	visibility: visible;
}

.mobile-menu .menu-backdrop {
	position: fixed;
	right: 0;
	top: 0;
	width: 0%;
	height: 100%;
	z-index: 1;
	background-image: linear-gradient(45deg, #ff9215, #00ae8e);
	-webkit-transform: translateX(101%);
	-ms-transform: translateX(101%);
	transform: translateX(101%);
	transition: all 900ms ease;
	-moz-transition: all 900ms ease;
	-webkit-transition: all 900ms ease;
	-ms-transition: all 900ms ease;
	-o-transition: all 900ms ease;

	-webkit-transition-delay: 300ms;
	-moz-transition-delay: 300ms;
	-ms-transition-delay: 300ms;
	-o-transition-delay: 300ms;
	transition-delay: 300ms;
}

.mobile-menu-visible .mobile-menu .menu-backdrop {
	opacity: 1;
	width: 100%;
	visibility: visible;
	transition: all 900ms ease;
	-moz-transition: all 900ms ease;
	-webkit-transition: all 900ms ease;
	-ms-transition: all 900ms ease;
	-o-transition: all 900ms ease;
	-webkit-transform: translateX(0%);
	-ms-transform: translateX(0%);
	transform: translateX(0%);
}

.mobile-menu .menu-box {
	position: absolute;
	right: -400px;
	top: 0px;
	width: 100%;
	height: 100%;
	max-height: 100%;
	overflow-y: auto;
	background: #ffffff;
	padding: 0px 0px;
	z-index: 5;
	border-radius: 0px;

	transition: all 900ms ease;
	-moz-transition: all 900ms ease;
	-webkit-transition: all 900ms ease;
	-ms-transition: all 900ms ease;
	-o-transition: all 900ms ease;
}

.mobile-menu-visible .mobile-menu .menu-box {
	right: 0px;
	-webkit-transition-delay: 600ms;
	-moz-transition-delay: 600ms;
	-ms-transition-delay: 600ms;
	-o-transition-delay: 600ms;
	transition-delay: 600ms;
}

.mobile-menu .close-btn {
	position: absolute;
	right: 15px;
	top: 15px;
	line-height: 30px;
	width: 30px;
	text-align: center;
	font-size: 14px;
	color: #202020;
	cursor: pointer;
	z-index: 10;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	-webkit-transform: translateY(-50px);
	-ms-transform: translateY(-50px);
	transform: translateY(-50px);
	font-family: "flaticon";
}

.mobile-menu-visible .mobile-menu .close-btn {
	-webkit-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
	-webkit-transition-delay: 900ms;
	-moz-transition-delay: 900ms;
	-ms-transition-delay: 900ms;
	-o-transition-delay: 900ms;
	transition-delay: 900ms;
}

.mobile-menu .close-btn:hover {
	opacity: 0.50;
}

.mobile-menu .navigation {
	position: relative;
	display: block;
	width: 100%;
	border-top: 1px solid rgba(0, 0, 0, 0.10);
}

.mobile-menu .navigation li {
	position: relative;
	display: block;
	border-bottom: 1px solid rgba(0, 0, 0, 0.10);
}

.mobile-menu .navigation li>ul>li:last-child {
	border-bottom: none;
}

.mobile-menu .navigation li>ul>li:first-child {
	border-top: 1px solid rgba(0, 0, 0, 0.10);
}

.mobile-menu .navigation li>a {
	position: relative;
	display: block;
	line-height: 24px;
	padding: 10px 20px;
	font-size: 15px;
	color: #404040;
	text-transform: capitalize;
}

.mobile-menu .navigation li:hover>a,
.mobile-menu .navigation li.current>a {
	color: #111111;
}

.mobile-menu .navigation li.dropdown .dropdown-btn {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 44px;
	height: 44px;
	text-align: center;
	font-size: 16px;
	line-height: 44px;
	color: #404040;
	cursor: pointer;
	z-index: 5;
}

.mobile-menu .navigation li.dropdown .dropdown-btn:after {
	content: '';
	position: absolute;
	left: 0px;
	top: 10px;
	width: 1px;
	height: 24px;
	border-left: 1px solid rgba(0, 0, 0, 0.10);
}

.mobile-menu .navigation li>ul,
.mobile-menu .navigation li>ul>li>ul {
	display: none;
}

.mobile-menu .navigation li>ul>li>a {
	padding-left: 30px;
}

.mobile-menu .navigation li>ul>li>ul {
	padding-left: 0px;
}

.mobile-menu .navigation li>ul>li>ul>li>a {
	padding-left: 40px;
}

.main-header .mobile-menu .close-btn:hover {
	opacity: 0.50;
}

.main-header .mobile-menu .navigation {
	position: relative;
	display: block;
	width: 100%;
	border-top: 1px solid #dddddd;
}

.main-header .mobile-menu .navigation li {
	position: relative;
	display: block;
	border-bottom: 1px solid #dddddd;
}

.main-header .mobile-menu .navigation li>ul>li:last-child {
	border-bottom: none;
}

.main-header .mobile-menu .navigation li>ul>li:first-child {
	border-top: 1px solid #dddddd;
}

.main-header .mobile-menu .navigation li>a {
	position: relative;
	display: block;
	line-height: 24px;
	padding: 10px 20px;
	font-size: var(--font-16);
	color: black;
	text-transform: capitalize;
}

.main-header .mobile-menu .navigation li:hover>a,
.main-header .mobile-menu .navigation li.current>a {
	color: var(--dark-text-color-two);
}

.main-header .mobile-menu .navigation li.dropdown .dropdown-btn {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 44px;
	height: 44px;
	text-align: center;
	color: black;
	font-size: var(--font-16);
	line-height: 44px;
	cursor: pointer;
	z-index: 5;
}

.main-header .mobile-menu .navigation li.dropdown .dropdown-btn:after {
	content: '';
	position: absolute;
	left: 0px;
	top: 10px;
	width: 1px;
	height: 24px;
	border-left: 1px solid #dddddd;
}

.main-header .mobile-menu .navigation li>ul,
.main-header .mobile-menu .navigation li>ul>li>ul {
	display: none;
}

.main-header .sticky-header .navbar-header {
	display: none;
}

.main-slider-carousel .owl-nav {
	z-index: 9999;
	display: flex;
	position: absolute;
	width: 100%;
	/* height: 50px; */
	bottom: 5%;
	left: 0;
	padding-right: 50px;
	justify-content: flex-end;
}

.main-slider-carousel .owl-prev,
.main-slider-carousel .owl-next {
	padding: 5px;
	background: white;
	aspect-ratio: 1;
	width: 50px;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #0056FF;
}

.main-slider-carousel .owl-prev {
	margin-right: 10px;
}


/* ========footer========== */

footer {
	background: #000;
	z-index: 2;
	position: relative;
}

.footer_nav li {
	list-style: none;
	position: relative;
	cursor: pointer;
}


.footer_nav li:hover .footer_nav li::before {
	color: #FF9015;
}

/* .footer_nav li::before { */
/* content: "\f061"; */
/* font-family: FontAwesome; */
/* opacity: 0; */
/* font-weight: 100; */
/* position: absolute; */
/* left: 0; */
/* opacity: 0; */
/* transition: opacity 0.3s ease-in-out; */
/* color: #FF9015; */
/* } */


.footer_widget ul li span {
	height: 100%;
	font-size: 16px;
	margin: auto;
	opacity: 0;
}



.footer_widget ul li:hover span {
	opacity: 1;
}

.footer_box {
	border-bottom: 1px solid grey;
}

.footer_widget h5 {
	font-weight: 700;
	font-size: 18px;
	line-height: 22px;
	color: #FFFFFF;
	margin-bottom: 20px;
}

.footer_widget ul li {
	margin: 0 0 12px -34px;
}

.footer_widget ul li a {
	color: rgba(255, 255, 255, 0.67);
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 30px;
	/* 166.667% */
}

.footer_widget p {
	color: rgba(255, 255, 255, 0.67);
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 30px;
	/* 166.667% */
}

.footer_box a:hover {
	color: #FF9015;
}

.social_link li a i {
	font-size: 34px;
	line-height: 1;
}

.footer_box svg path:hover {
	fill: #FF9015;
}

.footer_nav {
	display: flex;
	flex-direction: column;
	padding: 0 0 0 15px;
}

.footer_widget h6 {
	color: #FFF;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 30px;
}

.footer_widget .contact a {
	color: rgba(255, 255, 255, 0.67);
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 30px;
	/* 166.667% */
	margin-bottom: 10px;
}

.footer_logo h6 {
	color: #FFF;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-bottom: 35px;
}


.footer_widget .contact {
	display: flex;
	flex-direction: column;
}

.footer_logo p {
	color: rgba(255, 255, 255, 0.67);
	font-size: 18px;
	font-style: normal;
	font-weight: lighter;
	line-height: 30px;
	margin-top: 30px;
	margin-bottom: 50px;
}

.copy_right {
	padding: 15px 0;
}

.copy-text {
	margin-bottom: 0;
	font-size: 12px;
	color: #747474;
	margin: 0 20px;
}

.social_link {
	display: flex;
	justify-content: flex-start;
}

.footer-padding {
	padding: 100px 110px 80px 110px;
}

.social_link li a,
.social_link li {
	font-weight: 400;
	font-size: 14px;
	line-height: 17px;
	color: #FFFFFF;
	margin-right: 20px;
	list-style: none;
}

.footer-padding {
	padding: 100px 110px;
}

@media screen and (min-width:767px) {
	.mobile-nav-toggler {
		display: none;
	}
}

.copy_right p {
	margin: 0;
	color: rgba(201, 201, 201, 0.62);
	text-align: right;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 29.25px;
	letter-spacing: 0.24px;
}

p.Copyright {
	text-align: left;
}

/* ------banner---------- */
section.banner_sec {
	background: url(../images/banner/bnr1.png);
	background-size: cover;
	height: 100vh;
	display: flex;
	align-items: center;
	background-repeat: no-repeat;
	position: relative;
}

img.banner-img-assets {
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: 0;
}

.banner-img-assets {
	animation: spin 15s linear infinite;
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}

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

section.banner_sec h1 {
	color: #FFF;
	font-size: 48px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.bnr-cnt p {
	color: rgba(255, 255, 255, 0.64);
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px;
	margin-top: 33px;
	margin-bottom: 39px;
}

.bnr-cnt a {
	color: #FFF;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	background: #1515154F;
	padding: 17px 60px;
}

a.our-works {
	margin-left: 30px;
}

.button2 {
	display: inline-block;
	transition: all 0.2s ease-in;
	position: relative;
	overflow: hidden;
	z-index: 1;
	color: #FFF;
	text-align: center;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	font-size: 18px;
	border-radius: 5px;
	background: rgba(79, 79, 79, 0.31);
	backdrop-filter: blur(27px);
	-webkit-backdrop-filter: blur(27px);
	padding: 17px 60px;

}


.button2:before {
	content: "";
	position: absolute;
	left: 50%;
	transform: translateX(-50%) scaleY(1) scaleX(1.25);
	top: 100%;
	width: 263px;
	height: 105px;
	background-color: rgba(0, 0, 0, 0.05);
	border-radius: 50%;
	display: block;
	transition: all 0.7s 0.1s cubic-bezier(0.55, 0, 0.1, 1);
	z-index: -1;
}


.button2:hover {
	color: #ffffff;
	background-color: #0FAB86;
	transition-duration: 0.5s;
	transition-delay: 0.5s;
}

.button2:hover:before {
	top: -190%;
	background-color: #0FAB86;
	transform: translateX(-50%) scaleY(1.3) scaleX(0.8);
}

img.abt-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.read-more {
	margin-top: 40px;
}

/* text-animation */


.home {
	width: 100%;
	position: relative;
	margin-bottom: 99px;
}

.home:before {
	content: ' ';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;

}

.home h3 {
	position: absolute;
	color: #FFF;
	font-size: 50px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	display: flex;
	align-items: center;
}

.stage {
	width: auto;
	height: 50px;
	margin: 0 0 0 10px;
}

.cubespinner {
	-webkit-animation-name: spincube;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-duration: 8s;
	animation-name: spincube;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	animation-duration: 8s;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform-origin: 40px 40px 0;
	-moz-transform-origin: 40px 40px 0;
	-ms-transform-origin: 40px 40px 0;
	transform-origin: 40px 40px 0;
}

.cubespinner div {
	position: absolute;
	width: 400px;
	height: 80px;
	text-align: left;
	color: #00AE8D;
	font-size: 50px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.cubespinner .face1 {
	color: #FF9015;
	-webkit-transform: translateZ(40px);
	-moz-transform: translateZ(40px);
	-ms-transform: translateZ(40px);
	transform: translateZ(40px);
	-webkit-backface-visibility: hidden;
}

.cubespinner .face2 {
	color: #00AE8D;
	-webkit-transform: rotateX(90deg) translateZ(40px);
	-moz-transform: rotateX(90deg) translateZ(40px);
	-ms-transform: rotateX(90deg) translateZ(40px);
	transform: rotateX(90deg) translateZ(40px);
	-webkit-backface-visibility: hidden;
}

.cubespinner .face3 {
	color: #FF9015;
	-webkit-transform: rotateX(180deg) translateZ(40px);
	-moz-transform: rotateX(180deg) translateZ(40px);
	-ms-transform: rotateX(180deg) translateZ(40px);
	transform: rotateX(180deg) translateZ(40px);
	-webkit-backface-visibility: hidden;
}

.cubespinner .face4 {
	color: #00AE8D;
	-webkit-transform: rotateX(270deg) translateZ(40px);
	-moz-transform: rotateX(270deg) translateZ(40px);
	-ms-transform: rotateX(270deg) translateZ(40px);
	transform: rotateX(270deg) translateZ(40px);
	-webkit-backface-visibility: hidden;
}


/*Cubical Flipping or rotation*/
@-webkit-keyframes spincube {

	from,
	to {
		-webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
	}

	15% {
		-webkit-transform: rotateX(90deg);
	}

	25% {
		-webkit-transform: rotateX(90deg);
	}

	40% {
		-webkit-transform: rotateX(180deg);
	}

	50% {
		-webkit-transform: rotateX(180deg);
	}

	65% {
		-webkit-transform: rotateX(270deg);
	}

	75% {
		-webkit-transform: rotateX(270deg);
	}

	95% {
		-webkit-transform: rotateX(360deg);
	}

	100% {
		-webkit-transform: rotateX(360deg);
	}
}

@keyframes spincube {

	from,
	to {
		-webkit-transform: rotateX(0deg);
		-moz-transform: rotateX(0deg);
		-ms-transform: rotateX(0deg);
		transform: rotateX(0deg);
	}

	15% {
		-webkit-transform: rotateX(90deg);
		-moz-transform: rotateX(90deg);
		-ms-transform: rotateX(90deg);
		transform: rotateX(90deg);
	}

	25% {
		-webkit-transform: rotateX(90deg);
		-moz-transform: rotateX(90deg);
		-ms-transform: rotateX(90deg);
		transform: rotateX(90deg);
	}

	40% {
		-webkit-transform: rotateX(180deg);
		-moz-transform: rotateX(180deg);
		-ms-transform: rotateX(180deg);
		transform: rotateX(180deg);
	}

	50% {
		-webkit-transform: rotateX(180deg);
		-moz-transform: rotateX(180deg);
		-ms-transform: rotateX(180deg);
		transform: rotateX(180deg);
	}

	65% {
		-webkit-transform: rotateX(270deg);
		-moz-transform: rotateX(270deg);
		-ms-transform: rotateX(270deg);
		transform: rotateX(270deg);
	}

	75% {
		-webkit-transform: rotateX(270deg);
		-moz-transform: rotateX(270deg);
		-ms-transform: rotateX(270deg);
		transform: rotateX(270deg);
	}

	90% {
		-webkit-transform: rotateX(360deg);
		-moz-transform: rotateX(360deg);
		-ms-transform: rotateX(360deg);
		transform: rotateX(360deg);
	}

	100% {
		-webkit-transform: rotateX(360deg);
		-moz-transform: rotateX(360deg);
		-ms-transform: rotateX(360deg);
		transform: rotateX(360deg);
	}
}

.abt-cnt {
	padding: 90px 50px 90px 100px;
}

.abt-cnt.abt-cnt-2 {
	padding: 90px 50px 90px 0px;
}

.row.abt-cnt-ss ul {
	margin: 0;
	padding: 0;
}

.abt-cnt p {
	color: rgba(255, 255, 255, 0.67);
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 30px;
}

span.abt-back-outline {
	position: absolute;
	bottom: 0;
	left: 0;
}

section.about {
	position: relative;
	background: #282828;
}

.image img {
	width: 100%;
	object-fit: contain;
	position: relative;
}


.tagline {
	position: absolute;
	color: #FFF;
	text-align: center;
	font-size: 100px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	opacity: 0;
}


section.expertise {
	height: fit-content;
	display: flex;

}

.wrap-ss {
	display: flex;
	object-fit: contain;
	overflow: hidden;
	flex-wrap: nowrap;
	align-items: flex-end;
	align-content: flex-end;
	justify-content: center;

}

#grow {
	transform: scale(0.2);
}

#grow-tagline {
	transform: translateY(190px);
}

section.services-main {
	margin: 150px 0;
	position: relative;
}

img.vector-img22 {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: -1;
}  

section.services-main h3 {
	color: #FFF;
	font-size: 50px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

section.services-main p {
	color: rgba(255, 255, 255, 0.67);
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 30px;
	/* 150% */
}

.ser-line-p {
	display: flex;
	align-items: center;
	align-content: center;
	margin-bottom: 40px;
}

.double-line {
	display: flex;
	align-items: center;
}

.double-line span {
	padding: 0 4px;
}

div#tab-cutom button.nav-link {
	color: #FFF;
	font-size: 35px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-bottom: 30px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	white-space: nowrap;
	height: 100%;
}

div#v-pills-tab {
	height: 100%;
	display: flex;
	flex-wrap: nowrap;
	flex-direction: column;
}

div#tab-cutom .nav-pills .nav-link.active {
	background: transparent;
	color: #FF9015;

}

div#tab-cutom button.nav-link span {
	margin: 0 0 0 9px;
	font-size: 25px;
}

div#tab-cutom .tab-content {
	border-radius: 20px;
	background: rgba(78, 78, 78, 0.48);
	backdrop-filter: blur(52px);
	width: 100%;
	height: 100%;
	padding: 35px;
}

.abt-mm-cnt {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.abt-mm-cnt p {
	margin: 0;
	width: fit-content;
}

a.button2.read-2 {
	margin: 0 0 0 15px;
	white-space: nowrap;
}

.abt-tab h4 {
	color: #FFF;
	font-size: 25px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-bottom: 20px;
}

.abt-cnt-ss ul li p {
	color: #FFF;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 38px;
	margin: 0 0 0 9px;
}

.abt-cnt-ss {
	margin-top: 30px;
}

.abt-cnt-ss ul li {
	color: #FFF;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 38px;
	display: flex;
	align-items: start;
}

.abt-cnt-ss ul li svg {
	margin: 13px 0 0 0;
}

div#tab-cutom .nav-pills .nav-link.active span {
	transform: rotate(180deg);
	font-size: 25px;
	margin: 0 6px 0 0;
}

.blog-main img {
	height: 270px;
	object-fit: cover;
	width: 100%;
	border-radius: 20px;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.blog-main img:hover {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.trios-main-cnt {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 40px;
}

.trios-main-cnt p {
	width: 45%;
	color: rgba(255, 255, 255, 0.67);
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 30px;
}

.trios-main-cnt img {
	width: 400px;
}

section.trios h4 {
	color: #FFF;
	font-size: 50px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-bottom: 30px;
}

section.trios h6 {
	color: #FFF;
	font-size: 25px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	margin-top: 35px;
}

.Providing p {
	color: rgba(255, 255, 255, 0.67);
	font-size: 17px;
	font-style: normal;
	font-weight: 300;
	line-height: 26px;
}

.Providing h5 {
	color: #FFF;
	font-size: 30px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.under-g-line {
	background: linear-gradient(90deg, #FDFDFD 0%, rgba(255, 255, 255, 0.00) 100%);
	width: 177px;
	height: 1px;
	margin-top: 30px;
}

section.trios {
	background: rgba(124, 102, 47, 0.54);
	padding: 60px 0;
	position: relative;
}

img.vector-img {
	position: absolute;
	width: 100%;
	bottom: -50%;
	z-index: -1;
	left: 0;
	height:100%
}

.img-trios {
	display: flex;
	align-items: center;
}

img.t-img {
	border-radius: 10.688px;
	width: 100%;
	padding: 10px;
	height: 180px;
	border-radius: 20px;
	object-fit: cover;
}

a.button2.read-more2 {
	border-radius: 5px;
	background: rgba(21, 21, 21, 0.31);
	backdrop-filter: blur(27px);
	-webkit-backdrop-filter: blur(27px);
}



.swiper {
	width: 100%;
}

.swiper-pagination-bullet,
.swiper-pagination-bullet-active {
	background: #FF9015 !important;
}

.swiper-pagination {
	bottom: 0% !important;
}

.swiper-slide a:hover {
	color: #FF9015;
}

.swiper-slide div {
	display: none;
	opacity: 0;
	padding-bottom: 0.625rem;
}

.swiper-slide-active div {
	display: block;
	opacity: 1;
}


.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right {
	background-image: none;
}

@media screen and (min-width: 48rem) {
	main {
		display: flex;
		align-items: center;
	}

	.bg,
	.bg2 {
		opacity: 0.1;
	}
}

@media screen and (min-width: 93.75rem) {
	.swiper {
		width: 95%;
	}
}

section.our-works h4 {
	color: #FFF;
	font-size: 50px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin: 40px auto;
	text-align: center;
	position: relative;
}

section.our-works {
	margin: 150px 0 56px 0;
	position: relative;
}

section.our-works h4::before {
	content: url(../images/portfolio/Portfolio.webp);
	position: absolute;
	left: 0;
	right: 0;
	text-align: center;
	margin: 0 auto;
	top: -148px;
	z-index: -1;
}

div#swiper-our-work {
	padding: 0 0 100px 0;
}

.swiper-slide .work-img {
	position: relative;
	z-index: 1;
	filter: drop-shadow(0px 26px 14px #000);
	height: 596px;
	object-fit: cover;
	width: 490px;
	border-radius: 20px;
}



.filter-btns {
	margin: 0 auto;
	text-align: center;
	margin-bottom: 70px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.filter-btns button {
	border-radius: 5px;
	border: 1px solid #FF9015;
	box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15);
	backdrop-filter: blur(67px);
	padding: 10px;
	margin: 0 0 0 11px;
	color: #FFF;
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: 30px;
}

button.btn.btn-outline-light.active {
	border-radius: 5px;
	background: #FF9015;
	box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15);
	backdrop-filter: blur(67px);
	border: 1px solid #FF9015;
	color: #FFF;
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: 30px;
}

button.btn.btn-outline-light:hover {
	border-radius: 5px;
	background: #FF9015;
	box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15);
	backdrop-filter: blur(67px);
	border: 1px solid #FF9015;
	color: #FFF;
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: 30px;
	margin: 0 0 0 11px;
}

.filter-btns-6 {
	margin: 0 auto;
}


img.vector-img-work {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: 0 auto;
	z-index: -1;
}

/* CSS */
section.client h4 {
	color: #FFF;
	font-size: 50px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin: 40px auto;
	text-align: center;
	position: relative;
}

section.client {
	margin: 100px 0 56px 0;
	position: relative;
}

section.client h4::before {
	content: url(../images/index/Testimonials.png);
	position: absolute;
	left: 0;
	right: 0;
	text-align: center;
	margin: 0 auto;
	top: -148px;
	z-index: -1;
}

.testimonial-main {
	border-radius: 30px;
	background: url(../images/index/testimonial.png), #d3d3d329 0% 0% / 100px 100px repeat;
	background-blend-mode: multiply;
	padding: 60px;
	border-radius: 30px;
	border: 19px solid rgb(85 81 71);
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(10px);
	position: relative;
}

.client-dtl img {
	border-radius: 50%;
	border: 3px solid #FF9015;
	width: 80px !important;
	height: 80px;
}

.client-dtl {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: 30px;
}

.testimonial-main p {
	color: #FFF;
	text-align: center;
	font-size: 18px;
	font-style: normal;
	font-weight: 300;
	line-height: 30px;
}

.client-dtl h5 {
	color: #FFF;
	text-align: center;
	font-size: 23px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-top: 17px;
}

.client-dtl p {
	color: #FFF;
	text-align: center;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 30px;
}

div#testimonials {
	padding: 100px 0;
}

/* Add the shadow effect styles */
#testimonials .owl-item {
	opacity: .2;
	-webkit-transform: scale3d(0.8, 0.8, 1);
	transform: scale3d(0.8, 0.8, 1);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.owl-dot {
	width: 9px;
	height: 9px;
	background: rgba(255, 144, 21, 0.44);
	margin: 4px;
	border-radius: 50%;
}

.owl-dot.active {
	background-color: #FF9015;
}

.owl-dots {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 50px;
}

#testimonials .owl-item.active.center {
	opacity: 1;
	-webkit-transform: scale3d(1.0, 1.0, 1);
	transform: scale3d(1.0, 1.0, 1);
}

.assets-candr {
	position: absolute;
}

.assets-candr {
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	text-align: center;
	width: 100%;
	height: -webkit-fill-available;
}

@keyframes bounce {

	0%,
	20%,
	50%,
	80%,
	100% {
		transform: translateY(0);
	}

	40% {
		transform: translateY(-70px);
	}

	60% {
		transform: translateY(-10px);
	}
}


.round {
	animation: bounce 10s infinite;
	transition-timing-function: ease-in-out;
}


img.round {
	position: absolute;
	bottom: 10%;
	left: 23%;
}

img.cube {
	position: absolute;
	top: 20%;
	right: 24%;
	z-index: -1;
}

.floatings {
	animation-name: floating;
	animation-duration: 3s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;

	margin-top: 5px;
}

.floating:hover {
	animation-name: floating;
	animation-duration: 3s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;

	margin-top: 15px;
}

@keyframes floating {
	0% {
		transform: translate(0, 0px);
	}

	50% {
		transform: translate(0, 20px);
	}

	100% {
		transform: translate(0, -0px);
	}
}

.floatings_left_right2 {
	animation-name: floatings_left_right2;
	animation-duration: 3s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;

}

.floatings_left_right2:hover {
	animation-name: floatings_left_right2;
	animation-duration: 3s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;

}

@keyframes floatings_left_right2 {

	0%,
	100% {
		transform: translate(20px, 0);
	}

	50% {
		transform: translate(0px, 0px);
	}
}




.top-bottom {
	-webkit-animation: top-bottom 2s linear infinite;
	/* Chrome, Safari 5 */
	-moz-animation: top-bottom 2s linear infinite;
	/* Firefox 5-15 */
	-o-animation: top-bottom 2s linear infinite;
	/* Opera 12+ */
	animation: top-bottom 2s linear infinite;
	/* Chrome, Firefox 16+, */
}

@-webkit-keyframes top-bottom {
	0% {
		-webkit-transform: translateY(0px);
	}

	50% {
		-webkit-transform: translateY(-10px);
	}

	100% {
		-webkit-transform: translateY(0px);
	}
}

@-moz-keyframes top-bottom {
	0% {
		-moz-transform: translateY(0px);
	}

	50% {
		-moz-transform: translateY(-10px);
	}

	100% {
		-moz-transform: translateY(0px);
	}
}

@-o-keyframes top-bottom {
	0% {
		-o-transform: translateY(0px);
	}

	50% {
		-o-transform: translateY(-10px);
	}

	100% {
		-o-transform: translateY(0px);
	}
}

@keyframes top-bottom {
	0% {
		transform: translateY(0px);
	}

	50% {
		transform: translateY(-10px);
	}

	100% {
		transform: translateY(0px);
	}
}

@-webkit-keyframes rotating

/* Safari and Chrome */
	{
	from {
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	to {
		-webkit-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes rotating {
	from {
		-ms-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	to {
		-ms-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

.rotating {
	-webkit-animation: rotating 8s linear infinite;
	-moz-animation: rotating 8s linear infinite;
	-ms-animation: rotating 8s linear infinite;
	-o-animation: rotating 8s linear infinite;
	animation: rotating 8s linear infinite;
}

@-webkit-keyframes rotate_Move

/* Safari and Chrome */
	{
	from {
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		left: 320px;
	}

	to {
		-webkit-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
		left: 400px;
	}
}

@keyframes rotate_Move {
	0% {
		-ms-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		left: 320px;
	}

	50% {
		-ms-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
		left: 400px;
	}

	100% {
		-ms-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		left: 320px;
	}
}

.rotate_Move {
	-webkit-animation: rotate_Move 5s cubic-bezier(0.39, 0.58, 0.57, 1) infinite;
	-moz-animation: rotate_Move 5s cubic-bezier(0.39, 0.58, 0.57, 1) infinite;
	-ms-animation: rotate_Move 5s cubic-bezier(0.39, 0.58, 0.57, 1) infinite;
	-o-animation: rotate_Move 5s cubic-bezier(0.39, 0.58, 0.57, 1) infinite;
	animation: rotate_Move 5s cubic-bezier(0.39, 0.58, 0.57, 1) infinite;
}




section.clients-logo h4 {
	color: #FFF;
	font-size: 50px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin: 40px auto;
	text-align: center;
	position: relative;
}

section.clients-logo {
	margin: 100px 0 56px 0;
}

section.clients-logo h4::before {
	content: url(../images/index/Clients.png);
	position: absolute;
	left: 0;
	right: 0;
	text-align: center;
	margin: 0 auto;
	top: -148px;
	z-index: -1;
}

@keyframes scroll {
	0% {
		transform: translateX(0);
	}

	100% {
		transform: translateX(calc(-250px * 14));
	}
}

.slider1 {
	height: 100px;
	margin: auto;
	overflow: hidden;
	position: relative;
	width: auto;
}

img.clients-main-logs {
	width: 170px;
	height: 82px;
	object-fit: contain;
}

.slider1 .slide-track {
	animation: scroll 90s linear infinite;
	display: flex;
	width: calc(250px * 14);
}

.slider1 .slide {
	height: 100px;
	width: 250px;
}

img.vector-blog {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}

.slider2 {
	height: 100px;
	margin: auto;
	overflow: hidden;
	position: relative;
	width: auto;
}

.slider2 .slide-track2 {
	animation: scroll2 90s linear infinite;
	display: flex;
	width: calc(250px * 14);
}

.slider2 .slide {
	height: 100px;
	width: 250px;
}

@keyframes scroll2 {
	0% {
		transform: translateX(0);
	}

	100% {
		transform: translateX(calc(250px * 7));
		/* Adjust the value based on the total width of all slides */
	}
}

section.blog h4 {
	color: #FFF;
	font-size: 45px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-bottom: 30px;
	position: relative;
}


section.blog h4::before {
	content: url(../images/index/Blogs.png);
	position: absolute;
	right: 0;
	text-align: center;
	margin: 0 auto;
	z-index: -1;
}

.blog-cnt-main p {
	width: 70%;
}

.blog-main {
	box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15);
	padding: 15px;
	border-radius: 20px;
	background: rgba(21, 21, 21, 0.31);
	backdrop-filter: blur(67px);
}

.blog-main:hover {
	border-radius: 20px;
	background: #151515;
	box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15);
	backdrop-filter: blur(67px);
}

/* .blog-cnt h5 {
	color: #FFF;
	font-size: 20px;
	font-weight: 400;
	line-height: normal;
	margin: 17px 0 20px 0;
} */
.blog-cnt h5 {
	color: #FFF;
	font-size: 20px;
	font-weight: 400;
	line-height: normal;
	margin: 17px 0 20px 0;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	line-clamp: 1;
	-webkit-box-orient: vertical;
}

.btns-blogs span {
	color: #FFF;
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	white-space: nowrap;
}

img.s-img {
	object-fit: cover;
	margin-bottom: 30px;
	height: 350px;
	border-radius: 20px;
}

.bg-line-main {
	background: linear-gradient(90deg, rgba(0, 0, 0, 0.00) 0%, #FDFDFD 46.35%, rgba(0, 0, 0, 0.00) 100%);
	width: 1684px;
	height: 1px;
	margin: 30px 0;
}

.btns-blogs {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.blog-cnt {
	padding: 0 10px;
}

div#blog {
	margin-bottom: 100px;
}

a.button2.read-blog {
	padding: 9px 45px;
}

div#similar .owl-dots {
	display: flex;
	justify-content: flex-start;
}

div#blog .owl-dots {
	display: flex;
	justify-content: flex-start;
}

.owl-prev {
	position: relative;
}

.owl-prev::after {
	content: "|";
	position: absolute;
	left: 0;
	margin: 0 0 0 44px;
	color: #00AE8D;
	font-size: 25px;
}

div#blog .owl-nav {
	position: absolute;
	top: -25%;
	right: 0%;
	display: flex;
	justify-content: space-between;
	width: 90px;
}

.owl-next {
	color: #FF9015;
	font-size: 22px;
}

.owl-prev {
	color: #80859F;
	font-size: 22px;
}

section.blog {
	position: relative;
}

section.contact-index {
	margin-bottom: 100px;
}


.content-wrapper {
	min-height: 100%;
	position: relative;
}


.get-in-touch {
	max-width: 650px;
	margin: 0 auto;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

.get-in-touch .title {
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 3px;
	font-size: 36px;
	line-height: 48px;
	padding-bottom: 48px;
}

.contact-form .form-field {
	position: relative;
	margin: 32px 0;
}

.contact-form .input-text {
	display: block;
	width: 100%;
	height: 36px;
	border-bottom: 1px solid #828282;
	color: #FFF;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 30px;
	/* 150% */
	background: transparent;
}

form.contact-form p {
	color: #FFF;
	font-size: 30px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.contact-form .input-text:focus {
	outline: none;
}

.contact-form .input-text:focus+.label,
.contact-form .input-text.not-empty+.label {
	transform: translateY(-24px);
	color: #FFF;
	font-size: 13px;
	font-style: normal;
	font-weight: 400;
	line-height: 30px;
	/* 230.769% */
}

.contact-form .label {
	position: absolute;
	left: 20px;
	bottom: 11px;
	color: #828282;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 30px;
	/* 150% */
	cursor: text;
	transition: transform 0.2s ease-in-out;
}

.note {
	position: absolute;
	left: 0;
	bottom: 10px;
	width: 100%;
	text-align: center;
	font-size: 16px;
	line-height: 21px;
}

section.contact-index h4 {
	color: #FFF;
	font-size: 45px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-bottom: 30px;
	position: relative;
}


section.contact-index h4::before {
	content: url(../images/index/Contact-h4.png);
	position: absolute;
	right: 0;
	text-align: center;
	margin: 0 auto;
	z-index: -1;
	top: -91px;
}

form.contact-form {
	background: rgba(78, 78, 78, 0.48);
	padding: 55px 78px;
	position: relative;
	padding: 30px;
	border-radius: 15px;
	background: url(../images/index/contact.png);
	background-repeat: no-repeat;
}

img.round1 {
	position: absolute;
	right: -5%;
	bottom: -13%;
	z-index: -1;
	width: 200px;
	height: 200px;
	aspect-ratio: 1;
}

img.cube1 {
	position: absolute;
	right: 23%;
	top: -28%;
	z-index: -1;
}

section.contact-index {
	margin-bottom: 100px;
	position: relative;
	z-index: 11;
}

img.vector-img-contact {
	position: absolute;
	left: 0;
	right: 0;
	top: -37%;
	z-index: -9;
}

img.s-img.trios-img-1 {
	border-radius: 5px;
}

.tri-img img {
	width: 203px;
	height: 203px;
	object-fit: cover;
	border-radius: 10px;
}

/* ==========about us========== */
.breadcrumbs {
	width: 100%;
	height: 178px;
	margin: 200px 0 100px 0;
	border-radius: 5px;
	background: linear-gradient(0deg, rgba(0, 174, 141, 0.80) 0%, rgba(0, 174, 141, 0.80) 100%), url(../images/banner/bg1.png), lightgray 50% / cover no-repeat;
	display: flex;
	align-items: center;
	justify-content: center;
	align-content: center;
	text-align: center;
}

.breadcrumbs h4 {
	color: #FFF;
	text-align: center;
	font-size: 80px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.box1 {
	display: flex;
	flex-direction: column;
	align-items: center;
	align-content: center;
	text-align: center;
	margin: 0 auto;
}

section.whychoose-us {
	background: #00AE8D;
	padding: 50px 0;
	margin-top: 100px;
}

section.whychoose-us h4 {
	color: #FFF;
	font-size: 48px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin: 0 auto;
	text-align: center;
	margin-bottom: 50px;
}

.box1 h5 {
	color: #FFF;
	font-size: 28px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin: 20px 0 12px 0;
}

.box1 p {
	color: rgba(255, 255, 255, 0.90);
	text-align: center;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px;
}

section.vision-and-mission {
	padding: 100px 0;
	position: relative;
}

.mision h5 {
	color: #FFF;
	font-size: 40px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-bottom: 30px;
}

.mision p {
	color: rgba(255, 255, 255, 0.67);
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 30px;
	margin: 0;
}

.mision {
	border-radius: 20px;
	padding: 30px;
	position: relative;
	background: url(../images/index/vision-mision.png);
	background-repeat: no-repeat;
	background-size: cover;
	height: 100%;
}

img.round2 {
	position: absolute;
	z-index: -1;
	left: -11%;
	width: 114.45px;
	bottom: -18%;
}

img.cube2 {
	position: absolute;
	right: 0;
	width: 121px;
	bottom: -19%;
	z-index: -1;
}

h3.Service-h3 {
	color: #FFF;
	font-size: 50px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-bottom: 30px;
}

section.Service-main {
	margin-bottom: 100px;
	position: relative;
}

.service-cnt p {
	color: rgba(255, 255, 255, 0.67);
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 30px;
}

section.accodian-section {
	position: relative;
}

img.vector-img-service {
	position: absolute;
	top: 0;
}

div#accordionExample1 {
	background: none !important;
	backdrop-filter: none;
	padding: 0 50px;
}

.accordion-item {
	background: transparent;
	border: none;
}

button.accordion-button {
	background: transparent;
	color: rgba(255, 255, 255, 0.80);
	font-size: 30px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	border: 0;
	box-shadow: none;
	padding: 25px 0;
}

button.accordion-button.collapsed {
	display: flex;
	align-items: flex-start;
}

button.accordion-button {
	display: flex;
	align-items: flex-start;
}

button.accordion-button span {
	white-space: nowrap;
}

.accordion-button:not(.collapsed) {
	background-color: transparent;
	box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .125);
	color: #FF9015;
	font-size: 30px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	box-shadow: none;
	border: 0;
}

.accordion-body {
	color: rgba(255, 255, 255, 0.67);
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 30px;
	padding: 4px;
}

.row.accodian-main {
	border-radius: 20px;
	background: rgba(78, 78, 78, 0.48);
	backdrop-filter: blur(52px);
	padding: 30px;
}

.accordion-button::after {
	filter: invert(100%);
}

.accordion-button:focus {
	z-index: 3;
	border-color: transparent;
	outline: 0;
	box-shadow: none;
}

img.round3 {
	height: 125.756px;
	transform: rotate(-10.357deg);
	flex-shrink: 0;
	bottom: -10%;
	left: 0;
	position: absolute;
}

img.cube3.top-bottom {
	position: absolute;
	height: 125.756px;
	transform: rotate(-10.357deg);
	right: 0;
	top: 16%;
}

section.Advertising {
	padding: 100px 0;
	position: relative;
}

section.accodian-section h3 {
	color: #FFF;
	font-size: 50px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-bottom: 30px;
}

section.accodian-section p {
	color: rgba(255, 255, 255, 0.67);
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 30px;
	margin-bottom: 40px;
}

.advertas {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 100px;
}

.cnt-btn-submit {
	border-radius: 5px;
	background: rgba(21, 21, 21, 0.31);
	backdrop-filter: blur(27px);
	-webkit-backdrop-filter: blur(27px);
}

.breadcrumbs.bg1 {
	border-radius: 5px;
	background: linear-gradient(0deg, rgba(127, 100, 45, 0.647) 0%, rgba(127, 100, 45, 0.647) 100%), url(../images/banner/bg1.png), lightgray 0px -707.69px / 100% 630.789% no-repeat;
}

.tri-img {
	cursor: grab;
}

section.s-main-section {
	padding: 100px 0;
	position: relative;
}

.s-main-section h3 {
	color: #FFF;
	font-size: 50px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-bottom: 35px;
}

.box-s {
	border-radius: 20px;
	background: rgba(78, 78, 78, 0.48);
	backdrop-filter: blur(52px);
	padding: 30px;
	height: 100%;
}

.box-s h6 {
	color: #FFF;
	font-size: 35px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-bottom: 10px;
}

section.s-main-section ul li {
	color: #FFF;
	leading-trim: both;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 35px;
	list-style: none;
}

section.s-main-section span {
	margin: 0 6px 0 0px;
}

section.why-choose-trios {
	background: rgba(124, 102, 47, 0.54);
	padding: 60px 0;
	margin-bottom: 117px;
}

section.why-choose-trios h3 {
	color: #FFF;
	font-size: 50px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-bottom: 70px;
}

.number-trios span {
	background: linear-gradient(152deg, rgba(255, 255, 255, 0.50) -11.56%, rgba(255, 255, 255, 0.00) 105.38%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size: 163px;
	font-style: normal;
	font-weight: 900;
	line-height: 130px;
}

section.contact-info img.vector-img-contact {
	transform: rotate(225deg);
	width: 100%;
}

.number-trios {
	display: flex;
	align-items: flex-start;
}

.qty-try h6 {
	color: #FFF;
	font-size: 25px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	margin-bottom: 12px;
}

.qty-try p {
	color: rgba(255, 255, 255, 0.80);
	font-size: 16px;
	font-style: normal;
	font-weight: 300;
	line-height: 28px;
}

.number-row-trios {
	margin-top: 100px;
}

section.our-checkout-work {
	position: relative;
	margin-bottom: 100px;
}

/* =========portfolio========== */

.main .container1 {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 25px;
	justify-content: center;
	align-items: center;

}

.main .card {
	border-radius: 10px;
	background: linear-gradient(0deg, rgba(49, 49, 49, 0.40) 0%, rgba(49, 49, 49, 0.40) 100%);
}

@media only screen and (max-width: 600px) {
	.main .container1 {
		display: grid;
		grid-template-columns: 1fr;
		grid-gap: 1rem;
	}
}

section.our-checkout-work h3 {
	color: #FFF;
	font-size: 50px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-align: center;
	margin-bottom: 30px;
}

img.port-img {
	border-radius: 10px;
	height: 271px;
	object-fit: cover;
	width: 100%;

}

.card-image {
	position: relative;
}

.card-image a:hover::after {
	opacity: 1;
}

.card-image a {
	display: flex;
}

.abt-mm-cnt p {
	width: 73% !important;
}

.card-image a::after {
	content: "";
	background: #31313166;
	height: 100%;
	width: 100%;
	position: absolute;
	z-index: 9;
	left: 0;
	border-radius: 10px;
	opacity: 0;
	transition-delay: 0.2s;
}

section.blog-list {
	position: relative;
}

a.Load-More {
	width: 20%;
	margin: 54px auto 0 auto;
	border-radius: 5px;
	background: rgba(21, 21, 21, 0.31);
	backdrop-filter: blur(27px);
}

.blog-main-div {
	margin-top: 57px;
	margin-bottom: 57px;
}

.blog-main-box {
	margin-bottom: 55px;
}

section.similar-blog h3 {
	color: #FFF;
	font-size: 50px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-bottom: 35px;
}

section.similar-blog {
	position: relative;
	margin-bottom: 100px;
	z-index: 11;
}

.cnt-div {
	display: flex;
	align-items: flex-start;
}

.cnt-div span {
	border-radius: 8px;
	background: rgba(78, 78, 78, 0.48);
	backdrop-filter: blur(52px);
	height: 50px;
	width: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 17px;
	margin: 0 30px 0 0px;
}

section.contact-info h3 {
	color: #FFF;
	font-size: 50px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-bottom: 35px;
	position: relative;
}

section.contact-info h3::after {
	background: linear-gradient(90deg, #FF9015 0%, rgba(255, 144, 21, 0.00) 100%);
	width: 181px;
	height: 2px;
	position: absolute;
	top: 68px;
	content: "";
	left: 0;
}

.loaction a {
	color: rgba(255, 255, 255, 0.67);
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 30px;
}

.map {
	height: 100%;
	border-radius: 30px;
}

.map iframe {
	border-radius: 20px;
}

.map-section {
	border-radius: 20px;
	background: rgba(217, 217, 217, 0.05);
	margin-bottom: 100px;
}

.cont-info-1 {
	padding: 40px;
}

.loaction p {
	margin: 0;
}

span.clnder {
	color: #fff;
	font-size: 18px;
}



.check-box-p1 input[type="checkbox"] {
	display: none;
}

.check-box-p1 label {
	position: relative;
	padding-left: 30px;
	/* Adjust this value to increase/decrease the space between the checkbox and text */
	cursor: pointer;
}

.check-box-p1 label:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 20px;
	/* Adjust this value to change the size of the checkbox */
	height: 20px;
	/* Adjust this value to change the size of the checkbox */
	border: 2px solid #0FAB86;
	/* Green color for the checkbox */
	background-color: #fff;
	/* Background color of the checkbox */
	box-sizing: border-box;
}

.check-box-p1 label:after {
	content: "\2713";
	/* Unicode check mark character */
	position: absolute;
	left: 5px;
	/* Adjust this value to position the check mark */
	top: 0;
	font-size: 18px;
	/* Adjust this value to change the size of the check mark */
	color: #0FAB86;
	/* Green color for the check mark */
	visibility: hidden;
}

.check-box-p1 input[type="checkbox"]:checked+label:before {
	background-color: #fff;
	/* Green color for the checked state */
}

.check-box-p1 input[type="checkbox"]:checked+label:after {
	visibility: visible;
}

.check-box-ph1 label {
	color: #FFF;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
}

span.check-box-ph1 {
	position: relative;
}

div#success {
	position: fixed;
	z-index: 9999;
	bottom: 1%;
	right: 1%;
	background: #fff;
	color: #000;
	border: 0;
	padding: 15px 37px;
}

button.btn-close.text-dark {
	padding: 0 11px;
	display: flex;
	align-items: center;
	justify-content: center;
	align-content: center;
	height: 100%;
	color: #fff0 !important;
}

.blog-main2 ul li {
	color: #fff;
}

.t-mm {
	width: 216px;
}

section.about.abt-abt {
	background: transparent;
}

section.contact-info {
	position: relative;
}

.map-section ul li {
	list-style: none;
}

.blog-main2 ul li {
	color: rgba(255, 255, 255, 0.67);
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 30px;
}

.tri-pt{
	    padding: 70px 0px 30px 0px !important;
}
.career-card{
	    border: 1px solid grey;
    padding: 20px;
    border-radius: 10px;

}
.career_head{
	
}
.career_p{
	font-family: 'interstateregular';
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
    color: rgba(255, 255, 255, 0.67);
}
.carer_desc p{
	font-family: 'interstateregular';
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
    color: rgba(255, 255, 255, 0.67);
}
.apl_btn{
	     padding: 7px 30px;
    border-radius: 5px;
    font-size: 16px;
}
.job_tags{
	    display: flex;
    padding: 2px 15px;
    background: #196e5c;
    margin-right: 5px;
    border-radius: 4px;
    color: white;

}
.modal{
 z-index:9999;	
}
.job___modal .modal-content{
	    border-radius: 15px;
}
.app_bt{
    background: #009688;
}