:root {
--theme-color: #236EE8;
--theme-color1: #2997FF;
--theme-color2: #0a3170;
--green-color:#00D959;

--title-color: #000000;
--body-color: #000000;
--smoke-color: #EBECF2;
--black-color: #000000;
--white-color: #ffffff;
--light-color: #72849B;
--yellow-color: #FFB539;
--success-color: #28a745;
--error-color: #dc3545;
--border-color: #E4E4E4;
--title-font: "Manrope", sans-serif;
--body-font: "Manrope", sans-serif;
--text-font: "Jost", sans-serif;
--text-font2:"Inter", sans-serif;
--icon-font: "Font Awesome 6 Pro";
--main-container: 1200px;
--container-gutters: 24px;
--section-space: 60px;
--section-space-mobile: 40px;
--section-title-space: 40px;
--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:28px;
	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 {
	font-family:var(--body-font);
	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 {
	font-family:var(--body-font);
	margin:0 0 18px 0;
	color:var(--body-color);
	line-height:1.75
}
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:60px;
	line-height:1.2
}
.h2, h2 {
	font-size:48px;
	line-height:1.208
}
.h3, h3 {
	font-size:36px;
	line-height:1.278
}
.h4, h4 {
	font-size:30px;
	line-height:1.333
}
.h5, h5 {
	font-size:24px;
	line-height:1.417
}
.h6, h6 {
	font-size:20px;
	line-height:1.5
}
@media (max-width: 1399px) {
.h1, h1 {
font-size:48px
}
.h2, h2 {
font-size:40px
}
}
@media (max-width: 1199px) {
.h1, h1 {
font-size:44px;
line-height:1.3
}
.h2, h2 {
font-size:36px;
line-height:1.25
}
.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:40px
}
.h2, h2 {
font-size:28px;
line-height:1.3
}
.h3, h3 {
font-size:26px
}
.h4, h4 {
font-size:22px
}
.h5, h5 {
font-size:18px
}
.h6, h6 {
font-size:16px
}
}
@media (max-width: 575px) {
.h1, h1 {
font-size:34px;
line-height:1.35
}
}
@media (max-width: 375px) {
.h1, h1 {
font-size:30px
}
}
@media (max-width: 340px) {
.h1, h1 {
font-size:27px
}
}
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:100%;
	border:1px solid rgba(0, 0, 0, 0.1);
	padding-left:20px
}
.wp-block-search .wp-block-search__button {
	margin:0;
	min-width:110px;
	border:none;
	color:#fff;
	background-color:var(--theme-color)
}
.wp-block-search .wp-block-search__button.has-icon {
	min-width:55px
}
.wp-block-search .wp-block-search__button:hover {
	background-color:var(--title-color);
	opacity:0.8
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
	padding:0;
	border:none
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input {
	padding:0 8px 0 25px
}
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
}
.wp-block-table.is-style-stripes {
	border:0;
	margin-bottom:30px;
	border-bottom:0
}
.wp-block-table.is-style-stripes th, .wp-block-table.is-style-stripes td {
	border-color:var(--border-color)
}
.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 {
	margin-bottom:30px;
	margin-top:20px
}
.post-password-form p {
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	position:relative;
	gap:15px
}
@media (max-width: 575px) {
.post-password-form p {
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap
}
}
.post-password-form label {
	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:auto;
	-ms-flex:auto;
	flex:auto;
	margin-bottom:0;
	line-height:1;
	margin-top:0;
	gap:15px
}
@media (max-width: 575px) {
.post-password-form label {
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap
}
}
.post-password-form input {
	width:100%;
	border:none;
	height:55px;
	padding-left:25px;
	color:var(--body-color);
	border:1px solid var(--border-color)
}
.post-password-form input[type="submit"] {
	padding-left:0;
	padding-right:0;
	margin:0;
	width:140px;
	border:none;
	color:#fff;
	background-color:var(--theme-color);
	text-align:center
}
.post-password-form input[type="submit"]:hover {
	background-color:var(--title-color)
}
.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:0;
	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 6 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";
	top:0
}
.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
}
.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:before {
top:15px
}
}
@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
}
}
@media (max-width: 768px) {
.wp-block-latest-comments {
padding-left:10px
}
.page--content.clearfix+.as-comment-form {
margin-top:24px
}
}


.as-container4 {
	max-width:1420px;
	margin-left:auto;
	margin-right:auto
}
@media only screen and (min-width: 1300px) {
.container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
max-width:1180px;
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:1350px;

}
}
@media only screen and (min-width: 1800px) {
.container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
max-width:1550px;

}
}
@media only screen and (min-width: 2000px) {
.container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
max-width:1850px;

}
}
.as-container {
	max-width:1562px;
	padding-left:0;
	padding-right:0;
	margin-right:auto;
	margin-left:unset
}
.as-container .container {
	margin-left:auto;
	margin-right:0
}

.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)
}
.gy-30 {
--bs-gutter-y: 30px
}
.gy-40 {
--bs-gutter-y: 40px
}
.gy-50 {
--bs-gutter-y: 50px
}
.gx-10 {
--bs-gutter-x: 10px
}
@media (min-width: 1500px) {
.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: 991px) {
.gy-50 {
--bs-gutter-y: 40px
}
}
select, .form-control, .form-select, textarea, input {
	height:55px;
	padding:0 25px 0 25px;
	padding-right:45px;
	border:1px solid transparent;
	color:var(--body-color);
	background-color:var(--smoke-color);
	border-radius:0;
	font-size:16px;
	width:100%;
	font-family:var(--body-font);
	-webkit-transition:0.3s ease-in-out;
	transition:0.3s ease-in-out
}
select:focus, .form-control:focus, .form-select:focus, textarea:focus, input:focus {
	outline:0;
	box-shadow:none;
	border-color:var(--theme-color);
	background-color:var(--smoke-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 {
	border:1px solid transparent;
	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;
left:25px;
max-width:16px
}
select.style3, .form-control.style3, .form-select.style3, textarea.style3, input.style3 {
	background-color:var(--white-color);
	border:none
}
.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
}
textarea.form-control, textarea {
	min-height:150px;
	padding-top:16px;
	padding-bottom:17px;
	border-radius:0
}
.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:#93a5be
}
.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(--smoke-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)
}
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
}
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(0.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(0.375em + 0.5875rem) right calc(0.375em + 0.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:0 0;
	margin:40px 0 0 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:8px
}
.slick-dots li:last-child {
	margin-right:0
}
.slick-dots button {
	font-size:0;
	padding:0;
	background-color:transparent;
	width:20px;
	height:6px;
	line-height:0;
	border-radius:9999px;
	border:none;
	background-color:rgba(0, 15, 87, 0.3);
	-webkit-transition:all ease 0.4s;
	transition:all ease 0.4s
}
.slick-dots button:hover {
	border-color:var(--theme-color)
}
.slick-dots .slick-active button {
	width:40px;
	-webkit-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1);
	background-color:var(--theme-color)
}
.slick-arrow {
	display:inline-block;
	padding:0;
	background-color:var(--white-color);
	color:var(--theme-color);
	position:absolute;
	top:50%;
	border:1px solid var(--white-color);
	box-shadow:0px 4px 20px rgba(7, 36, 95, 0.15);
	left:var(--pos-x, -100px);
	width:var(--icon-size, 55px);
	height:var(--icon-size, 55px);
	line-height:var(--icon-size, 53px);
	font-size:var(--icon-font-size, 18px);
	margin-top:calc(var(--icon-size, 55px) / -2);
	z-index:2;
	border-radius:999px
}
.slick-arrow.default {
	position:relative;
--pos-x: 0;
	margin-top:0
}
.slick-arrow.slick-next {
	right:var(--pos-x, -100px);
	left:auto
}
.slick-arrow:hover {
	background-color:var(--theme-color);
	color:var(--white-color);
	border-color:var(--theme-color);
	box-shadow:0px 8px 19px rgba(255, 76, 19, 0.25)
}
.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: 1500px) {
.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;
font-size:14px
}
.slick-arrow.slick-next {
margin-right:0;
margin-left:40px
}
.slick-dots {
margin:40px 0 0 0
}
.icon-box .slick-arrow {
margin-right:0
}
}
.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:30px;
	padding-top:40px;
	display:block;
	text-align:center;
	background-color:transparent
}
.as-menu-wrapper .mobile-logo img {
	height:70px;
}
.as-menu-wrapper .mobile-logo svg {
	max-width:185px
}
.as-menu-wrapper .as-menu-toggle {
	border:none;
	font-size:22px;
	position:absolute;
	right:-16.5px;
	top:25px;
	padding:0;
	line-height:1;
	width:33px;
	height:33px;
	line-height:35px;
	font-size:18px;
	z-index:1;
	color:var(--white-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 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:12px 0;
	line-height:1.4;
	font-size:16px;
	text-transform:capitalize;
	color:var(--title-color);
	padding-left:18px
}
.as-mobile-menu ul li a:before {
	content:'\f105';
	font-family:var(--icon-font);
	position:absolute;
	left:0;
	top:12px;
	margin-right:10px;
	display:inline-block
}
.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: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>a:after {
	content:"\f067";
	font-family:var(--icon-font);
	width:22px;
	height:22px;
	line-height:22px;
	display:inline-block;
	text-align:center;
	font-size:12px;
	border-radius:50px;
	background-color:var(--smoke-color);
	float:right;
	margin-top:1px
}
.as-mobile-menu ul .as-item-has-children.as-active>a .as-mean-expand:before {
	content:'\f068'
}
.as-mobile-menu ul .as-item-has-children.as-active>a:after {
	content:"\f068"
}
.as-mobile-menu>ul {
	padding:0 40px
}
.as-mobile-menu>ul>li:last-child {
	border-bottom:none
}
.as-menu-toggle {
    width: 39px;
    height: 39px;
    padding: 0;
    font-size: 20px;
    border: none;
    background-color: transparent;
    color: var(--white-color);
    display: inline-block;
    border-radius: 0;
}
.as-menu-toggle:hover {
	background-color:var(--title-color)
}
.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)
}
@media (max-width: 400px) {
.as-menu-wrapper .as-menu-area {
width:100%;
max-width:270px
}
.as-mobile-menu>ul {
padding:0 20px
}
}
.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 {
	width:48px;
	height:48px;
	display:inline-block;
	position:relative;
	background:var(--theme-color);
	box-sizing:border-box;
	-webkit-animation:flipX 1s linear infinite;
	animation:flipX 1s linear infinite
}
@-webkit-keyframes flipX {
0% {
-webkit-transform:perspective(200px) rotateX(0deg) rotateY(0deg);
transform:perspective(200px) rotateX(0deg) rotateY(0deg)
}
50% {
-webkit-transform:perspective(200px) rotateX(-180deg) rotateY(0deg);
transform:perspective(200px) rotateX(-180deg) rotateY(0deg)
}
100% {
-webkit-transform:perspective(200px) rotateX(-180deg) rotateY(-180deg);
transform:perspective(200px) rotateX(-180deg) rotateY(-180deg)
}
}
@keyframes flipX {
0% {
-webkit-transform:perspective(200px) rotateX(0deg) rotateY(0deg);
transform:perspective(200px) rotateX(0deg) rotateY(0deg)
}
50% {
-webkit-transform:perspective(200px) rotateX(-180deg) rotateY(0deg);
transform:perspective(200px) rotateX(-180deg) rotateY(0deg)
}
100% {
-webkit-transform:perspective(200px) rotateX(-180deg) rotateY(-180deg);
transform:perspective(200px) rotateX(-180deg) rotateY(-180deg)
}
}
.as-btn {
	position: relative;
    z-index: 2;
    overflow: hidden;
    vertical-align: middle;
    display: inline-block;
    border: none;
    text-transform: capitalize;
    text-align: center;
    background-color: var(--title-color);
    color: var(--white-color);
    font-family: var(--body-font);
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    padding: 17px 36px 17px 36px;
    border-radius: 0;
}
.as-btn:before, .as-btn:after {
	content:"";
	position:absolute;
	height:100%;
	top:0;
	width:0%;
	background-color:var(--title-color);
	z-index:-1;
	-webkit-transition:all 0.4s ease-out;
	transition:all 0.4s ease-out
}
.as-btn:before {
	left:0;
	border-radius:0 20px 20px 0
}
.as-btn:after {
	right:0;
	border-radius:20px 0 0 20px
}

.as-btn.style-banner {
	background-color:#fff;
	color:var(--title-color);
	 padding: 19px 26px 19px 26px;
}
.as-btn:hover, .as-btn.active {
	color:var(--white-color)
}
.as-btn.style-banner:hover {
	background-color:#fff;
	color:var(--title-color);
	 
}
.as-btn.style-banner:before, .as-btn.style-banner:after {
	content:"";
	position:absolute;
	height:100%;
	top:0;
	width:0%;
	background-color:var(--white-color);
	z-index:-1;
	-webkit-transition:all 0.4s ease-out;
	transition:all 0.4s ease-out
}
.as-btn:hover::before, .as-btn:hover:after, .as-btn.active::before, .as-btn.active:after {
width:50%;
border-radius:0
}
.as-btn.style2 {
	background-color:transparent;
	color:var(--white-color);
	border:1px solid var(--white-color);
	padding:19.5px 27px;
	box-shadow:none
}
.as-btn.style2:hover {
	color:var(--title-color)
}
.as-btn.style2:hover:before, .as-btn.style2:hover:after {
	background-color:var(--white-color)
}
.as-btn.style3:hover {
	color:var(--title-color)
}
.as-btn.style3:hover:before, .as-btn.style3:hover:after {
	background-color:var(--white-color)
}
.as-btn.style4 {
	background-color:var(--white-color);
	color:var(--theme-color)
}
.as-btn.style4:hover {
	color:var(--white-color)
}
.as-btn.style4:hover:before, .as-btn.style4:hover:after {
	background-color:var(--theme-color)
}
.as-btn.style5 {
	background-color:var(--title-color);
	color:var(--white-color)
}
.as-btn.style5:hover {
	color:var(--title-color)
}
.as-btn.style5:hover:before, .as-btn.style5:hover:after {
	background-color:var(--white-color)
}
.as-btn.style6 {
	background-color:var(--white-color);
	color:var(--theme-color)
}
.as-btn.style6:hover {
	color:var(--white-color)
}
.as-btn.style6:hover:before, .as-btn.style6:hover:after {
	background-color:var(--title-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(--title-color);
	text-align:center;
	border-radius:50%;
	border:none;
	-webkit-transition:0.4s ease-in-out;
	transition:0.4s ease-in-out
}
.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(--white-color);
	color:var(--theme-color);
	font-size:var(--icon-font-size, 1.1em);
	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(--white-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:hover:after, .play-btn:hover::before, .play-btn:hover i {
background-color:var(--theme-color);
color:var(--white-color)
}
.play-btn.style2:before, .play-btn.style2:after {
	background-color:transparent;
	border:1px solid var(--white-color)
}
.play-btn.style3>i {
	background-color:var(--theme-color);
	color:var(--white-color);
	font-size:24px
}
.play-btn.style3:before, .play-btn.style3:after {
	background-color:var(--theme-color)
}
.play-btn.style3:hover>i {
	background-color:var(--white-color);
	color:var(--theme-color)
}
.play-btn.style3:hover:before, .play-btn.style3:hover:after {
	background-color:var(--white-color)
}
.link-btn {
	font-weight:600;
	font-size:14px;
	display:inline-block;
	line-height:0.8;
	position:relative;
	padding-bottom:2px;
	margin-bottom:-2px;
	text-transform:uppercase;
	color:var(--theme-color)
}
.link-btn i {
	margin-left:5px;
	font-size:0.9rem
}
.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::before {
width:100%
}
.line-btn {
	font-size:14px;
	font-weight:500;
	display:inline-block;
	line-height:0.8;
	position:relative;
	padding-bottom:4px;
	margin-bottom:-1px;
	text-transform:uppercase;
	color:var(--body-color)
}
.line-btn i {
	margin-left:5px;
	font-size:0.9rem
}
.line-btn:before {
	content:"";
	position:absolute;
	left:0;
	bottom:0;
	width:51px;
	height:1px;
	background-color:var(--body-color);
	-webkit-transition:all ease 0.4s;
	transition:all ease 0.4s
}
.line-btn:hover {
	color:var(--theme-color)
}
.line-btn:hover::before {
background-color:var(--theme-color);
width:100%
}
.scroll-btn {
	position:fixed;
	bottom:100px;
	right:50px;
	z-index:94;
	opacity:0;
	visibility:hidden;
	display:inline-block;
	-webkit-clip-path:polygon(53% 0, 100% 20px, 100% 100%, 0 100%, 0% 20px);
	clip-path:polygon(53% 0, 100% 20px, 100% 100%, 0 100%, 0% 20px)
}
.scroll-btn i {
	display:inline-block;
	background-color:var(--theme-color);
	color:var(--white-color);
	text-align:center;
	font-size:20px;
	width:var(--btn-size, 60px);
	height:var(--btn-size, 80px);
	line-height:var(--btn-size, 90px);
	z-index:2;
	border-radius:inherit;
	position:relative;
	-webkit-transition:all ease 0.8s;
	transition:all ease 0.8s
}
@media (max-width: 767px) {
.scroll-btn i {
font-size:16px;
width:var(--btn-size, 40px);
height:var(--btn-size, 60px);
line-height:var(--btn-size, 70px)
}
}
.scroll-btn:focus i, .scroll-btn:hover i {
	background-color:var(--title-color);
	color:var(--white-color)
}
.scroll-btn.show {
	bottom:0;
	opacity:1;
	visibility:visible
}
@media (max-width: 767px) {
.scroll-btn {
right:15px;
bottom:15px
}
.scroll-btn.show {
bottom:0
}
}
.scrollToTop {
	position:fixed;
	right:50px;
	bottom:100px;
	opacity:0;
	visibility:hidden;
	-webkit-transition:all ease 0.4s;
	transition:all ease 0.4s;
	z-index:96
}
.scrollToTop.show {
	bottom:0px;
	opacity:1;
	visibility:visible
}
@media (max-width: 767px) {
.play-btn {
--icon-size: 60px
}
.scrollToTop {
right:15px
}
.scrollToTop.show {
bottom:0
}
}
.sec-title {
	    margin-bottom: 15px;
    margin-top: 0;
}
.sub-title {
	font-size:16px;
	font-weight:600;
	color:var(--title-color);
	font-family:var(--title-font);
	text-transform:uppercase;
	margin-top:-0.41em;
	margin-bottom:25px;
	position:relative;
	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:5px
}
.sub-title .dots {
	display:inline-block;
	width:3px;
	height:3px;
	background-color:inherit;
	border-radius:99px;
	position:absolute;
	top:0
}
.sub-title .dots:before, .sub-title .dots:after {
	content:'';
	height:inherit;
	width:inherit;
	background-color:inherit;
	border-radius:inherit;
	display:inline-block;
	position:absolute;
	top:0
}
.sub-title .shape {
	display:inline-block;
	height:3px;
	width:40px;
	background-color:var(--theme-color);
	border-radius:99px;
	position:relative
}
.sub-title .shape.left .dots {
	left:-6px
}
.sub-title .shape.left .dots:before {
	left:-6px
}
.sub-title .shape.left .dots:after {
	left:-12px
}
.sub-title .shape.right .dots {
	right:-6px
}
.sub-title .shape.right .dots:before {
	right:-6px
}
.sub-title .shape.right .dots:after {
	right:-12px
}
.shadow-title {
	font-size:160px;
	font-weight:900;
	color:transparent;
	line-height:0.89;
	-webkit-text-stroke:1px var(--title-color);
	opacity:0.08;
	margin-top:-0.08em;
	margin-bottom:-100px;
	width:100%;
	z-index:-1
}
.shadow-title.border-white {
	-webkit-text-stroke:1px var(--white-color)
}
.title-area {
	margin-bottom:20px;
	position:relative;
	z-index:2;
	    
}
.title-areaa {
	margin-bottom:20px;
	position:relative;
	z-index:2;
	    width: 325px;
}
.title-area .sec-title {
	    margin-bottom: 15px;
    font-weight: 600;
    font-size: 35px;
    line-height: 1.2;
    letter-spacing: 0;
	letter-spacing: -0.02em;
}

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

.title-area .font-little{
	color:var(--title-color);
	font-weight:300;
	  margin-bottom: 15px;
   
    font-size: 35px;
    line-height: 1.2;
    letter-spacing: 0;
	letter-spacing: -0.02em;
}
.title-area.mb-0 .sec-title {
	margin-bottom:-0.41em
}
.sec-text {
	max-width:670px
}
.title-area.text-center .sec-text {
	margin-left:auto;
	margin-right:auto
}
.sec-btn {
	margin-bottom:var(--section-title-space)
}
@media (max-width: 1399px) {
.shadow-title {
font-size:140px;
margin-bottom:-90px
}
}
@media (max-width: 1199px) {
.sub-title {
margin-bottom:20px
}
.shadow-title {
font-size:120px;
margin-bottom:-82px
}
.title-area, .sec-title {
--section-title-space: 60px
}
.title-area.mb-30, .sec-title.mb-30 {
margin-bottom:25px
}
.title-area.mb-40, .sec-title.mb-40 {
margin-bottom:30px
}
.title-area.mb-45, .sec-title.mb-45 {
margin-bottom:32px
}
.title-area.mb-50, .sec-title.mb-50 {
margin-bottom:35px
}
.title-area.mb-25, .sec-title.mb-25 {
margin-bottom:15px
}
.title-area.mb-35, .sec-title.mb-35 {
margin-bottom:25px
}
.sec-btn {
--section-title-space: 65px
}
}
@media (max-width: 991px) {
.shadow-title {
font-size:100px
}
.title-area, .sec-title {
--section-title-space: 45px
}
.title-area.mb-40, .sec-title.mb-40 {
margin-bottom:25px
}
.title-area.mb-45, .sec-title.mb-45 {
margin-bottom:27px
}
.title-area.mb-50, .sec-title.mb-50 {
margin-bottom:28px
}
.sec-btn {
--section-title-space: 45px
}
}
@media (max-width: 767px) {
.shadow-title {
font-size:80px;
margin-top:-3px;
margin-bottom:-75px
}
}
@media (max-width: 575px) {
.shadow-title {
font-size:70px;
margin-top:6px
}
}
@media (max-width: 375px) {
.shadow-title {
font-size:60px;
margin-top:15px
}
}
.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)
}
.shape-mockup-wrap {
	z-index:2;
	position:relative
}
.shape-mockup {
	position:absolute;
	z-index:-1
}
.shape-mockup.z-index-3 {
	z-index:3
}
.z-index-step1 {
	position:relative;
	z-index:4 !important
}
.z-index-common {
	position:relative;
	z-index:3
}
.z-index-3 {
	z-index:3
}
.z-index-n1 {
	z-index:-1
}
.media-body {
	-webkit-box-flex:1;
	-webkit-flex:1;
	-ms-flex:1;
	flex:1
}
.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:0.35em 0.55em;
	border-radius:50%;
	top:-5px;
	right:-5px;
	font-weight:400
}
.as-social a {
	display:inline-block;
	width:var(--icon-size, 40px);
	height:var(--icon-size, 40px);
	line-height:var(--icon-size, 40px);
	background-color:var(--white-color);
	color:var(--theme-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)
}
.slider-shadow .slick-list {
	padding-top:30px;
	padding-bottom:30px;
	margin-bottom:-30px;
	margin-top:-30px
}
.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:20px
}
.video-box {
	position:relative;
	border-radius:10px;
	overflow:hidden
}
@media (max-width: 991px) {
.video-box {
min-height:400px
}
.video-box img {
height:400px;
object-fit:cover
}
}
.video-box .overlay {
	width:100%;
	height:100%;
	background-color:var(--black-color);
	opacity:0.6;
	position:absolute;
	inset:0
}
.video-box .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
}
.video-box .video-content {
	position:absolute;
	top:50%;
	left:0;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
	text-align:center;
	width:100%;
	padding:30px 15px
}
.video-box .video-title {
	color:var(--white-color);
	margin:0 auto 40px auto;
	font-weight:500;
	max-width:760px
}
@media (max-width: 1199px) {
.video-box .video-title {
margin:0 auto 30px auto
}
}
.video-box .video-text {
	font-size:14px;
	text-transform:uppercase;
	color:var(--white-color);
	display:block;
	margin-top:20px
}
.video-box .icon-btn {
	background-color:transparent;
	border:1px solid;
	color:var(--white-color);
--btn-size: 80px;
	font-size:20px
}
.video-box .icon-btn:hover {
	color:var(--theme-color)
}
.font-icon {
	font-family:var(--icon-font)
}
.font-title {
	font-family:var(--title-font)
}
.font-body {
	font-family:var(--body-font)
}
.fw-extralight {
	font-weight:100
}
.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-xs {
	font-size:14px
}
.fs-40 {
	font-size:40px
}
@media (max-width: 1199px) {
.fs-40 {
font-size:34px
}
}
@media (max-width: 991px) {
.fs-40 {
font-size:30px
}
.fs-40.mt-n3 {
margin-top:-0.6rem
}
.fs-40.mt-n2 {
margin-top:-0.2rem
}
}
.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-smoke2 {
	background-color:#F8F8F8
}
.gr-bg1 {
	background-image:-webkit-linear-gradient(194.6deg, rgba(146, 184, 253, 0.15) 5.09%, var(--smoke-color) 63%);
	background-image:linear-gradient(255.4deg, rgba(146, 184, 253, 0.15) 5.09%, var(--smoke-color) 63%)
}
.gr-bg2 {
	background-image:-webkit-linear-gradient(right, #EDF2FB 0%, #fff 100%);
	background-image:linear-gradient(270deg, #EDF2FB 0%, #fff 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-bottom-right {
	background-size:auto;
	background-position:bottom right
}
.bg-top-right {
	background-size:auto;
	background-position:top right
}
.bg-top-center {
	background-size:auto;
	background-position:top center
}
.bg-top-left {
	background-size:auto;
	background-position:top left
}
.bg-repeat {
	background-size:auto;
	background-repeat:repeat
}
.bg-contain-repeat {
	background-size:contain;
	background-repeat:repeat;
	background-position:center left
}
@media (max-width: 1199px) {
.bg-contain-repeat {
background-position:bottom left
}
}
.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]: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:#0E121D
}
[data-overlay="overlay2"]:before {
	background-color:#EDEEF2
}
[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, .year-block_year:after, .year-block_year: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.5);
transform:scale(1.5);
opacity:0
}
}
@keyframes ripple {
0% {
-webkit-transform:scale(1);
transform:scale(1);
opacity:0
}
30% {
opacity:0.4
}
100% {
-webkit-transform:scale(1.5);
transform:scale(1.5);
opacity:0
}
}
.movingX {
	-webkit-animation:movingX 8s linear infinite;
	animation:movingX 8s linear infinite
}
@-webkit-keyframes movingX {
0% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
50% {
-webkit-transform:translateX(50px);
transform:translateX(50px)
}
100% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes movingX {
0% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
50% {
-webkit-transform:translateX(50px);
transform:translateX(50px)
}
100% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
.moving {
	-webkit-animation:moving 8s linear infinite;
	animation:moving 8s linear infinite
}
@-webkit-keyframes moving {
0% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
50% {
-webkit-transform:translateX(-50px);
transform:translateX(-50px)
}
100% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes moving {
0% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
50% {
-webkit-transform:translateX(-50px);
transform:translateX(-50px)
}
100% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
.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(-30px);
transform:translateY(-30px)
}
100% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes jumpAni {
0% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
40% {
-webkit-transform:translateY(-30px);
transform:translateY(-30px)
}
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(30px);
transform:translateY(30px)
}
100% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes jumpReverseAni {
0% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
50% {
-webkit-transform:translateY(30px);
transform:translateY(30px)
}
100% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
.spin {
	-webkit-animation:spin 15s linear infinite;
	animation:spin 15s linear infinite
}
@-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
}
}
.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(-70px);
transform:translateX(-70px)
}
100% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes slideinleft {
0% {
opacity:0;
-webkit-transform:translateX(-70px);
transform:translateX(-70px)
}
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:rgba(255, 255, 255, 0.1);
	margin:0 0 10px 0;
	padding:17px 45px 17px 25px;
	font-size:16px;
	font-weight:600;
	line-height:1.313;
	color:var(--body-color)
}
 .widget_meta a::before, .widget_pages a::before, .widget_archive a::before, .widget_categories a::before {
content:"\f061";
position:absolute;
right:25px;
top:17px;
font-family:var(--icon-font);
font-weight:400;
color:var(--white-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(--white-color);
	background-color:var(--theme-color)
}
 .widget_meta a:hover:before, .widget_pages a:hover:before, .widget_archive a:hover:before, .widget_categories a:hover:before {
	color:var(--white-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 {
	color:var(--white-color);
	font-weight:600;
	text-align:center;
	position:absolute;
	right:25px;
	top:15px;
	-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:#0E121D;
	margin-bottom:40px;
	position:relative
}
.widget select, .widget input {
	height:55px;
	border:none;
	background-color:var(--input-bg, #fff);
	border-radius:0
}
.widget[data-overlay]:before {
	z-index:-1
}
.widget_title {
	position:relative;
	font-size:24px;
	font-weight:700;
	font-family:var(--title-font);
	line-height:1em;
	margin:0 0 30px 0;
	padding-bottom:20px;
	color:var(--white-color)
}
.widget_title:before {
	content:'';
	height:1px;
	width:100px;
	background-color:var(--theme-color);
	position:absolute;
	bottom:0;
	left:0
}

.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(--white-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:none;
	font-size:14px;
	font-weight:600;
	text-transform:uppercase;
	line-height:1;
	padding:13px 16px;
	margin-right:5px;
	margin-bottom:10px;
	color:var(--white-color);
	background-color:rgba(255, 255, 255, 0.1);
	border-radius:0
}
.wp-block-tag-cloud a:hover, .tagcloud a:hover {
	background-color:var(--theme-color);
	color:var(--white-color) !important
}
.wp-block-tag-cloud, .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:20px
}
.recent-post:last-child {
	margin-bottom:0
}
.recent-post .media-img {
	margin-right:15px;
	width:80px;
	overflow:hidden
}
.recent-post .media-img img {
	width:100%;
	-webkit-transition:0.4s ease-in-out;
	transition:0.4s ease-in-out
}
.recent-post .post-title {
	font-weight:600;
	font-size:18px;
	line-height:28px;
	margin:0 0 6px 0;
	font-family:var(--title-font);
	text-transform:capitalize;
	color:var(--white-color)
}
.recent-post .recent-post-meta a {
	text-transform:capitalize;
	font-size:14px;
	font-weight:400;
	color:var(--white-color)
}
.recent-post .recent-post-meta a i {
	margin-right:6px;
	color:var(--theme-color)
}
.recent-post .recent-post-meta a:hover {
	color:var(--theme-color)
}
.recent-post:hover .media-img img {
	-webkit-transform:scale(1.1);
	-ms-transform:scale(1.1);
	transform:scale(1.1)
}
.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 .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
}
.author-widget-wrap {
	text-align:center
}
.author-widget-wrap .avater {
	margin-bottom:20px
}
.author-widget-wrap .avater img {
	border-radius:50%
}
.author-widget-wrap .name {
	font-size:24px;
	color:var(--white-color);
	margin-bottom:15px
}
.author-widget-wrap .name a {
	color:inherit
}
.author-widget-wrap .name a:hover {
	color:var(--theme-color)
}
.author-widget-wrap .author-bio {
	color:var(--white-color);
	margin-bottom:23px
}
.author-widget-wrap .author-social {
	display:block
}
.author-widget-wrap .author-social a {
	font-size:16px;
	color:var(--white-color);
	position:relative;
	border-right:1px solid var(--body-color);
	padding:6px 15px 6px 0;
	margin-right:12px
}
.author-widget-wrap .author-social a:last-child {
	padding:6px 0 6px 0;
	margin-right:0;
	border-right:none
}
.author-widget-wrap .author-social a:hover {
	color:var(--theme-color)
}
.donwload-widget-wrap .as-btn {
	width:100%;
	background-color:rgba(255, 255, 255, 0.1)
}
.donwload-widget-wrap .as-btn:not(:last-child) {
margin-bottom:10px
}
.donwload-widget-wrap .as-btn:before, .donwload-widget-wrap .as-btn:after {
	background-color:var(--theme-color)
}
.widget_banner {
	text-align:center
}
.widget_banner .widget_title:before, .widget_banner .widget_title:after {
	background-color:var(--white-color);
	left:calc(50% - 35px)
}
.widget_banner .widget_title:after {
	left:calc(50% + 30px)
}
.widget-banner .banner-text {
	color:var(--white-color);
	margin-bottom:23px
}
.widget-banner .banner-link {
	color:var(--white-color);
	display:block;
	font-weight:500;
	margin-bottom:5px
}
.widget-banner .banner-link:last-child {
	margin-bottom:-0.4em
}
.widget-banner .banner-link i {
	margin-right:4px
}
.info-list ul {
	margin:0;
	padding:0;
	list-style:none
}
.info-list li {
	color:var(--white-color);
	border-bottom:1px solid rgba(255, 255, 255, 0.1);
	padding-bottom:14px;
	padding-top:14px
}
.info-list li:first-child {
	padding-top:0
}
.info-list li:last-child {
	border-bottom:none;
	padding-bottom:0;
	margin-bottom:-0.4em
}
.info-list strong {
	font-weight:bold;
	color:var(--theme-color);
	margin-right:10px
}
.widget-form select, .widget-form .form-control, .widget-form .form-select, .widget-form textarea, .widget-form input {
	background-color:rgba(255, 255, 255, 0.1);
	color:var(--white-color)
}
.widget-form select::-moz-placeholder, .widget-form .form-control::-moz-placeholder, .widget-form .form-select::-moz-placeholder, .widget-form textarea::-moz-placeholder, .widget-form input::-moz-placeholder {
color:var(--white-color)
}
.widget-form select::-webkit-input-placeholder, .widget-form .form-control::-webkit-input-placeholder, .widget-form .form-select::-webkit-input-placeholder, .widget-form textarea::-webkit-input-placeholder, .widget-form input::-webkit-input-placeholder {
color:var(--white-color)
}
.widget-form select:-ms-input-placeholder, .widget-form .form-control:-ms-input-placeholder, .widget-form .form-select:-ms-input-placeholder, .widget-form textarea:-ms-input-placeholder, .widget-form input:-ms-input-placeholder {
color:var(--white-color)
}
.widget-form select::-webkit-input-placeholder, .widget-form .form-control::-webkit-input-placeholder, .widget-form .form-select::-webkit-input-placeholder, .widget-form textarea::-webkit-input-placeholder, .widget-form input::-webkit-input-placeholder {
color:var(--white-color)
}
.widget-form select::-moz-placeholder, .widget-form .form-control::-moz-placeholder, .widget-form .form-select::-moz-placeholder, .widget-form textarea::-moz-placeholder, .widget-form input::-moz-placeholder {
color:var(--white-color)
}
.widget-form select:-ms-input-placeholder, .widget-form .form-control:-ms-input-placeholder, .widget-form .form-select:-ms-input-placeholder, .widget-form textarea:-ms-input-placeholder, .widget-form input:-ms-input-placeholder {
color:var(--white-color)
}
.widget-form select::-ms-input-placeholder, .widget-form .form-control::-ms-input-placeholder, .widget-form .form-select::-ms-input-placeholder, .widget-form textarea::-ms-input-placeholder, .widget-form input::-ms-input-placeholder {
color:var(--white-color)
}
.widget-form select::placeholder, .widget-form .form-control::placeholder, .widget-form .form-select::placeholder, .widget-form textarea::placeholder, .widget-form input::placeholder {
color:var(--white-color)
}
.widget-form textarea.form-control, .widget-form textarea {
	min-height:130px
}
.widget-form option {
	background-color:#272A34
}
.widget-form .form-group {
	margin-bottom:10px
}
.widget-form .form-group>i {
	color:var(--white-color);
	background-color:#272A34
}
@media (max-width: 1199px) {
.widget {
--widget-padding-y: 30px;
--widget-padding-x: 30px
}
.widget_title {
font-size:20px
}
.widget_offer {
padding-top:40px;
padding-bottom:40px
}
}
@media (max-width: 991px) {
.sidebar-area {
padding-top:30px
}
.widget {
--widget-padding-y: 40px;
--widget-padding-x: 40px
}
.wp-block-tag-cloud a, .tagcloud a {
padding:10.5px 18px
}
}
@media (max-width: 767px) {
.widget {
padding:35px 20px
}
}
@media (max-width: 330px) {
.recent-post .post-title {
font-size:14px
}
.recent-post .recent-post-meta a {
font-size:13px
}
}
.footer-widget {
	margin-bottom:20px
}
.footer-widget, .footer-widget .widget {
	padding:0;
	border:none;
	padding-bottom:0;
	background-color:transparent;
	box-shadow:none
}
.footer-widget input, .footer-widget select {
	height:55px;
	background-color:transparent;
	border:1px solid #283752
}
.footer-widget input:focus, .footer-widget select:focus {
	border-color:var(--theme-color);
	background-color:transparent
}
.footer-widget .form-group>i {
	color:var(--theme-color);
	top:18px
}
.footer-widget .widget_title {
	    max-width: 100%;
    margin-bottom: 18px;
    text-transform: capitalize;
    font-size: 20px;
    font-weight: 700;
    color: var(--theme-color);
    padding-bottom: 9px;
}
.footer-widget.widget_meta, .footer-widget.widget_pages, .footer-widget.widget_archive, .footer-widget.widget_categories, .footer-widget.widget_nav_menu {
	margin-bottom:20px
}
.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:0px
}
.footer-widget.widget_meta .menu, .footer-widget.widget_meta>ul, .footer-widget.widget_pages .menu, .footer-widget.widget_pages>ul, .footer-widget.widget_archive .menu, .footer-widget.widget_archive>ul, .footer-widget.widget_categories .menu, .footer-widget.widget_categories>ul, .footer-widget.widget_nav_menu .menu, .footer-widget.widget_nav_menu>ul {
	margin-bottom:0px
}
.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:700;
	padding:0 0 0 0px;
	margin-bottom:25px;
	font-family:var(--body-font);
	display:block;
	max-width:100%;
	
	width:100%;
	padding-right:0;
	background-color:transparent;
	position:relative;
	    text-transform: uppercase;
		letter-spacing: 0;
}
.footer-widget.widget_nav_menu.new a{
	margin-bottom:25px;
}
.footer-widget.widget_nav_menu.new a i {
	    color: var(--theme-color);
    padding-left: 0;
    font-size: 16px;
    rotate: -45deg;
    margin-left: 16px;
}
.footer-widget.widget_meta a:before, .footer-widget.widget_pages a:before, .footer-widget.widget_archive a:before, .footer-widget.widget_categories a:before {
	content:"\f061";
	font-weight:400;
	left:0;
	top:1px;
	background-color:transparent;
	border:none;
	color:inherit;
	-webkit-transition:0.4s -webkit-transform;
	transition:0.4s -webkit-transform;
	transition:0.4s transform;
	transition:0.4s transform, 0.4s -webkit-transform;
	content: "\f192";
    font-size: 14px;
}
.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)
}
.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 {
	color:var(--theme-color);
	-webkit-transform:translateX(3px);
	-ms-transform:translateX(3px);
	transform:translateX(3px)
}
.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:330px;
	margin-top:-0.3em
}
.footer-widget .recent-post .post-title {
	color:var(--white-color);
	line-height:1.5;
	margin-bottom:7px
}
.footer-widget .recent-post:last-child {
	margin-bottom:0;
	padding-bottom:0;
	border-bottom:0
}
.footer-widget .recent-post .recent-post-meta i {
	color:var(--theme-color);
	-webkit-transition:0.3s;
	transition:0.3s
}
.footer-widget .recent-post .recent-post-meta a:hover i {
	color:var(--theme-color)
}
.as-widget-about .about-logo {
	margin-bottom:35px
}
.as-widget-about .about-text {
	margin-bottom:55px;
	position:relative;

}
.as-widget-about .about-text p{
	margin-bottom:10px;
	margin-top:0;
	font-weight:700;
letter-spacing: 0;

text-transform:uppercase;
font-size:15.5px;
}
.footer-text {
	margin-top:-0.46em;
	margin-bottom:30px
}
.newsletter-widget {
	position:relative;
	z-index:2;
	padding:40px;
	padding-top:0;
	max-width:360px
}
.newsletter-widget .bg-shape {
	background-color:var(--theme-color);
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:200%;
	z-index:-1
}
.newsletter-widget .widget_title::before {
background-color:var(--white-color)
}
.newsletter-form {
	display:block;
	position:relative
}
.newsletter-form .form-control {
	    background-color: var(--white-color);
    border: 1px solid #F1F1F1;
    color: var(--body-color);
    border-radius: 55px !important;
    height: 45px;
    outline: none;
	  font-family: var(--text-font);
	      font-weight: 400;
    font-size: 16px;
}

.newsletter-form .form-control:hover, .newsletter-form .form-control:focus {
border: 1px solid #F1F1F1;
    outline: none;
}
.newsletter-form button {
	
	background: #000;
    font-size: 13px;
    padding: 6px 22px 6px 22px;
    border-radius: 50px;
    font-weight: 300;
    font-size: 16px;
    line-height: 23.12px;
    color: #fff;
    border: none;
    outline: none;
    font-family: var(--text-font);
    position: absolute;
    right: -1px;
    top: 5px;
	cursor: pointer;
    transition: background-color 0.3s;
	

}
.newsletter-form button:hover {
    background-color: blue; /* New button color on hover */
}
	


.newsletter-form .form-control::-moz-placeholder {
color:var(--title-color)
}
.newsletter-form .form-control::-webkit-input-placeholder {
color:var(--title-color)
}
.newsletter-form .form-control:-ms-input-placeholder {
color:var(--title-color)
}
.newsletter-form .form-control::-ms-input-placeholder {
color:var(--title-color)
}
.newsletter-form .form-control::placeholder {
color:var(--title-color)
}
.newsletter-form .form-control:focus {
	background-color:var(--white-color);
	border-color:var(--title-color)
}
.newsletter-form .icon-btn {
	min-width:55px;
	height:55px;
	border-radius:0;
	background-color:var(--title-color);
	color:var(--white-color)
}
@media (max-width: 1199px) {
.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 {
margin-bottom:16px
}
.newsletter-widget {
padding-top:40px
}
.newsletter-widget .bg-shape {
height:100%
}
}
.as-header {
	    position: absolute;
    z-index: 41;
    left: 0;
    right: 0;
    top: 10px;
    width: 100%;
	    padding: 0px 10px 0px;
}
.sticky-wrapper {
	-webkit-transition:0.4s ease-in-out;
	transition:0.4s ease-in-out;
	position:relative;
}
.sticky-wrapper.will-sticky {
	position:absolute;
	top:0;
	right:0;
	left:0;
	margin-top:0px
}
.sticky-wrapper.sticky {
	position:fixed;
	top:0;
	right:0;
	left:0;
	background-color:var(--title-color);
	box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.07);
	margin-top:0;
	display: none;
}
.sticky-wrapper.sticky .logo-style1 {
	padding-bottom:12px
}
.sticky-wrapper.sticky .logo-style1:before {
	bottom:-15px
}
@media (max-width: 991px) {
.sticky-wrapper.sticky .logo-style1:before {
bottom:0
}
}
.main-menu a {
	text-align: center;
    display: block;
    position: relative;
    font-weight: 500;
    font-size: 15px;
    color: var(--white-color);
    text-transform: capitalize;
    display: inline-block;
    margin: 0 auto;
    line-height: 20px;
}
.main-menu a:hover {
	color:var(--theme-color)
}
.main-menu>ul>li {
	margin:0 15px
}
.main-menu>ul>li>a {
	padding:32.5px 0
}
.main-menu ul {
	margin:0;
	padding:0;
	    margin-left: 40px;
		    margin-right: 20px;
}
.main-menu ul li {
	list-style-type:none;
	display:inline-block;
	position:relative
}
.main-menu ul li.menu-item-has-children>a:after {
	    content: "\f107";
	position:relative;
	font-family:var(--icon-font);
	margin-left:5px;
	top:0;
	color:var(--white-color)
}
.main-menu ul li a:before {
    left: 21%;
    top: auto;
    bottom: 37px;
    width: 25px;
    height: 3px;
    border-radius: 10px;
    transform: translateX(0%);
    background: var(--white-color);
    position: absolute;
    content: '';
    z-index: -1;
    opacity: 0;
    text-align: center;
    margin: 0 auto;
    
}
 .sticky-wrapper.sticky .main-menu ul li a:before{
    bottom: 28px;
}
.main-menu ul li a:hover:before, .main-menu ul li a.active:before , .main-menu ul li a:focus:before{
	opacity: 1;
}
.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, .main-menu ul li:hover ul.mega-menu {
	visibility:visible;
	opacity:1;
	margin-top:0;
	z-index:9
}
.main-menu ul.sub-menu, .main-menu ul.mega-menu {
    position: absolute;
    text-align: left;
    top: 100%;
    left: 0;
    background-color: #664545;
    visibility: hidden;
    min-width: 120px;
    width: max-content;
    padding: 7px;
    left: -14px;
    margin-top: 50px;
    opacity: 0;
    z-index: -1;
    border: 0;
    border-radius: 0;
    -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, .main-menu ul.mega-menu a {
	    font-size: 15px;
    line-height: 28px;
    color: var(--title-color);
}
.main-menu ul.sub-menu {
	padding:12px 0px;
	left:-40px;
	margin-left:0;
}
.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:1px
}
/* Main menu styles */
.main-menu ul.sub-menu li a {
    position: relative;
    padding: 8px 20px;
    text-transform: capitalize;
    border-bottom: none;
    color: #fff;
    display: inline-block; /* Ensure that the link is displayed as a block */
}

/* Arrow styles */
.main-menu ul.sub-menu li a::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 20px; /* Initially set width to zero */
    height: 10px;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-color: transparent transparent transparent #fff; /* Arrow color */
    transform: translateY(-50%);
    transition: width 0.1s ease; /* Add transition for smooth animation */
    pointer-events: none; /* Ensure that the arrow doesn't interfere with hover */
    opacity: 0; /* Initially hide the arrow */
}

/* Hover state */
 .main-menu ul.sub-menu li a:hover::after {
    width: 10px; 
    opacity: 1;
} 

/* .main-menu ul.sub-menu li a {
	position:relative;
	padding:8px 20px;
	text-transform:capitalize;
	border-bottom: none;
	color: #fff;
}
.main-menu ul.sub-menu li a:hover {
	color: #fff;
    background: transparent;
} */
.main-menu ul.sub-menu li a:before {
	content:unset!important;
	position:absolute;
	top:8px;
	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(--theme-color);
	font-weight:700
}
.main-menu ul.sub-menu li ul.sub-menu {
	left:100%;
	right:auto;
	top:0;
	margin:0 0;
	margin-left:20px
}
.main-menu ul.sub-menu li ul.sub-menu li ul {
	left:100%;
	right:auto
}
.main-menu .mega-menu-wrap {
	position:static
}
.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:var(--main-container);
	padding:20px 15px 23px 15px;
	left:50%;
	-webkit-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	transform:translateX(-50%)
}
.main-menu ul.mega-menu li {
	display:block;
	width:100%;
	padding:0 15px
}
.main-menu ul.mega-menu li li {
	padding:2px 0
}
.main-menu ul.mega-menu li a {
	display:inline-block;
	text-transform:capitalize
}
.main-menu ul.mega-menu>li>a {
	display:block;
	padding:0;
	padding-bottom:15px;
	margin-bottom:10px;
	text-transform:capitalize;
	letter-spacing:1px;
	font-weight:700;
	color:var(--white-color);
	border-color:var(--theme-color)
}
.main-menu ul.mega-menu>li>a::after, .main-menu ul.mega-menu>li>a::before {
content:"";
position:absolute;
bottom:0;
left:0;
width:15px;
height:1px;
background-color:var(--theme-color)
}
.main-menu ul.mega-menu>li>a::after {
width:calc(100% - 20px);
left:20px
}
.main-menu ul.mega-menu>li>a:hover {
	padding-left:0
}
.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% + 20px) !important;
	left:calc(50% - 10px) !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)
}
.simple-icon {
	border:none;
	background-color:transparent;
	padding:0;
	color:var(--white-color)
}
.simple-icon:hover {
	color:var(--theme-color)
}
.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:15px;
	margin-left:15px
}
.header-button .icon-btn {
	position:relative
}
.header-links ul {
	margin:0;
	padding:0;
	list-style-type:none
}
.header-links li {
	display:inline-block;
	position:relative;
	font-size:16px;
	font-weight:400
}
.header-links li:not(:last-child) {
padding:0 20px 0 0;
margin:0 17px 0 0
}
.header-links li:not(:last-child):before {
content:"";
position:absolute;
right:0;
top:50%;
background-color:rgba(0, 15, 87, 0.4);
width:1px;
height:18px;
-webkit-transform:translateY(-50%);
-ms-transform:translateY(-50%);
transform:translateY(-50%)
}
.header-links li>i {
	margin-right:10px;
	color:var(--theme-color)
}
.header-links li, .header-links span, .header-links p, .header-links a {
	font-family:var(--body-font);
	color:var(--body-color)
}
.header-links i {
	color:var(--theme-color)
}

.header-links b, .header-links strong {
	font-weight:600
}
.header-social .social-title {
	font-weight:400;
	font-size:16px;
	display:inline-block;
	margin:0 10px 0 0
}
.header-social a {
	    font-size: 14px;
    display: inline-block;
    color: var(--body-color);
    margin: 0 6px 0 0;
    display: inline-block;
    width: var(--icon-size, 35px);
    height: var(--icon-size, 35px);
    line-height: var(--icon-size, 35px);
    background-color: var(--white-color);
    color: var(--theme-color);
    font-size: 14px;
    text-align: center;
    border-radius: 50%;
}
.header-social a:hover {
	 background-color: var(--theme-color);
    color: var(--white-color);
}
.header-social a:hover i{
	 
    color: var(--white-color);
}
.header-social a:last-child {
	margin-right:0
}
.header-social a:hover {
	color:var(--theme-color)
}
.header-logo {
	padding-top: 5px;
    padding-bottom: 5px;
}

.header-logo img{
	height:87px;
}

.sticky-wrapper.sticky .header-logo img {
    height: 87px;
}
.header-notice {
	margin-bottom:0;
	display:inline-block
}
.header-layout1 .header-top {
	background-color:#F8F8F8;
	padding:17px 0
}
.header-layout1 .header-top a:hover {
	color:var(--theme-color)
}
.header-layout1 .menu-area {
	background-color:var(--title-color)
}
.header-layout1 .header-top-inner {
	padding-left:250px
}
.logo-style1 {
	position:relative;
	z-index:2;
	padding:0 80px 39px 0;
	-webkit-filter:drop-shadow(0px -10px 20px rgba(7, 36, 95, 0.05));
	filter:drop-shadow(0px -10px 20px rgba(7, 36, 95, 0.05))
}
.logo-style1:before {
	content:'';
	height:140px;
	width:2000px;
	position:absolute;
	bottom:0;
	right:-15px;
	background-color:var(--white-color);
	z-index:-1;
	-webkit-clip-path:polygon(0 0, calc(100% - 80px) 0, 100% 100%, 0% 100%);
	clip-path:polygon(0 0, calc(100% - 80px) 0, 100% 100%, 0% 100%)
}
@media (max-width: 1300px) {
.header-layout1 .header-button .as-btn {
display:none
}
}
@media (max-width: 1199px) {
.header-layout1 .header-button .simple-icon {
display:none
}
.logo-style1 {
padding:0 50px 39px 0
}
.logo-style1:before {
right:-25px;
-webkit-clip-path:polygon(0 0, calc(100% - 60px) 0, 100% 100%, 0% 100%);
clip-path:polygon(0 0, calc(100% - 60px) 0, 100% 100%, 0% 100%)
}
}
@media (max-width: 991px) {
.header-layout1 .header-top {
padding:11px 0
}
.header-layout1 .header-top-inner {
padding-left:0
}
.logo-style1 {
padding:19px 80px 19px 0
}
.logo-style1:before {
height:100%
}
}
@media (max-width: 575px) {
.logo-style1 {
padding:19px 40px 19px 0;
max-width:180px
}
}
.header-layout2 {

	position:absolute;
	top:0;
	left:0;
	right:0;
	width:100%;
	background-color:transparent
}
.logo-style2 {
	position:relative;
	height:100%;
	z-index:2;
	padding:27px 85px 32px 0
}
.logo-style2::before, .logo-style2::after {
content:'';
background-color:var(--white-color);
height:100%;
width:3000px;
position:absolute;
top:0;
right:0;
border-radius:0 999px 999px 0;
z-index:-1
}
.logo-style2::after {
right:-20px;
width:72px;
background-color:transparent;
border-right:10px solid var(--white-color)
}
@media (max-width: 1300px) {
.header-layout2 .header-button .as-btn {
display:none
}
}
@media (max-width: 1199px) {
.header-layout2 .header-button .simple-icon {
display:none
}
.logo-style2 {
padding:20px 40px 24px 0
}
}
@media (max-width: 375px) {
.logo-style2 img {
max-width:140px
}
}
.header-layout3 {

	position:absolute;
	top:0;
	left:0;
	right:0;
	width:100%;
	background-color:transparent;
	border-bottom:1px solid rgba(255, 255, 255, 0.3)
}
.header-layout3 .main-menu>ul>li>a {
	padding:46.5px 0
}
.header-layout3:before {
	content:'';
	height:100%;
	width:22%;
	background-color:var(--white-color);
	opacity:0.13;
	position:absolute;
	top:0;
	right:0;
	-webkit-clip-path:polygon(100px 0%, 100% 0, 100% 100%, 0% 100%);
	clip-path:polygon(100px 0%, 100% 0, 100% 100%, 0% 100%);
	z-index:-1
}
.header-layout3 .header-button {
	margin-left:110px
}
@media (min-width: 1922px) {
.header-layout3::before {
width:30%
}
}
@media (max-width: 1399px) {
.header-layout3:before {
width:26%
}
}
@media (max-width: 1300px) {
.header-layout3:before {
width:16%
}
.header-layout3 .header-button .as-btn {
display:none
}
}
@media (max-width: 1199px) {
.header-layout3 .main-menu>ul>li>a {
padding:31.5px 0
}
}
@media (max-width: 991px) {
.header-layout3:before {
width:50%;
-webkit-clip-path:polygon(60px 0%, 100% 0, 100% 100%, 0% 100%);
clip-path:polygon(60px 0%, 100% 0, 100% 100%, 0% 100%)
}
}
.footer-wrapper {
	position:relative;
	z-index:2
}
.footer-wrapper .newsletter-title {
	color:var(--white-color)
}
.footer-wrapper .as-social{
	margin-bottom:40px;
}
.footer-wrapper .as-social a {
	background-color: rgba(255, 255, 255, 0.15);
    color: #fff;
    border: unset;
	    margin-right: 11px;
}

.footer-wrapper .as-social a img{
	    width: 30px;
}
.footer-wrapper .as-social a:hover {
	background-color:transparent;
	 color: #fff;
}
.widget-area {
	padding-top:var(--section-space);
	padding-bottom:75px
}
.copyright-wrap {
	padding:29px 0
}
.copyright-text {
	    margin: 0;
    font-weight: 500;
    font-size: 16px;
}


.copyright-text a {
	color:inherit
}
.copyright-text a, .copyright-text span, .copyright-text a:hover {
	color:var(--body-color)
}
@media (max-width: 1399px) {
.as-social a {
margin-right:3px
}
.as-social a:last-child {
margin-right:0
}
}
.footer-links ul {
	padding:0;
	margin:0
}
.footer-links li {
	font-family:var(--body-font);
	display:inline-block;
	padding-right:15px;
	margin-right:10px;
	position:relative
}
.footer-links li:after {
	content:'';
	height:20px;
	width:1px;
	background-color:var(--white-color);
	position:absolute;
	top:50%;
	right:0;
	margin:-10px 0
}
.footer-links li:last-child {
	margin-right:0;
	padding-right:0
}
.footer-links li:last-child:after {
	display:none
}
.footer-links a {
	    font-family: inherit;
    color: var(--body-color);
      margin: 0;
    font-weight: 500;
    font-size: 16px;
}
.footer-links a:hover {
	color:var(--theme-color)
}
.footer-layout1 {
	background-color:var(--title-color);
--body-color: #F8F8F8;
	overflow:hidden
}
.footer-layout1 .copyright-wrap {
	padding:16px 0;
	background-color:#0E121D
}
.as-widget-contact {
	max-width:100%
}
.as-call-about{
padding-left:10px;
}
.footer-info {
	padding-left: 47px;
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 25px;
	font-family: var(--body-font);
	display: block;
	max-width: 100%;
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	padding-right: 0;
	background-color: transparent;
	position: relative;
}
.footer-info a {
	font-size: 16px;
	font-weight: 400;
	margin-bottom: 0px;
	font-family: var(--body-font);
	display: inline-block;
	padding-right: 0;
	background-color: transparent;
	position: relative;
	color: #fff;
		font-weight: 700;
}

.footer-info a:hover {
 color: #fff;
}
.footer-info i {
	position: absolute;
	left: 0px;
	top: 3px;
	color: var(--white-color);
	font-weight: 400;
	font-size: 16px;
	background:transparent;
	width: 25px;
	height: 25px;
	
	text-align: center;
	line-height: 25px;
	border-radius: 6px;
}
.info-box {
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	margin-bottom:22px
}
.info-box:last-child {
	margin-bottom:-5px
}
.info-box_icon {
	width:30px;
	height:30px;
	line-height:30px;
	min-width:30px;
	font-size:14px;
	background-color:var(--theme-color);
	color:var(--white-color);
	border-radius:999px;
	text-align:center;
	margin-right:10px;
}
.info-box_text {
	display:block;
	color:var(--white-color);
	margin-top:-0.45em;
	margin-bottom:0
}
.info-box_link {
	display:inline-block;
	color:var(--body-color)
}
.info-box_link:hover {
	color:var(--theme-color)
}
@media (max-width: 1199px) {
.footer-layout1 .copyright-wrap {
padding:25px 0
}
}
@media (max-width: 991px) {
.footer-layout1 .widget-area {
padding-top:var(--section-space-mobile);
padding-bottom:38px
}
.copyright-text {
text-align:center
}
}
.footer-layout2 {
	background-color:var(--title-color);
--body-color: #fff
}
.footer-layout2 .widget-area {
	padding-top:100px;
	padding-bottom:55px
}
.footer-layout2 .copyright-wrap {
	padding:16px 0;
	background-color:#0E121D
}
.newsletter-wrap {
	background-color:var(--theme-color);
	padding:60px;
	position:relative;
	z-index:4
}
.newsletter-wrap .newsletter-title {
    color: var(--white-color);
    margin-top: 0;
    margin-bottom: 10px;
}
.newsletter-wrap p{
	margin-bottom:0px;
}
.newsletter-wrap .newsletter-form {
	max-width:600px;
	gap:10px
}
.newsletter-wrap .form-control {
	border:1px solid var(--theme-color);
	color:var(--body-color)
}
.newsletter-wrap .form-control::-moz-placeholder {
color:var(--body-color)
}
.newsletter-wrap .form-control::-webkit-input-placeholder {
color:var(--body-color)
}
.newsletter-wrap .form-control:-ms-input-placeholder {
color:var(--body-color)
}
.newsletter-wrap .form-control::-ms-input-placeholder {
color:var(--body-color)
}
.newsletter-wrap .form-control::placeholder {
color:var(--body-color)
}
.newsletter-wrap .as-btn {
	min-width:160px
}
.newsletter-wrap .newsletter-shape {
	position:absolute;
	bottom:0;
	right:0
}
.footer-spacer {
	height:145px
}
@media (max-width: 1199px) {
.newsletter-wrap {
padding:60px 30px
}
.newsletter-wrap .newsletter-shape {
max-width:390px
}
.footer-spacer {
height:100px
}
}
@media (max-width: 991px) {
.footer-layout2 .widget-area {
padding-top:80px;
padding-bottom:40px
}
.newsletter-wrap {
padding:40px;
text-align:center
}
.newsletter-wrap .newsletter-form {
-webkit-box-pack:center;
-webkit-justify-content:center;
-ms-flex-pack:center;
justify-content:center;
max-width:100%
}
.newsletter-wrap .newsletter-shape {
max-width:450px;
position:relative;
margin:-140px auto 20px auto
}
}
@media (max-width: 575px) {
.newsletter-wrap {
padding:20px
}
.newsletter-wrap .newsletter-form {
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap
}
.newsletter-wrap .newsletter-shape {
margin:-120px auto 20px auto
}
}
.footer-layout3 {
background-color: #F1F1F1;
    --body-color: #333333;
    --border-color: rgba(255, 255, 255, 0.12);
    position: relative;
    border-top: 2px solid #0000000a;
}

.footer-layout3 .widget-area {
    padding-top: 90px;
    padding-bottom: 70px;
    position: relative;
    display: block;
    z-index: 1;
}
.footer-layout3 .copyright-wrap {
	    padding: 20px 0;
    background: transparent;
    position: relative;
    display: block;
    z-index: 1;
    border-top: 1px solid #00000021;
}
.footer-top {
	border-bottom:1px solid var(--border-color)
}
.footer-top .footer-logo {
	padding:80px 0;
	border-right:1px solid var(--border-color)
}
.subscribe-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;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	-ms-flex-pack:justify;
	justify-content:space-between;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	width:100%;
	padding-left:16px
}
.subscribe-box_text {
	color:rgba(255, 255, 255, 0.6);
	font-weight:600;
	margin-bottom:8px
}
.subscribe-box_title {
	color:var(--white-color);
	margin-bottom:0
}
.subscribe-box .newsletter-form {
	max-width:440px;
	gap:10px
}
.subscribe-box .form-control {
	border:1px solid var(--title-color);
	color:#4D5765
}
.subscribe-box .form-control::-moz-placeholder {
color:#4D5765
}
.subscribe-box .form-control::-webkit-input-placeholder {
color:#4D5765
}
.subscribe-box .form-control:-ms-input-placeholder {
color:#4D5765
}
.subscribe-box .form-control::-ms-input-placeholder {
color:#4D5765
}
.subscribe-box .form-control::placeholder {
color:#4D5765
}
.subscribe-box .as-btn {
	min-width:140px;
	padding:20.5px 20px
}
@media (max-width: 1199px) {
.footer-top .footer-logo {
text-align:center;
border-right:none;
padding:60px 0 30px 0
}
.subscribe-box {
padding-bottom:50px
}
}
@media (max-width: 991px) {
.footer-layout3 .widget-area {
padding-top:80px;
padding-bottom:40px
}
.subscribe-box {
-webkit-box-pack:center;
-webkit-justify-content:center;
-ms-flex-pack:center;
justify-content:center;
text-align:center;
gap:20px
}
.subscribe-box .newsletter-form {
max-width:500px;
width:100%
}
}
@media (max-width: 575px) {
.subscribe-box .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:23px 0 -0.5em 0;
	list-style-type:none;
	position:relative
}
.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 {
	font-size: 48px;
    font-weight: 700;
    line-height: 1.18;
    text-transform: capitalize;
	color:var(--white-color);
	margin:-0.19em 0 -0.19em 0
}
.breadcumb-content {
	max-width:900px
}
.breadcumb-wrapper {
	    background-color: var(--title-color);
    padding: 120px 0;
    overflow: hidden;
    position: relative;
}
.breadcumb-wrapper:before {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    content: "";
    background: #0909095e;
}
.breadcumb-shape {
	position:absolute;
	top:0;
	right:0;
	z-index:1;
	height:100%;
	width:40%
}
.breadcumb-shape img {
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:left center
}
@media (max-width: 1199px) {
.breadcumb-title {
font-size:42px
}
.breadcumb-wrapper {
padding:140px 0
}
.breadcumb-content {
max-width:760px
}
}
@media (max-width: 991px) {
.breadcumb-wrapper {
padding:120px 0
}
.breadcumb-shape {
width:25%
}
.breadcumb-menu {
margin:16px 0 -0.5em 0
}
.breadcumb-menu li, .breadcumb-menu a, .breadcumb-menu span {
font-size:16px
}
.breadcumb-title {
font-size:38px
}
}
@media (max-width: 767px) {
.breadcumb-wrapper {
padding:100px 0
}
.breadcumb-title {
font-size:34px
}
}
.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);
	width:40px;
	height:40px;
	line-height:41px;
	z-index:1;
	font-size:16px;
	font-weight:500;
	border-radius:0
}
.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, .wp-block-quote {
	font-size:18px;
	line-height:1.56;
	padding:50px 50px 50px 50px;
	font-weight:600;
	display:block;
	position:relative;
	background-color:var(--smoke-color);
	overflow:hidden;
	margin:35px 0;
	color:var(--title-color);
	font-style:italic;
	border-left:3px solid var(--theme-color);
	border-radius:0
}
blockquote p, .wp-block-quote p {
	font-size:inherit;
	font-family:inherit;
	margin-top:-0.3em;
	margin-bottom:18px;
	line-height:inherit;
	color:inherit;
	width:100%;
	position:relative;
	z-index:3
}
blockquote p a, .wp-block-quote p a {
	color:inherit
}
blockquote:before, .wp-block-quote:before {
	content:"\f10e";
	font-family:var(--icon-font);
	position:absolute;
	right:40px;
	bottom:40px;
	font-size:6rem;
	font-weight:600;
	opacity:1;
	line-height:3.8rem;
	color:rgba(13, 94, 244, 0.1);
	font-style:normal
}
blockquote cite, .wp-block-quote cite {
	display:block;
	font-size:22px;
	position:relative;
	border-color:inherit;
	line-height:1;
	font-weight:600;
	margin-top:0;
	margin-bottom:-0.1em;
	font-style:normal;
	font-family:var(--title-font);
	padding-left:50px;
	margin-left:10px
}
blockquote cite:before, .wp-block-quote cite:before {
	content:"";
	height:2px;
	width:50px;
	background-color:var(--theme-color);
	position:absolute;
	bottom:9px;
	left:-10px
}
blockquote.style-left-icon, blockquote.is-large, blockquote.is-style-large, blockquote.has-text-align-right, .wp-block-quote.style-left-icon, .wp-block-quote.is-large, .wp-block-quote.is-style-large, .wp-block-quote.has-text-align-right {
	padding:50px
}
blockquote.style-left-icon, .wp-block-quote.style-left-icon {
	font-size:18px;
	color:var(--body-color);
	font-weight:400;
	line-height:1.556;
	background-color:var(--smoke-color);
	padding-left:160px
}
blockquote.style-left-icon:before, .wp-block-quote.style-left-icon:before {
	right:unset;
	left:56px;
	top:60px;
	font-size:6rem;
	font-weight:400;
	line-height:4rem;
	color:var(--theme-color);
	text-shadow:none
}
blockquote.style-left-icon cite, .wp-block-quote.style-left-icon cite {
	color:var(--title-color)
}
blockquote.style-left-icon cite:before, .wp-block-quote.style-left-icon cite:before {
	background-color:var(--title-color);
	top:8px
}
blockquote.is-large cite:before, blockquote.is-style-large cite:before, .wp-block-quote.is-large cite:before, .wp-block-quote.is-style-large cite:before {
	top:unset;
	bottom:13px
}
blockquote.has-text-align-right:before, .wp-block-quote.has-text-align-right:before {
	content:"\f10d";
	right:unset;
	left:60px
}
.wp-block-pullquote {
	color:var(--white-color);
	padding:0
}
blockquote.has-very-dark-gray-color {
	color:var(--white-color) !important
}
.wp-block-column blockquote, .wp-block-column .wp-block-quote {
	padding:100px 15px 30px 15px
}
.wp-block-column blockquote:before, .wp-block-column .wp-block-quote:before {
	width:100%;
	height:60px;
	font-size:30px
}
.wp-block-column blockquote.style-left-icon, .wp-block-column blockquote.is-large:not(.is-style-plain), .wp-block-column blockquote.is-style-large:not(.is-style-plain), .wp-block-column blockquote.has-text-align-right, .wp-block-column .wp-block-quote.style-left-icon, .wp-block-column .wp-block-quote.is-large:not(.is-style-plain), .wp-block-column .wp-block-quote.is-style-large:not(.is-style-plain), .wp-block-column .wp-block-quote.has-text-align-right {
padding:100px 15px 30px 15px
}
.blog-meta {
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	gap:5px 30px
}
.blog-meta span, .blog-meta a {
	display:inline-block;
	font-size:14px;
	color:var(--body-color);
	position:relative
}
.blog-meta span i, .blog-meta a i {
	margin-right:6px;
	color:var(--theme-color)
}
.blog-meta span img, .blog-meta a img {
	margin-right:10px;
	border-radius:99px
}
.blog-meta .author {
	font-size:16px;
	font-weight:600;
	color:var(--title-color)
}
.blog-meta a:hover {
	color:var(--theme-color)
}
.blog-audio img, .blog-img img, .blog-video img {
	-webkit-transition:0.4s ease-in-out;
	transition:0.4s ease-in-out
}
.blog-title a {
	color:inherit
}
.blog-title a:hover {
	color:var(--theme-color)
}
.as-blog {
	margin-bottom:30px
}
.blog-inner-title {
	font-size:30px;
	margin-top:-0.25em;
	margin-bottom:25px
}
.blog-inner-title i {
	color:var(--theme-color);
	margin-right:4px
}
.blog-author {
	margin-top:40px;
	margin-bottom:40px;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	background-color:var(--smoke-color);
	border-radius:8px;
	overflow:hidden
}
.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:10px
}
.blog-author .author-text {
	margin-bottom:15px
}
.blog-author .media-body {
	padding:35px 40px 30px 40px;
	-webkit-align-self:center;
	-ms-flex-item-align:center;
	align-self:center
}
.blog-author .as-social a {
	border-radius:6px;
--icon-size: 36px;
	font-size:13px
}
@media (min-width: 1300px) {
.blog-single {
margin-right:16px
}
.as-comment-form, .as-comments-wrap {
margin-right:16px
}
}
.blog-single {
	position:relative;
	margin-bottom:var(--blog-space-y, 40px);
	box-shadow:0px 6px 30px rgba(7, 36, 95, 0.08)
}
.blog-single .blog-title {
	margin-bottom:13px;
	font-size:36px;
	font-weight:700
}
.blog-single .blog-text {
	margin-bottom:25px
}
.blog-single .social-links {
	margin:0;
	padding:7px 20px;
	list-style-type:none;
	display:inline-block;
	background-color:var(--smoke-color);
	border-radius:999px
}
.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 0 15px 0
}
.blog-single .blog-content {
	margin:0 0 0 0;
	padding:40px;
	position:relative
}
.blog-single .blog-audio {
	line-height:1
}
.blog-single .blog-audio, .blog-single .blog-img, .blog-single .blog-video {
	position:relative;
	overflow:hidden;
	background-color:var(--smoke-color)
}
.blog-single .blog-img .slick-arrow {
--pos-x: 30px;
--icon-size: 45px;
	border:none;
	background-color:var(--white-color);
	color:var(--theme-color);
	border-radius:0
}
.blog-single .blog-img .slick-arrow:hover {
	background-color:var(--theme-color);
	color:var(--white-color)
}
.blog-single .blog-img .play-btn {
--icon-size: 60px;
	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
}
.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
}
.share-links {
	margin:0 var(--blog-space-x, 40px) var(--blog-space-y, 40px) var(--blog-space-x, 40px);
	border-top:1px solid var(--border-color);
	padding:30px 0
}
.share-links>.row {
	-webkit-box-align:center;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center;
--bs-gutter-y: 20px
}
.share-links .wp-block-tag-cloud, .share-links .tagcloud {
	display:inline-block
}
.share-links .wp-block-tag-cloud a, .share-links .tagcloud a {
	background-color:var(--smoke-color);
	color:var(--title-color)
}
.share-links .wp-block-tag-cloud a:hover, .share-links .tagcloud a:hover {
	background-color:var(--theme-color);
	color:var(--white-color) !important
}
.blog-details .blog-single {
	background-color:transparent
}
@media (max-width: 1399px) {
.blog-single .blog-content {
padding:40px 20px
}
.blog-single .blog-title {
font-size:30px
}
.share-links {
--blog-space-x: 20px
}
}
@media (max-width: 1199px) {
blockquote, .wp-block-quote {
font-size:18px;
padding:40px 20px 40px 20px
}
blockquote:before, .wp-block-quote:before {
font-size:4rem;
line-height:2.5rem
}
blockquote.style-left-icon, blockquote.is-large:not(.is-style-plain), blockquote.is-style-large:not(.is-style-plain), blockquote.has-text-align-right, .wp-block-quote.style-left-icon, .wp-block-quote.is-large:not(.is-style-plain), .wp-block-quote.is-style-large:not(.is-style-plain), .wp-block-quote.has-text-align-right {
padding:40px 20px 40px 20px
}
.blog-details .blog-single {
--blog-space-x: 20px;
--blog-space-y: 20px
}
}
@media (max-width: 991px) {
.blog-single .blog-content {
padding:40px
}
.share-links {
--blog-space-x: 40px
}
}
@media (max-width: 767px) {
.share-links {
--blog-space-x: 20px
}
.wp-block-pullquote.is-style-solid-color blockquote {
max-width:90%
}
blockquote cite, .wp-block-quote cite {
font-size:18px
}
.blog-inner-title {
font-size:26px
}
.blog-author {
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-webkit-flex-direction:column;
-ms-flex-direction:column;
flex-direction:column
}
.blog-author .auhtor-img img {
width:100%
}
.blog-details .blog-single {
--blog-space-x: 20px;
--blog-space-y: 20px
}
.blog-single .blog-content {
padding:40px 20px
}
.blog-single .blog-title {
font-size:24px;
line-height:1.3
}
.blog-single .blog-text {
margin-bottom:15px
}
.blog-single .blog-bottom {
padding-top:15px
}
.blog-single .share-links-title {
font-size:18px;
display:block;
margin:0 0 10px 0
}
}
@media (max-width: 575px) {
.blog-author .media-body {
padding:35px 20px 30px 20px
}
.blog-inner-title {
font-size:24px
}
}
.as-comment-form {
	margin-top:0;
	margin-bottom:30px;
	padding:40px;
	position:relative;
	background: #fff;
}
.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
}
.blog-comment-area {
	margin-bottom:25px
}
.as-comment-form, .as-comments-wrap {
	padding:40px;
	box-shadow:0px 6px 30px rgba(7, 36, 95, 0.08)
}
.as-comments-wrap {
	margin-top:var(--blog-space-y, 40px);
	margin-bottom:30px
}
.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 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(--border-color)
}
.as-comments-wrap .as-post-comment ol, .as-comments-wrap .as-post-comment ul, .as-comments-wrap .as-post-comment dl {
	margin-bottom:1rem
}
.as-comments-wrap .as-post-comment ol ol, .as-comments-wrap .as-post-comment ol ul, .as-comments-wrap .as-post-comment ul ol, .as-comments-wrap .as-post-comment ul ul {
	margin-bottom:0
}
.as-comments-wrap ul.comment-list {
	list-style:none;
	margin:0;
	padding:0;
	margin-bottom:-30px
}
.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:80px;
	height:80px;
	margin-right:20px;
	overflow:hidden;
	border-radius:999px
}
.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:2px;
	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:12px;
	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 {
	margin-bottom:10px
}
.as-comments-wrap .children {
	margin:0;
	padding:0;
	list-style-type:none;
	margin-left:80px
}
.as-comments-wrap .reply_and_edit {
	margin-top:12px;
	margin-bottom:-0.46em
}
.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
}
ul.comment-list .as-comment-item:last-child >.as-post-comment {
	border-bottom:none;
	padding-bottom:0
}
ul.comment-list .as-comment-item:first-child >.as-post-comment {
	padding-bottom:30px;
	border-bottom:1px solid var(--border-color)
}
.as-comments-wrap.as-comment-form {
	margin:0
}

@media (max-width: 767px) {
.as-comment-form, .as-comments-wrap {
padding:40px 20px
}
.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: 767px) {
.as-comment-form {
--blog-space-x: 20px
}
}
.as-hero-wrapper {
	position:relative;
	/*z-index:1;*/
	overflow:hidden
}
.as-hero-wrapper .play-btn {
--icon-size: 80px
}
.as-hero-wrapper .slick-dots {
	position:absolute;
	top:50%;
	right:6%;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%)
}
@media (min-width: 1922px) {
.as-hero-wrapper .slick-dots {
right:20%
}
}
.as-hero-wrapper .slick-dots li {
	display:block;
	margin:25px 0 !important
}
.as-hero-wrapper .slick-dots button {
	font-size:0;
	padding:0;
	background-color:transparent;
	width:8px;
	height:8px;
	line-height:0;
	border-radius:9999px;
	border:none;
	background-color:var(--white-color)
}
.as-hero-wrapper .slick-dots button:hover {
	border-color:var(--theme-color)
}
.as-hero-wrapper .slick-dots button:before {
	content:"";
	position:absolute;
	left:50%;
	top:50%;
	width:26px;
	height:26px;
	margin:-13px 0 0 -13px;
	border:2px solid var(--theme-color);
	border-radius:50%;
	-webkit-transition:all ease 0.4s;
	transition:all ease 0.4s;
	opacity:0;
	visibility:hidden
}
.as-hero-wrapper .slick-dots .slick-active button {
	background-color:var(--theme-color)
}
.as-hero-wrapper .slick-dots .slick-active button::before {
opacity:1;
visibility:visible
}
.hero-shape {
	position:absolute
}
.as-hero-bg {
	position:absolute;
	inset:0
}
.as-hero-bg img {
	height:100%;
	width:100%;
	object-fit:cover
}
.hero-subtitle {
	display:block;
	font-size:20px;
	font-weight:500;
	margin-top:-0.3em
}
.hero-title {
	font-weight:900;
	margin-bottom:24px;
	letter-spacing:0;
	word-spacing:0.1em;
	text-transform:uppercase
}
.hero-title:first-of-type {
	margin-bottom:0 !important
}
.hero-title .bg-theme {
	    padding: 0 8px;
    line-height: 1;
    background-color: unset!important;
    color: var(--theme-color);
}
.hero-text {
	max-width:525px;
	margin-bottom:30px
}
.hero-style1 {
	position:relative;
	z-index:6;
	padding:245px 0 245px 0;
	max-width:660px
}
.hero-style1 .hero-subtitle {
	color:var(--theme-color);
	margin-bottom:17px
}
.hero-1 .hero-img {
	position:absolute;
	top:0;
	right:0;
	z-index:3;
	width:45%;
	height:100%
}
.hero-1 .hero-img:before {
	content:"";
	height:100%;
	width:100%;
	background-color:var(--theme-color);
	position:absolute;
	top:0;
	right:0;
	-webkit-clip-path:polygon(115px 0, 100% 0, 100% 100%, 115px 100%, 0 50%);
	clip-path:polygon(115px 0, 100% 0, 100% 100%, 115px 100%, 0 50%)
}
.hero-1 .hero-img img {
	width:100%;
	height:100%;
	object-fit:cover;
	-webkit-clip-path:polygon(170px 0, 100% 0, 100% 100%, 170px 100%, 0 50%);
	clip-path:polygon(170px 0, 100% 0, 100% 100%, 170px 100%, 0 50%)
}
.hero-1 .hero-img .icon-btn {
--btn-size: 70px;
	line-height:60px;
	font-size:24px;
	background-color:var(--theme-color);
	color:var(--white-color);
	border-radius:10px;
	border:4px solid var(--white-color);
	position:absolute;
	top:50%;
	left:-20px;
	-webkit-transform:translateY(-50%) rotate(45deg);
	-ms-transform:translateY(-50%) rotate(45deg);
	transform:translateY(-50%) rotate(45deg)
}
.hero-1 .hero-img .icon-btn i {
	-webkit-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	transform:rotate(-45deg)
}
.hero-1 .hero-img .icon-btn:hover {
	background-color:var(--title-color)
}
@media (max-width: 1399px) {
.hero-style1 {
padding:200px 0
}
.hero-1 .hero-img {
max-width:48%
}
}
@media (max-width: 1199px) {
.hero-title {
margin-bottom:20px
}
.hero-text {
max-width:450px
}
.hero-style1 {
padding:140px 0
}
}
@media (max-width: 991px) {
.hero-style1 {
padding:80px 0;
max-width:450px
}
.hero-1 .hero-img {
max-width:34%
}
}
@media (max-width: 767px) {
.hero-1 .hero-img {
display:none
}
.hero-subtitle {
font-size:18px
}
}
.hero-meta {
	margin-bottom:20px;
	margin-top:-0.4em
}
.hero-meta span {
	    display: inline-block;
    font-size: 20px;
    text-transform: capitalize;
    color: var(--white-color);
    position: relative;
    border: 1px solid #fff;
    background: transparent;
    padding: 2px 15px 2px 28px;
   
    position: relative;
    border: 1px solid #ffffff45;
    width: max-content;
    border-radius: 70px;
    padding: 6px 20px 6px 20px;
    line-height: 19.8px;
	 font-size: 15px;
    font-weight: 500;
}
.hero-meta span:after {
	content:"";
	height:2px;
	width:30px;
	background-color:var(--white-color);
	display:inline-block;
	margin:0 15px;
	position:relative;
	top:-4px
}
.hero-meta span:last-child::after {
display:none
}
.big-text {
	font-family:var(--title-font);
	font-weight:900;
	font-size:170px;
	text-transform:uppercase;
	letter-spacing:-0.04em;
	-webkit-text-stroke:1px rgba(255, 255, 255, 0.23);
	color:transparent
}
.hero-2 .big-text {
	position:absolute;
	top:32%;
	left:9%;
	z-index:2
}
.hero-2 .hero-img {
	position:absolute;
	top:0;
	left:0;
	margin-top:100px;
	height:calc(100% - 100px);
	width:52%;
	z-index:1
}
.hero-2 .hero-img img {
	height:100%;
	width:100%
}
.hero-2 .play-btn {
	position:absolute;
	top:50%;
	margin-top:-40px;
	right:40px;
	z-index:4
}
.hero-2 .icon-box {
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	position:absolute;
	bottom:60px;
	left:9%;
	z-index:3
}
.hero-2 .icon-btn {
--btn-size: 80px;
	border-radius:0;
	font-size:26px;
	color:var(--white-color);
	background-color:var(--theme-color);
	box-shadow:0 10px 10px 10px rgba(0, 0, 0, 0.08)
}
.hero-2 .icon-btn:hover {
	color:var(--theme-color);
	background-color:var(--white-color)
}
.hero-style2 {
	position:relative;
	z-index:3;
	padding:320px 0 265px 0
}
.hero-style2 .hero-title, .hero-style2 .hero-text {
	color:var(--white-color)
}
@media (max-width: 1500px) {
.big-text {
font-size:150px
}
.hero-2 .big-text {
left:5%
}
}
@media (max-width: 1399px) {
.hero-style2 {
padding:280px 0 230px 0
}
}
@media (max-width: 1199px) {
.big-text {
font-size:130px
}
.hero-2 .hero-img {
margin-top:87px;
height:calc(100% - 87px);
width:70%
}
.hero-2 .big-text {
left:3%
}
.hero-2 .icon-box {
left:14%;
bottom:45px
}
}
@media (max-width: 991px) {
.big-text {
font-size:100px
}
.hero-2 .hero-img {
width:80%;
margin-top:89px;
height:calc(100% - 89px)
}
.hero-2 .big-text {
top:28%
}
.hero-2 .icon-box {
left:17%;
bottom:50px
}
.hero-2 .icon-btn {
--btn-size: 60px;
font-size:20px
}
.hero-style2 {
padding:200px 0 200px 0
}
}
@media (max-width: 767px) {
.hero-2 .play-btn {
display:none
}
.hero-2 .hero-img {
width:85%
}
}
@media (max-width: 575px) {
.big-text {
font-size:90px
}
.hero-2 .hero-img {
width:98%
}
}
@media (max-width: 375px) {
.hero-2 .hero-img {
margin-top:74px;
height:calc(100% - 74px);
width:100%
}
.big-text {
font-size:70px
}
.hero-style2 {
padding:160px 0 180px 0
}
}
.hero-style3 {
	padding:320px 0 235px 0
}
.hero-style3 .hero-meta span {
	text-transform:uppercase;
	-webkit-transition:0.4s ease-in-out;
	transition:0.4s ease-in-out
}
.hero-style3 .hero-meta span:not(:last-child) {
margin-right:22px
}
.hero-style3 .hero-meta span:hover {
	color:var(--theme-color)
}
.hero-style3 .hero-meta span:after {
	display:none
}
.hero-style3 .hero-title, .hero-style3 .hero-text {
	color:var(--white-color)
}
.hero-style3 .hero-text {
	max-width:680px
}
@media (max-width: 1199px) {
.hero-style3 {
padding:210px 0 180px 0
}
}
@media (max-width: 991px) {
.hero-style3 .hero-text {
max-width:540px
}
}
@media (max-width: 767px) {
.hero-style3 {
padding:170px 0 150px 0
}
.hero-style3 .hero-meta span {
font-size:18px
}
}
@media (max-width: 575px) {
.hero-style3 .hero-meta span {
font-size:16px
}
.hero-style3 .hero-meta span:not(:last-child) {
margin-right:14px
}
}
.error-content {
	text-align:center;
	max-width:580px;
	margin:0 auto
}
.error-img {
	margin-bottom:40px;
	text-align:center
}
.error-title {
	margin-bottom:22px
}
.error-text {
	margin-bottom:30px
}
@media (max-width: 991px) {
.error-img {
margin-bottom:30px
}
.error-title {
margin-bottom:15px
}
.error-text {
margin-bottom: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;
	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;
	color:var(--theme-color)
}
.popup-search-box button.searchClose:hover {
	color:var(--body-color);
	background-color:#fff;
	border-color:transparent;
	border-color:transparent;
	-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;
	width:50px;
	height:50px;
	line-height:50px;
	font-size:24px;
	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(--theme-color);
	border-color:var(--theme-color);
	-webkit-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	transform:rotate(90deg)
}
.sidemenu-wrapper .sidemenu-content {
	background-color:var(--white-color);
	    width: 378px;
    margin-left: auto;
    padding: 80px 30px 20px;
    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
}

.call-btn {
	color:var(--theme-color);
	font-size:30px;
	font-weight:bold;
	font-family:var(--title-font);
	display:inline-block
}
.call-btn .play-btn {
--icon-size: 45px;
	font-size:14px;
	margin-right:15px
}
.call-btn .play-btn>i {
	background-color:var(--theme-color);
	color:var(--white-color)
}
.call-btn .play-btn:after, .call-btn .play-btn:before {
	background-color:var(--theme-color)
}
.call-btn .fa-phone {
	font-size:22px
}
.call-btn .btn-title {
	font-size:18px;
	margin-bottom:2px;
	font-weight:bold
}
.call-btn .btn-text {
	font-size:22px
}
.call-btn.style2 {
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	gap:10px;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center
}
.call-btn.style3 {
	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
}
.call-btn.style3 .btn-title {
	font-size:16px;
	font-weight:500;
	color:var(--white-color);
	margin-bottom:0px
}
.call-btn.style3 .btn-text {
	font-size:20px;
	color:var(--white-color)
}
.call-btn.style3 .play-btn>i {
	background-color:var(--white-color);
	color:var(--theme-color)
}
.call-btn.style3 .play-btn:after, .call-btn.style3 .play-btn:before {
	background-color:var(--white-color)
}
.call-btn:hover .icon-btn {
	background-color:var(--title-color)
}
.call-btn:hover .play-btn>i {
	background-color:var(--title-color)
}
.call-btn:hover .play-btn:after, .call-btn:hover .play-btn:before {
	background-color:var(--title-color)
}
@media (max-width: 767px) {
.call-btn {
font-size:24px
}
}
@media (max-width: 375px) {
.quote-form {
padding:40px 15px
}
.quote-form.style2 {
padding:30px 15px
}
}
.box-wrap1 {
	padding:30px 22px 30px 30px;
	height:100%
}
.border-title2 {
	max-width:-webkit-fit-content;
	max-width:-moz-fit-content;
	max-width:fit-content;
	padding-right:60px;
	border-bottom:3px solid var(--theme-color);
	padding-bottom:5px;
	margin-top:-0.24em;
	margin-bottom:35px;
	position:relative
}
.border-title2:before, .border-title2:after {
	content:'';
	width:3px;
	height:3px;
	background-color:var(--theme-color);
	position:absolute;
	bottom:-3px;
	right:-7px
}
.border-title2:after {
	right:-14px
}
.contact-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;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	margin-bottom:30px
}
.contact-info:last-of-type {
	margin-bottom:0
}
.contact-info_title {
	font-size:20px;
	margin-top:-0.25em;
	margin-bottom:6px;
	min-width:100%
}
.contact-info_icon {
	display:inline-block;
	width:50px;
	min-width:50px;
	height:50px;
	line-height:50px;
	background-color:var(--theme-color);
	color:var(--white-color);
	text-align:center;
	font-size:20px;
	border-radius:5px;
	margin-right:15px
}
.contact-info_text span, .contact-info_text a {
	display:block;
	max-width:-webkit-fit-content;
	max-width:-moz-fit-content;
	max-width:fit-content
}
.contact-info_text a {
	color:var(--body-color)
}
.contact-info_text a:hover {
	color:var(--theme-color)
}
.contact-form {
	background-color:#0E121D;
	padding:40px;
	margin-bottom:-114px;
	position:relative;
	z-index:2
}
.contact-form .form-title {
	color:var(--white-color);
	text-align:center;
	margin:-0.24em auto 30px auto;
	max-width:-webkit-fit-content;
	max-width:-moz-fit-content;
	max-width:fit-content;
	padding:0 60px 5px 60px;
	border-bottom:3px solid var(--theme-color)
}
.contact-form select, .contact-form .form-control, .contact-form .form-select, .contact-form textarea, .contact-form input {
	background-color:rgba(255, 255, 255, 0.1);
	color:var(--white-color)
}
.contact-form select::-moz-placeholder, .contact-form .form-control::-moz-placeholder, .contact-form .form-select::-moz-placeholder, .contact-form textarea::-moz-placeholder, .contact-form input::-moz-placeholder {
color:var(--white-color)
}
.contact-form select::-webkit-input-placeholder, .contact-form .form-control::-webkit-input-placeholder, .contact-form .form-select::-webkit-input-placeholder, .contact-form textarea::-webkit-input-placeholder, .contact-form input::-webkit-input-placeholder {
color:var(--white-color)
}
.contact-form select:-ms-input-placeholder, .contact-form .form-control:-ms-input-placeholder, .contact-form .form-select:-ms-input-placeholder, .contact-form textarea:-ms-input-placeholder, .contact-form input:-ms-input-placeholder {
color:var(--white-color)
}
.contact-form select::-webkit-input-placeholder, .contact-form .form-control::-webkit-input-placeholder, .contact-form .form-select::-webkit-input-placeholder, .contact-form textarea::-webkit-input-placeholder, .contact-form input::-webkit-input-placeholder {
color:var(--white-color)
}
.contact-form select::-moz-placeholder, .contact-form .form-control::-moz-placeholder, .contact-form .form-select::-moz-placeholder, .contact-form textarea::-moz-placeholder, .contact-form input::-moz-placeholder {
color:var(--white-color)
}
.contact-form select:-ms-input-placeholder, .contact-form .form-control:-ms-input-placeholder, .contact-form .form-select:-ms-input-placeholder, .contact-form textarea:-ms-input-placeholder, .contact-form input:-ms-input-placeholder {
color:var(--white-color)
}
.contact-form select::-ms-input-placeholder, .contact-form .form-control::-ms-input-placeholder, .contact-form .form-select::-ms-input-placeholder, .contact-form textarea::-ms-input-placeholder, .contact-form input::-ms-input-placeholder {
color:var(--white-color)
}
.contact-form select::placeholder, .contact-form .form-control::placeholder, .contact-form .form-select::placeholder, .contact-form textarea::placeholder, .contact-form input::placeholder {
color:var(--white-color)
}
.contact-form textarea.form-control, .contact-form textarea {
	min-height:175px
}
.contact-form option {
	background-color:#272A34
}
.contact-form .form-group>i {
	color:var(--theme-color);
	background-color:#272A34
}
.contact-map {
	line-height:0.01px
}
.contact-map iframe {
	width:100%;
	height:600px
}
@media (max-width: 1399px) {
.contact-map iframe {
height:450px
}
}
@media (max-width: 991px) {
.border-title2 {
margin-bottom:30px
}
}
@media (max-width: 575px) {
.contact-form {
padding:40px 20px
}
.contact-form .form-title {
padding:0 30px 8px 30px
}
.contact-map iframe {
height:350px
}
}
.img-box1 {
	position:relative;
	margin-left:-70px;
	margin-top:40px
}
.img-box1>img {
	max-width:-webkit-fit-content;
	max-width:-moz-fit-content;
	max-width:fit-content
}
.img-box1 .shape {
	position:absolute;
	left:-55px;
	bottom:33px;
	width:100%;
	height:100%
}
.img-box1 .about-counter1 {
	position:absolute;
	top:0;
	right:-35px;
	z-index:4
}
.about-counter1 {
	width:240px;
	height:240px;
	background-color:var(--theme-color);
	border-radius:999px;
	border:20px solid var(--white-color);
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-webkit-flex-direction:column;
	-ms-flex-direction:column;
	flex-direction:column;
	-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
}
.about-counter1 .counter-title {
	font-size:64px;
	color:var(--white-color);
	margin-bottom:8px;
	line-height:1
}
.about-counter1 .counter-text {
	font-weight:500;
	color:var(--white-color)
}
.signature-box {
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	gap:20px;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center
}
.signature-box-wrap {
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	-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;
	gap:15px;
	max-width:500px
}
.signature-box .avater img {
	border-radius:999px;
	width:55px
}
.signature-box .content {
	text-align:center
}
.signature-box .desig {
	font-size:14px;
	font-weight:500;
	border-top:1px solid var(--border-color);
	margin-top:4px;
	display:block
}
.about-bg-shape {
	position:relative;
	padding:30px 0
}
.about-bg-shape .shape {
	position:absolute;
	top:0;
	left:-100%;
	height:100%;
	width:100%;
	z-index:-1
}
.about-bg-shape .shape img {
	object-fit:cover;
	height:100%;
	max-width:-webkit-fit-content;
	max-width:-moz-fit-content;
	max-width:fit-content;
	background-color:#F8F8F8
}
@media (max-width: 1399px) {
.about-bg-shape .shape {
left:-350px
}
.about-bg-shape .shape img {
max-width:calc(100% + 370px)
}
}
@media (max-width: 1199px) {
.img-box1 {
display:inline-block;
margin-left:0;
margin-bottom:40px
}
.img-box1>img {
max-width:100%
}
.img-box1 .shape {
left:-40px
}
.img-box1 .about-counter1 {
right:0
}
.about-bg-shape {
padding:30px
}
.about-bg-shape .shape {
left:0
}
.about-bg-shape .shape img {
max-width:100%
}
}
@media (max-width: 767px) {
.about-counter1 {
width:160px;
height:160px;
border:10px solid var(--white-color)
}
.about-counter1 .counter-title {
font-size:42px;
margin-bottom:5px
}
.about-counter1 .counter-text {
font-size:14px
}
}
@media (max-width: 575px) {
.img-box1 {
margin-top:20px
}
.img-box1 .shape {
left:0;
bottom:20px
}
}
@media (max-width: 375px) {
.about-bg-shape {
padding:15px 15px
}
}
.img-box2 {
	position:relative
}
.img-box2 .img1 img {
	width:100%
}
.img-box2 .about-counter2 {
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%)
}
.about-counter2 {
	background-color:var(--white-color);
	border-radius:999px;
	width:250px;
	height:250px;
	text-align:center;
	padding:80px 10px;
	background-position:4px 4px;
	background-size:calc(100% - 8px) calc(100% - 8px)
}
.about-counter2 .counter-title {
	color:var(--theme-color);
	font-size:64px;
	margin-bottom:0
}
.about-counter2 .counter-text {
	color:var(--title-color);
	font-weight:500
}
.list-collumn2 {
	display:grid;
	grid-template-columns:repeat(2, 1fr);
	border-bottom:1px solid var(--border-color);
	padding-bottom:25px;
	margin-bottom:30px;
	gap:4px
}
.video-btn .play-btn {
--icon-size: 45px;
	font-size:14px;
	margin-right:15px
}
.video-btn .play-btn>i {
	background-color:var(--theme-color);
	color:var(--white-color)
}
.video-btn .play-btn:after, .video-btn .play-btn:before {
	background-color:var(--theme-color)
}
.video-btn .btn-text {
	font-weight:600;
	display:inline-block;
	position:relative;
	color:var(--title-color);
	line-height:1.2;
	border-bottom:2px solid;
	-webkit-transition:0.3s ease-in-out;
	transition:0.3s ease-in-out
}
.video-btn:hover .btn-text {
	color:var(--theme-color)
}
.video-btn:hover .play-btn>i {
	background-color:var(--title-color)
}
.video-btn:hover .play-btn:after, .video-btn:hover .play-btn:before {
	background-color:var(--title-color)
}
@media (max-width: 1199px) {
.img-box2 {
margin-bottom:40px
}
}
@media (max-width: 575px) {
.list-collumn2 {
grid-template-columns:repeat(1, 1fr)
}
.about-counter2 {
width:180px;
height:180px;
padding:50px 10px;
background-position:3px 3px;
background-size:calc(100% - 6px) calc(100% - 6px)
}
.about-counter2 .counter-title {
font-size:44px
}
}
.img-box4 {
	position:relative;
	z-index:2
}
.img-box4 .img1 {
	padding-top:25px;
	padding-bottom:140px
}
.img-box4 .img2 {
	border:10px solid #FFFFFF;
	display:inline-block;
	position:absolute;
	bottom:0;
	right:0;
	-webkit-animation:moving 8s linear infinite;
	animation:moving 8s linear infinite
}
.img-box4 .shape1 {
	position:absolute;
	top:0;
	right:15%;
	z-index:-1;
	-webkit-animation:jumpReverseAni 7s linear infinite;
	animation:jumpReverseAni 7s linear infinite
}
.img-box4 .shape2 {
	position:absolute;
	bottom:55px;
	left:-40px;
	z-index:-1;
	-webkit-animation:movingX 8s linear infinite;
	animation:movingX 8s linear infinite
}
.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:20px;
	margin-top:-0.2em;
	margin-bottom:30px;
	padding-right:45px
}
.about-feature_icon {
	width:80px;
	height:80px;
	line-height:80px;
	min-width:80px;
	background-color:rgba(255, 76, 19, 0.1);
	border-radius:5px;
	text-align:center
}
.about-feature_title {
	font-size:20px;
	margin-bottom:9px
}
.about-feature_text {
	margin-bottom:-0.1em;
	line-height:26px
}
@media (max-width: 1199px) {
.img-box4 .img1 {
padding-top:0
}
}
@media (max-width: 991px) {
.img-box4 {
margin-bottom:30px
}
.img-box4 .img1 {
padding-bottom:100px
}
}
@media (max-width: 575px) {
.about-feature {
padding-right:0
}
.img-box4 .img2 {
max-width:70%
}
}
@media (max-width: 375px) {
.about-feature {
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap
}
}
.growth-chart {
	box-shadow:0px 10px 30px rgba(7, 36, 95, 0.08);
	width:100%
}
.growth-chart img {
	width:100%
}
.bg-half-right {
	position:absolute;
	top:0;
	right:0;
	width:48%;
	height:100%;
	background-size:auto;
	background-repeat:repeat
}
.quote-style1 {
	color:var(--title-color);
	font-weight:600;
	line-height:28px;
	position:relative;
	padding-left:15px;
	margin-bottom:25px
}
.quote-style1::before {
content:'';
width:3px;
height:calc(100% - 14px);
position:absolute;
left:0;
top:7px;
background-color:var(--theme-color)
}
@media (max-width: 1199px) {
.bg-half-right {
width:100%;
height:40%
}
}
.img-box5 {
	z-index:3;
	margin-left:0
}
.img-box5 .img1, .img-box5 .img2 {
	z-index:3
}
.img-box5 .img1 img, .img-box5 .img2 img {
	border-radius:10px
}
.img-box5 .img1 {
	-webkit-transform:translateY(-40px);
	-ms-transform:translateY(-40px);
	transform:translateY(-40px);
	padding-bottom:178px
}
.img-box5 .img2 {
	position:absolute;
	bottom:0;
	right:0
}
.img-box5 .shape {
	z-index:-1;
	left:-80px
}
.img-box5 .about-counter1 {
	right:25px
}
@media (max-width: 1199px) {
.img-box5 {
display:block;
max-width:860px
}
.img-box5 .img1 {
padding-bottom:80px
}
.img-box5 .shape {
left:-40px
}
}
@media (max-width: 575px) {
.img-box5 {
margin-top:40px
}
.img-box5 .img1 {
max-width:90%;
padding-bottom:40px
}
.img-box5 .img2 {
max-width:80%
}
}
.as-team .team-img {
	-webkit-transition:0.4s ease-in-out;
	transition:0.4s ease-in-out
}
.as-team .play-btn {
	position:relative;
	z-index:3;
	border:none;
	background-color:transparent;
	padding:0
}
.as-team .play-btn>i {
	background-color:var(--theme-color);
	color:var(--white-color);
--icon-size: 40px
}
.as-team .play-btn:before, .as-team .play-btn:after {
	background-color:var(--theme-color)
}
.as-team .play-btn:hover {
	-webkit-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg)
}
.as-team .as-social {
	position:absolute;
	width:40px;
	bottom:50px;
	right:0
}
.as-team .as-social a {
	margin-right:0;
	margin-bottom:7px;
	background-color:var(--white-color);
	color:var(--theme-color);
	box-shadow:0px 5px 18px rgba(76, 88, 104, 0.06);
	visibility:hidden;
	opacity:0;
	-webkit-transform:translateY(45px);
	-ms-transform:translateY(45px);
	transform:translateY(45px);
	-webkit-transition:0.3s ease-in-out;
	transition:0.3s ease-in-out
}
.as-team .as-social a:nth-child(1) {
-webkit-transition-delay:0s;
transition-delay:0s
}
.as-team .as-social a:nth-child(2) {
-webkit-transition-delay:0.1s;
transition-delay:0.1s
}
.as-team .as-social a:nth-child(3) {
-webkit-transition-delay:0.2s;
transition-delay:0.2s
}
.as-team .as-social a:nth-child(4) {
-webkit-transition-delay:0.3s;
transition-delay:0.3s
}
.as-team .as-social a:hover {
	background-color:var(--theme-color);
	color:var(--white-color)
}
.as-team .team-social {
	position:absolute;
	top:-20px;
	right:30px
}
.as-team .team-social:hover .as-social a {
	visibility:visible;
	opacity:1;
	-webkit-transform:translateY(0);
	-ms-transform:translateY(0);
	transform:translateY(0)
}
.as-team .team-social:hover .as-social a:nth-child(4) {
-webkit-transition-delay:0s;
transition-delay:0s
}
.as-team .team-social:hover .as-social a:nth-child(3) {
-webkit-transition-delay:0.1s;
transition-delay:0.1s
}
.as-team .team-social:hover .as-social a:nth-child(2) {
-webkit-transition-delay:0.2s;
transition-delay:0.2s
}
.as-team .team-social:hover .as-social a:nth-child(1) {
-webkit-transition-delay:0.3s;
transition-delay:0.3s
}
.as-team:hover .team-img img {
	-webkit-transform:scale(1.08);
	-ms-transform:scale(1.08);
	transform:scale(1.08)
}
.team-card {
	position:relative
}
.team-card .team-img {
	overflow:hidden;
	border-radius:10px 10px 0 0
}
.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:24px;
	margin-bottom:4px;
	margin-top:-0.24em;
	-webkit-transition:0.1s ease-in-out;
	transition:0.1s ease-in-out
}
.team-card .team-title a {
	color:inherit
}
.team-card .team-title a:hover {
	color:var(--title-color)
}
.team-card .team-desig {
	color:var(--theme-color);
	display:block;
	font-family:var(--title-font);
	margin-bottom:-0.45em;
	-webkit-transition:0.4s ease-in-out;
	transition:0.4s ease-in-out
}
.team-card .team-content {
	border-radius:0 0 10px 10px;
	background-color:var(--theme-color);
	text-align:center;
	padding:40px 15px 40px 15px;
	box-shadow:0px 10px 15px rgba(7, 36, 95, 0.07);
	position:relative;
	z-index:2
}
.team-card .team-content:before {
	content:'';
	width:100%;
	height:100%;
	background-color:var(--white-color);
	position:absolute;
	top:0;
	left:0;
	-webkit-transition:0.4s ease-in-out;
	transition:0.4s ease-in-out;
	z-index:-1;
	border-radius:0 0 9px 9px
}
.team-card:hover .team-content:before {
	height:0
}
.team-card:hover .play-btn>i {
	background-color:var(--white-color);
	color:var(--theme-color)
}
.team-card:hover .play-btn::before, .team-card:hover .play-btn:after {
background-color:var(--white-color)
}
.team-card:hover .team-title {
	color:var(--white-color)
}
.team-card:hover .team-desig {
	color:var(--white-color)
}
.team-box {
	position:relative;
	max-width:430px;
	margin:0 auto;
	-webkit-filter:drop-shadow(4px 10px 7px rgba(7, 36, 95, 0.05));
	filter:drop-shadow(4px 10px 7px rgba(7, 36, 95, 0.05))
}
.team-box .team-img {
	overflow:hidden;
	position:relative;
	border-radius:10px 10px 0 0;
	width:calc(100% - 78px)
}
.team-box .team-img img {
	width:100%;
	-webkit-transition:0.4s ease-in-out;
	transition:0.4s ease-in-out
}
.team-box .team-content {
	text-align:center;
	width:calc(100% - 78px);
	padding:35px 15px;
	border-radius:0 0 0 10px;
	background-color:var(--white-color)
}
.team-box .team-title {
	font-size:24px;
	margin-bottom:4px;
	margin-top:-0.24em
}
.team-box .team-title a {
	color:inherit
}
.team-box .team-title a:hover {
	color:var(--theme-color)
}
.team-box .team-desig {
	display:block;
	margin-bottom:-0.45em
}
.team-box .team-social {
	top:unset;
	bottom:0;
	right:0;
	height:100%;
	width:78px
}
.team-box .team-social:after, .team-box .team-social:before {
	content:'';
	height:190px;
	width:100%;
	background-color:var(--white-color);
	border-radius:0 10px 10px 0;
	position:absolute;
	bottom:0;
	right:0;
	-webkit-transition:0.4s ease-in-out;
	transition:0.4s ease-in-out
}
.team-box .team-social:before {
	-webkit-clip-path:polygon(0 0, 100% 35px, 100% 100%, 0% 100%);
	clip-path:polygon(0 0, 100% 35px, 100% 100%, 0% 100%)
}
.team-box .team-social:after {
	height:0;
	bottom:155px;
	background-color:var(--title-color);
	border-radius:0 10px 0 0;
	z-index:-2
}
.team-box .team-social:hover:after {
	height:calc(100% - 155px)
}
.team-box .team-social:hover .play-btn {
	-webkit-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg)
}
.team-box .play-btn {
	position:absolute;
	top:unset;
	bottom:150px;
	left:50%;
	margin-left:-20px
}
.team-box .as-social {
	bottom:200px;
	right:50%;
	margin-right:-20px
}
.team-box:hover .team-img {
	border-radius:10px 0 0 0
}
@media (max-width: 375px) {
.team-box .team-img img {
height:295px;
object-fit:cover
}
.team-box .team-title {
font-size:20px;
margin-bottom:2px
}
}
.about-card {
	background-color:var(--white-color);
	padding:40px;
	box-shadow:0px 4px 20px rgba(0, 15, 87, 0.1)
}
.about-card_box {
	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
}
.about-card_title {
	margin-top:-0.2em;
	margin-bottom:5px
}
.about-card_desig {
	font-weight:500;
	color:var(--theme-color)
}
.about-card .as-social a {
	background-color:var(--body-color);
	color:var(--white-color);
--icon-size: 30px;
	font-size:12px
}
.about-card .as-social a:not(:last-child) {
margin-right:3px
}
.about-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;
	padding-top:23px;
	padding-bottom:23px;
	margin-bottom:23px;
	margin-top:23px;
	border-bottom:1px solid;
	border-top:1px solid;
	border-color:var(--border-color)
}
.about-info .info-text {
	color:var(--body-color);
	margin-bottom:0;
	display:block;
	width:-webkit-fit-content;
	width:-moz-fit-content;
	width:fit-content
}
.info-title {
	font-size:16px;
	border-bottom:1px solid var(--theme-color);
	width:-webkit-fit-content;
	width:-moz-fit-content;
	width:fit-content;
	margin-bottom:10px
}
.skill-progress {
	margin-bottom:21px
}
.skill-progress-wrap {
	background-color:#f8f8f8;
	height:100%;
	padding:40px
}
.skill-progress:last-child {
	margin-bottom:0
}
.skill-progress_title, .skill-progress .progress-value {
	margin-top:-0.3em;
	margin-bottom:8px;
	color:var(--title-color);
	font-size:16px;
	font-weight:500
}
.skill-progress .progress-value {
	margin-bottom:0;
	position:absolute;
	top:-30px;
	right:0
}
.skill-progress .progress {
	background-color:var(--border-color)
}
.border-title {
	border-bottom:1px solid var(--border-color);
	margin-top:-0.24em;
	margin-bottom:25px;
	padding-bottom:5px
}
@media (max-width: 1199px) {
.about-card_img {
margin-bottom:40px
}
}
@media (max-width: 767px) {
.about-info-wrap {
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
gap:15px
}
}
@media (max-width: 575px) {
.about-card {
padding:20px
}
.about-card_box {
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
gap:15px
}
}
@media (max-width: 400px) {
.skill-progress-wrap {
padding:40px 20px
}
.skill-progress .progress-bar {
position:static
}
}
.testi-box {
	overflow:hidden
}
.testi-box_content {
	padding:60px 30px 30px 30px;
	border-radius:10px;
	background-color:var(--white-color)
}
.testi-box_img {
	margin-left:30px;
	margin-bottom:-40px;
	width:80px
}
.testi-box_img img {
	border-radius:999px
}
.testi-box_name {
	font-size:24px;
	margin-bottom:4px;
	margin-top:-0.24em;
	font-weight:700
}
.testi-box_desig {
	color:var(--theme-color);
	margin-bottom:15px;
	display:block
}
.testi-box_text {
	padding-left:19px;
	margin-bottom:-0.45em;
	position:relative
}
.testi-box_text:before {
	content:'';
	height:calc(100% - 14px);
	width:4px;
	background-color:var(--theme-color);
	position:absolute;
	top:7px;
	left:0
}

.testi-card {
	    background-color: var(--white-color);
    padding: 25px;
    box-shadow: 0px 4px 14px rgba(7, 36, 95, 0.06);
    margin-bottom: 30px;
    position: relative;
    border: 20px solid var(--theme-color);
    border-radius: 5px;
}
	
.testi-card p{
	margin-bottom:10px;
}

.testi-card_img {
	margin-bottom:10px;
	position:relative;
	display:inline-block;
	border: 5px solid var(--theme-color);
    padding: 5px;
}
.testi-card_img>img {
	border-radius:50%
}
.testi-card_quote {
	text-align:center;
	background-color:var(--white-color);
	width:22px;
	height:22px;
	border-radius:3px;
	box-shadow:0px 4px 10px rgba(7, 36, 95, 0.15);
	line-height:19px;
	position:absolute;
	bottom:0;
	right:0;
	-webkit-transform:skewY(-25deg);
	-ms-transform:skewY(-25deg);
	transform:skewY(-25deg)
}
.testi-card_quote img {
	-webkit-transform:skewY(25deg);
	-ms-transform:skewY(25deg);
	transform:skewY(25deg)
}
.testi-card_name {
	font-size:22px;
	margin-bottom:4px
}
.testi-card_desig {
	margin-bottom:-0.45em;
	display:block
}
.testi-card_text {
	margin-bottom:15px
}
.testi-card_review{
	margin-top:10px;
}
.testi-card_review i{
	color:#ffa500;
	font-size: 14px;
    margin-right: 3px;
}
@media (max-width: 375px) {
.testi-card {
padding:40px 20px
}
}
.counter-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:10px
}
.counter-card-wrap {
	padding:65px
}
.counter-card-wrap2 {
	padding:60px 0
}
.counter-card_icon {
	width:80px;
	height:80px;
	line-height:70px;
	background-color:var(--theme-color);
	border:10px solid #bdbdbd;
	border-radius:50%;
	box-sizing:content-box;
	text-align:center
}
.counter-card_icon img {
	-webkit-transition:0.4s ease-in-out;
	transition:0.4s ease-in-out
}
.counter-card_number {
	color:var(--white-color);
	margin-bottom:5px;
	margin-top:-0.24em
}
.counter-card_text {
	color:var(--white-color);
	display:block;
	margin-bottom:-0.45em
}
.counter-card:hover .counter-card_icon img {
	-webkit-transform:rotateY(180deg);
	transform:rotateY(180deg)
}
.counter-card.style2 .counter-card_icon {
	border:none
}
@media (max-width: 1399px) {
.counter-card_number {
max-width:110px
}
}
@media (max-width: 1199px) {
.counter-card_number {
font-size:40px
}
}
@media (max-width: 767px) {
.counter-card {
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-webkit-flex-direction:column;
-ms-flex-direction:column;
flex-direction:column;
gap:20px;
text-align:center
}
.counter-card_number {
max-width:100%
}
}
@media (max-width: 375px) {
.counter-card-wrap {
padding:65px 20px
}
}
.counter-grid {
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	gap:20px;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center
}
.counter-grid-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;
	gap:25px 20px;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap
}
.counter-grid_icon {
	min-width:55px
}
.counter-grid_icon img {
	-webkit-transition:0.4s ease-in-out;
	transition:0.4s ease-in-out
}
.counter-grid_number {
	color:var(--theme-color);
	margin-bottom:0;
	margin-top:-0.2em
}
.counter-grid_text {
	color:var(--title-color);
	font-size:14px;
	font-weight:500;
	text-transform:uppercase;
	display:block;
	margin-bottom:-0.45em
}
.counter-grid:hover .counter-grid_icon img {
	-webkit-transform:rotateY(180deg);
	transform:rotateY(180deg)
}
.blog-card .blog-title {
	font-size:24px;
	margin-top:-0.24em;
	line-height:1.417;
	font-weight:700;
	margin-bottom:15px
}
.blog-card .blog-img {
	overflow:hidden
}
.blog-card .blog-img img {
	width:100%;
	-webkit-transition:0.4s ease-in-out;
	transition:0.4s ease-in-out
}
.blog-card .blog-content {
	padding:40px 30px;
	box-shadow:0px 6px 15px rgba(7, 36, 95, 0.07);
	background-color:var(--white-color)
}
.blog-card .blog-meta {
	margin-bottom:20px;
	display:inline-block
}
.blog-card .blog-meta span, .blog-card .blog-meta a {
	margin-left:0;
	margin-right:16px;
	padding-right:20px
}
.blog-card .blog-meta span:after, .blog-card .blog-meta a:after {
	content:'';
	height:20px;
	width:1px;
	background-color:rgba(0, 15, 87, 0.3);
	position:absolute;
	top:50%;
	right:0;
	margin-top:-10px
}
.blog-card .blog-meta span:last-child, .blog-card .blog-meta a:last-child {
	padding-right:0;
	margin-right:0
}
.blog-card .blog-meta span:last-child:after, .blog-card .blog-meta a:last-child:after {
	display:none
}
.blog-card .blog-meta.style2 {
	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;
	padding:13px 18px;
	background-color:var(--title-color);
	position:relative;
	margin-top:-28px;
	margin-bottom:35px
}
.blog-card .blog-meta.style2:before {
	content:'';
	height:100%;
	width:56%;
	background-color:var(--theme-color);
	position:absolute;
	top:0;
	left:0;
	-webkit-clip-path:polygon(calc(100% - 25px) 0, 100% 50%, calc(100% - 25px) 100%, 0 100%, 0 0);
	clip-path:polygon(calc(100% - 25px) 0, 100% 50%, calc(100% - 25px) 100%, 0 100%, 0 0)
}
.blog-card .blog-meta.style2 span, .blog-card .blog-meta.style2 a {
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	-ms-flex-pack:justify;
	justify-content:space-between;
	color:var(--white-color);
	margin-right:0 !important;
	padding-right:0 !important
}
.blog-card .blog-meta.style2 span::after, .blog-card .blog-meta.style2 a::after {
display:none
}
.blog-card .blog-meta.style2 span:hover, .blog-card .blog-meta.style2 a:hover {
	color:var(--white-color)
}
.blog-card .blog-text {
	margin-bottom:20px
}
.blog-card .line-btn {
	margin-bottom:-0.1em;
	display:block;
	width:-webkit-fit-content;
	width:-moz-fit-content;
	width:fit-content
}
.blog-card:hover .blog-img img {
	-webkit-transform:scale(1.08);
	-ms-transform:scale(1.08);
	transform:scale(1.08)
}
@media (max-width: 1399px) {
.blog-card .blog-content {
padding:40px 20px
}
}
@media (max-width: 1199px) {
.blog-card .blog-content {
padding:40px 40px
}
}
@media (max-width: 991px) {
.blog-card .blog-title {
font-size:22px
}
.blog-card .blog-content {
padding:40px 20px
}
}
@media (max-width: 767px) {
.blog-card .blog-content {
padding:40px
}
.blog-card .blog-title {
font-size:24px
}
}
@media (max-width: 410px) {
.blog-card .blog-content {
padding:40px 20px
}
.blog-card .blog-meta span:not(:last-child), .blog-card .blog-meta a:not(:last-child) {
padding-right:12px;
margin-right:8px
}
}
@media (max-width: 375px) {
.blog-card .blog-title {
font-size:20px;
line-height:1.5
}
}
@media (max-width: 350px) {
.blog-card .blog-title {
font-size:18px;
line-height:1.6;
margin-bottom:10px
}
.blog-card .blog-text {
font-size:14px;
margin-bottom:15px
}
.blog-card .blog-meta.style2 {
padding:10px 10px;
margin:-25px -20px 35px -20px
}
}
.brand-box {
	padding:25px 15px
}
.brand-box-wrap {
	background-color:var(--white-color);
	box-shadow:-1000px 0 0 0 var(--white-color)
}
.brand-icon-wrap {
	height:100%;
	background-color:var(--body-color);
	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;
	-webkit-clip-path:polygon(50px 0%, 100% 0, 100% 100%, 50px 100%, 0% 50%);
	clip-path:polygon(50px 0%, 100% 0, 100% 100%, 50px 100%, 0% 50%)
}
.brand-icon-wrap .slick-arrow {
	margin-left:25px;
	top:0
}
@media (max-width: 1399px) {
.brand-box-wrap {
box-shadow:-200px 0 0 0 var(--white-color)
}
}
@media (max-width: 767px) {
.brand-icon-wrap .slick-arrow {
margin-right:0
}
}
@media (max-width: 575px) {
.brand-box {
text-align:center
}
}
.brand-grid {
	text-align:center
}
.brand-grid-wrap {
	display:grid;
	grid-template-columns:repeat(6, 1fr);
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	-ms-flex-pack:justify;
	justify-content:space-between;
	gap:70px 155px
}
@media (max-width: 1300px) {
.brand-grid-wrap {
gap:70px 130px
}
}
@media (max-width: 1199px) {
.brand-grid-wrap {
grid-template-columns:repeat(5, 1fr);
gap:70px 130px
}
}
@media (max-width: 991px) {
.brand-grid-wrap {
gap:70px 75px
}
}
@media (max-width: 767px) {
.brand-grid-wrap {
grid-template-columns:repeat(4, 1fr);
gap:50px
}
}
@media (max-width: 375px) {
.brand-grid-wrap {
grid-template-columns:repeat(3, 1fr)
}
}


.feature-grid {
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	gap:20px;
	padding:40px 0;
	position:relative;
	z-index:2
}
.feature-grid-wrap {
	display:grid;
	grid-template-columns:repeat(3, 1fr);
	padding:0 30px;
	box-shadow:0px 10px 30px rgba(7, 36, 95, 0.08);
	background-color:var(--white-color);
	margin-top:-60px;
	position:relative;
	z-index:4
}
.feature-grid:not(:last-child) {
padding-right:40px
}
.feature-grid_icon img {
	min-width:50px;
	-webkit-transition:0.4s ease-in-out;
	transition:0.4s ease-in-out
}
.feature-grid_title {
	font-size:24px;
	margin-bottom:10px;
	margin-top:-0.24em
}
.feature-grid_text {
	margin-bottom:-0.5em
}
.feature-grid:nth-child(even):before {
content:'';
height:100%;
width:calc(100% + 60px);
background-color:var(--theme-color);
position:absolute;
top:0;
left:-60px;
z-index:-1;
-webkit-clip-path:polygon(0 0, calc(100% - 60px) 0%, 100% 50%, calc(100% - 60px) 100%, 0 100%, 60px 50%);
clip-path:polygon(0 0, calc(100% - 60px) 0%, 100% 50%, calc(100% - 60px) 100%, 0 100%, 60px 50%)
}
.feature-grid:nth-child(even) .feature-grid_title, .feature-grid:nth-child(even) .feature-grid_text, .feature-grid:nth-child(even) .feature-grid_icon img {
-webkit-filter:brightness(0) invert(1);
filter:brightness(0) invert(1)
}
.feature-grid:hover .feature-grid_icon img {
	-webkit-transform:rotateY(180deg);
	transform:rotateY(180deg)
}
@media (max-width: 1199px) {
.feature-grid {
padding:30px 0
}
.feature-grid:not(:last-child) {
padding-right:22px
}
.feature-grid:nth-child(even):before {
width:calc(100% + 50px);
left:-44px;
-webkit-clip-path:polygon(0 0, calc(100% - 55px) 0%, 100% 50%, calc(100% - 55px) 100%, 0 100%, 55px 50%);
clip-path:polygon(0 0, calc(100% - 55px) 0%, 100% 50%, calc(100% - 55px) 100%, 0 100%, 55px 50%)
}
}
@media (max-width: 991px) {
.feature-grid-wrap {
grid-template-columns:repeat(1, 1fr)
}
.feature-grid:not(:last-child) {
padding-right:0
}
.feature-grid:nth-child(even) {
padding-left:30px
}
.feature-grid:nth-child(even):before {
width:calc(100% + 60px);
left:-30px
}
}
@media (max-width: 480px) {
.feature-grid-wrap {
padding:0 15px
}
.feature-grid:nth-child(even) {
padding-left:0
}
.feature-grid:nth-child(even):before {
width:calc(100% + 30px);
left:-15px;
-webkit-clip-path:none;
clip-path:none
}
}
.checklist ul {
	padding-left:0;
	list-style:none;
	text-align:left;
	margin-bottom:0
}
.checklist li {
	color:var(--title-color);
	margin-bottom:10px;
	font-weight:500;
	position:relative;
	padding-left:24px
}
.checklist li:before {
	content:"\f058";
	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
}
.checklist li:last-child {
	margin-bottom:0
}
.checklist.style2 li {
	font-family:var(--body-font);
	font-weight:400;
	color:var(--body-color);
	margin-bottom:5px
}
.checklist.style2 li:before {
	content:"\f336"
}
.checklist.style2 li:last-child {
	margin-bottom:0
}
.checklist.style3 li {
	font-family:var(--title-font);
	font-weight:600;
	color:var(--title-color);
	padding-left:36px
}
.checklist.style3 li:not(:last-child) {
margin-bottom:20px
}
@media (max-width: 575px) {
.checklist.style3 li:not(:last-child) {
margin-bottom:14px
}
}
.checklist.style3 li:before {
	content:"";
	font-size:0;
	background-image:url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect opacity='0.2' width='26' height='26' rx='5' fill='%23FF4C13'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.4996 9.56685L9.60117 14.1326L9.60095 17.0845C9.60082 18.708 9.58812 20.2556 9.57267 20.5235C9.55364 20.8537 9.5589 21.0053 9.58906 20.9941C9.61349 20.985 12.699 17.4257 16.4458 13.0845C20.1926 8.74332 23.2977 5.14811 23.3461 5.09519C23.3946 5.04227 23.4261 4.99941 23.4161 5.00001C23.4061 5.00056 20.2937 7.05566 16.4996 9.56685Z' fill='%23FF4C13'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.65376 12.5393L9.6311 14.1335V18.2074C9.63116 19.3669 9.59351 20.472 9.59976 20.6634C9.60746 20.8992 9.60533 21.0074 9.59313 20.9994C9.58325 20.9929 8.33528 18.4511 6.8199 15.3509C5.3045 12.2507 4.0486 9.68317 4.02902 9.64537C4.00943 9.60758 3.99669 9.57697 4.00074 9.5774C4.00477 9.57779 4.40641 9.87686 7.65376 12.5393Z' fill='%23FF4C13'/%3E%3C/svg%3E");
	height:26px;
	width:26px
}
@media (max-width: 1199px) {
.checklist.mb-40 {
margin-bottom:32px
}
}
@media (max-width: 1199px) {
.checklist.mb-45 {
margin-bottom:35px
}
}
.arrow-list-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;
	gap:30px;
	margin-bottom:30px;
	padding-bottom:30px;
	border-bottom:1px solid var(--border-color)
}
@media (max-width: 767px) {
.arrow-list-wrap {
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap
}
}
.arrow-list ul {
	padding-left:0;
	list-style:none;
	text-align:left;
	margin-bottom:0
}
.arrow-list li {
	color:var(--title-color);
	margin-bottom:10px;
	position:relative;
	padding-left:28px
}
.arrow-list li:before {
	content:"\f178";
	font-family:var(--icon-font);
	font-weight:600;
	color:var(--theme-color);
	position:absolute;
	left:0;
	-webkit-transition:0.3s ease-in-out;
	transition:0.3s ease-in-out
}
.arrow-list li:last-child {
	margin-bottom:0
}
.bg-img {
	position:absolute;
	inset:0;
	height:100%;
	width:100%
}
.bg-img img {
	width:100%;
	height:100%
}
.img-left {
	position:absolute;
	top:0;
	left:0;
	z-index:2;
	height:100%;
	width:48%
}
.img-left img {
	height:100%;
	width:100%;
	object-fit:cover;
	object-position:top right
}
@media (max-width: 1199px) {
.img-left {
position:relative;
width:100%
}
}
.as-video {
	position:relative;
	border-radius:5px
}
.as-video img {
	border-radius:inherit
}
.as-video .play-btn {
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%)
}
.as-video .play-btn>i {
	background-color:var(--theme-color);
	color:var(--white-color)
}
.icon-box .slick-arrow:first-child {
	margin-right:5px
}
.btn-wrap {
	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;
	gap:15px 30px
}
@media (max-width: 1199px) {
p.mb-30 {
margin-bottom:25px
}
p.mb-35 {
margin-bottom:28px
}
p.mb-40 {
margin-bottom:32px
}
p.mb-45 {
margin-bottom:35px
}
}
.video-box1 {
	position:relative;
	z-index:2;
	line-height:0
}
.video-box1 .img1 {
	border-radius:10px;
	overflow:hidden;
	display:inline-block;
	position:absolute;
	top:0;
	left:0
}
.video-box1 .bg-shape {
	border-radius:10px;
	overflow:hidden;
	display:inline-block;
	z-index:-1;
	width:79%
}
.video-box1 .play-bg {
	display:inline-block;
	padding:50px 50px 70px 50px;
	border-radius:10px;
	position:absolute;
	bottom:0;
	left:21%
}
.video-box1 .play-btn:hover:before, .video-box1 .play-btn:hover:after {
	background-color:var(--title-color)
}
.video-box1 .play-btn:hover i {
	background-color:var(--title-color)
}
.mission-area {
	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
}
.mission-box {
	width:100%
}
.mission-box-wrap {
	width:100%
}
.mission-box .mission-title {
	margin-bottom:10px;
	margin-top:-0.2em
}
.mission-box .mission-text {
	margin-bottom:18px
}
.mission-box .mission-img img {
	max-width:-webkit-fit-content;
	max-width:-moz-fit-content;
	max-width:fit-content;
	border-radius:5px
}
.mission-box .checklist-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;
	gap:20px
}
@media (max-width: 1199px) {
.video-box1 {
margin-bottom:40px
}
}
@media (max-width: 767px) {
.video-box1 .img1 {
width:95%
}
.video-box1 .bg-shape {
width:88%
}
.video-box1 .play-bg {
left:12%;
padding:40px 40px 50px 40px
}
}
@media (max-width: 575px) {
.mission-area {
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap
}
}
.progress {
	position:relative;
	height:6px;
	background-color:var(--white-color);
	overflow:visible;
	border-radius:99px
}
.progress-bar {
	background-color:var(--theme-color);
	border-radius:inherit;
	position:relative;
	overflow:visible
}
.skill-feature {
	margin-bottom:35px
}
.skill-feature.style2 {
	margin-bottom:25px
}
.skill-feature:last-child {
	margin-bottom:0 !important
}
.skill-feature_title, .skill-feature .progress-value {
	font-family:var(--title-font);
	margin-top:-0.3em;
	font-size:16px;
	font-weight:500;
	margin-bottom:12px
}
.skill-feature .progress-value {
	margin-bottom:0;
	position:absolute;
	top:-35px;
	right:0;
	color:var(--title-color)
}
.skill-feature .progress {
	background-color:var(--smoke-color)
}
.img-box3 {
	position:relative;
	height:100%
}
.img-box3 .img1 {
	padding-bottom:80px
}
.img-box3 .img1 img {
	border-radius:10px
}
.img-box3 .mission-box {
	box-shadow:0px 10px 20px rgba(7, 36, 95, 0.06);
	border-radius:10px;
	background-color:var(--white-color);
	padding:30px;
	position:absolute;
	bottom:0;
	right:-30px;
	max-width:395px
}
@media (max-width: 1399px) {
.img-box3 .mission-box {
right:-12px
}
}
@media (max-width: 1199px) {
.img-box3 {
margin-bottom:20px
}
.img-box3 .img1 img {
max-width:700px;
width:100%
}
}
@media (max-width: 575px) {
.img-box3 .img1 img {
height:460px
}
}
.as-video3 {
	position:relative;
	z-index:2
}
.as-video3 img {
	width:100%
}
.as-video3 .play-btn {
	position:absolute;
	top:22%;
	right:25%
}
.progress.style2 {
	background-color:var(--border-color);
	height:10px;
	border-radius:0
}
.progress.style2 .progress-bar {
	background-color:var(--theme-color);
	height:4px;
	margin:3px
}
.progress.style2 .progress-bar:after {
	content:'';
	height:10px;
	width:1px;
	background-color:inherit;
	position:absolute;
	top:-3px;
	right:0
}
.list-collumn2.style2 {
	padding-bottom:30px
}
@media (max-width: 1199px) {
.as-video3 {
margin-bottom:30px
}
.as-video3 .play-btn {
top:24%;
right:28%
}
}
@media (max-width: 991px) {
.as-video3 .play-btn {
top:23%;
right:26%
}
}
@media (max-width: 575px) {
.as-video3 .play-btn {
top:20%;
right:24%;
--icon-size: 50px
}
.list-collumn2.style2 {
gap:14px
}
}
.img-box6 {
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	gap:20px;
	width:100%
}
.img-box6 .img1, .img-box6 .img2 {
	width:100%
}
.img-box6 .img1 img, .img-box6 .img2 img {
	border-radius:10px;
	width:100%
}
.shadow-1 {
	box-shadow:0px 10px 50px rgba(7, 36, 95, 0.06)
}
@media (max-width: 1199px) {
.img-box6 {
margin-bottom:40px
}
}
@media (max-width: 575px) {
.img-box6 {
gap:5px
}
}
.tab-menu1 {
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-webkit-flex-direction:column;
	-ms-flex-direction:column;
	flex-direction:column;
	gap:19px;
	border-right:1px solid rgba(0, 15, 87, 0.2);
	margin-right:30px;
	padding-right:30px
}
.tab-menu1 button {
	font-size:30px;
	color:var(--title-color);
	font-weight:700;
	width:65px;
	height:65px;
	line-height:60px;
	text-align:center;
	padding:0 4px 0 0;
	border:none;
	background-color:transparent;
	background-image:url("data:image/svg+xml,%3Csvg width='65' height='65' viewBox='0 0 65 65' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.2' d='M5 10C5 7.23858 7.23858 5 10 5H35H47.9289C49.255 5 50.5268 5.52678 51.4645 6.46447L63.5355 18.5355C64.4732 19.4732 65 20.745 65 22.0711V35V60C65 62.7614 62.7614 65 60 65H10C7.23858 65 5 62.7614 5 60V10Z' fill='%23FF4C13'/%3E%3Cpath d='M0.5 5C0.5 2.51472 2.51472 0.5 5 0.5H30H42.9289C44.1224 0.5 45.267 0.974106 46.1109 1.81802L58.182 13.8891C59.0259 14.733 59.5 15.8776 59.5 17.0711V30V55C59.5 57.4853 57.4853 59.5 55 59.5H5C2.51472 59.5 0.5 57.4853 0.5 55V5Z' fill='%23F8F8F8' stroke='%23FF4C13'/%3E%3C/svg%3E");
	-webkit-transition:0.4s ease-in-out;
	transition:0.4s ease-in-out
}
.tab-menu1 button.active {
	color:var(--white-color);
	background-image:url("data:image/svg+xml,%3Csvg width='65' height='65' viewBox='0 0 65 65' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 5C0 2.23858 2.23858 0 5 0H30H42.9289C44.255 0 45.5268 0.526784 46.4645 1.46447L58.5355 13.5355C59.4732 14.4732 60 15.745 60 17.0711V30V55C60 57.7614 57.7614 60 55 60H5C2.23858 60 0 57.7614 0 55V5Z' fill='%23FF4C13'/%3E%3Cpath opacity='0.2' d='M5 10C5 7.23858 7.23858 5 10 5H35H47.9289C49.255 5 50.5268 5.52678 51.4645 6.46447L63.5355 18.5355C64.4732 19.4732 65 20.745 65 22.0711V35V60C65 62.7614 62.7614 65 60 65H10C7.23858 65 5 62.7614 5 60V10Z' fill='%23FF4C13'/%3E%3C/svg%3E")
}
@media (max-width: 1399px) {
.tab-menu1 {
margin-right:10px;
padding-right:10px
}
}
@media (max-width: 1199px) {
.tab-menu1 {
margin-right:40px;
padding-right:40px
}
}
@media (max-width: 575px) {
.tab-menu1 {
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-webkit-flex-direction:row;
-ms-flex-direction:row;
flex-direction:row;
padding-right:0;
margin-right:0;
border-right:none;
padding-bottom:25px;
margin-bottom:25px;
border-bottom:1px solid rgba(0, 15, 87, 0.2);
gap:30px;
width:100%
}
}
@media (max-width: 375px) {
.mission-box .checklist-wrap {
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap
}
}
.tab-menu2 {
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	gap:50px;
	background-image:-webkit-linear-gradient(right, #fff, #fff);
	background-image:linear-gradient(to left, #fff, #fff);
	background-repeat:no-repeat;
	background-size:100% 1px;
	background-position:left bottom;
	position:relative;
	padding-bottom:10px
}
.tab-menu2 button {
	color:var(--white-color);
	font-weight:500;
	background-color:transparent;
	border:none;
	padding:0
}
.tab-menu2 button:hover, .tab-menu2 button.active {
	color:var(--theme-color)
}
.tab-menu2 .indicator {
	position:absolute;
	bottom:0 !important;
	left:var(--pos-x);
	top:unset !important;
	width:var(--width-set);
	background-color:var(--theme-color);
	height:1px !important;
	-webkit-transition:0.4s ease-in-out;
	transition:0.4s ease-in-out
}
@media (max-width: 575px) {
.tab-menu2 {
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
gap:5px 25px
}
}
.tab-menu3 {
	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;
	margin-bottom:30px;
	position:relative;
	padding-bottom:6px;
	text-align:center
}
.tab-menu3 button {
	color:var(--title-color);
	font-weight:600;
	background-color:transparent;
	border:none;
	padding:0;
	position:relative;
	margin-right:30px
}
.tab-menu3 button:after {
	content:"";
	height:18px;
	width:2px;
	background-color:var(--body-color);
	opacity:0.3;
	position:absolute;
	top:50%;
	right:-15px;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%)
}
.tab-menu3 button:last-of-type {
	margin-right:0
}
.tab-menu3 button:last-of-type:after {
	display:none
}
.tab-menu3 button:hover, .tab-menu3 button.active {
	color:var(--theme-color)
}
.tab-menu3 .indicator {
	position:absolute;
	bottom:0 !important;
	left:var(--pos-x);
	top:unset !important;
	width:var(--width-set);
	background-color:var(--theme-color);
	height:3px !important;
	-webkit-transition:0.4s ease-in-out;
	transition:0.4s ease-in-out
}
.tab-menu3 .indicator:after {
	content:"";
	width:0;
	height:0;
	border-style:solid;
	border-width:8px 8px 0 8px;
	border-color:var(--theme-color) transparent transparent transparent;
	position:absolute;
	top:100%;
	left:50%;
	-webkit-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	transform:translateX(-50%)
}
.tab-menu4 {
	width:95px;
	margin-right:30px
}
.tab-menu4 button {
	color:var(--white-color);
	font-weight:600;
	background-color:var(--title-color);
	border:none;
	padding:26px 5px;
	width:100%;
	text-align:center;
	font-size:14px;
	text-transform:uppercase;
	-webkit-transition:0.4s ease-in-out;
	transition:0.4s ease-in-out
}
.tab-menu4 button:not(:last-child) {
margin-bottom:1px
}
.tab-menu4 button:hover {
	color:var(--theme-color)
}
.tab-menu4 button.active {
	color:var(--white-color);
	background-color:var(--theme-color)
}
@media (max-width: 1300px) {
.tab-menu4 {
width:80px;
margin-right:15px
}
}
@media (max-width: 1199px) {
.tab-menu4 {
width:100px;
margin-right:30px
}
.tab-menu4 button {
padding:20px 5px
}
}
@media (max-width: 575px) {
.tab-menu4 {
width:100%;
margin-right:0;
margin-bottom:30px;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex
}
.tab-menu4 button:not(:last-child) {
margin-bottom:0;
margin-right:1px
}
}
.tab-menu-wrap {
	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-box-align:center;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center;
	gap:10px;
	margin-bottom:45px;
	margin-top:-0.4em
}
.tab-menu-wrap .dots {
	display:inline-block;
	width:3px;
	height:3px;
	background-color:inherit;
	border-radius:99px;
	position:absolute;
	top:0
}
.tab-menu-wrap .dots:before, .tab-menu-wrap .dots:after {
	content:"";
	height:inherit;
	width:inherit;
	background-color:inherit;
	border-radius:inherit;
	display:inline-block;
	position:absolute;
	top:0
}
.tab-menu-wrap .shape {
	display:inline-block;
	height:3px;
	width:40px;
	margin-top:-2px;
	background-color:var(--theme-color);
	border-radius:99px;
	position:relative
}
.tab-menu-wrap .shape.left .dots {
	left:-6px
}
.tab-menu-wrap .shape.left .dots:before {
	left:-6px
}
.tab-menu-wrap .shape.left .dots:after {
	left:-12px
}
.tab-menu-wrap .shape.right .dots {
	right:-6px
}
.tab-menu-wrap .shape.right .dots:before {
	right:-6px
}
.tab-menu-wrap .shape.right .dots:after {
	right:-12px
}
.tab-menu5 {
	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-box-align:center;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center;
	gap:40px
}
.tab-menu5 button {
	font-weight:600;
	color:var(--body-color);
	background-color:transparent;
	padding:0;
	margin:0;
	border:none;
	cursor:pointer
}
.tab-menu5 button:hover, .tab-menu5 button.active {
	color:var(--theme-color)
}
@media (max-width: 991px) {
.tab-menu-wrap {
margin-bottom:30px
}
.tab-menu5 {
gap:25px
}
}
@media (max-width: 767px) {
.tab-menu-wrap .shape {
display:none
}
.tab-menu5 {
gap:6px 20px;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap
}
}
.accordion-card {
	margin-bottom: 15px;
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
    border-bottom: 1px solid #BCBCBC;
    position: relative;
}
.accordion-card:last-child {
	
    border-bottom: none;

}
.accordion-card .accordion-button {
	       font-size: 16px;
    font-weight: 600;
    font-family: var(--text-font2);
    border: 0;
    color: var(--title-color);
    background-color: #fff;
    box-shadow: none;
    border-radius: 0;
    padding: 0px 40px 0px 0px;
    min-height: unset;
    gap: 10px;
    margin-bottom: 15px;
    text-align: left;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: relative;
}
.accordion-card .accordion-button:after {
	    content: "\f063";
    height: 100%;
    width: 36px;
    line-height: 1;
    background-image: none;
    background-color: transparent;
    font-family: var(--icon-font);
    color: var(--title-color);
    font-weight: 700;
    font-size: 1em;
    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: start;
    text-align: center;
    position: absolute;
    top: 7px;
    right: 0;
    padding-left: 10px;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
	content: "\2b";
}
.accordion-card .accordion-button:focus {
	outline:none;
	box-shadow:none
}
.accordion-card .accordion-button:not(.collapsed) {
color:var(--title-color);
background-color:transparent;
box-shadow:none;
border-radius:0
}
.accordion-card .accordion-button:not(.collapsed):after {
    content: "\f068";
-webkit-transform:rotate(0);
-ms-transform:rotate(0);
transform:rotate(0)
}
.accordion-card .accordion-collapse {
	border:none
}
.accordion-card .accordion-body {
	box-shadow: none;
    border-radius: 0;
    background-color: var(--white-color);
    border: unset;
    padding: 0px 40px 0px 0px;
    padding-bottom: 10px;
    position: relative;
    display: block;
}
.accordion-card p {
	   margin-bottom: 10px;
    font-weight: 500;
    color: #9C9C9C;
    font-family: var(--text-font2);
    font-size: 16px;
}
.accordion-card .faq-img {
	height:100%
}
.accordion-card .faq-img img {
	height:100%;
	object-fit:cover
}
.accordion-card:last-child {
	margin-bottom:0
}
@media (max-width: 575px) {
.accordion-card .accordion-button {
font-size:16px
}
}
.cta-content {
	padding:80px 0 80px 80px
}
.cta-wrap {
	background-color:var(--white-color);
	position:relative;
	z-index:3;
	border-radius:10px;
	overflow:hidden;
	box-shadow:0px 8px 40px rgba(15, 27, 49, 0.12)
}
.cta-img {
	height:100%
}
.cta-img img {
	height:100%;
	width:100%
}
@media (max-width: 1199px) {
.cta-content {
padding:40px 0 40px 20px
}
}
.cta-card {
	padding:60px;
	border-radius:10px;
	overflow:hidden
}
@media (max-width: 575px) {
.cta-card {
padding:45px 15px
}
}
.process-card {
	text-align:center;
	max-width:187px;
	height:187px;
	background-color:var(--white-color);
	border:3px solid var(--theme-color);
	margin:17px;
	position:relative;
	border-radius:9999px;
	padding:42px 6px
}
.process-card-wrap {
	position:relative
}
.process-card-wrap:after {
	content:'';
	height:42px;
	width:116px;
	background-image:url("data:image/svg+xml,%3Csvg width='116' height='42' viewBox='0 0 116 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.3' d='M115.551 36.6652C111.559 29.4285 108.897 21.8539 105.787 14.2467C104.978 12.2611 102.253 13.5251 102.477 15.3846C102.847 18.5361 103.56 21.6643 104.519 24.7352C98.3211 19.1913 90.7487 14.5818 83.8058 11.0206C74.4953 6.24801 64.2973 2.90809 53.9555 1.36405C36.8086 -1.19473 13.0193 2.07937 1.18365 16.1594C0.506835 16.9694 1.66463 18.0051 2.48375 17.6096C10.8028 13.6619 18.1327 9.40841 27.3743 7.72378C36.4214 6.07799 46.0699 6.15641 55.1077 7.96139C64.6604 9.87409 73.5052 13.8715 81.802 18.943C88.7376 23.1882 94.6187 28.5144 100.852 33.5113C95.1561 33.508 89.4292 34.5084 84.7225 36.8576C81.9555 38.2404 83.4736 42.4769 86.4885 41.9425C91.0648 41.1333 95.3424 39.7652 100.05 39.5838C104.415 39.4115 108.626 39.9863 112.924 40.6872C114.981 41.0253 116.495 38.3804 115.551 36.6652Z' fill='white'/%3E%3C/svg%3E");
	background-repeat:no-repeat;
	background-size:contain;
	position:absolute;
	top:0;
	left:calc(100% - 30px)
}
.process-card-wrap:nth-child(even):after {
top:unset;
bottom:0;
-webkit-transform:rotateX(180deg);
transform:rotateX(180deg)
}
.process-card-wrap:last-child:after {
	display:none
}
.process-card:before {
	content:'';
	width:216px;
	height:216px;
	position:absolute;
	top:-17px;
	left:-17px;
	border:4px dotted var(--theme-color);
	border-radius:inherit
}
.process-card_icon {
	width:82px;
	height:82px;
	line-height:78px;
	border:3px solid var(--white-color);
	background-color:var(--theme-color);
	border-radius:50%;
	font-size:34px;
	color:var(--white-color);
	position:absolute;
	top:-40px;
	left:-17px
}
.process-card_icon i {
	-webkit-transition:0.4s ease-in-out;
	transition:0.4s ease-in-out
}
.process-card_title {
	font-size:20px;
	margin-bottom:8px;
	text-align:center
}
.process-card_text {
	margin-bottom:0;
	font-size:14px
}
.process-card:hover:before {
	-webkit-animation:spin 10s linear infinite;
	animation:spin 10s linear infinite
}
@media (max-width: 1300px) {
.process-card-wrap:after {
left:calc(100% - 50px)
}
}
@media (max-width: 1199px) {
.process-card {
margin:14px
}
.process-card-wrap:after {
height:24px;
left:calc(100% - 55px)
}
.process-card-wrap:nth-child(even):after {
left:calc(100% - 45px)
}
}
@media (max-width: 991px) {
.process-card {
margin:14px auto
}
.process-card-wrap:after {
height:42px;
left:calc(100% - 68px)
}
.process-card-wrap:nth-child(even):after {
display:none
}
}
@media (max-width: 767px) {
.process-card-wrap:after {
height:32px
}
}
@media (max-width: 575px) {
.process-card-wrap:after {
display:none
}
}
.process-box {
	text-align:center;
	margin-top:-13px
}
.process-box_content {
	width:320px;
	height:320px;
	background-color:var(--white-color);
	border-radius:50%;
	padding:93px 40px;
	margin:0 auto -160px auto;
	z-index:3;
	position:relative
}
.process-box_content:before, .process-box_content:after {
	content:'';
	width:var(--box-size);
	height:var(--box-size);
	position:absolute;
	top:50%;
	left:50%;
	margin-top:calc(var(--box-size) / -2);
	margin-left:calc(var(--box-size) / -2);
	border-width:4px;
	border-color:var(--theme-color);
	border-radius:inherit
}
.process-box_content:before {
--box-size: 250px;
	border-style:solid
}
.process-box_content:after {
--box-size: 290px;
	border-style:dotted;
	border-width:5px
}
.process-box_img {
	position:relative;
	z-index:-1;
	border-radius:10px;
	overflow:hidden
}
.process-box_img img {
	width:100%;
	-webkit-transition:0.4s ease-in-out;
	transition:0.4s ease-in-out
}
.process-box_title {
	font-size:30px
}
.process-box_icon {
	width:82px;
	height:82px;
	line-height:78px;
	border:3px solid var(--white-color);
	background-color:var(--theme-color);
	border-radius:50%;
	font-size:34px;
	color:var(--white-color);
	position:absolute;
	top:15px;
	left:10px;
	z-index:3
}
.process-box_icon i {
	-webkit-transition:0.4s ease-in-out;
	transition:0.4s ease-in-out
}
.process-box:hover .process-box_content:after {
	-webkit-animation:spin 14s linear infinite;
	animation:spin 14s linear infinite
}
.process-box:hover .process-box_icon i {
	-webkit-transform:rotateY(180deg);
	transform:rotateY(180deg)
}
.process-box:hover .process-box_img img {
	-webkit-transform:scale(1.1);
	-ms-transform:scale(1.1);
	transform:scale(1.1)
}
@media (max-width: 350px) {
.process-box {
margin-top:-7px
}
.process-box_content {
width:296px;
height:296px;
margin-bottom:-150px;
padding:80px 28px
}
.process-box_content:after {
--box-size: 280px
}
.process-box_icon {
top:6px;
left:4px
}
}
.category-card {
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	gap:30px
}
.category-card_icon {
	width:60px;
	height:60px;
	line-height:60px;
	min-width:60px;
	background-color:#DEE9FE;
	border-radius:999px;
	text-align:center;
	-webkit-transition:0.4s ease-in-out;
	transition:0.4s ease-in-out
}
.category-card_icon img {
	-webkit-transition:0.4s ease-in-out;
	transition:0.4s ease-in-out
}
.category-card_content {
	margin-bottom:-0.45em
}
.category-card_title {
	font-size:24px;
	font-weight:500;
	margin-top:-0.23em
}
.category-card_title a {
	color:inherit
}
.category-card_title a:hover {
	color:var(--theme-color)
}
.category-card_text {
	margin-bottom:12px
}
.category-card:hover .category-card_icon {
	background-color:var(--theme-color)
}
.category-card:hover .category-card_icon img {
	-webkit-filter:brightness(0) invert(1);
	filter:brightness(0) invert(1)
}
@media (max-width: 767px) {
.category-card {
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-webkit-flex-direction:column;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
gap:22px
}
.category-card_content {
text-align:center
}
.category-card_title {
margin-bottom:10px
}
.category-card_text {
max-width:360px;
margin-left:auto;
margin-right:auto
}
}
.category-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:5px;
	background-color:var(--white-color);
	border-radius:10px;
	padding:30px;
	-webkit-transition:0.4s ease-in-out;
	transition:0.4s ease-in-out;
	position:relative;
	z-index:2
}
.category-list:before {
	content:'';
	background-color:var(--theme-color);
	width:0;
	height:0;
	border-radius:inherit;
	position:absolute;
	top:0;
	right:0;
	-webkit-transition:0.4s linear;
	transition:0.4s linear;
	z-index:-1
}
.category-list_icon {
	width:60px;
	height:60px;
	line-height:60px;
	min-width:60px;
	background-color:#EBF2FF;
	border-radius:10px;
	text-align:center;
	-webkit-transition:0.4s ease-in-out;
	transition:0.4s ease-in-out;
	margin-right:15px
}
.category-list_icon img {
	-webkit-transition:0.4s ease-in-out;
	transition:0.4s ease-in-out
}
.category-list .icon-btn {
	margin-left:auto;
	min-width:50px;
	border:1px solid var(--theme-color);
	color:var(--theme-color)
}
.category-list_title {
	font-size:24px;
	font-weight:500;
	margin-top:-0.23em;
	margin-bottom:2px;
	-webkit-transition:0.4s ease-in-out;
	transition:0.4s ease-in-out
}
.category-list_title a {
	color:inherit;
	-webkit-transition:0s;
	transition:0s
}
.category-list_text {
	display:block;
	margin-bottom:-0.4em;
	-webkit-transition:0.4s ease-in-out;
	transition:0.4s ease-in-out
}
.category-list:hover:before {
	width:100%;
	height:100%
}
.category-list:hover .category-list_title {
	color:var(--white-color)
}
.category-list:hover .category-list_text {
	color:var(--white-color)
}
.category-list:hover .icon-btn {
	background-color:var(--white-color);
	color:var(--theme-color);
	border-color:var(--white-color)
}
@media (max-width: 1399px) {
.category-list_title {
font-size:22px
}
}
@media (max-width: 375px) {
.category-list {
padding:15px
}
.category-list_title {
font-size:16px;
margin-bottom:0;
margin-top:-0.1em;
font-weight:600
}
.category-list_text {
font-size:14px
}
.category-list_icon {
width:50px;
height:50px;
line-height:50px;
min-width:50px;
margin-right:7px
}
}
.tab-menu1 {
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-webkit-flex-direction:column;
	-ms-flex-direction:column;
	flex-direction:column;
	gap:19px;
	border-right:1px solid rgba(0, 15, 87, 0.2);
	margin-right:30px;
	padding-right:30px
}
.tab-menu1 button {
	font-size:30px;
	color:var(--title-color);
	font-weight:700;
	width:65px;
	height:65px;
	line-height:60px;
	text-align:center;
	padding:0 4px 0 0;
	border:none;
	background-color:transparent;
	background-image:url("data:image/svg+xml,%3Csvg width='65' height='65' viewBox='0 0 65 65' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.2' d='M5 10C5 7.23858 7.23858 5 10 5H35H47.9289C49.255 5 50.5268 5.52678 51.4645 6.46447L63.5355 18.5355C64.4732 19.4732 65 20.745 65 22.0711V35V60C65 62.7614 62.7614 65 60 65H10C7.23858 65 5 62.7614 5 60V10Z' fill='%23FF4C13'/%3E%3Cpath d='M0.5 5C0.5 2.51472 2.51472 0.5 5 0.5H30H42.9289C44.1224 0.5 45.267 0.974106 46.1109 1.81802L58.182 13.8891C59.0259 14.733 59.5 15.8776 59.5 17.0711V30V55C59.5 57.4853 57.4853 59.5 55 59.5H5C2.51472 59.5 0.5 57.4853 0.5 55V5Z' fill='%23F8F8F8' stroke='%23FF4C13'/%3E%3C/svg%3E");
	-webkit-transition:0.4s ease-in-out;
	transition:0.4s ease-in-out
}
.tab-menu1 button.active {
	color:var(--white-color);
	background-image:url("data:image/svg+xml,%3Csvg width='65' height='65' viewBox='0 0 65 65' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 5C0 2.23858 2.23858 0 5 0H30H42.9289C44.255 0 45.5268 0.526784 46.4645 1.46447L58.5355 13.5355C59.4732 14.4732 60 15.745 60 17.0711V30V55C60 57.7614 57.7614 60 55 60H5C2.23858 60 0 57.7614 0 55V5Z' fill='%23FF4C13'/%3E%3Cpath opacity='0.2' d='M5 10C5 7.23858 7.23858 5 10 5H35H47.9289C49.255 5 50.5268 5.52678 51.4645 6.46447L63.5355 18.5355C64.4732 19.4732 65 20.745 65 22.0711V35V60C65 62.7614 62.7614 65 60 65H10C7.23858 65 5 62.7614 5 60V10Z' fill='%23FF4C13'/%3E%3C/svg%3E")
}
@media (max-width: 1399px) {
.tab-menu1 {
margin-right:10px;
padding-right:10px
}
}
@media (max-width: 1199px) {
.tab-menu1 {
margin-right:40px;
padding-right:40px
}
}
@media (max-width: 575px) {
.tab-menu1 {
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-webkit-flex-direction:row;
-ms-flex-direction:row;
flex-direction:row;
padding-right:0;
margin-right:0;
border-right:none;
padding-bottom:25px;
margin-bottom:25px;
border-bottom:1px solid rgba(0, 15, 87, 0.2);
gap:30px;
width:100%
}
}
@media (max-width: 375px) {
.mission-box .checklist-wrap {
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap
}
}
.tab-menu2 {
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	gap:50px;
	background-image:-webkit-linear-gradient(right, #fff, #fff);
	background-image:linear-gradient(to left, #fff, #fff);
	background-repeat:no-repeat;
	background-size:100% 1px;
	background-position:left bottom;
	position:relative;
	padding-bottom:10px
}
.tab-menu2 button {
	color:var(--white-color);
	font-weight:500;
	background-color:transparent;
	border:none;
	padding:0
}
.tab-menu2 button:hover, .tab-menu2 button.active {
	color:var(--theme-color)
}
.tab-menu2 .indicator {
	position:absolute;
	bottom:0 !important;
	left:var(--pos-x);
	top:unset !important;
	width:var(--width-set);
	background-color:var(--theme-color);
	height:1px !important;
	-webkit-transition:0.4s ease-in-out;
	transition:0.4s ease-in-out
}
@media (max-width: 575px) {
.tab-menu2 {
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
gap:5px 25px
}
}
.tab-menu3 {
	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;
	margin-bottom:30px;
	position:relative;
	padding-bottom:6px;
	text-align:center
}
.tab-menu3 button {
	color:var(--title-color);
	font-weight:600;
	background-color:transparent;
	border:none;
	padding:0;
	position:relative;
	margin-right:30px
}
.tab-menu3 button:after {
	content:"";
	height:18px;
	width:2px;
	background-color:var(--body-color);
	opacity:0.3;
	position:absolute;
	top:50%;
	right:-15px;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%)
}
.tab-menu3 button:last-of-type {
	margin-right:0
}
.tab-menu3 button:last-of-type:after {
	display:none
}
.tab-menu3 button:hover, .tab-menu3 button.active {
	color:var(--theme-color)
}
.tab-menu3 .indicator {
	position:absolute;
	bottom:0 !important;
	left:var(--pos-x);
	top:unset !important;
	width:var(--width-set);
	background-color:var(--theme-color);
	height:3px !important;
	-webkit-transition:0.4s ease-in-out;
	transition:0.4s ease-in-out
}
.tab-menu3 .indicator:after {
	content:"";
	width:0;
	height:0;
	border-style:solid;
	border-width:8px 8px 0 8px;
	border-color:var(--theme-color) transparent transparent transparent;
	position:absolute;
	top:100%;
	left:50%;
	-webkit-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	transform:translateX(-50%)
}
.tab-menu4 {
	width:95px;
	margin-right:30px
}
.tab-menu4 button {
	color:var(--white-color);
	font-weight:600;
	background-color:var(--title-color);
	border:none;
	padding:26px 5px;
	width:100%;
	text-align:center;
	font-size:14px;
	text-transform:uppercase;
	-webkit-transition:0.4s ease-in-out;
	transition:0.4s ease-in-out
}
.tab-menu4 button:not(:last-child) {
margin-bottom:1px
}
.tab-menu4 button:hover {
	color:var(--theme-color)
}
.tab-menu4 button.active {
	color:var(--white-color);
	background-color:var(--theme-color)
}
@media (max-width: 1300px) {
.tab-menu4 {
width:80px;
margin-right:15px
}
}
@media (max-width: 1199px) {
.tab-menu4 {
width:100px;
margin-right:30px
}
.tab-menu4 button {
padding:20px 5px
}
}
@media (max-width: 575px) {
.tab-menu4 {
width:100%;
margin-right:0;
margin-bottom:30px;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex
}
.tab-menu4 button:not(:last-child) {
margin-bottom:0;
margin-right:1px
}
}
.tab-menu-wrap {
	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-box-align:center;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center;
	gap:10px;
	margin-bottom:45px;
	margin-top:-0.4em
}
.tab-menu-wrap .dots {
	display:inline-block;
	width:3px;
	height:3px;
	background-color:inherit;
	border-radius:99px;
	position:absolute;
	top:0
}
.tab-menu-wrap .dots:before, .tab-menu-wrap .dots:after {
	content:"";
	height:inherit;
	width:inherit;
	background-color:inherit;
	border-radius:inherit;
	display:inline-block;
	position:absolute;
	top:0
}
.tab-menu-wrap .shape {
	display:inline-block;
	height:3px;
	width:40px;
	margin-top:-2px;
	background-color:var(--theme-color);
	border-radius:99px;
	position:relative
}
.tab-menu-wrap .shape.left .dots {
	left:-6px
}
.tab-menu-wrap .shape.left .dots:before {
	left:-6px
}
.tab-menu-wrap .shape.left .dots:after {
	left:-12px
}
.tab-menu-wrap .shape.right .dots {
	right:-6px
}
.tab-menu-wrap .shape.right .dots:before {
	right:-6px
}
.tab-menu-wrap .shape.right .dots:after {
	right:-12px
}
.tab-menu5 {
	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-box-align:center;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center;
	gap:40px
}
.tab-menu5 button {
	font-weight:600;
	color:var(--body-color);
	background-color:transparent;
	padding:0;
	margin:0;
	border:none;
	cursor:pointer
}
.tab-menu5 button:hover, .tab-menu5 button.active {
	color:var(--theme-color)
}
@media (max-width: 991px) {
.tab-menu-wrap {
margin-bottom:30px
}
.tab-menu5 {
gap:25px
}
}
@media (max-width: 767px) {
.tab-menu-wrap .shape {
display:none
}
.tab-menu5 {
gap:6px 20px;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap
}
}

.sustain-carosel{
	margin-bottom:30px;
}
.sustain-carosel.owl-carousel .owl-stage{
		display:flex
}
.sustain-carosel.owl-carousel.owl-drag .owl-item{
	display:flex
}
.sustain-carosel{
	
}
.feature-card {
	padding:30px 30px 40px;
	background-color:var(--white-color);
	
	border-radius:0px;
	text-align:left;
	position:relative;
	z-index:2;
	width:100%;
	margin-bottom:0px;
	height: 100%;
}
.feature-card:before {
	    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--white-color);
    z-index: -1;
    border-radius: 0px;
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
}

.feature-card_icon {
	width:80px;
	height:80px;
	line-height:80px;
	background-color:var(--theme-color);
	border-radius:50%;
	margin:0 auto 29px auto;
	-webkit-transition:0.4s ease-in-out;
	transition:0.4s ease-in-out;
	position:relative;
	z-index:2
}
.feature-card_icon::before {
content:'';
width:100%;
height:100%;
position:absolute;
top:-10px;
left:-10px;
background-color:inherit;
opacity:0.3;
z-index:-1;
border-radius:inherit
}
.feature-card_icon img {
	-webkit-filter:brightness(0) invert(1);
	filter:brightness(0) invert(1);
	-webkit-transition:0.4s ease-in-out;
	transition:0.4s ease-in-out
}
.feature-card_title {
	    font-size: 19px;
    margin-bottom: 15px;
    margin-top: 0;
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
    font-weight: 600;
}
.feature-card p {
	margin-bottom:10px;
	-webkit-transition:0.4s ease-in-out;
	transition:0.4s ease-in-out;
	font-size: 15px;
    line-height: 28px;
}
.feature-card .icon-btn {
--btn-size: 55px;
	background-color:var(--theme-color);
	color:var(--white-color);
	box-shadow:0px 8px 19px rgba(255, 76, 19, 0.3);
	position:absolute;
	bottom:-27.5px;
	left:50%;
	margin-left:-27.5px
}
.feature-card:hover::before, .feature-card:hover:after {
height:0
}
.feature-card:hover .feature-card_icon {
	background-color:var(--white-color)
}
.feature-card:hover .feature-card_icon img {
	-webkit-filter:none;
	filter:none;
	-webkit-transform:rotateY(180deg);
	transform:rotateY(180deg)
}
.feature-card:hover .feature-card_title {
	color:var(--white-color)
}
.feature-card:hover p {
	color:var(--white-color)
}
.feature-card:hover .icon-btn {
	background-color:var(--white-color);
	color:var(--theme-color);
	-webkit-animation:jumpIcon 1s linear infinite;
	animation:jumpIcon 1s linear infinite
}

.feature-grid {
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	gap:20px;
	padding:40px 0;
	position:relative;
	z-index:2
}
.feature-grid-wrap {
	display:grid;
	grid-template-columns:repeat(3, 1fr);
	padding:0 30px;
	box-shadow:0px 10px 30px rgba(7, 36, 95, 0.08);
	background-color:var(--white-color);
	margin-top:-60px;
	position:relative;
	z-index:4
}
.feature-grid:not(:last-child) {
padding-right:40px
}
.feature-grid_icon img {
	min-width:50px;
	-webkit-transition:0.4s ease-in-out;
	transition:0.4s ease-in-out
}
.feature-grid_title {
	font-size:24px;
	margin-bottom:10px;
	margin-top:-0.24em
}
.feature-grid_text {
	margin-bottom:-0.5em
}
.feature-grid:nth-child(even):before {
content:'';
height:100%;
width:calc(100% + 60px);
background-color:var(--theme-color);
position:absolute;
top:0;
left:-60px;
z-index:-1;
-webkit-clip-path:polygon(0 0, calc(100% - 60px) 0%, 100% 50%, calc(100% - 60px) 100%, 0 100%, 60px 50%);
clip-path:polygon(0 0, calc(100% - 60px) 0%, 100% 50%, calc(100% - 60px) 100%, 0 100%, 60px 50%)
}
.feature-grid:nth-child(even) .feature-grid_title, .feature-grid:nth-child(even) .feature-grid_text, .feature-grid:nth-child(even) .feature-grid_icon img {
-webkit-filter:brightness(0) invert(1);
filter:brightness(0) invert(1)
}
.feature-grid:hover .feature-grid_icon img {
	-webkit-transform:rotateY(180deg);
	transform:rotateY(180deg)
}
@media (max-width: 1199px) {
.feature-grid {
padding:30px 0
}
.feature-grid:not(:last-child) {
padding-right:22px
}
.feature-grid:nth-child(even):before {
width:calc(100% + 50px);
left:-44px;
-webkit-clip-path:polygon(0 0, calc(100% - 55px) 0%, 100% 50%, calc(100% - 55px) 100%, 0 100%, 55px 50%);
clip-path:polygon(0 0, calc(100% - 55px) 0%, 100% 50%, calc(100% - 55px) 100%, 0 100%, 55px 50%)
}
}
@media (max-width: 991px) {
.feature-grid-wrap {
grid-template-columns:repeat(1, 1fr)
}
.feature-grid:not(:last-child) {
padding-right:0
}
.feature-grid:nth-child(even) {
padding-left:30px
}
.feature-grid:nth-child(even):before {
width:calc(100% + 60px);
left:-30px
}
}
@media (max-width: 480px) {
.feature-grid-wrap {
padding:0 15px
}
.feature-grid:nth-child(even) {
padding-left:0
}
.feature-grid:nth-child(even):before {
width:calc(100% + 30px);
left:-15px;
-webkit-clip-path:none;
clip-path:none
}
}
.service-card {
	position:relative;
	overflow:hidden;
	z-index:2
}
.service-card_img img {
	width:100%
}
.service-card_content {
	position:relative;
	left:50px;
	margin-top:-94px;
	max-width:calc(100% - 50px);
	padding:30px;
	z-index:3;
	background-color:var(--theme-color);
	box-shadow:0px 6px 20px rgba(7, 36, 95, 0.06)
}
.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, .service-grid_icon {
	width:60px;
	height:60px;
	line-height:56px;
	background-color:var(--theme-color);
	color:var(--white-color);
	font-size:32px;
	text-align:center;
	border-radius:50%;
	position:absolute;
	top:-35px;
	left:-35px;
	-webkit-transition:0.4s ease-in-out;
	transition:0.4s ease-in-out
}
.service-card_icon img, .service-grid_icon img {
	-webkit-filter:brightness(0) invert(1);
	filter:brightness(0) invert(1);
	-webkit-transition:0.4s ease-in-out;
	transition:0.4s ease-in-out
}
.service-card_icon:before, .service-grid_icon:before {
	content:'';
	width:70px;
	height:70px;
	position:absolute;
	top:-5px;
	left:-5px;
	background-color:transparent;
	border:1px solid var(--white-color);
	border-radius:inherit
}
.service-card_title {
	font-size:24px;
	font-weight:700;
	line-height:1.35;
	margin-top:-0.25em;
	margin-bottom:10px
}
.service-card_title a {
	color:inherit
}
.service-card_title a:hover {
	color:var(--title-color)
}
.service-card_text {
	margin-bottom:-0.5em;
	-webkit-transition:0.3s ease-in-out;
	transition:0.3s ease-in-out
}
.service-card_btn {
	background-color:var(--theme-color);
	color:var(--white-color);
	width:50px;
	height:112px;
	line-height:115px;
	display:inline-block;
	text-align:center;
	position:absolute;
	left:0;
	bottom:0
}
.service-card_btn:hover {
	color:var(--white-color)
}
.service-card:hover .service-card_title {
	color:var(--white-color)
}
.service-card:hover .service-card_text {
	color:var(--white-color)
}
.service-card:hover .service-card_content:before {
	height:0
}
.service-card:hover .service-card_icon, .service-card:hover .service-grid_icon {
	background-color:var(--white-color)
}
.service-card:hover .service-card_icon img, .service-card:hover .service-grid_icon img {
	-webkit-filter:none;
	filter:none;
	-webkit-transform:rotateY(180deg);
	transform:rotateY(180deg)
}
.service-card:hover .service-card_btn {
	background-color:var(--title-color)
}
@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:30px 20px
}
}
.service-grid {
	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;
	background-color:var(--white-color);
	position:relative;
	padding:40px;
	gap:40px;
	border-radius:20px;
	z-index:3
}
.service-grid_img {
	position:relative;
	overflow:hidden;
	z-index:2;
	min-width:350px;
	border-radius:inherit
}
.service-grid_img img {
	width:100%;
	-webkit-transition:0.4s ease;
	transition:0.4s ease
}
.service-grid_icon {
	position:relative;
	top:0;
	left:0;
	margin:5px
}
.service-grid_icon:before {
	border-color:var(--theme-color)
}
.service-grid_content {
	position:relative;
	z-index:2
}
.service-grid_icon-overlay {
	position:absolute;
	top:0;
	right:0;
	z-index:-1
}
.service-grid_text {
	margin-bottom:18px
}
.service-grid_title {
	font-size:24px;
	margin-top:25px;
	margin-bottom:14px
}
.service-grid_title a {
	color:inherit
}
.service-grid_title a:hover {
	color:var(--theme-color)
}
.service-grid .checklist ul {
	display:grid;
	grid-template-columns:repeat(2, 1fr);
	margin-bottom:20px;
	gap:0 5px
}
.service-grid .checklist ul li {
	padding-left:22px
}
.service-grid .as-btn {
	border-radius:5px
}
.service-grid:hover .service-grid_img img {
	-webkit-transform:scale(1.1);
	-ms-transform:scale(1.1);
	transform:scale(1.1)
}
#serviceGridSlider {
	position:relative;
	z-index:3
}
.service-thumb {
	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(--white-color);
	padding:10px;
	border-radius:5px;
	margin-bottom:12px;
	-webkit-transition:0.4s ease-in-out;
	transition:0.4s ease-in-out;
	cursor:pointer
}
.service-thumb-wrap {
	background-color:var(--theme-color);
	position:relative;
	padding:24px 24px 24px 0;
	z-index:2
}
.service-thumb-wrap:after {
	content:'';
	height:100%;
	width:calc(100% + 180px);
	background-color:inherit;
	position:absolute;
	bottom:0;
	right:0;
	-webkit-clip-path:polygon(120px 0%, 100% 0, 100% 100%, 0% 100%);
	clip-path:polygon(120px 0%, 100% 0, 100% 100%, 0% 100%);
	z-index:-1
}
.service-thumb_img {
	min-width:70px
}
.service-thumb_img img {
	border-radius:5px
}
.service-thumb_title {
	font-size:20px;
	margin-bottom:0
}
.slick-current .service-thumb {
	border-right:7px solid var(--title-color)
}
.arrow-btn {
	font-size:20px;
	background-color:transparent;
	color:var(--white-color);
	border:1px solid;
	display:inline-block;
	width:100%;
	height:55px;
	line-height:53px;
	border-radius:5px
}
.arrow-btn.prev {
	margin-bottom:12px
}
@media (max-width: 1199px) {
.service-thumb-wrap {
padding:40px 0 40px 0
}
.service-thumb-wrap:after {
content:'';
height:calc(100% + 180px);
width:calc(100% + 80px);
left:-40px;
-webkit-clip-path:polygon(0 120px, 100% 0, 100% 100%, 0% 100%);
clip-path:polygon(0 120px, 100% 0, 100% 100%, 0% 100%)
}
}
@media (max-width: 991px) {
.service-grid {
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
gap:30px
}
.service-grid_img {
min-width:100%;
width:100%;
height:300px
}
.service-grid_img img {
height:100%;
object-fit:cover
}
}
@media (max-width: 450px) {
.service-grid {
padding:20px;
border-radius:10px
}
}
@media (max-width: 375px) {
.service-grid_title {
font-size:22px
}
.service-grid .checklist ul {
grid-template-columns:repeat(1, 1fr)
}
}
.service-box {
	position:relative;
	box-shadow:0px 6px 14px rgba(7, 36, 95, 0.08);
	background-color:var(--theme-color);
	z-index:2
}
.service-box::before {
content:'';
width:100%;
height:100%;
background-color:var(--white-color);
z-index:-1;
position:absolute;
top:0;
left:0;
-webkit-transition:0.4s ease-in-out;
transition:0.4s ease-in-out
}
.service-box_icon {
	margin-bottom:18px
}
.service-box_icon img {
	-webkit-transition:0.4s ease;
	transition:0.4s ease
}
.service-box_content {
	padding:30px
}
.service-box_title {
	font-size:24px;
	margin-bottom:11px;
	-webkit-transition:0.1s ease-in-out;
	transition:0.1s ease-in-out
}
.service-box_title a {
	color:inherit
}
.service-box_title a:hover {
	color:var(--white-color)
}
.service-box_text {
	margin-bottom:-0.5em;
	-webkit-transition:0.4s ease-in-out;
	transition:0.4s ease-in-out
}
.service-box_btn {
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	color:var(--body-color);
	display:block;
	padding:22px 30px;
	position:relative;
	z-index:2;
	-webkit-transition:0.4s ease-in-out;
	transition:0.4s ease-in-out
}
.service-box_btn::before {
content:'';
width:100%;
height:100%;
background-color:var(--white-color);
z-index:-1;
border-top:1px solid rgba(217, 217, 217, 0.5);
position:absolute;
top:0;
right:0;
-webkit-transition:0.4s ease-in-out;
transition:0.4s ease-in-out
}
.service-box_btn i {
	margin-left:4px
}
.service-box:hover::before {
width:0
}
.service-box:hover .service-box_title, .service-box:hover .service-box_text, .service-box:hover .service-box_btn {
	color:var(--white-color)
}
.service-box:hover .service-box_icon img {
	-webkit-filter:brightness(0) invert(1);
	filter:brightness(0) invert(1);
	-webkit-transform:rotateY(180deg);
	transform:rotateY(180deg)
}
.service-box:hover .service-box_btn::before {
width:0
}
.service-block {
	position:relative;
	z-index:2;
--space-x: 30px;
--space-y: 30px
}
.service-block_img {
	overflow:hidden
}
.service-block_img img {
	width:100%;
	-webkit-transition:0.4s ease-in-out;
	transition:0.4s ease-in-out
}
.service-block_content {
	position:relative;
	text-align:center;
	margin-top:-150px;
max-width:calc(100% - var(--space-x)*2);
	margin-left:var(--space-x);
	padding:0 var(--space-x) var(--space-y) var(--space-x);
	z-index:3;
	background-color:var(--white-color);
	box-shadow:0px 8px 20px rgba(7, 36, 95, 0.08)
}
.service-block_icon {
	width:60px;
	height:60px;
	line-height:56px;
	background-color:var(--white-color);
	box-shadow:0px 0px 8px rgba(7, 36, 95, 0.2);
	color:var(--white-color);
	font-size:32px;
	text-align:center;
	border-radius:50%;
	position:relative;
	top:-35px;
	margin:0 auto auto;
	-webkit-transition:0.4s ease-in-out;
	transition:0.4s ease-in-out
}
.service-block_icon img {
	-webkit-transition:0.4s ease-in-out;
	transition:0.4s ease-in-out
}
.service-block_icon:before {
	content:'';
	width:70px;
	height:70px;
	position:absolute;
	top:-5px;
	left:-5px;
	background-color:transparent;
	border:1px solid var(--theme-color);
	border-radius:inherit
}
.service-block_title {
	font-size:24px;
	font-weight:700;
	line-height:1.35;
	margin-top:-0.25em;
	margin-bottom:10px
}
.service-block_title a {
	color:inherit
}
.service-block_title a:hover {
	color:var(--theme-color)
}
.service-block_text {
	margin-bottom:-0.45em
}
.service-block .as-btn {
width:calc(100% - var(--space-x)*2);
	margin-left:var(--space-x);
	background-color:var(--title-color)
}
.service-block:hover .service-block_icon {
	background-color:var(--theme-color)
}
.service-block:hover .service-block_icon img {
	-webkit-filter:brightness(0) invert(1);
	filter:brightness(0) invert(1);
	-webkit-transform:rotateY(180deg);
	transform:rotateY(180deg)
}
.service-block:hover .service-block_img img {
	-webkit-transform:scale(1.1);
	-ms-transform:scale(1.1);
	transform:scale(1.1)
}
.service-block:hover .as-btn {
	background-color:var(--theme-color)
}
.service-block:hover .as-btn:hover:before {
	background-color:var(--title-color)
}
@media (max-width: 375px) {
.service-block {
--space-x: 20px
}
}
@media (min-width: 1300px) {
.page-single {
margin-left:16px
}
}
.page-title {
	margin-top:-0.22em
}
.page-img {
	margin-bottom:40px
}
.page-single {
	margin-bottom:30px
}
.project-content {
	background:var(--white-color);
	box-shadow:0px 4px 15px rgba(7, 36, 95, 0.1);
	border-radius:10px;
	padding:30px;
	width:calc(100% - 40px);
	margin:0 auto;
	position:relative;
	z-index:4
}
.project-img {
	overflow:hidden;
	position:relative;
	z-index:2
}
.project-img img {
	width:100%;
	-webkit-transition:0.4s ease-in-out;
	transition:0.4s ease-in-out
}
.project-subtitle {
	margin-top:-0.45em;
	margin-bottom:6px
}
.project-title a {
	color:inherit
}
.project-title a:hover {
	color:var(--theme-color)
}
.project-icon {
	display:inline-block;
	background-color:var(--theme-color);
	width:50px;
	height:50px;
	line-height:50px;
	font-size:16px;
	color:var(--white-color);
	box-shadow:0px 8px 19px rgba(255, 76, 19, 0.3);
	border-radius:5px;
	text-align:center
}
.project-icon:hover {
	background-color:var(--title-color);
	color:var(--white-color)
}
.project-card-wrap {
	max-width:996px;
	margin-left:18px;
	position:relative
}
.project-card-wrap .icon-box {
	position:absolute;
	top:50%;
	right:-140px;
	width:60px
}
.project-card-wrap .icon-box .slick-arrow:first-child {
	margin-bottom:10px
}
.project-card .project-img {
	border-radius:10px
}
.project-card .project-img:before {
	content:'';
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background:-webkit-linear-gradient(bottom, #07245F 0%, rgba(7, 36, 95, 0) 100%);
	background:linear-gradient(0deg, #07245F 0%, rgba(7, 36, 95, 0) 100%);
	z-index:1
}
.project-card .project-content {
	margin:-65px auto 0 auto
}
.project-card .project-title {
	font-size:20px;
	margin-bottom:-0.2em
}
.project-card .project-icon {
	position:absolute;
	top:-25px;
	right:25px
}
.project-card:hover .project-img img {
	-webkit-transform:scale(1.1);
	-ms-transform:scale(1.1);
	transform:scale(1.1)
}
.project-card:hover .project-icon {
	-webkit-animation:jumpIcon 1s linear infinite;
	animation:jumpIcon 1s linear infinite
}
@-webkit-keyframes jumpIcon {
0% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
50% {
-webkit-transform:translateY(-8px);
transform:translateY(-8px)
}
100% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes jumpIcon {
0% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
50% {
-webkit-transform:translateY(-8px);
transform:translateY(-8px)
}
100% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@media (max-width: 1399px) {
.project-card .project-title {
font-size:18px
}
.project-card-wrap {
margin-left:0
}
.project-card-wrap .icon-box {
display:none
}
}
@media (max-width: 375px) {
.project-content {
padding:30px 15px
}
}
.project-grid {
	position:relative
}
.project-grid .project-content {
	width:calc(100% - 80px);
	position:absolute;
	bottom:40px;
	left:40px;
	border-radius:0
}
.project-grid .project-subtitle {
	margin-top:-0.45em;
	margin-bottom:3px
}
.project-grid .project-title {
	font-size:20px;
	margin-bottom:-0.2em
}
.project-grid .project-icon {
	position:absolute;
	top:50%;
	right:30px;
	margin-top:-25px;
	border-radius:0
}
.project-grid:hover .project-img img {
	-webkit-transform:scale(1.1);
	-ms-transform:scale(1.1);
	transform:scale(1.1)
}
.project-thumb {
	margin-bottom:var(--bs-gutter-x);
	cursor:pointer
}
.project-thumb_img img {
	height:192px
}
.icon-box.style2 {
	background-color:var(--body-color);
	text-align:center;
	padding:30px
}
@media (max-width: 1299px) {
.project-thumb_img img {
height:168px;
width:100%;
object-fit:cover
}
}
@media (max-width: 1199px) {
.project-thumb_img img {
height:140px
}
.project-grid .project-img img {
height:428px;
object-fit:cover
}
.icon-box.style2 {
padding:20px
}
}
@media (max-width: 991px) {
.projectSlideThumb {
margin-top:24px
}
}
@media (max-width: 575px) {
.project-grid .project-img img {
height:350px
}
.project-grid .project-title {
font-size:22px
}
.project-grid .project-content {
padding:30px 75px 30px 20px;
width:calc(100% - 40px);
bottom:20px;
left:20px
}
.project-grid .project-icon {
right:20px
}
}
@media (max-width: 375px) {
.project-grid .project-title {
font-size:20px
}
.project-grid .project-content {
width:100%;
bottom:0;
left:0;
border-radius:0;
border:1px solid var(--border-color)
}
}
.project-box {
	position:relative;
	overflow:hidden
}
.project-box .project-img:before {
	content:'';
	width:100%;
	height:100%;
	position:absolute;
	top:100%;
	left:0;
	background:-webkit-linear-gradient(bottom, #07245F .08%, rgba(7, 36, 95, 0) 59.32%);
	background:linear-gradient(0deg, #07245F .08%, rgba(7, 36, 95, 0) 59.32%);
	z-index:1;
	-webkit-transition:0.4s ease-in-out;
	transition:0.4s ease-in-out
}
.project-box .project-content {
	position:absolute;
	bottom:20px;
	left:20px;
	visibility:hidden;
	opacity:0;
	-webkit-transition:0.4s ease-in-out;
	transition:0.4s ease-in-out;
	-webkit-transform:translateY(50px);
	-ms-transform:translateY(50px);
	transform:translateY(50px);
	border-radius:0
}
.project-box .project-icon {
	position:absolute;
	top:-25px;
	right:25px;
	border-radius:0
}
.project-box .project-title {
	font-size:24px;
	margin-bottom:-0.24em
}
.project-box:hover .project-img::before {
top:0
}
.project-box:hover .project-img img {
	-webkit-transform:scale(1.1);
	-ms-transform:scale(1.1);
	transform:scale(1.1)
}
.project-box:hover .project-icon {
	-webkit-animation:jumpIcon 1s linear infinite;
	animation:jumpIcon 1s linear infinite
}
.project-box:hover .project-content {
	-webkit-transform:translateY(0);
	-ms-transform:translateY(0);
	transform:translateY(0);
	visibility:visible;
	opacity:1
}
.slick-current.slick-center .project-box .project-img::before {
top:0
}
.slick-current.slick-center .project-box .project-img img {
	-webkit-transform:scale(1.1);
	-ms-transform:scale(1.1);
	transform:scale(1.1)
}
.slick-current.slick-center .project-box .project-icon {
	-webkit-animation:jumpIcon 1s linear infinite;
	animation:jumpIcon 1s linear infinite
}
.slick-current.slick-center .project-box .project-content {
	-webkit-transform:translateY(0);
	-ms-transform:translateY(0);
	transform:translateY(0);
	visibility:visible;
	opacity:1
}
@media (max-width: 767px) {
.project-sec3.bg-top-center {
background-size:100% 80%
}
}
.as-video2 {
	position:relative
}
.as-video2 .play-bg {
	position:absolute;
	top:0;
	left:50%;
	-webkit-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	transform:translateX(-50%);
	z-index:4
}
.as-video2 .play-bg .play-btn {
	position:absolute;
	bottom:65px;
	left:50%
}
.as-video2 .play-bg .play-btn:hover>i {
	background-color:var(--title-color);
	color:var(--white-color)
}
.as-video2 .play-bg .play-btn:hover::before, .as-video2 .play-bg .play-btn:hover:after {
background-color:var(--title-color)
}
.img-right {
	position:absolute;
	top:0;
	right:0;
	z-index:4;
	height:100%;
	width:44%
}
.img-right img {
	width:100%;
	height:100%;
	object-fit:cover
}
@media (max-width: 1199px) {
.img-right {
position:relative;
width:100%;
margin-bottom:-65px
}
}
@media (max-width: 991px) {
.img-right {
margin-bottom:-35px
}
}
@media (max-width: 575px) {
.as-video2 .play-bg {
left:30%;
-webkit-transform:translateX(-30%);
-ms-transform:translateX(-30%);
transform:translateX(-30%)
}
}
@media (max-width: 375px) {
.as-video2 .play-bg .play-btn {
bottom:30px;
left:45%
}
}
.year-block {
	position:relative;
	max-width:842px;
	margin:0 auto
}
.year-block_year {
	width:80px;
	height:80px;
	line-height:80px;
	background-color:var(--theme-color);
	color:var(--white-color);
	font-size:20px;
	font-weight:900;
	text-align:center;
	margin:0 auto 0 auto;
	border-radius:50%;
	position:relative;
	z-index:3
}
.year-block_year:after, .year-block_year:before {
	content:"";
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	background-color:inherit;
	z-index:-1;
	border-radius:inherit;
	-webkit-transition:all ease 0.4s;
	transition:all ease 0.4s
}
.year-block_year:after {
	-webkit-animation-delay:2s;
	animation-delay:2s
}
.year-block .dot {
	display:inline-block;
	width:12px;
	height:12px;
	background-color:var(--theme-color);
	border-radius:50%;
	position:relative;
	top:-4.5px
}
.year-block_left .dot {
	left:-4.5px
}
.year-block_right {
	text-align:right
}
.year-block_right .dot {
	right:-4.5px
}
.year-block_middle {
	text-align:center
}
.year-block_lines {
	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;
	gap:6px;
	width:100%;
	margin-top:-26px
}
.year-block_lines>div {
	position:relative;
	z-index:2
}
.year-block svg {
	max-width:100%
}
@media (max-width: 991px) {
.year-block {
max-width:460px
}
.year-block_left:after, .year-block_right:after {
content:'';
height:29px;
width:1px;
background-color:var(--title-color);
opacity:0.3;
position:absolute;
bottom:20px;
z-index:-1
}
.year-block_left:after {
left:0
}
.year-block_right:after {
right:0
}
}
@media (max-width: 767px) {
.year-block_left, .year-block_right {
display:none
}
.year-block_middle {
margin-bottom:20px
}
.year-block .dot {
position:absolute;
top:calc(100% - 5px);
left:-5.5px
}
}
.event-card {
	margin-left:26px;
	background-color:var(--smoke-color)
}
.event-card_date {
	display:inline-block;
	background-color:var(--theme-color);
	color:var(--white-color);
	font-size:20px;
	font-weight:600;
	padding:22px;
	width:252px;
	margin-left:-26px;
	margin-top:40px;
	border-radius:0 60% 0 0 / 0 100% 0 0;
	position:relative
}
.event-card_date:before {
	content:'';
	border-style:solid;
	border-width:0 26px 26px 0;
	border-color:transparent var(--title-color) transparent transparent;
	position:absolute;
	left:0;
	top:100%
}
.event-card_img {
	overflow:hidden
}
.event-card_img img {
	width:100%;
	-webkit-transition:0.4s ease-in-out;
	transition:0.4s ease-in-out
}
.event-card_title {
	font-size:24px;
	margin-top:-0.24em;
	max-width:365px
}
.event-card_content {
	padding:40px
}
.event-card_text {
	margin-bottom:-0.5em
}
.event-card:hover .event-card_img img {
	-webkit-transform:scale(1.1);
	-ms-transform:scale(1.1);
	transform:scale(1.1)
}
@media (max-width: 1399px) {
.event-card_content {
padding:40px 30px
}
}
@media (max-width: 1199px) {
.event-card_content {
padding:40px 15px
}
.event-card_title {
font-size:22px
}
}
@media (max-width: 991px) {
.event-card_content {
padding:40px 20px
}
.event-card_title {
font-size:24px
}
}
@media (max-width: 767px) {
.event-card_content {
padding:40px
}
}
@media (max-width: 375px) {
.event-card_content {
padding:40px 20px
}
.event-card_title {
font-size:22px
}
}
.available-list ul {
	padding:0;
	margin:0;
	text-align:left;
	list-style:none
}
.available-list li {
	position:relative;
	margin-bottom:8px;
	padding-right:18px
}
.available-list li:last-child {
	margin-bottom:0
}
.available-list li:after {
	content:"\f058";
	font-family:var(--icon-font);
	font-weight:500;
	color:var(--theme-color);
	position:absolute;
	right:0;
	-webkit-transition:0.3s ease-in-out;
	transition:0.3s ease-in-out
}
.available-list li.unavailable:after {
	content:'\f057';
	color:#b3b3b3
}
.price-card {
	background-color:var(--white-color);
	box-shadow:0px 6px 30px rgba(0, 15, 87, 0.08);
	text-align:center;
	padding:0 60px 40px 60px
}
.price-card_title {
	font-size:24px;
	width:230px;
	text-align:center;
	margin:0 auto 27px auto;
	background-color:var(--title-color);
	color:var(--white-color);
	padding:20px 20px 36px 20px;
	border-radius:0 0 100% 100% / 0 0 100% 100%
}
.price-card_price .price {
	color:var(--theme-color);
	position:relative;
	display:inline-block;
	margin-bottom:10px
}
.price-card_price .currency {
	font-size:0.6em;
	position:absolute;
	top:3px;
	right:-22px
}
.price-card_price .package-duration {
	font-size:16px;
	font-weight:600;
	color:var(--title-color)
}
.price-card_content {
	border-top:1px solid var(--border-color);
	padding-top:24px;
	margin-top:22px;
	margin-bottom:32px
}
.price-card .as-btn {
	background-color:var(--title-color)
}
.price-card .as-btn:before, .price-card .as-btn:after {
	background-color:var(--theme-color)
}
.price-card.active .price-card_title {
	background-color:var(--theme-color)
}
.price-card.active .as-btn {
	background-color:var(--theme-color)
}
.price-card.active .as-btn:before, .price-card.active .as-btn:after {
	background-color:var(--title-color)
}
@media (max-width: 991px) {
.price-card {
padding:0 40px 40px 40px
}
}
@media (max-width: 767px) {
.price-card {
padding:0 60px 40px 60px
}
.price-card_price .price {
font-size:36px
}
.price-card_price .currency {
right:-14px;
top:0
}
}
@media (max-width: 375px) {
.price-card {
padding:0 30px 40px 30px
}
}
.header-coming {
	position:absolute;
	top:0;
	left:0;
	width:100%
}
.header-coming .header-logo {
	padding-top:50px;
	padding-bottom:50px
}
.header-coming .as-social a {
	background-color:transparent;
	border:1px solid;
	color:var(--white-color)
}
.header-coming .as-social a:hover {
	color:var(--white-color);
	background-color:var(--theme-color);
	border-color:var(--theme-color)
}
.coming-soon {
	text-align:center;
	padding:80px 0 80px 0
}
.coming-soon .coming-title {
	color:var(--white-color);
	font-weight:900;
	text-transform:uppercase;
	margin-bottom:10px
}
.coming-soon .coming-text {
	color:var(--white-color);
	margin-bottom:25px
}
.coming-soon .newsletter-form {
	max-width:630px;
	margin:0 auto;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	-ms-flex-pack:center;
	justify-content:center
}
.coming-soon .newsletter-form .as-btn {
	min-width:160px;
	border-radius:0 99px 99px 0;
	padding:20.5px 15px
}
.coming-soon .newsletter-form .as-btn i {
	margin-left:6px
}
.coming-soon .newsletter-form input {
	background-color:#0e121d;
	border:1px solid rgba(255, 255, 255, 0.5);
	border-right:none;
	color:var(--white-color);
	border-radius:99px 0 0 99px
}
.coming-soon .newsletter-form input::-moz-placeholder {
color:var(--white-color)
}
.coming-soon .newsletter-form input::-webkit-input-placeholder {
color:var(--white-color)
}
.coming-soon .newsletter-form input:-ms-input-placeholder {
color:var(--white-color)
}
.coming-soon .newsletter-form input::-ms-input-placeholder {
color:var(--white-color)
}
.coming-soon .newsletter-form input::placeholder {
color:var(--white-color)
}
.coming-soon .newsletter-form input:focus {
	background-color:#0e121d;
	border-color:var(--theme-color)
}
.clock {
	position:absolute;
	inset:5px;
	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-box-align:center;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center;
	background-size:cover;
	border-radius:50%
}
.clock-wrap {
	position:relative;
	max-width:446px;
	width:100%;
	height:446px;
	background-color:rgba(14, 18, 29, 0.5);
	border-radius:50%;
	margin:0 auto 30px auto
}
.clock:before, .clock:after {
	content:"";
	position:absolute;
	width:50px;
	height:50px;
	border-radius:50%;
	background:#0e121d;
	border:15px solid var(--white-color);
	z-index:0
}
.clock:after {
	border:none;
	width:20px;
	height:20px;
	z-index:1
}
.clock .hour, .clock .minute, .clock .second {
	position:absolute
}
.clock .hr, .clock .mn, .clock .sc {
	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;
	border-radius:50%
}
.clock .hr {
	width:210px;
	height:210px
}
.clock .hr:before {
	content:"";
	position:absolute;
	width:10px;
	height:145px;
	background-color:var(--theme-color);
	border-radius:99px;
	z-index:3
}
.clock .hr:after {
	content:"";
	width:18px;
	height:18px;
	background-color:var(--theme-color);
	position:absolute;
	-webkit-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg)
}
.clock .mn {
	width:285px;
	height:285px
}
.clock .mn:before {
	content:"";
	position:absolute;
	width:8px;
	height:187px;
	background:var(--theme-color);
	z-index:4;
	border-radius:99px
}
.clock .mn:after {
	content:"";
	width:17px;
	height:17px;
	background-color:var(--theme-color);
	position:absolute;
	-webkit-transform:rotate(45deg) skew(4deg, 4deg);
	-ms-transform:rotate(45deg) skew(4deg, 4deg);
	transform:rotate(45deg) skew(4deg, 4deg)
}
.clock .sc {
	width:360px;
	height:360px
}
.clock .sc:before {
	content:"";
	position:absolute;
	width:4px;
	height:240px;
	background:var(--white-color);
	z-index:5;
	border-radius:99px
}
.upcoming-counter {
	padding:0;
	margin:40px 0 0 0;
	text-align:center;
	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;
	gap:20px;
	list-style-type:none
}
.upcoming-counter .count-number {
	width:110px;
	height:110px;
	line-height:110px;
	background-color:var(--theme-color);
	color:var(--white-color);
	font-size:48px;
	font-weight:900;
	text-align:center;
	border-radius:50%;
	position:relative;
	margin:15px
}
.upcoming-counter .count-number:before {
	content:"";
	width:calc(100% + 30px);
	height:calc(100% + 30px);
	border:5px solid var(--white-color);
	position:absolute;
	left:-15px;
	top:-15px;
	border-radius:inherit
}
.upcoming-counter li {
	display:block;
	-webkit-box-flex:1;
	-webkit-flex:1;
	-ms-flex:1;
	flex:1;
	text-align:center;
	max-width:140px
}
.upcoming-counter .count-name {
	font-size:18px;
	font-weight:600;
	text-transform:uppercase;
	color:var(--white-color);
	margin-top:25px;
	display:block
}
@media (max-width: 991px) {
.header-coming .header-logo {
padding-top:25px;
padding-bottom:25px
}
}
@media (max-width: 767px) {
.upcoming-counter {
gap:4px
}
}
@media (max-width: 575px) {
.clock-wrap {
max-width:100%;
height:calc(100vw - 24px)
}
.clock .hr {
width:160px;
height:160px
}
.clock .hr:before {
width:10px;
height:120px
}
.clock .hr:after {
width:18px;
height:18px
}
.clock .mn {
width:160px;
height:160px
}
.clock .mn:before {
width:8px;
height:120px
}
.clock .mn:after {
width:17px;
height:17px
}
.clock .sc {
width:240px;
height:240px
}
.clock .sc:before {
width:4px;
height:160px
}
.upcoming-counter {
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
gap:10px
}
.upcoming-counter .count-number {
width:80px;
height:80px;
line-height:80px;
font-size:24px;
margin:0
}
.upcoming-counter .count-number:before {
display:none
}
.upcoming-counter li {
max-width:80px
}
.upcoming-counter .count-name {
font-size:16px;
margin-top:15px
}
}
@media (max-width: 375px) {
.header-coming .header-logo {
max-width:110px
}
.header-coming .as-social a {
--icon-size: 30px;
font-size:12px
}
.header-coming .as-social a:not(:last-child) {
margin-right:2px
}
.coming-soon .newsletter-form .as-btn {
font-size:0;
min-width:55px
}
.coming-soon .newsletter-form .as-btn i {
font-size:14px;
margin-left:0
}
.upcoming-counter {
gap:5px
}
.upcoming-counter .count-number {
width:70px;
height:70px;
line-height:70px;
font-size:22px
}
.upcoming-counter .count-number:before {
display:none
}
.upcoming-counter li {
max-width:70px
}
.upcoming-counter .count-name {
font-size:14px
}
}
.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:-.6rem
}
.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:-.6rem
}
.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
}
}
.as-btn.style-new {
	
}
.box-title {
	font-size:24px;
	line-height:1.417;
	font-weight:700;
	margin-top:-0.3em
}
.box-title a {
	color:inherit
}
.box-title a:hover {
	color:var(--theme-color)
}
.sub-title2 {
	display: block;
    font-size: 15px;
    font-weight: 600;
    color: var(--theme-color1);
    font-family: var(--title-font);
    letter-spacing: 0;
    margin-top: 0;
    margin-bottom: 15px;
    position: relative;
    border: 1px solid var(--theme-color1);
    width: max-content;
    border-radius: 70px;
    padding: 8px 20px 8px 20px;
    line-height: 19.8px;
    margin: 0px auto 15px;
    display: inline-block;
    border-radius: 70px;
    padding: 6px 20px 6px 20px;
    line-height: 19.8px;
    font-size: 16px;
    font-weight: 700;
	letter-spacing: -0.02em;
}
.sub-title2.text-white {
	 border: 1px solid var(--white-color);
	  color: var(--white-color);
}
.sub-title2 .box {
	display:inline-block;
	width:24px;
	height:24px;
	position:relative;
	top:7px;
	margin-right:4px
}
.sub-title2 .box:before, .sub-title2 .box:after {
	content:"";
	height:16px;
	width:16px;
	background-color:var(--theme-color);
	border-radius:3px;
	display:inline-block;
	position:absolute
}
.sub-title2 .box:before {
	top:0;
	left:0;
	background-color:transparent;
	border:2px solid var(--theme-color)
}
.sub-title2 .box:after {
	bottom:0;
	right:0
}
@media (max-width: 1199px) {
.sub-title2 {
margin-bottom:20px
}
}
@media (max-width: 575px) {
.sub-title2 {
letter-spacing:0.14em
}
}
select.style-radious, .form-control.style-radious, .form-select.style-radious, textarea.style-radious, input.style-radious {
	border-radius:5px
}
.rounded-20 {
	border-radius:20px
}
.rounded-20 img {
	border-radius:inherit
}
@media (max-width: 767px) {
.rounded-20 {
border-radius:10px
}
}
.as-container5 {
	max-width:1562px;
	padding-left:0;
	padding-right:0;
	margin-right:unset;
	margin-left:auto
}
.as-container5 .container {
	margin-left:0;
	margin-right:auto
}
@media (max-width: 1700px) {
.as-container5 {
margin-right:auto
}
.as-container5 .container {
margin-left:auto
}
}
@media (max-width: 1300px) {
.as-container5 {
padding-left:12px;
padding-right:12px
}
}
@media (min-width: 1922px) {
.as-container5 {
margin-right:auto
}
.as-container5 .container {
margin-left:auto
}
}
.sidebar-gallery {
	display:grid;
	grid-template-columns:repeat(3, 1fr);
	gap:10px;
	max-width:326px
}
.sidebar-gallery .gallery-thumb {
	overflow:hidden;
	border-radius:5px
}
.sidebar-gallery .gallery-thumb img {
	width:100%
}
.main-menu ul li:hover>ul.sub-menu, .main-menu ul li:hover ul.mega-menu {
	visibility:visible;
	opacity:1;
	-webkit-transform:scaleY(1);
	-ms-transform:scaleY(1);
	transform:scaleY(1);
	z-index:9
}
.main-menu ul li:hover ul.mega-menu {
	-webkit-transform:scaleY(1) translateX(-50%);
	-ms-transform:scaleY(1) translateX(-50%);
	transform:scaleY(1) translateX(-50%)
}
.main-menu ul.sub-menu, .main-menu ul.mega-menu {
	margin-top:0;
	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.sub-menu:before {
    background: #664545;
    border: none;
    content: '';
    display: block;
    height: 40.5px;
    right: 33%;
    position: absolute;
    top: -19px;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 40.5px;
    z-index: 11;
}
.main-menu ul.mega-menu {
	-webkit-transform:scaleY(0) translateX(-50%);
	-ms-transform:scaleY(0) translateX(-50%);
	transform:scaleY(0) translateX(-50%)
}
.as-header .icon-btn {
	border:none;
	background-color:#F8F8F8
}
.icon-btn.searchBoxToggler{
       border: none;
    background-color: transparent;
    color: var(--white-color);
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 13px;
	
	padding: 0;
}
.icon-btn.worldBoxToggler{
       border: none;
    background-color: transparent;
    color: var(--white-color);
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 13px;
	
	padding: 0;
}
.icon-btn.worldBoxToggler img {
    width: 16px;
    height: 17px;
}
.icon-btn.searchBoxToggler img{
	width:16px;
	 height: 17px;
}
.as-header .icon-btn:hover {
	background-color:var(--theme-color)
}
.globe-hover{
	    position: relative;
		    padding: 5.5px 0;
			    padding-left: 17px;
}
.globe-hover:after{
	content: "\f107";
    position: relative;
    font-family: var(--icon-font);
    margin-left: 5px;
    top: 0;
    color: var(--white-color);
}
.globe-hover:hover ul.sub-menu{
visibility: visible;
    opacity: 1;
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    z-index: 9;
	    margin-top: 0;
}

.globe-hover ul.sub-menu {
	    position: absolute;
    text-align: left;
    top: 100%;
    left: 0;
    background-color: #fff;
    visibility: hidden;
    min-width: 40px;
    width: max-content;
    padding: 7px;
    left: -14px;
    margin-top: 50px;
    opacity: 0;
    z-index: -1;
    border: 0;
    border-radius: 0;
    -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;
    margin: 0;
    padding: 12px 0px;
    left: -54px;
    margin-left: 0;
	margin-top: 0;
    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;
	left:unset;
	right:0
}



.globe-hover ul.sub-menu li a {
    position: relative;
    padding: 3px 20px;
    text-transform: capitalize;
    border-bottom: none;
    color: var(--title-color);
    font-size: 15px;
    line-height: 28px;
    text-align: center;
    display: inline-block;
    margin: 0 auto;
    font-weight: 500;
	
}
.globe-hover ul.sub-menu li a:hover {
    color: #9D9D9D;
    background: transparent;
}
.globe-hover ul.sub-menu li {
    display: block;
    margin: 0 0;
    padding: 0px 0px;
    margin-left: 0 !important;
    list-style-type: none;
    position: relative;
}


.header-layout4 .header-links li>i {
	color:var(--white-color)
}
.header-layout4 .header-links li:not(:last-child):before {
background-color:var(--body-color);
opacity:0.3
}
.header-layout4 .header-top {
--body-color: #fff;
	background-color:var(--theme-color);
	padding:8px 0;
	position:relative
}
.header-layout4 .header-top:before {
	content:'';
	height:100%;
	width:60%;
	position:absolute;
	top:0;
	left:0;
	background-color:var(--theme-color);
	-webkit-clip-path:polygon(0 0, calc(100% - 40px) 0%, 100% 100%, 0% 100%);
	clip-path:polygon(0 0, calc(100% - 40px) 0%, 100% 100%, 0% 100%)
}
.header-layout4 .header-top .container {
	padding-left:400px
}
.header-layout4 .header-top a, .header-layout4 .header-top li, .header-layout4 .header-top p {
	color:var(--white-color)
}
.header-layout4 .header-top a:hover {
	color:var(--smoke-color)
}
.header-layout4 .header-button {
	margin-left:130px
}
.header-layout4 .menu-area {
	background-color:#f3f3f3;
}
.header-layout4 .sticky-wrapper.sticky .menu-area {
	background-color:#fff;
}
.header-layout4 .main-menu a {
	color:var(--title-color)
}
.header-layout4 .main-menu a:hover {
	color:var(--theme-color)
}
.header-layout4 .main-menu ul.sub-menu, .header-layout4 .main-menu ul.mega-menu {
	background-color:var(--white-color)
}
.header-layout4 .main-menu ul.mega-menu>li>a {
	color:var(--title-color)
}
.dropdown-menu li a {
	color:var(--title-color) !important
}
.dropdown-menu li a:hover {
	color:var(--theme-color) !important
}
.logo-style3 {
	position:relative;
	z-index:2;
	    padding: 20px 93px 20px 0;
	    margin-top: -51px;
	-webkit-filter:drop-shadow(8px -4px 20px rgba(7, 36, 95, 0.04));
	filter:drop-shadow(8px -4px 20px rgba(7, 36, 95, 0.04))
}
.logo-style3:before {
	content: '';
    height: 146px;
    width: 2000px;
    position: absolute;
    bottom: 0px;
    right: -15px;
    background-color: var(--white-color);
    z-index: -1;
    -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%);
}
.sticky-wrapper.sticky .logo-style3:before {
	content: unset!important;
}
.logo-style3 img{
	height: 105px;
}
.sticky-wrapper.sticky .logo-style3 img {
    height: 87px;
}
@media (max-width: 1500px) {
.logo-style3 {
    padding: 20px 93px 20px 0;
}
.header-layout4 .header-top .container {
padding-left:300px
}
}
@media (max-width: 1399px) {
.header-layout4 .header-button {
margin-left:0
}
}
@media (max-width: 1300px) {
.header-layout4 .header-button {
margin-left:40px
}
.header-layout4 .header-button .as-btn {
display:none
}
.logo-style3 {
padding:0 50px 39px 0
}
.logo-style3:before {
right:-25px;
-webkit-clip-path:polygon(0 0, calc(100% - 80px) 0, 100% 100%, 0% 100%);
clip-path:polygon(0 0, calc(100% - 80px) 0, 100% 100%, 0% 100%)
}
}
@media (max-width: 1199px) {
.header-layout4 .header-top .container {
padding-left:250px
}
}

@media (max-width: 991px) {
.header-layout4 .header-top {
padding:10px 0
}
.header-layout4 .header-top .container {
padding-left:12px
}
.logo-style3 {
padding:19px 0 19px 0;
margin-top:0
}
.logo-style3:before {
display:none
}
}
@media (max-width: 767px) {
.header-layout4 .header-top:before {
display:none
}
}
.will-sticky .logo-style3, .sticky .logo-style3 {
	    padding-bottom: 7px !important;
    margin-top: 0 !important;
    padding-top: 7px!important;
    padding-right: 0px;
}
.hero-4 .as-hero-slide {
	padding:210px 0
}
.hero-4 .as-hero-bg img {
	object-fit:fill
}
.hero-4 .hero-img {
	position:absolute;
	bottom:0;
	right:15%
}
.call-btn.style-video {
	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
}
.call-btn.style-video .play-btn:after, .call-btn.style-video .play-btn:before {
	background-color:transparent
}
.call-btn.style-video .btn-title {
	font-size:18px;
	font-weight:700;
	margin-bottom:0;
	line-height:1
}
.call-btn.style-video .btn-text {
	font-size:14px;
	font-weight:400;
	line-height:1
}
.hero-style4 .hero-subtitle {
	font-size:16px;
	font-weight:600;
	color:var(--theme-color);
	text-transform:uppercase;
	margin-bottom:21px
}
.hero-style4 .hero-subtitle:before {
	content:'';
	height:2px;
	width:60px;
	position:relative;
	display:inline-block;
	bottom:5px;
	margin-right:10px;
	background-color:var(--theme-color)
}
.hero-style4 .hero-title {
	color:var(--white-color);
	font-size:74px;
	line-height:1.135;
	margin-bottom:30px !important;
	text-transform:capitalize;
	font-weight:800
}
.hero-style4 .hero-text {
	max-width:710px;
	margin-bottom:40px;
	color:var(--white-color)
}
.hero-style4 .call-btn .btn-title {
	color:var(--white-color)
}
.hero-style4 .call-btn .btn-text {
	color:var(--white-color)
}
.hero-style4 .btn-group {
	gap:50px
}
@media (max-width: 1500px) {
.hero-4 .hero-img {
right:2%
}
.hero-style4 .hero-title {
font-size:64px
}
}
@media (max-width: 1199px) {
.hero-4 .as-hero-slide {
padding:160px 0
}
.hero-4 .hero-img {
max-width:420px
}
.hero-style4 .hero-title {
font-size:60px;
line-height:1.2
}
.hero-style4 .hero-text {
margin-bottom:35px;
max-width:600px
}
.hero-style4 .hero-subtitle {
margin-bottom:12px
}
}
@media (max-width: 991px) {
.hero-4 .as-hero-slide {
padding:120px 0
}
.hero-4 .hero-img {
max-width:320px;
right:-5%
}
.hero-style4 .hero-title {
font-size:52px
}
.hero-style4 .hero-text {
max-width:500px
}
}
@media (max-width: 767px) {
.hero-4 .hero-img {
display:none
}
.hero-4 .as-hero-slide {
padding:90px 0
}
.hero-style4 {
text-align:center
}
.hero-style4 .hero-subtitle:before {
display:none
}
.hero-style4 .hero-title {
font-size:46px
}
.hero-style4 .btn-group {
gap:20px 30px;
-webkit-box-pack:center;
-webkit-justify-content:center;
-ms-flex-pack:center;
justify-content:center
}
.hero-style4 .call-btn {
text-align:left
}
}
@media (max-width: 575px) {
.hero-style4 .hero-title {
font-size:38px;
margin-bottom:15px !important
}
.hero-style4 .hero-text {
margin-bottom:25px
}
}
@media (max-width: 375px) {
.hero-style4 .hero-title {
font-size:34px
}
}
@media (max-width: 350px) {
.hero-style4 .hero-title {
font-size:30px
}
.hero-style4 .hero-text {
font-size:14px
}
}
.feature-box {
	background-color:var(--white-color);
	border:1px solid #E4E4E4;
	border-top:5px solid var(--theme-color);
	box-shadow:0px 6px 15px rgba(14, 18, 29, 0.06);
	border-radius:10px;
	padding:35px
}
.feature-box_icon {
	margin-bottom:20px
}
.feature-box_icon img {
	-webkit-transition:0.4s ease-in-out;
	transition:0.4s ease-in-out
}
.feature-box_title {
	margin-bottom:10px
}
.feature-box_text {
	font-size:14px;
	margin-bottom:-0.5em
}
.feature-box:hover .feature-box_icon img {
	-webkit-transform:rotateY(180deg);
	transform:rotateY(180deg)
}
@media (max-width: 767px) {
.feature-box {
text-align:center
}
}
.img-box7 {
	margin-right:56px;
	margin-left:-74px
}
.achive-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;
	max-width:280px
}
.achive-feature-wrap {
	display:grid;
	grid-template-columns:auto auto;
	gap:20px;
	margin-bottom:40px
}
.achive-feature_icon {
	width:70px;
	height:70px;
	line-height:70px;
	min-width:70px;
	background-color:rgba(255, 76, 19, 0.1);
	border-radius:20px;
	text-align:center
}
.achive-feature_title {
	font-size:20px;
	line-height:30px;
	margin-bottom:0
}
.about-quote {
	padding:20px 110px 20px 40px;
	border-radius:10px;
	background-color:#F8F8F8;
	margin:0;
	max-width:710px
}
.about-quote:before {
	color:rgba(255, 76, 19, 0.2);
	font-size:40px;
	bottom:28px;
	line-height:1
}
.about-quote p {
	margin-top:0
}
.about-quote p:last-of-type {
	margin-bottom:0
}
@media (max-width: 1300px) {
.img-box7 {
margin-right:20px;
margin-left:-64px
}
}
@media (max-width: 1199px) {
.img-box7 {
margin:0 0 30px 0;
text-align:center
}
}
@media (max-width: 575px) {
.achive-feature-wrap {
grid-template-columns:auto
}
.about-quote {
padding:20px 50px 20px 20px;
font-size:16px
}
.about-quote:before {
right:20px;
bottom:20px
}
}
.tab-menu5 {
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	gap:0;
	margin-bottom:60px
}
.tab-menu5 button {
	-webkit-box-flex:1;
	-webkit-flex:1;
	-ms-flex:1;
	flex:1;
	font-size:20px;
	font-weight:600;
	color:var(--title-color);
	background-color:var(--white-color);
	position:relative;
	z-index:2;
	padding:20px 10px;
	text-align:center;
	border:1px solid var(--border-color);
	margin-right:-1px
}
.tab-menu5 button:before {
	content:'';
	height:100%;
	width:100%;
	background-color:var(--theme-color);
	position:absolute;
	top:0;
	left:0;
	-webkit-transform:scaleX(0);
	-ms-transform:scaleX(0);
	transform:scaleX(0);
	-webkit-transition:0.4s ease-in-out;
	transition:0.4s ease-in-out;
	z-index:-1
}
.tab-menu5 button:hover {
	color:var(--title-color)
}
.tab-menu5 button.active {
	color:var(--white-color)
}
.tab-menu5 button.active:before {
	-webkit-transform:scaleX(1);
	-ms-transform:scaleX(1);
	transform:scaleX(1)
}
.mission-grid {
	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;
	gap:80px
}
.mission-grid .mission-img {
	-webkit-box-flex:586px;
	-webkit-flex:586px;
	-ms-flex:586px;
	flex:586px;
	border-radius:20px;
	overflow:hidden
}
.mission-grid .mission-img img {
	width:100%
}
.mission-grid .mission-img .play-btn {
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%)
}
.mission-grid .mission-content {
	-webkit-box-flex:554px;
	-webkit-flex:554px;
	-ms-flex:554px;
	flex:554px
}
.mission-grid .mission-title {
	margin-bottom:22px
}
.mission-grid .mission-text {
	margin-bottom:25px
}
.mission-grid .checklist {
	margin-bottom:30px;
	padding-bottom:20px;
	border-bottom:1px solid var(--border-color)
}
.mission-grid .checklist ul {
	display:grid;
	grid-template-columns:auto auto
}
.mission-feature {
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	gap:10px;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center
}
.mission-feature-wrap {
	display:grid;
	grid-template-columns:auto auto
}
.mission-feature_icon {
	min-width:50px
}
.mission-feature_subtitle {
	font-size:14px;
	color:var(--theme-color);
	margin-bottom:0
}
.mission-feature_title {
	font-size:18px;
	margin-bottom:0
}
@media (max-width: 1399px) {
.mission-grid {
gap:40px
}
.tab-menu5 {
margin-bottom:40px
}
}
@media (max-width: 991px) {
.tab-menu5 button {
-webkit-box-flex:1;
-webkit-flex:auto;
-ms-flex:auto;
flex:auto;
font-size:16px;
padding:16px 15px
}
.mission-grid {
-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;
gap:30px
}
.mission-grid .mission-img {
-webkit-box-flex:1;
-webkit-flex:1;
-ms-flex:1;
flex:1
}
.mission-grid .mission-content {
-webkit-box-flex:1;
-webkit-flex:1;
-ms-flex:1;
flex:1
}
}
@media (max-width: 420px) {
.tab-menu5 button {
-webkit-box-flex:50%;
-webkit-flex:50%;
-ms-flex:50%;
flex:50%;
margin-bottom:-1px
}
.mission-grid .checklist ul {
grid-template-columns:auto
}
.mission-feature-wrap {
grid-template-columns:auto;
gap:20px
}
}
.achive-counter {
	background: #FFFFFF;
    box-shadow: unset;
    border-radius: 10px;
    position: relative;
    padding: 20px 9px 20px 9px;
    width: 100%;
    margin-bottom: 0px;
    text-align: center;
}
.achive-counter-wrap {
	display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-top: 40px;
	    padding-right: 60px;
}
.achive-counter_icon {
	    display: inline-block;
    width: 90px;
    width: 70px;
    line-height: 80px;
    background-color: var(--theme-color);
    position: absolute;
    top: 24px;
    left: 20px;
    text-align: center;
    border-radius: 0 0 99px 99px;
}

.achive-counter_icon img{
	width:50px;
	height:50px;
}
.achive-counter_number {
color: var(--title-color);
    font-size: 50px;
    margin-bottom: 0;
    font-weight: 700;
}
.achive-counter_number span{

    font-size: 60px;
  
}
.achive-counter_number.text-blue{
	color:var(--theme-color);
}

.achive-counter .counter-number {
	font-weight:700
}
.achive-counter_text {
	    margin-bottom: 0;
    margin-bottom: 0;
    font-weight: 500;
    font-size: 15px;
}
@media (max-width: 767px) {
.achive-counter {
padding:24px 15px 24px 95px
}
.achive-counter-wrap {
gap:15px
}
.achive-counter_icon {
left:10px
}
}
@media (max-width: 575px) {
.achive-counter {
padding:24px 30px 24px 120px;
max-width:300px;
margin-left:auto;
margin-right:auto
}
.achive-counter-wrap {
grid-template-columns:repeat(3, 1fr)
}
.achive-counter_icon {
left:30px
}
}
.service-list {
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	gap:25px
}
.service-list-wrap {
--space-x: 35px;
--space-y: 35px
}
.service-list-wrap:not(:nth-last-child(-n+3)) {
border-bottom:1px solid var(--border-color);
padding-bottom:var(--space-y)
}
.service-list-wrap:not(:nth-child(-n+3)) {
padding-top:var(--space-y)
}
.service-list-wrap:not(:nth-child(3n)) {
border-right:1px solid var(--border-color)
}
.service-list-wrap:not(:nth-child(3n+1)) {
padding-left:var(--space-x)
}
.service-list_icon {
	min-width:60px
}
.service-list_icon img {
	-webkit-transition:0.4s ease-in-out;
	transition:0.4s ease-in-out
}
.service-list_title {
	margin-bottom:10px
}
.service-list_text {
	margin-bottom:20px
}
.service-list_btn {
	font-size:14px;
	font-weight:600;
	text-transform:uppercase;
	color:var(--title-color)
}
.service-list_btn .icon-btn {
--btn-size: 40px;
	box-shadow:0px 0px 10px rgba(14, 18, 29, 0.12);
	background-color:var(--white-color);
	color:var(--theme-color);
	font-size:14px;
	margin-right:10px
}
.service-list_btn:hover {
	color:var(--theme-color)
}
.service-list_btn:hover .icon-btn {
	background-color:var(--theme-color);
	color:var(--white-color)
}
.service-list:hover .service-list_icon img {
	-webkit-transform:rotateY(180deg);
	transform:rotateY(180deg)
}
@media (max-width: 1300px) {
.service-list {
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-webkit-flex-direction:column;
-ms-flex-direction:column;
flex-direction:column
}
}
@media (max-width: 991px) {
.service-list-wrap:not(:nth-last-child(-n+3)) {
border-bottom:unset;
padding-bottom:unset
}
.service-list-wrap:not(:nth-child(-n+3)) {
padding-top:unset
}
.service-list-wrap:not(:nth-child(3n)) {
border-right:unset
}
.service-list-wrap:not(:nth-child(3n+1)) {
padding-left:unset
}
.service-list-wrap:not(:nth-last-child(-n+2)) {
border-bottom:1px solid var(--border-color);
padding-bottom:var(--space-y)
}
.service-list-wrap:not(:nth-child(-n+2)) {
padding-top:var(--space-y)
}
.service-list-wrap:nth-child(odd) {
padding-right:var(--space-x)
}
.service-list-wrap:nth-child(even) {
padding-left:var(--space-x);
border-left:1px solid var(--border-color)
}
}
@media (max-width: 767px) {
.service-list-wrap {
padding:var(--space-y) var(--space-x) !important
}
.service-list-wrap:first-child {
padding-top:0 !important
}
.service-list-wrap:last-child {
padding-bottom:0 !important
}
.service-list-wrap:nth-child(odd) {
border-left:1px solid var(--border-color);
border-bottom:1px solid var(--border-color)
}
.service-list-wrap:nth-child(even) {
border-right:1px solid var(--border-color);
border-left:unset
}
}
@media (max-width: 360px) {
.service-list-wrap {
--space-x: 20px
}
.service-list_title {
font-size:22px
}
}
.as-team .play-btn {
	border:none;
	padding:0
}
.team-grid {
	text-align:center
}
.team-grid .team-img {
	margin-bottom:25px;
	background-color:var(--white-color);
	box-shadow:0px 6px 15px rgba(14, 18, 29, 0.08);
	border-radius:999px;
	padding:20px;
	position:relative;
	z-index:2
}
.team-grid .team-img:before {
	content:'';
	height:100%;
	width:100%;
	position:absolute;
	top:0;
	left:0;
	border:6px solid var(--theme-color);
	border-radius:inherit;
	-webkit-transform:scale(0.8);
	-ms-transform:scale(0.8);
	transform:scale(0.8);
	-webkit-transition:0.4s ease-in-out;
	transition:0.4s ease-in-out;
	z-index:-1
}
.team-grid .team-img img {
	border-radius:inherit;
	width:100%;
	aspect-ratio:16 / 16
}
.team-grid .team-title {
	margin-bottom:0
}
.team-grid .team-desig {
	color:var(--theme-color);
	font-weight:500;
	margin-bottom:-0.5em;
	display:block
}
.team-grid .team-social {
	top:unset;
	bottom:35px;
	right:35px
}
.team-grid:hover .team-img:before {
	-webkit-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1)
}
.team-grid:hover .team-img img {
	-webkit-transform:none;
	-ms-transform:none;
	transform:none
}
@media (max-width: 575px) {
.team-grid {
max-width:320px;
margin-left:auto;
margin-right:auto
}
}
.project-block .project-img {
	border-radius:10px 10px 0 0
}
.project-block .project-subtitle {
	color:var(--theme-color)
}
.project-block .project-title {
	font-size:24px;
	margin-bottom:-0.24em
}
.project-block .project-content {
	width:100%;
	border-radius:0 0 10px 10px;
	box-shadow:0px 6px 15px rgba(14, 18, 29, 0.06);
	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
}
#projectSlide4 .slick-list {
	padding-right:20%
}
@media (max-width: 1500px) {
#projectSlide4 .slick-list {
padding-right:14%
}
}
@media (max-width: 1399px) {
#projectSlide4 .slick-list {
padding-right:10%
}
}
@media (max-width: 1300px) {
#projectSlide4 .slick-list {
padding-right:0
}
.project-block .project-title {
font-size:22px
}
}
@media (max-width: 767px) {
.project-block {
max-width:400px;
margin-left:auto;
margin-right:auto
}
}
@media (max-width: 360px) {
.project-block .project-subtitle {
font-size:14px
}
.project-block .project-title {
font-size:18px
}
}
.testi-grid {
	background-color:transparent;
	border-radius:0px;
	overflow:hidden;
	padding:0px 0px 0px 0px;
	position:relative;
	z-index:2;
	width:100%;
	margin-bottom:0px;
}

.testi-grid_text {
	margin-top:-0.5em;
	margin-bottom:25px
}
.testi-grid_name {
	font-size: 20px;
    margin-top: 25px;
    margin-bottom: 7px;
    color: var(--title-color);
    font-weight: 700;
    text-align: center;
}
.testi-grid_desig {
	    display: block;
    font-size: 17px;
    margin-top: 0px;
    margin-bottom: 0;
    color: var(--title-color);
    font-weight: 500;
    text-align: center;
    font-family: var(--text-font2);
    font-style: italic;
}
.testi-grid_author {
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:start;
	-webkit-align-items:flex-start;
	-ms-flex-align:start;
	align-items:flex-start;
	gap:30px
}
.testi-grid_avater {
	border-radius:20px;
	overflow:hidden;
	border:4px solid var(--white-color)
}
.testi-grid_review {
	    color: var(--title-color);
    margin-top: 0;
    margin-bottom: 20px;
}
.testi-grid_review i {
	    font-size: 17px;
    margin: 0px 7px;
}
.testi-text{
	margin-bottom:10px;
}
.testi-text p{
	font-size:32px;
	line-height:1.2
}
.testi-grid_quote {
	position:absolute;
	bottom:30px;
	right:40px
}
@media (max-width: 1199px) {
.testi-grid:before {
width:calc(100% - 70px)
}
.testi-grid_quote {
right:20px
}
.testi-grid_name {
font-size:22px
}
}
@media (max-width: 575px) {
.testi-grid:before {
width:100%
}
.testi-grid_quote {
display:none
}
}
@media (max-width: 410px) {
.testi-grid {
padding:20px
}
.testi-grid:before {
-webkit-clip-path:polygon(0 0, calc(100% - 35px) 0%, 100% 100%, 0% 100%);
clip-path:polygon(0 0, calc(100% - 35px) 0%, 100% 100%, 0% 100%)
}
.testi-grid_author {
gap:20px
}
.testi-grid_avater {
max-width:70px;
border-radius:14px
}
.testi-grid_name {
font-size:20px
}
.testi-grid_text {
font-size:14px;
margin-bottom:20px
}
.testi-grid_desig {
font-size:14px
}
.testi-grid_review {
margin-top:0
}
}
.available-list2 ul {
	padding:0;
	margin:0;
	list-style:none
}
.available-list2 li {
	position:relative;
	margin-bottom:10px;
	padding-left:26px
}
.available-list2 li:last-child {
	margin-bottom:0
}
.available-list2 li:before {
	content:"\f058";
	font-family:var(--icon-font);
	font-weight:600;
	color:var(--theme-color);
	font-size:1em;
	vertical-align:text-top;
	position:absolute;
	top:0;
	left:0
}
.available-list2 li.unavailable {
	color:#bdbdbd
}
.available-list2 li.unavailable:before {
	color:#bdbdbd
}
.price-box {
	padding:40px;
	background-color:var(--white-color);
	border-radius:10px;
	position:relative;
	z-index:2;
	box-shadow:0px 4px 30px rgba(1, 19, 60, 0.08)
}
.price-box_price {
	color:var(--theme-color);
	font-size:48px;
	font-weight:bold;
	line-height:1
}
.price-box_price .currency {
	font-size:24px;
	position:relative;
	top:-25px
}
.price-box_price .duration {
	color:var(--title-color);
	font-size:16px;
	font-weight:600;
	margin-left:-14px
}
.price-box_title {
	border-bottom:2px solid var(--theme-color);
	max-width:-webkit-fit-content;
	max-width:-moz-fit-content;
	max-width:fit-content;
	margin-top:-0.24em;
	margin-bottom:25px
}
.price-box .available-list2 {
	border-top:1px solid var(--border-color);
	padding-top:28px;
	margin-top:28px;
	margin-bottom:30px
}
.price-box .as-btn {
	border-radius:4px;
	background-color:var(--title-color)
}
.price-box .as-btn:before, .price-box .as-btn:after {
	background-color:var(--theme-color)
}
.price-sec {
	
	position:relative;
	z-index:3;
	box-shadow:0px 6px 50px rgba(14, 18, 29, 0.06)
}
@media (max-width: 360px) {
.price-box {
padding:40px 20px
}
.price-box_title {
font-size:22px
}
}
@media (max-width: 991px) {
.price-sec {
margin-top:-80px;
border-radius:15px
}
}
.blog-grid {
	background-color:var(--white-color);
	-webkit-transition:0.4s ease-in-out;
	transition:0.4s ease-in-out;
	box-shadow:0px 6px 30px rgba(7, 36, 95, 0.08);
	border-radius:10px
}
.blog-grid .blog-img {
	overflow:hidden;
	border-radius:10px 0 0 10px
}
.blog-grid .blog-img img {
	width:100%;
	-webkit-transition:0.4s ease-in-out;
	transition:0.4s ease-in-out
}
.blog-grid .blog-content {
	padding:25px 15px 25px 30px;
	border-radius:0px 10px 10px 0
}
.blog-grid .blog-title {
	font-size:24px;
	margin-bottom:17px
}
.blog-grid .blog-meta {
	margin-bottom:12px
}
.blog-grid .blog-meta a {
	font-size:14px;
	font-weight:500
}
.blog-grid .blog-text {
	margin-bottom:14px
}
.blog-grid.style-big .blog-img {
	border-radius:10px 10px 0 0
}
.blog-grid.style-big .blog-content {
	padding:40px;
	border-radius:0px 0px 10px 10px
}
.blog-grid.style-big .blog-meta {
	margin-bottom:17px
}
.blog-grid.style-big .blog-title {
	font-size:26px
}
.blog-grid.style-small {
	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
}
.blog-grid.style-small:not(:last-child) {
margin-bottom:24px
}
.blog-grid.style-small .blog-img {
	min-width:218px;
	height:100%
}
.blog-grid.style-small .blog-img img {
	height:100%;
	object-fit:cover
}
.blog-grid:hover .blog-img img {
	-webkit-transform:scale(1.08);
	-ms-transform:scale(1.08);
	transform:scale(1.08)
}
@media (max-width: 767px) {
.blog-grid .blog-content {
padding:40px
}
.blog-grid.style-small {
-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
}
.blog-grid.style-small .blog-img {
max-height:265px;
min-width:100%;
border-radius:10px 10px 0 0
}
}
@media (max-width: 375px) {
.blog-grid .blog-title {
font-size:22px !important;
line-height:1.3
}
.blog-grid .blog-content {
padding:40px 20px !important
}
}
.scroll-top {
	position:fixed;
	right:30px;
	bottom:30px;
	height:50px;
	width:50px;
	cursor:pointer;
	display:block;
	border-radius:50px;
	z-index:10000;
	opacity:1;
	visibility:hidden;
	-webkit-transform:translateY(45px);
	-ms-transform:translateY(45px);
	transform:translateY(45px);
	-webkit-transition:all 300ms linear;
	transition:all 300ms linear
}
.scroll-top:after {
	content:"\f062";
	font-family:var(--icon-font);
	position:absolute;
	text-align:center;
	line-height:50px;
	font-size:20px;
	color:var(--theme-color);
	left:0;
	top:0;
	height:50px;
	width:50px;
	cursor:pointer;
	display:block;
	z-index:1;
	border:2px solid var(--theme-color);
	box-shadow:none;
	border-radius:50%
}
.scroll-top svg {
	color:var(--theme-color);
	border-radius:50%;
	background:var(--white-color)
}
.scroll-top svg path {
	fill:none
}
.scroll-top .progress-circle path {
	stroke:var(--theme-color);
	stroke-width:20px;
	box-sizing:border-box;
	-webkit-transition:all 400ms linear;
	transition:all 400ms linear
}
.scroll-top.show {
	opacity:1;
	visibility:visible;
	-webkit-transform:translateY(0);
	-ms-transform:translateY(0);
	transform:translateY(0)
}
.main-menu a .new-label {
	font-size:13px;
	background-color:var(--theme-color);
	color:var(--white-color);
	padding:2px 5px;
	border-radius:4px;
	position:relative;
	top:-1px
}
.sidemenu-wrapper .sidemenu-content {
--body-color: #fff;
	background-color:var(--title-color)
}
.sidemenu-wrapper .closeButton {
	color:var(--theme-color);
	line-height:47px
}
.header-link {
	display:inline-block;
	color:var(--white-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;
	border:none
}
.icon-btn.style2 {
	background-color:transparent;
	border:2px solid var(--white-color);
	color:var(--white-color);
	line-height:48px;
	    background-color: var(--theme-color);
    border-color: var(--theme-color);
}
.icon-btn.style2:hover {
	background-color:var(--title-color);
	border-color:var(--title-color)
}

.header-layout5 .top-area {
	background-color:var(--title-color)
}
.header-layout5 .header-top {
	padding:12px 0;
--body-color: #fff;
	border-bottom:1px solid #202c3c
}
.header-layout5 .header-top a, .header-layout5 .header-top li, .header-layout5 .header-top p, .header-layout5 .header-top span, .header-layout5 .header-top i {
	color:var(--white-color)
}
.header-layout5 .header-top a:hover {
	color:var(--theme-color)
}
.header-layout5 .menu-top {
	padding:20px 0
}
.header-layout5 .menu-top .icon-btn {
	background-color:var(--theme-color);
	color:var(--white-color)
}
.header-layout5 .header-link {
	color:var(--white-color);
	padding-right:30px;
	margin-right:30px;
	border-right:1px solid #202c3c
}
.header-layout5 .header-link:last-child {
	padding-right:0;
	margin-right:0;
	border-right:none
}
.header-layout5 .header-link:hover {
	color:var(--theme-color)
}
.header-layout5 .as-social a {
	background-color:#0f2239;
	border:1px solid #4d5765;
	color:var(--white-color)
}
.header-layout5 .as-social a:hover {
	background-color:var(--theme-color);
	color:var(--white-color);
	border-color:var(--theme-color)
}
.header-layout5 .simple-icon {
	color:var(--white-color)
}
.header-layout5 .dropdown-menu {
--body-color: #74787c
}
.header-layout5 .logo-shape {
	display:inline-block;
	height:100%;
	width:34%;
	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-layout5 .icon-style2 {
	color:var(--title-color)
}
.header-layout5 .menu-area {
	position:relative;
	background-color:var(--theme-color);
	z-index:2
}
.sticky-wrapper:before {
	z-index: 0;
    left: 0;
    position: absolute;
    right: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(to bottom, #000, #0000);
    content: "";
    top: 0;
}
.header-layout5 .menu-area .container {

	margin-left:auto;
	margin-right:66px
}
@media (min-width: 1922px) {
.header-layout5 .menu-area .container {
margin-right:auto
}
}
@media (max-width: 1399px) {
.header-layout5 .menu-area .container {
margin-right:auto
}
}
.header-layout5 .main-menu>ul>li {
	margin:0 18px
}
.header-layout5 .main-menu>ul>li>a {
	color:var(--white-color)
}
.header-layout5 .main-menu ul li.menu-item-has-children>a:after {
	color:var(--white-color)
}
.header-layout5 .as-menu-toggle {
	margin:20px 0;
	background-color:var(--title-color)
}
.header-layout5 .header-button {
	margin-left:100px
}
@media (max-width: 1700px) {
.header-layout5 .logo-shape {
width:22%
}
}
@media (max-width: 1500px) {
.header-layout5 .header-button {
margin-left:60px
}
}
@media (max-width: 1300px) {
.header-layout5 .header-button {
margin-left:20px
}
.header-layout5 .logo-shape {
width:26%
}
}
@media (max-width: 1199px) {
.header-layout5 .header-link:nth-child(2) {
padding-right:0;
margin-right:0;
border-right:none
}
.header-layout5 .logo-shape {
width:32%
}
}
@media (max-width: 991px) {
.header-layout5 .logo-shape {
width:60%
}
.header-layout5 .header-link {
padding-right:0;
margin-right:0;
border-right:none
}
}
@media (max-width: 767px) {
.header-notice {
text-align:center;
font-size:14px
}
.header-layout5 .menu-top {
padding:12px 0
}
}
@media (max-width: 575px) {
.header-layout5 .logo-shape {
width:280px
}
}
.dropdown-link {
	position:relative
}
.dropdown-link>a {
	color:var(--white-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) !important
}
.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)
}
.simple-icon {
	border:none;
	background-color:transparent
}
.simple-icon.style2 {
	font-size:28px
}
.simple-icon:hover {
	color:var(--theme-color)
}

.header-layout6 .header-top {
	background-color:var(--theme-color);
	padding:10px 0;
--body-color: #fff
}
.header-layout6 .header-top a, .header-layout6 .header-top li, .header-layout6 .header-top p, .header-layout6 .header-top span, .header-layout6 .header-top i {
	color:var(--body-color)
}
.header-layout6 .header-top .header-social i{
	color:var(--theme-color)
}
.header-layout6 .header-top a:hover {
	color:var(--white-color);
	background: var(--title-color);
}
.header-layout6 .header-top li:before {
	background-color:var(--white-color)
}
.header-layout6 .simple-icon {
	color:var(--theme-color)
}
.header-layout6 .dropdown-menu {
--body-color: #74787c
}
.division-logo{
	
}
.division-logo img{
	background:#fff;
}
.header-layout6 .logo-shape {
	display:inline-block;
	height:100%;
	width:27.7%;
	position:absolute;
	top:0;
	left:0;
	background-color:var(--white-color);
	-webkit-clip-path:polygon(0 0, 100% 0%, calc(100% - 50px) 100%, 0% 100%);
	clip-path:polygon(0 0, 100% 0%, calc(100% - 50px) 100%, 0% 100%);
	z-index:-1
}
.header-layout6 .menu-area {
	position:relative;
	background-color:transparent;

	z-index:2;
	  
}
.header-layout6 .main-menu>ul>li {
	    margin: 0 15px;
}
.header-layout6 .main-menu>ul>li>a {
	color:var(--white-color);
	padding:48.5px 0
}
.header-layout6 .sticky-wrapper.sticky .main-menu>ul>li>a {
    padding: 48.5px 0
}
.header-layout6 .main-menu>ul>li>a:hover,  .header-layout6 .main-menu>ul>li>a.active{
	color:var(--white-color);
	
}
.header-layout6 .as-menu-toggle {
	margin:20px 0
}
.header-layout6 .header-button {
	margin-left:0px
}
.header-layout6 .icon-btn:hover {
	border-color:var(--theme-color)
}
.header-layout6 .icon-btn.searchBoxToggler:hover {
    border-color: transparent;
    background-color: transparent;
}

@media (max-width: 1199px) {
.header-layout6 .logo-shape {
width:300px
}
}
@media (max-width: 991px) {
.header-layout6 .logo-shape {
width:60%
}
}
@media (max-width: 767px) {
.header-layout6 .header-top {
padding:8px 0
}
}
@media (max-width: 375px) {
.header-layout6 .logo-shape {
width:75%
}
}
.header-layout7 {
	position:absolute;
	top:0;
	left:0;
	width:100%;
}
.header-layout7 .will-sticky .sticky-active {
	background-color:var(--title-color)
}
.header-layout7 .container {
	padding-left:0;
	padding-right:0
}
.header-layout7 .header-logo {
	background-color:rgba(255, 255, 255, 0.1);
	padding:15px 130px 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-layout7 .header-top {
	padding:15px 0;
--body-color: #fff
}
.header-layout7 .header-top a, .header-layout7 .header-top li, .header-layout7 .header-top p, .header-layout7 .header-top span, .header-layout7 .header-top i {
	color:var(--white-color)
}
.header-layout7 .header-top a:hover {
	color:var(--theme-color)
}
.header-layout7 .header-top li:before {
	background-color:#d9d9d9
}
.header-layout7 .top-left {
	padding-left:50px
}
.header-layout7 .top-right {
	width:1080px;
	padding-right:50px
}
.header-layout7 .simple-icon {
	color:var(--white-color)
}
.header-layout7 .dropdown-menu {
--body-color: #74787c
}
.header-layout7 .menu-area {
	position:relative;
	padding:0 50px;
	background-color:rgba(255, 255, 255, 0.1);
	width:1080px
}
.header-layout7 .main-menu>ul>li {
	margin:0 18px
}
.header-layout7 .main-menu>ul>li>a {
	color:var(--white-color);
	padding:36.5px 0
}
.header-layout7 .as-menu-toggle {
	margin:15px 0
}
.header-layout7 .header-button {
	margin-left:10px;
	gap:30px
}
@media (max-width: 1500px) {
.header-layout7 .header-logo {
padding:15px 100px 15px 30px
}
.header-layout7 .top-left {
padding-left:30px
}
.header-layout7 .top-right {
width:900px;
padding-right:30px
}
.header-layout7 .menu-area {
padding:0 30px;
width:900px
}
}
@media (max-width: 1399px) {
.header-layout7 .container {
max-width:100%
}
.header-layout7 .top-right {
width:687px
}
.header-layout7 .menu-area {
width:100%
}
}
@media (max-width: 1199px) {
.header-layout7 .header-logo {
padding:15px 100px 15px 15px
}
.header-layout7 .top-left {
padding-left:15px
}
.header-layout7 .top-right {
width:680px;
padding-right:15px
}
.header-layout7 .menu-area {
padding:0 15px
}
}
@media (max-width: 991px) {
.header-layout7 .top-left {
padding-left:15px
}
.header-layout7 .top-right {
width:100%
}
.header-layout7 .top-right .row {
--bs-gutter-x: 50px
}
}
@media (max-width: 767px) {
.header-layout7 .header-logo {
padding:15px
}
}
.header-layout8 {
	position:absolute;
	top:0;
	left:0;
	right:0;
	width:100%;
	background-color:transparent;
	border-bottom:1px solid rgba(255, 255, 255, 0.3)
}
.header-layout8 .main-menu>ul>li>a {
	padding:46.5px 0;
	color:var(--white-color)
}
.header-layout8:before {
	content:"";
	height:100%;
	width:22%;
	background-color:var(--white-color);
	opacity:0.13;
	position:absolute;
	top:0;
	right:0;
	-webkit-clip-path:polygon(100px 0%, 100% 0, 100% 100%, 0% 100%);
	clip-path:polygon(100px 0%, 100% 0, 100% 100%, 0% 100%);
	z-index:-1
}
.header-layout8 .header-button {
	margin-left:110px
}
.header-layout8 .will-sticky .sticky-active {
	background-color:var(--title-color)
}
@media (min-width: 1922px) {
.header-layout8::before {
width:30%
}
}
@media (max-width: 1399px) {
.header-layout8:before {
width:26%
}
}
@media (max-width: 1300px) {
.header-layout8:before {
width:16%
}
.header-layout8 .header-button .as-btn {
display:none
}
}
@media (max-width: 1199px) {
.header-layout8 .main-menu>ul>li>a {
padding:31.5px 0
}
}
@media (max-width: 991px) {
.header-layout8:before {
width:50%;
-webkit-clip-path:polygon(60px 0%, 100% 0, 100% 100%, 0% 100%);
clip-path:polygon(60px 0%, 100% 0, 100% 100%, 0% 100%)
}
}
.hero-5 {
	padding-right:80px
}
.hero-5 .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-5 .play-btn {
	position:absolute;
	top:50%;
	right:10%;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%)
}
.hero-slider-5 .as-hero-slide {
	padding:230px 0
}
.hero-style5, .hero-style6, .hero-style7, .hero-style8 {
	padding-left:40px;
	position:relative;
	z-index:4;
	max-width:710px
}
.hero-style5 .hero-subtitle, .hero-style6 .hero-subtitle, .hero-style7 .hero-subtitle, .hero-style8 .hero-subtitle {
	font-size:18px;
	font-weight:600;
	display:block;
	color:var(--theme-color);
	margin-top:-0.36em;
	margin-bottom:25px;
	text-transform:capitalize;
	letter-spacing: -0.02em;
}
.hero-style5 .hero-title, .hero-style6 .hero-title, .hero-style7 .hero-title, .hero-style8 .hero-title {
	font-weight: 600;
    color: var(--white-color);
    margin-bottom: 14px !important;
    letter-spacing: 0px;
    word-spacing: 0;
    text-transform: unset;
    font-size: 60px;
    line-height: 1;
	letter-spacing: -0.02em;
}
.hero-style5 .hero-title:last-of-type, .hero-style6 .hero-title:last-of-type, .hero-style7 .hero-title:last-of-type, .hero-style8 .hero-title:last-of-type {
	margin-bottom:25px
}
.hero-style5 .hero-text, .hero-style6 .hero-text, .hero-style7 .hero-text, .hero-style8 .hero-text {
	color:var(--white-color);
	font-weight:500;
	max-width:100%;
	margin-bottom:40px
}
@media (max-width: 1399px) {
.hero-5 {
padding-right:40px
}
.hero-5 .slick-dots {
right:10%
}
.hero-5 .hero-shape {
width:40px
}
.hero-slider-5 .as-hero-slide {
padding:190px 0 190px 0
}
.hero-style5 {
padding-left:20px
}
}
@media (max-width: 1199px) {
.hero-slider-5 .as-hero-slide {
padding:150px 0 150px 0
}
.hero-style5 {
max-width:600px
}
.hero-style5 .hero-text {
font-size:16px
}
}
@media (max-width: 991px) {
.hero-5 .play-btn {
display:none
}
.hero-slider-5 .as-hero-slide {
padding:100px 0 100px 0
}
.hero-style5 .hero-subtitle, .hero-style7 .hero-subtitle, .hero-style6 .hero-subtitle {
margin-bottom:20px
}
.hero-style5 .hero-title:last-of-type, .hero-style7 .hero-title:last-of-type, .hero-style6 .hero-title:last-of-type {
margin-bottom:20px
}
.hero-style5 .hero-text, .hero-style7 .hero-text, .hero-style6 .hero-text {
margin-bottom:30px
}
}
@media (max-width: 767px) {
.hero-5 {
padding-right:0
}
.hero-5 .hero-shape {
display:none
}
.hero-style5, .hero-style6, .hero-style7, .hero-style8 {
text-align:center;
padding-left:0
}
.hero-style5 .btn-wrap, .hero-style6 .btn-wrap, .hero-style7 .btn-wrap, .hero-style8 .btn-wrap {
-webkit-box-pack:center;
-webkit-justify-content:center;
-ms-flex-pack:center;
justify-content:center
}
.hero-style5 .hero-title:last-of-type, .hero-style6 .hero-title:last-of-type, .hero-style7 .hero-title:last-of-type, .hero-style8 .hero-title:last-of-type {
margin-bottom:25px
}
}
@media (max-width: 575px) {
.hero-style5 .hero-subtitle, .hero-style6 .hero-subtitle, .hero-style7 .hero-subtitle, .hero-style8 .hero-subtitle {
font-size:16px;
margin-bottom:20px
}
.hero-style5 .hero-title, .hero-style6 .hero-title, .hero-style7 .hero-title, .hero-style8 .hero-title {
font-size:30px
}
}
.hero-6 {
}
.hero-6 .icon-box {
	position:absolute;
	top:50%;
	right:115px;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
	width:60px
}
.hero-6 .icon-box .slick-arrow {
--pos-x: 0;
	border-radius:0;
	margin:5px 0;
	border:none;
	background-color:rgba(255, 255, 255, 0.15);
	color:var(--white-color)
}
.hero-6 .icon-box .slick-arrow:hover {
	background-color:var(--theme-color);
	color:var(--white-color)
}
.hero-6 .icon-box .slick-arrow:first-child {
	margin-right:0
}
.hero-slider-6 .as-hero-slide {
	padding:245px 0
}
.hero-style6 {
	padding-left:0;
	max-width:650px
}
.hero-style6 .hero-title {
	font-weight:bold
}
.hero-style6 .hero-meta span {
	color:var(--theme-color)
}
.hero-style6 .hero-meta span:after {
	background-color:var(--theme-color)
}
@media (max-width: 1399px) {
.hero-6 .icon-box {
right:40px
}
}
@media (max-width: 1199px) {
.hero-slider-6 .as-hero-slide {
padding:150px 0 150px 0
}
.hero-style6 .hero-title {
font-size:46px
}
}
@media (max-width: 991px) {
.hero-slider-6 .as-hero-slide {
padding:100px 0 100px 0
}
.hero-style6 .checklist {
margin-bottom:34px
}
}
@media (max-width: 767px) {
.hero-6 .icon-box {
display:none
}
.as-hero-wrapper .checklist ul {
-webkit-box-pack:center;
-webkit-justify-content:center;
-ms-flex-pack:center;
justify-content:center
}
.hero-style6 .btn-group {
-webkit-box-pack:center;
-webkit-justify-content:center;
-ms-flex-pack:center;
justify-content:center
}
}
@media (max-width: 575px) {
.hero-slider-6 .as-hero-slide {
padding:90px 0
}
.hero-style6 .hero-title {
font-size:38px
}
}
@media (max-width: 440px) {
.hero-style6 .hero-title {
font-size:32px;
max-width:100%
}
}
@media (max-width: 375px) {
.hero-style6 .hero-title {
font-size:28px
}
}
.hero-slider-7 .slick-dots {
	position:absolute;
	top:50%;
	right:unset;
	
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
	width:30px
}
.hero-slider-7 .slick-dots li {
	display:block;
	margin:30px 0
}
.hero-slider-7 .slick-dots button {
	border-radius:50% !important;
	visibility:visible;
	opacity:1
}
.hero-slider-7 .slick-dots button:before {
	border-radius:0 !important
}

/*.as-hero-slide::after {
    content: "";
    background: rgb(0 0 0 / 45%);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}*/
.as-hero-slide .bann-img{
	width:100%;
	height:700px;
}
.Banner-slide {
	position: absolute;
	bottom: 23%;
	z-index: 9;
	color: #fff;
	left: 0;
	right: 0;
}
@media (min-width: 1600px) {
 .Banner-slide {
 bottom: 26%;
}
}
.hero-style7 {
	max-width:unset
}
.hero-style7 .hero-text {
    max-width: 700px;
    font-size: 15px;
    margin-bottom: 20px;
    font-weight: 600;
    line-height: 28px;
}
.hero-style7 .hero-meta span {
    text-transform: capitalize;
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
    background: linear-gradient(135deg, rgb(255 255 255 / 28%), rgb(255 255 255 / 14%));
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
	letter-spacing: -0.02em;
}
.hero-style7 .hero-meta span:not(:last-child) {
margin-right:22px
}

.hero-style7 .hero-meta span:after {
	display:none
}
.hero-slider-7 .as-hero-slide {
	padding:0px!important
}
.hero-slider-7 .hero-style7 {
	padding-left:0px!important
}



@media (max-width: 767px) {
.hero-style7 .btn-group {
-webkit-box-pack:center;
-webkit-justify-content:center;
-ms-flex-pack:center;
justify-content:center
}
}
@media (max-width: 575px) {
.hero-slider-7 .hero-style7 .hero-text {
font-size:14px
}
}
@media (max-width: 330px) {
.hero-style7 .hero-title {
font-size:26px
}
}
.as-hero-wrapper .slick-dots {
	    position: absolute;
    bottom: 0%;
    right: 2%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: unset;
    width: unset;
    z-index: 100;
}


.as-hero-wrapper .slick-dots li {
	display:block;
	margin:25px 0 !important
}
.as-hero-wrapper .slick-dots button {
	font-size:0;
	padding:0;
	background-color:transparent;
	width:8px;
	height:8px;
	line-height:0;
	border-radius:9999px;
	border:none;
	background-color:var(--white-color)
}
.as-hero-wrapper .slick-dots button:hover {
	border-color:var(--theme-color)
}
.as-hero-wrapper .slick-dots button:before {
	content:"";
	position:absolute;
	left:50%;
	top:50%;
	width:26px;
	height:26px;
	margin:-13px 0 0 -13px;
	border:2px solid var(--theme-color);
	background-color:transparent;
	border-radius:50%;
	-webkit-transition:all ease 0.4s;
	transition:all ease 0.4s;
	opacity:0;
	visibility:hidden
}
.hero-slider-7.as-hero-wrapper .slick-dots button:before {
	content:unset;
}
.hero-slider-7.as-hero-wrapper .slick-dots li {
        display: inline-block;
    margin: 17px 3px !important;
}
.hero-slider-7.as-hero-wrapper .slick-dots button {
	font-size:0;
	padding:0;
	background-color:transparent;
	width:7px;
	height:7px;
	line-height:0;
	border-radius:9999px;
	border:none;
	background-color:#AEAEAE
}
.as-hero-wrapper .slick-dots .slick-active button {
	background-color:#A3C6FD
}
.as-hero-wrapper .slick-dots .slick-active button::before {
opacity:1;
visibility:visible
}
.hero-style8 {
	padding:340px 0 225px 0
}
.hero-style8 .hero-meta {
	margin-bottom:30px
}
.hero-style8 .hero-meta span {
	display:inline-block;
	font-size:24px;
	font-weight:500;
	color:var(--white-color);
	text-transform:capitalize;
	-webkit-transition:0.4s ease-in-out;
	transition:0.4s ease-in-out;
	position:relative
}
.hero-style8 .hero-meta span:not(:last-child) {
padding-right:12px;
margin-right:48px
}
.hero-style8 .hero-meta span:not(:last-child):after {
content:'';
height:2px;
width:40px;
background-color:var(--white-color);
position:absolute;
top:50%;
left:100%
}
.hero-style8 .hero-meta span:hover {
	color:var(--theme-color)
}
.hero-style8 .hero-title .bg-theme {
	display:inline-block;
	padding:0 6px
}
.hero-style8 .hero-title, .hero-style8 .hero-text {
	color:var(--white-color)
}
.hero-style8 .hero-text {
	max-width:720px
}
@media (max-width: 1199px) {
.hero-style8 {
padding:240px 0 130px 0
}
.hero-style8 .hero-title {
font-size:48px
}
.hero-style8 .hero-meta span {
font-size:20px
}
.hero-style8 .hero-text {
max-width:500px;
font-size:16px
}
}
@media (max-width: 991px) {
.hero-style8 {
padding:210px 0 120px 0
}
.hero-style8 .hero-text {
max-width:540px
}
}
@media (max-width: 767px) {
.hero-style8 .hero-meta span {
font-size:18px
}
}
@media (max-width: 767px) {
.hero-style8 .btn-group {
-webkit-box-pack:center;
-webkit-justify-content:center;
-ms-flex-pack:center;
justify-content:center
}
}
@media (max-width: 575px) {
.hero-style8 {
padding:190px 0 100px 0
}
.hero-style8 .hero-meta {
margin-bottom:20px
}
.hero-style8 .hero-meta span {
font-size:18px
}
.hero-style8 .hero-title {
font-size:34px
}
}
@media (max-width: 420px) {
.hero-style8 .hero-title {
font-size:30px
}
}
@media (max-width: 350px) {
.hero-style8 .hero-title {
font-size:26px
}
}
.as-widget-about .about-logo img {
	max-width:130px
}


/*******************/
.About-secs{
	position:relative;
	display:block;
	padding:70px 0px 70px;
}
.about-one_image-column{
	position:relative;
	margin-bottom:30;
}

.about-one-image-inner{
	position:relative;
	text-align:center;
}

.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%;
}
.about-cicle_layer{
	position:absolute;
	right:0px;
	top:0px;
}

.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-text{
	position: relative;
    font-weight: 700;
    text-align: center;
    padding: 20px 0px 20px;
    color: var(--white-color);
    font-size: 26px;
}

.about-one_bold-text{
	position:absolute;
	left:0px;
	right:0px;
	opacity:0.10;
	bottom:-10px;
	line-height:1em;
	font-size:130px;
	font-weight:700;
	text-align:center;
	color:var(--white-color);
}

.about-cicle_layer-two{
	position:absolute;
	right:0px;
	top:0px;
}

.about-one-image-inner-two{
	position:relative;
	padding-top:90px;
}

.about-one_image-two{
	position:relative;
	z-index:1;
	display:inline-block;
}

.about-one_award{
	position:absolute;
	left:20px;
	right:20px;
	bottom:-20px;
	padding:25px 20px;
	border-radius:20px 20px 0px 0px;
	background-color:var(--white-color);
	box-shadow:0px 10px 15px rgba(0,0,0,0.10);
}
.about-two_pattern-two, .testimonial-section .pattern-layer-one, .counter-two_pattern-three, .choose-one_pattern-layer, .awards-one_pattern-4, .awards-one_pattern-3, .about-cicle_layer {
    animation-name: float_up_down;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -webkit-animation-name: float_up_down;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: float_up_down;
    -moz-animation-duration: 3s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: float_up_down;
    -ms-animation-duration: 3s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: float_left_right;
    -o-animation-duration: 3s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
}

/* Bob */
@-webkit-keyframes float_up_down {
  0% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
  }

  50% {
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
    opacity: 1;
  }

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

@keyframes float_up_down {
  0% {
    transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
  }

  50% {
    transform: translateY(30px);
    transform: translateY(30px);
    opacity: 1;
  }

  100% {
    transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
  }
}
/******************/
.service-style1-area {
    position: relative;
    display: block;
    padding: 60px 0 30px;
   
}
.service-style1-area .pattern-bg {
    position: absolute;
    top: 439px;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: var(--theme-color);
    background-repeat: repeat;
    z-index: 0;
	background-size: unset;
    background-position: unset;
}



.single-service-style1 {
    position: relative;
    display: block;
    max-width: 100%;
    width: 100%;
    margin: 0 auto 30px;
}

.single-service-style1 .inner-box {
    position: relative;
    display: block;
    padding-bottom: 110px;
}

.single-service-style1 .img-holder {
    position: relative;
    display: block;
    overflow: hidden;
    z-index: 1;
}

.single-service-style1 .img-holder:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    background: #00006e61;
    transition-delay: .1s;
    transition-timing-function: ease-in-out;
    transition-duration: .7s;
    transition-property: all;
    opacity: 0;
    z-index: 5;
}

.single-service-style1:hover .img-holder:before {
    opacity: 1;
}
.single-service-style1 .img-holder img{
	width:100%;
}

.single-service-style1 .title-holder {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    min-height: 110px;
    z-index: 1;
}

.single-service-style1 .title-holder .pattern-bg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: var(--theme-color);
    background-repeat: repeat;
    z-index: -1;
}

.single-service-style1 .title-holder .inner-text {
    position: absolute;
    left: 0;
    bottom: 60px;
    width: 80%;
    background: #ffffff;
    padding-top: 20px;
    padding-left: 30px;
    padding-bottom: 20px;
    overflow: hidden;
    transition: all 0.3s ease-in-out 0.1s;
    z-index: 2;
    padding-right: 10px;
}

.single-service-style1:hover .title-holder .inner-text {
    padding-top: 20px;
    padding-bottom: 20px;
}

.single-service-style1 .title-holder h6 {
  
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
}

.single-service-style1 .title-holder h3 {
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 0px;
}

.single-service-style1 .title-holder h3 a {
    
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.single-service-style1 .title-holder h3 a:hover {
    color: var(--thm-base);
}

.single-service-style1 .title-holder .text {
    position: relative;
    display: block;
    height: 0;
    opacity: 0;
    padding-top: 0;
    transition: all 0.3s ease-in-out 0.1s;
}

.single-service-style1 .title-holder .text p {
    margin: 0;
    transform: translateY(-15px);
    transition: all 0.3s ease-in-out 0.1s;
}

.single-service-style1:hover .title-holder .text {
   opacity: 1.0;
    height: unset;
    padding-top: 3px;
}

.single-service-style1:hover .title-holder .text p {
    transform: translateY(0px);
    transition: all 0.3s ease-in-out 0.2s;
}

.single-service-style1 .title-holder .button-box {
    position: relative;
    display: block;
    padding-top: 65px;
    padding-left: 30px;
}

.single-service-style1 .title-holder .button-box a {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    font-family: var(--thm-font-2);
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.single-service-style1 .title-holder .button-box a:hover {
    color: var(--thm-base);
}

.single-service-style1 .title-holder .button-box a:before {
    font-family: Fontawesome;
    content: "\f107";
    position: absolute;
    top: -2px;
    left: 0;
    font-weight: 400;
    font-size: 22px;
    transform: rotate(-135deg);
    transition: all 100ms linear;
    transition-delay: 0.1s;
}

.single-service-style1 .title-holder .button-box a:hover:before {
    transform: rotate(-90deg);
    top: 0;
}



.single-service-style1 .title-holder .icon {
    position: absolute;
    bottom: 30px;
    right: 30px;
}

.single-service-style1 .title-holder .icon span {
    position: relative;
    display: block;
    line-height: 0;
}

.single-service-style1 .title-holder .icon span:before {
    color: var(--thm-base);
    font-size: 45px;
    line-height: 45px;
}


.service-style1__bottom-text {
    position: relative;
    display: block;
    padding-top: 3px;
}

.service-style1__bottom-text h3 {
    color: #ffffff;
    font-size: 18px;
    line-height: 28px;
    font-weight: 600;
}

.service-style1__bottom-text .btns-box {
    position: relative;
    display: block;
    line-height: 0;
    padding-top: 32px;
}


/********************/
.Clientsec{
	background:var(--smoke-color);
	padding:60px 0px 60px;
	position:relative;
	display:block;
}
/**********/


.Testisec{
	background:var(--smoke-color);
	padding:60px 0px 30px;
	position:relative;
	display:block;
}

/***************/

.Gallerysec{
	background:var(--smoke-color);
	padding:60px 0px 30px;
	position:relative;
	display:block;
}

/******************/

/***************/
.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: linear-gradient(45deg, #2eb541 8%, #1cd937 100%);
	bottom: 90px;
}
.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;
}

/***************/

.Knoledgesec-sec {
    background: var(--smoke-color);
    padding: 60px 0px 60px;
    position: relative;
    display: block;
}

.dilin {
   font-size: 15px;
    border-radius: 0px;
    padding: 9px 33px;
    border: 1px solid var(--theme-color);
    cursor: pointer;
    margin: 0px 5px 10px;
    background: #fff;
	outline:none!important;
	text-decoration:none!important;
}
.dilin:hover, .dilin:focus  {
	outline:none!important;
	text-decoration:none!important;
	 background: var(--theme-color);
	 color:#fff;
}
.tabsec{
	margin-bottom:30px;
}

/**********************/

.Feature-sec{
	position:relative;
	display:block;
	padding:60px 0px 30px;
	background:var(--theme-color)
}

.urban-service{
	
}
.urban-service ul{
	    padding-left: 0;
    list-style: none;
    text-align: left;
    margin-bottom: 0;
}
.urban-service ul li{
	    font-family: var(--body-font);
    font-weight: 400;
    color: var(--body-color);
    margin-bottom: 5px;
    position: relative;
    padding-left: 24px;
    list-style: none;
}
.urban-service 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";
}

/******************/

.Get-insec{
	position:relative;
	display:block;
	padding:60px 0px 60px;
	background:var(--theme-color);
}


/** tour-section **/

.tour-section{
  position: relative;
      padding: 60px 0px 35px;
}

.tour-block-one {
  position: relative;
  display: block;
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0px 15px 25px 0px rgba(0,0,0,0.05);
  width: 100%;
    margin-bottom: 25px;
}
.tour-block-one .inner-box .image-box:before{
	background: var(--theme-color);
}

.tour-block-one .inner-box .lower-content .rating span i{
	color: #ffab01;
}

.tour-block-one .inner-box .lower-content h3 a:hover{
  color: var(--theme-color);
}

.tour-block-one .inner-box .lower-content h4{
	color: var(--theme-color2);
}

.tour-block-one .inner-box .lower-content .btn-box a:hover{
	background: var(--theme-color);
	border-color: var(--theme-color);
}

.tour-block-one .inner-box{
  position: relative;
  display: block;

 
  width: 100%;
 
}

.tour-block-one .inner-box .image-box{
  position: relative;
  display: block;
  overflow: hidden;
  margin-bottom: 0px;
}
.tour-block-one .inner-box .image-box img{
	width:100%;
}

.tour-block-one .inner-box .image-box:before{
  position: absolute;
  content: '';
  width: 100%;
  height: 0%;
  left: 0px;
  top: 0px;
  opacity: 0.8;
  transition: all 500ms ease;
}

.tour-block-one .inner-box:hover .image-box:before{
  height: 100%;
}

.tour-block-one .inner-box .image-box a{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  font-size: 0px;
  color: #fff;
  z-index: 1;
}

.tour-block-one .inner-box .lower-content{
  position: relative;
  padding: 25px 20px 25px 20px;
  text-align:center;
}

.tour-block-one .inner-box .lower-content .rating span{
  position: relative;
  display: block;
  font-size: 15px;
  font-weight: 500;
  padding-left: 23px;
  margin-bottom: 0px;
}

.tour-block-one .inner-box .lower-content .rating span i{
  position: absolute;
  left: 0px;
  top: 6px;
  font-size: 13px;
}

.tour-block-one .inner-box .lower-content h3{
  display: block;
  font-size: 20px;
  line-height: 30px;
  font-weight: 700;
  margin-bottom: 5px;
  margin-top: 10px;
}

.tour-block-one .inner-box .lower-content h3 a{
  display: inline-block;
  color: var(--title-color);
}

.tour-block-one .inner-box .lower-content h3 a:hover{

}

.tour-block-one .inner-box .lower-content h4{
  display: block;
  font-size: 18px;
  line-height: 28px;
  font-weight: 600;
  margin-bottom: 5px;
  color: var(--theme-color);
}
.tour-block-one .inner-box .lower-content h4 del{
	color:#808080;
}
.tour-block-one .inner-box .lower-content h4 span{
  font-size: 15px;
  font-weight: 500;
  color: var(--body-color);
}

.tour-block-one .inner-box .lower-content .info{
  position: relative;
  display: block;
  background: #f5f7f8;
  padding: 10px 10px 9px 14px;
  border-radius: 5px;
  margin-bottom: 10px;
}

.tour-block-one .inner-box .lower-content .info li{
  position: relative;
  
  display: inline-block;
  font-size: 15px;
  color: var(--theme-color);
  font-weight: 500;
  padding-left: 24px;
  margin-right: 35px;
}

.tour-block-one .inner-box .lower-content .info li:last-child{
  margin: 0px !important;
}

.tour-block-one .inner-box .lower-content .info li i{
  position: absolute;
  left: 0px;
  top: 6px;
  color: var(--theme-color);
}

.tour-block-one .inner-box .lower-content .info li:before{
  position: absolute;
  content: '';
  background: #e4e8e9;
  width: 1px;
  height: 20px;
  top: 4px;
  right: -18px;
}

.tour-block-one .inner-box .lower-content .info li:last-child:before{
  display: none;
}

.tour-block-one .inner-box .lower-content p{
  margin-bottom: 21px;
}

.tour-block-one .inner-box .lower-content .btn-box a{
  position: relative;
  display: inline-block;
  font-size: 15px;
  line-height: 26px;
  color: var(--title-color);
  font-weight: 500;
  border: 1px solid #e4e8e9;
  border-radius: 4px;
  padding: 11px 28px;
  text-align: center;
}

.tour-block-one .inner-box .lower-content .btn-box a:hover{
  color: #ffffff;
 
}

.tour-section .pattern-layer{
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 830px;
  background-repeat: repeat-x;
  animation: slide 100s linear infinite;
  -webkit-animation: slide 100s linear infinite;
}
.card-lavel {
    font-weight: 400;
    font-size: 15px;
    text-transform: capitalize;
    -webkit-box-shadow: 3px 5px 35px rgb(86 68 169 / 10%);
    box-shadow: 3px 5px 35px rgb(86 68 169 / 10%);
    border-radius: 30px;
    position: absolute;
    padding: 9px 20px;
    top: -21px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all .4s ease-out 0s;
    transition: all .4s ease-out 0s;
    min-width: 190px;
    cursor: pointer;
    z-index: 6;
    background-color: var(--theme-color);
    color: #fff;
}

/*************/

.abt {
    margin-right: -6px;
    margin-left: -6px;
}
.abt .col-lg-5 {
    flex: 0 0 auto;
    width: 45.5%;
    padding-right: 6px;
    padding-left: 6px;
}
.about1 {
    position: relative;
    display: block;
    margin-bottom: 12px;
    width: 100%;
}
.about1 img {
    width: 100%;
}
.about2 {
    position: relative;
    display: block;
    margin-bottom: 12px;
    width: 100%;
}
.abt .col-lg-7 {
    flex: 0 0 auto;
    width: 54.5%;
    padding-right: 6px;
    padding-left: 6px;
}
.about2 img {
    width: 100%;
}
.about3 {
    position: relative;
    display: block;
    margin-bottom: 0px;
    width: 100%;
}
.abt .col-lg-12 {
    padding-right: 6px;
    padding-left: 6px;
}
.about3 img {
    width: 100%;
}


/******************/

.Abt-main-left{
	position:relative;
	display:block;
	    margin-right: 15px;
}

.abt-image{
	position:relative;
	display:block;
	padding-right: 7px;
}

.abt-image:before{
	position: absolute;
    top: 7px;
    right: 0px;
    content: "";
    background: var(--theme-color);
    width: 100%;
    height: 100%;
    z-index: -1;
    border-radius: 5px 5px 85px
}
.abt-image img{
	width:100%;
	position: relative;
    border-radius: 5px 5px 80px;
}
.About-d-right{
	position: relative;
    display: block;
    margin-top: 50px;
}
.About-d-right p{
	margin-bottom:20px;
	 font-weight: 500;
}
.About-d-right p strong{
	color:var(--title-color);
	 font-weight: 600;
	  font-size: 18px;
}
.About-d-right 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: 60px;
	max-width: fit-content;
}
.About-d-right ul li{
	position:relative;
	display:block;
	color:var(--title-color);
	padding-left:23px;
	margin-bottom: 5px;
}
.About-d-right 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 {
	    margin-bottom: 30px;
    border-radius: 0;
    box-shadow: unset;
    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:318px;
	object-fit:cover;
}
.service-box1:hover img{
	-webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.service-box1:after {
	content:"";
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	height:70%;
	width:100%;
	background-image: linear-gradient(0deg, #000000, rgba(0, 24, 23, 0.0));
}
.service-box1:after, .port-box1 .dlab-info .title {
    
}
.service-box1 .icon-content {
	padding:30px 30px;
	z-index:99;
	position:relative;
	width:100%;
	position: absolute;
    bottom: 0;
	    text-align: left;
}
.service-box1 .dlab-tilte {
	font-size:32px;
	font-weight:600;
	
	margin-bottom:0px
}
.service-box1 .dlab-tilte a{
color:#fff
}
.service-box1 .dlab-tilte a i{
padding-left: 0;
    
    rotate: -45deg;
    margin-left: 16px;
}

.service-box1 .dlab-tilte a:hover{
	color:#A3C6FD
}
.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:15px;
	font-size:15px
}
.service-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;
}

.service-box1 .icon-content .btn{
    background-color: var(--theme-color);
	color:#fff;
	
}

/******************/

.Testi-sec{
	position:relative;
	display:block;
	padding:60px 0px 60px;
}

.Testi-sec:before{
	content: "";
    background: rgb(0 0 0 / 70%);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.testi-slider{
	position:relative;
	display:block;
	    z-index: 1;
}


	.testi-slider .slick-arrow {
    opacity: 1;
    visibility: visible;
}
.testi-slider .slick-arrow {
    display: inline-block;
    padding: 0;
    background-color: transparent;
    color: var(--title-color);
    position: absolute;
    top: 50%;
    border: unset;
    box-shadow: none;
   
    width: var(--icon-size, 55px);
    height: var(--icon-size, 55px);
    line-height: var(--icon-size, 53px);
    font-size: var(--icon-font-size, 18px);
    margin-top: calc(var(--icon-size, 55px) / -2);
    z-index: 2;
    border-radius: 999px;
}

.fa-arrow-left:before{
	
}
.fa-arrow-right:before{
	
}
.testi-slider .slick-arrow.slick-prev   {
   right: auto;
    left: -150px;
}
.testi-slider .slick-arrow.slick-next {
    
	
	 right: -150px;
    left: auto;
}
.testi-slider.slider-shadow .slick-list {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
}
.testi-slider .slick-dots {
   
    margin: 10px 0 0 0;
}
.testi-slider .slick-dots button {
   
    background-color: #fff;
	
}
.testi-slider .slick-dots .slick-active button {
   
    background-color: var(--theme-color);
	width:20px;
}
.testi-slider .slick-dots button:hover {
    border-color: var(--theme-color);
}
/***************/

.quote-form textarea {
    min-height: 118px;
}
.quote-form textarea::placeholder {
   color:var(--body-color)!important;
}

.Gal-secs{
	position:relative;
	display:block;
	padding:60px 0px 30px;
}



/*************/

.gallery-img {
	position:relative;
	z-index:2;
	border-radius:0px;
	overflow:hidden;
	
}


.gallery-img img {
	width:100%;
	-webkit-transition:0.4s ease-in-out;
	transition:0.4s ease-in-out;
	    object-fit: cover;
         height: 300px;
}
.gallery-img:before {
	content:"";
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background-color:#00000094;
	visibility:hidden;
	opacity:0;
	-webkit-transition:0.4s ease-in-out;
	transition:0.4s ease-in-out;
	z-index:1
}
.gallery-card:hover .gallery-img:before {
    visibility: visible;
    opacity: 0.8;
}
.gallery-btn {
	background-color: transparent !important;
    color: unset;
    width: 100%;
    height: 100%;
    line-height: 50px;
    border-radius: 10px;
    position: absolute;
    top: 0;
    left: 0;
    -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 {

}
.gallery-card {
	position:relative;
	margin-bottom:30px;
	    padding: 0px;
		width:100%;
	
}

.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:19px;
	font-weight:600;
	color:var(--white-color);
	margin-bottom:0
}
.gallery-card .gallery-title a{
	color:var(--white-color);
}
.gallery-card .gallery-tag {
	color:var(--white-color);
	font-weight:500;
	display:block;
	margin-bottom:4px
}

.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)
}

/************************/

/*************/

/******************************************************/

.Contact-sec{
	position:relative;
	padding:60px 0px 30px;
}

.sebox{
	margin-top: 20px;
}


.coniuy{
	margin-top:25px;
}
.elementor-column{
	position:relative;
	margin-bottom: 30px;
	    margin-top: 40px;
		width:100%;
	
}
.elementor-column .elementor-widget-wrap {
/*padding: 10px;*/
position: relative;
    width: 100%;
}
.elementor-widget{
	position: relative;
    width: 100%;

}
.elementor-column .elementor-widget-container {
    -webkit-transition: background .3s,border .3s,-webkit-border-radius .3s,-webkit-box-shadow .3s;
    transition: background .3s,border .3s,-webkit-border-radius .3s,-webkit-box-shadow .3s;
    -o-transition: background .3s,border .3s,border-radius .3s,box-shadow .3s;
    transition: background .3s,border .3s,border-radius .3s,box-shadow .3s;
    transition: background .3s,border .3s,border-radius .3s,box-shadow .3s,-webkit-border-radius .3s,-webkit-box-shadow .3s;
}
.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-top: 0px;
    margin-bottom: 30px;
}

.style-eight:hover {
	background:#f7f8f9;
}

.style-eight .service-box-icon {
    position: relative;
    top: 0px;
    height: 80px;
    width: 80px;
    text-align: center;
    line-height: 80px;
    border-radius: 50%;
box-shadow: rgb(154 152 152 / 10%) 0px 10px 14px 9px;
left:40%;
margin-bottom:10px;
}
.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:hover .service-content h3 {
color:var(--title-color)
}
.style-eight .service-content p {
     
    margin-bottom: 5px;
    margin-top: 0px;
	text-align:center;
	font-size:15px;
	 color: var(--white-color);
}
.style-eight .service-content p a{
       color: var(--white-color);
    margin-bottom: 12px;
    margin-top: 5px;
	text-align:center;
	font-size:15px;
}
.style-eight:hover .service-content p {
	color:var(--body-color);
}
.style-eight:hover .service-content p a{
	color:var(--theme-color);
}
.style-eight:hover .service-box-icon i {
    color: #fff;
    background: var(--theme-color);
}


/*
*********************************************/

/***************************************************/
.Innergalpa{
	padding:60px 0px 30px;
}
.contactform{
padding: 40px 40px;
    margin-bottom: 30px;
    background-color: #fff;
    box-shadow: 0px 20px 50px 0px rgb(0 0 0 / 20%);
	background:#fff;
}
.contactform .form-group {
    margin-bottom: 20px;
}
.contactform .checkbox {
   position: relative;
    display: block;
    margin-top: 5px;
    margin-bottom: 13px;
    font-weight: 400;
}
.contactform .form-group label{
   margin-bottom: 10px;
    color: var(--title-color);
    font-size: 16px;
    font-weight: 500;
}
.contactform .form-groupsec label{
    margin-bottom: 10px;
	color:#151515;
	font-size:15px;
	font-weight:500;
	line-height: 26px;
}
.contactform .form-groups{
	position: relative;
    display: block;
    margin-top: 5px;
    margin-bottom: 13px;
    font-weight: 400;
}
.contactform .form-group .form-control{
	border: 1px solid var(--theme-color)!important;
	padding-left: 15px;
	padding-left: 15px;
   
    color: var(--body-color);
    font-size: 15px;
    box-shadow: unset!important;
    transition: .5s;
    background-color: #f7f8f9!important;
}

.contactform .form-group input{
	height: 45px;
}
.contactform .form-group textarea{
	height: 100px;
}

/***************/
.galleryinner-sec{
	padding:50px 0px 20px;
	position:relative;
	
}

/***************/

.Testiinner-sec{
	padding:50px 0px 20px;
	position:relative;
}

/*******************/
/**********/
.About-innnscc{
	position:relative;
	padding:50px 0px 50px;
}

.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%;
		}
		
		/**********/
		
		.border_ift {
    position: relative;
    z-index: 1;
}

.border_ift:after {
    content: '';
    width: 536px;
    height: 475px;
    background: 0 0;
    position: absolute;
    bottom: 12px;
    right: -41px;
    z-index: -1;
    border: 15px solid #00000008;
    animation: bannerimage_translate 3s infinite;
    animation-play-state: running;
    animation-direction: alternate;
}

.single_about_thumb_inner img.ab2 {
    width: 100%;
    margin-bottom: 30px;
}

/*************/

.Course-innnscc{
	position:relative;
	padding:50px 0px 20px;
}

/**********/
.Service-innnscc{
	position:relative;
	padding:60px 0px 30px;
}

.sett-img {
    border-radius: 15px;
    overflow: hidden;

    position: relative;
    z-index: 1;
    position: relative;
   
    z-index: 1;
    margin-right: 10px;
    width: 100%;
    padding: 20px;
    border-radius: 15px;
    overflow: hidden;
}
.sett-img::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 15px solid var(--theme-color);
    z-index: -1;
   
}
.mtmwork{
	    overflow: hidden;
    background-color: #f3931a17;
    border-radius: 0px;
    display: block;
    position: relative;
    margin-bottom: 25px;
    padding: 35px;
}

.shapescgc img {
    width: 100%;
	 -webkit-transition: all .5s;
    transition: all .5s;
}
.shapescgc {
    overflow: hidden;
    border: 10px solid var(--theme-color);
    border-radius: 5px;
    box-shadow: 0px 20px 50px 0px rgb(0 0 0 / 20%);
}
.shapescgc img:hover {
-webkit-filter: none;
    filter: none;
    -webkit-transform: scale(1.09, 1.09);
    transform: scale(1.09, 1.09);
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}


   

.left .mwork{
	padding: 20px 15px 20px 0px;
}
.right .mwork{
	padding: 20px 0px 20px 15px;
}
.mwork h4{
	    font-size: 22px;
    margin-bottom: 10px;
    color: var(--theme-color);
    
}

.mwork p{
	
 margin-bottom:10px;
    line-height: 28px;
 
}

.mwork ul {
    position: relative;
    display: block;
    padding: 0;
    margin: 0;
    margin-bottom: 10px;
}

.mwork ul li {
    position: relative;
    display: block;
    padding-left: 20px;
    list-style: none;
    font-size: 15px;
    line-height: 28px;
    margin-bottom: 10px;
}
.mwork 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";
}

/*************/

.Course-deatil-innnscc{
	position:relative;
	padding:60px 0px 30px;
}

/**********/
.Infullt{
			    width: 100%;
    position: relative;
    margin-bottom: 30px;
    padding: 0;
		}
		.ser-lbg {
    margin-bottom: 48px;
    padding-bottom: 5px;
    border-bottom: 1px solid #cccccca3;
}
		.Infullt .inimgaget{
			float:left;
			padding-right:30px;
			    padding-left: 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{
			text-align:justify;
			font-size: 16px;
    line-height: 30px;
    
    font-weight: 400;
   
    margin-top: 0px;
    margin-bottom: 15px;
		}

.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";
}

/********/

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

.footer-logo img{
	
	    height: 159px;
}

/***********/

.faqsec{
	position:relative;
	padding:70px 0px 50px
}

/********/

.Getinsec-sec{
	position:relative;
	padding:70px 0px 70px;
	background:var(--theme-color2)
}
.Getinsec-sec-in{
	padding:0px 25px 0px;
	position:relative;
}
.Get-in-box{
	position: relative;
    border: 1px solid #ffffff52;
    padding: 40px 38px 11px;
    margin-top: 99px;
    margin-bottom: 0px;
    width: 88%;
}

.get-first{
	    margin-bottom: 30px;

}
.get-first p{
	color: #fff;
    font-weight: 700;
    margin-bottom: 5px;
    font-size: 16px;
}
.get-first p a{
	color:#fff
}

.quote-form {
	    padding: 40px 40px 40px;
    border-top: unset;
    background-color: var(--white-color);
    box-shadow: 0px 10px 50px rgba(7, 36, 95, 0.1);
    text-align: right;
    width: 65%;
    margin: 0 49px 0 auto;
	width: 401px;
}

	.quote-form .form-sub-title {
	    margin-top: 0;
    margin-bottom: 5px;
    font-weight: 300;
    color: var(--title-color);
    font-size: 18px;
    letter-spacing: 0;
	    text-align: left;
}
.quote-form .form-title {
	    margin-top: 0;
    margin-bottom: 25px;
    font-weight: 400;
    color: var(--theme-color);
    font-size: 42px;
    letter-spacing: 0;
	    text-align: left;
}
.quote-form.style2 {
	padding:30px;
	border-top:none
}
.quote-form .form-group {
    margin-bottom: 22px;
    position: relative;
	
}
.quote-form .form-control{
	
	border:none;
	background-color: #fff;
	border-bottom:0.5px solid #AEAEAE;
	color:var(--title-color);
	font-weight:300;
	font-size:14.5px;
	padding: 0 0px 0 0px;
	height: 30px;
	letter-spacing:0;
	font-weight:300;
}
.quote-form textarea.form-control{
	border:0.5px solid #AEAEAE;
	padding:10px 20px 0 20px;
	height:120px;
}
.quote-form select.form-control{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 41px;
    background-image: none;
	}
.submit-right{
	text-align:right;
}
.submit-right button {
    text-align: center;
    border: none;
    color: #fff;
    font-weight: 600;
    font-size: 13px;
    border-radius: 50%;
    width: 69px;
    height: 69px;
    line-height: 69px;
    background: var(--title-color);
    text-transform: uppercase;
    margin-right: -20px;

cursor: pointer;
    transition: background-color 0.3s;
	

}
.submit-right button:hover {
    background-color: blue; /* New button color on hover */
}
/*************/
.Hero{
	position: relative;
    padding: 10px 10px 0 10px;
}
.Banner-menus {
    position: absolute;
    bottom: 0;
    z-index: 10;
    left: 0;
    right: 0;
    width: 100%;
   padding: 0px 10px;
}
.Banner-menus-inner {
    position:relative;
  
    width: 100%;
    padding: 35px 0px;
}
.Banner-menus-inner:before {
	z-index: 0;
    left: 0;
    position: absolute;
    right: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(to bottom, #0000 0%, #000000e3 100%);
    content: "";
    bottom: 0;
}
.banner-menubox{
	position:relative;
	padding:0px 0px;
	width:100%
}

.banner-menubox a{
	color:#fff;
	width:100%;
	position:relative;
	font-weight:600;
	font-size:19px;
	display:block;
	
	padding-bottom:10px;
	border-bottom:1px solid #fff;
}

.banner-menubox a i{
	    position: absolute;
    right: 0;
    top: 5px;
}
.banner-menubox a:hover{
	border-bottom:1px solid var(--theme-color1);
	color:var(--theme-color1);
}
.Banner-form{
	position: absolute;
    top: 120px;
    z-index: 1;
    right: 46px;
    padding-bottom: 0;
}
.Banner-form .quote-form .form-group {
    margin-bottom: 17px;
    position: relative;
}
.Banner-form .quote-form {
     padding: 30px 30px 30px;
    border-top: unset;
    background-color: var(--white-color);
    box-shadow: 0px 10px 50px rgba(7, 36, 95, 0.1);
    text-align: right;
    width: 373px;
    margin: 0px 0px 0px auto;
}
.Banner-form .quote-form .form-sub-title {
    margin-top: 0;
    margin-bottom: 5px;
    font-weight: 300;
    color: var(--title-color);
    font-size: 15px;
    letter-spacing: 0;
    text-align: left;
}

.Banner-form .quote-form .form-title {
    margin-top: 0;
    margin-bottom: 25px;
    font-weight: 500;
    color: var(--title-color);
    font-size: 34px;
    letter-spacing: 0;
    text-align: left;
}
.Banner-form .quote-form .form-title span{
	color:var(--theme-color)
}

.Banner-form .quote-form textarea.form-control {
    border: 0.5px solid #AEAEAE;
    padding: 10px 20px 0 20px;
    height: 64px;
    min-height: 64px;
}
/************/

.Product-catelogsec{
	position:relative;
	background:var(--theme-color2);
	padding:70px 0px 70px
}

.Product-dleft{
	position:relative;
}

.Product-dright{
	position:relative;
	    margin-bottom: 50px;
	    margin-top: 50px;
}

.Product-dright p{
	color:#fff;
	
}
	/**************/
	
	
	.Product-Usage{
		position:relative;
	
	padding:70px 0px 40px
	}
	
	/*********/
	
	.Why-sec{
		position:relative;
	background:#F1F1F1;
	padding:70px 0px 40px
	}
	.why-imgs{
		padding-right:50px;
	}
	.Why-grid{
		width:100%;
		position:relative;
	}
	
	.Why-grid-img{
		position:relative;
	}
	
	.Why-grid-img img{
		width:100%
	}
	
	.Why-slider{
	position:relative;
	display:block;
	    z-index: 1;
}
.Why-slider.slider-shadow .slick-list {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
}
.Why-slider .slick-dots {
   
   margin: 0px 0 0 0;
    position: absolute;
    top: unset;
    bottom: 20px;
    right: 31px;
    left: auto;
    width: max-content;
}
.Why-slider .slick-dots button {
   
    background-color: #D9D9D9;
	    width: 5px;
    height: 5px;
}

.Why-slider .slick-dots li {
    display: block;
    margin-right: unset;
    margin: 2px 0px;
}
.Why-slider .slick-dots .slick-active button {
   background-color: #A3C6FD;
	    width: 5px;
    height: 5px;
}
.Why-slider .slick-dots button:hover {
    border-color: var(--theme-color);
}

/********/
.why-desc{
	position:relative
}
.why-desc p{
	
}

/**********/

.Relablebox{
	
}
.Relablebox:first-child{
	
}
.Relablebox-inner{
	position:relative;
	width:90%;
	margin-bottom:0px;
	
}

.Relablebox-inner h3{
	color:var(--theme-color);
	font-weight:600;
	margin-bottom:20px;
	font-size:25px;
	
	letter-spacing: -0.02em;
}

.Relablebox-inner p{
	    font-size: 16px;
}

.relable-side-bg{
	    position: relative;
    width: 1px;
    height: 110px;
    border-right: 1px solid #000000;
    position: absolute;
    right: -28px;
    text-align: center;
    margin: 0px auto;
    top: 21%;
}

.relable-side-bg:before{
	    width: 6px;
    height: 6px;
    background: #236EE8;
    position: absolute;
    content: "";
    top: 50%;
    right: -3px;
    z-index: 11;
	-moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.relable-side-bg:after{
	  width: 15px;
    height: 15px;
    background: #F1F1F1;
    position: absolute;
    content: "";
    top: 47%;
    right: -3px;
    z-index: 10;
}

.relable-side-bg-inner{
	
}

/***********/
.Certification-sec{
	position:relative;
	padding:70px 0px 70px;
}

.certi-box{
	    position: relative;
    width: 100%;
    margin-bottom: 0px;
    padding: 0px 17px;
}

.certi-box img{
	    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}

.certi-box img:hover{
	    -webkit-filter: unset;
    filter: none;
}


/********************/

.Testimonial-sec{
	position:relative;
	padding:70px 0px 70px;
	
	background:#F1F1F1;
}
/*********************/

.Association-sec-main{
	padding:0px 10px 10px ;
	
	position:relative;
}
.Association-sec{
	position:relative;
	padding:70px 0px 70px;
	
	
}

.Association-sec:before{
	content: "";
    background: rgb(0 0 0 / 75%);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
}
.Association-padd{
	padding:0px 18px 0px 65px;
}
.Association-box{
	position:relative;
	padding:0px 0px;
	width:100%;
	margin-bottom:0px;
}

.Association-box h3{
	color:#fff;
	font-weight:700;
	font-size:18px;
	margin-bottom:15px;
}
.Association-box p{
	font-size: 16px;
    color: #fff;
    font-weight: 500;
  
	    margin-bottom: 10px;
    line-height: 26px;
}
.Association-box p a{
	color:#fff
	
}


/***********/
.Time-line-sec{
	position:relative;
	
	padding:70px 0px 70px;
}


.feature-dleft{
	position:relative;
}
.feature-dright{
	
}
.feature-dleft p{
	color:#fff;
}
.feature-dright{
	    margin-left: 50px;
    position: relative;
    padding-top: 50px;
    display: block;
}
.feature-dright-inner{
	    position: relative;
    margin-top: 0px;
}
.feature-dright-inner:before{
	position: absolute;
    left: 0;
    content: "";
    border-top: 2px solid #000;
    z-index: 0;
    top: 0;
    width: 100%;
}
.Feature-slider.slider-shadow .slick-list {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
}
.Feature-slider{
	position:relative;
}

.fer-grid{
	position:relative;
	
	width:100%;
	
}
.fer-grid-desc{
	position:relative;
	width:100%;
	
	padding:61px 15px 0px
} 
.fer1{
	text-align: left;
    border-left: 2px solid #A3C6FD;
}

.fer1:before{
	position: absolute;
    left: 0;
    content: "";
    border-top: 2px solid #A3C6FD;
    z-index: 0;
    top: 0;
    width: 30%;
}
.fer2{
	text-align:center;
}

.fer2:before{
	position: absolute;
    left: 33%;
    content: "";
    border-top: 2px solid #A3C6FD;
    z-index: 0;
    top: 0;
    width: 30%;
}

.fer2:after{
	position: absolute;
    left: 44%;
    content: "";
    border-top: 2px solid #A3C6FD;
    z-index: 0;
    top: 50px;
    width: 10%;
}
.fer22{
	position: absolute;
    left: 49%;
    content: "";
    background:#A3C6FD;
    z-index: 0;
    top: 0;
    width: 2px;
	
	height:50px
}
 .fer3{
	text-align:right;
	border-right: 2px solid #A3C6FD;
}
 .fer3:before{
	position: absolute;
    right: 0;
    content: "";
    border-top: 2px solid #A3C6FD;
    z-index: 0;
    top: 0;
    width: 30%;
}
.fer-grid-desc h3{
	    color: #fff;
    margin-bottom: 0px;
    font-weight: 500;
    font-size: 27px;
}
/***********/
.Vision-mission-sec{
	position:relative;
	    padding-top: 40px;
}
.vi-bx{
	position: relative;
    background: #fff;
    padding: 40px 31px 19px;
    width: 93%;
}

.vi-bx-icon{
	 margin-bottom: 20px;
	     min-height: 41px;
}
.vi-bx h2{
	font-size:25px;
	 margin-bottom: 0px;
	  padding-left: 15px;
}

.vi-bx p{
	    font-size: 15px;
		line-height:30px;
}

.vi-bx:hover {
    background: var(--theme-color2);
    /* border: 2px solid #ffffff14; */
    box-shadow: 0px 4px 14px rgb(7 36 95 / 20%);
    box-shadow: 0 0 33px rgb(20 42 90);
}

.vi-bx:hover h2{
	color:#fff;
    
   
}
.vi-bx:hover img{
	    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}
.vi-bx:hover p{
	color:#fff;
  
   
}

/***********/

.key-ffsec{
	position:relative;
	padding-top:70px;
}
/****************/

/************************************/
.catelloge-bg{
	position:relative;
}

.cateloge-area1{
	position:relative;
}

.cateloge-area1 .row{
	margin-left:0px;
	margin-right:0px;
}

.cateloge-area1 .col-lg-3{
	padding-left:0px;
	padding-right:0px;
	
	    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}
.cateloge-area1 .col-lg-6{
	padding-left:0px;
	padding-right:0px;
}
.cateloge-box1-col4{
	    width: 16%;
}
.cateloge-box1-col6{
	 width: 52%;
}
.cateloge-box1 {
	margin-bottom:0px;
	border-radius:0px;
	box-shadow:none;
	position:relative;
	overflow:hidden;
	
	display:flex;
	align-items:flex-end;
transition:all .2s ease-in-out;
	background-size:cover;
	z-index:1
}


.cateloge-box1 img{
	width:100%;
	-webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
	    object-fit: cover;
    height: 360px;
}
.cateloge-box1:hover img{
	-webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.cateloge-box1:after {
	content:"";
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	height:70%;
	width:100%;
	background-image:linear-gradient(0deg, #001817, rgba(0, 24, 23, 0))
}
.cateloge-box1:after, .port-box1 .dlab-info .title {
    background-image: linear-gradient(to bottom, #0000 0%, #000000e3 100%);
}

.cateloge-box1:hover:after{
	height:100%;
}
.cateloge-box1 .icon-content {
	padding:40px 25px;
	z-index:99;
	position:relative;
	width:100%;
	position: absolute;
    bottom: 0;
	    text-align: left;
}
.cateloge-box1 .dlab-tilte {
	font-size:22px;
	
	margin-bottom:0px
}

.cateloge-box1 .dlab-tilte a {
    color: #fff;
    width: 100%;
    position: relative;
    font-weight: 600;
    font-size: 22px;
    display: block;
    padding-top: 20px;
    border-top: 1px solid #fff;
}
.cateloge-box1 .dlab-tilte a i {
    position: absolute;
    right: 0;
    top: 22px;
	    rotate: -45deg;
}
.cateloge-box1 p {
	color: #fff;
    margin-bottom: 15px;
    font-size: 14px;
	display:none
}

.cateloge-box1:hover p{
	display:block
}
.cateloge-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;
}

.cateloge-box1 .icon-content .btn{
    background-color: var(--theme-color);
	color:#fff;
	
}

/*************/





.catelloge-bg1 {
    position: relative;
    padding: 30px 0px 30px 0px;
}

.cateloge-area2{
	position:relative;
}

.cateloge-area2 .row{
	margin-left:0px;
	margin-right:0px;
}

.cateloge-area2 .col-lg-3{
	padding-left:0px;
	padding-right:0px;
	
	    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}
.cateloge-area2 .col-lg-6{
	padding-left:0px;
	padding-right:0px;
}
.cateloge-box2-col4{
	    width: 16%;
}
.cateloge-box2-col6{
	 width: 68%;
}
.cateloge-box2 {
	background-color: #0e4ba6;
    height: 300px;
	margin-bottom:0px;
	border-radius:0px;
	box-shadow:none;
	position:relative;
	overflow:hidden;
	
	display:flex;
	align-items:flex-start;
transition:all .2s ease-in-out;
	background-size:cover;
	z-index:1
}


.cateloge-box2 img{
	padding: 20px;
	/* display:none; */
	/* width:100%; */
	/* -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out; */
	    object-fit: cover;
    /* height: 360px; */
}
.cateloge-box2:hover img{
	/* -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1); */
}
.cateloge-box2:after {
	content:"";
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	height:70%;
	width:100%;
	background-image:linear-gradient(0deg, #001817, rgba(0, 24, 23, 0))
}
.cateloge-box2:after, .port-box1 .dlab-info .title {
    background-image: linear-gradient(to bottom, #0000 0%, #000000e3 100%);
}

.cateloge-box2:hover:after{
	height:100%;
}
.cateloge-box2 .icon-content {
	padding:40px 25px;
	z-index:99;
	position:relative;
	width:100%;
	position: absolute;
    bottom: 0;
	    text-align: left;
}
.cateloge-box2 .dlab-tilte {
	font-size:22px;
	
	margin-bottom:0px
}

.cateloge-box2 .dlab-tilte a {
    color: #fff;
    width: 100%;
    position: relative;
    font-weight: 600;
    font-size: 22px;
    display: block;
    padding-top: 20px;
    border-top: 1px solid #fff;
}
.cateloge-box2 .dlab-tilte a i {
    position: absolute;
    right: 0;
    top: 22px;
	    rotate: -45deg;
}
.cateloge-box2 p {
	color: #fff;
    margin-bottom: 15px;
    font-size: 14px;
	display:none
}

.cateloge-box2:hover p{
	display:block
}
.cateloge-box2 .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;
}

.cateloge-box2 .icon-content .btn{
    background-color: var(--theme-color);
	color:#fff;
	
}



/******************/
.root-slider{
	
}
.root-slider.slider-shadow .slick-list {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
}

.rootsec{
	margin:0px -2px;
}
.root-row{
	
	margin-left:0px!important;
	margin-right:0px!important;
}
.root-col{
	
	padding-left:0px!important;
	padding-right:0px!important;
}
.root-year{
text-align: center;
    background: #BCBCBC;
    color: #fff;
    width: max-content;
    text-align: center;
    margin: 0px auto 26px;
    padding: 7px 34px;
    font-weight: 600;
    font-size: 16px;
    border-radius: 29px;
	
	position: relative;
}
.root-year:before{
	    background: #BCBCBC;
    border: none;
    content: '';
    display: block;
    height: 10.5px;
    right: 42%;
    position: absolute;
    bottom: -5px;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 10.5px;
    z-index: 11;
}
.root-point {
    border: none;
    display: inline-block;
    height: 15px;
    line-height: 15px;
    position: relative;
    text-decoration: none;
    width: 100%;
    padding: 0px 24px;
    padding: 0px 6px 0px 0px;
}

.root-point:before{

    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: 0px;
    border-top: 7.5px solid transparent;
    border-left: 15px solid #fff;
    border-bottom: 7.5px solid transparent;
}
.root-point:after{
	    background: #BCBCBC;
    border: none;
    content: '';
    display: block;
    height: 10.5px;
    right: 0px;
    position: absolute;
    top: 2px;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 10.5px;
    z-index: 11;

}
.root-point-inner{
	color: #fff;
    background: none;
    border: none;
    font-weight: 500;
    position: relative;
    width: 100%;
    height: 15px;
    background: #BCBCBC;
    padding-left: 15px;
    text-align: left;
    padding-left: 32px;
    z-index: 1;
}

.root-point-circle{
	    content: "";
    position: absolute;
    left: 47%;
    top: -3px;
    width: 22px;
    height: 22px;
    background: #fff;
    border-radius: 50%;
    z-index: 11;
}

.root-point-circle:before{
	content: "";
    position: absolute;
    left: 5px;
    top: 5px;
    width: 12px;
    height: 12px;
    background: #BCBCBC;
    border-radius: 50%;
    z-index: 11;
}
.root-desc{
	position: relative;
    padding-top: 15px;
    padding-left: 47%;
    margin-left: auto;
	
	    padding-right: 20px;
}

.root-desc h3{
	font-weight:700;
	font-size:20px;
	
	text-align:left;
	margin-bottom:12px;
	letter-spacing: -0.02em;
}
.root-desc p{
	    margin-bottom: 8px;
    line-height: 27px;
}
/*******/
.slick-current .root-year {
    text-align: center;
     background: var(--theme-color);
	
}
.slick-current .root-year:before {
    background: var(--theme-color);
}
.slick-current .root-point:after{
	    background: var(--theme-color);
   

}
.slick-current .root-point-inner{
	
    background: var(--theme-color);
    
}
.slick-current .root-point-circle:before{
	 background: var(--theme-color);
}

.owl-item.active:first-child{
	
}

/****/
.root-carosel .owl-item .root-desc{
	height:200px
}
.root-carosel .owl-item.active .root-desc {
	height:unset
}
.current .root-year, .alt-center .root-year{
    text-align: center;
     background: var(--theme-color);
	
}
.current .root-year:before, .alt-center .root-year:before{
    background: var(--theme-color);
}
.current .root-point:after, .alt-center .root-point:after{
	    background: var(--theme-color);
   

}
.current .root-point-inner, .alt-center .root-point-inner{
	
    background: var(--theme-color);
    
}
.current .root-point-circle:before, .alt-center .root-point-circle:before{
	 background: var(--theme-color);
}

/***************/
.active.owl-item:last-child .root-year, .pp-center.active.owl-item:nth-last-child(2) .root-year{
	    text-align: center;
    background: var(--theme-color);
}
.active.owl-item:last-child .root-year:before, .pp-center.active.owl-item:nth-last-child(2) .root-year:before {
	    background: var(--theme-color);
}
.active.owl-item:last-child .root-point-circle:before, .pp-center.active.owl-item:nth-last-child(2) .root-point-circle:before {
	background: var(--theme-color);
}
.active.owl-item:last-child .root-point-inner, .pp-center.active.owl-item:nth-last-child(2) .root-point-inner {
	background: var(--theme-color);
}
.active.owl-item:last-child .root-point:after, .pp-center.active.owl-item:nth-last-child(2)  .root-point:after {
	background: var(--theme-color);
}


.testi-slider .slick-arrow .fa-arrow-left:before {
    /* background-image: url(../img/Arrow29.png); */
    content: "";
    width: 39px;
    height: 8px;
    position: absolute;
    display: block;
    opacity: 1;
	background-repeat: no-repeat;
}

.testi-slider .slick-arrow .fa-arrow-right:before {
    /* background-image: url(../img/Arrow28.png); */
    content: "";
     width: 39px;
    height: 8px;
    position: absolute;
    display: block;
	background-repeat: no-repeat;
    opacity: 1;
}

/**********/

.news-bg-2{
	position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 47%;
	    text-align: right;
}

.news-bg-2 img{
	    height: 100%;   
}
.News-sec{
	position:relative;
	padding:70px 0px 70px;
}

.News-box1 {
	    margin-bottom: 0px;
    border-radius: 0;
    box-shadow: unset;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: flex-end;
    transition: all .2s ease-in-out;
    background-size: cover;
    z-index: 1;
}
.News-box1 img{
	width:100%;
	-webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
	      height: 338px;
    object-fit: cover;
}
.News-box1:hover img{
	-webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.News-box1:after {
	content:"";
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	height:70%;
	width:100%;
	/*background-image: linear-gradient(0deg, #000000, rgba(0, 24, 23, 0.0));*/
}
.News-box1:after, .port-box1 .dlab-info .title {
    
}
.News-box1 .icon-content {
	padding:30px 40px;
	z-index:99;
	position:relative;
	width:100%;
	position: absolute;
    bottom: 0;
	    text-align: left;
}
.News-box1 .dlab-tilte {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 15px;
}
.News-box1 .dlab-tilte a{
color: #fff;
 
}


.News-box1 .dlab-tilte a i{
padding-left: 0;
    
    rotate: -45deg;
    margin-left: 16px;
}

.News-box1 .dlab-tilte a:hover{
	color:#A3C6FD
}
.News-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;
}
.News-box1 ul li{
	position:relative;
	display:block;
	color:#fff;
	padding-left:20px;
}
.News-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";
	   
}

.News-box1 p {
	color:#fff;
	margin-bottom:15px;
	font-size:13px
}
.News-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;
}

.News-box1 .icon-content .btn{
    background-color: var(--theme-color);
	color:#fff;
	
}

.news-arrow{
	
}

.news-arrow img{
	width: max-content!important;
	    height: unset!important;
    object-fit: cover!important;
}

/*************/
.News-slider {
    position: relative;
    margin-right: -30%;
}
.news-left {
    padding-left: 22%;
    padding-bottom: 40px;
	    padding-right: 14px;
}
.news-container-fluid{
	padding-left:0px;
	padding-right:0px;
}
.news-container-fluid .row{
	margin-left:0px;
	margin-right:0px;
}
.news-container-fluid .col-md-4, .news-container-fluid .col-md-8{
	padding-left:0px;
	padding-right:0px;
}
.project-slider2 {
	margin-left:328px;
	height:338px
}

.project-slider2 .slick-arrow.slick-next {
	right:auto;
	left:var(--pos-x);
	margin-top:7.5px
}
.project-slider2 .slick-slide {
	-webkit-transition:0.4s;
	transition:0.4s;
	
}

.project-slider2 .slick-current {
	width:calc(499px + 24px) !important
}
.project-slider2 .slick-current .project-card.style2 {
	width:100%
}

@media (max-width: 767px) {
.project-slider2 .slick-current {
width:588px !important
}
}
@media (max-width: 575px) {
.project-slider2 .slick-current {
width:413px !important
}
}
@media (max-width: 375px) {
.project-slider2 .slick-current {
width:363px !important
}
}
@media (max-width: 320px) {
.project-slider2 .slick-current {
width:308px !important
}
}

@media (max-width: 1500px) {
.project-slider2 {
margin-left:0px
}
}

.News-box1 .new-date{
	border-radius:50px;
padding:0px 10px 0px 10px;
position:absolute;
top:20px;

background:#F9F9F9;
color:#AEAEAE;

font-weight:500;
    font-size: 12px;
    right: 20px;

}
/*********/

.Blog-sec{
	position: relative;
    padding: 90px 0px 90px;
    background: #F1F1F1;
}
.bb-img{
	width:100%
}
.Blog-box1 {
	    margin-bottom: 0px;
    border-radius: 0;
    box-shadow: unset;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: flex-end;
    transition: all .2s ease-in-out;
    background-size: cover;
    z-index: 1;
	width:100%;
}

.Blog-box1 .blo-date{
	border-radius:50px;
padding:0px 10px 0px 10px;
position:absolute;
top:20px;

background:#F9F9F9;
color:#AEAEAE;

font-weight:500;
    font-size: 12px;
    right: 20px;

}
.Blog-box1 img{
	width:100%;
	-webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
	height:252px;
	object-fit:cover
	
}
.Blog-box1:hover img{
	-webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.Blog-box1:after {
	content:"";
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	height:34%;
	width:100%;
	background-image: linear-gradient(0deg, #000000, rgba(0, 24, 23, 0.0));
}
.Blog-box1:after, .port-box1 .dlab-info .title {
    
}
.Blog-box1 .icon-content {
	padding:7px 15px 0px;
	z-index:99;
	position:relative;
	width:100%;
	position: absolute;
    bottom: 0;
	    text-align: left;
}
.Blog-box1 .dlab-tilte {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 15px;
}
.Blog-box1 .dlab-tilte a{
color:#fff
}
.Blog-box1 .dlab-tilte a i{
padding-left: 0;
    
    rotate: -45deg;
    margin-left: 16px;
}

.Blog-box1 .dlab-tilte a:hover{
	color:#A3C6FD
}
.Blog-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;
}
.Blog-box1 ul li{
	position:relative;
	display:block;
	color:#fff;
	padding-left:20px;
}
.Blog-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";
	   
}

.Blog-box1 p {
	color:#fff;
	margin-bottom:15px;
	font-size:13px
}
.Blog-box1 p a{
	color:#fff;
	
}
.Blog-box1 p a:hover{
	color:#fff;
	
}
.Blog-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;
}

.Blog-box1 .icon-content .btn{
    background-color: var(--theme-color);
	color:#fff;
	
}

/*********/
.blog-carosel.owl-theme .owl-nav{
    position: absolute;
    left: -25%;
    bottom: 0px;
	
	}
	
	.blog-carosel.owl-theme .owl-nav span{
		font-size: 25px;
	}
	.blog-carosel.owl-theme .owl-nav button:hover{
	    background: transparent;
    color: inherit;
    text-decoration: none;
}

.blog-carosel .owl-stage{padding-left:0px !important;}

/*********/
.news-carosel.owl-theme .owl-nav{
    position: absolute;
    left: -23%;
    bottom: 0px;
	
	}
	
	.news-carosel.owl-theme .owl-nav span{
		font-size: 25px;
	}
	.news-carosel.owl-theme .owl-nav button:hover{
	    background: transparent;
    color: inherit;
    text-decoration: none;
}

.news-carosel .owl-stage{padding-left:0px !important;}



.blog-left{
	padding-left: 20%;
    padding-bottom: 40px;
	    padding-right: 14px;
}
@media only screen and (min-width: 1300px) {


}

@media only screen and (min-width: 1450px) {
.news-left {
    padding-left: 26%;
   
}

.blog-left{
	 padding-left: 24%;
}
}
@media only screen and (min-width: 1600px) {
.news-left {
    padding-left: 26%;
   
}
}
@media only screen and (min-width: 1800px) {

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

}

.Blog-sec-main{
	padding:15px;
	position:relative;
}


/**********Product Page




**********/

.Testimonial-mainsec{
	padding:15px;
	position:relative;
}

.Quality-sec{
	position: relative;
    background: var(--theme-color2);
    padding: 70px 0px 15px;
}
.Quality-sec-innersec{
	position: relative;
	
	padding-bottom:50px;
}
.quality-dleft{
	position:relative;
	    padding-right: 10%;
}

.quality-dleft-inner{
	 position: relative;
}
.quality-dright-inner{
	    position: relative;
    margin-top: 90px;
}
.quality-dright-inner:before {
    position: absolute;
    left: 0;
    content: "";
    border-top: 2px solid #000;
    z-index: 0;
    bottom: 0;
    width: 100%;
}
.Quality-slider{
	position:relative;
}
.Quality-slider.slider-shadow .slick-list {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
}
.quality-grid{
	position:relative;
	
	width:100%;
	
}
.quality-grid-desc{
	position:relative;
	width:100%;
	
	padding:0px 15px 61px
} 
.quality1{
	text-align: left;
    border-left: 2px solid #A3C6FD;
}

.quality1:before{
	position: absolute;
    left: 0;
    content: "";
    border-bottom: 2px solid #A3C6FD;
    z-index: 0;
    bottom: 0;
    width: 25%;
}
.quality2{
	
	    text-align: center;
    padding-right: 25%;
}

.quality2:before{
	position: absolute;
    left: 25%;
    content: "";
    border-top: 2px solid #A3C6FD;
    z-index: 0;
    bottom: 0;
    width: 25%;
}

.quality2:after{
	position: absolute;
    left: 32.5%;
    content: "";
    border-top: 2px solid #A3C6FD;
    z-index: 0;
    bottom: 50px;
    width: 10%;
}
.quality22{
	position: absolute;
    left: 37.5%;
    content: "";
    background:#A3C6FD;
    z-index: 0;
    bottom: 0;
    width: 2px;
	
	height:50px
}



.quality3{
	    text-align: center;
    padding-left: 25%;
}

.quality3:before{
	position: absolute;
    left: 50%;
    content: "";
    border-top: 2px solid #A3C6FD;
    z-index: 0;
    bottom: 0;
    width: 25%;
}

.quality3:after{
	position: absolute;
    left: 57.5%;
    content: "";
    border-top: 2px solid #A3C6FD;
    z-index: 0;
    bottom: 50px;
    width: 10%;
}
.quality33{
	position: absolute;
    left: 62.5%;
    content: "";
    background:#A3C6FD;
    z-index: 0;
    bottom: 0;
    width: 2px;
	
	height:50px
}
 .quality4{
	text-align:right;
	border-right: 2px solid #A3C6FD;
}
 .quality4:before{
	position: absolute;
    right: 0;
    content: "";
    border-bottom: 2px solid #A3C6FD;
    z-index: 0;
    bottom: 0;
    width: 25%;
}
.quality-grid-desc h3{
	    color: #fff;
    margin-bottom: 0px;
	line-height:32px;
    font-weight: 400;
    font-size: 27px;
}

/*****/
.quality-dright{
	
    position: relative;
   
    margin-top: 50px;
	    padding-left: 20px;

}

.quality-dright p{
	    color: #fff;
}

/**********/


.pavailability-sec{
	position:relative;
	margin:15px 15px 0px;
	background:#FFFFFF;
	
	padding:70px 0px;
	
}
.pavailability-bg1{

    position: absolute;
    content: "";
    left: 50%;
    width: 1px;
    height: 40%;
    background: linear-gradient(to bottom, #0000009c, #0000001a, #29262600);
    z-index: 1;
    top: 70px;
}
.pavailability-bg1:before{
	 position: absolute;
    content: "";
    left: -25px;
    height: 1px;
    width: 50px;
    background: linear-gradient(to right, #0000000d, #0000005e, #0000000d);
    z-index: 1;
    top: 0px;
}
.pavailability-bg2{
	

    position: absolute;
    content: "";
    left: 50%;
    width: 1px;
    height: 40%;
    background: linear-gradient(to bottom, #29262600, #0000001a, #0000009c);
    z-index: 1;
    bottom: 70px;
}
.pavailability-bg2:before{
	 position: absolute;
    content: "";
    left: -25px;
    height: 1px;
    width: 50px;
    background: linear-gradient(to right, #0000000d, #0000005e, #0000000d);
    z-index: 1;
    bottom: 0px;
}
.p-avail-left{
	padding-right: 7%;
	
	position:relative;
}

.p-avail-left p{
	
}
.p-avail-left p strong{
	font-weight:500;
	color:#000
}
.p-avail-left p strong strong{
	
	color:var(--theme-color);
	    color: var(--theme-color);
    border-bottom: 1px solid var(--theme-color);
}
.p-avail-left p strong button{
    color: var(--theme-color);
    color: var(--theme-color);
	border:none!important;
    border-bottom: 1px solid var(--theme-color)!important;
    font-weight: 500;
	background:#fff!important;
	    padding: 0;
}
.p-avail-left p{
	
}

.p-avail-right{
	margin-left:auto;
	
	text-align:right;
	position:relative;
}

.p-avail-right .quote-form{
	    margin-left: auto;
    background-color: #F1F1F1;
    box-shadow: unset;
    margin: 0 0px 0 auto;
	width: 391px;
}
.p-avail-right .quote-form .form-control {
   
    background-color: #F1F1F1!important;
}

.p-avail-right .quote-form .form-title {
    margin-top: 0;
    margin-bottom: 25px;
    font-weight: 400;
    color: var(--title-color)!important;
    font-size: 42px;
   letter-spacing: -1px;
    text-align: left;
}
.p-avail-right .quote-form .form-title span{
   
    color: var(--theme-color);
   
}

.p-avail-right .quote-form textarea.form-control {
  
    height: 70px;
    min-height: 70px;
}

/********************/

.Quote-sec{
	position: relative;
   
    padding: 70px 0px 70px;
}

/**********/

.p-Quote-left{
		position: relative;
}
.Quiote-btn-sec{
		position: relative;
		    padding-right: 16%;
			
			padding-top:70px;
}
.Quote-box{
	position:relative;
	width:100%;
	text-align:left
}
.Quote-box a {
    text-align: center;
    border: none;
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    border-radius: 50%;
    width: 114px;
    height: 114px;
    background: #fff;
    text-transform: unset;
    display: block;
    font-weight: 300;
    padding-top: 0;
    position: relative;
}

	.bb-black-box {
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    border-radius: 50%;
    padding-top: 30px;
    background: var(--title-color);
    text-align: center;
    margin: 0px auto;
}
	.Quote-box a .Ellipse1 {
 
    width: 114px;
    height: 61px;
    position: relative;
    display: block;
    opacity: 1;
    bottom: 55px;
    left: 0;
    right: 0;
   
}
.Quote-box  .Ellipse2 {
 
       /*content: "";*/
       float: right;
    margin-top: -62px;
    width: 35px;
    height: auto;
    position: relative;
    display: block;
    opacity: 1;
    bottom: 47%;
    right: 0;
	width:0px;
   
}
.Quote-b-main:nth-of-type(1) .Ellipse1{
-webkit-animation:glowingmenu1 5000ms infinite;
-o-animation:glowingmenu1 5000ms infinite;
	animation:glowingmenu1 5000ms infinite;
	

   -webkit-animation-name: glowingmenu1;
    -moz-animation-name: glowingmenu1;
    -o-animation-name: glowingmenu1;
    animation-name: glowingmenu1;
    -webktit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -o-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-duration: 5000ms;
    -moz-animation-duration: 5000ms;
    -o-animation-duration: 5000ms;
    animation-duration: 5000ms;
   
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
	 opacity:0
}
.Quote-b-main:nth-of-type(1) .Ellipse2{

	
	-webkit-animation-name: glowingmenu2;
    -moz-animation-name: glowingmenu2;
    -o-animation-name: glowingmenu2;
    animation-name: glowingmenu2;
    -webktit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -o-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-duration: 5000ms;
    -moz-animation-duration: 5000ms;
    -o-animation-duration: 5000ms;
    animation-duration: 5000ms;
   
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
	
	 opacity:1
}
.Quote-b-main:nth-of-type(2) .Ellipse1{
	-webkit-animation:glowingmenu3 5000ms infinite;
	-o-animation:glowingmenu3 5000ms infinite;
		animation:glowingmenu3 5000ms infinite;
		-webkit-animation-name: glowingmenu3;
    -moz-animation-name: glowingmenu3;
    -o-animation-name: glowingmenu3;
    animation-name: glowingmenu3;
    -webktit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -o-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-duration: 5000ms;
    -moz-animation-duration: 5000ms;
    -o-animation-duration: 5000ms;
    animation-duration: 5000ms;
		 opacity:0;
		 top: -110px;
		  bottom:unset
}
.Quote-b-main:nth-of-type(2) .Ellipse2{
	-webkit-animation:glowingmenu4 5000ms infinite;
	-o-animation:glowingmenu4 5000ms infinite;
		animation:glowingmenu4 5000ms infinite;
		-webkit-animation-name: glowingmenu4;
    -moz-animation-name: glowingmenu4;
    -o-animation-name: glowingmenu4;
    animation-name: glowingmenu4;
    -webktit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -o-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-duration: 5000ms;
    -moz-animation-duration: 5000ms;
    -o-animation-duration: 5000ms;
    animation-duration: 5000ms;
		 opacity:0
}
.Quote-b-main:nth-of-type(3) .Ellipse1{
	-webkit-animation:glowingmenu5 5000ms infinite;
	-o-animation:glowingmenu5 5000ms infinite;
	animation:glowingmenu5 5000ms infinite;
	
	-webkit-animation-name: glowingmenu5;
    -moz-animation-name: glowingmenu5;
    -o-animation-name: glowingmenu5;
    animation-name: glowingmenu5;
    -webktit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -o-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-duration: 5000ms;
    -moz-animation-duration: 5000ms;
    -o-animation-duration: 5000ms;
    animation-duration: 5000ms;
	
	 opacity:0
}


@-webkit-keyframes glowingmenu1 {
       0% {
         opacity:0
		
        }
		1% {
         opacity:0
		
        }
		  20% {
        
		   opacity:1
        }
        40% {
        
		   opacity:1
        }
		60% {
         opacity:1
		  
        }
		80% {
         opacity:1
		  
        }
       99% {
           opacity:1
        }
		100% {
           opacity:1
        }
      }
	  @-o-keyframes glowingmenu1 {
       0% {
         opacity:0
		
        }
		 1% {
         opacity:0
		
        }
		  20% {
        
		   opacity:1
        }
        40% {
        
		   opacity:1
        }
		60% {
         opacity:1
		  
        }
		80% {
         opacity:1
		  
        }
       99% {
           opacity:1
        }
		100% {
           opacity:1
        }
      }
	  @-moz-keyframes glowingmenu1 {
       0% {
         opacity:0
		
        }
		 1% {
         opacity:0
		
        }
		  20% {
        
		   opacity:1
        }
        40% {
        
		   opacity:1
        }
		60% {
         opacity:1
		  
        }
		80% {
         opacity:1
		  
        }
       99% {
           opacity:1
        }
		100% {
           opacity:1
        }
      }
	  
@keyframes glowingmenu1 {
       0% {
         opacity:0
		
        }
		 1% {
         opacity:0
		
        }
		  20% {
        
		   opacity:1
        }
        40% {
        
		   opacity:1
        }
		60% {
         opacity:1
		  
        }
		80% {
         opacity:1
		  
        }
       99% {
           opacity:1
        }
		100% {
           opacity:1
        }
      }
	  
	  
	  /****************************/
	  
	  
	  @-webkit-keyframes glowingmenu2 {
        0% {
         opacity:0
		
        }
		 1% {
         opacity:0
		
        }
		  20% {
        
		   opacity:0
        }
        40% {
        
		   opacity:1;
		    width: 35px;
        }
		60% {
         opacity:1;
		    width: 35px;
		  
        }
		80% {
        opacity:1;
		    width: 35px;
		  
        }
       99% {
            opacity:1;
		    width: 35px;
        }
		100% {
            opacity:1;
		    width: 35px;
        }
      }
	  @-o-keyframes glowingmenu2 {
        0% {
         opacity:0
		
        }
		 1% {
         opacity:0
		
        }
		  20% {
        
		   opacity:0
        }
        40% {
        
		   opacity:1;
		    width: 35px;
        }
		60% {
         opacity:1;
		    width: 35px;
		  
        }
		80% {
        opacity:1;
		    width: 35px;
		  
        }
       99% {
            opacity:1;
		    width: 35px;
        }
		100% {
            opacity:1;
		    width: 35px;
        }
      }
      
      @-moz-keyframes glowingmenu2 {
           
        0% {
         opacity:0
		
        }
		 1% {
         opacity:0
		
        }
		  20% {
        
		   opacity:0
        }
        40% {
        
		   opacity:1;
		    width: 35px;
        }
		60% {
         opacity:1;
		    width: 35px;
		  
        }
		80% {
        opacity:1;
		    width: 35px;
		  
        }
       99% {
            opacity:1;
		    width: 35px;
        }
		100% {
            opacity:1;
		    width: 35px;
        }
      }
	  @keyframes glowingmenu2 {
        0% {
         opacity:0
		
        }
		 1% {
         opacity:0
		
        }
		  20% {
        
		   opacity:0
        }
        40% {
        
		   opacity:1;
		    width: 35px;
        }
		60% {
         opacity:1;
		    width: 35px;
		  
        }
		80% {
        opacity:1;
		    width: 35px;
		  
        }
       99% {
            opacity:1;
		    width: 35px;
        }
		100% {
            opacity:1;
		    width: 35px;
        }
      }
	  
	  /*******************/
	  
	   @-webkit-keyframes glowingmenu3 {
        0% {
         opacity:0
		
        }
		 1% {
         opacity:0
		
        }
		  20% {
        
		   opacity:0
        }
        40% {
        
		   opacity:0
        }
		60% {
         opacity:1
		  
        }
		80% {
         opacity:1
		  
        }
       
		99% {
           opacity:1
        }
		100% {
           opacity:1
        }
      }
	  
	  @-o-keyframes glowingmenu3 {
        0% {
         opacity:0
		
        }
		1% {
         opacity:0
		
        }
		  20% {
        
		   opacity:0
        }
        40% {
        
		   opacity:0
        }
		60% {
         opacity:1
		  
        }
		80% {
         opacity:1
		  
        }
       99% {
           opacity:1
        }
		100% {
           opacity:1
        }
      }
	  
	   @keyframes glowingmenu3 {
        0% {
         opacity:0
		
        }
		 1% {
         opacity:0
		
        }
		  20% {
        
		   opacity:0
        }
        40% {
        
		   opacity:0
        }
		60% {
         opacity:1
		  
        }
		80% {
         opacity:1
		  
        }
       99% {
           opacity:1
        }
		100% {
           opacity:1
        }
      }
	  
	  /**************/
	  
	  
	   @-webkit-keyframes glowingmenu4 {
       0% {
         opacity:0
		
        }
		1% {
         opacity:0
		
        }
		  20% {
        
		   opacity:0
        }
        40% {
        
		   opacity:0
        }
		60% {
         opacity:0
		  
        }
		80% {
         opacity:1;
		    width: 35px;
		  
        }
       99% {
           opacity:1;
		    width: 35px;
        }
		100% {
           opacity:1;
		    width: 35px;
        }
      }
	  
	   @-o-keyframes glowingmenu4 {
       0% {
         opacity:0
		
        }
		 1% {
         opacity:0
		
        }
		  20% {
        
		   opacity:0
        }
        40% {
        
		   opacity:0
        }
		60% {
         opacity:0
		  
        }
		80% {
         opacity:1;
		    width: 35px;
		  
        }
       99% {
           opacity:1;
		    width: 35px;
        }
		100% {
           opacity:1;
		    width: 35px;
        }
      }
	   
	   
	   @keyframes glowingmenu4 {
       0% {
         opacity:0
		
        }
		 1% {
         opacity:0
		
        }
		  20% {
        
		   opacity:0
        }
        40% {
        
		   opacity:0
        }
		60% {
         opacity:0
		  
        }
		80% {
         opacity:1;
		    width: 35px;
		  
        }
      99% {
           opacity:1;
		    width: 35px;
        }
		100% {
           opacity:1;
		    width: 35px;
        }
      }
	  
	  
	  /**************/
	  
	   @-webkit-keyframes glowingmenu5 {
        0% {
         opacity:0
		
        }
		1% {
         opacity:0
		
        }
		  20% {
        
		   opacity:0
        }
        40% {
        
		   opacity:0
        }
		60% {
         opacity:0
		  
        }
		80% {
         opacity:0
		  
        }
       99% {
           opacity:1
        }
		100% {
           opacity:1
        }
      }
	  
	  
	   @-o-keyframes glowingmenu5 {
        0% {
         opacity:0
		
        }
		1% {
         opacity:0
		
        }
		  20% {
        
		   opacity:0
        }
        40% {
        
		   opacity:0
        }
		60% {
         opacity:0
		  
        }
		80% {
         opacity:0
		  
        }
       99% {
           opacity:1
        }
		100% {
           opacity:1
        }
      }
	  
	  
	  
	   @keyframes glowingmenu5 {
        0% {
         opacity:0
		
        }
		1% {
         opacity:0
		
        }
		  20% {
        
		   opacity:0
        }
        40% {
        
		   opacity:0
        }
		60% {
         opacity:0
		  
        }
		80% {
         opacity:0
		  
        }
       99% {
           opacity:1
        }
		100% {
           opacity:1
        }
      }
.Quote-box a strong{
	display:block;
	font-weight:800;
	    line-height: 20px;
}

/********/

.Bannerinner-slide {
    position: absolute;
    top: 150px;
    z-index: 9;
    color: #fff;
    left: 0;
    right: 0;
}

/****************/

/************************************/
.ProductBanner-menus {
    position: absolute;
    bottom: 0;
    z-index: 10;
    left: 0;
    right: 0;
    width: 100%;
    padding: 0px 10px;
}
.ProductBanner-menus-inner {
    position: relative;
    width: 100%;
    padding: 35px 0px;
}

.bannerproduct-box1 {
	    margin-bottom: 0px;
    border-radius: 5px;
    box-shadow: unset;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: flex-end;
    transition: all .2s ease-in-out;
    background-size: cover;
    z-index: 1;
}
.bannerproduct-box1 img{
	width:100%;
	-webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
	height: 142px;
    object-fit: cover;
}

.bannerproduct-box1:hover img{
	-webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.bannerproduct-box1:after {
	content:"";
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	height:70%;
	width:100%;
	background-image: linear-gradient(0deg, #000000, rgba(0, 24, 23, 0.0));
}
.bannerproduct-box1:after, .port-box1 .dlab-info .title {
    
}
.bannerproduct-box1 .icon-content {
	padding:15px 20px;
	z-index:99;
	position:relative;
	width:100%;
	position: absolute;
    bottom: 0;
	    text-align: left;
}
.bannerproduct-box1 .dlab-tilte {
	font-size:19px;
	font-weight:600;
	
	margin-bottom:0px
}
.bannerproduct-box1 .dlab-tilte a{
color:#fff
}
h2.dlab-tilte.text-white i {
    display: none !important;
}
.bannerproduct-box1 .dlab-tilte a i{
	display:none;
/* padding-left: 0;
    
   
    margin-left: 16px; */
}

.bannerproduct-box1 .dlab-tilte a:hover{
	color:var(--theme-color1)
}



.bannerproduct-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;
}

.bannerproduct-box1 .icon-content .btn{
    background-color: var(--theme-color);
	color:#fff;
	
}
/********/
.Bannerinner-slide .container{
	position:relative;
}
.banner-menu-linkab{
	position: absolute;
    content: "";
    top: 0;
	left:calc(var(--container-gutters) / 2);
	    z-index: 5;
}
.banner-menu-link{
	text-transform: capitalize;
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
    background: linear-gradient(135deg, rgb(255 255 255 / 28%), rgb(255 255 255 / 14%));
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    letter-spacing: -0.2px;
    display: inline-block;
    position: relative;
    border: 1px solid #ffffff45;
    width: max-content;
    border-radius: 70px;
    padding: 6px 20px 6px 20px;
    line-height: 19.8px;
    font-size: 15px;
    font-weight: 500;
    color: var(--white-color);
}
.banner-menu-link ul{
	margin:0;
	padding:0;
	position:relative;
	
}
.banner-menu-link li {
	color:#fff;
	position:relative;
	list-style:none;
	    margin-right: 5px;
    padding-right: 8px;
	display:inline-block
}

.banner-menu-link a{
	color:#fff;
}
.banner-menu-link li:after {
	content:"/";
	    position: relative;
    margin-left: 10px;
    font-weight: 600;
    font-size: 15px;
    color: var(--white-color);
}
.banner-menu-link li:last-child {
	  margin-right: 0px;
    padding-right: 0px;
}
.banner-menu-link li:last-child:after {
	content:unset;
	margin-right: 0px;
    padding-right: 0px;
}

.paddnew{
	margin-top:10px;
}

/***********/
.Bannerinnernew-slide {
        position: absolute;
    top: 180px;
    z-index: 9;
    color: #fff;
    left: 0;
    right: 0;
}
.Bannerinnernew-slide .container {
    position: relative;
}

.Bannerinnernew-slide .hero-style7{
	padding-top: 76px;

}

/*********/

.About-page-sec{
position: relative;
    display: block;
    padding: 70px 0px 70px;
}

.About-inner-left{
	position:relative
}
.About-inner-left p{
	
}
.About-inner-left p strong{
	font-weight:500;
	color:#000
}

.About-inner-right{
	    position: relative;
    display: block;
    margin-top: 50px;
}
.About-d-rightr p {
    margin-bottom: 20px;
    font-weight: 500;
	line-height:32px;
	color:#0000
	
}

/**************/

.Association-sec-innermain{
	padding:15px 15px 15px ;
	
	position:relative;
}
.Association-innersec{
	position:relative;
	padding:70px 0px 70px;
	background:#F1F1F1
	
}


.Association-padd{
	padding:0px 18px 0px 65px;
}
.innerAssociationbox{
	position:relative;
	padding:0px 0px;
	width:100%;
	margin-bottom:0px;
}

.innerAssociationbox h3{
	
	font-weight:700;
	font-size:18px;
	margin-bottom:15px;
}
.innerAssociationbox p{
	font-size: 16px;
   
    font-weight: 500;
    margin-bottom: 10px;
	    margin-bottom: 8px;
    line-height: 24px;
}
.innerAssociationbox p a{
	color:var(--body-color)
	
}
/**************/
.Vision-mission-innersec{
	position:relative;
	    padding-top: 60px;
}
.vision-bx{
	position: relative;
    background: #fff;
    padding: 40px 61px 19px 31px;
    width: 93%;
	    border-top: 2px solid #D3D3D3;
}

.vision-bx-icon{
	 margin-bottom: 20px;
	     min-height: 41px;
}
.vision-bx h2{
	font-size:25px;
	 margin-bottom: 0px;
	  padding-left: 15px;
}

.vision-bx p{
	    font-size: 15px;
		line-height:30px;
}

.vision-bx:hover {
    background: var(--theme-color2);
    /* border: 2px solid #ffffff14; */
    box-shadow: 0px 4px 14px rgb(7 36 95 / 20%);
    box-shadow: 0 0 10px rgb(20 42 90 / 61%);
    border-top: none;
}

.vision-bx:hover h2{
	color:#fff;
    
   
}
.vision-bx:hover img{
	    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}
.vision-bx:hover p{
	color:#fff;
  
   
}


/***********/

.Sustainabiliy-main{
	    padding: 0px 15px 15px;
    position: relative;
}

.Sustainabiliy-innersec {
    position: relative;
    padding: 15px 0px 15px;
    background: #F1F1F1;
}

/********/

.Sustain-left{
position: relative;
    padding-left: 9%;
}
.Sustain-left p{
	font-weight:500;
	line-height:30.05px;
}
.Sustain-left p strong{
	font-weight:500
	
}

.Sustain-right{
	
}

.sustainproduct-box1{
	position:relative;
	width:100%;
}

.sustainproduct-box1  .icon-content{
	padding: 15px 20px;
    z-index: 9;
   
    width: 100%;
    position: absolute;
    top: 0;
    text-align: left;
}

.sustainproduct-box1 .dlab-tilte {
	font-size: 42px;
    font-weight: 300;
    margin-bottom: 0px;
    color: #F9F9F9 !important;
    width: 328px;
}

/*************/

.Board-dirsec{
	position:relative;
	padding:70px 0px 70px;
	    background:#8e8e8e;
}
/**********/

.board-left{
	position:relative;
	
}
.board-right{
	position:relative;
}

.board-bx{
	
}

.board-bx-img {
	
}
.board-bx-img img{
	width:100%
}

.board-bx-desc{
	    position: relative;
    margin-bottom: 70px;
}
.board-bx-desc h3{
	    color: #fff;
    font-size: 19px;
    font-weight: 600;
}
.board-bx-desc p{
	color:#fff;
	font-weight:500;
	    font-size: 15px;
}
/******/
.board-left-bx{
	position: relative;
    width: 74%;
    border: 1px solid #ffffff3b;
    background: #9c9b9b;
    padding: 40px 35px;
}


.board-left-bx h3{
	color:#fff;
	    margin-bottom: 40px;
	font-weight:600;
	font-size:38px;
    margin-bottom: 40px;
}

.board-left-bx .board-btn{
	position:relative;
	width:100%;
	display:block;
	
	padding-top:25px;
}

.board-left-bx .board-btn .bo-btn1{
	font-weight:700;
	padding:12px 26px 12px 26px;
	background:#fff;
	margin-right:10px;
	color:var(--title-color);
	font-size:14px;
}
.board-left-bx .board-btn .bo-btn2{
	font-weight:700;
	padding:12px 26px 12px 26px;
	background:var(--title-color);
	margin-right:10px;
	color:var(--white-color);
	font-size:14px;
}
.board-left-bx .board-btn .bo-btn2:hover {
    background-color: blue; /* Change background color to blue on hover */
    color: white; /* Change text color to white on hover */
}
.board-left-bx .board-btn .bo-btn1:hover {
    background-color: blue; /* Change background color to blue on hover */
    color: white; /* Change text color to white on hover */
}

.board-dleft-inner{
	position:relative;
	width:100%;
	    height: 385px;
}

.board-dleft-inner:before{
	    position: absolute;
    left: 0;
    content: "";
    border-left: 2px solid #000;
    z-index: 0;
    top: 0;
    width: 100%;
    height: 100%;
	
}

/**********/

.board-grid{
	position:relative;
	    height: 100%;
	width:100%;
	
}
.board-grid-desc{
	position:relative;
	width:100%;
	
	padding:0px 15px 0px
} 
.board1:before{
	position: absolute;
    left: 0;
    content: "";
    border-left: 2px solid #A3C6FD;
    z-index: 0;
    top: 0;
	    height: 33.33%;
    width: 2px;
}


.board2{
	   
}
.board2 .board-grid-desc{
	    top: 33.33%;
}
.board2:before{
	position: absolute;
    left: 0;
    content: "";
    border-left: 2px solid #A3C6FD;
    z-index: 0;
    top: 33.33%;
	    height: 33.33%;
    width: 2px;
}
.board3{
	      
}
.board3 .board-grid-desc{
	     top: 66.66%;
}
.board3:before{
	position: absolute;
    bottom: 0;
    content: "";
    border-left: 2px solid #A3C6FD;
    z-index: 0;
    top: unset;
    height: 33.33%;
    width: 2px;
}

.board-grid-desc h3{
	    color: #fff;
    margin-bottom: 0px;
    font-weight: 500;
    font-size: 27px;
	    padding: 10px 0px;
}
.Board-slider.slider-shadow .slick-list {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
}
.Board-slider{
	position:relative;
	
	height:100%
}

.Board-slider .slick-list{
	height:100%
}
.Board-slider .slick-track {
   height:100%
}
.Board-slider .slick-slide{
	height:100%
}
/************************************************/
.bg-green{
	color:var(--green-color)
}

.style-black-banner{
	    margin-top: 10px;
}
.style-white-banner{
	    margin-top: 10px;
		 margin-left: 15px;
		    background-color: var(--white-color);
    color: var(--title-color);
}
.hero-style7 .hero-meta.bg-green-meta span{
	    background: var(--green-color);
}

.su-icon{
	margin-bottom:15px;
}

.Bannerinnernew-slide .hero-style7.hero-style7sus {
    padding-top: 18px;
}

/***********************/

.Sus-page-sec{
	    position: relative;
    display: block;
    padding: 70px 0px 50px;
}
.Susp-inner-right {
    position: relative;
    display: block;
    margin-top: 50px;
}
.Susp-inner-left{
	      position: relative;
    padding-right: 11%;
}

.sub-title2-green{
	    border: 1px solid var(--green-color);
		 color: var(--green-color);
}
.sustain-img{
padding-top:20px;
}
.sustain-img img{
	 width: 100%;
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
}

.sustain-img img:hover  {
    -webkit-transform: scale(1.03);
    -ms-transform: scale(1.03);
    transform: scale(1.03);
}
/****************/

.Program-page-sec{
	position:relative;
	padding:70px 0px 40px;
	
	background:#e5fbee
}

.Program-box{
	position:relative;
	padding-top:60px
}
.Program-inner-left{
	    position: relative;
    padding-right: 11%;
}

.Program-inner-right{
	    position: relative;
    display: block;
    margin-top: 50px;
}


/*******/

.Bannerinnernew-slide .hero-style7.hero-garnet {
    padding-top: 20%;
	
}

.garnet-bslide:before{
	    content: "";
    background: rgb(0 0 0 / 45%);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}
.hero-slider-7 .as-hero-slide:before{
	    content: "";
    background: rgb(0 0 0 / 45%);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

/****************/

.Gaanet-page-sec{
	    position: relative;
    background: var(--theme-color2);
    padding: 70px 0px 50px;
	    margin-top: 10px;
}

.GarnetProduct-dleft {
    position: relative;
	padding-right: 10%;
}
.GarnetProduct-dright {
    position: relative;
    margin-bottom: 0px;
    margin-top: 50px;
	 color: #fff;
}
.GarnetProduct-dright-new {
    
    margin-bottom: 0px;
    margin-top: 0px;
	
}
.GarnetProduct-dright p {
    color: #fff;
	
}

.GarnetProduct-dright h3 {
	color: #fff;
    font-size: 17px;
    font-weight: 600;
	margin-bottom:18px
}
.GarnetProduct-dright ul {
    color: #fff;
	margin:0;
	padding:0;
	 padding-left: 10px;
}
.GarnetProduct-dright ul ul {
	padding-top:10px;
	
}
.PGarnetroduct-dleft h4{
	    color: #fff;
    font-size: 22px;
    font-weight: 600;
}
.GarnetProduct-dright ul li {
	margin-bottom: 2px;
    position: relative;
    line-height: 27px;
    padding-left: 10px;
   
    list-style: none;
    color: #fff;
	    margin-bottom: 14px;
}
.GarnetProduct-dright ul li:before {
   content: "";
    position: absolute;
    left: 0;
    top: 10px;
	border-radius:50%;
    width: 4px;
    height: 4px;
    background: var(--white-color);
}

/*********/
.Garnet-hr-main{
	    position: relative;
    width: 100%;
    margin: 50px auto 0px;
    width: 36%;
    padding: 0px 0px 70px;
}
.Garnet-hr{
	    position: absolute;
    content: "";
    left: -25px;
    height: 1px;
    width: 100%;
    background: linear-gradient(to right, #ffffff0d, #fff, #ffffff0d);
    z-index: 1;
    top: 0px;
}

.garnet-left-box{
	position:relative;
	padding:30px 30px 30px;
	    border: 1px solid #ffffff42;
    background: #1a407d;
	    width: 79%;
}
.garnet-left-box.new {
   
    width: 59%;
}
.garnet-left-box .row{
	margin-left:0;
	margin-right:0
}
.garnet-left-box .col-lg-6{
	padding-left:0;
	padding-right:0
}
.garnet-left-box-l{
	position:relative;
	width:100%;
padding:0px 0px
}
.garnet-left-box-l p{
	color:#fff
}
.garnet-left-box h3{
color: #fff;
    font-weight: 600;
    font-size: 18px;
    border-bottom: 1px solid #ffffff42;
    padding-bottom: 13px;
}
.garnet-left-box-r{
		position:relative;
	width:100%;
	padding:0px 0px;
	text-align:center
}
.garnet-left-box-r p{
	       background: #fff;
    margin: 0px auto 35px;
    color: var(--theme-color);
    width: max-content;
    border-radius: 60px;
    padding: 3px 20px;
    line-height: 30px;
    font-size: 14px;
    font-weight: 500;
}

.product-hh{
	border-right:1px solid #ffffff42;
}


/*********************/


.garnet-left-box table{
	width:100%;
	    margin-bottom: 0px;
    color: #101010;
	    border: none;
		 border-collapse: collapse;
            border-style: hidden;
}


.garnet-left-box table thead th {
   color:#fff;
    background-color:transparent;
    border-color: #fff;
    border-bottom: none;
	    padding: 12px 22px;
		font-size: 15px;
    font-weight: 400;
}

.garnet-left-box table thead td {
	  
}
.garnet-left-box table tbody{
	color:#fff;
	    border: none;
}

.garnet-left-box table tbody tr {
	color:#fff;
}
.garnet-left-box table tbody tr th{
	color: #fff;
    font-weight: 600;
    font-size: 17px;
	 background-color: transparent;
	   
		background-image:none;
		padding: 20px 10px;
		 border: 0.5px solid #ffffff42;
}
.garnet-left-box table tbody tr td{
	padding: 7px 22px;
    text-transform: capitalize;
    color: #fff;
    font-weight: 500;
    font-size: 14px;
	  background-color: transparent;
	    border: 0.5px solid #ffffff42;
		background-image:none;
		padding: 20px 10px;
		    font-weight: 400;
}
.garnet-left-box table tbody tr td p {
    background: #fff;
    margin: 0px auto 35px;
    color: var(--theme-color);
    width: max-content;
    border-radius: 60px;
    padding: 3px 20px;
    line-height: 30px;
    font-size: 14px;
    font-weight: 500;
}
.garnet-left-box table tbody tr td p:last-child {
	 margin-bottom: 0px;
}
.garnet-left-box h4{
	
	color:#fff;
	font-weight:600;
	font-size:16px;
	margin-bottom:25px;
}
.garnet-left-box tr{
	border: none;
}
/********/
.Garnet-product-sec{
	position:relative;
	padding:70px 0px 70px;
	background:#F1F1F1
}

.Gallery-sec{
	padding:80px 0px 50px;
	position:relative
}

.mapsec iframe{
	margin-bottom:-10px
}

.Association-sec-main-contact{
	padding:70px 0px 70px;
	position:relative;
}
.Association-sec-main-contact .Association-padd {
    padding: 0px 0px 0px 0px;
}
.Association-sec-main-contact .Association-box h3{
	color:#000;
	font-weight:700;
	font-size:18px;
	margin-bottom:15px;
}
.Association-sec-main-contact .Association-box p{
	font-size: 16px;
    color: #000;
    font-weight: 500;
    margin-bottom: 8px;
	    line-height: 24px;
}
.Association-sec-main-contact .Association-box p a{
	color:#000
	
}
.Association-sec-main-contact .Association-box {
    position: relative;
    padding: 0px 0px;
    width: 90%;
    margin-bottom: 0px;
}
/***********/

.Bannerinnernew-slide .hero-style7.career-banner {
    padding-top: 51px;
}


/*************/

.Career-page-sec{
	position:relative;
	padding:70px 0px 70px
}

.Career-inner-left{
	position:relative;
	    padding-right: 6%;
}
.Career-inner-left p{
	font-weight:500;
	line-height:30px
}
.Career-inner-right{
	position:relative;
	padding-top:30px;
	padding-left: 19%;
}

/***********/



.wptb-item--inner{
	position:relative;
	width:100%;
	margin-bottom:0
}
.wptb-icon-box2:nth-of-type(1) {
       padding: 30px 40px !important;
    padding-left: 0 !important;
    padding-top: 0 !important;
}
.wptb-icon-box2:nth-of-type(2) {
        padding: 30px 41px !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
}
.wptb-icon-box2:nth-of-type(3) {
     padding: 30px 40px !important;
    padding-left: 0 !important;
    padding-bottom: 0 !important;
}
.wptb-icon-box2:nth-of-type(4) {
     padding: 30px 41px !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
}
.wptb-item--inner h3{
	font-size:19px;
	font-weight:600;
	margin-bottom:20px;
	
}
.wptb-item--inner p{
	font-style:italic;
	font-size:15px;
	line-height:28px;
	font-weight:300
}

.as-btn.style-career{
	    padding: 11px 30px;
    font-weight: 400;
    font-size: 15px;
}
.Career-page-inner-sec{
	    padding: 15px 15px 15px;
    position: relative;
}
.Career-page-inner-sec-inner{
	position:relative;
	
		   
}
.Career-page-inner-sec-inner:hover{
	position:relative;
	
		    background: #F1F1F1;
}
.Career-inner-pages-left{
	position:relative;
	padding-left:0;
	padding-right:0;
		padding:50px 0px 40px;
}
.Career-inner-pages-left p{
		font-weight:500;
	line-height:30px;
	font-weight:500;
}

.Career-inner-pages-right{
	position:relative;
	
}

.Career-inner-pages-right img{
	width:100%
}
.Career-page-inner-sec-inner .container .col-lg-4{
	display:none;
}

.Career-page-inner-sec-inner:hover .container{
	padding-left:0;
	padding-right:0;
	width:100%;
	    max-width: 100%;
}
.Career-page-inner-sec-inner:hover .container .row{
	margin-left:0;
margin-right:0;

}
.Career-page-inner-sec-inner:hover .container .col-lg-4, .Career-page-inner-sec-inner .container-fluid .col-lg-8{
	padding-left:0;
	padding-right:0;
		
	
}
.Career-page-inner-sec-inner:hover .container .col-lg-4
{
	    -webkit-transition: 0.10s ease-in-out;
    transition: 0.10s ease-in-out;
	display:block!important
}
.Career-page-inner-sec-inner:hover .Career-inner-pages-left {
   
    padding-left: 40px;
    padding-right:50px;
}


/***************/

.carrre-arrow{
	
	padding-top:70px;
	position:relative;
	text-align:right;
	margin-left:auto
	
}

/*************/

.Voyagesec{
	position:relative;
	padding:70px 0px 70px
}

.Voyage-inner-left {
    position: relative;
}
.Voyage-inner-left p {
    font-weight: 500;
}
.Voyage-inner-right {
    position: relative;
    display: block;
    margin-top: 50px;
}
.Voyage-inner-right p {
    font-weight: 500;
}

.disributor-bslide:before {
    content: "";
    background: rgb(0 0 0 / 45%);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.De-left{
	position:relative;
}
.De-left p{
	color:#fff;
}


.quote-form .form-title.newblack {
    margin-top: 0;
    margin-bottom: 25px;
    font-weight: 400;
    color: var(--title-color) !important;
    font-size: 42px;
    letter-spacing: -1px;
    text-align: left;
}
.quote-form .form-title.newblack span {
    color: var(--theme-color);
}


.Bannerinnernew-slide .hero-style7.distri-banner {
    padding-top: 14%;
}



/***************/

.careerwptb-item--inner{
	position:relative;
	width:100%;
	margin-bottom:0
}
.careerwptb-icon-box2{
	 padding: 30px 40px !important;
	 border-bottom: 1px solid #dee2e6 !important;
	  border-width: 1px !important;
}
.careerwptb-icon-box2:nth-of-type(1) {
      
 
    
	    border-right: 1px solid #dee2e6 !important;
	   
		
}
.careerwptb-icon-box2:nth-of-type(2) {
      
   
   
	 border-right: 1px solid #dee2e6 !important;
	  
}
.careerwptb-icon-box2:nth-of-type(3) {
    
  
  
	 border-right: 1px solid #dee2e6 !important;
	   
}
.careerwptb-icon-box2:nth-of-type(4) {
     border-right: 1px solid #dee2e6 !important;
    
   
	   
}
.careerwptb-icon-box2:nth-of-type(5) {
      
   
   
	    border-right: 1px solid #dee2e6 !important;
	   
		
}
.careerwptb-icon-box2:nth-of-type(6) {
      
 
   
	    border-right: 1px solid #dee2e6 !important;
	   
		
}
.careerwptb-icon-box2:nth-of-type(7) {
      
    
   
	    border-right: 1px solid #dee2e6 !important;
	   
		
}
.careerwptb-icon-box2:last-child {
    
   
    
	   
}
.careerwptb-item--inner h3{
	font-size:19px;
	font-weight:600;
	margin-bottom:20px;
	
}
.careerwptb-item--inner p{
	font-style:italic;
	font-size:15px;
	line-height:28px;
	font-weight:300
}

.as-btn.style-career{
	    padding: 11px 30px;
    font-weight: 400;
    font-size: 15px;
}


.careerwptb-item--inner h3{
	font-size:19px;
	font-weight:600;
	margin-bottom:20px;
	
}
.careerwptb-item--inner p{
	font-style:italic;
	font-size:15px;
	line-height:28px;
	font-weight:300
}

.as-btn.style-career{
	    padding: 11px 30px;
    font-weight: 400;
    font-size: 15px;
	position: relative;
	background-color:black;
}

.as-btn.style-careernew{
	padding: 11px 30px;
font-weight: 400;
font-size: 15px;
background-color:black;
}
.as-btn.style-careernew:hover
{
	background-color:blue;
}

.btn-readmore{
	padding: 11px 30px;
font-weight: 400;
font-size: 15px;
background-color:black;
}
.btn-readmore:hover{
	background-color:blue;
}

.as-btn.style-career:hover {

background-color:blue;
}
/* .as-btn.style-career {
    padding: 11px 30px;
    font-weight: 400;
    font-size: 15px;
    position: relative;
} */

.as-btn.style-career:hover .root-point-circle {
    width: 20px; /* Increase the width of the circle on hover */
}



.as-btn.style-new:hover{
	background-color:blue;
}

.bo-btn2:hover {
    background-color: blue; 
}



/****************/

.Career-detailpage-sec{
	    position: relative;
    padding: 70px 0px 70px;
}

.Career-detailinner-left{
	    position: relative;
    padding-right: 5%;
}
.Career-detailinner-right{
	position:relative;
}

.Career-detailinner-left h3{
	/* letter-spacing: -0.01em;*/
	 font-size:18px;
	 margin-bottom:20px;
	/* font-family: "Karla", sans-serif;*/
}
.Career-detailinner-left p{
	/* letter-spacing: -0.01em;*/
	 color:var(--title-color);
	  /* font-family: "Karla", sans-serif;*/
}
.Career-detailinner-left ul{
	    margin: 0;
    padding: 0;
    padding-left: 10px;
}
.Career-detailinner-left li{
	    position: relative;
    line-height: 1.4;
    padding-left: 10px;
    list-style: none;
    color: var(--title-color);
    margin-bottom: 14px;
	   /* letter-spacing: -0.01em;*/
		/* font-family: "Karla", sans-serif;*/
}
.Career-detailinner-left li:before{
	    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    border-radius: 50%;
    width: 4px;
    height: 4px;
    background: var(--title-color);
}

/*********/

.Career-detailinner-right{
    position: relative;
    margin-left: auto;
}
.career-form{
	    padding: 40px 40px 40px;
   border-radius:1px ;
    background-color: var(--white-color);
  
    text-align: left;
  border:1px solid #003a4745;
    margin: 0 49px 0 auto;
    width: 401px;
}
.career-form h3{
	font-weight:600;
/* font-family: "Karla", sans-serif;*/
	/* letter-spacing: -0.01em;*/
    font-size: 20px;
    margin-bottom: 20px;
}

.career-form label{
	color:#003A47;
	 font-weight: 600;
	 /* letter-spacing: -0.01em;*/
	 font-size:15px;
	  /* font-family: "Karla", sans-serif;*/
}
.career-form .form-control {
    border: none;
    background-color: #fff;
    border: 1px solid #003a4745;
    color: #003A47;
    font-weight: 400;
    font-size: 14.5px;
    padding: 0 0px 0 0px;
    height: 37px;
    letter-spacing: 0;
	line-height:21.44px;
    font-weight: 400;
	padding:7px 20px;
	 border-radius: 1px;
	  /* font-family: "Karla", sans-serif;*/
}
.career-form textarea.form-control {
    height: 70px;
    min-height: 70px;
}
.career-form textarea::placeholder {
   color:#003A47!important;
}
.career-form input::placeholder {
   color:#003A47!important;
}

.career-form .custom-file-upload {
  border-radius: 1px;
    display: inline-block;
    padding: 20px 16px 20px 16px;
    cursor: pointer;
    width: 100%;
    height: unset;
    color: #003A47 !important;
    border: 1px solid #003a4745;
    position: relative;
    display: block;
    margin-top: 5px;
    margin-bottom: 3px;
	/* font-family: "Karla", sans-serif;*/
    font-weight: 700;
    font-size: 13px;
    color: #000;
    text-align: center;
}
.career-form  .form-group input {
    border-radius: 1px;
   
    color: #003A47;
    height: 35px;
 /* font-family: "Karla", sans-serif;*/

    background: #fff;
	 border-radius: 1px;
}

.resumebtn {
    display: none;
}

/*************/

.Bannerinnernew-slide .hero-style7.hero-sillimanite {
   padding-top: 10%;
}

/*********************/
.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: 85px;
    color: #101010;
	    border: none;
		 border-collapse: collapse;
            border-style: hidden;
}


.packagetable table thead th {
   color:#fff;
    background-color:transparent;
    border-color: #fff;
    border-bottom: none;
	    padding: 12px 22px;
		font-size: 15px;
    font-weight: 400;
}

.packagetable table thead td {
	  
}
.packagetable table tbody{
	color:#fff;
	    border: none;
}

.packagetable table tbody tr {
	color:#fff;
}
.packagetable table tbody tr td{
	padding: 7px 22px;
    text-transform: capitalize;
    color: #fff;
    font-weight: 500;
    font-size: 15px;
	  background-color: transparent;
	    border: 0.5px solid #fff;
		background-image:none
}
.packagetable.pack table tbody tr td p{
	color:white;
	
}

.packagetable h4{
	
	color:#fff;
	font-weight:600;
	font-size:16px;
	margin-bottom:25px;
}
.packagetable tr{
	border: none;
}
/*************************/

.Av-grades{
	position:relative;
	padding:70px 0px 70px
}

.Av-grades-bg{
	       background: #a3c6fd54;
    border: 1px solid #2997ff40;
    position: relative;
    padding: 30px 65px 20px;
    width: 100%;
}

.Av-grades-bg h3{
	    font-size: 19px;
    font-weight: 600;
	margin-bottom:30px;
}
.Av-grades-bg ul{
	padding:0;
	margin:0;
	position:relative;
}
.Av-grades-bg li{
	    display: inline-block;
    position: relative;
    list-style: none;
    font-weight: 500;
    font-size: 15px;
    margin-right: 22px;
	margin-bottom:10px;
}

.olv-cert{
	position:relative;
	padding-top:70px;
}
.olv-cert img{
	width:100%
}

.olv-bt{
	text-align:right;
	    padding-top: 38px;
}

.Bannerinnernew-slide .hero-style7.hero-Olvline {
    padding-top: 21%;
}


/******************/

.olvmsd-bt{
	    position: relative;
    padding-top: 30px;
    padding-left: 5%;
}

.Msd-olvline{
	position:relative;
	
	padding:30px 0px 30px
}

/**************/

.Sand-blast-sec{
	position:relative;
	padding:70px 0px 50px;
}

.sand-destext{
		position:relative;
}

.sand-destext p{
		font-weight:500;
		margin-bottom:20px
}

.sand-dleft{
	position:relative;
}
.sand-dleft h4{
	color:#fff;
	font-size:23px;
	font-weight:700;
	margin-bottom:30px;
}
.sand-dleft p{ 
	color:#fff;
	
	margin-bottom:20px;
	line-height:30px
}

/*********/

.sand-table-left-box{
	width:100%!important;
	  padding: 18px 21px 23px;
}
.sand-table-left-box table tbody tr td{
    padding: 10px 10px;
	}
.sand-table-left-box tr td:last-child{
	text-align:center
}
.sand-table-left-box table tbody tr th {
   
    font-size: 16px;
   
    padding: 10px 10px;
   
}
.sand-table-right-box{
	width:100%!important;

    padding: 18px 21px 23px;
}
.sand-table-right-box table tbody tr td{
    padding: 10px 10px;
	}
	
	.sand-table-right-box table tbody tr th {
   
    font-size: 16px;
   
    padding: 10px 10px;
   
}
.ss-sand-img img{
	   
		
		width:100%;
   
}

/****/

.wa-dia{
	padding-right:15px
}

.wa-h4 {
    color: #fff;
    font-size: 23px;
    font-weight: 700;
    margin-bottom: 40px;
}

.Bannerinnernew-slide .hero-style7.hero-waterjet {
    padding-top: 12%;
}

/**********/

.Bannerinnernew-slide .hero-style7.hero-gallery {
    padding-top: 27%;
}

/*********/

.Blog-detail-sec{
	position:relative;
	padding:70px 0px 55px;
}

.News-box1.newn img {
   
    height: 386px;
   
}
.News-box1.newn .news-arrow img {
    width: max-content !important;
    height: unset!important;
    object-fit: cover;
}

/****************************/

/**************************/
.youmyModal{
top: 0px;
      transition: top 0.5s ease;
    z-index: 1000000;
	background:#0000009e;
}
.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;
}
.youmyModal .modal-body {
    position: relative;
    
    padding: 40px;
}
.youmyModal .modal-content{
	    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 0.3rem;
    outline: 0;
	-webkit-box-shadow: 0 5px 15px rgb(0 0 0 / 50%);
    box-shadow: 0 5px 15px rgb(0 0 0 / 50%);
}

.youmyModal .modal-dialog {
    max-width: 1100px;
    margin: 100px auto 20px;
}
.youmyModal  h5{
	   color: #fff;
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    text-align: left;
    /* margin: 0px auto; */
    line-height: 30px;
}

.youmyModal .btn-close {
     color: #fff;
    position:fixed;
    text-align: right;
    right: 20px;
    top: 20px;
    display: block;
    text-shadow: unset!important;
	outline:unset!important;
	box-shadow:unset!important;
    opacity: 1;
    background: transparent;
    line-height: 10px;
    outline: none;
    font-size: 50px;
    width: unset;
    height: unset;
}
.youmyModal .btn-close:focus, .youmyModal .btn-close:hover {
	 text-shadow: unset!important;
	outline:unset!important;
	box-shadow:unset!important;
}
.youmyModal .btn-close span {
	color:var(--theme-color);
}

.blog-text-modal{
	
}
.blog-text-modal h3{
	
    font-size: 24px;
    font-weight: 700;
}
.blog-text-modal p{
line-height:30px;
font-weight:500
}
/*********/

.blog-text-modal .blo-date {
    border-radius: 50px;
    padding: 0px 10px 0px 10px;
    position: absolute;
    top: 20px;
    background: #F9F9F9;
    color: #AEAEAE;
    font-weight: 500;
    font-size: 12px;
    right: 20px;
}

.modalgallery-img {
    position: relative;
    z-index: 2;
    border-radius: 0px;
    overflow: hidden;
}
.modalgallery-img img {
   width:100%
}


/*************/
.gallery-slider{
	position:relative;
	display:block;
	    z-index: 1;
}


	.gallery-slider .slick-arrow {
    opacity: 1;
    visibility: visible;
}
.gallery-slider .slick-arrow {
    display: inline-block;
    padding: 0;
    background-color: transparent;
    color: var(--title-color);
    position: absolute;
    top: 50%;
    border: unset;
    box-shadow: none;
   
    width: var(--icon-size, 55px);
    height: var(--icon-size, 55px);
    line-height: var(--icon-size, 53px);
    font-size: var(--icon-font-size, 18px);
    margin-top: calc(var(--icon-size, 55px) / -2);
    z-index: 2;
    border-radius: 999px;
}

.gallery-slider .slick-arrow.slick-prev   {
   right: auto;
    left: -150px;
}
.gallery-slider .slick-arrow.slick-next {
    
	
	 right: -150px;
    left: auto;
}
.gallery-slider.slider-shadow .slick-list {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
}
.gallery-slider .slick-dots {
   
    margin: 10px 0 0 0;
}
.gallery-slider .slick-dots button {
   
    background-color: #fff;
	
}
.gallery-slider .slick-dots .slick-active button {
   
    background-color: var(--theme-color);
	width:20px;
}
.gallery-slider .slick-dots button:hover {
    border-color: var(--theme-color);
}
.youmyModal .modal-content.mm-gal{
	    background-color: transparent;
box-shadow:none!important
}

.gallery-slider .slick-arrow i{
	color:#fff
}


/**************/

.Banner-menus-social{
	text-align:end;
	    position: absolute;
    bottom: 0;
    z-index: 10;
    left: 0;
    right: 0;
    width: 100%;
    padding: 0px 10px;
}
.Banner-menus-inner-social {
text-align:right;
    position: relative;
    width: 100%;
    padding: 35px 0px;
    margin-right: 50px;
}
.Banner-menus-inner-social:before {
    z-index: 0;
    left: 0;
    position: absolute;
    right: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(to bottom, #0000 0%, #000000e3 100%);
    content: "";
    bottom: 0;
}
.Banner-menus-inner-social a:first-child{
	 margin-left: 51px;
}
.Banner-menus-inner-social a{
		display: block;
		margin-top: 19px;
    margin-right: 21px;
    position: relative;
}
.Banner-menus-inner-social img{
   width:40px;
	}


	.p-avail-right .quote-form.cc-conmform{
		margin-top: -150px;margin-top: -180px;
    z-index: 10;
    display: block;
    position: relative;
	}
	
	.hero-style7 .hero-title.cc-banntitle{
		font-size: 45px;
    line-height: 62px;
    animation-delay: 0.4s;
	}
	
	
	/**************/
	
	.productproduct-box1 {
	    margin-bottom: 0px;
    border-radius: 5px;
    box-shadow: unset;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: flex-end;
    transition: all .2s ease-in-out;
    background-size: cover;
    z-index: 1;
}
.productproduct-box1 img{
	width:100%;
	-webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
	height: 215px;
    object-fit: cover;
}

.productproduct-box1:hover img{
	-webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.productproduct-box1:after {
	content:"";
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	height:70%;
	width:100%;
	background-image: linear-gradient(0deg, #000000, rgba(0, 24, 23, 0.0));
}
.productproduct-box1:after, .port-box1 .dlab-info .title {
    
}
.productproduct-box1 .icon-content {
	padding:15px 20px;
	z-index:99;
	position:relative;
	width:100%;
	position: absolute;
    bottom: 0;
	    text-align: left;
}
.productproduct-box1 .dlab-tilte {
	font-size:19px;
	font-weight:600;
	
	margin-bottom:0px
}
.productproduct-box1 .dlab-tilte a{
color:#fff
}
.productproduct-box1 .dlab-tilte a i{
padding-left: 0;
    
       rotate: -45deg;
    margin-left: 16px;
}

.productproduct-box1 .dlab-tilte a:hover{
	color:var(--theme-color1)
}



.productproduct-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;
}

.productproduct-box1 .icon-content .btn{
    background-color: var(--theme-color);
	color:#fff;
	
}
   .bb-arrow{
	   
    position: absolute;
    bottom: 15px;
    z-index: 10;
    left: 0;
    right: 0;
    width: 100%;
    padding: 0px 10px;
	
	display:none!important
	
	}
	
	 .bb-arrow a{
		    color: #fff;
    text-align: right;
    margin-left: auto;
    display: block;
	 }
	 .bb-arrow a i {
  color: #fff;
    font-size: 25px;
    rotate: -139deg;
}

.bb-black-box{
	
}






.main_menu_3 .sub_menu li a:hover, .main_menu_3 .sub_menu li a.active, .main_menu_3 .sub_menu li a:hover::after, .main_menu_3 .sub_menu li a.active::after {
    color: var(--colorOrange);
}
.main_menu .sub_menu li a:hover, .main_menu .sub_menu li a.active {
    padding-left: 25px;
}
.main_menu .sub_menu li a {
    display: block;
    text-transform: capitalize;
    font-size: 15px;
    font-weight: 600;
    color: var(--theme-color);
    position: relative;
    padding: 0px 20px;
    border-bottom: 1px solid #eee;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    line-height: 29px;
    margin-bottom: 10px;
}


/* Button styles */
.bo-btn1, .bo-btn2 {
    display: inline-block;
    padding: 10px 20px;
    text-decoration: none;
    color: #fff;
    border-radius: 5px;
    transition: background-color 0.3s; /* Add transition for smooth effect */
}

/* Hover state */
.bo-btn1:hover, .bo-btn2:hover {
    background-color: blue; /* Change background color to blue on hover */
}
/* Button styles */
.as-btn.style-careernew {
    padding: 10px 20px;
    background-color: #fff; /* Default background color */
    border: 1px solid #000; /* Example border */
    border-radius: 5px;
    color: #000; /* Default text color */
    cursor: pointer; /* Ensure cursor changes on hover */
    transition: background-color 0.3s; /* Add transition for smooth effect */
}

/* Hover state */
.as-btn.style-careernew:hover {
    background-color: blue; /* Change background color to blue on hover */
}


/* Remove fixed width for carousel items */
.owl-carousel .owl-item {
    
min-width:0!important;
}


/* Button styles */
.as-btn.style-black-banner {
   
    color: #fff;
    background-color: black;
    border-radius: 5px;
    transition: background-color 0.3s; /* Add transition for smooth effect */
}

/* Hover state */
.as-btn.style-black-banner:hover {
    background-color: blue; /* Change background color to blue on hover */
}


/* Positioning and styling the navigation arrows */
.nextArrow,
.prevArrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40px; /* Set the width of the arrows */
    height: 40px; /* Set the height of the arrows */
    font-size: 24px; /* Adjust the font size of the arrow icons */
    color: #000; /* Set the color of the arrows */
    background-color: #fff; /* Set the background color of the arrows */
    border: 1px solid #ccc; /* Add border to the arrows */
    border-radius: 50%; /* Make the arrows circular */
    cursor: pointer; /* Change cursor to pointer on hover */
    z-index: 999; /* Ensure arrows appear above carousel */
}

.nextArrow {
    right: 10px; /* Adjust the distance of the arrow from the right side */
}

.prevArrow {
    left: 10px; /* Adjust the distance of the arrow from the left side */
}
.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
    display: block!important;
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
    background: 0 0;
    color: inherit;
    border: none;
    font-size: 30px!important;
    padding: 0 !important;
    
}
.as-header.header-layout6.ft-header-top {
    padding: 16px 0px;
    position: relative;
}
.ul-li ul {
    margin: 0;
    padding: 0;
}
.as-header.header-layout6.ft-header-top li {
    color: #fff;
    font-size: 13px;
    margin-left: 55px;
    position: relative;
    font-family: "Poppins";
}
.as-header.header-layout6 .ft-header-top li i {
    color: var(--theme-color);
    margin-right: 5px;
    font-size: 20px;
}
/* .as-header.header-layout6 .ft-header-top li:after {
    top: -2px;
    width: 1px;
    content: "";
    height: 24px;
    right: -32px;
    position: absolute;
    background-color: #424a54;
} */

/* .ft-header-top ul {
    margin: 0;
    padding: 0;
    list-style: none;
} */
.ft-header-top ul {
    margin-left: -23px;
    position: relative;
    right: -12px;
    width: 100%;
    padding: -18px;
    list-style: none;
}

.ft-header-top ul li {
    display: inline-block;
    margin-right: 8px;
    font-size: 16px;
    line-height: 1.5;
}
.ft-header-top ul li:last-child {
    margin-right: 77px;
}
p.conph {
    color: white;
    font-size: 13px;
    position: relative;
    right: -5%;
	font-weight:600;
}
a.conph {
    color: white;
  
}
.p.conph.a:hover{
    color: white;
  
}
 a.phobe1 {
    color: white;
} 
.row.align-items-center.Header-align {
    position: relative;
    bottom: 30px;
}
.ft-header-top.d-flex.justify-content-end.ul-li {
    position: relative;
    padding: 0px 0px 20px 0px;
}
/* product contact page */
.quote-formcontact {
	padding: 20px 30px 10px;
border-top: unset;
background-color: var(--white-color);
box-shadow: 0px 10px 50px rgba(7, 36, 95, 0.1);
text-align: right;
width: 65%;
margin: 0 49px 0 auto;
width: 360px;
}

.quote-formcontact .form-sub-title {
	margin-top: 0;
margin-bottom: 5px;
font-weight: 300;
color: var(--title-color);
font-size: 16px;
letter-spacing: 0;
	text-align: left;
}
.quote-formcontact .form-title {
	margin-top: 0;
margin-bottom: 25px;
font-weight: 400;
color: var(--theme-color);
font-size: 28px;
letter-spacing: 0;
	text-align: left;
}
.quote-formcontact.style2 {
padding:30px;
border-top:none
}
.quote-formcontact .form-group {
margin-bottom: 22px;
position: relative;

}
.quote-formcontact .form-control {
    border: none;
    background-color: #fff;
    border-bottom: 0.5px solid #AEAEAE;
    color: var(--title-color);
    font-weight: 300;
    font-size: 14.5px;
    padding: 0 0px 0 0px;
    height: 21px;
    letter-spacing: 0;
    font-weight: 400;
}
.quote-formcontact textarea.form-control{
border:0.5px solid #AEAEAE;
padding:10px 20px 0 20px;
height:120px;
}
.quote-formcontact select.form-control{
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 41px;
background-image: none;
}
.submit-right{
text-align:right;
}
.submit-right button {
text-align: center;
border: none;
color: #fff;
font-weight: 600;
font-size: 13px;
border-radius: 50%;
width: 69px;
height: 69px;
line-height: 69px;
background: var(--title-color);
text-transform: uppercase;
margin-right: -20px;

cursor: pointer;
transition: background-color 0.3s;


}
.submit-right button:hover {
background-color: blue; /* New button color on hover */
}
.quote-formcontact textarea.form-control {
    border: 0.5px solid #AEAEAE;
    padding: 10px 20px 0 20px;
    height: 50px;
}
.quote-formcontact .form-control {
    border: none;
    background-color: #fff;
    border-bottom: 0.5px solid #AEAEAE;
    color: var(--title-color);
    font-weight: 300;
    font-size: 14.5px;
    padding: 0 0px 0 0px;
    height: 30px;
    letter-spacing: 0;
    font-weight: 300;
}
textarea.form-control, textarea {
    min-height: 50px;
    padding-top: 16px;
    padding-bottom: 17px;
    border-radius: 0;
}
form.quote-formcontact {
    position: relative;
    top: -29px;
}
/* .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
    display: none;
} */

 .owl-prev {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    z-index: 1000;
}

.owl-next {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    z-index: 1000;
} 


.arrow-wrapper {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	display: flex;
	justify-content: space-between;
  }
  
  .prev-arrow,
  .next-arrow {
	background: transparent;
	border: none;
	font-size: 24px;
	cursor: pointer;
  }
  
  .prev-arrow:focus,
  .next-arrow:focus {
	outline: none;
  }
  .hero-6 .icon-box {
	position:absolute;
	top:50%;
	right:115px;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
	width:60px
}
.hero-6 .icon-box .slick-arrow {
--pos-x: 0;
	border-radius:0;
	margin:5px 0;
	border:none;
	background-color:rgba(255, 255, 255, 0.15);
	color:var(--white-color)
}
.hero-6 .icon-box .slick-arrow:hover {
	background-color:var(--theme-color);
	color:var(--white-color)
}
.hero-6 .icon-box .slick-arrow:first-child {
	margin-right:0
}
.Hero
{
	position:relative;
	height: 712px;
}
@media(max-width:1199px) and (min-width:991px){
.Hero
{
	height: 662px;
}
}
@media(max-width:575px){
.Hero
{
	height: 812apx;
}
}

.serosecen{
	
}
.serosecen .first{
	position: absolute;
    top: 48%;
    left: 14px;
	background: #504e4eab;
    border: unset;
	color:#fff;
	border-radius: 0px;
    width: 63px;
    height: 80px;
    line-height: 80px;
	background-color: rgba(255, 255, 255, 0.15);
    border: 1px solid rgba(255, 255, 255, 0.15);
	    font-size: 50px;
}
.serosecen .second {
    position: absolute;
    top: 48%;
    right: 14px;
    left: unset;
    background: #504e4eab;
    border: unset;
    color: #fff;
    border-radius: 0px;
    width: 63px;
    height: 80px;
    line-height: 80px;
    background-color: rgba(255, 255, 255, 0.15);
    border: 1px solid rgba(255, 255, 255, 0.15);
    font-size: 50px;
}
.serosecen .first:hover{
	
	background: var(--theme-color);
   
	color:#fff;
}
.serosecen .second:hover{
	background: var(--theme-color);
   
	color:#fff;
}


/* new */

.ft-header-top.d-flex.justify-content-end.ul-li img {
    height: 46px;
    position: relative;
    right: 10px;
    margin-top: -12px;
}

.ft-header-top.d-flex.justify-content-end.ul-li {
    /* width: 100%; */
    border-bottom: 1px solid #021ca0;
    padding: 10px 0px 7px 0px;
    margin-bottom: 10px;
    margin-left: -1px;
}
.olvmsd-bt.download {
    text-align: center;
}

i.fab.fa-facebook.fbb {
    color: #3b5998!important; /* Facebook blue */
}

i.fab.fa-instagram.instsaa  {
    color: #c13584!important; /* Instagram pink */
}

i.fab.fa-youtube.youtu {
    color: #ff0000!important; /* YouTube red */
}

i.fab.fa-linkedin-in.linked  {
    color: #0077b5!important; /* LinkedIn blue */
}
p.conph.phone1 {
    padding: 7px;
    top: 0px;
    margin-top: -46px;
}

p.oper {
	font-weight: 600;
    color: white;
    font-size: 13px;
    position: relative;
    margin-left: 49px;
    top: 20px;
}
img.mobile-garnet {
    display: none;
}
.msd-img.image {
    position: relative;
    padding: 50px 0px 0px 0px;
}
.olvmsd-bt {
    text-align: center;
    position: relative;
    padding-top: 30px;
    padding-left: 5%;
}


h5#modalTitle {
    color: black!important;
}