/*

* Repeatable Patterns

* Carousel

* Topbar

* Header

* Mobile navigation

* Temtplate Css Global 

* Page Title

* Blog

* Blog Single

* Sidebar

* Pagination

* Mail Chimp

* Footer

* Widget footer

* Bottom

* GoTop Button

* Boxed

* Preload

* Contact form

* Flat List

* 404

* Search No Results

*/



/* Repeatable Patterns

-------------------------------------------------------------- */

.overflow-hidden-section {

  overflow: hidden !important;

}



::-moz-selection {

  color: #fff;

  text-shadow: none;

  background: var(--theme-primary-color);

}



::-webkit-selection {

  color: #fff;

  text-shadow: none;

  background: var(--theme-primary-color);

}



::selection {

  color: #fff;

  text-shadow: none;

  background: #000;

}



a {

  color: #24272C;

  text-decoration: none;

  -webkit-transition: all 0.3s ease 0s;

  -moz-transition: all 0.3s ease 0s;

  -ms-transition: all 0.3s ease 0s;

  -o-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s;

}



a:hover {

  text-decoration: none;

  outline: 0;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -ms-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}



a:focus {

  text-decoration: none;

  outline: 0;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -ms-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}



img {

  max-width: 100%;

  height: auto;

}



/* Typography */

body,

button,

input,

select,

textarea {

  background: #fff;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}



label {

  color: #24272C;

  font-size: 16px;

  font-weight: 600;

  margin-bottom: 10px;

}



strong,

b {

  font-weight: 700;

}



p {

  margin-bottom: 27px;

}



p:last-of-type {

  margin-bottom: 0px;

}



article:last-of-type,

article p:last-of-type {

  margin-bottom: 0;

}



dfn,

cite,

em,

i {

  font-style: italic;

}



blockquote {

  position: relative;

  background: var(--theme-primary-rgba);

  margin: 20px 0;

  padding: 40px 40px 40px 40px;

  border-radius: 10px;

font-size: 16px;

font-weight: 400;

line-height: 22.4px;

border-left: 4px solid var(--theme-primary-color);

}



blockquote p {

  color: var(--theme-primary-color);

  display: block;

}



blockquote cite {

  font-size: 16px;

  font-weight: 500;

  line-height: 22.4px;

  color: var(--theme-primary-color);

  position: relative;

  font-style: normal;

  display: block;

  margin-top: 20px;

}



blockquote code {

  color: inherit;

}



.wp-block-quote.is-large,

.wp-block-quote.is-style-large {

  margin: 40px 0px 40px 0px;

  padding: 31px 45px 26px 140px;

}



blockquote a:hover {

  color: var(--theme-primary-color);

}



blockquote h1,

blockquote h2,

blockquote h3,

blockquote h4,

blockquote h5,

blockquote h6 {

  color: #fff;

}



table {

  width: 100%;

  margin: 15px 0;

}



th,

td {

  border: 1px solid #f5f5f5;

  padding: 7px;

  text-align: center;

}



blockquote > p:last-child {

  margin-bottom: 0;

}



blockquote em,

blockquote i {

  font-weight: 700;

}



blockquote em,

blockquote cite {

  margin-bottom: 0px;

}



blockquote strong,

blockquote b {

  font-weight: 600;

}



abbr[title] {

  border-bottom: 1px dotted #c0c0c0;

  cursor: help;

}



mark,

ins {

  background-color: var(--theme-primary-color);

  text-decoration: none;

  color: #fff;

  padding: 7px;

}



sup,

sub {

  font-size: 75%;

  height: 0;

  line-height: 0;

  position: relative;

  vertical-align: baseline;

}



sup {

  top: -6px;

}



sub {

  bottom: -3px;

}



small {

  font-size: 75%;

}



big {

  font-size: 125%;

}



address {

  font-style: italic;

  margin: 0 0 20px;

}



code,

kbd,

tt,

var,

samp,

pre {

  font-family: Inconsolata, monospace;

  -webkit-hyphens: none;

  -moz-hyphens: none;

  -ms-hyphens: none;

  hyphens: none;

}



pre {

  background: #f9f9f9;

  border: 1px solid #eee;

  border-radius: 0;

  font-family: Consolas, monospace;

  height: auto;

  margin: 0 0 20px;

  overflow-x: auto;

  padding: 20px;

}



h1.w6,

h2.w6,

h3.w6,

h4.w6,

h5.w6,

h6.w6 {

  font-weight: 600;

}

h1.w4,

h2.w4,

h3.w4,

h4.w4,

h5.w4,

h6.w4 {

  font-weight: 400;

}



h1,

h2,

h3,

h4,

h5,

h6 {

  font-weight: 600;

  color: #24272C;

  line-height: 1.3;

}



h1 {

  font-size: 50px;

}



h2 {

  font-size: 32px;

}



h3 {

  font-size: 28px;

}



h4 {

  font-size: 24px;

}



h5 {

  font-size: 20px;

}



h6 {

  font-size: 16px;

}



/* Alignments */

.alignleft {

  display: inline;

  float: left;

  margin-right: 1.5em;

}



.alignright {

  display: inline;

  float: right;

  margin-left: 1.5em;

}



.aligncenter {

  display: block;

  margin-right: auto;

  margin-left: auto;

}



.blockcenter {

  left: 50%;

  transform: translatex(-50%);

  -moz-transform: translatex(-50%);

  -ms-transform: translatex(-50%);

  -webkit-transform: translatex(-50%);

  -o-transform: translatex(-50%);

}



.float-right {

  float: right;

}



blockquote.alignleft,

.wp-caption.alignleft,

img.alignleft {

  margin: 7px 30px 25px 0 !important;

}



blockquote.alignright,

.wp-caption.alignright,

img.alignright {

  margin: 7px 0 25px 30px !important;

}



blockquote.aligncenter,

.wp-caption.aligncenter,

img.aligncenter {

  clear: both;

}



.wp-caption.alignleft,

.wp-caption.alignright,

.wp-caption.aligncenter {

  margin-bottom: 10px;

}



#main-content {

  min-height: calc(100vh - 100px);

}



.archive #main-content {

  min-height: unset;

}



.page-listing-map .themesflat-boxed,

.page-listing-top-map .themesflat-boxed {

  overflow-x: hidden;

}



/* Content */

.bypostauthor article .gravatar {

  float: left;

  display: inline-block;

}



.page-header {

  margin: 0;

  border: 0;

}



.page-header .nothing {

  padding: 0;

  background-color: transparent;

  font-size: 40px;

  line-height: 40px;

  color: #ff1200;

}



.site-main {

  position: relative;

}



/* Accessibility */

/* Text meant only for screen readers. */

.screen-reader-text {

  clip: rect(1px, 1px, 1px, 1px);

  position: absolute !important;

  height: 0px;

  width: 0px;

  overflow: hidden;

}



/* Media */

.page-content .wp-smiley,

.entry-content .wp-smiley,

.comment-content .wp-smiley {

  border: none;

  margin-bottom: 0;

  margin-top: 0;

  padding: 0;

}



/* Make sure embeds and iframes fit their containers. */

embed,

iframe,

object {

  max-width: 100%;

}



/* Captions */

.wp-caption {

  margin-bottom: 1.5em;

  max-width: 100%;

}



.wp-caption img[class*="wp-image-"] {

  display: block;

  margin: 0 auto;

}



.wp-caption-text {

  text-align: center;

}



.wp-caption .wp-caption-text {

  margin: 0.8075em 0;

  font-size: 0.9em;

}



/* Galleries */

.gallery {

  margin-bottom: 1.5em;

}



.gallery-item {

  display: inline-block;

  text-align: center;

  vertical-align: top;

  width: 100%;

}



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

}



/* Elements */

hr {

  background-color: #eee;

  border: 0;

  height: 1px;

  margin-bottom: 20px;

}



ul,

ol {

  padding: 0;

  margin: 0;

  list-style: none;

}



li > ul,

li > ol {

  margin-bottom: 0;

}



dd,

dt {

  line-height: 30px;

}



::-moz-selection {

  color: #fff;

  text-shadow: none;

  background: #333;

}



::-webkit-selection {

  color: #fff;

  text-shadow: none;

  background: #333;

}



::selection {

  color: #fff;

  text-shadow: none;

  background: #333;

}



/* Forms */

button,

.button,

.button-outline,

input[type="button"],

input[type="reset"],

input[type="submit"] {

  color: #fff;

  text-transform: capitalize;

  border-radius: 14px;

  border: 1px solid var(--theme-primary-color);

  background: var(--theme-primary-color);

  padding: 16px 27px;

  cursor: pointer;

  white-space: nowrap;

  z-index: 0;

  display: inline-block;

  line-height: 1;

  margin-bottom: 0;

  border: none;

  font-size: 16px;

  font-weight: 500;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -ms-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}



button:hover,

.button:hover,

.button-outline:hover,

input[type="button"]:hover,

input[type="reset"]:hover,

input[type="submit"]:hover,

.tfre-resset-password  .tfre_forgetpass:hover {

  background-color: #24272C;

  color: #fff;

  border-color: #24272C;

}



select,

textarea,

input[type="text"],

input[type="password"],

input[type="datetime"],

input[type="datetime-local"],

input[type="date"],

input[type="month"],

input[type="time"],

input[type="week"],

input[type="number"],

input[type="email"],

input[type="url"],

input[type="search"],

input[type="tel"],

input[type="color"],

select.form-control,

.select2-container--default .select2-selection--single,

.select2-container--default .select2-selection--multiple,

.nice-select {

  height: unset;

  border-radius: 14px;

  border: 1px solid #EDEDED;

  background: #fff;

  padding: 18px 24px;

  font-family: 'Inter';

  font-size: 14px;

  font-weight: 400;

  line-height: 19.6px;

  max-width: 100%;

  width: 100%;

  margin-bottom: 10px;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -ms-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

select.form-control,

.select2-container--default .select2-selection--single,

.select2-container--default .select2-selection--multiple,

.nice-select {

  padding: 19px 24px;

}

textarea:focus,

input[type="text"]:focus,

input[type="password"]:focus,

input[type="datetime"]:focus,

input[type="datetime-local"]:focus,

input[type="date"]:focus,

input[type="month"]:focus,

input[type="time"]:focus,

input[type="week"]:focus,

input[type="number"]:focus,

input[type="email"]:focus,

input[type="url"]:focus,

input[type="search"]:focus,

input[type="tel"]:focus,

input[type="color"]:focus,

.tfre-resset-password .reset_password_user_login:focus,

select.form-control:focus,

.select2-container--default .select2-selection--multiple:focus,

.nice-select:focus {

  border: 1px solid var(--theme-primary-color);

  outline: none;

  -webkit-box-shadow: none;

  -moz-box-shadow: none;

  box-shadow: none;

}



.button-outline,.is-style-outline>.wp-block-button__link {

  border: 1px solid var(--theme-primary-color);

  background: transparent !important;

  color: var(--theme-primary-color);

}



.button-outline:hover,.is-style-outline>.wp-block-button__link:hover {

  color: #fff;

  background: var(--theme-primary-color) !important;

  border-color: var(--theme-primary-color);

}



.select2-container--default .select2-selection--single .select2-selection__rendered {

  line-height: unset;

  padding: 0;

  font-size: 14px;

font-weight: 400;

line-height: 150%;

font-family: 'Poppins';

}

.select2-container--default .select2-selection--single .select2-selection__arrow {

  height: unset;

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

}

textarea {

  width: 100%;

  height: 130px;

  padding: 15px 16px;

  border: 1px solid #EDEDED;

  background: #fff;

}



input[type="checkbox"] {

  display: inline;

}



input:-moz-placeholder,

textarea:-moz-placeholder,

input::-moz-placeholder,

textarea::-moz-placeholder,

.tfre-resset-password .reset_password_user_login::placeholder {

  color: #696665;

  opacity: 1;

}



input:-ms-input-placeholder,

textarea:-ms-input-placeholder {

  color: #696665;

}



input::-webkit-input-placeholder,

textarea::-webkit-input-placeholder {

  color: #696665;

  opacity: 1;

}



select,

select.form-control {

  -webkit-appearance: none;

  -moz-appearance: none;

  -ms-appearance: none;

  appearance: none;

  outline: 0;

  background-image: linear-gradient(45deg, transparent 50%, gray 50%),

    linear-gradient(135deg, gray 50%, transparent 50%);

  background-position: calc(100% - 20px), calc(100% - 15px);

  background-size: 5px 5px, 5px 5px;

  background-repeat: no-repeat;

  line-height: 1.5;

}



/* Bootstrap Resetting Elements */

.btn {

  background-image: none;

}



textarea,

input[type="text"],

input[type="submit"],

input[type="password"],

input[type="datetime"],

input[type="datetime-local"],

input[type="date"],

input[type="month"],

input[type="time"],

input[type="week"],

input[type="number"],

input[type="email"],

input[type="url"],

input[type="search"],

input[type="tel"],

input[type="color"],

.uneditable-input,

.dropdown-menu,

.navbar .nav > .active > a,

.navbar .nav > .active > a:hover,

.navbar .nav > .active > a:focus {

  -webkit-appearance: none;

  text-shadow: none;

  -webkit-box-shadow: none;

  -moz-box-shadow: none;

  -o-box-shadow: none;

  box-shadow: none;

}



button:focus {

  outline: none;

}



input[type="radio"] {

  -webkit-appearance: none;

  appearance: none;

  width: 20px;

  height: 20px;

  border: 1px solid #EDEDED;

  border-radius: 50%;

  outline: none;

  position: relative;

  vertical-align: middle;

}



input[type="radio"]:before {

  content: "";

  display: block;

  width: 70%;

  height: 70%;

  border-radius: 50%;

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  -webkit-transform: translate(-50%, -50%);

  -moz-transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%);

}



input[type="radio"]:checked {

  border-color: var(--theme-primary-color);

}



input[type="radio"]:checked:before {

  background: var(--theme-primary-color);

}



/* boostrap */



.container, .container-fluid {

  padding-right: 15px;

  padding-left: 15px;

}

.row {

  margin-right: -15px;

  margin-left: -15px;

}



.row>* {

  padding-right: 15px;

  padding-left: 15px;

}



/*Block Editor*/

.wp-block-button__link {

  border-radius: 5px;

  position: relative;

  z-index: 1;

  overflow: hidden;

}



.wp-block-button__link:hover {

  background: #24272C;

  color: #fff;

}



.is-style-outline .wp-block-button__link:hover {

  color: #fff;

}



.wp-block-button:not(.alignleft):not(.aligncenter):not(.alignright) {

  margin-top: 30px;

}



.wp-block-button.is-style-squared a,

.wp-block-button__link.wp-block-button.is-style-squared a {

  border-radius: 0px;

}



.post-password-form button[type="submit"],

.post-password-form input[type="submit"] {

  margin-left: 15px;

  border-radius: 0px;

  padding: 22px 57px 22px 57px;

}



.post-password-form input[type="password"] {

  min-width: 300px;

  border-radius: 0px;

  border-color: #eaeaea;

}



.wp-block-button {

  margin-bottom: 30px;

}



.wp-block-cover-image h1:not(.has-text-color),

.wp-block-cover-image h2:not(.has-text-color),

.wp-block-cover-image h3:not(.has-text-color),

.wp-block-cover-image h4:not(.has-text-color),

.wp-block-cover-image h5:not(.has-text-color),

.wp-block-cover-image h6:not(.has-text-color),

.wp-block-cover-image p:not(.has-text-color),

.wp-block-cover h1:not(.has-text-color),

.wp-block-cover h2:not(.has-text-color),

.wp-block-cover h3:not(.has-text-color),

.wp-block-cover h4:not(.has-text-color),

.wp-block-cover h5:not(.has-text-color),

.wp-block-cover h6:not(.has-text-color),

.wp-block-cover p:not(.has-text-color) {

  color: #fff;

}



.entry-content > .alignwide:not(.wp-block-group.has-background),

.entry-content > .alignfull:not(.wp-block-group.has-background),

.wp-block-archives:not(.alignwide):not(.alignfull),

.wp-block-categories:not(.alignwide):not(.alignfull),

.wp-block-code,

.wp-block-columns:not(.alignwide):not(.alignfull),

.wp-block-cover:not(.alignwide):not(.alignfull):not(.alignleft):not(

    .alignright

  ):not(.aligncenter),

.wp-block-embed:not(.alignwide):not(.alignfull):not(.alignleft):not(

    .alignright

  ):not(.aligncenter),

.wp-block-gallery:not(.alignwide):not(.alignfull):not(.alignleft):not(

    .alignright

  ):not(.aligncenter),

.wp-block-group:not(.has-background):not(.alignwide):not(.alignfull),

.wp-block-image:not(.alignwide):not(.alignfull):not(.alignleft):not(

    .alignright

  ):not(.aligncenter),

.wp-block-latest-comments:not(.aligncenter):not(.alignleft):not(.alignright),

.wp-block-latest-posts:not(.aligncenter):not(.alignleft):not(.alignright),

.wp-block-media-text:not(.alignwide):not(.alignfull),

.wp-block-preformatted,

.wp-block-pullquote:not(.alignwide):not(.alignfull):not(.alignleft):not(

    .alignright

  ),

.wp-block-quote,

.wp-block-quote.is-large,

.wp-block-quote.is-style-large,

.wp-block-verse,

.wp-block-video:not(.alignwide):not(.alignfull) {

  margin-bottom: 30px;

  margin-top: 30px;

}



.wp-block-group.has-background {

  padding: 30px;

  margin-top: 0;

  margin-bottom: 0;

}



.has-large-font-size {

  line-height: 1.3;

}



.wp-block-quote {

  margin-left: 0;

  margin-right: 0;

}



/* Block Widget */

ul.wp-block-rss,

ul.wp-block-latest-posts,

ul.wp-block-archives-list,

ol.wp-block-latest-comments {

  margin-left: 0;

}



ul.wp-block-rss,

ol.wp-block-latest-comments {

  width: fit-content;

}



ul.wp-block-rss ul,

ul.wp-block-latest-posts ul,

ul.wp-block-archives-list ul,

ol.wp-block-latest-comments ul {

  padding-left: 15px;

}



ul.wp-block-rss li,

ul.wp-block-latest-posts li,

ul.wp-block-archives-list li,

ol.wp-block-latest-comments li {

  position: relative;

  list-style: none;

}



.container {

  max-width: 1320px;

}



.footer_background .container {

  max-width: 1320px;

}



#tfcl_login_register_modal {

  z-index: 9999;

}



/* Custom Cursor

-------------------------------------------------------------- */



.tfmouseCursor {

  position: fixed;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  pointer-events: none;

  border-radius: 50%;

  transform: translateZ(0);

  visibility: hidden;

  text-align: center;

}



.cursor-outer {

  margin-left: -18px;

  margin-top: -18px;

  width: 35px;

  height: 35px;

  background: var(--theme-primary-color);

  box-sizing: border-box;

  z-index: 10000000;

  opacity: 0.2;

  transition: all 0.3s ease-out;

}



.cursor-inner {

  margin-left: -4px;

  margin-top: -4px;

  width: 8px;

  height: 8px;

  z-index: 10000001;

  background-color: var(--theme-primary-color);

  transition: width 0.3s ease-in-out, height 0.3s ease-in-out,

    margin 0.3s ease-in-out, opacity 0.3s ease-in-out;

}



.tfmouseCursor.cursor-hover {

  opacity: 0;

}



/* Carousel

-------------------------------------------------------------- */

.owl-carousel {

  touch-action: manipulation;

}



/* Topbar

-------------------------------------------------------------- */

.themesflat-top {

  position: relative;

}

.themesflat-top .container-inside {

  display: flex;

  align-items: center;

  width: 100%;

  position: relative;

  justify-content: center;

}



.themesflat-top .container-inside .content-left {

  flex-grow: 1;

  justify-content: flex-start;

  display: flex;

  align-items: center;

}



.themesflat-top .container-inside .content-right {

  flex-grow: 1;

  justify-content: flex-end;

  display: flex;

  align-items: center;

}



.themesflat-top ul {

  list-style: none;

  margin: 0;

}



.themesflat-top .list-infor-topbar {

  display: flex;

  align-items: center;

  column-gap: 31px;

  row-gap: 10px;

}



.themesflat-top .list-infor-topbar li i {

  vertical-align: middle;

  margin-right: 7px;

}



.themesflat-top .list-infor-topbar li i.icon-autodeal-map {

  font-size: 15px;

  margin-right: 10px;

}



.themesflat-top .list-infor-topbar li i.icon-autodeal-date {

  font-size: 18px;

  vertical-align: bottom;

  margin-right: 12px;

}



.themesflat-top .list-infor-topbar li i.icon-autodeal-mobile {

  font-size: 18px;

  margin-right: 10px;

}



.themesflat-top .list-infor-topbar li a:hover {

  opacity: 0.6;

  color: #fff;

}



.themesflat-top .list-infor-topbar .h3-st {

  font-size: 12px;

}



.themesflat-top ul li:last-child::after {

  display: none;

}



.themesflat-top {

  background: #fff;

  position: relative;

  z-index: 999;

}



.themesflat-top.style-01 {

  background: #24272C;

  padding: 13px 0;

}



.themesflat-top.style-01 .social-topbar {

  display: flex;

  align-items: center;

  column-gap: 9px;

}



.themesflat-top .list-infor-topbar li > i {

    margin-right: 9px;

    vertical-align: inherit;

}



.themesflat-top .themesflat-socials {

  display: flex;

  display: -webkit-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  column-gap: 12px;

}



.themesflat-top a:hover,

.themesflat-top .themesflat-socials a:hover {

  color: var(--theme-primary-color);

}



.themesflat-top .themesflat-socials li {

  background: transparent;

}



.themesflat-top .themesflat-socials li:not(:last-child) {

  margin-right: 6px;

}



.themesflat-top .label-social {

  margin-right: 11px;

}



.themesflat-top .themesflat-socials li:first-child {

  margin-left: 0;

}



.themesflat-top .themesflat-socials li a {

  font-size: 14px;

}



.themesflat-top .themesflat-socials li a:hover {

  opacity: 0.6;

}



.themesflat-top .btn-showmore-topbar {

  display: none;

  text-align: center;

}



.themesflat-top .btn-showmore-topbar i {

  margin: 0 auto;

  color: var(--theme-primary-color) !important;

  display: flex;

  align-items: center;

  justify-content: center;

  font-size: 20px;

  width: 30px;

  height: 20px;

  margin-bottom: -13px;

  cursor: pointer;

}



.themesflat-top .list-infor-topbar li {

  -webkit-transition: all 0.3s ease 0s;

  -moz-transition: all 0.3s ease 0s;

  -ms-transition: all 0.3s ease 0s;

  -o-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s;

}



/* Header

-------------------------------------------------------------- */

#header {

  -webkit-transition: all 0.4s ease 0s;

  -moz-transition: all 0.4s ease 0s;

  -ms-transition: all 0.4s ease 0s;

  -o-transition: all 0.4s ease 0s;

  transition: all 0.4s ease 0s;

}



.header-sticky {

  -webkit-box-shadow: 0 0 65px rgba(0, 0, 0, 0.09);

  -moz-box-shadow: 0 0 65px rgba(0, 0, 0, 0.09);

  -ms-box-shadow: 0 0 65px rgba(0, 0, 0, 0.09);

  -o-box-shadow: 0 0 65px rgba(0, 0, 0, 0.09);

  box-shadow: 0 0 65px rgba(0, 0, 0, 0.09);

}



#header.header-sticky {

  position: fixed;

  top: 0;

  left: 0;

  right: 0;

  box-shadow: 0px 3px 6px rgb(0, 0, 0, 6%);

}



#header .header-wrap,

#header .header-wrap .header-ct-left,

#header .header-wrap .header-ct-center,

#header .header-wrap .header-ct-right {

  height: 100%;

}

/* header-default */



#header.header.header-default .inner-header .container,

.themesflat-top .container {

  max-width: 1750px;

}



#header .themesflat-socials {

  list-style: none;

  margin: 0;

  display: flex;

  align-items: center;

  margin-left: 35px;

}



#header .themesflat-socials li {

  background: unset !important;

}



#header .themesflat-socials li:not(:last-child) {

  margin-right: 16px;

}



#header .themesflat-socials li a {

  font-size: 20px;

  color: #24272C;

}



#header .themesflat-socials li a:hover {

  color: var(--theme-primary-color);

}



#header .header-wrap {

  display: flex;

  align-items: center;

  width: 100%;

  position: relative;

  justify-content: center;

}

#header .header-wrap .header-ct-left {

  flex-grow: 1;

  justify-content: left;

  display: flex;

  align-items: center;

}



#header .header-wrap .header-ct-center {

  flex-grow: 1;

  justify-content: center;

  display: flex;

  align-items: center;

}



#header .header-wrap .header-ct-right {

  flex-grow: 1;

  justify-content: flex-end;

  display: flex;

  align-items: center;

}



#header .tf-btn {

  margin-left: 25px;

  background: transparent;

  border: 1px solid var(--theme-primary-color);

  font-size: 16px;

  font-weight: 500;

  line-height: 22.4px;

  color: var(--theme-primary-color);

  padding: 13px 25px;

  border-radius: 14px;

  padding-left: 28px;

}



#header.fixed-show .tf-btn {

  border: 1px solid var(--theme-primary-color) !important;

  color: var(--theme-primary-color) !important;

}



#header .tf-btn:hover {

  background: var(--theme-primary-color) !important;

  color: #fff;

  border-color: var(--theme-primary-color) !important;

}



#header.fixed-show .tf-btn:hover {

  border-color: var(--theme-primary-color) !important;

  color: #fff !important;

}



#header .tf-btn i,

.info-footer .tf-btn i,

.tf-btn.has-icon i {

  vertical-align: text-bottom;

  margin-right: 9px;

}



#header .tf-btn:hover,

.info-footer .tf-btn:hover,

.tf-btn.has-icon:hover {

  color: #fff;

}



.header-absolute .header-default .header-wrap .header-ct-left,

.header-absolute #header .header-wrap .header-ct-right .phone-header-box {

  border-color: transparent;

}



#header .logo {

  display: flex;

  justify-content: center;

  align-items: center;

}



#header .logo .site-logo-fixed {

  display: none;

}



.header.fixed-show .header-wrap .site-logo {

  display: none;

}



#header.fixed-show .header-wrap .logo .site-logo-fixed {

  display: block;

}



#header .header-wrap .header-ct-center .inner-center {

  display: flex;

  align-items: center;

  position: relative;

}



#header .header-wrap .phone-header-box {

  height: 100%;

  display: flex;

  align-items: center;

  color: #3A3A3C;

  font-size: 14px;

  font-weight: 400;

  line-height: 150%;

  margin-left: 35px;

}



#header .header-wrap .phone-header-box .icon {

  color: var(--theme-primary-color);

  font-size: 30px;

  margin-right: 14px;

  opacity: 1;

}



#header .header-wrap .header-ct-right .header-modal-menu-left-btn i,

#header .header-wrap .header-ct-right .show-search i {

  font-size: 24px;

  display: block;

}



#header .header-wrap .header-ct-right .show-search .search-submit i {

  font-size: 16px;

  color: #B6B6B6;

}



#header .header-wrap .phone-header-box h3 {

  font-size: 16px;

  font-weight: 500;

  line-height: 150%;

  margin-bottom: 0;

  color: #fff;

}



#header .header-wrap .phone-header-box h3 a {

  color: #fff;

}



#header .header-wrap .phone-header-box h3 a:hover {

  color: var(--theme-primary-color);

}



#header .header-info-item {

  display: flex;

  align-items: center;

  margin-left: 88px;

}



#header .header-info-item:first-child {

  margin-left: 0;

}



#header .header-info-item .info-label {

  width: 50px;

  height: 50px;

  border-radius: 50%;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  background: #0A1426;

  font-size: 16px;

  margin-right: 12px;

}



#header .header-info-item .content .title {

  font-weight: 400;

  font-size: 13px;

  line-height: 20px;

  color: #9c9ea6;

  margin-bottom: -4px;

}



#header .header-info-item .content .info-content {

  font-weight: 600;

  font-size: 13px;

  line-height: 20px;

  color: #24272C;

}



.phone-header-box {

  display: flex;

  align-items: center;

}



.phone-header-box .icon {

  font-size: 35px;

  color: #1C1C1E;

  opacity: 0.2;

  margin-right: 16px;

}



.phone-header-box .inner,

.phone-header-box .inner h3 {

  font-size: 14px;

  font-weight: 400;

  color: #8E8E93;

}



.phone-header-box .inner h3 {

  margin: 0;

  font-weight: 600;

  color: #24272C;

}



.footer .phone-header-box .icon {

  color: #fff;

  opacity: 0.3;

}



.footer .contact-user-wrap,

.footer .phone-header-box.phone {

  margin-bottom: 13px;

  padding-bottom: 13px;

  border-bottom: 1px solid #ffffff17;

}



.footer .contact-property-form .contact-user-wrap {

  margin-bottom: -25px;

}



/* header 02 */



.themesflat-top,

.themesflat-top.style-01 .infor-topbar,

.themesflat-top .infor-topbar i,

.themesflat-top a,

.themesflat-top.select-2 a,

.themesflat-top.select-2 .themesflat-socials li a,

.themesflat-top .themesflat-socials li a {

  color: #FFFFFF;

}



.header-02.header-absolute .header-boxed {

  position: absolute;

  top: 10px;

  left: 0;

  right: 0;

  margin: 0 auto;

  max-width: 1900px;

  padding: 0 10px;

}



.header-02 .themesflat-top.style-01 {

  background: #fff;

  padding: 13px 0;

  border-bottom: 1px solid rgba(237, 237, 237, 1);

}



.header-02.header-absolute .themesflat-top.style-01 {

  border-radius: 16px 16px 0 0;

}



.header-02 .themesflat-top,

.header-02 .themesflat-top.style-01 .infor-topbar,

.header-02 .themesflat-top .infor-topbar i,

.header-02 .themesflat-top a,

.header-02 .themesflat-top.select-2 a,

.header-02 .themesflat-top.select-2 .themesflat-socials li a,

.header-02 .themesflat-top .themesflat-socials li a {

  color: #696665;

}



.header-02 #header.header-default {

  box-shadow: none;

  border-bottom: 1px solid rgba(237, 237, 237, 1);

}



.header-02.header-absolute #header.header-default {

  border-bottom: none;

  border-radius: 0 0 16px 16px;

}



.header-02 #header.header-default .tf-btn {

  margin-left: 25px;

  background: var(--theme-primary-color);

  color: #fff;

}



.header-02 #header.header-default .tf-btn:hover {

  background: #24272C;

  border-color: #24272C;

  color: #fff;

}





/* button header */

.btn-topbar,

.btn-header,

.btn-st {

  color: #fff;

  padding: 18px 34px;

  display: inline-flex;

  z-index: 1;

  overflow: hidden;

  position: relative;

  line-height: 1;

  white-space: nowrap;

  background: var(--theme-primary-color);

  font-family: "Poppins";

  font-weight: 600;

  font-size: 16px;

  margin-left: 50px;

  border-radius: 4px;

}



.tf-btn {

  user-select: none;

  background: #24272C none repeat scroll 0 0;

  border: medium none;

  border-radius: 9px;

  color: #fff;

  cursor: pointer;

  display: inline-block;

  font-size: 15px;

  font-weight: 500;

  letter-spacing: 0;

  margin-bottom: 0px;

  padding: 12px 25px;

  text-align: center;

  touch-action: manipulation;

  transition: all 700ms ease 0s;

  vertical-align: middle;

  white-space: nowrap;

  position: relative;

  overflow: hidden;

  z-index: 1;

}



.tf-btn:hover {

  background: var(--theme-primary-color);

}



.btn-st {

  margin-top: 0;

  margin-left: 0px;

}



.btn-header i,

.btn-st i {

  margin-left: 6px;

}



.btn-topbar:hover,

.btn-header:hover,

.btn-st:hover {

  background: var(--theme-primary-color);

  color: #fff;

}



.themesflat-top .wrap-btn-topbar .btn-topbar {

  border-radius: 0;

  padding: 15px 31px;

  text-transform: uppercase;

  margin-left: 34px;

}



/* menu register login */



.login-header,

.login-header ul {

  display: flex;

  align-items: center;

}



.login-header ul {

  list-style: none;

  margin: 0;

}

.login-header ul li span {

  font-size: 16px;

  font-weight: 500;

  line-height: 150%;

  color: #24272C;

  cursor: pointer;

  -webkit-transition: all 0.3s ease 0s;

  -moz-transition: all 0.3s ease 0s;

  -ms-transition: all 0.3s ease 0s;

  -o-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s;

}

.login-header ul li span:hover {

  color: var(--theme-primary-color);

}

.login-header ul li:not(:last-child)::after {

  content: '/';

  font-size: 15px;

  margin: 0 5px;

  font-weight: 600;

}

.login-header .icon {

  margin-right: 4px;

}



/* menu toggle */



.action-btn {

  position: absolute;

  right: 0px;

  top: 50%;

  transform: translateY(-50%);

  display: inline-block;

  font-size: 10px;

  color: #333333;

  -webkit-transition: all 0.5s ease 0s;

  -moz-transition: all 0.5s ease 0s;

  -ms-transition: all 0.5s ease 0s;

  -o-transition: all 0.5s ease 0s;

  transition: all 0.5s ease 0s;

  cursor: pointer;

}



.action-btn i {

  display: inline-block;

  -webkit-transition: all 0.5s ease 0s;

  -moz-transition: all 0.5s ease 0s;

  -ms-transition: all 0.5s ease 0s;

  -o-transition: all 0.5s ease 0s;

  transition: all 0.5s ease 0s;

}



.action-btn:hover i {

  transform: rotateZ(-60deg);

}



/* logo */

#logo a,

#logo-mobi a {

  display: inline-block;

}



.logo img,

.logo svg,

.logo {

  -webkit-transition: all 0.3s ease 0s;

  -moz-transition: all 0.3s ease 0s;

  -ms-transition: all 0.3s ease 0s;

  -o-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s;

  image-rendering: -moz-crisp-edges; /* Firefox */

  image-rendering: -o-crisp-edges; /* Opera */

  image-rendering: -webkit-optimize-contrast; /* Webkit (non-standard naming) */

  image-rendering: crisp-edges;

  -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */

}



#logo-mobi .site-logo {

  height: auto;

}



#logo-mobi {

  min-height: 60px;

}



/* navigation */

#mainnav ul {

  list-style: none;

  margin: 0;

  padding: 0;

}



#mainnav ul li {

  position: relative;

}



#mainnav > ul > li {

  float: left;

}



#mainnav > ul > li:last-child {

  margin-right: 0;

}



#mainnav > ul {

  display: flex;

}

#mainnav > ul > li {

  padding: 0;

  -webkit-box-flex: unset;

  -ms-flex: unset;

  flex: unset;

  max-width: unset;

}



#mainnav > ul > li > a {

  font-size: 18px;

  position: relative;

  display: inline-block;

}



#mainnav > ul > li.current-menu-item > a,

#mainnav > ul > li > a:hover,

#mainnav > ul > li.current-menu-item > a,

#mainnav > ul > li.current-menu-ancestor > a,

#mainnav > ul > li.current-menu-parent > a {

  color: var(--theme-primary-color);

}



#mainnav > ul > li.current-menu-ancestor > a {

  font-weight: 600 !important;

}



#mainnav > ul > li > a i {

  font-size: 14px;

  margin-left: 5px;

}



#mainnav > ul > li.menu-item-has-children > a::after {

  font-family: "autodeal";

  content: "\e919";

  display: inline-block;

  margin-left: 7px;

  vertical-align: middle;

}



#mainnav > ul > li > a {

  position: relative;

  z-index: 5;

}



#mainnav > ul > li > a:hover {

  color: var(--theme-primary-color);

}



#mainnav > ul > li.current-menu-item > a,

#mainnav > ul > li.current-menu-ancestor > a,

#mainnav > ul > li.current-menu-parent > a {

  color: var(--theme-primary-color);

}



/* submenu */

#mainnav ul.sub-menu {

  padding: 0;

  text-align: left;

  position: absolute;

  left: 0px;

  top: 120%;

  width: 280px;

  background: #fff;

  z-index: 9999;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

  filter: alpha(opacity=0);

  opacity: 0;

  visibility: hidden;

  box-shadow: 0px 30px 60px 0px #24272C1A;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -ms-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

  pointer-events: none;

  border-radius: 0 0 16px 16px;

  border-top: 2px solid var(--theme-primary-color);

}



#mainnav ul.sub-menu:after {

  content: "";

  background: transparent;

  width: 100%;

  height: 15px;

  position: absolute;

  top: -15px;

  left: 0;

}



#mainnav > ul > li:last-child > ul.sub-menu {

  left: unset;

  right: 0;

}



#mainnav > ul > li:last-child > ul.sub-menu:before {

  left: unset;

  right: 30px;

}



#mainnav > ul > li > a,

.header-modal-menu-left-btn .text,

header .flat-information li,

header .flat-information li a,

#mainnav ul.sub-menu > li > a,

#mainnav li.megamenu > ul.sub-menu > .menu-item-has-children > a,

#mainnav ul.sub-menu > li > a:hover,

#mainnav ul.sub-menu > li.current-menu-item > a,

#mainnav-mobi ul li.current-menu-item > a,

#mainnav-mobi ul li.current-menu-ancestor > a,

#mainnav ul.sub-menu > li.current-menu-ancestor > a,

#mainnav-mobi ul li .current-menu-item > a,

#mainnav-mobi ul li.current-menu-item .btn-submenu:before,

#mainnav-mobi ul li .current-menu-item .btn-submenu:before {

  color: #24272C;

}



.header-modal-menu-left-btn .modal-menu-left-btn .line {

  background: #24272C;

}



#mainnav ul.sub-menu > li > a > span {

  background: var(--theme-primary-color);

  color: #fff;

  font-size: 12px;

  text-transform: uppercase;

  border-radius: 5px;

  padding: 5px 7px;

  position: absolute;

  top: 50%;

  right: 0;

  transform: translateY(-50%);

  line-height: 1;

}



/* Right sub-menu */

#mainnav ul.right-sub-menu {

  left: auto;

  right: 0;

}



#mainnav ul li:hover > ul.sub-menu {

  top: 100%;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

  filter: alpha(opacity=100);

  opacity: 1;

  visibility: visible;

  pointer-events: all;

}



#mainnav ul li ul li {

  margin-left: 0;

}



#mainnav ul.sub-menu li ul.sub-menu {

  position: absolute;

  left: 100%;

  top: 0px;

}



#mainnav ul.sub-menu li ul.sub-menu li a:hover::after,

#mainnav ul.sub-menu li ul.sub-menu li.current-menu-item a::after {

  background: var(--theme-primary-color);

}



#mainnav ul.sub-menu li ul.sub-menu:before {

  top: 25px;

  left: -5px;

}



#mainnav ul.sub-menu li ul.sub-menu ul.sub-menu ul.sub-menu {

  left: 0;

  top: 100%;

}



#mainnav ul.sub-menu li ul.sub-menu ul.sub-menu ul.sub-menu ul.sub-menu {

  left: -100%;

  top: 0;

}



#mainnav ul.sub-menu > li {

  border-top: 1px solid #f5f5f5;

}



#mainnav ul.sub-menu > li:first-child {

  border-top: 0;

}



#mainnav ul.sub-menu > li > a {

  display: block;

  text-decoration: none;

  padding: 15.4px 24px;

  padding-right: 0;

  line-height: normal;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -ms-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}



#mainnav ul.sub-menu li.menu-item-has-children > a::before {

  font-family: "autodeal";

  content: "\e919";

  right: 20px;

  line-height: normal;

  position: absolute;

  top: 50%;

  -webkit-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  transform: translateY(-50%);

}



#mainnav .megamenu ul.sub-menu li.menu-item-has-children > a::before {

  display: none;

}



#mainnav ul.sub-menu > li a:hover,

#mainnav ul.sub-menu > li.current-menu-item a {

  color: var(--theme-primary-color);

}



#mainnav ul.sub-menu > li.sub-parent:hover::after {

  right: 18px;

}



#mainnav ul.sub-menu > li:last-child a {

  border-radius: 0 0 16px 16px;

}



#mainnav > ul > li.home > a:before {

  opacity: 1;

  content: "";

  position: absolute;

  left: 20px;

  bottom: -15px;

  width: 15px;

  height: 5px;

  background-color: var(--theme-primary-color);

}



#mainnav > ul > li.home > a:after {

  opacity: 1;

  position: absolute;

  left: 36px;

  bottom: -15px;

  width: 15px;

  height: 5px;

  background-color: #000;

  content: "";

}



/* Mega Menu */



.tf-megamenu > .sub-menu {

  display: flex;

  flex-wrap: wrap;

  width: 400px !important;

  overflow: hidden;

}



.tf-megamenu ul.sub-menu > li:last-child a {

  border-radius: 0 !important;

}



.tf-megamenu .sub-menu > li {

  width: 50% !important;

}



#mainnav .tfcl-mega-menu > ul.sub-menu {

  width: max-content !important;

  left: 50% !important;

  transform: translateX(-50%);

  display: flex;

  column-gap: 40px;

  padding: 20px !important;

}



.page-template-page-dashboard #mainnav .tfcl-mega-menu > ul.sub-menu {

  left: 0% !important;

  transform: unset !important;

}



#mainnav .tfcl-mega-menu > ul.sub-menu > li {

  flex: 1;

  border: none !important;

}



#mainnav .tfcl-mega-menu > ul.sub-menu > li a {

  padding: 10px 13px !important;

  background: unset !important;

  width: max-content;

}



#mainnav .tfcl-mega-menu > ul.sub-menu > li > a {

  font-size: 18px !important;

  font-weight: 600 !important;

  padding: 10px 13px !important;

  color: #24272C !important;

  cursor: default;

}



#mainnav .tfcl-mega-menu > ul.sub-menu > li a::before,

#mainnav .tfcl-mega-menu > ul.sub-menu > li a::after {

  display: none;

}



#mainnav .tfcl-mega-menu > ul.sub-menu > li > ul.sub-menu {

  position: unset !important;

  opacity: 1 !important;

  visibility: visible !important;

  box-shadow: unset !important;

  border: none !important;

  width: 200px;

}



#mainnav .tfcl-mega-menu > ul.sub-menu li {

  border: none !important;

}



/* Canvas Menu */



.canvas-nav-wrap .inner-canvas-nav {

  width: 320px;

  height: 100%;

  top: 0;

  left: 0px;

  -webkit-transform: translateX(-100%);

  transform: translateX(-100%);

  position: fixed;

  background-color: #fff;

  z-index: 999999;

  overflow-y: auto;

  -webkit-overflow-scrolling: touch;

  -webkit-transition-duration: 0.5s;

  transition-duration: 0.5s;

  -webkit-transition-timing-function: ease;

  transition-timing-function: ease;

}



.canvas-nav-wrap.active .inner-canvas-nav {

  -webkit-transform: translateX(0%);

  transform: translateX(0%);

}



.canvas-nav-wrap .overlay-canvas-nav {

  content: "";

  position: fixed;

  left: 0;

  top: 0;

  background-color: rgba(0, 0, 0, 0.5);

  width: 100%;

  height: 100%;

  z-index: 999;

  opacity: 0;

  visibility: hidden;

  -webkit-transition: all 0.3s ease 0s;

  -moz-transition: all 0.3s ease 0s;

  -ms-transition: all 0.3s ease 0s;

  -o-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s;

}



.canvas-nav-wrap.active .overlay-canvas-nav {

  opacity: 1;

  visibility: visible;

}



.canvas-menu-close {

  position: absolute;

  right: 20px;

  top: 30px;

}



.canvas-menu-close span {

  position: relative;

  background: transparent;

  cursor: pointer;

  display: inline-block;

  width: 26px;

  height: 26px;

}



.canvas-menu-close span:before,

.canvas-menu-close span:after {

  content: "";

  position: absolute;

  top: 0;

  height: 2px;

  width: 100%;

  left: 0;

  top: 50%;

  -webkit-transform-origin: 50% 50%;

  -ms-transform-origin: 50% 50%;

  transform-origin: 50% 50%;

  background: #fff;

}



.canvas-menu-close span:before {

  -webkit-transform: rotate3d(0, 0, 1, 45deg);

  transform: rotate3d(0, 0, 1, 45deg);

}



.canvas-menu-close span:after {

  -webkit-transform: rotate3d(0, 0, 1, -45deg);

  transform: rotate3d(0, 0, 1, -45deg);

}



#header .inner-canvas-nav .logo {

  margin-bottom: 0;

  border-radius: 0;

  justify-content: left;

  min-height: 100%;

}



#header .inner-canvas-nav .group-header-logo {

  background: #FFF;

  box-shadow: 0px 4px 18px 0px rgba(0, 0, 0, 0.08);

  padding: 12px 20px;

  border: unset;

  position: relative;

  margin-bottom: 20px;

}



#header .inner-canvas-nav .group-header-logo .show-search {

  min-width: unset;

  margin-left: 0px;

  position: absolute;

  top: 50%;

  right: 20px;

  transform: translateY(-50%);

}



#header .inner-canvas-nav .group-header-logo .show-search > a {

  width: 36px;

height: 36px;

flex-shrink: 0;

background: rgba(208, 24, 24, 0.13);

color: var(--theme-primary-color);

border-radius: 50%;

display: flex;

align-items: center;

justify-content: center;

}



#header .inner-canvas-nav .bottom-canvas-nav {

  padding: 20px 20px 20px 20px;

  background: #FFF;

}



#header .widget_login_menu_widget {

  flex-shrink: 0;

}



#mainnav_canvas,

#header .inner-canvas-nav .group-author,

#header .inner-canvas-nav .wrap-btn-mobile,

#header .inner-canvas-nav .login-header,

#header .inner-canvas-nav .mobile-contact .phone-header-box.phone {

  padding-bottom: 20px;

  margin-bottom: 20px;

  border-bottom: 1px solid #EFEFEF;

}



#header .inner-canvas-nav .group-author {

  display: flex;

  align-items: center;

}



#header .inner-canvas-nav .group-author .widget_login_menu_widget {

  display: inline-block;

  margin-right: 10px;

}



#header .inner-canvas-nav .group-author .name {

  font-size: 16px;

  font-weight: 600;

  color: #000;

}



#header .inner-canvas-nav .group-author .name::after {

  content: '\e919';

  font-family: 'autodeal';

  margin-left: 7px;

}



.widget_login_menu_widget .user-dropdown {

  position: relative;

}



.widget_login_menu_widget .user-dropdown #dropdown-menu-user-login {

  overflow: unset;

}



#header .inner-canvas-nav .widget_login_menu_widget {

  margin: 0;

  margin-bottom: 0;

}



#header .inner-canvas-nav .tf-btn {

  width: 100%;

  margin-left: 0;

}



.inner-canvas-nav .logo > a {

  max-width: 180px;

}



#mainnav_canvas ul {

  list-style: none;

  padding: 0;

  margin: 0;

}



#mainnav_canvas ul > li {

  width: 100%;

  position: relative;

  border-top: solid 1px rgba(255, 255, 255, 0.05);

}



#mainnav_canvas > ul > li:last-child {

  border-bottom: solid 1px rgba(255, 255, 255, 0.2);

}



#mainnav_canvas ul > li:last-child {

  border-bottom: solid 1px transparent;

}



#mainnav_canvas ul li a {

  font-weight: 600;

  display: inline-block;

  width: 100%;

  height: auto;

  padding: 10px 50px 10px 0px;

  text-align: left;

  color: #24272C;

  font-size: 16px;

}



#mainnav_canvas ul li a > span {

  background: var(--theme-primary-color);

  color: #fff;

  font-size: 12px;

  text-transform: uppercase;

  border-radius: 5px;

  padding: 5px 7px;

  position: absolute;

  top: 50%;

  right: 10px;

  transform: translateY(-50%);

  line-height: 1;

}



#mainnav_canvas ul .sub-menu {

  background: var(--theme-primary-rgba);

  padding: 15px 20px;

  border-radius: 10px;

}



#mainnav_canvas .sub-menu a {

  padding: 5px 0px;

  font-weight: 400;

}



#mainnav_canvas ul li.current_page_item > a,

#mainnav_canvas ul li.current-menu-item > a,

#mainnav_canvas ul li.current-menu-ancestor > a,

#mainnav_canvas ul li.current-menu-parent > a {

  color: var(--theme-primary-color);

}



/* favorite */



.tfcl-header-favorite {

  font-size: 24px;

  padding-left: 15px;

  position: relative;

}



.tfcl-header-favorite:hover {

  color: var(--theme-primary-color) !important;

}



.tfcl-header-favorite::after {

  content: '';

  width: 1px;

  height: 18px;

  background: rgba(255, 255, 255, 0.2);

  position: absolute;

  right: -16px;

  top: 50%;

  transform: translateY(-50%);

}



/* Show search */



.show-search {

  position: relative;

  min-width: 20px;

  margin-left: 36px;

  z-index: 10;

  display: flex;

  align-items: center;

  height: 100%;

  font-size: 14px;

  padding-right: 15px;

  position: relative;

}



.show-search > a:hover {

  color: var(--theme-primary-color) !important;

}



.show-search::after {

  content: '';

  width: 1px;

  height: 18px;

  background: rgba(255, 255, 255, 0.2);

  position: absolute;

  right: 0;

  top: 50%;

  transform: translateY(-50%);

}



.show-search > a {

  color: #24272C;

}



.show-search a {

  position: relative;

}



.show-search.active a > .fa-search:before {

  content: "\f00d";

}



.top-search {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 99999;

  opacity: 0;

  visibility: hidden;

  -webkit-transition: all 0.5s cubic-bezier(0.46, 0.03, 0.52, 0.96);

  -khtml-transition: all 0.5s cubic-bezier(0.46, 0.03, 0.52, 0.96);

  -moz-transition: all 0.5s cubic-bezier(0.46, 0.03, 0.52, 0.96);

  -ms-transition: all 0.5s cubic-bezier(0.46, 0.03, 0.52, 0.96);

  -o-transition: all 0.5s cubic-bezier(0.46, 0.03, 0.52, 0.96);

  transition: all 0.5s cubic-bezier(0.46, 0.03, 0.52, 0.96);

}



.top-search.show {

  opacity: 1;

  visibility: visible;

}



.top-search .search-overlay {

    opacity: 0;

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: rgba(36, 39, 44, 0.6);

    z-index: -1;

    -webkit-transition: 0.5s;

    -khtml-transition: 0.5s;

    -moz-transition: 0.5s;

    -ms-transition: 0.5s;

    -o-transition: 0.5s;

    transition: 0.5s;

}



.top-search.show .search-overlay {

  opacity: 1;

}



.top-search.show .search-content {

  top: 0;

  -webkit-transition: top 0.5s cubic-bezier(0.46, 0.03, 0.52, 0.96), box-shadow 0.3s ease-out;

  -khtml-transition: top 0.5s cubic-bezier(0.46, 0.03, 0.52, 0.96), box-shadow 0.3s ease-out;

  -moz-transition: top 0.5s cubic-bezier(0.46, 0.03, 0.52, 0.96), box-shadow 0.3s ease-out;

  -ms-transition: top 0.5s cubic-bezier(0.46, 0.03, 0.52, 0.96), box-shadow 0.3s ease-out;

  -o-transition: top 0.5s cubic-bezier(0.46, 0.03, 0.52, 0.96), box-shadow 0.3s ease-out;

  transition: top 0.5s cubic-bezier(0.46, 0.03, 0.52, 0.96), box-shadow 0.3s ease-out;

}



.top-search .search-content {

  position: absolute;

  padding: 0 15px;

  top: -400px;

  left: 0;

  width: 100%;

  height: 100%;

  max-height: 400px;

  will-change: top, box-shadow;

  background-color: rgb(36, 39, 44);

  -webkit-transition: top 0.5s cubic-bezier(0.46, 0.03, 0.52, 0.96), box-shadow 0.3s ease-out;

  -khtml-transition: top 0.5s cubic-bezier(0.46, 0.03, 0.52, 0.96), box-shadow 0.3s ease-out;

  -moz-transition: top 0.5s cubic-bezier(0.46, 0.03, 0.52, 0.96), box-shadow 0.3s ease-out;

  -ms-transition: top 0.5s cubic-bezier(0.46, 0.03, 0.52, 0.96), box-shadow 0.3s ease-out;

  -o-transition: top 0.5s cubic-bezier(0.46, 0.03, 0.52, 0.96), box-shadow 0.3s ease-out;

  transition: top 0.5s cubic-bezier(0.46, 0.03, 0.52, 0.96), box-shadow 0.3s ease-out;

  -webkit-backdrop-filter: blur(10px);

  backdrop-filter: blur(10px);

  display: flex;

  flex-wrap: wrap;

  align-items: center;

  flex-direction: column;

  justify-content: center;

}



.top-search .search-content form {

  position: relative;

  max-width: 1290px;

  margin: 0 auto;

  width: 100%;

  -webkit-animation-delay: 0.5s;

  -moz-animation-delay: 0.5s;

  -o-animation-delay: 0.5s;

  animation-delay: 0.5s;

  visibility: hidden;

}



.top-search.show .search-content form {

  -webkit-animation-name: fadeIn;

  animation-name: fadeIn;

  -webkit-animation-duration: 0.7s;

  animation-duration: 0.7s;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

  visibility: visible;

}



.top-search .search-content form label {

  margin: 0;

  position: relative;

  overflow: hidden;

  border-radius: 14px;

}



.top-search .search-content form label::after {

  position: absolute;

  top: 0;

  left: -160%;

  display: block;

  content: "";

  width: 50%;

  height: 100%;

  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);

  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.3)));

  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);

  -webkit-transform: skewX(-25deg);

  -ms-transform: skewX(-25deg);

  transform: skewX(-25deg);

  -webkit-animation-delay: 1.1s;

  -moz-animation-delay: 1.1s;

  -o-animation-delay: 1.1s;

  animation-delay: 1.1s;

}



.top-search.show .search-content form label::after {

  animation: shine 2.5s alternate;

}



.top-search .search-content .wrap-logo-footer {

  -webkit-animation-delay: 0.3s;

  -moz-animation-delay: 0.3s;

  -o-animation-delay: 0.3s;

  animation-delay: 0.3s;

  visibility: hidden;

}



.top-search.show .search-content .wrap-logo-footer {

  -webkit-animation-name: fadeIn;

  animation-name: fadeIn;

  -webkit-animation-duration: 0.6s;

  animation-duration: 0.6s;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

  visibility: visible;

}



.top-search .search-content form input[type="search"] {

  border: 1px solid transparent;

  padding-left: 20px;

  background: rgba(255, 255, 255, 0.07);

  color: #fff;

}



.top-search .search-content form input[type="search"]::placeholder {

  color: #fff;

}



.top-search .top-inner-search {

  display: flex;

  align-items: center;

  justify-content: space-between;

  width: 1290px;

  margin: 0 auto;

  margin-bottom: 50px;

  position: absolute;

  top: 15%;

}



.top-search .search-content form button {

  color: #fff;

  left: unset;

  right: 0;

  top: 2px;

}



.top-search .search-content form button:hover {

  color: var(--theme-primary-color);

}



.top-search .top-inner-search .button-close-search {

  color: #fff;

  font-size: 30px;

  cursor: pointer;

  -webkit-transition: -webkit-transform 0.3s ease, color 0.3s ease;

  -ms-transition: -ms-transform 0.3s ease, color 0.3s ease;

  transition: transform 0.3s ease, color 0.3s ease;

  -webkit-transform-origin: 50% 50%;

  -ms-transform-origin: 50% 50%;

  transform-origin: 50% 50%;

  -webkit-animation-delay: 0.3s;

  -moz-animation-delay: 0.3s;

  -o-animation-delay: 0.3s;

  animation-delay: 0.3s;

  visibility: hidden;

}



.top-search.show .top-inner-search .button-close-search {

  -webkit-animation-name: fadeInAnimScale;

  animation-name: fadeInAnimScale;

  -webkit-animation-duration: 0.6s;

  animation-duration: 0.6s;

  -webkit-animation-fill-mode: backwards;

  animation-fill-mode: backwards;

  visibility: visible;

}



.top-search .top-inner-search .button-close-search:hover {

  color: var(--theme-primary-color);

  transform: rotate(90deg);

}



@keyframes fadeInAnimScale {

	0% {opacity: 0; transform:scale(0.2) rotate(0);}

	100% {opacity: 1; transform:scale(1) rotate(180deg);}

}



#header {

  width: 100%;

  z-index: 999;

  position: relative;

  -webkit-transition: all 0.5s ease-in-out;

  -moz-transition: all 0.5s ease-in-out;

  -ms-transition: all 0.5s ease-in-out;

  -o-transition: all 0.5s ease-in-out;

  transition: all 0.5s ease-in-out;

}



.header_sticky #header.fixed-show {

  z-index: 9999;

  position: fixed;

  top: -50px;

  width: 100%;

}



.header_sticky #header.header-sticky.fixed-show {

  top: 0;

}



.header_sticky #header.header-sticky {

  z-index: 999;

  position: fixed;

  width: 100%;

  box-shadow: 0px 3px 6px rgb(0, 0, 0, 6%);

}



.header-absolute #header.header-default.header-sticky {

    background: #fff;

    border-radius: 0;

}



.header-absolute #header.header-default.header-sticky #mainnav > ul > li > a {

  line-height: 86px;

}



#header.header-default {

  background: #fff;

  border-bottom: 1px solid #ffffff2c;

}



#header.header-default {

  box-shadow: 0px 4px 18px 0px #24272C14;

}



#mainnav > ul > li > a {

  white-space: nowrap;

}



#header,

#mainnav > ul > li > a,

#header .show-search a,

header .block a,

#header .mini-cart-header .cart-count,

#header .mini-cart .cart-count,

.button-menu {

  -webkit-transition: all 0.3s ease 0s;

  -moz-transition: all 0.3s ease 0s;

  -ms-transition: all 0.3s ease 0s;

  -o-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s;

}



/* Header Absolute */

.header-absolute .header-boxed {

  position: absolute;

  width: 100%;

  z-index: 9999;

}



.header-absolute .header.widget-header .nav .header-wrap {

  border-bottom: 1px solid rgba(255, 255, 255, 0);

}



/* Mobile navigation

-------------------------------------------------------------- */

#mainnav-mobi {

  display: block;

  margin: 0 auto;

  width: 100%;

  z-index: 1000;

  position: absolute;

}



#mainnav-mobi ul {

  display: block;

  list-style: none;

  margin: 0;

  padding: 0;

}



#mainnav-mobi ul {

  background-color: #222222;

}



#mainnav-mobi ul li {

  margin: 0;

  position: relative;

  text-align: center;

  border-top: 1px solid rgba(255, 255, 255, 0.05);

  cursor: pointer;

  background-color: #222222;

}



#mainnav-mobi ul ul li {

  background-color: #252525;

}



#mainnav-mobi ul ul ul li {

  background-color: #292929;

}



#mainnav-mobi ul > li > a {

  text-decoration: none;

  height: 50px;

  line-height: 50px;

  padding: 0 15px;

  color: #b1b1b1;

}



#mainnav-mobi ul.sub-menu {

  top: 100%;

  left: 0;

  z-index: 2000;

  position: relative;

}



#mainnav-mobi ul.sub-menu > li > a {

  display: block;

  text-decoration: none;

  padding: 0 15px;

  border-top-color: rgba(255, 255, 255, 0.1);

  -webkit-transition: all 0.2s ease-out;

  -moz-transition: all 0.2s ease-out;

  -o-transition: all 0.2s ease-out;

  transition: all 0.2s ease-out;

}



#mainnav-mobi ul li ul li ul li a {

  padding-left: 45px !important;

}



#mainnav-mobi > ul > li > ul > li:first-child a {

  border-top: none;

}



.btn-menu {

  flex-shrink: 0;

  display: none;

  float: right;

  position: relative;

  background: transparent;

  cursor: pointer;

  margin: 20px 0px 20px 20px;

  width: 25px;

  height: 20px;

  -webkit-transition: all ease 0.238s;

  -moz-transition: all ease 0.238s;

  transition: all ease 0.238s;

}



.btn-menu:before,

.btn-menu:after,

.btn-menu span {

  background-color: #fff;

  -webkit-transition: all ease 0.238s;

  -moz-transition: all ease 0.238s;

  transition: all ease 0.238s;

}



.btn-menu:before,

.btn-menu:after {

  content: "";

  position: absolute;

  top: 0;

  height: 2px;

  width: 100%;

  left: 0;

  top: 50%;

  -webkit-transform-origin: 50% 50%;

  -ms-transform-origin: 50% 50%;

  transform-origin: 50% 50%;

}



.btn-menu span {

  position: absolute;

  width: 100%;

  height: 2px;

  left: 0;

  top: 50%;

  overflow: hidden;

  text-indent: 200%;

}



.btn-menu span.line-1 {

  top: 50%;

}



.btn-menu span.line-2 {

  top: 60%;

}



.btn-menu:before {

  -webkit-transform: translate3d(0, -9px, 0);

  transform: translate3d(0, -9px, 0);

}



.btn-menu:after {

  -webkit-transform: translate3d(0, 9px, 0);

  transform: translate3d(0, 9px, 0);

}



.btn-menu.active span {

  opacity: 0;

}



.btn-menu.active:before {

  -webkit-transform: rotate3d(0, 0, 1, 45deg);

  transform: rotate3d(0, 0, 1, 45deg);

}



.btn-menu.active:after {

  -webkit-transform: rotate3d(0, 0, 1, -45deg);

  transform: rotate3d(0, 0, 1, -45deg);

}



.mainnav_canvas .btn-submenu {

  position: absolute;

  right: 0;

  top: 0;

  text-align: center;

  cursor: pointer;

  width: 30px;

  height: 40px;

  display: flex;

  align-items: center;

  justify-content: center;

  -webkit-transition: all 0.3s ease 0s;

  -moz-transition: all 0.3s ease 0s;

  -ms-transition: all 0.3s ease 0s;

  -o-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s;

}



.mainnav_canvas .sub-menu .btn-submenu {

  height: 30px;

}



.mainnav_canvas .btn-submenu.active {

  -webkit-transform: rotate(-180deg);

  -ms-transform: rotate(-180deg);

  transform: rotate(-180deg);

}



.mainnav_canvas .btn-submenu:before {

  content: "";

  height: 6px;

  width: 6px;

  display: inline-block;

  border-style: solid;

  border-width: 0 1px 1px 0;

  border-color: transparent #24272C #24272C transparent;

  -webkit-transform: rotate(45deg);

  -ms-transform: rotate(45deg);

  transform: rotate(45deg);

  -webkit-transition: border 0.3s;

  transition: border 0.3s;

}



.btn-menu {

  display: none;

}



/* Temtplate Css Global 

-------------------------------------------------------------- */

.page-template-front-page #themesflat-content.page-wrap,

.page-template-page_nosidebar #themesflat-content.page-wrap,

.page-template-one-page #themesflat-content.page-wrap {

  padding: 0;

  padding-top: 0;

  padding-bottom: 0;

}



.page-template-front-page .page-wrap .content-area,

.page-template-page_nosidebar .page-wrap .content-area,

.error404 .page-wrap .content-area,

.page-template-one-page .page-wrap .content-area {

  width: 100%;

  margin: 0;

}



.page-template-front-page .page-wrap .content-area:after {

  background-color: transparent;

  width: 0;

  height: 0;

}



.page-template-front-page .page-wrap .content-area,

.page-template-page_nosidebar .page-wrap .content-area,

.page-template-one-page .page-wrap .content-area {

  padding-right: 0 !important;

}



.page-wrap.sidebar-left .content-area,

.page-wrap.sidebar-right .content-area {

  float: left;

  width: 66.66666667%;

  position: relative;

  padding-right: 10px;

}



.page-wrap.sidebar-left .widget-area,

.page-wrap.sidebar-right .widget-area {

  float: left;

  width: 33.33333333%;

  position: relative;

  padding-left: 20px;

}



/* Blog Sidebar Left */

.page-wrap.sidebar-left .content-area {

  float: right;

  padding-right: 0px;

  padding-left: 10px;

}



.page-wrap.sidebar-left .widget-area {

  padding-left: 0px;

  padding-right: 70px;

}



.page-wrap.sidebar-left .content-area:after {

  left: 0;

}



.page-wrap.sidebar-left .pagination {

  text-align: center;

  margin-right: 0;

}



/* No sidebar */

body.no-sidebar .page-wrap.sidebar-left .content-area,

body.no-sidebar .page-wrap.sidebar-right .content-area {

  float: none;

  width: 100%;

  padding-right: 0;

}



body.no-sidebar .page-wrap.sidebar-left .content-area {

  padding-left: 0;

}



body.no-sidebar .widget-area {

  display: none;

}



/* Full Width Center */

.page-wrap.fullwidth-center .wrap-content-area {

  width: 82.933333%;

  max-width: 82.933333%;

  margin: 0 auto;

  float: none;

  text-align: center;

}



.fullwidth-center article .entry-content > p {

  font-size: 14px;

  font-weight: 500;

  line-height: 1.8;

  text-align: left;

  padding: 0 2.5px;

}



.page-wrap.fullwidth-small .wrap-content-area,

.page-wrap.fullwidth-small .wrap-content-area {

  width: 82.933333%;

  max-width: 82.933333%;

  margin: 0 auto;

  float: none;

}



.page-wrap.fullwidth .post-wrap {

  padding: 0;

}



.page-wrap.fullwidth .content-area:after {

  width: 0;

}



.page-wrap.fullwidth .widget-area,

.page-wrap.fullwidth-center .widget-area,

.page-wrap.fullwidth-small .widget-area {

  display: none;

}



/* Full Width */

.page-wrap.fullwidth .content-area,

.page-template-page_nosidebar .page-wrap.sidebar-right .content-area {

  width: 100%;

  max-width: 100%;

  margin: 0 auto;

  float: none;

}



.has-carousel article:before,

.has-carousel article:after {

  content: "";

  display: table;

  clear: both;

}



.blog-list-small .sticky .entry-border,

.blog-list-small .tag-sticky-2 .entry-border,

.blog-grid .sticky .entry-border,

.blog-grid .tag-sticky-2 .entry-border {

  border: none;

}



.blog-list-small .sticky .entry-border:hover,

.blog-list-small .tag-sticky-2 .entry-border:hover,

.blog-grid .sticky .entry-border:hover,

.blog-grid .tag-sticky-2 .entry-border:hover {

  box-shadow: none;

}



.blog-list .entry-border:hover {

  box-shadow: none;

}



.blog-list .sticky .entry-title::before,

.blog-list .tag-sticky-2 .entry-title::before,

.blog-grid .sticky .entry-title::before,

.blog-grid .tag-sticky-2 .entry-title::before {

  content: "\e914";

  font-size: 24px;

  color: var(--theme-primary-color);

  font-weight: 700;

  font-family: "autodeal";

  margin-right: 10px;

}



article:before,

article:after,

.entry-content:before,

.entry-content:after {

  content: "";

  display: table;

  clear: both;

}



/* Blog List Full Width */



article .content-post {

  -ms-word-wrap: break-word;

  word-break: break-word;

  word-wrap: break-word;

  padding: 0px;

  position: relative;

}



.blog-list-full-width article {

  margin-bottom: 70px;

}



.blog-list-full-width article .featured-post {

  margin-bottom: 24px;

}



.blog-list-full-width article .content-post .entry-content p,

.blog-list-full-width article .content-post p {

  margin-bottom: 12px;

}



.blog-list-full-width article .content-post .entry-title {

  font-size: 36px;

  font-weight: 700;

  margin-bottom: 7px;

}



.blog-list-full-width article {

  margin-bottom: 41px;

}



.blog-list-full-width article:last-of-type {

  margin-bottom: 50px;

}



article .themesflat-btn-blog i {

  margin-left: 11px;

  vertical-align: middle;

  color: #83827F;

}



article .post-meta .item-meta .meta-icon {

  -webkit-transition: all 0.3s ease 0s;

  -moz-transition: all 0.3s ease 0s;

  -ms-transition: all 0.3s ease 0s;

  -o-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s;

}



/* Blog Grid */

.blog-grid,

.blog-grid-simple {

  margin: 0 -15px;

}



.blog-grid > .item,

.blog-grid-simple > .item {

  float: left;

  width: 50%;

  padding: 0 15px;

}



.blog-grid.columns-3 > .item,

.blog-grid-simple.columns-3 > .item,

.blog-grid.blog-three-columns > .item,

.blog-grid-simple.blog-three-columns > .item {

  float: left;

  width: 33.33%;

}



.blog-grid.columns-4 > .item,

.blog-grid-simple.columns-4 > .item,

.blog-grid.blog-four-columns > .item,

.blog-grid-simple.blog-four-columns > .item {

  float: left;

  width: 25%;

}



.blog-grid,

.blog-grid-s1,

.blog-grid-simple {

  display: -webkit-flex;

  display: flex;

  -webkit-flex-wrap: wrap;

  flex-wrap: wrap;

}



.blog-grid .entry-border,

.blog-grid-simple .entry-border {

  -webkit-align-content: space-between;

  align-content: space-between;

  height: 100%;

  position: relative;

  border-radius: 0px;

  overflow: hidden;

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

}



.blog-grid-simple .entry-border {

  border-radius: 10px;

}



.blog-grid-simple .featured-post {

  display: none;

}



.single .blog-grid article .featured-post {

  margin: 0;

  position: relative;

  margin-bottom: 20px;

}



.single .blog-grid article .featured-post .meta-related {

  position: absolute;

  left: 50%;

  bottom: 10px;

  transform: translateX(-50%);

  padding: 6px 14px;

  border-radius: 6px;

  background: #fff;

  width: max-content;

  display: flex;

  align-items: center;

}



.single .blog-grid article .post-date {

  margin-right: 17px;

}



.single .blog-grid article .post-date,

.single .blog-grid article .post-categories a {

  font-size: 13px;

  font-weight: 600;

}



.single .blog-grid article .post-categories a {

  color: var(--theme-primary-color);

  margin-left: 4px;

}



.blog-grid.center .content-post {

  text-align: center;

}



.blog-grid.right .content-post {

  text-align: right;

}



.blog-grid.center .content-post .entry-meta,

.blog-grid.right .content-post .entry-meta {

  width: 100%;

}



.blog-grid,

.blog-grid-simple {

  overflow: hidden;

  margin: 0 -15px;

  border-bottom: none;

  position: relative;

}



.blog-grid.owl-theme .owl-controls .owl-nav div.owl-prev {

  left: 0px;

}



.blog-grid.owl-theme .owl-controls .owl-nav div.owl-next {

  right: 0px;

}



/* Blog Grid Simple */

.blog-grid-simple article .content-post {

  padding: 30px 30px 26px;

}



.blog-grid-simple.columns-4 article .content-post {

  padding: 15px;

}



.blog-grid-simple article .entry-meta {

  display: inline-block;

}



.blog-grid-simple article .entry-meta ul {

  margin: 0;

}



.blog-grid-simple article .entry-meta ul li {

  display: inline-flex;

}



.blog-grid-simple article .themesflat-button-container {

  padding: 0;

  display: inline-block;

  float: right;

  line-height: initial;

}



.blog-grid-simple article .wrap-meta-button {

  line-height: initial;

  border-top: 1px solid #ececec;

  padding-top: 22px;

  margin-top: 15px;

}



.blog-grid-simple.columns-4 article .wrap-meta-button {

  padding-top: 15px;

}



.blog-grid-simple article .themesflat-button-container > a:hover {

  color: #222;

}



.blog-grid-simple article .entry-meta ul li a {

  color: #888;

  font-size: 13px;

}



.blog-grid-simple article .entry-meta ul li > i {

  font-size: 20px;

  padding-right: 23px;

}



.blog-grid-simple.columns-4 article .entry-meta ul li > i {

  font-size: 16px;

  padding-right: 7px;

}



.blog-grid-simple article .entry-title {

  font-size: 19px;

  font-weight: 500;

  margin-bottom: 12px;

  width: 100%;

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

}



.blog-grid-simple article .entry-title:before {

  content: "\f0c1";

  font-family: "Font Awesome 5 Free";

  font-weight: 600;

  margin-right: 10px;

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

}



.blog-grid-simple article {

  margin-bottom: 30px;

}



/* Blog list */

article .bottom-blog {

  margin-top: 10px;

}



.blog-list article .entry-title,

.item article .entry-title {

  margin-bottom: 3px;

}



.blog-list article .post-content.post-excerpt,

.item article .post-content.post-excerpt {

  font-family: 'Inter';

  font-size: 14px;

  font-weight: 400;

  line-height: 20px;

}



.blog-list article .entry-title {

  -webkit-line-clamp: 3;

  -webkit-box-orient: vertical;

  display: -webkit-box;

  overflow: hidden;

  text-overflow: ellipsis;

  word-break: break-word;

}



.blog-list article .post-meta,

.item article .post-meta {

  margin-bottom: 24px;

}



.post-meta a {

  color: #24272C;

}



article .entry-title a,

.item article .entry-title a,

article .post-meta .item-meta a,

article .post-meta .item-meta,

.tags-links a,

.logged-in-as a {

  color: #24272C;

}



.blog-list article .themesflat-button-container,

.content-area .item article .themesflat-button-container {

  margin-top: 10px;

  display: flex;

}



.blog-list article .themesflat-button-container .themesflat-btn-blog {

  position: relative;

  background: transparent;

  border: 1px solid var(--theme-primary-color);

  color: var(--theme-primary-color);

  padding: 8px 25px;

  border-radius: 14px;

}



.blog-list article .themesflat-button-container .themesflat-btn-blog:hover {

  background: var(--theme-primary-color);

  color: #fff;

}



.blog-single .main-post ul:not(.elementor-icon-list-items) li {

  position: relative;

  font-size: 16px;

  font-weight: 400;

  margin-bottom: 20.6px;

}



/* Page Title

-------------------------------------------------------------- */

.page-title {

  position: relative;

  overflow: hidden;

  background-repeat: no-repeat;

}



.page-title-container {

  position: relative;

}



.page-title .overlay {

  position: absolute;

  top: 0;

  left: 0;

  height: 100%;

  width: 100%;

}



.page-title .container {

  max-width: 1750px;

}



@keyframes logoslider {

  0% {

    transform: translateX(0%);

  }

  100% {

    transform: translateX(-100%);

  }

}



.page-title.parallax {

  background-position: center;

}



.breadcrumbs span.trail-browse {

  position: relative;

  margin-right: 5px;

}



.breadcrumbs .trail-begin a span {

  color: var(--theme-primary-color);

  font-weight: 600;

}



.breadcrumbs span.sep {

  position: relative;

  text-align: center;

  margin: 0 7px;

  font-size: 7px;

  vertical-align: middle;

}



.breadcrumbs span.sep i {

  font-weight: 700;

  font-size: 9px;

}



.breadcrumbs span a,

.breadcrumbs a,

.breadcrumbs span {

  color: #999999;

  position: relative;

  font-size: 18px;

  font-weight: 500;

}



.breadcrumbs span a span {

  -webkit-transition: all 0.3s ease 0s;

  -moz-transition: all 0.3s ease 0s;

  -ms-transition: all 0.3s ease 0s;

  -o-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s;

}



.page-title .breadcrumbs {

}



.page-title .breadcrumbs .trail-items {

  display: inline-block;

}



.page-title .pagetitle-description {

  position: relative;

}



.page-title.left .pagetitle-description {

  padding-right: 47%;

  text-align: left;

}



.page-title.center .pagetitle-description {

  padding-right: 25%;

  padding-left: 25%;

  text-align: center;

}



.page-title.right .pagetitle-description {

  padding-left: 47%;

  text-align: right;

}



/* Style1 */

.page-title h1 {

  margin: 0;

  position: relative;

  -ms-word-wrap: break-word;

  word-wrap: break-word;

  text-transform: capitalize;

  margin-top: -2px;

}



.page-title.left .page-title-container h1,

.page-title.left .breadcrumbs {

  text-align: left;

}



.page-title.center .page-title-container h1,

.page-title.center .breadcrumbs {

  text-align: center;

}



.page-title.right .page-title-container h1,

.page-title.right .breadcrumbs {

  text-align: right;

}



.page-title.default .page-title-heading {

  margin-bottom: 8px;

}



.blog .page-title.default .page-title-heading {

  margin-bottom: 0px;

}



.page-title.inline .page-title-container {

  display: table;

}



.page-title.inline .page-title-container h1,

.page-title.inline .breadcrumbs {

  display: table-cell;

  vertical-align: middle;

}



.page-title.inline .page-title-container h1 {

  text-align: left;

}



.page-title.inline .breadcrumbs {

  text-align: right;

}



.page-title .wrap-button-page-title {

  display: flex;

  height: 100%;

  justify-content: flex-end;

  align-items: center;

}



.page-title .inner-breadcrumb {

  border-bottom: 1px solid #EDEDED;

  padding: 21px 15px;

  padding-bottom: 18px;

  margin-bottom: 62px;

}



.page-title .inner-breadcrumb > * {

  max-width: 1720px;

  margin: 0 auto;

}



.page-title .inner-breadcrumb a {

  font-weight: 600;

}



.page-title .inner-heading {

  max-width: 1320px;

  margin: 0 auto;

  display: flex;

  align-items: center;

  justify-content: space-between;

}



/* Blog

-------------------------------------------------------------- */

article h4.entry-time {

  text-transform: uppercase;

  margin: 0;

  float: left;

  width: 85px;

  border-right: 1px solid rgba(0, 0, 0, 0.1);

  margin-right: 20px;

  line-height: 1;

}



article h4.entry-time a {

  color: var(--theme-primary-color);

}



article h4.entry-time span.entry-day {

  font-size: 64px;

  line-height: 45px;

  display: block;

}



article h4.entry-time span.entry-month {

  font-size: 14px;

  line-height: 0.7px;

  font-weight: 700;

  padding-left: 5px;

}



article {

  margin-bottom: 60px;

  position: relative;

  -webkit-transition: all 0.3s ease 0s;

  -moz-transition: all 0.3s ease 0s;

  -ms-transition: all 0.3s ease 0s;

  -o-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s;

}



article .blog-slider ul {

  padding: 0;

  margin: 0;

  list-style: none;

}



article .entry-title {

  margin: 0;

  overflow: hidden;

  -ms-word-wrap: break-word;

  word-wrap: break-word;

}



article .entry-meta ul {

  padding: 0;

  margin: 0 0 15px 0;

  list-style: none;

}



article .entry-meta ul li {

  position: relative;

  display: inline-block;

  margin-right: 23px;

  text-transform: capitalize;

}



article .entry-meta ul li span {

  font-size: 14px;

  font-weight: 500;

}



article .entry-meta ul li span.gravatar img {

  border-radius: 50%;

}



article .entry-meta ul li span.gravatar {

  margin-right: 2px;

  vertical-align: top;

}



article .entry-meta ul li:last-child {

  margin-right: 0;

}



article .entry-meta ul li > i {

  padding-right: 10px;

}



article .entry-meta .dot {

  font-size: 17px;

  vertical-align: text-bottom;

  padding: 0 17px 0 10px;

}



article .entry-meta ul li a {

  color: #999999;

}



article .entry-meta .meta-right {

  float: right;

}



article .entry-meta .meta-right li {

  padding-left: 31px;

}



article .entry-meta .meta-right li i {

  padding-right: 10px;

}



.themesflat-button {

  color: #fff;

  font-size: 14px;

  font-weight: 700;

  padding: 21px 40px;

  display: inline-block;

  z-index: 1;

  overflow: hidden;

  position: relative;

  line-height: 1;

  white-space: nowrap;

  border-radius: 5px;

}



.themesflat-button:hover {

  color: #fff;

}



.blog-list .blog-post .themesflat_audio {

  background-color: transparent;

  padding: 0;

}



.themesflat_audio iframe {

  width: 100%;

  height: 166px;

  border: none;

}



article .featured-post img {

  position: relative;

  border-radius: 16px;

  object-fit: cover;

  height: 473px;

}



.blog article .featured-post a,

.page-template-blog article .featured-post a,

.blog-post .featured-post a,

.featured-post a {

  position: relative;

  display: inline-block;

}



.blog-post .featured-post {

  position: relative;

}



.blog-list .blog-post .featured-post a {

  background: var(--theme-primary-color);

  border-radius: 5px;

  color: #FFF;

  font-size: 14px;

  font-weight: 700;

  line-height: 22px;

  letter-spacing: 1.89px;

  text-transform: uppercase;

  padding: 7.5px 25px;

  margin-bottom: 10px;

  width: max-content;

}



.blog-list .blog-post .featured-post a:hover {

  background: #0A1426;

}



.blog-list .blog-post .featured-post,

.blog-list .blog-post .themesflat_audio,

.item .blog-post .featured-post,

.item .blog-post .themesflat_audio {

  overflow: hidden;

  margin-bottom: 28px;

}



.blog-list .blog-post .featured-post .post-categories {

  position: absolute;

  top: 14px;

  left: 14px;

  display: flex;

  align-items: center;

  flex-wrap: wrap;

  margin: 0;

}



.blog-list .blog-post .featured-post .post-categories li {

  list-style: none;

  margin-right: 15px;

  margin-bottom: 15px;

}



.blog-list .blog-post .featured-post .post-categories li:last-child {

  margin-right: 0;

}



.page-template-blog .navigation,

.blog .navigation,

.navigation {

  margin-top: 26px;

}



.blog .blog-archive.blog-list article .entry-meta ul i {

  font-size: 16px;

}



.content-area .wrap-blog-article.blog-grid {

  padding-bottom: 40px;

}



.content-area .wrap-blog-article.blog-grid::after {

  content: '';

  position: absolute;

  bottom: 0;

  left: 0;

  right: 0;

  background: #efefef;

  height: 1px;

  width: 100%;

  margin: 0 15px;

}



.blog-list article,

.content-area .item article {

  margin-bottom: 36px;

  border-bottom: 1px solid #EDEDED;

  padding-bottom: 36px;

}



.content-area .blog-grid article {

  padding-top: 0px;

  padding-bottom: 0px;

  border: unset;

}



.blog-list .item:first-child article,

.content-area .item:first-child article {

  padding-top: 0;

}



.blog-grid article {

  margin-bottom: 45px;

}



.blog-grid article .entry-content > p {

  font-size: 15px;

  line-height: 170%;

}



.blog-grid article .themesflat-button-container {

  margin-top: 15px;

}



.blog-grid article .themesflat-button-container > a,

.blog-grid-simple article .themesflat-button-container > a {

  color: var(--theme-primary-color);

  font-size: 13px;

  font-weight: 600;

}



.blog-grid article .themesflat-button-container > a:before,

.blog-grid-simple article .themesflat-button-container > a:before {

  width: 15px;

  height: 15px;

}



.blog-grid article .themesflat-button-container > a i,

.blog-grid-simple article .themesflat-button-container > a i.fa-angle-right {

  font-weight: 900;

  font-size: 16px;

  margin-left: 5px;

  line-height: inherit;

}



.blog .blog-grid article .entry-title,

.blog-grid article .entry-title {

  font-size: 23px;

  color: #222222;

  text-transform: none;

  width: 100%;

}



.blog-grid article .entry-meta ul {

  margin: 0 0 15px 0;

}



.blog .blog-grid .featured-post,

.blog-grid .featured-post {

  overflow: hidden;

  margin-bottom: 24px;

}



.blog-grid article .entry-meta ul li,

.blog-grid article .entry-meta ul li a {

  color: #24272C;

  font-size: 15px;

  font-weight: 400;

}



.blog-grid article .meta-category-list a {

  font-weight: 500;

  font-size: 12px;

  line-height: 18px;

  color: rgba(0, 0, 0, 0.47);

}



.blog-grid article .entry-meta ul li {

  font-weight: 400;

}



.blog-grid article .entry-meta ul li.post-date {

  float: right;

}



.blog-grid article .entry-meta ul li > i {

  font-size: 14px;

  padding-right: 7px;

}



.blog-grid.columns-4 article .entry-meta ul li {

  font-weight: 600;

  font-size: 12px;

  margin-right: 7px;

}



.blog-grid.columns-4 article .entry-meta ul li > i {

  font-size: 13px;

  padding-right: 3px;

}



.blog-grid.columns-4 article .content-post {

  padding: 20px 20px 18px;

}



.blog-grid.columns-4 article {

  margin-bottom: 40px;

}



.blog-grid.columns-4 article .entry-title {

  font-size: 16px;

  font-weight: 600;

  margin-bottom: 9px;

}



.blog-grid.columns-4 article .entry-content > p {

  font-size: 14px;

}



.blog-grid.columns-4 article .entry-meta ul li:last-child {

  margin-right: 0;

}



.blog-grid.columns-4 article .themesflat-button-container > a {

  font-size: 13px;

}



.blog-grid.columns-4 article .themesflat-button-container {

  padding: 15px 0 0 5px;

}



.blog-grid.columns-4 article .themesflat-button-container > a i.fa-angle-right {

  font-size: 14px;

}



.wrap-blog-article .item:last-child article {

  margin-bottom: 0;

}



article .entry-meta ul li a,

article .post-meta .item-meta .meta-text {

  color: #83827F;

}



article .entry-meta ul li,

article .post-meta .item-meta {

  position: relative;

}



article .entry-meta ul li::after,

article .post-meta .item-meta::after {

  content: '|';

  color: #EDEDED;

  margin-left: 8px;

  margin-right: 8px;

}



article .post-meta .item-meta.post-author .meta-text span {

  text-transform: capitalize;

}



article .post-meta .item-meta:last-child {

  margin-right: 0px;

}



article .post-meta .item-meta.post-categories::before {

  content: "\e909";

  margin-right: 4px;

  font-family: "autodeal";

  color: #B6B6B6;

  vertical-align: sub;

  font-size: 17px;

}



article .post-meta .item-meta .meta-icon {

  margin-right: 5px;

  font-size: 14px;

}



article .post-meta .item-meta i {

  margin-right: 8px;

  color: var(--theme-primary-color);

}



article .post-meta .item-meta.post-comments .meta-icon {

  vertical-align: middle;

  font-size: 16px;

}



article .post-meta .item-meta.post-view .meta-icon {

  font-size: 18px;

  vertical-align: sub;

  margin-right: 2px;

}



article .post-meta .item-meta a:hover {

  color: var(--theme-primary-color) !important;

}



article .post-meta .item-meta:last-child::after {

  display: none;

}



.blog-post.post_format-post-format-image.has-post-thumbnail {

  position: relative;

}



.blog-post.post_format-post-format-image.has-post-thumbnail .featured-post {

  margin-bottom: 30px;

}



.blog-post.post_format-post-format-image .content-post .entry-title {

  padding-right: 50px;

  margin-bottom: 0;

}



.blog-post .post-meta .post-categories a {

  color: var(--theme-primary-color);

}



.blog-post.post_format-post-format-image .themesflat-button-container {

  margin-top: 0px;

}



.blog-post.post_format-post-format-image

  .content-post

  .post-content.post-excerpt {

  display: none;

}



.entry-footer .social-share-article {

  display: flex;

  align-items: center;

}



.social-share-article .btn-copy-to-clip {

  position: relative;

}



.social-share-article .btn-copy-to-clip .tf-tooltip-inner {

  position: absolute;

  padding: 4px 10px;

  border-radius: 5px;

  background: #24272C;

  color: #fff;

  top: -35px;

  left: 50%;

  transform: translateX(-50%) rotateY(-90deg);

  width: max-content;

  opacity: 0;

  visibility: hidden;

}

.social-share-article .btn-copy-to-clip:hover .tf-tooltip-inner {

  transform: translateX(-50%) rotateY(0deg);

  opacity: 1;

  visibility: visible;

  -webkit-transition: all 0.4s ease-in-out 0s;

  -moz-transition: all 0.4s ease-in-out 0s;

  -ms-transition: all 0.4s ease-in-out 0s;

  -o-transition: all 0.4s ease-in-out 0s;

  transition: all 0.4s ease-in-out 0s;

}

.social-share-article .btn-copy-to-clip .tf-tooltip-inner::after {

  content: "";

  width: 10px;

  height: 10px;

  background: #24272C;

  position: absolute;

  bottom: -4px;

  left: 50%;

  transform: translateX(-50%) rotate(45deg);

}



.entry-footer .social-share-article h5 {

  margin-bottom: 0;

  font-weight: 400;

  font-size: 14px;

  line-height: 24px;

  color: #9c9ea6;

}



.entry-footer .social-share-article .btn-copy-to-clip {

  padding: 8px 15px;

  border: 1px solid #e5e5e5;

  border-radius: 8px;

  font-weight: 500;

  font-size: 12px;

  line-height: 16px;

  color: #24272C;

  background: transparent;

  text-transform: none;

  margin-bottom: 23px;

  font-size: 17px;

}



.entry-footer .social-share-article .btn-copy-to-clip:hover {

  background: var(--theme-primary-color);

  border-color: var(--theme-primary-color);

  color: #fff;

}



.content-switch-layout {

  display: flex;

  align-items: center;

  justify-content: space-between;

  margin-bottom: 35px;

}



.content-switch-layout h3 {

  font-size: 30px;

  margin: 0;

  margin-top: 5px;

}



.content-switch-layout .content-right ul {

  list-style: none;

  display: flex;

  align-items: center;

  margin: 0;

}



.content-switch-layout .content-right ul button {

  width: 40px;

  height: 40px;

  border-radius: 10px;

  border: 1px solid #EDEDED;

  background: #FFF;

  color: #8E8E93;

  display: grid;

  align-items: center;

  justify-content: center;

  padding: 0;

  font-size: 17px;

}



.content-switch-layout .content-right ul button:hover,

.content-switch-layout .content-right ul .btn-switch-layout.active {

  background: var(--theme-primary-color);

  border-color: var(--theme-primary-color);

  color: #fff;

}



.content-switch-layout .content-right ul li:not(:last-child) {

  margin-right: 10px;

}



/* Blog Single

-------------------------------------------------------------- */



.quote-single {

  background: var(--theme-primary-rgba);

  border-color: var(--theme-primary-color);

}



.quote-single .elementor-widget-container {

  color: var(--theme-primary-color) !important;

}



.blog-single .featured-post {

  position: relative;

  margin-bottom: 33px;

}



.blog-single .themesflat_audio {

  border-radius: 0px;

  overflow: hidden;

  position: relative;

}



.blog-single .entry-title {

  margin-bottom: 15px;

}



.blog-single .img-blog-detail {

  margin-top: 37px;

  margin-bottom: 38px;

  border-radius: 5px;

}



.blog-single .content-post-single .share ul,

.blog-single .content-post-single .share {

  display: flex;

  align-items: center;

}

.blog-single .content-post-single {

  display: flex;

  align-items: center;

  justify-content: space-between;

}



.blog-single .content-post-single {

  margin-bottom: 22px;

}



.blog-single .content-post-single h5 {

  font-size: 14px;

  line-height: 24px;

  font-weight: 400;

  margin-bottom: 0;

}

.blog-single .content-post-single .share ul {

  list-style: none;

  margin-bottom: 0;

}



.blog-single .content-post-single .item-meta {

  font-size: 16px !important;

  font-weight: 400 !important;

  line-height: 22.4px;

  display: inline-block;

  color: #696665;

}



.blog-single .content-post-single .item-meta:not(:last-child) {

  margin-right: 19px;

}



.blog-single .content-post-single .item-meta a {

  color: var(--theme-primary-color);

}



.blog-single .content-post-single .item-meta a:hover {

  color: var(--theme-primary-color);

}



.blog-single .content-post-single .item-meta:last-child {

  padding-right: 0px;

}



.blog-single .content-post-single .item-meta {

  position: relative;

}



.blog-single .content-post-single .item-meta i {

  margin-right: 5px;

  color: #B6B6B6;

  font-size: 14px;

}



.blog-single .content-post-single .item-meta .icon-autodeal-folder {

  font-size: 16px;

  vertical-align: middle;

}



.blog-single .content-image figure {

  margin-bottom: 0;

}



.blog-single .content-image {

  margin-bottom: 39px;

}



.blog-single .text-2 {

  margin-bottom: 42px;

}



.single-post .inner-heading {

  display: none;

}



.single-post .page-title .inner-breadcrumb {

  margin-bottom: 0px;

}



.blog-single .featured-post img {

  object-fit: cover;

  height: 473px;

}



.blog-single .entry-content h2,

.blog-single .entry-content h3,

.blog-single .entry-content h4,

.blog-single .entry-content h5,

.blog-single .entry-content h6 {

  margin-bottom: 15px;

}



.blog-single .entry-content .title-2 {

  font-size: 20px;

}



.blog-single .entry-content .icon-list {

  padding: 0;

  margin: 10px 0 0 0;

  list-style: none;

}



.blog-single .entry-content .content-2 {

  margin-bottom: 42px;

}



.blog-single .entry-content .content-img {

  margin-left: 10px;

}



.blog-single .entry-content .icon-list li {

  position: relative;

  padding: 10px 0px 10px 42px;

}



.blog-single .entry-content .icon-list li:before {

  content: "\e90b";

  font-family: "autodeal";

  color: var(--theme-primary-color);

  position: absolute;

  left: 5px;

  top: 50%;

  transform: translateY(-50%);

  font-size: 17px;

}



.blog-single .content-post-sigle-title .item-meta a {

  padding: 3px 16px;

  background: #f5f5f5;

  border-radius: 40px;

  font-weight: 400;

  font-size: 16px;

  color: #24272C;

  margin-bottom: 10px;

  display: inline-block;

}



.blog-single .content-post-sigle-title .item-meta a:last-child {

  margin-right: 0;

}



.blog-single .content-post-sigle-title .item-meta a:hover {

  color: #fff;

  background: var(--theme-primary-color);

}



.blog-single .content-post-sigle-title .item-meta {

  margin-bottom: 7px;

}



.blog-single .meta .item-meta:last-child {

  margin-right: 0;

}



.blog-single .meta .item-meta:last-child::after {

  display: none;

}



.single .entry-footer {

  display: flex;

  align-items: center;

  justify-content: space-between;

  border-top: 1px solid #EDEDED;

  padding-top: 17px;

  padding-bottom: 33px;

  margin-top: 30px;

}



.single .entry-footer .tags-links h6 {

  display: inline-block;

  margin-right: 26px;

}



.single .entry-footer .tags-links a {

  padding: 7px 9px;

  border-radius: 999px;

  margin-right: 0px;

  margin-bottom: 0px;

  background: #FFF;

  color: #24272C;

  border: 1px solid #EDEDED;

  font-family: 'Inter';

  font-size: 14px;

  font-weight: 400;

  line-height: 19.6px;

}



.single .entry-footer .tags-links { 

  column-gap: 9px;

  row-gap: 9px;

}



.single .entry-footer .tags-links a:last-child {

  margin-right: 0;

}



.single .entry-footer .tags-links a:last-child::after {

  display: none;

}



.single .entry-footer .tags-links a:hover {

  color: #fff;

  background: var(--theme-primary-color);

  border-color: var(--theme-primary-color);

}



.single .entry-footer .wrap-social-share-article {

  float: right;

}



.single .entry-footer .tags-links,

.single .entry-footer .social-share-article {

  display: flex;

  align-items: center;

}



.single .entry-footer .tags-links h5,

.single .entry-footer .social-share-article h5 {

  margin-bottom: 10px;

  margin-right: 12px;

}



.single .entry-footer .tags-links h5 {

  font-size: 14px;

  font-weight: 500;

  line-height: 17.64px;

  color: #24272C;  

  margin-right: 0px;

  margin-bottom: 0;

}



.single .entry-footer .tags-links {

  flex-wrap: wrap;

}



.single .post-wrap {

  background-color: #fff;

}



.blog-single {

  padding-bottom: 0px;

  margin-bottom: 44px;

}



.single-post .wrap-social-share-article {

  padding-top: 20px;

  border-top: 1px solid #eee;

}



.blog-single .meta-left {

  margin-top: 3px;

  padding-bottom: 11px;

  border-bottom: 1px solid #e7e7e7;

  margin-bottom: 22px;

}



.clearboth {

  clear: both;

}



.blog-single .entry-footer {

  padding-top: 42px;

}



.blog-single .entry-footer .tags-links strong,

.blog-single .entry-footer .social-share-article strong {

  color: #222222;

  margin-right: 5px;

  font-weight: 400;

  display: block;

}



.blog-single .entry-footer .social-share-article strong {

  margin-right: 20px;

}



.blog-single .entry-footer .social-share-article h5 {

  text-align: right;

  margin-bottom: 27px;

}



.blog-single .entry-footer .tags-links h5 {

  display: inline-block;

}



.blog-single .entry-footer .themesflat-socials li a {

  width: auto;

  height: auto;

  border-radius: 0;

  background: transparent;

  margin: 0 10px;

  padding: 0 10px;

  line-height: normal;

  font-size: 18px;

  color: #b5becc;

}



.blog-single .entry-footer .themesflat-socials li {

  background: transparent;

}



.blog-single .entry-footer .themesflat-socials li:last-child a {

  margin-right: 0;

  padding-right: 0;

}



.blog-single .entry-footer .themesflat-socials li a:hover {

  background: transparent;

}



.blog-single .entry-footer .tags-links a {

  margin: 0 0 5px 0;

  position: relative;

  display: inline-block;

  padding: 0px;

  border: 0;

  border-radius: 0;

  font-weight: 500;

}



.blog-single .entry-footer .tags-links a:hover {

  color: var(--theme-primary-color);

}



/* popup sidebar */



/* sibar popup */



.sidebar-single-listing .tfcl_single_sidebar .btn-toggle-sidebar {

  margin-bottom: 0 !important;

  display: flex;

  align-items: center;

  justify-content: center;

  width: 50px;

  height: 50px;

  background: var(--theme-primary-color);

  position: absolute;

  top: 50%;

  left: -50px;

  transform: translateY(-50%);

  z-index: 999;

  color: #fff;

  font-size: 30px;

  border-radius: 10px 0 0 10px;

  display: none;



}

.sidebar-single-listing .overlay-sidebar {

  position: fixed;

  left: 0;

  top: 0;

  bottom: 0;

  right: 0;

  background: rgba(0, 0, 0, 0.3);

  will-change: opacity;

  transition: opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);

  opacity: 0;

  visibility: hidden;

}



.sidebar-single-listing.active .tfcl_single_sidebar {

  transform: translateX(0%);

  -webkit-transition: all 0.5s ease-in-out;

  -moz-transition: all 0.5s ease-in-out;

  -ms-transition: all 0.5s ease-in-out;

  -o-transition: all 0.5s ease-in-out;

  transition: all 0.5s ease-in-out;

}



.sidebar-single-listing.active .overlay-sidebar {

  opacity: 1;

  visibility: visible;

}



/* custom HTML */



.list-address-ft .sub-heading {

  font-size: 14px;

  font-weight: 400;

  line-height: 150%;

  color: #fff;

  opacity: 0.5;

  margin-bottom: 6px;

}



.list-address-ft .fw-600 {

  font-weight: 600;

}



.list-address-ft p {

  font-size: 14px;

  line-height: 21px;

  color: #F1FAEE;

}



.list-address-ft li:not(:last-child) {

  margin-bottom: 16px;

}



.list-address-ft li .list-bottom {

  border-top: 1px solid #ffffff2d !important;

  padding-top: 6px !important;

  margin-top: -10px;

}



.ft-mailchimp-form {

  margin-top: -3px;

}



.ft-mailchimp-form p {

  margin-bottom: 19px;

  font-family: 'Inter';

  font-size: 12px;

  font-weight: 400;

  line-height: 16.8px;

  color: #696665;  

}



.ft-mailchimp-form input[type="email"] {

  margin: 0;

  font-family: 'Inter';

  font-size: 14px;

  font-weight: 400;

  line-height: 19.6px;

  color: #24272C;

  padding: 16px 18px;

}



.ft-mailchimp-form input[type="email"]::placeholder {

  font-family: 'Inter';

  font-size: 14px;

  font-weight: 400;

  line-height: 19.6px;

  color: #696665;

}



.ft-mailchimp-form button {

  background: transparent !important;

  width: 40px;

  height: 40px;

  display: grid;

  align-items: center;

  justify-content: center;

  padding: 0;

  position: absolute;

  top: 50%;

  right: 6px;

  transform: translateY(-50%);

  font-size: 15px;

  color: var(--theme-primary-color);

}



.ft-mailchimp-form button:hover {

  color: var(--theme-primary-color);

}



.ft-mailchimp-form .group-form-ip {

  display: flex;

  align-items: center;

  margin-bottom: 29px;

  position: relative;

}



.ft-mailchimp-form input[type="checkbox"] {

  border-color: #4E545F;

  background: transparent;

  margin-right: 11px;

  border-radius: 50% !important;

  width: 23px;

height: 23px;

  cursor: pointer;

}



.ft-mailchimp-form input[type="checkbox"]:checked {

  background: transparent;

  border-color: #4E545F;

}



.ft-mailchimp-form input[type='checkbox']:before {

  content: '';

  left: 50%;

  top: 50%;

  width: 8px;

  height: 8px;

  background: var(--theme-primary-color);

  border-radius: 50%;

  position: absolute;

  -webkit-transform: translate(-50%, -50%) rotate(35deg);

  -ms-transform: translate(-50%, -50%) rotate(35deg);

  transform: translate(-50%, -50%) rotate(35deg);

  border: unset;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -ms-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

  display: block;

}



.ft-mailchimp-form input[type="checkbox"]:checked {

  border: 1px solid var(--theme-primary-color);

}



.ft-mailchimp-form label {

  color: #B4B4B4;

  font-size: 16px;

  font-weight: 400;

  line-height: 26px;

  cursor: pointer;

}



.ft-mailchimp-form a:hover {

  color: var(--theme-primary-color);

}



.ft-mailchimp-form .group-form {

  display: flex;

  align-items: center;

}



.ft-mailchimp-form .group-form input {

  flex-shrink: 0;

}



#footer .widget-title {

  padding-left: 0;

}



/*Author Footer*/



.footer .contact-property-form {

  border-radius: unset;

  border: unset;

  background: unset;

  padding: unset;

}



.footer .contact-property-form h3 {

  border-radius: unset;

  border: unset;

  background: unset;

  text-transform: capitalize;

  margin-top: -24px;

  font-weight: 600;

}



.footer .contact-property-form .contact-user-wrap .contact-user-info .name {

  color: #ffffff47;

font-size: 14px;

font-style: normal;

font-weight: 400;

line-height: 150%;

}



.footer .contact-property-form .contact-user-wrap .contact-user-info .email {

display: none;

}



/*Navigation links*/



.nav-links {

  list-style: none;

  margin-left: 0;

  border-top: 1px solid #efefef;

  border-bottom: 1px solid #efefef;

  position: relative;

  padding: 30px 0;

}



.nav-links::before {

  content: "";

  height: 65%;

  width: 0.5px;

  background: #e5e5e5;

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

}



.nav-links:after {

  clear: both;

  content: ".";

  display: block;

  height: 0;

  line-height: 0;

  visibility: hidden;

}



.nav-links .previous-post {

  width: 48%;

  float: left;

  text-align: left;

}



.nav-links .next-post {

  width: 48%;

  float: right;

}



.navigation.posts-navigation .nav-links li {

  display: flex;

  display: -webkit-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  align-items: center;

  justify-content: flex-start;

}



.navigation.posts-navigation .nav-links li.next-post {

  justify-content: flex-end;

}



.navigation.posts-navigation .nav-links li a {

  padding: 0;

  background-color: transparent;

  min-width: unset;

  min-height: unset;

  display: inline-block;

  margin-right: 0;

  text-align: unset;

  position: relative;

}



.navigation.posts-navigation .nav-links li .thump-post a::after {

  position: absolute;

  content: "";

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: #24272C;

  mix-blend-mode: multiply;

  opacity: 0;

  z-index: 1;

  -webkit-transition: all 0.3s ease 0s;

  -moz-transition: all 0.3s ease 0s;

  -ms-transition: all 0.3s ease 0s;

  -o-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s;

}



.navigation.posts-navigation .nav-links .previous-post .thump-post a::before {

  content: "\e929";

  font-family: "autodeal";

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  -webkit-transform: translate(-50%, -50%);

  -moz-transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%);

  color: #fff;

  z-index: 2;

  font-size: 12px;

  opacity: 0;

  -webkit-transition: all 0.3s ease 0s;

  -moz-transition: all 0.3s ease 0s;

  -ms-transition: all 0.3s ease 0s;

  -o-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s;

}



.navigation.posts-navigation .nav-links .next-post .thump-post a::before {

  content: "\e93d";

  font-family: "autodeal";

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  -webkit-transform: translate(-50%, -50%);

  -moz-transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%);

  color: #fff;

  z-index: 2;

  font-size: 12px;

  opacity: 0;

  -webkit-transition: all 0.3s ease 0s;

  -moz-transition: all 0.3s ease 0s;

  -ms-transition: all 0.3s ease 0s;

  -o-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s;

}



.navigation.posts-navigation .nav-links li .thump-post {

  overflow: hidden;

  flex-shrink: 0;

  margin-right: 18px;

  position: relative;

  -webkit-transition: all 0.3s ease 0s;

  -moz-transition: all 0.3s ease 0s;

  -ms-transition: all 0.3s ease 0s;

  -o-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s;

}



.navigation.posts-navigation .nav-links li.next-post .thump-post {

  margin-left: 18px;

  margin-right: 0;

}



.navigation.posts-navigation .nav-links li.next-post .content {

  text-align: right;

}



.navigation.posts-navigation .nav-links li .thump-post img {

  width: 100%;

  width: 170px;

  height: 101px;

  object-fit: cover;

}



.navigation.posts-navigation .nav-links li:hover .thump-post a::after {

  opacity: 0.8;

}



.navigation.posts-navigation

  .nav-links

  .previous-post:hover

  .thump-post

  a::before,

.navigation.posts-navigation .nav-links .next-post:hover .thump-post a::before {

  opacity: 1;

}



.navigation.posts-navigation .nav-links li .title-post a {

  -webkit-line-clamp: 1;

  -webkit-box-orient: vertical;

  display: -webkit-box;

  overflow: hidden;

  text-overflow: ellipsis;

  word-break: break-word;

  color: #24272C;

  font-weight: 700;

  font-size: 20px;

  line-height: 28px;

  text-transform: capitalize;

}



.navigation.posts-navigation .nav-links li .title-post a:hover {

  color: var(--theme-primary-color);

}



.navigation.posts-navigation .nav-links li .post-button a {

  font-weight: 700;

  font-size: 12px;

  line-height: 20px;

  letter-spacing: 0.1em;

  text-transform: uppercase;

  color: var(--theme-primary-color);

}



.navigation.posts-navigation .nav-links li .post-button a:hover {

  color: #24272C;

}



.navigation.posts-navigation .nav-links li .post-button {

  margin-bottom: 3px;

}



.navigation.posts-navigation .nav-links li .content {

  margin-top: -3px;

}



/* Author Post */

.single .author-post {

  padding: 20px 20px 14px 20px;

  background: #f7f7f7;

  margin-bottom: 30px;

  margin-top: 49px;

}



.single .author-post .author-body {

  display: flex;

}



.author-post .author-avatar {

  margin-right: 29px;

  flex-shrink: 0;

  margin-top: 0px;

}



.author-post .author-avatar img {

  border-radius: 50%;

  width: 92px;

  height: 92px;

  object-fit: cover;

}



.author-post .info .name h6 {

  margin-top: 0;

  margin-bottom: -2px;

}



.author-post .info .position {

  margin-bottom: 7px;

}



.author-post .info .name a {

  font-weight: 700;

  font-size: 15px;

  line-height: 22px;

  color: #24272C;

}



.author-post .info .name a:hover {

  color: #0A1426;

}



.author-post .info .name {

  margin-bottom: 12px;

}



.author-post .themesflat-socials {

  text-align: left;

  display: flex;

  align-items: center;

  list-style: none;

  margin: 0;

  margin-top: 6px;

  margin-left: -4px;

}



.author-post .themesflat-socials li {

  background: transparent;

  padding: 0 6px;

  font-size: 15px;

}



.author-post .themesflat-socials li:first-child {

  padding-left: 2px;

}



.author-post .themesflat-socials li a {

  color: #24272C;

}



.author-post .themesflat-socials li a:hover {

  color: var(--theme-primary-color);

}



/* Comment List */

#comments {

  margin-top: 7px;

}



#comments .comment-respond {

}



.comments-area {

  overflow: hidden;

}



.comment-title,

.comment-reply-title {

  position: relative;

  overflow: hidden;

  margin-bottom: 34px;

  margin-top: 0;

  line-height: 1;

}



.comment-title {

  border-bottom: 1px solid #EDEDED;

  padding-bottom: 11px;

  margin-bottom: 21px !important;

}



.comment-title {

  margin-bottom: 30px;

}



.comment-reply-title a {

  font-weight: 600;

}



.comment-reply-title a#cancel-comment-reply-link {

  padding-left: 10px;

  font-size: 18px;

  float: right;

}



.comment-title:after,

.comment-reply-title:after {

  content: "";

  width: 100%;

  height: 2px;

  background: #203b48;

  position: absolute;

  bottom: 0;

  left: 0;

  display: none;

}



.comments-area ul.children {

  list-style: none;

  margin-left: 123px;

}



.comments-area article {

  margin-bottom: 0;

}



.comments-area ol.comment-list {

  padding: 0;

  margin: 0;

  list-style: none;

}



.comments-area ol.comment-list article,

.comment-list-wrap .comment-respond {

  margin-bottom: 40px;

}



.comments-area ol.comment-list > li:last-child article {

  margin-bottom: 0px;

  padding-bottom: 0px;

  border: none;

}





.comments-area ol.comment-list article .gravatar {

  display: flex;

  align-items: center;

  margin-bottom: 20px;

  width: 100%;

}



.comments-area .inner-author {

  display: flex;

  align-items: center;

  column-gap: 10px;

}



.comments-area .inner-author h5 {

  margin: 0;

}



.comments-area ol.comment-list article .gravatar img {

  border-radius: 50%;

  flex-shrink: 0;

  margin-right: 19px;

}



.comment-reply-link {

  position: relative;

  padding-left: 0;

  font-weight: 700;

  font-size: 14px;

}



.comments-area ol.comment-list article {

  position: relative;

}



.comments-area ol.comment-list article .comment_content {

  min-height: 100px;

}



.comments-area ol.comment-list article .comment_content .comment_meta {

  margin-bottom: 0px;

}



.comments-area

  ol.comment-list

  article

  .comment_content

  .comment_meta

  .comment_author {

  margin: 0;

  display: inline-block;

  margin-right: 15px;

  margin-bottom: 10px;

  font-size: 16px;

  font-weight: 700;

  line-height: 150%;

}



.comments-area

  ol.comment-list

  article

  .comment_content

  .comment_meta

  .comment_author

  a {

  color: #24272C;

}



.comments-area .comment_text {

  font-family: 'Inter';

  font-size: 14px;

  font-weight: 400;

  line-height: 20px;

  color: #696665;

}



.comments-area ol.comment-list article .comment_content .comement_reply {

  font-weight: 700;

  font-size: 14px;

  margin-top: 19px;

}



.comments-area ol.comment-list article .comment_content .comment_time {

  position: relative;

  display: inline-block;

  color: #8e8e93;

  font-size: 12px;

  font-weight: 400;

  line-height: 150%;

  margin-top: 2px;

}



.comments-area ol.comment-list article .comment_content .comment_time i {

  margin-right: 4px;

}



.comment-post .comment-detail .comment-author a {

  font-size: 16px;

  line-height: 36px;

  color: #222;

  font-weight: 700;

}



.comments-area

  ol.comment-list

  article

  .comment_content

  .comment_meta

  .comment_time

  a {

  color: #a8a8a8;

}



.comments-area

  ol.comment-list

  article

  .comment_content

  .comment_meta

  .comment_time

  a:hover {

  color: #2e5797;

}



.logged-in-as + .comment-right {

  width: 100%;

}



.logged-in-as {

  margin-bottom: 22px !important;

  line-height: 1.4;

  color: #9c9ea6;

  font-size: 14px;

}



.comment-respond fieldset {

  position: relative;

}



.comment-respond fieldset label {

  font-size: 14px;

  font-weight: 500;

  line-height: 17.64px;

  color: #24272C;  

  margin-bottom: 7px;

}



.comment-respond .message {

  width: 100%;

}



.comment-respond textarea {

  width: 100%;

  margin-bottom: 15px;

  height: 130px;

}



.comment-respond input[type="text"],

.comment-respond input[type="email"],

.comment-respond textarea {

  border: 1px solid #EDEDED;

  border-radius: 14px;

  padding: 17px 18px 16px 17px;

  font-family: 'Inter';

  font-size: 14px;

  font-weight: 400;

  line-height: 19.6px;

  color: #24272C;

}



.comment-respond input[type="text"]::placeholder,

.comment-respond input[type="email"]::placeholder,

.comment-respond textarea::placeholder {

  color: #696665;

}



.comment-respond input[type="text"]:focus,

.comment-respond input[type="email"]:focus,

.comment-respond textarea:focus {

  border-color: var(--theme-primary-color);

}



.comment-respond input[type="text"],

.comment-respond input[type="email"] {

  margin-bottom: 10px;

}



.comment-respond textarea {

  padding: 15px 17px 16px 16px;

}



.comment-respond input#wp-comment-cookies-consent {

  visibility: hidden;

  width: 20px;

  height: 20px;

  margin-right: 1px;

  cursor: pointer;

  position: relative;

}



.comment-respond input#wp-comment-cookies-consent::before {

  border-radius: 6px;

  content: '';

  width: 20px;

  height: 20px;

  border: 1px solid #EDEDED;

  background: #fff;

  display: block;

  opacity: 1;

  z-index: 5;

  visibility: visible;

  transform: translate(-50%, -50%) rotate(0deg);

  -webkit-transform: translate(-50%, -50%) rotate(0deg);

  -ms-transform: translate(-50%, -50%) rotate(0deg);

  width: 20px;

  height: 20px;

  position: absolute;

  top: 10px;

  left: 10px;

  border-radius: 5px;

}



.comment-respond input#wp-comment-cookies-consent::after {

  height: 6px;

  width: 11px;

  border-left: 2px solid #fff;

  border-bottom: 2px solid #fff;

  transform: rotate(-55deg);

  display: block;

  opacity: 0;

  z-index: 5;

  visibility: hidden;

  content: '';

  position: absolute;

  left: 4px;

  top: 5px;

}



.comment-respond input#wp-comment-cookies-consent:checked:before {

  background: var(--theme-primary-color);

  border-color: var(--theme-primary-color);

}



.comment-respond input#wp-comment-cookies-consent:checked::after {

  opacity: 1;

  visibility: visible;

}



.comment-respond input::placeholder,

.comment-respond textarea::placeholder {

}



#commentform .wrap-input-submit {

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  -ms-transition: all 0.3s ease;

  -o-transition: all 0.3s ease;

  transition: all 0.3s ease;

}



#commentform .wrap-input-submit input[type="submit"] {

  background: var(--theme-primary-color);

  color: #fff;

}



/* .comment-respond input#wp-comment-cookies-consent {

  width: auto;

} */



.comment-respond form {

  display: flex;

  display: -webkit-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  flex-wrap: wrap;

}



.comment-respond form .comment_wrap_input {

  width: 100%;

  order: -1;

  margin-bottom: 10px;

}



.comment-respond form .comment-right {

  width: 100%;

}



.comment-respond .comment-form-cookies-consent {

  display: flex;

  align-items: center;

  width: 100%;

  margin-bottom: 20px;

  order: -1;

}



.comment-respond .comment-form-cookies-consent label {

  margin: 0;

  padding-left: 9px;

  font-family: 'Inter';

  font-size: 14px;

  font-weight: 400;

  line-height: 19.6px;

text-transform: capitalize;

color: #696665;

}



.comment-respond .comment-left .name-container,

.comment-respond .comment-left .email-container {

  width: 100%;

  float: left;

  padding: 0 15px;

}



.comment-respond .comment-left {

  margin: 0 -15px;

  display: flex;

    align-items: center;

}



.comment-respond .comment-form-author,

.comment-respond .comment-form-email {

  width: 50%;

  float: left;

  margin-bottom: 0;

}



.comment-respond p.form-submit {

  padding: 0 0px;

  margin: 0;

  order: 2;

  margin-top: -3px;

}



.comment-respond .comment-form {

  margin: 0 -15px;

}



.comment-respond p.comment-notes {

  margin-bottom: 25px;

}



.comment-respond p.comment-form-comment {

  margin-bottom: 12px;

}



.comment-respond label {

  margin-bottom: 11px;

  cursor: pointer;

}



.comment-respond input[type="submit"] {

  color: #fff;

  width: auto;

}



.comment-list-wrap {

  margin-bottom: 52px;

}



/* Sidebar

-------------------------------------------------------------- */

.block-get-a-quote {

  min-height: 490px;

  border-radius: 5px;

  overflow: hidden;

  padding: 47px 46px;

  display: flex;

  flex-direction: column;

  justify-content: flex-end;

  position: relative;

  z-index: 1;

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center;

}

.block-get-a-quote .overlay-color {

  background-color: var(--theme-primary-color);

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: -1;

  opacity: 0.9;

}

.block-get-a-quote .title {

  font-size: 72px;

  font-family: "Roboto Slab";

  line-height: 68px;

  color: #fff;

  font-weight: 700;

}



.block-get-a-quote a {

  display: inline-block;

  padding: 10px 19px 11px 22px;

  color: #fff;

  border: 1px solid #fff;

  font-weight: 700;

  font-size: 15px;

  border-radius: 5px;

  margin-top: 10px;

}



.block-get-a-quote a > i {

  margin-left: 25px;

  font-size: 9px;

}



.block-get-a-quote a:hover {

  border-color: transparent;

}



.sidebar .wpcf7-form-control-wrap {

  display: inline-block;

}



.sidebar .wpcf7-form-control-wrap.your-name:before,

.sidebar .wpcf7-form-control-wrap.your-email:before,

.sidebar .wpcf7-form-control-wrap.your-message:before {

  content: "";

  font-family: "autodeal";

  position: absolute;

  right: 30px;

  top: 26px;

  color: #df1e08;

  font-size: 13px;

}



.sidebar .wpcf7-form-control-wrap.your-name:before {

  content: "\e981";

}



.sidebar .wpcf7-form-control-wrap.your-email:before {

  content: "\e974";

  font-size: 12px;

}



.sidebar .wpcf7-form-control-wrap.your-message:before {

  content: "\e976";

  top: 20px;

}



.sidebar .wpcf7-form input {

  padding: 18px 22px;

  border-color: #e3e3e3;

  margin-bottom: 17px;

  width: 100%;

}



.sidebar .wpcf7-form textarea {

  border-color: #e3e3e3;

  height: 125px;

  margin-bottom: 8px;

  padding: 12px 21px;

}



.sidebar .wpcf7-form button,

.sidebar .wpcf7-form input[type="submit"] {

  padding: 17px 51px;

  margin-bottom: 0;

}



.block-company-profile {

  border-radius: 5px;

  padding: 42px 32px 48px 32px;

  display: flex;

  flex-direction: column;

  justify-content: flex-start;

  position: relative;

  z-index: 1;

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center;

  background-color: rgba(87, 179, 62, 1);

}



.block-company-profile,

.block-company-profile .title,

.block-company-profile a {

  color: #fff;

}



.block-company-profile .title {

  margin-bottom: 14px;

}



.block-company-profile .overlay-color {

  position: absolute;

  top: 33px;

  right: 25px;

  z-index: -1;

}



.block-company-profile .overlay-color svg {

  fill: #fff;

  max-width: 100px;

}



.block-company-profile a.btn {

  display: inline-block;

  padding: 13px 30px;

  color: #fff;

  border-radius: 5px;

  margin-top: 28px;

  background: #1f242c;

}



.block-company-profile a.btn:before {

  background: #1f242c !important;

  width: 100%;

  height: 100%;

}



.block-company-profile a.btn i {

  margin-right: 12px;

}



/* Widgets

-------------------------------------------------------------- */

.widget ul {

  margin: 0;

  list-style: none;

}



.sidebar > .widget {

  position: relative;

  margin-bottom: 40px;

}



.sidebar > .widget:last-child {

  margin-bottom: 0;

}



.sidebar > .widget.widget-recent-news {

  margin-top: -6px;

}



.widget .widget-title,

.widget h2,

.wp-block-search .wp-block-search__label {

  position: relative;

  line-height: 1.3;

  margin-bottom: 24px;

  margin-top: 0px;

}



.sidebar .wp-block-search .wp-block-search__label,

.tf-posts .blog-post .tf-button:hover,

.tf-posts .blog-post .title a,

.comment-list .comement_reply a:hover {

  color: #24272C;

}



.wp-block-search {

  margin-bottom: 20px;

}



.sidebar .wp-block-search,

footer .wp-block-search {

  margin-bottom: 0px;

}



.widget_archive ul ul,

.widget_categories ul ul,

.widget_meta ul ul,

.widget_nav_menu ul ul,

.widget_pages ul ul,

.widget_recent_comments ul ul,

.widget_recent_entries ul ul,

.widget_rss ul ul,

.widget.widget_block ul ul {

  padding-left: 16px;

}



.widget.widget_pages ul li,

.widget.widget_nav_menu ul li,

.widget.widget_archive ul li,

.widget.widget_categories ul li,

.widget.widget_meta ul li,

.widget.widget_recent_entries ul li,

.widget.widget_recent_comments ul li,

.widget.widget_rss ul li,

.widget.widget_block ul li,

.widget.widget_block ol li {

  position: relative;

}



.widget.widget_categories ul li,

.widget.widget_pages ul li,

.widget.widget_archive ul li,

.widget.widget_block .wp-block-archives li,

.widget.widget_block .wp-block-categories li {

  font-weight: 500;

  padding: 0;

}



.widget_categories .children,

.widget.widget_pages .children {

  border-top: 1px solid #efefef;

}



.widget.widget_recent_comments ul li,

.widget.widget_rss ul li,

.widget.widget_block ol.wp-block-latest-comments li,

.widget.widget_meta ul li {

  padding: 5px 0;

  margin-bottom: 0;

}



.wp-block-latest-comments__comment {

  line-height: inherit;

}



.widget ul li {

  padding: 5px 0;

}



.widget ul ul li:last-child {

  padding-bottom: 0;

}



.widget ul ul li:first-child {

  margin-top: 5px;

}



.widget.widget_pages ul ul li:last-child,

.widget.widget_archive ul ul li:last-child,

.widget.widget_categories ul ul li:last-child,

.widget.widget_meta ul ul li:last-child,

.widget.widget_recent_comments ul ul li:last-child,

.widget.widget_rss ul ul li:last-child,

.widget.widget_block .wp-block-archives ul ul li:last-child,

.widget.widget_block .wp-block-categories ul ul li:last-child {

  padding-bottom: 0;

}



.widget.widget_archive ul li,

.widget.widget_categories ul li,

.widget.widget_pages ul li,

.widget.widget_categories ul li {

  padding: 0;

}



.widget.widget_block .wp-block-categories li a,

.widget.widget_archive ul li a,

.widget.widget_categories ul li a,

.widget.widget_pages ul li a,

.widget.widget_categories ul li a,

.widget.widget_block .wp-block-categories li a {

  display: block;

  padding: 0;

  position: relative;

  background: transparent;

  padding: 9px 0px;

  margin-bottom: 0px;

  color: #64666c;

  border-radius: 4px;

}



footer .widget.widget_block .wp-block-categories li a,

footer .widget.widget_archive ul li a,

footer .widget.widget_categories ul li a,

footer .widget.widget_pages ul li a,

footer .widget.widget_categories ul li a {

  background-color: transparent;

}



.widget.widget_block .wp-block-categories li a:hover,

.widget.widget_archive ul li a:hover,

.widget.widget_categories ul li a:hover,

.widget.widget_pages ul li a:hover,

.widget.widget_categories ul li a:hover {

  color: var(--theme-primary-color);

}



.widget.widget_archive ul li a::after {

  content: "\e93d";

  font-family: "autodeal";

  font-size: 12px;

  position: absolute;

  font-weight: 900;

  right: 17px;

  top: 50%;

  transform: translateY(-50%);

  color: #24272C;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  -ms-transition: all 0.3s ease;

  -o-transition: all 0.3s ease;

  transition: all 0.3s ease;

}



.widget.widget_block .wp-block-categories {

  margin-bottom: 0px;

  margin-top: -11px;

}



.widget.widget_block .wp-block-categories li a {

  font-weight: 700;

  line-height: 24px;

  font-size: 14px;

}



.widget.widget_block .wp-block-categories li:last-child {

  margin-bottom: 0;

}



.widget.widget_recent_entries ul li,

.widget.widget_block ul.wp-block-latest-posts li,

.widget.widget_block .wp-block-archives li {

  overflow: hidden;

  padding-top: 20px;

  padding-bottom: 20px;

  border-bottom: 1px solid #efefef;

  margin: 0;

}



.widget.widget_recent_entries ul li:last-child,

.widget.widget_block ul.wp-block-latest-posts li:last-child,

.widget.widget_block .wp-block-archives li:last-child {

  border: unset;

}



.widget.widget_recent_entries ul li a,

.widget.widget_block ul.wp-block-latest-posts li a {

  display: block;

  padding: 0;

  border: none;

  margin-top: 0px;

  font-weight: 400;

  font-size: 16px;

  line-height: 1.5;

  color: #24272C;

}



.widget.widget_block .wp-block-categories li a span {

  float: right;

}



.widget.widget_recent_entries ul li a:hover,

.widget.widget_block ul.wp-block-latest-posts li a:hover {

  background: transparent !important;

}



.widget.widget_block ul.wp-block-latest-posts li a {

  margin-bottom: 0;

}



.widget.widget_categories ul li a,

.widget.widget_block .wp-block-archives li a,

.widget.widget_block .wp-block-categories li a,

.widget.widget_archive ul li a,

.widget.widget_pages ul li a {

  color: #24272C;

}



.wp-block-latest-posts__featured-image img {

  margin-bottom: 10px;

}



.widget.widget_recent_entries ul li .post-date {

  display: block;

  position: relative;

  margin-top: 0;

  font-size: 12px;

  color: #1f242c;

  line-height: normal;

}



.widget.widget_recent_entries .post-date {

  font-size: 14px;

  line-height: 26px;

}



.widget.widget_categories ul li a,

.widget.widget_pages ul li a,

.widget.widget_archive ul li a,

.widget.widget_nav_menu ul li a {

  position: relative;

}



.widget.widget_categories ul li:not(:last-child),

.widget.widget_archive ul li:not(:last-child),

.widget.widget_pages ul li:not(:last-child) {

  border-bottom: 1px solid #efefef;

}



.sidebar .widget ul li a {

  font-weight: 500;

}



.widget.widget_archive ul li > a:after,

.widget.widget_pages ul li > a:after {

  content: "\e923";

  font-family: "autodeal";

  font-size: 15px;

  font-weight: 400;

  position: absolute;

  right: 2px;

  top: 50%;

  transform: translateY(-50%);

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  -ms-transition: all 0.3s ease;

  -o-transition: all 0.3s ease;

  transition: all 0.3s ease;

}



.widget.widget_categories ul li > a:hover:after,

.widget.widget_archive ul li > a:hover:after,

.widget.widget_pages ul li > a:hover:after,

.widget.widget_block .wp-block-categories li a:hover::after,

.widget.widget_block .wp-block-archives li a:hover {

  color: var(--theme-primary-color);

}



.widget select {

  -webkit-appearance: none;

  -moz-appearance: none;

  -ms-appearance: none;

  appearance: none;

  outline: 0;

  background-image: linear-gradient(

      45deg,

      transparent 50%,

      #24272C 50%

    ),

    linear-gradient(135deg, #24272C 50%, transparent 50%);

  background-position: calc(100% - 20px), calc(100% - 15px);

  background-size: 5px 5px, 5px 5px;

  background-repeat: no-repeat;

  line-height: 1.5;

}



.post-password-form input[type="submit"] {

  padding: 21px 57px 21px 57px;

  color: #fff;

}



.widget.widget_categories ul li > a,

.sidebar .widget.widget_block .wp-block-categories li a {

  background: #FFF;

  padding: 16px 0;

  color: #24272C;

  font-size: 16px;

  font-weight: 500;

  line-height: 22.4px;

  border-bottom: 1px solid #EDEDED;

  border-radius: 0;

}



.sidebar .widget.widget_block .wp-block-categories li:last-child a,

.widget.widget_categories ul li:last-child > a {

  border: none;

}



.sidebar .widget.widget_block .wp-block-categories li a span {

  font-weight: 400;

  color: #696665;

}



.sidebar .widget.widget_categories ul li > a:hover,

.sidebar .widget.widget_block .wp-block-categories li a:hover,

.sidebar .widget.widget_block .wp-block-categories li a:hover span {

  border-color: var(--theme-primary-color);

  color: var(--theme-primary-color);

}



.widget.widget_categories ul li > a span {

  float: right;

}



.sidebar .widget.widget_categories {

  padding: 34px 35px 39px 32px;

}



.widget.widget_categories .widget-title {

  margin-bottom: 22px;

}



.widget.tf_widget_categories ul li,

.sidebar .widget.widget_categories ul li {

  border: unset;

  margin-bottom: 20px;

}



.widget.widget_categories ul li:last-child,

.sidebar .widget.widget_categories ul li:last-child {

  margin-bottom: 0;

}



.wp-block-file__button:hover {

  color: #fff;

}



/*Widget Tag */

.widget-title-tag {

  margin-bottom: 32px;

}



.wp-block-tag-cloud {

  margin-top: -4px;

}



.wp-block-tag-cloud a,

.widget .tagcloud a {

  padding: 9px 16px;

  background: #fff;

  margin-bottom: 10px;

  margin-right: 0px;

  font-size: 14px !important;

  margin-right: 7px;

  color: #24272C;

  font-weight: 500;

  text-transform: capitalize;

  display: inline-block;

  font-family: 'Inter';

  font-size: 14px;

  font-weight: 400;

  line-height: 19.6px;

  border: 1px solid #EDEDED;

  border-radius: 99px;

}



.wp-block-tag-cloud a:hover,

.widget .tagcloud a:hover {

  background-color: var(--theme-primary-color);

  color: #fff;

  border-color: var(--theme-primary-color);

}



/*Widget Nav Menu*/

.sidebar-about {

  padding: 35px 15px;

}



.sidebar .widget.widget_nav_menu ul li {

  position: relative;

  width: 100%;

}



.sidebar .widget.widget_nav_menu .menu > li > a > i {

  position: absolute;

  right: 12px;

  top: 50%;

  margin-top: -15px;

  font-size: 30px;

}



.background_fbfbfb {

  background: #fbfbfb;

}



input[type=\"button\"]:hover,

 input[type=\"reset\"]:hover,

  input[type=\"submit\"]:hover {

  background-color: #24272C;

}



.modal-menu__panel-body .search-form input[type=\"search\"]:focus {

  border-color: #24272C;

}



/* contact form sidebar */



.contact-sidebar {

  position: relative;

  padding: 30px 20px;

  background: #24272C;

  border-radius: 3px;

}



.contact-sidebar svg {

  position: absolute;

  bottom: -15px;

  right: -30px;

  transform: rotate(-16.71deg);

  z-index: 0;

}



.contact-sidebar h3 {

  font-weight: 600;

  font-size: 22px;

  color: var(--theme-primary-color);

  margin-top: -8px;

  margin-bottom: 12px;

}



.contact-sidebar p {

  font-weight: 400;

  font-size: 14px;

  line-height: 24px;

  color: #ffffff;

  margin-bottom: 29px;

}



.contact-sidebar button {

  padding: 20px !important;

  background: transparent;

  color: #24272C;

}



.contact-sidebar .contact-sidebar-form {

  position: relative;

  z-index: 10;

}



.contact-sidebar .contact-sidebar-form p {

  margin-bottom: 0 !important;

}



.contact-sidebar .contact-sidebar-form button {

  position: absolute;

  top: 50%;

  right: -4px;

  transform: translateY(-50%);

  margin-bottom: 0;

  font-size: 20px;

}



.contact-sidebar .contact-sidebar-form input {

  padding: 16px 20px;

  border-radius: 3px;

  font-weight: 400;

  font-size: 13px;

  line-height: 20px;

  color: #24272C;

  margin-bottom: 0;

}



.contact-sidebar .contact-sidebar-form input::placeholder {

  font-weight: 400;

  font-size: 13px;

  line-height: 20px;

  font-style: italic;

  color: #9c9ea6;

}



/*Widget Themesflat Social*/

.themesflat-widget-socials li {

  -webkit-transition: all 0.3s ease 0s;

  -moz-transition: all 0.3s ease 0s;

  -ms-transition: all 0.3s ease 0s;

  -o-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s;

}



.widget.widget_themesflat_socials ul li a {

  position: relative;

}



.widget.widget_themesflat_socials ul li a::after {

  position: absolute;

  width: 100%;

  height: 100%;

  content: "";

  top: 0;

  left: 0;

  opacity: 0;

  background-image: linear-gradient(

    90deg,

    #0A1426 0%,

    var(--theme-primary-color) 100%

  );

  z-index: -1;

  border-radius: 50%;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  -ms-transition: all 0.3s ease;

  -o-transition: all 0.3s ease;

  transition: all 0.3s ease;

}



.widget.widget_themesflat_socials ul li a:hover::after {

  opacity: 1;

}



li.android {

  background: #8ec147;

}

li.apple {

  background: #777;

}

li.behance {

  background: #0077ff;

}

li.bitcoin {

  background: #f79012;

}

li.buysellads {

  background: #c90100;

}

li.codepen {

  background: #444;

}

li.css3 {

  background: #0270bb;

}

li.delicious {

  background: #31a9ff;

}

li.deviantart {

  background: #05cc47;

}

li.digg {

  background: #0093cc;

}

li.dribbble {

  background: #ea4c89;

}

li.dropbox {

  background: #007ee5;

}

li.drupal {

  background: #0073ba;

}

li.email-1 {

  background: #35c7ed;

}

li.email-2 {

  background: #35c7ed;

}

li.facebook,

li.facebook-f {

  background: #4862a3;

}

li.flickr {

  background: #ff1981;

}

li.foursquare {

  background: #f04d7a;

}

li.git {

  background: #f64d27;

}

li.github {

  background: #999;

}

li.google {

  background: #3f85f4;

}

li.google-plus,

li.google-plus-g {

  background: #dd4b39;

}

li.html5 {

  background: #e54d26;

}

li.instagram {

  background: #3d6b92;

}

li.joomla {

  background: #fc8f30;

}

li.jsfiddle {

  background: #4679bd;

}

li.lastfm {

  background: #df1c23;

}

li.linkedin {

  background: #0177b5;

}

li.linux {

  background: #39a6df;

}

li.maxcdn {

  background: #ff5b02;

}

li.medium {

  background: #333;

}

li.pagelines {

  background: #444;

}

li.paypal {

  background: #009cde;

}

li.pinterest {

  background: #db242c;

}

li.reddit {

  background: #ff4500;

}

li.rss {

  background: #fc8f55;

}

li.share {

  background: #01924b;

}

li.skype {

  background: #00aff0;

}

li.slideshare {

  background: #0679b5;

}

li.soundcloud {

  background: #ff4e00;

}

li.spotify {

  background: #84bd00;

}

li.stack-exchange {

  background: #366fb3;

}

li.stack-overflow {

  background: #07c;

}

li.stumbleupon {

  background: #ea4b24;

}

li.trello {

  background: #026aa7;

}

li.tumblr {

  background: #2c4762;

}

li.twitter {

  background: #55acee;

}

li.vimeo {

  background: #44bbff;

}

li.vine {

  background: #00bf8f;

}

li.vk {

  background: #6281a3;

}

li.whatsapp {

  background: #59ac23;

}

li.windows {

  background: #00bcf2;

}

li.wordpress {

  background: #1e8cbe;

}

li.xing {

  background: #006464;

}

li.yahoo {

  background: #5210c4;

}

li.yelp {

  background: #c41200;

}

li.youtube {

  background: #d02022;

}

li.youtube-play {

  background: #d02022;

}



.sidebar .widget.widget_themesflat_socials ul li,

.widget.widget_themesflat_socials ul li {

  display: inline-block;

  border: none;

  text-align: center;

  width: 40px;

  height: 40px;

  font-size: 20px;

  padding: 0;

  line-height: 40px;

  margin-right: 8px;

  margin-bottom: 8px;

  border-radius: 50%;

  background: #f6f6f6;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  -ms-transition: all 0.3s ease;

  -o-transition: all 0.3s ease;

  transition: all 0.3s ease;

}



.sidebar .widget.widget_themesflat_socials .themesflat-widget-socials {

  margin-left: 25px;

}



.widget.widget_themesflat_socials .widget-title {

  margin-bottom: 25px;

}



.sidebar .widget.widget_themesflat_socials ul li:hover,

.widget.widget_themesflat_socials ul li:hover {

  background: var(--theme-primary-color);

}



.sidebar .widget.widget_themesflat_socials ul li a,

.widget.widget_themesflat_socials ul li a {

  color: #24272C;

  display: flex;

  justify-content: center;

  align-items: center;

  width: 100%;

  height: 100%;

  font-size: 13px;

}



.sidebar .widget.widget_themesflat_socials ul li a:hover,

.widget.widget_themesflat_socials ul li a:hover {

  color: #fff;

}



/* widget tags */

.widget.widget_categories ul.children li:first-child > a:before {

  display: none;

}



#footer .widget .tagcloud a {

  color: #24272C;

}



/* widget search */

.widget_search .widget-title {

  margin-bottom: 30px;

}



.widget_search form {

  width: 100%;

  position: relative;

  margin: 0;

  box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.02);

}



.widget_search form label {

  display: block;

  margin-bottom: 10px;

}



.widget_search form button,

.wp-block-search .wp-block-search__button {

  width: 60px;

  height: 100%;

  padding: 0;

  position: absolute;

  left: 3px;

  top: 0;

  background: none;

  box-shadow: none;

  border: 0;

  outline: none !important;

  padding: 0;

  border-radius: 0rem;

  text-align: center;

  color: #24272C;

  font-size: 20px;

  background: transparent;

}



.wp-block-search .wp-block-search__button:hover::after {

  color: var(--theme-primary-color);

}



.widget_search form button svg,

.wp-block-search .wp-block-search__button svg {

  fill: #fff;

  transform: rotate(-90deg);

}



.wp-block-search .wp-block-search__inside-wrapper {

  position: relative;

}



.wp-block-search .wp-block-search__button {

  text-indent: -99999px;

  margin: 0;

  z-index: 1;

}



.wp-block-search .wp-block-search__button::placeholder {

  color: #24272C;

}



.widget_search form button:hover {

  color: var(--theme-primary-color);

}



.wp-block-search .wp-block-search__inside-wrapper button:after {

  all: unset;

  content: "\e907";

  font-family: "autodeal";

  color: #B6B6B6;

  text-indent: 0;

  position: absolute;

  top: 50%;

  right: 29px;

  transform: translateY(-50%);

  font-size: 16px;

  z-index: 1;

  font-weight: 700;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  -ms-transition: all 0.3s ease;

  -o-transition: all 0.3s ease;

  transition: all 0.3s ease;

}



.wp-block-search .wp-block-search__inside-wrapper button::before {

  display: none;

}



.wp-block-search .wp-block-search__inside-wrapper button:hover {

  background-color: transparent;

}



#header .widget_search form button:hover {

  color: var(--theme-primary-color);

}



.widget_search form input[type="search"],

.wp-block-search .wp-block-search__input {

  margin-bottom: 0;

  width: 100%;

  padding: 16px 60px 16px 43px;

  color: #24272C;

  background: #fff;

  border: 1px solid #EDEDED;

  font-family: 'Inter';

  font-size: 14px;

  font-weight: 400;

  line-height: 19.6px;

}



.widget_search form input[type="search"]::placeholder,

.wp-block-search .wp-block-search__input::placeholder {

  color: #696665;

}



.widget_search form input::placeholder,

.widget_search form input:-moz-placeholder,

.widget_search form input::-moz-placeholder,

.widget_search form input:-ms-input-placeholder,

.widget_search form input::-webkit-input-placeholder {

  color: #010c2a;

}



/* widget recent post */



.widget.widget-recent-news .widgettitle,

.widget.widget_latest_news .widgettitle {

  margin-bottom: 26px;

}

.widget-recent-porfolio .thumb,

.widget.widget-recent-news .thumb,

.widget.widget_latest_news .thumb {

  margin-right: 11px;

  position: relative;

  border-radius: 0;

  overflow: hidden;

  margin-top: 3px;

  min-width: 112px;

  height: auto;

  width: 112px;

}



.widget.widget-recent-news .thumb {

  margin-top: 0px;

}



.widget.widget-recent-news .recent-news {

  padding-bottom: 0px;

  padding-top: 0px;

  margin-top: -21px;

}



.widget-recent-porfolio .text,

.widget.widget-recent-news .text,

.widget.widget_latest_news .text {

  overflow: hidden;

}



.widget.widget-recent-news .text {

  margin-top: 0px;

}



.widget.widget-recent-news .widget-title {

  margin-bottom: 40px;

}



.widget.widget-recent-news .text h6,

.widget.widget_latest_news .text h6 {

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

  display: -webkit-box;

  overflow: hidden;

  text-overflow: ellipsis;

  word-break: break-word;

  color: #24272C;

  font-size: 16px;

  font-weight: 500;

  line-height: 22.4px;

  margin-bottom: 11px;

}



.widget.widget-recent-news .text h6 a,

.widget.widget_latest_news .text h6 a {

  font-weight: 600;

}



.widget-recent-porfolio .thumb a img,

.widget.widget-recent-news .thumb a img,

.widget.widget_latest_news .thumb a img {

  -webkit-transition: all 0.2s ease-in-out 0s;

  -moz-transition: all 0.2s ease-in-out 0s;

  -ms-transition: all 0.2s ease-in-out 0s;

  -o-transition: all 0.2s ease-in-out 0s;

  transition: all 0.2s ease-in-out 0s;

  max-width: 100%;

  width: 112px;

  height: 74px;

  border-radius: 12px;

  object-fit: cover;

}



.widget-recent-porfolio li,

.widget.widget-recent-news li,

.widget.widget_latest_news li {

  display: flex;

  margin-bottom: 17px;

  padding: 0;

  overflow: hidden;

  background-color: transparent;

}



.widget-recent-porfolio li,

.widget.widget-recent-news li {

  overflow: unset;

  align-items: center;

  margin: 0;

  border-top: 1px solid #EDEDED;

  padding-top: 19px;

  margin-top: 19px;

}



.widget-recent-porfolio li:last-child,

.widget.widget-recent-news li:last-child {

  margin-bottom: 0px;

  padding-bottom: 0px;

  border-bottom: unset;

}



.widget.widget-recent-news li:last-child,

.widget.widget_latest_news li:last-child {

  margin-bottom: 0;

}



.widget-recent-porfolio li .text h6 a,

.widget.widget-recent-news li .text h6 a,

.widget.widget_latest_news li .text h6 a {

  color: #24272C;

}



.widget-recent-porfolio li .text p.desc,

.widget.widget-recent-news li .text p.desc,

.widget.widget_latest_news li .text p.desc {

  margin-bottom: 0;

  margin-top: 10px;

}



.widget-recent-porfolio li .text .post-date,

.widget.widget-recent-news li .text .post-date,

.widget.widget_latest_news li .text .post-date {

  display: block;

  position: relative;

  margin-top: 0;

  color: #696665;

  margin-bottom: 4px;

  font-family: 'Inter';

  font-size: 12px;

  font-weight: 400;

  line-height: 16.8px;

  text-transform: capitalize;

}



.widget-recent-porfolio li .text .post-date i,

.widget.widget-recent-news li .text .post-date i,

.widget.widget_latest_news li .text .post-date i {

  vertical-align: text-top;

  color: #B6B6B6;

  font-size: 14px;

}



.widget-recent-porfolio li .text .post-date i,

.widget.widget-recent-news li .text .post-date i {

  margin-right: 2px;

}



.wp-block-latest-posts__post-author,

.wp-block-latest-posts__post-date {

  color: #a4a5a6;

}



.widget-recent-porfolio li .text .post-date svg,

.widget.widget-recent-news li .text .post-date svg,

.widget.widget_latest_news li .text .post-date svg {

  font-size: 16px;

  margin-right: 5px;

}



.widget-recent-porfolio li .text .post-date svg path,

.widget.widget-recent-news li .text .post-date svg path,

.widget.widget_latest_news li .text .post-date svg path {

  stroke: #0A1426;

}



.widget-recent-porfolio li .text .post-comment,

.widget.widget-recent-news li .text .post-comment {

  font-size: 13px;

  line-height: 1.5;

  font-weight: 700;

  margin-top: 5px;

}



.widget-recent-porfolio li .text .post-comment i,

.widget.widget-recent-news li .text .post-comment i {

  margin-right: 3px;

}



.sidebar .widget-recent-porfolio {

  margin-bottom: 38px;

}



/* widget recent comments */

.widget_recent_comments .recentcomments > a {

  line-height: normal;

}



.sidebar .widget_recent_comments .recentcomments a,

.sidebar .widget_recent_comments ul li,

.sidebar .widget.widget_block ol.wp-block-latest-comments li,

.sidebar .widget.widget_recent_comments ul li,

.sidebar .widget.widget_block ol.wp-block-latest-comments li {

  color: #24272C;

}



#footer .widget_recent_comments .recentcomments a {

  color: rgba(229, 229, 229, 1);

}



#footer .widget_recent_comments .recentcomments a:hover,

.sidebar .widget_recent_comments .recentcomments a:hover {

  color: var(--theme-primary-color);

}



.widget.widget_block blockquote {

  margin: 0;

}



.sidebar .wp-block-pullquote {

  padding: 0;

  margin: 0;

}



.sidebar .wp-block-media-text .wp-block-media-text__content p {

  margin-bottom: 5px;

}



.sidebar

  .wp-block-media-text

  .wp-block-media-text__content

  .has-large-font-size {

  line-height: 1;

}



.widget_block ul.wp-block-social-links li a {

  margin: 0;

  border: none;

}



.widget_block ul.wp-block-social-links li {

  border-radius: 5px;

}



/* widget Contact Now */

.sidebar #block-34 {

  padding: 0;

}



.sidebar .widget-contact-now {

  position: relative;

  background-color: #24272C;

  border-radius: 5px;

  text-align: center;

  vertical-align: middle;

  padding: 40px 0;

  overflow: hidden;

}



.sidebar .widget-contact-now .bg-contact {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

}



.sidebar .widget-contact-now .bg-contact img {

  object-fit: cover;

}



.sidebar .widget .widget-contact-now .widget-title,

.sidebar .widget-contact-now .img-author,

.sidebar .widget-contact-now .phone,

.sidebar .widget-contact-now .btn.contact {

  position: relative;

  z-index: 2;

}



.sidebar .widget .widget-contact-now .widget-title {

  color: #fff;

  font-size: 24px;

  font-family: "Roboto Slab";

}



.sidebar .widget-contact-now .img-author {

  margin-bottom: 30px;

}



.sidebar .widget-contact-now .img-author img {

  overflow: hidden;

  border-radius: 50%;

  width: 120px;

  height: 120px;

}



.sidebar .widget-contact-now .phone {

  margin-bottom: 40px;

  display: inline-flex;

  align-items: center;

}



.sidebar .widget-contact-now .phone .icon {

  width: 40px;

  height: 40px;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  background-color: #fff;

  border-radius: 50%;

  margin-right: 10px;

}



.sidebar .widget-contact-now .phone .icon i {

  color: #0A1426;

  font-size: 20px;

}



.sidebar .widget-contact-now .phone .tel {

  font-size: 20px;

  font-family: "Roboto Slab";

  font-weight: 500;

  color: #fff;

}



.sidebar .widget-contact-now .btn.contact {

  background: #0A1426;

  border: none;

  padding: 18px 40px;

  font-size: 16px;

  font-weight: 700;

  font-family: "Roboto Slab";

}



.sidebar .widget-contact-now .btn.contact::before,

.sidebar .widget-contact-now .btn.contact::after {

  background-color: #0A1426;

}



/* widget banner */

#block-13.widget {

  border: unset;

  padding: 0;

}



.wd-banner {

  text-align: center;

  background: #ffe8ce;

  padding: 34px 20px;

  padding-bottom: 40px;

}



.wd-banner h3 {

  font-weight: 600;

  font-size: 30px;

  line-height: 120%;

  padding: 0 20px;

  margin-bottom: 23px;

}



.wd-banner a {

  margin-bottom: 36px;

}



/* widget download */

.sidebar .widget-download .btn {

  padding: 8px 21px 13px;

  background-color: #0A1426;

  margin-bottom: 10px;

  z-index: 1;

  width: 100%;

  text-align: left;

  border-radius: 2px;

  font-size: 14px;

  font-weight: 500;

  font-family: "Roboto Slab";

}



.sidebar .widget-download .btn i {

  font-size: 24px;

  padding-right: 21px;

  margin-right: 17px;

  position: relative;

}



.sidebar .widget-download .btn i::after {

  position: absolute;

  content: "";

  width: 1px;

  height: 50px;

  right: 0px;

  top: -10px;

  background-color: rgba(255, 255, 255, 0.2);

}



/* Pagination

-------------------------------------------------------------- */

.navigation.paging-navigation .pagination,

.navigation.paging-navigation.pager {

  text-align: left;

  display: inline-flex;

}



.navigation.paging-navigation .current {

  border-color: transparent;

}



.navigation.paging-navigation.pager .pagination {

  width: 100%;

  display: block;

}



.navigation.paging-navigation.pager a:last-child {

  float: right;

}



.navigation.paging-navigation a.next,

.navigation.paging-navigation a.prev {

  font-size: 10px;

}



.navigation.paging-navigation a,

.pagination > span,

.navigation.paging-navigation span,

.page-links a,

.page-links > span,

.navigation.paging-navigation a.next,

.navigation.paging-navigation a.prev {

  position: relative;

  color: #24272C;

  margin-right: 10px;

  width: 44px;

  height: 44px;

  border: 1px solid #EDEDED;

  text-align: center;

  border-radius: 10px;

  display: inline-flex;

  justify-content: center;

  align-items: center;

}



.navigation.paging-navigation a.next,

.navigation.paging-navigation a.prev {

  font-size: 20px;

}



.page-links {

  margin-top: 15px;

  clear: both;

}



.navigation.paging-navigation.pager a {

  display: inline-block;

  color: #000;

  padding: 0;

  min-width: 0;

  min-height: 0;

  border-radius: 8px;

  border: 1px solid #efefef;

  background: #fff;

  padding: 7px 15px;

}



.navigation.paging-navigation a:hover {

  border-color: var(--theme-primary-color);

}



.navigation.paging-navigation.pager a:hover {

  background-color: var(--theme-primary-color);

  color: #fff;

}



.page-links > span,

.page-links a:hover,

.navigation.paging-navigation .current,

.navigation.paging-navigation a:hover,

.navigation.paging-navigation a.next:hover {

  color: #fff  !important;

  background: var(--theme-primary-color) !important;

  border-color: var(--theme-primary-color) !important;

}



/* Navigation page */

.navigation.pager a,

.navigation.loadmore a {

  width: auto;

  height: auto;

  padding: 0 20px;

  border-radius: 5px;

}



.navigation.loadmore .pagination {

  display: inline-flex;

}



.search .nav-links .nav-previous {

  float: left;

}



.search .nav-links .nav-next {

  float: right;

}



/* Navigation Loadmore */

.post-wrap {

  -webkit-transition: height 0.5s ease;

  -moz-transition: height 0.5s ease;

  -ms-transition: height 0.5s ease;

  -o-transition: height 0.5s ease;

  transition: height 0.5s ease;

}



.navigation.loadmore {

  text-align: center;

}



.navigation.loadmore a {

  position: relative;

  display: inline-flex;

  justify-content: center;

  align-items: center;

  font-size: 14px;

  font-weight: 700;

  margin-right: 0;

  padding: 11px 47px;

  -webkit-transition: all 0.3s ease 0s;

  -moz-transition: all 0.3s ease 0s;

  -ms-transition: all 0.3s ease 0s;

  -o-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s;

  z-index: 1;

  overflow: hidden;

  border-radius: 3px;

}



.navigation.loadmore a svg {

  margin-right: 10px;

  margin-top: -3px;

}



.navigation.loadmore a:hover svg {

  -webkit-animation: fa-spin 2s infinite linear;

  animation: fa-spin 2s infinite linear;

}



.infscr-loading {

  background: #000 url("../images/loading.gif") no-repeat scroll center 15px;

  top: 50%;

  transform: translateY(-50%);

  color: #ccc;

  left: 50%;

  margin-left: -90px;

  opacity: 0.8;

  padding: 80px 0 10px;

  position: fixed;

  text-align: center;

  width: 180px;

  z-index: 100;

  -webkit-border-radius: 0px;

  -moz-border-radius: 0px;

  border-radius: 0px;

}



.infscr-loading.no-ajax {

  background: #000;

  padding: 10px;

}



.flex-box {

  display: flex;

  align-items: center;

}



/* Mail Chimp

-------------------------------------------------------------- */

.footer-widgets .widget.widget_mc4wp_form_widget .widget-title {

  margin-top: 7px;

  margin-bottom: 21px;

}



.form-mailchimp {

  position: relative;

}



.form-mailchimp button {

  height: 100%;

  position: absolute;

  top: 0;

  right: 0;

  -webkit-border-radius: 2px;

  -moz-border-radius: 2px;

  -ms-border-radius: 2px;

  -o-border-radius: 2px;

  border-radius: 2px;

  padding: 22px;

  background: #0A1426;

}



.form-mailchimp button:hover {

  background: var(--theme-primary-color);

}



.footer.home-1 .form-mailchimp input[type="email"] {

  color: #76777a;

  font-size: 16px;

  padding: 18px 60px 16px 20px;

  box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1);

}



.footer.home-1

  .form-mailchimp

  input[type="email"]::-webkit-input-placeholder

  .footer.home-1

  .form-mailchimp

  input[type="email"]::-moz-placeholder,

.footer.home-1 .form-mailchimp input[type="email"]:-ms-input-placeholder,

.footer.home-1 .form-mailchimp input[type="email"]::placeholder {

  color: #76777a;

}



.footer.home-1 .form-mailchimp button {

  background: linear-gradient(

    246.06deg,

    #cf00fe -19.26%,

    #0A1426 87.05%

  );

}



.form-mailchimp button::before,

.form-mailchimp button::after {

  background-color: #0A1426;

}



/* Footer

-------------------------------------------------------------- */

.footer_background {

  background-position: center center;

  background-repeat: no-repeat;

  position: relative;

}

.overlay-footer {

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  background-position: center bottom;

  background-repeat: no-repeat;

}



footer .wrap-logo-footer {

  margin-bottom: 20px;

  margin-left: 5px;

}



footer .infor-ft {

  margin-top: 16px;

}



footer .footer-information {

  margin-bottom: -9px;

  margin-right: -5px;

}



/* Widget footer

-------------------------------------------------------------- */

/* Title widget for footer */

footer .widget.widget_nav_menu ul li,

footer .widget.widget_pages ul li,

footer .widget.widget_block ul li,

footer .widget.widget_block ol li {

  padding: 0px;

  border: none;

}



.footer-widgets .widget {

  margin-bottom: 40px;

}



.footer-widgets .widget:last-of-type {

  margin-bottom: 0;

}



footer .widget.widget_nav_menu ul li a {

  display: inline;

  padding: 0px;

  border: none;

}



footer .widget.widget_nav_menu ul li a {

  font-weight: 400;

  font-size: 16px;

}



footer .widget.widget_nav_menu ul li a:hover,

.sidebar .widget.widget_nav_menu .menu li a:hover {

  padding-left: 20px;

}



footer .widget.widget_nav_menu ul li a:hover::before,

.sidebar .widget.widget_nav_menu .menu li a:hover::before {

  opacity: 1;

  visibility: visible;

  left: 0px;

  top: 50%;

}



footer .widget.widget_pages ul ul li:first-child,

footer .widget.widget_nav_menu ul ul li:first-child,

footer .widget.widget_categories ul ul li:first-child,

footer .widget.widget_meta ul ul li:first-child,

footer .widget.widget_recent_comments ul ul li:first-child,

footer .widget.widget_rss ul ul li:first-child,

footer .widget.widget_block ul ul li:first-child {

  margin-top: 0px;

}



footer .widget.widget_recent_comments ul li,

footer .widget.widget_rss ul li,

footer .widget.widget_block ol.wp-block-latest-comments li {

  padding: 5px 0px;

  margin-bottom: 0;

}



.sidebar .widget.widget_rss ul li a,

#footer .widget.widget_rss ul li a {

  color: var(--theme-primary-color);

}



footer .widget.widget_categories select option,

footer .widget select option {

  color: #000;

}



footer .widget.widget_meta ul li a:hover,

footer .widget.widget_nav_menu ul li a:hover,

footer .widget.widget_block ul li a {

  background: transparent !important;

}



footer .widget .widget-title,

footer .widget h2 {

  margin-top: 0;

  margin-bottom: 21px;

}



footer .wp-block-search .wp-block-search__label {

  margin-top: 11px;

  margin-bottom: 27px;

}



.footer-widgets .widget.widget_media_image {

  margin-bottom: -10px;

}



.footer-style-2 .footer-widgets .widget.widget_media_image {

  margin-bottom: 17px;

}



.footer-widgets .wrap-widgets-1 .widget.widget_text {

  margin-bottom: 20px;

  margin-top: -4px;

  margin-left: 2px;

  margin-right: -4px;

}



.footer-widgets .widget.widget_text .textwidget p:last-of-type {

  margin-bottom: 0px;

}



.footer-widgets .widget ul.contact-info li {

  padding: 8px 0px;

  display: flex;

}



.footer-widgets .widget ul.contact-info li i {

  font-size: 20px;

  min-width: 50px;

}

.footer-widgets .widget ul.contact-info li i.icon-autodeal-location {

  font-size: 26px;

  margin-left: -6px;

}



.footer-widgets .widget ul.contact-info li p {

  font-family: "Roboto Slab";

  font-size: 16px;

  line-height: 28px;

}



.footer-widgets .widget ul.contact-info li img,

.footer-widgets .widget ul.contact-info li svg {

  width: 25px;

  max-width: 25px;

  max-height: 42px;

  margin-right: 20px;

  height: auto;

  line-height: normal;

}



.footer-widgets .widget.widget_themesflat_socials ul li {

  width: 40px;

  height: 40px;

  font-size: 15px;

  margin-right: 12px;

  margin-bottom: 10px;

  border-radius: 50%;

  background: transparent;

  border: 1px solid rgba(255, 255, 255, 0.2);

}



.footer-widgets .widget.widget_themesflat_socials ul li:hover {

  background: var(--theme-primary-color);

  border-color: var(--theme-primary-color);

}



.footer-widgets .widget.widget_themesflat_socials ul li:last-child {

  margin-right: 0;

}



.footer-widgets .widget.widget_themesflat_socials ul li a {

  display: flex;

  align-items: center;

  justify-content: center;

  font-size: 16px;

  color: #fff !important;

}



.footer-widgets .widget.widget_themesflat_socials ul li:hover a {

  color: #fff !important;

}



#footer .widget.widget_tag_cloud a:hover {

  color: #fff;

}



.footer-widgets .description-ft-1 {

  font-weight: 400;

  font-size: 16px;

  line-height: 185%;

  margin-bottom: 30px;

  padding-right: 60px;

}



#footer a:hover {

  color: var(--theme-primary-color);

}



footer .widget.widget_product_categories ul > li > a:before,

footer .widget.widget_categories ul > li > a:before,

footer .widget.widget_pages ul > li > a:before,

footer .widget.widget_archive ul > li > a:before,

footer .widget.widget_meta ul > li > a:before,

footer .widget.widget_block ul > li > a:before {

  background: var(--theme-primary-color);

}



.footer-style-2

  #footer

  .footer-widgets

  .widget.widget_themesflat_socials

  ul

  li

  a,

.footer-style-4

  #footer

  .footer-widgets

  .widget.widget_themesflat_socials

  ul

  li

  a {

  background: #fff;

  border-color: #fff;

}



.footer-style-2

  #footer

  .footer-widgets

  .widget.widget_themesflat_socials

  ul

  li

  a:hover,

.footer-style-2

  #footer

  .footer-widgets

  .widget.widget_themesflat_socials

  ul

  li:first-child

  a,

.footer-style-4

  #footer

  .footer-widgets

  .widget.widget_themesflat_socials

  ul

  li

  a:hover,

.footer-style-4

  #footer

  .footer-widgets

  .widget.widget_themesflat_socials

  ul

  li:first-child

  a {

  background: var(--theme-primary-color);

  border-color: var(--theme-primary-color);

  color: #fff !important;

}



.footer-style-2 .bottom .container-inside,

.footer-style-3 .bottom .container-inside,

.footer-style-4 .bottom .container-inside {

  justify-content: center;

}



.footer-style-2 .bottom .container-inside .content-right,

.footer-style-3 .bottom .container-inside .content-right,

.footer-style-4 .bottom .container-inside .content-right {

  display: none;

}



.footer-style-2 .bottom .container-inside .content-left,

.footer-style-3 .bottom .container-inside .content-left,

.footer-style-4 .bottom .container-inside .content-left {

  margin-bottom: 0;

}



.footer-style-2 .mc4wp-form input[type="email"] {

  background: #fff;

  border-color: #fff;

}



.footer-style-2 .mc4wp-form input[type="submit"] {

  color: #fff !important;

}



#footer {

  position: relative;

  z-index: 5;

}



.widget_calendar nav a,

.widget_calendar table tbody tr a,

#footer .widget_calendar nav a,

#footer .widget_calendar table tbody tr a {

  color: var(--theme-primary-color);

}



.infor-ft li {

  display: flex;

  align-items: center;

  color: #FFFEFE;

  font-size: 16px;

  font-weight: 400;

  line-height: 28px;

  margin-bottom: 11px;

}



.infor-ft li i {

  color: var(--theme-primary-color);

  font-size: 20px;

  margin-right: 17px;

}



.logo-ft {

  margin-left: 7px;

  margin-bottom: 32px !important;

}



footer .wrap-widgets-1 {

  margin-left: 0px;

}



footer .wrap-widgets-1 .ft-description {

  margin-right: -100px;

}



#footer .footer-widgets .widgets-areas > .widget-title {

  margin-bottom: 20px;

  position: relative;

}



footer .wrap-widgets-1 .widget_media_image {

  margin-top: -30px;

}



footer .widget ul li a {

  font-weight: 500;

}

footer .menu-tab-footer .widgets-areas.areas-4 .widget-title {

  margin-left: -11px;

  margin-top: 10px;

}



.footer .wrap-widgets-4 {

  margin-left: -11px;

}



.footer .wrap-widgets-4 .widget_text {

  margin-top: -9px;

  margin-bottom: 25px;

}



.footer .wrap-widgets-4 .widget > h2 {

  margin-bottom: 27px;

}



.footer .email-footer {

  font-size: 16px;

  margin-bottom: 0;

}



.footer .email-footer svg {

  margin: 0 10px 0 5px;

}

.footer .list-infor li,

.modal-menu__body .list-infor li {

  display: flex;

  margin-bottom: 21px;

}



.footer .list-infor .icon,

.modal-menu__body .list-infor .icon {

  color: var(--theme-primary-color);

  margin-right: 15px;

  font-size: 19px;

}



.footer .list-infor .content,

.modal-menu__body .list-infor .content {

  font-weight: 500;

  font-size: 14px;

}



.modal-menu__body .list-infor h4 {

  font-weight: 600;

  font-size: 14px;

  line-height: 21px;

  margin-bottom: 0;

}



#footer.footer .list-infor .content a,

.modal-menu__body .list-infor .content a {

  display: block;

  color: var(--theme-primary-color);

}



/* Contact infor */

.footer .contact-info .icon {

  margin-right: 10px;

  color: var(--theme-primary-color);

}



/*widget Nav Menu*/

.footer-widgets .widget.widget_nav_menu ul li {

  list-style-type: none;

  display: block;

  margin-bottom: 11.5px;

}



.footer-widgets .widget.widget_nav_menu ul li:last-child {

  margin-bottom: 0;

}



.wp-block-gallery:not(.has-nested-images).alignleft {

  margin-right: 15px;

}



.footer-widgets .widget.widget_nav_menu #menu-testing-menu li {

  float: unset;

  width: unset;

}



footer .widget ul li a {

  width: auto;

}



.widget.widget_meta ul > li > a,

.widget.widget_nav_menu ul > li > a,

.widget.widget_nav_menu .menu > li > a,

footer .widget.widget_nav_menu .menu > li > a {

  position: relative;

}



:not(footer) .widget.widget_nav_menu ul li a::before {

  content: "\e923";

  font-family: "autodeal";

  color: var(--theme-primary-color);

  font-size: 17px;

  vertical-align: middle;

  margin-right: 7px;

  opacity: 0;

  visibility: hidden;

  position: absolute;

  top: 70%;

  left: 0;

  transform: translateY(-50%);

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  -ms-transition: all 0.3s ease;

  -o-transition: all 0.3s ease;

  transition: all 0.3s ease;

}



footer .widget.widget_nav_menu .menu > li li :last-child {

  padding-bottom: 0;

}

.footer-widgets .infor-ft-box {

  display: flex;

  align-items: center;

  margin-bottom: 17px;

}



.footer-widgets .infor-ft-box:first-child {

  margin-top: 32px;

}



.footer-widgets .infor-ft-box h5 {

  font-weight: 600;

  font-size: 18px;

  color: #24272C;

  margin-bottom: 0px;

}



.footer-widgets .infor-ft-box h6 {

  font-weight: 400;

  font-size: 16px;

  color: #24272C;

}



.footer-widgets .infor-ft-box .content {

  margin-top: 3px;

}



.footer-widgets .infor-ft-box .icon {

  width: 40px;

  height: 40px;

  background: #0A1426;

  border-radius: 50%;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  -ms-transition: all 0.3s ease;

  -o-transition: all 0.3s ease;

  transition: all 0.3s ease;

  margin-right: 18px;

  flex-shrink: 0;

}



/*widget Recent News*/



footer .widget.widget-recent-news .widget-title,

footer .widget.widget_latest_news .widget-title {

  margin-bottom: 32px;

}



footer .widget.widget-recent-news li,

footer .widget.widget_latest_news li,

footer .widget.widget_block ul.wp-block-latest-posts li {

  background-color: transparent;

}



#footer .widget.widget_block .wp-block-categories li a:after,

#footer .widget.widget_archive ul li a:after,

#footer .widget.widget_categories ul li a:after,

#footer .widget.widget_pages ul li a:after,

#footer .widget.widget_categories ul li a:after {

  color: #fff;

}



#footer .widget.widget_block .wp-block-categories li a:hover:after,

#footer .widget.widget_archive ul li a:hover:after,

#footer .widget.widget_categories ul li a:hover:after,

#footer .widget.widget_pages ul li a:hover:after,

#footer .widget.widget_categories ul li a:hover:after {

  color: var(--theme-primary-color);

}



#footer .wp-block-calendar table th {

  background-color: #000;

}

#footer .wp-block-calendar tbody td {

  color: #ffffffcc;

}



/*widget Categories*/

.widget.widget_categories select,

.widget select {

  margin-bottom: 0px !important;

  width: 100%;

  color: #24272C;

}



footer .widget.widget_nav_menu ul > li > a,

footer .widget.widget_product_categories ul > li > a,

footer .widget.widget_categories ul > li > a,

footer .widget.widget_pages ul > li > a,

footer .widget.widget_archive ul > li > a,

footer .widget.widget_meta ul > li > a,

footer .widget.widget_block ul > li > a,

.bottom .copyright a {

  position: relative;

}



.bottom .copyright a:before {

  content: "";

  width: 0;

  height: 1px;

  position: absolute;

  right: 0;

  bottom: 0;

  background-color: var(--theme-primary-color);

  -webkit-transition: width 0.35s cubic-bezier(0.35, 0.7, 0.35, 1) 0s;

  -moz-transition: width 0.35s cubic-bezier(0.35, 0.7, 0.35, 1) 0s;

  -ms-transition: width 0.35s cubic-bezier(0.35, 0.7, 0.35, 1) 0s;

  -o-transition: width 0.35s cubic-bezier(0.35, 0.7, 0.35, 1) 0s;

  transition: width 0.35s cubic-bezier(0.35, 0.7, 0.35, 1) 0s;

}



.bottom .copyright a:hover:before {

  width: 100%;

  left: 0;

  right: auto;

}



footer .widget ul li a[aria-current]:not([aria-current="false"]):before {

  width: 100%;

  left: 0;

  right: auto;

}



.footer-efect ul li a {

  position: relative;

  width: unset !important;

}



.footer-efect ul li a:before {

  content: "";

  width: 0;

  height: 1px;

  position: absolute;

  right: 0;

  bottom: 0;

  background-color: var(--theme-primary-color);

  -webkit-transition: width 0.35s cubic-bezier(0.35, 0.7, 0.35, 1) 0s;

  -moz-transition: width 0.35s cubic-bezier(0.35, 0.7, 0.35, 1) 0s;

  -ms-transition: width 0.35s cubic-bezier(0.35, 0.7, 0.35, 1) 0s;

  -o-transition: width 0.35s cubic-bezier(0.35, 0.7, 0.35, 1) 0s;

  transition: width 0.35s cubic-bezier(0.35, 0.7, 0.35, 1) 0s;

}



.footer-efect ul li a:hover:before {

  width: 100%;

  left: 0;

  right: auto;

}



footer .widget.widget_mc4wp_form_widget {

  margin-bottom: 0;

}



.widget.widget_calendar tbody #today {

  color: var(--theme-primary-color);

}



.subcribe-footer {

  padding-top: 2px;

}



.subcribe-footer p {

  color: #F1FAEE;

  font-size: 14px;

  font-weight: 400;

  line-height: 150%;

  margin-bottom: 15px;

}



.subcribe-footer input[type="email"] {

  padding: 15px 18px;

  border-radius: 10px;

  border: 1px solid #EDEDED;

  background: #FFF;

  width: 100%;

  margin-bottom: 10px;

}

.subcribe-footer input[type="email"]::placeholder {

  color: #8E8E93;

  font-size: 13px;

  font-weight: 400;

  line-height: 150%;

}

.subcribe-footer button {

  border-radius: 10px;

  border: 1px solid rgba(255, 255, 255, 0.10);

  background: rgba(255, 255, 255, 0.10);

  padding: 14.4px 18px;

  font-size: 15px;

  font-weight: 700;

  color: #fff;

  width: 100%;

  margin-bottom: 16px;

}

.subcribe-footer button i {

  margin-left: 8px;

}



.subcribe-footer .agree-to-term {

  display: flex;

}



.subcribe-footer .agree-to-term input[type="checkbox"] {

  position: relative;

}



.subcribe-footer .agree-to-term input[type="checkbox"] {

  visibility: hidden;

  margin-right: 17px;

}



.subcribe-footer .agree-to-term input[type="checkbox"]::after {

  content: '';

  width: 20px;

  height: 20px;

  border: 1px solid #464648;

  background: #323234;

  display: block;

  border-radius: 5px;

  opacity: 1;

  z-index: 5;

  visibility: visible;

}



.subcribe-footer .agree-to-term input[type="checkbox"]:checked::after {

  border: 3px solid var(--theme-primary-color);

}



.subcribe-footer .agree-to-term {

  font-size: 12px;

  font-weight: 400;

  line-height: 150%;

  font-family: 'Poppins';

}



/* Footer Navigation

-------------------------------------------------------------- */

.footer-navigation {

  position: relative;

  padding: 28px 0;

  border-top: 1px solid rgba(255, 255, 255, 0.1);

}



.footer-navigation .site-title,

.footer-navigation .site-description {

  color: #fff;

}



.footer-navigation .wrap-navigation {

  justify-content: space-between;

}



.footer-navigation .themesflat-socials,

.footer-navigation .wrap-navigation,

.footer-navigation .menu {

  display: flex;

  align-items: center;

}



.footer-navigation .menu li:not(:last-child) {

  margin-right: 40px;

}



.footer-navigation .menu li a:hover {

  color: var(--theme-primary-color);

}



.footer-navigation .menu li a {

  font-size: 16px;

  font-weight: 600;

  line-height: 24px;

}



.footer-navigation .menu,

.footer-navigation .themesflat-socials {

  list-style: none;

  margin: 0;

  padding: 0;

}



.footer-navigation .menu a {

  color: #fff;

}



.footer-navigation .themesflat-socials li {

  background: unset;

}



.footer-navigation .themesflat-socials li:not(:last-child) {

  margin-right: 8px;

}



.footer-navigation .themesflat-socials li a {

  width: 44px;

  height: 44px;

  border-radius: 50%;

  border: 1px solid rgba(255, 255, 255, 0.1);

  display: grid;

  align-items: center;

  justify-content: center;

  color: #fff;

  font-size: 19px;

}



.footer-navigation .themesflat-socials li a:hover {

  background: var(--theme-primary-color) !important;

  border-color: var(--theme-primary-color) !important;

  color: #fff !important;

}



/* Bottom

-------------------------------------------------------------- */

.bottom {

  z-index: 2;

  position: relative;

}



.bottom .container-inside {

  width: 100%;

  display: flex;

  align-items: center;

  justify-content: space-between;

  padding: 40px 0;

  border-top: 1px solid #ffffff14;

}



.bottom .inner.right {

  display: flex;

  align-items: center;

  column-gap: 40px;

}



.bottom .wrap-logo-footer .logo-footer {

  width: 225px;

}



.bottom p {

  margin-bottom: 0;

}



.bottom ul {

  margin: 0;

}



.bottom ul li {

  display: inline;

  position: relative;

}



.bottom ul li:not(:last-child) {

  margin-right: 12px;

}



.bottom ul li a {

  padding: 0 7px 0 7px;

  color: #D1D1D1;

}



.bottom ul li a:hover {

  color: var(--theme-primary-color);

}



.bottom .themesflat-socials {

  display: flex;

  align-items: center;

  justify-content: center;

}



.bottom .themesflat-socials li a {

  width: 40px;

  height: 40px;

  background: #FFFFFF0A;

  border-radius: 50%;

  display: grid;

  align-items: center;

  justify-content: center;

  color: #fff;

  font-size: 14px;

}



.bottom .themesflat-socials li a:hover {

  background: var(--theme-primary-color);

  color: #fff;

}



.bottom .menu-bottom ul {

  display: flex;

  flex-wrap: wrap;

  justify-content: right;

}



.bottom .menu-bottom ul li:not(:last-child) {

  margin-right: 37px;

}



.bottom .copyright {

  color: #D1D1D1;

}



.bottom .copyright a:before {

  background: var(--theme-primary-color);

}



.bottom ul li {

  background: unset;

  list-style: none;

}



.bottom ul li a {

  padding: 0;

  margin-left: 0px;

}



.bottom ul li:first-child a {

  margin-left: 0;

}



.bottom ul li ul {

  display: inline;

}



.bottom ul li:first-child:before {

  display: none;

}



.bottom ul li ul li:first-child:before {

  display: block;

}



.bottom #menu-bottom {

  position: relative;

}



.bottom ul.menu > li > a {

  white-space: nowrap;

}



.bottom ul.menu > li:first-child > a {

  padding-left: 0;

  margin-left: 0;

}



.bottom ul.menu > li:last-child > a {

  padding-right: 0;

  margin-right: 0;

}



.bottom .copyright span a:hover::before,

.bottom .copyright a:before {

  background: var(--theme-primary-color);

}

.bottom a:hover,

.bottom ul li a:hover,

.bottom .copyright a:hover,

.bottom .copyright span a:hover,

.bottom .copyright span a {

  color: var(--theme-primary-color);

}



.bottom .inner.has-social.hide-menu .themesflat-socials {

  justify-content: right;

}



.bottom .inner.hide-social.hide-menu .copyright {

  text-align: center;

}



/* GoTop Button

-------------------------------------------------------------- */

.go-top {

  position: fixed !important;

  right: -100px;

  bottom: 82px;

  width: 40px;

  height: 40px;

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

  background-color: var(--theme-primary-color);

  color: #fff;

  cursor: pointer;

  text-align: center;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -ms-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

  filter: alpha(opacity=0);

  opacity: 0;

  overflow: hidden;

}



.go-top.show {

  right: 15px;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

  filter: alpha(opacity=100);

  opacity: 1;

  visibility: visible;

  z-index: 9999;

}



.go-top i {

  font-size: 18px;

  color: #fff;

  font-weight: 600;

  transition: all ease 0.3s;

  transform: rotate(-90deg) !important;

}



.go-top:hover {

  background: #696665 !important;

  transform: translateY(-5px);

}



.go-top:hover i {

  animation: 1s tf-buzz-out alternate linear infinite;

}



@keyframes tf-buzz-out {

  10% {

    transform: translateY(3%) rotate(2deg);

  }

  20% {

    transform: translateY(-3%) rotate(-2deg);

  }

  30% {

    transform: translateY(3%) rotate(2deg);

  }

  40% {

    transform: translateY(-3%) rotate(-2deg);

  }

  50% {

    transform: translateY(2%) rotate(1deg);

  }

  60% {

    transform: translateY(-2%) rotate(-1deg);

  }

  70% {

    transform: translateY(2%) rotate(1deg);

  }

  80% {

    transform: translateY(-2%) rotate(-1deg);

  }

  90% {

    transform: translateY(1%) rotate(0);

  }

  to {

    transform: translateY(-1%) rotate(0);

  }

}



/* Boxed

-------------------------------------------------------------- */

.boxed .themesflat-boxed {

  max-width: 1370px;

  margin: 0 auto;

  margin-top: 0px;

  margin-bottom: 0px;

  background-color: #fff;

  box-shadow: 0px 30px 53.1px 5.9px rgba(0, 0, 0, 0.15);

  overflow: hidden;

  position: relative;

}



.boxed .header.header-sticky {

  max-width: 1370px;

  margin: 0 auto;

}



/* Preload

-------------------------------------------------------------- */

#preloader {

  position: fixed;

  left: 0;

  top: 0;

  z-index: 9999999;

  width: 100%;

  height: 100%;

  overflow: visible;

  background: #ffffff;

  display: table;

  text-align: center;

}

.loader {

  display: table-cell;

  vertical-align: middle;

  height: 100%;

  width: 100%;

  position: relative;

  width: 200px;

  height: 200px;

}



/*--- Pulse ---*/

.pulse-loader {

  width: 40px;

  height: 40px;

  position: relative;

  margin: 0px auto;

}



.double-bounce1,

.double-bounce2 {

  width: 100%;

  height: 100%;

  border-radius: 50%;

  background-color: #fff;

  opacity: 0.6;

  position: absolute;

  top: 0;

  left: 0;

  -webkit-animation: sk-bounce 2s infinite ease-in-out;

  animation: sk-bounce 2s infinite ease-in-out;

}



.double-bounce2 {

  -webkit-animation-delay: -1s;

  animation-delay: -1s;

}



.double-bounce3,

.double-bounce4 {

  width: 100%;

  height: 100%;

  border-radius: 50%;

  background-color: var(--theme-primary-color);

  opacity: 0.6;

  position: absolute;

  top: 0;

  left: 0;

  -webkit-animation: sk-bounce 2s infinite ease-in-out;

  animation: sk-bounce 2s infinite ease-in-out;

}



.double-bounce4 {

  -webkit-animation-delay: -1s;

  animation-delay: -1s;

}



.double-bounce5,

.double-bounce6 {

  width: 100%;

  height: 100%;

  border-radius: 50%;

  background-color: #222;

  opacity: 0.6;

  position: absolute;

  top: 0;

  left: 0;

  -webkit-animation: sk-bounce 2s infinite ease-in-out;

  animation: sk-bounce 2s infinite ease-in-out;

}



.double-bounce6 {

  -webkit-animation-delay: -1s;

  animation-delay: -1s;

}



@-webkit-keyframes sk-bounce {

  0%,

  100% {

    -webkit-transform: scale(0);

  }

  50% {

    -webkit-transform: scale(1);

  }

}



@keyframes sk-bounce {

  0%,

  100% {

    transform: scale(0);

    -webkit-transform: scale(0);

  }

  50% {

    transform: scale(1);

    -webkit-transform: scale(1);

  }

}



/* Contact form

-------------------------------------------------------------- */

.wpcf7-form input:focus,

.wpcf7-form select:focus,

.wpcf7-form textarea:focus {

  outline: none;

}



.form-contact .text {

  width: 47%;

  display: inline-block;

}



.form-contact .text:nth-child(odd) {

  margin-right: 30px;

}



.form-contact .text.message {

  width: 100%;

  margin-right: 0;

}



.form-contact .text input,

.form-contact .text textarea {

  font-family: "Roboto";

  font-weight: 400;

  font-size: 16px;

  line-height: 26px;

  color: #76777a;

  padding: 15px 0px 15px 20px;

  margin-bottom: 22px;

}



.form-contact .text textarea {

  height: 170px;

}



.form-contact button {

  padding: 22px 41px;

}



.form-contact.form-2 .text input,

.form-contact.form-2 .text textarea {

  font-family: "Inter";

  color: #494a4d;

  padding: 15px 0px 15px 32px;

}



.form-contact.form-2 .text textarea {

  height: 150px;

}



.form-email {

  position: relative;

}



.form-email .email {

  width: 100%;

  position: relative;

}



.wpcf7 .form-email .email input {

  margin-bottom: 0;

  font-family: "Inter";

  font-weight: 400;

  font-size: 14px;

  line-height: 24px;

  color: #76777a;

  padding: 22px 100px 22px 50px;

  width: 100%;

  background-color: #fff;

}



.wpcf7 .form-email .email input[type="email"]::placeholder,

.wpcf7 .form-email .email input[type="email"]:-moz-placeholder,

.wpcf7 .form-email .email input[type="email"]::-moz-placeholder,

.wpcf7 .form-email .email input[type="email"]:-ms-input-placeholder,

.wpcf7 .form-email .email input[type="email"]::-webkit-input-placeholder {

  color: #76777a !important;

  opacity: 1;

}



.form-email .email svg,

.form-email .email i {

  position: absolute;

  left: 22px;

  top: 28px;

  color: #0A1426;

  z-index: 2;

}



.form-email .email svg path {

  fill: #0A1426;

}



.form-email button {

  position: absolute;

  right: 5px;

  top: 5px;

  padding: 17px 60px 17px 35px;

  background: #24272C;

  border-radius: 4px;

  font-family: "Roboto Slab";

  font-weight: 700;

  font-size: 16px;

  line-height: 26px;

  color: #ecf2f6;

  text-decoration: underline;

}



.form-email button i {

  position: absolute;

  margin-left: 7px;

  position: absolute;

  right: 35px;

  top: 22px;

}



.form-email button::after,

.form-email button::before {

  background-color: var(--theme-primary-color);

}



.contact-home3 {

  background: #fff;

  padding: 54px 48px 70px 48px;

}



.contact-home3 .group-title p {

  color: #555;

font-family: 'DM Sans';

font-size: 16px;

font-weight: 400;

line-height: 33px;

}



.contact-home3 .group-title {

  margin-bottom: 20px;

}



.contact-home3 h3 {

  color: #08151F;

  font-family: 'DM Sans';

  font-size: 32px;

  font-weight: 500;

  text-transform: capitalize;

}



.contact-home3 input,

.contact-home3 textarea {

  padding: 15px 0px;

  background: transparent;

  color: #838287;

  font-size: 16px;

  font-weight: 500;

  border: unset !important;

  border-radius: 0;

  border-bottom: 1px solid #ECECEC !important;

  margin: 0;

  margin-bottom: 31px;

}



.contact-home3 textarea {

    height: 82px;

    padding-top: 28px;

}



.contact-home3 input::placeholder,

.contact-home3 textarea::placeholder {

  color: #838287;

  font-size: 16px;

  font-weight: 500;

}



.form-home5 .contact-home3 h3 {

  font-size: 32px;

  font-weight: 700;

}



.form-home5 .contact-home3 .group-title {

  margin-bottom: 45px;

}



.form-home5 .contact-home3 button {

  padding: 14px 30px 13px 30px;

}



.contact-home3 button {

  color: #FFF;

  font-size: 14px;

  font-weight: 800;

  text-transform: uppercase;

  margin-top: 25px;

  padding: 14px 30px 13px 30px;

}



.contact-home3 button i {

  margin-left: 25px;

}



.contact-form-page {

  text-align: left;

}



.contact-form-page label {

  font-size: 14px;

  font-weight: 500;

  line-height: 17.64px;

  margin-bottom: 7px;

}



.contact-form-page .group-form {

  margin-left: -20px;

  display: flex;

  align-items: center;

  margin-bottom: 10px;

}



.contact-form-page .group-form .inner {

  width: calc(50% - 20px);

  margin-left: 20px;

}



.contact-form-page input,

.contact-form-page textarea {

  border-radius: 14px;

  border: 1px solid #EDEDED;

  padding: 16px 18px;

  background: #fff;

  font-family: 'Inter';

  font-size: 14px;

  font-weight: 400;

  line-height: 19.6px;

  color: #24272C;

}



.contact-form-page input::placeholder,

.contact-form-page textarea::placeholder {

  color: #696665;  

}



.contact-form-page textarea {

  height: 130px;

  background: #Fff;

}



.contact-form-page button {

  padding: 14px 49px;

  border-radius: 14px;

  text-transform: none;

  color: #FFF;

  font-size: 16px;

  font-weight: 500;

  text-transform: capitalize;

  font-size: 16px;

  font-weight: 500;

  background: var(--theme-primary-color);

  color: #fff;

  margin-top: 15px;

}



#btn_loan_reset {

  background: #000;

}



#btn_loan_reset:hover {

  background: #24272C;

  color: #fff;

}



/*--- Checkbox Styles ---*/

.checkbox {

  display: inline-block;

  margin-right: 15px;

  margin-top: 10px;

}

.checkbox input[type="checkbox"] {

  visibility: hidden;

  width: 20px;

  height: 20px;

  margin-right: 7px;

  cursor: pointer;

  top: 1px;

}



.checkbox label {

  position: relative;

  display: flex;

  font-size: 13px;

  font-weight: 400;

  line-height: 150%;

  align-items: center;

}



.checkbox label::before,

.checkbox label::after {

  position: absolute;

  content: "";

  display: inline-block;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  -o-transition: all 0.3s ease;

}



/*Outer box of the fake checkbox*/

.checkbox input[type="checkbox"]::before {

  border-radius: 3px;

  content: '';

  width: 19px;

  height: 19px;

  border: 1px solid #EDEDED;

  background: #fff;

  display: block;

  opacity: 1;

  z-index: 5;

  visibility: visible;

  transform: translate(-50%, -50%) rotate(0deg);

  -webkit-transform: translate(-50%, -50%) rotate(0deg);

    -ms-transform: translate(-50%, -50%) rotate(0deg);

}



/*Checkmark of the fake checkbox*/

.checkbox input[type="checkbox"]::after {

  height: 6px;

  width: 11px;

  border-left: 2px solid #fff;

  border-bottom: 2px solid #fff;

  transform: rotate(-55deg);

  display: block;

  opacity: 0;

  z-index: 5;

  visibility: hidden;

  content: '';

  position: absolute;

  left: 2px;

  top: 1px;

}



/*Hide the checkmark by default*/

.checkbox input[type="checkbox"] + label::after {

  content: none;

}



/*Unhide on the checked state*/

.checkbox input[type="checkbox"]:checked::after {

  opacity: 1;

  visibility: visible;

}



.checkbox input[type="checkbox"]:checked:before {

  background: var(--theme-primary-color);

  border-color: var(--theme-primary-color);

}



/*Adding focus styles on the outer-box of the fake checkbox*/

.checkbox input[type="checkbox"]:focus + label::before {

  outline: none;

}



/*--- Radio Styles ---*/

.radio {

  display: none !important;

}



.radio-custom {

  width: 30px;

  height: 30px;

  border: 1px solid #ccc;

  border-radius: 0px;

  margin-left: 25px;

  margin-right: 5px;

  position: relative;

}



.radio-custom,

.radio-label {

  display: inline-block;

  vertical-align: middle;

  margin-top: 10px;

}



@media (max-width: 767px) {

  .radio-label {

    display: block;

  }

  .radio-custom {

    text-align: center;

    margin: 0px 15px;

  }

}



.radio:checked + .radio-custom::before {

  content: "";

  display: block;

  position: absolute;

  top: 7px;

  right: 7px;

  bottom: 7px;

  left: 7px;

  background: var(--theme-primary-color);

  border-radius: 0px;

}



.radio-custom,

.radio:checked + .radio-custom::before {

  border-radius: 50%;

}



.radio-label {

  font-weight: 600;

  font-size: 13px;

}



.preload-boxes {

  display: flex;

  align-items: center;

  justify-content: center;

}



.preload-boxes .boxes {

  --size: 32px;

  --duration: 800ms;

  height: calc(var(--size) * 2);

  width: calc(var(--size) * 3);

  position: relative;

  transform-style: preserve-3d;

  transform-origin: 50% 50%;

  margin-top: calc(var(--size) * 1.5 * -1);

  transform: rotateX(60deg) rotateZ(45deg) rotateY(0deg) translateZ(0px);

}



.preload-boxes .boxes .box {

  width: var(--size);

  height: var(--size);

  top: 0;

  left: 0;

  position: absolute;

  transform-style: preserve-3d;

}



.preload-boxes .boxes .box > div {

  --background: #FFA920;

  --top: auto;

  --right: auto;

  --bottom: auto;

  --left: auto;

  --translateZ: calc(var(--size) / 2);

  --rotateY: 0deg;

  --rotateX: 0deg;

  position: absolute;

  width: 100%;

  height: 100%;

  background: var(--background);

  top: var(--top);

  right: var(--right);

  bottom: var(--bottom);

  left: var(--left);

  transform: rotateY(var(--rotateY)) rotateX(var(--rotateX)) translateZ(var(--translateZ));

}



.preload-boxes .boxes .box:nth-child(1) {

  transform: translate(100%, 0);

  animation: box1 var(--duration) linear infinite;

}



.preload-boxes .boxes .box:nth-child(2) {

  transform: translate(0, 100%);

  animation: box2 var(--duration) linear infinite;

}



.preload-boxes .boxes .box:nth-child(3) {

  transform: translate(100%, 100%);

  animation: box3 var(--duration) linear infinite;

}



.preload-boxes .boxes .box:nth-child(4) {

  transform: translate(200%, 0);

  animation: box4 var(--duration) linear infinite;

}



.preload-boxes .boxes .box > div:nth-child(1) {

  --top: 0;

  --left: 0;

}



.preload-boxes .boxes .box > div:nth-child(2) {

  --background: #d38100;

  --right: 0;

  --rotateY: 90deg;

}



.preload-boxes .boxes .box > div:nth-child(3) {

  --background: #ff9f07;

  --rotateX: -90deg;

}



.preload-boxes .boxes .box > div:nth-child(4) {

  --background: #DBE3F4;

  --top: 0;

  --left: 0;

  --translateZ: calc(var(--size) * 3 * -1);

}







@keyframes box1 {

  0%,

  50% {

      transform: translate(100%, 0);

  }

  100% {

      transform: translate(200%, 0);

  }

}



@keyframes box2 {

  0%{

      transform: translate(0, 100%);

  }

  50% {

      transform: translate(0, 0);

  }

  100% {

      transform: translate(100%, 0);

  }

}



@keyframes box3 {

  0%,

  50% {

      transform: translate(100%, 100%);

  }

  100% {

      transform: translate(0, 100%);

  }

}



@keyframes box4 {

  0%{

      transform: translate(200%, 0);

  }

  50% {

      transform: translate(200%, 100%);

  }

  100% {

      transform: translate(100%, 100%);

  }

}



/* 404

-------------------------------------------------------------- */

.error-404-text h2 {

  position: relative;

  font-size: 200px;

  line-height: 1;

  font-weight: 500;

  text-transform: uppercase;

  text-align: center;

  color: #0A1426;

  margin: 0;

}



.error-404-text h4 {

  position: relative;

  font-size: 18px;

  font-weight: 600;

  text-align: center;

  text-transform: uppercase;

  letter-spacing: 1.4px;

  margin-bottom: 50px;

}



.error-404-text h4 span {

  color: #0A1426;

}



.error404 .go-top {

  display: none;

}



.error404 .thumb-404 {

  margin-bottom: 70px;

}



.error404 .error-404-text h1 {

  margin-bottom: 20px;

}



.error404 .error-404-text p {

  color: #3A3A3C;

  font-size: 14px;

  font-weight: 400;

  line-height: 150%; 

  margin-bottom: 40px;

  padding: 0 28%;

}



.error404 .button {

  color: #fff;

font-size: 15px;

font-weight: 700;

line-height: 150%;

padding: 16px 38px;

}



.button-md {

  position: relative;

  display: inline-block;

  font-size: 14px;

  text-align: center;

  font-weight: 600;

  padding: 11px 25px 11px 25px;

  margin: 5px 5px 5px 0px;

  background: #0A1426;

  border-radius: 3px;

}



.button-primary {

  color: #fff;

}



.bg-404 {

  background: #0A1426;

}



.clip-text {

  display: inline-block;

  position: relative;

  padding: 14px 0px;

  text-align: center;

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

  background-position: center center;

}



.link-second .elementor-widget-container a {

  color: var(--theme-primary-color) !important;

}



.style-img-100 .gallery-item img {

  width: 100%;

}



.mp2 .ft-term {

  display: none;

}



.ft-2 {

  display: none;

}



.font-main {

  font-family: 'Plus Jakarta Sans' !important;

}



.font-main span {

  color: var(--theme-primary-color);

}



.rotate-text {

  transform: rotate(-90deg) !important;

  opacity: 0.9 !important;

}



.sl-text-under {

  position: relative;

}



.sl-text-under::after {

  content: '';

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  height: 2px;

  background: rgba(255, 255, 255, 0.19);

}

.sl-text-under.st2::after {

  background-color: unset;

  border: 1px dashed var(--theme-primary-color);

}



.text-span .elementor-heading-title span {

  color: var(--theme-primary-color);

}



.btn-sl i {

  margin-left: 11px !important;

}



.btn-sl.icon-rotate i {

  transform: rotate(-41.397deg);

  display: inline-block;

  font-weight: 300 !important;

}



.btn-video-sl {

  position: relative;

}



.btn-video-sl::after {

  content: '';

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  width: 130%;

  height: 130%;

  background: #fff;

  opacity: 0.3;

  border-radius: 50%;

  z-index: -1;

}



.mp2 .ft-2 {

  display: block;

}



.mp2 .group-form-ip input {

  border-radius: 34px;

  border: 1px solid #FFF;

  background: #FFF;

  color: #949392;

  font-size: 16px;

  font-weight: 500;

  padding: 21px 30px;

}



.mp2 .group-form-ip button {

  padding: 16px 33px;

  border-radius: 52px;

  background: var(--theme-primary-color) !important;

  color: #fff;

  width: unset;

  height: unset;

  font-size: 15px;

  font-weight: 500;

  letter-spacing: 0.75px;

  text-transform: capitalize;

  display: flex;

  align-items: center;

}



.mp2 .group-form-ip button i {

  margin-left: 5px;

}



.mp2 .group-form-ip button:hover {

  background: #24272C;

}



.mp2 .group-form-ip input::placeholder {

  color: #949392;

  font-size: 16px;

  font-weight: 500;

}



.mp2 .group-form-ip,

.mp2 .ft-mailchimp-form {

  margin: 0;

  padding: 0;

}



/* Search No Results

-------------------------------------------------------------- */

.search-no-results .no-results .subtext-nothing {

  margin-bottom: 25px;

}



/* widget instagram

-------------------------------------------------------------- */

.widget-instagram-feed .flat-imgbox-instagram {

  margin: 0 -8px 8px;

}



.widget-instagram-feed .item {

  width: 33.33%;

  float: left;

  padding: 0 8px;

  margin-top: 16px;

}



.widget-instagram-feed .column-4 {

}



.sidebar .widget-instagram-feed .item {

  height: 60px;

  overflow: hidden;

}



/* Custom Footer Widget Area

-------------------------------------------------------------- */

.custom-footer-widget-area .widget .widget-title {

  color: #fff;

  font-size: 30px;

}



.custom-footer-widget-area .widget.widget-recent-news li .text h6 a,

.custom-footer-widget-area .widget.widget_latest_news li .text h6 a {

  color: #fff;

  font-size: 16px;

  line-height: 26px;

}



.custom-footer-widget-area .widget ul li a,

.custom-footer-widget-area .widget ul li ul.children li a {

  color: #b9c9ff;

  font-size: 14px;

}



.custom-footer-widget-area .widget ul li:after {

  content: " ";

  display: block;

  height: 0;

  clear: both;

}



.custom-footer-widget-area .widget.widget-recent-news .thumb,

.custom-footer-widget-area .widget.widget_latest_news .thumb {

  width: 70px;

  border-radius: 50%;

  overflow: hidden;

  margin-top: 5px;

}



.custom-footer-widget-area .widget.widget-recent-news li .text .post-date {

  font-size: 12px;

  font-weight: 500;

  color: #b9c9ff;

  text-transform: uppercase;

  margin-top: 4px;

  margin-bottom: 8px;

}



.custom-footer-widget-area .widget.widget-recent-news li,

.custom-footer-widget-area .widget.widget_latest_news li {

  margin-bottom: 12px;

}



.custom-footer-widget-area .widget.widget-recent-news .text h6,

.custom-footer-widget-area .widget.widget_latest_news .text h6 {

  margin-bottom: 0px;

}



.custom-footer-widget-area .widget.widget-instagram-feed .widget-title {

  margin-bottom: 15px;

}



.custom-footer-widget-area .widget_nav_menu .menu > li {

  padding: 5px 0px 6px 0px;

}



rs-module-wrap {

  z-index: 0 !important;

}



.image-about3 {

  position: absolute;

  top: 60px;

  left: -155px;

}



.img-about3 {

  position: relative;

  z-index: 1;

}



.custom-footer-widget-area.style1 .widget .widget-title {

  font-size: 20px;

  margin-bottom: 33px;

}



.flat-calendar:before {

  content: "";

  position: absolute;

  bottom: 0;

  right: 0;

  width: 0;

  height: 0;

  border-top: 0px solid transparent;

  border-bottom: 831px solid transparent;

  border-right: 806px solid #fde428;

}



/* Widget Calendar 

---------------------------------------------------------*/

.widget_calendar table > caption {

  caption-side: top;

  font-weight: 500;

  color: var(--theme-primary-color);

}



.widget_calendar table {

  margin-bottom: 5px;

}



.widget_calendar table > thead {

  background: #ddd;

}



.widget_calendar table > thead th {

  font-weight: 500;

  color: #24272C;

}



.widget_calendar nav {

  display: flex;

  width: 100%;

  justify-content: space-between;

}



.widget_calendar table > tfoot {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

}



.widget_calendar table > tfoot #prev a,

.widget_calendar table > tfoot #next a {

  color: transparent;

  display: inline-block;

  width: 100%;

  height: 100%;

  position: relative;

}



.widget_calendar table > tfoot > tr {

  line-height: 67px;

}



.widget_calendar table > tfoot > tr,

.widget_calendar table > tfoot > tr > td {

  display: block;

}



.widget_calendar table > tfoot > tr > td {

  width: 33.33%;

  float: left;

}



.widget_calendar table > tfoot #prev a:before,

.widget_calendar table > tfoot #next a:before {

  content: "\e935";

  font-family: "autodeal";

  color: #2f516a;

  position: absolute;

  top: 50%;

  right: 20px;

  transform: translateY(-50%);

  font-size: 16px;

}



.widget_calendar table > tfoot #prev a:before {

  content: "\e921";

  left: auto;

  left: 20px;

  right: auto;

}



.widget_calendar table > tfoot .pad {

  color: transparent;

}



.widget_calendar table > tfoot #prev a:hover:before,

.widget_calendar table > tfoot #next a:hover:before {

  color: #fde428;

}



/* Information mobile

-------------------------------------------------------------- */



.information-menu-mobile ul li {

  display: flex;

  column-gap: 20px;

  align-items: center;

}



.information-menu-mobile h5 {

  margin-bottom: 15px;

}



.information-menu-mobile ul li:not(:last-child) {

  margin-bottom: 20px;

}



.information-menu-mobile .icon {

  font-size: 20px

}



.information-menu-mobile .content {

  color: #24272C;

  font-size: 18px;

  font-weight: 500;

}



.information-menu-mobile p {

  color: #696665;

  font-size: 16px;

}



/* Info Footer

-------------------------------------------------------------- */



.footer-information-icon-box {

  padding-top: 40px;

}



.footer-information-icon-box .divide {

  display: block;

  content: "";

  border-bottom: 1px solid #ffffff14;

  padding-top: 40px;

}



.icon-infor-box {

  display: flex;

  align-items: center;

}



.icon-infor-box .icon img {

  width: 70px;

  height: 70px;

}



.icon-infor-box .icon {

  margin-right: 30px;

  flex-shrink: 0;

}



.icon-infor-box .title {

  color: #fff;

  margin-bottom: 7px;

  font-size: 18px;

  line-height: 1.2;

  font-weight: 500;

}



.icon-infor-box p {

font-family: 'Inter';

font-size: 14px;

font-weight: 400;

line-height: 19.6px;

color: rgba(255, 255, 255, 0.3);

}



.ft-description {

  color: #FFFEFE;

font-size: 16px;

font-weight: 400;

line-height: 30px; 

}



.iziModal-overlay {

  display: block;

  position: fixed;

  top: 0;

  left: 0;

  height: 100%;

  width: 100%;

}



/*  Video Box */

.themesflat_video_embed {

  position: relative;

  display: block;

  width: 100%;

  height: auto;

}



.video-video-box-overlay {

  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  height: 100%;

  width: 100%;

  opacity: 1;

  transition: 0.5s ease;

}



.video-video-box-button {

  position: absolute;

  overflow: hidden;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  -webkit-transform: translate(-50%, -50%);

  -moz-transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%);

}



.video-video-box-button button {

  color: #222;

  font-size: 25px;

  background: rgba(255, 255, 255, 1);

  width: 100px;

  height: 100px;

  border-radius: 50%;

  padding-top: 5px;

  padding-left: 12px;

  margin: 30px;

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

}



.video-video-box-button button:hover {

  color: #222;

  background: rgba(255, 255, 255, 0.7);

}



.video-video-box-button-sm {

  position: absolute;

  overflow: hidden;

  top: 26%;

  right: 10%;

  border: 1px solid var(--theme-primary-color);

  border-radius: 4px;

  z-index: 5;

}



.video-video-box-button-sm button {

  color: #fff;

  font-size: 20px;

  background: var(--theme-primary-color);

  width: 80px;

  height: 80px;

  padding: 0;

  padding-left: 5px;

  margin: 15px;

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

}



.video-video-box-button-sm button:hover {

  background: rgba(255, 255, 255, 0.7);

}



.alert button:hover {

  background-color: transparent;

}



.video-video-box-button-sm.video-box-button-lg button {

  width: 100px;

  height: 100px;

  font-size: 30px;

}



/* Social Share

-------------------------------------------------------------- */



.social-share-article {

  display: flex;

  align-items: center;

}



.social-share-article h6 {

  display: inline-block;

  margin-right: 10px;

  font-family: 'Inter';

  font-size: 14px;

  font-weight: 400;

  line-height: 19.6px;

  margin-bottom: 0;  

}



.single-post .social-share-article h6 {

  font-family: 'Outfit';

  font-size: 14px;

  font-weight: 500;

  line-height: 17.64px;

}



.social-share-article ul {

  display: inline-flex;

  list-style: none;

  margin: 0;

}



.social-share-article ul li {

  background: unset;

}



.social-share-article ul li a {

  width: 40px;

  height: 40px;

  margin-right: 12px;

  font-size: 18px;

  border-radius: 50%;

  margin-bottom: 0px;

  border: 1px solid #EDEDED;

  background: transparent;

  color: #24272C;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  -webkit-transition: all 0.3s ease 0s;

  -moz-transition: all 0.3s ease 0s;

  -ms-transition: all 0.3s ease 0s;

  -o-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s;

}



.social-share-article ul li:last-child a {

  margin-right: 0;

}



.social-share-article ul li a:hover {

  color: #fff;

  background: var(--theme-primary-color);

  border-color: var(--theme-primary-color);

}



.social-share-article strong {

  color: #203b48;

  font-size: 14px;

  font-weight: 700;

  text-transform: uppercase;

  margin-right: 12px;

}



.bottom-blog {

  display: flex;

  align-items: center;

  justify-content: space-between;

}



/* Other

-------------------------------------------------------------- */

.widget-infor {

  padding-top: 8px;

  padding-right: 60px;

}



.widget-infor .group-icon {

  display: flex;

  margin-bottom: 6.6px;

}



.widget-infor .group-icon .icon-autodeal-grow2 {

  font-size: 15px;

  vertical-align: super;

  margin-right: 2px;

  margin-top: 6px;

  display: inline-flex;

  margin-left: 3px;

}



.widget-infor .group-icon .icon-autodeal-grow1 {

  font-size: 17px;

  vertical-align: text-top;

  margin-right: 4px;

  margin-left: 4px;

}



.widget-infor .group-icon .icon {

  margin-right: 9px;

  font-size: 20px;

}



.widget-infor .group-icon .content p {

  font-size: 15px;

  line-height: 28px;

}



footer .wrap-widgets-4 .widget-title {

  margin-bottom: 23px;

}



.footer-widgets #text-2 {

  padding-right: 5px;

}



.footer-menu-group {

  margin-top: 0px !important;

}



.footer-menu-group .widget_nav_menu {

  text-align: left;

}



.footer-infor {

  display: flex;

  align-items: center;

  margin-bottom: 7px;

}

.footer-infor .icon {

  margin-right: 18px;

}

.footer-infor .caption {

  font-weight: 500;

  font-size: 12px;

  line-height: 16px;

  margin-bottom: 3px;

}



.footer-infor h6 {

  font-weight: 700;

  font-size: 16px;

  line-height: 26px;

}



.footer .infor-location {

  font-weight: 400;

  font-size: 14px;

  line-height: 22px;

}



.footer .infor-location svg {

  margin-right: 5px;

}



.footer-widgets .wrap-widgets-2,

.footer-widgets .wrap-widgets-4,

.footer-widgets .wrap-widgets-3 {

  margin-top: 0;

}



.footer-widgets .wrap-widgets-2 {

  margin-left: 3px;

}



.footer-widgets .wrap-widgets-3 {

  margin-left: 4px;

}



.tf-rotate90-text h1,

.tf-rotate90-text h2,

.tf-rotate90-text h3,

.tf-rotate90-text h4,

.tf-rotate90-text h5,

.tf-rotate90-text h6 {

  display: inline;

  white-space: nowrap;

  position: absolute;

  -webkit-transform: rotate(90deg);

  -moz-transform: rotate(90deg);

  -ms-transform: rotate(90deg);

  -o-transform: rotate(90deg);

  transform: rotate(90deg);

  -webkit-transform-origin: 0 0;

  -moz-transform-origin: 0 0;

  -ms-transform-origin: 0 0;

  -o-transform-origin: 0 0;

  transform-origin: 0 0;

}



.tf-rotate-90-text h1,

.tf-rotate-90-text h2,

.tf-rotate-90-text h3,

.tf-rotate-90-text h4,

.tf-rotate-90-text h5,

.tf-rotate-90-text h6 {

  display: inline;

  white-space: nowrap;

  position: absolute;

  -webkit-transform: rotate(-90deg);

  -moz-transform: rotate(-90deg);

  -ms-transform: rotate(-90deg);

  -o-transform: rotate(-90deg);

  transform: rotate(-90deg);

  -webkit-transform-origin: 0 0;

  -moz-transform-origin: 0 0;

  -ms-transform-origin: 0 0;

  -o-transform-origin: 0 0;

  transform-origin: 0 0;

}



.tf-border .elementor-widget-container {

  position: relative;

}



.tf-border-dashed .elementor-widget-container:before {

  content: "";

  position: absolute;

  top: 15px;

  right: 15px;

  bottom: 15px;

  left: 15px;

  background: transparent;

  border: 1px dashed #fff;

  opacity: 0.5;

}



.rev-btn svg {

  width: 1em;

  margin-left: 5px;

  fill: #fff;

}



.btn-icon-left-to-right.rev-btn:hover i,

.btn-icon-left-to-right.rev-btn:hover svg {

  -webkit-animation: tfLeftToRight 0.5s forwards;

  -moz-animation: tfLeftToRight 0.5s forwards;

  animation: tfLeftToRight 0.5s forwards;

}



.tf-carousel-box .owl-nav .owl-prev svg,

.tf-carousel-box .owl-nav .owl-next svg {

  fill: #fff;

  width: 25px;

}



.tf-carousel-box .owl-nav .owl-prev svg {

  transform: rotate(-180deg);

}



.tf-effect-image .elementor-image {

  position: relative;

  overflow: hidden;

}



.tf-effect-image .elementor-image:after {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background-color: #f4f5f7;

  -webkit-transform-origin: left top;

  transform-origin: left top;

  -webkit-transform: scale(0, 0);

  transform: scale(0, 0);

  -webkit-animation-duration: 1s;

  animation-duration: 1s;

  -webkit-animation-fill-mode: forwards;

  animation-fill-mode: forwards;

  -webkit-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);

  animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);

}



.tf-effect-image.animated .elementor-image:after {

  -webkit-animation-name: effect-image-from-left;

  animation-name: effect-image-from-left;

}



@keyframes effect-image-from-left {

  0% {

    -webkit-transform-origin: left top;

    transform-origin: left top;

    -webkit-transform: scale(0, 1);

    transform: scale(0, 1);

  }

  66.6% {

    -webkit-transform-origin: left center;

    transform-origin: left center;

    -webkit-transform: scale(1, 1);

    transform: scale(1, 1);

  }

  66.7% {

    -webkit-transform-origin: right center;

    transform-origin: right center;

    -webkit-transform: scale(1, 1);

    transform: scale(1, 1);

  }

  100% {

    -webkit-transform-origin: right center;

    transform-origin: right center;

    -webkit-transform: scale(0, 1);

    transform: scale(0, 1);

  }

}



.tf-shape-01:after {

  content: "";

  width: 93px;

  height: 14px;

  left: 70px;

  top: 0px;

  position: absolute;

  background-image: url(../images/shape-01.png);

  display: inline-block;

  animation: slide 10s linear infinite;

  -webkit-animation: slide 10s linear infinite;

}



@keyframes slide {

  from {

    background-position: 0 0;

  }

  to {

    background-position: -111px 0;

  }

}

@-webkit-keyframes slide {

  from {

    background-position: 0 0;

  }

  to {

    background-position: -111px 0;

  }

}



.tf-shape-01:after {

  content: "";

  width: 93px;

  height: 14px;

  left: 70px;

  top: 0px;

  position: absolute;

  background-image: url(../images/shape-01.png);

  display: inline-block;

  animation: slide 10s linear infinite;

  -webkit-animation: slide 10s linear infinite;

}



.tf-shape-02:after {

  content: "";

  width: 323px;

  height: 277px;

  left: 0;

  top: 25%;

  position: absolute;

  background-image: url(../images/shape-02.png);

  display: inline-block;

}



.up-down:after {

  animation-name: up-down;

  animation-duration: 2s;

  animation-iteration-count: infinite;

  animation-timing-function: linear;

  -webkit-animation-name: up-down;

  -webkit-animation-duration: 2s;

  -webkit-animation-iteration-count: infinite;

  -webkit-animation-timing-function: linear;

  -moz-animation-name: up-down;

  -moz-animation-duration: 2s;

  -moz-animation-iteration-count: infinite;

  -moz-animation-timing-function: linear;

  -ms-animation-name: up-down;

  -ms-animation-duration: 2s;

  -ms-animation-iteration-count: infinite;

  -ms-animation-timing-function: linear;

  -o-animation-name: up-down;

  -o-animation-duration: 2s;

  -o-animation-iteration-count: infinite;

  -o-animation-timing-function: linear;

}



@keyframes up-down {

  0% {

    -webkit-transform: translateY(-20px);

    transform: translateY(-20px);

  }



  50% {

    -webkit-transform: translateY(-10px);

    transform: translateY(-10px);

  }



  100% {

    -webkit-transform: translateY(-20px);

    transform: translateY(-20px);

  }

}



/* Elementor

-------------------------------------------------------------- */

.post-password-form button,

.post-password-form input[type="button"],

.post-password-form input[type="reset"],

.post-password-form input[type="submit"] {

  line-height: 1;

}



.post-password-form input[type="submit"]:hover {

  background-color: #24272C;

}



.tf-btn-effect .tf-imagebox .tf-button,

.tf-btn-effect .tficonbox .tf-button {

  position: relative;

  overflow: hidden;

  z-index: 1;

}



.tf-btn-effect .tf-imagebox .tf-button:before,

.tf-btn-effect .tficonbox .tf-button:before {

  content: "";

  position: absolute;

  background-color: #fbd83f;

  width: 20px;

  height: 20px;

  top: 23%;

  left: 8%;

  border-top-left-radius: 40px;

  border-top-right-radius: 75px;

  border-bottom-right-radius: 0;

  border-bottom-left-radius: 75px;

  -webkit-transition: all 0.5s ease 0s;

  -moz-transition: all 0.5s ease 0s;

  -ms-transition: all 0.5s ease 0s;

  -o-transition: all 0.5s ease 0s;

  transition: all 0.5s ease 0s;

  z-index: -1;

}



.tf-btn-effect.tf-btn-effect-small .tf-imagebox .tf-button:before,

.tf-btn-effect.tf-btn-effect-small .tficonbox .tf-button:before {

  width: 14px;

  height: 14px;

  top: 23%;

  left: 13%;

}



.tf-btn-effect .tf-imagebox .tf-button:hover:before,

.tf-btn-effect .tficonbox .tf-button:hover:before {

  border-radius: 50%;

  transform: scale(23, 10);

}



.tf-border-tr-img .elementor-image:before {

  content: "";

  width: 108px;

  height: 108px;

  border-top: 10px solid #fbd83f;

  border-right: 10px solid #fbd83f;

  position: absolute;

  right: 0;

  top: 0;

  z-index: 1;

}



/* Modal Menu Left

-------------------------------------------------------------- */

.header-modal-menu-left-btn {

  display: flex;

  align-items: center;

  margin-right: 30px;

}



.widget_login_menu_widget,

.login-header {

  margin-left: 35px;

}



.login-header ul {

  border-radius: 16px;

  background: rgba(255, 255, 255, 0.21);

  box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.10);

  padding: 8px 15px 8px 15px;

}



.bottom-canvas-nav .login-header {

  margin-left: 0px;

}



.header-modal-menu-left-btn .text {

  text-transform: uppercase;

  margin-right: 15px;

}



.modal-menu-left-btn {

  cursor: pointer;

  margin: 0;

  transition: all 0.3s ease-in-out;

}



.modal-menu-left-btn:hover {

  color: var(--theme-primary-color);

}



.modal-menu-left-btn .line {

  padding: 0;

  width: 20px;

  background: #fff;

  height: 3px;

  margin: 4px 0;

  transition: all 0.3s ease-in-out;

}



.modal-menu-left-btn .line--1 {

  width: 20px;

}



.modal-menu-left-btn .line--2 {

  width: 20px;

}



.modal-menu-left-btn .line--3 {

  width: 20px;

}



.modal-menu-left {

  visibility: hidden;

  transition: visibility 0s 0.25s;

}



.modal-menu--open {

  visibility: visible;

  transition-delay: 0s;

}



.modal-menu__backdrop,

.modal-menu__body {

  position: fixed;

  left: 0;

  top: 0;

  bottom: 0;

  z-index: 99999;

}



.modal-menu__body {

  left: auto;

  right: 0;

}



.modal-menu__backdrop {

  right: 0;

  background: rgba(0, 0, 0, 0.9);

  opacity: 0;

  will-change: opacity;

  transition: opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);

}



.modal-menu-left .modal-menu__body {

  background: #fff;

  width: 445px;

  transition: transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);

  will-change: transform;

  overflow: hidden;

  transform: translateX(100%);

  -webkit-overflow-scrolling: touch;

  -webkit-transition-duration: 0.8s;

  transition-duration: 0.8s;

  -webkit-transition-timing-function: ease;

  transition-timing-function: ease;

}



.modal-menu--open .modal-menu__backdrop {

  opacity: 1;

}



.modal-menu--open .modal-menu__body {

  transform: translateX(0);

}



.modal-menu__close {

  position: absolute;

  top: 30px;

  width: 60px;

  height: 60px;

  border-radius: 0;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-align: center;

  align-items: center;

  -ms-flex-pack: center;

  justify-content: center;

  z-index: 2;

  border: 1px solid #ececec;

  padding: 0;

  fill: currentColor;

  transition: background-color 0.15s, color 0.15s;

  color: #24272C;

  right: 30px;

  background: transparent;

}



.modal-menu__body .modal-menu__close {

  -webkit-transition: all 0.3s ease 0s;

  -moz-transition: all 0.3s ease 0s;

  -ms-transition: all 0.3s ease 0s;

  -o-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s;

  overflow: hidden;

}



.modal-menu__panel {

  display: -ms-flexbox;

  display: flex;

  position: absolute;

  left: 0;

  top: 0;

  right: 0;

  bottom: 0;

  -ms-flex-direction: column;

  flex-direction: column;

  background: #ffffff;

  z-index: 1;

  transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1);

}



.modal-menu__panel-back,

.modal-menu__panel-header {

  display: -ms-flexbox;

  display: flex;

  -ms-flex-align: center;

  align-items: center;

}



.modal-menu__panel-header {

  -ms-flex-negative: 0;

  flex-shrink: 0;

  height: 90px;

  position: relative;

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

}



.modal-menu__panel-title {

  font-size: 14px;

  font-weight: 700;

  color: #fff;

  width: 100%;

  display: flex;

  justify-content: flex-end;

}



.modal-menu__panel-body {

  -ms-flex-positive: 1;

  flex-grow: 1;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-direction: column;

  flex-direction: column;

  overflow-y: auto;

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  padding: 0px 30px 30px 30px;

  min-height: 60vh;

}



.modal-menu__panel-body::-webkit-scrollbar-track,

.modal-menu__panel-footer::-webkit-scrollbar-track {

  background-color: #f5f5f5;

}



.modal-menu__panel-body::-webkit-scrollbar,

.modal-menu__panel-footer::-webkit-scrollbar {

  width: 3px;

  background-color: var(--theme-primary-color);

  border-radius: 50%;

}



.modal-menu__panel-body::-webkit-scrollbar-thumb,

.modal-menu__panel-footer::-webkit-scrollbar-thumb {

  background-color: #24272C;

  border: 2px solid #555555;

}



.modal-menu__panel-body .widget .widget-title {

  margin-bottom: 20px;

}



.modal-menu__panel-body .widget .gallery-item {

  padding: 0 5px;

  margin: 0 0 10px 0;

}



.modal-menu__panel-body .widget > .gallery {

  margin: 0 -5px;

}



.modal-menu__panel-body .widget {

  margin-bottom: 30px;

}



.modal-menu__panel-body .widget ul li {

  padding-top: 3px;

  padding-bottom: 3px;

}



.modal-menu__panel-body .widget > ul > li {

  padding-left: 0px;

}



.modal-menu__panel-body .widget.widget_categories ul li {

  font-size: 14px;

}



.modal-menu__panel-body .widget.widget-recent-news .text h6,

.modal-menu__panel-body .widget.widget_latest_news .text h6 {

  font-weight: 500;

}



.modal-menu__panel-body .widget.widget-recent-news .text h6 a,

.modal-menu__panel-body .widget.widget_latest_news .text h6 a,

.modal-menu__panel-body .widget.widget-recent-news li .text .post-date,

.modal-menu__panel-body .widget.widget_latest_news li .text .post-date {

  color: #fff;

}



.modal-menu__panel-body .widget.widget-recent-news .text h6,

.modal-menu__panel-body .widget.widget_latest_news .text h6 {

  margin-bottom: 0;

}



.modal-menu__panel-body .widget_search .widget-title {

  margin-bottom: 20px;

}



.modal-menu__panel-body .widget.widget_tag_cloud .tagcloud a {

  margin-bottom: 4px;

}



.modal-menu__panel-body .widget_calendar nav span {

  color: #fff;

}



.modal-menu__panel-body .widget_calendar table td,

.modal-menu__panel-body .widget_calendar table tr,

.modal-menu__panel-body .widget_calendar table th,

.modal-menu__panel-body .widget_calendar table > caption {

  font-size: 14px;

}



#mainnav-secondary .menu {

  list-style: none;

  margin: 0;

  font-size: 15px;

  line-height: 22px;

  font-weight: 500;

}



#mainnav-secondary ul {

  list-style: none;

  margin: 0;

}



#mainnav-secondary .menu li {

  position: relative;

  text-transform: uppercase;

}



#mainnav-secondary .menu li a {

  position: relative;

  color: #ffffff;

  width: 100%;

  border: none;

  font-size: 16px;

  font-weight: 500;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-align: center;

  align-items: center;

  padding: 15px 0px;

  text-align: left;

}



#mainnav-secondary .menu .menu-item-has-children > span {

  position: absolute;

  right: 20px;

  top: 1px;

  transition: all 0.3s ease-in-out;

  cursor: pointer;

  display: block;

  padding: 10px 14px;

  color: #ffffff;

}



#mainnav-secondary .menu .menu-item-has-children.opened > span {

  transform: rotate(90deg);

  transition: all 0.3s ease-in-out;

}



#mainnav-secondary .menu li .sub-menu a {

  padding-left: 30px;

}



.modal-menu__panel-footer {

  -ms-flex-positive: 1;

  flex-grow: 1;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-direction: column;

  flex-direction: column;

  overflow-y: auto;

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  padding: 0px 30px 10px 30px;

}



.modal-menu__panel-footer .logo-panel a {

  display: inline-block;

}



.socials-panel .themesflat-socials {

  list-style: none;

  margin-bottom: 20px;

  margin-left: 0;

  display: flex;

  justify-content: flex-start;

  width: 100%;

}



.socials-panel .themesflat-socials li {

  background: transparent;

}



.socials-panel .themesflat-socials li a {

  width: 40px;

  height: 40px;

  border: 1px solid #ececec;

  border-radius: 50%;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  margin-right: 10px;

}



.socials-panel .themesflat-socials li:last-child a {

  margin-right: 0;

}



.socials-panel .themesflat-socials li a:hover {

  background: var(--theme-primary-color);

  color: #24272C;

  border-color: var(--theme-primary-color);

}



.socials-panel .themesflat-socials li:first-child a {

  padding-left: 0px;

}



.class-name-page-service .tf-action-box {

  display: none;

}



.elementor-widget-tfimagebox.hover-text-white .tf-imagebox .description,

.elementor-widget-flex-slider .social a:before {

  -webkit-transition: all 0.3s;

  -moz-transition: all 0.3s;

  -ms-transition: all 0.3s;

  -o-transition: all 0.3s;

  transition: all 0.3s;

}



.hesperiden.tparrows {

  border: 1px solid #FFFFFF47 !important;

  -webkit-transition: all 0.3s;

  -moz-transition: all 0.3s;

  -ms-transition: all 0.3s;

  -o-transition: all 0.3s;

  transition: all 0.3s;

}



.hesperiden.tparrows:hover {

  border-color: var(--theme-primary-color) !important;

}



.hesperiden.tparrows:before {

  content: "\e94a" !important;

  font-family: "autodeal" !important;

  margin: 0px !important;

}



.hesperiden.tparrows.tp-rightarrow:before {

  content: "\e94b" !important;

  font-family: "autodeal" !important;

}



.elementor-widget-flex-slider .social a {

  -webkit-transition: all 0.3s linear;

  -moz-transition: all 0.3s linear;

  -o-transition: all 0.3s linear;

  transition: all 0.3s linear;

}



.elementor-widget-tfimagebox.hover-text-white:hover .tf-imagebox .description {

  color: #fff !important;

}



.bg-gradient .elementor-widget-container:before {

  content: "";

  background-image: linear-gradient(

    180deg,

    var(--theme-primary-color) 0%,

    #fdd906 100%

  );

  -webkit-transition: all 0.3s;

  -moz-transition: all 0.3s;

  -ms-transition: all 0.3s;

  -o-transition: all 0.3s;

  transition: all 0.3s;

  opacity: 0;

  visibility: hidden;

  width: 100%;

  height: 100%;

  position: absolute;

  top: 0;

  left: 0;

}



.bg-gradient:hover .elementor-widget-container:before {

  opacity: 1;

  visibility: visible;

}



.tf-button i.fa-angle-right:before {

  content: "";

  display: block;

  position: relative;

  height: 8px;

  width: 8px;

  margin-left: -2px;

  border-top-style: solid;

  border-top-width: 0px;

  border-left-style: solid;

  border-left-width: 0px;

  border-bottom-style: solid;

  border-bottom-width: 1px;

  border-right-style: solid;

  border-right-width: 1px;

  border-color: red;

  border-image-slice: 1;

  border-image-source: linear-gradient(

    180deg,

    var(--theme-primary-color) 76%,

    #fdd906 100%

  );

  -moz-transform: rotate(315deg);

  -ms-transform: rotate(315deg);

  -webkit-transform: rotate(315deg);

  transform: rotate(315deg);

}



.elementor-widget-flex-slider .social a {

  color: rgba(255, 255, 255, 0) !important;

  background: -webkit-linear-gradient(

    top,

    #ffffffa6 0%,

    #ffffffa6 15%,

    #ffffffa6 27%,

    #ffffffa6 37%,

    #fdd906 46%,

    #fdd906 58%,

    #fdd906 69%,

    var(--theme-primary-color) 79%,

    #fdd906 89%,

    var(--theme-primary-color) 100%

  );

  background-size: 100% 300%;

  -webkit-background-clip: text;

  transition: all 0.5s linear;

}



.e-slide-s2.elementor-widget-flex-slider .social a {

  color: rgba(255, 255, 255, 0) !important;

  background: -webkit-linear-gradient(

    top,

    #777777 0%,

    #777777 15%,

    #777777 27%,

    #777777 37%,

    #fdd906 46%,

    #fdd906 58%,

    #fdd906 69%,

    var(--theme-primary-color) 79%,

    #fdd906 89%,

    var(--theme-primary-color) 100%

  );

  background-size: 100% 300%;

  -webkit-background-clip: text;

  transition: all 0.5s linear;

}



.elementor-widget-flex-slider .social a:hover {

  background-position: bottom center, top center;

}



/* effect btn */

.rev-btn,

.elementor-button,

#commentform .wrap-input-submit,

.themesflat-button,

.block-get-a-quote a,

.btn {

  display: inline-block;

  position: relative;

  overflow: hidden;

  color: #ffffff;

  z-index: 1;

}



#commentform .wrap-input-submit:hover,

.themesflat-button:hover,

.draw-border a:hover,

.block-get-a-quote a:hover,

button:hover,

.btn:hover {

  color: #ffffff;

}



#commentform .form-submit,

#commentform .form-submit .wrap-input-submit {

  width: 100%;

}



#commentform .wrap-input-submit input[type="submit"] {

  padding: 17px 47px;

  border-radius: 14px;

  text-transform: none;

  color: #FFF;

  font-size: 16px;

  font-weight: 500;

  text-transform: capitalize;

  font-size: 16px;

  font-weight: 500;

}



#commentform .wrap-input-submit input[type="submit"]:hover {

  background: #24272C;

  color: #fff;

}



.tf-button-elementor .elementor-button::after,

.tf-button-elementor .elementor-button::before {

  background-color: #0A1426;

}



/* Elementor */



.elementor-widget-container .search-form {

  position: relative;

}



.elementor-widget-container .search-form label {

  display: block;

}



.elementor-widget-container .search-form input[type="search"] {

  margin-bottom: 0;

  width: 100%;

  border-radius: 30px;

  box-shadow: 0 0 20px rgb(0 0 0 / 8%);

  border: none;

  padding: 15px 55px 15px 26px;

}



.elementor-widget-container .search-form button,

.elementor-widget-container .search-form input[type="submit"] {

  margin-bottom: 0;

  position: absolute;

  right: 7px;

  top: 50%;

  transform: translateY(-50%);

  width: 45px;

  height: 45px;

  padding: 0;

  display: flex;

  justify-content: center;

  align-items: center;

  border-radius: 50%;

}



.hover-top {

  -webkit-transition: all 0.3s ease 0s;

  -moz-transition: all 0.3s ease 0s;

  -ms-transition: all 0.3s ease 0s;

  -o-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s;

}



.hover-top:hover {

  transform: translateY(-10px);

}



.object-fit-cover img {

  object-fit: cover;

}

.overlay-under {

  z-index: 1;

}

.overlay-under > .elementor-widget-container {

  position: relative;

}

.overlay-under > .elementor-widget-container:before {

  content: "";

  position: absolute;

  right: -10px;

  bottom: -10px;

  background: #ffffff;

  width: 100%;

  height: 100%;

  z-index: -1;

}

.btn-line .elementor-button-link,

.link-line .elementor-heading-title > a {

  position: relative;

}

.btn-line .elementor-button-link:after,

.link-line .elementor-heading-title > a:after {

  content: "";

  height: 1px;

  width: 100%;

  position: absolute;

  left: 0;

  bottom: -2px;

  background: #252525;

  -webkit-transform: scale(1, 1);

  -ms-transform: scale(1, 1);

  transform: scale(1, 1);

  -webkit-transform-origin: left top;

  -ms-transform-origin: left top;

  transform-origin: left top;

  transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1) 0s,

    -webkit-transform 500ms 0s;

}

.btn-line .elementor-button-link:hover:after,

.link-line .elementor-heading-title > a:hover:after {

  -webkit-transform: scale(0, 1);

  -ms-transform: scale(0, 1);

  transform: scale(0, 1);

  -webkit-transform-origin: top right;

  -ms-transform-origin: top right;

  transform-origin: top right;

}

.link-line .elementor-heading-title > a:after {

  background: #0A1426;

}

.rev-btn.btn {

  display: flex;

}

.rev-btn.btn > i {

  margin-left: 12px !important;

}

.tf-animation-spin {

  webkit-animation-name: spin;

  -webkit-animation-duration: 100000ms;

  -webkit-animation-iteration-count: infinite;

  -webkit-animation-timing-function: linear;



  -moz-animation-name: spin;

  -moz-animation-duration: 100000ms;

  -moz-animation-iteration-count: infinite;

  -moz-animation-timing-function: linear;



  -ms-animation-name: spin;

  -ms-animation-duration: 100000ms;

  -ms-animation-iteration-count: infinite;

  -ms-animation-timing-function: linear;



  animation-name: spin;

  animation-duration: 100000ms;

  animation-iteration-count: infinite;

  animation-timing-function: linear;

}



.tf-animation-rtd {

  webkit-animation-name: rtd;

  -webkit-animation-duration: 4000ms;

  -webkit-animation-iteration-count: infinite;

  -webkit-animation-timing-function: linear;



  -moz-animation-name: rtd;

  -moz-animation-duration: 4000ms;

  -moz-animation-iteration-count: infinite;

  -moz-animation-timing-function: linear;



  -ms-animation-name: rtd;

  -ms-animation-duration: 4000ms;

  -ms-animation-iteration-count: infinite;

  -ms-animation-timing-function: linear;



  animation-name: rtd;

  animation-duration: 4000ms;

  animation-iteration-count: infinite;

  animation-timing-function: linear;

}



@keyframes scroll1 {

  0% {

    top: 0px;

    opacity: 1;

  }

  50% {

    top: 50%;

  }

  100% {

    top: 100%;

    opacity: 0.5;

  }

}



@keyframes scroll2 {

  0% {

    opacity: 1;

    bottom: 0px;

  }

  50% {

    bottom: 50%;

  }

  100% {

    bottom: 100%;

    opacity: 0.5;

  }

}



.btn-video,

.btn-get-started {

  position: relative;

}



.btn-video {

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  -ms-transition: all 0.3s ease;

  -o-transition: all 0.3s ease;

  transition: all 0.3s ease;

}



.btn-video:hover {

  margin-top: -10px;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  -ms-transition: all 0.3s ease;

  -o-transition: all 0.3s ease;

  transition: all 0.3s ease;

}



.btn-get-started.rev-btn {

  text-decoration: underline !important;

  padding: 17px 62px 17px 36px !important;

}



.btn-get-started i {

  position: absolute !important;

  right: 37px;

  top: 50% !important;

  transform: translateY(-50%);

}



.btn-video {

  padding-left: 78px;

}



.btn-video.rev-btn {

  overflow: visible;

}



.btn-video::before {

  all: unset;

  display: block;

  content: "\e92f";

  font-family: "autodeal";

  width: 60px;

  height: 60px;

  display: flex;

  justify-content: center;

  align-items: center;

  border: 1px solid #ffffff;

  border-radius: 50%;

  position: absolute;

  left: 0;

  top: 50%;

  transform: translateY(-50%);

}



.btn-video.rev-btn::after {

  display: none;

}



.btn-video.rev-btn:hover::before {

  transform: translateY(-50%);

  left: 0;

  top: 50%;

}



.tf-button-home2::after,

.tf-button-home2::before {

  background-color: #0A1426;

}



.tf-image {

  position: relative;

}



.tf-image::after {

  content: "";

  position: absolute;

  width: 100%;

  height: 100%;

  background-color: #fff;

  left: -20px;

  top: -20px;

  z-index: -1;

  border-radius: 5px;

}



.overflow-section {

  overflow: hidden;

}



.moveupdown {

  animation: moveupdown 3s linear infinite;

  -webkit-animation: moveupdown 3s linear infinite;

}



@keyframes moveupdown {

  0%,

  100% {

    transform: translateY(0);

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

  }

  50% {

    transform: translateY(-10px);

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

  }

}



.routate-animation {

  animation: routate 15s linear infinite;

  -webkit-animation: routate 15s linear infinite;

}



@keyframes routate {

  0% {

    -webkit-transform: rotate(0);

    transform: rotate(0);

  }



  100% {

    -webkit-transform: rotate(360deg);

    transform: rotate(360deg);

  }

}



.moveleftright {

  animation: moveleftright 3s linear infinite;

  -webkit-animation: moveleftright 3s linear infinite;

}



@keyframes moveleftright {

  0%,

  100% {

    transform: translateX(0);

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

  }

  50% {

    transform: translateX(-10px);

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

  }

}



.moverightleft {

  animation: moverightleft 3s linear infinite;

  -webkit-animation: moverightleft 3s linear infinite;

}



@keyframes moverightleft {

  0%,

  100% {

    transform: translateX(0);

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

  }

  50% {

    transform: translateX(10px);

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

  }

}

.blog-single.tag-columns .wp-block-column .wp-block-quote {

  padding: 20px;

}



#themesflat_table.widefat.page {

  width: 600px;

}



#themesflat-sortables #themesflat_box .style-none {

  display: none;

}



button,

.themesflat-button {

  background: var(--theme-primary-color);

}



button:hover,

.themesflat-button:hover {

  background: #24272C;

}



.breadcrumbs a:hover,

.breadcrumbs span a:hover,

.breadcrumbs a:hover span,

.breadcrumbs span a:hover span {

  color: var(--theme-primary-color);

}



.tf-divider1,

.tf-divider2 {

  position: relative;

}



.tf-divider1::after,

.tf-divider2::after {

  content: "";

  width: 10px;

  height: 10px;

  background-color: #8b54ff;

  position: absolute;

  right: -5px;

  top: 21%;

}



.tf-divider2::after {

  top: -16%;

}



.tf-border .elementor-widget-container {

  position: relative;

}



.tf-border .elementor-widget-container::after {

  content: "";

  width: 170px;

  height: 170px;

  border: 1px dashed #e8e8e9;

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

}



.ani1 {

  -webkit-animation: ani1 10s infinite linear;

  animation: ani1 10s infinite linear;

}



.ani2 {

  -webkit-animation: ani2 10s infinite linear;

  animation: ani2 10s infinite linear;

}



.ani3 {

  -webkit-animation: ani3 4s infinite linear;

  animation: ani3 4s infinite linear;

}



.ani4 {

  -webkit-animation: ani4 7s infinite linear;

  animation: ani4 7s infinite linear;

}



.ani5 {

  -webkit-animation: ani5 7s infinite linear;

  animation: ani5 7s infinite linear;

}



.ani6 {

  -webkit-animation: ani6 7s infinite linear;

  animation: ani6 7s infinite linear;

}



.ani7 {

  -webkit-animation: ani7 7s infinite linear;

  animation: ani7 7s infinite linear;

}



@keyframes ani1 {

  0% {

    -webkit-transform: translate(0px, 0px) rotate(0deg);

    transform: translate(0px, 0px) rotate(0deg);

  }

  20% {

    -webkit-transform: translate(-73px, 1px) rotate(-36deg);

    transform: translate(-73px, 1px) rotate(-36deg);

  }

  40% {

    -webkit-transform: translate(-141px, -72px) rotate(-72deg);

    transform: translate(-141px, -72px) rotate(-72deg);

  }

  60% {

    -webkit-transform: translate(-83px, -122px) rotate(-108deg);

    transform: translate(-83px, -122px) rotate(-108deg);

  }

  80% {

    -webkit-transform: translate(40px, -72px) rotate(-144deg);

    transform: translate(40px, -72px) rotate(-144deg);

  }

  100% {

    -webkit-transform: translate(0px, 0px) rotate(0deg);

    transform: translate(0px, 0px) rotate(0deg);

  }

}

@keyframes ani2 {

  0% {

    -webkit-transform: translate(0px, 0px) rotate(0deg);

    transform: translate(0px, 0px) rotate(0deg);

  }

  20% {

    -webkit-transform: translate(20px, 1px) rotate(36deg);

    transform: translate(20px, 1px) rotate(36deg);

  }

  40% {

    -webkit-transform: translate(100px, 72px) rotate(72deg);

    transform: translate(100px, 72px) rotate(72deg);

  }

  60% {

    -webkit-transform: translate(83px, 122px) rotate(108deg);

    transform: translate(83px, 122px) rotate(108deg);

  }

  80% {

    -webkit-transform: translate(40px, 72px) rotate(144deg);

    transform: translate(40px, 72px) rotate(144deg);

  }

  100% {

    -webkit-transform: translate(0px, 0px) rotate(0deg);

    transform: translate(0px, 0px) rotate(0deg);

  }

}

@keyframes ani3 {

  0% {

    transform: scale(0.8, 0.8);

  }

  50% {

    transform: scale(1, 1);

  }

  100% {

    transform: scale(0.8, 0.8);

  }

}

@keyframes ani4 {

  0%,

  100% {

    transform: translateX(0);

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

  }

  50% {

    transform: translateX(-20px);

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

  }

}

@keyframes ani5 {

  0%,

  100% {

    transform: translateX(0);

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

  }

  50% {

    transform: translateX(20px);

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

  }

}



@keyframes ani6 {

  0% {

    -webkit-transform: translate(0px, 0px) rotate(0deg);

    transform: translate(0px, 0px) rotate(0deg);

  }

  20% {

    -webkit-transform: translate(-13px, 1px) rotate(-6deg);

    transform: translate(-13px, 1px) rotate(-6deg);

  }

  40% {

    -webkit-transform: translate(-41px, -22px) rotate(-22deg);

    transform: translate(-41px, -22px) rotate(-22deg);

  }

  60% {

    -webkit-transform: translate(-33px, -22px) rotate(-50deg);

    transform: translate(-33px, -22px) rotate(-50deg);

  }

  80% {

    -webkit-transform: translate(40px, -72px) rotate(-50deg);

    transform: translate(40px, -72px) rotate(-50deg);

  }

  100% {

    -webkit-transform: translate(0px, 0px) rotate(0deg);

    transform: translate(0px, 0px) rotate(0deg);

  }

}



@keyframes ani7 {

  from {

    transform: rotate(0deg);

  }

  to {

    transform: rotate(360deg);

  }

}



.shape-dot .elementor-widget-container {

  position: relative;

}



.shape-dot .elementor-widget-container::after {

  content: "";

  position: absolute;

  left: 6.5%;

  bottom: -21px;

  width: 25px;

  height: 21px;

  background: #e6d54f;

  clip-path: polygon(100% 0, 0 0, 50% 50%);

}

.form-light input {

  background: #fff;

}



.form-light.bd input {

  border: 1px solid #dedede;

}



.data-copy-btn {

  display: none;

}



.d-flex {

  display: flex;

  align-items: center;

}



.justify-sb {

  justify-content: space-between;

}



.icon-flex {

  display: grid;

  align-items: center;

  justify-content: center;

}



.heading-span .elementor-widget-container span {

  color: var(--theme-primary-color);

  margin-left: 10px;

}



.heading-span.st2 .elementor-widget-container span {

  text-decoration: underline;

}



.column-tablet-100 {

  width: 100% !important;

}



.btn-icon-line .elementor-button-content-wrapper .elementor-button-icon {

  margin-right: 10px !important;

  padding-right: 11px;

  font-size: 20px;

  border-right: 1px solid #ffffff2b;

}



.btn-icon-line .elementor-button-content-wrapper .elementor-button-icon i {

  vertical-align: middle;

}



.btn-icon-line .elementor-button-content-wrapper {

  align-items: center;

}



.footer-style-white .widget-title,

.footer-style-white .footer-navigation .menu li a {

  color: #1C1C1E !important;

}



.footer-style-white .list-address-ft .sub-heading,

.footer-style-white .footer .contact-property-form .contact-user-wrap .contact-user-info .email,

.footer-style-white .phone-header-box .icon {

  color: #8E8E93 !important;

  opacity: 1;

}



.footer-style-white .list-address-ft p,

.footer-style-white .contact-property-form .contact-user-wrap .contact-user-info .phone,

.footer-style-white #footer a,

.footer-style-white .ft-mailchimp-form p,

.footer-style-white .footer-navigation .themesflat-socials li a,

.footer-style-white .phone-header-box .inner h3 {

  color: #3A3A3C !important;

}



.footer-style-white .ft-mailchimp-form button {

  background: rgba(208, 24, 24, 0.13);

  color: #FFA920;

}





.footer-style-white .ft-mailchimp-form button:hover {

  background: #24272C;

  color: #fff;

}



.footer-style-white .ft-mailchimp-form input[type="checkbox"],

.footer-style-white .footer-navigation .themesflat-socials li a {

  border-color: #E5E5EA;

}



.footer-style-white .footer-navigation,

.footer-style-white .bottom {

  border-top: 1px solid #E5E5EA;

}



.footer-style-white #footer a:hover,

.footer-style-white .footer-navigation .menu li a:hover {

  color: var(--theme-primary-color) !important;

}



.footer-style-white .footer-navigation .themesflat-socials li a:hover {

  color: #fff !important;

}



.shape-slider {

  clip-path: ellipse(98% 100% at 50% 0%);

}



.header-form-sidebar {

  padding: 0 15px;

}



.header-form-sidebar {

  position: relative;

  margin-top: 20px;

  margin-bottom: 20px;

}



.header-form-sidebar input {

  margin: 0;

  padding: 16px 20px 16px 40px;

  width: 100%;

}



.header-form-sidebar label {

  display: block;

  margin: 0;

}



.header-form-sidebar button {

  position: absolute;

  top: 50%;

  right: 15px;

  transform: translateY(-50%);

  background: transparent !important;

  color: #24272C;

}



.header-form-sidebar button:hover {

  color: var(--theme-primary-color);

}



.list-icon-home .elementor-icon-list-icon {

  border-radius: 50%;

  background: rgba(255, 255, 255, 0.20);

  backdrop-filter: blur(2px);

  width: 26px;

  height: 26px;

  border-radius: 50%;

  display: grid;

  align-items: center;

  justify-content: center;

}



.ct-st1 .elementor-widget-container {

  position: relative;

}



.ct-st1 .elementor-widget-container::after {

  content: '';

  width: 85%;

  height: 85%;

  background: rgba(255, 255, 255, 0.91);

  border-radius: 50%;

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

}



.ct-st1 .wrap-counter {

  position: relative;

  z-index: 5;

}



/* mega menu */



.contact-footer p {

  font-family: 'Inter' !important;

  font-size: 14px !important;

  font-weight: 400 !important;

  line-height: 20px !important;

  margin-top: -6px;

  margin-bottom: 18px;

}

.contact-footer input[type="email"] {

  background: rgba(255, 255, 255, 0.07);

  border-radius: 14px;

  padding: 15px 20px;

font-family: 'Inter';

font-size: 14px;

font-weight: 400;

color: #fff;

border: none;

margin-bottom: 18px;

}



.contact-footer input[type="email"]::placeholder {

  font-family: 'Inter';

font-size: 14px;

font-weight: 400;

color: rgba(255, 255, 255, 0.2);

}



.contact-footer input[type="submit"] {

  width: 100%;

  border-radius: 14px;

font-size: 16px;

font-weight: 500;

padding: 17px;

}



@keyframes shine {

	100% {

		left: 125%;

	}

}