/*

* 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

* Services grid

* 404

* Search No Results

*/



/* Repeatable Patterns

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

::-moz-selection {

    color: #fff;

    text-shadow: none;

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

}



::-webkit-selection {

    color: #fff;

    text-shadow: none;

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

}



::selection {

    color: #fff;

    text-shadow: none;

    background: #000;

}



a {

    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;

}

.blog-post .featured-post img {

    max-height: 510px;

}



/* Typography */

body,

button,

input,

select,

textarea {

    background: #fff;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}



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;

    margin: 0px 71px 37px 62px;

    padding: 20px 20px 20px 20px;

    background: #f5f5f5;

}



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-secondary-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,

blockquote cite {

    font-weight: 700;

}



blockquote em,

blockquote cite {

    margin-bottom: 0px;

}



blockquote cite {

    position: relative;

    font-family: 'Nunito';

    font-weight: 600;

    font-size: 18px;

    line-height: 150%;

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

    padding-left: 60px;

}



blockquote cite::before {

    position: absolute;

    left: 0;

    top: 50%;

    transform: translateY(-50%);

    content: "";

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

    width: 45px;

    height: 2px;

}



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

    line-height: 0;

}

blockquote strong,

blockquote b {

    font-weight: 600;

}



blockquote > p:last-of-type {

    font-family: 'Nunito';

font-weight: 600;

font-size: 24px;

line-height: 150%;

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

margin-bottom: 10px;

}



abbr[title] {

    border-bottom: 1px dotted #c0c0c0;

    cursor: help;

}



mark,

ins {

    background-color: var(--theme-secondary-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: var(--theme-primary-color);

    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;

}



/* 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 0 30px 25px;

}



ul {

    list-style: disc;

}



ol {

    list-style: decimal;

}



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,

input[type="button"],

input[type="reset"],

input[type="submit"] {

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

    background-color: #F5F5F5;

    text-transform: capitalize;

    padding: 15px 16px;

    cursor: pointer;

    white-space: nowrap;

    z-index: 0;

    display: inline-block;

    line-height: 1;

    margin-bottom: 0;

    border: none;

    -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,

input[type="button"]:hover,

input[type="reset"]:hover,

input[type="submit"]:hover {

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

    color: #fff;

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

}



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"] {

    border: 1px solid transparent;

    background-color: #F5F5F5;

    padding: 15px 16px;

    max-width: 100%;

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

}



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 {

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

    outline: none;

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    box-shadow: none;

}



textarea {

    width: 100%;

    height: 150px;

    padding: 15px 16px;

    background-color: #F5F5F5;

    border: 1px solid transparent;

}



input[type="checkbox"] {

    display: inline;

}



input:-moz-placeholder,

textarea:-moz-placeholder,

input::-moz-placeholder,

textarea::-moz-placeholder {

    color: #64666C;

    opacity: 1;

}



input:-ms-input-placeholder,

textarea:-ms-input-placeholder {

    color: #64666C;

}



input::-webkit-input-placeholder,

textarea::-webkit-input-placeholder {

    color: #64666C;

    opacity: 1;

}



select {

    -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 #d5d5d5;

    border-radius: 50%;

    outline: none;

    position: relative;

}





input[type="radio"]:before {

    content: "";

    display: block;

    width: 80%;

    height: 80%;

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

}



/*Block Editor*/

.wp-block-button__link {

    border-radius: 5px;

    position: relative;

    z-index: 1;

    overflow: hidden;

}



.wp-block-button__link:hover {

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

    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;

}

.wp-block-quote cite {

    padding-left: 0;

}

.wp-block-quote cite::before {

    display: none;

}



/* 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: 1314px;

}



/* 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: .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;

    border-bottom: 1px solid #ECECEC;

}

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

}



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

    font-size: 12px;

}



.themesflat-top .list-infor-topbar li:not(:last-child) {

    margin-right: 28px;

}



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

    display: none;

}





.themesflat-top {

    padding-top: 18px;

    padding-bottom: 10px;

}



.themesflat-top.style-01 {

    padding-top: 0;

    padding-bottom: 0;

}



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

    font-size: 20px;

    margin-right: 4px;

    vertical-align: middle;

}



.themesflat-top .themesflat-socials {

    display: flex;

    display: -webkit-box;

    display: -ms-flexbox;

    display: -webkit-flex;

}



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

    color: #fff;

}



.themesflat-top .themesflat-socials li {

    background: transparent;

}



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

    margin-right: 10px;

}



.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: 12px;

    color: #fff;

    width: 28px;

    height: 28px;

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

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

}



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

    background: #fff;

    border-color: #fff;

}



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

    color: #fff;

}



/* select 2 */

.themesflat-top.style-02 .flat-language {

    border: unset;

    padding-right: unset;

    margin-right: 15px;

}



/* select 3 */



.themesflat-top.style-01,

.themesflat-top.style-02,

.themesflat-top.style-03 {

    height: unset;

    line-height: unset;

    padding: 8px 0;

}



.themesflat-top.style-01 {

    background: #0F1E37;

}



.themesflat-top.style-02 {

    background: #173363;

}



.themesflat-top.style-03 {

    background: #5D47E2;

    padding: 11px 0;

}



.themesflat-top.style-04 {

    background: #fff;

    background: #fff;

    padding: 10px 0;

    border-bottom: unset;

}



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

    color: #fff;

}



.themesflat-top.style-01 .content-right .themesflat-socials {

    justify-content: right;

}



.themesflat-top .list-infor-topbar.st2 li:not(:last-child) {

    margin-right: 11px !important;

    padding-right: 13px;

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

}



.themesflat-top .list-infor-topbar.st2 .phone-if {

    padding: 4px 8px 4px 6px;

    background: #fff;

    border-radius: 999px;

    color: #5D47E2;

    font-size: 16px;

    font-weight: 700;

    line-height: 26px;

    text-transform: capitalize;

    display: inline-block;

}



.themesflat-top .infor-topbar .list-infor-topbar.st2 .phone-if i {

    color: #5D47E2;

    font-size: 25px;

    vertical-align: middle;

    margin-right: 4px;

}



/* style 4 */



.themesflat-top.style-04,

.themesflat-top.style-04 a {

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

}



.themesflat-top.style-04 .logo img {

    width: 149px;

}



.themesflat-top.style-04 .social-header-2 .themesflat-socials a {

    border-color: #e5e5e5;

}



.themesflat-top.style-04 .social-header-2 h6,

.themesflat-top.style-04 .social-header-2 .themesflat-socials a,

.themesflat-top.style-04 .infor-topbar i {

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

}



.themesflat-top.style-04 .social-header-2 .themesflat-socials a:hover {

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

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

    color: #fff;

}



.themesflat-top.style-04 .flat-language {

    padding-right: 0px;

    border-right: unset;

    margin-right: 0px;

}



.themesflat-top.style-04 .social-header-2,

.themesflat-top.style-04 .infor-topbar {

    margin-right: 49px;

}



.themesflat-top.style-04 .social-header-2 h6 {

    font-size: 12px;

font-weight: 500;

line-height: 16px;

}





/* Flat language

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

.flat-language {

    position: relative;

    padding-right: 22px;

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

    margin-right: 32px;

    line-height: 100%;

}

.flat-language ul {

    margin: 0;

}

.flat-language > ul > li {

    display: inline-flex;

    align-items: center;

    list-style: none;

}




.flat-language ul.unstyled-child {

    position: absolute;

    left: 50%;

    transform: translateX(-50%);

    top: 110%;

    width: 150px;

    margin: 0;

    list-style: none;

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

    filter: alpha(opacity=0);

    opacity: 0;

    visibility: hidden;

    background: #fff;

    z-index: 9999;

    box-shadow: 1px 8px 16px 0px rgba(0, 0, 0, 0.4);

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

}

.flat-language .current .unstyled-child {

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

}

.flat-language .current:hover ul {

    opacity: 1;

    visibility: visible;

    top: 150%;

    z-index: 99999;

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

}

.flat-language ul.unstyled-child li {

    margin: 0;

    text-align: left;

    display: block;

    padding: 0 0 0 25px;

    line-height: 45px;

    font-weight: 400;

    font-size: 13px;

    border-bottom: 1px solid rgba(133, 131, 177, 0.2);

}

.flat-language ul.unstyled-child li:last-child {

    border-bottom: none;

}

.flat-language ul li.current i {

    font-size: 10px;

    margin-left: 11px;

}

.flat-language .current a {

    font-weight: 500;

font-size: 12px;

line-height: 16px;

}

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

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

}

/* Header

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

#header {

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

    -webkit-animation-name: fadeInDown; /* Safari 4.0 - 8.0 */

    -webkit-animation-duration: 0.8s; /* Safari 4.0 - 8.0 */

    animation-name: fadeInDown;

    animation-duration: 0.8s;

}



#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.default .container,

.header-default .themesflat-top.style-01 .container {

    max-width: 1434px;

}

#header .header-wrap {

    display: flex;

    align-items: center;

}

#header .header-wrap .header-ct-right .tf-btn.get-start-btn:hover {

    background-color: #fff;

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

}

#header .header-wrap .header-ct-right .tf-btn.sign-in-btn:hover{

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

}

#header .themesflat-socials {

    list-style: none;

    margin: 0;

    display: flex;

    align-items: center;

}



#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: var(--theme-primary-color);

}



#header .themesflat-socials li a:hover {

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

}



 .social-header-2 {

    display: flex;

    align-items: center;

}



.social-header-2 h6 {

    color: #fff;

    font-size: 14px;

    font-weight: 700;

    line-height: 24px;

    margin: 0;

    margin-right: 12px;

}



.social-header-2 .themesflat-socials a {

    font-size: 12px;

    color: #fff;

    width: 28px;

    height: 28px;

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

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

}



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

    margin-right: 10px;

}



 .social-header-2 .themesflat-socials a:hover {

    background: #fff;

    border-color: #fff;

    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: 0;

    justify-content: space-between;

    display: flex;

    align-items: center;

}



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

    flex-grow: 1;

    justify-content: right;

    display: flex;

    align-items: center;

}



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

    flex-grow: 1;

    justify-content: flex-end;

    display: flex;

    align-items: center;

    gap: 40px;

}



#header .header-wrap .header-ct-right .sign-in-btn {

    font-size: 18px;

    font-style: normal;

    font-weight: 700;

    line-height: normal;

    text-decoration-line: underline;

    padding: 0;

}



#header .header-wrap .header-ct-right a:first-child {

    color: #fff;

}



#header .header-wrap .header-ct-right a:last-child {

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

    color: #fff;

}



.header-default {

    box-shadow: 0px 15px 14px rgb(0 0 0 / 5%);

}



#header .header-ct-right .tf-btn:last-child {

    height: 45px;

    font-size: 16px;

    font-weight: 700;

    text-transform: capitalize;

    padding: 17px 30px;

}



#header .tf-btn:hover {

    color: #fff;

}



.wrap-inner-header {

    width: 100%;

    padding: 0px 61px;

}



.header.header-sticky .wrap-inner-header {

    padding: 0px 61px;

}



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

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

    border-color: transparent;

}





#header  .header-ct-right a.tf-btn i {

    font-size: 12px;

}

#header .logo {

    display: flex;

    justify-content: center;

    align-items: center;

}



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

    display: flex;

    align-items: center;

    position: relative;

    margin-left: 112px;

}



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

    height: 100%;

    display: flex;

    align-items: center;

    margin-left: 21px;

    font-weight: 400;

    font-size: 14px;

    line-height: 22px;

    color: #121212;

}



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

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

    font-size: 36px;

    margin-right: 12px;

}



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

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

    font-size: 20px;

    display: block;

}



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

    font-weight: 700;

    font-size: 16px;

    line-height: 26px;

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

    margin-bottom: 0;

}



#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: var(--theme-accent-color);

    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: var(--theme-primary-color);

}





/* Header absolute */

.header-absolute #header.header-default {

    position: absolute;

    width: 100%;

    left: 0;

    top: 0;

    background-color: transparent;

}







/* 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-secondary-color);

    font-family: 'Poppins';

    font-weight: 600;

    font-size: 16px;

    margin-left: 50px;

    border-radius: 4px;

}



.tf-btn {

    display: inline-flex;

    padding: 20px 30px;

    align-items: center;

    gap: 7px;

    border-radius: 14px;



}







.themesflat-action-box .content-right .content-right-buttons a:first-child {

    background-color: #fff;

}

.themesflat-action-box .content-right .content-right-buttons a:first-child:hover {

    background-color: transparent;

    color: #fff;

}



.themesflat-action-box .content-right .content-right-buttons a:last-child {

    background-color: transparent;

    color: #fff;

    border: 1.5px solid #fff;

    

}

.themesflat-action-box .content-right .content-right-buttons a:last-child:hover {

    background-color: #fff;

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

}



.tf-btn span {

    background: var(--theme-primary-color) none repeat scroll 0 0;

    border-radius: 50%;

    display: block;

    height: 0;

    position: absolute;

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

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

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

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

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

    transition: width 0.6s ease 0s, height 0.6s ease 0s;

    -moz-transition: width 0.6s ease 0s, height 0.6s ease 0s;

    -webkit-transition: width 0.6s ease 0s, height 0.6s ease 0s;

    -ms-transition: width 0.6s ease 0s, height 0.6s ease 0s;

    -o-transition: width 0.6s ease 0s, height 0.6s ease 0s;

    width: 0;

    z-index: -1;

}





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

}



/* info header */

.info-header {

    margin-left: 30px;

    display: flex;

    display: -webkit-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    align-items: center;

}



.info-header .icon-info {

    width: 49px;

    height: 49px;

    border: 1px solid #e8e8e9;

    border-radius: 50%;

    display: flex;

    justify-content: center;

    align-items: center;

}



.info-header .icon-info {

    margin-right: 20px;

}



.info-header .icon-info i {



    font-size: 25px;

}



.info-header .text {

    font-weight: bold;

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

}



.info-header .content {

    white-space: nowrap;

}



.info-header .content a {

    color: #1b1d21;

}



/* 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) */

}



/* 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;

    /* gap: 45px; */

}

#mainnav > ul > li {

    padding: 0;

    -webkit-box-flex: unset;

    -ms-flex: unset;

    flex: unset;

    max-width: unset;
line-height: 105px;
}



#mainnav > ul > li > a {

    font-size: 18px;

    position: relative;

    display: inline-block;

}



#mainnav > ul > li:first-child {

    margin-left: 0px;

}



.header-default #mainnav > ul > li:first-child {

    /* margin-right: 0; */

}

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

    margin-right: 6px;

}

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

    font-family: "munai";

    content: "\e91b";

    font-weight: 100;

    font-size: 6px;

    display: inline-block;

    margin-left: 6px;

    vertical-align: middle;

    -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 > li:not(.menu-item-has-children) > a:after {

    content: '';

    display: block;

    width: 0px;

    height: 2px;

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

    transition: width .2s ease;

}



#mainnav > ul > li:not(.menu-item-has-children) > a:hover::after {

    width: 100%;

}



#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-secondary-color);

}







#mainnav > ul > li > a i {

    font-size: 14px;

    margin-left: 5px;

}



#mainnav > ul > li > a:hover:after {

    -webkit-transform: rotate(180deg) ;

    -ms-transform: rotate(180deg);

    transform: rotate(180deg);

}



#mainnav > ul > li > a {

    /* padding: 3px 8px; */

    position: relative;

    z-index: 5;

}



#mainnav > ul > li > a:hover {

    color: var(--theme-secondary-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-secondary-color);

}



/* submenu */

#mainnav ul.sub-menu {

    padding: 0;

    text-align: left;

    position: absolute;

    left: 0px;

    width: 270px;

    background: #fff;

    z-index: 9999;

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

    filter: alpha(opacity=0);

    opacity: 0;

    visibility: hidden;

    -webkit-box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.15);

    box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.15);

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

    border-radius: 8px;

}





#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.sub-menu:before {

    content: "";

    position: absolute;

    height: 15px;

    width: 15px;

    top: -5px;

    left: 25px;

    opacity: 1;

    z-index: -1;

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    border-radius: 2px;

    -webkit-transform: rotate( 45deg );

    -ms-transform: rotate(45deg);

    transform: rotate( 45deg );

    background-color: #fff;

}



#mainnav ul.sub-menu:after {

    content: '';

    position: absolute;

    z-index: -1;

    width: 100%;

    height: 15px;

    left: 0;

    top: -15px;

}

#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: var(--theme-primary-color);

}



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

    color: #030014;

}



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

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

}



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

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

}




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

    background: var(--theme-secondary-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 {

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

    filter: alpha(opacity=100);

    opacity: 1;

    visibility: visible;

}



#mainnav ul li ul li {

    margin-left: 0;

}



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

    position: absolute;

    left: 100%;

    top: 0;

    padding: 0;

}



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

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

    background: #f5f5f5;

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

}



#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-secondary-color);

}

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

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

    color: 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 #f7f7f7;

}



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

    border-top: 0;

}



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

    display: block;

    text-decoration: none;

    padding: 15px;

    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: "munai";

    content: "\e91b";

    right: 20px;

    line-height: normal;

    font-size: 8px;

    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 {

    border-radius: 8px;

}

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

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

    background: #f5f5f5;

    font-weight: 600;

    padding-left: 25px;



}



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

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

    opacity: 1;

    visibility: visible;

}



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

    right: 18px;

}



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

    opacity: 1;

    content: "";

    position: absolute;

    left: 20px;

    bottom: -15px;

    width: 15px;

    height: 5px;

    background-color: var(--theme-secondary-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 */

#mainnav li.megamenu {

    position: inherit;

}



#mainnav li.megamenu ul.sub-menu {

    z-index: 9999;

}



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

    width: 100%;

    left: 0;

    right: auto;

    padding: 15px;

    position: absolute;

    z-index: 98;

    -webkit-box-shadow: 0 6px 50px rgba(0, 0, 0, 0.04);

    box-shadow: 0 6px 50px rgba(0, 0, 0, 0.04);

    border-top: solid 1px #f7f7f7;

}



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

    margin: -15px 0;

    padding: 20px 0;

    display: block;

    float: left;

    width: 100%;

    border-right: solid 1px #f0f0f0 !important;

}



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

    border-right: none !important;

}



#mainnav li.megamenu.col-1 > ul.sub-menu > li {

    width: 100%;

}

#mainnav li.megamenu.col-2 > ul.sub-menu > li {

    width: 50%;

}

#mainnav li.megamenu.col-2 > ul.sub-menu > li:nth-child(3n) {

    clear: both;

}

#mainnav li.megamenu.col-3 > ul.sub-menu > li {

    width: 33.33%;

}

#mainnav li.megamenu.col-3 > ul.sub-menu > li:nth-child(4n) {

    clear: both;

}

#mainnav li.megamenu.col-4 > ul.sub-menu > li {

    width: 25%;

}

#mainnav li.megamenu.col-4 > ul.sub-menu > li:nth-child(5n) {

    clear: both;

}

#mainnav li.megamenu.col-5 > ul.sub-menu > li {

    width: 20%;

}

#mainnav li.megamenu.col-5 > ul.sub-menu > li:nth-child(6n) {

    clear: both;

}

#mainnav li.megamenu.col-6 > ul.sub-menu > li {

    width: 16.66%;

}

#mainnav li.megamenu.col-6 > ul.sub-menu > li:nth-child(7n) {

    clear: both;

}



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

    display: block;

    top: auto;

    width: 100%;

    min-width: 0;

    left: auto;

    position: relative;

    -webkit-box-shadow: none;

    box-shadow: none;

}



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

    padding: 10px 15px;

}



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

    font-weight: 700;

    opacity: 0.8;

    color: #222;

    background: transparent !important;

}



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

    background: transparent !important;

}



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

    opacity: 1;

}



#mainnav li.megamenu.no-heading > ul.sub-menu > .menu-item-has-children > a {

    display: none;

}



#mainnav li.megamenu:hover ul li ul {

    opacity: 1;

    visibility: visible;

}



/* 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: #161616;

    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 {

    justify-content: flex-start;

}



.inner-canvas-nav .logo > a {

    max-width: 180px;

}



#mainnav_canvas ul {

    list-style: none;

    padding: 0;

    margin: 0;    

}

#mainnav_canvas > ul {

    margin-top: 15px;

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

    padding-top: 30px;

}



#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: 700;

    display: inline-block;

    width: 100%;

    height: auto;

    padding: 12px 50px 12px 25px;

    text-align: left;

    color: #ffffff;

}



#mainnav_canvas ul li a > span {

    background: var(--theme-secondary-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 .sub-menu a {

    padding: 12px 50px 12px 35px;

}



#mainnav_canvas .sub-menu .sub-menu a {

    padding: 12px 50px 12px 45px;

}



#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);

}



#mainnav_canvas ul li {

    border-top-style: solid;

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

    border-top-width: 1px;

}



#mainnav_canvas ul li:first-child {

    border-top: none;

}



#mainnav_canvas > ul > li:last-child {

    border-bottom-style: solid;

    border-bottom-color: rgba(255, 255, 255, 0.08);

    border-bottom-width: 1px;

}



/* Show search */



.show-search {

    position: relative;

    min-width: 20px;

    margin-left: 51px;

    z-index: 10;

    display: flex;

    align-items: center;

    height: 100%;

    font-size: 18px;

    font-style: normal;

    font-weight: 400;

    line-height: normal;

}



.show-search > a {

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

}



/* .show-search > a i {

    color: ;

} */



.show-search a {

    position: relative;

}


.show-search.active .icon-search:before {
    content: '\e903';
}
.show-search.active a > .fa-search:before {

    content: "\f00d";

}



.top-search {

    line-height: normal;

    position: absolute;

    right: 0px;

    top: 120%;

    width: 300px;

    opacity: 0;

    visibility: hidden;

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

}

.search-form  button.search-submit {
    line-height: 0;
}
.top-search .search-form .search-submit {
    line-height: 0;
}
.top-search .search-form .search-submit i {
    color: #696969;
    font-size: 18px;
}
.top-search.widget_search form input[type="search"] {
    background-color: #ffffff;
    border-radius: 0;
}



.top-search.show {

    visibility: visible;

    opacity: 1;

    z-index: 1;

    top: 235%;

}



#header {

    width: 100%;

    z-index: 11;

    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.header-sticky {

    z-index: 9999;

    position: fixed;

    width: 100%;

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

    background: #161616;

}



#header.header-sticky .logo {

    min-height: 91px;

    margin-bottom: 0px;

}



.header_sticky #header.header-sticky.header-style1 .logo {

    min-width: auto;

    min-height: auto;

    background: transparent;

    margin-top: 0;

    box-shadow: unset;

}



#header.header-default,

#header.header-01,

#header.header-02 {

    background: #161616;

}



#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: 999;

}



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

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

}



/* header style 1 */



#header.header-01 .inner-center {

    margin-left: -8px;

}



#header.header-01 .header-ct-left.st2 {

    display: none;

}

#header.header-01 .logo {

    min-height: 60px;

    padding: 10px 20px;

    background: #fff;

    border-radius: 100px;

}

/* 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: 32px 0px 32px 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: 47px;

    height: 47px;

    line-height: 42px;

    -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 .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 #ffffff #ffffff 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 .page-wrap,

.page-template-page_nosidebar .page-wrap,

.page-template-one-page .page-wrap {

    padding: 0;

}



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

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

.error404 .page-wrap .content-area,

.page-template-portfolio .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;

}









.page-wrap.sidebar-left .widget.widget-recent-news ul.recent-news li .thumb {

    border-radius: 50%;



}

.page-wrap.sidebar-left .widget.widget-recent-news ul.recent-news li .text h6 a{

    font-family: 'Space Grotesk';

    font-size: 18px;

    font-style: normal;

    font-weight: 700;

    line-height: 27px;

    letter-spacing: -0.54px;

    color: #030014;

}

.page-wrap.sidebar-left .widget.widget-recent-news ul.recent-news li .text time {

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

}

.page-wrap.sidebar-left .widget.widget-recent-news ul.recent-news li .text h6 a:hover {

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

}



/* 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: 15px;

}

.page-wrap.sidebar-right .widget-area {
    padding-right: 0;
    padding-left: 15px;
}



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

}



.widget-trailer img {

    width: 100%;

}

.widget-trailer::before {

    position: absolute;

    content: '';

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    background: linear-gradient(180deg, rgba(12, 9, 29, 0.00) 0%, rgba(12, 9, 29, 0.80) 43.23%, #0C091D 100%);

}

.sidebar #block-48 {

    padding: 0;

    box-shadow: 0px 4px 30px 0px rgba(141, 141, 141, 0.05);

    border-radius: 14px;

}



.sidebar .widget-trailer {

    position: relative;

    border-radius: 14px;

    overflow: hidden;

    margin: -40px -50px;

}

.sidebar .widget-trailer .content .title .text {

    color: #FFF;

    font-size: 28px;

    font-weight: 300;

    line-height: 25px;

    letter-spacing: -0.84px;

    margin-bottom: 10px;

}

.sidebar .widget-trailer .content .title .text-1 {

    color: #FFF;

    font-size: 28px;

    font-weight: 700;

    line-height: 25px;

    letter-spacing: -0.84px;

}

.widget-trailer .content .title .text-2 {

    color: #CBED44;

    font-family: 'Playfair Display';

    font-size: 28px;

    font-style: italic;

    font-weight: 700;

    line-height: 25px;

    letter-spacing: -0.84px;

}



.sidebar .widget-trailer .content {

    position: absolute;

    left: 0;

    bottom: 0;

    padding: 0 50px 50px 50px;

}

.sidebar .widget-trailer .content .title {

    margin-bottom: 22px;

}

.widget-trailer .content p {

    color: #FFF;

    line-height: 23px;

    margin-bottom: 30px;

}

.sidebar .widget-trailer-btn {

    display: flex;

    justify-content: center;

    align-items: center;

    gap: 7px;

    position: relative;

    border: none;

    color: #fff;

    background-color: #6844ED;

    border-radius: 14px;

    font-weight: 700;

    font-size: 16px;

    line-height: 11px;

    width: max-content;

    height: 51px;

    padding: 20px 30px;

    text-transform: capitalize;

    -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-trailer-btn:hover {

    color: #6844ED;

    background-color: #fff;

}

.sidebar .widget-trailer-btn i {

    font-size: 12px;

}

/* 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: "\f109";

    font-size: 24px;

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

    font-weight: 700;

    font-family: "dashicons";

    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;

    background-color: #f7f7f7;

    border-radius: 10px;

    padding: 26px 40px 30px 40px;

    width: 100%;

    box-shadow: 0px 10px 60px rgba(104, 68, 237, 0.20);

}



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

    font-size: 9px;

    margin-left: 10px;

    font-weight: 700;

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

}



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;

}

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

    content: '';

    display: inline-block;

    width: 5px;

    height: 5px;

    background-color: #D9D9D9;

    margin: 0 25px;

}



/* 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;

}



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

}



.themesflat-button-container a.meta-text span {

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

}



.themesflat-button-container a.meta-text:hover span {

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

}



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

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;

    display: -webkit-box;

    overflow: hidden;

    text-overflow: ellipsis;

    word-break: break-word;

    text-transform: capitalize;

}

.blog-list article .entry-title::after {

    content: '';

    display: block;

    width: 100%;

    height: 1px;

    background-color: #D9D9D9;

    margin-top: 27px;

    margin-bottom: 23px;

}



.blog-list article .post-excerpt {

    margin-top: 20px;

    padding-bottom: 23px;

    border-bottom: 1px solid #D9D9D9;

    margin-bottom: 23px;

}







.blog-list article .post-meta,

.item article .post-meta {

    margin-bottom: 10px;

}



.blog article .post-meta .post-author {

    display: none;

}



.post-meta a {

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

}



article .entry-title a {

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

}

article.has-post-thumbnail  {

    position: relative;

}

article.has-post-thumbnail .content-post {

    position: absolute;

    left:50%;

    bottom: -164px;

    width: 770px;

    margin-left: -385px;

    z-index: 100;

    

}



article.format-quote .main-post {

    display: flex;

    border: 1px solid rgba(104, 68, 237, 0.20);

    background-color: #EBEBFD;

    border-radius: 10px;

}

article.format-quote .content-post {

    background-color: transparent;

    box-shadow: none;

    border-radius: 0px;

}

article.format-quote .main-post::before{

    content: '\e915';

    font-family: 'munai';

    display: inline-block;

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

    font-size: 45px;

    margin-top: 50px;

    margin-left: 50px;

}

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

    display: flex;

    justify-content: space-between;

    align-items: center;

}

.blog-list article .themesflat-button-container .meta-text {

    display: flex;

    align-items: center;

    gap: 7px;

}



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

    position: relative;

}



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

    width: 0%;

    left: 0;

    right: auto;

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

}



/* Page Title

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

.page-title {

    position: relative;

    overflow: hidden;

    background-repeat: no-repeat;

}



.page-title .overlay {

    position: absolute;

    top: 0;

    left: 0;

    height: 100%;

    width: 100%;

}



.page-title .shape {

    position: absolute;

    left: 0;

    bottom: 0;

    height: 17px;

    width: 100%;

}



.shape-ani {

    animation: logoslider 250s linear .3s;

}



@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 span.sep {

    position: relative;

    text-align: center;

    margin-left: 27px;

    margin-right: 23px;

    font-size: 13px;

    vertical-align: middle;

}



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

    /* margin-bottom: 75px; */

}



.page-title .breadcrumbs .trail-items {

  

}



.page-title .breadcrumbs .trail-items .trail-item.trail-end {

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

}



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

}



.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: 27px;

}



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

    font-family: 'Playfair Display';

    font-style: italic;

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

}



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

    margin-bottom: 44px;

}



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

}



/* 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-secondary-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;

}



.archive-services .featured-post {

    float: none;

    margin-bottom: 15px;

}



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 {

    border-radius: 16px;

    position: relative;

    width: 100%;

}



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

    font-family: 'Open Sans';

    font-weight: 700;

    font-size: 13px;

    color: #fff;

    padding: 3px 13px;

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

    border-radius: 5px;

}



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

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

}



.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: 13px; */

}



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

    position: absolute;

    top: 28px;

    left: 20px;

    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: 70px;

}



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

    font-size: 16px;

}



.blog-list article,

.item article {

    margin-bottom: 50px;

}



.item article.has-post-thumbnail {

    margin-bottom: 206px;

}



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

    padding: 15px 30px 12px 30px;

    background: transparent;

    color: #222;

    font-size: 17px;

    font-weight: 500;

}



.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: #000000;

    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,

article .post-meta .item-meta {

    /* margin-right: 30px; */

    position: relative;

}



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 .meta-icon {

    margin-right: 5px;

    font-size: 14px;

}



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

}



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_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: var(--theme-primary-color);

    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: var(--theme-primary-color);

    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: var(--theme-primary-color);

    background: transparent;

    text-transform: none;

    margin-bottom: 23px;

}



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

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

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

    color: #fff;

}



/* Blog Single

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



.blog-single .featured-post {

    position: relative;

    margin-bottom: 30px;

}



.blog-single .themesflat_audio {

    border-radius: 0px;

    overflow: hidden;

    position: relative;

}



.blog-single .featured-post img {

    height: 617px;

    object-fit: cover;

    border-radius: 16px;

}



.blog-single .entry-title {

    margin-bottom: 16px;

}



.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 .meta a {

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

}

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

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

}

.blog-single .content-post-single {

    display: flex;

    align-items: center;

    justify-content: space-between;

}




.blog-single  .main-post::before,

.blog-single  .main-post::after

{

    display: block;

    content: '';

    width: 100%;

    height: 1px;

    background-color: rgba(104, 68, 237, 0.20);

}

.blog-single  .main-post::before {

    margin-bottom: 40px;

    

}

.blog-single  .main-post::after {

    margin:40px 0;

}



.blog-single .content-post-single {

    margin-bottom: 32px;

}



.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-image figure {

    margin-bottom: 0;

}



.blog-single .content-image {

    margin-bottom: 39px;

}



.blog-single .text-2 {

    margin-bottom: 42px;

}



.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: 31px;

}



.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: "munai";

    color: var(--theme-secondary-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: var(--theme-primary-color);

    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-secondary-color);

}



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

    margin-bottom: 7px;

}



.blog-single .meta .item-meta {

    font-weight: 400;

    font-size: 16px;

    margin-right: 18px;

}



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

    margin-right: 0;

}



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

    font-size: 14px;

    margin-right: 5px;

}



.blog-single .meta .item-meta.post-author span {

    color: #64666C;

}



.single .entry-footer {

    display: flex;

    align-items: center;

    justify-content: space-between;

}



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

    display: inline-block;

    margin-right: 26px;

}



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

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

    font-size: 16px !important;

    background: transparent;

    font-weight: 400;

    height: 42px;

    line-height: 28px;

    border: 1.5px solid rgba(104, 68, 237, 0.20);

    border-radius: 10px;    

    display: inline-flex;

    padding: 14px 23px;

    align-items: center;

    gap: 10px;

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    line-height: 28px;

}



.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: 1px solid;

}



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

    flex: 1;

}



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

    justify-content: flex-end;

}

.single .entry-footer .tags-links {

    justify-content: flex-start;

}



.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-weight: 400;

    font-size: 16px;

    line-height: 26px;

}



.single .entry-footer .tags-links {

    flex-wrap: wrap;

    margin-top: -12px;

    gap: 10px;

}



.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-secondary-color);

}



.blog-single .main-post .customizable-carousel {

    margin: 30px 0 15px;

}



.customizable-carousel {

    position: relative;

}



.customizable-carousel.owl-theme .owl-nav,

.customizable-carousel.owl-loaded .owl-nav {

    display: block;

}



.customizable-carousel.owl-theme .owl-nav.disabled,

.customizable-carousel.owl-loaded .owl-nav.disabled,

.customizable-carousel.owl-carousel .owl-nav.disabled,

.customizable-carousel.owl-carousel .owl-dots.disabled {

    display: none;

}



.customizable-carousel.owl-theme .owl-dots,

.customizable-carousel.owl-loaded .owl-dots,

.customizable-carousel .owl-dots {

    padding: 0 !important;

}



.customizable-carousel .owl-prev,

.customizable-carousel .owl-next {

    opacity: 1;

    width: 60px !important;

    height: 60px !important;

    position: absolute !important;

    left: 0;

    top: calc(50% - 30px);

    display: block !important;

    border: 0px solid black;

    padding-top: 15px !important;

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

    color: #68739d;

    font-size: 14px;

    background: #fff;

    display: inline-block;

    cursor: pointer;

    border-radius: 50%;

    text-indent: 100%;

    margin: 5px;

    padding: 4px 7px;

    box-shadow: 0px 2px 5px 0px rgb(0 0 0 / 10%);

}



.customizable-carousel .owl-prev i,

.customizable-carousel .owl-next i {

    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%);

    font-size: 14px;

    text-indent: 0%;

}



.customizable-carousel .owl-next {

    left: auto;

    right: 0;

}



.customizable-carousel.owl-theme .owl-nav [class*="owl-"]:after {

    line-height: 50px;

}



.customizable-carousel.owl-carousel:hover .owl-prev,

.customizable-carousel.owl-carousel:hover .owl-next,

.customizable-carousel.owl-loaded:hover .owl-prev,

.customizable-carousel.owl-loaded:hover .owl-next {

    opacity: 1;

}



.customizable-carousel .owl-prev:hover,

.customizable-carousel .owl-next:hover {

    color: #fff;

}



/*Navigation links*/



.nav-links {

    display: flex;

    justify-content: space-between;

    padding-bottom: 80px;

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

    margin-bottom: 80px;



}







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

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

   flex: 1;

}



.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: var(--theme-primary-color);

    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: 'munai';

    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: '\e92a';

    font-family: 'munai';

    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,  .navigation.posts-navigation .nav-links li.previous-post .content{

    display: flex;

    gap: 20px;

    align-items: center;

}



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

    -webkit-box-orient: vertical;

    display: -webkit-box;

    overflow: hidden;

    text-overflow: ellipsis;

    word-break: break-word;

    color: #030014;

    font-size: 18px;

    font-style: normal;

    font-weight: 700;

    line-height: 27px;

    letter-spacing: -0.54px;

    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-secondary-color);

}



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

    flex: 1;

}

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

    width: 90px;

    height: 90px;

    object-fit: cover;

    border-radius: 50%;

}



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

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

}



/* .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: var(--theme-primary-color);

}



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

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

}



.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: var(--theme-primary-color);

}



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

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

}



/* Comment List */

#comments {

    margin-top: 33px;

}



#comments .comment-respond {

    background: #EBEBFD;

    border: 1px solid rgba(104, 68, 237, 0.20);

    border-radius: 10px;

    padding: 60px;

}



.comments-area {

    overflow: hidden;

}



.comment-title,

.comment-reply-title {

    position: relative;

    overflow: hidden;

    margin-bottom: 24px;

    margin-top: 0;

    line-height: 1;

}



.comment-title {

    margin-bottom: 8px;

}



.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: 13px;

}



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

    float: left;

    display: inline-block;

    border-radius: 50%;

    position: absolute;

    top: 12px;

    left: 0px;

}



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

    border-radius: 50%;

}



.comment-reply-link {

    position: relative;

    padding-left: 0;

    font-weight: 700;

    font-size: 14px;

}



.comments-area ol.comment-list article {

    position: relative;

    padding-left: 100px;

}



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

    min-height: 100px;

    border-bottom: 1px solid #e8e8e9;

    padding: 9px 0px 25px;

}



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

    font-size: 14px;

    display: inline-block;

    margin-right: 25px;

    font-weight: 700;

    text-transform: uppercase;

    margin-bottom: 12px;

}



.comments-area

    ol.comment-list

    article

    .comment_content

    .comment_meta

    .comment_author

    a {

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

}



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

    font-weight: 700;

    font-size: 14px;

    margin-top: 12px;

}



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

    position: relative;

    display: inline-block;

    font-weight: 400;

    font-size: 14px;

    line-height: 24px;

    color: #9C9EA6;

    margin-right: 20px;

}



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

    line-height: 1.4;

    color: #9C9EA6;

}



.comment-respond fieldset {

    position: relative;

}



.comment-respond fieldset label {



}



.comment-respond .message {

    width: 100%;

}



.comment-respond textarea {

    width: 100%;

    margin-bottom: 28px;

    height: 113px;

}



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

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

.comment-respond textarea  {

    width: 100%;

    background: #fff;

    border-color: transparent;

    border-radius: 8px;

}

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

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

.comment-respond textarea {

    

}



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

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

    margin-bottom: 21px;

}



.comment-respond input#wp-comment-cookies-consent  {

    box-shadow: unset;

}



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

    order: -1;

    width: 100%;

}



.comment-respond form .comment-right {

    width: 100%;

    order: 1;

}



.comment-respond .comment-form-cookies-consent {

    display: flex;

    align-items: center;

    width: 100%;

    margin-bottom: 20px;

    order: -1;

    margin-top: -2px;

    margin-left: 2px;

}



.comment-respond .comment-form-cookies-consent label {

    margin: 0;

    padding-left: 9px;

font-size: 14px;

line-height: 22px;

}



.comment-respond .comment-left .name-container,

.comment-respond .comment-left .email-container {

    width: 50%;

    float: left;

    padding: 0 15px;

}



.comment-respond .website-container {

    width: 100%;

}



.comment-respond .comment-form-cookies-consent {

    display: none;

}



.comment-respond .comment-left {

    margin: 0 -15px;

}



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

}



/* Related Post */

.related-post.related-posts-box {

    margin-top: 128px;

}



.related-post article .entry-meta .post-author {

    display: none;

}



.related-post article .entry-meta li {

    margin: 0;

}



.related-post article .entry-meta li i {

    display: none;

}



.related-post .box-title {

    font-size: 40px;

    position: relative;

    overflow: hidden;

    margin: 0 0 34px 0;

}



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

    padding: 20px;

}



.related-post .blog-grid .entry-border,

.related-post .blog-grid article:hover .entry-border {

    border: none;

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    box-shadow: none;

}



.related-post article .entry-meta ul {

    margin-bottom: 10px;

    line-height: normal;

}



.related-post article .entry-meta ul li a {

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

}



.related-post .blog-grid article .entry-title {

    font-size: 20px;

    line-height: 30px;

    margin-bottom: 0;

}



/* 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-secondary-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: "munai";

    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: 30px;

}

.sidebar > .widget:not(.widget_search) {

    padding: 40px 50px;

    background-color: #EBEBFD;

    border-radius: 14px;

    border: 1.2px solid rgba(104, 68, 237, 0.20);

    box-shadow: 0px 4px 30px rgba(141, 141, 141, 0.05);

}



.sidebar > .widget:last-child {

    margin-bottom: 0;

}



.sidebar .widget .widget-title::after {

    content: '';

    display: block;

    width: 100%;

    height: 1px;

    margin-top: 15px;

    margin-bottom: 30px;

    background-color: rgba(104, 68, 237, 0.20);

}





.sidebar .widget .widget-title,

.widget h2,

.wp-block-search .wp-block-search__label {

    position: relative;

    line-height: 1.3;

    margin-bottom: 18px;

    margin-top: -10px;

}



.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.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: 8px 13px;

    margin-bottom: 0px;

    color: #64666C;

    border-radius: 4px;

}

.widget.widget_block .wp-block-categories li a {

    padding: 10px 0;

}



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_block .wp-block-categories li a:hover::after,

.widget.widget_block .wp-block-categories li a:hover::after,

.widget.widget_archive ul li a:hover::after,

.widget.widget_categories ul li a:hover::after,

.widget.widget_pages ul li a:hover::after,

.widget.widget_categories ul li a:hover::after {

    opacity: 1;

    visibility: visible;

}



.widget.widget_archive ul li a::after {

    content: "\e92a";

    font-family: "munai";

    font-size: 12px;

    position: absolute;

    font-weight: 900;

    right: 17px;

    top: 50%;

    transform: translateY(-50%);

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

    -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-top: -2px;

    margin-bottom: 0px;

}




.widget.widget_block .wp-block-categories li a:hover {

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

}

.widget.widget_block .wp-block-categories li a:hover::after {

    opacity: 1;

    visibility: visible;

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

}

.widget.widget_block .wp-block-categories li a {

    font-size: 16px;

    font-style: normal;

    font-weight: 500;

    line-height: 28px;

    letter-spacing: -0.32px;

    color: #696969;

}




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

    margin-bottom: 27px;

    padding: 0;

    border: none;

    overflow: hidden;

}



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

    font-size: 16px;

    line-height: 1.5;

    color: #030014;

}



.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: #64666C;

}



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

}



.sidebar .widget ul li a {

    font-weight: 500;

}



.widget.widget_categories ul li > a:after,

.widget.widget_archive ul li > a:after,

.widget.widget_pages ul li > a:after,

.widget.widget_block .wp-block-categories li a::after {

    content: '\e929';

    font-family: 'munai';

    font-size: 13px;

    position: absolute;

    right: 4px;

    top: 50%;

    transform: translateY(-50%);

    color: #696969;

    opacity: 0;

    visibility: hidden;

    -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 li a::after  {

    opacity: 1;

    visibility: visible;

}





.widget select {

    -webkit-appearance: none;

    -moz-appearance: none;

    -ms-appearance: none;

    appearance: none;

    outline: 0;

    background-image: linear-gradient(

            45deg,

            transparent 50%,

            var(--theme-primary-color) 50%

        ),

        linear-gradient(135deg, var(--theme-primary-color) 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;

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

    font-size: 16px !important;

}



.wp-block-file__button:hover {

    color: #fff;

}



/*Widget Tag */

.widget-title-tag {

    margin-bottom: 32px;

}



.wp-block-tag-cloud {

    margin-top: -2px;

}



.wp-block-tag-cloud a {

    padding: 12px 20px;

    background: #fff;

    border-radius: 10px;

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

    margin-bottom: 12px;

    margin-right: 0px;

    font-weight: 500;

    font-size: 12px !important;

    margin-right: 7px;

    line-height: 10px;

}



.wp-block-tag-cloud a:hover {

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

    color: #fff;

}



/*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;

}



/* contact form sidebar */



.contact-sidebar {

    position: relative;

    padding: 30px 20px;

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

    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-secondary-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: var(--theme-primary-color);

}



.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: var(--theme-primary-color);

    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, var(--theme-accent-color) 0%, var(--theme-secondary-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-secondary-color);

}



.sidebar .widget.widget_themesflat_socials ul li a,

.widget.widget_themesflat_socials ul li a {

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

    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;

}



.widget .tagcloud a {

    padding: 7px 20px;

    margin: 0 2px 8px 0;

    display: inline-block;

    position: relative;

    text-align: center;

    font-size: 12px !important;

    margin-right: 10px;

    padding: 7px 17px;

    background: #F5F5F5;

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

    font-weight: 500;

    line-height: 16px;

    margin-bottom: 10px;

    -webkit-border-radius: 84px;

    -moz-border-radius: 84px;

    border-radius: 84px;

}



.widget .tagcloud a:hover {

    color: #fff;

}



#footer .widget .tagcloud a {

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

}



/* widget search */

.widget_search .widget-title {

    margin-bottom: 30px;

}



.widget_search form {

    width: 100%;

    position: relative;

    margin: 0;

}



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

    right: 0;

    top: 0;

    background: none;

    box-shadow: none;

    border: 0;

    outline: none !important;

    padding: 0;

    border-radius: 0rem;

    text-align: center;

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

    font-size: 20px;

    background: transparent;

}





.wp-block-search .wp-block-search__button:hover::after {

    color: #370ecd;

}



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

    margin-right: 14px;

}



.wp-block-search .wp-block-search__button::placeholder {

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

}



.widget_search form button:hover {

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

}



.wp-block-search .wp-block-search__inside-wrapper button:after {

    all: unset;

    content: "\e90d";

    font-family: "munai";

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

    text-indent: 0;

    position: absolute;

    top: 50%;

    right: 16px;

    font-size: 16px !important;

    transform: translateY(-50%);

    font-size: 20px;

    z-index: 1;

    font-weight: 400;

    -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: #fff;

}



.widget_search form input[type="search"],

.wp-block-search .wp-block-search__input {

    margin-bottom: 0;

    width: 100%;

    padding: 20px 29px 20px 24px;

    border: 1.2px solid rgba(104, 68, 237, 0.20);

    box-shadow: 0px 4px 30px 0px rgba(141, 141, 141, 0.05);

    background: #EBEBFD;

    border-radius: 14px;

    font-weight: 400;

    font-size: 16px;

    line-height: 26px;

}



.widget_search form input[type="search"]::placeholder,

.wp-block-search .wp-block-search__input::placeholder {

    color: #64666C;

}



.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: 16px;

    position: relative;

    border-radius: 0;

    overflow: hidden;

    margin-top: 3px;

    min-width: 90px;

    height: auto;

    width: 90px;

}



.widget.widget-recent-news .thumb {

    margin-top: 0px;

}





.widget-recent-porfolio .text,

.widget.widget-recent-news .text,

.widget.widget_latest_news .text {

    overflow: hidden;

}



.widget.widget-recent-news .text {

    margin-top: 6px;

}



.widget.widget-recent-news h4.widget-title {

    margin-bottom: 40px;

}



.widget.widget-recent-news .text h6,

.widget.widget_latest_news .text h6 {

    font-weight: 500;

    font-size: 16px;

    line-height: 28px;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    display: -webkit-box;

    overflow: hidden;

    text-overflow: ellipsis;

    word-break: break-word;

}



.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: 90px;

    height: 90px;

    border-radius: 3px;

    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-bottom: 18px;

}

.widget.widget-recent-news li {

    margin-bottom: 30px;

}





.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: var(--theme-primary-color);

}



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

    font-weight: 400;

    font-size: 16px;

    line-height: 18px;

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

    margin-bottom: 4px;

}



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

    font-size: 14px;

    vertical-align: middle;

}



.widget-recent-porfolio li .text .post-date i,

.widget.widget-recent-news li .text .post-date i {

    margin-right: 1px;

}



.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: var(--theme-accent-color);

}



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

}



.recent-portfolio .icon-widget {

    width: 60px;

height: 60px;

border: 2px solid #F0F0F0;

border-radius: 999px;

margin-right: 15px;

display: inline-flex;

align-items: center;

justify-content: center;

flex-shrink: 0;

}



.widget-recent-porfolio .recent-portfolio  .text h6 a,

.widget.widget-recent-news .recent-portfolio  .text h6 {

font-weight: 600;

font-size: 16px;

line-height: 24px;

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

-webkit-line-clamp: 3;

-webkit-box-orient: vertical;

display: -webkit-box;

overflow: hidden;

text-overflow: ellipsis;

word-break: break-word;

}



.widget-recent-porfolio .recent-portfolio  .text ,

.widget.widget-recent-news .recent-portfolio  .text {

    margin-top: 0px;

}



.widget-recent-porfolio .recent-portfolio  li,

.widget.widget-recent-news .recent-portfolio li {

    overflow: unset;

    align-items: center;

    margin-bottom: 20px;

    padding-bottom: 0px;

    border-bottom: unset;

}



.sidebar .widget-recent-porfolio {

    margin-bottom: 38px;

}



/* widget recent comments */

.widget_recent_comments .recentcomments > a {

    line-height: normal;

}



.sidebar .widget_recent_comments .recentcomments a {

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

}



#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-secondary-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: var(--theme-primary-color);

    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: var(--theme-accent-color);

    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: var(--theme-accent-color);

    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: var(--theme-accent-color);

}



/* 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-family: 'Nunito';

    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: var(--theme-accent-color);

    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 a.next,

.navigation.paging-navigation a.prev {

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

    font-weight: 700;

    font-size: 16px;

line-height: 27px;

}

.navigation.paging-navigation a.prev i {

    transform: rotate(180deg);

}



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

.pagination > span,

.navigation.paging-navigation span,

.page-links a,

.page-links > span {

    position: relative;

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

    margin-right: 8px;

    width: 50px;

    height: 50px;

    border: 1px solid rgba(104, 68, 237, 0.20);

    text-align: center;

    border-radius: 50%;

    display: inline-flex;

    justify-content: center;

    align-items: center;

}



.page-links {

    margin-top: 15px;

    clear: both;

}



.navigation.paging-navigation.pager a {

    display: inline-block;

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

    padding: 0;

    min-width: 0;

    min-height: 0;

    border-radius: 8px;

    border: 1px solid var(--line, #E5E5E5);

    background: #fff;

    padding: 7px 15px;

}



.navigation.paging-navigation a:hover {

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

}



.navigation.paging-navigation.pager a:hover {

    background-color: var(--theme-secondary-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;

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

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

}



/* .navigation.paging-navigation a.next:hover,

.navigation.paging-navigation a.prev:hover {

    border: unset;

}



.page-links a:hover,

.page-links a:focus,

.page-links > span {

    background-color: transparent;

} */



/* 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: var(--theme-accent-color);

}



.form-mailchimp button:hover {

    background: var(--theme-secondary-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%, var(--theme-accent-color) 87.05%);

}



.form-mailchimp button::before,

.form-mailchimp button::after {

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

}







/* Footer

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



footer .logo-footer {

    margin-bottom: 33px;

}



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 .footer-widget-top {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding-bottom: 73px;

}

.footer-widgets .widgets-areas .widget h4{

    margin-bottom: 40px;

}





.footer-widgets .widgets-areas .menu li a::after {

    position: absolute;

    content: '';

    bottom: 0;

    left: auto;

    right: 0;

    width: 0;

    height: 1px;

    background-color: #6844ED;

    transition: all 0.3s ease-in-out;

}

.footer-widgets .widgets-areas .menu li a:hover::after {

    width: 100%;

    left: 0;

    right: auto;

}



.footer-widgets .footer-widget-top .wrap-widgets-1 .social-contacts {

    display: flex;

    align-items: center;



}

.footer-widgets .wrap-widgets-1 .social-contacts {

    display: flex;

    align-items: center;

    gap: 10px;

    margin-top: 23px;

}

.footer-widgets .wrap-widgets-1 .social-contacts a {

    width: 40px;

    height: 40px;

    display: flex;

    justify-content: center;

    align-items: center;

    background-color: #fff;

    border-radius: 50%;

}

.footer-widgets .wrap-widgets-1 .social-contacts a i {

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

}



.footer-widgets .wrap-widgets-1 .social-contacts a:hover {

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



}

.footer-widgets .wrap-widgets-1 .social-contacts a:hover i {

    color: #fff;

}

.footer-widgets .footer-widget-top h2.wp-block-heading {

    margin: 0;

}

.footer-widgets .footer-widget-top .ft-galery {

    display: flex;

    justify-content: space-between;

    align-items: center;

    gap: 33px;

}

.footer-widgets .footer-widget-top .ft-galery > div:first-child {

    padding: 0 4px;

}

.footer-widgets .footer-widget-top .ft-galery > .widget {

    margin-bottom: 0;

    padding: 0 15px;

}

.footer-widgets .footer-widget-top .ft-galery p {

    font-weight: 500;

    font-size: 20px;

    line-height: 25px;

    color: #fff;

    letter-spacing: -0.6px;

}

.footer-widgets .footer-widget-top .ft-galery p span {

    font-style: italic;

    font-family: 'Playfair Display';

}




.footer-widgets .footer-widget-top .ft-galery .widget_media_gallery .wp-block-image {

    margin-right: -12px;

}



.footer-widgets .footer-widget-top .ft-galery .widget_media_gallery .wp-block-image img {

    width: 50px;

    height: 50px;

    border-radius: 50px;

    border: 3px solid var(--color-white, #FFF);

    box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.20);

    width: 50px;

    transition: all .2s ease-in-out;

}



.footer-widgets .footer-widget-top .ft-galery .widget_media_gallery .wp-block-image img:hover {

    transform: translateY(-5px);

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

    transition: 0.3s ease-in-out;

}

.footer-widgets .footer-widget-top .ft-galery .widget_media_gallery>figure {

    display: block;

}

.footer-widgets .footer-widget-top .ft-galery .widget_media_gallery>figure>figure {

    width: 50px;

    height: 50px;

}

.footer-widgets .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) {

    margin-right: -10.5px;

}



.footer-widgets .wp-block-gallery:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter) {

    margin: 0;

}



.footer-widgets .footer-widget-top .ft-galery .widget_media_gallery .wp-block-gallery {

    display: flex;

    flex-wrap: nowrap;

    gap: 0;

    margin-right: -12px;



}

.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {

    display: none;

}

.footer-widgets .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) img {

    width: 50px;

}

.footer-widgets .widget:last-of-type {

    margin-bottom: 0;

}



footer .widget.widget_nav_menu ul li a {

    display: inline;

    padding: 0px;

    border: none;

}



#footer #bottom {

    background-color: transparent;

}



footer .widget.widget_nav_menu ul li a {

    font-family: 'Open Sans';

font-weight: 400;

font-size: 16px;

}



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_categories ul li a:before,

footer .widget.widget_meta ul li a:before,

footer .widget.widget_nav_menu ul li a:before,

footer .widget.widget_pages ul li a:before,

footer .widget.widget_archive ul li a:before,

footer .widget.widget_block ul li a:before {

    display: none;

}




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: -3px;

    margin-left: 2px;

    padding-right: 20%;

}



.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-munai-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-secondary-color);

    border-color: var(--theme-secondary-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-family: 'Open Sans';

font-weight: 400;

font-size: 16px;

line-height: 185%;

margin-bottom: 30px;

padding-right: 60px;

}



#footer a:hover {

    color: var(--theme-secondary-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-secondary-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-secondary-color);

    border-color: var(--theme-secondary-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);

}





footer .wrap-widgets-1 .widget_media_image {

    margin-top: -30px;

}

footer .wrap-widgets-1 .widget.widget_block p {

    margin-top: -16px;

    margin-right: 20px;

}







footer .widget ul li a {

    font-weight: 500;

}







.footer .wrap-widgets-4 {

    margin-left: 1px;

    margin-top: -2px;

}



.footer .wrap-widgets-4 .widget_text {

    margin-top: -9px;

    margin-bottom: 25px;

}



.footer .wrap-widgets-4 .widget > h2 {

    margin-bottom: 27px;

}



.footer .wrap-widgets-4 p {

  font-size: 15px;

}



.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-secondary-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-secondary-color);

}



/* Contact infor */

.footer .contact-info .icon {

    margin-right: 10px;

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

}



/*widget Nav Menu*/

.footer-widgets .widget.widget_nav_menu ul li {

    list-style-type: none;

    display: block;

}



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

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    line-height: 40px;

}



.widget.widget_meta ul > li > a::after {

    content: "\e904";

    font-family: "munai";

    font-size: 12px;

    position: absolute;

    left: 3px;

    top: 50%;

    transform: translateY(-50%);

    opacity: 0;

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

    -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-family: 'Nunito';

    font-weight: 600;

    font-size: 18px;

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

    margin-bottom: 0px;

}



.footer-widgets .infor-ft-box h6 {

    font-family: 'Open Sans';

    font-weight: 400;

    font-size: 16px;

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

}



.footer-widgets .infor-ft-box .content {

    margin-top: 3px;

}



.footer-widgets .infor-ft-box .icon {

    width: 40px;

    height: 40px;

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

    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:hover,

#footer .widget.widget_archive ul li a:hover,

#footer .widget.widget_categories ul li a:hover,

#footer .widget.widget_pages ul li a:hover,

#footer .widget.widget_categories ul li a:hover {

    background: #f5f5f5;

    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: var(--theme-primary-color);

}



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;

}



footer .widget.widget_nav_menu ul > li > a:before,

footer .widget.widget_product_categories ul > li > a:before,

footer .widget.widget_meta ul > li > a:before,

.bottom .copyright a:before {

    content: "";

    width: 0;

    height: 1px;

    position: absolute;

    right: 0;

    bottom: 0;

    background-color: var(--theme-secondary-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 .widget.widget_nav_menu ul > li > a:hover:before,

footer .widget.widget_product_categories ul > li > a:hover:before,

footer .widget.widget_meta ul > li > a:hover:before,

footer .widget.widget_block ul > li > a:hover:before,

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

}



.footer .subcribe-footer {

    position: relative;

    margin-top: -21px;

}



.footer .subcribe-footer input {

    font-weight: 400;

    font-size: 14px;

    line-height: 22px;

    background: #FFFFFF;

    border-radius: 8px;

    width: 100%;

    padding: 11px 16px;

    padding-right: 45px;

}

.footer .subcribe-footer input::placeholder {

    color: #B1B1B1;

}

.footer .subcribe-footer button {

    color: #fff;

    border-radius: 0px 8px 8px 0px;

    position: absolute;

    top: 0;

    right: -1px;

    padding: 15px 14px 11px 15px;

    font-size: 18px;

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

}



.footer .subcribe-footer button:hover {

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

}



/* Bottom

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

.bottom {

    z-index: 2;

    position: relative;

}



#bottom .container {

    padding: 0px 12px; 

}



.bottom .container-inside {

    display: flex;

    width: 100%;

    justify-content: space-between;

    align-items: center;

    border-radius: 4px;

    padding: 37px 0px;

    border-top: 2px solid rgba(255, 255, 255, 0.15);

    /* padding: 0 12px; */

}



.bottom p {

    margin-bottom: 0;

}



.bottom ul {

    margin: 0;

}



.bottom ul li {

    display: inline;

    position: relative;

}



.bottom ul {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 42px;

}



.bottom ul li a {

    padding: 0 7px 0 7px;

}



.bottom .copyright a:before {

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

}



.bottom ul li {

    background: unset;

    list-style: none;

}



.bottom ul li a {

    padding: 0;

    margin-left: 0px;

}



.bottom .themesflat-socials {

    margin-top: -7px;

    margin-right: 6px;

}



.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 #menu-bottom::after {

    content: "";

    position: absolute;

    bottom: 5px;

    background-color: #fff;

    left: 50%;

    transform: translateX(-50%);

    width: 235px;

    height: 1px;

}



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

}



/* GoTop Button

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

.go-top {

    position: fixed !important;

    right: -100px;

    bottom: 82px;

    width: 50px;

    height: 50px;

    border-radius: 50%;

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

    color: #fff;

    cursor: pointer;

    line-height: 50px;

    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: 12px;

    color: #fff;

    font-weight: 600;

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    line-height: 50px;

    transition: all ease 0.3s;

}



.go-top:hover {

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

}



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

}

/*--- Style 1 ---*/

.loader-icon {

    width: 80px;

    height: 80px;

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

    border-right-color: transparent;

    border-radius: 50%;

    position: relative;

    animation: loader-rotate 1s linear infinite;

    margin: 0 auto;

}



/*--- Style 2 ---*/

.loader-icon-2 {

    width: 80px;

    height: 80px;

    border: 2px solid #fff;

    border-right-color: transparent;

    border-radius: 50%;

    position: relative;

    animation: loader-rotate 1s linear infinite;

    margin: 0 auto;

}



/*--- Style 3 ---*/

.loader-icon-3 {

    width: 80px;

    height: 80px;

    border: 2px solid #222;

    border-right-color: transparent;

    border-radius: 50%;

    position: relative;

    animation: loader-rotate 1s linear infinite;

    margin: 0 auto;

}



/*--- Style 4 ---*/

.load-holder {

    display: flex;

    align-items: center;

    justify-content: center;

}



.load-holder.load1 {

   height: 105px;

}



.load {

    display: flex;

    position: relative;

    animation: rotateLoad infinite linear 1s;

}

.load.mini {

    width: 15px;

    height: 15px;

}

.load.little {

    width: 25px;

    height: 25px;

}

.load {

    width: 60px;

    height: 60px;

}

.load:before,

.load:after {

    display: flex;

    position: absolute;

    content: "";

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

    border-radius: 50%;

    width: 55%;

    height: 55%;

}

.load:before {

    right: 0;

    bottom: 0;

    animation: scaleChange_1 infinite linear 1s;

}

.load:after {

    top: 0;

    left: 0;

    animation: scaleChange_2 infinite linear 1s;

}

.load.dark:before,

.load.dark:after {

    background: transparent;

}

.load.mini:after {

    border-width: 2px;

}

.load.little:after {

    border-width: 3px;

}

.load:after {

    border-width: 8px;

}



/*--- Style 5 ---*/

.load-2 {

    display: flex;

    position: relative;

    animation: rotateLoad infinite linear 1s;

}

.load-2.mini {

    width: 15px;

    height: 15px;

}

.load-2.little {

    width: 25px;

    height: 25px;

}

.load-2 {

    width: 60px;

    height: 60px;

}

.load-2:before,

.load-2:after {

    display: flex;

    position: absolute;

    content: "";

    background: #fff;

    border-radius: 50%;

    width: 55%;

    height: 55%;

}

.load-2:before {

    right: 0;

    bottom: 0;

    animation: scaleChange_1 infinite linear 1s;

}

.load-2:after {

    top: 0;

    left: 0;

    animation: scaleChange_2 infinite linear 1s;

}

.load-2.dark:before,

.load-2.dark:after {

    background: transparent;

}

.load-2.mini:after {

    border-width: 2px;

}

.load-2.little:after {

    border-width: 3px;

}

.load-2:after {

    border-width: 8px;

}



/*--- Style 6 ---*/

.load-3 {

    display: flex;

    position: relative;

    animation: rotateLoad infinite linear 1s;

}

.load-3.mini {

    width: 15px;

    height: 15px;

}

.load-3.little {

    width: 25px;

    height: 25px;

}

.load-3 {

    width: 60px;

    height: 60px;

}

.load-3:before,

.load-3:after {

    display: flex;

    position: absolute;

    content: "";

    background: #222;

    border-radius: 50%;

    width: 55%;

    height: 55%;

}

.load-3:before {

    right: 0;

    bottom: 0;

    animation: scaleChange_1 infinite linear 1s;

}

.load-3:after {

    top: 0;

    left: 0;

    animation: scaleChange_2 infinite linear 1s;

}

.load-3.dark:before,

.load-3.dark:after {

    background: transparent;

}

.load-3.mini:after {

    border-width: 2px;

}

.load-3.little:after {

    border-width: 3px;

}

.load-3:after {

    border-width: 8px;

}



/*--- Style 7 ---*/

.spin-load-1 {

    width: 56px;

    max-width: 56px;

    height: 56px;

    display: inline-grid;

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

    border-radius: 50%;

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

    animation: rotateLoad infinite linear 1s;

}



.spin-load-1:before, .spin-load-1:after {

    content: "";

    grid-area: 1/1;

    margin: 2.2px;

    border: inherit;

    border-radius: 50%;

}

.spin-load-1:before {

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

    animation: inherit;

    animation-duration: 0.5s;

    animation-direction: reverse;

    opacity: 0.6;

}

.spin-load-1:after {

    margin: 8.9px;

}





/*--- Style 8 ---*/

.loader-wrap {

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    z-index: 999;

    background-color: #000000;

}



.cssload-loader {

    position: absolute;

    left: 50%;

    top: 50%;

    width: 78.284271247462px;

    height: 78.284271247462px;

    margin-left: -39.142135623731px;

    margin-top: -39.142135623731px;

    border-radius: 100%;

    animation-name: cssload-loader;

    -o-animation-name: cssload-loader;

    -ms-animation-name: cssload-loader;

    -webkit-animation-name: cssload-loader;

    -moz-animation-name: cssload-loader;

    animation-iteration-count: infinite;

    -o-animation-iteration-count: infinite;

    -ms-animation-iteration-count: infinite;

    -webkit-animation-iteration-count: infinite;

    -moz-animation-iteration-count: infinite;

    animation-timing-function: linear;

    -o-animation-timing-function: linear;

    -ms-animation-timing-function: linear;

    -webkit-animation-timing-function: linear;

    -moz-animation-timing-function: linear;

    animation-duration: 2.4s;

    -o-animation-duration: 2.4s;

    -ms-animation-duration: 2.4s;

    -webkit-animation-duration: 2.4s;

    -moz-animation-duration: 2.4s;

}



.cssload-loader .cssload-side {

    display: block;

    width: 10px;

    height: 33px;

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

    margin: 3px;

    position: absolute;

    border-radius: 50%;

    animation-duration: 0.895s;

    -o-animation-duration: 0.895s;

    -ms-animation-duration: 0.895s;

    -webkit-animation-duration: 0.895s;

    -moz-animation-duration: 0.895s;

    animation-iteration-count: infinite;

    -o-animation-iteration-count: infinite;

    -ms-animation-iteration-count: infinite;

    -webkit-animation-iteration-count: infinite;

    -moz-animation-iteration-count: infinite;

    animation-timing-function: ease;

    -o-animation-timing-function: ease;

    -ms-animation-timing-function: ease;

    -webkit-animation-timing-function: ease;

    -moz-animation-timing-function: ease;

}



.cssload-loader .cssload-side:nth-child(1),

.cssload-loader .cssload-side:nth-child(5) {

    transform: rotate(0deg);

    -o-transform: rotate(0deg);

    -ms-transform: rotate(0deg);

    -webkit-transform: rotate(0deg);

    -moz-transform: rotate(0deg);

    animation-name: cssload-rotate0;

    -o-animation-name: cssload-rotate0;

    -ms-animation-name: cssload-rotate0;

    -webkit-animation-name: cssload-rotate0;

    -moz-animation-name: cssload-rotate0;

}



.cssload-loader .cssload-side:nth-child(3),

.cssload-loader .cssload-side:nth-child(7) {

    transform: rotate(90deg);

    -o-transform: rotate(90deg);

    -ms-transform: rotate(90deg);

    -webkit-transform: rotate(90deg);

    -moz-transform: rotate(90deg);

    animation-name: cssload-rotate90;

    -o-animation-name: cssload-rotate90;

    -ms-animation-name: cssload-rotate90;

    -webkit-animation-name: cssload-rotate90;

    -moz-animation-name: cssload-rotate90;

}



.cssload-loader .cssload-side:nth-child(2),

.cssload-loader .cssload-side:nth-child(6) {

    transform: rotate(45deg);

    -o-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    -webkit-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    animation-name: cssload-rotate45;

    -o-animation-name: cssload-rotate45;

    -ms-animation-name: cssload-rotate45;

    -webkit-animation-name: cssload-rotate45;

    -moz-animation-name: cssload-rotate45;

}



.cssload-loader .cssload-side:nth-child(4),

.cssload-loader .cssload-side:nth-child(8) {

    transform: rotate(135deg);

    -o-transform: rotate(135deg);

    -ms-transform: rotate(135deg);

    -webkit-transform: rotate(135deg);

    -moz-transform: rotate(135deg);

    animation-name: cssload-rotate135;

    -o-animation-name: cssload-rotate135;

    -ms-animation-name: cssload-rotate135;

    -webkit-animation-name: cssload-rotate135;

    -moz-animation-name: cssload-rotate135;

}



.cssload-loader .cssload-side:nth-child(1) {

    top: 39.142135623731px;

    left: 78.284271247462px;

    margin-left: -5px;

    margin-top: -16px;

}



.cssload-loader .cssload-side:nth-child(2) {

    top: 67.213203431093px;

    left: 67.213203431093px;

    margin-left: -5px;

    margin-top: -16px;

}



.cssload-loader .cssload-side:nth-child(3) {

    top: 78.284271247462px;

    left: 39.142135623731px;

    margin-left: -5px;

    margin-top: -16px;

}



.cssload-loader .cssload-side:nth-child(4) {

    top: 67.213203431093px;

    left: 11.071067816369px;

    margin-left: -5px;

    margin-top: -16px;

}



.cssload-loader .cssload-side:nth-child(5) {

    top: 39.142135623731px;

    left: 0px;

    margin-left: -5px;

    margin-top: -16px;

}



.cssload-loader .cssload-side:nth-child(6) {

    top: 11.071067816369px;

    left: 11.071067816369px;

    margin-left: -5px;

    margin-top: -16px;

}



.cssload-loader .cssload-side:nth-child(7) {

    top: 0px;

    left: 39.142135623731px;

    margin-left: -5px;

    margin-top: -16px;

}



.cssload-loader .cssload-side:nth-child(8) {

    top: 11.071067816369px;

    left: 67.213203431093px;

    margin-left: -5px;

    margin-top: -16px;

}



/*--- Style 9 ---*/

.sk-circle {

    margin: 100px auto;

    width: 70px;

    height: 70px;

    position: relative;

}

.sk-circle .sk-child {

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0;

}

.sk-circle .sk-child:before {

    content: "";

    display: block;

    margin: 0 auto;

    width: 15%;

    height: 15%;

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

    border-radius: 100%;

    -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;

    animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;

}

.sk-circle .sk-circle2 {

    -webkit-transform: rotate(30deg);

    -ms-transform: rotate(30deg);

    transform: rotate(30deg);

}

.sk-circle .sk-circle3 {

    -webkit-transform: rotate(60deg);

    -ms-transform: rotate(60deg);

    transform: rotate(60deg);

}

.sk-circle .sk-circle4 {

    -webkit-transform: rotate(90deg);

    -ms-transform: rotate(90deg);

    transform: rotate(90deg);

}

.sk-circle .sk-circle5 {

    -webkit-transform: rotate(120deg);

    -ms-transform: rotate(120deg);

    transform: rotate(120deg);

}

.sk-circle .sk-circle6 {

    -webkit-transform: rotate(150deg);

    -ms-transform: rotate(150deg);

    transform: rotate(150deg);

}

.sk-circle .sk-circle7 {

    -webkit-transform: rotate(180deg);

    -ms-transform: rotate(180deg);

    transform: rotate(180deg);

}

.sk-circle .sk-circle8 {

    -webkit-transform: rotate(210deg);

    -ms-transform: rotate(210deg);

    transform: rotate(210deg);

}

.sk-circle .sk-circle9 {

    -webkit-transform: rotate(240deg);

    -ms-transform: rotate(240deg);

    transform: rotate(240deg);

}

.sk-circle .sk-circle10 {

    -webkit-transform: rotate(270deg);

    -ms-transform: rotate(270deg);

    transform: rotate(270deg);

}

.sk-circle .sk-circle11 {

    -webkit-transform: rotate(300deg);

    -ms-transform: rotate(300deg);

    transform: rotate(300deg);

}

.sk-circle .sk-circle12 {

    -webkit-transform: rotate(330deg);

    -ms-transform: rotate(330deg);

    transform: rotate(330deg);

}

.sk-circle .sk-circle2:before {

    -webkit-animation-delay: -1.1s;

    animation-delay: -1.1s;

}

.sk-circle .sk-circle3:before {

    -webkit-animation-delay: -1s;

    animation-delay: -1s;

}

.sk-circle .sk-circle4:before {

    -webkit-animation-delay: -0.9s;

    animation-delay: -0.9s;

}

.sk-circle .sk-circle5:before {

    -webkit-animation-delay: -0.8s;

    animation-delay: -0.8s;

}

.sk-circle .sk-circle6:before {

    -webkit-animation-delay: -0.7s;

    animation-delay: -0.7s;

}

.sk-circle .sk-circle7:before {

    -webkit-animation-delay: -0.6s;

    animation-delay: -0.6s;

}

.sk-circle .sk-circle8:before {

    -webkit-animation-delay: -0.5s;

    animation-delay: -0.5s;

}

.sk-circle .sk-circle9:before {

    -webkit-animation-delay: -0.4s;

    animation-delay: -0.4s;

}

.sk-circle .sk-circle10:before {

    -webkit-animation-delay: -0.3s;

    animation-delay: -0.3s;

}

.sk-circle .sk-circle11:before {

    -webkit-animation-delay: -0.2s;

    animation-delay: -0.2s;

}

.sk-circle .sk-circle12:before {

    -webkit-animation-delay: -0.1s;

    animation-delay: -0.1s;

}



/*--- Style 10 ---*/

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

}



/*--- Style 11 ---*/

.saquare-loader-1 {

    width: 40px;

    height: 40px;

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

    margin: 0px auto;

    -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;

    animation: sk-rotateplane 1.2s infinite ease-in-out;

}

.saquare-loader-2 {

    width: 40px;

    height: 40px;

    background-color: #fff;

    margin: 0px auto;

    -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;

    animation: sk-rotateplane 1.2s infinite ease-in-out;

}

.saquare-loader-3 {

    width: 40px;

    height: 40px;

    background-color: #222;

    margin: 0px auto;

    -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;

    animation: sk-rotateplane 1.2s infinite ease-in-out;

}



/*--- Style 12 ---*/

.line-loader {

    margin: 0px auto;

    width: 80px;

    height: 40px;

    text-align: center;

    font-size: 10px;

}



.line-loader > div {

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

    height: 100%;

    width: 6px;

    display: inline-block;

    -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;

    animation: sk-stretchdelay 1.2s infinite ease-in-out;

}



.line-loader .rect2 {

    -webkit-animation-delay: -1.1s;

    animation-delay: -1.1s;

}



.line-loader .rect3 {

    -webkit-animation-delay: -1s;

    animation-delay: -1s;

}



.line-loader .rect4 {

    -webkit-animation-delay: -0.9s;

    animation-delay: -0.9s;

}



.line-loader .rect5 {

    -webkit-animation-delay: -0.8s;

    animation-delay: -0.8s;

}



.line-loader-2 {

    margin: 0px auto;

    width: 50px;

    height: 40px;

    text-align: center;

    font-size: 10px;

}



.line-loader-2 > div {

    background-color: #fff;

    height: 100%;

    width: 6px;

    display: inline-block;

    -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;

    animation: sk-stretchdelay 1.2s infinite ease-in-out;

}



.line-loader-2 .rect2 {

    -webkit-animation-delay: -1.1s;

    animation-delay: -1.1s;

}



.line-loader-2 .rect3 {

    -webkit-animation-delay: -1s;

    animation-delay: -1s;

}



.line-loader-2 .rect4 {

    -webkit-animation-delay: -0.9s;

    animation-delay: -0.9s;

}



.line-loader-2 .rect5 {

    -webkit-animation-delay: -0.8s;

    animation-delay: -0.8s;

}



.line-loader-3 {

    margin: 0px auto;

    width: 50px;

    height: 40px;

    text-align: center;

    font-size: 10px;

}



.line-loader-3 > div {

    background-color: #222;

    height: 100%;

    width: 6px;

    display: inline-block;

    -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;

    animation: sk-stretchdelay 1.2s infinite ease-in-out;

}



.line-loader-3 .rect2 {

    -webkit-animation-delay: -1.1s;

    animation-delay: -1.1s;

}



.line-loader-3 .rect3 {

    -webkit-animation-delay: -1s;

    animation-delay: -1s;

}



.line-loader-3 .rect4 {

    -webkit-animation-delay: -0.9s;

    animation-delay: -0.9s;

}



.line-loader-3 .rect5 {

    -webkit-animation-delay: -0.8s;

    animation-delay: -0.8s;

}



/* preload animation */

@keyframes loader-rotate {

    0% {

        transform: rotate(0);

    }

    100% {

        transform: rotate(360deg);

    }

}



@keyframes rotateLoad {

    0% {

        transform: rotate(0deg);

    }

    100% {

        transform: rotate(360deg);

    }

}

@keyframes scaleChange_1 {

    0% {

        transform: scale(1);

    }

    50% {

        transform: scale(0);

    }

    100% {

        transform: scale(1);

    }

}

@keyframes scaleChange_2 {

    0% {

        transform: scale(0);

    }

    50% {

        transform: scale(1);

    }

    100% {

        transform: scale(0);

    }

}



@-webkit-keyframes spin {

    0% {

        -webkit-transform: rotate(0deg);

        -ms-transform: rotate(0deg);

        transform: rotate(0deg);

    }

    100% {

        -webkit-transform: rotate(360deg);

        -ms-transform: rotate(360deg);

        transform: rotate(360deg);

    }

}

@keyframes spin {

    0% {

        -webkit-transform: rotate(0deg);

        -ms-transform: rotate(0deg);

        transform: rotate(0deg);

    }

    100% {

        -webkit-transform: rotate(360deg);

        -ms-transform: rotate(360deg);

        transform: rotate(360deg);

    }

}



@keyframes cssload-rotate0 {

    0% {

        -webkit-transform: rotate(0deg);

        transform: rotate(0deg);

    }

    60% {

        -webkit-transform: rotate(180deg);

        transform: rotate(180deg);

    }

    100% {

        -webkit-transform: rotate(180deg);

        transform: rotate(180deg);

    }

}

@-webkit-keyframes cssload-rotate0 {

    0% {

        -webkit-transform: rotate(0deg);

    }

    60% {

        -webkit-transform: rotate(180deg);

    }

    100% {

        -webkit-transform: rotate(180deg);

    }

}

@keyframes cssload-rotate90 {

    0% {

        -webkit-transform: rotate(90deg);

        transform: rotate(90deg);

        transform: rotate(90deg);

    }

    60% {

        -webkit-transform: rotate(270deg);

        transform: rotate(270deg);

        transform: rotate(270deg);

    }

    100% {

        -webkit-transform: rotate(270deg);

        transform: rotate(270deg);

        transform: rotate(270deg);

    }

}

@-webkit-keyframes cssload-rotate90 {

    0% {

        -webkit-transform: rotate(90deg);

        transform: rotate(90deg);

    }

    60% {

        -webkit-transform: rotate(270deg);

        transform: rotate(270deg);

    }

    100% {

        -webkit-transform: rotate(270deg);

        transform: rotate(270deg);

    }

}

@keyframes cssload-rotate45 {

    0% {

        -webkit-transform: rotate(45deg);

        transform: rotate(45deg);

        transform: rotate(45deg);

    }

    60% {

        -webkit-transform: rotate(225deg);

        transform: rotate(225deg);

        transform: rotate(225deg);

    }

    100% {

        -webkit-transform: rotate(225deg);

        transform: rotate(225deg);

        transform: rotate(225deg);

    }

}

@-webkit-keyframes cssload-rotate45 {

    0% {

        -webkit-transform: rotate(45deg);

        transform: rotate(45deg);

    }

    60% {

        -webkit-transform: rotate(225deg);

        transform: rotate(225deg);

    }

    100% {

        -webkit-transform: rotate(225deg);

        transform: rotate(225deg);

    }

}

@keyframes cssload-rotate135 {

    0% {

        -webkit-transform: rotate(135deg);

        transform: rotate(135deg);

        transform: rotate(135deg);

    }

    60% {

        -webkit-transform: rotate(315deg);

        transform: rotate(315deg);

        transform: rotate(315deg);

    }

    100% {

        -webkit-transform: rotate(315deg);

        transform: rotate(315deg);

        transform: rotate(315deg);

    }

}

@-webkit-keyframes cssload-rotate135 {

    0% {

        -webkit-transform: rotate(135deg);

        transform: rotate(135deg);

    }

    60% {

        -webkit-transform: rotate(315deg);

        transform: rotate(315deg);

    }

    100% {

        -webkit-transform: rotate(315deg);

        transform: rotate(315deg);

    }

}

@keyframes cssload-loader {

    0% {

        -webkit-transform: rotate(0deg);

        transform: rotate(0deg);

        transform: rotate(0deg);

    }

    100% {

        -webkit-transform: rotate(360deg);

        transform: rotate(360deg);

        transform: rotate(360deg);

    }

}

@-webkit-keyframes cssload-loader {

    0% {

        -webkit-transform: rotate(0deg);

        transform: rotate(0deg);

    }

    100% {

        -webkit-transform: rotate(360deg);

        transform: rotate(360deg);

    }

}



@-webkit-keyframes sk-circleBounceDelay {

    0%,

    80%,

    100% {

        -webkit-transform: scale(0);

        transform: scale(0);

    }

    40% {

        -webkit-transform: scale(1);

        transform: scale(1);

    }

}



@keyframes sk-circleBounceDelay {

    0%,

    80%,

    100% {

        -webkit-transform: scale(0);

        transform: scale(0);

    }

    40% {

        -webkit-transform: scale(1);

        transform: scale(1);

    }

}



@-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);

    }

}



@-webkit-keyframes sk-rotateplane {

    0% {

        -webkit-transform: perspective(120px);

    }

    50% {

        -webkit-transform: perspective(120px) rotateY(180deg);

    }

    100% {

        -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg);

    }

}



@keyframes sk-rotateplane {

    0% {

        transform: perspective(120px) rotateX(0deg) rotateY(0deg);

        -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);

    }

    50% {

        transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);

        -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);

    }

    100% {

        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);

        -webkit-transform: perspective(120px) rotateX(-180deg)

            rotateY(-179.9deg);

    }

}



@-webkit-keyframes sk-stretchdelay {

    0%,

    40%,

    100% {

        -webkit-transform: scaleY(0.4);

    }

    20% {

        -webkit-transform: scaleY(1);

    }

}



@keyframes sk-stretchdelay {

    0%,

    40%,

    100% {

        transform: scaleY(0.4);

        -webkit-transform: scaleY(0.4);

    }

    20% {

        transform: scaleY(1);

        -webkit-transform: scaleY(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: var(--theme-accent-color);

    z-index: 2;

}



.form-email .email svg path {

    fill: var(--theme-accent-color);

}



.form-email button {

    position: absolute;

    right: 5px;

    top: 5px;

    padding: 17px 60px 17px 35px;

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

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

}



/*--- Checkbox Styles ---*/

.checkbox {

    display: inline-block;

    margin-right: 15px;

    margin-top: 10px;

}

.checkbox input[type="checkbox"] {

    display: none;

}



.checkbox label {

    position: relative;

    font-weight: 600;

    font-size: 13px;

    display: inline-block;

    padding-left: 35px;

    padding-top: 6px;

}



.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 label::before {

    height: 27px;

    width: 27px;

    border: 1px solid;

    border-radius: 0px;

    left: 0px;

    top: 3px;

    color: #ccc;

}



/*Checkmark of the fake checkbox*/

.checkbox label::after {

    height: 7px;

    width: 13px;

    border-left: 2px solid;

    border-bottom: 2px solid;

    transform: rotate(-45deg);

    left: 7px;

    top: 11px;

}



/*Hide the checkmark by default*/

.checkbox input[type="checkbox"] + label::after {

    content: none;

}



/*Unhide on the checked state*/

.checkbox input[type="checkbox"]:checked + label::after {

    content: "";

    color: #fff;

}



/*Adding focus styles on the outer-box of the fake checkbox*/

.checkbox input[type="checkbox"]:focus + label::before {

    outline: none;

}



.checkbox input[type="checkbox"]:checked + label::before {

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

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

}



/*--- 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-secondary-color);

    border-radius: 0px;

}



.radio-custom,

.radio:checked + .radio-custom::before {

    border-radius: 50%;

}



.radio-label {

    font-weight: 600;

    font-size: 13px;

}



/* 404

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

.error404 #themesflat-content {

    padding: 130px 0;

}

.error-404 {

    display: flex;

    justify-content: space-between;
    

    align-items: center;

    margin: 0 80px;

}

.error-404-text {

    display: flex;

    flex-direction: column;

    justify-content: space-between;

}

.error-404-text h2 {

    margin-bottom: 28px;

}



.error-404-text h2.error-heading {

    font-size: 48px;

    font-style: normal;

    font-weight: 700;

    line-height: 57px;

    letter-spacing: -1.44px;

    color: #030014;

    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-btn {

    margin-top: 20px;

}



.error-404-btn a{

    color: #fff;

    height: 51px;

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

    border: 1px solid transparent;

}

.error-404-btn a:hover {

    background-color: #030014;

    border-color: #fff;

    color: #fff;

}



.error-404-text h4 span {

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

}



.error-404-bg  {

    margin-left: 102px;

}



.error404 .go-top {

    display: none;

}



.error404 .wrap-button-404 .themesflat-button {

    padding: 22px 43px;

    line-height: normal;

}



.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: var(--theme-accent-color);

    border-radius: 3px;

}



.button-primary {

    color: #fff;

}





.bg-404 {

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

}



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

}



/* 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: var(--theme-primary-color);

}



.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: "munai";

    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;

}



/* Info Footer

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

.info-footer {

    transform: translateY(-54%);

}



.info-footer .wrap-info {

    position: relative;

    padding: 39px 73px 39px 67px;

    display: flex;

    justify-content: space-between;

    align-items: center;

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

    border-radius: 5px;

}



.info-footer .wrap-info .info-text .text {

    color: #fff;

    margin-bottom: 0;

    font-size: 30px;

}

.info-footer .wrap-info .info-button .wrap-btn-infor-footer {

    margin-top: 4px;

}



.info-footer .wrap-info .info-button .themesflat-button {

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

    padding: 23px 41px 22px 40px;

}



/* Action box headings

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

.cta {

    margin-bottom: -138px;

    position: relative;

    z-index: 10;

}



.themesflat-container {

    position: relative;

    margin-left: auto;

    margin-right: auto;

    padding-right: 15px;

    padding-left: 15px;

    width: 1320px;

    max-width: 100%;

}



.cta-wrapper {

    border-radius: 30px;

    background: #6844ED;

    padding: 80px 80px 76px 80px;

    display: flex;

    justify-content: space-between;

    position: relative;

    overflow: hidden;

}

.cta-wrapper .ellipse {

    position: absolute;

    left: 50%;

    bottom: 0;

    background-color: rgba(255, 255, 255, 0.05);

    border-radius: 50%;

    border: 1px solid rgba(255, 255, 255, 0.10);

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

    z-index: 0;

}

.cta-wrapper .ellipse.item1 {

    width: 200px;

    height: 200px;

    animation: ellipse1 3s linear 0s infinite;

}

.cta-wrapper .ellipse.item2 {

    width: 290px;

    height: 290px;

    animation: ellipse1 3s linear 0s infinite;

    animation-delay: 0.5s;

}

.cta-wrapper .ellipse.item3 {

    width: 394px;

    height: 394px;

    animation: ellipse1 3s linear 0s infinite;

    animation-delay: 1s;

}

.cta-wrapper .ellipse.item4 {

    width: 496px;

    height: 496px;

    animation: ellipse1 3s linear 0s infinite;

    animation-delay: 1.5s;

}

@keyframes ellipse1 {

    0% {

        transform: translate(-50%, 55%) scale(1.0);

        opacity: 0;

    }

    

    20% {

        transform: translate(-50%, 55%) scale(1.25);

        opacity: 1;

    }

    100% {

        transform: translate(-50%, 55%) scale(1.5);

        opacity: 0;

    }

}



.cta-title h6 {

    color: #fff;

    line-height: 13px;

    letter-spacing: -0.54px;

    margin-bottom: 23px;

}

.cta-content {

    z-index: 1;

}



.cta-title h2 {

    color: #fff;

    line-height: 49.5px;

    letter-spacing: -1.44px;

    margin: 0;

}

.cta-content p {

    line-height: 26.5px;

    color: #fff;

    font-size: 18px;

    margin-bottom: 28px;

    margin-top: -2px;

    font-weight: 400;

}

.cta-title h2 span {

    font-style: italic;

    font-family: 'Playfair Display';

}

.cta-content .action-box-btns {

    display: flex;

    gap: 20px;

}

.cta-content .action-box-btns a {

    font-weight: 700;

    font-size: 16px;

    height: 51px;

    text-transform: capitalize;

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

}

.cta-content .action-box-btns a i {

    font-size: 12px;

    font-style: normal;

    font-weight: 400;

    line-height: normal;

}

.cta-content .action-box-btns .tf-button {

    display: inline-flex;

    padding: 20px 28px;

    align-items: center;

    gap: 7px;

    border-radius: 14px;

    border: 1px solid transparent;

    background-color: #fff;

}

.cta-content .action-box-btns .tf-button.active {

    background-color: transparent;

    color: #fff;

    border: 1px solid #fff;

}

.cta-content .action-box-btns .tf-button:hover {

    color: #fff;

    background-color: transparent;

    border-color: #fff;

}

.cta-content .action-box-btns .tf-button.active:hover {

    color: #030014;

    background-color: #fff;

}







.themesflat-action-box {

    position: relative;

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

    background-size: cover;

    background-position: center center;

    border-radius: 30px;

    margin-bottom: -187px;

    z-index: 5;

}





.themesflat-action-box  .wrap-content-box {

    border-radius: 30px;

    padding: 80px;

    display: flex;

    justify-content: space-between;

}





.themesflat-action-box h5 {

    margin-bottom: 0;

}



.themesflat-action-box .content-right {

    text-align: left;

}



.themesflat-action-box a {

    font-weight: 700;

    font-size: 16px;

    height: 51px;

    text-transform: capitalize;

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

}



.themesflat-action-box a:hover {

    background: transparent;

    color: #fff;

}



.themesflat-action-box .content-right {

    display: flex;

    flex-direction: column;

    gap: 35px;

}



.themesflat-action-box  .content-right .content-right-buttons {

    display: flex;

    gap: 20px;

}

.themesflat-action-box  .content-right .content-right-buttons a i{

    font-size: 12px;

    font-style: normal;

    font-weight: 400;

    line-height: normal;

}



.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: 37%;

    left: calc(50% - 50px);

    border-radius: 50%;

    border: 1px solid #fff;

    z-index: 5;

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

}



.video-video-box-button-sm button {

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

    font-size: 20px;

    background: #fff;

    width: 80px;

    height: 80px;

    padding: 0;

    line-height: normal;

    margin: 15px;

    -webkit-transition-duration: 0.3s;

    transition-duration: 0.3s;

    border-radius: 50%;

}



.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: 75px;

    height: 75px;

    font-size: 18px;



}



/* Partner box

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

.themesflat-partner-box {

    padding: 50px 0;

}

.themesflat-partner-box .client-carousel .item-client {

    vertical-align: middle;

    text-align: center;

}



.partner-box img {

    margin-left: auto;

    margin-right: auto;

}



.partner-box img {

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

    -webkit-transform-style: preserve-3d;

    -webkit-filter: grayscale(100%);

    opacity: 0.5;

}



.partner-box img:hover {

    -webkit-filter: grayscale(0%);

    opacity: 1;

}



/* Social Share

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

.social-share-article h6 {

    display: inline-block;

    margin-right: 24px;

}



.social-share-article ul {

    display: inline-flex;

    list-style: none;

    margin: 0;

    gap: 10px;

}



.social-share-article ul li {

    background: unset;

}



.social-share-article ul li a {

    width: 40px;

    height: 40px;

    font-size: 16px;

    font-weight: 400;

    line-height: normal;

    border-radius: 50%;

    background: rgba(104, 68, 237, 0.20);

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

    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 {

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

    color: #fff;

}



.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-munai-grow2 {

    font-size: 15px;

    vertical-align: super;

    margin-right: 2px;

    margin-top: 6px;

    display: inline-flex;

    margin-left: 3px;

}



.widget-infor .group-icon .icon-munai-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-widgets .widgets-areas .widget.widget_nav_menu ul.menu {

    margin-top: -22px;

}



.footer-widgets .wrap-widgets-2 {

    text-align: left;

}

.footer-widgets .wrap-widgets-2 .widget.widget_nav_menu {

    margin-left: 36px;

}



.footer-widgets .wrap-widgets-5 form {

    margin-top: -6px;

}

.footer-widgets .wrap-widgets-5 form input[type="email"]{

    width: 100%;

    height: 60px;

    border-radius: 12px;

    padding: 25px;

}

.footer-widgets .wrap-widgets-5 form button[type="submit"] {

    display: inline-flex;

    padding: 20px 30px;

    align-items: center;

    height: 51px;

    margin-top: 10px;

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

    color: #fff;

    font-size: 16px;

    font-style: normal;

    font-weight: 700;

    line-height: normal;

}

.footer-widgets .wrap-widgets-5 form button[type="submit"] i {

    font-size: 12px;

}



.footer-widgets .wrap-widgets-5 form button[type="submit"]:hover {

    background-color: #fff;

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

}



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

}







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

}



.cursor-resize,

.customizable-carousel {

    cursor: e-resize;

}



.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: var(--theme-primary-color);

}



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

}



.customizable-carousel.owl-carousel .owl-item img {

    width: auto;

}



.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-left: 35px;

}



.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-secondary-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: 50%;

    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: var(--theme-primary-color);

    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 .6s cubic-bezier(.77,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-secondary-color);

    border-radius: 50%;

}



.modal-menu__panel-body::-webkit-scrollbar-thumb,

.modal-menu__panel-footer::-webkit-scrollbar-thumb

{

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

	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-secondary-color);

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

    border-color: var(--theme-secondary-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:before {

    content: "\e929" !important;

    font-family: 'munai' !important;

}



.hesperiden.tparrows.tp-rightarrow:before {

    content: "\e92a" !important;

    font-family: 'munai' !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-secondary-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-secondary-color) 76%,

        #fdd906 100%

    );

    -moz-transform: rotate(315deg);

    -ms-transform: rotate(315deg);

    -webkit-transform: rotate(315deg);

    transform: rotate(315deg);

}



.fiter-portfolio-full .tf-widget-portfolio-wrap .portfolio-filter {

    padding-right: 19.3%;

}



.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-secondary-color) 79%,

        #fdd906 89%,

        var(--theme-secondary-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-secondary-color) 79%,

        #fdd906 89%,

        var(--theme-secondary-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 .wrap-input-submit input[type="submit"] {

    font-family: 'Space Grotesk';

    font-weight: 700;

    font-size: 16px;

    line-height: 11px;

    background-color: #6844ED;

    color: #fff;

    border-radius: 14px;

    padding: 20px 48px 20px 30px;

    height: 51px;

    border: none;

    display: inline-block;

    -webkit-appearance: none;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    transition: all 0.3s ease;

    position: relative;

}

#commentform .wrap-input-submit input[type="submit"]::after {

    content: '\e900';

    font-size: 12px;

    font-family: 'munai';

    font-style: normal;

    font-weight: 400;

    line-height: normal;

    color: red;

}



#commentform .wrap-input-submit input[type="submit"]:hover {

    background: #3308cd;

    color: #fff;

}



.tf-button-elementor .elementor-button::after,

.tf-button-elementor .elementor-button::before {

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

}



/* 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);

}



.single-services .sidebar > .widget {

    margin-bottom: 40px;

}



.single-services .sidebar > .widget.widget_categories {

    margin-bottom: 30px;

}



.single-services .widget .widget-title {

    margin-bottom: 29px;

}



.widget.themesflat_widget_services_categories .widget-title {

    margin-bottom: 31px;

}



.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: var(--theme-accent-color);

}

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

}



/* line Raindrop animation

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

.line_wrap {

    top: 0px;

    left: 50%;

    bottom: 0px;

    width: 100%;

    display: block;

    position: absolute;

    transform: translateX(-50%);

    border-left: 1px solid rgba(0, 0, 0, 0.07);

}



.line_wrap:before {

    width: 1px;

    left: -1px;

    content: "";

    height: 100px;

    position: absolute;

    animation: scroll1 15s ease-out infinite;

    background-image: linear-gradient(0deg, #000000, transparent);

}



.line_wrap .line_item {

    width: 25%;

    float: left;

    height: 100%;

    position: relative;

    display: inline-block;

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

}



.line_wrap .line_item:before {

    width: 1px;

    right: -1px;

    content: "";

    height: 100px;

    position: absolute;

}



.line_wrap .line_item:nth-child(odd):before {

    animation: scroll2 15s ease-out infinite;

    background-image: linear-gradient(0deg, transparent, #000000);

}



.line_wrap .line_item:nth-child(even):before {

    animation: scroll1 15s ease-out infinite;

    background-image: linear-gradient(0deg, #000000, transparent);

}



.line_wrap.line_white {

    border-left: 1px solid rgba(255, 255, 255, 0.07);

}



.line_wrap.line_white:before {

    background-image: linear-gradient(0deg, #ffffff, transparent);

}



.line_wrap.line_white .line_item {

    border-right: 1px solid rgba(255, 255, 255, 0.07);

}



.line_wrap.line_white .line_item:nth-child(odd):before {

    background-image: linear-gradient(0deg, transparent, #ffffff);

}



.line_wrap.line_white .line_item:nth-child(even):before {

    background-image: linear-gradient(0deg, #ffffff, transparent);

}



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

    }

}



/* slider revo */

.tp-bullets .tp-bullet {

    background: transparent !important;

}



.tp-bullet-title {

    display: none;

}



.tp-bullets .tp-bullet:after {

    content: "00";

    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%);

    font-size: 30px;

    font-weight: 500;

    color: #010c2a;

    transition: all 0.3s;

    font-family: "Roboto Slab";

    font-weight: 700;

    font-size: 24px;

    line-height: 30px;

}



.tp-bullets .tp-bullet:nth-child(1):after {

    content: "01";

}



.tp-bullets .tp-bullet:nth-child(2):after {

    content: "02";

}



.tp-bullets .tp-bullet:nth-child(3):after {

    content: "03";

}



.tp-bullets .tp-bullet:nth-child(4):after {

    content: "04";

}



.tp-bullets .tp-bullet.selected:after {

    color: #9000ff;

}



.tp-bullets .tp-bullet.selected:before {

    content: "";

    position: absolute;

    left: 50%;

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

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

    bottom: -10px;

    height: 2px;

    width: 20px;

    background: linear-gradient(246.06deg, #cf00fe -19.26%, var(--theme-accent-color) 87.05%);

}



#slider-home3 .tp-bullets .tp-bullet:after {

    color: #fff;

}



#slider-home3 .tp-bullets .tp-bullet.selected:after {

    background-color: transparent;

    background-image: linear-gradient(180deg, var(--theme-accent-color) 0%, var(--theme-secondary-color) 100%);

    -webkit-background-clip: text;

    -moz-background-clip: text;

    background-clip: text;

    -webkit-text-fill-color: transparent;

}



#slider-home3 .tp-bullets .tp-bullet.selected:before {

    content: "";

    position: absolute;

    left: 50%;

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

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

    bottom: -13px;

    height: 2px;

    width: 20px;

    background: linear-gradient(180deg, var(--theme-accent-color) 0%, var(--theme-secondary-color) 100%);

}



#slider-home3 .tp-bullets .tp-bullet {

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

}



#slider-home3 .tp-bullets .tp-bullet.selected {

    top: -20px !important;

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

}



.sub-title-slider-3,

.sub-title-slider-2,

.sub-title-slider-1 {

    position: relative;

    padding-left: 80px !important;

}



.sub-title-slider-2 {

    padding-left: 70px !important;

}



.sub-title-slider-2::before,

.sub-title-slider-1::before {

    content: "";

    position: absolute;

    top: 50%;

    left: 0%;

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

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

    height: 4px;

    width: 60px;

    background: linear-gradient(

        246.06deg,

        #cf00fe 15.37%,

        rgba(255, 255, 255, 0) 87.05%

    );

}



.sub-title-slider-2::before {

    background: #fff;

}



.sub-title-slider-1::after,

.sub-title-slider-2::after {

    position: absolute;

    width: 15px;

    height: 4px;

    content: "";

    left: 0;

    top: 11px;

    background: linear-gradient(

        to right,

        rgba(255, 255, 255, 1) 0%,

        rgba(255, 255, 255, 0) 100%

    );

    animation: move 2s alternate infinite;

}



@keyframes move {

    from {

        left: 0px;

    }

    to {

        left: 40px;

    }

}



.sub-title-slider-3::before {

    content: "\e90a";

    font-family: "munai";

    color: #fff;

    position: absolute;

    left: 0;

    font-size: 12px;

}



.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: "munai";

    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: var(--theme-accent-color);

}



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

}



/* .error404 #themesflat-content,

.single-post #themesflat-content,

.single-product #themesflat-content,

.blog #themesflat-content,

.woocommerce-shop #themesflat-content,

.tag #themesflat-content,

.category #themesflat-content,

.search #themesflat-content {

    padding-bottom: 130px;

} */



button,

.themesflat-button {

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

}



button:hover,

.themesflat-button:hover {

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

}



.breadcrumbs a:hover, .breadcrumbs span a:hover, .breadcrumbs a:hover span,.breadcrumbs span a:hover span {

    opacity: 0.8 !important;

}





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

}



.single-services .nav-links {

    margin: 54px 0;

    padding: 51px 0 0 0;

}



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

  }

  }



.contact-form-ip {

    position: relative;

    text-align: center;

    padding: 79px 79px 85px 79px;

    border: 1px solid #000000;

    background: #fff;

    z-index: 5;

}



.contact-form-ip .tf-title-section {

    margin-bottom: 49px;

}



.contact-form-ip .tf-title-section .title-section .sub-title {

    padding: 8px 20px 6px 20px;

    color: #fff;

    font-size: 18px;

    font-weight: 600;

    line-height: 26px;

    color: #FFFFFF;

    margin-bottom: 27px;

}



.contact-form-ip .tf-title-section .title-section  .heading {

    margin: 0 24%;

    font-family: 'Nunito';

font-weight: 600;

font-size: 42px;

line-height: 120%;

letter-spacing: -0.02em;

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



}



.contact-form-ip .top {

    display: flex;

    margin-left: -30px;

    margin-bottom: 30px;

}



.contact-form-ip .top .wpcf7-form-control-wrap {

    width: calc(33.33333% - 30px);

    margin-left: 30px;

}



.contact-form-ip .top .wpcf7-form-control-wrap input {

    margin-bottom: 0;

    width: 100%;

    padding: 24px 20px 21px 24px;

    background: transparent;

    border: none;

    border-radius: 0;

    font-family: 'Nunito';

    font-weight: 400;

    font-size: 16px;

    line-height: 110%;

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

}

.contact-form-ip .top .wpcf7-form-control-wrap input::placeholder,

.contact-form-ip .bottom1 textarea::placeholder {

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

    font-family: 'Nunito';

    font-weight: 400;

    font-size: 16px;

    line-height: 110%;

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

}

.contact-form-ip .top .wpcf7-form-control-wrap input:focus,

.contact-form-ip .bottom1 textarea:focus {

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

    color: #fff;

}



.contact-form-ip .bottom1 textarea {

    font-family: 'Nunito';

    font-weight: 400;

    font-size: 16px;

    line-height: 110%;

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

    padding: 24px 20px 20px 24px;

    height: 130px;

    background: transparent;

}



.contact-infor-form {

    background: #3e483c;

    padding: 62px 30px;

    padding-right: 24px;

    padding-left: 28px;

    padding-bottom: 66px;

}



.contact-infor-form input {

    background: transparent;

    border: 1px solid #566258;

    border-radius: 5px;

    color: #fff;

    font-family: 'Nunito';

    font-weight: 400;

    font-size: 15px;

    text-transform: capitalize;

    padding: 29px 30px 7px 12px;

    margin-bottom: 10px;

    border-radius: 3px;

}



.contact-infor-form .name-lb,

.contact-infor-form .email-lb,

.contact-infor-form .phone-lb {

    position: relative;

}



.contact-infor-form label {

    position: absolute;

    top: 6px;

    left: 12px;

    color: #798883;

    font-family: 'Nunito';

    font-weight: 400;

    font-size: 15px;

    text-transform: capitalize;

}



.contact-infor-form input::placeholder {

    color: #fff;

    font-family: 'Nunito';

    font-weight: 400;

    font-size: 15px;

    text-transform: capitalize;

}



.contact-infor-form button {

    width: 100%;

    text-align: center;

    justify-content: center;

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

    color: #3e483d;

    padding: 18px 10px 16px 10px;

    margin-top: 40px;

    text-transform: uppercase;

    font-size: 14px;

    font-weight: 700;

}



.contact-infor-form button:hover {

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

    color: #fff;

}



.contact-infor-form .name-lb input,

.contact-infor-form .email-lb input,

.contact-infor-form .phone-lb input {

    background-image: url(../images/user.png);

    background-position: 96% 50%;

    background-repeat: no-repeat;

}



.contact-infor-form .email-lb input {

    background-image: url(../images/mail.png);

}



.contact-infor-form .phone-lb input {

    background-image: url(../images/phone.png);

}



.contact-page {



}



.contact-page .group-ip {

    display: flex;

    align-items: center;

    gap: 30px;

    width: 100%;

}



.contact-page input,

.contact-page textarea {

    padding: 15px 20px;

    background: #f7f0ea;

    width: 100%;

    margin-bottom: 30px;

}



.contact-page .group-ip span {

    width: 100%;

}



.contact-page textarea { 

    height: 200px;

}



.contact-page button {

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

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

}



.contact-page button:hover {

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

    color: #fff;

}



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

}



/* .single .page-wrap.sidebar-right .widget-area {

    width: 28.7%;

} */



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

    width: 66.66666667%;

    padding-left: 3px;

}



.shape-slider {

    clip-path: polygon(0 0, 100% 0, 100% 91%, 50% 100%, 0 91%);

}



.single .post-wrap .entry-footer {

    margin-bottom: 40px;

    padding-top: 40px;

}

.single .post-wrap .wg-review {

    padding: 40px 50px;

    background: #EBEBFD;

    border-radius: 10px;

    border: 1.2px solid rgba(104, 68, 237, 0.20);

    display: flex;

    gap: 50px;

    margin-bottom: 80px;

}



.single .post-wrap .wg-review .content {

    flex: 1;

}

.single .post-wrap .wg-review .image img{

    width: 160px;

    height: 160px;

    border-radius: 50%;

}

.single .post-wrap .wg-review .content h4 {

    letter-spacing: -0.66px;

    margin-bottom: 30px;

    font-family: 'Space Grotesk', sans-serif;

    color: #030014 !important;

    font-weight: 700;

    text-rendering: optimizeLegibility;

}



.single .post-wrap .wg-review .content p {

    margin-bottom: 40px;

}



.single .post-wrap .wg-review ul.wg-social {

    display: flex;  

    align-items: center;

    margin: 0;  

    gap: 35px;

    list-style-type: none;

}



.single .post-wrap .wg-review ul.wg-social li a {

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    line-height: normal;

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

}

.single .post-wrap .wg-review ul.wg-social li a:hover {

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

}



.single .main-single #comments #respond h3#reply-title {

    font-size: 24px;

    font-style: normal;

    font-weight: 700;

    line-height: 36px;

    letter-spacing: -0.72px;

    color: #030014;

} 



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

    flex: 1;

}



.navigation.posts-navigation .nav-links li.next-post .content .post-button a img{

    border-radius: 50%;

}



.box-icon:hover .elementor-icon{

    background-color: #6844ed !important;

    color: #ffffff !important;

}



#logo-mobi {

    padding: 30px 30px 0px;

    z-index: 999999;

    justify-content: flex-start;

}

.search-results .themesflat-button-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.search-results .themesflat-button-container .meta-text  {
    display: flex;
    align-items: center;
    gap: 7px;
}



/* clears the ‘X’ from Internet Explorer */

input[type=search]::-ms-clear { display: none; width : 0; height: 0; }

input[type=search]::-ms-reveal { display: none; width : 0; height: 0; }

/* clears the ‘X’ from Chrome */

input[type="search"]::-webkit-search-decoration,

input[type="search"]::-webkit-search-cancel-button,

input[type="search"]::-webkit-search-results-button,

input[type="search"]::-webkit-search-results-decoration { display: none; }

.ptable-features-list > li svg {
    max-width: 20px;
    max-height: 20px;
    vertical-align: middle;
}

.box-icon:hover .elementor-icon svg * {
    fill: #fff;
}

.tf-team .team-box-social .social {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}