@font-face {
 	font-family: 'Hero';
 	font-style: normal;
 	font-weight: 300;
 	src: local('Hero'), url('fonts/HeroLight-Light.woff') format('woff');
 }

 @font-face {
 	font-family: 'Hero';
 	font-style: normal;
 	font-weight: 400;
 	src: local('Hero'), url('fonts/HeroLight-Regular.woff') format('woff');
 }


 @font-face {
 	font-family: 'Hero';
 	font-style: normal;
 	font-weight: 600;
 	src: local('Hero'), url('fonts/HeroLight-Bold.woff') format('woff');
 }



 :root {
 	--theme-color: #18cb96;
 	--theme-color2: #18cb96;
 	--title-color: #382e33;
 	--body-color: #424242;
 	--smoke-color: #F5F5F5;
 	--black-color: #000000;
 	--white-color: #ffffff;
 	--light-color: #B0B0B0;
 	--yellow-color: #fec624;
 	--success-color: #28a745;
 	--error-color: #dc3545;
 	--border-color: #f2f2f2;
 	--title-font: 'Hero';
 	--body-font: 'Hero';
 	--icon-font: "Font Awesome 6 Pro";
 	--main-container: 1170px;
 	--container-gutters: 30px;
 	--section-space: 60px;
 	--section-space-mobile: 60px;
 	--section-title-space: 80px;
 	--ripple-ani-duration: 5s
 }

 html,
 body {
 	scroll-behavior: auto !important
 }

 body {
 	font-family: var(--body-font);
 	font-size: 16px;
 	font-weight: 400;
 	color: var(--body-color);
 	line-height: 26px;
 	overflow-x: hidden;
 	-webkit-font-smoothing: antialiased
 }

 iframe {
 	border: none;
 	width: 100%
 }

 .slick-slide:focus,
 button:focus,
 a:focus,
 a:active,
 input,
 input:hover,
 input:focus,
 input:active,
 textarea,
 textarea:hover,
 textarea:focus,
 textarea:active {
 	outline: none
 }

 input:focus {
 	outline: none;
 	box-shadow: none
 }

 img:not([draggable]),
 embed,
 object,
 video {
 	max-width: 100%;
 	height: auto
 }

 ul {
 	list-style-type: disc
 }

 ol {
 	list-style-type: decimal
 }

 table {
 	margin: 0 0 1.5em;
 	width: 100%;
 	border-collapse: collapse;
 	border-spacing: 0;
 	border: 1px solid var(--border-color)
 }

 th {
 	font-weight: 700;
 	color: var(--title-color)
 }

 td,
 th {
 	border: 1px solid var(--border-color);
 	padding: 9px 12px
 }

 a {
 	color: var(--theme-color);
 	text-decoration: none;
 	outline: 0;
 	-webkit-transition: all ease 0.4s;
 	transition: all ease 0.4s
 }

 a:hover {
 	color: var(--title-color)
 }

 a:active,
 a:focus,
 a:hover,
 a:visited {
 	text-decoration: none;
 	outline: 0
 }

 button {
 	-webkit-transition: all ease 0.4s;
 	transition: all ease 0.4s
 }

 img {
 	border: none;
 	max-width: 100%
 }

 ins {
 	text-decoration: none
 }

 pre {
 	background: #f5f5f5;
 	color: #666;
 	font-size: 14px;
 	margin: 20px 0;
 	overflow: auto;
 	padding: 20px;
 	white-space: pre-wrap;
 	word-wrap: break-word
 }

 span.ajax-loader:empty,
 p:empty {
 	display: none
 }

 p {
 	margin: 0 0 12px 0;
 	color: var(--body-color);
 	line-height: 1.7
 }

 h1 a,
 h2 a,
 h3 a,
 h4 a,
 h5 a,
 h6 a,
 p a,
 span a {
 	font-size: inherit;
 	font-family: inherit;
 	font-weight: inherit;
 	line-height: inherit
 }

 .h1,
 h1,
 .h2,
 h2,
 .h3,
 h3,
 .h4,
 h4,
 .h5,
 h5,
 .h6,
 h6 {
 	font-family: var(--title-font);
 	color: var(--title-color);
 	text-transform: none;
 	font-weight: 700;
 	line-height: 1.4;
 	margin: 0 0 15px 0
 }

 .h1,
 h1 {
 	font-size: 48px
 }

 .h2,
 h2 {
 	font-size: 40px
 }

 .h3,
 h3 {
 	font-size: 36px
 }

 .h4,
 h4 {
 	font-size: 30px
 }

 .h5,
 h5 {
 	font-size: 24px
 }

 .h6,
 h6 {
 	font-size: 20px
 }

 @media (max-width: 1199px) {

 	.h1,
 	h1 {
 		font-size: 40px
 	}

 	.h2,
 	h2 {
 		font-size: 36px
 	}

 	.h3,
 	h3 {
 		font-size: 30px
 	}

 	.h4,
 	h4 {
 		font-size: 24px
 	}

 	.h5,
 	h5 {
 		font-size: 20px
 	}

 	.h6,
 	h6 {
 		font-size: 16px
 	}
 }

 @media (max-width: 767px) {

 	.h1,
 	h1 {
 		font-size: 36px
 	}

 	.h2,
 	h2 {
 		font-size: 30px
 	}

 	.h3,
 	h3 {
 		font-size: 26px
 	}

 	.h4,
 	h4 {
 		font-size: 22px
 	}

 	.h5,
 	h5 {
 		font-size: 18px
 	}

 	.h6,
 	h6 {
 		font-size: 16px
 	}
 }

 select.form-control {
 	-moz-appearance: :auto;
 	appearance: auto;

 }

 p.has-drop-cap {
 	margin-bottom: 20px
 }

 .page--item p:last-child .alignright {
 	clear: right
 }

 .blog-title,
 .pagi-title,
 .breadcumb-title {
 	word-break: break-word
 }

 .blocks-gallery-caption,
 .wp-block-embed figcaption,
 .wp-block-image figcaption {
 	color: var(--body-color)
 }

 .bypostauthor,
 .gallery-caption {
 	display: block
 }

 .page-links,
 .clearfix {
 	clear: both
 }

 .page--item {
 	margin-bottom: 30px
 }

 .page--item p {
 	line-height: 1.8
 }

 .content-none-search {
 	margin-top: 30px
 }

 .wp-block-button.aligncenter {
 	text-align: center
 }

 .alignleft {
 	display: inline;
 	float: left;
 	margin-bottom: 10px;
 	margin-right: 1.5em
 }

 .alignright {
 	display: inline;
 	float: right;
 	margin-bottom: 10px;
 	margin-left: 1.5em;
 	margin-right: 1em
 }

 .aligncenter {
 	clear: both;
 	display: block;
 	margin-left: auto;
 	margin-right: auto;
 	max-width: 100%
 }

 .gallery {
 	margin-bottom: 1.5em;
 	width: 100%
 }

 .gallery-item {
 	display: inline-block;
 	text-align: center;
 	vertical-align: top;
 	width: 100%;
 	padding: 0 5px
 }

 .wp-block-columns {
 	margin-bottom: 1em
 }

 figure.gallery-item {
 	margin-bottom: 10px;
 	display: inline-block
 }

 figure.wp-block-gallery {
 	margin-bottom: 14px
 }

 .gallery-columns-2 .gallery-item {
 	max-width: 50%
 }

 .gallery-columns-3 .gallery-item {
 	max-width: 33.33%
 }

 .gallery-columns-4 .gallery-item {
 	max-width: 25%
 }

 .gallery-columns-5 .gallery-item {
 	max-width: 20%
 }

 .gallery-columns-6 .gallery-item {
 	max-width: 16.66%
 }

 .gallery-columns-7 .gallery-item {
 	max-width: 14.28%
 }

 .gallery-columns-8 .gallery-item {
 	max-width: 12.5%
 }

 .gallery-columns-9 .gallery-item {
 	max-width: 11.11%
 }

 .gallery-caption {
 	display: block;
 	font-size: 12px;
 	color: var(--body-color);
 	line-height: 1.5;
 	padding: .5em 0
 }

 .wp-block-cover p:not(.has-text-color),
 .wp-block-cover-image-text,
 .wp-block-cover-text {
 	color: var(--white-color)
 }

 .wp-block-cover {
 	margin-bottom: 15px
 }

 .wp-caption-text {
 	text-align: center
 }

 .wp-caption {
 	margin-bottom: 1.5em;
 	max-width: 100%
 }

 .wp-caption .wp-caption-text {
 	margin: .5em 0;
 	font-size: 14px
 }

 .wp-block-media-text,
 .wp-block-media-text.alignwide,
 figure.wp-block-gallery {
 	margin-bottom: 30px
 }

 .wp-block-media-text.alignwide {
 	background-color: var(--smoke-color)
 }

 .editor-styles-wrapper .has-large-font-size,
 .has-large-font-size {
 	line-height: 1.4
 }

 .wp-block-latest-comments a {
 	color: inherit
 }

 .wp-block-button {
 	margin-bottom: 10px
 }

 .wp-block-button:last-child {
 	margin-bottom: 0
 }

 .wp-block-button .wp-block-button__link {
 	color: #fff
 }

 .wp-block-button .wp-block-button__link:hover {
 	color: #fff;
 	background-color: var(--theme-color)
 }

 .wp-block-button.is-style-outline .wp-block-button__link {
 	background-color: transparent;
 	border-color: var(--title-color);
 	color: var(--title-color)
 }

 .wp-block-button.is-style-outline .wp-block-button__link:hover {
 	color: #fff;
 	background-color: var(--theme-color);
 	border-color: var(--theme-color)
 }

 .wp-block-button.is-style-squared .wp-block-button__link {
 	border-radius: 0
 }

 ol.wp-block-latest-comments li {
 	margin: 15px 0
 }

 ul.wp-block-latest-posts {
 	padding: 0;
 	margin: 0;
 	margin-bottom: 15px
 }

 ul.wp-block-latest-posts a {
 	color: inherit
 }

 ul.wp-block-latest-posts a:hover {
 	color: var(--theme-color)
 }

 ul.wp-block-latest-posts li {
 	margin: 15px 0
 }

 .wp-block-search {
 	display: -webkit-box;
 	display: -webkit-flex;
 	display: -ms-flexbox;
 	display: flex;
 	-webkit-flex-wrap: wrap;
 	-ms-flex-wrap: wrap;
 	flex-wrap: wrap;
 	margin-bottom: 30px
 }

 .wp-block-search .wp-block-search__input {
 	width: 100%;
 	max-width: calc(100% - 120px);
 	border: 1px solid rgba(0, 0, 0, 0.1);
 	height: 50px;
 	padding-left: 20px
 }

 .wp-block-search .wp-block-search__button {
 	margin: 0;
 	width: 120px;
 	border: none;
 	height: 50px;
 	color: #fff;
 	background-color: var(--theme-color)
 }

 .wp-block-search .wp-block-search__button:hover {
 	background-color: var(--title-color);
 	opacity: 0.8
 }

 ul.wp-block-rss a {
 	color: inherit
 }

 .wp-block-group.has-background {
 	padding: 15px 15px 1px;
 	margin-bottom: 30px
 }

 .wp-block-table td,
 .wp-block-table th {
 	border-color: rgba(0, 0, 0, 0.1)
 }

 .wp-block-table.is-style-stripes {
 	border: 1px solid rgba(0, 0, 0, 0.1);
 	margin-bottom: 30px
 }

 .logged-in .will-sticky .sticky-active.active,
 .logged-in .preloader .as-btn {
 	top: 32px
 }

 @media (max-width: 782px) {

 	.logged-in .will-sticky .sticky-active.active,
 	.logged-in .preloader .as-btn {
 		top: 46px
 	}
 }

 @media (max-width: 600px) {

 	.logged-in .will-sticky .sticky-active.active,
 	.logged-in .preloader .as-btn {
 		top: 0
 	}
 }

 .post-password-form .theme-input-group {
 	display: -webkit-box;
 	display: -webkit-flex;
 	display: -ms-flexbox;
 	display: flex;
 	-webkit-flex-wrap: wrap;
 	-ms-flex-wrap: wrap;
 	flex-wrap: wrap;
 	margin-bottom: 30px;
 	margin-top: 20px
 }

 .post-password-form .theme-input-group .theme-input-style {
 	width: 100%;
 	max-width: calc(100% - 120px);
 	border: 1px solid rgba(0, 0, 0, 0.1);
 	height: 50px;
 	padding-left: 20px
 }

 .post-password-form .theme-input-group .submit-btn {
 	margin: 0;
 	width: 120px;
 	border: none;
 	height: 50px;
 	color: #fff;
 	background-color: var(--theme-color)
 }

 .post-password-form .theme-input-group .submit-btn:hover {
 	background-color: var(--title-color);
 	opacity: 0.8
 }

 .page-links {
 	clear: both;
 	margin: 0 0 1.5em;
 	padding-top: 1em
 }

 .page-links>.page-links-title {
 	margin-right: 10px
 }

 .page-links>span:not(.page-links-title):not(.screen-reader-text),
 .page-links>a {
 	display: inline-block;
 	padding: 5px 13px;
 	background-color: var(--white-color);
 	color: var(--title-color);
 	border: 1px solid rgba(0, 0, 0, 0.08);
 	margin-right: 10px
 }

 .page-links>span:not(.page-links-title):not(.screen-reader-text):hover,
 .page-links>a:hover {
 	opacity: 0.8;
 	color: var(--white-color);
 	background-color: var(--theme-color);
 	border-color: transparent
 }

 .page-links>span:not(.page-links-title):not(.screen-reader-text).current,
 .page-links>a.current {
 	background-color: var(--theme-color);
 	color: var(--white-color);
 	border-color: transparent
 }

 .page-links span.screen-reader-text {
 	display: none
 }

 .blog-single .wp-block-archives-dropdown {
 	margin-bottom: 30px
 }

 .blog-single.format-quote,
 .blog-single.format-link,
 .blog-single.tag-sticky-2,
 .blog-single.sticky {
 	border-color: transparent;
 	position: relative
 }

 .blog-single.format-quote .blog-content,
 .blog-single.format-link .blog-content,
 .blog-single.tag-sticky-2 .blog-content,
 .blog-single.sticky .blog-content {
 	background-color: var(--smoke-color);
 	padding: 40px;
 	border: none
 }

 .blog-single.format-quote .blog-content:before,
 .blog-single.format-link .blog-content:before,
 .blog-single.tag-sticky-2 .blog-content:before,
 .blog-single.sticky .blog-content:before {
 	display: none
 }

 .blog-single.format-quote:before,
 .blog-single.format-link:before,
 .blog-single.tag-sticky-2:before,
 .blog-single.sticky:before {
 	content: '\f0c1';
 	position: absolute;
 	font-family: 'Font Awesome 5 Pro';
 	font-size: 5rem;
 	opacity: 0.3;
 	right: 15px;
 	line-height: 1;
 	top: 15px;
 	color: var(--theme-color);
 	z-index: 1
 }

 .blog-single.tag-sticky-2::before,
 .blog-single.sticky::before {
 	content: "Featured";
 	right: 0;
 	top: 0;
 	font-size: 18px;
 	color: var(--white-color);
 	background-color: var(--theme-color);
 	font-family: var(--title-font);
 	opacity: 1;
 	text-transform: capitalize;
 	padding: 10px 23px;
 	font-weight: 400
 }

 .blog-single.format-quote:before {
 	content: "\f10e"
 }

 .blog-single .blog-content .wp-block-categories-dropdown.wp-block-categories,
 .blog-single .blog-content .wp-block-archives-dropdown {
 	display: block;
 	margin-bottom: 30px
 }

 .blog-details .blog-single:before {
 	display: none
 }

 .blog-details .blog-single .blog-content {
 	background-color: transparent;
 	overflow: hidden
 }

 .blog-details .blog-single.format-chat .blog-meta {
 	margin-bottom: 20px
 }

 .blog-details .blog-single.format-chat .blog-content>p:nth-child(2n) {
 	background: var(--smoke-color);
 	padding: 5px 20px
 }

 .blog-details .blog-single.tag-sticky-2,
 .blog-details .blog-single.sticky,
 .blog-details .blog-single.format-quote,
 .blog-details .blog-single.format-link {
 	box-shadow: none;
 	border: none;
 	background-color: transparent
 }

 .blog-details .blog-single.tag-sticky-2:before,
 .blog-details .blog-single.sticky:before,
 .blog-details .blog-single.format-quote:before,
 .blog-details .blog-single.format-link:before {
 	display: none
 }

 .as-search {
 	background-color: #f3f3f3;
 	margin-bottom: 30px;
 	border: 1px solid #f3f3f3
 }

 .as-search .search-grid-content {
 	padding: 30px
 }

 @media (max-width: 767px) {
 	.as-search .search-grid-content {
 		padding: 20px
 	}
 }

 .as-search .search-grid-title {
 	font-size: 20px;
 	margin-bottom: 5px;
 	margin-top: -0.2em
 }

 .as-search .search-grid-title a {
 	color: inherit
 }

 .as-search .search-grid-title a:hover {
 	color: var(--theme-color)
 }

 .as-search .search-grid-meta>* {
 	display: inline-block;
 	margin-right: 15px;
 	font-size: 14px
 }

 .as-search .search-grid-meta>*:last-child {
 	margin-right: 0
 }

 .as-search .search-grid-meta a,
 .as-search .search-grid-meta span {
 	color: var(--body-color)
 }

 @media (max-width: 1199px) {

 	.blog-single.format-quote:before,
 	.blog-single.format-link:before,
 	.blog-single.tag-sticky-2:before,
 	.blog-single.sticky:before {
 		font-size: 14px;
 		padding: 8px 16px
 	}

 	.blog-single.format-quote .blog-content,
 	.blog-single.format-link .blog-content,
 	.blog-single.tag-sticky-2 .blog-content,
 	.blog-single.sticky .blog-content {
 		padding: 30px
 	}
 }

 @media (max-width: 767px) {

 	.blog-single.format-quote:before,
 	.blog-single.format-link:before,
 	.blog-single.tag-sticky-2:before,
 	.blog-single.sticky:before {
 		font-size: 14px;
 		padding: 8px 16px
 	}

 	.blog-single.format-quote .blog-content,
 	.blog-single.format-link .blog-content,
 	.blog-single.tag-sticky-2 .blog-content,
 	.blog-single.sticky .blog-content {
 		padding: 30px 15px
 	}
 }

 @media (max-width: 768px) {
 	.wp-block-search .wp-block-search__input {
 		max-width: 100%;
 		margin-bottom: 20px
 	}

 	.wp-block-latest-comments {
 		padding-left: 10px
 	}

 	.page--content.clearfix+.as-comment-form {
 		margin-top: 24px
 	}
 }

 @media only screen and (min-width: 1300px) {

 	.container-xxl,
 	.container-xl,
 	.container-lg,
 	.container-md,
 	.container-sm,
 	.container {
 		max-width: 1200px;
 		padding-left: calc(var(--container-gutters) / 2);
 		padding-right: calc(var(--container-gutters) / 2)
 	}

 }

 @media only screen and (min-width: 1450px) {

 	.container-xxl,
 	.container-xl,
 	.container-lg,
 	.container-md,
 	.container-sm,
 	.container {
 		max-width: 1300px;

 	}
 }

 @media only screen and (min-width: 1600px) {

 	.container-xxl,
 	.container-xl,
 	.container-lg,
 	.container-md,
 	.container-sm,
 	.container {
 		max-width: 1400px;

 	}
 }

 @media only screen and (min-width: 1800px) {

 	.container-xxl,
 	.container-xl,
 	.container-lg,
 	.container-md,
 	.container-sm,
 	.container {
 		max-width: 1600px;

 	}
 }

 @media only screen and (min-width: 2000px) {

 	.container-xxl,
 	.container-xl,
 	.container-lg,
 	.container-md,
 	.container-sm,
 	.container {
 		max-width: 1850px;

 	}
 }

 @media (min-width: 1700px) {
 	.as-container {
 		--main-container: 1508px;
 		padding-left: 0;
 		padding-right: 0;
 		margin-left: auto;
 		margin-right: 0
 	}

 	.container.cta-wrap {
 		--main-container: 1666px
 	}
 }

 @media (min-width: 1600px) {
 	.as-container {
 		--main-container: 1508px
 	}
 }

 @media only screen and (max-width: 1600px) {
 	.container-fluid.px-0 {
 		padding-left: 15px !important;
 		padding-right: 15px !important
 	}

 	.container-fluid.px-0 .row {
 		margin-left: 0 !important;
 		margin-right: 0 !important
 	}
 }

 @media (min-width: 1922px) {
 	.as-container {
 		margin-right: auto
 	}
 }

 .slick-track>[class*=col] {
 	-webkit-flex-shrink: 0;
 	-ms-flex-negative: 0;
 	flex-shrink: 0;
 	width: 100%;
 	max-width: 100%;
 	padding-right: calc(var(--bs-gutter-x)/ 2);
 	padding-left: calc(var(--bs-gutter-x)/ 2);
 	margin-top: var(--bs-gutter-y)
 }

 @media (min-width: 1199px) {
 	.row:not([class*="gx-"]) {
 		--bs-gutter-x: 30px
 	}
 }

 .gy-30 {
 	--bs-gutter-y: 30px
 }

 .gy-40 {
 	--bs-gutter-y: 40px
 }

 .gx-108 {
 	--bs-gutter-x: 108px
 }

 @media (min-width: 1700px) {
 	.gx-60 {
 		--bs-gutter-x: 60px
 	}
 }

 @media (min-width: 1399px) {
 	.gx-30 {
 		--bs-gutter-x: 30px
 	}

 	.gx-25 {
 		--bs-gutter-x: 25px
 	}

 	.gx-40 {
 		--bs-gutter-x: 40px
 	}
 }

 @media (max-width: 1199px) {
 	.gx-108 {
 		--bs-gutter-x: 40px
 	}
 }

 select,
 .form-control,
 .form-select,
 textarea,
 input {
 	height: 55px;
 	padding: 0 25px 0 25px;
 	padding-right: 45px;
 	border: 1px solid var(--border-color);
 	color: var(--body-color);
 	background-color: var(--white-color);
 	border-radius: 9999px;
 	border-radius: 0;
 	font-size: 16px;
 	width: 100%
 }

 select:focus,
 .form-control:focus,
 .form-select:focus,
 textarea:focus,
 input:focus {
 	outline: 0;
 	box-shadow: none;
 	background-color: var(--white-color);
 	border-color: var(--theme-color)
 }

 select::-moz-placeholder,
 .form-control::-moz-placeholder,
 .form-select::-moz-placeholder,
 textarea::-moz-placeholder,
 input::-moz-placeholder {
 	color: var(--body-color)
 }

 select::-webkit-input-placeholder,
 .form-control::-webkit-input-placeholder,
 .form-select::-webkit-input-placeholder,
 textarea::-webkit-input-placeholder,
 input::-webkit-input-placeholder {
 	color: var(--body-color)
 }

 select:-ms-input-placeholder,
 .form-control:-ms-input-placeholder,
 .form-select:-ms-input-placeholder,
 textarea:-ms-input-placeholder,
 input:-ms-input-placeholder {
 	color: var(--body-color)
 }

 select::-webkit-input-placeholder,
 .form-control::-webkit-input-placeholder,
 .form-select::-webkit-input-placeholder,
 textarea::-webkit-input-placeholder,
 input::-webkit-input-placeholder {
 	color: var(--body-color)
 }

 select::-moz-placeholder,
 .form-control::-moz-placeholder,
 .form-select::-moz-placeholder,
 textarea::-moz-placeholder,
 input::-moz-placeholder {
 	color: var(--body-color)
 }

 select:-ms-input-placeholder,
 .form-control:-ms-input-placeholder,
 .form-select:-ms-input-placeholder,
 textarea:-ms-input-placeholder,
 input:-ms-input-placeholder {
 	color: var(--body-color)
 }

 select::-ms-input-placeholder,
 .form-control::-ms-input-placeholder,
 .form-select::-ms-input-placeholder,
 textarea::-ms-input-placeholder,
 input::-ms-input-placeholder {
 	color: var(--body-color)
 }

 select::placeholder,
 .form-control::placeholder,
 .form-select::placeholder,
 textarea::placeholder,
 input::placeholder {
 	color: var(--body-color)
 }

 select.style2,
 .form-control.style2,
 .form-select.style2,
 textarea.style2,
 input.style2 {
 	padding-left: 52px;
 	background-image: none
 }

 select.style2~i,
 .form-control.style2~i,
 .form-select.style2~i,
 textarea.style2~i,
 input.style2~i {
 	color: var(--theme-color);
 	font-weight: 400;
 	top: 19px;
 	left: 25px;
 	max-width: 16px
 }

 .form-group {
 	margin-bottom: var(--bs-gutter-x);
 	position: relative
 }

 .form-group>i {
 	display: inline-block;
 	position: absolute;
 	right: 25px;
 	top: 19px;
 	font-size: 16px;
 	color: var(--body-color)
 }

 .form-group>i.fa-envelope {
 	padding-top: 1px
 }

 .form-group>i.fa-comment {
 	margin-top: -2px
 }

 .form-group>i.fa-chevron-down {
 	width: 17px;
 	background-color: var(--white-color)
 }

 .form-group.has-label>i {
 	top: 50px
 }

 [class*="col-"].form-group>i {
 	right: calc((var(--bs-gutter-x) / 2) + 25px)
 }

 [class*="col-"].form-group .style2~i {
 	left: calc((var(--bs-gutter-x) / 2) + 25px)
 }

 .form-select,
 select {
 	display: block;
 	width: 100%;
 	line-height: 1.5;
 	vertical-align: middle;
 	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E");
 	background-position: right 26px center;
 	background-repeat: no-repeat;
 	background-size: 16px 12px;
 	-webkit-appearance: none;
 	-moz-appearance: none;
 	appearance: none;
 	cursor: pointer
 }

 option:checked,
 option:focus,
 option:hover {
 	background-color: var(--theme-color);
 	color: var(--white-color)
 }

 input::-webkit-outer-spin-button,
 input::-webkit-inner-spin-button {
 	-webkit-appearance: none;
 	margin: 0
 }

 input[type=number] {
 	-moz-appearance: textfield
 }

 textarea.form-control,
 textarea {
 	min-height: 150px;
 	padding-top: 16px;
 	padding-bottom: 17px;
 	border-radius: 0
 }

 input[type="checkbox"] {
 	visibility: hidden;
 	opacity: 0;
 	display: inline-block;
 	vertical-align: middle;
 	width: 0;
 	height: 0;
 	display: none
 }

 input[type="checkbox"]:checked~label:before {
 	content: "\f00c";
 	color: var(--white-color);
 	background-color: var(--theme-color);
 	border-color: var(--theme-color)
 }

 input[type="checkbox"]~label {
 	position: relative;
 	padding-left: 30px;
 	cursor: pointer;
 	display: block
 }

 input[type="checkbox"]~label:before {
 	content: '';
 	font-family: var(--icon-font);
 	font-weight: 700;
 	position: absolute;
 	left: 0px;
 	top: 3.5px;
 	background-color: var(--white-color);
 	border: 1px solid var(--border-color);
 	height: 18px;
 	width: 18px;
 	line-height: 18px;
 	text-align: center;
 	font-size: 12px
 }

 input[type="radio"] {
 	visibility: hidden;
 	opacity: 0;
 	display: inline-block;
 	vertical-align: middle;
 	width: 0;
 	height: 0;
 	display: none
 }

 input[type="radio"]~label {
 	position: relative;
 	padding-left: 30px;
 	cursor: pointer;
 	line-height: 1;
 	display: inline-block;
 	font-weight: 600;
 	margin-bottom: 0
 }

 input[type="radio"]~label::before {
 	content: '\f111';
 	position: absolute;
 	font-family: var(--icon-font);
 	left: 0;
 	top: -2px;
 	width: 20px;
 	height: 20px;
 	padding-left: 0;
 	font-size: 0.6em;
 	line-height: 19px;
 	text-align: center;
 	border: 1px solid var(--theme-color);
 	border-radius: 100%;
 	font-weight: 700;
 	background: var(--white-color);
 	color: transparent;
 	-webkit-transition: all 0.2s ease;
 	transition: all 0.2s ease
 }

 input[type="radio"]:checked~label::before {
 	border-color: var(--theme-color);
 	background-color: var(--theme-color);
 	color: var(--white-color)
 }

 label {
 	margin-bottom: 0.5em;
 	margin-top: -0.3em;
 	display: block;
 	color: var(--title-color);
 	font-family: var(--body-font);
 	font-size: 16px
 }

 textarea.is-invalid,
 select.is-invalid,
 input.is-invalid,
 .was-validated input:invalid {
 	border: 1px solid var(--error-color) !important;
 	background-position: right calc(.375em + 0.8875rem) center;
 	background-image: none
 }

 textarea.is-invalid:focus,
 select.is-invalid:focus,
 input.is-invalid:focus,
 .was-validated input:invalid:focus {
 	outline: 0;
 	box-shadow: none
 }

 textarea.is-invalid {
 	background-position: top calc(.375em + 0.5875rem) right calc(.375em + .8875rem)
 }

 .row.no-gutters>.form-group {
 	margin-bottom: 0
 }

 .form-messages {
 	display: none
 }

 .form-messages.mb-0 * {
 	margin-bottom: 0
 }

 .form-messages.success {
 	color: var(--success-color);
 	display: block
 }

 .form-messages.error {
 	color: var(--error-color);
 	display: block
 }

 .form-messages pre {
 	padding: 0;
 	background-color: transparent;
 	color: inherit
 }

 .slick-track>[class*=col] {
 	-webkit-flex-shrink: 0;
 	-ms-flex-negative: 0;
 	flex-shrink: 0;
 	width: 100%;
 	max-width: 100%;
 	padding-right: calc(var(--bs-gutter-x)/ 2);
 	padding-left: calc(var(--bs-gutter-x)/ 2);
 	margin-top: var(--bs-gutter-y)
 }

 .slick-track {
 	min-width: 100%
 }

 .slick-slide img {
 	display: inline-block
 }

 .slick-dots {
 	list-style-type: none;
 	padding: 2px 0;
 	margin: 38px 0 30px 0;
 	line-height: 0;
 	text-align: center;
 	height: -webkit-max-content;
 	height: -moz-max-content;
 	height: max-content
 }

 .slick-dots li {
 	display: inline-block;
 	margin-right: 25px
 }

 .slick-dots li:last-child {
 	margin-right: 0
 }

 .slick-dots button {
 	font-size: 0;
 	padding: 0;
 	background-color: transparent;
 	width: 10px;
 	height: 10px;
 	line-height: 0;
 	border-radius: 9999px;
 	border: none;
 	background-color: var(--dots-bg, #D8D8D8);
 	-webkit-transition: all ease 0.4s;
 	transition: all ease 0.4s;
 	position: relative
 }

 .slick-dots button:hover {
 	border-color: var(--theme-color)
 }

 .slick-dots button:before {
 	content: '';
 	position: absolute;
 	left: 50%;
 	top: 50%;
 	width: 30px;
 	height: 30px;
 	margin: -15px 0 0 -15px;
 	border: 2px solid var(--theme-color);
 	border-radius: 50%;
 	-webkit-transition: all ease 0.4s;
 	transition: all ease 0.4s;
 	opacity: 0;
 	visibility: hidden
 }

 .slick-dots .slick-active button {
 	background-color: var(--theme-color)
 }

 .slick-dots .slick-active button::before {
 	opacity: 1;
 	visibility: visible
 }

 .slick-arrow {
 	display: inline-block;
 	padding: 0;
 	background-color: var(--white-color);
 	position: absolute;
 	top: 50%;
 	border: 1px solid var(--border-color);
 	box-shadow: 0px 13px 25px rgba(0, 0, 0, 0.05);
 	left: 0;
 	width: var(--icon-size, 55px);
 	height: var(--icon-size, 55px);
 	font-size: var(--icon-font-size, 18px);
 	margin-top: calc(var(--icon-size, 55px) / -2);
 	z-index: 2;
 	border-radius: 0
 }

 .slick-arrow.default {
 	position: relative;
 	--pos-x: 0;
 	margin-top: 0
 }

 .slick-arrow.slick-next {
 	right: 0;
 	left: auto
 }

 .slick-arrow:hover {
 	background-color: var(--theme-color);
 	color: var(--title-color);
 	border-color: transparent
 }

 .home3 .slick-arrow:hover {
 	color: var(--white-color)
 }

 .arrow-margin .slick-arrow {
 	top: calc(50% - 30px)
 }

 .arrow-wrap .slick-arrow {
 	opacity: 0;
 	visibility: hidden
 }

 .arrow-wrap:hover .slick-arrow {
 	opacity: 1;
 	visibility: visible
 }

 @media (max-width: 1700px) {
 	.slick-arrow {
 		--arrow-horizontal: -20px;
 		--pos-x: -70px
 	}
 }

 @media (max-width: 1399px) {
 	.slick-arrow {
 		--arrow-horizontal: 40px;
 		--pos-x: -17px
 	}
 }

 @media (max-width: 991px) {
 	.slick-arrow {
 		--icon-size: 40px;
 		margin-right: 40px
 	}

 	.slick-arrow.slick-next {
 		margin-right: 0;
 		margin-left: 40px
 	}

 	.slick-dots {
 		margin: 8px 0 38px 0
 	}
 }

 .icon-box .slick-arrow {
 	--icon-size: 55px;
 	margin-right: 0
 }

 .icon-box .slick-arrow:first-child {
 	margin-right: 5px
 }

 .as-menu-wrapper {
 	position: fixed;
 	top: 0;
 	left: 0;
 	bottom: 0;
 	background-color: rgba(0, 0, 0, 0.6);
 	z-index: 999999;
 	width: 0;
 	width: 100%;
 	height: 100%;
 	-webkit-transition: all ease 0.8s;
 	transition: all ease 0.8s;
 	opacity: 0;
 	visibility: hidden
 }

 .as-menu-wrapper .mobile-logo {
 	padding-bottom: 0px;
 	padding-top: 30px;
 	display: block;
 	text-align: center;
 	background-color: transparent;
 }

 .as-menu-wrapper .mobile-logo img {
 	height: 120px
 }

 .as-menu-wrapper .as-menu-toggle {
 	border: none;
 	font-size: 22px;
 	position: absolute;
 	right: -17px;
 	top: 17px;
 	padding: 0;
 	line-height: 1;
 	width: 33px;
 	height: 33px;
 	line-height: 32px;
 	font-size: 18px;
 	z-index: 1;
 	color: var(--title-color);
 	background-color: var(--theme-color);
 	border-radius: 50%
 }

 .as-menu-wrapper .as-menu-toggle:hover {
 	background-color: var(--title-color);
 	color: var(--white-color)
 }

 .as-menu-wrapper .as-menu-area {
 	width: 100%;
 	max-width: 310px;
 	background-color: #fff;
 	border-right: 3px solid var(--theme-color);
 	height: 100%;
 	position: relative;
 	left: -110%;
 	opacity: 0;
 	visibility: hidden;
 	-webkit-transition: all ease 1s;
 	transition: all ease 1s;
 	z-index: 1
 }

 .as-menu-wrapper.as-body-visible {
 	opacity: 1;
 	visibility: visible
 }

 .as-menu-wrapper.as-body-visible .as-menu-area {
 	left: 0;
 	opacity: 1;
 	visibility: visible
 }

 .as-mobile-menu {
 	overflow-y: scroll;
 	max-height: calc(100vh - 200px);
 	padding-bottom: 40px;
 	margin-top: 33px;
 	text-align: left
 }

 .as-mobile-menu .new-label {
 	font-size: 13px;
 	background-color: var(--theme-color);
 	color: var(--title-color);
 	padding: 2px 5px;
 	border-radius: 4px;
 	position: relative;
 	top: -1px
 }

 .as-mobile-menu ul {
 	margin: 0;
 	padding: 0 0
 }

 .as-mobile-menu ul li {
 	border-bottom: 1px solid #fdedf1;
 	list-style-type: none
 }

 .as-mobile-menu ul li li:first-child {
 	border-top: 1px solid #fdedf1
 }

 .as-mobile-menu ul li a {
 	display: block;
 	position: relative;
 	padding: 15px 0;
 	line-height: 1;
 	font-size: 16px;
 	text-transform: capitalize;
 	color: var(--title-color);
 	font-weight: 600;
 	padding-left: 17px;
 }

 .as-mobile-menu ul li ul li a {
 	font-size: 15px;
 	padding: 12px 0;
 }

 .as-mobile-menu ul li a:before {
 	content: '\f105';
 	font-family: var(--icon-font);
 	position: absolute;
 	left: 0;
 	top: 13px;
 	margin-right: 0px;
 	display: inline-block
 }

 .as-mobile-menu ul li ul li a:before {
 	top: 11px;
 }

 .as-mobile-menu ul li.as-active>a {
 	color: var(--theme-color)
 }

 .as-mobile-menu ul li.as-active>a:before {
 	-webkit-transform: rotate(90deg);
 	-ms-transform: rotate(90deg);
 	transform: rotate(90deg)
 }

 .as-mobile-menu ul li ul li {
 	padding-left: 20px
 }

 .as-mobile-menu ul li ul li a {
 	line-height: 1.2
 }

 .as-mobile-menu ul li ul li:last-child {
 	border-bottom: none
 }

 .as-mobile-menu ul .as-item-has-children>a .as-mean-expand {
 	position: absolute;
 	right: 0;
 	top: 50%;
 	font-weight: 400;
 	font-size: 12px;
 	width: 25px;
 	height: 25px;
 	line-height: 25px;
 	margin-top: -12.5px;
 	display: inline-block;
 	text-align: center;
 	background-color: var(--smoke-color);
 	color: var(--title-color);
 	box-shadow: 0 0 20px -8px rgba(173, 136, 88, 0.5);
 	border-radius: 50%
 }

 .as-mobile-menu ul .as-item-has-children>a .as-mean-expand:before {
 	content: '\f067';
 	font-family: var(--icon-font)
 }

 .as-mobile-menu ul .as-item-has-children.as-active>a .as-mean-expand:before {
 	content: '\f068'
 }

 .as-mobile-menu>ul {
 	padding: 0 20px
 }

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

 .as-menu-toggle {
 	width: 50px;
 	height: 50px;
 	line-height: 51px;
 	padding: 0;
 	font-size: 24px;
 	border: none;
 	background-color: var(--theme-color);
 	color: var(--white-color);
 	display: inline-block;
 	border-radius: 0
 }

 .as-menu-toggle.style-text,
 .as-menu-toggle.style-text-white {
 	width: auto;
 	height: auto;
 	background-color: transparent;
 	color: var(--title-color);
 	font-size: 20px
 }

 .as-menu-toggle.style-text i,
 .as-menu-toggle.style-text-white i {
 	margin-right: 10px
 }

 .as-menu-toggle.style-text-white {
 	color: var(--white-color)
 }

 .preloader {
 	position: fixed;
 	left: 0;
 	right: 0;
 	top: 0;
 	bottom: 0;
 	z-index: 999;
 	background-color: var(--title-color)
 }

 .preloader .as-btn {
 	padding: 15px 20px;
 	border-radius: 0;
 	font-size: 14px
 }

 .preloader-inner {
 	text-align: center;
 	position: absolute;
 	left: 50%;
 	top: 50%;
 	-webkit-transform: translate(-50%, -50%);
 	-ms-transform: translate(-50%, -50%);
 	transform: translate(-50%, -50%);
 	text-align: center;
 	line-height: 1
 }

 .preloader-inner img {
 	display: block;
 	margin: 0 auto 10px auto
 }

 .loader {
 	display: block;
 	width: 48px;
 	height: 48px;
 	margin: auto;
 	position: relative
 }

 .loader:before {
 	content: '';
 	width: 48px;
 	height: 5px;
 	background: #000;
 	opacity: 0.25;
 	position: absolute;
 	top: 60px;
 	left: 0;
 	border-radius: 50%;
 	-webkit-animation: shadow 0.5s linear infinite;
 	animation: shadow 0.5s linear infinite
 }

 .loader:after {
 	content: '';
 	width: 100%;
 	height: 100%;
 	background: #fff;
 	-webkit-animation: bxSpin 0.5s linear infinite;
 	animation: bxSpin 0.5s linear infinite;
 	position: absolute;
 	top: 0;
 	left: 0;
 	border-radius: 4px
 }

 @-webkit-keyframes bxSpin {
 	17% {
 		border-bottom-right-radius: 3px
 	}

 	25% {
 		-webkit-transform: translateY(9px) rotate(22.5deg);
 		transform: translateY(9px) rotate(22.5deg)
 	}

 	50% {
 		-webkit-transform: translateY(18px) scale(1, 0.9) rotate(45deg);
 		transform: translateY(18px) scale(1, 0.9) rotate(45deg);
 		border-bottom-right-radius: 40px
 	}

 	75% {
 		-webkit-transform: translateY(9px) rotate(67.5deg);
 		transform: translateY(9px) rotate(67.5deg)
 	}

 	100% {
 		-webkit-transform: translateY(0) rotate(90deg);
 		transform: translateY(0) rotate(90deg)
 	}
 }

 @keyframes bxSpin {
 	17% {
 		border-bottom-right-radius: 3px
 	}

 	25% {
 		-webkit-transform: translateY(9px) rotate(22.5deg);
 		transform: translateY(9px) rotate(22.5deg)
 	}

 	50% {
 		-webkit-transform: translateY(18px) scale(1, 0.9) rotate(45deg);
 		transform: translateY(18px) scale(1, 0.9) rotate(45deg);
 		border-bottom-right-radius: 40px
 	}

 	75% {
 		-webkit-transform: translateY(9px) rotate(67.5deg);
 		transform: translateY(9px) rotate(67.5deg)
 	}

 	100% {
 		-webkit-transform: translateY(0) rotate(90deg);
 		transform: translateY(0) rotate(90deg)
 	}
 }

 @-webkit-keyframes shadow {

 	0%,
 	100% {
 		-webkit-transform: scale(1, 1);
 		transform: scale(1, 1)
 	}

 	50% {
 		-webkit-transform: scale(1.2, 1);
 		transform: scale(1.2, 1)
 	}
 }

 @keyframes shadow {

 	0%,
 	100% {
 		-webkit-transform: scale(1, 1);
 		transform: scale(1, 1)
 	}

 	50% {
 		-webkit-transform: scale(1.2, 1);
 		transform: scale(1.2, 1)
 	}
 }

 .as-btn {
 	position: relative;
 	z-index: 2;
 	overflow: hidden;
 	vertical-align: middle;
 	display: inline-block;
 	text-transform: capitalize;
 	text-align: center;
 	background-color: var(--theme-color2);
 	color: #fff;
 	font-size: 16px;
 	font-weight: 600;
 	line-height: 1;
 	padding: 19.5px 31px;
 	border-radius: 0;
 	border: none;
 	border-radius: 999px;
 }

 .as-btn:before {
 	content: "";
 	position: absolute;
 	height: 100%;
 	left: 0;
 	top: 0;
 	width: 200%;
 	background-color: var(--theme-color);
 	-webkit-transform-style: preserve-3d;
 	transform-style: preserve-3d;
 	-webkit-transform: scale(1, 0);
 	-ms-transform: scale(1, 0);
 	transform: scale(1, 0);
 	z-index: -1;
 	-webkit-transition: 0.5s ease;
 	transition: 0.5s ease
 }

 .as-btn>i {
 	margin-left: 5px
 }

 .as-btn:hover,
 .as-btn.active {
 	color: var(--white-color)
 }

 .as-btn:hover::before,
 .as-btn.active::before {
 	-webkit-transform-origin: center center;
 	-ms-transform-origin: center center;
 	transform-origin: center center;
 	-webkit-transform: scale(1);
 	-ms-transform: scale(1);
 	transform: scale(1)
 }

 .as-btn.style-skew {
 	-webkit-transform: skew(-20deg);
 	-ms-transform: skew(-20deg);
 	transform: skew(-20deg);
 	margin-left: 10px;
 	margin-right: 10px
 }

 .as-btn.style-skew .btn-text {
 	display: inline-block;
 	-webkit-transform: skew(20deg);
 	-ms-transform: skew(20deg);
 	transform: skew(20deg)
 }

 .as-btn.style1 {
 	background-color: #fff;
 	color: var(--theme-color);

 }

 .as-btn.style1:hover {
 	color: var(--title-color)
 }

 .as-btn.style1:hover:before {
 	background-color: var(--white-color)
 }

 .as-btn.style2 {
 	background-color: transparent;
 	color: var(--white-color);
 	border: 1px solid var(--white-color);
 	padding: 17.5px 29px
 }

 .as-btn.style2:hover {
 	color: var(--title-color)
 }

 .as-btn.style2:hover:before {
 	background-color: var(--white-color)
 }

 .as-btn.style3:hover {
 	color: var(--title-color)
 }

 .as-btn.style3:before {
 	background-color: var(--white-color)
 }

 .as-btn.style4 {
 	color: var(--title-color);
 	background-color: var(--white-color)
 }

 .as-btn.style4:before {
 	background-color: var(--theme-color)
 }

 .as-btn.style5 {
 	background-color: var(--white-color);
 	color: var(--theme-color);
 	border: 2px solid #EEEEEE;
 	padding: 20px 34.5px
 }

 .as-btn.style5:hover {
 	color: var(--white-color);
 	border-color: var(--theme-color)
 }

 .as-btn.style5:hover:before {
 	background-color: var(--theme-color)
 }

 .as-btn.style6 {
 	color: var(--white-color);
 	background-color: var(--title-color);
 	background-image: url("../img/bg/pattern_bg_2.png");
 	background-repeat: repeat
 }

 .as-btn.style6:hover {
 	color: var(--title-color)
 }

 .as-btn.style6:before {
 	background-color: var(--white-color)
 }

 .as-btn.style7 {
 	background-color: transparent;
 	color: var(--title-color);
 	border: 1px solid var(--title-color);
 	padding: 17.5px 40px
 }

 .as-btn.style7:hover {
 	color: var(--white-color);
 	border: 1px solid var(--theme-color);
 }

 .as-btn.style7:hover:before {
 	background-color: var(--theme-color)
 }

 .home3 .as-btn {
 	color: var(--white-color)
 }

 .icon-btn {
 	display: inline-block;
 	width: var(--btn-size, 50px);
 	height: var(--btn-size, 50px);
 	line-height: var(--btn-size, 50px);
 	font-size: var(--btn-font-size, 16px);
 	background-color: var(--icon-bg, #fff);
 	color: var(--theme-color);
 	text-align: center;
 	border-radius: 50%;
 	border: none
 }

 .icon-btn:hover {
 	background-color: var(--theme-color);
 	color: var(--white-color)
 }

 .play-btn {
 	display: inline-block;
 	position: relative;
 	z-index: 1
 }

 .play-btn>i {
 	display: inline-block;
 	width: var(--icon-size, 60px);
 	height: var(--icon-size, 60px);
 	line-height: var(--icon-size, 60px);
 	text-align: center;
 	background-color: var(--theme-color);
 	color: var(--title-color);
 	font-size: var(--icon-font-size, 1.2em);
 	border-radius: 50%;
 	z-index: 1;
 	-webkit-transition: all ease 0.4s;
 	transition: all ease 0.4s
 }

 .play-btn:after,
 .play-btn:before {
 	content: '';
 	position: absolute;
 	left: 0;
 	top: 0;
 	right: 0;
 	bottom: 0;
 	background-color: var(--theme-color);
 	z-index: -1;
 	border-radius: 50%;
 	-webkit-transition: all ease 0.4s;
 	transition: all ease 0.4s
 }

 .play-btn:after {
 	-webkit-animation-delay: 2s;
 	animation-delay: 2s
 }

 .play-btn.style2 i {
 	background-color: var(--white-color);
 	color: var(--theme-color)
 }

 .play-btn.style2::before,
 .play-btn.style2:after {
 	background-color: var(--white-color)
 }

 .play-btn:hover:after,
 .play-btn:hover::before,
 .play-btn:hover i {
 	background-color: var(--theme-color);
 	color: var(--title-color)
 }

 .video-btn .play-btn {
 	margin-right: 25px
 }

 .link-btn {
 	font-weight: 500;
 	font-size: 16px;
 	display: inline-block;
 	line-height: 0.8;
 	position: relative;
 	padding-bottom: 2px;
 	margin-bottom: -2px;
 	text-transform: capitalize;
 	color: var(--title-color);
 }

 .link-btn i {
 	margin-left: -10px;
 	font-size: 0.9rem;
 	visibility: hidden;
 	opacity: 0;
 	-webkit-transition: margin 0.3s ease-in-out;
 	transition: margin 0.3s ease-in-out
 }

 .link-btn:before {
 	content: '';
 	position: absolute;
 	left: 0;
 	bottom: 0;
 	width: 0;
 	height: 2px;
 	background-color: var(--theme-color);
 	-webkit-transition: all ease 0.4s;
 	transition: all ease 0.4s
 }

 .link-btn:hover {
 	color: var(--theme-color)
 }

 .link-btn:hover i {
 	visibility: visible;
 	opacity: 1;
 	margin-left: 3px
 }

 .link-btn:hover::before {
 	width: 100%
 }

 .scroll-btn {
 	position: fixed;
 	bottom: 300px;
 	right: 30px;
 	z-index: 94;
 	opacity: 0;
 	visibility: hidden;
 	display: inline-block;
 	border-radius: 50%
 }

 .scroll-btn i {
 	display: inline-block;
 	background-color: var(--theme-color);
 	color: var(--title-color);
 	text-align: center;
 	font-size: 16px;
 	width: var(--btn-size, 40px);
 	height: var(--btn-size, 40px);
 	line-height: var(--btn-size, 40px);
 	z-index: 2;
 	border-radius: inherit;
 	position: relative;
 	-webkit-transition: all ease 0.8s;
 	transition: all ease 0.8s
 }

 .scroll-btn:before {
 	content: '';
 	position: absolute;
 	left: var(--extra-shape, -6px);
 	top: var(--extra-shape, -6px);
 	right: var(--extra-shape, -6px);
 	bottom: var(--extra-shape, -6px);
 	background-color: #fff;
 	border-radius: inherit;
 	z-index: 1
 }

 .scroll-btn:focus i,
 .scroll-btn:hover i {
 	background-color: var(--title-color);
 	color: var(--white-color)
 }

 .scroll-btn.show {
 	bottom: 200px;
 	opacity: 1;
 	visibility: visible
 }

 @media (max-width: 767px) {
 	.scroll-btn {
 		--btn-size: 40px;
 		--extra-shape: -4px;
 		right: 15px;
 		bottom: 50px
 	}

 	.scroll-btn.show {
 		bottom: 15px
 	}
 }

 .scrollToTop {
 	position: fixed;
 	right: 30px;
 	bottom: 500px;
 	opacity: 0;
 	visibility: hidden;
 	-webkit-transition: all ease 0.4s;
 	transition: all ease 0.4s;
 	z-index: 96
 }

 .scrollToTop.show {
 	bottom: 40px;
 	opacity: 1;
 	visibility: visible
 }

 @media (max-width: 767px) {
 	.play-btn {
 		--icon-size: 60px
 	}

 	.scrollToTop {
 		right: 20px
 	}

 	.scrollToTop.show {
 		bottom: 20px
 	}
 }

 .sec-title {
 	margin-bottom: calc(var(--section-title-space) - 12px);
 	margin-top: -0.24em;
 	font-size: 48px;
 	text-transform: capitalize;
 	line-height: 1.2
 }

 .sub-title {
 	font-size: 18px;
 	font-weight: 600;
 	color: var(--theme-color);
 	font-family: var(--title-font);
 	text-transform: uppercase;
 	margin-top: 0;
 	margin-bottom: 10px;
 	display: block;
 }

 .shadow-title {
 	font-family: var(--title-font);
 	font-size: 150px;
 	font-weight: bold;
 	line-height: initial;
 	background: -webkit-linear-gradient(top, #EDEDED 0%, transparent 84.54%);
 	background: linear-gradient(180deg, #EDEDED 0%, transparent 84.54%);
 	-webkit-background-clip: text;
 	background-clip: text;
 	text-fill-color: transparent;
 	color: transparent;
 	position: absolute;
 	top: 47%;
 	-webkit-transform: translateY(-50%);
 	-ms-transform: translateY(-50%);
 	transform: translateY(-50%);
 	width: 100%;
 	z-index: -1
 }

 .shadow-title.dark-color {
 	background: -webkit-linear-gradient(top, #232732 0%, transparent 84.54%);
 	background: linear-gradient(180deg, #232732 0%, transparent 84.54%);
 	-webkit-background-clip: text;
 	background-clip: text;
 	text-fill-color: transparent
 }

 .title-area {
 	margin-bottom: 35px;
 	position: relative;
 	z-index: 2
 }

 .title-area p {
 	font-size: 17px;

 }

 .title-area .sec-title {
 	margin-bottom: 10px;
 	font-size: 39px;
 	font-weight: 700;
 	line-height: 1.1;
 }

 .title-area .sec-title span {
 	color: var(--theme-color)
 }

 .title-area.mb-0 .sec-title {
 	margin-bottom: -0.41em
 }

 .sec-btn {
 	margin-bottom: var(--section-title-space)
 }

 @media (max-width: 1399px) {
 	.sec-title {
 		font-size: 42px
 	}

 	.shadow-title {
 		font-size: 120px
 	}

 	.title-area,
 	.sec-title {
 		--section-title-space: 75px
 	}
 }

 @media (max-width: 1199px) {
 	.sub-title {
 		margin-bottom: 18px
 	}

 	.sec-title {
 		font-size: 38px
 	}

 	.shadow-title {
 		font-size: 96px
 	}

 	.title-area,
 	.sec-title {
 		--section-title-space: 65px
 	}

 	.title-area.mb-40,
 	.sec-title.mb-40 {
 		margin-bottom: 35px
 	}

 	.title-area.mb-50,
 	.sec-title.mb-50 {
 		margin-bottom: 35px
 	}

 	.title-area.mb-25,
 	.sec-title.mb-25 {
 		margin-bottom: 20px
 	}

 	.title-area.mb-35,
 	.sec-title.mb-35 {
 		margin-bottom: 30px
 	}

 	.title-area.mb-30,
 	.sec-title.mb-30 {
 		margin-bottom: 22px
 	}

 	.sec-btn {
 		--section-title-space: 65px
 	}
 }

 @media (max-width: 991px) {
 	.sec-title {
 		font-size: 34px
 	}

 	.shadow-title {
 		font-size: 88px
 	}

 	.sub-title {
 		margin-bottom: 12px
 	}

 	.title-area,
 	.sec-title {
 		--section-title-space: 50px
 	}

 	.title-area.mb-50,
 	.sec-title.mb-50 {
 		margin-bottom: 35px
 	}

 	.sec-btn {
 		--section-title-space: 50px
 	}
 }

 @media (max-width: 767px) {
 	.sec-title {
 		font-size: 26px
 	}

 	.shadow-title {
 		font-size: 60px
 	}
 }

 @media (max-width: 575px) {
 	.journey-wrap {
 		-webkit-flex-wrap: wrap;
 		-ms-flex-wrap: wrap;
 		flex-wrap: wrap
 	}
 }

 @media (max-width: 375px) {
 	.shadow-title {
 		font-size: 50px;
 		top: 55%
 	}
 }

 .image-scale-hover {
 	overflow: hidden
 }

 .image-scale-hover img {
 	-webkit-transition: all ease 0.4s;
 	transition: all ease 0.4s;
 	-webkit-transform: scale(1.001);
 	-ms-transform: scale(1.001);
 	transform: scale(1.001)
 }

 .image-scale-hover:hover img {
 	-webkit-transform: scale(1.2);
 	-ms-transform: scale(1.2);
 	transform: scale(1.2)
 }

 .z-index-step1 {
 	position: relative;
 	z-index: 4 !important
 }

 .z-index-common {
 	position: relative;
 	z-index: 3
 }

 .z-index-n1 {
 	z-index: -1
 }

 .media-body {
 	-webkit-box-flex: 1;
 	-webkit-flex: 1;
 	-ms-flex: 1;
 	flex: 1
 }

 .shape-mockup-wrap {
 	position: relative;
 	z-index: 2
 }

 .shape-mockup {
 	position: absolute;
 	z-index: -1
 }

 .shape-mockup.z-index-3 {
 	z-index: 3
 }

 .badge {
 	position: absolute;
 	width: -webkit-fit-content;
 	width: -moz-fit-content;
 	width: fit-content;
 	display: inline-block;
 	text-align: center;
 	background-color: var(--theme-color);
 	color: var(--white-color);
 	padding: .35em .55em;
 	border-radius: 50%
 }

 .as-social a {
 	display: inline-block;
 	width: var(--icon-size, 40px);
 	height: var(--icon-size, 40px);
 	line-height: var(--icon-size, 42px);
 	background-color: var(--smoke-color);
 	color: var(--body-color);
 	font-size: 14px;
 	text-align: center;
 	margin-right: 5px;
 	border-radius: 50%
 }

 .as-social a:last-child {
 	margin-right: 0
 }

 .as-social a:hover {
 	background-color: var(--theme-color);
 	color: var(--white-color)
 }

 .as-social.style2 a {
 	background-color: transparent;
 	border: 1px solid var(--body-color)
 }

 .as-social.style2 a:hover {
 	background-color: var(--theme-color);
 	color: var(--title-color);
 	border-color: var(--theme-color)
 }

 .btn-group {
 	display: -webkit-box;
 	display: -webkit-flex;
 	display: -ms-flexbox;
 	display: flex;
 	-webkit-flex-wrap: wrap;
 	-ms-flex-wrap: wrap;
 	flex-wrap: wrap;
 	gap: 15px
 }

 .btn-group.style2 {
 	gap: 20px;
 	-webkit-column-gap: 55px;
 	-moz-column-gap: 55px;
 	column-gap: 55px
 }

 .btn-group .style-skew:first-child {
 	margin-right: 0
 }

 .btn-group .style-skew:last-child {
 	margin-left: 0
 }

 .as-video {
 	position: relative
 }

 .as-video .play-btn {
 	position: absolute;
 	top: 50%;
 	left: 50%;
 	-webkit-transform: translate(-50%, -50%);
 	-ms-transform: translate(-50%, -50%);
 	transform: translate(-50%, -50%);
 	z-index: 2
 }

 .xdsoft_datetimepicker {
 	background-color: var(--white-color);
 	z-index: 5
 }

 @media (max-width: 991px) {
 	p.mb-35 {
 		margin-bottom: 30px
 	}
 }

 .font-icon {
 	font-family: var(--icon-font)
 }

 .font-title {
 	font-family: var(--title-font)
 }

 .font-body {
 	font-family: var(--body-font)
 }

 .fw-light {
 	font-weight: 300
 }

 .fw-normal {
 	font-weight: 400
 }

 .fw-medium {
 	font-weight: 500
 }

 .fw-semibold {
 	font-weight: 600
 }

 .fw-bold {
 	font-weight: 700
 }

 .fw-extrabold {
 	font-weight: 800
 }

 .fs-md {
 	font-size: 18px
 }

 .fs-20 {
 	font-size: 20px
 }

 .fs-lg {
 	font-size: 22px
 }

 .fs-xs {
 	font-size: 14px
 }

 @media (max-width: 1199px) {
 	.fs-lg {
 		font-size: 18px
 	}

 	.fs-20 {
 		font-size: 17px
 	}
 }

 .bg-theme {
 	background-color: var(--theme-color) !important
 }

 .bg-smoke {
 	background-color: var(--smoke-color) !important
 }

 .bg-white {
 	background-color: var(--white-color) !important
 }

 .bg-black {
 	background-color: var(--black-color) !important
 }

 .bg-title {
 	background-color: var(--title-color) !important
 }

 .bg-black1 {
 	background-color: var(--theme-color);
 	position: relative;
 }

 .gr-bg1 {
 	background: -webkit-linear-gradient(top, #F7F7F7 0%, rgba(255, 255, 255, 0) 100%);
 	background: linear-gradient(180deg, #F7F7F7 0%, rgba(255, 255, 255, 0) 100%)
 }

 .background-image,
 [data-bg-src] {
 	background-repeat: no-repeat;
 	background-size: cover;
 	background-position: center center
 }

 .bg-fluid {
 	background-repeat: no-repeat;
 	background-size: 100% 100%;
 	background-position: center center
 }

 .bg-auto {
 	background-size: auto auto
 }

 .bg-top-center {
 	background-size: auto;
 	background-position: top center
 }

 .text-theme {
 	color: var(--theme-color) !important
 }

 .text-title {
 	color: var(--title-color) !important
 }

 .text-body {
 	color: var(--body-color) !important
 }

 .text-white {
 	color: var(--white-color) !important
 }

 .text-light {
 	color: var(--light-color) !important
 }

 .text-yellow {
 	color: var(--yellow-color) !important
 }

 .text-success {
 	color: var(--success-color) !important
 }

 .text-error {
 	color: var(--error-color) !important
 }

 .text-inherit {
 	color: inherit
 }

 .text-inherit:hover {
 	color: var(--theme-color)
 }

 a.text-theme:hover,
 .text-reset:hover {
 	text-decoration: underline
 }

 .overlay {
 	position: absolute;
 	top: 0;
 	left: 0;
 	height: 100%;
 	width: 100%
 }

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

 [data-overlay] {
 	position: relative;
 	z-index: 2
 }

 [data-overlay] [class^="col-"],
 [data-overlay] [class*="col-"] {
 	z-index: 1
 }

 [data-overlay] [class*="container"] {
 	position: relative;
 	z-index: 2
 }

 [data-overlay]:before {
 	content: '';
 	position: absolute;
 	left: 0;
 	top: 0;
 	right: 0;
 	bottom: 0;
 	z-index: 1
 }

 [data-overlay="theme"]:before {
 	background-color: var(--theme-color)
 }

 [data-overlay="title"]:before {
 	background-color: var(--title-color)
 }

 [data-overlay="white"]:before {
 	background-color: var(--white-color)
 }

 [data-overlay="black"]:before {
 	background-color: var(--black-color)
 }

 [data-overlay="overlay1"]:before {
 	background-color: #010B23
 }

 [data-overlay="overlay2"]:before {
 	background-color: #050505
 }

 [data-opacity="1"]:before {
 	opacity: .1
 }

 [data-opacity="2"]:before {
 	opacity: .2
 }

 [data-opacity="3"]:before {
 	opacity: .3
 }

 [data-opacity="4"]:before {
 	opacity: .4
 }

 [data-opacity="5"]:before {
 	opacity: .5
 }

 [data-opacity="6"]:before {
 	opacity: .6
 }

 [data-opacity="7"]:before {
 	opacity: .7
 }

 [data-opacity="8"]:before {
 	opacity: .8
 }

 [data-opacity="9"]:before {
 	opacity: .9
 }

 [data-opacity="10"]:before {
 	opacity: 1
 }

 .ripple-animation,
 .play-btn:after,
 .play-btn:before {
 	-webkit-animation-duration: var(--ripple-ani-duration);
 	animation-duration: var(--ripple-ani-duration);
 	-webkit-animation-timing-function: ease-in-out;
 	animation-timing-function: ease-in-out;
 	-webkit-animation-iteration-count: infinite;
 	animation-iteration-count: infinite;
 	-webkit-animation-name: ripple;
 	animation-name: ripple
 }

 @-webkit-keyframes ripple {
 	0% {
 		-webkit-transform: scale(1);
 		transform: scale(1);
 		opacity: 0
 	}

 	30% {
 		opacity: 0.4
 	}

 	100% {
 		-webkit-transform: scale(1.9);
 		transform: scale(1.9);
 		opacity: 0
 	}
 }

 @keyframes ripple {
 	0% {
 		-webkit-transform: scale(1);
 		transform: scale(1);
 		opacity: 0
 	}

 	30% {
 		opacity: 0.4
 	}

 	100% {
 		-webkit-transform: scale(1.9);
 		transform: scale(1.9);
 		opacity: 0
 	}
 }

 .moving {
 	-webkit-animation: moving 35s linear infinite;
 	animation: moving 35s linear infinite
 }

 @-webkit-keyframes moving {
 	0% {
 		-webkit-transform: translateX(0) rotateY(0);
 		transform: translateX(0) rotateY(0)
 	}

 	50% {
 		-webkit-transform: translateX(calc(-100vw + 100%));
 		transform: translateX(calc(-100vw + 100%))
 	}

 	51% {
 		-webkit-transform: translateX(calc(-100vw + 100%)) rotateY(180deg);
 		transform: translateX(calc(-100vw + 100%)) rotateY(180deg)
 	}

 	100% {
 		-webkit-transform: translateX(0) rotateY(180deg);
 		transform: translateX(0) rotateY(180deg)
 	}
 }

 @keyframes moving {
 	0% {
 		-webkit-transform: translateX(0) rotateY(0);
 		transform: translateX(0) rotateY(0)
 	}

 	50% {
 		-webkit-transform: translateX(calc(-100vw + 100%));
 		transform: translateX(calc(-100vw + 100%))
 	}

 	51% {
 		-webkit-transform: translateX(calc(-100vw + 100%)) rotateY(180deg);
 		transform: translateX(calc(-100vw + 100%)) rotateY(180deg)
 	}

 	100% {
 		-webkit-transform: translateX(0) rotateY(180deg);
 		transform: translateX(0) rotateY(180deg)
 	}
 }

 .movingX {
 	-webkit-animation: movingX 35s linear infinite;
 	animation: movingX 35s linear infinite
 }

 @-webkit-keyframes movingX {
 	0% {
 		-webkit-transform: translateX(0) rotateY(0deg);
 		transform: translateX(0) rotateY(0deg)
 	}

 	50% {
 		-webkit-transform: translateX(calc(100vw - 100%));
 		transform: translateX(calc(100vw - 100%))
 	}

 	51% {
 		-webkit-transform: translateX(calc(100vw - 100%)) rotateY(180deg);
 		transform: translateX(calc(100vw - 100%)) rotateY(180deg)
 	}

 	100% {
 		-webkit-transform: translateX(0) rotateY(180deg);
 		transform: translateX(0) rotateY(180deg)
 	}
 }

 @keyframes movingX {
 	0% {
 		-webkit-transform: translateX(0) rotateY(0deg);
 		transform: translateX(0) rotateY(0deg)
 	}

 	50% {
 		-webkit-transform: translateX(calc(100vw - 100%));
 		transform: translateX(calc(100vw - 100%))
 	}

 	51% {
 		-webkit-transform: translateX(calc(100vw - 100%)) rotateY(180deg);
 		transform: translateX(calc(100vw - 100%)) rotateY(180deg)
 	}

 	100% {
 		-webkit-transform: translateX(0) rotateY(180deg);
 		transform: translateX(0) rotateY(180deg)
 	}
 }

 .jump {
 	-webkit-animation: jumpAni 7s linear infinite;
 	animation: jumpAni 7s linear infinite
 }

 @-webkit-keyframes jumpAni {
 	0% {
 		-webkit-transform: translateY(0);
 		transform: translateY(0)
 	}

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

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

 @keyframes jumpAni {
 	0% {
 		-webkit-transform: translateY(0);
 		transform: translateY(0)
 	}

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

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

 .jump-reverse {
 	-webkit-animation: jumpReverseAni 7s linear infinite;
 	animation: jumpReverseAni 7s linear infinite
 }

 @-webkit-keyframes jumpReverseAni {
 	0% {
 		-webkit-transform: translateY(0);
 		transform: translateY(0)
 	}

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

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

 @keyframes jumpReverseAni {
 	0% {
 		-webkit-transform: translateY(0);
 		transform: translateY(0)
 	}

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

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

 .movingY {
 	-webkit-animation: movingY 17s linear infinite;
 	animation: movingY 17s linear infinite
 }

 @-webkit-keyframes movingY {
 	0% {
 		-webkit-transform: translateY(0);
 		transform: translateY(0)
 	}

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

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

 @keyframes movingY {
 	0% {
 		-webkit-transform: translateY(0);
 		transform: translateY(0)
 	}

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

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

 .movingY-reverse {
 	-webkit-animation: movingYReverseAni 17s linear infinite;
 	animation: movingYReverseAni 17s linear infinite
 }

 @-webkit-keyframes movingYReverseAni {
 	0% {
 		-webkit-transform: translateY(0);
 		transform: translateY(0)
 	}

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

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

 @keyframes movingYReverseAni {
 	0% {
 		-webkit-transform: translateY(0);
 		transform: translateY(0)
 	}

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

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

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

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

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

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

 @-webkit-keyframes rotate {
 	0% {
 		-webkit-transform: rotate(0);
 		transform: rotate(0)
 	}

 	50% {
 		-webkit-transform: rotate(40deg);
 		transform: rotate(40deg)
 	}

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

 @keyframes rotate {
 	0% {
 		-webkit-transform: rotate(0);
 		transform: rotate(0)
 	}

 	50% {
 		-webkit-transform: rotate(40deg);
 		transform: rotate(40deg)
 	}

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

 @-webkit-keyframes animate-positive {
 	0% {
 		width: 0
 	}
 }

 @keyframes animate-positive {
 	0% {
 		width: 0
 	}
 }

 @-webkit-keyframes lineMove {
 	0% {
 		bottom: 0;
 		opacity: 1
 	}

 	50% {
 		bottom: 100%;
 		opacity: 0.3
 	}

 	100% {
 		bottom: 0;
 		opacity: 1
 	}
 }

 @keyframes lineMove {
 	0% {
 		bottom: 0;
 		opacity: 1
 	}

 	50% {
 		bottom: 100%;
 		opacity: 0.3
 	}

 	100% {
 		bottom: 0;
 		opacity: 1
 	}
 }

 @-webkit-keyframes lineMove2 {
 	0% {
 		top: 0;
 		opacity: 1
 	}

 	50% {
 		top: 100%;
 		opacity: 0.3
 	}

 	100% {
 		top: 0;
 		opacity: 1
 	}
 }

 @keyframes lineMove2 {
 	0% {
 		top: 0;
 		opacity: 1
 	}

 	50% {
 		top: 100%;
 		opacity: 0.3
 	}

 	100% {
 		top: 0;
 		opacity: 1
 	}
 }

 @-webkit-keyframes shapePulse {
 	0% {
 		-webkit-transform: scaleY(1);
 		transform: scaleY(1)
 	}

 	50% {
 		-webkit-transform: scaleY(0.88);
 		transform: scaleY(0.88)
 	}

 	100% {
 		-webkit-transform: scaleY(1);
 		transform: scaleY(1)
 	}
 }

 @keyframes shapePulse {
 	0% {
 		-webkit-transform: scaleY(1);
 		transform: scaleY(1)
 	}

 	50% {
 		-webkit-transform: scaleY(0.88);
 		transform: scaleY(0.88)
 	}

 	100% {
 		-webkit-transform: scaleY(1);
 		transform: scaleY(1)
 	}
 }

 .movingTopRight {
 	-webkit-animation: movingTopRight 15s linear infinite;
 	animation: movingTopRight 15s linear infinite
 }

 @-webkit-keyframes movingTopRight {
 	0% {
 		-webkit-transform: translate(0, 0);
 		transform: translate(0, 0)
 	}

 	50% {
 		-webkit-transform: translate(-90px, 90px);
 		transform: translate(-90px, 90px)
 	}

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

 @keyframes movingTopRight {
 	0% {
 		-webkit-transform: translate(0, 0);
 		transform: translate(0, 0)
 	}

 	50% {
 		-webkit-transform: translate(-90px, 90px);
 		transform: translate(-90px, 90px)
 	}

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

 .movingBottomLeft {
 	-webkit-animation: movingBottomLeft 15s linear infinite;
 	animation: movingBottomLeft 15s linear infinite
 }

 @-webkit-keyframes movingBottomLeft {
 	0% {
 		-webkit-transform: translate(0, 0);
 		transform: translate(0, 0)
 	}

 	50% {
 		-webkit-transform: translate(90px, -90px);
 		transform: translate(90px, -90px)
 	}

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

 @keyframes movingBottomLeft {
 	0% {
 		-webkit-transform: translate(0, 0);
 		transform: translate(0, 0)
 	}

 	50% {
 		-webkit-transform: translate(90px, -90px);
 		transform: translate(90px, -90px)
 	}

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

 @-webkit-keyframes bgSlide {
 	0% {
 		background-position: 0 0
 	}

 	0% {
 		background-position: 0 -50%
 	}

 	0% {
 		background-position: 0 0
 	}
 }

 @keyframes bgSlide {
 	0% {
 		background-position: 0 0
 	}

 	0% {
 		background-position: 0 -50%
 	}

 	0% {
 		background-position: 0 0
 	}
 }

 .scalein.as-animated {
 	--animation-name: scalein
 }

 .slidetopleft.as-animated {
 	--animation-name: slidetopleft
 }

 .slidebottomright.as-animated {
 	--animation-name: slidebottomright
 }

 .slideinleft.as-animated {
 	--animation-name: slideinleft
 }

 .slideinright.as-animated {
 	--animation-name: slideinright
 }

 .slideinup.as-animated {
 	--animation-name: slideinup
 }

 .slideindown.as-animated {
 	--animation-name: slideindown
 }

 .rollinleft.as-animated {
 	--animation-name: rollinleft
 }

 .rollinright.as-animated {
 	--animation-name: rollinright
 }

 .scalein,
 .slidetopleft,
 .slidebottomright,
 .slideinleft,
 .slideinright,
 .slideindown,
 .slideinup,
 .rollinleft,
 .rollinright {
 	opacity: 0;
 	-webkit-animation-fill-mode: both;
 	animation-fill-mode: both;
 	-webkit-animation-iteration-count: 1;
 	animation-iteration-count: 1;
 	-webkit-animation-duration: 1s;
 	animation-duration: 1s;
 	-webkit-animation-delay: 0.3s;
 	animation-delay: 0.3s;
 	-webkit-animation-name: var(--animation-name);
 	animation-name: var(--animation-name)
 }

 .as-animated {
 	opacity: 1
 }

 @-webkit-keyframes slideinup {
 	0% {
 		opacity: 0;
 		-webkit-transform: translateY(70px);
 		transform: translateY(70px)
 	}

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

 @keyframes slideinup {
 	0% {
 		opacity: 0;
 		-webkit-transform: translateY(70px);
 		transform: translateY(70px)
 	}

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

 @-webkit-keyframes slideinright {
 	0% {
 		opacity: 0;
 		-webkit-transform: translateX(70px);
 		transform: translateX(70px)
 	}

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

 @keyframes slideinright {
 	0% {
 		opacity: 0;
 		-webkit-transform: translateX(70px);
 		transform: translateX(70px)
 	}

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

 @-webkit-keyframes slideindown {
 	0% {
 		opacity: 0;
 		-webkit-transform: translateY(-70px);
 		transform: translateY(-70px)
 	}

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

 @keyframes slideindown {
 	0% {
 		opacity: 0;
 		-webkit-transform: translateY(-70px);
 		transform: translateY(-70px)
 	}

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

 @-webkit-keyframes slideinleft {
 	0% {
 		opacity: 0;
 		-webkit-transform: translateX(-90px);
 		transform: translateX(-90px)
 	}

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

 @keyframes slideinleft {
 	0% {
 		opacity: 0;
 		-webkit-transform: translateX(-90px);
 		transform: translateX(-90px)
 	}

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

 @-webkit-keyframes slidebottomright {
 	0% {
 		opacity: 0;
 		-webkit-transform: translateX(100px) translateY(100px);
 		transform: translateX(100px) translateY(100px)
 	}

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

 @keyframes slidebottomright {
 	0% {
 		opacity: 0;
 		-webkit-transform: translateX(100px) translateY(100px);
 		transform: translateX(100px) translateY(100px)
 	}

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

 @-webkit-keyframes slidetopleft {
 	0% {
 		opacity: 0;
 		-webkit-transform: translateX(-100px) translateY(-100px);
 		transform: translateX(-100px) translateY(-100px)
 	}

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

 @keyframes slidetopleft {
 	0% {
 		opacity: 0;
 		-webkit-transform: translateX(-100px) translateY(-100px);
 		transform: translateX(-100px) translateY(-100px)
 	}

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

 @-webkit-keyframes scalein {
 	0% {
 		opacity: 0;
 		-webkit-transform: scale(0.3);
 		transform: scale(0.3)
 	}

 	100% {
 		-webkit-transform: scale(1);
 		transform: scale(1)
 	}
 }

 @keyframes scalein {
 	0% {
 		opacity: 0;
 		-webkit-transform: scale(0.3);
 		transform: scale(0.3)
 	}

 	100% {
 		-webkit-transform: scale(1);
 		transform: scale(1)
 	}
 }

 @-webkit-keyframes rollinleft {
 	0% {
 		opacity: 0;
 		-webkit-transform: translateX(-100%) rotate(-120deg);
 		transform: translateX(-100%) rotate(-120deg)
 	}

 	to {
 		-webkit-transform: translateX(0) rotate(0deg);
 		transform: translateX(0) rotate(0deg)
 	}
 }

 @keyframes rollinleft {
 	0% {
 		opacity: 0;
 		-webkit-transform: translateX(-100%) rotate(-120deg);
 		transform: translateX(-100%) rotate(-120deg)
 	}

 	to {
 		-webkit-transform: translateX(0) rotate(0deg);
 		transform: translateX(0) rotate(0deg)
 	}
 }

 @-webkit-keyframes rollinright {
 	0% {
 		opacity: 0;
 		-webkit-transform: translateX(100%) rotate(120deg);
 		transform: translateX(100%) rotate(120deg)
 	}

 	to {
 		-webkit-transform: translateX(0) rotate(0deg);
 		transform: translateX(0) rotate(0deg)
 	}
 }

 @keyframes rollinright {
 	0% {
 		opacity: 0;
 		-webkit-transform: translateX(100%) rotate(120deg);
 		transform: translateX(100%) rotate(120deg)
 	}

 	to {
 		-webkit-transform: translateX(0) rotate(0deg);
 		transform: translateX(0) rotate(0deg)
 	}
 }

 .widget_nav_menu ul,
 .widget_meta ul,
 .widget_pages ul,
 .widget_archive ul,
 .widget_categories ul {
 	list-style: none;
 	padding: 0;
 	margin: 0 0 0 0
 }

 .widget_nav_menu>ul,
 .widget_meta>ul,
 .widget_pages>ul,
 .widget_archive>ul,
 .widget_categories>ul {
 	margin: 0 0 -15px 0
 }

 .widget_nav_menu a,
 .widget_meta a,
 .widget_pages a,
 .widget_archive a,
 .widget_categories a {
 	display: block;
 	background-color: var(--white-color);
 	margin: 0 0 15px 0;
 	padding: 17px 45px 17px 25px;
 	font-size: 16px;
 	font-weight: 500;
 	line-height: 1;
 	color: var(--body-color)
 }

 .widget_nav_menu a::before,
 .widget_meta a::before,
 .widget_pages a::before,
 .widget_archive a::before,
 .widget_categories a::before {
 	content: '\f061';
 	position: absolute;
 	right: 25px;
 	top: 16px;
 	font-family: var(--icon-font);
 	font-weight: 400;
 	color: var(--theme-color);
 	-webkit-transition: all ease 0.4s;
 	transition: all ease 0.4s
 }

 .widget_nav_menu a:hover,
 .widget_meta a:hover,
 .widget_pages a:hover,
 .widget_archive a:hover,
 .widget_categories a:hover {
 	color: var(--title-color);
 	background-color: var(--theme-color)
 }

 .widget_nav_menu a:hover:before,
 .widget_meta a:hover:before,
 .widget_pages a:hover:before,
 .widget_archive a:hover:before,
 .widget_categories a:hover:before {
 	color: var(--title-color)
 }

 .widget_nav_menu li,
 .widget_meta li,
 .widget_pages li,
 .widget_archive li,
 .widget_categories li {
 	display: block;
 	position: relative
 }

 .widget_nav_menu li:last-child a,
 .widget_meta li:last-child a,
 .widget_pages li:last-child a,
 .widget_archive li:last-child a,
 .widget_categories li:last-child a {
 	border-bottom: none
 }

 .widget_nav_menu li>span,
 .widget_meta li>span,
 .widget_pages li>span,
 .widget_archive li>span,
 .widget_categories li>span {
 	text-align: center;
 	position: absolute;
 	right: 25px;
 	top: 12px;
 	font-size: 14px;
 	-webkit-transition: all ease 0.4s;
 	transition: all ease 0.4s
 }

 .widget_nav_menu li:hover>span,
 .widget_meta li:hover>span,
 .widget_pages li:hover>span,
 .widget_archive li:hover>span,
 .widget_categories li:hover>span {
 	color: var(--white-color)
 }

 .widget_nav_menu .children,
 .widget_meta .children,
 .widget_pages .children,
 .widget_archive .children,
 .widget_categories .children {
 	margin-left: 10px
 }

 .widget_nav_menu a,
 .widget_meta a,
 .widget_pages a {
 	padding-right: 20px
 }

 .widget_nav_menu .sub-menu {
 	margin-left: 10px
 }

 .wp-block-archives {
 	list-style: none;
 	margin: 0;
 	padding: 0;
 	margin-bottom: 20px
 }

 .wp-block-archives a:not(:hover) {
 	color: inherit
 }

 .as-blog ul.wp-block-archives li {
 	margin: 5px 0
 }

 .widget {
 	padding: var(--widget-padding-y, 40px) var(--widget-padding-x, 40px);
 	background-color: var(--smoke-color);
 	margin-bottom: 40px;
 	position: relative
 }

 .widget select,
 .widget input {
 	height: 55px;
 	border: none;
 	background-color: var(--input-bg, #fff);
 	border-radius: 0
 }

 .widget_title {
 	position: relative;
 	font-size: 24px;
 	font-weight: 700;
 	font-family: var(--title-font);
 	line-height: 1em;
 	text-transform: capitalize;
 	margin: 0 0 15px 0;
 	color: var(--theme-color);
 }

 .widget .search-form {
 	display: -webkit-box;
 	display: -webkit-flex;
 	display: -ms-flexbox;
 	display: flex
 }

 .widget .search-form input {
 	-webkit-box-flex: 1;
 	-webkit-flex: 1;
 	-ms-flex: 1;
 	flex: 1
 }

 .widget .search-form button {
 	border: none;
 	width: 55px;
 	height: 55px;
 	background-color: var(--theme-color);
 	color: var(--title-color);
 	display: inline-block
 }

 .widget .search-form button:hover {
 	background-color: var(--title-color);
 	color: var(--white-color)
 }

 .wp-block-tag-cloud a,
 .tagcloud a {
 	display: inline-block;
 	border: 1px solid #ececec;
 	font-size: 14px;
 	font-weight: 600;
 	line-height: 1;
 	padding: 10.5px 15px;
 	margin-right: 5px;
 	margin-bottom: 10px;
 	color: var(--body-color);
 	background-color: var(--white-color);
 	border-radius: 0
 }

 .wp-block-tag-cloud a:hover,
 .tagcloud a:hover {
 	background-color: var(--theme-color);
 	color: var(--title-color) !important
 }

 .tagcloud {
 	margin-right: -10px;
 	margin-bottom: -10px
 }

 .recent-post {
 	display: -webkit-box;
 	display: -webkit-flex;
 	display: -ms-flexbox;
 	display: flex;
 	-webkit-box-align: center;
 	-webkit-align-items: center;
 	-ms-flex-align: center;
 	align-items: center;
 	margin-bottom: 18px
 }

 .recent-post:last-child {
 	margin-bottom: 0
 }

 .recent-post .media-img {
 	margin-right: 15px;
 	width: 85px;
 	overflow: hidden
 }

 .recent-post .media-img img {
 	width: 100%;
 	-webkit-transition: 0.4s ease-in-out;
 	transition: 0.4s ease-in-out;
 	height: 86px;
 	object-fit: cover;
 }

 .recent-post .post-title {
 	font-weight: 600;
 	font-size: 15px;
 	line-height: 24px;
 	margin: 0 0 0 0;
 	font-family: var(--title-font);
 	text-transform: capitalize;
 }

 .recent-post .recent-post-meta {
 	margin-bottom: 0px
 }

 .recent-post .recent-post-meta a {
 	text-transform: capitalize;
 	font-size: 14px;
 	font-weight: 600;
 	color: var(--theme-color2);
 }

 .recent-post .recent-post-meta a i {
 	margin-right: 8px
 }

 .recent-post:hover .media-img img {
 	-webkit-transform: scale(1.1);
 	-ms-transform: scale(1.1);
 	transform: scale(1.1)
 }

 .wp-block-calendar,
 .calendar_wrap {
 	position: relative;
 	background-color: #fff;
 	padding-bottom: 0;
 	border: none
 }

 .wp-block-calendar span[class*="wp-calendar-nav"],
 .calendar_wrap span[class*="wp-calendar-nav"] {
 	position: absolute;
 	top: 8px;
 	left: 20px;
 	font-size: 14px;
 	color: var(--title-color);
 	font-weight: 500;
 	z-index: 1
 }

 .wp-block-calendar span[class*="wp-calendar-nav"] a,
 .calendar_wrap span[class*="wp-calendar-nav"] a {
 	color: inherit
 }

 .wp-block-calendar span.wp-calendar-nav-next,
 .calendar_wrap span.wp-calendar-nav-next {
 	left: auto;
 	right: 20px
 }

 .wp-block-calendar caption,
 .calendar_wrap caption {
 	caption-side: top;
 	text-align: center;
 	color: var(--title-color);
 	background-color: #f1dbbe
 }

 .wp-block-calendar th,
 .calendar_wrap th {
 	font-size: 14px;
 	padding: 5px 5px;
 	border: none;
 	text-align: center;
 	border-right: 1px solid #fff;
 	color: #01133c;
 	font-weight: 500
 }

 .wp-block-calendar th a,
 .calendar_wrap th a {
 	color: inherit
 }

 .wp-block-calendar td,
 .calendar_wrap td {
 	font-size: 14px;
 	padding: 5px;
 	color: #01133c;
 	border: 1px solid #ededed;
 	text-align: center;
 	background-color: transparent;
 	-webkit-transition: all ease 0.4s;
 	transition: all ease 0.4s
 }

 .wp-block-calendar #today,
 .calendar_wrap #today {
 	color: var(--theme-color);
 	background-color: var(--white-color);
 	border-color: #ededed
 }

 .wp-block-calendar thead,
 .calendar_wrap thead {
 	background-color: #f6f6f6
 }

 .wp-block-calendar .wp-calendar-table,
 .calendar_wrap .wp-calendar-table {
 	margin-bottom: 0
 }

 .wp-block-calendar .wp-calendar-nav .pad,
 .calendar_wrap .wp-calendar-nav .pad {
 	display: none
 }

 .sidebar-gallery {
 	display: grid;
 	grid-template-columns: repeat(3, 1fr);
 	gap: 20px
 }

 .sidebar-gallery .gallery-thumb {
 	overflow: hidden
 }

 .sidebar-gallery .gallery-thumb img {
 	width: 100%
 }

 .widget_shopping_cart {
 	text-align: left
 }

 .widget_shopping_cart ul {
 	margin: 0;
 	padding: 0;
 	list-style-type: none
 }

 .widget_shopping_cart .mini_cart_item {
 	position: relative;
 	border-bottom: 1px solid var(--border-color);
 	padding: 0 0 32px 110px;
 	margin: 0 0 27px 0;
 	min-height: 90px
 }

 .widget_shopping_cart .remove {
 	position: absolute;
 	right: 0;
 	top: 0;
 	color: var(--title-color);
 	line-height: 1;
 	font-size: 18px
 }

 .widget_shopping_cart .remove:hover {
 	color: var(--theme-color)
 }

 .widget_shopping_cart .img {
 	position: absolute;
 	left: 0;
 	top: 3px;
 	width: 90px;
 	height: 90px;
 	display: inline-block;
 	border: 1px solid var(--border-color)
 }

 .widget_shopping_cart .product-title {
 	font-size: 14px;
 	color: var(--title-color);
 	font-weight: 400;
 	margin-bottom: 0;
 	display: inline-block
 }

 .widget_shopping_cart .amount {
 	display: block;
 	font-weight: 600;
 	color: var(--title-color);
 	font-size: 16px
 }

 .widget_shopping_cart .quantity {
 	display: -webkit-inline-box;
 	display: -webkit-inline-flex;
 	display: -ms-inline-flexbox;
 	display: inline-flex;
 	margin-top: 12px
 }

 .widget_shopping_cart .qut-btn {
 	border: 1px solid var(--border-color);
 	background-color: transparent;
 	display: inline-block;
 	background-color: transparent;
 	width: 25px;
 	height: 25px;
 	padding: 0;
 	font-size: 12px;
 	z-index: 1;
 	position: relative
 }

 .widget_shopping_cart .qut-btn:hover {
 	background-color: var(--title-color);
 	border-color: transparent;
 	color: var(--white-color)
 }

 .widget_shopping_cart .qty-input {
 	border: 1px solid var(--border-color);
 	text-align: center;
 	width: -webkit-max-content;
 	width: -moz-max-content;
 	width: max-content;
 	min-width: 40px;
 	font-size: 12px;
 	padding: 0;
 	height: 25px;
 	margin: 0 -1px
 }

 .widget_shopping_cart .subtotal {
 	float: right;
 	text-align: right;
 	font-size: 12px;
 	margin-top: 19px
 }

 .widget_shopping_cart .subtotal>span:not(.amount) {
 	color: var(--body-color);
 	font-weight: 300
 }

 .widget_shopping_cart .subtotal .amount {
 	font-size: 12px;
 	display: inline-block
 }

 .widget_shopping_cart .total {
 	color: var(--title-color);
 	text-transform: uppercase;
 	line-height: 1;
 	margin-bottom: 25px;
 	font-size: 18px
 }

 .widget_shopping_cart .total .amount {
 	font-size: inherit;
 	display: inline-block;
 	color: var(--theme-color)
 }

 .widget_shopping_cart .as-btn {
 	border: 1px solid var(--title-color);
 	color: var(--title-color);
 	margin-right: 10px;
 	text-transform: capitalize;
 	height: 50px;
 	line-height: 47px;
 	padding: 0 35px;
 	background-color: var(--title-color);
 	color: var(--white-color);
 	font-weight: 400
 }

 .widget_shopping_cart .as-btn:hover {
 	background-color: transparent;
 	color: var(--title-color)
 }

 .widget_shopping_cart .buttons {
 	margin: 0
 }

 .sidebar-area {
 	margin-bottom: -10px
 }

 .sidebar-area ul.wp-block-latest-posts {
 	margin-bottom: 0
 }

 .sidebar-area ul.wp-block-latest-posts li:last-child {
 	margin-bottom: 0
 }

 .sidebar-area .wp-block-tag-cloud a,
 .sidebar-area .tagcloud a {
 	border: none
 }

 .sidebar-area .newsletter-form button {
 	width: 100%;
 	text-transform: capitalize;
 	font-size: 16px;
 	font-weight: 400;
 	height: 60px;
 	margin-top: 10px
 }

 .sidebar-area .widget .wp-block-search {
 	margin-bottom: 0
 }

 .sidebar-area .wp-block-group__inner-container h2 {
 	font-size: 20px;
 	line-height: 1em;
 	margin-bottom: 20px;
 	margin-top: -0.07em
 }

 .sidebar-area ol.wp-block-latest-comments {
 	padding: 0;
 	margin: 0
 }

 .sidebar-area ol.wp-block-latest-comments li {
 	line-height: 1.5;
 	margin: 0 0 20px 0;
 	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
 	padding-bottom: 20px
 }

 .sidebar-area ol.wp-block-latest-comments li:last-child {
 	margin-bottom: 0;
 	padding-bottom: 0;
 	border-bottom: none
 }

 .recent-product {
 	display: -webkit-box;
 	display: -webkit-flex;
 	display: -ms-flexbox;
 	display: flex
 }

 .recent-product .product-title {
 	font-size: 16px
 }

 .widget_download {
 	background-color: var(--title-color)
 }

 .widget_download .widget_title {
 	color: var(--white-color)
 }

 .donwload-media-wrap {
 	margin-top: -4px;
 	margin-bottom: -4px
 }

 .download-media {
 	display: -webkit-box;
 	display: -webkit-flex;
 	display: -ms-flexbox;
 	display: flex;
 	-webkit-box-align: center;
 	-webkit-align-items: center;
 	-ms-flex-align: center;
 	align-items: center;
 	margin-bottom: 20px;
 	padding-bottom: 20px;
 	border-bottom: 1px solid #212632
 }

 .download-media_icon {
 	margin-right: 15px
 }

 .download-media_icon i {
 	font-size: 32px;
 	color: var(--white-color)
 }

 .download-media_title {
 	color: var(--white-color);
 	font-size: 18px;
 	font-weight: bold;
 	margin-bottom: -4px
 }

 .download-media_text {
 	color: var(--white-color);
 	font-size: 14px
 }

 .download-media_btn {
 	margin-left: auto;
 	width: 40px;
 	height: 40px;
 	line-height: 40px;
 	background-color: var(--theme-color);
 	color: var(--white-color);
 	text-align: center
 }

 .download-media_btn:hover {
 	background-color: var(--white-color);
 	color: var(--theme-color)
 }

 .download-media:last-child {
 	margin-bottom: 0;
 	padding-bottom: 0;
 	border-bottom: none
 }

 .widget_offer {
 	padding-top: 60px;
 	padding-bottom: 60px;
 	background-color: var(--title-color)
 }

 .offer-banner {
 	text-align: center
 }

 .offer-banner .banner-logo {
 	margin-bottom: 20px
 }

 .offer-banner .banner-title {
 	color: var(--white-color);
 	max-width: 280px;
 	margin: 0 auto 20px auto
 }

 .offer-banner .offer {
 	background-color: var(--white-color);
 	padding: 30px 30px 60px 30px
 }

 .offer-banner .offer-title {
 	margin-bottom: 3px;
 	text-transform: uppercase
 }

 .offer-banner .offer-text {
 	font-family: var(--title-font);
 	margin-bottom: -0.3em
 }

 .offer-banner .as-btn {
 	margin-top: -30px
 }

 @media (max-width: 1199px) {
 	.widget {
 		--widget-padding-y: 30px;
 		--widget-padding-x: 30px
 	}

 	.widget_title {
 		font-size: 20px
 	}

 	.recent-post .post-title {
 		font-size: 18px;
 		line-height: 24px
 	}

 	.widget_offer {
 		padding-top: 40px;
 		padding-bottom: 40px
 	}
 }

 @media (max-width: 991px) {
 	.sidebar-area {
 		padding-top: 30px
 	}

 	.wp-block-tag-cloud a,
 	.tagcloud a {
 		padding: 10.5px 18px
 	}
 }

 @media (max-width: 575px) {
 	.widget {
 		padding: 30px 20px
 	}
 }

 .footer-widget {
 	margin-bottom: 30px
 }

 .footer-widget,
 .footer-widget .widget {
 	padding: 0;
 	border: none;
 	padding-bottom: 0;
 	background-color: transparent
 }

 .footer-widget .widget_title {
 	position: relative;
 	border: none;
 	font-family: var(--title-font);
 	font-size: 20px;
 	font-weight: 700;
 	text-transform: capitalize;
 	color: #fff;
 	line-height: 1;
 	border-bottom: 0;
 	padding: 0 0 0px 0;
 	margin: 0 0 41px 0;
 	max-width: 100%;
 	min-height: unset;

 }

 .footer-widget .widget_title:before,
 .footer-widget .widget_title:after {
 	content: '';
 	position: absolute;
 	left: 0;
 	bottom: 0;
 	width: 61px;
 	height: 2px;
 	background-color: var(--theme-color);
 	content: unset;
 }

 .footer-widget .widget_title:after {
 	content: unset;
 }

 .footer-widget.widget_meta,
 .footer-widget.widget_pages,
 .footer-widget.widget_archive,
 .footer-widget.widget_categories,
 .footer-widget.widget_nav_menu {
 	margin-bottom: 17px
 }

 .footer-widget.widget_meta ul,
 .footer-widget.widget_pages ul,
 .footer-widget.widget_archive ul,
 .footer-widget.widget_categories ul,
 .footer-widget.widget_nav_menu ul {
 	margin-top: -2px
 }

 .footer-widget.widget_meta a,
 .footer-widget.widget_pages a,
 .footer-widget.widget_archive a,
 .footer-widget.widget_categories a,
 .footer-widget.widget_nav_menu a {
 	font-size: 14px;
 	font-weight: 400;
 	line-height: 25px;
 	padding: 0 0 0px;
 	margin-bottom: 13px;
 	display: block;
 	max-width: 100%;
 	width: -webkit-max-content;
 	width: -moz-max-content;
 	width: 100%;
 	padding-right: 0;
 	background-color: transparent;
 	position: relative;
 	position: relative;
 	color: var(--white-color);
 	font-size: 15px;
 	font-weight: 400;
 	line-height: 26px;
 	padding-left: 0px;
 	position: relative;
 	display: block;
 	margin-bottom: 10px;
 }

 .footer-widget.widget_nav_menu a:before {}

 .footer-widget.widget_meta a:before,
 .footer-widget.widget_pages a:before,
 .footer-widget.widget_archive a:before,
 .footer-widget.widget_categories a:before,
 .footer-widget.widget_nav_menu a:before {
 	content: "\f356";
 	font-weight: 900;
 	left: 0;
 	top: 0;
 	color: inherit
 }

 .footer-widget.widget_meta a:hover,
 .footer-widget.widget_pages a:hover,
 .footer-widget.widget_archive a:hover,
 .footer-widget.widget_categories a:hover,
 .footer-widget.widget_nav_menu a:hover {
 	background-color: transparent;
 	color: var(--theme-color);
 	color: var(--theme-color2);
 }

 .footer-widget.widget_meta a:hover:before,
 .footer-widget.widget_pages a:hover:before,
 .footer-widget.widget_archive a:hover:before,
 .footer-widget.widget_categories a:hover:before,
 .footer-widget.widget_nav_menu a:hover:before {
 	color: var(--theme-color)
 }

 .footer-widget.widget_meta li>span,
 .footer-widget.widget_pages li>span,
 .footer-widget.widget_archive li>span,
 .footer-widget.widget_categories li>span,
 .footer-widget.widget_nav_menu li>span {
 	width: auto;
 	height: auto;
 	position: relative;
 	background-color: transparent;
 	color: var(--body-color);
 	line-height: 1
 }

 .footer-widget.widget_meta li:last-child a,
 .footer-widget.widget_pages li:last-child a,
 .footer-widget.widget_archive li:last-child a,
 .footer-widget.widget_categories li:last-child a,
 .footer-widget.widget_nav_menu li:last-child a {
 	margin-bottom: 0
 }

 .footer-widget .recent-post {
 	max-width: 280px;
 	margin-bottom: 20px;
 	padding-bottom: 20px;
 	border-bottom: 1px solid #2B2F3A
 }

 .footer-widget .recent-post .media-img {
 	margin-right: 20px
 }

 .footer-widget .recent-post .post-title {
 	color: var(--white-color)
 }

 .footer-widget .recent-post:last-child {
 	margin-bottom: 0;
 	padding-bottom: 0;
 	border-bottom: 0
 }

 .footer-widget .footer-logo {
 	margin-bottom: 29px
 }

 .as-widget-schedule {
 	margin-top: -0.25em
 }

 .as-widget-schedule .footer-info {
 	padding-left: 0
 }

 .footer-table {
 	margin-top: -15px;
 	border: none;
 	margin-bottom: 0
 }

 .footer-table th,
 .footer-table td {
 	border: none;
 	padding: 8px 0;
 	font-size: 16px
 }

 .footer-table td {
 	padding-left: 50px
 }

 .footer-table th {
 	padding-right: 13px;
 	font-weight: 500;
 	color: var(--white-color)
 }

 @-webkit-keyframes footerLine {
 	0% {
 		left: 40px
 	}

 	50% {
 		left: 0
 	}

 	100% {
 		left: 40px
 	}
 }

 @keyframes footerLine {
 	0% {
 		left: 40px
 	}

 	50% {
 		left: 0
 	}

 	100% {
 		left: 40px
 	}
 }

 .as-widget-about {
 	max-width: 100%
 }

 .footer-text {
 	margin-bottom: 25px;
 	margin-top: -0.5em
 }

 .footer-info-title {
 	font-size: 14px;
 	font-family: var(--title-font);
 	font-weight: bold;
 	text-transform: uppercase;
 	color: var(--white-color);
 	margin-bottom: 10px;
 	margin-top: -0.2em
 }

 .footer-info {
 	position: relative;
 	margin: 0 0 25px 0;
 	display: -webkit-box;
 	display: -webkit-flex;
 	display: -ms-flexbox;
 	display: flex;
 	-webkit-box-align: center;
 	-webkit-align-items: center;
 	-ms-flex-align: center;
 	align-items: center;
 	-webkit-box-flex: 1;
 	-webkit-flex: 1;
 	-ms-flex: 1;
 	flex: 1;
 	padding: 0 0 0 35px;
 	max-width: 300px
 }

 .footer-info:last-child {
 	margin-bottom: 0
 }

 .footer-info i {
 	display: inline-block;
 	width: 25px;
 	height: 25px;
 	line-height: 25px;
 	text-align: center;
 	background-color: var(--theme-color);
 	color: var(--title-color);
 	position: absolute;
 	left: 0;
 	font-size: 10px
 }

 @media (max-width: 1199px) {
 	.recent-post .post-title {
 		font-size: 16px;
 		line-height: 22px
 	}
 }

 .as-header {
 	position: absolute;
 	z-index: 41;
 	width: 100%;
 	top: 0;
 	left: 0;
 	right: 0;


 }

 /*
.as-header:before {
content: "";
    background: linear-gradient(to left, rgba(0, 10, 91, .8) 0%, rgb(0 10 91 / 2%) 50%);
    position: absolute;
    top: 0;
    width: 80%;
    right: 0;
    bottom: 0;
    z-index: 1;
    opacity: 0.5;
    height: 100vh;
}*/
 .as-header .icon-btn {
 	--btn-size: 40px;
 	line-height: 42px
 }

 .as-header .info-card-wrap {
 	display: -webkit-box;
 	display: -webkit-flex;
 	display: -ms-flexbox;
 	display: flex;
 	gap: 15px 50px
 }

 .as-header .info-card_icon {
 	color: var(--title-color)
 }

 .as-header .info-card_icon i {
 	background-color: var(--icon-bg, #fff);
 	width: 45px;
 	height: 45px;
 	line-height: 45px;
 	font-size: 16px
 }

 .as-header .info-card_text {
 	font-size: 14px;
 	margin-bottom: 0
 }

 .as-header .info-card_link {
 	font-size: 18px;
 	color: var(--title-color)
 }

 .as-header .info-card_link:hover {
 	color: var(--theme-color)
 }

 .will-sticky .sticky-active {
 	position: fixed;
 	top: -100%;
 	right: 0;
 	left: 0;
 	background-color: #fff;
 	-webkit-transition: all ease 0.8s;
 	transition: all ease 0.8s;
 	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.07)
 }

 .will-sticky .sticky-active.active {
 	top: 0
 }

 .main-menu a {
 	display: block;
 	position: relative;
 	font-family: var(--title-font);
 	font-weight: 600;
 	font-size: 16px;
 	color: var(--title-color);
 	text-transform: capitalize;
 	text-align: left;


 }

 .main-menu a .new-label {
 	font-size: 13px;
 	background-color: var(--theme-color);
 	color: var(--title-color);
 	padding: 2px 5px;
 	border-radius: 4px;
 	position: relative;
 	top: -1px
 }

 .main-menu a:hover {
 	color: var(--theme-color)
 }

 .main-menu>ul>li {
 	margin: 0 13px
 }

 .main-menu>ul>li>a {
 	padding: 26px 0
 }

 .main-menu ul {
 	margin: 0;
 	padding: 0
 }

 .main-menu>ul {

 	display: block;
 }

 .main-menu ul li {
 	list-style-type: none;
 	display: inline-block;
 	position: relative
 }

 .main-menu ul li.menu-item-has-children>a {
 	padding-right: 23px !important
 }

 .main-menu ul li.menu-item-has-children>a:after {
 	content: "\f107";
 	position: absolute;
 	font-family: var(--icon-font);
 	margin-left: 0;
 	top: 1px;
 	right: 0;
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	height: 100%;
 }

 .main-menu ul li:last-child {
 	margin-right: 0 !important
 }

 .main-menu ul li:first-child {
 	margin-left: 0 !important
 }

 .main-menu ul li:hover>ul.sub-menu {
 	visibility: visible;
 	opacity: 1;
 	margin-top: 0;
 	z-index: 9
 }

 .main-menu ul.sub-menu {
 	position: absolute;
 	text-align: left;
 	top: 100%;
 	left: 0;
 	background-color: var(--white-color);
 	box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
 	visibility: hidden;
 	min-width: 190px;
 	width: -webkit-max-content;
 	width: -moz-max-content;
 	width: max-content;
 	padding: 7px;
 	left: -14px;
 	margin-top: 50px;
 	opacity: 0;
 	z-index: -1;
 	border-bottom: none;
 	box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.09), 0px 3px 0px 0px rgba(231, 13, 60, 0.004);
 	-webkit-transform-origin: top center;
 	-ms-transform-origin: top center;
 	transform-origin: top center;
 	-webkit-transition: margin-top 0.4s ease-in-out 0s, visibility 0.4s ease-in-out 0s, opacity 0.4s ease-in-out 0s, z-index 0s;
 	transition: margin-top 0.4s ease-in-out 0s, visibility 0.4s ease-in-out 0s, opacity 0.4s ease-in-out 0s, z-index 0s
 }

 .main-menu ul.sub-menu a {
 	font-size: 14px;
 	line-height: 30px
 }

 .main-menu ul.sub-menu {
 	padding: 0px 0px;
 	left: 0px;

 }

 .main-menu ul.sub-menu li {
 	display: block;
 	margin: 0 0;
 	padding: 0px 0px
 }

 .main-menu ul.sub-menu li.menu-item-has-children>a:after {
 	content: "\f105";
 	float: right;
 	top: 3px
 }

 .main-menu ul.sub-menu li a {
 	position: relative;
 	padding: 9px 20px 9px 15px;
 	border-bottom: 1px solid #efefef;
 	line-height: 25px;
 	font-size: 15px;
 }

 .main-menu ul.sub-menu li a.ss-dicon:before {
 	content: "\f107";
 	position: absolute;
 	font-family: var(--icon-font);
 	right: 9px;
 	top: 5px;

 	-webkit-transform: rotate(270deg);
 	-ms-transform: rotate(270deg);
 	transform: rotate(270deg);
 }

 .main-menu ul.sub-menu li a:hover,
 .main-menu ul.sub-menu>li:hover>a {
 	background-color: var(--theme-color);
 	padding-left: 18px;
 	color: #fff;

 }

 .main-menu ul.sub-menu li ul.sub-menu {
 	left: 100%;
 	right: auto;
 	top: 0;
 	margin: 0 0;
 	margin-left: 0px
 }

 .main-menu ul.sub-menu li ul.sub-menu li ul {
 	left: 100%;
 	right: auto
 }

 .main-menu .mega-menu-wrap {
 	position: static
 }

 .header-notice {
 	margin-bottom: 0
 }

 .header-link {
 	display: inline-block;
 	color: var(--title-color);
 	margin-right: 40px
 }

 .header-link:last-child {
 	margin-right: 0
 }

 .header-link:hover {
 	color: var(--theme-color)
 }

 .header-link .icon-btn {
 	margin-right: 10px;
 	font-size: 14px
 }

 .header-button {
 	height: 100%;
 	display: -webkit-box;
 	display: -webkit-flex;
 	display: -ms-flexbox;
 	display: flex;
 	-webkit-box-align: center;
 	-webkit-align-items: center;
 	-ms-flex-align: center;
 	align-items: center;
 	gap: 20px
 }

 .header-button .dropdown-link {
 	margin-right: 15px
 }

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

 .header-links i {
 	margin-right: 7px
 }

 .header-links li {
 	display: inline-block;
 	position: relative;
 	font-size: 16px;
 	font-weight: 500
 }

 .header-links li:not(:last-child) {
 	padding: 0 20px 0 0;
 	margin: 0 15px 0 0
 }

 .header-links li:not(:last-child):before {
 	content: "";
 	position: absolute;
 	right: 0;
 	top: 50%;
 	background-color: var(--theme-color);
 	width: 1px;
 	height: 20px;
 	margin: -10px 0 0 0
 }

 .header-social .social-title {
 	font-weight: 500;
 	font-size: 14px;
 	display: inline-block;
 	margin: 0 10px 0 0
 }

 .header-social i {
 	margin: 0 !important
 }

 .header-social a {
 	font-size: 14px;
 	display: inline-block;
 	color: var(--body-color);
 	margin: 0 15px 0 0
 }

 .header-social a:last-child {
 	margin-right: 0
 }

 .header-social a:hover {
 	color: var(--theme-color)
 }

 .dropdown-link {
 	position: relative
 }

 .dropdown-link>a {
 	color: var(--title-color)
 }

 .dropdown-toggle::after {
 	content: '\f107';
 	border: none;
 	font-family: var(--icon-font);
 	vertical-align: middle;
 	font-weight: 400;
 	margin-left: 6px
 }

 .dropdown-menu {
 	width: -webkit-fit-content;
 	width: -moz-fit-content;
 	width: fit-content;
 	min-width: auto;
 	top: calc(100% + 10px) !important;
 	left: 50% !important;
 	-webkit-transform: translateX(-50%) !important;
 	-ms-transform: translateX(-50%) !important;
 	transform: translateX(-50%) !important;
 	padding: 8px 20px !important;
 	text-align: center;
 	border-color: var(--border-color)
 }

 .dropdown-menu li {
 	padding-right: 0;
 	margin-right: 0
 }

 .dropdown-menu li:after {
 	display: none
 }

 .dropdown-menu li a {
 	display: block
 }

 .dropdown-menu a {
 	color: var(--body-color)
 }

 .dropdown-menu a:hover {
 	color: var(--theme-color)
 }

 .dropdown-menu:before {
 	content: '';
 	position: absolute;
 	left: 50%;
 	top: -7px;
 	width: 14px;
 	height: 14px;
 	margin-left: -7px;
 	background-color: var(--white-color);
 	z-index: -1;
 	-webkit-transform: rotate(45deg);
 	-ms-transform: rotate(45deg);
 	transform: rotate(45deg);
 	border-top: 1px solid var(--border-color);
 	border-left: 1px solid var(--border-color)
 }

 .icon-style2 {
 	background-color: transparent;
 	border: 1px dashed;
 	border-radius: 50%;
 	width: 45px;
 	height: 45px;
 	line-height: 44px;
 	color: var(--white-color);
 	font-size: 16px
 }

 .simple-icon {
 	font-size: 36px
 }

 .header-layout1 {
 	--main-container: 1440px
 }

 .header-layout1 .container {
 	margin-left: auto;
 	margin-right: 100px
 }

 .header-layout1 .header-top {
 	background-color: var(--theme-color);
 	padding: 14px 0;
 	--body-color: #1b1b1b
 }

 .header-layout1 .header-top a,
 .header-layout1 .header-top li,
 .header-layout1 .header-top p,
 .header-layout1 .header-top span,
 .header-layout1 .header-top i {
 	color: var(--title-color)
 }

 .header-layout1 .header-top a:hover {
 	color: var(--white-color)
 }

 .header-layout1 .header-top li:before {
 	background-color: var(--title-color)
 }

 .header-layout1 .simple-icon {
 	color: var(--white-color)
 }

 .header-layout1 .dropdown-menu {
 	--body-color: #74787C
 }

 .header-layout1 .logo-shape {
 	display: inline-block;
 	height: 100%;
 	width: 40%;
 	position: absolute;
 	top: 0;
 	left: 0;
 	background-color: var(--white-color);
 	-webkit-clip-path: polygon(0 0, 100% 0%, calc(100% - 40px) 100%, 0% 100%);
 	clip-path: polygon(0 0, 100% 0%, calc(100% - 40px) 100%, 0% 100%);
 	z-index: -1
 }

 .header-layout1 .menu-area {
 	position: relative;
 	background-color: var(--title-color);
 	background-size: auto;
 	background-repeat: repeat;
 	z-index: 2
 }

 .header-layout1 .main-menu>ul>li {
 	margin: 0 18px
 }

 .header-layout1 .main-menu>ul>li>a {
 	color: var(--white-color);
 	padding: 41.5px 0
 }

 .header-layout1 .as-menu-toggle {
 	margin: 20px 0
 }

 .header-layout1 .header-button {
 	margin-left: 10px
 }

 @media (min-width: 1922px) {
 	.header-layout1 {
 		--main-container: 1440px
 	}

 	.header-layout1 .container {
 		margin-left: auto;
 		margin-right: auto
 	}
 }

 @media (max-width: 1700px) {
 	.header-layout1 .logo-shape {
 		width: 25%
 	}
 }

 @media (max-width: 1399px) {
 	.header-layout1 .container {
 		margin-left: auto;
 		margin-right: auto
 	}
 }

 @media (max-width: 1199px) {
 	.header-layout1 .logo-shape {
 		width: 300px
 	}
 }

 @media (max-width: 991px) {
 	.header-layout1 .logo-shape {
 		width: 60%
 	}
 }

 @media (max-width: 767px) {
 	.header-layout1 .header-layout1 .header-top {
 		padding: 8px 0
 	}
 }

 @media (max-width: 375px) {
 	.header-layout1 .logo-shape {
 		width: 70%
 	}
 }

 .header-layout2 .top-area {
 	background-color: var(--title-color)
 }

 .header-layout2 .header-top {
 	padding: 12px 0;
 	--body-color: #fff;
 	border-bottom: 1px solid #323232
 }

 .header-layout2 .header-top a,
 .header-layout2 .header-top li,
 .header-layout2 .header-top p,
 .header-layout2 .header-top span,
 .header-layout2 .header-top i {
 	color: var(--white-color)
 }

 .header-layout2 .header-top a:hover {
 	color: var(--theme-color)
 }

 .header-layout2 .menu-top {
 	padding: 20px 0
 }

 .header-layout2 .menu-top .icon-btn {
 	background-color: var(--theme-color);
 	color: var(--title-color)
 }

 .header-layout2 .header-link {
 	color: var(--white-color);
 	padding-right: 30px;
 	margin-right: 30px;
 	border-right: 1px solid #343434
 }

 .header-layout2 .header-link:last-child {
 	padding-right: 0;
 	margin-right: 0;
 	border-right: none
 }

 .header-layout2 .header-link:hover {
 	color: var(--white-color)
 }

 .header-layout2 .as-social a {
 	background-color: var(--title-color);
 	border: 1px solid #343434;
 	color: var(--white-color)
 }

 .header-layout2 .as-social a:hover {
 	background-color: var(--theme-color);
 	color: var(--title-color);
 	border-color: var(--theme-color)
 }

 .header-layout2 .simple-icon {
 	color: var(--title-color)
 }

 .header-layout2 .dropdown-menu {
 	--body-color: #74787C
 }

 .header-layout2 .logo-shape {
 	display: inline-block;
 	height: 100%;
 	width: 40%;
 	position: absolute;
 	top: 0;
 	left: 0;
 	background: var(--white-color);
 	background-size: auto;
 	background-repeat: repeat;
 	-webkit-clip-path: polygon(0 0, calc(100% - 100px) 0%, 100% 100%, 0% 100%);
 	clip-path: polygon(0 0, calc(100% - 100px) 0%, 100% 100%, 0% 100%);
 	z-index: -1
 }

 .header-layout2 .icon-style2 {
 	color: var(--title-color)
 }

 .header-layout2 .menu-area {
 	position: relative;
 	background-color: transparent;
 	z-index: 2;
 	-webkit-backdrop-filter: blur(5px) brightness(1.5);
 	backdrop-filter: blur(5px) brightness(1.5);
 	background: linear-gradient(80.15deg, #ffffffd6 20%, #18cb968c 100%);
 }

 .header-layout2 .main-menu>ul>li {
 	margin: 0 21px
 }

 .header-layout2 .main-menu>ul>li>a {
 	color: #000000;
 	padding: 36px 0px;


 	line-height: 21px;
 }

 .header-layout2 .will-sticky .sticky-active .main-menu>ul>li>a {
 	color: var(--title-color);
 	padding: 36px 0px;
 	text-shadow: unset;
 }

 .header-layout2 .will-sticky .sticky-active .main-menu>ul>li>a:hover {
 	color: var(--theme-color);
 	text-shadow: unset;

 }

 .header-layout2 .main-menu>ul>li>a:hover,
 .header-layout2 .main-menu>ul>li:hover>a {
 	color: var(--theme-color);

 	text-shadow: unset;

 }

 .header-layout2 .as-menu-toggle {
 	margin: 20px 0
 }

 .header-layout2 .header-button {
 	margin-left: 10px
 }

 @media (max-width: 1700px) {
 	.header-layout2 .logo-shape {
 		width: 33%
 	}
 }

 @media (max-width: 1199px) {
 	.header-layout2 .header-link:nth-child(2) {
 		padding-right: 0;
 		margin-right: 0;
 		border-right: none
 	}
 }

 @media (max-width: 991px) {
 	.header-layout2 .logo-shape {
 		width: 60%
 	}

 	.header-layout2 .header-link {
 		padding-right: 0;
 		margin-right: 0;
 		border-right: none
 	}
 }

 @media (max-width: 767px) {
 	.header-notice {
 		text-align: center;
 		font-size: 14px
 	}

 	.header-layout2 .menu-top {
 		padding: 12px 0
 	}
 }

 @media (max-width: 575px) {
 	.header-layout2 .logo-shape {
 		width: 280px
 	}
 }

 .header-layout3 {
 	position: absolute;
 	top: 0;
 	left: 0;
 	width: 100%;
 	--main-container: 1920px
 }

 .header-layout3 .will-sticky .sticky-active {
 	background-color: var(--title-color)
 }

 .header-layout3 .container {
 	padding-left: 0;
 	padding-right: 0
 }

 .header-layout3 .header-logo {
 	background-color: rgba(255, 255, 255, 0.1);
 	padding: 15px 50px;
 	border-right: 5px solid var(--theme-color);
 	height: 100%;
 	display: -webkit-box;
 	display: -webkit-flex;
 	display: -ms-flexbox;
 	display: flex;
 	-webkit-box-align: center;
 	-webkit-align-items: center;
 	-ms-flex-align: center;
 	align-items: center
 }

 .header-layout3 .header-top {
 	padding: 15px 0;
 	--body-color: #fff
 }

 .header-layout3 .header-top a,
 .header-layout3 .header-top li,
 .header-layout3 .header-top p,
 .header-layout3 .header-top span,
 .header-layout3 .header-top i {
 	color: var(--white-color)
 }

 .header-layout3 .header-top a:hover {
 	color: var(--theme-color)
 }

 .header-layout3 .header-top li:before {
 	background-color: #D9D9D9
 }

 .header-layout3 .top-left {
 	padding-left: 50px
 }

 .header-layout3 .top-right {
 	width: 1080px;
 	padding-right: 50px
 }

 .header-layout3 .simple-icon {
 	color: var(--white-color)
 }

 .header-layout3 .dropdown-menu {
 	--body-color: #74787C
 }

 .header-layout3 .menu-area {
 	position: relative;
 	padding: 0 50px;
 	background-color: rgba(255, 255, 255, 0.1);
 	width: 1080px
 }

 .header-layout3 .main-menu>ul>li {
 	margin: 0 18px
 }

 .header-layout3 .main-menu>ul>li>a {
 	color: var(--white-color);
 	padding: 36.5px 0
 }

 .header-layout3 .as-menu-toggle {
 	margin: 15px 0
 }

 .header-layout3 .header-button {
 	margin-left: 10px;
 	gap: 30px
 }

 @media (max-width: 1700px) {
 	.header-layout3 .header-logo {
 		padding: 15px 30px
 	}

 	.header-layout3 .top-left {
 		padding-left: 30px
 	}

 	.header-layout3 .top-right {
 		width: 900px;
 		padding-right: 30px
 	}

 	.header-layout3 .menu-area {
 		padding: 0 30px;
 		width: 900px
 	}
 }

 @media (max-width: 1399px) {
 	.header-layout3 .container {
 		max-width: 100%
 	}

 	.header-layout3 .top-right {
 		width: 687px
 	}

 	.header-layout3 .menu-area {
 		width: 100%
 	}
 }

 @media (max-width: 1199px) {
 	.header-layout3 .header-logo {
 		padding: 15px 15px
 	}

 	.header-layout3 .top-left {
 		padding-left: 15px
 	}

 	.header-layout3 .top-right {
 		width: 660px;
 		padding-right: 15px
 	}

 	.header-layout3 .menu-area {
 		padding: 0 15px
 	}
 }

 @media (max-width: 991px) {
 	.header-layout3 .top-left {
 		padding-left: 15px
 	}

 	.header-layout3 .top-right {
 		width: 100%
 	}

 	.header-layout3 .top-right .row {
 		--bs-gutter-x: 50px
 	}
 }

 .header-layout4 {
 	background-color: var(--smoke-color);
 	position: relative
 }

 .header-layout4 .will-sticky .sticky-active {
 	background-color: var(--smoke-color)
 }

 .header-layout4 .will-sticky .sticky-active:after {
 	content: "";
 	height: 1px;
 	width: 40%;
 	background-color: #E2E2E2;
 	position: absolute;
 	top: 96px;
 	right: 0
 }

 .header-layout4:after {
 	content: "";
 	height: 1px;
 	width: 40%;
 	background-color: #E2E2E2;
 	position: absolute;
 	top: 96px;
 	right: 0
 }

 .header-layout4 .menu-top {
 	border-bottom: 1px solid #E2E2E2;
 	padding: 28px 0 28px 30px;
 	position: relative
 }

 .header-layout4 .header-logo {
 	height: 100%;
 	display: grid;
 	-webkit-box-align: center;
 	-webkit-align-items: center;
 	-ms-flex-align: center;
 	align-items: center;
 	padding: 15px 65px 15px 0;
 	border-right: 1px solid #E2E2E2
 }

 .header-layout4 .menu-area {
 	padding-left: 30px
 }

 .header-layout4 .as-btn {
 	padding: 16.5px 31px
 }

 @media (max-width: 1399px) {
 	.header-layout4 .header-logo {
 		padding: 15px 30px 15px 0
 	}
 }

 @media (max-width: 991px) {
 	.header-layout4:after {
 		display: none
 	}

 	.header-layout4 .will-sticky .sticky-active:after {
 		display: none
 	}
 }

 @media (max-width: 767px) {
 	.header-layout4 .menu-top {
 		border-bottom: none
 	}

 	.header-layout4 .header-logo {
 		border-right: none
 	}
 }

 @media (max-width: 575px) {
 	.header-logo {
 		max-width: 180px;
 		padding: 20px 0
 	}

 	.header-layout4 .header-logo {
 		padding: 20px 0
 	}
 }

 .header-layout5 .header-top {
 	background-color: var(--title-color);
 	padding: 14px 0;
 	--body-color: #fff
 }

 .header-layout5 .header-top a,
 .header-layout5 .header-top li,
 .header-layout5 .header-top p,
 .header-layout5 .header-top span {
 	color: var(--body-color)
 }

 .header-layout5 .header-top a:hover {
 	color: var(--theme-color)
 }

 .header-layout5 .header-top li:before {
 	background-color: #464C5B
 }

 .header-layout5 .dropdown-menu {
 	--body-color: #74787C
 }

 .header-layout5 .main-menu>ul>li>a {
 	padding: 44px 0
 }

 .header-layout5 .as-menu-toggle {
 	margin: 20px 0
 }

 .header-layout5 .header-button {
 	margin-left: 10px
 }

 @media (max-width: 991px) {
 	.header-layout5 .header-top {
 		padding: 8px 0
 	}
 }

 .header-layout6 {
 	--icon-bg: #F2F2F2;
 	--btn-size: 40px
 }

 .header-layout6 .header-top {
 	border-bottom: 1px solid var(--border-color);
 	position: relative;
 	padding: 9px 0
 }

 .header-layout6 .header-top:before {
 	content: "";
 	height: calc(100% + 1px);
 	width: 43%;
 	background-color: var(--title-color);
 	position: absolute;
 	top: 0;
 	left: 0;
 	-webkit-clip-path: polygon(100% 0, calc(100% - 20px) 23px, calc(100% - 10px) 100%, 0px 100%, 0px 0px);
 	clip-path: polygon(100% 0, calc(100% - 20px) 23px, calc(100% - 10px) 100%, 0px 100%, 0px 0px)
 }

 .header-layout6 .header-social .social-title {
 	color: var(--title-color)
 }

 .header-layout6 .header-social a:not(:hover) {
 	color: var(--title-color)
 }

 .header-layout6 .header-notice {
 	color: var(--white-color)
 }

 .header-layout6 .header-links li:not(:last-child):before {
 	background-color: #FF444C
 }

 .header-layout6 .header-links li a {
 	color: var(--white-color)
 }

 .header-layout6 .header-links li a:hover {
 	color: var(--title-color)
 }

 .header-layout6 .menu-area {
 	background-color: var(--theme-color);
 	padding: 0 30px;
 	margin-bottom: -27.5px
 }

 .header-layout6 .menu-area .dropdown-link>a {
 	color: var(--white-color)
 }

 .header-layout6 .menu-area .icon-btn {
 	background-color: var(--white-color)
 }

 .header-layout6 .menu-area .icon-btn:hover {
 	background-color: var(--title-color)
 }

 .header-layout6 .as-menu-toggle {
 	color: var(--white-color)
 }

 .header-layout6 .header-button {
 	gap: 15px
 }

 .header-layout6 .menu-top {
 	padding: 20px 0
 }

 .header-layout6 .main-menu>ul>li>a {
 	padding: 14px 0;
 	color: var(--white-color)
 }

 .header-layout6 .main-menu>ul>li>a:hover {
 	color: var(--title-color)
 }

 @media (max-width: 1199px) {
 	.as-header .info-card-wrap {
 		gap: 15px 20px
 	}

 	.header-layout6 .header-top:before {
 		width: 46%
 	}
 }

 @media (max-width: 991px) {

 	.as-header .sideMenuToggler,
 	.as-header .searchBoxToggler {
 		display: none
 	}

 	.header-layout6 .header-top:before {
 		width: 58%
 	}

 	.header-layout6 .menu-top {
 		padding: 12px 0
 	}

 	.header-layout6 .menu-area {
 		padding: 4px 20px 4px 10px
 	}

 	.header-layout6 .header-button .dropdown-link {
 		margin-right: 0
 	}
 }

 @media (max-width: 767px) {
 	.header-layout6 .header-top:before {
 		display: none
 	}
 }

 @media (max-width: 575px) {
 	.header-layout6 .header-logo {
 		text-align: center;
 		margin-left: auto;
 		margin-right: auto;
 		padding: 0 0
 	}
 }

 .header-layout2 .header-logo {
 	padding: 10px 0px;

 }

 .header-layout2 .will-sticky .sticky-active .header-logo {
 	padding: 5px 0px;

 }

 .header-layout2 .header-logo img {
 	height: 72px
 }

 .header-layout2 .will-sticky .sticky-active .header-logo img {
 	height: 72px
 }

 .footer-wrapper {
 	position: relative;
 	z-index: 2
 }

 .footer-wrapper .newsletter-title {
 	color: var(--white-color)
 }

 .widget-area {
 	padding-top: 100px;
 	padding-bottom: 60px
 }

 .copyright-wrap {
 	padding: 20px 0
 }

 .copyright-text a {
 	color: inherit
 }

 .footer-layout1 {
 	background-color: var(--title-color);
 	--body-color: #ADADAD
 }

 .footer-layout1 .copyright-wrap {
 	background-color: var(--theme-color);
 	text-align: center
 }

 .footer-layout1 .copyright-text {
 	color: var(--title-color)
 }

 .footer-layout1 .copyright-text a:hover {
 	color: var(--white-color)
 }

 .footer-layout1 .widget-area {
 	padding-top: 100px;
 	padding-bottom: 45px
 }

 @media (max-width: 991px) {
 	.footer-layout1 .widget-area {
 		padding-top: var(--section-space-mobile);
 		padding-bottom: 24px
 	}
 }

 .footer-layout2 {
 	--body-color: #ADADAD;
 	background-color: var(--title-color)
 }

 .footer-layout2 .widget-area {
 	padding-top: 100px;
 	padding-bottom: 60px
 }

 .footer-layout2 .footer-top {
 	padding-top: 80px;
 	padding-bottom: 80px;
 	border-bottom: 1px solid #323232
 }

 .footer-layout2 .copyright-wrap {
 	padding: 20px 0;
 	border-top: 1px solid #323232
 }

 .footer-layout2 .copyright-text {
 	text-align: center
 }

 .footer-layout2 .copyright-text a:hover {
 	color: var(--theme-color)
 }

 .footer-layout3 {
 	--body-color: #fff;
 	background-color: var(--title-color);
 	background-position: bottom;

 }

 /*.footer-layout3:before {
	    content: "";
    background: rgb(0 0 0 / 70%);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
}*/
 .footer-layout3 .container {
 	position: relative;
 }

 .footer-layout3 .widget-area {
 	padding-top: 70px;
 	padding-bottom: 20px
 }

 .footer-layout3 .copyright-wrap {
 	padding: 20px 0px 20px;
 	background-color: var(--title-color);
 	margin-top: 0;
 	position: relative;
 	border-top: 1px solid rgba(249, 245, 241, .2);
 }

 .footer-layout3 .copyright-text {
 	color: var(--body-color);
 	text-align: left;


 }

 .footer-layout3 .copyright-text a {
 	color: #fff;
 	font-weight: 600;
 }

 .footer-layout3 .copyright-text a:hover {
 	color: var(--theme-color2);

 }

 .footer-layout3 .style-skew {
 	-webkit-transform: skew(0);
 	-ms-transform: skew(0);
 	transform: skew(0);
 	margin-left: 0;
 	margin-right: 0
 }

 .footer-layout3 .style-skew .btn-text {
 	-webkit-transform: skew(0);
 	-ms-transform: skew(0);
 	transform: skew(0)
 }

 .newsletter-wrap {
 	display: -webkit-box;
 	display: -webkit-flex;
 	display: -ms-flexbox;
 	display: flex;
 	-webkit-box-align: center;
 	-webkit-align-items: center;
 	-ms-flex-align: center;
 	align-items: center;
 	-webkit-box-pack: justify;
 	-webkit-justify-content: space-between;
 	-ms-flex-pack: justify;
 	justify-content: space-between;
 	border-left: 2px solid var(--theme-color);
 	padding-left: 25px
 }

 .newsletter-wrap .newsletter-title {
 	margin-top: -0.1em;
 	margin-bottom: 0;
 	max-width: 420px
 }

 .newsletter-wrap .newsletter-text {
 	margin-bottom: 0;
 	text-transform: uppercase
 }

 .newsletter-form {
 	display: -webkit-box;
 	display: -webkit-flex;
 	display: -ms-flexbox;
 	display: flex;
 	width: 100%;
 	max-width: 465px;
 	gap: 15px
 }

 .newsletter-form .form-group {
 	margin-bottom: 0
 }

 .newsletter-form input {
 	background-color: transparent;
 	border: 1px solid #323232
 }

 .newsletter-form input:focus {
 	background-color: transparent;
 	color: var(--body-color)
 }

 .newsletter-form .as-btn {
 	min-width: 150px
 }

 .newsletter-form .newsletter-btn {
 	display: inline-block;
 	border: none;
 	background-color: var(--theme-color);
 	color: var(--title-color);
 	width: 55px;
 	height: 55px;
 	line-height: 55px;
 	min-width: 55px;
 	min-width: 69px;
 	padding: 0 5px;

 }

 .home3 .newsletter-form .newsletter-btn {
 	color: var(--white-color)
 }

 .home3 .as-social a:hover {
 	color: var(--white-color)
 }

 .newsletter-widget {
 	margin-top: -0.5em;
 	max-width: 340px
 }

 .newsletter-widget .newsletter-form {
 	gap: 0 !important;
 	-webkit-flex-wrap: nowrap !important;
 	-ms-flex-wrap: nowrap !important;
 	flex-wrap: nowrap !important
 }

 .newsletter-widget .as-social {
 	margin-top: 30px
 }

 .newsletter-widget input {
 	background-color: #fff;
 	color: var(--body-color);
 	border: none
 }

 .newsletter-widget input:focus {
 	background-color: #fff;
 	color: var(--body-color)
 }

 @media (max-width: 1399px) {
 	.newsletter-widget {
 		max-width: 300px
 	}
 }

 @media (max-width: 1199px) {
 	.footer-wrapper .newsletter-form {
 		gap: 15px 0
 	}

 	.footer-top .footer-logo {
 		text-align: center;
 		margin: 0 auto 30px auto
 	}
 }

 @media (max-width: 991px) {
 	.footer-layout2 .widget-area {
 		padding-top: 80px;
 		padding-bottom: 40px
 	}

 	.footer-layout2 .footer-top {
 		padding-top: 60px;
 		padding-bottom: 60px
 	}

 	.footer-wrapper .newsletter-form {
 		max-width: 400px
 	}

 	.newsletter-wrap .newsletter-title {
 		font-size: 22px
 	}

 	.newsletter-wrap .newsletter-text {
 		font-size: 14px
 	}
 }

 @media (max-width: 767px) {
 	.newsletter-wrap {
 		-webkit-flex-wrap: wrap;
 		-ms-flex-wrap: wrap;
 		flex-wrap: wrap;
 		-webkit-box-pack: center;
 		-webkit-justify-content: center;
 		-ms-flex-pack: center;
 		justify-content: center;
 		padding-left: 0;
 		border-left: none;
 		gap: 20px
 	}

 	.newsletter-wrap .newsletter-title {
 		text-align: center
 	}

 	.footer-wrapper .newsletter-form {
 		max-width: 550px;
 		gap: 15px;
 		-webkit-box-pack: center;
 		-webkit-justify-content: center;
 		-ms-flex-pack: center;
 		justify-content: center
 	}
 }

 @media (max-width: 575px) {
 	.footer-wrapper .newsletter-form {
 		-webkit-flex-wrap: wrap;
 		-ms-flex-wrap: wrap;
 		flex-wrap: wrap;
 		-webkit-box-pack: center;
 		-webkit-justify-content: center;
 		-ms-flex-pack: center;
 		justify-content: center
 	}
 }

 .breadcumb-menu {
 	max-width: 100%;
 	padding: 0;
 	margin: 15px 0 0 0;
 	list-style-type: none;
 	position: relative;
 	padding-left: 50px;
 	text-align: center
 }

 .breadcumb-menu li {
 	display: inline-block;
 	margin-right: 3px;
 	padding-right: 5px;
 	list-style: none;
 	position: relative
 }

 .breadcumb-menu li:after {
 	content: '\f054';
 	position: relative;
 	margin-left: 10px;
 	font-weight: 600;
 	font-size: 15px;
 	color: var(--white-color);
 	font-family: var(--icon-font)
 }

 .breadcumb-menu li:last-child {
 	padding-right: 0;
 	margin-right: 0
 }

 .breadcumb-menu li:last-child:after {
 	display: none
 }

 .breadcumb-menu li,
 .breadcumb-menu a,
 .breadcumb-menu span {
 	white-space: normal;
 	color: inherit;
 	word-break: break-word;
 	font-weight: 400;
 	font-size: 18px;
 	color: var(--white-color)
 }

 .breadcumb-title {

 	line-height: 1.139;
 	margin: 0 0 0px;
 	padding-left: 0;
 	text-align: center;
 	font-size: 50px;
 	font-weight: 700;
 	line-height: 1;
 	color: #fff;
 	text-transform: capitalize;
 	text-shadow: 0px 5px 20px #040404;
 }

 .breadcumb-intitle {
 	color: #fff;
 	font-size: 29px;
 	font-weight: 600;
 	line-height: 1.139;
 	margin-bottom: 0
 }

 .breadcumb-wrapper p {
 	color: #fff;
 	position: relative;
 	z-index: 1;
 	font-size: 16px;
 	font-weight: 500;
 	margin-bottom: 0
 }

 .breadcumb-wrapper {
 	background-color: var(--title-color);
 	padding: 235px 0 120px;
 	text-align: left;
 	overflow: hidden;
 	position: relative;
 	background-position: center;

 }

 .breadcumb-wrapper:before {

 	content: "";
 	background: linear-gradient(0deg, rgb(0 10 91) 0%, rgb(0 10 91 / 14%) 50%);
 	position: absolute;
 	top: 0;
 	left: 0;
 	right: 0;
 	bottom: 0;
 	z-index: 1;
 	opacity: 0.5;
 }

 .breadcumb-wrapper .container {
 	position: relative;
 	z-index: 1
 }

 @media (max-width: 1199px) {
 	.breadcumb-title {
 		font-size: 48px
 	}

 	.breadcumb-wrapper {
 		padding: 130px 0
 	}
 }

 @media (max-width: 991px) {
 	.breadcumb-wrapper {
 		padding: 100px 0
 	}

 	.breadcumb-menu {
 		margin: 16px 0 -0.5em 0
 	}

 	.breadcumb-menu li,
 	.breadcumb-menu a,
 	.breadcumb-menu span {
 		font-size: 16px
 	}

 	.breadcumb-title {
 		font-size: 40px
 	}
 }

 @media (max-width: 767px) {
 	.breadcumb-wrapper {
 		padding: 80px 0
 	}

 	.breadcumb-title {
 		font-size: 36px
 	}
 }

 .as-pagination {
 	margin-bottom: 30px
 }

 .as-pagination ul {
 	margin: 0;
 	padding: 0
 }

 .as-pagination li {
 	display: inline-block;
 	margin: 0 3px;
 	list-style-type: none
 }

 .as-pagination li:last-child {
 	margin-right: 0
 }

 .as-pagination li:first-child {
 	margin-left: 0
 }

 .as-pagination span,
 .as-pagination a {
 	display: inline-block;
 	text-align: center;
 	position: relative;
 	border: none;
 	color: var(--title-color);
 	background-color: var(--smoke-color);
 	font-family: var(--title-font);
 	width: 55px;
 	height: 55px;
 	line-height: 55px;
 	z-index: 1;
 	font-size: 18px;
 	font-weight: 600
 }

 .as-pagination span.active,
 .as-pagination span:hover,
 .as-pagination a.active,
 .as-pagination a:hover {
 	color: var(--white-color);
 	background-color: var(--theme-color);
 	box-shadow: none
 }

 @media (max-width: 767px) {

 	.as-pagination span,
 	.as-pagination a {
 		width: 40px;
 		height: 40px;
 		line-height: 40px;
 		font-size: 14px
 	}
 }

 blockquote {
 	display: block;
 	position: relative;
 	overflow: hidden;
 	font-size: 18px;
 	line-height: 30px;
 	font-weight: 600;
 	font-family: var(--title-font);
 	color: var(--title-color);
 	background-color: var(--quote-bg, #f5f5f5);
 	padding: 50px 40px 50px 165px;
 	margin: 35px 0;
 	line-height: 1.667
 }

 blockquote p,
 blockquote pre {
 	font-family: inherit;
 	color: inherit;
 	font-weight: inherit;
 	width: 100%;
 	position: relative;
 	z-index: 3;
 	margin-top: -0.5em;
 	margin-bottom: -0.5em
 }

 blockquote p a,
 blockquote pre a {
 	color: inherit
 }

 blockquote:before {
 	content: '\f10e';
 	font-family: var(--icon-font);
 	position: absolute;
 	left: 0;
 	top: 0;
 	font-size: 60px;
 	font-weight: 900;
 	line-height: 1;
 	color: var(--title-color);
 	background-color: var(--theme-color);
 	width: 125px;
 	height: 100%;
 	text-align: center;
 	display: grid;
 	-webkit-box-align: center;
 	-webkit-align-items: center;
 	-ms-flex-align: center;
 	align-items: center
 }

 blockquote cite {
 	display: block;
 	font-size: 18px;
 	font-family: var(--body-font);
 	position: relative;
 	padding-left: 45px;
 	line-height: 1;
 	font-weight: 600;
 	margin-top: 27px;
 	margin-bottom: -0.2em;
 	font-style: normal;
 	color: var(--theme-color)
 }

 blockquote cite:before {
 	content: '';
 	position: absolute;
 	left: 0;
 	bottom: 8px;
 	width: 30px;
 	height: 2px;
 	border-top: 2px solid var(--theme-color)
 }

 .blog-meta span,
 .blog-meta a {
 	display: inline-block;
 	margin-right: 26px;
 	font-size: 15px;
 	color: var(--theme-color);
 	font-weight: 500;
 }

 .blog-meta span:last-child,
 .blog-meta a:last-child {
 	margin-right: 0
 }

 .blog-meta span i,
 .blog-meta a i {
 	margin-right: 10px;
 	color: var(--theme-color)
 }

 .blog-meta a:hover {
 	color: var(--theme-color)
 }

 .blog-category {
 	margin-bottom: -10px
 }

 .blog-category a {
 	display: inline-block;
 	color: var(--white-color);
 	padding: 4.5px 24.5px;
 	margin-right: 5px;
 	margin-bottom: 10px;
 	border: 1px solid transparent;
 	background-color: var(--theme-color)
 }

 .blog-category a:hover {
 	background-color: var(--white-color);
 	color: var(--body-color);
 	border-color: var(--theme-color)
 }

 .blog-title a {
 	color: inherit
 }

 .blog-title a:hover {
 	color: var(--theme-color)
 }

 .as-blog {
 	margin-bottom: 30px
 }

 .blog-inner-title {
 	font-size: 36px;
 	margin-top: -0.3em;
 	margin-bottom: 30px
 }

 .blog-author {
 	margin-top: 40px;
 	margin-bottom: 40px;
 	display: -webkit-box;
 	display: -webkit-flex;
 	display: -ms-flexbox;
 	display: flex;
 	background-color: var(--smoke-color)
 }

 .blog-author .auhtor-img {
 	min-height: 100%
 }

 .blog-author .auhtor-img img {
 	height: 100%;
 	object-fit: cover;
 	object-position: center center
 }

 .blog-author .author-name {
 	font-size: 24px;
 	margin-top: -0.2em;
 	margin-bottom: 6px
 }

 .blog-author .author-text {
 	margin-bottom: 13px
 }

 .blog-author .media-body {
 	padding: 35px 40px 30px 40px;
 	-webkit-align-self: center;
 	-ms-flex-item-align: center;
 	align-self: center
 }

 .blog-navigation {
 	display: -webkit-box;
 	display: -webkit-flex;
 	display: -ms-flexbox;
 	display: flex;
 	-webkit-box-pack: justify;
 	-webkit-justify-content: space-between;
 	-ms-flex-pack: justify;
 	justify-content: space-between;
 	-webkit-box-align: center;
 	-webkit-align-items: center;
 	-ms-flex-align: center;
 	align-items: center;
 	border-top: 1px solid var(--smoke-color);
 	border-bottom: 1px solid var(--smoke-color);
 	padding: 30px 0
 }

 .blog-navigation .nav-text {
 	font-size: 18px;
 	font-family: var(--title-font);
 	color: var(--title-color);
 	display: inline-block;
 	font-weight: 600
 }

 .blog-navigation .nav-btn {
 	display: -webkit-box;
 	display: -webkit-flex;
 	display: -ms-flexbox;
 	display: flex;
 	-webkit-box-align: center;
 	-webkit-align-items: center;
 	-ms-flex-align: center;
 	align-items: center;
 	gap: 25px
 }

 .blog-navigation .nav-btn.next {
 	-webkit-box-orient: horizontal;
 	-webkit-box-direction: reverse;
 	-webkit-flex-direction: row-reverse;
 	-ms-flex-direction: row-reverse;
 	flex-direction: row-reverse
 }

 .blog-navigation .nav-btn:hover .nav-text {
 	color: var(--theme-color)
 }

 .blog-navigation .blog-btn {
 	font-size: 38px;
 	color: var(--smoke-color)
 }

 .blog-navigation .blog-btn:hover {
 	color: var(--theme-color)
 }

 .blog-img img {
 	width: 100%
 }

 .blog-single {
 	position: relative;
 	margin-bottom: 60px
 }

 .blog-single:not(.has-post-thumbnail) {
 	padding: var(--blog-space-y, 60px) var(--blog-space-x, 60px);
 	background-color: var(--smoke-color)
 }

 .blog-single .blog-title {
 	margin-bottom: 13px;
 	font-size: 36px
 }

 .blog-single .as-btn {
 	margin-top: 13px
 }

 .blog-single .blog-date {
 	color: var(--body-color)
 }

 .blog-single .blog-date i {
 	color: var(--theme-color);
 	margin: 0 10px 0 0
 }

 .blog-single .share-links-title {
 	font-size: 20px;
 	color: var(--title-color);
 	font-family: var(--title-font);
 	font-weight: 700;
 	margin: 0 15px 0 0;
 	display: inline-block
 }

 .blog-single .share-links {
 	margin: 14px 0 0 0;
 	border-top: 1px solid var(--smoke-color);
 	border-bottom: 1px solid var(--smoke-color);
 	padding: 30px 0
 }

 .blog-single .share-links>.row {
 	-webkit-box-align: center;
 	-webkit-align-items: center;
 	-ms-flex-align: center;
 	align-items: center;
 	--bs-gutter-y: 20px
 }

 .blog-single .share-links .tagcloud {
 	display: inline-block
 }

 .blog-single .social-links {
 	margin: 0;
 	padding: 0;
 	list-style-type: none;
 	display: inline-block
 }

 .blog-single .social-links li {
 	display: inline-block;
 	margin-right: 13px
 }

 .blog-single .social-links li:last-child {
 	margin-right: 0
 }

 .blog-single .social-links a {
 	line-height: 1;
 	font-size: 16px;
 	color: var(--title-color);
 	text-align: center;
 	display: block
 }

 .blog-single .social-links a:hover {
 	color: var(--theme-color)
 }

 .blog-single .blog-meta {
 	margin: -0.3em 0 10px 0
 }

 .blog-content p {
 	height: 56px;
 	overflow: hidden;
 }

 .blog-single .blog-content {
 	margin: 0 0 0 0;
 	padding: 0;
 	position: relative
 }

 .blog-single .blog-audio {
 	line-height: 1
 }

 .blog-single .blog-audio,
 .blog-single .blog-img {
 	position: relative;
 	margin: 0 0 42px 0;
 	background-color: var(--smoke-color)
 }

 .blog-single .blog-img {
 	background-color: var(--smoke-color)
 }

 .blog-single .blog-img .slick-arrow {
 	--pos-x: 30px;
 	border: none;
 	width: 40px;
 	height: 40px;
 	line-height: 40px;
 	background-color: var(--theme-color);
 	color: var(--title-color)
 }

 .blog-single .blog-img .slick-arrow:hover {
 	background-color: var(--title-color);
 	color: var(--white-color)
 }

 .blog-single .blog-img .play-btn {
 	--icon-size: 60px;
 	--icon-font-size: 20px;
 	position: absolute;
 	left: 50%;
 	top: 50%;
 	margin: calc(var(--icon-size) / -2) 0 0 calc(var(--icon-size) / -2)
 }

 .blog-single:hover .blog-img .slick-arrow {
 	opacity: 1;
 	visibility: visible
 }

 .blog-details .blog-single {
 	padding: 0;
 	background-color: transparent;
 	margin-bottom: -10px
 }


 .as-comment-form {
 	margin-top: var(--blog-space-y, 60px);
 	margin-bottom: 40px;
 	padding: 60px;
 	background-color: var(--smoke-color);
 	position: relative
 }

 .as-comment-form .row {
 	--bs-gutter-x: 20px
 }

 .as-comment-form .blog-inner-title {
 	margin-bottom: 0px
 }

 .as-comment-form .form-title {
 	margin-top: -0.35em
 }

 .as-comment-form .form-title a#cancel-comment-reply-link {
 	font-size: 0.7em;
 	text-decoration: underline
 }

 .as-comment-form .form-text {
 	margin-bottom: 25px
 }

 .as-comment-form select,
 .as-comment-form .form-control,
 .as-comment-form .form-select,
 .as-comment-form textarea,
 .as-comment-form input {
 	border: 1px solid var(--smoke-color)
 }

 .as-comments-wrap {
 	margin-top: var(--blog-space-y, 60px);
 	margin-bottom: var(--blog-space-y, 40px)
 }

 .as-comments-wrap .description p:last-child {
 	margin-bottom: -0.5em
 }

 .as-comments-wrap .comment-respond {
 	margin: 30px 0
 }

 .as-comments-wrap pre {
 	background: #ededed;
 	color: #666;
 	font-size: 14px;
 	margin: 20px 0;
 	overflow: auto;
 	padding: 20px;
 	white-space: pre-wrap;
 	word-wrap: break-word
 }

 .as-comments-wrap blockquote {
 	background-color: #eaf8f9
 }

 .as-comments-wrap li {
 	margin: 0
 }

 .as-comments-wrap .as-post-comment {
 	padding: 0;
 	position: relative;
 	display: -webkit-box;
 	display: -webkit-flex;
 	display: -ms-flexbox;
 	display: flex;
 	margin-bottom: 30px;
 	padding-bottom: 30px;
 	position: relative;
 	border-bottom: 1px solid var(--smoke-color)
 }

 .as-comments-wrap ul.comment-list {
 	list-style: none;
 	margin: 0;
 	padding: 0
 }

 .as-comments-wrap ul.comment-list ul ul,
 .as-comments-wrap ul.comment-list ul ol,
 .as-comments-wrap ul.comment-list ol ul,
 .as-comments-wrap ul.comment-list ol ol {
 	margin-bottom: 0
 }

 .as-comments-wrap .comment-avater {
 	width: 110px;
 	height: 110px;
 	margin-right: 25px;
 	overflow: hidden
 }

 .as-comments-wrap .comment-avater img {
 	width: 100%
 }

 .as-comments-wrap .comment-content {
 	-webkit-box-flex: 1;
 	-webkit-flex: 1;
 	-ms-flex: 1;
 	flex: 1;
 	margin-top: -6px;
 	position: relative
 }

 .as-comments-wrap .commented-on {
 	font-size: 14px;
 	display: inline-block;
 	margin-bottom: 8px;
 	font-weight: 400;
 	color: var(--body-color)
 }

 .as-comments-wrap .commented-on i {
 	margin-right: 7px;
 	font-size: 0.9rem
 }

 .as-comments-wrap .name {
 	margin-bottom: 6px;
 	font-size: 20px
 }

 .as-comments-wrap .comment-top {
 	display: -webkit-box;
 	display: -webkit-flex;
 	display: -ms-flexbox;
 	display: flex;
 	-webkit-box-pack: justify;
 	-webkit-justify-content: space-between;
 	-ms-flex-pack: justify;
 	justify-content: space-between
 }

 .as-comments-wrap .text {
 	color: #6b6b6b;
 	margin-bottom: -0.5em
 }

 .as-comments-wrap .text:last-child {
 	margin-bottom: 0
 }

 .as-comments-wrap .children {
 	margin: 0;
 	padding: 0;
 	list-style-type: none;
 	margin-left: 80px
 }

 .as-comments-wrap .reply_and_edit {
 	position: absolute;
 	top: 0;
 	right: 0
 }

 .as-comments-wrap .reply_and_edit a {
 	margin-right: 10px
 }

 .as-comments-wrap .reply_and_edit a:last-child {
 	margin-right: 0
 }

 .as-comments-wrap .reply-btn {
 	font-weight: 600;
 	font-size: 16px;
 	color: var(--theme-color);
 	display: inline-block
 }

 .as-comments-wrap .reply-btn i {
 	margin-right: 7px
 }

 .as-comments-wrap .reply-btn:hover {
 	color: var(--title-color)
 }

 .as-comments-wrap .star-rating {
 	font-size: 12px;
 	margin-bottom: 10px;
 	position: absolute;
 	top: 5px;
 	right: 0;
 	width: 80px
 }

 .as-comments-wrap.as-comment-form {
 	margin: 0
 }

 @media (max-width: 1199px) {
 	.as-comments-wrap .children {
 		margin-left: 40px
 	}

 	.as-comment-form {
 		padding: 45px 30px
 	}
 }

 @media (max-width: 767px) {
 	.as-comments-wrap .as-post-comment {
 		display: block
 	}

 	.as-comments-wrap .star-rating {
 		position: relative;
 		top: 0;
 		right: 0
 	}

 	.as-comments-wrap .comment-top {
 		display: block
 	}

 	.as-comments-wrap .comment-avater {
 		margin-right: 0;
 		margin-bottom: 25px
 	}

 	.as-comments-wrap .children {
 		margin-left: 40px
 	}

 	.as-comments-wrap .children {
 		margin-left: 30px
 	}
 }

 @media (max-width: 575px) {
 	.as-comment-form {
 		padding: 40px 15px
 	}
 }

 .as-hero-wrapper {
 	position: relative
 }

 .as-hero-wrapper .slick-arrow {
 	--icon-size: 60px;
 	--pos-x: 200px;
 	font-size: 16px;
 	z-index: 4;
 	border-radius: 50%;
 	z-index: 5;
 	visibility: visible;
 	opacity: 1;
 	background-color: transparent;
 	border: 2px solid rgba(255, 255, 255, 0.4);
 	color: rgba(255, 255, 255, 0.6)
 }

 .as-hero-wrapper .slick-arrow:hover {
 	background-color: var(--white-color);
 	color: var(--title-color);
 	border-color: var(--white-color)
 }

 .as-hero-wrapper .btn-group {
 	gap: 20px;
 	display: block;
 }

 .as-hero-wrapper .text-bg {
 	position: relative;
 	display: inline-block;
 	color: var(--title-color);
 	padding: 0 33px 0 30px;
 	z-index: 2
 }

 .as-hero-wrapper .text-bg::before {
 	content: "";
 	width: 100%;
 	height: 100%;
 	position: absolute;
 	top: 0;
 	left: 0;
 	background: #fff url("../img/bg/pattern_bg_1.png") repeat;
 	z-index: -1;
 	-webkit-transform: skew(-20deg);
 	-ms-transform: skew(-20deg);
 	transform: skew(-20deg)
 }

 .as-hero-wrapper .container {
 	position: relative;
 	z-index: 3
 }

 .as-hero-slide {
 	position: relative
 }

 .as-hero-bg {
 	position: absolute;
 	inset: 0
 }

 .as-hero-bg img {
 	height: 100%;
 	width: 100%;
 	object-fit: cover
 }

 .scroll-bottom {
 	color: var(--white-color);
 	border: 2px solid;
 	padding: 29px 9px 2px 9px;
 	border-radius: 999px;
 	position: relative
 }

 .scroll-bottom:before {
 	content: "";
 	height: 15px;
 	width: 2px;
 	background-color: var(--white-color);
 	position: absolute;
 	top: 10px;
 	left: 15px;
 	border-radius: 10px;
 	-webkit-animation: lineDown 1.5s infinite;
 	animation: lineDown 1.5s infinite
 }

 .scroll-bottom:hover {
 	color: var(--theme-color)
 }

 .scroll-bottom:hover::before {
 	background-color: var(--theme-color)
 }

 @-webkit-keyframes lineDown {
 	0% {
 		-webkit-transform: 0;
 		transform: 0;
 		opacity: 0
 	}

 	30% {
 		opacity: 1
 	}

 	60% {
 		opacity: 1
 	}

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

 @keyframes lineDown {
 	0% {
 		-webkit-transform: 0;
 		transform: 0;
 		opacity: 0
 	}

 	30% {
 		opacity: 1
 	}

 	60% {
 		opacity: 1
 	}

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

 @media (max-width: 1700px) {
 	.as-hero-wrapper .slick-arrow {
 		--pos-x: 80px
 	}
 }

 @media (max-width: 991px) {
 	.as-hero-wrapper .btn-group {
 		gap: 15px
 	}
 }

 @media (max-width: 767px) {
 	.as-hero-wrapper .as-btn {
 		padding: 17px 26px
 	}

 	.as-hero-wrapper .as-btn.style2 {
 		padding: 15px 24px
 	}
 }

 .hero-1 {
 	padding-right: 0px !important;
 	position: relative;
 }

 .hero-1 .slick-dots {
 	--dots-bg: #fff;
 	margin: 0;
 	position: absolute;
 	bottom: 20px;
 	right: 45%;
 	-webkit-transform: unset;
 	-ms-transform: unset;
 	transform: unset;
 }

 .hero-1 .slick-dots li {
 	display: inline-block;
 	margin: 20px 11px;
 }

 .hero-1 .slick-dots button:before {
 	border-color: var(--white-color)
 }

 .hero-1 .slick-dots .slick-active button {
 	background-color: var(--white-color)
 }

 .hero-1 .hero-shape {
 	display: inline-block;
 	height: 350px;
 	width: 80px;
 	position: absolute;
 	top: 0;
 	right: 0;
 	background-color: var(--theme-color);
 	-webkit-clip-path: polygon(100% 0, 100% calc(100% - 100px), calc(100% - 140px) 100%, 0 100%, 0 0);
 	clip-path: polygon(100% 0, 100% calc(100% - 100px), calc(100% - 140px) 100%, 0 100%, 0 0);
 	z-index: -1
 }

 .hero-1 .scroll-bottom {
 	position: absolute;
 	bottom: 100px;
 	left: 50%;
 	-webkit-transform: translateX(-50%);
 	-ms-transform: translateX(-50%);
 	transform: translateX(-50%)
 }

 .hero-slider-1 .as-hero-slide {
 	padding: 0px 0px !important;

 }

 .hero-slider-1 .as-hero-slide:before {
 	content: "";
 	/*  background: linear-gradient(0deg, rgba(0, 10, 91, .8) 0%, rgb(0 10 91 / 14%) 50%);*/
 	position: absolute;
 	top: 0;
 	left: 0;
 	right: 0;
 	bottom: 0;
 	z-index: 1;
 	opacity: 0.5;
 }

 /************/
 .bann-img {
 	width: 100%;
    height: 51vw !important;
 	object-position: top right;
 }

 .slick-active .bann-img {}

 .Banner-slide {
 	position: absolute;
 	top: 46%;
 	z-index: 9;
 	color: #fff;
 	left: 0;
 	right: 0;
 }

 @media (min-width: 1600px) {
 	.Banner-slide {
 		top: 46%
 	}
 }

 /*********/
 .hero-style1 {
 	padding-left: 0;
 	width: 100%;
 	text-align: left;
 	margin: 0px auto;
 }

 .hero-style1 .hero-subtitle {
 	font-size: 32px;
 	font-weight: 500;
 	display: block;
 	color: var(--white-color);
 	margin-bottom: 24px;
 	font-style: italic;
 }

 .hero-style1 .hero-title {
 	font-size: 61px;
 	font-weight: 700;
 	line-height: 1.139;
 	color: var(--white-color);
 	margin-bottom: 20px;
 	text-shadow: 0px 5px 20px #040404;

 }

 .hero-style1 .hero-title span {
 	color: var(--theme-color2)
 }

 /**************/
 .Banner-linksec {
 	position: absolute;
 	top: 32%;
 	z-index: 1;
 	width: max-content;
 	right: 30px;
 }

 @media (min-width: 1600px) {
 	.Banner-linksec {

 		top: 34%;

 	}
 }

 .Banner-linksec ul {
 	position: relative;
 	display: block;
 	padding: 0;
 	margin: 0
 }

 .Banner-linksec li {
 	display: block;
 	margin-bottom: 10px;
 	list-style: none;
 	position: relative;
 }

 .Banner-linksec li a {
 	width: 100%;
 	display: block;
 	border-radius: 0;
 	color: var(--mainColor);
 	padding: 7px 10px 7px 69px;
 	-webkit-clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 25% 100%, 6% 50%);
 	clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 25% 100%, 6% 50%);
 	transition: var(--transition);
 	background-color: var(--whiteColor);
 	font-size: 16px;
 	font-weight: 600;
 	color: #fff;
 	background-color: var(--theme-color2);
 	cursor: pointer;
 	text-decoration: none;
 	margin-left: 0px;
 	border: 0;
 }

 .Banner-linksec li a:hover {
 	color: #fff;
 	background-color: var(--theme-color2);
 }

 /*****/
 @media (max-width: 1199px) {
 	.hero-1 .scroll-bottom {
 		bottom: 50px
 	}

 	.hero-slider-1 .as-hero-slide,
 	.hero-slider-4 .as-hero-slide {
 		padding: 150px 0 150px 0
 	}

 	.hero-style1 .hero-subtitle {
 		font-size: 28px
 	}

 	.hero-style1 .hero-title {
 		font-size: 56px
 	}
 }

 @media (max-width: 991px) {
 	.hero-1 .scroll-bottom {
 		display: none
 	}

 	.hero-slider-1 .as-hero-slide,
 	.hero-slider-4 .as-hero-slide {
 		padding: 100px 0 100px 0
 	}

 	.hero-style1 .hero-subtitle {
 		font-size: 26px;
 		margin-bottom: 25px
 	}

 	.hero-style1 .hero-title {
 		font-size: 44px;
 		line-height: 1.25
 	}

 	.hero-style1 .hero-title:nth-of-type(2) {
 		margin-bottom: 35px
 	}
 }

 @media (max-width: 767px) {
 	.hero-1 {
 		padding-right: 0
 	}

 	.hero-1 .hero-shape {
 		display: none
 	}

 	.hero-style1 {
 		text-align: center;
 		padding-left: 0
 	}

 	.hero-style1 .btn-group {
 		-webkit-box-pack: center;
 		-webkit-justify-content: center;
 		-ms-flex-pack: center;
 		justify-content: center
 	}
 }

 @media (max-width: 575px) {
 	.hero-style1 .hero-subtitle {
 		font-size: 22px
 	}

 	.hero-style1 .hero-title {
 		font-size: 36px
 	}
 }

 @media (max-width: 375px) {
	
 	.hero-style1 .hero-subtitle {
 		font-size: 20px
 	}

 	.hero-style1 .hero-title {
 		font-size: 30px
 	}
 }

 .hero-2 .icon-box {
 	position: absolute;
 	top: 50%;
 	right: 115px;
 	-webkit-transform: translateY(-50%);
 	-ms-transform: translateY(-50%);
 	transform: translateY(-50%);
 	width: 60px
 }

 .hero-2 .icon-box .slick-arrow {
 	--pos-x: 0;
 	border-radius: 0;
 	margin: 5px 0;
 	border: none;
 	background-color: rgba(255, 255, 255, 0.15)
 }

 .hero-2 .icon-box .slick-arrow:hover {
 	background-color: var(--theme-color);
 	color: var(--title-color)
 }

 .hero-2 .icon-box .slick-arrow:first-child {
 	margin-right: 0
 }

 .hero-slider-2 .as-hero-slide {
 	padding: 210px 0 265px 0
 }

 .hero-style2 .hero-subtitle {
 	font-size: 18px;
 	font-weight: 500;
 	display: block;
 	color: var(--white-color);
 	margin-bottom: 31px;
 	margin-top: -0.35em
 }

 .hero-style2 .hero-title {
 	font-size: 60px;
 	font-weight: bold;
 	line-height: 1.167;
 	color: var(--white-color);
 	margin-bottom: 0
 }

 .hero-style2 .hero-title:last-of-type {
 	margin-bottom: 28px
 }

 .hero-style2 .hero-text {
 	max-width: 610px;
 	margin-bottom: 43px
 }

 @media (max-width: 1399px) {
 	.hero-2 .icon-box {
 		right: 40px
 	}
 }

 @media (max-width: 1199px) {
 	.hero-slider-2 .as-hero-slide {
 		padding: 150px 0 215px 0
 	}
 }

 @media (max-width: 991px) {
 	.hero-slider-2 .as-hero-slide {
 		padding: 100px 0 165px 0
 	}

 	.hero-style2 .hero-subtitle {
 		font-size: 16px;
 		margin-bottom: 20px
 	}

 	.hero-style2 .hero-title {
 		font-size: 44px;
 		line-height: 1.2
 	}

 	.hero-style2 .hero-title:last-of-type {
 		margin-bottom: 20px
 	}

 	.hero-style2 .hero-text {
 		max-width: 520px;
 		margin-bottom: 36px
 	}
 }

 @media (max-width: 767px) {
 	.hero-2 .icon-box {
 		display: none
 	}

 	.hero-style2 {
 		text-align: center
 	}

 	.hero-style2 .btn-group {
 		-webkit-box-pack: center;
 		-webkit-justify-content: center;
 		-ms-flex-pack: center;
 		justify-content: center
 	}
 }

 @media (max-width: 575px) {
 	.hero-slider-2 .as-hero-slide {
 		padding: 90px 0
 	}

 	.hero-style2 .hero-title {
 		font-size: 34px
 	}
 }

 @media (max-width: 375px) {
 	.hero-style2 .hero-title {
 		font-size: 28px;
 		line-height: 1.3
 	}
 }

 .hero-slider-3 .slick-dots,
 .hero-slider-6 .slick-dots {
 	position: absolute;
 	top: 50%;
 	left: 120px;
 	-webkit-transform: translateY(-50%);
 	-ms-transform: translateY(-50%);
 	transform: translateY(-50%)
 }

 .hero-slider-3 .slick-dots li,
 .hero-slider-6 .slick-dots li {
 	display: block;
 	margin: 30px 0
 }

 .hero-slider-3 .slick-dots button,
 .hero-slider-6 .slick-dots button {
 	border-radius: 0
 }

 .hero-slider-3 .slick-dots button:before,
 .hero-slider-6 .slick-dots button:before {
 	border-radius: 0
 }

 .hero-slider-3 .as-hero-slide {
 	padding: 365px 0 245px 0
 }

 .hero-slider-3 .hero-style2 {
 	padding-left: 456px
 }

 .hero-slider-3 .hero-text {
 	font-weight: 100;
 	font-size: 20px
 }

 @media (max-width: 1700px) {

 	.hero-slider-3 .slick-dots,
 	.hero-slider-6 .slick-dots {
 		left: 35px
 	}
 }

 @media (max-width: 1399px) {
 	.hero-slider-3 .as-hero-slide {
 		padding: 315px 0 155px 0
 	}
 }

 @media (max-width: 1199px) {
 	.hero-slider-3 .hero-style2 {
 		padding-left: 160px
 	}
 }

 @media (max-width: 991px) {
 	.hero-slider-3 .as-hero-slide {
 		padding: 230px 0 100px 0
 	}

 	.hero-slider-3 .hero-style2 {
 		padding-left: 0
 	}

 	.hero-slider-3 .hero-style2 .hero-text {
 		font-size: 18px
 	}
 }

 @media (max-width: 575px) {
 	.hero-slider-3 .hero-style2 .hero-text {
 		font-size: 16px
 	}
 }

 .hero-slider-4 .as-hero-slide {
 	padding: 230px 0
 }

 .hero-style4 {
 	position: relative;
 	z-index: 2;
 	text-align: center
 }

 .hero-style4 .hero-title {
 	color: var(--white-color);
 	font-size: 110px;
 	text-transform: uppercase;
 	line-height: 1;
 	margin-bottom: 25px
 }

 .hero-style4 .hero-title:first-of-type {
 	font-size: 60px;
 	font-weight: 300;
 	text-transform: capitalize;
 	margin-top: -0.15em
 }

 .hero-style4 .hero-text {
 	max-width: 635px;
 	margin-left: auto;
 	margin-right: auto
 }

 .hero-style4 .btn-group {
 	margin-top: 55px;
 	-webkit-box-pack: center;
 	-webkit-justify-content: center;
 	-ms-flex-pack: center;
 	justify-content: center
 }

 @media (max-width: 1700px) {
 	.hero-style4 .hero-title {
 		font-size: 96px
 	}
 }

 @media (max-width: 1399px) {
 	.hero-style4 .hero-title {
 		font-size: 80px
 	}

 	.hero-style4 .hero-title:first-of-type {
 		font-size: 52px
 	}
 }

 @media (max-width: 991px) {
 	.hero-style4 .hero-title {
 		font-size: 64px
 	}

 	.hero-style4 .hero-title:first-of-type {
 		font-size: 44px
 	}

 	.hero-style4 .hero-text {
 		max-width: 560px
 	}

 	.hero-style4 .btn-group {
 		margin-top: 46px
 	}
 }

 @media (max-width: 767px) {
 	.hero-style4 .hero-title {
 		font-size: 52px;
 		margin-bottom: 17px
 	}

 	.hero-style4 .hero-title:first-of-type {
 		font-size: 38px
 	}

 	.hero-style4 .hero-text {
 		max-width: 440px
 	}

 	.hero-style4 .btn-group {
 		margin-top: 40px
 	}
 }

 @media (max-width: 575px) {
 	.hero-style4 .hero-title {
 		font-size: 44px
 	}

 	.hero-style4 .hero-title:first-of-type {
 		font-size: 32px
 	}
 }

 @media (max-width: 375px) {
 	.hero-style4 .hero-title {
 		font-size: 36px
 	}

 	.hero-style4 .hero-title:first-of-type {
 		font-size: 26px
 	}
 }

 .hero-slider-5 .as-hero-slide {
 	padding: 210px 0 355px 0
 }

 .hero-slider-5 .play-btn {
 	position: absolute;
 	top: 50%;
 	right: 15px;
 	-webkit-transform: translateY(-50%);
 	-ms-transform: translateY(-50%);
 	transform: translateY(-50%)
 }

 .hero-slider-5 .play-btn>i {
 	--icon-size: 80px
 }

 .hero-style5 {
 	max-width: 620px
 }

 .hero-style5 .hero-title {
 	color: var(--white-color);
 	font-size: 72px;
 	line-height: 1.2;
 	margin-top: -0.22em;
 	margin-bottom: 20px
 }

 .hero-style5 .hero-title:first-of-type {
 	margin-bottom: 10px !important
 }

 .hero-text {
 	font-size: 18px;
 	color: var(--white-color);
 	margin-bottom: 0px;
 	line-height: 1.667;
 	font-weight: 500;

 	text-shadow: 0px 5px 20px #040404;
 }

 .hero-textnew {
 	position: relative;
 	Background: var(--theme-color2)
 }

 .hero-textnew ul {
 	position: relative;
 	margin: 0;
 	padding:
 }

 .hero-textnew ul li {
 	position: relative;
 	list-style: none;
 	margin-bottom: 5px;
 	font-size: 17px;
 	color: #fff;
 	display: block
 }

 .hero-slider-6 .as-hero-slide {
 	background-color: var(--title-color);
 	padding: 0px 0 0px 0;
 	position: relative
 }

 .hero-slider-6 .hero-img {
 	position: absolute;
 	top: 0;
 	right: 0;
 	height: 100%;
 	width: 48%
 }

 .hero-slider-6 .hero-img img {
 	width: 100%;
 	height: 100%;
 	object-fit: cover
 }

 .hero-slider-6 .hero-shape {
 	position: absolute;
 	top: 0;
 	left: 0;
 	z-index: -1
 }

 .hero-style6 {
 	position: relative;
 	z-index: 2
 }

 .hero-style6 .hero-title {
 	color: var(--white-color);
 	font-size: 60px;
 	text-transform: capitalize;
 	line-height: 1.2;
 	margin-bottom: 25px
 }

 .hero-style6 .hero-title:first-of-type {
 	margin-bottom: 0 !important
 }

 .hero-style6 .hero-text {
 	max-width: 550px;
 	font-size: 20px;
 	font-weight: 300;
 	line-height: 30px;
 	margin-bottom: -0.4em
 }

 .hero-style6 .video-btn {
 	margin-bottom: 40px
 }

 .hero-style6 .btn-group {
 	margin-top: 40px
 }

 @media (max-width: 1399px) {
 	.hero-slider-6 .as-hero-slide {
 		padding: 170px 0 160px 0
 	}

 	.hero-style6 .hero-title {
 		font-size: 52px
 	}
 }

 @media (max-width: 1199px) {
 	.hero-slider-6 .as-hero-slide {
 		padding: 140px 0 150px 0
 	}

 	.hero-style6 .hero-title {
 		font-size: 44px
 	}

 	.hero-style6 .hero-text {
 		font-size: 18px
 	}
 }

 @media (max-width: 991px) {
 	.hero-style6 .hero-title {
 		font-size: 40px
 	}

 	.hero-slider-6 .as-hero-slide {
 		padding: 100px 0
 	}

 	.hero-slider-6 .hero-img {
 		position: relative;
 		width: 100%;
 		top: -100px
 	}

 	.hero-slider-6 .hero-shape {
 		bottom: 0;
 		right: 0;
 		-webkit-transform: rotate(180deg) !important;
 		-ms-transform: rotate(180deg) !important;
 		transform: rotate(180deg) !important;
 		--animation-name: slidebottomright
 	}
 }

 @media (max-width: 767px) {
 	.hero-style6 {
 		text-align: center
 	}

 	.hero-style6 .hero-title {
 		font-size: 34px
 	}

 	.hero-style6 .btn-group {
 		-webkit-box-pack: center;
 		-webkit-justify-content: center;
 		-ms-flex-pack: center;
 		justify-content: center
 	}
 }

 @media (max-width: 575px) {
 	.hero-style6 .hero-title {
 		font-size: 30px
 	}

 	.hero-style6 .hero-text {
 		font-size: 16px;
 		max-width: 360px;
 		margin-left: auto;
 		margin-right: auto
 	}
 }

 @media (max-width: 375px) {
 	.hero-style6 .hero-title {
 		font-size: 28px
 	}
 }

 .error-number {
 	font-size: 274px;
 	font-weight: 700;
 	line-height: 1;
 	margin-bottom: 35px
 }

 .error-title {
 	font-size: 26px;
 	margin-bottom: 3px
 }

 .error-text {
 	font-size: 20px
 }

 .popup-search-box {
 	position: fixed;
 	top: 0;
 	left: 50%;
 	background-color: rgba(0, 0, 0, 0.95);
 	height: 0;
 	width: 0;
 	overflow: hidden;
 	z-index: 99999;
 	opacity: 0;
 	visibility: hidden;
 	border-radius: 50%;
 	-webkit-transform: translateX(-50%);
 	-ms-transform: translateX(-50%);
 	transform: translateX(-50%);
 	-webkit-transition: all ease 0.4s;
 	transition: all ease 0.4s
 }

 .popup-search-box button.searchClose {
 	width: 60px;
 	height: 60px;
 	position: absolute;
 	top: 40px;
 	right: 40px;
 	border-width: 1px;
 	border-style: solid;
 	border-color: var(--theme-color);
 	background-color: transparent;
 	color: var(--theme-color);
 	font-size: 22px;
 	border-radius: 50%;
 	-webkit-transform: rotate(0);
 	-ms-transform: rotate(0);
 	transform: rotate(0);
 	-webkit-transition: all ease 0.4s;
 	transition: all ease 0.4s
 }

 .popup-search-box button.searchClose:hover {
 	color: var(--body-color);
 	background-color: var(--theme-color);
 	color: var(--title-color);
 	-webkit-transform: rotate(90deg);
 	-ms-transform: rotate(90deg);
 	transform: rotate(90deg)
 }

 .popup-search-box form {
 	position: absolute;
 	top: 50%;
 	left: 50%;
 	display: inline-block;
 	padding-bottom: 40px;
 	cursor: auto;
 	width: 100%;
 	max-width: 700px;
 	-webkit-transform: translate(-50%, -50%) scale(0);
 	-ms-transform: translate(-50%, -50%) scale(0);
 	transform: translate(-50%, -50%) scale(0);
 	-webkit-transition: -webkit-transform ease 0.4s;
 	transition: -webkit-transform ease 0.4s;
 	transition: transform ease 0.4s;
 	transition: transform ease 0.4s, -webkit-transform ease 0.4s
 }

 @media (max-width: 1199px) {
 	.popup-search-box form {
 		max-width: 600px
 	}
 }

 .popup-search-box form input {
 	font-size: 18px;
 	height: 70px;
 	width: 100%;
 	border: 2px solid var(--theme-color);
 	background-color: transparent;
 	padding-left: 30px;
 	color: #fff;
 	border-radius: 50px
 }

 .popup-search-box form input::-moz-placeholder {
 	color: #fff
 }

 .popup-search-box form input::-webkit-input-placeholder {
 	color: #fff
 }

 .popup-search-box form input:-ms-input-placeholder {
 	color: #fff
 }

 .popup-search-box form input::-ms-input-placeholder {
 	color: #fff
 }

 .popup-search-box form input::placeholder {
 	color: #fff
 }

 .popup-search-box form button {
 	position: absolute;
 	top: 0px;
 	background-color: transparent;
 	border: none;
 	color: #fff;
 	font-size: 24px;
 	right: 12px;
 	color: var(--white-color);
 	cursor: pointer;
 	width: 70px;
 	height: 70px;
 	-webkit-transition: all ease 0.4s;
 	transition: all ease 0.4s;
 	-webkit-transform: scale(1.001);
 	-ms-transform: scale(1.001);
 	transform: scale(1.001)
 }

 .popup-search-box form button:hover {
 	-webkit-transform: scale(1.1);
 	-ms-transform: scale(1.1);
 	transform: scale(1.1)
 }

 .popup-search-box.show {
 	opacity: 1;
 	visibility: visible;
 	width: 100.1%;
 	height: 100%;
 	-webkit-transition: all ease 0.4s;
 	transition: all ease 0.4s;
 	border-radius: 0
 }

 .popup-search-box.show form {
 	-webkit-transition-delay: 0.5s;
 	transition-delay: 0.5s;
 	-webkit-transform: translate(-50%, -50%) scale(1);
 	-ms-transform: translate(-50%, -50%) scale(1);
 	transform: translate(-50%, -50%) scale(1)
 }

 .sidemenu-wrapper {
 	position: fixed;
 	z-index: 99999;
 	right: 0;
 	top: 0;
 	height: 100%;
 	width: 0;
 	background-color: rgba(0, 0, 0, 0.75);
 	opacity: 0;
 	visibility: hidden;
 	-webkit-transition: all ease 0.8s;
 	transition: all ease 0.8s
 }

 .sidemenu-wrapper .closeButton {
 	display: inline-block;
 	border: 2px solid var(--theme-color);
 	color: var(--title-color);
 	width: 50px;
 	height: 50px;
 	line-height: 48px;
 	font-size: 20px;
 	padding: 0;
 	position: absolute;
 	top: 20px;
 	right: 20px;
 	background-color: var(--white-color);
 	border-radius: 50%;
 	-webkit-transform: rotate(0);
 	-ms-transform: rotate(0);
 	transform: rotate(0);
 	-webkit-transition: all ease 0.4s;
 	transition: all ease 0.4s
 }

 .sidemenu-wrapper .closeButton:hover {
 	color: var(--white-color);
 	background-color: var(--theme-color);
 	-webkit-transform: rotate(90deg);
 	-ms-transform: rotate(90deg);
 	transform: rotate(90deg)
 }

 .sidemenu-wrapper .sidemenu-content {
 	background-color: var(--theme-color);
 	width: 400px;
 	margin-left: auto;
 	padding: 25px 55px 20px 40px;
 	height: 100%;
 	overflow: auto;
 	position: relative;
 	right: -500px;
 	cursor: auto;
 	-webkit-transition-delay: 1s;
 	transition-delay: 1s;
 	-webkit-transition: right ease 1s;
 	transition: right ease 1s
 }

 .sidemenu-wrapper .sidemenu-content::-webkit-scrollbar-track {
 	box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.1);
 	background-color: #F5F5F5
 }

 .sidemenu-wrapper .sidemenu-content::-webkit-scrollbar {
 	width: 2px;
 	background-color: #F5F5F5
 }

 .sidemenu-wrapper .widget {
 	padding: 0;
 	border: none;
 	background-color: transparent
 }

 .sidemenu-wrapper.show {
 	opacity: 1;
 	visibility: visible;
 	width: 100%;
 	-webkit-transition: all ease 0.8s;
 	transition: all ease 0.8s
 }

 .sidemenu-wrapper.show .sidemenu-content {
 	right: 0;
 	opacity: 1;
 	visibility: visible
 }

 .position-relative {
 	z-index: 1
 }

 .body-shape1 {
 	position: absolute;
 	left: 0;
 	bottom: var(--section-space);
 	z-index: -1
 }

 @media (max-width: 1700px) {
 	.body-shape1 {
 		bottom: 30%
 	}
 }

 @media (max-width: 1399px) {
 	.body-shape1 {
 		bottom: 0;
 		max-width: 220px
 	}
 }

 .service-grid {
 	background-color: var(--smoke-color);
 	position: relative
 }

 .service-grid_img {
 	position: relative;
 	overflow: hidden;
 	z-index: 2
 }

 .service-grid_img img {
 	width: 100%;
 	-webkit-transition: 0.4s ease;
 	transition: 0.4s ease
 }

 .service-grid_content {
 	background-color: var(--white-color);
 	padding: 40px
 }

 .service-grid_text {
 	margin-bottom: 21px
 }

 .service-grid_title {
 	font-size: 24px;
 	text-transform: uppercase;
 	margin-top: -0.3em;
 	margin-bottom: 14px
 }

 .service-grid_title a {
 	color: inherit
 }

 .service-grid_title a:hover {
 	color: var(--theme-color)
 }

 .service-grid:hover .service-grid_img img {
 	-webkit-transform: scale(1.1);
 	-ms-transform: scale(1.1);
 	transform: scale(1.1)
 }

 @media (max-width: 991px) {
 	.service-grid_title {
 		font-size: 22px
 	}
 }

 @media (max-width: 375px) {
 	.service-grid_content {
 		padding: 40px 20px
 	}
 }

 .service-card {
 	position: relative;
 	overflow: hidden;
 	z-index: 2
 }

 .service-card:after {
 	content: "";
 	width: 100%;
 	height: 100%;
 	position: absolute;
 	top: 0;
 	left: 0;
 	-webkit-transition: 0.4s ease-in-out;
 	transition: 0.4s ease-in-out;
 	background-image: -webkit-linear-gradient(top, rgba(27, 27, 27, 0) 0%, rgba(27, 27, 27, 0.5155) 20.53%, rgba(27, 27, 27, 0.7215) 34.47%, #1B1B1B 91.05%);
 	background-image: linear-gradient(180deg, rgba(27, 27, 27, 0) 0%, rgba(27, 27, 27, 0.5155) 20.53%, rgba(27, 27, 27, 0.7215) 34.47%, #1B1B1B 91.05%)
 }

 .service-card_content {
 	position: relative;
 	padding: 40px;
 	z-index: 3
 }

 .service-card_content:before {
 	content: "";
 	width: 100%;
 	height: 100%;
 	position: absolute;
 	top: 0;
 	left: 0;
 	z-index: -1;
 	background-color: var(--white-color);
 	-webkit-transition: 0.4s ease-in-out;
 	transition: 0.4s ease-in-out
 }

 .service-card_icon {
 	width: 80px;
 	height: 80px;
 	line-height: 80px;
 	background-color: var(--theme-color);
 	color: var(--white-color);
 	font-size: 32px;
 	text-align: center;
 	margin-bottom: 28px
 }

 .service-card_subtitle {
 	font-size: 14px;
 	text-transform: uppercase;
 	display: block;
 	margin-bottom: 11px
 }

 .service-card_title {
 	font-size: 20px;
 	font-weight: 600;
 	text-transform: uppercase;
 	margin-top: -0.42em;
 	margin-bottom: 15px
 }

 .service-card_title a {
 	color: inherit
 }

 .service-card_title a:hover {
 	color: var(--theme-color)
 }

 .service-card_text {
 	margin-bottom: 20px
 }

 .service-card .as-btn {
 	background-color: transparent;
 	border: 1px solid #efefef;
 	color: var(--title-color);
 	padding: 16px 25px
 }

 .service-card .as-btn:before {
 	background-color: var(--theme-color)
 }

 .service-card .as-btn:hover {
 	border-color: var(--theme-color) !important;
 	color: var(--white-color)
 }

 .service-card:hover .service-card_title {
 	color: var(--white-color)
 }

 .service-card:hover .service-card_content:before {
 	height: 0
 }

 .service-card:hover .as-btn {
 	color: var(--white-color);
 	border-color: var(--white-color)
 }

 @media (max-width: 991px) {
 	.service-card_content {
 		padding: 40px 20px
 	}
 }

 @media (max-width: 767px) {
 	.service-card_content {
 		padding: 50px
 	}
 }

 @media (max-width: 575px) {
 	.service-card_content {
 		padding: 40px
 	}
 }

 @media (max-width: 375px) {
 	.service-card_content {
 		padding: 40px 20px
 	}
 }

 .service-box {
 	--space: 30px;
 	position: relative;
 	text-align: center
 }

 .service-box_img {
 	overflow: hidden;
 	box-shadow: 0px 10px 30px rgba(1, 19, 60, 0.05)
 }

 .service-box_img img {
 	width: 100%;
 	-webkit-transition: 0.4s ease;
 	transition: 0.4s ease
 }

 .service-box_icon {
 	width: var(--icon-size, 100px);
 	height: var(--icon-size, 100px);
 	line-height: var(--icon-size, 100px);
 	font-size: 36px;
 	background-color: var(--theme-color);
 	color: var(--title-color);
 	text-align: center;
 	border-radius: 50%;
 	margin: 0 auto -21px auto;
 	-webkit-transform: translateY(-50px);
 	-ms-transform: translateY(-50px);
 	transform: translateY(-50px)
 }

 .service-box_content {
 	background-color: var(--white-color);
 	width: calc(100% - var(--space)*2);
 	-webkit-transition: 0.4s ease;
 	transition: 0.4s ease;
 	margin-left: var(--space);
 	margin-top: -50px;
 	position: relative;
 	z-index: 2;
 	height: 135px
 }

 .service-box_title {
 	font-size: 22px;
 	text-transform: uppercase;
 	margin-bottom: 10px;
 	font-weight: 600
 }

 .service-box_title a {
 	color: inherit
 }

 .service-box_title a:hover {
 	color: var(--theme-color)
 }

 .service-box_text {
 	max-width: 250px;
 	margin: 0 auto 0 auto;
 	height: 0;
 	visibility: hidden;
 	opacity: 0;
 	-webkit-transition: 0.4s ease;
 	transition: 0.4s ease;
 	-webkit-transform: translateY(40px);
 	-ms-transform: translateY(40px);
 	transform: translateY(40px)
 }

 .service-box .as-btn {
 	width: calc(100% - var(--space)*2);
 	margin-left: auto;
 	margin-right: auto
 }

 .service-box:hover .service-box_content {
 	margin-top: -115px;
 	height: 200px;
 	background-color: var(--title-color)
 }

 .service-box:hover .service-box_title {
 	color: var(--white-color)
 }

 .service-box:hover .service-box_text {
 	visibility: visible;
 	opacity: 1;
 	height: auto;
 	-webkit-transform: translateY(0);
 	-ms-transform: translateY(0);
 	transform: translateY(0)
 }

 .service-box:hover .service-box_img img {
 	-webkit-transform: scale(1.1);
 	-ms-transform: scale(1.1);
 	transform: scale(1.1)
 }

 @media (max-width: 1199px) {
 	.service-box {
 		--space: 15px
 	}
 }

 @media (max-width: 767px) {
 	.service-box {
 		--space: 30px
 	}
 }

 @media (max-width: 375px) {
 	.service-box {
 		--space: 15px
 	}
 }

 .service-feature {
 	display: -webkit-box;
 	display: -webkit-flex;
 	display: -ms-flexbox;
 	display: flex;
 	box-shadow: 0px 8px 30px rgba(106, 106, 106, 0.1);
 	background-color: var(--white-color);
 	padding: 30px;
 	gap: 20px
 }

 .service-feature-wrap {
 	display: grid;
 	grid-template-columns: repeat(2, 1fr);
 	gap: 30px
 }

 .service-feature_icon {
 	min-width: 50px
 }

 .service-feature_icon img {
 	-webkit-transition: 0.4s ease-in-out;
 	transition: 0.4s ease-in-out
 }

 .service-feature_title {
 	font-size: 20px;
 	text-transform: uppercase;
 	font-weight: 600;
 	margin-bottom: 6px;
 	margin-top: -0.36em
 }

 .service-feature_text {
 	margin-bottom: -0.5em
 }

 .service-feature:hover .service-feature_icon img {
 	-webkit-transform: rotateY(180deg);
 	transform: rotateY(180deg)
 }

 @media (max-width: 1199px) {
 	.service-feature {
 		-webkit-flex-wrap: wrap;
 		-ms-flex-wrap: wrap;
 		flex-wrap: wrap
 	}

 	.service-feature-wrap {
 		gap: 24px
 	}
 }

 @media (max-width: 767px) {
 	.service-feature {
 		text-align: center;
 		-webkit-box-pack: center;
 		-webkit-justify-content: center;
 		-ms-flex-pack: center;
 		justify-content: center
 	}
 }

 @media (max-width: 575px) {
 	.service-feature-wrap {
 		grid-template-columns: repeat(1, 1fr);
 		gap: 30px
 	}
 }

 .service-process {
 	border: 1px solid #EEEEEE;
 	background-color: var(--white-color);
 	padding: 40px 20px;
 	text-align: center;
 	box-shadow: 0px 6px 39px rgba(0, 0, 0, 0.04)
 }

 .service-process-wrap {
 	display: grid;
 	grid-template-columns: repeat(3, 1fr);
 	gap: 30px
 }

 .service-process_num {
 	font-family: var(--title-font);
 	font-size: 20px;
 	font-weight: bold;
 	color: var(--title-color);
 	display: block;
 	text-align: center;
 	width: 60px;
 	height: 60px;
 	line-height: 60px;
 	border: 15px solid #FFF9E8;
 	box-sizing: content-box;
 	background-color: var(--theme-color);
 	border-radius: 50%;
 	margin: 0 auto 25px auto
 }

 .service-process_title {
 	font-size: 16px;
 	margin-bottom: 6px;
 	margin-top: -0.36em;
 	text-transform: uppercase
 }

 .service-process_text {
 	max-width: 250px;
 	margin: 0 auto -0.5em auto
 }

 @media (max-width: 1199px) {
 	.service-process-wrap {
 		gap: 24px
 	}
 }

 @media (max-width: 767px) {
 	.service-process-wrap {
 		grid-template-columns: repeat(1, 1fr);
 		gap: 30px
 	}
 }

 .booking-sec {
 	margin-top: -55px;
 	position: relative;
 	z-index: 3
 }

 .booking-sec:before {
 	content: "";
 	width: 100%;
 	height: 100%;
 	background-color: var(--smoke-color);
 	position: absolute;
 	top: 55px;
 	left: 0;
 	right: 0;
 	z-index: -1
 }

 .booking-form .as-btn {
 	width: 100%
 }

 .booking-form .row {
 	--bs-gutter-x: 20px
 }

 .booking-form .input-wrap {
 	background-color: var(--white-color);
 	padding: 40px 40px 20px 40px;
 	box-shadow: 0px 12px 25px rgba(1, 19, 60, 0.02)
 }

 .booking-select-class {
 	display: -webkit-box;
 	display: -webkit-flex;
 	display: -ms-flexbox;
 	display: flex
 }

 .booking-select-class .class-name:last-child input[type="radio"]~label:after {
 	display: none
 }

 .booking-select-class input[type="radio"]~label {
 	background-color: var(--title-color);
 	color: var(--white-color);
 	font-weight: 500;
 	text-transform: uppercase;
 	z-index: 2;
 	padding: 19.5px 20px 19.5px 44px;
 	margin-top: 0;
 	-webkit-transition: 0.3s ease-in-out;
 	transition: 0.3s ease-in-out
 }

 .booking-select-class input[type="radio"]~label::before {
 	top: 19px;
 	left: 20px;
 	border-radius: 0;
 	border: none;
 	height: 16px;
 	width: 16px;
 	background-color: var(--white-color);
 	border-radius: 99px;
 	line-height: 1.8;
 	z-index: -1;
 	-webkit-transition: 0.4s ease;
 	transition: 0.4s ease
 }

 .booking-select-class input[type="radio"]~label:after {
 	content: "";
 	position: absolute;
 	top: 50%;
 	right: 0;
 	-webkit-transform: translateY(-50%);
 	-ms-transform: translateY(-50%);
 	transform: translateY(-50%);
 	background-color: #313131;
 	height: 28px;
 	width: 1px;
 	-webkit-transition: 0.4s ease;
 	transition: 0.4s ease
 }

 .booking-select-class input[type="radio"]:checked~label {
 	color: var(--theme-color)
 }

 .booking-select-class input[type="radio"]:checked~label:before {
 	color: var(--theme-color)
 }

 @media (max-width: 991px) {
 	.booking-form .input-wrap {
 		box-shadow: 0px 12px 25px rgba(1, 19, 60, 0.06)
 	}

 	.booking-select-class input[type="radio"]~label {
 		padding: 19.5px 11px 19.5px 33px
 	}

 	.booking-select-class input[type="radio"]~label:before {
 		left: 11px
 	}
 }

 @media (max-width: 767px) {
 	.booking-sec {
 		margin-top: 0;
 		padding-top: var(--section-space-mobile)
 	}

 	.booking-sec:before {
 		top: 0
 	}

 	.booking-select-class {
 		-webkit-flex-wrap: wrap;
 		-ms-flex-wrap: wrap;
 		flex-wrap: wrap
 	}

 	.booking-select-class input[type="radio"]~label {
 		padding: 20.5px 11px 20.5px 33px;
 		font-size: 14px
 	}

 	.booking-select-class input[type="radio"]~label:before {
 		top: 18px;
 		font-size: 0.65em
 	}
 }

 @media (max-width: 575px) {
 	.booking-form .input-wrap {
 		padding: 40px 20px 40px 20px
 	}
 }

 .booking-form.style2 {
 	display: -webkit-box;
 	display: -webkit-flex;
 	display: -ms-flexbox;
 	display: flex;
 	gap: 40px
 }

 .booking-form.style2 .row {
 	--bs-gutter-x: 20px
 }

 .booking-form.style2 .input-box {
 	margin-bottom: -20px
 }

 .booking-form.style2 select,
 .booking-form.style2 .form-control,
 .booking-form.style2 .form-select,
 .booking-form.style2 textarea,
 .booking-form.style2 input {
 	height: 60px;
 	padding-right: 25px
 }

 .booking-form.style2 .as-btn {
 	height: 60px;
 	padding: 19.5px 15px
 }

 .booking-form.style2 .booking-select-class {
 	padding: 25px 0;
 	background-color: var(--title-color);
 	-webkit-box-orient: vertical;
 	-webkit-box-direction: normal;
 	-webkit-flex-direction: column;
 	-ms-flex-direction: column;
 	flex-direction: column;
 	-webkit-box-align: stretch;
 	-webkit-align-items: stretch;
 	-ms-flex-align: stretch;
 	align-items: stretch
 }

 .booking-form.style2 .booking-select-class input[type="radio"]~label {
 	display: block;
 	padding: 13px 33px 13px 44px;
 	background-color: transparent
 }

 .booking-form.style2 .booking-select-class input[type="radio"]~label:before {
 	top: 13px;
 	left: 20px
 }

 .booking-form.style2 .booking-select-class input[type="radio"]~label::after {
 	display: none
 }

 .booking-form.style2 .booking-select-class input[type="radio"]:checked~label {
 	color: var(--theme-color)
 }

 .car-img1 {
 	margin-top: -86px
 }

 .car-img1 img {
 	padding-left: 30px;
 	max-width: -webkit-max-content;
 	max-width: -moz-max-content;
 	max-width: max-content
 }

 @media (max-width: 1399px) {
 	.car-img1 img {
 		padding-left: 0px
 	}
 }

 @media (max-width: 1199px) {
 	.car-img1 {
 		margin-top: 0;
 		margin-bottom: 20px;
 		text-align: center
 	}

 	.car-img1 img {
 		max-width: 100%
 	}
 }

 @media (max-width: 767px) {
 	.booking-form.style2 {
 		-webkit-box-align: start;
 		-webkit-align-items: flex-start;
 		-ms-flex-align: start;
 		align-items: flex-start;
 		-webkit-flex-wrap: wrap;
 		-ms-flex-wrap: wrap;
 		flex-wrap: wrap;
 		gap: 5px
 	}

 	.booking-form.style2 .booking-select-class {
 		-webkit-box-orient: horizontal;
 		-webkit-box-direction: normal;
 		-webkit-flex-direction: row;
 		-ms-flex-direction: row;
 		flex-direction: row;
 		padding: 15px 5px;
 		margin-bottom: 15px
 	}

 	.booking-form.style2 .booking-select-class input[type="radio"]~label {
 		padding: 13px 10px 13px 33px
 	}

 	.booking-form.style2 .booking-select-class input[type="radio"]~label:before {
 		top: 12px;
 		left: 10px
 	}

 	.booking-form.style2 .input-box {
 		margin-bottom: 0
 	}
 }

 .booking-form3 {
 	background-color: var(--smoke-color);
 	padding: 50px;
 	margin-left: 15px
 }

 .booking-form3 .row {
 	--bs-gutter-x: 20px
 }

 .booking-form3 .as-btn {
 	width: 100%
 }

 .booking-form3 select,
 .booking-form3 .form-control,
 .booking-form3 .form-select,
 .booking-form3 textarea,
 .booking-form3 input {
 	height: 60px;
 	border: 1px solid #ececec
 }

 @media (max-width: 1199px) {
 	.booking-form3 {
 		padding: 50px 30px;
 		margin-left: 0
 	}
 }

 @media (max-width: 375px) {
 	.booking-form3 {
 		padding: 40px 20px
 	}
 }

 .booking-form4 {
 	padding: 60px;
 	background-color: var(--white-color);
 	border: 1px solid var(--border-color);
 	box-shadow: 0px 13px 25px rgba(0, 0, 0, 0.05)
 }

 .booking-form4 .row {
 	--bs-gutter-x: 20px
 }

 .booking-form4 .as-btn {
 	width: 100%
 }

 @media (max-width: 991px) {
 	.booking-form4 {
 		padding: 40px 20px
 	}
 }

 .contact-info-wrap {
 	display: -webkit-box;
 	display: -webkit-flex;
 	display: -ms-flexbox;
 	display: flex;
 	-webkit-box-pack: justify;
 	-webkit-justify-content: space-between;
 	-ms-flex-pack: justify;
 	justify-content: space-between
 }

 .style3.info-card {
 	border-right: 1px solid #c9c9c9a6;
 	gap: 15px;
 	-webkit-box-flex: 1;
 	-webkit-flex: 1;
 	-ms-flex: 1;
 	flex: 1;
 	-webkit-box-pack: center;
 	-webkit-justify-content: center;
 	-ms-flex-pack: center;
 	justify-content: center;
 	padding: 30px 0
 }

 .style3.info-card:first-child {
 	border-left: 1px solid #c9c9c9a6
 }

 .style3 .info-card_icon i {
 	width: 45px;
 	height: 45px;
 	line-height: 45px;
 	font-size: 16px
 }

 .style3 .info-card_text {
 	margin-bottom: 0px;
 	color: #fff;
 	font-weight: 600;
 }

 .style3 .info-card_link {
 	font-size: 15px;
 	color: var(--white-color)
 }

 .style3 .info-card_link:hover {
 	color: #fff !important
 }

 @media (max-width: 991px) {
 	.contact-info-wrap {
 		-webkit-box-orient: vertical;
 		-webkit-box-direction: normal;
 		-webkit-flex-direction: column;
 		-ms-flex-direction: column;
 		flex-direction: column
 	}

 	.style3.info-card {
 		-webkit-box-pack: start;
 		-webkit-justify-content: flex-start;
 		-ms-flex-pack: start;
 		justify-content: flex-start;
 		border-right: none;
 		border-bottom: 1px solid #2E3341;
 		width: 100%;
 		max-width: 280px;
 		margin: 0 auto;
 		padding: 30px 0
 	}

 	.style3.info-card:first-child {
 		border-left: none
 	}

 	.style3.info-card:last-child {
 		border-bottom: none
 	}
 }

 .footer-address {
 	background: #f2f2f2;
 	position: relative;
 }

 .contact-card {
 	display: grid;
 	grid-template-columns: repeat(3, 1fr);
 	background-repeat: repeat;
 	background-size: auto;
 	background-color: var(--title-color);
 	z-index: 3;
 	position: relative;

 }

 .contact-card .info-card {
 	padding: 35px 0;
 	border: none !important
 }

 .contact-card .info-card.active {
 	background-color: #fff;
 	-webkit-clip-path: polygon(calc(100% - 50px) 0%, 100% 50%, calc(100% - 50px) 100%, 0% 100%, 50px 50%, 0% 0%);
 	clip-path: polygon(calc(100% - 50px) 0%, 100% 50%, calc(100% - 50px) 100%, 0% 100%, 50px 50%, 0% 0%)
 }

 .contact-card .info-card.active .info-card_icon i {
 	background-color: var(--title-color)
 }

 .contact-card .info-card.active .info-card_text,
 .contact-card .info-card.active .info-card_link {
 	color: var(--title-color) !important
 }

 @media (max-width: 1199px) {
 	.contact-card .info-card.active {
 		-webkit-clip-path: polygon(calc(100% - 25px) 0%, 100% 50%, calc(100% - 25px) 100%, 0% 100%, 25px 50%, 0% 0%);
 		clip-path: polygon(calc(100% - 25px) 0%, 100% 50%, calc(100% - 25px) 100%, 0% 100%, 25px 50%, 0% 0%)
 	}
 }

 @media (max-width: 991px) {
 	.contact-card {
 		grid-template-columns: repeat(1, 1fr)
 	}

 	.contact-card .info-card {
 		padding: 20px 0
 	}

 	.contact-card .info-card.active {
 		-webkit-clip-path: polygon(calc(100% - 25px) 0%, 100% 50%, calc(100% - 25px) 100%, 0% 100%, 0 50%, 0% 0%);
 		clip-path: polygon(calc(100% - 25px) 0%, 100% 50%, calc(100% - 25px) 100%, 0% 100%, 0 50%, 0% 0%)
 	}
 }

 .contact-box {
 	border: 1px solid var(--border-color)
 }

 .contact-box_img {
 	margin: -1px
 }

 .contact-box_img img {
 	width: 100%
 }

 .contact-box_icon i {
 	font-size: 48px;
 	color: var(--theme-color)
 }

 .contact-box_text {
 	margin-top: -0.08em;
 	margin-bottom: 2px
 }

 .contact-box_text {
 	text-transform: uppercase;
 	color: var(--theme-color);
 	font-size: 14px;
 	font-weight: 500
 }

 .contact-box_link {
 	font-size: 20px;
 	font-weight: 600;
 	margin-bottom: -0.1em
 }

 .contact-box_link a {
 	color: inherit
 }

 .contact-box_link a:hover {
 	color: var(--theme-color)
 }

 .contact-box_content {
 	padding: 40px;
 	display: -webkit-box;
 	display: -webkit-flex;
 	display: -ms-flexbox;
 	display: flex;
 	gap: 15px 20px;
 	-webkit-box-align: center;
 	-webkit-align-items: center;
 	-ms-flex-align: center;
 	align-items: center
 }

 .contact-form .form-group>i {
 	color: var(--theme-color)
 }

 .map-sec {
 	line-height: 1px
 }

 .map-sec iframe {
 	aspect-ratio: 16 / 4.6;
 	-webkit-filter: grayscale(1);
 	filter: grayscale(1)
 }

 @media (max-width: 1399px) {
 	.contact-box_content {
 		gap: 15px;
 		padding: 25px 15px
 	}
 }

 @media (max-width: 1199px) {
 	.contact-box_text {
 		font-size: 13px
 	}

 	.contact-box_link {
 		font-size: 18px
 	}
 }

 @media (max-width: 991px) {
 	.map-sec iframe {
 		aspect-ratio: 16 / 6
 	}
 }

 @media (max-width: 767px) {
 	.contact-box_content {
 		-webkit-box-pack: center;
 		-webkit-justify-content: center;
 		-ms-flex-pack: center;
 		justify-content: center
 	}

 	.map-sec iframe {
 		height: 220px
 	}
 }

 .img-box1 {
 	position: relative
 }

 .img-box1 .img1 img {
 	width: 100%
 }

 .img-box1 .img2 {
 	position: absolute;
 	left: -88px;
 	top: 50%;
 	-webkit-transform: translateY(-50%);
 	-ms-transform: translateY(-50%);
 	transform: translateY(-50%);
 	border: 8px solid var(--white-color);
 	-webkit-filter: drop-shadow(0px 8px 31px rgba(0, 0, 0, 0.15));
 	filter: drop-shadow(0px 8px 31px rgba(0, 0, 0, 0.15))
 }

 .img-box1 .info-card {
 	background-color: var(--title-color);
 	position: absolute;
 	bottom: 0;
 	right: 16%;
 	padding: 40px
 }

 .img-box1 .info-card_icon i {
 	background-color: var(--white-color)
 }

 .info-card {
 	display: -webkit-box;
 	display: -webkit-flex;
 	display: -ms-flexbox;
 	display: flex;
 	-webkit-box-align: center;
 	-webkit-align-items: center;
 	-ms-flex-align: center;
 	align-items: center;
 	gap: 20px
 }

 .info-card_icon {
 	color: var(--white-color)
 }

 .info-card_icon i {
 	width: 60px;
 	height: 60px;
 	line-height: 60px;
 	background-color: var(--theme-color);
 	color: inherit;
 	font-size: 18px;
 	text-align: center;
 	border-radius: 50%;
 	border: 1px solid #fff;
 }

 .info-card_text {
 	margin-bottom: 5px
 }

 .info-card_link {
 	font-size: 24px;
 	font-weight: 600
 }

 .info-card_link:hover {
 	color: var(--theme-color) !important
 }

 .journey-wrap {
 	display: -webkit-box;
 	display: -webkit-flex;
 	display: -ms-flexbox;
 	display: flex;
 	padding-bottom: 27px;
 	margin-bottom: 30px;
 	gap: 20px;
 	-webkit-box-pack: justify;
 	-webkit-justify-content: space-between;
 	-ms-flex-pack: justify;
 	justify-content: space-between;
 	border-bottom: 1px solid #ECECEC
 }

 .journey-box .journey-title {
 	font-size: 16px;
 	font-weight: 600;
 	text-transform: uppercase;
 	margin-bottom: 10px
 }

 .journey-box .journey-year {
 	font-size: 80px;
 	font-weight: bold;
 	display: block;
 	color: var(--theme-color);
 	line-height: 1;
 	letter-spacing: -0.06em
 }

 @media (max-width: 1399px) {
 	.img-box1 .img2 {
 		left: -30px
 	}
 }

 @media (max-width: 1199px) {
 	.journey-wrap {
 		gap: 20px 100px;
 		-webkit-box-pack: start;
 		-webkit-justify-content: flex-start;
 		-ms-flex-pack: start;
 		justify-content: flex-start
 	}
 }

 @media (max-width: 767px) {
 	.journey-wrap {
 		gap: 20px 20px;
 		-webkit-box-pack: center;
 		-webkit-justify-content: center;
 		-ms-flex-pack: center;
 		justify-content: center
 	}
 }

 @media (max-width: 575px) {
 	.img-box1 .img2 {
 		left: -12px;
 		max-width: 60%
 	}

 	.img-box1 .info-card {
 		right: 0;
 		padding: 20px
 	}
 }

 .img-box2 {
 	position: relative
 }

 .img-box2 .img2 {
 	margin-top: -37%;
 	text-align: right
 }

 .img-box2 .img2 img {
 	border: 8px solid var(--white-color);
 	border-right: none;
 	border-bottom: none
 }

 .img-box2 .play-btn {
 	position: absolute;
 	top: 15.4%;
 	right: 12%
 }

 .about-quote {
 	border: 1px solid var(--border-color);
 	box-shadow: 0px 15px 26px rgba(0, 0, 0, 0.05);
 	background-color: var(--white-color);
 	padding: 27px 35px;
 	margin-bottom: 30px
 }

 .about-quote .text {
 	margin-bottom: 10px
 }

 .about-quote .name {
 	font-size: 18px;
 	font-weight: 600;
 	color: var(--title-color);
 	font-style: normal;
 	margin-right: 8px
 }

 .about-quote .desig {
 	font-size: 14px;
 	font-weight: 500;
 	color: var(--theme-color);
 	position: relative;
 	display: inline-block
 }

 .about-quote .desig:before {
 	content: "";
 	width: 5px;
 	height: 5px;
 	display: inline-block;
 	background-color: var(--theme-color);
 	border-radius: 50%;
 	position: relative;
 	top: -3px;
 	margin-right: 10px
 }

 .info-card.style2 {
 	margin-bottom: 30px;
 	padding-bottom: 30px;
 	border-bottom: 1px solid #EDEDED
 }

 @media (max-width: 767px) {
 	.about-quote {
 		padding: 27px 20px
 	}
 }

 .img-box3 {
 	position: relative;
 	padding-right: 16px
 }

 .img-box3 .img1 {
 	text-align: right
 }

 .img-box3 .img2 {
 	position: absolute;
 	left: 30px;
 	top: 40px;
 	-webkit-animation: jumpAni 7s linear infinite;
 	animation: jumpAni 7s linear infinite
 }

 .img-box3 .img3 {
 	border: 10px solid var(--white-color);
 	position: absolute;
 	left: -10px;
 	bottom: 30px;
 	-webkit-animation: jumpReverseAni 7s linear infinite;
 	animation: jumpReverseAni 7s linear infinite
 }

 .as-experience {
 	max-width: 120px;
 	box-shadow: 0px 13px 25px rgba(0, 0, 0, 0.05);
 	border: 1px solid var(--border-color);
 	text-align: center;
 	padding: 20px 5px 24px 5px
 }

 .as-experience .experience-year {
 	font-size: 36px;
 	margin-bottom: 7px;
 	color: var(--theme-color)
 }

 .as-experience .experience-text {
 	margin-bottom: 0;
 	line-height: 1.4
 }

 .experience-list {
 	display: -webkit-box;
 	display: -webkit-flex;
 	display: -ms-flexbox;
 	display: flex;
 	gap: 20px 30px;
 	-webkit-box-align: center;
 	-webkit-align-items: center;
 	-ms-flex-align: center;
 	align-items: center;
 	border-bottom: 1px solid #F0F0F0;
 	margin-bottom: 40px;
 	padding-bottom: 40px
 }

 .dots-list ul {
 	margin-bottom: 0;
 	list-style: none;
 	padding-left: 0
 }

 .dots-list li {
 	padding-left: 17px;
 	position: relative
 }

 .dots-list li:not(:last-child) {
 	margin-bottom: 11px
 }

 .dots-list li::before {
 	content: "";
 	width: 7px;
 	height: 7px;
 	background-color: var(--theme-color);
 	display: inline-block;
 	position: absolute;
 	left: 0;
 	top: 9px;
 	border-radius: 50%;
 	margin-right: 10px
 }

 @media (max-width: 1199px) {
 	.img-box3 {
 		padding-right: 0
 	}

 	.img-box3 .img1 img {
 		width: 70%
 	}

 	.img-box3 .img2 {
 		width: 40%
 	}

 	.img-box3 .img2 img {
 		width: 100%
 	}

 	.img-box3 .img3 {
 		width: 45%
 	}

 	.img-box3 .img3 img {
 		width: 100%
 	}
 }

 @media (max-width: 767px) {
 	.experience-list {
 		-webkit-flex-wrap: wrap;
 		-ms-flex-wrap: wrap;
 		flex-wrap: wrap;
 		-webkit-box-pack: center;
 		-webkit-justify-content: center;
 		-ms-flex-pack: center;
 		justify-content: center;
 		padding-bottom: 23px;
 		margin-bottom: 30px
 	}

 	.as-experience {
 		display: block;
 		width: 100%;
 		max-width: 100%
 	}
 }

 .img-box4 {
 	padding-right: 15px
 }

 .img-box4 .img2 {
 	text-align: right;
 	margin-top: -51.2%
 }

 @media (max-width: 1199px) {
 	.img-box4 {
 		padding-right: 0
 	}

 	.img-box4 .img1 {
 		width: 70%
 	}

 	.img-box4 .img1 img {
 		width: 100%
 	}

 	.img-box4 .img2 {
 		width: 48%;
 		margin-left: auto
 	}

 	.img-box4 .img2 img {
 		width: 100%
 	}
 }

 .team-card {
 	--space: 60px;
 	text-align: center
 }

 .team-card .team-img {
 	max-width: calc(100% - var(--space)*2);
 	margin: 0 auto;
 	overflow: hidden;
 	position: relative;
 	z-index: 3
 }

 .team-card .team-img img {
 	width: 100%;
 	-webkit-transition: 0.4s ease-in-out;
 	transition: 0.4s ease-in-out
 }

 .team-card .team-title {
 	font-size: 22px;
 	margin-bottom: 3px;
 	margin-top: -0.3em;
 	font-weight: 600;
 	text-transform: uppercase
 }

 .team-card .team-title a {
 	color: inherit
 }

 .team-card .team-title a:hover {
 	color: var(--theme-color)
 }

 .team-card .team-desig {
 	color: var(--theme-color);
 	display: block;
 	margin-bottom: 15px
 }

 .team-card .team-content {
 	padding: 187px var(--space) 30px var(--space);
 	-webkit-filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.04));
 	filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.04));
 	margin-top: -157px;
 	position: relative;
 	z-index: 2
 }

 .team-card .team-content:before,
 .team-card .team-content:after {
 	content: "";
 	height: 100%;
 	width: 100%;
 	background-color: #e7e7e7;
 	position: absolute;
 	top: 0;
 	left: 0;
 	-webkit-clip-path: polygon(35% 31%, 100% 0, 100% 100%, 0 100%, 0 0);
 	clip-path: polygon(35% 31%, 100% 0, 100% 100%, 0 100%, 0 0);
 	z-index: -2
 }

 .team-card .team-content:before {
 	background-color: var(--white-color);
 	height: calc(100% - 2px);
 	width: calc(100% - 2px);
 	top: 1px;
 	left: 1px;
 	z-index: -1
 }

 .team-card .as-social a {
 	background-color: var(--white-color);
 	box-shadow: 0px 7px 15px rgba(0, 0, 0, 0.07);
 	color: var(--title-color);
 	line-height: 42px
 }

 .team-card .as-social a:hover {
 	background-color: var(--theme-color)
 }

 .team-card:hover .team-img img {
 	-webkit-transform: scale(1.08);
 	-ms-transform: scale(1.08);
 	transform: scale(1.08)
 }

 @media (max-width: 1199px) {
 	.team-card {
 		--space: 30px
 	}
 }

 @media (max-width: 767px) {
 	.team-card {
 		--space: 20px
 	}
 }

 @media (max-width: 575px) {
 	.team-card {
 		--space: 60px
 	}
 }

 @media (max-width: 375px) {
 	.team-card {
 		--space: 25px
 	}
 }

 .team-box {
 	--space: 30px
 }

 .team-box .team-img {
 	position: relative;
 	overflow: hidden
 }

 .team-box .team-img img {
 	width: 100%;
 	-webkit-transition: 0.4s ease-in-out;
 	transition: 0.4s ease-in-out
 }

 .team-box .team-content {
 	background-color: var(--white-color);
 	position: absolute;
 	bottom: 0;
 	left: var(--space);
 	width: calc(100% - var(--space)*2);
 	text-align: center;
 	padding: 30px 15px 30px 15px
 }

 .team-box .team-title {
 	font-size: 22px;
 	margin-bottom: 0;
 	margin-top: -0.3em;
 	font-weight: 600;
 	text-transform: uppercase
 }

 .team-box .team-title a {
 	color: inherit
 }

 .team-box .team-title a:hover {
 	color: var(--theme-color)
 }

 .team-box .team-desig {
 	color: var(--theme-color);
 	display: block;
 	font-family: var(--title-font);
 	margin-bottom: -0.5em
 }

 .team-box .as-social {
 	background-color: var(--white-color);
 	border-top: 1px solid #F0F0F0;
 	box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.05);
 	padding: 30px 15px 30px 15px;
 	text-align: center;
 	width: calc(100% - var(--space)*2);
 	margin-left: var(--space);
 	position: relative;
 	z-index: 2
 }

 .team-box .as-social a {
 	border-radius: 50%;
 	color: var(--title-color)
 }

 .team-box:hover .team-img img {
 	-webkit-transform: scale(1.1);
 	-ms-transform: scale(1.1);
 	transform: scale(1.1)
 }

 @media (max-width: 1199px) {
 	.team-box {
 		--space: 20px
 	}
 }

 @media (max-width: 767px) {
 	.team-box {
 		--space: 30px
 	}
 }

 @media (max-width: 375px) {
 	.team-box {
 		--space: 15px
 	}
 }

 .team-featured {
 	padding-left: 30px
 }

 .team-featured_desig {
 	display: block;
 	margin-top: -0.4em;
 	margin-bottom: 7px
 }

 .team-featured_title {
 	font-size: 30px;
 	margin-bottom: 25px;
 	text-transform: uppercase
 }

 .team-featured_phone {
 	font-size: 18px;
 	font-weight: 500;
 	color: var(--title-color);
 	background-color: var(--theme-color);
 	padding: 12px 45px 12px 120px;
 	margin-bottom: 22px;
 	display: inline-block;
 	border-radius: 0 20px 20px 0;
 	-webkit-transform: translateX(-120px);
 	-ms-transform: translateX(-120px);
 	transform: translateX(-120px);
 	-webkit-clip-path: polygon(20px 0%, 100% 0, 100% 100%, 0% 100%);
 	clip-path: polygon(20px 0%, 100% 0, 100% 100%, 0% 100%)
 }

 .team-featured_text:last-of-type {
 	margin-bottom: -0.5em
 }

 @media (max-width: 1399px) {
 	.team-featured {
 		padding-left: 0
 	}

 	.team-featured_phone {
 		padding: 10px 35px 10px 35px;
 		-webkit-clip-path: polygon(15px 0%, 100% 0, 100% 100%, 0% 100%);
 		clip-path: polygon(15px 0%, 100% 0, 100% 100%, 0% 100%);
 		-webkit-transform: translateX(-35px);
 		-ms-transform: translateX(-35px);
 		transform: translateX(-35px)
 	}
 }

 @media (max-width: 991px) {
 	.team-featured_phone {
 		padding: 10px 35px 10px 35px;
 		-webkit-clip-path: polygon(15px 0%, 100% 0, 100% 100%, 0% 100%);
 		clip-path: polygon(15px 0%, 100% 0, 100% 100%, 0% 100%);
 		-webkit-transform: translateX(-35px);
 		-ms-transform: translateX(-35px);
 		transform: translateX(-35px)
 	}
 }

 @media (max-width: 767px) {
 	.team-featured {
 		text-align: center
 	}

 	.team-featured_phone {
 		-webkit-transform: translateX(0);
 		-ms-transform: translateX(0);
 		transform: translateX(0)
 	}
 }

 .team-about_title {
 	font-size: 30px;
 	text-transform: uppercase;
 	margin-bottom: 5px;
 	margin-top: -0.2em
 }

 .team-about_desig {
 	font-family: var(--title-font);
 	color: var(--theme-color);
 	margin-bottom: 30px
 }

 .team-about_text {
 	margin-bottom: 30px
 }

 .about-info {
 	display: -webkit-box;
 	display: -webkit-flex;
 	display: -ms-flexbox;
 	display: flex;
 	-webkit-box-align: center;
 	-webkit-align-items: center;
 	-ms-flex-align: center;
 	align-items: center;
 	gap: 20px
 }

 .about-info-wrap {
 	display: grid;
 	grid-template-columns: repeat(2, 1fr);
 	max-width: 600px;
 	gap: 20px;
 	margin-bottom: 40px
 }

 .about-info_icon i {
 	width: 50px;
 	height: 50px;
 	line-height: 50px;
 	color: var(--theme-color);
 	border: 1px solid var(--border-color);
 	border-radius: 50%;
 	text-align: center
 }

 .about-info_subtitle {
 	margin-bottom: 0
 }

 .about-info_title {
 	font-family: var(--body-font);
 	font-size: 18px;
 	margin-bottom: 0
 }

 .about-info_title a {
 	color: inherit
 }

 .about-info_title a:hover {
 	color: var(--theme-color)
 }

 .border-title {
 	text-transform: uppercase;
 	border-bottom: 1px solid var(--border-color);
 	margin-bottom: 30px;
 	padding-bottom: 20px
 }

 .experience-box {
 	padding: 34px 30px 34px 65px;
 	border: 1px solid #F1F1F1;
 	overflow: hidden;
 	position: relative;
 	margin-bottom: -1px;
 	margin-right: -1px
 }

 .experience-box-wrap {
 	display: grid;
 	grid-template-columns: repeat(2, 1fr);
 	box-shadow: 0px 13px 21px rgba(0, 0, 0, 0.03)
 }

 .experience-box_num {
 	font-size: 12px;
 	width: 60px;
 	height: 60px;
 	line-height: 65px;
 	background-color: var(--theme-color);
 	color: var(--white-color);
 	border-radius: 50%;
 	text-align: center;
 	position: absolute;
 	top: -13px;
 	left: -13px
 }

 .experience-box_num::first-letter {
 	font-size: 18px;
 	font-weight: bold
 }

 .experience-box_title {
 	text-transform: uppercase;
 	font-size: 16px;
 	font-weight: 600;
 	margin-bottom: 4px;
 	margin-top: -0.2em
 }

 .experience-box_text {
 	font-size: 14px;
 	margin-bottom: -0.44em
 }

 @media (max-width: 1199px) {
 	.team-about_desig {
 		margin-bottom: 20px
 	}

 	.team-about_text {
 		margin-bottom: 25px
 	}

 	.about-info-wrap {
 		margin-bottom: 30px
 	}

 	.border-title {
 		margin-bottom: 24px;
 		padding-bottom: 15px
 	}
 }

 @media (max-width: 767px) {
 	.experience-box {
 		padding: 30px 30px 30px 50px
 	}
 }

 @media (max-width: 575px) {
 	.about-info-wrap {
 		grid-template-columns: repeat(1, 1fr)
 	}

 	.experience-box {
 		padding: 30px 30px 30px 65px
 	}

 	.experience-box-wrap {
 		grid-template-columns: repeat(1, 1fr)
 	}
 }

 .testi-card {
 	padding: 40px;
 	border: 1px solid var(--border-color);
 	box-shadow: 0px 13px 20px rgba(0, 0, 0, 0.05);
 	background-color: var(--white-color);
 	position: relative;
 	z-index: 2;
 	border: 2px solid #bebebe;
 	margin-bottom: 30px;
 	padding: 30px 30px 30px 30px;
 }

 .testimonial-imggg {
 	width: 100%;
 	margin-bottom: 12px;
 }

 .testi-card_icon {
 	position: absolute;
 	bottom: 35px;
 	right: 40px;
 	z-index: -1
 }

 .testi-card_icon i {
 	font-size: 60px;
 	color: #F0F0F0
 }

 .testi-card_profile {
 	display: -webkit-box;
 	display: -webkit-flex;
 	display: -ms-flexbox;
 	display: flex;
 	-webkit-box-align: center;
 	-webkit-align-items: center;
 	-ms-flex-align: center;
 	align-items: center;
 	gap: 15px
 }

 .testi-card_name {
 	font-weight: 600;
 	font-size: 20px;
 	text-transform: capitalize;
 	margin-bottom: 0;
 	margin-top: 0;
 }

 .testi-card_desig {
 	font-size: 16px;
 	color: var(--theme-color);
 	margin-bottom: -0.491em;
 	display: block;
 	font-weight: 500;
 }

 .testi-card_text {
 	margin-top: 20px;

 }

 .testi-card_text p {
 	margin-bottom: 0;
 	color: var(--body-color);
 	font-weight: 500;
 	line-height: 1.8;
 }

 .testi-card_content {
 	position: relative
 }

 .testi-card_review {
 	position: absolute;
 	bottom: 0;
 	right: 0
 }

 .testi-card_review i {
 	color: var(--theme-color)
 }

 .testi-box {
 	position: relative;
 	display: -webkit-box;
 	display: -webkit-flex;
 	display: -ms-flexbox;
 	display: block;
 	-webkit-box-align: center;
 	-webkit-align-items: center;
 	-ms-flex-align: center;
 	align-items: center;
 	gap: 30px 70px;
 	text-align: center;
 }

 .testi-box_img {
 	position: relative;
 	min-width: 100%;
 	text-align: center;
 	position: relative;
 	left: 0;
 	right: 0;
 	top: 0;
 	content: "";
 }

 .testi-box_icon {
 	width: 70px;
 	height: 70px;
 	line-height: 70px;
 	background-color: transparent;
 	text-align: center;
 	margin: 0px auto;


 }

 .tt-bgs {
 	position: relative;
 	padding: 20px 20px 20px;
 	Background: #0000008a
 }

 .testi-box_name {
 	font-size: 22px;
 	font-weight: 400;
 	text-transform: capitalize;
 	margin-bottom: 3px;
 	color: #fff;
 }

 .testi-box_desig {
 	font-family: var(--title-font);
 	margin-bottom: -0.491em;
 	display: block
 }

 .testi-box_text p {}

 .testi-box_review {
 	position: absolute;
 	bottom: 45px;
 	right: 0;
 	display: -webkit-box;
 	display: -webkit-flex;
 	display: -ms-flexbox;
 	display: flex;
 	gap: 8px
 }

 .testi-box_review i {
 	color: #ffc400
 }

 .testi-box {
 	gap: 30px 60px
 }

 .testi-box_img {
 	min-width: 285px
 }

 .testi-box_text {

 	margin-bottom: 20px;

 }

 .testi-box_text p {
 	font-size: 16px;
 	margin-bottom: 5px;
 	line-height: 1.75;
 	color: #fff;
 	position: relative;
 	z-index: 1;
 }

 .testi-box_review {
 	bottom: 20px
 }

 @media (max-width: 991px) {
 	.testi-box {
 		-webkit-flex-wrap: wrap;
 		-ms-flex-wrap: wrap;
 		flex-wrap: wrap
 	}

 	.testi-box_review {
 		bottom: 20px
 	}
 }

 @media (max-width: 575px) {
 	.testi-box_img {
 		max-width: 100%;
 		min-width: auto
 	}

 	.testi-box_review {
 		bottom: 15px
 	}
 }

 @media (max-width: 375px) {
 	.testi-box_icon {
 		top: 12px;
 		right: -12px
 	}

 	.testi-box_review {
 		position: static;
 		margin-top: 25px
 	}
 }

 .counter-card {
 	display: -webkit-box;
 	display: -webkit-flex;
 	display: -ms-flexbox;
 	display: block;
 	gap: 30px;
 	text-align: center;
 	padding: 20px;
 	border-radius: 20px;
 	width: 100%;
 }

 .counter-card:hover {}

 .counter-card_content {
 	width: 100%;
 	position: relative;
 }

 .counter-card_icon {
 	-webkit-transition: 0.4s all ease;
 	transition: 0.4s all ease
 }

 .counter-card_icon img {
 	width: 80px
 }

 .counter-card_number {
 	font-size: 45px;
 	font-weight: 800;
 	line-height: 1;
 	margin-bottom: 0px;
 	margin-top: 10px;
 	color: var(--theme-color2) !important;

 }

 .counter-card_text {
 	font-weight: 400;
 	font-size: 17px;
 	line-height: 26px;
 	font-family: var(--title-font);
 	text-align: center;
 	margin-bottom: 0;
 	color: var(--title-color);
 	margin-top: 10px;
 }

 .counter-card:hover .counter-card_text {}

 .counter-card:hover .counter-card_icon {
 	-webkit-transform: rotateY(180deg);
 	transform: rotateY(180deg)
 }

 .counter-sec3 {
 	padding: 20px 0 0px;
 	border-top: unset;

 }

 .Video-sec-sec {

 	position: relative;
 	padding: 30px 0 30px
 }

 .blog-meta.style2 span,
 .blog-meta.style2 a {
 	margin-right: 20px;
 	color: #6A6E71
 }

 .blog-meta.style2 span:last-child,
 .blog-meta.style2 a:last-child {
 	margin-right: 0
 }

 .blog-meta.style2 span:before,
 .blog-meta.style2 a:before {
 	content: "";
 	width: 5px;
 	height: 5px;
 	background-color: #DFE1E2;
 	position: relative;
 	top: -2px;
 	margin-right: 10px;
 	display: inline-block
 }

 .blog-meta a:hover {
 	color: var(--theme-color)
 }

 .blog-card .blog-img {
 	max-height: 300px;
 	overflow: hidden;
 	position: relative
 }

 .blog-card .blog-img img {
 	width: 100%;
 	-webkit-transition: 0.4s ease-in-out;
 	transition: 0.4s ease-in-out
 }

 .blog-card .category {
 	font-size: 12px;
 	font-weight: 700;
 	text-transform: uppercase;
 	background-color: var(--theme-color);
 	color: var(--title-color);
 	padding: 2px 14px;
 	position: absolute;
 	bottom: 0;
 	left: var(--space)
 }

 .blog-card .category:hover {
 	background-color: var(--title-color);
 	color: var(--white-color)
 }

 .blog-card .blog-content {
 	background-color: var(--white-color);
 	padding: 35px var(--space)
 }

 .blog-card .blog-title {
 	font-size: 24px;
 	margin-top: -0.3em;
 	margin-bottom: 9px
 }

 .blog-card .blog-meta {
 	margin-bottom: 25px;
 	padding-bottom: 15px;
 	border-bottom: 1px solid #EAEAEA
 }

 .blog-card .blog-text {
 	margin-bottom: 10px;
 	margin-top: -2px
 }

 .blog-card .link-btn {
 	margin-bottom: -0.2em;
 	display: block;
 	width: -webkit-fit-content;
 	width: -moz-fit-content;
 	width: fit-content;
 	margin-top: 20px
 }

 .blog-card:hover .blog-img img {
 	-webkit-transform: scale(1.08);
 	-ms-transform: scale(1.08);
 	transform: scale(1.08)
 }

 @media (max-width: 991px) {
 	.blog-card {
 		--space: 25px
 	}
 }

 @media (max-width: 375px) {
 	.blog-card {
 		--space: 20px
 	}

 	.blog-card .blog-title {
 		font-size: 20px
 	}
 }

 .blog-grid {
 	--space: 40px;
 	display: -webkit-box;
 	display: -webkit-flex;
 	display: -ms-flexbox;
 	display: flex;
 	background-color: var(--smoke-color);
 	position: relative
 }

 .blog-grid-wrap {
 	display: grid;
 	grid-template-areas: "one one one one one one one one one two two two" "one one one one one one one one one three three three"
 }

 .blog-grid .category {
 	font-size: 14px;
 	font-weight: 700;
 	text-transform: uppercase;
 	background-color: var(--theme-color);
 	color: var(--title-color);
 	padding: 2px 14px;
 	position: absolute;
 	top: 0;
 	left: 0
 }

 .blog-grid .category:hover {
 	background-color: var(--title-color);
 	color: var(--white-color)
 }

 .blog-grid .blog-img {
 	position: relative;
 	min-width: 245px;
 	height: 225px;
 	overflow: hidden
 }

 .blog-grid .blog-img img {
 	height: 100%;
 	width: 100%;
 	object-fit: cover;
 	object-position: center center;
 	-webkit-transition: 0.4s ease-in-out;
 	transition: 0.4s ease-in-out
 }

 .blog-grid .blog-content {
 	padding: 30px;
 	-webkit-align-self: center;
 	-ms-flex-item-align: center;
 	align-self: center
 }

 .blog-grid .blog-title {
 	font-size: 22px;
 	margin-top: 0;
 	margin-bottom: 20px;
 }

 .blog-grid .blog-meta {
 	margin-bottom: 23px;
 	padding-bottom: 15px;
 	border-bottom: 1px solid #EAEAEA
 }

 .blog-grid .link-btn {
 	margin-bottom: -0.2em;
 	display: block;
 	width: -webkit-fit-content;
 	width: -moz-fit-content;
 	width: fit-content;
 	margin-top: 15px
 }

 .blog-grid:nth-child(1) {
 	grid-area: one;
 	margin-right: 15px;
 	display: block;
 	background-color: transparent
 }

 .blog-grid:nth-child(1) .blog-content {
 	position: absolute;
 	bottom: 0;
 	left: 0;
 	padding: var(--space);
 	z-index: 2
 }

 .blog-grid:nth-child(1) .blog-img {
 	min-width: 100%;
 	height: 100%
 }

 .blog-grid:nth-child(1) .blog-img:before {
 	content: "";
 	position: absolute;
 	bottom: 0;
 	left: 0;
 	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 38%, rgba(0, 0, 0, 0.75) 80%);
 	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 38%, rgba(0, 0, 0, 0.75) 80%);
 	width: 100%;
 	height: 100%;
 	z-index: 1
 }

 .blog-grid:nth-child(1) .category {
 	top: var(--space);
 	left: var(--space)
 }

 .blog-grid:nth-child(1) .blog-meta {
 	border-color: rgba(255, 255, 255, 0.15)
 }

 .blog-grid:nth-child(1) .blog-meta a,
 .blog-grid:nth-child(1) .blog-meta span {
 	color: var(--white-color)
 }

 .blog-grid:nth-child(1) .blog-title {
 	color: var(--white-color);
 	font-size: 28px
 }

 .blog-grid:nth-child(1) .link-btn {
 	color: var(--white-color)
 }

 .blog-grid:nth-child(1) .link-btn:before {
 	background-color: var(--white-color)
 }

 .blog-grid:nth-child(2) {
 	grid-area: two;
 	margin-left: 15px;
 	margin-bottom: 30px
 }

 .blog-grid:nth-child(3) {
 	grid-area: three;
 	margin-left: 15px
 }

 .blog-grid:hover .blog-img img {
 	-webkit-transform: scale(1.1);
 	-ms-transform: scale(1.1);
 	transform: scale(1.1)
 }

 @media (max-width: 1199px) {
 	.blog-grid {
 		--space: 30px
 	}

 	.blog-grid .blog-img {
 		min-width: 160px;
 		height: 200px
 	}

 	.blog-grid .blog-title {
 		font-size: 18px;
 		margin-bottom: 15px
 	}

 	.blog-grid .blog-content {
 		padding: 30px 15px
 	}

 	.blog-grid:nth-child(1) .blog-title {
 		font-size: 26px
 	}
 }

 @media (max-width: 991px) {
 	.blog-grid-wrap {
 		grid-template-areas: "one one one" "two two two" "three three three"
 	}

 	.blog-grid .blog-content {
 		padding: 30px
 	}

 	.blog-grid:nth-child(1) {
 		margin-right: 0;
 		margin-bottom: 30px
 	}

 	.blog-grid:nth-child(2) {
 		margin-left: 0
 	}

 	.blog-grid:nth-child(3) {
 		margin-left: 0
 	}
 }

 @media (max-width: 575px) {
 	.blog-grid {
 		-webkit-box-orient: vertical;
 		-webkit-box-direction: normal;
 		-webkit-flex-direction: column;
 		-ms-flex-direction: column;
 		flex-direction: column
 	}

 	.blog-grid .blog-img {
 		height: 100%
 	}

 	.blog-grid .blog-content {
 		-webkit-align-self: flex-start;
 		-ms-flex-item-align: start;
 		align-self: flex-start
 	}

 	.blog-grid:nth-child(1) .blog-title {
 		font-size: 20px
 	}
 }

 @media (max-width: 375px) {
 	.blog-grid {
 		--space: 15px
 	}

 	.blog-grid:nth-child(1) .blog-title {
 		font-size: 18px
 	}

 	.blog-grid .blog-content {
 		padding: 30px 15px
 	}
 }

 .blog-box {
 	background-color: var(--white-color);
 	--space: 30px;
 	box-shadow: 0px 13px 18px rgba(0, 0, 0, 0.04);
 	border: 1px solid var(--border-color)
 }

 .blog-box .blog-img {
 	max-height: 310px;
 	overflow: hidden;
 	margin: -1px
 }

 .blog-box .blog-img img {
 	width: 100%;
 	-webkit-transition: 0.4s ease-in-out;
 	transition: 0.4s ease-in-out
 }

 .blog-box .category {
 	font-size: 14px;
 	text-transform: uppercase;
 	color: var(--theme-color);
 	display: block;
 	margin-bottom: 10px
 }

 .blog-box .category:hover {
 	color: var(--title-color)
 }

 .blog-box .blog-content {
 	background-color: var(--white-color);
 	padding: 30px var(--space)
 }

 .blog-box .blog-meta {
 	margin-bottom: -3px
 }

 .blog-box .blog-title {
 	font-size: 24px;
 	margin-top: -0.3em;
 	margin-bottom: 13px
 }

 .blog-box:hover .blog-img img {
 	-webkit-transform: scale(1.08);
 	-ms-transform: scale(1.08);
 	transform: scale(1.08)
 }

 @media (max-width: 991px) {
 	.blog-box {
 		--space: 25px
 	}
 }

 @media (max-width: 375px) {
 	.blog-box {
 		--space: 20px
 	}

 	.blog-box .blog-title {
 		font-size: 20px
 	}
 }

 .brand-slide {
 	--bs-gutter-x: 0 !important
 }

 .brand-slide .slick-list {
 	border-right: 1px solid #ececec
 }

 .brand-img {
 	text-align: center;
 	border: 1px solid #ececec;
 	border-right: none;
 	min-height: 150px;
 	display: grid !important;
 	-webkit-box-align: center;
 	-webkit-align-items: center;
 	-ms-flex-align: center;
 	align-items: center;
 	-webkit-box-pack: center;
 	-webkit-justify-content: center;
 	-ms-flex-pack: center;
 	justify-content: center
 }

 .brand-img img {
 	padding: 0 15px;
 	width: unset;
 	max-width: 100%;
 	height: 100px;
 }

 @media (max-width: 575px) {
 	.brand-img {
 		min-height: 120px
 	}
 }

 .shape-icon {
 	width: 136px;
 	height: 136px;
 	line-height: 153px;
 	margin: 0 auto 40px auto;
 	-webkit-transition: 0.4s ease-in-out;
 	transition: 0.4s ease-in-out;
 	text-align: center;
 	position: relative;
 	z-index: 2
 }

 .shape-icon .shape {
 	height: 100%;
 	width: 100%;
 	background-color: var(--theme-color);
 	position: absolute;
 	top: 0;
 	left: 0;
 	-webkit-mask-repeat: no-repeat;
 	mask-repeat: no-repeat;
 	z-index: -1
 }

 .shape-icon i {
 	font-size: 48px;
 	color: var(--title-color);
 	-webkit-transition: 0.4s ease-in-out;
 	transition: 0.4s ease-in-out
 }

 .feature-card {
 	background-color: var(--white-color);
 	padding: 60px;
 	position: relative;
 	text-align: center;
 	z-index: 2
 }

 .feature-card:before {
 	content: "";
 	height: 100%;
 	width: 0;
 	background-color: var(--title-color);
 	position: absolute;
 	left: 0;
 	top: 0;
 	z-index: -1;
 	-webkit-transition: 0.4s ease-in-out;
 	transition: 0.4s ease-in-out
 }

 .feature-card_icon .shape {
 	background-color: var(--theme-color)
 }

 .feature-card_title {
 	font-size: 22px;
 	font-weight: 600;
 	text-transform: uppercase;
 	margin-bottom: 15px;
 	margin-top: -0.3em;
 	-webkit-transition: 0.4s ease-in-out;
 	transition: 0.4s ease-in-out
 }

 .feature-card_text {
 	margin-bottom: -0.5em
 }

 .feature-card.active:before {
 	width: 100%
 }

 .feature-card.active .feature-card_title {
 	color: var(--white-color)
 }

 .feature-card.active .feature-card_icon i {
 	-webkit-transform: rotateY(180deg);
 	transform: rotateY(180deg)
 }

 @media (max-width: 1199px) {
 	.feature-card {
 		padding: 60px 25px
 	}
 }

 @media (max-width: 575px) {
 	.feature-card {
 		padding: 50px 15px
 	}

 	.feature-card_title {
 		font-size: 20px
 	}

 	.feature-card_text {
 		max-width: 265px;
 		margin-left: auto;
 		margin-right: auto
 	}
 }

 .skill-feature {
 	margin-bottom: 45px
 }

 .skill-feature:last-child {
 	margin-bottom: 0
 }

 .skill-feature_title,
 .skill-feature .progress-value {
 	margin-top: -0.36em;
 	text-transform: uppercase;
 	font-size: 16px;
 	font-weight: 600;
 	margin-bottom: 15px
 }

 .skill-feature .progress {
 	position: relative;
 	height: 8px;
 	background-color: transparent;
 	overflow: visible
 }

 .skill-feature .progress:after {
 	content: "";
 	height: 2px;
 	width: 100%;
 	position: absolute;
 	bottom: -10px;
 	left: 0;
 	background-color: #F1F1F1
 }

 .skill-feature .progress-bar {
 	background-color: var(--theme-color)
 }

 .skill-feature .progress-value {
 	font-family: var(--title-font);
 	color: var(--title-color);
 	font-weight: bold;
 	margin-bottom: 0;
 	position: absolute;
 	top: -34px;
 	right: 0
 }

 .checklist ul {
 	padding-left: 0;
 	list-style: none;
 	text-align: left;
 	margin-bottom: 0
 }

 .checklist li {
 	color: var(--body-color);
 	margin-bottom: 10px;
 	font-weight: 500;
 	position: relative;
 	padding-left: 28px
 }

 .checklist li:before {
 	content: "\f058";
 	font-family: var(--icon-font);
 	font-weight: 500;
 	color: var(--theme-color);
 	position: absolute;
 	left: 0;
 	-webkit-transition: 0.3s ease-in-out;
 	transition: 0.3s ease-in-out
 }

 .call-btn {
 	display: -webkit-box;
 	display: -webkit-flex;
 	display: -ms-flexbox;
 	display: flex;
 	-webkit-box-align: center;
 	-webkit-align-items: center;
 	-ms-flex-align: center;
 	align-items: center;
 	gap: 15px
 }

 .call-btn_icon {
 	color: var(--title-color);
 	font-size: 24px;
 	width: 60px;
 	height: 60px;
 	line-height: 60px;
 	background-color: var(--theme-color);
 	color: var(--white-color);
 	text-align: center;
 	border-radius: 50%
 }

 .call-btn_label {
 	font-size: 14px;
 	font-family: var(--title-font);
 	text-transform: uppercase;
 	color: var(--white-color);
 	display: block;
 	margin-top: -4px
 }

 .call-btn_link {
 	color: var(--white-color);
 	font-family: var(--title-font);
 	font-size: 24px;
 	font-weight: 600
 }

 .call-btn_link a {
 	color: inherit
 }

 .call-btn_link a:hover {
 	color: var(--theme-color)
 }

 @media (max-width: 767px) {
 	.call-btn_link {
 		font-size: 20px
 	}
 }

 .call-big {
 	font-size: 60px;
 	font-weight: bold;
 	display: block;
 	margin-bottom: 32px;
 	line-height: 1
 }

 .call-big:hover {
 	color: var(--white-color)
 }

 @media (max-width: 1199px) {
 	.call-big {
 		font-size: 52px
 	}
 }

 @media (max-width: 767px) {
 	.call-big {
 		font-size: 42px;
 		margin-bottom: 22px
 	}
 }

 @media (max-width: 575px) {
 	.call-big {
 		font-size: 28px
 	}
 }

 .tab-menu3 {
 	margin-bottom: 60px;
 	-webkit-box-pack: center;
 	-webkit-justify-content: center;
 	-ms-flex-pack: center;
 	justify-content: center;
 	gap: 20px
 }

 .tab-menu3 .as-btn {
 	background-color: var(--smoke-color);
 	color: var(--title-color)
 }

 .tab-menu3 .as-btn.active,
 .tab-menu3 .as-btn:hover {
 	color: var(--title-color)
 }

 .tab-menu3 .as-btn:before {
 	background-color: var(--theme-color)
 }

 @media (max-width: 1199px) {
 	.tab-menu3 {
 		margin-bottom: 40px
 	}
 }

 .accordion-card {
 	margin-bottom: 20px;
 	-webkit-transition: 0.4s ease-in-out;
 	transition: 0.4s ease-in-out
 }

 .accordion-card .accordion-button {
 	font-size: 30px;
 	font-weight: 600;
 	line-height: 1.2;
 }

 .accordion-card .accordion-button:after {
 	content: "\f063";
 	width: 60px;
 	height: 60px;
 	height: 100%;
 	line-height: 1;
 	background-color: transparent;
 	background-image: none;
 	font-family: var(--icon-font);
 	color: var(--title-color);
 	font-weight: 900;
 	font-size: 0.9em;
 	display: grid;
 	-webkit-box-pack: center;
 	-webkit-justify-content: center;
 	-ms-flex-pack: center;
 	justify-content: center;
 	-webkit-box-align: center;
 	-webkit-align-items: center;
 	-ms-flex-align: center;
 	align-items: center;
 	text-align: center;
 	position: absolute;
 	top: 0;
 	right: 0
 }

 .accordion-card .accordion-button:focus {
 	outline: none;
 	box-shadow: none
 }

 .accordion-card .accordion-button:not(.collapsed) {
 	color: var(--theme-color)
 }

 .accordion-card .accordion-button:not(.collapsed):after {
 	content: "\f062";
 	-webkit-transform: rotate(0deg);
 	-ms-transform: rotate(0deg);
 	transform: rotate(0deg)
 }

 .accordion-card .accordion-collapse {
 	border: none
 }

 .accordion-card .accordion-body {
 	padding: 30px 0 20px 0;
 	display: block;
 	grid-template-columns: auto auto;
 	-webkit-box-align: center;
 	-webkit-align-items: center;
 	-ms-flex-align: center;
 	align-items: center;
 	gap: 15px 30px
 }

 .accordion-card .faq-text {
 	margin-bottom: 0
 }

 .accordion-card .faq-img {
 	height: 100%
 }

 .accordion-card .faq-img img {
 	height: 100%;
 	object-fit: cover
 }

 .accordion-card:last-child {
 	margin-bottom: 0
 }

 .accordion-card:last-child .accordion-body {
 	padding-bottom: 0
 }

 @media (max-width: 767px) {
 	.accordion-card .accordion-body {
 		grid-template-columns: 100%
 	}

 	.accordion-card .faq-img img {
 		width: 100%;
 		max-width: 300px;
 		height: 180px
 	}

 	.accordion-card .faq-text {
 		margin-bottom: -0.56em
 	}
 }

 .taxi-tab {
 	display: -webkit-box;
 	display: -webkit-flex;
 	display: -ms-flexbox;
 	display: flex;
 	-webkit-box-pack: center;
 	-webkit-justify-content: center;
 	-ms-flex-pack: center;
 	justify-content: center;
 	-webkit-flex-wrap: wrap;
 	-ms-flex-wrap: wrap;
 	flex-wrap: wrap;
 	gap: 5px;
 	margin-bottom: 40px;
 	position: relative
 }

 .taxi-tab .as-btn {
 	font-weight: 600;
 	color: var(--white-color);
 	padding: 16px 30px;
 	background-color: var(--title-color);
 	border-radius: 0;
 	-webkit-transition-delay: 0.3s;
 	transition-delay: 0.3s;
 	padding: 14px 17px;
 	font-size: 15px;
 	text-transform: capitalize;
 	border: 1px solid #fff;
 	color: #fff;
 }

 .taxi-tab .as-btn:before {
 	background-color: var(--theme-color);
 	border-radius: inherit;
 	width: calc(100% + 2px);
 	left: -1px
 }

 .taxi-tab .as-btn.active,
 .taxi-tab .as-btn:hover {
 	background-color: var(--theme-color);
 	color: var(--white-color)
 }

 .taxi-card-slide {
 	background-color: transparent;
 	box-shadow: unset;
 	border: unset;
 	border-radius: 00;
 	padding: 0 !important;
 	overflow: hidden;
 }

 .taxi-feature {
 	display: -webkit-box;
 	display: -webkit-flex;
 	display: -ms-flexbox;
 	display: flex;
 	-webkit-box-align: center;
 	-webkit-align-items: center;
 	-ms-flex-align: center;
 	align-items: center;
 	gap: 20px;
 	margin-bottom: 10px
 }

 .taxi-feature:last-child {
 	margin-bottom: 0
 }

 .taxi-feature_icon {
 	width: 40px;
 	height: 40px;
 	min-width: 40px;
 	line-height: 36px;
 	background-color: var(--title-color);
 	border-radius: 50%;
 	text-align: center
 }

 .taxi-feature_title {
 	font-size: 16px;
 	font-weight: 500;
 	margin-bottom: 0;
 	min-width: 129px;
 	text-transform: uppercase
 }

 .taxi-feature_info {
 	font-family: var(--title-font)
 }

 .taxi-img {
 	display: grid;
 	-webkit-align-content: center;
 	-ms-flex-line-pack: center;
 	align-content: center;
 	max-width: 493px
 }

 .taxi-about {
 	max-width: 259px
 }

 .taxi-about_rate {
 	font-family: var(--title-font);
 	font-weight: 500;
 	display: block;
 	margin-bottom: 5px
 }

 .taxi-about_title {
 	font-size: 30px
 }

 .taxi-about_text {
 	margin-bottom: 22px
 }

 @media (max-width: 1399px) {
 	.taxi-img {
 		max-width: 440px
 	}
 }

 @media (max-width: 1199px) {
 	.taxi-card-slide {
 		padding: 30px 20px
 	}

 	.taxi-img {
 		max-width: 350px
 	}

 	.taxi-tab {
 		gap: 10px
 	}

 	.taxi-tab .as-btn {
 		min-width: auto;
 		font-size: 14px;
 		padding: 15px 20px
 	}
 }

 @media (max-width: 991px) {
 	.taxi-tab .as-btn {
 		font-size: 13px;
 		padding: 15px 15px
 	}

 	.taxi-card-slide .taxi-feature {
 		gap: 10px
 	}

 	.taxi-card-slide .taxi-feature_title {
 		font-size: 13px;
 		min-width: 106px
 	}

 	.taxi-img {
 		max-width: 230px
 	}

 	.taxi-about {
 		max-width: 182px
 	}

 	.taxi-about_title {
 		font-size: 24px
 	}

 	.taxi-about_text {
 		font-size: 14px
 	}
 }

 @media (max-width: 767px) {
 	.taxi-img {
 		max-width: 100%;
 		margin-bottom: 15px
 	}

 	.taxi-feature {
 		width: 196px;
 		margin-left: auto;
 		margin-right: auto
 	}
 }

 @media (max-width: 575px) {
 	.taxi-about {
 		margin-bottom: 30px;
 		max-width: 100%;
 		text-align: center
 	}

 	.taxi-feature {
 		width: 100%;
 		max-width: 100%;
 		-webkit-box-pack: justify;
 		-webkit-justify-content: space-between;
 		-ms-flex-pack: justify;
 		justify-content: space-between
 	}

 	.taxi-feature_title {
 		font-size: 16px;
 		min-width: auto;
 		margin-right: auto
 	}
 }

 .taxi-grid {
 	text-align: center
 }

 .taxi-grid_img {
 	border: 1px solid var(--smoke-color);
 	padding-bottom: 165px
 }

 .taxi-grid_img img {
 	background-color: var(--smoke-color);
 	width: 100%;
 	padding: 50px 40px 100px 40px
 }

 .taxi-grid_icon i {
 	width: 100px;
 	height: 100px;
 	line-height: 80px;
 	background-color: var(--theme-color);
 	color: var(--title-color);
 	border: 10px solid var(--smoke-color);
 	font-size: 36px;
 	border-radius: 50%;
 	margin-top: -50px;
 	margin-bottom: 27px
 }

 .taxi-grid_price {
 	display: block;
 	width: 100px;
 	height: 100px;
 	line-height: 1.4;
 	background-color: var(--theme-color);
 	color: var(--white-color);
 	border: 10px solid var(--smoke-color);
 	font-size: 18px;
 	font-weight: bold;
 	border-radius: 50%;
 	-webkit-transform: translateY(-50px);
 	-ms-transform: translateY(-50px);
 	transform: translateY(-50px);
 	margin: 0 auto -22px auto;
 	padding: 20px 5px
 }

 .taxi-grid .day {
 	display: block;
 	font-size: 14px;
 	text-transform: uppercase;
 	font-weight: 400
 }

 .taxi-grid_content {
 	background-color: var(--title-color);
 	margin-top: -215px;
 	padding: 0 40px 40px 40px;
 	position: relative;
 	z-index: 2;
 	max-width: calc(100% - 60px);
 	margin-left: 30px
 }

 .taxi-grid_title {
 	font-size: 20px;
 	color: var(--white-color);
 	text-transform: uppercase;
 	margin-bottom: 5px
 }

 .taxi-grid_title a {
 	color: inherit
 }

 .taxi-grid_title a:hover {
 	color: var(--theme-color)
 }

 .taxi-grid_subtitle {
 	font-size: 14px;
 	text-transform: uppercase;
 	color: var(--white-color);
 	margin-bottom: 19px
 }

 .taxi-grid_info {
 	display: -webkit-box;
 	display: -webkit-flex;
 	display: -ms-flexbox;
 	display: flex;
 	-webkit-box-pack: justify;
 	-webkit-justify-content: space-between;
 	-ms-flex-pack: justify;
 	justify-content: space-between;
 	margin-bottom: 10px
 }

 .taxi-grid .as-btn {
 	margin-top: 15px;
 	width: 100%
 }

 .taxi-grid .as-btn:before {
 	background-color: var(--white-color)
 }

 .taxi-grid .as-btn:hover {
 	color: var(--title-color)
 }

 @media (max-width: 375px) {
 	.taxi-grid_content {
 		padding: 0 20px 40px 20px
 	}
 }

 .taxi-grid.style2 .taxi-grid_img {
 	border-color: transparent
 }

 .taxi-grid.style2 .taxi-grid_icon i {
 	color: var(--white-color)
 }

 .taxi-grid.style2 .as-btn {
 	margin-top: 7px
 }

 .taxi-box {
 	text-align: center;
 	background-color: var(--white-color);
 	border: 1px solid var(--border-color);
 	box-shadow: 0px 13px 18px rgba(0, 0, 0, 0.05);
 	padding: 40px
 }

 .taxi-box_img {
 	margin-bottom: 25px
 }

 .taxi-box_img img {
 	height: 105px
 }

 .taxi-box_title {
 	font-size: 22px;
 	font-weight: 600;
 	text-transform: uppercase;
 	margin-bottom: 5px
 }

 .taxi-box_title a {
 	color: inherit
 }

 .taxi-box_title a:hover {
 	color: var(--theme-color)
 }

 .taxi-box_rate {
 	padding-bottom: 22px;
 	margin-bottom: 30px;
 	border-bottom: 1px solid var(--border-color)
 }

 .taxi-box_info {
 	display: -webkit-box;
 	display: -webkit-flex;
 	display: -ms-flexbox;
 	display: flex;
 	-webkit-box-pack: justify;
 	-webkit-justify-content: space-between;
 	-ms-flex-pack: justify;
 	justify-content: space-between;
 	margin-bottom: 10px
 }

 .taxi-box .taxi-feature {
 	width: 100%;
 	-webkit-box-pack: justify;
 	-webkit-justify-content: space-between;
 	-ms-flex-pack: justify;
 	justify-content: space-between
 }

 .taxi-box .taxi-feature_title {
 	min-width: auto;
 	margin-right: auto
 }

 .taxi-box .as-btn {
 	width: 100%;
 	margin-top: 20px
 }

 @media (max-width: 375px) {
 	.taxi-box {
 		padding: 40px 20px
 	}
 }

 .taxi-rate {
 	display: -webkit-box;
 	display: -webkit-flex;
 	display: -ms-flexbox;
 	display: flex;
 	-webkit-box-align: center;
 	-webkit-align-items: center;
 	-ms-flex-align: center;
 	align-items: center;
 	gap: 15px;
 	background-color: var(--title-color);
 	padding: 8px 45px 8px 25px;
 	-webkit-clip-path: polygon(0 0, 100% 0, calc(100% - 15px) 100%, 0% 100%);
 	clip-path: polygon(0 0, 100% 0, calc(100% - 15px) 100%, 0% 100%)
 }

 .taxi-rate_text {
 	font-size: 18px;
 	font-weight: 500;
 	color: var(--white-color);
 	margin-bottom: 0
 }

 .taxi-details {
 	padding-left: 15px
 }

 .taxi-details-img {
 	height: 100%;
 	padding: 135px 40px 50px 0;
 	position: relative;
 	background-color: var(--smoke-color);
 	display: -webkit-box;
 	display: -webkit-flex;
 	display: -ms-flexbox;
 	display: flex;
 	-webkit-box-align: center;
 	-webkit-align-items: center;
 	-ms-flex-align: center;
 	align-items: center
 }

 .taxi-details-img .taxi-rate {
 	position: absolute;
 	top: 0;
 	left: 0
 }

 .taxi-details-img .taxi-rate:nth-of-type(2) {
 	top: 57px
 }

 .taxi-details-img .taxi-img {
 	margin-left: -225px;
 	max-width: -webkit-fit-content;
 	max-width: -moz-fit-content;
 	max-width: fit-content
 }

 .taxi-details_subtitle {
 	font-size: 18px;
 	font-weight: 500;
 	text-transform: uppercase;
 	margin-top: -0.4em;
 	margin-bottom: 0;
 	color: var(--theme-color)
 }

 .taxi-details_title {
 	margin-bottom: 23px
 }

 .taxi-feature-wrap {
 	display: grid;
 	grid-template-columns: auto auto;
 	border-top: 1px solid #e0e0e0;
 	margin-top: 30px;
 	padding-top: 30px;
 	margin-bottom: 30px;
 	gap: 0 60px
 }

 .taxi-feature-wrap .taxi-feature {
 	-webkit-box-pack: justify;
 	-webkit-justify-content: space-between;
 	-ms-flex-pack: justify;
 	justify-content: space-between;
 	margin-bottom: 15px
 }

 .taxi-feature-wrap .taxi-feature_title {
 	margin-right: auto;
 	min-width: auto
 }

 @media (max-width: 1199px) {
 	.taxi-details {
 		padding-left: 0
 	}

 	.taxi-details-img {
 		padding: 135px 40px 0 0
 	}

 	.taxi-details-img .taxi-img {
 		margin-left: 10px;
 		max-width: -webkit-fit-content;
 		max-width: -moz-fit-content;
 		max-width: fit-content;
 		margin-bottom: -50px
 	}
 }

 @media (max-width: 991px) {
 	.taxi-rate_text {
 		font-size: 16px
 	}

 	.taxi-details-img .taxi-img {
 		max-width: 100%
 	}

 	.taxi-details_subtitle {
 		font-size: 16px
 	}
 }

 @media (max-width: 767px) {
 	.taxi-details {
 		padding-top: 20px;
 		text-align: center
 	}

 	.taxi-details_title {
 		margin-bottom: 15px
 	}

 	.taxi-feature-wrap {
 		margin-top: 25px;
 		padding-top: 25px;
 		margin-bottom: 20px;
 		gap: 0 40px
 	}

 	.taxi-feature-wrap .taxi-feature {
 		width: auto;
 		margin-left: unset;
 		margin-right: unset
 	}

 	.taxi-feature-wrap .taxi-feature_title {
 		font-size: 14px
 	}
 }

 @media (max-width: 575px) {
 	.taxi-feature-wrap {
 		grid-template-columns: auto
 	}

 	.taxi-feature_title {
 		font-size: 16px
 	}
 }

 .download-btn {
 	background-color: var(--theme-color);
 	padding: 15px 35px;
 	display: -webkit-inline-box;
 	display: -webkit-inline-flex;
 	display: -ms-inline-flexbox;
 	display: inline-flex;
 	gap: 12px;
 	-webkit-box-align: center;
 	-webkit-align-items: center;
 	-ms-flex-align: center;
 	align-items: center;
 	color: var(--title-color);
 	border-radius: 999px
 }

 .download-btn-wrap {
 	display: -webkit-box;
 	display: -webkit-flex;
 	display: -ms-flexbox;
 	display: flex;
 	-webkit-flex-wrap: wrap;
 	-ms-flex-wrap: wrap;
 	flex-wrap: wrap;
 	gap: 20px
 }

 .download-btn i {
 	font-size: 35px
 }

 .download-btn .small-text {
 	font-size: 14px;
 	line-height: 1;
 	display: block;
 	margin-bottom: 5px
 }

 .download-btn .big-text {
 	font-size: 22px;
 	font-weight: bold;
 	margin-bottom: 0;
 	line-height: 1;
 	color: inherit
 }

 .download-btn:hover {
 	background-color: var(--white-color)
 }

 .app-mockup {
 	position: absolute;
 	bottom: 0;
 	right: 18%;
 	z-index: -1
 }

 .app-mockup img {
 	max-width: -webkit-fit-content;
 	max-width: -moz-fit-content;
 	max-width: fit-content
 }

 @media (max-width: 1700px) {
 	.app-mockup {
 		right: 10%
 	}
 }

 @media (max-width: 1399px) {
 	.app-mockup {
 		right: 2%;
 		max-width: 43%
 	}

 	.app-mockup img {
 		width: 100%;
 		max-width: 100%
 	}
 }

 @media (max-width: 1199px) {
 	.app-mockup {
 		max-width: 38%
 	}
 }

 @media (max-width: 991px) {
 	.app-mockup {
 		position: relative;
 		max-width: 420px;
 		margin: 40px auto -80px auto;
 		right: 0
 	}

 	.download-btn-wrap {
 		-webkit-box-pack: center;
 		-webkit-justify-content: center;
 		-ms-flex-pack: center;
 		justify-content: center
 	}
 }

 .cta-wrap {
 	position: relative;
 	z-index: 2
 }

 .cta-bg-shape {
 	position: absolute;
 	top: 0;
 	right: 0;
 	bottom: 0;
 	max-width: 65%;
 	z-index: 3
 }

 .cta-bg-shape img {
 	width: 100%;
 	height: 100%;
 	object-fit: cover
 }

 @media (max-width: 1700px) {
 	.cta-bg-shape {
 		max-width: 55%
 	}
 }

 @media (max-width: 991px) {
 	.cta-bg-shape {
 		max-width: 50%
 	}
 }

 @media (max-width: 767px) {
 	.cta-bg-shape {
 		max-width: 45%
 	}
 }

 @media (max-width: 575px) {
 	.cta-wrap {
 		text-align: center
 	}

 	.cta-wrap .info-card {
 		-webkit-box-pack: center;
 		-webkit-justify-content: center;
 		-ms-flex-pack: center;
 		justify-content: center
 	}

 	.cta-bg-shape {
 		max-width: 100%;
 		position: relative;
 		top: -80px;
 		left: 0;
 		margin-bottom: -35px
 	}

 	.cta-bg-shape img {
 		height: 250px
 	}
 }

 .px-5 {
 	padding-right: 5px;
 	padding-left: 5px
 }

 .px-10 {
 	padding-right: 10px;
 	padding-left: 10px
 }

 .px-15 {
 	padding-right: 15px;
 	padding-left: 15px
 }

 .px-20 {
 	padding-right: 20px;
 	padding-left: 20px
 }

 .px-25 {
 	padding-right: 25px;
 	padding-left: 25px
 }

 .px-30 {
 	padding-right: 30px;
 	padding-left: 30px
 }

 .px-35 {
 	padding-right: 35px;
 	padding-left: 35px
 }

 .px-40 {
 	padding-right: 40px;
 	padding-left: 40px
 }

 .px-45 {
 	padding-right: 45px;
 	padding-left: 45px
 }

 .px-50 {
 	padding-right: 50px;
 	padding-left: 50px
 }

 .py-5 {
 	padding-top: 5px;
 	padding-bottom: 5px
 }

 .py-10 {
 	padding-top: 10px;
 	padding-bottom: 10px
 }

 .py-15 {
 	padding-top: 15px;
 	padding-bottom: 15px
 }

 .py-20 {
 	padding-top: 20px;
 	padding-bottom: 20px
 }

 .py-25 {
 	padding-top: 25px;
 	padding-bottom: 25px
 }

 .py-30 {
 	padding-top: 30px;
 	padding-bottom: 30px
 }

 .py-35 {
 	padding-top: 35px;
 	padding-bottom: 35px
 }

 .py-40 {
 	padding-top: 40px;
 	padding-bottom: 40px
 }

 .py-45 {
 	padding-top: 45px;
 	padding-bottom: 45px
 }

 .py-50 {
 	padding-top: 50px;
 	padding-bottom: 50px
 }

 .pt-5 {
 	padding-top: 5px
 }

 .pt-10 {
 	padding-top: 10px
 }

 .pt-15 {
 	padding-top: 15px
 }

 .pt-20 {
 	padding-top: 20px
 }

 .pt-25 {
 	padding-top: 25px
 }

 .pt-30 {
 	padding-top: 30px
 }

 .pt-35 {
 	padding-top: 35px
 }

 .pt-40 {
 	padding-top: 40px
 }

 .pt-45 {
 	padding-top: 45px
 }

 .pt-50 {
 	padding-top: 50px
 }

 .pb-5 {
 	padding-bottom: 5px
 }

 .pb-10 {
 	padding-bottom: 10px
 }

 .pb-15 {
 	padding-bottom: 15px
 }

 .pb-20 {
 	padding-bottom: 20px
 }

 .pb-25 {
 	padding-bottom: 25px
 }

 .pb-30 {
 	padding-bottom: 30px
 }

 .pb-35 {
 	padding-bottom: 35px
 }

 .pb-40 {
 	padding-bottom: 40px
 }

 .pb-45 {
 	padding-bottom: 45px
 }

 .pb-50 {
 	padding-bottom: 50px
 }

 .pl-5 {
 	padding-left: 5px
 }

 .pl-10 {
 	padding-left: 10px
 }

 .pl-15 {
 	padding-left: 15px
 }

 .pl-20 {
 	padding-left: 20px
 }

 .pl-25 {
 	padding-left: 25px
 }

 .pl-30 {
 	padding-left: 30px
 }

 .pl-35 {
 	padding-left: 35px
 }

 .pl-40 {
 	padding-left: 40px
 }

 .pl-45 {
 	padding-left: 45px
 }

 .pl-50 {
 	padding-left: 50px
 }

 .pr-5 {
 	padding-right: 5px
 }

 .pr-10 {
 	padding-right: 10px
 }

 .pr-15 {
 	padding-right: 15px
 }

 .pr-20 {
 	padding-right: 20px
 }

 .pr-25 {
 	padding-right: 25px
 }

 .pr-30 {
 	padding-right: 30px
 }

 .pr-35 {
 	padding-right: 35px
 }

 .pr-40 {
 	padding-right: 40px
 }

 .pr-45 {
 	padding-right: 45px
 }

 .pr-50 {
 	padding-right: 50px
 }

 .mx-5 {
 	margin-right: 5px;
 	margin-left: 5px
 }

 .mx-10 {
 	margin-right: 10px;
 	margin-left: 10px
 }

 .mx-15 {
 	margin-right: 15px;
 	margin-left: 15px
 }

 .mx-20 {
 	margin-right: 20px;
 	margin-left: 20px
 }

 .mx-25 {
 	margin-right: 25px;
 	margin-left: 25px
 }

 .mx-30 {
 	margin-right: 30px;
 	margin-left: 30px
 }

 .mx-35 {
 	margin-right: 35px;
 	margin-left: 35px
 }

 .mx-40 {
 	margin-right: 40px;
 	margin-left: 40px
 }

 .mx-45 {
 	margin-right: 45px;
 	margin-left: 45px
 }

 .mx-50 {
 	margin-right: 50px;
 	margin-left: 50px
 }

 .my-5 {
 	margin-top: 5px;
 	margin-bottom: 5px
 }

 .my-10 {
 	margin-top: 10px;
 	margin-bottom: 10px
 }

 .my-15 {
 	margin-top: 15px;
 	margin-bottom: 15px
 }

 .my-20 {
 	margin-top: 20px;
 	margin-bottom: 20px
 }

 .my-25 {
 	margin-top: 25px;
 	margin-bottom: 25px
 }

 .my-30 {
 	margin-top: 30px;
 	margin-bottom: 30px
 }

 .my-35 {
 	margin-top: 35px;
 	margin-bottom: 35px
 }

 .my-40 {
 	margin-top: 40px;
 	margin-bottom: 40px
 }

 .my-45 {
 	margin-top: 45px;
 	margin-bottom: 45px
 }

 .my-50 {
 	margin-top: 50px;
 	margin-bottom: 50px
 }

 .mt-5 {
 	margin-top: 5px
 }

 .mt-10 {
 	margin-top: 10px
 }

 .mt-15 {
 	margin-top: 15px
 }

 .mt-20 {
 	margin-top: 20px
 }

 .mt-25 {
 	margin-top: 25px
 }

 .mt-30 {
 	margin-top: 30px
 }

 .mt-35 {
 	margin-top: 35px
 }

 .mt-40 {
 	margin-top: 40px
 }

 .mt-45 {
 	margin-top: 45px
 }

 .mt-50 {
 	margin-top: 50px
 }

 .mb-5 {
 	margin-bottom: 5px
 }

 .mb-10 {
 	margin-bottom: 10px
 }

 .mb-15 {
 	margin-bottom: 15px
 }

 .mb-20 {
 	margin-bottom: 20px
 }

 .mb-25 {
 	margin-bottom: 25px
 }

 .mb-30 {
 	margin-bottom: 30px
 }

 .mb-35 {
 	margin-bottom: 35px
 }

 .mb-40 {
 	margin-bottom: 40px
 }

 .mb-45 {
 	margin-bottom: 45px
 }

 .mb-50 {
 	margin-bottom: 50px
 }

 .ml-5 {
 	margin-left: 5px
 }

 .ml-10 {
 	margin-left: 10px
 }

 .ml-15 {
 	margin-left: 15px
 }

 .ml-20 {
 	margin-left: 20px
 }

 .ml-25 {
 	margin-left: 25px
 }

 .ml-30 {
 	margin-left: 30px
 }

 .ml-35 {
 	margin-left: 35px
 }

 .ml-40 {
 	margin-left: 40px
 }

 .ml-45 {
 	margin-left: 45px
 }

 .ml-50 {
 	margin-left: 50px
 }

 .mr-5 {
 	margin-right: 5px
 }

 .mr-10 {
 	margin-right: 10px
 }

 .mr-15 {
 	margin-right: 15px
 }

 .mr-20 {
 	margin-right: 20px
 }

 .mr-25 {
 	margin-right: 25px
 }

 .mr-30 {
 	margin-right: 30px
 }

 .mr-35 {
 	margin-right: 35px
 }

 .mr-40 {
 	margin-right: 40px
 }

 .mr-45 {
 	margin-right: 45px
 }

 .mr-50 {
 	margin-right: 50px
 }

 .mb-60 {
 	margin-bottom: 60px
 }

 .mt-n1 {
 	margin-top: -.25rem
 }

 .mt-n2 {
 	margin-top: -.5rem
 }

 .mt-n3 {
 	margin-top: -1rem
 }

 .mt-n4 {
 	margin-top: -1.5rem
 }

 .mt-n5 {
 	margin-top: -3rem
 }

 .mb-n1 {
 	margin-bottom: -.25rem
 }

 .mb-n2 {
 	margin-bottom: -.5rem
 }

 .mb-n3 {
 	margin-bottom: -1rem
 }

 .mb-n4 {
 	margin-bottom: -1.5rem
 }

 .mb-n5 {
 	margin-bottom: -3rem
 }

 .space,
 .space-top {
 	padding-top: var(--section-space)
 }

 .space,
 .space-bottom {
 	padding-bottom: var(--section-space)
 }

 .space-extra,
 .space-extra-top {
 	padding-top: calc(var(--section-space) - 30px)
 }

 .space-extra,
 .space-extra-bottom {
 	padding-bottom: calc(var(--section-space) - 30px)
 }

 .space-extra2,
 .space-extra2-top {
 	padding-top: calc(var(--section-space) - 40px)
 }

 .space-extra2,
 .space-extra2-bottom {
 	padding-bottom: calc(var(--section-space) - 40px)
 }

 @media (max-width: 991px) {

 	.space,
 	.space-top {
 		padding-top: var(--section-space-mobile)
 	}

 	.space,
 	.space-bottom {
 		padding-bottom: var(--section-space-mobile)
 	}

 	.space-extra,
 	.space-extra-top {
 		padding-top: calc(var(--section-space-mobile) - 30px)
 	}

 	.space-extra,
 	.space-extra-bottom {
 		padding-bottom: calc(var(--section-space-mobile) - 30px)
 	}

 	.space-top-md-none {
 		padding-top: 0
 	}

 	.space-extra2,
 	.space-extra2-top {
 		padding-top: 70px
 	}

 	.space-extra2,
 	.space-extra2-bottom {
 		padding-bottom: 70px
 	}
 }

 .about-profile {
 	display: -webkit-box;
 	display: -webkit-flex;
 	display: -ms-flexbox;
 	display: flex;
 	-webkit-box-align: center;
 	-webkit-align-items: center;
 	-ms-flex-align: center;
 	align-items: center;
 	margin-bottom: 30px
 }

 .about-profile .avater {
 	width: 80px;
 	border-radius: 50%;
 	overflow: hidden;
 	margin-right: 20px
 }

 .about-profile .name {
 	font-size: 20px;
 	margin-bottom: 7px
 }

 .service-block {
 	background-color: var(--white-color);
 	box-shadow: 0px 10px 15px rgba(1, 19, 60, 0.1)
 }

 .service-block_content {
 	padding: 40px
 }

 .service-block_img img {
 	width: 100%
 }

 .service-block_title {
 	margin-top: -0.34em;
 	margin-bottom: 18px;
 	font-size: 26px;
 	color: var(--title-color)
 }

 .service-block_title a {
 	color: inherit
 }

 .service-block_title a:hover {
 	color: var(--theme-color)
 }

 .service-block_text {
 	margin-bottom: 25px
 }

 .layer-btn {
 	font-size: 14px;
 	text-transform: uppercase;
 	font-weight: 600;
 	color: var(--white-color);
 	min-width: 140px;
 	text-align: center;
 	display: inline-block;
 	padding: 13px;
 	position: relative;
 	z-index: 2;
 	-webkit-transition: 0.6s ease;
 	transition: 0.6s ease
 }

 .layer-btn:before,
 .layer-btn:after {
 	content: "";
 	width: 100%;
 	height: 100%;
 	position: absolute;
 	top: 0;
 	left: 0;
 	background-color: var(--theme-color);
 	z-index: -1;
 	-webkit-clip-path: path("M4.77572 7.15303L134.616 0.451976C138.017 0.276495 140.651 2.97042 139.858 5.81668L129.663 42.5037C129.104 44.5189 126.97 45.9169 124.558 45.8494L11.9635 42.6792C9.65315 42.6137 7.68677 41.2175 7.17678 39.2814L0.125911 12.4657C-0.562063 9.84309 1.65075 7.31501 4.77572 7.15303Z");
 	clip-path: path("M4.77572 7.15303L134.616 0.451976C138.017 0.276495 140.651 2.97042 139.858 5.81668L129.663 42.5037C129.104 44.5189 126.97 45.9169 124.558 45.8494L11.9635 42.6792C9.65315 42.6137 7.68677 41.2175 7.17678 39.2814L0.125911 12.4657C-0.562063 9.84309 1.65075 7.31501 4.77572 7.15303Z");
 	-webkit-transition: 0.6s ease;
 	transition: 0.6s ease
 }

 .layer-btn:after {
 	background-color: var(--title-color);
 	width: calc(100% - 14px);
 	-webkit-clip-path: path("M0.685507 5.20052L10.3052 46.479C10.8117 48.6504 13.1683 50.1583 15.7901 49.9867L117.025 43.3917C119.474 43.2317 121.454 41.6485 121.765 39.5986L125.753 13.371C126.126 10.9143 123.997 8.69085 121.065 8.47487L6.22523 0.0170836C2.78708 -0.235532 0.0214925 2.35233 0.685507 5.20052Z");
 	clip-path: path("M0.685507 5.20052L10.3052 46.479C10.8117 48.6504 13.1683 50.1583 15.7901 49.9867L117.025 43.3917C119.474 43.2317 121.454 41.6485 121.765 39.5986L125.753 13.371C126.126 10.9143 123.997 8.69085 121.065 8.47487L6.22523 0.0170836C2.78708 -0.235532 0.0214925 2.35233 0.685507 5.20052Z");
 	left: 4px
 }

 .layer-btn:hover {
 	color: var(--title-color)
 }

 .layer-btn:hover:after {
 	background-color: var(--theme-color)
 }

 .layer-btn:hover:before {
 	background-color: var(--title-color)
 }

 @media (max-width: 1199px) {
 	.service-block_content {
 		padding: 40px 25px
 	}
 }

 @media (max-width: 991px) {
 	.service-block_content {
 		padding: 40px
 	}
 }

 @media (max-width: 375px) {
 	.service-block_content {
 		padding: 40px 15px
 	}
 }

 .Mission-sec {
 	padding: 50px 0px 20px;
 	position: relative;
 }

 .feature-box {
 	background-color: #f2f2f2;
 	text-align: center;
 	padding: 30px 20px 20px;
 	border-radius: 10px;
 	overflow: hidden;
 	position: relative;
 	margin-bottom: 30px;
 }

 .feature-icon img {
 	width: 100px;
 	margin-bottom: 20px;
 }

 .feature-box_icon {
 	height: 85px;
 	line-height: 55px;
 	margin-bottom: 20px
 }

 .feature-box_icon img {
 	margin-right: 10px;
 	width: 50px;
 	-webkit-filter: brightness(0) invert(1);
 	filter: brightness(0) invert(1);
 	-webkit-transition: 0.5s ease;
 	transition: 0.5s ease
 }

 .feature-box_icon:before {
 	-webkit-clip-path: path("M4.22993 11.3142L119.231 0.54407C122.243 0.262032 124.576 4.59178 123.874 9.16637L114.845 68.134C114.349 71.3728 112.459 73.6198 110.323 73.5113L10.5962 68.416C8.54993 68.3106 6.80829 66.0667 6.35658 62.955L0.111521 19.8559C-0.497827 15.6377 1.46209 11.5745 4.22993 11.3142Z");
 	clip-path: path("M4.22993 11.3142L119.231 0.54407C122.243 0.262032 124.576 4.59178 123.874 9.16637L114.845 68.134C114.349 71.3728 112.459 73.6198 110.323 73.5113L10.5962 68.416C8.54993 68.3106 6.80829 66.0667 6.35658 62.955L0.111521 19.8559C-0.497827 15.6377 1.46209 11.5745 4.22993 11.3142Z")
 }

 .feature-box_icon:after {
 	-webkit-clip-path: path("M0.264273 8.35532L8.78453 74.6993C9.23321 78.1891 11.3205 80.6128 13.6426 80.337L103.308 69.7373C105.477 69.4801 107.231 66.9355 107.507 63.6378L111.037 21.4902C111.367 17.5417 109.482 13.9682 106.885 13.6211L5.16937 0.0274576C2.12566 -0.378553 -0.323854 3.78073 0.264273 8.35532Z");
 	clip-path: path("M0.264273 8.35532L8.78453 74.6993C9.23321 78.1891 11.3205 80.6128 13.6426 80.337L103.308 69.7373C105.477 69.4801 107.231 66.9355 107.507 63.6378L111.037 21.4902C111.367 17.5417 109.482 13.9682 106.885 13.6211L5.16937 0.0274576C2.12566 -0.378553 -0.323854 3.78073 0.264273 8.35532Z")
 }

 .feature-box_img {
 	visibility: hidden;
 	opacity: 0;
 	position: absolute;
 	bottom: -22px;
 	right: -22px;
 	-webkit-transform: scale(0.6);
 	-ms-transform: scale(0.6);
 	transform: scale(0.6);
 	-webkit-transition: 0.4s ease;
 	transition: 0.4s ease
 }

 .feature-box_img img {
 	width: 150px
 }

 .feature-box_title {
 	font-size: 22px;
 	font-weight: 600
 }

 .feature-box_text {
 	margin-bottom: -0.5em;
 	color: var(--title-color)
 }

 .feature-box:hover .feature-box_icon img {
 	-webkit-filter: none;
 	filter: none
 }

 .feature-box:hover .feature-box_icon:before {
 	background-color: var(--title-color)
 }

 .feature-box:hover .feature-box_icon:after {
 	background-color: var(--theme-color)
 }

 .feature-box:hover .feature-box_img {
 	visibility: visible;
 	opacity: 0.06;
 	-webkit-transform: scale(1);
 	-ms-transform: scale(1);
 	transform: scale(1)
 }

 #particle1 {
 	width: 645px;
 	height: 450px;
 	position: absolute;
 	bottom: 0;
 	left: 0
 }

 .particles-js-canvas-el {
 	position: absolute;
 	top: 0;
 	left: 0;
 	z-index: 0
 }

 #particles-js {
 	position: absolute;
 	width: 100%;
 	height: 100%;
 	background-image: url("");
 	background-repeat: no-repeat;
 	background-size: cover;
 	background-position: 50% 50%
 }

 @media (max-width: 1199px) {
 	.particle {
 		max-width: 100% !important
 	}
 }

 .price-box-wrap {
 	position: relative;
 	background-color: var(--theme-color);
 	padding: 40px 50px 10px;
 	z-index: 3;
 }

 .price-box-wrap>.row {}

 .price-box {
 	background-color: #fff;
 	color: var(--body-color);
 	text-align: left;
 	padding: 30px 25px 0px;
 	max-width: 100%;
 	position: relative;
 	margin-bottom: 60px;
 	margin-top: 0px;
 	z-index: 2;
 	-webkit-transition: 0.5s ease;
 	transition: 0.5s ease
 }

 .price-box:before {
 	content: "";
 	width: 100%;
 	height: 100%;
 	background-color: #f2f2f2;
 	position: absolute;
 	top: 0;
 	left: 0;
 	z-index: -1;
 	-webkit-transition: 0.5s ease;
 	transition: 0.5s ease
 }

 .main-packsec {
 	position: relative;
 	border-bottom: 1px solid #00000078;
 	margin-bottom: 15px;
 	padding-bottom: 10px;
 }

 .Price-m {
 	font-weight: 600;
 	font-size: 14px;
 }

 .Price-m del {
 	color: red;
 	padding-right: 5px;
 }

 .price-box h3 {
 	color: var(--title-color);
 	font-size: 17px;
 	margin-bottom: 10px;
 }

 .price-box h4 {
 	font-size: 14px;
 	font-weight: 500;
 	margin-bottom: 4px;
 }

 .price-box ul {
 	padding: 0;
 	margin: 0;
 	margin-bottom: 20px;
 	position: relative;
 }

 .price-box ul li {

 	position: relative;
 	display: block;
 	margin-bottom: 10px;
 	list-style: none;
 	padding-left: 15px;
 	font-weight: 400;
 	font-size: 14px;
 }

 .price-box ul li:before {

 	position: absolute;
 	left: 0;
 	top: 9px;
 	background: var(--theme-color);
 	width: 7px;
 	height: 7px;
 	content: "";
 	border-radius: 50%;
 }

 .price-box p {

 	position: relative;
 	display: block;
 	margin-bottom: 10px;

 	font-weight: 400;
 	font-size: 14px;
 }

 .pri-button {
 	font-weight: 600;
 	text-decoration: underline;
 	font-size: 14px;
 	text-transform: uppercase;
 }

 .pri-button1 {
 	font-weight: 600;
 	text-decoration: underline;
 	font-size: 14px;
 	text-transform: uppercase;
 }

 .Pack-img {
 	position: relative;
 	margin-bottom: 15px;
 }

 .Pack-img img {
 	width: 100%;
 }

 .price-box_package {
 	-webkit-transform: translateY(-20px);
 	-ms-transform: translateY(-20px);
 	transform: translateY(-20px);
 	margin-bottom: 7px;
 	color: var(--title-color);
 	padding: 12px 11px 12px 11px;
 	min-width: 180px;
 	font-size: 20px;
 	font-family: var(--title-font);
 	font-weight: 500
 }

 .price-box_package:before {
 	background-color: var(--white-color) !important;
 	-webkit-clip-path: path("M6.14046 7.15303L173.078 0.451976C177.45 0.276495 180.837 2.97042 179.818 5.81668L166.71 42.5037C165.991 44.5189 163.247 45.9169 160.147 45.8494L15.3819 42.6792C12.4114 42.6137 9.88324 41.2175 9.22754 39.2814L0.162129 12.4657C-0.722408 9.84309 2.12263 7.31501 6.14046 7.15303Z");
 	clip-path: path("M6.14046 7.15303L173.078 0.451976C177.45 0.276495 180.837 2.97042 179.818 5.81668L166.71 42.5037C165.991 44.5189 163.247 45.9169 160.147 45.8494L15.3819 42.6792C12.4114 42.6137 9.88324 41.2175 9.22754 39.2814L0.162129 12.4657C-0.722408 9.84309 2.12263 7.31501 6.14046 7.15303Z")
 }

 .price-box_package:after {
 	background-color: var(--theme-color);
 	-webkit-clip-path: path("M0.738718 5.20052L13.1068 46.479C13.7581 48.6503 16.788 50.1583 20.1589 49.9867L150.318 43.3917C153.467 43.2317 156.012 41.6485 156.413 39.5986L161.54 13.371C162.019 10.9143 159.282 8.69085 155.513 8.47487L7.86122 0.0170836C3.44074 -0.235532 -0.115015 2.35233 0.738718 5.20052Z");
 	clip-path: path("M0.738718 5.20052L13.1068 46.479C13.7581 48.6503 16.788 50.1583 20.1589 49.9867L150.318 43.3917C153.467 43.2317 156.012 41.6485 156.413 39.5986L161.54 13.371C162.019 10.9143 159.282 8.69085 155.513 8.47487L7.86122 0.0170836C3.44074 -0.235532 -0.115015 2.35233 0.738718 5.20052Z")
 }

 .price-box_text {
 	padding-bottom: 24px;
 	margin-bottom: 24px;
 	color: var(--white-color);
 	border-bottom: 1px solid rgba(255, 255, 255, 0.3)
 }

 .price-box_info {
 	color: var(--white-color);
 	display: -webkit-box;
 	display: -webkit-flex;
 	display: -ms-flexbox;
 	display: flex;
 	-webkit-box-pack: justify;
 	-webkit-justify-content: space-between;
 	-ms-flex-pack: justify;
 	justify-content: space-between;
 	margin-bottom: 10px
 }

 .price-box_info:last-of-type {
 	margin-bottom: 0
 }

 .price-box .as-btn {
 	margin-top: 9px;
 	-webkit-transform: translateY(20px);
 	-ms-transform: translateY(20px);
 	transform: translateY(20px);
 	border: 1px solid #fff;
 	text-align: center;
 	margin: 0px auto;
 	background: var(--theme-color);
 	color: #fff;
 	text-transform: uppercase;
 	font-size: 14px;
 }

 .price-box:hover:before {
 	width: 0
 }

 .line-ani {
 	position: absolute;
 	top: var(--space, 50px);
 	left: 33.33%;
 	background-image: -webkit-linear-gradient(bottom, var(--theme-color) 0%, rgba(255, 199, 46, 0.15) 100%);
 	background-image: linear-gradient(0deg, var(--theme-color) 0%, rgba(255, 199, 46, 0.15) 100%);
 	height: calc(100% - var(--space, 50px)*2);
 	width: 1px
 }

 .line-ani:before {
 	content: "";
 	position: absolute;
 	bottom: 0;
 	left: -4px;
 	width: 9px;
 	height: 9px;
 	background-color: var(--theme-color);
 	border-radius: 50%;
 	-webkit-animation: lineMove 45s linear infinite forwards;
 	animation: lineMove 45s linear infinite forwards
 }

 .line-ani:nth-of-type(2) {
 	left: unset;
 	right: 33.33%;
 	background-image: -webkit-linear-gradient(top, var(--theme-color) 0%, rgba(255, 199, 46, 0.15) 100%);
 	background-image: linear-gradient(180deg, var(--theme-color) 0%, rgba(255, 199, 46, 0.15) 100%)
 }

 .line-ani:nth-of-type(2)::before {
 	-webkit-animation: lineMove2 45s linear infinite forwards;
 	animation: lineMove2 45s linear infinite forwards
 }

 #particle2,
 #particle3 {
 	position: absolute;
 	width: 500px;
 	height: 400px;
 	opacity: 0.3;
 	z-index: -1
 }

 #particle2 {
 	bottom: 0;
 	left: 0
 }

 #particle3 {
 	top: 0;
 	right: 0
 }

 .sec-shape2 {
 	position: absolute;
 	bottom: 0;
 	left: 0
 }

 @media (max-width: 1199px) {
 	.price-box-wrap {
 		padding: 70px 20px
 	}

 	.price-box {
 		padding: 0 20px;
 		max-width: 270px
 	}
 }

 @media (max-width: 991px) {
 	.price-box {
 		max-width: 100%
 	}

 	.line-ani {
 		left: 50%
 	}

 	.line-ani:nth-of-type(2) {
 		display: none
 	}

 	.sec-shape2 {
 		max-width: 170px
 	}
 }

 @media (max-width: 767px) {
 	.price-box_text {
 		font-size: 14px
 	}

 	.price-box_info {
 		font-size: 14px
 	}

 	.particle {
 		max-width: 100% !important
 	}
 }

 @media (max-width: 575px) {
 	.line-ani {
 		display: none
 	}
 }

 .testi-block {
 	text-align: center;
 	box-shadow: 0px 15px 15px rgba(7, 0, 35, 0.04);
 	padding: 40px 30px;
 	background-color: var(--white-color);
 	border-radius: 5px;
 	margin-bottom: 35px;
 	position: relative
 }

 .testi-block:before,
 .testi-block:after {
 	content: "";
 	width: 140px;
 	height: 140px;
 	position: absolute;
 	border-radius: 5px 0 0 0;
 	border-style: solid;
 	border-color: var(--theme-color);
 	top: 0;
 	left: 0;
 	-webkit-transition: height, width, 0.4s ease;
 	transition: height, width, 0.4s ease
 }

 .testi-block:before {
 	border-width: 2px 0 0 2px
 }

 .testi-block:after {
 	top: unset;
 	left: unset;
 	bottom: 0;
 	right: 0;
 	border-width: 0 2px 2px 0;
 	border-radius: 0 0 5px 0
 }

 .testi-block_img {
 	border-radius: 50%
 }

 .testi-block_img img {
 	border-radius: inherit
 }

 .testi-block_quote {
 	line-height: 1;
 	margin-bottom: 15px;
 	-webkit-transform: translateY(-50%);
 	-ms-transform: translateY(-50%);
 	transform: translateY(-50%)
 }

 .testi-block_text {
 	margin-bottom: -0.4em
 }

 .testi-block_avater {
 	margin-bottom: 20px
 }

 .testi-block_avater img {
 	border-radius: 50%
 }

 .testi-block_name {
 	margin-bottom: 5px;
 	font-size: 22px
 }

 .testi-block_desig {
 	display: inline-block;
 	margin-bottom: 14px;
 	color: var(--theme-color)
 }

 .testi-block:hover:before,
 .testi-block:hover:after {
 	width: 100%;
 	height: 100%;
 	border-radius: 5px
 }

 .as-icon-box {
 	display: -webkit-box;
 	display: -webkit-flex;
 	display: -ms-flexbox;
 	display: flex;
 	gap: 10px
 }

 .as-icon-box .icon-btn {
 	border-radius: 0
 }

 .testi-block-area {
 	position: relative;
 	height: 100%;
 	padding-bottom: 50px
 }

 .testi-block-area .as-icon-box {
 	position: absolute;
 	bottom: 0;
 	left: 50%;
 	-webkit-transform: translateX(-50%);
 	-ms-transform: translateX(-50%);
 	transform: translateX(-50%)
 }

 .testi-block-area .icon-btn {
 	box-shadow: 0px 0px 20px rgba(1, 19, 60, 0.13)
 }

 @media (max-width: 1199px) {
 	.testi-block {
 		padding: 40px 20px
 	}
 }

 .sec-border1 {
 	width: 100%;
 	height: 24.56px;
 	background-repeat: repeat-x;
 	background-size: auto;
 	position: absolute;
 	top: 0;
 	left: 0;
 	-webkit-animation: bgSlide 25s linear infinite;
 	animation: bgSlide 25s linear infinite
 }

 .shape-img1 {
 	position: relative;
 	padding: 30px 40px 30px 30px;
 	z-index: 2
 }

 .shape-img1 img {
 	width: 100%
 }

 .shape-img1 .shape {
 	height: 100%;
 	width: 42%;
 	background-color: var(--theme-color);
 	position: absolute;
 	top: 0;
 	left: 0;
 	z-index: -1;
 	-webkit-animation: shapePulse 6s linear infinite;
 	animation: shapePulse 6s linear infinite
 }

 .sec-shape1 {
 	position: absolute;
 	bottom: 0;
 	right: 0;
 	z-index: -1;
 	-webkit-animation: moving 25s linear infinite;
 	animation: moving 25s linear infinite
 }

 .cta-call {
 	font-size: 54px;
 	line-height: 1.18;
 	font-weight: 700;
 	display: inline-block;
 	margin-bottom: 35px;
 	font-family: var(--title-font)
 }

 @media (max-width: 1399px) {
 	.cta-call {
 		font-size: 52px
 	}
 }

 @media (max-width: 1199px) {
 	.shape-img1 {
 		padding-right: 0
 	}

 	.cta-call {
 		font-size: 44px
 	}

 	.sec-shape1 img {
 		height: 250px
 	}
 }

 @media (max-width: 991px) {
 	.cta-call {
 		font-size: 32px;
 		margin-bottom: 25px
 	}

 	.sec-shape1 img {
 		height: 160px
 	}
 }

 @media (max-width: 575px) {
 	.cta-call {
 		font-size: 28px
 	}

 	.shape-img1 {
 		padding: 20px 0 20px 20px
 	}
 }

 .theme-red .scroll-btn i {
 	color: var(--white-color)
 }

 .theme-red .play-btn>i {
 	color: var(--white-color)
 }

 .theme-red .download-btn:not(:hover) {
 	color: var(--white-color)
 }

 .theme-red .as-menu-wrapper .as-menu-toggle,
 .theme-red .as-mobile-menu .new-label,
 .theme-red .main-menu a .new-label {
 	color: var(--white-color)
 }

 .theme-red .slick-arrow:hover {
 	color: var(--white-color)
 }

 .theme-red .newsletter-form .newsletter-btn {
 	color: var(--white-color)
 }

 .theme-red .as-social a:hover {
 	color: var(--white-color)
 }

 .theme-red .taxi-grid_icon i {
 	color: var(--white-color)
 }

 .theme-red .taxi-grid_img {
 	background-color: var(--white-color)
 }

 @media (max-width: 991px) {
 	.header-layout3 .top-right .row {
 		--bs-gutter-x: 24px
 	}
 }

 .box-title {
 	font-size: 24px;
 	line-height: 1.417;
 	font-weight: 700;
 	margin-top: -0.32em
 }

 .box-title a {
 	color: inherit
 }

 .box-title a:hover {
 	color: var(--theme-color)
 }

 .slider-shadow .slick-list {
 	padding-top: 30px !important;
 	padding-bottom: 30px !important;
 	margin-bottom: -30px;
 	margin-top: -30px
 }

 .tab-menu4 {
 	text-align: center;
 	-webkit-box-align: center;
 	-webkit-align-items: center;
 	-ms-flex-align: center;
 	align-items: center;
 	-webkit-box-pack: center;
 	-webkit-justify-content: center;
 	-ms-flex-pack: center;
 	justify-content: center;
 	gap: 10px;
 	margin-top: -40px;
 	margin-bottom: 60px
 }

 .tab-menu4 button {
 	font-weight: 600;
 	color: var(--white-color);
 	text-transform: uppercase;
 	background-color: transparent;
 	border: none;
 	padding: 0
 }

 .tab-menu4 button:not(:last-child):after {
 	content: '';
 	height: 1px;
 	width: 40px;
 	background-color: #aaa;
 	display: inline-block;
 	margin-left: 10px;
 	position: relative;
 	top: -5px
 }

 .tab-menu4 button.active {
 	color: var(--theme-color)
 }

 @media (max-width: 1199px) {
 	.tab-menu4 {
 		margin-top: -30px;
 		margin-bottom: 55px
 	}
 }

 @media (max-width: 991px) {
 	.tab-menu4 {
 		margin-top: -20px;
 		margin-bottom: 45px
 	}
 }

 @media (max-width: 767px) {
 	.tab-menu4 {
 		gap: 8px 20px
 	}

 	.tab-menu4 button:not(:last-child)::after {
 		display: none
 	}
 }

 .download-area {
 	position: relative;
 	z-index: 3;
 	padding: 60px;
 	background-color: var(--smoke-color);
 	background-position: left bottom
 }

 @media (max-width: 767px) {
 	.download-area {
 		padding: 50px 12px
 	}
 }

 .hero-slider-6:after {
 	content: "";
 	position: absolute;
 	inset: 0;
 	background-color: var(--title-color);
 	mix-blend-mode: soft-light;
 	opacity: 0.5
 }

 .hero-slider-6 .hero-img {
 	top: 35px;
 	height: auto;
 	width: auto
 }

 .hero-slider-6 .hero-img img {
 	max-width: 100%;
 	width: auto;
 	height: auto
 }

 .hero-img .shape-1,
 .hero-img .shape-2,
 .hero-img .shape-3,
 .hero-img .shape-4,
 .hero-img .shape-5,
 .hero-img .shape-6 {
 	position: absolute
 }

 .hero-img .shape-1 {
 	top: 47%;
 	left: 9.5%;
 	-webkit-animation: jumpAni 7s linear infinite;
 	animation: jumpAni 7s linear infinite
 }

 .hero-img .shape-2 {
 	top: 14%;
 	left: 5%;
 	-webkit-animation: jumpX 7s linear infinite;
 	animation: jumpX 7s linear infinite
 }

 .hero-img .shape-3 {
 	top: 46%;
 	left: 40%;
 	-webkit-animation: jumpX 7s linear infinite;
 	animation: jumpX 7s linear infinite
 }

 .hero-img .shape-4 {
 	top: 0%;
 	right: 22%;
 	-webkit-animation: jumpXreverse 7s linear infinite;
 	animation: jumpXreverse 7s linear infinite
 }

 .hero-img .shape-5 {
 	top: 23%;
 	left: 39%;
 	-webkit-animation: mapPulse 5s linear infinite;
 	animation: mapPulse 5s linear infinite;
 	-webkit-transform-origin: bottom center;
 	-ms-transform-origin: bottom center;
 	transform-origin: bottom center;
 	width: 10% !important
 }

 .hero-img .shape-6 {
 	top: 23%;
 	right: 13%;
 	-webkit-animation: mapPulse 7s linear infinite;
 	animation: mapPulse 7s linear infinite;
 	-webkit-transform-origin: bottom center;
 	-ms-transform-origin: bottom center;
 	transform-origin: bottom center;
 	width: 22% !important
 }

 @-webkit-keyframes jumpX {
 	0% {
 		-webkit-transform: translateX(0);
 		transform: translateX(0)
 	}

 	40% {
 		-webkit-transform: translateX(-60px);
 		transform: translateX(-60px)
 	}

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

 @keyframes jumpX {
 	0% {
 		-webkit-transform: translateX(0);
 		transform: translateX(0)
 	}

 	40% {
 		-webkit-transform: translateX(-60px);
 		transform: translateX(-60px)
 	}

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

 @-webkit-keyframes jumpXreverse {
 	0% {
 		-webkit-transform: translateX(0);
 		transform: translateX(0)
 	}

 	40% {
 		-webkit-transform: translateX(60px);
 		transform: translateX(60px)
 	}

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

 @keyframes jumpXreverse {
 	0% {
 		-webkit-transform: translateX(0);
 		transform: translateX(0)
 	}

 	40% {
 		-webkit-transform: translateX(60px);
 		transform: translateX(60px)
 	}

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

 @-webkit-keyframes mapPulse {
 	0% {
 		-webkit-transform: scale(1, 1);
 		transform: scale(1, 1)
 	}

 	40% {
 		-webkit-transform: scale(0.5, 0.5);
 		transform: scale(0.5, 0.5)
 	}

 	100% {
 		-webkit-transform: scale(1, 1);
 		transform: scale(1, 1)
 	}
 }

 @keyframes mapPulse {
 	0% {
 		-webkit-transform: scale(1, 1);
 		transform: scale(1, 1)
 	}

 	40% {
 		-webkit-transform: scale(0.5, 0.5);
 		transform: scale(0.5, 0.5)
 	}

 	100% {
 		-webkit-transform: scale(1, 1);
 		transform: scale(1, 1)
 	}
 }

 .hero-style6 .video-btn {
 	color: var(--white-color)
 }

 @media (max-width: 1700px) {
 	.hero-slider-6 .hero-img {
 		top: 95px;
 		width: 55%
 	}
 }

 @media (max-width: 991px) {
 	.hero-slider-6 .hero-img {
 		top: -40px;
 		width: 100%
 	}

 	.hero-img .shape-1,
 	.hero-img .shape-2,
 	.hero-img .shape-3,
 	.hero-img .shape-4 {
 		width: 13% !important
 	}
 }

 .img-box4 {
 	position: relative
 }

 .img-box4.style2 .img2 {
 	margin-top: -46%
 }

 .img-box4 .as-experience {
 	position: absolute;
 	top: 25px;
 	right: 15px;
 	z-index: 2;
 	background-color: var(--white-color);
 	max-width: 120px
 }

 .about-feature {
 	display: -webkit-box;
 	display: -webkit-flex;
 	display: -ms-flexbox;
 	display: flex;
 	-webkit-box-align: center;
 	-webkit-align-items: center;
 	-ms-flex-align: center;
 	align-items: center;
 	gap: 25px
 }

 .about-feature-wrap {
 	margin-bottom: 45px
 }

 .about-feature:not(:last-of-type) {
 	margin-bottom: 25px
 }

 .about-feature_icon {
 	width: 80px;
 	height: 80px;
 	line-height: 80px;
 	background-color: var(--theme-color);
 	text-align: center
 }

 .about-feature_title {
 	font-size: 20px;
 	text-transform: uppercase;
 	margin-bottom: 8px
 }

 .about-feature_text {
 	margin-bottom: 0;
 	max-width: 430px
 }

 @media (max-width: 375px) {
 	.about-feature {
 		-webkit-box-orient: vertical;
 		-webkit-box-direction: normal;
 		-webkit-flex-direction: column;
 		-ms-flex-direction: column;
 		flex-direction: column;
 		-webkit-box-align: start;
 		-webkit-align-items: flex-start;
 		-ms-flex-align: start;
 		align-items: flex-start
 	}

 	.about-feature-wrap {
 		margin-bottom: 35px
 	}
 }

 .counter-box {
 	text-align: center;
 	border: 1px solid #ddd;
 	padding: 15px 10px;
 	width: 100%;
 	position: relative;
 }

 .counter-box-area {

 	padding: 20px 0px
 }

 .counter-box_number {
 	font-size: 40px;
 	color: var(--theme-color);
 	margin-bottom: 0
 }

 .counter-box_text {
 	color: var(--title-color);
 	margin-bottom: 0
 }

 .feature-grid {
 	padding: 0 30px 30px 30px;
 	position: relative;
 	text-align: center;
 	z-index: 2
 }

 .feature-grid:before {
 	content: '';
 	width: 100%;
 	height: 475px;
 	background: var(--white-color);
 	box-shadow: 0px 4px 15px rgba(223, 225, 226, 0.41);
 	position: absolute;
 	bottom: 0;
 	left: 0;
 	z-index: -1
 }

 .feature-grid_img img {
 	width: 100%
 }

 .feature-grid_icon {
 	width: 80px;
 	height: 80px;
 	line-height: 80px;
 	background-color: var(--white-color);
 	border-radius: 50%;
 	box-shadow: 0px 4px 14px rgba(1, 19, 60, 0.08);
 	margin: -40px auto 30px auto;
 	position: relative;
 	z-index: 3
 }

 .feature-grid_title {
 	text-transform: uppercase
 }

 .feature-grid_text {
 	margin-bottom: 22px
 }

 @media (max-width: 360px) {
 	.feature-grid {
 		padding: 0 20px 30px 20px
 	}
 }

 .blog-box .blog-title.style2 {
 	font-size: 30px
 }

 @media (max-width: 991px) {
 	.blog-box .blog-title.style2 {
 		font-size: 24px
 	}
 }

 @media (max-width: 350px) {
 	.blog-box .blog-title.style2 {
 		font-size: 22px
 	}
 }

 .service-list {
 	display: -webkit-box;
 	display: -webkit-flex;
 	display: -ms-flexbox;
 	display: flex;
 	-webkit-box-align: center;
 	-webkit-align-items: center;
 	-ms-flex-align: center;
 	align-items: center;
 	gap: 20px;
 	background-color: var(--theme-color);
 	border: 1px solid #F2F2F2;
 	box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.05);
 	padding: 35px;
 	-webkit-transition: 0.4s ease-in-out;
 	transition: 0.4s ease-in-out;
 	margin-bottom: 30px;
 	cursor: pointer;
 	position: relative;
 	z-index: 2
 }

 .service-list-area {
 	padding: 40px;
 	border: 1px solid #F2F2F2;
 	box-shadow: 0px 13px 25px rgba(0, 0, 0, 0.05);
 	background-color: #279e6024
 }

 .service-list-box {
 	display: -webkit-box;
 	display: -webkit-flex;
 	display: -ms-flexbox;
 	display: flex;
 	-webkit-box-align: center;
 	-webkit-align-items: center;
 	-ms-flex-align: center;
 	align-items: center;
 	gap: 40px;
 	position: relative
 }

 .service-list-box .service-img {
 	-webkit-box-flex: 520px;
 	-webkit-flex: 520px;
 	-ms-flex: 520px;
 	flex: 520px
 }

 .service-list-box .content {
 	-webkit-box-flex: 530px;
 	-webkit-flex: 530px;
 	-ms-flex: 530px;
 	flex: 530px
 }

 .service-list-box .text {
 	margin-bottom: 33px
 }

 .service-list-box .icon-overlay {
 	position: absolute;
 	bottom: 0;
 	right: 0;
 	z-index: -1;
 	opacity: 0.6
 }

 .service-list:before {
 	content: '';
 	position: absolute;
 	inset: 0;
 	background-color: var(--white-color);
 	z-index: -1;
 	-webkit-transition: 0.4s ease-in-out;
 	transition: 0.4s ease-in-out;
 	-webkit-transform-origin: top;
 	-ms-transform-origin: top;
 	transform-origin: top
 }

 .service-list:after {
 	content: '';
 	position: absolute;
 	top: 100%;
 	left: calc(50% - 17px);
 	border-style: solid;
 	border-width: 0 17px 0 17px;
 	border-color: var(--theme-color) transparent transparent transparent;
 	-webkit-transition: 0.4s ease-in-out;
 	transition: 0.4s ease-in-out
 }

 .service-list_text {
 	display: block;
 	text-transform: uppercase;
 	margin-bottom: 10px;
 	font-size: 14px;
 	-webkit-transition: 0.4s ease-in-out;
 	transition: 0.4s ease-in-out
 }

 .service-list_title {
 	font-size: 22px;
 	font-weight: 400;
 	text-transform: capitalize;
 	color: var(--title-color);
 	margin-bottom: 0;
 	-webkit-transition: 0.4s ease-in-out;
 	transition: 0.4s ease-in-out;
 }

 .slick-current .service-list::before {
 	-webkit-transform: scaleY(0);
 	-ms-transform: scaleY(0);
 	transform: scaleY(0)
 }

 .slick-current .service-list:after {
 	border-width: 13px 17px 0 17px
 }

 .slick-current .service-list_title {
 	color: var(--white-color)
 }

 .slick-current .service-list_icon img {
 	-webkit-filter: brightness(0) invert(1);
 	filter: brightness(0) invert(1);
 }

 .slick-current .service-list_text {
 	color: var(--light-color)
 }

 .service-info {
 	display: -webkit-box;
 	display: -webkit-flex;
 	display: -ms-flexbox;
 	display: flex;
 	-webkit-box-align: center;
 	-webkit-align-items: center;
 	-ms-flex-align: center;
 	align-items: center;
 	gap: 25px;
 	border-bottom: 1px solid #00000036;
 	padding-bottom: 20px;
 	margin-bottom: 20px;
 }

 .service-info_text {
 	display: block;
 	font-size: 14px;
 	margin-bottom: 6px;
 	text-transform: uppercase
 }

 .service-info_title {
 	font-size: 28px;
 	margin-bottom: 0;
 	text-transform: capitalize;
 }

 @media (max-width: 1399px) {
 	.service-list {
 		padding: 25px
 	}
 }

 @media (max-width: 1199px) {
 	.service-list {
 		-webkit-box-orient: vertical;
 		-webkit-box-direction: normal;
 		-webkit-flex-direction: column;
 		-ms-flex-direction: column;
 		flex-direction: column;
 		text-align: center;
 		gap: 15px
 	}
 }

 @media (max-width: 991px) {
 	.service-list {
 		gap: 0
 	}

 	.service-list-box {
 		-webkit-box-orient: vertical;
 		-webkit-box-direction: normal;
 		-webkit-flex-direction: column;
 		-ms-flex-direction: column;
 		flex-direction: column;
 		-webkit-box-align: stretch;
 		-webkit-align-items: stretch;
 		-ms-flex-align: stretch;
 		align-items: stretch
 	}

 	.service-list-box .service-img {
 		-webkit-box-flex: 100%;
 		-webkit-flex: 100%;
 		-ms-flex: 100%;
 		flex: 100%
 	}

 	.service-list-box .service-img img {
 		width: 100%
 	}

 	.service-list-box .content {
 		-webkit-box-flex: 100%;
 		-webkit-flex: 100%;
 		-ms-flex: 100%;
 		flex: 100%
 	}

 	.service-list_title {
 		display: none
 	}

 	.service-list_text {
 		display: none
 	}
 }

 @media (max-width: 575px) {
 	.service-list-area {
 		padding: 20px
 	}

 	.service-list-box .text {
 		margin-bottom: 20px
 	}

 	.service-info {
 		padding-bottom: 20px;
 		margin-bottom: 20px;
 		gap: 15px
 	}

 	.service-info_icon {
 		min-width: 50px
 	}

 	.service-info_title {
 		font-size: 20px
 	}
 }

 @media (max-width: 375px) {
 	.service-list {
 		padding: 20px
 	}
 }

 .team-grid {
 	box-shadow: 0px 5px 15px rgba(1, 19, 60, 0.07);
 	padding: 20px;
 	text-align: center;
 	background-color: var(--white-color)
 }

 .team-grid .team-img {
 	overflow: hidden
 }

 .team-grid .team-img img {
 	width: 100%;
 	-webkit-transition: 0.4s ease-in-out;
 	transition: 0.4s ease-in-out
 }

 .team-grid .team-title {
 	font-size: 20px;
 	text-transform: uppercase;
 	margin-bottom: 4px;
 	margin-top: 24px
 }

 .team-grid .team-title a {
 	color: inherit
 }

 .team-grid .team-title a:hover {
 	color: var(--theme-color)
 }

 .team-grid .team-desig {
 	color: var(--theme-color);
 	margin-bottom: 22px;
 	display: block
 }

 .team-grid .as-social {
 	margin-bottom: 10px
 }

 .team-grid .as-social a {
 	box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15)
 }

 .team-grid .as-social a:not(:hover) {
 	background-color: var(--white-color);
 	color: var(--title-color)
 }

 .team-grid:hover .team-img img {
 	-webkit-transform: scale(1.1);
 	-ms-transform: scale(1.1);
 	transform: scale(1.1)
 }

 .accordion-card.style2 .accordion-button {
 	color: var(--title-color);
 	background-color: var(--white-color);
 	min-height: unset;
 	padding: 12px 70px 12px 25px;
 	border: unset !important;
 	text-align: left;
 	font-size: 16px;
 	font-weight: 700;
 	background: #fff;
 	box-shadow: 1px 1px 4px 1px rgba(204, 204, 204, .45);
 }

 .accordion-card.style2 .accordion-button:after {
 	content: "\f0d7";
 	color: var(--white-color);
 	font-size: 20px;
 	width: 55px;
 	color: var(--title-color);
 }

 .accordion-card.style2 .accordion-button:focus {
 	outline: none;
 	box-shadow: none;

 	box-shadow: 1px 1px 4px 1px rgba(204, 204, 204, .45);
 }

 .accordion-card.style2 .accordion-button:not(.collapsed) {
 	color: var(--theme-color)
 }

 .accordion-card.style2 .accordion-button:not(.collapsed):after {
 	content: "\f0d8";
 	-webkit-transform: rotate(0deg);
 	-ms-transform: rotate(0deg);
 	transform: rotate(0deg);
 	color: var(--theme-color);
 }

 .accordion-card.style2 .accordion-body {
 	padding: 23px 25px 20px 25px;
 	border: 1px solid #e0e0e0;
 	border-top: none
 }


 .accordion-card.style2 h5 {
 	font-size: 18px
 }

 .video-container.my_video_c {
 	position: relative !important;
 	height: 100vh;
 	margin-right: 100px;
 }

 .video-container:before {
 	content: "";
 	display: block;
 	position: absolute;
 	z-index: 1;
 	left: 0;
 	right: 0;
 	top: 0;
 	bottom: 0;
 	background: transparent;
 	opacity: 1;
 	pointer-events: none;
 	background: transparent;
 }




 .video-item.is-active {
 	display: block;
 }

 .video-item {

 	width: 100%;
 	height: 100vh;
 	overflow: hidden;
 	position: absolute;
 	left: 0;
 	top: 0;
 	background-position: 50% 50%;
 	background-repeat: no-repeat;
 	background-size: cover;
 }

 .video-item video {
 	border: none;
 	margin: 0;
 	padding: 0;
 	height: 500%;
 	width: 100%;
 	position: absolute;
 	left: 50%;
 	top: 50%;
 	transform: translate(-50%, -50%);
 }

 .slide-video-container {
 	position: absolute;
 	z-index: 100;
 	left: 0;
 	top: unset;
 	right: 0;
 	bottom: 45%;
 }

 @media (min-width: 1600px) {

 	.slide-video-container {

 		bottom: 45%;
 	}

 }

 .video-container .hero-title {
 	color: #fff;
 	font-family: var(--style-font);
 	font-size: 91px;
 	font-weight: 800;
 	font-style: italic;
 	line-height: 91px;
 	text-shadow: 4px 2px #FF0000;
 }

 .slide-container .container {
 	z-index: 100;
 }

 .slide-body {
 	text-align: center;
 }

 .my_video_c .slide-video-container .btn {
 	padding: 10px 24px;
 	font-size: 19px;
 	text-transform: capitalize;
 	font-weight: 300;
 	border-radius: 6px;
 	border-color: #902f25;
 	background-color: #902f25;
 }

 .slide-body h2 {
 	color: #fff;
 	font-weight: 700;
 	font-size: 40px;
 	-webkit-transition: transform 1.5s, opacity 1.55s;
 	-o-transition: transform 1.5s, opacity 1.55s;
 	transition: transform 1.5s, opacity 1.55s;
 	-webkit-transform: scale(1);
 	-ms-transform: scale(1);
 	-o-transform: scale(1);
 	transform: scale(1);
 	backface-visibility: hidden;
 	-webkit-transition-delay: 0.3s;
 	transition-delay: 0.3s;
 	color: #F7F7F7;
 	text-transform: none;
 	letter-spacing: 0;
 	font-size: 62px;
 	line-height: 1.1;
 	font-weight: 700;
 	margin-bottom: 10px;
 }

 .slide-body p {
 	color: #fff;
 	font-weight: 500;
 	font-size: 20px;
 	-webkit-transition-delay: 0.6s;
 	transition-delay: 0.6s;
 	opacity: 1;
 	-webkit-transition: transform 1.5s, opacity 1.55s;
 	-o-transition: transform 1.5s, opacity 1.55s;
 	transition: transform 1.5s, opacity 1.55s;
 	-webkit-transform: scale(1);
 	-ms-transform: scale(1);
 	-o-transform: scale(1);
 	transform: scale(1);
 	backface-visibility: hidden;
 	-webkit-transition-delay: 0.3s;
 	transition-delay: 0.3s;
 	margin: 0px auto;
 	margin-top: 22px;
 	margin-bottom: 25px;
 	color: #F7F7F7;
 	width: 66%;
 	text-align: center;
 }

 /*************/

 .m-side-bt {
 	text-align: center;
 	position: absolute;
 	right: 0;
 	top: 0;
 	background: #fff;
 	height: 100%;
 	bottom: 0;
 	width: 100px;
 	line-height: 100px;
 }

 .m-side-bt .icon-btn {
 	display: inline-block;
 	width: var(--btn-size, 50px);
 	height: var(--btn-size, 50px);
 	line-height: var(--btn-size, 50px);
 	font-size: 30px;
 	background-color: transparent;
 	color: var(--theme-color);
 	text-align: center;
 	border-radius: 50%;
 	border: none;
 }

 .ser-btn {
 	margin-right: 50px;
 }

 .ser-btn i {
 	font-weight: 600;
 }

 /**********/

 .social-box {
 	display: -webkit-box;
 	display: -webkit-flex;
 	display: -ms-flexbox;
 	display: flex;
 	-webkit-flex-wrap: wrap;
 	-ms-flex-wrap: wrap;
 	flex-wrap: wrap;
 	-webkit-box-align: center;
 	-webkit-align-items: center;
 	-ms-flex-align: center;
 	align-items: center;
 }

 .social-box {
 	position: absolute;
 	right: 0px;
 	bottom: 0;
 	z-index: 20;
 	right: 0;
 	height: 100%;
 	width: 100px;
 	text-align: center;
 	background: var(--theme-color);
 }

 .social-box ul {
 	margin-left: 0px;
 	padding-left: 0px;
 	text-align: center;
 	margin: 0px auto;
 }

 .social-box li {
 	position: relative;
 	margin-bottom: 20px;
 	list-style: none;
 }

 .social-box li a {
 	position: relative;
 	font-size: 16px;
 	color: #000;
 	transition: all 0.3s ease;
 	-moz-transition: all 0.3s ease;
 	-webkit-transition: all 0.3s ease;
 	-ms-transition: all 0.3s ease;
 	-o-transition: all 0.3s ease;
 }

 .social-box li a i {
 	color: #fff;
 }

 .my-sidemenu .as-menu-wrapper {
 	position: relative;
 	top: 0;
 	left: 0;
 	bottom: 0;
 	background-color: transparent;
 	z-index: 0;
 	width: 0;
 	width: 100%;
 	height: 100%;
 	-webkit-transition: all ease 0.8s;
 	transition: all ease 0.8s;
 	opacity: 1;
 	visibility: visible;
 }

 .my-sidemenu .as-menu-wrapper .as-menu-area {
 	width: 100%;
 	max-width: 100%;
 	background-color: transparent;
 	border-right: unset;
 	height: 100%;
 	position: relative;
 	left: 0;
 	opacity: 1;
 	visibility: visible;
 	-webkit-transition: all ease 1s;
 	transition: all ease 1s;
 	z-index: 1;
 }

 .my-sidemenu .as-mobile-menu {
 	overflow-y: unset;
 	max-height: 100%;
 	padding-bottom: 0;
 	margin-top: 33px;
 	text-align: left;
 }

 .my-sidemenu .as-menu-wrapper .mobile-logo {
 	padding-bottom: 0;
 	padding-top: 0;
 	display: block;
 	text-align: left;
 	background-color: transparent;
 }

 .my-sidemenu .as-menu-wrapper .mobile-logo img {
 	height: 108px;

 }

 .my-sidemenu .as-mobile-menu>ul {
 	padding: 0 40px 0px 0px;
 }

 .my-sidemenu .as-mobile-menu ul li {
 	border-bottom: unset;
 	list-style-type: none;
 	margin-bottom: 0px;
 }

 .my-sidemenu .as-mobile-menu ul li li:first-child {
 	border-top: unset;
 }

 .my-sidemenu .as-mobile-menu ul li a {
 	display: block;
 	position: relative;
 	padding: 12px 0;
 	line-height: 28px;
 	font-size: 20px;
 	text-transform: capitalize;
 	color: #fff;
 	font-weight: 600;
 }

 .my-sidemenu .as-mobile-menu ul li ul li {
 	margin-bottom: 0px;
 }

 .my-sidemenu .as-mobile-menu ul li ul a {
 	font-size: 15px;
 	padding: 4px 0;
 	font-weight: 500;
 }

 /*************/

 .footer-logo img {
 	height: 95px
 }

 .mm-foter-link {}

 .mm-foter-link ul {
 	padding-left: 0px;
 	margin-bottom: 0px;
 }

 .mm-foter-link li {
 	display: inline-block;
 	list-style: none;
 	margin-right: 15px;
 }

 .mm-foter-link li a {
 	color: var(--body-color);
 	margin-bottom: 0px;
 	font-size: 18px;
 	font-weight: 500;
 }

 .foo-middle {
 	position: relative;
 	margin-top: 30px;
 	border-top: 1px solid #ffffff26;
 	padding-top: 30px;
 }

 .tp-footer-social {
 	text-align: center;
 }

 /**********/

 .pr-foter-link {
 	position: relative;

 }

 .pr-foter-link ul {
 	padding-left: 0px;
 	margin-bottom: 0px;
 }

 .pr-foter-link li {
 	display: inline-block;
 	list-style: none;
 	margin-right: 15px;
 }

 .pr-foter-link li a {
 	color: var(--body-color);
 	margin-bottom: 0px;
 	font-size: 16px;
 	font-weight: 400;
 }


 .foo-texts h2 {
 	color: #fff;
 	font-size: 29px;
 	line-height: 1.2;
 	margin-top: -10px;
 }



 .foo-texts h2 span {
 	padding-left: 30px;
 }

 /**/

 .about-sec {
 	position: relative;
 	padding: 60px 0px 60px;
 }

 /***************/


 .service-box1 {
 	margin-bottom: 30px;
 	border-radius: 0px;
 	box-shadow: 0 10px 35px rgba(0, 0, 0, .2);
 	position: relative;
 	overflow: hidden;

 	display: flex;
 	align-items: flex-end;
 	transition: all .2s ease-in-out;
 	background-size: cover;
 	z-index: 1
 }

 .service-box1 img {
 	width: 100%;
 	-webkit-transition: 0.4s ease-in-out;
 	transition: 0.4s ease-in-out;
 	height: 500px;
 	object-fit: cover;
 }

 .service-box1:hover img {
 	-webkit-transform: scale(1.1);
 	-ms-transform: scale(1.1);
 	transform: scale(1.1);
 }


 .service-box1 .icon-content {
 	padding: 30px 25px;
 	z-index: 99;
 	position: relative;
 	width: 100%;
 	position: absolute;
 	bottom: 0;
 	text-align: left;
 	background: #00000085;
 	min-height: 178px;
 }

 .service-box1.se1 .icon-content {

 	background: #00000085;
 }

 .service-box1.se2 .icon-content {

 	background: rgb(28 28 28 / 80%);
 }

 .service-box1.se3 .icon-content {

 	background: #00000085;
 }

 .service-box1.se4 .icon-content {

 	background: rgb(28 28 28 / 80%);
 }

 .service-box1.se5 .icon-content {

 	background: #00000085;
 }

 .service-box1.se6 .icon-content {

 	background: rgb(28 28 28 / 80%);
 }

 .service-box1.se7 .icon-content {

 	background: #00000085;
 }

 .service-box1.se8 .icon-content {

 	background: rgb(28 28 28 / 80%);
 }

 .service-box1.se9 .icon-content {

 	background: #00000085;
 }

 .service-box1.se10 .icon-content {

 	background: rgb(28 28 28 / 80%);
 }

 .service-box1.se11 .icon-content {

 	background: #00000085;
 }

 .service-box1.se12 .icon-content {

 	background: rgb(28 28 28 / 80%);
 }

 .service-box1:hover .icon-content {
 	background: #000000a3;
 }

 .service-box1 .dlab-tilte {
 	font-size: 22px;

 	margin-bottom: 10px
 }

 .service-box1 .dlab-tilte a {
 	color: #fff;
 }

 .service-box1 ul {
 	position: relative;
 	display: block;
 	padding: 0px;
 	margin: 0px;
 	margin-bottom: 15px;
 	columns: 2;
 	-webkit-columns: 2;
 	-moz-columns: 2;
 	-webkit-column-gap: 60px;
 	-moz-column-gap: 60px;
 	column-gap: 40px;
 }

 .service-box1 ul li {
 	position: relative;
 	display: block;
 	color: #fff;
 	padding-left: 20px;
 }

 .service-box1 ul li:before {
 	font-family: var(--icon-font);
 	font-weight: 900;
 	color: var(--theme-color);
 	position: absolute;
 	left: 0;
 	-webkit-transition: 0.3s ease-in-out;
 	transition: 0.3s ease-in-out;
 	content: "\f336";

 }

 .service-box1 p {
 	color: #fff;
 	margin-bottom: 0px;
 	font-size: 15px
 }

 .service-box1 .dlab-separator {
 	margin-bottom: 25px;
 	margin-bottom: 25px;
 	background-color: var(--theme-color1) !important;
 	margin-left: auto;
 	margin-right: auto;
 	width: 60px;
 	height: 4px;
 	display: block;
 }

 .service-box1 .icon-content .btn {
 	background-color: var(--theme-color);
 	color: #fff;

 }

 .service-area-sec {
 	position: relative;
 	padding: 60px 0px 30px;
 	background: #f2f2f2;
 }

 .service-area-sec .container-fluid {
 	padding-left: 0px;
 	padding-right: 0px;

 }

 .service-area-sec .container-fluid .row {
 	margin-left: 0px;
 	margin-right: 0px;

 }

 .service-area-sec .slick-slide {}

 /********/
 .about-contant h4 {
 	font-size: 24px;
 	margin-bottom: 5px;
 	color: #000;

 }

 /*********/
 .service-category {
 	position: relative;
 	padding: 0px 0px 50px;
 }

 .featuresec {
 	position: relative;
 	padding: 60px 0px 60px;
 	background-attachment: fixed;
 }

 .featuresec:before {
 	content: "";
 	background: rgb(255 255 255 / 83%);
 	position: absolute;
 	top: 0;
 	left: 0;
 	right: 0;
 	bottom: 0;
 	z-index: 0;
 }

 .featuresec .container {
 	position: relative;
 	z-index: 1
 }

 .why-in {
 	position: relative;
 	display: block;
 	width: 100%;
 	text-align: center;
 	padding: 0px 10px 0px;
 	transition: all 0.3s;
 	margin-bottom: 30px;
 }

 .why-bgddd {
 	position: relative;
 	width: 100%;
 	height: 100%
 }

 .rrrres .why-in {
 	position: relative;
 	display: block;
 	width: 100%;
 	text-align: center;
 	padding: 0px 10px 0px;
 	transition: all 0.3s;
 	margin-bottom: 30px;
 }

 .why-in:hover {}

 .why-in img {
 	margin-bottom: 20px;
 	width: 80px;
 	background: var(--theme-color);
 	padding: 15px;
 	border-radius: 50%;
 }

 .why-in h2 {
 	font-size: 22px;

 	margin-bottom: 15px;
 }

 .why-in p {

 	margin-bottom: 0px;
 	font-weight: 500;

 }

 .why-in li {
 	padding: 0 0 0 44px;
 	margin: 0 0 6px;
 	position: relative;
 	text-align: left;
 }

 .why-in li h5 {
 	border: medium solid #008037;
 	border-radius: 40px;
 	color: #008037;
 	display: block;
 	height: 30px;
 	left: 0;
 	line-height: 28px;
 	position: absolute;
 	text-align: center;
 	top: 6px;
 	width: 30px;
 	margin: 0;
 	font-weight: 400;
 	font-size: 16px;
 }

 .why-in li h4 {
 	font-size: 16px;
 	line-height: 27px;
 	font-weight: 500;
 	margin-bottom: 0px;
 }

 .why-in li p {
 	font-size: 14px;
 	line-height: 22px;
 	font-weight: 400;
 	margin-bottom: 5px;
 }




 .why-in .wer {
 	padding: 0 0 0 44px;
 	margin: 0 0 6px;
 	position: relative;
 	text-align: left;
 }

 .why-in .wer h5 {
 	border: medium solid #008037;
 	border-radius: 40px;
 	color: #008037;
 	display: block;
 	height: 30px;
 	left: 0;
 	line-height: 28px;
 	position: absolute;
 	text-align: center;
 	top: 6px;
 	width: 30px;
 	margin: 0;
 	font-weight: 400;
 	font-size: 16px;
 }

 .why-in .wer h4 {
 	font-size: 16px;
 	line-height: 27px;
 	font-weight: 500;
 	margin-bottom: 0px;
 }

 .why-in .wer p {
 	font-size: 14px;
 	line-height: 22px;
 	font-weight: 400;
 	margin-bottom: 5px;
 }

 /*
*****************************/

 /***************/
 .DZ-theme-btn.DZ-bt-callnow-now {
 	background: #1ebbf0;
 	background: -moz-linear-gradient(45deg, #1ebbf0 8%, #39dfaa 100%);
 	background: -webkit-linear-gradient(45deg, #39579a 8%, #255cd7 100%);
 	background: linear-gradient(45deg, #39579a 8%, #255cd7 100%);
 	bottom: 150px;
 }

 .DZ-theme-btn.DZ-bt-whatsapp-now {
 	background: #1ebbf0;
 	background: -moz-linear-gradient(45deg, #1ebbf0 8%, #39dfaa 100%);
 	background: -webkit-linear-gradient(45deg, #2eb541 8%, #1cd937 100%);
 	background: transparent;
 	bottom: 50px;
 }

 .DZ-theme-btn.DZ-bt-whatsapp-now img {
 	height: 60px;
 }

 .DZ-theme-btn.DZ-bt-email-now {
 	background: #1fdf61;
 	background: -moz-linear-gradient(top, #a3d179 0, #88ba46 100%);
 	background: -webkit-linear-gradient(45deg, #1ebbf0 8%, #39dfaa 100%);
 	background: linear-gradient(45deg, #cb2312 8%, #df7639 100%);
 	bottom: 30px;
 }

 .DZ-theme-btn {
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	border-radius: 40px;
 	color: #fff;
 	height: 50px;
 	left: 20px;
 	min-width: 50px;
 	position: fixed;
 	text-align: center;
 	z-index: 99999;
 	opacity: 0;
 	visibility: hidden;
 }

 .DZ-theme-btn-sticky {
 	opacity: 1;
 	visibility: visible;
 }

 .DZ-theme-btn i {
 	fill: #fff;
 	width: 26px;
 	height: 26px;
 	font-size: 20px;
 	line-height: 26px;
 }

 .DZ-theme-btn span {
 	display: table-cell;
 	vertical-align: middle;
 	font-size: 16px;
 	letter-spacing: -15px;
 	opacity: 0;
 	line-height: 50px;
 	-webkit-transition: all 1s;
 	-ms-transition: all 1s;
 	transition: all 1s;
 	text-transform: capitalize;
 }

 .DZ-theme-btn:hover span {
 	opacity: 1;
 	letter-spacing: 1px;
 	padding-left: 10px;
 }

 .DZ-theme-btn:hover {
 	color: #fff;
 }

 /***************/

 .Testimonial-sec {
 	position: relative;
 	padding: 50px 0px 50px;
 	background: var(--theme-color)
 }

 .service-list-box .content ul {
 	position: relative;
 	display: block;
 	padding: 0px;
 	margin: 0px 0px 15px;

 }

 .service-list-box .content ul li {
 	position: relative;
 	display: block;
 	color: var(--title-color);
 	padding-left: 26px;
 	margin-bottom: 8px;
 	font-weight: 500;
 }

 .service-list-box .content ul li:before {
 	font-family: var(--icon-font);
 	font-weight: 900;
 	color: var(--theme-color);
 	position: absolute;
 	left: 0;
 	-webkit-transition: 0.3s ease-in-out;
 	transition: 0.3s ease-in-out;
 	content: "\f336";

 }

 /***************/

 .Aboutarea-sec {
 	position: relative;
 	padding: 70px 0px 70px;
 }

 .Aboutarea-sec:before {

 	content: "";
 	background: rgb(255 255 255 / 83%);
 	position: absolute;
 	top: 0;
 	left: 0;
 	right: 0;
 	bottom: 0;
 	z-index: 0;

 }

 /*
.Aboutarea-sec:before {
    content: "";
    background: url(https://www.atkinsrealis.com/~/media/Images/R/Renaissance/images/background-shapes/careers-bg-shape.svg);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    background-image: https://www.atkinsrealis.com/~/media/Images/R/Renaissance/images/background-shapes/careers-bg-shape.svg;
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    background-position: center;
    background-size: cover;
    left: 0;
}*/
 .Aboutarea-sec .container {
 	position: relative;
 }

 .About-a-des {
 	padding-left: 0px;
 	padding-right: 0px;
 	position: relative;
 	text-align: center;
 }

 .Aboutarea-sec .row .col-lg-5 {
 	width: 37%;
 }

 .Aboutarea-sec .row .col-lg-4 {
 	width: 33%;
 }

 .Aboutarea-sec .row .col-lg-3 {
 	width: 30%;
 }

 .circle-btn {
 	position: relative;
 	z-index: 1;
 	display: flex;
 	justify-content: center;
 	align-items: center;

 	overflow: hidden;
 	padding: 0;
 	color: #fff;
 	border-radius: 50%;
 	border: 1px solid #fff;
 	background: transparent;
 	transition: color 0.3s;
 	width: 220px;
 	height: 220px;
 	font-weight: 600;
 	font-size: 20px;
 }

 .circle-btn .text {
 	position: relative;
 	z-index: 1;
 	display: inline-flex;
 }

 .circle-btn:hover {

 	color: #fff;
 }



 .footer-bt .as-btn {
 	color: #080808;
 	background-color: #f4f4f4;
 	font-weight: 500;
 	border: 2px solid #f4f4f4;
 	border-radius: 80px;
 	padding: 21px 44px;
 	font-size: 20px;
 	font-size: 18px;

 }

 /***************/

 /***************/

 .Gallery-sec {
 	position: relative;
 	padding: 60px 0px 60px;

 }

 .Gallery-sec:before {
 	content: "";
 	/*  background: rgb(0 0 0 / 70%);*/
 	position: absolute;
 	top: 0;
 	left: 0;
 	right: 0;
 	bottom: 0;
 	z-index: 0;
 }

 .Gallery-sec .container {
 	position: relative;
 }

 /*************/

 .gallery-img {
 	position: relative;
 	z-index: 2;
 	border-radius: 0px;
 	overflow: hidden;
 	border-radius: 10px;
 }


 .gallery-img img {
 	width: 100%;
 	-webkit-transition: 0.4s ease-in-out;
 	transition: 0.4s ease-in-out;
 	object-fit: cover;
 	height: 300px;
 	border-radius: 10px;
 }

 .gallery-img:before {
 	content: "";
 	width: 100%;
 	height: 100%;
 	position: absolute;
 	top: 0;
 	left: 0;
 	background-color: #0000008c;
 	visibility: hidden;
 	opacity: 0;
 	-webkit-transition: 0.4s ease-in-out;
 	transition: 0.4s ease-in-out;
 	z-index: 1
 }

 .gallery-btn {
 	background-color: var(--white-color);
 	color: var(--theme-color);
 	width: 50px;
 	height: 50px;
 	line-height: 50px;
 	border-radius: 10px;
 	position: absolute;
 	top: 50%;
 	left: 50%;
 	-webkit-transform: translate(-50%, 50%);
 	-ms-transform: translate(-50%, 50%);
 	transform: translate(-50%, 50%);
 	-webkit-transition: 0.4s ease-in-out;
 	transition: 0.4s ease-in-out;
 	text-align: center;
 	visibility: hidden;
 	opacity: 0;
 	z-index: 2
 }

 .gallery-btn:hover {
 	background-color: var(--theme-color);
 	color: var(--white-color)
 }

 .gallery-card {
 	position: relative;
 	margin-bottom: 30px;
 	padding: 0px;
 	width: 100%;
 	box-shadow: unset;
 	border-radius: 10px;
 }

 .gallery-card .gallery-content {
 	position: absolute;
 	bottom: 0;
 	left: 0;
 	width: 100%;
 	padding: 30px 15px;
 	text-align: center;
 	z-index: 3;
 	-webkit-transition: 0.4s ease-in-out;
 	transition: 0.4s ease-in-out;
 	visibility: visible;
 	opacity: 0;
 	-webkit-transform: translateY(50px);
 	-ms-transform: translateY(50px);
 	transform: translateY(50px);
 	-webkit-transition-delay: 0.1s;
 	transition-delay: 0.1s
 }

 .gallery-card .gallery-title {
 	font-size: 20px;
 	font-weight: 600;
 	color: var(--white-color);
 	margin-bottom: 0
 }

 .gallery-card .gallery-tag {
 	color: var(--white-color);
 	font-weight: 500;
 	display: block;
 	margin-bottom: 4px
 }

 .gallery-card:hover .gallery-img:before {
 	visibility: visible;
 	opacity: 0.8
 }

 .gallery-card:hover .gallery-img img {
 	-webkit-transform: scale(1.06);
 	-ms-transform: scale(1.06);
 	transform: scale(1.06);
 	-webkit-transition: .8s ease all;
 	transition: .8s ease all;
 	webkit-transform: scale(1.2) rotate(5deg);
 	-ms-transform: scale(1.2) rotate(5deg);
 	transform: scale(1.2) rotate(5deg);
 }

 .gallery-card:hover .gallery-btn {
 	-webkit-transform: translate(-50%, -50%);
 	-ms-transform: translate(-50%, -50%);
 	transform: translate(-50%, -50%);
 	visibility: visible;
 	opacity: 1
 }

 .gallery-card:hover .gallery-content {
 	visibility: visible;
 	opacity: 1;
 	-webkit-transform: translateY(0);
 	-ms-transform: translateY(0);
 	transform: translateY(0)
 }

 @media (max-width: 1199px) {
 	.gallery-card .gallery-tag {
 		margin-bottom: 0
 	}
 }

 @media (max-width: 991px) {
 	.gallery-img img {
 		min-height: 320px;
 		object-fit: cover
 	}
 }

 /**********/

 /**********/

 .Maparea-sec {
 	position: relative;

 }

 .Maparea-sec iframe {
 	margin-bottom: 10px;
 }

 .Working-sec {
 	position: relative;
 	padding: 60px 0px 0px;
 	background: #f2f2f2;
 }

 /***************/
 .work-psec {
 	position: relative;
 	margin-bottom: 60px;
 	width: 100%;
 	padding: 30px 36px 20px;
 	border: 3px solid var(--theme-color)
 }

 .work-iconp {
 	position: absolute;
 	top: -35px;
 	left: 36px;
 	background: #f2f2f2;
 	border-radius: 50%;
 	padding: 11px;
 	border: 3px solid var(--theme-color);
 }

 .work-iconp img {
 	width: 50px;
 }

 .work-no {
 	position: absolute;
 	top: -28px;
 	right: 36px;
 	background: var(--theme-color);
 	border-radius: 50%;
 	padding: 7px;
 	width: 50px;
 	height: 50px;
 	border: 3px solid var(--theme-color);
 	text-align: center;
 }

 .work-no span {
 	font-weight: 700;
 	font-size: 30px;
 	color: #fff;
 }

 .work-con {
 	margin-top: 20px;
 }

 .work-con h3 {
 	font-size: 22px;
 	margin-bottom: 10px;
 }

 .work-con p {
 	margin-bottom: 5px;
 }


 /***************/

 .Contact-areain {
 	position: relative;
 	padding: 60px 0px 30px;
 	Background: #f1fffb;
 
 }


 .Contact-areain .container {
 	position: relative
 }

 /******************************************************/

 .Contact-sec {
 	position: relative;
    padding: 60px 0 40px;
    Background: #fff;
    position: relative;
 }

 .Contact-sec .container {
 	position: relative
 }

 .sebox {
 	margin-top: 0px;
 }


 .coniuy {
 	margin-top: 0px;
 }

 
 

.style-eight {
  position: relative;
    border-radius: 5px;
    padding: 30px 30px 20px;
    background: var(--theme-color);
    box-shadow: rgb(0 0 0 / 10%) 0px 10px 14px 9px;
    min-height: unset;
    width: 100%;
    margin-bottom: 20px;
    margin-top: 40px;
    background: #f7f8f9;
    border: 2px solid var(--theme-color);
	
	    border-radius: 20px;
}

.style-eight:hover {
 
}

.style-eight .service-box-icon {
 position: relative;
    
    text-align: center;
    line-height: 80px;
    border-radius: 50%;
 
 
    margin-bottom: 10px;
   
    margin-bottom: 10px;
    text-align: center;
    margin: -78px auto 0px;
    color: var(--title-color);
    font-size: 35px;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.style-eight .service-box-icon {
    color: #333;
    font-size: 35px;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.style-eight .service-box-icon i {
    color: var(--theme-color);
    font-size: 30px;
    height: 80px;
    width: 80px;
    line-height: 80px;
    border-radius: 50%;
    background: #fff;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
	    color: #fff;
    background: var(--theme-color);
}

.style-eight .service-box-icon i {
    margin-bottom: 15px;
    display: inline-block;
    color: #fff;
	color: var(--theme-color);
    background: #fff;
}
.style-eight .service-content {
    position: relative;
    z-index: 1;
}

.style-eight .service-content h3 {
    font-size: 22px;
    text-align: center;
    font-weight: 600;
    margin-bottom: 10px;
	color:#fff;
}
.style-eight  .service-content h3 {
color:var(--title-color)
}
.style-eight .service-content p {
     
    margin-bottom: 5px;
    margin-top: 0px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    font-weight: 400;
}
.style-eight .service-content p a{
       color: var(--white-color);
    margin-bottom: 0px;
    margin-top: 0px;
	text-align:center;
	font-size:16px;
}
.style-eight   .service-content p {
	color:var(--title-color);
}
.style-eight  .service-content p a{
	color:var(--title-color);
}
.style-eight  .service-content p a:hover{
	color:var(--theme-color);
}
.style-eight  .service-box-icon i {
    color: #fff;
    background: var(--theme-color);
}

 /*
*********************************************/

 .Career-sec-in {
 	position: relative;
 	padding: 50px 0px 20px;
 	background: #f2f2f2;

 }

 .job-desc {}

 .job-desc p {}

 .resume {
 	font-weight: 600;
 	font-size: 20px;
 	margin: 20px 0px;
 }

 .resume a {
 	font-weight: 600;
 	color: blue
 }

 .job-desc h3 {
 	font-size: 30px;
 }

 .job-sec {
 	position: relative;
 	width: 100%;
 	margin-bottom: 30px;
 	padding: 30px 30px 30px;
 	box-shadow: unset;
 	background: #fff;
 	border-radius: 20px;
 }

 .job-sec:hover {

 	box-shadow: 0 5px 15px rgba(0, 0, 0, .08) !important;
 }

 .job-sec h3 {
 	font-size: 20px;
 	margin-bottom: 10px;
 	color: var(--theme-color);
 }

 .job-sec h4 {
 	font-size: 17px;
 	margin-bottom: 10px;
 	color: var(--title-color);
 	text-decoration: underline;
 }

 .job-sec p {
 	color: var(--body-color);
 	font-weight: 500;
 	font-size: 16px;
 	margin-bottom: 5px;
 }

 .job-sec p i {
 	margin-right: 8px;
 }

 .job-sec a {
 	border-radius: 100px;
 	font-size: 16px;
 	color: var(--theme-color);
 	border: 1px solid var(--theme-color);
 	padding: 6px 30px;
 	position: relative;
 	display: block;
 	width: max-content;
 	margin-top: 10px;
 	font-weight: 600;
 }

 /***************/

 .Testi-sec-in {
 	position: relative;
 	padding: 50px 0px 20px;
 	background: #f2f2f2;
 }

 /***************/

 .Gallery-sec-in {
 	position: relative;
 	padding: 50px 0px 20px;
 	background: #f2f2f2;
 }

 /*************/

 .Gservice-item {


 	position: relative;
 	border-radius: 6px;
 	overflow: hidden;
 	display: block;
 	margin-bottom: 30px;
 	background: #ffffff;

 	border-radius: 10px;
 	-webkit-transition: .6s;
 	transition: .6s;
 	width: 100%;

 }

 .Gservice-item:hover {
 	transform: translateY(-10px);
 	-webkit-transition: .6s;
 	transition: .6s;
 }

 .Gser-imgs {
 	position: relative;

 	overflow: hidden;
 	display: block;
 }


 .Gservice-item img {
 	width: 100%;
 	transition: all 500ms ease;
 	height: 270px;
 	object-fit: cover;
 }

 .Gservice-item:hover img {
 	transform: scale(1.05);
 }

 .Gservice-item .content {
 	position: absolute;
 	bottom: 47%;
 	left: 0;
 	right: 0;
 	padding: 20px 15px 20px;
 	z-index: 1;
 	color: #fff;
 	text-align: center;
 	font-size: 20px;

 }

 .Gservice-item:hover .content {
 	background: transparent;
 }

 .Gservice-item .content h3 {
 	color: #fff;
 	font-size: 21px;
 	margin-bottom: 0px;
 	font-weight: 500;
 	text-align: center;
 	text-transform: capitalize;

 }

 .Gservice-item .content h3 a {
 	color: #fff;
 	font-size: 20px;
 	margin-bottom: 5px;
 	font-weight: 600;
 	text-align: center;
 	text-transform: capitalize;

 }

 .Gservice-item .content h3 a span {
 	color: var(--theme-color1);
 }

 .Gservice-item .content h4 {
 	color: #fff;
 	font-size: 16px;
 	font-weight: 600;
 	visibility: hidden;
 	opacity: 0;
 	display: none;
 }

 .Gservice-item .content h4 span {
 	color: var(--theme-color1);
 }

 .Gservice-item .content p {
 	color: #fff;
 	font-size: 16px;
 	visibility: hidden;
 	opacity: 0;
 	display: none;

 }

 .Gservice-item .content .viewBox {
 	visibility: hidden;
 	opacity: 0;
 	display: none;
 }

 .Gservice-item .content .viewBox .view1 {
 	background: #fff;
 	width: 70px;
 	height: 70px;
 	position: relative;
 	display: inline-block;
 	text-align: center;
 	margin: 0px 5px;
 	border-radius: 50%;
 	line-height: 70px;
 	font-weight: 600;
 	font-size: 16px;
 }

 .Gservice-item .content .viewBox .view2 {
 	background: #fff;
 	width: 70px;
 	height: 70px;
 	position: relative;
 	display: inline-block;
 	text-align: center;
 	margin: 0px 5px;
 	border-radius: 50%;
 	line-height: 70px;
 	font-weight: 600;
 	font-size: 16px;
 }

 .Gservice-item:hover .content .viewBox {
 	visibility: visible;
 	opacity: 1;
 	display: block;
 }

 .Gservice-item .content h4 {
 	color: #fff;
 	font-size: 15px;
 	font-weight: 600;
 }

 .Gservice-item:hover .content h4 {
 	visibility: visible;
 	opacity: 1;
 	display: block;
 	margin-top: 15px;
 }

 .Gservice-item:hover .content p {

 	visibility: visible;
 	opacity: 1;
 	display: block;
 }

 /******************/
 .Gallery-sec-indetail {
 	position: relative;
 	padding: 50px 0px 20px;
 	background: #f2f2f2;
 }

 /***************/

 .img-hover-wrap {
 	-webkit-transition: transform .3s ease;
 	-o-transition: transform .3s ease;
 	transition: transform .3s ease;
 	-moz-transform-style: flat !important;
 	-webkit-backface-visibility: hidden;

 	margin-top: 10px;
 }

 .img-hover-wrap:hover {

 	z-index: 2;
 }

 .img-hover-card>a::after {
 	content: " ";
 	width: 100%;
 	height: 100%;
 	position: absolute;
 	left: 0;
 	top: 0;

 	z-index: 0;
 	-webkit-transition: background-color .3s ease;
 	-o-transition: background-color .3s ease;
 	transition: background-color .3s ease;
 }

 .img-hover-wrap:hover .img-hover-card>a::after {
 	background-color: rgba(0, 0, 0, 0.6);
 }

 .img-hover-card {
 	position: relative;
 	display: block;
 	will-change: transform;
 	transition: all .3s ease;
 	border: none;
 	margin-bottom: 20px;
 	border-radius: 10px;
 }

 .img-hover-card a {
 	width: 100%;
 	max-width: 100%;
 	display: block;
 	z-index: 99;
 	overflow: hidden;
 	border-radius: 10px;
 }

 .img-hover-card a img {
 	width: 100%;

 	-webkit-transition: transform .3s ease;
 	-o-transition: transform .3s ease;
 	transition: transform .3s ease;
 	-moz-transform-style: flat !important;
 	-webkit-backface-visibility: hidden;
 	border-radius: 10px;
 }

 .img-hover-card:hover a img {
 	-webkit-transform: scale(1.06);
 	-ms-transform: scale(1.06);
 	-o-transform: scale(1.06);
 	transform: scale(1.06);
 }

 .img-hover-card.hover-in {
 	transition: -webkit-transform .2s ease-out;
 	transition: transform .2s ease-out;
 	transition: transform .2s ease-out, -webkit-transform .2s ease-out;
 }

 .img-hover-card.hover-3d {
 	z-index: 2;
 }

 .img-hover-card.hover-out {
 	transition: -webkit-transform .2s ease-in;
 	transition: transform .2s ease-in;
 	transition: transform .2s ease-in, -webkit-transform .2s ease-in;
 }

 .img-hover-wrap:hover .img-hover-card {
 	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.4);
 }

 .img-hover-wrap .img-hover-detail {
 	position: absolute;

 	top: auto;
 	left: 0;
 	bottom: 0;
 	pointer-events: none;
 	-webkit-backface-visibility: hidden;
 	-webkit-transition: transform .2s ease;
 	-o-transition: transform .2s ease;
 	transition: transform .2s ease;
 	opacity: 0;
 	text-align: center;
 	width: 100%;

 }

 .img-hover-wrap:hover .img-hover-detail {
 	opacity: 1;
 	-webkit-transform: scale(1.06) translateY(-5px) translateZ(50px);
 	-ms-transform: scale(1.06) translateY(-5px) translateZ(50px);
 	-o-transform: scale(1.06) translateY(-5px) translateZ(50px);
 	transform: scale(1.06) translateY(-5px) translateZ(50px);
 }

 .img-hover-wrap .img-hover-title {
 	margin: 0 0 0px 0;
 	font-size: 20px;
 	font-weight: 500;
 	text-align: center;
 	z-index: 9;
 	padding: 10px
 }

 .img-hover-wrap .img-link {
 	opacity: 0;
 	width: 20px;
 	height: 20px;
 	border: 1px solid #FFF;
 	border-radius: 50%;
 	text-align: center;
 	line-height: 18px;
 	font-size: 11px;
 	-webkit-transition: opacity .3s ease;
 	-o-transition: opacity .3s ease;
 	transition: opacity .3s ease;
 }

 .img-hover-wrap:hover .img-link {
 	opacity: 1;
 }

 .img-hover-detail a {
 	color: #fff;
 }


 /*************/
 /**********/

 .What-inner-sec {
 	position: relative;
 	padding: 50px 0px 20px;

 }

 .ss-sec {
 	position: relative;
 }


 /******/

 .featuresec-inner {
 	position: relative;
 	padding: 50px 0px 30px;
 	background: #f2f2f2;
 }

 /**********/

 .Abou-inner-sec {
 	position: relative;
 	padding: 50px 0px 40px;
 	background: var(--theme-color)
 }

 .Abou-inner-sec .container {
 	position: relative;
 }

 .ab-about {
 	text-align: center
 }

 .ab-about p {
 	color: #fff;
 }

 /***********/

 .Abthome-inner {
 	position: relative;
 	padding: 50px 0px 30px;
 	background: #f2f2f2;
 }




 /* responsive */







 .About-a-des p {


 	text-align: center;
 	font-size: 17px;

 }

 .About-a-des h4 {
 	font-size: 19px;
 	margin-bottom: 10px;
 }

 .aboutcontent {
 	text-align: justify;
 }

 .ab-about {
 	text-align: justify;
 }

 .tp-footer-social {
 	margin-top: 0;
 	margin-left: 0;
 }

 .mm-foter-link {
 	text-align: center;
 }

 .pr-foter-link {
 	position: relative;
 	margin-left: 28px;
 }

 .footer-layout3 .copyright-text {
 	color: var(--body-color);
 	text-align: left;
 	margin-top: 0;
 	margin: 0;
 	font-size: 16px;
 	margin-bottom: 0;
 }

 .footer-bt {
 	margin-left: 0px !important;
 }

 .col-lg-3.col-md-6.footer-time {
 	position: relative;
 	margin-left: 840px;
 	margin-top: -151px;
 	width: 300px;
 }

 .heading h4 {
 	color: white !important;
 }


 .Package-sec-in {
 	position: relative;
 	padding: 50px 0px 50px;
 	background: #f2f2f2;
 }


 /***********/
 #WelcomeSec {
 	position: relative;
 	padding: 60px 0px 60px;
 	background-attachment: fixed;
 }

 #WelcomeSec .hilitTxt {
 	color: #503d4f;
 	margin-bottom: 10px;
 	text-decoration: underline;
 	text-decoration-color: #503d4f;
 	text-decoration-thickness: 2px;
 	text-underline-position: under;
 	font-size: 20px;
 	line-height: 34px;
 	font-weight: 300;
 }

 @media only screen and (min-width: 576px) {
 	#WelcomeSec .hilitTxt {
 		width: fit-content;
 		width: -moz-fit-content;
 		text-align: center;
 	}
 }

 @media only screen and (min-width: 768px) {
 	#WelcomeSec .hilitTxt {
 		font-size: 26px;
 		line-height: 43px;
 		margin-bottom: 25px;
 	}
 }

 #WelcomeSec .hilitTxt span {
 	font-weight: 400;
 	display: block;
 	color: var(--theme-color);
 	text-decoration: underline;
 	text-decoration-thickness: 2px;
 	text-decoration-color: var(--theme-color);
 }


 #WelcomeSec .year {
 	margin-bottom: 8px;
 }

 @media only screen and (min-width: 576px) {
 	#WelcomeSec .year {
 		margin-bottom: 25px;
 	}
 }

 #WelcomeSec .year .count {
 	color: #1a2128;
 	font-weight: 800;
 	background-attachment: fixed;
 	-webkit-text-fill-color: rgba(0, 0, 0, 0);
 	-webkit-background-clip: text;
 	font-size: 145px;
 	line-height: 120px;
 	-webkit-text-stroke: #ae2956;
 	-webkit-text-stroke-width: 2px;
 }

 @media only screen and (min-width: 768px) {
 	#WelcomeSec .year .count {
 		font-size: 205px;
 		line-height: 165px;
 	}
 }

 @media only screen and (min-width: 992px) {
 	#WelcomeSec .year .count {
 		font-size: 250px;
 		line-height: 205px;
 	}
 }


 #WelcomeSec .ExlTxt {
 	color: var(--title-color);
 	letter-spacing: 3px;
 	font-weight: 600;
 	font-size: 12px;
 }

 @media only screen and (min-width: 768px) {
 	#WelcomeSec .ExlTxt {
 		font-size: 17px;
 	}
 }

 @media only screen and (min-width: 992px) {
 	#WelcomeSec .ExlTxt {
 		font-size: 20px;
 	}
 }

 /******/



 #WelcomeSec .MainFeatures {
 	margin-top: 35px;
 }

 @media only screen and (min-width: 468px) {
 	#WelcomeSec .MainFeatures {
 		margin-top: 50px;
 	}
 }

 #WelcomeSec .MainFeatures .row {
 	margin: 0;
 }

 #WelcomeSec .MainFeatures .box {
 	background-color: #fff;
 	box-shadow: 0px 3px 30px 0px rgba(11, 46, 72, .15);
 	padding: 23px 25px;
 	width: 100%;
 	overflow: hidden;
 }

 @media only screen and (min-width: 576px) {
 	#WelcomeSec .MainFeatures .box {
 		width: 33.3333333333%;
 	}
 }

 @media only screen and (min-width: 1200px) {
 	#WelcomeSec .MainFeatures .box {
 		display: flex;
 		align-items: center;
 	}
 }

 #WelcomeSec .MainFeatures .box svg {
 	fill: #ae2956;
 	width: 50px;
 	height: 50px;
 	transition: all .3s;
 	display: inline-block;
 	position: relative;
 	vertical-align: middle;
 	overflow: hidden;
 }

 #WelcomeSec .MainFeatures .box img {
 	fill: #ae2956;
 	width: 50px;
 	height: 50px;
 	transition: all .3s;
 	display: inline-block;
 	position: relative;
 	vertical-align: middle;
 	overflow: hidden;
 }

 @media only screen and (min-width: 468px) {
 	#WelcomeSec .MainFeatures .box svg {
 		width: 60px;
 		height: 0px;
 	}

 	#WelcomeSec .MainFeatures .box img {
 		width: 60px;
 		height: 60px;
 	}
 }

 #WelcomeSec .MainFeatures .box:hover svg,
 #WelcomeSec .MainFeatures .box:hover img {
 	-webkit-animation: hovicon .3s forwards;
 	-moz-animation: hovicon .3s forwards;
 	animation: hovicon .3s forwards;
 }

 #WelcomeSec .MainFeatures .box .Rit {
 	padding-top: 15px;
 }

 @media only screen and (min-width: 468px) {
 	#WelcomeSec .MainFeatures .box .Rit {
 		padding-top: 20px;
 	}
 }

 @media only screen and (min-width: 1200px) {
 	#WelcomeSec .MainFeatures .box .Rit {
 		padding-top: 0px;
 		padding-left: 20px;
 	}
 }

 #WelcomeSec .MainFeatures .box .title {
 	color: var(--theme-color);
 	margin-bottom: 10px;
 	font-size: 20px;
 	font-weight: 600;
 	font-family: var(--title-font);
 }

 #WelcomeSec .MainFeatures .box p {
 	margin: 0;
 	font-size: 15px;
 	line-height: 24px;
 }

 @keyframes hovicon {
 	49% {
 		-webkit-transform: translateY(100%);
 	}

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

 	51% {
 		opacity: 1;
 	}
 }

 .resd-se {

 	color: var(--theme-color) !important;
 	font-weight: 500;
 	font-size: 16px;

 	display: block;
 	margin: 10px auto 0
 }

 .resd-se i {
 	position: relative;
 	display: inline-block;
 	border-bottom: 0;
 	font-size: 16px;
 	top: 0;
 	padding: 0;
 	color: var(--theme-color);
 	margin-left: 5px;

 }

 .foll-h6 {
 	color: #fff !important;
 	padding: 30px 0 0px;
 	font-weight: 500;
 	font-size: 13px;
 	font-weight: 500
 }

 /**********/



 .home-three .single-offer-box {
 	text-align: center;
 	position: relative;
 	overflow: hidden;
 	transition: 0.5s;
 	margin: 0 0px;
 	margin-bottom: 40px;
 	width: 100%;
 	border-radius: 0.5rem;

 }

 .home-three .single-offer-thumb {
 	Background: #fff;
 	position: relative;
 	overflow: hidden;
 	border-radius: 0.5rem;
 }

 .home-three .single-offer-thumb img {
 	width: 100%;
 	height: 24vw;
 	object-fit: cover;
 	object-fit: cover;
 	border-radius: 0.5rem;
 }

 .home-three .offer {
 	position: absolute;
 	top: 37px;
 	left: 23px;
 }

 .home-three .offer-content {
 	background: #fff;
 	position: absolute;
 	width: 100%;
 	bottom: -150%;
 	left: 0;
 	right: 0;
 	margin: auto;
 	padding: 20px 0 0px;
 	transition: 0.6s;
 }

 .home-three .single-offer-box:hover .offer-content {
 	bottom: 0;
 }

 .home-three .offer span {
 	display: inline-block;
 	background-color: var(--title-color);
 	padding: 6px 28px;
 	font-size: 16px;
 	color: #ffffff;
 	font-weight: 700;
 	font-family: var(--body-font);
 }

 .home-three .offer-content h4 {
 	font-size: 20px;
 	line-height: 29px;
 	color: var(--title-color);
 	font-weight: 600;
 	position: relative;
 	margin-bottom: 10px;
 	padding: 0 5px
 }



 .home-three .offer-content p {
 	width: 100%;
 	margin: auto;
 	padding: 0px 15px 0;
 	overflow: hidden;
 	height: 85px;
 	margin-bottom: 15px;
 }

 .home-three .offer-content a {
 	display: inline-block;
 	background-color: var(--theme-color);
 	width: 100%;
 	padding: 12px 0;
 	font-size: 16px;
 	color: #ffffff;
 	font-weight: 500;
 	text-transform: capitalize;
 	font-family: var(--body-font);

 }

 .home-three .offer-bottom-title {

 	background: transparent;
 	border: 1px solid #6161614f;
 	border-top: transparent;
 	padding: 13px 5px 13px;
 	position: absolute;
 	bottom: 15px;
 	left: 15px;
 	right: 15px;
 	width: calc(100% - 30px);
 	background: #fff;


 }

 .home-three .single-offer-box:hover .offer-bottom-title {
 	opacity: 0 !important;
 	visibility: hidden
 }

 .home-three .offer-bottom-title h4 {
 	font-size: 20px;
 	color: var(--title-color);
 	font-weight: 600;
 	margin-bottom: 0;
 	line-height: 1.2;
 }


 /*
<!-- ====================================================-->
<!--Start Testimonial Area Home Three-->
<!-- ==================================================-->*/
 .home-three.testimonial-area {
 	background: #272727 !important;
 	padding: 101px 35px 122px;
 }

 .home-three.testimonial-area .section-title h1 {
 	color: #fff;
 }

 .home-three.testimonial-area .section-title.center h4:before {
 	left: -11%;
 	top: 20px;
 }

 .home-three.testimonial-area .section-title.center h4:after {
 	left: -14%;
 	top: 17px;
 }

 .home-three .single-testi-box {
 	background: transparent;
 	text-align: center;
 	margin: 0 34px;
 	padding: 0;
 }

 .home-three .single-testi-box:before {
 	background: transparent;
 }

 .home-three .single-testi-box:after {
 	background: transparent;
 }

 .home-three .testi-content h4 {
 	font-size: 22px;
 	line-height: 30px;
 	color: #ffffff;
 	font-weight: 600;
 	margin-top: 14px;
 }

 .home-three .testi-content p {
 	margin: 10px 0 25px;
 	position: relative;
 	font-size: 16px;
 	color: #dddddd;
 	font-style: normal;
 }

 .home-three .testi-content p:before {
 	background: transparent;
 }

 .home-three .coustomar-rating {
 	background: var(--title-color);
 	padding: 25px 17px 17px;
 }

 .home-three p.coustomar-comment {
 	color: #dddddd;
 	margin-top: 18px;
 }

 .home-three.testimonial-area .owl-prev {
 	position: absolute;
 	left: 33%;
 	bottom: 78%;
 	z-index: 1;
 }

 .home-three.testimonial-area .owl-prev i {
 	color: #B2B2B2;
 	background: transparent;
 	transition: 0.5s;
 	border: transparent;
 	font-size: 25px;
 }

 .home-three.testimonial-area .owl-prev i:after {
 	background: transparent;
 }

 .home-three.testimonial-area .owl-next {
 	position: absolute;
 	left: 65%;
 	bottom: 78%;
 	z-index: 1;
 }

 .home-three.testimonial-area .owl-next i {
 	color: #B2B2B2;
 	background: transparent;
 	transition: 0.5s;
 	border: transparent;
 	font-size: 25px;
 }

 .home-three.testimonial-area .owl-next i:after {
 	background: transparent;
 }


 /**********/


 /************/

 .Facility-sec {
 	position: relative;
 	padding: 70px 0px 70px;
 	background-attachment: fixed;
 	overflow: hidden;
 }

 .Facility-sec:before {
 	content: "";
 	background: #000000a8;
 	position: absolute;
 	top: 0;
 	left: 0;
 	right: 0;
 	bottom: 0;
 	z-index: 0;



 }

 .facilitiesWrapper {
 	border: 11px #fff solid;
 	position: relative;

 	padding: 60px 30px 40px;
 	-moz-transition: .4s;
 	-webkit-transition: .4s;
 	-ms-transition: .4s;
 	-o-transition: .4s;
 	transition: .4s;
 	width: 100%;
 	background: url(../img/facilitie-bg.jpg) no-repeat;
 	background-size: cover;
 }

 .facilitiesWrapper:hover {}

 .facilitiesWrapper:before {
 	position: absolute;
 	content: "";
 	background: #ff00004d;
 	width: 50px;
 	height: 1px;
 	right: -790px;
 	bottom: 50%;
 	margin-top: -237px;
 	width: 790px;
 }

 .facilitiesWrapper p {
 	color: #fff;

 	margin-bottom: 30px;
 }

 .viewMoreBtn {
 	background: none;
 	border: 1px #fff solid;
 	padding: 10px;
 	color: #fff !important;
 	font-size: 16px;
 	font-weight: normal;
 	display: inline-block;
 	width: 263px;
 	position: relative;
 	text-align: center;
 	border-radius: 30px;
 	padding: 14px 58px 12px 15px;
 	text-transform: uppercase;
 	font-weight: 600;
 }

 .viewMoreBtnIcon {
 	position: absolute;
 	right: 20px;
 	top: 0;
 	height: 100%;
 	padding-top: 22px;
 }

 .viewMoreBtnIcon:before {
 	position: absolute;
 	content: "";
 	height: 100%;
 	width: 1px;
 	background: #fff;
 	top: 0px;
 	left: -20px;
 }

 .facilitiesIcon {
 	margin-top: 43px;
 }

 .facilitieIconWrapper {
 	position: relative;
 	padding: 0px 15px;
 	width: 100%;
 	text-align: center;
 }

 .facilitieIconWrapperDiv {
 	position: relative;
 	top: 0;

 	margin: 0px auto 20px;
 	text-align: center
 }

 .facilitieIconWrapperDiv img {
 	height: 80px;
 }

 .servicesIcon1 {
 	-webkit-transition: all 0.5s ease-out;
 	-moz-transition: all 0.5s ease-out;
 	-ms-transition: all 0.5s ease-out;
 	-o-transition: all 0.5s ease-out;
 	transition: all 0.5s ease-out;
 	display: block;
 	margin-left: auto;
 	margin-right: auto;
 }

 .facilitieIconWrapper:hover .servicesIcon1 {
 	margin-top: -10px;
 }

 .facilitieIconWrapper h3 {
 	font-size: 17px;
 	color: var(--title-color);
 	margin-bottom: 10px;
 	text-align: center;
 }

 .facilitieIconWrapper a {
 	color: #fff;
 	text-align: center;

 	cursor: pointer
 }

 /********

*/



 /**********/

 .projject-sec {
 	padding: 80px 0 50px;
 	position: relative;
 	Background: var(--title-color)
 }

 .projject-sec .container {
 	position: relative;
 	z-index: 1
 }

 /***********/

 /************************************/

 .prod-box1 {
 	margin-bottom: 0px;
 	border-radius: 0px;
 	position: relative;
 	overflow: hidden;
 	background: transparent;
 	display: block;

 	transition: all .2s ease-in-out;

 	z-index: 1;
 	text-align: center
 }

 .prod-box1-ov {
 	position: relative;
 	cursor: pointer;
 	padding: 0px;
 	width: 100%;
 	display: block;
 	overflow: hidden;
 }

 .prod-box1 img {
 	width: 100%;
 	-webkit-transition: 0.4s ease-in-out;
 	transition: 0.4s ease-in-out;
 	height: 250px !important;
 	transition: .5s;
 	object-fit: cover;
 }

 .auccd {
 	height: calc(100% - 10px);
 	left: 5px;
 	right: 5px;
 	top: 5px;
 	bottom: 5px;
 	opacity: 1;
 	width: calc(100% - 10px);
 	position: absolute;
 	z-index: 2;
 	display: flex;
 	justify-content: center;
 	align-items: center;
 	border: 1px solid var(--white-color);
 	-webkit-transition: 0.4s ease;
 	transition: 0.4s ease;
 }

 .prod-box1:hover .auccd {
 	height: calc(100% - 30px);
 	left: 15px;
 	right: 15px;
 	top: 15px;
 	bottom: 15px;
 	width: calc(100% - 30px);
 	border: 3px solid #ffffff;

 }

 .prod-box1:hover img {
 	-webkit-transform: scale(1.1);
 	-ms-transform: scale(1.1);
 	transform: scale(1.1);
 }

 .projec-content {
 	position: absolute;
 	padding-top: 0;
 	bottom: 0;
 	text-align: center;
 	width: 100%;
 	left: 0;
 	right: 0;
 	display: none
 }

 .prod-box1:hover .projec-content {
 	display: block !important
 }

 .projec-content h2 {
 	width: 100%;
 	display: block;
 	font-size: 20px;
 	color: var(--white-color);
 	margin-bottom: 0;
 	margin-bottom: 10px;

 }

 .projec-content h2 a {
 	color: var(--white-color);
 }

 .projec-content h2 a:hover {
 	color: var(--theme-color);
 }

 .prod-box1 .icon-content {
 	padding: 0px 40px;
 	z-index: 99;
 	position: relative;
 	width: 100%;
 	position: absolute;
 	left: 40px;
 	right: 40px;
 	bottom: 5px;
 	opacity: 1;
 	width: calc(100% - 80px);
 	text-align: center;
 	-webkit-transition: 0.4s ease;
 	transition: 0.4s ease;
 }

 .prod-box1:hover .icon-content {
 	left: 30px;
 	right: 30px;
 	bottom: 30px;
 	width: calc(100% - 60px);
 }

 .prod-box1 .dlab-tilte {
 	font-size: 22px;
 	margin-bottom: 10px;
 	text-align: center;
 	background: var(--theme-color);
 	padding: 20px;
 	color: #fff;
 }

 .prod-box1:hover .dlab-tilte {
 	background: var(--theme-color);
 }

 .prod-box1 ul {
 	position: relative;
 	display: block;
 	padding: 0px;
 	margin: 0px;
 	margin-bottom: 15px;
 	columns: 2;
 	-webkit-columns: 2;
 	-moz-columns: 2;
 	-webkit-column-gap: 60px;
 	-moz-column-gap: 60px;
 	column-gap: 40px;
 }

 .prod-box1 ul li {
 	position: relative;
 	display: block;
 	color: #fff;
 	padding-left: 20px;
 }

 .prod-box1 ul li:before {
 	font-family: var(--icon-font);
 	font-weight: 900;
 	color: var(--theme-color);
 	position: absolute;
 	left: 0;
 	-webkit-transition: 0.3s ease-in-out;
 	transition: 0.3s ease-in-out;
 	content: "\f336";

 }

 .prod-box1 p {

 	margin-bottom: 15px;

 }

 .prod-box1 .dlab-separator {
 	margin-bottom: 25px;
 	margin-bottom: 25px;
 	background-color: var(--theme-color) !important;
 	margin-left: auto;
 	margin-right: auto;
 	width: 60px;
 	height: 4px;
 	display: block;
 }

 .prod-box1 .icon-content .btn {
 	background-color: var(--theme-color);
 	color: #fff;

 }

 .pd-le-title {
 	font-size: 25px;
 	margin-top: 0px;
 	font-weight: 700
 }

 .pd-le-title a {
 	color: var(--white-color)
 }

 .prod-box1 .pd-le-title a {
 	color: var(--white-color)
 }

 /******************/
 .prod-box1 p {
 	color: #fff;
 	text-align: left;
 }

 .Se-content {
 	background: linear-gradient(to right, var(--theme-color), var(--theme-color));
 	position: relative;
 	margin: -63px 40px 0;
 	padding: 30px;
 	z-index: 10;
 }


 .prod-box1 .overlay {
 	position: absolute;
 	left: 0;
 	right: 0;
 	top: 0;
 	bottom: 0;
 	background: rgba(0, 0, 0, .5);
 	display: flex;
 	justify-content: center;
 	flex-direction: column;
 	align-items: center;
 	opacity: 0;
 	transition: .5s;
 }

 .prod-box1:hover .overlay {
 	opacity: 1;
 }

 .prod-box1 .overlay p {
 	color: #fff;
 	font-size: 18px;
 	font-weight: 700;
 	text-align: center;
 }

 .prod-box1 .overlay svg {
 	transition: .5s;
 }

 .prod-box1 .overlay svg:hover,
 .prod-box1:hover img {
 	transform: scale(1.1);
 }

 /*********/
 .bb-icon {

 	position: absolute;
 	left: 0;
 	top: 0;
 	content: "";
 	width: 80px;
 	height: 80px;
 	line-height: 80px;
 	background: #fff;
 	padding: 0px;
 	text-align: center
 }

 .bb-icon img {
 	width: 64px !important;
 	height: 64px !important;
 }

 .se-bb-sec {
 	position: relative;
 	padding-left: 100px;

 }

 .ptoodff {
 	box-shadow: 0px 6px 30px rgb(191 202 212 / 5%);
 	background: transparent;
 	padding: 0px;
 	position: relative;
 	width: 100%;
 }

 .whybbsec {
 	position: relative;
 	width: 100%;
 	height: 100%
 }


 .Client-sec {
 	position: relative;
 	padding: 10px 0px 10px;
 	overflow: hidden;
 	margin-top: 0px;
 }

 .Client-sec-bg {
 	left: 0;
 	top: 0;
 	bottom: 0;
 	position: absolute;
 	content: "";
 	right: 0;
 	width: 16%;
 	height: 100%;
 	background: var(--theme-color);

 }

 .Client-sec .container {
 	position: relative;
 }

 .pp {
 	text-align: center;
 	color: #fff;
 	font-size: 30px;
 	font-weight: 600;
 	z-index: 10;
 	position: relative;
 	margin-bottom: 0
 }

 .flowbutton {
 	/* background: #fff; */

 	/* border: none; */
 	content: '';
 	display: block;
 	height: 32px;
 	/* left: 0px; */
 	position: absolute;
 	/* top: 7px; */
 	-moz-transform: rotate(45deg);
 	/* -webkit-transform: rotate(45deg); */
 	-o-transform: rotate(45deg);
 	/* transform: rotate(45deg); */
 	width: 32px;
 	z-index: 2;
 	width: 0;
 	height: 0;
 	/* border-left: 20px solid transparent; */
 	/* border-right: 20px solid transparent; */
 	top: 40%;
 	border-top: 20px solid transparent;
 	border-left: 33px solid var(--theme-color);
 	border-bottom: 20px solid transparent;
 	right: -26px;
 }

 .client-box {
 	position: relative;
 	padding: 0px 0px;
 	margin-bottom: 0px;
 	width: 100%;
 	text-align: center
 }

 .client-box a {
 	position: relative;
 	overflow: hidden;
 	cursor: pointer;
 	width: 100%;
 	display: block;
 }

 .client-box a i {
 	position: absolute;
 	top: 65px;
 	left: 50%;
 	color: var(--white-color);
 	font-size: 30px;
 	visibility: hidden;
 	opacity: 0;
 	-webkit-transform: translate(-50%, 20px);
 	-ms-transform: translate(-50%, 20px);
 	transform: translate(-50%, 20px);
 }

 .client-box a:hover i {
 	visibility: visible;
 	opacity: 1;
 	-webkit-transform: translate(-50%, -50%);
 	-ms-transform: translate(-50%, -50%);
 	transform: translate(-50%, -50%);

 }

 .client-box a img {
 	width: 100%;

 }

 .dd {
 	padding-left: 30px;
 }

 .Blog-bbsec {
 	position: relative;
 	padding: 80px 0 80px;
 	background-attachment: fixed;
 }

 .Blog-bbsec:before {
 	content: "";
 	background: #ffffffe8;
 	position: absolute;
 	top: 0;
 	left: 0;
 	right: 0;
 	bottom: 0;
 	z-index: 0;
 }

 .Blog-bbsec .container {
 	position: relative;
 	z-index: 1
 }


 /*--------------------------------------------------------------
    [ ## Blog ]
--------------------------------------------------------------*/
 /*-------------------------------------------------
    [ ### blog block ]
*/
 .blog-item {
 	position: relative;
 	width: 100%;
 	margin-bottom: 30px
 }

 .blog-section {
 	position: relative;
 }

 .blog-section .blog-element-one {
 	position: absolute;
 	left: -5%;
 	bottom: 0;
 }

 @media only screen and (max-width: 1199px) {
 	.blog-section .blog-element-one {
 		display: none;
 	}
 }

 .blog-section .blog-element-two {
 	position: absolute;
 	right: -5%;
 	bottom: 0;
 }

 @media only screen and (max-width: 1199px) {
 	.blog-section .blog-element-two {
 		display: none;
 	}
 }

 .blog-item:hover .blog-thumb img {
 	transform: scale(1.2);
 }

 .blog-thumb {
 	overflow: hidden;
 	border-radius: 0px;
 	position: relative;
 }

 .blog-thumb img {
 	width: 100%;
 	height: 100%;
 	object-fit: cover;
 	overflow: hidden;
 	transition: all 0.5s;
 }

 .bbblog .blog-thumb img {
 	height: 230px;

 }

 .blog-thumb .blog-date {
 	position: absolute;
 	top: 30px;
 	left: 30px;
 	background-color: var(--theme-color);
 	padding: 5px 10px;
 	font-size: 15px;
 	color: white;
 	border-radius: 3px;
 	font-weight: 500;
 }

 .blog-content {
 	padding-top: 5px;
 }

 .blog-content .title {
 	font-weight: 600;
 	font-size: 21px;
 	line-height: 1.5;
 	margin-bottom: 5px;
 	color: var(--title-color);
 	margin-top: 10px;
 }

 .blog-content .title a {
 	transition: all 0.5s;
 	color: var(--title-color);
 }

 .blog-content .title a:hover {
 	color: var(--theme-color);
 }

 @media only screen and (max-width: 991px) {
 	.blog-content .title {
 		line-height: 1.5;
 		font-size: 18px;
 	}
 }

 .blog-post-meta {
 	margin-bottom: 15px;
 }

 .blog-post-meta span {
 	color: #707070;
 	font-size: 15px;
 	font-weight: 500;
 }

 @media only screen and (max-width: 991px) {
 	.blog-post-meta span {
 		font-size: 13px;
 	}
 }

 .blog-post-meta .user {
 	margin-right: 20px;
 }

 .blog-post-meta .category {
 	color: var(--theme-color);
 }

 .blog-section-two {
 	background-color: #F5F5F5;
 }

 .blog-section-two .blog-item {
 	display: flex;
 	flex-direction: column;
 }

 .blog-section-two .blog-content {
 	background-color: white;
 	padding: 20px;
 	border-radius: 10px;
 	margin-top: 30px;
 }

 .blog-section-two .blog-content .title {
 	margin-bottom: 15px;
 }






 /***********/

 .footer-info {
 	position: relative;
 	margin: 0 0 14px 0;
 	display: -webkit-box;
 	display: -webkit-flex;
 	display: -ms-flexbox;
 	display: block;
 	-webkit-box-align: center;
 	-webkit-align-items: center;
 	-ms-flex-align: center;
 	align-items: center;
 	-webkit-box-flex: 1;
 	-webkit-flex: 1;
 	-ms-flex: 1;
 	flex: 1;
 	padding: 0 0 0 30px;
 	max-width: 100%;
 	color: #fff;
 	font-size: 16px;
 	line-height: 24px;
 }

 .footer-info:last-child {
 	margin-bottom: 0
 }

 .footer-info i {
 	display: inline-block;
 	width: 28px;
 	height: 28px;
 	line-height: 28px;
 	text-align: center;
 	background: transparent;
 	color: var(--white-color);
 	position: absolute;
 	left: 0;
 	font-size: 15px;
 	border-radius: 50%;
 	top: 0;

 }

 .footer-info a {
 	color: #fff;

 }

 .footer-info a:hover {
 	color: var(--theme-color)
 }

 .newsletter-form input::placeholder {
 	color: #000 !important
 }



 .ssblog {
 	padding-right: 40px
 }

 .ssblog .blog-thumb img {
 	height: 413px
 }

 /*********/
 .wguuubgs {
 	position: absolute;
 	width: 100%;
 	width: 678px;
 	height: 678px;
 	border-radius: 50%;
 	margin: 0 auto;
 	-webkit-border-radius: 50%;
 	-moz-border-radius: 50%;
 	-ms-border-radius: 50%;
 	-o-border-radius: 50%;
 	left: 0;
 	right: 0;
 	width: 530px;
 	height: 530px;
 }

 .wguuubgs:before {
 	opacity: .2;
 	width: calc(100% + 300px);
 	height: calc(100% + 300px);

 }

 .wguuubgs:before,
 .wguuubgs:after {
 	background-color: var(--theme-color);
 	content: "";
 	position: absolute;
 	top: 50%;
 	left: 50%;
 	transform: translate(-50%, -50%);
 	-webkit-transform: translate(-50%, -50%);
 	-moz-transform: translate(-50%, -50%);
 	-ms-transform: translate(-50%, -50%);
 	-o-transform: translate(-50%, -50%);
 	border-radius: 50%;
 	-webkit-border-radius: 50%;
 	-moz-border-radius: 50%;
 	-ms-border-radius: 50%;
 	-o-border-radius: 50%;

 }

 .wguuubgs:after {
 	opacity: .2;
 	width: calc(100% + 400px);
 	height: calc(100% + 400px);
 }

 .wguuubgssub {
 	position: relative;
 	text-align: center;
 	margin: 0px auto;
 	width: 100%;
 	height: 100%;
 	background-color: var(--theme-color);
 	border-radius: 50%;
 	-webkit-border-radius: 50%;
 	-moz-border-radius: 50%;
 	-ms-border-radius: 50%;
 	-o-border-radius: 50%;
 	position: relative;
 }

 .wguuubgssub:before,
 .wguuubgssub:after {
 	background-color: var(--theme-color);
 	content: "";
 	position: absolute;
 	top: 50%;
 	left: 50%;
 	transform: translate(-50%, -50%);
 	-webkit-transform: translate(-50%, -50%);
 	-moz-transform: translate(-50%, -50%);
 	-ms-transform: translate(-50%, -50%);
 	-o-transform: translate(-50%, -50%);
 	border-radius: 50%;
 	-webkit-border-radius: 50%;
 	-moz-border-radius: 50%;
 	-ms-border-radius: 50%;
 	-o-border-radius: 50%;
 }

 .wguuubgssub:before {
 	opacity: .4;
 	width: calc(100% + 200px);
 	height: calc(100% + 200px);
 }

 .wguuubgssub:after {
 	opacity: .4;
 	width: calc(100% + 100px);
 	height: calc(100% + 100px);
 }

 .ccosec h3 {
 	margin-bottom: 0px;
 	font-size: 19px;
 	margin-top: 0px;
 	color: #fff;
 }

 .ccosec h3 a {
 	color: #fff
 }


 .ccosec h3 a:hover {
 	color: #000
 }

 .tab-heading {
 	display: inline-block;
 	position: relative
 }

 .tab-heading h2 {
 	width: max-content;
 	margin-bottom: 0;
 	color: var(--theme-color);
 	font-size: 35px
 }

 .About-menu {
 	display: block;
 	position: relative;
 	text-align: center;
 	padding: 0;
 	margin: 0;
 	padding: 0;
 	margin-bottom: 0;
 	margin-top: 0;
 }

 .About-menu li {
 	display: inline-block;
 	position: relative;
 	margin: 0px 10px 0;
 	list-style: none;
 }

 .About-menu li a {
 	color: var(--theme-color2);
 	font-size: 18px;
 	font-weight: 600;
 	padding-left: 0px;
 	border: 1px solid var(--theme-color2);
 	background: transparent;
 	color: var(--theme-color2);
 	border-radius: 12px;
 	padding: 15px 20px;
 	display: block;
 }

 .About-menu li a.active {
 	color: #ffffff !important;
 	border: unset;
 	border: 1px solid var(--theme-color2);
 	background: var(--theme-color2);
 	border-bottom: unset;

 }

 .About-menu li a.active img {
 	-webkit-filter: brightness(0) invert(1);
 	filter: brightness(0) invert(1);
 }

 .aucc-tab {
 	position: relative
 }

 .inner-blog .blog-thumb img {
 	height: 246px
 }

 .Blog-bbsec-inner {
 	position: relative;
 	padding: 70px 0 40px;
 }

 .Blog-bbsec-inner-d {
 	position: relative;
 	padding: 60px 0 30px;
 }

 .Work-sec.Work-sec-inner {
 	position: relative;
 	padding: 70px 0 0px;
 }

 .Blog-ddsec {
 	position: relative;
 	padding: 60px 0 60px;
 	background: #f9fff3;
 }


 .Blog-ddsec .container {
 	position: relative
 }


 /**********/

 .Testi-bbsec:before {
 	content: "";
 	background: #0000002b;
 	position: absolute;
 	top: 0;
 	left: 0;
 	right: 0;
 	bottom: 0;
 	z-index: 0;
 }

 .Testi-bbsec {
 	position: relative;
 	padding: 60px 0 30px;
 	background-attachment: fixed;
 }

 .Testi-bbsec .container {
 	position: relative
 }

 .clients-bbsec {
 	position: relative;
 	padding: 60px 0 30px
 }

 .brand-slide {
 	border-radius: 20px;
 	background: #fff;
 	padding: 15px 10px;
 	display: block;
 	box-shadow: 0px 20px 50px 0px rgb(0 0 0 / 20%);
 	text-align: center;
 	position: relative;
 	width: 100%;
 	margin-bottom: 30px;
 }

 .brand-slide a {
 	position: relative;
 	cursor: pointer;
 	display: block;
 }

 @media only screen and (min-width: 992px) {
 	.cc-client .col-lg-2 {
 		width: 20%;
 	}
 }

 .About-a-img h4 {
 	background: var(--theme-color);
 	color: #fff;
 	padding: 24px 30px;
 	border-radius: 0 60px 3 60px;
 	position: absolute;
 	bottom: 0;
 	right: 0;
 	margin-bottom: 0;
 	font-size: 20px;
 	border-radius: 0 60px 0 60px;
 }

 .About-a-img {
 	position: relative
 }

 .mission-visionsec {
 	position: relative;
 	padding: 60px 0px 30px
 }


 .movi-ss {
 	position: relative;
 	color: #fff;
 	width: 100%;
 	padding: 40px 0px 30px;
 	border-radius: 5px;
 	width: 100%;
 	position: relative;
 	background-color: var(--white-color) !important;
 }

 .movi-ss h4 {
 	margin-bottom: 10px;
 	font-size: 24px;
 }

 .movi-ss p {
 	padding: 0px 30px;
 	font-weight: 500;
 	text-align: justify;
 }

 .cmedia-icon {
 	margin: 0px auto;
 	position: relative;
 	margin-bottom: 15px;
 	background: var(--theme-color);
 	width: 75px;
 	height: 75px;
 	border-radius: 50%;
 	line-height: 75px;
 }

 .cmedia-icon img {
 	width: 50px;
 	height: 50px
 }

 .movi-ss:after {
 	content: '';
 	display: block;
 	position: absolute;
 	z-index: 2;
 	width: 0;
 	height: 0;
 	bottom: -30px;
 	border-left: 26px solid transparent;
 	border-top: 31px solid var(--white-color);
 	border-right: 26px solid transparent;
 	right: 47%;

 }

 .movi-ss.bgn-title:after {
 	border-top: 31px solid var(--white-color);

 }

 .Infullt {
 	width: 100%;
 	position: relative;
 	margin-bottom: 0px;
 	padding: 0;
 }

 .ser-lbg {
 	margin-bottom: 48px;
 	padding-bottom: 5px;
 	border-bottom: 1px solid #cccccca3;
 }

 .Infullt .inimgaget {
 	float: right;
 	padding-left: 30px;
 	padding-right: 15px;
 	margin-bottom: 15px;
 	position: relative;
 	display: block;
 	margin-top: 10px;

 }

 .Infullt .inimgsect {
 	padding-left: 0px;
 	padding-bottom: 10px;
 	position: relative;
 	display: block;
 	border-radius: 8px;
 	overflow: hidden;
 }






 .Infullt .inimgsect img {
 	width: 100%;
 	padding-left: 0px;
 	margin-bottom: 0px;
 	border-radius: 8px;
 	margin-top: 0px;
 	transition: all 0.25s ease;
 }

 .Infullt .serright .inimgsect img:hover {
 	transform: scale(1.25);
 }






 .Infullt .indescriptiont {
 	padding: 0px 15px;
 	width: 100%;
 	margin-bottom: 15px;
 }



 .Infullt .indescriptiont p {

 	margin-bottom: 15px;
 }

 .Infullt .indescriptiont h3 {
 	font-size: 22px;
 	margin-top: 20px;
 	font-weight: 700;
 }

 .Services-bbsec {
 	position: relative;
 	padding: 60px 0 30px
 }

 .sblog-card {
 	background-color: var(--white-color);
 	position: relative;
 	z-index: 3;
 	padding: 30px;
 	border-radius: 30px;
 	box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.06);
 	width: 100%;
 	margin-bottom: 30px
 }

 .sblog-card .sblog-img {
 	position: relative;
 	border-radius: 10px;
 	overflow: hidden
 }

 .sblog-card .sblog-img:before {
 	position: absolute;
 	top: 0;
 	left: -100%;
 	display: block;
 	content: '';
 	width: 50%;
 	height: 100%;
 	background: rgba(255, 255, 255, 0.2);
 	-webkit-transform: skewX(25deg);
 	-ms-transform: skewX(25deg);
 	transform: skewX(25deg);
 	z-index: 2
 }

 .sblog-card .sblog-img img {
 	width: 100%;
 	-webkit-transition: all 0.4s ease;
 	transition: all 0.4s ease;
 	height: 300px;
 	object-fit: cover;
 }

 .sblog-card .sbox-title {
 	margin-bottom: 8px;
 	margin-top: 15px;
 	padding-right: 0px;
 	font-size: 20px;
 	font-weight: 700;
 }

 .sblog-card .sbox-title a {
 	color: var(--title-color)
 }

 .sblog-card:hover .sbox-title a {
 	color: var(--theme-color)
 }

 .sblog-card .sblog-content {
 	position: relative
 }


 /********/

 /*********/

 .Proprt-d-inner {
 	position: relative;
 	padding: 60px 0px 30px
 }

 .product-detail-innersec {
 	position: relative;
 	padding: 60px 0px 60px;
 	width: 100%;
 	background-position: top center;
 	background: linear-gradient(to right, var(--theme-color) 0%, var(--theme-color) 100%);
 }

 .pr-le {
 	position: relative;
 }

 .pr-le p {
 	font-weight: 500
 }



 .Video-d-sec {
 	padding: 60px 0px 0px;
 	position: relative;
 	background: #2e2e62;
 }

 .Video-d-sec .row {
 	margin-top: -280px;
 }

 .download-video {
 	text-align: center;
 	position: relative;
 	width: 100%;
 	box-shadow: 0px 20px 50px 0px rgb(0 0 0 / 20%);
 	margin-bottom: 30px;
 	background: #fff;

 }

 .d-video-hover {
 	width: 100%;

 	position: absolute;
 	left: 0;
 	right: 0;
 	top: 40%;
 	text-align: center;
 }

 .d-video-hover .play-btn {}

 /**********/
 .Teatmentinner-sec-inn {
 	position: relative;
 	padding: 80px 0px 30px;
 	background: #4f2c7c0d;
 	margin-top: -59px;
 }

 .Infullt {
 	width: 100%;
 	position: relative;
 	margin-bottom: 0px;
 	padding: 0;
 }

 .ser-lbg {
 	margin-bottom: 48px;
 	padding-bottom: 5px;
 	border-bottom: 1px solid #cccccca3;
 }

 .Infullt .inimgaget {
 	float: right;
 	padding-left: 30px;
 	padding-right: 15px;
 	margin-bottom: 15px;
 	position: relative;
 	display: block;
 	margin-top: 10px;

 }

 .Infullt .inimgsect {
 	padding-left: 0px;
 	padding-bottom: 10px;
 	position: relative;
 	display: block;
 	border-radius: 8px;
 	overflow: hidden;
 }






 .Infullt .inimgsect img {
 	width: 100%;
 	padding-left: 0px;
 	margin-bottom: 0px;
 	border-radius: 8px;
 	margin-top: 0px;
 	transition: all 0.25s ease;
 }

 .Infullt .serright .inimgsect img:hover {
 	transform: scale(1.25);
 }






 .Infullt .indescriptiont {
 	padding: 0px 15px;
 	width: 100%;
 	margin-bottom: 15px;
 }



 .Infullt .indescriptiont p {

 	margin-bottom: 15px;
 }

 .Infullt .indescriptiont h3 {
 	font-size: 22px;
 	margin-top: 20px;
 	font-weight: 700;
 }

 .Infullt .indescriptiont ul {
 	position: relative;
 	display: block;
 	padding: 0;
 	margin: 0;
 	margin-bottom: 10px;
 }

 .Infullt .indescriptiont ul li {
 	position: relative;
 	display: block;
 	padding-left: 20px;
 	list-style: none;
 	font-size: 15px;
 	line-height: 28px;
 	margin-bottom: 10px;
 }

 .Infullt .indescriptiont ul li:before {
 	font-family: var(--icon-font);
 	font-weight: 900;
 	color: var(--theme-color);
 	position: absolute;
 	left: 0;
 	-webkit-transition: 0.3s ease-in-out;
 	transition: 0.3s ease-in-out;
 	content: "\f336";
 }

 /*********/

 .Acttdetail-mainsec {
 	padding: 60px 0 60px
 }






 h2.sec-title.text-capitalize.faq-title {
 	font-size: 39px;
 }

 h2.sec-title.mail-h2 {
 	color: var(--theme-color);
 }

 .hero-text p {
 	color: #fff !important;
 }


 .text-small {
 	font-size: .85em;
 }

 .text-tiny {
 	font-size: .7em;
 }

 .text-big {
 	font-size: 1.4em;
 }

 .text-huge {
 	font-size: 1.8em;
 }

 .short-content a:hover {
 	color: red;
 }

 .short-content p a:hover {
 	color: red;
 }



 .long-content a:hover {
 	color: red;
 }

 .long-content a,
 .short-content a {
 	color: #d52b2b;
 }

 .footercontent-div {
 	margin-top: 34px;
 	margin-bottom: 52px;
 }











 .mtabcontent .row {
 	margin-left: -9px;
 	margin-right: -9px;
 }

 .mtabcontent .col-lg-3 {
 	padding-left: 9px;
 	padding-right: 9px;
 }

 .client-dd {
 	background-color: #8080808a !important;
 }

 .about-ul li:before {
 	content: "★";
 	color: var(--theme-color);
 	margin-right: 5px;
 	font-size: 16px;
 }

 .about-ul li {
 	color: var(--body-color);
 	text-align: left;
 	list-style-type: none;
 	font-family: var(--body-font);
 	font-weight: 500;
 }



 .contact-ul li:before {
 	content: "★";
 	color: var(--theme-color);
 	margin-right: 5px;
 	font-size: 16px;
 }

 .contact-ul li {
 	color: var(--white-color);
 	text-align: left;
 	list-style-type: none;
 	font-family: var(--body-font);
 	font-weight: 500;
 }


 .contact-hover:hover ul li {
 	color: black !important;
 }

 p span,
 p {
 	background-color: unset !important;
 }

 .header-layout2 .main-menu>ul>li>a.active {
 	/*color: var(--theme-color);*/
	color: green;
 }

 .service-banner-title {
 	font-size: 33px;
 }

 h2.sec-title.servicedetail-title {
 	font-size: 30px;
 }



 .landing_slider,
 .landing_slider .landing_video {
 	position: relative;
 	z-index: 1
 }

 .landing_slider .landing_video .main_bg {
 	height: 100vh;
 	width: 100%
 }

 .img-object-cover,
 .landing_slider .landing_video video {
 	max-width: 100%;
 	max-height: 100%;
 	object-fit: cover;
 }

 .landing_slider .landing_video video {
 	width: 100%;
 	height: 100vh;
 	display: block
 }

 .landing_slider .landing_video:before {
 	content: '';
 	position: absolute;
 	width: 100%;
 	height: 100vh;
 	left: 0;
 	right: 0;
 	top: 0;
 	bottom: 0;
 	background: linear-gradient(190deg, rgba(0, 0, 0, .2) 50%, #000 100%);
 	z-index: 0;
 }

 .fifa {
 	position: absolute;
 	right: 100px;
 	bottom: 30px;
 }

 .fifa .main_fifa {
 	background: #000;
 	color: #fff;
 	padding: 12px 12px 12px 0;
 }

 .fifa .main_fifa .fifa_yellow {
 	background: var(--theme-color);
 	padding: 15px;
 	color: #000;
 	margin: -2px 0px;
 	margin-right: 10px;
 }

 .landing_slider .landing_video .content {
 	position: absolute;
 	left: 0;
 	right: 0;
 	bottom: 5%;
 	width: 100%;
 	padding: 0px;
 	overflow: hidden;
 }


 .Blog-bbsec .title-area .sec-title {
 	margin-bottom: 10px;
 	font-size: 43px;
 	font-size: 66px;
 	font-weight: 800;
 	text-transform: uppercase;
 }

 .Boosecs {
 	background: #ffcb05;
 	padding-top: 90px;
 	padding-bottom: 80px;

 	position: relative;
 	width: 100%;

 }

 .Boosecs .title-area .sec-title {

 	font-size: 70px;

 }

 .Boosecs p {
 	font-weight: 500
 }

 /**********/
 .Client-sec .slider-shadow .slick-list {
 	padding-top: 0px !important;
 	padding-bottom: 0px !important;
 	margin-bottom: 0;
 	margin-top: 0;
 }

 .brocab {
 	position: absolute;
 	bottom: -24px;
 	right: 13px;
 }

 .Gg-galrtsec {
 	position: relative;
 	padding: 80px 0 80px;
 	background: var(--title-color);
 }

 .Gg-galrtsec .container-fluid {
 	margin-left: 0;
 	margin-right: 0;
 }

 .gg-box {
 	position: relative;
 	width: 100%;
 	border-radius: 16px;
 }

 .gg-box img {
 	object-fit: cover;
 	height: 441px;
 	width: 100%;

 }

 .gg-box a {
 	position: relative;
 	width: 100%;
 	cursor: pointer
 }


 /**********/

 .sto-left {
 	position: relative;
 	padding: 0 0 0;
 	margin-top: 30px
 }

 .sto-left p {
 	color: #fff;

 	font-size: 16px
 }

 .sto-right {
 	position: relative;
 	padding: 0 0 0;
 	margin-top: 30px
 }


 .comt-box {
 	position: relative;
 	Background: var(--theme-color);
 	padding: 15px;
 	margin-top: 30px;
 	border-radius: 10px;
 }

 .comt-box h4 {
 	color: #fff;
 	font-size: 26px;
 	margin-bottom: 15px;
 	text-align: center;
 	padding: 5px 0;
 }

 .cugh {
 	Background: var(--white-color);
 	padding: 20px;
 }

 .cugh-shadow {
 	background-color: #fee5ff;
 	border: 1px solid rgba(60, 49, 58, 0.1);
 	padding: 10px 20px;
 	margin-bottom: 10px;
 	box-shadow: 1px 1px 5px rgba(60, 49, 58, 0.2);
 	-webkit-box-shadow: 1px 1px 5px rgba(60, 49, 58, 0.2);
 }

 .comt-box ul {
 	position: relative;
 	display: block;
 	margin: 0;
 	padding: 0
 }

 .comt-box li {
 	background-color: #fff2c1;
 	border: 1px solid rgba(60, 49, 58, 0.1);
 	padding: 10px 20px;
 	margin-bottom: 10px;
 	box-shadow: 1px 1px 5px rgba(60, 49, 58, 0.2);
 	-webkit-box-shadow: 1px 1px 5px rgba(60, 49, 58, 0.2);
 	font-weight: 500;
 	font-size: 15px;
 	list-style: none;
 	position: relative;
 	display: block;
 	color: var(--title-color);
 }

 .cugh-shadow p {
 	font-weight: 600;
 	font-size: 19px;
 }

 /*******/

 .logoic {
 	margin-right: -20px;

 }


 /***********/



 .marquee-section {
 	position: relative;
 	padding: 20px 0;
 	margin-top: -2px
 }

 .marquee {
 	position: relative;
 	--duration: 120s;
 	--gap: 0px;
 	display: flex;
 	overflow: hidden;
 	-webkit-user-select: none;
 	user-select: none;
 	gap: var(--gap);
 }

 .marquee .marquee-group {
 	flex-shrink: 0;
 	display: flex;
 	align-items: center;
 	gap: var(--gap);
 	min-width: 100%;
 	animation: scroll var(--duration) linear infinite;
 	margin-bottom: 0
 }

 .marquee li {
 	position: relative;
 	color: var(--white-color);
 	font-size: 43px;
 	font-weight: 600;
 	line-height: 1.3;
 	padding-right: 60px;
 	list-style: none;
 	text-transform: unset;
 	margin-bottom: 0;
 	padding-left: 20px
 }

 .marquee li:nth-child(odd) {
 	color: var(--white-color);
 }

 .marquee li:nth-child(even) {
 	color: var(--title-color);
 }

 .marquee li:before {
 	content: '';
 	position: absolute;
 	left: 0px;
 	bottom: 23px;
 	width: 14px;
 	height: 14px;
 	border-radius: 50%;
 	background: var(--title-color);
 }

 .marquee li:nth-child(odd):before {
 	background: var(--title-color);
 }

 .marquee li:nth-child(even):before {
 	background: var(--title-color);
 }

 .marquee li a {
 	color: var(--title-color);
 	text-transform: capitalize;
 }

 .marquee .icon {
 	position: relative;
 	color: var(--theme-color-light);
 	font-size: 30px;
 	font-weight: 700;
 	line-height: 1em;
 	margin-right: 50px;
 	transition: all 300ms ease;
 }

 @media (prefers-reduced-motion: reduce) {
 	.marquee .marquee-group {
 		animation-play-state: play;
 	}
 }

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

 	100% {
 		transform: translateX(calc(-100% - var(--gap)));
 	}
 }

 /***

====================================================================
    Marquee Section Two
====================================================================

***/
 .marquee-section-two {
 	position: relative;
 	padding: 20px 0;
 }

 .marquee-section-two:before {
 	content: "";
 	position: absolute;
 	left: 0;
 	top: 50%;
 	height: 90px;
 	width: 100%;
 	background-color: var(--theme-color1);
 	pointer-events: none;
 	transform: translateY(-50%);
 }

 .marquee-two {
 	position: relative;
 	--duration: 30s;
 	--gap: 0px;
 	display: flex;
 	overflow: hidden;
 	-webkit-user-select: none;
 	user-select: none;
 	gap: var(--gap);
 	background: var(--theme-color-light);
 	padding: 30px 0;
 	transform: rotate(-1.33deg);
 	box-shadow: 0px 10px 60px 0px rgba(171, 171, 171, 0.25);
 }

 @media (max-width: 767.98px) {
 	.marquee-two {
 		padding: 20px 0;
 	}
 }

 .marquee-two .marquee-group {
 	flex-shrink: 0;
 	display: flex;
 	align-items: center;
 	gap: var(--gap);
 	min-width: 100%;
 	animation: scroll var(--duration) linear infinite;
 }

 .marquee-two .text {
 	position: relative;
 	color: var(--theme-color);
 	font-size: 40px;
 	font-weight: 500;
 	line-height: 1;
 	padding-right: 105px;
 	font-family: var(--title-font);
 }

 @media (max-width: 767.98px) {
 	.marquee-two .text {
 		font-size: 20px;
 		padding-right: 70px;
 	}
 }

 .marquee-two .image-1 {
 	position: relative;
 	margin-right: 29px;
 	line-height: 1em;
 	margin-bottom: 0;
 	top: 2px;
 }

 .marquee-two .image-1 img {
 	width: 40px;
 }

 .marquee-two .icon {
 	position: relative;
 	color: var(--theme-color);
 	font-size: 24px;
 	font-weight: 900;
 	line-height: 1em;
 	margin-right: 10px;
 	transform: rotate(-45deg);
 	transition: all 300ms ease;
 }

 @media (prefers-reduced-motion: reduce) {
 	.marquee-two .marquee-group {
 		animation-play-state: play;
 	}
 }

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

 	100% {
 		transform: translateX(calc(-100% - var(--gap)));
 	}
 }



 .Round-ve1 {
 	position: relative;
 	margin-top: 20px;
 	border-radius: 30px;
 }

 .Round-ve1 img {
 	border-radius: 30px;
 }

 .Round-ve2 {
 	position: relative;
 	margin-bottom: 40px;
 	border-radius: 30px;
 	margin-top: 10px;
 }

 .Round-ve2 img {
 	border-radius: 30px;
 }



 /***********/


 .Rentel-area-sec {
 	position: relative;
 	padding: 70px 0 40px
 }

 .Rentel-area-sec .title-area .sec-title {

 	font-size: 70px;

 }


 /**********/

 .th-product {
 	text-align: center;
 	-webkit-transition: all ease 0.4s;
 	transition: all ease 0.4s;
 	background-color: transparent;
 	border-radius: 0px;
 	padding: 0px;
 	padding-bottom: 0;
 	width: 100%;
 	position: relative;
 	margin-bottom: 40px;

 	position: relative;
 	padding: 10px 10px 10px;
 	text-align: left;
 	width: 100%;
 	margin: 0px auto 40px;
 	border-radius: 16px;
 	Background: #fff;
 	box-shadow: 0px 3px 7px 4px #22222259;
 	text-align: center;
 }

 .th-product .product-title {
 	font-size: 22px;
 	margin: 0px 0 0px 0;
 	font-weight: 700;
 	line-height: 1.2;
 }

 .th-product .product-title a {
 	color: inherit
 }

 .th-product .product-title a:hover {
 	color: var(--theme-color)
 }

 .th-product .product-category {
 	color: var(--body-color);
 	margin-bottom: 0px;
 	display: block
 }

 .th-product .product-category:hover {
 	color: var(--theme-color)
 }

 .th-product .product-tag {
 	font-size: 14px;
 	position: absolute;
 	top: 10px;
 	left: 10px;
 	background-color: var(--theme-color);
 	color: var(--white-color);
 	padding: 0 12px;
 	min-width: 60px;
 	z-index: 3;
 	border-radius: 5px;
 	line-height: 24px
 }

 .th-product .woocommerce-product-rating {
 	display: -webkit-inline-box;
 	display: -webkit-inline-flex;
 	display: -ms-inline-flexbox;
 	display: inline-flex;
 	-webkit-box-align: center;
 	-webkit-align-items: center;
 	-ms-flex-align: center;
 	align-items: center;
 	gap: 5px;
 	margin-top: 8px;
 	margin-bottom: 5px
 }

 .th-product .star-rating {
 	margin: 0 auto 0 auto;
 	width: 93px
 }

 .th-product .price {
 	display: block;
 	color: var(--theme-color);
 	font-weight: 600;
 	margin-bottom: 0;
 	font-family: var(--body-font);
 	font-size: 15px;
 }

 .th-product .price del {
 	margin-left: 10px;
 	color: #a9a9a9
 }

 .th-product .product-img {
 	--space: 0px;
 	background-color: var(--smoke-color);
 	overflow: hidden;
 	position: relative;
 	margin: 0 0 15px 0;
 	text-align: center;
 	background-color: #fff;
 	z-index: 2;
 	border-radius: 12px;
 	box-shadow: 0px 3px 15px rgb(0 0 0 / 17%);
 }

 .th-product .product-img:before {
 	--space: 0px;
 	content: '';
 	height: calc(100% - var(--space)*2);
 	width: calc(100% - var(--space)*2);
 	border-radius: inherit;
 	position: absolute;
 	top: var(--space);
 	left: var(--space);
 	background-color: var(--theme-color);
 	z-index: 1;
 	-webkit-transform: scaleX(0);
 	-ms-transform: scaleX(0);
 	transform: scaleX(0);
 	visibility: hidden;
 	opacity: 0;
 	-webkit-transition: 0.4s ease-in-out;
 	transition: 0.4s ease-in-out
 }

 .th-product .product-img img {
 	width: 100%;
 	-webkit-transition: all ease 0.4s;
 	transition: all ease 0.4s;
 	-webkit-transform: scale(1);
 	-ms-transform: scale(1);
 	transform: scale(1);
 	height: 19vw;
    /*max-height: 236px;*/

    object-fit: cover;
 }

 .th-product .actions {
 	height: 100%;
 	position: absolute;
 	top: 5px;
 	right: 10px;
 	text-align: center;
 	z-index: 3;
 	opacity: 0;
 	visibility: hidden;
 	-webkit-transition: 0.4s ease-in-out;
 	transition: 0.4s ease-in-out;
 	display: grid;
 	-webkit-align-content: center;
 	-ms-flex-line-pack: center;
 	align-content: center;
 	width: 40px
 }

 .th-product .actions .icon-btn {
 	--btn-size: 40px;
 	font-size: 14px;
 	border-color: var(--white-color);
 	box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.05);
 	color: var(--title-color);
 	border-radius: 99px;
 	margin-bottom: 10px;
 	box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.08)
 }

 .th-product .actions .icon-btn:hover {
 	color: var(--white-color);
 	border-color: var(--theme-color)
 }

 .th-product .actions>* {
 	margin: 0 0
 }

 .th-product .actions>*>a {
 	margin: 0
 }

 .th-product .icon-btn {
 	-webkit-transform: translateX(30px);
 	-ms-transform: translateX(30px);
 	transform: translateX(30px);
 	-webkit-transition: 0.4s ease-in-out;
 	transition: 0.4s ease-in-out
 }

 .th-product .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt,
 .th-product .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt {
 	width: 40px;
 	height: 40px;
 	line-height: 40px;
 	display: inline-block
 }

 .th-product .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt::before,
 .th-product .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt::before {
 	position: relative;
 	top: 0;
 	left: 0;
 	line-height: inherit;
 	margin: 0;
 	font-size: 24px
 }

 .th-product .tinv-wishlist a {
 	display: inline-block;
 	width: 40px;
 	height: 40px;
 	line-height: 40px;
 	background-color: var(--white-color);
 	color: var(--title-color);
 	border-radius: 50%
 }

 .th-product .tinv-wishlist a:hover {
 	background-color: var(--theme-color);
 	color: var(--white-color)
 }

 .th-product .add_to_cart_button.added {
 	display: none
 }

 .th-product .added_to_cart {
 	display: block;
 	width: 40px;
 	height: 40px;
 	line-height: 38px;
 	background-color: var(--title-color);
 	color: var(--white-color);
 	font-size: 0;
 	text-align: center;
 	border-radius: 99px;
 	border: none;
 	margin-bottom: 10px
 }

 .th-product .added_to_cart:after {
 	content: "\f07a";
 	position: relative;
 	font-family: var(--icon-font);
 	font-size: 16px;
 	font-weight: 700
 }

 .th-product .added_to_cart:hover {
 	background-color: var(--theme-color);
 	color: var(--white-color)
 }

 .th-product .action-btn {
 	background-color: var(--white-color);
 	font-size: 14px;
 	font-family: var(--title-font);
 	text-transform: uppercase;
 	font-weight: bold;
 	display: inline-block;
 	padding: 13px 25px
 }

 .th-product:hover .product-img img {
 	-webkit-transform: scale(1.1);
 	-ms-transform: scale(1.1);
 	transform: scale(1.1)
 }

 .th-product:hover .product-img:before {
 	-webkit-transform: scaleX(1);
 	-ms-transform: scaleX(1);
 	transform: scaleX(1);
 	visibility: visible;
 	opacity: 0.25
 }

 .th-product:hover .actions {
 	margin-top: 0;
 	opacity: 1;
 	visibility: visible
 }

 .th-product:hover .icon-btn {
 	-webkit-transform: translateY(0);
 	-ms-transform: translateY(0);
 	transform: translateY(0)
 }

 .th-product.list-view {
 	display: -webkit-box;
 	display: -webkit-flex;
 	display: -ms-flexbox;
 	display: flex;
 	text-align: left;
 	height: 100%;
 	padding: 10px
 }

 .th-product.list-view .product-img {
 	--space: 0px;
 	width: 100%;
 	width: 87px;
 	margin: 0;
 	border-radius: 10px
 }

 .th-product.list-view .product-img:before {
 	--space: 0px
 }

 .th-product.list-view .product-category {
 	font-size: 13px;
 	line-height: 23px;
 	margin-top: -3px
 }

 .th-product.list-view .star-rating {
 	margin: 5px 0 0 0;
 	width: 93px;
 	font-size: 12px
 }

 .th-product.list-view .product-content {
 	-webkit-box-flex: 1;
 	-webkit-flex: 1;
 	-ms-flex: 1;
 	flex: 1;
 	display: -webkit-box;
 	display: -webkit-flex;
 	display: -ms-flexbox;
 	display: flex;
 	-webkit-box-align: center;
 	-webkit-align-items: center;
 	-ms-flex-align: center;
 	align-items: center;
 	-webkit-box-orient: vertical;
 	-webkit-box-direction: normal;
 	-webkit-flex-direction: column;
 	-ms-flex-direction: column;
 	flex-direction: column;
 	-webkit-box-pack: center;
 	-webkit-justify-content: center;
 	-ms-flex-pack: center;
 	justify-content: center;
 	-webkit-box-align: start;
 	-webkit-align-items: flex-start;
 	-ms-flex-align: start;
 	align-items: flex-start;
 	padding: 0 4px 0 13px
 }

 .th-product.list-view .actions {
 	--icon-gap-x: 2px;
 	width: 100%;
 	right: 0;
 	text-align: center;
 	-webkit-box-pack: center;
 	-webkit-justify-content: center;
 	-ms-flex-pack: center;
 	justify-content: center
 }

 .th-product.list-view .actions .icon-btn {
 	--btn-size: 36px;
 	--btn-font-size: 14px;
 	background-color: var(--theme-color2);
 	color: var(--white-color);
 	border: none
 }

 .th-product.list-view .actions .icon-btn:hover {
 	background-color: var(--title-color)
 }

 .th-product.list-view .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt,
 .th-product.list-view .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt {
 	width: 35px;
 	height: 35px;
 	line-height: 35px
 }

 .th-product.list-view .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt::before,
 .th-product.list-view .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt::before {
 	font-size: 20px
 }

 .th-product.list-view .tinv-wishlist a {
 	width: 35px;
 	height: 35px;
 	line-height: 35px
 }

 .th-product.list-view .added_to_cart {
 	width: 35px;
 	height: 35px;
 	line-height: 35px
 }

 .th-product.list-view .added_to_cart:after {
 	font-size: 16px
 }

 .th-product.list-view .tag {
 	top: 8px;
 	right: 8px;
 	padding: 0px 15px
 }

 .th-product.list-view .product-title {
 	font-size: 14px;
 	margin: 0
 }

 .th-product.list-view .price {
 	font-weight: 600;
 	font-size: 13px;
 	line-height: 23px;
 	color: var(--theme-color)
 }

 /**********/
 .tt-pp-row .col-lg-3 {
 	width: 20%
 }

 .Podcastsec {
 	padding: 70px 0 40px;
 	position: relative;
 	Background: var(--title-color)
 }

 .Work-sec {
 	position: relative;
 	padding: 60px 0 20px;
 	position: relative;
 	background: #ffece6;
 	overflow: hidden;
 }

 .Work-sec .container-fluid {
 	padding-left: 0;
 	padding-right: 0
 }

 .Work-sec .container-fluid .row {
 	margin-left: 0;
 	margin-right: 0
 }

 .Work-sec .container-fluid .col-lg-3,
 .Work-sec .container-fluid .col-lg-12 {
 	padding-left: 0;
 	padding-right: 0
 }

 .Service-mmsec {
 	padding: 80px 0 50px;
 	position: relative;
 }


 .footer-social {}

 .footer-social ul {
 	padding: 0;
 	margin-bottom: 0px;
 	list-style-type: none;
 }

 .footer-social li a img {
     width: 18px;
    height: 18px;
 	margin-right: 0;
 	color: var(--body-color);
 	margin-top: 0;
 	-webkit-filter: brightness(0) invert(1);
 	filter: brightness(0) invert(1);

 }

 .footer-social li a i {
 	font-size: 15px;
 	margin-right: 11px;
 	color: var(--body-color);
 	margin-top: 7px;
 	width: 44px;
 	height: 44px;
 	line-height: 44px;
 	text-align: center;
 	border-radius: 50%;
 	border: 1px solid var(--white-color);
 	color: var(--white-color);
 	background-color: transparent;
 	font-size: 20px;
 	top: 0;
 	position: relative;
 }

 .footer-social li {
 	position: relative;
 	list-style-type: none;
 	margin-bottom: 10px;
 	display: inline-block;

 }

 .footer-social li a {
 	position: relative;
 	display: inline-flex;
 	padding-left: 0px;
 	text-decoration: none;
 	padding-left: 0px;
 	color: var(--white-color);
 	font-size: 14px;
 	font-weight: 500;
 }

 .footer-social li a i:hover {
 	color: var(--white-color);
 	Background: var(--theme-color);
 	border: 1px solid var(--theme-color);
 }


 .aatext {
 	color: #fff
 }

 .footer-widget.widget_nav_menu a:before {
 	content: unset !important;

 	font-weight: 900;
 	left: 0;
 	top: 0;
 	color: inherit;
 	-webkit-transition: all ease 0.4s;
 	transition: all ease 0.4s;
 	font-family: var(--icon-font);
 	position: absolute;

 }




 .Cservice-box {

 	--shape-size: 92px;
 	padding: 0;
 	border-radius: 0px;

 	position: relative;
 	margin-bottom: 0px;
 	background-color: var(--white-color);
 	-webkit-transition: all ease 0.4s;
 	transition: all ease 0.4s;
 	--shape-size: 82px;
 	padding: 0px;
 	position: relative;
 	width: 100%;
 	box-shadow: rgb(0 0 0 / 10%) 0px 10px 14px 9px;
 }

 .Cservice-box .Csr-icon {
 	background-color: var(--white-color);
 	padding: 13px;
 	margin-top: calc(var(--shape-size) / -2 - 13px);
 	display: inline-block;
 	margin-bottom: 0px;
 	position: relative;
 	z-index: 2;
 	border-radius: 50%;
 }

 .Cservice-box .Csr-icon i {
 	width: var(--shape-size);
 	height: var(--shape-size);
 	line-height: var(--shape-size);
 	background-color: var(--theme-color);
 	color: var(--white-color);
 	font-size: 3em;
 	display: inline-block;
 	text-align: center;
 	border-radius: inherit;
 }

 .Cservice-box .Csr-icon .Csr-icon-sub {
 	width: var(--shape-size);
 	height: var(--shape-size);
 	line-height: 56px;
 	background-color: #f2f2f2;
 	color: var(--white-color);
 	font-size: 3em;
 	display: inline-block;
 	padding: 11px;
 	text-align: center;
 	border-radius: inherit;
 }

 .Cservice-box .row {
 	margin-left: 0;
 	margin-right: 0
 }

 .Cservice-box .row .col-lg-6 {
 	padding-left: 0;
 	padding-right: 0
 }

 .Cservice-box .Csr-icon img {
 	width: 52px;
 	height: 52px;
 	line-height: 52px;
 	text-align: center;
 	border-radius: 0;
 }

 .Cservice-box .Csr-img {
 	overflow: hidden;
 	border-radius: 0px;
 	position: relative;
 }

 .larnsec {
 	color: var(--theme-color);
 	font-weight: 600;
 	text-transform: uppercase;
 	font-size: 16px;
 }

 .Cservice-box .Csr-img img {
 	-webkit-transform: scale(1);
 	transform: scale(1);
 	-webkit-transition: all ease 0.4s;
 	transition: all ease 0.4s;
 	height: 200px;
 	object-fit: cover;
 	width: 100%;
 	height: 24vw;
 	object-fit: cover;
 }

 .Cservice-box .Csr-content {
 	padding: 0 0px;
 }

 .whyy-row .col-lg-12 .Cservice-box .Csr-content {
 	padding-left: 40px;
 	padding-right: 30px;


 }

 .whyy-row .col-lg-12 {
 	position: sticky;
 	top: 25px;

 }

 .Cservice-box .Csr-content p {

 	margin-bottom: 20px;
 	height: 81px;
 	overflow: hidden;
 }

 .Cservice-box .Csr-content h3 {
 	font-size: 22px;
 	font-weight: 700;
 	margin-bottom: 13px;
 }

 .Cservice-box .Csr-content h3 a {
 	color: var(--title-color) !important
 }

 .Cservice-box:hover .Csr-content h3 a {
 	color: var(--theme-color) !important
 }

 .Cservice-box .Csr-content h4 {
 	margin-top: -18px;
 	color: var(--theme-color);
 	font-size: 16px;
 	margin-top: 10px
 }

 .Cservice-box .icon-btn {
 	position: absolute;
 	left: 50%;
 	bottom: 0;
 	margin: 0 0 -25px -25px;
 	border: none !important;
 	background-color: transparent !important;
 }

 .Cservice-box:hover .Csr-img:before {
 	height: 100%;
 }

 .Cservice-box:hover .Csr-img img {
 	-webkit-transform: scale(1.2);
 	transform: scale(1.2);
 }

 .icon-btn.style4 i {
 	display: inline-block;
 	width: 45px;
 	height: 45px;
 	line-height: 45px;
 	background-color: var(--white-color);
 	color: var(--title-color);
 	text-align: center;
 	border-radius: 50%;
 	-webkit-transition: all ease 0.4s;
 	transition: all ease 0.4s;
 	z-index: 2;
 	-webkit-box-shadow: 0px 5px 10px 0px rgba(39, 71, 125, 0.1);
 	box-shadow: 0px 5px 10px 0px rgba(39, 71, 125, 0.1);

 	background-color: var(--theme-color);
 	color: var(--white-color);
 	-webkit-box-shadow: none;
 	box-shadow: none;
 	width: 50px;
 	height: 50px;
 	line-height: 50px;
 	font-size: 24px;
 }

 .Cservice-box:hover .icon-btn.style4 i {
 	background-color: var(--theme-color);
 }

 /*************/
 /*************/

 .Blog-bbsec-inner .blog-item {
 	position: relative;
 	width: 100%;
 	margin-bottom: 30px;
 	box-shadow: rgb(0 0 0 / 10%) 0px 10px 14px 9px;
 	color: transparent;
 	padding: 15px 15px 25px;
 }

 .Contactpage-form select,
 .Contactpage-form .form-control,
 .Contactpage-form .form-select,
 .Contactpage-form textarea,
 .Contactpage-form input {
 	height: 50px;
 	padding: 10px 15px 10px 15px;
 	padding-right: 45px;
 	border: unset;
 	color: var(--title-color);
 	background-color: var(--white-color);
 	border-radius: 10px;
 	border-radius: 0;
 	font-size: 12px;
 	width: 100%;
 	box-shadow: rgb(0 0 0 / 10%) 0px 10px 14px 9px;
 	border-radius: 6px;

 }

 .Contactpage-form .form-group {
 	margin-bottom: 20px;
 	position: relative;
 }

 .Contactpage-form textarea {
 	height: 150px;
 	min-height: 150px;
 	padding: 10px 15px 10px 15px;
 }

 /******/
 .blog-single .blog-title {
 	font-size: 38px;
 }

 .blog-single h3 {
 	font-size: 30px;
 	margin-top: 20px;
 	margin-bottom: 10px
 }

 .blog-single h4 {
 	font-size: 25px;
 	text-decoration: underline;
 	margin-top: 20px;
 	margin-bottom: 10px
 }

 .blog-single h5 {
 	font-size: 18px;

 	margin-bottom: 10px
 }

 .blog-single ul {
 	padding: 0;
 	margin: 0;
 	position: relative;
 	margin-bottom: 15px
 }

 .blog-single ul li {
 	padding: 0;
 	margin: 0;
 	position: relative;
 	padding-left: 20px;
 	margin-bottom: 8px;
 	line-height: 27px;
 	list-style: none;
 }

 .blog-single ul li:before {
 	position: absolute;
 	left: 0;
 	top: 10px;
 	width: 7px;
 	height: 7px;
 	border-radius: 50%;
 	content: "";
 	Background: var(--title-color)
 }

 .blog-single img {
 	margin-bottom: 20px
 }

 .blog-single .blog-img {
 	margin: 0 0 0px 0;
 	background-color: transparent
 }

 .blog-single .blog-contentee p {
 	height: unset !important;
 	overflow: unset !important;
 }

 .blog-details .blog-single .blog-contentee {
 	background-color: transparent;
 	overflow: hidden;
 }

 .blog-single .blog-date {
 	position: absolute;
 	top: 30px;
 	left: 30px;
 	background-color: var(--theme-color);
 	padding: 5px 10px;
 	font-size: 15px;
 	color: white;
 	border-radius: 3px;
 	font-weight: 500;
 }

 .Related-bb {
 	position: relative;
 	padding: 80px 0 50px;
 	Background: var(--title-color)
 }

 .Related-bb .blog-content .title a {
 	transition: all 0.5s;
 	color: var(--white-color);
 }

 .Related-bb .blog-content .title a:hover {
 	transition: all 0.5s;
 	color: var(--theme-color);
 }

 .Related-bb .blog-content p {
 	color: #fff !important
 }

 .Aboutarea-secinner {
 	padding: 50px 0 50px;
 	position: relative;
 }

 /*************/

 .product-details {
 	position: relative;
 	padding: 70px 0 70px;
 }

 .product-nnn {
 	position: relative;
 	padding: 40px 40px 40px;
 	margin-bottom: 0px;
 	width: 100%;
 	background: #fff;
 	box-shadow: rgb(0 0 0 / 10%) 0px 10px 14px 9px;
 	border-radius: 20px;
 }

 .Poo-detail.product-about>.price {

 	font-size: 22px;
 	margin-bottom: 0;
 }

 .Poo-detail .sec-title {

 	font-size: 33px;
 }

 /************/

 .Poo-detail .quantitys {
 	display: -webkit-inline-box;
 	display: -webkit-inline-flex;
 	display: -ms-inline-flexbox;
 	display: inline-flex;
 	-webkit-box-align: center;
 	-webkit-align-items: center;
 	-ms-flex-align: center;
 	align-items: center;
 }

 .Poo-detail .quantitys .qty-input {
 	vertical-align: middle;
 	border: 2px solid var(--smoke-color);
 	width: 80px;
 	height: 40px;
 	font-size: 16px;
 	text-align: center;
 	color: var(--title-color);
 	font-weight: 700;
 	margin: 0 3px;
 	border-radius: 4px;
 	padding: 0;
 }

 .Poo-detail .quantitys .qty-btn {
 	border: 2px solid var(--smoke-color) !important;
 	background-color: transparent;
 	color: #b8c6d0;
 	padding: 0;
 	width: 40px;
 	height: 40px;
 	line-height: 40px;
 	font-size: 16px;
 	border-radius: 4px;
 }


 /***********/

 .product-imgsec {
 	position: relative;
 	display: block;
 	margin-right: 11px;

 }

 .product-pic-zoom {
 	margin-bottom: 20px;
 	margin-right: 0px;
 	box-shadow: 0px 0px 10px 0px #cfb1555c;
 	padding: 20px;
 }

 .product-pic-zoom img {}

 .product-thumbs-track {
 	width: 100%;
 }

 .product-thumbs .pt {
 	width: 109px;
 	height: 109px;
 	float: left;
 	margin-right: 0px;
 	overflow: unset;
 	cursor: pointer;
 	position: relative;
 	margin-bottom: 10px;
 	box-shadow: 0px 0px 10px 0px #a1cf5587;
 	padding: 2px;
 }

 .product-thumbs .pt.active:after {
 	position: absolute;
 	content: "";
 	width: 100%;
 	height: 100%;
 	left: 0;
 	top: 0;
 	border: 2px solid var(--theme-color);
 	z-index: 1;
 }

 .product-thumbs .pt:last-child {
 	margin-right: 0;
 }

 .nicescroll-rails {
 	display: none !important;
 }

 .myuthumb {
 	height: 358px;
 	padding: 0px 0px 0px 0px;
 	overflow: auto !important;
 	outline: none;
 	padding-right: 5px;
 }

 .myuthumb img {

 	width: 100%;

 }

 .product-thumbs::-webkit-scrollbar {
 	width: 4px;
 }

 /* Track */
 .product-thumbs::-webkit-scrollbar-track {
 	background: #fff;
 }

 /* Handle */
 .product-thumbs:hover ::-webkit-scrollbar-thumb {
 	background: var(--theme-color);
 }

 /* Handle on hover */
 .product-thumbs::-webkit-scrollbar-thumb:hover {
 	background: var(--theme-color);
 }

 .product-thumbs .pt {
 	width: 109px;
 	height: 109px;
 	float: left;
 	margin-right: 0px;
 	overflow: unset;
 	cursor: pointer;
 	position: relative;
 	margin-bottom: 10px;
 	box-shadow: unset;
 	padding: 2px;
 }

 .myuthumb img {
 	width: 100%;
 	max-height: 100%;
 	object-fit: contain;
 }

 /***********/

 .rel-sec {
 	position: relative;
 	padding: 60px 0 30px
 }

 .Review-prodsec {
 	position: relative;
 	background: #cbf3b8;
 	padding: 60px 0 60px
 }

 .rebbsec {
 	padding: 40px 40px 40px;
 	position: relative;
 	border-radius: 20px;
 	background: #fff
 }

 .rr-counts {
 	position: relative
 }

 .rr-counts h3 {
 	font-size: 18px;
 	font-weight: 600;
 	color: var(--title-color);
 	margin-bottom: 10px
 }

 .rr-counts h3 i {
 	color: #ffd233
 }

 .rr-counts h4 {
 	font-size: 16px;
 	font-weight: 500;
 	color: var(--theme-color)
 }

 .realsec {
 	position: relative
 }

 .realsec h3 {
 	font-size: 16px;
 	font-weight: 600;
 	color: var(--title-color);
 	margin-bottom: 10px
 }

 .realsec h3 i {
 	color: #ffd233
 }

 .realsec h3 i.tt {
 	color: #c0bfba
 }

 .realsec h3 span {
 	margin-left: 15px
 }

 .realsec h4 {
 	font-size: 20px;
 	font-weight: 600;
 	color: var(--title-color)
 }

 .rebbsec .th-comment-form {
 	margin-top: 30px !important;
 	margin-bottom: 30px !important;
 	padding: 0 !important;
 	position: relative;
 	text-align: center;
 	box-shadow: unset !important
 }

 .rebbsec select,
 .rebbsec .form-control,
 .rebbsec .form-select,
 .rebbsec textarea,
 .rebbsec input {
 	height: 50px;
 	padding: 0 25px 0 25px;
 	padding-right: 45px;
 	border: 1px solid #3939398a;
 	color: var(--body-color);
 	background-color: transparent;
 	border-radius: 27px;
 	font-size: 16px;
 	width: 100%;
 	font-family: var(--body-font);
 	-webkit-transition: 0.4sease-in-out;
 	transition: 0.4sease-in-out;
 }

 .rebbsec textarea {
 	padding-top: 15px !important;
 }

 .rebbsec .rating-select label {
 	margin: 0;
 	margin-right: 10px;
 	display: block;
 	width: 100%;
 	font-weight: 500;
 	font-size: 17px;
 	margin-bottom: 10px
 }

 .rebbsec .rating-select p.stars a {
 	position: relative;
 	height: 33px;
 	width: 44px;
 	text-indent: -999em;
 	display: inline-block;
 	text-decoration: none;
 	font-size: 25px;
 }

 .rehr {
 	width: 100%;
 	border-bottom: 1px solid #0000003b;
 	position: relative;
 	display: block;
 	margin-top: 30px;
 	margin-bottom: 20px;
 }


 .product-about h2 {
 	font-size: 40px;
 	margin-bottom: 15px
 }

 .product-about h4 {
 	font-size: 19px;
 	color: var(--body-color);
 	margin-bottom: 5px;
 }

 .product-about .price {
 	font-size: 22px;
 	font-weight: 600;
 	color: var(--theme-color);
 }

 .product-about .price del {
 	margin-left: 10px;
 	color: #a9a9a9;
 }

 .Podarea-secinner {
 	position: relative;
 	padding: 70px 0 60px;
 	Background: #000;
 	--body-color: #fff;
 	--title-color: #fff
 }

 .pd-a-des {
 	position: relative
 }

 .pd-a-des h2 {
 	position: relative;
 	font-size: 45px;
 	line-height: 1.2;

 }

 .fluid-width-video-wrapper {
 	width: 100% !important;
 	position: relative !important;
 	padding: 0 !important;
 }

 .fluid-width-video-wrapper iframe,
 .fluid-width-video-wrapper object,
 .fluid-width-video-wrapper embed {
 	position: relative !important;

 }

 .fluid-width-video-wrapper iframe {
 	position: relative !important;
 	height: 320px !important
 }


 /**************/

 .about-one-image-inner {
 	position: relative;
 	text-align: center;
 	padding-bottom: 40px;
 }

 .about-one_color-layer {
 	position: absolute;
 	left: 0px;
 	right: 0px;
 	bottom: 0px;
 	height: 290px;
 	background: var(--theme-color);
 	clip-path: polygon(0 20%, 100% 0, 100% 100%, 0% 100%);
 	background: linear-gradient(to top right, var(--theme-color) 0%, var(--theme-color) 100%);
 }

 .about-one_image {
 	position: relative;
 	z-index: 1;
 	border-radius: 8px;
 	overflow: hidden;
 	display: inline-block;
 	margin: 0px 40px 0px;
 	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.07);
 }

 .about-one_image img {
 	box-shadow: 0px 20px 50px 0px rgb(0 0 0 / 20%);
 	padding: 15px;
 	background: #fff;
 	border-radius: 6px;
 	width: 100%;
 }

 /***/

 .Infull {
 	width: 100%;
 	position: relative;
 	margin-bottom: 0px;
 }

 .Infull .inimgage {
 	float: right;
 	padding-left: 40px;
 }

 .Infull .inimgsec {
 	width: 100%;
 	padding-right: 15px;
 	margin-bottom: 15px;
 }

 .Infull .indescription {
 	padding: 0px 0px;
 	width: 100%;
 }


 .pd-a-des ul {
 	padding: 0;
 	margin: 0;
 	position: relative;
 	margin-bottom: 15px
 }

 .pd-a-des ul li {
 	padding: 0;
 	margin: 0;
 	position: relative;
 	padding-left: 20px;
 	margin-bottom: 10px;
 	line-height: 27px;
 	list-style: none;
 	color: var(--body-color)
 }

 .pd-a-des ul li:before {
 	position: absolute;
 	left: 0;
 	top: 9px;
 	width: 7px;
 	height: 7px;
 	border-radius: 50%;
 	content: "";
 	Background: var(--title-color)
 }

 .Enquire-pod {
 	position: relative;
 	padding: 0px 0 60px;
 	Background: #000;
 }

 .Enquire-pod .title-area .sec-title {
 	margin-bottom: 10px;

 	font-weight: 600;
 	font-size: 54px;
 	font-weight: 800;
 	text-transform: uppercase;
 }

 .Entpage-form {
 	position: relative
 }

 .Entpage-form select,
 .Entpage-form .form-control,
 .Entpage-form .form-select,
 .Entpage-form textarea,
 .Entpage-form input {
 	height: 55px;
 	padding: 0 25px 0 25px;
 	padding-right: 45px;
 	border: 1px solid #fff;
 	color: var(--white-color);
 	background-color: transparent;
 	border-radius: 9999px;
 	border-radius: 0;
 	font-size: 16px;
 	width: 100%;
 	box-shadow: rgb(0 0 0 / 10%) 0px 10px 14px 9px;

 }

 .Entpage-form textarea {
 	height: 150px;
 	min-height: 150px;
 }

 .Entpage-form textarea::placeholder,
 .Entpage-form input::placeholder {
 	color: #fff
 }


 .rent-in-form .title-area .sec-title {
 	margin-bottom: 10px;

 	font-weight: 600;
 	font-size: 54px;
 	font-weight: 800;
 	text-transform: uppercase;
 }


 .services {
 	padding: 70px 0 50px;
 }

 .services .service_list {
 	background: #000;
 	margin-bottom: 40px;
 	overflow: hidden;
 }

 .services .service_list .content {
 	padding: 40px;
 	display: flex;
 	justify-content: center;
 	flex-direction: column;
 	overflow: hidden;
 }

 .services .service_list .content h5 {
 	color: #fff;
 	font-size: 34px;
 	font-weight: 700;
 	text-transform: uppercase;
 	margin-bottom: 20px;
 	position: relative;
 	width: fit-content;
 	position: relative
 }

 .services .service_list .content h5:before {
 	content: '';
 	position: absolute;
 	left: -55px;
 	bottom: 0;
 	height: 1px;
 	width: 115%;
 	background: var(--theme-color);
 }

 .services .service_list .content p {
 	color: #fff
 }

 .services .service_list .imgsec img {
 	width: 100%;
 	height: 100%;
 	max-width: 100%;
 	max-height: 100%;
 	object-fit: cover;
 }

 .services .service_list .imgsec {
 	padding-left: 0;
 	padding-right: 0;
 }

 .services .service_list a {
 	color: var(--theme-color) !important;
 }

 .services .service_list .content a.lernss {
 	color: var(--theme-color) !important;
 	text-transform: uppercase;
 	text-decoration: underline !important;
 	display: inline-block;
 	margin-top: 20px;
 }

 .sser-row {
 	margin-left: 0;
 	margin-right: 0
 }

 .ser-dd {
 	text-align: center;
 }

 .ser-dd h3 {
 	font-size: 50px;
 	text-transform: uppercase;
 	font-weight: 800
 }

 .ser-dd p {
 	text-align: center;
 }

 /*************/
 .Ser-secinner {
 	position: relative;
 	padding: 70px 0 60px;

 }

 .sd-a-des {
 	position: relative
 }

 .sd-a-des h2 {
 	position: relative;
 	font-size: 45px;
 	line-height: 1.2;

 }

 .sbout-one-image-inner {
 	position: relative;
 	text-align: center;
 	padding-bottom: 20px;
 }

 .sbout-one_color-layer {
 	position: absolute;
 	left: 0px;
 	right: 0px;
 	bottom: 0px;
 	height: 320px;
 	background: var(--theme-color);
 	clip-path: polygon(0 20%, 100% 0, 100% 100%, 0% 100%);
 	background: linear-gradient(to top right, var(--theme-color) 0%, var(--theme-color) 100%);
 }

 .sbout-one_image {
 	position: relative;
 	z-index: 1;
 	border-radius: 8px;
 	overflow: hidden;
 	display: inline-block;
 	margin: 0px 15px 0px;
 	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.07);
 }

 .sbout-one_image img {
 	box-shadow: 0px 20px 50px 0px rgb(0 0 0 / 20%);
 	padding: 15px;
 	background: #fff;
 	border-radius: 6px;
 	width: 100%;
 }

 /***/

 .snfull {
 	width: 100%;
 	position: relative;
 	margin-bottom: 0px;
 }

 .snfull .sinimgage {
 	float: right;
 	padding-left: 40px;
 }

 .snfull .sinimgsec {
 	width: 100%;
 	padding-right: 15px;
 	margin-bottom: 15px;
 }

 .snfull .indescription {
 	padding: 0px 0px;
 	width: 100%;
 }


 .sd-a-des ul {
 	padding: 0;
 	margin: 0;
 	position: relative;
 	margin-bottom: 15px
 }

 .sd-a-des ul li {
 	padding: 0;
 	margin: 0;
 	position: relative;
 	padding-left: 20px;
 	margin-bottom: 10px;
 	line-height: 27px;
 	list-style: none;
 	color: var(--body-color)
 }

 .sd-a-des ul li:before {
 	position: absolute;
 	left: 0;
 	top: 9px;
 	width: 7px;
 	height: 7px;
 	border-radius: 50%;
 	content: "";
 	Background: var(--title-color)
 }

 /**********/

 .Highlitsec {
 	position: relative;
 	padding: 70px 0 0;
 	Background: var(--title-color)
 }

 .cardw {
 	text-align: center;
 	position: relative;
 	width: 100%;
 	margin-bottom: 0;
 	padding: 20px 20px 20px;
 	Background: var(--theme-color);
 	border-radius: 6px
 }

 .cardw .svg {
 	width: 100px;
 	height: 100px;
 	line-height: 100px;
 	border-radius: 50%;
 	Background: #fff;
 	margin: 0px auto 15px;
 	display: block;
 }

 .cardw .svg img {
 	width: 64px
 }

 .cardw h5 {
 	font-size: 22px;
 	color: var(--title-color)
 }

 .cardw p {
 	font-weight: 400;
 	color: var(--title-color)
 }

 .sttuiosec {
 	Background: #fff
 }

 .Highlitsec.new {
 	padding: 70px 0 70px
 }

 /**********/

 .Homesec {
 	padding: 70px 0 60px;
 	position: relative;
 	Background: var(--title-color)
 }

 .sttude p {
 	color: #fff
 }

 .sttude {
 	margin-bottom: 70px
 }

 .mtabcontent {}

 #panorama {
 	width: 100%;
 	height: 100vh;
 }

 .amenities {
 	padding: 70px 0 50px;
 	position: relative
 }

 .ambox {
 	position: relative;
 	padding: 0;
 	width: 100%;
 	text-align: center;
 	margin-bottom: 30px
 }

 .amenities .col-lg-2 {
 	width: 20%
 }

 .ambox p {
 	font-weight: 600;
 	font-size: 16px;
 	margin-top: 20px
 }

 /***********/

 .online-paymentbtn {
 	position: relative;
 	display: block;
 }

 .online-paymentbtn a {
 	font-size: 15px;
 	padding: 9px 17px 9px 40px;
 	margin-left: 0;
 	transition: all 0.5s;
 	font-weight: 600;
 	line-height: 1.3;
 	border: 2px solid #fff;
 	background-color: transparent;
 	color: var(--theme-color);
 	border-radius: 0.5rem;
 	cursor: pointer;
 	position: relative;
 	display: block;
 	color: var(--white-color);
 	border-radius: 50px;
 	text-shadow: 0px 5px 20px #040404;
 	border: 2px solid var(--title-color);
 	color: var(--title-color);
 	text-shadow: unset;
 	border: 2px solid var(--theme-color2);
 	background-color: var(--theme-color2);
 	color: var(--white-color);
 }

 .online-paymentbtnnew {
 	position: relative;
 	display: block;
 }

 .online-paymentbtnnew a {
 	font-size: 15px;
 	padding: 6px 20px 6px 30px;
 	margin-left: 0;
 	transition: all 0.5s;
 	font-weight: 600;
 	line-height: 1.3;
 	border: 2px solid #fff;
 	background-color: transparent;
 	color: var(--theme-color);
 	border-radius: 0.5rem;
 	cursor: pointer;
 	position: relative;
 	display: block;
 	color: var(--white-color);
 	border-radius: 14px;
 	text-shadow: 0px 5px 20px #040404;


 }

 .app-icon {
 	position: absolute;
 	color: #fff;
 	left: 9px;
 	top: 6px;
 	padding: 9px 10px;
 	transition: .4s ease-in-out;
 	background: var(--theme-color2);
 	border-radius: 50px;
 	top: 4px;
 	padding: 8px 9px;
 	color: #fff !important;
 	width: 33px;
 	height: 33px;
 	text-align: center;
 	line-height: 18px;
 	z-index: 1;
 }

 /*.app-icon::before{
	position:absolute;
	content:"";
	right:0;
	top:0;
	bottom:0;
	height:100%;
	width:50%;
	Background:#fff
}*/
 .con-icon {
 	position: absolute;
 	color: #fff;
 	left: -12px;
 	top: 6px;
 	padding: 9px 10px;
 	transition: .4s ease-in-out;
 	background: var(--theme-color);
 	border-radius: 50px;
 	top: 8px;
 	padding: 8px 9px;
 	color: #fff !important;
 	width: 40px;
 	height: 40px;
 	text-align: center;
 	line-height: 21px;
 	z-index: 1
 }

 .header-layout2 .will-sticky .sticky-active .online-paymentbtn a {
 	border: 2px solid var(--title-color);
 	color: var(--title-color);
 	text-shadow: unset
 }

 .online-paymentbtn a:hover {
 	border: 2px solid var(--theme-color2);
 	background-color: var(--theme-color2);
 	color: var(--white-color);
 }

 .online-paymentbtn a:hover .con-icon {
 	background: var(--theme-color);
 }



 .header-layout2 .will-sticky .sticky-active .online-paymentbtnnew a {
 	border: 2px solid var(--title-color);
 	color: var(--title-color);
 	text-shadow: unset
 }

 .online-paymentbtnnew a:hover {
 	border: 2px solid var(--theme-color2);
 	background-color: var(--theme-color2);
 	color: var(--white-color);
 }

 .online-paymentbtnnew a:hover .app-icon {
 	background: var(--theme-color2);
 }

 /*************/
 .top-mm-sec {
 	position: relative;
 	width: 100%;
 	z-index: 3;
 	left: 0;
 	right: 0;
 	background: var(--title-color);
 }

 .header-top-six {
 	margin-bottom: 7px;
 	position: relative;
 	padding: 0px 0;
 	margin-top: 7px;
 }


 .header-top-info li {
 	display: inline-block;
 	font-size: 14px;
 	color: var(--white-color);
 	margin-right: 40px;
 	font-weight: 500;
 }

 .header-top-info.v6 li {
 	position: relative;
 	padding-left: 0px;
 }

 .header-top-info.v6 li i {
 	margin-right: 5px
 }


 .header-top-info.v6 li i img {
 	width: 23px;

 }

 .header-top-info li a {
 	color: #fff;
 	/*text-shadow: 0px 5px 20px #040404;*/
 }

 .header-layout2 .will-sticky .sticky-active .header-top-info li a {
 	color: var(--title-color);
 	text-shadow: unset
 }

 .header-top-info li a:hover {
 	color: var(--theme-color);
 }

 .col-auto.oo2 {
 	text-align: right;

 	margin-top: 29px
 }

 .ml-appo-mob {
 	margin-top: 15px
 }

 .header-layout2 .will-sticky .sticky-active .col-auto.oo2 {


 	margin-top: 0px
 }

 .header-layout2 .will-sticky .sticky-active .ml-appo-mob {
 	margin-top: 15px
 }

 /*********/

 .Ceworkforce-box {
 	position: relative;
 	width: 100%;
 	margin-bottom: 10px;
 	-webkit-transition: 0.4sease-in-out;
 	transition: 0.4sease-in-out;
 	transition-duration: 0.3s;
 }

 .Ceworkforce-box:hover {

 	transform: translateY(-8px);
 	transition-duration: 0.3s;
 }

 .Ceworkforce-box p {


 	font-size: 15px;
 }

 .Cewooo-img {
 	position: relative;
 	width: 100%;
 	margin-bottom: 30px;
 	object-fit: cover
 }

 .Cework-box-img {
 	position: relative;
 	width: 100%;
 	margin-bottom: 5px
 }

 .Cework-box-img img {
 	width: 64px;
 	height: auto;
 }

 .Ceworkforce-box h3 {

 	margin-bottom: 0;
 	font-size: 26px;
 	width: calc(100% - 64px);
 	padding-left: 10px;

 }

 .Ceworkforce-box:hover p {}

 .Ceworkforce-box:hover h3 {}

 /*********/

 .otherff {
 	padding: 60px 0 60px
 }

 /*********/

 .Proprietor-sec {
 	position: relative;
 	padding: 60px 0 60px
 }

 .princiMsg {
 	background-color: #fff;
 	box-shadow: 0px 3px 30px 0px rgba(11, 46, 72, .15);
 	height: 100%;
 }

 .princiMsg .imgBox {
 	position: relative;
 }

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

 .princiMsg .imgBox .tag {
 	position: absolute;
 	bottom: 0px;
 	color: #fff;
 	background: var(--theme-color);
 	padding: 3px 13px;
 	left: 20px;
 	font-size: 12px;
 	font-size: 14px;
 }

 .princiMsg .MsgBox {
 	padding: 23px 20px 26px;
 }

 .princiMsg .MsgBox .Name {
 	font-size: 24px;
 	margin-bottom: 20px;
 	color: var(--theme-color);
 	font-weight: 700;
 	margin-bottom: 0;
 }

 .prop h3 {
 	font-size: 25px
 }


 .Prin-3 {
 	position: relative;
 	padding-left: 20px;
 }

 .adm-sec {
 	position: relative;
 	padding: 20px;
 	text-align: center;
 	width: 100%;
 	background: var(--theme-color);
 	color: #fff;
 }

 .Adm-icon {
 	margin: 0px auto 20px;
 	text-align: center;
 	background: #fff;
 	display: inline-block;
 	border-radius: 50%;
 	width: 85px;
 	height: 85px;
 	line-height: 85px;
 }

 .Adm-desc {
 	position: relative;
 }

 .Adm-desc h3 {
 	color: #fff;
 	font-size: 22px;
 	margin-bottom: 10px;
 	font-weight: 600
 }

 .Adm-desc a {
 	color: #fff;
 	font-size: 17px;
 	font-weight: 500;
 	font-size: 15px;
 	padding: 10px 30px;
 	margin-left: 0;
 	transition: all 0.5s;
 	font-weight: 500;
 	line-height: 1.1;
 	border: 2px solid #fff;
 	background-color: transparent;
 	color: #fff;
 	border-radius: 0.5rem;
 	cursor: pointer;
 	position: relative;
 	display: block;
 	width: max-content;
 	margin: 0px auto;
 }

 /**********/

 .adm-sec1 {
 	background: var(--theme-color);
 }

 .footer-widget .fluid-width-video-wrapper iframe {
 	position: relative !important;
 	height: 267px !important;
 	width: 100% !important;
 }

 /********/

 .nee-sec {
 	position: relative !important;

 	padding: 60px 0 60px
 }

 .nee-sec .container {
 	z-index: 1;
 	position: relative
 }

 .ppghgh {
 	z-index: 1;
 	position: relative
 }

 .ppghgh p {
 	position: relative;
 	color: #fff;
 	font-weight: 500;
 }

 .galleryinner-sec {
 	padding: 60px 0 30px;
 	position: relative;


 }


 /********/

 .gallery-ss-sec {
 	position: relative;
 	padding: 50px 0 20px
 }


 .room-inner-sec {
 	position: relative;
 	padding: 50px 0 20px;

 	overflow: hidden;
 }

 .room-inner-sec .th-product {
 	padding: 0px 0px 90px;
 	border: 4px solid #0000001f;
 	border-radius: 12px;
 	text-align: center
 }

 .room-inner-sec .product-content {
 	position: relative;
 	padding: 10px 20px 0;
 }

 .room-inner-sec .th-product .product-img {
 	border-radius: 12px 12px 0 0;
 	box-shadow: none;
 }

 .room-inner-sec .th-product .product-img:before {
 	border-radius: 12px 12px 0 0;
 }

 .room-inner-sec .th-product .product-img img {
 	border-radius: 12px 12px 0 0;
 }

 .room-inner-sec .product-bb-btns {
 	position: absolute;
 	left: 0;
 	bottom: 20px;
 	right: 0;
 	width: 100%;
 	text-align: left;
 	border-top: 2px dotted #b7b7b7;
 	padding-top: 20px;
 	display: flex;
 	align-items: center;
 	justify-content: center;
 }

 /****************/



 /******/

 .tariff-innersec {
 	position: relative;
 	padding: 50px 0 50px
 }

 /************/

 .report-sec {
 	position: relative;
 	padding: 0px 0 0
 }

 /*********************/
 .packagetable {
 	position: relative;
 	width: 100%;
 	position: relative;
 }

 .packagetable h2 {
 	font-size: 23px;
 	font-weight: 700;
 	font-family: revert;
 	margin-bottom: 10px;
 	text-transform: capitalize;
 	line-height: 30px;
 }

 .packagetable table {
 	width: 100%;
 	margin-bottom: 0px;
 	color: #101010;
 	background: #fff;
 }


 .packagetable table thead th {
 	color: #fff;
 	background-color: var(--theme-color);
 	border-color: #fff;
 	border-bottom: none;
 	padding: 15px 22px;
 }

 .packagetable table tbody {}

 .packagetable table tbody tr {}

 .packagetable table tbody tr td {
 	padding: 8px 15px;
 	text-transform: capitalize;
 }

 .packagetable table tbody tr td a {
 	background: transparent;
 	color: #fff;
 	padding: 11px 18px;
 	font-size: 16px;
 	font-weight: 500;
 	color: var(--theme-color);
 }


 /****/

 .mission-vv-secinner {
 	padding: 50px 0 50px
 }

 .mission-vv-secinner .row {
 	margin-left: 0;
 	margin-right: 0
 }

 .mission-vv-secinner .col-lg-6 {
 	padding-left: 0;
 	padding-right: 0
 }

 .mis-a-des {
 	padding: 40px 0 40px 60px;
 	position: relative
 }

 .vis-a-des {
 	padding: 40px 60px 40px 0px;
 	position: relative
 }

 .mi-a-img {

 	position: relative
 }

 /**********/

 .facilities-innersec {
 	position: relative;
 	padding: 50px 0 50px;


 }

 .ff-content {
 	position: relative;
 }

 .ff-content ul {
 	padding: 0;
 	margin: 0;
 	position: relative
 }

 .ff-content li {

 	list-style: none;
 	position: relative;
 	padding-left: 30px;
 	font-weight: 500;
 	font-size: 15px;
 	margin-bottom: 15px;

 }

 .ff-content li:before {

 	font-family: var(--icon-font);
 	font-weight: 900;
 	color: var(--theme-color);
 	position: absolute;
 	left: 0;
 	-webkit-transition: 0.3s ease-in-out;
 	transition: 0.3s ease-in-out;
 	content: "\f336";
 }

 /**********/
 .about-imgt {
 	position: relative;
 	padding-bottom: 150px;
 	z-index: 1;
 }

 .about-imgt .aa-img-one {
 	margin-right: auto;
 	max-width: 87%;
 	display: block;
 	border-radius: 10px;
 }

 .about-imgt .aa-img-two {
 	position: absolute;
 	bottom: 0;
 	right: 0;
 	z-index: 1;
 	max-width: 300px;
 	border-radius: 10px;
 }

 .about-imgt .aa-img-three {
 	position: absolute;
 	bottom: 60px;
 	left: 0;
 	z-index: 1;
 	max-width: 250px;
 	border-radius: 10px;
 }

 .About-mainsecinner {
 	padding-top: 0px;
 	position: relative;
 	padding-bottom: 50px;
 }

 /*********/

 .download-video {
 	text-align: center;
 	position: relative;
 	width: 100%;
 	margin-bottom: 30px;
 	box-shadow: none
 }

 .d-video-hover {
 	width: 100%;

 	position: absolute;
 	left: 0;
 	right: 0;
 	top: 40%;
 	text-align: center;
 }

 .d-video-hover .play-btn {}

 /********/

 .facility-videosec {
 	position: relative;
 	padding-bottom: 20px
 }

 .room-detail-ssec {
 	position: relative;
 	padding: 50px 0 20px;
 }

 .rooleft {
 	position: relative;
 	padding-right: 30px;
 }

 .rooright {
 	position: relative
 }


 .RContactpage-form select,
 .RContactpage-form .form-control,
 .RContactpage-form .form-select,
 .RContactpage-form textarea,
 .RContactpage-form input {
 	height: 55px;
 	padding: 0 25px 0 25px;
 	padding-right: 45px;
 	border: unset;
 	color: var(--title-color);
 	background-color: var(--white-color);
 	border-radius: 9999px;
 	border-radius: 0;
 	font-size: 15px;
 	width: 100%;
 	box-shadow: rgb(0 0 0 / 10%) 0px 10px 14px 9px;

 	color: var(--body-color)
 }

 .RContactpage-form .form-group {
 	margin-bottom: 20px;
 	position: relative;
 }

 .RContactpage-form {
 	background-color: #fff;
 	box-shadow: 0px 3px 30px 0px rgba(11, 46, 72, .15);
 	height: 100%;
 	border-radius: 10px;
 	padding: 30px 20px 30px;
 	position: relative;
 }

 .RContactpage-form label {
 	font-weight: 500;
 	font-size: 16px;
 	margin-bottom: 7px;
 	margin-top: 5px;



 }

 .RContactpage-form .radio-toolbar label {
 	display: inline-block;
 	background-color: #fff;
 	border: 1px solid #ebeef1;
 	padding: 17px 15px !important;
 	font-size: 15px;
 	cursor: pointer;
 	margin: 0px 0px 0px 0px;
 	float: left !important;
 	color: var(--title-color);
 	z-index: 1;
 }

 .RContactpage-form .radio-toolbar input[type="radio"]~label {
 	position: relative;
 	padding-left: 30px;
 	cursor: pointer;
 	line-height: 1;
 	display: inline-block;
 	font-weight: 500;
 	margin-bottom: 0px;
 	font-size: 15px;
 	padding: 12px 25px !important;
 	border-radius: 0px;
 	margin-right: 20px;
 	box-shadow: rgb(0 0 0 / 10%) 0px 10px 14px 9px;
 }

 .RContactpage-form .radio-toolbar input[type="radio"]:checked+label {
 	background-color: transparent;
 	color: var(--theme-color);

 }

 .RContactpage-form .radio-toolbar input[type="radio"] {
 	display: none;
 }

 .RContactpage-form .radio-toolbar input[type="radio"]~label::before {

 	content: unset;
 }

 .rooright {
 	padding-left: 0px;

 }

 .rooright h3 {
 	color: var(--theme-color);
 	font-size: 30px;
 	margin-bottom: 15px;
 	font-weight: 600
 }

 /***********/

 .room-imgd {
 	position: relative;
 	margin-bottom: 30px;


 	width: 100%
 }

 .room-imgd img {
 	border-radius: 10px;
 	margin-bottom: 35px
 }

 .room-imgd h3 {
 	font-size: 25px;
 	margin-bottom: 10px;
 	margin-top: 30px
 }

 .room-ff-box {
 	position: relative;
 	width: 100%;
 	margin-bottom: 30px;
 	text-align: center;
 }

 .room-ff-box-icon {
 	text-align: center;
 	margin-bottom: 10px
 }

 .room-ff-box-icon img {
 	width: 50px;
 }

 .room-ff-box h3 {
 	text-align: center;
 	font-size: 16px;
 	margin-bottom: 0
 }

 .rooleft .gallery-img img {

 	height: 219px !important;

 }

 .field {
 	position: relative;
 	display: flex;
 	height: 50px;
 	padding: 0 10px 0 10px;

 	border: unset;
 	color: var(--title-color);
 	background-color: var(--white-color);

 	border-radius: 0;
 	font-size: 15px;
 	width: 100%;
 	box-shadow: rgb(0 0 0 / 10%) 0px 10px 14px 9px;
 	color: var(--body-color);
 	align-items: center
 }

 .sub {
 	width: 50px;
 	color: var(--title-color);
 	text-align: center;
 	border: unset;
 	background: transparent;
 	font-weight: 400;
 	font-size: 18px;
 }

 .add {
 	width: 50px;
 	color: var(--title-color);
 	text-align: center;
 	border: unset;
 	background: transparent;
 	font-weight: 400;
 	font-size: 18px;
 }

 .field input {
 	box-shadow: unset !important;
 	text-align: center;
 	border: unset;
 	height: auto;
 	padding: 0 15px
 }

 .room-ss-title {
 	font-size: 30px;
 	margin-bottom: 20px;
 	margin-top: 30px;
 }

 /*******/

 .room-inner-sec-chec {
 	position: relative;
 	padding-bottom: 20px
 }

 .booking_step_heading {
 	width: 100%;
 	padding: 10px 10px;
 	Background: var(--theme-color);
 	color: white;
 	border-radius: 5px;

 }

 .booking_counts {
 	background-color: #fff;
 	box-shadow: 0px 3px 30px 0px rgba(11, 46, 72, .15);
 	height: 100%;
 	border-radius: 10px;
 	padding: 30px 20px 30px;
 	position: relative;
 	margin-top: 20px !important;
 	margin-bottom: 20px !important;
 }

 .booking_counts span {
 	font-weight: 500;
 	font-size: 16px;
 	margin-bottom: 15px
 }

 .booking_counts h4 {
 	font-weight: 600;
 	margin-top: 10px;
 	font-size: 19px;
 	text-align: center;
 	color: var(--theme-color);
 	margin-bottom: 0;
 }

 .booking_step_heading h2 {
 	font-size: 20px;
 	color: white;
 	margin-bottom: 0;

 }

 .radio.selected {
 	border: 5px solid;
 	border-color: var(--theme-color) !important;
 	opacity: 1;
 	transform: scale(1);
 	transition: all .3s ease;
 }

 /*******/

 .grand_total {
 	color: var(--theme-color);
 	font-weight: 600;
 }

 .pp-table td:nth-child(2) {
 	text-align: right;
 }

 .grand_total td {
 	font-size: 23px;
 }

 .pay-form {
 	position: relative
 }


 .pay-form select,
 .pay-form .form-control,
 .pay-form .form-select,
 .pay-form textarea,
 .pay-form input {
 	height: 55px;
 	padding: 0 25px 0 25px;
 	padding-right: 45px;
 	border: unset;
 	color: var(--title-color);
 	background-color: var(--white-color);
 	border-radius: 9999px;
 	border-radius: 0;
 	font-size: 15px;
 	width: 100%;
 	box-shadow: rgb(0 0 0 / 10%) 0px 10px 14px 9px;

 	color: var(--body-color)
 }

 .pay-form .form-group {
 	margin-bottom: 25px;
 	position: relative;
 }

 .pay-form textarea {
 	height: 110px !important;

 	padding-top: 10px !important;
 	padding-bottom: 10px !important;
 	min-height: 110px !important;
 }

 .pp-table {
 	position: relative;
 }

 .pp-table tr {
 	position: relative;
 }

 .pp-table td {
 	position: relative;
 	border: 1px solid #8b8888;
 }

 .pay-form-main {
 	position: relative;
 	margin-bottom: 30px
 }

 .pay-form-main .RContactpage-form {
 	background-color: #fff;
 	box-shadow: 0px 3px 30px 0px rgba(11, 46, 72, .15);
 	height: 100%;
 	border-radius: 10px;
 	padding: 10px 10px 10px;
 	position: relative;
 }

 .pay-form-main .RContactpage-form label {
 	font-weight: 500;
 	font-size: 14px;
 	margin-bottom: 7px;
 	margin-top: 0px;
 }

 .pay-form-main .RContactpage-form .radio-toolbar input[type="radio"]~label {

 	font-size: 15px;
 	padding: 16.5px 9px !important;

 	margin-right: 9px;

 }

 .pay-form-main .RContactpage-form .radio-toolbar input[type="radio"]~label:last-child {
 	margin-right: 0px;
 }

 .pay-form-main .RContactpage-form input,
 .pay-form-main .RContactpage-form select {
 	height: 50px;
 	padding: 0 10px 0 10px;
 	padding-right: 10px;

 	font-size: 14px;

 }

 .pay-form-main .RContactpage-form .form-group {
 	margin-bottom: 0;
 	position: relative;
 }

 .pay-form-main .RContactpage-form .as-btn {
 	margin-top: 33px;
 	padding: 17.5px 31px;
 }

 .drp-calendar td,
 .drp-calendar th {
 	border: 1px solid var(--border-color);
 	padding: 6px 8px;
 }

 /*******************/


 .Booking-left {
 	position: relative;
 	padding: 0 0 0
 }

 .booki-box1 {
 	border-radius: 10px;
 	border: 1px solid #e7e7e7;
 	padding: 15px;
 	margin-bottom: 20px;
 	position: relative
 }

 .booki-box1 p {
 	margin-bottom: 10px;
 	font-size: 14px
 }

 .booki-box1 p a {
 	color: var(--title-color)
 }

 .booki-box1 h3 {
 	margin-top: 10px;
 	font-weight: 700;
 	font-size: 23px;
 	margin-bottom: 10px;
 }

 .booki-box1 h4 {
 	margin-top: 10px;
 	font-weight: 700;
 	font-size: 18px;
 	margin-bottom: 10px;
 }

 .booki-box1 ul {
 	padding: 0;
 	margin: 0;
 	position: relative;

 }

 .booki-box1 ul li {
 	display: inline-block;
 	list-style: none;
 	margin-right: 10px;
 	position: relative;
 	font-size: 13px
 }

 .booki-box1 ul li img {
 	Width: 15px;
 	margin-right: 5px
 }

 .booki-box2 {
 	border-radius: 10px;
 	border: 1px solid #e7e7e7;
 	padding: 15px;
 	margin-bottom: 20px;
 	position: relative
 }

 .booki-box2 p {
 	margin-bottom: 10px;
 	font-size: 14px
 }

 .booki-box2 h3 {
 	margin-top: 10px;
 	font-weight: 700;
 	font-size: 23px;
 	margin-bottom: 10px;
 }

 .booki-box2 h4 {
 	font-size: 15px;
 	font-weight: 500;
 	margin-bottom: 6px;
 	color: var(--theme-color);
 }

 .booki-box2 h5 {
 	font-size: 17px;
 	font-weight: 600;
 	margin-bottom: 0px
 }

 /*********/

 .booki-box3 {
 	border-radius: 10px;
 	border: 1px solid #e7e7e7;
 	padding: 15px 0;
 	margin-bottom: 20px;
 	position: relative
 }

 .booki-box3 p {
 	margin-bottom: 10px;
 	font-size: 14px;
 	padding: 0 15px
 }

 .booki-box3 h3 {
 	margin-top: 0px;
 	font-weight: 700;
 	font-size: 23px;
 	margin-bottom: 10px;
 	padding: 0 15px
 }

 .booki-box3 h4 {
 	font-size: 16px;
 	font-weight: 500;
 	margin-bottom: 10px;
 	padding: 0 15px
 }

 .booki-box3 h5 {
 	font-size: 17px;
 	font-weight: 600;
 	margin-bottom: 10px;
 	padding: 0 15px
 }

 .price-bbg {
 	Background: #ffe9d7;
 	padding: 20px 10px;
 	align-items: center;
 	justify-content: space-between;
 	display: flex;
 	margin-bottom: 15px
 }

 .pps-1 {
 	font-size: 28px;
 	font-weight: 700;
 	display: block;
 	position: relative;
 	color: var(--theme-color);
 }

 .pps-2 {
 	font-size: 30px;
 	font-weight: 700;
 	display: block;
 	position: relative;
 	color: var(--theme-color);
 }

 .pps-2 span {
 	display: block;
 	font-weight: 400;
 	font-size: 14px;
 	color: var(--title-color);
 }

 .Booking-right {
 	padding-left: 20px
 }

 .Booking-right-ss {
 	border-radius: 10px;
 	border: 1px solid #e7e7e7;
 	padding: 40px 21px;
 	margin-bottom: 20px;
 	position: relative;

 }

 .Booking-right-ss h3 {
 	margin-top: 0px;
 	font-weight: 700;
 	font-size: 23px;
 	margin-bottom: 20px;
 }

 .Booking-right-ss .form-control {
 	margin-bottom: 0px;
 	font-size: 14px;
 	height: 50px;
 	line-height: normal;
 	padding: 10px 10px;
 	font-weight: 500;
 	border-width: 0 0 1px 0;
 	font-family: inherit;
 	background-color: transparent;
 	border-radius: 0;
 	border: none;
 	border: 1px solid rgb(3 26 38 / 25%);
 	transition: all 500ms ease;
 	-webkit-transition: all 500ms ease;
 	background-clip: padding-box;
 	display: block;
 	width: 100%;
 	color: var(--body-color);
 	border-radius: 5px;
 }

 .Booking-right-ss select {
 	margin-bottom: 0px;
 	font-size: 14px;
 	height: 50px;
 	line-height: normal;
 	padding: 10px 10px;
 	font-weight: 500;
 	border-width: 0 0 1px 0;
 	font-family: inherit;
 	background-color: transparent;
 	border-radius: 0;
 	border: none;
 	border: 1px solid rgb(3 26 38 / 25%);
 	transition: all 500ms ease;
 	-webkit-transition: all 500ms ease;

 	display: block;
 	width: 100%;
 	color: var(--body-color);
 	border-radius: 5px;
 }

 input.cc-radio[type="radio"] {
 	visibility: visible;
 	opacity: 1;
 	display: inline-block;
 	vertical-align: middle;
 	width: 14px;
 	height: 14px;
 	display: block;
 	display: inline;
 	margin-right: 10px;
 }

 /*********/

 .Rpoom-ddsec {
 	padding: 60px 0 60px;
 	position: relative
 }

 .hh-dd-row {
 	margin-left: -4px;
 	margin-right: -4px
 }

 .hh-dd-row .row {
 	margin-left: -4px;
 	margin-right: -4px
 }

 .hh-dd-row .col-lg-8,
 .hh-dd-row .col-lg-4,
 .hh-dd-row .col-lg-12 {
 	padding-left: 4px;
 	padding-right: 4px
 }

 .hh-dd-row .col-lg-2 {
 	padding-left: 4px;
 	padding-right: 4px;
 	width: 20%
 }

 .hh-hal-left {
 	height: 344px !important;
 	object-fit: cover;
 	border-radius: 10px
 }

 .hh-dd-row img {
 	margin-bottom: 8px;
 	width: 100%;
 }

 .hh-dd-row .image-open {
 	position: relative;
 	width: 100%;
 }

 .hh-dd-row .image-open span {
 	position: absolute;
 	content: "";
 	font-weight: 500;
 	color: #fff;
 	text-shadow: 0px 5px 20px #040404;
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	left: 0;
 	right: 0;
 	width: 100%;
 	height: 100%;
 	top: 0;
 	bottom: 0;
 	left: 0;
 	right: 0;

 }

 .hh-hal-right {
 	height: 168px !important;
 	object-fit: cover;

 	border-radius: 10px
 }

 .hh-hal-bottom {
 	height: 100px !important;
 	object-fit: cover;

 	border-radius: 10px
 }

 .Carts-ccsec {
 	position: relative;
 	padding: 50px 0 50px;
 }

 /************/


 /***********/

 .footer-newsletter2 {

 	border-image-slice: 1;
 	padding-bottom: 12px;
 	margin-bottom: 0;
 	padding-top: 12px;
 	background: var(--theme-color2);
 }

 .newsletter-style2 {
 	margin-bottom: 0;
 	padding-left: 80px;
 	position: relative;
 	min-height: unset;
 }

 .newsletter-style2 .newsletter-img {
 	position: absolute;
 	left: 0;
 	top: 0;
 }

 .newsletter-style2 .newsletter-img i {
 	font-size: 59px;
 	color: #fff;

 }

 .newsletter-style2 .newsletter-text {
 	font-size: 20px;
 	font-weight: 600;
 	color: var(--white-color);
 	margin-bottom: 5px;
 	padding-top: 0px;
 }

 .newsletter-style2 a {
 	color: #fff;
 	font-weight: 500;
 	font-size: 15px;
 }

 /**********/

 /*************/

 .copyright-menusq ul {
 	margin: 0;
 }

 .copyright-menusq li {
 	display: inline-block;
 	margin-right: 40px;
 	position: relative;
 	padding: 0px 0;

 	margin-bottom: 0
 }

 .copyright-menusq li:last-child {
 	margin-right: 0px;
 }

 .copyright-menusq a {
 	font-size: 16px;
 	font-weight: 400;
 	color: #fff;
 }

 .copyright-menusq a:hover {
 	color: var(--theme-color2);
 }

 .copyright-menusq li::after {
 	content: "";
 	width: 1px;
 	height: 50%;
 	background-color: var(--white-color);
 	position: absolute;
 	right: -20px;
 	top: 50%;
 	transform: translateY(-50%);
 }

 .copyright-menusq li:last-child::after {
 	content: unset;
 }

 /************************/

 .Blog-ma-sec {
 	position: relative;
 	padding: 60px 0 30px;

 	background: #f9fff3;
 }

 .blog-card {
 	position: relative;
 	background-color: transparent;
 	margin-top: 0px;
 	width: 100%;
 	margin-bottom: 30px;
 	background: #fff;
 	box-shadow: 1px 1px 4px 1px rgba(204, 204, 204, .45);
 	padding: 15px;
 	border-radius: 7px;
 }

 .blog-card__image-link {
 	display: block;
 	position: relative;
 	overflow: hidden;
 	border-radius: 10px;
 	z-index: 0;
 }

 .blog-card__image {
 	width: 100%;
 	display: block;
 	border-radius: 28px;
 	width: 100%;
 	height: 314px;
 	object-fit: cover;
 	height: 21vw !important;
 }

 .blog-card__overlay {
 	display: flex;
 	justify-content: center;
 	align-items: center;
 	position: relative;
 	position: absolute;
 	width: 100%;
 	height: 0%;
 	left: 0;
 	bottom: 0;
 	z-index: 0;
 	background-color: rgba(var(--trevlo-primary-rgb, 45, 35, 48), 0.8);
 	transition: all 0.5s ease;
 	border-radius: 10px;
 }

 .blog-card__plus {
 	margin-top: -100px;
 	font-size: 20px;
 	color: var(--white-color);
 	display: inline-block;
 	opacity: 0;
 	transition: opacity 500ms ease;
 }

 .blog-card__content {
 	padding: 10px 0px 14px;
 	position: relative;
 	position: relative;
 	background-color: transparent;
 	transition: all 500ms ease;
 	width: 100%;
 	left: 0;
 	right: 0;
 	margin: auto;
 	border-radius: 0;
 	z-index: 0;
 	transition: all 500ms ease;
 }

 .blog-card__content p {
 	margin-bottom: 20px;
 	display: -webkit-box;
 	-webkit-line-clamp: 2;
 	-webkit-box-orient: vertical;
 	overflow: hidden;
 	text-overflow: ellipsis;
 }

 .blog-card:hover .blog-card__overlay {
 	top: 0;
 	height: 100%;
 }

 .blog-card:hover .blog-card__plus {
 	opacity: 1;
 }

 .blog-card:hover .blog-card__content {}

 .blog-card__date_bb {
 	right: 0;
 	text-align: center;
 	border-radius: 8px;
 	position: absolute;
 	top: -58px;
 	right: 25px;
 	z-index: 1000;
 }

 .blog-card__date {
 	right: 0;
 	text-align: center;
 	border-radius: 8px;
 	position: absolute;
 	bottom: 0;
 	left: 0;
 	z-index: 1000;
 }

 .blog-card__date-number {
 	line-height: 1;
 	margin-bottom: 0;
 	width: 85px;
 	height: 37px;
 	border-radius: 10px 10px 0px 0px;
 	background: var(--theme-color2);
 	font-size: 32px;
 	font-weight: 600;
 	text-align: center;
 	line-height: 44px;
 	color: #fff;
 }

 .blog-card__date-month {
 	line-height: 1.7;
 	margin-bottom: 0;
 	width: 85px;
 	height: 29px;
 	font-size: 14px;
 	text-transform: capitalize;
 	font-weight: 600;
 	color: #fff;
 	border-radius: 0 0 10px 10px;
 	background: var(--theme-color2);
 }

 .blog-card__meta {
 	margin: 0;
 	padding: 0;
 	list-style: none;
 	display: flex;
 	align-items: center;
 }

 .blog-card__meta li {
 	display: flex;
 	align-items: center;
 }

 .blog-card__meta li:not(:first-child)::before {
 	content: "|";
 	font-size: 14px;
 	margin-left: 13px;
 	margin-right: 13px;
 	font-weight: 400;
 	color: var(--trevlo-white3, #EBE6DE);
 }

 .blog-card__meta-icon {
 	position: relative;
 	top: -1px;
 	display: inline-block;
 	font-size: 14px;
 	color: var(--theme-color);
 	margin-right: 5px;
 }

 .blog-card__meta-author {
 	font-family: var(--trevlo-font, "DM Sans", sans-serif);
 	font-size: var(--trevlo-size-xl, 14px);
 	color: var(--trevlo-secondary, #736D75);
 	letter-spacing: 0.196px;
 	line-height: 1.714;
 	font-weight: 500;
 	text-transform: capitalize;
 }

 .blog-card__title {
 	font-size: 21px;
 	color: var(--title-color);
 	line-height: 1.25;
 	text-transform: capitalize;
 	font-weight: 700;
 	margin-top: 5px;
 	margin-bottom: 22px;
 	border-bottom: 1px dashed rgba(21, 20, 21, 0.21);
 	padding-bottom: 10px;
 	margin-bottom: 10px;

 	height: 64px;
 }

 .blog-card__title a {
 	color: inherit;

 	transition: all 500ms ease;
 	display: -webkit-box;
 	-webkit-line-clamp: 2;
 	-webkit-box-orient: vertical;
 	overflow: hidden;
 	text-overflow: ellipsis;
 }

 .blog-card__title a:hover {
 	background-size: 100% 1px;
 }

 .blog-card__title a:hover {
 	color: var(--theme-color);
 }

 .blog-card__link {
 	padding-top: 0px;
 	display: block;
 	align-items: center;
 	text-transform: capitalize;
 	font-size: 16px;
 	color: var(--theme-color);
 	line-height: 1.714;
 	font-weight: 500;
 	text-transform: capitalize;
 	transition: all 500ms ease;
 	transition: all 500ms ease;
 }

 .blog-card__link:hover {}

 .blog-card__link:hover {
 	color: var(--theme-color);
 }

 .blog-card__link i {
 	font-size: 12px;
 	margin-left: 9px;
 	transition: all 0ms ease;
 	color: var(--theme-color);
 }


 /**************/

 /****************/

 .Work-sec {
 	position: relative;
 	padding: 80px 0 0px;
 	position: relative;
 	Background: #fff;
 	overflow: hidden;

 }

 .Work-sec .container-fluid {
 	padding-left: 0;
 	padding-right: 0
 }

 .Work-sec .container-fluid .row {
 	margin-left: 0;
 	margin-right: 0
 }

 .Work-sec .container-fluid .col-lg-4 {
 	padding-left: 0;
 	padding-right: 0;
 }

 .Work-sec .container-fluid .col-lg-3,
 .Work-sec .container-fluid .col-lg-12 {
 	padding-left: 0;
 	padding-right: 0;
 }

 .Work-sec .container-fluid .col-lg-3 {}

 .prod-box-margin {
 	margin-top: 100px;
 }

 .gal-box {
 	margin-top: -30px;
 	margin-bottom: -30px
 }

 /***********/

 /************************************/

 .prod-box1 {
 	margin-bottom: 0px;
 	border-radius: 0px;
 	position: relative;
 	overflow: hidden;
 	background: transparent;
 	display: block;

 	transition: all .2s ease-in-out;

 	z-index: 1;
 	text-align: center;
 	margin-bottom: 0px;
 	border-radius: 0;
 }

 .prod-box1-ov {
 	position: relative;
 	cursor: pointer;
 	padding: 0px;
 	width: 100%;
 	display: block;
 	overflow: hidden;
 }

 .prod-box1 img {
 	width: 100%;
 	-webkit-transition: 0.4s ease-in-out;
 	transition: 0.4s ease-in-out;
 	height: 20vw;
 	transition: .5s;
 	object-fit: cover;
 }

 .view-portfolio {
 	color: #fff;
 	border: 2px solid #fff;
 	display: block;
 	padding: 2px 15px;
 	font-size: 13px;
 	margin-top: 10px;
 	font-weight: 400;
 }

 .view-portfolio:hover {
 	color: #fff;
 	border: 2px solid var(--theme-color);
 	Background: var(--theme-color);
 }

 .auccd {
 	height: calc(100% - 10px);
 	left: 5px;
 	right: 5px;
 	top: 5px;
 	bottom: 5px;
 	opacity: 1;
 	width: calc(100% - 10px);
 	position: absolute;
 	z-index: 2;
 	display: flex;
 	justify-content: center;
 	align-items: center;
 	border: 1px solid var(--white-color);
 	-webkit-transition: 0.4s ease;
 	transition: 0.4s ease;
 	border-radius: 10px;
 }

 .prod-box1:hover .auccd {
 	height: calc(100% - 30px);
 	left: 15px;
 	right: 15px;
 	top: 15px;
 	bottom: 15px;
 	width: calc(100% - 30px);
 	border: 3px solid #ffffff;

 }

 .prod-box1:hover img {
 	-webkit-transform: scale(1.1);
 	-ms-transform: scale(1.1);
 	transform: scale(1.1);
 }

 .projec-content {
 	position: absolute;
 	padding-top: 0;
 	bottom: 0;
 	text-align: center;
 	width: 100%;
 	left: 0;
 	right: 0;
 	display: none
 }

 .prod-box1:hover .projec-content {
 	display: block !important
 }

 .projec-content h2 {
 	width: 100%;
 	display: block;
 	font-size: 20px;
 	color: var(--white-color);
 	margin-bottom: 0;
 	margin-bottom: 10px;

 }

 .projec-content h2 a {
 	color: var(--white-color);
 }

 .projec-content h2 a:hover {
 	color: var(--theme-color);
 }

 .prod-box1 .icon-content {
 	padding: 0px 40px;
 	z-index: 99;
 	position: relative;
 	width: 100%;
 	position: absolute;
 	left: 40px;
 	right: 40px;
 	bottom: 5px;
 	opacity: 1;
 	width: calc(100% - 80px);
 	text-align: center;
 	-webkit-transition: 0.4s ease;
 	transition: 0.4s ease;
 }

 .prod-box1:hover .icon-content {
 	left: 30px;
 	right: 30px;
 	bottom: 30px;
 	width: calc(100% - 60px);
 }

 .prod-box1 .dlab-tilte {
 	font-size: 22px;
 	margin-bottom: 10px;
 	text-align: center;
 	background: var(--theme-color);
 	padding: 20px;
 	color: #fff;
 }

 .prod-box1:hover .dlab-tilte {
 	background: var(--theme-color);
 }

 .prod-box1 ul {
 	position: relative;
 	display: block;
 	padding: 0px;
 	margin: 0px;
 	margin-bottom: 15px;
 	columns: 2;
 	-webkit-columns: 2;
 	-moz-columns: 2;
 	-webkit-column-gap: 60px;
 	-moz-column-gap: 60px;
 	column-gap: 40px;
 }

 .prod-box1 ul li {
 	position: relative;
 	display: block;
 	color: #fff;
 	padding-left: 20px;
 }

 .prod-box1 ul li:before {
 	font-family: var(--icon-font);
 	font-weight: 900;
 	color: var(--theme-color);
 	position: absolute;
 	left: 0;
 	-webkit-transition: 0.3s ease-in-out;
 	transition: 0.3s ease-in-out;
 	content: "\f336";

 }

 .prod-box1 p {

 	margin-bottom: 15px;

 }

 .prod-box1 .dlab-separator {
 	margin-bottom: 25px;
 	margin-bottom: 25px;
 	background-color: var(--theme-color) !important;
 	margin-left: auto;
 	margin-right: auto;
 	width: 60px;
 	height: 4px;
 	display: block;
 }

 .prod-box1 .icon-content .btn {
 	background-color: var(--theme-color);
 	color: #fff;

 }

 .pd-le-title {
 	font-size: 25px;
 	margin-top: 0px;
 	font-weight: 700
 }

 .pd-le-title a {
 	color: var(--white-color)
 }

 .prod-box1 .pd-le-title a {
 	color: var(--white-color)
 }

 /******************/
 .prod-box1 p {
 	color: #fff;
 	text-align: left;
 }

 .Se-content {
 	background: linear-gradient(to right, var(--theme-color), var(--theme-color));
 	position: relative;
 	margin: -63px 40px 0;
 	padding: 30px;
 	z-index: 10;
 }


 .prod-box1 .overlay {
 	position: absolute;
 	left: 4px;
 	right: 4px;
 	top: 4px;
 	bottom: 4px;
 	background: rgb(255 255 255 / 69%);
 	display: flex;
 	justify-content: center;
 	flex-direction: column;
 	align-items: center;
 	opacity: 0;
 	transition: .5s;
 	height: calc(100% - 8px);
 	width: calc(100% - 8px);
 	z-index: 10;

 }

 .prod-box1:hover .overlay {
 	opacity: 1;
 }

 .prod-box1 .overlay p {
 	color: #fff;
 	margin-bottom: 0;
 	text-align: center;
 }

 .prod-box1 .overlay h3 {
 	color: #fff;
 	font-size: 40px;
 	text-align: center;
 	margin-bottom: 5px;
 }

 .prod-box1 .overlay h3 a {
 	color: var(--title-color);
 }

 .prod-box1 .overlay h3 a:hover {
 	color: var(--theme-color);
 }

 .prod-box1 .overlay svg {
 	transition: .5s;
 }

 .prod-box1 .overlay svg:hover,
 .prod-box1:hover img {
 	transform: scale(1.1);
 }

 /*********/
 .ptoodff:before {

 	border-block-end-width: 0;
 	border-block-start-width: 0;
 	border-color: initial;
 	border-inline-end-width: 0;
 	border-inline-start-width: 0;
 	border-radius: 0;
 	border-style: initial;
 	content: var(--background-overlay);
 	display: block;
 	mix-blend-mode: initial;
 	opacity: 1;
 }

 .ptoodff::before,
 .ptoodff::after {
 	content: '';
 	position: absolute;
 	width: 0;
 	height: 0;
 	border: 4px solid transparent;
 	box-sizing: border-box;
 }

 .ptoodff::before {
 	top: 0;
 	left: 0;
 	border-top-color: var(--theme-color);
 	border-left-color: var(--theme-color);
 	transition: width 1s 0s, height 1s;
 	z-index: 1;
 }

 .prod-box1:hover .ptoodff:before {
 	width: 100%;
 	height: 100%;
 	transition: width 1s 0s, height 1s;
 	border-radius: 0;
 	;
 }



 .ptoodff::after {
 	bottom: 0;
 	right: 0;
 	border-bottom-color: var(--theme-color);
 	border-right-color: var(--theme-color);
 	transition: height 1s 0s, width 1s;
 	z-index: 2;
 }

 .prod-box1:hover .ptoodff:after {
 	width: 100%;
 	height: 100%;
 	transition: height 1s 0s, width 1s;
 	border-radius: 0;
 }


 /**************************/



 /*************/
 .jon-list-sec {
 	position: relative;
 	width: 100%;
 	position: relative;
 	padding: 25px 10px;

 	width: 100%;
 	margin: 0px auto 40px;
 	border-radius: 16px;
 	Background: #fff;


 	display: flex;
 	align-items: center;
 	justify-content: center;
 }

 .jon-list-sec:hover {

 	box-shadow: 0px 1px 7px 0px #6c460094;
 }

 .jon-list-sec .row {
 	width: 100%;
 }

 .jon-list-sec .col-lg-3 {}

 .jon-list-sec .col-lg-9 {}

 .jon-list-sec-img {
 	position: relative;
 	width: 100%;
 	border-radius: 10px;
 }

 .jon-list-sec-img img {
 	position: relative;
 	width: 100%;
 	object-fit: cover;
 	border-radius: 10px;
 	height: 268px;
 }

 .jon-list-sec-content {
 	position: relative;
 	width: 100%;
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	text-align: left;
 	padding-left: 0px
 }

 .jon-list-sec-content-inner {

 	position: relative;
 	width: 100%;
 	display: block
 }

 .jon-list-sec-content h3 {
 	font-weight: 700;
 	font-size: 20px;
 	margin-bottom: 10px;

 	margin-top: 10px;


 }

 .jon-list-sec-content h3 a {
 	color: var(--title-color)
 }

 .jon-list-sec-content h3 a:hover {
 	color: var(--theme-color)
 }

 .jon-list-sec-content p {

 	margin-bottom: 10px;

 }

 .jolist-readmore {
 	color: var(--title-color);
 	font-weight: 500;
 	font-size: 16px
 }

 .jolist-readmore:hover {
 	color: var(--theme-color);

 }

 .Room-category-sec {
 	position: relative;
 	padding: 60px 0 30px
 }


 .jon-list-sec-content ul li {
 	display: inline-block;
 	padding-right: 10px;
 	margin-bottom: 0;
 	font-size: 14px;
 	color: #9fa6ae;
 }

 .jon-list-sec-content li i {
 	position: relative;
 	display: inline-block;
 	width: 45px;
 	height: 45px;
 	line-height: 45px;
 	background: #f1f1f1;
 	text-align: center;
 	color: #343a40;
 	padding-right: 0;
 }

 /*********/

 /***********
*/

 .ser-para {
 	padding-top: 20px;
 	border-top: 1px solid #000;
 	margin-bottom: 30px
 }

 .ser-para p {
 	display: -webkit-box;
 	-webkit-line-clamp: 3;
 	-webkit-box-orient: vertical;
 	overflow: hidden;
 	text-overflow: ellipsis;
 	height: 80px;
 	padding-right: 30px;
 }

 /************/

 .Service-msec {
 	position: relative;
 	padding: 80px 0 80px;
 	Background: #faf5ee;
 }

 .service-left-box {

 	position: sticky;
 	top: 125px;
 }

 .carrer-sec3 {
 	padding: 60px 40px;
 	border-top: unset;
 	background: transparent linear-gradient(292deg, #faf5ee38 0%, #faf5ee 100%) 0% 0% no-repeat padding-box;
 	border-radius: 15px;

 }

 .service-right-box>.row>.col-lg-12:last-child .jon-list-sec {
 	margin-bottom: 0
 }

 /************/

 .service-2sec {
 	position: relative;
 	padding: 60px 0 60px;
 	Background: var(--theme-color)
 }

 /**********/

 .Team-secs {
 	position: relative;
 	padding: 80px 0 50px
 }

 /**********/


 /************/
 .Inspire-sec-inn {
 	position: relative;
 	padding: 60px 0px 30px;
 }

 .doctors-sec .title-area-two h2 {
 	font-size: 38px;
 	line-height: 1.4;
 	font-weight: 700;
 	margin-bottom: 13px;
 }

 .Inspire {
 	position: relative;
 	display: block;
 	text-align: center;
 	margin: 0px auto 30px;
 	box-shadow: 0 0 21px rgba(24, 28, 53, 0.2);
 	width: 100%;
 	background: #fff;

 }

 .Inspire-img {
 	box-shadow: 0 0 21px rgba(24, 28, 53, 0.2);
 	padding: 10px;
 	border-radius: 10px;
 	width: 100%;
 	position: relative;
 	display: block;
 	margin: 0px auto;
 	text-align: center;
 	overflow: hidden;
 }

 .Inspire-img img {
 	width: 100%;
 	border-radius: 10px;
 	height: 281px;
 	object-fit: cover;
 	-webkit-transition: 1.3s all ease;
 	transition: 1.3s all ease;
 	object-position: top;
 }

 .Inspire:hover .Inspire-img img {
 	-webkit-transform: scale(1.3);
 	-ms-transform: scale(1.3);
 	transform: scale(1.3);
 }

 .Inspire-desc {
 	text-align: center;

 	position: relative;
 	display: block;
 	margin-top: -30px;
 	padding: 0 0 20px;

 }

 .Inspire-desc h2 {
 	padding: 15px 10px 10px;
 	box-shadow: 0px -12px 20px 0px rgb(33 20 106 / 10%);
 	font-size: 20px;
 	font-weight: 600;
 	background: #fff;
 	margin-bottom: 0px;
 	border-radius: 100px;
 	color: var(--title-color);
 	text-transform: capitalize;
 	line-height: 28px;

 }

 .Inspire-desc h3 {
 	font-size: 16px;
 	font-weight: 600;
 	text-transform: capitalize;
 	line-height: 29px;
 	margin-bottom: 0px;
 	padding: 0 10px;


 	overflow: hidden
 }

 .Inspire-desc p {

 	color: var(--theme-color);
 	margin-bottom: 5px
 }

 .whh-sec {
 	background-position: top center;
 	position: relative;
 	height: 450px;
 }

 .whu-chooose {
 	Background: #faf5ee;

 	/*position:relative*/
 }

 /*****/

 .whu-chooose-bg {
 	padding: 60px 60px 30px;
 	border-radius: 8px;
 	background: hsla(0, 0%, 100%, .8);
 	-webkit-backdrop-filter: blur(10px);
 	backdrop-filter: blur(10px);
 	position: relative;
 	z-index: 2;
 	margin-top: -290px;
 }

 .facility-single {

 	display: flex;
 	justify-content: center;


 	transition: all .55s ease;

 	margin-bottom: 30px;
 }

 .facility-single .icon {
 	width: 60px
 }

 .facility-single .text {
 	width: calc(100% - 60px);
 	padding-left: 15px
 }

 .facility-single .text h4 {
 	font-size: 20px;
 	margin-bottom: 10px
 }

 .facility-single .text p {
 	margin-bottom: 0
 }

 /****************/

 /*********/


 .ser-sebox {
 	position: relative;
 	padding: 20px 20px 20px;
 	text-align: left;
 	width: 100%;
 	margin: 0px auto 40px;
 	border-radius: 16px;
 	Background: #fff;
 	box-shadow: 0px 3px 7px 0px #60606059;
 }

 .ser-sebox:hover {}

 .ser-sebox-icon {}

 .ser-sebox-icon:before {}

 .ser-sebox-icon img {
 	width: 61px;
 	margin-bottom: 17px;

 }

 .ser-sebox-content {}


 .ser-sebox-content h3 {
 	font-size: 18px;
 	margin-bottom: 10px;
 }

 .ser-sebox-content h3 a {
 	color: var(--title-color)
 }

 .ser-sebox-content h3 a:hover {
 	color: var(--theme-color)
 }

 .ser-sebox:hover .ser-sebox-content h3 a {
 	color: var(--theme-color)
 }

 .ser-sebox-content p {
 	padding: 0px 0px;
 	display: -webkit-box;
 	-webkit-line-clamp: 3;
 	-webkit-box-orient: vertical;
 	overflow: hidden;
 	text-overflow: ellipsis;
 }

 .ser-sebox-p {

 	margin-bottom: 10px;
 }

 .se-read-btn {
 	color: var(--theme-color);
 	font-weight: 600;
 	font-size: 16px
 }

 .se-read-btn:hover {

 	color: var(--theme-color);
 }

 /********/
 .ab-im1 img {
 	width: 100%;
 	border-radius: 0 20px 20px 0;
 }

 .ab-im2 img {
 	width: 100%;
 	border-radius: 20px 0 0 20px;
 }

 .About-a-img img {
 	width: 100%;
 	border-radius: 20px;
 }

 .About-a-img {
 	position: relative;
 	margin-top: -150px;
 	margin-bottom: 0;

 }

 .pb-sec {
 	padding-top: 110px
 }

 .ss-sec {
 	position: relative;
 	padding: 0px 0 80px;
 	Background: #faf5ee;
 	margin-top: -35px;
 }

 .immsec {
 	position: relative;

 }

 .immsec:before {
 	Background: #faf5ee;
 	content: "";
 	position: absolute;
 	bottom: 0;
 	height: 50%;
 	width: 100%;
 	left: 0;
 	right: 0;
 	z-index: 0;
 }

 .immsec .container-fluid {
 	z-index: 1;

 	position: relative
 }

 /*********/

 .hh-linkd {
 	font-size: 16px
 }

 /************/

 .Medical-torism-sec {
 	position: relative;
 	padding: 80px 0 0px
 }

 .dd-icon img {
 	Width: 50px;
 	margin-top: 10px;
 	margin-bottom: 10px;
 }

 /**************/



 /**********/

 .chat-bg {

 	position: fixed;
 	bottom: 20px;
 	z-index: 10;
 	right: 15px;
 }

 .chat-bg img {
 	width: 55px
 }

 .online-paymentbtnmobile {
 	width: max-content;
 	display: block;
 	margin: 17px auto 0;
 }

 .online-paymentbtnmobile a {
 	font-size: 15px;
 	padding: 10px 30px;
 	margin-left: 0;
 	transition: all 0.5s;
 	font-weight: 500;
 	line-height: 1.1;
 	border: 2px solid #fff;
 	background-color: #fff;
 	color: var(--theme-color);
 	border-radius: 0.5rem;
 	cursor: pointer;
 	position: relative;
 	display: block;
 	border: 2px solid var(--theme-color);
 	background-color: var(--theme-color);
 	color: var(--white-color);
 }

 /**************/

 .sti-menu {
 	position: fixed;
 	bottom: 0px;
 	left: 0px;
 	width: 100%;
 	z-index: 10000;
 	background: #fff;
 	box-shadow: 0px -5px 15px 0px rgba(0, 0, 0, 0.1);
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	justify-content: space-between;
 	display: none;
 	border-radius: 0px 0px 0 0;
 	display: flex;
 	text-align: center;
 	margin: 0;
 	padding: 0 0px;
 }

 .sti-menu li {
 	list-style: none;
 	position: relative;
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	flex-direction: column;
 	width: 80px;
 	padding: 0px 0px;
 	border-radius: 0px;
 	position: relative;
 	margin: 0
 }

 .sti-menu li a {
 	text-align: center;
 	width: 100%;
 	padding: 8px 0;
 	display: block;
 	position: relative;
 	color: var(--title-color);
 	border-top: 3px solid #fff;
 	border-radius: 0px;
 }


 }

 .sti-menu li a i {
 	font-size: 15px;
 	display: block;
 	font-weight: 500;
 }

 .sti-menu li a span {
 	font-size: 10px;
 	display: block;
 	font-weight: 500;
 }

 .sti-menu li a.active {
 	color: var(--theme-color) !important;
 	border-top: 3px solid var(--theme-color);
 }

 .sti-menu li a.active i {
 	color: var(--theme-color) !important;
 }

 .sti-menu li a i img {
 	height: 21px;
 }

 .sti-menu li a.active i img {
 	color: var(--theme-color) !important;
 	-webkit-filter: unset;
 	filter: unset;
 }

 .sti-menu li a.active span {
 	color: var(--theme-color) !important;
 }

 .sti-menu {
 	padding: 0 60px
 }

 .sti-menu li a i img {
 	height: 40px;
 }

 .sti-menu li a span {
 	font-size: 15px;
 }

 /********/

 .co-iii {
 	border-radius: 20px;
 	height: 100%;
 	width: 100%;
 	object-fit: cover
 }

 .Contactpage-form {
     padding-right: 20px;
    margin-bottom: 30px;
 }

 .sidebar-area {
 	margin-bottom: 0;
 }

 .sidebar-area .widget {
 	padding: 30px;
 	background-color: #faf5ee;
 	margin-bottom: 40px;
 	position: relative;
 	border-radius: 20px;
 	background: #fff;
 	box-shadow: 1px 1px 4px 1px rgba(204, 204, 204, .45);
 }

 .blog-single img {
 	margin-bottom: 20px;
 	border-radius: 20px;
 	width: 100%
 }

 .blog-single .blog-title {
 	font-size: 33px;
 	line-height: 1.2;
 }

 /*********/

 .abouu-innersec {
 	position: relative;
 	padding: 60px 0 30px;

 }

 .abtt-img {
 	position: relative;

 	width: 100%
 }

 .abtt-img img {
 	margin-bottom: 30px;
 	border-radius: 20px;
 	display: block;
 	width: 100%
 }

 .ab1-img {
 	position: relative;
 	margin-bottom: 30px
 }

 .ab1-img img {
 	border-radius: 50% 50% 0 0;
 }

 .ab1-desc {
 	position: relative;
 	margin-bottom: 30px;
 	padding-right: 30px;
 	margin-bottom: 30px;
 }

 .ab1-desc .aa-iisec {
 	position: relative;
 	margin-left: -102px;
 	border-radius: 50px;

 	margin-top: 30px
 }

 .ab1-desc img {
 	width: 100%;
 	border-radius: 50px;
 }

 .Appointmentsecc {
 	position: relative;
 	padding: 60px 0 60px;

 }

 .Appointment-bg {
 	padding: 0px;
 	Background: #fff;
 	border-radius: 20px
 }

 /*********/

 .c-innersec {
 	position: relative;

 }

 .co-in-form {
 	position: relative;
 	padding: 0px 0px 0px;
 	position: relative;
 	background-color: #f9fff3;
 	padding: 60px 30px;
 	text-align: center;
 	box-shadow: 0 0 8px -2px rgba(0, 0, 0, .1);
 	width: 100%;
 	border-radius: 20px;
 }

 .co-in-form-inner {
 	position: relative;

 }

 .co-in-form-inner form {
 	width: 100%;

 }

 .co-in-form-inner input,
 .co-in-form-inner select,
 .co-in-form-inner textarea {
 	height: 50px;
 	position: relative;
 	padding: 0 20px;
 	font-size: 15px;
 	background-color: #fff;
 	display: block;
 	width: 100%;
 	border: 1px solid #0000001f;
 	transition: border-bottom-color 1s ease 0s;
 	font-weight: 500;
 	color: var(--title-color);
 	border-radius: 10px;
 }

 .co-in-form-inner textarea {
 	padding-top: 15px;
 	height: 100px;
 	resize: none;
 	min-height: 100px;

 }

 .co-in-form-inner input::placeholder {
 	color: var(--title-color);

 }

 .co-in-text p {
 	color: var(--title-color);
 }

 /**********/

 .career-inner-sec {
 	position: relative;
 	padding: 60px 0 30px;
 	Background: #faf5ee;
 }


 .jobbox-sec {
 	position: relative;
 	width: 100%;
 	margin-bottom: 30px;
 	padding: 30px 30px 73px;
 	box-shadow: unset;
 	background: #fff;
 	border-radius: 20px;
 }

 .jobbox-sec:hover {

 	box-shadow: 0 5px 15px rgba(0, 0, 0, .08) !important;
 }

 .jobbox-sec h3 {
 	font-size: 20px;
 	margin-bottom: 10px;
 	color: var(--theme-color);
 	text-align: left !important;
 }

 .jobbox-sec h4 {
 	font-size: 17px;
 	margin-bottom: 10px;
 	color: var(--title-color);
 	text-decoration: underline;
 }

 .jobbox-sec p {
 	color: var(--body-color);
 	font-weight: 400;

 	margin-bottom: 5px;
 }

 .jobbox-sec p i {
 	margin-right: 8px;
 }

 .jobbox-sec a {
 	border-radius: 100px;
 	font-size: 20px;
 	color: var(--title-color);
 	padding: 0;
 	position: relative;
 	display: block;
 	width: 100%;
 	margin-top: 10px;
 	font-weight: 600;
 }

 .jobbox-sec .loc-p {
 	color: var(--theme-color);
 	font-weight: 500;
 	font-size: 16px;
 	line-height: 26px;
 }

 .jobbox-sec a.carrer-btn {
 	border-radius: 0px;
 	font-size: 15px;
 	color: var(--theme-color);
 	border: none;
 	padding: 8px 30px;
 	position: relative;
 	display: block;
 	width: max-content;
 	margin-top: 10px;
 	font-weight: 600;
 	font-weight: 600;
 	text-transform: capitalize;
 	position: absolute;
 	margin-bottom: 30px;
 	bottom: 0;
 	left: 30px;
 	color: var(--white-color);
 	box-shadow: none;
 	background: var(--theme-color);
 	border-radius: 5px;
 }

 .career-inner-sec h3 {
 	font-size: 24px;
 	font-weight: 700;
 	margin-top: 20px;
 	margin-bottom: 20px;
 	text-align: center;
 	margin-top: 0;
 	text-align: center;
 	display: inline-block;
 }

 /***************/


 /*************/
 .mysearchsec {
 	text-align: center;
 	margin-top: 0px;
 	padding: 25px 25px 15px;
 	border-color: #ceffe8;
 	border-radius: 5px;
 	box-shadow: none;
 	background: #2f3e9242;
 	margin-bottom: 40px;
 }

 .mysearchsec select {
 	border: 1px solid #9ca3ab;
 	padding-left: 15px;
 	padding-left: 15px;
 	position: relative;
 	font-size: 16px;
 	box-shadow: unset !important;
 	transition: .5s;
 	background-color: #fff !important;
 	color: #454547;
 	font-weight: 100;
 	height: 55px;
 	appearance: auto;
 	margin-bottom: 20px;


 }

 .Jobseek_sec {
 	background: url(../images/sec_2_bg.png) no-repeat right 7rem / auto 100%;
 	padding: 20px 0px 30px;
 	margin-top: 74px;
 	position: relative;
 }

 /**********/

 .job-head {
 	background: var(--theme-color1);
 	padding: 20px 0px;
 	margin-bottom: 60px;

 }

 .job-head h2 {
 	color: #fff;
 	margin-bottom: 0px;
 	font-size: 30px;

 }

 .career-first {
 	position: relative;
 	width: 100%;
 	padding-top: 80px;

 }

 .career-first:before {
 	position: absolute;
 	background: var(--theme-color1) none repeat scroll 0 0;
 	content: "";
 	top: 0;
 	right: -5.5%;
 	width: 2030px;
 	height: 100%;
 	z-index: 0;

 }

 .cr-second {
 	position: relative;

 	padding: 80px 0px 80px;
 	padding-left: 30px;
 }

 .cr-second p {
 	color: var(--body-color);
 	font-size: 18px;
 	font-weight: 500;
 	line-height: 32px;
 	margin-top: 0px;
 	margin-bottom: 0px;
 	display: inline-block;
 	z-index: 1;
 	position: relative;
 }

 .job-second h3 {
 	font-size: 25px;
 	margin-bottom: 15px;
 }

 .job-second ul {
 	display: block;
 	position: relative;
 	padding: 0;
 }

 .job-second li {
 	display: block;
 	position: relative;
 	padding-left: 15px;
 	margin-bottom: 10px;
 	list-style: none;
 }

 .job-second li:before {
 	width: 6px;
 	height: 6px;
 	content: "";
 	color: var(--theme-color);
 	position: absolute;
 	left: 0;
 	top: 10px;
 	background: var(--theme-color1);
 	border-radius: 50%;
 }



 .job-first h3 {
 	font-size: 25px;
 	color: var(--theme-color1);
 	margin-bottom: 20px;
 }

 .job-first h4 {
 	font-size: 20px;
 	color: var(--theme-color);

 	margin-bottom: 20px;
 }


 .job-first h6 {
 	font-size: 20px;
 	color: #000;

 	margin-bottom: 10px;
 }

 .jobsec-area-detail {
 	position: relative;
 	padding: 60px 0px 60px;
 	background: #fff;
 }

 .job-first {
 	position: relative;
 	margin-bottom: 20px;
 }

 .job-first h2 {
 	padding-bottom: 0;
 	font-size: 29px;
 	position: relative;
 	line-height: 1.3;
 	margin-top: 0;
 	display: block;
 	margin-bottom: 10px;
 }

 .job-first h3 {
 	font-size: 20px;
 	color: var(--theme-color)
 }

 .job-first h3 i {
 	margin-right: 5px;
 	color: var(--theme-color)
 }

 .job-first h4 {
 	font-size: 16px;
 	color: var(--theme-color1)
 }

 .job-first h4 i {
 	margin-right: 5px;
 	color: var(--theme-color)
 }

 .related {
 	font-size: 20px;
 	margin-bottom: 11px;
 	font-weight: 700;
 	color: var(--title-color);
 }

 .job-second {}

 .job-second h3 {
 	font-size: 20px;

 	margin-bottom: 10px;
 }

 .job-second ul {
 	display: block;
 	position: relative;
 	padding: 0
 }

 .job-second li {

 	display: block;
 	position: relative;
 	padding-left: 24px;
 	margin-bottom: 10px;
 	list-style: none;
 }


 .job-second li:before {

 	content: "";
 	background: var(--theme-color);
 	position: absolute;
 	left: 0;
 	top: ;
 	width: 6px;
 	height: 6px;
 	border-radius: 50%
 }

 /***************/
 .Upload-resume {
 	text-align: left;
 	padding: 0px 0px 0px;
 	width: 100%;
 	position: relative;
 	display: block;
 	border-radius: 0;
 }

 .Upload-resume h3 {
 	font-size: 25px;
 	margin-bottom: 15px;
 	color: var(--theme-color1)
 }

 .Upload-resume .form-group {
 	padding: 0;
 	margin: 0;
 	margin-bottom: 0px;
 	position: relative;
 	text-align: left;

 }

 .Upload-resume .form-group input {
 	border-radius: 24px;
 	border: 1px solid #5C5C5C;
 	color: var(--theme-color1);
 	height: 35px;
 	font-size: 13px;
 	padding: 14px;
 	background: #fff;
 	text-align: left;
 }

 .Upload-resume .resumebtn {
 	display: none;
 }

 .Upload-resume .custom-file-upload {
 	font-weight: 600;
 	font-size: 16px;
 	color: var(--body-color);
 	margin-bottom: 3px;
 	border-radius: 24px;
 	display: inline-block;
 	padding: 9px 25px 9px 25px;
 	cursor: pointer;
 	width: 100%;
 	height: unset;
 	color: #fff !important;
 	border: none;
 	position: relative;
 	display: block;
 	margin-top: 5px;
 	text-align: center;
 	margin: 0px 0;
 	text-align: left;
 	position: relative;
 	display: block;
 	font-weight: 600;
 	font-size: 15px;
 	margin-bottom: 10px;
 	background-image: linear-gradient(209deg, #000000 100%);
 }

 .resume-form h4 {
 	color: #fff;
 	font-size: 25px;
 	margin-bottom: 5px
 }

 /**********/

 .jloc-p {
 	color: var(--theme-color);
 	margin-bottom: 5px;
 	font-weight: 500;
 	font-size: 17px;
 	margin-top: 0;
 }

 .jsal-p {
 	color: var(--theme-color1);
 	margin-bottom: 5px;
 	font-weight: 500;
 	font-size: 17px;
 }

 /*************/

 .resume-form {
 	padding: 26px;
 	position: relative;
 	margin-left: 20px;
 	background: var(--theme-color);
 	border-radius: 10px;
 }

 .down-pdf {
 	position: relative
 }

 .Upload-resume p {
 	margin-bottom: 0px;
 	font-weight: 500;
 	font-size: 15px;
 	color: #fff
 }

 .default-form input {
 	height: 50px;
 	font-size: 14px;
 	height: 50px;
 	font-size: 16px;
 }

 .default-form textarea {
 	height: 100px;
 	font-size: 14px;
 	min-height: 100px;
 	height: 50px;
 	font-size: 16px;

 }

 .Job-note {
 	border: 1px solid var(--theme-color);
 	padding: 25px 25px 10px;
 	margin-top: 20px;
 	border-radius: 30px;
 }

 .Job-note p {
 	color: var(--title-color);
 	font-weight: 500;
 }

 .Job-note h4 {
 	color: var(--theme-color);
 	font-weight: 600;
 	font-size: 18px;
 	margin-bottom: 10px
 }



 .aaer1 {
 	position: absolute;

 	width: 40%;
 	opacity: 0.02;
 	left: 0;

 }



 /**************/
 .Team-secs-dd {
 	position: relative;
 	padding: 60px 0 60px;
 	Background: #faf5ee;
 }

 .Team-bgg {
 	position: relative;
 	padding: 40px;
 	Background: #fff;
 	border-radius: 20px
 }

 .tt-img {
 	position: relative;
 	padding: 10px;
 	Background: #faf5ee;

 	border-radius: 20px
 }

 .tt-img img {

 	border-radius: 20px
 }

 .tt-desc h2 {
 	font-size: 35px;
 	margin-bottom: 10px;
 }


 .tt-desc h3 {
 	font-size: 25px;

 	color: var(--theme-color);
 	margin-bottom: 10px;
 }

 .tt-desc h4 {
 	font-size: 20px;


 	margin-bottom: 10px;
 }

 /**********/

 /*************/

 .Companysec {
 	padding: 70px 0 40px;
 	position: relative;

 	padding: 60px 0 30px;
 	position: relative;
 }

 /***********/

 /****************/


 .feature-block-two {
 	margin-bottom: 30px;
 	position: relative;
 	z-index: 1
 }

 .feature-block-two .inner-box {
 	margin-bottom: 0px;
 	position: relative;
 	transition: all .3s ease;
 	z-index: 2;
 	width: 100%;
 	position: relative;
 	display: block;
 }

 .feature-block-two .inner-box:hover .step {

 	transition: all .3s ease
 }

 .feature-block-two .inner-box:hover .overlay-content {
 	opacity: 1;
 	visibility: visible;
 	transform: scale(1)
 }

 .feature-block-two .inner-box:hover .overlay-content .read-more {
 	opacity: 1;
 	visibility: visible;
 	bottom: -20px
 }

 .feature-block-two .inner-box:hover .image img {
 	transform: scale(1.1);
 	opacity: .8;
 	transition: all .5s;
 	transform: scale(1.1);



 }

 .feature-block-two .image {
 	border-radius: 20px;
 	margin-bottom: 0;
 	overflow: hidden;
 	position: relative;

 }

 .feature-block-two .image img {
 	height: 295px;
 	object-fit: cover;
 	transition: all .3s ease;
 	width: 100%;
 	border-radius: 20px;
 }

 .feature-block-two.full .image img {
 	height: 29.7vw;
 }

 .feature-block-two .step {
 	top: 40%;
 	left: 0;
 	position: absolute;
 	right: 0;
 	text-transform: capitalize;
 	padding: 10px 19px;
 	z-index: 1;
 	border-radius: 0;
 	transition: all .5sease;
 	text-align: center;
 	width: 100%;
 	background: transparent;
 }

 .feature-block-two .step h3 {
 	margin-bottom: 0;
 	text-align: center;
 	margin: 0px auto;
 	color: #fff;
 	font-size: 33px;
 	text-shadow: 1px 1px #000000;
 	line-height: 1;
 	font-weight: 700;
 }

 .feature-block-two .inner-box:hover .step h3 {
 	color: var(--theme-color)
 }

 .feature-block-two .overlay-content {
 	position: absolute;
 	left: 0;
 	height: auto;
 	width: 100%;
 	padding: 55px 40px 40px;
 	opacity: 0;
 	visibility: hidden;
 	transition: all .3s ease;
 	transform: scale(.7);
 	padding: 24px 25px;
 	border-radius: 16px 0 0 16px;
 	bottom: 31px;
 	width: 100%;
 	background: #fff;


 }

 @media only screen and (max-width:424px) {
 	.feature-block-two .overlay-content {
 		padding: 40px 30px 30px
 	}
 }

 .feature-block-two .overlay-content .title-box {
 	align-items: center;
 	display: flex;
 	margin-bottom: 20px;
 	position: relative
 }

 .feature-block-two .overlay-content .icon {
 	color: var(--theme-color);
 	font-size: 58px;
 	margin-right: 10px;
 	position: relative
 }

 @media only screen and (max-width:424px) {
 	.feature-block-two .overlay-content .icon {
 		display: none
 	}
 }

 .feature-block-two .overlay-content .title {
 	color: #fff;
 	margin-bottom: 0;
 	transition: all .3s ease
 }

 .feature-block-two .overlay-content p {
 	color: var(--title-color);
 	font-size: 16px;
 	line-height: 26px;
 	position: relative;
 	margin-bottom: 0px;
 }

 .feature-block-two .overlay-content .read-more {
 	bottom: 10px;
 	font-size: 14px;
 	line-height: 20px;
 	padding: 10px 30px;
 	position: absolute;
 	right: 30px;
 	opacity: 0;
 	visibility: hidden;
 	transition: all .3s ease
 }


 /***********/

 /**********/

 .ss-innersec {
 	position: relative;
 	padding: 60px 0 30px;
 	Background: #faf5ee;
 }

 /*************/

 .Aboutothert-innersec {
 	position: relative;
 	padding: 50px 0 50px;
 	Background: #faf5ee;
 }

 .Aboutothert-innersec-bg {
 	position: relative;
 	padding: 30px 30px 30px;
 	background: #fff;

 }

 .acc-lefts {
 	position: relative;
 	margin-bottom: 30px
 }

 .acc-lefts img {
 	border-radius: 33px;
 }

 .acc-rights {
 	position: relative;
 	margin-bottom: 30px
 }

 /************/

 .Sess-innersec {
 	position: relative;
 	padding: 50px 0 50px;
 	Background: #faf5ee;
 }

 .Sess-innersec-bg {
 	position: relative;
 	padding: 0px 0px 0px;
 	background: #fff;
 	border-radius: 37px;

 }

 .Sess-innersec-bg .row {
 	margin-left: 0;
 	margin-right: 0;
 }

 .Sess-innersec-bg .row .col-lg-6 {
 	padding-left: 0;
 	padding-right: 0;
 }

 .scc-lefts {
 	position: relative;
 	width: 100%;
 	height: 100%;
 	border-radius: 37px 0 0 37px;
 }

 .scc-lefts img {
 	position: relative;
 	width: 100%;
 	height: 100%;
 	border-radius: 37px 0 0 37px;
 	object-fit: cover;
 }

 .scc-rights {
 	position: relative;
 	width: 100%;

 	padding: 60px 40px 50px;
 	display: flex;
 	align-items: center;

 }

 .scc-rights-inner {
 	display: block;
 	position: relative;
 }


 /************/

 /***********/

 /* Media Featured Box
-----------------------------------------------------------------*/

 .media-box {
 	padding: 0;
 	margin-left: 0;
 	margin-right: 0;
 	-ms-flex-direction: column;
 	flex-direction: column;
 	margin-bottom: 30px;
 	background: var(--theme-color);
 	width: 100%;
 	position: relative;
 }

 .media-box .fbox-media {
 	margin: 0 0 1.5rem;
 }

 .media-box .fbox-media,
 .media-box .fbox-media a,
 .media-box .fbox-media img {
 	position: relative;
 	display: block;
 	width: 100%;
 	height: auto;
 }

 .media-box .fbox-media iframe {
 	display: block;
 }

 .media-box p {
 	margin-top: 1rem;
 }

 .media-box .fbox-content {
 	-ms-flex-preferred-size: auto;
 }

 .media-box.fbox-bg .fbox-media {
 	margin: 0;
 }

 .media-box.fbox-bg .fbox-content {
 	padding: 15px 20px;
 	background-color: transparent;
 	border: unset;
 	border-top: 0;
 	border-radius: 0;
 }

 .media-box.fbox-bg .fbox-content h3 {

 	font-size: 17px;
 	text-align: center;
 	color: #fff;
 	font-weight: 700;
 	margin-bottom: 0px;
 	text-transform: capitalize;


 }

 .media-box.fbox-bg .fbox-media img {
 	border-radius: 5px 5px 0 0;
 }

 .wrapper {

 	margin: 0px auto;
 	padding: 0 0px;
 }

 .youtube {
 	background-color: var(--theme-color);

 	position: relative;
 	padding-top: 57.00%;
 	overflow: hidden;
 	cursor: pointer;
 }

 .youtube img {
 	width: 100%;
 	top: -15.82%;
 	left: 0;
 	opacity: 1;
 }

 .youtube .play-button {
 	width: 70px;
 	height: 50px;
 	background-color: #333;
 	box-shadow: 0 0 30px rgba(0, 0, 0, 0.6);
 	z-index: 1;
 	opacity: 0.8;
 	border-radius: 9px;
 }

 .youtube .play-button:before {
 	content: "";
 	border-style: solid;
 	border-width: 10px 0 10px 18px;
 	border-color: transparent transparent transparent #fff;
 }

 .youtube img,
 .youtube .play-button {
 	cursor: pointer;
 }

 .youtube img,
 .youtube iframe,
 .youtube .play-button,
 .youtube .play-button:before {
 	position: absolute !important;
 }

 .youtube .play-button,
 .youtube .play-button:before {
 	top: 50%;
 	left: 50%;
 	transform: translate3d(-50%, -50%, 0);
 }

 .youtube iframe {
 	height: 100%;
 	width: 100%;
 	top: 0;
 	left: 0;
 }

 .wrapper:hover .youtube .play-button {

 	background-color: red;
 }

 .galseed {}

 .galseed h2 {
 	padding-top: 30px;
 	padding-bottom: 60px;
 	text-align: center;
 	font-size: 28px;
 	font-weight: 600;
 	color: #7bbf7d;
 	text-transform: capitalize;
 }

 /******/


 .Course-innersecss {
 	position: relative;
 	padding: 60px 0 60px;
 	background: #faf5ee;
 }

 .aucc-tab {
 	Background: transparent;
 	padding: 30px 0px 0px;
 	position: relative;
 }

 /************/

 .Privacy-innersec {
 	padding: 60px 0 50px;
 	position: relative
 }

 .Privacy-innersec h3 {
 	font-size: 20px;
 	margin-top: 23px;
 	margin-bottom: 10px;
 	line-height: 1.2;
 	position: relative;
 	padding-left: 30px;

 }

 .Privacy-innersec h6 {
 	font-size: 25px;
 	margin-top: 23px;
 	margin-bottom: 10px;
 	line-height: 1.2;
 	position: relative;


 }

 .Privacy-innersec h3:before {
 	font-family: var(--icon-font);
 	font-weight: 900;
 	color: var(--title-color);
 	position: absolute;
 	left: 0;
 	-webkit-transition: 0.3s ease-in-out;
 	transition: 0.3s ease-in-out;
 	content: "\f336";
 	content: "\f101";
 }

 .Privacy-innersec h4 {
 	font-size: 18px;
 	margin-bottom: 10px;
 	margin-top: 10px;
 	color: var(--theme-color);
 }

 .Privacy-innersec h5 {
 	font-size: 18px;
 	padding-left: 15px;
 	color: var(--theme-color);

 }

 .Privacy-innersec a {
 	font-weight: 500;
 	color: var(--theme-color2)
 }

 .Privacy-innersec a:hover {

 	color: var(--theme-color)
 }

 .Privacy-innersec ul {


 	padding-left: 20px;
 	padding-top: 0px;
 	margin-bottom: 20px;
 }

 .Privacy-innersec ul li {
 	display: block;
 	list-style: none;
 	position: relative;
 	margin-bottom: 8px;
 	padding-left: 18px
 }

 .Privacy-innersec ul li:before {
 	content: "";
 	position: absolute;
 	left: 0;
 	top: 10px;
 	width: 6px;
 	height: 6px;
 	background: var(--title-color);
 	border-radius: 50%;

 }

 /************/


 /***********/

 /* Side Sticky */


 .slide-slide-bar {
 	margin: 0;
 	padding: 0;
 	position: fixed;
 	right: -6px;
 	z-index: 999;
 	top: 54%;
 	width: 46px;
 	opacity: 0;
 	transition: all .5s ease-in-out;
 	transform: translateY(-50%);
 }

 .slide-menu-icon {

 	position: fixed;
 	top: 35%;
 	right: 0;
 	height: 162px;
 	width: 45px;
 	background-color: var(--theme-color);
 	z-index: 10;
 	border-radius: 10px 10px 0 10px;
 	margin-top: -40px;
 }

 .slide-menu-icon span {
 	position: absolute;
 	bottom: -13%;
 	left: 0;
 	right: 0;
 	margin: 0 auto;
 	width: 28px;
 	margin: 0 auto;
 	text-align: center;
 	transform: translateY(-50%) rotate(180deg);
 	writing-mode: vertical-rl;
 	font-size: 17px;
 	letter-spacing: 0;
 	text-transform: capitalize;
 	font-weight: 600;
 	color: #fff;

 }

 .slide-menu-icon span i {
 	transform: rotate(90deg);
 }

 .slide-slide-bar a img {
 	border-radius: 10px 0px 0 10px;

 }

 .slide-slide-bar.active {
 	opacity: 1;
 	transition: all .5s ease-in-out;
 }

 #slide-panel {
 	width: 350px;
 	margin-right: -350px;
 	position: absolute;
 	z-index: 100;
 	right: 0;
 	top: 38%;
 	padding: 15px 0 15px 41px;
 	overflow: auto;
 	transform: translateY(-50%);
 }


 .panelTitle {
 	margin-bottom: 15px;
 	font-size: 20px;
 	font-weight: 600;
 	line-height: 24px;
 	color: var(--title-color)
 }


 .overflow {
 	background: #fff;
 	padding: 20px 20px 15px;
 	box-shadow: 1px 1px 8px #c9c2c2;
 	height: auto;
 	overflow: auto;
 	border-radius: 20px 0 0 20px;
 }

 .arrowsec {
 	margin: 0 0 0px 0;
 	position: absolute;
 	top: 25px;
 	right: 15px;
 	background: var(--theme-color);
 	width: 30px;
 	height: 30px;
 	text-align: center;
 	border-radius: 50%;
 	color: var(--title-color);
 	z-index: 1;
 }

 .arrowsec a {
 	background: var(--theme-color);
 	width: 30px;
 	height: 30px;
 	text-align: center;
 	border-radius: 50%;
 	color: var(--title-color);
 	display: block;
 }

 .fieldset .form-control {
 	width: 100%;
 	padding: 5px 15px;
 	background: #faf5ee;
 	color: var(--body-color);
 	font-size: 14px;
 	border: none;
 	margin-bottom: 15px;
 	text-decoration: none;
 	font-weight: 500;
 	height: 37px;
 	border-radius: 6px;
 }

 .fieldset textarea.form-control {
 	min-height: 71px;

 }

 .fieldset select.form-control {
 	-moz-appearance: :auto;
 	appearance: auto;

 }

 .fieldset .form-control:focus,
 .fieldset .form-control:hover {
 	outline: none;
 	text-decoration: none;
 }

 .ucontrol {
 	background: var(--theme-color);
 	color: #fff;
 	margin-bottom: 10px;
 	outline: none;
 	text-decoration: none;
 	padding: 8px 25px;
 	font-size: 14px;
 	font-weight: 500
 }

 .ucontrol:hover,
 .ucontrol:focus {
 	background: var(--theme-color);
 	color: #fff;
 	margin-bottom: 10px;
 	outline: none;
 	text-decoration: none;
 	font-weight: 500
 }

 /**/



 /*****************/

 .Maparea-sec {
 	position: relative;
 	Background: var(--theme-color);
 	padding: 60px 0 60px
 }

 .Maparea-sec iframe {
 	border-radius: 20px
 }

 .Maparea-sec .form-group {
 	margin-bottom: 10px;
 	position: relative;
 }

 .Maparea-sec .co-in-form-inner textarea {
 	padding-top: 15px;
 	height: 100px;
 	min-height: 100px;
 	resize: none;
 }

 .Maparea-sec h4 {
 	font-size: 25px;
 	margin-bottom: 0;
 	margin-top: 10px;
 }

 .Maparea-sec hr {
 	margin: 10px 0;
 	color: inherit;
 	background-color: rgb(0 0 0);
 	border: 0;
 	opacity: 1;
 	height: 1px;
 }

 .Maparea-sec p {

 	margin-bottom: 0;
 	font-weight: 500;
 	color: var(--title-color)
 }


 /*****************/

 /**********/
 .New-featuresec {

 	padding: 0px 15px 0px;
 	position: relative
 }

 .New-featuresec .col-lg-3 {
 	width: 20%
 }

 .new-ffsec {
 	position: relative;
 	width: 100%;
 	text-align: center;
 	background-color: var(--theme-color2) !important;
 	margin-bottom: 30px;
 	padding: 0px 20px 20px;

 	margin-top: 171px;
 	border-radius: 31px;
 }

 .new-ffsec-sub {
 	text-align: left
 }

 .new-ffsec img {

 	height: 171px;
 	margin-top: -200px;
 }

 .new-ffsec p {
 	margin-bottom: 10px;
 	color: var(--body-color);
 	color: #fff
 }

 .new-ffsec h3 {
 	font-size: 20px;
 	margin-bottom: 10px;
 	color: #fff
 }

 /*************/
 .New-featuresec .col-lg-3:nth-child(odd) .new-ffsec {
 	background-color: var(--theme-color) !important;
 }

 .New-featuresec .col-lg-3:nth-child(even) .new-ffsec {
 	background-color: var(--theme-color2) !important;
 }

 .New-featuresec .col-lg-3:nth-child(odd) .new-ffsec:hover {
 	background-color: var(--title-color) !important;
 }

 .New-featuresec .col-lg-3:nth-child(even) .new-ffsec:hover {
 	background-color: var(--title-color) !important;
 }

 .new-ffsec:hover p {
 	color: #fff
 }

 .new-ffsec:hover h3 {
 	color: #fff
 }

 /***********/

 .appoitment-sec {
 	position: relative;

 	padding: 50px 0 40px;
 }

 /*********************/
 .nee-sec .col-lg-3 {
 	margin-bottom: 30px
 }

 .counter-card-imgg {
 	height: 100%;
 	width: 100%;

 }

 .counter-card-imgg img {
 	height: 100%;
 	width: 100%;
 	border-radius: 20px;
 }

 /****************/
 .Desti-hotelsec {
 	position: relative
 }

 .ho-do-box {
 	position: relative
 }

 .Desti-hotelsec .container-fluid {
 	padding-left: 0;
 	padding-right: 0
 }

 .Desti-hotelsec .container-fluid .row {
 	margin-left: 0;
 	margin-right: 0
 }

 .Desti-hotelsec .container-fluid .col-lg-4 {
 	padding-left: 0;
 	padding-right: 0
 }

 .ho-do-box {
 	position: relative;
 	width: 100%;
 	padding: 80px 40px 70px;
 	text-align: center
 }

 .ho-do-box h3 {
 	color: #fff
 }

 .ho-do-box p {
 	color: #fff;
 	position: relative
 }

 .ho-do-box:before {
 	width: 100%;
 	height: 100%;
 	position: absolute;
 	content: "";
 	Background: var(--theme-color);
 	top: 0;
 	bottom: 0;
 	left: 0;
 	right: 0;
 	opacity: 0.8;
 }

 .Desti-hotelsec .container-fluid .col-lg-4:nth-child(1) .ho-do-box:before {

 	Background: var(--theme-color);

 }

 .Desti-hotelsec .container-fluid .col-lg-4:nth-child(2) .ho-do-box:before {
 	Background: var(--theme-color2);
 }

 .Desti-hotelsec .container-fluid .col-lg-4:nth-child(3) .ho-do-box:before {
 	Background: var(--title-color);
 }


 /*******************/
 .Service-alopaasec {
 	position: relative;
    padding: 0px 0 30px;
 }

 .Aloppathybox {
 	position: relative;
 	width: 100%;
 	margin-bottom: 30px;
 	background: #fff;
 	box-shadow: 1px 1px 4px 1px rgba(204, 204, 204, .45);
 	padding: 15px;
 	border-radius: 7px;
 	overflow: hidden;
 	display: flex;
 	cursor: pointer;
 }

 .Aloppathybox-flex {
 	position: relative;
 	width: 100%;

 	display: flex;
 	align-items: center;
 }

 .Aloppathybox-icon {
 	width: 46%;
 	position: relative;
 }

 .Aloppathybox-icon img {
 	border-radius: 6px;
 	object-fit: cover;
 	height: 11vw !important;
 	width: 100%;

 }

 .Aloppathybox-text {
 	width: calc(100% - 46%);
 	position: relative;

 	padding-left: 10px
 }

 .Aloppathybox-text h3 {

 	font-size: 20px;

 	margin-bottom: 0;
 }


 /******************/

 /*******************/
 .Service-ayurvedhasec {
 	position: relative;

 	padding: 60px 0 30px;
 }

 .traditional-head {
 	text-align: center
 }

 .traditional-head h3 {
 	color: var(--theme-color);
 	font-size: 20px;
 }

 .Ayurvedhabox {
 	position: relative;
 	width: 100%;
 	margin-bottom: 30px;
 	background: #fff;
 	box-shadow: 1px 1px 4px 1px rgba(204, 204, 204, .45);
 	padding: 15px;
 	border-radius: 7px;
 	overflow: hidden;
 	display: flex;
 	text-align: center;
 	cursor: pointer;
 }

 .Ayurvedhabox-flex {
 	position: relative;
 	width: 100%;

 	margin: 0px auto;
 	text-align: center;
 }

 .Ayurvedhabox-icon {
 	width: 100%;
 	position: relative;

 	margin-bottom: 15px
 }

 .Ayurvedhabox-icon img {
 	border-radius: 6px;
 	width: 100%;
 	height: auto;
 	object-fit: cover;

 }

 .Ayurvedhabox-text {
 	width: 100%;
 	position: relative;



 }

 .Ayurvedhabox-text p {
 	padding: 0px 15px;
 	margin-bottom: 15px;
 	display: -webkit-box;
 	-webkit-line-clamp: 3;
 	-webkit-box-orient: vertical;
 	overflow: hidden;
 	text-overflow: ellipsis;
 	text-align: center;
 }

 .Ayurvedhabox-text h3 {

 	font-size: 20px;

 	margin-bottom: 8px;
 }

 /*********************/

 /*****************/

 .service-feature {
 	background-color: var(--white-color);
 	padding: 20px 20px 20px 70px;
 	box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.06);
 	border-radius: 10px;
 	overflow: hidden;
 	position: relative;
 	z-index: 2
 }

 .service-feature-wrap {
 	display: grid;
 	grid-template-columns: repeat(2, 1fr);
 	gap: 24px
 }

 @media (max-width: 767px) {
 	.service-feature-wrap {
 		grid-template-columns: repeat(1, 1fr)
 	}
 }

 .service-feature .box-icon {
 	background: var(--smoke-color2);
 	width: 80px;
 	height: 80px;
 	line-height: 80px;
 	text-align: center;
 	border-radius: 99px;
 	position: absolute;
 	top: -20px;
 	left: -20px;
 	z-index: 2
 }

 .service-feature .box-icon:after {
 	content: '';
 	position: absolute;
 	inset: 10px;
 	background-color: var(--theme-color);
 	border-radius: inherit;
 	z-index: -1
 }

 .service-feature .box-title {
 	font-size: 20px;
 	font-weight: 600;
 	margin-bottom: 10px;
 	margin-top: -0.3em
 }

 .step-wrap {
 	position: relative
 }

 .step-wrap .process-line {
 	position: absolute;
 	top: 49%;
 	left: 0%;
 	width: 100%;
 	height: 3px;
 	background: -webkit-radial-gradient(50% 150.26%, 25413393.39% 152.99%, var(--theme-color2) 0%, #ECF1F5 100%);
 	background: radial-gradient(25413393.39% 152.99% at 50% 150.26%, var(--theme-color2) 0%, #ECF1F5 100%);
 	transform: unset;
 	max-width: 100%;
 }

 @media (max-width: 1199px) {
 	.step-wrap .process-line {
 		display: none
 	}
 }

 @media (min-width: 1200px) {

 	.work-row .col-lg-3 {
 		width: 25%;
 	}
 }

 .process-card {
 	position: relative;
 	z-index: 2;
 	padding: 30px 0 0 0;
 	text-align: center;
 	margin-bottom: 30px;
 }

 .process-card p {
 	font-weight: 500;
 	font-size: 16px
 }


 .process-card .box-content {
 	position: relative;
 	background-color: var(--white-color);
 	width: 222px;
 	height: 222px;
 	border: 8px solid #ECF1F5;
 	border-radius: 50%;
 	padding: 20px 32px;
 	margin: 0px auto 5px;
 	border: 8px solid var(--theme-color2);
 }

 .process-card .box-content:before {
 	content: "";
 	position: absolute;
 	inset: 0
 }

 .process-card .box-top {
 	padding: 75px 0 0 0
 }

 @media (max-width: 575px) {
 	.process-card .box-top {
 		padding: 70px 0 0 0
 	}
 }

 .process-card .box-number {
 	text-transform: uppercase;
 	font-size: 29px;
 	margin-bottom: 8px;
 	font-weight: 700;
 	margin-top: -0.45em;
 	color: var(--theme-color);

 }

 .process-card.active .box-number {
 	color: var(--theme-color2);
 }

 .process-card .box-title {
 	margin-bottom: 12px;
 	font-size: 20px;
 	line-height: 1.2;
 	font-weight: 700;
 	margin-top: -7px;
 }

 .process-card .box-icon {
 	position: absolute;
 	top: 0;
 	left: calc(50% - 58px);
 	height: 128px;
 	width: 125px;
 	line-height: 128px;
 	border-radius: 20px;
 	z-index: 2;
 }

 .process-card .box-icon:before,
 .process-card .box-icon:after {
 	content: '';
 	background-color: #ECF1F5;
 	position: absolute;
 	inset: 0px;
 	border-radius: 20px;
 	z-index: -1
 }

 .process-card .box-icon:before {
 	background-color: var(--theme-color2);
 	-webkit-clip-path: path("M44.6853 100.05L5.34957 32.0101C-2.35877 18.6767 7.26309 2 22.6643 2H101.336C116.737 2 126.359 18.6767 118.65 32.0101L79.3147 100.05C71.6141 113.37 52.3859 113.37 44.6853 100.05Z");
 	clip-path: path("M44.6853 100.05L5.34957 32.0101C-2.35877 18.6767 7.26309 2 22.6643 2H101.336C116.737 2 126.359 18.6767 118.65 32.0101L79.3147 100.05C71.6141 113.37 52.3859 113.37 44.6853 100.05Z")
 }

 .process-card .box-icon:after {
 	inset: 4px;
 	border-radius: 20px;
 	background-color: var(--white-color);
 	-webkit-clip-path: path("M37.6619 81.8468L5.23242 23.9694C-2.43423 0.6361 6.19022 2 16.5705 1H91.4295C106.81 2 116.434 7.6361 113.768 22.9694L74.3381 90.8467C66.648 114.221 41.352 96.221 36.6619 76.8468Z");
 	clip-path: path("M37.6619 81.8468L5.23242 23.9694C-2.43423 0.6361 6.19022 2 16.5705 1H91.4295C106.81 2 116.434 7.6361 113.768 22.9694L74.3381 90.8467C66.648 114.221 41.352 96.221 36.6619 76.8468Z")
 }

 .process-card .box-icon img {
 	margin: -51px 0 0 0px;
 	width: 54px;
 	height: 54px;
 }

 .process-card:hover .box-icon img {
 	-webkit-transform: rotateY(180deg);
 	transform: rotateY(180deg)
 }

 .process-card.active .box-content {
 	border: 8px solid var(--theme-color)
 }

 .process-card.active .box-icon:before {
 	background-color: var(--theme-color)
 }

 .process-card.active:before {
 	opacity: 0.5;
 	visibility: visible
 }

 @media (max-width: 1199px) {
 	.process-card .box-content {
 		padding: 16px 24px
 	}
 }

 .process-box {
 	position: relative;
 	z-index: 2;
 	text-align: center
 }

 .process-box .box-number {
 	position: absolute;
 	top: 20px;
 	right: 20px;
 	width: 50px;
 	height: 50px;
 	border-radius: 50%;
 	background-color: var(--title-color);
 	line-height: 50px;
 	font-size: 20px;
 	color: var(--white-color);
 	font-weight: 600;
 	margin-bottom: 0;
 	z-index: 2;
 	-webkit-transition: all 0.4s ease-in-out;
 	transition: all 0.4s ease-in-out
 }

 @media (max-width: 1199px) {
 	.process-box .box-number {
 		right: 100px
 	}
 }

 .process-box .box-title {
 	font-weight: 700;
 	margin-bottom: 12px;
 	font-size: 20px;
 }

 .process-box .box-img {
 	margin: 0 auto 30px auto;
 	max-width: 257px;
 	aspect-ratio: 16 / 16
 }

 .process-box .box-icon {
 	position: relative;
 	height: 200px;
 	width: 200px;
 	text-align: center;
 	line-height: 200px;
 	background-color: var(--white-color);
 	border: 2px solid #F5F7FA;
 	border-radius: 50%;
 	z-index: 2;
 	margin: 0px auto;
 	margin-bottom: 20px;
 }

 .process-box .box-icon img {
 	height: 84px
 }

 @media (max-width: 1199px) {
 	.process-box .box-icon {
 		display: block;
 		margin: auto auto 20px auto
 	}
 }

 .process-box .box-icon:before {
 	content: '';
 	background-color: #ECF1F5;
 	border-radius: 50%;
 	position: absolute;
 	inset: 30px;
 	z-index: -1;
 	-webkit-transition: all 0.4s ease-in-out;
 	transition: all 0.4s ease-in-out
 }

 .process-box .box-icon .icon-shape {
 	position: absolute;
 	inset: 0;
 	border: 2px solid var(--theme-color);
 	border-radius: 50%;
 	-webkit-clip-path: circle(70% at 50% 0);
 	clip-path: circle(70% at 50% 0);
 	-webkit-transform: rotate(180deg);
 	-ms-transform: rotate(180deg);
 	transform: rotate(180deg);
 	-webkit-animation: spin 7s infinite;
 	animation: spin 7s infinite;
 	opacity: 0;
 	-webkit-transition: all 0.4s ease-in-out;
 	transition: all 0.4s ease-in-out
 }

 .process-box .box-text {
 	max-width: 260px;
 	margin-bottom: -0.2em;
 	margin: 0px auto;
 }

 @media (max-width: 1199px) {
 	.process-box .box-text {
 		display: block;
 		margin: auto
 	}
 }

 #process-sec {
 	Background: transparent linear-gradient(292deg, #ffffff 0%, #e9f2fe 100%) 0% 0% no-repeat padding-box;
 	padding: 60px 0px;
 }

 .process-box:hover .box-icon:before {
 	background-color: var(--theme-color)
 }

 .process-box:hover .box-icon img {
 	-webkit-transform: rotateY(180deg);
 	transform: rotateY(180deg);
 	-webkit-filter: brightness(0) invert(1);
 	filter: brightness(0) invert(1);
 }

 .process-box:hover .box-number {
 	background-color: var(--theme-color)
 }

 .process-box:hover .icon-shape {
 	opacity: 1
 }

 .worrtf {

 	position: relative;
 	padding: 60px 0 30px
 }

 .Misinsec iframe {
 	margin-bottom: -10px
 }

 /******************/
 .pro-scroll {
 	height: 93px;
 	overflow: auto;

 }

 .pro-scroll-main {
 	position: relative;
 	background: #fff;
 	box-shadow: 1px 1px 4px 1px rgba(204, 204, 204, .45);
 	padding: 15px;
 	border-radius: 20px;
 }

 .pro-scroll-main ::-webkit-scrollbar {
 	width: 4px;
 }

 /* Track */
 /*.testimonials-card__quote ::-webkit-scrollbar-track {
  background: #fff; 
}
 */
 /* Handle */
 .pro-scroll-main:hover ::-webkit-scrollbar-thumb {
 	background: var(--title-color);
 }

 /* Handle on hover */
 .pro-scroll-main ::-webkit-scrollbar-thumb:hover {
 	background: var(--title-color);
 }

 .pro-scroll p {
 	margin-bottom: 5px;
 	font-weight: 400;
 	font-size: 16px;

 	padding-right: 4px
 }

 .process-card .box-content img {
 	position: absolute;
 	right: -75px;
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	top: 40%;
 	width: 52px;
 }


 .Sainik-sec {
 	position: relative;
 	padding: 60px 0px 60px;
 	overflow: hidden;
 }


 .single_about_thumb_inner img.ab2 {
 	width: 100%;
 	margin-bottom: 30px;
 }

 .single_about_thumb_inner .row {
 	margin-left: -10px;
 	margin-right: -10px;
 }

 .single_about_thumb_inner .row .col-lg-6 {
 	padding-left: 10px;
 	padding-right: 10px;
 }

 .single_about_thumb_inner img {
 	width: 100%
 }


 .single_about {
 	position: relative;
 	padding: 0;
 	padding-top: 0;
 	padding-right: 60px;
 	padding-bottom: 30px;
 }

 .single_about img {
 	border-radius: 20px;
 	z-index: 1;
 	position: relative;
 }

 .single_about-absol {
 	position: absolute;
 	bottom: 0;
 	z-index: 1;
 	right: 0;
 	width: 65%;
 }

 /********/

 .hoo-sec {
 	position: relative;
 	padding: 100px 0 100px;
 }

 .hoo-sec:before {
 	content: "";
 	background: linear-gradient(to right, rgb(0 0 0) 0%, rgb(0 10 91 / 14%) 65%);
 	position: absolute;
 	top: 0;
 	left: 0;
 	right: 0;
 	bottom: 0;
 	height: 100%;
 	width: 100%;
 	z-index: 1;

 }

 .hoo-sec .container {
 	position: relative;
 	z-index: 2;
 }

 /**********/

 .ser-viewmore a {
 	font-weight: 600;
 	font-size: 16px;
 	border: 2px solid var(--theme-color);
 	border-radius: 999px;
 	padding: 7px 20px;
 }

 .ser-viewmore a:hover {
 	font-weight: 600;
 	font-size: 16px;
 	border: 2px solid var(--theme-color2);
 	border-radius: 999px;
 	padding: 7px 20px;

 	color: #fff;
 	Background: var(--theme-color2);
 }

 /**********/


 /*****************/


 .alt-container {
 	display: flex;
 	flex-direction: column;
 	justify-content: center;
 	align-items: center;
 	user-select: none;
 	position: fixed;
 	top: 80%;
 	transform: translateY(-80%);
 	right: 20px;
 	z-index: 9999;
 	background-image: none !important;
 }

 .alt-container .alt {
 	position: relative;
 	height: 70px;
 	width: 70px;
 	background-color: var(--theme-color);
 	border-radius: 50%;
 	z-index: 2;
 }

 .alt-container .alt::before {
 	content: " ";
 	position: absolute;
 	bottom: 0;
 	right: 0;
 	height: 35px;
 	width: 35px;
 	background-color: inherit;
 	border-radius: 0 0 10px 0;
 	z-index: -1;
 }

 .alt-container .alt .alt-content {
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	height: 100%;
 	width: 100%;
 	border-radius: 50%;
 }

 .alt-container .alt .alt-content i {
 	color: white;
 	font-size: 48px;
 }

 .alt-container .sub-button {
 	position: absolute;
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	top: 80%;
 	transform: translateY(-80%);
 	right: 16px;
 	height: 35px;
 	width: 35px;
 	background-color: transparent;
 	border-radius: 50%;
 	transition: all 0.3s ease;
 }

 .alt-container .sub-button i {
 	color: #fff;
 	padding-top: 6px;
 }

 .alt-container:hover .sub-button:nth-child(2) {
 	transform: translateY(-100px);
 }

 .alt-container:hover .sub-button:nth-child(3) {
 	transform: translateY(-145px);
 }

 .alt-container:hover .sub-button:nth-child(4) {
 	transform: translateY(-190px);
 }

 .alt-container:hover .sub-button:nth-child(5) {
 	transform: translateY(-235px);
 }

 .alt-container:hover .sub-button:nth-child(6) {
 	transform: translateY(-280px);
 }

 .alt-container:hover .sub-button:nth-child(7) {
 	transform: translateY(-325px);
 }

 /*************/
 .main-menu .mega-menu-wrap {
 	position: static;
 }





 .main-menu ul.mega-menu {
 	position: absolute;
 	text-align: left;
 	top: 100%;
 	left: 0;
 	background-color: var(--white-color);
 	visibility: hidden;
 	min-width: 190px;
 	width: -webkit-max-content;
 	width: -moz-max-content;
 	width: max-content;
 	padding: 7px;
 	left: -14px;
 	opacity: 0;
 	z-index: -1;
 	border: 0;
 	box-shadow: 0px 4px 15px rgba(1, 15, 28, 0.06);
 	border-radius: 0;
 	-webkit-transform: scaleY(0);
 	-ms-transform: scaleY(0);
 	transform: scaleY(0);
 	-webkit-transform-origin: top center;
 	-ms-transform-origin: top center;
 	transform-origin: top center;
 	-webkit-transition: all 0.4s ease 0s;
 	transition: all 0.4s ease 0s;
 }

 .main-menu ul.mega-menu {
 	display: -webkit-box;
 	display: -webkit-flex;
 	display: -ms-flexbox;
 	display: flex;
 	-webkit-box-pack: justify;
 	-webkit-justify-content: space-between;
 	-ms-flex-pack: justify;
 	justify-content: space-between;
 	text-align: left;
 	width: 100%;
 	max-width: 1024px;
 	/* padding: 5px 15px 20px 15px; */
 	padding: 25px 15px 15px 15px;
 	left: 50%;
 	-webkit-transform: translateX(-50%);
 	-ms-transform: translateX(-50%);
 	transform: translateX(-50%);
 }

 @media only screen and (min-width: 1500px) {
 	.main-menu ul.mega-menu {
 		max-width: 1300px;
 	}

 }

 @media only screen and (min-width: 1800px) {
 	.main-menu ul.mega-menu {
 		max-width: 1400px;
 	}

 }

 @media only screen and (max-width: 1050px) and (min-width: 992px) {
 	.main-menu ul.mega-menu {
 		max-width: 990px;
 	}

 }

 .main-menu ul li:hover ul.mega-menu {
 	visibility: visible;
 	opacity: 1;
 	z-index: 9;
 	margin-top: -28px;
 }

 .header-layout2 .will-sticky .sticky-active .main-menu ul li:hover ul.mega-menu {

 	margin-top: 0px;
 }

 .mega-menu .row {
 	width: 100%;
 	margin-left: 0;
 	margin-right: 0;
 }

 .mega-menu .row .col-lg-6 {
 	padding-left: 0;
 	padding-right: 0;
 }

 .mega-menu .row .col-lg-6 ul {

 	padding-right: 20px;
 }

 .main-menu ul.mega-menu li {
 	display: block;
 	width: 100%;
 	padding: 0 15px;
 }








 .mega-menu li a {
 	display: block;
 	padding: 0;
 	padding-bottom: 5px;
 	margin-bottom: 10px;
 	text-transform: capitalize;
 	letter-spacing: 0;
 	line-height: 22px;
 	font-weight: 600;
 	color: var(--title-color);
 	border-bottom: 1px solid #dfdfdf;
 	position: relative;
 	font-size: 15px;
 }

 .main-menu a:hover {
 	color: var(--theme-color2);
 }

 .mega-menu li a:hover {
 	color: var(--theme-color2);
 }

 .mega-menu li a:hover {
 	padding-left: 0;
 }

 .main-menu ul.mega-menu li a {
 	display: inline-block;
 }


 .main-menu ul.mega-menu li {
 	display: block;
 	width: 100%;
 	padding: 0 15px;
 }

 .main-menu ul.mega-menu li li {
 	padding: 0px 0;
 }


 .main-menu ul.mega-menu li a {
 	display: inline-block;
 	color: var(--theme-color2);
 	font-size: 16px;
 }

 .main-menu ul.mega-menu li li a {
 	font-size: 15px;
 	line-height: 23px;
 	padding-left: 20px;
 	padding-bottom: 0px;
 	margin-bottom: 12px;
 	font-weight: 500;
 	border-bottom: unset !important;
 	color: var(--body-color);
 }

 .main-menu ul.mega-menu li li a:hover {
 	color: var(--theme-color);
 }

 .main-menu ul.mega-menu li li a:before {
 	content: "\e122";
 	position: absolute;
 	top: 7px;
 	left: 0;
 	font-family: var(--icon-font);
 	width: 11px;
 	height: 11px;
 	text-align: center;
 	border-radius: 50%;
 	display: inline-block;
 	font-size: 0.9em;
 	line-height: 1;
 	color: var(--body-color);
 	font-weight: 500;
 }

 .main-menu ul.mega-menu li li a:hover:before {
 	color: var(--theme-color);
 }

 .menu-viii {
 	color: var(--theme-color2) !important;
 	padding-left: 15px !important;
 }

 /**********/

 .maa-sec {
 	position: relative;
 	padding: 0 0 60px
 }

 .maa-sec iframe {
 	margin-bottom: -10px;
 	border-radius: 20px
 }

 .blog-ii-sec {
 	position: relative;
 	padding: 60px 0 30px
 }

 .appo-imgsec {
 	width: 100%;
 	height: 100%;
 	border-radius: 20px 0 0 20px
 }

 .Appointment-bg>.row {
 	margin-left: 0;
 	margin-right: 0
 }

 .Appointment-bg>.row>.col-lg-6 {
 	padding-left: 0;
 	padding-right: 0
 }


 .astyle-eight {
 	position: relative;
 	border-radius: 5px;
 	padding: 30px 30px 20px;
 	background: var(--theme-color);
 	box-shadow: rgb(0 0 0 / 10%) 0px 10px 14px 9px;
 	min-height: unset;
 	width: 100%;
 	margin-bottom: 20px;
 	margin-top: 40px;
 	background: #f7f8f9;
 	border: 2px solid var(--theme-color);
 }

 .astyle-eight .aservice-box-icon {
 	position: relative;
 	text-align: center;
 	line-height: 80px;
 	border-radius: 50%;
 	margin-bottom: 10px;
 	margin-bottom: 10px;
 	text-align: center;
 	margin: -78px auto 0px;
 	color: var(--title-color);
 	font-size: 35px;
 	-webkit-transition: all 0.5s ease 0s;
 	-o-transition: all 0.5s ease 0s;
 	transition: all 0.5s ease 0s;
 	color: #333;
 	font-size: 35px;
 	-webkit-transition: all 0.5s ease 0s;
 	-o-transition: all 0.5s ease 0s;
 	transition: all 0.5s ease 0s;
 }

 .astyle-eight .aservice-box-icon i {
 	color: var(--theme-color);
 	font-size: 30px;
 	height: 80px;
 	width: 80px;
 	line-height: 80px;
 	border-radius: 50%;
 	background: #fff;
 	-webkit-transition: 0.3s;
 	-moz-transition: 0.3s;
 	-o-transition: 0.3s;
 	transition: 0.3s;
 	color: #fff;
 	background: var(--theme-color);
 	margin-bottom: 15px;
 	display: inline-block;
 	color: #fff;
 	background: var(--theme-color);
 }

 .astyle-eight .aservice-content {
 	position: relative;
 	z-index: 1;
 }

 .astyle-eight .aservice-content h3 {
 	font-size: 22px;
 	text-align: center;
 	font-weight: 600;
 	margin-bottom: 10px;
 	color: var(--title-color);
 }

 .astyle-eight .aservice-content p {
 	margin-bottom: 5px;
 	margin-top: 0px;
 	text-align: center;
 	font-size: 15px;
 	color: var(--body-color);
 	font-weight: 400;
 }

 .astyle-eight .aservice-content p a {
 	color: var(--body-color);
 }

 .astyle-eight .aservice-content p a:hover {
 	color: var(--theme-color);
 }

 /*************/

 .Mis-sses {
 	position: relative;
 	overflow: hidden;
 	margin-bottom: 0px;
 }

 .Misson-sec {
 	Background: var(--theme-color2);
 	position: relative;
 	padding: 40px 30px 30px 0px;
 	text-align: center;
 	width: 100%
 }

 .Misson-sec:before {
 	background: var(--theme-color2);
 	position: absolute;
 	content: "";
 	height: 100%;
 	width: 156%;
 	right: 0;
 	top: 0;
 }

 .Mis-sses .row {
 	margin-left: 0;
 	margin-right: 0
 }

 .Mis-sses .row .col-lg-6 {
 	padding-left: 0;
 	padding-right: 0
 }

 .vision-sec {
 	Background: var(--theme-color);
 	position: relative;
 	padding: 40px 0 30px 30px;
 	text-align: center;
 	width: 100%
 }

 .vision-sec:before {
 	Background: var(--theme-color);
 	position: absolute;
 	content: "";
 	height: 100%;
 	width: 156%;
 	left: 0;
 	top: 0;
 }

 .ss-right {
 	position: relative
 }




 .ss-right p {
 	font-size: 17px;
 	font-weight: 500
 }

 .ss-right a {
 	font-size: 17px;
 	font-weight: 500;
 	color: var(--theme-color)
 }



 /*****************/

 .vi-ss {
 	position: relative;

 	width: 100%;

 }

 .vi-ss1 {}

 .vi-ss2 {}

 .vi-ss p {
 	color: #fff;

 }

 .media-icon {
 	margin-bottom: 10px
 }

 .media-body h4 {
 	margin-bottom: 10px !important
 }

 .aa-bb-inner {
 	padding: 60px 0px 0px;
 }

 /***************/


 /***********************FIXED_BTN***********************/
 .fixedRit {
 	position: fixed;
 	bottom: 0px;
 	z-index: 5;
 	border-radius: 5px;
 	overflow: hidden;
 	left: unset;
 	background: transparent;
 	border-radius: 3px;
 	box-shadow: unset;
 	left: 10px;
 	z-index: 10;
 	opacity: 0;
 	visibility: hidden;
 	opacity: 1;
 	visibility: visible;
 	bottom: 57px
 }

 .fixedRit-sticky {
 	opacity: 1;
 	visibility: visible;
 	bottom: 57px
 }

 .fixedRit ul {
 	margin: 0px;
 	padding-left: 0px;
 }

 .fixedRit ul li {
 	list-style: none;
 }

 .fixedRit ul a {
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	text-align: center;
 	padding: 0;
 	height: 40px;
 	width: 40px;
 	transition: all .3s;
 	height: 39px;
 	width: 30px;
 }

 .fixedRit ul a.call {

 	color: #fff;
 	background: transparent !important;
 }

 .fixedRit ul a.mail {

 	color: #fff;
 	background: transparent !important;
 }

 .fixedRit ul a.whatsapp {

 	color: #fff;
 	background: transparent !important;
 }

 .fixedRit ul a span {
 	text-transform: capitalize;
 	font-size: 9px;
 	display: none;
 	color: #fff;
 	transition: all .3s;
 	color: #fff;
 	transition: all .3s;
 	line-height: 19px;
 }

 @media only screen and (min-width: 768px) {
 	.fixedRit ul a span {
 		display: block
 	}
 }


 .fixedRit ul a:hover {
 	background: transparent !important;
 }

 .fixedRit ul a:hover span {
 	color: #fff
 }

 .fixedRit ul a:hover svg {
 	fill: #fff
 }

 .fixedRit ul a:hover i {
 	color: #fff;
 }

 /*****/


 /****************/



 /*********/

 #marquee {
 	display: flex;
 	justify-content: flex-end;
 	position: relative;
 	bottom: 0px;
 	left: 0px;
 	right: 0px;
 	margin: auto;
 	z-index: 2;
 	overflow: hidden;
 }

 #marquee .newsTitle {
 	font-size: 18px;
 	width: 168px;
 	height: 55px;
 	color: #fff;
 	background: var(--theme-color2);
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	font-weight: 600;
 }

 @media only screen and (min-width: 992px) {
 	#marquee .Cuscontainer {
 		width: calc(100% -(100% - 995px) / 2);
 	}
 }

 #marquee .Cuscontainer {
 	width: 100%;
 }

 #marquee .marquee-,
 #marquee marquee {
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	background: #a9ca8859;
 	height: 55px;
 	width: calc(100% - 168px);
 }

 @media only screen and (min-width: 576px) {

 	#marquee .marquee-,
 	#marquee marquee {
 		width: calc(100% - 168px);
 		height: 55px;
 	}
 }

 #marquee marquee a {
 	color: var(--theme-color) !important;
 	font-weight: 600;
 	margin: 0px 25px 0 0;
 	padding-left: 23px;
 	position: relative;

 }

 #marquee marquee a i {
 	margin-left: 5px;
 	top: 2px;
 	position: relative;
 }

 #marquee marquee a:before {
 	font-family: var(--icon-font);
 	font-weight: 900;
 	color: var(--theme-color2);
 	position: absolute;
 	left: 0;
 	-webkit-transition: 0.3s ease-in-out;
 	transition: 0.3s ease-in-out;
 	content: "\f336";
 }

 #marquee marquee a:hover {
 	color: #fff;
 	font-weight: 600;

 }

 .maq-sec {
 	position: relative;
 	display: inline-block;
 	color: #fff !important;
 	padding-right: 15px;
 }

 .maq-sec h3 {
 	display: inline-block;
 	color: #fff !important;
 	font-size: 16px;
 	margin-bottom: 0;
 	padding-right: 15px;
 	font-weight: 500
 }

 .maq-sec p {
 	display: inline-block;
 	color: #fff !important;
 	margin-bottom: 0;
 	padding-right: 15px;
 	font-size: 15px
 }

 .maq-sec a {
 	display: inline-block;
 	color: #fff !important;
 	padding-right: 15px;
 	font-size: 16px
 }

 /***********/



 /***********/

 .why-box1 {
 	margin-bottom: 30px;
 	border-radius: 30px;
 	box-shadow: 0 10px 35px rgba(0, 0, 0, .2);
 	position: relative;
 	display: block;
 	transition: all .2s ease-in-out;
 	z-index: 1;
 	width: 100%;
 	Background: #fff;
 	padding-bottom: 10px;
 	min-height: 498px;
 }

 .why-box1 img {
 	width: 100%;
 	-webkit-transition: 0.4s ease-in-out;
 	transition: 0.4s ease-in-out;
 	height: 16vw;
 	object-fit: cover;
 }

 .why-box1:hover img {
 	-webkit-transform: scale(1.1);
 	-ms-transform: scale(1.1);
 	transform: scale(1.1);
 }

 .why-box1 .icon-content {
 	padding: 15px 20px 15px;
 	z-index: 99;
 	position: relative;
 	width: 100%;
 	position: relative;
 	bottom: 0;
 	text-align: center;
 	background: var(--theme-color2);
 	text-align: center;
 	border-radius: 24px 24px 0 0;
 }

 .why-box1:hover .icon-content {

 	background: var(--theme-color);

 }

 .why-box1 .dlab-tilte {
 	font-size: 20px;

 	margin-bottom: 0px
 }

 .why-box1-imm {
 	position: relative;
 	overflow: hidden;
 	width: 100%;
 	margin-bottom: 15px
 }

 .why-box1 p {
 	padding: 0px 15px;
 	margin-bottom: 15px;


 	display: -webkit-box;
 	-webkit-line-clamp: 3;
 	-webkit-box-orient: vertical;
 	/*overflow: hidden;
 	text-overflow: ellipsis;*/
 	text-align: center;
 }

 .why-box1 .dlab-separator {
 	margin-bottom: 25px;
 	margin-bottom: 25px;
 	background-color: var(--theme-color1) !important;
 	margin-left: auto;
 	margin-right: auto;
 	width: 60px;
 	height: 4px;
 	display: block;
 }

 .why-box1 .icon-content .btn {
 	background-color: var(--theme-color);
 	color: #fff;

 }

 .why-area1 {
 	position: relative;
 	margin-top: 60px
 }

 /******************/

 /*********/

 .who-helpsec {
 	padding: 60px 0 60px;
 	position: relative
 }

 .who-left-box {

 	position: sticky;
 	top: 125px;
 }

 .who-left-box img {
 	border-radius: 20px
 }

 /*************/
 .healthcare-sec {
 	position: relative;
 	padding: 60px 0 60px;
 	background: #f9fff3;
 }

 .mod-m-box {
 	position: relative;
 	width: 100%;
 	margin-bottom: 30px;
 	background: #fff;

 	padding: 25px 25px;
 	border-radius: 13px;
 	overflow: hidden;

 	text-align: left;
 	cursor: pointer;
 	border: 1px solid rgba(0, 0, 0, .08);
 }

 .mod-m-box:hover {
 	box-shadow: 1px 1px 4px 1px rgba(204, 204, 204, .45);
 }

 .mod-m-box-inner {
 	position: relative;
 	width: 100%;

 	display: block
 }

 .mod-m-box-left {
 	width: 100%;
 	position: relative;
 	padding-right: 10px
 }

 .mod-m-box-left h3 {
 	font-size: 20px;
 	margin-bottom: 10px;
 	line-height: 1.2;
 	font-weight: 700;

 }

 .mod-m-box-left h4 {
 	font-size: 16px;
 	color: var(--theme-color);
 	margin-bottom: 5px;
 	font-weight: 500
 }

 .mod-m-box-left h6 {
 	font-size: 16px;
 	color: var(--theme-color);
 	margin-bottom: 10px;
 }

 .mod-m-box-left h3 a {
 	color: var(--title-color)
 }

 .mod-m-box-left h3 a:hover {
 	color: var(--theme-color2)
 }

 .mod-m-box-left span {
 	display: block;
 	margin-bottom: 0px;
 	font-size: 15px
 }

 .mod-m-box-right {
 	Width: 100%;
 	margin-top: 0;
 	margin-bottom: 0px;
 }

 .mod-m-box-right h5 {
 	color: var(--theme-color2);
 	font-size: 17px;
 	margin-bottom: 0;
 	line-height: 1.2;

 }

 .mod-m-box-btn {
 	position: relative;
 	margin-top: 10px;
 	text-align: right
 }

 .mod-m-box-btn .as-btn {

 	padding: 14.5px 31px;

 }


 /*******************************/


 /***********/

 .aurr-box1 {
 	margin-bottom: 30px;
 	border-radius: 20px;
 	box-shadow: 0 10px 35px rgba(0, 0, 0, .2);
 	position: relative;
 	display: block;
 	transition: all .2s ease-in-out;
 	z-index: 1;
 	width: 100%;
 	Background: #fff;

 	padding-bottom: 10px;
 }

 .aurr-box1 img {
 	width: 100%;
 	-webkit-transition: 0.4s ease-in-out;
 	transition: 0.4s ease-in-out;
 	height: 16vw;
 	object-fit: cover;
 	border-radius: 20px 20px 0 0;
 }

 .aurr-box1:hover img {
 	-webkit-transform: scale(1.1);
 	-ms-transform: scale(1.1);
 	transform: scale(1.1);
 }

 .aurr-box1 .aurr-content {
 	padding: 15px 20px 15px;
 	z-index: 99;
 	position: relative;
 	width: 100%;
 	position: relative;
 	bottom: 0;
 	text-align: center;
 	background: var(--theme-color);
 	text-align: center;
 	margin-bottom: 10px
 }

 .aurr-box1 .aurr-content:hover {}

 .aurr-box1 .aurr-tilte {
 	font-size: 20px;

 	margin-bottom: 0px
 }

 .aurr-box1-imm {
 	position: relative;
 	overflow: hidden;
 	width: 100%;
 	margin-bottom: 0px
 }

 .aurr-box1 p {
 	padding: 0px 15px;
 	margin-bottom: 15px;


 	display: -webkit-box;
 	-webkit-line-clamp: 3;
 	-webkit-box-orient: vertical;
 	overflow: hidden;
 	text-overflow: ellipsis;
 	text-align: center;
 }

 .aurr-box1 .dlab-separator {
 	margin-bottom: 25px;
 	margin-bottom: 25px;
 	background-color: var(--theme-color1) !important;
 	margin-left: auto;
 	margin-right: auto;
 	width: 60px;
 	height: 4px;
 	display: block;
 }

 .aurr-box1 .aurr-content .btn {
 	background-color: var(--theme-color);
 	color: #fff;

 }



 /**************/

 .Mission-secr {
 	position: relative;
 	background: var(--theme-color);
 }

 .Mission-secr .container-fluid {
 	position: relative;
 	padding-left: 0;
 	padding-right: 0
 }

 .Mission-secr .container-fluid .row {
 	margin-left: 0;
 	margin-right: 0
 }

 .Mission-secr .container-fluid .col-lg-8,
 .Mission-secr .container-fluid .col-lg-4 {


 	padding-left: 0;
 	padding-right: 0
 }

 .mission-ll {

 	padding: 40px 0 40px;
 	padding-right: 10%;
 	padding-left: 12%;
 	width: 100%;
 	position: relative
 }

 .mission-ll p {

 	color: #fff
 }

 .mission-right {
 	position: relative;
 	height: 100%;
 	width: 100%;
 }

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


 /**************/

 .Vision-secr {
 	position: relative;
 	background: var(--theme-color2)
 }

 .Vision-secr .container-fluid {
 	position: relative;
 	padding-left: 0;
 	padding-right: 0
 }

 .Vision-secr .container-fluid .row {
 	margin-left: 0;
 	margin-right: 0
 }

 .Vision-secr .container-fluid .col-lg-8,
 .Mission-secr .container-fluid .col-lg-4 {


 	padding-left: 0;
 	padding-right: 0
 }

 .vision-right {

 	padding: 50px 0 40px;
 	padding-right: 12%;
 	padding-left: 10%;
 	width: 100%;
 	position: relative
 }

 .vision-right p {


 	color: #fff
 }

 .vision-ll {
 	position: relative;
 	height: 100%;
 	width: 100%;
 }

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

 /***********/
 /***********/

 .mmo-box1 {
 	margin-bottom: 30px;
 	border-radius: 24px;
 	box-shadow: 0 10px 35px rgba(0, 0, 0, .2);
 	position: relative;
 	display: block;
 	transition: all .2s ease-in-out;
 	z-index: 1;
 	width: 100%;
 	Background: #fff;
 	padding-bottom: 0px;
 }

 .mmo-box1 img {
 	width: 100%;
 	-webkit-transition: 0.4s ease-in-out;
 	transition: 0.4s ease-in-out;
 	height: 16vw;
 	object-fit: cover;
 }

 .mmo-box1:hover img {
 	-webkit-transform: scale(1.1);
 	-ms-transform: scale(1.1);
 	transform: scale(1.1);
 }

 .mmo-box1 .mmo-content {
 	padding: 15px 20px 15px;
 	z-index: 99;
 	position: relative;
 	width: 100%;
 	position: relative;
 	bottom: 0;
 	text-align: center;
 	background: var(--theme-color2);
 	text-align: center;

 	border-radius: 24px 24px 0 0;
 	margin-bottom: 14px;
 }

 .mmo-box1:hover .mmo-content {

 	background: var(--theme-color);

 }

 .mmo-box1 .mmo-tilte {
 	font-size: 20px;

 	margin-bottom: 0px
 }

 .mmo-box1-imm {
 	position: relative;
 	overflow: hidden;
 	width: 100%;
 	margin-bottom: 0;
 	margin-top: 15px;
 	border-radius: 0 0 24px 24px;

 }

 .mmo-box1 p {
 	padding: 0px 15px;
 	margin-bottom: 15px;


 	display: -webkit-box;
 	-webkit-line-clamp: 3;
 	-webkit-box-orient: vertical;
 	overflow: hidden;
 	text-overflow: ellipsis;
 	text-align: center;
 }

 .mmo-box1 .dlab-separator {
 	margin-bottom: 25px;
 	margin-bottom: 25px;
 	background-color: var(--theme-color1) !important;
 	margin-left: auto;
 	margin-right: auto;
 	width: 60px;
 	height: 4px;
 	display: block;
 }

 .mmo-box1 .mmo-content .btn {
 	background-color: var(--theme-color);
 	color: #fff;

 }


 /*****************/

 /**************************/
 #youmyModal {
 	top: 50px;
 }

 #youmyModal .modal-header {
 	text-align: center;
 	font-size: 22px;
 	line-height: 30px;
 	font-weight: 600;
 	padding: 15px 30px 15px;
 	background: var(--theme-color);
 	margin-bottom: 0px;
 	border-radius: 24px 24px 0 0;
 	background: linear-gradient(180deg, rgba(19, 22, 32, .6) 0%, rgba(40, 45, 62, 0) 100%);
 	border-top: unset;
 }

 #youmyModal .modal-content {

 	border-radius: 24px 24px;
 }

 @media (min-width: 576px) {
 	#youmyModal .modal-dialog {
 		max-width: 428px;
 		margin: 1.75rem auto;
 	}
 }

 #youmyModal .modal-body {
 	position: relative;

 	padding: 20px;
 }

 #youmyModal .modal-content {
 	-webkit-box-shadow: 0 5px 15px rgb(0 0 0 / 50%);
 	box-shadow: 0 5px 15px rgb(0 0 0 / 50%);
 	background: linear-gradient(var(--theme-color2) 33.13%, rgba(4, 70, 222, 0) 53.68%), rgb(246, 246, 248);
 	border: unset;
 }

 #youmyModal h5 {
 	color: #fff;
 	color: #fff;
 	font-size: 30px;
 	font-weight: 700;
 	text-align: left;
 	/* margin: 0px auto; */
 	line-height: 30px;
 }

 #youmyModal .btn-close {
 	color: #fff;
 	position: relative;
 	display: block;
 	text-shadow: 0 1px 0 #fff;
 	opacity: 1;
 	background: #fff;
 	line-height: 10px;
 	outline: none;
 }

 #youmyModal .btn-close span {
 	color: var(--theme-color);
 }

 .slider-contactform {
 	background: #fff;
 	padding: 25px 20px 20px;
 	border-radius: 20px 20px;
 	margin-top: 0px;
 }

 .slider-contactform input::placeholder,
 .slider-contactform textarea::placeholder {
 	color: #000;
 	font-size: 15px;
 }

 .slider-contactform textarea~i,
 .slider-contactform select~i,
 .slider-contactform input~i {
 	color: #000;
 }

 .slider-contactform textarea {
 	height: 100px;
 	min-height: 100px;
 }

 .slider-contactform .form-group {
 	margin-bottom: 15px;
 	position: relative;
 }

 .slider-contactform .as-btn {}

 .form-style3 textarea,
 .form-style3 select,
 .form-style3 input {
 	height: 45px;
 	background-color: #fff;
 	border-radius: 25px;
 	padding-left: 39px;
 	border: none;
 	box-shadow: rgb(170 170 170 / 10%) 0px 5px 14px 9px;
 	border-radius: 6px;
 	padding-right: 15px;
 	border: 1px solid #eaeff2;
 }

 .form-style3 textarea~i,
 .form-style3 select~i,
 .form-style3 input~i {
 	top: 14px;
 	right: auto;
 	left: 26px;
 }

 .form-style3 textarea {
 	height: 110px
 }

 .form-style3 textarea~i {
 	top: 22px
 }

 /***************/

 /*********************/
 .Service-modd {
 	position: relative;

 	padding: 60px 0 60px;
 }

 .category-sticky-top {

 	position: -webkit-sticky;
 	position: sticky;
 	top: 120px;
 	z-index: 1020;

 }

 /* Sidebar Title */

 .category-widget {
 	position: relative;
 	margin-bottom: 40px;
 }

 .sidebar-title {
 	position: relative;
 	margin-bottom: 15px;
 }

 .sidebar-title h4 {
 	position: relative;
 	color: var(--black-color);
 }

 /* Category List */

 .category-list {
 	position: relative;
 	z-index: 1;
 	padding: 0;
 	margin: 0
 }

 .category-list li {
 	position: relative;
 	z-index: 1;
 	margin-bottom: 12px;
 	list-style: none;
 }

 .category-list li a {
 	position: relative;
 	display: block;
 	font-size: 17px;
 	z-index: 1;
 	font-weight: 600;
 	border-radius: 50px;
 	color: var(--black-color);
 	text-transform: capitalize;
 	padding: 13px 59px 13px 25px;
 	-webkit-transition: all 300ms ease;
 	-moz-transition: all 300ms ease;
 	-ms-transition: all 300ms ease;
 	-o-transition: all 300ms ease;
 	transition: all 300ms ease;
 	border: 1px solid rgba(0, 0, 0, 0.50);
 }


 .category-list li a:before {
 	position: absolute;
 	content: '';
 	left: 0px;
 	top: 0px;
 	right: 0px;
 	bottom: 0px;
 	z-index: -1;
 	opacity: 0;
 	border-radius: 50px;
 	-webkit-transition: all 300ms ease;
 	-moz-transition: all 300ms ease;
 	-ms-transition: all 300ms ease;
 	-o-transition: all 300ms ease;
 	transition: all 300ms ease;
 	background-image: linear-gradient(to right, var(--theme-color));
 }

 .category-list li a:hover::before {
 	opacity: 1;
 }

 .category-list li a.active::before {
 	opacity: 1;
 	background-image: linear-gradient(to right, var(--theme-color2));
 }

 .category-list li span {
 	position: absolute;
 	right: 8px;
 	top: 9px;
 	width: 35px;
 	height: 35px;
 	padding: 0px 0px;
 	line-height: 35px;
 	border-radius: 50px;
 	border-radius: 50px;
 	display: inline-block;
 	color: var(--white-color);
 	background-color: var(--black-color);
 }

 .category-list li a:hover span {
 	color: var(--black-color);
 	background-color: var(--white-color);
 }

 .category-list li a.active span {
 	color: var(--black-color);
 	background-color: var(--white-color);
 }

 .category-list li a:hover {
 	color: var(--white-color);

 }

 .category-list li a.active {
 	color: var(--white-color);

 }

 .category-list li:last-child {
 	margin-bottom: 0px;
 }

 /**************/

 .cat-right-sec {
 	position: relative
 }

 .cat-right-sec-first {
 	position: relative
 }

 .cat-right-sec-first h3 {
 	margin-top: 10px;
 	margin-bottom: 10px;
 	line-height: 1.2;
 	font-size: 20px;

 	color: var(--theme-color)
 }

 .cat-right-sec-first ul {
 	padding-left: 0px;
 	padding-top: 0px;
 	margin-bottom: 20px;
 }

 .cat-right-sec-first ul li {
 	display: block;
 	list-style: none;
 	position: relative;
 	margin-bottom: 8px;
 	padding-left: 18px;
 }

 .cat-right-sec-first ul li:before {
 	content: "";
 	position: absolute;
 	left: 0;
 	top: 10px;
 	width: 6px;
 	height: 6px;
 	background: var(--title-color);
 	border-radius: 50%;
 }

 .cat-box1-imm {
 	position: relative;
 	margin-top: 15px;

 	margin-bottom: 50px;
 }

 .cat-box1-imm img {
 	border-radius: 20px
 }

 /*************/
 .cat-right-sec-second {
 	position: relative
 }


 .home-packages-card {

 	margin-bottom: 30px;
 	width: 100%;
 	position: relative;
 	display: block;
 	margin-bottom: 30px
 }

 .home-packages-card-inner {
 	position: relative;
 	width: 100%;
 	height: 100%;
 	text-align: center;
 	transition: transform 0.6s;

 }



 .home-packages-card-front,
 .home-packages-card-back {
 	background: #f4faff;
 	border-radius: 1.5rem;
 	box-shadow: 1px 2px 5px 0 rgb(0 0 0 / 30%);
 	position: relative;
 	width: 100%;
 	height: 100%;
 	-webkit-backface-visibility: hidden;
 	backface-visibility: hidden;
 }

 .home-packages-card:after {
 	content: "";
 	position: absolute;
 	left: 0;
 	right: 0;

 	height: 70%;
 	width: 100%;
 	background-image: linear-gradient(0deg, rgba(0, 24, 23, 0.0), #170001);
 	border-radius: 1.5rem;


 	bottom: 0;

 	background-image: linear-gradient(0deg, #17000191, rgba(0, 24, 23, 0.0));

 }

 .home-packages-card:hover:after {
 	height: 100%;
 	background-image: linear-gradient(0deg, #17000191, rgba(0, 24, 23, 0.0));
 }

 .home-packages-card-front .home-packages-content img {
 	border-radius: 1.5rem;
 }

 .home-packages-content {


 	position: relative;
 }


 .home-packages-card-front .home-packages-content h3 {
 	position: absolute;
 	bottom: 15px;

 	color: #fff;
 	text-align: center;
 	width: 100%;
 	margin: 0 auto;
 	padding: 0 10px;
 	z-index: 10;
 	font-weight: 600;
 	font-size: 17px;

 }

 .home-packages-card-back .home-packages-content h3,
 .home-packages-card-back .home-packages-content h4.h3-h4 {
 	color: var(--title-color);
 	/* max-width: 90%; */
 	width: 100%;
 	font-size: 20px;
 	font-weight: 600;
 	padding-bottom: 0;
 }

 .home-packages-content h3 a {
 	color: #233a52 !important;
 	font-size: 1.8rem;
 }

 .home-packages-card-back .home-packages-content h4.h3-h4 a {
 	color: var(--title-color);
 }

 .home-packages-card-back .home-packages-content h4.h3-h4 a:hover {
 	color: var(--theme-color);
 }

 .home-packages-btn a {

 	display: block;
 	text-align: center;

 	text-decoration: none;
 	transition: all 0.3s;

 }

 .home-packages-btn a .fa {
 	font-size: 2.5rem;
 	font-weight: 500;
 	transform: translateY(2px);
 	padding-left: 0.2rem;
 	transition: all 0.3s;
 }

 .home-packages-card-back {
 	background: #fff;
 	transform: rotateY(-180deg);
 	padding: 20px 20px;
 	display: flex;
 	flex-direction: column;
 	justify-content: space-between;
 }

 .home-packages-card-back .home-packages-content,
 .home-packages-card-back .home-packages-btn a {}

 .home-packages-card-back .home-packages-content {

 	text-align: center;
 }

 .home-packages-card-back .home-packages-content p {
 	width: 100%;
 	font-weight: 400;
 	width: 100%;
 	font-weight: 400;
 	margin-bottom: 5px;
 	overflow: hidden;
 	height: 165px;

 }

 .home-packages-card-back .home-packages-content .ho-ppsec {
 	overflow: hidden;
 	height: 163px;
 }

 .home-packages-card.home-packages-card-more {
 	background: #900c0f;
 	color: #fff;
 	border-radius: 1.5rem;
 	height: 410px;
 	position: relative;
 }

 .home-packages-card.home-packages-card-more .home-packages-card-inner {
 	max-width: 85%;
 	margin: 0 auto;
 	padding: 3rem 0 0;
 	text-align: left;
 }

 .home-packages-card.home-packages-card-more .home-packages-card-inner p {
 	font-size: 0.9765625vw;
 	line-height: 1.6;
 	opacity: 0.9;
 }

 .cbz-simple-btn {
 	color: #fff !important;
 	font-size: 15px;
 	font-weight: 600;
 	border-bottom: 1px solid #fff8a7;
 	padding-bottom: 0.4rem;
 }

 .home-packages-card.home-packages-card-more h3.home-package-name {
 	font-size: 1.4322916666666667vw;

 	color: #fff8a7;
 }

 .home-packages-card.home-packages-card-more h3.home-package-name span {
 	display: block;
 	font-size: 20px;
 	font-weight: 700;
 	color: #fff;

 }

 .home-packages-card.home-packages-card-more .home-packages-card-inner img {
 	width: 200px;
 	position: absolute;
 	bottom: 0;
 	right: 0;
 	z-index: -1;
 }

 .home-packages-card-front .home-packages-content img {
 	height: 20vw !important;
 	width: 100% !important;
 	object-fit: cover;

 }

 .mm-overlay {

 	position: absolute;
 	left: 0;
 	right: 0;
 	top: 0;
 	bottom: 0;

 	display: flex;
 	justify-content: center;
 	flex-direction: column;
 	align-items: center;
 	opacity: 0;
 	transition: .5s;
 }


 .mm-overlay h3 {

 	font-size: 20px;
 	color: #fff;
 	text-align: center;
 	width: 100%;
 	margin: 0 auto 15px;
 	padding: 0 10px;
 	z-index: 10;
 	z-index: 10;
 	font-weight: 600;
 	font-size: 17px;
 }

 .mm-overlay h4 {
 	position: relative;
 	font-weight: 600;
 	font-size: 16px;
 	border: 2px solid var(--theme-color);
 	border-radius: 999px;
 	padding: 7px 20px;
 	font-weight: 600;
 	font-size: 16px;
 	border: 2px solid var(--theme-color2);
 	border-radius: 999px;
 	padding: 7px 20px;
 	color: #fff;
 	Background: var(--theme-color2);
 	z-index: 10
 }

 .home-packages-card:hover .mm-overlay {
 	opacity: 1;
 }

 .home-packages-card:hover .home-packages-card-front .home-packages-content h3 {
 	opacity: 0;

 }

 /***********/






 .Modd-innersec {
 	position: relative;
 	padding: 60px 0 30px;
 	background: var(--theme-color);

 }

 .Modd-innersec-bg {
 	position: relative;
 	padding: 0px 0px 0px;
 	background: #fff;
 	border-radius: 37px;

 }

 .Modd-innersec-bg .row {
 	margin-left: 0;
 	margin-right: 0;
 }

 .Modd-innersec-bg .row .col-lg-6 {
 	padding-left: 0;
 	padding-right: 0;
 }

 .Modd-lefts {
 	position: relative;
 	width: 100%;
 	height: 100%;
 	border-radius: 37px 0 0 37px;
 }

 .Modd-lefts img {
 	position: relative;
 	width: 100%;
 	height: 100%;
 	border-radius: 37px 0 0 37px;
 	object-fit: cover;
 }

 .Modd-rights {
 	position: relative;
 	width: 100%;

 	padding: 60px 40px 50px;
 	display: flex;
 	align-items: center;

 }

 .Modd-rights-inner {
 	display: block;
 	position: relative;
 }

 .Modd-innersec-lefts {
 	margin-bottom: 30px;
 	position: relative;
 }

 .Modd-innersec-lefts img {
 	border-radius: 20px;
 	width: 100%
 }

 .Modd-innersec-rights {
 	margin-bottom: 30px;
 	position: relative;

 	--body-color: #fff;
 	--title-ciolor: #fff
 }

 .Modd-innersec-rights ul {
 	padding-left: 0px;
 	padding-top: 0px;
 	margin-bottom: 5px;
 }

 .Modd-innersec-rights ul li {
 	display: block;
 	list-style: none;
 	position: relative;
 	margin-bottom: 8px;
 	padding-left: 18px;
 }

 .Modd-innersec-rights ul li:before {
 	content: "";
 	position: absolute;
 	left: 0;
 	top: 10px;
 	width: 6px;
 	height: 6px;
 	background: var(--title-color);
 	border-radius: 50%;
 }

 .Moderns-othersec {
 	padding: 60px 0 0px;
 	position: relative;
 	background: #f9fff3;
 }

 .oo-innersec-innersec-bg {
 	margin-bottom: 30px;
 	position: relative;
 	/* border-bottom: 1px solid #cecece;*/
 }

 .oo-innersec-rights {
 	margin-bottom: 30px;
 	position: relative;
 }

 .oo-innersec-rights h3 {
 	font-size: 25px
 }

 .oo-innersec-rights h4 {
 	font-size: 18px;
 	margin-bottom: 8px;
 }

 .oo-innersec-rights h5 {
 	font-size: 18px;
 	color: var(--theme-color2);
 	margin-bottom: 8px;
 }

 .oo-innersec-rights ul {
 	padding-left: 0px;
 	padding-top: 0px;
 	margin-bottom: 5px;
 }

 .oo-innersec-rights ul li {
 	display: block;
 	list-style: none;
 	position: relative;
 	margin-bottom: 8px;
 	padding-left: 18px;
 }

 .oo-innersec-rights ul li:before {
 	content: "";
 	position: absolute;
 	left: 0;
 	top: 10px;
 	width: 6px;
 	height: 6px;
 	background: var(--title-color);
 	border-radius: 50%;
 }

 .oo-innersec-lefts {
 	margin-bottom: 30px;
 	position: relative;
 }

 .oo-innersec-lefts img {
 	border-radius: 20px;
 	width: 100%;
 }

 /***********/

 .help-sec-inner {
 	position: relative;
 	padding: 60px 0 60px
 }

 .sticky-whohelp {
 	position: sticky;
 	top: 125px;
 }

 .sticky-whohelp img {
 	border-radius: 20px
 }



 .help-sec-inner .accordion-card.style2 .accordion-button {

 	background: var(--theme-color);
 	padding: 14px 70px 14px 25px;
 	color: #FFF;
 	border-radius: 15px;
 }

 .help-sec-inner .accordion-card.style2 .accordion-button:after {

 	color: #fff;
 }

 .help-sec-inner .accordion-card.style2 .accordion-button:not(.collapsed) {
 	background: var(--theme-color2);
 	color: #FFF;
 	border-radius: 15px 15px 0 0;
 }

 .help-sec-inner .accordion-card.style2 .accordion-body {
 	padding: 23px 25px 10px 25px;
 	border: unset;
 	border-top: none;
 	box-shadow: 1px 1px 4px 1px rgba(204, 204, 204, .45);
 	border-radius: 0 0 20px 20px;
 }

 .accordion-card .accordion-body a {
 	color: var(--theme-color2);
 	font-weight: 500;
 }

 .accordion-card .accordion-body a:hover {
 	color: var(--theme-color);

 }

 .accordion-card .accordion-body ul {
 	padding-left: 0px;
 	padding-top: 0px;
 	margin-bottom: 5px;
 }

 .accordion-card .accordion-body ul li {
 	display: block;
 	list-style: none;
 	position: relative;
 	margin-bottom: 8px;
 	padding-left: 18px;
 }

 .accordion-card .accordion-body ul li:before {
 	content: "";
 	position: absolute;
 	left: 0;
 	top: 10px;
 	width: 6px;
 	height: 6px;
 	background: var(--title-color);
 	border-radius: 50%;
 }

 /**********/

 .why-featuresec {
 	padding: 60px 0 30px;
 	position: relative;
 	background: #f9fff3;

 }

 .whhh-ffsec {
 	position: relative;
 	width: 100%;
 	text-align: center;
 	background-color: var(--theme-color2) !important;
 	margin-bottom: 30px;
 	padding: 0px 20px 20px;

 	margin-top: 171px;
 	border-radius: 31px;
 	box-shadow: 1px 1px 4px 1px rgb(204 204 204 / 3%);
 }

 .whhh-ffsec-sub {
 	text-align: center;
 }

 .whhh-ffsec img {

 	height: 171px;
 	margin-top: -200px;
 }

 .whhh-ffsec p {
 	margin-bottom: 10px;
 	color: var(--body-color);

 }

 .whhh-ffsec h3 {
 	font-size: 20px;
 	margin-bottom: 10px;

 }

 /*************/
 .why-featuresec .col-lg-4 .whhh-ffsec {
 	background-color: var(--white-color) !important;
 }

 .why-featuresec .col-lg-4 .whhh-ffsec:hover {
 	background-color: var(--theme-color2) !important;
 }

 .whhh-ffsec:hover p {
 	color: #fff
 }

 .whhh-ffsec:hover h3 {
 	color: #fff
 }

 /**********/

 .Service-tradisec {
 	position: relative;
 	padding: 60px 0 30px
 }

 .Service-tradisec .traditional-head .title-area p {
 	font-size: 16px;
 	text-align: left;
 }

 .Service-tradisec .traditional-head ul {
 	text-align: left;
 	padding-left: 0px;
 	padding-top: 0px;
 	margin-bottom: 20px;
 }

 .Service-tradisec .traditional-head ul li {
 	text-align: left;
 	display: block;
 	list-style: none;
 	position: relative;
 	margin-bottom: 8px;
 	padding-left: 18px;
 }

 .Service-tradisec .traditional-head ul li:before {
 	content: "";
 	position: absolute;
 	left: 0;
 	top: 10px;
 	width: 6px;
 	height: 6px;
 	background: var(--title-color);
 	border-radius: 50%;
 }

 /**************/

 .Ay-inne-rbox {
 	position: relative;
 	padding: 20px 30px 10px;
 	text-align: center;
 	width: 100%;
 	margin: 0px auto 30px;
 	border-radius: 16px;
 	Background: transparent;
 	box-shadow: unset;
 }

 .Ay-inne-rbox:after {



 	content: "";
 	height: 71%;
 	width: 100%;
 	background-color: #f9fff3;
 	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
 	position: absolute;
 	left: 0;
 	bottom: 0;
 	right: 0;
 	text-align: center;
 	z-index: 0;
 	border-radius: 20px 20px;
 	transition: all 0.5s ease-in-out 0s;
 	box-shadow: 0px 2px 4px 0px #0d0d0d33;
 	border-radius: 10px;
 	border: #EBE6DE;
 }

 .Ay-inne-rbox:hover:after {
 	height: 100%;
 	border-radius: 20px 20px;
 }

 .Ay-inne-rbox-flex {
 	position: relative;
 	width: 100%;
 	z-index: 1;
 	margin: 0px auto;
 	text-align: center;
 }

 .Ay-inne-rbox-icon {
 	width: 100%;
 	position: relative;

 	margin-bottom: 15px
 }

 .Ay-inne-rbox-icon img {
 	border-radius: 20px;
 	width: 100%;
 	height: 16.5vw;
 	object-fit: cover;

 }

 .Ay-inne-rbox-text {
 	width: 100%;
 	position: relative;



 }

 .Ay-inne-rbox-text p {
 	padding: 0px 15px;
 	margin-bottom: 15px;
 	display: -webkit-box;
 	-webkit-line-clamp: 3;
 	-webkit-box-orient: vertical;
 	overflow: hidden;
 	text-overflow: ellipsis;
 	text-align: center;
 }

 .Ay-inne-rbox-text h3 {

 	font-size: 20px;
 	margin-bottom: 8px;

 }

 /*********************/



 /*********************/
 .Ayurvv-modd {
 	position: relative;

 	padding: 60px 0 60px;
 }

 .Ayurvv-sticky-top {

 	position: -webkit-sticky;
 	position: sticky;
 	top: 120px;
 	z-index: 1020;

 }

 /* Sidebar Title */

 .Ayurvv-widget {
 	position: relative;
 	margin-bottom: 40px;
 }



 /* Category List */

 .Ayurvvcategory-list {
 	position: relative;
 	z-index: 1;
 	padding: 0;
 	margin: 0;
 	background: var(--theme-color);
 	padding: 30px 20px;
 	border-radius: 20px;
 }

 .Ayurvvcategory-list li {
 	position: relative;
 	z-index: 1;
 	margin-bottom: 12px;
 	list-style: none;
 }

 .Ayurvvcategory-list li a {
 	position: relative;
 	display: block;
 	font-size: 17px;
 	z-index: 1;
 	font-weight: 600;
 	border-radius: 50px;
 	color: var(--black-color);
 	text-transform: capitalize;
 	padding: 13px 59px 13px 25px;
 	-webkit-transition: all 300ms ease;
 	-moz-transition: all 300ms ease;
 	-ms-transition: all 300ms ease;
 	-o-transition: all 300ms ease;
 	transition: all 300ms ease;
 	background: #fff;
 }


 .Ayurvvcategory-list li a:before {
 	position: absolute;
 	content: '';
 	left: 0px;
 	top: 0px;
 	right: 0px;
 	bottom: 0px;
 	z-index: -1;
 	opacity: 0;
 	border-radius: 50px;
 	-webkit-transition: all 300ms ease;
 	-moz-transition: all 300ms ease;
 	-ms-transition: all 300ms ease;
 	-o-transition: all 300ms ease;
 	transition: all 300ms ease;
 	background-image: linear-gradient(to right, var(--theme-color));
 }

 .cAyurvvategory-list li a:hover::before {
 	opacity: 1;
 	background-image: linear-gradient(to right, var(--title-color));
 }

 .Ayurvvcategory-list li a.active::before {
 	opacity: 1;
 	background-image: linear-gradient(to right, var(--theme-color2));
 }

 .Ayurvvcategory-list li span {
 	position: absolute;
 	right: 8px;
 	top: 9px;
 	width: 35px;
 	height: 35px;
 	padding: 0px 0px;
 	line-height: 35px;
 	border-radius: 50px;
 	border-radius: 50px;
 	display: inline-block;
 	color: var(--black-color);
 	background-color: transparent;
 }

 .Ayurvvcategory-list li a:hover:before {
 	opacity: 1;
 	background-image: linear-gradient(to right, var(--title-color));
 }

 .Ayurvvcategory-list li a:hover span {
 	color: #fff;
 	background-color: transparent;
 }

 .Ayurvvcategory-list li a.active span {
 	color: #fff;
 	background-color: transparent;
 }

 .Ayurvvcategory-list li a:hover {
 	color: var(--white-color);

 }

 .Ayurvvcategory-list li a.active {
 	color: var(--white-color);

 }

 .Ayurvvcategory-list li:last-child {
 	margin-bottom: 0px;
 }

 /**************/

 .Ayurvvcat-right-sec {
 	position: relative
 }

 .Ayurvvcat-right-sec-first {
 	position: relative
 }

 .Ayurvvcat-right-sec-first h3 {
 	margin-top: 10px;
 	margin-bottom: 10px;
 	line-height: 1.2;
 	font-size: 20px;

 	color: var(--theme-color)
 }

 .Ayurvvcat-right-sec-first ul {
 	padding-left: 0px;
 	padding-top: 0px;
 	margin-bottom: 20px;
 }

 .Ayurvvcat-right-sec-first ul li {
 	display: block;
 	list-style: none;
 	position: relative;
 	margin-bottom: 8px;
 	padding-left: 18px;
 }

 .Ayurvvcat-right-sec-first ul li:before {
 	content: "";
 	position: absolute;
 	left: 0;
 	top: 10px;
 	width: 6px;
 	height: 6px;
 	background: var(--title-color);
 	border-radius: 50%;
 }

 .Ayurvvcat-box1-imm {
 	position: relative;
 	margin-top: 15px;

 	margin-bottom: 50px;
 }

 .Ayurvvcat-box1-imm img {
 	border-radius: 20px
 }

 /*************/
 .Ayurvvcat-right-sec-second {
 	position: relative;

 }

 /**************/

 .trd-box {
 	position: relative;
 	padding: 10px 10px 10px;
 	text-align: center;
 	width: 100%;
 	margin: 0px auto 30px;
 	-webkit-transition: .6s;
 	transition: .6s;
 	display: block;
 }

 .trd-box-inner {
 	position: relative;
 	z-index: 2;
 	border-radius: 6px;
 	overflow: hidden;
 	box-shadow: -90px -90px 0 -80px var(--theme-color2), -90px 90px 0 -80px var(--theme-color2), 90px -90px 0 -80px var(--theme-color2), 90px 90px 0 -80px var(--theme-color2);
 	width: 100%;
 	height: 100%;
 	display: block;
 	-webkit-transition: .6s;
 	transition: .6s;
 }

 .trd-box-icon {
 	position: relative;
 	margin: 15px 10px 10px;
 	text-align: center;
 	overflow: hidden
 }

 .trd-box-icon img {
 	height: 15vw !important;
 	object-fit: cover;
 	z-index: 1;
 	position: relative;
 	text-align: center;
 	margin: 0px auto 0;
 	border-radius: 10px;
 	width: 100%;
 }

 .trd-box-content {
 	padding: 0 10px;
 }

 .trd-box-content h3 {
 	font-size: 18px;
 	margin-bottom: 20px;
 	line-height: 1.2;
 	text-align: center;
 	font-weight: 700;
 	color: var(--title-color);
 }



 /********************/

 .tarde-innersec {
 	position: relative;
 	padding: 60px 0 30px
 }

 .tarde-innersec-rights {
 	position: relative;
 	margin-bottom: 30px
 }

 .trade-innersec-lefts {

 	position: relative;
 	margin-bottom: 30px
 }

 .trade-innersec-lefts img {

 	border-radius: 20px;

 }

 .tarde-innersec-rights h3 {
 	color: var(--theme-color);
 	font-size: 20px;
 	margin-bottom: 10px
 }

 .tarde-innersec-rights ul {
 	padding-left: 0px;
 	padding-top: 0px;
 	margin-bottom: 5px;
 }

 .tarde-innersec-rights ul li {
 	display: block;
 	list-style: none;
 	position: relative;
 	margin-bottom: 8px;
 	padding-left: 18px;
 }

 .tarde-innersec-rights ul li:before {
 	content: "";
 	position: absolute;
 	left: 0;
 	top: 10px;
 	width: 6px;
 	height: 6px;
 	background: var(--title-color);
 	border-radius: 50%;
 }

 /***********/
 .tt-mbox {
 	text-align: center;
 	box-shadow: 0px 10px 20px 0px rgba(33, 20, 106, 0.1);
 	margin-bottom: 22px;
 	overflow: hidden;
 	border-radius: 10px;
 	background: var(--theme-color2);
 	position: relative;
 	display: block;
 	width: 100%;
 }

 .tt-image-mbox {}

 .tt-mbox .ttm-img {
 	transition: opacity .3s ease-out;
 	overflow: hidden;
 	top: 0;
 	left: 0;
 	position: relative;
 	display: block;
 }

 .tt-mbox .ttm-img img {
 	width: 100%;
 	transition: all 500ms ease;
 	border-radius: 10px 10px 0px 0px;
 	height: 18vw !important;
 	width: 100% !important;
 	object-fit: cover;
 }

 .tt-mbox .ttm-img:before {
 	position: absolute;
 	content: '';
 	width: 100%;
 	height: 0%;
 	left: 0px;
 	top: 0px;
 	opacity: 0.8;
 	transition: all 500ms ease;
 	background: #7bad4a54;
 }

 .tt-mbox:hover .ttm-img:before {
 	height: 100%;
 }

 .ttm-description {
 	position: relative;

 	padding: 15px 20px 15px;
 	display: block;
 }

 .ttm-description h3 {
 	font-size: 18px;
 	color: #fff;
 	margin-bottom: 0px;
 }

 .ttm-description h3 a {
 	color: #fff !important;
 }

 /***********/


 .helath-mo-box {
 	position: relative;
 	width: 100%;
 	margin-bottom: 30px;
 	background: #fff;
 	padding: 30px 35px;
 	border-radius: 13px;
 	overflow: hidden;
 	box-shadow: 1px 1px 4px 1px rgba(204, 204, 204, .45);
 	text-align: left;
 	cursor: pointer;
 	background: linear-gradient(#7bad4a70 0.13%, rgba(4, 70, 222, 0) 63.68%), rgb(246, 246, 248);

 }

 .helath-mo-box:hover {
 	background: linear-gradient(#1e868952 0.13%, rgba(4, 70, 222, 0) 63.68%), rgb(246, 246, 248)
 }

 .helath-mo-box-inner {
 	position: relative;
 	width: 100%;

 	display: block
 }

 .helath-mo-box-left {
 	width: 100%;
 	position: relative;
 	padding-right: 10px
 }

 .helath-mo-box-left h3 {
 	font-size: 20px;
 	margin-bottom: 10px;
 	line-height: 1.2;
 	font-weight: 700;

 }

 .helath-mo-box-left h4 {
 	font-size: 16px;
 	color: var(--theme-color);
 	margin-bottom: 5px;
 	font-weight: 500
 }

 .helath-mo-box-left h6 {
 	font-size: 16px;
 	color: var(--theme-color);
 	margin-bottom: 10px;
 }

 .helath-mo-box-left h3 a {
 	color: var(--title-color)
 }

 .helath-mo-box-left h3 a:hover {
 	color: var(--theme-color2)
 }

 .helath-mo-box-left span {
 	display: block;
 	margin-bottom: 0px;
 	font-size: 15px
 }

 .helath-mo-box-right {
 	Width: 100%;
 	margin-top: 0;
 	margin-bottom: 0px;
 }

 .helath-mo-box-right h5 {
 	color: var(--theme-color2);
 	font-size: 17px;
 	margin-bottom: 0;
 	line-height: 1.2;

 }

 .healthcare-sec-modern {
 	position: relative;
 	padding: 60px 0 60px;

 }

 /*************/

 /***********/

 .aurrvedha-sec1 {
 	margin-bottom: 50px;
 	border-radius: 20px;

 	position: relative;
 	display: block;
 	transition: all .2s ease-in-out;
 	z-index: 1;
 	width: 100%;
 	Background: #fff;
 	padding: 15px;
 	padding-bottom: 10px;
 	-webkit-box-shadow: 0 5px 15px rgb(0 0 0 / 50%);
 	box-shadow: 0 5px 15px rgb(0 0 0 / 50%);
 	background: linear-gradient(var(--theme-color2) 35.13%, rgba(4, 70, 222, 0) 63.68%), rgb(246, 246, 248);
	    border: 1px solid var(--theme-color);
 }

 .aurrvedha-sec1:hover {
 	-webkit-box-shadow: 0 5px 15px rgb(0 0 0 / 50%);
 	box-shadow: 0 5px 15px rgb(0 0 0 / 50%);
	 border: 3px solid var(--theme-color);
 	 
 }

 .aurrvedha-sec1 img {
 	width: 100%;
 	-webkit-transition: 0.4s ease-in-out;
 	transition: 0.4s ease-in-out;
 	height: 24vw;
 	object-fit: cover;
 	border-radius: 20px 20px 0 0;
 }

 .aurrvedha-sec1:hover img {
 	-webkit-transform: scale(1.1);
 	-ms-transform: scale(1.1);
 	transform: scale(1.1);
 }

 .aurrvedha-sec1 .aurr-content {
 	padding: 0;
 	z-index: 99;
 	width: 100%;
 	position: relative;
 	bottom: 0;
 	text-align: center;
 	margin-bottom: 13px;
 	margin-top: 14px;
 }
 .aurrvedha-sec1 .aurr-content:before {
	 bottom: -4px;
    height: 2px;
    width: 180px;
    background-color: var(--theme-color2);
    right: auto;
    left: 0;
    content: "";
    display: block;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
 }
 .aurrvedha-sec1 .aurr-content:hover {}

 .aurrvedha-sec1 .aurr-tilte {
 	font-size: 20px;

 	margin-bottom: 0px
 }

 .aurrvedha-sec1-imm {
 	position: relative;
 	overflow: hidden;
 	width: 100%;
 	margin-bottom: 0px;
 	border-radius: 20px 20px 0 0;
 }

 .aurrvedha-sec1 p {
 	padding: 0px 15px;
 	margin-bottom: 15px;


 	display: -webkit-box;
 	-webkit-line-clamp: 3;
 	-webkit-box-orient: vertical;
 	overflow: hidden;
 	text-overflow: ellipsis;
 	text-align: center;
 }
  .aurrvedha-sec1 ul{
	  position:relative;
	  padding:0;
	  margin:0;
	      margin-bottom: 10px;
  }
 .aurrvedha-sec1 ul li {
    color: var(--body-color);
 
 	display: block;
 	position: relative;
 	list-style: none;
font-weight:500;
 	padding-left: 17px
 }

 .aurrvedha-sec1 ul li:before {
 	content: "";
 	position: absolute;
 	left: 0;
 	top: 10px;
 	width: 8px;
 	height: 8px;
 	border: 1px solid var(--title-color);
 	border-radius: 50%;
 }

 .aurrvedha-sec1 .dlab-separator {
 	margin-bottom: 25px;
 	margin-bottom: 25px;
 	background-color: var(--theme-color1) !important;
 	margin-left: auto;
 	margin-right: auto;
 	width: 60px;
 	height: 4px;
 	display: block;
 }

 .aurrvedha-sec1 .aurr-content .btn {
 	background-color: var(--theme-color);
 	color: #fff;

 }
.icon-dtt{
	     position: absolute;
    left: 0;
    right: 0;
    display: flex
;
    align-items: center;
    justify-content: center;
    margin: 0 0 0 0;
    bottom: -24px;
}

.icon-dtt i {
    background-color: var(--theme-color);
    color: var(--white-color);
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 24px;
    text-align: center;
    border-radius: 50%;
    -webkit-transition: all 
ease 0.4s;
    transition: all 
ease 0.4s;
    display: inline-block;
}
 /**************/




 /***************/

 .Healthayurv-modd {
 	position: relative;

 	padding: 60px 0 60px;
 }

 .Healthayurv-sticky-top {

 	position: -webkit-sticky;
 	position: sticky;
 	top: 120px;
 	z-index: 1020;

 }

 /* Sidebar Title */

 .Healthayurv-widget {
 	position: relative;
 	margin-bottom: 40px;
 }


 /**************/

 .Healthayurvcat-right-sec {
 	position: relative
 }

 .Healthayurvcat-right-sec-first {
 	position: relative
 }

 .Healthayurvcat-right-sec-first h3 {
 	margin-top: 10px;
 	margin-bottom: 10px;
 	line-height: 1.2;
 	font-size: 20px;

 	color: var(--theme-color)
 }

 .Healthayurvcat-right-sec-first ul {
 	padding-left: 0px;
 	padding-top: 0px;
 	margin-bottom: 20px;
 }

 .Healthayurvcat-right-sec-first ul li {
 	display: block;
 	list-style: none;
 	position: relative;
 	margin-bottom: 8px;
 	padding-left: 18px;
 }

 .Healthayurvcat-right-sec-first ul li:before {
 	content: "";
 	position: absolute;
 	left: 0;
 	top: 10px;
 	width: 6px;
 	height: 6px;
 	background: var(--title-color);
 	border-radius: 50%;
 }

 .Healthayurvcat-box1-imm {
 	position: relative;
 	margin-top: 0px;

 	margin-bottom: 30px;
 }

 .Healthayurvcat-box1-imm img {
 	border-radius: 20px
 }

 /*************/
 .widget-ayuy {
 	padding: 20px;
 	background: #f9fff3;
 	margin-bottom: 0px;
 	position: relative;
 	border-radius: 15px;
 }

 .thumb-post {
 	margin-bottom: 15px;
 	padding-bottom: 15px;
 	display: -webkit-box;
 	display: -ms-flexbox;
 	display: flex;
 	-webkit-box-align: center;
 	-ms-flex-align: center;
 	align-items: center;
 	border-bottom: 1px solid #e5eaee;
 	border: 1px solid transparent;
 	border-radius: 10px;
 	padding: 10px;
 }

 .thumb-post:hover {
 	border: 1px solid var(--theme-color);


 }

 .thumb-post.active {
 	border: 1px solid var(--theme-color2);


 }

 .thumb-post:last-child {}

 .thumb-post .post-date {
 	display: inline-block;
 	font-size: 12px;
 	color: var(--theme-color);
 	font-weight: 600;
 }

 .thumb-post .post-date i {
 	position: relative;
 	top: -1px;
 	margin-right: 7px;
 }

 .thumb-post .post-date:hover {
 	color: var(--theme-color);
 }

 .thumb-post .post-title {
 	font-size: 17px;
 	margin-bottom: 3px;
 	font-weight: 600;
 	overflow: hidden;

 }

 .thumb-post .post-title a {
 	color: inherit;
 }

 .thumb-post .post-title a:hover {
 	color: var(--theme-color);
 }

 .thumb-post.active .post-title a {
 	color: var(--theme-color2);
 }

 .thumb-post .media-img {
 	margin-right: 15px;
 	overflow: hidden;
 	border-radius: 5px;
 	width: 90px;
 }

 .thumb-post .media-img img {
 	-webkit-transition: all ease 0.4s;
 	transition: all ease 0.4s;
 	-webkit-transform: scale(1.001);
 	transform: scale(1.001);
 	height: 4.5vw;
 	object-fit: cover;
 }

 .thumb-post:hover .media-img img {
 	-webkit-transform: scale(1.15);
 	transform: scale(1.15);
 }

 /***********/

 .healthcare-sec-aysec {
 	padding: 60px 0 30px;
 	position: relative
 }

 /***********/

 .mm-sec-modernsec {
 	position: relative;
 	padding: 60px 0 30px
 }

 /*************/

 .health-packa-sec {
 	position: relative;
 	padding: 60px 0 60px
 }

 .pri-heal {
 	color: var(--theme-color2);
 	font-size: 17px;
 	margin-bottom: 9px;
 	line-height: 1.2;

 }

 .health-packa-sec h3 {
 	font-size: 28px;
 	font-weight: 600;
 	margin-top: 20px;
 	margin-bottom: 10px;
 	color: var(--theme-color2)
 }

 .health-packa-sec h4 {
 	font-size: 23px;
 	font-weight: 600;
 	margin-top: 20px;
 	margin-bottom: 10px
 }

 .health-packa-sec ul {
 	position: relative;
 	padding: 0;
 	margin: 0 0 20px;


 }

 .health-packa-sec ul li {
 	display: block;
 	list-style: none;
 	position: relative;
 	margin-bottom: 0;
 	padding-left: 18px;
 	background: #f9fff3;
 	padding: 10px 15px;
 	padding-left: 46px;
 }

 .health-packa-sec ul li:nth-child(odd) {
 	background: #f9fff3;
 }

 .health-packa-sec ul li:nth-child(even) {
 	background: #f0ffff;
 }

 .health-packa-sec ul li:before {
 	font-family: var(--icon-font);
 	font-weight: 900;
 	color: var(--theme-color2);
 	position: absolute;
 	left: 20px;
 	-webkit-transition: 0.3s ease-in-out;
 	transition: 0.3s ease-in-out;
 	content: "\f336";

 }

 /*************/


 .finance-tt-innersec {
 	position: relative;
 	padding: 60px 0 30px
 }

 .finance-tt-innersec-rights {
 	position: relative;
 	margin-bottom: 30px
 }

 .trade-innersec-lefts {

 	position: relative;
 	margin-bottom: 30px
 }

 .trade-innersec-lefts img {

 	border-radius: 20px;

 }

 .finance-tt-innersec-rights a {

 	color: var(--theme-color2);
 }

 .finance-tt-innersec-rights a:hover {

 	color: var(--theme-color);
 }

 .finance-tt-innersec-rights h3 {
 	color: var(--theme-color);
 	font-size: 20px;
 	margin-bottom: 10px
 }

 .finance-tt-innersec-rights ul {
 	padding-left: 0px;
 	padding-top: 0px;
 	margin-bottom: 5px;
 }

 .finance-tt-innersec-rights ul li {
 	display: block;
 	list-style: none;
 	position: relative;
 	margin-bottom: 8px;
 	padding-left: 18px;
 }

 .finance-tt-innersec-rights ul li:before {
 	content: "";
 	position: absolute;
 	left: 0;
 	top: 10px;
 	width: 6px;
 	height: 6px;
 	background: var(--title-color);
 	border-radius: 50%;
 }

 /************/


 .Insurance-tt-innersec {
 	padding: 60px 0 50px;
 	position: relative
 }

 .Insurance-tt-innersec h3 {
 	font-size: 20px;
 	margin-top: 23px;
 	margin-bottom: 10px;
 	line-height: 1.2;
 	position: relative;
 	padding-left: 30px;

 }

 .Insurance-tt-innersec h6 {
 	font-size: 25px;
 	margin-top: 23px;
 	margin-bottom: 10px;
 	line-height: 1.2;
 	position: relative;


 }

 .Insurance-tt-innersec h3:before {
 	font-family: var(--icon-font);
 	font-weight: 900;
 	color: var(--title-color);
 	position: absolute;
 	left: 0;
 	-webkit-transition: 0.3s ease-in-out;
 	transition: 0.3s ease-in-out;
 	content: "\f336";
 	content: "\f101";
 }

 .Insurance-tt-innersec h4 {
 	font-size: 18px;
 	margin-bottom: 10px;
 	margin-top: 10px;
 	color: var(--theme-color);
 }

 .Insurance-tt-innersec h5 {
 	font-size: 18px;
 	padding-left: 15px;
 	color: var(--theme-color);

 }

 .Insurance-tt-innersec a {
 	font-weight: 500;
 	color: var(--theme-color2)
 }

 .Insurance-tt-innersec a:hover {

 	color: var(--theme-color)
 }

 .Insurance-tt-innersec ul {
 	position: relative;
 	padding: 0;
 	margin: 0 0 20px;
 	margin-top: 20px;
 	display: block;
 }

 .Insurance-tt-innersec ul li {
 	display: block;
 	list-style: none;
 	position: relative;
 	margin-bottom: 0;
 	padding-left: 18px;
 	background: #f9fff3;
 	padding: 10px 15px;
 	padding-left: 46px;
 }

 .Insurance-tt-innersec ul li:nth-child(odd) {
 	background: #f9fff3;
 }

 .Insurance-tt-innersec ul li:nth-child(even) {
 	background: #f0ffff;
 }

 .Insurance-tt-innersec ul li:before {
 	font-family: var(--icon-font);
 	font-weight: 900;
 	color: var(--theme-color2);
 	position: absolute;
 	left: 20px;
 	-webkit-transition: 0.3s ease-in-out;
 	transition: 0.3s ease-in-out;
 	content: "\f336";

 }


 /************/



 /*************/
 .Service-innersec3 {
 	position: relative;
 	padding: 80px 0 80px;
 }

 .Service-innersec3-content-con {
 	position: relative
 }

 .Service-innersec3-content-main {
 	display: flex;
 	gap: 20px;
 	justify-content: space-between;
 	flex-direction: column;
 }

 .Service-innersec3-content {
 	position: relative;
 	max-width: 680px;
 	margin: 0px 0 0;

 	margin-bottom: 20px;
 }

 .Service-innersec3 img {
 	border-radius: 30px;
	height: 19vw;
 }


 .Service-innersec3 .sec-title {
 	margin-bottom: 20px;
 }

 .Service-innersec3-img1 img{
    
	/*height: 250px;
    object-fit: cover;*/
 }

 .Service-innersec3-img2  img{
    
	height: 42vw;
    object-fit: cover;
 }

 /*****************/

 .Trusrt-sec {
 	padding: 70px 0 70px;
 	position: relative;

 	--body-color: #fff;
 }

 .Trusrt-sec:before {
 	content: "";
 	background: #18cb96;
 	position: absolute;
 	top: 0;
 	left: 0;
 	right: 0;
 	bottom: 0;
 	z-index: 0;
 }

 .Trusrt-sec .container {
 	position: relative;
 	z-index: 1
 }

 .Trusrt-sec h3 {
 	color: #fff;
 	font-size: 40px
 }
 
  .Trusrt-sec h4{
	  
	  color:#fff;
	  font-size:20px;
	  margin-bottom:10px
  }
 .Trusrt-sec  ul{
 
     padding-left: 0px;
    padding-top: 0px;
    margin-bottom: 0px;
	
	}
 .Trusrt-sec ul li {
    display: block;
    list-style: none;
    position: relative;
    margin-bottom: 8px;
    padding-left: 18px;
	
	color:#fff
}
 .Trusrt-sec ul li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    width: 6px;
    height: 6px;
    background: #fff;
    border-radius: 50%;
}
 /***************/


 /**********/

 .Desti-innersec {
 	position: relative;
 	padding: 70px 0 40px;
 }

 .Desti-innersec .container-fluid {
 	padding: 0
 }

 /************/
 .pro-prow {
 	margin-left: 0;
 	margin-right: 0;
 }

 .pro-prow .col-lg-4 {
 	padding-left: 0;
 	padding-right: 0;
 }

 .destimations-three .single-offer-box {
 	text-align: center;
 	position: relative;
 	overflow: hidden;
 	transition: 0.5s;
 	margin: 0 0px;
 	margin-bottom: 30px;
 	width: 100%;
 	display: block;
 }

 .destimations-three .single-offer-box:before {
 	content: "";
 	position: absolute;
 	left: 0;
 	right: 0;
 	height: 100%;
 	width: 100%;
 	border-radius: 0;
 	bottom: 0;
 	background: #00000085;
 }

 .destimations-three .single-offer-box:hover:before {
 	height: 100%;
 }

 .destimations-three .single-offer-thumb {
 	/*	position:relative;
	overflow:hidden*/
 }

 .destimations-three .single-offer-thumb img {
 	width: 100%;
 	height: 35vw;
    
 	border-radius: 0px;
 	-webkit-transition: 0.4s ease-in-out;
 	transition: 0.4s ease-in-out;
 }

 .desti-othersec.destimations-three .single-offer-thumb img {

 	height: 30vw;

 }

 .destimations-three .single-offer-box:hover .single-offer-thumb img {
 	/*  -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);*/
 }

 .destimations-three .offer {
 	position: absolute;
 	top: 37px;
 	left: 23px;
 }

 .destimations-three .offer-content {
 	background: transparent;
 	position: absolute;
 	width: 100%;
 	bottom: -150%;
 	left: 0;
 	right: 0;
 	margin: auto;
 	padding: 6px 0 0px;
 	transition: 0.6s;
 }

 .destimations-three .single-offer-box:hover .offer-content {
 	bottom: 0;
 }

 .destimations-three .offer span {
 	display: inline-block;
 	background-color: var(--title-color);
 	padding: 6px 28px;
 	font-size: 16px;
 	color: #ffffff;
 	font-weight: 700;
 	font-family: var(--body-font);
 }

 .destimations-three .offer-content h4 {
 	font-size: 19px;
 	line-height: 30px;
 	color: #fff;
 	font-weight: 600;
 	position: relative;
 	margin-bottom: 10px;
 	border-bottom: 1px solid #ffffff;
 	text-align: center;
 }

 .destimations-three .offer-content h4:before {
 	position: absolute;
 	content: "";
 	width: 60px;
 	height: 2px;
 	top: 37px;
 	left: 0;
 	right: 0;
 	background: var(--theme-color);
 	margin: auto;
 }

 .destimations-three .offer-content p {
 	width: 100%;
 	margin: auto;
 	padding: 4px 15px 15px;
 	color: #fff
 }

 .destimations-three .offer-content a {
 	display: inline-block;
 	background-color: var(--theme-color);
 	width: 100%;
 	padding: 12px 0;
 	font-size: 16px;
 	color: #ffffff;
 	font-weight: 500;
 	text-transform: capitalize;
 	font-family: var(--body-font);
 	background-image: linear-gradient(to right, #9ec656, #8ec367, #76c085, #63bc9e, #43b7c4, #36bece, #2fb5da);
 }

 .destimations-three .offer-bottom-title {
 	border-top: transparent;
 	padding: 14px 40px 0px;
 	position: absolute;
 	bottom: 0;
 	left: 0;
 	right: 0;
 	width: 100%;
 	background: transparent;
 	top: 20px;
 }

 .ss-iiccon {

 	position: absolute;
 	content: "";
 	background: #fff;
 	z-index: 10;
 	bottom: 0;
 	width: 60px;
 	height: 60px;
 	line-height: 60px;
 	right: 0;
 }

 .destimations-three .single-offer-box:hover .offer-bottom-title {}

 .destimations-three .offer-bottom-title ul {
 	position: relative;
 	padding: 0;
 	margin: 0;
 	text-align: left;
 	padding-top: 25px;

 }

 .destimations-three .offer-bottom-title ul li {

 	color: #fff;
 	display: block;
 	position: relative;
 	list-style: none;

 	padding-left: 17px
 }

 .destimations-three .offer-bottom-title ul li:before {
 	content: "";
 	position: absolute;
 	left: 0;
 	top: 10px;
 	width: 8px;
 	height: 8px;
 	border: 1px solid #fff;
 	border-radius: 50%;
 }

 .destimations-three .offer-bottom-title h4 {
 	font-size: 20px;
 	color: #fff;
 	font-weight: 700;
 	margin-bottom: 0px;
 	transition: all 0.5s ease-in-out;
 	padding-bottom: 20px;
 	border-bottom: 1px solid #ffffff;
 	text-align: left;
 }

 .destimations-three .offer-bottom-title p {
 	color: #fff;
 	transition: all 0.5s ease-in-out;
 	display: -webkit-box;
 	-webkit-line-clamp: 2;
 	-webkit-box-orient: vertical;
 	overflow: hidden;
 	text-overflow: ellipsis;

 	transition: all 0.5s ease-in-out;
 	opacity: 0;
 	visibility: hidden;
 	height: 0;
 	margin-bottom: 0
 }

 .destimations-three .single-offer-box:hover .offer-bottom-title p {
 	opacity: 1;
 	visibility: visible;
 	color: #fff;
 	margin-bottom: 10px;
 	height: auto;
 }

 .destimations-three .single-offer-box:hover .offer-bottom-title h4 {}



 .destimations-three .offer-bottom-title span {
 	position: relative;

 	font-size: 15px;
 	line-height: 1.2;
 	font-weight: 400;
 	color: #fff;

 	display: inline-block;
 	padding: 0 0 8px;
 	transition: all 0.5s ease-in-out;
 	opacity: 0;
 	visibility: hidden;
 	height: 0;
 }

 .destimations-three .offer-bottom-title span i {
 	margin-left: 5px
 }

 .destimations-three .single-offer-box:hover .offer-bottom-title span {
 	opacity: 1;
 	visibility: visible;
 	color: #fff;
 	height: auto;
 }

 .destimations-three .offer-bottom-title span:after {
 	position: absolute;
 	bottom: 0;
 	left: 50%;
 	transform: translateX(-50%);
 	content: "";
 	background: #fff;
 	width: 100%;
 	height: 2px;
 	transition: all 0.5s ease-in-out;
 }

 .sec-colorr {
 	color: var(--theme-color)
 }

 /*******************/

 .market-presence {
 	padding: 0px 0 0px;
 	position: relative;
 	background-position: bottom;
 }


 .market-presence .container-fluid {
 	padding-left: 0;
 	padding-right: 0;

 }

 .market-presence .container-fluid .row {
 	margin-left: 0;
 	margin-right: 0;

 }

 .market-presence .container-fluid .col-lg-4 {

 	padding-left: 0;
 	padding-right: 0;

 }

 .map-home {
 	position: relative;

 }

 .map-home iframe {

 	margin-bottom: -10px
 }

 .market-box1 {
 	position: relative;
 	display: block;
 	width: 100%;

 	padding: 30px 30px 30px
 }

 .market-box1.bbsec {
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	flex-direction: column;
 }

 .market-box1 .title-area .sec-title {
 	margin-bottom: 10px;
 	font-size: 32px;
 	font-weight: 700;
 }

 .market-box1 .elementor-background-overlay {
 	background-color: #18cb96bd;
 	opacity: 1;
 	z-index: 0;
 	position: absolute;
 	width: 100%;
 	height: 100%;
 	top: 0;
 	bottom: 0;
 	left: 0;
 	right: 0;
 	content: ""
 }

 .market-box1 img {

 	position: relative;
 	margin-bottom: 10px
 }

 .market-box1 .elementor-bg-overlay {
 	background-color: #000000bf;
 	opacity: 1;
 	z-index: 0;
 	position: absolute;
 	width: 100%;
 	height: 100%;
 	top: 0;
 	bottom: 0;
 	left: 0;
 	right: 0;
 	content: "";
 }

 .market-box1 p {
 	color: #fff;
 	position: relative
 }

 .market-box1 h3 {
 	color: #fff;
 	position: relative;
 	font-size: 20px;
 	margin-bottom: 10px
 }


 /********************/


 .prc-box {
 	text-align: center;
 	width: 100%;
 	position: relative;
 	padding: 25px 15px 20px;
 }

 .prc-box p {}

 .prc-box-content h3 {
 	font-size: 20px;
 	line-height: 1.3;
 	margin-bottom: 10px;
 	color: var(--title-color);
 	margin-top: 10px;
 }

 .prc-box-icon {
 	background: var(--theme-color2);
 	margin: 0px auto;
 	text-align: center;
 	width: 80px;
 	line-height: 68px;
 	height: 80px;
 	border-radius: 50%;
 }

 .prc-box-icon-sub {

 	width: 100%;
 	height: 100%;
 	border-radius: 50%;
 }

 .prc-box-icon-sub img {
 	width: 57px !important;
 	height: 57px;
 	display: inline-block !important;
 	-webkit-filter: brightness(0) invert(1);
 	filter: brightness(0) invert(1);

 }

 .prc-box:hover .prc-box-icon-sub img {}

 .why-abb {}

 .prc-box-content h3 {}

 .why-rr {
 	padding: 30px;
 	text-align: center;
 	border-bottom: 1px solid #000;
 }

 .prc-box-content-kline {
 	border-left: 2px dotted #000000;
 	width: 2px;
 	height: 27px;
 	margin: 0px auto;
 }


 /**********/

 .prc-box:hover .prc-box-icon-sub {}

 .prc-box:hover .prc-box-icon {}

 .prc-box:hover .prc-box-content h3 {}

 .p-line-1:before {
 	position: absolute;
 	right: -7px;
 	width: 1px;
 	height: 100%;
 	content: "";
 	z-index: 1;
 	background: #6a5454 !important;
 	top: 0;
 	bottom: 0;
 }

 /*********/

 .pr-middle {
 	position: relative;
 	display: flex;
 	border-top: 1px solid #fff;
 	border-bottom: 1px solid #fff;
 	text-align: Left;
 	padding: 20px 0 20px;
 	align-items: center;
 }


 .pr-middle {
 	position: relative;
 	display: flex;
 	border-top: 1px solid #000;
 	border-bottom: 1px solid #000;
 	text-align: Left;
 	padding: 20px 0 20px;
 	align-items: center;
 }

 .pr-middle.last {
 	border-bottom: unset;
 }

 .pr-middle .prc-box-content {
 	width: calc(100% - 80px);
 	padding-left: 10px;
 }

 .p-line-1:before {
 	position: absolute;
 	right: -7px;
 	width: 1px;
 	height: 100%;
 	content: "";
 	z-index: 1;
 	background: #000;
 	top: 0;
 	bottom: 0
 }

 .p-line-2:before {
 	position: absolute;
 	left: -7px;
 	width: 1px;
 	height: 100%;
 	content: "";
 	z-index: 1;
 	background: #000;

 	top: 0;
 	bottom: 0
 }

 /*********/

 .founder-ss {
 	padding: 70px 0 0px;
 	position: relative
 }

 /**************/

 /***********/
 .Service-ss {
 	position: relative;
 	padding: 60px 0 30px
 }

 .loasn-sebox {
 	position: relative;
 	padding: 0px 0px 0px;
 	text-align: center;
 	width: 100%;
 	margin: 0px auto 50px;
 	border-radius: 0px;
 	box-shadow: rgba(11, 46, 72, 0.15) 0px 3px 30px 0px;
 	border-radius: 0 0 16px 16px;
 	Background: #fff
 }

 .loasn-sebox:hover {}

 .loasn-sebox-icon {
 	position: relative;
 	width: 102px;
 	height: 102px;
 	margin: 0px auto 20px;
 	text-align: center
 }

 .loasn-sebox-inner {
 	position: relative;
 	text-align: center;
 	width: 100%;

 	padding: 19px 7px 20px;
 	margin: 0px auto 0px;


 	margin-top: 0px;
 }

 .loasn-sebox-icon img {
 	width: 102px;
 	z-index: 1;
 	position: relative;
 	margin: 0px auto 0;
 }

 .loasn-sebox-content {}


 .loasn-sebox h3 {
 	font-size: 18px;
 	margin-bottom: 0px;
 	border-radius: 6px 6px 0 0;
 	Background: var(--theme-color);
 	padding: 13px 10px;
 	display: block;
 	z-index: 1;
 	position: relative;
 	min-height: 77px;
 	display: flex;
 	align-items: center;
 	justify-content: center;
 }

 .loasn-sebox h3 a {
 	color: var(--title-color)
 }

 .loasn-sebox h3 a:hover {
 	color: var(--theme-color)
 }

 .loasn-sebox:hover .loasn-sebox-content h3 a {
 	color: var(--theme-color)
 }

 .loasn-sebox-content p {
 	padding: 0px 0px;
 	display: -webkit-box;
 	-webkit-line-clamp: 3;
 	-webkit-box-orient: vertical;
 	overflow: hidden;
 	text-overflow: ellipsis;
 }

 .se-read-btn {
 	color: var(--theme-color2);
 	font-weight: 600;
 	font-size: 16px
 }

 .se-read-btn:hover {

 	color: var(--theme-color);
 }

 .service-row .col-lg-3:nth-child(odd) .loasn-sebox h3 {
 	Background: var(--theme-color2);
 }

 .service-row .col-lg-3:nth-child(even).loasn-sebox h3 {
 	Background: var(--theme-color);
 }

 /********/



 /*********/

 .Featuresec {
 	Background: #b4c4ff;
 	padding: 0px 0 0px;
 	position: relative;
 }

 .Featuresec:before {
 	content: "";
 	position: absolute;
 	left: 0;
 	top: 0;
 	bottom: 0;
 	height: 100%;
 	width: 40%;
 	Background: #ffd5c6;
 	z-index: 0;
 }

 .ffses {
 	Background: #ffd5c6;

 	position: relative;
 	padding: 70px 30px 70px 0;

 }

 .ffses ul {
 	padding: 0;
 	margin: 0
 }

 .ffses li {

 	padding-left: 30px;
 	position: relative;
 	display: block;

 	margin-bottom: 20px;

 }

 .ffses li:before {
 	font-family: var(--icon-font);
 	font-weight: 900;
 	color: var(--theme-color2);
 	position: absolute;
 	left: 0;
 	-webkit-transition: 0.3s ease-in-out;
 	transition: 0.3s ease-in-out;
 	content: "\f336";
 }

 .ss-foot a {
 	font-weight: 500 !important;
 	color: #fff !important;
 	font-size: 16px !important;
 }

 .ss-foot a:hover {

 	color: var(--theme-color) !important;

 }

 .ffc hr {
 	margin: 20px 0 30px;
 	color: inherit;
 	background-color: rgb(215 215 215);
 	border: 0;
 	opacity: .25;
 }

 .as-widget-contact {
 	padding-right: 30px
 }

 .as-widget-about h5 {
 	font-size: 16px;
 	color: #fff;
 	font-weight: 600;
 	margin-bottom: 5px
 }

 .aa-img {
 	width: 100%;
 	height: 186px;
 	background-size: contain;
 	background-repeat: repeat-x;
 }

 .counter-sec3 .row .col-lg-6:nth-child(1) .counter-card {
 	background-color: #f5f4ea;
 }

 .counter-sec3 .row .col-lg-6:nth-child(2) .counter-card {
 	background-color: #fff8f8;
 }

 .counter-sec3 .row .col-lg-6:nth-child(3) .counter-card {
 	background-color: #f2f5f5;
 }

 .counter-sec3 .row .col-lg-6:nth-child(4) .counter-card {

 	background-color: #efedff;
 }



 .service-row .col-lg-3:nth-child(1) .loasn-sebox h3 {
 	background-color: #f5f4ea;
 }

 .service-row .col-lg-3:nth-child(2) .loasn-sebox h3 {
 	background-color: #fff8f8;
 }

 .service-row .col-lg-3:nth-child(3) .loasn-sebox h3 {
 	background-color: #f2f5f5;
 }

 .service-row .col-lg-3:nth-child(4) .loasn-sebox h3 {
 	background-color: #efedff;
 }

 .service-row .col-lg-3:nth-child(5) .loasn-sebox h3 {
 	background-color: #f5f4ea;
 }

 .service-row .col-lg-3:nth-child(6) .loasn-sebox h3 {
 	background-color: #fff8f8;
 }

 .service-row .col-lg-3:nth-child(7) .loasn-sebox h3 {
 	background-color: #f2f5f5;
 }

 .service-row .col-lg-3:nth-child(8) .loasn-sebox h3 {
 	background-color: #efedff;
 }

 /*****************/

 .career-ss {
 	Background: var(--theme-color);
 	padding: 40px 0 40px;
 	position: relative
 }






 /* new style(10-10-2025) */
 h3 span {
 	display: inline-block;
 	margin-right: 5px;
 }

 .animated-heading {
 	font-size: 28px;
 	font-weight: bold;
 }

 .animated-heading {
 	font-size: 28px;
 	font-weight: bold;
 }

 .word {
 	opacity: 0;
 	display: inline-block;
 }

 .word.animate {
 	animation: fadeInUp 0.5s forwards;
 }

 .word.animate:nth-child(1) {
 	animation-delay: 0.1s;
 }

 .word.animate:nth-child(2) {
 	animation-delay: 0.4s;
 }

 .word.animate:nth-child(3) {
 	animation-delay: 0.7s;
 }

 @keyframes fadeInUp {
 	from {
 		opacity: 0;
 		transform: translateY(20px);
 	}

 	to {
 		opacity: 1;
 		transform: translateY(0);
 	}
 }

 .clients-bbsec {
 	position: relative;
 	padding: 10px 0 30px;
 }
 .clients-bbsec .owl-dots{
	display:none!important
}

 .clients-bbsec .owl-nav{
		display:none!important
}
 h2.sec-title.mb-20.client-home-h2 {
 	text-align: center;
 }

 .title-area .sec-title span {
 	color: var(--theme-color);
 }

 @media only screen and (min-width: 992px) {
 	.cc-client .col-lg-2 {
 		width: 20%;
 	}
 }

 .cliend-brand {
 
 }

 .brand-slide {
 	border: 1px dashed var(--theme-color);
 }

 .brand-slide {
 	/* border-radius: 20px; */
 	/* background: #fff; */
 	padding: 15px 10px;
 	display: block;
 	box-shadow: rgba(11, 46, 72, 0.15) 0px 3px 30px 0px;
 	text-align: center;
 	position: relative;
 	width: 100%;
 	margin-bottom: 30px;
 }

 .brand-slide {
 	--bs-gutter-x: 0 !important;
 }

 .brand-slide a {
 	position: relative;
 	cursor: pointer;
 	display: block;
 }

 .cliend-brand img {
 	height: 90px;
 }

 #lightboxModal {
 	display: none;
 	position: fixed;
 	z-index: 9999;
 	padding-top: 50px;
 	left: 0;
 	top: 0;
 	width: 100%;
 	height: 100%;
 	background-color: rgba(0, 0, 0, 0.8);
 	text-align: center;
 }

 #lightboxModal img {
 	max-width: 90%;
 	max-height: 80%;
 	border-radius: 6px;
 }

 #lightboxModal .close {
 	position: absolute;
 	top: 15px;
 	right: 25px;
 	color: #fff;
 	font-size: 35px;
 	font-weight: bold;
 	cursor: pointer;
 }


 .footer-social li a img {
 /*	font-size: 15px;
 	margin-right: 11px;
 	color: var(--body-color);
 	margin-top: 7px;
 	width: 44px;
 	height: 44px;
 	line-height: 40px;
 	text-align: center;
 	border-radius: 50%;
 	border: 1px solid var(--white-color);
 	color: var(--white-color);
 	background-color: transparent;
 	font-size: 4px;
 	top: 14px;
 	position: relative;*/
 }

 

 .hero-inner:before {
 	background: #09090926;
 	content: "";
 	height: 100%;
 	left: 0;
 	position: absolute;
 	top: 0;
 	width: 100%;
 }

 .swiper-slide {
 	display: flex;
 	align-items: center;
 	justify-content: center;
 }

 .swiper-slide img {
 	max-width: 100%;
 	max-height: 80px;
 	object-fit: contain;
 	transition: transform 0.3s;
 	cursor: pointer;
 }

 .swiper-slide img:hover {
 	transform: scale(1.05);
 }

 .cc-client .brand-slide {
 	background-color: #fff;
 	/* white background for each logo box */
 	padding: 10px;
 	border-radius: 5px;
 	text-align: center;
 }
 
 /**********************/
 
 .prooo-insec{
	 padding:60px 0 30px;
	 position:relative;
 }
 
 /***********/
 
 .spicc-insec{
	    padding: 60px 0 30px;
    position: relative;
    background: var(--theme-color);
	    margin-bottom: 0px;
 }
  .spi-left{
	   position:relative;
	    margin-bottom:30px;
  }  
  
    .spi-left img{
		
		border-radius:20px;
		height: 28vw;
        object-fit: cover
	}
 .spi-right{
	 
	 position:relative;
	 margin-bottom:30px;
	 padding-left:25px;
	 
 }
 
  .spi-right p{ 
  color:#fff
  
  }
  
  /***********/
  .in-content-insec-main{
	  padding:60px 0 30px;
	     position:relative;
  }
  .in-content-insec{
	  padding:0px 0 30px;
	     position:relative;
  }
  
  
    .Ser-odd {
		  position:relative;
	}
	
	 .Ser-odd even{
		  position:relative;
	}
    .in-content-insec .in-content-border{ 
	border-bottom:2px dotted #5b5b5b;
	
	}
  .ipi-left{
	  	   position:relative;
	    margin-bottom:30px;
	  
  }
    .ipi-left img{
	border-radius:20px;
	height: 34vw;
    object-fit: cover;	
	}
  .ipi-right{
	  
	  	 position:relative;
	 margin-bottom:30px;

  }
  
    .ipi-right ul{
		padding:0;
		margin:0;
		
	}

	.Pro-notes strong {

		font-size: 21px;
        color: var(--title-color);
    }
	
	
	  .ipi-right ul li{
	    display: block;
    list-style: none;
    position: relative;
    margin-bottom: 8px;
    padding-left: 18px;
    color: var(--body-color);
		
	}
	
	  .ipi-right ul li:before{
		    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    width: 6px;
    height: 6px;
    background: var(--title-color);
    border-radius: 50%;
		
	}
	
	  .in-content-insec h2 {
    margin-bottom: 50px;
    font-size: 34px;
    font-weight: 700;
	
	text-align:center;
	position:relative;
    line-height: 1.1;
    color: var(--theme-color);
}

  .in-content-insec h2:before {
     bottom: -20px;
    height: 2px;
    width: 161px;
    background-color: var(--theme-color2);
    right: auto;
    left: 0;
    content: "";
    display: block;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
}

  .Ser-odd  .ipi-left{
	  
  }
  
    .Ser-odd   .ipi-right{
	   padding-left: 50px;
  }
    .Ser-even  .ipi-left{
	  
  }
  
    .Ser-even   .ipi-right{
	    padding-right: 50px;
  }
  .Pro-notes {
margin-top: 15px;
    position: relative;
    margin-bottom: 30px;
    background: #ebfff9;
    padding: 30px;
    border-radius: 30px;
  }
.Pro-notes h4{
    margin-top: 15px;
    margin-bottom: 10px;
    font-size: 21px;
    font-weight: 700;


}


.Pro-notes ul{
		padding:0;
		margin:0;
		
	}
	
.Pro-notes ul li{
	    display: block;
    list-style: none;
    position: relative;
    margin-bottom: 8px;
    padding-left: 18px;
    color: var(--body-color);
		
	}
	
.Pro-notes ul li:before{
		    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    width: 6px;
    height: 6px;
    background: var(--title-color);
    border-radius: 50%;
		
	}
	
	
	
	/*******************************/
	
	
	/************************************/
	
	.inner-product-three{
		
		position:relative;
		padding-top:30px
	}
	.inner-product-three .single-offer-box {
       text-align: center;
    position: relative;
    overflow: hidden;
    transition: 0.5s;
    margin: 0 0px;
    margin-bottom: 40px;
    width: 100%;
	    border-radius: 0;
    box-shadow: 0px 3px 7px 4px #c5c5c559;
	display:block;
	cursor:pointer;
	    border-radius: 20px;
}

.inner-product-three .single-offer-box:after {
     content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 38%;
    width: 100%;
	
    background-image: linear-gradient(0deg, rgba(0, 24, 23, 0.0), #170001);
    border-radius: 20px;
    bottom: 0;
    background: linear-gradient(0deg, #000000f2, rgba(0, 24, 23, 0.0));
 
}

.inner-product-three .single-offer-box:hover:after {
height: 100%;
    background: #00000094;
}
.inner-product-three .single-offer-thumb {
		Background:#fff;
		    position: relative;
    overflow: hidden;
	      border-radius: 20px;
}
.inner-product-three .single-offer-thumb img {
      width: 100%;
        height: 28vw;
    object-fit: cover;
    object-fit: cover;
	    border-radius: 0;
		    border-radius: 20px;
}

.inner-product-three .offer {
    position: absolute;
    top: 37px;
    left: 23px;
}

.inner-product-three .offer-content {
    background: transparent;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    padding: 30px 30px 30px;
    transition: 0.2s;
    top: 0;
    right: 0;
    left: 0;
    display: flex
;
    align-items: center;
	  opacity:0;
   visibility:hidden
}
.inner-product-three .offer-content-inner{
    position: relative;
    width: 100%;
    display: block;
    position: relative;
    z-index: 1;
	
}
.inner-product-three .single-offer-box:hover .offer-content{
   opacity:1;
   visibility:visible
}


.inner-product-three .single-offer-box  .offer-content:before {
    position: absolute;
    top: 10px;
    right: 10px;
    bottom: 10px;
    left: 10px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    content: '';
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition : opacity 0.35s, -webkit-transform 0.45s;
    transition: opacity 0.35s, transform 0.45s;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
    display: flex
;
    z-index: 2;
    border-radius: 20px;
    align-items: center;
}

 .inner-product-three .single-offer-box:hover .offer-content:before {
    opacity: 1;
    filter: alpha(opacity=100);
    text-decoration: line-through !important;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.inner-product-three .offer span {
    display: inline-block;
    background-color: var(--title-color);
    padding: 6px 28px;
    font-size: 16px;
    color: #ffffff;
    font-weight: 700;
    font-family: var(--body-font);
}

.inner-product-three .offer-content h4 {
   width: 100%;
    margin: auto;
    padding: 0px 0px 0;
    overflow: hidden;
    height: unset;
    margin-bottom: 15px;
    color: #fff;
	    font-size: 20px;
    line-height: 1.2;
}

 .inner-product-three .offer-content h4:after {
	 
 }

.inner-product-three .offer-content p {
         width: 100%;
    margin: auto;
    padding: 0px 0px 0;
    overflow: hidden;
 font-size:14px;
    margin-bottom: 10px;
	color:#fff;
 
    text-align: center;
}
.inner-product-three .offer-content span {
color : #fff;
    border: 1px solid #fff;
    padding: 5px 10px;
    font-size: 15px;
}
.inner-product-three .offer-content a {
       display: inline-block;
    background-color: var(--theme-color);
    width: 100%;
    padding: 12px 0;
    font-size: 16px;
    color: #ffffff;
    font-weight: 500;
    text-transform:capitalize;
    font-family: var(--body-font);
  
}

.inner-product-three .offer-bottom-title {
 
    background: transparent;
    padding: 13px 20px 13px;
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 14px;
 
    
}

.inner-product-three .single-offer-box:hover .offer-bottom-title{
	opacity:0!important;
	visibility:hidden
}
.inner-product-three .offer-bottom-title h4 {
      font-size: 20px;
    color: #fff;
    font-weight: 700;
    margin-bottom: 0;
    line-height: 1.2;
	   position: relative;
    z-index: 1;
}

/**************/

.Feturesec{
	padding:60px 0 30px;
	position:relative
}


/************/

/***********/

.feturebox-img{
	width:100%;
	height:100%
}

.feturebox img{
	width:85px
}
.feturebox-img img{
	width:100%;
	height:100%;
		border-radius:20px;
		    object-fit: cover;
}
.feturebox{
	position:relative;
	padding:20px;
	border-radius:20px;
	width:100%;
	/* background-color:#e6d3ff !important;*/
	 text-align:center;
}
.feturebox img{
	margin-bottom:10px
}
.feturebox h3{
	
font-size: 18px;
    margin-bottom: 10px;
    border-top: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
    margin-top: 10px;
    padding: 8px 0 8px;
    line-height: 1.2;
}
.Feturesec .row  .col-lg-3:nth-child(1) .feturebox{
	  background-color: #e4fff7;  
}
.Feturesec .row  .col-lg-3:nth-child(2) .feturebox{
	 background-color: #fff8f8;
}
.Feturesec .row  .col-lg-3:nth-child(4) .feturebox{
	background-color: #f2f5f5;
}
.Feturesec .row  .col-lg-3:nth-child(5) .feturebox{
	
 background-color: #efedff;
}
.Feturesec .row  .col-lg-3:nth-child(6) .feturebox{
	
 background-color: #fffde4;
}
.Feturesec .row  .col-lg-3:nth-child(7) .feturebox{
	  background-color: #e7ffdd;  
}
.Feturesec .row  .col-lg-3:nth-child(8) .feturebox{
	  background-color: #e4fff7;  
}

.Feturesec .row  .col-lg-3{
	margin-bottom:30px
}

/************/


.whatwedo-area{
	padding:60px 0 0px;
	position:relative
}

.whatdo-headt{
    text-align: center;
    margin: 0 auto 50px;
    max-width: 723px;
    border-bottom: 1px solid var(--theme-color);
}

/**********/

.whatwedo-boxs{
    position: relative;
    margin-bottom: 50px;
    border-bottom: 2px solid #c1c1c1;
    padding-bottom: 20px;
	
}

.whattde-content{
	    margin-bottom: 30px;
		
		position:relative
}

.whattde-content h3 {
    color: var(--title-color);
    font-weight: 700;
    font-size: 30px;
    margin-bottom: 17px;
    margin-top: 0px;
    text-transform: none;
    position: relative;
    padding-left: 54px;
}
.whattde-content   h3 span {
    position: absolute;
    display: inline-block;
    left: 0px;
    top: 3px;
    width: 36px;
    height: 36px;
    line-height: 36px;
    font-size: 17px;
    color: #ffffff;
    font-weight: 600;
    text-align: center;
    border-radius: 50%;
    z-index: 1;
}

.whattde-content   h3 span:before {
    position: absolute;
    content: '';
    background: var(--theme-color);
    width: calc(100% + 10px);
    height: calc(100% + 10px);
    left: -5px;
    top: -5px;
    border-radius: 50%;
    box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.2);
    z-index: -1;
}

.whattde-content ul{
	
	position:relative;
	padding:0;
	margin:0
}

.whattde-content ul li {

	display: block;

	list-style: none;

	position: relative;

	margin-bottom: 0;

	padding-left: 0px;

	background: #f9fff3;

	padding: 10px 15px 20px;

	padding-left: 30px;

}
.whattde-content ul li strong{
	display:block;
	font-size:19px;
	margin-top:10px;
	margin-bottom:10px;
	line-height:1.2;
	    color: var(--theme-color);
}

.whattde-content ul li:first-child {
	border-radius:20px 20px 0 0 
}

.whattde-content ul li:last-child {
	border-radius:0 0 20px 20px
}
.whattde-content li:nth-child(odd) {

	background: #e0fff6;

}



.whattde-content li:nth-child(even) {

	background: #f0ffff;

}



 


.whattde-img{
	position: -webkit-sticky;
    position: sticky;
    top: 100px;
    z-index: 2;
	    margin-bottom: 30px;
}


.whattde-img img{
	border-radius:20px;
	height: 38vw;
    /*object-fit: cover;*/
	
}

/*************/

.abbb-innersec{
	position:relative;
	padding:60px 0 30px
}


/*************/
.p-innersec3{
    position: relative;
    padding: 60px 0 60px;
}

.p-innersec3-content-con{
	position:relative
}
.p-innersec3-content-main{
	    display: flex
;
    gap: 20px;
    justify-content: space-between;
    flex-direction: column;
}
.p-innersec3-content{
	position: relative;
    max-width: 680px;
    margin: 0px 0 0;
 
    margin-bottom: 20px;
}

.p-innersec3 img{
	border-radius:30px
}
.p-innersec3 .sec-title {
    margin-bottom: 20px;
}
.p-innersec3-img1{
	
}

.p-innersec3-img2{
	
}

.p-innersec3-img2 img{
	
	height: 38vw;
    object-fit: cover;
}



/**********/

.Integrity-sec{
	position:relative;
	padding:0 0 30px
}

/**************/




.ferr-sebox{
    position: relative;
    padding: 20px 20px 10px;
    text-align: left;
    width: 100%;
    margin: 0px auto 40px;
    border-radius: 16px;
    Background: #fff;
    box-shadow: 0px 3px 7px 4px #22222259;
	text-align: center;
}
.ferr-sebox:hover{
   
   
}
.ferr-sebox-icon{
	 
}
.ferr-sebox-icon:before{
 
}
.ferr-sebox-icon img{
      width: 61px;
    margin-bottom: 17px;
  
}

.ferr-sebox-content{
	
}


.ferr-sebox-content h3{
	    font-size: 20px;
    margin-bottom: 10px;
}
.ferr-sebox-content h3 a{
	color:var(--title-color)
}
.ferr-sebox-content h3 a:hover{
	color:var(--theme-color)
}
.ferr-sebox:hover .ferr-sebox-content h3 a {
	color:var(--theme-color)
}
.ferr-sebox-content p{
	   
}
.ferr-sebox-p{
   
    margin-bottom: 10px;
}

/**********/

.leader-insec{
	position:relative;
	padding:0 0 30px
}

.le-right{
	position:relative;
	margin-bottom:30px
}

.le-left{
		position:relative;
	margin-bottom:30px
}

.le-left img{
	border-radius:20px;
}

/***************/

.Career-area {
    position: relative;
    padding: 60px 0 60px;
    background: #fff;
}

.inner-cct-tour{
	position:relative;
	padding:60px 0 60px
}

.ccn-mainsec{
	position:relative
}
.ccn-mainsec h3{
	color: #004fa5;
    font-weight: 700;
    font-size: 24px;
    margin-bottom: 10px;
}
.comt-box {
       position: relative;
    Background: #32d0a1;
    padding: 23px 62px;
    margin-top: 0;
    margin: 0 auto;
    border-radius: 10px;
    text-align: center;
    width: 100%;
    border-radius: 20px;
}
.comt-box h4 {
    color: #fff;
    font-size: 35px;
    margin-bottom: 15px;
    text-align: center;
    padding: 0;
    line-height: 1.2;
}

.cugh {
 Background: transparent;
    padding: 0;
    border-radius: 20px;
}

.cugh-shadow {
    background-color: #ffffff8c;
    border: 1px solid rgba(60, 49, 58, 0.1);
    padding: 10px 20px;
    margin-bottom: 10px;
    box-shadow: 1px 1px 5px rgba(60, 49, 58, 0.2);
    -webkit-box-shadow: 1px 1px 5px rgba(60, 49, 58, 0.2);
    border-radius: 20px;
}

.cugh-shadow p{
	    font-weight: 600;
    font-size: 19px;
	
	
}


.cugh-shadow  h4{
	
}
.cugh-shadow p a{
    color: #0e4c3a;
    font-weight: 600;
}
.comt-box h5 {
 
    font-size: 23px;
    margin-bottom: 7px;
    text-align: center;
    padding: 5px 0;
		color:var(--title-color)
}


/*********/

/***************/
.Upload-resume{
text-align: center;
    margin: 0px auto 0px;
    border: unset;
    padding: 0px 0px 20px;
    width: 100%;
    background: transparent;
    position: relative;
    display: block;
    border-radius: 0;
}
.Upload-resume h3{
	font-size:25px;
	margin-bottom:15px;
	color:var(--theme-color1)
}
.Upload-resume .form-group {
    margin-bottom: 0px;
    position: relative;
	text-align: center;
   
}
.Upload-resume .form-group input {
    border-radius: 24px;
    border: 1px solid #5C5C5C;
    color: var(--theme-color);
    height: 35px;
    font-size: 13px;
    padding: 16px;
    background: #fff;
}
.Upload-resume .resumebtn {
    display: none;
}
.Upload-resume .custom-file-upload {
	font-weight: 600;
    font-size: 16px;
    color: var(--body-color);
    margin-bottom: 3px;
    border-radius: 24px;
    display: inline-block;
    padding: 9px 25px 9px 25px;
    cursor: pointer;
    width: max-content;
    height: unset;
    color: #fff;
    border: none;
	position: relative;
    display: block;
    margin-top: 5px;
	text-align: center;
    margin: 0px auto;
	Background:var(--theme-color)
	   
}
/**********/

.maapppsec{
	width:100%;
	    position: sticky;
    top: 100px;
    z-index: 2;
    margin-bottom: 30px;
}


.maapppsec iframe{
	margin-bottom:-10px;
	border-radius:20px
}