@charset "UTF-8";
/*----------------------------------------------------------------------------------- 

--------------------------
   CSS INDEX
--------------------------
    01. Common css 
    02. Header css
    03. Hero css
    04. Elements css
    05. About css
    06. Service css
    07. Case css
    08. CTA css
    09. Team css
    10. Testimonial css
    11. Headline css
    12. Blog css
    13. Footer css
    14. Pricing css
    15. Shop css
    16. Cart css 
    17. Contact css 
    18. Error css

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

/*---============================
        01. Start COMMON css 
===========================----*/
/* Base CSS */
:root {
    --primary-color: #ffdf29;
    --primary-dark-color: #000;
    --secondary-dark-color: #111;
    --white--color: #ffffff;
    --alert-color: #FF4375;
    --heading-font: 'Glacial Indifference';
    --body-font: 'Poppins', sans-serif;
}

.font-primary-color {
    color: var(--primary-color);
}

html {
    font-size: 100%;
}

* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

a {
    color: inherit;
    text-decoration: none;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

a:hover,
a:focus {
    color: inherit;
    text-decoration: none;
}

a:focus,
input:focus,
textarea:focus,
button:focus {
    text-decoration: none;
    outline: none;
}

span,
a {
    display: inline-block;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0px;
    font-family: var(--heading-font);
    font-weight: bold;
    opacity: 1;
}

h1 {
    font-size: 58px;
    line-height: 110%;
}

h2 {
    font-size: 46px;
    line-height: 110%;
}

h3 {
    font-size: 28px;
    line-height: 33px;
}

h4 {
    font-size: 24px;
    line-height: 120%;
}

ul,
ol {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

p {
    margin: 0px;
    /* opacity: 0.7; */
}

input,
textarea {
    display: inherit;
}

label {
    margin-bottom: 0;
}

iframe {
    width: 100%;
    border: none;
    display: inherit;
}

img {
    max-width: 100%;
}

body {
    font-weight: normal;
    font-style: normal;
    font-weight: 200;
    font-family: var(--body-font);
    font-size: 16px;
    line-height: 27px;
    color: #fff;
    background-color: var(--primary-dark-color);
    overflow-x: hidden;
}

/*====== Extra CSS ======*/

/* .tab-content.services .tab-pane {
    min-height: 800px;
} */

.section-relative {
    position: relative;
    /* background-image: url(../images/bg-4-1.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover; */
}

.bg4 {
    opacity: .5;
    background-repeat: no-repeat;
    background-position: 100% 0;
    /* background-size: contain; */
    z-index: -1;
    inset: 0;
    position: absolute;
    background-image: url(../images/bg4.webp);
    height: 100vh;
}

.bg_cover {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.slick-slide {
    outline: 0;
}

.form_group {
    position: relative;
}

.form_control {
    width: 100%;
    border: none;
}

textarea.form_control {
    padding-top: 15px;
    display: inherit;
}

ul.social-link li {
    display: inline-block;
}

.p-r {
    position: relative;
}

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

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

.z-2 {
    z-index: 2;
}

.font-italic {
    font-style: italic;
}

@media (min-width: 1200px) {
    .container-1290 {
        max-width: 1320px;
    }

    .container-1520 {
        max-width: 1544px;
    }

    .container-1590 {
        max-width: 1614px;
    }

    .container-1780 {
        max-width: 1810px;
    }

    .row {
        --bs-gutter-x: 30px;
    }

    .pr-xl-40 {
        padding-right: 40px;
    }
}

.g-0,
.gx-0 {
    --bs-gutter-x: 0 !important;
}

.section-title span.sub-title {
    color: var(--primary-color);
    font-weight: 300;
    line-height: 27px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.overlay {
    position: relative;
    z-index: 1;
}

.overlay:after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(12, 12, 28, 0.60);
    backdrop-filter: blur(3px);
    z-index: -1;
}

/*===== All Bg =====*/

.primary-bg {
    background-color: var(--primary-color);
}

.secondary-dark-bg {
    background-color: var(--secondary-dark-color);
}

.primary-dark-bg {
    background-color: var(--primary-dark-color);
}

/*===== Theme Button =====*/

button {
    border: none;
}

.theme-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px;
    padding: 18px 40px;
    background-color: var(--primary-color);
    color: var(--primary-dark-color);
    transition: all .3s;
}

.theme-btn strong {
    font-weight: 500;
}


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

.theme-btn.style-one {
    border-radius: 32px;
}

.read-more.style-one {
    position: relative;
    padding-right: 28px;
    display: inline-flex;
    align-items: center;
    font-weight: 600;
}

.read-more.style-one span {
    opacity: 0;
    -webkit-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
    -webkit-transform: translate(20px);
    transform: translate(20px);
}

.read-more.style-one i {
    margin-left: 0;
    position: absolute;
    left: 0;
    transition: all 0.4s ease-out 0s;
}

.read-more.style-one:hover span {
    opacity: 1;
    -webkit-transform: translate(0px);
    transform: translate(0px);
}

.read-more.style-one:hover i {
    margin-left: 10px;
    left: calc(100% - 28px);
}

/*====== Start Preloader css ======*/

.preloader {
    bottom: 0;
    height: 100vh;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100vw;
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--white--color);
}

.preloader .loader {
    margin: 0 auto;
    position: relative;
    text-align: center;
}

.preloader .pre-box {
    width: 50px;
    height: 50px;
    background: var(--primary-dark-color);
    -webkit-animation: loaderAnimate 0.5s linear infinite;
    animation: loaderAnimate 0.5s linear infinite;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 3px;
}

.preloader .pre-shadow {
    width: 50px;
    height: 5px;
    background: var(--primary-color);
    opacity: 0.1;
    position: absolute;
    top: 59px;
    left: 0;
    border-radius: 50%;
    -webkit-animation: loaderShadow 0.5s linear infinite;
    animation: loaderShadow 0.5s linear infinite;
}

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

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

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

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

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

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

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

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

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

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

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

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

/*====== Start Back to top css ======*/

.back-to-top {
    border-radius: 50%;
    bottom: 30px;
    color: var(--primary-dark-color);
    cursor: pointer;
    display: none;
    font-size: 20px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    position: fixed;
    right: 30px;
    background-color: var(--primary-color);
    text-align: center;
    text-decoration: none;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    z-index: 337;
}

.back-to-top:focus,
.back-to-top:hover {
    color: var(--primary-dark-color);
}

/*==================== 
    End COMMON css 
======================*/


/*---==========================
   02. Start Header css 
=========================---*/
.transparent-header {
    position: absolute;
    background-color: transparent;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
}

/* Header Navigation Default */

/* .header-navigation{
    border-bottom: 2px solid rgba(255, 223, 40);
} */
.header-navigation .nav-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    visibility: hidden;
    opacity: 0;
    z-index: 9999;
}

.header-navigation .nav-overlay.active {
    visibility: visible;
    opacity: 1;
}

.site-branding .brand-logo {
    max-width: 200px;
}

.header-navigation .primary-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.header-navigation .main-menu ul li {
    display: inline-block;
    position: relative;
}

.header-navigation .main-menu ul li:first-child>a {
    padding-left: 0px;
}

.header-navigation .main-menu ul li>a {
    display: block;
    font-size: 18px;
    color: #fff;
    text-transform: capitalize;
    font-weight: 200;
    padding: 24px 12px;
    line-height: 28px;
}

.header-navigation.breakpoint-on .freedomai-nav-menu .main-menu ul>li>a.nav-link.active,
.header-navigation .main-menu ul li>a.active {
    color: var(--blue-dark);
}

.header-navigation .main-menu ul li .sub-menu {
    position: absolute;
    left: 0;
    top: 120%;
    min-width: 220px;
    background-color: #fff;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    z-index: 99;
    padding: 10px 0;
    height: auto;
    border-radius: 7px;
    -webkit-box-shadow: 0 30px 70px 0 rgb(137 139 142 / 15%);
    box-shadow: 0 30px 70px 0 rgb(137 139 142 / 15%);
}

.header-navigation .main-menu ul li .sub-menu li {
    display: block;
    margin: 0;
}

.header-navigation .main-menu ul li .sub-menu li:last-child>a {
    border-bottom: none;
}

.header-navigation .main-menu ul li .sub-menu li a {
    display: block;
    padding: 0 20px 0;
    position: relative;
    -webkit-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    border-radius: 0;
    line-height: 45px;
    margin: 0;
    color: var(--primary-dark-color);
}

.header-navigation .main-menu ul li .sub-menu li .sub-menu {
    left: 100%;
    top: 50%;
}

.header-navigation .main-menu ul li .sub-menu li:hover .sub-menu {
    top: 0%;
}

.header-navigation .main-menu ul li .sub-menu li:hover>a {
    color: #98c300;
}

.header-navigation .main-menu ul li:hover>a {
    color: var(--primary-color);
}

.header-navigation .main-menu ul li>a.active:after {
    width: 100%;
}

.header-navigation .main-menu ul li:hover>.sub-menu {
    opacity: 1;
    visibility: visible;
    top: 100%;
}

.header-navigation .main-menu ul li .dd-trigger {
    margin-left: 5px;
}

/* Header Responsive */

.header-navigation.breakpoint-on {
    padding: 15px 0;
}

.header-navigation.breakpoint-on .primary-menu {
    padding-bottom: 15px;
}

.header-navigation.breakpoint-on .freedomai-nav-menu {
    text-align: left;
    background-color: var(--primary-dark-color);
    position: fixed;
    top: 0;
    left: -300px;
    z-index: 9999;
    width: 300px;
    height: 100%;
    -webkit-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms;
    padding: 0;
    -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    display: block;
    overflow-x: hidden;
    overflow-y: scroll;
    padding-top: 70px;
}

.header-navigation.breakpoint-on .freedomai-nav-menu.menu-on {
    left: 0;
}

.header-navigation.breakpoint-on .freedomai-nav-menu .main-menu ul li {
    display: block;
    margin: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.header-navigation.breakpoint-on .freedomai-nav-menu .main-menu ul li:last-child {
    border-bottom: 0;
}

.header-navigation.breakpoint-on .freedomai-nav-menu .main-menu ul li.active .sub-menu {
    border-top: 1px solid #ececec;
}

.header-navigation.breakpoint-on .freedomai-nav-menu .main-menu ul li a {
    display: block;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    color: var(--heading);
    padding: 13px 20px;
}

.header-navigation.breakpoint-on .freedomai-nav-menu .main-menu ul li a:after {
    display: none;
}

.header-navigation.breakpoint-on .freedomai-nav-menu .main-menu ul li .sub-menu {
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: transparent;
    visibility: visible;
    opacity: 1;
    display: none;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

.header-navigation.breakpoint-on .freedomai-nav-menu .main-menu ul li .sub-menu li a {
    color: #fff;
    padding: 0px 20px 0 40px;
    line-height: 45px;
}

.header-navigation.breakpoint-on .freedomai-nav-menu .main-menu ul li .sub-menu li a:hover {
    border-color: rgba(255, 255, 255, 0.5);
}

.header-navigation .main-menu ul>li.has-children .sub-menu li.has-children:hover>a:after {
    color: var(--blue-dark);
}

.header-navigation.breakpoint-on .freedomai-nav-menu .main-menu ul li .dd-trigger {
    display: block;
    position: absolute;
    right: 0;
    height: 44px;
    width: 45px;
    top: 0;
    border-left: 1px solid rgba(255, 255, 255, 0.1);
    z-index: 2;
    background: transparent;
    text-align: center;
    line-height: 45px;
    cursor: pointer;
    color: var(--primary-color);
    font-size: 20px;
}

.header-navigation.breakpoint-on .freedomai-nav-menu .main-menu.menu-on {
    left: 0;
}

.header-navigation.breakpoint-on .freedomai-nav-menu .main-menu ul li.search-item {
    display: none;
}

/* .brand-logo img {
    padding: 0 20px;
} */

.header-navigation.breakpoint-on .navbar-close,
.header-navigation.breakpoint-on .navbar-toggler {
    display: block;
}

.header-navigation .navbar-toggler {
    display: none;
    padding: 0;
    border: none;
    background-color: transparent;
    cursor: pointer;
}

.header-navigation .navbar-toggler span {
    position: relative;
    background-color: var(--primary-color);
    border-radius: 3px;
    display: block;
    height: 3px;
    margin-top: 5px;
    padding: 0;
    -webkit-transition-duration: 300ms;
    -o-transition-duration: 300ms;
    transition-duration: 300ms;
    width: 30px;
    cursor: pointer;
    display: block;
}

.header-navigation .navbar-toggler.active span:nth-of-type(1) {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    top: 8px;
}

.header-navigation .navbar-toggler.active span:nth-of-type(2) {
    opacity: 0;
}

.header-navigation .navbar-toggler.active span:nth-of-type(3) {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    top: -8px;
}

.header-navigation .navbar-close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 12;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    display: none;
    cursor: pointer;
    background: var(--blue-dark);
}

.header-navigation .navbar-close i {
    color: #fff;
    font-size: 20px;
}

.navigation-white .navbar-toggler span {
    background-color: #fff;
}

/* Nav Right Item */

.nice-select {
    padding: 0 10px;
}

.nice-select:after {
    font-family: 'Font Awesome 5 Pro';
    content: '\f107';
    margin-left: 7px;
}

.nice-select .option {
    color: var(--primary-dark-color);
}

.nice-select .option {
    padding-left: 10px;
    padding-right: 10px;
}

.nav-right-item {
    display: flex;
    align-items: center;
}

.nav-right-item .lang-dropdown {
    display: flex;
    align-items: center;
}

.nav-right-item .lang-dropdown .nice-select {
    border: none;
}

.nav-right-item a {
    display: flex;
    align-items: center;
    margin-left: 37px;
}

.nav-right-item a i {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: var(--primary-color);
    color: var(--primary-dark-color);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 10px;
}

.nav-right-item .navbar-toggler {
    margin-left: 50px;
}


/* Header Sticky */

.header-navigation.sticky {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    padding: 0 70px;
    z-index: 999;
    border-color: transparent;
    background-color: var(--primary-dark-color);
    -webkit-animation: sticky 1.2s;
    animation: sticky 1.2s;
}

@-webkit-keyframes sticky {
    0% {
        top: -200px;
    }

    100% {
        top: 0;
    }
}

@keyframes sticky {
    0% {
        top: -200px;
    }

    100% {
        top: 0;
    }
}

/*---==========================
            End Header css 
==========================---*/


/*=========================
    0.3 Start Hero  css 
=========================*/

.gradient-black {
    background-image: linear-gradient(0deg, #000, transparent 50%, #000);
    z-index: 1;
    inset: 0;
    position: absolute;
}

.hero-wrapper {
    position: relative;
    z-index: 1;
    height: calc(100vh - 76px);
    background: url(../images/hero.jpg) no-repeat top center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    display: flex;
    align-items: center !important;

}

.hero-wrapper .shape {
    position: absolute;
}

.hero-wrapper .shape.shape-one {
    left: 7%;
}

.hero-wrapper .hero-content {
    position: relative;
    z-index: 2;
}

.hero-wrapper .hero-content h1 {
    margin-bottom: 50px;
    font-size: 80px;
    line-height: 80px;
}

.hero-wrapper .hero-content h1 span {
    color: var(--primary-color);
}

.hero-wrapper .hero-content h1 .theme-btn {
    padding: 12px 12px 12px 30px;
    border-radius: 50px;
    margin-left: 25px;
}

.hero-wrapper .hero-content h1 .theme-btn i {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--primary-dark-color);
    color: var(--white--color);
    margin-left: 30px;
}

/* .hero-wrapper .hero-content h1 span{
    margin-left: 25px;
    margin-right: 25px;
} */

/* Hero Wrapper Two */

.hero-wrapper-two {
    padding: 180px 0 90px;
}

.hero-wrapper-two .hero-content h1 {
    margin-bottom: 40px;
}

.hero-wrapper-two .hero-content p {
    margin-bottom: 40px;
}

.newsletter-form .form-group {
    position: relative;
    margin-bottom: 0;
    max-width: 720px;
}

.newsletter-form label {
    position: absolute;
    top: 26px;
    left: 40px;
}

.newsletter-form input {
    max-width: 720px;
    width: 100%;
    background-color: transparent;
    border-radius: 40px;
    border: 1px solid rgba(255, 255, 255, 0.20);
    background: rgba(255, 255, 255, 0.10);
    padding: 25px 30px 26px 70px;
    color: rgba(255, 255, 255, 0.7);
}

.newsletter-form input::placeholder {
    color: rgba(255, 255, 255, 0.7);
}

.newsletter-form .theme-btn {
    padding: 20px 40px;
    position: absolute;
    top: 8px;
    right: 8px;
    line-height: 24px;
}

.newsletter-form .theme-btn:hover {
    background-color: var(--primary-dark-color);
    color: var(--white--color);
}

/* page banner css */

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

.page-banner .shape.shape-one {
    left: 110px;
    bottom: 60px;
}

.page-banner .shape.shape-two {
    top: 150px;
    right: 20%;
}

.page-banner .shape.shape-three {
    bottom: 0;
    right: 0;
}

.page-banner-content h1 {
    font-size: 56px;
    line-height: 110%;
    margin-bottom: 15px;
    z-index: 2;
    position: relative;
}

.page-banner-content h3 {
    z-index: 2;
    position: relative;
}

.page-banner-content p {
    margin-bottom: 50px;
}

.breadcrumb-link {
    display: flex;
    align-items: center;
    justify-content: center;
}

.breadcrumb-link li.active {
    color: var(--primary-color);
}

.breadcrumb-link li:not(:last-child):after {
    content: '-';
    margin-right: 8px;
    margin-left: 8px;
}

/*=======================
    End Hero  css 
=========================*/



/*=======================
    Start Elements  css 
=========================*/

.iconic-box.style-one {
    position: relative;
    padding: 40px 40px 35px;
    background-color: var(--secondary-dark-color);
    z-index: 1;
    transition: all .3s;
}

.iconic-box.style-one .box-shape {
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    opacity: 0;
}

.iconic-box.style-one:hover .box-shape {
    opacity: 1;
}

.iconic-box.style-one:hover h4 {
    color: var(--primary-dark-color);
}


.iconic-box.style-one:hover {
    background-color: var(--primary-color);
    color: var(--primary-dark-color);
}

.iconic-box.style-one:hover .content p {
    color: var(--primary-dark-color);
    opacity: 1;
}

.iconic-box.style-one .icon {
    font-size: 40px;
    height: 40px;
    margin-bottom: 30px;
}

.iconic-box.style-one .content h2 {
    margin-bottom: 15px;
    color: var(--primary-color);
}

.iconic-box.style-one .content p {
    margin-bottom: 25px;
}

.iconic-box.style-two {
    padding: 40px 27px 35px;
    background-color: var(--secondary-dark-color);
    border: 2px solid rgba(255, 255, 255, 0.10);
    border-radius: 1.75rem;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.10) 0%, rgba(255, 255, 255, 0.05) 100%);
}

.iconic-box.style-two .content hr {
    color: var(--primary-color);
    opacity: 1;
}

.iconic-box.style-two .icon {
    font-size: 40px;
    height: 40px;
    margin-bottom: 30px;
    color: var(--primary-color);
}

.iconic-box.style-two .content h2 {
    margin-bottom: 5px;
    color: var(--primary-color);
}

.iconic-box.style-three {
    border-radius: 12px;
    background-color: var(--primary-dark-color);
    padding: 30px;
    transition: all .3s;
    text-align: center;
}

/* .iconic-box.style-three:hover,  */
.iconic-box.style-three.active {
    background-color: var(--secondary-dark-color);
    color: var(--white--color);
    border: 1px solid var(--primary-color);
}

.iconic-box.style-three.active2 {
    background-color: var(--secondary-dark-color);
}

/* .iconic-box.style-three:hover .icon,  */
.iconic-box.style-three.active .icon {
    color: var(--primary-dark-color);
}

.iconic-box.style-three .icon {
    font-size: 30px;
    height: 30px;
    color: var(--primary-color);
    margin-bottom: 10px;
}

.iconic-box.style-three .content h4 {
    font-family: var(--body-font);
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 10px;
}

.iconic-box.style-four {
    display: flex;
    align-items: flex-start;
}

.iconic-box.style-four .icon {
    flex: 0 0 auto;
    width: 80px;
    height: 80px;
    background-color: var(--primary-color);
    font-size: 38px;
    color: var(--primary-dark-color);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 25px;
    border-radius: 1.75rem;
}

.iconic-box.style-four .content h4 {
    margin-bottom: 7px;
}

.iconic-box.style-five {
    display: flex;
    align-items: start;
}

.iconic-box.style-five .icon {
    flex: 0 0 auto;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, 0.10);
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.10) 0%, rgba(255, 255, 255, 0.05) 100%);
    backdrop-filter: blur(2px);
    margin-right: 16px;
}

.iconic-box.style-six {
    text-align: center;
    padding: 30px;
    border: 1px solid rgba(255, 255, 255, 0.20);
    background-color: var(--primary-dark-color);
}

.iconic-box.style-six .icon {
    display: inline-flex;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    font-size: 32px;
    align-items: center;
    justify-content: center;
    background-color: var(--primary-color);
    color: var(--primary-dark-color);
    margin-bottom: 20px;
}

.iconic-box.style-six .content h4 {
    font-weight: 400;
    font-size: 22px;
}

.iconic-box.style-seven {
    display: flex;
    align-items: center;
}

.iconic-box.style-seven .icon {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background-color: var(--primary-dark-color);
    margin-right: 15px;
}

.iconic-box.style-seven .content h4 {
    margin-bottom: 6px;
}


.check-list.style-one li:not(:last-child) {
    margin-bottom: 15px;
}

.check-list.style-one li i {
    margin-right: 10px;
    color: var(--primary-color);
}

.counter-item {
    padding: 0 30px;
    display: flex;
    align-items: center;
}

.counter-item .icon {
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    font-size: 60px;
    color: var(--primary-color);
    margin-right: 25px;
}

.counter-item .content p {
    margin-bottom: 0;
}

/*=======================
    End Elements  css 
=========================*/

/*=======================
    05. Start About  css 
=========================*/

.about-section {
    position: relative;
}

.about-section .section-content-box {
    position: relative;
    z-index: 2;
}

.about-section .iconic-box.style-two {
    padding: 40px 35px 35px;
}

.video-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}

.section-content-box h2 {
    margin-bottom: 40px;
}

.section-content-box h2 span {
    line-height: 61.6px;
    font: 700 56px var(--heading-font);
}

/* .about-history-section {
    position: relative;
    background-image: url(../images/bg-4-1.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
} */

/*=======================
    End About  css 
=========================*/

/*=======================
    06. Start Service  css 
=========================*/
.ia-banner {
    background: url(../images/ia-banner.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.bigdata-banner {
    background: url(../images/bigdata-banner.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.services-shape {
    position: relative;
    z-index: 1;
}

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

.services-shape .shape.shape-one {
    bottom: 25%;
    left: 5%;
}

.shape-section-v1 {
    position: relative;
    z-index: 1;
}

.shape-section-v1 .shape {
    position: absolute;
}

.shape-section-v1 .shape.shape-one {
    right: 80px;
    top: 120px;
}

.services-wrapper {
    border: 2px solid rgba(255, 255, 255, 0.2);
}

.service-details-wrapper .faq-wrapper h3,
.service-details-wrapper .content h3 {
    font-size: 40px;
    line-height: 52px;
    margin-bottom: 20px;
}

.service-details-wrapper .content>p {
    margin-bottom: 30px;
}

.accordion-card .accordion-header .accordion-title {
    background-color: var(--white--color);
    padding: 0 0 0 24px;
    color: var(--primary-dark-color);
    font-size: 24px;
    line-height: 28px;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.accordion-card .accordion-content {
    padding: 10px 24px;
}

.accordion-card .accordion-header .accordion-title:after {
    content: "\f067";
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
    font-size: 24px;
    margin-left: auto;
    width: 64px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--primary-color);
    color: var(--primary-dark-color);
    transition: all 0.4s;
}

.accordion-card .accordion-header .accordion-title[aria-expanded=true]:after {
    content: "\f068";
}

.choose-image img {
    border-radius: 25px;
}

.section-nav-tab .nav-tabs {
    border-bottom: none;
}

.section-nav-tab .nav-tabs li:not(:last-child) {
    margin-right: 15px;
}

.section-nav-tab .nav-tabs .nav-link {
    border-radius: 0;
    border-radius: 28px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    font: 500 18px var(--body-font);
    line-height: 27px;
    color: var(--white--color);
    padding: 12px 32px;
}

.section-nav-tab .nav-tabs .nav-link.active {
    color: var(--primary-dark-color);
}

/*=======================
    End Service  css 
=========================*/

/*=======================
    07. Start Case  css 
=========================*/

.case-item.style-one:hover .case-image .hover-content {
    visibility: visible;
    opacity: 1;
    transform: translateY(0px);
}

.case-item.style-one .case-image {
    position: relative;
    overflow: hidden;
}

.case-item.style-one .case-image .hover-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-end;
    padding: 25px;
    visibility: hidden;
    opacity: 0;
    transform: translateY(10px);
    transition: all .3s;
}

.case-item.style-one .case-image .hover-content .content-wrap {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-end;
    background-color: rgba(12, 12, 28, 0.50);
    padding: 24px;
}

.case-item.style-one .case-image .hover-content .content span {
    background-color: var(--primary-color);
    padding: 5px 8px;
    font: 600 18px var(--body-font);
    color: var(--primary-dark-color);
    line-height: 27px;
    margin-bottom: 5px;
}

.case-item.style-one .case-image .hover-content .content h4 {
    background-color: var(--white--color);
    padding: 6px 30px 6px 8px;
    color: var(--primary-dark-color);
    line-height: 28px;
}

.showcase-item {
    position: relative;
    display: flex;
    align-items: center;
}

.showcase-item:hover .image {
    visibility: visible;
    opacity: 1;
    transform: rotate(0deg);
}

.showcase-item:hover .year .duration {
    color: var(--primary-color);
}

.showcase-item:not(:last-child) {
    margin-bottom: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.showcase-item .icon {
    width: 88px;
    height: 88px;
    flex: 0 0 auto;
    border: 1px solid rgba(255, 255, 255, 0.10);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 100px;
}

.showcase-item .content {
    display: flex;
    align-items: flex-start;
    max-width: 700px;
}

.showcase-item .content .text:first-child {
    min-width: fit-content;
}

.showcase-item .content .text {
    margin-right: 60px;
}

.showcase-item .image {
    position: absolute;
    right: 28%;
    top: 0;
    visibility: hidden;
    overflow: 0;
    transform: rotate(-20deg);
    transition: all .3s;
}

.showcase-item .year {
    margin-left: auto;
}

.showcase-item .year .duration {
    font-size: 100px;
    line-height: 110px;
    color: rgba(255, 255, 255, 0.50);
    transition: all .4s;
}

.case-details-wrapper .case-content h3,
.case-details-wrapper .content-box h3 {
    margin-bottom: 20px;
}

.case-details-wrapper .case-content p,
.case-details-wrapper .content-box p {
    margin-bottom: 30px;
}

.counter-wrapper .row>.col-lg-4:not(:last-child) {
    border-right: 1px solid rgba(255, 255, 255, 0.1);
}

.case-details-wrapper .counter-wrapper {
    padding: 30px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.case-details-wrapper .counter-wrapper .counter-item .content p {
    margin-bottom: 0;
}

.case-details-wrapper .case-content .project-info {
    position: relative;
    background-color: var(--primary-dark-color);
    padding: 40px 48px;
    margin-left: 35px;
    margin-right: 35px;
    margin-top: -80px;
}

.case-details-wrapper .case-content .project-info .content span.sub-title {
    color: var(--primary-color);
    margin-bottom: 10px;
}

.post-navigation {
    display: flex;
    justify-content: space-between;
    background-color: var(--primary-dark-color);
    padding: 12px;
}

.post-navigation .navigation-item a {
    display: flex;
    align-items: center;
}

.post-navigation .navigation-item a i {
    width: 55px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, 0.2);
    margin-inline-end: 15px;
}

.post-navigation .navigation-item a:hover i {
    background-color: var(--primary-color);
    border-color: transparent;
    color: var(--primary-dark-color);
}

.post-navigation .navigation-item.next-post {
    direction: rtl;
}

/*=======================
    End Case  css 
=========================*/

/*=======================
    08. Start CTA  css 
=========================*/
.cta-v1 {
    padding: 15px;
}

.cta-v1 .cta-wrapper {
    padding: 85px 0 55px;
    border: 1px solid rgb(220 253 104 / 50%);
}

.cta-button .cta-btn {
    position: relative;
    width: 152px;
    height: 152px;
    border-radius: 50%;
    background-color: var(--primary-color);
    color: var(--primary-dark-color);
    display: flex;
    align-items: center;
    justify-content: center;
    font: 700 18px var(--heading-font);
}

.cta-button .cta-btn:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    border: 1px solid var(--primary-dark-color);
    left: 10px;
    top: 0;
    border-radius: 50%;
}

/*=======================
    End CTA  css 
=========================*/

/*==================== 
    09. Start Team css 
======================*/
.member-image img {
    width: 100%;
}

.team-item.style-one {
    background-color: var(--primary-dark-color);
    border-radius: 1.75rem;
}

.team-item.style-one:hover .member-image .social-link {
    bottom: 55px;
}

.team-item.style-one:hover .member-image .share i:before {
    content: "\f068";
}

.team-item.style-one .member-image {
    position: relative;
    /* padding: 8px 8px 0; */
    overflow: hidden;
}

.team-item.style-one .member-image .share {
    position: absolute;
    bottom: 0;
    left: 32px;
    width: 55px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--primary-color);
    color: var(--primary-dark-color);
    transition: all .3s;
}

.team-item.style-one .member-image .social-link {
    position: absolute;
    padding: 10px 20px;
    bottom: -100%;
    left: 32px;
    transition: all .4s;
    width: 55px;
    padding: 18px 20px 8px;
    background-color: var(--primary-color);
}

.team-item.style-one .member-image .social-link li {
    display: block;
}

.team-item.style-one .member-image .social-link li:not(:last-child) {
    margin-bottom: 30px;
}

.team-item.style-one .member-image .social-link li a {
    color: var(--primary-dark-color);
}

.team-item.style-one .member-image img {
    width: 100%;
    border-top-left-radius: 1.75rem;
    border-top-right-radius: 1.75rem;

}

.team-item.style-one .member-info {
    padding: 23px 30px 25px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.10) 0%, rgba(255, 255, 255, 0.05) 100%);
    border-bottom-left-radius: 1.75rem;
    border-bottom-right-radius: 1.75rem;
}

.team-item.style-one .member-info h3:hover {
    color: var(--primary-color);
}

.team-item.style-one .member-info p.position {
    color: var(--primary-color);
}

.certificate-item .certificate-image img {
    width: 100%;
}

.team-details-wrapper .member-image {
    position: relative;
}

.team-details-wrapper .member-image {
    max-width: 590px;
}

.team-details-wrapper .member-image .social-link {
    position: absolute;
    bottom: 55px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.team-details-wrapper .member-image .social-link li a {
    width: 64px;
    height: 64px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 255, 255, 0.10);
    color: var(--white--color);
    margin-left: 5px;
    margin-right: 5px;
}

.team-details-wrapper .member-image .social-link li a:hover {
    background-color: var(--primary-color);
    color: var(--primary-dark-color);
}

.team-details-wrapper .member-info h3 {
    font-size: 56px;
    line-height: 60px;
    margin-bottom: 15px;
}

.team-details-wrapper .member-info .position {
    color: var(--primary-color);
    font-size: 24px;
    margin-bottom: 20px;
}

.team-details-wrapper .member-info .member-contact h3 {
    margin-bottom: 15px;
    font-size: 40px;
}

/*==================== 
    End Team css 
======================*/


/*================================
    10. Start Testimonial  css 
=================================*/

.testimonial-slider-one {
    margin-left: -15px;
    margin-right: -15px;
}

.testimonial-slider-one .slick-slide {
    margin-left: 15px;
    margin-right: 15px;
}

.ratings li {
    color: var(--primary-color);
    display: inline-block;
}

.testimonial-item.style-one {
    background-color: var(--secondary-dark-color);
}

.testimonial-item.style-two {
    background-color: var(--primary-dark-color);
}

.testimonial-item {
    padding: 30px;
}

.testimonial-item .testimonial-content .ratings {
    margin-bottom: 25px;
}

.testimonial-item .testimonial-content>p {
    margin-bottom: 30px;
}

.author-thumb-title.style-one {
    display: flex;
    align-items: center;
}

.author-thumb-title.style-one .author-thumb {
    position: relative;
    width: 60px;
    height: 60px;
    flex: 0 0 auto;
    margin-right: 20px;
}

.author-thumb-title.style-one .author-thumb .quote {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 20px;
    height: 20px;
    font-size: 10px;
    background-color: var(--primary-color);
    color: var(--primary-dark-color);
    border: 2px solid var(--primary-dark-color);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.author-thumb-title.style-one .author-thumb img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.testimonial-arrows {
    display: flex;
    align-items: center;
}

.testimonial-arrows .slick-arrow {
    width: 55px;
    height: 55px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: var(--primary-color);
    cursor: pointer;
    z-index: 1;
    transition: all .3s;
}

.testimonial-arrows .slick-arrow:hover {
    background-color: var(--primary-color);
    color: var(--primary-dark-color);
    border-color: transparent;
}

.testimonial-arrows .slick-arrow.next {
    margin-left: 25px;
}

/*=======================
    End Testimonial  css 
=========================*/

/*==========================
    11. Start Headline  css 
============================*/

.headline-text .animate-text {
    width: 100%;
    white-space: nowrap;
    display: flex;
    overflow: hidden;
}

.headline-text .animate-text span {
    display: flex;
    align-items: center;
    font: 700 56px var(--heading-font);
    animation: marquee_left 5s linear infinite;
    line-height: 60px;
}

.headline-text .animate-text span:after {
    content: '';
    display: inline-block;
    width: 50px;
    height: 2px;
    margin-left: 35px;
    margin-right: 35px;
    background-color: var(--primary-dark-color);
}

.headline-text .animate-text span.text {
    color: #000;
}

@keyframes marquee_left {
    from {
        transform: translate3d(0, 0, 0)
    }

    to {
        transform: translate3d(-50%, 0, 0)
    }
}

/*=======================
    End Headline  css 
=========================*/

/*=======================
    12. Start Blog  css 
=========================*/

/* .ia-bigdata-bg {
    background: url(../images/bg-ia.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
} */

.blog-banner {
    background: url(../images/blog-banner.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.blog-section {
    position: relative;
}

.blog-section .section-title h2 {
    font-size: 38px;
}

.blog-post-item .post-thumbnail {
    overflow: hidden;
    display: inline-block;
}

.blog-post-item .post-thumbnail img {
    width: 100%;
    border-radius: 1.75rem;
    transition: all .5s ease;
}

.blog-post-item .post-thumbnail:hover img {
    transform: scale(1.1);
}

.blog-post-item.style-one:hover .post-thumbnail .hover-content .post-content h4.title {
    color: var(--primary-color);
}

.blog-post-item.style-one .post-thumbnail {
    position: relative;
    overflow: hidden;
    border-radius: 1.75rem;
}

.blog-post-item.style-one .post-thumbnail .hover-content {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 24px 24px 21px;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-end;
    background: linear-gradient(180deg, rgba(12, 12, 28, 0.00) 0%, rgba(12, 12, 28, 0.60) 100%);
}

.blog-post-item.style-one .post-thumbnail .hover-content .post-content .post-categories {
    position: absolute;
    top: 16px;
    right: 16px;
}

.blog-post-item.style-one .post-thumbnail .hover-content .post-content .post-meta a {
    margin-bottom: 4px;
}

.blog-post-item.style-one .post-thumbnail .hover-content .post-content .post-categories li a {
    padding: 1px 6px;
    font-weight: 500;
    background-color: var(--white--color);
    color: var(--primary-dark-color);
    line-height: 24px;
}

.read-button .read-more {
    width: 100%;
    background-color: var(--primary-color);
    color: var(--primary-dark-color);
    height: 105px;
    padding: 10px;
    font: 700 28px var(--heading-font);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 1.75rem;
}

.contact-banner {
    padding: 50px;
    border-radius: 16px;
}

.contact-banner .banner-content {
    text-align: center;
}

.contact-banner .banner-content h3 {
    font-size: 32px;
    line-height: 41px;
    color: var(--primary-dark-color);
    padding-bottom: 40px;
    border-bottom: 1px solid var(--primary-dark-color);
    margin-bottom: 50px;
}

.contact-banner .banner-content .icon {
    margin-bottom: 40px;
}

.contact-banner .banner-content .icon img {
    margin-bottom: 40px;
}

.contact-banner .banner-content h4 {
    color: var(--primary-dark-color);
}

.contact-banner .banner-content .theme-btn {
    background-color: var(--primary-dark-color);
    color: var(--primary-color);
}

.blog-post-item.style-two .post-thumbnail {
    position: relative;
    border: 3px solid var(--primary-color);
    border-radius: 1.75rem;
    -webkit-box-shadow: 0px 10px 78px -24px rgba(255, 255, 255, 0.6);
    -moz-box-shadow: 0px 10px 78px -24px rgba(255, 255, 255, 0.6);
    box-shadow: 0px 10px 78px -24px rgba(255, 255, 255, 0.6);
}

.blog-post-item.style-two .post-thumbnail2 {
    position: relative;
}

.blog-post-item.style-two .post-thumbnail2 img {
    border-radius: 1.75rem;
}

.blog-post-item.style-two .post-content {
    position: relative;
    padding-top: 20px;
}

.blog-post-item.style-two .post-content h5.title {
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 3px;
}

/* .blog-post-item.style-two .post-content h5.title:hover {
    color: var(--primary-color);
} */

.blog-post-item.style-two .post-meta {
    display: flex;
}

.blog-post-item.style-two .post-meta a {
    color: rgba(255, 255, 255, 0.7);
    margin-bottom: 10px;
}

.blog-post-item.style-two .post-meta a i {
    margin-right: 10px;
}

.blog-post-item.style-two .post-meta a:not(:last-child) {
    margin-right: 20px;
}

.blog-post-item.style-two .post-categories {
    position: absolute;
    top: 15px;
    left: 20px;
    padding: 5px 12px;
    font-weight: 500;
    color: var(--white--color);
    line-height: 24px;
    background: rgba(12, 12, 28, 0.20);
    backdrop-filter: blur(5px);
}

/* Blog Details */

.blog-details-wrapper .blog-post .block-image,
.blog-details-wrapper .blog-post p {
    margin-bottom: 35px;
}

.block-quote {
    background-color: var(--primary-dark-color);
    border-left: 3px solid var(--primary-color);
    padding: 25px 30px;
    display: flex;
    align-items: flex-start;
}

.block-quote .icon {
    width: 64px;
    height: 64px;
    flex: 0 0 auto;
    margin-right: 25px;
}

.blog-details-wrapper .blog-post .block-quote .content h3 {
    margin-bottom: 20px;
}

.blog-details-wrapper .blog-post .block-quote .content p {
    margin-bottom: 0;
}

.block-quote .content p:before {
    display: inline-block;
    content: '';
    width: 50px;
    height: 1px;
    background-color: var(--primary-color);
    margin-right: 15px;
    vertical-align: middle;
}

.entry-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.tag-links a {
    padding: 5px 12px;
    font-weight: 500;
    color: var(--white--color);
    line-height: 24px;
    background-color: rgba(255, 255, 255, 0.10);
    margin-bottom: 8px;
    margin-right: 3px;
}

.tag-links a:hover {
    background-color: var(--primary-color);
    color: var(--primary-dark-color);
}

.social-share .social {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    font-size: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--white--color);
    margin-left: 10px;
}

.social-share .facebook {
    background-color: #3B5999;
}

.social-share .linkedin {
    background-color: #55ACEE;
}

.social-share .plane {
    background-color: #BD081C;
}

.social-share .instagram {
    background-color: #0077B5;
}

.post-navigation-item {
    display: flex;
    gap: 30px;
}

.post-nav-item {
    max-width: 410px;
    background-color: var(--primary-dark-color);
    padding: 20px;
    align-items: center;
}

.post-nav-item:hover {
    background-color: var(--primary-color);
}

.post-nav-item:hover .content {
    color: var(--primary-dark-color);
}

.post-nav-item.next-post {
    direction: rtl;
}

.post-nav-item .thumb {
    width: 85px;
    height: 85px;
    margin-inline-end: 20px;
    flex: 0 0 auto;
}

.post-nav-item .content .read-more {
    font-size: 16px;
}

.post-nav-item .content h6 {
    font: 600 18px var(--body-font);
    line-height: 27px;
}

.comments-area h4.comments-title {
    margin-bottom: 35px;
}

.comments-area .comments-list li:not(:last-child) {
    padding: 25px;
    margin-bottom: 25px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.comments-area .comments-list .comment {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.comments-area .comments-list .comment:nth-child(even) {
    margin-left: 70px;
}

.comments-area .comments-list .comment .comment-avatar {
    max-width: 80px;
    height: 80px;
    margin-right: 24px;
}

.comments-area .comments-list .comment .comment-avatar img {
    width: 100%;
    border-radius: 50%;
}

.comments-area .comments-list .comment .comment-wrap .comment-author-content {
    position: relative;
}

.comments-area .comments-list .comment .comment-wrap .comment-author-content .author-name {
    display: block;
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 15px;
}

.comments-area .comments-list .comment .comment-wrap .comment-author-content p {
    margin-bottom: 15px;
}

.comments-area .comments-list .comment .comment-wrap .comment-author-content .author-name span.date {
    font-size: 16px;
    display: block;
    font-weight: 500;
}

.comments-area .comments-list .comment .comment-wrap .comment-author-content .read-more {
    position: absolute;
    top: 0;
    right: 0;
}

.comments-area .comments-list .comment .comment-wrap .comment-author-content .read-more i {
    margin-left: 5px;
}

.comments-heading {
    margin-bottom: 20px;
}

.comments-respond .comment-form textarea,
.comments-respond .comment-form input {
    width: 100%;
    padding: 26px 30px;
    line-height: 28px;
    background-color: var(--primary-dark-color);
    border: none;
    margin-bottom: 30px;
    color: rgba(255, 255, 255, 0.7);
}

.comments-respond .comment-form input::placeholder,
.comments-respond .comment-form textarea::placeholder {
    color: rgba(255, 255, 255, 0.7);
}

.comments-respond .comment-form .theme-btn {
    border-radius: 0;
}

/* Sidebar Widget Area */

.sidebar-widget-area {
    background-color: var(--primary-dark-color);
    padding: 25px 25px 15px;
}

.sidebar-widget-area .sidebar-widget h4.widget-title {
    margin-bottom: 20px;
}

.sidebar-search-widget form .form-group {
    position: relative;
}

.sidebar-search-widget form input {
    width: 100%;
    padding: 18px 30px;
    line-height: 28px;
    background-color: var(--secondary-dark-color);
    border: none;
}

.sidebar-search-widget form button {
    width: 64px;
    height: 64px;
    background-color: var(--primary-color);
    color: var(--primary-dark-color);
    border: none;
    position: absolute;
    top: 0;
    right: 0;
}

.sidebar-nav-widget .widget-nav li:not(:last-child) {
    margin-bottom: 8px;
}

.sidebar-nav-widget .widget-nav li a {
    display: block;
    background-color: var(--secondary-dark-color);
    padding: 18px 24px;
}

.sidebar-nav-widget .widget-nav li a i {
    float: right;
}

.sidebar-download-widget .download-content a {
    position: relative;
    display: flex;
    align-items: center;
    padding: 16px 24px;
    background-color: var(--secondary-dark-color);
    line-height: 25px;
    margin-bottom: 8px;
}

.sidebar-download-widget .download-content a i {
    color: var(--primary-color);
    font-size: 32px;
    margin-right: 15px;
}

.sidebar-download-widget .download-content a span {
    width: 64px;
    height: 64px;
    background-color: var(--primary-color);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
}

.sidebar-download-widget .download-content a span i {
    color: var(--primary-dark-color);
    margin-right: 0;
    font-size: 24px;
}

.sidebar-post-widget .post-thumbnail-content {
    display: flex;
    align-items: center;
}

.sidebar-post-widget .recent-post-list li:not(:last-child) {
    margin-bottom: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.sidebar-post-widget .post-thumbnail-content img {
    width: 80px;
    height: 80px;
    flex: 0 0 auto;
    margin-right: 20px;
}

.sidebar-post-widget .post-thumbnail-content .post-title-date h6 {
    margin-bottom: 10px;
}

.sidebar-category-widget .category-nav li:not(:last-child) {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.sidebar-category-widget .category-nav li a {
    display: block;
}

.sidebar-category-widget .category-nav li a i {
    margin-right: 10px;
}

.sidebar-category-widget .category-nav li a:hover {
    color: var(--primary-color);
}

.sidebar-category-widget .category-nav li a span {
    float: right;
}

.sidebar-contact-widget {
    background-color: var(--primary-color);
}

.sidebar-contact-widget .contact-content {
    padding: 40px;
    text-align: center;
}

.sidebar-contact-widget .contact-content h3 {
    color: var(--primary-dark-color);
    font-size: 28px;
    line-height: 33px;
    margin-bottom: 25px;
}

.sidebar-contact-widget .contact-content p {
    color: var(--primary-dark-color);
    margin-bottom: 40px;
}

.sidebar-contact-widget .contact-content .theme-btn {
    background-color: var(--primary-dark-color);
    color: var(--primary-color);
    border-radius: 0;
}

.sidebar-widget.sidebar-tag-widget .tagcloud a {
    padding: 5px 12px;
    font-weight: 500;
    color: var(--white--color);
    line-height: 24px;
    background-color: rgba(255, 255, 255, 0.10);
    margin-bottom: 8px;
    margin-right: 3px;
}

.sidebar-widget.sidebar-tag-widget .tagcloud a:hover {
    background-color: var(--primary-color);
    color: var(--primary-dark-color);
}

.freedomai-pagination {
    margin-left: -5px;
    margin-right: -5px;
}

.freedomai-pagination li {
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;
}

.freedomai-pagination li a {
    width: 64px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, 0.20);
    background: var(--primary-dark-color);
    backdrop-filter: blur(1.5px);
}

.freedomai-pagination li a.active {
    background-color: var(--primary-color);
    border-color: transparent;
    color: var(--primary-dark-color);
}

/*==================== 
    End Blog  css 
======================*/


/*==================== 
    13. Start Footer css 
======================*/
.footer-default {
    position: relative;
}

.copyright-area {
    padding: 14px 0 15px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.copyright-area .copyright-text p {
    opacity: .7;
    font-size: 14px;
    letter-spacing: 1px;
}

.copyright-area .copyright-text p span {
    color: var(--primary-color);
}

.social-link.style-one {
    display: flex;
}

.social-link.style-one li:not(:last-child) {
    margin-right: 16px;
}

.social-link.style-one li a {
    width: 60px;
    height: 60px;
    border: 1px solid rgba(255, 255, 255, 0.10);
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.10) 0%, rgba(255, 255, 255, 0.05) 100%);
    backdrop-filter: blur(2px);
    color: var(--white--color);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s;
    font-size: 28px;
    border-radius: 100%;
}

.social-link.style-one li a:hover {
    background-color: var(--primary-color);
    color: var(--primary-dark-color);
}

.footer-widget h4.footer-title {
    position: relative;
    padding-bottom: 25px;
    margin-bottom: 35px;
}

.footer-widget h4.footer-title:after {
    position: absolute;
    left: 0;
    bottom: -3px;
    content: '';
    width: 50px;
    height: 5px;
    background-color: var(--primary-color);
}

.footer-widget h4.footer-title:before {
    position: absolute;
    left: 50px;
    bottom: -1px;
    content: '';
    width: 150px;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.2);
}

.about-company-widget .footer-logo {
    margin-bottom: 45px;
}

.about-company-widget p {
    margin-bottom: 35px;
    margin-top: -15px;
}

.footer-nav-widget {
    padding: 0 40px;
}

.footer-nav-widget ul.footer-nav {
    margin-top: -15px;
}

.footer-nav-widget ul.footer-nav li {
    line-height: 50px;
}

.footer-nav-widget ul.footer-nav li a {
    opacity: .7;
}

.footer-nav-widget ul.footer-nav li a:hover {
    color: var(--primary-color);
}

/*==================== 
    End Footer css 
======================*/

/*=======================
    14. Start Pricing  css 
=========================*/

.pricing-item.style-one {
    padding: 50px 50px 55px;
    background-color: var(--primary-dark-color);
    transition: all .3s;
}

.pricing-item.style-one:hover {
    background-color: var(--primary-color);
    color: var(--primary-dark-color);
}

.pricing-item.style-one:hover .pricing-body .check-list li i {
    color: var(--primary-dark-color);
}

.pricing-item.style-one:hover .pricing-body .theme-btn.style-one {
    background-color: var(--primary-dark-color);
    color: var(--primary-color);
}

.pricing-item.style-one .pricing-head {
    padding-bottom: 30px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    margin-bottom: 40px;
}

.pricing-item.style-one .pricing-head h2.price span.duration {
    font: 400 18px var(--body-font);
}

.pricing-item.style-one .pricing-body .check-list {
    margin-bottom: 30px;
}

.pricing-item.style-one .pricing-body .check-list li:not(:last-child) {
    margin-bottom: 20px;
}

.pricing-item.style-one .pricing-body .check-list li i {
    margin-right: 10px;
    color: var(--primary-color);
}

.pricing-item.style-one .pricing-body .theme-btn.style-one {
    width: 100%;
}

/*=======================
    End Pricing  css 
=========================*/

/*==================== 
    15. Start Shop css 
======================*/
.product-filter .show-text {
    margin-bottom: 40px;
}

.product-filter .filter-dropdown .nice-select {
    padding: 11px 30px;
    border: none;
    background-color: var(--primary-dark-color);
    margin-bottom: 50px;
    display: flex;
    justify-content: space-between;
}

.product-item:hover .product-image .hover-content {
    right: 12px;
}

.product-item .product-image {
    position: relative;
    overflow: hidden;
}

.product-item .product-image .hover-content {
    position: absolute;
    top: 12px;
    right: -100%;
    transition: all .5s;
}

.product-item .product-image .hover-content a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    background-color: var(--white--color);
    color: var(--primary-dark-color);
    margin-bottom: 8px;
}

.product-item .product-image .hover-content a:hover {
    background-color: var(--primary-color);
}

.product-item .product-info {
    padding-top: 20px;
}

.product-item .product-info h4 {
    margin-bottom: 10px;
}

.product-item .product-info h4:hover {
    color: var(--primary-color);
}

.product-gallery-area {
    padding-right: 30px;
}

.product-gallery-area .product-img a {
    display: block;
}

.product-gallery-area .product-img img {
    width: 100%;
}

.product-thumb-slider {
    margin-left: -15px;
    margin-right: -15px;
}

.product-thumb-slider .slick-slide {
    margin-left: 15px;
    margin-right: 15px;
}

.product-details-wrapper .product-info span.stock {
    padding: 2px 12px;
    font-weight: 500;
    line-height: 24px;
    background-color: var(--alert-color);
    color: var(--white--color);
    margin-bottom: 15px;
}

.product-details-wrapper .product-info h4 {
    font-size: 40px;
    line-height: 52px;
    margin-bottom: 15px;
}

.product-details-wrapper .product-info ul.ratings {
    margin-bottom: 30px;
}

.product-details-wrapper .product-info ul.ratings li {
    color: var(--primary-color);
}

.product-details-wrapper .product-info ul.ratings li a {
    color: var(--white--color);
}

.product-details-wrapper .product-info p {
    margin-bottom: 30px;
}

.product-details-wrapper .product-info .product-cart ul {
    display: flex;
    align-items: center;
}

.product-details-wrapper .product-info .product-cart ul li input {
    width: 150px;
    height: 64px;
    padding: 10px 20px;
    margin-right: 15px;
}

.product-details-wrapper .product-info .product-cart ul li .theme-btn {
    border-radius: 0;
    border: none;
}

.product-details-wrapper .product-info .product-meta .social {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    font-size: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--white--color);
}

.product-details-wrapper .product-info .product-meta li {
    margin-bottom: 15px;
}

.product-details-wrapper .product-info .product-meta span {
    margin-right: 10px;
}

.product-details-wrapper .product-info .product-meta .facebook {
    background-color: #3B5999;
}

.product-details-wrapper .product-info .product-meta .linkedin {
    background-color: #55ACEE;
}

.product-details-wrapper .product-info .product-meta .plane {
    background-color: #BD081C;
}

.product-details-wrapper .product-info .product-meta .instagram {
    background-color: #0077B5;
}

.description-tabs {
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    padding-bottom: 20px;
}

.description-tabs .nav .nav-item:not(:last-child) {
    margin-right: 15px;
}

.description-tabs .nav .nav-link {
    background-color: var(--primary-dark-color);
    font: 600 18px var(--body-font);
    color: var(--white--color);
    border-radius: 0;
    padding: 18px 30px 19px 30px;
}

.description-tabs .nav .nav-link.active {
    background-color: var(--primary-color);
    color: var(--primary-dark-color);
}

.description-content p {
    margin-bottom: 30px;
}

/*==================== 
    End Shop css 
======================*/

/*==================== 
    16. Start Cart css 
======================*/

.cart-table thead {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.cart-table thead th {
    color: var(--primary-color);
    font: 700 27px var(--heading-font);
    line-height: 40px;
    border: none;
}

.cart-table tbody tr td {
    padding: 30px 0;
}

.cart-table tbody td {
    vertical-align: middle;
    font-size: 18px;
    color: var(--white--color);
    border-color: rgba(255, 255, 255, 0.1);
}

.cart-table tbody td.remove {
    text-align: right;
}

.cart-table tbody td.remove a {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #FF4375;
    color: var(--primary-dark-color);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.coupon-box form .form_group {
    display: flex;
}

.coupon-box form .form_group input {
    max-width: 410px;
    border: 1px solid rgba(255, 255, 255, 0.10);
    background-color: var(--primary-dark-color);
    padding: 17px 30px;
}

.coupon-box form .form_group .theme-btn {
    border-radius: 0;
}

.update-cart .theme-btn {
    border-radius: 0;
}

.shopping-cart-total {
    padding: 45px 50px 50px;
    background-color: var(--primary-dark-color);
}

.shopping-cart-total h4.title {
    color: var(--primary-color);
    margin-bottom: 17px;
}

.shopping-cart-total table tr {
    margin-bottom: 23px;
}

.shopping-cart-total table tr td {
    color: var(--white--color);
    padding: 10px 0px;
    border: none;
}

.shopping-cart-total table tr:not(:last-child) {
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.shopping-cart-total table tr td.price {
    text-align: right;
}

/*==================== 
    End Cart css 
======================*/


/*==================== 
    17. Start Contact css 
======================*/
.banner-contato {
    background: url(../images/contato-banner.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.map-box {
    margin-right: 40px;
}

.map-box iframe {
    height: 440px;
}

.contact-section {
    position: relative;
}

.contact-form .form-group {
    position: relative;
}

.contact-form .form-group i {
    position: absolute;
    left: 30px;
    top: 59px;
}

.contact-form input,
.contact-form textarea {
    width: 100%;
    margin-bottom: 30px;
    padding: 0 30px;
    background-color: transparent;
    border: 1px solid #FFF;
    border-radius: 1.75rem;
    resize: none;
    color: var(--white--color);
}

.contact-form input::placeholder,
.contact-form textarea::placeholder {
    color: var(--white--color);
}

.contact-form textarea {
    padding-top: 25px;
}

.contact-form input {
    padding: 0 30px 0 68px;
    height: 80px;
}

/*==================== 
    End Contact css 
======================*/

/*==================== 
    Start Error css 
======================*/
.error-section {
    padding: 220px 0;
}

.error-content img {
    margin-bottom: 65px;
}

.error-content h1 {
    margin-bottom: 42px;
}

.error-content p {
    font-size: 24px;
    line-height: 120%;
    margin-bottom: 63px;
    font-family: var(--heading-font);
}

.error-shape-section {
    position: relative;
    z-index: 1;
}

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

.error-shape-section .shape.shape-one {
    top: 100px;
    left: 120px;
}

.error-shape-section .shape.shape-two {
    top: 25%;
    right: 100px;
}

.error-shape-section .shape.shape-three {
    bottom: 22%;
    left: 25%;
}

.error-shape-section .shape.shape-four {
    bottom: 0;
    right: 0;
}

/*==================== 
    End Error css 
======================*/

.stars_freedom {
    inset: 0; 
    position: absolute;
    z-index: -1;
}

.stars_stars1__SYdKV {
    animation: freedomai_starsAnimation 50s linear infinite
}

.stars_stars1__SYdKV,.stars_stars__jcdCb:after {
    width: 1px;
    height: 1px;
    background: transparent;
    box-shadow: 1663px 2250px #fff,891px 1185px #fff,199px 1862px #fff,1386px 735px #fff,1266px 1086px #fff,1367px 961px #fff,1654px 1644px #fff,279px 317px #fff,1313px 569px #fff,1471px 1769px #fff,358px 955px #fff,886px 260px #fff,849px 1232px #fff,1946px 1109px #fff,670px 212px #fff,243px 954px #fff,1836px 1393px #fff,887px 1562px #fff,789px 1558px #fff,16px 370px #fff,373px 704px #fff,500px 812px #fff,1239px 1518px #fff,768px 126px #fff,1281px 1669px #fff,982px 508px #fff,670px 937px #fff,662px 281px #fff,390px 669px #fff,1854px 572px #fff,458px 1062px #fff,570px 1490px #fff,1415px 708px #fff,180px 1685px #fff,853px 1480px #fff,1846px 254px #fff,1590px 756px #fff,1369px 1206px #fff,1965px 461px #fff,1998px 731px #fff,1004px 26px #fff,1881px 153px #fff,859px 1365px #fff,1704px 1098px #fff,1603px 1938px #fff,1168px 1884px #fff,1937px 623px #fff,681px 203px #fff,775px 1221px #fff,1713px 765px #fff,1786px 1935px #fff,192px 1988px #fff,1310px 291px #fff,1514px 1274px #fff,1263px 1609px #fff,1870px 822px #fff,678px 1597px #fff,1261px 765px #fff,873px 1585px #fff,1426px 1053px #fff,884px 243px #fff,1750px 1989px #fff,1627px 372px #fff,1273px 1302px #fff,356px 737px #fff,339px 497px #fff,1458px 158px #fff,1823px 1894px #fff,31px 19px #fff,1375px 1841px #fff,848px 1061px #fff,869px 730px #fff,1951px 753px #fff,621px 1194px #fff,174px 514px #fff,1011px 1942px #fff,895px 1334px #fff,660px 1345px #fff,725px 1712px #fff,358px 358px #fff,1692px 752px #fff,1150px 929px #fff,1442px 1690px #fff,1946px 1693px #fff,930px 79px #fff,1028px 507px #fff,689px 301px #fff,264px 389px #fff,514px 691px #fff,342px 1646px #fff,903px 867px #fff,1232px 481px #fff,1331px 1029px #fff,71px 1156px #fff,361px 1033px #fff,1296px 400px #fff,1380px 1064px #fff,752px 130px #fff,1010px 1269px #fff,1465px 1301px #fff,512px 343px #fff,75px 777px #fff,57px 413px #fff,1712px 1023px #fff,1406px 823px #fff,64px 1762px #fff,1873px 903px #fff,197px 1250px #fff,1101px 1788px #fff,1694px 886px #fff,2px 1129px #fff,135px 1287px #fff,360px 1152px #fff,116px 1255px #fff,732px 1397px #fff,187px 1498px #fff,1764px 439px #fff,1969px 727px #fff,94px 1918px #fff,1076px 1065px #fff,1083px 1849px #fff,1347px 1884px #fff,1143px 117px #fff,1828px 1884px #fff,1654px 247px #fff,620px 891px #fff,1046px 203px #fff,910px 890px #fff,1168px 1767px #fff,264px 736px #fff,20px 1220px #fff,999px 1509px #fff,806px 645px #fff,1686px 1010px #fff,1917px 295px #fff,162px 1359px #fff,512px 1071px #fff,1553px 1794px #fff,875px 841px #fff,995px 529px #fff,1252px 49px #fff,1375px 1435px #fff,1047px 1760px #fff,417px 1571px #fff,1710px 911px #fff,226px 1743px #fff,115px 220px #fff,1088px 973px #fff,1921px 1341px #fff,1400px 799px #fff,1548px 1455px #fff,18px 864px #fff,108px 1313px #fff,1556px 514px #fff,1190px 592px #fff,890px 745px #fff,1981px 527px #fff,1264px 817px #fff,528px 1474px #fff,256px 567px #fff,746px 1749px #fff,702px 384px #fff,4px 1899px #fff,183px 1010px #fff,50px 328px #fff,1032px 1301px #fff,1911px 853px #fff,345px 1658px #fff,219px 1804px #fff,725px 74px #fff,271px 845px #fff,856px 364px #fff,1523px 646px #fff,139px 1352px #fff,1592px 577px #fff,784px 629px #fff,1104px 1844px #fff,698px 67px #fff,1433px 1157px #fff,372px 1536px #fff,239px 299px #fff,1162px 224px #fff,551px 136px #fff,1512px 971px #fff,1743px 1393px #fff,1428px 1102px #fff,784px 881px #fff,778px 785px #fff,930px 527px #fff,805px 643px #fff,2000px 1398px #fff,254px 418px #fff,1278px 585px #fff,1893px 440px #fff,885px 1706px #fff,1268px 558px #fff,589px 359px #fff,812px 484px #fff,413px 1536px #fff,1417px 272px #fff,1224px 814px #fff,1880px 102px #fff,1046px 1758px #fff,167px 1921px #fff,792px 902px #fff,511px 1509px #fff,1996px 678px #fff,600px 908px #fff,1878px 629px #fff,1674px 739px #fff,795px 849px #fff,354px 340px #fff,814px 1855px #fff,1048px 999px #fff,1235px 1107px #fff,1735px 1406px #fff,806px 1121px #fff,731px 1085px #fff,1922px 420px #fff,292px 287px #fff,65px 1296px #fff,844px 1308px #fff,1157px 1984px #fff,1507px 1038px #fff,599px 1068px #fff,782px 646px #fff,669px 17px #fff,838px 1157px #fff,251px 130px #fff,1322px 1507px #fff,772px 1473px #fff,1380px 1268px #fff,919px 1276px #fff,777px 211px #fff,1690px 81px #fff,898px 1492px #fff,656px 1291px #fff,1082px 49px #fff,140px 628px #fff,309px 1376px #fff,1093px 1198px #fff,1646px 625px #fff,733px 607px #fff,753px 543px #fff,1747px 746px #fff,1680px 1614px #fff,1506px 542px #fff,578px 946px #fff,1445px 1464px #fff,1511px 1471px #fff,1556px 547px #fff,545px 1740px #fff,1811px 1010px #fff,456px 812px #fff,1075px 667px #fff,894px 1782px #fff,1580px 1184px #fff,1554px 537px #fff,177px 633px #fff,1408px 733px #fff,1380px 115px #fff,448px 1411px #fff,94px 1323px #fff,1892px 487px #fff,1975px 182px #fff,692px 149px #fff,1412px 1813px #fff,1578px 1618px #fff,697px 83px #fff,294px 1980px #fff,1022px 1591px #fff,335px 475px #fff,1835px 29px #fff,766px 1135px #fff,1483px 1162px #fff,68px 360px #fff,696px 1992px #fff,1408px 990px #fff,275px 185px #fff,1293px 230px #fff,872px 215px #fff,697px 93px #fff,1386px 381px #fff,1589px 1344px #fff,1745px 1798px #fff,370px 177px #fff,497px 969px #fff,1533px 755px #fff,1691px 980px #fff,180px 1248px #fff,1090px 1112px #fff,1738px 1901px #fff,1105px 1823px #fff,424px 610px #fff,209px 173px #fff,1158px 1151px #fff,1459px 1573px #fff,710px 1096px #fff,1610px 69px #fff,16px 1037px #fff,342px 952px #fff,859px 1293px #fff,793px 319px #fff,664px 1607px #fff,1133px 1971px #fff,1190px 1774px #fff,1211px 1338px #fff,1862px 317px #fff,669px 849px #fff,1293px 260px #fff,1556px 1812px #fff,150px 1836px #fff,364px 1877px #fff,1231px 638px #fff,710px 1866px #fff,789px 1325px #fff,1430px 703px #fff,1182px 1116px #fff,244px 1920px #fff,700px 601px #fff,1738px 591px #fff,757px 792px #fff,393px 1351px #fff,949px 357px #fff,813px 694px #fff,464px 968px #fff,774px 86px #fff,1739px 400px #fff,1554px 1701px #fff,803px 394px #fff,46px 1375px #fff,414px 1432px #fff,1130px 1344px #fff,1222px 979px #fff,79px 609px #fff,1448px 183px #fff,396px 252px #fff,1579px 1260px #fff,379px 1236px #fff,990px 954px #fff,1009px 1956px #fff,1822px 1806px #fff,963px 1052px #fff,1781px 1647px #fff,547px 1980px #fff,795px 1929px #fff,1610px 491px #fff,986px 1885px #fff,104px 1208px #fff,1213px 1333px #fff,1949px 1751px #fff,1554px 1775px #fff,1693px 389px #fff,1744px 1118px #fff,80px 1161px #fff,492px 748px #fff,1247px 24px #fff,1476px 1272px #fff,235px 1533px #fff,1353px 1475px #fff,404px 326px #fff,1807px 1787px #fff,496px 1571px #fff,44px 906px #fff,612px 1518px #fff,271px 1521px #fff,323px 1312px #fff,1307px 608px #fff,1751px 1940px #fff,901px 704px #fff,10px 1643px #fff,587px 124px #fff,46px 1643px #fff,446px 76px #fff,874px 975px #fff,146px 1210px #fff,1910px 1658px #fff,1721px 1092px #fff,344px 1836px #fff,1959px 697px #fff,82px 992px #fff,1797px 1574px #fff,1173px 290px #fff,346px 125px #fff,1299px 1736px #fff,1576px 218px #fff,552px 1540px #fff,513px 955px #fff,1957px 1426px #fff,680px 81px #fff,719px 691px #fff,425px 1759px #fff,694px 61px #fff,596px 1184px #fff,1634px 852px #fff,440px 644px #fff,1543px 1443px #fff,922px 1665px #fff,1331px 1905px #fff,872px 1772px #fff,1747px 1525px #fff,433px 892px #fff,671px 1644px #fff,1692px 1808px #fff,839px 1803px #fff,699px 1347px #fff,1700px 685px #fff,406px 977px #fff,1269px 1723px #fff,1846px 1833px #fff,95px 1243px #fff,1686px 591px #fff,1309px 531px #fff,1945px 1626px #fff,946px 1869px #fff,613px 652px #fff,1027px 484px #fff,1351px 771px #fff,850px 1975px #fff,6px 794px #fff,351px 970px #fff,1721px 784px #fff,733px 1205px #fff,823px 613px #fff,409px 1545px #fff,1197px 1076px #fff,264px 351px #fff,1667px 274px #fff,1921px 666px #fff,1035px 1722px #fff,122px 1675px #fff,1167px 369px #fff,1514px 1449px #fff,982px 236px #fff,211px 425px #fff,1588px 690px #fff,75px 1053px #fff,1227px 1216px #fff,1656px 1110px #fff,399px 1842px #fff,1765px 465px #fff,1182px 1746px #fff,1054px 67px #fff,1689px 1116px #fff,1954px 913px #fff,526px 1793px #fff,283px 834px #fff,33px 404px #fff,1152px 566px #fff,1042px 1363px #fff,337px 1969px #fff,254px 1864px #fff,1623px 215px #fff,1633px 77px #fff,1636px 48px #fff,1218px 637px #fff,1855px 1905px #fff,775px 642px #fff,1672px 1640px #fff,284px 1843px #fff,1469px 863px #fff,140px 1291px #fff,1085px 758px #fff,1894px 1165px #fff,1156px 1890px #fff,720px 608px #fff,1955px 1759px #fff,1611px 1630px #fff,1013px 315px #fff,1278px 1974px #fff,1907px 1622px #fff,1980px 1587px #fff,370px 1707px #fff,697px 1417px #fff,1724px 1683px #fff,1750px 1921px #fff,668px 1440px #fff,297px 936px #fff,1118px 1850px #fff,441px 1290px #fff,1350px 1351px #fff,724px 1246px #fff,752px 1646px #fff,912px 1533px #fff,684px 1852px #fff,1117px 1750px #fff,1970px 1924px #fff,1268px 878px #fff,1607px 1747px #fff,1534px 37px #fff,979px 666px #fff,291px 1405px #fff,573px 1793px #fff,531px 489px #fff,1231px 1161px #fff,487px 459px #fff,1521px 1335px #fff,904px 75px #fff,1738px 1806px #fff,289px 131px #fff,539px 365px #fff,1219px 520px #fff,920px 989px #fff,1340px 662px #fff,554px 1519px #fff,157px 155px #fff,1678px 1067px #fff,619px 1352px #fff,1089px 652px #fff,128px 1195px #fff,406px 1555px #fff,38px 972px #fff,356px 206px #fff,1377px 124px #fff,1073px 1778px #fff,618px 1123px #fff,1669px 1849px #fff,1435px 209px #fff,1016px 1568px #fff,217px 362px #fff,1921px 1997px #fff,1175px 1879px #fff,474px 277px #fff,491px 230px #fff,607px 910px #fff,1828px 1602px #fff,608px 945px #fff,244px 1990px #fff,673px 1947px #fff,1668px 1025px #fff,357px 1097px #fff,811px 206px #fff,768px 1116px #fff,89px 279px #fff,762px 814px #fff,1903px 1461px #fff,446px 456px #fff,1229px 317px #fff,141px 1361px #fff,1771px 477px #fff,1908px 1528px #fff,483px 1974px #fff,1073px 457px #fff,224px 1908px #fff,1964px 1219px #fff,571px 1319px #fff,1150px 602px #fff,531px 343px #fff,510px 14px #fff,1375px 1361px #fff,1657px 813px #fff,1826px 1706px #fff,789px 71px #fff,677px 100px #fff,1920px 543px #fff,599px 1526px #fff,1513px 138px #fff,622px 699px #fff,130px 1893px #fff,467px 241px #fff,423px 1579px #fff,438px 664px #fff,1802px 1361px #fff,259px 1202px #fff,1359px 1045px #fff,1897px 1751px #fff,1342px 1338px #fff,1495px 1348px #fff,1821px 1316px #fff,502px 1006px #fff,305px 1282px #fff,165px 344px #fff,182px 1066px #fff,1090px 1050px #fff,1706px 1481px #fff,730px 1788px #fff,396px 635px #fff,1117px 1367px #fff,1693px 396px #fff,250px 1880px #fff,1401px 1045px #fff,202px 692px #fff,531px 20px #fff,1979px 765px #fff,998px 1271px #fff,140px 1702px #fff,362px 12px #fff,472px 1201px #fff,457px 1297px #fff,1921px 989px #fff,118px 1767px #fff,995px 721px #fff,1994px 1800px #fff,1468px 158px #fff,539px 457px #fff,721px 1698px #fff,1930px 1854px #fff,1240px 806px #fff,584px 1767px #fff,730px 394px #fff,1512px 1295px #fff,1895px 1888px #fff,1118px 258px #fff,1178px 187px #fff,999px 953px #fff,574px 1838px #fff,138px 132px #fff,1959px 715px #fff,1429px 1332px #fff,670px 1478px #fff,317px 661px #fff,293px 1927px #fff,527px 1761px #fff,201px 231px #fff,194px 1552px #fff,451px 1876px #fff,1068px 1707px #fff,1185px 1994px #fff,990px 1047px #fff,745px 1627px #fff,1835px 1550px #fff,1018px 126px #fff,452px 1027px #fff,337px 1294px #fff,1534px 799px #fff,197px 475px #fff,255px 1619px #fff,605px 358px #fff,832px 1603px #fff,1563px 427px #fff,381px 219px #fff,1441px 1865px #fff,507px 1921px #fff,568px 1830px #fff,1481px 1970px #fff,408px 760px #fff,1450px 1963px #fff,1768px 76px #fff,1472px 475px #fff,549px 1280px #fff,810px 273px #fff,1750px 1444px #fff,1319px 1594px #fff,421px 1441px #fff,1686px 509px #fff,1347px 836px #fff,1152px 749px #fff,593px 312px #fff,1946px 1349px #fff,23px 846px #fff,218px 1598px #fff,1973px 1240px #fff,1340px 186px #fff,1566px 1121px #fff,976px 1574px #fff,1825px 27px #fff,780px 1690px #fff,307px 1544px #fff,884px 237px #fff,26px 1898px #fff,830px 1707px #fff,756px 434px #fff,1231px 172px #fff,1230px 1959px #fff,1929px 898px #fff,1307px 55px #fff,1580px 634px #fff,327px 1856px #fff,1552px 340px #fff,1300px 103px #fff,1840px 1007px #fff,880px 1452px #fff,385px 483px #fff,1607px 381px #fff,841px 78px #fff,1236px 212px #fff,718px 1751px #fff,1933px 1602px #fff,1248px 1619px #fff,857px 1510px #fff,1176px 121px #fff,1323px 1852px #fff,1526px 26px #fff,212px 1990px #fff,207px 322px #fff,467px 1336px #fff,1585px 1464px #fff,1811px 1482px #fff,1823px 861px #fff,1268px 239px #fff,853px 1736px #fff,1287px 1082px #fff,767px 953px #fff,1976px 1454px #fff,1868px 1063px #fff,925px 1316px #fff,152px 414px #fff,678px 254px #fff,1624px 563px #fff,974px 462px #fff
}

.stars_stars__jcdCb:after {
    content: " ";
    position: absolute;
    top: 2000px
}

.stars_stars2__bmz0X {
    animation: freedomai_starsAnimation 100s linear infinite
}

.stars_stars2__bmz0X,.stars_stars2__bmz0X:after {
    width: 2px;
    height: 2px;
    background: transparent;
    box-shadow: 853px 11090px #fff,449px 1567px #fff,433px 1131px #fff,1882px 1307px #fff,971px 116px #fff,10px 468px #fff,767px 390px #fff,490px 1062px #fff,1383px 1776px #fff,1252px 418px #fff,1884px 205px #fff,715px 1939px #fff,899px 70px #fff,286px 751px #fff,1975px 1928px #fff,273px 125px #fff,1229px 923px #fff,551px 1479px #fff,507px 481px #fff,130px 1661px #fff,1064px 1154px #fff,1032px 19px #fff,1661px 1097px #fff,1679px 611px #fff,1761px 1301px #fff,1790px 1807px #fff,142px 1482px #fff,1262px 1790px #fff,1281px 222px #fff,944px 934px #fff,935px 369px #fff,593px 1897px #fff,1584px 1190px #fff,1582px 1744px #fff,1644px 113px #fff,1325px 1461px #fff,259px 1687px #fff,1629px 1081px #fff,106px 561px #fff,2000px 1118px #fff,885px 1794px #fff,320px 1540px #fff,427px 888px #fff,1135px 494px #fff,1440px 1502px #fff,1774px 1846px #fff,55px 222px #fff,612px 1080px #fff,1059px 1987px #fff,418px 237px #fff,119px 924px #fff,1582px 238px #fff,597px 1951px #fff,921px 285px #fff,1476px 1089px #fff,574px 1562px #fff,487px 1518px #fff,1044px 1664px #fff,1857px 1612px #fff,390px 724px #fff,440px 1579px #fff,1047px 96px #fff,1397px 974px #fff,800px 1800px #fff,1190px 742px #fff,1532px 1063px #fff,1430px 1019px #fff,1032px 855px #fff,1651px 430px #fff,1855px 1331px #fff,609px 191px #fff,556px 30px #fff,1075px 1995px #fff,1112px 208px #fff,1436px 1738px #fff,346px 1694px #fff,1900px 445px #fff,989px 1186px #fff,1976px 1394px #fff,1206px 395px #fff,1213px 138px #fff,554px 1163px #fff,136px 326px #fff,1035px 1152px #fff,765px 469px #fff,1663px 1015px #fff,1250px 62px #fff,560px 416px #fff,902px 1584px #fff,853px 862px #fff,1738px 1696px #fff,23px 221px #fff,1080px 1920px #fff,818px 123px #fff,320px 1336px #fff,69px 1574px #fff,325px 1883px #fff,1379px 721px #fff,326px 344px #fff,999px 650px #fff,1152px 224px #fff,902px 1828px #fff,35px 1076px #fff,1377px 941px #fff,758px 290px #fff,830px 1694px #fff,1407px 929px #fff,733px 1685px #fff,252px 1380px #fff,912px 1952px #fff,1725px 52px #fff,110px 548px #fff,730px 1741px #fff,1860px 118px #fff,374px 371px #fff,692px 1608px #fff,1465px 640px #fff,1035px 1170px #fff,669px 1998px #fff,1321px 1634px #fff,1174px 778px #fff,1773px 599px #fff,749px 400px #fff,1245px 1882px #fff,868px 416px #fff,138px 1608px #fff,1188px 1966px #fff,636px 1959px #fff,54px 53px #fff,1050px 290px #fff,743px 1589px #fff,147px 852px #fff,1547px 1927px #fff,787px 1199px #fff,1444px 1621px #fff,1767px 1019px #fff,1464px 97px #fff,794px 952px #fff,1697px 252px #fff,184px 586px #fff,1029px 1451px #fff,786px 1421px #fff,1808px 962px #fff,1503px 868px #fff,768px 1568px #fff,1585px 525px #fff,1404px 1672px #fff,1047px 370px #fff,1147px 801px #fff,612px 1307px #fff,1456px 507px #fff,910px 954px #fff,65px 747px #fff,1286px 1662px #fff,934px 1081px #fff,1203px 556px #fff,58px 747px #fff,1137px 1576px #fff,1242px 1872px #fff,1583px 771px #fff,1733px 912px #fff,1684px 1325px #fff,1462px 1994px #fff,605px 127px #fff,1752px 170px #fff,1099px 850px #fff,1253px 1184px #fff,1977px 1757px #fff,371px 1427px #fff,1487px 1439px #fff,1318px 1247px #fff,1512px 920px #fff,975px 1265px #fff,358px 1591px #fff,1445px 773px #fff,1218px 136px #fff,1127px 205px #fff,701px 1783px #fff,1144px 1276px #fff,1626px 1169px #fff,1097px 88px #fff,563px 1691px #fff,214px 403px #fff,815px 7px #fff,865px 1211px #fff,408px 1469px #fff,417px 1933px #fff,1992px 57px #fff,1192px 448px #fff,249px 1836px #fff,76px 1522px #fff,1539px 776px #fff,1680px 73px #fff,1644px 1020px #fff,755px 1976px #fff,1159px 483px #fff,598px 1873px #fff,1609px 366px #fff,1853px 1476px #fff,1184px 1834px #fff
}

.stars_stars2__bmz0X:after {
    content: " ";
    position: absolute;
    top: 2000px
}

.stars_stars3__4knMa {
    animation: freedomai_starsAnimation 150s linear infinite
}

.stars_stars3__4knMa,.stars_stars3__4knMa:after {
    width: 3px;
    height: 3px;
    background: transparent;
    box-shadow: 1048px 5154px #fff,1079px 1604px #fff,1546px 417px #fff,954px 322px #fff,1881px 1826px #fff,1206px 1108px #fff,959px 1490px #fff,1764px 256px #fff,1616px 1510px #fff,187px 881px #fff,1720px 1321px #fff,1560px 1962px #fff,867px 926px #fff,1190px 1173px #fff,1410px 1653px #fff,253px 100px #fff,1782px 91px #fff,1563px 486px #fff,1324px 1370px #fff,577px 541px #fff,1878px 1097px #fff,1184px 109px #fff,1936px 1546px #fff,1984px 753px #fff,63px 1378px #fff,1578px 1123px #fff,279px 838px #fff,1129px 384px #fff,377px 1321px #fff,1017px 493px #fff,1790px 1838px #fff,1511px 5px #fff,881px 1620px #fff,469px 1266px #fff,1412px 748px #fff,1917px 413px #fff,1265px 1667px #fff,8px 1756px #fff,1098px 1655px #fff,320px 416px #fff,1282px 694px #fff,1697px 1243px #fff,1969px 813px #fff,1554px 770px #fff,108px 713px #fff,757px 1080px #fff,1375px 1028px #fff,10px 426px #fff,942px 392px #fff,1183px 1660px #fff,1100px 253px #fff,655px 911px #fff,1808px 1714px #fff,1818px 299px #fff,467px 1591px #fff,1228px 256px #fff,866px 1927px #fff,146px 105px #fff,447px 1613px #fff,27px 1150px #fff,1082px 827px #fff,44px 366px #fff,1057px 502px #fff,1894px 1436px #fff,694px 1026px #fff,260px 515px #fff,599px 60px #fff,1841px 1300px #fff,1169px 1224px #fff,918px 1663px #fff,1123px 236px #fff,1854px 1238px #fff,1993px 1516px #fff,300px 1960px #fff,967px 807px #fff,1146px 1743px #fff,1452px 316px #fff,910px 1363px #fff,243px 1069px #fff,1680px 1396px #fff,1039px 673px #fff,1997px 1336px #fff,1626px 1933px #fff,1169px 1076px #fff,1674px 335px #fff,1760px 1014px #fff,320px 1480px #fff,328px 593px #fff,1302px 602px #fff,196px 660px #fff,1573px 577px #fff,191px 619px #fff,1940px 1141px #fff,74px 1461px #fff,765px 710px #fff,95px 1675px #fff,992px 668px #fff,219px 511px #fff,1312px 62px #fff,340px 757px #fff
}

.stars_stars3__4knMa:after {
    content: " ";
    position: absolute;
    top: 2000px
}

@keyframes freedomai_starsAnimation {
    0% {
        transform: translateY(0)
    }

    to {
        transform: translateY(-2000px)
    }
}