:root {
  --theme-color: #c3ac86;
  --title-color: #000000;
  --heading-color: #c0a87c;
  --body-color: #c0a87c;
  --smoke-color: #F5F5F5;
  --black-color: #000000;
  --white-color: #c0a87c;
  --light-color: #B0B0B0;
  --yellow-color: #fec624;
  --success-color: #28a745;
  --error-color: #dc3545;
  --border-color: #f2f2f2;
  --title-font: 'Merriweather', sans-serif;
  --body-font: 'Montserrat', sans-serif;
  --icon-font: "Font Awesome 6 Pro";
  --main-container: 1170px;
  --container-gutters: 30px;
  --section-space: 70px;
  --section-space-mobile: 80px;
  --section-title-space: 80px;
  --ripple-ani-duration: 5s;
}

.dark {background-color: #000;}
html, body { scroll-behavior: smooth !important; }
body { font-family: var(--body-font); font-size: 18px; font-weight: 400; color: var(--body-color); line-height: 26px; overflow-x: hidden; -webkit-font-smoothing: antialiased; }
iframe { border: none; width: 100%; }
.slick-slide:focus, button:focus, a:focus, a:active, input, input:hover, input:focus, input:active, textarea, textarea:hover, textarea:focus, textarea:active { outline: none; }
input:focus { outline: none; box-shadow: none; }
img:not([draggable]), embed, object, video { max-width: 100%; height: auto; }
ul { list-style-type: disc; }
ol { list-style-type: decimal; }
table { margin: 0 0 1.5em; width: 100%; border-collapse: collapse; border-spacing: 0; border: 1px solid var(--border-color); }
th { font-weight: 700; color: var(--title-color); }
td, th { border: 1px solid var(--border-color); padding: 9px 12px; }
a { color: var(--theme-color); text-decoration: none; outline: 0; -webkit-transition: all ease 0.4s; transition: all ease 0.4s; }
a:hover { color: var(--title-color); }
a:active, a:focus, a:hover, a:visited { text-decoration: none; outline: 0; }
button { -webkit-transition: all ease 0.4s; transition: all ease 0.4s; }
img { border: none; max-width: 100%; }
ins { text-decoration: none; }
pre { background: #f5f5f5; color: #666; font-size: 14px; margin: 20px 0; overflow: auto; padding: 20px; white-space: pre-wrap; word-wrap: break-word; }
span.ajax-loader:empty, p:empty { display: none; }
p { margin: 0; color: var(--body-color); line-height: 1.5; font-weight: 300; }
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(--heading-color); text-transform: none; font-weight: 300; line-height: 1.4; margin: 0 0 15px 0; }
.h1, h1 { font-size: 48px; }
.h2, h2 { font-size: 40px; }
.h3, h3 { font-size: 36px; }
.h4, h4 { font-size: 30px; }
.h5, h5 { font-size: 24px; }
.h6, h6 { font-size: 20px; }

@media (max-width:1199px) {
  .h1, h1 { font-size: 40px; }
  .h2, h2 { font-size: 36px; }
  .h3, h3 { font-size: 30px; }
  .h4, h4 { font-size: 24px; }
  .h5, h5 { font-size: 20px; }
  .h6, h6 { font-size: 16px; }
}

@media (max-width:767px) {
  .h1, h1 { font-size: 36px; }
  .h2, h2 { font-size: 30px; }
  .h3, h3 { font-size: 26px; }
  .h4, h4 { font-size: 22px; }
  .h5, h5 { font-size: 18px; }
  .h6, h6 { font-size: 16px; }
}

p.has-drop-cap { margin-bottom: 20px; }
.page--item p:last-child .alignright { clear: right; }
.blog-title, .pagi-title, .breadcumb-title { word-break: break-word; }
.blocks-gallery-caption, .wp-block-embed figcaption, .wp-block-image figcaption { color: var(--body-color); }
.bypostauthor, .gallery-caption { display: block; }
.page-links, .clearfix { clear: both; }
.page--item { margin-bottom: 30px; }
.page--item p { line-height: 1.8; }
.content-none-search { margin-top: 30px; }
.wp-block-button.aligncenter { text-align: center; }
.alignleft { display: inline; float: left; margin-bottom: 10px; margin-right: 1.5em; }
.alignright { display: inline; float: right; margin-bottom: 10px; margin-left: 1.5em; margin-right: 1em; }
.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; max-width: 100%; }
.gallery { margin-bottom: 1.5em; width: 100%; }
.gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; padding: 0 5px; }
.wp-block-columns { margin-bottom: 1em; }
figure.gallery-item { margin-bottom: 10px; display: inline-block; }
figure.wp-block-gallery { margin-bottom: 14px; }
.gallery-columns-2 .gallery-item { max-width: 50%; }
.gallery-columns-3 .gallery-item { max-width: 33.33%; }
.gallery-columns-4 .gallery-item { max-width: 25%; }
.gallery-columns-5 .gallery-item { max-width: 20%; }
.gallery-columns-6 .gallery-item { max-width: 16.66%; }
.gallery-columns-7 .gallery-item { max-width: 14.28%; }
.gallery-columns-8 .gallery-item { max-width: 12.5%; }
.gallery-columns-9 .gallery-item { max-width: 11.11%; }
.gallery-caption { display: block; font-size: 12px; color: var(--body-color); line-height: 1.5; padding: .5em 0; }
.wp-block-cover p:not(.has-text-color), .wp-block-cover-image-text, .wp-block-cover-text { color: var(--white-color); }
.wp-block-cover { margin-bottom: 15px; }
.wp-caption-text { text-align: center; }
.wp-caption { margin-bottom: 1.5em; max-width: 100%; }
.wp-caption .wp-caption-text { margin: .5em 0; font-size: 14px; }
.wp-block-media-text, .wp-block-media-text.alignwide, figure.wp-block-gallery { margin-bottom: 30px; }
.wp-block-media-text.alignwide { background-color: var(--smoke-color); }
.editor-styles-wrapper .has-large-font-size, .has-large-font-size { line-height: 1.4; }
.wp-block-latest-comments a { color: inherit; }
.wp-block-button { margin-bottom: 10px; }
.wp-block-button:last-child { margin-bottom: 0; }
.wp-block-button .wp-block-button__link { color: #fff; }
.wp-block-button .wp-block-button__link:hover { color: #fff; background-color: var(--theme-color); }
.wp-block-button.is-style-outline .wp-block-button__link { background-color: transparent; border-color: var(--title-color); color: var(--title-color); }
.wp-block-button.is-style-outline .wp-block-button__link:hover { color: #fff; background-color: var(--theme-color); border-color: var(--theme-color); }
.wp-block-button.is-style-squared .wp-block-button__link { border-radius: 0; }
ol.wp-block-latest-comments li { margin: 15px 0; }
ul.wp-block-latest-posts { padding: 0; margin: 0; margin-bottom: 15px; }
ul.wp-block-latest-posts a { color: inherit; }
ul.wp-block-latest-posts a:hover { color: var(--theme-color); }
ul.wp-block-latest-posts li { margin: 15px 0; }
.wp-block-search { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 30px; }
.wp-block-search .wp-block-search__input { width: 100%; max-width: calc(100% - 120px); border: 1px solid rgba(0, 0, 0, 0.1); height: 50px; padding-left: 20px; }
.wp-block-search .wp-block-search__button { margin: 0; width: 120px; border: none; height: 50px; color: #fff; background-color: var(--theme-color); }
.wp-block-search .wp-block-search__button:hover { background-color: var(--title-color); opacity: 0.8; }
ul.wp-block-rss a { color: inherit; }
.wp-block-group.has-background { padding: 15px 15px 1px; margin-bottom: 30px; }
.wp-block-table td, .wp-block-table th { border-color: rgba(0, 0, 0, 0.1); }
.wp-block-table.is-style-stripes { border: 1px solid rgba(0, 0, 0, 0.1); margin-bottom: 30px; }
.logged-in .will-sticky .sticky-active.active, .logged-in .preloader .as-btn { top: 32px; }
@media (max-width:782px) {
  .logged-in .will-sticky .sticky-active.active, .logged-in .preloader .as-btn { top: 46px; }
}
@media (max-width:600px) {
  .logged-in .will-sticky .sticky-active.active, .logged-in .preloader .as-btn { top: 0; }
}
.post-password-form .theme-input-group { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 30px; margin-top: 20px; }
.post-password-form .theme-input-group .theme-input-style { width: 100%; max-width: calc(100% - 120px); border: 1px solid rgba(0, 0, 0, 0.1); height: 50px; padding-left: 20px; }
.post-password-form .theme-input-group .submit-btn { margin: 0; width: 120px; border: none; height: 50px; color: #fff; background-color: var(--theme-color); }
.post-password-form .theme-input-group .submit-btn:hover { background-color: var(--title-color); opacity: 0.8; }
.page-links { clear: both; margin: 0 0 1.5em; padding-top: 1em; }
.page-links>.page-links-title { margin-right: 10px; }
.page-links>span:not(.page-links-title):not(.screen-reader-text), .page-links>a { display: inline-block; padding: 5px 13px; background-color: var(--white-color); color: var(--title-color); border: 1px solid rgba(0, 0, 0, 0.08); margin-right: 10px; }
.page-links>span:not(.page-links-title):not(.screen-reader-text):hover, .page-links>a:hover { opacity: 0.8; color: var(--white-color); background-color: var(--theme-color); border-color: transparent; }
.page-links>span:not(.page-links-title):not(.screen-reader-text).current, .page-links>a.current { background-color: var(--theme-color); color: var(--white-color); border-color: transparent; }
.page-links span.screen-reader-text { display: none; }
.blog-single .wp-block-archives-dropdown { margin-bottom: 30px; }
.blog-single.format-quote, .blog-single.format-link, .blog-single.tag-sticky-2, .blog-single.sticky { border-color: transparent; position: relative; }
.blog-single.format-quote .blog-content, .blog-single.format-link .blog-content, .blog-single.tag-sticky-2 .blog-content, .blog-single.sticky .blog-content { background-color: var(--smoke-color); padding: 40px; border: none; }
.blog-single.format-quote .blog-content:before, .blog-single.format-link .blog-content:before, .blog-single.tag-sticky-2 .blog-content:before, .blog-single.sticky .blog-content:before { display: none; }
.blog-single.format-quote:before, .blog-single.format-link:before, .blog-single.tag-sticky-2:before, .blog-single.sticky:before { content: '\f0c1'; position: absolute; font-family: 'Font Awesome 5 Pro'; font-size: 5rem; opacity: 0.3; right: 15px; line-height: 1; top: 15px; color: var(--theme-color); z-index: 1; }
.blog-single.tag-sticky-2::before, .blog-single.sticky::before { content: "Featured"; right: 0; top: 0; font-size: 18px; color: var(--white-color); background-color: var(--theme-color); font-family: var(--title-font); opacity: 1; text-transform: capitalize; padding: 10px 23px; font-weight: 400; }
.blog-single.format-quote:before { content: "\f10e"; }
.blog-single .blog-content .wp-block-categories-dropdown.wp-block-categories, .blog-single .blog-content .wp-block-archives-dropdown { display: block; margin-bottom: 30px; }
.blog-details .blog-single:before { display: none; }
.blog-details .blog-single .blog-content { background-color: transparent; overflow: hidden; }
.blog-details .blog-single.format-chat .blog-meta { margin-bottom: 20px; }
.blog-details .blog-single.format-chat .blog-content>p:nth-child(2n) { background: var(--smoke-color); padding: 5px 20px; }
.blog-details .blog-single.tag-sticky-2, .blog-details .blog-single.sticky, .blog-details .blog-single.format-quote, .blog-details .blog-single.format-link { box-shadow: none; border: none; background-color: transparent; }
.blog-details .blog-single.tag-sticky-2:before, .blog-details .blog-single.sticky:before, .blog-details .blog-single.format-quote:before, .blog-details .blog-single.format-link:before { display: none; }
.as-search { background-color: #f3f3f3; margin-bottom: 30px; border: 1px solid #f3f3f3; }
.as-search .search-grid-content { padding: 30px;  /* Small devices */ }
@media (max-width:767px) {
  .as-search .search-grid-content { padding: 20px; }
}
.as-search .search-grid-title { font-size: 20px; margin-bottom: 5px; margin-top: -0.2em; }
.as-search .search-grid-title a { color: inherit; }
.as-search .search-grid-title a:hover { color: var(--theme-color); }
.as-search .search-grid-meta>* { display: inline-block; margin-right: 15px; font-size: 14px; }
.as-search .search-grid-meta>*:last-child { margin-right: 0; }
.as-search .search-grid-meta a, .as-search .search-grid-meta span { color: var(--body-color); }

/* Large devices */
@media (max-width:1199px) {
  .blog-single.format-quote:before, .blog-single.format-link:before, .blog-single.tag-sticky-2:before, .blog-single.sticky:before { font-size: 14px; padding: 8px 16px; }
  .blog-single.format-quote .blog-content, .blog-single.format-link .blog-content, .blog-single.tag-sticky-2 .blog-content, .blog-single.sticky .blog-content { padding: 30px; }
}

/* Small devices */
@media (max-width:767px) {
  .blog-single.format-quote:before, .blog-single.format-link:before, .blog-single.tag-sticky-2:before, .blog-single.sticky:before { font-size: 14px; padding: 8px 16px; }
  .blog-single.format-quote .blog-content, .blog-single.format-link .blog-content, .blog-single.tag-sticky-2 .blog-content, .blog-single.sticky .blog-content { padding: 30px 15px; }
}
@media (max-width:768px) {
  .wp-block-search .wp-block-search__input { max-width: 100%; margin-bottom: 20px; }
  .wp-block-latest-comments { padding-left: 10px; }
  .page--content.clearfix+.as-comment-form { margin-top: 24px; }
}

/*=================================
    02. Reset
==================================*/

@media only screen and (min-width:1300px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container { max-width: calc(var(--main-container) + var(--container-gutters)); padding-left: calc(var(--container-gutters) / 2); padding-right: calc(var(--container-gutters) / 2); }
}
@media (min-width:1700px) {
  .as-container { --main-container: 1508px; padding-left: 0; padding-right: 0; margin-left: auto; margin-right: 0; }
  .container.cta-wrap { --main-container: 1666px; }
}
@media (min-width:1600px) {
  .as-container { --main-container: 1508px; }
}
@media only screen and (max-width:1600px) {
  .container-fluid.px-0 { padding-left: 15px !important; padding-right: 15px !important; }
  .container-fluid.px-0 .row { margin-left: 0 !important; margin-right: 0 !important; }
}

/* Hight Resoulation devices */
@media (min-width:1922px) {
  .as-container { margin-right: auto; }
}

/*------------------- 2.2. Grid -------------------*/
.slick-track>[class*=col] { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x)/ 2); padding-left: calc(var(--bs-gutter-x)/ 2); margin-top: var(--bs-gutter-y); }
@media (min-width:1199px) {
  .row:not([class*="gx-"]) { --bs-gutter-x: 30px; }
}
.gy-30 { --bs-gutter-y: 30px; }
.gy-40 { --bs-gutter-y: 40px; }
@media (min-width:1700px) {
  .gx-60 { --bs-gutter-x: 60px; }
}
@media (min-width:1399px) {
  .gx-30 { --bs-gutter-x: 30px; }
  .gx-25 { --bs-gutter-x: 25px; }
  .gx-40 { --bs-gutter-x: 40px; }
}

/*------------------- 2.3. Input -------------------*/
select, .form-control, .form-select, textarea, input { height: 55px; padding: 0 25px 0 25px; padding-right: 45px; border: 1px solid var(--border-color); color: #000; background-color: #000; border-radius: 9999px; border-radius: 0; font-size: 16px; width: 100%; }
select:focus, .form-control:focus, .form-select:focus, textarea:focus, input:focus { outline: 0; box-shadow: none; background-color: var(--white-color); border-color: var(--theme-color); }
select::-moz-placeholder, .form-control::-moz-placeholder, .form-select::-moz-placeholder, textarea::-moz-placeholder, input::-moz-placeholder { color: var(--body-color); }
select::-webkit-input-placeholder, .form-control::-webkit-input-placeholder, .form-select::-webkit-input-placeholder, textarea::-webkit-input-placeholder, input::-webkit-input-placeholder { color: var(--body-color); }
select:-ms-input-placeholder, .form-control:-ms-input-placeholder, .form-select:-ms-input-placeholder, textarea:-ms-input-placeholder, input:-ms-input-placeholder { color: var(--body-color); }
select::-webkit-input-placeholder, .form-control::-webkit-input-placeholder, .form-select::-webkit-input-placeholder, textarea::-webkit-input-placeholder, input::-webkit-input-placeholder { color: var(--body-color); }
select::-moz-placeholder, .form-control::-moz-placeholder, .form-select::-moz-placeholder, textarea::-moz-placeholder, input::-moz-placeholder { color: var(--body-color); }
select:-ms-input-placeholder, .form-control:-ms-input-placeholder, .form-select:-ms-input-placeholder, textarea:-ms-input-placeholder, input:-ms-input-placeholder { color: var(--body-color); }
select::-ms-input-placeholder, .form-control::-ms-input-placeholder, .form-select::-ms-input-placeholder, textarea::-ms-input-placeholder, input::-ms-input-placeholder { color: var(--body-color); }
select::placeholder, .form-control::placeholder, .form-select::placeholder, textarea::placeholder, input::placeholder { color: var(--body-color); }
select.style2, .form-control.style2, .form-select.style2, textarea.style2, input.style2 { padding-left: 52px; background-image: none; }
select.style2~i, .form-control.style2~i, .form-select.style2~i, textarea.style2~i, input.style2~i { color: var(--theme-color); font-weight: 400; top: 19px; left: 25px; max-width: 16px; }
.form-group { margin-bottom: var(--bs-gutter-x); position: relative; }
.form-group>i { display: inline-block; position: absolute; right: 25px; top: 19px; font-size: 16px; color: var(--body-color); }
.form-group>i.fa-envelope { padding-top: 1px; }
.form-group>i.fa-comment { margin-top: -2px; }
.form-group>i.fa-chevron-down { width: 17px; background-color: var(--white-color); }
.form-group.has-label>i { top: 50px; }
[class*="col-"].form-group>i { right: calc((var(--bs-gutter-x) / 2) + 25px); }
[class*="col-"].form-group .style2~i { left: calc((var(--bs-gutter-x) / 2) + 25px); }
.form-select, select { display: block; width: 100%; line-height: 1.5; vertical-align: middle; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=!string!viewBox=!string!%3E%3Cpath fill=!string!stroke=!string!stroke-linecap=!string!stroke-linejoin=!string!stroke-width=!string!d=!string!/%3E%3C/svg%3E"); background-position: right 26px center; background-repeat: no-repeat; background-size: 16px 12px; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; }
option:checked, option:focus, option:hover { background-color: var(--theme-color); color: var(--white-color); }
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

/* Firefox */
input[type=number] { -moz-appearance: textfield; }
textarea.form-control, textarea { min-height: 150px; padding-top: 16px; padding-bottom: 17px; border-radius: 0; }
input[type='http://www.w3.org/2000/svg'] { visibility: hidden; opacity: 0; display: inline-block; vertical-align: middle; width: 0; height: 0; display: none; }
input[type='0 0 16 16']:checked~label:before { content: 'none'; color: var(--white-color); background-color: #fff; border-color: var(--theme-color); }
input[type='%23343a40']~label { position: relative; padding-left: 30px; cursor: pointer; display: block; }
input[type='round']~label:before { content: 'round'; 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='2'] { visibility: hidden; opacity: 0; display: inline-block; vertical-align: middle; width: 0; height: 0; display: none; }
input[type='M2 5l6 6 6-6']~label { position: relative; padding-left: 30px; cursor: pointer; line-height: 1; display: inline-block; font-weight: 600; margin-bottom: 0; }
input[type="checkbox"]~label::before { content: "checkbox"; 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="\f00c"]:checked~label::before { border-color: var(--theme-color); background-color: var(--theme-color); color: var(--white-color); }
label { margin-bottom: 0.5em; margin-top: -0.3em; display: block; color: var(--title-color); font-family: var(--body-font); font-size: 16px; }
textarea.is-invalid, select.is-invalid, input.is-invalid, .was-validated input:invalid { border: 1px solid var(--error-color) !important; background-position: right calc(.375em + 0.8875rem) center; background-image: none; }
textarea.is-invalid:focus, select.is-invalid:focus, input.is-invalid:focus, .was-validated input:invalid:focus { outline: 0; box-shadow: none; }
textarea.is-invalid { background-position: top calc(.375em + 0.5875rem) right calc(.375em + .8875rem); }
.row.no-gutters>.form-group { margin-bottom: 0; }
.form-messages { display: none; }
.form-messages.mb-0 * { margin-bottom: 0; }
.form-messages.success { color: var(--success-color); display: block; }
.form-messages.error { color: var(--error-color); display: block; }
.form-messages pre { padding: 0; background-color: transparent; color: inherit; }

/*------------------- 2.4. Slick Slider -------------------*/
.slick-track>[class*=col] { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x)/ 2); padding-left: calc(var(--bs-gutter-x)/ 2); margin-top: var(--bs-gutter-y); }
.slick-track { min-width: 100%; }
.slick-slide img { display: inline-block; }
.slick-dots { list-style-type: none; padding: 2px 0; margin: 38px 0 30px 0; line-height: 0; text-align: center; height: -webkit-max-content; height: -moz-max-content; height: max-content; }
.slick-dots li { display: inline-block; margin-right: 25px; }
.slick-dots li:last-child { margin-right: 0; }
.slick-dots button { font-size: 0; padding: 0; background-color: transparent; width: 10px; height: 10px; line-height: 0; border-radius: 9999px; border: none; background-color: var(--dots-bg, #D8D8D8); -webkit-transition: all ease 0.4s; transition: all ease 0.4s; position: relative; }
.slick-dots button:hover { border-color: var(--theme-color); }
.slick-dots button:before { content: "checkbox"; position: absolute; left: 50%; top: 50%; width: 30px; height: 30px; margin: -15px 0 0 -15px; border: 2px solid var(--theme-color); border-radius: 50%; -webkit-transition: all ease 0.4s; transition: all ease 0.4s; opacity: 0; visibility: hidden; }
.slick-dots .slick-active button { background-color: var(--theme-color); }
.slick-dots .slick-active button::before { opacity: 1; visibility: visible; }
.slick-arrow { display: inline-block; padding: 0; background-color: var(--white-color); position: absolute; top: 50%; border: 1px solid var(--border-color); box-shadow: 0px 13px 25px rgba(0, 0, 0, 0.05); left: var(--pos-x, -100px); width: var(--icon-size, 55px); height: var(--icon-size, 55px); font-size: var(--icon-font-size, 18px); margin-top: calc(var(--icon-size, 55px) / -2); z-index: 2; border-radius: 0; }
.slick-arrow.default { position: relative; --pos-x: 0; margin-top: 0; }
.slick-arrow.slick-next { right: var(--pos-x, -100px); left: auto; }
.slick-arrow:hover { background-color: var(--theme-color); color: var(--title-color); border-color: transparent; }
.home3 .slick-arrow:hover { color: var(--white-color); }
.arrow-margin .slick-arrow { top: calc(50% - 30px); }
.arrow-wrap .slick-arrow { opacity: 0; visibility: hidden; }
.arrow-wrap:hover .slick-arrow { opacity: 1; visibility: visible; }

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

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

/* Medium devices */
@media (max-width:991px) {
  .slick-arrow { --icon-size: 40px; margin-right: 40px; }
  .slick-arrow.slick-next { margin-right: 0; margin-left: 40px; }
  .slick-dots { margin: 8px 0 38px 0; }
}
.icon-box .slick-arrow { --icon-size: 55px; margin-right: 0; }
.icon-box .slick-arrow:first-child { margin-right: 5px; }

/*------------------- 2.5. Mobile Menu -------------------*/
.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: rgba(28, 185, 200, 0.1); }
.as-menu-wrapper .mobile-logo svg { max-width: 185px; }
.as-menu-wrapper .as-menu-toggle { border: none; font-size: 22px; position: absolute; right: -17px; top: 17px; padding: 0; line-height: 1; width: 33px; height: 33px; line-height: 32px; font-size: 18px; z-index: 1; color: var(--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; font-size: 16px; text-transform: capitalize; color: var(--title-color); }
.as-mobile-menu ul li a:before { content: ""; font-family: var(--icon-font); position: relative; left: 0; top: 0; 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: ''; font-family: var(--icon-font); }
.as-mobile-menu ul .as-item-has-children.as-active>a .as-mean-expand:before { content: "radio"; }
.as-mobile-menu>ul { padding: 0 40px; }
.as-mobile-menu>ul>li:last-child { border-bottom: none; }
.as-menu-toggle { width: 50px; height: 50px; line-height: 51px; padding: 0; font-size: 24px; border: none; background-color: #000; color: var(--white-color); display: inline-block; border-radius: 0; }
.as-menu-toggle.style-text, .as-menu-toggle.style-text-white { width: auto; height: auto; background-color: transparent; color: var(--title-color); font-size: 20px; }
.as-menu-toggle.style-text i, .as-menu-toggle.style-text-white i { margin-right: 10px; }
.as-menu-toggle.style-text-white { color: var(--white-color); }
@media (max-width:400px) {
  .as-menu-wrapper .as-menu-area { width: 100%; max-width: 270px; }
  .as-mobile-menu>ul { padding: 0 20px; }
}

/*=================================
    03. Utilities
==================================*/

/*------------------- 3.1. Preloader -------------------*/
.preloader { position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 999; background-color: var(--title-color); }
.preloader .as-btn { padding: 15px 20px; border-radius: 0; font-size: 14px; }
.preloader-inner { text-align: center; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; line-height: 1; }
.preloader-inner img { display: block; margin: 0 auto 10px auto; }
.loader { display: block; width: 48px; height: 48px; margin: auto; position: relative; }
.loader:before { content: ""; width: 48px; height: 5px; background: #000; opacity: 0.25; position: absolute; top: 60px; left: 0; border-radius: 50%; -webkit-animation: shadow 0.5s linear infinite; animation: shadow 0.5s linear infinite; }
.loader:after { content: ""; width: 100%; height: 100%; background: #fff; -webkit-animation: bxSpin 0.5s linear infinite; animation: bxSpin 0.5s linear infinite; position: absolute; top: 0; left: 0; border-radius: 4px; }
@-webkit-keyframes bxSpin {
  17% { border-bottom-right-radius: 3px; }
  25% { -webkit-transform: translateY(9px) rotate(22.5deg); transform: translateY(9px) rotate(22.5deg); }
  50% { -webkit-transform: translateY(18px) scale(1, 0.9) rotate(45deg); transform: translateY(18px) scale(1, 0.9) rotate(45deg); border-bottom-right-radius: 40px; }
  75% { -webkit-transform: translateY(9px) rotate(67.5deg); transform: translateY(9px) rotate(67.5deg); }
  100% { -webkit-transform: translateY(0) rotate(90deg); transform: translateY(0) rotate(90deg); }
}
@keyframes bxSpin {
  17% { border-bottom-right-radius: 3px; }
  25% { -webkit-transform: translateY(9px) rotate(22.5deg); transform: translateY(9px) rotate(22.5deg); }
  50% { -webkit-transform: translateY(18px) scale(1, 0.9) rotate(45deg); transform: translateY(18px) scale(1, 0.9) rotate(45deg); border-bottom-right-radius: 40px; }
  75% { -webkit-transform: translateY(9px) rotate(67.5deg); transform: translateY(9px) rotate(67.5deg); }
  100% { -webkit-transform: translateY(0) rotate(90deg); transform: translateY(0) rotate(90deg); }
}
@-webkit-keyframes shadow {
  0%, 100% { -webkit-transform: scale(1, 1); transform: scale(1, 1); }
  50% { -webkit-transform: scale(1.2, 1); transform: scale(1.2, 1); }
}
@keyframes shadow {
  0%, 100% { -webkit-transform: scale(1, 1); transform: scale(1, 1); }
  50% { -webkit-transform: scale(1.2, 1); transform: scale(1.2, 1); }
}

/*------------------- 3.2. Buttons -------------------*/
.as-btn { position: relative; z-index: 2; overflow: hidden; vertical-align: middle; display: inline-block; text-align: center; background-color: var(--theme-color); color: var(--title-color); font-size: 22px; font-weight: 300; line-height: 1; padding: 19.5px 31px; border-radius: 0; border: none; }
.as-btn:before { content: ''; position: absolute; height: 100%; left: 0; top: 0; width: 200%; background-color: var(--title-color); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: scale(1, 0); -ms-transform: scale(1, 0); transform: scale(1, 0); z-index: -1; -webkit-transition: 0.5s ease; transition: 0.5s ease; }
.as-btn>i { margin-left: 5px; }
.as-btn:hover, .as-btn.active { color: var(--white-color); }
.as-btn:hover::before, .as-btn.active::before { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.as-btn.style-skew { -webkit-transform: skew(-20deg); -ms-transform: skew(-20deg); transform: skew(-20deg); margin-left: 10px; margin-right: 10px; }
.as-btn.style-skew .btn-text { display: inline-block; -webkit-transform: skew(20deg); -ms-transform: skew(20deg); transform: skew(20deg); }
.as-btn.style2 { background-color: transparent; color: var(--white-color); border: 1px solid var(--white-color); padding: 17.5px 29px; }
.as-btn.style2:hover { color: var(--title-color); }
.as-btn.style2:hover:before { background-color: var(--white-color); }
.as-btn.style3:hover { color: var(--title-color); }
.as-btn.style3:before { background-color: var(--white-color); }
.as-btn.style4 { color: var(--title-color); background-color: var(--white-color); }
.as-btn.style4:before { background-color: var(--theme-color); }
.as-btn.style5 { background-color: var(--white-color); color: var(--theme-color); border: 2px solid #EEEEEE; padding: 20px 34.5px; }
.as-btn.style5:hover { color: var(--white-color); border-color: var(--theme-color); }
.as-btn.style5:hover:before { background-color: var(--theme-color); }
.as-btn.style6 { color: var(--white-color); background-color: var(--title-color); background-image: url("../img/bg/pattern_bg_2.png"); background-repeat: repeat; }
.as-btn.style6:hover { color: var(--title-color); }
.as-btn.style6:before { background-color: var(--white-color); }
.home3 .as-btn { color: var(--white-color); }
.icon-btn { display: inline-block; width: var(--btn-size, 50px); height: var(--btn-size, 50px); line-height: var(--btn-size, 50px); font-size: var(--btn-font-size, 16px); background-color: var(--icon-bg, #ffffff); color: var(--title-color); text-align: center; border-radius: 50%; border: none; }
.icon-btn:hover { background-color: var(--theme-color); color: var(--white-color); }
.play-btn { display: inline-block; position: relative; z-index: 1; }
.play-btn>i { display: inline-block; width: var(--icon-size, 60px); height: var(--icon-size, 60px); line-height: var(--icon-size, 60px); text-align: center; background-color: var(--theme-color); color: var(--title-color); font-size: var(--icon-font-size, 1.2em); border-radius: 50%; z-index: 1; -webkit-transition: all ease 0.4s; transition: all ease 0.4s; }
.play-btn:after, .play-btn:before { content: "radio"; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: var(--theme-color); z-index: -1; border-radius: 50%; -webkit-transition: all ease 0.4s; transition: all ease 0.4s; }
.play-btn:after { -webkit-animation-delay: 2s; animation-delay: 2s; }
.play-btn:hover:after, .play-btn:hover::before, .play-btn:hover i { background-color: var(--theme-color); color: var(--title-color); }
.video-btn .play-btn { margin-right: 25px; }
.link-btn { font-weight: 600; font-size: 16px; display: inline-block; line-height: 0.8; position: relative; padding-bottom: 2px; margin-bottom: -2px; text-transform: uppercase; color: var(--title-color); }
.link-btn i { margin-left: -10px; font-size: 0.9rem; visibility: hidden; opacity: 0; -webkit-transition: margin 0.3s ease-in-out; transition: margin 0.3s ease-in-out; }
.link-btn:before { content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 2px; background-color: var(--theme-color); -webkit-transition: all ease 0.4s; transition: all ease 0.4s; }
.link-btn:hover { color: var(--theme-color); }
.link-btn:hover i { visibility: visible; opacity: 1; margin-left: 3px; }
.link-btn:hover::before { width: 100%; }
.scroll-btn { position: fixed; bottom: 300px; right: 30px; z-index: 94; opacity: 0; visibility: hidden; display: inline-block; border-radius: 50%;  /* Small devices */ }
.scroll-btn i { display: inline-block; background-color: var(--theme-color); color: var(--title-color); text-align: center; font-size: 16px; width: var(--btn-size, 50px); height: var(--btn-size, 50px); line-height: var(--btn-size, 50px); z-index: 2; border-radius: inherit; position: relative; -webkit-transition: all ease 0.8s; transition: all ease 0.8s; }
.scroll-btn:before { content: ''; position: absolute; left: var(--extra-shape, -6px); top: var(--extra-shape, -6px); right: var(--extra-shape, -6px); bottom: var(--extra-shape, -6px); background-color: white; border-radius: inherit; z-index: 1; }
.scroll-btn:focus i, .scroll-btn:hover i { background-color: var(--title-color); color: var(--white-color); }
.scroll-btn.show { bottom: 200px; opacity: 1; visibility: visible; }
@media (max-width:767px) {
  .scroll-btn { --btn-size: 40px; --extra-shape: -4px; right: 15px; bottom: 50px; }
  .scroll-btn.show { bottom: 15px; }
}
.scrollToTop { position: fixed; right: 60px; bottom: 500px; opacity: 0; visibility: hidden; -webkit-transition: all ease 0.4s; transition: all ease 0.4s; z-index: 96; }
.scrollToTop.show { bottom: 135px; opacity: 1; visibility: visible; }

/* Small devices */
@media (max-width:767px) {
  .play-btn { --icon-size: 60px; }
  .scrollToTop { right: 20px; }
  .scrollToTop.show { bottom: 20px; }
}

/*------------------- 3.3. Titles -------------------*/
.sec-title { font-size: 41px;  line-height: 1.2;  }
.sub-title { font-size: 16px; font-weight: 500; color: var(--theme-color); font-family: var(--title-font); text-transform: uppercase; margin-top: -0.41em; margin-bottom: 28px; display: block; }
.shadow-title { font-family: var(--title-font); font-size: 150px; font-weight: bold; line-height: initial; background: -webkit-linear-gradient(top, #EDEDED 0%, transparent 84.54%); background: linear-gradient(180deg, #EDEDED 0%, transparent 84.54%); -webkit-background-clip: text; background-clip: text; text-fill-color: transparent; color: transparent; position: absolute; top: 47%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%; z-index: -1; }
.shadow-title.dark-color { background: -webkit-linear-gradient(top, #232732 0%, transparent 84.54%); background: linear-gradient(180deg, #232732 0%, transparent 84.54%); -webkit-background-clip: text; background-clip: text; text-fill-color: transparent; }
.title-area {  position: relative; z-index: 2; }
.title-area .sec-title { margin-bottom: 15px; }
.title-area.mb-0 .sec-title { margin-bottom: -0.41em; }
.sec-btn { margin-bottom: var(--section-title-space); }

/* Medium Large devices */
@media (max-width:1399px) {
  .sec-title { font-size: 42px; }
  .shadow-title { font-size: 120px; }
  .title-area, .sec-title { --section-title-space: 75px; }
}

/* Large devices */
@media (max-width:1199px) {
  .sub-title { margin-bottom: 18px; }
  .sec-title { font-size: 38px; }
  .shadow-title { font-size: 96px; }
  .title-area, .sec-title { --section-title-space: 65px; }
  .title-area.mb-40, .sec-title.mb-40 { margin-bottom: 35px; }
  .title-area.mb-50, .sec-title.mb-50 { margin-bottom: 35px; }
  .title-area.mb-25, .sec-title.mb-25 { margin-bottom: 20px; }
  .title-area.mb-35, .sec-title.mb-35 { margin-bottom: 30px; }
  .title-area.mb-30, .sec-title.mb-30 { margin-bottom: 22px; }
  .sec-btn { --section-title-space: 65px; }
}

/* Medium devices */
@media (max-width:991px) {
  .sec-title { font-size: 34px; }
  .shadow-title { font-size: 88px; }
  .sub-title { margin-bottom: 12px; }
  .title-area, .sec-title { --section-title-space: 50px; }
  .title-area.mb-50, .sec-title.mb-50 { margin-bottom: 35px; }
  .sec-btn { --section-title-space: 50px; }
}

/* Small devices */
@media (max-width:767px) {
  .sec-title { font-size: 26px; }
  .shadow-title { font-size: 60px; }
}

/* Extra small devices */
@media (max-width:575px) {
  .journey-wrap { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
}

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

/*------------------- 3.4. Common -------------------*/
.image-scale-hover { overflow: hidden; }
.image-scale-hover img { -webkit-transition: all ease 0.4s; transition: all ease 0.4s; -webkit-transform: scale(1.001); -ms-transform: scale(1.001); transform: scale(1.001); }
.image-scale-hover:hover img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }
.z-index-step1 { position: relative; z-index: 4 !important; }
.z-index-common { position: relative; z-index: 3; }
.z-index-n1 { z-index: -1; }
.media-body { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
.badge { position: absolute; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; display: inline-block; text-align: center; background-color: var(--theme-color); color: var(--white-color); padding: .35em .55em; border-radius: 50%; }
.as-social a { display: inline-block; width: var(--icon-size, 40px); height: var(--icon-size, 40px); line-height: var(--icon-size, 42px); background-color: var(--smoke-color); color: var(--body-color); font-size: 14px; text-align: center; margin-right: 5px; border-radius: 50%; }
.as-social a:last-child { margin-right: 0; }
.as-social a:hover { background-color: var(--theme-color); color: var(--white-color); }
.as-social.style2 a { background-color: transparent; border: 1px solid var(--body-color); }
.as-social.style2 a:hover { background-color: var(--theme-color); color: var(--title-color); border-color: var(--theme-color); }
.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: 15px; }
.btn-group.style2 { gap: 20px; -webkit-column-gap: 55px; -moz-column-gap: 55px; column-gap: 55px; }
.btn-group .style-skew:first-child { margin-right: 0; }
.btn-group .style-skew:last-child { margin-left: 0; }
.as-video { position: relative; }
.as-video .play-btn { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 2; }
.xdsoft_datetimepicker { background-color: var(--white-color); z-index: 5; }

/* Medium devices */
@media (max-width:991px) {
  p.mb-35 { margin-bottom: 30px; }
}

/*------------------- 3.6. Font -------------------*/
.font-icon { font-family: var(--icon-font); }
.font-title { font-family: var(--title-font); }
.font-body { font-family: var(--body-font); }
.fw-light { font-weight: 300; }
.fw-normal { font-weight: 400; }
.fw-medium { font-weight: 500; }
.fw-semibold { font-weight: 600; }
.fw-bold { font-weight: 700; }
.fw-extrabold { font-weight: 800; }
.fs-md { font-size: 18px; }
.fs-20 { font-size: 20px; }
.fs-lg { font-size: 22px; }
.fs-xs { font-size: 14px; }

/* Large devices */
@media (max-width:1199px) {
  .fs-lg { font-size: 18px; }
  .fs-20 { font-size: 17px; }
}

/*------------------- 3.7. Background -------------------*/
.bg-theme { background-color: var(--theme-color) !important; }
.bg-smoke { background-color: var(--smoke-color) !important; }
.bg-white { background-color: var(--white-color) !important; }
.bg-black { background-color: var(--black-color) !important; }
.bg-title { background-color: var(--title-color) !important; }
.bg-black1 { background-color: #1B1F29; }
.gr-bg1 { background: -webkit-linear-gradient(top, #F7F7F7 0%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(180deg, #F7F7F7 0%, rgba(255, 255, 255, 0) 100%); }
.background-image, [data-bg-src] { background-repeat: no-repeat; background-size: cover; background-position: center center; }
.bg-fluid { background-repeat: no-repeat; background-size: 100% 100%; background-position: center center; }
.bg-auto { background-size: auto auto; }
.bg-top-center { background-size: auto; background-position: top center; }

/*------------------- 3.8. Text Color -------------------*/
.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; }

/*------------------- 3.9. Overlay -------------------*/
.overlay { position: absolute; top: 0; left: 0; height: 100%; width: 100%; }
.position-center { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
[data-overlay] { position: relative; z-index: 2; }
[data-overlay] [class^="col-"], [data-overlay] [class*="col-"] { z-index: 1; }
[data-overlay] [class*="container"] { position: relative; z-index: 2; }
[data-overlay]:before { content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; }
[data-overlay='\f068']:before { background-color: var(--theme-color); }
[data-overlay='']:before { background-color: var(--title-color); }
[data-overlay='']:before { background-color: var(--white-color); }
[data-overlay=""]:before { background-color: var(--black-color); }
[data-overlay='']:before { background-color: #010B23; }
[data-opacity='']:before { opacity: 0.1; }
[data-opacity='']:before { opacity: 0.2; }
[data-opacity='']:before { opacity: 0.3; }
[data-opacity="theme"]:before { opacity: 0.4; }
[data-opacity="title"]:before { opacity: 0.5; }
[data-opacity="white"]:before { opacity: 0.6; }
[data-opacity="black"]:before { opacity: 0.7; }
[data-opacity="overlay1"]:before { opacity: 0.8; }
[data-opacity="1"]:before { opacity: 0.9; }
[data-opacity="2"]:before { opacity: 1; }

/*------------------- 3.10. Animation -------------------*/
.ripple-animation, .play-btn:after, .play-btn:before { -webkit-animation-duration: var(--ripple-ani-duration); animation-duration: var(--ripple-ani-duration); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: ripple; animation-name: ripple; }
@-webkit-keyframes ripple {
  0% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; }
  30% { opacity: 0.4; }
  100% { -webkit-transform: scale(1.9); transform: scale(1.9); opacity: 0; }
}
@keyframes ripple {
  0% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; }
  30% { opacity: 0.4; }
  100% { -webkit-transform: scale(1.9); transform: scale(1.9); opacity: 0; }
}
.moving { -webkit-animation: moving 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); }
}
.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); }
}
.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); }
}
@-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(-90px); transform: translateX(-90px); }
  100% { -webkit-transform: translateX(0); transform: translateX(0); }
}
@keyframes slideinleft {
  0% { opacity: 0; -webkit-transform: translateX(-90px); transform: translateX(-90px); }
  100% { -webkit-transform: translateX(0); transform: translateX(0); }
}
@-webkit-keyframes slidebottomright {
  0% { opacity: 0; -webkit-transform: translateX(100px) translateY(100px); transform: translateX(100px) translateY(100px); }
  100% { -webkit-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); }
}
@keyframes slidebottomright {
  0% { opacity: 0; -webkit-transform: translateX(100px) translateY(100px); transform: translateX(100px) translateY(100px); }
  100% { -webkit-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); }
}
@-webkit-keyframes slidetopleft {
  0% { opacity: 0; -webkit-transform: translateX(-100px) translateY(-100px); transform: translateX(-100px) translateY(-100px); }
  100% { -webkit-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); }
}
@keyframes slidetopleft {
  0% { opacity: 0; -webkit-transform: translateX(-100px) translateY(-100px); transform: translateX(-100px) translateY(-100px); }
  100% { -webkit-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); }
}
@-webkit-keyframes scalein {
  0% { opacity: 0; -webkit-transform: scale(0.3); transform: scale(0.3); }
  100% { -webkit-transform: scale(1); transform: scale(1); }
}
@keyframes scalein {
  0% { opacity: 0; -webkit-transform: scale(0.3); transform: scale(0.3); }
  100% { -webkit-transform: scale(1); transform: scale(1); }
}
@-webkit-keyframes rollinleft {
  0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); }
  to { -webkit-transform: translateX(0) rotate(0deg); transform: translateX(0) rotate(0deg); }
}
@keyframes rollinleft {
  0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); }
  to { -webkit-transform: translateX(0) rotate(0deg); transform: translateX(0) rotate(0deg); }
}
@-webkit-keyframes rollinright {
  0% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg); }
  to { -webkit-transform: translateX(0) rotate(0deg); transform: translateX(0) rotate(0deg); }
}
@keyframes rollinright {
  0% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg); }
  to { -webkit-transform: translateX(0) rotate(0deg); transform: translateX(0) rotate(0deg); }
}

/*=================================
    04. Template Style
==================================*/

/*------------------- 4.1. Widget  -------------------*/
.widget_nav_menu ul, .widget_meta ul, .widget_pages ul, .widget_archive ul, .widget_categories ul { list-style: none; padding: 0; margin: 0 0 0 0; }
.widget_nav_menu>ul, .widget_meta>ul, .widget_pages>ul, .widget_archive>ul, .widget_categories>ul { margin: 0 0 -15px 0; }
.widget_nav_menu a, .widget_meta a, .widget_pages a, .widget_archive a, .widget_categories a { display: block; background-color: var(--white-color); margin: 0 0 15px 0; padding: 17px 45px 17px 25px; font-size: 16px; font-weight: 500; line-height: 1; color: var(--body-color); }
.widget_nav_menu a::before, .widget_meta a::before, .widget_pages a::before, .widget_archive a::before, .widget_categories a::before { content: "3"; position: absolute; right: 25px; top: 16px; font-family: var(--icon-font); font-weight: 400; color: var(--theme-color); -webkit-transition: all ease 0.4s; transition: all ease 0.4s; }
.widget_nav_menu a:hover, .widget_meta a:hover, .widget_pages a:hover, .widget_archive a:hover, .widget_categories a:hover { color: var(--title-color); background-color: var(--theme-color); }
.widget_nav_menu a:hover:before, .widget_meta a:hover:before, .widget_pages a:hover:before, .widget_archive a:hover:before, .widget_categories a:hover:before { color: var(--title-color); }
.widget_nav_menu li, .widget_meta li, .widget_pages li, .widget_archive li, .widget_categories li { display: block; position: relative; }
.widget_nav_menu li:last-child a, .widget_meta li:last-child a, .widget_pages li:last-child a, .widget_archive li:last-child a, .widget_categories li:last-child a { border-bottom: none; }
.widget_nav_menu li>span, .widget_meta li>span, .widget_pages li>span, .widget_archive li>span, .widget_categories li>span { text-align: center; position: absolute; right: 25px; top: 12px; font-size: 14px; -webkit-transition: all ease 0.4s; transition: all ease 0.4s; }
.widget_nav_menu li:hover>span, .widget_meta li:hover>span, .widget_pages li:hover>span, .widget_archive li:hover>span, .widget_categories li:hover>span { color: var(--white-color); }
.widget_nav_menu .children, .widget_meta .children, .widget_pages .children, .widget_archive .children, .widget_categories .children { margin-left: 10px; }
.widget_nav_menu a, .widget_meta a, .widget_pages a { padding-right: 20px; }
.widget_nav_menu .sub-menu { margin-left: 10px; }
.wp-block-archives { list-style: none; margin: 0; padding: 0; margin-bottom: 20px; }
.wp-block-archives a:not(:hover) { color: inherit; }
.as-blog ul.wp-block-archives li { margin: 5px 0; }
.widget { padding: var(--widget-padding-y, 40px) var(--widget-padding-x, 40px); background-color: var(--smoke-color); margin-bottom: 40px; position: relative; }
.widget select, .widget input { height: 55px; border: none; background-color: var(--input-bg, #fff); border-radius: 0; }
.widget_title { position: relative; font-size: 20px; font-weight: 600; font-family: var(--title-font); line-height: 1em; text-transform: uppercase; margin: -0.07em 0 29px 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(--title-color); display: inline-block; }
.widget .search-form button:hover { background-color: var(--title-color); color: var(--white-color); }
.wp-block-tag-cloud a, .tagcloud a { display: inline-block; border: 1px solid #ececec; font-size: 14px; font-weight: 600; line-height: 1; padding: 10.5px 15px; margin-right: 5px; margin-bottom: 10px; color: var(--body-color); background-color: var(--white-color); border-radius: 0; }
.wp-block-tag-cloud a:hover, .tagcloud a:hover { background-color: var(--theme-color); color: var(--title-color) !important; }
.tagcloud { margin-right: -10px; margin-bottom: -10px; }
.recent-post { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 18px; }
.recent-post:last-child { margin-bottom: 0; }
.recent-post .media-img { margin-right: 15px; width: 85px; overflow: hidden; }
.recent-post .media-img img { width: 100%; -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; }
.recent-post .post-title { font-weight: 600; font-size: 16px; line-height: 24px; margin: 0 0 -0.1em 0; font-family: var(--title-font); text-transform: uppercase; }
.recent-post .recent-post-meta { margin-bottom: 6px; }
.recent-post .recent-post-meta a { text-transform: capitalize; font-size: 14px; font-weight: 400; color: var(--body-color); }
.recent-post .recent-post-meta a i { margin-right: 8px; }
.recent-post:hover .media-img img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.wp-block-calendar, .calendar_wrap { position: relative; background-color: #fff; padding-bottom: 0; border: none; }
.wp-block-calendar span[class*="wp-calendar-nav"], .calendar_wrap span[class*="wp-calendar-nav"] { position: absolute; top: 8px; left: 20px; font-size: 14px; color: var(--title-color); font-weight: 500; z-index: 1; }
.wp-block-calendar span[class*="wp-calendar-nav"] a, .calendar_wrap span[class*="wp-calendar-nav"] a { color: inherit; }
.wp-block-calendar span.wp-calendar-nav-next, .calendar_wrap span.wp-calendar-nav-next { left: auto; right: 20px; }
.wp-block-calendar caption, .calendar_wrap caption { caption-side: top; text-align: center; color: var(--title-color); background-color: #f1dbbe; }
.wp-block-calendar th, .calendar_wrap th { font-size: 14px; padding: 5px 5px; border: none; text-align: center; border-right: 1px solid #fff; color: #01133c; font-weight: 500; }
.wp-block-calendar th a, .calendar_wrap th a { color: inherit; }
.wp-block-calendar td, .calendar_wrap td { font-size: 14px; padding: 5px; color: #01133c; border: 1px solid #ededed; text-align: center; background-color: transparent; -webkit-transition: all ease 0.4s; transition: all ease 0.4s; }
.wp-block-calendar #today, .calendar_wrap #today { color: var(--theme-color); background-color: var(--white-color); border-color: #ededed; }
.wp-block-calendar thead, .calendar_wrap thead { background-color: #f6f6f6; }
.wp-block-calendar .wp-calendar-table, .calendar_wrap .wp-calendar-table { margin-bottom: 0; }
.wp-block-calendar .wp-calendar-nav .pad, .calendar_wrap .wp-calendar-nav .pad { display: none; }
.sidebar-gallery { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.sidebar-gallery .gallery-thumb { overflow: hidden; }
.sidebar-gallery .gallery-thumb img { width: 100%; }
.widget_shopping_cart { text-align: left; }
.widget_shopping_cart ul { margin: 0; padding: 0; list-style-type: none; }
.widget_shopping_cart .mini_cart_item { position: relative; border-bottom: 1px solid var(--border-color); padding: 0 0 32px 110px; margin: 0 0 27px 0; min-height: 90px; }
.widget_shopping_cart .remove { position: absolute; right: 0; top: 0; color: var(--title-color); line-height: 1; font-size: 18px; }
.widget_shopping_cart .remove:hover { color: var(--theme-color); }
.widget_shopping_cart .img { position: absolute; left: 0; top: 3px; width: 90px; height: 90px; display: inline-block; border: 1px solid var(--border-color); }
.widget_shopping_cart .product-title { font-size: 14px; color: var(--title-color); font-weight: 400; margin-bottom: 0; display: inline-block; }
.widget_shopping_cart .amount { display: block; font-weight: 600; color: var(--title-color); font-size: 16px; }
.widget_shopping_cart .quantity { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; margin-top: 12px; }
.widget_shopping_cart .qut-btn { border: 1px solid var(--border-color); background-color: transparent; display: inline-block; background-color: transparent; width: 25px; height: 25px; padding: 0; font-size: 12px; z-index: 1; position: relative; }
.widget_shopping_cart .qut-btn:hover { background-color: var(--title-color); border-color: transparent; color: var(--white-color); }
.widget_shopping_cart .qty-input { border: 1px solid var(--border-color); text-align: center; width: -webkit-max-content; width: -moz-max-content; width: max-content; min-width: 40px; font-size: 12px; padding: 0; height: 25px; margin: 0 -1px; }
.widget_shopping_cart .subtotal { float: right; text-align: right; font-size: 12px; margin-top: 19px; }
.widget_shopping_cart .subtotal>span:not(.amount) { color: var(--body-color); font-weight: 300; }
.widget_shopping_cart .subtotal .amount { font-size: 12px; display: inline-block; }
.widget_shopping_cart .total { color: var(--title-color); text-transform: uppercase; line-height: 1; margin-bottom: 25px; font-size: 18px; }
.widget_shopping_cart .total .amount { font-size: inherit; display: inline-block; color: var(--theme-color); }
.widget_shopping_cart .as-btn { border: 1px solid var(--title-color); color: var(--title-color); margin-right: 10px; text-transform: capitalize; height: 50px; line-height: 47px; padding: 0 35px; background-color: var(--title-color); color: var(--white-color); font-weight: 400; }
.widget_shopping_cart .as-btn:hover { background-color: transparent; color: var(--title-color); }
.widget_shopping_cart .buttons { margin: 0; }
.sidebar-area { margin-bottom: -10px; }
.sidebar-area ul.wp-block-latest-posts { margin-bottom: 0; }
.sidebar-area ul.wp-block-latest-posts li:last-child { margin-bottom: 0; }
.sidebar-area .wp-block-tag-cloud a, .sidebar-area .tagcloud a { border: none; }
.sidebar-area .newsletter-form button { width: 100%; text-transform: capitalize; font-size: 16px; font-weight: 400; height: 60px; margin-top: 10px; }
.sidebar-area .widget .wp-block-search { margin-bottom: 0; }
.sidebar-area .wp-block-group__inner-container h2 { font-size: 20px; line-height: 1em; margin-bottom: 20px; margin-top: -0.07em; }
.sidebar-area ol.wp-block-latest-comments { padding: 0; margin: 0; }
.sidebar-area ol.wp-block-latest-comments li { line-height: 1.5; margin: 0 0 20px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding-bottom: 20px; }
.sidebar-area ol.wp-block-latest-comments li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; }
.recent-product { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.recent-product .product-title { font-size: 16px; }
.widget_download { background-color: var(--title-color); }
.widget_download .widget_title { color: var(--white-color); }
.donwload-media-wrap { margin-top: -4px; margin-bottom: -4px; }
.download-media { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #212632; }
.download-media_icon { margin-right: 15px; }
.download-media_icon i { font-size: 32px; color: var(--white-color); }
.download-media_title { color: var(--white-color); font-size: 18px; font-weight: bold; margin-bottom: -4px; }
.download-media_text { color: var(--white-color); font-size: 14px; }
.download-media_btn { margin-left: auto; width: 40px; height: 40px; line-height: 40px; background-color: var(--theme-color); color: var(--white-color); text-align: center; }
.download-media_btn:hover { background-color: var(--white-color); color: var(--theme-color); }
.download-media:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; }
.widget_offer { padding-top: 60px; padding-bottom: 60px; background-color: var(--title-color); }
.offer-banner { text-align: center; }
.offer-banner .banner-logo { margin-bottom: 20px; }
.offer-banner .banner-title { color: var(--white-color); max-width: 280px; margin: 0 auto 20px auto; }
.offer-banner .offer { background-color: var(--white-color); padding: 30px 30px 60px 30px; }
.offer-banner .offer-title { margin-bottom: 3px; text-transform: uppercase; }
.offer-banner .offer-text { font-family: var(--title-font); margin-bottom: -0.3em; }
.offer-banner .as-btn { margin-top: -30px; }

/* Large devices */
@media (max-width:1199px) {
  .widget { --widget-padding-y: 30px; --widget-padding-x: 30px; }
  .widget_title { font-size: 20px; }
  .recent-post .post-title { font-size: 18px; line-height: 24px; }
  .widget_offer { padding-top: 40px; padding-bottom: 40px; }
}

/* Medium devices */
@media (max-width:991px) {
  .sidebar-area { padding-top: 30px; }
  .wp-block-tag-cloud a, .tagcloud a { padding: 10.5px 18px; }
}

/* Extra small devices */
@media (max-width:575px) {
  .widget { padding: 30px 20px; }
}
.footer-widget { margin-bottom: 40px; }
.footer-widget, .footer-widget .widget { padding: 0; border: none; padding-bottom: 0; background-color: transparent; }
.footer-widget .widget_title { position: relative; border: none; font-family: var(--title-font); font-size: 18px; font-weight: 600; text-transform: uppercase; color: var(--white-color); line-height: 1; border-bottom: 0; padding: 0 0 13px 0; margin: 0 0 35px 0; max-width: 275px; }
.footer-widget .widget_title:before, .footer-widget .widget_title:after { content: ""; position: absolute; left: 0; bottom: 0; width: 61px; height: 2px; background-color: var(--theme-color); }
.footer-widget.widget_meta, .footer-widget.widget_pages, .footer-widget.widget_archive, .footer-widget.widget_categories, .footer-widget.widget_nav_menu { margin-bottom: 40px; }
.footer-widget.widget_meta ul, .footer-widget.widget_pages ul, .footer-widget.widget_archive ul, .footer-widget.widget_categories ul, .footer-widget.widget_nav_menu ul { margin-top: -2px; }
.footer-widget.widget_meta a, .footer-widget.widget_pages a, .footer-widget.widget_archive a, .footer-widget.widget_categories a, .footer-widget.widget_nav_menu a { font-size: 16px; font-weight: 400; padding: 0 0 0 28px; margin-bottom: 25px; 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-widget.widget_meta a:before, .footer-widget.widget_pages a:before, .footer-widget.widget_archive a:before, .footer-widget.widget_categories a:before, .footer-widget.widget_nav_menu a:before { content: "\f105"; font-weight: 900; left: 0; top: 0; color: inherit; }
.footer-widget.widget_meta a:hover, .footer-widget.widget_pages a:hover, .footer-widget.widget_archive a:hover, .footer-widget.widget_categories a:hover, .footer-widget.widget_nav_menu a:hover { background-color: transparent; color: var(--theme-color); }
.footer-widget.widget_meta a:hover:before, .footer-widget.widget_pages a:hover:before, .footer-widget.widget_archive a:hover:before, .footer-widget.widget_categories a:hover:before, .footer-widget.widget_nav_menu a:hover:before { color: var(--theme-color); }
.footer-widget.widget_meta li>span, .footer-widget.widget_pages li>span, .footer-widget.widget_archive li>span, .footer-widget.widget_categories li>span, .footer-widget.widget_nav_menu li>span { width: auto; height: auto; position: relative; background-color: transparent; color: var(--body-color); line-height: 1; }
.footer-widget.widget_meta li:last-child a, .footer-widget.widget_pages li:last-child a, .footer-widget.widget_archive li:last-child a, .footer-widget.widget_categories li:last-child a, .footer-widget.widget_nav_menu li:last-child a { margin-bottom: 0; }
.footer-widget .recent-post { max-width: 280px; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #2B2F3A; }
.footer-widget .recent-post .media-img { margin-right: 20px; }
.footer-widget .recent-post .post-title { color: var(--white-color); }
.footer-widget .recent-post:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; }
.footer-widget .footer-logo { margin-bottom: 15px; }
.as-widget-schedule { margin-top: -0.25em; }
.as-widget-schedule .footer-info { padding-left: 0; }
.footer-table { margin-top: -15px; border: none; margin-bottom: 0; }
.footer-table th, .footer-table td { border: none; padding: 8px 0; font-size: 16px; }
.footer-table td { padding-left: 50px; }
.footer-table th { padding-right: 13px; font-weight: 500; color: var(--white-color); }
@-webkit-keyframes footerLine {
  0% { left: 40px; }
  50% { left: 0; }
  100% { left: 40px; }
}
@keyframes footerLine {
  0% { left: 40px; }
  50% { left: 0; }
  100% { left: 40px; }
}
.as-widget-about { max-width: 290px; }
.footer-text { margin-bottom: 25px; margin-top: -0.5em; }
.footer-info-title { font-size: 14px; font-family: var(--title-font); font-weight: bold; text-transform: uppercase; color: var(--white-color); margin-bottom: 10px; margin-top: -0.2em; }
.footer-info { position: relative; margin: 0 0 25px 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding: 0 0 0 35px; max-width: 300px; }
.footer-info:last-child { margin-bottom: 0; }
.footer-info i { display: inline-block; width: 25px; height: 25px; line-height: 25px; text-align: center; background-color: var(--theme-color); color: var(--title-color); position: absolute; left: 0; font-size: 10px; }
.footer-info:nth-child(2) i { background-color: var(--theme-color); }
.footer-info:nth-child(3) i { background-color: var(--title-color); }

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

/*------------------- 4.2. Header  -------------------*/
.as-header { position: relative; z-index: 41; }
.as-header .icon-btn { --btn-size: 40px; line-height: 42px; }
.as-header .info-card-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 15px 50px; }
.as-header .info-card_icon { color: var(--title-color); }
.as-header .info-card_icon i { background-color: var(--icon-bg, #fff); width: 45px; height: 45px; line-height: 45px; font-size: 16px; }
.as-header .info-card_text { font-size: 14px; margin-bottom: 0; }
.as-header .info-card_link { font-size: 18px; color: var(--title-color); }
.as-header .info-card_link:hover { color: var(--theme-color); }
.will-sticky .sticky-active { position: fixed; top: -100%; right: 0; left: 0; background-color: var(--white-color); -webkit-transition: all ease 0.8s; transition: all ease 0.8s; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.07); }
.will-sticky .sticky-active.active { top: 0; }
.main-menu a { display: block; position: relative; font-family: var(--title-font); font-weight: 500; font-size: 16px; color: var(--title-color); text-transform: uppercase;  /* Extra large devices */ }
@media (max-width:1700px) {
  .main-menu a { font-size: 16px; }
}
.main-menu a:hover { color: var(--theme-color); }
.main-menu>ul>li { margin: 0 13px; }
.main-menu>ul>li>a { padding: 26px 0; }
.main-menu ul { margin: 0; padding: 0; }
.main-menu ul 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: 1px; }
.main-menu ul li:last-child { margin-right: 0 !important; }
.main-menu ul li:first-child { margin-left: 0 !important; }
.main-menu ul li:hover>ul.sub-menu { visibility: visible; opacity: 1; margin-top: 0; z-index: 9; }
.main-menu ul.sub-menu { position: absolute; text-align: left; top: 100%; left: 0; background-color: var(--white-color); box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1); visibility: hidden; min-width: 190px; width: -webkit-max-content; width: -moz-max-content; width: max-content; padding: 7px; left: -14px; margin-top: 50px; opacity: 0; z-index: -1; border-bottom: 3px solid var(--theme-color); box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.09), 0px 3px 0px 0px rgba(231, 13, 60, 0.004); -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-transition: margin-top 0.4s ease-in-out 0s, visibility 0.4s ease-in-out 0s, opacity 0.4s ease-in-out 0s, z-index 0s; transition: margin-top 0.4s ease-in-out 0s, visibility 0.4s ease-in-out 0s, opacity 0.4s ease-in-out 0s, z-index 0s; }
.main-menu ul.sub-menu a { font-size: 16px; line-height: 30px; }
.main-menu ul.sub-menu { padding: 18px 20px; left: -27px; }
.main-menu ul.sub-menu li { display: block; margin: 0 0; padding: 3px 9px; }
.main-menu ul.sub-menu li.menu-item-has-children>a:after { content: "7"; float: right; top: 3px; }
.main-menu ul.sub-menu li a { position: relative; padding-left: 21px; }
.main-menu ul.sub-menu li a:before { content: "8"; position: absolute; top: 8px; left: -3px; 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: 300; }
.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; }
.header-notice { margin-bottom: 0; }
.header-link { display: inline-block; color: var(--title-color); margin-right: 40px; }
.header-link:last-child { margin-right: 0; }
.header-link:hover { color: var(--theme-color); }
.header-link .icon-btn { margin-right: 10px; font-size: 29px; }
.header-button { height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 20px; }
.header-button .dropdown-link { margin-right: 15px; }
.header-links ul { margin: 0; padding: 0; list-style-type: none; }
.header-links i { margin-right: 7px; }
.header-links li { display: inline-block; position: relative; font-size: 16px; font-weight: 500; }
.header-links li:not(:last-child) { padding: 0 20px 0 0; margin: 0 15px 0 0; }
.header-links li:not(:last-child):before { content: "9"; position: absolute; right: 0; top: 50%; background-color: var(--theme-color); width: 1px; height: 20px; margin: -10px 0 0 0; }
.header-social .social-title { font-weight: 500; font-size: 14px; display: inline-block; margin: 0 10px 0 0; }
.header-social i { margin: 0 !important; }
.header-social a { font-size: 14px; display: inline-block; color: var(--body-color); margin: 0 15px 0 0; }
.header-social a:last-child { margin-right: 0; }
.header-social a:hover { color: var(--theme-color); }
.dropdown-link { position: relative; }
.dropdown-link>a { color: var(--title-color); }
.dropdown-toggle::after { content: "10"; border: none; font-family: var(--icon-font); vertical-align: middle; font-weight: 400; margin-left: 6px; }
.dropdown-menu { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; min-width: auto; top: calc(100% + 10px) !important; left: 50% !important; -webkit-transform: translateX(-50%) !important; -ms-transform: translateX(-50%) !important; transform: translateX(-50%) !important; padding: 8px 20px !important; text-align: center; border-color: var(--border-color); }
.dropdown-menu li { padding-right: 0; margin-right: 0; }
.dropdown-menu li:after { display: none; }
.dropdown-menu li a { display: block; }
.dropdown-menu a { color: var(--body-color); }
.dropdown-menu a:hover { color: var(--theme-color); }
.dropdown-menu:before { content: '\f061'; position: absolute; left: 50%; top: -7px; width: 14px; height: 14px; margin-left: -7px; background-color: var(--white-color); z-index: -1; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); border-top: 1px solid var(--border-color); border-left: 1px solid var(--border-color); }
.icon-style2 { background-color: transparent; border: 1px dashed; border-radius: 50%; width: 45px; height: 45px; line-height: 44px; color: var(--white-color); font-size: 16px; }
.simple-icon { font-size: 36px; }

/* Header 1 ---------------------------------- */
.header-layout1 { --main-container: 1440px; }
.header-layout1 .container { margin-left: auto; margin-right: 100px; }
.header-layout1 .header-top { background-color: var(--theme-color); padding: 14px 0; --body-color: #1b1b1b; }
.header-layout1 .header-top a, .header-layout1 .header-top li, .header-layout1 .header-top p, .header-layout1 .header-top span, .header-layout1 .header-top i { color: var(--title-color); }
.header-layout1 .header-top a:hover { color: var(--white-color); }
.header-layout1 .header-top li:before { background-color: var(--title-color); }
.header-layout1 .simple-icon { color: var(--white-color); }
.header-layout1 .dropdown-menu { --body-color: #74787C; }
.header-layout1 .logo-shape { display: inline-block; height: 100%; width: 40%; position: absolute; top: 0; left: 0; background-color: var(--white-color); -webkit-clip-path: polygon(0 0, 100% 0%, calc(100% - 40px) 100%, 0% 100%); clip-path: polygon(0 0, 100% 0%, calc(100% - 40px) 100%, 0% 100%); z-index: -1; }
.header-layout1 .menu-area { position: relative; background-color: var(--title-color); background-size: auto; background-repeat: repeat; z-index: 2; }
.header-layout1 .main-menu>ul>li { margin: 0 18px; }
.header-layout1 .main-menu>ul>li>a { color: var(--white-color); padding: 41.5px 0; }
.header-layout1 .as-menu-toggle { margin: 20px 0; }
.header-layout1 .header-button { margin-left: 10px; }

/* Hight Resoulation devices */
@media (min-width:1922px) {
  .header-layout1 { --main-container: 1440px; }
  .header-layout1 .container { margin-left: auto; margin-right: auto; }
}

/* Extra large devices */
@media (max-width:1700px) {
  .header-layout1 .logo-shape { width: 25%; }
}

/* Medium Large devices */
@media (max-width:1399px) {
  .header-layout1 .container { margin-left: auto; margin-right: auto; }
}

/* Large devices */
@media (max-width:1199px) {
  .header-layout1 .logo-shape { width: 300px; }
}

/* Medium devices */
@media (max-width:991px) {
  .header-layout1 .logo-shape { width: 60%; }
}

/* Small devices */
@media (max-width:767px) {
  .header-layout1 .header-layout1 .header-top { padding: 8px 0; }
}

/* Extra small devices */
@media (max-width:375px) {
  .header-layout1 .logo-shape { width: 70%; }
}

/* Header 2 ---------------------------------- */
.header-layout2 .top-area { background-color: var(--title-color); }
.header-layout2 .header-top { padding: 12px 0; --body-color: #fff; border-bottom: 1px solid #323232; }
.header-layout2 .header-top a, .header-layout2 .header-top li, .header-layout2 .header-top p, .header-layout2 .header-top span, .header-layout2 .header-top i { color: var(--white-color); }
.header-layout2 .header-top a:hover { color: var(--theme-color); }
.header-layout2 .menu-top { padding: 20px 0; }
.header-layout2 .menu-top .icon-btn { background-color: var(--theme-color); color: var(--title-color); }
.header-layout2 .header-link { color: var(--white-color); padding-right: 30px; margin-right: 30px; border-right: 1px solid #343434; }
.header-layout2 .header-link:last-child { padding-right: 0; margin-right: 0; border-right: none; }
.header-layout2 .header-link:hover { color: var(--theme-color); }
.header-layout2 .as-social a { background-color: var(--title-color); border: 1px solid #343434; color: var(--white-color); }
.header-layout2 .as-social a:hover { background-color: var(--theme-color); color: var(--title-color); border-color: var(--theme-color); }
.header-layout2 .simple-icon { color: var(--title-color); }
.header-layout2 .dropdown-menu { --body-color: #74787C; }
.header-layout2 .logo-shape { display: inline-block; height: 100%; width: 40%; position: absolute; top: 0; left: 0; background: var(--white-color); background-size: auto; background-repeat: repeat; -webkit-clip-path: polygon(0 0, calc(100% - 100px) 0%, 100% 100%, 0% 100%); clip-path: polygon(0 0, calc(100% - 100px) 0%, 100% 100%, 0% 100%); z-index: -1; }
.header-layout2 .icon-style2 { color: var(--title-color); }
.header-layout2 .menu-area { position: relative; background-color: var(--theme-color); z-index: 2; }
.header-layout2 .menu-area .container { --main-container: 1440px; margin-left: auto; margin-right: 66px;  /* Hight Resoulation devices */  /* Medium Large devices */ }
@media (min-width:1922px) {
  .header-layout2 .menu-area .container { margin-right: auto; }
}
@media (max-width:1399px) {
  .header-layout2 .menu-area .container { margin-right: auto; }
}
.header-layout2 .main-menu>ul>li { margin: 0 18px; }
.header-layout2 .main-menu>ul>li>a { color: var(--title-color); padding: 39px 0; }
.header-layout2 .as-menu-toggle { margin: 20px 0; }
.header-layout2 .header-button { margin-left: 10px; }

/* Extra large devices */
@media (max-width:1700px) {
  .header-layout2 .logo-shape { width: 33%; }
}

/* Large devices */
@media (max-width:1199px) {
  .header-layout2 .header-link:nth-child(2) { padding-right: 0; margin-right: 0; border-right: none; }
}

/* Medium devices */
@media (max-width:991px) {
  .header-layout2 .logo-shape { width: 60%; }
  .header-layout2 .header-link { padding-right: 0; margin-right: 0; border-right: none; }
}

/* Small devices */
@media (max-width:767px) {
  .header-notice { text-align: center; font-size: 14px; }
  .header-layout2 .menu-top { padding: 12px 0; }
}

/* Extra small devices */
@media (max-width:575px) {
  .header-layout2 .logo-shape { width: 280px; }
}

/* Header 3 ---------------------------------- */
.header-layout3 { position: absolute; top: 0; left: 0; width: 100%; --main-container: 1920px; }
.header-layout3 .will-sticky .sticky-active { background-color: var(--title-color); }
.header-layout3 .container { padding-left: 0; padding-right: 0; }
.header-layout3 .header-logo { background-color: rgba(255, 255, 255, 0.1); padding: 15px 50px; border-right: 5px solid var(--theme-color); height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.header-layout3 .header-top { padding: 15px 0; --body-color: #fff; }
.header-layout3 .header-top a, .header-layout3 .header-top li, .header-layout3 .header-top p, .header-layout3 .header-top span, .header-layout3 .header-top i { color: var(--white-color); }
.header-layout3 .header-top a:hover { color: var(--theme-color); }
.header-layout3 .header-top li:before { background-color: #D9D9D9; }
.header-layout3 .top-left { padding-left: 50px; }
.header-layout3 .top-right { width: 1080px; padding-right: 50px; }
.header-layout3 .simple-icon { color: var(--white-color); }
.header-layout3 .dropdown-menu { --body-color: #74787C; }
.header-layout3 .menu-area { position: relative; padding: 0 50px; background-color: rgba(255, 255, 255, 0.1); width: 1080px; }
.header-layout3 .main-menu>ul>li { margin: 0 18px; }
.header-layout3 .main-menu>ul>li>a { color: var(--white-color); padding: 36.5px 0; }
.header-layout3 .as-menu-toggle { margin: 15px 0; }
.header-layout3 .header-button { margin-left: 10px; gap: 30px; }

/* Extra large devices */
@media (max-width:1700px) {
  .header-layout3 .header-logo { padding: 15px 30px; }
  .header-layout3 .top-left { padding-left: 30px; }
  .header-layout3 .top-right { width: 900px; padding-right: 30px; }
  .header-layout3 .menu-area { padding: 0 30px; width: 900px; }
}

/* Medium Large devices */
@media (max-width:1399px) {
  .header-layout3 .container { max-width: 100%; }
  .header-layout3 .top-right { width: 687px; }
  .header-layout3 .menu-area { width: 100%; }
}

/* Large devices */
@media (max-width:1199px) {
  .header-layout3 .header-logo { padding: 15px 15px; }
  .header-layout3 .top-left { padding-left: 15px; }
  .header-layout3 .top-right { width: 660px; padding-right: 15px; }
  .header-layout3 .menu-area { padding: 0 15px; }
}

/* Medium devices */
@media (max-width:991px) {
  .header-layout3 .top-left { padding-left: 15px; }
  .header-layout3 .top-right { width: 100%; }
  .header-layout3 .top-right .row { --bs-gutter-x: 50px; }
}

/* Header 4 ---------------------------------- */
.header-layout4 { background-color: var(--smoke-color); position: relative; }
.header-layout4 .will-sticky .sticky-active { background-color: var(--smoke-color); }
.header-layout4 .will-sticky .sticky-active:after { content: ''; height: 1px; width: 40%; background-color: #E2E2E2; position: absolute; top: 96px; right: 0; }
.header-layout4:after { content: "\f356"; height: 1px; width: 40%; background-color: #E2E2E2; position: absolute; top: 96px; right: 0; }
.header-layout4 .menu-top { border-bottom: 1px solid #E2E2E2; padding: 28px 0 28px 30px; position: relative; }
.header-layout4 .header-logo { height: 100%; display: grid; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 15px 65px 15px 0; border-right: 1px solid #E2E2E2; }
.header-layout4 .menu-area { padding-left: 30px; }
.header-layout4 .as-btn { padding: 16.5px 31px; }

/* Medium Large devices */
@media (max-width:1399px) {
  .header-layout4 .header-logo { padding: 15px 30px 15px 0; }
}

/* Medium devices */
@media (max-width:991px) {
  .header-layout4:after { display: none; }
  .header-layout4 .will-sticky .sticky-active:after { display: none; }
}

/* Small devices */
@media (max-width:767px) {
  .header-layout4 .menu-top { border-bottom: none; }
  .header-layout4 .header-logo { border-right: none; }
}

/* Extra small devices */
@media (max-width:575px) {
  .header-logo { max-width: 180px; padding: 20px 0; }
  .header-layout4 .header-logo { padding: 20px 0; }
}

/* Header 5 ---------------------------------- */
.header-layout5 .header-top { background-color: var(--title-color); padding: 14px 0; --body-color: #fff; }
.header-layout5 .header-top a, .header-layout5 .header-top li, .header-layout5 .header-top p, .header-layout5 .header-top span { color: var(--body-color); }
.header-layout5 .header-top a:hover { color: var(--theme-color); }
.header-layout5 .header-top li:before { background-color: #464C5B; }
.header-layout5 .dropdown-menu { --body-color: #74787C; }
.header-layout5 .main-menu>ul>li>a { padding: 44px 0; }
.header-layout5 .as-menu-toggle { margin: 20px 0; }
.header-layout5 .header-button { margin-left: 10px; }

/* Medium devices */
@media (max-width:991px) {
  .header-layout5 .header-top { padding: 8px 0; }
}

/* Header 6 ---------------------------------- */
.header-layout6 { --icon-bg: #F2F2F2; --btn-size: 40px; }
.header-layout6 .header-top { border-bottom: 1px solid var(--border-color); position: relative; padding: 9px 0; }
.header-layout6 .header-top:before { content: "\f107"; height: calc(100% + 1px); width: 43%; background-color: var(--theme-color); position: absolute; top: 0; left: 0; -webkit-clip-path: polygon(100% 0, calc(100% - 20px) 23px, calc(100% - 10px) 100%, 0px 100%, 0px 0px); clip-path: polygon(100% 0, calc(100% - 20px) 23px, calc(100% - 10px) 100%, 0px 100%, 0px 0px); }
.header-layout6 .header-notice { color: var(--white-color); }
.header-layout6 .header-links li:not(:last-child):before { background-color: #FF444C; }
.header-layout6 .header-links li a { color: var(--white-color); }
.header-layout6 .header-links li a:hover { color: var(--title-color); }
.header-layout6 .menu-top { padding: 20px 0; border-bottom: 8px solid var(--border-color); }
.header-layout6 .main-menu>ul>li>a { padding: 21px 0; }

/* Large devices */
@media (max-width:1199px) {
  .as-header .info-card-wrap { gap: 15px 20px; }
  .header-layout6 .header-top:before { width: 46%; }
}

/* Medium devices */
@media (max-width:991px) {
  .as-header .sideMenuToggler, .as-header .searchBoxToggler { display: none; }
  .header-layout6 .header-top:before { width: 58%; }
  .header-layout6 .menu-top { padding: 12px 0; border-bottom: 4px solid var(--border-color); }
  .header-layout6 .menu-area { padding: 8px 0; }
  .header-layout6 .header-button .dropdown-link { margin-right: 0; }
}

/* Small devices */
@media (max-width:767px) {
  .header-layout6 .header-top:before { display: none; }
}

/* Extra small devices */
@media (max-width:575px) {
  .header-layout6 .header-logo { text-align: center; margin-left: auto; margin-right: auto; padding: 0 0; }
}

/*------------------- 4.3. Footer  -------------------*/
.footer-wrapper { position: relative; z-index: 2; }
.footer-wrapper .newsletter-title { color: var(--white-color); }
.widget-area { padding-top: 100px; padding-bottom: 60px; }
.copyright-wrap { padding: 20px 0; }
.copyright-text { color: #000; }
.copyright-text a {  color: #000; }
.copyright-text p {  color: #000; }
.footer-layout1 { background-color: #000; --body-color: #c0a87c; padding-top: 0 !important; }
.footer-layout1 .copyright-wrap { background-color: var(--theme-color); text-align: center; }
.footer-layout1 .copyright-text { color: var(--title-color); }
.footer-layout1 .copyright-text a:hover { color: #fff; }
.footer-layout1 .widget-area { padding-top: 100px; padding-bottom: 45px; }

/* Medium devices */
@media (max-width:991px) {
  .footer-layout1 .widget-area { padding-top: var(--section-space-mobile); padding-bottom: 24px; }
}

/* Footer 2 ---------------------------------- */
.footer-layout2 { --body-color: #c0a87c; background-color: var(--title-color); }
.footer-layout2 .widget-area { padding-top: 100px; padding-bottom: 60px; }
.footer-layout2 .footer-top { padding-top: 80px; padding-bottom: 80px; border-bottom: 1px solid #323232; }
.footer-layout2 .copyright-wrap { padding: 20px 0; border-top: 1px solid #323232; }
.footer-layout2 .copyright-text { text-align: center; }
.footer-layout2 .copyright-text a:hover { color: var(--theme-color); }

/* Footer 3 ---------------------------------- */
.footer-layout3 { --body-color: #c0a87c; background-color: #161921; }
.footer-layout3 .widget-area { padding-top: 100px; padding-bottom: 60px; }
.footer-layout3 .copyright-wrap { padding: 20px 0; background-color: #1B1F29; }
.footer-layout3 .copyright-text { color: var(--white-color); text-align: center; font-weight: 500; }
.footer-layout3 .copyright-text a:hover { color: var(--theme-color); }
.footer-layout3 .style-skew { -webkit-transform: skew(0); -ms-transform: skew(0); transform: skew(0); margin-left: 0; margin-right: 0; }
.footer-layout3 .style-skew .btn-text { -webkit-transform: skew(0); -ms-transform: skew(0); transform: skew(0); }
.newsletter-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; border-left: 2px solid var(--theme-color); padding-left: 25px; }
.newsletter-wrap .newsletter-title { margin-top: -0.1em; margin-bottom: 0; max-width: 420px; }
.newsletter-wrap .newsletter-text { margin-bottom: 0; text-transform: uppercase; }
.newsletter-form { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; max-width: 465px; gap: 15px; }
.newsletter-form .form-group { margin-bottom: 0; }
.newsletter-form input { background-color: transparent; border: 1px solid #323232; }
.newsletter-form input:focus { background-color: transparent; color: var(--body-color); }
.newsletter-form .as-btn { min-width: 150px; }
.newsletter-form .newsletter-btn { display: inline-block; border: none; background-color: var(--theme-color); color: var(--title-color); width: 55px; height: 55px; line-height: 55px; min-width: 55px; }
.home3 .newsletter-form .newsletter-btn { color: var(--white-color); }
.home3 .as-social a:hover { color: var(--white-color); }
.newsletter-widget { margin-top: -0.5em; max-width: 340px; }
.newsletter-widget .newsletter-form { gap: 0 !important; -webkit-flex-wrap: nowrap !important; -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; }
.newsletter-widget .as-social { margin-top: 30px; }
.newsletter-widget input { background-color: #fff; color: var(--body-color); border: none; }
.newsletter-widget input:focus { background-color: #fff; color: var(--body-color); }

/* Medium Large devices */
@media (max-width:1399px) {
  .newsletter-widget { max-width: 300px; }
}

/* Large devices */
@media (max-width:1199px) {
  .footer-wrapper .newsletter-form { gap: 15px 0; }
  .footer-top .footer-logo { text-align: center; margin: 0 auto 30px auto; }
}

/* Medium devices */
@media (max-width:991px) {
  .footer-layout2 .widget-area { padding-top: 80px; padding-bottom: 40px; }
  .footer-layout2 .footer-top { padding-top: 60px; padding-bottom: 60px; }
  .footer-wrapper .newsletter-form { max-width: 400px; }
  .newsletter-wrap .newsletter-title { font-size: 22px; }
  .newsletter-wrap .newsletter-text { font-size: 14px; }
}

/* Small devices */
@media (max-width:767px) {
  .newsletter-wrap { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding-left: 0; border-left: none; gap: 20px; }
  .newsletter-wrap .newsletter-title { text-align: center; }
  .footer-wrapper .newsletter-form { max-width: 550px; gap: 15px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
}

/* Extra small devices */
@media (max-width:575px) {
  .footer-wrapper .newsletter-form { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
}

/*------------------- 4.4. Breadcumb  -------------------*/
.breadcumb-menu { max-width: 100%; padding: 0; margin: 25px 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: "\f105"; 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: 60px; color: var(--white-color); margin: -0.35em 0 -0.35em 0; }
.breadcumb-wrapper { background-color: var(--title-color); padding: 160px 0; text-align: center; overflow: hidden; }

/* Large devices */
@media (max-width:1199px) {
  .breadcumb-title { font-size: 48px; }
  .breadcumb-wrapper { padding: 130px 0; }
}

/* Medium devices */
@media (max-width:991px) {
  .breadcumb-wrapper { padding: 100px 0; }
  .breadcumb-menu { margin: 16px 0 -0.5em 0; }
  .breadcumb-menu li, .breadcumb-menu a, .breadcumb-menu span { font-size: 16px; }
  .breadcumb-title { font-size: 40px; }
}

/* Small devices */
@media (max-width:767px) {
  .breadcumb-wrapper { padding: 00px 0; }
  .breadcumb-title { font-size: 36px; }
}

/*------------------- 4.5. Pagination  -------------------*/
.as-pagination { margin-bottom: 30px; }
.as-pagination ul { margin: 0; padding: 0; }
.as-pagination li { display: inline-block; margin: 0 3px; list-style-type: none; }
.as-pagination li:last-child { margin-right: 0; }
.as-pagination li:first-child { margin-left: 0; }
.as-pagination span, .as-pagination a { display: inline-block; text-align: center; position: relative; border: none; color: var(--title-color); background-color: var(--smoke-color); font-family: var(--title-font); width: 55px; height: 55px; line-height: 55px; z-index: 1; font-size: 18px; font-weight: 600; }
.as-pagination span.active, .as-pagination span:hover, .as-pagination a.active, .as-pagination a:hover { color: var(--white-color); background-color: var(--theme-color); box-shadow: none; }

/* Small devices */
@media (max-width:767px) {
  .as-pagination span, .as-pagination a { width: 40px; height: 40px; line-height: 40px; font-size: 14px; }
}

/*------------------- 4.6. Blog  -------------------*/
blockquote { display: block; position: relative; overflow: hidden; font-size: 18px; line-height: 30px; font-weight: 600; font-family: var(--title-font); color: var(--title-color); background-color: var(--quote-bg, #F5F5F5); padding: 50px 40px 50px 165px; margin: 35px 0; line-height: 1.667; }
blockquote p, blockquote pre { font-family: inherit; color: inherit; font-weight: inherit; width: 100%; position: relative; z-index: 3; margin-top: -0.5em; margin-bottom: -0.5em; }
blockquote p a, blockquote pre a { color: inherit; }
blockquote:before { content: "\f631"; font-family: var(--icon-font); position: absolute; left: 0; top: 0; font-size: 60px; font-weight: 900; line-height: 1; color: var(--title-color); background-color: var(--theme-color); width: 125px; height: 100%; text-align: center; display: grid; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
blockquote cite { display: block; font-size: 18px; font-family: var(--body-font); position: relative; padding-left: 45px; line-height: 1; font-weight: 600; margin-top: 27px; margin-bottom: -0.2em; font-style: normal; color: var(--theme-color); }
blockquote cite:before { content: ""; position: absolute; left: 0; bottom: 8px; width: 30px; height: 2px; border-top: 2px solid var(--theme-color); }
.blog-meta span, .blog-meta a { display: inline-block; margin-right: 26px; font-size: 14px; color: var(--body-color); }
.blog-meta span:last-child, .blog-meta a:last-child { margin-right: 0; }
.blog-meta span i, .blog-meta a i { margin-right: 10px; color: var(--theme-color); }
.blog-meta a:hover { color: var(--theme-color); }
.blog-category { margin-bottom: -10px; }
.blog-category a { display: inline-block; color: var(--white-color); padding: 4.5px 24.5px; margin-right: 5px; margin-bottom: 10px; border: 1px solid transparent; background-color: var(--theme-color); }
.blog-category a:hover { background-color: var(--white-color); color: var(--body-color); border-color: var(--theme-color); }
.blog-title a { color: inherit; }
.blog-title a:hover { color: var(--theme-color); }
.as-blog { margin-bottom: 30px; }
.blog-inner-title { font-size: 36px; margin-top: -0.3em; margin-bottom: 30px; }
.blog-author { margin-top: 40px; margin-bottom: 40px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; background-color: var(--smoke-color); }
.blog-author .auhtor-img { min-height: 100%; }
.blog-author .auhtor-img img { height: 100%; object-fit: cover; object-position: center center; }
.blog-author .author-name { font-size: 24px; margin-top: -0.2em; margin-bottom: 6px; }
.blog-author .author-text { margin-bottom: 13px; }
.blog-author .media-body { padding: 35px 40px 30px 40px; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; }
.blog-navigation { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-top: 1px solid var(--smoke-color); border-bottom: 1px solid var(--smoke-color); padding: 30px 0; }
.blog-navigation .nav-text { font-size: 18px; font-family: var(--title-font); color: var(--title-color); display: inline-block; font-weight: 600; }
.blog-navigation .nav-btn { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 25px; }
.blog-navigation .nav-btn.next { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }
.blog-navigation .nav-btn:hover .nav-text { color: var(--theme-color); }
.blog-navigation .blog-btn { font-size: 38px; color: var(--smoke-color); }
.blog-navigation .blog-btn:hover { color: var(--theme-color); }
.blog-img img { width: 100%; }
.blog-single { position: relative; margin-bottom: 60px; }
.blog-single:not(.has-post-thumbnail) { padding: var(--blog-space-y, 60px) var(--blog-space-x, 60px); background-color: var(--smoke-color); }
.blog-single .blog-title { margin-bottom: 13px; font-size: 36px; }
.blog-single .as-btn { margin-top: 13px; }
.blog-single .blog-date { color: var(--body-color); }
.blog-single .blog-date i { color: var(--theme-color); margin: 0 10px 0 0; }
.blog-single .share-links-title { font-size: 20px; color: var(--title-color); font-family: var(--title-font); font-weight: 700; margin: 0 15px 0 0; display: inline-block; }
.blog-single .share-links { margin: 14px 0 0 0; border-top: 1px solid var(--smoke-color); border-bottom: 1px solid var(--smoke-color); padding: 30px 0; }
.blog-single .share-links>.row { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; --bs-gutter-y: 20px; }
.blog-single .share-links .tagcloud { display: inline-block; }
.blog-single .social-links { margin: 0; padding: 0; list-style-type: none; display: inline-block; }
.blog-single .social-links li { display: inline-block; margin-right: 13px; }
.blog-single .social-links li:last-child { margin-right: 0; }
.blog-single .social-links a { line-height: 1; font-size: 16px; color: var(--title-color); text-align: center; display: block; }
.blog-single .social-links a:hover { color: var(--theme-color); }
.blog-single .blog-meta { margin: -0.3em 0 10px 0; }
.blog-single .blog-content { margin: 0 0 0 0; padding: 0; position: relative; }
.blog-single .blog-audio { line-height: 1; }
.blog-single .blog-audio, .blog-single .blog-img { position: relative; margin: 0 0 42px 0; background-color: var(--smoke-color); }
.blog-single .blog-img { background-color: var(--smoke-color); }
.blog-single .blog-img .slick-arrow { --pos-x: 30px; border: none; width: 40px; height: 40px; line-height: 40px; background-color: var(--theme-color); color: var(--title-color); }
.blog-single .blog-img .slick-arrow:hover { background-color: var(--title-color); color: var(--white-color); }
.blog-single .blog-img .play-btn { --icon-size: 60px; --icon-font-size: 20px; position: absolute; left: 50%; top: 50%; margin: calc(var(--icon-size) / -2) 0 0 calc(var(--icon-size) / -2); }
.blog-single:hover .blog-img .slick-arrow { opacity: 1; visibility: visible; }
.blog-details .blog-single { padding: 0; background-color: transparent; margin-bottom: -10px; }

/* Medium Large devices */
@media (max-width:1399px) {
  .blog-single { --blog-space-y: 40px; --blog-space-x: 40px; }
  .blog-single .blog-audio, .blog-single .blog-img { margin: 0 0 30px 0; }
  .blog-single .blog-title { font-size: 30px; }
}

/* Large devices */
@media (max-width:1199px) {
  blockquote { font-size: 16px; padding: 40px 20px 40px 120px; }
  blockquote:before { width: 100px; font-size: 52px; }
  blockquote cite { margin-top: 23px; }
  .blog-single { --blog-space-x: 30px; }
  .blog-inner-title { font-size: 30px; }
}

/* Small devices */
@media (max-width:767px) {
  blockquote { padding: 100px 20px 40px 20px; }
  blockquote:before { height: 60px; width: 100%; font-size: 2.5rem; }
  .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-single { --blog-space-y: 40px; --blog-space-x: 20px; }
  .blog-single .blog-title { font-size: 24px; line-height: 1.6; }
  .blog-single .share-links-title { font-size: 18px; display: block; margin: 0 0 10px 0; }
}

/* Extra small devices */
@media (max-width:575px) {
  .blog-author .media-body { padding: 35px 20px 30px 20px; }
  .blog-navigation .nav-img { width: 50px; }
  .blog-navigation .nav-btn { gap: 8px; }
  .blog-navigation .nav-text { font-size: 14px; }
  .blog-navigation .blog-btn { display: none; }
}

/*------------------- 4.7. Comments  -------------------*/
.as-comment-form { margin-top: var(--blog-space-y, 60px); margin-bottom: 40px; padding: 60px; background-color: var(--smoke-color); position: relative; }
.as-comment-form .row { --bs-gutter-x: 20px; }
.as-comment-form .blog-inner-title { margin-bottom: 0px; }
.as-comment-form .form-title { margin-top: -0.35em; }
.as-comment-form .form-title a#cancel-comment-reply-link { font-size: 0.7em; text-decoration: underline; }
.as-comment-form .form-text { margin-bottom: 25px; }
.as-comment-form select, .as-comment-form .form-control, .as-comment-form .form-select, .as-comment-form textarea, .as-comment-form input { border: 1px solid var(--smoke-color); }
.as-comments-wrap { margin-top: var(--blog-space-y, 60px); margin-bottom: var(--blog-space-y, 40px); }
.as-comments-wrap .description p:last-child { margin-bottom: -0.5em; }
.as-comments-wrap .comment-respond { margin: 30px 0; }
.as-comments-wrap pre { background: #ededed; color: #666; font-size: 14px; margin: 20px 0; overflow: auto; padding: 20px; white-space: pre-wrap; word-wrap: break-word; }
.as-comments-wrap blockquote { background-color: #eaf8f9; }
.as-comments-wrap li { margin: 0; }
.as-comments-wrap .as-post-comment { padding: 0; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 30px; padding-bottom: 30px; position: relative; border-bottom: 1px solid var(--smoke-color); }
.as-comments-wrap ul.comment-list { list-style: none; margin: 0; padding: 0; }
.as-comments-wrap ul.comment-list ul ul, .as-comments-wrap ul.comment-list ul ol, .as-comments-wrap ul.comment-list ol ul, .as-comments-wrap ul.comment-list ol ol { margin-bottom: 0; }
.as-comments-wrap .comment-avater { width: 110px; height: 110px; margin-right: 25px; overflow: hidden; }
.as-comments-wrap .comment-avater img { width: 100%; }
.as-comments-wrap .comment-content { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; margin-top: -6px; position: relative; }
.as-comments-wrap .commented-on { font-size: 14px; display: inline-block; margin-bottom: 8px; font-weight: 400; color: var(--body-color); }
.as-comments-wrap .commented-on i { margin-right: 7px; font-size: 0.9rem; }
.as-comments-wrap .name { margin-bottom: 6px; font-size: 20px; }
.as-comments-wrap .comment-top { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
.as-comments-wrap .text { color: #6b6b6b; margin-bottom: -0.5em; }
.as-comments-wrap .text:last-child { margin-bottom: 0; }
.as-comments-wrap .children { margin: 0; padding: 0; list-style-type: none; margin-left: 80px; }
.as-comments-wrap .reply_and_edit { position: absolute; top: 0; right: 0; }
.as-comments-wrap .reply_and_edit a { margin-right: 10px; }
.as-comments-wrap .reply_and_edit a:last-child { margin-right: 0; }
.as-comments-wrap .reply-btn { font-weight: 600; font-size: 16px; color: var(--theme-color); display: inline-block; }
.as-comments-wrap .reply-btn i { margin-right: 7px; }
.as-comments-wrap .reply-btn:hover { color: var(--title-color); }
.as-comments-wrap .star-rating { font-size: 12px; margin-bottom: 10px; position: absolute; top: 5px; right: 0; width: 80px; }
.as-comments-wrap.as-comment-form { margin: 0; }

/* Large devices */
@media (max-width:1199px) {
  .as-comments-wrap .children { margin-left: 40px; }
  .as-comment-form { padding: 45px 30px; }
}

/* Small devices */
@media (max-width:767px) {
  .as-comments-wrap .as-post-comment { display: block; }
  .as-comments-wrap .star-rating { position: relative; top: 0; right: 0; }
  .as-comments-wrap .comment-top { display: block; }
  .as-comments-wrap .comment-avater { margin-right: 0; margin-bottom: 25px; }
  .as-comments-wrap .children { margin-left: 40px; }
  .as-comments-wrap .children { margin-left: 30px; }
}

/* Extra small devices */
@media (max-width:575px) {
  .as-comment-form { padding: 40px 15px; }
}

/*------------------- 4.8. Hero Area  -------------------*/

/* Hero Global ---------------------------------- */
.as-hero-wrapper { position: relative; }
.as-hero-wrapper .slick-arrow { --icon-size: 60px; --pos-x: 200px; font-size: 16px; z-index: 4; border-radius: 50%; z-index: 5; visibility: visible; opacity: 1; background-color: transparent; border: 2px solid rgba(255, 255, 255, 0.4); color: rgba(255, 255, 255, 0.6); }
.as-hero-wrapper .slick-arrow:hover { background-color: var(--white-color); color: var(--title-color); border-color: var(--white-color); }
.as-hero-wrapper .btn-group { gap: 20px; }
.as-hero-wrapper .text-bg { position: relative; display: inline-block; color: var(--title-color); padding: 0 33px 0 30px; z-index: 2; }
.as-hero-wrapper .text-bg::before { content: '\f107'; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #fff url("../img/bg/pattern_bg_1.png") repeat; z-index: -1; -webkit-transform: skew(-20deg); -ms-transform: skew(-20deg); transform: skew(-20deg); }
.as-hero-wrapper .container { position: relative; z-index: 3; }
.as-hero-slide { position: relative; }
.as-hero-bg { position: absolute; inset: 0; }
.as-hero-bg img { height: 100%; width: 100%; object-fit: cover; }
.scroll-bottom { color: var(--white-color); border: 2px solid; padding: 29px 9px 2px 9px; border-radius: 999px; position: relative; }
.scroll-bottom:before { content: ''; height: 15px; width: 2px; background-color: var(--white-color); position: absolute; top: 10px; left: 15px; border-radius: 10px; -webkit-animation: lineDown 1.5s infinite; animation: lineDown 1.5s infinite; }
.scroll-bottom:hover { color: var(--theme-color); }
.scroll-bottom:hover::before { background-color: var(--theme-color); }
@-webkit-keyframes lineDown {
  0% { -webkit-transform: 0; transform: 0; opacity: 0; }
  30% { opacity: 1; }
  60% { opacity: 1; }
  100% { -webkit-transform: translateY(8px); transform: translateY(8px); opacity: 0; }
}
@keyframes lineDown {
  0% { -webkit-transform: 0; transform: 0; opacity: 0; }
  30% { opacity: 1; }
  60% { opacity: 1; }
  100% { -webkit-transform: translateY(8px); transform: translateY(8px); opacity: 0; }
}

/* Extra large devices */
@media (max-width:1700px) {
  .as-hero-wrapper .slick-arrow { --pos-x: 80px; }
}

/* Medium devices */
@media (max-width:991px) {
  .as-hero-wrapper .btn-group { gap: 15px; }
}

/* Small devices */
@media (max-width:767px) {
  .as-hero-wrapper .as-btn { padding: 17px 26px; }
  .as-hero-wrapper .as-btn.style2 { padding: 15px 24px; }
}

/* Hero 1 ---------------------------------- */
.hero-1 { padding-right: 80px; }
.hero-1 .slick-dots { --dots-bg: #fff; margin: 0; position: absolute; top: 50%; right: 20%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.hero-1 .slick-dots li { display: block; margin: 30px 0; }
.hero-1 .slick-dots button:before { border-color: var(--white-color); }
.hero-1 .slick-dots .slick-active button { background-color: var(--white-color); }
.hero-1 .hero-shape { display: inline-block; height: 350px; width: 80px; position: absolute; top: 0; right: 0; background-color: var(--theme-color); -webkit-clip-path: polygon(100% 0, 100% calc(100% - 100px), calc(100% - 140px) 100%, 0 100%, 0 0); clip-path: polygon(100% 0, 100% calc(100% - 100px), calc(100% - 140px) 100%, 0 100%, 0 0); z-index: -1; }
.hero-1 .scroll-bottom { position: absolute; bottom: 100px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
.hero-slider-1 .as-hero-slide, .hero-slider-4 .as-hero-slide { padding: 100px 0 300px; }
.hero-style1 { max-width: 70%; }
.hero-style1 .hero-subtitle { font-size: 33px; font-weight: 100; display: block; color: var(--white-color);  }
.hero-style1 .hero-title { font-size: 50px; font-weight: 400; line-height: 1.139; color: var(--white-color); margin-bottom: 20px; }

/* Medium Large devices */
@media (max-width:1399px) {
  .hero-1 { padding-right: 40px; }
  .hero-1 .slick-dots { right: 10%; }
  .hero-1 .hero-shape { width: 40px; }
  .hero-slider-1 .as-hero-slide, .hero-slider-4 .as-hero-slide { padding: 190px 0 190px 0; }
  .hero-style1 { padding-left: 20px; }
  .hero-style1 .hero-subtitle { font-size: 32px; }
  .hero-style1 .hero-title { font-size: 64px; }
}

/* Large devices */
@media (max-width:1199px) {
  .hero-1 .scroll-bottom { bottom: 50px; }
  .hero-slider-1 .as-hero-slide, .hero-slider-4 .as-hero-slide { padding: 50px 0 50px 0; }
  .hero-style1 .hero-subtitle { font-size: 28px; }
  .hero-style1 .hero-title { font-size: 56px; }
}

/* Medium devices */
@media (max-width:991px) {
  .hero-1 .scroll-bottom { display: none; }
  .hero-slider-1 .as-hero-slide, .hero-slider-4 .as-hero-slide { padding: 100px 0 100px 0; }
  .hero-style1 .hero-subtitle { font-size: 26px; margin-bottom: 25px; }
  .hero-style1 .hero-title { font-size: 44px; line-height: 1.25; }
  .hero-style1 .hero-title:nth-of-type(2) { margin-bottom: 35px; }
}

/* Small devices */
@media (max-width:767px) {
  .hero-1 { padding-right: 0; }
  .hero-1 .hero-shape { display: none; }
  .hero-style1 { text-align: center; padding-left: 0; }
  .hero-style1 .btn-group { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
}

/* Extra small devices */
@media (max-width:575px) {
  .hero-style1 .hero-subtitle { font-size: 22px; }
  .hero-style1 .hero-title { font-size: 36px; }
}

/* Extra small devices */
@media (max-width:375px) {
  .hero-style1 .hero-subtitle { font-size: 20px; }
  .hero-style1 .hero-title { font-size: 30px; }
}

/* Hero 2 ---------------------------------- */
.hero-2 .icon-box { position: absolute; top: 50%; right: 115px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 60px; }
.hero-2 .icon-box .slick-arrow { --pos-x: 0; border-radius: 0; margin: 5px 0; border: none; background-color: rgba(255, 255, 255, 0.15); }
.hero-2 .icon-box .slick-arrow:hover { background-color: var(--theme-color); color: var(--title-color); }
.hero-2 .icon-box .slick-arrow:first-child { margin-right: 0; }
.hero-slider-2 .as-hero-slide { padding: 210px 0 265px 0; }
.hero-style2 .hero-subtitle { font-size: 18px; font-weight: 500; display: block; color: var(--white-color); margin-bottom: 31px; margin-top: -0.35em; }
.hero-style2 .hero-title { font-size: 60px; font-weight: bold; line-height: 1.167; color: var(--white-color); margin-bottom: 0; }
.hero-style2 .hero-title:last-of-type { margin-bottom: 28px; }
.hero-style2 .hero-text { max-width: 610px; margin-bottom: 43px; }

/* Medium Large devices */
@media (max-width:1399px) {
  .hero-2 .icon-box { right: 40px; }
}

/* Large devices */
@media (max-width:1199px) {
  .hero-slider-2 .as-hero-slide { padding: 150px 0 215px 0; }
}

/* Medium devices */
@media (max-width:991px) {
  .hero-slider-2 .as-hero-slide { padding: 100px 0 165px 0; }
  .hero-style2 .hero-subtitle { font-size: 16px; margin-bottom: 20px; }
  .hero-style2 .hero-title { font-size: 44px; line-height: 1.2; }
  .hero-style2 .hero-title:last-of-type { margin-bottom: 20px; }
  .hero-style2 .hero-text { max-width: 520px; margin-bottom: 36px; }
}

/* Small devices */
@media (max-width:767px) {
  .hero-2 .icon-box { display: none; }
  .hero-style2 { text-align: center; }
  .hero-style2 .btn-group { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
}

/* Extra small devices */
@media (max-width:575px) {
  .hero-slider-2 .as-hero-slide { padding: 90px 0; }
  .hero-style2 .hero-title { font-size: 34px; }
}

/* Extra small devices */
@media (max-width:375px) {
  .hero-style2 .hero-title { font-size: 28px; line-height: 1.3; }
}

/* Hero 3 ---------------------------------- */
.hero-slider-3 .slick-dots, .hero-slider-6 .slick-dots { position: absolute; top: 50%; left: 120px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.hero-slider-3 .slick-dots li, .hero-slider-6 .slick-dots li { display: block; margin: 30px 0; }
.hero-slider-3 .slick-dots button, .hero-slider-6 .slick-dots button { border-radius: 0; }
.hero-slider-3 .slick-dots button:before, .hero-slider-6 .slick-dots button:before { border-radius: 0; }
.hero-slider-3 .as-hero-slide { padding: 365px 0 245px 0; }
.hero-slider-3 .hero-style2 { padding-left: 456px; }
.hero-slider-3 .hero-text { font-weight: 100; font-size: 20px; }

/* Extra large devices */
@media (max-width:1700px) {
  .hero-slider-3 .slick-dots, .hero-slider-6 .slick-dots { left: 35px; }
}

/* Medium Large devices */
@media (max-width:1399px) {
  .hero-slider-3 .as-hero-slide { padding: 315px 0 155px 0; }
}

/* Large devices */
@media (max-width:1199px) {
  .hero-slider-3 .hero-style2 { padding-left: 160px; }
}

/* Medium devices */
@media (max-width:991px) {
  .hero-slider-3 .as-hero-slide { padding: 230px 0 100px 0; }
  .hero-slider-3 .hero-style2 { padding-left: 0; }
  .hero-slider-3 .hero-style2 .hero-text { font-size: 18px; }
}

/* Extra small devices */
@media (max-width:575px) {
  .hero-slider-3 .hero-style2 .hero-text { font-size: 16px; }
}

/* Hero 4 ---------------------------------- */
.hero-slider-4 .as-hero-slide { padding: 230px 0; }
.hero-style4 { position: relative; z-index: 2; text-align: center; }
.hero-style4 .hero-title { color: var(--white-color); font-size: 110px; text-transform: uppercase; line-height: 1; margin-bottom: 25px; }
.hero-style4 .hero-title:first-of-type { font-size: 60px; font-weight: 300; text-transform: capitalize; margin-top: -0.15em; }
.hero-style4 .hero-text { max-width: 635px; margin-left: auto; margin-right: auto; }
.hero-style4 .btn-group { margin-top: 55px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

/* Extra large devices */
@media (max-width:1700px) {
  .hero-style4 .hero-title { font-size: 96px; }
}

/* Medium Large devices */
@media (max-width:1399px) {
  .hero-style4 .hero-title { font-size: 80px; }
  .hero-style4 .hero-title:first-of-type { font-size: 52px; }
}

/* Medium devices */
@media (max-width:991px) {
  .hero-style4 .hero-title { font-size: 64px; }
  .hero-style4 .hero-title:first-of-type { font-size: 44px; }
  .hero-style4 .hero-text { max-width: 560px; }
  .hero-style4 .btn-group { margin-top: 46px; }
}

/* Small devices */
@media (max-width:767px) {
  .hero-style4 .hero-title { font-size: 52px; margin-bottom: 17px; }
  .hero-style4 .hero-title:first-of-type { font-size: 38px; }
  .hero-style4 .hero-text { max-width: 440px; }
  .hero-style4 .btn-group { margin-top: 40px; }
}

/* Extra small devices */
@media (max-width:575px) {
  .hero-style4 .hero-title { font-size: 44px; }
  .hero-style4 .hero-title:first-of-type { font-size: 32px; }
}

/* Extra small devices */
@media (max-width:375px) {
  .hero-style4 .hero-title { font-size: 36px; }
  .hero-style4 .hero-title:first-of-type { font-size: 26px; }
}

/* Hero 5 ---------------------------------- */
.hero-slider-5 .as-hero-slide { padding: 210px 0 355px 0; }
.hero-slider-5 .play-btn { position: absolute; top: 50%; right: 15px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.hero-slider-5 .play-btn>i { --icon-size: 80px; }
.hero-style5 { max-width: 620px; }
.hero-style5 .hero-title { color: var(--white-color); font-size: 72px; line-height: 1.2; margin-top: -0.22em; margin-bottom: 20px; }
.hero-style5 .hero-title:first-of-type { margin-bottom: 10px !important; }
.hero-text { font-size: 18px; color: var(--white-color); margin-bottom: -0.55em; line-height: 1.667; }

/* Medium Large devices */
@media (max-width:1399px) {
  .hero-slider-5 .as-hero-slide { padding: 180px 0 355px 0; }
  .hero-style5 .hero-title { font-size: 62px; }
}

/* Large devices */
@media (max-width:1199px) {
  .hero-slider-5 .as-hero-slide { padding: 140px 0 410px 0; }
  .hero-slider-5 .play-btn { right: 12px; }
  .hero-style5 .hero-title { font-size: 54px; }
}

/* Medium devices */
@media (max-width:991px) {
  .hero-text { font-size: 16px; line-height: 1.556; }
  .hero-style5 { max-width: 560px; }
  .hero-style5 .hero-title { font-size: 46px; }
  .hero-slider-5 .as-hero-slide { padding: 100px 0; }
  .hero-slider-5 .play-btn>i { --icon-size: 60px; }
}

/* Small devices */
@media (max-width:767px) {
  .hero-style5 { text-align: center; }
  .hero-style5 .hero-title { font-size: 40px; }
  .hero-slider-5 .play-btn { position: static; -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); margin-top: 30px; }
}

/* Extra small devices */
@media (max-width:575px) {
  .hero-style5 .hero-title { font-size: 32px; }
}

/* Extra small devices */
@media (max-width:375px) {
  .hero-style5 .hero-title { font-size: 28px; }
}

/* Hero 6 ---------------------------------- */
.hero-slider-6 .as-hero-slide { background-color: var(--title-color); padding: 205px 0 190px 0; position: relative; }
.hero-slider-6 .hero-img { position: absolute; top: 0; right: 0; height: 100%; width: 48%; }
.hero-slider-6 .hero-img img { width: 100%; height: 100%; object-fit: cover; }
.hero-slider-6 .hero-shape { position: absolute; top: 0; left: 0; z-index: -1; }
.hero-style6 { position: relative; z-index: 2; }
.hero-style6 .hero-title { color: var(--white-color); font-size: 60px; text-transform: capitalize; line-height: 1.2; margin-bottom: 25px; }
.hero-style6 .hero-title:first-of-type { margin-bottom: 0 !important; }
.hero-style6 .hero-text { max-width: 550px; font-size: 20px; font-weight: 300; line-height: 30px; margin-bottom: -0.4em; }
.hero-style6 .video-btn { margin-bottom: 40px; }
.hero-style6 .btn-group { margin-top: 40px; }

/* Medium Large devices */
@media (max-width:1399px) {
  .hero-slider-6 .as-hero-slide { padding: 170px 0 160px 0; }
  .hero-style6 .hero-title { font-size: 52px; }
}

/* Large devices */
@media (max-width:1199px) {
  .hero-slider-6 .as-hero-slide { padding: 140px 0 150px 0; }
  .hero-style6 .hero-title { font-size: 44px; }
  .hero-style6 .hero-text { font-size: 18px; }
}

/* Medium devices */
@media (max-width:991px) {
  .hero-style6 .hero-title { font-size: 40px; }
  .hero-slider-6 .as-hero-slide { padding: 100px 0; }
  .hero-slider-6 .hero-img { position: relative; width: 100%; top: -100px; }
  .hero-slider-6 .hero-shape { bottom: 0; right: 0; -webkit-transform: rotate(180deg) !important; -ms-transform: rotate(180deg) !important; transform: rotate(180deg) !important; --animation-name: slidebottomright; }
}

/* Small devices */
@media (max-width:767px) {
  .hero-style6 { text-align: center; }
  .hero-style6 .hero-title { font-size: 34px; }
  .hero-style6 .btn-group { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
}

/* Extra small devices */
@media (max-width:575px) {
  .hero-style6 .hero-title { font-size: 30px; }
  .hero-style6 .hero-text { font-size: 16px; max-width: 360px; margin-left: auto; margin-right: auto; }
}

/* Extra small devices */
@media (max-width:375px) {
  .hero-style6 .hero-title { font-size: 28px; }
}

/*------------------- 4.9. Error  -------------------*/
.error-number { font-size: 274px; font-weight: 700; line-height: 1; margin-bottom: 35px; }
.error-title { font-size: 26px; margin-bottom: 3px; }
.error-text { font-size: 20px; }

/*------------------- 4.00. Popup Search  -------------------*/
.popup-search-box { position: fixed; top: 0; left: 50%; background-color: rgba(0, 0, 0, 0.95); height: 0; width: 0; overflow: hidden; z-index: 99999; opacity: 0; visibility: hidden; border-radius: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: all ease 0.4s; transition: all ease 0.4s; }
.popup-search-box button.searchClose { width: 60px; height: 60px; position: absolute; top: 40px; right: 40px; border-width: 1px; border-style: solid; border-color: var(--theme-color); background-color: transparent; color: var(--theme-color); font-size: 22px; border-radius: 50%; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transition: all ease 0.4s; transition: all ease 0.4s; }
.popup-search-box button.searchClose:hover { color: var(--body-color); background-color: var(--theme-color); color: var(--title-color); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }
.popup-search-box form { position: absolute; top: 50%; left: 50%; display: inline-block; padding-bottom: 40px; cursor: auto; width: 100%; max-width: 700px; -webkit-transform: translate(-50%, -50%) scale(0); -ms-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0); -webkit-transition: -webkit-transform ease 0.4s; transition: -webkit-transform ease 0.4s; transition: transform ease 0.4s; transition: transform ease 0.4s, -webkit-transform ease 0.4s;  /* Large devices */ }
@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); }

/*------------------- 4.00. Popup Side Menu  -------------------*/
.sidemenu-wrapper { position: fixed; z-index: 99999; right: 0; top: 0; height: 100%; width: 0; background-color: rgba(0, 0, 0, 0.75); opacity: 0; visibility: hidden; -webkit-transition: all ease 0.8s; transition: all ease 0.8s; }
.sidemenu-wrapper .closeButton { display: inline-block; border: 2px solid var(--theme-color); color: var(--title-color); width: 50px; height: 50px; line-height: 48px; font-size: 20px; padding: 0; position: absolute; top: 20px; right: 20px; background-color: var(--white-color); border-radius: 50%; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transition: all ease 0.4s; transition: all ease 0.4s; }
.sidemenu-wrapper .closeButton:hover { color: var(--white-color); background-color: var(--theme-color); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }
.sidemenu-wrapper .sidemenu-content { background-color: var(--white-color); width: 400px; margin-left: auto; padding: 80px 50px; height: 100%; overflow: scroll; 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; }

/*------------------- 4.00. Shape  -------------------*/
.position-relative { z-index: 1; }
.body-shape1 { position: absolute; left: 0; bottom: var(--section-space); z-index: -1; }

/* Extra large devices */
@media (max-width:1700px) {
  .body-shape1 { bottom: 30%; }
}

/* Medium Large devices */
@media (max-width:1399px) {
  .body-shape1 { bottom: 0; max-width: 220px; }
}

/*------------------- 4.00. Service  -------------------*/

/* Service 1 ---------------------------------- */
.service-grid { background-color: var(--smoke-color); position: relative; }
.service-grid_img { position: relative; overflow: hidden; z-index: 2; }
.service-grid_img img { width: 100%; -webkit-transition: 0.4s ease; transition: 0.4s ease; }
.service-grid_content { background-color: var(--white-color); padding: 40px; }
.service-grid_text { margin-bottom: 21px; }
.service-grid_title { font-size: 24px; text-transform: uppercase; margin-top: -0.3em; margin-bottom: 14px; }
.service-grid_title a { color: inherit; }
.service-grid_title a:hover { color: var(--theme-color); }
.service-grid:hover .service-grid_img img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

/* Medium devices */
@media (max-width:991px) {
  .service-grid_title { font-size: 22px; }
}

/* Extra small devices */
@media (max-width:375px) {
  .service-grid_content { padding: 40px 20px; }
}

/* Service 2 ---------------------------------- */
.service-card { position: relative; overflow: hidden; z-index: 2; }
.service-card:after { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; background-image: -webkit-linear-gradient(top, rgba(27, 27, 27, 0) 0%, rgba(27, 27, 27, 0.5155) 20.53%, rgba(27, 27, 27, 0.7215) 34.47%, #1B1B1B 91.05%); background-image: linear-gradient(180deg, rgba(27, 27, 27, 0) 0%, rgba(27, 27, 27, 0.5155) 20.53%, rgba(27, 27, 27, 0.7215) 34.47%, #1B1B1B 91.05%); }
.service-card_content { position: relative; padding: 40px; z-index: 3; }
.service-card_content:before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; background-color: var(--white-color); -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; }
.service-card_icon { width: 80px; height: 80px; line-height: 80px; background-color: var(--theme-color); color: var(--white-color); font-size: 32px; text-align: center; margin-bottom: 28px; }
.service-card_subtitle { font-size: 14px; text-transform: uppercase; display: block; margin-bottom: 11px; }
.service-card_title { font-size: 20px; font-weight: 600; text-transform: uppercase; margin-top: -0.42em; margin-bottom: 15px; }
.service-card_title a { color: inherit; }
.service-card_title a:hover { color: var(--theme-color); }
.service-card_text { margin-bottom: 20px; }
.service-card .as-btn { background-color: transparent; border: 1px solid #efefef; color: var(--title-color); padding: 16px 25px; }
.service-card .as-btn:before { background-color: var(--theme-color); }
.service-card .as-btn:hover { border-color: var(--theme-color) !important; color: var(--white-color); }
.service-card:hover .service-card_title { color: var(--white-color); }
.service-card:hover .service-card_content:before { height: 0; }
.service-card:hover .as-btn { color: var(--white-color); border-color: var(--white-color); }

/* Medium devices */
@media (max-width:991px) {
  .service-card_content { padding: 40px 20px; }
}

/* Small devices */
@media (max-width:767px) {
  .service-card_content { padding: 50px; }
}

/* Extra small devices */
@media (max-width:575px) {
  .service-card_content { padding: 40px; }
}

/* Extra small devices */
@media (max-width:375px) {
  .service-card_content { padding: 40px 20px; }
}

/* Service 3 ---------------------------------- */
.service-box { --space: 30px; position: relative; text-align: center; }
.service-box_img { overflow: hidden; box-shadow: 0px 10px 30px rgba(1, 19, 60, 0.05); }
.service-box_img img { width: 100%; -webkit-transition: 0.4s ease; transition: 0.4s ease; }
.service-box_icon { width: var(--icon-size, 100px); height: var(--icon-size, 100px); line-height: var(--icon-size, 100px); font-size: 36px; background-color: var(--theme-color); color: var(--title-color); text-align: center; border-radius: 50%; margin: 0 auto -21px auto; -webkit-transform: translateY(-50px); -ms-transform: translateY(-50px); transform: translateY(-50px); }
.service-box_content { background-color: var(--white-color); width: calc(100% - var(--space)*2); -webkit-transition: 0.4s ease; transition: 0.4s ease; margin-left: var(--space); margin-top: -50px; position: relative; z-index: 2; height: 135px; }
.service-box_title { font-size: 22px; text-transform: uppercase; margin-bottom: 10px; font-weight: 600; }
.service-box_title a { color: inherit; }
.service-box_title a:hover { color: var(--theme-color); }
.service-box_text { max-width: 250px; margin: 0 auto 0 auto; height: 0; visibility: hidden; opacity: 0; -webkit-transition: 0.4s ease; transition: 0.4s ease; -webkit-transform: translateY(40px); -ms-transform: translateY(40px); transform: translateY(40px); }
.service-box .as-btn { width: calc(100% - var(--space)*2); margin-left: auto; margin-right: auto; }
.service-box:hover .service-box_content { margin-top: -115px; height: 200px; background-color: var(--title-color); }
.service-box:hover .service-box_title { color: var(--white-color); }
.service-box:hover .service-box_text { visibility: visible; opacity: 1; height: auto; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
.service-box:hover .service-box_img img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

/* Large devices */
@media (max-width:1199px) {
  .service-box { --space: 15px; }
}

/* Small devices */
@media (max-width:767px) {
  .service-box { --space: 30px; }
}

/* Extra small devices */
@media (max-width:375px) {
  .service-box { --space: 15px; }
}

/* Service Details ---------------------------------- */
.service-feature { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; box-shadow: 0px 8px 30px rgba(106, 106, 106, 0.1); background-color: var(--white-color); padding: 30px; gap: 20px; }
.service-feature-wrap { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; }
.service-feature_icon { min-width: 50px; }
.service-feature_icon img { -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; }
.service-feature_title { font-size: 20px; text-transform: uppercase; font-weight: 600; margin-bottom: 6px; margin-top: -0.36em; }
.service-feature_text { margin-bottom: -0.5em; }
.service-feature:hover .service-feature_icon img { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); }

/* Large devices */
@media (max-width:1199px) {
  .service-feature { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .service-feature-wrap { gap: 24px; }
}

/* Small devices */
@media (max-width:767px) {
  .service-feature { text-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
}

/* Extra small devices */
@media (max-width:575px) {
  .service-feature-wrap { grid-template-columns: repeat(1, 1fr); gap: 30px; }
}
.service-process { border: 1px solid #EEEEEE; background-color: var(--white-color); padding: 40px 20px; text-align: center; box-shadow: 0px 6px 39px rgba(0, 0, 0, 0.04); }
.service-process-wrap { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
.service-process_num { font-family: var(--title-font); font-size: 20px; font-weight: bold; color: var(--title-color); display: block; text-align: center; width: 60px; height: 60px; line-height: 60px; border: 15px solid #FFF9E8; box-sizing: content-box; background-color: var(--theme-color); border-radius: 50%; margin: 0 auto 25px auto; }
.service-process_title { font-size: 16px; margin-bottom: 6px; margin-top: -0.36em; text-transform: uppercase; }
.service-process_text { max-width: 250px; margin: 0 auto -0.5em auto; }

/* Large devices */
@media (max-width:1199px) {
  .service-process-wrap { gap: 24px; }
}

/* Small devices */
@media (max-width:767px) {
  .service-process-wrap { grid-template-columns: repeat(1, 1fr); gap: 30px; }
}

/*------------------- 4.00. Booking  -------------------*/

/* Booking 1 ---------------------------------- */
.booking-sec { margin-top: -55px; position: relative; z-index: 3; }
.booking-sec:before { content: ""; width: 100%; height: 100%; background-color: var(--smoke-color); position: absolute; top: 55px; left: 0; right: 0; z-index: -1; }
.booking-form .as-btn { width: 100%; }
.booking-form .row { --bs-gutter-x: 20px; }
.booking-form .input-wrap { background-color: var(--white-color); padding: 40px 40px 20px 40px; box-shadow: 0px 12px 25px rgba(1, 19, 60, 0.02); }
.booking-select-class { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.booking-select-class .class-name:last-child input[type='\f054']~label::before { width: 100% !important; }
.booking-select-class .class-name:last-child input[type='\f10e']~label:after { display: none; }
.booking-select-class input[type='']~label { background-color: var(--title-color); color: var(--white-color); font-weight: 500; text-transform: uppercase; z-index: 2; padding: 19.5px 28px; margin-top: 0; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
.booking-select-class input[type=""]~label::before { top: 0; left: 0; border-radius: 0; border: none; height: 100%; width: 100%; background-color: var(--white-color); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: scale(1, 0); -ms-transform: scale(1, 0); transform: scale(1, 0); z-index: -1; -webkit-transition: 0.4s ease; transition: 0.4s ease; }
.booking-select-class input[type=""]~label:after { content: ""; position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background-color: #313131; height: 28px; width: 1px; -webkit-transition: 0.4s ease; transition: 0.4s ease; }
.booking-select-class input[type=""]:checked~label { color: var(--title-color); }
.booking-select-class input[type=""]:checked~label:before { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.booking-select-class input[type="radio"]:checked~label:after { background-color: var(--white-color); }

/* Medium devices */
@media (max-width:991px) {
  .booking-form .input-wrap { box-shadow: 0px 12px 25px rgba(1, 19, 60, 0.06); }
  .booking-select-class input[type="radio"]~label { padding: 19.5px 23px; }
}

/* Small devices */
@media (max-width:767px) {
  .booking-select-class input[type="radio"]~label { padding: 20.5px 12px; font-size: 14px; }
}

/* Extra small devices */
@media (max-width:575px) {
  .booking-sec { margin-top: 0; padding-top: var(--section-space-mobile); }
  .booking-sec:before { top: 0; }
  .booking-select-class { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .booking-select-class input[type="radio"]~label { padding: 20.5px 20px; }
  .booking-form .input-wrap { padding: 40px 20px 40px 20px; }
}

/* Booking 2 ---------------------------------- */
.booking-form.style2 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 40px; }
.booking-form.style2 .row { --bs-gutter-x: 20px; }
.booking-form.style2 .input-box { margin-bottom: -20px; }
.booking-form.style2 select, .booking-form.style2 .form-control, .booking-form.style2 .form-select, .booking-form.style2 textarea, .booking-form.style2 input { height: 60px; padding-right: 25px; }
.booking-form.style2 .as-btn { height: 60px; padding: 19.5px 15px; }
.booking-form.style2 .booking-select-class { padding: 25px 0; background-color: var(--title-color); -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; }
.booking-form.style2 .booking-select-class input[type="radio"]~label { display: block; padding: 13px 33px; background-color: transparent; }
.booking-form.style2 .booking-select-class input[type=""]~label::before, .booking-form.style2 .booking-select-class input[type="radio"]~label::after { display: none; }
.booking-form.style2 .booking-select-class input[type="radio"]:checked~label { color: var(--theme-color); }
.car-img1 { margin-top: -86px; }
.car-img1 img { padding-left: 30px; max-width: -webkit-max-content; max-width: -moz-max-content; max-width: max-content; }

/* Medium Large devices */
@media (max-width:1399px) {
  .car-img1 img { padding-left: 0px; }
}

/* Large devices */
@media (max-width:1199px) {
  .car-img1 { margin-top: 0; margin-bottom: 20px; text-align: center; }
  .car-img1 img { max-width: 100%; }
}

/* Small devices */
@media (max-width:767px) {
  .booking-form.style2 { gap: 20px; }
  .booking-form.style2 .booking-select-class input[type="radio"]~label { padding: 13px 15px; }
}

/* Extra small devices */
@media (max-width:575px) {
  .booking-form.style2 { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 5px; }
  .booking-form.style2 .booking-select-class { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; padding: 15px 5px; margin-bottom: 15px; }
  .booking-form.style2 .booking-select-class input[type="radio"]~label { padding: 10px 12px; font-size: 14px; }
  .booking-form.style2 .input-box { margin-bottom: 0; }
}

/* Booking 3 ---------------------------------- */
.booking-form3 { background-color: var(--smoke-color); padding: 50px; margin-left: 15px; }
.booking-form3 .row { --bs-gutter-x: 20px; }
.booking-form3 .as-btn { width: 100%; }
.booking-form3 select, .booking-form3 .form-control, .booking-form3 .form-select, .booking-form3 textarea, .booking-form3 input { height: 60px; border: 1px solid #ececec; }

/* Large devices */
@media (max-width:1199px) {
  .booking-form3 { padding: 50px 30px; margin-left: 0; }
}

/* Extra small devices */
@media (max-width:375px) {
  .booking-form3 { padding: 40px 20px; }
}

/* Booking 4 ---------------------------------- */
.booking-form4 { padding: 60px; background-color: var(--white-color); border: 1px solid var(--border-color); box-shadow: 0px 13px 25px rgba(0, 0, 0, 0.05); }
.booking-form4 .row { --bs-gutter-x: 20px; }
.booking-form4 .as-btn { width: 100%; }

/* Medium devices */
@media (max-width:991px) {
  .booking-form4 { padding: 40px 20px; }
}

/*------------------- 4.00. Contact  -------------------*/

/* Contact Info ---------------------------------- */
.contact-info-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
.style3.info-card { border-right: 1px solid #2E3341; gap: 15px; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 55px 0; }
.style3.info-card:first-child { border-left: 1px solid #2E3341; }
.style3 .info-card_icon i { width: 45px; height: 45px; line-height: 45px; font-size: 16px; }
.style3 .info-card_text { margin-bottom: 0px; color: #c0a87c; }
.style3 .info-card_text span {font-weight: 500; }

.style3 .info-card_link { font-size: 20px; color: var(--white-color); }
.style3 .info-card_link:hover { color: var(--theme-color); }

/* Medium devices */
@media (max-width:991px) {
  .contact-info-wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
  .style3.info-card { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; border-right: none; border-bottom: 1px solid #2E3341; width: 100%; max-width: 280px; margin: 0 auto; padding: 30px 0; }
  .style3.info-card:first-child { border-left: none; }
  .style3.info-card:last-child { border-bottom: none; }
}
.contact-card { display: grid; grid-template-columns: repeat(3, 1fr); background-repeat: repeat; background-size: auto; background-color: var(--title-color); }
.contact-card .info-card { padding: 35px 0; border: none !important; margin: 0 22px }
.contact-card .info-card.active { background-color: var(--theme-color); -webkit-clip-path: polygon(calc(100% - 50px) 0%, 100% 50%, calc(100% - 50px) 100%, 0% 100%, 50px 50%, 0% 0%); clip-path: polygon(calc(100% - 50px) 0%, 100% 50%, calc(100% - 50px) 100%, 0% 100%, 50px 50%, 0% 0%); }
.contact-card .info-card.active .info-card_icon i { background-color: #000; color: #fff; }
.contact-card .info-card.active .info-card_text, .contact-card .info-card.active .info-card_link { color: var(--title-color) !important; }

/* Large devices */
@media (max-width:1199px) {
  .contact-card .info-card.active { -webkit-clip-path: polygon(calc(100% - 25px) 0%, 100% 50%, calc(100% - 25px) 100%, 0% 100%, 25px 50%, 0% 0%); clip-path: polygon(calc(100% - 25px) 0%, 100% 50%, calc(100% - 25px) 100%, 0% 100%, 25px 50%, 0% 0%); }
}

/* Medium devices */
@media (max-width:991px) {
  .contact-card { grid-template-columns: repeat(1, 1fr); }
  .contact-card .info-card { padding: 20px 0; }
  .contact-card .info-card.active { -webkit-clip-path: polygon(calc(100% - 25px) 0%, 100% 50%, calc(100% - 25px) 100%, 0% 100%, 0 50%, 0% 0%); clip-path: polygon(calc(100% - 25px) 0%, 100% 50%, calc(100% - 25px) 100%, 0% 100%, 0 50%, 0% 0%); }
}

/* Contact Details ---------------------------------- */
.contact-box { border: 1px solid var(--border-color); }
.contact-box_img { margin: -1px; }
.contact-box_img img { width: 100%; }
.contact-box_icon i { font-size: 48px; color: var(--theme-color); }
.contact-box_text { margin-top: -0.08em; margin-bottom: 2px; }
.contact-box_text { text-transform: uppercase; color: var(--theme-color); font-size: 14px; font-weight: 500; }
.contact-box_link { font-size: 20px; font-weight: 600; margin-bottom: -0.1em; }
.contact-box_link a { color: inherit; }
.contact-box_link a:hover { color: var(--theme-color); }
.contact-box_content { padding: 40px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 15px 20px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.contact-form .form-group>i { color: var(--theme-color); }
.map-sec { line-height: 1px; }
.map-sec iframe { aspect-ratio: 16 / 4.6; -webkit-filter: grayscale(1); filter: grayscale(1); }

/* Medium Large devices */
@media (max-width:1399px) {
  .contact-box_content { gap: 15px; padding: 25px 15px; }
}

/* Large devices */
@media (max-width:1199px) {
  .contact-box_text { font-size: 13px; }
  .contact-box_link { font-size: 18px; }
}

/* Medium devices */
@media (max-width:991px) {
  .map-sec iframe { aspect-ratio: 16 / 6; }
}

/* Small devices */
@media (max-width:767px) {
  .contact-box_content { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
  .map-sec iframe { height: 220px; }
}

/*------------------- 4.00. About  -------------------*/

/* About 1 ---------------------------------- */
.img-box1 { position: relative; }
.img-box1 .img1 img { width: 100%; }
.img-box1 .img2 { position: absolute; left: -25%; top: 65%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); border: 2px solid var(--white-color); -webkit-filter: drop-shadow(0px 8px 31px rgba(0, 0, 0, 0.15)); filter: drop-shadow(0px 8px 31px rgba(0, 0, 0, 0.15)); }
.img-box1 .info-card { background-color: var(--title-color); position: relative; bottom: 24px; right: -53%; padding: 40px; max-width: 70%;  border: 1px solid #c0a87c; }
.img-box1 .info-card_icon i { background-color: var(--white-color); }
.info-card { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 20px; }
.info-card_icon { color:#fff; }
.info-card_icon i { width: 60px; height: 60px; line-height: 60px; background-color: var(--theme-color); color: inherit; font-size: 18px; text-align: center; border-radius: 50%; }
.info-card_text { margin-bottom: 5px; }
.info-card_link { font-size: 24px; font-weight: 600; }
.info-card_link:hover { color: var(--theme-color) !important; }
.journey-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-bottom: 27px; margin-bottom: 30px; gap: 20px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; border-bottom: 1px solid #ECECEC; }
.journey-box .journey-title { font-size: 16px; font-weight: 600; text-transform: uppercase; margin-bottom: 10px; }
.journey-box .journey-year { font-size: 80px; font-weight: bold; display: block; color: var(--theme-color); line-height: 1; letter-spacing: -0.06em; }

/* Medium Large devices */
@media (max-width:1399px) {
  .img-box1 .img2 { left: -30px; }
}

/* Large devices */
@media (max-width:1199px) {
  .journey-wrap { gap: 20px 100px; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; }
}

/* Small devices */
@media (max-width:767px) {
  .journey-wrap { gap: 20px 20px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
}

/* Extra small devices */
@media (max-width:575px) {
  .img-box1 .img2 { left: -12px; max-width: 60%; }
  .img-box1 .info-card { right: 0; padding: 20px; }
}

/* About 2 ---------------------------------- */
.img-box2 { position: relative; }
.img-box2 .img2 { margin-top: -37%; text-align: right; }
.img-box2 .img2 img { border: 8px solid var(--white-color); border-right: none; border-bottom: none; }
.img-box2 .play-btn { position: absolute; top: 15.4%; right: 12%; }
.about-quote { border: 1px solid var(--border-color); box-shadow: 0px 15px 26px rgba(0, 0, 0, 0.05); background-color: var(--white-color); padding: 27px 35px; margin-bottom: 30px; }
.about-quote .text { margin-bottom: 10px; }
.about-quote .name { font-size: 18px; font-weight: 600; color: var(--title-color); font-style: normal; margin-right: 8px; }
.about-quote .desig { font-size: 14px; font-weight: 500; color: var(--theme-color); position: relative; display: inline-block; }
.about-quote .desig:before { content: "radio"; width: 5px; height: 5px; display: inline-block; background-color: var(--theme-color); border-radius: 50%; position: relative; top: -3px; margin-right: 10px; }
.info-card.style2 { margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #EDEDED; }

/* Small devices */
@media (max-width:767px) {
  .about-quote { padding: 27px 20px; }
}

/* About 3 ---------------------------------- */
.img-box3 { position: relative; padding-right: 16px; }
.img-box3 .img1 { text-align: right; }
.img-box3 .img2 { position: absolute; left: 30px; top: 40px; -webkit-animation: jumpAni 7s linear infinite; animation: jumpAni 7s linear infinite; }
.img-box3 .img3 { border: 10px solid var(--white-color); position: absolute; left: -10px; bottom: 30px; -webkit-animation: jumpReverseAni 7s linear infinite; animation: jumpReverseAni 7s linear infinite; }
.as-experience { max-width: 120px; box-shadow: 0px 13px 25px rgba(0, 0, 0, 0.05); border: 1px solid var(--border-color); text-align: center; padding: 20px 5px 24px 5px; }
.as-experience .experience-year { font-size: 36px; margin-bottom: 7px; color: var(--theme-color); }
.as-experience .experience-text { margin-bottom: 0; line-height: 1.4; }
.experience-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 20px 30px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;  margin-bottom: 40px; padding-bottom: 40px; }
.dots-list ul { margin-bottom: 0; list-style: none; padding-left: 0; }
.dots-list li { padding-left: 17px; position: relative; }
.dots-list li:not(:last-child) { margin-bottom: 11px; }
.dots-list li::before { content: ""; width: 7px; height: 7px; background-color: var(--theme-color); display: inline-block; position: absolute; left: 0; top: 9px; border-radius: 50%; margin-right: 10px; }

/* Large devices */
@media (max-width:1199px) {
  .img-box3 { padding-right: 0; }
  .img-box3 .img1 img { width: 70%; }
  .img-box3 .img2 { width: 40%; }
  .img-box3 .img2 img { width: 100%; }
  .img-box3 .img3 { width: 45%; }
  .img-box3 .img3 img { width: 100%; }
}

/* Small devices */
@media (max-width:767px) {
  .experience-list { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding-bottom: 23px; margin-bottom: 30px; }
  .as-experience { display: block; width: 100%; max-width: 100%; }
}

/* About 4 ---------------------------------- */
.img-box4 { padding-right: 15px; }
.img-box4 .img2 { text-align: right; margin-top: -7.2%;  }

/* Large devices */
@media (max-width:1199px) {
  .img-box4 { padding-right: 0; }
  .img-box4 .img1 { width: 70%; }
  .img-box4 .img3 { width: 70%; }
  .img-box4 .img1 img { width: 100%; }
  .img-box4 .img2 { width: 48%; margin-left: auto; }
  .img-box4 .img2 img { width: 100%; }
}

/*------------------- 4.00. Team  -------------------*/

/* Team 1 ---------------------------------- */
.team-card { --space: 60px; text-align: center; }
.team-card .team-img { max-width: calc(100% - var(--space)*2); margin: 0 auto; overflow: hidden; position: relative; z-index: 3; }
.team-card .team-img img { width: 100%; -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; }
.team-card .team-title { font-size: 22px; margin-bottom: 3px; margin-top: -0.3em; font-weight: 600; text-transform: uppercase; }
.team-card .team-title a { color: inherit; }
.team-card .team-title a:hover { color: var(--theme-color); }
.team-card .team-desig { color: var(--theme-color); display: block; margin-bottom: 15px; }
.team-card .team-content { padding: 187px var(--space) 30px var(--space); -webkit-filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.04)); filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.04)); margin-top: -157px; position: relative; z-index: 2; }
.team-card .team-content:before, .team-card .team-content:after { content: "radio"; height: 100%; width: 100%; background-color: #e7e7e7; position: absolute; top: 0; left: 0; -webkit-clip-path: polygon(35% 31%, 100% 0, 100% 100%, 0 100%, 0 0); clip-path: polygon(35% 31%, 100% 0, 100% 100%, 0 100%, 0 0); z-index: -2; }
.team-card .team-content:before { background-color: var(--white-color); height: calc(100% - 2px); width: calc(100% - 2px); top: 1px; left: 1px; z-index: -1; }
.team-card .as-social a { background-color: var(--white-color); box-shadow: 0px 7px 15px rgba(0, 0, 0, 0.07); color: var(--title-color); line-height: 42px; }
.team-card .as-social a:hover { background-color: var(--theme-color); }
.team-card:hover .team-img img { -webkit-transform: scale(1.08); -ms-transform: scale(1.08); transform: scale(1.08); }

/* Large devices */
@media (max-width:1199px) {
  .team-card { --space: 30px; }
}

/* Small devices */
@media (max-width:767px) {
  .team-card { --space: 20px; }
}

/* Extra small devices */
@media (max-width:575px) {
  .team-card { --space: 60px; }
}

/* Extra small devices */
@media (max-width:375px) {
  .team-card { --space: 25px; }
}

/* Team 2 ---------------------------------- */
.team-box { --space: 30px; }
.team-box .team-img { position: relative; overflow: hidden; }
.team-box .team-img img { width: 100%; -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; }
.team-box .team-content { background-color: var(--white-color); position: absolute; bottom: 0; left: var(--space); width: calc(100% - var(--space)*2); text-align: center; padding: 30px 15px 30px 15px; }
.team-box .team-title { font-size: 22px; margin-bottom: 0; margin-top: -0.3em; font-weight: 600; text-transform: uppercase; }
.team-box .team-title a { color: inherit; }
.team-box .team-title a:hover { color: var(--theme-color); }
.team-box .team-desig { color: var(--theme-color); display: block; font-family: var(--title-font); margin-bottom: -0.5em; }
.team-box .as-social { background-color: var(--white-color); border-top: 1px solid #F0F0F0; box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.05); padding: 30px 15px 30px 15px; text-align: center; width: calc(100% - var(--space)*2); margin-left: var(--space); position: relative; z-index: 2; }
.team-box .as-social a { border-radius: 50%; color: var(--title-color); }
.team-box:hover .team-img img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

/* Large devices */
@media (max-width:1199px) {
  .team-box { --space: 20px; }
}

/* Small devices */
@media (max-width:767px) {
  .team-box { --space: 30px; }
}

/* Extra small devices */
@media (max-width:375px) {
  .team-box { --space: 15px; }
}

/* Team Featured ---------------------------------- */
.team-featured { padding-left: 30px; }
.team-featured_desig { display: block; margin-top: -0.4em; margin-bottom: 7px; }
.team-featured_title { font-size: 30px; margin-bottom: 25px; text-transform: uppercase; }
.team-featured_phone { font-size: 18px; font-weight: 500; color: var(--title-color); background-color: var(--theme-color); padding: 12px 45px 12px 120px; margin-bottom: 22px; display: inline-block; border-radius: 0 20px 20px 0; -webkit-transform: translateX(-120px); -ms-transform: translateX(-120px); transform: translateX(-120px); -webkit-clip-path: polygon(20px 0%, 100% 0, 100% 100%, 0% 100%); clip-path: polygon(20px 0%, 100% 0, 100% 100%, 0% 100%); }
.team-featured_text:last-of-type { margin-bottom: -0.5em; }

/* Medium Large devices */
@media (max-width:1399px) {
  .team-featured { padding-left: 0; }
  .team-featured_phone { padding: 10px 35px 10px 35px; -webkit-clip-path: polygon(15px 0%, 100% 0, 100% 100%, 0% 100%); clip-path: polygon(15px 0%, 100% 0, 100% 100%, 0% 100%); -webkit-transform: translateX(-35px); -ms-transform: translateX(-35px); transform: translateX(-35px); }
}

/* Medium devices */
@media (max-width:991px) {
  .team-featured_phone { padding: 10px 35px 10px 35px; -webkit-clip-path: polygon(15px 0%, 100% 0, 100% 100%, 0% 100%); clip-path: polygon(15px 0%, 100% 0, 100% 100%, 0% 100%); -webkit-transform: translateX(-35px); -ms-transform: translateX(-35px); transform: translateX(-35px); }
}

/* Small devices */
@media (max-width:767px) {
  .team-featured { text-align: center; }
  .team-featured_phone { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
}

/* Team Details ---------------------------------- */
.team-about_title { font-size: 30px; text-transform: uppercase; margin-bottom: 5px; margin-top: -0.2em; }
.team-about_desig { font-family: var(--title-font); color: var(--theme-color); margin-bottom: 30px; }
.team-about_text { margin-bottom: 30px; }
.about-info { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 20px; }
.about-info-wrap { display: grid; grid-template-columns: repeat(2, 1fr); max-width: 600px; gap: 20px; margin-bottom: 40px; }
.about-info_icon i { width: 50px; height: 50px; line-height: 50px; color: var(--theme-color); border: 1px solid var(--border-color); border-radius: 50%; text-align: center; }
.about-info_subtitle { margin-bottom: 0; }
.about-info_title { font-family: var(--body-font); font-size: 18px; margin-bottom: 0; }
.about-info_title a { color: inherit; }
.about-info_title a:hover { color: var(--theme-color); }
.border-title { text-transform: uppercase; border-bottom: 1px solid var(--border-color); margin-bottom: 30px; padding-bottom: 20px; }
.experience-box { padding: 34px 30px 34px 65px; border: 1px solid #F1F1F1; overflow: hidden; position: relative; margin-bottom: -1px; margin-right: -1px; }
.experience-box-wrap { display: grid; grid-template-columns: repeat(2, 1fr); box-shadow: 0px 13px 21px rgba(0, 0, 0, 0.03); }
.experience-box_num { font-size: 12px; width: 60px; height: 60px; line-height: 65px; background-color: var(--theme-color); color: var(--white-color); border-radius: 50%; text-align: center; position: absolute; top: -13px; left: -13px; }
.experience-box_num::first-letter { font-size: 18px; font-weight: bold; }
.experience-box_title { text-transform: uppercase; font-size: 16px; font-weight: 600; margin-bottom: 4px; margin-top: -0.2em; }
.experience-box_text { font-size: 14px; margin-bottom: -0.44em; }

/* Large devices */
@media (max-width:1199px) {
  .team-about_desig { margin-bottom: 20px; }
  .team-about_text { margin-bottom: 25px; }
  .about-info-wrap { margin-bottom: 30px; }
  .border-title { margin-bottom: 24px; padding-bottom: 15px; }
}

/* Small devices */
@media (max-width:767px) {
  .experience-box { padding: 30px 30px 30px 50px; }
}

/* Extra small devices */
@media (max-width:575px) {
  .about-info-wrap { grid-template-columns: repeat(1, 1fr); }
  .experience-box { padding: 30px 30px 30px 65px; }
  .experience-box-wrap { grid-template-columns: repeat(1, 1fr); }
}

/*------------------- 4.00. Testimonial  -------------------*/

/* Testimonial 1 ---------------------------------- */
.testi-card { padding: 40px 40px 10px 40px;  border: 1px solid var(--border-color); box-shadow: 0px 13px 20px rgba(0, 0, 0, 0.05); background-color: var(--white-color); position: relative; z-index: 2; }
.testi-card_img { width: 50px; }
.testi-card_icon { position: absolute; bottom: 35px; right: 40px; z-index: -1; }
.testi-card_icon i { font-size: 60px; color: #F0F0F0; }
.testi-card_profile { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 15px; }
.testi-card_name { font-weight: 500; font-size: 16px; color: #000;  }
.testi-card_desig { font-size: 14px; color: var(--theme-color); margin-bottom: -0.491em; display: block; }
.testi-card_text {color: #000; margin-bottom: 15px; font-size: 18px; font-weight: 400; }
.testi-card_content { position: relative; }
.testi-card_review { position: absolute; bottom: 0; right: 0; }
.testi-card_review i { color: var(--theme-color); }

/* Medium Large devices */
@media (max-width:1399px) {
  .testi-card_text { font-size: 16px; }
}

/* Medium devices */
@media (max-width:991px) {
  .testi-card { padding: 40px 20px; }
}

/* Testimonial 2 ---------------------------------- */
.testi-box { 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: 30px 70px; }
.testi-box_img { position: relative; min-width: 360px; }
.testi-box_icon { width: 90px; height: 90px; line-height: 90px; background-color: var(--theme-color); text-align: center; position: absolute; top: 30px; right: -30px; }
.testi-box_name { font-size: 24px; font-weight: 600; text-transform: uppercase; margin-bottom: 3px; }
.testi-box_desig { font-family: var(--title-font); margin-bottom: -0.491em; display: block; }
.testi-box_text { font-size: 20px; margin-bottom: 30px; line-height: 1.8; }
.testi-box_review { position: absolute; bottom: 45px; right: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 8px; }
.testi-box_review i { color: var(--theme-color); }

/* Medium Large devices */
@media (max-width:1399px) {
  .testi-box { gap: 30px 60px; }
  .testi-box_img { min-width: 310px; }
  .testi-box_text { font-size: 18px; margin-bottom: 25px; line-height: 1.75; }
  .testi-box_review { bottom: 20px; }
}

/* Medium devices */
@media (max-width:991px) {
  .testi-box { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .testi-box_review { bottom: 20px; }
}

/* Extra small devices */
@media (max-width:575px) {
  .testi-box_img { max-width: 100%; min-width: auto; }
  .testi-box_review { bottom: 15px; }
}

/* Extra small devices */
@media (max-width:375px) {
  .testi-box_icon { top: 12px; right: -12px; }
  .testi-box_review { position: static; margin-top: 25px; }
}

/*------------------- 4.00. Counter  -------------------*/

/* Counter 1 ---------------------------------- */
.counter-card { position: relative; text-align: center; }
.counter-card::before, .counter-card::after { content: "radio"; width: 20px; height: 20px; background-color: var(--white-color); position: absolute; top: calc(50% - 5px); left: calc(50% - 5px); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-radius: 50%; }
.counter-card:after { width: 10px; height: 10px; background-color: var(--theme-color); }
.counter-card_icon { text-align: center; margin-bottom: 70px; }
.counter-card_icon img { -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; }
.counter-card_number { font-size: 60px; color: var(--white-color); margin-bottom: 0; }
.counter-card_text { font-size: 18px; color: var(--white-color); font-weight: 500; display: block; margin-bottom: -0.55em; }
.counter-card:hover .counter-card_icon img { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); }
.counter-wrap { position: relative; }
.counter-wrap .counter-line { width: 100%; height: 2px; background-color: rgba(243, 243, 243, 0.2); position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

/* Large devices */
@media (max-width:1199px) {
  .counter-card_number { font-size: 48px; }
  .counter-card_text { font-size: 16px; margin-bottom: -0.5em; }
}

/* Medium devices */
@media (max-width:991px) {
  .counter-wrap .counter-line { display: none; }
  .counter-card_icon { margin-bottom: 50px; }
}

/*------------------- 4.00. Blog  -------------------*/

/* Blog 1 ---------------------------------- */
.blog-meta.style2 span, .blog-meta.style2 a { margin-right: 20px; color: #6A6E71; }
.blog-meta.style2 span:last-child, .blog-meta.style2 a:last-child { margin-right: 0; }
.blog-meta.style2 span:before, .blog-meta.style2 a:before { content: "radio"; width: 5px; height: 5px; background-color: #DFE1E2; position: relative; top: -2px; margin-right: 10px; display: inline-block; }
.blog-meta a:hover { color: var(--theme-color); }
.blog-card { background-color: var(--white-color); --space: 30px; box-shadow: 0px 13px 18px rgba(0, 0, 0, 0.04); }
.blog-card .blog-img { max-height: 300px; overflow: hidden; position: relative; }
.blog-card .blog-img img { width: 100%; -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; }
.blog-card .category { font-size: 12px; font-weight: 700; text-transform: uppercase; background-color: var(--theme-color); color: var(--title-color); padding: 2px 14px; position: absolute; bottom: 0; left: var(--space); }
.blog-card .category:hover { background-color: var(--title-color); color: var(--white-color); }
.blog-card .blog-content { background-color: var(--white-color); padding: 35px var(--space); }
.blog-card .blog-title { font-size: 24px; margin-top: -0.3em; margin-bottom: 9px; }
.blog-card .blog-meta { margin-bottom: 25px; padding-bottom: 15px; border-bottom: 1px solid #EAEAEA; }
.blog-card .blog-text { margin-bottom: 10px; margin-top: -2px; }
.blog-card .link-btn { margin-bottom: -0.2em; display: block; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin-top: 20px; }
.blog-card:hover .blog-img img { -webkit-transform: scale(1.08); -ms-transform: scale(1.08); transform: scale(1.08); }

/* Medium devices */
@media (max-width:991px) {
  .blog-card { --space: 25px; }
}

/* Extra small devices */
@media (max-width:375px) {
  .blog-card { --space: 20px; }
  .blog-card .blog-title { font-size: 20px; }
}

/* Blog 2 ---------------------------------- */
.blog-grid { --space: 40px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; background-color: var(--smoke-color); position: relative; }
.blog-grid-wrap { display: grid; grid-template-areas: "one one one one one one one one one two two two"
"one one one one one one one one one three three three"; }
.blog-grid .category { font-size: 14px; font-weight: 700; text-transform: uppercase; background-color: var(--theme-color); color: var(--title-color); padding: 2px 14px; position: absolute; top: 0; left: 0; }
.blog-grid .category:hover { background-color: var(--title-color); color: var(--white-color); }
.blog-grid .blog-img { position: relative; min-width: 245px; height: 225px; overflow: hidden; }
.blog-grid .blog-img img { height: 100%; width: 100%; object-fit: cover; object-position: center center; -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; }
.blog-grid .blog-content { padding: 30px; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; }
.blog-grid .blog-title { font-size: 20px; margin-top: -0.3em; margin-bottom: 20px; }
.blog-grid .blog-meta { margin-bottom: 23px; padding-bottom: 15px; border-bottom: 1px solid #EAEAEA; }
.blog-grid .link-btn { margin-bottom: -0.2em; display: block; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin-top: 15px; }
.blog-grid:nth-child(1) { grid-area: one; margin-right: 15px; display: block; background-color: transparent; }
.blog-grid:nth-child(1) .blog-content { position: absolute; bottom: 0; left: 0; padding: var(--space); z-index: 2; }
.blog-grid:nth-child(1) .blog-img { min-width: 100%; height: 100%; }
.blog-grid:nth-child(1) .blog-img:before { content: ""; position: absolute; bottom: 0; left: 0; background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 38%, rgba(0, 0, 0, 0.75) 80%); background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 38%, rgba(0, 0, 0, 0.75) 80%); width: 100%; height: 100%; z-index: 1; }
.blog-grid:nth-child(1) .category { top: var(--space); left: var(--space); }
.blog-grid:nth-child(1) .blog-meta { border-color: rgba(255, 255, 255, 0.15); }
.blog-grid:nth-child(1) .blog-meta a, .blog-grid:nth-child(1) .blog-meta span { color: var(--white-color); }
.blog-grid:nth-child(1) .blog-title { color: var(--white-color); font-size: 30px; }
.blog-grid:nth-child(1) .link-btn { color: var(--white-color); }
.blog-grid:nth-child(1) .link-btn:before { background-color: var(--white-color); }
.blog-grid:nth-child(2) { grid-area: two; margin-left: 15px; margin-bottom: 30px; }
.blog-grid:nth-child(3) { grid-area: three; margin-left: 15px; }
.blog-grid:hover .blog-img img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

/* Large devices */
@media (max-width:1199px) {
  .blog-grid { --space: 30px; }
  .blog-grid .blog-img { min-width: 160px; height: 200px; }
  .blog-grid .blog-title { font-size: 18px; margin-bottom: 15px; }
  .blog-grid .blog-content { padding: 30px 15px; }
  .blog-grid:nth-child(1) .blog-title { font-size: 26px; }
}

/* Medium devices */
@media (max-width:991px) {
  .blog-grid-wrap { grid-template-areas: "one one one"
    "two two two"
  "three three three"; }
  .blog-grid .blog-content { padding: 30px; }
  .blog-grid:nth-child(1) { margin-right: 0; margin-bottom: 30px; }
  .blog-grid:nth-child(2) { margin-left: 0; }
  .blog-grid:nth-child(3) { margin-left: 0; }
}

/* Extra small devices */
@media (max-width:575px) {
  .blog-grid { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
  .blog-grid .blog-img { height: 100%; }
  .blog-grid .blog-content { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; }
  .blog-grid:nth-child(1) .blog-title { font-size: 20px; }
}

/* Extra small devices */
@media (max-width:375px) {
  .blog-grid { --space: 15px; }
  .blog-grid:nth-child(1) .blog-title { font-size: 18px; }
  .blog-grid .blog-content { padding: 30px 15px; }
}

/* Blog 3 ---------------------------------- */
.blog-box { background-color: var(--white-color); --space: 30px; box-shadow: 0px 13px 18px rgba(0, 0, 0, 0.04); border: 1px solid var(--border-color); }
.blog-box .blog-img { max-height: 310px; overflow: hidden; margin: -1px; }
.blog-box .blog-img img { width: 100%; -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; }
.blog-box .category { font-size: 14px; text-transform: uppercase; color: var(--theme-color); display: block; margin-bottom: 10px; }
.blog-box .category:hover { color: var(--title-color); }
.blog-box .blog-content { background-color: var(--white-color); padding: 30px var(--space); }
.blog-box .blog-meta { margin-bottom: -3px; }
.blog-box .blog-title { font-size: 24px; margin-top: -0.3em; margin-bottom: 13px; }
.blog-box:hover .blog-img img { -webkit-transform: scale(1.08); -ms-transform: scale(1.08); transform: scale(1.08); }

/* Medium devices */
@media (max-width:991px) {
  .blog-box { --space: 25px; }
}

/* Extra small devices */
@media (max-width:375px) {
  .blog-box { --space: 20px; }
  .blog-box .blog-title { font-size: 20px; }
}

/*------------------- 4.00. Brand  -------------------*/

/* Brand 1 ---------------------------------- */
.brand-slide { --bs-gutter-x: 0 !important; }
.brand-slide .slick-list { border-right: 1px solid #ececec; }
.brand-img { text-align: center; border: 1px solid #ececec; border-right: none; min-height: 150px; display: grid !important; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
.brand-img img { padding: 0 15px; width: 170px; max-width: 100%; -webkit-filter: grayscale(100%) invert(0.6); filter: grayscale(100%) invert(0.6); }

/* Extra small devices */
@media (max-width:575px) {
  .brand-img { min-height: 120px; }
}

/*------------------- 4.00. Feature  -------------------*/

/* Feature 1 ---------------------------------- */
.shape-icon { width: 136px; height: 136px; line-height: 153px; margin: 0 auto 40px auto; -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; text-align: center; position: relative; z-index: 2; }
.shape-icon .shape { height: 100%; width: 100%; background-color: var(--theme-color); position: absolute; top: 0; left: 0; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; z-index: -1; }
.shape-icon i { font-size: 48px; color: var(--title-color); -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; }
.feature-card { background-color: var(--white-color); padding: 60px; position: relative; text-align: center; z-index: 2; }
.feature-card:before { content: "radio"; height: 100%; width: 0; background-color: var(--title-color); position: absolute; left: 0; top: 0; z-index: -1; -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; }
.feature-card_icon .shape { background-color: var(--theme-color); }
.feature-card_title { font-size: 22px; font-weight: 600; text-transform: uppercase; margin-bottom: 15px; margin-top: -0.3em; -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; }
.feature-card_text { margin-bottom: -0.5em; }
.feature-card.active:before { width: 100%; }
.feature-card.active .feature-card_title { color: var(--white-color); }
.feature-card.active .feature-card_icon i { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); }

/* Large devices */
@media (max-width:1199px) {
  .feature-card { padding: 60px 25px; }
}

/* Extra small devices */
@media (max-width:575px) {
  .feature-card { padding: 50px 15px; }
  .feature-card_title { font-size: 20px; }
  .feature-card_text { max-width: 265px; margin-left: auto; margin-right: auto; }
}

/* Feature 2 / Skill ---------------------------------- */
.skill-feature { margin-bottom: 45px; }
.skill-feature:last-child { margin-bottom: 0; }
.skill-feature_title, .skill-feature .progress-value { margin-top: -0.36em; text-transform: uppercase; font-size: 16px; font-weight: 600; margin-bottom: 15px; }
.skill-feature .progress { position: relative; height: 8px; background-color: transparent; overflow: visible; }
.skill-feature .progress:after { content: "radio"; height: 2px; width: 100%; position: absolute; bottom: -10px; left: 0; background-color: #F1F1F1; }
.skill-feature .progress-bar { background-color: var(--theme-color); }
.skill-feature .progress-value { font-family: var(--title-font); color: var(--title-color); font-weight: bold; margin-bottom: 0; position: absolute; top: -34px; right: 0; }

/*------------------- 4.00. Simple Sections  -------------------*/
.checklist ul { padding-left: 0; list-style: none; text-align: left; margin-bottom: 0; }
.checklist li { color: var(--body-color); margin-bottom: 10px; font-weight: 500; position: relative; padding-left: 28px; }
.checklist li:before { content: ""; font-family: var(--icon-font); font-weight: 500; color: var(--theme-color); position: absolute; left: 0; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
.call-btn { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 15px; }
.call-btn_icon { color: var(--title-color); font-size: 24px; width: 60px; height: 60px; line-height: 60px; background-color: var(--theme-color); color: var(--white-color); text-align: center; border-radius: 50%; }
.call-btn_label { font-size: 14px; font-family: var(--title-font); text-transform: uppercase; color: var(--white-color); display: block; margin-top: -4px; }
.call-btn_link { color: var(--white-color); font-family: var(--title-font); font-size: 24px; font-weight: 600;  /* Small devices */ }
.call-btn_link a { color: inherit; }
.call-btn_link a:hover { color: var(--theme-color); }
@media (max-width:767px) {
  .call-btn_link { font-size: 20px; }
}
.call-big { font-size: 60px; font-weight: bold; display: block; margin-bottom: 32px; line-height: 1; }
.call-big:hover { color: var(--white-color); }

/* Large devices */
@media (max-width:1199px) {
  .call-big { font-size: 52px; }
}

/* Small devices */
@media (max-width:767px) {
  .call-big { font-size: 42px; margin-bottom: 22px; }
}

/* Extra small devices */
@media (max-width:575px) {
  .call-big { font-size: 28px; }
}

/*------------------- 4.00. Tab Menu -------------------*/

/* Tab Menu 3 ---------------------------------- */
.tab-menu3 { margin-bottom: 60px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; gap: 20px; }
.tab-menu3 .as-btn { background-color: #000; color: #c0a87c; border: 1px solid #c0a87c; }
.tab-menu3 .as-btn.active, .tab-menu3 .as-btn:hover { color: #fff; }

/* Large devices */
@media (max-width:1199px) {
  .tab-menu3 { margin-bottom: 40px; }
}

/*------------------- 4.00. Process -------------------*/

/* Process 1 ---------------------------------- */
.process-card { max-width: 300px; text-align: center; }
.process-card-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: 50px 20px; position: relative; }
.process-card_icon .shape { background-color: var(--white-color); }
.process-card_icon i { color: var(--theme-color); }
.process-card_num { color: var(--title-color); background-color: var(--theme-color); font-size: 18px; font-weight: bold; display: inline-block; width: 50px; height: 50px; line-height: 40px; border: 5px solid var(--white-color); position: absolute; right: 0; top: 0; border-radius: 50%; }
.process-card_title { color: var(--white-color); font-size: 22px; font-weight: 600; text-transform: uppercase; margin-bottom: 15px; margin-top: -0.3em; -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; }
.process-card_text { color: var(--light-color); margin-bottom: -0.5em; }
.process-card:hover .process-card_icon i { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); }
.process-line { position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 100%; max-width: 760px; }
.process-line img { width: 100%; }

/* Medium devices */
@media (max-width:991px) {
  .process-card-wrap { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
  .process-line { display: none; }
}

/* Small devices */
@media (max-width:767px) {
  .process-card { max-width: 500px; }
}

/* Extra small devices */
@media (max-width:575px) {
  .process-card { max-width: 300px; }
}

/* Process 1 ---------------------------------- */
.process-box { max-width: 300px; text-align: center; position: relative; }
.process-box-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: 10px 20px; position: relative; }
.process-box_icon { position: relative; width: var(--icon-size, 130px); height: var(--icon-size, 130px); line-height: var(--icon-size, 130px); border-radius: 50%; margin: 0 auto 30px auto; text-align: center; background-color: var(--white-color); border: 1px solid #e4e4e4; }
.process-box_icon i { line-height: var(--icon-size, 130px); font-size: 50px; color: var(--title-color); }
.process-box_icon:after { content: ""; width: 180px; height: 1px; background-color: #e4e4e4; position: absolute; top: 75%; left: 97%; -webkit-transform: rotate(19deg); -ms-transform: rotate(19deg); transform: rotate(19deg); }
.process-box_num { color: var(--white-color); background-color: var(--theme-color); font-size: 48px; font-weight: bold; display: inline-block; width: 100%; height: 100%; line-height: var(--icon-size, 130px); position: absolute; left: 0; top: 0; border-radius: 50%; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; }
.process-box_title { font-size: 22px; font-weight: 600; text-transform: uppercase; margin-bottom: 15px; margin-top: -0.3em; -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; }
.process-box_text { margin-bottom: -0.5em; }
.process-box.style2 { margin-top: 60px; }
.process-box.style2 .process-box_icon:after { top: 26%; -webkit-transform: rotate(-19deg); -ms-transform: rotate(-19deg); transform: rotate(-19deg); }
.process-box:last-child .process-box_icon:after { display: none; }
.process-box:hover .process-box_num { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); }

/* Medium devices */
@media (max-width:991px) {
  .process-box { min-width: calc(50% - 10px); }
  .process-box-wrap { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .process-box_icon:after { width: 300px; -webkit-transform: rotate(15deg); -ms-transform: rotate(15deg); transform: rotate(15deg); }
  .process-box:nth-child(2) .process-box_icon:after { display: none; }
}

/* Small devices */
@media (max-width:767px) {
  .process-box { min-width: 100%; }
  .process-box-wrap { gap: 40px 20px; }
  .process-box_icon { margin-bottom: 25px; }
  .process-box_icon:after { display: none; }
  .process-box_title { margin-bottom: 10px; }
  .process-box_text { margin-left: auto; margin-right: auto; max-width: 360px; }
  .process-box.style2 { margin-top: 0; }
}

/*------------------- 4.00. Faq -------------------*/

/* Faq 1 ---------------------------------- */
.accordion-card { margin-bottom: 20px; -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; }
.accordion-card .accordion-button { font-size: 18px; font-weight: bold; font-family: var(--title-font); border: 0; color: var(--title-color); background-color: var(--smoke-color); padding: 17px 70px 17px 25px; min-height: 60px; gap: 10px; margin-bottom: 0; text-align: left; -webkit-transition: 0.3s; transition: 0.3s; position: relative; }
.accordion-card .accordion-button:after { content: ""; width: 60px; height: 60px; height: 100%; line-height: 1; background-color: var(--theme-color); background-image: none; font-family: var(--icon-font); color: var(--title-color); font-weight: 900; font-size: 0.9em; display: grid; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; position: absolute; top: 0; right: 0; }
.accordion-card .accordion-button:focus { outline: none; box-shadow: none; }
.accordion-card .accordion-button:not(.collapsed) { color: var(--theme-color); }
.accordion-card .accordion-button:not(.collapsed):after { content: ""; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); }
.accordion-card .accordion-collapse { border: none; }
.accordion-card .accordion-body { padding: 30px 0 20px 0; display: grid; grid-template-columns: auto auto; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 15px 30px; }
.accordion-card .faq-text { margin-bottom: 0; }
.accordion-card .faq-img { height: 100%; }
.accordion-card .faq-img img { height: 100%; object-fit: cover; }
.accordion-card:last-child { margin-bottom: 0; }
.accordion-card:last-child .accordion-body { padding-bottom: 0; }

/* Small devices */
@media (max-width:767px) {
  .accordion-card .accordion-body { grid-template-columns: 100%; }
  .accordion-card .faq-img img { width: 100%; max-width: 300px; height: 180px; }
  .accordion-card .faq-text { margin-bottom: -0.56em; }
}

/*------------------- 4.00. Taxi -------------------*/

/* Taxi 1 ---------------------------------- */
.taxi-tab { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 20px; margin-bottom: 40px; position: relative; }
.taxi-tab .as-btn { font-weight: 600; color: var(--white-color); padding: 16px 30px; background-color: var(--title-color); border-radius: 999px; -webkit-transition-delay: 0.3s; transition-delay: 0.3s; }
.taxi-tab .as-btn:before { background-color: var(--theme-color); border-radius: inherit; width: calc(100% + 2px); left: -1px; }
.taxi-tab .as-btn.active, .taxi-tab .as-btn:hover { background-color: var(--theme-color); color: var(--title-color); }
.taxi-card-slide { border: 1px solid var(--border-color); border-radius: 20px; padding: 60px 60px; overflow: hidden; }
.taxi-feature { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 20px; margin-bottom: 10px; }
.taxi-feature:last-child { margin-bottom: 0; }
.taxi-feature_icon { width: 40px; height: 40px; min-width: 40px; line-height: 36px; background-color: var(--title-color); border-radius: 50%; text-align: center; }
.taxi-feature_title { font-size: 16px; font-weight: 500; margin-bottom: 0; min-width: 129px; text-transform: uppercase; }
.taxi-feature_info { font-family: var(--title-font); }
.taxi-img { display: grid; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; max-width: 493px; }
.taxi-about { max-width: 259px; }
.taxi-about_rate { font-family: var(--title-font); font-weight: 500; display: block; margin-bottom: 5px; }
.taxi-about_title { font-size: 30px; }
.taxi-about_text { margin-bottom: 22px; }

/* Medium Large devices */
@media (max-width:1399px) {
  .taxi-img { max-width: 440px; }
}

/* Large devices */
@media (max-width:1199px) {
  .taxi-card-slide { padding: 30px 20px; }
  .taxi-img { max-width: 350px; }
  .taxi-tab { gap: 10px; }
  .taxi-tab .as-btn { min-width: auto; font-size: 14px; padding: 15px 20px; }
}

/* Medium devices */
@media (max-width:991px) {
  .taxi-tab .as-btn { font-size: 13px; padding: 15px 15px; }
  .taxi-card-slide .taxi-feature { gap: 10px; }
  .taxi-card-slide .taxi-feature_title { font-size: 13px; min-width: 106px; }
  .taxi-img { max-width: 230px; }
  .taxi-about { max-width: 182px; }
  .taxi-about_title { font-size: 24px; }
  .taxi-about_text { font-size: 14px; }
}

/* Small devices */
@media (max-width:767px) {
  .taxi-img { max-width: 100%; margin-bottom: 15px; }
  .taxi-feature { width: 196px; margin-left: auto; margin-right: auto; }
}

/* Extra small devices */
@media (max-width:575px) {
  .taxi-about { margin-bottom: 30px; max-width: 100%; text-align: center; }
  .taxi-feature { width: 100%; max-width: 100%; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
  .taxi-feature_title { font-size: 16px; min-width: auto; margin-right: auto; }
}

/* Taxi 2 ---------------------------------- */
.taxi-grid { text-align: center; }
.taxi-grid_img { border: 1px solid var(--smoke-color); padding-bottom: 165px; }
.taxi-grid_img img { background-color: var(--smoke-color); width: 100%; padding: 50px 40px 100px 40px; }
.taxi-grid_icon i { width: 100px; height: 100px; line-height: 80px; background-color: var(--theme-color); color: var(--title-color); border: 10px solid var(--smoke-color); font-size: 36px; border-radius: 50%; margin-top: -50px; margin-bottom: 27px; }
.taxi-grid_price { display: block; width: 100px; height: 100px; line-height: 1.4; background-color: var(--theme-color); color: var(--white-color); border: 10px solid var(--smoke-color); font-size: 18px; font-weight: bold; border-radius: 50%; -webkit-transform: translateY(-50px); -ms-transform: translateY(-50px); transform: translateY(-50px); margin: 0 auto -22px auto; padding: 20px 5px; }
.taxi-grid .day { display: block; font-size: 14px; text-transform: uppercase; font-weight: 400; }
.taxi-grid_content { background-color: var(--title-color); margin-top: -215px; padding: 0 40px 40px 40px; position: relative; z-index: 2; max-width: calc(100% - 60px); margin-left: 30px; }
.taxi-grid_title { font-size: 20px; color: var(--white-color); text-transform: uppercase; margin-bottom: 5px; }
.taxi-grid_title a { color: inherit; }
.taxi-grid_title a:hover { color: var(--theme-color); }
.taxi-grid_subtitle { font-size: 14px; text-transform: uppercase; color: var(--white-color); margin-bottom: 19px; }
.taxi-grid_info { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 10px; }
.taxi-grid .as-btn { margin-top: 15px; width: 100%; }
.taxi-grid .as-btn:before { background-color: var(--white-color); }
.taxi-grid .as-btn:hover { color: var(--title-color); }

/* Extra small devices */
@media (max-width:375px) {
  .taxi-grid_content { padding: 0 20px 40px 20px; }
}

/* Taxi 3 ---------------------------------- */
.taxi-grid.style2 .taxi-grid_img { border-color: transparent; }
.taxi-grid.style2 .taxi-grid_icon i { color: var(--white-color); }
.taxi-grid.style2 .as-btn { margin-top: 7px; }

/* Taxi 4 ---------------------------------- */
.taxi-box { text-align: center; background-color: var(--white-color); border: 1px solid var(--border-color); box-shadow: 0px 13px 18px rgba(0, 0, 0, 0.05); padding: 40px; }
.taxi-box_img { margin-bottom: 25px; }
.taxi-box_img img { height: 105px; }
.taxi-box_title { font-size: 22px; font-weight: 600; text-transform: uppercase; margin-bottom: 5px; }
.taxi-box_title a { color: inherit; }
.taxi-box_title a:hover { color: var(--theme-color); }
.taxi-box_rate { padding-bottom: 22px; margin-bottom: 30px; border-bottom: 1px solid var(--border-color); }
.taxi-box_info { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 10px; }
.taxi-box .taxi-feature { width: 100%; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
.taxi-box .taxi-feature_title { min-width: auto; margin-right: auto; }
.taxi-box .as-btn { width: 100%; margin-top: 20px; }

/* Extra small devices */
@media (max-width:375px) {
  .taxi-box { padding: 40px 20px; }
}

/* Taxi Details ---------------------------------- */
.taxi-rate { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 15px; background-color: var(--title-color); padding: 8px 45px 8px 25px; -webkit-clip-path: polygon(0 0, 100% 0, calc(100% - 15px) 100%, 0% 100%); clip-path: polygon(0 0, 100% 0, calc(100% - 15px) 100%, 0% 100%); }
.taxi-rate_text { font-size: 18px; font-weight: 500; color: var(--white-color); margin-bottom: 0; }
.taxi-details { padding-left: 15px; }
.taxi-details-img { height: 100%; padding: 135px 40px 50px 0; position: relative; background-color: var(--smoke-color); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.taxi-details-img .taxi-rate { position: absolute; top: 0; left: 0; }
.taxi-details-img .taxi-rate:nth-of-type(2) { top: 57px; }
.taxi-details-img .taxi-img { margin-left: -225px; max-width: -webkit-fit-content; max-width: -moz-fit-content; max-width: fit-content; }
.taxi-details_subtitle { font-size: 18px; font-weight: 500; text-transform: uppercase; margin-top: -0.4em; margin-bottom: 0; color: var(--theme-color); }
.taxi-details_title { margin-bottom: 23px; }
.taxi-feature-wrap { display: grid; grid-template-columns: auto auto; border-top: 1px solid #e0e0e0; margin-top: 30px; padding-top: 30px; margin-bottom: 30px; gap: 0 60px; }
.taxi-feature-wrap .taxi-feature { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 15px; }
.taxi-feature-wrap .taxi-feature_title { margin-right: auto; min-width: auto; }

/* Large devices */
@media (max-width:1199px) {
  .taxi-details { padding-left: 0; }
  .taxi-details-img { padding: 135px 40px 0 0; }
  .taxi-details-img .taxi-img { margin-left: 10px; max-width: -webkit-fit-content; max-width: -moz-fit-content; max-width: fit-content; margin-bottom: -50px; }
}

/* Medium devices */
@media (max-width:991px) {
  .taxi-rate_text { font-size: 16px; }
  .taxi-details-img .taxi-img { max-width: 100%; }
  .taxi-details_subtitle { font-size: 16px; }
}

/* Small devices */
@media (max-width:767px) {
  .taxi-details { padding-top: 20px; text-align: center; }
  .taxi-details_title { margin-bottom: 15px; }
  .taxi-feature-wrap { margin-top: 25px; padding-top: 25px; margin-bottom: 20px; gap: 0 40px; }
  .taxi-feature-wrap .taxi-feature { width: auto; margin-left: unset; margin-right: unset; }
  .taxi-feature-wrap .taxi-feature_title { font-size: 14px; }
}

/* Extra small devices */
@media (max-width:575px) {
  .taxi-feature-wrap { grid-template-columns: auto; }
  .taxi-feature_title { font-size: 16px; }
}

/*------------------- 4.00. Download -------------------*/

/* Download ---------------------------------- */
.download-btn { background-color: var(--theme-color); padding: 15px 35px; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; gap: 12px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: var(--title-color); border-radius: 999px; }
.download-btn-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 20px; }
.download-btn i { font-size: 35px; }
.download-btn .small-text { font-size: 14px; line-height: 1; display: block; margin-bottom: 5px; }
.download-btn .big-text { font-size: 22px; font-weight: bold; margin-bottom: 0; line-height: 1; color: inherit; }
.download-btn:hover { background-color: var(--white-color); }
.app-mockup { position: absolute; bottom: 0; right: 18%; z-index: -1; }
.app-mockup img { max-width: -webkit-fit-content; max-width: -moz-fit-content; max-width: fit-content; }

/* Extra large devices */
@media (max-width:1700px) {
  .app-mockup { right: 10%; }
}

/* Medium Large devices */
@media (max-width:1399px) {
  .app-mockup { right: 2%; max-width: 43%; }
  .app-mockup img { width: 100%; max-width: 100%; }
}

/* Large devices */
@media (max-width:1199px) {
  .app-mockup { max-width: 38%; }
}

/* Medium devices */
@media (max-width:991px) {
  .app-mockup { position: relative; max-width: 420px; margin: 40px auto -80px auto; right: 0; }
  .download-btn-wrap { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
}

/*------------------- 4.00. Download -------------------*/

/* Cta ---------------------------------- */
.cta-wrap { position: relative; z-index: 2; }
.cta-bg-shape { position: absolute; top: 0; right: 0; bottom: 0; max-width: 65%; z-index: 3; }
.cta-bg-shape img { width: 100%; height: 100%; object-fit: cover; }

/* Extra large devices */
@media (max-width:1700px) {
  .cta-bg-shape { max-width: 55%; }
}

/* Medium devices */
@media (max-width:991px) {
  .cta-bg-shape { max-width: 50%; }
}

/* Small devices */
@media (max-width:767px) {
  .cta-bg-shape { max-width: 45%; }
}

/* Extra small devices */
@media (max-width:575px) {
  .cta-wrap { text-align: center; }
  .cta-wrap .info-card { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
  .cta-bg-shape { max-width: 100%; position: relative; top: -80px; left: 0; margin-bottom: -35px; }
  .cta-bg-shape img { height: 250px; }
}

/*=================================
    05. Spacing
==================================*/

/*-- Padding Left And Right --*/
.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; }

/*-- Padding Top And Bottom --*/
.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; }

/*-- Padding Top --*/
.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; }

/*-- Padding Bottom --*/
.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; }

/*-- Padding Left --*/
.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; }

/*-- Padding Right --*/
.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; }

/*-- margin Left And Right --*/
.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; }

/*-- margin Top And Bottom --*/
.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; }

/*-- margin Top --*/
.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; }

/*-- margin Bottom --*/
.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; }

/*-- margin Left --*/
.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; }

/*-- margin Right --*/
.mr-5 { margin-right: 5px; }
.mr-10 { margin-right: 10px; }
.mr-15 { margin-right: 15px; }
.mr-20 { margin-right: 20px; }
.mr-25 { margin-right: 25px; }
.mr-30 { margin-right: 30px; }
.mr-35 { margin-right: 35px; }
.mr-40 { margin-right: 40px; }
.mr-45 { margin-right: 45px; }
.mr-50 { margin-right: 50px; }
.mb-60 { margin-bottom: 60px; }
.mt-n1 { margin-top: -.25rem; }
.mt-n2 { margin-top: -.5rem; }
.mt-n3 { margin-top: -1rem; }
.mt-n4 { margin-top: -1.5rem; }
.mt-n5 { margin-top: -3rem; }
.mb-n1 { margin-bottom: -.25rem; }
.mb-n2 { margin-bottom: -.5rem; }
.mb-n3 { margin-bottom: -1rem; }
.mb-n4 { margin-bottom: -1.5rem; }
.mb-n5 { margin-bottom: -3rem; }
.space, .space-top { padding-top: var(--section-space); }
.space, .space-bottom { padding-bottom: var(--section-space); }
.space-extra, .space-extra-top { padding-top: calc(var(--section-space) - 30px); }
.space-extra, .space-extra-bottom { padding-bottom: calc(var(--section-space) - 30px); }
.space-extra2, .space-extra2-top { padding-top: calc(var(--section-space) - 40px); }
.space-extra2, .space-extra2-bottom { padding-bottom: calc(var(--section-space) - 40px); }

/* Medium devices */
@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; }
}

/*# sourceMappingURL=style.css.map */